@fluentui/web-components 3.0.0-beta.82 → 3.0.0-beta.83
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/tablist/tablist.d.ts +1 -0
- package/dist/esm/tablist/tablist.js +24 -0
- package/dist/esm/tablist/tablist.js.map +1 -1
- package/dist/web-components.d.ts +1 -0
- package/dist/web-components.js +24 -0
- package/dist/web-components.min.js +141 -141
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements});let ii;const kr="fast-kernel";try{if(document.currentScript)ii=document.currentScript.getAttribute(kr);else{const o=document.getElementsByTagName("script");ii=o[o.length-1].getAttribute(kr)}}catch{ii="isolate"}let St;switch(ii){case"share":St=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":St=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)}`;St=Object.freeze({updateQueue:`1.2${o}`,observable:`2.2${o}`,contextEvent:`3.2${o}`,elementRegistry:`4.2${o}`});break}const Qt=o=>typeof o=="function",We=o=>typeof o=="string",wr=()=>{};var ps=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};(function(){if(!(typeof globalThis<"u"))if(typeof ps<"u")ps.globalThis=ps;else if(typeof self<"u")self.globalThis=self;else if(typeof window<"u")window.globalThis=window;else{const e=new Function("return this")();e.globalThis=e}})();const Cr={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},Cr));const pe=globalThis.FAST;if(pe.getById===void 0){const o=Object.create(null);Reflect.defineProperty(pe,"getById",Object.assign({value(e,t){let i=o[e];return i===void 0&&(i=t?o[e]=t():null),i}},Cr))}pe.error===void 0&&Object.assign(pe,{warn(){},error(o){return new Error(`Error ${o}`)},addMessages(){}});const Xa=Object.freeze([]);function bs(){const o=new Map;return Object.freeze({register(e){return o.has(e.type)?!1:(o.set(e.type,e),!0)},getByType(e){return o.get(e)},getForInstance(e){if(e!=null)return o.get(e.constructor)}})}function Sr(){const o=new WeakMap;return function(e){let t=o.get(e);if(t===void 0){let i=Reflect.getPrototypeOf(e);for(;t===void 0&&i!==null;)t=o.get(i),i=Reflect.getPrototypeOf(i);t=t===void 0?[]:t.slice(0),o.set(e,t)}return t}}function It(o){o.prototype.toJSON=wr}const re=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),Ir=o=>o,Ka=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:Ir}):{createHTML:Ir};let si=Object.freeze({createHTML(o){return Ka.createHTML(o)},protect(o,e,t,i){return i}});const Ya=si,zt=Object.freeze({get policy(){return si},setPolicy(o){if(si!==Ya)throw pe.error(1201);si=o},setAttribute(o,e,t){t==null?o.removeAttribute(e):o.setAttribute(e,t)},setBooleanAttribute(o,e,t){t?o.setAttribute(e,""):o.removeAttribute(e)}}),ne=pe.getById(St.updateQueue,()=>{const o=[],e=[],t=globalThis.requestAnimationFrame;let i=!0;function s(){if(e.length)throw e.shift()}function r(u){try{u.call()}catch(h){if(i)e.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,m=o.length-h;c<m;c++)o[c]=o[c+h];o.length-=h,h=0}o.length=0}function d(u){o.push(u),o.length<2&&(i?t(n):n())}return Object.freeze({enqueue:d,next:()=>new Promise(d),process:n,setMode:u=>i=u})});class gs{constructor(e,t){this.sub1=void 0,this.sub2=void 0,this.spillover=void 0,this.subject=e,this.sub1=t}has(e){return this.spillover===void 0?this.sub1===e||this.sub2===e:this.spillover.indexOf(e)!==-1}subscribe(e){const t=this.spillover;if(t===void 0){if(this.has(e))return;if(this.sub1===void 0){this.sub1=e;return}if(this.sub2===void 0){this.sub2=e;return}this.spillover=[this.sub1,this.sub2,e],this.sub1=void 0,this.sub2=void 0}else t.indexOf(e)===-1&&t.push(e)}unsubscribe(e){const t=this.spillover;if(t===void 0)this.sub1===e?this.sub1=void 0:this.sub2===e&&(this.sub2=void 0);else{const i=t.indexOf(e);i!==-1&&t.splice(i,1)}}notify(e){const t=this.spillover,i=this.subject;if(t===void 0){const s=this.sub1,r=this.sub2;s!==void 0&&s.handleChange(i,e),r!==void 0&&r.handleChange(i,e)}else for(let s=0,r=t.length;s<r;++s)t[s].handleChange(i,e)}}class zr{constructor(e){this.subscribers={},this.subjectSubscribers=null,this.subject=e}notify(e){var t,i;(t=this.subscribers[e])===null||t===void 0||t.notify(e),(i=this.subjectSubscribers)===null||i===void 0||i.notify(e)}subscribe(e,t){var i,s;let r;t?r=(i=this.subscribers[t])!==null&&i!==void 0?i:this.subscribers[t]=new gs(this.subject):r=(s=this.subjectSubscribers)!==null&&s!==void 0?s:this.subjectSubscribers=new gs(this.subject),r.subscribe(e)}unsubscribe(e,t){var i,s;t?(i=this.subscribers[t])===null||i===void 0||i.unsubscribe(e):(s=this.subjectSubscribers)===null||s===void 0||s.unsubscribe(e)}}const ri=Object.freeze({unknown:void 0,coupled:1}),f=pe.getById(St.observable,()=>{const o=ne.enqueue,e=/(:|&&|\|\||if|\?\.)/,t=new WeakMap;let i,s=h=>{throw pe.error(1101)};function r(h){var c;let m=(c=h.$fastController)!==null&&c!==void 0?c:t.get(h);return m===void 0&&(Array.isArray(h)?m=s(h):t.set(h,m=new zr(h))),m}const n=Sr();class d{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,m){const S=this.field,we=c[S];if(we!==m){c[S]=m;const ft=c[this.callback];Qt(ft)&&ft.call(c,we,m),r(c).notify(this.name)}}}class u extends gs{constructor(c,m,S=!1){super(c,m),this.expression=c,this.isVolatileBinding=S,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 m=this.observe(c.source,c.context);return!c.isBound&&this.requiresUnbind(c)&&c.onUnbind(this),m}requiresUnbind(c){return c.sourceLifetime!==ri.coupled||this.first!==this.last||this.first.propertySource!==c.source}unbind(c){this.dispose()}observe(c,m){this.needsRefresh&&this.last!==null&&this.dispose();const S=i;i=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let we;try{we=this.expression(c,m)}finally{i=S}return we}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,m){const S=this.last,we=r(c),ft=S===null?this.first:{};if(ft.propertySource=c,ft.propertyName=m,ft.notifier=we,we.subscribe(this,m),S!==null){if(!this.needsRefresh){let xr;i=void 0,xr=S.propertySource[S.propertyName],i=this,c===xr&&(this.needsRefresh=!0)}S.next=ft}this.last=ft}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 It(u),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){We(c)&&(c=new d(c)),n(h).push(c),Reflect.defineProperty(h,c.name,{enumerable:!0,get(){return c.getValue(this)},set(m){c.setValue(this,m)}})},getAccessors:n,binding(h,c,m=this.isVolatileBinding(h)){return new u(h,c,m)},isVolatileBinding(h){return e.test(h.toString())}})});function $(o,e){f.defineProperty(o,e)}function fs(o,e,t){return Object.assign({},t,{get(){return f.trackVolatile(),t.get.apply(this)}})}const Pr=pe.getById(St.contextEvent,()=>{let o=null;return{get(){return o},set(e){o=e}}}),Zt=Object.freeze({default:{index:0,length:0,get event(){return Zt.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return Pr.get()},setEvent(o){Pr.set(o)}});class ni{constructor(e,t,i=!1){this.evaluate=e,this.policy=t,this.isVolatile=i}}class Qa extends ni{createObserver(e){return f.binding(this.evaluate,e,this.isVolatile)}}function ms(o,e,t=f.isVolatileBinding(o)){return new Qa(o,e,t)}class Tr extends ni{createObserver(){return this}bind(e){return this.evaluate(e.source,e.context)}}It(Tr);function Br(o,e){return new Tr(o,e)}let Ar;function Or(o){return o.map(e=>e instanceof Pe?Or(e.styles):[e]).reduce((e,t)=>e.concat(t),[])}class Pe{constructor(e){this.styles=e,this.targets=new WeakSet,this._strategy=null,this.behaviors=e.map(t=>t instanceof Pe?t.behaviors:null).reduce((t,i)=>i===null?t:t===null?i:t.concat(i),null)}get strategy(){return this._strategy===null&&this.withStrategy(Ar),this._strategy}addStylesTo(e){this.strategy.addStylesTo(e),this.targets.add(e)}removeStylesFrom(e){this.strategy.removeStylesFrom(e),this.targets.delete(e)}isAttachedTo(e){return this.targets.has(e)}withBehaviors(...e){return this.behaviors=this.behaviors===null?e:this.behaviors.concat(e),this}withStrategy(e){return this._strategy=new e(Or(this.styles)),this}static setDefaultStrategy(e){Ar=e}static normalize(e){return e===void 0?void 0:Array.isArray(e)?new Pe(e):e instanceof Pe?e:new Pe([e])}}Pe.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const $s=bs(),vs=Object.freeze({getForInstance:$s.getForInstance,getByType:$s.getByType,define(o){return $s.register({type:o}),o}});function ys(o,e,t){e.source.style.setProperty(o.targetAspect,t.bind(e))}class xs{constructor(e,t){this.dataBinding=e,this.targetAspect=t}createCSS(e){return e(this),`var(${this.targetAspect})`}addedCallback(e){var t;const i=e.source;if(!i.$cssBindings){i.$cssBindings=new Map;const r=i.setAttribute;i.setAttribute=(n,d)=>{r.call(i,n,d),n==="style"&&i.$cssBindings.forEach((u,h)=>ys(h,u.controller,u.observer))}}const s=(t=e[this.targetAspect])!==null&&t!==void 0?t:e[this.targetAspect]=this.dataBinding.createObserver(this,this);s.controller=e,e.source.$cssBindings.set(this,{controller:e,observer:s})}connectedCallback(e){ys(this,e,e[this.targetAspect])}removedCallback(e){e.source.$cssBindings&&e.source.$cssBindings.delete(this)}handleChange(e,t){ys(this,t.controller,t)}}vs.define(xs);const Za=`${Math.random().toString(36).substring(2,8)}`;let Ja=0;const Er=()=>`--v${Za}${++Ja}`;function Fr(o,e){const t=[];let i="";const s=[],r=n=>{s.push(n)};for(let n=0,d=o.length-1;n<d;++n){i+=o[n];let u=e[n];Qt(u)?u=new xs(ms(u),Er()).createCSS(r):u instanceof ni?u=new xs(u,Er()).createCSS(r):vs.getForInstance(u)!==void 0&&(u=u.createCSS(r)),u instanceof Pe||u instanceof CSSStyleSheet?(i.trim()!==""&&(t.push(i),i=""),t.push(u)):i+=u}return i+=o[o.length-1],i.trim()!==""&&t.push(i),{styles:t,behaviors:s}}const p=(o,...e)=>{const{styles:t,behaviors:i}=Fr(o,e),s=new Pe(t);return i.length?s.withBehaviors(...i):s};class Nr{constructor(e,t){this.behaviors=t,this.css="";const i=e.reduce((s,r)=>(We(r)?this.css+=r:s.push(r),s),[]);i.length&&(this.styles=new Pe(i))}createCSS(e){return this.behaviors.forEach(e),this.styles&&e(this),this.css}addedCallback(e){e.addStyles(this.styles)}removedCallback(e){e.removeStyles(this.styles)}}vs.define(Nr),p.partial=(o,...e)=>{const{styles:t,behaviors:i}=Fr(o,e);return new Nr(t,i)};const _r=/fe-b\$\$start\$\$(\d+)\$\$(.+)\$\$fe-b/,Mr=/fe-b\$\$end\$\$(\d+)\$\$(.+)\$\$fe-b/,Dr=/fe-repeat\$\$start\$\$(\d+)\$\$fe-repeat/,Vr=/fe-repeat\$\$end\$\$(\d+)\$\$fe-repeat/,Lr=/^(?:.{0,1000})fe-eb\$\$start\$\$(.+?)\$\$fe-eb/,Hr=/fe-eb\$\$end\$\$(.{0,1000})\$\$fe-eb(?:.{0,1000})$/;function Rr(o){return o&&o.nodeType===Node.COMMENT_NODE}const Ge=Object.freeze({attributeMarkerName:"data-fe-b",attributeBindingSeparator:" ",contentBindingStartMarker(o,e){return`fe-b$$start$$${o}$$${e}$$fe-b`},contentBindingEndMarker(o,e){return`fe-b$$end$$${o}$$${e}$$fe-b`},repeatStartMarker(o){return`fe-repeat$$start$$${o}$$fe-repeat`},repeatEndMarker(o){return`fe-repeat$$end$$${o}$$fe-repeat`},isContentBindingStartMarker(o){return _r.test(o)},isContentBindingEndMarker(o){return Mr.test(o)},isRepeatViewStartMarker(o){return Dr.test(o)},isRepeatViewEndMarker(o){return Vr.test(o)},isElementBoundaryStartMarker(o){return Rr(o)&&Lr.test(o.data.trim())},isElementBoundaryEndMarker(o){return Rr(o)&&Hr.test(o.data)},parseAttributeBinding(o){const e=o.getAttribute(this.attributeMarkerName);return e===null?e:e.split(this.attributeBindingSeparator).map(t=>parseInt(t))},parseContentBindingStartMarker(o){return Wr(_r,o)},parseContentBindingEndMarker(o){return Wr(Mr,o)},parseRepeatStartMarker(o){return jr(Dr,o)},parseRepeatEndMarker(o){return jr(Vr,o)},parseElementBoundaryStartMarker(o){return qr(Lr,o.trim())},parseElementBoundaryEndMarker(o){return qr(Hr,o)}});function jr(o,e){const t=o.exec(e);return t===null?t:parseInt(t[1])}function qr(o,e){const t=o.exec(e);return t===null?t:t[1]}function Wr(o,e){const t=o.exec(e);return t===null?t:[parseInt(t[1]),t[2]]}const ai=Symbol.for("fe-hydration");function li(o){return o[ai]===ai}const ks=`fast-${Math.random().toString(36).substring(2,8)}`,ci=`${ks}{`,wo=`}${ks}`,el=wo.length;let tl=0;const Co=()=>`${ks}-${++tl}`,Gr=Object.freeze({interpolation:o=>`${ci}${o}${wo}`,attribute:o=>`${Co()}="${ci}${o}${wo}"`,comment:o=>`<!--${ci}${o}${wo}-->`}),di=Object.freeze({parse(o,e){const t=o.split(ci);if(t.length===1)return null;const i=[];for(let s=0,r=t.length;s<r;++s){const n=t[s],d=n.indexOf(wo);let u;if(d===-1)u=n;else{const h=n.substring(0,d);i.push(e[h]),u=n.substring(d+el)}u!==""&&i.push(u)}return i}}),ws=bs(),Me=Object.freeze({getForInstance:ws.getForInstance,getByType:ws.getByType,define(o,e){return e=e||{},e.type=o,ws.register(e),o},assignAspect(o,e){if(!e){o.aspectType=re.content;return}switch(o.sourceAspect=e,e[0]){case":":o.targetAspect=e.substring(1),o.aspectType=o.targetAspect==="classList"?re.tokenList:re.property;break;case"?":o.targetAspect=e.substring(1),o.aspectType=re.booleanAttribute;break;case"@":o.targetAspect=e.substring(1),o.aspectType=re.event;break;default:o.targetAspect=e,o.aspectType=re.attribute;break}}});class Cs{constructor(e){this.options=e}createHTML(e){return Gr.attribute(e(this))}createBehavior(){return this}}It(Cs);class Ur extends Error{constructor(e,t,i){super(e),this.factories=t,this.node=i}}function Ss(o){return o.nodeType===Node.COMMENT_NODE}function Xr(o){return o.nodeType===Node.TEXT_NODE}function Kr(o,e){const t=document.createRange();return t.setStart(o,0),t.setEnd(e,Ss(e)||Xr(e)?e.data.length:e.childNodes.length),t}function ol(o){return o instanceof DocumentFragment&&"mode"in o}function il(o,e,t){const i=Kr(o,e),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={},d={};let u=r.currentNode=o;for(;u!==null;){switch(u.nodeType){case Node.ELEMENT_NODE:{sl(u,t,n);break}case Node.COMMENT_NODE:{rl(u,r,t,n,d);break}}u=r.nextNode()}return i.detach(),{targets:n,boundaries:d}}function sl(o,e,t){const i=Ge.parseAttributeBinding(o);if(i!==null){for(const s of i){if(!e[s])throw new Ur(`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.`,e,o);hi(e[s],o,t)}o.removeAttribute(Ge.attributeMarkerName)}}function rl(o,e,t,i,s){if(Ge.isElementBoundaryStartMarker(o)){nl(o,e);return}if(Ge.isContentBindingStartMarker(o.data)){const r=Ge.parseContentBindingStartMarker(o.data);if(r===null)return;const[n,d]=r,u=t[n],h=[];let c=e.nextSibling();o.data="";const m=c;for(;c!==null;){if(Ss(c)){const S=Ge.parseContentBindingEndMarker(c.data);if(S&&S[1]===d)break}h.push(c),c=e.nextSibling()}if(c===null){const S=o.getRootNode();throw new Error(`Error hydrating Comment node inside "${ol(S)?S.host.nodeName:S.nodeName}".`)}if(c.data="",h.length===1&&Xr(h[0]))hi(u,h[0],i);else{c!==m&&c.previousSibling!==null&&(s[u.targetNodeId]={first:m,last:c.previousSibling});const S=c.parentNode.insertBefore(document.createTextNode(""),c);hi(u,S,i)}}}function nl(o,e){const t=Ge.parseElementBoundaryStartMarker(o.data);let i=e.nextSibling();for(;i!==null;){if(Ss(i)){const s=Ge.parseElementBoundaryEndMarker(i.data);if(s&&s===t)break}i=e.nextSibling()}}function hi(o,e,t){if(o.targetNodeId===void 0)throw new Error("Factory could not be target to the node");t[o.targetNodeId]=e}var Yr;function Is(o,e){const t=o.parentNode;let i=o,s;for(;i!==e;){if(s=i.nextSibling,!s)throw new Error(`Unmatched first/last child inside "${e.getRootNode().host.nodeName}".`);t.removeChild(i),i=s}t.removeChild(e)}class Qr{constructor(){this.index=0,this.length=0}get event(){return Zt.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 ui extends Qr{constructor(e,t,i){super(),this.fragment=e,this.factories=t,this.targets=i,this.behaviors=null,this.unbindables=[],this.source=null,this.isBound=!1,this.sourceLifetime=ri.unknown,this.context=this,this.firstChild=e.firstChild,this.lastChild=e.lastChild}appendTo(e){e.appendChild(this.fragment)}insertBefore(e){if(this.fragment.hasChildNodes())e.parentNode.insertBefore(this.fragment,e);else{const t=this.lastChild;if(e.previousSibling===t)return;const i=e.parentNode;let s=this.firstChild,r;for(;s!==t;)r=s.nextSibling,i.insertBefore(s,e),s=r;i.insertBefore(t,e)}}remove(){const e=this.fragment,t=this.lastChild;let i=this.firstChild,s;for(;i!==t;)s=i.nextSibling,e.appendChild(i),i=s;e.appendChild(t)}dispose(){Is(this.firstChild,this.lastChild),this.unbind()}onUnbind(e){this.unbindables.push(e)}bind(e,t=this){if(this.source===e)return;let i=this.behaviors;if(i===null){this.source=e,this.context=t,this.behaviors=i=new Array(this.factories.length);const s=this.factories;for(let r=0,n=s.length;r<n;++r){const d=s[r].createBehavior();d.bind(this),i[r]=d}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;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 e=this.unbindables;for(let t=0,i=e.length;t<i;++t)e[t].unbind(this);e.length=0}static disposeContiguousBatch(e){if(e.length!==0){Is(e[0].firstChild,e[e.length-1].lastChild);for(let t=0,i=e.length;t<i;++t)e[t].unbind()}}}It(ui),f.defineProperty(ui.prototype,"index"),f.defineProperty(ui.prototype,"length");const Jt={unhydrated:"unhydrated",hydrating:"hydrating",hydrated:"hydrated"};class al extends Error{constructor(e,t,i,s){super(e),this.factory=t,this.fragment=i,this.templateString=s}}class ll extends Qr{constructor(e,t,i,s){super(),this.firstChild=e,this.lastChild=t,this.sourceTemplate=i,this.hostBindingTarget=s,this[Yr]=ai,this.context=this,this.source=null,this.isBound=!1,this.sourceLifetime=ri.unknown,this.unbindables=[],this.fragment=null,this.behaviors=null,this._hydrationStage=Jt.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(e){if(this.fragment!==null)if(this.fragment.hasChildNodes())e.parentNode.insertBefore(this.fragment,e);else{const t=this.lastChild;if(e.previousSibling===t)return;const i=e.parentNode;let s=this.firstChild,r;for(;s!==t;)r=s.nextSibling,i.insertBefore(s,e),s=r;i.insertBefore(t,e)}}appendTo(e){this.fragment!==null&&e.appendChild(this.fragment)}remove(){const e=this.fragment||(this.fragment=document.createDocumentFragment()),t=this.lastChild;let i=this.firstChild,s;for(;i!==t;){if(s=i.nextSibling,!s)throw new Error(`Unmatched first/last child inside "${t.getRootNode().host.nodeName}".`);e.appendChild(i),i=s}e.appendChild(t)}bind(e,t=this){var i,s;if(this.hydrationStage!==Jt.hydrated&&(this._hydrationStage=Jt.hydrating),this.source===e)return;let r=this.behaviors;if(r===null){this.source=e,this.context=t;try{const{targets:d,boundaries:u}=il(this.firstChild,this.lastChild,this.factories);this._targets=d,this._bindingViewBoundaries=u}catch(d){if(d instanceof Ur){let u=this.sourceTemplate.html;typeof u!="string"&&(u=u.innerHTML),d.templateString=u}throw d}this.behaviors=r=new Array(this.factories.length);const n=this.factories;for(let d=0,u=n.length;d<u;++d){const h=n[d];if(h.targetNodeId==="h"&&this.hostBindingTarget&&hi(h,this.hostBindingTarget,this._targets),h.targetNodeId in this.targets){const c=h.createBehavior();c.bind(this),r[d]=c}else{let c=this.sourceTemplate.html;throw typeof c!="string"&&(c=c.innerHTML),new al(`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,Kr(this.firstChild,this.lastChild).cloneContents(),c)}}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;for(let n=0,d=r.length;n<d;++n)r[n].bind(this)}this.isBound=!0,this._hydrationStage=Jt.hydrated}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}dispose(){Is(this.firstChild,this.lastChild),this.unbind()}onUnbind(e){this.unbindables.push(e)}evaluateUnbindables(){const e=this.unbindables;for(let t=0,i=e.length;t<i;++t)e[t].unbind(this);e.length=0}}Yr=ai,It(ll);function cl(o){return o.create!==void 0}function dl(o,e,t,i){if(t==null&&(t=""),cl(t)){o.textContent="";let s=o.$fastView;if(s===void 0)if(li(i)&&li(t)&&i.bindingViewBoundaries[this.targetNodeId]!==void 0&&i.hydrationStage!==Jt.hydrated){const r=i.bindingViewBoundaries[this.targetNodeId];s=t.hydrate(r.first,r.last)}else s=t.create();else o.$fastTemplate!==t&&(s.isComposed&&(s.remove(),s.unbind()),s=t.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=t)}else{const s=o.$fastView;s!==void 0&&s.isComposed&&(s.isComposed=!1,s.remove(),s.needsBindOnly?s.needsBindOnly=!1:s.unbind()),o.textContent=t}}function hl(o,e,t){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 d=r.v;const u=o[e];if(t!=null&&t.length){const h=t.split(/\s+/);for(let c=0,m=h.length;c<m;++c){const S=h[c];S!==""&&(n[S]=d,u.add(S))}}if(r.v=d+1,d!==0){d-=1;for(const h in n)n[h]===d&&u.remove(h)}}const ul={[re.attribute]:zt.setAttribute,[re.booleanAttribute]:zt.setBooleanAttribute,[re.property]:(o,e,t)=>o[e]=t,[re.content]:dl,[re.tokenList]:hl,[re.event]:()=>{}};class eo{constructor(e){this.dataBinding=e,this.updateTarget=null,this.aspectType=re.content}createHTML(e){return Gr.interpolation(e(this))}createBehavior(){var e;if(this.updateTarget===null){const t=ul[this.aspectType],i=(e=this.dataBinding.policy)!==null&&e!==void 0?e:this.policy;if(!t)throw pe.error(1205);this.data=`${this.id}-d`,this.updateTarget=i.protect(this.targetTagName,this.aspectType,this.targetAspect,t)}return this}bind(e){var t;const i=e.targets[this.targetNodeId],s=li(e)&&e.hydrationStage&&e.hydrationStage!==Jt.hydrated;switch(this.aspectType){case re.event:i[this.data]=e,i.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case re.content:e.onUnbind(this);default:const r=(t=i[this.data])!==null&&t!==void 0?t:i[this.data]=this.dataBinding.createObserver(this,this);if(r.target=i,r.controller=e,s&&(this.aspectType===re.attribute||this.aspectType===re.booleanAttribute)){r.bind(e);break}this.updateTarget(i,this.targetAspect,r.bind(e),e);break}}unbind(e){const i=e.targets[this.targetNodeId].$fastView;i!==void 0&&i.isComposed&&(i.unbind(),i.needsBindOnly=!0)}handleEvent(e){const t=e.currentTarget[this.data];if(t.isBound){Zt.setEvent(e);const i=this.dataBinding.evaluate(t.source,t.context);Zt.setEvent(null),i!==!0&&e.preventDefault()}}handleChange(e,t){const i=t.target,s=t.controller;this.updateTarget(i,this.targetAspect,t.bind(s),s)}}Me.define(eo,{aspected:!0});const Zr=(o,e)=>`${o}.${e}`,Jr={},Ue={index:0,node:null};function en(o){o.startsWith("fast-")||pe.warn(1204,{name:o})}const pl=new Proxy(document.createElement("div"),{get(o,e){en(e);const t=Reflect.get(o,e);return Qt(t)?t.bind(o):t},set(o,e,t){return en(e),Reflect.set(o,e,t)}});class bl{constructor(e,t,i){this.fragment=e,this.directives=t,this.policy=i,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(e,t,i,s,r){var n,d;this.nodeIds.has(i)||(this.nodeIds.add(i),this.addTargetDescriptor(t,i,s)),e.id=(n=e.id)!==null&&n!==void 0?n:Co(),e.targetNodeId=i,e.targetTagName=r,e.policy=(d=e.policy)!==null&&d!==void 0?d:this.policy,this.factories.push(e)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(e,t,i){const s=this.descriptors;if(t==="r"||t==="h"||s[t])return;if(!s[e]){const n=e.lastIndexOf("."),d=e.substring(0,n),u=parseInt(e.substring(n+1));this.addTargetDescriptor(d,e,u)}let r=Jr[t];if(!r){const n=`_${t}`;Jr[t]=r={get(){var d;return(d=this[n])!==null&&d!==void 0?d:this[n]=this[e].childNodes[i]}}}s[t]=r}createView(e){const t=this.fragment.cloneNode(!0),i=Object.create(this.proto);i.r=t,i.h=e??pl;for(const s of this.nodeIds)i[s];return new ui(t,this.factories,i)}}function tn(o,e,t,i,s,r=!1){const n=t.attributes,d=o.directives;for(let u=0,h=n.length;u<h;++u){const c=n[u],m=c.value,S=di.parse(m,d);let we=null;S===null?r&&(we=new eo(Br(()=>m,o.policy)),Me.assignAspect(we,c.name)):we=zs.aggregate(S,o.policy),we!==null&&(t.removeAttributeNode(c),u--,h--,o.addFactory(we,e,i,s,t.tagName))}}function gl(o,e,t,i,s){const r=di.parse(e.textContent,o.directives);if(r===null)return Ue.node=e.nextSibling,Ue.index=s+1,Ue;let n,d=n=e;for(let u=0,h=r.length;u<h;++u){const c=r[u];u!==0&&(s++,i=Zr(t,s),n=d.parentNode.insertBefore(document.createTextNode(""),d.nextSibling)),We(c)?n.textContent=c:(n.textContent=" ",Me.assignAspect(c),o.addFactory(c,t,i,s,null)),d=n}return Ue.index=s+1,Ue.node=d.nextSibling,Ue}function on(o,e,t){let i=0,s=e.firstChild;for(;s;){const r=fl(o,t,s,i);s=r.node,i=r.index}}function fl(o,e,t,i){const s=Zr(e,i);switch(t.nodeType){case 1:tn(o,e,t,s,i),on(o,t,s);break;case 3:return gl(o,t,e,s,i);case 8:const r=di.parse(t.data,o.directives);r!==null&&o.addFactory(zs.aggregate(r),e,s,i,null);break}return Ue.index=i+1,Ue.node=t.nextSibling,Ue}function ml(o,e){return o&&o.nodeType==8&&di.parse(o.data,e)!==null}const sn="TEMPLATE",zs={compile(o,e,t=zt.policy){let i;if(We(o)){i=document.createElement(sn),i.innerHTML=t.createHTML(o);const n=i.content.firstElementChild;n!==null&&n.tagName===sn&&(i=n)}else i=o;!i.content.firstChild&&!i.content.lastChild&&i.content.appendChild(document.createComment(""));const s=document.adoptNode(i.content),r=new bl(s,e,t);return tn(r,"",i,"h",0,!0),(ml(s.firstChild,e)||s.childNodes.length===1&&Object.keys(e).length>0)&&s.insertBefore(document.createComment(""),s.firstChild),on(r,s,"r"),Ue.node=null,r.freeze()},setDefaultStrategy(o){this.compile=o},aggregate(o,e=zt.policy){if(o.length===1)return o[0];let t,i=!1,s;const r=o.length,n=o.map(h=>We(h)?()=>h:(t=h.sourceAspect||t,i=i||h.dataBinding.isVolatile,s=s||h.dataBinding.policy,h.dataBinding.evaluate)),d=(h,c)=>{let m="";for(let S=0;S<r;++S)m+=n[S](h,c);return m},u=new eo(ms(d,s??e,i));return Me.assignAspect(u,t),u}},$l=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,vl=Object.create(null);class Pt{constructor(e,t=vl){this.html=e,this.factories=t}createHTML(e){const t=this.factories;for(const i in t)e(t[i]);return this.html}}Pt.empty=new Pt(""),Me.define(Pt);function yl(o,e,t,i=Me.getForInstance(o)){if(i.aspected){const s=$l.exec(e);s!==null&&Me.assignAspect(o,s[2])}return o.createHTML(t)}class ds{constructor(e,t={},i){this.policy=i,this.result=null,this.html=e,this.factories=t}compile(){return this.result===null&&(this.result=zs.compile(this.html,this.factories,this.policy)),this.result}create(e){return this.compile().createView(e)}inline(){return new Pt(We(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(e){if(this.result)throw pe.error(1208);if(this.policy)throw pe.error(1207);return this.policy=e,this}render(e,t,i){const s=this.create(i);return s.bind(e),s.appendTo(t),s}static create(e,t,i){let s="";const r=Object.create(null),n=d=>{var u;const h=(u=d.id)!==null&&u!==void 0?u:d.id=Co();return r[h]=d,h};for(let d=0,u=e.length-1;d<u;++d){const h=e[d];let c=t[d],m;if(s+=h,Qt(c))c=new eo(ms(c));else if(c instanceof ni)c=new eo(c);else if(!(m=Me.getForInstance(c))){const S=c;c=new eo(Br(()=>S))}s+=yl(c,h,n,m)}return new ds(s+e[e.length-1],r,i)}}It(ds);const g=(o,...e)=>{if(Array.isArray(o)&&Array.isArray(o.raw))return ds.create(o,e);throw pe.error(1206)};g.partial=o=>new Pt(o);class rn extends Cs{bind(e){e.source[this.options]=e.targets[this.targetNodeId]}}Me.define(rn);const X=o=>new rn(o),xl=o=>o.nodeType===1,Tt=o=>o?e=>e.nodeType===1&&e.matches(o):xl;class nn extends Cs{get id(){return this._id}set id(e){this._id=e,this._controllerProperty=`${e}-c`}bind(e){const t=e.targets[this.targetNodeId];t[this._controllerProperty]=e,this.updateTarget(e.source,this.computeNodes(t)),this.observe(t),e.onUnbind(this)}unbind(e){const t=e.targets[this.targetNodeId];this.updateTarget(e.source,Xa),this.disconnect(t),t[this._controllerProperty]=null}getSource(e){return e[this._controllerProperty].source}updateTarget(e,t){e[this.options.property]=t}computeNodes(e){let t=this.getNodes(e);return"filter"in this.options&&(t=t.filter(this.options.filter)),t}}const an="slotchange";class ln extends nn{observe(e){e.addEventListener(an,this)}disconnect(e){e.removeEventListener(an,this)}getNodes(e){return e.assignedNodes(this.options)}handleEvent(e){const t=e.currentTarget;this.updateTarget(this.getSource(t),this.computeNodes(t))}}Me.define(ln);function K(o){return We(o)&&(o={property:o}),new ln(o)}class cn extends nn{constructor(e){super(e),this.observerProperty=Symbol(),this.handleEvent=(t,i)=>{const s=i.target;this.updateTarget(this.getSource(s),this.computeNodes(s))},e.childList=!0}observe(e){let t=e[this.observerProperty];t||(t=new MutationObserver(this.handleEvent),t.toJSON=wr,e[this.observerProperty]=t),t.target=e,t.observe(e,this.options)}disconnect(e){const t=e[this.observerProperty];t.target=null,t.disconnect()}getNodes(e){return"selector"in this.options?Array.from(e.querySelectorAll(this.options.selector)):Array.from(e.childNodes)}}Me.define(cn);function kl(o){return We(o)&&(o={property:o}),new cn(o)}const dn="boolean",hn="reflect",pi=Object.freeze({locate:Sr()}),wl={toView(o){return o?"true":"false"},fromView(o){return!(o==null||o==="false"||o===!1||o===0)}};function un(o){if(o==null)return null;const e=o*1;return isNaN(e)?null:e}const ae={toView(o){const e=un(o);return e&&e.toString()},fromView:un};class hs{constructor(e,t,i=t.toLowerCase(),s=hn,r){this.guards=new Set,this.Owner=e,this.name=t,this.attribute=i,this.mode=s,this.converter=r,this.fieldName=`_${t}`,this.callbackName=`${t}Changed`,this.hasCallback=this.callbackName in e.prototype,s===dn&&r===void 0&&(this.converter=wl)}setValue(e,t){const i=e[this.fieldName],s=this.converter;s!==void 0&&(t=s.fromView(t)),i!==t&&(e[this.fieldName]=t,this.tryReflectToAttribute(e),this.hasCallback&&e[this.callbackName](i,t),e.$fastController.notify(this.name))}getValue(e){return f.track(e,this.name),e[this.fieldName]}onAttributeChangedCallback(e,t){this.guards.has(e)||(this.guards.add(e),this.setValue(e,t),this.guards.delete(e))}tryReflectToAttribute(e){const t=this.mode,i=this.guards;i.has(e)||t==="fromView"||ne.enqueue(()=>{i.add(e);const s=e[this.fieldName];switch(t){case hn:const r=this.converter;zt.setAttribute(e,this.attribute,r!==void 0?r.toView(s):s);break;case dn:zt.setBooleanAttribute(e,this.attribute,s);break}i.delete(e)})}static collect(e,...t){const i=[];t.push(pi.locate(e));for(let s=0,r=t.length;s<r;++s){const n=t[s];if(n!==void 0)for(let d=0,u=n.length;d<u;++d){const h=n[d];We(h)?i.push(new hs(e,h)):i.push(new hs(e,h.property,h.attribute,h.mode,h.converter))}}return i}}function a(o,e){let t;function i(s,r){arguments.length>1&&(t.property=r),pi.locate(s.constructor).push(t)}if(arguments.length>1){t={},i(o,e);return}return t=o===void 0?{}:o,i}const pn={mode:"open"},bn={},gn=new Set,bi=pe.getById(St.elementRegistry,()=>bs());class qe{constructor(e,t=e.definition){var i;this.platformDefined=!1,We(t)&&(t={name:t}),this.type=e,this.name=t.name,this.template=t.template,this.registry=(i=t.registry)!==null&&i!==void 0?i:customElements;const s=e.prototype,r=hs.collect(e,t.attributes),n=new Array(r.length),d={},u={};for(let h=0,c=r.length;h<c;++h){const m=r[h];n[h]=m.attribute,d[m.name]=m,u[m.attribute]=m,f.defineProperty(s,m)}Reflect.defineProperty(e,"observedAttributes",{value:n,enumerable:!0}),this.attributes=r,this.propertyLookup=d,this.attributeLookup=u,this.shadowOptions=t.shadowOptions===void 0?pn:t.shadowOptions===null?void 0:Object.assign(Object.assign({},pn),t.shadowOptions),this.elementOptions=t.elementOptions===void 0?bn:Object.assign(Object.assign({},bn),t.elementOptions),this.styles=Pe.normalize(t.styles),bi.register(this)}get isDefined(){return this.platformDefined}define(e=this.registry){const t=this.type;return e.get(this.name)||(this.platformDefined=!0,e.define(this.name,t,this.elementOptions)),this}static compose(e,t){return gn.has(e)||bi.getByType(e)?new qe(class extends e{},t):new qe(e,t)}static registerBaseType(e){gn.add(e)}}qe.getByType=bi.getByType,qe.getForInstance=bi.getForInstance;class Cl extends MutationObserver{constructor(e){function t(i){this.callback.call(null,i.filter(s=>this.observedNodes.has(s.target)))}super(t),this.callback=e,this.observedNodes=new Set}observe(e,t){this.observedNodes.add(e),super.observe(e,t)}unobserve(e){this.observedNodes.delete(e),this.observedNodes.size<1&&this.disconnect()}}Object.freeze({create(o){const e=[],t={};let i=null,s=!1;return{source:o,context:Zt.default,targets:t,get isBound(){return s},addBehaviorFactory(r,n){var d,u,h,c;const m=r;m.id=(d=m.id)!==null&&d!==void 0?d:Co(),m.targetNodeId=(u=m.targetNodeId)!==null&&u!==void 0?u:Co(),m.targetTagName=(h=n.tagName)!==null&&h!==void 0?h:null,m.policy=(c=m.policy)!==null&&c!==void 0?c:zt.policy,this.addTarget(m.targetNodeId,n),this.addBehavior(m.createBehavior())},addTarget(r,n){t[r]=n},addBehavior(r){e.push(r),s&&r.bind(this)},onUnbind(r){i===null&&(i=[]),i.push(r)},connectedCallback(r){s||(s=!0,e.forEach(n=>n.bind(this)))},disconnectedCallback(r){s&&(s=!1,i!==null&&i.forEach(n=>n.unbind(this)))}}}});const Sl={bubbles:!0,composed:!0,cancelable:!0},gi="isConnected",fn=new WeakMap;function So(o){var e,t;return(t=(e=o.shadowRoot)!==null&&e!==void 0?e:fn.get(o))!==null&&t!==void 0?t:null}let mn;class to extends zr{constructor(e,t){super(e),this.boundObservables=null,this.needsInitialization=!0,this.hasExistingShadowRoot=!1,this._template=null,this.stage=3,this.guardBehaviorConnection=!1,this.behaviors=null,this.behaviorsConnected=!1,this._mainStyles=null,this.$fastController=this,this.view=null,this.source=e,this.definition=t;const i=t.shadowOptions;if(i!==void 0){let r=e.shadowRoot;r?this.hasExistingShadowRoot=!0:(r=e.attachShadow(i),i.mode==="closed"&&fn.set(e,r))}const s=f.getAccessors(e);if(s.length>0){const r=this.boundObservables=Object.create(null);for(let n=0,d=s.length;n<d;++n){const u=s[n].name,h=e[u];h!==void 0&&(delete e[u],r[u]=h)}}}get isConnected(){return f.track(this,gi),this.stage===1}get context(){var e,t;return(t=(e=this.view)===null||e===void 0?void 0:e.context)!==null&&t!==void 0?t:Zt.default}get isBound(){var e,t;return(t=(e=this.view)===null||e===void 0?void 0:e.isBound)!==null&&t!==void 0?t:!1}get sourceLifetime(){var e;return(e=this.view)===null||e===void 0?void 0:e.sourceLifetime}get template(){var e;if(this._template===null){const t=this.definition;this.source.resolveTemplate?this._template=this.source.resolveTemplate():t.template&&(this._template=(e=t.template)!==null&&e!==void 0?e:null)}return this._template}set template(e){this._template!==e&&(this._template=e,this.needsInitialization||this.renderTemplate(e))}get mainStyles(){var e;if(this._mainStyles===null){const t=this.definition;this.source.resolveStyles?this._mainStyles=this.source.resolveStyles():t.styles&&(this._mainStyles=(e=t.styles)!==null&&e!==void 0?e:null)}return this._mainStyles}set mainStyles(e){this._mainStyles!==e&&(this._mainStyles!==null&&this.removeStyles(this._mainStyles),this._mainStyles=e,this.needsInitialization||this.addStyles(e))}onUnbind(e){var t;(t=this.view)===null||t===void 0||t.onUnbind(e)}addBehavior(e){var t,i;const s=(t=this.behaviors)!==null&&t!==void 0?t:this.behaviors=new Map,r=(i=s.get(e))!==null&&i!==void 0?i:0;r===0?(s.set(e,1),e.addedCallback&&e.addedCallback(this),e.connectedCallback&&!this.guardBehaviorConnection&&(this.stage===1||this.stage===0)&&e.connectedCallback(this)):s.set(e,r+1)}removeBehavior(e,t=!1){const i=this.behaviors;if(i===null)return;const s=i.get(e);s!==void 0&&(s===1||t?(i.delete(e),e.disconnectedCallback&&this.stage!==3&&e.disconnectedCallback(this),e.removedCallback&&e.removedCallback(this)):i.set(e,s-1))}addStyles(e){var t;if(!e)return;const i=this.source;if(e instanceof HTMLElement)((t=So(i))!==null&&t!==void 0?t:this.source).append(e);else if(!e.isAttachedTo(i)){const s=e.behaviors;if(e.addStylesTo(i),s!==null)for(let r=0,n=s.length;r<n;++r)this.addBehavior(s[r])}}removeStyles(e){var t;if(!e)return;const i=this.source;if(e instanceof HTMLElement)((t=So(i))!==null&&t!==void 0?t:i).removeChild(e);else if(e.isAttachedTo(i)){const s=e.behaviors;if(e.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,f.notify(this,gi))}bindObservables(){if(this.boundObservables!==null){const e=this.source,t=this.boundObservables,i=Object.keys(t);for(let s=0,r=i.length;s<r;++s){const n=i[s];e[n]=t[n]}this.boundObservables=null}}connectBehaviors(){if(this.behaviorsConnected===!1){const e=this.behaviors;if(e!==null){this.guardBehaviorConnection=!0;for(const t of e.keys())t.connectedCallback&&t.connectedCallback(this);this.guardBehaviorConnection=!1}this.behaviorsConnected=!0}}disconnectBehaviors(){if(this.behaviorsConnected===!0){const e=this.behaviors;if(e!==null)for(const t of e.keys())t.disconnectedCallback&&t.disconnectedCallback(this);this.behaviorsConnected=!1}}disconnect(){this.stage===1&&(this.stage=2,f.notify(this,gi),this.view!==null&&this.view.unbind(),this.disconnectBehaviors(),this.stage=3)}onAttributeChangedCallback(e,t,i){const s=this.definition.attributeLookup[e];s!==void 0&&s.onAttributeChangedCallback(this.source,i)}emit(e,t,i){return this.stage===1?this.source.dispatchEvent(new CustomEvent(e,Object.assign(Object.assign({detail:t},Sl),i))):!1}renderTemplate(e){var t;const i=this.source,s=(t=So(i))!==null&&t!==void 0?t:i;if(this.view!==null)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let r=s.firstChild;r!==null;r=s.firstChild)s.removeChild(r)}e&&(this.view=e.render(i,s,i),this.view.sourceLifetime=ri.coupled)}static forCustomElement(e){const t=e.$fastController;if(t!==void 0)return t;const i=qe.getForInstance(e);if(i===void 0)throw pe.error(1401);return e.$fastController=new mn(e,i)}static setStrategy(e){mn=e}}It(to),to.setStrategy(to);function fi(o){var e;return"adoptedStyleSheets"in o?o:(e=So(o))!==null&&e!==void 0?e:o.getRootNode()}class us{constructor(e){const t=us.styleSheetCache;this.sheets=e.map(i=>{if(i instanceof CSSStyleSheet)return i;let s=t.get(i);return s===void 0&&(s=new CSSStyleSheet,s.replaceSync(i),t.set(i,s)),s})}addStylesTo(e){vn(fi(e),this.sheets)}removeStylesFrom(e){yn(fi(e),this.sheets)}}us.styleSheetCache=new Map;let Il=0;const zl=()=>`fast-${++Il}`;function $n(o){return o===document?document.body:o}class Pl{constructor(e){this.styles=e,this.styleClass=zl()}addStylesTo(e){e=$n(fi(e));const t=this.styles,i=this.styleClass;for(let s=0;s<t.length;s++){const r=document.createElement("style");r.innerHTML=t[s],r.className=i,e.append(r)}}removeStylesFrom(e){e=$n(fi(e));const t=e.querySelectorAll(`.${this.styleClass}`);for(let i=0,s=t.length;i<s;++i)e.removeChild(t[i])}}let vn=(o,e)=>{o.adoptedStyleSheets=[...o.adoptedStyleSheets,...e]},yn=(o,e)=>{o.adoptedStyleSheets=o.adoptedStyleSheets.filter(t=>e.indexOf(t)===-1)};if(Pe.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),vn=(o,e)=>{o.adoptedStyleSheets.push(...e)},yn=(o,e)=>{for(const t of e){const i=o.adoptedStyleSheets.indexOf(t);i!==-1&&o.adoptedStyleSheets.splice(i,1)}}}catch{}Pe.setDefaultStrategy(us)}else Pe.setDefaultStrategy(Pl);const xn="defer-hydration",kn="needs-hydration";class Yt extends to{static hydrationObserverHandler(e){for(const t of e)Yt.hydrationObserver.unobserve(t.target),t.target.$fastController.connect()}connect(){var e,t;if(this.needsHydration===void 0&&(this.needsHydration=this.source.getAttribute(kn)!==null),this.source.hasAttribute(xn)){Yt.hydrationObserver.observe(this.source,{attributeFilter:[xn]});return}if(!this.needsHydration){super.connect();return}if(this.stage!==3)return;this.stage=0,this.bindObservables(),this.connectBehaviors();const i=this.source,s=(e=So(i))!==null&&e!==void 0?e:i;if(this.template)if(li(this.template)){let r=s.firstChild,n=s.lastChild;i.shadowRoot===null&&(Ge.isElementBoundaryStartMarker(r)&&(r.data="",r=r.nextSibling),Ge.isElementBoundaryEndMarker(n)&&(n.data="",n=n.previousSibling)),this.view=this.template.hydrate(r,n,i),(t=this.view)===null||t===void 0||t.bind(this.source)}else this.renderTemplate(this.template);this.addStyles(this.mainStyles),this.stage=1,this.source.removeAttribute(kn),this.needsInitialization=this.needsHydration=!1,f.notify(this,gi)}disconnect(){super.disconnect(),Yt.hydrationObserver.unobserve(this.source)}static install(){to.setStrategy(Yt)}}Yt.hydrationObserver=new Cl(Yt.hydrationObserverHandler);function wn(o){const e=class extends o{constructor(){super(),to.forCustomElement(this)}$emit(t,i,s){return this.$fastController.emit(t,i,s)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(t,i,s){this.$fastController.onAttributeChangedCallback(t,i,s)}};return qe.registerBaseType(e),e}function Tl(o,e){return Qt(o)?qe.compose(o,e):qe.compose(this,o)}function Bl(o,e){return Qt(o)?qe.compose(o,e).define().type:qe.compose(this,o).define().type}function Al(o){return wn(o)}const w=Object.assign(wn(HTMLElement),{from:Al,define:Bl,compose:Tl}),Te={horizontal:"horizontal",vertical:"vertical"};function Ol(o,e){let t=o.length;for(;t--;)if(e(o[t],t,o))return t;return-1}function Cn(...o){return o.every(e=>e instanceof HTMLElement)}const mi="ArrowDown",$i="ArrowLeft",vi="ArrowRight",yi="ArrowUp",xi="End",ki="Enter",El="Escape",wi="Home",Ps=" ",Fl="Tab";var Xe;(function(o){o.ltr="ltr",o.rtl="rtl"})(Xe||(Xe={}));function Nl(o,e,t){return t<o?e:t>e?o:t}function Ts(o,e,t){return Math.min(Math.max(t,o),e)}let _l=0;function oo(o=""){return`${o}${_l++}`}var Ml=Object.defineProperty,Dl=Object.getOwnPropertyDescriptor,Y=(o,e,t,i)=>{for(var s=i>1?void 0:i?Dl(e,t):e,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(e,t,s):n(s))||s);return i&&s&&Ml(e,t,s),s};class Q{}Y([a({attribute:"aria-atomic"})],Q.prototype,"ariaAtomic",2),Y([a({attribute:"aria-busy"})],Q.prototype,"ariaBusy",2),Y([a({attribute:"aria-controls"})],Q.prototype,"ariaControls",2),Y([a({attribute:"aria-current"})],Q.prototype,"ariaCurrent",2),Y([a({attribute:"aria-describedby"})],Q.prototype,"ariaDescribedby",2),Y([a({attribute:"aria-details"})],Q.prototype,"ariaDetails",2),Y([a({attribute:"aria-disabled"})],Q.prototype,"ariaDisabled",2),Y([a({attribute:"aria-errormessage"})],Q.prototype,"ariaErrormessage",2),Y([a({attribute:"aria-flowto"})],Q.prototype,"ariaFlowto",2),Y([a({attribute:"aria-haspopup"})],Q.prototype,"ariaHaspopup",2),Y([a({attribute:"aria-hidden"})],Q.prototype,"ariaHidden",2),Y([a({attribute:"aria-invalid"})],Q.prototype,"ariaInvalid",2),Y([a({attribute:"aria-keyshortcuts"})],Q.prototype,"ariaKeyshortcuts",2),Y([a({attribute:"aria-label"})],Q.prototype,"ariaLabel",2),Y([a({attribute:"aria-labelledby"})],Q.prototype,"ariaLabelledby",2),Y([a({attribute:"aria-live"})],Q.prototype,"ariaLive",2),Y([a({attribute:"aria-owns"})],Q.prototype,"ariaOwns",2),Y([a({attribute:"aria-relevant"})],Q.prototype,"ariaRelevant",2),Y([a({attribute:"aria-roledescription"})],Q.prototype,"ariaRoledescription",2);const Bs={fromView(o){const e=parseFloat(o);return Number.isNaN(e)?"":e.toString()},toView(o){const e=parseFloat(o);return Number.isNaN(e)?void 0:e.toString()}},As=o=>o.closest("[dir]")?.dir==="rtl"?Xe.rtl:Xe.ltr;function ve(o){return o?typeof o=="string"?new Pt(o):"inline"in o?o.inline():o:Pt.empty}const Os=o=>o.nodeType!==Node.TEXT_NODE||!!o.nodeValue?.trim().length,Vl=":host([hidden]){display:none}";function I(o){return`${Vl}:host{display:${o}}`}class Ll{constructor(e){this.listenerCache=new WeakMap,this.query=e}connectedCallback(e){const{query:t}=this;let i=this.listenerCache.get(e);i||(i=this.constructListener(e),this.listenerCache.set(e,i)),i.bind(t)(),t.addEventListener("change",i)}disconnectedCallback(e){const t=this.listenerCache.get(e);t&&this.query.removeEventListener("change",t)}}class oi extends Ll{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new oi(e,t)}constructListener(e){let t=!1;const i=this.styles;return function(){const{matches:r}=this;r&&!t?(e.addStyles(i),t=r):!r&&t&&(e.removeStyles(i),t=r)}}removedCallback(e){e.removeStyles(this.styles)}}const le=oi.with(window.matchMedia("(forced-colors)"));oi.with(window.matchMedia("(prefers-color-scheme: dark)")),oi.with(window.matchMedia("(prefers-color-scheme: light)"));const Sn=CSS.supports("anchor-name: --a"),Hl="anchor"in HTMLElement.prototype,In=CSS.supports("selector(:state(g))");class rt{}function mt(o){return g`<slot name="end" ${X("end")}>${ve(o.end)}</slot>`.inline()}function Ke(o){return g`<slot name="start" ${X("start")}>${ve(o.start)}</slot>`.inline()}function nt(o,...e){const t=pi.locate(o);e.forEach(i=>{Object.getOwnPropertyNames(i.prototype).forEach(r=>{r!=="constructor"&&Object.defineProperty(o.prototype,r,Object.getOwnPropertyDescriptor(i.prototype,r))}),pi.locate(i).forEach(r=>t.push(r))})}const zn=new Map;function l(o){return zn.get(o)??zn.set(o,In?`:state(${o})`:`[state--${o}]`).get(o)}function v(o,e,t){if(!(!e||!o)){if(!In){o.shadowRoot.host.toggleAttribute(`state--${e}`,t);return}if(t??!o.states.has(e)){o.states.add(e);return}o.states.delete(e)}}const Es=new WeakMap;function Fs(o,e){if(!o||!e)return!1;if(Es.has(o))return Es.get(o).has(e);const t=new Set(Object.values(o));return Es.set(o,t),t.has(e)}function y(o,e="",t="",i,s=""){v(o,`${s}${e}`,!1),(!i||Fs(i,t))&&v(o,`${s}${t}`,!0)}const Rl={small:"small",medium:"medium",large:"large",extraLarge:"extra-large"},jl={start:"start",end:"end"};var ql=Object.defineProperty,Wl=Object.getOwnPropertyDescriptor,Bt=(o,e,t,i)=>{for(var s=i>1?void 0:i?Wl(e,t):e,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(e,t,s):n(s))||s);return i&&s&&ql(e,t,s),s};class at extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=oo("accordion-")}expandedChanged(e,t){v(this.elementInternals,"expanded",t)}disabledChanged(e,t){v(this.elementInternals,"disabled",t)}}Bt([a({attribute:"heading-level",mode:"fromView",converter:ae})],at.prototype,"headinglevel",2),Bt([a({mode:"boolean"})],at.prototype,"expanded",2),Bt([a({mode:"boolean"})],at.prototype,"disabled",2),Bt([a],at.prototype,"id",2);class Io extends at{constructor(){super(...arguments),this.block=!1}sizeChanged(e,t){y(this.elementInternals,e,t,Rl)}markerPositionChanged(e,t){y(this.elementInternals,e,t,jl,"align-")}blockChanged(e,t){v(this.elementInternals,"block",t)}}Bt([a],Io.prototype,"size",2),Bt([a({attribute:"marker-position"})],Io.prototype,"markerPosition",2),Bt([a({mode:"boolean"})],Io.prototype,"block",2),nt(Io,rt);const Gl=l("active"),lt=l("align-end"),Pn=l("align-start"),Ul=l("anchor"),Tn=l("auto-resize"),Xl=l("bad-input"),Kl=l("beige"),zo=l("block"),Yl=l("blue"),Ql=l("bold"),Zl=l("bordered"),Ye=l("brand"),Jl=l("brass"),ec=l("brown"),tc=l("center"),k=l("checked"),Po=l("circular"),oc=l("cornflower"),ic=l("cranberry"),sc=l("custom-error"),Ci=l("danger"),rc=l("dark-green"),nc=l("dark-red"),ac=l("description"),_=l("disabled"),Bn=l("display-shadow"),An=l("dot"),lc=l("end"),Ns=l("error"),At=l("expanded"),Si=l("extra-large"),To=l("extra-small"),$t=l("filled-darker"),Ot=l("filled-lighter"),cc=l("fit-center"),dc=l("fit-contain"),hc=l("fit-cover"),uc=l("fit-none"),pc=l("flip-block"),bc=l("focus-visible"),gc=l("forest"),ct=l("ghost"),fc=l("gold"),mc=l("grape"),$c=l("has-message"),vc=l("huge"),io=l("icon"),Ii=l("important"),Et=l("indeterminate"),zi=l("informative"),yc=l("inline"),_s=l("inset"),On=l("inverted"),xc=l("italic"),kc=l("justify"),C=l("large"),wc=l("lavender"),Cc=l("light-teal"),Sc=l("lilac"),Ic=l("magenta"),zc=l("marigold"),Pc=l("medium"),Tc=l("mink"),Bc=l("monospace"),Bo=l("multiline"),so=l("multiple"),Ac=l("navy"),Pi=l("neutral"),En=l("nowrap"),Oc=l("numeric"),Ec=l("open"),F=l("outline"),Fc=l("pattern-mismatch"),Nc=l("peach"),_c=l("pink"),Mc=l("placeholder-shown"),Dc=l("platinum"),Vc=l("plum"),D=l("pressed"),ye=l("primary"),Lc=l("pumpkin"),Hc=l("purple"),Rc=l("range-overflow"),jc=l("range-underflow"),qc=l("red"),Wc=l("resize-both"),Gc=l("resize-horizontal"),Uc=l("resize-vertical"),dt=l("rounded"),Xc=l("royal-blue"),Kc=l("seafoam"),Ms=l("selected"),Fn=l("semibold"),Ti=l("severe"),Yc=l("shadow"),Qc=l("size-1000"),Zc=l("size-100"),Jc=l("size-200"),ed=l("size-400"),td=l("size-500"),od=l("size-600"),id=l("size-700"),sd=l("size-800"),rd=l("size-900"),P=l("small"),Ao=l("square"),nd=l("steel"),ad=l("step-mismatch"),Nn=l("strikethrough"),Oo=l("strong"),Bi=l("submenu"),B=l("subtle"),Ft=l("success"),ld=l("teal"),vt=l("tint"),Eo=l("tiny"),cd=l("too-long"),dd=l("too-short"),H=l("transparent"),_n=l("truncate"),hd=l("type-mismatch"),Nt=l("underline"),ud=l("user-invalid"),pd=l("valid"),bd=l("value-missing"),z=l("vertical"),_t=l("warning"),E="var(--colorNeutralForeground1)",Ds="var(--colorNeutralForeground1Hover)",gd="var(--colorNeutralForeground1Pressed)",De="var(--colorNeutralForeground2)",Fo="var(--colorNeutralForeground2Hover)",No="var(--colorNeutralForeground2Pressed)",fd="var(--colorNeutralForeground2Selected)",Ai="var(--colorNeutralForeground2BrandHover)",Oi="var(--colorNeutralForeground2BrandPressed)",md="var(--colorNeutralForeground2BrandSelected)",be="var(--colorNeutralForeground3)",$d="var(--colorNeutralForeground3Hover)",vd="var(--colorNeutralForeground3Pressed)",Vs="var(--colorNeutralForeground4)",A="var(--colorNeutralForegroundDisabled)",yd="var(--colorBrandForegroundLink)",xd="var(--colorBrandForegroundLinkHover)",kd="var(--colorBrandForegroundLinkPressed)",wd="var(--colorNeutralForeground2Link)",Cd="var(--colorNeutralForeground2LinkHover)",Sd="var(--colorNeutralForeground2LinkPressed)",Mn="var(--colorCompoundBrandForeground1Hover)",Id="var(--colorCompoundBrandForeground1Pressed)",ht="var(--colorNeutralForegroundOnBrand)",Mt="var(--colorNeutralForegroundInverted)",zd="var(--colorNeutralForegroundInvertedHover)",Pd="var(--colorNeutralForegroundInvertedPressed)",Dn="var(--colorNeutralForegroundStaticInverted)",Ls="var(--colorBrandForeground1)",Td="var(--colorBrandForeground2)",Bd="var(--colorNeutralForeground1Static)",O="var(--colorNeutralBackground1)",Ei="var(--colorNeutralBackground1Hover)",Fi="var(--colorNeutralBackground1Pressed)",Vn="var(--colorNeutralBackground1Selected)",_o="var(--colorNeutralBackground3)",Ad="var(--colorNeutralBackground4)",Od="var(--colorNeutralBackground5)",Ni="var(--colorNeutralBackground6)",Ln="var(--colorNeutralBackgroundInverted)",Ed="var(--colorSubtleBackground)",_i="var(--colorSubtleBackgroundHover)",ro="var(--colorSubtleBackgroundPressed)",Fd="var(--colorSubtleBackgroundSelected)",Be="var(--colorTransparentBackground)",Hs="var(--colorTransparentBackgroundHover)",Rs="var(--colorTransparentBackgroundPressed)",Nd="var(--colorTransparentBackgroundSelected)",yt="var(--colorNeutralBackgroundDisabled)",js="var(--colorBackgroundOverlay)",qs="var(--colorBrandBackground)",Hn="var(--colorBrandBackgroundHover)",Rn="var(--colorBrandBackgroundPressed)",_d="var(--colorBrandBackgroundSelected)",Dt="var(--colorCompoundBrandBackground)",no="var(--colorCompoundBrandBackgroundHover)",ao="var(--colorCompoundBrandBackgroundPressed)",jn="var(--colorBrandBackgroundStatic)",Md="var(--colorBrandBackground2)",Qe="var(--colorNeutralStrokeAccessible)",Vt="var(--colorNeutralStrokeAccessibleHover)",Lt="var(--colorNeutralStrokeAccessiblePressed)",Ze="var(--colorNeutralStroke1)",lo="var(--colorNeutralStroke1Hover)",Mo="var(--colorNeutralStroke1Pressed)",Do="var(--colorNeutralStroke2)",Dd="var(--colorNeutralStroke3)",Vd="var(--colorNeutralStrokeOnBrand2)",qn="var(--colorBrandStroke1)",Ws="var(--colorBrandStroke2)",Ht="var(--colorCompoundBrandStroke)",Ld="var(--colorCompoundBrandStrokeHover)",Wn="var(--colorCompoundBrandStrokePressed)",Ae="var(--colorNeutralStrokeDisabled)",ce="var(--colorTransparentStroke)",Gs="var(--colorTransparentStrokeInteractive)",Us="var(--colorStrokeFocus1)",Ve="var(--colorStrokeFocus2)",Hd="var(--colorNeutralShadowAmbient)",Rd="var(--colorNeutralShadowKey)",Gn="var(--colorPaletteRedBackground1)",jd="var(--colorPaletteRedBackground2)",Un="var(--colorPaletteRedBackground3)",Xn="var(--colorPaletteRedBorder1)",Xs="var(--colorPaletteRedBorder2)",Kn="var(--colorPaletteRedForeground1)",qd="var(--colorPaletteRedForeground2)",Yn="var(--colorPaletteRedForeground3)",Qn="var(--colorPaletteGreenBackground1)",Zn="var(--colorPaletteGreenBackground3)",Wd="var(--colorPaletteGreenBorder1)",Gd="var(--colorPaletteGreenBorder2)",Ud="var(--colorPaletteGreenForeground1)",Xd="var(--colorPaletteGreenForeground2)",Kd="var(--colorPaletteGreenForeground3)",Jn="var(--colorPaletteDarkOrangeBackground1)",ea="var(--colorPaletteDarkOrangeBackground3)",ta="var(--colorPaletteDarkOrangeBorder1)",Yd="var(--colorPaletteDarkOrangeForeground1)",oa="var(--colorPaletteDarkOrangeForeground3)",Qd="var(--colorPaletteYellowBackground1)",Zd="var(--colorPaletteYellowBackground3)",Jd="var(--colorPaletteYellowBorder1)",Ks="var(--colorPaletteYellowForeground2)",ia="var(--colorPaletteMarigoldBackground2)",eh="var(--colorPaletteMarigoldBackground3)",th="var(--colorPaletteMarigoldForeground2)",oh="var(--colorPaletteAnchorBackground2)",ih="var(--colorPaletteAnchorForeground2)",sh="var(--colorPaletteBeigeBackground2)",rh="var(--colorPaletteBeigeForeground2)",nh="var(--colorPaletteBlueBackground2)",ah="var(--colorPaletteBlueForeground2)",lh="var(--colorPaletteBrassBackground2)",ch="var(--colorPaletteBrassForeground2)",dh="var(--colorPaletteBrownBackground2)",hh="var(--colorPaletteBrownForeground2)",uh="var(--colorPaletteCornflowerBackground2)",ph="var(--colorPaletteCornflowerForeground2)",bh="var(--colorPaletteCranberryBackground2)",gh="var(--colorPaletteCranberryForeground2)",fh="var(--colorPaletteDarkGreenBackground2)",mh="var(--colorPaletteDarkGreenForeground2)",$h="var(--colorPaletteDarkRedBackground2)",vh="var(--colorPaletteDarkRedForeground2)",yh="var(--colorPaletteForestBackground2)",xh="var(--colorPaletteForestForeground2)",kh="var(--colorPaletteGoldBackground2)",wh="var(--colorPaletteGoldForeground2)",Ch="var(--colorPaletteGrapeBackground2)",Sh="var(--colorPaletteGrapeForeground2)",Ih="var(--colorPaletteLavenderBackground2)",zh="var(--colorPaletteLavenderForeground2)",Ph="var(--colorPaletteLightTealBackground2)",Th="var(--colorPaletteLightTealForeground2)",Bh="var(--colorPaletteLilacBackground2)",Ah="var(--colorPaletteLilacForeground2)",Oh="var(--colorPaletteMagentaBackground2)",Eh="var(--colorPaletteMagentaForeground2)",Fh="var(--colorPaletteMinkBackground2)",Nh="var(--colorPaletteMinkForeground2)",_h="var(--colorPaletteNavyBackground2)",Mh="var(--colorPaletteNavyForeground2)",Dh="var(--colorPalettePeachBackground2)",Vh="var(--colorPalettePeachForeground2)",Lh="var(--colorPalettePinkBackground2)",Hh="var(--colorPalettePinkForeground2)",Rh="var(--colorPalettePlatinumBackground2)",jh="var(--colorPalettePlatinumForeground2)",qh="var(--colorPalettePlumBackground2)",Wh="var(--colorPalettePlumForeground2)",Gh="var(--colorPalettePumpkinBackground2)",Uh="var(--colorPalettePumpkinForeground2)",Xh="var(--colorPalettePurpleBackground2)",Kh="var(--colorPalettePurpleForeground2)",Yh="var(--colorPaletteRoyalBlueBackground2)",Qh="var(--colorPaletteRoyalBlueForeground2)",Zh="var(--colorPaletteSeafoamBackground2)",Jh="var(--colorPaletteSeafoamForeground2)",eu="var(--colorPaletteSteelBackground2)",tu="var(--colorPaletteSteelForeground2)",ou="var(--colorPaletteTealBackground2)",iu="var(--colorPaletteTealForeground2)",Mi="var(--borderRadiusNone)",Le="var(--borderRadiusSmall)",T="var(--borderRadiusMedium)",sa="var(--borderRadiusLarge)",ra="var(--borderRadiusXLarge)",Ce="var(--borderRadiusCircular)",x="var(--fontFamilyBase)",su="var(--fontFamilyMonospace)",ru="var(--fontFamilyNumeric)",Vo="var(--fontSizeBase100)",G="var(--fontSizeBase200)",M="var(--fontSizeBase300)",xe="var(--fontSizeBase400)",co="var(--fontSizeBase500)",Di="var(--fontSizeBase600)",na="var(--fontSizeHero700)",aa="var(--fontSizeHero800)",la="var(--fontSizeHero900)",ca="var(--fontSizeHero1000)",R="var(--fontWeightRegular)",nu="var(--fontWeightMedium)",U="var(--fontWeightSemibold)",Vi="var(--fontWeightBold)",Li="var(--lineHeightBase100)",ee="var(--lineHeightBase200)",j="var(--lineHeightBase300)",Se="var(--lineHeightBase400)",Hi="var(--lineHeightBase500)",da="var(--lineHeightBase600)",ha="var(--lineHeightHero700)",ua="var(--lineHeightHero800)",pa="var(--lineHeightHero900)",ba="var(--lineHeightHero1000)",Ys="var(--shadow2)",Ri="var(--shadow4)",au="var(--shadow8)",Qs="var(--shadow16)",lu="var(--shadow28)",ga="var(--shadow64)",N="var(--strokeWidthThin)",Ie="var(--strokeWidthThick)",ge="var(--strokeWidthThicker)",Zs="var(--strokeWidthThickest)",te="var(--spacingHorizontalXXS)",Oe="var(--spacingHorizontalXS)",de="var(--spacingHorizontalSNudge)",Je="var(--spacingHorizontalS)",fe="var(--spacingHorizontalMNudge)",ke="var(--spacingHorizontalM)",cu="var(--spacingHorizontalL)",du="var(--spacingHorizontalXL)",hu="var(--spacingHorizontalXXL)",Lo="var(--spacingVerticalXXS)",ho="var(--spacingVerticalXS)",et="var(--spacingVerticalSNudge)",oe="var(--spacingVerticalS)",uo="var(--spacingVerticalMNudge)",uu="var(--spacingVerticalM)",ji="var(--spacingVerticalL)",Ho="var(--spacingVerticalXXL)",Js="var(--durationUltraFast)",er="var(--durationFaster)",qi="var(--durationNormal)",tr="var(--durationGentle)",fa="var(--durationSlow)",ma="var(--durationSlower)",Wi="var(--durationUltraSlow)",pu="var(--curveAccelerateMax)",Rt="var(--curveAccelerateMid)",bu="var(--curveAccelerateMin)",or="var(--curveDecelerateMax)",jt="var(--curveDecelerateMid)",gu="var(--curveDecelerateMin)",fu="var(--curveEasyEaseMax)",Gi="var(--curveEasyEase)",ir="var(--curveLinear)",mu=p`
|
|
1
|
+
const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements});let ii;const kr="fast-kernel";try{if(document.currentScript)ii=document.currentScript.getAttribute(kr);else{const o=document.getElementsByTagName("script");ii=o[o.length-1].getAttribute(kr)}}catch{ii="isolate"}let Se;switch(ii){case"share":Se=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":Se=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)}`;Se=Object.freeze({updateQueue:`1.2${o}`,observable:`2.2${o}`,contextEvent:`3.2${o}`,elementRegistry:`4.2${o}`});break}const Qe=o=>typeof o=="function",Wt=o=>typeof o=="string",wr=()=>{};var ps=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};(function(){if(!(typeof globalThis<"u"))if(typeof ps<"u")ps.globalThis=ps;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 Cr={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},Cr));const pt=globalThis.FAST;if(pt.getById===void 0){const o=Object.create(null);Reflect.defineProperty(pt,"getById",Object.assign({value(t,e){let i=o[t];return i===void 0&&(i=e?o[t]=e():null),i}},Cr))}pt.error===void 0&&Object.assign(pt,{warn(){},error(o){return new Error(`Error ${o}`)},addMessages(){}});const Xa=Object.freeze([]);function bs(){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 Sr(){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 Ie(o){o.prototype.toJSON=wr}const rt=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),Ir=o=>o,Ka=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:Ir}):{createHTML:Ir};let si=Object.freeze({createHTML(o){return Ka.createHTML(o)},protect(o,t,e,i){return i}});const Ya=si,ze=Object.freeze({get policy(){return si},setPolicy(o){if(si!==Ya)throw pt.error(1201);si=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)}}),nt=pt.getById(Se.updateQueue,()=>{const o=[],t=[],e=globalThis.requestAnimationFrame;let i=!0;function s(){if(t.length)throw t.shift()}function r(u){try{u.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,m=o.length-h;c<m;c++)o[c]=o[c+h];o.length-=h,h=0}o.length=0}function d(u){o.push(u),o.length<2&&(i?e(n):n())}return Object.freeze({enqueue:d,next:()=>new Promise(d),process:n,setMode:u=>i=u})});class gs{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 zr{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 gs(this.subject):r=(s=this.subjectSubscribers)!==null&&s!==void 0?s:this.subjectSubscribers=new gs(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 ri=Object.freeze({unknown:void 0,coupled:1}),f=pt.getById(Se.observable,()=>{const o=nt.enqueue,t=/(:|&&|\|\||if|\?\.)/,e=new WeakMap;let i,s=h=>{throw pt.error(1101)};function r(h){var c;let m=(c=h.$fastController)!==null&&c!==void 0?c:e.get(h);return m===void 0&&(Array.isArray(h)?m=s(h):e.set(h,m=new zr(h))),m}const n=Sr();class d{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,m){const S=this.field,wt=c[S];if(wt!==m){c[S]=m;const fe=c[this.callback];Qe(fe)&&fe.call(c,wt,m),r(c).notify(this.name)}}}class u extends gs{constructor(c,m,S=!1){super(c,m),this.expression=c,this.isVolatileBinding=S,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 m=this.observe(c.source,c.context);return!c.isBound&&this.requiresUnbind(c)&&c.onUnbind(this),m}requiresUnbind(c){return c.sourceLifetime!==ri.coupled||this.first!==this.last||this.first.propertySource!==c.source}unbind(c){this.dispose()}observe(c,m){this.needsRefresh&&this.last!==null&&this.dispose();const S=i;i=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let wt;try{wt=this.expression(c,m)}finally{i=S}return wt}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,m){const S=this.last,wt=r(c),fe=S===null?this.first:{};if(fe.propertySource=c,fe.propertyName=m,fe.notifier=wt,wt.subscribe(this,m),S!==null){if(!this.needsRefresh){let xr;i=void 0,xr=S.propertySource[S.propertyName],i=this,c===xr&&(this.needsRefresh=!0)}S.next=fe}this.last=fe}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 Ie(u),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){Wt(c)&&(c=new d(c)),n(h).push(c),Reflect.defineProperty(h,c.name,{enumerable:!0,get(){return c.getValue(this)},set(m){c.setValue(this,m)}})},getAccessors:n,binding(h,c,m=this.isVolatileBinding(h)){return new u(h,c,m)},isVolatileBinding(h){return t.test(h.toString())}})});function $(o,t){f.defineProperty(o,t)}function fs(o,t,e){return Object.assign({},e,{get(){return f.trackVolatile(),e.get.apply(this)}})}const Pr=pt.getById(Se.contextEvent,()=>{let o=null;return{get(){return o},set(t){o=t}}}),Ze=Object.freeze({default:{index:0,length:0,get event(){return Ze.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return Pr.get()},setEvent(o){Pr.set(o)}});class ni{constructor(t,e,i=!1){this.evaluate=t,this.policy=e,this.isVolatile=i}}class Qa extends ni{createObserver(t){return f.binding(this.evaluate,t,this.isVolatile)}}function ms(o,t,e=f.isVolatileBinding(o)){return new Qa(o,t,e)}class Tr extends ni{createObserver(){return this}bind(t){return this.evaluate(t.source,t.context)}}Ie(Tr);function Br(o,t){return new Tr(o,t)}let Ar;function Or(o){return o.map(t=>t instanceof Pt?Or(t.styles):[t]).reduce((t,e)=>t.concat(e),[])}class Pt{constructor(t){this.styles=t,this.targets=new WeakSet,this._strategy=null,this.behaviors=t.map(e=>e instanceof Pt?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(Or(this.styles)),this}static setDefaultStrategy(t){Ar=t}static normalize(t){return t===void 0?void 0:Array.isArray(t)?new Pt(t):t instanceof Pt?t:new Pt([t])}}Pt.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const $s=bs(),vs=Object.freeze({getForInstance:$s.getForInstance,getByType:$s.getByType,define(o){return $s.register({type:o}),o}});function ys(o,t,e){t.source.style.setProperty(o.targetAspect,e.bind(t))}class xs{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,d)=>{r.call(i,n,d),n==="style"&&i.$cssBindings.forEach((u,h)=>ys(h,u.controller,u.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){ys(this,t,t[this.targetAspect])}removedCallback(t){t.source.$cssBindings&&t.source.$cssBindings.delete(this)}handleChange(t,e){ys(this,e.controller,e)}}vs.define(xs);const Za=`${Math.random().toString(36).substring(2,8)}`;let Ja=0;const Er=()=>`--v${Za}${++Ja}`;function Nr(o,t){const e=[];let i="";const s=[],r=n=>{s.push(n)};for(let n=0,d=o.length-1;n<d;++n){i+=o[n];let u=t[n];Qe(u)?u=new xs(ms(u),Er()).createCSS(r):u instanceof ni?u=new xs(u,Er()).createCSS(r):vs.getForInstance(u)!==void 0&&(u=u.createCSS(r)),u instanceof Pt||u instanceof CSSStyleSheet?(i.trim()!==""&&(e.push(i),i=""),e.push(u)):i+=u}return i+=o[o.length-1],i.trim()!==""&&e.push(i),{styles:e,behaviors:s}}const p=(o,...t)=>{const{styles:e,behaviors:i}=Nr(o,t),s=new Pt(e);return i.length?s.withBehaviors(...i):s};class Fr{constructor(t,e){this.behaviors=e,this.css="";const i=t.reduce((s,r)=>(Wt(r)?this.css+=r:s.push(r),s),[]);i.length&&(this.styles=new Pt(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)}}vs.define(Fr),p.partial=(o,...t)=>{const{styles:e,behaviors:i}=Nr(o,t);return new Fr(e,i)};const _r=/fe-b\$\$start\$\$(\d+)\$\$(.+)\$\$fe-b/,Mr=/fe-b\$\$end\$\$(\d+)\$\$(.+)\$\$fe-b/,Dr=/fe-repeat\$\$start\$\$(\d+)\$\$fe-repeat/,Vr=/fe-repeat\$\$end\$\$(\d+)\$\$fe-repeat/,Lr=/^(?:.{0,1000})fe-eb\$\$start\$\$(.+?)\$\$fe-eb/,Hr=/fe-eb\$\$end\$\$(.{0,1000})\$\$fe-eb(?:.{0,1000})$/;function Rr(o){return o&&o.nodeType===Node.COMMENT_NODE}const Gt=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 _r.test(o)},isContentBindingEndMarker(o){return Mr.test(o)},isRepeatViewStartMarker(o){return Dr.test(o)},isRepeatViewEndMarker(o){return Vr.test(o)},isElementBoundaryStartMarker(o){return Rr(o)&&Lr.test(o.data.trim())},isElementBoundaryEndMarker(o){return Rr(o)&&Hr.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 Wr(_r,o)},parseContentBindingEndMarker(o){return Wr(Mr,o)},parseRepeatStartMarker(o){return jr(Dr,o)},parseRepeatEndMarker(o){return jr(Vr,o)},parseElementBoundaryStartMarker(o){return qr(Lr,o.trim())},parseElementBoundaryEndMarker(o){return qr(Hr,o)}});function jr(o,t){const e=o.exec(t);return e===null?e:parseInt(e[1])}function qr(o,t){const e=o.exec(t);return e===null?e:e[1]}function Wr(o,t){const e=o.exec(t);return e===null?e:[parseInt(e[1]),e[2]]}const ai=Symbol.for("fe-hydration");function li(o){return o[ai]===ai}const ks=`fast-${Math.random().toString(36).substring(2,8)}`,ci=`${ks}{`,wo=`}${ks}`,tl=wo.length;let el=0;const Co=()=>`${ks}-${++el}`,Gr=Object.freeze({interpolation:o=>`${ci}${o}${wo}`,attribute:o=>`${Co()}="${ci}${o}${wo}"`,comment:o=>`<!--${ci}${o}${wo}-->`}),di=Object.freeze({parse(o,t){const e=o.split(ci);if(e.length===1)return null;const i=[];for(let s=0,r=e.length;s<r;++s){const n=e[s],d=n.indexOf(wo);let u;if(d===-1)u=n;else{const h=n.substring(0,d);i.push(t[h]),u=n.substring(d+tl)}u!==""&&i.push(u)}return i}}),ws=bs(),Mt=Object.freeze({getForInstance:ws.getForInstance,getByType:ws.getByType,define(o,t){return t=t||{},t.type=o,ws.register(t),o},assignAspect(o,t){if(!t){o.aspectType=rt.content;return}switch(o.sourceAspect=t,t[0]){case":":o.targetAspect=t.substring(1),o.aspectType=o.targetAspect==="classList"?rt.tokenList:rt.property;break;case"?":o.targetAspect=t.substring(1),o.aspectType=rt.booleanAttribute;break;case"@":o.targetAspect=t.substring(1),o.aspectType=rt.event;break;default:o.targetAspect=t,o.aspectType=rt.attribute;break}}});class Cs{constructor(t){this.options=t}createHTML(t){return Gr.attribute(t(this))}createBehavior(){return this}}Ie(Cs);class Ur extends Error{constructor(t,e,i){super(t),this.factories=e,this.node=i}}function Ss(o){return o.nodeType===Node.COMMENT_NODE}function Xr(o){return o.nodeType===Node.TEXT_NODE}function Kr(o,t){const e=document.createRange();return e.setStart(o,0),e.setEnd(t,Ss(t)||Xr(t)?t.data.length:t.childNodes.length),e}function ol(o){return o instanceof DocumentFragment&&"mode"in o}function il(o,t,e){const i=Kr(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={},d={};let u=r.currentNode=o;for(;u!==null;){switch(u.nodeType){case Node.ELEMENT_NODE:{sl(u,e,n);break}case Node.COMMENT_NODE:{rl(u,r,e,n,d);break}}u=r.nextNode()}return i.detach(),{targets:n,boundaries:d}}function sl(o,t,e){const i=Gt.parseAttributeBinding(o);if(i!==null){for(const s of i){if(!t[s])throw new Ur(`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);hi(t[s],o,e)}o.removeAttribute(Gt.attributeMarkerName)}}function rl(o,t,e,i,s){if(Gt.isElementBoundaryStartMarker(o)){nl(o,t);return}if(Gt.isContentBindingStartMarker(o.data)){const r=Gt.parseContentBindingStartMarker(o.data);if(r===null)return;const[n,d]=r,u=e[n],h=[];let c=t.nextSibling();o.data="";const m=c;for(;c!==null;){if(Ss(c)){const S=Gt.parseContentBindingEndMarker(c.data);if(S&&S[1]===d)break}h.push(c),c=t.nextSibling()}if(c===null){const S=o.getRootNode();throw new Error(`Error hydrating Comment node inside "${ol(S)?S.host.nodeName:S.nodeName}".`)}if(c.data="",h.length===1&&Xr(h[0]))hi(u,h[0],i);else{c!==m&&c.previousSibling!==null&&(s[u.targetNodeId]={first:m,last:c.previousSibling});const S=c.parentNode.insertBefore(document.createTextNode(""),c);hi(u,S,i)}}}function nl(o,t){const e=Gt.parseElementBoundaryStartMarker(o.data);let i=t.nextSibling();for(;i!==null;){if(Ss(i)){const s=Gt.parseElementBoundaryEndMarker(i.data);if(s&&s===e)break}i=t.nextSibling()}}function hi(o,t,e){if(o.targetNodeId===void 0)throw new Error("Factory could not be target to the node");e[o.targetNodeId]=t}var Yr;function Is(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 Qr{constructor(){this.index=0,this.length=0}get event(){return Ze.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 ui extends Qr{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=ri.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(){Is(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 d=s[r].createBehavior();d.bind(this),i[r]=d}}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){Is(t[0].firstChild,t[t.length-1].lastChild);for(let e=0,i=t.length;e<i;++e)t[e].unbind()}}}Ie(ui),f.defineProperty(ui.prototype,"index"),f.defineProperty(ui.prototype,"length");const Je={unhydrated:"unhydrated",hydrating:"hydrating",hydrated:"hydrated"};class al extends Error{constructor(t,e,i,s){super(t),this.factory=e,this.fragment=i,this.templateString=s}}class ll extends Qr{constructor(t,e,i,s){super(),this.firstChild=t,this.lastChild=e,this.sourceTemplate=i,this.hostBindingTarget=s,this[Yr]=ai,this.context=this,this.source=null,this.isBound=!1,this.sourceLifetime=ri.unknown,this.unbindables=[],this.fragment=null,this.behaviors=null,this._hydrationStage=Je.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!==Je.hydrated&&(this._hydrationStage=Je.hydrating),this.source===t)return;let r=this.behaviors;if(r===null){this.source=t,this.context=e;try{const{targets:d,boundaries:u}=il(this.firstChild,this.lastChild,this.factories);this._targets=d,this._bindingViewBoundaries=u}catch(d){if(d instanceof Ur){let u=this.sourceTemplate.html;typeof u!="string"&&(u=u.innerHTML),d.templateString=u}throw d}this.behaviors=r=new Array(this.factories.length);const n=this.factories;for(let d=0,u=n.length;d<u;++d){const h=n[d];if(h.targetNodeId==="h"&&this.hostBindingTarget&&hi(h,this.hostBindingTarget,this._targets),h.targetNodeId in this.targets){const c=h.createBehavior();c.bind(this),r[d]=c}else{let c=this.sourceTemplate.html;throw typeof c!="string"&&(c=c.innerHTML),new al(`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,Kr(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,d=r.length;n<d;++n)r[n].bind(this)}this.isBound=!0,this._hydrationStage=Je.hydrated}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}dispose(){Is(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}}Yr=ai,Ie(ll);function cl(o){return o.create!==void 0}function dl(o,t,e,i){if(e==null&&(e=""),cl(e)){o.textContent="";let s=o.$fastView;if(s===void 0)if(li(i)&&li(e)&&i.bindingViewBoundaries[this.targetNodeId]!==void 0&&i.hydrationStage!==Je.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 hl(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 d=r.v;const u=o[t];if(e!=null&&e.length){const h=e.split(/\s+/);for(let c=0,m=h.length;c<m;++c){const S=h[c];S!==""&&(n[S]=d,u.add(S))}}if(r.v=d+1,d!==0){d-=1;for(const h in n)n[h]===d&&u.remove(h)}}const ul={[rt.attribute]:ze.setAttribute,[rt.booleanAttribute]:ze.setBooleanAttribute,[rt.property]:(o,t,e)=>o[t]=e,[rt.content]:dl,[rt.tokenList]:hl,[rt.event]:()=>{}};class to{constructor(t){this.dataBinding=t,this.updateTarget=null,this.aspectType=rt.content}createHTML(t){return Gr.interpolation(t(this))}createBehavior(){var t;if(this.updateTarget===null){const e=ul[this.aspectType],i=(t=this.dataBinding.policy)!==null&&t!==void 0?t:this.policy;if(!e)throw pt.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=li(t)&&t.hydrationStage&&t.hydrationStage!==Je.hydrated;switch(this.aspectType){case rt.event:i[this.data]=t,i.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case rt.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===rt.attribute||this.aspectType===rt.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){Ze.setEvent(t);const i=this.dataBinding.evaluate(e.source,e.context);Ze.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)}}Mt.define(to,{aspected:!0});const Zr=(o,t)=>`${o}.${t}`,Jr={},Ut={index:0,node:null};function tn(o){o.startsWith("fast-")||pt.warn(1204,{name:o})}const pl=new Proxy(document.createElement("div"),{get(o,t){tn(t);const e=Reflect.get(o,t);return Qe(e)?e.bind(o):e},set(o,t,e){return tn(t),Reflect.set(o,t,e)}});class bl{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,d;this.nodeIds.has(i)||(this.nodeIds.add(i),this.addTargetDescriptor(e,i,s)),t.id=(n=t.id)!==null&&n!==void 0?n:Co(),t.targetNodeId=i,t.targetTagName=r,t.policy=(d=t.policy)!==null&&d!==void 0?d: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("."),d=t.substring(0,n),u=parseInt(t.substring(n+1));this.addTargetDescriptor(d,t,u)}let r=Jr[e];if(!r){const n=`_${e}`;Jr[e]=r={get(){var d;return(d=this[n])!==null&&d!==void 0?d: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??pl;for(const s of this.nodeIds)i[s];return new ui(e,this.factories,i)}}function en(o,t,e,i,s,r=!1){const n=e.attributes,d=o.directives;for(let u=0,h=n.length;u<h;++u){const c=n[u],m=c.value,S=di.parse(m,d);let wt=null;S===null?r&&(wt=new to(Br(()=>m,o.policy)),Mt.assignAspect(wt,c.name)):wt=zs.aggregate(S,o.policy),wt!==null&&(e.removeAttributeNode(c),u--,h--,o.addFactory(wt,t,i,s,e.tagName))}}function gl(o,t,e,i,s){const r=di.parse(t.textContent,o.directives);if(r===null)return Ut.node=t.nextSibling,Ut.index=s+1,Ut;let n,d=n=t;for(let u=0,h=r.length;u<h;++u){const c=r[u];u!==0&&(s++,i=Zr(e,s),n=d.parentNode.insertBefore(document.createTextNode(""),d.nextSibling)),Wt(c)?n.textContent=c:(n.textContent=" ",Mt.assignAspect(c),o.addFactory(c,e,i,s,null)),d=n}return Ut.index=s+1,Ut.node=d.nextSibling,Ut}function on(o,t,e){let i=0,s=t.firstChild;for(;s;){const r=fl(o,e,s,i);s=r.node,i=r.index}}function fl(o,t,e,i){const s=Zr(t,i);switch(e.nodeType){case 1:en(o,t,e,s,i),on(o,e,s);break;case 3:return gl(o,e,t,s,i);case 8:const r=di.parse(e.data,o.directives);r!==null&&o.addFactory(zs.aggregate(r),t,s,i,null);break}return Ut.index=i+1,Ut.node=e.nextSibling,Ut}function ml(o,t){return o&&o.nodeType==8&&di.parse(o.data,t)!==null}const sn="TEMPLATE",zs={compile(o,t,e=ze.policy){let i;if(Wt(o)){i=document.createElement(sn),i.innerHTML=e.createHTML(o);const n=i.content.firstElementChild;n!==null&&n.tagName===sn&&(i=n)}else i=o;!i.content.firstChild&&!i.content.lastChild&&i.content.appendChild(document.createComment(""));const s=document.adoptNode(i.content),r=new bl(s,t,e);return en(r,"",i,"h",0,!0),(ml(s.firstChild,t)||s.childNodes.length===1&&Object.keys(t).length>0)&&s.insertBefore(document.createComment(""),s.firstChild),on(r,s,"r"),Ut.node=null,r.freeze()},setDefaultStrategy(o){this.compile=o},aggregate(o,t=ze.policy){if(o.length===1)return o[0];let e,i=!1,s;const r=o.length,n=o.map(h=>Wt(h)?()=>h:(e=h.sourceAspect||e,i=i||h.dataBinding.isVolatile,s=s||h.dataBinding.policy,h.dataBinding.evaluate)),d=(h,c)=>{let m="";for(let S=0;S<r;++S)m+=n[S](h,c);return m},u=new to(ms(d,s??t,i));return Mt.assignAspect(u,e),u}},$l=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,vl=Object.create(null);class Pe{constructor(t,e=vl){this.html=t,this.factories=e}createHTML(t){const e=this.factories;for(const i in e)t(e[i]);return this.html}}Pe.empty=new Pe(""),Mt.define(Pe);function yl(o,t,e,i=Mt.getForInstance(o)){if(i.aspected){const s=$l.exec(t);s!==null&&Mt.assignAspect(o,s[2])}return o.createHTML(e)}class ds{constructor(t,e={},i){this.policy=i,this.result=null,this.html=t,this.factories=e}compile(){return this.result===null&&(this.result=zs.compile(this.html,this.factories,this.policy)),this.result}create(t){return this.compile().createView(t)}inline(){return new Pe(Wt(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(t){if(this.result)throw pt.error(1208);if(this.policy)throw pt.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=d=>{var u;const h=(u=d.id)!==null&&u!==void 0?u:d.id=Co();return r[h]=d,h};for(let d=0,u=t.length-1;d<u;++d){const h=t[d];let c=e[d],m;if(s+=h,Qe(c))c=new to(ms(c));else if(c instanceof ni)c=new to(c);else if(!(m=Mt.getForInstance(c))){const S=c;c=new to(Br(()=>S))}s+=yl(c,h,n,m)}return new ds(s+t[t.length-1],r,i)}}Ie(ds);const g=(o,...t)=>{if(Array.isArray(o)&&Array.isArray(o.raw))return ds.create(o,t);throw pt.error(1206)};g.partial=o=>new Pe(o);class rn extends Cs{bind(t){t.source[this.options]=t.targets[this.targetNodeId]}}Mt.define(rn);const X=o=>new rn(o),xl=o=>o.nodeType===1,Te=o=>o?t=>t.nodeType===1&&t.matches(o):xl;class nn extends Cs{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,Xa),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 an="slotchange";class ln extends nn{observe(t){t.addEventListener(an,this)}disconnect(t){t.removeEventListener(an,this)}getNodes(t){return t.assignedNodes(this.options)}handleEvent(t){const e=t.currentTarget;this.updateTarget(this.getSource(e),this.computeNodes(e))}}Mt.define(ln);function K(o){return Wt(o)&&(o={property:o}),new ln(o)}class cn extends nn{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=wr,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)}}Mt.define(cn);function kl(o){return Wt(o)&&(o={property:o}),new cn(o)}const dn="boolean",hn="reflect",pi=Object.freeze({locate:Sr()}),wl={toView(o){return o?"true":"false"},fromView(o){return!(o==null||o==="false"||o===!1||o===0)}};function un(o){if(o==null)return null;const t=o*1;return isNaN(t)?null:t}const at={toView(o){const t=un(o);return t&&t.toString()},fromView:un};class hs{constructor(t,e,i=e.toLowerCase(),s=hn,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===dn&&r===void 0&&(this.converter=wl)}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 f.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"||nt.enqueue(()=>{i.add(t);const s=t[this.fieldName];switch(e){case hn:const r=this.converter;ze.setAttribute(t,this.attribute,r!==void 0?r.toView(s):s);break;case dn:ze.setBooleanAttribute(t,this.attribute,s);break}i.delete(t)})}static collect(t,...e){const i=[];e.push(pi.locate(t));for(let s=0,r=e.length;s<r;++s){const n=e[s];if(n!==void 0)for(let d=0,u=n.length;d<u;++d){const h=n[d];Wt(h)?i.push(new hs(t,h)):i.push(new hs(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),pi.locate(s.constructor).push(e)}if(arguments.length>1){e={},i(o,t);return}return e=o===void 0?{}:o,i}const pn={mode:"open"},bn={},gn=new Set,bi=pt.getById(Se.elementRegistry,()=>bs());class qt{constructor(t,e=t.definition){var i;this.platformDefined=!1,Wt(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=hs.collect(t,e.attributes),n=new Array(r.length),d={},u={};for(let h=0,c=r.length;h<c;++h){const m=r[h];n[h]=m.attribute,d[m.name]=m,u[m.attribute]=m,f.defineProperty(s,m)}Reflect.defineProperty(t,"observedAttributes",{value:n,enumerable:!0}),this.attributes=r,this.propertyLookup=d,this.attributeLookup=u,this.shadowOptions=e.shadowOptions===void 0?pn:e.shadowOptions===null?void 0:Object.assign(Object.assign({},pn),e.shadowOptions),this.elementOptions=e.elementOptions===void 0?bn:Object.assign(Object.assign({},bn),e.elementOptions),this.styles=Pt.normalize(e.styles),bi.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 gn.has(t)||bi.getByType(t)?new qt(class extends t{},e):new qt(t,e)}static registerBaseType(t){gn.add(t)}}qt.getByType=bi.getByType,qt.getForInstance=bi.getForInstance;class Cl 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:Ze.default,targets:e,get isBound(){return s},addBehaviorFactory(r,n){var d,u,h,c;const m=r;m.id=(d=m.id)!==null&&d!==void 0?d:Co(),m.targetNodeId=(u=m.targetNodeId)!==null&&u!==void 0?u:Co(),m.targetTagName=(h=n.tagName)!==null&&h!==void 0?h:null,m.policy=(c=m.policy)!==null&&c!==void 0?c:ze.policy,this.addTarget(m.targetNodeId,n),this.addBehavior(m.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 Sl={bubbles:!0,composed:!0,cancelable:!0},gi="isConnected",fn=new WeakMap;function So(o){var t,e;return(e=(t=o.shadowRoot)!==null&&t!==void 0?t:fn.get(o))!==null&&e!==void 0?e:null}let mn;class eo extends zr{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"&&fn.set(t,r))}const s=f.getAccessors(t);if(s.length>0){const r=this.boundObservables=Object.create(null);for(let n=0,d=s.length;n<d;++n){const u=s[n].name,h=t[u];h!==void 0&&(delete t[u],r[u]=h)}}}get isConnected(){return f.track(this,gi),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:Ze.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=So(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=So(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,f.notify(this,gi))}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,f.notify(this,gi),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},Sl),i))):!1}renderTemplate(t){var e;const i=this.source,s=(e=So(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=ri.coupled)}static forCustomElement(t){const e=t.$fastController;if(e!==void 0)return e;const i=qt.getForInstance(t);if(i===void 0)throw pt.error(1401);return t.$fastController=new mn(t,i)}static setStrategy(t){mn=t}}Ie(eo),eo.setStrategy(eo);function fi(o){var t;return"adoptedStyleSheets"in o?o:(t=So(o))!==null&&t!==void 0?t:o.getRootNode()}class us{constructor(t){const e=us.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){vn(fi(t),this.sheets)}removeStylesFrom(t){yn(fi(t),this.sheets)}}us.styleSheetCache=new Map;let Il=0;const zl=()=>`fast-${++Il}`;function $n(o){return o===document?document.body:o}class Pl{constructor(t){this.styles=t,this.styleClass=zl()}addStylesTo(t){t=$n(fi(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=$n(fi(t));const e=t.querySelectorAll(`.${this.styleClass}`);for(let i=0,s=e.length;i<s;++i)t.removeChild(e[i])}}let vn=(o,t)=>{o.adoptedStyleSheets=[...o.adoptedStyleSheets,...t]},yn=(o,t)=>{o.adoptedStyleSheets=o.adoptedStyleSheets.filter(e=>t.indexOf(e)===-1)};if(Pt.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),vn=(o,t)=>{o.adoptedStyleSheets.push(...t)},yn=(o,t)=>{for(const e of t){const i=o.adoptedStyleSheets.indexOf(e);i!==-1&&o.adoptedStyleSheets.splice(i,1)}}}catch{}Pt.setDefaultStrategy(us)}else Pt.setDefaultStrategy(Pl);const xn="defer-hydration",kn="needs-hydration";class Ye extends eo{static hydrationObserverHandler(t){for(const e of t)Ye.hydrationObserver.unobserve(e.target),e.target.$fastController.connect()}connect(){var t,e;if(this.needsHydration===void 0&&(this.needsHydration=this.source.getAttribute(kn)!==null),this.source.hasAttribute(xn)){Ye.hydrationObserver.observe(this.source,{attributeFilter:[xn]});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=So(i))!==null&&t!==void 0?t:i;if(this.template)if(li(this.template)){let r=s.firstChild,n=s.lastChild;i.shadowRoot===null&&(Gt.isElementBoundaryStartMarker(r)&&(r.data="",r=r.nextSibling),Gt.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(kn),this.needsInitialization=this.needsHydration=!1,f.notify(this,gi)}disconnect(){super.disconnect(),Ye.hydrationObserver.unobserve(this.source)}static install(){eo.setStrategy(Ye)}}Ye.hydrationObserver=new Cl(Ye.hydrationObserverHandler);function wn(o){const t=class extends o{constructor(){super(),eo.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 qt.registerBaseType(t),t}function Tl(o,t){return Qe(o)?qt.compose(o,t):qt.compose(this,o)}function Bl(o,t){return Qe(o)?qt.compose(o,t).define().type:qt.compose(this,o).define().type}function Al(o){return wn(o)}const w=Object.assign(wn(HTMLElement),{from:Al,define:Bl,compose:Tl}),Tt={horizontal:"horizontal",vertical:"vertical"};function Ol(o,t){let e=o.length;for(;e--;)if(t(o[e],e,o))return e;return-1}function Cn(...o){return o.every(t=>t instanceof HTMLElement)}const mi="ArrowDown",$i="ArrowLeft",vi="ArrowRight",yi="ArrowUp",xi="End",ki="Enter",El="Escape",wi="Home",Ps=" ",Nl="Tab";var Xt;(function(o){o.ltr="ltr",o.rtl="rtl"})(Xt||(Xt={}));function Fl(o,t,e){return e<o?t:e>t?o:e}function Ts(o,t,e){return Math.min(Math.max(e,o),t)}let _l=0;function oo(o=""){return`${o}${_l++}`}var Ml=Object.defineProperty,Dl=Object.getOwnPropertyDescriptor,Y=(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&&Ml(t,e,s),s};class Q{}Y([a({attribute:"aria-atomic"})],Q.prototype,"ariaAtomic",2),Y([a({attribute:"aria-busy"})],Q.prototype,"ariaBusy",2),Y([a({attribute:"aria-controls"})],Q.prototype,"ariaControls",2),Y([a({attribute:"aria-current"})],Q.prototype,"ariaCurrent",2),Y([a({attribute:"aria-describedby"})],Q.prototype,"ariaDescribedby",2),Y([a({attribute:"aria-details"})],Q.prototype,"ariaDetails",2),Y([a({attribute:"aria-disabled"})],Q.prototype,"ariaDisabled",2),Y([a({attribute:"aria-errormessage"})],Q.prototype,"ariaErrormessage",2),Y([a({attribute:"aria-flowto"})],Q.prototype,"ariaFlowto",2),Y([a({attribute:"aria-haspopup"})],Q.prototype,"ariaHaspopup",2),Y([a({attribute:"aria-hidden"})],Q.prototype,"ariaHidden",2),Y([a({attribute:"aria-invalid"})],Q.prototype,"ariaInvalid",2),Y([a({attribute:"aria-keyshortcuts"})],Q.prototype,"ariaKeyshortcuts",2),Y([a({attribute:"aria-label"})],Q.prototype,"ariaLabel",2),Y([a({attribute:"aria-labelledby"})],Q.prototype,"ariaLabelledby",2),Y([a({attribute:"aria-live"})],Q.prototype,"ariaLive",2),Y([a({attribute:"aria-owns"})],Q.prototype,"ariaOwns",2),Y([a({attribute:"aria-relevant"})],Q.prototype,"ariaRelevant",2),Y([a({attribute:"aria-roledescription"})],Q.prototype,"ariaRoledescription",2);const Bs={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()}},As=o=>o.closest("[dir]")?.dir==="rtl"?Xt.rtl:Xt.ltr;function vt(o){return o?typeof o=="string"?new Pe(o):"inline"in o?o.inline():o:Pe.empty}const Os=o=>o.nodeType!==Node.TEXT_NODE||!!o.nodeValue?.trim().length,Vl=":host([hidden]){display:none}";function I(o){return`${Vl}: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 oi extends Ll{constructor(t,e){super(t),this.styles=e}static with(t){return e=>new oi(t,e)}constructListener(t){let e=!1;const i=this.styles;return function(){const{matches:r}=this;r&&!e?(t.addStyles(i),e=r):!r&&e&&(t.removeStyles(i),e=r)}}removedCallback(t){t.removeStyles(this.styles)}}const lt=oi.with(window.matchMedia("(forced-colors)"));oi.with(window.matchMedia("(prefers-color-scheme: dark)")),oi.with(window.matchMedia("(prefers-color-scheme: light)"));const Sn=CSS.supports("anchor-name: --a"),Hl="anchor"in HTMLElement.prototype,In=CSS.supports("selector(:state(g))");class re{}function me(o){return g`<slot name="end" ${X("end")}>${vt(o.end)}</slot>`.inline()}function Kt(o){return g`<slot name="start" ${X("start")}>${vt(o.start)}</slot>`.inline()}function ne(o,...t){const e=pi.locate(o);t.forEach(i=>{Object.getOwnPropertyNames(i.prototype).forEach(r=>{r!=="constructor"&&Object.defineProperty(o.prototype,r,Object.getOwnPropertyDescriptor(i.prototype,r))}),pi.locate(i).forEach(r=>e.push(r))})}const zn=new Map;function l(o){return zn.get(o)??zn.set(o,In?`:state(${o})`:`[state--${o}]`).get(o)}function v(o,t,e){if(!(!t||!o)){if(!In){o.shadowRoot.host.toggleAttribute(`state--${t}`,e);return}if(e??!o.states.has(t)){o.states.add(t);return}o.states.delete(t)}}const Es=new WeakMap;function Ns(o,t){if(!o||!t)return!1;if(Es.has(o))return Es.get(o).has(t);const e=new Set(Object.values(o));return Es.set(o,e),e.has(t)}function y(o,t="",e="",i,s=""){v(o,`${s}${t}`,!1),(!i||Ns(i,e))&&v(o,`${s}${e}`,!0)}const Rl={small:"small",medium:"medium",large:"large",extraLarge:"extra-large"},jl={start:"start",end:"end"};var ql=Object.defineProperty,Wl=Object.getOwnPropertyDescriptor,Be=(o,t,e,i)=>{for(var s=i>1?void 0:i?Wl(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&&ql(t,e,s),s};class ae extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=oo("accordion-")}expandedChanged(t,e){v(this.elementInternals,"expanded",e)}disabledChanged(t,e){v(this.elementInternals,"disabled",e)}}Be([a({attribute:"heading-level",mode:"fromView",converter:at})],ae.prototype,"headinglevel",2),Be([a({mode:"boolean"})],ae.prototype,"expanded",2),Be([a({mode:"boolean"})],ae.prototype,"disabled",2),Be([a],ae.prototype,"id",2);class Io extends ae{constructor(){super(...arguments),this.block=!1}sizeChanged(t,e){y(this.elementInternals,t,e,Rl)}markerPositionChanged(t,e){y(this.elementInternals,t,e,jl,"align-")}blockChanged(t,e){v(this.elementInternals,"block",e)}}Be([a],Io.prototype,"size",2),Be([a({attribute:"marker-position"})],Io.prototype,"markerPosition",2),Be([a({mode:"boolean"})],Io.prototype,"block",2),ne(Io,re);const Gl=l("active"),le=l("align-end"),Pn=l("align-start"),Ul=l("anchor"),Tn=l("auto-resize"),Xl=l("bad-input"),Kl=l("beige"),zo=l("block"),Yl=l("blue"),Ql=l("bold"),Zl=l("bordered"),Yt=l("brand"),Jl=l("brass"),tc=l("brown"),ec=l("center"),k=l("checked"),Po=l("circular"),oc=l("cornflower"),ic=l("cranberry"),sc=l("custom-error"),Ci=l("danger"),rc=l("dark-green"),nc=l("dark-red"),ac=l("description"),_=l("disabled"),Bn=l("display-shadow"),An=l("dot"),lc=l("end"),Fs=l("error"),Ae=l("expanded"),Si=l("extra-large"),To=l("extra-small"),$e=l("filled-darker"),Oe=l("filled-lighter"),cc=l("fit-center"),dc=l("fit-contain"),hc=l("fit-cover"),uc=l("fit-none"),pc=l("flip-block"),bc=l("focus-visible"),gc=l("forest"),ce=l("ghost"),fc=l("gold"),mc=l("grape"),$c=l("has-message"),vc=l("huge"),io=l("icon"),Ii=l("important"),Ee=l("indeterminate"),zi=l("informative"),yc=l("inline"),_s=l("inset"),On=l("inverted"),xc=l("italic"),kc=l("justify"),C=l("large"),wc=l("lavender"),Cc=l("light-teal"),Sc=l("lilac"),Ic=l("magenta"),zc=l("marigold"),Pc=l("medium"),Tc=l("mink"),Bc=l("monospace"),Bo=l("multiline"),so=l("multiple"),Ac=l("navy"),Pi=l("neutral"),En=l("nowrap"),Oc=l("numeric"),Ec=l("open"),N=l("outline"),Nc=l("pattern-mismatch"),Fc=l("peach"),_c=l("pink"),Mc=l("placeholder-shown"),Dc=l("platinum"),Vc=l("plum"),D=l("pressed"),yt=l("primary"),Lc=l("pumpkin"),Hc=l("purple"),Rc=l("range-overflow"),jc=l("range-underflow"),qc=l("red"),Wc=l("resize-both"),Gc=l("resize-horizontal"),Uc=l("resize-vertical"),de=l("rounded"),Xc=l("royal-blue"),Kc=l("seafoam"),Ms=l("selected"),Nn=l("semibold"),Ti=l("severe"),Yc=l("shadow"),Qc=l("size-1000"),Zc=l("size-100"),Jc=l("size-200"),td=l("size-400"),ed=l("size-500"),od=l("size-600"),id=l("size-700"),sd=l("size-800"),rd=l("size-900"),P=l("small"),Ao=l("square"),nd=l("steel"),ad=l("step-mismatch"),Fn=l("strikethrough"),Oo=l("strong"),Bi=l("submenu"),B=l("subtle"),Ne=l("success"),ld=l("teal"),ve=l("tint"),Eo=l("tiny"),cd=l("too-long"),dd=l("too-short"),H=l("transparent"),_n=l("truncate"),hd=l("type-mismatch"),Fe=l("underline"),ud=l("user-invalid"),pd=l("valid"),bd=l("value-missing"),z=l("vertical"),_e=l("warning"),E="var(--colorNeutralForeground1)",Ds="var(--colorNeutralForeground1Hover)",gd="var(--colorNeutralForeground1Pressed)",Dt="var(--colorNeutralForeground2)",No="var(--colorNeutralForeground2Hover)",Fo="var(--colorNeutralForeground2Pressed)",fd="var(--colorNeutralForeground2Selected)",Ai="var(--colorNeutralForeground2BrandHover)",Oi="var(--colorNeutralForeground2BrandPressed)",md="var(--colorNeutralForeground2BrandSelected)",bt="var(--colorNeutralForeground3)",$d="var(--colorNeutralForeground3Hover)",vd="var(--colorNeutralForeground3Pressed)",Vs="var(--colorNeutralForeground4)",A="var(--colorNeutralForegroundDisabled)",yd="var(--colorBrandForegroundLink)",xd="var(--colorBrandForegroundLinkHover)",kd="var(--colorBrandForegroundLinkPressed)",wd="var(--colorNeutralForeground2Link)",Cd="var(--colorNeutralForeground2LinkHover)",Sd="var(--colorNeutralForeground2LinkPressed)",Mn="var(--colorCompoundBrandForeground1Hover)",Id="var(--colorCompoundBrandForeground1Pressed)",he="var(--colorNeutralForegroundOnBrand)",Me="var(--colorNeutralForegroundInverted)",zd="var(--colorNeutralForegroundInvertedHover)",Pd="var(--colorNeutralForegroundInvertedPressed)",Dn="var(--colorNeutralForegroundStaticInverted)",Ls="var(--colorBrandForeground1)",Td="var(--colorBrandForeground2)",Bd="var(--colorNeutralForeground1Static)",O="var(--colorNeutralBackground1)",Ei="var(--colorNeutralBackground1Hover)",Ni="var(--colorNeutralBackground1Pressed)",Vn="var(--colorNeutralBackground1Selected)",_o="var(--colorNeutralBackground3)",Ad="var(--colorNeutralBackground4)",Od="var(--colorNeutralBackground5)",Fi="var(--colorNeutralBackground6)",Ln="var(--colorNeutralBackgroundInverted)",Ed="var(--colorSubtleBackground)",_i="var(--colorSubtleBackgroundHover)",ro="var(--colorSubtleBackgroundPressed)",Nd="var(--colorSubtleBackgroundSelected)",Bt="var(--colorTransparentBackground)",Hs="var(--colorTransparentBackgroundHover)",Rs="var(--colorTransparentBackgroundPressed)",Fd="var(--colorTransparentBackgroundSelected)",ye="var(--colorNeutralBackgroundDisabled)",js="var(--colorBackgroundOverlay)",qs="var(--colorBrandBackground)",Hn="var(--colorBrandBackgroundHover)",Rn="var(--colorBrandBackgroundPressed)",_d="var(--colorBrandBackgroundSelected)",De="var(--colorCompoundBrandBackground)",no="var(--colorCompoundBrandBackgroundHover)",ao="var(--colorCompoundBrandBackgroundPressed)",jn="var(--colorBrandBackgroundStatic)",Md="var(--colorBrandBackground2)",Qt="var(--colorNeutralStrokeAccessible)",Ve="var(--colorNeutralStrokeAccessibleHover)",Le="var(--colorNeutralStrokeAccessiblePressed)",Zt="var(--colorNeutralStroke1)",lo="var(--colorNeutralStroke1Hover)",Mo="var(--colorNeutralStroke1Pressed)",Do="var(--colorNeutralStroke2)",Dd="var(--colorNeutralStroke3)",Vd="var(--colorNeutralStrokeOnBrand2)",qn="var(--colorBrandStroke1)",Ws="var(--colorBrandStroke2)",He="var(--colorCompoundBrandStroke)",Ld="var(--colorCompoundBrandStrokeHover)",Wn="var(--colorCompoundBrandStrokePressed)",At="var(--colorNeutralStrokeDisabled)",ct="var(--colorTransparentStroke)",Gs="var(--colorTransparentStrokeInteractive)",Us="var(--colorStrokeFocus1)",Vt="var(--colorStrokeFocus2)",Hd="var(--colorNeutralShadowAmbient)",Rd="var(--colorNeutralShadowKey)",Gn="var(--colorPaletteRedBackground1)",jd="var(--colorPaletteRedBackground2)",Un="var(--colorPaletteRedBackground3)",Xn="var(--colorPaletteRedBorder1)",Xs="var(--colorPaletteRedBorder2)",Kn="var(--colorPaletteRedForeground1)",qd="var(--colorPaletteRedForeground2)",Yn="var(--colorPaletteRedForeground3)",Qn="var(--colorPaletteGreenBackground1)",Zn="var(--colorPaletteGreenBackground3)",Wd="var(--colorPaletteGreenBorder1)",Gd="var(--colorPaletteGreenBorder2)",Ud="var(--colorPaletteGreenForeground1)",Xd="var(--colorPaletteGreenForeground2)",Kd="var(--colorPaletteGreenForeground3)",Jn="var(--colorPaletteDarkOrangeBackground1)",ta="var(--colorPaletteDarkOrangeBackground3)",ea="var(--colorPaletteDarkOrangeBorder1)",Yd="var(--colorPaletteDarkOrangeForeground1)",oa="var(--colorPaletteDarkOrangeForeground3)",Qd="var(--colorPaletteYellowBackground1)",Zd="var(--colorPaletteYellowBackground3)",Jd="var(--colorPaletteYellowBorder1)",Ks="var(--colorPaletteYellowForeground2)",ia="var(--colorPaletteMarigoldBackground2)",th="var(--colorPaletteMarigoldBackground3)",eh="var(--colorPaletteMarigoldForeground2)",oh="var(--colorPaletteAnchorBackground2)",ih="var(--colorPaletteAnchorForeground2)",sh="var(--colorPaletteBeigeBackground2)",rh="var(--colorPaletteBeigeForeground2)",nh="var(--colorPaletteBlueBackground2)",ah="var(--colorPaletteBlueForeground2)",lh="var(--colorPaletteBrassBackground2)",ch="var(--colorPaletteBrassForeground2)",dh="var(--colorPaletteBrownBackground2)",hh="var(--colorPaletteBrownForeground2)",uh="var(--colorPaletteCornflowerBackground2)",ph="var(--colorPaletteCornflowerForeground2)",bh="var(--colorPaletteCranberryBackground2)",gh="var(--colorPaletteCranberryForeground2)",fh="var(--colorPaletteDarkGreenBackground2)",mh="var(--colorPaletteDarkGreenForeground2)",$h="var(--colorPaletteDarkRedBackground2)",vh="var(--colorPaletteDarkRedForeground2)",yh="var(--colorPaletteForestBackground2)",xh="var(--colorPaletteForestForeground2)",kh="var(--colorPaletteGoldBackground2)",wh="var(--colorPaletteGoldForeground2)",Ch="var(--colorPaletteGrapeBackground2)",Sh="var(--colorPaletteGrapeForeground2)",Ih="var(--colorPaletteLavenderBackground2)",zh="var(--colorPaletteLavenderForeground2)",Ph="var(--colorPaletteLightTealBackground2)",Th="var(--colorPaletteLightTealForeground2)",Bh="var(--colorPaletteLilacBackground2)",Ah="var(--colorPaletteLilacForeground2)",Oh="var(--colorPaletteMagentaBackground2)",Eh="var(--colorPaletteMagentaForeground2)",Nh="var(--colorPaletteMinkBackground2)",Fh="var(--colorPaletteMinkForeground2)",_h="var(--colorPaletteNavyBackground2)",Mh="var(--colorPaletteNavyForeground2)",Dh="var(--colorPalettePeachBackground2)",Vh="var(--colorPalettePeachForeground2)",Lh="var(--colorPalettePinkBackground2)",Hh="var(--colorPalettePinkForeground2)",Rh="var(--colorPalettePlatinumBackground2)",jh="var(--colorPalettePlatinumForeground2)",qh="var(--colorPalettePlumBackground2)",Wh="var(--colorPalettePlumForeground2)",Gh="var(--colorPalettePumpkinBackground2)",Uh="var(--colorPalettePumpkinForeground2)",Xh="var(--colorPalettePurpleBackground2)",Kh="var(--colorPalettePurpleForeground2)",Yh="var(--colorPaletteRoyalBlueBackground2)",Qh="var(--colorPaletteRoyalBlueForeground2)",Zh="var(--colorPaletteSeafoamBackground2)",Jh="var(--colorPaletteSeafoamForeground2)",tu="var(--colorPaletteSteelBackground2)",eu="var(--colorPaletteSteelForeground2)",ou="var(--colorPaletteTealBackground2)",iu="var(--colorPaletteTealForeground2)",Mi="var(--borderRadiusNone)",Lt="var(--borderRadiusSmall)",T="var(--borderRadiusMedium)",sa="var(--borderRadiusLarge)",ra="var(--borderRadiusXLarge)",Ct="var(--borderRadiusCircular)",x="var(--fontFamilyBase)",su="var(--fontFamilyMonospace)",ru="var(--fontFamilyNumeric)",Vo="var(--fontSizeBase100)",G="var(--fontSizeBase200)",M="var(--fontSizeBase300)",xt="var(--fontSizeBase400)",co="var(--fontSizeBase500)",Di="var(--fontSizeBase600)",na="var(--fontSizeHero700)",aa="var(--fontSizeHero800)",la="var(--fontSizeHero900)",ca="var(--fontSizeHero1000)",R="var(--fontWeightRegular)",nu="var(--fontWeightMedium)",U="var(--fontWeightSemibold)",Vi="var(--fontWeightBold)",Li="var(--lineHeightBase100)",tt="var(--lineHeightBase200)",j="var(--lineHeightBase300)",St="var(--lineHeightBase400)",Hi="var(--lineHeightBase500)",da="var(--lineHeightBase600)",ha="var(--lineHeightHero700)",ua="var(--lineHeightHero800)",pa="var(--lineHeightHero900)",ba="var(--lineHeightHero1000)",Ys="var(--shadow2)",Ri="var(--shadow4)",au="var(--shadow8)",Qs="var(--shadow16)",lu="var(--shadow28)",ga="var(--shadow64)",F="var(--strokeWidthThin)",It="var(--strokeWidthThick)",gt="var(--strokeWidthThicker)",Zs="var(--strokeWidthThickest)",et="var(--spacingHorizontalXXS)",Ot="var(--spacingHorizontalXS)",dt="var(--spacingHorizontalSNudge)",Jt="var(--spacingHorizontalS)",ft="var(--spacingHorizontalMNudge)",kt="var(--spacingHorizontalM)",cu="var(--spacingHorizontalL)",du="var(--spacingHorizontalXL)",hu="var(--spacingHorizontalXXL)",Lo="var(--spacingVerticalXXS)",ho="var(--spacingVerticalXS)",te="var(--spacingVerticalSNudge)",ot="var(--spacingVerticalS)",uo="var(--spacingVerticalMNudge)",uu="var(--spacingVerticalM)",ji="var(--spacingVerticalL)",Ho="var(--spacingVerticalXXL)",Js="var(--durationUltraFast)",tr="var(--durationFaster)",qi="var(--durationNormal)",er="var(--durationGentle)",fa="var(--durationSlow)",ma="var(--durationSlower)",Wi="var(--durationUltraSlow)",pu="var(--curveAccelerateMax)",Re="var(--curveAccelerateMid)",bu="var(--curveAccelerateMin)",or="var(--curveDecelerateMax)",je="var(--curveDecelerateMid)",gu="var(--curveDecelerateMin)",fu="var(--curveEasyEaseMax)",Gi="var(--curveEasyEase)",ir="var(--curveLinear)",mu=p`
|
|
2
2
|
${I("block")}
|
|
3
3
|
|
|
4
|
-
:host{max-width:fit-content;contain:content}.heading{height:44px;display:grid;position:relative;padding-inline:${
|
|
4
|
+
:host{max-width:fit-content;contain:content}.heading{height:44px;display:grid;position:relative;padding-inline:${kt} ${ft};border-radius:${T};font-family:${x};font-size:${M};font-weight:${R};line-height:${j};grid-template-columns:auto auto 1fr auto}.button{appearance:none;background:${Bt};border:none;box-sizing:border-box;color:${E};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:${Lt}}: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:${Jt};grid-column:1 / span 1;grid-row:1}.content{margin:0 ${kt}}::slotted([slot='start']){display:flex;justify-content:center;align-items:center;padding-right:${Jt};grid-column:2 / span 1;grid-row:1}button:focus-visible::after{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${Lt};outline:none;border:2px solid ${Us};box-shadow:inset 0 0 0 1px ${Vt}}:host(${_}) .button{color:${A}}:host(${_}) svg{filter:invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg) brightness(88%) contrast(87%)}:host(${Ae}) .content{display:block}:host(${Ae}) .default-marker-collapsed,:host(${Ae}) ::slotted([slot='marker-collapsed']),:host(:not(${Ae})) :is(.default-marker-expanded,.content),:host(:not(${Ae})) ::slotted([slot='marker-expanded']){display:none}:host(${Ae}) ::slotted([slot='marker-expanded']),:host(:not(${Ae})) ::slotted([slot='marker-collapsed']){display:flex}.heading{font-size:${M};line-height:${j}}:host(${P}) .heading{font-size:${G};line-height:${tt}}:host(${C}) .heading{font-size:${xt};line-height:${St}}:host(${Si}) .heading{font-size:${co};line-height:${Hi}}:host(${le}) :slotted([slot='start']){grid-column:1 / span 1}:host(${le}) :is(.default-marker-collapsed,.default-marker-expanded){grid-column:4 / span 1;padding-inline-start:${Jt};padding-inline-end:0}:host(${le}) .button{grid-column:2 / span 3}:host([block]){max-width:100%}:host(${le}) .heading{grid-template-columns:auto auto 28px;padding-inline:${kt}}:host(${le}:has([slot='start'])) .heading{padding-inline:${ft} ${kt}}:host(${zo}${le}) .heading{grid-template-columns:auto 1fr}:host(${le}) :is(.default-marker-collapsed,.default-marker-expanded){grid-column:5 / span 1}`,$u=g.partial(`<svg
|
|
5
5
|
width="20"
|
|
6
6
|
height="20"
|
|
7
7
|
viewBox="0 0 20 20"
|
|
@@ -27,22 +27,22 @@ const b=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 yu(o={}){return g`<div class="heading" part="heading" role="heading" aria-level="${
|
|
30
|
+
</svg>`);function yu(o={}){return g`<div class="heading" part="heading" role="heading" aria-level="${t=>t.headinglevel}"><button class="button" part="button" ${X("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">${vt(o.expandedIcon)}</slot><slot name="marker-collapsed">${vt(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 xu=yu({collapsedIcon:$u,expandedIcon:vu}),ku=Io.compose({name:`${b.prefix}-accordion-item`,template:xu,styles:mu});ku.define(b.registry);const sr={single:"single",multi:"multi"};var wu=Object.defineProperty,Cu=Object.getOwnPropertyDescriptor,$a=(o,t,e,i)=>{for(var s=i>1?void 0:i?Cu(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&&wu(t,e,s),s};class rr extends w{constructor(){super(...arguments),this.expandmode=sr.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=>f.getNotifier(e).subscribe(this,"disabled")),this.accordionItems=t.filter(e=>!e.hasAttribute("disabled")),this.accordionItems.forEach((e,i)=>{e instanceof ae&&(e.addEventListener("click",this.expandedChangedHandler),f.getNotifier(e).subscribe(this,"expanded"))}),this.isSingleExpandMode()){const e=this.findExpandedItem();this.setSingleExpandMode(e)}},this.removeItemListeners=t=>{t.forEach((e,i)=>{f.getNotifier(e).unsubscribe(this,"disabled"),f.getNotifier(e).unsubscribe(this,"expanded"),e.removeEventListener("click",this.expandedChangedHandler)})},this.expandedChangedHandler=t=>{const e=t.target;e instanceof ae&&(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===sr.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 ae&&t.expanded)??this.accordionItems[0]}isSingleExpandMode(){return this.expandmode===sr.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 ae&&(this.activeItemIndex===s?(i.expanded=!0,i.expandbutton.setAttribute("aria-disabled","true")):(i.expanded=!1,i.hasAttribute("disabled")||i.expandbutton.removeAttribute("aria-disabled")))})}}$a([a({attribute:"expand-mode"})],rr.prototype,"expandmode",2),$a([$],rr.prototype,"slottedAccordionItems",2);const Su=p`
|
|
31
31
|
${I("flex")}
|
|
32
32
|
|
|
33
|
-
:host{flex-direction:column;width:100%;contain:content}`;function Iu(){return g`<template><slot ${K({property:"slottedAccordionItems",filter:
|
|
33
|
+
:host{flex-direction:column;width:100%;contain:content}`;function Iu(){return g`<template><slot ${K({property:"slottedAccordionItems",filter:Te()})}></slot></template>`}const zu=Iu(),Pu=rr.compose({name:`${b.prefix}-accordion`,template:zu,styles:Su});Pu.define(b.registry);const va={primary:"primary",outline:"outline",subtle:"subtle",transparent:"transparent"},ya={circular:"circular",rounded:"rounded",square:"square"},xa={small:"small",medium:"medium",large:"large"},Ui={submit:"submit",reset:"reset",button:"button"},Tu=va,Bu=ya,Au=xa,Ou={download:"download",href:"href",hreflang:"hreflang",ping:"ping",referrerpolicy:"referrerpolicy",rel:"rel",target:"target",type:"type"};var Eu=Object.defineProperty,Nu=Object.getOwnPropertyDescriptor,Et=(o,t,e,i)=>{for(var s=i>1?void 0:i?Nu(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&&Eu(t,e,s),s};class ee 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(),f.getNotifier(this).subscribe(this),Object.keys(this.$fastController.definition.attributeLookup).forEach(t=>{this.handleChange(this,t)}),this.append(this.internalProxyAnchor)}disconnectedCallback(){super.disconnectedCallback(),f.getNotifier(this).unsubscribe(this)}handleChange(t,e){if(e in Ou){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===ki){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}}Et([a],ee.prototype,"download",2),Et([a],ee.prototype,"href",2),Et([a],ee.prototype,"hreflang",2),Et([a],ee.prototype,"ping",2),Et([a],ee.prototype,"referrerpolicy",2),Et([a],ee.prototype,"rel",2),Et([a],ee.prototype,"target",2),Et([a],ee.prototype,"type",2);class po extends ee{constructor(){super(...arguments),this.iconOnly=!1}appearanceChanged(t,e){y(this.elementInternals,t,e,Tu)}shapeChanged(t,e){y(this.elementInternals,t,e,Bu)}sizeChanged(t,e){y(this.elementInternals,t,e,Au)}iconOnlyChanged(t,e){v(this.elementInternals,"icon",!!e)}}Et([a],po.prototype,"appearance",2),Et([a],po.prototype,"shape",2),Et([a],po.prototype,"size",2),Et([a({attribute:"icon-only",mode:"boolean"})],po.prototype,"iconOnly",2),ne(po,re);const ka=p`
|
|
34
34
|
${I("inline-flex")}
|
|
35
35
|
|
|
36
|
-
:host{--icon-spacing:${
|
|
36
|
+
:host{--icon-spacing:${dt};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:${E};border:${F} solid ${Zt};padding:0 ${kt};min-width:96px;border-radius:${T};font-size:${M};font-family:${x};font-weight:${U};line-height:${j};transition-duration:${tr};transition-property:background,border,color;transition-timing-function:${Gi};cursor:pointer;user-select:none}.content{display:inherit}:host(:hover){background-color:${Ei};color:${Ds};border-color:${lo}}:host(:hover:active){background-color:${Ni};border-color:${Mo};color:${gd};outline-style:none}:host(:focus-visible){border-color:${ct};outline:${It} solid ${ct};box-shadow:${Ri},0 0 0 2px ${Vt}}@media screen and (prefers-reduced-motion:reduce){:host{transition-duration:0.01ms}}::slotted(svg){font-size:20px;height:20px;width:20px;fill:currentColor}::slotted([slot='start']){margin-inline-end:var(--icon-spacing)}::slotted([slot='end']){flex-shrink:0;margin-inline-start:var(--icon-spacing)}:host(${io}){min-width:32px;max-width:32px}:host(${P}){--icon-spacing:${Ot};min-height:24px;min-width:64px;padding:0 ${Jt};border-radius:${Lt};font-size:${G};line-height:${tt};font-weight:${R}}:host(${P}${io}){min-width:24px;max-width:24px}:host(${C}){min-height:40px;border-radius:${sa};padding:0 ${cu};font-size:${xt};line-height:${St}}:host(${C}${io}){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:${Ct}}:host(:is(${Ao},${Ao}:focus-visible)){border-radius:${Mi}}:host(${yt}){background-color:${qs};color:${he};border-color:transparent}:host(${yt}:hover){background-color:${Hn}}:host(${yt}:is(:hover,:hover:active)){border-color:transparent;color:${he}}:host(${yt}:hover:active){background-color:${Rn}}:host(${yt}:focus-visible){border-color:${he};box-shadow:${Ys},0 0 0 2px ${Vt}}:host(${N}){background-color:${Bt}}:host(${N}:hover){background-color:${Hs}}:host(${N}:hover:active){background-color:${Rs}}:host(${B}){background-color:${Ed};color:${Dt};border-color:transparent}:host(${B}:hover){background-color:${_i};color:${No};border-color:transparent}:host(${B}:hover:active){background-color:${ro};color:${Fo};border-color:transparent}:host(${B}:hover) ::slotted(svg){fill:${Ai}}:host(${B}:hover:active) ::slotted(svg){fill:${Oi}}:host(${H}){background-color:${Bt};color:${Dt}}:host(${H}:hover){background-color:${Hs};color:${Ai}}:host(${H}:hover:active){background-color:${Rs};color:${Oi}}:host(:is(${H},${H}:is(:hover,:active))){border-color:transparent}`,Xi=p`
|
|
37
37
|
${ka}
|
|
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(${
|
|
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:${ye};border-color:${At};color:${A};cursor:not-allowed}:host(${yt}:is(:disabled,[disabled-focusable])),:host(${yt}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){border-color:transparent}:host(${N}:is(:disabled,[disabled-focusable])),:host(${N}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){background-color:${Bt}}:host(${B}:is(:disabled,[disabled-focusable])),:host(${B}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){background-color:${Bt};border-color:transparent}:host(${H}:is(:disabled,[disabled-focusable])),:host(${H}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){border-color:transparent;background-color:${Bt}}`.withBehaviors(lt(p`
|
|
40
|
+
:host{background-color:ButtonFace;color:ButtonText}:host(:is(:hover,:focus-visible)){border-color:Highlight !important}:host(${yt}: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}`)),Fu=p`
|
|
41
41
|
${ka}
|
|
42
42
|
|
|
43
|
-
::slotted(a){position:absolute;inset:0}`.withBehaviors(
|
|
44
|
-
:host{border-color:LinkText;color:LinkText}`));function _u(o={}){return g`<template tabindex="0" @click="${(e
|
|
45
|
-
${I("inline-flex")} :host{position:relative;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;font-family:${x};font-weight:${U};font-size:${M};border-radius:${
|
|
43
|
+
::slotted(a){position:absolute;inset:0}`.withBehaviors(lt(p`
|
|
44
|
+
:host{border-color:LinkText;color:LinkText}`));function _u(o={}){return g`<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>${me(o)}</template>`}const Mu=_u(),Du=po.compose({name:`${b.prefix}-anchor-button`,template:Mu,styles:Fu});Du.define(b.registry);const Vu=/[\(\[\{][^\)\]\}]*[\)\]\}]/g,Lu=/[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g,Hu=/^\d+[\d\s]*(:?ext|x|)\s*\d+$/i,Ru=/\s+/g,ju=/[\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 qu(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 Wu(o){return o=o.replace(Vu,""),o=o.replace(Lu,""),o=o.replace(Ru," "),o=o.trim(),o}function Gu(o,t,e){return!o||(o=Wu(o),ju.test(o)||!e?.allowPhoneInitials&&Hu.test(o))?"":qu(o,t,e?.firstInitialOnly)}const wa={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"},Ca={neutral:"neutral",brand:"brand",colorful:"colorful",...wa};var Uu=Object.defineProperty,Xu=Object.getOwnPropertyDescriptor,xe=(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&&Uu(t,e,s),s};class Ki extends w{constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="img"}}xe([a],Ki.prototype,"name",2),xe([a],Ki.prototype,"initials",2),xe([a],Ki.prototype,"active",2);const qe=class vr extends Ki{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??Gu(this.name,window.getComputedStyle(this).direction==="rtl",{firstInitialOnly:t<=16})}generateColor(){const t=this.color===Ca.colorful,e=this.currentColor;this.currentColor=t&&this.colorId?this.colorId:t?vr.colors[Yu(this.name??"")%vr.colors.length]:this.color??Ca.neutral,y(this.elementInternals,e,this.currentColor)}connectedCallback(){super.connectedCallback(),f.getNotifier(this).subscribe(this),this.generateColor()}disconnectedCallback(){super.disconnectedCallback(),f.getNotifier(this).unsubscribe(this)}};qe.colors=Object.values(wa),xe([a],qe.prototype,"shape",2),xe([a],qe.prototype,"appearance",2),xe([a({converter:at})],qe.prototype,"size",2),xe([a],qe.prototype,"color",2),xe([a({attribute:"color-id"})],qe.prototype,"colorId",2);let Ku=qe;const Yu=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},ke={fastOutSlowInMax:or,fastOutSlowInMid:je,fastOutSlowInMin:gu,slowOutFastInMax:pu,slowOutFastInMid:Re,slowOutFastInMin:bu,fastEase:fu,normalEase:Gi,nullEasing:ir},Qu=p`
|
|
45
|
+
${I("inline-flex")} :host{position:relative;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;font-family:${x};font-weight:${U};font-size:${M};border-radius:${Ct};color:${bt};background-color:${Fi};contain:layout style}.default-icon,::slotted(svg){width:20px;height:20px;font-size:20px}::slotted(img){box-sizing:border-box;width:100%;height:100%;border-radius:${Ct}}::slotted([slot='badge']){position:absolute;bottom:0;right:0;box-shadow:0 0 0 ${F}) ${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 ${It}) ${O}}:host([size='16']),:host([size='20']),:host([size='24']){font-size:${Vo};font-weight:${R}}:host([size='16']){width:16px;height:16px}:host([size='20']){width:20px;height:20px}:host([size='24']){width:24px;height:24px}:host([size='16']) .default-icon,:host([size='16']) ::slotted(svg){width:12px;height:12px;font-size:12px}:host([size='20']) .default-icon,:host([size='24']) .default-icon,:host([size='20']) ::slotted(svg),:host([size='24']) ::slotted(svg){width:16px;height:16px;font-size:16px}:host([size='28']){width:28px;height:28px;font-size:${G}}:host([size='36']){width:36px;height:36px}:host([size='40']){width:40px;height:40px}:host([size='48']),:host([size='56']){font-size:${xt}}: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:${co}}: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:${Di}}:host([size='120']){width:120px;height:120px}:host([size='128']){width:128px;height:128px}:host([shape='square']){border-radius:${T}}:host([shape='square'][size='20']),:host([shape='square'][size='24']){border-radius:${Lt}}:host([shape='square'][size='56']),:host([shape='square'][size='64']),:host([shape='square'][size='72']){border-radius:${sa}}:host([shape='square'][size='96']),:host([shape='square'][size='120']),:host([shape='square'][size='128']){border-radius:${ra}}:host(${Yt}){color:${Dn};background-color:${jn}}:host(${nc}){color:${vh};background-color:${$h}}:host(${ic}){color:${gh};background-color:${bh}}:host(${qc}){color:${qd};background-color:${jd}}:host(${Lc}){color:${Uh};background-color:${Gh}}:host(${Fc}){color:${Vh};background-color:${Dh}}:host(${zc}){color:${eh};background-color:${ia}}:host(${fc}){color:${wh};background-color:${kh}}:host(${Jl}){color:${ch};background-color:${lh}}:host(${tc}){color:${hh};background-color:${dh}}:host(${gc}){color:${xh};background-color:${yh}}:host(${Kc}){color:${Jh};background-color:${Zh}}:host(${rc}){color:${mh};background-color:${fh}}:host(${Cc}){color:${Th};background-color:${Ph}}:host(${ld}){color:${iu};background-color:${ou}}:host(${nd}){color:${eu};background-color:${tu}}:host(${Yl}){color:${ah};background-color:${nh}}:host(${Xc}){color:${Qh};background-color:${Yh}}:host(${oc}){color:${ph};background-color:${uh}}:host(${Ac}){color:${Mh};background-color:${_h}}:host(${wc}){color:${zh};background-color:${Ih}}:host(${Hc}){color:${Kh};background-color:${Xh}}:host(${mc}){color:${Sh};background-color:${Ch}}:host(${Sc}){color:${Ah};background-color:${Bh}}:host(${_c}){color:${Hh};background-color:${Lh}}:host(${Ic}){color:${Eh};background-color:${Oh}}:host(${Vc}){color:${Wh};background-color:${qh}}:host(${Kl}){color:${rh};background-color:${sh}}:host(${Tc}){color:${Fh};background-color:${Nh}}:host(${Dc}){color:${jh};background-color:${Rh}}:host(${Ul}){color:${ih};background-color:${oh}}:host([active]){transform:perspective(1px);transition-property:transform,opacity;transition-duration:${Wi},${tr};transition-delay:${ke.fastEase},${ke.nullEasing}}:host([active])::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:inherit;transition-property:margin,opacity;transition-duration:${Wi}),${ma};transition-delay:${ke.fastEase}),${ke.nullEasing})}:host([active])::before{box-shadow:${au};border-style:solid;border-color:${jn}}:host([active][appearance='shadow'])::before{border-style:none;border-color:none}:host([active]:not([appearance='shadow']))::before{margin:calc(-2 * ${It});border-width:${It}}:host([size='56'][active]:not([appearance='shadow']))::before,:host([size='64'][active]:not([appearance='shadow']))::before{margin:calc(-2 * ${gt});border-width:${gt}}: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 * ${Zs});border-width:${Zs}}:host([size='20'][active][appearance])::before,:host([size='24'][active][appearance])::before,:host([size='28'][active][appearance])::before{box-shadow:${Ri}}:host([size='56'][active][appearance])::before,:host([size='64'][active][appearance])::before{box-shadow:${Qs}}: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:${lu}}:host([active][appearance='ring'])::before{box-shadow:none}:host([active='inactive']){opacity:0.8;transform:scale(0.875);transition-property:transform,opacity;transition-duration:${Wi},${tr};transition-delay:${ke.fastOutSlowInMin},${ke.nullEasing}}:host([active='inactive'])::before{margin:0;opacity:0;transition-property:margin,opacity;transition-duration:${Wi},${ma};transition-delay:${ke.fastOutSlowInMin},${ke.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}}`,Zu=g`<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 Ju(){return g`<slot>${o=>o.name||o.initials?o.generateInitials():Zu}</slot><slot name="badge"></slot>`}const tp=Ju(),ep=Ku.compose({name:`${b.prefix}-avatar`,template:tp,styles:Qu});ep.define(b.registry);const Sa={filled:"filled",ghost:"ghost",outline:"outline",tint:"tint"},Ia={brand:"brand",danger:"danger",important:"important",informative:"informative",severe:"severe",subtle:"subtle",success:"success",warning:"warning"},op={circular:"circular",rounded:"rounded",square:"square"},ip={tiny:"tiny",extraSmall:"extra-small",small:"small",medium:"medium",large:"large",extraLarge:"extra-large"};var sp=Object.defineProperty,rp=Object.getOwnPropertyDescriptor,Yi=(o,t,e,i)=>{for(var s=i>1?void 0:i?rp(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&&sp(t,e,s),s};class bo extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.appearance=Sa.filled,this.color=Ia.brand}appearanceChanged(t,e){y(this.elementInternals,t,e,Sa)}colorChanged(t,e){y(this.elementInternals,t,e,Ia)}shapeChanged(t,e){y(this.elementInternals,t,e,op)}sizeChanged(t,e){y(this.elementInternals,t,e,ip)}}Yi([a],bo.prototype,"appearance",2),Yi([a],bo.prototype,"color",2),Yi([a],bo.prototype,"shape",2),Yi([a],bo.prototype,"size",2),ne(bo,re);const za=p.partial`
|
|
46
46
|
${I("inline-flex")} :host {
|
|
47
47
|
position: relative;
|
|
48
48
|
box-sizing: border-box;
|
|
@@ -51,14 +51,14 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
51
51
|
font-family: ${x};
|
|
52
52
|
font-weight: ${U};
|
|
53
53
|
font-size: ${G};
|
|
54
|
-
line-height: ${
|
|
54
|
+
line-height: ${tt};
|
|
55
55
|
min-width: 20px;
|
|
56
56
|
height: 20px;
|
|
57
|
-
padding-inline: calc(${
|
|
58
|
-
border-radius: ${
|
|
59
|
-
border-color: ${
|
|
57
|
+
padding-inline: calc(${Ot} + ${et});
|
|
58
|
+
border-radius: ${Ct};
|
|
59
|
+
border-color: ${ct};
|
|
60
60
|
background-color: ${qs};
|
|
61
|
-
color: ${
|
|
61
|
+
color: ${he};
|
|
62
62
|
contain: content;
|
|
63
63
|
}
|
|
64
64
|
|
|
@@ -66,7 +66,7 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
66
66
|
font-size: 12px;
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
:host(:not(${
|
|
69
|
+
:host(:not(${ce}))::after {
|
|
70
70
|
position: absolute;
|
|
71
71
|
content: '';
|
|
72
72
|
top: 0;
|
|
@@ -74,7 +74,7 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
74
74
|
bottom: 0;
|
|
75
75
|
right: 0;
|
|
76
76
|
border-style: solid;
|
|
77
|
-
border-width: ${
|
|
77
|
+
border-width: ${F};
|
|
78
78
|
border-color: inherit;
|
|
79
79
|
border-radius: inherit;
|
|
80
80
|
}
|
|
@@ -106,7 +106,7 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
106
106
|
height: 16px;
|
|
107
107
|
font-size: ${Vo};
|
|
108
108
|
line-height: ${Li};
|
|
109
|
-
padding-inline: calc(${
|
|
109
|
+
padding-inline: calc(${et} + ${et});
|
|
110
110
|
}
|
|
111
111
|
:host(${P}) ::slotted(svg) {
|
|
112
112
|
font-size: 12px;
|
|
@@ -115,8 +115,8 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
115
115
|
min-width: 24px;
|
|
116
116
|
height: 24px;
|
|
117
117
|
font-size: ${G};
|
|
118
|
-
line-height: ${
|
|
119
|
-
padding-inline: calc(${
|
|
118
|
+
line-height: ${tt};
|
|
119
|
+
padding-inline: calc(${Ot} + ${et});
|
|
120
120
|
}
|
|
121
121
|
:host(${C}) ::slotted(svg) {
|
|
122
122
|
font-size: 16px;
|
|
@@ -125,8 +125,8 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
125
125
|
min-width: 32px;
|
|
126
126
|
height: 32px;
|
|
127
127
|
font-size: ${G};
|
|
128
|
-
line-height: ${
|
|
129
|
-
padding-inline: calc(${
|
|
128
|
+
line-height: ${tt};
|
|
129
|
+
padding-inline: calc(${dt} + ${et});
|
|
130
130
|
}
|
|
131
131
|
:host(${Si}) ::slotted(svg) {
|
|
132
132
|
font-size: 20px;
|
|
@@ -134,7 +134,7 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
134
134
|
`,Ta=p.partial`
|
|
135
135
|
:host(${Ci}) {
|
|
136
136
|
background-color: ${Un};
|
|
137
|
-
color: ${
|
|
137
|
+
color: ${he};
|
|
138
138
|
}
|
|
139
139
|
|
|
140
140
|
:host(${Ii}) {
|
|
@@ -144,12 +144,12 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
144
144
|
|
|
145
145
|
:host(${zi}) {
|
|
146
146
|
background-color: ${Od};
|
|
147
|
-
color: ${
|
|
147
|
+
color: ${bt};
|
|
148
148
|
}
|
|
149
149
|
|
|
150
150
|
:host(${Ti}) {
|
|
151
|
-
background-color: ${
|
|
152
|
-
color: ${
|
|
151
|
+
background-color: ${ta};
|
|
152
|
+
color: ${he};
|
|
153
153
|
}
|
|
154
154
|
|
|
155
155
|
:host(${B}) {
|
|
@@ -157,128 +157,128 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
157
157
|
color: ${E};
|
|
158
158
|
}
|
|
159
159
|
|
|
160
|
-
:host(${
|
|
160
|
+
:host(${Ne}) {
|
|
161
161
|
background-color: ${Zn};
|
|
162
|
-
color: ${
|
|
162
|
+
color: ${he};
|
|
163
163
|
}
|
|
164
164
|
|
|
165
|
-
:host(${
|
|
165
|
+
:host(${_e}) {
|
|
166
166
|
background-color: ${Zd};
|
|
167
167
|
color: ${Bd};
|
|
168
168
|
}
|
|
169
169
|
`,Ba=p.partial`
|
|
170
|
-
:host(${
|
|
170
|
+
:host(${ce}) {
|
|
171
171
|
color: ${Ls};
|
|
172
172
|
background-color: initial;
|
|
173
173
|
}
|
|
174
174
|
|
|
175
|
-
:host(${
|
|
175
|
+
:host(${ce}${Ci}) {
|
|
176
176
|
color: ${Yn};
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
:host(${
|
|
179
|
+
:host(${ce}${Ii}) {
|
|
180
180
|
color: ${E};
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
:host(${
|
|
184
|
-
color: ${
|
|
183
|
+
:host(${ce}${zi}) {
|
|
184
|
+
color: ${bt};
|
|
185
185
|
}
|
|
186
186
|
|
|
187
|
-
:host(${
|
|
187
|
+
:host(${ce}${Ti}) {
|
|
188
188
|
color: ${oa};
|
|
189
189
|
}
|
|
190
190
|
|
|
191
|
-
:host(${
|
|
192
|
-
color: ${
|
|
191
|
+
:host(${ce}${B}) {
|
|
192
|
+
color: ${Me};
|
|
193
193
|
}
|
|
194
194
|
|
|
195
|
-
:host(${
|
|
195
|
+
:host(${ce}${Ne}) {
|
|
196
196
|
color: ${Kd};
|
|
197
197
|
}
|
|
198
198
|
|
|
199
|
-
:host(${
|
|
199
|
+
:host(${ce}${_e}) {
|
|
200
200
|
color: ${Ks};
|
|
201
201
|
}
|
|
202
202
|
`,np=p.partial`
|
|
203
|
-
:host(${
|
|
203
|
+
:host(${N}) {
|
|
204
204
|
border-color: currentColor;
|
|
205
205
|
color: ${Ls};
|
|
206
206
|
background-color: initial;
|
|
207
207
|
}
|
|
208
208
|
|
|
209
|
-
:host(${
|
|
209
|
+
:host(${N}${Ci}) {
|
|
210
210
|
color: ${Yn};
|
|
211
211
|
}
|
|
212
212
|
|
|
213
|
-
:host(${
|
|
214
|
-
color: ${
|
|
215
|
-
border-color: ${
|
|
213
|
+
:host(${N}${Ii}) {
|
|
214
|
+
color: ${bt};
|
|
215
|
+
border-color: ${Qt};
|
|
216
216
|
}
|
|
217
217
|
|
|
218
|
-
:host(${
|
|
219
|
-
color: ${
|
|
218
|
+
:host(${N}${zi}) {
|
|
219
|
+
color: ${bt};
|
|
220
220
|
border-color: ${Do};
|
|
221
221
|
}
|
|
222
222
|
|
|
223
|
-
:host(${
|
|
223
|
+
:host(${N}${Ti}) {
|
|
224
224
|
color: ${oa};
|
|
225
225
|
}
|
|
226
226
|
|
|
227
|
-
:host(${
|
|
227
|
+
:host(${N}${B}) {
|
|
228
228
|
color: ${Dn};
|
|
229
229
|
}
|
|
230
230
|
|
|
231
|
-
:host(${
|
|
231
|
+
:host(${N}${Ne}) {
|
|
232
232
|
color: ${Xd};
|
|
233
233
|
}
|
|
234
234
|
|
|
235
|
-
:host(${
|
|
235
|
+
:host(${N}${_e}) {
|
|
236
236
|
color: ${Ks};
|
|
237
237
|
}
|
|
238
238
|
`,ap=p.partial`
|
|
239
|
-
:host(${
|
|
239
|
+
:host(${ve}) {
|
|
240
240
|
background-color: ${Md};
|
|
241
241
|
color: ${Td};
|
|
242
242
|
border-color: ${Ws};
|
|
243
243
|
}
|
|
244
244
|
|
|
245
|
-
:host(${
|
|
245
|
+
:host(${ve}${Ci}) {
|
|
246
246
|
background-color: ${Gn};
|
|
247
247
|
color: ${Kn};
|
|
248
248
|
border-color: ${Xn};
|
|
249
249
|
}
|
|
250
250
|
|
|
251
|
-
:host(${
|
|
252
|
-
background-color: ${
|
|
251
|
+
:host(${ve}${Ii}) {
|
|
252
|
+
background-color: ${bt};
|
|
253
253
|
color: ${O};
|
|
254
|
-
border-color: ${
|
|
254
|
+
border-color: ${ct};
|
|
255
255
|
}
|
|
256
256
|
|
|
257
|
-
:host(${
|
|
257
|
+
:host(${ve}${zi}) {
|
|
258
258
|
background-color: ${Ad};
|
|
259
|
-
color: ${
|
|
259
|
+
color: ${bt};
|
|
260
260
|
border-color: ${Do};
|
|
261
261
|
}
|
|
262
262
|
|
|
263
|
-
:host(${
|
|
263
|
+
:host(${ve}${Ti}) {
|
|
264
264
|
background-color: ${Jn};
|
|
265
265
|
color: ${Yd};
|
|
266
|
-
border-color: ${
|
|
266
|
+
border-color: ${ea};
|
|
267
267
|
}
|
|
268
268
|
|
|
269
|
-
:host(${
|
|
269
|
+
:host(${ve}${B}) {
|
|
270
270
|
background-color: ${O};
|
|
271
|
-
color: ${
|
|
271
|
+
color: ${bt};
|
|
272
272
|
border-color: ${Do};
|
|
273
273
|
}
|
|
274
274
|
|
|
275
|
-
:host(${
|
|
275
|
+
:host(${ve}${Ne}) {
|
|
276
276
|
background-color: ${Qn};
|
|
277
277
|
color: ${Ud};
|
|
278
278
|
border-color: ${Gd};
|
|
279
279
|
}
|
|
280
280
|
|
|
281
|
-
:host(${
|
|
281
|
+
:host(${ve}${_e}) {
|
|
282
282
|
background-color: ${Qd};
|
|
283
283
|
color: ${Ks};
|
|
284
284
|
border-color: ${Jd};
|
|
@@ -300,23 +300,23 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
300
300
|
font-weight: ${Vi};
|
|
301
301
|
`;const lp=p.partial`
|
|
302
302
|
font-family: ${x};
|
|
303
|
-
font-size: ${
|
|
304
|
-
line-height: ${
|
|
303
|
+
font-size: ${xt};
|
|
304
|
+
line-height: ${St};
|
|
305
305
|
font-weight: ${R};
|
|
306
306
|
`,Oa=p.partial`
|
|
307
307
|
font-family: ${x};
|
|
308
308
|
font-size: ${G};
|
|
309
|
-
line-height: ${
|
|
309
|
+
line-height: ${tt};
|
|
310
310
|
font-weight: ${R};
|
|
311
311
|
`;p.partial`
|
|
312
312
|
font-family: ${x};
|
|
313
313
|
font-size: ${G};
|
|
314
|
-
line-height: ${
|
|
314
|
+
line-height: ${tt};
|
|
315
315
|
font-weight: ${U};
|
|
316
316
|
`,p.partial`
|
|
317
317
|
font-family: ${x};
|
|
318
318
|
font-size: ${G};
|
|
319
|
-
line-height: ${
|
|
319
|
+
line-height: ${tt};
|
|
320
320
|
font-weight: ${Vi};
|
|
321
321
|
`,p.partial`
|
|
322
322
|
font-family: ${x};
|
|
@@ -335,13 +335,13 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
335
335
|
font-weight: ${U};
|
|
336
336
|
`;p.partial`
|
|
337
337
|
font-family: ${x};
|
|
338
|
-
font-size: ${
|
|
339
|
-
line-height: ${
|
|
338
|
+
font-size: ${xt};
|
|
339
|
+
line-height: ${St};
|
|
340
340
|
font-weight: ${U};
|
|
341
341
|
`,p.partial`
|
|
342
342
|
font-family: ${x};
|
|
343
|
-
font-size: ${
|
|
344
|
-
line-height: ${
|
|
343
|
+
font-size: ${xt};
|
|
344
|
+
line-height: ${St};
|
|
345
345
|
font-weight: ${Vi};
|
|
346
346
|
`,p.partial`
|
|
347
347
|
font-family: ${x};
|
|
@@ -369,18 +369,18 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
369
369
|
line-height: ${ba};
|
|
370
370
|
font-weight: ${U};
|
|
371
371
|
`;const dp=p`
|
|
372
|
-
:host(${Ao}){border-radius:${Mi}}:host(${
|
|
372
|
+
:host(${Ao}){border-radius:${Mi}}:host(${de}){border-radius:${T}}:host(${de}${Eo}),:host(${de}${To}),:host(${de}${P}){border-radius:${Lt}}${Pa}
|
|
373
373
|
${Ta}
|
|
374
374
|
${Ba}
|
|
375
375
|
${np}
|
|
376
376
|
${ap}
|
|
377
377
|
${za}
|
|
378
|
-
`.withBehaviors(
|
|
379
|
-
:host,:host([appearance='outline']),:host([appearance='tint']){border-color:CanvasText}`));function Ea(o={}){return g` ${
|
|
378
|
+
`.withBehaviors(lt(p`
|
|
379
|
+
:host,:host([appearance='outline']),:host([appearance='tint']){border-color:CanvasText}`));function Ea(o={}){return g` ${Kt(o)}<slot>${vt(o.defaultContent)}</slot>${me(o)} `}const hp=Ea(),up=bo.compose({name:`${b.prefix}-badge`,template:hp,styles:dp});up.define(b.registry);var pp=Object.defineProperty,bp=Object.getOwnPropertyDescriptor,it=(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&&pp(t,e,s),s};class mt 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!==Ui.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===ki||t.key===Ps){this.click();return}return!0}press(){switch(this.type){case Ui.reset:{this.resetForm();break}case Ui.submit:{this.submitForm();break}}}resetForm(){this.elementInternals.form?.reset()}submitForm(){if(!(!this.elementInternals.form||this.disabled||this.type!==Ui.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)}}}}mt.formAssociated=!0,it([a({mode:"boolean"})],mt.prototype,"autofocus",2),it([$],mt.prototype,"defaultSlottedContent",2),it([a({mode:"boolean"})],mt.prototype,"disabled",2),it([a({attribute:"disabled-focusable",mode:"boolean"})],mt.prototype,"disabledFocusable",2),it([a({attribute:"tabindex",mode:"fromView",converter:at})],mt.prototype,"tabIndex",2),it([a({attribute:"formaction"})],mt.prototype,"formAction",2),it([a({attribute:"form"})],mt.prototype,"formAttribute",2),it([a({attribute:"formenctype"})],mt.prototype,"formEnctype",2),it([a({attribute:"formmethod"})],mt.prototype,"formMethod",2),it([a({attribute:"formnovalidate",mode:"boolean"})],mt.prototype,"formNoValidate",2),it([a({attribute:"formtarget"})],mt.prototype,"formTarget",2),it([a],mt.prototype,"name",2),it([a],mt.prototype,"type",2),it([a],mt.prototype,"value",2);class ue extends mt{constructor(){super(...arguments),this.iconOnly=!1}appearanceChanged(t,e){y(this.elementInternals,t,e,va)}shapeChanged(t,e){y(this.elementInternals,t,e,ya)}sizeChanged(t,e){y(this.elementInternals,t,e,xa)}iconOnlyChanged(t,e){v(this.elementInternals,"icon",e)}}it([a],ue.prototype,"appearance",2),it([a],ue.prototype,"shape",2),it([a],ue.prototype,"size",2),it([a({attribute:"icon-only",mode:"boolean"})],ue.prototype,"iconOnly",2),ne(ue,re);function nr(o={}){return g`<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 ${K("defaultSlottedContent")}></slot></span>${me(o)}</template>`}const gp=nr(),fp=ue.compose({name:`${b.prefix}-button`,template:gp,styles:Xi});fp.define(b.registry);const mp={circular:"circular",square:"square"},$p={medium:"medium",large:"large"};var vp=Object.defineProperty,yp=Object.getOwnPropertyDescriptor,Ht=(o,t,e,i)=>{for(var s=i>1?void 0:i?yp(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&&vp(t,e,s),s};class Nt extends w{constructor(){super(...arguments),this.initialValue="on",this.dirtyChecked=!1,this.elementInternals=this.attachInternals(),this._validationFallbackMessage="",this._value=this.initialValue}get checked(){return f.track(this,"checked"),!!this._checked}set checked(t){this._checked=t,this.setFormValue(t?this.value:null),this.setValidity(),this.setAriaChecked(),v(this.elementInternals,"checked",t),f.notify(this,"checked")}disabledChanged(t,e){this.elementInternals.ariaDisabled=this.disabled?"true":"false",v(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 f.track(this,"value"),this._value}set value(t){this._value=t,this.$fastController.isConnected&&(this.setFormValue(t),this.setValidity(),f.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}}Nt.formAssociated=!0,Ht([a({mode:"boolean"})],Nt.prototype,"autofocus",2),Ht([$],Nt.prototype,"disabled",2),Ht([a({attribute:"disabled",mode:"boolean"})],Nt.prototype,"disabledAttribute",2),Ht([a({attribute:"form"})],Nt.prototype,"formAttribute",2),Ht([a({attribute:"checked",mode:"boolean"})],Nt.prototype,"initialChecked",2),Ht([a({attribute:"value",mode:"fromView"})],Nt.prototype,"initialValue",2),Ht([a],Nt.prototype,"name",2),Ht([a({mode:"boolean"})],Nt.prototype,"required",2);class Qi extends Nt{indeterminateChanged(t,e){this.setAriaChecked(),v(this.elementInternals,"indeterminate",e)}shapeChanged(t,e){y(this.elementInternals,t,e,mp)}sizeChanged(t,e){y(this.elementInternals,t,e,$p)}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)}}Ht([$],Qi.prototype,"indeterminate",2),Ht([a],Qi.prototype,"shape",2),Ht([a],Qi.prototype,"size",2);const xp=p`
|
|
380
380
|
${I("inline-flex")}
|
|
381
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(${k}:not([disabled]):hover),:host(:not([slot='input']):focus-visible)::after{border-color:Highlight}.indeterminate-indicator,.checked-indicator{color:HighlightText}:host(${k}),:host(${
|
|
382
|
+
:host{--size:16px;background-color:${O};border-radius:${Lt};border:${F} solid ${Qt};box-sizing:border-box;cursor:pointer;position:relative;width:var(--size)}:host,.indeterminate-indicator,.checked-indicator{aspect-ratio:1}:host(:hover){border-color:${Ve}}:host(:active){border-color:${Le}}:host(${k}:hover){background-color:${no};border-color:${Ld}}:host(${k}:active){background-color:${ao};border-color:${Wn}}:host(:focus-visible){outline:none}:host(:not([slot='input']))::after{content:'';position:absolute;inset:-8px;box-sizing:border-box;outline:none;border:${It} solid ${ct};border-radius:${T}}:host(:not([slot='input']):focus-visible)::after{border-color:${Vt}}.indeterminate-indicator,.checked-indicator{color:${Me};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(${Ee}){border-color:${He}}:host(${k}),:host(${Ee}) .indeterminate-indicator{background-color:${De}}:host(${Ee}) .indeterminate-indicator{border-radius:${Lt};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:${Ct}}:host([disabled]),:host([disabled]${k}){background-color:${ye};border-color:${At}}:host([disabled]){cursor:unset}:host([disabled]${Ee}) .indeterminate-indicator{background-color:${At}}:host([disabled]${k}) .checked-indicator{color:${At}}`.withBehaviors(lt(p`
|
|
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(${Ee}) .indeterminate-indicator{background-color:FieldText}:host(${k}:not([disabled]):hover),:host(${Ee}:not([disabled]):hover) .indeterminate-indicator{background-color:Highlight}:host([disabled]){border-color:GrayText}:host([disabled]${Ee}) .indeterminate-indicator{background-color:GrayText}:host([disabled]),:host([disabled]${k}) .checked-indicator{color:GrayText}`)),kp=g.partial(`
|
|
384
384
|
<svg
|
|
385
385
|
fill="currentColor"
|
|
386
386
|
aria-hidden="true"
|
|
@@ -393,19 +393,19 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
393
393
|
</svg>
|
|
394
394
|
`),wp=g.partial(`
|
|
395
395
|
<span class="indeterminate-indicator"></span>
|
|
396
|
-
`);function Cp(o={}){return g`<template tabindex="${
|
|
396
|
+
`);function Cp(o={}){return g`<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">${vt(o.checkedIndicator)}</slot><slot name="indeterminate-indicator">${vt(o.indeterminateIndicator)}</slot></template>`}const Sp=Cp({checkedIndicator:kp,indeterminateIndicator:wp}),Ip=Qi.compose({name:`${b.prefix}-checkbox`,template:Sp,styles:xp});Ip.define(b.registry);class zp extends ue{}const Pp=p`
|
|
397
397
|
${Xi}
|
|
398
398
|
|
|
399
|
-
:host,:host(:is([size])){gap:12px;height:auto;padding-top:14px;padding-inline:12px;padding-bottom:16px;font-size:${M};line-height:${j}}.content{display:flex;flex-direction:column;text-align:start}::slotted([slot='description']){color:${
|
|
400
|
-
::slotted([slot='description']){color:${A}}:host(${P}){padding:8px;padding-bottom:10px}:host(${io}){min-width:52px;max-width:52px;padding:${
|
|
401
|
-
:host(${
|
|
399
|
+
:host,:host(:is([size])){gap:12px;height:auto;padding-top:14px;padding-inline:12px;padding-bottom:16px;font-size:${M};line-height:${j}}.content{display:flex;flex-direction:column;text-align:start}::slotted([slot='description']){color:${Dt};line-height:100%;font-size:${G};font-weight:${R}}::slotted(svg),:host(${C}) ::slotted(svg){font-size:40px;height:40px;width:40px}:host(:hover) ::slotted([slot='description']){color:${No}}:host(:active) ::slotted([slot='description']){color:${Fo}}:host(:is(${yt},${yt}:hover,${yt}:active)) ::slotted([slot='description']){color:${he}}:host(:is(${B},${B}:hover,${B}:active)) ::slotted([slot='description']),:host(${H}) ::slotted([slot='description']){color:${Dt}}:host(${H}:hover) ::slotted([slot='description']){color:${Ai}}:host(${H}:active) ::slotted([slot='description']){color:${Oi}}:host(:is(:disabled,:disabled[appearance],[disabled-focusable],[disabled-focusable][appearance]))
|
|
400
|
+
::slotted([slot='description']){color:${A}}:host(${P}){padding:8px;padding-bottom:10px}:host(${io}){min-width:52px;max-width:52px;padding:${dt}}:host(${io}${P}){min-width:48px;max-width:48px;padding:${Ot}}:host(${io}${C}){min-width:56px;max-width:56px;padding:${Jt}}:host(${C}){padding-top:18px;padding-inline:16px;padding-bottom:20px;font-size:${xt};line-height:${St}}:host(${C}) ::slotted([slot='description']){font-size:${M}}`;function Tp(o={}){return g`<template ?disabled="${t=>t.disabled}" tabindex="${t=>t.disabled?null:t.tabIndex??0}">${Kt(o)}<span class="content" part="content"><slot ${K("defaultSlottedContent")}></slot><slot name="description"></slot></span>${me(o)}</template>`}const Bp=Tp(),Ap=zp.compose({name:`${b.prefix}-compound-button`,template:Bp,styles:Pp});Ap.define(b.registry);const Op={filled:"filled",ghost:"ghost"},Ep={brand:"brand",danger:"danger",important:"important",informative:"informative",severe:"severe",subtle:"subtle",success:"success",warning:"warning"},Np={circular:"circular",rounded:"rounded"},Fp={tiny:"tiny",extraSmall:"extra-small",small:"small",medium:"medium",large:"large",extraLarge:"extra-large"};var _p=Object.defineProperty,Mp=Object.getOwnPropertyDescriptor,we=(o,t,e,i)=>{for(var s=i>1?void 0:i?Mp(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&&_p(t,e,s),s};class oe extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.count=0,this.overflowCount=99,this.showZero=!1,this.dot=!1}appearanceChanged(t,e){y(this.elementInternals,t,e,Op)}colorChanged(t,e){y(this.elementInternals,t,e,Ep)}shapeChanged(t,e){y(this.elementInternals,t,e,Np)}sizeChanged(t,e){y(this.elementInternals,t,e,Fp)}countChanged(){this.setCount()}overflowCountChanged(){this.setCount()}dotChanged(t,e){v(this.elementInternals,"dot",!!e)}setCount(){const t=this.count??0;if((t!==0||this.showZero)&&!this.dot)return t>this.overflowCount?`${this.overflowCount}+`:`${t}`}}we([a],oe.prototype,"appearance",2),we([a],oe.prototype,"color",2),we([a],oe.prototype,"shape",2),we([a],oe.prototype,"size",2),we([a({converter:at})],oe.prototype,"count",2),we([a({attribute:"overflow-count",converter:at})],oe.prototype,"overflowCount",2),we([a({attribute:"show-zero",mode:"boolean"})],oe.prototype,"showZero",2),we([a({mode:"boolean"})],oe.prototype,"dot",2),ne(oe,re);const Dp=p`
|
|
401
|
+
:host(${de}){border-radius:${T}}:host(${de}${Eo}),:host(${de}${To}),:host(${de}${P}){border-radius:${Lt}}${Pa}
|
|
402
402
|
${Ta}
|
|
403
403
|
${Ba}
|
|
404
404
|
${za}
|
|
405
405
|
|
|
406
|
-
:host(${An}),:host(${An}[appearance][size]){min-width:auto;width:6px;height:6px;padding:0}`;function Vp(o={}){return Ea({defaultContent:g`${
|
|
407
|
-
@layer base{:host{--dialog-backdrop:${js};--dialog-starting-scale:0.85}::backdrop{background:var(--dialog-backdrop,rgba(0,0,0,0.4))}dialog{background:${O};border-radius:${ra};border:none;box-shadow:${ga};color:${E};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:${
|
|
408
|
-
@layer base{dialog{border:${
|
|
406
|
+
:host(${An}),:host(${An}[appearance][size]){min-width:auto;width:6px;height:6px;padding:0}`;function Vp(o={}){return Ea({defaultContent:g`${t=>t.setCount()}`})}const Lp=Vp(),Hp=oe.compose({name:`${b.prefix}-counter-badge`,template:Lp,styles:Dp});Hp.define(b.registry);const ie={modal:"modal",nonModal:"non-modal",alert:"alert"};var Rp=Object.defineProperty,jp=Object.getOwnPropertyDescriptor,Zi=(o,t,e,i)=>{for(var s=i>1?void 0:i?jp(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Rp(t,e,s),s};class Ro extends w{constructor(){super(...arguments),this.type=ie.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(){nt.enqueue(()=>{this.emitBeforeToggle(),this.type===ie.alert||this.type===ie.modal?this.dialog.showModal():this.type===ie.nonModal&&this.dialog.show(),this.emitToggle()})}hide(){this.emitBeforeToggle(),this.dialog.close(),this.emitToggle()}clickHandler(t){return t.preventDefault(),this.dialog.open&&this.type!==ie.alert&&t.target===this.dialog&&this.hide(),!0}}Zi([$],Ro.prototype,"dialog",2),Zi([a({attribute:"aria-describedby"})],Ro.prototype,"ariaDescribedby",2),Zi([a({attribute:"aria-labelledby"})],Ro.prototype,"ariaLabelledby",2),Zi([a],Ro.prototype,"type",2);const qp=g`<dialog role="${o=>o.type===ie.alert?"alertdialog":"dialog"}" type="${o=>o.type}" class="dialog" part="dialog" aria-modal="${o=>o.type===ie.modal||o.type===ie.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===ie.alert?t.event.preventDefault():o.hide()}" ${X("dialog")}><slot></slot></dialog>`,Wp=p`
|
|
407
|
+
@layer base{:host{--dialog-backdrop:${js};--dialog-starting-scale:0.85}::backdrop{background:var(--dialog-backdrop,rgba(0,0,0,0.4))}dialog{background:${O};border-radius:${ra};border:none;box-shadow:${ga};color:${E};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:${er};transition-timing-function:${je};opacity:0}::backdrop{transition-timing-function:${ir}}[open],[open]::backdrop{opacity:1}dialog:not([open]){scale:var(--dialog-starting-scale);transition-timing-function:${Re}}}@starting-style{[open],[open]::backdrop{opacity:0}dialog{scale:var(--dialog-starting-scale)}}}`.withBehaviors(lt(p`
|
|
408
|
+
@layer base{dialog{border:${F} solid ${ct}}}`)),Gp=Ro.compose({name:`${b.prefix}-dialog`,template:qp,styles:Wp});Gp.define(b.registry);var Up=Object.defineProperty,Xp=Object.getOwnPropertyDescriptor,Kp=(o,t,e,i)=>{for(var s=i>1?void 0:i?Xp(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&&Up(t,e,s),s};class Na extends w{constructor(){super(...arguments),this.noTitleAction=!1}}Kp([a({mode:"boolean",attribute:"no-title-action"})],Na.prototype,"noTitleAction",2);const Yp=g.partial(`
|
|
409
409
|
<svg
|
|
410
410
|
fill="currentColor"
|
|
411
411
|
aria-hidden="true"
|
|
@@ -418,57 +418,57 @@ const b=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>`),Qp=g`<div class="title" part="title"><slot name="title"></slot><slot name="title-action"><fluent-button ?hidden=${o=>o.noTitleAction||o.parentNode?.type===
|
|
421
|
+
</svg>`),Qp=g`<div class="title" part="title"><slot name="title"></slot><slot name="title-action"><fluent-button ?hidden=${o=>o.noTitleAction||o.parentNode?.type===ie.alert} tabindex="0" part="title-action" class="title-action" appearance="transparent" icon-only @click=${o=>o.parentNode?.hide()} ${X("defaultTitleAction")}>${Yp}</fluent-button></slot></div><div class="content" part="content"><slot></slot></div><div class="actions" part="actions"><slot name="action"></slot></div>`,Zp=p`
|
|
422
422
|
${I("grid")}
|
|
423
423
|
|
|
424
|
-
:host{background:${O};box-sizing:border-box;gap:${
|
|
424
|
+
:host{background:${O};box-sizing:border-box;gap:${ot};padding:${Ho} ${hu};container:dialog-body / inline-size}.title{box-sizing:border-box;align-items:flex-start;background:${O};color:${E};column-gap:8px;display:flex;font-family:${x};font-size:${co};font-weight:${U};inset-block-start:0;justify-content:space-between;line-height:${Hi};margin-block-end:calc(${ot} * -1);margin-block-start:calc(${Ho} * -1);padding-block-end:${ot};padding-block-start:${Ho};position:sticky;z-index:1}.content{box-sizing:border-box;color:${E};font-family:${x};font-size:${M};font-weight:${R};line-height:${j};min-height:32px}.actions{box-sizing:border-box;background:${O};display:flex;flex-direction:column;gap:${ot};inset-block-end:0;margin-block-end:calc(${Ho} * -1);padding-block-end:${Ho};padding-block-start:${ji};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(${ot} * -1);padding-block-start:${ot}}}`,Jp=Na.compose({name:`${b.prefix}-dialog-body`,template:Qp,styles:Zp});Jp.define(b.registry);const jo={separator:"separator",presentation:"presentation"},Fa=Tt,tb={center:"center",start:"start",end:"end"},eb={strong:"strong",brand:"brand",subtle:"subtle"};var ob=Object.defineProperty,ib=Object.getOwnPropertyDescriptor,qo=(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&&ob(t,e,s),s};class ar extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.elementInternals.role=this.role??jo.separator,this.role!==jo.presentation&&(this.elementInternals.ariaOrientation=this.orientation??Fa.horizontal)}roleChanged(t,e){this.$fastController.isConnected&&(this.elementInternals.role=`${e??jo.separator}`),e===jo.presentation&&(this.elementInternals.ariaOrientation=null)}orientationChanged(t,e){this.elementInternals.ariaOrientation=this.role!==jo.presentation?e??null:null,y(this.elementInternals,t,e,Fa)}}qo([a],ar.prototype,"role",2),qo([a],ar.prototype,"orientation",2);class Ji extends ar{alignContentChanged(t,e){y(this.elementInternals,t,e,tb,"align-")}appearanceChanged(t,e){y(this.elementInternals,t,e,eb)}insetChanged(t,e){v(this.elementInternals,"inset",e)}}qo([a({attribute:"align-content"})],Ji.prototype,"alignContent",2),qo([a],Ji.prototype,"appearance",2),qo([a({mode:"boolean"})],Ji.prototype,"inset",2);function sb(){return g`<slot></slot>`}const rb=sb(),nb=p`
|
|
425
425
|
${I("flex")}
|
|
426
426
|
|
|
427
|
-
:host{contain:content}:host::after,:host::before{align-self:center;background:${Do};box-sizing:border-box;content:'';display:flex;flex-grow:1;height:${
|
|
428
|
-
:host(${Oo})::before,:host(${Oo})::after,:host(${
|
|
427
|
+
:host{contain:content}:host::after,:host::before{align-self:center;background:${Do};box-sizing:border-box;content:'';display:flex;flex-grow:1;height:${F}}:host(${_s}){padding:0 12px}:host ::slotted(*){color:${Dt};font-family:${x};font-size:${G};font-weight:${R};margin:0;padding:0 12px}:host(${Pn})::before,:host(${le})::after{flex-basis:12px;flex-grow:0;flex-shrink:0}:host(${z}){height:100%;min-height:84px}:host(${z}):empty{min-height:20px}:host(${z}){flex-direction:column;align-items:center}:host(${z}${_s})::before{margin-top:12px}:host(${z}${_s})::after{margin-bottom:12px}:host(${z}):empty::before,:host(${z}):empty::after{height:10px;min-height:10px;flex-grow:0}:host(${z})::before,:host(${z})::after{width:${F};min-height:20px;height:100%}:host(${z}) ::slotted(*){display:flex;flex-direction:column;padding:12px 0;line-height:20px}:host(${z}${Pn})::before{min-height:8px}:host(${z}${le})::after{min-height:8px}:host(${Oo})::before,:host(${Oo})::after{background:${Zt}}:host(${Oo}) ::slotted(*){color:${E}}:host(${Yt})::before,:host(${Yt})::after{background:${qn}}:host(${Yt}) ::slotted(*){color:${Ls}}:host(${B})::before,:host(${B})::after{background:${Dd}}:host(${B}) ::slotted(*){color:${bt}}`.withBehaviors(lt(p`
|
|
428
|
+
:host(${Oo})::before,:host(${Oo})::after,:host(${Yt})::before,:host(${Yt})::after,:host(${B})::before,:host(${B})::after,:host::after,:host::before{background:WindowText;color:WindowText}`)),ab=Ji.compose({name:`${b.prefix}-divider`,template:rb,styles:nb});ab.define(b.registry);const lb={start:"start",end:"end"},cb={small:"small",medium:"medium",large:"large",full:"full"},lr={nonModal:"non-modal",modal:"modal",inline:"inline"};var db=Object.defineProperty,hb=Object.getOwnPropertyDescriptor,go=(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&&db(t,e,s),s};class We extends w{constructor(){super(...arguments),this.type=lr.modal,this.position=lb.start,this.size=cb.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(){nt.enqueue(()=>{this.emitBeforeToggle(),this.type===lr.inline||this.type===lr.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}}go([a],We.prototype,"type",2),go([a({attribute:"aria-labelledby"})],We.prototype,"ariaLabelledby",2),go([a({attribute:"aria-describedby"})],We.prototype,"ariaDescribedby",2),go([a],We.prototype,"position",2),go([a({attribute:"size"})],We.prototype,"size",2),go([$],We.prototype,"dialog",2);const ub=p`
|
|
429
429
|
${I("block")}
|
|
430
430
|
|
|
431
|
-
:host{--dialog-backdrop:${js}}: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:${M};line-height:${j};font-family:${x};font-weight:${R};color:${E};max-width:var(--drawer-width,592px);max-height:100vh;height:100%;margin-inline-start:0;margin-inline-end:auto;border-inline-end-color:${
|
|
431
|
+
:host{--dialog-backdrop:${js}}: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:${M};line-height:${j};font-family:${x};font-weight:${R};color:${E};max-width:var(--drawer-width,592px);max-height:100vh;height:100%;margin-inline-start:0;margin-inline-end:auto;border-inline-end-color:${ct};border-inline-start-color:var(--drawer-separator,${ct});outline:none;top:0;bottom:0;width:var(--drawer-width,592px);border-radius:0;padding:0;max-width:var(--drawer-width,592px);box-shadow:${ga};border:${F} solid ${ct};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:${er};transition-timing-function:${je}}:host dialog:not([open]){transform:translateX(-100%);transition-timing-function:${Re}}:host([position='end']) dialog:not([open]){transform:translateX(100%);transition-timing-function:${Re}}dialog[open]{transform:translateX(0)}dialog::backdrop{transition:display allow-discrete,opacity,overlay allow-discrete,scale;transition-duration:${er};transition-timing-function:${je};background:var(--dialog-backdrop,${js});opacity:0}dialog[open]::backdrop{opacity:1}dialog::backdrop{transition-timing-function:${ir}}}@starting-style{dialog[open]{transform:translateX(-100%)}:host([position='end']) dialog[open]{transform:translateX(100%)}dialog[open]::backdrop{opacity:0}}}`;function pb(){return g`<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()}" ${X("dialog")}><slot></slot></dialog>`}const bb=pb(),gb=We.compose({name:`${b.prefix}-drawer`,template:bb,styles:ub});gb.define(b.registry);class fb extends w{}const mb=p`
|
|
432
432
|
${I("grid")}
|
|
433
|
-
:host{box-sizing:border-box;grid-template-rows:min-content auto min-content;position:relative;height:100%;padding:${du};max-height:100svh}.header{display:flex;justify-content:space-between;align-items:center;${cp}}.footer{display:flex;justify-content:flex-start;gap:${ke}}`;function $b(){return g`<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 vb=$b(),yb=fb.compose({name:`${b.prefix}-drawer-body`,template:vb,styles:mb});yb.define(b.registry);function _a(o,e="-listbox"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}function es(o,e="-option"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}function Ma(o){return o.closest("[lang]")?.lang??"en"}let xb=0;function Wo(o="id-"){const e=`${o}${xb++}`;return document.getElementById(e)?Wo(o):e}const Da={filledDarker:"filled-darker",filledLighter:"filled-lighter",outline:"outline",transparent:"transparent"},kb={small:"small",medium:"medium",large:"large"},cr={combobox:"combobox",dropdown:"dropdown",select:"select"},wb=g`<svg class="chevron-down-20-regular" role="button" slot="indicator" viewBox="0 0 20 20" ${X("indicator")}><path d="M15.85 7.65a.5.5 0 0 1 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.16a.5.5 0 0 1 .7 0" fill="currentColor" /></svg>`,Cb=g`<input @input="${(o,e)=>o.inputHandler(e.event)}" @change="${(o,e)=>o.changeHandler(e.event)}" aria-activedescendant="${o=>o.activeDescendant}" aria-controls="${o=>o.listbox?.id??null}" aria-labelledby="${o=>o.ariaLabelledBy}" aria-expanded="${o=>o.open}" aria-haspopup="listbox" placeholder="${o=>o.placeholder}" role="combobox" ?disabled="${o=>o.disabled}" type="${o=>o.type}" value="${o=>o.valueAttribute}" ${X("control")} />`,Sb=g`<button aria-activedescendant="${o=>o.activeDescendant}" aria-controls="${o=>o.listbox?.id??null}" aria-expanded="${o=>o.open}" aria-haspopup="listbox" role="combobox" ?disabled="${o=>o.disabled}" type="button" ${X("control")}>${o=>o.displayValue}</button>`;function Ib(o={}){return g`<template @click="${(e,t)=>e.clickHandler(t.event)}" @focusout="${(e,t)=>e.focusoutHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" @mousedown="${(e,t)=>e.mousedownHandler(t.event)}"><div class="control"><slot name="control" ${X("controlSlot")}></slot><slot name="indicator" ${X("indicatorSlot")}>${ve(o.indicator)}</slot></div><slot ${X("listboxSlot")}></slot></template>`}const zb=Ib({indicator:wb});var Pb=Object.defineProperty,Tb=Object.getOwnPropertyDescriptor,q=(o,e,t,i)=>{for(var s=i>1?void 0:i?Tb(e,t):e,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(e,t,s):n(s))||s);return i&&s&&Pb(e,t,s),s};class W extends w{constructor(){super(),this.activeIndex=0,this.id=Wo("dropdown-"),this.required=!1,this.type=cr.dropdown,this.valueAttribute="",this.elementInternals=this.attachInternals(),this.elementInternals.role="presentation",ne.enqueue(()=>{this.insertControl()})}get activeDescendant(){if(this.open)return this.enabledOptions[this.activeIndex]?.id}activeIndexChanged(e,t){if(typeof t=="number"){const i=this.matches(":has(:focus-visible)")?t:-1;this.enabledOptions.forEach((s,r)=>{s.active=r===i}),this.open&&this.enabledOptions[i]?.scrollIntoView({block:"nearest"})}}controlChanged(e,t){t&&(t.id=t.id||Wo("input-"),this.controlSlot?.assign(t))}disabledChanged(e,t){ne.enqueue(()=>{this.options.forEach(i=>{i.disabled=i.disabledAttribute||this.disabled})})}get displayValue(){if(!this.$fastController.isConnected||!this.control||this.isCombobox&&this.multiple)return v(this.elementInternals,"placeholder-shown",!1),"";this.listFormatter=this.listFormatter??new Intl.ListFormat(Ma(this),{type:"conjunction",style:"narrow"});const e=this.listFormatter.format(this.selectedOptions.map(t=>t.text));return v(this.elementInternals,"placeholder-shown",!e),this.isCombobox?e:e||this.placeholder}listboxChanged(e,t){if(e&&f.getNotifier(this).unsubscribe(e),t){t.dropdown=this,t.popover="manual",this.listboxSlot.assign(t);const i=f.getNotifier(this);i.subscribe(t);for(const s of["disabled","multiple"])i.notify(s);ne.enqueue(()=>{this.enabledOptions.filter(s=>s.defaultSelected).forEach((s,r)=>{s.selected=this.multiple||r===0})})}}multipleChanged(e,t){this.elementInternals.ariaMultiSelectable=t?"true":"false",v(this.elementInternals,"multiple",t),this.value=null}nameChanged(e,t){ne.enqueue(()=>{this.options.forEach(i=>{i.name=t})})}openChanged(e,t){v(this.elementInternals,"open",t),this.elementInternals.ariaExpanded=t?"true":"false",this.activeIndex=this.selectedIndex??-1}typeChanged(e,t){this.$fastController.isConnected&&this.insertControl()}get enabledOptions(){return this.listbox?.enabledOptions??[]}formResetCallback(){this.enabledOptions.forEach((e,t)=>{if(this.multiple){e.selected=!!e.defaultSelected;return}if(!e.defaultSelected){e.selected=!1;return}this.selectOption(t)})}get freeformOption(){return this.enabledOptions.find(e=>e.freeform)}get isCombobox(){return this.type===cr.combobox}get options(){return this.listbox?.options??[]}get selectedIndex(){return this.enabledOptions.findIndex(e=>e.selected)??-1}get selectedOptions(){return this.listbox?.selectedOptions??[]}get validationMessage(){if(this.elementInternals.validationMessage)return this.elementInternals.validationMessage;if(!this.validationFallbackMessage){const e=document.createElement("input");e.type="radio",e.required=!0,e.checked=!1,this.validationFallbackMessage=e.validationMessage}return this.validationFallbackMessage}get value(){return f.notify(this,"value"),this.enabledOptions.find(e=>e.selected)?.value??null}set value(e){this.multiple||(this.selectOption(this.enabledOptions.findIndex(t=>t.value===e)),f.track(this,"value"))}changeHandler(e){if(this===e.target)return!0;const t=this.isCombobox?this.enabledOptions.findIndex(i=>i.text===this.control.value):this.enabledOptions.indexOf(e.target);return this.selectOption(t,!0),!0}clickHandler(e){if(this.disabled)return;const t=e.target;if(this.focus(),t===this.control&&!this.isCombobox)return this.listbox.togglePopover(),!0;if(!this.open)return this.listbox.showPopover(),!0;if(es(t)){if(t.disabled)return;this.selectOption(this.enabledOptions.indexOf(t),!0),this.multiple||(this.isCombobox&&(this.control.value=t.text,this.updateFreeformOption()),this.listbox.hidePopover())}return!0}filterOptions(e,t=this.enabledOptions){return this.listCollator||(this.listCollator=new Intl.Collator(Ma(this),{usage:"search",sensitivity:"base"})),t.filter(i=>this.listCollator.compare(i.text.substring(0,Math.min(i.text.length,e.length)),e)===0)}focus(e){this.disabled||this.control.focus(e)}focusoutHandler(e){const t=e.relatedTarget;return this.open&&!this.contains(t)&&this.listbox.togglePopover(),!0}getEnabledIndexInBounds(e,t=this.enabledOptions.length||0){return t===0?-1:(e+t)%t}inputHandler(e){this.open||this.listbox.showPopover(),this.updateFreeformOption();const t=this.control.value,i=this.enabledOptions.indexOf(this.filterOptions(t)[0]??null);return this.activeIndex=i,!0}insertControl(){if(this.controlSlot?.assignedNodes().forEach(e=>this.removeChild(e)),this.type===cr.combobox){Cb.render(this,this);return}Sb.render(this,this)}keydownHandler(e){let t=0;switch(e.key){case"ArrowUp":{e.preventDefault(),t=-1;break}case"ArrowDown":{e.preventDefault(),t=1;break}case" ":{if(this.isCombobox)break;e.preventDefault()}case"Enter":case"Tab":{if(this.open){if(this.selectOption(this.activeIndex,!0),this.multiple)break;return this.listbox.hidePopover(),e.key==="Tab"}this.listbox.showPopover();break}case"Escape":{this.activeIndex=this.multiple?0:this.selectedIndex,this.listbox.hidePopover();break}}if(!t)return!0;if(!this.open){this.listbox.showPopover();return}let i=this.activeIndex;i+=t;let s=this.getEnabledIndexInBounds(i);return s===0&&this.freeformOption?.hidden&&(s=this.getEnabledIndexInBounds(i+t)),this.activeIndex=s,!0}mousedownHandler(e){if(!(this.disabled||e.target===this.control&&!this.isCombobox))return!es(e.target)}selectOption(e=this.selectedIndex,t=!1){this.listbox.selectOption(e),this.control.value=this.displayValue,this.setValidity(),this.updateFreeformOption(),t&&this.$emit("change")}setValidity(e,t,i){if(this.$fastController.isConnected){if(this.disabled||!this.required){this.elementInternals.setValidity({});return}const s=this.required&&this.listbox.selectedOptions.length===0;this.elementInternals.setValidity({valueMissing:s,...e},t??this.validationMessage,i??this.listbox.enabledOptions[0])}}updateFreeformOption(e=this.control.value){if(this.freeformOption){if(e===""||this.filterOptions(e,this.enabledOptions.filter(t=>!t.freeform)).length){this.freeformOption.value="",this.freeformOption.selected=!1,this.freeformOption.hidden=!0;return}this.freeformOption.value=e,this.freeformOption.hidden=!1}}}W.formAssociated=!0,q([fs],W.prototype,"activeDescendant",1),q([$],W.prototype,"activeIndex",2),q([a({attribute:"aria-labelledby",mode:"fromView"})],W.prototype,"ariaLabelledBy",2),q([$],W.prototype,"control",2),q([a({mode:"boolean"})],W.prototype,"disabled",2),q([fs],W.prototype,"displayValue",1),q([a({attribute:"id"})],W.prototype,"id",2),q([$],W.prototype,"indicator",2),q([$],W.prototype,"indicatorSlot",2),q([a({attribute:"value",mode:"fromView"})],W.prototype,"initialValue",2),q([$],W.prototype,"listbox",2),q([$],W.prototype,"listboxSlot",2),q([a({mode:"boolean"})],W.prototype,"multiple",2),q([a],W.prototype,"name",2),q([$],W.prototype,"open",2),q([a],W.prototype,"placeholder",2),q([a({mode:"boolean"})],W.prototype,"required",2),q([a],W.prototype,"type",2),q([a({attribute:"value"})],W.prototype,"valueAttribute",2);const dr=class ko extends W{constructor(){super(),this.appearance=Da.outline,this.addEventListener("connected",this.listboxConnectedHandler)}appearanceChanged(e,t){y(this.elementInternals,e,t,Da)}sizeChanged(e,t){y(this.elementInternals,e,t,kb)}connectedCallback(){super.connectedCallback(),this.anchorPositionFallback()}disconnectedCallback(){ko.AnchorPositionFallbackObserver?.unobserve(this.listbox),super.disconnectedCallback()}listboxConnectedHandler(e){const t=e.target;_a(t)&&(this.listbox=t)}openChanged(e,t){if(super.openChanged(e,t),t){ko.AnchorPositionFallbackObserver?.observe(this.listbox);return}ko.AnchorPositionFallbackObserver?.unobserve(this.listbox)}anchorPositionFallback(){ko.AnchorPositionFallbackObserver=ko.AnchorPositionFallbackObserver??new IntersectionObserver(e=>{e.forEach(({boundingClientRect:t,isIntersecting:i,target:s})=>{if(_a(s)&&!i){if(t.bottom>window.innerHeight){v(s.dropdown.elementInternals,"flip-block",!0);return}t.top<0&&v(s.dropdown.elementInternals,"flip-block",!1)}})},{threshold:1})}};q([a],dr.prototype,"appearance",2),q([a],dr.prototype,"size",2);let Bb=dr;const Ab=p`
|
|
433
|
+
:host{box-sizing:border-box;grid-template-rows:min-content auto min-content;position:relative;height:100%;padding:${du};max-height:100svh}.header{display:flex;justify-content:space-between;align-items:center;${cp}}.footer{display:flex;justify-content:flex-start;gap:${kt}}`;function $b(){return g`<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 vb=$b(),yb=fb.compose({name:`${b.prefix}-drawer-body`,template:vb,styles:mb});yb.define(b.registry);function _a(o,t="-listbox"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(t)}function ts(o,t="-option"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(t)}function Ma(o){return o.closest("[lang]")?.lang??"en"}let xb=0;function Wo(o="id-"){const t=`${o}${xb++}`;return document.getElementById(t)?Wo(o):t}const Da={filledDarker:"filled-darker",filledLighter:"filled-lighter",outline:"outline",transparent:"transparent"},kb={small:"small",medium:"medium",large:"large"},cr={combobox:"combobox",dropdown:"dropdown",select:"select"},wb=g`<svg class="chevron-down-20-regular" role="button" slot="indicator" viewBox="0 0 20 20" ${X("indicator")}><path d="M15.85 7.65a.5.5 0 0 1 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.16a.5.5 0 0 1 .7 0" fill="currentColor" /></svg>`,Cb=g`<input @input="${(o,t)=>o.inputHandler(t.event)}" @change="${(o,t)=>o.changeHandler(t.event)}" aria-activedescendant="${o=>o.activeDescendant}" aria-controls="${o=>o.listbox?.id??null}" aria-labelledby="${o=>o.ariaLabelledBy}" aria-expanded="${o=>o.open}" aria-haspopup="listbox" placeholder="${o=>o.placeholder}" role="combobox" ?disabled="${o=>o.disabled}" type="${o=>o.type}" value="${o=>o.valueAttribute}" ${X("control")} />`,Sb=g`<button aria-activedescendant="${o=>o.activeDescendant}" aria-controls="${o=>o.listbox?.id??null}" aria-expanded="${o=>o.open}" aria-haspopup="listbox" role="combobox" ?disabled="${o=>o.disabled}" type="button" ${X("control")}>${o=>o.displayValue}</button>`;function Ib(o={}){return g`<template @click="${(t,e)=>t.clickHandler(e.event)}" @focusout="${(t,e)=>t.focusoutHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}" @mousedown="${(t,e)=>t.mousedownHandler(e.event)}"><div class="control"><slot name="control" ${X("controlSlot")}></slot><slot name="indicator" ${X("indicatorSlot")}>${vt(o.indicator)}</slot></div><slot ${X("listboxSlot")}></slot></template>`}const zb=Ib({indicator:wb});var Pb=Object.defineProperty,Tb=Object.getOwnPropertyDescriptor,q=(o,t,e,i)=>{for(var s=i>1?void 0:i?Tb(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&&Pb(t,e,s),s};class W extends w{constructor(){super(),this.activeIndex=0,this.id=Wo("dropdown-"),this.required=!1,this.type=cr.dropdown,this.valueAttribute="",this.elementInternals=this.attachInternals(),this.elementInternals.role="presentation",nt.enqueue(()=>{this.insertControl()})}get activeDescendant(){if(this.open)return this.enabledOptions[this.activeIndex]?.id}activeIndexChanged(t,e){if(typeof e=="number"){const i=this.matches(":has(:focus-visible)")?e:-1;this.enabledOptions.forEach((s,r)=>{s.active=r===i}),this.open&&this.enabledOptions[i]?.scrollIntoView({block:"nearest"})}}controlChanged(t,e){e&&(e.id=e.id||Wo("input-"),this.controlSlot?.assign(e))}disabledChanged(t,e){nt.enqueue(()=>{this.options.forEach(i=>{i.disabled=i.disabledAttribute||this.disabled})})}get displayValue(){if(!this.$fastController.isConnected||!this.control||this.isCombobox&&this.multiple)return v(this.elementInternals,"placeholder-shown",!1),"";this.listFormatter=this.listFormatter??new Intl.ListFormat(Ma(this),{type:"conjunction",style:"narrow"});const t=this.listFormatter.format(this.selectedOptions.map(e=>e.text));return v(this.elementInternals,"placeholder-shown",!t),this.isCombobox?t:t||this.placeholder}listboxChanged(t,e){if(t&&f.getNotifier(this).unsubscribe(t),e){e.dropdown=this,e.popover="manual",this.listboxSlot.assign(e);const i=f.getNotifier(this);i.subscribe(e);for(const s of["disabled","multiple"])i.notify(s);nt.enqueue(()=>{this.enabledOptions.filter(s=>s.defaultSelected).forEach((s,r)=>{s.selected=this.multiple||r===0})})}}multipleChanged(t,e){this.elementInternals.ariaMultiSelectable=e?"true":"false",v(this.elementInternals,"multiple",e),this.value=null}nameChanged(t,e){nt.enqueue(()=>{this.options.forEach(i=>{i.name=e})})}openChanged(t,e){v(this.elementInternals,"open",e),this.elementInternals.ariaExpanded=e?"true":"false",this.activeIndex=this.selectedIndex??-1}typeChanged(t,e){this.$fastController.isConnected&&this.insertControl()}get enabledOptions(){return this.listbox?.enabledOptions??[]}formResetCallback(){this.enabledOptions.forEach((t,e)=>{if(this.multiple){t.selected=!!t.defaultSelected;return}if(!t.defaultSelected){t.selected=!1;return}this.selectOption(e)})}get freeformOption(){return this.enabledOptions.find(t=>t.freeform)}get isCombobox(){return this.type===cr.combobox}get options(){return this.listbox?.options??[]}get selectedIndex(){return this.enabledOptions.findIndex(t=>t.selected)??-1}get selectedOptions(){return this.listbox?.selectedOptions??[]}get validationMessage(){if(this.elementInternals.validationMessage)return this.elementInternals.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 value(){return f.notify(this,"value"),this.enabledOptions.find(t=>t.selected)?.value??null}set value(t){this.multiple||(this.selectOption(this.enabledOptions.findIndex(e=>e.value===t)),f.track(this,"value"))}changeHandler(t){if(this===t.target)return!0;const e=this.isCombobox?this.enabledOptions.findIndex(i=>i.text===this.control.value):this.enabledOptions.indexOf(t.target);return this.selectOption(e,!0),!0}clickHandler(t){if(this.disabled)return;const e=t.target;if(this.focus(),e===this.control&&!this.isCombobox)return this.listbox.togglePopover(),!0;if(!this.open)return this.listbox.showPopover(),!0;if(ts(e)){if(e.disabled)return;this.selectOption(this.enabledOptions.indexOf(e),!0),this.multiple||(this.isCombobox&&(this.control.value=e.text,this.updateFreeformOption()),this.listbox.hidePopover())}return!0}filterOptions(t,e=this.enabledOptions){return this.listCollator||(this.listCollator=new Intl.Collator(Ma(this),{usage:"search",sensitivity:"base"})),e.filter(i=>this.listCollator.compare(i.text.substring(0,Math.min(i.text.length,t.length)),t)===0)}focus(t){this.disabled||this.control.focus(t)}focusoutHandler(t){const e=t.relatedTarget;return this.open&&!this.contains(e)&&this.listbox.togglePopover(),!0}getEnabledIndexInBounds(t,e=this.enabledOptions.length||0){return e===0?-1:(t+e)%e}inputHandler(t){this.open||this.listbox.showPopover(),this.updateFreeformOption();const e=this.control.value,i=this.enabledOptions.indexOf(this.filterOptions(e)[0]??null);return this.activeIndex=i,!0}insertControl(){if(this.controlSlot?.assignedNodes().forEach(t=>this.removeChild(t)),this.type===cr.combobox){Cb.render(this,this);return}Sb.render(this,this)}keydownHandler(t){let e=0;switch(t.key){case"ArrowUp":{t.preventDefault(),e=-1;break}case"ArrowDown":{t.preventDefault(),e=1;break}case" ":{if(this.isCombobox)break;t.preventDefault()}case"Enter":case"Tab":{if(this.open){if(this.selectOption(this.activeIndex,!0),this.multiple)break;return this.listbox.hidePopover(),t.key==="Tab"}this.listbox.showPopover();break}case"Escape":{this.activeIndex=this.multiple?0:this.selectedIndex,this.listbox.hidePopover();break}}if(!e)return!0;if(!this.open){this.listbox.showPopover();return}let i=this.activeIndex;i+=e;let s=this.getEnabledIndexInBounds(i);return s===0&&this.freeformOption?.hidden&&(s=this.getEnabledIndexInBounds(i+e)),this.activeIndex=s,!0}mousedownHandler(t){if(!(this.disabled||t.target===this.control&&!this.isCombobox))return!ts(t.target)}selectOption(t=this.selectedIndex,e=!1){this.listbox.selectOption(t),this.control.value=this.displayValue,this.setValidity(),this.updateFreeformOption(),e&&this.$emit("change")}setValidity(t,e,i){if(this.$fastController.isConnected){if(this.disabled||!this.required){this.elementInternals.setValidity({});return}const s=this.required&&this.listbox.selectedOptions.length===0;this.elementInternals.setValidity({valueMissing:s,...t},e??this.validationMessage,i??this.listbox.enabledOptions[0])}}updateFreeformOption(t=this.control.value){if(this.freeformOption){if(t===""||this.filterOptions(t,this.enabledOptions.filter(e=>!e.freeform)).length){this.freeformOption.value="",this.freeformOption.selected=!1,this.freeformOption.hidden=!0;return}this.freeformOption.value=t,this.freeformOption.hidden=!1}}}W.formAssociated=!0,q([fs],W.prototype,"activeDescendant",1),q([$],W.prototype,"activeIndex",2),q([a({attribute:"aria-labelledby",mode:"fromView"})],W.prototype,"ariaLabelledBy",2),q([$],W.prototype,"control",2),q([a({mode:"boolean"})],W.prototype,"disabled",2),q([fs],W.prototype,"displayValue",1),q([a({attribute:"id"})],W.prototype,"id",2),q([$],W.prototype,"indicator",2),q([$],W.prototype,"indicatorSlot",2),q([a({attribute:"value",mode:"fromView"})],W.prototype,"initialValue",2),q([$],W.prototype,"listbox",2),q([$],W.prototype,"listboxSlot",2),q([a({mode:"boolean"})],W.prototype,"multiple",2),q([a],W.prototype,"name",2),q([$],W.prototype,"open",2),q([a],W.prototype,"placeholder",2),q([a({mode:"boolean"})],W.prototype,"required",2),q([a],W.prototype,"type",2),q([a({attribute:"value"})],W.prototype,"valueAttribute",2);const dr=class ko extends W{constructor(){super(),this.appearance=Da.outline,this.addEventListener("connected",this.listboxConnectedHandler)}appearanceChanged(t,e){y(this.elementInternals,t,e,Da)}sizeChanged(t,e){y(this.elementInternals,t,e,kb)}connectedCallback(){super.connectedCallback(),this.anchorPositionFallback()}disconnectedCallback(){ko.AnchorPositionFallbackObserver?.unobserve(this.listbox),super.disconnectedCallback()}listboxConnectedHandler(t){const e=t.target;_a(e)&&(this.listbox=e)}openChanged(t,e){if(super.openChanged(t,e),e){ko.AnchorPositionFallbackObserver?.observe(this.listbox);return}ko.AnchorPositionFallbackObserver?.unobserve(this.listbox)}anchorPositionFallback(){ko.AnchorPositionFallbackObserver=ko.AnchorPositionFallbackObserver??new IntersectionObserver(t=>{t.forEach(({boundingClientRect:e,isIntersecting:i,target:s})=>{if(_a(s)&&!i){if(e.bottom>window.innerHeight){v(s.dropdown.elementInternals,"flip-block",!0);return}e.top<0&&v(s.dropdown.elementInternals,"flip-block",!1)}})},{threshold:1})}};q([a],dr.prototype,"appearance",2),q([a],dr.prototype,"size",2);let Bb=dr;const Ab=p`
|
|
434
434
|
${I("inline-flex")}
|
|
435
435
|
|
|
436
|
-
:host{anchor-name:--dropdown-trigger;box-sizing:border-box;color:${E};cursor:pointer}:host(${Mc}){color:${Vs}}.control{appearance:none;background-color:${O};border-radius:${T};border:none;box-shadow:inset 0 0 0 ${
|
|
436
|
+
:host{anchor-name:--dropdown-trigger;box-sizing:border-box;color:${E};cursor:pointer}:host(${Mc}){color:${Vs}}.control{appearance:none;background-color:${O};border-radius:${T};border:none;box-shadow:inset 0 0 0 ${F} var(--control-border-color);box-sizing:border-box;color:inherit;column-gap:${et};display:inline-flex;justify-content:space-between;min-width:160px;overflow:hidden;padding:${te} ${ft};position:relative;text-align:start;width:100%;z-index:1;${Aa}}:host(${P}) .control{column-gap:${et};padding:${ho} ${dt};${Oa}}:host(${C}) .control{column-gap:${Jt};padding:${ot} ${kt};${lp}}::slotted(:is(input,button)){all:unset;flex:1 1 auto}::slotted(button){cursor:pointer}::slotted(input){cursor:text}:where(slot[name='indicator'] > *,::slotted([slot='indicator'])){all:unset;align-items:center;appearance:none;aspect-ratio:1;color:${bt};display:inline-flex;justify-content:center;width:20px}:host(${P}) :where(slot[name='indicator'] > *,::slotted([slot='indicator'])){width:16px}:host(${C}) :where(slot[name='indicator'] > *,::slotted([slot='indicator'])){width:24px}.control::after,.control::before{content:'' / '';inset:auto 0 0;pointer-events:none;position:absolute}.control::before{height:${F}}.control::after{background-color:${He};height:${It};scale:0 1;transition:scale ${Js} ${je}}:host(:where(${Ec},:focus-within)) .control::after{scale:1 1;transition-duration:${qi};transition-timing-function:${Re}}:host(:where(${N},${H})) .control::before{background-color:${Qt}}:host(${H}) .control{--control-border-color:${Gs};background-color:${Bt};border-radius:${Mi}}:host(${N}) .control{--control-border-color:${Zt}}:host(${N}) .control:hover{--control-border-color:${lo}}:host(:where(${N},${H})) .control:hover::before{background-color:${Ve}}:host(${N}) .control:hover::after{background-color:${no}}:host(${N}) .control:active{--control-border-color:${Mo}}:host(:where(${N},${H})) .control:active::before{background-color:${Le}}:host(:where(${N},${H})) .control:active::after{background-color:${ao}}:host(${$e}) .control{background-color:${_o}}:host(:where(${Oe},${$e})) .control{--control-border-color:${ct}}:host(:disabled),:host(:disabled) ::slotted(:where(button,input)){cursor:not-allowed}:host(:disabled) .control::before,:host(:disabled) .control::after{content:none}:host(:disabled) .control:is(*,:active,:hover),:host(:disabled) :where(slot[name='indicator'] > *,::slotted([slot='indicator'])){--control-border-color:${At};background-color:${ye};color:${A}}::slotted([popover]){inset:unset;position:absolute;position-anchor:--dropdown-trigger;position-area:block-end span-inline-end;position-try-fallbacks:flip-inline,flip-block,block-start;max-height:var(--listbox-max-height,calc(50vh - anchor-size(self-block)));min-width:anchor-size(width);overflow:auto}::slotted([popover]:not(:popover-open)){display:none}@supports not (anchor-name:--anchor){::slotted([popover]){margin-block-start:calc(${j} + (${te} * 2) + ${F});max-height:50vh}:host(${P}) ::slotted([popover]){margin-block-start:calc(${tt} + (${ho} * 2) + ${F})}:host(${C}) ::slotted([popover]){margin-block-start:calc(${St} + (${ot} * 2) + ${F})}:host(${pc}) ::slotted([popover]){margin-block-start:revert;transform:translate(0,-100%)}}`,Ob=Bb.compose({name:`${b.prefix}-dropdown`,template:zb,styles:Ab,shadowOptions:{slotAssignment:"manual"}});Ob.define(b.registry);const Eb={above:"above",after:"after",before:"before"},Ft={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 Nb=Object.defineProperty,Fb=Object.getOwnPropertyDescriptor,Go=(o,t,e,i)=>{for(var s=i>1?void 0:i?Fb(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&&Nb(t,e,s),s};class Uo 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(v(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)")&&v(this.elementInternals,"focus-visible",!0),!0}focusoutHandler(t){return v(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||oo("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.elementInternals&&this.input&&(v(this.elementInternals,"disabled",!!this.input.disabled),v(this.elementInternals,"readonly",!!this.input.readOnly),v(this.elementInternals,"required",!!this.input.required),v(this.elementInternals,"checked",!!this.input.checked))}setValidationStates(){if(this.input.validity)for(const[t,e]of Object.entries(Ft))v(this.elementInternals,e,this.input.validity[t])}}Go([$],Uo.prototype,"labelSlot",2),Go([$],Uo.prototype,"messageSlot",2),Go([$],Uo.prototype,"slottedInputs",2),Go([$],Uo.prototype,"input",2);class Va extends Uo{constructor(){super(...arguments),this.labelPosition=Eb.above}}Go([a({attribute:"label-position"})],Va.prototype,"labelPosition",2);const _b=p`
|
|
437
437
|
${I("inline-grid")}
|
|
438
438
|
|
|
439
|
-
:host{color:${E};align-items:center;gap:0 ${
|
|
440
|
-
:host{contain:content}:host ::slotted(img){box-sizing:border-box;min-height:8px;min-width:8px;display:inline-block}:host(${zo}) ::slotted(img){width:100%;height:auto}:host(${Zl}) ::slotted(img){border:${
|
|
439
|
+
:host{color:${E};align-items:center;gap:0 ${kt};justify-items:start;position:relative}:has([slot='message']){color:${E};row-gap:${ot}}: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:${kt}}:host([label-position='above']){grid-template-areas:'label' 'input' 'message';row-gap:${Lo}}:host([label-position='below']){grid-template-areas:'input' 'label' 'message';justify-items:center}:host([label-position='below']) ::slotted([slot='label']){margin-block-start:${uu}}:host([label-position='below']:not(${$c})){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:${Lo};grid-area:message}:host(${bc}:focus-within){border-radius:${T};outline:${It} solid ${Vt}}::slotted(label),::slotted([slot='label']){cursor:inherit;display:inline-flex;font-family:${x};font-size:${M};font-weight:${R};grid-area:label;line-height:${j};user-select:none}:host([size='small']) ::slotted(label){font-size:${G};line-height:${tt}}:host([size='large']) ::slotted(label){font-size:${xt};line-height:${St}}:host([size='large']) ::slotted(label),:host([weight='semibold']) ::slotted(label){font-weight:${U}}:host(${_}){cursor:default}::slotted([flag]){display:none}:host(${Xl}) ::slotted([flag='${Ft.badInput}']),:host(${sc}) ::slotted([flag='${Ft.customError}']),:host(${Nc}) ::slotted([flag='${Ft.patternMismatch}']),:host(${Rc}) ::slotted([flag='${Ft.rangeOverflow}']),:host(${jc}) ::slotted([flag='${Ft.rangeUnderflow}']),:host(${ad}) ::slotted([flag='${Ft.stepMismatch}']),:host(${cd}) ::slotted([flag='${Ft.tooLong}']),:host(${dd}) ::slotted([flag='${Ft.tooShort}']),:host(${hd}) ::slotted([flag='${Ft.typeMismatch}']),:host(${bd}) ::slotted([flag='${Ft.valueMissing}']),:host(${pd}) ::slotted([flag='${Ft.valid}']){display:block}`,Mb=g`<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)}" ${kl({property:"slottedInputs",attributes:!0,attributeFilter:["disabled","required","readonly"],subtree:!0,selector:'[slot="input"]',filter:Te()})}><slot name="label" part="label" ${K("labelSlot")}></slot><slot name="input" part="input"></slot><slot name="message" part="message" ${K({property:"messageSlot",filter:Te("[flag]")})}></slot></template>`,Db=Va.compose({name:`${b.prefix}-field`,template:Mb,styles:_b,shadowOptions:{delegatesFocus:!0}});Db.define(b.registry);const Vb={none:"none",center:"center",contain:"contain",cover:"cover"},Lb={circular:"circular",rounded:"rounded",square:"square"};var Hb=Object.defineProperty,Rb=Object.getOwnPropertyDescriptor,Xo=(o,t,e,i)=>{for(var s=i>1?void 0:i?Rb(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&&Hb(t,e,s),s};class fo extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals()}blockChanged(t,e){v(this.elementInternals,"block",e)}borderedChanged(t,e){v(this.elementInternals,"bordered",e)}shadowChanged(t,e){v(this.elementInternals,"shadow",e)}fitChanged(t,e){y(this.elementInternals,t,e,Vb,"fit-")}shapeChanged(t,e){y(this.elementInternals,t,e,Lb)}}Xo([a({mode:"boolean"})],fo.prototype,"block",2),Xo([a({mode:"boolean"})],fo.prototype,"bordered",2),Xo([a({mode:"boolean"})],fo.prototype,"shadow",2),Xo([a],fo.prototype,"fit",2),Xo([a],fo.prototype,"shape",2);const jb=g`<slot></slot>`,qb=p`
|
|
440
|
+
:host{contain:content}:host ::slotted(img){box-sizing:border-box;min-height:8px;min-width:8px;display:inline-block}:host(${zo}) ::slotted(img){width:100%;height:auto}:host(${Zl}) ::slotted(img){border:${F} solid ${Do}}:host(${uc}) ::slotted(img){object-fit:none;object-position:top left;height:100%;width:100%}:host(${cc}) ::slotted(img){object-fit:none;object-position:center;height:100%;width:100%}:host(${dc}) ::slotted(img){object-fit:contain;object-position:center;height:100%;width:100%}:host(${hc}) ::slotted(img){object-fit:cover;object-position:center;height:100%;width:100%}:host(${Yc}) ::slotted(img){box-shadow:${Ri}}:host(${Po}) ::slotted(img){border-radius:${Ct}}:host(${de}) ::slotted(img){border-radius:${T}}`,Wb=fo.compose({name:`${b.prefix}-image`,template:jb,styles:qb});Wb.define(b.registry);const Gb={small:"small",medium:"medium",large:"large"},Ub={regular:"regular",semibold:"semibold"};var Xb=Object.defineProperty,Kb=Object.getOwnPropertyDescriptor,es=(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 Ko extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.disabled=!1,this.required=!1}sizeChanged(t,e){y(this.elementInternals,t,e,Gb)}weightChanged(t,e){y(this.elementInternals,t,e,Ub)}disabledChanged(t,e){v(this.elementInternals,"disabled",e)}}es([a],Ko.prototype,"size",2),es([a],Ko.prototype,"weight",2),es([a({mode:"boolean"})],Ko.prototype,"disabled",2),es([a({mode:"boolean"})],Ko.prototype,"required",2);const Yb=p`
|
|
441
441
|
${I("inline-flex")}
|
|
442
442
|
|
|
443
|
-
:host{color:${E};cursor:pointer;font-family:${x};font-size:${M};font-weight:${R};line-height:${j};user-select:none}.asterisk{color:${Kn};margin-inline-start:${
|
|
443
|
+
:host{color:${E};cursor:pointer;font-family:${x};font-size:${M};font-weight:${R};line-height:${j};user-select:none}.asterisk{color:${Kn};margin-inline-start:${Ot}}:host(${P}){font-size:${G};line-height:${tt}}:host(${C}){font-size:${xt};line-height:${St}}:host(:is(${C},${Nn})){font-weight:${U}}:host(${_}),:host(${_}) .asterisk{color:${A}}`;function Qb(){return g`<slot></slot><span part="asterisk" class="asterisk" ?hidden="${o=>!o.required}">*</span>`}const Zb=Qb(),Jb=Ko.compose({name:`${b.prefix}-label`,template:Zb,styles:Yb});Jb.define(b.registry);const tg={subtle:"subtle"};var eg=Object.defineProperty,og=Object.getOwnPropertyDescriptor,La=(o,t,e,i)=>{for(var s=i>1?void 0:i?og(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&&eg(t,e,s),s};class hr extends ee{constructor(){super(...arguments),this.inline=!1}appearanceChanged(t,e){y(this.elementInternals,t,e,tg)}inlineChanged(t,e){v(this.elementInternals,"inline",e)}}La([a],hr.prototype,"appearance",2),La([a({mode:"boolean"})],hr.prototype,"inline",2);const ig=p`
|
|
444
444
|
${I("inline")}
|
|
445
445
|
|
|
446
|
-
:host{position:relative;box-sizing:border-box;background-color:transparent;color:${yd};cursor:pointer;font-family:${x};font-size:${M};font-weight:${R};overflow:inherit;text-align:start;text-decoration:none;text-decoration-thickness:${
|
|
447
|
-
:host{color:LinkText}`));function sg(){return g`<template tabindex="0" @click="${(o,
|
|
446
|
+
:host{position:relative;box-sizing:border-box;background-color:transparent;color:${yd};cursor:pointer;font-family:${x};font-size:${M};font-weight:${R};overflow:inherit;text-align:start;text-decoration:none;text-decoration-thickness:${F};text-overflow:inherit;user-select:text}:host(:is(:hover,:focus-visible)){outline:none;text-decoration-line:underline}@media (hover:hover){:host(:hover){color:${xd}}:host(:active){color:${kd}}:host(${B}:hover){color:${Cd}}:host(${B}:active){color:${Sd}}}:host(${B}){color:${wd}}:host-context(:is(h1,h2,h3,h4,h5,h6,p,fluent-text)),:host(${yc}){font:inherit;text-decoration:underline}:host(:not([href])){color:inherit;text-decoration:none}::slotted(a){position:absolute;inset:0}`.withBehaviors(lt(p`
|
|
447
|
+
:host{color:LinkText}`));function sg(){return g`<template tabindex="0" @click="${(o,t)=>o.clickHandler(t.event)}" @keydown="${(o,t)=>o.keydownHandler(t.event)}"><slot></slot></template>`}const rg=sg(),ng=hr.compose({name:`${b.prefix}-link`,template:rg,styles:ig});ng.define(b.registry);var ag=Object.defineProperty,lg=Object.getOwnPropertyDescriptor,Yo=(o,t,e,i)=>{for(var s=i>1?void 0:i?lg(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&&ag(t,e,s),s};class mo extends w{constructor(){super(),this.id=Wo("listbox-"),this.elementInternals=this.attachInternals(),this.elementInternals.role="listbox"}multipleChanged(t,e){this.elementInternals.ariaMultiSelectable=e?"true":"false",v(this.elementInternals,"multiple",e),nt.enqueue(()=>{this.options.forEach(i=>{i.multiple=!!e})})}optionsChanged(t,e){e?.forEach((i,s)=>{i.elementInternals.ariaPosInSet=`${s+1}`,i.elementInternals.ariaSetSize=`${e.length}`})}beforetoggleHandler(t){if(!this.dropdown)return!0;if(this.dropdown.disabled){this.dropdown.open=!1;return}return this.dropdown.open=t.newState==="open",!0}get enabledOptions(){return this.options?.filter(t=>!t.disabled)??[]}get selectedOptions(){return this.options?.filter(t=>t.selected)??[]}clickHandler(t){if(this.dropdown)return!0;const e=t.target;return ts(e)&&this.selectOption(this.enabledOptions.indexOf(e)),!0}connectedCallback(){super.connectedCallback(),this.$emit("connected")}handleChange(t,e){if(e==="multiple"){this.multiple=t.multiple;return}}selectOption(t=this.selectedIndex){let e=this.selectedIndex;if(!this.multiple)this.enabledOptions.forEach((i,s)=>{const r=s===t;i.selected=r,r&&(e=s)});else{const i=this.enabledOptions[t];i&&(i.selected=!i.selected),e=t}this.selectedIndex=e}}Yo([a({attribute:"id",mode:"fromView"})],mo.prototype,"id",2),Yo([$],mo.prototype,"multiple",2),Yo([$],mo.prototype,"options",2),Yo([$],mo.prototype,"selectedIndex",2),Yo([$],mo.prototype,"dropdown",2);const cg=p`
|
|
448
448
|
${I("inline-flex")}
|
|
449
449
|
|
|
450
|
-
:host{background-color:${O};border-radius:${T};border:none;box-shadow:${Qs};box-sizing:border-box;flex-direction:column;margin:0;min-width:160px;padding:${
|
|
450
|
+
:host{background-color:${O};border-radius:${T};border:none;box-shadow:${Qs};box-sizing:border-box;flex-direction:column;margin:0;min-width:160px;padding:${Ot};row-gap:${et};width:auto}`;function dg(){return g`<template id="${o=>o.id}" @beforetoggle="${(o,t)=>o.beforetoggleHandler(t.event)}" @click="${(o,t)=>o.clickHandler(t.event)}"><slot ${K({property:"options",filter:o=>ts(o)})}></slot></template>`}const hg=dg(),ug=mo.compose({name:`${b.prefix}-listbox`,template:hg,styles:cg});ug.define(b.registry);class pg extends ue{}const bg=nr({end:g.partial(`
|
|
451
451
|
<svg slot="end" fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
|
452
452
|
<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>
|
|
453
453
|
</svg>
|
|
454
|
-
`)}),gg=pg.compose({name:`${b.prefix}-menu-button`,template:bg,styles:Xi});gg.define(b.registry);const
|
|
454
|
+
`)}),gg=pg.compose({name:`${b.prefix}-menu-button`,template:bg,styles:Xi});gg.define(b.registry);const ht={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"};ht.menuitem+"",ht.menuitemcheckbox+"",ht.menuitemradio+"";var fg=Object.defineProperty,mg=Object.getOwnPropertyDescriptor,$o=(o,t,e,i)=>{for(var s=i>1?void 0:i?mg(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&&fg(t,e,s),s};class Rt extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.role=ht.menuitem,this.checked=!1,this.handleMenuItemKeyDown=t=>{if(t.defaultPrevented)return!1;switch(t.key){case ki:case Ps:return this.invoke(),!1;case vi:return this.disabled||(this.submenu?.togglePopover(!0),this.submenu?.focus()),!1;case $i: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 ht.menuitemcheckbox:this.checked=!this.checked;break;case ht.menuitem:if(this.submenu){this.submenu.togglePopover(!0),this.submenu.focus();break}this.$emit("change");break;case ht.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,v(this.elementInternals,"disabled",e)}roleChanged(t,e){this.elementInternals.role=e??ht.menuitem}checkedChanged(t,e){const i=this.role!==ht.menuitem;this.elementInternals.ariaChecked=i?`${!!e}`:null,v(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",v(this.elementInternals,"submenu",!0)):(this.elementInternals.ariaHasPopup=null,v(this.elementInternals,"submenu",!1))}connectedCallback(){super.connectedCallback(),this.elementInternals.role=this.role??ht.menuitem,this.elementInternals.ariaChecked=this.role!==ht.menuitem?`${!!this.checked}`:null}}$o([a({mode:"boolean"})],Rt.prototype,"disabled",2),$o([a],Rt.prototype,"role",2),$o([a({mode:"boolean"})],Rt.prototype,"checked",2),$o([a({mode:"boolean"})],Rt.prototype,"hidden",2),$o([$],Rt.prototype,"slottedSubmenu",2),$o([$],Rt.prototype,"submenu",2),ne(Rt,re);const $g=p`
|
|
455
455
|
${I("grid")}
|
|
456
456
|
|
|
457
|
-
:host{--indent:0;align-items:center;background:${O};border-radius:${T};color:${
|
|
458
|
-
:host(${_}),:host(${_}) ::slotted([slot='start']),:host(${_}) ::slotted([slot='end']){color:GrayText}`)),vg=g.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>'),yg=g.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 xg(o={}){return g`<template @keydown="${(e
|
|
457
|
+
:host{--indent:0;align-items:center;background:${O};border-radius:${T};color:${Dt};contain:layout;cursor:pointer;flex-shrink:0;font:${R} ${M} / ${j} ${x};grid-gap:4px;grid-template-columns:20px 20px auto 20px;height:32px;overflow:visible;padding:0 10px}:host(:hover){background:${Ei};color:${No}}:host(:active){background-color:${Vn};color:${Fo}}:host(:active) ::slotted([slot='start']){color:${Id}}:host(${_}){background-color:${ye};color:${A}}:host(${_}) ::slotted([slot='start']),:host(${_}) ::slotted([slot='end']){color:${A}}:host(:focus-visible){border-radius:${T};outline:2px solid ${Vt}}.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(${Bi})) .submenu-glyph,:host(:not(${Bi})) ::slotted([slot='submenu-glyph']){display:none}::slotted([slot='end']){color:${bt};font:${R} ${G} / ${tt} ${x};white-space:nowrap}:host([data-indent='1']){--indent:1}:host([data-indent='2']){--indent:2;grid-template-columns:20px 20px auto auto}:host(${Bi}){grid-template-columns:20px auto auto 20px}:host([data-indent='2']${Bi}){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(lt(p`
|
|
458
|
+
:host(${_}),:host(${_}) ::slotted([slot='start']),:host(${_}) ::slotted([slot='end']){color:GrayText}`)),vg=g.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>'),yg=g.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 xg(o={}){return g`<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">${vt(o.indicator)}</slot>${Kt(o)}<div part="content" class="content"><slot></slot></div>${me(o)}<slot name="submenu-glyph">${vt(o.submenuGlyph)}</slot><slot name="submenu" ${K({property:"slottedSubmenu"})}></slot></template>`}const kg=xg({indicator:vg,submenuGlyph:yg}),wg=Rt.compose({name:`${b.prefix}-menu-item`,template:kg,styles:$g});wg.define(b.registry);var Cg=Object.defineProperty,Sg=Object.getOwnPropertyDescriptor,Ig=(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&&Cg(t,e,s),s};const ur=class yr extends w{constructor(){super(),this.elementInternals=this.attachInternals(),this.focusIndex=-1,this.isNestedMenu=()=>this.parentElement!==null&&Cn(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],d=n.getAttribute("role");if(d===ht.menuitemradio&&(n.checked=!1),d==="separator")break}const s=this.menuItems.length-1;for(let r=i+1;r<=s;++r){const n=this.menuItems[r],d=n.getAttribute("role");if(d===ht.menuitemradio&&(n.checked=!1),d==="separator")break}}},this.isMenuItemElement=t=>t instanceof Rt||Cn(t)&&t.getAttribute("role")in yr.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(),nt.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 mi:this.setFocus(this.focusIndex+1,1);return;case yi:this.setFocus(this.focusIndex-1,-1);return;case xi:this.setFocus(this.menuItems.length-1,-1);return;case wi:this.setFocus(0,1);return;default:return!0}}removeItemListeners(t=this.items){t.forEach(e=>{e.removeEventListener("focus",this.handleItemFocus),f.getNotifier(e).unsubscribe(this,"hidden")})}static elementIndent(t){const e=t.getAttribute("role"),i=t.querySelector("[slot=start]");return e&&e!==ht.menuitem?i?2:1:i?1:0}setItems(){const t=Array.from(this.children);this.removeItemListeners(t),t.forEach(n=>f.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,d)=>{n.setAttribute("tabindex",d===0?"0":"-1"),n.addEventListener("focus",this.handleItemFocus)});const s=this.menuItems?.filter(this.isMenuItemElement),r=s?.reduce((n,d)=>{const u=yr.elementIndent(d);return Math.max(n,u)},0);s?.forEach(n=>{n instanceof Rt&&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}}};ur.focusableElementRoles=ht,Ig([$],ur.prototype,"items",2);let zg=ur;const Pg=p`
|
|
459
459
|
${I("flex")}
|
|
460
460
|
|
|
461
|
-
:host{flex-direction:column;height:fit-content;max-width:300px;min-width:160px;width:auto;background-color:${O};border:1px solid ${
|
|
461
|
+
:host{flex-direction:column;height:fit-content;max-width:300px;min-width:160px;width:auto;background-color:${O};border:1px solid ${ct};border-radius:${T};box-shadow:${Qs};padding:4px;row-gap:2px}`;function Tg(){return g`<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 ${K("items")}></slot></template>`}const Bg=Tg(),Ag=zg.compose({name:`${b.prefix}-menu-list`,template:Bg,styles:Pg});Ag.define(b.registry);var Og=Object.defineProperty,Eg=Object.getOwnPropertyDescriptor,Ce=(o,t,e,i)=>{for(var s=i>1?void 0:i?Eg(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&&Og(t,e,s),s};class pe 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 Rt&&(t.target.getAttribute("role")===ht.menuitemcheckbox||t.target.getAttribute("role")===ht.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 Ps:case ki: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(),nt.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(){nt.enqueue(()=>{this._menuList.focus()})}focusTrigger(){nt.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 Nl: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}}}Ce([a({attribute:"open-on-hover",mode:"boolean"})],pe.prototype,"openOnHover",2),Ce([a({attribute:"open-on-context",mode:"boolean"})],pe.prototype,"openOnContext",2),Ce([a({attribute:"close-on-scroll",mode:"boolean"})],pe.prototype,"closeOnScroll",2),Ce([a({attribute:"persist-on-item-click",mode:"boolean"})],pe.prototype,"persistOnItemClick",2),Ce([a({mode:"boolean"})],pe.prototype,"split",2),Ce([$],pe.prototype,"slottedMenuList",2),Ce([$],pe.prototype,"slottedTriggers",2),Ce([$],pe.prototype,"primaryAction",2);const Ng=p`
|
|
462
462
|
${I("inline-block")}
|
|
463
463
|
|
|
464
|
-
::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:${
|
|
465
|
-
:host{display:grid;box-sizing:border-box;font-family:${x};font-size:${G};line-height:${
|
|
466
|
-
'actions actions actions';grid-template-columns:auto 1fr auto;grid-template-rows:auto auto 1fr;padding-block:${uo};padding-inline:${
|
|
464
|
+
::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:${F} solid ${Zt};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:${F} solid white}:host([split]) ::slotted([slot='trigger']){border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}`;function Fg(){return g`<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" ${X("primaryAction")}></slot><slot name="trigger" ${K({property:"slottedTriggers",filter:Te()})}></slot><slot ${K({property:"slottedMenuList",filter:Te()})}></slot></template>`}const _g=Fg(),Mg=pe.compose({name:`${b.prefix}-menu`,template:_g,styles:Ng});Mg.define(b.registry);const Dg={multiline:"multiline",singleline:"singleline"},Vg={rounded:"rounded",square:"square"},Lg={success:"success",warning:"warning",error:"error",info:"info"};var Hg=Object.defineProperty,Rg=Object.getOwnPropertyDescriptor,pr=(o,t,e,i)=>{for(var s=i>1?void 0:i?Rg(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 os extends w{constructor(){super(),this.elementInternals=this.attachInternals(),this.dismissMessageBar=()=>{this.$emit("dismiss",{})},this.elementInternals.role="status"}shapeChanged(t,e){y(this.elementInternals,t,e,Vg)}layoutChanged(t,e){y(this.elementInternals,t,e,Dg)}intentChanged(t,e){y(this.elementInternals,t,e,Lg)}}pr([a],os.prototype,"shape",2),pr([a],os.prototype,"layout",2),pr([a],os.prototype,"intent",2);const jg=p`
|
|
465
|
+
:host{display:grid;box-sizing:border-box;font-family:${x};font-size:${G};line-height:${tt};width:100%;background:${_o};border:1px solid ${Zt};padding-inline:${kt};border-radius:${T};min-height:36px;align-items:center;grid-template:'icon body actions dismiss' / auto 1fr auto auto;contain:layout style paint}:host(${Ao}){border-radius:0}:host(${Ne}){background-color:${Qn};border-color:${Wd}}:host(${_e}){background-color:${Jn};border-color:${ea}}:host(${Fs}){background-color:${Gn};border-color:${Xn}}:host(${Bo}){grid-template-areas:'icon body dismiss'
|
|
466
|
+
'actions actions actions';grid-template-columns:auto 1fr auto;grid-template-rows:auto auto 1fr;padding-block:${uo};padding-inline:${kt}}.content{grid-area:body;max-width:520px;padding-block:${uo};padding-inline:0}:host(${Bo}) .content{padding:0}::slotted([slot='icon']){display:flex;grid-area:icon;flex-direction:column;align-items:center;color:${bt};margin-inline-end:${Jt}}: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:${Jt};gap:${Jt}}:host(${Bo}) .actions{margin-block-start:${uo};margin-inline-end:0}:host(${Bo}) ::slotted([slot='dismiss']){align-items:start;height:100%;padding-block-start:${ot}}::slotted(*){font-size:inherit}`;function qg(){return g`<slot name="icon"></slot><div class="content"><slot></slot></div><div class="actions"><slot name="actions"></slot></div><slot name="dismiss"></slot>`}const Wg=qg(),Gg=os.compose({name:`${b.prefix}-message-bar`,template:Wg,styles:jg,shadowOptions:{mode:b.shadowRootMode}});Gg.define(b.registry);var Ug=Object.defineProperty,Xg=Object.getOwnPropertyDescriptor,zt=(o,t,e,i)=>{for(var s=i>1?void 0:i?Xg(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&&Ug(t,e,s),s};class $t extends w{constructor(){super(),this.active=!1,this.id=Wo("option-"),this.initialValue="",this.multiple=!1,this.elementInternals=this.attachInternals(),this._value=this.initialValue,this.elementInternals.role="option"}activeChanged(t,e){v(this.elementInternals,"active",e)}currentSelectedChanged(t,e){this.selected=!!e}defaultSelectedChanged(t,e){this.selected=!!e}descriptionSlotChanged(t,e){v(this.elementInternals,"description",!!e?.length)}disabledChanged(t,e){this.elementInternals.ariaDisabled=this.disabled?"true":"false",v(this.elementInternals,"disabled",this.disabled)}disabledAttributeChanged(t,e){this.disabled=!!e}initialValueChanged(t,e){this._value=e}multipleChanged(t,e){v(this.elementInternals,"multiple",e),this.selected=!1}get form(){return this.elementInternals.form}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}get selected(){return f.track(this,"selected"),!!this.currentSelected}set selected(t){this.currentSelected=t,nt.enqueue(()=>{this.$fastController.isConnected&&(this.setFormValue(t?this.value:null),this.elementInternals.ariaSelected=t?"true":"false",v(this.elementInternals,"selected",t))}),f.notify(this,"selected")}get text(){return this.freeform?this.value.replace(/\s+/g," ").trim():(this.textAttribute??this.textContent)?.replace(/\s+/g," ").trim()??""}get value(){return f.track(this,"value"),this._value??this.text}set value(t){this._value=t,this.$fastController.isConnected&&(this.setFormValue(this.selected?t:null),this.freeformOutputs?.forEach(e=>{e.value=t}),f.notify(this,"value"))}connectedCallback(){super.connectedCallback(),this.freeform&&(this.value="",this.hidden=!0,this.selected=!1)}setFormValue(t,e){if(this.disabled){this.elementInternals.setFormValue(null);return}this.elementInternals.setFormValue(t,t??e)}toggleSelected(t=!this.selected){this.selected=t}}$t.formAssociated=!0,zt([$],$t.prototype,"active",2),zt([a({attribute:"current-selected",mode:"boolean"})],$t.prototype,"currentSelected",2),zt([a({attribute:"selected",mode:"boolean"})],$t.prototype,"defaultSelected",2),zt([$],$t.prototype,"descriptionSlot",2),zt([$],$t.prototype,"disabled",2),zt([a({attribute:"disabled",mode:"boolean"})],$t.prototype,"disabledAttribute",2),zt([a({attribute:"form"})],$t.prototype,"formAttribute",2),zt([a({mode:"boolean"})],$t.prototype,"freeform",2),zt([a({attribute:"id"})],$t.prototype,"id",2),zt([a({attribute:"value",mode:"fromView"})],$t.prototype,"initialValue",2),zt([$],$t.prototype,"multiple",2),zt([a],$t.prototype,"name",2),zt([$],$t.prototype,"start",2),zt([a({attribute:"text",mode:"fromView"})],$t.prototype,"textAttribute",2);const Kg=p`
|
|
467
467
|
${I("inline-grid")}
|
|
468
468
|
|
|
469
469
|
:host{-webkit-tap-highlight-color:transparent;${Aa}
|
|
470
|
-
align-items:center;background-color:${O};border-radius:${T};border:${
|
|
471
|
-
'indicator start description'}::slotted([slot='description']){color:${
|
|
470
|
+
align-items:center;background-color:${O};border-radius:${T};border:${It} solid ${ct};box-sizing:border-box;color:${Dt};column-gap:${Ot};cursor:pointer;grid-template-areas:'indicator start content';grid-template-columns:auto auto 1fr;min-height:32px;padding:${dt}}.content{grid-area:content;line-height:1}::slotted([slot='start']){grid-area:start}:host(:hover){background-color:${Ei};color:${No}}:host(:active){background-color:${Ni};color:${Fo}}:host(:disabled){background-color:${O};color:${A};cursor:default}.checkmark-16-filled{fill:currentColor;width:16px}slot[name='checked-indicator'] > *,::slotted([slot='checked-indicator']){aspect-ratio:1;flex:0 0 auto;grid-area:indicator;visibility:hidden}:host(${Ms}) :is(slot[name='checked-indicator'] > *,::slotted([slot='checked-indicator'])){visibility:visible}:host(${so}) .checkmark-16-filled,:host(:not(${so})) .checkmark-12-regular{display:none}:host(${so}) .checkmark-12-regular{background-color:${O};border-radius:${Lt};border:${F} solid ${Qt};box-sizing:border-box;cursor:pointer;fill:transparent;position:relative;visibility:visible;width:16px}:host(${so}${Ms}) .checkmark-12-regular{background-color:${De};border-color:${He};fill:${Me}}:host(:disabled${so}) .checkmark-12-regular{border-color:${At}}:host(:disabled${so}${Ms}) .checkmark-12-regular{background-color:${ye}}:host(${Gl}){border:${It} solid ${Vt}}@supports (selector(:host(:has(*)))){:host(:has([slot='start']:not([size='16']))){column-gap:${dt}}}:host(${ac}){column-gap:${dt};grid-template-areas:'indicator start content'
|
|
471
|
+
'indicator start description'}::slotted([slot='description']){color:${bt};grid-area:description;${Oa}}`,Yg=g.partial(`
|
|
472
472
|
<svg aria-hidden="true" class="checkmark-16-filled" viewBox="0 0 16 16">
|
|
473
473
|
<path
|
|
474
474
|
d="M14.046 3.486a.75.75 0 0 1-.032 1.06l-7.93 7.474a.85.85 0 0 1-1.188-.022l-2.68-2.72a.75.75 0 1 1 1.068-1.053l2.234 2.267l7.468-7.038a.75.75 0 0 1 1.06.032"
|
|
@@ -479,84 +479,84 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
479
479
|
d="M9.854 3.146a.5.5 0 0 1 0 .708l-4.5 4.5a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L5 7.293l4.146-4.147a.5.5 0 0 1 .708 0"
|
|
480
480
|
/>
|
|
481
481
|
</svg>
|
|
482
|
-
`);function Qg(o={}){return g`<slot name="checked-indicator">${
|
|
482
|
+
`);function Qg(o={}){return g`<slot name="checked-indicator">${vt(o.checkedIndicator)}</slot>${Kt(o)}<div class="content" part="content"><slot ${K({property:"freeformOutputs",filter:Te("output")})}></slot></div><div class="description" part="description"><slot name="description" ${K("descriptionSlot")}></slot></div>`}const Zg=Qg({checkedIndicator:Yg}),Jg=$t.compose({name:`${b.prefix}-option`,template:Zg,styles:Kg});Jg.define(b.registry);const tf={medium:"medium",large:"large"},ef={rounded:"rounded",square:"square"},of={success:"success",warning:"warning",error:"error"};var sf=Object.defineProperty,rf=Object.getOwnPropertyDescriptor,Ge=(o,t,e,i)=>{for(var s=i>1?void 0:i?rf(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&&sf(t,e,s),s};class vo extends w{constructor(){super(),this.elementInternals=this.attachInternals(),this.validationState=null,this.elementInternals.role="progressbar"}validationStateChanged(t,e){y(this.elementInternals,t,e,of)}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)}}Ge([a({attribute:"validation-state"})],vo.prototype,"validationState",2),Ge([a({converter:at})],vo.prototype,"value",2),Ge([a({converter:at})],vo.prototype,"min",2),Ge([a({converter:at})],vo.prototype,"max",2),Ge([fs],vo.prototype,"percentComplete",1);class br extends vo{thicknessChanged(t,e){y(this.elementInternals,t,e,tf)}shapeChanged(t,e){y(this.elementInternals,t,e,ef)}}Ge([a],br.prototype,"thickness",2),Ge([a],br.prototype,"shape",2);const nf=p`
|
|
483
483
|
${I("block")}
|
|
484
484
|
|
|
485
|
-
:host{width:100%;height:2px;overflow-x:hidden;background-color:${
|
|
486
|
-
to right,${
|
|
487
|
-
);animation-name:indeterminate;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}:host(${
|
|
488
|
-
:host{background-color:CanvasText}.indicator,:host(:is(${
|
|
485
|
+
:host{width:100%;height:2px;overflow-x:hidden;background-color:${Fi};border-radius:${T};contain:content}:host(${C}){height:4px}:host(${Ao}){border-radius:${Mi}}.indicator{background-color:${De};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(
|
|
486
|
+
to right,${Fi} 0%,${Bt} 50%,${Fi} 100%
|
|
487
|
+
);animation-name:indeterminate;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}:host(${Fs}) .indicator{background-color:${Un}}:host(${_e}) .indicator{background-color:${ta}}:host(${Ne}) .indicator{background-color:${Zn}}@layer animations{@media (prefers-reduced-motion:no-preference){:host([value]){transition:none}:host(:not([value])) .indicator{animation-duration:0.01ms;animation-iteration-count:1}}}@keyframes indeterminate{0%{inset-inline-start:-33%}100%{inset-inline-start:100%}}`.withBehaviors(lt(p`
|
|
488
|
+
:host{background-color:CanvasText}.indicator,:host(:is(${Ne},${_e},${Fs})) .indicator{background-color:Highlight}`));function af(){return g`<div class="indicator" part="indicator" style="${o=>typeof o.value=="number"?`width: ${o.percentComplete}%`:void 0}"></div>`}const lf=af(),cf=br.compose({name:`${b.prefix}-progress-bar`,template:lf,styles:nf});cf.define(b.registry);class Ha extends Nt{connectedCallback(){super.connectedCallback(),this.tabIndex=this.disabled?-1:0}constructor(){super(),this.elementInternals.role="radio"}disabledChanged(t,e){super.disabledChanged(t,e),e&&(this.tabIndex=-1),this.$emit("disabled",e,{bubbles:!0})}requiredChanged(){}setFormValue(){}setValidity(){this.elementInternals.setValidity({})}toggleChecked(t=!0){super.toggleChecked(t)}}function Ra(o){const t=o.getRootNode();return t instanceof ShadowRoot?t.activeElement:document.activeElement}const ja=Tt;var df=Object.defineProperty,hf=Object.getOwnPropertyDescriptor,Ue=(o,t,e,i)=>{for(var s=i>1?void 0:i?hf(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&&df(t,e,s),s};class be extends w{constructor(){super(),this.dirtyState=!1,this.disabled=!1,this.elementInternals=this.attachInternals(),this.elementInternals.role="radiogroup",this.elementInternals.ariaOrientation=this.orientation??ja.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??ja.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=Ol(this.enabledRadios,n=>n.initialChecked);e.forEach((n,d)=>{n.ariaPosInSet=`${d+1}`,n.ariaSetSize=`${i}`,this.initialValue&&!this.dirtyState?n.checked=n.value===this.initialValue:n.checked=d===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),nt.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 f.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()),f.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),this.radios?.filter(i=>i.disabled)?.forEach(i=>{i.checked=!1}),!0}checkRadio(t=this.checkedIndex,e=!1){let i=this.checkedIndex;this.enabledRadios.forEach((s,r)=>{const n=r===t;s.checked=n,n&&(i=r,e&&s.$emit("change"))}),this.checkedIndex=i,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=As(this)==="rtl",i=this.enabledRadios.findIndex(n=>n===Ra(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.checkRadio(this.getEnabledIndexInBounds(r),!0),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(Ra(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){nt.enqueue(()=>{this.radios=[...this.querySelectorAll("*")].filter(e=>e instanceof Ha)})}}be.formAssociated=!0,Ue([$],be.prototype,"checkedIndex",2),Ue([a({attribute:"disabled",mode:"boolean"})],be.prototype,"disabled",2),Ue([a({attribute:"value",mode:"fromView"})],be.prototype,"initialValue",2),Ue([a],be.prototype,"name",2),Ue([a],be.prototype,"orientation",2),Ue([$],be.prototype,"radios",2),Ue([a({mode:"boolean"})],be.prototype,"required",2);const uf=p`
|
|
489
489
|
${I("flex")}
|
|
490
490
|
|
|
491
|
-
:host{-webkit-tap-highlight-color:transparent;cursor:pointer;gap:${ji}}:host(${_}),:host([orientation='vertical']){flex-direction:column;justify-content:flex-start}:host([orientation='horizontal']){flex-direction:row}::slotted(*){color:${
|
|
491
|
+
:host{-webkit-tap-highlight-color:transparent;cursor:pointer;gap:${ji}}:host(${_}),:host([orientation='vertical']){flex-direction:column;justify-content:flex-start}:host([orientation='horizontal']){flex-direction:row}::slotted(*){color:${bt}}::slotted(:hover){color:${Dt}}::slotted(:active){color:${E}}::slotted(${_}){color:${A}}::slotted(${k}){color:${E}}`;function pf(){return g`<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 bf=pf(),gf=be.compose({name:`${b.prefix}-radio-group`,template:bf,styles:uf});gf.define(b.registry);const ff=p`
|
|
492
492
|
${I("inline-flex")}
|
|
493
493
|
|
|
494
|
-
:host{--size:16px;aspect-ratio:1;background-color:${O};border:${
|
|
494
|
+
:host{--size:16px;aspect-ratio:1;background-color:${O};border:${F} solid ${Qt};border-radius:${Ct};box-sizing:border-box;position:relative;width:var(--size)}:host([size='large']){--size:20px}.checked-indicator{aspect-ratio:1;border-radius:${Ct};color:${Me};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:${It} solid ${ct};border-radius:${T}}:host(:not([slot='input']):focus-visible)::after{border-color:${Vt}}:host(:hover){border-color:${Ve}}:host(${k}){border-color:${He}}:host(${k}) .checked-indicator{background-color:${De}}:host(${k}:hover) .checked-indicator{background-color:${no}}:host(:active){border-color:${Le}}:host(${k}:active) .checked-indicator{background-color:${ao}}:host(:focus-visible){outline:none}:host(${_}){background-color:${ye};border-color:${At}}:host(${k}${_}) .checked-indicator{background-color:${At}}`.withBehaviors(lt(p`
|
|
495
495
|
:host{border-color:FieldText}:host(:not([slot='input']:focus-visible))::after{border-color:Canvas}:host(:not(${_}):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(${_}):hover) .checked-indicator{background-color:Highlight}:host(${_}){border-color:GrayText;color:GrayText}:host(${_}${k}) .checked-indicator{background-color:GrayText}`)),mf=g.partial(`
|
|
496
496
|
<span part="checked-indicator" class="checked-indicator" role="presentation"></span>
|
|
497
|
-
`);function $f(o={}){return g`<template @click="${(e
|
|
497
|
+
`);function $f(o={}){return g`<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">${vt(o.checkedIndicator)}</slot></template>`}const vf=$f({checkedIndicator:mf}),yf=Ha.compose({name:`${b.prefix}-radio`,template:vf,styles:ff});yf.define(b.registry);const xf={neutral:"neutral",brand:"brand",marigold:"marigold"},kf={small:"small",medium:"medium",large:"large"};var wf=Object.defineProperty,Cf=Object.getOwnPropertyDescriptor,ge=(o,t,e,i)=>{for(var s=i>1?void 0:i?Cf(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&&wf(t,e,s),s};class Xe 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}}ge([a({converter:at})],Xe.prototype,"count",2),ge([a({attribute:"icon-view-box"})],Xe.prototype,"iconViewBox",2),ge([a({converter:at})],Xe.prototype,"max",2),ge([a({converter:at})],Xe.prototype,"value",2),ge([$],Xe.prototype,"slottedIcon",2),ge([$],Xe.prototype,"customIcon",2);class is extends Xe{constructor(){super(...arguments),this.compact=!1}colorChanged(t,e){y(this.elementInternals,t,e,xf)}sizeChanged(t,e){y(this.elementInternals,t,e,kf)}getSelectedValue(){return Math.round((this.compact?1:this.value??0)*2)/2}getMaxIcons(){return(this.compact?1:this.max??5)*2}}ge([a],is.prototype,"color",2),ge([a],is.prototype,"size",2),ge([a({mode:"boolean"})],is.prototype,"compact",2);const Sf=p`
|
|
498
498
|
${I("inline-flex")}
|
|
499
499
|
|
|
500
|
-
:host{--icon-size:16px;--icon-color-filled:${
|
|
501
|
-
: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}`)),If=g`<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 zf(){return g` ${o=>g`${
|
|
502
|
-
:host{--step-rate:${
|
|
500
|
+
:host{--icon-size:16px;--icon-color-filled:${th};--icon-color-empty:${ia};align-items:center;color:${E};font-family:${x};font-size:${G};line-height:${tt};contain:layout style;user-select:none}:host(${P}){--icon-size:12px}:host(${C}){--icon-size:20px;font-size:${M};line-height:${j}}::slotted([slot='icon']){display:none}svg{width:var(--icon-size);height:var(--icon-size);fill:var(--icon-color-filled);margin-inline-end:${et}}svg:nth-child(odd){clip-path:inset(0 50% 0 0);margin-inline-end:calc(0px - var(--icon-size))}:host(${Pi}) svg{--icon-color-filled:${E}}:host(${Yt}) svg{--icon-color-filled:${qs}}:host(:is([value^='-'],[value='0'])) svg,:host(:not([value])) svg,svg[selected] ~ svg{fill:var(--icon-color-empty)}:host(${Pi}:is([value^='-'],[value='0'])) svg,:host(${Pi}:not([value])) svg,:host(${Pi}) svg[selected] ~ svg{--icon-color-empty:${Ni}}:host(${Yt}:is([value^='-'],[value='0'])) svg,:host(${Yt}:not([value])) svg,:host(${Yt}) svg[selected] ~ svg{--icon-color-empty:${Ws}}.value-label,::slotted([slot='value']){display:block;margin-inline-start:${Ot};font-weight:${U}}:host(${P}) .value-label,:host(${P}) ::slotted([slot='value']){margin-inline-start:${et}}:host(${C}) .value-label,:host(${C}) ::slotted([slot='value']){margin-inline-start:${dt}}:host(:not([count])) .count-label{display:none}.count-label::before,::slotted([slot='count'])::before{content:'·';margin-inline:${Ot}}:host(${P}) .count-label::before,:host(${P}) ::slotted([slot='count'])::before{margin-inline:${et}}:host(${C}) .count-label::before,:host(${C}) ::slotted([slot='count'])::before{margin-inline:${dt}}`.withBehaviors(lt(p`
|
|
501
|
+
: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}`)),If=g`<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 zf(){return g` ${o=>g`${vt(o.generateIcons())}`}<slot name="icon" ${K({property:"slottedIcon",filter:Te("svg")})}>${If}</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 Pf=zf(),Tf=is.compose({name:`${b.prefix}-rating-display`,template:Pf,styles:Sf});Tf.define(b.registry);const Bf={small:"small",medium:"medium"},Af=Tt,Of={singleValue:"single-value"};function qa(o,t,e,i){let s=Ts(0,1,(o-t)/(e-t));return i===Xt.rtl&&(s=1-s),s}var Ef=Object.defineProperty,Nf=Object.getOwnPropertyDescriptor,ut=(o,t,e,i)=>{for(var s=i>1?void 0:i?Nf(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&&Ef(t,e,s),s};class Z extends w{constructor(){super(),this.elementInternals=this.attachInternals(),this.direction=Xt.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=Of.singleValue,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.handleThumbPointerDown=t=>{const e=t!==null?window.addEventListener:window.removeEventListener;return e("pointerup",this.handleWindowPointerUp),e("pointermove",this.handlePointerMove,{passive:!0}),e("touchmove",this.handlePointerMove,{passive:!0}),e("touchend",this.handleWindowPointerUp),this.isDragging=t!==null,!0},this.handlePointerMove=t=>{if(this.disabled||t.defaultPrevented)return;const e=window.TouchEvent&&t instanceof TouchEvent?t.touches[0]:t,i=this.thumb.getBoundingClientRect().width,s=this.orientation===Tt.vertical?e.pageY-document.documentElement.scrollTop:e.pageX-document.documentElement.scrollLeft-this.trackLeft-i/2;this.value=`${this.calculateNewValue(s)}`},this.handleWindowPointerUp=()=>{this.stopDragging()},this.stopDragging=()=>{this.isDragging=!1,this.handlePointerDown(null),this.handleThumbPointerDown(null)},this.handlePointerDown=t=>{if(t===null||!this.disabled){const e=t!==null?window.addEventListener:window.removeEventListener,i=t!==null?document.addEventListener:document.removeEventListener;e("pointerup",this.handleWindowPointerUp),i("mouseleave",this.handleWindowPointerUp),e("pointermove",this.handlePointerMove);const s=this.thumb.getBoundingClientRect().width;if(t){this.setupTrackConstraints();const r=this.orientation===Tt.vertical?t.pageY-document.documentElement.scrollTop:t.pageX-document.documentElement.scrollLeft-this.trackLeft-s/2;this.value=`${this.calculateNewValue(r)}`}}return!0},this.elementInternals.role="slider",this.elementInternals.ariaOrientation=this.orientation??Af.horizontal}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}sizeChanged(t,e){y(this.elementInternals,t,e,Bf)}handleChange(t,e){switch(e){case"min":case"max":this.setSliderPosition();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=p`
|
|
502
|
+
: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 f.track(this,"value"),this._value?.toString()??""}set value(t){if(!this.$fastController.isConnected){this._value=t.toString();return}const e=parseFloat(t),i=Ts(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.$emit("change"),this.setFormValue(t),f.notify(this,"value")}formResetCallback(){this.value=this.initialValue??this.midpoint}formDisabledCallback(t){this.setDisabledSideEffect(t)}setFormValue(t,e){this.elementInternals.setFormValue(t,t??e)}directionChanged(){this.setSliderPosition()}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??Tt.horizontal,y(this.elementInternals,t,e,Tt),this.$fastController.isConnected&&this.setSliderPosition()}connectedCallback(){super.connectedCallback(),this.direction=As(this),this.setDisabledSideEffect(this.disabled),this.updateStepMultiplier(),this.setupTrackConstraints(),this.setupDefaultValue(),this.setSliderPosition(),f.getNotifier(this).subscribe(this,"max"),f.getNotifier(this).subscribe(this,"min"),f.getNotifier(this).subscribe(this,"step"),this.handleStepStyles()}disconnectedCallback(){super.disconnectedCallback(),f.getNotifier(this).unsubscribe(this,"max"),f.getNotifier(this).unsubscribe(this,"min"),f.getNotifier(this).unsubscribe(this,"step")}increment(){const t=this.direction!==Xt.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!==Xt.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}handleKeydown(t){if(this.disabled)return!0;switch(t.key){case wi:t.preventDefault(),this.value=this.direction!==Xt.rtl&&this.orientation!==Tt.vertical?`${this.minAsNumber}`:`${this.maxAsNumber}`;break;case xi:t.preventDefault(),this.value=this.direction!==Xt.rtl&&this.orientation!==Tt.vertical?`${this.maxAsNumber}`:`${this.minAsNumber}`;break;case vi:case yi:t.shiftKey||(t.preventDefault(),this.increment());break;case $i:case mi:t.shiftKey||(t.preventDefault(),this.decrement());break}return!0}setSliderPosition(){const e=qa(parseFloat(this.value),this.minAsNumber,this.maxAsNumber,this.direction)*100;this.position=`--slider-thumb: ${e}%; --slider-progress: ${e}%`}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=qa(t,this.orientation===Tt.vertical?this.trackMinHeight:this.trackMinWidth,this.orientation===Tt.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)}}Z.formAssociated=!0,ut([a],Z.prototype,"size",2),ut([a({attribute:"value",mode:"fromView"})],Z.prototype,"initialValue",2),ut([$],Z.prototype,"direction",2),ut([$],Z.prototype,"isDragging",2),ut([$],Z.prototype,"position",2),ut([$],Z.prototype,"trackWidth",2),ut([$],Z.prototype,"trackMinWidth",2),ut([$],Z.prototype,"trackHeight",2),ut([$],Z.prototype,"trackLeft",2),ut([$],Z.prototype,"trackMinHeight",2),ut([$],Z.prototype,"valueTextFormatter",2),ut([a({mode:"boolean"})],Z.prototype,"disabled",2),ut([a({converter:Bs})],Z.prototype,"min",2),ut([a({converter:Bs})],Z.prototype,"max",2),ut([a({converter:Bs})],Z.prototype,"step",2),ut([a],Z.prototype,"orientation",2),ut([a],Z.prototype,"mode",2);const Ff=p`
|
|
503
503
|
${I("inline-grid")}
|
|
504
504
|
|
|
505
|
-
:host{--thumb-size:20px;--track-margin-inline:calc(var(--thumb-size) / 2);--track-size:4px;--track-overhang:calc(var(--track-size) / -2);--rail-color:${
|
|
505
|
+
:host{--thumb-size:20px;--track-margin-inline:calc(var(--thumb-size) / 2);--track-size:4px;--track-overhang:calc(var(--track-size) / -2);--rail-color:${De};--track-color:${Qt};--slider-direction:90deg;--border-radius:${T};--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:${no}}:host(:active){--rail-color:${ao}}:host(:disabled){--rail-color:${A};--track-color:${ye}}:host(:not(:disabled)){cursor:pointer}:host(:dir(rtl)){--slider-direction:-90deg}:host(${P}){--thumb-size:16px;--track-overhang:-1px;--track-size:2px;--border-radius:${Lt}}:host(${z}){--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 ${Vt};outline:1px solid ${Us}}:host:after,.track{height:var(--track-size);width:100%}:host:after{background-image:linear-gradient(
|
|
506
506
|
var(--slider-direction),var(--rail-color) 0%,var(--rail-color) 50%,var(--track-color) 50.1%,var(--track-color) 100%
|
|
507
507
|
);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(${z})::after,:host(${z}) .track{height:100%;width:var(--track-size)}.track::before{content:'';position:absolute;height:100%;border-radius:inherit;inset-inline-start:0;width:var(--slider-progress)}:host(:dir(rtl)) .track::before{width:calc(100% - var(--slider-progress))}:host(${z}) .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(
|
|
508
508
|
var(--slider-direction),#0000 0%,#0000 calc(var(--step-rate) - 1px),${O} calc(var(--step-rate) - 1px),${O} var(--step-rate)
|
|
509
|
-
)}.thumb-container{position:absolute;grid-row:2 / 2;grid-column:2 / 2;transform:translateX(-50%);left:var(--slider-thumb)}:host(${z}) .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:${
|
|
510
|
-
.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 _f(o={}){return g`<template tabindex="${
|
|
509
|
+
)}.thumb-container{position:absolute;grid-row:2 / 2;grid-column:2 / 2;transform:translateX(-50%);left:var(--slider-thumb)}:host(${z}) .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:${Ct};box-shadow:0 0 0 calc(var(--thumb-size) * 0.2) ${O} inset;border:calc(var(--thumb-size) * 0.05) solid ${Zt};box-sizing:border-box}.thumb,.track::before{background-color:var(--rail-color)}`.withBehaviors(lt(p`
|
|
510
|
+
.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 _f(o={}){return g`<template tabindex="${t=>t.disabled?null:0}" @pointerdown="${(t,e)=>t.handlePointerDown(e.event)}" @keydown="${(t,e)=>t.handleKeydown(e.event)}"><div ${X("track")} part="track-container" class="track" style="${t=>t.position}"></div><div ${X("thumb")} part="thumb-container" class="thumb-container" style="${t=>t.position}" @pointerdown="${(t,e)=>t.handleThumbPointerDown(e.event)}"><slot name="thumb">${vt(o.thumb)}</slot></div></template>`}const Mf=_f({thumb:'<div class="thumb"></div>'}),Df=Z.compose({name:`${b.prefix}-slider`,template:Mf,styles:Ff});Df.define(b.registry);const Vf={primary:"primary",inverted:"inverted"},Lf={tiny:"tiny",extraSmall:"extra-small",small:"small",medium:"medium",large:"large",extraLarge:"extra-large",huge:"huge"};var Hf=Object.defineProperty,Rf=Object.getOwnPropertyDescriptor,Wa=(o,t,e,i)=>{for(var s=i>1?void 0:i?Rf(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&&Hf(t,e,s),s};class jf extends w{constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="progressbar"}}class gr extends jf{sizeChanged(t,e){y(this.elementInternals,t,e,Lf)}appearanceChanged(t,e){y(this.elementInternals,t,e,Vf)}}Wa([a],gr.prototype,"size",2),Wa([a],gr.prototype,"appearance",2);const qf=p`
|
|
511
511
|
${I("inline-flex")}
|
|
512
512
|
|
|
513
|
-
:host{--duration:1.5s;--indicatorSize:${
|
|
514
|
-
.background{display:none}.indicator{border-color:Canvas;border-block-start-color:Highlight;border-right-color:Highlight}`)),Wf=g`<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>`,Gf=gr.compose({name:`${b.prefix}-spinner`,template:Wf,styles:qf});Gf.define(b.registry);class Uf extends
|
|
513
|
+
:host{--duration:1.5s;--indicatorSize:${gt};--size:32px;height:var(--size);width:var(--size);contain:strict;content-visibility:auto}:host(${Eo}){--indicatorSize:${It};--size:20px}:host(${To}){--indicatorSize:${It};--size:24px}:host(${P}){--indicatorSize:${It};--size:28px}:host(${C}){--indicatorSize:${gt};--size:36px}:host(${Si}){--indicatorSize:${gt};--size:40px}:host(${vc}){--indicatorSize:${Zs};--size:44px}.progress,.background,.spinner,.start,.end,.indicator{position:absolute;inset:0}.progress,.spinner,.indicator{animation:none var(--duration) infinite ${Gi}}.progress{animation-timing-function:linear;animation-name:spin-linear}.background{border:var(--indicatorSize) solid ${Ws};border-radius:50%}:host(${On}) .background{border-color:rgba(255,255,255,0.2)}.spinner{animation-name:spin-swing}.start{overflow:hidden;right:50%}.end{overflow:hidden;left:50%}.indicator{color:${qn};box-sizing:border-box;border-radius:50%;border:var(--indicatorSize) solid transparent;border-block-start-color:currentcolor;border-right-color:currentcolor}:host(${On}) .indicator{color:${Vd}}.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(lt(p`
|
|
514
|
+
.background{display:none}.indicator{border-color:Canvas;border-block-start-color:Highlight;border-right-color:Highlight}`)),Wf=g`<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>`,Gf=gr.compose({name:`${b.prefix}-spinner`,template:Wf,styles:qf});Gf.define(b.registry);class Uf extends Nt{constructor(){super(),this.elementInternals.role="switch"}}function Xf(o={}){return g`<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">${vt(o.switch)}</slot></template>`}const Kf=Xf({switch:'<span class="checked-indicator" part="checked-indicator"></span>'}),Yf=p`
|
|
515
515
|
${I("inline-flex")}
|
|
516
516
|
|
|
517
|
-
:host{box-sizing:border-box;align-items:center;flex-direction:row;outline:none;user-select:none;contain:content;padding:0 ${
|
|
518
|
-
: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}:host(:disabled) .checked-indicator,:host(${k}:disabled) .checked-indicator{background-color:GrayText}`)),Qf=Uf.compose({name:`${b.prefix}-switch`,template:Kf,styles:Yf});Qf.define(b.registry);class Zf extends w{}function Jf(){return g`<template slot="tabpanel" role="tabpanel"><slot></slot></template>`}const
|
|
517
|
+
:host{box-sizing:border-box;align-items:center;flex-direction:row;outline:none;user-select:none;contain:content;padding:0 ${et};width:40px;height:20px;background-color:${Bt};border:1px solid ${Qt};border-radius:${Ct};cursor:pointer}:host(:hover){background:none;border-color:${Ve}}:host(:active){border-color:${Le}}:host(:disabled),:host([readonly]){border:1px solid ${At};background-color:none;pointer:default}:host(${k}){background:${De};border-color:${De}}:host(${k}:hover){background:${no};border-color:${no}}:host(${k}:active){background:${ao};border-color:${ao}}:host(${k}:disabled){background:${ye};border-color:${At}}.checked-indicator{height:14px;width:14px;border-radius:50%;margin-inline-start:0;background-color:${bt};transition-duration:${qi};transition-timing-function:${Gi};transition-property:margin-inline-start}:host(${k}) .checked-indicator{background-color:${Me};margin-inline-start:calc(100% - 14px)}:host(${k}:hover) .checked-indicator{background:${zd}}:host(${k}:active) .checked-indicator{background:${Pd}}:host(:hover) .checked-indicator{background-color:${$d}}:host(:active) .checked-indicator{background-color:${vd}}:host(:disabled) .checked-indicator,:host([readonly]) .checked-indicator{background:${A}}:host(${k}:disabled) .checked-indicator{background:${A}}:host(:focus-visible){outline:none}:host(:not([slot='input']):focus-visible){border-color:${ct};outline:${It} solid ${ct};box-shadow:${Ri},0 0 0 2px ${Vt}}`.withBehaviors(lt(p`
|
|
518
|
+
: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}:host(:disabled) .checked-indicator,:host(${k}:disabled) .checked-indicator{background-color:GrayText}`)),Qf=Uf.compose({name:`${b.prefix}-switch`,template:Kf,styles:Yf});Qf.define(b.registry);class Zf extends w{}function Jf(){return g`<template slot="tabpanel" role="tabpanel"><slot></slot></template>`}const tm=Jf(),em=p`
|
|
519
519
|
${I("block")}
|
|
520
520
|
|
|
521
|
-
:host{box-sizing:border-box;padding:${
|
|
522
|
-
:host{--textContent:'${this.textContent}'}`,this.$fastController.addStyles(this.styles)}}rm([a({mode:"boolean"})],fr.prototype,"disabled",2),
|
|
521
|
+
:host{box-sizing:border-box;padding:${kt} ${ft}}`,om=Zf.compose({name:`${b.prefix}-tab-panel`,template:tm,styles:em});om.define(b.registry);var im=Object.defineProperty,sm=Object.getOwnPropertyDescriptor,rm=(o,t,e,i)=>{for(var s=i>1?void 0:i?sm(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&&im(t,e,s),s};class fr extends w{connectedCallback(){super.connectedCallback(),this.styles!==void 0&&this.$fastController.removeStyles(this.styles),this.styles=p`
|
|
522
|
+
:host{--textContent:'${this.textContent}'}`,this.$fastController.addStyles(this.styles)}}rm([a({mode:"boolean"})],fr.prototype,"disabled",2),ne(fr,re);function nm(o={}){return g`<template slot="tab" role="tab" aria-disabled="${t=>t.disabled}">${Kt(o)}<span class="tab-content"><slot></slot></span>${me(o)}</template>`}const am=nm({}),lm=p`
|
|
523
523
|
${I("inline-flex")}
|
|
524
524
|
|
|
525
|
-
:host{position:relative;flex-direction:column;cursor:pointer;box-sizing:border-box;justify-content:center;line-height:${j};font-family:${x};font-size:${M};color:${
|
|
526
|
-
:host([aria-selected='true'])::after{background-color:Highlight}`)),cm=fr.compose({name:`${b.prefix}-tab`,template:am,styles:lm});cm.define(b.registry);const dm={subtle:"subtle",transparent:"transparent"},ss=
|
|
525
|
+
:host{position:relative;flex-direction:column;cursor:pointer;box-sizing:border-box;justify-content:center;line-height:${j};font-family:${x};font-size:${M};color:${Dt};fill:currentcolor;grid-row:1;padding:${kt} ${ft};border-radius:${T}}:host .tab-content{display:inline-flex;flex-direction:column;padding:0 2px}:host([aria-selected='true']){color:${E};font-weight:${U}}:host .tab-content::after{content:var(--textContent);visibility:hidden;height:0;line-height:${j};font-weight:${U}}:host([aria-selected='true'])::after{background-color:${He};border-radius:${Ct};content:'';inset:0;position:absolute;z-index:2}:host([aria-selected='false']:hover)::after{background-color:${lo};border-radius:${Ct};content:'';inset:0;position:absolute;z-index:1}:host([aria-selected='true'][disabled])::after{background-color:${A}}::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:${A};color:${A}}:host([disabled]:hover)::after{background-color:unset}:host(:focus){outline:none}:host(:focus-visible){border-radius:${Lt};box-shadow:0 0 0 3px ${Vt};outline:1px solid ${Us}}`.withBehaviors(lt(p`
|
|
526
|
+
:host([aria-selected='true'])::after{background-color:Highlight}`)),cm=fr.compose({name:`${b.prefix}-tab`,template:am,styles:lm});cm.define(b.registry);const dm={subtle:"subtle",transparent:"transparent"},ss=Tt;var hm=Object.defineProperty,um=Object.getOwnPropertyDescriptor,Ke=(o,t,e,i)=>{for(var s=i>1?void 0:i?um(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&&hm(t,e,s),s};class Qo extends w{constructor(){super(...arguments),this.orientation=ss.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 $i:t.preventDefault(),this.adjustBackward(t);break;case vi:t.preventDefault(),this.adjustForward(t);break}else switch(t.key){case yi:t.preventDefault(),this.adjustBackward(t);break;case mi:t.preventDefault(),this.adjustForward(t);break}switch(t.key){case wi:t.preventDefault(),this.adjust(-this.activeTabIndex);break;case xi: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),d=this.tabIds[r],u=this.tabpanelIds[r];s.setAttribute("id",d),s.setAttribute("aria-selected",n?"true":"false"),s.setAttribute("aria-controls",u),s.addEventListener("click",this.handleTabClick),s.addEventListener("keydown",this.handleTabKeyDown),s.setAttribute("tabindex",n?"0":"-1"),n&&(this.activetab=s,this.activeid=d)}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-${oo()}`)}getTabPanelIds(){return this.tabpanels.map(t=>t.getAttribute("id")??`panel-${oo()}`)}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab(),this.change())}isHorizontal(){return this.orientation===ss.horizontal}adjust(t){const e=this.tabs.filter(n=>this.isFocusableElement(n)),i=e.indexOf(this.activetab),s=Ts(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()}}Ke([a],Qo.prototype,"orientation",2),Ke([a],Qo.prototype,"activeid",2),Ke([$],Qo.prototype,"tabs",2),Ke([$],Qo.prototype,"tabpanels",2);class Zo extends Qo{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=dm.transparent}calculateAnimationProperties(t){this.activeTabOffset=this.getTabPosition(t),this.activeTabScale=this.getTabScale(t)}getTabPosition(t){return this.orientation===ss.horizontal?this.previousActiveTabData.x-(t.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(t.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(t){return this.orientation===ss.horizontal?this.previousActiveTabData.width/t.getBoundingClientRect().width:this.previousActiveTabData.height/t.getBoundingClientRect().height}applyUpdatedCSSValues(t){this.calculateAnimationProperties(t),this.setTabScaleCSSVar(),this.setTabOffsetCSSVar()}animationLoop(t){t.setAttribute("data-animate","false"),this.applyUpdatedCSSValues(t),this.previousActiveTabData=this.activeTabData,this.applyUpdatedCSSValues(t),t.setAttribute("data-animate","true")}setTabData(){if(this.tabs&&this.tabs.length>0){const t=this.tabs,i=(this.activetab||t[0])?.getBoundingClientRect(),s=this.getBoundingClientRect();this.activeTabData={x:i.x-s.x,y:i.y-s.y,height:i.height,width:i.width},this.previousActiveTabData?.x!==this.activeTabData?.x&&this.previousActiveTabData?.y!==this.activeTabData?.y&&(this.previousActiveTabData=this.activeTabData)}}setTabOffsetCSSVar(){this.styles=p`
|
|
527
527
|
:host{--tabIndicatorOffset:${this.activeTabOffset.toString()}px}`,this.$fastController.addStyles(this.styles)}setTabScaleCSSVar(){this.styles=p`
|
|
528
|
-
:host{--tabIndicatorScale:${this.activeTabScale.toString()}}`,this.$fastController.addStyles(this.styles)}activeidChanged(e
|
|
528
|
+
: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()}}Ke([a],Zo.prototype,"appearance",2),Ke([a({mode:"boolean"})],Zo.prototype,"disabled",2),Ke([a],Zo.prototype,"size",2),ne(Zo,re);function pm(o={}){return g` ${Kt(o)}<div class="tablist" part="tablist" role="tablist"><slot name="tab" ${K("tabs")}></slot></div>${me(o)}<div class="tabpanel" part="tabpanel"><slot name="tabpanel" ${K("tabpanels")}></slot></div>`}const bm=pm({}),gm=p`
|
|
529
529
|
${I("grid")}
|
|
530
530
|
|
|
531
|
-
:host{box-sizing:border-box;font-family:${x};font-size:${M};line-height:${j};color:${De};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}:host([disabled]){cursor:not-allowed;color:${A}}:host([disabled]) ::slotted(fluent-tab){pointer-events:none;cursor:not-allowed;color:${A}}:host([disabled]) ::slotted(fluent-tab:after){background-color:${A}}:host([disabled]) ::slotted(fluent-tab[aria-selected='true'])::after{background-color:${A}}:host([disabled]) ::slotted(fluent-tab:hover):before{content:unset}:host ::slotted(fluent-tab){border-radius:${T}}:host ::slotted(fluent-tab[aria-selected='true'])::before{background-color:${A}}.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:${_i};color:${Ds};fill:${Mn}}:host([appearance='subtle']) ::slotted(fluent-tab:active){background-color:${ro};fill:${ro};color:${E}}:host([size='small']) ::slotted(fluent-tab){font-size:${M};line-height:${j};padding:${et} ${de}}:host([size='large']) ::slotted(fluent-tab){font-size:${xe};line-height:${Se};padding:${ji} ${fe}}:host ::slotted(fluent-tab[data-animate='true'])::after{transition-property:transform;transition-duration:${fa};transition-timing-function:${or}}:host ::slotted(fluent-tab)::after{height:${ge};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted(fluent-tab)::after{width:${ge};height:unset;margin-top:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted(fluent-tab)::before{height:${ge};border-radius:${Ce};content:'';inset:0;position:absolute;margin-top:auto}:host([orientation='vertical']) ::slotted(fluent-tab)::before{height:unset;width:${ge};margin-inline-end:auto;transform-origin:top}:host ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:${ge};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:${ge}}:host([orientation='vertical']) ::slotted(fluent-tab){align-items:flex-start;grid-column:2;padding-top:${et};padding-bottom:${et}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab){padding-top:${Lo};padding-bottom:${Lo}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab){padding-top:${oe};padding-bottom:${oe}}:host([size='small']) ::slotted(fluent-tab)::after,:host([size='small']) ::slotted(fluent-tab)::before,:host([size='small']) ::slotted(fluent-tab:hover)::after{right:${de};left:${de}}:host ::slotted(fluent-tab)::after,:host ::slotted(fluent-tab)::before,:host ::slotted(fluent-tab:hover)::after{right:${fe};left:${fe}}:host([size='large']) ::slotted(fluent-tab)::after,:host([size='large']) ::slotted(fluent-tab)::before,:host([size='large']) ::slotted(fluent-tab:hover)::after{right:${fe};left:${fe}}: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:${et};bottom:${et}}: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:${oe};bottom:${oe}}: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:${uo};bottom:${uo}}`,fm=Zo.compose({name:`${b.prefix}-tabs`,template:bm,styles:gm});fm.define(b.registry);const mm=o=>o.getAttribute("aria-disabled")==="true",$m=o=>o.hasAttribute("hidden"),rs=o=>!mm(o)&&!$m(o),Ga={subtle:"subtle",transparent:"transparent"},vm={small:"small",medium:"medium",large:"large"},yo=Te;var ym=Object.defineProperty,xm=Object.getOwnPropertyDescriptor,xo=(o,e,t,i)=>{for(var s=i>1?void 0:i?xm(e,t):e,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(e,t,s):n(s))||s);return i&&s&&ym(e,t,s),s};class Jo extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.disabled=!1,this.orientation=yo.horizontal,this.prevActiveTabIndex=0,this.activeTabIndex=0,this.change=()=>{this.$emit("change",this.activetab)},this.handleTabClick=e=>{const t=e.currentTarget;t.nodeType===Node.ELEMENT_NODE&&rs(t)&&(this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=this.tabs.indexOf(t),this.setComponent())},this.handleTabKeyDown=e=>{const t=As(this);switch(e.key){case $i:if(!this.isHorizontal())return;e.preventDefault(),this.adjust(t==="ltr"?-1:1);break;case vi:if(!this.isHorizontal())return;e.preventDefault(),this.adjust(t==="ltr"?1:-1);break;case yi:if(this.isHorizontal())return;e.preventDefault(),this.adjust(-1);break;case mi:if(this.isHorizontal())return;e.preventDefault(),this.adjust(1);break;case wi:e.preventDefault(),this.adjust(-this.activeTabIndex);break;case xi:e.preventDefault(),this.adjust(this.tabs.filter(i=>rs(i)).length-this.activeTabIndex-1);break}}}disabledChanged(e,t){v(this.elementInternals,"disabled",t)}orientationChanged(e,t){this.elementInternals.ariaOrientation=t??yo.horizontal,y(this.elementInternals,e,t,yo),this.$fastController.isConnected&&this.setTabs()}activeidChanged(e,t){this.$fastController.isConnected&&this.tabs.length>0&&(this.prevActiveTabIndex=this.tabs.findIndex(i=>i.id===e),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((e,t)=>{if(e.slot==="tab"){const i=this.activeTabIndex===t&&rs(e),s=this.tabIds[t];e.setAttribute("id",s),e.setAttribute("aria-selected",i?"true":"false"),e.addEventListener("click",this.handleTabClick),e.addEventListener("keydown",this.handleTabKeyDown),e.setAttribute("tabindex",i&&!this.disabled?"0":"-1"),i&&(this.activetab=e,this.activeid=s),this.change()}})}getTabIds(){return this.tabs.map(e=>e.getAttribute("id")??`tab-${oo()}`)}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab(),this.change())}isHorizontal(){return this.orientation===yo.horizontal}adjust(e){const t=this.tabs.filter(n=>rs(n)),i=t.indexOf(this.activetab),s=Nl(0,t.length-1,i+e),r=this.tabs.indexOf(t[s]);r>-1&&this.activateTabByIndex(this.tabs,r)}activateTabByIndex(e,t){const i=e[t];this.activetab=i,this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=t,i.focus(),this.setComponent()}focusTab(){this.tabs[this.activeTabIndex].focus()}connectedCallback(){super.connectedCallback(),this.tabIds=this.getTabIds(),this.activeTabIndex=this.getActiveIndex()}}xo([a({mode:"boolean"})],Jo.prototype,"disabled",2),xo([a],Jo.prototype,"orientation",2),xo([a],Jo.prototype,"activeid",2),xo([$],Jo.prototype,"tabs",2);class mr extends Jo{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=Ga.transparent}appearanceChanged(e,t){y(this.elementInternals,e,t,Ga)}sizeChanged(e,t){y(this.elementInternals,e,t,vm)}calculateAnimationProperties(e){this.activeTabOffset=this.getTabPosition(e),this.activeTabScale=this.getTabScale(e)}getTabPosition(e){return this.orientation===yo.horizontal?this.previousActiveTabData.x-(e.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(e.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(e){return this.orientation===yo.horizontal?this.previousActiveTabData.width/e.getBoundingClientRect().width:this.previousActiveTabData.height/e.getBoundingClientRect().height}applyUpdatedCSSValues(e){this.calculateAnimationProperties(e),this.setAnimationVars()}animationLoop(e){e.setAttribute("data-animate","false"),this.applyUpdatedCSSValues(e),this.previousActiveTabData=this.activeTabData,this.applyUpdatedCSSValues(e),e.setAttribute("data-animate","true")}setTabData(){if(this.tabs&&this.tabs.length>0){const e=this.tabs,i=(this.activetab||e[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(e,t){super.activeidChanged(e,t),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}tabsChanged(){super.tabsChanged(),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}}xo([a],mr.prototype,"appearance",2),xo([a],mr.prototype,"size",2);const km=g`<template role="tablist"><slot name="tab" ${K("tabs")}></slot></template>`,wm=p`
|
|
531
|
+
:host{box-sizing:border-box;font-family:${x};font-size:${M};line-height:${j};color:${Dt};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}:host([disabled]){cursor:not-allowed;color:${A}}:host([disabled]) ::slotted(fluent-tab){pointer-events:none;cursor:not-allowed;color:${A}}:host([disabled]) ::slotted(fluent-tab:after){background-color:${A}}:host([disabled]) ::slotted(fluent-tab[aria-selected='true'])::after{background-color:${A}}:host([disabled]) ::slotted(fluent-tab:hover):before{content:unset}:host ::slotted(fluent-tab){border-radius:${T}}:host ::slotted(fluent-tab[aria-selected='true'])::before{background-color:${A}}.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:${_i};color:${Ds};fill:${Mn}}:host([appearance='subtle']) ::slotted(fluent-tab:active){background-color:${ro};fill:${ro};color:${E}}:host([size='small']) ::slotted(fluent-tab){font-size:${M};line-height:${j};padding:${te} ${dt}}:host([size='large']) ::slotted(fluent-tab){font-size:${xt};line-height:${St};padding:${ji} ${ft}}:host ::slotted(fluent-tab[data-animate='true'])::after{transition-property:transform;transition-duration:${fa};transition-timing-function:${or}}:host ::slotted(fluent-tab)::after{height:${gt};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted(fluent-tab)::after{width:${gt};height:unset;margin-top:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted(fluent-tab)::before{height:${gt};border-radius:${Ct};content:'';inset:0;position:absolute;margin-top:auto}:host([orientation='vertical']) ::slotted(fluent-tab)::before{height:unset;width:${gt};margin-inline-end:auto;transform-origin:top}:host ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:${gt};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:${gt}}:host([orientation='vertical']) ::slotted(fluent-tab){align-items:flex-start;grid-column:2;padding-top:${te};padding-bottom:${te}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab){padding-top:${Lo};padding-bottom:${Lo}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab){padding-top:${ot};padding-bottom:${ot}}:host([size='small']) ::slotted(fluent-tab)::after,:host([size='small']) ::slotted(fluent-tab)::before,:host([size='small']) ::slotted(fluent-tab:hover)::after{right:${dt};left:${dt}}:host ::slotted(fluent-tab)::after,:host ::slotted(fluent-tab)::before,:host ::slotted(fluent-tab:hover)::after{right:${ft};left:${ft}}:host([size='large']) ::slotted(fluent-tab)::after,:host([size='large']) ::slotted(fluent-tab)::before,:host([size='large']) ::slotted(fluent-tab:hover)::after{right:${ft};left:${ft}}: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:${te};bottom:${te}}: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:${ot};bottom:${ot}}: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:${uo};bottom:${uo}}`,fm=Zo.compose({name:`${b.prefix}-tabs`,template:bm,styles:gm});fm.define(b.registry);const mm=o=>o.getAttribute("aria-disabled")==="true",$m=o=>o.hasAttribute("hidden"),rs=o=>!mm(o)&&!$m(o),Ga={subtle:"subtle",transparent:"transparent"},vm={small:"small",medium:"medium",large:"large"},yo=Tt;var ym=Object.defineProperty,xm=Object.getOwnPropertyDescriptor,xo=(o,t,e,i)=>{for(var s=i>1?void 0:i?xm(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&&ym(t,e,s),s};class Jo extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.disabled=!1,this.orientation=yo.horizontal,this.prevActiveTabIndex=0,this.activeTabIndex=0,this.tabPanelMap=new WeakMap,this.change=()=>{this.$emit("change",this.activetab)},this.handleTabClick=t=>{const e=t.currentTarget;e.nodeType===Node.ELEMENT_NODE&&rs(e)&&(this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=this.tabs.indexOf(e),this.setComponent())},this.handleTabKeyDown=t=>{const e=As(this);switch(t.key){case $i:if(!this.isHorizontal())return;t.preventDefault(),this.adjust(e==="ltr"?-1:1);break;case vi:if(!this.isHorizontal())return;t.preventDefault(),this.adjust(e==="ltr"?1:-1);break;case yi:if(this.isHorizontal())return;t.preventDefault(),this.adjust(-1);break;case mi:if(this.isHorizontal())return;t.preventDefault(),this.adjust(1);break;case wi:t.preventDefault(),this.adjust(-this.activeTabIndex);break;case xi:t.preventDefault(),this.adjust(this.tabs.filter(i=>rs(i)).length-this.activeTabIndex-1);break}}}disabledChanged(t,e){v(this.elementInternals,"disabled",e)}orientationChanged(t,e){this.elementInternals.ariaOrientation=e??yo.horizontal,y(this.elementInternals,t,e,yo),this.$fastController.isConnected&&this.setTabs()}activeidChanged(t,e){if(this.$fastController.isConnected&&this.tabs.length>0){if(this.prevActiveTabIndex=this.tabs.findIndex(i=>i.id===t),this.setTabs(),t){const i=this.tabs[this.prevActiveTabIndex],s=this.tabPanelMap.get(i);s&&(s.hidden=!0)}if(e&&this.activetab){const i=this.tabPanelMap.get(this.activetab);i&&(i.hidden=!1)}}}tabsChanged(){if(this.$fastController.isConnected&&this.tabs.length>0){this.tabIds=this.getTabIds(),this.setTabs();for(const t of this.tabs){const e=t.getAttribute("aria-controls")??"",s=this.getRootNode().getElementById(e);e&&s&&(s.role??(s.role="tabpanel"),s.hidden=this.activeid!==t.id,this.tabPanelMap.set(t,s))}}}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&&rs(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-${oo()}`)}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab(),this.change())}isHorizontal(){return this.orientation===yo.horizontal}adjust(t){const e=this.tabs.filter(n=>rs(n)),i=e.indexOf(this.activetab),s=Fl(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()}}xo([a({mode:"boolean"})],Jo.prototype,"disabled",2),xo([a],Jo.prototype,"orientation",2),xo([a],Jo.prototype,"activeid",2),xo([$],Jo.prototype,"tabs",2);class mr extends Jo{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=Ga.transparent}appearanceChanged(t,e){y(this.elementInternals,t,e,Ga)}sizeChanged(t,e){y(this.elementInternals,t,e,vm)}calculateAnimationProperties(t){this.activeTabOffset=this.getTabPosition(t),this.activeTabScale=this.getTabScale(t)}getTabPosition(t){return this.orientation===yo.horizontal?this.previousActiveTabData.x-(t.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(t.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(t){return this.orientation===yo.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)}}xo([a],mr.prototype,"appearance",2),xo([a],mr.prototype,"size",2);const km=g`<template role="tablist"><slot name="tab" ${K("tabs")}></slot></template>`,wm=p`
|
|
532
532
|
${I("flex")}
|
|
533
533
|
|
|
534
|
-
:host{--tabPaddingInline:inherit;--tabPaddingBlock:inherit;--tabIndicatorInsetInline:0;--tabIndicatorInsetBlock:0;box-sizing:border-box;color:${De};flex-direction:row}:host(${z}){flex-direction:column}:host ::slotted([role='tab']){align-items:flex-start}:host ::slotted([slot='tab'][data-animate='true'])::after{transition-property:transform;transition-duration:${fa};transition-timing-function:${or}}:host ::slotted([slot='tab'])::after{height:${ge};margin-block-start:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host(${z}) ::slotted([slot='tab'])::after{width:${ge};height:unset;margin-block-start:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted([slot='tab'])::before{height:${ge};border-radius:${Ce};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:${A}}:host ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:${ge};margin-block-start:auto;transform-origin:left}:host(${z}) ::slotted([slot='tab'])::before,:host(${z}) ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:unset;width:${ge};margin-inline-end:auto;transform-origin:top}:host(:where(${P},${C})) ::slotted([slot='tab']){padding-inline:var(--tabPaddingInline);padding-block:var(--tabPaddingBlock)}:host(${P}) ::slotted([slot='tab']){--tabPaddingBlock:${et};--tabPaddingInline:${de};font-size:${M};line-height:${j}}:host(${C}) ::slotted([slot='tab']){--tabPaddingBlock:${ji};--tabPaddingInline:${fe};font-size:${xe};line-height:${Se}}: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:${fe}}:host(${P}) ::slotted([slot='tab']){--tabIndicatorInsetInline:${de}}:host(${C}) ::slotted([slot='tab']){--tabIndicatorInsetInline:${fe}}:host(${z}) ::slotted([slot='tab']){padding-block:var(--tabPaddingBlock)}:host(${z}) ::slotted([slot='tab']){--tabPaddingBlock:${oe}}:host(${z}${P}) ::slotted([slot='tab']){--tabPaddingBlock:${Lo}}:host(${z}${C}) ::slotted([slot='tab']){--tabPaddingBlock:${oe}}:host(${z}) ::slotted([slot='tab'])::after,:host(${z}) ::slotted([slot='tab'])::before,:host(${z}) ::slotted([slot='tab']:hover)::after{inset-inline:0;inset-block:var(--tabIndicatorInsetBlock)}:host(${z}){--tabIndicatorInsetBlock:${oe}}:host(${z}${P}){--tabIndicatorInsetBlock:${et}}:host(${z}${C}){--tabIndicatorInsetBlock:${uo}}:host(${_}){cursor:not-allowed;color:${A}}:host(${_}) ::slotted([slot='tab']){pointer-events:none;cursor:not-allowed;color:${A}}:host(${_}) ::slotted([slot='tab']:after){background-color:${A}}:host(${_}) ::slotted([slot='tab'][aria-selected='true'])::after{background-color:${A}}:host(${_}) ::slotted([slot='tab']:hover):before{content:unset}:host(${B}) ::slotted([slot='tab']:hover){background-color:${_i};color:${Ds};fill:${Mn}}:host(${B}) ::slotted([slot='tab']:active){background-color:${ro};fill:${ro};color:${E}}`,Cm=mr.compose({name:`${b.prefix}-tablist`,template:km,styles:wm});Cm.define(b.registry);const Sm={small:"small",medium:"medium",large:"large"},ei={outline:"outline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},Im=[ei.filledLighter,ei.filledDarker],ns={none:"none",both:"both",horizontal:"horizontal",vertical:"vertical"};var zm=Object.defineProperty,Pm=Object.getOwnPropertyDescriptor,J=(o,e,t,i)=>{for(var s=i>1?void 0:i?Pm(e,t):e,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(e,t,s):n(s))||s);return i&&s&&zm(e,t,s),s};class se 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=ns.none,this.spellcheck=!1}defaultSlottedNodesChanged(){const e=this.getContent();this.defaultValue=e,this.value=e}labelSlottedNodesChanged(){this.labelEl&&(this.labelEl.hidden=!this.labelSlottedNodes.length),this.labelSlottedNodes.forEach(e=>{e.disabled=this.disabled,e.required=this.required})}autoResizeChanged(){this.maybeCreateAutoSizerEl(),v(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(e=>e.required=this.required)}resizeChanged(e,t){y(this.elementInternals,e,t,ns,"resize-"),v(this.elementInternals,"resize",Fs(ns,t)&&t!==ns.none)}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(e){const t=this.controlEl??this.preConnectControlEl;t.defaultValue=e,this.controlEl&&!this.userInteracted&&(this.controlEl.value=e)}get value(){return this.controlEl?.value??this.preConnectControlEl.value}set value(e){const t=this.controlEl??this.preConnectControlEl;t.value=e,this.setFormValue(e),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(e){this.setDisabledSideEffect(e),this.setValidity()}setFormValue(e,t){this.elementInternals.setFormValue(e,e??t)}checkValidity(){return this.elementInternals.checkValidity()}reportValidity(){return this.elementInternals.reportValidity()}setCustomValidity(e){this.elementInternals.setValidity({customError:!!e},e?e.toString():void 0),this.reportValidity()}setValidity(e,t,i){this.$fastController.isConnected&&(this.disabled||this.readOnly?this.elementInternals.setValidity({}):this.elementInternals.setValidity(e??this.controlEl.validity,t??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(e=>{switch(e.nodeType){case Node.ELEMENT_NODE:return e.outerHTML;case Node.TEXT_NODE:return e.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(e){this.elementInternals.ariaDisabled=`${e}`,this.controlEl&&(this.controlEl.disabled=e),this.labelSlottedNodes?.length&&this.labelSlottedNodes.forEach(t=>t.disabled=this.disabled)}toggleUserValidityState(){v(this.elementInternals,"user-invalid",!this.validity.valid),v(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((e,t)=>{const i=window.getComputedStyle(this).writingMode.startsWith("horizontal")?"height":"width";this.style.getPropertyValue(i)!==""&&(this.autoSizerEl?.remove(),t.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")}}se.formAssociated=!0,J([$],se.prototype,"defaultSlottedNodes",2),J([$],se.prototype,"labelSlottedNodes",2),J([a],se.prototype,"autocomplete",2),J([a({attribute:"auto-resize",mode:"boolean"})],se.prototype,"autoResize",2),J([a({attribute:"dirname"})],se.prototype,"dirName",2),J([a({mode:"boolean"})],se.prototype,"disabled",2),J([a({attribute:"display-shadow",mode:"boolean"})],se.prototype,"displayShadow",2),J([a({attribute:"form"})],se.prototype,"initialForm",2),J([a({attribute:"maxlength",converter:ae})],se.prototype,"maxLength",2),J([a({attribute:"minlength",converter:ae})],se.prototype,"minLength",2),J([a],se.prototype,"name",2),J([a],se.prototype,"placeholder",2),J([a({attribute:"readonly",mode:"boolean"})],se.prototype,"readOnly",2),J([a({mode:"boolean"})],se.prototype,"required",2),J([a({mode:"fromView"})],se.prototype,"resize",2),J([a({mode:"boolean"})],se.prototype,"spellcheck",2);class as extends se{constructor(){super(...arguments),this.appearance=ei.outline,this.block=!1}labelSlottedNodesChanged(){super.labelSlottedNodesChanged(),this.labelSlottedNodes.forEach(e=>{e.size=this.size})}appearanceChanged(e,t){v(this.elementInternals,e,!1),Fs(ei,t)?v(this.elementInternals,t,!0):this.appearance=ei.outline}blockChanged(){v(this.elementInternals,"block",this.block)}sizeChanged(e,t){y(this.elementInternals,e,t,Sm)}handleChange(e,t){switch(t){case"size":this.labelSlottedNodes.forEach(i=>{i.size=this.size});break;case"appearance":case"displayShadow":this.maybeDisplayShadow();break}}connectedCallback(){super.connectedCallback(),this.maybeDisplayShadow(),f.getNotifier(this).subscribe(this,"appearance"),f.getNotifier(this).subscribe(this,"displayShadow"),f.getNotifier(this).subscribe(this,"size")}disconnectedCallback(){super.disconnectedCallback(),f.getNotifier(this).unsubscribe(this,"appearance"),f.getNotifier(this).unsubscribe(this,"displayShadow"),f.getNotifier(this).unsubscribe(this,"size")}maybeDisplayShadow(){v(this.elementInternals,"display-shadow",this.displayShadow&&Im.includes(this.appearance))}}J([a({mode:"fromView"})],as.prototype,"appearance",2),J([a({mode:"boolean"})],as.prototype,"block",2),J([a],as.prototype,"size",2);const Tm=p`
|
|
534
|
+
:host{--tabPaddingInline:inherit;--tabPaddingBlock:inherit;--tabIndicatorInsetInline:0;--tabIndicatorInsetBlock:0;box-sizing:border-box;color:${Dt};flex-direction:row}:host(${z}){flex-direction:column}:host ::slotted([role='tab']){align-items:flex-start}:host ::slotted([slot='tab'][data-animate='true'])::after{transition-property:transform;transition-duration:${fa};transition-timing-function:${or}}:host ::slotted([slot='tab'])::after{height:${gt};margin-block-start:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host(${z}) ::slotted([slot='tab'])::after{width:${gt};height:unset;margin-block-start:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted([slot='tab'])::before{height:${gt};border-radius:${Ct};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:${A}}:host ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:${gt};margin-block-start:auto;transform-origin:left}:host(${z}) ::slotted([slot='tab'])::before,:host(${z}) ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:unset;width:${gt};margin-inline-end:auto;transform-origin:top}:host(:where(${P},${C})) ::slotted([slot='tab']){padding-inline:var(--tabPaddingInline);padding-block:var(--tabPaddingBlock)}:host(${P}) ::slotted([slot='tab']){--tabPaddingBlock:${te};--tabPaddingInline:${dt};font-size:${M};line-height:${j}}:host(${C}) ::slotted([slot='tab']){--tabPaddingBlock:${ji};--tabPaddingInline:${ft};font-size:${xt};line-height:${St}}: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:${ft}}:host(${P}) ::slotted([slot='tab']){--tabIndicatorInsetInline:${dt}}:host(${C}) ::slotted([slot='tab']){--tabIndicatorInsetInline:${ft}}:host(${z}) ::slotted([slot='tab']){padding-block:var(--tabPaddingBlock)}:host(${z}) ::slotted([slot='tab']){--tabPaddingBlock:${ot}}:host(${z}${P}) ::slotted([slot='tab']){--tabPaddingBlock:${Lo}}:host(${z}${C}) ::slotted([slot='tab']){--tabPaddingBlock:${ot}}:host(${z}) ::slotted([slot='tab'])::after,:host(${z}) ::slotted([slot='tab'])::before,:host(${z}) ::slotted([slot='tab']:hover)::after{inset-inline:0;inset-block:var(--tabIndicatorInsetBlock)}:host(${z}){--tabIndicatorInsetBlock:${ot}}:host(${z}${P}){--tabIndicatorInsetBlock:${te}}:host(${z}${C}){--tabIndicatorInsetBlock:${uo}}:host(${_}){cursor:not-allowed;color:${A}}:host(${_}) ::slotted([slot='tab']){pointer-events:none;cursor:not-allowed;color:${A}}:host(${_}) ::slotted([slot='tab']:after){background-color:${A}}:host(${_}) ::slotted([slot='tab'][aria-selected='true'])::after{background-color:${A}}:host(${_}) ::slotted([slot='tab']:hover):before{content:unset}:host(${B}) ::slotted([slot='tab']:hover){background-color:${_i};color:${Ds};fill:${Mn}}:host(${B}) ::slotted([slot='tab']:active){background-color:${ro};fill:${ro};color:${E}}`,Cm=mr.compose({name:`${b.prefix}-tablist`,template:km,styles:wm});Cm.define(b.registry);const Sm={small:"small",medium:"medium",large:"large"},ti={outline:"outline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},Im=[ti.filledLighter,ti.filledDarker],ns={none:"none",both:"both",horizontal:"horizontal",vertical:"vertical"};var zm=Object.defineProperty,Pm=Object.getOwnPropertyDescriptor,J=(o,t,e,i)=>{for(var s=i>1?void 0:i?Pm(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&&zm(t,e,s),s};class st 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=ns.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(),v(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){y(this.elementInternals,t,e,ns,"resize-"),v(this.elementInternals,"resize",Ns(ns,e)&&e!==ns.none)}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(){v(this.elementInternals,"user-invalid",!this.validity.valid),v(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")}}st.formAssociated=!0,J([$],st.prototype,"defaultSlottedNodes",2),J([$],st.prototype,"labelSlottedNodes",2),J([a],st.prototype,"autocomplete",2),J([a({attribute:"auto-resize",mode:"boolean"})],st.prototype,"autoResize",2),J([a({attribute:"dirname"})],st.prototype,"dirName",2),J([a({mode:"boolean"})],st.prototype,"disabled",2),J([a({attribute:"display-shadow",mode:"boolean"})],st.prototype,"displayShadow",2),J([a({attribute:"form"})],st.prototype,"initialForm",2),J([a({attribute:"maxlength",converter:at})],st.prototype,"maxLength",2),J([a({attribute:"minlength",converter:at})],st.prototype,"minLength",2),J([a],st.prototype,"name",2),J([a],st.prototype,"placeholder",2),J([a({attribute:"readonly",mode:"boolean"})],st.prototype,"readOnly",2),J([a({mode:"boolean"})],st.prototype,"required",2),J([a({mode:"fromView"})],st.prototype,"resize",2),J([a({mode:"boolean"})],st.prototype,"spellcheck",2);class as extends st{constructor(){super(...arguments),this.appearance=ti.outline,this.block=!1}labelSlottedNodesChanged(){super.labelSlottedNodesChanged(),this.labelSlottedNodes.forEach(t=>{t.size=this.size})}appearanceChanged(t,e){v(this.elementInternals,t,!1),Ns(ti,e)?v(this.elementInternals,e,!0):this.appearance=ti.outline}blockChanged(){v(this.elementInternals,"block",this.block)}sizeChanged(t,e){y(this.elementInternals,t,e,Sm)}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(),f.getNotifier(this).subscribe(this,"appearance"),f.getNotifier(this).subscribe(this,"displayShadow"),f.getNotifier(this).subscribe(this,"size")}disconnectedCallback(){super.disconnectedCallback(),f.getNotifier(this).unsubscribe(this,"appearance"),f.getNotifier(this).unsubscribe(this,"displayShadow"),f.getNotifier(this).unsubscribe(this,"size")}maybeDisplayShadow(){v(this.elementInternals,"display-shadow",this.displayShadow&&Im.includes(this.appearance))}}J([a({mode:"fromView"})],as.prototype,"appearance",2),J([a({mode:"boolean"})],as.prototype,"block",2),J([a],as.prototype,"size",2);const Tm=p`
|
|
535
535
|
${I("inline-block")}
|
|
536
536
|
|
|
537
|
-
:host{--font-size:${M};--line-height:${j};--padding-inline:${
|
|
538
|
-
: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 Bm(){return g`<template><label ${X("labelEl")} for="control" part="label"><slot name="label" ${K({property:"labelSlottedNodes",filter:Os})}></slot></label><div class="root" part="root"><textarea ${X("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 ${K({property:"defaultSlottedNodes",filter:Os})}></slot></div></template>`}const Am=Bm(),Om=as.compose({name:`${b.prefix}-textarea`,template:Am,styles:Tm,shadowOptions:{delegatesFocus:!0}});Om.define(b.registry);const Em={small:"small",medium:"medium",large:"large"},
|
|
537
|
+
:host{--font-size:${M};--line-height:${j};--padding-inline:${ft};--padding-block:${te};--min-block-size:52px;--block-size:var(--min-block-size);--inline-size:18rem;--border-width:${F};--control-padding-inline:${et};--color:${E};--background-color:${O};--border-color:${Zt};--border-block-end-color:${Qt};--placeholder-color:${Vs};--focus-indicator-color:${He};--box-shadow:none;--contain-size:size;--resize:none;color:var(--color);font-family:${x};font-size:var(--font-size);font-weight:${R};line-height:var(--line-height);position:relative}:host(:hover){--border-color:${lo};--border-block-end-color:${Ve}}:host(:active){--border-color:${Mo};--border-block-end-color:${Le}}:host(:focus-within){outline:none}:host(${zo}:not([hidden])){display:block}:host(${P}){--font-size:${G};--line-height:${tt};--min-block-size:40px;--padding-block:${ho};--padding-inline:${dt};--control-padding-inline:${et}}:host(${C}){--font-size:${xt};--line-height:${St};--min-block-size:64px;--padding-block:${ot};--padding-inline:${kt};--control-padding-inline:${dt}}:host(${Wc}:not(:disabled)){--resize:both}:host(${Gc}:not(:disabled)){--resize:horizontal}:host(${Uc}:not(:disabled)){--resize:vertical}:host(${Tn}){--block-size:auto;--contain-size:inline-size}:host(${$e}){--background-color:${_o};--border-color:var(--background-color);--border-block-end-color:var(--border-color)}:host(${Oe}){--border-color:var(--background-color);--border-block-end-color:var(--border-color)}:host(${$e}${Bn}),:host(${Oe}${Bn}){--box-shadow:${Ys}}:host(${ud}){--border-color:${Xs};--border-block-end-color:${Xs}}:host(:disabled){--color:${A};--background-color:${Bt};--border-color:${At};--border-block-end-color:var(--border-color);--box-shadow:none;--placeholder-color:${A};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:${T};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(${zo}) .root{inline-size:auto}.root::after{border-bottom:2px solid var(--focus-indicator-color);border-radius:0 0 ${T} ${T};box-sizing:border-box;clip-path:inset(calc(100% - 2px) 1px 0px);content:'';height:max(2px,${T});inset:auto -1px 0;position:absolute;transform:scaleX(0);transition-delay:${Re};transition-duration:${Js};transition-property:transform}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${qi};transition-delay:${je}}:host([readonly]) .root::after,:host(:disabled) .root::after{content:none}label{color:var(--color);display:flex;inline-size:fit-content;padding-block-end:${ho};padding-inline-end:${Ot}}: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(${Tn}) .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:${Me};background-color:${Ln}}`.withBehaviors(lt(p`
|
|
538
|
+
: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 Bm(){return g`<template><label ${X("labelEl")} for="control" part="label"><slot name="label" ${K({property:"labelSlottedNodes",filter:Os})}></slot></label><div class="root" part="root"><textarea ${X("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 ${K({property:"defaultSlottedNodes",filter:Os})}></slot></div></template>`}const Am=Bm(),Om=as.compose({name:`${b.prefix}-textarea`,template:Am,styles:Tm,shadowOptions:{delegatesFocus:!0}});Om.define(b.registry);const Em={small:"small",medium:"medium",large:"large"},Nm={outline:"outline",underline:"underline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},Fm={email:"email",password:"password",tel:"tel",text:"text",url:"url"},_m=["date","datetime-local","email","month","number","password","search","tel","text","time","url","week"];var Mm=Object.defineProperty,Dm=Object.getOwnPropertyDescriptor,V=(o,t,e,i)=>{for(var s=i>1?void 0:i?Dm(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&&Mm(t,e,s),s};class L extends w{constructor(){super(...arguments),this.type=Fm.text,this.dirtyValue=!1,this.elementInternals=this.attachInternals()}currentValueChanged(t,e){this.value=e}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 f.track(this,"value"),this.currentValue}set value(t){this.currentValue=t,this.$fastController.isConnected&&(this.control.value=t??"",this.setFormValue(t),this.setValidity(),f.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=>_m.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)}}}L.formAssociated=!0,V([a],L.prototype,"autocomplete",2),V([a({mode:"boolean"})],L.prototype,"autofocus",2),V([a({attribute:"current-value"})],L.prototype,"currentValue",2),V([$],L.prototype,"defaultSlottedNodes",2),V([a],L.prototype,"dirname",2),V([a({mode:"boolean"})],L.prototype,"disabled",2),V([a({attribute:"form"})],L.prototype,"formAttribute",2),V([a({attribute:"value",mode:"fromView"})],L.prototype,"initialValue",2),V([a],L.prototype,"list",2),V([a({converter:at})],L.prototype,"maxlength",2),V([a({converter:at})],L.prototype,"minlength",2),V([a({mode:"boolean"})],L.prototype,"multiple",2),V([a],L.prototype,"name",2),V([a],L.prototype,"pattern",2),V([a],L.prototype,"placeholder",2),V([a({attribute:"readonly",mode:"boolean"})],L.prototype,"readOnly",2),V([a({mode:"boolean"})],L.prototype,"required",2),V([a({converter:at})],L.prototype,"size",2),V([a({converter:{fromView:o=>typeof o=="string"?["true",""].includes(o.trim().toLowerCase()):null,toView:o=>o.toString()}})],L.prototype,"spellcheck",2),V([a],L.prototype,"type",2),V([$],L.prototype,"controlLabel",2);class ls extends L{appearanceChanged(t,e){y(this.elementInternals,t,e,Nm)}controlSizeChanged(t,e){y(this.elementInternals,t,e,Em)}}V([a],ls.prototype,"appearance",2),V([a({attribute:"control-size"})],ls.prototype,"controlSize",2),ne(ls,re);const Vm=p`
|
|
539
539
|
${I("block")}
|
|
540
540
|
|
|
541
|
-
:host{font-family:${x};font-size:${M};font-weight:${R};line-height:${j};max-width:400px}.label{display:flex;color:${E};padding-bottom:${ho};flex-shrink:0;padding-inline-end:${
|
|
541
|
+
:host{font-family:${x};font-size:${M};font-weight:${R};line-height:${j};max-width:400px}.label{display:flex;color:${E};padding-bottom:${ho};flex-shrink:0;padding-inline-end:${Ot}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${O};border:${F} solid ${Zt};border-bottom-color:${Qt};border-radius:${T};box-sizing:border-box;height:32px;display:inline-flex;flex-direction:row;gap:${et};padding:0 ${ft};position:relative;width:100%}:has(.control:user-invalid){border-color:${Xs}}.root::after{box-sizing:border-box;content:'';position:absolute;left:-1px;bottom:0px;right:-1px;height:max(2px,${T});border-radius:0 0 ${T} ${T};border-bottom:2px solid ${He};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${Js};transition-delay:${Re}}.control{width:100%;height:100%;box-sizing:border-box;color:${E};border-radius:${T};background:${Bt};font-family:${x};font-weight:${R};font-size:${M};border:none;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${Vs}}:host ::slotted([slot='start']),:host ::slotted([slot='end']){display:flex;align-items:center;justify-content:center;color:${bt};font-size:${co}}:host ::slotted([slot='start']){padding-right:${et}}:host ::slotted([slot='end']){padding-left:${et};gap:${Ot}}:host(:hover) .root{border-color:${lo};border-bottom-color:${Ve}}:host(:active) .root{border-color:${Mo}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${qi};transition-delay:${je}}:host(:focus-within:active) .root:after{border-bottom-color:${Wn}}:host(${N}:focus-within) .root{border:${F} solid ${Zt}}:host(:focus-within) .control{color:${E}}:host([disabled]) .root{background:${Bt};border:${F} solid ${At}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot='start']),:host([disabled]) ::slotted([slot='end']){color:${A}}::selection{color:${Me};background-color:${Ln}}:host(${P}) .control{font-size:${G};font-weight:${R};line-height:${tt}}:host(${P}) .root{height:24px;gap:${et};padding:0 ${dt}}:host(${P}) ::slotted([slot='start']),:host(${P}) ::slotted([slot='end']){font-size:${xt}}:host(${C}) .control{font-size:${xt};font-weight:${R};line-height:${St}}:host(${C}) .root{height:40px;gap:${Jt};padding:0 ${kt}}:host(${C}) ::slotted([slot='start']),:host(${C}) ::slotted([slot='end']){font-size:${Di}}:host(${Fe}) .root{background:${Bt};border:0;border-radius:0;border-bottom:${F} solid ${Qt}}:host(${Fe}:hover) .root{border-bottom-color:${Ve}}:host(${Fe}:active) .root{border-bottom-color:${Le}}:host(${Fe}:focus-within) .root{border:0;border-bottom-color:${Le}}:host(${Fe}[disabled]) .root{border-bottom-color:${At}}:host(${Oe}) .root,:host(${$e}) .root{border:${F} solid ${ct};box-shadow:${Ys}}:host(${Oe}) .root{background:${O}}:host(${$e}) .root{background:${_o}}:host(${Oe}:hover) .root,:host(${$e}:hover) .root{border-color:${Gs}}:host(${Oe}:active) .root,:host(${$e}:active) .root{border-color:${Gs};background:${_o}}`;function Lm(o={}){return g`<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" ${X("controlLabel")}><slot ${K({property:"defaultSlottedNodes",filter:Os})}></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}" ${X("control")} />${me(o)}</div></template>`}const Hm=Lm(),Rm=ls.compose({name:`${b.prefix}-text-input`,template:Hm,styles:Vm,shadowOptions:{delegatesFocus:!0}});Rm.define(b.registry);const jm={_100:"100",_200:"200",_300:"300",_400:"400",_500:"500",_600:"600",_700:"700",_800:"800",_900:"900",_1000:"1000"},qm={base:"base",numeric:"numeric",monospace:"monospace"},Wm={medium:"medium",regular:"regular",semibold:"semibold",bold:"bold"},Gm={start:"start",end:"end",center:"center",justify:"justify"};var Um=Object.defineProperty,Xm=Object.getOwnPropertyDescriptor,se=(o,t,e,i)=>{for(var s=i>1?void 0:i?Xm(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&&Um(t,e,s),s};class jt 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){y(this.elementInternals,t,e,jm,"size-")}fontChanged(t,e){y(this.elementInternals,t,e,qm)}weightChanged(t,e){y(this.elementInternals,t,e,Wm)}alignChanged(t,e){y(this.elementInternals,t,e,Gm)}connectedCallback(){super.connectedCallback(),f.getNotifier(this).subscribe(this),Object.keys(this.$fastController.definition.attributeLookup).forEach(t=>{this.handleChange(this,t)})}disconnectedCallback(){super.disconnectedCallback(),f.getNotifier(this).unsubscribe(this)}handleChange(t,e){switch(e){case"nowrap":case"truncate":case"italic":case"underline":case"strikethrough":case"block":v(this.elementInternals,e,!!this[e]);break}}}se([a({mode:"boolean"})],jt.prototype,"nowrap",2),se([a({mode:"boolean"})],jt.prototype,"truncate",2),se([a({mode:"boolean"})],jt.prototype,"italic",2),se([a({mode:"boolean"})],jt.prototype,"underline",2),se([a({mode:"boolean"})],jt.prototype,"strikethrough",2),se([a({mode:"boolean"})],jt.prototype,"block",2),se([a],jt.prototype,"size",2),se([a],jt.prototype,"font",2),se([a],jt.prototype,"weight",2),se([a],jt.prototype,"align",2);const Km=p`
|
|
542
542
|
${I("inline")}
|
|
543
543
|
|
|
544
|
-
:host{contain:content;font-family:${x};font-size:${M};line-height:${j};font-weight:${R};text-align:start}:host(${En}),:host(${En}) ::slotted(*){white-space:nowrap;overflow:hidden}:host(${_n}),:host(${_n}) ::slotted(*){text-overflow:ellipsis}:host(${zo}){display:block}:host(${xc}){font-style:italic}:host(${
|
|
544
|
+
:host{contain:content;font-family:${x};font-size:${M};line-height:${j};font-weight:${R};text-align:start}:host(${En}),:host(${En}) ::slotted(*){white-space:nowrap;overflow:hidden}:host(${_n}),:host(${_n}) ::slotted(*){text-overflow:ellipsis}:host(${zo}){display:block}:host(${xc}){font-style:italic}:host(${Fe}){text-decoration-line:underline}:host(${Fn}){text-decoration-line:line-through}:host(${Fe}${Fn}){text-decoration-line:line-through underline}:host(${Zc}){font-size:${Vo};line-height:${Li}}:host(${Jc}){font-size:${G};line-height:${tt}}:host(${td}){font-size:${xt};line-height:${St}}:host(${ed}){font-size:${co};line-height:${Hi}}:host(${od}){font-size:${Di};line-height:${da}}:host(${id}){font-size:${na};line-height:${ha}}:host(${sd}){font-size:${aa};line-height:${ua}}:host(${rd}){font-size:${la};line-height:${pa}}:host(${Qc}){font-size:${ca};line-height:${ba}}:host(${Bc}){font-family:${su}}:host(${Oc}){font-family:${ru}}:host(${Pc}){font-weight:${nu}}:host(${Nn}){font-weight:${U}}:host(${Ql}){font-weight:${Vi}}:host(${ec}){text-align:center}:host(${lc}){text-align:end}:host(${kc}){text-align:justify}::slotted(*){font:inherit;line-height:inherit;text-decoration-line:inherit;text-align:inherit;text-decoration-line:inherit;margin:0}`,Ym=g`<slot></slot>`,Qm=jt.compose({name:`${b.prefix}-text`,template:Ym,styles:Km});Qm.define(b.registry);var Zm=Object.defineProperty,Jm=Object.getOwnPropertyDescriptor,Ua=(o,t,e,i)=>{for(var s=i>1?void 0:i?Jm(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&&Zm(t,e,s),s};class $r extends ue{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,v(this.elementInternals,"pressed",!!this.pressed||!!this.mixed)}}}Ua([a({mode:"boolean"})],$r.prototype,"pressed",2),Ua([a({mode:"boolean"})],$r.prototype,"mixed",2);const t$=p`
|
|
545
545
|
${Xi}
|
|
546
546
|
|
|
547
|
-
:host(${D}){border-color:${
|
|
548
|
-
:host(${D}),:host(${D}${
|
|
547
|
+
:host(${D}){border-color:${Zt};background-color:${Vn};color:${E};border-width:${F}}:host(${D}:hover){border-color:${lo};background-color:${Ei}}:host(${D}:active){border-color:${Mo};background-color:${Ni}}:host(${D}${yt}){border-color:transparent;background-color:${_d};color:${he}}:host(${D}${yt}:hover){background-color:${Hn}}:host(${D}${yt}:active){background-color:${Rn}}:host(${D}${B}){border-color:transparent;background-color:${Nd};color:${fd}}:host(${D}${B}:hover){background-color:${_i};color:${No}}:host(${D}${B}:active){background-color:${ro};color:${Fo}}:host(${D}${N}),:host(${D}${H}){background-color:${Fd}}:host(${D}${N}:hover),:host(${D}${H}:hover){background-color:${Hs}}:host(${D}${N}:active),:host(${D}${H}:active){background-color:${Rs}}:host(${D}${H}){border-color:transparent;color:${md}}:host(${D}${H}:hover){color:${Ai}}:host(${D}${H}:active){color:${Oi}}`.withBehaviors(lt(p`
|
|
548
|
+
:host(${D}),:host(${D}${yt}),:host(${D}${B}),:host(${D}${N}),:host(${D}${H}){background:SelectedItem;color:SelectedItemText}`)),e$=nr(),o$=$r.compose({name:`${b.prefix}-toggle-button`,template:e$,styles:t$});o$.define(b.registry);var i$=Object.defineProperty,s$=Object.getOwnPropertyDescriptor,cs=(o,t,e,i)=>{for(var s=i>1?void 0:i?s$(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&&i$(t,e,s),s};class ei extends w{constructor(){super(),this.elementInternals=this.attachInternals(),this.id=oo("tooltip-"),this.defaultDelay=250,this.anchor="",this.anchorPositioningStyleElement=null,this.mouseenterAnchorHandler=()=>this.showTooltip(this.delay),this.mouseleaveAnchorHandler=()=>this.hideTooltip(this.delay),this.focusAnchorHandler=()=>this.showTooltip(0),this.blurAnchorHandler=()=>this.hideTooltip(0),this.elementInternals.role="tooltip"}positioningChanged(){Sn||this.setFallbackStyles()}get anchorElement(){const t=this.getRootNode();return(t instanceof ShadowRoot?t:document).getElementById(this.anchor??"")}connectedCallback(){if(super.connectedCallback(),!this.anchorElement)return;const t=this.anchorElement.style.anchorName||`--${this.anchor}`,e=this.anchorElement.getAttribute("aria-describedby");if(this.anchorElement.setAttribute("aria-describedby",e?`${e} ${this.id}`:this.id),this.anchorElement.addEventListener("focus",this.focusAnchorHandler),this.anchorElement.addEventListener("blur",this.blurAnchorHandler),this.anchorElement.addEventListener("mouseenter",this.mouseenterAnchorHandler),this.anchorElement.addEventListener("mouseleave",this.mouseleaveAnchorHandler),Sn){Hl||(this.anchorElement.style.anchorName=t,this.style.positionAnchor=t);return}nt.enqueue(()=>this.setFallbackStyles())}disconnectedCallback(){super.disconnectedCallback(),this.anchorElement?.removeEventListener("focus",this.focusAnchorHandler),this.anchorElement?.removeEventListener("blur",this.blurAnchorHandler),this.anchorElement?.removeEventListener("mouseenter",this.mouseenterAnchorHandler),this.anchorElement?.removeEventListener("mouseleave",this.mouseleaveAnchorHandler)}showTooltip(t=this.defaultDelay){setTimeout(()=>{this.setAttribute("aria-hidden","false"),this.showPopover()},t)}hideTooltip(t=this.defaultDelay){setTimeout(()=>{if(this.matches(":hover")||this.anchorElement?.matches(":hover")){this.hideTooltip(t);return}this.setAttribute("aria-hidden","true"),this.hidePopover()},t)}setFallbackStyles(){if(!this.anchorElement)return;const t=this.anchorElement.style.anchorName||`--${this.anchor}`;this.anchorPositioningStyleElement||(this.anchorPositioningStyleElement=document.createElement("style"),document.head.append(this.anchorPositioningStyleElement));let[e,i]=this.positioning?.split("-")??[];i||((e==="above"||e==="below")&&(i="centerX"),(e==="before"||e==="after")&&(i="centerY"));const s={above:"bottom: anchor(top);",below:"top: anchor(bottom);",before:"right: anchor(left);",after:"left: anchor(right);"},r=s[e]??s.above,n={start:"left: anchor(left);",end:"right: anchor(right);",top:"top: anchor(top);",bottom:"bottom: anchor(bottom);",centerX:"left: anchor(center); translate: -50% 0;",centerY:"top: anchor(center); translate: 0 -50%;"},d=n[i]??n.centerX;this.anchorPositioningStyleElement.textContent=`
|
|
549
549
|
#${this.anchor} {
|
|
550
|
-
anchor-name: ${
|
|
550
|
+
anchor-name: ${t};
|
|
551
551
|
}
|
|
552
552
|
#${this.id} {
|
|
553
553
|
inset: unset;
|
|
554
|
-
position-anchor: ${
|
|
554
|
+
position-anchor: ${t};
|
|
555
555
|
position: absolute;
|
|
556
556
|
${r}
|
|
557
557
|
${d}
|
|
558
558
|
}
|
|
559
|
-
`,window.CSS_ANCHOR_POLYFILL&&window.CSS_ANCHOR_POLYFILL.call({element:this.anchorPositioningStyleElement})}}cs([a],
|
|
559
|
+
`,window.CSS_ANCHOR_POLYFILL&&window.CSS_ANCHOR_POLYFILL.call({element:this.anchorPositioningStyleElement})}}cs([a],ei.prototype,"id",2),cs([a({converter:at})],ei.prototype,"delay",2),cs([a],ei.prototype,"positioning",2),cs([a],ei.prototype,"anchor",2);const _t={"above-start":"block-start span-inline-end",above:"block-start","above-end":"block-start span-inline-start","below-start":"block-end span-inline-end",below:"block-end","below-end":"block-end span-inline-start","before-top":"inline-start span-block-end",before:"inline-start","before-bottom":"inline-start span-block-start","after-top":"inline-end span-block-end",after:"inline-end","after-bottom":"inline-end span-block-start"},r$=p`
|
|
560
560
|
${I("inline-flex")}
|
|
561
561
|
|
|
562
|
-
:host(:not(:popover-open)){display:none}:host{--position-area:block-start;--position-try-options:flip-block;--block-offset:${ho};--inline-offset:${
|
|
562
|
+
:host(:not(:popover-open)){display:none}:host{--position-area:block-start;--position-try-options:flip-block;--block-offset:${ho};--inline-offset:${Ot};background:${O};border-radius:${T};border:1px solid ${ct};box-sizing:border-box;color:${E};display:inline-flex;filter:drop-shadow(0 0 2px ${Hd}) drop-shadow(0 4px 8px ${Rd});font-family:${x};font-size:${G};inset:unset;line-height:${tt};margin:unset;max-width:240px;overflow:visible;padding:4px ${ft} 6px;position:absolute;position-area:var(--position-area);position-try-options:var(--position-try-options);width:auto;z-index:1}@supports (inset-area:block-start){:host{inset-area:var(--position-area);position-try-fallbacks:var(--position-try-options)}}:host(:is([positioning^='above'],[positioning^='below'],:not([positioning]))){margin-block:var(--block-offset)}:host(:is([positioning^='before'],[positioning^='after'])){margin-inline:var(--inline-offset);--position-try-options:flip-inline}:host([positioning='above-start']){--position-area:${_t["above-start"]}}:host([positioning='above']){--position-area:${_t.above}}:host([positioning='above-end']){--position-area:${_t["above-end"]}}:host([positioning='below-start']){--position-area:${_t["below-start"]}}:host([positioning='below']){--position-area:${_t.below}}:host([positioning='below-end']){--position-area:${_t["below-end"]}}:host([positioning='before-top']){--position-area:${_t["before-top"]}}:host([positioning='before']){--position-area:${_t.before}}:host([positioning='before-bottom']){--position-area:${_t["before-bottom"]}}:host([positioning='after-top']){--position-area:${_t["after-top"]}}:host([positioning='after']){--position-area:${_t.after}}:host([positioning='after-bottom']){--position-area:${_t["after-bottom"]}}`,n$=g`<template popover aria-hidden="true"><slot></slot></template>`,a$=ei.compose({name:`${b.prefix}-tooltip`,template:n$,styles:r$});a$.define(b.registry);
|