@fluentui/web-components 3.0.0-beta.70 → 3.0.0-beta.71
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 +1 -1
- package/dist/dts/menu-item/menu-item.styles.d.ts +0 -5
- package/dist/dts/styles/states/index.d.ts +439 -95
- package/dist/dts/utils/element-internals.d.ts +15 -0
- package/dist/esm/avatar/avatar.styles.js +32 -31
- package/dist/esm/avatar/avatar.styles.js.map +1 -1
- package/dist/esm/checkbox/checkbox.styles.js +1 -6
- package/dist/esm/checkbox/checkbox.styles.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.styles.js +1 -6
- package/dist/esm/counter-badge/counter-badge.styles.js.map +1 -1
- package/dist/esm/field/field.styles.js +1 -66
- package/dist/esm/field/field.styles.js.map +1 -1
- package/dist/esm/image/image.styles.js +8 -8
- package/dist/esm/image/image.styles.js.map +1 -1
- package/dist/esm/label/label.styles.js +4 -5
- package/dist/esm/label/label.styles.js.map +1 -1
- package/dist/esm/link/link.styles.js +3 -3
- package/dist/esm/link/link.styles.js.map +1 -1
- package/dist/esm/menu-item/menu-item.styles.js +1 -6
- package/dist/esm/menu-item/menu-item.styles.js.map +1 -1
- package/dist/esm/styles/states/index.js +437 -97
- package/dist/esm/styles/states/index.js.map +1 -1
- package/dist/esm/text/text.styles.js +20 -39
- package/dist/esm/text/text.styles.js.map +1 -1
- package/dist/esm/utils/element-internals.js +20 -0
- package/dist/esm/utils/element-internals.js.map +1 -1
- package/dist/web-components.d.ts +1 -1
- package/dist/web-components.js +130 -78
- package/dist/web-components.min.js +274 -274
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
const g=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements});let Vo;const Qi="fast-kernel";try{if(document.currentScript)Vo=document.currentScript.getAttribute(Qi);else{const o=document.getElementsByTagName("script");Vo=o[o.length-1].getAttribute(Qi)}}catch{Vo="isolate"}let me;switch(Vo){case"share":me=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":me=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)}`;me=Object.freeze({updateQueue:`1.2${o}`,observable:`2.2${o}`,contextEvent:`3.2${o}`,elementRegistry:`4.2${o}`});break}const Ne=o=>typeof o=="function",Ft=o=>typeof o=="string",Zi=()=>{};var Gs=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};(function(){if(!(typeof globalThis<"u"))if(typeof Gs<"u")Gs.globalThis=Gs;else if(typeof self<"u")self.globalThis=self;else if(typeof window<"u")window.globalThis=window;else{const t=new Function("return this")();t.globalThis=t}})();const Ji={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},Ji));const et=globalThis.FAST;if(et.getById===void 0){const o=Object.create(null);Reflect.defineProperty(et,"getById",Object.assign({value(t,e){let s=o[t];return s===void 0&&(s=e?o[t]=e():null),s}},Ji))}et.error===void 0&&Object.assign(et,{warn(){},error(o){return new Error(`Error ${o}`)},addMessages(){}});const ua=Object.freeze([]);function Ws(){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 tr(){const o=new WeakMap;return function(t){let e=o.get(t);if(e===void 0){let s=Reflect.getPrototypeOf(t);for(;e===void 0&&s!==null;)e=o.get(s),s=Reflect.getPrototypeOf(s);e=e===void 0?[]:e.slice(0),o.set(t,e)}return e}}function $e(o){o.prototype.toJSON=Zi}const Y=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),er=o=>o,pa=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:er}):{createHTML:er};let Do=Object.freeze({createHTML(o){return pa.createHTML(o)},protect(o,t,e,s){return s}});const ga=Do,ve=Object.freeze({get policy(){return Do},setPolicy(o){if(Do!==ga)throw et.error(1201);Do=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)}}),Ot=et.getById(me.updateQueue,()=>{const o=[],t=[],e=globalThis.requestAnimationFrame;let s=!0;function i(){if(t.length)throw t.shift()}function r(p){try{p.call()}catch(h){if(s)t.push(h),setTimeout(i,0);else throw o.length=0,h}}function n(){let h=0;for(;h<o.length;)if(r(o[h]),h++,h>1024){for(let d=0,b=o.length-h;d<b;d++)o[d]=o[d+h];o.length-=h,h=0}o.length=0}function u(p){o.push(p),o.length<2&&(s?e(n):n())}return Object.freeze({enqueue:u,next:()=>new Promise(u),process:n,setMode:p=>s=p})});class Xs{constructor(t,e){this.sub1=void 0,this.sub2=void 0,this.spillover=void 0,this.subject=t,this.sub1=e}has(t){return this.spillover===void 0?this.sub1===t||this.sub2===t:this.spillover.indexOf(t)!==-1}subscribe(t){const e=this.spillover;if(e===void 0){if(this.has(t))return;if(this.sub1===void 0){this.sub1=t;return}if(this.sub2===void 0){this.sub2=t;return}this.spillover=[this.sub1,this.sub2,t],this.sub1=void 0,this.sub2=void 0}else e.indexOf(t)===-1&&e.push(t)}unsubscribe(t){const e=this.spillover;if(e===void 0)this.sub1===t?this.sub1=void 0:this.sub2===t&&(this.sub2=void 0);else{const s=e.indexOf(t);s!==-1&&e.splice(s,1)}}notify(t){const e=this.spillover,s=this.subject;if(e===void 0){const i=this.sub1,r=this.sub2;i!==void 0&&i.handleChange(s,t),r!==void 0&&r.handleChange(s,t)}else for(let i=0,r=e.length;i<r;++i)e[i].handleChange(s,t)}}class or{constructor(t){this.subscribers={},this.subjectSubscribers=null,this.subject=t}notify(t){var e,s;(e=this.subscribers[t])===null||e===void 0||e.notify(t),(s=this.subjectSubscribers)===null||s===void 0||s.notify(t)}subscribe(t,e){var s,i;let r;e?r=(s=this.subscribers[e])!==null&&s!==void 0?s:this.subscribers[e]=new Xs(this.subject):r=(i=this.subjectSubscribers)!==null&&i!==void 0?i:this.subjectSubscribers=new Xs(this.subject),r.subscribe(t)}unsubscribe(t,e){var s,i;e?(s=this.subscribers[e])===null||s===void 0||s.unsubscribe(t):(i=this.subjectSubscribers)===null||i===void 0||i.unsubscribe(t)}}const Lo=Object.freeze({unknown:void 0,coupled:1}),m=et.getById(me.observable,()=>{const o=Ot.enqueue,t=/(:|&&|\|\||if|\?\.)/,e=new WeakMap;let s,i=h=>{throw et.error(1101)};function r(h){var d;let b=(d=h.$fastController)!==null&&d!==void 0?d:e.get(h);return b===void 0&&(Array.isArray(h)?b=i(h):e.set(h,b=new or(h))),b}const n=tr();class u{constructor(d){this.name=d,this.field=`_${d}`,this.callback=`${d}Changed`}getValue(d){return s!==void 0&&s.watch(d,this.name),d[this.field]}setValue(d,b){const k=this.field,ht=d[k];if(ht!==b){d[k]=b;const ae=d[this.callback];Ne(ae)&&ae.call(d,ht,b),r(d).notify(this.name)}}}class p extends Xs{constructor(d,b,k=!1){super(d,b),this.expression=d,this.isVolatileBinding=k,this.needsRefresh=!0,this.needsQueue=!0,this.isAsync=!0,this.first=this,this.last=null,this.propertySource=void 0,this.propertyName=void 0,this.notifier=void 0,this.next=void 0}setMode(d){this.isAsync=this.needsQueue=d}bind(d){this.controller=d;const b=this.observe(d.source,d.context);return!d.isBound&&this.requiresUnbind(d)&&d.onUnbind(this),b}requiresUnbind(d){return d.sourceLifetime!==Lo.coupled||this.first!==this.last||this.first.propertySource!==d.source}unbind(d){this.dispose()}observe(d,b){this.needsRefresh&&this.last!==null&&this.dispose();const k=s;s=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let ht;try{ht=this.expression(d,b)}finally{s=k}return ht}disconnect(){this.dispose()}dispose(){if(this.last!==null){let d=this.first;for(;d!==void 0;)d.notifier.unsubscribe(this,d.propertyName),d=d.next;this.last=null,this.needsRefresh=this.needsQueue=this.isAsync}}watch(d,b){const k=this.last,ht=r(d),ae=k===null?this.first:{};if(ae.propertySource=d,ae.propertyName=b,ae.notifier=ht,ht.subscribe(this,b),k!==null){if(!this.needsRefresh){let Yi;s=void 0,Yi=k.propertySource[k.propertyName],s=this,d===Yi&&(this.needsRefresh=!0)}k.next=ae}this.last=ae}handleChange(){this.needsQueue?(this.needsQueue=!1,o(this)):this.isAsync||this.call()}call(){this.last!==null&&(this.needsQueue=this.isAsync,this.notify(this))}*records(){let d=this.first;for(;d!==void 0;)yield d,d=d.next}}return $e(p),Object.freeze({setArrayObserverFactory(h){i=h},getNotifier:r,track(h,d){s&&s.watch(h,d)},trackVolatile(){s&&(s.needsRefresh=!0)},notify(h,d){r(h).notify(d)},defineProperty(h,d){Ft(d)&&(d=new u(d)),n(h).push(d),Reflect.defineProperty(h,d.name,{enumerable:!0,get(){return d.getValue(this)},set(b){d.setValue(this,b)}})},getAccessors:n,binding(h,d,b=this.isVolatileBinding(h)){return new p(h,d,b)},isVolatileBinding(h){return t.test(h.toString())}})});function v(o,t){m.defineProperty(o,t)}function ba(o,t,e){return Object.assign({},e,{get(){return m.trackVolatile(),e.get.apply(this)}})}const sr=et.getById(me.contextEvent,()=>{let o=null;return{get(){return o},set(t){o=t}}}),Fe=Object.freeze({default:{index:0,length:0,get event(){return Fe.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return sr.get()},setEvent(o){sr.set(o)}});class Ho{constructor(t,e,s=!1){this.evaluate=t,this.policy=e,this.isVolatile=s}}class fa extends Ho{createObserver(t){return m.binding(this.evaluate,t,this.isVolatile)}}function Ks(o,t,e=m.isVolatileBinding(o)){return new fa(o,t,e)}class ir extends Ho{createObserver(){return this}bind(t){return this.evaluate(t.source,t.context)}}$e(ir);function rr(o,t){return new ir(o,t)}let nr;function ar(o){return o.map(t=>t instanceof mt?ar(t.styles):[t]).reduce((t,e)=>t.concat(e),[])}class mt{constructor(t){this.styles=t,this.targets=new WeakSet,this._strategy=null,this.behaviors=t.map(e=>e instanceof mt?e.behaviors:null).reduce((e,s)=>s===null?e:e===null?s:e.concat(s),null)}get strategy(){return this._strategy===null&&this.withStrategy(nr),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(ar(this.styles)),this}static setDefaultStrategy(t){nr=t}static normalize(t){return t===void 0?void 0:Array.isArray(t)?new mt(t):t instanceof mt?t:new mt([t])}}mt.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const Ys=Ws(),Qs=Object.freeze({getForInstance:Ys.getForInstance,getByType:Ys.getByType,define(o){return Ys.register({type:o}),o}});function Zs(o,t,e){t.source.style.setProperty(o.targetAspect,e.bind(t))}class Js{constructor(t,e){this.dataBinding=t,this.targetAspect=e}createCSS(t){return t(this),`var(${this.targetAspect})`}addedCallback(t){var e;const s=t.source;if(!s.$cssBindings){s.$cssBindings=new Map;const r=s.setAttribute;s.setAttribute=(n,u)=>{r.call(s,n,u),n==="style"&&s.$cssBindings.forEach((p,h)=>Zs(h,p.controller,p.observer))}}const i=(e=t[this.targetAspect])!==null&&e!==void 0?e:t[this.targetAspect]=this.dataBinding.createObserver(this,this);i.controller=t,t.source.$cssBindings.set(this,{controller:t,observer:i})}connectedCallback(t){Zs(this,t,t[this.targetAspect])}removedCallback(t){t.source.$cssBindings&&t.source.$cssBindings.delete(this)}handleChange(t,e){Zs(this,e.controller,e)}}Qs.define(Js);const ma=`${Math.random().toString(36).substring(2,8)}`;let $a=0;const lr=()=>`--v${ma}${++$a}`;function cr(o,t){const e=[];let s="";const i=[],r=n=>{i.push(n)};for(let n=0,u=o.length-1;n<u;++n){s+=o[n];let p=t[n];Ne(p)?p=new Js(Ks(p),lr()).createCSS(r):p instanceof Ho?p=new Js(p,lr()).createCSS(r):Qs.getForInstance(p)!==void 0&&(p=p.createCSS(r)),p instanceof mt||p instanceof CSSStyleSheet?(s.trim()!==""&&(e.push(s),s=""),e.push(p)):s+=p}return s+=o[o.length-1],s.trim()!==""&&e.push(s),{styles:e,behaviors:i}}const l=(o,...t)=>{const{styles:e,behaviors:s}=cr(o,t),i=new mt(e);return s.length?i.withBehaviors(...s):i};class dr{constructor(t,e){this.behaviors=e,this.css="";const s=t.reduce((i,r)=>(Ft(r)?this.css+=r:i.push(r),i),[]);s.length&&(this.styles=new mt(s))}createCSS(t){return this.behaviors.forEach(t),this.styles&&t(this),this.css}addedCallback(t){t.addStyles(this.styles)}removedCallback(t){t.removeStyles(this.styles)}}Qs.define(dr),l.partial=(o,...t)=>{const{styles:e,behaviors:s}=cr(o,t);return new dr(e,s)};const hr=/fe-b\$\$start\$\$(\d+)\$\$(.+)\$\$fe-b/,ur=/fe-b\$\$end\$\$(\d+)\$\$(.+)\$\$fe-b/,pr=/fe-repeat\$\$start\$\$(\d+)\$\$fe-repeat/,gr=/fe-repeat\$\$end\$\$(\d+)\$\$fe-repeat/,br=/^(?:.{0,1000})fe-eb\$\$start\$\$(.+?)\$\$fe-eb/,fr=/fe-eb\$\$end\$\$(.{0,1000})\$\$fe-eb(?:.{0,1000})$/;function mr(o){return o&&o.nodeType===Node.COMMENT_NODE}const Mt=Object.freeze({attributeMarkerName:"data-fe-b",attributeBindingSeparator:" ",contentBindingStartMarker(o,t){return`fe-b$$start$$${o}$$${t}$$fe-b`},contentBindingEndMarker(o,t){return`fe-b$$end$$${o}$$${t}$$fe-b`},repeatStartMarker(o){return`fe-repeat$$start$$${o}$$fe-repeat`},repeatEndMarker(o){return`fe-repeat$$end$$${o}$$fe-repeat`},isContentBindingStartMarker(o){return hr.test(o)},isContentBindingEndMarker(o){return ur.test(o)},isRepeatViewStartMarker(o){return pr.test(o)},isRepeatViewEndMarker(o){return gr.test(o)},isElementBoundaryStartMarker(o){return mr(o)&&br.test(o.data.trim())},isElementBoundaryEndMarker(o){return mr(o)&&fr.test(o.data)},parseAttributeBinding(o){const t=o.getAttribute(this.attributeMarkerName);return t===null?t:t.split(this.attributeBindingSeparator).map(e=>parseInt(e))},parseContentBindingStartMarker(o){return yr(hr,o)},parseContentBindingEndMarker(o){return yr(ur,o)},parseRepeatStartMarker(o){return $r(pr,o)},parseRepeatEndMarker(o){return $r(gr,o)},parseElementBoundaryStartMarker(o){return vr(br,o.trim())},parseElementBoundaryEndMarker(o){return vr(fr,o)}});function $r(o,t){const e=o.exec(t);return e===null?e:parseInt(e[1])}function vr(o,t){const e=o.exec(t);return e===null?e:e[1]}function yr(o,t){const e=o.exec(t);return e===null?e:[parseInt(e[1]),e[2]]}const Ro=Symbol.for("fe-hydration");function jo(o){return o[Ro]===Ro}const ti=`fast-${Math.random().toString(36).substring(2,8)}`,qo=`${ti}{`,io=`}${ti}`,va=io.length;let ya=0;const ro=()=>`${ti}-${++ya}`,kr=Object.freeze({interpolation:o=>`${qo}${o}${io}`,attribute:o=>`${ro()}="${qo}${o}${io}"`,comment:o=>`<!--${qo}${o}${io}-->`}),Uo=Object.freeze({parse(o,t){const e=o.split(qo);if(e.length===1)return null;const s=[];for(let i=0,r=e.length;i<r;++i){const n=e[i],u=n.indexOf(io);let p;if(u===-1)p=n;else{const h=n.substring(0,u);s.push(t[h]),p=n.substring(u+va)}p!==""&&s.push(p)}return s}}),ei=Ws(),St=Object.freeze({getForInstance:ei.getForInstance,getByType:ei.getByType,define(o,t){return t=t||{},t.type=o,ei.register(t),o},assignAspect(o,t){if(!t){o.aspectType=Y.content;return}switch(o.sourceAspect=t,t[0]){case":":o.targetAspect=t.substring(1),o.aspectType=o.targetAspect==="classList"?Y.tokenList:Y.property;break;case"?":o.targetAspect=t.substring(1),o.aspectType=Y.booleanAttribute;break;case"@":o.targetAspect=t.substring(1),o.aspectType=Y.event;break;default:o.targetAspect=t,o.aspectType=Y.attribute;break}}});class oi{constructor(t){this.options=t}createHTML(t){return kr.attribute(t(this))}createBehavior(){return this}}$e(oi);class xr extends Error{constructor(t,e,s){super(t),this.factories=e,this.node=s}}function si(o){return o.nodeType===Node.COMMENT_NODE}function wr(o){return o.nodeType===Node.TEXT_NODE}function Cr(o,t){const e=document.createRange();return e.setStart(o,0),e.setEnd(t,si(t)||wr(t)?t.data.length:t.childNodes.length),e}function ka(o){return o instanceof DocumentFragment&&"mode"in o}function xa(o,t,e){const s=Cr(o,t),i=s.commonAncestorContainer,r=document.createTreeWalker(i,NodeFilter.SHOW_ELEMENT+NodeFilter.SHOW_COMMENT+NodeFilter.SHOW_TEXT,{acceptNode(h){return s.comparePoint(h,0)===0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_REJECT}}),n={},u={};let p=r.currentNode=o;for(;p!==null;){switch(p.nodeType){case Node.ELEMENT_NODE:{wa(p,e,n);break}case Node.COMMENT_NODE:{Ca(p,r,e,n,u);break}}p=r.nextNode()}return s.detach(),{targets:n,boundaries:u}}function wa(o,t,e){const s=Mt.parseAttributeBinding(o);if(s!==null){for(const i of s){if(!t[i])throw new xr(`HydrationView was unable to successfully target factory on ${o.nodeName} inside ${o.getRootNode().host.nodeName}. This likely indicates a template mismatch between SSR rendering and hydration.`,t,o);Go(t[i],o,e)}o.removeAttribute(Mt.attributeMarkerName)}}function Ca(o,t,e,s,i){if(Mt.isElementBoundaryStartMarker(o)){Ia(o,t);return}if(Mt.isContentBindingStartMarker(o.data)){const r=Mt.parseContentBindingStartMarker(o.data);if(r===null)return;const[n,u]=r,p=e[n],h=[];let d=t.nextSibling();o.data="";const b=d;for(;d!==null;){if(si(d)){const k=Mt.parseContentBindingEndMarker(d.data);if(k&&k[1]===u)break}h.push(d),d=t.nextSibling()}if(d===null){const k=o.getRootNode();throw new Error(`Error hydrating Comment node inside "${ka(k)?k.host.nodeName:k.nodeName}".`)}if(d.data="",h.length===1&&wr(h[0]))Go(p,h[0],s);else{d!==b&&d.previousSibling!==null&&(i[p.targetNodeId]={first:b,last:d.previousSibling});const k=d.parentNode.insertBefore(document.createTextNode(""),d);Go(p,k,s)}}}function Ia(o,t){const e=Mt.parseElementBoundaryStartMarker(o.data);let s=t.nextSibling();for(;s!==null;){if(si(s)){const i=Mt.parseElementBoundaryEndMarker(s.data);if(i&&i===e)break}s=t.nextSibling()}}function Go(o,t,e){if(o.targetNodeId===void 0)throw new Error("Factory could not be target to the node");e[o.targetNodeId]=t}var Ir;function ii(o,t){const e=o.parentNode;let s=o,i;for(;s!==t;){if(i=s.nextSibling,!i)throw new Error(`Unmatched first/last child inside "${t.getRootNode().host.nodeName}".`);e.removeChild(s),s=i}e.removeChild(t)}class Sr{constructor(){this.index=0,this.length=0}get event(){return Fe.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}}class Wo extends Sr{constructor(t,e,s){super(),this.fragment=t,this.factories=e,this.targets=s,this.behaviors=null,this.unbindables=[],this.source=null,this.isBound=!1,this.sourceLifetime=Lo.unknown,this.context=this,this.firstChild=t.firstChild,this.lastChild=t.lastChild}appendTo(t){t.appendChild(this.fragment)}insertBefore(t){if(this.fragment.hasChildNodes())t.parentNode.insertBefore(this.fragment,t);else{const e=this.lastChild;if(t.previousSibling===e)return;const s=t.parentNode;let i=this.firstChild,r;for(;i!==e;)r=i.nextSibling,s.insertBefore(i,t),i=r;s.insertBefore(e,t)}}remove(){const t=this.fragment,e=this.lastChild;let s=this.firstChild,i;for(;s!==e;)i=s.nextSibling,t.appendChild(s),s=i;t.appendChild(e)}dispose(){ii(this.firstChild,this.lastChild),this.unbind()}onUnbind(t){this.unbindables.push(t)}bind(t,e=this){if(this.source===t)return;let s=this.behaviors;if(s===null){this.source=t,this.context=e,this.behaviors=s=new Array(this.factories.length);const i=this.factories;for(let r=0,n=i.length;r<n;++r){const u=i[r].createBehavior();u.bind(this),s[r]=u}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=t,this.context=e;for(let i=0,r=s.length;i<r;++i)s[i].bind(this)}this.isBound=!0}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}evaluateUnbindables(){const t=this.unbindables;for(let e=0,s=t.length;e<s;++e)t[e].unbind(this);t.length=0}static disposeContiguousBatch(t){if(t.length!==0){ii(t[0].firstChild,t[t.length-1].lastChild);for(let e=0,s=t.length;e<s;++e)t[e].unbind()}}}$e(Wo),m.defineProperty(Wo.prototype,"index"),m.defineProperty(Wo.prototype,"length");const Oe={unhydrated:"unhydrated",hydrating:"hydrating",hydrated:"hydrated"};class Sa extends Error{constructor(t,e,s,i){super(t),this.factory=e,this.fragment=s,this.templateString=i}}class za extends Sr{constructor(t,e,s,i){super(),this.firstChild=t,this.lastChild=e,this.sourceTemplate=s,this.hostBindingTarget=i,this[Ir]=Ro,this.context=this,this.source=null,this.isBound=!1,this.sourceLifetime=Lo.unknown,this.unbindables=[],this.fragment=null,this.behaviors=null,this._hydrationStage=Oe.unhydrated,this._bindingViewBoundaries={},this._targets={},this.factories=s.compile().factories}get hydrationStage(){return this._hydrationStage}get targets(){return this._targets}get bindingViewBoundaries(){return this._bindingViewBoundaries}insertBefore(t){if(this.fragment!==null)if(this.fragment.hasChildNodes())t.parentNode.insertBefore(this.fragment,t);else{const e=this.lastChild;if(t.previousSibling===e)return;const s=t.parentNode;let i=this.firstChild,r;for(;i!==e;)r=i.nextSibling,s.insertBefore(i,t),i=r;s.insertBefore(e,t)}}appendTo(t){this.fragment!==null&&t.appendChild(this.fragment)}remove(){const t=this.fragment||(this.fragment=document.createDocumentFragment()),e=this.lastChild;let s=this.firstChild,i;for(;s!==e;){if(i=s.nextSibling,!i)throw new Error(`Unmatched first/last child inside "${e.getRootNode().host.nodeName}".`);t.appendChild(s),s=i}t.appendChild(e)}bind(t,e=this){var s,i;if(this.hydrationStage!==Oe.hydrated&&(this._hydrationStage=Oe.hydrating),this.source===t)return;let r=this.behaviors;if(r===null){this.source=t,this.context=e;try{const{targets:u,boundaries:p}=xa(this.firstChild,this.lastChild,this.factories);this._targets=u,this._bindingViewBoundaries=p}catch(u){if(u instanceof xr){let p=this.sourceTemplate.html;typeof p!="string"&&(p=p.innerHTML),u.templateString=p}throw u}this.behaviors=r=new Array(this.factories.length);const n=this.factories;for(let u=0,p=n.length;u<p;++u){const h=n[u];if(h.targetNodeId==="h"&&this.hostBindingTarget&&Go(h,this.hostBindingTarget,this._targets),h.targetNodeId in this.targets){const d=h.createBehavior();d.bind(this),r[u]=d}else{let d=this.sourceTemplate.html;throw typeof d!="string"&&(d=d.innerHTML),new Sa(`HydrationView was unable to successfully target bindings inside "${(i=((s=this.firstChild)===null||s===void 0?void 0:s.getRootNode()).host)===null||i===void 0?void 0:i.nodeName}".`,h,Cr(this.firstChild,this.lastChild).cloneContents(),d)}}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=t,this.context=e;for(let n=0,u=r.length;n<u;++n)r[n].bind(this)}this.isBound=!0,this._hydrationStage=Oe.hydrated}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}dispose(){ii(this.firstChild,this.lastChild),this.unbind()}onUnbind(t){this.unbindables.push(t)}evaluateUnbindables(){const t=this.unbindables;for(let e=0,s=t.length;e<s;++e)t[e].unbind(this);t.length=0}}Ir=Ro,$e(za);function Ta(o){return o.create!==void 0}function Ba(o,t,e,s){if(e==null&&(e=""),Ta(e)){o.textContent="";let i=o.$fastView;if(i===void 0)if(jo(s)&&jo(e)&&s.bindingViewBoundaries[this.targetNodeId]!==void 0&&s.hydrationStage!==Oe.hydrated){const r=s.bindingViewBoundaries[this.targetNodeId];i=e.hydrate(r.first,r.last)}else i=e.create();else o.$fastTemplate!==e&&(i.isComposed&&(i.remove(),i.unbind()),i=e.create());i.isComposed?i.needsBindOnly&&(i.needsBindOnly=!1,i.bind(s.source,s.context)):(i.isComposed=!0,i.bind(s.source,s.context),i.insertBefore(o),o.$fastView=i,o.$fastTemplate=e)}else{const i=o.$fastView;i!==void 0&&i.isComposed&&(i.isComposed=!1,i.remove(),i.needsBindOnly?i.needsBindOnly=!1:i.unbind()),o.textContent=e}}function Pa(o,t,e){var s;const i=`${this.id}-t`,r=(s=o[i])!==null&&s!==void 0?s:o[i]={v:0,cv:Object.create(null)},n=r.cv;let u=r.v;const p=o[t];if(e!=null&&e.length){const h=e.split(/\s+/);for(let d=0,b=h.length;d<b;++d){const k=h[d];k!==""&&(n[k]=u,p.add(k))}}if(r.v=u+1,u!==0){u-=1;for(const h in n)n[h]===u&&p.remove(h)}}const Aa={[Y.attribute]:ve.setAttribute,[Y.booleanAttribute]:ve.setBooleanAttribute,[Y.property]:(o,t,e)=>o[t]=e,[Y.content]:Ba,[Y.tokenList]:Pa,[Y.event]:()=>{}};class Me{constructor(t){this.dataBinding=t,this.updateTarget=null,this.aspectType=Y.content}createHTML(t){return kr.interpolation(t(this))}createBehavior(){var t;if(this.updateTarget===null){const e=Aa[this.aspectType],s=(t=this.dataBinding.policy)!==null&&t!==void 0?t:this.policy;if(!e)throw et.error(1205);this.data=`${this.id}-d`,this.updateTarget=s.protect(this.targetTagName,this.aspectType,this.targetAspect,e)}return this}bind(t){var e;const s=t.targets[this.targetNodeId],i=jo(t)&&t.hydrationStage&&t.hydrationStage!==Oe.hydrated;switch(this.aspectType){case Y.event:s[this.data]=t,s.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case Y.content:t.onUnbind(this);default:const r=(e=s[this.data])!==null&&e!==void 0?e:s[this.data]=this.dataBinding.createObserver(this,this);if(r.target=s,r.controller=t,i&&(this.aspectType===Y.attribute||this.aspectType===Y.booleanAttribute)){r.bind(t);break}this.updateTarget(s,this.targetAspect,r.bind(t),t);break}}unbind(t){const s=t.targets[this.targetNodeId].$fastView;s!==void 0&&s.isComposed&&(s.unbind(),s.needsBindOnly=!0)}handleEvent(t){const e=t.currentTarget[this.data];if(e.isBound){Fe.setEvent(t);const s=this.dataBinding.evaluate(e.source,e.context);Fe.setEvent(null),s!==!0&&t.preventDefault()}}handleChange(t,e){const s=e.target,i=e.controller;this.updateTarget(s,this.targetAspect,e.bind(i),i)}}St.define(Me,{aspected:!0});const zr=(o,t)=>`${o}.${t}`,Tr={},_t={index:0,node:null};function Br(o){o.startsWith("fast-")||et.warn(1204,{name:o})}const Ea=new Proxy(document.createElement("div"),{get(o,t){Br(t);const e=Reflect.get(o,t);return Ne(e)?e.bind(o):e},set(o,t,e){return Br(t),Reflect.set(o,t,e)}});class Na{constructor(t,e,s){this.fragment=t,this.directives=e,this.policy=s,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(t,e,s,i,r){var n,u;this.nodeIds.has(s)||(this.nodeIds.add(s),this.addTargetDescriptor(e,s,i)),t.id=(n=t.id)!==null&&n!==void 0?n:ro(),t.targetNodeId=s,t.targetTagName=r,t.policy=(u=t.policy)!==null&&u!==void 0?u:this.policy,this.factories.push(t)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(t,e,s){const i=this.descriptors;if(e==="r"||e==="h"||i[e])return;if(!i[t]){const n=t.lastIndexOf("."),u=t.substring(0,n),p=parseInt(t.substring(n+1));this.addTargetDescriptor(u,t,p)}let r=Tr[e];if(!r){const n=`_${e}`;Tr[e]=r={get(){var u;return(u=this[n])!==null&&u!==void 0?u:this[n]=this[t].childNodes[s]}}}i[e]=r}createView(t){const e=this.fragment.cloneNode(!0),s=Object.create(this.proto);s.r=e,s.h=t??Ea;for(const i of this.nodeIds)s[i];return new Wo(e,this.factories,s)}}function Pr(o,t,e,s,i,r=!1){const n=e.attributes,u=o.directives;for(let p=0,h=n.length;p<h;++p){const d=n[p],b=d.value,k=Uo.parse(b,u);let ht=null;k===null?r&&(ht=new Me(rr(()=>b,o.policy)),St.assignAspect(ht,d.name)):ht=ri.aggregate(k,o.policy),ht!==null&&(e.removeAttributeNode(d),p--,h--,o.addFactory(ht,t,s,i,e.tagName))}}function Fa(o,t,e,s,i){const r=Uo.parse(t.textContent,o.directives);if(r===null)return _t.node=t.nextSibling,_t.index=i+1,_t;let n,u=n=t;for(let p=0,h=r.length;p<h;++p){const d=r[p];p!==0&&(i++,s=zr(e,i),n=u.parentNode.insertBefore(document.createTextNode(""),u.nextSibling)),Ft(d)?n.textContent=d:(n.textContent=" ",St.assignAspect(d),o.addFactory(d,e,s,i,null)),u=n}return _t.index=i+1,_t.node=u.nextSibling,_t}function Ar(o,t,e){let s=0,i=t.firstChild;for(;i;){const r=Oa(o,e,i,s);i=r.node,s=r.index}}function Oa(o,t,e,s){const i=zr(t,s);switch(e.nodeType){case 1:Pr(o,t,e,i,s),Ar(o,e,i);break;case 3:return Fa(o,e,t,i,s);case 8:const r=Uo.parse(e.data,o.directives);r!==null&&o.addFactory(ri.aggregate(r),t,i,s,null);break}return _t.index=s+1,_t.node=e.nextSibling,_t}function Ma(o,t){return o&&o.nodeType==8&&Uo.parse(o.data,t)!==null}const Er="TEMPLATE",ri={compile(o,t,e=ve.policy){let s;if(Ft(o)){s=document.createElement(Er),s.innerHTML=e.createHTML(o);const n=s.content.firstElementChild;n!==null&&n.tagName===Er&&(s=n)}else s=o;!s.content.firstChild&&!s.content.lastChild&&s.content.appendChild(document.createComment(""));const i=document.adoptNode(s.content),r=new Na(i,t,e);return Pr(r,"",s,"h",0,!0),(Ma(i.firstChild,t)||i.childNodes.length===1&&Object.keys(t).length>0)&&i.insertBefore(document.createComment(""),i.firstChild),Ar(r,i,"r"),_t.node=null,r.freeze()},setDefaultStrategy(o){this.compile=o},aggregate(o,t=ve.policy){if(o.length===1)return o[0];let e,s=!1,i;const r=o.length,n=o.map(h=>Ft(h)?()=>h:(e=h.sourceAspect||e,s=s||h.dataBinding.isVolatile,i=i||h.dataBinding.policy,h.dataBinding.evaluate)),u=(h,d)=>{let b="";for(let k=0;k<r;++k)b+=n[k](h,d);return b},p=new Me(Ks(u,i??t,s));return St.assignAspect(p,e),p}},_a=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,Va=Object.create(null);class ye{constructor(t,e=Va){this.html=t,this.factories=e}createHTML(t){const e=this.factories;for(const s in e)t(e[s]);return this.html}}ye.empty=new ye(""),St.define(ye);function Da(o,t,e,s=St.getForInstance(o)){if(s.aspected){const i=_a.exec(t);i!==null&&St.assignAspect(o,i[2])}return o.createHTML(e)}class js{constructor(t,e={},s){this.policy=s,this.result=null,this.html=t,this.factories=e}compile(){return this.result===null&&(this.result=ri.compile(this.html,this.factories,this.policy)),this.result}create(t){return this.compile().createView(t)}inline(){return new ye(Ft(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(t){if(this.result)throw et.error(1208);if(this.policy)throw et.error(1207);return this.policy=t,this}render(t,e,s){const i=this.create(s);return i.bind(t),i.appendTo(e),i}static create(t,e,s){let i="";const r=Object.create(null),n=u=>{var p;const h=(p=u.id)!==null&&p!==void 0?p:u.id=ro();return r[h]=u,h};for(let u=0,p=t.length-1;u<p;++u){const h=t[u];let d=e[u],b;if(i+=h,Ne(d))d=new Me(Ks(d));else if(d instanceof Ho)d=new Me(d);else if(!(b=St.getForInstance(d))){const k=d;d=new Me(rr(()=>k))}i+=Da(d,h,n,b)}return new js(i+t[t.length-1],r,s)}}$e(js);const f=(o,...t)=>{if(Array.isArray(o)&&Array.isArray(o.raw))return js.create(o,t);throw et.error(1206)};f.partial=o=>new ye(o);class Nr extends oi{bind(t){t.source[this.options]=t.targets[this.targetNodeId]}}St.define(Nr);const $t=o=>new Nr(o),La=o=>o.nodeType===1,_e=o=>o?t=>t.nodeType===1&&t.matches(o):La;class Fr extends oi{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,ua),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 Or="slotchange";class Mr extends Fr{observe(t){t.addEventListener(Or,this)}disconnect(t){t.removeEventListener(Or,this)}getNodes(t){return t.assignedNodes(this.options)}handleEvent(t){const e=t.currentTarget;this.updateTarget(this.getSource(e),this.computeNodes(e))}}St.define(Mr);function ot(o){return Ft(o)&&(o={property:o}),new Mr(o)}class _r extends Fr{constructor(t){super(t),this.observerProperty=Symbol(),this.handleEvent=(e,s)=>{const i=s.target;this.updateTarget(this.getSource(i),this.computeNodes(i))},t.childList=!0}observe(t){let e=t[this.observerProperty];e||(e=new MutationObserver(this.handleEvent),e.toJSON=Zi,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)}}St.define(_r);function Ha(o){return Ft(o)&&(o={property:o}),new _r(o)}const Vr="boolean",Dr="reflect",Xo=Object.freeze({locate:tr()}),Ra={toView(o){return o?"true":"false"},fromView(o){return!(o==null||o==="false"||o===!1||o===0)}};function Lr(o){if(o==null)return null;const t=o*1;return isNaN(t)?null:t}const st={toView(o){const t=Lr(o);return t&&t.toString()},fromView:Lr};class qs{constructor(t,e,s=e.toLowerCase(),i=Dr,r){this.guards=new Set,this.Owner=t,this.name=e,this.attribute=s,this.mode=i,this.converter=r,this.fieldName=`_${e}`,this.callbackName=`${e}Changed`,this.hasCallback=this.callbackName in t.prototype,i===Vr&&r===void 0&&(this.converter=Ra)}setValue(t,e){const s=t[this.fieldName],i=this.converter;i!==void 0&&(e=i.fromView(e)),s!==e&&(t[this.fieldName]=e,this.tryReflectToAttribute(t),this.hasCallback&&t[this.callbackName](s,e),t.$fastController.notify(this.name))}getValue(t){return m.track(t,this.name),t[this.fieldName]}onAttributeChangedCallback(t,e){this.guards.has(t)||(this.guards.add(t),this.setValue(t,e),this.guards.delete(t))}tryReflectToAttribute(t){const e=this.mode,s=this.guards;s.has(t)||e==="fromView"||Ot.enqueue(()=>{s.add(t);const i=t[this.fieldName];switch(e){case Dr:const r=this.converter;ve.setAttribute(t,this.attribute,r!==void 0?r.toView(i):i);break;case Vr:ve.setBooleanAttribute(t,this.attribute,i);break}s.delete(t)})}static collect(t,...e){const s=[];e.push(Xo.locate(t));for(let i=0,r=e.length;i<r;++i){const n=e[i];if(n!==void 0)for(let u=0,p=n.length;u<p;++u){const h=n[u];Ft(h)?s.push(new qs(t,h)):s.push(new qs(t,h.property,h.attribute,h.mode,h.converter))}}return s}}function a(o,t){let e;function s(i,r){arguments.length>1&&(e.property=r),Xo.locate(i.constructor).push(e)}if(arguments.length>1){e={},s(o,t);return}return e=o===void 0?{}:o,s}const Hr={mode:"open"},Rr={},jr=new Set,Ko=et.getById(me.elementRegistry,()=>Ws());class Nt{constructor(t,e=t.definition){var s;this.platformDefined=!1,Ft(e)&&(e={name:e}),this.type=t,this.name=e.name,this.template=e.template,this.registry=(s=e.registry)!==null&&s!==void 0?s:customElements;const i=t.prototype,r=qs.collect(t,e.attributes),n=new Array(r.length),u={},p={};for(let h=0,d=r.length;h<d;++h){const b=r[h];n[h]=b.attribute,u[b.name]=b,p[b.attribute]=b,m.defineProperty(i,b)}Reflect.defineProperty(t,"observedAttributes",{value:n,enumerable:!0}),this.attributes=r,this.propertyLookup=u,this.attributeLookup=p,this.shadowOptions=e.shadowOptions===void 0?Hr:e.shadowOptions===null?void 0:Object.assign(Object.assign({},Hr),e.shadowOptions),this.elementOptions=e.elementOptions===void 0?Rr:Object.assign(Object.assign({},Rr),e.elementOptions),this.styles=mt.normalize(e.styles),Ko.register(this)}get isDefined(){return this.platformDefined}define(t=this.registry){const e=this.type;return t.get(this.name)||(this.platformDefined=!0,t.define(this.name,e,this.elementOptions)),this}static compose(t,e){return jr.has(t)||Ko.getByType(t)?new Nt(class extends t{},e):new Nt(t,e)}static registerBaseType(t){jr.add(t)}}Nt.getByType=Ko.getByType,Nt.getForInstance=Ko.getForInstance;class ja extends MutationObserver{constructor(t){function e(s){this.callback.call(null,s.filter(i=>this.observedNodes.has(i.target)))}super(e),this.callback=t,this.observedNodes=new Set}observe(t,e){this.observedNodes.add(t),super.observe(t,e)}unobserve(t){this.observedNodes.delete(t),this.observedNodes.size<1&&this.disconnect()}}Object.freeze({create(o){const t=[],e={};let s=null,i=!1;return{source:o,context:Fe.default,targets:e,get isBound(){return i},addBehaviorFactory(r,n){var u,p,h,d;const b=r;b.id=(u=b.id)!==null&&u!==void 0?u:ro(),b.targetNodeId=(p=b.targetNodeId)!==null&&p!==void 0?p:ro(),b.targetTagName=(h=n.tagName)!==null&&h!==void 0?h:null,b.policy=(d=b.policy)!==null&&d!==void 0?d:ve.policy,this.addTarget(b.targetNodeId,n),this.addBehavior(b.createBehavior())},addTarget(r,n){e[r]=n},addBehavior(r){t.push(r),i&&r.bind(this)},onUnbind(r){s===null&&(s=[]),s.push(r)},connectedCallback(r){i||(i=!0,t.forEach(n=>n.bind(this)))},disconnectedCallback(r){i&&(i=!1,s!==null&&s.forEach(n=>n.unbind(this)))}}}});const qa={bubbles:!0,composed:!0,cancelable:!0},Yo="isConnected",qr=new WeakMap;function no(o){var t,e;return(e=(t=o.shadowRoot)!==null&&t!==void 0?t:qr.get(o))!==null&&e!==void 0?e:null}let Ur;class Ve extends or{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.behaviorsConnected=!1,this._mainStyles=null,this.$fastController=this,this.view=null,this.source=t,this.definition=e;const s=e.shadowOptions;if(s!==void 0){let r=t.shadowRoot;r?this.hasExistingShadowRoot=!0:(r=t.attachShadow(s),s.mode==="closed"&&qr.set(t,r))}const i=m.getAccessors(t);if(i.length>0){const r=this.boundObservables=Object.create(null);for(let n=0,u=i.length;n<u;++n){const p=i[n].name,h=t[p];h!==void 0&&(delete t[p],r[p]=h)}}}get isConnected(){return m.track(this,Yo),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:Fe.default}get isBound(){var t,e;return(e=(t=this.view)===null||t===void 0?void 0:t.isBound)!==null&&e!==void 0?e:!1}get sourceLifetime(){var t;return(t=this.view)===null||t===void 0?void 0:t.sourceLifetime}get template(){var t;if(this._template===null){const e=this.definition;this.source.resolveTemplate?this._template=this.source.resolveTemplate():e.template&&(this._template=(t=e.template)!==null&&t!==void 0?t:null)}return this._template}set template(t){this._template!==t&&(this._template=t,this.needsInitialization||this.renderTemplate(t))}get mainStyles(){var t;if(this._mainStyles===null){const e=this.definition;this.source.resolveStyles?this._mainStyles=this.source.resolveStyles():e.styles&&(this._mainStyles=(t=e.styles)!==null&&t!==void 0?t:null)}return this._mainStyles}set mainStyles(t){this._mainStyles!==t&&(this._mainStyles!==null&&this.removeStyles(this._mainStyles),this._mainStyles=t,this.needsInitialization||this.addStyles(t))}onUnbind(t){var e;(e=this.view)===null||e===void 0||e.onUnbind(t)}addBehavior(t){var e,s;const i=(e=this.behaviors)!==null&&e!==void 0?e:this.behaviors=new Map,r=(s=i.get(t))!==null&&s!==void 0?s:0;r===0?(i.set(t,1),t.addedCallback&&t.addedCallback(this),t.connectedCallback&&!this.guardBehaviorConnection&&(this.stage===1||this.stage===0)&&t.connectedCallback(this)):i.set(t,r+1)}removeBehavior(t,e=!1){const s=this.behaviors;if(s===null)return;const i=s.get(t);i!==void 0&&(i===1||e?(s.delete(t),t.disconnectedCallback&&this.stage!==3&&t.disconnectedCallback(this),t.removedCallback&&t.removedCallback(this)):s.set(t,i-1))}addStyles(t){var e;if(!t)return;const s=this.source;if(t instanceof HTMLElement)((e=no(s))!==null&&e!==void 0?e:this.source).append(t);else if(!t.isAttachedTo(s)){const i=t.behaviors;if(t.addStylesTo(s),i!==null)for(let r=0,n=i.length;r<n;++r)this.addBehavior(i[r])}}removeStyles(t){var e;if(!t)return;const s=this.source;if(t instanceof HTMLElement)((e=no(s))!==null&&e!==void 0?e:s).removeChild(t);else if(t.isAttachedTo(s)){const i=t.behaviors;if(t.removeStylesFrom(s),i!==null)for(let r=0,n=i.length;r<n;++r)this.removeBehavior(i[r])}}connect(){this.stage===3&&(this.stage=0,this.bindObservables(),this.connectBehaviors(),this.needsInitialization?(this.renderTemplate(this.template),this.addStyles(this.mainStyles),this.needsInitialization=!1):this.view!==null&&this.view.bind(this.source),this.stage=1,m.notify(this,Yo))}bindObservables(){if(this.boundObservables!==null){const t=this.source,e=this.boundObservables,s=Object.keys(e);for(let i=0,r=s.length;i<r;++i){const n=s[i];t[n]=e[n]}this.boundObservables=null}}connectBehaviors(){if(this.behaviorsConnected===!1){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.behaviorsConnected=!0}}disconnectBehaviors(){if(this.behaviorsConnected===!0){const t=this.behaviors;if(t!==null)for(const e of t.keys())e.disconnectedCallback&&e.disconnectedCallback(this);this.behaviorsConnected=!1}}disconnect(){this.stage===1&&(this.stage=2,m.notify(this,Yo),this.view!==null&&this.view.unbind(),this.disconnectBehaviors(),this.stage=3)}onAttributeChangedCallback(t,e,s){const i=this.definition.attributeLookup[t];i!==void 0&&i.onAttributeChangedCallback(this.source,s)}emit(t,e,s){return this.stage===1?this.source.dispatchEvent(new CustomEvent(t,Object.assign(Object.assign({detail:e},qa),s))):!1}renderTemplate(t){var e;const s=this.source,i=(e=no(s))!==null&&e!==void 0?e:s;if(this.view!==null)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let r=i.firstChild;r!==null;r=i.firstChild)i.removeChild(r)}t&&(this.view=t.render(s,i,s),this.view.sourceLifetime=Lo.coupled)}static forCustomElement(t){const e=t.$fastController;if(e!==void 0)return e;const s=Nt.getForInstance(t);if(s===void 0)throw et.error(1401);return t.$fastController=new Ur(t,s)}static setStrategy(t){Ur=t}}$e(Ve),Ve.setStrategy(Ve);function Qo(o){var t;return"adoptedStyleSheets"in o?o:(t=no(o))!==null&&t!==void 0?t:o.getRootNode()}class Us{constructor(t){const e=Us.styleSheetCache;this.sheets=t.map(s=>{if(s instanceof CSSStyleSheet)return s;let i=e.get(s);return i===void 0&&(i=new CSSStyleSheet,i.replaceSync(s),e.set(s,i)),i})}addStylesTo(t){Wr(Qo(t),this.sheets)}removeStylesFrom(t){Xr(Qo(t),this.sheets)}}Us.styleSheetCache=new Map;let Ua=0;const Ga=()=>`fast-${++Ua}`;function Gr(o){return o===document?document.body:o}class Wa{constructor(t){this.styles=t,this.styleClass=Ga()}addStylesTo(t){t=Gr(Qo(t));const e=this.styles,s=this.styleClass;for(let i=0;i<e.length;i++){const r=document.createElement("style");r.innerHTML=e[i],r.className=s,t.append(r)}}removeStylesFrom(t){t=Gr(Qo(t));const e=t.querySelectorAll(`.${this.styleClass}`);for(let s=0,i=e.length;s<i;++s)t.removeChild(e[s])}}let Wr=(o,t)=>{o.adoptedStyleSheets=[...o.adoptedStyleSheets,...t]},Xr=(o,t)=>{o.adoptedStyleSheets=o.adoptedStyleSheets.filter(e=>t.indexOf(e)===-1)};if(mt.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),Wr=(o,t)=>{o.adoptedStyleSheets.push(...t)},Xr=(o,t)=>{for(const e of t){const s=o.adoptedStyleSheets.indexOf(e);s!==-1&&o.adoptedStyleSheets.splice(s,1)}}}catch{}mt.setDefaultStrategy(Us)}else mt.setDefaultStrategy(Wa);const Kr="defer-hydration",Yr="needs-hydration";class Ee extends Ve{static hydrationObserverHandler(t){for(const e of t)Ee.hydrationObserver.unobserve(e.target),e.target.$fastController.connect()}connect(){var t,e;if(this.needsHydration===void 0&&(this.needsHydration=this.source.getAttribute(Yr)!==null),this.source.hasAttribute(Kr)){Ee.hydrationObserver.observe(this.source,{attributeFilter:[Kr]});return}if(!this.needsHydration){super.connect();return}if(this.stage!==3)return;this.stage=0,this.bindObservables(),this.connectBehaviors();const s=this.source,i=(t=no(s))!==null&&t!==void 0?t:s;if(this.template)if(jo(this.template)){let r=i.firstChild,n=i.lastChild;s.shadowRoot===null&&(Mt.isElementBoundaryStartMarker(r)&&(r.data="",r=r.nextSibling),Mt.isElementBoundaryEndMarker(n)&&(n.data="",n=n.previousSibling)),this.view=this.template.hydrate(r,n,s),(e=this.view)===null||e===void 0||e.bind(this.source)}else this.renderTemplate(this.template);this.addStyles(this.mainStyles),this.stage=1,this.source.removeAttribute(Yr),this.needsInitialization=this.needsHydration=!1,m.notify(this,Yo)}disconnect(){super.disconnect(),Ee.hydrationObserver.unobserve(this.source)}static install(){Ve.setStrategy(Ee)}}Ee.hydrationObserver=new ja(Ee.hydrationObserverHandler);function Qr(o){const t=class extends o{constructor(){super(),Ve.forCustomElement(this)}$emit(e,s,i){return this.$fastController.emit(e,s,i)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(e,s,i){this.$fastController.onAttributeChangedCallback(e,s,i)}};return Nt.registerBaseType(t),t}function Xa(o,t){return Ne(o)?Nt.compose(o,t):Nt.compose(this,o)}function Ka(o,t){return Ne(o)?Nt.compose(o,t).define().type:Nt.compose(this,o).define().type}function Ya(o){return Qr(o)}const w=Object.assign(Qr(HTMLElement),{from:Ya,define:Ka,compose:Xa}),vt={horizontal:"horizontal",vertical:"vertical"};function Qa(o,t){let e=o.length;for(;e--;)if(t(o[e],e,o))return e;return-1}function Zr(...o){return o.every(t=>t instanceof HTMLElement)}const Zo="ArrowDown",Jo="ArrowLeft",ts="ArrowRight",es="ArrowUp",os="End",ss="Enter",Za="Escape",is="Home",ni=" ",Ja="Tab";var zt;(function(o){o.ltr="ltr",o.rtl="rtl"})(zt||(zt={}));function tl(o,t,e){return e<o?t:e>t?o:e}function ai(o,t,e){return Math.min(Math.max(e,o),t)}let el=0;function ao(o=""){return`${o}${el++}`}var ol=Object.defineProperty,sl=Object.getOwnPropertyDescriptor,R=(o,t,e,s)=>{for(var i=s>1?void 0:s?sl(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&ol(t,e,i),i};class j{}R([a({attribute:"aria-atomic"})],j.prototype,"ariaAtomic",2),R([a({attribute:"aria-busy"})],j.prototype,"ariaBusy",2),R([a({attribute:"aria-controls"})],j.prototype,"ariaControls",2),R([a({attribute:"aria-current"})],j.prototype,"ariaCurrent",2),R([a({attribute:"aria-describedby"})],j.prototype,"ariaDescribedby",2),R([a({attribute:"aria-details"})],j.prototype,"ariaDetails",2),R([a({attribute:"aria-disabled"})],j.prototype,"ariaDisabled",2),R([a({attribute:"aria-errormessage"})],j.prototype,"ariaErrormessage",2),R([a({attribute:"aria-flowto"})],j.prototype,"ariaFlowto",2),R([a({attribute:"aria-haspopup"})],j.prototype,"ariaHaspopup",2),R([a({attribute:"aria-hidden"})],j.prototype,"ariaHidden",2),R([a({attribute:"aria-invalid"})],j.prototype,"ariaInvalid",2),R([a({attribute:"aria-keyshortcuts"})],j.prototype,"ariaKeyshortcuts",2),R([a({attribute:"aria-label"})],j.prototype,"ariaLabel",2),R([a({attribute:"aria-labelledby"})],j.prototype,"ariaLabelledby",2),R([a({attribute:"aria-live"})],j.prototype,"ariaLive",2),R([a({attribute:"aria-owns"})],j.prototype,"ariaOwns",2),R([a({attribute:"aria-relevant"})],j.prototype,"ariaRelevant",2),R([a({attribute:"aria-roledescription"})],j.prototype,"ariaRoledescription",2);const li={fromView(o){const t=parseFloat(o);return Number.isNaN(t)?"":t.toString()},toView(o){const t=parseFloat(o);return Number.isNaN(t)?void 0:t.toString()}},ci=o=>o.closest("[dir]")?.dir==="rtl"?zt.rtl:zt.ltr;function yt(o){return o?typeof o=="string"?new ye(o):"inline"in o?o.inline():o:ye.empty}const di=o=>o.nodeType!==Node.TEXT_NODE||!!o.nodeValue?.trim().length,il=":host([hidden]){display:none}";function S(o){return`${il}:host{display:${o}}`}class rl{constructor(t){this.listenerCache=new WeakMap,this.query=t}connectedCallback(t){const{query:e}=this;let s=this.listenerCache.get(t);s||(s=this.constructListener(t),this.listenerCache.set(t,s)),s.bind(e)(),e.addEventListener("change",s)}disconnectedCallback(t){const e=this.listenerCache.get(t);e&&this.query.removeEventListener("change",e)}}class _o extends rl{constructor(t,e){super(t),this.styles=e}static with(t){return e=>new _o(t,e)}constructListener(t){let e=!1;const s=this.styles;return function(){const{matches:r}=this;r&&!e?(t.addStyles(s),e=r):!r&&e&&(t.removeStyles(s),e=r)}}removedCallback(t){t.removeStyles(this.styles)}}const Q=_o.with(window.matchMedia("(forced-colors)"));_o.with(window.matchMedia("(prefers-color-scheme: dark)")),_o.with(window.matchMedia("(prefers-color-scheme: light)"));class Gt{}function le(o){return f`<slot name="end" ${$t("end")}>${yt(o.end)}</slot>`.inline()}function Wt(o){return f`<slot name="start" ${$t("start")}>${yt(o.start)}</slot>`.inline()}function Xt(o,...t){const e=Xo.locate(o);t.forEach(s=>{Object.getOwnPropertyNames(s.prototype).forEach(r=>{r!=="constructor"&&Object.defineProperty(o.prototype,r,Object.getOwnPropertyDescriptor(s.prototype,r))}),Xo.locate(s).forEach(r=>e.push(r))})}const nl=CSS.supports("selector(:state(g))");function c(o,t,e){if(!nl){o.shadowRoot.host.toggleAttribute(`state--${t}`,e);return}if(e??!o.states.has(t)){o.states.add(t);return}o.states.delete(t)}var al=Object.defineProperty,ll=Object.getOwnPropertyDescriptor,ke=(o,t,e,s)=>{for(var i=s>1?void 0:s?ll(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&al(t,e,i),i};class Kt extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=ao("accordion-")}expandedChanged(t,e){c(this.elementInternals,"expanded",e)}disabledChanged(t,e){c(this.elementInternals,"disabled",e)}}ke([a({attribute:"heading-level",mode:"fromView",converter:st})],Kt.prototype,"headinglevel",2),ke([a({mode:"boolean"})],Kt.prototype,"expanded",2),ke([a({mode:"boolean"})],Kt.prototype,"disabled",2),ke([a],Kt.prototype,"id",2);class lo extends Kt{constructor(){super(...arguments),this.block=!1}sizeChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}markerPositionChanged(t,e){t&&c(this.elementInternals,`align-${t}`,!1),e&&c(this.elementInternals,`align-${e}`,!0)}blockChanged(t,e){c(this.elementInternals,"block",e)}}ke([a],lo.prototype,"size",2),ke([a({attribute:"marker-position"})],lo.prototype,"markerPosition",2),ke([a({mode:"boolean"})],lo.prototype,"block",2),Xt(lo,Gt);const y=l.partial`:is([state--checked], :state(checked))`,F=l.partial`:is([state--disabled], :state(disabled))`,De=l.partial`:is([state--filled-lighter], :state(filled-lighter))`,Le=l.partial`:is([state--filled-darker], :state(filled-darker))`,Yt=l.partial`:is([state--ghost], :state(ghost))`,Jr=l.partial`:is([state--inverted], :state(inverted))`,lt=l.partial`:is([state--primary], :state(primary))`,W=l.partial`:is([state--outline], :state(outline))`,co=l.partial`:is([state--strong], :state(strong))`,z=l.partial`:is([state--subtle], :state(subtle))`,ce=l.partial`:is([state--tint], :state(tint))`,ho=l.partial`:is([state--underline], :state(underline))`,Z=l.partial`:is([state--transparent], :state(transparent))`,uo=l.partial`:is([state--circular], :state(circular))`,Qt=l.partial`:is([state--rounded], :state(rounded))`,po=l.partial`:is([state--square], :state(square))`,go=l.partial`:is([state--tiny], :state(tiny))`,bo=l.partial`:is([state--extra-small], :state(extra-small))`,T=l.partial`:is([state--small], :state(small))`;l.partial`:is([state--medium], :state(medium))`;const C=l.partial`:is([state--large], :state(large))`,rs=l.partial`:is([state--extra-large], :state(extra-large))`,cl=l.partial`:is([state--huge], :state(huge))`,tn=l.partial`:is([state--align-start], :state(align-start))`,Zt=l.partial`:is([state--align-end], :state(align-end))`,hi=l.partial`:is([state--inset], :state(inset))`,de=l.partial`:is([state--icon], :state(icon))`,N=l.partial`:is([state--pressed], :state(pressed))`,Jt=l.partial`:is([state--brand], :state(brand))`,ui=l.partial`:is([state--error], :state(error))`,ns=l.partial`:is([state--danger], :state(danger))`,as=l.partial`:is([state--important], :state(important))`,ls=l.partial`:is([state--informative], :state(informative))`;l.partial`:is([state--marigold], :state(marigold))`;const cs=l.partial`:is([state--neutral], :state(neutral))`,ds=l.partial`:is([state--severe], :state(severe))`,xe=l.partial`:is([state--success], :state(success))`,we=l.partial`:is([state--warning], :state(warning))`,I=l.partial`:is([state--vertical], :state(vertical))`;l.partial`:is([state--horizontal], :state(horizontal))`,l.partial`:is([state--singleline], :state(singleline))`;const fo=l.partial`:is([state--multiline], :state(multiline))`,Ce=l.partial`:is([state--expanded], :state(expanded))`,pi=l.partial`:is([state--block], :state(block))`;l.partial`:is([state--resize], :state(resize))`;const dl=l.partial`:is([state--resize-horizontal], :state(resize-horizontal))`,hl=l.partial`:is([state--resize-vertical], :state(resize-vertical))`,ul=l.partial`:is([state--resize-both], :state(resize-both))`,en=l.partial`:is([state--auto-resize], :state(auto-resize))`,on=l.partial`:is([state--display-shadow], :state(display-shadow))`,pl=l.partial`:is([state--user-invalid], :state(user-invalid))`;l.partial`:is([state--user-valid], :state(user-valid))`;const A="var(--colorNeutralForeground1)",gi="var(--colorNeutralForeground1Hover)",gl="var(--colorNeutralForeground1Pressed)",Vt="var(--colorNeutralForeground2)",hs="var(--colorNeutralForeground2Hover)",us="var(--colorNeutralForeground2Pressed)",bl="var(--colorNeutralForeground2Selected)",ps="var(--colorNeutralForeground2BrandHover)",gs="var(--colorNeutralForeground2BrandPressed)",fl="var(--colorNeutralForeground2BrandSelected)",ut="var(--colorNeutralForeground3)",ml="var(--colorNeutralForeground3Hover)",$l="var(--colorNeutralForeground3Pressed)",sn="var(--colorNeutralForeground4)",B="var(--colorNeutralForegroundDisabled)",vl="var(--colorBrandForegroundLink)",yl="var(--colorBrandForegroundLinkHover)",kl="var(--colorBrandForegroundLinkPressed)",xl="var(--colorNeutralForeground2Link)",wl="var(--colorNeutralForeground2LinkHover)",Cl="var(--colorNeutralForeground2LinkPressed)",rn="var(--colorCompoundBrandForeground1Hover)",Il="var(--colorCompoundBrandForeground1Pressed)",te="var(--colorNeutralForegroundOnBrand)",He="var(--colorNeutralForegroundInverted)",Sl="var(--colorNeutralForegroundInvertedHover)",zl="var(--colorNeutralForegroundInvertedPressed)",nn="var(--colorNeutralForegroundStaticInverted)",bi="var(--colorBrandForeground1)",Tl="var(--colorBrandForeground2)",Bl="var(--colorNeutralForeground1Static)",O="var(--colorNeutralBackground1)",fi="var(--colorNeutralBackground1Hover)",mi="var(--colorNeutralBackground1Pressed)",an="var(--colorNeutralBackground1Selected)",bs="var(--colorNeutralBackground3)",Pl="var(--colorNeutralBackground4)",Al="var(--colorNeutralBackground5)",fs="var(--colorNeutralBackground6)",ln="var(--colorNeutralBackgroundInverted)",El="var(--colorSubtleBackground)",ms="var(--colorSubtleBackgroundHover)",Re="var(--colorSubtleBackgroundPressed)",Nl="var(--colorSubtleBackgroundSelected)",wt="var(--colorTransparentBackground)",$i="var(--colorTransparentBackgroundHover)",vi="var(--colorTransparentBackgroundPressed)",Fl="var(--colorTransparentBackgroundSelected)",je="var(--colorNeutralBackgroundDisabled)",yi="var(--colorBackgroundOverlay)",ki="var(--colorBrandBackground)",cn="var(--colorBrandBackgroundHover)",dn="var(--colorBrandBackgroundPressed)",Ol="var(--colorBrandBackgroundSelected)",qe="var(--colorCompoundBrandBackground)",mo="var(--colorCompoundBrandBackgroundHover)",$o="var(--colorCompoundBrandBackgroundPressed)",hn="var(--colorBrandBackgroundStatic)",Ml="var(--colorBrandBackground2)",he="var(--colorNeutralStrokeAccessible)",Ue="var(--colorNeutralStrokeAccessibleHover)",Ge="var(--colorNeutralStrokeAccessiblePressed)",ee="var(--colorNeutralStroke1)",vo="var(--colorNeutralStroke1Hover)",$s="var(--colorNeutralStroke1Pressed)",yo="var(--colorNeutralStroke2)",_l="var(--colorNeutralStroke3)",Vl="var(--colorNeutralStrokeOnBrand2)",un="var(--colorBrandStroke1)",xi="var(--colorBrandStroke2)",ko="var(--colorCompoundBrandStroke)",Dl="var(--colorCompoundBrandStrokeHover)",pn="var(--colorCompoundBrandStrokePressed)",Tt="var(--colorNeutralStrokeDisabled)",pt="var(--colorTransparentStroke)",gn="var(--colorTransparentStrokeInteractive)",wi="var(--colorStrokeFocus1)",Dt="var(--colorStrokeFocus2)",bn="var(--colorPaletteRedBackground1)",Ll="var(--colorPaletteRedBackground2)",fn="var(--colorPaletteRedBackground3)",mn="var(--colorPaletteRedBorder1)",Ci="var(--colorPaletteRedBorder2)",$n="var(--colorPaletteRedForeground1)",Hl="var(--colorPaletteRedForeground2)",vn="var(--colorPaletteRedForeground3)",yn="var(--colorPaletteGreenBackground1)",kn="var(--colorPaletteGreenBackground3)",Rl="var(--colorPaletteGreenBorder1)",jl="var(--colorPaletteGreenBorder2)",ql="var(--colorPaletteGreenForeground1)",Ul="var(--colorPaletteGreenForeground2)",Gl="var(--colorPaletteGreenForeground3)",xn="var(--colorPaletteDarkOrangeBackground1)",wn="var(--colorPaletteDarkOrangeBackground3)",Cn="var(--colorPaletteDarkOrangeBorder1)",Wl="var(--colorPaletteDarkOrangeForeground1)",In="var(--colorPaletteDarkOrangeForeground3)",Xl="var(--colorPaletteYellowBackground1)",Kl="var(--colorPaletteYellowBackground3)",Yl="var(--colorPaletteYellowBorder1)",Ii="var(--colorPaletteYellowForeground2)",Sn="var(--colorPaletteMarigoldBackground2)",Ql="var(--colorPaletteMarigoldBackground3)",Zl="var(--colorPaletteMarigoldForeground2)",Jl="var(--colorPaletteAnchorBackground2)",tc="var(--colorPaletteAnchorForeground2)",ec="var(--colorPaletteBeigeBackground2)",oc="var(--colorPaletteBeigeForeground2)",sc="var(--colorPaletteBlueBackground2)",ic="var(--colorPaletteBlueForeground2)",rc="var(--colorPaletteBrassBackground2)",nc="var(--colorPaletteBrassForeground2)",ac="var(--colorPaletteBrownBackground2)",lc="var(--colorPaletteBrownForeground2)",cc="var(--colorPaletteCornflowerBackground2)",dc="var(--colorPaletteCornflowerForeground2)",hc="var(--colorPaletteCranberryBackground2)",uc="var(--colorPaletteCranberryForeground2)",pc="var(--colorPaletteDarkGreenBackground2)",gc="var(--colorPaletteDarkGreenForeground2)",bc="var(--colorPaletteDarkRedBackground2)",fc="var(--colorPaletteDarkRedForeground2)",mc="var(--colorPaletteForestBackground2)",$c="var(--colorPaletteForestForeground2)",vc="var(--colorPaletteGoldBackground2)",yc="var(--colorPaletteGoldForeground2)",kc="var(--colorPaletteGrapeBackground2)",xc="var(--colorPaletteGrapeForeground2)",wc="var(--colorPaletteLavenderBackground2)",Cc="var(--colorPaletteLavenderForeground2)",Ic="var(--colorPaletteLightTealBackground2)",Sc="var(--colorPaletteLightTealForeground2)",zc="var(--colorPaletteLilacBackground2)",Tc="var(--colorPaletteLilacForeground2)",Bc="var(--colorPaletteMagentaBackground2)",Pc="var(--colorPaletteMagentaForeground2)",Ac="var(--colorPaletteMinkBackground2)",Ec="var(--colorPaletteMinkForeground2)",Nc="var(--colorPaletteNavyBackground2)",Fc="var(--colorPaletteNavyForeground2)",Oc="var(--colorPalettePeachBackground2)",Mc="var(--colorPalettePeachForeground2)",_c="var(--colorPalettePinkBackground2)",Vc="var(--colorPalettePinkForeground2)",Dc="var(--colorPalettePlatinumBackground2)",Lc="var(--colorPalettePlatinumForeground2)",Hc="var(--colorPalettePlumBackground2)",Rc="var(--colorPalettePlumForeground2)",jc="var(--colorPalettePumpkinBackground2)",qc="var(--colorPalettePumpkinForeground2)",Uc="var(--colorPalettePurpleBackground2)",Gc="var(--colorPalettePurpleForeground2)",Wc="var(--colorPaletteRoyalBlueBackground2)",Xc="var(--colorPaletteRoyalBlueForeground2)",Kc="var(--colorPaletteSeafoamBackground2)",Yc="var(--colorPaletteSeafoamForeground2)",Qc="var(--colorPaletteSteelBackground2)",Zc="var(--colorPaletteSteelForeground2)",Jc="var(--colorPaletteTealBackground2)",td="var(--colorPaletteTealForeground2)",Si="var(--borderRadiusNone)",Lt="var(--borderRadiusSmall)",P="var(--borderRadiusMedium)",zn="var(--borderRadiusLarge)",Tn="var(--borderRadiusXLarge)",gt="var(--borderRadiusCircular)",$="var(--fontFamilyBase)",ed="var(--fontFamilyMonospace)",od="var(--fontFamilyNumeric)",xo="var(--fontSizeBase100)",q="var(--fontSizeBase200)",E="var(--fontSizeBase300)",ct="var(--fontSizeBase400)",We="var(--fontSizeBase500)",vs="var(--fontSizeBase600)",Bn="var(--fontSizeHero700)",Pn="var(--fontSizeHero800)",An="var(--fontSizeHero900)",En="var(--fontSizeHero1000)",M="var(--fontWeightRegular)",sd="var(--fontWeightMedium)",L="var(--fontWeightSemibold)",ys="var(--fontWeightBold)",ks="var(--lineHeightBase100)",it="var(--lineHeightBase200)",D="var(--lineHeightBase300)",kt="var(--lineHeightBase400)",xs="var(--lineHeightBase500)",Nn="var(--lineHeightBase600)",Fn="var(--lineHeightHero700)",On="var(--lineHeightHero800)",Mn="var(--lineHeightHero900)",_n="var(--lineHeightHero1000)",zi="var(--shadow2)",ws="var(--shadow4)",id="var(--shadow8)",Vn="var(--shadow16)",rd="var(--shadow28)",Dn="var(--shadow64)",H="var(--strokeWidthThin)",Bt="var(--strokeWidthThick)",rt="var(--strokeWidthThicker)",Ti="var(--strokeWidthThickest)",dt="var(--spacingHorizontalXXS)",Ht="var(--spacingHorizontalXS)",xt="var(--spacingHorizontalSNudge)",oe="var(--spacingHorizontalS)",bt="var(--spacingHorizontalMNudge)",ft="var(--spacingHorizontalM)",nd="var(--spacingHorizontalL)",ad="var(--spacingHorizontalXL)",ld="var(--spacingHorizontalXXL)",wo="var(--spacingVerticalXXS)",Bi="var(--spacingVerticalXS)",ue="var(--spacingVerticalSNudge)",nt="var(--spacingVerticalS)",Xe="var(--spacingVerticalMNudge)",cd="var(--spacingVerticalM)",Cs="var(--spacingVerticalL)",Co="var(--spacingVerticalXXL)",Ln="var(--durationUltraFast)",Pi="var(--durationFaster)",Ai="var(--durationNormal)",Ei="var(--durationGentle)",Hn="var(--durationSlow)",Rn="var(--durationSlower)",Is="var(--durationUltraSlow)",dd="var(--curveAccelerateMax)",Ke="var(--curveAccelerateMid)",hd="var(--curveAccelerateMin)",Ni="var(--curveDecelerateMax)",Ye="var(--curveDecelerateMid)",ud="var(--curveDecelerateMin)",pd="var(--curveEasyEaseMax)",Ss="var(--curveEasyEase)",Fi="var(--curveLinear)",gd=l`
|
|
2
|
-
${
|
|
1
|
+
const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements});let Lo;const Zs="fast-kernel";try{if(document.currentScript)Lo=document.currentScript.getAttribute(Zs);else{const o=document.getElementsByTagName("script");Lo=o[o.length-1].getAttribute(Zs)}}catch{Lo="isolate"}let $e;switch(Lo){case"share":$e=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":$e=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)}`;$e=Object.freeze({updateQueue:`1.2${o}`,observable:`2.2${o}`,contextEvent:`3.2${o}`,elementRegistry:`4.2${o}`});break}const Oe=o=>typeof o=="function",Ot=o=>typeof o=="string",Js=()=>{};var Xi=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};(function(){if(!(typeof globalThis<"u"))if(typeof Xi<"u")Xi.globalThis=Xi;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 tr={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},tr));const et=globalThis.FAST;if(et.getById===void 0){const o=Object.create(null);Reflect.defineProperty(et,"getById",Object.assign({value(t,e){let i=o[t];return i===void 0&&(i=e?o[t]=e():null),i}},tr))}et.error===void 0&&Object.assign(et,{warn(){},error(o){return new Error(`Error ${o}`)},addMessages(){}});const ba=Object.freeze([]);function Ki(){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 er(){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 ve(o){o.prototype.toJSON=Js}const Y=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),or=o=>o,fa=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:or}):{createHTML:or};let Ho=Object.freeze({createHTML(o){return fa.createHTML(o)},protect(o,t,e,i){return i}});const ma=Ho,ye=Object.freeze({get policy(){return Ho},setPolicy(o){if(Ho!==ma)throw et.error(1201);Ho=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)}}),_t=et.getById($e.updateQueue,()=>{const o=[],t=[],e=globalThis.requestAnimationFrame;let i=!0;function s(){if(t.length)throw t.shift()}function r(p){try{p.call()}catch(h){if(i)t.push(h),setTimeout(s,0);else throw o.length=0,h}}function n(){let h=0;for(;h<o.length;)if(r(o[h]),h++,h>1024){for(let c=0,f=o.length-h;c<f;c++)o[c]=o[c+h];o.length-=h,h=0}o.length=0}function u(p){o.push(p),o.length<2&&(i?e(n):n())}return Object.freeze({enqueue:u,next:()=>new Promise(u),process:n,setMode:p=>i=p})});class Yi{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 ir{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 Yi(this.subject):r=(s=this.subjectSubscribers)!==null&&s!==void 0?s:this.subjectSubscribers=new Yi(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 Ro=Object.freeze({unknown:void 0,coupled:1}),$=et.getById($e.observable,()=>{const o=_t.enqueue,t=/(:|&&|\|\||if|\?\.)/,e=new WeakMap;let i,s=h=>{throw et.error(1101)};function r(h){var c;let f=(c=h.$fastController)!==null&&c!==void 0?c:e.get(h);return f===void 0&&(Array.isArray(h)?f=s(h):e.set(h,f=new ir(h))),f}const n=er();class u{constructor(c){this.name=c,this.field=`_${c}`,this.callback=`${c}Changed`}getValue(c){return i!==void 0&&i.watch(c,this.name),c[this.field]}setValue(c,f){const x=this.field,ht=c[x];if(ht!==f){c[x]=f;const le=c[this.callback];Oe(le)&&le.call(c,ht,f),r(c).notify(this.name)}}}class p extends Yi{constructor(c,f,x=!1){super(c,f),this.expression=c,this.isVolatileBinding=x,this.needsRefresh=!0,this.needsQueue=!0,this.isAsync=!0,this.first=this,this.last=null,this.propertySource=void 0,this.propertyName=void 0,this.notifier=void 0,this.next=void 0}setMode(c){this.isAsync=this.needsQueue=c}bind(c){this.controller=c;const f=this.observe(c.source,c.context);return!c.isBound&&this.requiresUnbind(c)&&c.onUnbind(this),f}requiresUnbind(c){return c.sourceLifetime!==Ro.coupled||this.first!==this.last||this.first.propertySource!==c.source}unbind(c){this.dispose()}observe(c,f){this.needsRefresh&&this.last!==null&&this.dispose();const x=i;i=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let ht;try{ht=this.expression(c,f)}finally{i=x}return ht}disconnect(){this.dispose()}dispose(){if(this.last!==null){let c=this.first;for(;c!==void 0;)c.notifier.unsubscribe(this,c.propertyName),c=c.next;this.last=null,this.needsRefresh=this.needsQueue=this.isAsync}}watch(c,f){const x=this.last,ht=r(c),le=x===null?this.first:{};if(le.propertySource=c,le.propertyName=f,le.notifier=ht,ht.subscribe(this,f),x!==null){if(!this.needsRefresh){let Qs;i=void 0,Qs=x.propertySource[x.propertyName],i=this,c===Qs&&(this.needsRefresh=!0)}x.next=le}this.last=le}handleChange(){this.needsQueue?(this.needsQueue=!1,o(this)):this.isAsync||this.call()}call(){this.last!==null&&(this.needsQueue=this.isAsync,this.notify(this))}*records(){let c=this.first;for(;c!==void 0;)yield c,c=c.next}}return ve(p),Object.freeze({setArrayObserverFactory(h){s=h},getNotifier:r,track(h,c){i&&i.watch(h,c)},trackVolatile(){i&&(i.needsRefresh=!0)},notify(h,c){r(h).notify(c)},defineProperty(h,c){Ot(c)&&(c=new u(c)),n(h).push(c),Reflect.defineProperty(h,c.name,{enumerable:!0,get(){return c.getValue(this)},set(f){c.setValue(this,f)}})},getAccessors:n,binding(h,c,f=this.isVolatileBinding(h)){return new p(h,c,f)},isVolatileBinding(h){return t.test(h.toString())}})});function y(o,t){$.defineProperty(o,t)}function $a(o,t,e){return Object.assign({},e,{get(){return $.trackVolatile(),e.get.apply(this)}})}const sr=et.getById($e.contextEvent,()=>{let o=null;return{get(){return o},set(t){o=t}}}),_e=Object.freeze({default:{index:0,length:0,get event(){return _e.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return sr.get()},setEvent(o){sr.set(o)}});class jo{constructor(t,e,i=!1){this.evaluate=t,this.policy=e,this.isVolatile=i}}class va extends jo{createObserver(t){return $.binding(this.evaluate,t,this.isVolatile)}}function Qi(o,t,e=$.isVolatileBinding(o)){return new va(o,t,e)}class rr extends jo{createObserver(){return this}bind(t){return this.evaluate(t.source,t.context)}}ve(rr);function nr(o,t){return new rr(o,t)}let ar;function lr(o){return o.map(t=>t instanceof mt?lr(t.styles):[t]).reduce((t,e)=>t.concat(e),[])}class mt{constructor(t){this.styles=t,this.targets=new WeakSet,this._strategy=null,this.behaviors=t.map(e=>e instanceof mt?e.behaviors:null).reduce((e,i)=>i===null?e:e===null?i:e.concat(i),null)}get strategy(){return this._strategy===null&&this.withStrategy(ar),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(lr(this.styles)),this}static setDefaultStrategy(t){ar=t}static normalize(t){return t===void 0?void 0:Array.isArray(t)?new mt(t):t instanceof mt?t:new mt([t])}}mt.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const Zi=Ki(),Ji=Object.freeze({getForInstance:Zi.getForInstance,getByType:Zi.getByType,define(o){return Zi.register({type:o}),o}});function ts(o,t,e){t.source.style.setProperty(o.targetAspect,e.bind(t))}class es{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,u)=>{r.call(i,n,u),n==="style"&&i.$cssBindings.forEach((p,h)=>ts(h,p.controller,p.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){ts(this,t,t[this.targetAspect])}removedCallback(t){t.source.$cssBindings&&t.source.$cssBindings.delete(this)}handleChange(t,e){ts(this,e.controller,e)}}Ji.define(es);const ya=`${Math.random().toString(36).substring(2,8)}`;let ka=0;const cr=()=>`--v${ya}${++ka}`;function dr(o,t){const e=[];let i="";const s=[],r=n=>{s.push(n)};for(let n=0,u=o.length-1;n<u;++n){i+=o[n];let p=t[n];Oe(p)?p=new es(Qi(p),cr()).createCSS(r):p instanceof jo?p=new es(p,cr()).createCSS(r):Ji.getForInstance(p)!==void 0&&(p=p.createCSS(r)),p instanceof mt||p instanceof CSSStyleSheet?(i.trim()!==""&&(e.push(i),i=""),e.push(p)):i+=p}return i+=o[o.length-1],i.trim()!==""&&e.push(i),{styles:e,behaviors:s}}const g=(o,...t)=>{const{styles:e,behaviors:i}=dr(o,t),s=new mt(e);return i.length?s.withBehaviors(...i):s};class hr{constructor(t,e){this.behaviors=e,this.css="";const i=t.reduce((s,r)=>(Ot(r)?this.css+=r:s.push(r),s),[]);i.length&&(this.styles=new mt(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)}}Ji.define(hr),g.partial=(o,...t)=>{const{styles:e,behaviors:i}=dr(o,t);return new hr(e,i)};const ur=/fe-b\$\$start\$\$(\d+)\$\$(.+)\$\$fe-b/,pr=/fe-b\$\$end\$\$(\d+)\$\$(.+)\$\$fe-b/,gr=/fe-repeat\$\$start\$\$(\d+)\$\$fe-repeat/,br=/fe-repeat\$\$end\$\$(\d+)\$\$fe-repeat/,fr=/^(?:.{0,1000})fe-eb\$\$start\$\$(.+?)\$\$fe-eb/,mr=/fe-eb\$\$end\$\$(.{0,1000})\$\$fe-eb(?:.{0,1000})$/;function $r(o){return o&&o.nodeType===Node.COMMENT_NODE}const Mt=Object.freeze({attributeMarkerName:"data-fe-b",attributeBindingSeparator:" ",contentBindingStartMarker(o,t){return`fe-b$$start$$${o}$$${t}$$fe-b`},contentBindingEndMarker(o,t){return`fe-b$$end$$${o}$$${t}$$fe-b`},repeatStartMarker(o){return`fe-repeat$$start$$${o}$$fe-repeat`},repeatEndMarker(o){return`fe-repeat$$end$$${o}$$fe-repeat`},isContentBindingStartMarker(o){return ur.test(o)},isContentBindingEndMarker(o){return pr.test(o)},isRepeatViewStartMarker(o){return gr.test(o)},isRepeatViewEndMarker(o){return br.test(o)},isElementBoundaryStartMarker(o){return $r(o)&&fr.test(o.data.trim())},isElementBoundaryEndMarker(o){return $r(o)&&mr.test(o.data)},parseAttributeBinding(o){const t=o.getAttribute(this.attributeMarkerName);return t===null?t:t.split(this.attributeBindingSeparator).map(e=>parseInt(e))},parseContentBindingStartMarker(o){return kr(ur,o)},parseContentBindingEndMarker(o){return kr(pr,o)},parseRepeatStartMarker(o){return vr(gr,o)},parseRepeatEndMarker(o){return vr(br,o)},parseElementBoundaryStartMarker(o){return yr(fr,o.trim())},parseElementBoundaryEndMarker(o){return yr(mr,o)}});function vr(o,t){const e=o.exec(t);return e===null?e:parseInt(e[1])}function yr(o,t){const e=o.exec(t);return e===null?e:e[1]}function kr(o,t){const e=o.exec(t);return e===null?e:[parseInt(e[1]),e[2]]}const qo=Symbol.for("fe-hydration");function Go(o){return o[qo]===qo}const os=`fast-${Math.random().toString(36).substring(2,8)}`,Uo=`${os}{`,no=`}${os}`,xa=no.length;let wa=0;const ao=()=>`${os}-${++wa}`,xr=Object.freeze({interpolation:o=>`${Uo}${o}${no}`,attribute:o=>`${ao()}="${Uo}${o}${no}"`,comment:o=>`<!--${Uo}${o}${no}-->`}),Wo=Object.freeze({parse(o,t){const e=o.split(Uo);if(e.length===1)return null;const i=[];for(let s=0,r=e.length;s<r;++s){const n=e[s],u=n.indexOf(no);let p;if(u===-1)p=n;else{const h=n.substring(0,u);i.push(t[h]),p=n.substring(u+xa)}p!==""&&i.push(p)}return i}}),is=Ki(),zt=Object.freeze({getForInstance:is.getForInstance,getByType:is.getByType,define(o,t){return t=t||{},t.type=o,is.register(t),o},assignAspect(o,t){if(!t){o.aspectType=Y.content;return}switch(o.sourceAspect=t,t[0]){case":":o.targetAspect=t.substring(1),o.aspectType=o.targetAspect==="classList"?Y.tokenList:Y.property;break;case"?":o.targetAspect=t.substring(1),o.aspectType=Y.booleanAttribute;break;case"@":o.targetAspect=t.substring(1),o.aspectType=Y.event;break;default:o.targetAspect=t,o.aspectType=Y.attribute;break}}});class ss{constructor(t){this.options=t}createHTML(t){return xr.attribute(t(this))}createBehavior(){return this}}ve(ss);class wr extends Error{constructor(t,e,i){super(t),this.factories=e,this.node=i}}function rs(o){return o.nodeType===Node.COMMENT_NODE}function Cr(o){return o.nodeType===Node.TEXT_NODE}function Sr(o,t){const e=document.createRange();return e.setStart(o,0),e.setEnd(t,rs(t)||Cr(t)?t.data.length:t.childNodes.length),e}function Ca(o){return o instanceof DocumentFragment&&"mode"in o}function Sa(o,t,e){const i=Sr(o,t),s=i.commonAncestorContainer,r=document.createTreeWalker(s,NodeFilter.SHOW_ELEMENT+NodeFilter.SHOW_COMMENT+NodeFilter.SHOW_TEXT,{acceptNode(h){return i.comparePoint(h,0)===0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_REJECT}}),n={},u={};let p=r.currentNode=o;for(;p!==null;){switch(p.nodeType){case Node.ELEMENT_NODE:{Ia(p,e,n);break}case Node.COMMENT_NODE:{za(p,r,e,n,u);break}}p=r.nextNode()}return i.detach(),{targets:n,boundaries:u}}function Ia(o,t,e){const i=Mt.parseAttributeBinding(o);if(i!==null){for(const s of i){if(!t[s])throw new wr(`HydrationView was unable to successfully target factory on ${o.nodeName} inside ${o.getRootNode().host.nodeName}. This likely indicates a template mismatch between SSR rendering and hydration.`,t,o);Xo(t[s],o,e)}o.removeAttribute(Mt.attributeMarkerName)}}function za(o,t,e,i,s){if(Mt.isElementBoundaryStartMarker(o)){Ta(o,t);return}if(Mt.isContentBindingStartMarker(o.data)){const r=Mt.parseContentBindingStartMarker(o.data);if(r===null)return;const[n,u]=r,p=e[n],h=[];let c=t.nextSibling();o.data="";const f=c;for(;c!==null;){if(rs(c)){const x=Mt.parseContentBindingEndMarker(c.data);if(x&&x[1]===u)break}h.push(c),c=t.nextSibling()}if(c===null){const x=o.getRootNode();throw new Error(`Error hydrating Comment node inside "${Ca(x)?x.host.nodeName:x.nodeName}".`)}if(c.data="",h.length===1&&Cr(h[0]))Xo(p,h[0],i);else{c!==f&&c.previousSibling!==null&&(s[p.targetNodeId]={first:f,last:c.previousSibling});const x=c.parentNode.insertBefore(document.createTextNode(""),c);Xo(p,x,i)}}}function Ta(o,t){const e=Mt.parseElementBoundaryStartMarker(o.data);let i=t.nextSibling();for(;i!==null;){if(rs(i)){const s=Mt.parseElementBoundaryEndMarker(i.data);if(s&&s===e)break}i=t.nextSibling()}}function Xo(o,t,e){if(o.targetNodeId===void 0)throw new Error("Factory could not be target to the node");e[o.targetNodeId]=t}var Ir;function ns(o,t){const e=o.parentNode;let i=o,s;for(;i!==t;){if(s=i.nextSibling,!s)throw new Error(`Unmatched first/last child inside "${t.getRootNode().host.nodeName}".`);e.removeChild(i),i=s}e.removeChild(t)}class zr{constructor(){this.index=0,this.length=0}get event(){return _e.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}}class Ko extends zr{constructor(t,e,i){super(),this.fragment=t,this.factories=e,this.targets=i,this.behaviors=null,this.unbindables=[],this.source=null,this.isBound=!1,this.sourceLifetime=Ro.unknown,this.context=this,this.firstChild=t.firstChild,this.lastChild=t.lastChild}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(){ns(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 u=s[r].createBehavior();u.bind(this),i[r]=u}}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){ns(t[0].firstChild,t[t.length-1].lastChild);for(let e=0,i=t.length;e<i;++e)t[e].unbind()}}}ve(Ko),$.defineProperty(Ko.prototype,"index"),$.defineProperty(Ko.prototype,"length");const Me={unhydrated:"unhydrated",hydrating:"hydrating",hydrated:"hydrated"};class Ba extends Error{constructor(t,e,i,s){super(t),this.factory=e,this.fragment=i,this.templateString=s}}class Pa extends zr{constructor(t,e,i,s){super(),this.firstChild=t,this.lastChild=e,this.sourceTemplate=i,this.hostBindingTarget=s,this[Ir]=qo,this.context=this,this.source=null,this.isBound=!1,this.sourceLifetime=Ro.unknown,this.unbindables=[],this.fragment=null,this.behaviors=null,this._hydrationStage=Me.unhydrated,this._bindingViewBoundaries={},this._targets={},this.factories=i.compile().factories}get hydrationStage(){return this._hydrationStage}get targets(){return this._targets}get bindingViewBoundaries(){return this._bindingViewBoundaries}insertBefore(t){if(this.fragment!==null)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)}}appendTo(t){this.fragment!==null&&t.appendChild(this.fragment)}remove(){const t=this.fragment||(this.fragment=document.createDocumentFragment()),e=this.lastChild;let i=this.firstChild,s;for(;i!==e;){if(s=i.nextSibling,!s)throw new Error(`Unmatched first/last child inside "${e.getRootNode().host.nodeName}".`);t.appendChild(i),i=s}t.appendChild(e)}bind(t,e=this){var i,s;if(this.hydrationStage!==Me.hydrated&&(this._hydrationStage=Me.hydrating),this.source===t)return;let r=this.behaviors;if(r===null){this.source=t,this.context=e;try{const{targets:u,boundaries:p}=Sa(this.firstChild,this.lastChild,this.factories);this._targets=u,this._bindingViewBoundaries=p}catch(u){if(u instanceof wr){let p=this.sourceTemplate.html;typeof p!="string"&&(p=p.innerHTML),u.templateString=p}throw u}this.behaviors=r=new Array(this.factories.length);const n=this.factories;for(let u=0,p=n.length;u<p;++u){const h=n[u];if(h.targetNodeId==="h"&&this.hostBindingTarget&&Xo(h,this.hostBindingTarget,this._targets),h.targetNodeId in this.targets){const c=h.createBehavior();c.bind(this),r[u]=c}else{let c=this.sourceTemplate.html;throw typeof c!="string"&&(c=c.innerHTML),new Ba(`HydrationView was unable to successfully target bindings inside "${(s=((i=this.firstChild)===null||i===void 0?void 0:i.getRootNode()).host)===null||s===void 0?void 0:s.nodeName}".`,h,Sr(this.firstChild,this.lastChild).cloneContents(),c)}}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=t,this.context=e;for(let n=0,u=r.length;n<u;++n)r[n].bind(this)}this.isBound=!0,this._hydrationStage=Me.hydrated}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}dispose(){ns(this.firstChild,this.lastChild),this.unbind()}onUnbind(t){this.unbindables.push(t)}evaluateUnbindables(){const t=this.unbindables;for(let e=0,i=t.length;e<i;++e)t[e].unbind(this);t.length=0}}Ir=qo,ve(Pa);function Aa(o){return o.create!==void 0}function Ea(o,t,e,i){if(e==null&&(e=""),Aa(e)){o.textContent="";let s=o.$fastView;if(s===void 0)if(Go(i)&&Go(e)&&i.bindingViewBoundaries[this.targetNodeId]!==void 0&&i.hydrationStage!==Me.hydrated){const r=i.bindingViewBoundaries[this.targetNodeId];s=e.hydrate(r.first,r.last)}else s=e.create();else 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 Na(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 u=r.v;const p=o[t];if(e!=null&&e.length){const h=e.split(/\s+/);for(let c=0,f=h.length;c<f;++c){const x=h[c];x!==""&&(n[x]=u,p.add(x))}}if(r.v=u+1,u!==0){u-=1;for(const h in n)n[h]===u&&p.remove(h)}}const Fa={[Y.attribute]:ye.setAttribute,[Y.booleanAttribute]:ye.setBooleanAttribute,[Y.property]:(o,t,e)=>o[t]=e,[Y.content]:Ea,[Y.tokenList]:Na,[Y.event]:()=>{}};class Ve{constructor(t){this.dataBinding=t,this.updateTarget=null,this.aspectType=Y.content}createHTML(t){return xr.interpolation(t(this))}createBehavior(){var t;if(this.updateTarget===null){const e=Fa[this.aspectType],i=(t=this.dataBinding.policy)!==null&&t!==void 0?t:this.policy;if(!e)throw et.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],s=Go(t)&&t.hydrationStage&&t.hydrationStage!==Me.hydrated;switch(this.aspectType){case Y.event:i[this.data]=t,i.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case Y.content:t.onUnbind(this);default:const r=(e=i[this.data])!==null&&e!==void 0?e:i[this.data]=this.dataBinding.createObserver(this,this);if(r.target=i,r.controller=t,s&&(this.aspectType===Y.attribute||this.aspectType===Y.booleanAttribute)){r.bind(t);break}this.updateTarget(i,this.targetAspect,r.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){_e.setEvent(t);const i=this.dataBinding.evaluate(e.source,e.context);_e.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)}}zt.define(Ve,{aspected:!0});const Tr=(o,t)=>`${o}.${t}`,Br={},Vt={index:0,node:null};function Pr(o){o.startsWith("fast-")||et.warn(1204,{name:o})}const Oa=new Proxy(document.createElement("div"),{get(o,t){Pr(t);const e=Reflect.get(o,t);return Oe(e)?e.bind(o):e},set(o,t,e){return Pr(t),Reflect.set(o,t,e)}});class _a{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,u;this.nodeIds.has(i)||(this.nodeIds.add(i),this.addTargetDescriptor(e,i,s)),t.id=(n=t.id)!==null&&n!==void 0?n:ao(),t.targetNodeId=i,t.targetTagName=r,t.policy=(u=t.policy)!==null&&u!==void 0?u: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("."),u=t.substring(0,n),p=parseInt(t.substring(n+1));this.addTargetDescriptor(u,t,p)}let r=Br[e];if(!r){const n=`_${e}`;Br[e]=r={get(){var u;return(u=this[n])!==null&&u!==void 0?u: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??Oa;for(const s of this.nodeIds)i[s];return new Ko(e,this.factories,i)}}function Ar(o,t,e,i,s,r=!1){const n=e.attributes,u=o.directives;for(let p=0,h=n.length;p<h;++p){const c=n[p],f=c.value,x=Wo.parse(f,u);let ht=null;x===null?r&&(ht=new Ve(nr(()=>f,o.policy)),zt.assignAspect(ht,c.name)):ht=as.aggregate(x,o.policy),ht!==null&&(e.removeAttributeNode(c),p--,h--,o.addFactory(ht,t,i,s,e.tagName))}}function Ma(o,t,e,i,s){const r=Wo.parse(t.textContent,o.directives);if(r===null)return Vt.node=t.nextSibling,Vt.index=s+1,Vt;let n,u=n=t;for(let p=0,h=r.length;p<h;++p){const c=r[p];p!==0&&(s++,i=Tr(e,s),n=u.parentNode.insertBefore(document.createTextNode(""),u.nextSibling)),Ot(c)?n.textContent=c:(n.textContent=" ",zt.assignAspect(c),o.addFactory(c,e,i,s,null)),u=n}return Vt.index=s+1,Vt.node=u.nextSibling,Vt}function Er(o,t,e){let i=0,s=t.firstChild;for(;s;){const r=Va(o,e,s,i);s=r.node,i=r.index}}function Va(o,t,e,i){const s=Tr(t,i);switch(e.nodeType){case 1:Ar(o,t,e,s,i),Er(o,e,s);break;case 3:return Ma(o,e,t,s,i);case 8:const r=Wo.parse(e.data,o.directives);r!==null&&o.addFactory(as.aggregate(r),t,s,i,null);break}return Vt.index=i+1,Vt.node=e.nextSibling,Vt}function Da(o,t){return o&&o.nodeType==8&&Wo.parse(o.data,t)!==null}const Nr="TEMPLATE",as={compile(o,t,e=ye.policy){let i;if(Ot(o)){i=document.createElement(Nr),i.innerHTML=e.createHTML(o);const n=i.content.firstElementChild;n!==null&&n.tagName===Nr&&(i=n)}else i=o;!i.content.firstChild&&!i.content.lastChild&&i.content.appendChild(document.createComment(""));const s=document.adoptNode(i.content),r=new _a(s,t,e);return Ar(r,"",i,"h",0,!0),(Da(s.firstChild,t)||s.childNodes.length===1&&Object.keys(t).length>0)&&s.insertBefore(document.createComment(""),s.firstChild),Er(r,s,"r"),Vt.node=null,r.freeze()},setDefaultStrategy(o){this.compile=o},aggregate(o,t=ye.policy){if(o.length===1)return o[0];let e,i=!1,s;const r=o.length,n=o.map(h=>Ot(h)?()=>h:(e=h.sourceAspect||e,i=i||h.dataBinding.isVolatile,s=s||h.dataBinding.policy,h.dataBinding.evaluate)),u=(h,c)=>{let f="";for(let x=0;x<r;++x)f+=n[x](h,c);return f},p=new Ve(Qi(u,s??t,i));return zt.assignAspect(p,e),p}},La=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,Ha=Object.create(null);class ke{constructor(t,e=Ha){this.html=t,this.factories=e}createHTML(t){const e=this.factories;for(const i in e)t(e[i]);return this.html}}ke.empty=new ke(""),zt.define(ke);function Ra(o,t,e,i=zt.getForInstance(o)){if(i.aspected){const s=La.exec(t);s!==null&&zt.assignAspect(o,s[2])}return o.createHTML(e)}class Gi{constructor(t,e={},i){this.policy=i,this.result=null,this.html=t,this.factories=e}compile(){return this.result===null&&(this.result=as.compile(this.html,this.factories,this.policy)),this.result}create(t){return this.compile().createView(t)}inline(){return new ke(Ot(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(t){if(this.result)throw et.error(1208);if(this.policy)throw et.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=u=>{var p;const h=(p=u.id)!==null&&p!==void 0?p:u.id=ao();return r[h]=u,h};for(let u=0,p=t.length-1;u<p;++u){const h=t[u];let c=e[u],f;if(s+=h,Oe(c))c=new Ve(Qi(c));else if(c instanceof jo)c=new Ve(c);else if(!(f=zt.getForInstance(c))){const x=c;c=new Ve(nr(()=>x))}s+=Ra(c,h,n,f)}return new Gi(s+t[t.length-1],r,i)}}ve(Gi);const m=(o,...t)=>{if(Array.isArray(o)&&Array.isArray(o.raw))return Gi.create(o,t);throw et.error(1206)};m.partial=o=>new ke(o);class Fr extends ss{bind(t){t.source[this.options]=t.targets[this.targetNodeId]}}zt.define(Fr);const $t=o=>new Fr(o),ja=o=>o.nodeType===1,De=o=>o?t=>t.nodeType===1&&t.matches(o):ja;class Or extends ss{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,ba),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 _r="slotchange";class Mr extends Or{observe(t){t.addEventListener(_r,this)}disconnect(t){t.removeEventListener(_r,this)}getNodes(t){return t.assignedNodes(this.options)}handleEvent(t){const e=t.currentTarget;this.updateTarget(this.getSource(e),this.computeNodes(e))}}zt.define(Mr);function ot(o){return Ot(o)&&(o={property:o}),new Mr(o)}class Vr extends Or{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=Js,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)}}zt.define(Vr);function qa(o){return Ot(o)&&(o={property:o}),new Vr(o)}const Dr="boolean",Lr="reflect",Yo=Object.freeze({locate:er()}),Ga={toView(o){return o?"true":"false"},fromView(o){return!(o==null||o==="false"||o===!1||o===0)}};function Hr(o){if(o==null)return null;const t=o*1;return isNaN(t)?null:t}const it={toView(o){const t=Hr(o);return t&&t.toString()},fromView:Hr};class Ui{constructor(t,e,i=e.toLowerCase(),s=Lr,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===Dr&&r===void 0&&(this.converter=Ga)}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 $.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"||_t.enqueue(()=>{i.add(t);const s=t[this.fieldName];switch(e){case Lr:const r=this.converter;ye.setAttribute(t,this.attribute,r!==void 0?r.toView(s):s);break;case Dr:ye.setBooleanAttribute(t,this.attribute,s);break}i.delete(t)})}static collect(t,...e){const i=[];e.push(Yo.locate(t));for(let s=0,r=e.length;s<r;++s){const n=e[s];if(n!==void 0)for(let u=0,p=n.length;u<p;++u){const h=n[u];Ot(h)?i.push(new Ui(t,h)):i.push(new Ui(t,h.property,h.attribute,h.mode,h.converter))}}return i}}function a(o,t){let e;function i(s,r){arguments.length>1&&(e.property=r),Yo.locate(s.constructor).push(e)}if(arguments.length>1){e={},i(o,t);return}return e=o===void 0?{}:o,i}const Rr={mode:"open"},jr={},qr=new Set,Qo=et.getById($e.elementRegistry,()=>Ki());class Ft{constructor(t,e=t.definition){var i;this.platformDefined=!1,Ot(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=Ui.collect(t,e.attributes),n=new Array(r.length),u={},p={};for(let h=0,c=r.length;h<c;++h){const f=r[h];n[h]=f.attribute,u[f.name]=f,p[f.attribute]=f,$.defineProperty(s,f)}Reflect.defineProperty(t,"observedAttributes",{value:n,enumerable:!0}),this.attributes=r,this.propertyLookup=u,this.attributeLookup=p,this.shadowOptions=e.shadowOptions===void 0?Rr:e.shadowOptions===null?void 0:Object.assign(Object.assign({},Rr),e.shadowOptions),this.elementOptions=e.elementOptions===void 0?jr:Object.assign(Object.assign({},jr),e.elementOptions),this.styles=mt.normalize(e.styles),Qo.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 qr.has(t)||Qo.getByType(t)?new Ft(class extends t{},e):new Ft(t,e)}static registerBaseType(t){qr.add(t)}}Ft.getByType=Qo.getByType,Ft.getForInstance=Qo.getForInstance;class Ua extends MutationObserver{constructor(t){function e(i){this.callback.call(null,i.filter(s=>this.observedNodes.has(s.target)))}super(e),this.callback=t,this.observedNodes=new Set}observe(t,e){this.observedNodes.add(t),super.observe(t,e)}unobserve(t){this.observedNodes.delete(t),this.observedNodes.size<1&&this.disconnect()}}Object.freeze({create(o){const t=[],e={};let i=null,s=!1;return{source:o,context:_e.default,targets:e,get isBound(){return s},addBehaviorFactory(r,n){var u,p,h,c;const f=r;f.id=(u=f.id)!==null&&u!==void 0?u:ao(),f.targetNodeId=(p=f.targetNodeId)!==null&&p!==void 0?p:ao(),f.targetTagName=(h=n.tagName)!==null&&h!==void 0?h:null,f.policy=(c=f.policy)!==null&&c!==void 0?c:ye.policy,this.addTarget(f.targetNodeId,n),this.addBehavior(f.createBehavior())},addTarget(r,n){e[r]=n},addBehavior(r){t.push(r),s&&r.bind(this)},onUnbind(r){i===null&&(i=[]),i.push(r)},connectedCallback(r){s||(s=!0,t.forEach(n=>n.bind(this)))},disconnectedCallback(r){s&&(s=!1,i!==null&&i.forEach(n=>n.unbind(this)))}}}});const Wa={bubbles:!0,composed:!0,cancelable:!0},Zo="isConnected",Gr=new WeakMap;function lo(o){var t,e;return(e=(t=o.shadowRoot)!==null&&t!==void 0?t:Gr.get(o))!==null&&e!==void 0?e:null}let Ur;class Le extends ir{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.behaviorsConnected=!1,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"&&Gr.set(t,r))}const s=$.getAccessors(t);if(s.length>0){const r=this.boundObservables=Object.create(null);for(let n=0,u=s.length;n<u;++n){const p=s[n].name,h=t[p];h!==void 0&&(delete t[p],r[p]=h)}}}get isConnected(){return $.track(this,Zo),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:_e.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=lo(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=lo(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(){this.stage===3&&(this.stage=0,this.bindObservables(),this.connectBehaviors(),this.needsInitialization?(this.renderTemplate(this.template),this.addStyles(this.mainStyles),this.needsInitialization=!1):this.view!==null&&this.view.bind(this.source),this.stage=1,$.notify(this,Zo))}bindObservables(){if(this.boundObservables!==null){const t=this.source,e=this.boundObservables,i=Object.keys(e);for(let s=0,r=i.length;s<r;++s){const n=i[s];t[n]=e[n]}this.boundObservables=null}}connectBehaviors(){if(this.behaviorsConnected===!1){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.behaviorsConnected=!0}}disconnectBehaviors(){if(this.behaviorsConnected===!0){const t=this.behaviors;if(t!==null)for(const e of t.keys())e.disconnectedCallback&&e.disconnectedCallback(this);this.behaviorsConnected=!1}}disconnect(){this.stage===1&&(this.stage=2,$.notify(this,Zo),this.view!==null&&this.view.unbind(),this.disconnectBehaviors(),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},Wa),i))):!1}renderTemplate(t){var e;const i=this.source,s=(e=lo(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=Ro.coupled)}static forCustomElement(t){const e=t.$fastController;if(e!==void 0)return e;const i=Ft.getForInstance(t);if(i===void 0)throw et.error(1401);return t.$fastController=new Ur(t,i)}static setStrategy(t){Ur=t}}ve(Le),Le.setStrategy(Le);function Jo(o){var t;return"adoptedStyleSheets"in o?o:(t=lo(o))!==null&&t!==void 0?t:o.getRootNode()}class Wi{constructor(t){const e=Wi.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){Xr(Jo(t),this.sheets)}removeStylesFrom(t){Kr(Jo(t),this.sheets)}}Wi.styleSheetCache=new Map;let Xa=0;const Ka=()=>`fast-${++Xa}`;function Wr(o){return o===document?document.body:o}class Ya{constructor(t){this.styles=t,this.styleClass=Ka()}addStylesTo(t){t=Wr(Jo(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=Wr(Jo(t));const e=t.querySelectorAll(`.${this.styleClass}`);for(let i=0,s=e.length;i<s;++i)t.removeChild(e[i])}}let Xr=(o,t)=>{o.adoptedStyleSheets=[...o.adoptedStyleSheets,...t]},Kr=(o,t)=>{o.adoptedStyleSheets=o.adoptedStyleSheets.filter(e=>t.indexOf(e)===-1)};if(mt.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),Xr=(o,t)=>{o.adoptedStyleSheets.push(...t)},Kr=(o,t)=>{for(const e of t){const i=o.adoptedStyleSheets.indexOf(e);i!==-1&&o.adoptedStyleSheets.splice(i,1)}}}catch{}mt.setDefaultStrategy(Wi)}else mt.setDefaultStrategy(Ya);const Yr="defer-hydration",Qr="needs-hydration";class Fe extends Le{static hydrationObserverHandler(t){for(const e of t)Fe.hydrationObserver.unobserve(e.target),e.target.$fastController.connect()}connect(){var t,e;if(this.needsHydration===void 0&&(this.needsHydration=this.source.getAttribute(Qr)!==null),this.source.hasAttribute(Yr)){Fe.hydrationObserver.observe(this.source,{attributeFilter:[Yr]});return}if(!this.needsHydration){super.connect();return}if(this.stage!==3)return;this.stage=0,this.bindObservables(),this.connectBehaviors();const i=this.source,s=(t=lo(i))!==null&&t!==void 0?t:i;if(this.template)if(Go(this.template)){let r=s.firstChild,n=s.lastChild;i.shadowRoot===null&&(Mt.isElementBoundaryStartMarker(r)&&(r.data="",r=r.nextSibling),Mt.isElementBoundaryEndMarker(n)&&(n.data="",n=n.previousSibling)),this.view=this.template.hydrate(r,n,i),(e=this.view)===null||e===void 0||e.bind(this.source)}else this.renderTemplate(this.template);this.addStyles(this.mainStyles),this.stage=1,this.source.removeAttribute(Qr),this.needsInitialization=this.needsHydration=!1,$.notify(this,Zo)}disconnect(){super.disconnect(),Fe.hydrationObserver.unobserve(this.source)}static install(){Le.setStrategy(Fe)}}Fe.hydrationObserver=new Ua(Fe.hydrationObserverHandler);function Zr(o){const t=class extends o{constructor(){super(),Le.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 Ft.registerBaseType(t),t}function Qa(o,t){return Oe(o)?Ft.compose(o,t):Ft.compose(this,o)}function Za(o,t){return Oe(o)?Ft.compose(o,t).define().type:Ft.compose(this,o).define().type}function Ja(o){return Zr(o)}const w=Object.assign(Zr(HTMLElement),{from:Ja,define:Za,compose:Qa}),vt={horizontal:"horizontal",vertical:"vertical"};function tl(o,t){let e=o.length;for(;e--;)if(t(o[e],e,o))return e;return-1}function Jr(...o){return o.every(t=>t instanceof HTMLElement)}const ti="ArrowDown",ei="ArrowLeft",oi="ArrowRight",ii="ArrowUp",si="End",ri="Enter",el="Escape",ni="Home",ls=" ",ol="Tab";var Tt;(function(o){o.ltr="ltr",o.rtl="rtl"})(Tt||(Tt={}));function il(o,t,e){return e<o?t:e>t?o:e}function cs(o,t,e){return Math.min(Math.max(e,o),t)}let sl=0;function co(o=""){return`${o}${sl++}`}var rl=Object.defineProperty,nl=Object.getOwnPropertyDescriptor,R=(o,t,e,i)=>{for(var s=i>1?void 0:i?nl(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&&rl(t,e,s),s};class j{}R([a({attribute:"aria-atomic"})],j.prototype,"ariaAtomic",2),R([a({attribute:"aria-busy"})],j.prototype,"ariaBusy",2),R([a({attribute:"aria-controls"})],j.prototype,"ariaControls",2),R([a({attribute:"aria-current"})],j.prototype,"ariaCurrent",2),R([a({attribute:"aria-describedby"})],j.prototype,"ariaDescribedby",2),R([a({attribute:"aria-details"})],j.prototype,"ariaDetails",2),R([a({attribute:"aria-disabled"})],j.prototype,"ariaDisabled",2),R([a({attribute:"aria-errormessage"})],j.prototype,"ariaErrormessage",2),R([a({attribute:"aria-flowto"})],j.prototype,"ariaFlowto",2),R([a({attribute:"aria-haspopup"})],j.prototype,"ariaHaspopup",2),R([a({attribute:"aria-hidden"})],j.prototype,"ariaHidden",2),R([a({attribute:"aria-invalid"})],j.prototype,"ariaInvalid",2),R([a({attribute:"aria-keyshortcuts"})],j.prototype,"ariaKeyshortcuts",2),R([a({attribute:"aria-label"})],j.prototype,"ariaLabel",2),R([a({attribute:"aria-labelledby"})],j.prototype,"ariaLabelledby",2),R([a({attribute:"aria-live"})],j.prototype,"ariaLive",2),R([a({attribute:"aria-owns"})],j.prototype,"ariaOwns",2),R([a({attribute:"aria-relevant"})],j.prototype,"ariaRelevant",2),R([a({attribute:"aria-roledescription"})],j.prototype,"ariaRoledescription",2);const ds={fromView(o){const t=parseFloat(o);return Number.isNaN(t)?"":t.toString()},toView(o){const t=parseFloat(o);return Number.isNaN(t)?void 0:t.toString()}},hs=o=>o.closest("[dir]")?.dir==="rtl"?Tt.rtl:Tt.ltr;function yt(o){return o?typeof o=="string"?new ke(o):"inline"in o?o.inline():o:ke.empty}const us=o=>o.nodeType!==Node.TEXT_NODE||!!o.nodeValue?.trim().length,al=":host([hidden]){display:none}";function I(o){return`${al}:host{display:${o}}`}class ll{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 Do extends ll{constructor(t,e){super(t),this.styles=e}static with(t){return e=>new Do(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 Q=Do.with(window.matchMedia("(forced-colors)"));Do.with(window.matchMedia("(prefers-color-scheme: dark)")),Do.with(window.matchMedia("(prefers-color-scheme: light)"));class Xt{}function ce(o){return m`<slot name="end" ${$t("end")}>${yt(o.end)}</slot>`.inline()}function Kt(o){return m`<slot name="start" ${$t("start")}>${yt(o.start)}</slot>`.inline()}function Yt(o,...t){const e=Yo.locate(o);t.forEach(i=>{Object.getOwnPropertyNames(i.prototype).forEach(r=>{r!=="constructor"&&Object.defineProperty(o.prototype,r,Object.getOwnPropertyDescriptor(i.prototype,r))}),Yo.locate(i).forEach(r=>e.push(r))})}const tn=CSS.supports("selector(:state(g))"),en=new Map;function d(o){return en.get(o)??en.set(o,tn?`:state(${o})`:`[state--${o}]`).get(o)}function l(o,t,e){if(!tn){o.shadowRoot.host.toggleAttribute(`state--${t}`,e);return}if(e??!o.states.has(t)){o.states.add(t);return}o.states.delete(t)}var cl=Object.defineProperty,dl=Object.getOwnPropertyDescriptor,xe=(o,t,e,i)=>{for(var s=i>1?void 0:i?dl(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&&cl(t,e,s),s};class Qt extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=co("accordion-")}expandedChanged(t,e){l(this.elementInternals,"expanded",e)}disabledChanged(t,e){l(this.elementInternals,"disabled",e)}}xe([a({attribute:"heading-level",mode:"fromView",converter:it})],Qt.prototype,"headinglevel",2),xe([a({mode:"boolean"})],Qt.prototype,"expanded",2),xe([a({mode:"boolean"})],Qt.prototype,"disabled",2),xe([a],Qt.prototype,"id",2);class ho extends Qt{constructor(){super(...arguments),this.block=!1}sizeChanged(t,e){t&&l(this.elementInternals,t,!1),e&&l(this.elementInternals,e,!0)}markerPositionChanged(t,e){t&&l(this.elementInternals,`align-${t}`,!1),e&&l(this.elementInternals,`align-${e}`,!0)}blockChanged(t,e){l(this.elementInternals,"block",e)}}xe([a],ho.prototype,"size",2),xe([a({attribute:"marker-position"})],ho.prototype,"markerPosition",2),xe([a({mode:"boolean"})],ho.prototype,"block",2),Yt(ho,Xt);const Zt=d("align-end"),on=d("align-start"),hl=d("anchor"),sn=d("auto-resize"),ul=d("bad-input"),pl=d("beige"),uo=d("block"),gl=d("blue"),bl=d("bold"),fl=d("bordered"),Dt=d("brand"),ml=d("brass"),$l=d("brown"),vl=d("center"),k=d("checked"),po=d("circular"),yl=d("cornflower"),kl=d("cranberry"),xl=d("custom-error"),ai=d("danger"),wl=d("dark-green"),Cl=d("dark-red"),E=d("disabled"),rn=d("display-shadow"),nn=d("dot"),Sl=d("end"),ps=d("error"),we=d("expanded"),li=d("extra-large"),go=d("extra-small"),He=d("filled-darker"),Re=d("filled-lighter"),Il=d("fit-center"),zl=d("fit-contain"),Tl=d("fit-cover"),Bl=d("fit-none"),Pl=d("focus-visible"),Al=d("forest"),Jt=d("ghost"),El=d("gold"),Nl=d("grape"),Fl=d("has-message"),Ol=d("huge"),de=d("icon"),ci=d("important"),Ce=d("indeterminate"),di=d("informative"),_l=d("inline"),gs=d("inset"),an=d("inverted"),Ml=d("italic"),Vl=d("justify"),C=d("large"),Dl=d("lavender"),Ll=d("light-teal"),Hl=d("lilac"),Rl=d("magenta"),jl=d("marigold"),ql=d("medium"),Gl=d("mink"),Ul=d("monospace"),bo=d("multiline"),Wl=d("navy"),hi=d("neutral"),ln=d("nowrap"),Xl=d("numeric"),W=d("outline"),Kl=d("pattern-mismatch"),Yl=d("peach"),Ql=d("pink"),Zl=d("platinum"),Jl=d("plum"),F=d("pressed"),lt=d("primary"),tc=d("pumpkin"),ec=d("purple"),oc=d("range-overflow"),ic=d("range-underflow"),sc=d("red"),rc=d("resize-both"),nc=d("resize-horizontal"),ac=d("resize-vertical"),te=d("rounded"),lc=d("royal-blue"),cc=d("seafoam"),cn=d("semibold"),ui=d("severe"),dc=d("shadow"),hc=d("size-1000"),uc=d("size-100"),pc=d("size-200"),gc=d("size-400"),bc=d("size-500"),fc=d("size-600"),mc=d("size-700"),$c=d("size-800"),vc=d("size-900"),T=d("small"),fo=d("square"),yc=d("steel"),kc=d("step-mismatch"),dn=d("strikethrough"),mo=d("strong"),pi=d("submenu"),z=d("subtle"),Se=d("success"),xc=d("teal"),he=d("tint"),$o=d("tiny"),wc=d("too-long"),Cc=d("too-short"),Z=d("transparent"),hn=d("truncate"),Sc=d("type-mismatch"),Ie=d("underline"),Ic=d("user-invalid"),zc=d("valid"),Tc=d("value-missing"),S=d("vertical"),ze=d("warning"),A="var(--colorNeutralForeground1)",bs="var(--colorNeutralForeground1Hover)",Bc="var(--colorNeutralForeground1Pressed)",Lt="var(--colorNeutralForeground2)",gi="var(--colorNeutralForeground2Hover)",bi="var(--colorNeutralForeground2Pressed)",Pc="var(--colorNeutralForeground2Selected)",fi="var(--colorNeutralForeground2BrandHover)",mi="var(--colorNeutralForeground2BrandPressed)",Ac="var(--colorNeutralForeground2BrandSelected)",ut="var(--colorNeutralForeground3)",Ec="var(--colorNeutralForeground3Hover)",Nc="var(--colorNeutralForeground3Pressed)",un="var(--colorNeutralForeground4)",B="var(--colorNeutralForegroundDisabled)",Fc="var(--colorBrandForegroundLink)",Oc="var(--colorBrandForegroundLinkHover)",_c="var(--colorBrandForegroundLinkPressed)",Mc="var(--colorNeutralForeground2Link)",Vc="var(--colorNeutralForeground2LinkHover)",Dc="var(--colorNeutralForeground2LinkPressed)",pn="var(--colorCompoundBrandForeground1Hover)",Lc="var(--colorCompoundBrandForeground1Pressed)",ee="var(--colorNeutralForegroundOnBrand)",je="var(--colorNeutralForegroundInverted)",Hc="var(--colorNeutralForegroundInvertedHover)",Rc="var(--colorNeutralForegroundInvertedPressed)",gn="var(--colorNeutralForegroundStaticInverted)",fs="var(--colorBrandForeground1)",jc="var(--colorBrandForeground2)",qc="var(--colorNeutralForeground1Static)",O="var(--colorNeutralBackground1)",ms="var(--colorNeutralBackground1Hover)",$s="var(--colorNeutralBackground1Pressed)",bn="var(--colorNeutralBackground1Selected)",$i="var(--colorNeutralBackground3)",Gc="var(--colorNeutralBackground4)",Uc="var(--colorNeutralBackground5)",vi="var(--colorNeutralBackground6)",fn="var(--colorNeutralBackgroundInverted)",Wc="var(--colorSubtleBackground)",yi="var(--colorSubtleBackgroundHover)",qe="var(--colorSubtleBackgroundPressed)",Xc="var(--colorSubtleBackgroundSelected)",wt="var(--colorTransparentBackground)",vs="var(--colorTransparentBackgroundHover)",ys="var(--colorTransparentBackgroundPressed)",Kc="var(--colorTransparentBackgroundSelected)",Ge="var(--colorNeutralBackgroundDisabled)",ks="var(--colorBackgroundOverlay)",xs="var(--colorBrandBackground)",mn="var(--colorBrandBackgroundHover)",$n="var(--colorBrandBackgroundPressed)",Yc="var(--colorBrandBackgroundSelected)",Ue="var(--colorCompoundBrandBackground)",vo="var(--colorCompoundBrandBackgroundHover)",yo="var(--colorCompoundBrandBackgroundPressed)",vn="var(--colorBrandBackgroundStatic)",Qc="var(--colorBrandBackground2)",ue="var(--colorNeutralStrokeAccessible)",We="var(--colorNeutralStrokeAccessibleHover)",Xe="var(--colorNeutralStrokeAccessiblePressed)",oe="var(--colorNeutralStroke1)",ko="var(--colorNeutralStroke1Hover)",ki="var(--colorNeutralStroke1Pressed)",xo="var(--colorNeutralStroke2)",Zc="var(--colorNeutralStroke3)",Jc="var(--colorNeutralStrokeOnBrand2)",yn="var(--colorBrandStroke1)",ws="var(--colorBrandStroke2)",wo="var(--colorCompoundBrandStroke)",td="var(--colorCompoundBrandStrokeHover)",kn="var(--colorCompoundBrandStrokePressed)",Bt="var(--colorNeutralStrokeDisabled)",pt="var(--colorTransparentStroke)",xn="var(--colorTransparentStrokeInteractive)",Cs="var(--colorStrokeFocus1)",Ht="var(--colorStrokeFocus2)",wn="var(--colorPaletteRedBackground1)",ed="var(--colorPaletteRedBackground2)",Cn="var(--colorPaletteRedBackground3)",Sn="var(--colorPaletteRedBorder1)",Ss="var(--colorPaletteRedBorder2)",In="var(--colorPaletteRedForeground1)",od="var(--colorPaletteRedForeground2)",zn="var(--colorPaletteRedForeground3)",Tn="var(--colorPaletteGreenBackground1)",Bn="var(--colorPaletteGreenBackground3)",id="var(--colorPaletteGreenBorder1)",sd="var(--colorPaletteGreenBorder2)",rd="var(--colorPaletteGreenForeground1)",nd="var(--colorPaletteGreenForeground2)",ad="var(--colorPaletteGreenForeground3)",Pn="var(--colorPaletteDarkOrangeBackground1)",An="var(--colorPaletteDarkOrangeBackground3)",En="var(--colorPaletteDarkOrangeBorder1)",ld="var(--colorPaletteDarkOrangeForeground1)",Nn="var(--colorPaletteDarkOrangeForeground3)",cd="var(--colorPaletteYellowBackground1)",dd="var(--colorPaletteYellowBackground3)",hd="var(--colorPaletteYellowBorder1)",Is="var(--colorPaletteYellowForeground2)",Fn="var(--colorPaletteMarigoldBackground2)",ud="var(--colorPaletteMarigoldBackground3)",pd="var(--colorPaletteMarigoldForeground2)",gd="var(--colorPaletteAnchorBackground2)",bd="var(--colorPaletteAnchorForeground2)",fd="var(--colorPaletteBeigeBackground2)",md="var(--colorPaletteBeigeForeground2)",$d="var(--colorPaletteBlueBackground2)",vd="var(--colorPaletteBlueForeground2)",yd="var(--colorPaletteBrassBackground2)",kd="var(--colorPaletteBrassForeground2)",xd="var(--colorPaletteBrownBackground2)",wd="var(--colorPaletteBrownForeground2)",Cd="var(--colorPaletteCornflowerBackground2)",Sd="var(--colorPaletteCornflowerForeground2)",Id="var(--colorPaletteCranberryBackground2)",zd="var(--colorPaletteCranberryForeground2)",Td="var(--colorPaletteDarkGreenBackground2)",Bd="var(--colorPaletteDarkGreenForeground2)",Pd="var(--colorPaletteDarkRedBackground2)",Ad="var(--colorPaletteDarkRedForeground2)",Ed="var(--colorPaletteForestBackground2)",Nd="var(--colorPaletteForestForeground2)",Fd="var(--colorPaletteGoldBackground2)",Od="var(--colorPaletteGoldForeground2)",_d="var(--colorPaletteGrapeBackground2)",Md="var(--colorPaletteGrapeForeground2)",Vd="var(--colorPaletteLavenderBackground2)",Dd="var(--colorPaletteLavenderForeground2)",Ld="var(--colorPaletteLightTealBackground2)",Hd="var(--colorPaletteLightTealForeground2)",Rd="var(--colorPaletteLilacBackground2)",jd="var(--colorPaletteLilacForeground2)",qd="var(--colorPaletteMagentaBackground2)",Gd="var(--colorPaletteMagentaForeground2)",Ud="var(--colorPaletteMinkBackground2)",Wd="var(--colorPaletteMinkForeground2)",Xd="var(--colorPaletteNavyBackground2)",Kd="var(--colorPaletteNavyForeground2)",Yd="var(--colorPalettePeachBackground2)",Qd="var(--colorPalettePeachForeground2)",Zd="var(--colorPalettePinkBackground2)",Jd="var(--colorPalettePinkForeground2)",th="var(--colorPalettePlatinumBackground2)",eh="var(--colorPalettePlatinumForeground2)",oh="var(--colorPalettePlumBackground2)",ih="var(--colorPalettePlumForeground2)",sh="var(--colorPalettePumpkinBackground2)",rh="var(--colorPalettePumpkinForeground2)",nh="var(--colorPalettePurpleBackground2)",ah="var(--colorPalettePurpleForeground2)",lh="var(--colorPaletteRoyalBlueBackground2)",ch="var(--colorPaletteRoyalBlueForeground2)",dh="var(--colorPaletteSeafoamBackground2)",hh="var(--colorPaletteSeafoamForeground2)",uh="var(--colorPaletteSteelBackground2)",ph="var(--colorPaletteSteelForeground2)",gh="var(--colorPaletteTealBackground2)",bh="var(--colorPaletteTealForeground2)",zs="var(--borderRadiusNone)",Rt="var(--borderRadiusSmall)",P="var(--borderRadiusMedium)",On="var(--borderRadiusLarge)",_n="var(--borderRadiusXLarge)",gt="var(--borderRadiusCircular)",v="var(--fontFamilyBase)",fh="var(--fontFamilyMonospace)",mh="var(--fontFamilyNumeric)",Co="var(--fontSizeBase100)",q="var(--fontSizeBase200)",N="var(--fontSizeBase300)",ct="var(--fontSizeBase400)",Ke="var(--fontSizeBase500)",xi="var(--fontSizeBase600)",Mn="var(--fontSizeHero700)",Vn="var(--fontSizeHero800)",Dn="var(--fontSizeHero900)",Ln="var(--fontSizeHero1000)",_="var(--fontWeightRegular)",$h="var(--fontWeightMedium)",L="var(--fontWeightSemibold)",wi="var(--fontWeightBold)",Ci="var(--lineHeightBase100)",st="var(--lineHeightBase200)",D="var(--lineHeightBase300)",kt="var(--lineHeightBase400)",Si="var(--lineHeightBase500)",Hn="var(--lineHeightBase600)",Rn="var(--lineHeightHero700)",jn="var(--lineHeightHero800)",qn="var(--lineHeightHero900)",Gn="var(--lineHeightHero1000)",Ts="var(--shadow2)",Ii="var(--shadow4)",vh="var(--shadow8)",Un="var(--shadow16)",yh="var(--shadow28)",Wn="var(--shadow64)",H="var(--strokeWidthThin)",Pt="var(--strokeWidthThick)",rt="var(--strokeWidthThicker)",Bs="var(--strokeWidthThickest)",dt="var(--spacingHorizontalXXS)",jt="var(--spacingHorizontalXS)",xt="var(--spacingHorizontalSNudge)",ie="var(--spacingHorizontalS)",bt="var(--spacingHorizontalMNudge)",ft="var(--spacingHorizontalM)",kh="var(--spacingHorizontalL)",xh="var(--spacingHorizontalXL)",wh="var(--spacingHorizontalXXL)",So="var(--spacingVerticalXXS)",Ps="var(--spacingVerticalXS)",pe="var(--spacingVerticalSNudge)",nt="var(--spacingVerticalS)",Ye="var(--spacingVerticalMNudge)",Ch="var(--spacingVerticalM)",zi="var(--spacingVerticalL)",Io="var(--spacingVerticalXXL)",Xn="var(--durationUltraFast)",As="var(--durationFaster)",Es="var(--durationNormal)",Ns="var(--durationGentle)",Kn="var(--durationSlow)",Yn="var(--durationSlower)",Ti="var(--durationUltraSlow)",Sh="var(--curveAccelerateMax)",Qe="var(--curveAccelerateMid)",Ih="var(--curveAccelerateMin)",Fs="var(--curveDecelerateMax)",Ze="var(--curveDecelerateMid)",zh="var(--curveDecelerateMin)",Th="var(--curveEasyEaseMax)",Bi="var(--curveEasyEase)",Os="var(--curveLinear)",Bh=g`
|
|
2
|
+
${I("block")}
|
|
3
3
|
|
|
4
|
-
:host{max-width:fit-content;contain:content}.heading{height:44px;display:grid;position:relative;padding-inline:${ft} ${bt};border-radius:${P};font-family:${
|
|
4
|
+
:host{max-width:fit-content;contain:content}.heading{height:44px;display:grid;position:relative;padding-inline:${ft} ${bt};border-radius:${P};font-family:${v};font-size:${N};font-weight:${_};line-height:${D};grid-template-columns:auto auto 1fr auto}.button{appearance:none;background:${wt};border:none;box-sizing:border-box;color:${A};cursor:pointer;font:inherit;grid-column:auto / span 2;grid-row:1;height:44px;outline:none;padding:0;text-align:start}.button::before{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${Rt}}:where(.default-marker-collapsed,.default-marker-expanded),::slotted(:is([slot='marker-collapsed'],[slot='marker-expanded'])){display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;height:100%;padding-inline-end:${ie};grid-column:1 / span 1;grid-row:1}.content{margin:0 ${ft}}::slotted([slot='start']){display:flex;justify-content:center;align-items:center;padding-right:${ie};grid-column:2 / span 1;grid-row:1}button:focus-visible::after{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${Rt};outline:none;border:2px solid ${Cs};box-shadow:inset 0 0 0 1px ${Ht}}:host(${E}) .button{color:${B}}:host(${E}) svg{filter:invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg) brightness(88%) contrast(87%)}:host(${we}) .content{display:block}:host(${we}) .default-marker-collapsed,:host(${we}) ::slotted([slot='marker-collapsed']),:host(:not(${we})) :is(.default-marker-expanded,.content),:host(:not(${we})) ::slotted([slot='marker-expanded']){display:none}:host(${we}) ::slotted([slot='marker-expanded']),:host(:not(${we})) ::slotted([slot='marker-collapsed']){display:flex}.heading{font-size:${N};line-height:${D}}:host(${T}) .heading{font-size:${q};line-height:${st}}:host(${C}) .heading{font-size:${ct};line-height:${kt}}:host(${li}) .heading{font-size:${Ke};line-height:${Si}}:host(${Zt}) :slotted([slot='start']){grid-column:1 / span 1}:host(${Zt}) :is(.default-marker-collapsed,.default-marker-expanded){grid-column:4 / span 1;padding-inline-start:${ie};padding-inline-end:0}:host(${Zt}) .button{grid-column:2 / span 3}:host([block]){max-width:100%}:host(${Zt}) .heading{grid-template-columns:auto auto 28px;padding-inline:${ft}}:host(${Zt}:has([slot='start'])) .heading{padding-inline:${bt} ${ft}}:host(${uo}${Zt}) .heading{grid-template-columns:auto 1fr}:host(${Zt}) :is(.default-marker-collapsed,.default-marker-expanded){grid-column:5 / span 1}`,Ph=m.partial(`<svg
|
|
5
5
|
width="20"
|
|
6
6
|
height="20"
|
|
7
7
|
viewBox="0 0 20 20"
|
|
@@ -14,7 +14,7 @@ const g=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
14
14
|
d="M7.73271 4.20694C8.03263 3.92125 8.50737 3.93279 8.79306 4.23271L13.7944 9.48318C14.0703 9.77285 14.0703 10.2281 13.7944 10.5178L8.79306 15.7682C8.50737 16.0681 8.03263 16.0797 7.73271 15.794C7.43279 15.5083 7.42125 15.0336 7.70694 14.7336L12.2155 10.0005L7.70694 5.26729C7.42125 4.96737 7.43279 4.49264 7.73271 4.20694Z"
|
|
15
15
|
fill="currentColor"
|
|
16
16
|
/>
|
|
17
|
-
</svg>`),
|
|
17
|
+
</svg>`),Ah=m.partial(`<svg
|
|
18
18
|
width="20"
|
|
19
19
|
height="20"
|
|
20
20
|
viewBox="0 0 20 20"
|
|
@@ -27,38 +27,38 @@ const g=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
27
27
|
d="M15.794 7.73271C16.0797 8.03263 16.0681 8.50737 15.7682 8.79306L10.5178 13.7944C10.2281 14.0703 9.77285 14.0703 9.48318 13.7944L4.23271 8.79306C3.93279 8.50737 3.92125 8.03263 4.20694 7.73271C4.49264 7.43279 4.96737 7.42125 5.26729 7.70694L10.0005 12.2155L14.7336 7.70694C15.0336 7.42125 15.5083 7.43279 15.794 7.73271Z"
|
|
28
28
|
fill="currentColor"
|
|
29
29
|
/>
|
|
30
|
-
</svg>`);function
|
|
31
|
-
${
|
|
30
|
+
</svg>`);function Eh(o={}){return m`<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}"><slot name="heading"></slot></button>${Kt(o)}<slot name="marker-expanded">${yt(o.expandedIcon)}</slot><slot name="marker-collapsed">${yt(o.collapsedIcon)}</slot></div><div class="content" part="content" id="${t=>t.id}-panel" role="region" aria-labelledby="${t=>t.id}"><slot></slot></div>`}const Nh=Eh({collapsedIcon:Ph,expandedIcon:Ah}),Fh=ho.compose({name:`${b.prefix}-accordion-item`,template:Nh,styles:Bh});Fh.define(b.registry);const _s={single:"single",multi:"multi"};var Oh=Object.defineProperty,_h=Object.getOwnPropertyDescriptor,Qn=(o,t,e,i)=>{for(var s=i>1?void 0:i?_h(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&&Oh(t,e,s),s};class Ms extends w{constructor(){super(...arguments),this.expandmode=_s.multi,this.activeItemIndex=0,this.setItems=()=>{if(this.slottedAccordionItems.length===0)return;const t=Array.from(this.children);if(this.removeItemListeners(t),t.forEach(e=>$.getNotifier(e).subscribe(this,"disabled")),this.accordionItems=t.filter(e=>!e.hasAttribute("disabled")),this.accordionItems.forEach((e,i)=>{e instanceof Qt&&(e.addEventListener("click",this.expandedChangedHandler),$.getNotifier(e).subscribe(this,"expanded"))}),this.isSingleExpandMode()){const e=this.findExpandedItem();this.setSingleExpandMode(e)}},this.removeItemListeners=t=>{t.forEach((e,i)=>{$.getNotifier(e).unsubscribe(this,"disabled"),$.getNotifier(e).unsubscribe(this,"expanded"),e.removeEventListener("click",this.expandedChangedHandler)})},this.expandedChangedHandler=t=>{const e=t.target;e instanceof Qt&&(this.isSingleExpandMode()?this.setSingleExpandMode(e):(e.expanded=!e.expanded,this.activeItemIndex=this.accordionItems.indexOf(e)),this.$emit("change"))}}expandmodeChanged(t,e){if(!this.$fastController.isConnected)return;const i=this.findExpandedItem();if(i){if(e===_s.single){this.setSingleExpandMode(i);return}i?.expandbutton.removeAttribute("aria-disabled")}}slottedAccordionItemsChanged(t,e){this.$fastController.isConnected&&this.setItems()}handleChange(t,e){e==="disabled"?this.setItems():e==="expanded"&&t.expanded&&this.isSingleExpandMode()&&this.setSingleExpandMode(t)}findExpandedItem(){return this.accordionItems.length===0?null:this.accordionItems.find(t=>t instanceof Qt&&t.expanded)??this.accordionItems[0]}isSingleExpandMode(){return this.expandmode===_s.single}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 Qt&&(this.activeItemIndex===s?(i.expanded=!0,i.expandbutton.setAttribute("aria-disabled","true")):(i.expanded=!1,i.hasAttribute("disabled")||i.expandbutton.removeAttribute("aria-disabled")))})}}Qn([a({attribute:"expand-mode"})],Ms.prototype,"expandmode",2),Qn([y],Ms.prototype,"slottedAccordionItems",2);const Mh=g`
|
|
31
|
+
${I("flex")}
|
|
32
32
|
|
|
33
|
-
:host{flex-direction:column;width:100%;contain:content}`;function
|
|
34
|
-
${
|
|
33
|
+
:host{flex-direction:column;width:100%;contain:content}`;function Vh(){return m`<template><slot ${ot({property:"slottedAccordionItems",filter:De()})}></slot></template>`}const Dh=Vh(),Lh=Ms.compose({name:`${b.prefix}-accordion`,template:Dh,styles:Mh});Lh.define(b.registry);const Pi={submit:"submit",reset:"reset",button:"button"},Hh={download:"download",href:"href",hreflang:"hreflang",ping:"ping",referrerpolicy:"referrerpolicy",rel:"rel",target:"target",type:"type"};var Rh=Object.defineProperty,jh=Object.getOwnPropertyDescriptor,Ct=(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&&Rh(t,e,s),s};class qt extends w{constructor(){super(),this.isMac=navigator.userAgent.includes("Mac"),this.elementInternals=this.attachInternals(),this.internalProxyAnchor=this.createProxyElement(),this.elementInternals.role="link"}connectedCallback(){super.connectedCallback(),$.getNotifier(this).subscribe(this),Object.keys(this.$fastController.definition.attributeLookup).forEach(t=>{this.handleChange(this,t)}),this.append(this.internalProxyAnchor)}disconnectedCallback(){super.disconnectedCallback(),$.getNotifier(this).unsubscribe(this)}handleChange(t,e){if(e in Hh){const i=this.$fastController.definition.attributeLookup[e]?.attribute;i&&this.handleProxyAttributeChange(i,this[e])}}clickHandler(t){if(this.href){const e=this.isMac?t.metaKey:t.ctrlKey;this.handleNavigation(e)}return!0}keydownHandler(t){if(this.href&&t.key===ri){const e=this.isMac&&t.metaKey||t.ctrlKey;this.handleNavigation(e);return}return!0}handleNavigation(t){t?window.open(this.href,"_blank"):this.internalProxyAnchor.click()}handleProxyAttributeChange(t,e){e?this.internalProxyAnchor.setAttribute(t,e):this.internalProxyAnchor.removeAttribute(t)}createProxyElement(){const t=this.internalProxyAnchor??document.createElement("a");return t.ariaHidden="true",t.tabIndex=-1,t}}Ct([a],qt.prototype,"download",2),Ct([a],qt.prototype,"href",2),Ct([a],qt.prototype,"hreflang",2),Ct([a],qt.prototype,"ping",2),Ct([a],qt.prototype,"referrerpolicy",2),Ct([a],qt.prototype,"rel",2),Ct([a],qt.prototype,"target",2),Ct([a],qt.prototype,"type",2);class Je extends qt{constructor(){super(...arguments),this.iconOnly=!1}appearanceChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}iconOnlyChanged(t,e){l(this.elementInternals,"icon",!!e)}}Ct([a],Je.prototype,"appearance",2),Ct([a],Je.prototype,"shape",2),Ct([a],Je.prototype,"size",2),Ct([a({attribute:"icon-only",mode:"boolean"})],Je.prototype,"iconOnly",2),Yt(Je,Xt);const Zn=g`
|
|
34
|
+
${I("inline-flex")}
|
|
35
35
|
|
|
36
|
-
:host{--icon-spacing:${xt};position:relative;contain:layout style;vertical-align:middle;align-items:center;box-sizing:border-box;justify-content:center;text-align:center;text-decoration-line:none;margin:0;min-height:32px;outline-style:none;background-color:${O};color:${A};border:${H} solid ${
|
|
37
|
-
${
|
|
36
|
+
:host{--icon-spacing:${xt};position:relative;contain:layout style;vertical-align:middle;align-items:center;box-sizing:border-box;justify-content:center;text-align:center;text-decoration-line:none;margin:0;min-height:32px;outline-style:none;background-color:${O};color:${A};border:${H} solid ${oe};padding:0 ${ft};min-width:96px;border-radius:${P};font-size:${N};font-family:${v};font-weight:${L};line-height:${D};transition-duration:${As};transition-property:background,border,color;transition-timing-function:${Bi};cursor:pointer;user-select:none}.content{display:inherit}:host(:hover){background-color:${ms};color:${bs};border-color:${ko}}:host(:hover:active){background-color:${$s};border-color:${ki};color:${Bc};outline-style:none}:host(:focus-visible){border-color:${pt};outline:${Pt} solid ${pt};box-shadow:${Ii},0 0 0 2px ${Ht}}@media screen and (prefers-reduced-motion:reduce){:host{transition-duration:0.01ms}}::slotted(svg){font-size:20px;height:20px;width:20px;fill:currentColor}:is([slot='start'],::slotted([slot='start'])){margin-inline-end:var(--icon-spacing)}:is([slot='end'],::slotted([slot='end'])){flex-shrink:0}:host(:not(${de})) :is([slot='end'],:host(:not(${de}))::slotted([slot='end'])){margin-inline-start:var(--icon-spacing)}:host(${de}){min-width:32px;max-width:32px}:host(${T}){--icon-spacing:${jt};min-height:24px;min-width:64px;padding:0 ${ie};border-radius:${Rt};font-size:${q};line-height:${st};font-weight:${_}}:host(${T}${de}){min-width:24px;max-width:24px}:host(${C}){min-height:40px;border-radius:${On};padding:0 ${kh};font-size:${ct};line-height:${kt}}:host(${C}${de}){min-width:40px;max-width:40px}:host(${C}) ::slotted(svg){font-size:24px;height:24px;width:24px}:host(:is(${po},${po}:focus-visible)){border-radius:${gt}}:host(:is(${fo},${fo}:focus-visible)){border-radius:${zs}}:host(${lt}){background-color:${xs};color:${ee};border-color:transparent}:host(${lt}:hover){background-color:${mn}}:host(${lt}:is(:hover,:hover:active)){border-color:transparent;color:${ee}}:host(${lt}:hover:active){background-color:${$n}}:host(${lt}:focus-visible){border-color:${ee};box-shadow:${Ts},0 0 0 2px ${Ht}}:host(${W}){background-color:${wt}}:host(${W}:hover){background-color:${vs}}:host(${W}:hover:active){background-color:${ys}}:host(${z}){background-color:${Wc};color:${Lt};border-color:transparent}:host(${z}:hover){background-color:${yi};color:${gi};border-color:transparent}:host(${z}:hover:active){background-color:${qe};color:${bi};border-color:transparent}:host(${z}:hover) ::slotted(svg){fill:${fi}}:host(${z}:hover:active) ::slotted(svg){fill:${mi}}:host(${Z}){background-color:${wt};color:${Lt}}:host(${Z}:hover){background-color:${vs};color:${fi}}:host(${Z}:hover:active){background-color:${ys};color:${mi}}:host(:is(${Z},${Z}:is(:hover,:active))){border-color:transparent}`,Ai=g`
|
|
37
|
+
${Zn}
|
|
38
38
|
|
|
39
|
-
:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable])),:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]):hover),:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]):hover:active){background-color:${
|
|
40
|
-
:host{background-color:ButtonFace;color:ButtonText}:host(:is(:hover,:focus-visible)){border-color:Highlight !important}:host(${lt}:not(:is(:hover,:focus-visible))){background-color:Highlight;color:HighlightText;forced-color-adjust:none}:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable])){background-color:ButtonFace;color:GrayText;border-color:ButtonText}`)),
|
|
41
|
-
${
|
|
39
|
+
:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable])),:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]):hover),:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]):hover:active){background-color:${Ge};border-color:${Bt};color:${B};cursor:not-allowed}:host(${lt}:is(:disabled,[disabled-focusable])),:host(${lt}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){border-color:transparent}:host(${W}:is(:disabled,[disabled-focusable])),:host(${W}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){background-color:${wt}}:host(${z}:is(:disabled,[disabled-focusable])),:host(${z}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){background-color:${wt};border-color:transparent}:host(${Z}:is(:disabled,[disabled-focusable])),:host(${Z}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){border-color:transparent;background-color:${wt}}`.withBehaviors(Q(g`
|
|
40
|
+
:host{background-color:ButtonFace;color:ButtonText}:host(:is(:hover,:focus-visible)){border-color:Highlight !important}:host(${lt}:not(:is(:hover,:focus-visible))){background-color:Highlight;color:HighlightText;forced-color-adjust:none}:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable])){background-color:ButtonFace;color:GrayText;border-color:ButtonText}`)),qh=g`
|
|
41
|
+
${Zn}
|
|
42
42
|
|
|
43
|
-
::slotted(a){position:absolute;inset:0}`.withBehaviors(Q(
|
|
44
|
-
:host{border-color:LinkText;color:LinkText}`));function
|
|
45
|
-
${
|
|
46
|
-
${
|
|
43
|
+
::slotted(a){position:absolute;inset:0}`.withBehaviors(Q(g`
|
|
44
|
+
:host{border-color:LinkText;color:LinkText}`));function Gh(o={}){return m`<template tabindex="0" @click="${(t,e)=>t.clickHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}">${Kt(o)}<span class="content" part="content"><slot></slot></span>${ce(o)}</template>`}const Uh=Gh(),Wh=Je.compose({name:`${b.prefix}-anchor-button`,template:Uh,styles:qh});Wh.define(b.registry);const Xh=/[\(\[\{][^\)\]\}]*[\)\]\}]/g,Kh=/[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g,Yh=/^\d+[\d\s]*(:?ext|x|)\s*\d+$/i,Qh=/\s+/g,Zh=/[\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 Jh(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 tu(o){return o=o.replace(Xh,""),o=o.replace(Kh,""),o=o.replace(Qh," "),o=o.trim(),o}function eu(o,t,e){return!o||(o=tu(o),Zh.test(o)||!e?.allowPhoneInitials&&Yh.test(o))?"":Jh(o,t,e?.firstInitialOnly)}const Jn={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"},ta={neutral:"neutral",brand:"brand",colorful:"colorful",...Jn};var ou=Object.defineProperty,iu=Object.getOwnPropertyDescriptor,ge=(o,t,e,i)=>{for(var s=i>1?void 0:i?iu(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&&ou(t,e,s),s};class Ei extends w{constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="img"}}ge([a],Ei.prototype,"name",2),ge([a],Ei.prototype,"initials",2),ge([a],Ei.prototype,"active",2);const Te=class Ks extends Ei{handleChange(t,e){switch(e){case"color":case"colorId":this.generateColor();break}}generateInitials(){if(!this.name&&!this.initials)return;const t=this.size??32;return this.initials??eu(this.name,window.getComputedStyle(this).direction==="rtl",{firstInitialOnly:t<=16})}generateColor(){const t=this.color===ta.colorful,e=this.currentColor;l(this.elementInternals,`${e}`,!1),this.currentColor=t&&this.colorId?this.colorId:t?Ks.colors[ru(this.name??"")%Ks.colors.length]:this.color??ta.neutral,l(this.elementInternals,`${this.currentColor}`,!0)}connectedCallback(){super.connectedCallback(),$.getNotifier(this).subscribe(this),this.generateColor()}disconnectedCallback(){super.disconnectedCallback(),$.getNotifier(this).unsubscribe(this)}};Te.colors=Object.values(Jn),ge([a],Te.prototype,"shape",2),ge([a],Te.prototype,"appearance",2),ge([a({converter:it})],Te.prototype,"size",2),ge([a],Te.prototype,"color",2),ge([a({attribute:"color-id"})],Te.prototype,"colorId",2);let su=Te;const ru=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},be={fastOutSlowInMax:Fs,fastOutSlowInMid:Ze,fastOutSlowInMin:zh,slowOutFastInMax:Sh,slowOutFastInMid:Qe,slowOutFastInMin:Ih,fastEase:Th,normalEase:Bi,nullEasing:Os},nu=g`
|
|
45
|
+
${I("inline-flex")} :host{position:relative;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;font-family:${v};font-weight:${L};font-size:${N};border-radius:${gt};color:${ut};background-color:${vi};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:${gt}}::slotted([slot='badge']){position:absolute;bottom:0;right:0;box-shadow:0 0 0 ${H}) ${O}}:host([size='64']) ::slotted([slot='badge']),:host([size='72']) ::slotted([slot='badge']),:host([size='96']) ::slotted([slot='badge']),:host([size='120']) ::slotted([slot='badge']),:host([size='128']) ::slotted([slot='badge']){box-shadow:0 0 0 ${Pt}) ${O}}:host([size='16']),:host([size='20']),:host([size='24']){font-size:${Co};font-weight:${_}}:host([size='16']){width:16px;height:16px}:host([size='20']){width:20px;height:20px}:host([size='24']){width:24px;height:24px}:host([size='16']) .default-icon,:host([size='16']) ::slotted(svg){width:12px;height:12px;font-size:12px}:host([size='20']) .default-icon,:host([size='24']) .default-icon,:host([size='20']) ::slotted(svg),:host([size='24']) ::slotted(svg){width:16px;height:16px;font-size:16px}:host([size='28']){width:28px;height:28px;font-size:${q}}:host([size='36']){width:36px;height:36px}:host([size='40']){width:40px;height:40px}:host([size='48']),:host([size='56']){font-size:${ct}}:host([size='48']){width:48px;height:48px}:host([size='48']) .default-icon,:host([size='48']) ::slotted(svg){width:24px;height:24px;font-size:24px}:host([size='56']){width:56px;height:56px}:host([size='56']) .default-icon,:host([size='56']) ::slotted(svg){width:28px;height:28px;font-size:28px}:host([size='64']),:host([size='72']),:host([size='96']){font-size:${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:${xi}}:host([size='120']){width:120px;height:120px}:host([size='128']){width:128px;height:128px}:host([shape='square']){border-radius:${P}}:host([shape='square'][size='20']),:host([shape='square'][size='24']){border-radius:${Rt}}:host([shape='square'][size='56']),:host([shape='square'][size='64']),:host([shape='square'][size='72']){border-radius:${On}}:host([shape='square'][size='96']),:host([shape='square'][size='120']),:host([shape='square'][size='128']){border-radius:${_n}}:host(${Dt}){color:${gn};background-color:${vn}}:host(${Cl}){color:${Ad};background-color:${Pd}}:host(${kl}){color:${zd};background-color:${Id}}:host(${sc}){color:${od};background-color:${ed}}:host(${tc}){color:${rh};background-color:${sh}}:host(${Yl}){color:${Qd};background-color:${Yd}}:host(${jl}){color:${pd};background-color:${Fn}}:host(${El}){color:${Od};background-color:${Fd}}:host(${ml}){color:${kd};background-color:${yd}}:host(${$l}){color:${wd};background-color:${xd}}:host(${Al}){color:${Nd};background-color:${Ed}}:host(${cc}){color:${hh};background-color:${dh}}:host(${wl}){color:${Bd};background-color:${Td}}:host(${Ll}){color:${Hd};background-color:${Ld}}:host(${xc}){color:${bh};background-color:${gh}}:host(${yc}){color:${ph};background-color:${uh}}:host(${gl}){color:${vd};background-color:${$d}}:host(${lc}){color:${ch};background-color:${lh}}:host(${yl}){color:${Sd};background-color:${Cd}}:host(${Wl}){color:${Kd};background-color:${Xd}}:host(${Dl}){color:${Dd};background-color:${Vd}}:host(${ec}){color:${ah};background-color:${nh}}:host(${Nl}){color:${Md};background-color:${_d}}:host(${Hl}){color:${jd};background-color:${Rd}}:host(${Ql}){color:${Jd};background-color:${Zd}}:host(${Rl}){color:${Gd};background-color:${qd}}:host(${Jl}){color:${ih};background-color:${oh}}:host(${pl}){color:${md};background-color:${fd}}:host(${Gl}){color:${Wd};background-color:${Ud}}:host(${Zl}){color:${eh};background-color:${th}}:host(${hl}){color:${bd};background-color:${gd}}:host([active]){transform:perspective(1px);transition-property:transform,opacity;transition-duration:${Ti},${As};transition-delay:${be.fastEase},${be.nullEasing}}:host([active])::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:inherit;transition-property:margin,opacity;transition-duration:${Ti}),${Yn};transition-delay:${be.fastEase}),${be.nullEasing})}:host([active])::before{box-shadow:${vh};border-style:solid;border-color:${vn}}:host([active][appearance='shadow'])::before{border-style:none;border-color:none}:host([active]:not([appearance='shadow']))::before{margin:calc(-2 * ${Pt});border-width:${Pt}}:host([size='56'][active]:not([appearance='shadow']))::before,:host([size='64'][active]:not([appearance='shadow']))::before{margin:calc(-2 * ${rt});border-width:${rt}}: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 * ${Bs});border-width:${Bs}}:host([size='20'][active][appearance])::before,:host([size='24'][active][appearance])::before,:host([size='28'][active][appearance])::before{box-shadow:${Ii}}:host([size='56'][active][appearance])::before,:host([size='64'][active][appearance])::before{box-shadow:${Un}}: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:${yh}}:host([active][appearance='ring'])::before{box-shadow:none}:host([active='inactive']){opacity:0.8;transform:scale(0.875);transition-property:transform,opacity;transition-duration:${Ti},${As};transition-delay:${be.fastOutSlowInMin},${be.nullEasing}}:host([active='inactive'])::before{margin:0;opacity:0;transition-property:margin,opacity;transition-duration:${Ti},${Yn};transition-delay:${be.fastOutSlowInMin},${be.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}}`,au=m`<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 lu(){return m`<slot>${o=>o.name||o.initials?o.generateInitials():au}</slot><slot name="badge"></slot>`}const cu=lu(),du=su.compose({name:`${b.prefix}-avatar`,template:cu,styles:nu});du.define(b.registry);const hu={filled:"filled",ghost:"ghost",outline:"outline",tint:"tint"},uu={brand:"brand",danger:"danger",important:"important",informative:"informative",severe:"severe",subtle:"subtle",success:"success",warning:"warning"};var pu=Object.defineProperty,gu=Object.getOwnPropertyDescriptor,Ni=(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&&pu(t,e,s),s};class to extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.appearance=hu.filled,this.color=uu.brand}appearanceChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}colorChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}}Ni([a],to.prototype,"appearance",2),Ni([a],to.prototype,"color",2),Ni([a],to.prototype,"shape",2),Ni([a],to.prototype,"size",2),Yt(to,Xt);const ea=g.partial`
|
|
46
|
+
${I("inline-flex")} :host {
|
|
47
47
|
position: relative;
|
|
48
48
|
box-sizing: border-box;
|
|
49
49
|
align-items: center;
|
|
50
50
|
justify-content: center;
|
|
51
|
-
font-family: ${
|
|
51
|
+
font-family: ${v};
|
|
52
52
|
font-weight: ${L};
|
|
53
53
|
font-size: ${q};
|
|
54
|
-
line-height: ${
|
|
54
|
+
line-height: ${st};
|
|
55
55
|
min-width: 20px;
|
|
56
56
|
height: 20px;
|
|
57
|
-
padding-inline: calc(${
|
|
57
|
+
padding-inline: calc(${jt} + ${dt});
|
|
58
58
|
border-radius: ${gt};
|
|
59
59
|
border-color: ${pt};
|
|
60
|
-
background-color: ${
|
|
61
|
-
color: ${
|
|
60
|
+
background-color: ${xs};
|
|
61
|
+
color: ${ee};
|
|
62
62
|
contain: content;
|
|
63
63
|
}
|
|
64
64
|
|
|
@@ -66,7 +66,7 @@ const g=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
66
66
|
font-size: 12px;
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
:host(:not(${
|
|
69
|
+
:host(:not(${Jt}))::after {
|
|
70
70
|
position: absolute;
|
|
71
71
|
content: '';
|
|
72
72
|
top: 0;
|
|
@@ -78,8 +78,8 @@ const g=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
78
78
|
border-color: inherit;
|
|
79
79
|
border-radius: inherit;
|
|
80
80
|
}
|
|
81
|
-
`,
|
|
82
|
-
:host(${
|
|
81
|
+
`,oa=g.partial`
|
|
82
|
+
:host(${$o}) {
|
|
83
83
|
width: 6px;
|
|
84
84
|
height: 6px;
|
|
85
85
|
font-size: 4px;
|
|
@@ -87,10 +87,10 @@ const g=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
87
87
|
padding-inline: 0;
|
|
88
88
|
min-width: unset;
|
|
89
89
|
}
|
|
90
|
-
:host(${
|
|
90
|
+
:host(${$o}) ::slotted(svg) {
|
|
91
91
|
font-size: 6px;
|
|
92
92
|
}
|
|
93
|
-
:host(${
|
|
93
|
+
:host(${go}) {
|
|
94
94
|
width: 10px;
|
|
95
95
|
height: 10px;
|
|
96
96
|
font-size: 6px;
|
|
@@ -98,14 +98,14 @@ const g=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
98
98
|
padding-inline: 0;
|
|
99
99
|
min-width: unset;
|
|
100
100
|
}
|
|
101
|
-
:host(${
|
|
101
|
+
:host(${go}) ::slotted(svg) {
|
|
102
102
|
font-size: 10px;
|
|
103
103
|
}
|
|
104
104
|
:host(${T}) {
|
|
105
105
|
min-width: 16px;
|
|
106
106
|
height: 16px;
|
|
107
|
-
font-size: ${
|
|
108
|
-
line-height: ${
|
|
107
|
+
font-size: ${Co};
|
|
108
|
+
line-height: ${Ci};
|
|
109
109
|
padding-inline: calc(${dt} + ${dt});
|
|
110
110
|
}
|
|
111
111
|
:host(${T}) ::slotted(svg) {
|
|
@@ -115,41 +115,41 @@ const g=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
115
115
|
min-width: 24px;
|
|
116
116
|
height: 24px;
|
|
117
117
|
font-size: ${q};
|
|
118
|
-
line-height: ${
|
|
119
|
-
padding-inline: calc(${
|
|
118
|
+
line-height: ${st};
|
|
119
|
+
padding-inline: calc(${jt} + ${dt});
|
|
120
120
|
}
|
|
121
121
|
:host(${C}) ::slotted(svg) {
|
|
122
122
|
font-size: 16px;
|
|
123
123
|
}
|
|
124
|
-
:host(${
|
|
124
|
+
:host(${li}) {
|
|
125
125
|
min-width: 32px;
|
|
126
126
|
height: 32px;
|
|
127
127
|
font-size: ${q};
|
|
128
|
-
line-height: ${
|
|
128
|
+
line-height: ${st};
|
|
129
129
|
padding-inline: calc(${xt} + ${dt});
|
|
130
130
|
}
|
|
131
|
-
:host(${
|
|
131
|
+
:host(${li}) ::slotted(svg) {
|
|
132
132
|
font-size: 20px;
|
|
133
133
|
}
|
|
134
|
-
`,
|
|
135
|
-
:host(${
|
|
136
|
-
background-color: ${
|
|
137
|
-
color: ${
|
|
134
|
+
`,ia=g.partial`
|
|
135
|
+
:host(${ai}) {
|
|
136
|
+
background-color: ${Cn};
|
|
137
|
+
color: ${ee};
|
|
138
138
|
}
|
|
139
139
|
|
|
140
|
-
:host(${
|
|
140
|
+
:host(${ci}) {
|
|
141
141
|
background-color: ${A};
|
|
142
142
|
color: ${O};
|
|
143
143
|
}
|
|
144
144
|
|
|
145
|
-
:host(${
|
|
146
|
-
background-color: ${
|
|
145
|
+
:host(${di}) {
|
|
146
|
+
background-color: ${Uc};
|
|
147
147
|
color: ${ut};
|
|
148
148
|
}
|
|
149
149
|
|
|
150
|
-
:host(${
|
|
151
|
-
background-color: ${
|
|
152
|
-
color: ${
|
|
150
|
+
:host(${ui}) {
|
|
151
|
+
background-color: ${An};
|
|
152
|
+
color: ${ee};
|
|
153
153
|
}
|
|
154
154
|
|
|
155
155
|
:host(${z}) {
|
|
@@ -157,230 +157,230 @@ const g=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
157
157
|
color: ${A};
|
|
158
158
|
}
|
|
159
159
|
|
|
160
|
-
:host(${
|
|
161
|
-
background-color: ${
|
|
162
|
-
color: ${
|
|
160
|
+
:host(${Se}) {
|
|
161
|
+
background-color: ${Bn};
|
|
162
|
+
color: ${ee};
|
|
163
163
|
}
|
|
164
164
|
|
|
165
|
-
:host(${
|
|
166
|
-
background-color: ${
|
|
167
|
-
color: ${
|
|
165
|
+
:host(${ze}) {
|
|
166
|
+
background-color: ${dd};
|
|
167
|
+
color: ${qc};
|
|
168
168
|
}
|
|
169
|
-
`,
|
|
170
|
-
:host(${
|
|
171
|
-
color: ${
|
|
169
|
+
`,sa=g.partial`
|
|
170
|
+
:host(${Jt}) {
|
|
171
|
+
color: ${fs};
|
|
172
172
|
background-color: initial;
|
|
173
173
|
}
|
|
174
174
|
|
|
175
|
-
:host(${
|
|
176
|
-
color: ${
|
|
175
|
+
:host(${Jt}${ai}) {
|
|
176
|
+
color: ${zn};
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
:host(${
|
|
179
|
+
:host(${Jt}${ci}) {
|
|
180
180
|
color: ${A};
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
:host(${
|
|
183
|
+
:host(${Jt}${di}) {
|
|
184
184
|
color: ${ut};
|
|
185
185
|
}
|
|
186
186
|
|
|
187
|
-
:host(${
|
|
188
|
-
color: ${
|
|
187
|
+
:host(${Jt}${ui}) {
|
|
188
|
+
color: ${Nn};
|
|
189
189
|
}
|
|
190
190
|
|
|
191
|
-
:host(${
|
|
192
|
-
color: ${
|
|
191
|
+
:host(${Jt}${z}) {
|
|
192
|
+
color: ${je};
|
|
193
193
|
}
|
|
194
194
|
|
|
195
|
-
:host(${
|
|
196
|
-
color: ${
|
|
195
|
+
:host(${Jt}${Se}) {
|
|
196
|
+
color: ${ad};
|
|
197
197
|
}
|
|
198
198
|
|
|
199
|
-
:host(${
|
|
200
|
-
color: ${
|
|
199
|
+
:host(${Jt}${ze}) {
|
|
200
|
+
color: ${Is};
|
|
201
201
|
}
|
|
202
|
-
`,
|
|
202
|
+
`,bu=g.partial`
|
|
203
203
|
:host(${W}) {
|
|
204
204
|
border-color: currentColor;
|
|
205
|
-
color: ${
|
|
205
|
+
color: ${fs};
|
|
206
206
|
background-color: initial;
|
|
207
207
|
}
|
|
208
208
|
|
|
209
|
-
:host(${W}${
|
|
210
|
-
color: ${
|
|
209
|
+
:host(${W}${ai}) {
|
|
210
|
+
color: ${zn};
|
|
211
211
|
}
|
|
212
212
|
|
|
213
|
-
:host(${W}${
|
|
213
|
+
:host(${W}${ci}) {
|
|
214
214
|
color: ${ut};
|
|
215
|
-
border-color: ${
|
|
215
|
+
border-color: ${ue};
|
|
216
216
|
}
|
|
217
217
|
|
|
218
|
-
:host(${W}${
|
|
218
|
+
:host(${W}${di}) {
|
|
219
219
|
color: ${ut};
|
|
220
|
-
border-color: ${
|
|
220
|
+
border-color: ${xo};
|
|
221
221
|
}
|
|
222
222
|
|
|
223
|
-
:host(${W}${
|
|
224
|
-
color: ${
|
|
223
|
+
:host(${W}${ui}) {
|
|
224
|
+
color: ${Nn};
|
|
225
225
|
}
|
|
226
226
|
|
|
227
227
|
:host(${W}${z}) {
|
|
228
|
-
color: ${
|
|
228
|
+
color: ${gn};
|
|
229
229
|
}
|
|
230
230
|
|
|
231
|
-
:host(${W}${
|
|
232
|
-
color: ${
|
|
231
|
+
:host(${W}${Se}) {
|
|
232
|
+
color: ${nd};
|
|
233
233
|
}
|
|
234
234
|
|
|
235
|
-
:host(${W}${
|
|
236
|
-
color: ${
|
|
235
|
+
:host(${W}${ze}) {
|
|
236
|
+
color: ${Is};
|
|
237
237
|
}
|
|
238
|
-
`,
|
|
239
|
-
:host(${
|
|
240
|
-
background-color: ${
|
|
241
|
-
color: ${
|
|
242
|
-
border-color: ${
|
|
238
|
+
`,fu=g.partial`
|
|
239
|
+
:host(${he}) {
|
|
240
|
+
background-color: ${Qc};
|
|
241
|
+
color: ${jc};
|
|
242
|
+
border-color: ${ws};
|
|
243
243
|
}
|
|
244
244
|
|
|
245
|
-
:host(${
|
|
246
|
-
background-color: ${
|
|
247
|
-
color: ${
|
|
248
|
-
border-color: ${
|
|
245
|
+
:host(${he}${ai}) {
|
|
246
|
+
background-color: ${wn};
|
|
247
|
+
color: ${In};
|
|
248
|
+
border-color: ${Sn};
|
|
249
249
|
}
|
|
250
250
|
|
|
251
|
-
:host(${
|
|
251
|
+
:host(${he}${ci}) {
|
|
252
252
|
background-color: ${ut};
|
|
253
253
|
color: ${O};
|
|
254
254
|
border-color: ${pt};
|
|
255
255
|
}
|
|
256
256
|
|
|
257
|
-
:host(${
|
|
258
|
-
background-color: ${
|
|
257
|
+
:host(${he}${di}) {
|
|
258
|
+
background-color: ${Gc};
|
|
259
259
|
color: ${ut};
|
|
260
|
-
border-color: ${
|
|
260
|
+
border-color: ${xo};
|
|
261
261
|
}
|
|
262
262
|
|
|
263
|
-
:host(${
|
|
264
|
-
background-color: ${
|
|
265
|
-
color: ${
|
|
266
|
-
border-color: ${
|
|
263
|
+
:host(${he}${ui}) {
|
|
264
|
+
background-color: ${Pn};
|
|
265
|
+
color: ${ld};
|
|
266
|
+
border-color: ${En};
|
|
267
267
|
}
|
|
268
268
|
|
|
269
|
-
:host(${
|
|
269
|
+
:host(${he}${z}) {
|
|
270
270
|
background-color: ${O};
|
|
271
271
|
color: ${ut};
|
|
272
|
-
border-color: ${
|
|
272
|
+
border-color: ${xo};
|
|
273
273
|
}
|
|
274
274
|
|
|
275
|
-
:host(${
|
|
276
|
-
background-color: ${
|
|
277
|
-
color: ${
|
|
278
|
-
border-color: ${
|
|
275
|
+
:host(${he}${Se}) {
|
|
276
|
+
background-color: ${Tn};
|
|
277
|
+
color: ${rd};
|
|
278
|
+
border-color: ${sd};
|
|
279
279
|
}
|
|
280
280
|
|
|
281
|
-
:host(${
|
|
282
|
-
background-color: ${
|
|
283
|
-
color: ${
|
|
284
|
-
border-color: ${
|
|
281
|
+
:host(${he}${ze}) {
|
|
282
|
+
background-color: ${cd};
|
|
283
|
+
color: ${Is};
|
|
284
|
+
border-color: ${hd};
|
|
285
285
|
}
|
|
286
|
-
`;
|
|
287
|
-
font-family: ${
|
|
288
|
-
font-size: ${
|
|
286
|
+
`;g.partial`
|
|
287
|
+
font-family: ${v};
|
|
288
|
+
font-size: ${N};
|
|
289
289
|
line-height: ${D};
|
|
290
|
-
font-weight: ${
|
|
291
|
-
`,
|
|
292
|
-
font-family: ${
|
|
293
|
-
font-size: ${
|
|
290
|
+
font-weight: ${_};
|
|
291
|
+
`,g.partial`
|
|
292
|
+
font-family: ${v};
|
|
293
|
+
font-size: ${N};
|
|
294
294
|
line-height: ${D};
|
|
295
295
|
font-weight: ${L};
|
|
296
|
-
`,
|
|
297
|
-
font-family: ${
|
|
298
|
-
font-size: ${
|
|
296
|
+
`,g.partial`
|
|
297
|
+
font-family: ${v};
|
|
298
|
+
font-size: ${N};
|
|
299
299
|
line-height: ${D};
|
|
300
|
-
font-weight: ${
|
|
301
|
-
`,
|
|
302
|
-
font-family: ${
|
|
300
|
+
font-weight: ${wi};
|
|
301
|
+
`,g.partial`
|
|
302
|
+
font-family: ${v};
|
|
303
303
|
font-size: ${ct};
|
|
304
304
|
line-height: ${kt};
|
|
305
|
-
font-weight: ${
|
|
306
|
-
`,
|
|
307
|
-
font-family: ${
|
|
305
|
+
font-weight: ${_};
|
|
306
|
+
`,g.partial`
|
|
307
|
+
font-family: ${v};
|
|
308
308
|
font-size: ${q};
|
|
309
|
-
line-height: ${
|
|
310
|
-
font-weight: ${
|
|
311
|
-
`,
|
|
312
|
-
font-family: ${
|
|
309
|
+
line-height: ${st};
|
|
310
|
+
font-weight: ${_};
|
|
311
|
+
`,g.partial`
|
|
312
|
+
font-family: ${v};
|
|
313
313
|
font-size: ${q};
|
|
314
|
-
line-height: ${
|
|
314
|
+
line-height: ${st};
|
|
315
315
|
font-weight: ${L};
|
|
316
|
-
`,
|
|
317
|
-
font-family: ${
|
|
316
|
+
`,g.partial`
|
|
317
|
+
font-family: ${v};
|
|
318
318
|
font-size: ${q};
|
|
319
|
-
line-height: ${
|
|
320
|
-
font-weight: ${
|
|
321
|
-
`,
|
|
322
|
-
font-family: ${
|
|
323
|
-
font-size: ${
|
|
324
|
-
line-height: ${
|
|
325
|
-
font-weight: ${
|
|
326
|
-
`,
|
|
327
|
-
font-family: ${
|
|
328
|
-
font-size: ${
|
|
329
|
-
line-height: ${
|
|
319
|
+
line-height: ${st};
|
|
320
|
+
font-weight: ${wi};
|
|
321
|
+
`,g.partial`
|
|
322
|
+
font-family: ${v};
|
|
323
|
+
font-size: ${Co};
|
|
324
|
+
line-height: ${Ci};
|
|
325
|
+
font-weight: ${_};
|
|
326
|
+
`,g.partial`
|
|
327
|
+
font-family: ${v};
|
|
328
|
+
font-size: ${Co};
|
|
329
|
+
line-height: ${Ci};
|
|
330
330
|
font-weight: ${L};
|
|
331
|
-
`;const
|
|
332
|
-
font-family: ${
|
|
333
|
-
font-size: ${
|
|
334
|
-
line-height: ${
|
|
331
|
+
`;const mu=g.partial`
|
|
332
|
+
font-family: ${v};
|
|
333
|
+
font-size: ${Ke};
|
|
334
|
+
line-height: ${Si};
|
|
335
335
|
font-weight: ${L};
|
|
336
|
-
`;
|
|
337
|
-
font-family: ${
|
|
336
|
+
`;g.partial`
|
|
337
|
+
font-family: ${v};
|
|
338
338
|
font-size: ${ct};
|
|
339
339
|
line-height: ${kt};
|
|
340
340
|
font-weight: ${L};
|
|
341
|
-
`,
|
|
342
|
-
font-family: ${
|
|
341
|
+
`,g.partial`
|
|
342
|
+
font-family: ${v};
|
|
343
343
|
font-size: ${ct};
|
|
344
344
|
line-height: ${kt};
|
|
345
|
-
font-weight: ${
|
|
346
|
-
`,
|
|
347
|
-
font-family: ${
|
|
348
|
-
font-size: ${
|
|
349
|
-
line-height: ${
|
|
345
|
+
font-weight: ${wi};
|
|
346
|
+
`,g.partial`
|
|
347
|
+
font-family: ${v};
|
|
348
|
+
font-size: ${Vn};
|
|
349
|
+
line-height: ${jn};
|
|
350
350
|
font-weight: ${L};
|
|
351
|
-
`,
|
|
352
|
-
font-family: ${
|
|
353
|
-
font-size: ${
|
|
354
|
-
line-height: ${
|
|
351
|
+
`,g.partial`
|
|
352
|
+
font-family: ${v};
|
|
353
|
+
font-size: ${Mn};
|
|
354
|
+
line-height: ${Rn};
|
|
355
355
|
font-weight: ${L};
|
|
356
|
-
`,
|
|
357
|
-
font-family: ${
|
|
358
|
-
font-size: ${
|
|
359
|
-
line-height: ${
|
|
356
|
+
`,g.partial`
|
|
357
|
+
font-family: ${v};
|
|
358
|
+
font-size: ${xi};
|
|
359
|
+
line-height: ${Hn};
|
|
360
360
|
font-weight: ${L};
|
|
361
|
-
`,
|
|
362
|
-
font-family: ${
|
|
363
|
-
font-size: ${
|
|
364
|
-
line-height: ${
|
|
361
|
+
`,g.partial`
|
|
362
|
+
font-family: ${v};
|
|
363
|
+
font-size: ${Dn};
|
|
364
|
+
line-height: ${qn};
|
|
365
365
|
font-weight: ${L};
|
|
366
|
-
`,
|
|
367
|
-
font-family: ${
|
|
368
|
-
font-size: ${
|
|
369
|
-
line-height: ${
|
|
366
|
+
`,g.partial`
|
|
367
|
+
font-family: ${v};
|
|
368
|
+
font-size: ${Ln};
|
|
369
|
+
line-height: ${Gn};
|
|
370
370
|
font-weight: ${L};
|
|
371
|
-
`;const
|
|
372
|
-
:host(${
|
|
373
|
-
${
|
|
374
|
-
${
|
|
375
|
-
${
|
|
376
|
-
${
|
|
377
|
-
${
|
|
378
|
-
`.withBehaviors(Q(
|
|
379
|
-
:host,:host([appearance='outline']),:host([appearance='tint']){border-color:CanvasText}`));function
|
|
380
|
-
${
|
|
381
|
-
|
|
382
|
-
:host{--size:16px;background-color:${O};border-radius:${
|
|
383
|
-
:host{border-color:FieldText}:host(:not([slot='input']:focus-visible))::after{border-color:Canvas}:host(:not([disabled]):hover),:host(${
|
|
371
|
+
`;const $u=g`
|
|
372
|
+
:host(${fo}){border-radius:${zs}}:host(${te}){border-radius:${P}}:host(${te}${$o}),:host(${te}${go}),:host(${te}${T}){border-radius:${Rt}}${oa}
|
|
373
|
+
${ia}
|
|
374
|
+
${sa}
|
|
375
|
+
${bu}
|
|
376
|
+
${fu}
|
|
377
|
+
${ea}
|
|
378
|
+
`.withBehaviors(Q(g`
|
|
379
|
+
:host,:host([appearance='outline']),:host([appearance='tint']){border-color:CanvasText}`));function ra(o={}){return m` ${Kt(o)}<slot>${yt(o.defaultContent)}</slot>${ce(o)} `}const vu=ra(),yu=to.compose({name:`${b.prefix}-badge`,template:vu,styles:$u});yu.define(b.registry);var ku=Object.defineProperty,xu=Object.getOwnPropertyDescriptor,X=(o,t,e,i)=>{for(var s=i>1?void 0:i?xu(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&&ku(t,e,s),s};class at extends w{constructor(){super(),this.disabledFocusable=!1,this.tabIndex=0,this.elementInternals=this.attachInternals(),this.elementInternals.role="button"}disabledFocusableChanged(t,e){this.$fastController.isConnected&&(this.elementInternals.ariaDisabled=`${!!e}`)}get form(){return this.elementInternals.form}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}typeChanged(t,e){e!==Pi.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===ri||t.key===ls){this.click();return}return!0}press(){switch(this.type){case Pi.reset:{this.resetForm();break}case Pi.submit:{this.submitForm();break}}}resetForm(){this.elementInternals.form?.reset()}submitForm(){if(!(!this.elementInternals.form||this.disabled||this.type!==Pi.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)}}}}at.formAssociated=!0,X([a({mode:"boolean"})],at.prototype,"autofocus",2),X([y],at.prototype,"defaultSlottedContent",2),X([a({mode:"boolean"})],at.prototype,"disabled",2),X([a({attribute:"disabled-focusable",mode:"boolean"})],at.prototype,"disabledFocusable",2),X([a({attribute:"tabindex",mode:"fromView",converter:it})],at.prototype,"tabIndex",2),X([a({attribute:"formaction"})],at.prototype,"formAction",2),X([a({attribute:"form"})],at.prototype,"formAttribute",2),X([a({attribute:"formenctype"})],at.prototype,"formEnctype",2),X([a({attribute:"formmethod"})],at.prototype,"formMethod",2),X([a({attribute:"formnovalidate",mode:"boolean"})],at.prototype,"formNoValidate",2),X([a({attribute:"formtarget"})],at.prototype,"formTarget",2),X([a],at.prototype,"name",2),X([a],at.prototype,"type",2),X([a],at.prototype,"value",2);class se extends at{constructor(){super(...arguments),this.iconOnly=!1}appearanceChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}iconOnlyChanged(t,e){l(this.elementInternals,"icon",e)}}X([a],se.prototype,"appearance",2),X([a],se.prototype,"shape",2),X([a],se.prototype,"size",2),X([a({attribute:"icon-only",mode:"boolean"})],se.prototype,"iconOnly",2),Yt(se,Xt);function Vs(o={}){return m`<template tabindex="${t=>t.disabled?null:t.tabIndex??0}" @click="${(t,e)=>t.clickHandler(e.event)}" @keypress="${(t,e)=>t.keypressHandler(e.event)}">${Kt(o)}<span class="content" part="content"><slot ${ot("defaultSlottedContent")}></slot></span>${ce(o)}</template>`}const wu=Vs(),Cu=se.compose({name:`${b.prefix}-button`,template:wu,styles:Ai});Cu.define(b.registry);var Su=Object.defineProperty,Iu=Object.getOwnPropertyDescriptor,At=(o,t,e,i)=>{for(var s=i>1?void 0:i?Iu(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&&Su(t,e,s),s};class St extends w{constructor(){super(...arguments),this.initialValue="on",this.dirtyChecked=!1,this.elementInternals=this.attachInternals(),this._validationFallbackMessage="",this._value=this.initialValue}get checked(){return $.track(this,"checked"),!!this._checked}set checked(t){this._checked=t,this.setFormValue(t?this.value:null),this.setValidity(),this.setAriaChecked(),l(this.elementInternals,"checked",t),$.notify(this,"checked")}disabledChanged(t,e){this.elementInternals.ariaDisabled=this.disabled?"true":"false",l(this.elementInternals,"disabled",this.disabled)}disabledAttributeChanged(t,e){this.disabled=!!e}initialCheckedChanged(t,e){this.dirtyChecked||(this.checked=!!e)}initialValueChanged(t,e){this._value=e}requiredChanged(t,e){this.$fastController.isConnected&&(this.setValidity(),this.elementInternals.ariaRequired=this.required?"true":"false")}get form(){return this.elementInternals.form}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}get validationMessage(){if(this.elementInternals.validationMessage)return this.elementInternals.validationMessage;if(!this._validationFallbackMessage){const t=document.createElement("input");t.type="checkbox",t.required=!0,t.checked=!1,this._validationFallbackMessage=t.validationMessage}return this._validationFallbackMessage}get validity(){return this.elementInternals.validity}get value(){return $.track(this,"value"),this._value}set value(t){this._value=t,this.$fastController.isConnected&&(this.setFormValue(t),this.setValidity(),$.notify(this,"value"))}get willValidate(){return this.elementInternals.willValidate}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(t){if(this.disabled)return;this.dirtyChecked=!0;const e=this.checked;return this.toggleChecked(),e!==this.checked&&(this.$emit("change"),this.$emit("input")),!0}connectedCallback(){super.connectedCallback(),this.setAriaChecked(),this.setValidity()}inputHandler(t){return this.setFormValue(this.value),this.setValidity(),!0}keydownHandler(t){if(t.key!==" ")return!0}keyupHandler(t){if(t.key!==" ")return!0;this.click()}formResetCallback(){this.checked=this.initialChecked??!1,this.dirtyChecked=!1,this.setValidity()}reportValidity(){return this.elementInternals.reportValidity()}setAriaChecked(t=this.checked){this.elementInternals.ariaChecked=t?"true":"false"}setFormValue(t,e){this.elementInternals.setFormValue(t,t??e)}setCustomValidity(t){this.elementInternals.setValidity({customError:!0},t),this.setValidity()}setValidity(t,e,i){if(this.$fastController.isConnected){if(this.disabled||!this.required){this.elementInternals.setValidity({});return}this.elementInternals.setValidity({valueMissing:!!this.required&&!this.checked,...t},e??this.validationMessage,i)}}toggleChecked(t=!this.checked){this.checked=t}}St.formAssociated=!0,At([a({mode:"boolean"})],St.prototype,"autofocus",2),At([y],St.prototype,"disabled",2),At([a({attribute:"disabled",mode:"boolean"})],St.prototype,"disabledAttribute",2),At([a({attribute:"form"})],St.prototype,"formAttribute",2),At([a({attribute:"checked",mode:"boolean"})],St.prototype,"initialChecked",2),At([a({attribute:"value",mode:"fromView"})],St.prototype,"initialValue",2),At([a],St.prototype,"name",2),At([a({mode:"boolean"})],St.prototype,"required",2);class Fi extends St{indeterminateChanged(t,e){this.setAriaChecked(),l(this.elementInternals,"indeterminate",e)}shapeChanged(t,e){t&&l(this.elementInternals,t,!1),e&&l(this.elementInternals,e,!0)}sizeChanged(t,e){t&&l(this.elementInternals,t,!1),e&&l(this.elementInternals,e,!0)}constructor(){super(),this.elementInternals.role="checkbox"}setAriaChecked(t=this.checked){if(this.indeterminate){this.elementInternals.ariaChecked="mixed";return}super.setAriaChecked(t)}toggleChecked(t=!this.checked){this.indeterminate=!1,super.toggleChecked(t)}}At([y],Fi.prototype,"indeterminate",2),At([a],Fi.prototype,"shape",2),At([a],Fi.prototype,"size",2);const zu=g`
|
|
380
|
+
${I("inline-flex")}
|
|
381
|
+
|
|
382
|
+
:host{--size:16px;background-color:${O};border-radius:${Rt};border:${H} solid ${ue};box-sizing:border-box;cursor:pointer;position:relative;width:var(--size)}:host,.indeterminate-indicator,.checked-indicator{aspect-ratio:1}:host(:hover){border-color:${We}}:host(:active){border-color:${Xe}}:host(${k}:hover){background-color:${vo};border-color:${td}}:host(${k}:active){background-color:${yo};border-color:${kn}}:host(:focus-visible){outline:none}:host(:not([slot='input']))::after{content:'';position:absolute;inset:-8px;box-sizing:border-box;outline:none;border:${Pt} solid ${pt};border-radius:${P}}:host(:not([slot='input']):focus-visible)::after{border-color:${Ht}}.indeterminate-indicator,.checked-indicator{color:${je};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(${k})) *:is(::slotted([slot='checked-indicator']),.checked-indicator){display:none}:host(${k}),:host(${Ce}){border-color:${wo}}:host(${k}),:host(${Ce}) .indeterminate-indicator{background-color:${Ue}}:host(${Ce}) .indeterminate-indicator{border-radius:${Rt};position:absolute;width:calc(var(--size) / 2);inset:0}:host(${C}){--size:20px}:host(${C}) ::slotted([slot='checked-indicator']),:host(${C}) .checked-indicator{width:16px}:host(${po}),:host(${po}) .indeterminate-indicator{border-radius:${gt}}:host([disabled]),:host([disabled]${k}){background-color:${Ge};border-color:${Bt}}:host([disabled]){cursor:unset}:host([disabled]${Ce}) .indeterminate-indicator{background-color:${Bt}}:host([disabled]${k}) .checked-indicator{color:${Bt}}`.withBehaviors(Q(g`
|
|
383
|
+
:host{border-color:FieldText}:host(:not([slot='input']:focus-visible))::after{border-color:Canvas}:host(:not([disabled]):hover),:host(${k}:not([disabled]):hover),:host(:not([slot='input']):focus-visible)::after{border-color:Highlight}.indeterminate-indicator,.checked-indicator{color:HighlightText}:host(${k}),:host(${Ce}) .indeterminate-indicator{background-color:FieldText}:host(${k}:not([disabled]):hover),:host(${Ce}:not([disabled]):hover) .indeterminate-indicator{background-color:Highlight}:host([disabled]){border-color:GrayText}:host([disabled]${Ce}) .indeterminate-indicator{background-color:GrayText}:host([disabled]),:host([disabled]${k}) .checked-indicator{color:GrayText}`)),Tu=m.partial(`
|
|
384
384
|
<svg
|
|
385
385
|
fill="currentColor"
|
|
386
386
|
aria-hidden="true"
|
|
@@ -391,21 +391,21 @@ const g=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
391
391
|
xmlns="http://www.w3.org/2000/svg">
|
|
392
392
|
<path d="M9.76 3.2c.3.29.32.76.04 1.06l-4.25 4.5a.75.75 0 0 1-1.08.02L2.22 6.53a.75.75 0 0 1 1.06-1.06l1.7 1.7L8.7 3.24a.75.75 0 0 1 1.06-.04Z" fill="currentColor"></path>
|
|
393
393
|
</svg>
|
|
394
|
-
`),
|
|
394
|
+
`),Bu=m.partial(`
|
|
395
395
|
<span class="indeterminate-indicator"></span>
|
|
396
|
-
`);function
|
|
397
|
-
${
|
|
398
|
-
|
|
399
|
-
:host,:host(:is([size])){gap:12px;height:auto;padding-top:14px;padding-inline:12px;padding-bottom:16px;font-size:${
|
|
400
|
-
::slotted([slot='description']){color:${B}}:host(${T}){padding:8px;padding-bottom:10px}:host(${de}){min-width:52px;max-width:52px;padding:${xt}}:host(${de}${T}){min-width:48px;max-width:48px;padding:${
|
|
401
|
-
:host(${
|
|
402
|
-
${
|
|
403
|
-
${
|
|
404
|
-
${
|
|
405
|
-
|
|
406
|
-
:host(${
|
|
407
|
-
@layer base{:host{--dialog-backdrop:${
|
|
408
|
-
@layer base{dialog{border:${H} solid ${pt}}}`)),
|
|
396
|
+
`);function Pu(o={}){return m`<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">${yt(o.checkedIndicator)}</slot><slot name="indeterminate-indicator">${yt(o.indeterminateIndicator)}</slot></template>`}const Au=Pu({checkedIndicator:Tu,indeterminateIndicator:Bu}),Eu=Fi.compose({name:`${b.prefix}-checkbox`,template:Au,styles:zu});Eu.define(b.registry);class Nu extends se{}const Fu=g`
|
|
397
|
+
${Ai}
|
|
398
|
+
|
|
399
|
+
:host,:host(:is([size])){gap:12px;height:auto;padding-top:14px;padding-inline:12px;padding-bottom:16px;font-size:${N};line-height:${D}}.content{display:flex;flex-direction:column;text-align:start}::slotted([slot='description']){color:${Lt};line-height:100%;font-size:${q};font-weight:${_}}::slotted(svg),:host(${C}) ::slotted(svg){font-size:40px;height:40px;width:40px}:host(:hover) ::slotted([slot='description']){color:${gi}}:host(:active) ::slotted([slot='description']){color:${bi}}:host(:is(${lt},${lt}:hover,${lt}:active)) ::slotted([slot='description']){color:${ee}}:host(:is(${z},${z}:hover,${z}:active)) ::slotted([slot='description']),:host(${Z}) ::slotted([slot='description']){color:${Lt}}:host(${Z}:hover) ::slotted([slot='description']){color:${fi}}:host(${Z}:active) ::slotted([slot='description']){color:${mi}}:host(:is(:disabled,:disabled[appearance],[disabled-focusable],[disabled-focusable][appearance]))
|
|
400
|
+
::slotted([slot='description']){color:${B}}:host(${T}){padding:8px;padding-bottom:10px}:host(${de}){min-width:52px;max-width:52px;padding:${xt}}:host(${de}${T}){min-width:48px;max-width:48px;padding:${jt}}:host(${de}${C}){min-width:56px;max-width:56px;padding:${ie}}:host(${C}){padding-top:18px;padding-inline:16px;padding-bottom:20px;font-size:${ct};line-height:${kt}}:host(${C}) ::slotted([slot='description']){font-size:${N}}`;function Ou(o={}){return m`<template ?disabled="${t=>t.disabled}" tabindex="${t=>t.disabled?null:t.tabIndex??0}">${Kt(o)}<span class="content" part="content"><slot ${ot("defaultSlottedContent")}></slot><slot name="description"></slot></span>${ce(o)}</template>`}const _u=Ou(),Mu=Nu.compose({name:`${b.prefix}-compound-button`,template:_u,styles:Fu});Mu.define(b.registry);var Vu=Object.defineProperty,Du=Object.getOwnPropertyDescriptor,fe=(o,t,e,i)=>{for(var s=i>1?void 0:i?Du(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&&Vu(t,e,s),s};class Gt extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.count=0,this.overflowCount=99,this.showZero=!1,this.dot=!1}appearanceChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}colorChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}countChanged(){this.setCount()}overflowCountChanged(){this.setCount()}dotChanged(t,e){l(this.elementInternals,"dot",!!e)}setCount(){const t=this.count??0;if((t!==0||this.showZero)&&!this.dot)return t>this.overflowCount?`${this.overflowCount}+`:`${t}`}}fe([a],Gt.prototype,"appearance",2),fe([a],Gt.prototype,"color",2),fe([a],Gt.prototype,"shape",2),fe([a],Gt.prototype,"size",2),fe([a({converter:it})],Gt.prototype,"count",2),fe([a({attribute:"overflow-count",converter:it})],Gt.prototype,"overflowCount",2),fe([a({attribute:"show-zero",mode:"boolean"})],Gt.prototype,"showZero",2),fe([a({mode:"boolean"})],Gt.prototype,"dot",2),Yt(Gt,Xt);const Lu=g`
|
|
401
|
+
:host(${te}){border-radius:${P}}:host(${te}${$o}),:host(${te}${go}),:host(${te}${T}){border-radius:${Rt}}${oa}
|
|
402
|
+
${ia}
|
|
403
|
+
${sa}
|
|
404
|
+
${ea}
|
|
405
|
+
|
|
406
|
+
:host(${nn}),:host(${nn}[appearance][size]){min-width:auto;width:6px;height:6px;padding:0}`;function Hu(o={}){return ra({defaultContent:m`${t=>t.setCount()}`})}const Ru=Hu(),ju=Gt.compose({name:`${b.prefix}-counter-badge`,template:Ru,styles:Lu});ju.define(b.registry);const Ut={modal:"modal",nonModal:"non-modal",alert:"alert"};var qu=Object.defineProperty,Gu=Object.getOwnPropertyDescriptor,Oi=(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&&qu(t,e,s),s};class zo extends w{constructor(){super(...arguments),this.type=Ut.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(){_t.enqueue(()=>{this.emitBeforeToggle(),this.type===Ut.alert||this.type===Ut.modal?this.dialog.showModal():this.type===Ut.nonModal&&this.dialog.show(),this.emitToggle()})}hide(){this.emitBeforeToggle(),this.dialog.close(),this.emitToggle()}clickHandler(t){return t.preventDefault(),this.dialog.open&&this.type!==Ut.alert&&t.target===this.dialog&&this.hide(),!0}}Oi([y],zo.prototype,"dialog",2),Oi([a({attribute:"aria-describedby"})],zo.prototype,"ariaDescribedby",2),Oi([a({attribute:"aria-labelledby"})],zo.prototype,"ariaLabelledby",2),Oi([a],zo.prototype,"type",2);const Uu=m`<dialog role="${o=>o.type===Ut.alert?"alertdialog":"dialog"}" type="${o=>o.type}" class="dialog" part="dialog" aria-modal="${o=>o.type===Ut.modal||o.type===Ut.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===Ut.alert?t.event.preventDefault():o.hide()}" ${$t("dialog")}><slot></slot></dialog>`,Wu=g`
|
|
407
|
+
@layer base{:host{--dialog-backdrop:${ks};--dialog-starting-scale:0.85}::backdrop{background:var(--dialog-backdrop,rgba(0,0,0,0.4))}dialog{background:${O};border-radius:${_n};border:none;box-shadow:${Wn};color:${A};max-height:calc(-48px + 100vh);padding:0;width:100%;max-width:600px}:host([type='non-modal']) dialog{inset:0;position:fixed;z-index:2;overflow:auto}}@layer animations{@media (prefers-reduced-motion:no-preference){dialog,::backdrop{transition:display allow-discrete,opacity,overlay allow-discrete,scale;transition-duration:${Ns};transition-timing-function:${Ze};opacity:0}::backdrop{transition-timing-function:${Os}}[open],[open]::backdrop{opacity:1}dialog:not([open]){scale:var(--dialog-starting-scale);transition-timing-function:${Qe}}}@starting-style{[open],[open]::backdrop{opacity:0}dialog{scale:var(--dialog-starting-scale)}}}`.withBehaviors(Q(g`
|
|
408
|
+
@layer base{dialog{border:${H} solid ${pt}}}`)),Xu=zo.compose({name:`${b.prefix}-dialog`,template:Uu,styles:Wu});Xu.define(b.registry);var Ku=Object.defineProperty,Yu=Object.getOwnPropertyDescriptor,Qu=(o,t,e,i)=>{for(var s=i>1?void 0:i?Yu(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&&Ku(t,e,s),s};class na extends w{constructor(){super(...arguments),this.noTitleAction=!1}}Qu([a({mode:"boolean",attribute:"no-title-action"})],na.prototype,"noTitleAction",2);const Zu=m.partial(`
|
|
409
409
|
<svg
|
|
410
410
|
fill="currentColor"
|
|
411
411
|
aria-hidden="true"
|
|
@@ -418,109 +418,109 @@ const g=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
418
418
|
d="m4.09 4.22.06-.07a.5.5 0 0 1 .63-.06l.07.06L10 9.29l5.15-5.14a.5.5 0 0 1 .63-.06l.07.06c.18.17.2.44.06.63l-.06.07L10.71 10l5.14 5.15c.18.17.2.44.06.63l-.06.07a.5.5 0 0 1-.63.06l-.07-.06L10 10.71l-5.15 5.14a.5.5 0 0 1-.63.06l-.07-.06a.5.5 0 0 1-.06-.63l.06-.07L9.29 10 4.15 4.85a.5.5 0 0 1-.06-.63l.06-.07-.06.07Z"
|
|
419
419
|
fill="currentColor"
|
|
420
420
|
></path>
|
|
421
|
-
</svg>`),
|
|
422
|
-
${
|
|
421
|
+
</svg>`),Ju=m`<div class="title" part="title"><slot name="title"></slot><slot name="title-action"><fluent-button ?hidden=${o=>o.noTitleAction||o.parentNode?.type===Ut.alert} tabindex="0" part="title-action" class="title-action" appearance="transparent" icon-only @click=${o=>o.parentNode?.hide()} ${$t("defaultTitleAction")}>${Zu}</fluent-button></slot></div><div class="content" part="content"><slot></slot></div><div class="actions" part="actions"><slot name="action"></slot></div>`,tp=g`
|
|
422
|
+
${I("grid")}
|
|
423
423
|
|
|
424
|
-
:host{background:${O};box-sizing:border-box;gap:${nt};padding:${
|
|
425
|
-
${
|
|
424
|
+
:host{background:${O};box-sizing:border-box;gap:${nt};padding:${Io} ${wh};container:dialog-body / inline-size}.title{box-sizing:border-box;align-items:flex-start;background:${O};color:${A};column-gap:8px;display:flex;font-family:${v};font-size:${Ke};font-weight:${L};inset-block-start:0;justify-content:space-between;line-height:${Si};margin-block-end:calc(${nt} * -1);margin-block-start:calc(${Io} * -1);padding-block-end:${nt};padding-block-start:${Io};position:sticky;z-index:1}.content{box-sizing:border-box;color:${A};font-family:${v};font-size:${N};font-weight:${_};line-height:${D};min-height:32px}.actions{box-sizing:border-box;background:${O};display:flex;flex-direction:column;gap:${nt};inset-block-end:0;margin-block-end:calc(${Io} * -1);padding-block-end:${Io};padding-block-start:${zi};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(${nt} * -1);padding-block-start:${nt}}}`,ep=na.compose({name:`${b.prefix}-dialog-body`,template:Ju,styles:tp});ep.define(b.registry);const To={separator:"separator",presentation:"presentation"},op=vt;var ip=Object.defineProperty,sp=Object.getOwnPropertyDescriptor,Bo=(o,t,e,i)=>{for(var s=i>1?void 0:i?sp(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 Ds extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.elementInternals.role=this.role??To.separator,this.role!==To.presentation&&(this.elementInternals.ariaOrientation=this.orientation??op.horizontal)}roleChanged(t,e){this.$fastController.isConnected&&(this.elementInternals.role=`${e??To.separator}`),e===To.presentation&&(this.elementInternals.ariaOrientation=null)}orientationChanged(t,e){this.elementInternals.ariaOrientation=this.role!==To.presentation?e:null,t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}}Bo([a],Ds.prototype,"role",2),Bo([a],Ds.prototype,"orientation",2);class _i extends Ds{alignContentChanged(t,e){t&&l(this.elementInternals,`align-${t}`,!1),e&&l(this.elementInternals,`align-${e}`,!0)}appearanceChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}insetChanged(t,e){l(this.elementInternals,"inset",e)}}Bo([a({attribute:"align-content"})],_i.prototype,"alignContent",2),Bo([a],_i.prototype,"appearance",2),Bo([a({mode:"boolean"})],_i.prototype,"inset",2);function rp(){return m`<slot></slot>`}const np=rp(),ap=g`
|
|
425
|
+
${I("flex")}
|
|
426
426
|
|
|
427
|
-
:host{contain:content}:host::after,:host::before{align-self:center;background:${
|
|
428
|
-
:host(${
|
|
429
|
-
${
|
|
427
|
+
:host{contain:content}:host::after,:host::before{align-self:center;background:${xo};box-sizing:border-box;content:'';display:flex;flex-grow:1;height:${H}}:host(${gs}){padding:0 12px}:host ::slotted(*){color:${Lt};font-family:${v};font-size:${q};font-weight:${_};margin:0;padding:0 12px}:host(${on})::before,:host(${Zt})::after{flex-basis:12px;flex-grow:0;flex-shrink:0}:host(${S}){height:100%;min-height:84px}:host(${S}):empty{min-height:20px}:host(${S}){flex-direction:column;align-items:center}:host(${S}${gs})::before{margin-top:12px}:host(${S}${gs})::after{margin-bottom:12px}:host(${S}):empty::before,:host(${S}):empty::after{height:10px;min-height:10px;flex-grow:0}:host(${S})::before,:host(${S})::after{width:${H};min-height:20px;height:100%}:host(${S}) ::slotted(*){display:flex;flex-direction:column;padding:12px 0;line-height:20px}:host(${S}${on})::before{min-height:8px}:host(${S}${Zt})::after{min-height:8px}:host(${mo})::before,:host(${mo})::after{background:${oe}}:host(${mo}) ::slotted(*){color:${A}}:host(${Dt})::before,:host(${Dt})::after{background:${yn}}:host(${Dt}) ::slotted(*){color:${fs}}:host(${z})::before,:host(${z})::after{background:${Zc}}:host(${z}) ::slotted(*){color:${ut}}`.withBehaviors(Q(g`
|
|
428
|
+
:host(${mo})::before,:host(${mo})::after,:host(${Dt})::before,:host(${Dt})::after,:host(${z})::before,:host(${z})::after,:host::after,:host::before{background:WindowText;color:WindowText}`)),lp=_i.compose({name:`${b.prefix}-divider`,template:np,styles:ap});lp.define(b.registry);const cp={start:"start",end:"end"},dp={small:"small",medium:"medium",large:"large",full:"full"},Ls={nonModal:"non-modal",modal:"modal",inline:"inline"};var hp=Object.defineProperty,up=Object.getOwnPropertyDescriptor,eo=(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 Be extends w{constructor(){super(...arguments),this.type=Ls.modal,this.position=cp.start,this.size=dp.medium,this.emitToggle=()=>{this.$emit("toggle",{oldState:this.dialog.open?"closed":"open",newState:this.dialog.open?"open":"closed"})},this.emitBeforeToggle=()=>{this.$emit("beforetoggle",{oldState:this.dialog.open?"open":"closed",newState:this.dialog.open?"closed":"open"})}}show(){_t.enqueue(()=>{this.emitBeforeToggle(),this.type===Ls.inline||this.type===Ls.nonModal?this.dialog.show():this.dialog.showModal(),this.emitToggle()})}hide(){this.emitBeforeToggle(),this.dialog.close(),this.emitToggle()}clickHandler(t){return t.preventDefault(),this.dialog.open&&t.target===this.dialog&&this.hide(),!0}}eo([a],Be.prototype,"type",2),eo([a({attribute:"aria-labelledby"})],Be.prototype,"ariaLabelledby",2),eo([a({attribute:"aria-describedby"})],Be.prototype,"ariaDescribedby",2),eo([a],Be.prototype,"position",2),eo([a({attribute:"size"})],Be.prototype,"size",2),eo([y],Be.prototype,"dialog",2);const pp=g`
|
|
429
|
+
${I("block")}
|
|
430
430
|
|
|
431
|
-
:host{--dialog-backdrop:${
|
|
432
|
-
${
|
|
433
|
-
:host{box-sizing:border-box;grid-template-rows:min-content auto min-content;position:relative;height:100%;padding:${
|
|
434
|
-
${
|
|
431
|
+
:host{--dialog-backdrop:${ks}}:host([type='non-modal']) dialog[open]::backdrop{display:none}:host([type='non-modal']) dialog{position:fixed;top:0;bottom:0}:host([type='inline']){height:100%;width:fit-content}:host([type='inline']) dialog[open]{box-shadow:none;position:relative}:host([size='small']) dialog{width:320px;max-width:320px}:host([size='large']) dialog{width:940px;max-width:940px}:host([size='full']) dialog{width:100%;max-width:100%}:host([position='end']) dialog{margin-inline-start:auto;margin-inline-end:0}dialog{box-sizing:border-box;z-index:var(--drawer-elevation,1000);font-size:${N};line-height:${D};font-family:${v};font-weight:${_};color:${A};max-width:var(--drawer-width,592px);max-height:100vh;height:100%;margin-inline-start:0;margin-inline-end:auto;border-inline-end-color:${pt};border-inline-start-color:var(--drawer-separator,${pt});outline:none;top:0;bottom:0;width:var(--drawer-width,592px);border-radius:0;padding:0;max-width:var(--drawer-width,592px);box-shadow:${Wn};border:${H} solid ${pt};background:${O}}dialog::backdrop{background:var(--dialog-backdrop)}@layer animations{@media (prefers-reduced-motion:no-preference){dialog{transition:display allow-discrete,opacity,overlay allow-discrete,transform;transition-duration:${Ns};transition-timing-function:${Ze}}:host dialog:not([open]){transform:translateX(-100%);transition-timing-function:${Qe}}:host([position='end']) dialog:not([open]){transform:translateX(100%);transition-timing-function:${Qe}}dialog[open]{transform:translateX(0)}dialog::backdrop{transition:display allow-discrete,opacity,overlay allow-discrete,scale;transition-duration:${Ns};transition-timing-function:${Ze};background:var(--dialog-backdrop,${ks});opacity:0}dialog[open]::backdrop{opacity:1}dialog::backdrop{transition-timing-function:${Os}}}@starting-style{dialog[open]{transform:translateX(-100%)}:host([position='end']) dialog[open]{transform:translateX(100%)}dialog[open]::backdrop{opacity:0}}}`;function gp(){return m`<dialog class="dialog" part="dialog" role="${o=>o.type==="modal"?"dialog":o.role}" aria-modal="${o=>o.type==="modal"?"true":void 0}" aria-describedby="${o=>o.ariaDescribedby}" aria-labelledby="${o=>o.ariaLabelledby}" aria-label="${o=>o.ariaLabel}" size="${o=>o.size}" position="${o=>o.position}" type="${o=>o.type}" @click="${(o,t)=>o.clickHandler(t.event)}" @cancel="${(o,t)=>o.hide()}" ${$t("dialog")}><slot></slot></dialog>`}const bp=gp(),fp=Be.compose({name:`${b.prefix}-drawer`,template:bp,styles:pp});fp.define(b.registry);class mp extends w{}const $p=g`
|
|
432
|
+
${I("grid")}
|
|
433
|
+
:host{box-sizing:border-box;grid-template-rows:min-content auto min-content;position:relative;height:100%;padding:${xh};max-height:100svh}.header{display:flex;justify-content:space-between;align-items:center;${mu}}.footer{display:flex;justify-content:flex-start;gap:${ft}}`;function vp(){return m`<div class="header" part="header"><slot name="title"></slot><slot name="close"></slot></div><div class="content" part="content"><slot></slot></div><div class="footer" part="footer"><slot name="footer"></slot></div>`}const yp=vp(),kp=mp.compose({name:`${b.prefix}-drawer-body`,template:yp,styles:$p});kp.define(b.registry);const xp={above:"above",after:"after",before:"before"},It={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 wp=Object.defineProperty,Cp=Object.getOwnPropertyDescriptor,Po=(o,t,e,i)=>{for(var s=i>1?void 0:i?Cp(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&&wp(t,e,s),s};class Ao extends w{constructor(){super(),this.labelSlot=[],this.elementInternals=this.attachInternals(),this.elementInternals.role="presentation"}labelSlotChanged(t,e){e&&this.input&&(this.setLabelProperties(),this.setStates())}messageSlotChanged(t,e){if(l(this.elementInternals,"has-message",!!e.length),!e.length){this.removeEventListener("invalid",this.invalidHandler,{capture:!0});return}this.addEventListener("invalid",this.invalidHandler,{capture:!0})}slottedInputsChanged(t,e){e?.length&&(this.input=e?.[0],this.setStates())}inputChanged(t,e){e&&(this.setStates(),this.setLabelProperties())}changeHandler(t){return this.setStates(),this.setValidationStates(),!0}clickHandler(t){return this===t.target&&this.input.click(),!0}focusinHandler(t){return this.matches(":focus-within:has(> :focus-visible)")&&l(this.elementInternals,"focus-visible",!0),!0}focusoutHandler(t){return l(this.elementInternals,"focus-visible",!1),!0}invalidHandler(t){this.messageSlot.length&&t.preventDefault(),this.setValidationStates()}setLabelProperties(){this.$fastController.isConnected&&(this.input.id=this.input.id||co("input"),this.labelSlot?.forEach(t=>{t instanceof HTMLLabelElement&&(t.htmlFor=t.htmlFor||this.input.id,t.id=t.id||`${this.input.id}--label`,t.setAttribute("aria-hidden","true"),this.input.setAttribute("aria-labelledby",t.id))}))}setStates(){this.$fastController.isConnected&&(l(this.elementInternals,"disabled",!!this.input.disabled),l(this.elementInternals,"readonly",!!this.input.readOnly),l(this.elementInternals,"required",!!this.input.required),l(this.elementInternals,"checked",!!this.input.checked))}setValidationStates(){if(this.input.validity)for(const[t,e]of Object.entries(It))l(this.elementInternals,e,this.input.validity[t])}}Po([y],Ao.prototype,"labelSlot",2),Po([y],Ao.prototype,"messageSlot",2),Po([y],Ao.prototype,"slottedInputs",2),Po([y],Ao.prototype,"input",2);class aa extends Ao{constructor(){super(...arguments),this.labelPosition=xp.above}}Po([a({attribute:"label-position"})],aa.prototype,"labelPosition",2);const Sp=g`
|
|
434
|
+
${I("inline-grid")}
|
|
435
435
|
|
|
436
|
-
:host{color:${A};align-items:center;gap:0 ${ft};justify-items:start;position:relative}:has([slot='message']){color:${A};row-gap:${nt}}:not(::slotted([slot='label'])){gap:0}:host([label-position='before']){grid-template-areas:'label input' 'label message'}:host([label-position='after']){gap:0;grid-template-areas:'input label' 'message message';grid-template-columns:auto 1fr}:host([label-position='after']) ::slotted([slot='input']){margin-inline-end:${ft}}:host([label-position='above']){grid-template-areas:'label' 'input' 'message';row-gap:${
|
|
437
|
-
:host{contain:content}:host ::slotted(img){box-sizing:border-box;min-height:8px;min-width:8px;display:inline-block}:host(
|
|
438
|
-
${
|
|
436
|
+
:host{color:${A};align-items:center;gap:0 ${ft};justify-items:start;position:relative}:has([slot='message']){color:${A};row-gap:${nt}}:not(::slotted([slot='label'])){gap:0}:host([label-position='before']){grid-template-areas:'label input' 'label message'}:host([label-position='after']){gap:0;grid-template-areas:'input label' 'message message';grid-template-columns:auto 1fr}:host([label-position='after']) ::slotted([slot='input']){margin-inline-end:${ft}}:host([label-position='above']){grid-template-areas:'label' 'input' 'message';row-gap:${So}}:host([label-position='below']){grid-template-areas:'input' 'label' 'message';justify-items:center}:host([label-position='below']) ::slotted([slot='label']){margin-block-start:${Ch}}:host([label-position='below']:not(${Fl})){grid-template-areas:'input' 'label'}::slotted([slot='label'])::after{content:'';display:block;position:absolute;inset:0}::slotted([slot='input']){grid-area:input;position:relative;z-index:1}::slotted([slot='message']){margin-block-start:${So};grid-area:message}:host(${Pl}:focus-within){border-radius:${P};outline:${Pt} solid ${Ht}}::slotted(label),::slotted([slot='label']){cursor:inherit;display:inline-flex;font-family:${v};font-size:${N};font-weight:${_};grid-area:label;line-height:${D};user-select:none}:host([size='small']) ::slotted(label){font-size:${q};line-height:${st}}:host([size='large']) ::slotted(label){font-size:${ct};line-height:${kt}}:host([size='large']) ::slotted(label),:host([weight='semibold']) ::slotted(label){font-weight:${L}}:host(${E}){cursor:default}::slotted([flag]){display:none}:host(${ul}) ::slotted([flag='${It.badInput}']),:host(${xl}) ::slotted([flag='${It.customError}']),:host(${Kl}) ::slotted([flag='${It.patternMismatch}']),:host(${oc}) ::slotted([flag='${It.rangeOverflow}']),:host(${ic}) ::slotted([flag='${It.rangeUnderflow}']),:host(${kc}) ::slotted([flag='${It.stepMismatch}']),:host(${wc}) ::slotted([flag='${It.tooLong}']),:host(${Cc}) ::slotted([flag='${It.tooShort}']),:host(${Sc}) ::slotted([flag='${It.typeMismatch}']),:host(${Tc}) ::slotted([flag='${It.valueMissing}']),:host(${zc}) ::slotted([flag='${It.valid}']){display:block}`,Ip=m`<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)}" ${qa({property:"slottedInputs",attributes:!0,attributeFilter:["disabled","required","readonly"],subtree:!0,selector:'[slot="input"]',filter:De()})}><slot name="label" part="label" ${ot("labelSlot")}></slot><slot name="input" part="input"></slot><slot name="message" part="message" ${ot({property:"messageSlot",filter:De("[flag]")})}></slot></template>`,zp=aa.compose({name:`${b.prefix}-field`,template:Ip,styles:Sp,shadowOptions:{delegatesFocus:!0}});zp.define(b.registry);var Tp=Object.defineProperty,Bp=Object.getOwnPropertyDescriptor,Eo=(o,t,e,i)=>{for(var s=i>1?void 0:i?Bp(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&&Tp(t,e,s),s};class oo extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals()}blockChanged(t,e){l(this.elementInternals,"block",e)}borderedChanged(t,e){l(this.elementInternals,"bordered",e)}shadowChanged(t,e){l(this.elementInternals,"shadow",e)}fitChanged(t,e){t&&l(this.elementInternals,`fit-${t}`,!1),e&&l(this.elementInternals,`fit-${e}`,!0)}shapeChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}}Eo([a({mode:"boolean"})],oo.prototype,"block",2),Eo([a({mode:"boolean"})],oo.prototype,"bordered",2),Eo([a({mode:"boolean"})],oo.prototype,"shadow",2),Eo([a],oo.prototype,"fit",2),Eo([a],oo.prototype,"shape",2);const Pp=m`<slot></slot>`,Ap=g`
|
|
437
|
+
:host{contain:content}:host ::slotted(img){box-sizing:border-box;min-height:8px;min-width:8px;display:inline-block}:host(${uo}) ::slotted(img){width:100%;height:auto}:host(${fl}) ::slotted(img){border:${H} solid ${xo}}:host(${Bl}) ::slotted(img){object-fit:none;object-position:top left;height:100%;width:100%}:host(${Il}) ::slotted(img){object-fit:none;object-position:center;height:100%;width:100%}:host(${zl}) ::slotted(img){object-fit:contain;object-position:center;height:100%;width:100%}:host(${Tl}) ::slotted(img){object-fit:cover;object-position:center;height:100%;width:100%}:host(${dc}) ::slotted(img){box-shadow:${Ii}}:host(${po}) ::slotted(img){border-radius:${gt}}:host(${te}) ::slotted(img){border-radius:${P}}`,Ep=oo.compose({name:`${b.prefix}-image`,template:Pp,styles:Ap});Ep.define(b.registry);var Np=Object.defineProperty,Fp=Object.getOwnPropertyDescriptor,Mi=(o,t,e,i)=>{for(var s=i>1?void 0:i?Fp(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 No extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.disabled=!1,this.required=!1}sizeChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}weightChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}disabledChanged(t,e){l(this.elementInternals,"disabled",e)}}Mi([a],No.prototype,"size",2),Mi([a],No.prototype,"weight",2),Mi([a({mode:"boolean"})],No.prototype,"disabled",2),Mi([a({mode:"boolean"})],No.prototype,"required",2);const Op=g`
|
|
438
|
+
${I("inline-flex")}
|
|
439
439
|
|
|
440
|
-
:host{color:${A};cursor:pointer;font-family:${
|
|
441
|
-
${
|
|
440
|
+
:host{color:${A};cursor:pointer;font-family:${v};font-size:${N};font-weight:${_};line-height:${D};user-select:none}.asterisk{color:${In};margin-inline-start:${jt}}:host(${T}){font-size:${q};line-height:${st}}:host(${C}){font-size:${ct};line-height:${kt}}:host(:is(${C},${cn})){font-weight:${L}}:host(${E}),:host(${E}) .asterisk{color:${B}}`;function _p(){return m`<slot></slot><span part="asterisk" class="asterisk" ?hidden="${o=>!o.required}">*</span>`}const Mp=_p(),Vp=No.compose({name:`${b.prefix}-label`,template:Mp,styles:Op});Vp.define(b.registry);var Dp=Object.defineProperty,Lp=Object.getOwnPropertyDescriptor,la=(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&&Dp(t,e,s),s};class Hs extends qt{constructor(){super(...arguments),this.inline=!1}appearanceChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}inlineChanged(t,e){l(this.elementInternals,"inline",e)}}la([a],Hs.prototype,"appearance",2),la([a({mode:"boolean"})],Hs.prototype,"inline",2);const Hp=g`
|
|
441
|
+
${I("inline")}
|
|
442
442
|
|
|
443
|
-
:host{position:relative;box-sizing:border-box;background-color:transparent;color:${
|
|
444
|
-
:host{color:LinkText}`));function
|
|
443
|
+
:host{position:relative;box-sizing:border-box;background-color:transparent;color:${Fc};cursor:pointer;font-family:${v};font-size:${N};font-weight:${_};overflow:inherit;text-align:start;text-decoration:none;text-decoration-thickness:${H};text-overflow:inherit;user-select:text}:host(:is(:hover,:focus-visible)){outline:none;text-decoration-line:underline}@media (hover:hover){:host(:hover){color:${Oc}}:host(:active){color:${_c}}:host(${z}:hover){color:${Vc}}:host(${z}:active){color:${Dc}}}:host(${z}){color:${Mc}}:host-context(:is(h1,h2,h3,h4,h5,h6,p,fluent-text)),:host(${_l}){font:inherit;text-decoration:underline}:host(:not([href])){color:inherit;text-decoration:none}::slotted(a){position:absolute;inset:0}`.withBehaviors(Q(g`
|
|
444
|
+
:host{color:LinkText}`));function Rp(){return m`<template tabindex="0" @click="${(o,t)=>o.clickHandler(t.event)}" @keydown="${(o,t)=>o.keydownHandler(t.event)}"><slot></slot></template>`}const jp=Rp(),qp=Hs.compose({name:`${b.prefix}-link`,template:jp,styles:Hp});qp.define(b.registry);class Gp extends se{}const Up=Vs({end:m.partial(`
|
|
445
445
|
<svg slot="end" fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
|
446
446
|
<path d="M15.85 7.65c.2.2.2.5 0 .7l-5.46 5.49a.55.55 0 0 1-.78 0L4.15 8.35a.5.5 0 1 1 .7-.7L10 12.8l5.15-5.16c.2-.2.5-.2.7 0Z" fill="currentColor"></path>
|
|
447
447
|
</svg>
|
|
448
|
-
`)}),
|
|
449
|
-
${
|
|
448
|
+
`)}),Wp=Gp.compose({name:`${b.prefix}-menu-button`,template:Up,styles:Ai});Wp.define(b.registry);const J={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"};J.menuitem+"",J.menuitemcheckbox+"",J.menuitemradio+"";var Xp=Object.defineProperty,Kp=Object.getOwnPropertyDescriptor,io=(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};const Yp=()=>o=>o.nodeType===1&&o.elementInternals.role==="menu";class Et extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.role=J.menuitem,this.checked=!1,this.handleMenuItemKeyDown=t=>{if(t.defaultPrevented)return!1;switch(t.key){case ri:case ls:return this.invoke(),!1;case oi:return this.disabled||(this.submenu?.togglePopover(!0),this.submenu?.focus()),!1;case ei:return this.parentElement?.hasAttribute("popover")&&(this.parentElement.togglePopover(!1),this.parentElement.parentElement?.focus()),!1}return!0},this.handleMenuItemClick=t=>(t.defaultPrevented||this.disabled||this.invoke(),!1),this.handleMouseOver=t=>(this.disabled||this.submenu?.togglePopover(!0),!1),this.handleMouseOut=t=>(this.contains(document.activeElement)||this.submenu?.togglePopover(!1),!1),this.toggleHandler=t=>{t instanceof ToggleEvent&&t.newState==="open"&&(this.setAttribute("tabindex","-1"),this.elementInternals.ariaExpanded="true",this.setSubmenuPosition()),t instanceof ToggleEvent&&t.newState==="closed"&&(this.elementInternals.ariaExpanded="false",this.setAttribute("tabindex","0"))},this.invoke=()=>{if(!this.disabled)switch(this.role){case J.menuitemcheckbox:this.checked=!this.checked;break;case J.menuitem:if(this.submenu){this.submenu.togglePopover(!0),this.submenu.focus();break}this.$emit("change");break;case J.menuitemradio:this.checked||(this.checked=!0);break}},this.setSubmenuPosition=()=>{if(!CSS.supports("anchor-name","--anchor")&&this.submenu){const t=this.getBoundingClientRect(),e=this.submenu.getBoundingClientRect(),i=getComputedStyle(this).direction==="ltr"?"right":"left";if(t.width+e.width>window.innerWidth*.75){this.submenu.style.translate="0 -100%";return}if(t[i]+e.width>window.innerWidth){this.submenu.style.translate="-100% 0";return}this.submenu.style.translate=`${t.width-8}px 0`}}}disabledChanged(t,e){this.elementInternals.ariaDisabled=e?`${e}`:null,l(this.elementInternals,"disabled",e)}roleChanged(t,e){this.elementInternals.role=e??J.menuitem}checkedChanged(t,e){const i=this.role!==J.menuitem;this.elementInternals.ariaChecked=i?`${!!e}`:null,l(this.elementInternals,"checked",i?e:!1),this.$fastController.isConnected&&this.$emit("change",e,{bubbles:!0})}slottedSubmenuChanged(t,e){this.submenu?.removeEventListener("toggle",this.toggleHandler),e.length?(this.submenu=e[0],this.submenu.toggleAttribute("popover",!0),this.submenu.addEventListener("toggle",this.toggleHandler),this.elementInternals.ariaHasPopup="menu",l(this.elementInternals,"submenu",!0)):(this.elementInternals.ariaHasPopup=null,l(this.elementInternals,"submenu",!1))}connectedCallback(){super.connectedCallback(),this.elementInternals.role=this.role??J.menuitem,this.elementInternals.ariaChecked=this.role!==J.menuitem?`${!!this.checked}`:null}}io([a({mode:"boolean"})],Et.prototype,"disabled",2),io([a],Et.prototype,"role",2),io([a({mode:"boolean"})],Et.prototype,"checked",2),io([a({mode:"boolean"})],Et.prototype,"hidden",2),io([y],Et.prototype,"slottedSubmenu",2),io([y],Et.prototype,"submenu",2),Yt(Et,Xt);const Qp=g`
|
|
449
|
+
${I("grid")}
|
|
450
450
|
|
|
451
|
-
:host{--indent:0;align-items:center;background:${O};border-radius:${P};color:${
|
|
452
|
-
:host(${
|
|
453
|
-
${
|
|
451
|
+
:host{--indent:0;align-items:center;background:${O};border-radius:${P};color:${Lt};contain:layout;cursor:pointer;flex-shrink:0;font:${_} ${N} / ${D} ${v};grid-gap:4px;grid-template-columns:20px 20px auto 20px;height:32px;overflow:visible;padding:0 10px}:host(:hover){background:${ms};color:${gi}}:host(:active){background-color:${bn};color:${bi}}:host(:active) ::slotted([slot='start']){color:${Lc}}:host(${E}){background-color:${Ge};color:${B}}:host(${E}) ::slotted([slot='start']),:host(${E}) ::slotted([slot='end']){color:${B}}:host(:focus-visible){border-radius:${P};outline:2px solid ${Ht}}.content{white-space:nowrap;flex-grow:1;grid-column:auto / span 2;padding:0 2px}:host(:not(${k})) .indicator,:host(:not(${k})) ::slotted([slot='indicator']),:host(:not(${pi})) .submenu-glyph,:host(:not(${pi})) ::slotted([slot='submenu-glyph']){display:none}::slotted([slot='end']){color:${ut};font:${_} ${q} / ${st} ${v};white-space:nowrap}:host([data-indent='1']){--indent:1}:host([data-indent='2']){--indent:2;grid-template-columns:20px 20px auto auto}:host(${pi}){grid-template-columns:20px auto auto 20px}:host([data-indent='2']${pi}){grid-template-columns:20px 20px auto auto 20px}.indicator,::slotted([slot='indicator']){grid-column:1 / span 1;width:20px}::slotted([slot='start']){display:inline-flex;grid-column:calc(var(--indent)) / span 1}.content{grid-column:calc(var(--indent) + 1) / span 1}::slotted([slot='end']){grid-column:calc(var(--indent) + 2) / span 1;justify-self:end}.submenu-glyph,::slotted([slot='submenu-glyph']){grid-column:-2 / span 1;justify-self:end}@layer popover{:host{anchor-name:--menu-trigger;position:relative}::slotted([popover]){margin:0;max-height:var(--menu-max-height,auto);position:absolute;position-anchor:--menu-trigger;position-area:inline-end span-block-end;position-try-fallbacks:flip-inline;z-index:1}::slotted([popover]:not(:popover-open)){display:none}::slotted([popover]:popover-open){inset:unset}@supports not (anchor-name:--menu-trigger){::slotted([popover]){align-self:start}}}`.withBehaviors(Q(g`
|
|
452
|
+
:host(${E}),:host(${E}) ::slotted([slot='start']),:host(${E}) ::slotted([slot='end']){color:GrayText}`)),Zp=m.partial('<svg class="indicator" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.05 3.49c.28.3.27.77-.04 1.06l-7.93 7.47A.85.85 0 014.9 12L2.22 9.28a.75.75 0 111.06-1.06l2.24 2.27 7.47-7.04a.75.75 0 011.06.04z" fill="currentColor"></path></svg>'),Jp=m.partial('<svg class="submenu-glyph" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.74 3.2a.75.75 0 00-.04 1.06L9.23 8 5.7 11.74a.75.75 0 101.1 1.02l4-4.25a.75.75 0 000-1.02l-4-4.25a.75.75 0 00-1.06-.04z" fill="currentColor"></path></svg>');function tg(o={}){return m`<template @keydown="${(t,e)=>t.handleMenuItemKeyDown(e.event)}" @click="${(t,e)=>t.handleMenuItemClick(e.event)}" @mouseover="${(t,e)=>t.handleMouseOver(e.event)}" @mouseout="${(t,e)=>t.handleMouseOut(e.event)}" @toggle="${(t,e)=>t.toggleHandler(e.event)}"><slot name="indicator">${yt(o.indicator)}</slot>${Kt(o)}<div part="content" class="content"><slot></slot></div>${ce(o)}<slot name="submenu-glyph">${yt(o.submenuGlyph)}</slot><slot name="submenu" ${ot({property:"slottedSubmenu",filter:Yp()})}></slot></template>`}const eg=tg({indicator:Zp,submenuGlyph:Jp}),og=Et.compose({name:`${b.prefix}-menu-item`,template:eg,styles:Qp});og.define(b.registry);var ig=Object.defineProperty,sg=Object.getOwnPropertyDescriptor,rg=(o,t,e,i)=>{for(var s=i>1?void 0:i?sg(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&&ig(t,e,s),s};const Rs=class Ys extends w{constructor(){super(),this.elementInternals=this.attachInternals(),this.focusIndex=-1,this.isNestedMenu=()=>this.parentElement!==null&&Jr(this.parentElement)&&this.parentElement.getAttribute("role")==="menuitem",this.handleFocusOut=t=>{if(!this.contains(t.relatedTarget)&&this.menuItems!==void 0){const e=this.menuItems.findIndex(this.isFocusableElement);this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.menuItems[e].setAttribute("tabindex","0"),this.focusIndex=e}},this.handleItemFocus=t=>{const e=t.target;this.menuItems!==void 0&&e!==this.menuItems[this.focusIndex]&&(this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=this.menuItems.indexOf(e),e.setAttribute("tabindex","0"))},this.changedMenuItemHandler=t=>{if(this.menuItems===void 0)return;const e=t.target,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],u=n.getAttribute("role");if(u===J.menuitemradio&&(n.checked=!1),u==="separator")break}const s=this.menuItems.length-1;for(let r=i+1;r<=s;++r){const n=this.menuItems[r],u=n.getAttribute("role");if(u===J.menuitemradio&&(n.checked=!1),u==="separator")break}}},this.isMenuItemElement=t=>t instanceof Et||Jr(t)&&t.getAttribute("role")in Ys.focusableElementRoles,this.isFocusableElement=t=>this.isMenuItemElement(t),this.elementInternals.role="menu"}itemsChanged(t,e){this.$fastController.isConnected&&this.menuItems!==void 0&&this.setItems()}connectedCallback(){super.connectedCallback(),_t.enqueue(()=>{this.setItems()}),this.addEventListener("change",this.changedMenuItemHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(),this.menuItems=void 0,this.removeEventListener("change",this.changedMenuItemHandler)}focus(){this.setFocus(0,1)}handleMenuKeyDown(t){if(!(t.defaultPrevented||this.menuItems===void 0))switch(t.key){case ti:this.setFocus(this.focusIndex+1,1);return;case ii:this.setFocus(this.focusIndex-1,-1);return;case si:this.setFocus(this.menuItems.length-1,-1);return;case ni:this.setFocus(0,1);return;default:return!0}}removeItemListeners(t=this.items){t.forEach(e=>{e.removeEventListener("focus",this.handleItemFocus),$.getNotifier(e).unsubscribe(this,"hidden")})}static elementIndent(t){const e=t.getAttribute("role"),i=t.querySelector("[slot=start]");return e&&e!==J.menuitem?i?2:1:i?1:0}setItems(){const t=Array.from(this.children);this.removeItemListeners(t),t.forEach(n=>$.getNotifier(n).subscribe(this,"hidden"));const e=t.filter(n=>!n.hasAttribute("hidden"));this.menuItems=e;const i=this.menuItems.filter(this.isMenuItemElement);i.length&&(this.focusIndex=0),i.forEach((n,u)=>{n.setAttribute("tabindex",u===0?"0":"-1"),n.addEventListener("focus",this.handleItemFocus)});const s=this.menuItems?.filter(this.isMenuItemElement),r=s?.reduce((n,u)=>{const p=Ys.elementIndent(u);return Math.max(n,p)},0);s?.forEach(n=>{n instanceof Et&&n.setAttribute("data-indent",`${r}`)})}handleChange(t,e){e==="hidden"&&this.setItems()}setFocus(t,e){if(this.menuItems!==void 0)for(;t>=0&&t<this.menuItems.length;){const 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}}};Rs.focusableElementRoles=J,rg([y],Rs.prototype,"items",2);let ng=Rs;const ag=g`
|
|
453
|
+
${I("flex")}
|
|
454
454
|
|
|
455
|
-
:host{flex-direction:column;height:fit-content;max-width:300px;min-width:160px;width:auto;background-color:${O};border:1px solid ${pt};border-radius:${P};box-shadow:${
|
|
456
|
-
${
|
|
455
|
+
:host{flex-direction:column;height:fit-content;max-width:300px;min-width:160px;width:auto;background-color:${O};border:1px solid ${pt};border-radius:${P};box-shadow:${Un};padding:4px;row-gap:2px}`;function lg(){return m`<template slot="${o=>o.slot?o.slot:o.isNestedMenu()?"submenu":void 0}" @keydown="${(o,t)=>o.handleMenuKeyDown(t.event)}" @focusout="${(o,t)=>o.handleFocusOut(t.event)}"><slot ${ot("items")}></slot></template>`}const cg=lg(),dg=ng.compose({name:`${b.prefix}-menu-list`,template:cg,styles:ag});dg.define(b.registry);var hg=Object.defineProperty,ug=Object.getOwnPropertyDescriptor,me=(o,t,e,i)=>{for(var s=i>1?void 0:i?ug(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&&hg(t,e,s),s};class re extends w{constructor(){super(...arguments),this.slottedMenuList=[],this.slottedTriggers=[],this._open=!1,this.toggleMenu=()=>{this._menuList?.togglePopover(!this._open)},this.closeMenu=t=>{t?.target instanceof Et&&(t.target.getAttribute("role")===J.menuitemcheckbox||t.target.getAttribute("role")===J.menuitemradio)||(this._menuList?.togglePopover(!1),this.closeOnScroll&&document.removeEventListener("scroll",this.closeMenu))},this.openMenu=t=>{this._menuList?.togglePopover(!0),t&&this.openOnContext&&t.preventDefault(),this.closeOnScroll&&document.addEventListener("scroll",this.closeMenu)},this.toggleHandler=t=>{if(t.type==="toggle"&&t.newState){const e=t.newState==="open";this._trigger?.setAttribute("aria-expanded",`${e}`),this._open=e,this.focusMenuList()}},this.triggerKeydownHandler=t=>{if(t.defaultPrevented)return;switch(t.key){case ls:case ri:t.preventDefault(),this.toggleMenu();break;default:return!0}},this.documentClickHandler=t=>{t.composedPath().some(e=>e===this._trigger||e===this._menuList)||this.closeMenu()}}connectedCallback(){super.connectedCallback(),_t.enqueue(()=>this.setComponent())}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners()}setComponent(){this.$fastController.isConnected&&this.slottedMenuList.length&&this.slottedTriggers.length&&(this._trigger=this.slottedTriggers[0],this._menuList=this.slottedMenuList[0],this._trigger.setAttribute("aria-haspopup","true"),this._trigger.setAttribute("aria-expanded",`${this._open}`),this._menuList.setAttribute("popover",this.openOnContext?"manual":""),this.addListeners())}focusMenuList(){_t.enqueue(()=>{this._menuList.focus()})}focusTrigger(){_t.enqueue(()=>{this._trigger.focus()})}openOnHoverChanged(t,e){e?this._trigger?.addEventListener("mouseover",this.openMenu):this._trigger?.removeEventListener("mouseover",this.openMenu)}persistOnItemClickChanged(t,e){e?this._menuList?.removeEventListener("change",this.closeMenu):this._menuList?.addEventListener("change",this.closeMenu)}openOnContextChanged(t,e){e?this._trigger?.addEventListener("contextmenu",this.openMenu):this._trigger?.removeEventListener("contextmenu",this.openMenu)}closeOnScrollChanged(t,e){e?document.addEventListener("scroll",this.closeMenu):document.removeEventListener("scroll",this.closeMenu)}addListeners(){this._menuList?.addEventListener("toggle",this.toggleHandler),this._trigger?.addEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||this._menuList?.addEventListener("change",this.closeMenu),this.openOnHover?this._trigger?.addEventListener("mouseover",this.openMenu):this.openOnContext?(this._trigger?.addEventListener("contextmenu",this.openMenu),document.addEventListener("click",this.documentClickHandler)):this._trigger?.addEventListener("click",this.toggleMenu)}removeListeners(){this._menuList?.removeEventListener("toggle",this.toggleHandler),this._trigger?.removeEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||this._menuList?.removeEventListener("change",this.closeMenu),this.openOnHover&&this._trigger?.removeEventListener("mouseover",this.openMenu),this.openOnContext?(this._trigger?.removeEventListener("contextmenu",this.openMenu),document.removeEventListener("click",this.documentClickHandler)):this._trigger?.removeEventListener("click",this.toggleMenu)}menuKeydownHandler(t){if(t.defaultPrevented)return;switch(t.key){case el:t.preventDefault(),this._open&&(this.closeMenu(),this.focusTrigger());break;case ol:if(this._open&&this.closeMenu(),t.shiftKey&&t.composedPath()[0]!==this._trigger&&t.composedPath()[0].assignedSlot!==this.primaryAction)this.focusTrigger();else if(t.shiftKey)return!0;default:return!0}}}me([a({attribute:"open-on-hover",mode:"boolean"})],re.prototype,"openOnHover",2),me([a({attribute:"open-on-context",mode:"boolean"})],re.prototype,"openOnContext",2),me([a({attribute:"close-on-scroll",mode:"boolean"})],re.prototype,"closeOnScroll",2),me([a({attribute:"persist-on-item-click",mode:"boolean"})],re.prototype,"persistOnItemClick",2),me([a({mode:"boolean"})],re.prototype,"split",2),me([y],re.prototype,"slottedMenuList",2),me([y],re.prototype,"slottedTriggers",2),me([y],re.prototype,"primaryAction",2);const pg=g`
|
|
456
|
+
${I("inline-block")}
|
|
457
457
|
|
|
458
|
-
::slotted([slot='trigger']){anchor-name:--menu-trigger}::slotted([popover]){margin:0;max-height:var(--menu-max-height,auto);position-anchor:--menu-trigger;position-area:block-end span-inline-end;position-try-fallbacks:flip-block;position:absolute;z-index:1}:host([split]) ::slotted([popover]){position-area:block-end span-inline-start}::slotted([popover]:popover-open){inset:unset}::slotted([popover]:not(:popover-open)){display:none}:host([split]){display:inline-flex}:host([split]) ::slotted([slot='primary-action']){border-inline-end:${H} solid ${
|
|
459
|
-
:host{display:grid;box-sizing:border-box;font-family:${
|
|
460
|
-
'actions actions actions';grid-template-columns:auto 1fr auto;grid-template-rows:auto auto 1fr;padding-block:${
|
|
461
|
-
${
|
|
458
|
+
::slotted([slot='trigger']){anchor-name:--menu-trigger}::slotted([popover]){margin:0;max-height:var(--menu-max-height,auto);position-anchor:--menu-trigger;position-area:block-end span-inline-end;position-try-fallbacks:flip-block;position:absolute;z-index:1}:host([split]) ::slotted([popover]){position-area:block-end span-inline-start}::slotted([popover]:popover-open){inset:unset}::slotted([popover]:not(:popover-open)){display:none}:host([split]){display:inline-flex}:host([split]) ::slotted([slot='primary-action']){border-inline-end:${H} solid ${oe};border-start-end-radius:0;border-end-end-radius:0}:host([split]) ::slotted([slot='primary-action']:focus-visible){z-index:1}:host([split]) ::slotted([slot='primary-action'][appearance='primary']){border-inline-end:${H} solid white}:host([split]) ::slotted([slot='trigger']){border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}`;function gg(){return m`<template ?open-on-hover="${o=>o.openOnHover}" ?open-on-context="${o=>o.openOnContext}" ?close-on-scroll="${o=>o.closeOnScroll}" ?persist-on-item-click="${o=>o.persistOnItemClick}" @keydown="${(o,t)=>o.menuKeydownHandler(t.event)}"><slot name="primary-action" ${$t("primaryAction")}></slot><slot name="trigger" ${ot({property:"slottedTriggers",filter:De()})}></slot><slot ${ot({property:"slottedMenuList",filter:De()})}></slot></template>`}const bg=gg(),fg=re.compose({name:`${b.prefix}-menu`,template:bg,styles:pg});fg.define(b.registry);var mg=Object.defineProperty,$g=Object.getOwnPropertyDescriptor,js=(o,t,e,i)=>{for(var s=i>1?void 0:i?$g(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&&mg(t,e,s),s};class Vi extends w{constructor(){super(),this.elementInternals=this.attachInternals(),this.dismissMessageBar=()=>{this.$emit("dismiss",{})},this.elementInternals.role="status"}shapeChanged(t,e){t&&l(this.elementInternals,t,!1),e&&l(this.elementInternals,e,!0)}layoutChanged(t,e){t&&l(this.elementInternals,t,!1),e&&l(this.elementInternals,e,!0)}intentChanged(t,e){t&&l(this.elementInternals,t,!1),e&&l(this.elementInternals,e,!0)}}js([a],Vi.prototype,"shape",2),js([a],Vi.prototype,"layout",2),js([a],Vi.prototype,"intent",2);const vg=g`
|
|
459
|
+
:host{display:grid;box-sizing:border-box;font-family:${v};font-size:${q};line-height:${st};width:100%;background:${$i};border:1px solid ${oe};padding-inline:${ft};border-radius:${P};min-height:36px;align-items:center;grid-template:'icon body actions dismiss' / auto 1fr auto auto;contain:layout style paint}:host(${fo}){border-radius:0}:host(${Se}){background-color:${Tn};border-color:${id}}:host(${ze}){background-color:${Pn};border-color:${En}}:host(${ps}){background-color:${wn};border-color:${Sn}}:host(${bo}){grid-template-areas:'icon body dismiss'
|
|
460
|
+
'actions actions actions';grid-template-columns:auto 1fr auto;grid-template-rows:auto auto 1fr;padding-block:${Ye};padding-inline:${ft}}.content{grid-area:body;max-width:520px;padding-block:${Ye};padding-inline:0}:host(${bo}) .content{padding:0}::slotted([slot='icon']){display:flex;grid-area:icon;flex-direction:column;align-items:center;color:${ut};margin-inline-end:${ie}}:host(${bo}) ::slotted([slot='icon']){align-items:start;height:100%}::slotted([slot='dismiss']){grid-area:dismiss}.actions{grid-area:actions;display:flex;justify-self:end;margin-inline-end:${ie};gap:${ie}}:host(${bo}) .actions{margin-block-start:${Ye};margin-inline-end:0}:host(${bo}) ::slotted([slot='dismiss']){align-items:start;height:100%;padding-block-start:${nt}}::slotted(*){font-size:inherit}`;function yg(){return m`<slot name="icon"></slot><div class="content"><slot></slot></div><div class="actions"><slot name="actions"></slot></div><slot name="dismiss"></slot>`}const kg=yg(),xg=Vi.compose({name:`${b.prefix}-message-bar`,template:kg,styles:vg,shadowOptions:{mode:b.shadowRootMode}});xg.define(b.registry);var wg=Object.defineProperty,Cg=Object.getOwnPropertyDescriptor,Pe=(o,t,e,i)=>{for(var s=i>1?void 0:i?Cg(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&&wg(t,e,s),s};class so extends w{constructor(){super(),this.elementInternals=this.attachInternals(),this.validationState=null,this.elementInternals.role="progressbar"}validationStateChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}valueChanged(t,e){this.elementInternals.ariaValueNow=typeof e=="number"?`${e}`:null}minChanged(t,e){this.elementInternals.ariaValueMin=typeof e=="number"?`${e}`:null}maxChanged(t,e){this.elementInternals.ariaValueMax=typeof e=="number"?`${e}`:null}get percentComplete(){const t=this.min??0,e=this.max??100,i=this.value??0,s=e-t;return s===0?0:Math.fround((i-t)/s*100)}}Pe([a({attribute:"validation-state"})],so.prototype,"validationState",2),Pe([a({converter:it})],so.prototype,"value",2),Pe([a({converter:it})],so.prototype,"min",2),Pe([a({converter:it})],so.prototype,"max",2),Pe([$a],so.prototype,"percentComplete",1);class qs extends so{thicknessChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}}Pe([a],qs.prototype,"thickness",2),Pe([a],qs.prototype,"shape",2);const Sg=g`
|
|
461
|
+
${I("block")}
|
|
462
462
|
|
|
463
|
-
:host{width:100%;height:2px;overflow-x:hidden;background-color:${
|
|
464
|
-
to right,${
|
|
465
|
-
);animation-name:indeterminate;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}:host(${
|
|
466
|
-
:host{background-color:CanvasText}.indicator,:host(:is(${
|
|
467
|
-
${
|
|
463
|
+
:host{width:100%;height:2px;overflow-x:hidden;background-color:${vi};border-radius:${P};contain:content}:host(${C}){height:4px}:host(${fo}){border-radius:${zs}}.indicator{background-color:${Ue};border-radius:inherit;height:100%}:host([value]) .indicator{transition:all 0.2s ease-in-out}:host(:not([value])) .indicator{position:relative;width:33%;background-image:linear-gradient(
|
|
464
|
+
to right,${vi} 0%,${wt} 50%,${vi} 100%
|
|
465
|
+
);animation-name:indeterminate;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}:host(${ps}) .indicator{background-color:${Cn}}:host(${ze}) .indicator{background-color:${An}}:host(${Se}) .indicator{background-color:${Bn}}@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(Q(g`
|
|
466
|
+
:host{background-color:CanvasText}.indicator,:host(:is(${Se},${ze},${ps})) .indicator{background-color:Highlight}`));function Ig(){return m`<div class="indicator" part="indicator" style="${o=>typeof o.value=="number"?`width: ${o.percentComplete}%`:void 0}"></div>`}const zg=Ig(),Tg=qs.compose({name:`${b.prefix}-progress-bar`,template:zg,styles:Sg});Tg.define(b.registry);class ca extends St{connectedCallback(){super.connectedCallback(),this.tabIndex=this.disabled?-1:0}constructor(){super(),this.elementInternals.role="radio"}disabledChanged(t,e){super.disabledChanged(t,e),e&&(this.checked=!1,this.tabIndex=-1),this.$emit("disabled",e,{bubbles:!0})}requiredChanged(){}setFormValue(){}setValidity(){this.elementInternals.setValidity({})}toggleChecked(t=!0){super.toggleChecked(t)}}function da(o){const t=o.getRootNode();return t instanceof ShadowRoot?t.activeElement:document.activeElement}const ha=vt;var Bg=Object.defineProperty,Pg=Object.getOwnPropertyDescriptor,Ae=(o,t,e,i)=>{for(var s=i>1?void 0:i?Pg(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&&Bg(t,e,s),s};class ne extends w{constructor(){super(),this.dirtyState=!1,this.disabled=!1,this.elementInternals=this.attachInternals(),this.elementInternals.role="radiogroup",this.elementInternals.ariaOrientation=this.orientation??ha.horizontal}checkedIndexChanged(t,e){this.enabledRadios&&this.checkRadio(e)}disabledChanged(t,e){this.$fastController.isConnected&&(this.checkedIndex=-1,this.radios?.forEach(i=>{i.disabled=i.disabledAttribute||this.disabled}),this.restrictFocus())}initialValueChanged(t,e){this.value=e??""}nameChanged(t,e){this.isConnected&&e&&this.radios?.forEach(i=>{i.name=this.name})}orientationChanged(t,e){this.elementInternals.ariaOrientation=this.orientation??ha.horizontal}radiosChanged(t,e){const i=e?.length;if(!i)return;!this.name&&e.every(n=>n.name===e[0].name)&&(this.name=e[0].name);const s=tl(this.enabledRadios,n=>n.initialChecked);e.forEach((n,u)=>{n.ariaPosInSet=`${u+1}`,n.ariaSetSize=`${i}`,this.initialValue&&!this.dirtyState?n.checked=n.value===this.initialValue:n.checked=u===s,n.name=this.name??n.name,n.disabled=this.disabled||n.disabledAttribute}),!this.dirtyState&&this.initialValue&&(this.value=this.initialValue),this.value||(this.checkedIndex=s);const r=e.map(n=>n.id).join(" ").trim();r&&this.setAttribute("aria-owns",r),_t.enqueue(()=>{this.restrictFocus()})}requiredChanged(t,e){this.elementInternals.ariaRequired=e?"true":null,this.setValidity()}get enabledRadios(){return this.disabled?[]:this.radios?.filter(t=>!t.disabled)??[]}get validationMessage(){if(this.elementInternals.validationMessage)return this.elementInternals.validationMessage;if(this.enabledRadios?.[0]?.validationMessage)return this.enabledRadios[0].validationMessage;if(!this._validationFallbackMessage){const t=document.createElement("input");t.type="radio",t.required=!0,t.checked=!1,this._validationFallbackMessage=t.validationMessage}return this._validationFallbackMessage}get validity(){return this.elementInternals.validity}get value(){return $.notify(this,"value"),this.enabledRadios.find(t=>t.checked)?.value??null}set value(t){const e=this.enabledRadios.findIndex(i=>i.value===t);this.checkedIndex=e,this.$fastController.isConnected&&(this.setFormValue(t),this.setValidity()),$.track(this,"value")}changeHandler(t){if(this===t.target)return!0;this.dirtyState=!0;const e=this.enabledRadios.indexOf(t.target);return this.checkRadio(e),!0}checkRadio(t=this.checkedIndex){let e=this.checkedIndex;this.enabledRadios.forEach((i,s)=>{const r=s===t;i.checked=r,r&&(e=s)}),this.checkedIndex=e,this.setFormValue(this.value),this.setValidity()}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(t){return this===t.target&&this.enabledRadios[Math.max(0,this.checkedIndex)]?.focus(),!0}focus(){this.enabledRadios[Math.max(0,this.checkedIndex)]?.focus()}focusinHandler(t){return this.disabled||this.enabledRadios.forEach(e=>{e.tabIndex=0}),!0}focusoutHandler(t){return this.radios?.includes(t.relatedTarget)&&this.radios?.some(e=>e.checked)&&this.restrictFocus(),!0}formResetCallback(){this.dirtyState=!1,this.checkedIndex=-1,this.setFormValue(this.value),this.setValidity()}getEnabledIndexInBounds(t,e=this.enabledRadios.length){return e===0?-1:(t+e)%e}keydownHandler(t){const e=hs(this)==="rtl",i=this.enabledRadios.findIndex(n=>n===da(this))??this.checkedIndex;let s=0;switch(t.key){case"ArrowLeft":{s=e?1:-1;break}case"ArrowUp":{s=-1;break}case"ArrowRight":{s=e?-1:1;break}case"ArrowDown":{s=1;break}case"Tab":{this.restrictFocus();break}case" ":{this.checkRadio();break}}if(!s)return!0;const r=i+s;this.checkedIndex=this.getEnabledIndexInBounds(r),this.enabledRadios[this.checkedIndex]?.focus()}disabledRadioHandler(t){t.detail===!0&&t.target.checked&&(this.checkedIndex=-1)}reportValidity(){return this.elementInternals.reportValidity()}restrictFocus(){let t=Math.max(this.checkedIndex,0);const e=this.enabledRadios.indexOf(da(this));e!==-1&&(t=e),t=this.getEnabledIndexInBounds(t),this.enabledRadios.forEach((i,s)=>{i.tabIndex=s===t?0:-1})}setFormValue(t,e){this.elementInternals.setFormValue(t,t??e)}setValidity(t,e,i){if(this.$fastController.isConnected){if(this.disabled||!this.required){this.elementInternals.setValidity({});return}this.elementInternals.setValidity({valueMissing:this.required&&!this.value,...t},e??this.validationMessage,i??this.enabledRadios[0])}}slotchangeHandler(t){_t.enqueue(()=>{this.radios=[...this.querySelectorAll("*")].filter(e=>e instanceof ca)})}}ne.formAssociated=!0,Ae([y],ne.prototype,"checkedIndex",2),Ae([a({attribute:"disabled",mode:"boolean"})],ne.prototype,"disabled",2),Ae([a({attribute:"value",mode:"fromView"})],ne.prototype,"initialValue",2),Ae([a],ne.prototype,"name",2),Ae([a],ne.prototype,"orientation",2),Ae([y],ne.prototype,"radios",2),Ae([a({mode:"boolean"})],ne.prototype,"required",2);const Ag=g`
|
|
467
|
+
${I("flex")}
|
|
468
468
|
|
|
469
|
-
:host{-webkit-tap-highlight-color:transparent;cursor:pointer;gap:${
|
|
470
|
-
${
|
|
469
|
+
:host{-webkit-tap-highlight-color:transparent;cursor:pointer;gap:${zi}}:host(${E}),:host([orientation='vertical']){flex-direction:column;justify-content:flex-start}:host([orientation='horizontal']){flex-direction:row}::slotted(*){color:${ut}}::slotted(:hover){color:${Lt}}::slotted(:active){color:${A}}::slotted(${E}){color:${B}}::slotted(${k}){color:${A}}`;function Eg(){return m`<template @disabled="${(o,t)=>o.disabledRadioHandler(t.event)}" @change="${(o,t)=>o.changeHandler(t.event)}" @click="${(o,t)=>o.clickHandler(t.event)}" @focusin="${(o,t)=>o.focusinHandler(t.event)}" @focusout="${(o,t)=>o.focusoutHandler(t.event)}" @keydown="${(o,t)=>o.keydownHandler(t.event)}"><slot @slotchange="${(o,t)=>o.slotchangeHandler(t.event)}"></slot></template>`}const Ng=Eg(),Fg=ne.compose({name:`${b.prefix}-radio-group`,template:Ng,styles:Ag});Fg.define(b.registry);const Og=g`
|
|
470
|
+
${I("inline-flex")}
|
|
471
471
|
|
|
472
|
-
:host{--size:16px;aspect-ratio:1;background-color:${O};border:${H} solid ${
|
|
473
|
-
:host{border-color:FieldText}:host(:not([slot='input']:focus-visible))::after{border-color:Canvas}:host(:not(${
|
|
472
|
+
:host{--size:16px;aspect-ratio:1;background-color:${O};border:${H} solid ${ue};border-radius:${gt};box-sizing:border-box;position:relative;width:var(--size)}:host([size='large']){--size:20px}.checked-indicator{aspect-ratio:1;border-radius:${gt};color:${je};inset:0;margin:auto;position:absolute;width:calc(var(--size) * 0.625)}:host(:not([slot='input']))::after{content:'' / '';position:absolute;display:block;inset:-8px;box-sizing:border-box;outline:none;border:${Pt} solid ${pt};border-radius:${P}}:host(:not([slot='input']):focus-visible)::after{border-color:${Ht}}:host(:hover){border-color:${We}}:host(${k}){border-color:${wo}}:host(${k}) .checked-indicator{background-color:${Ue}}:host(${k}:hover) .checked-indicator{background-color:${vo}}:host(:active){border-color:${Xe}}:host(${k}:active) .checked-indicator{background-color:${yo}}:host(:focus-visible){outline:none}:host(${E}){background-color:${Ge};border-color:${Bt}}:host(${k}${E}) .checked-indicator{background-color:${Bt}}`.withBehaviors(Q(g`
|
|
473
|
+
:host{border-color:FieldText}:host(:not([slot='input']:focus-visible))::after{border-color:Canvas}:host(:not(${E}):hover),:host(:not([slot='input']):focus-visible)::after{border-color:Highlight}.checked-indicator{color:HighlightText}:host(${k}) .checked-indicator{background-color:FieldText}:host(${k}:not(${E}):hover) .checked-indicator{background-color:Highlight}:host(${E}){border-color:GrayText;color:GrayText}:host(${E}${k}) .checked-indicator{background-color:GrayText}`)),_g=m.partial(`
|
|
474
474
|
<span part="checked-indicator" class="checked-indicator" role="presentation"></span>
|
|
475
|
-
`);function
|
|
476
|
-
${
|
|
475
|
+
`);function Mg(o={}){return m`<template @click="${(t,e)=>t.clickHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}" @keyup="${(t,e)=>t.keyupHandler(e.event)}"><slot name="checked-indicator">${yt(o.checkedIndicator)}</slot></template>`}const Vg=Mg({checkedIndicator:_g}),Dg=ca.compose({name:`${b.prefix}-radio`,template:Vg,styles:Og});Dg.define(b.registry);var Lg=Object.defineProperty,Hg=Object.getOwnPropertyDescriptor,ae=(o,t,e,i)=>{for(var s=i>1?void 0:i?Hg(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&&Lg(t,e,s),s};class Ee extends w{constructor(){super(),this.elementInternals=this.attachInternals(),this.intlNumberFormatter=new Intl.NumberFormat,this.elementInternals.role="img"}slottedIconChanged(){this.$fastController.isConnected&&(this.customIcon=this.slottedIcon[0]?.outerHTML)}get formattedCount(){return this.count?this.intlNumberFormatter.format(this.count):""}getSelectedValue(){return Math.round((this.value??0)*2)/2}getMaxIcons(){return(this.max??5)*2}generateIcons(){let t="",e;this.customIcon&&(e=/<svg[^>]*>([\s\S]*?)<\/svg>/.exec(this.customIcon)?.[1]??"");const i=this.getSelectedValue();for(let s=0;s<this.getMaxIcons();s++){const r=(s+1)/2;t+=`<svg aria-hidden="true" viewBox="${this.iconViewBox??"0 0 20 20"}" ${r===i?"selected":""}>${e??'<use href="#star"></use>'}</svg>`}return t}}ae([a({converter:it})],Ee.prototype,"count",2),ae([a({attribute:"icon-view-box"})],Ee.prototype,"iconViewBox",2),ae([a({converter:it})],Ee.prototype,"max",2),ae([a({converter:it})],Ee.prototype,"value",2),ae([y],Ee.prototype,"slottedIcon",2),ae([y],Ee.prototype,"customIcon",2);class Di extends Ee{constructor(){super(...arguments),this.compact=!1}colorChanged(t,e){t&&l(this.elementInternals,t,!1),e&&l(this.elementInternals,e,!0)}sizeChanged(t,e){t&&l(this.elementInternals,t,!1),e&&l(this.elementInternals,e,!0)}getSelectedValue(){return Math.round((this.compact?1:this.value??0)*2)/2}getMaxIcons(){return(this.compact?1:this.max??5)*2}}ae([a],Di.prototype,"color",2),ae([a],Di.prototype,"size",2),ae([a({mode:"boolean"})],Di.prototype,"compact",2);const Rg=g`
|
|
476
|
+
${I("inline-flex")}
|
|
477
477
|
|
|
478
|
-
:host{--icon-size:16px;--icon-color-filled:${
|
|
479
|
-
:host([color]) svg{fill:CanvasText}:host([color]:is([value^='-'],[value='0'])) svg,:host(:not([value])) svg,:host([color]) svg[selected] ~ svg{fill:Canvas;stroke:CanvasText}`)),
|
|
480
|
-
:host{--step-rate:${t}%}`,this.$fastController.addStyles(this.stepStyles)}else this.stepStyles!==void 0&&this.$fastController.removeStyles(this.stepStyles)}initialValueChanged(t,e){this.$fastController.isConnected?this.value=e:this._value=e}get validity(){return this.elementInternals.validity}get validationMessage(){return this.elementInternals.validationMessage}get willValidate(){return this.elementInternals.willValidate}checkValidity(){return this.elementInternals.checkValidity()}reportValidity(){return this.elementInternals.reportValidity()}setCustomValidity(t){this.setValidity({customError:!!t},t)}setValidity(t,e,
|
|
481
|
-
${
|
|
478
|
+
:host{--icon-size:16px;--icon-color-filled:${ud};--icon-color-empty:${Fn};align-items:center;color:${A};font-family:${v};font-size:${q};line-height:${st};contain:layout style;user-select:none}:host(${T}){--icon-size:12px}:host(${C}){--icon-size:20px;font-size:${N};line-height:${D}}::slotted([slot='icon']){display:none}svg{width:var(--icon-size);height:var(--icon-size);fill:var(--icon-color-filled);margin-inline-end:${dt}}svg:nth-child(odd){clip-path:inset(0 50% 0 0);margin-inline-end:calc(0px - var(--icon-size))}:host(${hi}) svg{--icon-color-filled:${A}}:host(${Dt}) svg{--icon-color-filled:${xs}}:host(:is([value^='-'],[value='0'])) svg,:host(:not([value])) svg,svg[selected] ~ svg{fill:var(--icon-color-empty)}:host(${hi}:is([value^='-'],[value='0'])) svg,:host(${hi}:not([value])) svg,:host(${hi}) svg[selected] ~ svg{--icon-color-empty:${$s}}:host(${Dt}:is([value^='-'],[value='0'])) svg,:host(${Dt}:not([value])) svg,:host(${Dt}) svg[selected] ~ svg{--icon-color-empty:${ws}}.value-label,::slotted([slot='value']){display:block;margin-inline-start:${jt};font-weight:${L}}:host(${T}) .value-label,:host(${T}) ::slotted([slot='value']){margin-inline-start:${dt}}:host(${C}) .value-label,:host(${C}) ::slotted([slot='value']){margin-inline-start:${xt}}:host(:not([count])) .count-label{display:none}.count-label::before,::slotted([slot='count'])::before{content:'·';margin-inline:${jt}}:host(${T}) .count-label::before,:host(${T}) ::slotted([slot='count'])::before{margin-inline:${dt}}:host(${C}) .count-label::before,:host(${C}) ::slotted([slot='count'])::before{margin-inline:${xt}}`.withBehaviors(Q(g`
|
|
479
|
+
:host([color]) svg{fill:CanvasText}:host([color]:is([value^='-'],[value='0'])) svg,:host(:not([value])) svg,:host([color]) svg[selected] ~ svg{fill:Canvas;stroke:CanvasText}`)),jg=m`<svg xmlns="http://www.w3.org/2000/svg" style="display: none"><symbol id="star"><path d="M9.10433 2.89874C9.47114 2.15549 10.531 2.1555 10.8978 2.89874L12.8282 6.81024L17.1448 7.43748C17.9651 7.55666 18.2926 8.56464 17.699 9.14317L14.5755 12.1878L15.3129 16.487C15.453 17.3039 14.5956 17.9269 13.8619 17.5412L10.0011 15.5114L6.14018 17.5412C5.40655 17.9269 4.54913 17.3039 4.68924 16.487L5.4266 12.1878L2.30308 9.14317C1.70956 8.56463 2.03708 7.55666 2.8573 7.43748L7.17389 6.81024L9.10433 2.89874Z" /></symbol></svg>`;function qg(){return m` ${o=>m`${yt(o.generateIcons())}`}<slot name="icon" ${ot({property:"slottedIcon",filter:De("svg")})}>${jg}</slot><slot name="value"><span class="value-label" aria-hidden="true">${o=>o.value}</span></slot><slot name="count"><span class="count-label" aria-hidden="true">${o=>o.formattedCount}</span></slot>`}const Gg=qg(),Ug=Di.compose({name:`${b.prefix}-rating-display`,template:Gg,styles:Rg});Ug.define(b.registry);const Wg=vt,Xg={singleValue:"single-value"};function ua(o,t,e,i){let s=cs(0,1,(o-t)/(e-t));return i===Tt.rtl&&(s=1-s),s}var Kg=Object.defineProperty,Yg=Object.getOwnPropertyDescriptor,tt=(o,t,e,i)=>{for(var s=i>1?void 0:i?Yg(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&&Kg(t,e,s),s};class G extends w{constructor(){super(),this.elementInternals=this.attachInternals(),this.direction=Tt.ltr,this.isDragging=!1,this.trackWidth=0,this.trackMinWidth=0,this.trackHeight=0,this.trackLeft=0,this.trackMinHeight=0,this.valueTextFormatter=()=>"",this.disabled=!1,this.min="",this.max="",this.step="",this.mode=Xg.singleValue,this.keypressHandler=t=>{if(!this.disabled)switch(t.key){case ni:t.preventDefault(),this.value=this.direction!==Tt.rtl&&this.orientation!==vt.vertical?`${this.minAsNumber}`:`${this.maxAsNumber}`;break;case si:t.preventDefault(),this.value=this.direction!==Tt.rtl&&this.orientation!==vt.vertical?`${this.maxAsNumber}`:`${this.minAsNumber}`;break;case oi:case ii:t.shiftKey||(t.preventDefault(),this.increment());break;case ei:case ti:t.shiftKey||(t.preventDefault(),this.decrement());break}},this.setupTrackConstraints=()=>{const t=this.track.getBoundingClientRect();this.trackWidth=this.track.clientWidth,this.trackMinWidth=this.track.clientLeft,this.trackHeight=t.top,this.trackMinHeight=t.bottom,this.trackLeft=this.getBoundingClientRect().left,this.trackWidth===0&&(this.trackWidth=1)},this.setupListeners=(t=!1)=>{this.addEventListener("keydown",this.keypressHandler),t&&this.removeEventListener("keydown",this.keypressHandler)},this.handleThumbPointerDown=t=>{const e=t!==null?window.addEventListener:window.removeEventListener;e("pointerup",this.handleWindowPointerUp),e("pointermove",this.handlePointerMove,{passive:!0}),e("touchmove",this.handlePointerMove,{passive:!0}),e("touchend",this.handleWindowPointerUp),this.isDragging=t!==null},this.handlePointerMove=t=>{if(this.disabled||t.defaultPrevented)return;const e=window.TouchEvent&&t instanceof TouchEvent?t.touches[0]:t,i=this.orientation===vt.vertical?e.pageY-document.documentElement.scrollTop:e.pageX-document.documentElement.scrollLeft-this.trackLeft;this.value=`${this.calculateNewValue(i)}`},this.handleWindowPointerUp=()=>{this.stopDragging()},this.stopDragging=()=>{this.isDragging=!1,this.handlePointerDown(null),this.handleThumbPointerDown(null)},this.handlePointerDown=t=>{if(t===null||!this.disabled){const e=t!==null?window.addEventListener:window.removeEventListener,i=t!==null?document.addEventListener:document.removeEventListener;if(e("pointerup",this.handleWindowPointerUp),i("mouseleave",this.handleWindowPointerUp),e("pointermove",this.handlePointerMove),t){this.setupTrackConstraints();const s=this.orientation===vt.vertical?t.pageY-document.documentElement.scrollTop:t.pageX-document.documentElement.scrollLeft-this.trackLeft;this.value=`${this.calculateNewValue(s)}`}}},this.elementInternals.role="slider",this.elementInternals.ariaOrientation=this.orientation??Wg.horizontal}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}sizeChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}handleChange(t,e){switch(e){case"min":case"max":this.setSliderPosition(this.direction);case"step":this.handleStepStyles();break}}handleStepStyles(){if(this.step){const t=100/Math.floor((this.maxAsNumber-this.minAsNumber)/this.stepAsNumber);this.stepStyles!==void 0&&this.$fastController.removeStyles(this.stepStyles),this.stepStyles=g`
|
|
480
|
+
:host{--step-rate:${t}%}`,this.$fastController.addStyles(this.stepStyles)}else this.stepStyles!==void 0&&this.$fastController.removeStyles(this.stepStyles)}initialValueChanged(t,e){this.$fastController.isConnected?this.value=e:this._value=e}get validity(){return this.elementInternals.validity}get validationMessage(){return this.elementInternals.validationMessage}get willValidate(){return this.elementInternals.willValidate}checkValidity(){return this.elementInternals.checkValidity()}reportValidity(){return this.elementInternals.reportValidity()}setCustomValidity(t){this.setValidity({customError:!!t},t)}setValidity(t,e,i){if(this.$fastController.isConnected){if(this.disabled){this.elementInternals.setValidity({});return}this.elementInternals.setValidity({customError:!!e,...t},e??this.validationMessage,i)}}get value(){return $.track(this,"value"),this._value.toString()}set value(t){if(!this.$fastController.isConnected){this._value=t.toString();return}const e=parseFloat(t),i=cs(this.minAsNumber,this.maxAsNumber,this.convertToConstrainedValue(e)).toString();if(i!==t){this.value=i;return}this._value=t.toString(),this.elementInternals.ariaValueNow=this._value,this.elementInternals.ariaValueText=this.valueTextFormatter(this._value),this.setSliderPosition(this.direction),this.$emit("change"),this.setFormValue(t),$.notify(this,"value")}formResetCallback(){this.value=this.initialValue??this.midpoint}formDisabledCallback(t){this.setDisabledSideEffect(t)}setFormValue(t,e){this.elementInternals.setFormValue(t,t??e)}get valueAsNumber(){return parseFloat(this.value)}set valueAsNumber(t){this.value=t.toString()}valueTextFormatterChanged(){typeof this.valueTextFormatter=="function"?this.elementInternals.ariaValueText=this.valueTextFormatter(this._value):this.elementInternals.ariaValueText=""}disabledChanged(){this.setDisabledSideEffect(this.disabled)}minChanged(){this.elementInternals.ariaValueMin=`${this.minAsNumber}`,this.$fastController.isConnected&&this.minAsNumber>this.valueAsNumber&&(this.value=this.min)}get minAsNumber(){if(this.min!==void 0){const t=parseFloat(this.min);if(!Number.isNaN(t))return t}return 0}maxChanged(){this.elementInternals.ariaValueMax=`${this.maxAsNumber}`,this.$fastController.isConnected&&this.maxAsNumber<this.valueAsNumber&&(this.value=this.max)}get maxAsNumber(){if(this.max!==void 0){const t=parseFloat(this.max);if(!Number.isNaN(t))return t}return 100}stepChanged(){this.updateStepMultiplier(),this.$fastController.isConnected&&(this.value=this._value)}get stepAsNumber(){if(this.step!==void 0){const t=parseFloat(this.step);if(!Number.isNaN(t)&&t>0)return t}return 1}orientationChanged(t,e){this.elementInternals.ariaOrientation=e??vt.horizontal,t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0),this.$fastController.isConnected&&this.setSliderPosition(this.direction)}connectedCallback(){super.connectedCallback(),this.direction=hs(this),this.setDisabledSideEffect(this.disabled),this.updateStepMultiplier(),this.setupTrackConstraints(),this.setupListeners(),this.setupDefaultValue(),this.setSliderPosition(this.direction),$.getNotifier(this).subscribe(this,"max"),$.getNotifier(this).subscribe(this,"min"),$.getNotifier(this).subscribe(this,"step"),this.handleStepStyles()}disconnectedCallback(){super.disconnectedCallback(),this.setupListeners(!0),$.getNotifier(this).unsubscribe(this,"max"),$.getNotifier(this).unsubscribe(this,"min"),$.getNotifier(this).unsubscribe(this,"step")}increment(){const t=this.direction!==Tt.rtl?Number(this.value)+this.stepAsNumber:Number(this.value)-this.stepAsNumber,e=this.convertToConstrainedValue(t),i=e<this.maxAsNumber?`${e}`:`${this.maxAsNumber}`;this.value=i}decrement(){const t=this.direction!==Tt.rtl?Number(this.value)-Number(this.stepAsNumber):Number(this.value)+Number(this.stepAsNumber),e=this.convertToConstrainedValue(t),i=e>this.minAsNumber?`${e}`:`${this.minAsNumber}`;this.value=i}setSliderPosition(t){const i=(1-ua(parseFloat(this.value),this.minAsNumber,this.maxAsNumber,t))*100,s=`calc(100% - ${i}%)`,r=this.orientation!==vt.vertical&&t===Tt.rtl?`${i}%`:`calc(100% - ${i}%)`;this.position=`--slider-thumb: ${s}; --slider-progress: ${r}`}updateStepMultiplier(){const t=this.stepAsNumber+"",e=this.stepAsNumber%1?t.length-t.indexOf(".")-1:0;this.stepMultiplier=Math.pow(10,e)}get midpoint(){return`${this.convertToConstrainedValue((this.maxAsNumber+this.minAsNumber)/2)}`}setupDefaultValue(){this._value||(this.value=this.initialValue??this.midpoint),!Number.isNaN(this.valueAsNumber)&&(this.valueAsNumber<this.minAsNumber||this.valueAsNumber>this.maxAsNumber)&&(this.value=this.midpoint),this.elementInternals.ariaValueNow=this.value}calculateNewValue(t){this.setupTrackConstraints();const e=ua(t,this.orientation===vt.vertical?this.trackMinHeight:this.trackMinWidth,this.orientation===vt.vertical?this.trackHeight:this.trackWidth,this.direction),i=(this.maxAsNumber-this.minAsNumber)*e+this.minAsNumber;return this.convertToConstrainedValue(i)}convertToConstrainedValue(t){isNaN(t)&&(t=this.minAsNumber);let e=t-this.minAsNumber;const i=Math.round(e/this.stepAsNumber),s=e-i*(this.stepMultiplier*this.stepAsNumber)/this.stepMultiplier;return e=s>=Number(this.stepAsNumber)/2?e-s+Number(this.stepAsNumber):e-s,e+this.minAsNumber}setDisabledSideEffect(t){this.$fastController.isConnected&&(this.elementInternals.ariaDisabled=t.toString(),this.tabIndex=t?-1:0)}}G.formAssociated=!0,tt([a],G.prototype,"size",2),tt([a({attribute:"value",mode:"fromView"})],G.prototype,"initialValue",2),tt([y],G.prototype,"direction",2),tt([y],G.prototype,"isDragging",2),tt([y],G.prototype,"position",2),tt([y],G.prototype,"trackWidth",2),tt([y],G.prototype,"trackMinWidth",2),tt([y],G.prototype,"trackHeight",2),tt([y],G.prototype,"trackLeft",2),tt([y],G.prototype,"trackMinHeight",2),tt([y],G.prototype,"valueTextFormatter",2),tt([a({mode:"boolean"})],G.prototype,"disabled",2),tt([a({converter:ds})],G.prototype,"min",2),tt([a({converter:ds})],G.prototype,"max",2),tt([a({converter:ds})],G.prototype,"step",2),tt([a],G.prototype,"orientation",2),tt([a],G.prototype,"mode",2);const Qg=g`
|
|
481
|
+
${I("inline-grid")}
|
|
482
482
|
|
|
483
|
-
:host{--thumb-size:20px;--track-margin-inline:calc(var(--thumb-size) / 2);--track-size:4px;--track-overhang:calc(var(--track-size) / -2);--rail-color:${
|
|
483
|
+
:host{--thumb-size:20px;--track-margin-inline:calc(var(--thumb-size) / 2);--track-size:4px;--track-overhang:calc(var(--track-size) / -2);--rail-color:${Ue};--track-color:${ue};--slider-direction:90deg;--border-radius:${P};--step-marker-inset:var(--track-overhang) -1px;position:relative;align-items:center;justify-content:center;box-sizing:border-box;outline:none;user-select:none;touch-action:none;min-width:120px;min-height:32px;grid-template-rows:1fr var(--thumb-size) 1fr;grid-template-columns:var(--track-margin-inline) 1fr var(--track-margin-inline)}:host(:hover){--rail-color:${vo}}:host(:active){--rail-color:${yo}}:host(:disabled){--rail-color:${B};--track-color:${Ge}}:host(:not(:disabled)){cursor:pointer}:host(:dir(rtl)){--slider-direction:-90deg}:host(${T}){--thumb-size:16px;--track-overhang:-1px;--track-size:2px;--border-radius:${Rt}}:host(${S}){--slider-direction:0deg;--step-marker-inset:-1px var(--track-overhang);min-height:120px;grid-template-rows:var(--track-margin-inline) 1fr var(--track-margin-inline);grid-template-columns:1fr var(--thumb-size) 1fr;width:unset;min-width:32px;justify-items:center}:host(:not([slot='input']):focus-visible){box-shadow:0 0 0 2pt ${Ht};outline:1px solid ${Cs}}:host:after,.track{height:var(--track-size);width:100%}:host:after{background-image:linear-gradient(
|
|
484
484
|
var(--slider-direction),var(--rail-color) 0%,var(--rail-color) 50%,var(--track-color) 50.1%,var(--track-color) 100%
|
|
485
|
-
);border-radius:var(--border-radius);content:'';grid-row:1 / -1;grid-column:1 / -1}.track{position:relative;background-color:var(--track-color);grid-row:2 / 2;grid-column:2 / 2;forced-color-adjust:none;overflow:hidden}:host(${
|
|
485
|
+
);border-radius:var(--border-radius);content:'';grid-row:1 / -1;grid-column:1 / -1}.track{position:relative;background-color:var(--track-color);grid-row:2 / 2;grid-column:2 / 2;forced-color-adjust:none;overflow:hidden}:host(${S})::after,:host(${S}) .track{height:100%;width:var(--track-size)}:host(${S}) .track{top:var(--track-overhang);bottom:var(--track-overhang)}.track::before{content:'';position:absolute;height:100%;border-radius:inherit;inset-inline-start:0;width:var(--slider-progress)}:host(${S}) .track::before{width:100%;bottom:0;height:var(--slider-progress)}:host([step]) .track::after{content:'';position:absolute;border-radius:inherit;inset:var(--step-marker-inset);background-image:repeating-linear-gradient(
|
|
486
486
|
var(--slider-direction),#0000 0%,#0000 calc(var(--step-rate) - 1px),${O} calc(var(--step-rate) - 1px),${O} var(--step-rate)
|
|
487
|
-
)}.thumb-container{position:absolute;grid-row:2 / 2;grid-column:2 / 2;transform:translateX(-50%);left:var(--slider-thumb)}:host(${
|
|
488
|
-
.track:hover,.track:active,.track{background:WindowText}.thumb:hover,.thumb:active,.thumb{background:ButtonText}:host(:hover) .track::before,:host(:active) .track::before,.track::before{background:Highlight}`));function
|
|
489
|
-
${
|
|
487
|
+
)}.thumb-container{position:absolute;grid-row:2 / 2;grid-column:2 / 2;transform:translateX(-50%);left:var(--slider-thumb)}:host(${S}) .thumb-container{transform:translateY(50%);left:unset;bottom:var(--slider-thumb)}:host(:not(:active)) :is(.thumb-container,.track::before){transition:all 0.2s ease}.thumb{width:var(--thumb-size);height:var(--thumb-size);border-radius:${gt};box-shadow:0 0 0 calc(var(--thumb-size) * 0.2) ${O} inset;border:calc(var(--thumb-size) * 0.05) solid ${oe};box-sizing:border-box}.thumb,.track::before{background-color:var(--rail-color)}`.withBehaviors(Q(g`
|
|
488
|
+
.track:hover,.track:active,.track{background:WindowText}.thumb:hover,.thumb:active,.thumb{background:ButtonText}:host(:hover) .track::before,:host(:active) .track::before,.track::before{background:Highlight}`));function Zg(o={}){return m`<template tabindex="${t=>t.disabled?null:0}" @pointerdown="${(t,e)=>t.handlePointerDown(e.event)}"><div ${$t("track")} part="track-container" class="track" style="${t=>t.position}"></div><div ${$t("thumb")} part="thumb-container" class="thumb-container" style="${t=>t.position}" @pointerdown="${(t,e)=>t.handleThumbPointerDown(e.event)}"><slot name="thumb">${yt(o.thumb)}</slot></div></template>`}const Jg=Zg({thumb:'<div class="thumb"></div>'}),tb=G.compose({name:`${b.prefix}-slider`,template:Jg,styles:Qg});tb.define(b.registry);var eb=Object.defineProperty,ob=Object.getOwnPropertyDescriptor,pa=(o,t,e,i)=>{for(var s=i>1?void 0:i?ob(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&&eb(t,e,s),s};class ib extends w{constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="progressbar"}}class Gs extends ib{sizeChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}appearanceChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}}pa([a],Gs.prototype,"size",2),pa([a],Gs.prototype,"appearance",2);const sb=g`
|
|
489
|
+
${I("inline-flex")}
|
|
490
490
|
|
|
491
|
-
:host{--duration:1.5s;--indicatorSize:${rt};--size:32px;height:var(--size);width:var(--size);contain:strict;content-visibility:auto}:host(${
|
|
492
|
-
.background{display:none}.indicator{border-color:Canvas;border-block-start-color:Highlight;border-inline-end-color:Highlight}`)),
|
|
493
|
-
${
|
|
491
|
+
:host{--duration:1.5s;--indicatorSize:${rt};--size:32px;height:var(--size);width:var(--size);contain:strict;content-visibility:auto}:host(${$o}){--indicatorSize:${Pt};--size:20px}:host(${go}){--indicatorSize:${Pt};--size:24px}:host(${T}){--indicatorSize:${Pt};--size:28px}:host(${C}){--indicatorSize:${rt};--size:36px}:host(${li}){--indicatorSize:${rt};--size:40px}:host(${Ol}){--indicatorSize:${Bs};--size:44px}.progress,.background,.spinner,.start,.end,.indicator{position:absolute;inset:0}.progress,.spinner,.indicator{animation:none var(--duration) infinite ${Bi}}.progress{animation-timing-function:linear;animation-name:spin-linear}.background{border:var(--indicatorSize) solid ${ws};border-radius:50%}:host(${an}) .background{border-color:rgba(255,255,255,0.2)}.spinner{animation-name:spin-swing}.start{overflow:hidden;inset-inline-end:50%}.end{overflow:hidden;inset-inline-start:50%}.indicator{color:${yn};box-sizing:border-box;border-radius:50%;border:var(--indicatorSize) solid transparent;border-block-start-color:currentcolor;border-inline-end-color:currentcolor}:host(${an}) .indicator{color:${Jc}}.start .indicator{rotate:135deg;inset:0 -100% 0 0;animation-name:spin-start}.end .indicator{rotate:135deg;inset:0 0 0 -100%;animation-name:spin-end}@keyframes spin-linear{100%{transform:rotate(360deg)}}@keyframes spin-swing{0%{transform:rotate(-135deg)}50%{transform:rotate(0deg)}100%{transform:rotate(225deg)}}@keyframes spin-start{0%,100%{transform:rotate(0deg)}50%{transform:rotate(-80deg)}}@keyframes spin-end{0%,100%{transform:rotate(0deg)}50%{transform:rotate(70deg)}}`.withBehaviors(Q(g`
|
|
492
|
+
.background{display:none}.indicator{border-color:Canvas;border-block-start-color:Highlight;border-inline-end-color:Highlight}`)),rb=m`<slot name="indicator"><div class="background"></div><div class="progress"><div class="spinner"><div class="start"><div class="indicator"></div></div><div class="end"><div class="indicator"></div></div></div></div></slot>`,nb=Gs.compose({name:`${b.prefix}-spinner`,template:rb,styles:sb});nb.define(b.registry);class ab extends St{constructor(){super(),this.elementInternals.role="switch"}}function lb(o={}){return m`<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">${yt(o.switch)}</slot></template>`}const cb=lb({switch:'<span class="checked-indicator" part="checked-indicator"></span>'}),db=g`
|
|
493
|
+
${I("inline-flex")}
|
|
494
494
|
|
|
495
|
-
:host{box-sizing:border-box;align-items:center;flex-direction:row;outline:none;user-select:none;contain:content;padding:0 ${dt};width:40px;height:20px;background-color:${wt};border:1px solid ${
|
|
496
|
-
:host{border-color:InactiveBorder}:host(${
|
|
497
|
-
${
|
|
495
|
+
:host{box-sizing:border-box;align-items:center;flex-direction:row;outline:none;user-select:none;contain:content;padding:0 ${dt};width:40px;height:20px;background-color:${wt};border:1px solid ${ue};border-radius:${gt};cursor:pointer}:host(:hover){background:none;border-color:${We}}:host(:active){border-color:${Xe}}:host(:disabled),:host([readonly]){border:1px solid ${Bt};background-color:none;pointer:default}:host(${k}){background:${Ue};border-color:${Ue}}:host(${k}:hover){background:${vo};border-color:${vo}}:host(${k}:active){background:${yo};border-color:${yo}}:host(${k}:disabled){background:${Ge};border-color:${Bt}}.checked-indicator{height:14px;width:14px;border-radius:50%;margin-inline-start:0;background-color:${ut};transition-duration:${Es};transition-timing-function:${Bi};transition-property:margin-inline-start}:host(${k}) .checked-indicator{background-color:${je};margin-inline-start:calc(100% - 14px)}:host(${k}:hover) .checked-indicator{background:${Hc}}:host(${k}:active) .checked-indicator{background:${Rc}}:host(:hover) .checked-indicator{background-color:${Ec}}:host(:active) .checked-indicator{background-color:${Nc}}:host(:disabled) .checked-indicator,:host([readonly]) .checked-indicator{background:${B}}:host(${k}:disabled) .checked-indicator{background:${B}}:host(:focus-visible){outline:none}:host(:not([slot='input']):focus-visible){border-color:${pt};outline:${Pt} solid ${pt};box-shadow:${Ii},0 0 0 2px ${Ht}}`.withBehaviors(Q(g`
|
|
496
|
+
:host{border-color:InactiveBorder}:host(${k}),:host(${k}:active),:host(${k}:hover){background:Highlight;border-color:Highlight}.checked-indicator,:host(:hover) .checked-indicator,:host(:active) .checked-indicator{background-color:ActiveCaption}:host(${k}) .checked-indicator,:host(${k}:hover) .checked-indicator,:host(${k}:active) .checked-indicator{background-color:ButtonFace}`)),hb=ab.compose({name:`${b.prefix}-switch`,template:cb,styles:db});hb.define(b.registry);class ub extends w{}function pb(){return m`<template slot="tabpanel" role="tabpanel"><slot></slot></template>`}const gb=pb(),bb=g`
|
|
497
|
+
${I("block")}
|
|
498
498
|
|
|
499
|
-
:host{box-sizing:border-box;padding:${ft} ${bt}}`,
|
|
500
|
-
:host{--textContent:'${this.textContent}'}`,this.$fastController.addStyles(this.styles)}}
|
|
501
|
-
${
|
|
499
|
+
:host{box-sizing:border-box;padding:${ft} ${bt}}`,fb=ub.compose({name:`${b.prefix}-tab-panel`,template:gb,styles:bb});fb.define(b.registry);var mb=Object.defineProperty,$b=Object.getOwnPropertyDescriptor,vb=(o,t,e,i)=>{for(var s=i>1?void 0:i?$b(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&&mb(t,e,s),s};class Us extends w{connectedCallback(){super.connectedCallback(),this.styles!==void 0&&this.$fastController.removeStyles(this.styles),this.styles=g`
|
|
500
|
+
:host{--textContent:'${this.textContent}'}`,this.$fastController.addStyles(this.styles)}}vb([a({mode:"boolean"})],Us.prototype,"disabled",2),Yt(Us,Xt);function yb(o={}){return m`<template slot="tab" role="tab" aria-disabled="${t=>t.disabled}">${Kt(o)}<span class="tab-content"><slot></slot></span>${ce(o)}</template>`}const kb=yb({}),xb=g`
|
|
501
|
+
${I("inline-flex")}
|
|
502
502
|
|
|
503
|
-
:host{position:relative;flex-direction:column;cursor:pointer;box-sizing:border-box;justify-content:center;line-height:${D};font-family:${
|
|
504
|
-
:host([aria-selected='true'])::after{background-color:Highlight}`)),
|
|
505
|
-
:host{--tabIndicatorOffset:${this.activeTabOffset.toString()}px}`,this.$fastController.addStyles(this.styles)}setTabScaleCSSVar(){this.styles=
|
|
506
|
-
: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()}}
|
|
507
|
-
${
|
|
503
|
+
:host{position:relative;flex-direction:column;cursor:pointer;box-sizing:border-box;justify-content:center;line-height:${D};font-family:${v};font-size:${N};color:${Lt};fill:currentcolor;grid-row:1;padding:${ft} ${bt};border-radius:${P}}:host .tab-content{display:inline-flex;flex-direction:column;padding:0 2px}:host([aria-selected='true']){color:${A};font-weight:${L}}:host .tab-content::after{content:var(--textContent);visibility:hidden;height:0;line-height:${D};font-weight:${L}}:host([aria-selected='true'])::after{background-color:${wo};border-radius:${gt};content:'';inset:0;position:absolute;z-index:2}:host([aria-selected='false']:hover)::after{background-color:${ko};border-radius:${gt};content:'';inset:0;position:absolute;z-index:1}:host([aria-selected='true'][disabled])::after{background-color:${B}}::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:${B};color:${B}}:host([disabled]:hover)::after{background-color:unset}:host(:focus){outline:none}:host(:focus-visible){border-radius:${Rt};box-shadow:0 0 0 3px ${Ht};outline:1px solid ${Cs}}`.withBehaviors(Q(g`
|
|
504
|
+
:host([aria-selected='true'])::after{background-color:Highlight}`)),wb=Us.compose({name:`${b.prefix}-tab`,template:kb,styles:xb});wb.define(b.registry);const Cb={subtle:"subtle",transparent:"transparent"},Li=vt;var Sb=Object.defineProperty,Ib=Object.getOwnPropertyDescriptor,Ne=(o,t,e,i)=>{for(var s=i>1?void 0:i?Ib(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&&Sb(t,e,s),s};class Fo extends w{constructor(){super(...arguments),this.orientation=Li.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 ei:t.preventDefault(),this.adjustBackward(t);break;case oi:t.preventDefault(),this.adjustForward(t);break}else switch(t.key){case ii:t.preventDefault(),this.adjustBackward(t);break;case ti:t.preventDefault(),this.adjustForward(t);break}switch(t.key){case ni:t.preventDefault(),this.adjust(-this.activeTabIndex);break;case si: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),u=this.tabIds[r],p=this.tabpanelIds[r];s.setAttribute("id",u),s.setAttribute("aria-selected",n?"true":"false"),s.setAttribute("aria-controls",p),s.addEventListener("click",this.handleTabClick),s.addEventListener("keydown",this.handleTabKeyDown),s.setAttribute("tabindex",n?"0":"-1"),n&&(this.activetab=s,this.activeid=u)}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-${co()}`)}getTabPanelIds(){return this.tabpanels.map(t=>t.getAttribute("id")??`panel-${co()}`)}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab(),this.change())}isHorizontal(){return this.orientation===Li.horizontal}adjust(t){const e=this.tabs.filter(n=>this.isFocusableElement(n)),i=e.indexOf(this.activetab),s=cs(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()}}Ne([a],Fo.prototype,"orientation",2),Ne([a],Fo.prototype,"activeid",2),Ne([y],Fo.prototype,"tabs",2),Ne([y],Fo.prototype,"tabpanels",2);class Oo extends Fo{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=Cb.transparent}calculateAnimationProperties(t){this.activeTabOffset=this.getTabPosition(t),this.activeTabScale=this.getTabScale(t)}getTabPosition(t){return this.orientation===Li.horizontal?this.previousActiveTabData.x-(t.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(t.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(t){return this.orientation===Li.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=g`
|
|
505
|
+
:host{--tabIndicatorOffset:${this.activeTabOffset.toString()}px}`,this.$fastController.addStyles(this.styles)}setTabScaleCSSVar(){this.styles=g`
|
|
506
|
+
: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()}}Ne([a],Oo.prototype,"appearance",2),Ne([a({mode:"boolean"})],Oo.prototype,"disabled",2),Ne([a],Oo.prototype,"size",2),Yt(Oo,Xt);function zb(o={}){return m` ${Kt(o)}<div class="tablist" part="tablist" role="tablist"><slot name="tab" ${ot("tabs")}></slot></div>${ce(o)}<div class="tabpanel" part="tabpanel"><slot name="tabpanel" ${ot("tabpanels")}></slot></div>`}const Tb=zb({}),Bb=g`
|
|
507
|
+
${I("grid")}
|
|
508
508
|
|
|
509
|
-
:host{box-sizing:border-box;font-family:${$};font-size:${E};line-height:${D};color:${Vt};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}:host([disabled]){cursor:not-allowed;color:${B}}:host([disabled]) ::slotted(fluent-tab){pointer-events:none;cursor:not-allowed;color:${B}}:host([disabled]) ::slotted(fluent-tab:after){background-color:${B}}:host([disabled]) ::slotted(fluent-tab[aria-selected='true'])::after{background-color:${B}}:host([disabled]) ::slotted(fluent-tab:hover):before{content:unset}:host ::slotted(fluent-tab){border-radius:${P}}:host ::slotted(fluent-tab[aria-selected='true'])::before{background-color:${B}}.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:${ms};color:${gi};fill:${rn}}:host([appearance='subtle']) ::slotted(fluent-tab:active){background-color:${Re};fill:${Re};color:${A}}:host([size='small']) ::slotted(fluent-tab){font-size:${E};line-height:${D};padding:${ue} ${xt}}:host([size='large']) ::slotted(fluent-tab){font-size:${ct};line-height:${kt};padding:${Cs} ${bt}}:host ::slotted(fluent-tab[data-animate='true'])::after{transition-property:transform;transition-duration:${Hn};transition-timing-function:${Ni}}:host ::slotted(fluent-tab)::after{height:${rt};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted(fluent-tab)::after{width:${rt};height:unset;margin-top:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted(fluent-tab)::before{height:${rt};border-radius:${gt};content:'';inset:0;position:absolute;margin-top:auto}:host([orientation='vertical']) ::slotted(fluent-tab)::before{height:unset;width:${rt};margin-inline-end:auto;transform-origin:top}:host ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:${rt};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:${rt}}:host([orientation='vertical']) ::slotted(fluent-tab){align-items:flex-start;grid-column:2;padding-top:${ue};padding-bottom:${ue}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab){padding-top:${wo};padding-bottom:${wo}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab){padding-top:${nt};padding-bottom:${nt}}:host([size='small']) ::slotted(fluent-tab)::after,:host([size='small']) ::slotted(fluent-tab)::before,:host([size='small']) ::slotted(fluent-tab:hover)::after{right:${xt};left:${xt}}:host ::slotted(fluent-tab)::after,:host ::slotted(fluent-tab)::before,:host ::slotted(fluent-tab:hover)::after{right:${bt};left:${bt}}:host([size='large']) ::slotted(fluent-tab)::after,:host([size='large']) ::slotted(fluent-tab)::before,:host([size='large']) ::slotted(fluent-tab:hover)::after{right:${bt};left:${bt}}: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:${ue};bottom:${ue}}: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:${nt};bottom:${nt}}: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:${Xe};bottom:${Xe}}`,Tg=No.compose({name:`${g.prefix}-tabs`,template:Sg,styles:zg});Tg.define(g.registry);const Bg=o=>o.getAttribute("aria-disabled")==="true",Pg=o=>o.hasAttribute("hidden"),Ds=o=>!Bg(o)&&!Pg(o),Ag={subtle:"subtle",transparent:"transparent"},Fo=vt;var Eg=Object.defineProperty,Ng=Object.getOwnPropertyDescriptor,so=(o,t,e,s)=>{for(var i=s>1?void 0:s?Ng(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Eg(t,e,i),i};class Oo extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.disabled=!1,this.orientation=Fo.horizontal,this.prevActiveTabIndex=0,this.activeTabIndex=0,this.change=()=>{this.$emit("change",this.activetab)},this.handleTabClick=t=>{const e=t.currentTarget;e.nodeType===Node.ELEMENT_NODE&&Ds(e)&&(this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=this.tabs.indexOf(e),this.setComponent())},this.handleTabKeyDown=t=>{const e=ci(this);switch(t.key){case Jo:if(!this.isHorizontal())return;t.preventDefault(),this.adjust(e==="ltr"?-1:1);break;case ts:if(!this.isHorizontal())return;t.preventDefault(),this.adjust(e==="ltr"?1:-1);break;case es:if(this.isHorizontal())return;t.preventDefault(),this.adjust(-1);break;case Zo:if(this.isHorizontal())return;t.preventDefault(),this.adjust(1);break;case is:t.preventDefault(),this.adjust(-this.activeTabIndex);break;case os:t.preventDefault(),this.adjust(this.tabs.filter(s=>Ds(s)).length-this.activeTabIndex-1);break}}}disabledChanged(t,e){c(this.elementInternals,"disabled",e)}orientationChanged(t,e){this.elementInternals.ariaOrientation=e??Fo.horizontal,t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0),this.$fastController.isConnected&&this.setTabs()}activeidChanged(t,e){this.$fastController.isConnected&&this.tabs.length>0&&(this.prevActiveTabIndex=this.tabs.findIndex(s=>s.id===t),this.setTabs())}tabsChanged(){this.$fastController.isConnected&&this.tabs.length>0&&(this.tabIds=this.getTabIds(),this.setTabs())}getActiveIndex(){return this.activeid!==void 0?this.tabIds.indexOf(this.activeid)===-1?0:this.tabIds.indexOf(this.activeid):0}setTabs(){this.activeTabIndex=this.getActiveIndex(),this.tabs.forEach((t,e)=>{if(t.slot==="tab"){const s=this.activeTabIndex===e&&Ds(t),i=this.tabIds[e];t.setAttribute("id",i),t.setAttribute("aria-selected",s?"true":"false"),t.addEventListener("click",this.handleTabClick),t.addEventListener("keydown",this.handleTabKeyDown),t.setAttribute("tabindex",s&&!this.disabled?"0":"-1"),s&&(this.activetab=t,this.activeid=i),this.change()}})}getTabIds(){return this.tabs.map(t=>t.getAttribute("id")??`tab-${ao()}`)}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab(),this.change())}isHorizontal(){return this.orientation===Fo.horizontal}adjust(t){const e=this.tabs.filter(n=>Ds(n)),s=e.indexOf(this.activetab),i=tl(0,e.length-1,s+t),r=this.tabs.indexOf(e[i]);r>-1&&this.activateTabByIndex(this.tabs,r)}activateTabByIndex(t,e){const s=t[e];this.activetab=s,this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=e,s.focus(),this.setComponent()}focusTab(){this.tabs[this.activeTabIndex].focus()}connectedCallback(){super.connectedCallback(),this.tabIds=this.getTabIds(),this.activeTabIndex=this.getActiveIndex()}}so([a({mode:"boolean"})],Oo.prototype,"disabled",2),so([a],Oo.prototype,"orientation",2),so([a],Oo.prototype,"activeid",2),so([v],Oo.prototype,"tabs",2);class Gi extends Oo{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=Ag.transparent}appearanceChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}calculateAnimationProperties(t){this.activeTabOffset=this.getTabPosition(t),this.activeTabScale=this.getTabScale(t)}getTabPosition(t){return this.orientation===Fo.horizontal?this.previousActiveTabData.x-(t.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(t.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(t){return this.orientation===Fo.horizontal?this.previousActiveTabData.width/t.getBoundingClientRect().width:this.previousActiveTabData.height/t.getBoundingClientRect().height}applyUpdatedCSSValues(t){this.calculateAnimationProperties(t),this.setAnimationVars()}animationLoop(t){t.setAttribute("data-animate","false"),this.applyUpdatedCSSValues(t),this.previousActiveTabData=this.activeTabData,this.applyUpdatedCSSValues(t),t.setAttribute("data-animate","true")}setTabData(){if(this.tabs&&this.tabs.length>0){const t=this.tabs,s=(this.activetab||t[0])?.getBoundingClientRect(),i=this.getBoundingClientRect();this.activeTabData={x:s.x-i.x,y:s.y-i.y,height:s.height,width:s.width},this.previousActiveTabData?.x!==this.activeTabData?.x&&this.previousActiveTabData?.y!==this.activeTabData?.y&&(this.previousActiveTabData=this.activeTabData)}}setAnimationVars(){this.style.setProperty("--tabIndicatorOffset",`${this.activeTabOffset}px`),this.style.setProperty("--tabIndicatorScale",`${this.activeTabScale}`)}activeidChanged(t,e){super.activeidChanged(t,e),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}tabsChanged(){super.tabsChanged(),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}}so([a],Gi.prototype,"appearance",2),so([a],Gi.prototype,"size",2);const Fg=f`<template role="tablist"><slot name="tab" ${ot("tabs")}></slot></template>`,Og=l`
|
|
510
|
-
${
|
|
509
|
+
:host{box-sizing:border-box;font-family:${v};font-size:${N};line-height:${D};color:${Lt};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}:host([disabled]){cursor:not-allowed;color:${B}}:host([disabled]) ::slotted(fluent-tab){pointer-events:none;cursor:not-allowed;color:${B}}:host([disabled]) ::slotted(fluent-tab:after){background-color:${B}}:host([disabled]) ::slotted(fluent-tab[aria-selected='true'])::after{background-color:${B}}:host([disabled]) ::slotted(fluent-tab:hover):before{content:unset}:host ::slotted(fluent-tab){border-radius:${P}}:host ::slotted(fluent-tab[aria-selected='true'])::before{background-color:${B}}.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:${yi};color:${bs};fill:${pn}}:host([appearance='subtle']) ::slotted(fluent-tab:active){background-color:${qe};fill:${qe};color:${A}}:host([size='small']) ::slotted(fluent-tab){font-size:${N};line-height:${D};padding:${pe} ${xt}}:host([size='large']) ::slotted(fluent-tab){font-size:${ct};line-height:${kt};padding:${zi} ${bt}}:host ::slotted(fluent-tab[data-animate='true'])::after{transition-property:transform;transition-duration:${Kn};transition-timing-function:${Fs}}:host ::slotted(fluent-tab)::after{height:${rt};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted(fluent-tab)::after{width:${rt};height:unset;margin-top:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted(fluent-tab)::before{height:${rt};border-radius:${gt};content:'';inset:0;position:absolute;margin-top:auto}:host([orientation='vertical']) ::slotted(fluent-tab)::before{height:unset;width:${rt};margin-inline-end:auto;transform-origin:top}:host ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:${rt};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:${rt}}:host([orientation='vertical']) ::slotted(fluent-tab){align-items:flex-start;grid-column:2;padding-top:${pe};padding-bottom:${pe}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab){padding-top:${So};padding-bottom:${So}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab){padding-top:${nt};padding-bottom:${nt}}:host([size='small']) ::slotted(fluent-tab)::after,:host([size='small']) ::slotted(fluent-tab)::before,:host([size='small']) ::slotted(fluent-tab:hover)::after{right:${xt};left:${xt}}:host ::slotted(fluent-tab)::after,:host ::slotted(fluent-tab)::before,:host ::slotted(fluent-tab:hover)::after{right:${bt};left:${bt}}:host([size='large']) ::slotted(fluent-tab)::after,:host([size='large']) ::slotted(fluent-tab)::before,:host([size='large']) ::slotted(fluent-tab:hover)::after{right:${bt};left:${bt}}: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:${pe};bottom:${pe}}: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:${nt};bottom:${nt}}: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:${Ye};bottom:${Ye}}`,Pb=Oo.compose({name:`${b.prefix}-tabs`,template:Tb,styles:Bb});Pb.define(b.registry);const Ab=o=>o.getAttribute("aria-disabled")==="true",Eb=o=>o.hasAttribute("hidden"),Hi=o=>!Ab(o)&&!Eb(o),Nb={subtle:"subtle",transparent:"transparent"},_o=vt;var Fb=Object.defineProperty,Ob=Object.getOwnPropertyDescriptor,ro=(o,t,e,i)=>{for(var s=i>1?void 0:i?Ob(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&&Fb(t,e,s),s};class Mo extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.disabled=!1,this.orientation=_o.horizontal,this.prevActiveTabIndex=0,this.activeTabIndex=0,this.change=()=>{this.$emit("change",this.activetab)},this.handleTabClick=t=>{const e=t.currentTarget;e.nodeType===Node.ELEMENT_NODE&&Hi(e)&&(this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=this.tabs.indexOf(e),this.setComponent())},this.handleTabKeyDown=t=>{const e=hs(this);switch(t.key){case ei:if(!this.isHorizontal())return;t.preventDefault(),this.adjust(e==="ltr"?-1:1);break;case oi:if(!this.isHorizontal())return;t.preventDefault(),this.adjust(e==="ltr"?1:-1);break;case ii:if(this.isHorizontal())return;t.preventDefault(),this.adjust(-1);break;case ti:if(this.isHorizontal())return;t.preventDefault(),this.adjust(1);break;case ni:t.preventDefault(),this.adjust(-this.activeTabIndex);break;case si:t.preventDefault(),this.adjust(this.tabs.filter(i=>Hi(i)).length-this.activeTabIndex-1);break}}}disabledChanged(t,e){l(this.elementInternals,"disabled",e)}orientationChanged(t,e){this.elementInternals.ariaOrientation=e??_o.horizontal,t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0),this.$fastController.isConnected&&this.setTabs()}activeidChanged(t,e){this.$fastController.isConnected&&this.tabs.length>0&&(this.prevActiveTabIndex=this.tabs.findIndex(i=>i.id===t),this.setTabs())}tabsChanged(){this.$fastController.isConnected&&this.tabs.length>0&&(this.tabIds=this.getTabIds(),this.setTabs())}getActiveIndex(){return this.activeid!==void 0?this.tabIds.indexOf(this.activeid)===-1?0:this.tabIds.indexOf(this.activeid):0}setTabs(){this.activeTabIndex=this.getActiveIndex(),this.tabs.forEach((t,e)=>{if(t.slot==="tab"){const i=this.activeTabIndex===e&&Hi(t),s=this.tabIds[e];t.setAttribute("id",s),t.setAttribute("aria-selected",i?"true":"false"),t.addEventListener("click",this.handleTabClick),t.addEventListener("keydown",this.handleTabKeyDown),t.setAttribute("tabindex",i&&!this.disabled?"0":"-1"),i&&(this.activetab=t,this.activeid=s),this.change()}})}getTabIds(){return this.tabs.map(t=>t.getAttribute("id")??`tab-${co()}`)}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab(),this.change())}isHorizontal(){return this.orientation===_o.horizontal}adjust(t){const e=this.tabs.filter(n=>Hi(n)),i=e.indexOf(this.activetab),s=il(0,e.length-1,i+t),r=this.tabs.indexOf(e[s]);r>-1&&this.activateTabByIndex(this.tabs,r)}activateTabByIndex(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.activeTabIndex=this.getActiveIndex()}}ro([a({mode:"boolean"})],Mo.prototype,"disabled",2),ro([a],Mo.prototype,"orientation",2),ro([a],Mo.prototype,"activeid",2),ro([y],Mo.prototype,"tabs",2);class Ws extends Mo{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=Nb.transparent}appearanceChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}calculateAnimationProperties(t){this.activeTabOffset=this.getTabPosition(t),this.activeTabScale=this.getTabScale(t)}getTabPosition(t){return this.orientation===_o.horizontal?this.previousActiveTabData.x-(t.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(t.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(t){return this.orientation===_o.horizontal?this.previousActiveTabData.width/t.getBoundingClientRect().width:this.previousActiveTabData.height/t.getBoundingClientRect().height}applyUpdatedCSSValues(t){this.calculateAnimationProperties(t),this.setAnimationVars()}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)}}setAnimationVars(){this.style.setProperty("--tabIndicatorOffset",`${this.activeTabOffset}px`),this.style.setProperty("--tabIndicatorScale",`${this.activeTabScale}`)}activeidChanged(t,e){super.activeidChanged(t,e),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}tabsChanged(){super.tabsChanged(),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}}ro([a],Ws.prototype,"appearance",2),ro([a],Ws.prototype,"size",2);const _b=m`<template role="tablist"><slot name="tab" ${ot("tabs")}></slot></template>`,Mb=g`
|
|
510
|
+
${I("flex")}
|
|
511
511
|
|
|
512
|
-
:host{--tabPaddingInline:inherit;--tabPaddingBlock:inherit;--tabIndicatorInsetInline:0;--tabIndicatorInsetBlock:0;box-sizing:border-box;color:${Vt};flex-direction:row}:host(${I}){flex-direction:column}:host ::slotted([role='tab']){align-items:flex-start}:host ::slotted([slot='tab'][data-animate='true'])::after{transition-property:transform;transition-duration:${Hn};transition-timing-function:${Ni}}:host ::slotted([slot='tab'])::after{height:${rt};margin-block-start:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host(${I}) ::slotted([slot='tab'])::after{width:${rt};height:unset;margin-block-start:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted([slot='tab'])::before{height:${rt};border-radius:${gt};content:'';inset-inline:var(--tabIndicatorInsetInline);inset-block:var(--tabIndicatorInsetBlock);position:absolute;margin-top:auto}:host ::slotted([slot='tab'])::before{inset-inline:var(--tabIndicatorInsetInline);inset-block:var(--tabIndicatorInsetBlock)}:host ::slotted([slot='tab'][aria-selected='true'])::before{background-color:${B}}:host ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:${rt};margin-block-start:auto;transform-origin:left}:host(${I}) ::slotted([slot='tab'])::before,:host(${I}) ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:unset;width:${rt};margin-inline-end:auto;transform-origin:top}:host(:where(${T},${C})) ::slotted([slot='tab']){padding-inline:var(--tabPaddingInline);padding-block:var(--tabPaddingBlock)}:host(${T}) ::slotted([slot='tab']){--tabPaddingBlock:${ue};--tabPaddingInline:${xt};font-size:${E};line-height:${D}}:host(${C}) ::slotted([slot='tab']){--tabPaddingBlock:${Cs};--tabPaddingInline:${bt};font-size:${ct};line-height:${kt}}:host ::slotted([slot='tab'])::after,:host ::slotted([slot='tab'])::before,:host ::slotted([slot='tab']:hover)::after{inset-inline:var(--tabIndicatorInsetInline)}:host ::slotted([slot='tab']){--tabIndicatorInsetInline:${bt}}:host(${T}) ::slotted([slot='tab']){--tabIndicatorInsetInline:${xt}}:host(${C}) ::slotted([slot='tab']){--tabIndicatorInsetInline:${bt}}:host(${I}) ::slotted([slot='tab']){padding-block:var(--tabPaddingBlock)}:host(${I}) ::slotted([slot='tab']){--tabPaddingBlock:${nt}}:host(${I}${T}) ::slotted([slot='tab']){--tabPaddingBlock:${wo}}:host(${I}${C}) ::slotted([slot='tab']){--tabPaddingBlock:${nt}}:host(${I}) ::slotted([slot='tab'])::after,:host(${I}) ::slotted([slot='tab'])::before,:host(${I}) ::slotted([slot='tab']:hover)::after{inset-inline:0;inset-block:var(--tabIndicatorInsetBlock)}:host(${I}){--tabIndicatorInsetBlock:${nt}}:host(${I}${T}){--tabIndicatorInsetBlock:${ue}}:host(${I}${C}){--tabIndicatorInsetBlock:${Xe}}:host(${F}){cursor:not-allowed;color:${B}}:host(${F}) ::slotted([slot='tab']){pointer-events:none;cursor:not-allowed;color:${B}}:host(${F}) ::slotted([slot='tab']:after){background-color:${B}}:host(${F}) ::slotted([slot='tab'][aria-selected='true'])::after{background-color:${B}}:host(${F}) ::slotted([slot='tab']:hover):before{content:unset}:host(${z}) ::slotted([slot='tab']:hover){background-color:${ms};color:${gi};fill:${rn}}:host(${z}) ::slotted([slot='tab']:active){background-color:${Re};fill:${Re};color:${A}}`,Mg=Gi.compose({name:`${g.prefix}-tablist`,template:Fg,styles:Og});Mg.define(g.registry);const Mo={outline:"outline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},_g=[Mo.filledLighter,Mo.filledDarker],Ls={none:"none",both:"both",horizontal:"horizontal",vertical:"vertical"};var Vg=Object.defineProperty,Dg=Object.getOwnPropertyDescriptor,G=(o,t,e,s)=>{for(var i=s>1?void 0:s?Dg(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Vg(t,e,i),i};class K extends w{constructor(){super(),this.elementInternals=this.attachInternals(),this.userInteracted=!1,this.preConnectControlEl=document.createElement("textarea"),this.autoResize=!1,this.disabled=!1,this.displayShadow=!1,this.readOnly=!1,this.required=!1,this.resize=Ls.none,this.spellcheck=!1}defaultSlottedNodesChanged(){const t=this.getContent();this.defaultValue=t,this.value=t}labelSlottedNodesChanged(){this.labelEl&&(this.labelEl.hidden=!this.labelSlottedNodes.length),this.labelSlottedNodes.forEach(t=>{t.disabled=this.disabled,t.required=this.required})}autoResizeChanged(){this.maybeCreateAutoSizerEl(),c(this.elementInternals,"auto-resize",this.autoResize)}disabledChanged(){this.setDisabledSideEffect(this.disabled)}get form(){return this.elementInternals.form}get labels(){return this.elementInternals.labels}readOnlyChanged(){this.elementInternals.ariaReadOnly=`${!!this.readOnly}`}requiredChanged(){this.elementInternals.ariaRequired=`${!!this.required}`,this.labelSlottedNodes?.length&&this.labelSlottedNodes.forEach(t=>t.required=this.required)}resizeChanged(t,e){t&&c(this.elementInternals,`resize-${t}`,!1),e&&c(this.elementInternals,`resize-${e}`,!0),c(this.elementInternals,"resize",[Ls.both,Ls.horizontal,Ls.vertical].includes(this.resize))}get textLength(){return this.controlEl.textLength}get type(){return"textarea"}get validity(){return this.elementInternals.validity}get validationMessage(){return this.elementInternals.validationMessage||this.controlEl.validationMessage}get willValidate(){return this.elementInternals.willValidate}get defaultValue(){return this.controlEl?.defaultValue??this.preConnectControlEl.defaultValue}set defaultValue(t){const e=this.controlEl??this.preConnectControlEl;e.defaultValue=t,this.controlEl&&!this.userInteracted&&(this.controlEl.value=t)}get value(){return this.controlEl?.value??this.preConnectControlEl.value}set value(t){const e=this.controlEl??this.preConnectControlEl;e.value=t,this.setFormValue(t),this.setValidity()}connectedCallback(){super.connectedCallback(),this.setDefaultValue(),this.maybeCreateAutoSizerEl(),this.bindEvents(),this.observeControlElAttrs()}disconnectedCallback(){super.disconnectedCallback(),this.autoSizerObserver?.disconnect(),this.controlElAttrObserver?.disconnect()}formResetCallback(){this.value=this.defaultValue}formDisabledCallback(t){this.setDisabledSideEffect(t),this.setValidity()}setFormValue(t,e){this.elementInternals.setFormValue(t,t??e)}checkValidity(){return this.elementInternals.checkValidity()}reportValidity(){return this.elementInternals.reportValidity()}setCustomValidity(t){this.elementInternals.setValidity({customError:!!t},t?t.toString():void 0),this.reportValidity()}setValidity(t,e,s){this.$fastController.isConnected&&(this.disabled||this.readOnly?this.elementInternals.setValidity({}):this.elementInternals.setValidity(t??this.controlEl.validity,e??this.controlEl.validationMessage,s??this.controlEl),this.userInteracted&&this.toggleUserValidityState())}select(){this.controlEl.select()}setDefaultValue(){this.defaultValue=this.innerHTML.trim()||this.preConnectControlEl.defaultValue||"",this.value=this.preConnectControlEl.value||this.defaultValue,this.setFormValue(this.value),this.setValidity(),this.preConnectControlEl=null}bindEvents(){this.controlEl.addEventListener("input",()=>this.userInteracted=!0,{once:!0})}getContent(){return this.defaultSlottedNodes.map(t=>{switch(t.nodeType){case Node.ELEMENT_NODE:return t.outerHTML;case Node.TEXT_NODE:return t.textContent.trim();default:return""}}).join("")||""}observeControlElAttrs(){this.controlElAttrObserver=new MutationObserver(()=>{this.setValidity()}),this.controlElAttrObserver.observe(this.controlEl,{attributes:!0,attributeFilter:["disabled","required","readonly","maxlength","minlength"]})}setDisabledSideEffect(t){this.elementInternals.ariaDisabled=`${t}`,this.controlEl&&(this.controlEl.disabled=t),this.labelSlottedNodes?.length&&this.labelSlottedNodes.forEach(e=>e.disabled=this.disabled)}toggleUserValidityState(){c(this.elementInternals,"user-invalid",!this.validity.valid),c(this.elementInternals,"user-valid",this.validity.valid)}maybeCreateAutoSizerEl(){if(!CSS.supports("field-sizing: content")){if(!this.autoResize){this.autoSizerEl?.remove(),this.autoSizerObserver?.disconnect();return}this.autoSizerEl||(this.autoSizerEl=document.createElement("div"),this.autoSizerEl.classList.add("auto-sizer"),this.autoSizerEl.ariaHidden="true"),this.shadowRoot.prepend(this.autoSizerEl),this.autoSizerObserver||(this.autoSizerObserver=new ResizeObserver((t,e)=>{const s=window.getComputedStyle(this).writingMode.startsWith("horizontal")?"height":"width";this.style.getPropertyValue(s)!==""&&(this.autoSizerEl?.remove(),e.disconnect())})),this.autoSizerObserver.observe(this)}}handleControlInput(){this.autoResize&&this.autoSizerEl&&(this.autoSizerEl.textContent=this.value+" "),this.setFormValue(this.value),this.setValidity()}handleControlChange(){this.toggleUserValidityState(),this.$emit("change")}handleControlSelect(){this.$emit("select")}}K.formAssociated=!0,G([v],K.prototype,"defaultSlottedNodes",2),G([v],K.prototype,"labelSlottedNodes",2),G([a],K.prototype,"autocomplete",2),G([a({attribute:"auto-resize",mode:"boolean"})],K.prototype,"autoResize",2),G([a({attribute:"dirname"})],K.prototype,"dirName",2),G([a({mode:"boolean"})],K.prototype,"disabled",2),G([a({attribute:"display-shadow",mode:"boolean"})],K.prototype,"displayShadow",2),G([a({attribute:"form"})],K.prototype,"initialForm",2),G([a({attribute:"maxlength",converter:st})],K.prototype,"maxLength",2),G([a({attribute:"minlength",converter:st})],K.prototype,"minLength",2),G([a],K.prototype,"name",2),G([a],K.prototype,"placeholder",2),G([a({attribute:"readonly",mode:"boolean"})],K.prototype,"readOnly",2),G([a({mode:"boolean"})],K.prototype,"required",2),G([a({mode:"fromView"})],K.prototype,"resize",2),G([a({mode:"boolean"})],K.prototype,"spellcheck",2);class Hs extends K{constructor(){super(...arguments),this.appearance=Mo.outline,this.block=!1}labelSlottedNodesChanged(){super.labelSlottedNodesChanged(),this.labelSlottedNodes.forEach(t=>{t.size=this.size})}appearanceChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),!e||!Array.from(Object.values(Mo)).includes(e)?c(this.elementInternals,Mo.outline,!0):c(this.elementInternals,`${e}`,!0)}blockChanged(){c(this.elementInternals,"block",this.block)}sizeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}handleChange(t,e){switch(e){case"size":this.labelSlottedNodes.forEach(s=>{s.size=this.size});break;case"appearance":case"displayShadow":this.maybeDisplayShadow();break}}connectedCallback(){super.connectedCallback(),this.maybeDisplayShadow(),m.getNotifier(this).subscribe(this,"appearance"),m.getNotifier(this).subscribe(this,"displayShadow"),m.getNotifier(this).subscribe(this,"size")}disconnectedCallback(){super.disconnectedCallback(),m.getNotifier(this).unsubscribe(this,"appearance"),m.getNotifier(this).unsubscribe(this,"displayShadow"),m.getNotifier(this).unsubscribe(this,"size")}maybeDisplayShadow(){c(this.elementInternals,"display-shadow",this.displayShadow&&_g.includes(this.appearance))}}G([a({mode:"fromView"})],Hs.prototype,"appearance",2),G([a({mode:"boolean"})],Hs.prototype,"block",2),G([a],Hs.prototype,"size",2);const Lg=l`
|
|
513
|
-
${
|
|
512
|
+
:host{--tabPaddingInline:inherit;--tabPaddingBlock:inherit;--tabIndicatorInsetInline:0;--tabIndicatorInsetBlock:0;box-sizing:border-box;color:${Lt};flex-direction:row}:host(${S}){flex-direction:column}:host ::slotted([role='tab']){align-items:flex-start}:host ::slotted([slot='tab'][data-animate='true'])::after{transition-property:transform;transition-duration:${Kn};transition-timing-function:${Fs}}:host ::slotted([slot='tab'])::after{height:${rt};margin-block-start:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host(${S}) ::slotted([slot='tab'])::after{width:${rt};height:unset;margin-block-start:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted([slot='tab'])::before{height:${rt};border-radius:${gt};content:'';inset-inline:var(--tabIndicatorInsetInline);inset-block:var(--tabIndicatorInsetBlock);position:absolute;margin-top:auto}:host ::slotted([slot='tab'])::before{inset-inline:var(--tabIndicatorInsetInline);inset-block:var(--tabIndicatorInsetBlock)}:host ::slotted([slot='tab'][aria-selected='true'])::before{background-color:${B}}:host ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:${rt};margin-block-start:auto;transform-origin:left}:host(${S}) ::slotted([slot='tab'])::before,:host(${S}) ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:unset;width:${rt};margin-inline-end:auto;transform-origin:top}:host(:where(${T},${C})) ::slotted([slot='tab']){padding-inline:var(--tabPaddingInline);padding-block:var(--tabPaddingBlock)}:host(${T}) ::slotted([slot='tab']){--tabPaddingBlock:${pe};--tabPaddingInline:${xt};font-size:${N};line-height:${D}}:host(${C}) ::slotted([slot='tab']){--tabPaddingBlock:${zi};--tabPaddingInline:${bt};font-size:${ct};line-height:${kt}}:host ::slotted([slot='tab'])::after,:host ::slotted([slot='tab'])::before,:host ::slotted([slot='tab']:hover)::after{inset-inline:var(--tabIndicatorInsetInline)}:host ::slotted([slot='tab']){--tabIndicatorInsetInline:${bt}}:host(${T}) ::slotted([slot='tab']){--tabIndicatorInsetInline:${xt}}:host(${C}) ::slotted([slot='tab']){--tabIndicatorInsetInline:${bt}}:host(${S}) ::slotted([slot='tab']){padding-block:var(--tabPaddingBlock)}:host(${S}) ::slotted([slot='tab']){--tabPaddingBlock:${nt}}:host(${S}${T}) ::slotted([slot='tab']){--tabPaddingBlock:${So}}:host(${S}${C}) ::slotted([slot='tab']){--tabPaddingBlock:${nt}}:host(${S}) ::slotted([slot='tab'])::after,:host(${S}) ::slotted([slot='tab'])::before,:host(${S}) ::slotted([slot='tab']:hover)::after{inset-inline:0;inset-block:var(--tabIndicatorInsetBlock)}:host(${S}){--tabIndicatorInsetBlock:${nt}}:host(${S}${T}){--tabIndicatorInsetBlock:${pe}}:host(${S}${C}){--tabIndicatorInsetBlock:${Ye}}:host(${E}){cursor:not-allowed;color:${B}}:host(${E}) ::slotted([slot='tab']){pointer-events:none;cursor:not-allowed;color:${B}}:host(${E}) ::slotted([slot='tab']:after){background-color:${B}}:host(${E}) ::slotted([slot='tab'][aria-selected='true'])::after{background-color:${B}}:host(${E}) ::slotted([slot='tab']:hover):before{content:unset}:host(${z}) ::slotted([slot='tab']:hover){background-color:${yi};color:${bs};fill:${pn}}:host(${z}) ::slotted([slot='tab']:active){background-color:${qe};fill:${qe};color:${A}}`,Vb=Ws.compose({name:`${b.prefix}-tablist`,template:_b,styles:Mb});Vb.define(b.registry);const Vo={outline:"outline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},Db=[Vo.filledLighter,Vo.filledDarker],Ri={none:"none",both:"both",horizontal:"horizontal",vertical:"vertical"};var Lb=Object.defineProperty,Hb=Object.getOwnPropertyDescriptor,U=(o,t,e,i)=>{for(var s=i>1?void 0:i?Hb(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&&Lb(t,e,s),s};class K extends w{constructor(){super(),this.elementInternals=this.attachInternals(),this.userInteracted=!1,this.preConnectControlEl=document.createElement("textarea"),this.autoResize=!1,this.disabled=!1,this.displayShadow=!1,this.readOnly=!1,this.required=!1,this.resize=Ri.none,this.spellcheck=!1}defaultSlottedNodesChanged(){const t=this.getContent();this.defaultValue=t,this.value=t}labelSlottedNodesChanged(){this.labelEl&&(this.labelEl.hidden=!this.labelSlottedNodes.length),this.labelSlottedNodes.forEach(t=>{t.disabled=this.disabled,t.required=this.required})}autoResizeChanged(){this.maybeCreateAutoSizerEl(),l(this.elementInternals,"auto-resize",this.autoResize)}disabledChanged(){this.setDisabledSideEffect(this.disabled)}get form(){return this.elementInternals.form}get labels(){return this.elementInternals.labels}readOnlyChanged(){this.elementInternals.ariaReadOnly=`${!!this.readOnly}`}requiredChanged(){this.elementInternals.ariaRequired=`${!!this.required}`,this.labelSlottedNodes?.length&&this.labelSlottedNodes.forEach(t=>t.required=this.required)}resizeChanged(t,e){t&&l(this.elementInternals,`resize-${t}`,!1),e&&l(this.elementInternals,`resize-${e}`,!0),l(this.elementInternals,"resize",[Ri.both,Ri.horizontal,Ri.vertical].includes(this.resize))}get textLength(){return this.controlEl.textLength}get type(){return"textarea"}get validity(){return this.elementInternals.validity}get validationMessage(){return this.elementInternals.validationMessage||this.controlEl.validationMessage}get willValidate(){return this.elementInternals.willValidate}get defaultValue(){return this.controlEl?.defaultValue??this.preConnectControlEl.defaultValue}set defaultValue(t){const e=this.controlEl??this.preConnectControlEl;e.defaultValue=t,this.controlEl&&!this.userInteracted&&(this.controlEl.value=t)}get value(){return this.controlEl?.value??this.preConnectControlEl.value}set value(t){const e=this.controlEl??this.preConnectControlEl;e.value=t,this.setFormValue(t),this.setValidity()}connectedCallback(){super.connectedCallback(),this.setDefaultValue(),this.maybeCreateAutoSizerEl(),this.bindEvents(),this.observeControlElAttrs()}disconnectedCallback(){super.disconnectedCallback(),this.autoSizerObserver?.disconnect(),this.controlElAttrObserver?.disconnect()}formResetCallback(){this.value=this.defaultValue}formDisabledCallback(t){this.setDisabledSideEffect(t),this.setValidity()}setFormValue(t,e){this.elementInternals.setFormValue(t,t??e)}checkValidity(){return this.elementInternals.checkValidity()}reportValidity(){return this.elementInternals.reportValidity()}setCustomValidity(t){this.elementInternals.setValidity({customError:!!t},t?t.toString():void 0),this.reportValidity()}setValidity(t,e,i){this.$fastController.isConnected&&(this.disabled||this.readOnly?this.elementInternals.setValidity({}):this.elementInternals.setValidity(t??this.controlEl.validity,e??this.controlEl.validationMessage,i??this.controlEl),this.userInteracted&&this.toggleUserValidityState())}select(){this.controlEl.select()}setDefaultValue(){this.defaultValue=this.innerHTML.trim()||this.preConnectControlEl.defaultValue||"",this.value=this.preConnectControlEl.value||this.defaultValue,this.setFormValue(this.value),this.setValidity(),this.preConnectControlEl=null}bindEvents(){this.controlEl.addEventListener("input",()=>this.userInteracted=!0,{once:!0})}getContent(){return this.defaultSlottedNodes.map(t=>{switch(t.nodeType){case Node.ELEMENT_NODE:return t.outerHTML;case Node.TEXT_NODE:return t.textContent.trim();default:return""}}).join("")||""}observeControlElAttrs(){this.controlElAttrObserver=new MutationObserver(()=>{this.setValidity()}),this.controlElAttrObserver.observe(this.controlEl,{attributes:!0,attributeFilter:["disabled","required","readonly","maxlength","minlength"]})}setDisabledSideEffect(t){this.elementInternals.ariaDisabled=`${t}`,this.controlEl&&(this.controlEl.disabled=t),this.labelSlottedNodes?.length&&this.labelSlottedNodes.forEach(e=>e.disabled=this.disabled)}toggleUserValidityState(){l(this.elementInternals,"user-invalid",!this.validity.valid),l(this.elementInternals,"user-valid",this.validity.valid)}maybeCreateAutoSizerEl(){if(!CSS.supports("field-sizing: content")){if(!this.autoResize){this.autoSizerEl?.remove(),this.autoSizerObserver?.disconnect();return}this.autoSizerEl||(this.autoSizerEl=document.createElement("div"),this.autoSizerEl.classList.add("auto-sizer"),this.autoSizerEl.ariaHidden="true"),this.shadowRoot.prepend(this.autoSizerEl),this.autoSizerObserver||(this.autoSizerObserver=new ResizeObserver((t,e)=>{const i=window.getComputedStyle(this).writingMode.startsWith("horizontal")?"height":"width";this.style.getPropertyValue(i)!==""&&(this.autoSizerEl?.remove(),e.disconnect())})),this.autoSizerObserver.observe(this)}}handleControlInput(){this.autoResize&&this.autoSizerEl&&(this.autoSizerEl.textContent=this.value+" "),this.setFormValue(this.value),this.setValidity()}handleControlChange(){this.toggleUserValidityState(),this.$emit("change")}handleControlSelect(){this.$emit("select")}}K.formAssociated=!0,U([y],K.prototype,"defaultSlottedNodes",2),U([y],K.prototype,"labelSlottedNodes",2),U([a],K.prototype,"autocomplete",2),U([a({attribute:"auto-resize",mode:"boolean"})],K.prototype,"autoResize",2),U([a({attribute:"dirname"})],K.prototype,"dirName",2),U([a({mode:"boolean"})],K.prototype,"disabled",2),U([a({attribute:"display-shadow",mode:"boolean"})],K.prototype,"displayShadow",2),U([a({attribute:"form"})],K.prototype,"initialForm",2),U([a({attribute:"maxlength",converter:it})],K.prototype,"maxLength",2),U([a({attribute:"minlength",converter:it})],K.prototype,"minLength",2),U([a],K.prototype,"name",2),U([a],K.prototype,"placeholder",2),U([a({attribute:"readonly",mode:"boolean"})],K.prototype,"readOnly",2),U([a({mode:"boolean"})],K.prototype,"required",2),U([a({mode:"fromView"})],K.prototype,"resize",2),U([a({mode:"boolean"})],K.prototype,"spellcheck",2);class ji extends K{constructor(){super(...arguments),this.appearance=Vo.outline,this.block=!1}labelSlottedNodesChanged(){super.labelSlottedNodesChanged(),this.labelSlottedNodes.forEach(t=>{t.size=this.size})}appearanceChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),!e||!Array.from(Object.values(Vo)).includes(e)?l(this.elementInternals,Vo.outline,!0):l(this.elementInternals,`${e}`,!0)}blockChanged(){l(this.elementInternals,"block",this.block)}sizeChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}handleChange(t,e){switch(e){case"size":this.labelSlottedNodes.forEach(i=>{i.size=this.size});break;case"appearance":case"displayShadow":this.maybeDisplayShadow();break}}connectedCallback(){super.connectedCallback(),this.maybeDisplayShadow(),$.getNotifier(this).subscribe(this,"appearance"),$.getNotifier(this).subscribe(this,"displayShadow"),$.getNotifier(this).subscribe(this,"size")}disconnectedCallback(){super.disconnectedCallback(),$.getNotifier(this).unsubscribe(this,"appearance"),$.getNotifier(this).unsubscribe(this,"displayShadow"),$.getNotifier(this).unsubscribe(this,"size")}maybeDisplayShadow(){l(this.elementInternals,"display-shadow",this.displayShadow&&Db.includes(this.appearance))}}U([a({mode:"fromView"})],ji.prototype,"appearance",2),U([a({mode:"boolean"})],ji.prototype,"block",2),U([a],ji.prototype,"size",2);const Rb=g`
|
|
513
|
+
${I("inline-block")}
|
|
514
514
|
|
|
515
|
-
:host{--font-size:${
|
|
516
|
-
:host{--border-color:FieldText;--border-block-end-color:FieldText;--focus-indicator-color:Highlight;--placeholder-color:FieldText}:host(:hover),:host(:active),:host(:focus-within){--border-color:Highlight;--border-block-end-color:Highlight}:host(:disabled){--color:GrayText;--border-color:GrayText;--border-block-end-color:GrayText;--placeholder-color:GrayText}`));function
|
|
517
|
-
${
|
|
515
|
+
:host{--font-size:${N};--line-height:${D};--padding-inline:${bt};--padding-block:${pe};--min-block-size:52px;--block-size:var(--min-block-size);--inline-size:18rem;--border-width:${H};--control-padding-inline:${dt};--color:${A};--background-color:${O};--border-color:${oe};--border-block-end-color:${ue};--placeholder-color:${un};--focus-indicator-color:${wo};--box-shadow:none;--contain-size:size;--resize:none;color:var(--color);font-family:${v};font-size:var(--font-size);font-weight:${_};line-height:var(--line-height);position:relative}:host(:hover){--border-color:${ko};--border-block-end-color:${We}}:host(:active){--border-color:${ki};--border-block-end-color:${Xe}}:host(:focus-within){outline:none}:host(${uo}:not([hidden])){display:block}:host(${T}){--font-size:${q};--line-height:${st};--min-block-size:40px;--padding-block:${Ps};--padding-inline:${xt};--control-padding-inline:${dt}}:host(${C}){--font-size:${ct};--line-height:${kt};--min-block-size:64px;--padding-block:${nt};--padding-inline:${ft};--control-padding-inline:${xt}}:host(${rc}:not(:disabled)){--resize:both}:host(${nc}:not(:disabled)){--resize:horizontal}:host(${ac}:not(:disabled)){--resize:vertical}:host(${sn}){--block-size:auto;--contain-size:inline-size}:host(${He}){--background-color:${$i};--border-color:var(--background-color);--border-block-end-color:var(--border-color)}:host(${Re}){--border-color:var(--background-color);--border-block-end-color:var(--border-color)}:host(${He}${rn}),:host(${Re}${rn}){--box-shadow:${Ts}}:host(${Ic}){--border-color:${Ss};--border-block-end-color:${Ss}}:host(:disabled){--color:${B};--background-color:${wt};--border-color:${Bt};--border-block-end-color:var(--border-color);--box-shadow:none;--placeholder-color:${B};cursor:no-drop;user-select:none}.root{background-color:var(--background-color);border:var(--border-width) solid var(--border-color);border-block-end-color:var(--border-block-end-color);border-radius:${P};box-sizing:border-box;box-shadow:var(--box-shadow);contain:paint layout style var(--contain-size);display:grid;grid-template:1fr / 1fr;inline-size:var(--inline-size);min-block-size:var(--min-block-size);block-size:var(--block-size);overflow:hidden;padding:var(--padding-block) var(--padding-inline);position:relative;resize:var(--resize)}:host(${uo}) .root{inline-size:auto}.root::after{border-bottom:2px solid var(--focus-indicator-color);border-radius:0 0 ${P} ${P};box-sizing:border-box;clip-path:inset(calc(100% - 2px) 1px 0px);content:'';height:max(2px,${P});inset:auto -1px 0;position:absolute;transform:scaleX(0);transition-delay:${Qe};transition-duration:${Xn};transition-property:transform}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${Es};transition-delay:${Ze}}:host([readonly]) .root::after,:host(:disabled) .root::after{content:none}label{color:var(--color);display:flex;inline-size:fit-content;padding-block-end:${Ps};padding-inline-end:${jt}}:host(:empty) label,label[hidden]{display:none}.auto-sizer,.control{box-sizing:border-box;font:inherit;grid-column:1 / -1;grid-row:1 / -1;letter-space:inherit;padding:0 var(--control-padding-inline)}.auto-sizer{display:none;padding-block-end:2px;pointer-events:none;visibility:hidden;white-space:pre-wrap}:host(${sn}) .auto-sizer{display:block}.control{appearance:none;background-color:transparent;border:0;color:inherit;field-sizing:content;max-block-size:100%;outline:0;resize:none;text-align:inherit}.control:disabled{cursor:inherit}.control::placeholder{color:var(--placeholder-color)}::selection{color:${je};background-color:${fn}}`.withBehaviors(Q(g`
|
|
516
|
+
:host{--border-color:FieldText;--border-block-end-color:FieldText;--focus-indicator-color:Highlight;--placeholder-color:FieldText}:host(:hover),:host(:active),:host(:focus-within){--border-color:Highlight;--border-block-end-color:Highlight}:host(:disabled){--color:GrayText;--border-color:GrayText;--border-block-end-color:GrayText;--placeholder-color:GrayText}`));function jb(){return m`<template><label ${$t("labelEl")} for="control" part="label"><slot name="label" ${ot({property:"labelSlottedNodes",filter:us})}></slot></label><div class="root" part="root"><textarea ${$t("controlEl")} id="control" class="control" part="control" ?required="${o=>o.required}" ?disabled="${o=>o.disabled}" ?readonly="${o=>o.readOnly}" ?spellcheck="${o=>o.spellcheck}" autocomplete="${o=>o.autocomplete}" maxlength="${o=>o.maxLength}" minlength="${o=>o.minLength}" placeholder="${o=>o.placeholder}" @change="${o=>o.handleControlChange()}" @select="${o=>o.handleControlSelect()}" @input="${o=>o.handleControlInput()}"></textarea></div><div hidden><slot ${ot({property:"defaultSlottedNodes",filter:us})}></slot></div></template>`}const qb=jb(),Gb=ji.compose({name:`${b.prefix}-textarea`,template:qb,styles:Rb,shadowOptions:{delegatesFocus:!0}});Gb.define(b.registry);const Ub={email:"email",password:"password",tel:"tel",text:"text",url:"url"},Wb=["date","datetime-local","email","month","number","password","search","tel","text","time","url","week"];var Xb=Object.defineProperty,Kb=Object.getOwnPropertyDescriptor,M=(o,t,e,i)=>{for(var s=i>1?void 0:i?Kb(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&&Xb(t,e,s),s};class V extends w{constructor(){super(...arguments),this.type=Ub.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 $.track(this,"value"),this._value}set value(t){this._value=t,this.$fastController.isConnected&&(this.control.value=t,this.setFormValue(t),this.setValidity(),$.notify(this,"value"))}get willValidate(){return this.elementInternals.willValidate}get form(){return this.elementInternals.form}beforeinputHandler(t){return t.inputType==="insertLineBreak"&&this.implicitSubmit(),!0}changeHandler(t){return this.setValidity(),this.$emit("change",t,{bubbles:!0,composed:!0}),!0}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(t){return t.target===this&&this.control?.click(),!0}connectedCallback(){super.connectedCallback(),this.setFormValue(this.value),this.setValidity()}focusinHandler(t){return t.target===this&&this.control?.focus(),!0}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}implicitSubmit(){if(!this.elementInternals.form)return;if(this.elementInternals.form.elements.length===1){this.elementInternals.form.requestSubmit();return}const t=[...this.elementInternals.form.elements],e=t.find(s=>s.getAttribute("type")==="submit");if(e){e.click();return}t.filter(s=>Wb.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)}}}V.formAssociated=!0,M([a],V.prototype,"autocomplete",2),M([a({mode:"boolean"})],V.prototype,"autofocus",2),M([y],V.prototype,"defaultSlottedNodes",2),M([a],V.prototype,"dirname",2),M([a({mode:"boolean"})],V.prototype,"disabled",2),M([a({attribute:"form"})],V.prototype,"formAttribute",2),M([a({attribute:"value",mode:"fromView"})],V.prototype,"initialValue",2),M([a],V.prototype,"list",2),M([a({converter:it})],V.prototype,"maxlength",2),M([a({converter:it})],V.prototype,"minlength",2),M([a({mode:"boolean"})],V.prototype,"multiple",2),M([a],V.prototype,"name",2),M([a],V.prototype,"pattern",2),M([a],V.prototype,"placeholder",2),M([a({attribute:"readonly",mode:"boolean"})],V.prototype,"readOnly",2),M([a({mode:"boolean"})],V.prototype,"required",2),M([a({converter:it})],V.prototype,"size",2),M([a({converter:{fromView:o=>typeof o=="string"?["true",""].includes(o.trim().toLowerCase()):null,toView:o=>o.toString()}})],V.prototype,"spellcheck",2),M([a],V.prototype,"type",2),M([y],V.prototype,"controlLabel",2);class qi extends V{appearanceChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}controlSizeChanged(t,e){t&&l(this.elementInternals,`${t}`,!1),e&&l(this.elementInternals,`${e}`,!0)}}M([a],qi.prototype,"appearance",2),M([a({attribute:"control-size"})],qi.prototype,"controlSize",2),Yt(qi,Xt);const Yb=g`
|
|
517
|
+
${I("block")}
|
|
518
518
|
|
|
519
|
-
:host{font-family:${
|
|
520
|
-
${
|
|
519
|
+
:host{font-family:${v};font-size:${N};font-weight:${_};line-height:${D};max-width:400px}.label{display:flex;color:${A};padding-bottom:${Ps};flex-shrink:0;padding-inline-end:${jt}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${O};border:${H} solid ${oe};border-bottom-color:${ue};border-radius:${P};box-sizing:border-box;height:32px;display:inline-flex;flex-direction:row;gap:${dt};padding:0 ${bt};position:relative;width:100%}:has(.control:user-invalid){border-color:${Ss}}.root::after{box-sizing:border-box;content:'';position:absolute;left:-1px;bottom:0px;right:-1px;height:max(2px,${P});border-radius:0 0 ${P} ${P};border-bottom:2px solid ${wo};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${Xn};transition-delay:${Qe}}.control{width:100%;height:100%;box-sizing:border-box;color:${A};border-radius:${P};background:${wt};font-family:${v};font-weight:${_};font-size:${N};border:none;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${un}}:host ::slotted([slot='start']),:host ::slotted([slot='end']){display:flex;align-items:center;justify-content:center;color:${ut};font-size:${Ke}}:host ::slotted([slot='start']){padding-right:${dt}}:host ::slotted([slot='end']){padding-left:${dt};gap:${jt}}:host(:hover) .root{border-color:${ko};border-bottom-color:${We}}:host(:active) .root{border-color:${ki}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${Es};transition-delay:${Ze}}:host(:focus-within:active) .root:after{border-bottom-color:${kn}}:host(${W}:focus-within) .root{border:${H} solid ${oe}}:host(:focus-within) .control{color:${A}}:host([disabled]) .root{background:${wt};border:${H} solid ${Bt}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot='start']),:host([disabled]) ::slotted([slot='end']){color:${B}}::selection{color:${je};background-color:${fn}}:host(${T}) .control{font-size:${q};font-weight:${_};line-height:${st}}:host(${T}) .root{height:24px;gap:${dt};padding:0 ${xt}}:host(${T}) ::slotted([slot='start']),:host(${T}) ::slotted([slot='end']){font-size:${ct}}:host(${C}) .control{font-size:${ct};font-weight:${_};line-height:${kt}}:host(${C}) .root{height:40px;gap:${ie};padding:0 ${ft}}:host(${C}) ::slotted([slot='start']),:host(${C}) ::slotted([slot='end']){font-size:${xi}}:host(${Ie}) .root{background:${wt};border:0;border-radius:0;border-bottom:${H} solid ${ue}}:host(${Ie}:hover) .root{border-bottom-color:${We}}:host(${Ie}:active) .root{border-bottom-color:${Xe}}:host(${Ie}:focus-within) .root{border:0;border-bottom-color:${Xe}}:host(${Ie}[disabled]) .root{border-bottom-color:${Bt}}:host(${Re}) .root,:host(${He}) .root{border:${H} solid ${pt};box-shadow:${Ts}}:host(${Re}) .root{background:${O}}:host(${He}) .root{background:${$i}}:host(${Re}:hover) .root,:host(${He}:hover) .root{border-color:${xn}}:host(${Re}:active) .root,:host(${He}:active) .root{border-color:${xn};background:${$i}}`;function Qb(o={}){return m`<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 ${ot({property:"defaultSlottedNodes",filter:us})}></slot></label><div class="root" part="root">${Kt(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")} />${ce(o)}</div></template>`}const Zb=Qb(),Jb=qi.compose({name:`${b.prefix}-text-input`,template:Zb,styles:Yb,shadowOptions:{delegatesFocus:!0}});Jb.define(b.registry);var tf=Object.defineProperty,ef=Object.getOwnPropertyDescriptor,Wt=(o,t,e,i)=>{for(var s=i>1?void 0:i?ef(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&&tf(t,e,s),s};class Nt extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.nowrap=!1,this.truncate=!1,this.italic=!1,this.underline=!1,this.strikethrough=!1,this.block=!1}sizeChanged(t,e){t&&l(this.elementInternals,`size-${t}`,!1),e&&l(this.elementInternals,`size-${e}`,!0)}fontChanged(t,e){t&&l(this.elementInternals,t,!1),e&&l(this.elementInternals,e,!0)}weightChanged(t,e){t&&l(this.elementInternals,t,!1),e&&l(this.elementInternals,e,!0)}alignChanged(t,e){t&&l(this.elementInternals,t,!1),e&&l(this.elementInternals,e,!0)}connectedCallback(){super.connectedCallback(),$.getNotifier(this).subscribe(this),Object.keys(this.$fastController.definition.attributeLookup).forEach(t=>{this.handleChange(this,t)})}disconnectedCallback(){super.disconnectedCallback(),$.getNotifier(this).unsubscribe(this)}handleChange(t,e){switch(e){case"nowrap":case"truncate":case"italic":case"underline":case"strikethrough":case"block":l(this.elementInternals,e,!!this[e]);break}}}Wt([a({mode:"boolean"})],Nt.prototype,"nowrap",2),Wt([a({mode:"boolean"})],Nt.prototype,"truncate",2),Wt([a({mode:"boolean"})],Nt.prototype,"italic",2),Wt([a({mode:"boolean"})],Nt.prototype,"underline",2),Wt([a({mode:"boolean"})],Nt.prototype,"strikethrough",2),Wt([a({mode:"boolean"})],Nt.prototype,"block",2),Wt([a],Nt.prototype,"size",2),Wt([a],Nt.prototype,"font",2),Wt([a],Nt.prototype,"weight",2),Wt([a],Nt.prototype,"align",2);const of=g`
|
|
520
|
+
${I("inline")}
|
|
521
521
|
|
|
522
|
-
:host{contain:content;font-family:${
|
|
523
|
-
${
|
|
522
|
+
:host{contain:content;font-family:${v};font-size:${N};line-height:${D};font-weight:${_};text-align:start}:host(${ln}),:host(${ln}) ::slotted(*){white-space:nowrap;overflow:hidden}:host(${hn}),:host(${hn}) ::slotted(*){text-overflow:ellipsis}:host(${uo}){display:block}:host(${Ml}){font-style:italic}:host(${Ie}){text-decoration-line:underline}:host(${dn}){text-decoration-line:line-through}:host(${Ie}${dn}){text-decoration-line:line-through underline}:host(${uc}){font-size:${Co};line-height:${Ci}}:host(${pc}){font-size:${q};line-height:${st}}:host(${gc}){font-size:${ct};line-height:${kt}}:host(${bc}){font-size:${Ke};line-height:${Si}}:host(${fc}){font-size:${xi};line-height:${Hn}}:host(${mc}){font-size:${Mn};line-height:${Rn}}:host(${$c}){font-size:${Vn};line-height:${jn}}:host(${vc}){font-size:${Dn};line-height:${qn}}:host(${hc}){font-size:${Ln};line-height:${Gn}}:host(${Ul}){font-family:${fh}}:host(${Xl}){font-family:${mh}}:host(${ql}){font-weight:${$h}}:host(${cn}){font-weight:${L}}:host(${bl}){font-weight:${wi}}:host(${vl}){text-align:center}:host(${Sl}){text-align:end}:host(${Vl}){text-align:justify}::slotted(*){font:inherit;line-height:inherit;text-decoration-line:inherit;text-align:inherit;text-decoration-line:inherit;margin:0}`,sf=m`<slot></slot>`,rf=Nt.compose({name:`${b.prefix}-text`,template:sf,styles:of});rf.define(b.registry);var nf=Object.defineProperty,af=Object.getOwnPropertyDescriptor,ga=(o,t,e,i)=>{for(var s=i>1?void 0:i?af(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&&nf(t,e,s),s};class Xs extends se{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,l(this.elementInternals,"pressed",!!this.pressed||!!this.mixed)}}}ga([a({mode:"boolean"})],Xs.prototype,"pressed",2),ga([a({mode:"boolean"})],Xs.prototype,"mixed",2);const lf=g`
|
|
523
|
+
${Ai}
|
|
524
524
|
|
|
525
|
-
:host(${
|
|
526
|
-
:host(${
|
|
525
|
+
:host(${F}){border-color:${oe};background-color:${bn};color:${A};border-width:${H}}:host(${F}:hover){border-color:${ko};background-color:${ms}}:host(${F}:active){border-color:${ki};background-color:${$s}}:host(${F}${lt}){border-color:transparent;background-color:${Yc};color:${ee}}:host(${F}${lt}:hover){background-color:${mn}}:host(${F}${lt}:active){background-color:${$n}}:host(${F}${z}){border-color:transparent;background-color:${Xc};color:${Pc}}:host(${F}${z}:hover){background-color:${yi};color:${gi}}:host(${F}${z}:active){background-color:${qe};color:${bi}}:host(${F}${W}),:host(${F}${Z}){background-color:${Kc}}:host(${F}${W}:hover),:host(${F}${Z}:hover){background-color:${vs}}:host(${F}${W}:active),:host(${F}${Z}:active){background-color:${ys}}:host(${F}${Z}){border-color:transparent;color:${Ac}}:host(${F}${Z}:hover){color:${fi}}:host(${F}${Z}:active){color:${mi}}`.withBehaviors(Q(g`
|
|
526
|
+
:host(${F}),:host(${F}${lt}),:host(${F}${z}),:host(${F}${W}),:host(${F}${Z}){background:SelectedItem;color:SelectedItemText}`)),cf=Vs(),df=Xs.compose({name:`${b.prefix}-toggle-button`,template:cf,styles:lf});df.define(b.registry);
|