@fluentui/web-components 3.0.0-rc.8 → 3.0.0-rc.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -2
- package/custom-elements.json +66 -38
- package/dist/esm/badge/badge.options.d.ts +3 -1
- package/dist/esm/badge/badge.options.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.d.ts +2 -1
- package/dist/esm/counter-badge/counter-badge.js +2 -1
- package/dist/esm/counter-badge/counter-badge.js.map +1 -1
- package/dist/esm/dialog/dialog.d.ts +20 -10
- package/dist/esm/dialog/dialog.js +12 -6
- package/dist/esm/dialog/dialog.js.map +1 -1
- package/dist/esm/drawer/drawer.d.ts +18 -9
- package/dist/esm/drawer/drawer.js +12 -6
- package/dist/esm/drawer/drawer.js.map +1 -1
- package/dist/esm/message-bar/message-bar.d.ts +2 -1
- package/dist/esm/message-bar/message-bar.js +2 -1
- package/dist/esm/message-bar/message-bar.js.map +1 -1
- package/dist/esm/message-bar/message-bar.options.d.ts +6 -3
- package/dist/esm/message-bar/message-bar.options.js +6 -3
- package/dist/esm/message-bar/message-bar.options.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.base.d.ts +16 -4
- package/dist/esm/progress-bar/progress-bar.base.js +4 -1
- package/dist/esm/progress-bar/progress-bar.base.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.d.ts +8 -2
- package/dist/esm/progress-bar/progress-bar.js.map +1 -1
- package/dist/esm/styles/partials/badge.partials.d.ts +2 -1
- package/dist/esm/styles/partials/badge.partials.js +2 -1
- package/dist/esm/styles/partials/badge.partials.js.map +1 -1
- package/dist/esm/textarea/textarea.base.d.ts +5 -0
- package/dist/esm/textarea/textarea.base.js +4 -1
- package/dist/esm/textarea/textarea.base.js.map +1 -1
- package/dist/esm/textarea/textarea.template.js +1 -1
- package/dist/esm/textarea/textarea.template.js.map +1 -1
- package/dist/esm/tree/tree.d.ts +8 -2
- package/dist/esm/tree/tree.js +8 -2
- package/dist/esm/tree/tree.js.map +1 -1
- package/dist/esm/tree-item/tree-item.base.d.ts +8 -2
- package/dist/esm/tree-item/tree-item.base.js +8 -2
- package/dist/esm/tree-item/tree-item.base.js.map +1 -1
- package/dist/web-components.d.ts +93 -34
- package/dist/web-components.js +26 -14
- package/dist/web-components.min.js +15 -15
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements});let jo;const cs="fast-kernel";try{if(document.currentScript)jo=document.currentScript.getAttribute(cs);else{const o=document.getElementsByTagName("script");jo=o[o.length-1].getAttribute(cs)}}catch{jo="isolate"}let dt;switch(jo){case"share":dt=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":dt=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)}`;dt=Object.freeze({updateQueue:`1.2${o}`,observable:`2.2${o}`,contextEvent:`3.2${o}`,elementRegistry:`4.2${o}`});break}const _t=o=>typeof o=="function",Ge=o=>typeof o=="string",Ma=()=>{};var Yi=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};(function(){if(!(typeof globalThis<"u"))if(typeof Yi<"u")Yi.globalThis=Yi;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 ds={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},ds));const ie=globalThis.FAST;if(ie.getById===void 0){const o=Object.create(null);Reflect.defineProperty(ie,"getById",Object.assign({value(e,t){let i=o[e];return i===void 0&&(i=t?o[e]=t():null),i}},ds))}ie.error===void 0&&Object.assign(ie,{warn(){},error(o){return new Error(`Error ${o}`)},addMessages(){}});const Da=Object.freeze([]);function Qi(){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 hs(){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 ht(o){o.prototype.toJSON=Ma}const Z=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),us=o=>o,Ha=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:us}):{createHTML:us};let Ro=Object.freeze({createHTML(o){return Ha.createHTML(o)},protect(o,e,t,i){return i}});const Va=Ro,ut=Object.freeze({get policy(){return Ro},setPolicy(o){if(Ro!==Va)throw ie.error(1201);Ro=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)}}),G=ie.getById(dt.updateQueue,()=>{const o=[],e=[],t=globalThis.requestAnimationFrame;let i=!0;function r(){if(e.length)throw e.shift()}function s(h){try{h.call()}catch(d){if(i)e.push(d),setTimeout(r,0);else throw o.length=0,d}}function n(){let d=0;for(;d<o.length;)if(s(o[d]),d++,d>1024){for(let l=0,f=o.length-d;l<f;l++)o[l]=o[l+d];o.length-=d,d=0}o.length=0}function c(h){o.push(h),o.length<2&&(i?t(n):n())}return Object.freeze({enqueue:c,next:()=>new Promise(c),process:n,setMode:h=>i=h})});class Zi{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 ps{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 Zi(this.subject):s=(r=this.subjectSubscribers)!==null&&r!==void 0?r:this.subjectSubscribers=new Zi(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 qo=Object.freeze({unknown:void 0,coupled:1}),m=ie.getById(dt.observable,()=>{const o=G.enqueue,e=/(:|&&|\|\||if|\?\.)/,t=new WeakMap;let i,r=d=>{throw ie.error(1101)};function s(d){var l;let f=(l=d.$fastController)!==null&&l!==void 0?l:t.get(d);return f===void 0&&(Array.isArray(d)?f=r(d):t.set(d,f=new ps(d))),f}const n=hs();class c{constructor(l){this.name=l,this.field=`_${l}`,this.callback=`${l}Changed`}getValue(l){return i!==void 0&&i.watch(l,this.name),l[this.field]}setValue(l,f){const w=this.field,pe=l[w];if(pe!==f){l[w]=f;const et=l[this.callback];_t(et)&&et.call(l,pe,f),s(l).notify(this.name)}}}class h extends Zi{constructor(l,f,w=!1){super(l,f),this.expression=l,this.isVolatileBinding=w,this.needsRefresh=!0,this.needsQueue=!0,this.isAsync=!0,this.first=this,this.last=null,this.propertySource=void 0,this.propertyName=void 0,this.notifier=void 0,this.next=void 0}setMode(l){this.isAsync=this.needsQueue=l}bind(l){this.controller=l;const f=this.observe(l.source,l.context);return!l.isBound&&this.requiresUnbind(l)&&l.onUnbind(this),f}requiresUnbind(l){return l.sourceLifetime!==qo.coupled||this.first!==this.last||this.first.propertySource!==l.source}unbind(l){this.dispose()}observe(l,f){this.needsRefresh&&this.last!==null&&this.dispose();const w=i;i=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let pe;try{pe=this.expression(l,f)}finally{i=w}return pe}disconnect(){this.dispose()}dispose(){if(this.last!==null){let l=this.first;for(;l!==void 0;)l.notifier.unsubscribe(this,l.propertyName),l=l.next;this.last=null,this.needsRefresh=this.needsQueue=this.isAsync}}watch(l,f){const w=this.last,pe=s(l),et=w===null?this.first:{};if(et.propertySource=l,et.propertyName=f,et.notifier=pe,pe.subscribe(this,f),w!==null){if(!this.needsRefresh){let ls;i=void 0,ls=w.propertySource[w.propertyName],i=this,l===ls&&(this.needsRefresh=!0)}w.next=et}this.last=et}handleChange(){this.needsQueue?(this.needsQueue=!1,o(this)):this.isAsync||this.call()}call(){this.last!==null&&(this.needsQueue=this.isAsync,this.notify(this))}*records(){let l=this.first;for(;l!==void 0;)yield l,l=l.next}}return ht(h),Object.freeze({setArrayObserverFactory(d){r=d},getNotifier:s,track(d,l){i&&i.watch(d,l)},trackVolatile(){i&&(i.needsRefresh=!0)},notify(d,l){s(d).notify(l)},defineProperty(d,l){Ge(l)&&(l=new c(l)),n(d).push(l),Reflect.defineProperty(d,l.name,{enumerable:!0,get(){return l.getValue(this)},set(f){l.setValue(this,f)}})},getAccessors:n,binding(d,l,f=this.isVolatileBinding(d)){return new h(d,l,f)},isVolatileBinding(d){return e.test(d.toString())}})});function g(o,e){m.defineProperty(o,e)}function bs(o,e,t){return Object.assign({},t,{get(){return m.trackVolatile(),t.get.apply(this)}})}const gs=ie.getById(dt.contextEvent,()=>{let o=null;return{get(){return o},set(e){o=e}}}),At=Object.freeze({default:{index:0,length:0,get event(){return At.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return gs.get()},setEvent(o){gs.set(o)}});class Wo{constructor(e,t,i=!1){this.evaluate=e,this.policy=t,this.isVolatile=i}}class La extends Wo{createObserver(e){return m.binding(this.evaluate,e,this.isVolatile)}}function Ji(o,e,t=m.isVolatileBinding(o)){return new La(o,e,t)}class fs extends Wo{createObserver(){return this}bind(e){return this.evaluate(e.source,e.context)}}ht(fs);function ms(o,e){return new fs(o,e)}let vs;function $s(o){return o.map(e=>e instanceof we?$s(e.styles):[e]).reduce((e,t)=>e.concat(t),[])}class we{constructor(e){this.styles=e,this.targets=new WeakSet,this._strategy=null,this.behaviors=e.map(t=>t instanceof we?t.behaviors:null).reduce((t,i)=>i===null?t:t===null?i:t.concat(i),null)}get strategy(){return this._strategy===null&&this.withStrategy(vs),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($s(this.styles)),this}static setDefaultStrategy(e){vs=e}static normalize(e){return e===void 0?void 0:Array.isArray(e)?new we(e):e instanceof we?e:new we([e])}}we.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const er=Qi(),tr=Object.freeze({getForInstance:er.getForInstance,getByType:er.getByType,define(o){return er.register({type:o}),o}});function or(o,e,t){e.source.style.setProperty(o.targetAspect,t.bind(e))}class ir{constructor(e,t){this.dataBinding=e,this.targetAspect=t}createCSS(e){return e(this),`var(${this.targetAspect})`}addedCallback(e){var t;const i=e.source;if(!i.$cssBindings){i.$cssBindings=new Map;const s=i.setAttribute;i.setAttribute=(n,c)=>{s.call(i,n,c),n==="style"&&i.$cssBindings.forEach((h,d)=>or(d,h.controller,h.observer))}}const r=(t=e[this.targetAspect])!==null&&t!==void 0?t:e[this.targetAspect]=this.dataBinding.createObserver(this,this);r.controller=e,e.source.$cssBindings.set(this,{controller:e,observer:r})}connectedCallback(e){or(this,e,e[this.targetAspect])}removedCallback(e){e.source.$cssBindings&&e.source.$cssBindings.delete(this)}handleChange(e,t){or(this,t.controller,t)}}tr.define(ir);const ja=`${Math.random().toString(36).substring(2,8)}`;let Ra=0;const ys=()=>`--v${ja}${++Ra}`;function xs(o,e){const t=[];let i="";const r=[],s=n=>{r.push(n)};for(let n=0,c=o.length-1;n<c;++n){i+=o[n];let h=e[n];_t(h)?h=new ir(Ji(h),ys()).createCSS(s):h instanceof Wo?h=new ir(h,ys()).createCSS(s):tr.getForInstance(h)!==void 0&&(h=h.createCSS(s)),h instanceof we||h instanceof CSSStyleSheet?(i.trim()!==""&&(t.push(i),i=""),t.push(h)):i+=h}return i+=o[o.length-1],i.trim()!==""&&t.push(i),{styles:t,behaviors:r}}const u=(o,...e)=>{const{styles:t,behaviors:i}=xs(o,e),r=new we(t);return i.length?r.withBehaviors(...i):r};class ks{constructor(e,t){this.behaviors=t,this.css="";const i=e.reduce((r,s)=>(Ge(s)?this.css+=s:r.push(s),r),[]);i.length&&(this.styles=new we(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)}}tr.define(ks),u.partial=(o,...e)=>{const{styles:t,behaviors:i}=xs(o,e);return new ks(t,i)};const ws=/fe-b\$\$start\$\$(\d+)\$\$(.+)\$\$fe-b/,Cs=/fe-b\$\$end\$\$(\d+)\$\$(.+)\$\$fe-b/,Ss=/fe-repeat\$\$start\$\$(\d+)\$\$fe-repeat/,Is=/fe-repeat\$\$end\$\$(\d+)\$\$fe-repeat/,Ps=/^(?:.{0,1000})fe-eb\$\$start\$\$(.+?)\$\$fe-eb/,zs=/fe-eb\$\$end\$\$(.{0,1000})\$\$fe-eb(?:.{0,1000})$/;function Ts(o){return o&&o.nodeType===Node.COMMENT_NODE}const Ne=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 ws.test(o)},isContentBindingEndMarker(o){return Cs.test(o)},isRepeatViewStartMarker(o){return Ss.test(o)},isRepeatViewEndMarker(o){return Is.test(o)},isElementBoundaryStartMarker(o){return Ts(o)&&Ps.test(o.data.trim())},isElementBoundaryEndMarker(o){return Ts(o)&&zs.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 _s(ws,o)},parseContentBindingEndMarker(o){return _s(Cs,o)},parseRepeatStartMarker(o){return Bs(Ss,o)},parseRepeatEndMarker(o){return Bs(Is,o)},parseElementBoundaryStartMarker(o){return Os(Ps,o.trim())},parseElementBoundaryEndMarker(o){return Os(zs,o)}});function Bs(o,e){const t=o.exec(e);return t===null?t:parseInt(t[1])}function Os(o,e){const t=o.exec(e);return t===null?t:t[1]}function _s(o,e){const t=o.exec(e);return t===null?t:[parseInt(t[1]),t[2]]}const Go=Symbol.for("fe-hydration");function Uo(o){return o[Go]===Go}const rr=`fast-${Math.random().toString(36).substring(2,8)}`,Xo=`${rr}{`,ao=`}${rr}`,qa=ao.length;let Wa=0;const lo=()=>`${rr}-${++Wa}`,As=Object.freeze({interpolation:o=>`${Xo}${o}${ao}`,attribute:o=>`${lo()}="${Xo}${o}${ao}"`,comment:o=>`<!--${Xo}${o}${ao}-->`}),Ko=Object.freeze({parse(o,e){const t=o.split(Xo);if(t.length===1)return null;const i=[];for(let r=0,s=t.length;r<s;++r){const n=t[r],c=n.indexOf(ao);let h;if(c===-1)h=n;else{const d=n.substring(0,c);i.push(e[d]),h=n.substring(c+qa)}h!==""&&i.push(h)}return i}}),sr=Qi(),Fe=Object.freeze({getForInstance:sr.getForInstance,getByType:sr.getByType,define(o,e){return e=e||{},e.type=o,sr.register(e),o},assignAspect(o,e){if(!e){o.aspectType=Z.content;return}switch(o.sourceAspect=e,e[0]){case":":o.targetAspect=e.substring(1),o.aspectType=o.targetAspect==="classList"?Z.tokenList:Z.property;break;case"?":o.targetAspect=e.substring(1),o.aspectType=Z.booleanAttribute;break;case"@":o.targetAspect=e.substring(1),o.aspectType=Z.event;break;default:o.targetAspect=e,o.aspectType=Z.attribute;break}}});class nr{constructor(e){this.options=e}createHTML(e){return As.attribute(e(this))}createBehavior(){return this}}ht(nr);class Es extends Error{constructor(e,t,i){super(e),this.factories=t,this.node=i}}function ar(o){return o.nodeType===Node.COMMENT_NODE}function Ns(o){return o.nodeType===Node.TEXT_NODE}function Fs(o,e){const t=document.createRange();return t.setStart(o,0),t.setEnd(e,ar(e)||Ns(e)?e.data.length:e.childNodes.length),t}function Ga(o){return o instanceof DocumentFragment&&"mode"in o}function Ua(o,e,t){const i=Fs(o,e),r=i.commonAncestorContainer,s=document.createTreeWalker(r,NodeFilter.SHOW_ELEMENT+NodeFilter.SHOW_COMMENT+NodeFilter.SHOW_TEXT,{acceptNode(d){return i.comparePoint(d,0)===0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_REJECT}}),n={},c={};let h=s.currentNode=o;for(;h!==null;){switch(h.nodeType){case Node.ELEMENT_NODE:{Xa(h,t,n);break}case Node.COMMENT_NODE:{Ka(h,s,t,n,c);break}}h=s.nextNode()}return i.detach(),{targets:n,boundaries:c}}function Xa(o,e,t){const i=Ne.parseAttributeBinding(o);if(i!==null){for(const r of i){if(!e[r])throw new Es(`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);Yo(e[r],o,t)}o.removeAttribute(Ne.attributeMarkerName)}}function Ka(o,e,t,i,r){if(Ne.isElementBoundaryStartMarker(o)){Ya(o,e);return}if(Ne.isContentBindingStartMarker(o.data)){const s=Ne.parseContentBindingStartMarker(o.data);if(s===null)return;const[n,c]=s,h=t[n],d=[];let l=e.nextSibling();o.data="";const f=l;for(;l!==null;){if(ar(l)){const w=Ne.parseContentBindingEndMarker(l.data);if(w&&w[1]===c)break}d.push(l),l=e.nextSibling()}if(l===null){const w=o.getRootNode();throw new Error(`Error hydrating Comment node inside "${Ga(w)?w.host.nodeName:w.nodeName}".`)}if(l.data="",d.length===1&&Ns(d[0]))Yo(h,d[0],i);else{l!==f&&l.previousSibling!==null&&(r[h.targetNodeId]={first:f,last:l.previousSibling});const w=l.parentNode.insertBefore(document.createTextNode(""),l);Yo(h,w,i)}}}function Ya(o,e){const t=Ne.parseElementBoundaryStartMarker(o.data);let i=e.nextSibling();for(;i!==null;){if(ar(i)){const r=Ne.parseElementBoundaryEndMarker(i.data);if(r&&r===t)break}i=e.nextSibling()}}function Yo(o,e,t){if(o.targetNodeId===void 0)throw new Error("Factory could not be target to the node");t[o.targetNodeId]=e}var Ms;function lr(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 Ds{constructor(){this.index=0,this.length=0}get event(){return At.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 Qo extends Ds{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=qo.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(){lr(this.firstChild,this.lastChild),this.unbind()}onUnbind(e){this.unbindables.push(e)}bind(e,t=this){if(this.source===e)return;let i=this.behaviors;if(i===null){this.source=e,this.context=t,this.behaviors=i=new Array(this.factories.length);const r=this.factories;for(let s=0,n=r.length;s<n;++s){const c=r[s].createBehavior();c.bind(this),i[s]=c}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;for(let r=0,s=i.length;r<s;++r)i[r].bind(this)}this.isBound=!0}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}evaluateUnbindables(){const e=this.unbindables;for(let t=0,i=e.length;t<i;++t)e[t].unbind(this);e.length=0}static disposeContiguousBatch(e){if(e.length!==0){lr(e[0].firstChild,e[e.length-1].lastChild);for(let t=0,i=e.length;t<i;++t)e[t].unbind()}}}ht(Qo),m.defineProperty(Qo.prototype,"index"),m.defineProperty(Qo.prototype,"length");const Et={unhydrated:"unhydrated",hydrating:"hydrating",hydrated:"hydrated"};class Qa extends Error{constructor(e,t,i,r){super(e),this.factory=t,this.fragment=i,this.templateString=r}}class Za extends Ds{constructor(e,t,i,r){super(),this.firstChild=e,this.lastChild=t,this.sourceTemplate=i,this.hostBindingTarget=r,this[Ms]=Go,this.context=this,this.source=null,this.isBound=!1,this.sourceLifetime=qo.unknown,this.unbindables=[],this.fragment=null,this.behaviors=null,this._hydrationStage=Et.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!==Et.hydrated&&(this._hydrationStage=Et.hydrating),this.source===e)return;let s=this.behaviors;if(s===null){this.source=e,this.context=t;try{const{targets:c,boundaries:h}=Ua(this.firstChild,this.lastChild,this.factories);this._targets=c,this._bindingViewBoundaries=h}catch(c){if(c instanceof Es){let h=this.sourceTemplate.html;typeof h!="string"&&(h=h.innerHTML),c.templateString=h}throw c}this.behaviors=s=new Array(this.factories.length);const n=this.factories;for(let c=0,h=n.length;c<h;++c){const d=n[c];if(d.targetNodeId==="h"&&this.hostBindingTarget&&Yo(d,this.hostBindingTarget,this._targets),d.targetNodeId in this.targets){const l=d.createBehavior();l.bind(this),s[c]=l}else{let l=this.sourceTemplate.html;throw typeof l!="string"&&(l=l.innerHTML),new Qa(`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}".`,d,Fs(this.firstChild,this.lastChild).cloneContents(),l)}}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;for(let n=0,c=s.length;n<c;++n)s[n].bind(this)}this.isBound=!0,this._hydrationStage=Et.hydrated}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}dispose(){lr(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}}Ms=Go,ht(Za);function Ja(o){return o.create!==void 0}function el(o,e,t,i){if(t==null&&(t=""),Ja(t)){o.textContent="";let r=o.$fastView;if(r===void 0)if(Uo(i)&&Uo(t)&&i.bindingViewBoundaries[this.targetNodeId]!==void 0&&i.hydrationStage!==Et.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 tl(o,e,t){var i;const r=`${this.id}-t`,s=(i=o[r])!==null&&i!==void 0?i:o[r]={v:0,cv:Object.create(null)},n=s.cv;let c=s.v;const h=o[e];if(t!=null&&t.length){const d=t.split(/\s+/);for(let l=0,f=d.length;l<f;++l){const w=d[l];w!==""&&(n[w]=c,h.add(w))}}if(s.v=c+1,c!==0){c-=1;for(const d in n)n[d]===c&&h.remove(d)}}const ol={[Z.attribute]:ut.setAttribute,[Z.booleanAttribute]:ut.setBooleanAttribute,[Z.property]:(o,e,t)=>o[e]=t,[Z.content]:el,[Z.tokenList]:tl,[Z.event]:()=>{}};class Nt{constructor(e){this.dataBinding=e,this.updateTarget=null,this.aspectType=Z.content}createHTML(e){return As.interpolation(e(this))}createBehavior(){var e;if(this.updateTarget===null){const t=ol[this.aspectType],i=(e=this.dataBinding.policy)!==null&&e!==void 0?e:this.policy;if(!t)throw ie.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=Uo(e)&&e.hydrationStage&&e.hydrationStage!==Et.hydrated;switch(this.aspectType){case Z.event:i[this.data]=e,i.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case Z.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===Z.attribute||this.aspectType===Z.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){At.setEvent(e);const i=this.dataBinding.evaluate(t.source,t.context);At.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(Nt,{aspected:!0});const Hs=(o,e)=>`${o}.${e}`,Vs={},Me={index:0,node:null};function Ls(o){o.startsWith("fast-")||ie.warn(1204,{name:o})}const il=new Proxy(document.createElement("div"),{get(o,e){Ls(e);const t=Reflect.get(o,e);return _t(t)?t.bind(o):t},set(o,e,t){return Ls(e),Reflect.set(o,e,t)}});class rl{constructor(e,t,i){this.fragment=e,this.directives=t,this.policy=i,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(e,t,i,r,s){var n,c;this.nodeIds.has(i)||(this.nodeIds.add(i),this.addTargetDescriptor(t,i,r)),e.id=(n=e.id)!==null&&n!==void 0?n:lo(),e.targetNodeId=i,e.targetTagName=s,e.policy=(c=e.policy)!==null&&c!==void 0?c:this.policy,this.factories.push(e)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(e,t,i){const r=this.descriptors;if(t==="r"||t==="h"||r[t])return;if(!r[e]){const n=e.lastIndexOf("."),c=e.substring(0,n),h=parseInt(e.substring(n+1));this.addTargetDescriptor(c,e,h)}let s=Vs[t];if(!s){const n=`_${t}`;Vs[t]=s={get(){var c;return(c=this[n])!==null&&c!==void 0?c:this[n]=this[e].childNodes[i]}}}r[t]=s}createView(e){const t=this.fragment.cloneNode(!0),i=Object.create(this.proto);i.r=t,i.h=e??il;for(const r of this.nodeIds)i[r];return new Qo(t,this.factories,i)}}function js(o,e,t,i,r,s=!1){const n=t.attributes,c=o.directives;for(let h=0,d=n.length;h<d;++h){const l=n[h],f=l.value,w=Ko.parse(f,c);let pe=null;w===null?s&&(pe=new Nt(ms(()=>f,o.policy)),Fe.assignAspect(pe,l.name)):pe=cr.aggregate(w,o.policy),pe!==null&&(t.removeAttributeNode(l),h--,d--,o.addFactory(pe,e,i,r,t.tagName))}}function sl(o,e,t,i,r){const s=Ko.parse(e.textContent,o.directives);if(s===null)return Me.node=e.nextSibling,Me.index=r+1,Me;let n,c=n=e;for(let h=0,d=s.length;h<d;++h){const l=s[h];h!==0&&(r++,i=Hs(t,r),n=c.parentNode.insertBefore(document.createTextNode(""),c.nextSibling)),Ge(l)?n.textContent=l:(n.textContent=" ",Fe.assignAspect(l),o.addFactory(l,t,i,r,null)),c=n}return Me.index=r+1,Me.node=c.nextSibling,Me}function Rs(o,e,t){let i=0,r=e.firstChild;for(;r;){const s=nl(o,t,r,i);r=s.node,i=s.index}}function nl(o,e,t,i){const r=Hs(e,i);switch(t.nodeType){case 1:js(o,e,t,r,i),Rs(o,t,r);break;case 3:return sl(o,t,e,r,i);case 8:const s=Ko.parse(t.data,o.directives);s!==null&&o.addFactory(cr.aggregate(s),e,r,i,null);break}return Me.index=i+1,Me.node=t.nextSibling,Me}function al(o,e){return o&&o.nodeType==8&&Ko.parse(o.data,e)!==null}const qs="TEMPLATE",cr={compile(o,e,t=ut.policy){let i;if(Ge(o)){i=document.createElement(qs),i.innerHTML=t.createHTML(o);const n=i.content.firstElementChild;n!==null&&n.tagName===qs&&(i=n)}else i=o;!i.content.firstChild&&!i.content.lastChild&&i.content.appendChild(document.createComment(""));const r=document.adoptNode(i.content),s=new rl(r,e,t);return js(s,"",i,"h",0,!0),(al(r.firstChild,e)||r.childNodes.length===1&&Object.keys(e).length>0)&&r.insertBefore(document.createComment(""),r.firstChild),Rs(s,r,"r"),Me.node=null,s.freeze()},setDefaultStrategy(o){this.compile=o},aggregate(o,e=ut.policy){if(o.length===1)return o[0];let t,i=!1,r;const s=o.length,n=o.map(d=>Ge(d)?()=>d:(t=d.sourceAspect||t,i=i||d.dataBinding.isVolatile,r=r||d.dataBinding.policy,d.dataBinding.evaluate)),c=(d,l)=>{let f="";for(let w=0;w<s;++w)f+=n[w](d,l);return f},h=new Nt(Ji(c,r??e,i));return Fe.assignAspect(h,t),h}},ll=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,cl=Object.create(null);class pt{constructor(e,t=cl){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(""),Fe.define(pt);function dl(o,e,t,i=Fe.getForInstance(o)){if(i.aspected){const r=ll.exec(e);r!==null&&Fe.assignAspect(o,r[2])}return o.createHTML(t)}class Ui{constructor(e,t={},i){this.policy=i,this.result=null,this.html=e,this.factories=t}compile(){return this.result===null&&(this.result=cr.compile(this.html,this.factories,this.policy)),this.result}create(e){return this.compile().createView(e)}inline(){return new pt(Ge(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(e){if(this.result)throw ie.error(1208);if(this.policy)throw ie.error(1207);return this.policy=e,this}render(e,t,i){const r=this.create(i);return r.bind(e),r.appendTo(t),r}static create(e,t,i){let r="";const s=Object.create(null),n=c=>{var h;const d=(h=c.id)!==null&&h!==void 0?h:c.id=lo();return s[d]=c,d};for(let c=0,h=e.length-1;c<h;++c){const d=e[c];let l=t[c],f;if(r+=d,_t(l))l=new Nt(Ji(l));else if(l instanceof Wo)l=new Nt(l);else if(!(f=Fe.getForInstance(l))){const w=l;l=new Nt(ms(()=>w))}r+=dl(l,d,n,f)}return new Ui(r+e[e.length-1],s,i)}}ht(Ui);const b=(o,...e)=>{if(Array.isArray(o)&&Array.isArray(o.raw))return Ui.create(o,e);throw ie.error(1206)};b.partial=o=>new pt(o);class Ws extends nr{bind(e){e.source[this.options]=e.targets[this.targetNodeId]}}Fe.define(Ws);const _=o=>new Ws(o),hl=o=>o.nodeType===1,co=o=>o?e=>e.nodeType===1&&e.matches(o):hl;class ul extends nr{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,Da),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 Gs="slotchange";class Us extends ul{observe(e){e.addEventListener(Gs,this)}disconnect(e){e.removeEventListener(Gs,this)}getNodes(e){return e.assignedNodes(this.options)}handleEvent(e){const t=e.currentTarget;this.updateTarget(this.getSource(t),this.computeNodes(t))}}Fe.define(Us);function U(o){return Ge(o)&&(o={property:o}),new Us(o)}const Xs="boolean",Ks="reflect",Zo=Object.freeze({locate:hs()}),pl={toView(o){return o?"true":"false"},fromView(o){return!(o==null||o==="false"||o===!1||o===0)}};function Ys(o){if(o==null)return null;const e=o*1;return isNaN(e)?null:e}const re={toView(o){const e=Ys(o);return e&&e.toString()},fromView:Ys};class Xi{constructor(e,t,i=t.toLowerCase(),r=Ks,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===Xs&&s===void 0&&(this.converter=pl)}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 m.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"||G.enqueue(()=>{i.add(e);const r=e[this.fieldName];switch(t){case Ks:const s=this.converter;ut.setAttribute(e,this.attribute,s!==void 0?s.toView(r):r);break;case Xs:ut.setBooleanAttribute(e,this.attribute,r);break}i.delete(e)})}static collect(e,...t){const i=[];t.push(Zo.locate(e));for(let r=0,s=t.length;r<s;++r){const n=t[r];if(n!==void 0)for(let c=0,h=n.length;c<h;++c){const d=n[c];Ge(d)?i.push(new Xi(e,d)):i.push(new Xi(e,d.property,d.attribute,d.mode,d.converter))}}return i}}function a(o,e){let t;function i(r,s){arguments.length>1&&(t.property=s),Zo.locate(r.constructor).push(t)}if(arguments.length>1){t={},i(o,e);return}return t=o===void 0?{}:o,i}const Qs={mode:"open"},Zs={},Js=new Set,Jo=ie.getById(dt.elementRegistry,()=>Qi());class Ee{constructor(e,t=e.definition){var i;this.platformDefined=!1,Ge(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=Xi.collect(e,t.attributes),n=new Array(s.length),c={},h={};for(let d=0,l=s.length;d<l;++d){const f=s[d];n[d]=f.attribute,c[f.name]=f,h[f.attribute]=f,m.defineProperty(r,f)}Reflect.defineProperty(e,"observedAttributes",{value:n,enumerable:!0}),this.attributes=s,this.propertyLookup=c,this.attributeLookup=h,this.shadowOptions=t.shadowOptions===void 0?Qs:t.shadowOptions===null?void 0:Object.assign(Object.assign({},Qs),t.shadowOptions),this.elementOptions=t.elementOptions===void 0?Zs:Object.assign(Object.assign({},Zs),t.elementOptions),this.styles=we.normalize(t.styles),Jo.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 Js.has(e)||Jo.getByType(e)?new Ee(class extends e{},t):new Ee(e,t)}static registerBaseType(e){Js.add(e)}}Ee.getByType=Jo.getByType,Ee.getForInstance=Jo.getForInstance;class bl 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:At.default,targets:t,get isBound(){return r},addBehaviorFactory(s,n){var c,h,d,l;const f=s;f.id=(c=f.id)!==null&&c!==void 0?c:lo(),f.targetNodeId=(h=f.targetNodeId)!==null&&h!==void 0?h:lo(),f.targetTagName=(d=n.tagName)!==null&&d!==void 0?d:null,f.policy=(l=f.policy)!==null&&l!==void 0?l:ut.policy,this.addTarget(f.targetNodeId,n),this.addBehavior(f.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 gl={bubbles:!0,composed:!0,cancelable:!0},ei="isConnected",en=new WeakMap;function ho(o){var e,t;return(t=(e=o.shadowRoot)!==null&&e!==void 0?e:en.get(o))!==null&&t!==void 0?t:null}let tn;class Ft extends ps{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"&&en.set(e,s))}const r=m.getAccessors(e);if(r.length>0){const s=this.boundObservables=Object.create(null);for(let n=0,c=r.length;n<c;++n){const h=r[n].name,d=e[h];d!==void 0&&(delete e[h],s[h]=d)}}}get isConnected(){return m.track(this,ei),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:At.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=ho(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=ho(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,m.notify(this,ei))}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,m.notify(this,ei),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},gl),i))):!1}renderTemplate(e){var t;const i=this.source,r=(t=ho(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=qo.coupled)}static forCustomElement(e){const t=e.$fastController;if(t!==void 0)return t;const i=Ee.getForInstance(e);if(i===void 0)throw ie.error(1401);return e.$fastController=new tn(e,i)}static setStrategy(e){tn=e}}ht(Ft),Ft.setStrategy(Ft);function ti(o){var e;return"adoptedStyleSheets"in o?o:(e=ho(o))!==null&&e!==void 0?e:o.getRootNode()}class Ki{constructor(e){const t=Ki.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){rn(ti(e),this.sheets)}removeStylesFrom(e){sn(ti(e),this.sheets)}}Ki.styleSheetCache=new Map;let fl=0;const ml=()=>`fast-${++fl}`;function on(o){return o===document?document.body:o}class vl{constructor(e){this.styles=e,this.styleClass=ml()}addStylesTo(e){e=on(ti(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=on(ti(e));const t=e.querySelectorAll(`.${this.styleClass}`);for(let i=0,r=t.length;i<r;++i)e.removeChild(t[i])}}let rn=(o,e)=>{o.adoptedStyleSheets=[...o.adoptedStyleSheets,...e]},sn=(o,e)=>{o.adoptedStyleSheets=o.adoptedStyleSheets.filter(t=>e.indexOf(t)===-1)};if(we.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),rn=(o,e)=>{o.adoptedStyleSheets.push(...e)},sn=(o,e)=>{for(const t of e){const i=o.adoptedStyleSheets.indexOf(t);i!==-1&&o.adoptedStyleSheets.splice(i,1)}}}catch{}we.setDefaultStrategy(Ki)}else we.setDefaultStrategy(vl);const nn="defer-hydration",an="needs-hydration";class Ot extends Ft{static hydrationObserverHandler(e){for(const t of e)Ot.hydrationObserver.unobserve(t.target),t.target.$fastController.connect()}connect(){var e,t;if(this.needsHydration===void 0&&(this.needsHydration=this.source.getAttribute(an)!==null),this.source.hasAttribute(nn)){Ot.hydrationObserver.observe(this.source,{attributeFilter:[nn]});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=ho(i))!==null&&e!==void 0?e:i;if(this.template)if(Uo(this.template)){let s=r.firstChild,n=r.lastChild;i.shadowRoot===null&&(Ne.isElementBoundaryStartMarker(s)&&(s.data="",s=s.nextSibling),Ne.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(an),this.needsInitialization=this.needsHydration=!1,m.notify(this,ei)}disconnect(){super.disconnect(),Ot.hydrationObserver.unobserve(this.source)}static install(){Ft.setStrategy(Ot)}}Ot.hydrationObserver=new bl(Ot.hydrationObserverHandler);function ln(o){const e=class extends o{constructor(){super(),Ft.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 Ee.registerBaseType(e),e}function $l(o,e){return _t(o)?Ee.compose(o,e):Ee.compose(this,o)}function yl(o,e){return _t(o)?Ee.compose(o,e).define().type:Ee.compose(this,o).define().type}function xl(o){return ln(o)}const $=Object.assign(ln(HTMLElement),{from:xl,define:yl,compose:$l});var kl=Object.defineProperty,wl=Object.getOwnPropertyDescriptor,j=(o,e,t,i)=>{for(var r=i>1?void 0:i?wl(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&&kl(e,t,r),r};class R{}j([a({attribute:"aria-atomic"})],R.prototype,"ariaAtomic",2),j([a({attribute:"aria-busy"})],R.prototype,"ariaBusy",2),j([a({attribute:"aria-controls"})],R.prototype,"ariaControls",2),j([a({attribute:"aria-current"})],R.prototype,"ariaCurrent",2),j([a({attribute:"aria-describedby"})],R.prototype,"ariaDescribedby",2),j([a({attribute:"aria-details"})],R.prototype,"ariaDetails",2),j([a({attribute:"aria-disabled"})],R.prototype,"ariaDisabled",2),j([a({attribute:"aria-errormessage"})],R.prototype,"ariaErrormessage",2),j([a({attribute:"aria-flowto"})],R.prototype,"ariaFlowto",2),j([a({attribute:"aria-haspopup"})],R.prototype,"ariaHaspopup",2),j([a({attribute:"aria-hidden"})],R.prototype,"ariaHidden",2),j([a({attribute:"aria-invalid"})],R.prototype,"ariaInvalid",2),j([a({attribute:"aria-keyshortcuts"})],R.prototype,"ariaKeyshortcuts",2),j([a({attribute:"aria-label"})],R.prototype,"ariaLabel",2),j([a({attribute:"aria-labelledby"})],R.prototype,"ariaLabelledby",2),j([a({attribute:"aria-live"})],R.prototype,"ariaLive",2),j([a({attribute:"aria-owns"})],R.prototype,"ariaOwns",2),j([a({attribute:"aria-relevant"})],R.prototype,"ariaRelevant",2),j([a({attribute:"aria-roledescription"})],R.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()}},be={horizontal:"horizontal",vertical:"vertical"};function Cl(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 uo="ArrowDown",po="ArrowLeft",bo="ArrowRight",go="ArrowUp",fo="End",mo="Enter",Sl="Escape",vo="Home",oi=" ",Il="Tab";var De;(function(o){o.ltr="ltr",o.rtl="rtl"})(De||(De={}));function Pl(o,e,t){return t<o?e:t>e?o:t}function ur(o,e,t){return Math.min(Math.max(t,o),e)}let zl=0;function bt(o=""){return`${o}${zl++}`}const ii=o=>o.closest("[dir]")?.dir==="rtl"?De.rtl:De.ltr;function ge(o){return o?typeof o=="string"?new pt(o):"inline"in o?o.inline():o:pt.empty}const cn=o=>o.nodeType!==Node.TEXT_NODE||!!o.nodeValue?.trim().length,Tl=":host([hidden]){display:none}";function k(o){return`${Tl}:host{display:${o}}`}class Bl{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 Lo extends Bl{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new Lo(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 X=Lo.with(window.matchMedia("(forced-colors)"));Lo.with(window.matchMedia("(prefers-color-scheme: dark)")),Lo.with(window.matchMedia("(prefers-color-scheme: light)"));const ri=CSS.supports("anchor-name: --a"),Ol="anchor"in HTMLElement.prototype,dn=CSS.supports("selector(:state(g))");class Ue{}function tt(o){return b`<slot name="end" ${_("end")}>${ge(o.end)}</slot>`.inline()}function He(o){return b`<slot name="start" ${_("start")}>${ge(o.start)}</slot>`.inline()}function Xe(o,...e){const t=Zo.locate(o);e.forEach(i=>{Object.getOwnPropertyNames(i.prototype).forEach(s=>{s!=="constructor"&&Object.defineProperty(o.prototype,s,Object.getOwnPropertyDescriptor(i.prototype,s))}),Zo.locate(i).forEach(s=>t.push(s))})}var _l=Object.defineProperty,Al=Object.getOwnPropertyDescriptor,si=(o,e,t,i)=>{for(var r=i>1?void 0:i?Al(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 ot extends ${constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=bt("accordion-")}}si([a({attribute:"heading-level",mode:"fromView",converter:re})],ot.prototype,"headinglevel",2),si([a({mode:"boolean"})],ot.prototype,"expanded",2),si([a({mode:"boolean"})],ot.prototype,"disabled",2),si([a],ot.prototype,"id",2);var El=Object.defineProperty,Nl=Object.getOwnPropertyDescriptor,pr=(o,e,t,i)=>{for(var r=i>1?void 0:i?Nl(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&&El(e,t,r),r};class $o extends ot{constructor(){super(...arguments),this.block=!1}}pr([a],$o.prototype,"size",2),pr([a({attribute:"marker-position"})],$o.prototype,"markerPosition",2),pr([a({mode:"boolean"})],$o.prototype,"block",2),Xe($o,Ue);const T="var(--colorNeutralForeground1)",br="var(--colorNeutralForeground1Hover)",Fl="var(--colorNeutralForeground1Pressed)",Ie="var(--colorNeutralForeground2)",Mt="var(--colorNeutralForeground2Hover)",Dt="var(--colorNeutralForeground2Pressed)",ni="var(--colorNeutralForeground2Selected)",ai="var(--colorNeutralForeground2BrandHover)",li="var(--colorNeutralForeground2BrandPressed)",Ml="var(--colorNeutralForeground2BrandSelected)",J="var(--colorNeutralForeground3)",Dl="var(--colorNeutralForeground3Hover)",Hl="var(--colorNeutralForeground3Pressed)",Vl="var(--colorNeutralForeground3Selected)",gr="var(--colorNeutralForeground4)",S="var(--colorNeutralForegroundDisabled)",Ll="var(--colorBrandForegroundLink)",jl="var(--colorBrandForegroundLinkHover)",Rl="var(--colorBrandForegroundLinkPressed)",ql="var(--colorNeutralForeground2Link)",Wl="var(--colorNeutralForeground2LinkHover)",Gl="var(--colorNeutralForeground2LinkPressed)",hn="var(--colorCompoundBrandForeground1Hover)",Ul="var(--colorCompoundBrandForeground1Pressed)",Ke="var(--colorNeutralForegroundOnBrand)",gt="var(--colorNeutralForegroundInverted)",Xl="var(--colorNeutralForegroundInvertedHover)",Kl="var(--colorNeutralForegroundInvertedPressed)",un="var(--colorNeutralForegroundStaticInverted)",ci="var(--colorBrandForeground1)",Yl="var(--colorBrandForeground2)",Ql="var(--colorNeutralForeground1Static)",I="var(--colorNeutralBackground1)",di="var(--colorNeutralBackground1Hover)",fr="var(--colorNeutralBackground1Pressed)",pn="var(--colorNeutralBackground1Selected)",yo="var(--colorNeutralBackground3)",Zl="var(--colorNeutralBackground4)",Jl="var(--colorNeutralBackground5)",xo="var(--colorNeutralBackground6)",bn="var(--colorNeutralBackgroundInverted)",gn="var(--colorSubtleBackground)",ko="var(--colorSubtleBackgroundHover)",ft="var(--colorSubtleBackgroundPressed)",fn="var(--colorSubtleBackgroundSelected)",ec="var(--colorSubtleBackgroundLightAlphaHover)",tc="var(--colorSubtleBackgroundLightAlphaPressed)",oc="var(--colorSubtleBackgroundLightAlphaSelected)",fe="var(--colorTransparentBackground)",hi="var(--colorTransparentBackgroundHover)",ui="var(--colorTransparentBackgroundPressed)",mn="var(--colorTransparentBackgroundSelected)",it="var(--colorNeutralBackgroundDisabled)",mr="var(--colorBackgroundOverlay)",vn="var(--colorBrandBackground)",$n="var(--colorBrandBackgroundHover)",yn="var(--colorBrandBackgroundPressed)",ic="var(--colorBrandBackgroundSelected)",mt="var(--colorCompoundBrandBackground)",Ht="var(--colorCompoundBrandBackgroundHover)",Vt="var(--colorCompoundBrandBackgroundPressed)",xn="var(--colorBrandBackgroundStatic)",kn="var(--colorBrandBackground2)",Ve="var(--colorNeutralStrokeAccessible)",vt="var(--colorNeutralStrokeAccessibleHover)",$t="var(--colorNeutralStrokeAccessiblePressed)",Le="var(--colorNeutralStroke1)",Lt="var(--colorNeutralStroke1Hover)",wo="var(--colorNeutralStroke1Pressed)",Co="var(--colorNeutralStroke2)",rc="var(--colorNeutralStroke3)",sc="var(--colorNeutralStrokeOnBrand2)",wn="var(--colorBrandStroke1)",Cn="var(--colorBrandStroke2)",yt="var(--colorCompoundBrandStroke)",nc="var(--colorCompoundBrandStrokeHover)",Sn="var(--colorCompoundBrandStrokePressed)",Ce="var(--colorNeutralStrokeDisabled)",K="var(--colorTransparentStroke)",vr="var(--colorTransparentStrokeInteractive)",pi="var(--colorStrokeFocus1)",me="var(--colorStrokeFocus2)",ac="var(--colorNeutralShadowAmbient)",lc="var(--colorNeutralShadowKey)",In="var(--colorPaletteRedBackground1)",cc="var(--colorPaletteRedBackground2)",Pn="var(--colorPaletteRedBackground3)",zn="var(--colorPaletteRedBorder1)",$r="var(--colorPaletteRedBorder2)",yr="var(--colorPaletteRedForeground1)",dc="var(--colorPaletteRedForeground2)",Tn="var(--colorPaletteRedForeground3)",Bn="var(--colorPaletteGreenBackground1)",On="var(--colorPaletteGreenBackground3)",hc="var(--colorPaletteGreenBorder1)",uc="var(--colorPaletteGreenBorder2)",pc="var(--colorPaletteGreenForeground1)",bc="var(--colorPaletteGreenForeground2)",gc="var(--colorPaletteGreenForeground3)",_n="var(--colorPaletteDarkOrangeBackground1)",An="var(--colorPaletteDarkOrangeBackground3)",En="var(--colorPaletteDarkOrangeBorder1)",fc="var(--colorPaletteDarkOrangeForeground1)",Nn="var(--colorPaletteDarkOrangeForeground3)",mc="var(--colorPaletteYellowBackground1)",vc="var(--colorPaletteYellowBackground3)",$c="var(--colorPaletteYellowBorder1)",xr="var(--colorPaletteYellowForeground2)",Fn="var(--colorPaletteMarigoldBackground2)",yc="var(--colorPaletteMarigoldBorderActive)",xc="var(--colorPaletteMarigoldForeground2)",kc="var(--colorPaletteAnchorBackground2)",wc="var(--colorPaletteAnchorForeground2)",Cc="var(--colorPaletteBeigeBackground2)",Sc="var(--colorPaletteBeigeForeground2)",Ic="var(--colorPaletteBlueBackground2)",Pc="var(--colorPaletteBlueForeground2)",zc="var(--colorPaletteBrassBackground2)",Tc="var(--colorPaletteBrassForeground2)",Bc="var(--colorPaletteBrownBackground2)",Oc="var(--colorPaletteBrownForeground2)",_c="var(--colorPaletteCornflowerBackground2)",Ac="var(--colorPaletteCornflowerForeground2)",Ec="var(--colorPaletteCranberryBackground2)",Nc="var(--colorPaletteCranberryForeground2)",Fc="var(--colorPaletteDarkGreenBackground2)",Mc="var(--colorPaletteDarkGreenForeground2)",Dc="var(--colorPaletteDarkRedBackground2)",Hc="var(--colorPaletteDarkRedForeground2)",Vc="var(--colorPaletteForestBackground2)",Lc="var(--colorPaletteForestForeground2)",jc="var(--colorPaletteGoldBackground2)",Rc="var(--colorPaletteGoldForeground2)",qc="var(--colorPaletteGrapeBackground2)",Wc="var(--colorPaletteGrapeForeground2)",Gc="var(--colorPaletteLavenderBackground2)",Uc="var(--colorPaletteLavenderForeground2)",Xc="var(--colorPaletteLightTealBackground2)",Kc="var(--colorPaletteLightTealForeground2)",Yc="var(--colorPaletteLilacBackground2)",Qc="var(--colorPaletteLilacForeground2)",Zc="var(--colorPaletteMagentaBackground2)",Jc="var(--colorPaletteMagentaForeground2)",ed="var(--colorPaletteMinkBackground2)",td="var(--colorPaletteMinkForeground2)",od="var(--colorPaletteNavyBackground2)",id="var(--colorPaletteNavyForeground2)",rd="var(--colorPalettePeachBackground2)",sd="var(--colorPalettePeachForeground2)",nd="var(--colorPalettePinkBackground2)",ad="var(--colorPalettePinkForeground2)",ld="var(--colorPalettePlatinumBackground2)",cd="var(--colorPalettePlatinumForeground2)",dd="var(--colorPalettePlumBackground2)",hd="var(--colorPalettePlumForeground2)",ud="var(--colorPalettePumpkinBackground2)",pd="var(--colorPalettePumpkinForeground2)",bd="var(--colorPalettePurpleBackground2)",gd="var(--colorPalettePurpleForeground2)",fd="var(--colorPaletteRoyalBlueBackground2)",md="var(--colorPaletteRoyalBlueForeground2)",vd="var(--colorPaletteSeafoamBackground2)",$d="var(--colorPaletteSeafoamForeground2)",yd="var(--colorPaletteSteelBackground2)",xd="var(--colorPaletteSteelForeground2)",kd="var(--colorPaletteTealBackground2)",wd="var(--colorPaletteTealForeground2)",bi="var(--borderRadiusNone)",Be="var(--borderRadiusSmall)",C="var(--borderRadiusMedium)",Mn="var(--borderRadiusLarge)",Dn="var(--borderRadiusXLarge)",ve="var(--borderRadiusCircular)",v="var(--fontFamilyBase)",Cd="var(--fontFamilyMonospace)",Sd="var(--fontFamilyNumeric)",So="var(--fontSizeBase100)",F="var(--fontSizeBase200)",B="var(--fontSizeBase300)",he="var(--fontSizeBase400)",jt="var(--fontSizeBase500)",gi="var(--fontSizeBase600)",Hn="var(--fontSizeHero700)",Vn="var(--fontSizeHero800)",Ln="var(--fontSizeHero900)",jn="var(--fontSizeHero1000)",A="var(--fontWeightRegular)",Id="var(--fontWeightMedium)",D="var(--fontWeightSemibold)",fi="var(--fontWeightBold)",mi="var(--lineHeightBase100)",q="var(--lineHeightBase200)",E="var(--lineHeightBase300)",$e="var(--lineHeightBase400)",vi="var(--lineHeightBase500)",Rn="var(--lineHeightBase600)",qn="var(--lineHeightHero700)",Wn="var(--lineHeightHero800)",Gn="var(--lineHeightHero900)",Un="var(--lineHeightHero1000)",kr="var(--shadow2)",$i="var(--shadow4)",Pd="var(--shadow8)",wr="var(--shadow16)",zd="var(--shadow28)",Xn="var(--shadow64)",P="var(--strokeWidthThin)",ye="var(--strokeWidthThick)",se="var(--strokeWidthThicker)",Cr="var(--strokeWidthThickest)",H="var(--spacingHorizontalXXS)",ne="var(--spacingHorizontalXS)",ee="var(--spacingHorizontalSNudge)",Oe="var(--spacingHorizontalS)",ae="var(--spacingHorizontalMNudge)",le="var(--spacingHorizontalM)",Td="var(--spacingHorizontalL)",Bd="var(--spacingHorizontalXL)",Sr="var(--spacingHorizontalXXL)",Ir="var(--spacingVerticalNone)",Rt="var(--spacingVerticalXXS)",qt="var(--spacingVerticalXS)",je="var(--spacingVerticalSNudge)",V="var(--spacingVerticalS)",Wt="var(--spacingVerticalMNudge)",Od="var(--spacingVerticalM)",yi="var(--spacingVerticalL)",xt="var(--spacingVerticalXXL)",_d="var(--spacingVerticalXXXL)",Pr="var(--durationUltraFast)",xi="var(--durationFaster)",ki="var(--durationNormal)",zr="var(--durationGentle)",Kn="var(--durationSlow)",Yn="var(--durationSlower)",wi="var(--durationUltraSlow)",Ad="var(--curveAccelerateMax)",kt="var(--curveAccelerateMid)",Ed="var(--curveAccelerateMin)",Tr="var(--curveDecelerateMax)",wt="var(--curveDecelerateMid)",Nd="var(--curveDecelerateMin)",Qn="var(--curveEasyEaseMax)",Ci="var(--curveEasyEase)",Br="var(--curveLinear)",Fd=u`
|
|
1
|
+
const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements});let jo;const cs="fast-kernel";try{if(document.currentScript)jo=document.currentScript.getAttribute(cs);else{const o=document.getElementsByTagName("script");jo=o[o.length-1].getAttribute(cs)}}catch{jo="isolate"}let dt;switch(jo){case"share":dt=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":dt=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)}`;dt=Object.freeze({updateQueue:`1.2${o}`,observable:`2.2${o}`,contextEvent:`3.2${o}`,elementRegistry:`4.2${o}`});break}const _t=o=>typeof o=="function",Ge=o=>typeof o=="string",Ma=()=>{};var Yi=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};(function(){if(!(typeof globalThis<"u"))if(typeof Yi<"u")Yi.globalThis=Yi;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 ds={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},ds));const ie=globalThis.FAST;if(ie.getById===void 0){const o=Object.create(null);Reflect.defineProperty(ie,"getById",Object.assign({value(e,t){let i=o[e];return i===void 0&&(i=t?o[e]=t():null),i}},ds))}ie.error===void 0&&Object.assign(ie,{warn(){},error(o){return new Error(`Error ${o}`)},addMessages(){}});const Da=Object.freeze([]);function Qi(){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 hs(){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 ht(o){o.prototype.toJSON=Ma}const Z=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),us=o=>o,Ha=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:us}):{createHTML:us};let Ro=Object.freeze({createHTML(o){return Ha.createHTML(o)},protect(o,e,t,i){return i}});const Va=Ro,ut=Object.freeze({get policy(){return Ro},setPolicy(o){if(Ro!==Va)throw ie.error(1201);Ro=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)}}),G=ie.getById(dt.updateQueue,()=>{const o=[],e=[],t=globalThis.requestAnimationFrame;let i=!0;function r(){if(e.length)throw e.shift()}function s(h){try{h.call()}catch(d){if(i)e.push(d),setTimeout(r,0);else throw o.length=0,d}}function n(){let d=0;for(;d<o.length;)if(s(o[d]),d++,d>1024){for(let l=0,f=o.length-d;l<f;l++)o[l]=o[l+d];o.length-=d,d=0}o.length=0}function c(h){o.push(h),o.length<2&&(i?t(n):n())}return Object.freeze({enqueue:c,next:()=>new Promise(c),process:n,setMode:h=>i=h})});class Zi{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 ps{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 Zi(this.subject):s=(r=this.subjectSubscribers)!==null&&r!==void 0?r:this.subjectSubscribers=new Zi(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 qo=Object.freeze({unknown:void 0,coupled:1}),m=ie.getById(dt.observable,()=>{const o=G.enqueue,e=/(:|&&|\|\||if|\?\.)/,t=new WeakMap;let i,r=d=>{throw ie.error(1101)};function s(d){var l;let f=(l=d.$fastController)!==null&&l!==void 0?l:t.get(d);return f===void 0&&(Array.isArray(d)?f=r(d):t.set(d,f=new ps(d))),f}const n=hs();class c{constructor(l){this.name=l,this.field=`_${l}`,this.callback=`${l}Changed`}getValue(l){return i!==void 0&&i.watch(l,this.name),l[this.field]}setValue(l,f){const w=this.field,pe=l[w];if(pe!==f){l[w]=f;const et=l[this.callback];_t(et)&&et.call(l,pe,f),s(l).notify(this.name)}}}class h extends Zi{constructor(l,f,w=!1){super(l,f),this.expression=l,this.isVolatileBinding=w,this.needsRefresh=!0,this.needsQueue=!0,this.isAsync=!0,this.first=this,this.last=null,this.propertySource=void 0,this.propertyName=void 0,this.notifier=void 0,this.next=void 0}setMode(l){this.isAsync=this.needsQueue=l}bind(l){this.controller=l;const f=this.observe(l.source,l.context);return!l.isBound&&this.requiresUnbind(l)&&l.onUnbind(this),f}requiresUnbind(l){return l.sourceLifetime!==qo.coupled||this.first!==this.last||this.first.propertySource!==l.source}unbind(l){this.dispose()}observe(l,f){this.needsRefresh&&this.last!==null&&this.dispose();const w=i;i=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let pe;try{pe=this.expression(l,f)}finally{i=w}return pe}disconnect(){this.dispose()}dispose(){if(this.last!==null){let l=this.first;for(;l!==void 0;)l.notifier.unsubscribe(this,l.propertyName),l=l.next;this.last=null,this.needsRefresh=this.needsQueue=this.isAsync}}watch(l,f){const w=this.last,pe=s(l),et=w===null?this.first:{};if(et.propertySource=l,et.propertyName=f,et.notifier=pe,pe.subscribe(this,f),w!==null){if(!this.needsRefresh){let ls;i=void 0,ls=w.propertySource[w.propertyName],i=this,l===ls&&(this.needsRefresh=!0)}w.next=et}this.last=et}handleChange(){this.needsQueue?(this.needsQueue=!1,o(this)):this.isAsync||this.call()}call(){this.last!==null&&(this.needsQueue=this.isAsync,this.notify(this))}*records(){let l=this.first;for(;l!==void 0;)yield l,l=l.next}}return ht(h),Object.freeze({setArrayObserverFactory(d){r=d},getNotifier:s,track(d,l){i&&i.watch(d,l)},trackVolatile(){i&&(i.needsRefresh=!0)},notify(d,l){s(d).notify(l)},defineProperty(d,l){Ge(l)&&(l=new c(l)),n(d).push(l),Reflect.defineProperty(d,l.name,{enumerable:!0,get(){return l.getValue(this)},set(f){l.setValue(this,f)}})},getAccessors:n,binding(d,l,f=this.isVolatileBinding(d)){return new h(d,l,f)},isVolatileBinding(d){return e.test(d.toString())}})});function g(o,e){m.defineProperty(o,e)}function bs(o,e,t){return Object.assign({},t,{get(){return m.trackVolatile(),t.get.apply(this)}})}const gs=ie.getById(dt.contextEvent,()=>{let o=null;return{get(){return o},set(e){o=e}}}),At=Object.freeze({default:{index:0,length:0,get event(){return At.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return gs.get()},setEvent(o){gs.set(o)}});class Wo{constructor(e,t,i=!1){this.evaluate=e,this.policy=t,this.isVolatile=i}}class La extends Wo{createObserver(e){return m.binding(this.evaluate,e,this.isVolatile)}}function Ji(o,e,t=m.isVolatileBinding(o)){return new La(o,e,t)}class fs extends Wo{createObserver(){return this}bind(e){return this.evaluate(e.source,e.context)}}ht(fs);function ms(o,e){return new fs(o,e)}let vs;function $s(o){return o.map(e=>e instanceof we?$s(e.styles):[e]).reduce((e,t)=>e.concat(t),[])}class we{constructor(e){this.styles=e,this.targets=new WeakSet,this._strategy=null,this.behaviors=e.map(t=>t instanceof we?t.behaviors:null).reduce((t,i)=>i===null?t:t===null?i:t.concat(i),null)}get strategy(){return this._strategy===null&&this.withStrategy(vs),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($s(this.styles)),this}static setDefaultStrategy(e){vs=e}static normalize(e){return e===void 0?void 0:Array.isArray(e)?new we(e):e instanceof we?e:new we([e])}}we.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const er=Qi(),tr=Object.freeze({getForInstance:er.getForInstance,getByType:er.getByType,define(o){return er.register({type:o}),o}});function or(o,e,t){e.source.style.setProperty(o.targetAspect,t.bind(e))}class ir{constructor(e,t){this.dataBinding=e,this.targetAspect=t}createCSS(e){return e(this),`var(${this.targetAspect})`}addedCallback(e){var t;const i=e.source;if(!i.$cssBindings){i.$cssBindings=new Map;const s=i.setAttribute;i.setAttribute=(n,c)=>{s.call(i,n,c),n==="style"&&i.$cssBindings.forEach((h,d)=>or(d,h.controller,h.observer))}}const r=(t=e[this.targetAspect])!==null&&t!==void 0?t:e[this.targetAspect]=this.dataBinding.createObserver(this,this);r.controller=e,e.source.$cssBindings.set(this,{controller:e,observer:r})}connectedCallback(e){or(this,e,e[this.targetAspect])}removedCallback(e){e.source.$cssBindings&&e.source.$cssBindings.delete(this)}handleChange(e,t){or(this,t.controller,t)}}tr.define(ir);const ja=`${Math.random().toString(36).substring(2,8)}`;let Ra=0;const ys=()=>`--v${ja}${++Ra}`;function xs(o,e){const t=[];let i="";const r=[],s=n=>{r.push(n)};for(let n=0,c=o.length-1;n<c;++n){i+=o[n];let h=e[n];_t(h)?h=new ir(Ji(h),ys()).createCSS(s):h instanceof Wo?h=new ir(h,ys()).createCSS(s):tr.getForInstance(h)!==void 0&&(h=h.createCSS(s)),h instanceof we||h instanceof CSSStyleSheet?(i.trim()!==""&&(t.push(i),i=""),t.push(h)):i+=h}return i+=o[o.length-1],i.trim()!==""&&t.push(i),{styles:t,behaviors:r}}const u=(o,...e)=>{const{styles:t,behaviors:i}=xs(o,e),r=new we(t);return i.length?r.withBehaviors(...i):r};class ks{constructor(e,t){this.behaviors=t,this.css="";const i=e.reduce((r,s)=>(Ge(s)?this.css+=s:r.push(s),r),[]);i.length&&(this.styles=new we(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)}}tr.define(ks),u.partial=(o,...e)=>{const{styles:t,behaviors:i}=xs(o,e);return new ks(t,i)};const ws=/fe-b\$\$start\$\$(\d+)\$\$(.+)\$\$fe-b/,Cs=/fe-b\$\$end\$\$(\d+)\$\$(.+)\$\$fe-b/,Ss=/fe-repeat\$\$start\$\$(\d+)\$\$fe-repeat/,Is=/fe-repeat\$\$end\$\$(\d+)\$\$fe-repeat/,Ps=/^(?:.{0,1000})fe-eb\$\$start\$\$(.+?)\$\$fe-eb/,zs=/fe-eb\$\$end\$\$(.{0,1000})\$\$fe-eb(?:.{0,1000})$/;function Ts(o){return o&&o.nodeType===Node.COMMENT_NODE}const Ne=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 ws.test(o)},isContentBindingEndMarker(o){return Cs.test(o)},isRepeatViewStartMarker(o){return Ss.test(o)},isRepeatViewEndMarker(o){return Is.test(o)},isElementBoundaryStartMarker(o){return Ts(o)&&Ps.test(o.data.trim())},isElementBoundaryEndMarker(o){return Ts(o)&&zs.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 _s(ws,o)},parseContentBindingEndMarker(o){return _s(Cs,o)},parseRepeatStartMarker(o){return Bs(Ss,o)},parseRepeatEndMarker(o){return Bs(Is,o)},parseElementBoundaryStartMarker(o){return Os(Ps,o.trim())},parseElementBoundaryEndMarker(o){return Os(zs,o)}});function Bs(o,e){const t=o.exec(e);return t===null?t:parseInt(t[1])}function Os(o,e){const t=o.exec(e);return t===null?t:t[1]}function _s(o,e){const t=o.exec(e);return t===null?t:[parseInt(t[1]),t[2]]}const Go=Symbol.for("fe-hydration");function Uo(o){return o[Go]===Go}const rr=`fast-${Math.random().toString(36).substring(2,8)}`,Xo=`${rr}{`,ao=`}${rr}`,qa=ao.length;let Wa=0;const lo=()=>`${rr}-${++Wa}`,As=Object.freeze({interpolation:o=>`${Xo}${o}${ao}`,attribute:o=>`${lo()}="${Xo}${o}${ao}"`,comment:o=>`<!--${Xo}${o}${ao}-->`}),Ko=Object.freeze({parse(o,e){const t=o.split(Xo);if(t.length===1)return null;const i=[];for(let r=0,s=t.length;r<s;++r){const n=t[r],c=n.indexOf(ao);let h;if(c===-1)h=n;else{const d=n.substring(0,c);i.push(e[d]),h=n.substring(c+qa)}h!==""&&i.push(h)}return i}}),sr=Qi(),Fe=Object.freeze({getForInstance:sr.getForInstance,getByType:sr.getByType,define(o,e){return e=e||{},e.type=o,sr.register(e),o},assignAspect(o,e){if(!e){o.aspectType=Z.content;return}switch(o.sourceAspect=e,e[0]){case":":o.targetAspect=e.substring(1),o.aspectType=o.targetAspect==="classList"?Z.tokenList:Z.property;break;case"?":o.targetAspect=e.substring(1),o.aspectType=Z.booleanAttribute;break;case"@":o.targetAspect=e.substring(1),o.aspectType=Z.event;break;default:o.targetAspect=e,o.aspectType=Z.attribute;break}}});class nr{constructor(e){this.options=e}createHTML(e){return As.attribute(e(this))}createBehavior(){return this}}ht(nr);class Es extends Error{constructor(e,t,i){super(e),this.factories=t,this.node=i}}function ar(o){return o.nodeType===Node.COMMENT_NODE}function Ns(o){return o.nodeType===Node.TEXT_NODE}function Fs(o,e){const t=document.createRange();return t.setStart(o,0),t.setEnd(e,ar(e)||Ns(e)?e.data.length:e.childNodes.length),t}function Ga(o){return o instanceof DocumentFragment&&"mode"in o}function Ua(o,e,t){const i=Fs(o,e),r=i.commonAncestorContainer,s=document.createTreeWalker(r,NodeFilter.SHOW_ELEMENT+NodeFilter.SHOW_COMMENT+NodeFilter.SHOW_TEXT,{acceptNode(d){return i.comparePoint(d,0)===0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_REJECT}}),n={},c={};let h=s.currentNode=o;for(;h!==null;){switch(h.nodeType){case Node.ELEMENT_NODE:{Xa(h,t,n);break}case Node.COMMENT_NODE:{Ka(h,s,t,n,c);break}}h=s.nextNode()}return i.detach(),{targets:n,boundaries:c}}function Xa(o,e,t){const i=Ne.parseAttributeBinding(o);if(i!==null){for(const r of i){if(!e[r])throw new Es(`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);Yo(e[r],o,t)}o.removeAttribute(Ne.attributeMarkerName)}}function Ka(o,e,t,i,r){if(Ne.isElementBoundaryStartMarker(o)){Ya(o,e);return}if(Ne.isContentBindingStartMarker(o.data)){const s=Ne.parseContentBindingStartMarker(o.data);if(s===null)return;const[n,c]=s,h=t[n],d=[];let l=e.nextSibling();o.data="";const f=l;for(;l!==null;){if(ar(l)){const w=Ne.parseContentBindingEndMarker(l.data);if(w&&w[1]===c)break}d.push(l),l=e.nextSibling()}if(l===null){const w=o.getRootNode();throw new Error(`Error hydrating Comment node inside "${Ga(w)?w.host.nodeName:w.nodeName}".`)}if(l.data="",d.length===1&&Ns(d[0]))Yo(h,d[0],i);else{l!==f&&l.previousSibling!==null&&(r[h.targetNodeId]={first:f,last:l.previousSibling});const w=l.parentNode.insertBefore(document.createTextNode(""),l);Yo(h,w,i)}}}function Ya(o,e){const t=Ne.parseElementBoundaryStartMarker(o.data);let i=e.nextSibling();for(;i!==null;){if(ar(i)){const r=Ne.parseElementBoundaryEndMarker(i.data);if(r&&r===t)break}i=e.nextSibling()}}function Yo(o,e,t){if(o.targetNodeId===void 0)throw new Error("Factory could not be target to the node");t[o.targetNodeId]=e}var Ms;function lr(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 Ds{constructor(){this.index=0,this.length=0}get event(){return At.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 Qo extends Ds{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=qo.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(){lr(this.firstChild,this.lastChild),this.unbind()}onUnbind(e){this.unbindables.push(e)}bind(e,t=this){if(this.source===e)return;let i=this.behaviors;if(i===null){this.source=e,this.context=t,this.behaviors=i=new Array(this.factories.length);const r=this.factories;for(let s=0,n=r.length;s<n;++s){const c=r[s].createBehavior();c.bind(this),i[s]=c}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;for(let r=0,s=i.length;r<s;++r)i[r].bind(this)}this.isBound=!0}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}evaluateUnbindables(){const e=this.unbindables;for(let t=0,i=e.length;t<i;++t)e[t].unbind(this);e.length=0}static disposeContiguousBatch(e){if(e.length!==0){lr(e[0].firstChild,e[e.length-1].lastChild);for(let t=0,i=e.length;t<i;++t)e[t].unbind()}}}ht(Qo),m.defineProperty(Qo.prototype,"index"),m.defineProperty(Qo.prototype,"length");const Et={unhydrated:"unhydrated",hydrating:"hydrating",hydrated:"hydrated"};class Qa extends Error{constructor(e,t,i,r){super(e),this.factory=t,this.fragment=i,this.templateString=r}}class Za extends Ds{constructor(e,t,i,r){super(),this.firstChild=e,this.lastChild=t,this.sourceTemplate=i,this.hostBindingTarget=r,this[Ms]=Go,this.context=this,this.source=null,this.isBound=!1,this.sourceLifetime=qo.unknown,this.unbindables=[],this.fragment=null,this.behaviors=null,this._hydrationStage=Et.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!==Et.hydrated&&(this._hydrationStage=Et.hydrating),this.source===e)return;let s=this.behaviors;if(s===null){this.source=e,this.context=t;try{const{targets:c,boundaries:h}=Ua(this.firstChild,this.lastChild,this.factories);this._targets=c,this._bindingViewBoundaries=h}catch(c){if(c instanceof Es){let h=this.sourceTemplate.html;typeof h!="string"&&(h=h.innerHTML),c.templateString=h}throw c}this.behaviors=s=new Array(this.factories.length);const n=this.factories;for(let c=0,h=n.length;c<h;++c){const d=n[c];if(d.targetNodeId==="h"&&this.hostBindingTarget&&Yo(d,this.hostBindingTarget,this._targets),d.targetNodeId in this.targets){const l=d.createBehavior();l.bind(this),s[c]=l}else{let l=this.sourceTemplate.html;throw typeof l!="string"&&(l=l.innerHTML),new Qa(`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}".`,d,Fs(this.firstChild,this.lastChild).cloneContents(),l)}}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;for(let n=0,c=s.length;n<c;++n)s[n].bind(this)}this.isBound=!0,this._hydrationStage=Et.hydrated}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}dispose(){lr(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}}Ms=Go,ht(Za);function Ja(o){return o.create!==void 0}function el(o,e,t,i){if(t==null&&(t=""),Ja(t)){o.textContent="";let r=o.$fastView;if(r===void 0)if(Uo(i)&&Uo(t)&&i.bindingViewBoundaries[this.targetNodeId]!==void 0&&i.hydrationStage!==Et.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 tl(o,e,t){var i;const r=`${this.id}-t`,s=(i=o[r])!==null&&i!==void 0?i:o[r]={v:0,cv:Object.create(null)},n=s.cv;let c=s.v;const h=o[e];if(t!=null&&t.length){const d=t.split(/\s+/);for(let l=0,f=d.length;l<f;++l){const w=d[l];w!==""&&(n[w]=c,h.add(w))}}if(s.v=c+1,c!==0){c-=1;for(const d in n)n[d]===c&&h.remove(d)}}const ol={[Z.attribute]:ut.setAttribute,[Z.booleanAttribute]:ut.setBooleanAttribute,[Z.property]:(o,e,t)=>o[e]=t,[Z.content]:el,[Z.tokenList]:tl,[Z.event]:()=>{}};class Nt{constructor(e){this.dataBinding=e,this.updateTarget=null,this.aspectType=Z.content}createHTML(e){return As.interpolation(e(this))}createBehavior(){var e;if(this.updateTarget===null){const t=ol[this.aspectType],i=(e=this.dataBinding.policy)!==null&&e!==void 0?e:this.policy;if(!t)throw ie.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=Uo(e)&&e.hydrationStage&&e.hydrationStage!==Et.hydrated;switch(this.aspectType){case Z.event:i[this.data]=e,i.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case Z.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===Z.attribute||this.aspectType===Z.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){At.setEvent(e);const i=this.dataBinding.evaluate(t.source,t.context);At.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(Nt,{aspected:!0});const Hs=(o,e)=>`${o}.${e}`,Vs={},Me={index:0,node:null};function Ls(o){o.startsWith("fast-")||ie.warn(1204,{name:o})}const il=new Proxy(document.createElement("div"),{get(o,e){Ls(e);const t=Reflect.get(o,e);return _t(t)?t.bind(o):t},set(o,e,t){return Ls(e),Reflect.set(o,e,t)}});class rl{constructor(e,t,i){this.fragment=e,this.directives=t,this.policy=i,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(e,t,i,r,s){var n,c;this.nodeIds.has(i)||(this.nodeIds.add(i),this.addTargetDescriptor(t,i,r)),e.id=(n=e.id)!==null&&n!==void 0?n:lo(),e.targetNodeId=i,e.targetTagName=s,e.policy=(c=e.policy)!==null&&c!==void 0?c:this.policy,this.factories.push(e)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(e,t,i){const r=this.descriptors;if(t==="r"||t==="h"||r[t])return;if(!r[e]){const n=e.lastIndexOf("."),c=e.substring(0,n),h=parseInt(e.substring(n+1));this.addTargetDescriptor(c,e,h)}let s=Vs[t];if(!s){const n=`_${t}`;Vs[t]=s={get(){var c;return(c=this[n])!==null&&c!==void 0?c:this[n]=this[e].childNodes[i]}}}r[t]=s}createView(e){const t=this.fragment.cloneNode(!0),i=Object.create(this.proto);i.r=t,i.h=e??il;for(const r of this.nodeIds)i[r];return new Qo(t,this.factories,i)}}function js(o,e,t,i,r,s=!1){const n=t.attributes,c=o.directives;for(let h=0,d=n.length;h<d;++h){const l=n[h],f=l.value,w=Ko.parse(f,c);let pe=null;w===null?s&&(pe=new Nt(ms(()=>f,o.policy)),Fe.assignAspect(pe,l.name)):pe=cr.aggregate(w,o.policy),pe!==null&&(t.removeAttributeNode(l),h--,d--,o.addFactory(pe,e,i,r,t.tagName))}}function sl(o,e,t,i,r){const s=Ko.parse(e.textContent,o.directives);if(s===null)return Me.node=e.nextSibling,Me.index=r+1,Me;let n,c=n=e;for(let h=0,d=s.length;h<d;++h){const l=s[h];h!==0&&(r++,i=Hs(t,r),n=c.parentNode.insertBefore(document.createTextNode(""),c.nextSibling)),Ge(l)?n.textContent=l:(n.textContent=" ",Fe.assignAspect(l),o.addFactory(l,t,i,r,null)),c=n}return Me.index=r+1,Me.node=c.nextSibling,Me}function Rs(o,e,t){let i=0,r=e.firstChild;for(;r;){const s=nl(o,t,r,i);r=s.node,i=s.index}}function nl(o,e,t,i){const r=Hs(e,i);switch(t.nodeType){case 1:js(o,e,t,r,i),Rs(o,t,r);break;case 3:return sl(o,t,e,r,i);case 8:const s=Ko.parse(t.data,o.directives);s!==null&&o.addFactory(cr.aggregate(s),e,r,i,null);break}return Me.index=i+1,Me.node=t.nextSibling,Me}function al(o,e){return o&&o.nodeType==8&&Ko.parse(o.data,e)!==null}const qs="TEMPLATE",cr={compile(o,e,t=ut.policy){let i;if(Ge(o)){i=document.createElement(qs),i.innerHTML=t.createHTML(o);const n=i.content.firstElementChild;n!==null&&n.tagName===qs&&(i=n)}else i=o;!i.content.firstChild&&!i.content.lastChild&&i.content.appendChild(document.createComment(""));const r=document.adoptNode(i.content),s=new rl(r,e,t);return js(s,"",i,"h",0,!0),(al(r.firstChild,e)||r.childNodes.length===1&&Object.keys(e).length>0)&&r.insertBefore(document.createComment(""),r.firstChild),Rs(s,r,"r"),Me.node=null,s.freeze()},setDefaultStrategy(o){this.compile=o},aggregate(o,e=ut.policy){if(o.length===1)return o[0];let t,i=!1,r;const s=o.length,n=o.map(d=>Ge(d)?()=>d:(t=d.sourceAspect||t,i=i||d.dataBinding.isVolatile,r=r||d.dataBinding.policy,d.dataBinding.evaluate)),c=(d,l)=>{let f="";for(let w=0;w<s;++w)f+=n[w](d,l);return f},h=new Nt(Ji(c,r??e,i));return Fe.assignAspect(h,t),h}},ll=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,cl=Object.create(null);class pt{constructor(e,t=cl){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(""),Fe.define(pt);function dl(o,e,t,i=Fe.getForInstance(o)){if(i.aspected){const r=ll.exec(e);r!==null&&Fe.assignAspect(o,r[2])}return o.createHTML(t)}class Ui{constructor(e,t={},i){this.policy=i,this.result=null,this.html=e,this.factories=t}compile(){return this.result===null&&(this.result=cr.compile(this.html,this.factories,this.policy)),this.result}create(e){return this.compile().createView(e)}inline(){return new pt(Ge(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(e){if(this.result)throw ie.error(1208);if(this.policy)throw ie.error(1207);return this.policy=e,this}render(e,t,i){const r=this.create(i);return r.bind(e),r.appendTo(t),r}static create(e,t,i){let r="";const s=Object.create(null),n=c=>{var h;const d=(h=c.id)!==null&&h!==void 0?h:c.id=lo();return s[d]=c,d};for(let c=0,h=e.length-1;c<h;++c){const d=e[c];let l=t[c],f;if(r+=d,_t(l))l=new Nt(Ji(l));else if(l instanceof Wo)l=new Nt(l);else if(!(f=Fe.getForInstance(l))){const w=l;l=new Nt(ms(()=>w))}r+=dl(l,d,n,f)}return new Ui(r+e[e.length-1],s,i)}}ht(Ui);const b=(o,...e)=>{if(Array.isArray(o)&&Array.isArray(o.raw))return Ui.create(o,e);throw ie.error(1206)};b.partial=o=>new pt(o);class Ws extends nr{bind(e){e.source[this.options]=e.targets[this.targetNodeId]}}Fe.define(Ws);const O=o=>new Ws(o),hl=o=>o.nodeType===1,co=o=>o?e=>e.nodeType===1&&e.matches(o):hl;class ul extends nr{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,Da),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 Gs="slotchange";class Us extends ul{observe(e){e.addEventListener(Gs,this)}disconnect(e){e.removeEventListener(Gs,this)}getNodes(e){return e.assignedNodes(this.options)}handleEvent(e){const t=e.currentTarget;this.updateTarget(this.getSource(t),this.computeNodes(t))}}Fe.define(Us);function U(o){return Ge(o)&&(o={property:o}),new Us(o)}const Xs="boolean",Ks="reflect",Zo=Object.freeze({locate:hs()}),pl={toView(o){return o?"true":"false"},fromView(o){return!(o==null||o==="false"||o===!1||o===0)}};function Ys(o){if(o==null)return null;const e=o*1;return isNaN(e)?null:e}const re={toView(o){const e=Ys(o);return e&&e.toString()},fromView:Ys};class Xi{constructor(e,t,i=t.toLowerCase(),r=Ks,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===Xs&&s===void 0&&(this.converter=pl)}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 m.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"||G.enqueue(()=>{i.add(e);const r=e[this.fieldName];switch(t){case Ks:const s=this.converter;ut.setAttribute(e,this.attribute,s!==void 0?s.toView(r):r);break;case Xs:ut.setBooleanAttribute(e,this.attribute,r);break}i.delete(e)})}static collect(e,...t){const i=[];t.push(Zo.locate(e));for(let r=0,s=t.length;r<s;++r){const n=t[r];if(n!==void 0)for(let c=0,h=n.length;c<h;++c){const d=n[c];Ge(d)?i.push(new Xi(e,d)):i.push(new Xi(e,d.property,d.attribute,d.mode,d.converter))}}return i}}function a(o,e){let t;function i(r,s){arguments.length>1&&(t.property=s),Zo.locate(r.constructor).push(t)}if(arguments.length>1){t={},i(o,e);return}return t=o===void 0?{}:o,i}const Qs={mode:"open"},Zs={},Js=new Set,Jo=ie.getById(dt.elementRegistry,()=>Qi());class Ee{constructor(e,t=e.definition){var i;this.platformDefined=!1,Ge(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=Xi.collect(e,t.attributes),n=new Array(s.length),c={},h={};for(let d=0,l=s.length;d<l;++d){const f=s[d];n[d]=f.attribute,c[f.name]=f,h[f.attribute]=f,m.defineProperty(r,f)}Reflect.defineProperty(e,"observedAttributes",{value:n,enumerable:!0}),this.attributes=s,this.propertyLookup=c,this.attributeLookup=h,this.shadowOptions=t.shadowOptions===void 0?Qs:t.shadowOptions===null?void 0:Object.assign(Object.assign({},Qs),t.shadowOptions),this.elementOptions=t.elementOptions===void 0?Zs:Object.assign(Object.assign({},Zs),t.elementOptions),this.styles=we.normalize(t.styles),Jo.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 Js.has(e)||Jo.getByType(e)?new Ee(class extends e{},t):new Ee(e,t)}static registerBaseType(e){Js.add(e)}}Ee.getByType=Jo.getByType,Ee.getForInstance=Jo.getForInstance;class bl 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:At.default,targets:t,get isBound(){return r},addBehaviorFactory(s,n){var c,h,d,l;const f=s;f.id=(c=f.id)!==null&&c!==void 0?c:lo(),f.targetNodeId=(h=f.targetNodeId)!==null&&h!==void 0?h:lo(),f.targetTagName=(d=n.tagName)!==null&&d!==void 0?d:null,f.policy=(l=f.policy)!==null&&l!==void 0?l:ut.policy,this.addTarget(f.targetNodeId,n),this.addBehavior(f.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 gl={bubbles:!0,composed:!0,cancelable:!0},ei="isConnected",en=new WeakMap;function ho(o){var e,t;return(t=(e=o.shadowRoot)!==null&&e!==void 0?e:en.get(o))!==null&&t!==void 0?t:null}let tn;class Ft extends ps{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"&&en.set(e,s))}const r=m.getAccessors(e);if(r.length>0){const s=this.boundObservables=Object.create(null);for(let n=0,c=r.length;n<c;++n){const h=r[n].name,d=e[h];d!==void 0&&(delete e[h],s[h]=d)}}}get isConnected(){return m.track(this,ei),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:At.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=ho(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=ho(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,m.notify(this,ei))}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,m.notify(this,ei),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},gl),i))):!1}renderTemplate(e){var t;const i=this.source,r=(t=ho(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=qo.coupled)}static forCustomElement(e){const t=e.$fastController;if(t!==void 0)return t;const i=Ee.getForInstance(e);if(i===void 0)throw ie.error(1401);return e.$fastController=new tn(e,i)}static setStrategy(e){tn=e}}ht(Ft),Ft.setStrategy(Ft);function ti(o){var e;return"adoptedStyleSheets"in o?o:(e=ho(o))!==null&&e!==void 0?e:o.getRootNode()}class Ki{constructor(e){const t=Ki.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){rn(ti(e),this.sheets)}removeStylesFrom(e){sn(ti(e),this.sheets)}}Ki.styleSheetCache=new Map;let fl=0;const ml=()=>`fast-${++fl}`;function on(o){return o===document?document.body:o}class vl{constructor(e){this.styles=e,this.styleClass=ml()}addStylesTo(e){e=on(ti(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=on(ti(e));const t=e.querySelectorAll(`.${this.styleClass}`);for(let i=0,r=t.length;i<r;++i)e.removeChild(t[i])}}let rn=(o,e)=>{o.adoptedStyleSheets=[...o.adoptedStyleSheets,...e]},sn=(o,e)=>{o.adoptedStyleSheets=o.adoptedStyleSheets.filter(t=>e.indexOf(t)===-1)};if(we.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),rn=(o,e)=>{o.adoptedStyleSheets.push(...e)},sn=(o,e)=>{for(const t of e){const i=o.adoptedStyleSheets.indexOf(t);i!==-1&&o.adoptedStyleSheets.splice(i,1)}}}catch{}we.setDefaultStrategy(Ki)}else we.setDefaultStrategy(vl);const nn="defer-hydration",an="needs-hydration";class Ot extends Ft{static hydrationObserverHandler(e){for(const t of e)Ot.hydrationObserver.unobserve(t.target),t.target.$fastController.connect()}connect(){var e,t;if(this.needsHydration===void 0&&(this.needsHydration=this.source.getAttribute(an)!==null),this.source.hasAttribute(nn)){Ot.hydrationObserver.observe(this.source,{attributeFilter:[nn]});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=ho(i))!==null&&e!==void 0?e:i;if(this.template)if(Uo(this.template)){let s=r.firstChild,n=r.lastChild;i.shadowRoot===null&&(Ne.isElementBoundaryStartMarker(s)&&(s.data="",s=s.nextSibling),Ne.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(an),this.needsInitialization=this.needsHydration=!1,m.notify(this,ei)}disconnect(){super.disconnect(),Ot.hydrationObserver.unobserve(this.source)}static install(){Ft.setStrategy(Ot)}}Ot.hydrationObserver=new bl(Ot.hydrationObserverHandler);function ln(o){const e=class extends o{constructor(){super(),Ft.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 Ee.registerBaseType(e),e}function $l(o,e){return _t(o)?Ee.compose(o,e):Ee.compose(this,o)}function yl(o,e){return _t(o)?Ee.compose(o,e).define().type:Ee.compose(this,o).define().type}function xl(o){return ln(o)}const $=Object.assign(ln(HTMLElement),{from:xl,define:yl,compose:$l});var kl=Object.defineProperty,wl=Object.getOwnPropertyDescriptor,j=(o,e,t,i)=>{for(var r=i>1?void 0:i?wl(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&&kl(e,t,r),r};class R{}j([a({attribute:"aria-atomic"})],R.prototype,"ariaAtomic",2),j([a({attribute:"aria-busy"})],R.prototype,"ariaBusy",2),j([a({attribute:"aria-controls"})],R.prototype,"ariaControls",2),j([a({attribute:"aria-current"})],R.prototype,"ariaCurrent",2),j([a({attribute:"aria-describedby"})],R.prototype,"ariaDescribedby",2),j([a({attribute:"aria-details"})],R.prototype,"ariaDetails",2),j([a({attribute:"aria-disabled"})],R.prototype,"ariaDisabled",2),j([a({attribute:"aria-errormessage"})],R.prototype,"ariaErrormessage",2),j([a({attribute:"aria-flowto"})],R.prototype,"ariaFlowto",2),j([a({attribute:"aria-haspopup"})],R.prototype,"ariaHaspopup",2),j([a({attribute:"aria-hidden"})],R.prototype,"ariaHidden",2),j([a({attribute:"aria-invalid"})],R.prototype,"ariaInvalid",2),j([a({attribute:"aria-keyshortcuts"})],R.prototype,"ariaKeyshortcuts",2),j([a({attribute:"aria-label"})],R.prototype,"ariaLabel",2),j([a({attribute:"aria-labelledby"})],R.prototype,"ariaLabelledby",2),j([a({attribute:"aria-live"})],R.prototype,"ariaLive",2),j([a({attribute:"aria-owns"})],R.prototype,"ariaOwns",2),j([a({attribute:"aria-relevant"})],R.prototype,"ariaRelevant",2),j([a({attribute:"aria-roledescription"})],R.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()}},be={horizontal:"horizontal",vertical:"vertical"};function Cl(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 uo="ArrowDown",po="ArrowLeft",bo="ArrowRight",go="ArrowUp",fo="End",mo="Enter",Sl="Escape",vo="Home",oi=" ",Il="Tab";var De;(function(o){o.ltr="ltr",o.rtl="rtl"})(De||(De={}));function Pl(o,e,t){return t<o?e:t>e?o:t}function ur(o,e,t){return Math.min(Math.max(t,o),e)}let zl=0;function bt(o=""){return`${o}${zl++}`}const ii=o=>o.closest("[dir]")?.dir==="rtl"?De.rtl:De.ltr;function ge(o){return o?typeof o=="string"?new pt(o):"inline"in o?o.inline():o:pt.empty}const cn=o=>o.nodeType!==Node.TEXT_NODE||!!o.nodeValue?.trim().length,Tl=":host([hidden]){display:none}";function k(o){return`${Tl}:host{display:${o}}`}class Bl{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 Lo extends Bl{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new Lo(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 X=Lo.with(window.matchMedia("(forced-colors)"));Lo.with(window.matchMedia("(prefers-color-scheme: dark)")),Lo.with(window.matchMedia("(prefers-color-scheme: light)"));const ri=CSS.supports("anchor-name: --a"),Ol="anchor"in HTMLElement.prototype,dn=CSS.supports("selector(:state(g))");class Ue{}function tt(o){return b`<slot name="end" ${O("end")}>${ge(o.end)}</slot>`.inline()}function He(o){return b`<slot name="start" ${O("start")}>${ge(o.start)}</slot>`.inline()}function Xe(o,...e){const t=Zo.locate(o);e.forEach(i=>{Object.getOwnPropertyNames(i.prototype).forEach(s=>{s!=="constructor"&&Object.defineProperty(o.prototype,s,Object.getOwnPropertyDescriptor(i.prototype,s))}),Zo.locate(i).forEach(s=>t.push(s))})}var _l=Object.defineProperty,Al=Object.getOwnPropertyDescriptor,si=(o,e,t,i)=>{for(var r=i>1?void 0:i?Al(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 ot extends ${constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=bt("accordion-")}}si([a({attribute:"heading-level",mode:"fromView",converter:re})],ot.prototype,"headinglevel",2),si([a({mode:"boolean"})],ot.prototype,"expanded",2),si([a({mode:"boolean"})],ot.prototype,"disabled",2),si([a],ot.prototype,"id",2);var El=Object.defineProperty,Nl=Object.getOwnPropertyDescriptor,pr=(o,e,t,i)=>{for(var r=i>1?void 0:i?Nl(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&&El(e,t,r),r};class $o extends ot{constructor(){super(...arguments),this.block=!1}}pr([a],$o.prototype,"size",2),pr([a({attribute:"marker-position"})],$o.prototype,"markerPosition",2),pr([a({mode:"boolean"})],$o.prototype,"block",2),Xe($o,Ue);const T="var(--colorNeutralForeground1)",br="var(--colorNeutralForeground1Hover)",Fl="var(--colorNeutralForeground1Pressed)",Ie="var(--colorNeutralForeground2)",Mt="var(--colorNeutralForeground2Hover)",Dt="var(--colorNeutralForeground2Pressed)",ni="var(--colorNeutralForeground2Selected)",ai="var(--colorNeutralForeground2BrandHover)",li="var(--colorNeutralForeground2BrandPressed)",Ml="var(--colorNeutralForeground2BrandSelected)",J="var(--colorNeutralForeground3)",Dl="var(--colorNeutralForeground3Hover)",Hl="var(--colorNeutralForeground3Pressed)",Vl="var(--colorNeutralForeground3Selected)",gr="var(--colorNeutralForeground4)",S="var(--colorNeutralForegroundDisabled)",Ll="var(--colorBrandForegroundLink)",jl="var(--colorBrandForegroundLinkHover)",Rl="var(--colorBrandForegroundLinkPressed)",ql="var(--colorNeutralForeground2Link)",Wl="var(--colorNeutralForeground2LinkHover)",Gl="var(--colorNeutralForeground2LinkPressed)",hn="var(--colorCompoundBrandForeground1Hover)",Ul="var(--colorCompoundBrandForeground1Pressed)",Ke="var(--colorNeutralForegroundOnBrand)",gt="var(--colorNeutralForegroundInverted)",Xl="var(--colorNeutralForegroundInvertedHover)",Kl="var(--colorNeutralForegroundInvertedPressed)",un="var(--colorNeutralForegroundStaticInverted)",ci="var(--colorBrandForeground1)",Yl="var(--colorBrandForeground2)",Ql="var(--colorNeutralForeground1Static)",I="var(--colorNeutralBackground1)",di="var(--colorNeutralBackground1Hover)",fr="var(--colorNeutralBackground1Pressed)",pn="var(--colorNeutralBackground1Selected)",yo="var(--colorNeutralBackground3)",Zl="var(--colorNeutralBackground4)",Jl="var(--colorNeutralBackground5)",xo="var(--colorNeutralBackground6)",bn="var(--colorNeutralBackgroundInverted)",gn="var(--colorSubtleBackground)",ko="var(--colorSubtleBackgroundHover)",ft="var(--colorSubtleBackgroundPressed)",fn="var(--colorSubtleBackgroundSelected)",ec="var(--colorSubtleBackgroundLightAlphaHover)",tc="var(--colorSubtleBackgroundLightAlphaPressed)",oc="var(--colorSubtleBackgroundLightAlphaSelected)",fe="var(--colorTransparentBackground)",hi="var(--colorTransparentBackgroundHover)",ui="var(--colorTransparentBackgroundPressed)",mn="var(--colorTransparentBackgroundSelected)",it="var(--colorNeutralBackgroundDisabled)",mr="var(--colorBackgroundOverlay)",vn="var(--colorBrandBackground)",$n="var(--colorBrandBackgroundHover)",yn="var(--colorBrandBackgroundPressed)",ic="var(--colorBrandBackgroundSelected)",mt="var(--colorCompoundBrandBackground)",Ht="var(--colorCompoundBrandBackgroundHover)",Vt="var(--colorCompoundBrandBackgroundPressed)",xn="var(--colorBrandBackgroundStatic)",kn="var(--colorBrandBackground2)",Ve="var(--colorNeutralStrokeAccessible)",vt="var(--colorNeutralStrokeAccessibleHover)",$t="var(--colorNeutralStrokeAccessiblePressed)",Le="var(--colorNeutralStroke1)",Lt="var(--colorNeutralStroke1Hover)",wo="var(--colorNeutralStroke1Pressed)",Co="var(--colorNeutralStroke2)",rc="var(--colorNeutralStroke3)",sc="var(--colorNeutralStrokeOnBrand2)",wn="var(--colorBrandStroke1)",Cn="var(--colorBrandStroke2)",yt="var(--colorCompoundBrandStroke)",nc="var(--colorCompoundBrandStrokeHover)",Sn="var(--colorCompoundBrandStrokePressed)",Ce="var(--colorNeutralStrokeDisabled)",K="var(--colorTransparentStroke)",vr="var(--colorTransparentStrokeInteractive)",pi="var(--colorStrokeFocus1)",me="var(--colorStrokeFocus2)",ac="var(--colorNeutralShadowAmbient)",lc="var(--colorNeutralShadowKey)",In="var(--colorPaletteRedBackground1)",cc="var(--colorPaletteRedBackground2)",Pn="var(--colorPaletteRedBackground3)",zn="var(--colorPaletteRedBorder1)",$r="var(--colorPaletteRedBorder2)",yr="var(--colorPaletteRedForeground1)",dc="var(--colorPaletteRedForeground2)",Tn="var(--colorPaletteRedForeground3)",Bn="var(--colorPaletteGreenBackground1)",On="var(--colorPaletteGreenBackground3)",hc="var(--colorPaletteGreenBorder1)",uc="var(--colorPaletteGreenBorder2)",pc="var(--colorPaletteGreenForeground1)",bc="var(--colorPaletteGreenForeground2)",gc="var(--colorPaletteGreenForeground3)",_n="var(--colorPaletteDarkOrangeBackground1)",An="var(--colorPaletteDarkOrangeBackground3)",En="var(--colorPaletteDarkOrangeBorder1)",fc="var(--colorPaletteDarkOrangeForeground1)",Nn="var(--colorPaletteDarkOrangeForeground3)",mc="var(--colorPaletteYellowBackground1)",vc="var(--colorPaletteYellowBackground3)",$c="var(--colorPaletteYellowBorder1)",xr="var(--colorPaletteYellowForeground2)",Fn="var(--colorPaletteMarigoldBackground2)",yc="var(--colorPaletteMarigoldBorderActive)",xc="var(--colorPaletteMarigoldForeground2)",kc="var(--colorPaletteAnchorBackground2)",wc="var(--colorPaletteAnchorForeground2)",Cc="var(--colorPaletteBeigeBackground2)",Sc="var(--colorPaletteBeigeForeground2)",Ic="var(--colorPaletteBlueBackground2)",Pc="var(--colorPaletteBlueForeground2)",zc="var(--colorPaletteBrassBackground2)",Tc="var(--colorPaletteBrassForeground2)",Bc="var(--colorPaletteBrownBackground2)",Oc="var(--colorPaletteBrownForeground2)",_c="var(--colorPaletteCornflowerBackground2)",Ac="var(--colorPaletteCornflowerForeground2)",Ec="var(--colorPaletteCranberryBackground2)",Nc="var(--colorPaletteCranberryForeground2)",Fc="var(--colorPaletteDarkGreenBackground2)",Mc="var(--colorPaletteDarkGreenForeground2)",Dc="var(--colorPaletteDarkRedBackground2)",Hc="var(--colorPaletteDarkRedForeground2)",Vc="var(--colorPaletteForestBackground2)",Lc="var(--colorPaletteForestForeground2)",jc="var(--colorPaletteGoldBackground2)",Rc="var(--colorPaletteGoldForeground2)",qc="var(--colorPaletteGrapeBackground2)",Wc="var(--colorPaletteGrapeForeground2)",Gc="var(--colorPaletteLavenderBackground2)",Uc="var(--colorPaletteLavenderForeground2)",Xc="var(--colorPaletteLightTealBackground2)",Kc="var(--colorPaletteLightTealForeground2)",Yc="var(--colorPaletteLilacBackground2)",Qc="var(--colorPaletteLilacForeground2)",Zc="var(--colorPaletteMagentaBackground2)",Jc="var(--colorPaletteMagentaForeground2)",ed="var(--colorPaletteMinkBackground2)",td="var(--colorPaletteMinkForeground2)",od="var(--colorPaletteNavyBackground2)",id="var(--colorPaletteNavyForeground2)",rd="var(--colorPalettePeachBackground2)",sd="var(--colorPalettePeachForeground2)",nd="var(--colorPalettePinkBackground2)",ad="var(--colorPalettePinkForeground2)",ld="var(--colorPalettePlatinumBackground2)",cd="var(--colorPalettePlatinumForeground2)",dd="var(--colorPalettePlumBackground2)",hd="var(--colorPalettePlumForeground2)",ud="var(--colorPalettePumpkinBackground2)",pd="var(--colorPalettePumpkinForeground2)",bd="var(--colorPalettePurpleBackground2)",gd="var(--colorPalettePurpleForeground2)",fd="var(--colorPaletteRoyalBlueBackground2)",md="var(--colorPaletteRoyalBlueForeground2)",vd="var(--colorPaletteSeafoamBackground2)",$d="var(--colorPaletteSeafoamForeground2)",yd="var(--colorPaletteSteelBackground2)",xd="var(--colorPaletteSteelForeground2)",kd="var(--colorPaletteTealBackground2)",wd="var(--colorPaletteTealForeground2)",bi="var(--borderRadiusNone)",Be="var(--borderRadiusSmall)",C="var(--borderRadiusMedium)",Mn="var(--borderRadiusLarge)",Dn="var(--borderRadiusXLarge)",ve="var(--borderRadiusCircular)",v="var(--fontFamilyBase)",Cd="var(--fontFamilyMonospace)",Sd="var(--fontFamilyNumeric)",So="var(--fontSizeBase100)",F="var(--fontSizeBase200)",B="var(--fontSizeBase300)",he="var(--fontSizeBase400)",jt="var(--fontSizeBase500)",gi="var(--fontSizeBase600)",Hn="var(--fontSizeHero700)",Vn="var(--fontSizeHero800)",Ln="var(--fontSizeHero900)",jn="var(--fontSizeHero1000)",A="var(--fontWeightRegular)",Id="var(--fontWeightMedium)",D="var(--fontWeightSemibold)",fi="var(--fontWeightBold)",mi="var(--lineHeightBase100)",q="var(--lineHeightBase200)",E="var(--lineHeightBase300)",$e="var(--lineHeightBase400)",vi="var(--lineHeightBase500)",Rn="var(--lineHeightBase600)",qn="var(--lineHeightHero700)",Wn="var(--lineHeightHero800)",Gn="var(--lineHeightHero900)",Un="var(--lineHeightHero1000)",kr="var(--shadow2)",$i="var(--shadow4)",Pd="var(--shadow8)",wr="var(--shadow16)",zd="var(--shadow28)",Xn="var(--shadow64)",P="var(--strokeWidthThin)",ye="var(--strokeWidthThick)",se="var(--strokeWidthThicker)",Cr="var(--strokeWidthThickest)",H="var(--spacingHorizontalXXS)",ne="var(--spacingHorizontalXS)",ee="var(--spacingHorizontalSNudge)",Oe="var(--spacingHorizontalS)",ae="var(--spacingHorizontalMNudge)",le="var(--spacingHorizontalM)",Td="var(--spacingHorizontalL)",Bd="var(--spacingHorizontalXL)",Sr="var(--spacingHorizontalXXL)",Ir="var(--spacingVerticalNone)",Rt="var(--spacingVerticalXXS)",qt="var(--spacingVerticalXS)",je="var(--spacingVerticalSNudge)",V="var(--spacingVerticalS)",Wt="var(--spacingVerticalMNudge)",Od="var(--spacingVerticalM)",yi="var(--spacingVerticalL)",xt="var(--spacingVerticalXXL)",_d="var(--spacingVerticalXXXL)",Pr="var(--durationUltraFast)",xi="var(--durationFaster)",ki="var(--durationNormal)",zr="var(--durationGentle)",Kn="var(--durationSlow)",Yn="var(--durationSlower)",wi="var(--durationUltraSlow)",Ad="var(--curveAccelerateMax)",kt="var(--curveAccelerateMid)",Ed="var(--curveAccelerateMin)",Tr="var(--curveDecelerateMax)",wt="var(--curveDecelerateMid)",Nd="var(--curveDecelerateMin)",Qn="var(--curveEasyEaseMax)",Ci="var(--curveEasyEase)",Br="var(--curveLinear)",Fd=u`
|
|
2
2
|
${k("block")}
|
|
3
3
|
|
|
4
4
|
:host{max-width:fit-content;contain:content}.heading{height:44px;display:grid;position:relative;padding-inline:${le} ${ae};border-radius:${C};font-family:${v};font-size:${B};font-weight:${A};line-height:${E};grid-template-columns:auto auto 1fr auto}.button{appearance:none;background:${fe};border:none;box-sizing:border-box;color:${T};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:${Be}}: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:${Oe};grid-column:1 / span 1;grid-row:1}.content{margin:0 ${le}}::slotted([slot='start']){display:flex;justify-content:center;align-items:center;padding-right:${Oe};grid-column:2 / span 1;grid-row:1}button:focus-visible::after{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${Be};outline:none;border:2px solid ${pi};box-shadow:inset 0 0 0 1px ${me}}:host([disabled]) .button{color:${S}}:host([disabled]) svg{filter:invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg) brightness(88%) contrast(87%)}:host([expanded]) .content{display:block}:host([expanded]) .default-marker-collapsed,:host([expanded]) ::slotted([slot='marker-collapsed']),:host(:not([expanded])) :is(.default-marker-expanded,.content),:host(:not([expanded])) ::slotted([slot='marker-expanded']){display:none}:host([expanded]) ::slotted([slot='marker-expanded']),:host(:not([expanded])) ::slotted([slot='marker-collapsed']){display:flex}.heading{font-size:${B};line-height:${E}}:host([size='small']) .heading{font-size:${F};line-height:${q}}:host([size='large']) .heading{font-size:${he};line-height:${$e}}:host([size='extra-large']) .heading{font-size:${jt};line-height:${vi}}:host([marker-position='end']) ::slotted([slot='start']){grid-column:1 / span 1}:host([marker-position='end']) :is(.default-marker-collapsed,.default-marker-expanded){grid-column:4 / span 1;padding-inline-start:${Oe};padding-inline-end:0}:host([marker-position='end']) .button{grid-column:2 / span 3}:host([block]){max-width:100%}:host([marker-position='end']) .heading{grid-template-columns:auto auto 28px;padding-inline:${le}}:host([marker-position='end']:has([slot='start'])) .heading{padding-inline:${ae} ${le}}:host([block][marker-position='end']) .heading{grid-template-columns:auto 1fr}:host([marker-position='end']) :is(.default-marker-collapsed,.default-marker-expanded){grid-column:5 / span 1}`,Md=b.partial(`<svg
|
|
@@ -27,7 +27,7 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
27
27
|
d="M15.794 7.73271C16.0797 8.03263 16.0681 8.50737 15.7682 8.79306L10.5178 13.7944C10.2281 14.0703 9.77285 14.0703 9.48318 13.7944L4.23271 8.79306C3.93279 8.50737 3.92125 8.03263 4.20694 7.73271C4.49264 7.43279 4.96737 7.42125 5.26729 7.70694L10.0005 12.2155L14.7336 7.70694C15.0336 7.42125 15.5083 7.43279 15.794 7.73271Z"
|
|
28
28
|
fill="currentColor"
|
|
29
29
|
/>
|
|
30
|
-
</svg>`);function Hd(o={}){return b`<div class="heading" part="heading" role="heading" aria-level="${e=>e.headinglevel}"><button class="button" part="button" ${
|
|
30
|
+
</svg>`);function Hd(o={}){return b`<div class="heading" part="heading" role="heading" aria-level="${e=>e.headinglevel}"><button class="button" part="button" ${O("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>${He(o)}<slot name="marker-expanded">${ge(o.expandedIcon)}</slot><slot name="marker-collapsed">${ge(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 Vd=Hd({collapsedIcon:Md,expandedIcon:Dd}),Ld=$o.compose({name:`${p.prefix}-accordion-item`,template:Vd,styles:Fd});Ld.define(p.registry);const Or={single:"single",multi:"multi"};var jd=Object.defineProperty,Rd=Object.getOwnPropertyDescriptor,Zn=(o,e,t,i)=>{for(var r=i>1?void 0:i?Rd(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&&jd(e,t,r),r};class _r extends ${constructor(){super(...arguments),this.expandmode=Or.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=>m.getNotifier(t).subscribe(this,"disabled")),this.accordionItems=e.filter(t=>!t.hasAttribute("disabled")),this.accordionItems.forEach((t,i)=>{t.addEventListener("click",this.expandedChangedHandler),m.getNotifier(t).subscribe(this,"expanded")}),this.isSingleExpandMode()){const t=this.findExpandedItem();this.setSingleExpandMode(t)}},this.removeItemListeners=e=>{e.forEach((t,i)=>{m.getNotifier(t).unsubscribe(this,"disabled"),m.getNotifier(t).unsubscribe(this,"expanded"),t.removeEventListener("click",this.expandedChangedHandler)})},this.expandedChangedHandler=e=>{const t=e.target;t instanceof ot&&(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===Or.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 ot&&e.expanded)??this.accordionItems[0]}isSingleExpandMode(){return this.expandmode===Or.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 ot&&(this.activeItemIndex===r?(i.expanded=!0,i.expandbutton.setAttribute("aria-disabled","true")):(i.expanded=!1,i.hasAttribute("disabled")||i.expandbutton.removeAttribute("aria-disabled")))})}}Zn([a({attribute:"expand-mode"})],_r.prototype,"expandmode",2),Zn([g],_r.prototype,"slottedAccordionItems",2);const qd=u`
|
|
31
31
|
${k("flex")}
|
|
32
32
|
|
|
33
33
|
:host{flex-direction:column;width:100%;contain:content}`;function Wd(){return b`<template><slot ${U({property:"slottedAccordionItems",filter:co()})}></slot></template>`}const Gd=Wd(),Ud=_r.compose({name:`${p.prefix}-accordion`,template:Gd,styles:qd});Ud.define(p.registry);const Jn=new Map;function z(o){return Jn.get(o)??Jn.set(o,dn?`:state(${o})`:`[state--${o}]`).get(o)}function y(o,e,t){if(!(!e||!o)){if(!dn){o.shadowRoot.host.toggleAttribute(`state--${e}`,t);return}if(t??!o.states.has(e)){o.states.add(e);return}o.states.delete(e)}}const Ar=new WeakMap;function ea(o,e){if(!o||!e)return!1;if(Ar.has(o))return Ar.get(o).has(e);const t=new Set(Object.values(o));return Ar.set(o,t),t.has(e)}function Ct(o,e="",t="",i,r=""){y(o,`${r}${e}`,!1),(!i||ea(i,t))&&y(o,`${r}${t}`,!0)}const Xd={primary:"primary",outline:"outline",subtle:"subtle",transparent:"transparent"},Kd={circular:"circular",rounded:"rounded",square:"square"},Yd={small:"small",medium:"medium",large:"large"},Si={submit:"submit",reset:"reset",button:"button"},Qd=Xd,Zd=Kd,Jd=Yd,eh={download:"download",href:"href",hreflang:"hreflang",ping:"ping",referrerpolicy:"referrerpolicy",rel:"rel",target:"target",type:"type"};var th=Object.defineProperty,oh=Object.getOwnPropertyDescriptor,rt=(o,e,t,i)=>{for(var r=i>1?void 0:i?oh(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&&th(e,t,r),r};class Re extends ${constructor(){super(),this.isMac=navigator.userAgent.includes("Mac"),this.elementInternals=this.attachInternals(),this.internalProxyAnchor=this.createProxyElement(),this.elementInternals.role="link"}connectedCallback(){super.connectedCallback(),m.getNotifier(this).subscribe(this),Object.keys(this.$fastController.definition.attributeLookup).forEach(e=>{this.handleChange(this,e)}),this.append(this.internalProxyAnchor)}disconnectedCallback(){super.disconnectedCallback(),m.getNotifier(this).unsubscribe(this)}handleChange(e,t){if(t in eh){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;t&&e.preventDefault(),this.handleNavigation(t)}return!0}keydownHandler(e){if(this.href&&e.key===mo){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}}rt([a],Re.prototype,"download",2),rt([a],Re.prototype,"href",2),rt([a],Re.prototype,"hreflang",2),rt([a],Re.prototype,"ping",2),rt([a],Re.prototype,"referrerpolicy",2),rt([a],Re.prototype,"rel",2),rt([a],Re.prototype,"target",2),rt([a],Re.prototype,"type",2);var ih=Object.defineProperty,rh=Object.getOwnPropertyDescriptor,Ii=(o,e,t,i)=>{for(var r=i>1?void 0:i?rh(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&&ih(e,t,r),r};class Gt extends Re{constructor(){super(...arguments),this.iconOnly=!1}appearanceChanged(e,t){Ct(this.elementInternals,e,t,Qd)}shapeChanged(e,t){Ct(this.elementInternals,e,t,Zd)}sizeChanged(e,t){Ct(this.elementInternals,e,t,Jd)}iconOnlyChanged(e,t){y(this.elementInternals,"icon",!!t)}}Ii([a],Gt.prototype,"appearance",2),Ii([a],Gt.prototype,"shape",2),Ii([a],Gt.prototype,"size",2),Ii([a({attribute:"icon-only",mode:"boolean"})],Gt.prototype,"iconOnly",2),Xe(Gt,Ue);const ta=u`
|
|
@@ -42,7 +42,7 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
42
42
|
|
|
43
43
|
::slotted(a){position:absolute;inset:0}`.withBehaviors(X(u`
|
|
44
44
|
:host{border-color:LinkText;color:LinkText}`));function nh(o={}){return b`<template tabindex="0" @click="${(e,t)=>e.clickHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}">${He(o)}<span class="content" part="content"><slot></slot></span>${tt(o)}</template>`}const ah=nh(),lh=Gt.compose({name:`${p.prefix}-anchor-button`,template:ah,styles:sh});lh.define(p.registry);const ch=/[\(\[\{][^\)\]\}]*[\)\]\}]/g,dh=/[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g,hh=/^\d+[\d\s]*(:?ext|x|)\s*\d+$/i,uh=/\s+/g,ph=/[\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 bh(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 gh(o){return o=o.replace(ch,""),o=o.replace(dh,""),o=o.replace(uh," "),o=o.trim(),o}function fh(o,e,t){return!o||(o=gh(o),ph.test(o)||!t?.allowPhoneInitials&&hh.test(o))?"":bh(o,e,t?.firstInitialOnly)}var mh=Object.defineProperty,vh=Object.getOwnPropertyDescriptor,oa=(o,e,t,i)=>{for(var r=i>1?void 0:i?vh(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&&mh(e,t,r),r};class Er extends ${constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="img"}connectedCallback(){super.connectedCallback(),this.slotchangeHandler()}disconnectedCallback(){this.abortSignal?.abort(),this.abortSignal=void 0,super.disconnectedCallback()}slotchangeHandler(){this.normalize(),!this.defaultSlot.assignedElements().length&&!this.innerText.trim()&&this.defaultSlot.assignedNodes().filter(i=>i.nodeType===Node.TEXT_NODE).forEach(i=>{this.removeChild(i)}),G.enqueue(()=>{(!this.abortSignal||this.abortSignal.signal.aborted)&&(this.abortSignal=new AbortController),this.defaultSlot.addEventListener("slotchange",()=>this.slotchangeHandler(),{once:!0,signal:this.abortSignal.signal})})}}oa([a],Er.prototype,"name",2),oa([a],Er.prototype,"initials",2);const ia={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"},ra={neutral:"neutral",brand:"brand",colorful:"colorful",...ia};var $h=Object.defineProperty,yh=Object.getOwnPropertyDescriptor,Ut=(o,e,t,i)=>{for(var r=i>1?void 0:i?yh(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&&$h(e,t,r),r};const st=class ns 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||fh(this.name,window.getComputedStyle(this).direction==="rtl",{firstInitialOnly:e<=16})}generateColor(){const e=this.color===ra.colorful;this.currentColor,this.currentColor=e&&this.colorId?this.colorId:e?ns.colors[kh(this.name??"")%ns.colors.length]:this.color??ra.neutral,this.setAttribute("data-color",this.currentColor)}connectedCallback(){super.connectedCallback(),m.getNotifier(this).subscribe(this),this.generateColor()}disconnectedCallback(){super.disconnectedCallback(),m.getNotifier(this).unsubscribe(this)}};st.colors=Object.values(ia),Ut([a],st.prototype,"active",2),Ut([a],st.prototype,"shape",2),Ut([a],st.prototype,"appearance",2),Ut([a({converter:re})],st.prototype,"size",2),Ut([a],st.prototype,"color",2),Ut([a({attribute:"color-id"})],st.prototype,"colorId",2);let xh=st;const kh=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},nt={fastOutSlowInMax:Tr,fastOutSlowInMid:wt,fastOutSlowInMin:Nd,slowOutFastInMax:Ad,slowOutFastInMid:kt,slowOutFastInMin:Ed,fastEase:Qn,normalEase:Ci,nullEasing:Br},wh=u`
|
|
45
|
-
${k("inline-flex")} :host{position:relative;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;font-family:${v};font-weight:${D};font-size:${B};border-radius:${ve};color:${J};background-color:${xo};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:${ve}}::slotted([slot='badge']){position:absolute;bottom:0;right:0;box-shadow:0 0 0 ${P} ${I}}: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 ${ye} ${I}}:host([size='16']),:host([size='20']),:host([size='24']){font-size:${So};font-weight:${A}}:host([size='16']){width:16px;height:16px}:host([size='20']){width:20px;height:20px}:host([size='24']){width:24px;height:24px}:host([size='16']) .default-icon,:host([size='16']) ::slotted(svg){width:12px;height:12px;font-size:12px}:host([size='20']) .default-icon,:host([size='24']) .default-icon,:host([size='20']) ::slotted(svg),:host([size='24']) ::slotted(svg){width:16px;height:16px;font-size:16px}:host([size='28']){width:28px;height:28px;font-size:${F}}:host([size='36']){width:36px;height:36px}:host([size='40']){width:40px;height:40px}:host([size='48']),:host([size='56']){font-size:${he}}: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:${jt}}: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:${gi}}:host([size='120']){width:120px;height:120px}:host([size='128']){width:128px;height:128px}:host([shape='square']){border-radius:${C}}:host([shape='square'][size='20']),:host([shape='square'][size='24']){border-radius:${Be}}:host([shape='square'][size='56']),:host([shape='square'][size='64']),:host([shape='square'][size='72']){border-radius:${Mn}}:host([shape='square'][size='96']),:host([shape='square'][size='120']),:host([shape='square'][size='128']){border-radius:${Dn}}:host([data-color='brand']){color:${un};background-color:${xn}}:host([data-color='dark-red']){color:${Hc};background-color:${Dc}}:host([data-color='cranberry']){color:${Nc};background-color:${Ec}}:host([data-color='red']){color:${dc};background-color:${cc}}:host([data-color='pumpkin']){color:${pd};background-color:${ud}}:host([data-color='peach']){color:${sd};background-color:${rd}}:host([data-color='marigold']){color:${xc};background-color:${Fn}}:host([data-color='gold']){color:${Rc};background-color:${jc}}:host([data-color='brass']){color:${Tc};background-color:${zc}}:host([data-color='brown']){color:${Oc};background-color:${Bc}}:host([data-color='forest']){color:${Lc};background-color:${Vc}}:host([data-color='seafoam']){color:${$d};background-color:${vd}}:host([data-color='dark-green']){color:${Mc};background-color:${Fc}}:host([data-color='light-teal']){color:${Kc};background-color:${Xc}}:host([data-color='teal']){color:${wd};background-color:${kd}}:host([data-color='steel']){color:${xd};background-color:${yd}}:host([data-color='blue']){color:${Pc};background-color:${Ic}}:host([data-color='royal-blue']){color:${md};background-color:${fd}}:host([data-color='cornflower']){color:${Ac};background-color:${_c}}:host([data-color='navy']){color:${id};background-color:${od}}:host([data-color='lavender']){color:${Uc};background-color:${Gc}}:host([data-color='purple']){color:${gd};background-color:${bd}}:host([data-color='grape']){color:${Wc};background-color:${qc}}:host([data-color='lilac']){color:${Qc};background-color:${Yc}}:host([data-color='pink']){color:${ad};background-color:${nd}}:host([data-color='magenta']){color:${Jc};background-color:${Zc}}:host([data-color='plum']){color:${hd};background-color:${dd}}:host([data-color='beige']){color:${Sc};background-color:${Cc}}:host([data-color='mink']){color:${td};background-color:${ed}}:host([data-color='platinum']){color:${cd};background-color:${ld}}:host([data-color='anchor']){color:${wc};background-color:${kc}}:host([active]){transform:perspective(1px);transition-property:transform,opacity;transition-duration:${wi},${xi};transition-delay:${nt.fastEase},${nt.nullEasing}}:host([active])::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:inherit;transition-property:margin,opacity;transition-duration:${wi},${Yn};transition-delay:${nt.fastEase},${nt.nullEasing}}:host([active])::before{box-shadow:${Pd};border-style:solid;border-color:${xn}}:host([active][appearance='shadow'])::before{border-style:none;border-color:none}:host([active]:not([appearance='shadow']))::before{margin:calc(-2 * ${ye});border-width:${ye}}:host([size='56'][active]:not([appearance='shadow']))::before,:host([size='64'][active]:not([appearance='shadow']))::before{margin:calc(-2 * ${se});border-width:${se}}: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 * ${Cr});border-width:${Cr}}:host([size='20'][active][appearance])::before,:host([size='24'][active][appearance])::before,:host([size='28'][active][appearance])::before{box-shadow:${$i}}:host([size='56'][active][appearance])::before,:host([size='64'][active][appearance])::before{box-shadow:${wr}}: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:${zd}}:host([active][appearance='ring'])::before{box-shadow:none}:host([active='inactive']){opacity:0.8;transform:scale(0.875);transition-property:transform,opacity;transition-duration:${wi},${xi};transition-delay:${nt.fastOutSlowInMin},${nt.nullEasing}}:host([active='inactive'])::before{margin:0;opacity:0;transition-property:margin,opacity;transition-duration:${wi},${Yn};transition-delay:${nt.fastOutSlowInMin},${nt.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}}`,Ch=b`<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 Sh(){return b`<slot ${
|
|
45
|
+
${k("inline-flex")} :host{position:relative;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;font-family:${v};font-weight:${D};font-size:${B};border-radius:${ve};color:${J};background-color:${xo};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:${ve}}::slotted([slot='badge']){position:absolute;bottom:0;right:0;box-shadow:0 0 0 ${P} ${I}}: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 ${ye} ${I}}:host([size='16']),:host([size='20']),:host([size='24']){font-size:${So};font-weight:${A}}:host([size='16']){width:16px;height:16px}:host([size='20']){width:20px;height:20px}:host([size='24']){width:24px;height:24px}:host([size='16']) .default-icon,:host([size='16']) ::slotted(svg){width:12px;height:12px;font-size:12px}:host([size='20']) .default-icon,:host([size='24']) .default-icon,:host([size='20']) ::slotted(svg),:host([size='24']) ::slotted(svg){width:16px;height:16px;font-size:16px}:host([size='28']){width:28px;height:28px;font-size:${F}}:host([size='36']){width:36px;height:36px}:host([size='40']){width:40px;height:40px}:host([size='48']),:host([size='56']){font-size:${he}}: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:${jt}}: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:${gi}}:host([size='120']){width:120px;height:120px}:host([size='128']){width:128px;height:128px}:host([shape='square']){border-radius:${C}}:host([shape='square'][size='20']),:host([shape='square'][size='24']){border-radius:${Be}}:host([shape='square'][size='56']),:host([shape='square'][size='64']),:host([shape='square'][size='72']){border-radius:${Mn}}:host([shape='square'][size='96']),:host([shape='square'][size='120']),:host([shape='square'][size='128']){border-radius:${Dn}}:host([data-color='brand']){color:${un};background-color:${xn}}:host([data-color='dark-red']){color:${Hc};background-color:${Dc}}:host([data-color='cranberry']){color:${Nc};background-color:${Ec}}:host([data-color='red']){color:${dc};background-color:${cc}}:host([data-color='pumpkin']){color:${pd};background-color:${ud}}:host([data-color='peach']){color:${sd};background-color:${rd}}:host([data-color='marigold']){color:${xc};background-color:${Fn}}:host([data-color='gold']){color:${Rc};background-color:${jc}}:host([data-color='brass']){color:${Tc};background-color:${zc}}:host([data-color='brown']){color:${Oc};background-color:${Bc}}:host([data-color='forest']){color:${Lc};background-color:${Vc}}:host([data-color='seafoam']){color:${$d};background-color:${vd}}:host([data-color='dark-green']){color:${Mc};background-color:${Fc}}:host([data-color='light-teal']){color:${Kc};background-color:${Xc}}:host([data-color='teal']){color:${wd};background-color:${kd}}:host([data-color='steel']){color:${xd};background-color:${yd}}:host([data-color='blue']){color:${Pc};background-color:${Ic}}:host([data-color='royal-blue']){color:${md};background-color:${fd}}:host([data-color='cornflower']){color:${Ac};background-color:${_c}}:host([data-color='navy']){color:${id};background-color:${od}}:host([data-color='lavender']){color:${Uc};background-color:${Gc}}:host([data-color='purple']){color:${gd};background-color:${bd}}:host([data-color='grape']){color:${Wc};background-color:${qc}}:host([data-color='lilac']){color:${Qc};background-color:${Yc}}:host([data-color='pink']){color:${ad};background-color:${nd}}:host([data-color='magenta']){color:${Jc};background-color:${Zc}}:host([data-color='plum']){color:${hd};background-color:${dd}}:host([data-color='beige']){color:${Sc};background-color:${Cc}}:host([data-color='mink']){color:${td};background-color:${ed}}:host([data-color='platinum']){color:${cd};background-color:${ld}}:host([data-color='anchor']){color:${wc};background-color:${kc}}:host([active]){transform:perspective(1px);transition-property:transform,opacity;transition-duration:${wi},${xi};transition-delay:${nt.fastEase},${nt.nullEasing}}:host([active])::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:inherit;transition-property:margin,opacity;transition-duration:${wi},${Yn};transition-delay:${nt.fastEase},${nt.nullEasing}}:host([active])::before{box-shadow:${Pd};border-style:solid;border-color:${xn}}:host([active][appearance='shadow'])::before{border-style:none;border-color:none}:host([active]:not([appearance='shadow']))::before{margin:calc(-2 * ${ye});border-width:${ye}}:host([size='56'][active]:not([appearance='shadow']))::before,:host([size='64'][active]:not([appearance='shadow']))::before{margin:calc(-2 * ${se});border-width:${se}}: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 * ${Cr});border-width:${Cr}}:host([size='20'][active][appearance])::before,:host([size='24'][active][appearance])::before,:host([size='28'][active][appearance])::before{box-shadow:${$i}}:host([size='56'][active][appearance])::before,:host([size='64'][active][appearance])::before{box-shadow:${wr}}: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:${zd}}:host([active][appearance='ring'])::before{box-shadow:none}:host([active='inactive']){opacity:0.8;transform:scale(0.875);transition-property:transform,opacity;transition-duration:${wi},${xi};transition-delay:${nt.fastOutSlowInMin},${nt.nullEasing}}:host([active='inactive'])::before{margin:0;opacity:0;transition-property:margin,opacity;transition-duration:${wi},${Yn};transition-delay:${nt.fastOutSlowInMin},${nt.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}}`,Ch=b`<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 Sh(){return b`<slot ${O("defaultSlot")}>${o=>o.name||o.initials?o.generateInitials():Ch}</slot><slot name="badge"></slot>`}const Ih=Sh(),Ph=xh.compose({name:`${p.prefix}-avatar`,template:Ih,styles:wh});Ph.define(p.registry);const zh={filled:"filled",ghost:"ghost",outline:"outline",tint:"tint"},Th={brand:"brand",danger:"danger",important:"important",informative:"informative",severe:"severe",subtle:"subtle",success:"success",warning:"warning"};var Bh=Object.defineProperty,Oh=Object.getOwnPropertyDescriptor,zi=(o,e,t,i)=>{for(var r=i>1?void 0:i?Oh(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&&Bh(e,t,r),r};class Xt extends ${constructor(){super(...arguments),this.appearance=zh.filled,this.color=Th.brand}}zi([a],Xt.prototype,"appearance",2),zi([a],Xt.prototype,"color",2),zi([a],Xt.prototype,"shape",2),zi([a],Xt.prototype,"size",2),Xe(Xt,Ue);const sa=u.partial`
|
|
46
46
|
${k("inline-flex")} :host {
|
|
47
47
|
position: relative;
|
|
48
48
|
box-sizing: border-box;
|
|
@@ -406,7 +406,7 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
406
406
|
${la}
|
|
407
407
|
${sa}
|
|
408
408
|
|
|
409
|
-
:host(:is([dot],[dot][appearance][size])){min-width:auto;width:6px;height:6px;padding:0}`;function zu(o={}){return ha({defaultContent:b`${e=>e.setCount()}`})}const Tu=zu(),Bu=qe.compose({name:`${p.prefix}-counter-badge`,template:Tu,styles:Pu});Bu.define(p.registry);const It={modal:"modal",nonModal:"non-modal",alert:"alert"};function ua(o,e="-dialog"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}var Ou=Object.defineProperty,_u=Object.getOwnPropertyDescriptor,Io=(o,e,t,i)=>{for(var r=i>1?void 0:i?_u(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&&Ou(e,t,r),r};class Yt extends ${constructor(){super(...arguments),this.type=It.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"})}}typeChanged(e,t){this.dialog&&(t===It.alert?this.dialog.setAttribute("role","alertdialog"):this.dialog.removeAttribute("role"),t!==It.nonModal?this.dialog.setAttribute("aria-modal","true"):this.dialog.removeAttribute("aria-modal"))}connectedCallback(){super.connectedCallback(),this.typeChanged(void 0,this.type)}show(){G.enqueue(()=>{this.emitBeforeToggle(),this.type===It.alert||this.type===It.modal?this.dialog.showModal():this.type===It.nonModal&&this.dialog.show(),this.emitToggle()})}hide(){this.emitBeforeToggle(),this.dialog.close(),this.emitToggle()}clickHandler(e){return this.dialog.open&&this.type!==It.alert&&e.target===this.dialog&&this.hide(),!0}}Io([g],Yt.prototype,"dialog",2),Io([a({attribute:"aria-describedby"})],Yt.prototype,"ariaDescribedby",2),Io([a({attribute:"aria-labelledby"})],Yt.prototype,"ariaLabelledby",2),Io([a({attribute:"aria-label"})],Yt.prototype,"ariaLabel",2),Io([a],Yt.prototype,"type",2);const Au=b`<dialog class="dialog" part="dialog" aria-describedby="${o=>o.ariaDescribedby}" aria-labelledby="${o=>o.ariaLabelledby}" aria-label="${o=>o.ariaLabel}" @click="${(o,e)=>o.clickHandler(e.event)}" @cancel="${o=>o.hide()}" ${
|
|
409
|
+
:host(:is([dot],[dot][appearance][size])){min-width:auto;width:6px;height:6px;padding:0}`;function zu(o={}){return ha({defaultContent:b`${e=>e.setCount()}`})}const Tu=zu(),Bu=qe.compose({name:`${p.prefix}-counter-badge`,template:Tu,styles:Pu});Bu.define(p.registry);const It={modal:"modal",nonModal:"non-modal",alert:"alert"};function ua(o,e="-dialog"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}var Ou=Object.defineProperty,_u=Object.getOwnPropertyDescriptor,Io=(o,e,t,i)=>{for(var r=i>1?void 0:i?_u(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&&Ou(e,t,r),r};class Yt extends ${constructor(){super(...arguments),this.type=It.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"})}}typeChanged(e,t){this.dialog&&(t===It.alert?this.dialog.setAttribute("role","alertdialog"):this.dialog.removeAttribute("role"),t!==It.nonModal?this.dialog.setAttribute("aria-modal","true"):this.dialog.removeAttribute("aria-modal"))}connectedCallback(){super.connectedCallback(),this.typeChanged(void 0,this.type)}show(){G.enqueue(()=>{this.emitBeforeToggle(),this.type===It.alert||this.type===It.modal?this.dialog.showModal():this.type===It.nonModal&&this.dialog.show(),this.emitToggle()})}hide(){this.emitBeforeToggle(),this.dialog.close(),this.emitToggle()}clickHandler(e){return this.dialog.open&&this.type!==It.alert&&e.target===this.dialog&&this.hide(),!0}}Io([g],Yt.prototype,"dialog",2),Io([a({attribute:"aria-describedby"})],Yt.prototype,"ariaDescribedby",2),Io([a({attribute:"aria-labelledby"})],Yt.prototype,"ariaLabelledby",2),Io([a({attribute:"aria-label"})],Yt.prototype,"ariaLabel",2),Io([a],Yt.prototype,"type",2);const Au=b`<dialog class="dialog" part="dialog" aria-describedby="${o=>o.ariaDescribedby}" aria-labelledby="${o=>o.ariaLabelledby}" aria-label="${o=>o.ariaLabel}" @click="${(o,e)=>o.clickHandler(e.event)}" @cancel="${o=>o.hide()}" ${O("dialog")}><slot></slot></dialog>`,Eu=u`
|
|
410
410
|
@layer base{:host{--dialog-backdrop:${mr};--dialog-starting-scale:0.85}::backdrop{background:var(--dialog-backdrop,rgba(0,0,0,0.4))}dialog{background:${I};border-radius:${Dn};border:none;box-shadow:${Xn};color:${T};max-height:100vh;padding:0;width:100%;max-width:600px}:host([type='non-modal']) dialog{inset:0;position:fixed;z-index:2;overflow:auto}@supports (max-height:1dvh){dialog{max-height:100dvh}}}@layer animations{@media (prefers-reduced-motion:no-preference){dialog,::backdrop{transition:display allow-discrete,opacity,overlay allow-discrete,scale;transition-duration:${zr};transition-timing-function:${wt};opacity:0}::backdrop{transition-timing-function:${Br}}[open],[open]::backdrop{opacity:1}dialog:not([open]){scale:var(--dialog-starting-scale);transition-timing-function:${kt}}}@starting-style{[open],[open]::backdrop{opacity:0}dialog{scale:var(--dialog-starting-scale)}}}`.withBehaviors(X(u`
|
|
411
411
|
@layer base{dialog{border:${P} solid ${K}}}`)),Nu=Yt.compose({name:`${p.prefix}-dialog`,template:Au,styles:Eu});Nu.define(p.registry);class Fu extends ${clickHandler(e){if(!e.defaultPrevented){const t=this.parentElement;ua(t)&&t.hide()}return!0}}const Mu=b`<template><div class="title" part="title"><slot name="title"></slot><slot name="title-action"></slot><slot name="close" @click="${(o,e)=>o.clickHandler(e.event)}"></slot></div><div class="content" part="content"><slot></slot></div><div class="actions" part="actions"><slot name="action"></slot></div></template>`,Du=u`
|
|
412
412
|
${k("grid")}
|
|
@@ -418,9 +418,9 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
418
418
|
:host([appearance='strong'])::before,:host([appearance='strong'])::after,:host([appearance='brand'])::before,:host([appearance='brand'])::after,:host([appearance='subtle'])::before,:host([appearance='subtle'])::after,:host::after,:host::before{background:WindowText;color:WindowText}`)),Uu=_i.compose({name:`${p.prefix}-divider`,template:Wu,styles:Gu});Uu.define(p.registry);const Xu={start:"start",end:"end"},Ku={small:"small",medium:"medium",large:"large",full:"full"},zo={nonModal:"non-modal",modal:"modal",inline:"inline"};var Yu=Object.defineProperty,Qu=Object.getOwnPropertyDescriptor,Qt=(o,e,t,i)=>{for(var r=i>1?void 0:i?Qu(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&&Yu(e,t,r),r};class Pt extends ${constructor(){super(...arguments),this.type=zo.modal,this.position=Xu.start,this.size=Ku.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"})}}typeChanged(){this.dialog&&(this.updateDialogRole(),this.type===zo.modal?this.dialog.setAttribute("aria-modal","true"):this.dialog.removeAttribute("aria-modal"))}connectedCallback(){super.connectedCallback(),this.typeChanged(),this.observeRoleAttr()}disconnectedCallback(){super.disconnectedCallback(),this.roleAttrObserver.disconnect()}show(){G.enqueue(()=>{this.emitBeforeToggle(),this.type===zo.inline||this.type===zo.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}cancelHandler(){this.hide()}observeRoleAttr(){this.roleAttrObserver||(this.roleAttrObserver=new MutationObserver(()=>{this.updateDialogRole()}),this.roleAttrObserver.observe(this,{attributes:!0,attributeFilter:["role"]}))}updateDialogRole(){console.log(this.role),this.dialog&&(this.dialog.role=this.type===zo.modal?"dialog":this.role)}}Qt([a],Pt.prototype,"type",2),Qt([a({attribute:"aria-labelledby"})],Pt.prototype,"ariaLabelledby",2),Qt([a({attribute:"aria-describedby"})],Pt.prototype,"ariaDescribedby",2),Qt([a],Pt.prototype,"position",2),Qt([a({attribute:"size"})],Pt.prototype,"size",2),Qt([g],Pt.prototype,"dialog",2);const Zu=u`
|
|
419
419
|
${k("block")}
|
|
420
420
|
|
|
421
|
-
:host{--dialog-backdrop:${mr}}: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:${B};line-height:${E};font-family:${v};font-weight:${A};color:${T};max-width:var(--drawer-width,592px);max-height:100vh;height:100%;margin-inline-start:0;margin-inline-end:auto;border-inline-end-color:${K};border-inline-start-color:var(--drawer-separator,${K});outline:none;top:0;bottom:0;width:var(--drawer-width,592px);border-radius:0;padding:0;max-width:var(--drawer-width,592px);box-shadow:${Xn};border:${P} solid ${K};background:${I}}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:${zr};transition-timing-function:${wt}}:host dialog:not([open]){transform:translateX(-100%);transition-timing-function:${kt}}:host([position='end']) dialog:not([open]){transform:translateX(100%);transition-timing-function:${kt}}dialog[open]{transform:translateX(0)}dialog::backdrop{transition:display allow-discrete,opacity,overlay allow-discrete,scale;transition-duration:${zr};transition-timing-function:${wt};background:var(--dialog-backdrop,${mr});opacity:0}dialog[open]::backdrop{opacity:1}dialog::backdrop{transition-timing-function:${Br}}}@starting-style{dialog[open]{transform:translateX(-100%)}:host([position='end']) dialog[open]{transform:translateX(100%)}dialog[open]::backdrop{opacity:0}}}`;function Ju(){return b`<dialog class="dialog" part="dialog" aria-describedby="${o=>o.ariaDescribedby}" aria-labelledby="${o=>o.ariaLabelledby}" aria-label="${o=>o.ariaLabel}" size="${o=>o.size}" position="${o=>o.position}" @click="${(o,e)=>o.clickHandler(e.event)}" @cancel="${o=>o.cancelHandler()}" ${
|
|
421
|
+
:host{--dialog-backdrop:${mr}}: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:${B};line-height:${E};font-family:${v};font-weight:${A};color:${T};max-width:var(--drawer-width,592px);max-height:100vh;height:100%;margin-inline-start:0;margin-inline-end:auto;border-inline-end-color:${K};border-inline-start-color:var(--drawer-separator,${K});outline:none;top:0;bottom:0;width:var(--drawer-width,592px);border-radius:0;padding:0;max-width:var(--drawer-width,592px);box-shadow:${Xn};border:${P} solid ${K};background:${I}}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:${zr};transition-timing-function:${wt}}:host dialog:not([open]){transform:translateX(-100%);transition-timing-function:${kt}}:host([position='end']) dialog:not([open]){transform:translateX(100%);transition-timing-function:${kt}}dialog[open]{transform:translateX(0)}dialog::backdrop{transition:display allow-discrete,opacity,overlay allow-discrete,scale;transition-duration:${zr};transition-timing-function:${wt};background:var(--dialog-backdrop,${mr});opacity:0}dialog[open]::backdrop{opacity:1}dialog::backdrop{transition-timing-function:${Br}}}@starting-style{dialog[open]{transform:translateX(-100%)}:host([position='end']) dialog[open]{transform:translateX(100%)}dialog[open]::backdrop{opacity:0}}}`;function Ju(){return b`<dialog class="dialog" part="dialog" aria-describedby="${o=>o.ariaDescribedby}" aria-labelledby="${o=>o.ariaLabelledby}" aria-label="${o=>o.ariaLabel}" size="${o=>o.size}" position="${o=>o.position}" @click="${(o,e)=>o.clickHandler(e.event)}" @cancel="${o=>o.cancelHandler()}" ${O("dialog")}><slot></slot></dialog>`}const ep=Ju(),tp=Pt.compose({name:`${p.prefix}-drawer`,template:ep,styles:Zu});tp.define(p.registry);class op extends ${clickHandler(e){if(!e.defaultPrevented){const t=this.parentElement;ua(t,"-drawer")&&t.hide()}return!0}}const ip=u`
|
|
422
422
|
${k("grid")}
|
|
423
|
-
:host{box-sizing:border-box;grid-template-rows:min-content auto min-content;position:relative;height:100%;padding:${Bd};max-height:100svh}.header{display:flex;justify-content:space-between;align-items:center;${Nh}}.footer{display:flex;justify-content:flex-start;gap:${le}}::slotted([slot='title']){font:inherit;padding:0;margin:0}`;function rp(){return b`<div class="header" part="header"><slot name="title"></slot><slot name="close" @click="${(o,e)=>o.clickHandler(e.event)}"></slot></div><div class="content" part="content"><slot></slot></div><div class="footer" part="footer"><slot name="footer"></slot></div>`}const sp=rp(),np=op.compose({name:`${p.prefix}-drawer-body`,template:sp,styles:ip});np.define(p.registry);function ga(o,e="-listbox"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}function Ai(o,e="-option"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}function fa(o){return o.closest("[lang]")?.lang??"en"}let ap=0;function Zt(o="id-"){const e=`${o}${ap++}`;return document.getElementById(e)?Zt(o):e}function lp(o,e){if("requestIdleCallback"in globalThis)return globalThis.requestIdleCallback(o,e);const t=Date.now();return setTimeout(()=>{o({didTimeout:e?.timeout?Date.now()-t>=e.timeout:!1,timeRemaining:()=>0})},1)}function cp(o){"cancelIdleCallback"in globalThis?globalThis.cancelIdleCallback(o):clearTimeout(o)}function ma(o,e,t){let i;const s=`${t?.shallow??!1?":scope > ":""}:not(:defined)`,n=t?.timeout??50,c=h=>{if(i&&(cp(i),i=void 0),!o.querySelector(s)||h&&h.timeRemaining()<=0){e();return}i=lp(c,{timeout:n})};c()}const dp={filledDarker:"filled-darker",filledLighter:"filled-lighter",outline:"outline",transparent:"transparent"},Vr={combobox:"combobox",dropdown:"dropdown",select:"select"},hp=b`<svg class="chevron-down-20-regular" aria-hidden="true" slot="indicator" viewBox="0 0 20 20" ${_("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>`,up=b`<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}" slot="control" ${_("control")} />`,pp=b`<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" slot="control" ${_("control")}>${o=>o.displayValue}</button>`;function bp(o={}){return b`<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" ${_("controlSlot")}></slot><slot name="indicator" ${_("indicatorSlot")}>${ge(o.indicator)}</slot></div><slot @slotchange="${(e,t)=>e.slotchangeHandler(t.event)}"></slot></template>`}const gp=bp({indicator:hp});var fp=Object.defineProperty,mp=Object.getOwnPropertyDescriptor,Y=(o,e,t,i)=>{for(var r=i>1?void 0:i?mp(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&&fp(e,t,r),r};const L=class no extends ${constructor(){super(),this.activeIndex=0,this.id=Zt("dropdown-"),this.required=!1,this.type=Vr.dropdown,this.valueAttribute="",this.repositionListbox=()=>{this.frameId&&cancelAnimationFrame(this.frameId),this.frameId=requestAnimationFrame(()=>{const e=this.getBoundingClientRect(),t=window.innerWidth-e.right,i=e.left;this.listbox.style.minWidth=`${e.width}px`,this.listbox.style.top=`${e.top}px`,i+e.width>window.innerWidth||ii(this)==="rtl"&&t-e.width>0?(this.listbox.style.right=`${t}px`,this.listbox.style.left="unset"):(this.listbox.style.left=`${i}px`,this.listbox.style.right="unset")})},this.elementInternals=this.attachInternals(),this.elementInternals.role="presentation",G.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||Zt("input-"))}disabledChanged(e,t){G.enqueue(()=>{this.options.forEach(i=>{i.disabled=i.disabledAttribute||this.disabled})})}get displayValue(){if(!this.$fastController.isConnected||!this.control||this.isCombobox&&this.multiple)return y(this.elementInternals,"placeholder-shown",!1),"";this.listFormatter=this.listFormatter??new Intl.ListFormat(fa(this),{type:"conjunction",style:"narrow"});const e=this.listFormatter.format(this.selectedOptions.map(t=>t.text));return y(this.elementInternals,"placeholder-shown",!e),this.isCombobox?e:e||this.placeholder}listboxChanged(e,t){if(e&&m.getNotifier(this).unsubscribe(e),t){t.dropdown=this,t.popover="manual",t.tabIndex=-1;const i=m.getNotifier(this);i.subscribe(t);for(const r of["disabled","multiple"])i.notify(r);if(G.enqueue(()=>{this.enabledOptions.filter(r=>r.defaultSelected).forEach((r,s)=>{r.selected=this.multiple||s===0}),this.setValidity()}),ri){const r=Zt("--dropdown-anchor-");this.style.setProperty("anchor-name",r),this.listbox.style.setProperty("position-anchor",r)}}}multipleChanged(e,t){this.elementInternals.ariaMultiSelectable=t?"true":"false",y(this.elementInternals,"multiple",t),this.value=null}nameChanged(e,t){G.enqueue(()=>{this.options.forEach(i=>{i.name=t})})}openChanged(e,t){y(this.elementInternals,"open",t),this.elementInternals.ariaExpanded=t?"true":"false",this.activeIndex=this.selectedIndex??-1,ri||this.anchorPositionFallback(t)}typeChanged(e,t){this.$fastController.isConnected&&this.insertControl()}get enabledOptions(){return this.listbox?.enabledOptions??[]}get freeformOption(){return this.enabledOptions.find(e=>e.freeform)}get isCombobox(){return this.type===Vr.combobox}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}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.name="validation-message-fallback",e.required=!0,e.checked=!1,this._validationFallbackMessage=e.validationMessage}return!this.disabled&&this.required&&this.listbox.selectedOptions.length===0?this._validationFallbackMessage:""}get validity(){return this.elementInternals.validity}get value(){return m.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)),m.track(this,"value"))}get willValidate(){return this.elementInternals.willValidate}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}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(e){if(this.disabled)return;const t=e.target;if(this.focus(),(t===this.control||e.composedPath().includes(this.indicator))&&!this.isCombobox)return this.listbox.togglePopover(),!0;if(!this.open)return this.listbox.showPopover(),!0;if(Ai(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(fa(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}formResetCallback(){this.enabledOptions.forEach((e,t)=>{if(this.multiple){e.selected=!!e.defaultSelected;return}if(!e.defaultSelected){e.selected=!1;return}this.selectOption(t)}),this.setValidity()}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===Vr.combobox){up.render(this,this);return}pp.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!Ai(e.target)}reportValidity(){return this.elementInternals.reportValidity()}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.control)}}slotchangeHandler(e){const t=e.target;ma(this,()=>{const i=t.assignedElements().find(r=>ga(r));i&&(this.listbox=i)})}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}}disconnectedCallback(){no.AnchorPositionFallbackObserver?.disconnect(),this.debounceController?.abort(),super.disconnectedCallback()}anchorPositionFallback(e){if(no.AnchorPositionFallbackObserver||(no.AnchorPositionFallbackObserver=new IntersectionObserver(t=>{t.forEach(({boundingClientRect:i,isIntersecting:r,target:s})=>{if(ga(s)){if(i.bottom>window.innerHeight){y(s.elementInternals,"flip-block",!0);return}i.top<0&&y(s.elementInternals,"flip-block",!1)}})},{threshold:1})),e){this.debounceController=new AbortController,no.AnchorPositionFallbackObserver.observe(this.listbox),window.addEventListener("scroll",this.repositionListbox,{passive:!0,capture:!0,signal:this.debounceController.signal}),window.addEventListener("resize",this.repositionListbox,{passive:!0,signal:this.debounceController.signal}),this.repositionListbox();return}no.AnchorPositionFallbackObserver.unobserve(this.listbox),this.debounceController?.abort(),this.frameId&&(cancelAnimationFrame(this.frameId),this.frameId=void 0)}};L.formAssociated=!0,Y([bs],L.prototype,"activeDescendant",1),Y([g],L.prototype,"activeIndex",2),Y([a({attribute:"aria-labelledby",mode:"fromView"})],L.prototype,"ariaLabelledBy",2),Y([g],L.prototype,"control",2),Y([a({mode:"boolean"})],L.prototype,"disabled",2),Y([bs],L.prototype,"displayValue",1),Y([a({attribute:"id"})],L.prototype,"id",2),Y([g],L.prototype,"indicator",2),Y([g],L.prototype,"indicatorSlot",2),Y([a({attribute:"value",mode:"fromView"})],L.prototype,"initialValue",2),Y([g],L.prototype,"listbox",2),Y([a({mode:"boolean"})],L.prototype,"multiple",2),Y([a],L.prototype,"name",2),Y([g],L.prototype,"open",2),Y([a],L.prototype,"placeholder",2),Y([a({mode:"boolean"})],L.prototype,"required",2),Y([a],L.prototype,"type",2),Y([a({attribute:"value"})],L.prototype,"valueAttribute",2);let vp=L;var $p=Object.defineProperty,yp=Object.getOwnPropertyDescriptor,va=(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&&$p(e,t,r),r};class Lr extends vp{constructor(){super(...arguments),this.appearance=dp.outline}}va([a],Lr.prototype,"appearance",2),va([a],Lr.prototype,"size",2);const xp=u`
|
|
423
|
+
:host{box-sizing:border-box;grid-template-rows:min-content auto min-content;position:relative;height:100%;padding:${Bd};max-height:100svh}.header{display:flex;justify-content:space-between;align-items:center;${Nh}}.footer{display:flex;justify-content:flex-start;gap:${le}}::slotted([slot='title']){font:inherit;padding:0;margin:0}`;function rp(){return b`<div class="header" part="header"><slot name="title"></slot><slot name="close" @click="${(o,e)=>o.clickHandler(e.event)}"></slot></div><div class="content" part="content"><slot></slot></div><div class="footer" part="footer"><slot name="footer"></slot></div>`}const sp=rp(),np=op.compose({name:`${p.prefix}-drawer-body`,template:sp,styles:ip});np.define(p.registry);function ga(o,e="-listbox"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}function Ai(o,e="-option"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}function fa(o){return o.closest("[lang]")?.lang??"en"}let ap=0;function Zt(o="id-"){const e=`${o}${ap++}`;return document.getElementById(e)?Zt(o):e}function lp(o,e){if("requestIdleCallback"in globalThis)return globalThis.requestIdleCallback(o,e);const t=Date.now();return setTimeout(()=>{o({didTimeout:e?.timeout?Date.now()-t>=e.timeout:!1,timeRemaining:()=>0})},1)}function cp(o){"cancelIdleCallback"in globalThis?globalThis.cancelIdleCallback(o):clearTimeout(o)}function ma(o,e,t){let i;const s=`${t?.shallow??!1?":scope > ":""}:not(:defined)`,n=t?.timeout??50,c=h=>{if(i&&(cp(i),i=void 0),!o.querySelector(s)||h&&h.timeRemaining()<=0){e();return}i=lp(c,{timeout:n})};c()}const dp={filledDarker:"filled-darker",filledLighter:"filled-lighter",outline:"outline",transparent:"transparent"},Vr={combobox:"combobox",dropdown:"dropdown",select:"select"},hp=b`<svg class="chevron-down-20-regular" aria-hidden="true" slot="indicator" viewBox="0 0 20 20" ${O("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>`,up=b`<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}" slot="control" ${O("control")} />`,pp=b`<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" slot="control" ${O("control")}>${o=>o.displayValue}</button>`;function bp(o={}){return b`<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" ${O("controlSlot")}></slot><slot name="indicator" ${O("indicatorSlot")}>${ge(o.indicator)}</slot></div><slot @slotchange="${(e,t)=>e.slotchangeHandler(t.event)}"></slot></template>`}const gp=bp({indicator:hp});var fp=Object.defineProperty,mp=Object.getOwnPropertyDescriptor,Y=(o,e,t,i)=>{for(var r=i>1?void 0:i?mp(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&&fp(e,t,r),r};const L=class no extends ${constructor(){super(),this.activeIndex=0,this.id=Zt("dropdown-"),this.required=!1,this.type=Vr.dropdown,this.valueAttribute="",this.repositionListbox=()=>{this.frameId&&cancelAnimationFrame(this.frameId),this.frameId=requestAnimationFrame(()=>{const e=this.getBoundingClientRect(),t=window.innerWidth-e.right,i=e.left;this.listbox.style.minWidth=`${e.width}px`,this.listbox.style.top=`${e.top}px`,i+e.width>window.innerWidth||ii(this)==="rtl"&&t-e.width>0?(this.listbox.style.right=`${t}px`,this.listbox.style.left="unset"):(this.listbox.style.left=`${i}px`,this.listbox.style.right="unset")})},this.elementInternals=this.attachInternals(),this.elementInternals.role="presentation",G.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||Zt("input-"))}disabledChanged(e,t){G.enqueue(()=>{this.options.forEach(i=>{i.disabled=i.disabledAttribute||this.disabled})})}get displayValue(){if(!this.$fastController.isConnected||!this.control||this.isCombobox&&this.multiple)return y(this.elementInternals,"placeholder-shown",!1),"";this.listFormatter=this.listFormatter??new Intl.ListFormat(fa(this),{type:"conjunction",style:"narrow"});const e=this.listFormatter.format(this.selectedOptions.map(t=>t.text));return y(this.elementInternals,"placeholder-shown",!e),this.isCombobox?e:e||this.placeholder}listboxChanged(e,t){if(e&&m.getNotifier(this).unsubscribe(e),t){t.dropdown=this,t.popover="manual",t.tabIndex=-1;const i=m.getNotifier(this);i.subscribe(t);for(const r of["disabled","multiple"])i.notify(r);if(G.enqueue(()=>{this.enabledOptions.filter(r=>r.defaultSelected).forEach((r,s)=>{r.selected=this.multiple||s===0}),this.setValidity()}),ri){const r=Zt("--dropdown-anchor-");this.style.setProperty("anchor-name",r),this.listbox.style.setProperty("position-anchor",r)}}}multipleChanged(e,t){this.elementInternals.ariaMultiSelectable=t?"true":"false",y(this.elementInternals,"multiple",t),this.value=null}nameChanged(e,t){G.enqueue(()=>{this.options.forEach(i=>{i.name=t})})}openChanged(e,t){y(this.elementInternals,"open",t),this.elementInternals.ariaExpanded=t?"true":"false",this.activeIndex=this.selectedIndex??-1,ri||this.anchorPositionFallback(t)}typeChanged(e,t){this.$fastController.isConnected&&this.insertControl()}get enabledOptions(){return this.listbox?.enabledOptions??[]}get freeformOption(){return this.enabledOptions.find(e=>e.freeform)}get isCombobox(){return this.type===Vr.combobox}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}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.name="validation-message-fallback",e.required=!0,e.checked=!1,this._validationFallbackMessage=e.validationMessage}return!this.disabled&&this.required&&this.listbox.selectedOptions.length===0?this._validationFallbackMessage:""}get validity(){return this.elementInternals.validity}get value(){return m.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)),m.track(this,"value"))}get willValidate(){return this.elementInternals.willValidate}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}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(e){if(this.disabled)return;const t=e.target;if(this.focus(),(t===this.control||e.composedPath().includes(this.indicator))&&!this.isCombobox)return this.listbox.togglePopover(),!0;if(!this.open)return this.listbox.showPopover(),!0;if(Ai(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(fa(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}formResetCallback(){this.enabledOptions.forEach((e,t)=>{if(this.multiple){e.selected=!!e.defaultSelected;return}if(!e.defaultSelected){e.selected=!1;return}this.selectOption(t)}),this.setValidity()}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===Vr.combobox){up.render(this,this);return}pp.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!Ai(e.target)}reportValidity(){return this.elementInternals.reportValidity()}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.control)}}slotchangeHandler(e){const t=e.target;ma(this,()=>{const i=t.assignedElements().find(r=>ga(r));i&&(this.listbox=i)})}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}}disconnectedCallback(){no.AnchorPositionFallbackObserver?.disconnect(),this.debounceController?.abort(),super.disconnectedCallback()}anchorPositionFallback(e){if(no.AnchorPositionFallbackObserver||(no.AnchorPositionFallbackObserver=new IntersectionObserver(t=>{t.forEach(({boundingClientRect:i,isIntersecting:r,target:s})=>{if(ga(s)){if(i.bottom>window.innerHeight){y(s.elementInternals,"flip-block",!0);return}i.top<0&&y(s.elementInternals,"flip-block",!1)}})},{threshold:1})),e){this.debounceController=new AbortController,no.AnchorPositionFallbackObserver.observe(this.listbox),window.addEventListener("scroll",this.repositionListbox,{passive:!0,capture:!0,signal:this.debounceController.signal}),window.addEventListener("resize",this.repositionListbox,{passive:!0,signal:this.debounceController.signal}),this.repositionListbox();return}no.AnchorPositionFallbackObserver.unobserve(this.listbox),this.debounceController?.abort(),this.frameId&&(cancelAnimationFrame(this.frameId),this.frameId=void 0)}};L.formAssociated=!0,Y([bs],L.prototype,"activeDescendant",1),Y([g],L.prototype,"activeIndex",2),Y([a({attribute:"aria-labelledby",mode:"fromView"})],L.prototype,"ariaLabelledBy",2),Y([g],L.prototype,"control",2),Y([a({mode:"boolean"})],L.prototype,"disabled",2),Y([bs],L.prototype,"displayValue",1),Y([a({attribute:"id"})],L.prototype,"id",2),Y([g],L.prototype,"indicator",2),Y([g],L.prototype,"indicatorSlot",2),Y([a({attribute:"value",mode:"fromView"})],L.prototype,"initialValue",2),Y([g],L.prototype,"listbox",2),Y([a({mode:"boolean"})],L.prototype,"multiple",2),Y([a],L.prototype,"name",2),Y([g],L.prototype,"open",2),Y([a],L.prototype,"placeholder",2),Y([a({mode:"boolean"})],L.prototype,"required",2),Y([a],L.prototype,"type",2),Y([a({attribute:"value"})],L.prototype,"valueAttribute",2);let vp=L;var $p=Object.defineProperty,yp=Object.getOwnPropertyDescriptor,va=(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&&$p(e,t,r),r};class Lr extends vp{constructor(){super(...arguments),this.appearance=dp.outline}}va([a],Lr.prototype,"appearance",2),va([a],Lr.prototype,"size",2);const xp=u`
|
|
424
424
|
${k("inline-flex")}
|
|
425
425
|
|
|
426
426
|
:host{anchor-name:--dropdown-trigger;box-sizing:border-box;color:${T};cursor:pointer}:host(${iu}){color:${gr}}.control{appearance:none;background-color:${I};border-radius:${C};border:${P} solid ${K};box-shadow:inset 0 0 0 ${P} var(--control-border-color);box-sizing:border-box;color:inherit;column-gap:${H};display:inline-flex;justify-content:space-between;min-width:160px;overflow:hidden;padding:${je} ${ae};position:relative;text-align:start;width:100%;z-index:1;${ca}}:host([size='small']) .control{column-gap:${H};padding:${qt} ${ee};${da}}:host([size='large']) .control{column-gap:${Oe};padding:${V} ${le};${Eh}}::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:${J};display:inline-flex;justify-content:center;width:20px}:host([size='small']) :where(slot[name='indicator'] > *,::slotted([slot='indicator'])){width:16px}:host([size='large']) :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:${P}}.control::after{background-color:${yt};height:${ye};scale:0 1;transition:scale ${Pr} ${wt}}:host(:where(:focus-within)) .control{border-radius:${C};box-shadow:inset 0 0 0 1px ${pi};outline:${ye} solid ${me}}:host(:where(${tu},:focus-within)) .control::after{scale:1 1;transition-duration:${ki};transition-timing-function:${kt}}:host(:where([appearance='outline'],[appearance='transparent'])) .control::before{background-color:${Ve}}:host([appearance='transparent']) .control{--control-border-color:${vr};background-color:${fe};border-radius:${bi}}:host([appearance='outline']) .control{--control-border-color:${Le}}:host([appearance='outline']) .control:hover{--control-border-color:${Lt}}:host(:where([appearance='outline'],[appearance='transparent'])) .control:hover::before{background-color:${vt}}:host([appearance='outline']) .control:hover::after{background-color:${Ht}}:host([appearance='outline']) .control:active{--control-border-color:${wo}}:host(:where([appearance='outline'],[appearance='transparent'])) .control:active::before{background-color:${$t}}:host(:where([appearance='outline'],[appearance='transparent'])) .control:active::after{background-color:${Vt}}:host([appearance='filled-darker']) .control{background-color:${yo}}:host(:where([appearance='filled-lighter'],[appearance='filled-darker'])) .control{--control-border-color:${K}}: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:${Ce};background-color:${it};color:${S}}::slotted([popover]:not(:popover-open)){display:none}@supports not (anchor-name:--anchor){:host{--listbox-max-height:50vh;--margin-offset:calc(${E} + (${je} * 2) + ${P})}:host([size='small']){--margin-offset:calc(${q} + (${qt} * 2) + ${P})}:host([size='large']){--margin-offset:calc(${$e} + (${V} * 2) + ${P})}}@media (forced-colors:active){:host(:disabled) .control{border-color:GrayText}:host(:disabled) :where(slot[name='indicator'] > *,::slotted([slot='indicator'])){color:GrayText}`,kp=Lr.compose({name:`${p.prefix}-dropdown`,template:gp,styles:xp});kp.define(p.registry);const wp={above:"above",after:"after",before:"before"},ze={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 Cp=Object.defineProperty,Sp=Object.getOwnPropertyDescriptor,Ei=(o,e,t,i)=>{for(var r=i>1?void 0:i?Sp(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&&Cp(e,t,r),r};class To extends ${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){y(this.elementInternals,"has-message",!!t.length)}slottedInputsChanged(e,t){const i=t?.filter(r=>r.nodeType===Node.ELEMENT_NODE)??[];i?.length&&(this.input=i?.[0])}inputChanged(e,t){t&&(this.setStates(),this.setLabelProperties(),this.slottedInputObserver.observe(this.input,{attributes:!0,attributeFilter:["disabled","required","readonly"],subtree:!0}))}changeHandler(e){return this.setStates(),this.setValidationStates(),!0}clickHandler(e){return this===e.target&&this.input.click(),!0}connectedCallback(){super.connectedCallback(),this.addEventListener("invalid",this.invalidHandler,{capture:!0}),this.slottedInputObserver=new MutationObserver(()=>{this.setStates()})}disconnectedCallback(){this.slottedInputObserver.disconnect(),this.removeEventListener("invalid",this.invalidHandler,{capture:!0}),super.disconnectedCallback()}focusinHandler(e){return this.matches(":focus-within:has(> :focus-visible)")&&y(this.elementInternals,"focus-visible",!0),!0}focusoutHandler(e){return y(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||bt("input"),this.labelSlot?.forEach(e=>{e instanceof HTMLLabelElement&&(e.htmlFor=e.htmlFor||this.input.id,e.id=e.id||`${this.input.id}--label`,this.input.setAttribute("aria-labelledby",e.id))}))}setStates(){this.elementInternals&&this.input&&(y(this.elementInternals,"disabled",!!this.input.disabled),y(this.elementInternals,"readonly",!!this.input.readOnly),y(this.elementInternals,"required",!!this.input.required),y(this.elementInternals,"checked",!!this.input.checked))}setValidationStates(){if(this.input?.validity)for(const[e,t]of Object.entries(ze))y(this.elementInternals,t,this.input.validity[e])}}Ei([g],To.prototype,"labelSlot",2),Ei([g],To.prototype,"messageSlot",2),Ei([g],To.prototype,"slottedInputs",2),Ei([g],To.prototype,"input",2);var Ip=Object.defineProperty,Pp=Object.getOwnPropertyDescriptor,zp=(o,e,t,i)=>{for(var r=i>1?void 0:i?Pp(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&&Ip(e,t,r),r};class $a extends To{constructor(){super(...arguments),this.labelPosition=wp.above}}zp([a({attribute:"label-position"})],$a.prototype,"labelPosition",2);const Tp=u`
|
|
@@ -451,7 +451,7 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
451
451
|
:host{flex-direction:column;height:fit-content;max-width:300px;min-width:160px;width:auto;background-color:${I};border:1px solid ${K};border-radius:${C};box-shadow:${wr};padding:4px;row-gap:2px}`;function vb(){return b`<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 $b=vb(),yb=fb.compose({name:`${p.prefix}-menu-list`,template:$b,styles:mb});yb.define(p.registry);var xb=Object.defineProperty,kb=Object.getOwnPropertyDescriptor,ct=(o,e,t,i)=>{for(var r=i>1?void 0:i?kb(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&&xb(e,t,r),r};class Ze extends ${constructor(){super(...arguments),this.slottedMenuList=[],this.slottedTriggers=[],this._open=!1,this.toggleMenu=()=>{this._menuList?.togglePopover(!this._open)},this.closeMenu=e=>{e?.target instanceof Qe&&(e.target.getAttribute("role")===te.menuitemcheckbox||e.target.getAttribute("role")===te.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._open&&this.focusMenuList()}},this.triggerKeydownHandler=e=>{if(e.defaultPrevented)return;switch(e.key){case oi:case mo: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(),queueMicrotask(()=>{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(){G.enqueue(()=>{this._menuList.focus()})}focusTrigger(){G.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 Sl:e.preventDefault(),this._open&&(this.closeMenu(),this.focusTrigger());break;case Il: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}}}ct([a({attribute:"open-on-hover",mode:"boolean"})],Ze.prototype,"openOnHover",2),ct([a({attribute:"open-on-context",mode:"boolean"})],Ze.prototype,"openOnContext",2),ct([a({attribute:"close-on-scroll",mode:"boolean"})],Ze.prototype,"closeOnScroll",2),ct([a({attribute:"persist-on-item-click",mode:"boolean"})],Ze.prototype,"persistOnItemClick",2),ct([a({mode:"boolean"})],Ze.prototype,"split",2),ct([g],Ze.prototype,"slottedMenuList",2),ct([g],Ze.prototype,"slottedTriggers",2),ct([g],Ze.prototype,"primaryAction",2);const wb=u`
|
|
452
452
|
${k("inline-block")}
|
|
453
453
|
|
|
454
|
-
::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:${P} solid ${Le};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:${P} solid white}:host([split]) ::slotted([slot='trigger']){border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}`;function Cb(){return b`<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" ${
|
|
454
|
+
::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:${P} solid ${Le};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:${P} solid white}:host([split]) ::slotted([slot='trigger']){border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}`;function Cb(){return b`<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" ${O("primaryAction")}></slot><slot name="trigger" ${U({property:"slottedTriggers",filter:co()})}></slot><slot ${U({property:"slottedMenuList",filter:co()})}></slot></template>`}const Sb=Cb(),Ib=Ze.compose({name:`${p.prefix}-menu`,template:Sb,styles:wb});Ib.define(p.registry);var Pb=Object.defineProperty,zb=Object.getOwnPropertyDescriptor,qr=(o,e,t,i)=>{for(var r=i>1?void 0:i?zb(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&&Pb(e,t,r),r};class Fi extends ${constructor(){super(),this.elementInternals=this.attachInternals(),this.dismissMessageBar=()=>{this.$emit("dismiss",{})},this.elementInternals.role="status"}}qr([a],Fi.prototype,"shape",2),qr([a],Fi.prototype,"layout",2),qr([a],Fi.prototype,"intent",2);const Tb=u`
|
|
455
455
|
:host{display:grid;box-sizing:border-box;font-family:${v};font-size:${F};line-height:${q};width:100%;background:${yo};border:1px solid ${Le};padding-inline:${le};border-radius:${C};min-height:36px;align-items:center;grid-template:'icon body actions dismiss' / auto 1fr auto auto;contain:layout style paint}:host([shape='square']){border-radius:0}:host([intent='success']){background-color:${Bn};border-color:${hc}}:host([intent='warning']){background-color:${_n};border-color:${En}}:host([intent='error']){background-color:${In};border-color:${zn}}:host([layout='multiline']){grid-template-areas:'icon body dismiss'
|
|
456
456
|
'actions actions actions';grid-template-columns:auto 1fr auto;grid-template-rows:auto auto 1fr;padding-block:${Wt};padding-inline:${le}}.content{grid-area:body;max-width:520px;padding-block:${Wt};padding-inline:0}:host([layout='multiline']) .content{padding:0}::slotted([slot='icon']){display:flex;grid-area:icon;flex-direction:column;align-items:center;color:${J};margin-inline-end:${Oe}}:host([layout='multiline']) ::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:${Oe};gap:${Oe}}:host([layout='multiline']) .actions{margin-block-start:${Wt};margin-inline-end:0}:host([layout='multiline']) ::slotted([slot='dismiss']){align-items:start;height:100%;padding-block-start:${V}}::slotted(*){font-size:inherit}`;function Bb(){return b`<slot name="icon"></slot><div class="content"><slot></slot></div><div class="actions"><slot name="actions"></slot></div><slot name="dismiss"></slot>`}const Ob=Bb(),_b=Fi.compose({name:`${p.prefix}-message-bar`,template:Ob,styles:Tb,shadowOptions:{mode:p.shadowRootMode}});_b.define(p.registry);var Ab=Object.defineProperty,Eb=Object.getOwnPropertyDescriptor,ke=(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&&Ab(e,t,r),r};class ce extends ${constructor(){super(),this.active=!1,this.id=Zt("option-"),this.initialValue="",this.multiple=!1,this.elementInternals=this.attachInternals(),this._value=this.initialValue,this.elementInternals.role="option"}activeChanged(e,t){y(this.elementInternals,"active",t)}currentSelectedChanged(e,t){this.selected=!!t}defaultSelectedChanged(e,t){this.selected=!!t}descriptionSlotChanged(e,t){y(this.elementInternals,"description",!!t?.length)}disabledChanged(e,t){this.elementInternals.ariaDisabled=this.disabled?"true":"false",y(this.elementInternals,"disabled",this.disabled),this.setFormValue(!this.disabled&&this.selected?this.value:null)}disabledAttributeChanged(e,t){this.disabled=!!t}initialValueChanged(e,t){this._value=t}multipleChanged(e,t){y(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 m.track(this,"selected"),!!this.currentSelected}set selected(e){this.currentSelected=e,G.enqueue(()=>{this.$fastController.isConnected&&(this.setFormValue(e?this.value:null),this.elementInternals.ariaSelected=e?"true":"false",y(this.elementInternals,"selected",e))}),m.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 m.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}),m.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}}ce.formAssociated=!0,ke([g],ce.prototype,"active",2),ke([a({attribute:"current-selected",mode:"boolean"})],ce.prototype,"currentSelected",2),ke([a({attribute:"selected",mode:"boolean"})],ce.prototype,"defaultSelected",2),ke([g],ce.prototype,"descriptionSlot",2),ke([g],ce.prototype,"disabled",2),ke([a({attribute:"disabled",mode:"boolean"})],ce.prototype,"disabledAttribute",2),ke([a({attribute:"form"})],ce.prototype,"formAttribute",2),ke([a({mode:"boolean"})],ce.prototype,"freeform",2),ke([a({attribute:"id"})],ce.prototype,"id",2),ke([a({attribute:"value",mode:"fromView"})],ce.prototype,"initialValue",2),ke([g],ce.prototype,"multiple",2),ke([a],ce.prototype,"name",2),ke([g],ce.prototype,"start",2),ke([a({attribute:"text",mode:"fromView"})],ce.prototype,"textAttribute",2);const Nb=u`
|
|
457
457
|
${k("inline-grid")}
|
|
@@ -475,7 +475,7 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
475
475
|
:host{width:100%;height:2px;overflow-x:hidden;background-color:${xo};border-radius:${C};contain:content;@supports (width:attr(value type(<number>))){--max:attr(max type(<number>),100);--min:attr(min type(<number>),0);--value:attr(value type(<number>),0);--indicator-width:clamp(0%,calc((var(--value) - var(--min)) / (var(--max) - var(--min)) * 100%),100%)}}:host([thickness='large']){height:4px}:host([shape='square']){border-radius:${bi}}.indicator{background-color:${mt};border-radius:inherit;height:100%}:host([value]) .indicator{transition:all 0.2s ease-in-out;@supports (width:attr(value type(<number>))){width:var(--indicator-width)}}:host(:not([value])) .indicator{position:relative;width:33%;background-image:linear-gradient(
|
|
476
476
|
to right,${xo} 0%,${fe} 50%,${xo} 100%
|
|
477
477
|
);animation-name:indeterminate;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}:host([validation-state='error']) .indicator{background-color:${Pn}}:host([validation-state='warning']) .indicator{background-color:${An}}:host([validation-state='success']) .indicator{background-color:${On}}@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(X(u`
|
|
478
|
-
:host{background-color:CanvasText}.indicator,:host(:is([validation-state='success'],[validation-state='warning'],[validation-state='error'])) .indicator{background-color:Highlight}`));function Gb(){return b`<div class="indicator" part="indicator" ${
|
|
478
|
+
:host{background-color:CanvasText}.indicator,:host(:is([validation-state='success'],[validation-state='warning'],[validation-state='error'])) .indicator{background-color:Highlight}`));function Gb(){return b`<div class="indicator" part="indicator" ${O("indicator")}></div>`}const Ub=Gb(),Xb=Wr.compose({name:`${p.prefix}-progress-bar`,template:Ub,styles:Wb});Xb.define(p.registry);class ka extends Pe{constructor(){super(),this.elementInternals.role="radio"}disabledChanged(e,t){super.disabledChanged(e,t),this.$emit("disabled",t,{bubbles:!0})}requiredChanged(){}setFormValue(){}setValidity(){this.elementInternals.setValidity({})}toggleChecked(e=!0){super.toggleChecked(e)}}function wa(o){const e=o.getRootNode();return e instanceof ShadowRoot?e.activeElement:document.activeElement}const Ca=be;var Kb=Object.defineProperty,Yb=Object.getOwnPropertyDescriptor,zt=(o,e,t,i)=>{for(var r=i>1?void 0:i?Yb(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 Je extends ${constructor(){super(),this.dirtyState=!1,this.disabled=!1,this.elementInternals=this.attachInternals(),this.elementInternals.role="radiogroup",this.elementInternals.ariaOrientation=this.orientation??Ca.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??Ca.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=Cl(this.enabledRadios,n=>n.initialChecked);t.forEach((n,c)=>{n.ariaPosInSet=`${c+1}`,n.ariaSetSize=`${i}`,this.initialValue&&!this.dirtyState?n.checked=n.value===this.initialValue:n.checked=c===r,n.name=this.name??n.name,n.disabled=!!this.disabled||!!n.disabledAttribute}),!this.dirtyState&&this.initialValue&&(this.value=this.initialValue),(!this.value||this.value&&typeof this.checkedIndex!="number"&&r>=0)&&(this.checkedIndex=r);const s=t.map(n=>n.id).join(" ").trim();s&&this.setAttribute("aria-owns",s),G.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 m.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()),m.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=ii(this)==="rtl",i=this.enabledRadios.findIndex(n=>n===wa(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(wa(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.required&&!this.value&&!this.disabled)){this.enabledRadios?.forEach(c=>{c.elementInternals.setValidity({})});return}const s={valueMissing:!0,...e},n=t??this.validationMessage;this.enabledRadios?.forEach((c,h)=>{h===0?c.elementInternals.setValidity(s,n,c):c.elementInternals.setValidity({})})}}slotchangeHandler(e){G.enqueue(()=>{this.radios=[...this.querySelectorAll("*")].filter(t=>t instanceof ka)})}}Je.formAssociated=!0,zt([g],Je.prototype,"checkedIndex",2),zt([a({attribute:"disabled",mode:"boolean"})],Je.prototype,"disabled",2),zt([a({attribute:"value",mode:"fromView"})],Je.prototype,"initialValue",2),zt([a],Je.prototype,"name",2),zt([a],Je.prototype,"orientation",2),zt([g],Je.prototype,"radios",2),zt([a({mode:"boolean"})],Je.prototype,"required",2);const Qb=u`
|
|
479
479
|
${k("flex")}
|
|
480
480
|
|
|
481
481
|
:host{-webkit-tap-highlight-color:transparent;cursor:pointer;gap:${yi}}:host([orientation='vertical']){flex-direction:column;justify-content:flex-start}:host([orientation='horizontal']){flex-direction:row}::slotted(*){color:${J}}::slotted(:hover){color:${Ie}}::slotted(:active){color:${T}}::slotted(${xe}){color:${S}}::slotted(${x}){color:${T}}:host([slot='input']){margin:${V} ${Oe}}`;function Zb(){return b`<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 Jb=Zb(),eg=Je.compose({name:`${p.prefix}-radio-group`,template:Jb,styles:Qb});eg.define(p.registry);const tg=u`
|
|
@@ -501,7 +501,7 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
501
501
|
<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"
|
|
502
502
|
fill="none" stroke="black" stroke-width="2"
|
|
503
503
|
>${Sa}</svg>
|
|
504
|
-
`;function pg(){return b`<div ${
|
|
504
|
+
`;function pg(){return b`<div ${O("display")} class="display" aria-hidden="true"></div><slot name="icon" ${O("iconSlot")} @slotchange="${o=>o.handleSlotChange()}"></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 bg=pg(),gg=u`
|
|
505
505
|
${k("inline-flex")}
|
|
506
506
|
|
|
507
507
|
:host{--_icon-size:16px;--_icon-gradient-degree:90deg;--_icon-color-value:${yc};--_icon-color-empty:${Fn};--_default-value:0;--_default-max:5;--_mask-image-filled:url(${Di(hg)});--_mask-image-outlined:url(${Di(ug)});--_mask-position-x:left;align-items:center;color:${T};font-family:${v};font-size:${F};line-height:${q};contain:layout style;user-select:none}:host(:dir(rtl)){--_icon-gradient-degree:-90deg;--_mask-position-x:right}:host([size='small']){--_icon-size:12px}:host([size='large']){--_icon-size:20px;font-size:${B};line-height:${E}}::slotted([slot='icon']){display:none}:host([color='neutral']){--_icon-color-value:${T};--_icon-color-empty:${xo}}:host([color='brand']){--_icon-color-value:${ci};--_icon-color-empty:${kn}}@supports (width:attr(value type(<number>))){:host{--_attr-value:attr(value type(<number>));--_attr-max:attr(max type(<number>))}}:host([compact]) .display{--_max:1}.display{--_value:max(0,round(var(--_attr-value,var(--_default-value)) * 2) / 2);--_max:max(1,var(--_attr-max,var(--_default-max)));--_mask-inline-size:calc(var(--_icon-size) + ${H});--_icon-gradient-stop-visual-adjustment:0px;--_icon-gradient-stop:calc(
|
|
@@ -518,7 +518,7 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
518
518
|
);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([orientation='vertical'])::after,:host([orientation='vertical']) .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([orientation='vertical']) .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(
|
|
519
519
|
var(--slider-direction),#0000 0%,#0000 calc(var(--step-rate) - 1px),${I} calc(var(--step-rate) - 1px),${I} var(--step-rate)
|
|
520
520
|
)}.thumb-container{position:absolute;grid-row:2 / 2;grid-column:2 / 2;transform:translateX(-50%);left:var(--slider-thumb)}:host([orientation='vertical']) .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:${ve};box-shadow:0 0 0 calc(var(--thumb-size) * 0.2) ${I} inset;border:calc(var(--thumb-size) * 0.05) solid ${Le};box-sizing:border-box}.thumb,.track::before{background-color:var(--rail-color)}`.withBehaviors(X(u`
|
|
521
|
-
.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 kg(o={}){return b`<template @pointerdown="${(e,t)=>e.handlePointerDown(t.event)}" @keydown="${(e,t)=>e.handleKeydown(t.event)}"><div ${
|
|
521
|
+
.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 kg(o={}){return b`<template @pointerdown="${(e,t)=>e.handlePointerDown(t.event)}" @keydown="${(e,t)=>e.handleKeydown(t.event)}"><div ${O("track")} part="track-container" class="track" style="${e=>e.position}"></div><div ${O("thumb")} part="thumb-container" class="thumb-container" style="${e=>e.position}" @pointerdown="${(e,t)=>e.handleThumbPointerDown(t.event)}"><slot name="thumb">${ge(o.thumb)}</slot></div></template>`}const wg=kg({thumb:'<div class="thumb"></div>'}),Cg=W.compose({name:`${p.prefix}-slider`,template:wg,styles:xg});Cg.define(p.registry);class Sg extends ${constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="progressbar"}}var Ig=Object.defineProperty,Pg=Object.getOwnPropertyDescriptor,Pa=(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 Ur extends Sg{}Pa([a],Ur.prototype,"size",2),Pa([a],Ur.prototype,"appearance",2);const zg=u`
|
|
522
522
|
${k("inline-flex")}
|
|
523
523
|
|
|
524
524
|
:host{--duration:1.5s;--indicatorSize:${se};--size:32px;height:var(--size);width:var(--size);contain:strict;content-visibility:auto}:host([size='tiny']){--indicatorSize:${ye};--size:20px}:host([size='extra-small']){--indicatorSize:${ye};--size:24px}:host([size='small']){--indicatorSize:${ye};--size:28px}:host([size='large']){--indicatorSize:${se};--size:36px}:host([size='extra-large']){--indicatorSize:${se};--size:40px}:host([size='huge']){--indicatorSize:${Cr};--size:44px}.progress,.background,.spinner,.start,.end,.indicator{position:absolute;inset:0}.progress,.spinner,.indicator{animation:none var(--duration) infinite ${Ci}}.progress{animation-timing-function:linear;animation-name:spin-linear}.background{border:var(--indicatorSize) solid ${Cn};border-radius:50%}:host([appearance='inverted']) .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:${wn};box-sizing:border-box;border-radius:50%;border:var(--indicatorSize) solid transparent;border-block-start-color:currentcolor;border-right-color:currentcolor}:host([appearance='inverted']) .indicator{color:${sc}}.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(X(u`
|
|
@@ -542,14 +542,14 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
542
542
|
:host{box-sizing:border-box;font-family:${v};font-size:${B};line-height:${E};color:${Ie};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}:host([disabled]){cursor:not-allowed;color:${S}}:host([disabled]) ::slotted(fluent-tab){pointer-events:none;cursor:not-allowed;color:${S}}:host([disabled]) ::slotted(fluent-tab:after){background-color:${S}}:host([disabled]) ::slotted(fluent-tab[aria-selected='true'])::after{background-color:${S}}:host([disabled]) ::slotted(fluent-tab:hover):before{content:unset}:host ::slotted(fluent-tab){border-radius:${C}}:host ::slotted(fluent-tab[aria-selected='true'])::before{background-color:${S}}.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:${ko};color:${br};fill:${hn}}:host([appearance='subtle']) ::slotted(fluent-tab:active){background-color:${ft};fill:${ft};color:${T}}:host([size='small']) ::slotted(fluent-tab){font-size:${B};line-height:${E};padding:${je} ${ee}}:host([size='large']) ::slotted(fluent-tab){font-size:${he};line-height:${$e};padding:${yi} ${ae}}:host ::slotted(fluent-tab[data-animate='true'])::after{transition-property:transform;transition-duration:${Kn};transition-timing-function:${Tr}}:host ::slotted(fluent-tab)::after{height:${se};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted(fluent-tab)::after{width:${se};height:unset;margin-top:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted(fluent-tab)::before{height:${se};border-radius:${ve};content:'';inset:0;position:absolute;margin-top:auto}:host([orientation='vertical']) ::slotted(fluent-tab)::before{height:unset;width:${se};margin-inline-end:auto;transform-origin:top}:host ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:${se};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:${se}}:host([orientation='vertical']) ::slotted(fluent-tab){align-items:flex-start;grid-column:2;padding-top:${je};padding-bottom:${je}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab){padding-top:${Rt};padding-bottom:${Rt}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab){padding-top:${V};padding-bottom:${V}}:host([size='small']) ::slotted(fluent-tab)::after,:host([size='small']) ::slotted(fluent-tab)::before,:host([size='small']) ::slotted(fluent-tab:hover)::after{right:${ee};left:${ee}}:host ::slotted(fluent-tab)::after,:host ::slotted(fluent-tab)::before,:host ::slotted(fluent-tab:hover)::after{right:${ae};left:${ae}}:host([size='large']) ::slotted(fluent-tab)::after,:host([size='large']) ::slotted(fluent-tab)::before,:host([size='large']) ::slotted(fluent-tab:hover)::after{right:${ae};left:${ae}}: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:${je};bottom:${je}}: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:${V};bottom:${V}}: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:${Wt};bottom:${Wt}}`,of=Fo.compose({name:`${p.prefix}-tabs`,template:ef,styles:tf});of.define(p.registry);const rf=o=>o.getAttribute("aria-disabled")==="true",sf=o=>o.hasAttribute("hidden"),ji=o=>!rf(o)&&!sf(o);function nf(o,e="-tab"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}const af={subtle:"subtle",transparent:"transparent"},Tt=be;var lf=Object.defineProperty,cf=Object.getOwnPropertyDescriptor,Mo=(o,e,t,i)=>{for(var r=i>1?void 0:i?cf(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&&lf(e,t,r),r};class ro extends ${constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.disabled=!1,this.orientation=Tt.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&&ji(t)&&(this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=this.tabs.indexOf(t),this.setComponent())},this.handleTabKeyDown=e=>{const t=ii(this);switch(e.key){case po:if(!this.isHorizontal())return;e.preventDefault(),this.adjust(t==="ltr"?-1:1);break;case bo:if(!this.isHorizontal())return;e.preventDefault(),this.adjust(t==="ltr"?1:-1);break;case go:if(this.isHorizontal())return;e.preventDefault(),this.adjust(-1);break;case uo:if(this.isHorizontal())return;e.preventDefault(),this.adjust(1);break;case vo:e.preventDefault(),this.adjust(-this.activeTabIndex);break;case fo:e.preventDefault(),this.adjust(this.tabs.filter(i=>ji(i)).length-this.activeTabIndex-1);break}}}disabledChanged(e,t){y(this.elementInternals,"disabled",t),this.$fastController.isConnected&&this.setTabs()}orientationChanged(e,t){this.elementInternals.ariaOrientation=t??Tt.horizontal,Ct(this.elementInternals,e,t,Tt),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)}e!==t&&this.change()}}slottedTabsChanged(e,t){this.tabs=t?.filter(i=>nf(i))??[]}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();const e=this.tabs.some(t=>!!t.querySelector("[slot='start']"));this.tabs.forEach((t,i)=>{if(t.slot==="tab"){const r=this.activeTabIndex===i&&ji(t),s=this.tabIds[i];console.log("disabled",this.disabled),t.disabled||(this.disabled?t.setAttribute("aria-disabled","true"):t.removeAttribute("aria-disabled")),t.setAttribute("id",s),t.setAttribute("aria-selected",r?"true":"false"),t.addEventListener("click",this.handleTabClick),t.addEventListener("keydown",this.handleTabKeyDown),t.setAttribute("tabindex",r&&!this.disabled?"0":"-1"),r&&(this.activetab=t,this.activeid=s),e&&this.orientation===Tt.vertical&&t.setAttribute("data-hasIndent","")}})}getTabIds(){return this.tabs.map(e=>e.getAttribute("id")??`tab-${bt()}`)}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab())}isHorizontal(){return this.orientation===Tt.horizontal}adjust(e){const t=this.tabs.filter(n=>ji(n)),i=t.indexOf(this.activetab),r=Pl(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()}}Mo([a({mode:"boolean"})],ro.prototype,"disabled",2),Mo([a],ro.prototype,"orientation",2),Mo([a],ro.prototype,"activeid",2),Mo([g],ro.prototype,"slottedTabs",2),Mo([g],ro.prototype,"tabs",2);var df=Object.defineProperty,hf=Object.getOwnPropertyDescriptor,za=(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 Yr extends ro{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=af.transparent}calculateAnimationProperties(e){this.activeTabOffset=this.getTabPosition(e),this.activeTabScale=this.getTabScale(e)}getTabPosition(e){return this.orientation===Tt.horizontal?this.previousActiveTabData.x-(e.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(e.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(e){return this.orientation===Tt.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)}}za([a],Yr.prototype,"appearance",2),za([a],Yr.prototype,"size",2);const uf=b`<template role="tablist"><slot name="tab" ${U("slottedTabs")}></slot></template>`,pf=u`
|
|
543
543
|
${k("flex")}
|
|
544
544
|
|
|
545
|
-
:host{--tabPaddingInline:inherit;--tabPaddingBlock:inherit;--tabIndicatorInsetInline:0;--tabIndicatorInsetBlock:0;box-sizing:border-box;color:${Ie};flex-direction:row}:host([orientation='vertical']){flex-direction:column}:host([orientation='vertical']) ::slotted([role='tab']){justify-content:flex-start}:host ::slotted([slot='tab'][data-animate='true'])::after{transition-property:transform;transition-duration:${Kn};transition-timing-function:${Tr}}:host ::slotted([slot='tab'])::after{height:${se};margin-block-start:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted([slot='tab'])::after{width:${se};height:unset;margin-block-start:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted([slot='tab'])::before{height:${se};border-radius:${ve};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:${S}}:host ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:${se};margin-block-start:auto;transform-origin:left}:host([orientation='vertical']) ::slotted([slot='tab'])::before,:host([orientation='vertical']) ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:unset;width:${se};margin-inline-end:auto;transform-origin:top}:host(:where([size='small'],[size='large'])) ::slotted([slot='tab']){padding-inline:var(--tabPaddingInline);padding-block:var(--tabPaddingBlock)}:host([size='small']) ::slotted([slot='tab']){--tabPaddingBlock:${je};--tabPaddingInline:${ee};font-size:${B};line-height:${E}}:host([size='large']) ::slotted([slot='tab']){--tabPaddingBlock:${yi};--tabPaddingInline:${ae};font-size:${he};line-height:${$e}}: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:${ae}}:host([size='small']) ::slotted([slot='tab']){--tabIndicatorInsetInline:${ee}}:host([size='large']) ::slotted([slot='tab']){--tabIndicatorInsetInline:${ae}}:host([orientation='vertical']) ::slotted([slot='tab']){padding-block:var(--tabPaddingBlock)}:host([orientation='vertical']) ::slotted([slot='tab']){--tabPaddingBlock:${V}}:host([orientation='vertical'][size='small']) ::slotted([slot='tab']){--tabPaddingBlock:${Rt}}:host([orientation='vertical'][size='large']) ::slotted([slot='tab']){--tabPaddingBlock:${V}}:host([orientation='vertical']) ::slotted([slot='tab'])::after,:host([orientation='vertical']) ::slotted([slot='tab'])::before,:host([orientation='vertical']) ::slotted([slot='tab']:hover)::after{inset-inline:0;inset-block:var(--tabIndicatorInsetBlock)}:host([orientation='vertical']){--tabIndicatorInsetBlock:${V}}:host([orientation='vertical'][size='small']){--tabIndicatorInsetBlock:${je}}:host([orientation='vertical'][size='large']){--tabIndicatorInsetBlock:${Wt}}:host([disabled]){cursor:not-allowed;color:${S}}:host([disabled]) ::slotted([slot='tab']){pointer-events:none;cursor:not-allowed;color:${S}}:host([disabled]) ::slotted([slot='tab']:after){background-color:${S}}:host([disabled]) ::slotted([slot='tab'][aria-selected='true'])::after{background-color:${S}}:host([disabled]) ::slotted([slot='tab']:hover):before{content:unset}:host([appearance='subtle']) ::slotted([slot='tab']:hover){background-color:${ko};color:${br};fill:${hn}}:host([appearance='subtle']) ::slotted([slot='tab']:active){background-color:${ft};fill:${ft};color:${T}}`,bf=Yr.compose({name:`${p.prefix}-tablist`,template:uf,styles:pf});bf.define(p.registry);const gf={outline:"outline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},Ri={none:"none",both:"both",horizontal:"horizontal",vertical:"vertical"};var ff=Object.defineProperty,mf=Object.getOwnPropertyDescriptor,de=(o,e,t,i)=>{for(var r=i>1?void 0:i?mf(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&&ff(e,t,r),r};class Q extends ${constructor(){super(),this.elementInternals=this.attachInternals(),this.filteredLabelSlottedNodes=[],this.labelSlottedNodes=[],this.userInteracted=!1,this.preConnectControlEl=document.createElement("textarea"),this.autoResize=!1,this.disabled=!1,this.displayShadow=!1,this.readOnly=!1,this.required=!1,this.resize=Ri.none,this.spellcheck=!1}defaultSlottedNodesChanged(){const e=this.getContent();this.defaultValue=e,this.value=e}labelSlottedNodesChanged(){this.filteredLabelSlottedNodes=this.labelSlottedNodes.filter(cn),this.labelEl&&(this.labelEl.hidden=!this.filteredLabelSlottedNodes.length),this.filteredLabelSlottedNodes.forEach(e=>{e.disabled=this.disabled,e.required=this.required})}autoResizeChanged(){this.maybeCreateAutoSizerEl(),y(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.filteredLabelSlottedNodes?.length&&this.filteredLabelSlottedNodes.forEach(e=>e.required=this.required)}resizeChanged(e,t){Ct(this.elementInternals,e,t,Ri,"resize-"),y(this.elementInternals,"resize",ea(Ri,t)&&t!==Ri.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.filteredLabelSlottedNodes?.length&&this.filteredLabelSlottedNodes.forEach(t=>t.disabled=this.disabled)}toggleUserValidityState(){y(this.elementInternals,"user-invalid",!this.validity.valid),y(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")}}Q.formAssociated=!0,de([g],Q.prototype,"defaultSlottedNodes",2),de([g],Q.prototype,"labelSlottedNodes",2),de([a],Q.prototype,"autocomplete",2),de([a({attribute:"auto-resize",mode:"boolean"})],Q.prototype,"autoResize",2),de([a({attribute:"dirname"})],Q.prototype,"dirName",2),de([a({mode:"boolean"})],Q.prototype,"disabled",2),de([a({attribute:"display-shadow",mode:"boolean"})],Q.prototype,"displayShadow",2),de([a({attribute:"form"})],Q.prototype,"initialForm",2),de([a({attribute:"maxlength",converter:re})],Q.prototype,"maxLength",2),de([a({attribute:"minlength",converter:re})],Q.prototype,"minLength",2),de([a],Q.prototype,"name",2),de([a],Q.prototype,"placeholder",2),de([a({attribute:"readonly",mode:"boolean"})],Q.prototype,"readOnly",2),de([a({mode:"boolean"})],Q.prototype,"required",2),de([a({mode:"fromView"})],Q.prototype,"resize",2),de([a({mode:"boolean"})],Q.prototype,"spellcheck",2);var vf=Object.defineProperty,$f=Object.getOwnPropertyDescriptor,Qr=(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};class qi extends Q{constructor(){super(...arguments),this.appearance=gf.outline,this.block=!1}labelSlottedNodesChanged(){super.labelSlottedNodesChanged(),this.labelSlottedNodes.forEach(e=>{e.size=this.size})}handleChange(e,t){switch(t){case"size":this.labelSlottedNodes.forEach(i=>{i.size=this.size});break}}connectedCallback(){super.connectedCallback(),m.getNotifier(this).subscribe(this,"size")}disconnectedCallback(){super.disconnectedCallback(),m.getNotifier(this).unsubscribe(this,"size")}}Qr([a({mode:"fromView"})],qi.prototype,"appearance",2),Qr([a({mode:"boolean"})],qi.prototype,"block",2),Qr([a],qi.prototype,"size",2);const yf=u`
|
|
545
|
+
:host{--tabPaddingInline:inherit;--tabPaddingBlock:inherit;--tabIndicatorInsetInline:0;--tabIndicatorInsetBlock:0;box-sizing:border-box;color:${Ie};flex-direction:row}:host([orientation='vertical']){flex-direction:column}:host([orientation='vertical']) ::slotted([role='tab']){justify-content:flex-start}:host ::slotted([slot='tab'][data-animate='true'])::after{transition-property:transform;transition-duration:${Kn};transition-timing-function:${Tr}}:host ::slotted([slot='tab'])::after{height:${se};margin-block-start:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted([slot='tab'])::after{width:${se};height:unset;margin-block-start:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted([slot='tab'])::before{height:${se};border-radius:${ve};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:${S}}:host ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:${se};margin-block-start:auto;transform-origin:left}:host([orientation='vertical']) ::slotted([slot='tab'])::before,:host([orientation='vertical']) ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:unset;width:${se};margin-inline-end:auto;transform-origin:top}:host(:where([size='small'],[size='large'])) ::slotted([slot='tab']){padding-inline:var(--tabPaddingInline);padding-block:var(--tabPaddingBlock)}:host([size='small']) ::slotted([slot='tab']){--tabPaddingBlock:${je};--tabPaddingInline:${ee};font-size:${B};line-height:${E}}:host([size='large']) ::slotted([slot='tab']){--tabPaddingBlock:${yi};--tabPaddingInline:${ae};font-size:${he};line-height:${$e}}: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:${ae}}:host([size='small']) ::slotted([slot='tab']){--tabIndicatorInsetInline:${ee}}:host([size='large']) ::slotted([slot='tab']){--tabIndicatorInsetInline:${ae}}:host([orientation='vertical']) ::slotted([slot='tab']){padding-block:var(--tabPaddingBlock)}:host([orientation='vertical']) ::slotted([slot='tab']){--tabPaddingBlock:${V}}:host([orientation='vertical'][size='small']) ::slotted([slot='tab']){--tabPaddingBlock:${Rt}}:host([orientation='vertical'][size='large']) ::slotted([slot='tab']){--tabPaddingBlock:${V}}:host([orientation='vertical']) ::slotted([slot='tab'])::after,:host([orientation='vertical']) ::slotted([slot='tab'])::before,:host([orientation='vertical']) ::slotted([slot='tab']:hover)::after{inset-inline:0;inset-block:var(--tabIndicatorInsetBlock)}:host([orientation='vertical']){--tabIndicatorInsetBlock:${V}}:host([orientation='vertical'][size='small']){--tabIndicatorInsetBlock:${je}}:host([orientation='vertical'][size='large']){--tabIndicatorInsetBlock:${Wt}}:host([disabled]){cursor:not-allowed;color:${S}}:host([disabled]) ::slotted([slot='tab']){pointer-events:none;cursor:not-allowed;color:${S}}:host([disabled]) ::slotted([slot='tab']:after){background-color:${S}}:host([disabled]) ::slotted([slot='tab'][aria-selected='true'])::after{background-color:${S}}:host([disabled]) ::slotted([slot='tab']:hover):before{content:unset}:host([appearance='subtle']) ::slotted([slot='tab']:hover){background-color:${ko};color:${br};fill:${hn}}:host([appearance='subtle']) ::slotted([slot='tab']:active){background-color:${ft};fill:${ft};color:${T}}`,bf=Yr.compose({name:`${p.prefix}-tablist`,template:uf,styles:pf});bf.define(p.registry);const gf={outline:"outline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},Ri={none:"none",both:"both",horizontal:"horizontal",vertical:"vertical"};var ff=Object.defineProperty,mf=Object.getOwnPropertyDescriptor,de=(o,e,t,i)=>{for(var r=i>1?void 0:i?mf(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&&ff(e,t,r),r};class Q extends ${constructor(){super(),this.elementInternals=this.attachInternals(),this.filteredLabelSlottedNodes=[],this.labelSlottedNodes=[],this.userInteracted=!1,this.preConnectControlEl=document.createElement("textarea"),this.autoResize=!1,this.disabled=!1,this.displayShadow=!1,this.readOnly=!1,this.required=!1,this.resize=Ri.none,this.spellcheck=!1}defaultSlottedNodesChanged(){const e=this.getContent();this.defaultValue=e,this.value=e}labelSlottedNodesChanged(){this.filteredLabelSlottedNodes=this.labelSlottedNodes.filter(cn),this.labelEl&&(this.labelEl.hidden=!this.filteredLabelSlottedNodes.length),this.filteredLabelSlottedNodes.forEach(e=>{e.disabled=this.disabled,e.required=this.required})}autoResizeChanged(){this.maybeCreateAutoSizerEl(),y(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.filteredLabelSlottedNodes?.length&&this.filteredLabelSlottedNodes.forEach(e=>e.required=this.required)}resizeChanged(e,t){Ct(this.elementInternals,e,t,Ri,"resize-"),y(this.elementInternals,"resize",ea(Ri,t)&&t!==Ri.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.filteredLabelSlottedNodes?.length&&this.filteredLabelSlottedNodes.forEach(t=>t.disabled=this.disabled)}toggleUserValidityState(){y(this.elementInternals,"user-invalid",!this.validity.valid),y(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.rootEl?.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")}}Q.formAssociated=!0,de([g],Q.prototype,"defaultSlottedNodes",2),de([g],Q.prototype,"labelSlottedNodes",2),de([a],Q.prototype,"autocomplete",2),de([a({attribute:"auto-resize",mode:"boolean"})],Q.prototype,"autoResize",2),de([a({attribute:"dirname"})],Q.prototype,"dirName",2),de([a({mode:"boolean"})],Q.prototype,"disabled",2),de([a({attribute:"display-shadow",mode:"boolean"})],Q.prototype,"displayShadow",2),de([a({attribute:"form"})],Q.prototype,"initialForm",2),de([a({attribute:"maxlength",converter:re})],Q.prototype,"maxLength",2),de([a({attribute:"minlength",converter:re})],Q.prototype,"minLength",2),de([a],Q.prototype,"name",2),de([a],Q.prototype,"placeholder",2),de([a({attribute:"readonly",mode:"boolean"})],Q.prototype,"readOnly",2),de([a({mode:"boolean"})],Q.prototype,"required",2),de([a({mode:"fromView"})],Q.prototype,"resize",2),de([a({mode:"boolean"})],Q.prototype,"spellcheck",2);var vf=Object.defineProperty,$f=Object.getOwnPropertyDescriptor,Qr=(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};class qi extends Q{constructor(){super(...arguments),this.appearance=gf.outline,this.block=!1}labelSlottedNodesChanged(){super.labelSlottedNodesChanged(),this.labelSlottedNodes.forEach(e=>{e.size=this.size})}handleChange(e,t){switch(t){case"size":this.labelSlottedNodes.forEach(i=>{i.size=this.size});break}}connectedCallback(){super.connectedCallback(),m.getNotifier(this).subscribe(this,"size")}disconnectedCallback(){super.disconnectedCallback(),m.getNotifier(this).unsubscribe(this,"size")}}Qr([a({mode:"fromView"})],qi.prototype,"appearance",2),Qr([a({mode:"boolean"})],qi.prototype,"block",2),Qr([a],qi.prototype,"size",2);const yf=u`
|
|
546
546
|
${k("inline-block")}
|
|
547
547
|
|
|
548
548
|
:host{--font-size:${B};--line-height:${E};--padding-inline:${ae};--padding-block:${je};--min-block-size:52px;--block-size:var(--min-block-size);--inline-size:18rem;--border-width:${P};--control-padding-inline:${H};--color:${T};--background-color:${I};--border-color:${Le};--border-block-end-color:${Ve};--placeholder-color:${gr};--focus-indicator-color:${yt};--box-shadow:none;--contain-size:size;--resize:none;color:var(--color);font-family:${v};font-size:var(--font-size);font-weight:${A};line-height:var(--line-height);position:relative}:host(:hover){--border-color:${Lt};--border-block-end-color:${vt}}:host(:active){--border-color:${wo};--border-block-end-color:${$t}}:host(:focus-within){outline:none}:host([block]:not([hidden])){display:block}:host([size='small']){--font-size:${F};--line-height:${q};--min-block-size:40px;--padding-block:${qt};--padding-inline:${ee};--control-padding-inline:${H}}:host([size='large']){--font-size:${he};--line-height:${$e};--min-block-size:64px;--padding-block:${V};--padding-inline:${le};--control-padding-inline:${ee}}:host([resize='both']:not(:disabled)){--resize:both}:host([resize='horizontal']:not(:disabled)){--resize:horizontal}:host([resize='vertical']:not(:disabled)){--resize:vertical}:host([auto-resize]){--block-size:auto;--contain-size:inline-size}:host([appearance='filled-darker']){--background-color:${yo};--border-color:var(--background-color);--border-block-end-color:var(--border-color)}:host([appearance='filled-lighter']){--border-color:var(--background-color);--border-block-end-color:var(--border-color)}:host([appearance='filled-darker'][display-shadow]),:host([appearance='filled-lighter'][display-shadow]){--box-shadow:${kr}}:host(${hu}){--border-color:${$r};--border-block-end-color:${$r}}:host(:disabled){--color:${S};--background-color:${fe};--border-color:${Ce};--border-block-end-color:var(--border-color);--box-shadow:none;--placeholder-color:${S};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:${C};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([block]) .root{inline-size:auto}.root::after{border-bottom:2px solid var(--focus-indicator-color);border-radius:0 0 ${C} ${C};box-sizing:border-box;clip-path:inset(calc(100% - 2px) 1px 0px);content:'';height:max(2px,${C});inset:auto -1px 0;position:absolute;transform:scaleX(0);transition-delay:${kt};transition-duration:${Pr};transition-property:transform}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${ki};transition-delay:${wt}}:host([readonly]) .root::after,:host(:disabled) .root::after{content:none}label{color:var(--color);display:flex;inline-size:fit-content;padding-block-end:${qt};padding-inline-end:${ne}}: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([auto-resize]) .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:${gt};background-color:${bn}}`.withBehaviors(X(u`
|
|
549
|
-
: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 xf(){return b`<template><label ${
|
|
549
|
+
: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 xf(){return b`<template><label ${O("labelEl")} for="control" part="label"><slot name="label" ${U("labelSlottedNodes")}></slot></label><div class="root" part="root" ${O("rootEl")}><textarea ${O("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("defaultSlottedNodes")}></slot></div></template>`}const kf=xf(),wf=qi.compose({name:`${p.prefix}-textarea`,template:kf,styles:yf,shadowOptions:{delegatesFocus:!0}});wf.define(p.registry);const Cf={email:"email",password:"password",tel:"tel",text:"text",url:"url"},Sf=["date","datetime-local","email","month","number","password","search","tel","text","time","url","week"];var If=Object.defineProperty,Pf=Object.getOwnPropertyDescriptor,N=(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 _ extends ${constructor(){super(...arguments),this.type=Cf.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}`)}controlChanged(e,t){this.setValidity()}get validity(){return this.elementInternals.validity}get validationMessage(){return this.elementInternals.validationMessage||this.control.validationMessage}get value(){return m.track(this,"value"),this.currentValue}set value(e){this.currentValue=e,this.$fastController.isConnected&&(this.control.value=e??"",this.setFormValue(e),this.setValidity(),m.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=>Sf.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,t,i){if(this.$fastController.isConnected&&this.control){if(this.disabled){this.elementInternals.setValidity({});return}this.elementInternals.setValidity(e??this.control.validity,t??this.validationMessage,i??this.control)}}}_.formAssociated=!0,N([a],_.prototype,"autocomplete",2),N([a({mode:"boolean"})],_.prototype,"autofocus",2),N([a({attribute:"current-value"})],_.prototype,"currentValue",2),N([g],_.prototype,"defaultSlottedNodes",2),N([a],_.prototype,"dirname",2),N([a({mode:"boolean"})],_.prototype,"disabled",2),N([a({attribute:"form"})],_.prototype,"formAttribute",2),N([a({attribute:"value",mode:"fromView"})],_.prototype,"initialValue",2),N([a],_.prototype,"list",2),N([a({converter:re})],_.prototype,"maxlength",2),N([a({converter:re})],_.prototype,"minlength",2),N([a({mode:"boolean"})],_.prototype,"multiple",2),N([a],_.prototype,"name",2),N([a],_.prototype,"pattern",2),N([a],_.prototype,"placeholder",2),N([a({attribute:"readonly",mode:"boolean"})],_.prototype,"readOnly",2),N([a({mode:"boolean"})],_.prototype,"required",2),N([a({converter:re})],_.prototype,"size",2),N([a({converter:{fromView:o=>typeof o=="string"?["true",""].includes(o.trim().toLowerCase()):null,toView:o=>o.toString()}})],_.prototype,"spellcheck",2),N([a],_.prototype,"type",2),N([g],_.prototype,"control",2),N([g],_.prototype,"controlLabel",2);var zf=Object.defineProperty,Tf=Object.getOwnPropertyDescriptor,Ta=(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&&zf(e,t,r),r};class Wi extends _{}Ta([a],Wi.prototype,"appearance",2),Ta([a({attribute:"control-size"})],Wi.prototype,"controlSize",2),Xe(Wi,Ue);const Bf=u`
|
|
550
550
|
${k("block")}
|
|
551
551
|
|
|
552
|
-
:host{font-family:${v};font-size:${B};font-weight:${A};line-height:${E};max-width:400px}.label{display:flex;color:${T};padding-bottom:${qt};flex-shrink:0;padding-inline-end:${ne}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${I};border:${P} solid ${Le};border-bottom-color:${Ve};border-radius:${C};box-sizing:border-box;height:32px;display:inline-flex;flex-direction:row;gap:${H};padding:0 ${ae};position:relative;width:100%}:has(.control:user-invalid){border-color:${$r}}.root::after{box-sizing:border-box;content:'';position:absolute;left:-1px;bottom:0px;right:-1px;height:max(2px,${C});border-radius:0 0 ${C} ${C};border-bottom:2px solid ${yt};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${Pr};transition-delay:${kt}}.control{width:100%;height:100%;box-sizing:border-box;color:${T};border-radius:${C};background:${fe};font-family:${v};font-weight:${A};font-size:${B};border:none;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${gr}}:host ::slotted([slot='start']),:host ::slotted([slot='end']){display:flex;align-items:center;justify-content:center;color:${J};font-size:${jt}}:host ::slotted([slot='start']){padding-right:${H}}:host ::slotted([slot='end']){padding-left:${H};gap:${ne}}:host(:hover) .root{border-color:${Lt};border-bottom-color:${vt}}:host(:active) .root{border-color:${wo}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${ki};transition-delay:${wt}}:host(:focus-within:active) .root:after{border-bottom-color:${Sn}}:host([appearance='outline']:focus-within) .root{border:${P} solid ${Le}}:host(:focus-within) .control{color:${T}}:host([disabled]) .root{background:${fe};border:${P} solid ${Ce}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot='start']),:host([disabled]) ::slotted([slot='end']){color:${S}}::selection{color:${gt};background-color:${bn}}:host([control-size='small']) .control{font-size:${F};font-weight:${A};line-height:${q}}:host([control-size='small']) .root{height:24px;gap:${H};padding:0 ${ee}}:host([control-size='small']) ::slotted([slot='start']),:host([control-size='small']) ::slotted([slot='end']){font-size:${he}}:host([control-size='large']) .control{font-size:${he};font-weight:${A};line-height:${$e}}:host([control-size='large']) .root{height:40px;gap:${Oe};padding:0 ${le}}:host([control-size='large']) ::slotted([slot='start']),:host([control-size='large']) ::slotted([slot='end']){font-size:${gi}}:host([appearance='underline']) .root{background:${fe};border:0;border-radius:0;border-bottom:${P} solid ${Ve}}:host([appearance='underline']:hover) .root{border-bottom-color:${vt}}:host([appearance='underline']:active) .root{border-bottom-color:${$t}}:host([appearance='underline']:focus-within) .root{border:0;border-bottom-color:${$t}}:host([appearance='underline'][disabled]) .root{border-bottom-color:${Ce}}:host([appearance='filled-lighter']) .root,:host([appearance='filled-darker']) .root{border:${P} solid ${K};box-shadow:${kr}}:host([appearance='filled-lighter']) .root{background:${I}}:host([appearance='filled-darker']) .root{background:${yo}}:host([appearance='filled-lighter']:hover) .root,:host([appearance='filled-darker']:hover) .root{border-color:${vr}}:host([appearance='filled-lighter']:active) .root,:host([appearance='filled-darker']:active) .root{border-color:${vr};background:${yo}}`;function Of(o={}){return b`<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" ${
|
|
552
|
+
:host{font-family:${v};font-size:${B};font-weight:${A};line-height:${E};max-width:400px}.label{display:flex;color:${T};padding-bottom:${qt};flex-shrink:0;padding-inline-end:${ne}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${I};border:${P} solid ${Le};border-bottom-color:${Ve};border-radius:${C};box-sizing:border-box;height:32px;display:inline-flex;flex-direction:row;gap:${H};padding:0 ${ae};position:relative;width:100%}:has(.control:user-invalid){border-color:${$r}}.root::after{box-sizing:border-box;content:'';position:absolute;left:-1px;bottom:0px;right:-1px;height:max(2px,${C});border-radius:0 0 ${C} ${C};border-bottom:2px solid ${yt};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${Pr};transition-delay:${kt}}.control{width:100%;height:100%;box-sizing:border-box;color:${T};border-radius:${C};background:${fe};font-family:${v};font-weight:${A};font-size:${B};border:none;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${gr}}:host ::slotted([slot='start']),:host ::slotted([slot='end']){display:flex;align-items:center;justify-content:center;color:${J};font-size:${jt}}:host ::slotted([slot='start']){padding-right:${H}}:host ::slotted([slot='end']){padding-left:${H};gap:${ne}}:host(:hover) .root{border-color:${Lt};border-bottom-color:${vt}}:host(:active) .root{border-color:${wo}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${ki};transition-delay:${wt}}:host(:focus-within:active) .root:after{border-bottom-color:${Sn}}:host([appearance='outline']:focus-within) .root{border:${P} solid ${Le}}:host(:focus-within) .control{color:${T}}:host([disabled]) .root{background:${fe};border:${P} solid ${Ce}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot='start']),:host([disabled]) ::slotted([slot='end']){color:${S}}::selection{color:${gt};background-color:${bn}}:host([control-size='small']) .control{font-size:${F};font-weight:${A};line-height:${q}}:host([control-size='small']) .root{height:24px;gap:${H};padding:0 ${ee}}:host([control-size='small']) ::slotted([slot='start']),:host([control-size='small']) ::slotted([slot='end']){font-size:${he}}:host([control-size='large']) .control{font-size:${he};font-weight:${A};line-height:${$e}}:host([control-size='large']) .root{height:40px;gap:${Oe};padding:0 ${le}}:host([control-size='large']) ::slotted([slot='start']),:host([control-size='large']) ::slotted([slot='end']){font-size:${gi}}:host([appearance='underline']) .root{background:${fe};border:0;border-radius:0;border-bottom:${P} solid ${Ve}}:host([appearance='underline']:hover) .root{border-bottom-color:${vt}}:host([appearance='underline']:active) .root{border-bottom-color:${$t}}:host([appearance='underline']:focus-within) .root{border:0;border-bottom-color:${$t}}:host([appearance='underline'][disabled]) .root{border-bottom-color:${Ce}}:host([appearance='filled-lighter']) .root,:host([appearance='filled-darker']) .root{border:${P} solid ${K};box-shadow:${kr}}:host([appearance='filled-lighter']) .root{background:${I}}:host([appearance='filled-darker']) .root{background:${yo}}:host([appearance='filled-lighter']:hover) .root,:host([appearance='filled-darker']:hover) .root{border-color:${vr}}:host([appearance='filled-lighter']:active) .root,:host([appearance='filled-darker']:active) .root{border-color:${vr};background:${yo}}`;function Of(o={}){return b`<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" ${O("controlLabel")}><slot ${U({property:"defaultSlottedNodes",filter:cn})}></slot></label><div class="root" part="root">${He(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}" ${O("control")} />${tt(o)}</div></template>`}const _f=Of(),Af=Wi.compose({name:`${p.prefix}-text-input`,template:_f,styles:Bf,shadowOptions:{delegatesFocus:!0}});Af.define(p.registry);var Ef=Object.defineProperty,Nf=Object.getOwnPropertyDescriptor,We=(o,e,t,i)=>{for(var r=i>1?void 0:i?Nf(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 _e extends ${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}}We([a({mode:"boolean"})],_e.prototype,"nowrap",2),We([a({mode:"boolean"})],_e.prototype,"truncate",2),We([a({mode:"boolean"})],_e.prototype,"italic",2),We([a({mode:"boolean"})],_e.prototype,"underline",2),We([a({mode:"boolean"})],_e.prototype,"strikethrough",2),We([a({mode:"boolean"})],_e.prototype,"block",2),We([a],_e.prototype,"size",2),We([a],_e.prototype,"font",2),We([a],_e.prototype,"weight",2),We([a],_e.prototype,"align",2);const Ff=u`
|
|
553
553
|
${k("inline")}
|
|
554
554
|
|
|
555
555
|
:host{font-family:${v};font-size:${B};line-height:${E};font-weight:${A};text-align:start}:host([nowrap]),:host([nowrap]) ::slotted(*){white-space:nowrap;overflow:hidden}:host([truncate]),:host([truncate]) ::slotted(*){text-overflow:ellipsis}:host([block]){display:block}:host([italic]){font-style:italic}:host([underline]){text-decoration-line:underline}:host([strikethrough]){text-decoration-line:line-through}:host([underline][strikethrough]){text-decoration-line:line-through underline}:host([size='100']){font-size:${So};line-height:${mi}}:host([size='200']){font-size:${F};line-height:${q}}:host([size='400']){font-size:${he};line-height:${$e}}:host([size='500']){font-size:${jt};line-height:${vi}}:host([size='600']){font-size:${gi};line-height:${Rn}}:host([size='700']){font-size:${Hn};line-height:${qn}}:host([size='800']){font-size:${Vn};line-height:${Wn}}:host([size='900']){font-size:${Ln};line-height:${Gn}}:host([size='1000']){font-size:${jn};line-height:${Un}}:host([font='monospace']){font-family:${Cd}}:host([font='numeric']){font-family:${Sd}}:host([weight='medium']){font-weight:${Id}}:host([weight='semibold']){font-weight:${D}}:host([weight='bold']){font-weight:${fi}}:host([align='center']){text-align:center}:host([align='end']){text-align:end}:host([align='justify']){text-align:justify}::slotted(*){font:inherit;line-height:inherit;text-decoration-line:inherit;text-align:inherit;text-decoration-line:inherit;margin:0}`,Mf=b`<slot></slot>`,Df=_e.compose({name:`${p.prefix}-text`,template:Mf,styles:Ff});Df.define(p.registry);var Hf=Object.defineProperty,Vf=Object.getOwnPropertyDescriptor,Ba=(o,e,t,i)=>{for(var r=i>1?void 0:i?Vf(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&&Hf(e,t,r),r};class Zr extends Ye{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,y(this.elementInternals,"pressed",!!this.pressed||!!this.mixed)}}}Ba([a({mode:"boolean"})],Zr.prototype,"pressed",2),Ba([a({mode:"boolean"})],Zr.prototype,"mixed",2);const Lf=u`
|
|
@@ -575,12 +575,12 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
575
575
|
:host(:not(:popover-open)){display:none}:host{--position-area:block-start;--position-try-options:flip-block;--block-offset:${qt};--inline-offset:${ne};background:${I};border-radius:${C};border:1px solid ${K};box-sizing:border-box;color:${T};display:inline-flex;filter:drop-shadow(0 0 2px ${ac}) drop-shadow(0 4px 8px ${lc});font-family:${v};font-size:${F};inset:unset;line-height:${q};margin:unset;max-width:240px;overflow:visible;padding:4px ${ae} 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:${Te["above-start"]}}:host([positioning='above']){--position-area:${Te.above}}:host([positioning='above-end']){--position-area:${Te["above-end"]}}:host([positioning='below-start']){--position-area:${Te["below-start"]}}:host([positioning='below']){--position-area:${Te.below}}:host([positioning='below-end']){--position-area:${Te["below-end"]}}:host([positioning='before-top']){--position-area:${Te["before-top"]}}:host([positioning='before']){--position-area:${Te.before}}:host([positioning='before-bottom']){--position-area:${Te["before-bottom"]}}:host([positioning='after-top']){--position-area:${Te["after-top"]}}:host([positioning='after']){--position-area:${Te.after}}:host([positioning='after-bottom']){--position-area:${Te["after-bottom"]}}`,Uf=b`<template popover aria-hidden="true"><slot></slot></template>`,Xf=Do.compose({name:`${p.prefix}-tooltip`,template:Uf,styles:Gf});Xf.define(p.registry);const Oa={subtle:"subtle",subtleAlpha:"subtle-alpha",transparent:"transparent"},_a={small:"small",medium:"medium"};function Ae(o,e="-tree-item"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}var Kf=Object.defineProperty,Yf=Object.getOwnPropertyDescriptor,Aa=(o,e,t,i)=>{for(var r=i>1?void 0:i?Yf(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&&Kf(e,t,r),r};class Jr extends ${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("[selected]");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(!Ae(t)||this.childTreeItems.length<1)return!0;const i=this.getVisibleNodes();switch(e.key){case vo:{i.length&&i[0].focus();return}case fo:{i.length&&i[i.length-1].focus();return}case po:{t?.childTreeItems?.length&&t.expanded?t.expanded=!1:Ae(t.parentElement)&&t.parentElement.focus();return}case bo:{t?.childTreeItems?.length&&(t.expanded?this.focusNextNode(1,t):t.expanded=!0);return}case uo:{this.focusNextNode(1,t);return}case go:{this.focusNextNode(-1,t);return}case mo:{this.clickHandler(e);return}case oi:{t.selected=!0;return}}return!0}focusHandler(e){if(!(this.childTreeItems.length<1)){if(e.target===this){this.currentFocused=this.getValidFocusableItem(),this.currentFocused&&this.currentFocused.tabIndex<0&&(this.currentFocused.tabIndex=0),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(!Ae(e.target))return!0;const t=e.target;t.toggleExpansion(),t.selected=!0}changeHandler(e){if(e.defaultPrevented)return;if(!Ae(e.target))return!0;const t=e.target;t.selected?(this.currentSelected&&this.currentSelected!==t&&Ae(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=>Ae(i))),t!==-1?e[t]:null}getVisibleNodes(){return Array.from(this.querySelectorAll("*")).filter(e=>Ae(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()}handleDefaultSlotChange(){this.childTreeItems=this.defaultSlot.assignedElements().filter(e=>Ae(e))}}Aa([g],Jr.prototype,"currentSelected",2),Aa([g],Jr.prototype,"childTreeItems",2);var Qf=Object.defineProperty,Zf=Object.getOwnPropertyDescriptor,Ea=(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 es extends Jr{constructor(){super(...arguments),this.size=_a.small,this.appearance=Oa.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})}}Ea([a],es.prototype,"size",2),Ea([a],es.prototype,"appearance",2);const Jf=u`
|
|
576
576
|
${k("block")}
|
|
577
577
|
|
|
578
|
-
:host{outline:none}`,em=b`<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)}"><slot ${
|
|
578
|
+
:host{outline:none}`,em=b`<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)}"><slot ${O("defaultSlot")} @slotchange="${o=>o.handleDefaultSlotChange()}"></slot></template>`,tm=es.compose({name:`${p.prefix}-tree`,template:em,styles:Jf});tm.define(p.registry);var om=Object.defineProperty,im=Object.getOwnPropertyDescriptor,so=(o,e,t,i)=>{for(var r=i>1?void 0:i?im(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&&om(e,t,r),r};class Bt extends ${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.$emit("toggle",{oldState:e?"open":"closed",newState:t?"open":"closed"}),y(this.elementInternals,"expanded",t),this.childTreeItems&&this.childTreeItems.length>0&&(this.elementInternals.ariaExpanded=t?"true":"false")}selectedChanged(e,t){this.updateTabindexBySelected(),this.$emit("change"),y(this.elementInternals,"selected",t),this.elementInternals.ariaSelected=t?"true":"false"}dataIndentChanged(e,t){this.styles!==void 0&&this.$fastController.removeStyles(this.styles),this.styles=u`
|
|
579
579
|
:host{--indent:${t}}`,this.$fastController.addStyles(this.styles)}childTreeItemsChanged(){this.empty=this.childTreeItems?.length===0,this.updateChildTreeItems()}connectedCallback(){super.connectedCallback(),this.updateTabindexBySelected()}updateChildTreeItems(){this.childTreeItems?.length&&(this.expanded||(this.expanded=Array.from(this.querySelectorAll("[selected]")).some(e=>Ae(e))),this.childTreeItems.forEach(e=>{this.setIndent(e)}))}setIndent(e){const t=this.dataIndent??0;e.dataIndent=t+1}toggleExpansion(){this.childTreeItems?.length&&(this.expanded=!this.expanded)}get isNestedItem(){return Ae(this.parentElement)}updateTabindexBySelected(){this.$fastController.isConnected&&(this.tabIndex=this.selected?0:-1)}handleItemSlotChange(){this.childTreeItems=this.itemSlot.assignedElements().filter(e=>Ae(e))}}so([g],Bt.prototype,"itemSlot",2),so([a({mode:"boolean"})],Bt.prototype,"expanded",2),so([a({mode:"boolean"})],Bt.prototype,"selected",2),so([a({mode:"boolean"})],Bt.prototype,"empty",2),so([a({attribute:"data-indent"})],Bt.prototype,"dataIndent",2),so([g],Bt.prototype,"childTreeItems",2);var rm=Object.defineProperty,sm=Object.getOwnPropertyDescriptor,Na=(o,e,t,i)=>{for(var r=i>1?void 0:i?sm(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&&rm(e,t,r),r};class ts extends Bt{constructor(){super(...arguments),this.size=_a.small,this.appearance=Oa.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})}}Na([a],ts.prototype,"size",2),Na([a],ts.prototype,"appearance",2);const nm=u`
|
|
580
580
|
${k("block")}
|
|
581
581
|
|
|
582
582
|
:host{outline:none;font-size:${B};line-height:${E}}:host(:focus-visible) .positioning-region{box-shadow:${Ir} ${Ir} ${Ir} ${Rt}
|
|
583
|
-
${me} inset}.positioning-region{display:flex;align-items:center;justify-content:space-between;cursor:pointer;height:${_d};padding-inline-start:calc(var(--indent) * ${Sr});padding-inline-end:${V};border-radius:${C};background-color:${gn};color:${Ie};gap:${ne}}@media (prefers-contrast:more){:host(:focus-visible) .positioning-region{outline:1px solid ${me}}}.content{display:flex;align-items:center;gap:${ne}}.chevron{display:flex;align-items:center;flex-shrink:0;justify-content:center;width:${Sr};height:${xt};transition:transform ${xi} ${Qn};transform:rotate(0deg)}.chevron:dir(rtl){transform:rotate(180deg)}.chevron svg{inline-size:12px;block-size:12px}.aside{display:flex;align-items:center}.positioning-region:hover{background-color:${ko};color:${Mt}}.positioning-region:active{background-color:${ft};color:${Dt}}::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:${H}}.items{display:none}:host([expanded]) .items{display:block}:host([empty]) .chevron,:host([empty]) .items{visibility:hidden}:host([selected]) .positioning-region{background-color:${fn};color:${ni}}:host([selected]) .content,:host([selected]) .chevron{color:${Vl}}:host([size='small']) .positioning-region{height:${xt};padding-inline-start:calc(var(--indent) * ${le})}:host([appearance='subtle-alpha']) .positioning-region:hover{background-color:${ec}}:host([appearance='subtle-alpha']) .positioning-region:active{background-color:${tc}}:host([appearance='subtle-alpha'][selected]) .positioning-region{background-color:${oc};color:${ni}}:host([appearance='transparent']) .positioning-region{background-color:${fe}}:host([appearance='transparent']) .positioning-region:hover{background-color:${hi}}:host([appearance='transparent']) .positioning-region:active{background-color:${ui}}:host([appearance='transparent'][selected]) .positioning-region{background-color:${mn};color:${ni}}:host([expanded]) .chevron{transform:rotate(90deg)}`,am=b`<svg viewBox="0 0 12 12" 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>`,lm=b`<template slot="${o=>o.isNestedItem?"item":void 0}"><div class="positioning-region" part="positioning-region"><div class="content" part="content"><span class="chevron" part="chevron" aria-hidden="true"><slot name="chevron">${am}</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" ${
|
|
583
|
+
${me} inset}.positioning-region{display:flex;align-items:center;justify-content:space-between;cursor:pointer;height:${_d};padding-inline-start:calc(var(--indent) * ${Sr});padding-inline-end:${V};border-radius:${C};background-color:${gn};color:${Ie};gap:${ne}}@media (prefers-contrast:more){:host(:focus-visible) .positioning-region{outline:1px solid ${me}}}.content{display:flex;align-items:center;gap:${ne}}.chevron{display:flex;align-items:center;flex-shrink:0;justify-content:center;width:${Sr};height:${xt};transition:transform ${xi} ${Qn};transform:rotate(0deg)}.chevron:dir(rtl){transform:rotate(180deg)}.chevron svg{inline-size:12px;block-size:12px}.aside{display:flex;align-items:center}.positioning-region:hover{background-color:${ko};color:${Mt}}.positioning-region:active{background-color:${ft};color:${Dt}}::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:${H}}.items{display:none}:host([expanded]) .items{display:block}:host([empty]) .chevron,:host([empty]) .items{visibility:hidden}:host([selected]) .positioning-region{background-color:${fn};color:${ni}}:host([selected]) .content,:host([selected]) .chevron{color:${Vl}}:host([size='small']) .positioning-region{height:${xt};padding-inline-start:calc(var(--indent) * ${le})}:host([appearance='subtle-alpha']) .positioning-region:hover{background-color:${ec}}:host([appearance='subtle-alpha']) .positioning-region:active{background-color:${tc}}:host([appearance='subtle-alpha'][selected]) .positioning-region{background-color:${oc};color:${ni}}:host([appearance='transparent']) .positioning-region{background-color:${fe}}:host([appearance='transparent']) .positioning-region:hover{background-color:${hi}}:host([appearance='transparent']) .positioning-region:active{background-color:${ui}}:host([appearance='transparent'][selected]) .positioning-region{background-color:${mn};color:${ni}}:host([expanded]) .chevron{transform:rotate(90deg)}`,am=b`<svg viewBox="0 0 12 12" 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>`,lm=b`<template slot="${o=>o.isNestedItem?"item":void 0}"><div class="positioning-region" part="positioning-region"><div class="content" part="content"><span class="chevron" part="chevron" aria-hidden="true"><slot name="chevron">${am}</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" ${O("itemSlot")} @slotchange="${o=>o.handleItemSlotChange()}"></slot></div></template>`,cm=ts.compose({name:`${p.prefix}-tree-item`,template:lm,styles:nm});cm.define(p.registry);const dm="adoptedStyleSheets"in document,hm="CSSScopeRule"in window,os=new Map,is=new Map,Ho=new Map,rs=new Map,Vo=new CSSStyleSheet;function um(o,e=document){if(!(!e||!pm(e))){if(!dm||e instanceof HTMLElement&&!e.shadowRoot&&!hm){const t=e===document?document.documentElement:e;vm(o,t);return}[document,document.documentElement,document.body].includes(e)?bm(o):gm(o,e)}}function ss(o){if(!os.has(o)){const e=[];for(const[t,i]of Object.entries(o))e.push(`--${t}:${i.toString()};`);os.set(o,e.join(""))}return os.get(o)}function pm(o){return[document,document.documentElement].includes(o)||o instanceof HTMLElement&&!!o.closest("body")}function bm(o){if(o===null){document.adoptedStyleSheets.includes(Vo)&&Vo.replaceSync("");return}Vo.replaceSync(`
|
|
584
584
|
html {
|
|
585
585
|
${ss(o)}
|
|
586
586
|
}
|