@fluentui/web-components 3.0.0-beta.84 → 3.0.0-beta.86
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 +21 -2
- package/dist/dts/anchor-button/index.d.ts +1 -0
- package/dist/dts/index-rollup.d.ts +2 -0
- package/dist/dts/index.d.ts +7 -8
- package/dist/dts/tree/define.d.ts +1 -0
- package/dist/dts/tree/index.d.ts +5 -0
- package/dist/dts/tree/tree.base.d.ts +68 -0
- package/dist/dts/tree/tree.bench.d.ts +3 -0
- package/dist/dts/tree/tree.d.ts +28 -0
- package/dist/dts/tree/tree.definition.d.ts +8 -0
- package/dist/dts/tree/tree.styles.d.ts +1 -0
- package/dist/dts/tree/tree.template.d.ts +2 -0
- package/dist/dts/tree-item/define.d.ts +1 -0
- package/dist/dts/tree-item/index.d.ts +6 -0
- package/dist/dts/tree-item/tree-item.base.d.ts +99 -0
- package/dist/dts/tree-item/tree-item.bench.d.ts +3 -0
- package/dist/dts/tree-item/tree-item.d.ts +38 -0
- package/dist/dts/tree-item/tree-item.definition.d.ts +8 -0
- package/dist/dts/tree-item/tree-item.options.d.ts +22 -0
- package/dist/dts/tree-item/tree-item.styles.d.ts +1 -0
- package/dist/dts/tree-item/tree-item.template.d.ts +2 -0
- package/dist/esm/anchor-button/index.js +1 -0
- package/dist/esm/anchor-button/index.js.map +1 -1
- package/dist/esm/index-rollup.js +2 -0
- package/dist/esm/index-rollup.js.map +1 -1
- package/dist/esm/index.js +6 -5
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/tree/define.js +4 -0
- package/dist/esm/tree/define.js.map +1 -0
- package/dist/esm/tree/index.js +6 -0
- package/dist/esm/tree/index.js.map +1 -0
- package/dist/esm/tree/tree.base.js +232 -0
- package/dist/esm/tree/tree.base.js.map +1 -0
- package/dist/esm/tree/tree.bench.js +10 -0
- package/dist/esm/tree/tree.bench.js.map +1 -0
- package/dist/esm/tree/tree.definition.js +16 -0
- package/dist/esm/tree/tree.definition.js.map +1 -0
- package/dist/esm/tree/tree.js +55 -0
- package/dist/esm/tree/tree.js.map +1 -0
- package/dist/esm/tree/tree.styles.js +9 -0
- package/dist/esm/tree/tree.styles.js.map +1 -0
- package/dist/esm/tree/tree.template.js +19 -0
- package/dist/esm/tree/tree.template.js.map +1 -0
- package/dist/esm/tree-item/define.js +4 -0
- package/dist/esm/tree-item/define.js.map +1 -0
- package/dist/esm/tree-item/index.js +6 -0
- package/dist/esm/tree-item/index.js.map +1 -0
- package/dist/esm/tree-item/tree-item.base.js +165 -0
- package/dist/esm/tree-item/tree-item.base.js.map +1 -0
- package/dist/esm/tree-item/tree-item.bench.js +10 -0
- package/dist/esm/tree-item/tree-item.bench.js.map +1 -0
- package/dist/esm/tree-item/tree-item.definition.js +16 -0
- package/dist/esm/tree-item/tree-item.definition.js.map +1 -0
- package/dist/esm/tree-item/tree-item.js +65 -0
- package/dist/esm/tree-item/tree-item.js.map +1 -0
- package/dist/esm/tree-item/tree-item.options.js +24 -0
- package/dist/esm/tree-item/tree-item.options.js.map +1 -0
- package/dist/esm/tree-item/tree-item.styles.js +157 -0
- package/dist/esm/tree-item/tree-item.styles.js.map +1 -0
- package/dist/esm/tree-item/tree-item.template.js +39 -0
- package/dist/esm/tree-item/tree-item.template.js.map +1 -0
- package/dist/web-components.d.ts +173 -0
- package/dist/web-components.js +1327 -800
- package/dist/web-components.min.js +291 -284
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements});let Zo;const Ts="fast-kernel";try{if(document.currentScript)Zo=document.currentScript.getAttribute(Ts);else{const o=document.getElementsByTagName("script");Zo=o[o.length-1].getAttribute(Ts)}}catch{Zo="isolate"}let wt;switch(Zo){case"share":wt=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":wt=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)}`;wt=Object.freeze({updateQueue:`1.2${o}`,observable:`2.2${o}`,contextEvent:`3.2${o}`,elementRegistry:`4.2${o}`});break}const Gt=o=>typeof o=="function",Re=o=>typeof o=="string",Os=()=>{};var br=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};(function(){if(!(typeof globalThis<"u"))if(typeof br<"u")br.globalThis=br;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 As={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},As));const he=globalThis.FAST;if(he.getById===void 0){const o=Object.create(null);Reflect.defineProperty(he,"getById",Object.assign({value(e,t){let i=o[e];return i===void 0&&(i=t?o[e]=t():null),i}},As))}he.error===void 0&&Object.assign(he,{warn(){},error(o){return new Error(`Error ${o}`)},addMessages(){}});const al=Object.freeze([]);function gr(){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 _s(){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 Ct(o){o.prototype.toJSON=Os}const ie=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),Es=o=>o,ll=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:Es}):{createHTML:Es};let Jo=Object.freeze({createHTML(o){return ll.createHTML(o)},protect(o,e,t,i){return i}});const cl=Jo,St=Object.freeze({get policy(){return Jo},setPolicy(o){if(Jo!==cl)throw he.error(1201);Jo=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)}}),re=he.getById(wt.updateQueue,()=>{const o=[],e=[],t=globalThis.requestAnimationFrame;let i=!0;function r(){if(e.length)throw e.shift()}function s(u){try{u.call()}catch(h){if(i)e.push(h),setTimeout(r,0);else throw o.length=0,h}}function n(){let h=0;for(;h<o.length;)if(s(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 fr{constructor(e,t){this.sub1=void 0,this.sub2=void 0,this.spillover=void 0,this.subject=e,this.sub1=t}has(e){return this.spillover===void 0?this.sub1===e||this.sub2===e:this.spillover.indexOf(e)!==-1}subscribe(e){const t=this.spillover;if(t===void 0){if(this.has(e))return;if(this.sub1===void 0){this.sub1=e;return}if(this.sub2===void 0){this.sub2=e;return}this.spillover=[this.sub1,this.sub2,e],this.sub1=void 0,this.sub2=void 0}else t.indexOf(e)===-1&&t.push(e)}unsubscribe(e){const t=this.spillover;if(t===void 0)this.sub1===e?this.sub1=void 0:this.sub2===e&&(this.sub2=void 0);else{const i=t.indexOf(e);i!==-1&&t.splice(i,1)}}notify(e){const t=this.spillover,i=this.subject;if(t===void 0){const r=this.sub1,s=this.sub2;r!==void 0&&r.handleChange(i,e),s!==void 0&&s.handleChange(i,e)}else for(let r=0,s=t.length;r<s;++r)t[r].handleChange(i,e)}}class Ns{constructor(e){this.subscribers={},this.subjectSubscribers=null,this.subject=e}notify(e){var t,i;(t=this.subscribers[e])===null||t===void 0||t.notify(e),(i=this.subjectSubscribers)===null||i===void 0||i.notify(e)}subscribe(e,t){var i,r;let s;t?s=(i=this.subscribers[t])!==null&&i!==void 0?i:this.subscribers[t]=new fr(this.subject):s=(r=this.subjectSubscribers)!==null&&r!==void 0?r:this.subjectSubscribers=new fr(this.subject),s.subscribe(e)}unsubscribe(e,t){var i,r;t?(i=this.subscribers[t])===null||i===void 0||i.unsubscribe(e):(r=this.subjectSubscribers)===null||r===void 0||r.unsubscribe(e)}}const ei=Object.freeze({unknown:void 0,coupled:1}),f=he.getById(wt.observable,()=>{const o=re.enqueue,e=/(:|&&|\|\||if|\?\.)/,t=new WeakMap;let i,r=h=>{throw he.error(1101)};function s(h){var c;let m=(c=h.$fastController)!==null&&c!==void 0?c:t.get(h);return m===void 0&&(Array.isArray(h)?m=r(h):t.set(h,m=new Ns(h))),m}const n=_s();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,ke=c[S];if(ke!==m){c[S]=m;const pt=c[this.callback];Gt(pt)&&pt.call(c,ke,m),s(c).notify(this.name)}}}class u extends fr{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!==ei.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 ke;try{ke=this.expression(c,m)}finally{i=S}return ke}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,ke=s(c),pt=S===null?this.first:{};if(pt.propertySource=c,pt.propertyName=m,pt.notifier=ke,ke.subscribe(this,m),S!==null){if(!this.needsRefresh){let Bs;i=void 0,Bs=S.propertySource[S.propertyName],i=this,c===Bs&&(this.needsRefresh=!0)}S.next=pt}this.last=pt}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 Ct(u),Object.freeze({setArrayObserverFactory(h){r=h},getNotifier:s,track(h,c){i&&i.watch(h,c)},trackVolatile(){i&&(i.needsRefresh=!0)},notify(h,c){s(h).notify(c)},defineProperty(h,c){Re(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 v(o,e){f.defineProperty(o,e)}function mr(o,e,t){return Object.assign({},t,{get(){return f.trackVolatile(),t.get.apply(this)}})}const Fs=he.getById(wt.contextEvent,()=>{let o=null;return{get(){return o},set(e){o=e}}}),Ut=Object.freeze({default:{index:0,length:0,get event(){return Ut.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return Fs.get()},setEvent(o){Fs.set(o)}});class ti{constructor(e,t,i=!1){this.evaluate=e,this.policy=t,this.isVolatile=i}}class dl extends ti{createObserver(e){return f.binding(this.evaluate,e,this.isVolatile)}}function vr(o,e,t=f.isVolatileBinding(o)){return new dl(o,e,t)}class Ms extends ti{createObserver(){return this}bind(e){return this.evaluate(e.source,e.context)}}Ct(Ms);function Ds(o,e){return new Ms(o,e)}let Ls;function Vs(o){return o.map(e=>e instanceof ze?Vs(e.styles):[e]).reduce((e,t)=>e.concat(t),[])}class ze{constructor(e){this.styles=e,this.targets=new WeakSet,this._strategy=null,this.behaviors=e.map(t=>t instanceof ze?t.behaviors:null).reduce((t,i)=>i===null?t:t===null?i:t.concat(i),null)}get strategy(){return this._strategy===null&&this.withStrategy(Ls),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(Vs(this.styles)),this}static setDefaultStrategy(e){Ls=e}static normalize(e){return e===void 0?void 0:Array.isArray(e)?new ze(e):e instanceof ze?e:new ze([e])}}ze.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const $r=gr(),yr=Object.freeze({getForInstance:$r.getForInstance,getByType:$r.getByType,define(o){return $r.register({type:o}),o}});function xr(o,e,t){e.source.style.setProperty(o.targetAspect,t.bind(e))}class kr{constructor(e,t){this.dataBinding=e,this.targetAspect=t}createCSS(e){return e(this),`var(${this.targetAspect})`}addedCallback(e){var t;const i=e.source;if(!i.$cssBindings){i.$cssBindings=new Map;const s=i.setAttribute;i.setAttribute=(n,d)=>{s.call(i,n,d),n==="style"&&i.$cssBindings.forEach((u,h)=>xr(h,u.controller,u.observer))}}const r=(t=e[this.targetAspect])!==null&&t!==void 0?t:e[this.targetAspect]=this.dataBinding.createObserver(this,this);r.controller=e,e.source.$cssBindings.set(this,{controller:e,observer:r})}connectedCallback(e){xr(this,e,e[this.targetAspect])}removedCallback(e){e.source.$cssBindings&&e.source.$cssBindings.delete(this)}handleChange(e,t){xr(this,t.controller,t)}}yr.define(kr);const hl=`${Math.random().toString(36).substring(2,8)}`;let ul=0;const Hs=()=>`--v${hl}${++ul}`;function js(o,e){const t=[];let i="";const r=[],s=n=>{r.push(n)};for(let n=0,d=o.length-1;n<d;++n){i+=o[n];let u=e[n];Gt(u)?u=new kr(vr(u),Hs()).createCSS(s):u instanceof ti?u=new kr(u,Hs()).createCSS(s):yr.getForInstance(u)!==void 0&&(u=u.createCSS(s)),u instanceof ze||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:r}}const p=(o,...e)=>{const{styles:t,behaviors:i}=js(o,e),r=new ze(t);return i.length?r.withBehaviors(...i):r};class Rs{constructor(e,t){this.behaviors=t,this.css="";const i=e.reduce((r,s)=>(Re(s)?this.css+=s:r.push(s),r),[]);i.length&&(this.styles=new ze(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)}}yr.define(Rs),p.partial=(o,...e)=>{const{styles:t,behaviors:i}=js(o,e);return new Rs(t,i)};const qs=/fe-b\$\$start\$\$(\d+)\$\$(.+)\$\$fe-b/,Ws=/fe-b\$\$end\$\$(\d+)\$\$(.+)\$\$fe-b/,Gs=/fe-repeat\$\$start\$\$(\d+)\$\$fe-repeat/,Us=/fe-repeat\$\$end\$\$(\d+)\$\$fe-repeat/,Xs=/^(?:.{0,1000})fe-eb\$\$start\$\$(.+?)\$\$fe-eb/,Ks=/fe-eb\$\$end\$\$(.{0,1000})\$\$fe-eb(?:.{0,1000})$/;function Ys(o){return o&&o.nodeType===Node.COMMENT_NODE}const qe=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 qs.test(o)},isContentBindingEndMarker(o){return Ws.test(o)},isRepeatViewStartMarker(o){return Gs.test(o)},isRepeatViewEndMarker(o){return Us.test(o)},isElementBoundaryStartMarker(o){return Ys(o)&&Xs.test(o.data.trim())},isElementBoundaryEndMarker(o){return Ys(o)&&Ks.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 Js(qs,o)},parseContentBindingEndMarker(o){return Js(Ws,o)},parseRepeatStartMarker(o){return Qs(Gs,o)},parseRepeatEndMarker(o){return Qs(Us,o)},parseElementBoundaryStartMarker(o){return Zs(Xs,o.trim())},parseElementBoundaryEndMarker(o){return Zs(Ks,o)}});function Qs(o,e){const t=o.exec(e);return t===null?t:parseInt(t[1])}function Zs(o,e){const t=o.exec(e);return t===null?t:t[1]}function Js(o,e){const t=o.exec(e);return t===null?t:[parseInt(t[1]),t[2]]}const oi=Symbol.for("fe-hydration");function ii(o){return o[oi]===oi}const wr=`fast-${Math.random().toString(36).substring(2,8)}`,ri=`${wr}{`,vo=`}${wr}`,pl=vo.length;let bl=0;const $o=()=>`${wr}-${++bl}`,en=Object.freeze({interpolation:o=>`${ri}${o}${vo}`,attribute:o=>`${$o()}="${ri}${o}${vo}"`,comment:o=>`<!--${ri}${o}${vo}-->`}),si=Object.freeze({parse(o,e){const t=o.split(ri);if(t.length===1)return null;const i=[];for(let r=0,s=t.length;r<s;++r){const n=t[r],d=n.indexOf(vo);let u;if(d===-1)u=n;else{const h=n.substring(0,d);i.push(e[h]),u=n.substring(d+pl)}u!==""&&i.push(u)}return i}}),Cr=gr(),Fe=Object.freeze({getForInstance:Cr.getForInstance,getByType:Cr.getByType,define(o,e){return e=e||{},e.type=o,Cr.register(e),o},assignAspect(o,e){if(!e){o.aspectType=ie.content;return}switch(o.sourceAspect=e,e[0]){case":":o.targetAspect=e.substring(1),o.aspectType=o.targetAspect==="classList"?ie.tokenList:ie.property;break;case"?":o.targetAspect=e.substring(1),o.aspectType=ie.booleanAttribute;break;case"@":o.targetAspect=e.substring(1),o.aspectType=ie.event;break;default:o.targetAspect=e,o.aspectType=ie.attribute;break}}});class Sr{constructor(e){this.options=e}createHTML(e){return en.attribute(e(this))}createBehavior(){return this}}Ct(Sr);class tn extends Error{constructor(e,t,i){super(e),this.factories=t,this.node=i}}function Ir(o){return o.nodeType===Node.COMMENT_NODE}function on(o){return o.nodeType===Node.TEXT_NODE}function rn(o,e){const t=document.createRange();return t.setStart(o,0),t.setEnd(e,Ir(e)||on(e)?e.data.length:e.childNodes.length),t}function gl(o){return o instanceof DocumentFragment&&"mode"in o}function fl(o,e,t){const i=rn(o,e),r=i.commonAncestorContainer,s=document.createTreeWalker(r,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=s.currentNode=o;for(;u!==null;){switch(u.nodeType){case Node.ELEMENT_NODE:{ml(u,t,n);break}case Node.COMMENT_NODE:{vl(u,s,t,n,d);break}}u=s.nextNode()}return i.detach(),{targets:n,boundaries:d}}function ml(o,e,t){const i=qe.parseAttributeBinding(o);if(i!==null){for(const r of i){if(!e[r])throw new tn(`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);ni(e[r],o,t)}o.removeAttribute(qe.attributeMarkerName)}}function vl(o,e,t,i,r){if(qe.isElementBoundaryStartMarker(o)){$l(o,e);return}if(qe.isContentBindingStartMarker(o.data)){const s=qe.parseContentBindingStartMarker(o.data);if(s===null)return;const[n,d]=s,u=t[n],h=[];let c=e.nextSibling();o.data="";const m=c;for(;c!==null;){if(Ir(c)){const S=qe.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 "${gl(S)?S.host.nodeName:S.nodeName}".`)}if(c.data="",h.length===1&&on(h[0]))ni(u,h[0],i);else{c!==m&&c.previousSibling!==null&&(r[u.targetNodeId]={first:m,last:c.previousSibling});const S=c.parentNode.insertBefore(document.createTextNode(""),c);ni(u,S,i)}}}function $l(o,e){const t=qe.parseElementBoundaryStartMarker(o.data);let i=e.nextSibling();for(;i!==null;){if(Ir(i)){const r=qe.parseElementBoundaryEndMarker(i.data);if(r&&r===t)break}i=e.nextSibling()}}function ni(o,e,t){if(o.targetNodeId===void 0)throw new Error("Factory could not be target to the node");t[o.targetNodeId]=e}var sn;function Pr(o,e){const t=o.parentNode;let i=o,r;for(;i!==e;){if(r=i.nextSibling,!r)throw new Error(`Unmatched first/last child inside "${e.getRootNode().host.nodeName}".`);t.removeChild(i),i=r}t.removeChild(e)}class nn{constructor(){this.index=0,this.length=0}get event(){return Ut.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 ai extends nn{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=ei.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 r=this.firstChild,s;for(;r!==t;)s=r.nextSibling,i.insertBefore(r,e),r=s;i.insertBefore(t,e)}}remove(){const e=this.fragment,t=this.lastChild;let i=this.firstChild,r;for(;i!==t;)r=i.nextSibling,e.appendChild(i),i=r;e.appendChild(t)}dispose(){Pr(this.firstChild,this.lastChild),this.unbind()}onUnbind(e){this.unbindables.push(e)}bind(e,t=this){if(this.source===e)return;let i=this.behaviors;if(i===null){this.source=e,this.context=t,this.behaviors=i=new Array(this.factories.length);const r=this.factories;for(let s=0,n=r.length;s<n;++s){const d=r[s].createBehavior();d.bind(this),i[s]=d}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;for(let r=0,s=i.length;r<s;++r)i[r].bind(this)}this.isBound=!0}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}evaluateUnbindables(){const e=this.unbindables;for(let t=0,i=e.length;t<i;++t)e[t].unbind(this);e.length=0}static disposeContiguousBatch(e){if(e.length!==0){Pr(e[0].firstChild,e[e.length-1].lastChild);for(let t=0,i=e.length;t<i;++t)e[t].unbind()}}}Ct(ai),f.defineProperty(ai.prototype,"index"),f.defineProperty(ai.prototype,"length");const Xt={unhydrated:"unhydrated",hydrating:"hydrating",hydrated:"hydrated"};class yl extends Error{constructor(e,t,i,r){super(e),this.factory=t,this.fragment=i,this.templateString=r}}class xl extends nn{constructor(e,t,i,r){super(),this.firstChild=e,this.lastChild=t,this.sourceTemplate=i,this.hostBindingTarget=r,this[sn]=oi,this.context=this,this.source=null,this.isBound=!1,this.sourceLifetime=ei.unknown,this.unbindables=[],this.fragment=null,this.behaviors=null,this._hydrationStage=Xt.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 r=this.firstChild,s;for(;r!==t;)s=r.nextSibling,i.insertBefore(r,e),r=s;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,r;for(;i!==t;){if(r=i.nextSibling,!r)throw new Error(`Unmatched first/last child inside "${t.getRootNode().host.nodeName}".`);e.appendChild(i),i=r}e.appendChild(t)}bind(e,t=this){var i,r;if(this.hydrationStage!==Xt.hydrated&&(this._hydrationStage=Xt.hydrating),this.source===e)return;let s=this.behaviors;if(s===null){this.source=e,this.context=t;try{const{targets:d,boundaries:u}=fl(this.firstChild,this.lastChild,this.factories);this._targets=d,this._bindingViewBoundaries=u}catch(d){if(d instanceof tn){let u=this.sourceTemplate.html;typeof u!="string"&&(u=u.innerHTML),d.templateString=u}throw d}this.behaviors=s=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&&ni(h,this.hostBindingTarget,this._targets),h.targetNodeId in this.targets){const c=h.createBehavior();c.bind(this),s[d]=c}else{let c=this.sourceTemplate.html;throw typeof c!="string"&&(c=c.innerHTML),new yl(`HydrationView was unable to successfully target bindings inside "${(r=((i=this.firstChild)===null||i===void 0?void 0:i.getRootNode()).host)===null||r===void 0?void 0:r.nodeName}".`,h,rn(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=s.length;n<d;++n)s[n].bind(this)}this.isBound=!0,this._hydrationStage=Xt.hydrated}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}dispose(){Pr(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}}sn=oi,Ct(xl);function kl(o){return o.create!==void 0}function wl(o,e,t,i){if(t==null&&(t=""),kl(t)){o.textContent="";let r=o.$fastView;if(r===void 0)if(ii(i)&&ii(t)&&i.bindingViewBoundaries[this.targetNodeId]!==void 0&&i.hydrationStage!==Xt.hydrated){const s=i.bindingViewBoundaries[this.targetNodeId];r=t.hydrate(s.first,s.last)}else r=t.create();else o.$fastTemplate!==t&&(r.isComposed&&(r.remove(),r.unbind()),r=t.create());r.isComposed?r.needsBindOnly&&(r.needsBindOnly=!1,r.bind(i.source,i.context)):(r.isComposed=!0,r.bind(i.source,i.context),r.insertBefore(o),o.$fastView=r,o.$fastTemplate=t)}else{const r=o.$fastView;r!==void 0&&r.isComposed&&(r.isComposed=!1,r.remove(),r.needsBindOnly?r.needsBindOnly=!1:r.unbind()),o.textContent=t}}function Cl(o,e,t){var i;const r=`${this.id}-t`,s=(i=o[r])!==null&&i!==void 0?i:o[r]={v:0,cv:Object.create(null)},n=s.cv;let d=s.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(s.v=d+1,d!==0){d-=1;for(const h in n)n[h]===d&&u.remove(h)}}const Sl={[ie.attribute]:St.setAttribute,[ie.booleanAttribute]:St.setBooleanAttribute,[ie.property]:(o,e,t)=>o[e]=t,[ie.content]:wl,[ie.tokenList]:Cl,[ie.event]:()=>{}};class Kt{constructor(e){this.dataBinding=e,this.updateTarget=null,this.aspectType=ie.content}createHTML(e){return en.interpolation(e(this))}createBehavior(){var e;if(this.updateTarget===null){const t=Sl[this.aspectType],i=(e=this.dataBinding.policy)!==null&&e!==void 0?e:this.policy;if(!t)throw he.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],r=ii(e)&&e.hydrationStage&&e.hydrationStage!==Xt.hydrated;switch(this.aspectType){case ie.event:i[this.data]=e,i.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case ie.content:e.onUnbind(this);default:const s=(t=i[this.data])!==null&&t!==void 0?t:i[this.data]=this.dataBinding.createObserver(this,this);if(s.target=i,s.controller=e,r&&(this.aspectType===ie.attribute||this.aspectType===ie.booleanAttribute)){s.bind(e);break}this.updateTarget(i,this.targetAspect,s.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){Ut.setEvent(e);const i=this.dataBinding.evaluate(t.source,t.context);Ut.setEvent(null),i!==!0&&e.preventDefault()}}handleChange(e,t){const i=t.target,r=t.controller;this.updateTarget(i,this.targetAspect,t.bind(r),r)}}Fe.define(Kt,{aspected:!0});const an=(o,e)=>`${o}.${e}`,ln={},We={index:0,node:null};function cn(o){o.startsWith("fast-")||he.warn(1204,{name:o})}const Il=new Proxy(document.createElement("div"),{get(o,e){cn(e);const t=Reflect.get(o,e);return Gt(t)?t.bind(o):t},set(o,e,t){return cn(e),Reflect.set(o,e,t)}});class Pl{constructor(e,t,i){this.fragment=e,this.directives=t,this.policy=i,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(e,t,i,r,s){var n,d;this.nodeIds.has(i)||(this.nodeIds.add(i),this.addTargetDescriptor(t,i,r)),e.id=(n=e.id)!==null&&n!==void 0?n:$o(),e.targetNodeId=i,e.targetTagName=s,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 r=this.descriptors;if(t==="r"||t==="h"||r[t])return;if(!r[e]){const n=e.lastIndexOf("."),d=e.substring(0,n),u=parseInt(e.substring(n+1));this.addTargetDescriptor(d,e,u)}let s=ln[t];if(!s){const n=`_${t}`;ln[t]=s={get(){var d;return(d=this[n])!==null&&d!==void 0?d:this[n]=this[e].childNodes[i]}}}r[t]=s}createView(e){const t=this.fragment.cloneNode(!0),i=Object.create(this.proto);i.r=t,i.h=e??Il;for(const r of this.nodeIds)i[r];return new ai(t,this.factories,i)}}function dn(o,e,t,i,r,s=!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=si.parse(m,d);let ke=null;S===null?s&&(ke=new Kt(Ds(()=>m,o.policy)),Fe.assignAspect(ke,c.name)):ke=zr.aggregate(S,o.policy),ke!==null&&(t.removeAttributeNode(c),u--,h--,o.addFactory(ke,e,i,r,t.tagName))}}function zl(o,e,t,i,r){const s=si.parse(e.textContent,o.directives);if(s===null)return We.node=e.nextSibling,We.index=r+1,We;let n,d=n=e;for(let u=0,h=s.length;u<h;++u){const c=s[u];u!==0&&(r++,i=an(t,r),n=d.parentNode.insertBefore(document.createTextNode(""),d.nextSibling)),Re(c)?n.textContent=c:(n.textContent=" ",Fe.assignAspect(c),o.addFactory(c,t,i,r,null)),d=n}return We.index=r+1,We.node=d.nextSibling,We}function hn(o,e,t){let i=0,r=e.firstChild;for(;r;){const s=Bl(o,t,r,i);r=s.node,i=s.index}}function Bl(o,e,t,i){const r=an(e,i);switch(t.nodeType){case 1:dn(o,e,t,r,i),hn(o,t,r);break;case 3:return zl(o,t,e,r,i);case 8:const s=si.parse(t.data,o.directives);s!==null&&o.addFactory(zr.aggregate(s),e,r,i,null);break}return We.index=i+1,We.node=t.nextSibling,We}function Tl(o,e){return o&&o.nodeType==8&&si.parse(o.data,e)!==null}const un="TEMPLATE",zr={compile(o,e,t=St.policy){let i;if(Re(o)){i=document.createElement(un),i.innerHTML=t.createHTML(o);const n=i.content.firstElementChild;n!==null&&n.tagName===un&&(i=n)}else i=o;!i.content.firstChild&&!i.content.lastChild&&i.content.appendChild(document.createComment(""));const r=document.adoptNode(i.content),s=new Pl(r,e,t);return dn(s,"",i,"h",0,!0),(Tl(r.firstChild,e)||r.childNodes.length===1&&Object.keys(e).length>0)&&r.insertBefore(document.createComment(""),r.firstChild),hn(s,r,"r"),We.node=null,s.freeze()},setDefaultStrategy(o){this.compile=o},aggregate(o,e=St.policy){if(o.length===1)return o[0];let t,i=!1,r;const s=o.length,n=o.map(h=>Re(h)?()=>h:(t=h.sourceAspect||t,i=i||h.dataBinding.isVolatile,r=r||h.dataBinding.policy,h.dataBinding.evaluate)),d=(h,c)=>{let m="";for(let S=0;S<s;++S)m+=n[S](h,c);return m},u=new Kt(vr(d,r??e,i));return Fe.assignAspect(u,t),u}},Ol=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,Al=Object.create(null);class It{constructor(e,t=Al){this.html=e,this.factories=t}createHTML(e){const t=this.factories;for(const i in t)e(t[i]);return this.html}}It.empty=new It(""),Fe.define(It);function _l(o,e,t,i=Fe.getForInstance(o)){if(i.aspected){const r=Ol.exec(e);r!==null&&Fe.assignAspect(o,r[2])}return o.createHTML(t)}class hr{constructor(e,t={},i){this.policy=i,this.result=null,this.html=e,this.factories=t}compile(){return this.result===null&&(this.result=zr.compile(this.html,this.factories,this.policy)),this.result}create(e){return this.compile().createView(e)}inline(){return new It(Re(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(e){if(this.result)throw he.error(1208);if(this.policy)throw he.error(1207);return this.policy=e,this}render(e,t,i){const r=this.create(i);return r.bind(e),r.appendTo(t),r}static create(e,t,i){let r="";const s=Object.create(null),n=d=>{var u;const h=(u=d.id)!==null&&u!==void 0?u:d.id=$o();return s[h]=d,h};for(let d=0,u=e.length-1;d<u;++d){const h=e[d];let c=t[d],m;if(r+=h,Gt(c))c=new Kt(vr(c));else if(c instanceof ti)c=new Kt(c);else if(!(m=Fe.getForInstance(c))){const S=c;c=new Kt(Ds(()=>S))}r+=_l(c,h,n,m)}return new hr(r+e[e.length-1],s,i)}}Ct(hr);const g=(o,...e)=>{if(Array.isArray(o)&&Array.isArray(o.raw))return hr.create(o,e);throw he.error(1206)};g.partial=o=>new It(o);class pn extends Sr{bind(e){e.source[this.options]=e.targets[this.targetNodeId]}}Fe.define(pn);const U=o=>new pn(o),El=o=>o.nodeType===1,Pt=o=>o?e=>e.nodeType===1&&e.matches(o):El;class bn extends Sr{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,al),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 gn="slotchange";class fn extends bn{observe(e){e.addEventListener(gn,this)}disconnect(e){e.removeEventListener(gn,this)}getNodes(e){return e.assignedNodes(this.options)}handleEvent(e){const t=e.currentTarget;this.updateTarget(this.getSource(t),this.computeNodes(t))}}Fe.define(fn);function X(o){return Re(o)&&(o={property:o}),new fn(o)}class mn extends bn{constructor(e){super(e),this.observerProperty=Symbol(),this.handleEvent=(t,i)=>{const r=i.target;this.updateTarget(this.getSource(r),this.computeNodes(r))},e.childList=!0}observe(e){let t=e[this.observerProperty];t||(t=new MutationObserver(this.handleEvent),t.toJSON=Os,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)}}Fe.define(mn);function Nl(o){return Re(o)&&(o={property:o}),new mn(o)}const vn="boolean",$n="reflect",li=Object.freeze({locate:_s()}),Fl={toView(o){return o?"true":"false"},fromView(o){return!(o==null||o==="false"||o===!1||o===0)}};function yn(o){if(o==null)return null;const e=o*1;return isNaN(e)?null:e}const se={toView(o){const e=yn(o);return e&&e.toString()},fromView:yn};class ur{constructor(e,t,i=t.toLowerCase(),r=$n,s){this.guards=new Set,this.Owner=e,this.name=t,this.attribute=i,this.mode=r,this.converter=s,this.fieldName=`_${t}`,this.callbackName=`${t}Changed`,this.hasCallback=this.callbackName in e.prototype,r===vn&&s===void 0&&(this.converter=Fl)}setValue(e,t){const i=e[this.fieldName],r=this.converter;r!==void 0&&(t=r.fromView(t)),i!==t&&(e[this.fieldName]=t,this.tryReflectToAttribute(e),this.hasCallback&&e[this.callbackName](i,t),e.$fastController.notify(this.name))}getValue(e){return 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"||re.enqueue(()=>{i.add(e);const r=e[this.fieldName];switch(t){case $n:const s=this.converter;St.setAttribute(e,this.attribute,s!==void 0?s.toView(r):r);break;case vn:St.setBooleanAttribute(e,this.attribute,r);break}i.delete(e)})}static collect(e,...t){const i=[];t.push(li.locate(e));for(let r=0,s=t.length;r<s;++r){const n=t[r];if(n!==void 0)for(let d=0,u=n.length;d<u;++d){const h=n[d];Re(h)?i.push(new ur(e,h)):i.push(new ur(e,h.property,h.attribute,h.mode,h.converter))}}return i}}function a(o,e){let t;function i(r,s){arguments.length>1&&(t.property=s),li.locate(r.constructor).push(t)}if(arguments.length>1){t={},i(o,e);return}return t=o===void 0?{}:o,i}const xn={mode:"open"},kn={},wn=new Set,ci=he.getById(wt.elementRegistry,()=>gr());class je{constructor(e,t=e.definition){var i;this.platformDefined=!1,Re(t)&&(t={name:t}),this.type=e,this.name=t.name,this.template=t.template,this.registry=(i=t.registry)!==null&&i!==void 0?i:customElements;const r=e.prototype,s=ur.collect(e,t.attributes),n=new Array(s.length),d={},u={};for(let h=0,c=s.length;h<c;++h){const m=s[h];n[h]=m.attribute,d[m.name]=m,u[m.attribute]=m,f.defineProperty(r,m)}Reflect.defineProperty(e,"observedAttributes",{value:n,enumerable:!0}),this.attributes=s,this.propertyLookup=d,this.attributeLookup=u,this.shadowOptions=t.shadowOptions===void 0?xn:t.shadowOptions===null?void 0:Object.assign(Object.assign({},xn),t.shadowOptions),this.elementOptions=t.elementOptions===void 0?kn:Object.assign(Object.assign({},kn),t.elementOptions),this.styles=ze.normalize(t.styles),ci.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 wn.has(e)||ci.getByType(e)?new je(class extends e{},t):new je(e,t)}static registerBaseType(e){wn.add(e)}}je.getByType=ci.getByType,je.getForInstance=ci.getForInstance;class Ml extends MutationObserver{constructor(e){function t(i){this.callback.call(null,i.filter(r=>this.observedNodes.has(r.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,r=!1;return{source:o,context:Ut.default,targets:t,get isBound(){return r},addBehaviorFactory(s,n){var d,u,h,c;const m=s;m.id=(d=m.id)!==null&&d!==void 0?d:$o(),m.targetNodeId=(u=m.targetNodeId)!==null&&u!==void 0?u:$o(),m.targetTagName=(h=n.tagName)!==null&&h!==void 0?h:null,m.policy=(c=m.policy)!==null&&c!==void 0?c:St.policy,this.addTarget(m.targetNodeId,n),this.addBehavior(m.createBehavior())},addTarget(s,n){t[s]=n},addBehavior(s){e.push(s),r&&s.bind(this)},onUnbind(s){i===null&&(i=[]),i.push(s)},connectedCallback(s){r||(r=!0,e.forEach(n=>n.bind(this)))},disconnectedCallback(s){r&&(r=!1,i!==null&&i.forEach(n=>n.unbind(this)))}}}});const Dl={bubbles:!0,composed:!0,cancelable:!0},di="isConnected",Cn=new WeakMap;function yo(o){var e,t;return(t=(e=o.shadowRoot)!==null&&e!==void 0?e:Cn.get(o))!==null&&t!==void 0?t:null}let Sn;class Yt extends Ns{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 s=e.shadowRoot;s?this.hasExistingShadowRoot=!0:(s=e.attachShadow(i),i.mode==="closed"&&Cn.set(e,s))}const r=f.getAccessors(e);if(r.length>0){const s=this.boundObservables=Object.create(null);for(let n=0,d=r.length;n<d;++n){const u=r[n].name,h=e[u];h!==void 0&&(delete e[u],s[u]=h)}}}get isConnected(){return f.track(this,di),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:Ut.default}get isBound(){var e,t;return(t=(e=this.view)===null||e===void 0?void 0:e.isBound)!==null&&t!==void 0?t:!1}get sourceLifetime(){var e;return(e=this.view)===null||e===void 0?void 0:e.sourceLifetime}get template(){var e;if(this._template===null){const t=this.definition;this.source.resolveTemplate?this._template=this.source.resolveTemplate():t.template&&(this._template=(e=t.template)!==null&&e!==void 0?e:null)}return this._template}set template(e){this._template!==e&&(this._template=e,this.needsInitialization||this.renderTemplate(e))}get mainStyles(){var e;if(this._mainStyles===null){const t=this.definition;this.source.resolveStyles?this._mainStyles=this.source.resolveStyles():t.styles&&(this._mainStyles=(e=t.styles)!==null&&e!==void 0?e:null)}return this._mainStyles}set mainStyles(e){this._mainStyles!==e&&(this._mainStyles!==null&&this.removeStyles(this._mainStyles),this._mainStyles=e,this.needsInitialization||this.addStyles(e))}onUnbind(e){var t;(t=this.view)===null||t===void 0||t.onUnbind(e)}addBehavior(e){var t,i;const r=(t=this.behaviors)!==null&&t!==void 0?t:this.behaviors=new Map,s=(i=r.get(e))!==null&&i!==void 0?i:0;s===0?(r.set(e,1),e.addedCallback&&e.addedCallback(this),e.connectedCallback&&!this.guardBehaviorConnection&&(this.stage===1||this.stage===0)&&e.connectedCallback(this)):r.set(e,s+1)}removeBehavior(e,t=!1){const i=this.behaviors;if(i===null)return;const r=i.get(e);r!==void 0&&(r===1||t?(i.delete(e),e.disconnectedCallback&&this.stage!==3&&e.disconnectedCallback(this),e.removedCallback&&e.removedCallback(this)):i.set(e,r-1))}addStyles(e){var t;if(!e)return;const i=this.source;if(e instanceof HTMLElement)((t=yo(i))!==null&&t!==void 0?t:this.source).append(e);else if(!e.isAttachedTo(i)){const r=e.behaviors;if(e.addStylesTo(i),r!==null)for(let s=0,n=r.length;s<n;++s)this.addBehavior(r[s])}}removeStyles(e){var t;if(!e)return;const i=this.source;if(e instanceof HTMLElement)((t=yo(i))!==null&&t!==void 0?t:i).removeChild(e);else if(e.isAttachedTo(i)){const r=e.behaviors;if(e.removeStylesFrom(i),r!==null)for(let s=0,n=r.length;s<n;++s)this.removeBehavior(r[s])}}connect(){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,di))}bindObservables(){if(this.boundObservables!==null){const e=this.source,t=this.boundObservables,i=Object.keys(t);for(let r=0,s=i.length;r<s;++r){const n=i[r];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,di),this.view!==null&&this.view.unbind(),this.disconnectBehaviors(),this.stage=3)}onAttributeChangedCallback(e,t,i){const r=this.definition.attributeLookup[e];r!==void 0&&r.onAttributeChangedCallback(this.source,i)}emit(e,t,i){return this.stage===1?this.source.dispatchEvent(new CustomEvent(e,Object.assign(Object.assign({detail:t},Dl),i))):!1}renderTemplate(e){var t;const i=this.source,r=(t=yo(i))!==null&&t!==void 0?t:i;if(this.view!==null)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let s=r.firstChild;s!==null;s=r.firstChild)r.removeChild(s)}e&&(this.view=e.render(i,r,i),this.view.sourceLifetime=ei.coupled)}static forCustomElement(e){const t=e.$fastController;if(t!==void 0)return t;const i=je.getForInstance(e);if(i===void 0)throw he.error(1401);return e.$fastController=new Sn(e,i)}static setStrategy(e){Sn=e}}Ct(Yt),Yt.setStrategy(Yt);function hi(o){var e;return"adoptedStyleSheets"in o?o:(e=yo(o))!==null&&e!==void 0?e:o.getRootNode()}class pr{constructor(e){const t=pr.styleSheetCache;this.sheets=e.map(i=>{if(i instanceof CSSStyleSheet)return i;let r=t.get(i);return r===void 0&&(r=new CSSStyleSheet,r.replaceSync(i),t.set(i,r)),r})}addStylesTo(e){Pn(hi(e),this.sheets)}removeStylesFrom(e){zn(hi(e),this.sheets)}}pr.styleSheetCache=new Map;let Ll=0;const Vl=()=>`fast-${++Ll}`;function In(o){return o===document?document.body:o}class Hl{constructor(e){this.styles=e,this.styleClass=Vl()}addStylesTo(e){e=In(hi(e));const t=this.styles,i=this.styleClass;for(let r=0;r<t.length;r++){const s=document.createElement("style");s.innerHTML=t[r],s.className=i,e.append(s)}}removeStylesFrom(e){e=In(hi(e));const t=e.querySelectorAll(`.${this.styleClass}`);for(let i=0,r=t.length;i<r;++i)e.removeChild(t[i])}}let Pn=(o,e)=>{o.adoptedStyleSheets=[...o.adoptedStyleSheets,...e]},zn=(o,e)=>{o.adoptedStyleSheets=o.adoptedStyleSheets.filter(t=>e.indexOf(t)===-1)};if(ze.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),Pn=(o,e)=>{o.adoptedStyleSheets.push(...e)},zn=(o,e)=>{for(const t of e){const i=o.adoptedStyleSheets.indexOf(t);i!==-1&&o.adoptedStyleSheets.splice(i,1)}}}catch{}ze.setDefaultStrategy(pr)}else ze.setDefaultStrategy(Hl);const Bn="defer-hydration",Tn="needs-hydration";class Wt extends Yt{static hydrationObserverHandler(e){for(const t of e)Wt.hydrationObserver.unobserve(t.target),t.target.$fastController.connect()}connect(){var e,t;if(this.needsHydration===void 0&&(this.needsHydration=this.source.getAttribute(Tn)!==null),this.source.hasAttribute(Bn)){Wt.hydrationObserver.observe(this.source,{attributeFilter:[Bn]});return}if(!this.needsHydration){super.connect();return}if(this.stage!==3)return;this.stage=0,this.bindObservables(),this.connectBehaviors();const i=this.source,r=(e=yo(i))!==null&&e!==void 0?e:i;if(this.template)if(ii(this.template)){let s=r.firstChild,n=r.lastChild;i.shadowRoot===null&&(qe.isElementBoundaryStartMarker(s)&&(s.data="",s=s.nextSibling),qe.isElementBoundaryEndMarker(n)&&(n.data="",n=n.previousSibling)),this.view=this.template.hydrate(s,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(Tn),this.needsInitialization=this.needsHydration=!1,f.notify(this,di)}disconnect(){super.disconnect(),Wt.hydrationObserver.unobserve(this.source)}static install(){Yt.setStrategy(Wt)}}Wt.hydrationObserver=new Ml(Wt.hydrationObserverHandler);function On(o){const e=class extends o{constructor(){super(),Yt.forCustomElement(this)}$emit(t,i,r){return this.$fastController.emit(t,i,r)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(t,i,r){this.$fastController.onAttributeChangedCallback(t,i,r)}};return je.registerBaseType(e),e}function jl(o,e){return Gt(o)?je.compose(o,e):je.compose(this,o)}function Rl(o,e){return Gt(o)?je.compose(o,e).define().type:je.compose(this,o).define().type}function ql(o){return On(o)}const w=Object.assign(On(HTMLElement),{from:ql,define:Rl,compose:jl});var Wl=Object.defineProperty,Gl=Object.getOwnPropertyDescriptor,K=(o,e,t,i)=>{for(var r=i>1?void 0:i?Gl(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Wl(e,t,r),r};class Y{}K([a({attribute:"aria-atomic"})],Y.prototype,"ariaAtomic",2),K([a({attribute:"aria-busy"})],Y.prototype,"ariaBusy",2),K([a({attribute:"aria-controls"})],Y.prototype,"ariaControls",2),K([a({attribute:"aria-current"})],Y.prototype,"ariaCurrent",2),K([a({attribute:"aria-describedby"})],Y.prototype,"ariaDescribedby",2),K([a({attribute:"aria-details"})],Y.prototype,"ariaDetails",2),K([a({attribute:"aria-disabled"})],Y.prototype,"ariaDisabled",2),K([a({attribute:"aria-errormessage"})],Y.prototype,"ariaErrormessage",2),K([a({attribute:"aria-flowto"})],Y.prototype,"ariaFlowto",2),K([a({attribute:"aria-haspopup"})],Y.prototype,"ariaHaspopup",2),K([a({attribute:"aria-hidden"})],Y.prototype,"ariaHidden",2),K([a({attribute:"aria-invalid"})],Y.prototype,"ariaInvalid",2),K([a({attribute:"aria-keyshortcuts"})],Y.prototype,"ariaKeyshortcuts",2),K([a({attribute:"aria-label"})],Y.prototype,"ariaLabel",2),K([a({attribute:"aria-labelledby"})],Y.prototype,"ariaLabelledby",2),K([a({attribute:"aria-live"})],Y.prototype,"ariaLive",2),K([a({attribute:"aria-owns"})],Y.prototype,"ariaOwns",2),K([a({attribute:"aria-relevant"})],Y.prototype,"ariaRelevant",2),K([a({attribute:"aria-roledescription"})],Y.prototype,"ariaRoledescription",2);const Br={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()}},Be={horizontal:"horizontal",vertical:"vertical"};function Ul(o,e){let t=o.length;for(;t--;)if(e(o[t],t,o))return t;return-1}function An(...o){return o.every(e=>e instanceof HTMLElement)}const ui="ArrowDown",pi="ArrowLeft",bi="ArrowRight",gi="ArrowUp",fi="End",mi="Enter",Xl="Escape",vi="Home",Tr=" ",Kl="Tab";var Ge;(function(o){o.ltr="ltr",o.rtl="rtl"})(Ge||(Ge={}));function Yl(o,e,t){return t<o?e:t>e?o:t}function Or(o,e,t){return Math.min(Math.max(t,o),e)}let Ql=0;function Qt(o=""){return`${o}${Ql++}`}const Ar=o=>o.closest("[dir]")?.dir==="rtl"?Ge.rtl:Ge.ltr;function ve(o){return o?typeof o=="string"?new It(o):"inline"in o?o.inline():o:It.empty}const _r=o=>o.nodeType!==Node.TEXT_NODE||!!o.nodeValue?.trim().length,Zl=":host([hidden]){display:none}";function I(o){return`${Zl}:host{display:${o}}`}class Jl{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 Qo extends Jl{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new Qo(e,t)}constructListener(e){let t=!1;const i=this.styles;return function(){const{matches:s}=this;s&&!t?(e.addStyles(i),t=s):!s&&t&&(e.removeStyles(i),t=s)}}removedCallback(e){e.removeStyles(this.styles)}}const ne=Qo.with(window.matchMedia("(forced-colors)"));Qo.with(window.matchMedia("(prefers-color-scheme: dark)")),Qo.with(window.matchMedia("(prefers-color-scheme: light)"));const _n=CSS.supports("anchor-name: --a"),ec="anchor"in HTMLElement.prototype,En=CSS.supports("selector(:state(g))");class it{}function bt(o){return g`<slot name="end" ${U("end")}>${ve(o.end)}</slot>`.inline()}function Ue(o){return g`<slot name="start" ${U("start")}>${ve(o.start)}</slot>`.inline()}function rt(o,...e){const t=li.locate(o);e.forEach(i=>{Object.getOwnPropertyNames(i.prototype).forEach(s=>{s!=="constructor"&&Object.defineProperty(o.prototype,s,Object.getOwnPropertyDescriptor(i.prototype,s))}),li.locate(i).forEach(s=>t.push(s))})}const Nn=new Map;function l(o){return Nn.get(o)??Nn.set(o,En?`:state(${o})`:`[state--${o}]`).get(o)}function $(o,e,t){if(!(!e||!o)){if(!En){o.shadowRoot.host.toggleAttribute(`state--${e}`,t);return}if(t??!o.states.has(e)){o.states.add(e);return}o.states.delete(e)}}const Er=new WeakMap;function Nr(o,e){if(!o||!e)return!1;if(Er.has(o))return Er.get(o).has(e);const t=new Set(Object.values(o));return Er.set(o,t),t.has(e)}function y(o,e="",t="",i,r=""){$(o,`${r}${e}`,!1),(!i||Nr(i,t))&&$(o,`${r}${t}`,!0)}var tc=Object.defineProperty,oc=Object.getOwnPropertyDescriptor,$i=(o,e,t,i)=>{for(var r=i>1?void 0:i?oc(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&tc(e,t,r),r};class st extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=Qt("accordion-")}expandedChanged(e,t){$(this.elementInternals,"expanded",t)}disabledChanged(e,t){$(this.elementInternals,"disabled",t)}}$i([a({attribute:"heading-level",mode:"fromView",converter:se})],st.prototype,"headinglevel",2),$i([a({mode:"boolean"})],st.prototype,"expanded",2),$i([a({mode:"boolean"})],st.prototype,"disabled",2),$i([a],st.prototype,"id",2);const ic={small:"small",medium:"medium",large:"large",extraLarge:"extra-large"},rc={start:"start",end:"end"};var sc=Object.defineProperty,nc=Object.getOwnPropertyDescriptor,Fr=(o,e,t,i)=>{for(var r=i>1?void 0:i?nc(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&sc(e,t,r),r};class xo extends st{constructor(){super(...arguments),this.block=!1}sizeChanged(e,t){y(this.elementInternals,e,t,ic)}markerPositionChanged(e,t){y(this.elementInternals,e,t,rc,"align-")}blockChanged(e,t){$(this.elementInternals,"block",t)}}Fr([a],xo.prototype,"size",2),Fr([a({attribute:"marker-position"})],xo.prototype,"markerPosition",2),Fr([a({mode:"boolean"})],xo.prototype,"block",2),rt(xo,it);const ac=l("active"),nt=l("align-end"),Fn=l("align-start"),lc=l("anchor"),Mn=l("auto-resize"),cc=l("bad-input"),dc=l("beige"),ko=l("block"),hc=l("blue"),uc=l("bold"),pc=l("bordered"),Xe=l("brand"),bc=l("brass"),gc=l("brown"),fc=l("center"),k=l("checked"),wo=l("circular"),mc=l("cornflower"),vc=l("cranberry"),$c=l("custom-error"),yi=l("danger"),yc=l("dark-green"),xc=l("dark-red"),kc=l("description"),F=l("disabled"),Dn=l("display-shadow"),Ln=l("dot"),wc=l("end"),Mr=l("error"),zt=l("expanded"),xi=l("extra-large"),Co=l("extra-small"),gt=l("filled-darker"),Bt=l("filled-lighter"),Cc=l("fit-center"),Sc=l("fit-contain"),Ic=l("fit-cover"),Pc=l("fit-none"),zc=l("flip-block"),Bc=l("focus-visible"),Tc=l("forest"),at=l("ghost"),Oc=l("gold"),Ac=l("grape"),_c=l("has-message"),Ec=l("huge"),Zt=l("icon"),ki=l("important"),Tt=l("indeterminate"),wi=l("informative"),Nc=l("inline"),Dr=l("inset"),Vn=l("inverted"),Fc=l("italic"),Mc=l("justify"),C=l("large"),Dc=l("lavender"),Lc=l("light-teal"),Vc=l("lilac"),Hc=l("magenta"),jc=l("marigold"),Rc=l("medium"),qc=l("mink"),Wc=l("monospace"),So=l("multiline"),Jt=l("multiple"),Gc=l("navy"),Ci=l("neutral"),Hn=l("nowrap"),Uc=l("numeric"),Xc=l("open"),E=l("outline"),Kc=l("pattern-mismatch"),Yc=l("peach"),Qc=l("pink"),Zc=l("placeholder-shown"),Jc=l("platinum"),ed=l("plum"),D=l("pressed"),$e=l("primary"),td=l("pumpkin"),od=l("purple"),id=l("range-overflow"),rd=l("range-underflow"),sd=l("red"),nd=l("resize-both"),ad=l("resize-horizontal"),ld=l("resize-vertical"),lt=l("rounded"),cd=l("royal-blue"),dd=l("seafoam"),Lr=l("selected"),jn=l("semibold"),Si=l("severe"),hd=l("shadow"),ud=l("size-1000"),pd=l("size-100"),bd=l("size-200"),gd=l("size-400"),fd=l("size-500"),md=l("size-600"),vd=l("size-700"),$d=l("size-800"),yd=l("size-900"),z=l("small"),Io=l("square"),xd=l("steel"),kd=l("step-mismatch"),Rn=l("strikethrough"),Po=l("strong"),Ii=l("submenu"),T=l("subtle"),Ot=l("success"),wd=l("teal"),ft=l("tint"),zo=l("tiny"),Cd=l("too-long"),Sd=l("too-short"),V=l("transparent"),qn=l("truncate"),Id=l("type-mismatch"),At=l("underline"),Pd=l("user-invalid"),zd=l("valid"),Bd=l("value-missing"),P=l("vertical"),_t=l("warning"),_="var(--colorNeutralForeground1)",Vr="var(--colorNeutralForeground1Hover)",Td="var(--colorNeutralForeground1Pressed)",Me="var(--colorNeutralForeground2)",Bo="var(--colorNeutralForeground2Hover)",To="var(--colorNeutralForeground2Pressed)",Od="var(--colorNeutralForeground2Selected)",Pi="var(--colorNeutralForeground2BrandHover)",zi="var(--colorNeutralForeground2BrandPressed)",Ad="var(--colorNeutralForeground2BrandSelected)",ue="var(--colorNeutralForeground3)",_d="var(--colorNeutralForeground3Hover)",Ed="var(--colorNeutralForeground3Pressed)",Hr="var(--colorNeutralForeground4)",O="var(--colorNeutralForegroundDisabled)",Nd="var(--colorBrandForegroundLink)",Fd="var(--colorBrandForegroundLinkHover)",Md="var(--colorBrandForegroundLinkPressed)",Dd="var(--colorNeutralForeground2Link)",Ld="var(--colorNeutralForeground2LinkHover)",Vd="var(--colorNeutralForeground2LinkPressed)",Wn="var(--colorCompoundBrandForeground1Hover)",Hd="var(--colorCompoundBrandForeground1Pressed)",ct="var(--colorNeutralForegroundOnBrand)",Et="var(--colorNeutralForegroundInverted)",jd="var(--colorNeutralForegroundInvertedHover)",Rd="var(--colorNeutralForegroundInvertedPressed)",Gn="var(--colorNeutralForegroundStaticInverted)",jr="var(--colorBrandForeground1)",qd="var(--colorBrandForeground2)",Wd="var(--colorNeutralForeground1Static)",A="var(--colorNeutralBackground1)",Bi="var(--colorNeutralBackground1Hover)",Ti="var(--colorNeutralBackground1Pressed)",Un="var(--colorNeutralBackground1Selected)",Oo="var(--colorNeutralBackground3)",Gd="var(--colorNeutralBackground4)",Ud="var(--colorNeutralBackground5)",Oi="var(--colorNeutralBackground6)",Xn="var(--colorNeutralBackgroundInverted)",Xd="var(--colorSubtleBackground)",Ai="var(--colorSubtleBackgroundHover)",eo="var(--colorSubtleBackgroundPressed)",Kd="var(--colorSubtleBackgroundSelected)",Te="var(--colorTransparentBackground)",Rr="var(--colorTransparentBackgroundHover)",qr="var(--colorTransparentBackgroundPressed)",Yd="var(--colorTransparentBackgroundSelected)",mt="var(--colorNeutralBackgroundDisabled)",Wr="var(--colorBackgroundOverlay)",Gr="var(--colorBrandBackground)",Kn="var(--colorBrandBackgroundHover)",Yn="var(--colorBrandBackgroundPressed)",Qd="var(--colorBrandBackgroundSelected)",Nt="var(--colorCompoundBrandBackground)",to="var(--colorCompoundBrandBackgroundHover)",oo="var(--colorCompoundBrandBackgroundPressed)",Qn="var(--colorBrandBackgroundStatic)",Zd="var(--colorBrandBackground2)",Ke="var(--colorNeutralStrokeAccessible)",Ft="var(--colorNeutralStrokeAccessibleHover)",Mt="var(--colorNeutralStrokeAccessiblePressed)",Ye="var(--colorNeutralStroke1)",io="var(--colorNeutralStroke1Hover)",Ao="var(--colorNeutralStroke1Pressed)",_o="var(--colorNeutralStroke2)",Jd="var(--colorNeutralStroke3)",eh="var(--colorNeutralStrokeOnBrand2)",Zn="var(--colorBrandStroke1)",Ur="var(--colorBrandStroke2)",Dt="var(--colorCompoundBrandStroke)",th="var(--colorCompoundBrandStrokeHover)",Jn="var(--colorCompoundBrandStrokePressed)",Oe="var(--colorNeutralStrokeDisabled)",ae="var(--colorTransparentStroke)",Xr="var(--colorTransparentStrokeInteractive)",Kr="var(--colorStrokeFocus1)",De="var(--colorStrokeFocus2)",oh="var(--colorNeutralShadowAmbient)",ih="var(--colorNeutralShadowKey)",ea="var(--colorPaletteRedBackground1)",rh="var(--colorPaletteRedBackground2)",ta="var(--colorPaletteRedBackground3)",oa="var(--colorPaletteRedBorder1)",Yr="var(--colorPaletteRedBorder2)",ia="var(--colorPaletteRedForeground1)",sh="var(--colorPaletteRedForeground2)",ra="var(--colorPaletteRedForeground3)",sa="var(--colorPaletteGreenBackground1)",na="var(--colorPaletteGreenBackground3)",nh="var(--colorPaletteGreenBorder1)",ah="var(--colorPaletteGreenBorder2)",lh="var(--colorPaletteGreenForeground1)",ch="var(--colorPaletteGreenForeground2)",dh="var(--colorPaletteGreenForeground3)",aa="var(--colorPaletteDarkOrangeBackground1)",la="var(--colorPaletteDarkOrangeBackground3)",ca="var(--colorPaletteDarkOrangeBorder1)",hh="var(--colorPaletteDarkOrangeForeground1)",da="var(--colorPaletteDarkOrangeForeground3)",uh="var(--colorPaletteYellowBackground1)",ph="var(--colorPaletteYellowBackground3)",bh="var(--colorPaletteYellowBorder1)",Qr="var(--colorPaletteYellowForeground2)",ha="var(--colorPaletteMarigoldBackground2)",gh="var(--colorPaletteMarigoldBackground3)",fh="var(--colorPaletteMarigoldForeground2)",mh="var(--colorPaletteAnchorBackground2)",vh="var(--colorPaletteAnchorForeground2)",$h="var(--colorPaletteBeigeBackground2)",yh="var(--colorPaletteBeigeForeground2)",xh="var(--colorPaletteBlueBackground2)",kh="var(--colorPaletteBlueForeground2)",wh="var(--colorPaletteBrassBackground2)",Ch="var(--colorPaletteBrassForeground2)",Sh="var(--colorPaletteBrownBackground2)",Ih="var(--colorPaletteBrownForeground2)",Ph="var(--colorPaletteCornflowerBackground2)",zh="var(--colorPaletteCornflowerForeground2)",Bh="var(--colorPaletteCranberryBackground2)",Th="var(--colorPaletteCranberryForeground2)",Oh="var(--colorPaletteDarkGreenBackground2)",Ah="var(--colorPaletteDarkGreenForeground2)",_h="var(--colorPaletteDarkRedBackground2)",Eh="var(--colorPaletteDarkRedForeground2)",Nh="var(--colorPaletteForestBackground2)",Fh="var(--colorPaletteForestForeground2)",Mh="var(--colorPaletteGoldBackground2)",Dh="var(--colorPaletteGoldForeground2)",Lh="var(--colorPaletteGrapeBackground2)",Vh="var(--colorPaletteGrapeForeground2)",Hh="var(--colorPaletteLavenderBackground2)",jh="var(--colorPaletteLavenderForeground2)",Rh="var(--colorPaletteLightTealBackground2)",qh="var(--colorPaletteLightTealForeground2)",Wh="var(--colorPaletteLilacBackground2)",Gh="var(--colorPaletteLilacForeground2)",Uh="var(--colorPaletteMagentaBackground2)",Xh="var(--colorPaletteMagentaForeground2)",Kh="var(--colorPaletteMinkBackground2)",Yh="var(--colorPaletteMinkForeground2)",Qh="var(--colorPaletteNavyBackground2)",Zh="var(--colorPaletteNavyForeground2)",Jh="var(--colorPalettePeachBackground2)",eu="var(--colorPalettePeachForeground2)",tu="var(--colorPalettePinkBackground2)",ou="var(--colorPalettePinkForeground2)",iu="var(--colorPalettePlatinumBackground2)",ru="var(--colorPalettePlatinumForeground2)",su="var(--colorPalettePlumBackground2)",nu="var(--colorPalettePlumForeground2)",au="var(--colorPalettePumpkinBackground2)",lu="var(--colorPalettePumpkinForeground2)",cu="var(--colorPalettePurpleBackground2)",du="var(--colorPalettePurpleForeground2)",hu="var(--colorPaletteRoyalBlueBackground2)",uu="var(--colorPaletteRoyalBlueForeground2)",pu="var(--colorPaletteSeafoamBackground2)",bu="var(--colorPaletteSeafoamForeground2)",gu="var(--colorPaletteSteelBackground2)",fu="var(--colorPaletteSteelForeground2)",mu="var(--colorPaletteTealBackground2)",vu="var(--colorPaletteTealForeground2)",_i="var(--borderRadiusNone)",Le="var(--borderRadiusSmall)",B="var(--borderRadiusMedium)",ua="var(--borderRadiusLarge)",pa="var(--borderRadiusXLarge)",we="var(--borderRadiusCircular)",x="var(--fontFamilyBase)",$u="var(--fontFamilyMonospace)",yu="var(--fontFamilyNumeric)",Eo="var(--fontSizeBase100)",W="var(--fontSizeBase200)",M="var(--fontSizeBase300)",ye="var(--fontSizeBase400)",ro="var(--fontSizeBase500)",Ei="var(--fontSizeBase600)",ba="var(--fontSizeHero700)",ga="var(--fontSizeHero800)",fa="var(--fontSizeHero900)",ma="var(--fontSizeHero1000)",H="var(--fontWeightRegular)",xu="var(--fontWeightMedium)",G="var(--fontWeightSemibold)",Ni="var(--fontWeightBold)",Fi="var(--lineHeightBase100)",J="var(--lineHeightBase200)",j="var(--lineHeightBase300)",Ce="var(--lineHeightBase400)",Mi="var(--lineHeightBase500)",va="var(--lineHeightBase600)",$a="var(--lineHeightHero700)",ya="var(--lineHeightHero800)",xa="var(--lineHeightHero900)",ka="var(--lineHeightHero1000)",Zr="var(--shadow2)",Di="var(--shadow4)",ku="var(--shadow8)",Jr="var(--shadow16)",wu="var(--shadow28)",wa="var(--shadow64)",N="var(--strokeWidthThin)",Se="var(--strokeWidthThick)",pe="var(--strokeWidthThicker)",es="var(--strokeWidthThickest)",ee="var(--spacingHorizontalXXS)",Ae="var(--spacingHorizontalXS)",le="var(--spacingHorizontalSNudge)",Qe="var(--spacingHorizontalS)",be="var(--spacingHorizontalMNudge)",xe="var(--spacingHorizontalM)",Cu="var(--spacingHorizontalL)",Su="var(--spacingHorizontalXL)",Iu="var(--spacingHorizontalXXL)",No="var(--spacingVerticalXXS)",so="var(--spacingVerticalXS)",Ze="var(--spacingVerticalSNudge)",te="var(--spacingVerticalS)",no="var(--spacingVerticalMNudge)",Pu="var(--spacingVerticalM)",Li="var(--spacingVerticalL)",Fo="var(--spacingVerticalXXL)",ts="var(--durationUltraFast)",os="var(--durationFaster)",Vi="var(--durationNormal)",is="var(--durationGentle)",Ca="var(--durationSlow)",Sa="var(--durationSlower)",Hi="var(--durationUltraSlow)",zu="var(--curveAccelerateMax)",Lt="var(--curveAccelerateMid)",Bu="var(--curveAccelerateMin)",rs="var(--curveDecelerateMax)",Vt="var(--curveDecelerateMid)",Tu="var(--curveDecelerateMin)",Ou="var(--curveEasyEaseMax)",ji="var(--curveEasyEase)",ss="var(--curveLinear)",Au=p`
|
|
2
|
-
${
|
|
1
|
+
const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements});let ci;const Vs="fast-kernel";try{if(document.currentScript)ci=document.currentScript.getAttribute(Vs);else{const o=document.getElementsByTagName("script");ci=o[o.length-1].getAttribute(Vs)}}catch{ci="isolate"}let Ct;switch(ci){case"share":Ct=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":Ct=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)}`;Ct=Object.freeze({updateQueue:`1.2${o}`,observable:`2.2${o}`,contextEvent:`3.2${o}`,elementRegistry:`4.2${o}`});break}const Kt=o=>typeof o=="function",Re=o=>typeof o=="string",js=()=>{};var kr=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};(function(){if(!(typeof globalThis<"u"))if(typeof kr<"u")kr.globalThis=kr;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 Rs={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},Rs));const he=globalThis.FAST;if(he.getById===void 0){const o=Object.create(null);Reflect.defineProperty(he,"getById",Object.assign({value(e,t){let i=o[e];return i===void 0&&(i=t?o[e]=t():null),i}},Rs))}he.error===void 0&&Object.assign(he,{warn(){},error(o){return new Error(`Error ${o}`)},addMessages(){}});const Il=Object.freeze([]);function wr(){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 qs(){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 St(o){o.prototype.toJSON=js}const ie=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),Gs=o=>o,Pl=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:Gs}):{createHTML:Gs};let di=Object.freeze({createHTML(o){return Pl.createHTML(o)},protect(o,e,t,i){return i}});const zl=di,It=Object.freeze({get policy(){return di},setPolicy(o){if(di!==zl)throw he.error(1201);di=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)}}),re=he.getById(Ct.updateQueue,()=>{const o=[],e=[],t=globalThis.requestAnimationFrame;let i=!0;function r(){if(e.length)throw e.shift()}function s(u){try{u.call()}catch(h){if(i)e.push(h),setTimeout(r,0);else throw o.length=0,h}}function n(){let h=0;for(;h<o.length;)if(s(o[h]),h++,h>1024){for(let c=0,v=o.length-h;c<v;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 Cr{constructor(e,t){this.sub1=void 0,this.sub2=void 0,this.spillover=void 0,this.subject=e,this.sub1=t}has(e){return this.spillover===void 0?this.sub1===e||this.sub2===e:this.spillover.indexOf(e)!==-1}subscribe(e){const t=this.spillover;if(t===void 0){if(this.has(e))return;if(this.sub1===void 0){this.sub1=e;return}if(this.sub2===void 0){this.sub2=e;return}this.spillover=[this.sub1,this.sub2,e],this.sub1=void 0,this.sub2=void 0}else t.indexOf(e)===-1&&t.push(e)}unsubscribe(e){const t=this.spillover;if(t===void 0)this.sub1===e?this.sub1=void 0:this.sub2===e&&(this.sub2=void 0);else{const i=t.indexOf(e);i!==-1&&t.splice(i,1)}}notify(e){const t=this.spillover,i=this.subject;if(t===void 0){const r=this.sub1,s=this.sub2;r!==void 0&&r.handleChange(i,e),s!==void 0&&s.handleChange(i,e)}else for(let r=0,s=t.length;r<s;++r)t[r].handleChange(i,e)}}class Ws{constructor(e){this.subscribers={},this.subjectSubscribers=null,this.subject=e}notify(e){var t,i;(t=this.subscribers[e])===null||t===void 0||t.notify(e),(i=this.subjectSubscribers)===null||i===void 0||i.notify(e)}subscribe(e,t){var i,r;let s;t?s=(i=this.subscribers[t])!==null&&i!==void 0?i:this.subscribers[t]=new Cr(this.subject):s=(r=this.subjectSubscribers)!==null&&r!==void 0?r:this.subjectSubscribers=new Cr(this.subject),s.subscribe(e)}unsubscribe(e,t){var i,r;t?(i=this.subscribers[t])===null||i===void 0||i.unsubscribe(e):(r=this.subjectSubscribers)===null||r===void 0||r.unsubscribe(e)}}const hi=Object.freeze({unknown:void 0,coupled:1}),f=he.getById(Ct.observable,()=>{const o=re.enqueue,e=/(:|&&|\|\||if|\?\.)/,t=new WeakMap;let i,r=h=>{throw he.error(1101)};function s(h){var c;let v=(c=h.$fastController)!==null&&c!==void 0?c:t.get(h);return v===void 0&&(Array.isArray(h)?v=r(h):t.set(h,v=new Ws(h))),v}const n=qs();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,v){const I=this.field,we=c[I];if(we!==v){c[I]=v;const bt=c[this.callback];Kt(bt)&&bt.call(c,we,v),s(c).notify(this.name)}}}class u extends Cr{constructor(c,v,I=!1){super(c,v),this.expression=c,this.isVolatileBinding=I,this.needsRefresh=!0,this.needsQueue=!0,this.isAsync=!0,this.first=this,this.last=null,this.propertySource=void 0,this.propertyName=void 0,this.notifier=void 0,this.next=void 0}setMode(c){this.isAsync=this.needsQueue=c}bind(c){this.controller=c;const v=this.observe(c.source,c.context);return!c.isBound&&this.requiresUnbind(c)&&c.onUnbind(this),v}requiresUnbind(c){return c.sourceLifetime!==hi.coupled||this.first!==this.last||this.first.propertySource!==c.source}unbind(c){this.dispose()}observe(c,v){this.needsRefresh&&this.last!==null&&this.dispose();const I=i;i=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let we;try{we=this.expression(c,v)}finally{i=I}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,v){const I=this.last,we=s(c),bt=I===null?this.first:{};if(bt.propertySource=c,bt.propertyName=v,bt.notifier=we,we.subscribe(this,v),I!==null){if(!this.needsRefresh){let Ls;i=void 0,Ls=I.propertySource[I.propertyName],i=this,c===Ls&&(this.needsRefresh=!0)}I.next=bt}this.last=bt}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 St(u),Object.freeze({setArrayObserverFactory(h){r=h},getNotifier:s,track(h,c){i&&i.watch(h,c)},trackVolatile(){i&&(i.needsRefresh=!0)},notify(h,c){s(h).notify(c)},defineProperty(h,c){Re(c)&&(c=new d(c)),n(h).push(c),Reflect.defineProperty(h,c.name,{enumerable:!0,get(){return c.getValue(this)},set(v){c.setValue(this,v)}})},getAccessors:n,binding(h,c,v=this.isVolatileBinding(h)){return new u(h,c,v)},isVolatileBinding(h){return e.test(h.toString())}})});function m(o,e){f.defineProperty(o,e)}function Sr(o,e,t){return Object.assign({},t,{get(){return f.trackVolatile(),t.get.apply(this)}})}const Xs=he.getById(Ct.contextEvent,()=>{let o=null;return{get(){return o},set(e){o=e}}}),Yt=Object.freeze({default:{index:0,length:0,get event(){return Yt.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return Xs.get()},setEvent(o){Xs.set(o)}});class ui{constructor(e,t,i=!1){this.evaluate=e,this.policy=t,this.isVolatile=i}}class Tl extends ui{createObserver(e){return f.binding(this.evaluate,e,this.isVolatile)}}function Ir(o,e,t=f.isVolatileBinding(o)){return new Tl(o,e,t)}class Us extends ui{createObserver(){return this}bind(e){return this.evaluate(e.source,e.context)}}St(Us);function Ks(o,e){return new Us(o,e)}let Ys;function Qs(o){return o.map(e=>e instanceof Be?Qs(e.styles):[e]).reduce((e,t)=>e.concat(t),[])}class Be{constructor(e){this.styles=e,this.targets=new WeakSet,this._strategy=null,this.behaviors=e.map(t=>t instanceof Be?t.behaviors:null).reduce((t,i)=>i===null?t:t===null?i:t.concat(i),null)}get strategy(){return this._strategy===null&&this.withStrategy(Ys),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(Qs(this.styles)),this}static setDefaultStrategy(e){Ys=e}static normalize(e){return e===void 0?void 0:Array.isArray(e)?new Be(e):e instanceof Be?e:new Be([e])}}Be.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const Pr=wr(),zr=Object.freeze({getForInstance:Pr.getForInstance,getByType:Pr.getByType,define(o){return Pr.register({type:o}),o}});function Tr(o,e,t){e.source.style.setProperty(o.targetAspect,t.bind(e))}class Br{constructor(e,t){this.dataBinding=e,this.targetAspect=t}createCSS(e){return e(this),`var(${this.targetAspect})`}addedCallback(e){var t;const i=e.source;if(!i.$cssBindings){i.$cssBindings=new Map;const s=i.setAttribute;i.setAttribute=(n,d)=>{s.call(i,n,d),n==="style"&&i.$cssBindings.forEach((u,h)=>Tr(h,u.controller,u.observer))}}const r=(t=e[this.targetAspect])!==null&&t!==void 0?t:e[this.targetAspect]=this.dataBinding.createObserver(this,this);r.controller=e,e.source.$cssBindings.set(this,{controller:e,observer:r})}connectedCallback(e){Tr(this,e,e[this.targetAspect])}removedCallback(e){e.source.$cssBindings&&e.source.$cssBindings.delete(this)}handleChange(e,t){Tr(this,t.controller,t)}}zr.define(Br);const Bl=`${Math.random().toString(36).substring(2,8)}`;let Ol=0;const Zs=()=>`--v${Bl}${++Ol}`;function Js(o,e){const t=[];let i="";const r=[],s=n=>{r.push(n)};for(let n=0,d=o.length-1;n<d;++n){i+=o[n];let u=e[n];Kt(u)?u=new Br(Ir(u),Zs()).createCSS(s):u instanceof ui?u=new Br(u,Zs()).createCSS(s):zr.getForInstance(u)!==void 0&&(u=u.createCSS(s)),u instanceof Be||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:r}}const p=(o,...e)=>{const{styles:t,behaviors:i}=Js(o,e),r=new Be(t);return i.length?r.withBehaviors(...i):r};class en{constructor(e,t){this.behaviors=t,this.css="";const i=e.reduce((r,s)=>(Re(s)?this.css+=s:r.push(s),r),[]);i.length&&(this.styles=new Be(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)}}zr.define(en),p.partial=(o,...e)=>{const{styles:t,behaviors:i}=Js(o,e);return new en(t,i)};const tn=/fe-b\$\$start\$\$(\d+)\$\$(.+)\$\$fe-b/,on=/fe-b\$\$end\$\$(\d+)\$\$(.+)\$\$fe-b/,rn=/fe-repeat\$\$start\$\$(\d+)\$\$fe-repeat/,sn=/fe-repeat\$\$end\$\$(\d+)\$\$fe-repeat/,nn=/^(?:.{0,1000})fe-eb\$\$start\$\$(.+?)\$\$fe-eb/,an=/fe-eb\$\$end\$\$(.{0,1000})\$\$fe-eb(?:.{0,1000})$/;function ln(o){return o&&o.nodeType===Node.COMMENT_NODE}const qe=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 tn.test(o)},isContentBindingEndMarker(o){return on.test(o)},isRepeatViewStartMarker(o){return rn.test(o)},isRepeatViewEndMarker(o){return sn.test(o)},isElementBoundaryStartMarker(o){return ln(o)&&nn.test(o.data.trim())},isElementBoundaryEndMarker(o){return ln(o)&&an.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 hn(tn,o)},parseContentBindingEndMarker(o){return hn(on,o)},parseRepeatStartMarker(o){return cn(rn,o)},parseRepeatEndMarker(o){return cn(sn,o)},parseElementBoundaryStartMarker(o){return dn(nn,o.trim())},parseElementBoundaryEndMarker(o){return dn(an,o)}});function cn(o,e){const t=o.exec(e);return t===null?t:parseInt(t[1])}function dn(o,e){const t=o.exec(e);return t===null?t:t[1]}function hn(o,e){const t=o.exec(e);return t===null?t:[parseInt(t[1]),t[2]]}const pi=Symbol.for("fe-hydration");function bi(o){return o[pi]===pi}const Or=`fast-${Math.random().toString(36).substring(2,8)}`,gi=`${Or}{`,Co=`}${Or}`,Al=Co.length;let _l=0;const So=()=>`${Or}-${++_l}`,un=Object.freeze({interpolation:o=>`${gi}${o}${Co}`,attribute:o=>`${So()}="${gi}${o}${Co}"`,comment:o=>`<!--${gi}${o}${Co}-->`}),fi=Object.freeze({parse(o,e){const t=o.split(gi);if(t.length===1)return null;const i=[];for(let r=0,s=t.length;r<s;++r){const n=t[r],d=n.indexOf(Co);let u;if(d===-1)u=n;else{const h=n.substring(0,d);i.push(e[h]),u=n.substring(d+Al)}u!==""&&i.push(u)}return i}}),Ar=wr(),De=Object.freeze({getForInstance:Ar.getForInstance,getByType:Ar.getByType,define(o,e){return e=e||{},e.type=o,Ar.register(e),o},assignAspect(o,e){if(!e){o.aspectType=ie.content;return}switch(o.sourceAspect=e,e[0]){case":":o.targetAspect=e.substring(1),o.aspectType=o.targetAspect==="classList"?ie.tokenList:ie.property;break;case"?":o.targetAspect=e.substring(1),o.aspectType=ie.booleanAttribute;break;case"@":o.targetAspect=e.substring(1),o.aspectType=ie.event;break;default:o.targetAspect=e,o.aspectType=ie.attribute;break}}});class _r{constructor(e){this.options=e}createHTML(e){return un.attribute(e(this))}createBehavior(){return this}}St(_r);class pn extends Error{constructor(e,t,i){super(e),this.factories=t,this.node=i}}function Er(o){return o.nodeType===Node.COMMENT_NODE}function bn(o){return o.nodeType===Node.TEXT_NODE}function gn(o,e){const t=document.createRange();return t.setStart(o,0),t.setEnd(e,Er(e)||bn(e)?e.data.length:e.childNodes.length),t}function El(o){return o instanceof DocumentFragment&&"mode"in o}function Nl(o,e,t){const i=gn(o,e),r=i.commonAncestorContainer,s=document.createTreeWalker(r,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=s.currentNode=o;for(;u!==null;){switch(u.nodeType){case Node.ELEMENT_NODE:{Fl(u,t,n);break}case Node.COMMENT_NODE:{Ml(u,s,t,n,d);break}}u=s.nextNode()}return i.detach(),{targets:n,boundaries:d}}function Fl(o,e,t){const i=qe.parseAttributeBinding(o);if(i!==null){for(const r of i){if(!e[r])throw new pn(`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);mi(e[r],o,t)}o.removeAttribute(qe.attributeMarkerName)}}function Ml(o,e,t,i,r){if(qe.isElementBoundaryStartMarker(o)){Dl(o,e);return}if(qe.isContentBindingStartMarker(o.data)){const s=qe.parseContentBindingStartMarker(o.data);if(s===null)return;const[n,d]=s,u=t[n],h=[];let c=e.nextSibling();o.data="";const v=c;for(;c!==null;){if(Er(c)){const I=qe.parseContentBindingEndMarker(c.data);if(I&&I[1]===d)break}h.push(c),c=e.nextSibling()}if(c===null){const I=o.getRootNode();throw new Error(`Error hydrating Comment node inside "${El(I)?I.host.nodeName:I.nodeName}".`)}if(c.data="",h.length===1&&bn(h[0]))mi(u,h[0],i);else{c!==v&&c.previousSibling!==null&&(r[u.targetNodeId]={first:v,last:c.previousSibling});const I=c.parentNode.insertBefore(document.createTextNode(""),c);mi(u,I,i)}}}function Dl(o,e){const t=qe.parseElementBoundaryStartMarker(o.data);let i=e.nextSibling();for(;i!==null;){if(Er(i)){const r=qe.parseElementBoundaryEndMarker(i.data);if(r&&r===t)break}i=e.nextSibling()}}function mi(o,e,t){if(o.targetNodeId===void 0)throw new Error("Factory could not be target to the node");t[o.targetNodeId]=e}var fn;function Nr(o,e){const t=o.parentNode;let i=o,r;for(;i!==e;){if(r=i.nextSibling,!r)throw new Error(`Unmatched first/last child inside "${e.getRootNode().host.nodeName}".`);t.removeChild(i),i=r}t.removeChild(e)}class mn{constructor(){this.index=0,this.length=0}get event(){return Yt.getEvent()}get isEven(){return this.index%2===0}get isOdd(){return this.index%2!==0}get isFirst(){return this.index===0}get isInMiddle(){return!this.isFirst&&!this.isLast}get isLast(){return this.index===this.length-1}eventDetail(){return this.event.detail}eventTarget(){return this.event.target}}class vi extends mn{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=hi.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 r=this.firstChild,s;for(;r!==t;)s=r.nextSibling,i.insertBefore(r,e),r=s;i.insertBefore(t,e)}}remove(){const e=this.fragment,t=this.lastChild;let i=this.firstChild,r;for(;i!==t;)r=i.nextSibling,e.appendChild(i),i=r;e.appendChild(t)}dispose(){Nr(this.firstChild,this.lastChild),this.unbind()}onUnbind(e){this.unbindables.push(e)}bind(e,t=this){if(this.source===e)return;let i=this.behaviors;if(i===null){this.source=e,this.context=t,this.behaviors=i=new Array(this.factories.length);const r=this.factories;for(let s=0,n=r.length;s<n;++s){const d=r[s].createBehavior();d.bind(this),i[s]=d}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;for(let r=0,s=i.length;r<s;++r)i[r].bind(this)}this.isBound=!0}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}evaluateUnbindables(){const e=this.unbindables;for(let t=0,i=e.length;t<i;++t)e[t].unbind(this);e.length=0}static disposeContiguousBatch(e){if(e.length!==0){Nr(e[0].firstChild,e[e.length-1].lastChild);for(let t=0,i=e.length;t<i;++t)e[t].unbind()}}}St(vi),f.defineProperty(vi.prototype,"index"),f.defineProperty(vi.prototype,"length");const Qt={unhydrated:"unhydrated",hydrating:"hydrating",hydrated:"hydrated"};class Hl extends Error{constructor(e,t,i,r){super(e),this.factory=t,this.fragment=i,this.templateString=r}}class Ll extends mn{constructor(e,t,i,r){super(),this.firstChild=e,this.lastChild=t,this.sourceTemplate=i,this.hostBindingTarget=r,this[fn]=pi,this.context=this,this.source=null,this.isBound=!1,this.sourceLifetime=hi.unknown,this.unbindables=[],this.fragment=null,this.behaviors=null,this._hydrationStage=Qt.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 r=this.firstChild,s;for(;r!==t;)s=r.nextSibling,i.insertBefore(r,e),r=s;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,r;for(;i!==t;){if(r=i.nextSibling,!r)throw new Error(`Unmatched first/last child inside "${t.getRootNode().host.nodeName}".`);e.appendChild(i),i=r}e.appendChild(t)}bind(e,t=this){var i,r;if(this.hydrationStage!==Qt.hydrated&&(this._hydrationStage=Qt.hydrating),this.source===e)return;let s=this.behaviors;if(s===null){this.source=e,this.context=t;try{const{targets:d,boundaries:u}=Nl(this.firstChild,this.lastChild,this.factories);this._targets=d,this._bindingViewBoundaries=u}catch(d){if(d instanceof pn){let u=this.sourceTemplate.html;typeof u!="string"&&(u=u.innerHTML),d.templateString=u}throw d}this.behaviors=s=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&&mi(h,this.hostBindingTarget,this._targets),h.targetNodeId in this.targets){const c=h.createBehavior();c.bind(this),s[d]=c}else{let c=this.sourceTemplate.html;throw typeof c!="string"&&(c=c.innerHTML),new Hl(`HydrationView was unable to successfully target bindings inside "${(r=((i=this.firstChild)===null||i===void 0?void 0:i.getRootNode()).host)===null||r===void 0?void 0:r.nodeName}".`,h,gn(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=s.length;n<d;++n)s[n].bind(this)}this.isBound=!0,this._hydrationStage=Qt.hydrated}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}dispose(){Nr(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}}fn=pi,St(Ll);function Vl(o){return o.create!==void 0}function jl(o,e,t,i){if(t==null&&(t=""),Vl(t)){o.textContent="";let r=o.$fastView;if(r===void 0)if(bi(i)&&bi(t)&&i.bindingViewBoundaries[this.targetNodeId]!==void 0&&i.hydrationStage!==Qt.hydrated){const s=i.bindingViewBoundaries[this.targetNodeId];r=t.hydrate(s.first,s.last)}else r=t.create();else o.$fastTemplate!==t&&(r.isComposed&&(r.remove(),r.unbind()),r=t.create());r.isComposed?r.needsBindOnly&&(r.needsBindOnly=!1,r.bind(i.source,i.context)):(r.isComposed=!0,r.bind(i.source,i.context),r.insertBefore(o),o.$fastView=r,o.$fastTemplate=t)}else{const r=o.$fastView;r!==void 0&&r.isComposed&&(r.isComposed=!1,r.remove(),r.needsBindOnly?r.needsBindOnly=!1:r.unbind()),o.textContent=t}}function Rl(o,e,t){var i;const r=`${this.id}-t`,s=(i=o[r])!==null&&i!==void 0?i:o[r]={v:0,cv:Object.create(null)},n=s.cv;let d=s.v;const u=o[e];if(t!=null&&t.length){const h=t.split(/\s+/);for(let c=0,v=h.length;c<v;++c){const I=h[c];I!==""&&(n[I]=d,u.add(I))}}if(s.v=d+1,d!==0){d-=1;for(const h in n)n[h]===d&&u.remove(h)}}const ql={[ie.attribute]:It.setAttribute,[ie.booleanAttribute]:It.setBooleanAttribute,[ie.property]:(o,e,t)=>o[e]=t,[ie.content]:jl,[ie.tokenList]:Rl,[ie.event]:()=>{}};class Zt{constructor(e){this.dataBinding=e,this.updateTarget=null,this.aspectType=ie.content}createHTML(e){return un.interpolation(e(this))}createBehavior(){var e;if(this.updateTarget===null){const t=ql[this.aspectType],i=(e=this.dataBinding.policy)!==null&&e!==void 0?e:this.policy;if(!t)throw he.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],r=bi(e)&&e.hydrationStage&&e.hydrationStage!==Qt.hydrated;switch(this.aspectType){case ie.event:i[this.data]=e,i.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case ie.content:e.onUnbind(this);default:const s=(t=i[this.data])!==null&&t!==void 0?t:i[this.data]=this.dataBinding.createObserver(this,this);if(s.target=i,s.controller=e,r&&(this.aspectType===ie.attribute||this.aspectType===ie.booleanAttribute)){s.bind(e);break}this.updateTarget(i,this.targetAspect,s.bind(e),e);break}}unbind(e){const i=e.targets[this.targetNodeId].$fastView;i!==void 0&&i.isComposed&&(i.unbind(),i.needsBindOnly=!0)}handleEvent(e){const t=e.currentTarget[this.data];if(t.isBound){Yt.setEvent(e);const i=this.dataBinding.evaluate(t.source,t.context);Yt.setEvent(null),i!==!0&&e.preventDefault()}}handleChange(e,t){const i=t.target,r=t.controller;this.updateTarget(i,this.targetAspect,t.bind(r),r)}}De.define(Zt,{aspected:!0});const vn=(o,e)=>`${o}.${e}`,$n={},Ge={index:0,node:null};function yn(o){o.startsWith("fast-")||he.warn(1204,{name:o})}const Gl=new Proxy(document.createElement("div"),{get(o,e){yn(e);const t=Reflect.get(o,e);return Kt(t)?t.bind(o):t},set(o,e,t){return yn(e),Reflect.set(o,e,t)}});class Wl{constructor(e,t,i){this.fragment=e,this.directives=t,this.policy=i,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(e,t,i,r,s){var n,d;this.nodeIds.has(i)||(this.nodeIds.add(i),this.addTargetDescriptor(t,i,r)),e.id=(n=e.id)!==null&&n!==void 0?n:So(),e.targetNodeId=i,e.targetTagName=s,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 r=this.descriptors;if(t==="r"||t==="h"||r[t])return;if(!r[e]){const n=e.lastIndexOf("."),d=e.substring(0,n),u=parseInt(e.substring(n+1));this.addTargetDescriptor(d,e,u)}let s=$n[t];if(!s){const n=`_${t}`;$n[t]=s={get(){var d;return(d=this[n])!==null&&d!==void 0?d:this[n]=this[e].childNodes[i]}}}r[t]=s}createView(e){const t=this.fragment.cloneNode(!0),i=Object.create(this.proto);i.r=t,i.h=e??Gl;for(const r of this.nodeIds)i[r];return new vi(t,this.factories,i)}}function xn(o,e,t,i,r,s=!1){const n=t.attributes,d=o.directives;for(let u=0,h=n.length;u<h;++u){const c=n[u],v=c.value,I=fi.parse(v,d);let we=null;I===null?s&&(we=new Zt(Ks(()=>v,o.policy)),De.assignAspect(we,c.name)):we=Fr.aggregate(I,o.policy),we!==null&&(t.removeAttributeNode(c),u--,h--,o.addFactory(we,e,i,r,t.tagName))}}function Xl(o,e,t,i,r){const s=fi.parse(e.textContent,o.directives);if(s===null)return Ge.node=e.nextSibling,Ge.index=r+1,Ge;let n,d=n=e;for(let u=0,h=s.length;u<h;++u){const c=s[u];u!==0&&(r++,i=vn(t,r),n=d.parentNode.insertBefore(document.createTextNode(""),d.nextSibling)),Re(c)?n.textContent=c:(n.textContent=" ",De.assignAspect(c),o.addFactory(c,t,i,r,null)),d=n}return Ge.index=r+1,Ge.node=d.nextSibling,Ge}function kn(o,e,t){let i=0,r=e.firstChild;for(;r;){const s=Ul(o,t,r,i);r=s.node,i=s.index}}function Ul(o,e,t,i){const r=vn(e,i);switch(t.nodeType){case 1:xn(o,e,t,r,i),kn(o,t,r);break;case 3:return Xl(o,t,e,r,i);case 8:const s=fi.parse(t.data,o.directives);s!==null&&o.addFactory(Fr.aggregate(s),e,r,i,null);break}return Ge.index=i+1,Ge.node=t.nextSibling,Ge}function Kl(o,e){return o&&o.nodeType==8&&fi.parse(o.data,e)!==null}const wn="TEMPLATE",Fr={compile(o,e,t=It.policy){let i;if(Re(o)){i=document.createElement(wn),i.innerHTML=t.createHTML(o);const n=i.content.firstElementChild;n!==null&&n.tagName===wn&&(i=n)}else i=o;!i.content.firstChild&&!i.content.lastChild&&i.content.appendChild(document.createComment(""));const r=document.adoptNode(i.content),s=new Wl(r,e,t);return xn(s,"",i,"h",0,!0),(Kl(r.firstChild,e)||r.childNodes.length===1&&Object.keys(e).length>0)&&r.insertBefore(document.createComment(""),r.firstChild),kn(s,r,"r"),Ge.node=null,s.freeze()},setDefaultStrategy(o){this.compile=o},aggregate(o,e=It.policy){if(o.length===1)return o[0];let t,i=!1,r;const s=o.length,n=o.map(h=>Re(h)?()=>h:(t=h.sourceAspect||t,i=i||h.dataBinding.isVolatile,r=r||h.dataBinding.policy,h.dataBinding.evaluate)),d=(h,c)=>{let v="";for(let I=0;I<s;++I)v+=n[I](h,c);return v},u=new Zt(Ir(d,r??e,i));return De.assignAspect(u,t),u}},Yl=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,Ql=Object.create(null);class Pt{constructor(e,t=Ql){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(""),De.define(Pt);function Zl(o,e,t,i=De.getForInstance(o)){if(i.aspected){const r=Yl.exec(e);r!==null&&De.assignAspect(o,r[2])}return o.createHTML(t)}class $r{constructor(e,t={},i){this.policy=i,this.result=null,this.html=e,this.factories=t}compile(){return this.result===null&&(this.result=Fr.compile(this.html,this.factories,this.policy)),this.result}create(e){return this.compile().createView(e)}inline(){return new Pt(Re(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(e){if(this.result)throw he.error(1208);if(this.policy)throw he.error(1207);return this.policy=e,this}render(e,t,i){const r=this.create(i);return r.bind(e),r.appendTo(t),r}static create(e,t,i){let r="";const s=Object.create(null),n=d=>{var u;const h=(u=d.id)!==null&&u!==void 0?u:d.id=So();return s[h]=d,h};for(let d=0,u=e.length-1;d<u;++d){const h=e[d];let c=t[d],v;if(r+=h,Kt(c))c=new Zt(Ir(c));else if(c instanceof ui)c=new Zt(c);else if(!(v=De.getForInstance(c))){const I=c;c=new Zt(Ks(()=>I))}r+=Zl(c,h,n,v)}return new $r(r+e[e.length-1],s,i)}}St($r);const g=(o,...e)=>{if(Array.isArray(o)&&Array.isArray(o.raw))return $r.create(o,e);throw he.error(1206)};g.partial=o=>new Pt(o);class Cn extends _r{bind(e){e.source[this.options]=e.targets[this.targetNodeId]}}De.define(Cn);const X=o=>new Cn(o),Jl=o=>o.nodeType===1,zt=o=>o?e=>e.nodeType===1&&e.matches(o):Jl;class Sn extends _r{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,Il),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 In="slotchange";class Pn extends Sn{observe(e){e.addEventListener(In,this)}disconnect(e){e.removeEventListener(In,this)}getNodes(e){return e.assignedNodes(this.options)}handleEvent(e){const t=e.currentTarget;this.updateTarget(this.getSource(t),this.computeNodes(t))}}De.define(Pn);function U(o){return Re(o)&&(o={property:o}),new Pn(o)}class zn extends Sn{constructor(e){super(e),this.observerProperty=Symbol(),this.handleEvent=(t,i)=>{const r=i.target;this.updateTarget(this.getSource(r),this.computeNodes(r))},e.childList=!0}observe(e){let t=e[this.observerProperty];t||(t=new MutationObserver(this.handleEvent),t.toJSON=js,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)}}De.define(zn);function Mr(o){return Re(o)&&(o={property:o}),new zn(o)}const Tn="boolean",Bn="reflect",$i=Object.freeze({locate:qs()}),ec={toView(o){return o?"true":"false"},fromView(o){return!(o==null||o==="false"||o===!1||o===0)}};function On(o){if(o==null)return null;const e=o*1;return isNaN(e)?null:e}const se={toView(o){const e=On(o);return e&&e.toString()},fromView:On};class yr{constructor(e,t,i=t.toLowerCase(),r=Bn,s){this.guards=new Set,this.Owner=e,this.name=t,this.attribute=i,this.mode=r,this.converter=s,this.fieldName=`_${t}`,this.callbackName=`${t}Changed`,this.hasCallback=this.callbackName in e.prototype,r===Tn&&s===void 0&&(this.converter=ec)}setValue(e,t){const i=e[this.fieldName],r=this.converter;r!==void 0&&(t=r.fromView(t)),i!==t&&(e[this.fieldName]=t,this.tryReflectToAttribute(e),this.hasCallback&&e[this.callbackName](i,t),e.$fastController.notify(this.name))}getValue(e){return 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"||re.enqueue(()=>{i.add(e);const r=e[this.fieldName];switch(t){case Bn:const s=this.converter;It.setAttribute(e,this.attribute,s!==void 0?s.toView(r):r);break;case Tn:It.setBooleanAttribute(e,this.attribute,r);break}i.delete(e)})}static collect(e,...t){const i=[];t.push($i.locate(e));for(let r=0,s=t.length;r<s;++r){const n=t[r];if(n!==void 0)for(let d=0,u=n.length;d<u;++d){const h=n[d];Re(h)?i.push(new yr(e,h)):i.push(new yr(e,h.property,h.attribute,h.mode,h.converter))}}return i}}function a(o,e){let t;function i(r,s){arguments.length>1&&(t.property=s),$i.locate(r.constructor).push(t)}if(arguments.length>1){t={},i(o,e);return}return t=o===void 0?{}:o,i}const An={mode:"open"},_n={},En=new Set,yi=he.getById(Ct.elementRegistry,()=>wr());class je{constructor(e,t=e.definition){var i;this.platformDefined=!1,Re(t)&&(t={name:t}),this.type=e,this.name=t.name,this.template=t.template,this.registry=(i=t.registry)!==null&&i!==void 0?i:customElements;const r=e.prototype,s=yr.collect(e,t.attributes),n=new Array(s.length),d={},u={};for(let h=0,c=s.length;h<c;++h){const v=s[h];n[h]=v.attribute,d[v.name]=v,u[v.attribute]=v,f.defineProperty(r,v)}Reflect.defineProperty(e,"observedAttributes",{value:n,enumerable:!0}),this.attributes=s,this.propertyLookup=d,this.attributeLookup=u,this.shadowOptions=t.shadowOptions===void 0?An:t.shadowOptions===null?void 0:Object.assign(Object.assign({},An),t.shadowOptions),this.elementOptions=t.elementOptions===void 0?_n:Object.assign(Object.assign({},_n),t.elementOptions),this.styles=Be.normalize(t.styles),yi.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 En.has(e)||yi.getByType(e)?new je(class extends e{},t):new je(e,t)}static registerBaseType(e){En.add(e)}}je.getByType=yi.getByType,je.getForInstance=yi.getForInstance;class tc extends MutationObserver{constructor(e){function t(i){this.callback.call(null,i.filter(r=>this.observedNodes.has(r.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,r=!1;return{source:o,context:Yt.default,targets:t,get isBound(){return r},addBehaviorFactory(s,n){var d,u,h,c;const v=s;v.id=(d=v.id)!==null&&d!==void 0?d:So(),v.targetNodeId=(u=v.targetNodeId)!==null&&u!==void 0?u:So(),v.targetTagName=(h=n.tagName)!==null&&h!==void 0?h:null,v.policy=(c=v.policy)!==null&&c!==void 0?c:It.policy,this.addTarget(v.targetNodeId,n),this.addBehavior(v.createBehavior())},addTarget(s,n){t[s]=n},addBehavior(s){e.push(s),r&&s.bind(this)},onUnbind(s){i===null&&(i=[]),i.push(s)},connectedCallback(s){r||(r=!0,e.forEach(n=>n.bind(this)))},disconnectedCallback(s){r&&(r=!1,i!==null&&i.forEach(n=>n.unbind(this)))}}}});const oc={bubbles:!0,composed:!0,cancelable:!0},xi="isConnected",Nn=new WeakMap;function Io(o){var e,t;return(t=(e=o.shadowRoot)!==null&&e!==void 0?e:Nn.get(o))!==null&&t!==void 0?t:null}let Fn;class Jt extends Ws{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 s=e.shadowRoot;s?this.hasExistingShadowRoot=!0:(s=e.attachShadow(i),i.mode==="closed"&&Nn.set(e,s))}const r=f.getAccessors(e);if(r.length>0){const s=this.boundObservables=Object.create(null);for(let n=0,d=r.length;n<d;++n){const u=r[n].name,h=e[u];h!==void 0&&(delete e[u],s[u]=h)}}}get isConnected(){return f.track(this,xi),this.stage===1}get context(){var e,t;return(t=(e=this.view)===null||e===void 0?void 0:e.context)!==null&&t!==void 0?t:Yt.default}get isBound(){var e,t;return(t=(e=this.view)===null||e===void 0?void 0:e.isBound)!==null&&t!==void 0?t:!1}get sourceLifetime(){var e;return(e=this.view)===null||e===void 0?void 0:e.sourceLifetime}get template(){var e;if(this._template===null){const t=this.definition;this.source.resolveTemplate?this._template=this.source.resolveTemplate():t.template&&(this._template=(e=t.template)!==null&&e!==void 0?e:null)}return this._template}set template(e){this._template!==e&&(this._template=e,this.needsInitialization||this.renderTemplate(e))}get mainStyles(){var e;if(this._mainStyles===null){const t=this.definition;this.source.resolveStyles?this._mainStyles=this.source.resolveStyles():t.styles&&(this._mainStyles=(e=t.styles)!==null&&e!==void 0?e:null)}return this._mainStyles}set mainStyles(e){this._mainStyles!==e&&(this._mainStyles!==null&&this.removeStyles(this._mainStyles),this._mainStyles=e,this.needsInitialization||this.addStyles(e))}onUnbind(e){var t;(t=this.view)===null||t===void 0||t.onUnbind(e)}addBehavior(e){var t,i;const r=(t=this.behaviors)!==null&&t!==void 0?t:this.behaviors=new Map,s=(i=r.get(e))!==null&&i!==void 0?i:0;s===0?(r.set(e,1),e.addedCallback&&e.addedCallback(this),e.connectedCallback&&!this.guardBehaviorConnection&&(this.stage===1||this.stage===0)&&e.connectedCallback(this)):r.set(e,s+1)}removeBehavior(e,t=!1){const i=this.behaviors;if(i===null)return;const r=i.get(e);r!==void 0&&(r===1||t?(i.delete(e),e.disconnectedCallback&&this.stage!==3&&e.disconnectedCallback(this),e.removedCallback&&e.removedCallback(this)):i.set(e,r-1))}addStyles(e){var t;if(!e)return;const i=this.source;if(e instanceof HTMLElement)((t=Io(i))!==null&&t!==void 0?t:this.source).append(e);else if(!e.isAttachedTo(i)){const r=e.behaviors;if(e.addStylesTo(i),r!==null)for(let s=0,n=r.length;s<n;++s)this.addBehavior(r[s])}}removeStyles(e){var t;if(!e)return;const i=this.source;if(e instanceof HTMLElement)((t=Io(i))!==null&&t!==void 0?t:i).removeChild(e);else if(e.isAttachedTo(i)){const r=e.behaviors;if(e.removeStylesFrom(i),r!==null)for(let s=0,n=r.length;s<n;++s)this.removeBehavior(r[s])}}connect(){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,xi))}bindObservables(){if(this.boundObservables!==null){const e=this.source,t=this.boundObservables,i=Object.keys(t);for(let r=0,s=i.length;r<s;++r){const n=i[r];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,xi),this.view!==null&&this.view.unbind(),this.disconnectBehaviors(),this.stage=3)}onAttributeChangedCallback(e,t,i){const r=this.definition.attributeLookup[e];r!==void 0&&r.onAttributeChangedCallback(this.source,i)}emit(e,t,i){return this.stage===1?this.source.dispatchEvent(new CustomEvent(e,Object.assign(Object.assign({detail:t},oc),i))):!1}renderTemplate(e){var t;const i=this.source,r=(t=Io(i))!==null&&t!==void 0?t:i;if(this.view!==null)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let s=r.firstChild;s!==null;s=r.firstChild)r.removeChild(s)}e&&(this.view=e.render(i,r,i),this.view.sourceLifetime=hi.coupled)}static forCustomElement(e){const t=e.$fastController;if(t!==void 0)return t;const i=je.getForInstance(e);if(i===void 0)throw he.error(1401);return e.$fastController=new Fn(e,i)}static setStrategy(e){Fn=e}}St(Jt),Jt.setStrategy(Jt);function ki(o){var e;return"adoptedStyleSheets"in o?o:(e=Io(o))!==null&&e!==void 0?e:o.getRootNode()}class xr{constructor(e){const t=xr.styleSheetCache;this.sheets=e.map(i=>{if(i instanceof CSSStyleSheet)return i;let r=t.get(i);return r===void 0&&(r=new CSSStyleSheet,r.replaceSync(i),t.set(i,r)),r})}addStylesTo(e){Dn(ki(e),this.sheets)}removeStylesFrom(e){Hn(ki(e),this.sheets)}}xr.styleSheetCache=new Map;let ic=0;const rc=()=>`fast-${++ic}`;function Mn(o){return o===document?document.body:o}class sc{constructor(e){this.styles=e,this.styleClass=rc()}addStylesTo(e){e=Mn(ki(e));const t=this.styles,i=this.styleClass;for(let r=0;r<t.length;r++){const s=document.createElement("style");s.innerHTML=t[r],s.className=i,e.append(s)}}removeStylesFrom(e){e=Mn(ki(e));const t=e.querySelectorAll(`.${this.styleClass}`);for(let i=0,r=t.length;i<r;++i)e.removeChild(t[i])}}let Dn=(o,e)=>{o.adoptedStyleSheets=[...o.adoptedStyleSheets,...e]},Hn=(o,e)=>{o.adoptedStyleSheets=o.adoptedStyleSheets.filter(t=>e.indexOf(t)===-1)};if(Be.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),Dn=(o,e)=>{o.adoptedStyleSheets.push(...e)},Hn=(o,e)=>{for(const t of e){const i=o.adoptedStyleSheets.indexOf(t);i!==-1&&o.adoptedStyleSheets.splice(i,1)}}}catch{}Be.setDefaultStrategy(xr)}else Be.setDefaultStrategy(sc);const Ln="defer-hydration",Vn="needs-hydration";class Ut extends Jt{static hydrationObserverHandler(e){for(const t of e)Ut.hydrationObserver.unobserve(t.target),t.target.$fastController.connect()}connect(){var e,t;if(this.needsHydration===void 0&&(this.needsHydration=this.source.getAttribute(Vn)!==null),this.source.hasAttribute(Ln)){Ut.hydrationObserver.observe(this.source,{attributeFilter:[Ln]});return}if(!this.needsHydration){super.connect();return}if(this.stage!==3)return;this.stage=0,this.bindObservables(),this.connectBehaviors();const i=this.source,r=(e=Io(i))!==null&&e!==void 0?e:i;if(this.template)if(bi(this.template)){let s=r.firstChild,n=r.lastChild;i.shadowRoot===null&&(qe.isElementBoundaryStartMarker(s)&&(s.data="",s=s.nextSibling),qe.isElementBoundaryEndMarker(n)&&(n.data="",n=n.previousSibling)),this.view=this.template.hydrate(s,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(Vn),this.needsInitialization=this.needsHydration=!1,f.notify(this,xi)}disconnect(){super.disconnect(),Ut.hydrationObserver.unobserve(this.source)}static install(){Jt.setStrategy(Ut)}}Ut.hydrationObserver=new tc(Ut.hydrationObserverHandler);function jn(o){const e=class extends o{constructor(){super(),Jt.forCustomElement(this)}$emit(t,i,r){return this.$fastController.emit(t,i,r)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(t,i,r){this.$fastController.onAttributeChangedCallback(t,i,r)}};return je.registerBaseType(e),e}function nc(o,e){return Kt(o)?je.compose(o,e):je.compose(this,o)}function ac(o,e){return Kt(o)?je.compose(o,e).define().type:je.compose(this,o).define().type}function lc(o){return jn(o)}const k=Object.assign(jn(HTMLElement),{from:lc,define:ac,compose:nc});var cc=Object.defineProperty,dc=Object.getOwnPropertyDescriptor,K=(o,e,t,i)=>{for(var r=i>1?void 0:i?dc(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&cc(e,t,r),r};class Y{}K([a({attribute:"aria-atomic"})],Y.prototype,"ariaAtomic",2),K([a({attribute:"aria-busy"})],Y.prototype,"ariaBusy",2),K([a({attribute:"aria-controls"})],Y.prototype,"ariaControls",2),K([a({attribute:"aria-current"})],Y.prototype,"ariaCurrent",2),K([a({attribute:"aria-describedby"})],Y.prototype,"ariaDescribedby",2),K([a({attribute:"aria-details"})],Y.prototype,"ariaDetails",2),K([a({attribute:"aria-disabled"})],Y.prototype,"ariaDisabled",2),K([a({attribute:"aria-errormessage"})],Y.prototype,"ariaErrormessage",2),K([a({attribute:"aria-flowto"})],Y.prototype,"ariaFlowto",2),K([a({attribute:"aria-haspopup"})],Y.prototype,"ariaHaspopup",2),K([a({attribute:"aria-hidden"})],Y.prototype,"ariaHidden",2),K([a({attribute:"aria-invalid"})],Y.prototype,"ariaInvalid",2),K([a({attribute:"aria-keyshortcuts"})],Y.prototype,"ariaKeyshortcuts",2),K([a({attribute:"aria-label"})],Y.prototype,"ariaLabel",2),K([a({attribute:"aria-labelledby"})],Y.prototype,"ariaLabelledby",2),K([a({attribute:"aria-live"})],Y.prototype,"ariaLive",2),K([a({attribute:"aria-owns"})],Y.prototype,"ariaOwns",2),K([a({attribute:"aria-relevant"})],Y.prototype,"ariaRelevant",2),K([a({attribute:"aria-roledescription"})],Y.prototype,"ariaRoledescription",2);const Dr={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()}},Oe={horizontal:"horizontal",vertical:"vertical"};function hc(o,e){let t=o.length;for(;t--;)if(e(o[t],t,o))return t;return-1}function Hr(...o){return o.every(e=>e instanceof HTMLElement)}const Po="ArrowDown",zo="ArrowLeft",To="ArrowRight",Bo="ArrowUp",Oo="End",Ao="Enter",uc="Escape",_o="Home",wi=" ",pc="Tab";var We;(function(o){o.ltr="ltr",o.rtl="rtl"})(We||(We={}));function bc(o,e,t){return t<o?e:t>e?o:t}function Lr(o,e,t){return Math.min(Math.max(t,o),e)}let gc=0;function eo(o=""){return`${o}${gc++}`}const Vr=o=>o.closest("[dir]")?.dir==="rtl"?We.rtl:We.ltr;function $e(o){return o?typeof o=="string"?new Pt(o):"inline"in o?o.inline():o:Pt.empty}const jr=o=>o.nodeType!==Node.TEXT_NODE||!!o.nodeValue?.trim().length,fc=":host([hidden]){display:none}";function C(o){return`${fc}:host{display:${o}}`}class mc{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 li extends mc{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new li(e,t)}constructListener(e){let t=!1;const i=this.styles;return function(){const{matches:s}=this;s&&!t?(e.addStyles(i),t=s):!s&&t&&(e.removeStyles(i),t=s)}}removedCallback(e){e.removeStyles(this.styles)}}const ne=li.with(window.matchMedia("(forced-colors)"));li.with(window.matchMedia("(prefers-color-scheme: dark)")),li.with(window.matchMedia("(prefers-color-scheme: light)"));const Rn=CSS.supports("anchor-name: --a"),vc="anchor"in HTMLElement.prototype,qn=CSS.supports("selector(:state(g))");class rt{}function gt(o){return g`<slot name="end" ${X("end")}>${$e(o.end)}</slot>`.inline()}function Xe(o){return g`<slot name="start" ${X("start")}>${$e(o.start)}</slot>`.inline()}function st(o,...e){const t=$i.locate(o);e.forEach(i=>{Object.getOwnPropertyNames(i.prototype).forEach(s=>{s!=="constructor"&&Object.defineProperty(o.prototype,s,Object.getOwnPropertyDescriptor(i.prototype,s))}),$i.locate(i).forEach(s=>t.push(s))})}const Gn=new Map;function l(o){return Gn.get(o)??Gn.set(o,qn?`:state(${o})`:`[state--${o}]`).get(o)}function $(o,e,t){if(!(!e||!o)){if(!qn){o.shadowRoot.host.toggleAttribute(`state--${e}`,t);return}if(t??!o.states.has(e)){o.states.add(e);return}o.states.delete(e)}}const Rr=new WeakMap;function qr(o,e){if(!o||!e)return!1;if(Rr.has(o))return Rr.get(o).has(e);const t=new Set(Object.values(o));return Rr.set(o,t),t.has(e)}function y(o,e="",t="",i,r=""){$(o,`${r}${e}`,!1),(!i||qr(i,t))&&$(o,`${r}${t}`,!0)}var $c=Object.defineProperty,yc=Object.getOwnPropertyDescriptor,Ci=(o,e,t,i)=>{for(var r=i>1?void 0:i?yc(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&$c(e,t,r),r};class nt extends k{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=eo("accordion-")}expandedChanged(e,t){$(this.elementInternals,"expanded",t)}disabledChanged(e,t){$(this.elementInternals,"disabled",t)}}Ci([a({attribute:"heading-level",mode:"fromView",converter:se})],nt.prototype,"headinglevel",2),Ci([a({mode:"boolean"})],nt.prototype,"expanded",2),Ci([a({mode:"boolean"})],nt.prototype,"disabled",2),Ci([a],nt.prototype,"id",2);const xc={small:"small",medium:"medium",large:"large",extraLarge:"extra-large"},kc={start:"start",end:"end"};var wc=Object.defineProperty,Cc=Object.getOwnPropertyDescriptor,Gr=(o,e,t,i)=>{for(var r=i>1?void 0:i?Cc(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&wc(e,t,r),r};class Eo extends nt{constructor(){super(...arguments),this.block=!1}sizeChanged(e,t){y(this.elementInternals,e,t,xc)}markerPositionChanged(e,t){y(this.elementInternals,e,t,kc,"align-")}blockChanged(e,t){$(this.elementInternals,"block",t)}}Gr([a],Eo.prototype,"size",2),Gr([a({attribute:"marker-position"})],Eo.prototype,"markerPosition",2),Gr([a({mode:"boolean"})],Eo.prototype,"block",2),st(Eo,rt);const Sc=l("active"),at=l("align-end"),Wn=l("align-start"),Ic=l("anchor"),Xn=l("auto-resize"),Pc=l("bad-input"),zc=l("beige"),No=l("block"),Tc=l("blue"),Bc=l("bold"),Oc=l("bordered"),Ue=l("brand"),Ac=l("brass"),_c=l("brown"),Ec=l("center"),w=l("checked"),Fo=l("circular"),Nc=l("cornflower"),Fc=l("cranberry"),Mc=l("custom-error"),Si=l("danger"),Dc=l("dark-green"),Hc=l("dark-red"),Lc=l("description"),M=l("disabled"),Un=l("display-shadow"),Kn=l("dot"),Vc=l("end"),Wr=l("error"),Tt=l("expanded"),Ii=l("extra-large"),Mo=l("extra-small"),ft=l("filled-darker"),Bt=l("filled-lighter"),jc=l("fit-center"),Rc=l("fit-contain"),qc=l("fit-cover"),Gc=l("fit-none"),Wc=l("flip-block"),Xc=l("focus-visible"),Uc=l("forest"),lt=l("ghost"),Kc=l("gold"),Yc=l("grape"),Qc=l("has-message"),Zc=l("huge"),to=l("icon"),Pi=l("important"),Ot=l("indeterminate"),zi=l("informative"),Jc=l("inline"),Xr=l("inset"),Yn=l("inverted"),ed=l("italic"),td=l("justify"),S=l("large"),od=l("lavender"),id=l("light-teal"),rd=l("lilac"),sd=l("magenta"),nd=l("marigold"),ad=l("medium"),ld=l("mink"),cd=l("monospace"),Do=l("multiline"),oo=l("multiple"),dd=l("navy"),Ti=l("neutral"),Qn=l("nowrap"),hd=l("numeric"),ud=l("open"),E=l("outline"),pd=l("pattern-mismatch"),bd=l("peach"),gd=l("pink"),fd=l("placeholder-shown"),md=l("platinum"),vd=l("plum"),D=l("pressed"),ye=l("primary"),$d=l("pumpkin"),yd=l("purple"),xd=l("range-overflow"),kd=l("range-underflow"),wd=l("red"),Cd=l("resize-both"),Sd=l("resize-horizontal"),Id=l("resize-vertical"),ct=l("rounded"),Pd=l("royal-blue"),zd=l("seafoam"),Ur=l("selected"),Zn=l("semibold"),Bi=l("severe"),Td=l("shadow"),Bd=l("size-1000"),Od=l("size-100"),Ad=l("size-200"),_d=l("size-400"),Ed=l("size-500"),Nd=l("size-600"),Fd=l("size-700"),Md=l("size-800"),Dd=l("size-900"),T=l("small"),Ho=l("square"),Hd=l("steel"),Ld=l("step-mismatch"),Jn=l("strikethrough"),Lo=l("strong"),Oi=l("submenu"),B=l("subtle"),At=l("success"),Vd=l("teal"),mt=l("tint"),Vo=l("tiny"),jd=l("too-long"),Rd=l("too-short"),V=l("transparent"),ea=l("truncate"),qd=l("type-mismatch"),_t=l("underline"),Gd=l("user-invalid"),Wd=l("valid"),Xd=l("value-missing"),P=l("vertical"),Et=l("warning"),_="var(--colorNeutralForeground1)",Kr="var(--colorNeutralForeground1Hover)",Ud="var(--colorNeutralForeground1Pressed)",Ee="var(--colorNeutralForeground2)",io="var(--colorNeutralForeground2Hover)",ro="var(--colorNeutralForeground2Pressed)",Ai="var(--colorNeutralForeground2Selected)",_i="var(--colorNeutralForeground2BrandHover)",Ei="var(--colorNeutralForeground2BrandPressed)",Kd="var(--colorNeutralForeground2BrandSelected)",ue="var(--colorNeutralForeground3)",Yd="var(--colorNeutralForeground3Hover)",Qd="var(--colorNeutralForeground3Pressed)",Zd="var(--colorNeutralForeground3Selected)",Yr="var(--colorNeutralForeground4)",O="var(--colorNeutralForegroundDisabled)",Jd="var(--colorBrandForegroundLink)",eh="var(--colorBrandForegroundLinkHover)",th="var(--colorBrandForegroundLinkPressed)",oh="var(--colorNeutralForeground2Link)",ih="var(--colorNeutralForeground2LinkHover)",rh="var(--colorNeutralForeground2LinkPressed)",ta="var(--colorCompoundBrandForeground1Hover)",sh="var(--colorCompoundBrandForeground1Pressed)",dt="var(--colorNeutralForegroundOnBrand)",Nt="var(--colorNeutralForegroundInverted)",nh="var(--colorNeutralForegroundInvertedHover)",ah="var(--colorNeutralForegroundInvertedPressed)",oa="var(--colorNeutralForegroundStaticInverted)",Qr="var(--colorBrandForeground1)",lh="var(--colorBrandForeground2)",ch="var(--colorNeutralForeground1Static)",A="var(--colorNeutralBackground1)",Ni="var(--colorNeutralBackground1Hover)",Fi="var(--colorNeutralBackground1Pressed)",ia="var(--colorNeutralBackground1Selected)",jo="var(--colorNeutralBackground3)",dh="var(--colorNeutralBackground4)",hh="var(--colorNeutralBackground5)",Mi="var(--colorNeutralBackground6)",ra="var(--colorNeutralBackgroundInverted)",sa="var(--colorSubtleBackground)",Ro="var(--colorSubtleBackgroundHover)",Ft="var(--colorSubtleBackgroundPressed)",na="var(--colorSubtleBackgroundSelected)",uh="var(--colorSubtleBackgroundLightAlphaHover)",ph="var(--colorSubtleBackgroundLightAlphaPressed)",bh="var(--colorSubtleBackgroundLightAlphaSelected)",Ce="var(--colorTransparentBackground)",Di="var(--colorTransparentBackgroundHover)",Hi="var(--colorTransparentBackgroundPressed)",aa="var(--colorTransparentBackgroundSelected)",vt="var(--colorNeutralBackgroundDisabled)",Zr="var(--colorBackgroundOverlay)",Jr="var(--colorBrandBackground)",la="var(--colorBrandBackgroundHover)",ca="var(--colorBrandBackgroundPressed)",gh="var(--colorBrandBackgroundSelected)",Mt="var(--colorCompoundBrandBackground)",so="var(--colorCompoundBrandBackgroundHover)",no="var(--colorCompoundBrandBackgroundPressed)",da="var(--colorBrandBackgroundStatic)",fh="var(--colorBrandBackground2)",Ke="var(--colorNeutralStrokeAccessible)",Dt="var(--colorNeutralStrokeAccessibleHover)",Ht="var(--colorNeutralStrokeAccessiblePressed)",Ye="var(--colorNeutralStroke1)",ao="var(--colorNeutralStroke1Hover)",qo="var(--colorNeutralStroke1Pressed)",Go="var(--colorNeutralStroke2)",mh="var(--colorNeutralStroke3)",vh="var(--colorNeutralStrokeOnBrand2)",ha="var(--colorBrandStroke1)",es="var(--colorBrandStroke2)",Lt="var(--colorCompoundBrandStroke)",$h="var(--colorCompoundBrandStrokeHover)",ua="var(--colorCompoundBrandStrokePressed)",Ae="var(--colorNeutralStrokeDisabled)",ae="var(--colorTransparentStroke)",ts="var(--colorTransparentStrokeInteractive)",os="var(--colorStrokeFocus1)",_e="var(--colorStrokeFocus2)",yh="var(--colorNeutralShadowAmbient)",xh="var(--colorNeutralShadowKey)",pa="var(--colorPaletteRedBackground1)",kh="var(--colorPaletteRedBackground2)",ba="var(--colorPaletteRedBackground3)",ga="var(--colorPaletteRedBorder1)",is="var(--colorPaletteRedBorder2)",fa="var(--colorPaletteRedForeground1)",wh="var(--colorPaletteRedForeground2)",ma="var(--colorPaletteRedForeground3)",va="var(--colorPaletteGreenBackground1)",$a="var(--colorPaletteGreenBackground3)",Ch="var(--colorPaletteGreenBorder1)",Sh="var(--colorPaletteGreenBorder2)",Ih="var(--colorPaletteGreenForeground1)",Ph="var(--colorPaletteGreenForeground2)",zh="var(--colorPaletteGreenForeground3)",ya="var(--colorPaletteDarkOrangeBackground1)",xa="var(--colorPaletteDarkOrangeBackground3)",ka="var(--colorPaletteDarkOrangeBorder1)",Th="var(--colorPaletteDarkOrangeForeground1)",wa="var(--colorPaletteDarkOrangeForeground3)",Bh="var(--colorPaletteYellowBackground1)",Oh="var(--colorPaletteYellowBackground3)",Ah="var(--colorPaletteYellowBorder1)",rs="var(--colorPaletteYellowForeground2)",Ca="var(--colorPaletteMarigoldBackground2)",_h="var(--colorPaletteMarigoldBackground3)",Eh="var(--colorPaletteMarigoldForeground2)",Nh="var(--colorPaletteAnchorBackground2)",Fh="var(--colorPaletteAnchorForeground2)",Mh="var(--colorPaletteBeigeBackground2)",Dh="var(--colorPaletteBeigeForeground2)",Hh="var(--colorPaletteBlueBackground2)",Lh="var(--colorPaletteBlueForeground2)",Vh="var(--colorPaletteBrassBackground2)",jh="var(--colorPaletteBrassForeground2)",Rh="var(--colorPaletteBrownBackground2)",qh="var(--colorPaletteBrownForeground2)",Gh="var(--colorPaletteCornflowerBackground2)",Wh="var(--colorPaletteCornflowerForeground2)",Xh="var(--colorPaletteCranberryBackground2)",Uh="var(--colorPaletteCranberryForeground2)",Kh="var(--colorPaletteDarkGreenBackground2)",Yh="var(--colorPaletteDarkGreenForeground2)",Qh="var(--colorPaletteDarkRedBackground2)",Zh="var(--colorPaletteDarkRedForeground2)",Jh="var(--colorPaletteForestBackground2)",eu="var(--colorPaletteForestForeground2)",tu="var(--colorPaletteGoldBackground2)",ou="var(--colorPaletteGoldForeground2)",iu="var(--colorPaletteGrapeBackground2)",ru="var(--colorPaletteGrapeForeground2)",su="var(--colorPaletteLavenderBackground2)",nu="var(--colorPaletteLavenderForeground2)",au="var(--colorPaletteLightTealBackground2)",lu="var(--colorPaletteLightTealForeground2)",cu="var(--colorPaletteLilacBackground2)",du="var(--colorPaletteLilacForeground2)",hu="var(--colorPaletteMagentaBackground2)",uu="var(--colorPaletteMagentaForeground2)",pu="var(--colorPaletteMinkBackground2)",bu="var(--colorPaletteMinkForeground2)",gu="var(--colorPaletteNavyBackground2)",fu="var(--colorPaletteNavyForeground2)",mu="var(--colorPalettePeachBackground2)",vu="var(--colorPalettePeachForeground2)",$u="var(--colorPalettePinkBackground2)",yu="var(--colorPalettePinkForeground2)",xu="var(--colorPalettePlatinumBackground2)",ku="var(--colorPalettePlatinumForeground2)",wu="var(--colorPalettePlumBackground2)",Cu="var(--colorPalettePlumForeground2)",Su="var(--colorPalettePumpkinBackground2)",Iu="var(--colorPalettePumpkinForeground2)",Pu="var(--colorPalettePurpleBackground2)",zu="var(--colorPalettePurpleForeground2)",Tu="var(--colorPaletteRoyalBlueBackground2)",Bu="var(--colorPaletteRoyalBlueForeground2)",Ou="var(--colorPaletteSeafoamBackground2)",Au="var(--colorPaletteSeafoamForeground2)",_u="var(--colorPaletteSteelBackground2)",Eu="var(--colorPaletteSteelForeground2)",Nu="var(--colorPaletteTealBackground2)",Fu="var(--colorPaletteTealForeground2)",Li="var(--borderRadiusNone)",He="var(--borderRadiusSmall)",z="var(--borderRadiusMedium)",Sa="var(--borderRadiusLarge)",Ia="var(--borderRadiusXLarge)",Se="var(--borderRadiusCircular)",x="var(--fontFamilyBase)",Mu="var(--fontFamilyMonospace)",Du="var(--fontFamilyNumeric)",Wo="var(--fontSizeBase100)",G="var(--fontSizeBase200)",F="var(--fontSizeBase300)",xe="var(--fontSizeBase400)",lo="var(--fontSizeBase500)",Vi="var(--fontSizeBase600)",Pa="var(--fontSizeHero700)",za="var(--fontSizeHero800)",Ta="var(--fontSizeHero900)",Ba="var(--fontSizeHero1000)",j="var(--fontWeightRegular)",Hu="var(--fontWeightMedium)",W="var(--fontWeightSemibold)",ji="var(--fontWeightBold)",Ri="var(--lineHeightBase100)",te="var(--lineHeightBase200)",H="var(--lineHeightBase300)",Ie="var(--lineHeightBase400)",qi="var(--lineHeightBase500)",Oa="var(--lineHeightBase600)",Aa="var(--lineHeightHero700)",_a="var(--lineHeightHero800)",Ea="var(--lineHeightHero900)",Na="var(--lineHeightHero1000)",ss="var(--shadow2)",Gi="var(--shadow4)",Lu="var(--shadow8)",ns="var(--shadow16)",Vu="var(--shadow28)",Fa="var(--shadow64)",N="var(--strokeWidthThin)",Pe="var(--strokeWidthThick)",pe="var(--strokeWidthThicker)",as="var(--strokeWidthThickest)",Q="var(--spacingHorizontalXXS)",ke="var(--spacingHorizontalXS)",le="var(--spacingHorizontalSNudge)",Qe="var(--spacingHorizontalS)",be="var(--spacingHorizontalMNudge)",ge="var(--spacingHorizontalM)",ju="var(--spacingHorizontalL)",Ru="var(--spacingHorizontalXL)",ls="var(--spacingHorizontalXXL)",cs="var(--spacingVerticalNone)",co="var(--spacingVerticalXXS)",ho="var(--spacingVerticalXS)",Ze="var(--spacingVerticalSNudge)",Z="var(--spacingVerticalS)",uo="var(--spacingVerticalMNudge)",qu="var(--spacingVerticalM)",Wi="var(--spacingVerticalL)",Vt="var(--spacingVerticalXXL)",Gu="var(--spacingVerticalXXXL)",ds="var(--durationUltraFast)",Xi="var(--durationFaster)",Ui="var(--durationNormal)",hs="var(--durationGentle)",Ma="var(--durationSlow)",Da="var(--durationSlower)",Ki="var(--durationUltraSlow)",Wu="var(--curveAccelerateMax)",jt="var(--curveAccelerateMid)",Xu="var(--curveAccelerateMin)",us="var(--curveDecelerateMax)",Rt="var(--curveDecelerateMid)",Uu="var(--curveDecelerateMin)",Ha="var(--curveEasyEaseMax)",Yi="var(--curveEasyEase)",ps="var(--curveLinear)",Ku=p`
|
|
2
|
+
${C("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:${ge} ${be};border-radius:${z};font-family:${x};font-size:${F};font-weight:${j};line-height:${H};grid-template-columns:auto auto 1fr auto}.button{appearance:none;background:${Ce};border:none;box-sizing:border-box;color:${_};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:${He}}: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:${Qe};grid-column:1 / span 1;grid-row:1}.content{margin:0 ${ge}}::slotted([slot='start']){display:flex;justify-content:center;align-items:center;padding-right:${Qe};grid-column:2 / span 1;grid-row:1}button:focus-visible::after{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${He};outline:none;border:2px solid ${os};box-shadow:inset 0 0 0 1px ${_e}}:host(${M}) .button{color:${O}}:host(${M}) svg{filter:invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg) brightness(88%) contrast(87%)}:host(${Tt}) .content{display:block}:host(${Tt}) .default-marker-collapsed,:host(${Tt}) ::slotted([slot='marker-collapsed']),:host(:not(${Tt})) :is(.default-marker-expanded,.content),:host(:not(${Tt})) ::slotted([slot='marker-expanded']){display:none}:host(${Tt}) ::slotted([slot='marker-expanded']),:host(:not(${Tt})) ::slotted([slot='marker-collapsed']){display:flex}.heading{font-size:${F};line-height:${H}}:host(${T}) .heading{font-size:${G};line-height:${te}}:host(${S}) .heading{font-size:${xe};line-height:${Ie}}:host(${Ii}) .heading{font-size:${lo};line-height:${qi}}:host(${at}) :slotted([slot='start']){grid-column:1 / span 1}:host(${at}) :is(.default-marker-collapsed,.default-marker-expanded){grid-column:4 / span 1;padding-inline-start:${Qe};padding-inline-end:0}:host(${at}) .button{grid-column:2 / span 3}:host([block]){max-width:100%}:host(${at}) .heading{grid-template-columns:auto auto 28px;padding-inline:${ge}}:host(${at}:has([slot='start'])) .heading{padding-inline:${be} ${ge}}:host(${No}${at}) .heading{grid-template-columns:auto 1fr}:host(${at}) :is(.default-marker-collapsed,.default-marker-expanded){grid-column:5 / span 1}`,Yu=g.partial(`<svg
|
|
5
5
|
width="20"
|
|
6
6
|
height="20"
|
|
7
7
|
viewBox="0 0 20 20"
|
|
@@ -14,7 +14,7 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
14
14
|
d="M7.73271 4.20694C8.03263 3.92125 8.50737 3.93279 8.79306 4.23271L13.7944 9.48318C14.0703 9.77285 14.0703 10.2281 13.7944 10.5178L8.79306 15.7682C8.50737 16.0681 8.03263 16.0797 7.73271 15.794C7.43279 15.5083 7.42125 15.0336 7.70694 14.7336L12.2155 10.0005L7.70694 5.26729C7.42125 4.96737 7.43279 4.49264 7.73271 4.20694Z"
|
|
15
15
|
fill="currentColor"
|
|
16
16
|
/>
|
|
17
|
-
</svg>`),
|
|
17
|
+
</svg>`),Qu=g.partial(`<svg
|
|
18
18
|
width="20"
|
|
19
19
|
height="20"
|
|
20
20
|
viewBox="0 0 20 20"
|
|
@@ -27,38 +27,38 @@ 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
|
|
31
|
-
${
|
|
30
|
+
</svg>`);function Zu(o={}){return g`<div class="heading" part="heading" role="heading" aria-level="${e=>e.headinglevel}"><button class="button" part="button" ${X("expandbutton")} ?disabled="${e=>e.disabled?"true":void 0}" aria-expanded="${e=>e.expanded}" aria-controls="${e=>e.id}-panel" id="${e=>e.id}"><slot name="heading"></slot></button>${Xe(o)}<slot name="marker-expanded">${$e(o.expandedIcon)}</slot><slot name="marker-collapsed">${$e(o.collapsedIcon)}</slot></div><div class="content" part="content" id="${e=>e.id}-panel" role="region" aria-labelledby="${e=>e.id}"><slot></slot></div>`}const Ju=Zu({collapsedIcon:Yu,expandedIcon:Qu}),ep=Eo.compose({name:`${b.prefix}-accordion-item`,template:Ju,styles:Ku});ep.define(b.registry);const bs={single:"single",multi:"multi"};var tp=Object.defineProperty,op=Object.getOwnPropertyDescriptor,La=(o,e,t,i)=>{for(var r=i>1?void 0:i?op(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&tp(e,t,r),r};class gs extends k{constructor(){super(...arguments),this.expandmode=bs.multi,this.activeItemIndex=0,this.setItems=()=>{if(this.slottedAccordionItems.length===0)return;const e=Array.from(this.children);if(this.removeItemListeners(e),e.forEach(t=>f.getNotifier(t).subscribe(this,"disabled")),this.accordionItems=e.filter(t=>!t.hasAttribute("disabled")),this.accordionItems.forEach((t,i)=>{t instanceof nt&&(t.addEventListener("click",this.expandedChangedHandler),f.getNotifier(t).subscribe(this,"expanded"))}),this.isSingleExpandMode()){const t=this.findExpandedItem();this.setSingleExpandMode(t)}},this.removeItemListeners=e=>{e.forEach((t,i)=>{f.getNotifier(t).unsubscribe(this,"disabled"),f.getNotifier(t).unsubscribe(this,"expanded"),t.removeEventListener("click",this.expandedChangedHandler)})},this.expandedChangedHandler=e=>{const t=e.target;t instanceof nt&&(this.isSingleExpandMode()?this.setSingleExpandMode(t):(t.expanded=!t.expanded,this.activeItemIndex=this.accordionItems.indexOf(t)),this.$emit("change"))}}expandmodeChanged(e,t){if(!this.$fastController.isConnected)return;const i=this.findExpandedItem();if(i){if(t===bs.single){this.setSingleExpandMode(i);return}i?.expandbutton.removeAttribute("aria-disabled")}}slottedAccordionItemsChanged(e,t){this.$fastController.isConnected&&this.setItems()}handleChange(e,t){t==="disabled"?this.setItems():t==="expanded"&&e.expanded&&this.isSingleExpandMode()&&this.setSingleExpandMode(e)}findExpandedItem(){return this.accordionItems.length===0?null:this.accordionItems.find(e=>e instanceof nt&&e.expanded)??this.accordionItems[0]}isSingleExpandMode(){return this.expandmode===bs.single}setSingleExpandMode(e){if(this.accordionItems.length===0)return;const t=Array.from(this.accordionItems);this.activeItemIndex=t.indexOf(e),t.forEach((i,r)=>{i instanceof nt&&(this.activeItemIndex===r?(i.expanded=!0,i.expandbutton.setAttribute("aria-disabled","true")):(i.expanded=!1,i.hasAttribute("disabled")||i.expandbutton.removeAttribute("aria-disabled")))})}}La([a({attribute:"expand-mode"})],gs.prototype,"expandmode",2),La([m],gs.prototype,"slottedAccordionItems",2);const ip=p`
|
|
31
|
+
${C("flex")}
|
|
32
32
|
|
|
33
|
-
:host{flex-direction:column;width:100%;contain:content}`;function
|
|
34
|
-
${
|
|
33
|
+
:host{flex-direction:column;width:100%;contain:content}`;function rp(){return g`<template><slot ${U({property:"slottedAccordionItems",filter:zt()})}></slot></template>`}const sp=rp(),np=gs.compose({name:`${b.prefix}-accordion`,template:sp,styles:ip});np.define(b.registry);const Va={primary:"primary",outline:"outline",subtle:"subtle",transparent:"transparent"},ja={circular:"circular",rounded:"rounded",square:"square"},Ra={small:"small",medium:"medium",large:"large"},Qi={submit:"submit",reset:"reset",button:"button"},ap=Va,lp=ja,cp=Ra,dp={download:"download",href:"href",hreflang:"hreflang",ping:"ping",referrerpolicy:"referrerpolicy",rel:"rel",target:"target",type:"type"};var hp=Object.defineProperty,up=Object.getOwnPropertyDescriptor,$t=(o,e,t,i)=>{for(var r=i>1?void 0:i?up(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&hp(e,t,r),r};class Je extends k{constructor(){super(),this.isMac=navigator.userAgent.includes("Mac"),this.elementInternals=this.attachInternals(),this.internalProxyAnchor=this.createProxyElement(),this.elementInternals.role="link"}connectedCallback(){super.connectedCallback(),f.getNotifier(this).subscribe(this),Object.keys(this.$fastController.definition.attributeLookup).forEach(e=>{this.handleChange(this,e)}),this.append(this.internalProxyAnchor)}disconnectedCallback(){super.disconnectedCallback(),f.getNotifier(this).unsubscribe(this)}handleChange(e,t){if(t in dp){const i=this.$fastController.definition.attributeLookup[t]?.attribute;i&&this.handleProxyAttributeChange(i,this[t])}}clickHandler(e){if(this.href){const t=this.isMac?e.metaKey:e.ctrlKey;this.handleNavigation(t)}return!0}keydownHandler(e){if(this.href&&e.key===Ao){const t=this.isMac&&e.metaKey||e.ctrlKey;this.handleNavigation(t);return}return!0}handleNavigation(e){e?window.open(this.href,"_blank"):this.internalProxyAnchor.click()}handleProxyAttributeChange(e,t){t?this.internalProxyAnchor.setAttribute(e,t):this.internalProxyAnchor.removeAttribute(e)}createProxyElement(){const e=this.internalProxyAnchor??document.createElement("a");return e.ariaHidden="true",e.tabIndex=-1,e}}$t([a],Je.prototype,"download",2),$t([a],Je.prototype,"href",2),$t([a],Je.prototype,"hreflang",2),$t([a],Je.prototype,"ping",2),$t([a],Je.prototype,"referrerpolicy",2),$t([a],Je.prototype,"rel",2),$t([a],Je.prototype,"target",2),$t([a],Je.prototype,"type",2);var pp=Object.defineProperty,bp=Object.getOwnPropertyDescriptor,Zi=(o,e,t,i)=>{for(var r=i>1?void 0:i?bp(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&pp(e,t,r),r};class po extends Je{constructor(){super(...arguments),this.iconOnly=!1}appearanceChanged(e,t){y(this.elementInternals,e,t,ap)}shapeChanged(e,t){y(this.elementInternals,e,t,lp)}sizeChanged(e,t){y(this.elementInternals,e,t,cp)}iconOnlyChanged(e,t){$(this.elementInternals,"icon",!!t)}}Zi([a],po.prototype,"appearance",2),Zi([a],po.prototype,"shape",2),Zi([a],po.prototype,"size",2),Zi([a({attribute:"icon-only",mode:"boolean"})],po.prototype,"iconOnly",2),st(po,rt);const qa=p`
|
|
34
|
+
${C("inline-flex")}
|
|
35
35
|
|
|
36
|
-
:host{--icon-spacing:${le};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:${A};color:${_};border:${N} solid ${Ye};padding:0 ${
|
|
37
|
-
${
|
|
36
|
+
:host{--icon-spacing:${le};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:${A};color:${_};border:${N} solid ${Ye};padding:0 ${ge};min-width:96px;border-radius:${z};font-size:${F};font-family:${x};font-weight:${W};line-height:${H};transition-duration:${Xi};transition-property:background,border,color;transition-timing-function:${Yi};cursor:pointer;user-select:none}.content{display:inherit}:host(:hover){background-color:${Ni};color:${Kr};border-color:${ao}}:host(:hover:active){background-color:${Fi};border-color:${qo};color:${Ud};outline-style:none}:host(:focus-visible){border-color:${ae};outline:${Pe} solid ${ae};box-shadow:${Gi},0 0 0 2px ${_e}}@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']),[slot='end']{flex-shrink:0;margin-inline-start:var(--icon-spacing)}:host(${to}){min-width:32px;max-width:32px}:host(${T}){--icon-spacing:${ke};min-height:24px;min-width:64px;padding:0 ${Qe};border-radius:${He};font-size:${G};line-height:${te};font-weight:${j}}:host(${T}${to}){min-width:24px;max-width:24px}:host(${S}){min-height:40px;border-radius:${Sa};padding:0 ${ju};font-size:${xe};line-height:${Ie}}:host(${S}${to}){min-width:40px;max-width:40px}:host(${S}) ::slotted(svg){font-size:24px;height:24px;width:24px}:host(:is(${Fo},${Fo}:focus-visible)){border-radius:${Se}}:host(:is(${Ho},${Ho}:focus-visible)){border-radius:${Li}}:host(${ye}){background-color:${Jr};color:${dt};border-color:transparent}:host(${ye}:hover){background-color:${la}}:host(${ye}:is(:hover,:hover:active)){border-color:transparent;color:${dt}}:host(${ye}:hover:active){background-color:${ca}}:host(${ye}:focus-visible){border-color:${dt};box-shadow:${ss},0 0 0 2px ${_e}}:host(${E}){background-color:${Ce}}:host(${E}:hover){background-color:${Di}}:host(${E}:hover:active){background-color:${Hi}}:host(${B}){background-color:${sa};color:${Ee};border-color:transparent}:host(${B}:hover){background-color:${Ro};color:${io};border-color:transparent}:host(${B}:hover:active){background-color:${Ft};color:${ro};border-color:transparent}:host(${B}:hover) ::slotted(svg){fill:${_i}}:host(${B}:hover:active) ::slotted(svg){fill:${Ei}}:host(${V}){background-color:${Ce};color:${Ee}}:host(${V}:hover){background-color:${Di};color:${_i}}:host(${V}:hover:active){background-color:${Hi};color:${Ei}}:host(:is(${V},${V}:is(:hover,:active))){border-color:transparent}`,Ji=p`
|
|
37
|
+
${qa}
|
|
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(${
|
|
41
|
-
${
|
|
39
|
+
:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable])),:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]):hover),:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]):hover:active){background-color:${vt};border-color:${Ae};color:${O};cursor:not-allowed}:host(${ye}:is(:disabled,[disabled-focusable])),:host(${ye}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){border-color:transparent}:host(${E}:is(:disabled,[disabled-focusable])),:host(${E}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){background-color:${Ce}}:host(${B}:is(:disabled,[disabled-focusable])),:host(${B}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){background-color:${Ce};border-color:transparent}:host(${V}:is(:disabled,[disabled-focusable])),:host(${V}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){border-color:transparent;background-color:${Ce}}`.withBehaviors(ne(p`
|
|
40
|
+
:host{background-color:ButtonFace;color:ButtonText}:host(:is(:hover,:focus-visible)){border-color:Highlight !important}:host(${ye}: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}`)),gp=p`
|
|
41
|
+
${qa}
|
|
42
42
|
|
|
43
43
|
::slotted(a){position:absolute;inset:0}`.withBehaviors(ne(p`
|
|
44
|
-
:host{border-color:LinkText;color:LinkText}`));function
|
|
45
|
-
${
|
|
46
|
-
${
|
|
44
|
+
:host{border-color:LinkText;color:LinkText}`));function fp(o={}){return g`<template tabindex="0" @click="${(e,t)=>e.clickHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}">${Xe(o)}<span class="content" part="content"><slot></slot></span>${gt(o)}</template>`}const mp=fp(),vp=po.compose({name:`${b.prefix}-anchor-button`,template:mp,styles:gp});vp.define(b.registry);const $p=/[\(\[\{][^\)\]\}]*[\)\]\}]/g,yp=/[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g,xp=/^\d+[\d\s]*(:?ext|x|)\s*\d+$/i,kp=/\s+/g,wp=/[\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 Cp(o,e,t){let i="";const r=o.split(" ");return r.length!==0&&(i+=r[0].charAt(0).toUpperCase()),t||(r.length===2?i+=r[1].charAt(0).toUpperCase():r.length===3&&(i+=r[2].charAt(0).toUpperCase())),e&&i.length>1?i.charAt(1)+i.charAt(0):i}function Sp(o){return o=o.replace($p,""),o=o.replace(yp,""),o=o.replace(kp," "),o=o.trim(),o}function Ip(o,e,t){return!o||(o=Sp(o),wp.test(o)||!t?.allowPhoneInitials&&xp.test(o))?"":Cp(o,e,t?.firstInitialOnly)}var Pp=Object.defineProperty,zp=Object.getOwnPropertyDescriptor,fs=(o,e,t,i)=>{for(var r=i>1?void 0:i?zp(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Pp(e,t,r),r};class er extends k{constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="img"}}fs([a],er.prototype,"name",2),fs([a],er.prototype,"initials",2),fs([a],er.prototype,"active",2);const Ga={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"},Wa={neutral:"neutral",brand:"brand",colorful:"colorful",...Ga};var Tp=Object.defineProperty,Bp=Object.getOwnPropertyDescriptor,Xo=(o,e,t,i)=>{for(var r=i>1?void 0:i?Bp(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Tp(e,t,r),r};const qt=class Ds extends er{handleChange(e,t){switch(t){case"color":case"colorId":this.generateColor();break}}generateInitials(){if(!this.name&&!this.initials)return;const e=this.size??32;return this.initials??Ip(this.name,window.getComputedStyle(this).direction==="rtl",{firstInitialOnly:e<=16})}generateColor(){const e=this.color===Wa.colorful,t=this.currentColor;this.currentColor=e&&this.colorId?this.colorId:e?Ds.colors[Ap(this.name??"")%Ds.colors.length]:this.color??Wa.neutral,y(this.elementInternals,t,this.currentColor)}connectedCallback(){super.connectedCallback(),f.getNotifier(this).subscribe(this),this.generateColor()}disconnectedCallback(){super.disconnectedCallback(),f.getNotifier(this).unsubscribe(this)}};qt.colors=Object.values(Ga),Xo([a],qt.prototype,"shape",2),Xo([a],qt.prototype,"appearance",2),Xo([a({converter:se})],qt.prototype,"size",2),Xo([a],qt.prototype,"color",2),Xo([a({attribute:"color-id"})],qt.prototype,"colorId",2);let Op=qt;const Ap=o=>{let e=0;for(let t=o.length-1;t>=0;t--){const i=o.charCodeAt(t),r=t%8;e^=(i<<r)+(i>>8-r)}return e},yt={fastOutSlowInMax:us,fastOutSlowInMid:Rt,fastOutSlowInMin:Uu,slowOutFastInMax:Wu,slowOutFastInMid:jt,slowOutFastInMin:Xu,fastEase:Ha,normalEase:Yi,nullEasing:ps},_p=p`
|
|
45
|
+
${C("inline-flex")} :host{position:relative;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;font-family:${x};font-weight:${W};font-size:${F};border-radius:${Se};color:${ue};background-color:${Mi};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:${Se}}::slotted([slot='badge']){position:absolute;bottom:0;right:0;box-shadow:0 0 0 ${N}) ${A}}: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 ${Pe}) ${A}}:host([size='16']),:host([size='20']),:host([size='24']){font-size:${Wo};font-weight:${j}}: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:${xe}}: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:${lo}}: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:${Vi}}:host([size='120']){width:120px;height:120px}:host([size='128']){width:128px;height:128px}:host([shape='square']){border-radius:${z}}:host([shape='square'][size='20']),:host([shape='square'][size='24']){border-radius:${He}}: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:${Ia}}:host(${Ue}){color:${oa};background-color:${da}}:host(${Hc}){color:${Zh};background-color:${Qh}}:host(${Fc}){color:${Uh};background-color:${Xh}}:host(${wd}){color:${wh};background-color:${kh}}:host(${$d}){color:${Iu};background-color:${Su}}:host(${bd}){color:${vu};background-color:${mu}}:host(${nd}){color:${Eh};background-color:${Ca}}:host(${Kc}){color:${ou};background-color:${tu}}:host(${Ac}){color:${jh};background-color:${Vh}}:host(${_c}){color:${qh};background-color:${Rh}}:host(${Uc}){color:${eu};background-color:${Jh}}:host(${zd}){color:${Au};background-color:${Ou}}:host(${Dc}){color:${Yh};background-color:${Kh}}:host(${id}){color:${lu};background-color:${au}}:host(${Vd}){color:${Fu};background-color:${Nu}}:host(${Hd}){color:${Eu};background-color:${_u}}:host(${Tc}){color:${Lh};background-color:${Hh}}:host(${Pd}){color:${Bu};background-color:${Tu}}:host(${Nc}){color:${Wh};background-color:${Gh}}:host(${dd}){color:${fu};background-color:${gu}}:host(${od}){color:${nu};background-color:${su}}:host(${yd}){color:${zu};background-color:${Pu}}:host(${Yc}){color:${ru};background-color:${iu}}:host(${rd}){color:${du};background-color:${cu}}:host(${gd}){color:${yu};background-color:${$u}}:host(${sd}){color:${uu};background-color:${hu}}:host(${vd}){color:${Cu};background-color:${wu}}:host(${zc}){color:${Dh};background-color:${Mh}}:host(${ld}){color:${bu};background-color:${pu}}:host(${md}){color:${ku};background-color:${xu}}:host(${Ic}){color:${Fh};background-color:${Nh}}:host([active]){transform:perspective(1px);transition-property:transform,opacity;transition-duration:${Ki},${Xi};transition-delay:${yt.fastEase},${yt.nullEasing}}:host([active])::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:inherit;transition-property:margin,opacity;transition-duration:${Ki}),${Da};transition-delay:${yt.fastEase}),${yt.nullEasing})}:host([active])::before{box-shadow:${Lu};border-style:solid;border-color:${da}}:host([active][appearance='shadow'])::before{border-style:none;border-color:none}:host([active]:not([appearance='shadow']))::before{margin:calc(-2 * ${Pe});border-width:${Pe}}:host([size='56'][active]:not([appearance='shadow']))::before,:host([size='64'][active]:not([appearance='shadow']))::before{margin:calc(-2 * ${pe});border-width:${pe}}: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 * ${as});border-width:${as}}:host([size='20'][active][appearance])::before,:host([size='24'][active][appearance])::before,:host([size='28'][active][appearance])::before{box-shadow:${Gi}}:host([size='56'][active][appearance])::before,:host([size='64'][active][appearance])::before{box-shadow:${ns}}: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:${Vu}}:host([active][appearance='ring'])::before{box-shadow:none}:host([active='inactive']){opacity:0.8;transform:scale(0.875);transition-property:transform,opacity;transition-duration:${Ki},${Xi};transition-delay:${yt.fastOutSlowInMin},${yt.nullEasing}}:host([active='inactive'])::before{margin:0;opacity:0;transition-property:margin,opacity;transition-duration:${Ki},${Da};transition-delay:${yt.fastOutSlowInMin},${yt.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}}`,Ep=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 Np(){return g`<slot>${o=>o.name||o.initials?o.generateInitials():Ep}</slot><slot name="badge"></slot>`}const Fp=Np(),Mp=Op.compose({name:`${b.prefix}-avatar`,template:Fp,styles:_p});Mp.define(b.registry);const Xa={filled:"filled",ghost:"ghost",outline:"outline",tint:"tint"},Ua={brand:"brand",danger:"danger",important:"important",informative:"informative",severe:"severe",subtle:"subtle",success:"success",warning:"warning"},Dp={circular:"circular",rounded:"rounded",square:"square"},Hp={tiny:"tiny",extraSmall:"extra-small",small:"small",medium:"medium",large:"large",extraLarge:"extra-large"};var Lp=Object.defineProperty,Vp=Object.getOwnPropertyDescriptor,tr=(o,e,t,i)=>{for(var r=i>1?void 0:i?Vp(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Lp(e,t,r),r};class bo extends k{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.appearance=Xa.filled,this.color=Ua.brand}appearanceChanged(e,t){y(this.elementInternals,e,t,Xa)}colorChanged(e,t){y(this.elementInternals,e,t,Ua)}shapeChanged(e,t){y(this.elementInternals,e,t,Dp)}sizeChanged(e,t){y(this.elementInternals,e,t,Hp)}}tr([a],bo.prototype,"appearance",2),tr([a],bo.prototype,"color",2),tr([a],bo.prototype,"shape",2),tr([a],bo.prototype,"size",2),st(bo,rt);const Ka=p.partial`
|
|
46
|
+
${C("inline-flex")} :host {
|
|
47
47
|
position: relative;
|
|
48
48
|
box-sizing: border-box;
|
|
49
49
|
align-items: center;
|
|
50
50
|
justify-content: center;
|
|
51
51
|
font-family: ${x};
|
|
52
|
-
font-weight: ${
|
|
53
|
-
font-size: ${
|
|
54
|
-
line-height: ${
|
|
52
|
+
font-weight: ${W};
|
|
53
|
+
font-size: ${G};
|
|
54
|
+
line-height: ${te};
|
|
55
55
|
min-width: 20px;
|
|
56
56
|
height: 20px;
|
|
57
|
-
padding-inline: calc(${
|
|
58
|
-
border-radius: ${
|
|
57
|
+
padding-inline: calc(${ke} + ${Q});
|
|
58
|
+
border-radius: ${Se};
|
|
59
59
|
border-color: ${ae};
|
|
60
|
-
background-color: ${
|
|
61
|
-
color: ${
|
|
60
|
+
background-color: ${Jr};
|
|
61
|
+
color: ${dt};
|
|
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(${lt}))::after {
|
|
70
70
|
position: absolute;
|
|
71
71
|
content: '';
|
|
72
72
|
top: 0;
|
|
@@ -78,8 +78,8 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
78
78
|
border-color: inherit;
|
|
79
79
|
border-radius: inherit;
|
|
80
80
|
}
|
|
81
|
-
`,
|
|
82
|
-
:host(${
|
|
81
|
+
`,Ya=p.partial`
|
|
82
|
+
:host(${Vo}) {
|
|
83
83
|
width: 6px;
|
|
84
84
|
height: 6px;
|
|
85
85
|
font-size: 4px;
|
|
@@ -87,10 +87,10 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
87
87
|
padding-inline: 0;
|
|
88
88
|
min-width: unset;
|
|
89
89
|
}
|
|
90
|
-
:host(${
|
|
90
|
+
:host(${Vo}) ::slotted(svg) {
|
|
91
91
|
font-size: 6px;
|
|
92
92
|
}
|
|
93
|
-
:host(${
|
|
93
|
+
:host(${Mo}) {
|
|
94
94
|
width: 10px;
|
|
95
95
|
height: 10px;
|
|
96
96
|
font-size: 6px;
|
|
@@ -98,289 +98,289 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
98
98
|
padding-inline: 0;
|
|
99
99
|
min-width: unset;
|
|
100
100
|
}
|
|
101
|
-
:host(${
|
|
101
|
+
:host(${Mo}) ::slotted(svg) {
|
|
102
102
|
font-size: 10px;
|
|
103
103
|
}
|
|
104
|
-
:host(${
|
|
104
|
+
:host(${T}) {
|
|
105
105
|
min-width: 16px;
|
|
106
106
|
height: 16px;
|
|
107
|
-
font-size: ${
|
|
108
|
-
line-height: ${
|
|
109
|
-
padding-inline: calc(${
|
|
107
|
+
font-size: ${Wo};
|
|
108
|
+
line-height: ${Ri};
|
|
109
|
+
padding-inline: calc(${Q} + ${Q});
|
|
110
110
|
}
|
|
111
|
-
:host(${
|
|
111
|
+
:host(${T}) ::slotted(svg) {
|
|
112
112
|
font-size: 12px;
|
|
113
113
|
}
|
|
114
|
-
:host(${
|
|
114
|
+
:host(${S}) {
|
|
115
115
|
min-width: 24px;
|
|
116
116
|
height: 24px;
|
|
117
|
-
font-size: ${
|
|
118
|
-
line-height: ${
|
|
119
|
-
padding-inline: calc(${
|
|
117
|
+
font-size: ${G};
|
|
118
|
+
line-height: ${te};
|
|
119
|
+
padding-inline: calc(${ke} + ${Q});
|
|
120
120
|
}
|
|
121
|
-
:host(${
|
|
121
|
+
:host(${S}) ::slotted(svg) {
|
|
122
122
|
font-size: 16px;
|
|
123
123
|
}
|
|
124
|
-
:host(${
|
|
124
|
+
:host(${Ii}) {
|
|
125
125
|
min-width: 32px;
|
|
126
126
|
height: 32px;
|
|
127
|
-
font-size: ${
|
|
128
|
-
line-height: ${
|
|
129
|
-
padding-inline: calc(${le} + ${
|
|
127
|
+
font-size: ${G};
|
|
128
|
+
line-height: ${te};
|
|
129
|
+
padding-inline: calc(${le} + ${Q});
|
|
130
130
|
}
|
|
131
|
-
:host(${
|
|
131
|
+
:host(${Ii}) ::slotted(svg) {
|
|
132
132
|
font-size: 20px;
|
|
133
133
|
}
|
|
134
|
-
`,
|
|
135
|
-
:host(${
|
|
136
|
-
background-color: ${
|
|
137
|
-
color: ${
|
|
134
|
+
`,Qa=p.partial`
|
|
135
|
+
:host(${Si}) {
|
|
136
|
+
background-color: ${ba};
|
|
137
|
+
color: ${dt};
|
|
138
138
|
}
|
|
139
139
|
|
|
140
|
-
:host(${
|
|
140
|
+
:host(${Pi}) {
|
|
141
141
|
background-color: ${_};
|
|
142
142
|
color: ${A};
|
|
143
143
|
}
|
|
144
144
|
|
|
145
|
-
:host(${
|
|
146
|
-
background-color: ${
|
|
145
|
+
:host(${zi}) {
|
|
146
|
+
background-color: ${hh};
|
|
147
147
|
color: ${ue};
|
|
148
148
|
}
|
|
149
149
|
|
|
150
|
-
:host(${
|
|
151
|
-
background-color: ${
|
|
152
|
-
color: ${
|
|
150
|
+
:host(${Bi}) {
|
|
151
|
+
background-color: ${xa};
|
|
152
|
+
color: ${dt};
|
|
153
153
|
}
|
|
154
154
|
|
|
155
|
-
:host(${
|
|
155
|
+
:host(${B}) {
|
|
156
156
|
background-color: ${A};
|
|
157
157
|
color: ${_};
|
|
158
158
|
}
|
|
159
159
|
|
|
160
|
-
:host(${
|
|
161
|
-
background-color: ${
|
|
162
|
-
color: ${
|
|
160
|
+
:host(${At}) {
|
|
161
|
+
background-color: ${$a};
|
|
162
|
+
color: ${dt};
|
|
163
163
|
}
|
|
164
164
|
|
|
165
|
-
:host(${
|
|
166
|
-
background-color: ${
|
|
167
|
-
color: ${
|
|
165
|
+
:host(${Et}) {
|
|
166
|
+
background-color: ${Oh};
|
|
167
|
+
color: ${ch};
|
|
168
168
|
}
|
|
169
|
-
`,
|
|
170
|
-
:host(${
|
|
171
|
-
color: ${
|
|
169
|
+
`,Za=p.partial`
|
|
170
|
+
:host(${lt}) {
|
|
171
|
+
color: ${Qr};
|
|
172
172
|
background-color: initial;
|
|
173
173
|
}
|
|
174
174
|
|
|
175
|
-
:host(${
|
|
176
|
-
color: ${
|
|
175
|
+
:host(${lt}${Si}) {
|
|
176
|
+
color: ${ma};
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
:host(${
|
|
179
|
+
:host(${lt}${Pi}) {
|
|
180
180
|
color: ${_};
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
:host(${
|
|
183
|
+
:host(${lt}${zi}) {
|
|
184
184
|
color: ${ue};
|
|
185
185
|
}
|
|
186
186
|
|
|
187
|
-
:host(${
|
|
188
|
-
color: ${
|
|
187
|
+
:host(${lt}${Bi}) {
|
|
188
|
+
color: ${wa};
|
|
189
189
|
}
|
|
190
190
|
|
|
191
|
-
:host(${
|
|
192
|
-
color: ${
|
|
191
|
+
:host(${lt}${B}) {
|
|
192
|
+
color: ${Nt};
|
|
193
193
|
}
|
|
194
194
|
|
|
195
|
-
:host(${
|
|
196
|
-
color: ${
|
|
195
|
+
:host(${lt}${At}) {
|
|
196
|
+
color: ${zh};
|
|
197
197
|
}
|
|
198
198
|
|
|
199
|
-
:host(${
|
|
200
|
-
color: ${
|
|
199
|
+
:host(${lt}${Et}) {
|
|
200
|
+
color: ${rs};
|
|
201
201
|
}
|
|
202
|
-
`,
|
|
202
|
+
`,jp=p.partial`
|
|
203
203
|
:host(${E}) {
|
|
204
204
|
border-color: currentColor;
|
|
205
|
-
color: ${
|
|
205
|
+
color: ${Qr};
|
|
206
206
|
background-color: initial;
|
|
207
207
|
}
|
|
208
208
|
|
|
209
|
-
:host(${E}${
|
|
210
|
-
color: ${
|
|
209
|
+
:host(${E}${Si}) {
|
|
210
|
+
color: ${ma};
|
|
211
211
|
}
|
|
212
212
|
|
|
213
|
-
:host(${E}${
|
|
213
|
+
:host(${E}${Pi}) {
|
|
214
214
|
color: ${ue};
|
|
215
215
|
border-color: ${Ke};
|
|
216
216
|
}
|
|
217
217
|
|
|
218
|
-
:host(${E}${
|
|
218
|
+
:host(${E}${zi}) {
|
|
219
219
|
color: ${ue};
|
|
220
|
-
border-color: ${
|
|
220
|
+
border-color: ${Go};
|
|
221
221
|
}
|
|
222
222
|
|
|
223
|
-
:host(${E}${
|
|
224
|
-
color: ${
|
|
223
|
+
:host(${E}${Bi}) {
|
|
224
|
+
color: ${wa};
|
|
225
225
|
}
|
|
226
226
|
|
|
227
|
-
:host(${E}${
|
|
228
|
-
color: ${
|
|
227
|
+
:host(${E}${B}) {
|
|
228
|
+
color: ${oa};
|
|
229
229
|
}
|
|
230
230
|
|
|
231
|
-
:host(${E}${
|
|
232
|
-
color: ${
|
|
231
|
+
:host(${E}${At}) {
|
|
232
|
+
color: ${Ph};
|
|
233
233
|
}
|
|
234
234
|
|
|
235
|
-
:host(${E}${
|
|
236
|
-
color: ${
|
|
235
|
+
:host(${E}${Et}) {
|
|
236
|
+
color: ${rs};
|
|
237
237
|
}
|
|
238
|
-
`,
|
|
239
|
-
:host(${
|
|
240
|
-
background-color: ${
|
|
241
|
-
color: ${
|
|
242
|
-
border-color: ${
|
|
238
|
+
`,Rp=p.partial`
|
|
239
|
+
:host(${mt}) {
|
|
240
|
+
background-color: ${fh};
|
|
241
|
+
color: ${lh};
|
|
242
|
+
border-color: ${es};
|
|
243
243
|
}
|
|
244
244
|
|
|
245
|
-
:host(${
|
|
246
|
-
background-color: ${
|
|
247
|
-
color: ${
|
|
248
|
-
border-color: ${
|
|
245
|
+
:host(${mt}${Si}) {
|
|
246
|
+
background-color: ${pa};
|
|
247
|
+
color: ${fa};
|
|
248
|
+
border-color: ${ga};
|
|
249
249
|
}
|
|
250
250
|
|
|
251
|
-
:host(${
|
|
251
|
+
:host(${mt}${Pi}) {
|
|
252
252
|
background-color: ${ue};
|
|
253
253
|
color: ${A};
|
|
254
254
|
border-color: ${ae};
|
|
255
255
|
}
|
|
256
256
|
|
|
257
|
-
:host(${
|
|
258
|
-
background-color: ${
|
|
257
|
+
:host(${mt}${zi}) {
|
|
258
|
+
background-color: ${dh};
|
|
259
259
|
color: ${ue};
|
|
260
|
-
border-color: ${
|
|
260
|
+
border-color: ${Go};
|
|
261
261
|
}
|
|
262
262
|
|
|
263
|
-
:host(${
|
|
264
|
-
background-color: ${
|
|
265
|
-
color: ${
|
|
266
|
-
border-color: ${
|
|
263
|
+
:host(${mt}${Bi}) {
|
|
264
|
+
background-color: ${ya};
|
|
265
|
+
color: ${Th};
|
|
266
|
+
border-color: ${ka};
|
|
267
267
|
}
|
|
268
268
|
|
|
269
|
-
:host(${
|
|
269
|
+
:host(${mt}${B}) {
|
|
270
270
|
background-color: ${A};
|
|
271
271
|
color: ${ue};
|
|
272
|
-
border-color: ${
|
|
272
|
+
border-color: ${Go};
|
|
273
273
|
}
|
|
274
274
|
|
|
275
|
-
:host(${
|
|
276
|
-
background-color: ${
|
|
277
|
-
color: ${
|
|
278
|
-
border-color: ${
|
|
275
|
+
:host(${mt}${At}) {
|
|
276
|
+
background-color: ${va};
|
|
277
|
+
color: ${Ih};
|
|
278
|
+
border-color: ${Sh};
|
|
279
279
|
}
|
|
280
280
|
|
|
281
|
-
:host(${
|
|
282
|
-
background-color: ${
|
|
283
|
-
color: ${
|
|
284
|
-
border-color: ${
|
|
281
|
+
:host(${mt}${Et}) {
|
|
282
|
+
background-color: ${Bh};
|
|
283
|
+
color: ${rs};
|
|
284
|
+
border-color: ${Ah};
|
|
285
285
|
}
|
|
286
|
-
`,
|
|
286
|
+
`,Ja=p.partial`
|
|
287
287
|
font-family: ${x};
|
|
288
|
-
font-size: ${
|
|
289
|
-
line-height: ${
|
|
290
|
-
font-weight: ${
|
|
288
|
+
font-size: ${F};
|
|
289
|
+
line-height: ${H};
|
|
290
|
+
font-weight: ${j};
|
|
291
291
|
`;p.partial`
|
|
292
292
|
font-family: ${x};
|
|
293
|
-
font-size: ${
|
|
294
|
-
line-height: ${
|
|
295
|
-
font-weight: ${
|
|
293
|
+
font-size: ${F};
|
|
294
|
+
line-height: ${H};
|
|
295
|
+
font-weight: ${W};
|
|
296
296
|
`,p.partial`
|
|
297
297
|
font-family: ${x};
|
|
298
|
-
font-size: ${
|
|
299
|
-
line-height: ${
|
|
300
|
-
font-weight: ${
|
|
301
|
-
`;const
|
|
298
|
+
font-size: ${F};
|
|
299
|
+
line-height: ${H};
|
|
300
|
+
font-weight: ${ji};
|
|
301
|
+
`;const qp=p.partial`
|
|
302
302
|
font-family: ${x};
|
|
303
|
-
font-size: ${
|
|
304
|
-
line-height: ${
|
|
305
|
-
font-weight: ${
|
|
306
|
-
`,
|
|
303
|
+
font-size: ${xe};
|
|
304
|
+
line-height: ${Ie};
|
|
305
|
+
font-weight: ${j};
|
|
306
|
+
`,el=p.partial`
|
|
307
307
|
font-family: ${x};
|
|
308
|
-
font-size: ${
|
|
309
|
-
line-height: ${
|
|
310
|
-
font-weight: ${
|
|
308
|
+
font-size: ${G};
|
|
309
|
+
line-height: ${te};
|
|
310
|
+
font-weight: ${j};
|
|
311
311
|
`;p.partial`
|
|
312
312
|
font-family: ${x};
|
|
313
|
-
font-size: ${
|
|
314
|
-
line-height: ${
|
|
315
|
-
font-weight: ${
|
|
313
|
+
font-size: ${G};
|
|
314
|
+
line-height: ${te};
|
|
315
|
+
font-weight: ${W};
|
|
316
316
|
`,p.partial`
|
|
317
317
|
font-family: ${x};
|
|
318
|
-
font-size: ${
|
|
319
|
-
line-height: ${
|
|
320
|
-
font-weight: ${
|
|
318
|
+
font-size: ${G};
|
|
319
|
+
line-height: ${te};
|
|
320
|
+
font-weight: ${ji};
|
|
321
321
|
`,p.partial`
|
|
322
322
|
font-family: ${x};
|
|
323
|
-
font-size: ${
|
|
324
|
-
line-height: ${
|
|
325
|
-
font-weight: ${
|
|
323
|
+
font-size: ${Wo};
|
|
324
|
+
line-height: ${Ri};
|
|
325
|
+
font-weight: ${j};
|
|
326
326
|
`,p.partial`
|
|
327
327
|
font-family: ${x};
|
|
328
|
-
font-size: ${
|
|
329
|
-
line-height: ${
|
|
330
|
-
font-weight: ${
|
|
331
|
-
`;const
|
|
328
|
+
font-size: ${Wo};
|
|
329
|
+
line-height: ${Ri};
|
|
330
|
+
font-weight: ${W};
|
|
331
|
+
`;const Gp=p.partial`
|
|
332
332
|
font-family: ${x};
|
|
333
|
-
font-size: ${
|
|
334
|
-
line-height: ${
|
|
335
|
-
font-weight: ${
|
|
333
|
+
font-size: ${lo};
|
|
334
|
+
line-height: ${qi};
|
|
335
|
+
font-weight: ${W};
|
|
336
336
|
`;p.partial`
|
|
337
337
|
font-family: ${x};
|
|
338
|
-
font-size: ${
|
|
339
|
-
line-height: ${
|
|
340
|
-
font-weight: ${
|
|
338
|
+
font-size: ${xe};
|
|
339
|
+
line-height: ${Ie};
|
|
340
|
+
font-weight: ${W};
|
|
341
341
|
`,p.partial`
|
|
342
342
|
font-family: ${x};
|
|
343
|
-
font-size: ${
|
|
344
|
-
line-height: ${
|
|
345
|
-
font-weight: ${
|
|
343
|
+
font-size: ${xe};
|
|
344
|
+
line-height: ${Ie};
|
|
345
|
+
font-weight: ${ji};
|
|
346
346
|
`,p.partial`
|
|
347
347
|
font-family: ${x};
|
|
348
|
-
font-size: ${
|
|
349
|
-
line-height: ${
|
|
350
|
-
font-weight: ${
|
|
348
|
+
font-size: ${za};
|
|
349
|
+
line-height: ${_a};
|
|
350
|
+
font-weight: ${W};
|
|
351
351
|
`,p.partial`
|
|
352
352
|
font-family: ${x};
|
|
353
|
-
font-size: ${
|
|
354
|
-
line-height: ${
|
|
355
|
-
font-weight: ${
|
|
353
|
+
font-size: ${Pa};
|
|
354
|
+
line-height: ${Aa};
|
|
355
|
+
font-weight: ${W};
|
|
356
356
|
`,p.partial`
|
|
357
357
|
font-family: ${x};
|
|
358
|
-
font-size: ${
|
|
359
|
-
line-height: ${
|
|
360
|
-
font-weight: ${
|
|
358
|
+
font-size: ${Vi};
|
|
359
|
+
line-height: ${Oa};
|
|
360
|
+
font-weight: ${W};
|
|
361
361
|
`,p.partial`
|
|
362
362
|
font-family: ${x};
|
|
363
|
-
font-size: ${
|
|
364
|
-
line-height: ${
|
|
365
|
-
font-weight: ${
|
|
363
|
+
font-size: ${Ta};
|
|
364
|
+
line-height: ${Ea};
|
|
365
|
+
font-weight: ${W};
|
|
366
366
|
`,p.partial`
|
|
367
367
|
font-family: ${x};
|
|
368
|
-
font-size: ${
|
|
369
|
-
line-height: ${
|
|
370
|
-
font-weight: ${
|
|
371
|
-
`;const
|
|
372
|
-
:host(${
|
|
373
|
-
${
|
|
374
|
-
${
|
|
375
|
-
${
|
|
376
|
-
${
|
|
377
|
-
${
|
|
368
|
+
font-size: ${Ba};
|
|
369
|
+
line-height: ${Na};
|
|
370
|
+
font-weight: ${W};
|
|
371
|
+
`;const Wp=p`
|
|
372
|
+
:host(${Ho}){border-radius:${Li}}:host(${ct}){border-radius:${z}}:host(${ct}${Vo}),:host(${ct}${Mo}),:host(${ct}${T}){border-radius:${He}}${Ya}
|
|
373
|
+
${Qa}
|
|
374
|
+
${Za}
|
|
375
|
+
${jp}
|
|
376
|
+
${Rp}
|
|
377
|
+
${Ka}
|
|
378
378
|
`.withBehaviors(ne(p`
|
|
379
|
-
:host,:host([appearance='outline']),:host([appearance='tint']){border-color:CanvasText}`));function
|
|
380
|
-
${
|
|
379
|
+
:host,:host([appearance='outline']),:host([appearance='tint']){border-color:CanvasText}`));function tl(o={}){return g` ${Xe(o)}<slot>${$e(o.defaultContent)}</slot>${gt(o)} `}const Xp=tl(),Up=bo.compose({name:`${b.prefix}-badge`,template:Xp,styles:Wp});Up.define(b.registry);var Kp=Object.defineProperty,Yp=Object.getOwnPropertyDescriptor,ze=(o,e,t,i)=>{for(var r=i>1?void 0:i?Yp(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Kp(e,t,r),r};class fe extends k{constructor(){super(),this.disabledFocusable=!1,this.tabIndex=0,this.elementInternals=this.attachInternals(),this.elementInternals.role="button"}disabledFocusableChanged(e,t){this.$fastController.isConnected&&(this.elementInternals.ariaDisabled=`${!!t}`)}get form(){return this.elementInternals.form}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}typeChanged(e,t){t!==Qi.submit&&(this.formSubmissionFallbackControl?.remove(),this.shadowRoot?.querySelector('slot[name="internal"]')?.remove())}clickHandler(e){if(e&&this.disabledFocusable){e.stopImmediatePropagation();return}return this.press(),!0}connectedCallback(){super.connectedCallback(),this.elementInternals.ariaDisabled=`${!!this.disabledFocusable}`}createAndInsertFormSubmissionFallbackControl(){const e=this.formSubmissionFallbackControlSlot??document.createElement("slot");e.setAttribute("name","internal"),this.shadowRoot?.appendChild(e),this.formSubmissionFallbackControlSlot=e;const t=this.formSubmissionFallbackControl??document.createElement("button");t.style.display="none",t.setAttribute("type","submit"),t.setAttribute("slot","internal"),this.formNoValidate&&t.toggleAttribute("formnovalidate",!0),this.elementInternals.form?.id&&t.setAttribute("form",this.elementInternals.form.id),this.name&&t.setAttribute("name",this.name),this.value&&t.setAttribute("value",this.value),this.formAction&&t.setAttribute("formaction",this.formAction??""),this.formEnctype&&t.setAttribute("formenctype",this.formEnctype??""),this.formMethod&&t.setAttribute("formmethod",this.formMethod??""),this.formTarget&&t.setAttribute("formtarget",this.formTarget??""),this.append(t),this.formSubmissionFallbackControl=t}formDisabledCallback(e){this.disabled=e}keypressHandler(e){if(e&&this.disabledFocusable){e.stopImmediatePropagation();return}if(e.key===Ao||e.key===wi){this.click();return}return!0}press(){switch(this.type){case Qi.reset:{this.resetForm();break}case Qi.submit:{this.submitForm();break}}}resetForm(){this.elementInternals.form?.reset()}submitForm(){if(!(!this.elementInternals.form||this.disabled||this.type!==Qi.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)}}}}fe.formAssociated=!0,ze([a({mode:"boolean"})],fe.prototype,"autofocus",2),ze([m],fe.prototype,"defaultSlottedContent",2),ze([a({mode:"boolean"})],fe.prototype,"disabled",2),ze([a({attribute:"disabled-focusable",mode:"boolean"})],fe.prototype,"disabledFocusable",2),ze([a({attribute:"tabindex",mode:"fromView",converter:se})],fe.prototype,"tabIndex",2),ze([a({attribute:"formaction"})],fe.prototype,"formAction",2),ze([a({attribute:"form"})],fe.prototype,"formAttribute",2),ze([a({attribute:"formenctype"})],fe.prototype,"formEnctype",2),ze([a({attribute:"formmethod"})],fe.prototype,"formMethod",2),ze([a({attribute:"formnovalidate",mode:"boolean"})],fe.prototype,"formNoValidate",2),ze([a({attribute:"formtarget"})],fe.prototype,"formTarget",2),ze([a],fe.prototype,"name",2),ze([a],fe.prototype,"type",2),ze([a],fe.prototype,"value",2);var Qp=Object.defineProperty,Zp=Object.getOwnPropertyDescriptor,or=(o,e,t,i)=>{for(var r=i>1?void 0:i?Zp(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Qp(e,t,r),r};class ht extends fe{constructor(){super(...arguments),this.iconOnly=!1}appearanceChanged(e,t){y(this.elementInternals,e,t,Va)}shapeChanged(e,t){y(this.elementInternals,e,t,ja)}sizeChanged(e,t){y(this.elementInternals,e,t,Ra)}iconOnlyChanged(e,t){$(this.elementInternals,"icon",t)}}or([a],ht.prototype,"appearance",2),or([a],ht.prototype,"shape",2),or([a],ht.prototype,"size",2),or([a({attribute:"icon-only",mode:"boolean"})],ht.prototype,"iconOnly",2),st(ht,rt);function ms(o={}){return g`<template tabindex="${e=>e.disabled?null:e.tabIndex??0}" @click="${(e,t)=>e.clickHandler(t.event)}" @keypress="${(e,t)=>e.keypressHandler(t.event)}">${Xe(o)}<span class="content" part="content"><slot ${U("defaultSlottedContent")}></slot></span>${gt(o)}</template>`}const Jp=ms(),eb=ht.compose({name:`${b.prefix}-button`,template:Jp,styles:Ji});eb.define(b.registry);var tb=Object.defineProperty,ob=Object.getOwnPropertyDescriptor,xt=(o,e,t,i)=>{for(var r=i>1?void 0:i?ob(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&tb(e,t,r),r};class Ne extends k{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(e){this._checked=e,this.setFormValue(e?this.value:null),this.setValidity(),this.setAriaChecked(),$(this.elementInternals,"checked",e),f.notify(this,"checked")}disabledChanged(e,t){this.elementInternals.ariaDisabled=this.disabled?"true":"false",$(this.elementInternals,"disabled",this.disabled)}disabledAttributeChanged(e,t){this.disabled=!!t}initialCheckedChanged(e,t){this.dirtyChecked||(this.checked=!!t)}initialValueChanged(e,t){this._value=t}requiredChanged(e,t){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 e=document.createElement("input");e.type="checkbox",e.required=!0,e.checked=!1,this._validationFallbackMessage=e.validationMessage}return this._validationFallbackMessage}get validity(){return this.elementInternals.validity}get value(){return f.track(this,"value"),this._value}set value(e){this._value=e,this.$fastController.isConnected&&(this.setFormValue(e),this.setValidity(),f.notify(this,"value"))}get willValidate(){return this.elementInternals.willValidate}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(e){if(this.disabled)return;this.dirtyChecked=!0;const t=this.checked;return this.toggleChecked(),t!==this.checked&&(this.$emit("change"),this.$emit("input")),!0}connectedCallback(){super.connectedCallback(),this.setAriaChecked(),this.setValidity()}inputHandler(e){return this.setFormValue(this.value),this.setValidity(),!0}keydownHandler(e){if(e.key!==" ")return!0}keyupHandler(e){if(e.key!==" ")return!0;this.click()}formResetCallback(){this.checked=this.initialChecked??!1,this.dirtyChecked=!1,this.setValidity()}reportValidity(){return this.elementInternals.reportValidity()}setAriaChecked(e=this.checked){this.elementInternals.ariaChecked=e?"true":"false"}setFormValue(e,t){this.elementInternals.setFormValue(e,e??t)}setCustomValidity(e){this.elementInternals.setValidity({customError:!0},e),this.setValidity()}setValidity(e,t,i){if(this.$fastController.isConnected){if(this.disabled||!this.required){this.elementInternals.setValidity({});return}this.elementInternals.setValidity({valueMissing:!!this.required&&!this.checked,...e},t??this.validationMessage,i)}}toggleChecked(e=!this.checked){this.checked=e}}Ne.formAssociated=!0,xt([a({mode:"boolean"})],Ne.prototype,"autofocus",2),xt([m],Ne.prototype,"disabled",2),xt([a({attribute:"disabled",mode:"boolean"})],Ne.prototype,"disabledAttribute",2),xt([a({attribute:"form"})],Ne.prototype,"formAttribute",2),xt([a({attribute:"checked",mode:"boolean"})],Ne.prototype,"initialChecked",2),xt([a({attribute:"value",mode:"fromView"})],Ne.prototype,"initialValue",2),xt([a],Ne.prototype,"name",2),xt([a({mode:"boolean"})],Ne.prototype,"required",2);const ib={circular:"circular",square:"square"},rb={medium:"medium",large:"large"};var sb=Object.defineProperty,nb=Object.getOwnPropertyDescriptor,vs=(o,e,t,i)=>{for(var r=i>1?void 0:i?nb(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&sb(e,t,r),r};class ir extends Ne{indeterminateChanged(e,t){this.setAriaChecked(),$(this.elementInternals,"indeterminate",t)}shapeChanged(e,t){y(this.elementInternals,e,t,ib)}sizeChanged(e,t){y(this.elementInternals,e,t,rb)}constructor(){super(),this.elementInternals.role="checkbox"}setAriaChecked(e=this.checked){if(this.indeterminate){this.elementInternals.ariaChecked="mixed";return}super.setAriaChecked(e)}toggleChecked(e=!this.checked){this.indeterminate=!1,super.toggleChecked(e)}}vs([m],ir.prototype,"indeterminate",2),vs([a],ir.prototype,"shape",2),vs([a],ir.prototype,"size",2);const ab=p`
|
|
380
|
+
${C("inline-flex")}
|
|
381
381
|
|
|
382
|
-
:host{--size:16px;background-color:${A};border-radius:${
|
|
383
|
-
:host{border-color:FieldText}:host(:not([slot='input']:focus-visible))::after{border-color:Canvas}:host(:not([disabled]):hover),:host(${
|
|
382
|
+
:host{--size:16px;background-color:${A};border-radius:${He};border:${N} solid ${Ke};box-sizing:border-box;cursor:pointer;position:relative;width:var(--size)}:host,.indeterminate-indicator,.checked-indicator{aspect-ratio:1}:host(:hover){border-color:${Dt}}:host(:active){border-color:${Ht}}:host(${w}:hover){background-color:${so};border-color:${$h}}:host(${w}:active){background-color:${no};border-color:${ua}}:host(:focus-visible){outline:none}:host(:not([slot='input']))::after{content:'';position:absolute;inset:-8px;box-sizing:border-box;outline:none;border:${Pe} solid ${ae};border-radius:${z}}:host(:not([slot='input']):focus-visible)::after{border-color:${_e}}.indeterminate-indicator,.checked-indicator{color:${Nt};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(${w})) *:is(::slotted([slot='checked-indicator']),.checked-indicator){display:none}:host(${w}),:host(${Ot}){border-color:${Lt}}:host(${w}),:host(${Ot}) .indeterminate-indicator{background-color:${Mt}}:host(${Ot}) .indeterminate-indicator{border-radius:${He};position:absolute;width:calc(var(--size) / 2);inset:0}:host(${S}){--size:20px}:host(${S}) ::slotted([slot='checked-indicator']),:host(${S}) .checked-indicator{width:16px}:host(${Fo}),:host(${Fo}) .indeterminate-indicator{border-radius:${Se}}:host([disabled]),:host([disabled]${w}){background-color:${vt};border-color:${Ae}}:host([disabled]){cursor:unset}:host([disabled]${Ot}) .indeterminate-indicator{background-color:${Ae}}:host([disabled]${w}) .checked-indicator{color:${Ae}}`.withBehaviors(ne(p`
|
|
383
|
+
:host{border-color:FieldText}:host(:not([slot='input']:focus-visible))::after{border-color:Canvas}:host(:not([disabled]):hover),:host(${w}:not([disabled]):hover),:host(:not([slot='input']):focus-visible)::after{border-color:Highlight}.indeterminate-indicator,.checked-indicator{color:HighlightText}:host(${w}),:host(${Ot}) .indeterminate-indicator{background-color:FieldText}:host(${w}:not([disabled]):hover),:host(${Ot}:not([disabled]):hover) .indeterminate-indicator{background-color:Highlight}:host([disabled]){border-color:GrayText}:host([disabled]${Ot}) .indeterminate-indicator{background-color:GrayText}:host([disabled]),:host([disabled]${w}) .checked-indicator{color:GrayText}`)),lb=g.partial(`
|
|
384
384
|
<svg
|
|
385
385
|
fill="currentColor"
|
|
386
386
|
aria-hidden="true"
|
|
@@ -391,21 +391,21 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
391
391
|
xmlns="http://www.w3.org/2000/svg">
|
|
392
392
|
<path d="M9.76 3.2c.3.29.32.76.04 1.06l-4.25 4.5a.75.75 0 0 1-1.08.02L2.22 6.53a.75.75 0 0 1 1.06-1.06l1.7 1.7L8.7 3.24a.75.75 0 0 1 1.06-.04Z" fill="currentColor"></path>
|
|
393
393
|
</svg>
|
|
394
|
-
`),
|
|
394
|
+
`),cb=g.partial(`
|
|
395
395
|
<span class="indeterminate-indicator"></span>
|
|
396
|
-
`);function
|
|
397
|
-
${
|
|
398
|
-
|
|
399
|
-
:host,:host(:is([size])){gap:12px;height:auto;padding-top:14px;padding-inline:12px;padding-bottom:16px;font-size:${
|
|
400
|
-
::slotted([slot='description']){color:${O}}:host(${
|
|
401
|
-
:host(${
|
|
402
|
-
${
|
|
403
|
-
${
|
|
404
|
-
${
|
|
405
|
-
|
|
406
|
-
:host(${
|
|
407
|
-
@layer base{:host{--dialog-backdrop:${
|
|
408
|
-
@layer base{dialog{border:${N} solid ${ae}}}`)),
|
|
396
|
+
`);function db(o={}){return g`<template tabindex="${e=>e.disabled?void 0:0}" @click="${(e,t)=>e.clickHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" @keyup="${(e,t)=>e.keyupHandler(t.event)}"><slot name="checked-indicator">${$e(o.checkedIndicator)}</slot><slot name="indeterminate-indicator">${$e(o.indeterminateIndicator)}</slot></template>`}const hb=db({checkedIndicator:lb,indeterminateIndicator:cb}),ub=ir.compose({name:`${b.prefix}-checkbox`,template:hb,styles:ab});ub.define(b.registry);class pb extends ht{}const bb=p`
|
|
397
|
+
${Ji}
|
|
398
|
+
|
|
399
|
+
:host,:host(:is([size])){gap:12px;height:auto;padding-top:14px;padding-inline:12px;padding-bottom:16px;font-size:${F};line-height:${H}}.content{display:flex;flex-direction:column;text-align:start}::slotted([slot='description']){color:${Ee};line-height:100%;font-size:${G};font-weight:${j}}::slotted(svg),:host(${S}) ::slotted(svg){font-size:40px;height:40px;width:40px}:host(:hover) ::slotted([slot='description']){color:${io}}:host(:active) ::slotted([slot='description']){color:${ro}}:host(:is(${ye},${ye}:hover,${ye}:active)) ::slotted([slot='description']){color:${dt}}:host(:is(${B},${B}:hover,${B}:active)) ::slotted([slot='description']),:host(${V}) ::slotted([slot='description']){color:${Ee}}:host(${V}:hover) ::slotted([slot='description']){color:${_i}}:host(${V}:active) ::slotted([slot='description']){color:${Ei}}:host(:is(:disabled,:disabled[appearance],[disabled-focusable],[disabled-focusable][appearance]))
|
|
400
|
+
::slotted([slot='description']){color:${O}}:host(${T}){padding:8px;padding-bottom:10px}:host(${to}){min-width:52px;max-width:52px;padding:${le}}:host(${to}${T}){min-width:48px;max-width:48px;padding:${ke}}:host(${to}${S}){min-width:56px;max-width:56px;padding:${Qe}}:host(${S}){padding-top:18px;padding-inline:16px;padding-bottom:20px;font-size:${xe};line-height:${Ie}}:host(${S}) ::slotted([slot='description']){font-size:${F}}`;function gb(o={}){return g`<template ?disabled="${e=>e.disabled}" tabindex="${e=>e.disabled?null:e.tabIndex??0}">${Xe(o)}<span class="content" part="content"><slot ${U("defaultSlottedContent")}></slot><slot name="description"></slot></span>${gt(o)}</template>`}const fb=gb(),mb=pb.compose({name:`${b.prefix}-compound-button`,template:fb,styles:bb});mb.define(b.registry);const vb={filled:"filled",ghost:"ghost"},$b={brand:"brand",danger:"danger",important:"important",informative:"informative",severe:"severe",subtle:"subtle",success:"success",warning:"warning"},yb={circular:"circular",rounded:"rounded"},xb={tiny:"tiny",extraSmall:"extra-small",small:"small",medium:"medium",large:"large",extraLarge:"extra-large"};var kb=Object.defineProperty,wb=Object.getOwnPropertyDescriptor,kt=(o,e,t,i)=>{for(var r=i>1?void 0:i?wb(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&kb(e,t,r),r};class et extends k{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.count=0,this.overflowCount=99,this.showZero=!1,this.dot=!1}appearanceChanged(e,t){y(this.elementInternals,e,t,vb)}colorChanged(e,t){y(this.elementInternals,e,t,$b)}shapeChanged(e,t){y(this.elementInternals,e,t,yb)}sizeChanged(e,t){y(this.elementInternals,e,t,xb)}countChanged(){this.setCount()}overflowCountChanged(){this.setCount()}dotChanged(e,t){$(this.elementInternals,"dot",!!t)}setCount(){const e=this.count??0;if((e!==0||this.showZero)&&!this.dot)return e>this.overflowCount?`${this.overflowCount}+`:`${e}`}}kt([a],et.prototype,"appearance",2),kt([a],et.prototype,"color",2),kt([a],et.prototype,"shape",2),kt([a],et.prototype,"size",2),kt([a({converter:se})],et.prototype,"count",2),kt([a({attribute:"overflow-count",converter:se})],et.prototype,"overflowCount",2),kt([a({attribute:"show-zero",mode:"boolean"})],et.prototype,"showZero",2),kt([a({mode:"boolean"})],et.prototype,"dot",2),st(et,rt);const Cb=p`
|
|
401
|
+
:host(${ct}){border-radius:${z}}:host(${ct}${Vo}),:host(${ct}${Mo}),:host(${ct}${T}){border-radius:${He}}${Ya}
|
|
402
|
+
${Qa}
|
|
403
|
+
${Za}
|
|
404
|
+
${Ka}
|
|
405
|
+
|
|
406
|
+
:host(${Kn}),:host(${Kn}[appearance][size]){min-width:auto;width:6px;height:6px;padding:0}`;function Sb(o={}){return tl({defaultContent:g`${e=>e.setCount()}`})}const Ib=Sb(),Pb=et.compose({name:`${b.prefix}-counter-badge`,template:Ib,styles:Cb});Pb.define(b.registry);const tt={modal:"modal",nonModal:"non-modal",alert:"alert"};var zb=Object.defineProperty,Tb=Object.getOwnPropertyDescriptor,rr=(o,e,t,i)=>{for(var r=i>1?void 0:i?Tb(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&zb(e,t,r),r};class Uo extends k{constructor(){super(...arguments),this.type=tt.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(){re.enqueue(()=>{this.emitBeforeToggle(),this.type===tt.alert||this.type===tt.modal?this.dialog.showModal():this.type===tt.nonModal&&this.dialog.show(),this.emitToggle()})}hide(){this.emitBeforeToggle(),this.dialog.close(),this.emitToggle()}clickHandler(e){return e.preventDefault(),this.dialog.open&&this.type!==tt.alert&&e.target===this.dialog&&this.hide(),!0}}rr([m],Uo.prototype,"dialog",2),rr([a({attribute:"aria-describedby"})],Uo.prototype,"ariaDescribedby",2),rr([a({attribute:"aria-labelledby"})],Uo.prototype,"ariaLabelledby",2),rr([a],Uo.prototype,"type",2);const Bb=g`<dialog role="${o=>o.type===tt.alert?"alertdialog":"dialog"}" type="${o=>o.type}" class="dialog" part="dialog" aria-modal="${o=>o.type===tt.modal||o.type===tt.alert?"true":void 0}" aria-describedby="${o=>o.ariaDescribedby}" aria-labelledby="${o=>o.ariaLabelledby}" aria-label="${o=>o.ariaLabel}" @click="${(o,e)=>o.clickHandler(e.event)}" @cancel="${(o,e)=>o.type===tt.alert?e.event.preventDefault():o.hide()}" ${X("dialog")}><slot></slot></dialog>`,Ob=p`
|
|
407
|
+
@layer base{:host{--dialog-backdrop:${Zr};--dialog-starting-scale:0.85}::backdrop{background:var(--dialog-backdrop,rgba(0,0,0,0.4))}dialog{background:${A};border-radius:${Ia};border:none;box-shadow:${Fa};color:${_};max-height:calc(-48px + 100vh);padding:0;width:100%;max-width:600px}:host([type='non-modal']) dialog{inset:0;position:fixed;z-index:2;overflow:auto}}@layer animations{@media (prefers-reduced-motion:no-preference){dialog,::backdrop{transition:display allow-discrete,opacity,overlay allow-discrete,scale;transition-duration:${hs};transition-timing-function:${Rt};opacity:0}::backdrop{transition-timing-function:${ps}}[open],[open]::backdrop{opacity:1}dialog:not([open]){scale:var(--dialog-starting-scale);transition-timing-function:${jt}}}@starting-style{[open],[open]::backdrop{opacity:0}dialog{scale:var(--dialog-starting-scale)}}}`.withBehaviors(ne(p`
|
|
408
|
+
@layer base{dialog{border:${N} solid ${ae}}}`)),Ab=Uo.compose({name:`${b.prefix}-dialog`,template:Bb,styles:Ob});Ab.define(b.registry);var _b=Object.defineProperty,Eb=Object.getOwnPropertyDescriptor,Nb=(o,e,t,i)=>{for(var r=i>1?void 0:i?Eb(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&_b(e,t,r),r};class ol extends k{constructor(){super(...arguments),this.noTitleAction=!1}}Nb([a({mode:"boolean",attribute:"no-title-action"})],ol.prototype,"noTitleAction",2);const Fb=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>`),
|
|
422
|
-
${
|
|
421
|
+
</svg>`),Mb=g`<div class="title" part="title"><slot name="title"></slot><slot name="title-action"><fluent-button ?hidden=${o=>o.noTitleAction||o.parentNode?.type===tt.alert} tabindex="0" part="title-action" class="title-action" appearance="transparent" icon-only @click=${o=>o.parentNode?.hide()} ${X("defaultTitleAction")}>${Fb}</fluent-button></slot></div><div class="content" part="content"><slot></slot></div><div class="actions" part="actions"><slot name="action"></slot></div>`,Db=p`
|
|
422
|
+
${C("grid")}
|
|
423
423
|
|
|
424
|
-
:host{background:${A};box-sizing:border-box;gap:${
|
|
425
|
-
${
|
|
424
|
+
:host{background:${A};box-sizing:border-box;gap:${Z};padding:${Vt} ${ls};container:dialog-body / inline-size}.title{box-sizing:border-box;align-items:flex-start;background:${A};color:${_};column-gap:8px;display:flex;font-family:${x};font-size:${lo};font-weight:${W};inset-block-start:0;justify-content:space-between;line-height:${qi};margin-block-end:calc(${Z} * -1);margin-block-start:calc(${Vt} * -1);padding-block-end:${Z};padding-block-start:${Vt};position:sticky;z-index:1}.content{box-sizing:border-box;color:${_};font-family:${x};font-size:${F};font-weight:${j};line-height:${H};min-height:32px}.actions{box-sizing:border-box;background:${A};display:flex;flex-direction:column;gap:${Z};inset-block-end:0;margin-block-end:calc(${Vt} * -1);padding-block-end:${Vt};padding-block-start:${Wi};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(${Z} * -1);padding-block-start:${Z}}}`,Hb=ol.compose({name:`${b.prefix}-dialog-body`,template:Mb,styles:Db});Hb.define(b.registry);const Ko={separator:"separator",presentation:"presentation"},il=Oe,Lb={center:"center",start:"start",end:"end"},Vb={strong:"strong",brand:"brand",subtle:"subtle"};var jb=Object.defineProperty,Rb=Object.getOwnPropertyDescriptor,rl=(o,e,t,i)=>{for(var r=i>1?void 0:i?Rb(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&jb(e,t,r),r};class $s extends k{constructor(){super(...arguments),this.elementInternals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.elementInternals.role=this.role??Ko.separator,this.role!==Ko.presentation&&(this.elementInternals.ariaOrientation=this.orientation??il.horizontal)}roleChanged(e,t){this.$fastController.isConnected&&(this.elementInternals.role=`${t??Ko.separator}`),t===Ko.presentation&&(this.elementInternals.ariaOrientation=null)}orientationChanged(e,t){this.elementInternals.ariaOrientation=this.role!==Ko.presentation?t??null:null,y(this.elementInternals,e,t,il)}}rl([a],$s.prototype,"role",2),rl([a],$s.prototype,"orientation",2);var qb=Object.defineProperty,Gb=Object.getOwnPropertyDescriptor,ys=(o,e,t,i)=>{for(var r=i>1?void 0:i?Gb(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&qb(e,t,r),r};class sr extends $s{alignContentChanged(e,t){y(this.elementInternals,e,t,Lb,"align-")}appearanceChanged(e,t){y(this.elementInternals,e,t,Vb)}insetChanged(e,t){$(this.elementInternals,"inset",t)}}ys([a({attribute:"align-content"})],sr.prototype,"alignContent",2),ys([a],sr.prototype,"appearance",2),ys([a({mode:"boolean"})],sr.prototype,"inset",2);function Wb(){return g`<slot></slot>`}const Xb=Wb(),Ub=p`
|
|
425
|
+
${C("flex")}
|
|
426
426
|
|
|
427
|
-
:host{contain:content}:host::after,:host::before{align-self:center;background:${
|
|
428
|
-
:host(${
|
|
429
|
-
${
|
|
427
|
+
:host{contain:content}:host::after,:host::before{align-self:center;background:${Go};box-sizing:border-box;content:'';display:flex;flex-grow:1;height:${N}}:host(${Xr}){padding:0 12px}:host ::slotted(*){color:${Ee};font-family:${x};font-size:${G};font-weight:${j};margin:0;padding:0 12px}:host(${Wn})::before,:host(${at})::after{flex-basis:12px;flex-grow:0;flex-shrink:0}:host(${P}){height:100%;min-height:84px}:host(${P}):empty{min-height:20px}:host(${P}){flex-direction:column;align-items:center}:host(${P}${Xr})::before{margin-top:12px}:host(${P}${Xr})::after{margin-bottom:12px}:host(${P}):empty::before,:host(${P}):empty::after{height:10px;min-height:10px;flex-grow:0}:host(${P})::before,:host(${P})::after{width:${N};min-height:20px;height:100%}:host(${P}) ::slotted(*){display:flex;flex-direction:column;padding:12px 0;line-height:20px}:host(${P}${Wn})::before{min-height:8px}:host(${P}${at})::after{min-height:8px}:host(${Lo})::before,:host(${Lo})::after{background:${Ye}}:host(${Lo}) ::slotted(*){color:${_}}:host(${Ue})::before,:host(${Ue})::after{background:${ha}}:host(${Ue}) ::slotted(*){color:${Qr}}:host(${B})::before,:host(${B})::after{background:${mh}}:host(${B}) ::slotted(*){color:${ue}}`.withBehaviors(ne(p`
|
|
428
|
+
:host(${Lo})::before,:host(${Lo})::after,:host(${Ue})::before,:host(${Ue})::after,:host(${B})::before,:host(${B})::after,:host::after,:host::before{background:WindowText;color:WindowText}`)),Kb=sr.compose({name:`${b.prefix}-divider`,template:Xb,styles:Ub});Kb.define(b.registry);const Yb={start:"start",end:"end"},Qb={small:"small",medium:"medium",large:"large",full:"full"},xs={nonModal:"non-modal",modal:"modal",inline:"inline"};var Zb=Object.defineProperty,Jb=Object.getOwnPropertyDescriptor,go=(o,e,t,i)=>{for(var r=i>1?void 0:i?Jb(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Zb(e,t,r),r};class Gt extends k{constructor(){super(...arguments),this.type=xs.modal,this.position=Yb.start,this.size=Qb.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(){re.enqueue(()=>{this.emitBeforeToggle(),this.type===xs.inline||this.type===xs.nonModal?this.dialog.show():this.dialog.showModal(),this.emitToggle()})}hide(){this.emitBeforeToggle(),this.dialog.close(),this.emitToggle()}clickHandler(e){return e.preventDefault(),this.dialog.open&&e.target===this.dialog&&this.hide(),!0}}go([a],Gt.prototype,"type",2),go([a({attribute:"aria-labelledby"})],Gt.prototype,"ariaLabelledby",2),go([a({attribute:"aria-describedby"})],Gt.prototype,"ariaDescribedby",2),go([a],Gt.prototype,"position",2),go([a({attribute:"size"})],Gt.prototype,"size",2),go([m],Gt.prototype,"dialog",2);const eg=p`
|
|
429
|
+
${C("block")}
|
|
430
430
|
|
|
431
|
-
:host{--dialog-backdrop:${
|
|
432
|
-
${
|
|
433
|
-
:host{box-sizing:border-box;grid-template-rows:min-content auto min-content;position:relative;height:100%;padding:${Su};max-height:100svh}.header{display:flex;justify-content:space-between;align-items:center;${zp}}.footer{display:flex;justify-content:flex-start;gap:${xe}}`;function Rb(){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 qb=Rb(),Wb=Hb.compose({name:`${b.prefix}-drawer-body`,template:qb,styles:jb});Wb.define(b.registry);function Wa(o,e="-listbox"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}function Zi(o,e="-option"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}function Ga(o){return o.closest("[lang]")?.lang??"en"}let Gb=0;function Vo(o="id-"){const e=`${o}${Gb++}`;return document.getElementById(e)?Vo(o):e}const Ua={filledDarker:"filled-darker",filledLighter:"filled-lighter",outline:"outline",transparent:"transparent"},Ub={small:"small",medium:"medium",large:"large"},bs={combobox:"combobox",dropdown:"dropdown",select:"select"},Xb=g`<svg class="chevron-down-20-regular" role="button" slot="indicator" viewBox="0 0 20 20" ${U("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>`,Kb=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}" ${U("control")} />`,Yb=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" ${U("control")}>${o=>o.displayValue}</button>`;function Qb(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" ${U("controlSlot")}></slot><slot name="indicator" ${U("indicatorSlot")}>${ve(o.indicator)}</slot></div><slot ${U("listboxSlot")}></slot></template>`}const Zb=Qb({indicator:Xb});var Jb=Object.defineProperty,eg=Object.getOwnPropertyDescriptor,Q=(o,e,t,i)=>{for(var r=i>1?void 0:i?eg(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Jb(e,t,r),r};class R extends w{constructor(){super(),this.activeIndex=0,this.id=Vo("dropdown-"),this.required=!1,this.type=bs.dropdown,this.valueAttribute="",this.elementInternals=this.attachInternals(),this.elementInternals.role="presentation",re.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((r,s)=>{r.active=s===i}),this.open&&this.enabledOptions[i]?.scrollIntoView({block:"nearest"})}}controlChanged(e,t){t&&(t.id=t.id||Vo("input-"),this.controlSlot?.assign(t))}disabledChanged(e,t){re.enqueue(()=>{this.options.forEach(i=>{i.disabled=i.disabledAttribute||this.disabled})})}get displayValue(){if(!this.$fastController.isConnected||!this.control||this.isCombobox&&this.multiple)return $(this.elementInternals,"placeholder-shown",!1),"";this.listFormatter=this.listFormatter??new Intl.ListFormat(Ga(this),{type:"conjunction",style:"narrow"});const e=this.listFormatter.format(this.selectedOptions.map(t=>t.text));return $(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 r of["disabled","multiple"])i.notify(r);re.enqueue(()=>{this.enabledOptions.filter(r=>r.defaultSelected).forEach((r,s)=>{r.selected=this.multiple||s===0})})}}multipleChanged(e,t){this.elementInternals.ariaMultiSelectable=t?"true":"false",$(this.elementInternals,"multiple",t),this.value=null}nameChanged(e,t){re.enqueue(()=>{this.options.forEach(i=>{i.name=t})})}openChanged(e,t){$(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===bs.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(Zi(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(Ga(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===bs.combobox){Kb.render(this,this);return}Yb.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 r=this.getEnabledIndexInBounds(i);return r===0&&this.freeformOption?.hidden&&(r=this.getEnabledIndexInBounds(i+t)),this.activeIndex=r,!0}mousedownHandler(e){if(!(this.disabled||e.target===this.control&&!this.isCombobox))return!Zi(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 r=this.required&&this.listbox.selectedOptions.length===0;this.elementInternals.setValidity({valueMissing:r,...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}}}R.formAssociated=!0,Q([mr],R.prototype,"activeDescendant",1),Q([v],R.prototype,"activeIndex",2),Q([a({attribute:"aria-labelledby",mode:"fromView"})],R.prototype,"ariaLabelledBy",2),Q([v],R.prototype,"control",2),Q([a({mode:"boolean"})],R.prototype,"disabled",2),Q([mr],R.prototype,"displayValue",1),Q([a({attribute:"id"})],R.prototype,"id",2),Q([v],R.prototype,"indicator",2),Q([v],R.prototype,"indicatorSlot",2),Q([a({attribute:"value",mode:"fromView"})],R.prototype,"initialValue",2),Q([v],R.prototype,"listbox",2),Q([v],R.prototype,"listboxSlot",2),Q([a({mode:"boolean"})],R.prototype,"multiple",2),Q([a],R.prototype,"name",2),Q([v],R.prototype,"open",2),Q([a],R.prototype,"placeholder",2),Q([a({mode:"boolean"})],R.prototype,"required",2),Q([a],R.prototype,"type",2),Q([a({attribute:"value"})],R.prototype,"valueAttribute",2);var tg=Object.defineProperty,og=Object.getOwnPropertyDescriptor,Xa=(o,e,t,i)=>{for(var r=i>1?void 0:i?og(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&tg(e,t,r),r};const gs=class mo extends R{constructor(){super(),this.appearance=Ua.outline,this.addEventListener("connected",this.listboxConnectedHandler)}appearanceChanged(e,t){y(this.elementInternals,e,t,Ua)}sizeChanged(e,t){y(this.elementInternals,e,t,Ub)}connectedCallback(){super.connectedCallback(),this.anchorPositionFallback()}disconnectedCallback(){mo.AnchorPositionFallbackObserver?.unobserve(this.listbox),super.disconnectedCallback()}listboxConnectedHandler(e){const t=e.target;Wa(t)&&(this.listbox=t)}openChanged(e,t){if(super.openChanged(e,t),t){mo.AnchorPositionFallbackObserver?.observe(this.listbox);return}mo.AnchorPositionFallbackObserver?.unobserve(this.listbox)}anchorPositionFallback(){mo.AnchorPositionFallbackObserver=mo.AnchorPositionFallbackObserver??new IntersectionObserver(e=>{e.forEach(({boundingClientRect:t,isIntersecting:i,target:r})=>{if(Wa(r)&&!i){if(t.bottom>window.innerHeight){$(r.dropdown.elementInternals,"flip-block",!0);return}t.top<0&&$(r.dropdown.elementInternals,"flip-block",!1)}})},{threshold:1})}};Xa([a],gs.prototype,"appearance",2),Xa([a],gs.prototype,"size",2);let ig=gs;const rg=p`
|
|
434
|
-
${
|
|
431
|
+
:host{--dialog-backdrop:${Zr}}: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:${F};line-height:${H};font-family:${x};font-weight:${j};color:${_};max-width:var(--drawer-width,592px);max-height:100vh;height:100%;margin-inline-start:0;margin-inline-end:auto;border-inline-end-color:${ae};border-inline-start-color:var(--drawer-separator,${ae});outline:none;top:0;bottom:0;width:var(--drawer-width,592px);border-radius:0;padding:0;max-width:var(--drawer-width,592px);box-shadow:${Fa};border:${N} solid ${ae};background:${A}}dialog::backdrop{background:var(--dialog-backdrop)}@layer animations{@media (prefers-reduced-motion:no-preference){dialog{transition:display allow-discrete,opacity,overlay allow-discrete,transform;transition-duration:${hs};transition-timing-function:${Rt}}:host dialog:not([open]){transform:translateX(-100%);transition-timing-function:${jt}}:host([position='end']) dialog:not([open]){transform:translateX(100%);transition-timing-function:${jt}}dialog[open]{transform:translateX(0)}dialog::backdrop{transition:display allow-discrete,opacity,overlay allow-discrete,scale;transition-duration:${hs};transition-timing-function:${Rt};background:var(--dialog-backdrop,${Zr});opacity:0}dialog[open]::backdrop{opacity:1}dialog::backdrop{transition-timing-function:${ps}}}@starting-style{dialog[open]{transform:translateX(-100%)}:host([position='end']) dialog[open]{transform:translateX(100%)}dialog[open]::backdrop{opacity:0}}}`;function tg(){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,e)=>o.clickHandler(e.event)}" @cancel="${(o,e)=>o.hide()}" ${X("dialog")}><slot></slot></dialog>`}const og=tg(),ig=Gt.compose({name:`${b.prefix}-drawer`,template:og,styles:eg});ig.define(b.registry);class rg extends k{}const sg=p`
|
|
432
|
+
${C("grid")}
|
|
433
|
+
:host{box-sizing:border-box;grid-template-rows:min-content auto min-content;position:relative;height:100%;padding:${Ru};max-height:100svh}.header{display:flex;justify-content:space-between;align-items:center;${Gp}}.footer{display:flex;justify-content:flex-start;gap:${ge}}`;function ng(){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 ag=ng(),lg=rg.compose({name:`${b.prefix}-drawer-body`,template:ag,styles:sg});lg.define(b.registry);function sl(o,e="-listbox"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}function nr(o,e="-option"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}function nl(o){return o.closest("[lang]")?.lang??"en"}let cg=0;function Yo(o="id-"){const e=`${o}${cg++}`;return document.getElementById(e)?Yo(o):e}const al={filledDarker:"filled-darker",filledLighter:"filled-lighter",outline:"outline",transparent:"transparent"},dg={small:"small",medium:"medium",large:"large"},ks={combobox:"combobox",dropdown:"dropdown",select:"select"},hg=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>`,ug=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")} />`,pg=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 bg(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")}>${$e(o.indicator)}</slot></div><slot ${X("listboxSlot")}></slot></template>`}const gg=bg({indicator:hg});var fg=Object.defineProperty,mg=Object.getOwnPropertyDescriptor,J=(o,e,t,i)=>{for(var r=i>1?void 0:i?mg(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&fg(e,t,r),r};class R extends k{constructor(){super(),this.activeIndex=0,this.id=Yo("dropdown-"),this.required=!1,this.type=ks.dropdown,this.valueAttribute="",this.elementInternals=this.attachInternals(),this.elementInternals.role="presentation",re.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((r,s)=>{r.active=s===i}),this.open&&this.enabledOptions[i]?.scrollIntoView({block:"nearest"})}}controlChanged(e,t){t&&(t.id=t.id||Yo("input-"),this.controlSlot?.assign(t))}disabledChanged(e,t){re.enqueue(()=>{this.options.forEach(i=>{i.disabled=i.disabledAttribute||this.disabled})})}get displayValue(){if(!this.$fastController.isConnected||!this.control||this.isCombobox&&this.multiple)return $(this.elementInternals,"placeholder-shown",!1),"";this.listFormatter=this.listFormatter??new Intl.ListFormat(nl(this),{type:"conjunction",style:"narrow"});const e=this.listFormatter.format(this.selectedOptions.map(t=>t.text));return $(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 r of["disabled","multiple"])i.notify(r);re.enqueue(()=>{this.enabledOptions.filter(r=>r.defaultSelected).forEach((r,s)=>{r.selected=this.multiple||s===0})})}}multipleChanged(e,t){this.elementInternals.ariaMultiSelectable=t?"true":"false",$(this.elementInternals,"multiple",t),this.value=null}nameChanged(e,t){re.enqueue(()=>{this.options.forEach(i=>{i.name=t})})}openChanged(e,t){$(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===ks.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(nr(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(nl(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===ks.combobox){ug.render(this,this);return}pg.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 r=this.getEnabledIndexInBounds(i);return r===0&&this.freeformOption?.hidden&&(r=this.getEnabledIndexInBounds(i+t)),this.activeIndex=r,!0}mousedownHandler(e){if(!(this.disabled||e.target===this.control&&!this.isCombobox))return!nr(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 r=this.required&&this.listbox.selectedOptions.length===0;this.elementInternals.setValidity({valueMissing:r,...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}}}R.formAssociated=!0,J([Sr],R.prototype,"activeDescendant",1),J([m],R.prototype,"activeIndex",2),J([a({attribute:"aria-labelledby",mode:"fromView"})],R.prototype,"ariaLabelledBy",2),J([m],R.prototype,"control",2),J([a({mode:"boolean"})],R.prototype,"disabled",2),J([Sr],R.prototype,"displayValue",1),J([a({attribute:"id"})],R.prototype,"id",2),J([m],R.prototype,"indicator",2),J([m],R.prototype,"indicatorSlot",2),J([a({attribute:"value",mode:"fromView"})],R.prototype,"initialValue",2),J([m],R.prototype,"listbox",2),J([m],R.prototype,"listboxSlot",2),J([a({mode:"boolean"})],R.prototype,"multiple",2),J([a],R.prototype,"name",2),J([m],R.prototype,"open",2),J([a],R.prototype,"placeholder",2),J([a({mode:"boolean"})],R.prototype,"required",2),J([a],R.prototype,"type",2),J([a({attribute:"value"})],R.prototype,"valueAttribute",2);var vg=Object.defineProperty,$g=Object.getOwnPropertyDescriptor,ll=(o,e,t,i)=>{for(var r=i>1?void 0:i?$g(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&vg(e,t,r),r};const ws=class wo extends R{constructor(){super(),this.appearance=al.outline,this.addEventListener("connected",this.listboxConnectedHandler)}appearanceChanged(e,t){y(this.elementInternals,e,t,al)}sizeChanged(e,t){y(this.elementInternals,e,t,dg)}connectedCallback(){super.connectedCallback(),this.anchorPositionFallback()}disconnectedCallback(){wo.AnchorPositionFallbackObserver?.unobserve(this.listbox),super.disconnectedCallback()}listboxConnectedHandler(e){const t=e.target;sl(t)&&(this.listbox=t)}openChanged(e,t){if(super.openChanged(e,t),t){wo.AnchorPositionFallbackObserver?.observe(this.listbox);return}wo.AnchorPositionFallbackObserver?.unobserve(this.listbox)}anchorPositionFallback(){wo.AnchorPositionFallbackObserver=wo.AnchorPositionFallbackObserver??new IntersectionObserver(e=>{e.forEach(({boundingClientRect:t,isIntersecting:i,target:r})=>{if(sl(r)&&!i){if(t.bottom>window.innerHeight){$(r.dropdown.elementInternals,"flip-block",!0);return}t.top<0&&$(r.dropdown.elementInternals,"flip-block",!1)}})},{threshold:1})}};ll([a],ws.prototype,"appearance",2),ll([a],ws.prototype,"size",2);let yg=ws;const xg=p`
|
|
434
|
+
${C("inline-flex")}
|
|
435
435
|
|
|
436
|
-
:host{anchor-name:--dropdown-trigger;box-sizing:border-box;color:${_};cursor:pointer}:host(${
|
|
437
|
-
${
|
|
436
|
+
:host{anchor-name:--dropdown-trigger;box-sizing:border-box;color:${_};cursor:pointer}:host(${fd}){color:${Yr}}.control{appearance:none;background-color:${A};border-radius:${z};border:none;box-shadow:inset 0 0 0 ${N} var(--control-border-color);box-sizing:border-box;color:inherit;column-gap:${Q};display:inline-flex;justify-content:space-between;min-width:160px;overflow:hidden;padding:${Ze} ${be};position:relative;text-align:start;width:100%;z-index:1;${Ja}}:host(${T}) .control{column-gap:${Q};padding:${ho} ${le};${el}}:host(${S}) .control{column-gap:${Qe};padding:${Z} ${ge};${qp}}::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:${ue};display:inline-flex;justify-content:center;width:20px}:host(${T}) :where(slot[name='indicator'] > *,::slotted([slot='indicator'])){width:16px}:host(${S}) :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:${N}}.control::after{background-color:${Lt};height:${Pe};scale:0 1;transition:scale ${ds} ${Rt}}:host(:where(${ud},:focus-within)) .control::after{scale:1 1;transition-duration:${Ui};transition-timing-function:${jt}}:host(:where(${E},${V})) .control::before{background-color:${Ke}}:host(${V}) .control{--control-border-color:${ts};background-color:${Ce};border-radius:${Li}}:host(${E}) .control{--control-border-color:${Ye}}:host(${E}) .control:hover{--control-border-color:${ao}}:host(:where(${E},${V})) .control:hover::before{background-color:${Dt}}:host(${E}) .control:hover::after{background-color:${so}}:host(${E}) .control:active{--control-border-color:${qo}}:host(:where(${E},${V})) .control:active::before{background-color:${Ht}}:host(:where(${E},${V})) .control:active::after{background-color:${no}}:host(${ft}) .control{background-color:${jo}}:host(:where(${Bt},${ft})) .control{--control-border-color:${ae}}: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:${Ae};background-color:${vt};color:${O}}::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(${H} + (${Ze} * 2) + ${N});max-height:50vh}:host(${T}) ::slotted([popover]){margin-block-start:calc(${te} + (${ho} * 2) + ${N})}:host(${S}) ::slotted([popover]){margin-block-start:calc(${Ie} + (${Z} * 2) + ${N})}:host(${Wc}) ::slotted([popover]){margin-block-start:revert;transform:translate(0,-100%)}}`,kg=yg.compose({name:`${b.prefix}-dropdown`,template:gg,styles:xg,shadowOptions:{slotAssignment:"manual"}});kg.define(b.registry);const wg={above:"above",after:"after",before:"before"},Fe={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 Cg=Object.defineProperty,Sg=Object.getOwnPropertyDescriptor,ar=(o,e,t,i)=>{for(var r=i>1?void 0:i?Sg(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Cg(e,t,r),r};class Qo extends k{constructor(){super(),this.labelSlot=[],this.elementInternals=this.attachInternals(),this.elementInternals.role="presentation"}labelSlotChanged(e,t){t&&this.input&&(this.setLabelProperties(),this.setStates())}messageSlotChanged(e,t){if($(this.elementInternals,"has-message",!!t.length),!t.length){this.removeEventListener("invalid",this.invalidHandler,{capture:!0});return}this.addEventListener("invalid",this.invalidHandler,{capture:!0})}slottedInputsChanged(e,t){t?.length&&(this.input=t?.[0],this.setStates())}inputChanged(e,t){t&&(this.setStates(),this.setLabelProperties())}changeHandler(e){return this.setStates(),this.setValidationStates(),!0}clickHandler(e){return this===e.target&&this.input.click(),!0}focusinHandler(e){return this.matches(":focus-within:has(> :focus-visible)")&&$(this.elementInternals,"focus-visible",!0),!0}focusoutHandler(e){return $(this.elementInternals,"focus-visible",!1),!0}invalidHandler(e){this.messageSlot.length&&e.preventDefault(),this.setValidationStates()}setLabelProperties(){this.$fastController.isConnected&&(this.input.id=this.input.id||eo("input"),this.labelSlot?.forEach(e=>{e instanceof HTMLLabelElement&&(e.htmlFor=e.htmlFor||this.input.id,e.id=e.id||`${this.input.id}--label`,e.setAttribute("aria-hidden","true"),this.input.setAttribute("aria-labelledby",e.id))}))}setStates(){this.elementInternals&&this.input&&($(this.elementInternals,"disabled",!!this.input.disabled),$(this.elementInternals,"readonly",!!this.input.readOnly),$(this.elementInternals,"required",!!this.input.required),$(this.elementInternals,"checked",!!this.input.checked))}setValidationStates(){if(this.input.validity)for(const[e,t]of Object.entries(Fe))$(this.elementInternals,t,this.input.validity[e])}}ar([m],Qo.prototype,"labelSlot",2),ar([m],Qo.prototype,"messageSlot",2),ar([m],Qo.prototype,"slottedInputs",2),ar([m],Qo.prototype,"input",2);var Ig=Object.defineProperty,Pg=Object.getOwnPropertyDescriptor,zg=(o,e,t,i)=>{for(var r=i>1?void 0:i?Pg(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Ig(e,t,r),r};class cl extends Qo{constructor(){super(...arguments),this.labelPosition=wg.above}}zg([a({attribute:"label-position"})],cl.prototype,"labelPosition",2);const Tg=p`
|
|
437
|
+
${C("inline-grid")}
|
|
438
438
|
|
|
439
|
-
:host{color:${_};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(${
|
|
441
|
-
${
|
|
439
|
+
:host{color:${_};align-items:center;gap:0 ${ge};justify-items:start;position:relative}:has([slot='message']){color:${_};row-gap:${Z}}: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:${ge}}:host([label-position='above']){grid-template-areas:'label' 'input' 'message';row-gap:${co}}:host([label-position='below']){grid-template-areas:'input' 'label' 'message';justify-items:center}:host([label-position='below']) ::slotted([slot='label']){margin-block-start:${qu}}:host([label-position='below']:not(${Qc})){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:${co};grid-area:message}:host(${Xc}:focus-within){border-radius:${z};outline:${Pe} solid ${_e}}::slotted(label),::slotted([slot='label']){cursor:inherit;display:inline-flex;font-family:${x};font-size:${F};font-weight:${j};grid-area:label;line-height:${H};user-select:none}:host([size='small']) ::slotted(label){font-size:${G};line-height:${te}}:host([size='large']) ::slotted(label){font-size:${xe};line-height:${Ie}}:host([size='large']) ::slotted(label),:host([weight='semibold']) ::slotted(label){font-weight:${W}}:host(${M}){cursor:default}::slotted([flag]){display:none}:host(${Pc}) ::slotted([flag='${Fe.badInput}']),:host(${Mc}) ::slotted([flag='${Fe.customError}']),:host(${pd}) ::slotted([flag='${Fe.patternMismatch}']),:host(${xd}) ::slotted([flag='${Fe.rangeOverflow}']),:host(${kd}) ::slotted([flag='${Fe.rangeUnderflow}']),:host(${Ld}) ::slotted([flag='${Fe.stepMismatch}']),:host(${jd}) ::slotted([flag='${Fe.tooLong}']),:host(${Rd}) ::slotted([flag='${Fe.tooShort}']),:host(${qd}) ::slotted([flag='${Fe.typeMismatch}']),:host(${Xd}) ::slotted([flag='${Fe.valueMissing}']),:host(${Wd}) ::slotted([flag='${Fe.valid}']){display:block}`,Bg=g`<template @click="${(o,e)=>o.clickHandler(e.event)}" @change="${(o,e)=>o.changeHandler(e.event)}" @focusin="${(o,e)=>o.focusinHandler(e.event)}" @focusout="${(o,e)=>o.focusoutHandler(e.event)}" ${Mr({property:"slottedInputs",attributes:!0,attributeFilter:["disabled","required","readonly"],subtree:!0,selector:'[slot="input"]',filter:zt()})}><slot name="label" part="label" ${U("labelSlot")}></slot><slot name="input" part="input"></slot><slot name="message" part="message" ${U({property:"messageSlot",filter:zt("[flag]")})}></slot></template>`,Og=cl.compose({name:`${b.prefix}-field`,template:Bg,styles:Tg,shadowOptions:{delegatesFocus:!0}});Og.define(b.registry);const Ag={none:"none",center:"center",contain:"contain",cover:"cover"},_g={circular:"circular",rounded:"rounded",square:"square"};var Eg=Object.defineProperty,Ng=Object.getOwnPropertyDescriptor,Zo=(o,e,t,i)=>{for(var r=i>1?void 0:i?Ng(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Eg(e,t,r),r};class fo extends k{constructor(){super(...arguments),this.elementInternals=this.attachInternals()}blockChanged(e,t){$(this.elementInternals,"block",t)}borderedChanged(e,t){$(this.elementInternals,"bordered",t)}shadowChanged(e,t){$(this.elementInternals,"shadow",t)}fitChanged(e,t){y(this.elementInternals,e,t,Ag,"fit-")}shapeChanged(e,t){y(this.elementInternals,e,t,_g)}}Zo([a({mode:"boolean"})],fo.prototype,"block",2),Zo([a({mode:"boolean"})],fo.prototype,"bordered",2),Zo([a({mode:"boolean"})],fo.prototype,"shadow",2),Zo([a],fo.prototype,"fit",2),Zo([a],fo.prototype,"shape",2);const Fg=g`<slot></slot>`,Mg=p`
|
|
440
|
+
:host{contain:content}:host ::slotted(img){box-sizing:border-box;min-height:8px;min-width:8px;display:inline-block}:host(${No}) ::slotted(img){width:100%;height:auto}:host(${Oc}) ::slotted(img){border:${N} solid ${Go}}:host(${Gc}) ::slotted(img){object-fit:none;object-position:top left;height:100%;width:100%}:host(${jc}) ::slotted(img){object-fit:none;object-position:center;height:100%;width:100%}:host(${Rc}) ::slotted(img){object-fit:contain;object-position:center;height:100%;width:100%}:host(${qc}) ::slotted(img){object-fit:cover;object-position:center;height:100%;width:100%}:host(${Td}) ::slotted(img){box-shadow:${Gi}}:host(${Fo}) ::slotted(img){border-radius:${Se}}:host(${ct}) ::slotted(img){border-radius:${z}}`,Dg=fo.compose({name:`${b.prefix}-image`,template:Fg,styles:Mg});Dg.define(b.registry);const Hg={small:"small",medium:"medium",large:"large"},Lg={regular:"regular",semibold:"semibold"};var Vg=Object.defineProperty,jg=Object.getOwnPropertyDescriptor,lr=(o,e,t,i)=>{for(var r=i>1?void 0:i?jg(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Vg(e,t,r),r};class Jo extends k{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.disabled=!1,this.required=!1}sizeChanged(e,t){y(this.elementInternals,e,t,Hg)}weightChanged(e,t){y(this.elementInternals,e,t,Lg)}disabledChanged(e,t){$(this.elementInternals,"disabled",t)}}lr([a],Jo.prototype,"size",2),lr([a],Jo.prototype,"weight",2),lr([a({mode:"boolean"})],Jo.prototype,"disabled",2),lr([a({mode:"boolean"})],Jo.prototype,"required",2);const Rg=p`
|
|
441
|
+
${C("inline-flex")}
|
|
442
442
|
|
|
443
|
-
:host{color:${_};cursor:pointer;font-family:${x};font-size:${
|
|
444
|
-
${
|
|
443
|
+
:host{color:${_};cursor:pointer;font-family:${x};font-size:${F};font-weight:${j};line-height:${H};user-select:none}.asterisk{color:${fa};margin-inline-start:${ke}}:host(${T}){font-size:${G};line-height:${te}}:host(${S}){font-size:${xe};line-height:${Ie}}:host(:is(${S},${Zn})){font-weight:${W}}:host(${M}),:host(${M}) .asterisk{color:${O}}`;function qg(){return g`<slot></slot><span part="asterisk" class="asterisk" ?hidden="${o=>!o.required}">*</span>`}const Gg=qg(),Wg=Jo.compose({name:`${b.prefix}-label`,template:Gg,styles:Rg});Wg.define(b.registry);const Xg={subtle:"subtle"};var Ug=Object.defineProperty,Kg=Object.getOwnPropertyDescriptor,dl=(o,e,t,i)=>{for(var r=i>1?void 0:i?Kg(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Ug(e,t,r),r};class Cs extends Je{constructor(){super(...arguments),this.inline=!1}appearanceChanged(e,t){y(this.elementInternals,e,t,Xg)}inlineChanged(e,t){$(this.elementInternals,"inline",t)}}dl([a],Cs.prototype,"appearance",2),dl([a({mode:"boolean"})],Cs.prototype,"inline",2);const Yg=p`
|
|
444
|
+
${C("inline")}
|
|
445
445
|
|
|
446
|
-
:host{position:relative;box-sizing:border-box;background-color:transparent;color:${
|
|
447
|
-
:host{color:LinkText}`));function
|
|
448
|
-
${
|
|
446
|
+
:host{position:relative;box-sizing:border-box;background-color:transparent;color:${Jd};cursor:pointer;font-family:${x};font-size:${F};font-weight:${j};overflow:inherit;text-align:start;text-decoration:none;text-decoration-thickness:${N};text-overflow:inherit;user-select:text}:host(:is(:hover,:focus-visible)){outline:none;text-decoration-line:underline}@media (hover:hover){:host(:hover){color:${eh}}:host(:active){color:${th}}:host(${B}:hover){color:${ih}}:host(${B}:active){color:${rh}}}:host(${B}){color:${oh}}:host-context(:is(h1,h2,h3,h4,h5,h6,p,fluent-text)),:host(${Jc}){font:inherit;text-decoration:underline}:host(:not([href])){color:inherit;text-decoration:none}::slotted(a){position:absolute;inset:0}`.withBehaviors(ne(p`
|
|
447
|
+
:host{color:LinkText}`));function Qg(){return g`<template tabindex="0" @click="${(o,e)=>o.clickHandler(e.event)}" @keydown="${(o,e)=>o.keydownHandler(e.event)}"><slot></slot></template>`}const Zg=Qg(),Jg=Cs.compose({name:`${b.prefix}-link`,template:Zg,styles:Yg});Jg.define(b.registry);var ef=Object.defineProperty,tf=Object.getOwnPropertyDescriptor,ei=(o,e,t,i)=>{for(var r=i>1?void 0:i?tf(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&ef(e,t,r),r};class mo extends k{constructor(){super(),this.id=Yo("listbox-"),this.elementInternals=this.attachInternals(),this.elementInternals.role="listbox"}multipleChanged(e,t){this.elementInternals.ariaMultiSelectable=t?"true":"false",$(this.elementInternals,"multiple",t),re.enqueue(()=>{this.options.forEach(i=>{i.multiple=!!t})})}optionsChanged(e,t){t?.forEach((i,r)=>{i.elementInternals.ariaPosInSet=`${r+1}`,i.elementInternals.ariaSetSize=`${t.length}`})}beforetoggleHandler(e){if(!this.dropdown)return!0;if(this.dropdown.disabled){this.dropdown.open=!1;return}return this.dropdown.open=e.newState==="open",!0}get enabledOptions(){return this.options?.filter(e=>!e.disabled)??[]}get selectedOptions(){return this.options?.filter(e=>e.selected)??[]}clickHandler(e){if(this.dropdown)return!0;const t=e.target;return nr(t)&&this.selectOption(this.enabledOptions.indexOf(t)),!0}connectedCallback(){super.connectedCallback(),this.$emit("connected")}handleChange(e,t){if(t==="multiple"){this.multiple=e.multiple;return}}selectOption(e=this.selectedIndex){let t=this.selectedIndex;if(!this.multiple)this.enabledOptions.forEach((i,r)=>{const s=r===e;i.selected=s,s&&(t=r)});else{const i=this.enabledOptions[e];i&&(i.selected=!i.selected),t=e}this.selectedIndex=t}}ei([a({attribute:"id",mode:"fromView"})],mo.prototype,"id",2),ei([m],mo.prototype,"multiple",2),ei([m],mo.prototype,"options",2),ei([m],mo.prototype,"selectedIndex",2),ei([m],mo.prototype,"dropdown",2);const of=p`
|
|
448
|
+
${C("inline-flex")}
|
|
449
449
|
|
|
450
|
-
:host{background-color:${A};border-radius:${
|
|
450
|
+
:host{background-color:${A};border-radius:${z};border:none;box-shadow:${ns};box-sizing:border-box;flex-direction:column;margin:0;min-width:160px;padding:${ke};row-gap:${Q};width:auto}`;function rf(){return g`<template id="${o=>o.id}" @beforetoggle="${(o,e)=>o.beforetoggleHandler(e.event)}" @click="${(o,e)=>o.clickHandler(e.event)}"><slot ${U({property:"options",filter:o=>nr(o)})}></slot></template>`}const sf=rf(),nf=mo.compose({name:`${b.prefix}-listbox`,template:sf,styles:of});nf.define(b.registry);class af extends ht{}const lf=ms({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
|
-
`)}),
|
|
455
|
-
${
|
|
454
|
+
`)}),cf=af.compose({name:`${b.prefix}-menu-button`,template:lf,styles:Ji});cf.define(b.registry);const ce={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"};ce.menuitem+"",ce.menuitemcheckbox+"",ce.menuitemradio+"";var df=Object.defineProperty,hf=Object.getOwnPropertyDescriptor,vo=(o,e,t,i)=>{for(var r=i>1?void 0:i?hf(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&df(e,t,r),r};class Le extends k{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.role=ce.menuitem,this.checked=!1,this.handleMenuItemKeyDown=e=>{if(e.defaultPrevented)return!1;switch(e.key){case Ao:case wi:return this.invoke(),!1;case To:return this.disabled||(this.submenu?.togglePopover(!0),this.submenu?.focus()),!1;case zo:return this.parentElement?.hasAttribute("popover")&&(this.parentElement.togglePopover(!1),this.parentElement.parentElement?.focus()),!1}return!0},this.handleMenuItemClick=e=>(e.defaultPrevented||this.disabled||this.invoke(),!1),this.handleMouseOver=e=>(this.disabled||this.submenu?.togglePopover(!0),!1),this.handleMouseOut=e=>(this.contains(document.activeElement)||this.submenu?.togglePopover(!1),!1),this.toggleHandler=e=>{e instanceof ToggleEvent&&e.newState==="open"&&(this.setAttribute("tabindex","-1"),this.elementInternals.ariaExpanded="true",this.setSubmenuPosition()),e instanceof ToggleEvent&&e.newState==="closed"&&(this.elementInternals.ariaExpanded="false",this.setAttribute("tabindex","0"))},this.invoke=()=>{if(!this.disabled)switch(this.role){case ce.menuitemcheckbox:this.checked=!this.checked;break;case ce.menuitem:if(this.submenu){this.submenu.togglePopover(!0),this.submenu.focus();break}this.$emit("change");break;case ce.menuitemradio:this.checked||(this.checked=!0);break}},this.setSubmenuPosition=()=>{if(!CSS.supports("anchor-name","--anchor")&&this.submenu){const e=this.getBoundingClientRect(),t=this.submenu.getBoundingClientRect(),i=getComputedStyle(this).direction==="ltr"?"right":"left";if(e.width+t.width>window.innerWidth*.75){this.submenu.style.translate="0 -100%";return}if(e[i]+t.width>window.innerWidth){this.submenu.style.translate="-100% 0";return}this.submenu.style.translate=`${e.width-8}px 0`}}}disabledChanged(e,t){this.elementInternals.ariaDisabled=t?`${t}`:null,$(this.elementInternals,"disabled",t)}roleChanged(e,t){this.elementInternals.role=t??ce.menuitem}checkedChanged(e,t){const i=this.role!==ce.menuitem;this.elementInternals.ariaChecked=i?`${!!t}`:null,$(this.elementInternals,"checked",i?t:!1),this.$fastController.isConnected&&this.$emit("change",t,{bubbles:!0})}slottedSubmenuChanged(e,t){this.submenu?.removeEventListener("toggle",this.toggleHandler),t.length?(this.submenu=t[0],this.submenu.toggleAttribute("popover",!0),this.submenu.addEventListener("toggle",this.toggleHandler),this.elementInternals.ariaHasPopup="menu",$(this.elementInternals,"submenu",!0)):(this.elementInternals.ariaHasPopup=null,$(this.elementInternals,"submenu",!1))}connectedCallback(){super.connectedCallback(),this.elementInternals.role=this.role??ce.menuitem,this.elementInternals.ariaChecked=this.role!==ce.menuitem?`${!!this.checked}`:null}}vo([a({mode:"boolean"})],Le.prototype,"disabled",2),vo([a],Le.prototype,"role",2),vo([a({mode:"boolean"})],Le.prototype,"checked",2),vo([a({mode:"boolean"})],Le.prototype,"hidden",2),vo([m],Le.prototype,"slottedSubmenu",2),vo([m],Le.prototype,"submenu",2),st(Le,rt);const uf=p`
|
|
455
|
+
${C("grid")}
|
|
456
456
|
|
|
457
|
-
:host{--indent:0;align-items:center;background:${A};border-radius:${
|
|
458
|
-
:host(${
|
|
459
|
-
${
|
|
457
|
+
:host{--indent:0;align-items:center;background:${A};border-radius:${z};color:${Ee};contain:layout;cursor:pointer;flex-shrink:0;font:${j} ${F} / ${H} ${x};grid-gap:4px;grid-template-columns:20px 20px auto 20px;height:32px;overflow:visible;padding:0 10px}:host(:hover){background:${Ni};color:${io}}:host(:active){background-color:${ia};color:${ro}}:host(:active) ::slotted([slot='start']){color:${sh}}:host(${M}){background-color:${vt};color:${O}}:host(${M}) ::slotted([slot='start']),:host(${M}) ::slotted([slot='end']){color:${O}}:host(:focus-visible){border-radius:${z};outline:2px solid ${_e}}.content{white-space:nowrap;flex-grow:1;grid-column:auto / span 2;padding:0 2px}:host(:not(${w})) .indicator,:host(:not(${w})) ::slotted([slot='indicator']),:host(:not(${Oi})) .submenu-glyph,:host(:not(${Oi})) ::slotted([slot='submenu-glyph']){display:none}::slotted([slot='end']){color:${ue};font:${j} ${G} / ${te} ${x};white-space:nowrap}:host([data-indent='1']){--indent:1}:host([data-indent='2']){--indent:2;grid-template-columns:20px 20px auto auto}:host(${Oi}){grid-template-columns:20px auto auto 20px}:host([data-indent='2']${Oi}){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(ne(p`
|
|
458
|
+
:host(${M}),:host(${M}) ::slotted([slot='start']),:host(${M}) ::slotted([slot='end']){color:GrayText}`)),pf=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>'),bf=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 gf(o={}){return g`<template @keydown="${(e,t)=>e.handleMenuItemKeyDown(t.event)}" @click="${(e,t)=>e.handleMenuItemClick(t.event)}" @mouseover="${(e,t)=>e.handleMouseOver(t.event)}" @mouseout="${(e,t)=>e.handleMouseOut(t.event)}" @toggle="${(e,t)=>e.toggleHandler(t.event)}"><slot name="indicator">${$e(o.indicator)}</slot>${Xe(o)}<div part="content" class="content"><slot></slot></div>${gt(o)}<slot name="submenu-glyph">${$e(o.submenuGlyph)}</slot><slot name="submenu" ${U({property:"slottedSubmenu"})}></slot></template>`}const ff=gf({indicator:pf,submenuGlyph:bf}),mf=Le.compose({name:`${b.prefix}-menu-item`,template:ff,styles:uf});mf.define(b.registry);var vf=Object.defineProperty,$f=Object.getOwnPropertyDescriptor,yf=(o,e,t,i)=>{for(var r=i>1?void 0:i?$f(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&vf(e,t,r),r};const Ss=class Hs extends k{constructor(){super(),this.elementInternals=this.attachInternals(),this.focusIndex=-1,this.isNestedMenu=()=>this.parentElement!==null&&Hr(this.parentElement)&&this.parentElement.getAttribute("role")==="menuitem",this.handleFocusOut=e=>{if(!this.contains(e.relatedTarget)&&this.menuItems!==void 0){const t=this.menuItems.findIndex(this.isFocusableElement);this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.menuItems[t].setAttribute("tabindex","0"),this.focusIndex=t}},this.handleItemFocus=e=>{const t=e.target;this.menuItems!==void 0&&t!==this.menuItems[this.focusIndex]&&(this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=this.menuItems.indexOf(t),t.setAttribute("tabindex","0"))},this.changedMenuItemHandler=e=>{if(this.menuItems===void 0)return;const t=e.target,i=this.menuItems.indexOf(t);if(i!==-1&&t.role==="menuitemradio"&&t.checked===!0){for(let s=i-1;s>=0;--s){const n=this.menuItems[s],d=n.getAttribute("role");if(d===ce.menuitemradio&&(n.checked=!1),d==="separator")break}const r=this.menuItems.length-1;for(let s=i+1;s<=r;++s){const n=this.menuItems[s],d=n.getAttribute("role");if(d===ce.menuitemradio&&(n.checked=!1),d==="separator")break}}},this.isMenuItemElement=e=>e instanceof Le||Hr(e)&&e.getAttribute("role")in Hs.focusableElementRoles,this.isFocusableElement=e=>this.isMenuItemElement(e),this.elementInternals.role="menu"}itemsChanged(e,t){this.$fastController.isConnected&&this.menuItems!==void 0&&this.setItems()}connectedCallback(){super.connectedCallback(),re.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(e){if(!(e.defaultPrevented||this.menuItems===void 0))switch(e.key){case Po:this.setFocus(this.focusIndex+1,1);return;case Bo:this.setFocus(this.focusIndex-1,-1);return;case Oo:this.setFocus(this.menuItems.length-1,-1);return;case _o:this.setFocus(0,1);return;default:return!0}}removeItemListeners(e=this.items){e.forEach(t=>{t.removeEventListener("focus",this.handleItemFocus),f.getNotifier(t).unsubscribe(this,"hidden")})}static elementIndent(e){const t=e.getAttribute("role"),i=e.querySelector("[slot=start]");return t&&t!==ce.menuitem?i?2:1:i?1:0}setItems(){const e=Array.from(this.children);this.removeItemListeners(e),e.forEach(n=>f.getNotifier(n).subscribe(this,"hidden"));const t=e.filter(n=>!n.hasAttribute("hidden"));this.menuItems=t;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 r=this.menuItems?.filter(this.isMenuItemElement),s=r?.reduce((n,d)=>{const u=Hs.elementIndent(d);return Math.max(n,u)},0);r?.forEach(n=>{n instanceof Le&&n.setAttribute("data-indent",`${s}`)})}handleChange(e,t){t==="hidden"&&this.setItems()}setFocus(e,t){if(this.menuItems!==void 0)for(;e>=0&&e<this.menuItems.length;){const i=this.menuItems[e];if(this.isFocusableElement(i)){this.focusIndex>-1&&this.menuItems.length>=this.focusIndex-1&&this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=e,i.setAttribute("tabindex","0"),i.focus();break}e+=t}}};Ss.focusableElementRoles=ce,yf([m],Ss.prototype,"items",2);let xf=Ss;const kf=p`
|
|
459
|
+
${C("flex")}
|
|
460
460
|
|
|
461
|
-
:host{flex-direction:column;height:fit-content;max-width:300px;min-width:160px;width:auto;background-color:${A};border:1px solid ${ae};border-radius:${
|
|
462
|
-
${
|
|
461
|
+
:host{flex-direction:column;height:fit-content;max-width:300px;min-width:160px;width:auto;background-color:${A};border:1px solid ${ae};border-radius:${z};box-shadow:${ns};padding:4px;row-gap:2px}`;function wf(){return g`<template slot="${o=>o.slot?o.slot:o.isNestedMenu()?"submenu":void 0}" @keydown="${(o,e)=>o.handleMenuKeyDown(e.event)}" @focusout="${(o,e)=>o.handleFocusOut(e.event)}"><slot ${U("items")}></slot></template>`}const Cf=wf(),Sf=xf.compose({name:`${b.prefix}-menu-list`,template:Cf,styles:kf});Sf.define(b.registry);var If=Object.defineProperty,Pf=Object.getOwnPropertyDescriptor,wt=(o,e,t,i)=>{for(var r=i>1?void 0:i?Pf(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&If(e,t,r),r};class ut extends k{constructor(){super(...arguments),this.slottedMenuList=[],this.slottedTriggers=[],this._open=!1,this.toggleMenu=()=>{this._menuList?.togglePopover(!this._open)},this.closeMenu=e=>{e?.target instanceof Le&&(e.target.getAttribute("role")===ce.menuitemcheckbox||e.target.getAttribute("role")===ce.menuitemradio)||(this._menuList?.togglePopover(!1),this.closeOnScroll&&document.removeEventListener("scroll",this.closeMenu))},this.openMenu=e=>{this._menuList?.togglePopover(!0),e&&this.openOnContext&&e.preventDefault(),this.closeOnScroll&&document.addEventListener("scroll",this.closeMenu)},this.toggleHandler=e=>{if(e.type==="toggle"&&e.newState){const t=e.newState==="open";this._trigger?.setAttribute("aria-expanded",`${t}`),this._open=t,this.focusMenuList()}},this.triggerKeydownHandler=e=>{if(e.defaultPrevented)return;switch(e.key){case wi:case Ao:e.preventDefault(),this.toggleMenu();break;default:return!0}},this.documentClickHandler=e=>{e.composedPath().some(t=>t===this._trigger||t===this._menuList)||this.closeMenu()}}connectedCallback(){super.connectedCallback(),re.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(){re.enqueue(()=>{this._menuList.focus()})}focusTrigger(){re.enqueue(()=>{this._trigger.focus()})}openOnHoverChanged(e,t){t?this._trigger?.addEventListener("mouseover",this.openMenu):this._trigger?.removeEventListener("mouseover",this.openMenu)}persistOnItemClickChanged(e,t){t?this._menuList?.removeEventListener("change",this.closeMenu):this._menuList?.addEventListener("change",this.closeMenu)}openOnContextChanged(e,t){t?this._trigger?.addEventListener("contextmenu",this.openMenu):this._trigger?.removeEventListener("contextmenu",this.openMenu)}closeOnScrollChanged(e,t){t?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(e){if(e.defaultPrevented)return;switch(e.key){case uc:e.preventDefault(),this._open&&(this.closeMenu(),this.focusTrigger());break;case pc:if(this._open&&this.closeMenu(),e.shiftKey&&e.composedPath()[0]!==this._trigger&&e.composedPath()[0].assignedSlot!==this.primaryAction)this.focusTrigger();else if(e.shiftKey)return!0;default:return!0}}}wt([a({attribute:"open-on-hover",mode:"boolean"})],ut.prototype,"openOnHover",2),wt([a({attribute:"open-on-context",mode:"boolean"})],ut.prototype,"openOnContext",2),wt([a({attribute:"close-on-scroll",mode:"boolean"})],ut.prototype,"closeOnScroll",2),wt([a({attribute:"persist-on-item-click",mode:"boolean"})],ut.prototype,"persistOnItemClick",2),wt([a({mode:"boolean"})],ut.prototype,"split",2),wt([m],ut.prototype,"slottedMenuList",2),wt([m],ut.prototype,"slottedTriggers",2),wt([m],ut.prototype,"primaryAction",2);const zf=p`
|
|
462
|
+
${C("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:${N} solid ${Ye};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:${N} solid white}:host([split]) ::slotted([slot='trigger']){border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}`;function
|
|
465
|
-
:host{display:grid;box-sizing:border-box;font-family:${x};font-size:${
|
|
466
|
-
'actions actions actions';grid-template-columns:auto 1fr auto;grid-template-rows:auto auto 1fr;padding-block:${
|
|
467
|
-
${
|
|
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:${N} solid ${Ye};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:${N} solid white}:host([split]) ::slotted([slot='trigger']){border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}`;function Tf(){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,e)=>o.menuKeydownHandler(e.event)}"><slot name="primary-action" ${X("primaryAction")}></slot><slot name="trigger" ${U({property:"slottedTriggers",filter:zt()})}></slot><slot ${U({property:"slottedMenuList",filter:zt()})}></slot></template>`}const Bf=Tf(),Of=ut.compose({name:`${b.prefix}-menu`,template:Bf,styles:zf});Of.define(b.registry);const Af={multiline:"multiline",singleline:"singleline"},_f={rounded:"rounded",square:"square"},Ef={success:"success",warning:"warning",error:"error",info:"info"};var Nf=Object.defineProperty,Ff=Object.getOwnPropertyDescriptor,Is=(o,e,t,i)=>{for(var r=i>1?void 0:i?Ff(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Nf(e,t,r),r};class cr extends k{constructor(){super(),this.elementInternals=this.attachInternals(),this.dismissMessageBar=()=>{this.$emit("dismiss",{})},this.elementInternals.role="status"}shapeChanged(e,t){y(this.elementInternals,e,t,_f)}layoutChanged(e,t){y(this.elementInternals,e,t,Af)}intentChanged(e,t){y(this.elementInternals,e,t,Ef)}}Is([a],cr.prototype,"shape",2),Is([a],cr.prototype,"layout",2),Is([a],cr.prototype,"intent",2);const Mf=p`
|
|
465
|
+
:host{display:grid;box-sizing:border-box;font-family:${x};font-size:${G};line-height:${te};width:100%;background:${jo};border:1px solid ${Ye};padding-inline:${ge};border-radius:${z};min-height:36px;align-items:center;grid-template:'icon body actions dismiss' / auto 1fr auto auto;contain:layout style paint}:host(${Ho}){border-radius:0}:host(${At}){background-color:${va};border-color:${Ch}}:host(${Et}){background-color:${ya};border-color:${ka}}:host(${Wr}){background-color:${pa};border-color:${ga}}:host(${Do}){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:${ge}}.content{grid-area:body;max-width:520px;padding-block:${uo};padding-inline:0}:host(${Do}) .content{padding:0}::slotted([slot='icon']){display:flex;grid-area:icon;flex-direction:column;align-items:center;color:${ue};margin-inline-end:${Qe}}:host(${Do}) ::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:${Qe};gap:${Qe}}:host(${Do}) .actions{margin-block-start:${uo};margin-inline-end:0}:host(${Do}) ::slotted([slot='dismiss']){align-items:start;height:100%;padding-block-start:${Z}}::slotted(*){font-size:inherit}`;function Df(){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 Hf=Df(),Lf=cr.compose({name:`${b.prefix}-message-bar`,template:Hf,styles:Mf,shadowOptions:{mode:b.shadowRootMode}});Lf.define(b.registry);var Vf=Object.defineProperty,jf=Object.getOwnPropertyDescriptor,Te=(o,e,t,i)=>{for(var r=i>1?void 0:i?jf(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Vf(e,t,r),r};class me extends k{constructor(){super(),this.active=!1,this.id=Yo("option-"),this.initialValue="",this.multiple=!1,this.elementInternals=this.attachInternals(),this._value=this.initialValue,this.elementInternals.role="option"}activeChanged(e,t){$(this.elementInternals,"active",t)}currentSelectedChanged(e,t){this.selected=!!t}defaultSelectedChanged(e,t){this.selected=!!t}descriptionSlotChanged(e,t){$(this.elementInternals,"description",!!t?.length)}disabledChanged(e,t){this.elementInternals.ariaDisabled=this.disabled?"true":"false",$(this.elementInternals,"disabled",this.disabled)}disabledAttributeChanged(e,t){this.disabled=!!t}initialValueChanged(e,t){this._value=t}multipleChanged(e,t){$(this.elementInternals,"multiple",t),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(e){this.currentSelected=e,re.enqueue(()=>{this.$fastController.isConnected&&(this.setFormValue(e?this.value:null),this.elementInternals.ariaSelected=e?"true":"false",$(this.elementInternals,"selected",e))}),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(e){this._value=e,this.$fastController.isConnected&&(this.setFormValue(this.selected?e:null),this.freeformOutputs?.forEach(t=>{t.value=e}),f.notify(this,"value"))}connectedCallback(){super.connectedCallback(),this.freeform&&(this.value="",this.hidden=!0,this.selected=!1)}setFormValue(e,t){if(this.disabled){this.elementInternals.setFormValue(null);return}this.elementInternals.setFormValue(e,e??t)}toggleSelected(e=!this.selected){this.selected=e}}me.formAssociated=!0,Te([m],me.prototype,"active",2),Te([a({attribute:"current-selected",mode:"boolean"})],me.prototype,"currentSelected",2),Te([a({attribute:"selected",mode:"boolean"})],me.prototype,"defaultSelected",2),Te([m],me.prototype,"descriptionSlot",2),Te([m],me.prototype,"disabled",2),Te([a({attribute:"disabled",mode:"boolean"})],me.prototype,"disabledAttribute",2),Te([a({attribute:"form"})],me.prototype,"formAttribute",2),Te([a({mode:"boolean"})],me.prototype,"freeform",2),Te([a({attribute:"id"})],me.prototype,"id",2),Te([a({attribute:"value",mode:"fromView"})],me.prototype,"initialValue",2),Te([m],me.prototype,"multiple",2),Te([a],me.prototype,"name",2),Te([m],me.prototype,"start",2),Te([a({attribute:"text",mode:"fromView"})],me.prototype,"textAttribute",2);const Rf=p`
|
|
467
|
+
${C("inline-grid")}
|
|
468
468
|
|
|
469
|
-
:host{-webkit-tap-highlight-color:transparent;${
|
|
470
|
-
align-items:center;background-color:${A};border-radius:${
|
|
471
|
-
'indicator start description'}::slotted([slot='description']){color:${ue};grid-area:description;${
|
|
469
|
+
:host{-webkit-tap-highlight-color:transparent;${Ja}
|
|
470
|
+
align-items:center;background-color:${A};border-radius:${z};border:${Pe} solid ${ae};box-sizing:border-box;color:${Ee};column-gap:${ke};cursor:pointer;grid-template-areas:'indicator start content';grid-template-columns:auto auto 1fr;min-height:32px;padding:${le}}.content{grid-area:content;line-height:1}::slotted([slot='start']){grid-area:start}:host(:hover){background-color:${Ni};color:${io}}:host(:active){background-color:${Fi};color:${ro}}:host(:disabled){background-color:${A};color:${O};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(${Ur}) :is(slot[name='checked-indicator'] > *,::slotted([slot='checked-indicator'])){visibility:visible}:host(${oo}) .checkmark-16-filled,:host(:not(${oo})) .checkmark-12-regular{display:none}:host(${oo}) .checkmark-12-regular{background-color:${A};border-radius:${He};border:${N} solid ${Ke};box-sizing:border-box;cursor:pointer;fill:transparent;position:relative;visibility:visible;width:16px}:host(${oo}${Ur}) .checkmark-12-regular{background-color:${Mt};border-color:${Lt};fill:${Nt}}:host(:disabled${oo}) .checkmark-12-regular{border-color:${Ae}}:host(:disabled${oo}${Ur}) .checkmark-12-regular{background-color:${vt}}:host(${Sc}){border:${Pe} solid ${_e}}@supports (selector(:host(:has(*)))){:host(:has([slot='start']:not([size='16']))){column-gap:${le}}}:host(${Lc}){column-gap:${le};grid-template-areas:'indicator start content'
|
|
471
|
+
'indicator start description'}::slotted([slot='description']){color:${ue};grid-area:description;${el}}`,qf=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,73 +479,73 @@ 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
|
|
483
|
-
${
|
|
482
|
+
`);function Gf(o={}){return g`<slot name="checked-indicator">${$e(o.checkedIndicator)}</slot>${Xe(o)}<div class="content" part="content"><slot ${U({property:"freeformOutputs",filter:zt("output")})}></slot></div><div class="description" part="description"><slot name="description" ${U("descriptionSlot")}></slot></div>`}const Wf=Gf({checkedIndicator:qf}),Xf=me.compose({name:`${b.prefix}-option`,template:Wf,styles:Rf});Xf.define(b.registry);const Uf={medium:"medium",large:"large"},Kf={rounded:"rounded",square:"square"},Yf={success:"success",warning:"warning",error:"error"};var Qf=Object.defineProperty,Zf=Object.getOwnPropertyDescriptor,ti=(o,e,t,i)=>{for(var r=i>1?void 0:i?Zf(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Qf(e,t,r),r};class $o extends k{constructor(){super(),this.elementInternals=this.attachInternals(),this.validationState=null,this.elementInternals.role="progressbar"}validationStateChanged(e,t){y(this.elementInternals,e,t,Yf)}valueChanged(e,t){this.elementInternals.ariaValueNow=typeof t=="number"?`${t}`:null}minChanged(e,t){this.elementInternals.ariaValueMin=typeof t=="number"?`${t}`:null}maxChanged(e,t){this.elementInternals.ariaValueMax=typeof t=="number"?`${t}`:null}get percentComplete(){const e=this.min??0,t=this.max??100,i=this.value??0,r=t-e;return r===0?0:Math.fround((i-e)/r*100)}}ti([a({attribute:"validation-state"})],$o.prototype,"validationState",2),ti([a({converter:se})],$o.prototype,"value",2),ti([a({converter:se})],$o.prototype,"min",2),ti([a({converter:se})],$o.prototype,"max",2),ti([Sr],$o.prototype,"percentComplete",1);var Jf=Object.defineProperty,em=Object.getOwnPropertyDescriptor,hl=(o,e,t,i)=>{for(var r=i>1?void 0:i?em(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Jf(e,t,r),r};class Ps extends $o{thicknessChanged(e,t){y(this.elementInternals,e,t,Uf)}shapeChanged(e,t){y(this.elementInternals,e,t,Kf)}}hl([a],Ps.prototype,"thickness",2),hl([a],Ps.prototype,"shape",2);const tm=p`
|
|
483
|
+
${C("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(${
|
|
489
|
-
${
|
|
485
|
+
:host{width:100%;height:2px;overflow-x:hidden;background-color:${Mi};border-radius:${z};contain:content}:host(${S}){height:4px}:host(${Ho}){border-radius:${Li}}.indicator{background-color:${Mt};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,${Mi} 0%,${Ce} 50%,${Mi} 100%
|
|
487
|
+
);animation-name:indeterminate;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}:host(${Wr}) .indicator{background-color:${ba}}:host(${Et}) .indicator{background-color:${xa}}:host(${At}) .indicator{background-color:${$a}}@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(ne(p`
|
|
488
|
+
:host{background-color:CanvasText}.indicator,:host(:is(${At},${Et},${Wr})) .indicator{background-color:Highlight}`));function om(){return g`<div class="indicator" part="indicator" style="${o=>typeof o.value=="number"?`width: ${o.percentComplete}%`:void 0}"></div>`}const im=om(),rm=Ps.compose({name:`${b.prefix}-progress-bar`,template:im,styles:tm});rm.define(b.registry);class ul extends Ne{connectedCallback(){super.connectedCallback(),this.tabIndex=this.disabled?-1:0}constructor(){super(),this.elementInternals.role="radio"}disabledChanged(e,t){super.disabledChanged(e,t),t&&(this.tabIndex=-1),this.$emit("disabled",t,{bubbles:!0})}requiredChanged(){}setFormValue(){}setValidity(){this.elementInternals.setValidity({})}toggleChecked(e=!0){super.toggleChecked(e)}}function pl(o){const e=o.getRootNode();return e instanceof ShadowRoot?e.activeElement:document.activeElement}const bl=Oe;var sm=Object.defineProperty,nm=Object.getOwnPropertyDescriptor,Wt=(o,e,t,i)=>{for(var r=i>1?void 0:i?nm(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&sm(e,t,r),r};class pt extends k{constructor(){super(),this.dirtyState=!1,this.disabled=!1,this.elementInternals=this.attachInternals(),this.elementInternals.role="radiogroup",this.elementInternals.ariaOrientation=this.orientation??bl.horizontal}checkedIndexChanged(e,t){this.enabledRadios&&this.checkRadio(t)}disabledChanged(e,t){this.$fastController.isConnected&&(this.checkedIndex=-1,this.radios?.forEach(i=>{i.disabled=i.disabledAttribute||this.disabled}),this.restrictFocus())}initialValueChanged(e,t){this.value=t??""}nameChanged(e,t){this.isConnected&&t&&this.radios?.forEach(i=>{i.name=this.name})}orientationChanged(e,t){this.elementInternals.ariaOrientation=this.orientation??bl.horizontal}radiosChanged(e,t){const i=t?.length;if(!i)return;!this.name&&t.every(n=>n.name===t[0].name)&&(this.name=t[0].name);const r=hc(this.enabledRadios,n=>n.initialChecked);t.forEach((n,d)=>{n.ariaPosInSet=`${d+1}`,n.ariaSetSize=`${i}`,this.initialValue&&!this.dirtyState?n.checked=n.value===this.initialValue:n.checked=d===r,n.name=this.name??n.name,n.disabled=this.disabled||n.disabledAttribute}),!this.dirtyState&&this.initialValue&&(this.value=this.initialValue),this.value||(this.checkedIndex=r);const s=t.map(n=>n.id).join(" ").trim();s&&this.setAttribute("aria-owns",s),re.enqueue(()=>{this.restrictFocus()})}requiredChanged(e,t){this.elementInternals.ariaRequired=t?"true":null,this.setValidity()}get enabledRadios(){return this.disabled?[]:this.radios?.filter(e=>!e.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 e=document.createElement("input");e.type="radio",e.required=!0,e.checked=!1,this._validationFallbackMessage=e.validationMessage}return this._validationFallbackMessage}get validity(){return this.elementInternals.validity}get value(){return f.notify(this,"value"),this.enabledRadios.find(e=>e.checked)?.value??null}set value(e){const t=this.enabledRadios.findIndex(i=>i.value===e);this.checkedIndex=t,this.$fastController.isConnected&&(this.setFormValue(e),this.setValidity()),f.track(this,"value")}changeHandler(e){if(this===e.target)return!0;this.dirtyState=!0;const t=this.enabledRadios.indexOf(e.target);return this.checkRadio(t),this.radios?.filter(i=>i.disabled)?.forEach(i=>{i.checked=!1}),!0}checkRadio(e=this.checkedIndex,t=!1){let i=this.checkedIndex;this.enabledRadios.forEach((r,s)=>{const n=s===e;r.checked=n,n&&(i=s,t&&r.$emit("change"))}),this.checkedIndex=i,this.setFormValue(this.value),this.setValidity()}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(e){return this===e.target&&this.enabledRadios[Math.max(0,this.checkedIndex)]?.focus(),!0}focus(){this.enabledRadios[Math.max(0,this.checkedIndex)]?.focus()}focusinHandler(e){return this.disabled||this.enabledRadios.forEach(t=>{t.tabIndex=0}),!0}focusoutHandler(e){return this.radios?.includes(e.relatedTarget)&&this.radios?.some(t=>t.checked)&&this.restrictFocus(),!0}formResetCallback(){this.dirtyState=!1,this.checkedIndex=-1,this.setFormValue(this.value),this.setValidity()}getEnabledIndexInBounds(e,t=this.enabledRadios.length){return t===0?-1:(e+t)%t}keydownHandler(e){const t=Vr(this)==="rtl",i=this.enabledRadios.findIndex(n=>n===pl(this))??this.checkedIndex;let r=0;switch(e.key){case"ArrowLeft":{r=t?1:-1;break}case"ArrowUp":{r=-1;break}case"ArrowRight":{r=t?-1:1;break}case"ArrowDown":{r=1;break}case"Tab":{this.restrictFocus();break}case" ":{this.checkRadio();break}}if(!r)return!0;const s=i+r;this.checkRadio(this.getEnabledIndexInBounds(s),!0),this.enabledRadios[this.checkedIndex]?.focus()}disabledRadioHandler(e){e.detail===!0&&e.target.checked&&(this.checkedIndex=-1)}reportValidity(){return this.elementInternals.reportValidity()}restrictFocus(){let e=Math.max(this.checkedIndex,0);const t=this.enabledRadios.indexOf(pl(this));t!==-1&&(e=t),e=this.getEnabledIndexInBounds(e),this.enabledRadios.forEach((i,r)=>{i.tabIndex=r===e?0:-1})}setFormValue(e,t){this.elementInternals.setFormValue(e,e??t)}setValidity(e,t,i){if(this.$fastController.isConnected){if(this.disabled||!this.required){this.elementInternals.setValidity({});return}this.elementInternals.setValidity({valueMissing:this.required&&!this.value,...e},t??this.validationMessage,i??this.enabledRadios[0])}}slotchangeHandler(e){re.enqueue(()=>{this.radios=[...this.querySelectorAll("*")].filter(t=>t instanceof ul)})}}pt.formAssociated=!0,Wt([m],pt.prototype,"checkedIndex",2),Wt([a({attribute:"disabled",mode:"boolean"})],pt.prototype,"disabled",2),Wt([a({attribute:"value",mode:"fromView"})],pt.prototype,"initialValue",2),Wt([a],pt.prototype,"name",2),Wt([a],pt.prototype,"orientation",2),Wt([m],pt.prototype,"radios",2),Wt([a({mode:"boolean"})],pt.prototype,"required",2);const am=p`
|
|
489
|
+
${C("flex")}
|
|
490
490
|
|
|
491
|
-
:host{-webkit-tap-highlight-color:transparent;cursor:pointer;gap:${
|
|
492
|
-
${
|
|
491
|
+
:host{-webkit-tap-highlight-color:transparent;cursor:pointer;gap:${Wi}}:host(${M}),:host([orientation='vertical']){flex-direction:column;justify-content:flex-start}:host([orientation='horizontal']){flex-direction:row}::slotted(*){color:${ue}}::slotted(:hover){color:${Ee}}::slotted(:active){color:${_}}::slotted(${M}){color:${O}}::slotted(${w}){color:${_}}`;function lm(){return g`<template @disabled="${(o,e)=>o.disabledRadioHandler(e.event)}" @change="${(o,e)=>o.changeHandler(e.event)}" @click="${(o,e)=>o.clickHandler(e.event)}" @focusin="${(o,e)=>o.focusinHandler(e.event)}" @focusout="${(o,e)=>o.focusoutHandler(e.event)}" @keydown="${(o,e)=>o.keydownHandler(e.event)}"><slot @slotchange="${(o,e)=>o.slotchangeHandler(e.event)}"></slot></template>`}const cm=lm(),dm=pt.compose({name:`${b.prefix}-radio-group`,template:cm,styles:am});dm.define(b.registry);const hm=p`
|
|
492
|
+
${C("inline-flex")}
|
|
493
493
|
|
|
494
|
-
:host{--size:16px;aspect-ratio:1;background-color:${A};border:${N} solid ${Ke};border-radius:${
|
|
495
|
-
:host{border-color:FieldText}:host(:not([slot='input']:focus-visible))::after{border-color:Canvas}:host(:not(${
|
|
494
|
+
:host{--size:16px;aspect-ratio:1;background-color:${A};border:${N} solid ${Ke};border-radius:${Se};box-sizing:border-box;position:relative;width:var(--size)}:host([size='large']){--size:20px}.checked-indicator{aspect-ratio:1;border-radius:${Se};color:${Nt};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:${Pe} solid ${ae};border-radius:${z}}:host(:not([slot='input']):focus-visible)::after{border-color:${_e}}:host(:hover){border-color:${Dt}}:host(${w}){border-color:${Lt}}:host(${w}) .checked-indicator{background-color:${Mt}}:host(${w}:hover) .checked-indicator{background-color:${so}}:host(:active){border-color:${Ht}}:host(${w}:active) .checked-indicator{background-color:${no}}:host(:focus-visible){outline:none}:host(${M}){background-color:${vt};border-color:${Ae}}:host(${w}${M}) .checked-indicator{background-color:${Ae}}`.withBehaviors(ne(p`
|
|
495
|
+
:host{border-color:FieldText}:host(:not([slot='input']:focus-visible))::after{border-color:Canvas}:host(:not(${M}):hover),:host(:not([slot='input']):focus-visible)::after{border-color:Highlight}.checked-indicator{color:HighlightText}:host(${w}) .checked-indicator{background-color:FieldText}:host(${w}:not(${M}):hover) .checked-indicator{background-color:Highlight}:host(${M}){border-color:GrayText;color:GrayText}:host(${M}${w}) .checked-indicator{background-color:GrayText}`)),um=g.partial(`
|
|
496
496
|
<span part="checked-indicator" class="checked-indicator" role="presentation"></span>
|
|
497
|
-
`);function
|
|
498
|
-
${
|
|
497
|
+
`);function pm(o={}){return g`<template @click="${(e,t)=>e.clickHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" @keyup="${(e,t)=>e.keyupHandler(t.event)}"><slot name="checked-indicator">${$e(o.checkedIndicator)}</slot></template>`}const bm=pm({checkedIndicator:um}),gm=ul.compose({name:`${b.prefix}-radio`,template:bm,styles:hm});gm.define(b.registry);var fm=Object.defineProperty,mm=Object.getOwnPropertyDescriptor,yo=(o,e,t,i)=>{for(var r=i>1?void 0:i?mm(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&fm(e,t,r),r};class Xt extends k{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 e="",t;this.customIcon&&(t=/<svg[^>]*>([\s\S]*?)<\/svg>/.exec(this.customIcon)?.[1]??"");const i=this.getSelectedValue();for(let r=0;r<this.getMaxIcons();r++){const s=(r+1)/2;e+=`<svg aria-hidden="true" viewBox="${this.iconViewBox??"0 0 20 20"}" ${s===i?"selected":""}>${t??'<use href="#star"></use>'}</svg>`}return e}}yo([a({converter:se})],Xt.prototype,"count",2),yo([a({attribute:"icon-view-box"})],Xt.prototype,"iconViewBox",2),yo([a({converter:se})],Xt.prototype,"max",2),yo([a({converter:se})],Xt.prototype,"value",2),yo([m],Xt.prototype,"slottedIcon",2),yo([m],Xt.prototype,"customIcon",2);const vm={neutral:"neutral",brand:"brand",marigold:"marigold"},$m={small:"small",medium:"medium",large:"large"};var ym=Object.defineProperty,xm=Object.getOwnPropertyDescriptor,zs=(o,e,t,i)=>{for(var r=i>1?void 0:i?xm(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&ym(e,t,r),r};class dr extends Xt{constructor(){super(...arguments),this.compact=!1}colorChanged(e,t){y(this.elementInternals,e,t,vm)}sizeChanged(e,t){y(this.elementInternals,e,t,$m)}getSelectedValue(){return Math.round((this.compact?1:this.value??0)*2)/2}getMaxIcons(){return(this.compact?1:this.max??5)*2}}zs([a],dr.prototype,"color",2),zs([a],dr.prototype,"size",2),zs([a({mode:"boolean"})],dr.prototype,"compact",2);const km=p`
|
|
498
|
+
${C("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}`)),
|
|
502
|
-
:host{--step-rate:${e}%}`,this.$fastController.addStyles(this.stepStyles)}else this.stepStyles!==void 0&&this.$fastController.removeStyles(this.stepStyles)}initialValueChanged(e,t){this.$fastController.isConnected?this.value=t:this._value=t}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(e){this.setValidity({customError:!!e},e)}setValidity(e,t,i){if(this.$fastController.isConnected){if(this.disabled){this.elementInternals.setValidity({});return}this.elementInternals.setValidity({customError:!!t,...e},t??this.validationMessage,i)}}get value(){return f.track(this,"value"),this._value?.toString()??""}set value(e){if(!this.$fastController.isConnected){this._value=e.toString();return}const t=parseFloat(e),i=
|
|
503
|
-
${
|
|
500
|
+
:host{--icon-size:16px;--icon-color-filled:${_h};--icon-color-empty:${Ca};align-items:center;color:${_};font-family:${x};font-size:${G};line-height:${te};contain:layout style;user-select:none}:host(${T}){--icon-size:12px}:host(${S}){--icon-size:20px;font-size:${F};line-height:${H}}::slotted([slot='icon']){display:none}svg{width:var(--icon-size);height:var(--icon-size);fill:var(--icon-color-filled);margin-inline-end:${Q}}svg:nth-child(odd){clip-path:inset(0 50% 0 0);margin-inline-end:calc(0px - var(--icon-size))}:host(${Ti}) svg{--icon-color-filled:${_}}:host(${Ue}) svg{--icon-color-filled:${Jr}}:host(:is([value^='-'],[value='0'])) svg,:host(:not([value])) svg,svg[selected] ~ svg{fill:var(--icon-color-empty)}:host(${Ti}:is([value^='-'],[value='0'])) svg,:host(${Ti}:not([value])) svg,:host(${Ti}) svg[selected] ~ svg{--icon-color-empty:${Fi}}:host(${Ue}:is([value^='-'],[value='0'])) svg,:host(${Ue}:not([value])) svg,:host(${Ue}) svg[selected] ~ svg{--icon-color-empty:${es}}.value-label,::slotted([slot='value']){display:block;margin-inline-start:${ke};font-weight:${W}}:host(${T}) .value-label,:host(${T}) ::slotted([slot='value']){margin-inline-start:${Q}}:host(${S}) .value-label,:host(${S}) ::slotted([slot='value']){margin-inline-start:${le}}:host(:not([count])) .count-label{display:none}.count-label::before,::slotted([slot='count'])::before{content:'·';margin-inline:${ke}}:host(${T}) .count-label::before,:host(${T}) ::slotted([slot='count'])::before{margin-inline:${Q}}:host(${S}) .count-label::before,:host(${S}) ::slotted([slot='count'])::before{margin-inline:${le}}`.withBehaviors(ne(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}`)),wm=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 Cm(){return g` ${o=>g`${$e(o.generateIcons())}`}<slot name="icon" ${U({property:"slottedIcon",filter:zt("svg")})}>${wm}</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 Sm=Cm(),Im=dr.compose({name:`${b.prefix}-rating-display`,template:Sm,styles:km});Im.define(b.registry);const Pm={small:"small",medium:"medium"},zm=Oe,Tm={singleValue:"single-value"};function gl(o,e,t,i){let r=Lr(0,1,(o-e)/(t-e));return i===We.rtl&&(r=1-r),r}var Bm=Object.defineProperty,Om=Object.getOwnPropertyDescriptor,de=(o,e,t,i)=>{for(var r=i>1?void 0:i?Om(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Bm(e,t,r),r};class ee extends k{constructor(){super(),this.elementInternals=this.attachInternals(),this.direction=We.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=Tm.singleValue,this.setupTrackConstraints=()=>{const e=this.track.getBoundingClientRect();this.trackWidth=this.track.clientWidth,this.trackMinWidth=this.track.clientLeft,this.trackHeight=e.top,this.trackMinHeight=e.bottom,this.trackLeft=this.getBoundingClientRect().left,this.trackWidth===0&&(this.trackWidth=1)},this.handleThumbPointerDown=e=>{const t=e!==null?window.addEventListener:window.removeEventListener;return t("pointerup",this.handleWindowPointerUp),t("pointermove",this.handlePointerMove,{passive:!0}),t("touchmove",this.handlePointerMove,{passive:!0}),t("touchend",this.handleWindowPointerUp),this.isDragging=e!==null,!0},this.handlePointerMove=e=>{if(this.disabled||e.defaultPrevented)return;const t=window.TouchEvent&&e instanceof TouchEvent?e.touches[0]:e,i=this.thumb.getBoundingClientRect().width,r=this.orientation===Oe.vertical?t.pageY-document.documentElement.scrollTop:t.pageX-document.documentElement.scrollLeft-this.trackLeft-i/2;this.value=`${this.calculateNewValue(r)}`},this.handleWindowPointerUp=()=>{this.stopDragging()},this.stopDragging=()=>{this.isDragging=!1,this.handlePointerDown(null),this.handleThumbPointerDown(null)},this.handlePointerDown=e=>{if(e===null||!this.disabled){const t=e!==null?window.addEventListener:window.removeEventListener,i=e!==null?document.addEventListener:document.removeEventListener;t("pointerup",this.handleWindowPointerUp),i("mouseleave",this.handleWindowPointerUp),t("pointermove",this.handlePointerMove);const r=this.thumb.getBoundingClientRect().width;if(e){this.setupTrackConstraints();const s=this.orientation===Oe.vertical?e.pageY-document.documentElement.scrollTop:e.pageX-document.documentElement.scrollLeft-this.trackLeft-r/2;this.value=`${this.calculateNewValue(s)}`}}return!0},this.elementInternals.role="slider",this.elementInternals.ariaOrientation=this.orientation??zm.horizontal}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}sizeChanged(e,t){y(this.elementInternals,e,t,Pm)}handleChange(e,t){switch(t){case"min":case"max":this.setSliderPosition();case"step":this.handleStepStyles();break}}handleStepStyles(){if(this.step){const e=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:${e}%}`,this.$fastController.addStyles(this.stepStyles)}else this.stepStyles!==void 0&&this.$fastController.removeStyles(this.stepStyles)}initialValueChanged(e,t){this.$fastController.isConnected?this.value=t:this._value=t}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(e){this.setValidity({customError:!!e},e)}setValidity(e,t,i){if(this.$fastController.isConnected){if(this.disabled){this.elementInternals.setValidity({});return}this.elementInternals.setValidity({customError:!!t,...e},t??this.validationMessage,i)}}get value(){return f.track(this,"value"),this._value?.toString()??""}set value(e){if(!this.$fastController.isConnected){this._value=e.toString();return}const t=parseFloat(e),i=Lr(this.minAsNumber,this.maxAsNumber,this.convertToConstrainedValue(t)).toString();if(i!==e){this.value=i;return}this._value=e.toString(),this.elementInternals.ariaValueNow=this._value,this.elementInternals.ariaValueText=this.valueTextFormatter(this._value),this.setSliderPosition(),this.$emit("change"),this.setFormValue(e),f.notify(this,"value")}formResetCallback(){this.value=this.initialValue??this.midpoint}formDisabledCallback(e){this.setDisabledSideEffect(e)}setFormValue(e,t){this.elementInternals.setFormValue(e,e??t)}directionChanged(){this.setSliderPosition()}get valueAsNumber(){return parseFloat(this.value)}set valueAsNumber(e){this.value=e.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 e=parseFloat(this.min);if(!Number.isNaN(e))return e}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 e=parseFloat(this.max);if(!Number.isNaN(e))return e}return 100}stepChanged(){this.updateStepMultiplier(),this.$fastController.isConnected&&(this.value=this._value)}get stepAsNumber(){if(this.step!==void 0){const e=parseFloat(this.step);if(!Number.isNaN(e)&&e>0)return e}return 1}orientationChanged(e,t){this.elementInternals.ariaOrientation=t??Oe.horizontal,y(this.elementInternals,e,t,Oe),this.$fastController.isConnected&&this.setSliderPosition()}connectedCallback(){super.connectedCallback(),this.direction=Vr(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 e=this.direction!==We.rtl?Number(this.value)+this.stepAsNumber:Number(this.value)-this.stepAsNumber,t=this.convertToConstrainedValue(e),i=t<this.maxAsNumber?`${t}`:`${this.maxAsNumber}`;this.value=i}decrement(){const e=this.direction!==We.rtl?Number(this.value)-Number(this.stepAsNumber):Number(this.value)+Number(this.stepAsNumber),t=this.convertToConstrainedValue(e),i=t>this.minAsNumber?`${t}`:`${this.minAsNumber}`;this.value=i}handleKeydown(e){if(this.disabled)return!0;switch(e.key){case _o:e.preventDefault(),this.value=this.direction!==We.rtl&&this.orientation!==Oe.vertical?`${this.minAsNumber}`:`${this.maxAsNumber}`;break;case Oo:e.preventDefault(),this.value=this.direction!==We.rtl&&this.orientation!==Oe.vertical?`${this.maxAsNumber}`:`${this.minAsNumber}`;break;case To:case Bo:e.shiftKey||(e.preventDefault(),this.increment());break;case zo:case Po:e.shiftKey||(e.preventDefault(),this.decrement());break}return!0}setSliderPosition(){const t=gl(parseFloat(this.value),this.minAsNumber,this.maxAsNumber,this.direction)*100;this.position=`--slider-thumb: ${t}%; --slider-progress: ${t}%`}updateStepMultiplier(){const e=this.stepAsNumber+"",t=this.stepAsNumber%1?e.length-e.indexOf(".")-1:0;this.stepMultiplier=Math.pow(10,t)}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(e){this.setupTrackConstraints();const t=gl(e,this.orientation===Oe.vertical?this.trackMinHeight:this.trackMinWidth,this.orientation===Oe.vertical?this.trackHeight:this.trackWidth,this.direction),i=(this.maxAsNumber-this.minAsNumber)*t+this.minAsNumber;return this.convertToConstrainedValue(i)}convertToConstrainedValue(e){isNaN(e)&&(e=this.minAsNumber);let t=e-this.minAsNumber;const i=Math.round(t/this.stepAsNumber),r=t-i*(this.stepMultiplier*this.stepAsNumber)/this.stepMultiplier;return t=r>=Number(this.stepAsNumber)/2?t-r+Number(this.stepAsNumber):t-r,t+this.minAsNumber}setDisabledSideEffect(e){this.$fastController.isConnected&&(this.elementInternals.ariaDisabled=e.toString(),this.tabIndex=e?-1:0)}}ee.formAssociated=!0,de([a],ee.prototype,"size",2),de([a({attribute:"value",mode:"fromView"})],ee.prototype,"initialValue",2),de([m],ee.prototype,"direction",2),de([m],ee.prototype,"isDragging",2),de([m],ee.prototype,"position",2),de([m],ee.prototype,"trackWidth",2),de([m],ee.prototype,"trackMinWidth",2),de([m],ee.prototype,"trackHeight",2),de([m],ee.prototype,"trackLeft",2),de([m],ee.prototype,"trackMinHeight",2),de([m],ee.prototype,"valueTextFormatter",2),de([a({mode:"boolean"})],ee.prototype,"disabled",2),de([a({converter:Dr})],ee.prototype,"min",2),de([a({converter:Dr})],ee.prototype,"max",2),de([a({converter:Dr})],ee.prototype,"step",2),de([a],ee.prototype,"orientation",2),de([a],ee.prototype,"mode",2);const Am=p`
|
|
503
|
+
${C("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:${Mt};--track-color:${Ke};--slider-direction:90deg;--border-radius:${z};--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:${so}}:host(:active){--rail-color:${no}}:host(:disabled){--rail-color:${O};--track-color:${vt}}:host(:not(:disabled)){cursor:pointer}:host(:dir(rtl)){--slider-direction:-90deg}:host(${T}){--thumb-size:16px;--track-overhang:-1px;--track-size:2px;--border-radius:${He}}:host(${P}){--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 ${_e};outline:1px solid ${os}}: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(${P})::after,:host(${P}) .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(${P}) .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),${A} calc(var(--step-rate) - 1px),${A} var(--step-rate)
|
|
509
|
-
)}.thumb-container{position:absolute;grid-row:2 / 2;grid-column:2 / 2;transform:translateX(-50%);left:var(--slider-thumb)}:host(${P}) .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
|
|
511
|
-
${
|
|
509
|
+
)}.thumb-container{position:absolute;grid-row:2 / 2;grid-column:2 / 2;transform:translateX(-50%);left:var(--slider-thumb)}:host(${P}) .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:${Se};box-shadow:0 0 0 calc(var(--thumb-size) * 0.2) ${A} inset;border:calc(var(--thumb-size) * 0.05) solid ${Ye};box-sizing:border-box}.thumb,.track::before{background-color:var(--rail-color)}`.withBehaviors(ne(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 _m(o={}){return g`<template tabindex="${e=>e.disabled?null:0}" @pointerdown="${(e,t)=>e.handlePointerDown(t.event)}" @keydown="${(e,t)=>e.handleKeydown(t.event)}"><div ${X("track")} part="track-container" class="track" style="${e=>e.position}"></div><div ${X("thumb")} part="thumb-container" class="thumb-container" style="${e=>e.position}" @pointerdown="${(e,t)=>e.handleThumbPointerDown(t.event)}"><slot name="thumb">${$e(o.thumb)}</slot></div></template>`}const Em=_m({thumb:'<div class="thumb"></div>'}),Nm=ee.compose({name:`${b.prefix}-slider`,template:Em,styles:Am});Nm.define(b.registry);class Fm extends k{constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="progressbar"}}const Mm={primary:"primary",inverted:"inverted"},Dm={tiny:"tiny",extraSmall:"extra-small",small:"small",medium:"medium",large:"large",extraLarge:"extra-large",huge:"huge"};var Hm=Object.defineProperty,Lm=Object.getOwnPropertyDescriptor,fl=(o,e,t,i)=>{for(var r=i>1?void 0:i?Lm(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Hm(e,t,r),r};class Ts extends Fm{sizeChanged(e,t){y(this.elementInternals,e,t,Dm)}appearanceChanged(e,t){y(this.elementInternals,e,t,Mm)}}fl([a],Ts.prototype,"size",2),fl([a],Ts.prototype,"appearance",2);const Vm=p`
|
|
511
|
+
${C("inline-flex")}
|
|
512
512
|
|
|
513
|
-
:host{--duration:1.5s;--indicatorSize:${pe};--size:32px;height:var(--size);width:var(--size);contain:strict;content-visibility:auto}:host(${
|
|
514
|
-
.background{display:none}.indicator{border-color:Canvas;border-block-start-color:Highlight;border-right-color:Highlight}`)),
|
|
515
|
-
${
|
|
513
|
+
:host{--duration:1.5s;--indicatorSize:${pe};--size:32px;height:var(--size);width:var(--size);contain:strict;content-visibility:auto}:host(${Vo}){--indicatorSize:${Pe};--size:20px}:host(${Mo}){--indicatorSize:${Pe};--size:24px}:host(${T}){--indicatorSize:${Pe};--size:28px}:host(${S}){--indicatorSize:${pe};--size:36px}:host(${Ii}){--indicatorSize:${pe};--size:40px}:host(${Zc}){--indicatorSize:${as};--size:44px}.progress,.background,.spinner,.start,.end,.indicator{position:absolute;inset:0}.progress,.spinner,.indicator{animation:none var(--duration) infinite ${Yi}}.progress{animation-timing-function:linear;animation-name:spin-linear}.background{border:var(--indicatorSize) solid ${es};border-radius:50%}:host(${Yn}) .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:${ha};box-sizing:border-box;border-radius:50%;border:var(--indicatorSize) solid transparent;border-block-start-color:currentcolor;border-right-color:currentcolor}:host(${Yn}) .indicator{color:${vh}}.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(ne(p`
|
|
514
|
+
.background{display:none}.indicator{border-color:Canvas;border-block-start-color:Highlight;border-right-color:Highlight}`)),jm=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>`,Rm=Ts.compose({name:`${b.prefix}-spinner`,template:jm,styles:Vm});Rm.define(b.registry);class qm extends Ne{constructor(){super(),this.elementInternals.role="switch"}}function Gm(o={}){return g`<template tabindex="${e=>e.disabled?void 0:0}" @click="${(e,t)=>e.clickHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" @keyup="${(e,t)=>e.keyupHandler(t.event)}"><slot name="switch">${$e(o.switch)}</slot></template>`}const Wm=Gm({switch:'<span class="checked-indicator" part="checked-indicator"></span>'}),Xm=p`
|
|
515
|
+
${C("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(${
|
|
519
|
-
${
|
|
517
|
+
:host{box-sizing:border-box;align-items:center;flex-direction:row;outline:none;user-select:none;contain:content;padding:0 ${Q};width:40px;height:20px;background-color:${Ce};border:1px solid ${Ke};border-radius:${Se};cursor:pointer}:host(:hover){background:none;border-color:${Dt}}:host(:active){border-color:${Ht}}:host(:disabled),:host([readonly]){border:1px solid ${Ae};background-color:none;pointer:default}:host(${w}){background:${Mt};border-color:${Mt}}:host(${w}:hover){background:${so};border-color:${so}}:host(${w}:active){background:${no};border-color:${no}}:host(${w}:disabled){background:${vt};border-color:${Ae}}.checked-indicator{height:14px;width:14px;border-radius:50%;margin-inline-start:0;background-color:${ue};transition-duration:${Ui};transition-timing-function:${Yi};transition-property:margin-inline-start}:host(${w}) .checked-indicator{background-color:${Nt};margin-inline-start:calc(100% - 14px)}:host(${w}:hover) .checked-indicator{background:${nh}}:host(${w}:active) .checked-indicator{background:${ah}}:host(:hover) .checked-indicator{background-color:${Yd}}:host(:active) .checked-indicator{background-color:${Qd}}:host(:disabled) .checked-indicator,:host([readonly]) .checked-indicator{background:${O}}:host(${w}:disabled) .checked-indicator{background:${O}}:host(:focus-visible){outline:none}:host(:not([slot='input']):focus-visible){border-color:${ae};outline:${Pe} solid ${ae};box-shadow:${Gi},0 0 0 2px ${_e}}`.withBehaviors(ne(p`
|
|
518
|
+
:host{border-color:InactiveBorder}:host(${w}),:host(${w}:active),:host(${w}:hover){background:Highlight;border-color:Highlight}.checked-indicator,:host(:hover) .checked-indicator,:host(:active) .checked-indicator{background-color:ActiveCaption}:host(${w}) .checked-indicator,:host(${w}:hover) .checked-indicator,:host(${w}:active) .checked-indicator{background-color:ButtonFace}:host(:disabled) .checked-indicator,:host(${w}:disabled) .checked-indicator{background-color:GrayText}`)),Um=qm.compose({name:`${b.prefix}-switch`,template:Wm,styles:Xm});Um.define(b.registry);class Km extends k{}function Ym(){return g`<template slot="tabpanel" role="tabpanel"><slot></slot></template>`}const Qm=Ym(),Zm=p`
|
|
519
|
+
${C("block")}
|
|
520
520
|
|
|
521
|
-
:host{box-sizing:border-box;padding:${
|
|
522
|
-
:host{--textContent:'${this.textContent}'}`,this.$fastController.addStyles(this.styles)}}
|
|
523
|
-
${
|
|
521
|
+
:host{box-sizing:border-box;padding:${ge} ${be}}`,Jm=Km.compose({name:`${b.prefix}-tab-panel`,template:Qm,styles:Zm});Jm.define(b.registry);var ev=Object.defineProperty,tv=Object.getOwnPropertyDescriptor,ov=(o,e,t,i)=>{for(var r=i>1?void 0:i?tv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&ev(e,t,r),r};class Bs extends k{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)}}ov([a({mode:"boolean"})],Bs.prototype,"disabled",2),st(Bs,rt);function iv(o={}){return g`<template slot="tab" role="tab" aria-disabled="${e=>e.disabled}">${Xe(o)}<span class="tab-content"><slot></slot></span>${gt(o)}</template>`}const rv=iv({}),sv=p`
|
|
523
|
+
${C("inline-flex")}
|
|
524
524
|
|
|
525
|
-
:host{position:relative;flex-direction:column;cursor:pointer;box-sizing:border-box;justify-content:center;line-height:${
|
|
526
|
-
:host([aria-selected='true'])::after{background-color:Highlight}`)),
|
|
525
|
+
:host{position:relative;flex-direction:column;cursor:pointer;box-sizing:border-box;justify-content:center;line-height:${H};font-family:${x};font-size:${F};color:${Ee};fill:currentcolor;grid-row:1;padding:${ge} ${be};border-radius:${z}}:host .tab-content{display:inline-flex;flex-direction:column;padding:0 2px}:host([aria-selected='true']){color:${_};font-weight:${W}}:host .tab-content::after{content:var(--textContent);visibility:hidden;height:0;line-height:${H};font-weight:${W}}:host([aria-selected='true'])::after{background-color:${Lt};border-radius:${Se};content:'';inset:0;position:absolute;z-index:2}:host([aria-selected='false']:hover)::after{background-color:${ao};border-radius:${Se};content:'';inset:0;position:absolute;z-index:1}:host([aria-selected='true'][disabled])::after{background-color:${O}}::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:${O};color:${O}}:host([disabled]:hover)::after{background-color:unset}:host(:focus){outline:none}:host(:focus-visible){border-radius:${He};box-shadow:0 0 0 3px ${_e};outline:1px solid ${os}}`.withBehaviors(ne(p`
|
|
526
|
+
:host([aria-selected='true'])::after{background-color:Highlight}`)),nv=Bs.compose({name:`${b.prefix}-tab`,template:rv,styles:sv});nv.define(b.registry);const av={subtle:"subtle",transparent:"transparent"},hr=Oe;var lv=Object.defineProperty,cv=Object.getOwnPropertyDescriptor,ur=(o,e,t,i)=>{for(var r=i>1?void 0:i?cv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&lv(e,t,r),r};class oi extends k{constructor(){super(...arguments),this.orientation=hr.horizontal,this.prevActiveTabIndex=0,this.activeTabIndex=0,this.change=()=>{this.$emit("change",this.activetab)},this.isDisabledElement=e=>e.getAttribute("aria-disabled")==="true",this.isHiddenElement=e=>e.hasAttribute("hidden"),this.isFocusableElement=e=>!this.isDisabledElement(e)&&!this.isHiddenElement(e),this.handleTabClick=e=>{const t=e.currentTarget;t.nodeType===1&&this.isFocusableElement(t)&&(this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=this.tabs.indexOf(t),this.setComponent())},this.handleTabKeyDown=e=>{if(this.isHorizontal())switch(e.key){case zo:e.preventDefault(),this.adjustBackward(e);break;case To:e.preventDefault(),this.adjustForward(e);break}else switch(e.key){case Bo:e.preventDefault(),this.adjustBackward(e);break;case Po:e.preventDefault(),this.adjustForward(e);break}switch(e.key){case _o:e.preventDefault(),this.adjust(-this.activeTabIndex);break;case Oo:e.preventDefault(),this.adjust(this.tabs.length-this.activeTabIndex-1);break}}}orientationChanged(){this.$fastController.isConnected&&this.setTabs()}activeidChanged(e,t){this.$fastController.isConnected&&this.tabs.length<=this.tabpanels.length&&(this.prevActiveTabIndex=this.tabs.findIndex(i=>i.id===e),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 e="gridColumn",t="gridRow",i=this.isHorizontal()?e:t;this.activeTabIndex=this.getActiveIndex(),this.tabs.forEach((r,s)=>{if(r.slot==="tab"){const n=this.activeTabIndex===s&&this.isFocusableElement(r),d=this.tabIds[s],u=this.tabpanelIds[s];r.setAttribute("id",d),r.setAttribute("aria-selected",n?"true":"false"),r.setAttribute("aria-controls",u),r.addEventListener("click",this.handleTabClick),r.addEventListener("keydown",this.handleTabKeyDown),r.setAttribute("tabindex",n?"0":"-1"),n&&(this.activetab=r,this.activeid=d)}r.style[e]="",r.style[t]="",r.style[i]=`${s+1}`,this.isHorizontal()?r.classList.remove("vertical"):r.classList.add("vertical")}),this.setTabPanels()}setTabPanels(){this.tabpanels.forEach((e,t)=>{const i=this.tabIds[t],r=this.tabpanelIds[t];e.setAttribute("id",r),e.setAttribute("aria-labelledby",i),this.activeTabIndex!==t?e.setAttribute("hidden",""):e.removeAttribute("hidden")})}getTabIds(){return this.tabs.map(e=>e.getAttribute("id")??`tab-${eo()}`)}getTabPanelIds(){return this.tabpanels.map(e=>e.getAttribute("id")??`panel-${eo()}`)}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab(),this.change())}isHorizontal(){return this.orientation===hr.horizontal}adjust(e){const t=this.tabs.filter(n=>this.isFocusableElement(n)),i=t.indexOf(this.activetab),r=Lr(0,t.length-1,i+e),s=this.tabs.indexOf(t[r]);s>-1&&this.moveToTabByIndex(this.tabs,s)}adjustForward(e){const t=this.tabs;let i=0;for(i=this.activetab?t.indexOf(this.activetab)+1:1,i===t.length&&(i=0);i<t.length&&t.length>1;)if(this.isFocusableElement(t[i])){this.moveToTabByIndex(t,i);break}else{if(this.activetab&&i===t.indexOf(this.activetab))break;i+1>=t.length?i=0:i+=1}}adjustBackward(e){const t=this.tabs;let i=0;for(i=this.activetab?t.indexOf(this.activetab)-1:0,i=i<0?t.length-1:i;i>=0&&t.length>1;)if(this.isFocusableElement(t[i])){this.moveToTabByIndex(t,i);break}else i-1<0?i=t.length-1:i-=1}moveToTabByIndex(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.tabpanelIds=this.getTabPanelIds(),this.activeTabIndex=this.getActiveIndex()}}ur([a],oi.prototype,"orientation",2),ur([a],oi.prototype,"activeid",2),ur([m],oi.prototype,"tabs",2),ur([m],oi.prototype,"tabpanels",2);var dv=Object.defineProperty,hv=Object.getOwnPropertyDescriptor,Os=(o,e,t,i)=>{for(var r=i>1?void 0:i?hv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&dv(e,t,r),r};class ii extends oi{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=av.transparent}calculateAnimationProperties(e){this.activeTabOffset=this.getTabPosition(e),this.activeTabScale=this.getTabScale(e)}getTabPosition(e){return this.orientation===hr.horizontal?this.previousActiveTabData.x-(e.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(e.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(e){return this.orientation===hr.horizontal?this.previousActiveTabData.width/e.getBoundingClientRect().width:this.previousActiveTabData.height/e.getBoundingClientRect().height}applyUpdatedCSSValues(e){this.calculateAnimationProperties(e),this.setTabScaleCSSVar(),this.setTabOffsetCSSVar()}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(),r=this.getBoundingClientRect();this.activeTabData={x:i.x-r.x,y:i.y-r.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,t){super.activeidChanged(e,t),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}tabsChanged(){super.tabsChanged(),this.setTabData()}}
|
|
529
|
-
${
|
|
528
|
+
:host{--tabIndicatorScale:${this.activeTabScale.toString()}}`,this.$fastController.addStyles(this.styles)}activeidChanged(e,t){super.activeidChanged(e,t),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}tabsChanged(){super.tabsChanged(),this.setTabData()}}Os([a],ii.prototype,"appearance",2),Os([a({mode:"boolean"})],ii.prototype,"disabled",2),Os([a],ii.prototype,"size",2),st(ii,rt);function uv(o={}){return g` ${Xe(o)}<div class="tablist" part="tablist" role="tablist"><slot name="tab" ${U("tabs")}></slot></div>${gt(o)}<div class="tabpanel" part="tabpanel"><slot name="tabpanel" ${U("tabpanels")}></slot></div>`}const pv=uv({}),bv=p`
|
|
529
|
+
${C("grid")}
|
|
530
530
|
|
|
531
|
-
:host{box-sizing:border-box;font-family:${x};font-size:${M};line-height:${j};color:${Me};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}:host([disabled]){cursor:not-allowed;color:${O}}:host([disabled]) ::slotted(fluent-tab){pointer-events:none;cursor:not-allowed;color:${O}}:host([disabled]) ::slotted(fluent-tab:after){background-color:${O}}:host([disabled]) ::slotted(fluent-tab[aria-selected='true'])::after{background-color:${O}}:host([disabled]) ::slotted(fluent-tab:hover):before{content:unset}:host ::slotted(fluent-tab){border-radius:${B}}:host ::slotted(fluent-tab[aria-selected='true'])::before{background-color:${O}}.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:${Ai};color:${Vr};fill:${Wn}}:host([appearance='subtle']) ::slotted(fluent-tab:active){background-color:${eo};fill:${eo};color:${_}}:host([size='small']) ::slotted(fluent-tab){font-size:${M};line-height:${j};padding:${Ze} ${le}}:host([size='large']) ::slotted(fluent-tab){font-size:${ye};line-height:${Ce};padding:${Li} ${be}}:host ::slotted(fluent-tab[data-animate='true'])::after{transition-property:transform;transition-duration:${Ca};transition-timing-function:${rs}}:host ::slotted(fluent-tab)::after{height:${pe};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted(fluent-tab)::after{width:${pe};height:unset;margin-top:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted(fluent-tab)::before{height:${pe};border-radius:${we};content:'';inset:0;position:absolute;margin-top:auto}:host([orientation='vertical']) ::slotted(fluent-tab)::before{height:unset;width:${pe};margin-inline-end:auto;transform-origin:top}:host ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:${pe};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:${pe}}:host([orientation='vertical']) ::slotted(fluent-tab){align-items:flex-start;grid-column:2;padding-top:${Ze};padding-bottom:${Ze}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab){padding-top:${No};padding-bottom:${No}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab){padding-top:${te};padding-bottom:${te}}:host([size='small']) ::slotted(fluent-tab)::after,:host([size='small']) ::slotted(fluent-tab)::before,:host([size='small']) ::slotted(fluent-tab:hover)::after{right:${le};left:${le}}:host ::slotted(fluent-tab)::after,:host ::slotted(fluent-tab)::before,:host ::slotted(fluent-tab:hover)::after{right:${be};left:${be}}:host([size='large']) ::slotted(fluent-tab)::after,:host([size='large']) ::slotted(fluent-tab)::before,:host([size='large']) ::slotted(fluent-tab:hover)::after{right:${be};left:${be}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::after,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::before,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${Ze};bottom:${Ze}}:host([orientation='vertical']) ::slotted(fluent-tab)::after,:host([orientation='vertical']) ::slotted(fluent-tab)::before,:host([orientation='vertical']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${te};bottom:${te}}: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:${no};bottom:${no}}`,Zm=Uo.compose({name:`${b.prefix}-tabs`,template:Ym,styles:Qm});Zm.define(b.registry);const Jm=o=>o.getAttribute("aria-disabled")==="true",ev=o=>o.hasAttribute("hidden"),sr=o=>!Jm(o)&&!ev(o),il={subtle:"subtle",transparent:"transparent"},tv={small:"small",medium:"medium",large:"large"},fo=Be;var ov=Object.defineProperty,iv=Object.getOwnPropertyDescriptor,nr=(o,e,t,i)=>{for(var r=i>1?void 0:i?iv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&ov(e,t,r),r};class Xo extends w{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.disabled=!1,this.orientation=fo.horizontal,this.prevActiveTabIndex=0,this.activeTabIndex=0,this.tabPanelMap=new WeakMap,this.change=()=>{this.$emit("change",this.activetab)},this.handleTabClick=e=>{const t=e.currentTarget;t.nodeType===Node.ELEMENT_NODE&&sr(t)&&(this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=this.tabs.indexOf(t),this.setComponent())},this.handleTabKeyDown=e=>{const t=Ar(this);switch(e.key){case pi:if(!this.isHorizontal())return;e.preventDefault(),this.adjust(t==="ltr"?-1:1);break;case bi:if(!this.isHorizontal())return;e.preventDefault(),this.adjust(t==="ltr"?1:-1);break;case gi:if(this.isHorizontal())return;e.preventDefault(),this.adjust(-1);break;case ui:if(this.isHorizontal())return;e.preventDefault(),this.adjust(1);break;case vi:e.preventDefault(),this.adjust(-this.activeTabIndex);break;case fi:e.preventDefault(),this.adjust(this.tabs.filter(i=>sr(i)).length-this.activeTabIndex-1);break}}}disabledChanged(e,t){$(this.elementInternals,"disabled",t)}orientationChanged(e,t){this.elementInternals.ariaOrientation=t??fo.horizontal,y(this.elementInternals,e,t,fo),this.$fastController.isConnected&&this.setTabs()}activeidChanged(e,t){if(this.$fastController.isConnected&&this.tabs.length>0){if(this.prevActiveTabIndex=this.tabs.findIndex(i=>i.id===e),this.setTabs(),e){const i=this.tabs[this.prevActiveTabIndex],r=this.tabPanelMap.get(i);r&&(r.hidden=!0)}if(t&&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 e of this.tabs){const t=e.getAttribute("aria-controls")??"",r=this.getRootNode().getElementById(t);t&&r&&(r.role??(r.role="tabpanel"),r.hidden=this.activeid!==e.id,this.tabPanelMap.set(e,r))}}}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&&sr(e),r=this.tabIds[t];e.setAttribute("id",r),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=r),this.change()}})}getTabIds(){return this.tabs.map(e=>e.getAttribute("id")??`tab-${Qt()}`)}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab(),this.change())}isHorizontal(){return this.orientation===fo.horizontal}adjust(e){const t=this.tabs.filter(n=>sr(n)),i=t.indexOf(this.activetab),r=Yl(0,t.length-1,i+e),s=this.tabs.indexOf(t[r]);s>-1&&this.activateTabByIndex(this.tabs,s)}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()}}nr([a({mode:"boolean"})],Xo.prototype,"disabled",2),nr([a],Xo.prototype,"orientation",2),nr([a],Xo.prototype,"activeid",2),nr([v],Xo.prototype,"tabs",2);var rv=Object.defineProperty,sv=Object.getOwnPropertyDescriptor,rl=(o,e,t,i)=>{for(var r=i>1?void 0:i?sv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&rv(e,t,r),r};class Cs extends Xo{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=il.transparent}appearanceChanged(e,t){y(this.elementInternals,e,t,il)}sizeChanged(e,t){y(this.elementInternals,e,t,tv)}calculateAnimationProperties(e){this.activeTabOffset=this.getTabPosition(e),this.activeTabScale=this.getTabScale(e)}getTabPosition(e){return this.orientation===fo.horizontal?this.previousActiveTabData.x-(e.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(e.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(e){return this.orientation===fo.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(),r=this.getBoundingClientRect();this.activeTabData={x:i.x-r.x,y:i.y-r.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)}}rl([a],Cs.prototype,"appearance",2),rl([a],Cs.prototype,"size",2);const nv=g`<template role="tablist"><slot name="tab" ${X("tabs")}></slot></template>`,av=p`
|
|
532
|
-
${
|
|
531
|
+
:host{box-sizing:border-box;font-family:${x};font-size:${F};line-height:${H};color:${Ee};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}:host([disabled]){cursor:not-allowed;color:${O}}:host([disabled]) ::slotted(fluent-tab){pointer-events:none;cursor:not-allowed;color:${O}}:host([disabled]) ::slotted(fluent-tab:after){background-color:${O}}:host([disabled]) ::slotted(fluent-tab[aria-selected='true'])::after{background-color:${O}}:host([disabled]) ::slotted(fluent-tab:hover):before{content:unset}:host ::slotted(fluent-tab){border-radius:${z}}:host ::slotted(fluent-tab[aria-selected='true'])::before{background-color:${O}}.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:${Ro};color:${Kr};fill:${ta}}:host([appearance='subtle']) ::slotted(fluent-tab:active){background-color:${Ft};fill:${Ft};color:${_}}:host([size='small']) ::slotted(fluent-tab){font-size:${F};line-height:${H};padding:${Ze} ${le}}:host([size='large']) ::slotted(fluent-tab){font-size:${xe};line-height:${Ie};padding:${Wi} ${be}}:host ::slotted(fluent-tab[data-animate='true'])::after{transition-property:transform;transition-duration:${Ma};transition-timing-function:${us}}:host ::slotted(fluent-tab)::after{height:${pe};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted(fluent-tab)::after{width:${pe};height:unset;margin-top:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted(fluent-tab)::before{height:${pe};border-radius:${Se};content:'';inset:0;position:absolute;margin-top:auto}:host([orientation='vertical']) ::slotted(fluent-tab)::before{height:unset;width:${pe};margin-inline-end:auto;transform-origin:top}:host ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:${pe};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:${pe}}:host([orientation='vertical']) ::slotted(fluent-tab){align-items:flex-start;grid-column:2;padding-top:${Ze};padding-bottom:${Ze}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab){padding-top:${co};padding-bottom:${co}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab){padding-top:${Z};padding-bottom:${Z}}:host([size='small']) ::slotted(fluent-tab)::after,:host([size='small']) ::slotted(fluent-tab)::before,:host([size='small']) ::slotted(fluent-tab:hover)::after{right:${le};left:${le}}:host ::slotted(fluent-tab)::after,:host ::slotted(fluent-tab)::before,:host ::slotted(fluent-tab:hover)::after{right:${be};left:${be}}:host([size='large']) ::slotted(fluent-tab)::after,:host([size='large']) ::slotted(fluent-tab)::before,:host([size='large']) ::slotted(fluent-tab:hover)::after{right:${be};left:${be}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::after,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::before,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${Ze};bottom:${Ze}}:host([orientation='vertical']) ::slotted(fluent-tab)::after,:host([orientation='vertical']) ::slotted(fluent-tab)::before,:host([orientation='vertical']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${Z};bottom:${Z}}: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}}`,gv=ii.compose({name:`${b.prefix}-tabs`,template:pv,styles:bv});gv.define(b.registry);const fv=o=>o.getAttribute("aria-disabled")==="true",mv=o=>o.hasAttribute("hidden"),pr=o=>!fv(o)&&!mv(o),ml={subtle:"subtle",transparent:"transparent"},vv={small:"small",medium:"medium",large:"large"},xo=Oe;var $v=Object.defineProperty,yv=Object.getOwnPropertyDescriptor,br=(o,e,t,i)=>{for(var r=i>1?void 0:i?yv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&$v(e,t,r),r};class ri extends k{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.disabled=!1,this.orientation=xo.horizontal,this.prevActiveTabIndex=0,this.activeTabIndex=0,this.tabPanelMap=new WeakMap,this.change=()=>{this.$emit("change",this.activetab)},this.handleTabClick=e=>{const t=e.currentTarget;t.nodeType===Node.ELEMENT_NODE&&pr(t)&&(this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=this.tabs.indexOf(t),this.setComponent())},this.handleTabKeyDown=e=>{const t=Vr(this);switch(e.key){case zo:if(!this.isHorizontal())return;e.preventDefault(),this.adjust(t==="ltr"?-1:1);break;case To:if(!this.isHorizontal())return;e.preventDefault(),this.adjust(t==="ltr"?1:-1);break;case Bo:if(this.isHorizontal())return;e.preventDefault(),this.adjust(-1);break;case Po:if(this.isHorizontal())return;e.preventDefault(),this.adjust(1);break;case _o:e.preventDefault(),this.adjust(-this.activeTabIndex);break;case Oo:e.preventDefault(),this.adjust(this.tabs.filter(i=>pr(i)).length-this.activeTabIndex-1);break}}}disabledChanged(e,t){$(this.elementInternals,"disabled",t)}orientationChanged(e,t){this.elementInternals.ariaOrientation=t??xo.horizontal,y(this.elementInternals,e,t,xo),this.$fastController.isConnected&&this.setTabs()}activeidChanged(e,t){if(this.$fastController.isConnected&&this.tabs.length>0){if(this.prevActiveTabIndex=this.tabs.findIndex(i=>i.id===e),this.setTabs(),e){const i=this.tabs[this.prevActiveTabIndex],r=this.tabPanelMap.get(i);r&&(r.hidden=!0)}if(t&&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 e of this.tabs){const t=e.getAttribute("aria-controls")??"",r=this.getRootNode().getElementById(t);t&&r&&(r.role??(r.role="tabpanel"),r.hidden=this.activeid!==e.id,this.tabPanelMap.set(e,r))}}}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&&pr(e),r=this.tabIds[t];e.setAttribute("id",r),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=r),this.change()}})}getTabIds(){return this.tabs.map(e=>e.getAttribute("id")??`tab-${eo()}`)}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab(),this.change())}isHorizontal(){return this.orientation===xo.horizontal}adjust(e){const t=this.tabs.filter(n=>pr(n)),i=t.indexOf(this.activetab),r=bc(0,t.length-1,i+e),s=this.tabs.indexOf(t[r]);s>-1&&this.activateTabByIndex(this.tabs,s)}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()}}br([a({mode:"boolean"})],ri.prototype,"disabled",2),br([a],ri.prototype,"orientation",2),br([a],ri.prototype,"activeid",2),br([m],ri.prototype,"tabs",2);var xv=Object.defineProperty,kv=Object.getOwnPropertyDescriptor,vl=(o,e,t,i)=>{for(var r=i>1?void 0:i?kv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&xv(e,t,r),r};class As extends ri{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=ml.transparent}appearanceChanged(e,t){y(this.elementInternals,e,t,ml)}sizeChanged(e,t){y(this.elementInternals,e,t,vv)}calculateAnimationProperties(e){this.activeTabOffset=this.getTabPosition(e),this.activeTabScale=this.getTabScale(e)}getTabPosition(e){return this.orientation===xo.horizontal?this.previousActiveTabData.x-(e.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(e.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(e){return this.orientation===xo.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(),r=this.getBoundingClientRect();this.activeTabData={x:i.x-r.x,y:i.y-r.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)}}vl([a],As.prototype,"appearance",2),vl([a],As.prototype,"size",2);const wv=g`<template role="tablist"><slot name="tab" ${U("tabs")}></slot></template>`,Cv=p`
|
|
532
|
+
${C("flex")}
|
|
533
533
|
|
|
534
|
-
:host{--tabPaddingInline:inherit;--tabPaddingBlock:inherit;--tabIndicatorInsetInline:0;--tabIndicatorInsetBlock:0;box-sizing:border-box;color:${Me};flex-direction:row}:host(${P}){flex-direction:column}:host ::slotted([role='tab']){align-items:flex-start}:host ::slotted([slot='tab'][data-animate='true'])::after{transition-property:transform;transition-duration:${Ca};transition-timing-function:${rs}}:host ::slotted([slot='tab'])::after{height:${pe};margin-block-start:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host(${P}) ::slotted([slot='tab'])::after{width:${pe};height:unset;margin-block-start:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted([slot='tab'])::before{height:${pe};border-radius:${we};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:${O}}:host ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:${pe};margin-block-start:auto;transform-origin:left}:host(${P}) ::slotted([slot='tab'])::before,:host(${P}) ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:unset;width:${pe};margin-inline-end:auto;transform-origin:top}:host(:where(${z},${C})) ::slotted([slot='tab']){padding-inline:var(--tabPaddingInline);padding-block:var(--tabPaddingBlock)}:host(${z}) ::slotted([slot='tab']){--tabPaddingBlock:${Ze};--tabPaddingInline:${le};font-size:${M};line-height:${j}}:host(${C}) ::slotted([slot='tab']){--tabPaddingBlock:${Li};--tabPaddingInline:${be};font-size:${ye};line-height:${Ce}}: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:${be}}:host(${z}) ::slotted([slot='tab']){--tabIndicatorInsetInline:${le}}:host(${C}) ::slotted([slot='tab']){--tabIndicatorInsetInline:${be}}:host(${P}) ::slotted([slot='tab']){padding-block:var(--tabPaddingBlock)}:host(${P}) ::slotted([slot='tab']){--tabPaddingBlock:${te}}:host(${P}${z}) ::slotted([slot='tab']){--tabPaddingBlock:${No}}:host(${P}${C}) ::slotted([slot='tab']){--tabPaddingBlock:${te}}:host(${P}) ::slotted([slot='tab'])::after,:host(${P}) ::slotted([slot='tab'])::before,:host(${P}) ::slotted([slot='tab']:hover)::after{inset-inline:0;inset-block:var(--tabIndicatorInsetBlock)}:host(${P}){--tabIndicatorInsetBlock:${te}}:host(${P}${z}){--tabIndicatorInsetBlock:${Ze}}:host(${P}${C}){--tabIndicatorInsetBlock:${no}}:host(${F}){cursor:not-allowed;color:${O}}:host(${F}) ::slotted([slot='tab']){pointer-events:none;cursor:not-allowed;color:${O}}:host(${F}) ::slotted([slot='tab']:after){background-color:${O}}:host(${F}) ::slotted([slot='tab'][aria-selected='true'])::after{background-color:${O}}:host(${F}) ::slotted([slot='tab']:hover):before{content:unset}:host(${T}) ::slotted([slot='tab']:hover){background-color:${Ai};color:${Vr};fill:${Wn}}:host(${T}) ::slotted([slot='tab']:active){background-color:${eo};fill:${eo};color:${_}}`,lv=Cs.compose({name:`${b.prefix}-tablist`,template:nv,styles:av});lv.define(b.registry);const cv={small:"small",medium:"medium",large:"large"},Ko={outline:"outline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},dv=[Ko.filledLighter,Ko.filledDarker],ar={none:"none",both:"both",horizontal:"horizontal",vertical:"vertical"};var hv=Object.defineProperty,uv=Object.getOwnPropertyDescriptor,me=(o,e,t,i)=>{for(var r=i>1?void 0:i?uv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&hv(e,t,r),r};class oe 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=ar.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(),$(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,ar,"resize-"),$(this.elementInternals,"resize",Nr(ar,t)&&t!==ar.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(){$(this.elementInternals,"user-invalid",!this.validity.valid),$(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")}}oe.formAssociated=!0,me([v],oe.prototype,"defaultSlottedNodes",2),me([v],oe.prototype,"labelSlottedNodes",2),me([a],oe.prototype,"autocomplete",2),me([a({attribute:"auto-resize",mode:"boolean"})],oe.prototype,"autoResize",2),me([a({attribute:"dirname"})],oe.prototype,"dirName",2),me([a({mode:"boolean"})],oe.prototype,"disabled",2),me([a({attribute:"display-shadow",mode:"boolean"})],oe.prototype,"displayShadow",2),me([a({attribute:"form"})],oe.prototype,"initialForm",2),me([a({attribute:"maxlength",converter:se})],oe.prototype,"maxLength",2),me([a({attribute:"minlength",converter:se})],oe.prototype,"minLength",2),me([a],oe.prototype,"name",2),me([a],oe.prototype,"placeholder",2),me([a({attribute:"readonly",mode:"boolean"})],oe.prototype,"readOnly",2),me([a({mode:"boolean"})],oe.prototype,"required",2),me([a({mode:"fromView"})],oe.prototype,"resize",2),me([a({mode:"boolean"})],oe.prototype,"spellcheck",2);var pv=Object.defineProperty,bv=Object.getOwnPropertyDescriptor,Ss=(o,e,t,i)=>{for(var r=i>1?void 0:i?bv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&pv(e,t,r),r};class lr extends oe{constructor(){super(...arguments),this.appearance=Ko.outline,this.block=!1}labelSlottedNodesChanged(){super.labelSlottedNodesChanged(),this.labelSlottedNodes.forEach(e=>{e.size=this.size})}appearanceChanged(e,t){$(this.elementInternals,e,!1),Nr(Ko,t)?$(this.elementInternals,t,!0):this.appearance=Ko.outline}blockChanged(){$(this.elementInternals,"block",this.block)}sizeChanged(e,t){y(this.elementInternals,e,t,cv)}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(){$(this.elementInternals,"display-shadow",this.displayShadow&&dv.includes(this.appearance))}}Ss([a({mode:"fromView"})],lr.prototype,"appearance",2),Ss([a({mode:"boolean"})],lr.prototype,"block",2),Ss([a],lr.prototype,"size",2);const gv=p`
|
|
535
|
-
${
|
|
534
|
+
:host{--tabPaddingInline:inherit;--tabPaddingBlock:inherit;--tabIndicatorInsetInline:0;--tabIndicatorInsetBlock:0;box-sizing:border-box;color:${Ee};flex-direction:row}:host(${P}){flex-direction:column}:host ::slotted([role='tab']){align-items:flex-start}:host ::slotted([slot='tab'][data-animate='true'])::after{transition-property:transform;transition-duration:${Ma};transition-timing-function:${us}}:host ::slotted([slot='tab'])::after{height:${pe};margin-block-start:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host(${P}) ::slotted([slot='tab'])::after{width:${pe};height:unset;margin-block-start:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted([slot='tab'])::before{height:${pe};border-radius:${Se};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:${O}}:host ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:${pe};margin-block-start:auto;transform-origin:left}:host(${P}) ::slotted([slot='tab'])::before,:host(${P}) ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:unset;width:${pe};margin-inline-end:auto;transform-origin:top}:host(:where(${T},${S})) ::slotted([slot='tab']){padding-inline:var(--tabPaddingInline);padding-block:var(--tabPaddingBlock)}:host(${T}) ::slotted([slot='tab']){--tabPaddingBlock:${Ze};--tabPaddingInline:${le};font-size:${F};line-height:${H}}:host(${S}) ::slotted([slot='tab']){--tabPaddingBlock:${Wi};--tabPaddingInline:${be};font-size:${xe};line-height:${Ie}}: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:${be}}:host(${T}) ::slotted([slot='tab']){--tabIndicatorInsetInline:${le}}:host(${S}) ::slotted([slot='tab']){--tabIndicatorInsetInline:${be}}:host(${P}) ::slotted([slot='tab']){padding-block:var(--tabPaddingBlock)}:host(${P}) ::slotted([slot='tab']){--tabPaddingBlock:${Z}}:host(${P}${T}) ::slotted([slot='tab']){--tabPaddingBlock:${co}}:host(${P}${S}) ::slotted([slot='tab']){--tabPaddingBlock:${Z}}:host(${P}) ::slotted([slot='tab'])::after,:host(${P}) ::slotted([slot='tab'])::before,:host(${P}) ::slotted([slot='tab']:hover)::after{inset-inline:0;inset-block:var(--tabIndicatorInsetBlock)}:host(${P}){--tabIndicatorInsetBlock:${Z}}:host(${P}${T}){--tabIndicatorInsetBlock:${Ze}}:host(${P}${S}){--tabIndicatorInsetBlock:${uo}}:host(${M}){cursor:not-allowed;color:${O}}:host(${M}) ::slotted([slot='tab']){pointer-events:none;cursor:not-allowed;color:${O}}:host(${M}) ::slotted([slot='tab']:after){background-color:${O}}:host(${M}) ::slotted([slot='tab'][aria-selected='true'])::after{background-color:${O}}:host(${M}) ::slotted([slot='tab']:hover):before{content:unset}:host(${B}) ::slotted([slot='tab']:hover){background-color:${Ro};color:${Kr};fill:${ta}}:host(${B}) ::slotted([slot='tab']:active){background-color:${Ft};fill:${Ft};color:${_}}`,Sv=As.compose({name:`${b.prefix}-tablist`,template:wv,styles:Cv});Sv.define(b.registry);const Iv={small:"small",medium:"medium",large:"large"},si={outline:"outline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},Pv=[si.filledLighter,si.filledDarker],gr={none:"none",both:"both",horizontal:"horizontal",vertical:"vertical"};var zv=Object.defineProperty,Tv=Object.getOwnPropertyDescriptor,ve=(o,e,t,i)=>{for(var r=i>1?void 0:i?Tv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&zv(e,t,r),r};class oe extends k{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=gr.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(),$(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,gr,"resize-"),$(this.elementInternals,"resize",qr(gr,t)&&t!==gr.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(){$(this.elementInternals,"user-invalid",!this.validity.valid),$(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")}}oe.formAssociated=!0,ve([m],oe.prototype,"defaultSlottedNodes",2),ve([m],oe.prototype,"labelSlottedNodes",2),ve([a],oe.prototype,"autocomplete",2),ve([a({attribute:"auto-resize",mode:"boolean"})],oe.prototype,"autoResize",2),ve([a({attribute:"dirname"})],oe.prototype,"dirName",2),ve([a({mode:"boolean"})],oe.prototype,"disabled",2),ve([a({attribute:"display-shadow",mode:"boolean"})],oe.prototype,"displayShadow",2),ve([a({attribute:"form"})],oe.prototype,"initialForm",2),ve([a({attribute:"maxlength",converter:se})],oe.prototype,"maxLength",2),ve([a({attribute:"minlength",converter:se})],oe.prototype,"minLength",2),ve([a],oe.prototype,"name",2),ve([a],oe.prototype,"placeholder",2),ve([a({attribute:"readonly",mode:"boolean"})],oe.prototype,"readOnly",2),ve([a({mode:"boolean"})],oe.prototype,"required",2),ve([a({mode:"fromView"})],oe.prototype,"resize",2),ve([a({mode:"boolean"})],oe.prototype,"spellcheck",2);var Bv=Object.defineProperty,Ov=Object.getOwnPropertyDescriptor,_s=(o,e,t,i)=>{for(var r=i>1?void 0:i?Ov(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Bv(e,t,r),r};class fr extends oe{constructor(){super(...arguments),this.appearance=si.outline,this.block=!1}labelSlottedNodesChanged(){super.labelSlottedNodesChanged(),this.labelSlottedNodes.forEach(e=>{e.size=this.size})}appearanceChanged(e,t){$(this.elementInternals,e,!1),qr(si,t)?$(this.elementInternals,t,!0):this.appearance=si.outline}blockChanged(){$(this.elementInternals,"block",this.block)}sizeChanged(e,t){y(this.elementInternals,e,t,Iv)}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(){$(this.elementInternals,"display-shadow",this.displayShadow&&Pv.includes(this.appearance))}}_s([a({mode:"fromView"})],fr.prototype,"appearance",2),_s([a({mode:"boolean"})],fr.prototype,"block",2),_s([a],fr.prototype,"size",2);const Av=p`
|
|
535
|
+
${C("inline-block")}
|
|
536
536
|
|
|
537
|
-
:host{--font-size:${
|
|
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
|
|
539
|
-
${
|
|
537
|
+
:host{--font-size:${F};--line-height:${H};--padding-inline:${be};--padding-block:${Ze};--min-block-size:52px;--block-size:var(--min-block-size);--inline-size:18rem;--border-width:${N};--control-padding-inline:${Q};--color:${_};--background-color:${A};--border-color:${Ye};--border-block-end-color:${Ke};--placeholder-color:${Yr};--focus-indicator-color:${Lt};--box-shadow:none;--contain-size:size;--resize:none;color:var(--color);font-family:${x};font-size:var(--font-size);font-weight:${j};line-height:var(--line-height);position:relative}:host(:hover){--border-color:${ao};--border-block-end-color:${Dt}}:host(:active){--border-color:${qo};--border-block-end-color:${Ht}}:host(:focus-within){outline:none}:host(${No}:not([hidden])){display:block}:host(${T}){--font-size:${G};--line-height:${te};--min-block-size:40px;--padding-block:${ho};--padding-inline:${le};--control-padding-inline:${Q}}:host(${S}){--font-size:${xe};--line-height:${Ie};--min-block-size:64px;--padding-block:${Z};--padding-inline:${ge};--control-padding-inline:${le}}:host(${Cd}:not(:disabled)){--resize:both}:host(${Sd}:not(:disabled)){--resize:horizontal}:host(${Id}:not(:disabled)){--resize:vertical}:host(${Xn}){--block-size:auto;--contain-size:inline-size}:host(${ft}){--background-color:${jo};--border-color:var(--background-color);--border-block-end-color:var(--border-color)}:host(${Bt}){--border-color:var(--background-color);--border-block-end-color:var(--border-color)}:host(${ft}${Un}),:host(${Bt}${Un}){--box-shadow:${ss}}:host(${Gd}){--border-color:${is};--border-block-end-color:${is}}:host(:disabled){--color:${O};--background-color:${Ce};--border-color:${Ae};--border-block-end-color:var(--border-color);--box-shadow:none;--placeholder-color:${O};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:${z};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(${No}) .root{inline-size:auto}.root::after{border-bottom:2px solid var(--focus-indicator-color);border-radius:0 0 ${z} ${z};box-sizing:border-box;clip-path:inset(calc(100% - 2px) 1px 0px);content:'';height:max(2px,${z});inset:auto -1px 0;position:absolute;transform:scaleX(0);transition-delay:${jt};transition-duration:${ds};transition-property:transform}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${Ui};transition-delay:${Rt}}: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:${ke}}: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(${Xn}) .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:${Nt};background-color:${ra}}`.withBehaviors(ne(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 _v(){return g`<template><label ${X("labelEl")} for="control" part="label"><slot name="label" ${U({property:"labelSlottedNodes",filter:jr})}></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 ${U({property:"defaultSlottedNodes",filter:jr})}></slot></div></template>`}const Ev=_v(),Nv=fr.compose({name:`${b.prefix}-textarea`,template:Ev,styles:Av,shadowOptions:{delegatesFocus:!0}});Nv.define(b.registry);const Fv={small:"small",medium:"medium",large:"large"},Mv={outline:"outline",underline:"underline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},Dv={email:"email",password:"password",tel:"tel",text:"text",url:"url"},Hv=["date","datetime-local","email","month","number","password","search","tel","text","time","url","week"];var Lv=Object.defineProperty,Vv=Object.getOwnPropertyDescriptor,q=(o,e,t,i)=>{for(var r=i>1?void 0:i?Vv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Lv(e,t,r),r};class L extends k{constructor(){super(...arguments),this.type=Dv.text,this.dirtyValue=!1,this.elementInternals=this.attachInternals()}currentValueChanged(e,t){this.value=t}defaultSlottedNodesChanged(e,t){this.$fastController.isConnected&&(this.controlLabel.hidden=!t?.length)}initialValueChanged(){this.dirtyValue||(this.value=this.initialValue)}readOnlyChanged(){this.$fastController.isConnected&&(this.elementInternals.ariaReadOnly=`${!!this.readOnly}`)}requiredChanged(e,t){this.$fastController.isConnected&&(this.elementInternals.ariaRequired=`${!!t}`)}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(e){this.currentValue=e,this.$fastController.isConnected&&(this.control.value=e??"",this.setFormValue(e),this.setValidity(),f.notify(this,"value"))}get willValidate(){return this.elementInternals.willValidate}get form(){return this.elementInternals.form}beforeinputHandler(e){return e.inputType==="insertLineBreak"&&this.implicitSubmit(),!0}changeHandler(e){return this.setValidity(),this.$emit("change",e,{bubbles:!0,composed:!0}),!0}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(e){return e.target===this&&this.control?.click(),!0}connectedCallback(){super.connectedCallback(),this.setFormValue(this.value),this.setValidity()}focusinHandler(e){return e.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 e=[...this.elementInternals.form.elements],t=e.find(r=>r.getAttribute("type")==="submit");if(t){t.click();return}e.filter(r=>Hv.includes(r.getAttribute("type")??"")).length>1||this.elementInternals.form.requestSubmit()}inputHandler(e){return this.dirtyValue=!0,this.value=this.control.value,!0}keydownHandler(e){return e.key==="Enter"&&this.implicitSubmit(),!0}select(){this.control.select(),this.$emit("select")}setCustomValidity(e){this.elementInternals.setValidity({customError:!0},e),this.reportValidity()}reportValidity(){return this.elementInternals.reportValidity()}setFormValue(e,t){this.elementInternals.setFormValue(e,e??t)}setValidity(e=this.control.validity,t=this.validationMessage,i=this.control){if(this.$fastController.isConnected){if(this.disabled){this.elementInternals.setValidity({});return}this.elementInternals.setValidity(e,t,i)}}}L.formAssociated=!0,q([a],L.prototype,"autocomplete",2),q([a({mode:"boolean"})],L.prototype,"autofocus",2),q([a({attribute:"current-value"})],L.prototype,"currentValue",2),q([m],L.prototype,"defaultSlottedNodes",2),q([a],L.prototype,"dirname",2),q([a({mode:"boolean"})],L.prototype,"disabled",2),q([a({attribute:"form"})],L.prototype,"formAttribute",2),q([a({attribute:"value",mode:"fromView"})],L.prototype,"initialValue",2),q([a],L.prototype,"list",2),q([a({converter:se})],L.prototype,"maxlength",2),q([a({converter:se})],L.prototype,"minlength",2),q([a({mode:"boolean"})],L.prototype,"multiple",2),q([a],L.prototype,"name",2),q([a],L.prototype,"pattern",2),q([a],L.prototype,"placeholder",2),q([a({attribute:"readonly",mode:"boolean"})],L.prototype,"readOnly",2),q([a({mode:"boolean"})],L.prototype,"required",2),q([a({converter:se})],L.prototype,"size",2),q([a({converter:{fromView:o=>typeof o=="string"?["true",""].includes(o.trim().toLowerCase()):null,toView:o=>o.toString()}})],L.prototype,"spellcheck",2),q([a],L.prototype,"type",2),q([m],L.prototype,"controlLabel",2);var jv=Object.defineProperty,Rv=Object.getOwnPropertyDescriptor,$l=(o,e,t,i)=>{for(var r=i>1?void 0:i?Rv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&jv(e,t,r),r};class mr extends L{appearanceChanged(e,t){y(this.elementInternals,e,t,Mv)}controlSizeChanged(e,t){y(this.elementInternals,e,t,Fv)}}$l([a],mr.prototype,"appearance",2),$l([a({attribute:"control-size"})],mr.prototype,"controlSize",2),st(mr,rt);const qv=p`
|
|
539
|
+
${C("block")}
|
|
540
540
|
|
|
541
|
-
:host{font-family:${x};font-size:${
|
|
542
|
-
${
|
|
541
|
+
:host{font-family:${x};font-size:${F};font-weight:${j};line-height:${H};max-width:400px}.label{display:flex;color:${_};padding-bottom:${ho};flex-shrink:0;padding-inline-end:${ke}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${A};border:${N} solid ${Ye};border-bottom-color:${Ke};border-radius:${z};box-sizing:border-box;height:32px;display:inline-flex;flex-direction:row;gap:${Q};padding:0 ${be};position:relative;width:100%}:has(.control:user-invalid){border-color:${is}}.root::after{box-sizing:border-box;content:'';position:absolute;left:-1px;bottom:0px;right:-1px;height:max(2px,${z});border-radius:0 0 ${z} ${z};border-bottom:2px solid ${Lt};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${ds};transition-delay:${jt}}.control{width:100%;height:100%;box-sizing:border-box;color:${_};border-radius:${z};background:${Ce};font-family:${x};font-weight:${j};font-size:${F};border:none;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${Yr}}:host ::slotted([slot='start']),:host ::slotted([slot='end']){display:flex;align-items:center;justify-content:center;color:${ue};font-size:${lo}}:host ::slotted([slot='start']){padding-right:${Q}}:host ::slotted([slot='end']){padding-left:${Q};gap:${ke}}:host(:hover) .root{border-color:${ao};border-bottom-color:${Dt}}:host(:active) .root{border-color:${qo}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${Ui};transition-delay:${Rt}}:host(:focus-within:active) .root:after{border-bottom-color:${ua}}:host(${E}:focus-within) .root{border:${N} solid ${Ye}}:host(:focus-within) .control{color:${_}}:host([disabled]) .root{background:${Ce};border:${N} solid ${Ae}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot='start']),:host([disabled]) ::slotted([slot='end']){color:${O}}::selection{color:${Nt};background-color:${ra}}:host(${T}) .control{font-size:${G};font-weight:${j};line-height:${te}}:host(${T}) .root{height:24px;gap:${Q};padding:0 ${le}}:host(${T}) ::slotted([slot='start']),:host(${T}) ::slotted([slot='end']){font-size:${xe}}:host(${S}) .control{font-size:${xe};font-weight:${j};line-height:${Ie}}:host(${S}) .root{height:40px;gap:${Qe};padding:0 ${ge}}:host(${S}) ::slotted([slot='start']),:host(${S}) ::slotted([slot='end']){font-size:${Vi}}:host(${_t}) .root{background:${Ce};border:0;border-radius:0;border-bottom:${N} solid ${Ke}}:host(${_t}:hover) .root{border-bottom-color:${Dt}}:host(${_t}:active) .root{border-bottom-color:${Ht}}:host(${_t}:focus-within) .root{border:0;border-bottom-color:${Ht}}:host(${_t}[disabled]) .root{border-bottom-color:${Ae}}:host(${Bt}) .root,:host(${ft}) .root{border:${N} solid ${ae};box-shadow:${ss}}:host(${Bt}) .root{background:${A}}:host(${ft}) .root{background:${jo}}:host(${Bt}:hover) .root,:host(${ft}:hover) .root{border-color:${ts}}:host(${Bt}:active) .root,:host(${ft}:active) .root{border-color:${ts};background:${jo}}`;function Gv(o={}){return g`<template @beforeinput="${(e,t)=>e.beforeinputHandler(t.event)}" @focusin="${(e,t)=>e.focusinHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><label part="label" for="control" class="label" ${X("controlLabel")}><slot ${U({property:"defaultSlottedNodes",filter:jr})}></slot></label><div class="root" part="root">${Xe(o)}<input class="control" part="control" id="control" @change="${(e,t)=>e.changeHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" ?autofocus="${e=>e.autofocus}" autocomplete="${e=>e.autocomplete}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" minlength="${e=>e.minlength}" ?multiple="${e=>e.multiple}" name="${e=>e.name}" pattern="${e=>e.pattern}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" spellcheck="${e=>e.spellcheck}" type="${e=>e.type}" value="${e=>e.initialValue}" ${X("control")} />${gt(o)}</div></template>`}const Wv=Gv(),Xv=mr.compose({name:`${b.prefix}-text-input`,template:Wv,styles:qv,shadowOptions:{delegatesFocus:!0}});Xv.define(b.registry);const Uv={_100:"100",_200:"200",_300:"300",_400:"400",_500:"500",_600:"600",_700:"700",_800:"800",_900:"900",_1000:"1000"},Kv={base:"base",numeric:"numeric",monospace:"monospace"},Yv={medium:"medium",regular:"regular",semibold:"semibold",bold:"bold"},Qv={start:"start",end:"end",center:"center",justify:"justify"};var Zv=Object.defineProperty,Jv=Object.getOwnPropertyDescriptor,ot=(o,e,t,i)=>{for(var r=i>1?void 0:i?Jv(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Zv(e,t,r),r};class Ve extends k{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.nowrap=!1,this.truncate=!1,this.italic=!1,this.underline=!1,this.strikethrough=!1,this.block=!1}sizeChanged(e,t){y(this.elementInternals,e,t,Uv,"size-")}fontChanged(e,t){y(this.elementInternals,e,t,Kv)}weightChanged(e,t){y(this.elementInternals,e,t,Yv)}alignChanged(e,t){y(this.elementInternals,e,t,Qv)}connectedCallback(){super.connectedCallback(),f.getNotifier(this).subscribe(this),Object.keys(this.$fastController.definition.attributeLookup).forEach(e=>{this.handleChange(this,e)})}disconnectedCallback(){super.disconnectedCallback(),f.getNotifier(this).unsubscribe(this)}handleChange(e,t){switch(t){case"nowrap":case"truncate":case"italic":case"underline":case"strikethrough":case"block":$(this.elementInternals,t,!!this[t]);break}}}ot([a({mode:"boolean"})],Ve.prototype,"nowrap",2),ot([a({mode:"boolean"})],Ve.prototype,"truncate",2),ot([a({mode:"boolean"})],Ve.prototype,"italic",2),ot([a({mode:"boolean"})],Ve.prototype,"underline",2),ot([a({mode:"boolean"})],Ve.prototype,"strikethrough",2),ot([a({mode:"boolean"})],Ve.prototype,"block",2),ot([a],Ve.prototype,"size",2),ot([a],Ve.prototype,"font",2),ot([a],Ve.prototype,"weight",2),ot([a],Ve.prototype,"align",2);const e$=p`
|
|
542
|
+
${C("inline")}
|
|
543
543
|
|
|
544
|
-
:host{contain:content;font-family:${x};font-size:${
|
|
545
|
-
${
|
|
544
|
+
:host{contain:content;font-family:${x};font-size:${F};line-height:${H};font-weight:${j};text-align:start}:host(${Qn}),:host(${Qn}) ::slotted(*){white-space:nowrap;overflow:hidden}:host(${ea}),:host(${ea}) ::slotted(*){text-overflow:ellipsis}:host(${No}){display:block}:host(${ed}){font-style:italic}:host(${_t}){text-decoration-line:underline}:host(${Jn}){text-decoration-line:line-through}:host(${_t}${Jn}){text-decoration-line:line-through underline}:host(${Od}){font-size:${Wo};line-height:${Ri}}:host(${Ad}){font-size:${G};line-height:${te}}:host(${_d}){font-size:${xe};line-height:${Ie}}:host(${Ed}){font-size:${lo};line-height:${qi}}:host(${Nd}){font-size:${Vi};line-height:${Oa}}:host(${Fd}){font-size:${Pa};line-height:${Aa}}:host(${Md}){font-size:${za};line-height:${_a}}:host(${Dd}){font-size:${Ta};line-height:${Ea}}:host(${Bd}){font-size:${Ba};line-height:${Na}}:host(${cd}){font-family:${Mu}}:host(${hd}){font-family:${Du}}:host(${ad}){font-weight:${Hu}}:host(${Zn}){font-weight:${W}}:host(${Bc}){font-weight:${ji}}:host(${Ec}){text-align:center}:host(${Vc}){text-align:end}:host(${td}){text-align:justify}::slotted(*){font:inherit;line-height:inherit;text-decoration-line:inherit;text-align:inherit;text-decoration-line:inherit;margin:0}`,t$=g`<slot></slot>`,o$=Ve.compose({name:`${b.prefix}-text`,template:t$,styles:e$});o$.define(b.registry);var i$=Object.defineProperty,r$=Object.getOwnPropertyDescriptor,yl=(o,e,t,i)=>{for(var r=i>1?void 0:i?r$(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&i$(e,t,r),r};class Es extends ht{pressedChanged(){this.setPressedState()}mixedChanged(){this.setPressedState()}press(){this.pressed=!this.pressed}connectedCallback(){super.connectedCallback(),this.setPressedState()}setPressedState(){if(this.$fastController.isConnected){const e=`${this.mixed?"mixed":!!this.pressed}`;this.elementInternals.ariaPressed=e,$(this.elementInternals,"pressed",!!this.pressed||!!this.mixed)}}}yl([a({mode:"boolean"})],Es.prototype,"pressed",2),yl([a({mode:"boolean"})],Es.prototype,"mixed",2);const s$=p`
|
|
545
|
+
${Ji}
|
|
546
546
|
|
|
547
|
-
:host(${D}){border-color:${Ye};background-color:${
|
|
548
|
-
:host(${D}),:host(${D}${
|
|
547
|
+
:host(${D}){border-color:${Ye};background-color:${ia};color:${_};border-width:${N}}:host(${D}:hover){border-color:${ao};background-color:${Ni}}:host(${D}:active){border-color:${qo};background-color:${Fi}}:host(${D}${ye}){border-color:transparent;background-color:${gh};color:${dt}}:host(${D}${ye}:hover){background-color:${la}}:host(${D}${ye}:active){background-color:${ca}}:host(${D}${B}){border-color:transparent;background-color:${na};color:${Ai}}:host(${D}${B}:hover){background-color:${Ro};color:${io}}:host(${D}${B}:active){background-color:${Ft};color:${ro}}:host(${D}${E}),:host(${D}${V}){background-color:${aa}}:host(${D}${E}:hover),:host(${D}${V}:hover){background-color:${Di}}:host(${D}${E}:active),:host(${D}${V}:active){background-color:${Hi}}:host(${D}${V}){border-color:transparent;color:${Kd}}:host(${D}${V}:hover){color:${_i}}:host(${D}${V}:active){color:${Ei}}`.withBehaviors(ne(p`
|
|
548
|
+
:host(${D}),:host(${D}${ye}),:host(${D}${B}),:host(${D}${E}),:host(${D}${V}){background:SelectedItem;color:SelectedItemText}`)),n$=ms(),a$=Es.compose({name:`${b.prefix}-toggle-button`,template:n$,styles:s$});a$.define(b.registry);var l$=Object.defineProperty,c$=Object.getOwnPropertyDescriptor,vr=(o,e,t,i)=>{for(var r=i>1?void 0:i?c$(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&l$(e,t,r),r};class ni extends k{constructor(){super(),this.elementInternals=this.attachInternals(),this.id=eo("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(){Rn||this.setFallbackStyles()}get anchorElement(){const e=this.getRootNode();return(e instanceof ShadowRoot?e:document).getElementById(this.anchor??"")}connectedCallback(){if(super.connectedCallback(),!this.anchorElement)return;const e=this.anchorElement.style.anchorName||`--${this.anchor}`,t=this.anchorElement.getAttribute("aria-describedby");if(this.anchorElement.setAttribute("aria-describedby",t?`${t} ${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),Rn){vc||(this.anchorElement.style.anchorName=e,this.style.positionAnchor=e);return}re.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(e=this.defaultDelay){setTimeout(()=>{this.setAttribute("aria-hidden","false"),this.showPopover()},e)}hideTooltip(e=this.defaultDelay){setTimeout(()=>{if(this.matches(":hover")||this.anchorElement?.matches(":hover")){this.hideTooltip(e);return}this.setAttribute("aria-hidden","true"),this.hidePopover()},e)}setFallbackStyles(){if(!this.anchorElement)return;const e=this.anchorElement.style.anchorName||`--${this.anchor}`;this.anchorPositioningStyleElement||(this.anchorPositioningStyleElement=document.createElement("style"),document.head.append(this.anchorPositioningStyleElement));let[t,i]=this.positioning?.split("-")??[];i||((t==="above"||t==="below")&&(i="centerX"),(t==="before"||t==="after")&&(i="centerY"));const r={above:"bottom: anchor(top);",below:"top: anchor(bottom);",before:"right: anchor(left);",after:"left: anchor(right);"},s=r[t]??r.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
550
|
anchor-name: ${e};
|
|
551
551
|
}
|
|
@@ -556,7 +556,14 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
556
556
|
${s}
|
|
557
557
|
${d}
|
|
558
558
|
}
|
|
559
|
-
`,window.CSS_ANCHOR_POLYFILL&&window.CSS_ANCHOR_POLYFILL.call({element:this.anchorPositioningStyleElement})}}
|
|
560
|
-
${
|
|
559
|
+
`,window.CSS_ANCHOR_POLYFILL&&window.CSS_ANCHOR_POLYFILL.call({element:this.anchorPositioningStyleElement})}}vr([a],ni.prototype,"id",2),vr([a({converter:se})],ni.prototype,"delay",2),vr([a],ni.prototype,"positioning",2),vr([a],ni.prototype,"anchor",2);const Me={"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"},d$=p`
|
|
560
|
+
${C("inline-flex")}
|
|
561
|
+
|
|
562
|
+
:host(:not(:popover-open)){display:none}:host{--position-area:block-start;--position-try-options:flip-block;--block-offset:${ho};--inline-offset:${ke};background:${A};border-radius:${z};border:1px solid ${ae};box-sizing:border-box;color:${_};display:inline-flex;filter:drop-shadow(0 0 2px ${yh}) drop-shadow(0 4px 8px ${xh});font-family:${x};font-size:${G};inset:unset;line-height:${te};margin:unset;max-width:240px;overflow:visible;padding:4px ${be} 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:${Me["above-start"]}}:host([positioning='above']){--position-area:${Me.above}}:host([positioning='above-end']){--position-area:${Me["above-end"]}}:host([positioning='below-start']){--position-area:${Me["below-start"]}}:host([positioning='below']){--position-area:${Me.below}}:host([positioning='below-end']){--position-area:${Me["below-end"]}}:host([positioning='before-top']){--position-area:${Me["before-top"]}}:host([positioning='before']){--position-area:${Me.before}}:host([positioning='before-bottom']){--position-area:${Me["before-bottom"]}}:host([positioning='after-top']){--position-area:${Me["after-top"]}}:host([positioning='after']){--position-area:${Me.after}}:host([positioning='after-bottom']){--position-area:${Me["after-bottom"]}}`,h$=g`<template popover aria-hidden="true"><slot></slot></template>`,u$=ni.compose({name:`${b.prefix}-tooltip`,template:h$,styles:d$});u$.define(b.registry);const xl={subtle:"subtle",subtleAlpha:"subtle-alpha",transparent:"transparent"},kl={small:"small",medium:"medium"};function it(o,e="-tree-item"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}var p$=Object.defineProperty,b$=Object.getOwnPropertyDescriptor,wl=(o,e,t,i)=>{for(var r=i>1?void 0:i?b$(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&p$(e,t,r),r};class Ns extends k{constructor(){super(),this.currentSelected=null,this.currentFocused=null,this.elementInternals=this.attachInternals(),this.childTreeItems=[],this.elementInternals.role="tree"}childTreeItemsChanged(){this.updateCurrentSelected()}updateCurrentSelected(){const e=this.querySelector("[aria-selected='true']");this.currentSelected=e,(this.currentFocused===null||!this.contains(this.currentFocused))&&(this.currentFocused=this.getValidFocusableItem())}keydownHandler(e){if(e.defaultPrevented)return;const t=e.target;if(!it(t)||this.childTreeItems.length<1)return!0;const i=this.getVisibleNodes();switch(e.key){case _o:{i.length&&i[0].focus();return}case Oo:{i.length&&i[i.length-1].focus();return}case zo:{t?.childTreeItems?.length&&t.expanded?t.expanded=!1:it(t.parentElement)&&t.parentElement.focus();return}case To:{t?.childTreeItems?.length&&(t.expanded?this.focusNextNode(1,t):t.expanded=!0);return}case Po:{this.focusNextNode(1,t);return}case Bo:{this.focusNextNode(-1,t);return}case Ao:{this.clickHandler(e);return}case wi:{t.toggleSelection();return}}return!0}focusHandler(e){if(!(this.childTreeItems.length<1)){if(e.target===this){this.currentFocused===null&&(this.currentFocused=this.getValidFocusableItem()),this.currentFocused!==null&&this.currentFocused.focus();return}this.contains(e.target)&&(this.setAttribute("tabindex","-1"),this.currentFocused=e.target)}}blurHandler(e){e.target instanceof HTMLElement&&(e.relatedTarget===null||!this.contains(e.relatedTarget))&&this.setAttribute("tabindex","0")}clickHandler(e){if(e.defaultPrevented)return;if(!it(e.target))return!0;const t=e.target;t.toggleExpansion(),t.toggleSelection()}changeHandler(e){if(e.defaultPrevented)return;if(!it(e.target))return!0;const t=e.target;t.selected?(this.currentSelected&&this.currentSelected!==t&&it(this.currentSelected)&&(this.currentSelected.selected=!1),this.currentSelected=t):!t.selected&&this.currentSelected===t&&(this.currentSelected=null)}getValidFocusableItem(){const e=this.getVisibleNodes();let t=e.findIndex(i=>i.selected);return t===-1&&(t=e.findIndex(i=>it(i))),t!==-1?e[t]:null}getVisibleNodes(){return Array.from(this.querySelectorAll("*")).filter(e=>it(e)&&e.offsetParent!==null)}focusNextNode(e,t){const i=this.getVisibleNodes();if(!i.length)return;const r=i[i.indexOf(t)+e];Hr(r)&&r.focus()}}wl([m],Ns.prototype,"currentSelected",2),wl([m],Ns.prototype,"childTreeItems",2);var g$=Object.defineProperty,f$=Object.getOwnPropertyDescriptor,Cl=(o,e,t,i)=>{for(var r=i>1?void 0:i?f$(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&g$(e,t,r),r};class Fs extends Ns{constructor(){super(...arguments),this.size=kl.small,this.appearance=xl.subtle}sizeChanged(){this.updateSizeAndAppearance()}appearanceChanged(){this.updateSizeAndAppearance()}childTreeItemsChanged(){super.childTreeItemsChanged(),this.updateSizeAndAppearance()}updateSizeAndAppearance(){this.childTreeItems?.length&&this.childTreeItems.forEach(e=>{e.size=this.size,e.appearance=this.appearance})}}Cl([a],Fs.prototype,"size",2),Cl([a],Fs.prototype,"appearance",2);const m$=p`
|
|
563
|
+
${C("block")}
|
|
564
|
+
:host{outline:none}`,v$=g`<template tabindex="0" @click="${(o,e)=>o.clickHandler(e.event)}" @focusin="${(o,e)=>o.focusHandler(e.event)}" @focusout="${(o,e)=>o.blurHandler(e.event)}" @keydown="${(o,e)=>o.keydownHandler(e.event)}" @change="${(o,e)=>o.changeHandler(e.event)}" ${Mr({property:"childTreeItems",filter:o=>it(o)})}><slot></slot></template>`,$$=Fs.compose({name:`${b.prefix}-tree`,template:v$,styles:m$});$$.define(b.registry);var y$=Object.defineProperty,x$=Object.getOwnPropertyDescriptor,ai=(o,e,t,i)=>{for(var r=i>1?void 0:i?x$(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&y$(e,t,r),r};class ko extends k{constructor(){super(),this.elementInternals=this.attachInternals(),this.expanded=!1,this.selected=!1,this.empty=!1,this.childTreeItems=[],this.elementInternals.role="treeitem"}expandedChanged(e,t){$(this.elementInternals,"expanded",t),this.childTreeItems&&this.childTreeItems.length>0&&(this.elementInternals.ariaExpanded=t?"true":"false")}selectedChanged(e,t){this.$emit("change"),$(this.elementInternals,"selected",t),this.elementInternals.ariaSelected=t?"true":"false"}dataIndentChanged(e,t){this.styles!==void 0&&this.$fastController.removeStyles(this.styles),this.styles=p`
|
|
565
|
+
:host{--indent:${t}}`,this.$fastController.addStyles(this.styles)}childTreeItemsChanged(){this.empty=this.childTreeItems?.length===0,this.updateChildTreeItems()}updateChildTreeItems(){this.childTreeItems?.length&&this.childTreeItems.forEach(e=>{this.setIndent(e)})}setIndent(e){const t=this.dataIndent??0;e.dataIndent=t+1}focusHandler(e){(e.target===this||this.contains(e.target))&&this.setAttribute("tabindex","0")}blurHandler(e){e.target===this&&this.setAttribute("tabindex","-1")}toggleExpansion(){this.childTreeItems?.length&&(this.expanded=!this.expanded)}toggleSelection(){this.selected=!this.selected}get isNestedItem(){return it(this.parentElement)}}ai([a({mode:"boolean"})],ko.prototype,"expanded",2),ai([a({mode:"boolean"})],ko.prototype,"selected",2),ai([a({mode:"boolean"})],ko.prototype,"empty",2),ai([a({attribute:"data-indent"})],ko.prototype,"dataIndent",2),ai([m],ko.prototype,"childTreeItems",2);var k$=Object.defineProperty,w$=Object.getOwnPropertyDescriptor,Sl=(o,e,t,i)=>{for(var r=i>1?void 0:i?w$(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&k$(e,t,r),r};class Ms extends ko{constructor(){super(...arguments),this.size=kl.small,this.appearance=xl.subtle}sizeChanged(){this.updateSizeAndAppearance()}appearanceChanged(){this.updateSizeAndAppearance()}childTreeItemsChanged(){super.childTreeItemsChanged(),this.updateSizeAndAppearance()}updateSizeAndAppearance(){this.childTreeItems?.length&&this.childTreeItems.forEach(e=>{e.size=this.size,e.appearance=this.appearance})}}Sl([a],Ms.prototype,"size",2),Sl([a],Ms.prototype,"appearance",2);const C$=p`
|
|
566
|
+
${C("block")}
|
|
561
567
|
|
|
562
|
-
:host
|
|
568
|
+
:host{outline:none;font-size:${F};line-height:${H}}:host(:focus-visible) .positioning-region{box-shadow:${cs} ${cs} ${cs} ${co}
|
|
569
|
+
${_e} inset}.positioning-region{display:flex;align-items:center;justify-content:space-between;cursor:pointer;height:${Gu};padding-inline-start:calc(var(--indent) * ${ls});padding-inline-end:${Z};border-radius:${z};background-color:${sa};color:${Ee};gap:${ke}}@media (prefers-contrast:more){:host(:focus-visible) .positioning-region{outline:1px solid ${_e}}}.content{display:flex;align-items:center;gap:${ke}}.chevron{display:flex;align-items:center;flex-shrink:0;justify-content:center;width:${ls};height:${Vt};transition:transform ${Xi} ${Ha};transform:rotate(0deg)}.chevron:dir(rtl){transform:rotate(180deg)}.aside{display:flex;align-items:center}.positioning-region:hover{background-color:${Ro};color:${io}}.positioning-region:active{background-color:${Ft};color:${ro}}::slotted([slot='start']),::slotted([slot='end']),::slotted(:not([slot])){display:flex;align-items:center;min-width:0}::slotted([slot='start']){flex-shrink:0}::slotted(:not([slot])){padding-inline:${Q}}.items{display:none}:host([expanded]) .items{display:block}:host([empty]) .chevron,:host([empty]) .items{visibility:hidden}:host([selected]) .positioning-region{background-color:${na};color:${Ai}}:host([selected]) .content,:host([selected]) .chevron{color:${Zd}}:host([size='small']) .positioning-region{height:${Vt};padding-inline-start:calc(var(--indent) * ${ge})}:host([appearance='subtle-alpha']) .positioning-region:hover{background-color:${uh}}:host([appearance='subtle-alpha']) .positioning-region:active{background-color:${ph}}:host([appearance='subtle-alpha'][selected]) .positioning-region{background-color:${bh};color:${Ai}}:host([appearance='transparent']) .positioning-region{background-color:${Ce}}:host([appearance='transparent']) .positioning-region:hover{background-color:${Di}}:host([appearance='transparent']) .positioning-region:active{background-color:${Hi}}:host([appearance='transparent'][selected]) .positioning-region{background-color:${aa};color:${Ai}}:host([expanded]) .chevron{transform:rotate(90deg)}`,S$=g`<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M4.65 2.15a.5.5 0 000 .7L7.79 6 4.65 9.15a.5.5 0 10.7.7l3.5-3.5a.5.5 0 000-.7l-3.5-3.5a.5.5 0 00-.7 0z"></path></svg>`,I$=g`<template tabindex="-1" slot="${o=>o.isNestedItem?"item":void 0}" @focusin="${(o,e)=>o.focusHandler(e.event)}" @focusout="${(o,e)=>o.blurHandler(e.event)}" ${Mr({property:"childTreeItems",filter:o=>it(o)})}><div class="positioning-region" part="positioning-region"><div class="content" part="content"><span class="chevron" part="chevron"><slot name="chevron">${S$}</slot></span><slot name="start"></slot><slot></slot><slot name="end"></slot></div><div class="aside" part="aside"><slot name="aside"></slot></div></div><div role="group" class="items" part="items"><slot name="item"></slot></div></template>`,P$=Ms.compose({name:`${b.prefix}-tree-item`,template:I$,styles:C$});P$.define(b.registry);
|