@fluentui/web-components 3.0.0-rc.12 → 3.0.0-rc.14
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 +20 -2
- package/custom-elements.json +968 -164
- package/dist/esm/accordion/accordion.d.ts +5 -0
- package/dist/esm/accordion/accordion.js +28 -27
- package/dist/esm/accordion/accordion.js.map +1 -1
- package/dist/esm/dropdown/dropdown.base.d.ts +5 -0
- package/dist/esm/dropdown/dropdown.base.js +23 -10
- package/dist/esm/dropdown/dropdown.base.js.map +1 -1
- package/dist/esm/dropdown/dropdown.styles.js +1 -0
- package/dist/esm/dropdown/dropdown.styles.js.map +1 -1
- package/dist/esm/index.d.ts +2 -2
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/menu/menu.d.ts +25 -16
- package/dist/esm/menu/menu.js +61 -67
- package/dist/esm/menu/menu.js.map +1 -1
- package/dist/esm/menu-list/index.d.ts +1 -0
- package/dist/esm/menu-list/index.js +1 -0
- package/dist/esm/menu-list/index.js.map +1 -1
- package/dist/esm/menu-list/menu-list.base.d.ts +76 -0
- package/dist/esm/menu-list/menu-list.base.js +251 -0
- package/dist/esm/menu-list/menu-list.base.js.map +1 -0
- package/dist/esm/menu-list/menu-list.d.ts +3 -70
- package/dist/esm/menu-list/menu-list.js +3 -244
- package/dist/esm/menu-list/menu-list.js.map +1 -1
- package/dist/esm/radio-group/index.d.ts +1 -0
- package/dist/esm/radio-group/index.js +1 -0
- package/dist/esm/radio-group/index.js.map +1 -1
- package/dist/esm/radio-group/radio-group.base.d.ts +285 -0
- package/dist/esm/radio-group/radio-group.base.js +497 -0
- package/dist/esm/radio-group/radio-group.base.js.map +1 -0
- package/dist/esm/radio-group/radio-group.d.ts +4 -280
- package/dist/esm/radio-group/radio-group.js +4 -491
- package/dist/esm/radio-group/radio-group.js.map +1 -1
- package/dist/esm/tablist/tablist.base.js +3 -3
- package/dist/esm/tablist/tablist.base.js.map +1 -1
- package/dist/esm/utils/request-idle-callback.d.ts +15 -0
- package/dist/esm/utils/request-idle-callback.js +8 -2
- package/dist/esm/utils/request-idle-callback.js.map +1 -1
- package/dist/web-components.d.ts +1970 -1932
- package/dist/web-components.js +165 -124
- package/dist/web-components.min.js +114 -114
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements});let No;const ss="fast-kernel";try{if(document.currentScript)No=document.currentScript.getAttribute(ss);else{const o=document.getElementsByTagName("script");No=o[o.length-1].getAttribute(ss)}}catch{No="isolate"}let ct;switch(No){case"share":ct=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":ct=Object.freeze({updateQueue:1.2,observable:2.2,contextEvent:3.2,elementRegistry:4.2});break;default:const o=`-${Math.random().toString(36).substring(2,8)}`;ct=Object.freeze({updateQueue:`1.2${o}`,observable:`2.2${o}`,contextEvent:`3.2${o}`,elementRegistry:`4.2${o}`});break}const zt=o=>typeof o=="function",We=o=>typeof o=="string",_a=()=>{};var Kr=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};(function(){if(!(typeof globalThis<"u"))if(typeof Kr<"u")Kr.globalThis=Kr;else if(typeof self<"u")self.globalThis=self;else if(typeof window<"u")window.globalThis=window;else{const e=new Function("return this")();e.globalThis=e}})();const ns={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},ns));const oe=globalThis.FAST;if(oe.getById===void 0){const o=Object.create(null);Reflect.defineProperty(oe,"getById",Object.assign({value(e,t){let r=o[e];return r===void 0&&(r=t?o[e]=t():null),r}},ns))}oe.error===void 0&&Object.assign(oe,{warn(){},error(o){return new Error(`Error ${o}`)},addMessages(){}});const Oa=Object.freeze([]);function Yr(){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 as(){const o=new WeakMap;return function(e){let t=o.get(e);if(t===void 0){let r=Reflect.getPrototypeOf(e);for(;t===void 0&&r!==null;)t=o.get(r),r=Reflect.getPrototypeOf(r);t=t===void 0?[]:t.slice(0),o.set(e,t)}return t}}function dt(o){o.prototype.toJSON=_a}const Q=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),ls=o=>o,Ea=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:ls}):{createHTML:ls};let Fo=Object.freeze({createHTML(o){return Ea.createHTML(o)},protect(o,e,t,r){return r}});const Aa=Fo,ht=Object.freeze({get policy(){return Fo},setPolicy(o){if(Fo!==Aa)throw oe.error(1201);Fo=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)}}),A=oe.getById(ct.updateQueue,()=>{const o=[],e=[],t=globalThis.requestAnimationFrame;let r=!0;function i(){if(e.length)throw e.shift()}function s(h){try{h.call()}catch(d){if(r)e.push(d),setTimeout(i,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&&(r?t(n):n())}return Object.freeze({enqueue:c,next:()=>new Promise(c),process:n,setMode:h=>r=h})});class Qr{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 r=t.indexOf(e);r!==-1&&t.splice(r,1)}}notify(e){const t=this.spillover,r=this.subject;if(t===void 0){const i=this.sub1,s=this.sub2;i!==void 0&&i.handleChange(r,e),s!==void 0&&s.handleChange(r,e)}else for(let i=0,s=t.length;i<s;++i)t[i].handleChange(r,e)}}class cs{constructor(e){this.subscribers={},this.subjectSubscribers=null,this.subject=e}notify(e){var t,r;(t=this.subscribers[e])===null||t===void 0||t.notify(e),(r=this.subjectSubscribers)===null||r===void 0||r.notify(e)}subscribe(e,t){var r,i;let s;t?s=(r=this.subscribers[t])!==null&&r!==void 0?r:this.subscribers[t]=new Qr(this.subject):s=(i=this.subjectSubscribers)!==null&&i!==void 0?i:this.subjectSubscribers=new Qr(this.subject),s.subscribe(e)}unsubscribe(e,t){var r,i;t?(r=this.subscribers[t])===null||r===void 0||r.unsubscribe(e):(i=this.subjectSubscribers)===null||i===void 0||i.unsubscribe(e)}}const Mo=Object.freeze({unknown:void 0,coupled:1}),m=oe.getById(ct.observable,()=>{const o=A.enqueue,e=/(:|&&|\|\||if|\?\.)/,t=new WeakMap;let r,i=d=>{throw oe.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=i(d):t.set(d,f=new cs(d))),f}const n=as();class c{constructor(l){this.name=l,this.field=`_${l}`,this.callback=`${l}Changed`}getValue(l){return r!==void 0&&r.watch(l,this.name),l[this.field]}setValue(l,f){const k=this.field,ce=l[k];if(ce!==f){l[k]=f;const Qe=l[this.callback];zt(Qe)&&Qe.call(l,ce,f),s(l).notify(this.name)}}}class h extends Qr{constructor(l,f,k=!1){super(l,f),this.expression=l,this.isVolatileBinding=k,this.needsRefresh=!0,this.needsQueue=!0,this.isAsync=!0,this.first=this,this.last=null,this.propertySource=void 0,this.propertyName=void 0,this.notifier=void 0,this.next=void 0}setMode(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!==Mo.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 k=r;r=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let ce;try{ce=this.expression(l,f)}finally{r=k}return ce}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 k=this.last,ce=s(l),Qe=k===null?this.first:{};if(Qe.propertySource=l,Qe.propertyName=f,Qe.notifier=ce,ce.subscribe(this,f),k!==null){if(!this.needsRefresh){let is;r=void 0,is=k.propertySource[k.propertyName],r=this,l===is&&(this.needsRefresh=!0)}k.next=Qe}this.last=Qe}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 dt(h),Object.freeze({setArrayObserverFactory(d){i=d},getNotifier:s,track(d,l){r&&r.watch(d,l)},trackVolatile(){r&&(r.needsRefresh=!0)},notify(d,l){s(d).notify(l)},defineProperty(d,l){We(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 b(o,e){m.defineProperty(o,e)}function ds(o,e,t){return Object.assign({},t,{get(){return m.trackVolatile(),t.get.apply(this)}})}const hs=oe.getById(ct.contextEvent,()=>{let o=null;return{get(){return o},set(e){o=e}}}),Bt=Object.freeze({default:{index:0,length:0,get event(){return Bt.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return hs.get()},setEvent(o){hs.set(o)}});class Do{constructor(e,t,r=!1){this.evaluate=e,this.policy=t,this.isVolatile=r}}class Na extends Do{createObserver(e){return m.binding(this.evaluate,e,this.isVolatile)}}function Zr(o,e,t=m.isVolatileBinding(o)){return new Na(o,e,t)}class us extends Do{createObserver(){return this}bind(e){return this.evaluate(e.source,e.context)}}dt(us);function ps(o,e){return new us(o,e)}let bs;function gs(o){return o.map(e=>e instanceof ve?gs(e.styles):[e]).reduce((e,t)=>e.concat(t),[])}class ve{constructor(e){this.styles=e,this.targets=new WeakSet,this._strategy=null,this.behaviors=e.map(t=>t instanceof ve?t.behaviors:null).reduce((t,r)=>r===null?t:t===null?r:t.concat(r),null)}get strategy(){return this._strategy===null&&this.withStrategy(bs),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(gs(this.styles)),this}static setDefaultStrategy(e){bs=e}static normalize(e){return e===void 0?void 0:Array.isArray(e)?new ve(e):e instanceof ve?e:new ve([e])}}ve.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const Jr=Yr(),ei=Object.freeze({getForInstance:Jr.getForInstance,getByType:Jr.getByType,define(o){return Jr.register({type:o}),o}});function ti(o,e,t){e.source.style.setProperty(o.targetAspect,t.bind(e))}class oi{constructor(e,t){this.dataBinding=e,this.targetAspect=t}createCSS(e){return e(this),`var(${this.targetAspect})`}addedCallback(e){var t;const r=e.source;if(!r.$cssBindings){r.$cssBindings=new Map;const s=r.setAttribute;r.setAttribute=(n,c)=>{s.call(r,n,c),n==="style"&&r.$cssBindings.forEach((h,d)=>ti(d,h.controller,h.observer))}}const i=(t=e[this.targetAspect])!==null&&t!==void 0?t:e[this.targetAspect]=this.dataBinding.createObserver(this,this);i.controller=e,e.source.$cssBindings.set(this,{controller:e,observer:i})}connectedCallback(e){ti(this,e,e[this.targetAspect])}removedCallback(e){e.source.$cssBindings&&e.source.$cssBindings.delete(this)}handleChange(e,t){ti(this,t.controller,t)}}ei.define(oi);const Fa=`${Math.random().toString(36).substring(2,8)}`;let Ma=0;const fs=()=>`--v${Fa}${++Ma}`;function ms(o,e){const t=[];let r="";const i=[],s=n=>{i.push(n)};for(let n=0,c=o.length-1;n<c;++n){r+=o[n];let h=e[n];zt(h)?h=new oi(Zr(h),fs()).createCSS(s):h instanceof Do?h=new oi(h,fs()).createCSS(s):ei.getForInstance(h)!==void 0&&(h=h.createCSS(s)),h instanceof ve||h instanceof CSSStyleSheet?(r.trim()!==""&&(t.push(r),r=""),t.push(h)):r+=h}return r+=o[o.length-1],r.trim()!==""&&t.push(r),{styles:t,behaviors:i}}const u=(o,...e)=>{const{styles:t,behaviors:r}=ms(o,e),i=new ve(t);return r.length?i.withBehaviors(...r):i};class vs{constructor(e,t){this.behaviors=t,this.css="";const r=e.reduce((i,s)=>(We(s)?this.css+=s:i.push(s),i),[]);r.length&&(this.styles=new ve(r))}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)}}ei.define(vs),u.partial=(o,...e)=>{const{styles:t,behaviors:r}=ms(o,e);return new vs(t,r)};const $s=/fe-b\$\$start\$\$(\d+)\$\$(.+)\$\$fe-b/,ys=/fe-b\$\$end\$\$(\d+)\$\$(.+)\$\$fe-b/,xs=/fe-repeat\$\$start\$\$(\d+)\$\$fe-repeat/,ks=/fe-repeat\$\$end\$\$(\d+)\$\$fe-repeat/,ws=/^(?:.{0,1000})fe-eb\$\$start\$\$(.+?)\$\$fe-eb/,Cs=/fe-eb\$\$end\$\$(.{0,1000})\$\$fe-eb(?:.{0,1000})$/;function Ss(o){return o&&o.nodeType===Node.COMMENT_NODE}const Ee=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 $s.test(o)},isContentBindingEndMarker(o){return ys.test(o)},isRepeatViewStartMarker(o){return xs.test(o)},isRepeatViewEndMarker(o){return ks.test(o)},isElementBoundaryStartMarker(o){return Ss(o)&&ws.test(o.data.trim())},isElementBoundaryEndMarker(o){return Ss(o)&&Cs.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 zs($s,o)},parseContentBindingEndMarker(o){return zs(ys,o)},parseRepeatStartMarker(o){return Is(xs,o)},parseRepeatEndMarker(o){return Is(ks,o)},parseElementBoundaryStartMarker(o){return Ps(ws,o.trim())},parseElementBoundaryEndMarker(o){return Ps(Cs,o)}});function Is(o,e){const t=o.exec(e);return t===null?t:parseInt(t[1])}function Ps(o,e){const t=o.exec(e);return t===null?t:t[1]}function zs(o,e){const t=o.exec(e);return t===null?t:[parseInt(t[1]),t[2]]}const Lo=Symbol.for("fe-hydration");function Vo(o){return o[Lo]===Lo}const ri=`fast-${Math.random().toString(36).substring(2,8)}`,Ho=`${ri}{`,io=`}${ri}`,Da=io.length;let La=0;const so=()=>`${ri}-${++La}`,Bs=Object.freeze({interpolation:o=>`${Ho}${o}${io}`,attribute:o=>`${so()}="${Ho}${o}${io}"`,comment:o=>`<!--${Ho}${o}${io}-->`}),jo=Object.freeze({parse(o,e){const t=o.split(Ho);if(t.length===1)return null;const r=[];for(let i=0,s=t.length;i<s;++i){const n=t[i],c=n.indexOf(io);let h;if(c===-1)h=n;else{const d=n.substring(0,c);r.push(e[d]),h=n.substring(c+Da)}h!==""&&r.push(h)}return r}}),ii=Yr(),Ae=Object.freeze({getForInstance:ii.getForInstance,getByType:ii.getByType,define(o,e){return e=e||{},e.type=o,ii.register(e),o},assignAspect(o,e){if(!e){o.aspectType=Q.content;return}switch(o.sourceAspect=e,e[0]){case":":o.targetAspect=e.substring(1),o.aspectType=o.targetAspect==="classList"?Q.tokenList:Q.property;break;case"?":o.targetAspect=e.substring(1),o.aspectType=Q.booleanAttribute;break;case"@":o.targetAspect=e.substring(1),o.aspectType=Q.event;break;default:o.targetAspect=e,o.aspectType=Q.attribute;break}}});class si{constructor(e){this.options=e}createHTML(e){return Bs.attribute(e(this))}createBehavior(){return this}}dt(si);class Ts extends Error{constructor(e,t,r){super(e),this.factories=t,this.node=r}}function ni(o){return o.nodeType===Node.COMMENT_NODE}function _s(o){return o.nodeType===Node.TEXT_NODE}function Os(o,e){const t=document.createRange();return t.setStart(o,0),t.setEnd(e,ni(e)||_s(e)?e.data.length:e.childNodes.length),t}function Va(o){return o instanceof DocumentFragment&&"mode"in o}function Ha(o,e,t){const r=Os(o,e),i=r.commonAncestorContainer,s=document.createTreeWalker(i,NodeFilter.SHOW_ELEMENT+NodeFilter.SHOW_COMMENT+NodeFilter.SHOW_TEXT,{acceptNode(d){return r.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:{ja(h,t,n);break}case Node.COMMENT_NODE:{Ra(h,s,t,n,c);break}}h=s.nextNode()}return r.detach(),{targets:n,boundaries:c}}function ja(o,e,t){const r=Ee.parseAttributeBinding(o);if(r!==null){for(const i of r){if(!e[i])throw new Ts(`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);Ro(e[i],o,t)}o.removeAttribute(Ee.attributeMarkerName)}}function Ra(o,e,t,r,i){if(Ee.isElementBoundaryStartMarker(o)){qa(o,e);return}if(Ee.isContentBindingStartMarker(o.data)){const s=Ee.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(ni(l)){const k=Ee.parseContentBindingEndMarker(l.data);if(k&&k[1]===c)break}d.push(l),l=e.nextSibling()}if(l===null){const k=o.getRootNode();throw new Error(`Error hydrating Comment node inside "${Va(k)?k.host.nodeName:k.nodeName}".`)}if(l.data="",d.length===1&&_s(d[0]))Ro(h,d[0],r);else{l!==f&&l.previousSibling!==null&&(i[h.targetNodeId]={first:f,last:l.previousSibling});const k=l.parentNode.insertBefore(document.createTextNode(""),l);Ro(h,k,r)}}}function qa(o,e){const t=Ee.parseElementBoundaryStartMarker(o.data);let r=e.nextSibling();for(;r!==null;){if(ni(r)){const i=Ee.parseElementBoundaryEndMarker(r.data);if(i&&i===t)break}r=e.nextSibling()}}function Ro(o,e,t){if(o.targetNodeId===void 0)throw new Error("Factory could not be target to the node");t[o.targetNodeId]=e}var Es;function ai(o,e){const t=o.parentNode;let r=o,i;for(;r!==e;){if(i=r.nextSibling,!i)throw new Error(`Unmatched first/last child inside "${e.getRootNode().host.nodeName}".`);t.removeChild(r),r=i}t.removeChild(e)}class As{constructor(){this.index=0,this.length=0}get event(){return Bt.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 As{constructor(e,t,r){super(),this.fragment=e,this.factories=t,this.targets=r,this.behaviors=null,this.unbindables=[],this.source=null,this.isBound=!1,this.sourceLifetime=Mo.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 r=e.parentNode;let i=this.firstChild,s;for(;i!==t;)s=i.nextSibling,r.insertBefore(i,e),i=s;r.insertBefore(t,e)}}remove(){const e=this.fragment,t=this.lastChild;let r=this.firstChild,i;for(;r!==t;)i=r.nextSibling,e.appendChild(r),r=i;e.appendChild(t)}dispose(){ai(this.firstChild,this.lastChild),this.unbind()}onUnbind(e){this.unbindables.push(e)}bind(e,t=this){if(this.source===e)return;let r=this.behaviors;if(r===null){this.source=e,this.context=t,this.behaviors=r=new Array(this.factories.length);const i=this.factories;for(let s=0,n=i.length;s<n;++s){const c=i[s].createBehavior();c.bind(this),r[s]=c}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;for(let i=0,s=r.length;i<s;++i)r[i].bind(this)}this.isBound=!0}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}evaluateUnbindables(){const e=this.unbindables;for(let t=0,r=e.length;t<r;++t)e[t].unbind(this);e.length=0}static disposeContiguousBatch(e){if(e.length!==0){ai(e[0].firstChild,e[e.length-1].lastChild);for(let t=0,r=e.length;t<r;++t)e[t].unbind()}}}dt(qo),m.defineProperty(qo.prototype,"index"),m.defineProperty(qo.prototype,"length");const Tt={unhydrated:"unhydrated",hydrating:"hydrating",hydrated:"hydrated"};class Wa extends Error{constructor(e,t,r,i){super(e),this.factory=t,this.fragment=r,this.templateString=i}}class Ga extends As{constructor(e,t,r,i){super(),this.firstChild=e,this.lastChild=t,this.sourceTemplate=r,this.hostBindingTarget=i,this[Es]=Lo,this.context=this,this.source=null,this.isBound=!1,this.sourceLifetime=Mo.unknown,this.unbindables=[],this.fragment=null,this.behaviors=null,this._hydrationStage=Tt.unhydrated,this._bindingViewBoundaries={},this._targets={},this.factories=r.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 r=e.parentNode;let i=this.firstChild,s;for(;i!==t;)s=i.nextSibling,r.insertBefore(i,e),i=s;r.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 r=this.firstChild,i;for(;r!==t;){if(i=r.nextSibling,!i)throw new Error(`Unmatched first/last child inside "${t.getRootNode().host.nodeName}".`);e.appendChild(r),r=i}e.appendChild(t)}bind(e,t=this){var r,i;if(this.hydrationStage!==Tt.hydrated&&(this._hydrationStage=Tt.hydrating),this.source===e)return;let s=this.behaviors;if(s===null){this.source=e,this.context=t;try{const{targets:c,boundaries:h}=Ha(this.firstChild,this.lastChild,this.factories);this._targets=c,this._bindingViewBoundaries=h}catch(c){if(c instanceof Ts){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&&Ro(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 Wa(`HydrationView was unable to successfully target bindings inside "${(i=((r=this.firstChild)===null||r===void 0?void 0:r.getRootNode()).host)===null||i===void 0?void 0:i.nodeName}".`,d,Os(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=Tt.hydrated}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}dispose(){ai(this.firstChild,this.lastChild),this.unbind()}onUnbind(e){this.unbindables.push(e)}evaluateUnbindables(){const e=this.unbindables;for(let t=0,r=e.length;t<r;++t)e[t].unbind(this);e.length=0}}Es=Lo,dt(Ga);function Ua(o){return o.create!==void 0}function Xa(o,e,t,r){if(t==null&&(t=""),Ua(t)){o.textContent="";let i=o.$fastView;if(i===void 0)if(Vo(r)&&Vo(t)&&r.bindingViewBoundaries[this.targetNodeId]!==void 0&&r.hydrationStage!==Tt.hydrated){const s=r.bindingViewBoundaries[this.targetNodeId];i=t.hydrate(s.first,s.last)}else i=t.create();else o.$fastTemplate!==t&&(i.isComposed&&(i.remove(),i.unbind()),i=t.create());i.isComposed?i.needsBindOnly&&(i.needsBindOnly=!1,i.bind(r.source,r.context)):(i.isComposed=!0,i.bind(r.source,r.context),i.insertBefore(o),o.$fastView=i,o.$fastTemplate=t)}else{const i=o.$fastView;i!==void 0&&i.isComposed&&(i.isComposed=!1,i.remove(),i.needsBindOnly?i.needsBindOnly=!1:i.unbind()),o.textContent=t}}function Ka(o,e,t){var r;const i=`${this.id}-t`,s=(r=o[i])!==null&&r!==void 0?r:o[i]={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 k=d[l];k!==""&&(n[k]=c,h.add(k))}}if(s.v=c+1,c!==0){c-=1;for(const d in n)n[d]===c&&h.remove(d)}}const Ya={[Q.attribute]:ht.setAttribute,[Q.booleanAttribute]:ht.setBooleanAttribute,[Q.property]:(o,e,t)=>o[e]=t,[Q.content]:Xa,[Q.tokenList]:Ka,[Q.event]:()=>{}};class _t{constructor(e){this.dataBinding=e,this.updateTarget=null,this.aspectType=Q.content}createHTML(e){return Bs.interpolation(e(this))}createBehavior(){var e;if(this.updateTarget===null){const t=Ya[this.aspectType],r=(e=this.dataBinding.policy)!==null&&e!==void 0?e:this.policy;if(!t)throw oe.error(1205);this.data=`${this.id}-d`,this.updateTarget=r.protect(this.targetTagName,this.aspectType,this.targetAspect,t)}return this}bind(e){var t;const r=e.targets[this.targetNodeId],i=Vo(e)&&e.hydrationStage&&e.hydrationStage!==Tt.hydrated;switch(this.aspectType){case Q.event:r[this.data]=e,r.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case Q.content:e.onUnbind(this);default:const s=(t=r[this.data])!==null&&t!==void 0?t:r[this.data]=this.dataBinding.createObserver(this,this);if(s.target=r,s.controller=e,i&&(this.aspectType===Q.attribute||this.aspectType===Q.booleanAttribute)){s.bind(e);break}this.updateTarget(r,this.targetAspect,s.bind(e),e);break}}unbind(e){const r=e.targets[this.targetNodeId].$fastView;r!==void 0&&r.isComposed&&(r.unbind(),r.needsBindOnly=!0)}handleEvent(e){const t=e.currentTarget[this.data];if(t.isBound){Bt.setEvent(e);const r=this.dataBinding.evaluate(t.source,t.context);Bt.setEvent(null),r!==!0&&e.preventDefault()}}handleChange(e,t){const r=t.target,i=t.controller;this.updateTarget(r,this.targetAspect,t.bind(i),i)}}Ae.define(_t,{aspected:!0});const Ns=(o,e)=>`${o}.${e}`,Fs={},Ne={index:0,node:null};function Ms(o){o.startsWith("fast-")||oe.warn(1204,{name:o})}const Qa=new Proxy(document.createElement("div"),{get(o,e){Ms(e);const t=Reflect.get(o,e);return zt(t)?t.bind(o):t},set(o,e,t){return Ms(e),Reflect.set(o,e,t)}});class Za{constructor(e,t,r){this.fragment=e,this.directives=t,this.policy=r,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(e,t,r,i,s){var n,c;this.nodeIds.has(r)||(this.nodeIds.add(r),this.addTargetDescriptor(t,r,i)),e.id=(n=e.id)!==null&&n!==void 0?n:so(),e.targetNodeId=r,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,r){const i=this.descriptors;if(t==="r"||t==="h"||i[t])return;if(!i[e]){const n=e.lastIndexOf("."),c=e.substring(0,n),h=parseInt(e.substring(n+1));this.addTargetDescriptor(c,e,h)}let s=Fs[t];if(!s){const n=`_${t}`;Fs[t]=s={get(){var c;return(c=this[n])!==null&&c!==void 0?c:this[n]=this[e].childNodes[r]}}}i[t]=s}createView(e){const t=this.fragment.cloneNode(!0),r=Object.create(this.proto);r.r=t,r.h=e??Qa;for(const i of this.nodeIds)r[i];return new qo(t,this.factories,r)}}function Ds(o,e,t,r,i,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,k=jo.parse(f,c);let ce=null;k===null?s&&(ce=new _t(ps(()=>f,o.policy)),Ae.assignAspect(ce,l.name)):ce=li.aggregate(k,o.policy),ce!==null&&(t.removeAttributeNode(l),h--,d--,o.addFactory(ce,e,r,i,t.tagName))}}function Ja(o,e,t,r,i){const s=jo.parse(e.textContent,o.directives);if(s===null)return Ne.node=e.nextSibling,Ne.index=i+1,Ne;let n,c=n=e;for(let h=0,d=s.length;h<d;++h){const l=s[h];h!==0&&(i++,r=Ns(t,i),n=c.parentNode.insertBefore(document.createTextNode(""),c.nextSibling)),We(l)?n.textContent=l:(n.textContent=" ",Ae.assignAspect(l),o.addFactory(l,t,r,i,null)),c=n}return Ne.index=i+1,Ne.node=c.nextSibling,Ne}function Ls(o,e,t){let r=0,i=e.firstChild;for(;i;){const s=el(o,t,i,r);i=s.node,r=s.index}}function el(o,e,t,r){const i=Ns(e,r);switch(t.nodeType){case 1:Ds(o,e,t,i,r),Ls(o,t,i);break;case 3:return Ja(o,t,e,i,r);case 8:const s=jo.parse(t.data,o.directives);s!==null&&o.addFactory(li.aggregate(s),e,i,r,null);break}return Ne.index=r+1,Ne.node=t.nextSibling,Ne}function tl(o,e){return o&&o.nodeType==8&&jo.parse(o.data,e)!==null}const Vs="TEMPLATE",li={compile(o,e,t=ht.policy){let r;if(We(o)){r=document.createElement(Vs),r.innerHTML=t.createHTML(o);const n=r.content.firstElementChild;n!==null&&n.tagName===Vs&&(r=n)}else r=o;!r.content.firstChild&&!r.content.lastChild&&r.content.appendChild(document.createComment(""));const i=document.adoptNode(r.content),s=new Za(i,e,t);return Ds(s,"",r,"h",0,!0),(tl(i.firstChild,e)||i.childNodes.length===1&&Object.keys(e).length>0)&&i.insertBefore(document.createComment(""),i.firstChild),Ls(s,i,"r"),Ne.node=null,s.freeze()},setDefaultStrategy(o){this.compile=o},aggregate(o,e=ht.policy){if(o.length===1)return o[0];let t,r=!1,i;const s=o.length,n=o.map(d=>We(d)?()=>d:(t=d.sourceAspect||t,r=r||d.dataBinding.isVolatile,i=i||d.dataBinding.policy,d.dataBinding.evaluate)),c=(d,l)=>{let f="";for(let k=0;k<s;++k)f+=n[k](d,l);return f},h=new _t(Zr(c,i??e,r));return Ae.assignAspect(h,t),h}},ol=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,rl=Object.create(null);class ut{constructor(e,t=rl){this.html=e,this.factories=t}createHTML(e){const t=this.factories;for(const r in t)e(t[r]);return this.html}}ut.empty=new ut(""),Ae.define(ut);function il(o,e,t,r=Ae.getForInstance(o)){if(r.aspected){const i=ol.exec(e);i!==null&&Ae.assignAspect(o,i[2])}return o.createHTML(t)}class Gr{constructor(e,t={},r){this.policy=r,this.result=null,this.html=e,this.factories=t}compile(){return this.result===null&&(this.result=li.compile(this.html,this.factories,this.policy)),this.result}create(e){return this.compile().createView(e)}inline(){return new ut(We(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(e){if(this.result)throw oe.error(1208);if(this.policy)throw oe.error(1207);return this.policy=e,this}render(e,t,r){const i=this.create(r);return i.bind(e),i.appendTo(t),i}static create(e,t,r){let i="";const s=Object.create(null),n=c=>{var h;const d=(h=c.id)!==null&&h!==void 0?h:c.id=so();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(i+=d,zt(l))l=new _t(Zr(l));else if(l instanceof Do)l=new _t(l);else if(!(f=Ae.getForInstance(l))){const k=l;l=new _t(ps(()=>k))}i+=il(l,d,n,f)}return new Gr(i+e[e.length-1],s,r)}}dt(Gr);const g=(o,...e)=>{if(Array.isArray(o)&&Array.isArray(o.raw))return Gr.create(o,e);throw oe.error(1206)};g.partial=o=>new ut(o);class Hs extends si{bind(e){e.source[this.options]=e.targets[this.targetNodeId]}}Ae.define(Hs);const z=o=>new Hs(o),sl=o=>o.nodeType===1,no=o=>o?e=>e.nodeType===1&&e.matches(o):sl;class nl extends si{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,Oa),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 js="slotchange";class Rs extends nl{observe(e){e.addEventListener(js,this)}disconnect(e){e.removeEventListener(js,this)}getNodes(e){return e.assignedNodes(this.options)}handleEvent(e){const t=e.currentTarget;this.updateTarget(this.getSource(t),this.computeNodes(t))}}Ae.define(Rs);function U(o){return We(o)&&(o={property:o}),new Rs(o)}const qs="boolean",Ws="reflect",Wo=Object.freeze({locate:as()}),al={toView(o){return o?"true":"false"},fromView(o){return!(o==null||o==="false"||o===!1||o===0)}};function Gs(o){if(o==null)return null;const e=o*1;return isNaN(e)?null:e}const re={toView(o){const e=Gs(o);return e&&e.toString()},fromView:Gs};class Ur{constructor(e,t,r=t.toLowerCase(),i=Ws,s){this.guards=new Set,this.Owner=e,this.name=t,this.attribute=r,this.mode=i,this.converter=s,this.fieldName=`_${t}`,this.callbackName=`${t}Changed`,this.hasCallback=this.callbackName in e.prototype,i===qs&&s===void 0&&(this.converter=al)}setValue(e,t){const r=e[this.fieldName],i=this.converter;i!==void 0&&(t=i.fromView(t)),r!==t&&(e[this.fieldName]=t,this.tryReflectToAttribute(e),this.hasCallback&&e[this.callbackName](r,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,r=this.guards;r.has(e)||t==="fromView"||A.enqueue(()=>{r.add(e);const i=e[this.fieldName];switch(t){case Ws:const s=this.converter;ht.setAttribute(e,this.attribute,s!==void 0?s.toView(i):i);break;case qs:ht.setBooleanAttribute(e,this.attribute,i);break}r.delete(e)})}static collect(e,...t){const r=[];t.push(Wo.locate(e));for(let i=0,s=t.length;i<s;++i){const n=t[i];if(n!==void 0)for(let c=0,h=n.length;c<h;++c){const d=n[c];We(d)?r.push(new Ur(e,d)):r.push(new Ur(e,d.property,d.attribute,d.mode,d.converter))}}return r}}function a(o,e){let t;function r(i,s){arguments.length>1&&(t.property=s),Wo.locate(i.constructor).push(t)}if(arguments.length>1){t={},r(o,e);return}return t=o===void 0?{}:o,r}const Us={mode:"open"},Xs={},Ks=new Set,Go=oe.getById(ct.elementRegistry,()=>Yr());class Oe{constructor(e,t=e.definition){var r;this.platformDefined=!1,We(t)&&(t={name:t}),this.type=e,this.name=t.name,this.template=t.template,this.registry=(r=t.registry)!==null&&r!==void 0?r:customElements;const i=e.prototype,s=Ur.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(i,f)}Reflect.defineProperty(e,"observedAttributes",{value:n,enumerable:!0}),this.attributes=s,this.propertyLookup=c,this.attributeLookup=h,this.shadowOptions=t.shadowOptions===void 0?Us:t.shadowOptions===null?void 0:Object.assign(Object.assign({},Us),t.shadowOptions),this.elementOptions=t.elementOptions===void 0?Xs:Object.assign(Object.assign({},Xs),t.elementOptions),this.styles=ve.normalize(t.styles),Go.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 Ks.has(e)||Go.getByType(e)?new Oe(class extends e{},t):new Oe(e,t)}static registerBaseType(e){Ks.add(e)}}Oe.getByType=Go.getByType,Oe.getForInstance=Go.getForInstance;class ll extends MutationObserver{constructor(e){function t(r){this.callback.call(null,r.filter(i=>this.observedNodes.has(i.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 r=null,i=!1;return{source:o,context:Bt.default,targets:t,get isBound(){return i},addBehaviorFactory(s,n){var c,h,d,l;const f=s;f.id=(c=f.id)!==null&&c!==void 0?c:so(),f.targetNodeId=(h=f.targetNodeId)!==null&&h!==void 0?h:so(),f.targetTagName=(d=n.tagName)!==null&&d!==void 0?d:null,f.policy=(l=f.policy)!==null&&l!==void 0?l:ht.policy,this.addTarget(f.targetNodeId,n),this.addBehavior(f.createBehavior())},addTarget(s,n){t[s]=n},addBehavior(s){e.push(s),i&&s.bind(this)},onUnbind(s){r===null&&(r=[]),r.push(s)},connectedCallback(s){i||(i=!0,e.forEach(n=>n.bind(this)))},disconnectedCallback(s){i&&(i=!1,r!==null&&r.forEach(n=>n.unbind(this)))}}}});const cl={bubbles:!0,composed:!0,cancelable:!0},Uo="isConnected",Ys=new WeakMap;function ao(o){var e,t;return(t=(e=o.shadowRoot)!==null&&e!==void 0?e:Ys.get(o))!==null&&t!==void 0?t:null}let Qs;class Ot extends cs{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 r=t.shadowOptions;if(r!==void 0){let s=e.shadowRoot;s?this.hasExistingShadowRoot=!0:(s=e.attachShadow(r),r.mode==="closed"&&Ys.set(e,s))}const i=m.getAccessors(e);if(i.length>0){const s=this.boundObservables=Object.create(null);for(let n=0,c=i.length;n<c;++n){const h=i[n].name,d=e[h];d!==void 0&&(delete e[h],s[h]=d)}}}get isConnected(){return m.track(this,Uo),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:Bt.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,r;const i=(t=this.behaviors)!==null&&t!==void 0?t:this.behaviors=new Map,s=(r=i.get(e))!==null&&r!==void 0?r:0;s===0?(i.set(e,1),e.addedCallback&&e.addedCallback(this),e.connectedCallback&&!this.guardBehaviorConnection&&(this.stage===1||this.stage===0)&&e.connectedCallback(this)):i.set(e,s+1)}removeBehavior(e,t=!1){const r=this.behaviors;if(r===null)return;const i=r.get(e);i!==void 0&&(i===1||t?(r.delete(e),e.disconnectedCallback&&this.stage!==3&&e.disconnectedCallback(this),e.removedCallback&&e.removedCallback(this)):r.set(e,i-1))}addStyles(e){var t;if(!e)return;const r=this.source;if(e instanceof HTMLElement)((t=ao(r))!==null&&t!==void 0?t:this.source).append(e);else if(!e.isAttachedTo(r)){const i=e.behaviors;if(e.addStylesTo(r),i!==null)for(let s=0,n=i.length;s<n;++s)this.addBehavior(i[s])}}removeStyles(e){var t;if(!e)return;const r=this.source;if(e instanceof HTMLElement)((t=ao(r))!==null&&t!==void 0?t:r).removeChild(e);else if(e.isAttachedTo(r)){const i=e.behaviors;if(e.removeStylesFrom(r),i!==null)for(let s=0,n=i.length;s<n;++s)this.removeBehavior(i[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,Uo))}bindObservables(){if(this.boundObservables!==null){const e=this.source,t=this.boundObservables,r=Object.keys(t);for(let i=0,s=r.length;i<s;++i){const n=r[i];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,Uo),this.view!==null&&this.view.unbind(),this.disconnectBehaviors(),this.stage=3)}onAttributeChangedCallback(e,t,r){const i=this.definition.attributeLookup[e];i!==void 0&&i.onAttributeChangedCallback(this.source,r)}emit(e,t,r){return this.stage===1?this.source.dispatchEvent(new CustomEvent(e,Object.assign(Object.assign({detail:t},cl),r))):!1}renderTemplate(e){var t;const r=this.source,i=(t=ao(r))!==null&&t!==void 0?t:r;if(this.view!==null)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let s=i.firstChild;s!==null;s=i.firstChild)i.removeChild(s)}e&&(this.view=e.render(r,i,r),this.view.sourceLifetime=Mo.coupled)}static forCustomElement(e){const t=e.$fastController;if(t!==void 0)return t;const r=Oe.getForInstance(e);if(r===void 0)throw oe.error(1401);return e.$fastController=new Qs(e,r)}static setStrategy(e){Qs=e}}dt(Ot),Ot.setStrategy(Ot);function Xo(o){var e;return"adoptedStyleSheets"in o?o:(e=ao(o))!==null&&e!==void 0?e:o.getRootNode()}class Xr{constructor(e){const t=Xr.styleSheetCache;this.sheets=e.map(r=>{if(r instanceof CSSStyleSheet)return r;let i=t.get(r);return i===void 0&&(i=new CSSStyleSheet,i.replaceSync(r),t.set(r,i)),i})}addStylesTo(e){Js(Xo(e),this.sheets)}removeStylesFrom(e){en(Xo(e),this.sheets)}}Xr.styleSheetCache=new Map;let dl=0;const hl=()=>`fast-${++dl}`;function Zs(o){return o===document?document.body:o}class ul{constructor(e){this.styles=e,this.styleClass=hl()}addStylesTo(e){e=Zs(Xo(e));const t=this.styles,r=this.styleClass;for(let i=0;i<t.length;i++){const s=document.createElement("style");s.innerHTML=t[i],s.className=r,e.append(s)}}removeStylesFrom(e){e=Zs(Xo(e));const t=e.querySelectorAll(`.${this.styleClass}`);for(let r=0,i=t.length;r<i;++r)e.removeChild(t[r])}}let Js=(o,e)=>{o.adoptedStyleSheets=[...o.adoptedStyleSheets,...e]},en=(o,e)=>{o.adoptedStyleSheets=o.adoptedStyleSheets.filter(t=>e.indexOf(t)===-1)};if(ve.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),Js=(o,e)=>{o.adoptedStyleSheets.push(...e)},en=(o,e)=>{for(const t of e){const r=o.adoptedStyleSheets.indexOf(t);r!==-1&&o.adoptedStyleSheets.splice(r,1)}}}catch{}ve.setDefaultStrategy(Xr)}else ve.setDefaultStrategy(ul);const tn="defer-hydration",on="needs-hydration";class Pt extends Ot{static hydrationObserverHandler(e){for(const t of e)Pt.hydrationObserver.unobserve(t.target),t.target.$fastController.connect()}connect(){var e,t;if(this.needsHydration===void 0&&(this.needsHydration=this.source.getAttribute(on)!==null),this.source.hasAttribute(tn)){Pt.hydrationObserver.observe(this.source,{attributeFilter:[tn]});return}if(!this.needsHydration){super.connect();return}if(this.stage!==3)return;this.stage=0,this.bindObservables(),this.connectBehaviors();const r=this.source,i=(e=ao(r))!==null&&e!==void 0?e:r;if(this.template)if(Vo(this.template)){let s=i.firstChild,n=i.lastChild;r.shadowRoot===null&&(Ee.isElementBoundaryStartMarker(s)&&(s.data="",s=s.nextSibling),Ee.isElementBoundaryEndMarker(n)&&(n.data="",n=n.previousSibling)),this.view=this.template.hydrate(s,n,r),(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(on),this.needsInitialization=this.needsHydration=!1,m.notify(this,Uo)}disconnect(){super.disconnect(),Pt.hydrationObserver.unobserve(this.source)}static install(){Ot.setStrategy(Pt)}}Pt.hydrationObserver=new ll(Pt.hydrationObserverHandler);function rn(o){const e=class extends o{constructor(){super(),Ot.forCustomElement(this)}$emit(t,r,i){return this.$fastController.emit(t,r,i)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(t,r,i){this.$fastController.onAttributeChangedCallback(t,r,i)}};return Oe.registerBaseType(e),e}function pl(o,e){return zt(o)?Oe.compose(o,e):Oe.compose(this,o)}function bl(o,e){return zt(o)?Oe.compose(o,e).define().type:Oe.compose(this,o).define().type}function gl(o){return rn(o)}const x=Object.assign(rn(HTMLElement),{from:gl,define:bl,compose:pl});var fl=Object.defineProperty,ml=Object.getOwnPropertyDescriptor,j=(o,e,t,r)=>{for(var i=r>1?void 0:r?ml(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&fl(e,t,i),i};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 ci={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()}},$e={horizontal:"horizontal",vertical:"vertical"};function vl(o,e){let t=o.length;for(;t--;)if(e(o[t],t,o))return t;return-1}function di(...o){return o.every(e=>e instanceof HTMLElement)}const Ko="ArrowDown",Yo="ArrowLeft",Qo="ArrowRight",Zo="ArrowUp",Jo="End",lo="Enter",$l="Escape",er="Home",tr=" ",yl="Tab";var Fe;(function(o){o.ltr="ltr",o.rtl="rtl"})(Fe||(Fe={}));function xl(o,e,t){return t<o?e:t>e?o:t}function sn(o,e,t){return Math.min(Math.max(t,o),e)}let kl=0;function co(o=""){return`${o}${kl++}`}const or=o=>o.closest("[dir]")?.dir==="rtl"?Fe.rtl:Fe.ltr;function nn(o){return e=>e?.nodeType!==Node.ELEMENT_NODE?!1:e.tagName.toLowerCase().endsWith(o)}function de(o){return o?typeof o=="string"?new ut(o):"inline"in o?o.inline():o:ut.empty}const wl=o=>o.nodeType!==Node.TEXT_NODE||!!o.nodeValue?.trim().length,Cl=":host([hidden]){display:none}";function w(o){return`${Cl}:host{display:${o}}`}class Sl{constructor(e){this.listenerCache=new WeakMap,this.query=e}connectedCallback(e){const{query:t}=this;let r=this.listenerCache.get(e);r||(r=this.constructListener(e),this.listenerCache.set(e,r)),r.bind(t)(),t.addEventListener("change",r)}disconnectedCallback(e){const t=this.listenerCache.get(e);t&&this.query.removeEventListener("change",t)}}class Ao extends Sl{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new Ao(e,t)}constructListener(e){let t=!1;const r=this.styles;return function(){const{matches:s}=this;s&&!t?(e.addStyles(r),t=s):!s&&t&&(e.removeStyles(r),t=s)}}removedCallback(e){e.removeStyles(this.styles)}}const X=Ao.with(window.matchMedia("(forced-colors)"));Ao.with(window.matchMedia("(prefers-color-scheme: dark)")),Ao.with(window.matchMedia("(prefers-color-scheme: light)"));const rr=CSS.supports("anchor-name: --a"),Il="anchor"in HTMLElement.prototype,an=CSS.supports("selector(:state(g))");class Ze{}function pt(o){return g`<slot name="end" ${z("end")}>${de(o.end)}</slot>`.inline()}function Ge(o){return g`<slot name="start" ${z("start")}>${de(o.start)}</slot>`.inline()}function Je(o,...e){const t=Wo.locate(o);e.forEach(r=>{Object.getOwnPropertyNames(r.prototype).forEach(s=>{s!=="constructor"&&Object.defineProperty(o.prototype,s,Object.getOwnPropertyDescriptor(r.prototype,s))}),Wo.locate(r).forEach(s=>t.push(s))})}var Pl=Object.defineProperty,zl=Object.getOwnPropertyDescriptor,ir=(o,e,t,r)=>{for(var i=r>1?void 0:r?zl(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Pl(e,t,i),i};class ho extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=co("accordion-")}}ir([a({attribute:"heading-level",mode:"fromView",converter:re})],ho.prototype,"headinglevel",2),ir([a({mode:"boolean"})],ho.prototype,"expanded",2),ir([a({mode:"boolean"})],ho.prototype,"disabled",2),ir([a],ho.prototype,"id",2);var Bl=Object.defineProperty,Tl=Object.getOwnPropertyDescriptor,hi=(o,e,t,r)=>{for(var i=r>1?void 0:r?Tl(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Bl(e,t,i),i};class uo extends ho{constructor(){super(...arguments),this.block=!1}}hi([a],uo.prototype,"size",2),hi([a({attribute:"marker-position"})],uo.prototype,"markerPosition",2),hi([a({mode:"boolean"})],uo.prototype,"block",2),Je(uo,Ze);const B="var(--colorNeutralForeground1)",ln="var(--colorNeutralForeground1Hover)",_l="var(--colorNeutralForeground1Pressed)",Pe="var(--colorNeutralForeground2)",Et="var(--colorNeutralForeground2Hover)",At="var(--colorNeutralForeground2Pressed)",sr="var(--colorNeutralForeground2Selected)",nr="var(--colorNeutralForeground2BrandHover)",ar="var(--colorNeutralForeground2BrandPressed)",Ol="var(--colorNeutralForeground2BrandSelected)",Z="var(--colorNeutralForeground3)",El="var(--colorNeutralForeground3Hover)",Al="var(--colorNeutralForeground3Pressed)",Nl="var(--colorNeutralForeground3Selected)",ui="var(--colorNeutralForeground4)",_="var(--colorNeutralForegroundDisabled)",Fl="var(--colorBrandForegroundLink)",Ml="var(--colorBrandForegroundLinkHover)",Dl="var(--colorBrandForegroundLinkPressed)",Ll="var(--colorNeutralForeground2Link)",Vl="var(--colorNeutralForeground2LinkHover)",Hl="var(--colorNeutralForeground2LinkPressed)",jl="var(--colorCompoundBrandForeground1Hover)",Rl="var(--colorCompoundBrandForeground1Pressed)",Ue="var(--colorNeutralForegroundOnBrand)",bt="var(--colorNeutralForegroundInverted)",ql="var(--colorNeutralForegroundInvertedHover)",Wl="var(--colorNeutralForegroundInvertedPressed)",cn="var(--colorNeutralForegroundStaticInverted)",lr="var(--colorBrandForeground1)",Gl="var(--colorBrandForeground2)",Ul="var(--colorNeutralForeground1Static)",S="var(--colorNeutralBackground1)",cr="var(--colorNeutralBackground1Hover)",pi="var(--colorNeutralBackground1Pressed)",dn="var(--colorNeutralBackground1Selected)",po="var(--colorNeutralBackground3)",Xl="var(--colorNeutralBackground4)",Kl="var(--colorNeutralBackground5)",bo="var(--colorNeutralBackground6)",hn="var(--colorNeutralBackgroundInverted)",un="var(--colorSubtleBackground)",dr="var(--colorSubtleBackgroundHover)",go="var(--colorSubtleBackgroundPressed)",pn="var(--colorSubtleBackgroundSelected)",Yl="var(--colorSubtleBackgroundLightAlphaHover)",Ql="var(--colorSubtleBackgroundLightAlphaPressed)",Zl="var(--colorSubtleBackgroundLightAlphaSelected)",he="var(--colorTransparentBackground)",hr="var(--colorTransparentBackgroundHover)",ur="var(--colorTransparentBackgroundPressed)",bn="var(--colorTransparentBackgroundSelected)",et="var(--colorNeutralBackgroundDisabled)",bi="var(--colorBackgroundOverlay)",gn="var(--colorBrandBackground)",fn="var(--colorBrandBackgroundHover)",mn="var(--colorBrandBackgroundPressed)",Jl="var(--colorBrandBackgroundSelected)",gt="var(--colorCompoundBrandBackground)",Nt="var(--colorCompoundBrandBackgroundHover)",Ft="var(--colorCompoundBrandBackgroundPressed)",vn="var(--colorBrandBackgroundStatic)",$n="var(--colorBrandBackground2)",Me="var(--colorNeutralStrokeAccessible)",ft="var(--colorNeutralStrokeAccessibleHover)",mt="var(--colorNeutralStrokeAccessiblePressed)",De="var(--colorNeutralStroke1)",Mt="var(--colorNeutralStroke1Hover)",fo="var(--colorNeutralStroke1Pressed)",mo="var(--colorNeutralStroke2)",ec="var(--colorNeutralStroke3)",tc="var(--colorNeutralStrokeOnBrand2)",yn="var(--colorBrandStroke1)",xn="var(--colorBrandStroke2)",vt="var(--colorCompoundBrandStroke)",oc="var(--colorCompoundBrandStrokeHover)",kn="var(--colorCompoundBrandStrokePressed)",ye="var(--colorNeutralStrokeDisabled)",K="var(--colorTransparentStroke)",gi="var(--colorTransparentStrokeInteractive)",pr="var(--colorStrokeFocus1)",ue="var(--colorStrokeFocus2)",rc="var(--colorNeutralShadowAmbient)",ic="var(--colorNeutralShadowKey)",wn="var(--colorPaletteRedBackground1)",sc="var(--colorPaletteRedBackground2)",Cn="var(--colorPaletteRedBackground3)",Sn="var(--colorPaletteRedBorder1)",fi="var(--colorPaletteRedBorder2)",mi="var(--colorPaletteRedForeground1)",nc="var(--colorPaletteRedForeground2)",In="var(--colorPaletteRedForeground3)",Pn="var(--colorPaletteGreenBackground1)",zn="var(--colorPaletteGreenBackground3)",ac="var(--colorPaletteGreenBorder1)",lc="var(--colorPaletteGreenBorder2)",cc="var(--colorPaletteGreenForeground1)",dc="var(--colorPaletteGreenForeground2)",hc="var(--colorPaletteGreenForeground3)",Bn="var(--colorPaletteDarkOrangeBackground1)",Tn="var(--colorPaletteDarkOrangeBackground3)",_n="var(--colorPaletteDarkOrangeBorder1)",uc="var(--colorPaletteDarkOrangeForeground1)",On="var(--colorPaletteDarkOrangeForeground3)",pc="var(--colorPaletteYellowBackground1)",bc="var(--colorPaletteYellowBackground3)",gc="var(--colorPaletteYellowBorder1)",vi="var(--colorPaletteYellowForeground2)",En="var(--colorPaletteMarigoldBackground2)",fc="var(--colorPaletteMarigoldBorderActive)",mc="var(--colorPaletteMarigoldForeground2)",vc="var(--colorPaletteAnchorBackground2)",$c="var(--colorPaletteAnchorForeground2)",yc="var(--colorPaletteBeigeBackground2)",xc="var(--colorPaletteBeigeForeground2)",kc="var(--colorPaletteBlueBackground2)",wc="var(--colorPaletteBlueForeground2)",Cc="var(--colorPaletteBrassBackground2)",Sc="var(--colorPaletteBrassForeground2)",Ic="var(--colorPaletteBrownBackground2)",Pc="var(--colorPaletteBrownForeground2)",zc="var(--colorPaletteCornflowerBackground2)",Bc="var(--colorPaletteCornflowerForeground2)",Tc="var(--colorPaletteCranberryBackground2)",_c="var(--colorPaletteCranberryForeground2)",Oc="var(--colorPaletteDarkGreenBackground2)",Ec="var(--colorPaletteDarkGreenForeground2)",Ac="var(--colorPaletteDarkRedBackground2)",Nc="var(--colorPaletteDarkRedForeground2)",Fc="var(--colorPaletteForestBackground2)",Mc="var(--colorPaletteForestForeground2)",Dc="var(--colorPaletteGoldBackground2)",Lc="var(--colorPaletteGoldForeground2)",Vc="var(--colorPaletteGrapeBackground2)",Hc="var(--colorPaletteGrapeForeground2)",jc="var(--colorPaletteLavenderBackground2)",Rc="var(--colorPaletteLavenderForeground2)",qc="var(--colorPaletteLightTealBackground2)",Wc="var(--colorPaletteLightTealForeground2)",Gc="var(--colorPaletteLilacBackground2)",Uc="var(--colorPaletteLilacForeground2)",Xc="var(--colorPaletteMagentaBackground2)",Kc="var(--colorPaletteMagentaForeground2)",Yc="var(--colorPaletteMinkBackground2)",Qc="var(--colorPaletteMinkForeground2)",Zc="var(--colorPaletteNavyBackground2)",Jc="var(--colorPaletteNavyForeground2)",ed="var(--colorPalettePeachBackground2)",td="var(--colorPalettePeachForeground2)",od="var(--colorPalettePinkBackground2)",rd="var(--colorPalettePinkForeground2)",id="var(--colorPalettePlatinumBackground2)",sd="var(--colorPalettePlatinumForeground2)",nd="var(--colorPalettePlumBackground2)",ad="var(--colorPalettePlumForeground2)",ld="var(--colorPalettePumpkinBackground2)",cd="var(--colorPalettePumpkinForeground2)",dd="var(--colorPalettePurpleBackground2)",hd="var(--colorPalettePurpleForeground2)",ud="var(--colorPaletteRoyalBlueBackground2)",pd="var(--colorPaletteRoyalBlueForeground2)",bd="var(--colorPaletteSeafoamBackground2)",gd="var(--colorPaletteSeafoamForeground2)",fd="var(--colorPaletteSteelBackground2)",md="var(--colorPaletteSteelForeground2)",vd="var(--colorPaletteTealBackground2)",$d="var(--colorPaletteTealForeground2)",br="var(--borderRadiusNone)",ze="var(--borderRadiusSmall)",C="var(--borderRadiusMedium)",An="var(--borderRadiusLarge)",Nn="var(--borderRadiusXLarge)",xe="var(--borderRadiusCircular)",v="var(--fontFamilyBase)",yd="var(--fontFamilyMonospace)",xd="var(--fontFamilyNumeric)",vo="var(--fontSizeBase100)",F="var(--fontSizeBase200)",O="var(--fontSizeBase300)",pe="var(--fontSizeBase400)",Dt="var(--fontSizeBase500)",gr="var(--fontSizeBase600)",Fn="var(--fontSizeHero700)",Mn="var(--fontSizeHero800)",Dn="var(--fontSizeHero900)",Ln="var(--fontSizeHero1000)",E="var(--fontWeightRegular)",kd="var(--fontWeightMedium)",L="var(--fontWeightSemibold)",fr="var(--fontWeightBold)",mr="var(--lineHeightBase100)",q="var(--lineHeightBase200)",M="var(--lineHeightBase300)",ke="var(--lineHeightBase400)",vr="var(--lineHeightBase500)",Vn="var(--lineHeightBase600)",Hn="var(--lineHeightHero700)",jn="var(--lineHeightHero800)",Rn="var(--lineHeightHero900)",qn="var(--lineHeightHero1000)",$i="var(--shadow2)",$r="var(--shadow4)",wd="var(--shadow8)",yi="var(--shadow16)",Cd="var(--shadow28)",Wn="var(--shadow64)",I="var(--strokeWidthThin)",be="var(--strokeWidthThick)",Le="var(--strokeWidthThicker)",xi="var(--strokeWidthThickest)",V="var(--spacingHorizontalXXS)",ie="var(--spacingHorizontalXS)",ge="var(--spacingHorizontalSNudge)",Be="var(--spacingHorizontalS)",Ve="var(--spacingHorizontalMNudge)",ae="var(--spacingHorizontalM)",Sd="var(--spacingHorizontalL)",Id="var(--spacingHorizontalXL)",ki="var(--spacingHorizontalXXL)",wi="var(--spacingVerticalNone)",yr="var(--spacingVerticalXXS)",Lt="var(--spacingVerticalXS)",$o="var(--spacingVerticalSNudge)",se="var(--spacingVerticalS)",xr="var(--spacingVerticalMNudge)",Pd="var(--spacingVerticalM)",Ci="var(--spacingVerticalL)",$t="var(--spacingVerticalXXL)",zd="var(--spacingVerticalXXXL)",Si="var(--durationUltraFast)",kr="var(--durationFaster)",wr="var(--durationNormal)",Ii="var(--durationGentle)",Bd="var(--durationSlow)",Gn="var(--durationSlower)",Cr="var(--durationUltraSlow)",Td="var(--curveAccelerateMax)",yt="var(--curveAccelerateMid)",_d="var(--curveAccelerateMin)",Un="var(--curveDecelerateMax)",xt="var(--curveDecelerateMid)",Od="var(--curveDecelerateMin)",Xn="var(--curveEasyEaseMax)",Sr="var(--curveEasyEase)",Pi="var(--curveLinear)",Ed=u`
|
|
1
|
+
const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements});let No;const ss="fast-kernel";try{if(document.currentScript)No=document.currentScript.getAttribute(ss);else{const o=document.getElementsByTagName("script");No=o[o.length-1].getAttribute(ss)}}catch{No="isolate"}let ct;switch(No){case"share":ct=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":ct=Object.freeze({updateQueue:1.2,observable:2.2,contextEvent:3.2,elementRegistry:4.2});break;default:const o=`-${Math.random().toString(36).substring(2,8)}`;ct=Object.freeze({updateQueue:`1.2${o}`,observable:`2.2${o}`,contextEvent:`3.2${o}`,elementRegistry:`4.2${o}`});break}const zt=o=>typeof o=="function",We=o=>typeof o=="string",Oa=()=>{};var Kr=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};(function(){if(!(typeof globalThis<"u"))if(typeof Kr<"u")Kr.globalThis=Kr;else if(typeof self<"u")self.globalThis=self;else if(typeof window<"u")window.globalThis=window;else{const e=new Function("return this")();e.globalThis=e}})();const ns={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},ns));const oe=globalThis.FAST;if(oe.getById===void 0){const o=Object.create(null);Reflect.defineProperty(oe,"getById",Object.assign({value(e,t){let r=o[e];return r===void 0&&(r=t?o[e]=t():null),r}},ns))}oe.error===void 0&&Object.assign(oe,{warn(){},error(o){return new Error(`Error ${o}`)},addMessages(){}});const Aa=Object.freeze([]);function Yr(){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 as(){const o=new WeakMap;return function(e){let t=o.get(e);if(t===void 0){let r=Reflect.getPrototypeOf(e);for(;t===void 0&&r!==null;)t=o.get(r),r=Reflect.getPrototypeOf(r);t=t===void 0?[]:t.slice(0),o.set(e,t)}return t}}function dt(o){o.prototype.toJSON=Oa}const Q=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),ls=o=>o,Ea=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:ls}):{createHTML:ls};let Fo=Object.freeze({createHTML(o){return Ea.createHTML(o)},protect(o,e,t,r){return r}});const Na=Fo,ht=Object.freeze({get policy(){return Fo},setPolicy(o){if(Fo!==Na)throw oe.error(1201);Fo=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)}}),N=oe.getById(ct.updateQueue,()=>{const o=[],e=[],t=globalThis.requestAnimationFrame;let r=!0;function i(){if(e.length)throw e.shift()}function s(h){try{h.call()}catch(d){if(r)e.push(d),setTimeout(i,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&&(r?t(n):n())}return Object.freeze({enqueue:c,next:()=>new Promise(c),process:n,setMode:h=>r=h})});class Qr{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 r=t.indexOf(e);r!==-1&&t.splice(r,1)}}notify(e){const t=this.spillover,r=this.subject;if(t===void 0){const i=this.sub1,s=this.sub2;i!==void 0&&i.handleChange(r,e),s!==void 0&&s.handleChange(r,e)}else for(let i=0,s=t.length;i<s;++i)t[i].handleChange(r,e)}}class cs{constructor(e){this.subscribers={},this.subjectSubscribers=null,this.subject=e}notify(e){var t,r;(t=this.subscribers[e])===null||t===void 0||t.notify(e),(r=this.subjectSubscribers)===null||r===void 0||r.notify(e)}subscribe(e,t){var r,i;let s;t?s=(r=this.subscribers[t])!==null&&r!==void 0?r:this.subscribers[t]=new Qr(this.subject):s=(i=this.subjectSubscribers)!==null&&i!==void 0?i:this.subjectSubscribers=new Qr(this.subject),s.subscribe(e)}unsubscribe(e,t){var r,i;t?(r=this.subscribers[t])===null||r===void 0||r.unsubscribe(e):(i=this.subjectSubscribers)===null||i===void 0||i.unsubscribe(e)}}const Mo=Object.freeze({unknown:void 0,coupled:1}),m=oe.getById(ct.observable,()=>{const o=N.enqueue,e=/(:|&&|\|\||if|\?\.)/,t=new WeakMap;let r,i=d=>{throw oe.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=i(d):t.set(d,f=new cs(d))),f}const n=as();class c{constructor(l){this.name=l,this.field=`_${l}`,this.callback=`${l}Changed`}getValue(l){return r!==void 0&&r.watch(l,this.name),l[this.field]}setValue(l,f){const k=this.field,ce=l[k];if(ce!==f){l[k]=f;const Qe=l[this.callback];zt(Qe)&&Qe.call(l,ce,f),s(l).notify(this.name)}}}class h extends Qr{constructor(l,f,k=!1){super(l,f),this.expression=l,this.isVolatileBinding=k,this.needsRefresh=!0,this.needsQueue=!0,this.isAsync=!0,this.first=this,this.last=null,this.propertySource=void 0,this.propertyName=void 0,this.notifier=void 0,this.next=void 0}setMode(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!==Mo.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 k=r;r=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let ce;try{ce=this.expression(l,f)}finally{r=k}return ce}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 k=this.last,ce=s(l),Qe=k===null?this.first:{};if(Qe.propertySource=l,Qe.propertyName=f,Qe.notifier=ce,ce.subscribe(this,f),k!==null){if(!this.needsRefresh){let is;r=void 0,is=k.propertySource[k.propertyName],r=this,l===is&&(this.needsRefresh=!0)}k.next=Qe}this.last=Qe}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 dt(h),Object.freeze({setArrayObserverFactory(d){i=d},getNotifier:s,track(d,l){r&&r.watch(d,l)},trackVolatile(){r&&(r.needsRefresh=!0)},notify(d,l){s(d).notify(l)},defineProperty(d,l){We(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 b(o,e){m.defineProperty(o,e)}function ds(o,e,t){return Object.assign({},t,{get(){return m.trackVolatile(),t.get.apply(this)}})}const hs=oe.getById(ct.contextEvent,()=>{let o=null;return{get(){return o},set(e){o=e}}}),_t=Object.freeze({default:{index:0,length:0,get event(){return _t.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return hs.get()},setEvent(o){hs.set(o)}});class Do{constructor(e,t,r=!1){this.evaluate=e,this.policy=t,this.isVolatile=r}}class Fa extends Do{createObserver(e){return m.binding(this.evaluate,e,this.isVolatile)}}function Zr(o,e,t=m.isVolatileBinding(o)){return new Fa(o,e,t)}class us extends Do{createObserver(){return this}bind(e){return this.evaluate(e.source,e.context)}}dt(us);function ps(o,e){return new us(o,e)}let bs;function gs(o){return o.map(e=>e instanceof ve?gs(e.styles):[e]).reduce((e,t)=>e.concat(t),[])}class ve{constructor(e){this.styles=e,this.targets=new WeakSet,this._strategy=null,this.behaviors=e.map(t=>t instanceof ve?t.behaviors:null).reduce((t,r)=>r===null?t:t===null?r:t.concat(r),null)}get strategy(){return this._strategy===null&&this.withStrategy(bs),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(gs(this.styles)),this}static setDefaultStrategy(e){bs=e}static normalize(e){return e===void 0?void 0:Array.isArray(e)?new ve(e):e instanceof ve?e:new ve([e])}}ve.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const Jr=Yr(),ei=Object.freeze({getForInstance:Jr.getForInstance,getByType:Jr.getByType,define(o){return Jr.register({type:o}),o}});function ti(o,e,t){e.source.style.setProperty(o.targetAspect,t.bind(e))}class oi{constructor(e,t){this.dataBinding=e,this.targetAspect=t}createCSS(e){return e(this),`var(${this.targetAspect})`}addedCallback(e){var t;const r=e.source;if(!r.$cssBindings){r.$cssBindings=new Map;const s=r.setAttribute;r.setAttribute=(n,c)=>{s.call(r,n,c),n==="style"&&r.$cssBindings.forEach((h,d)=>ti(d,h.controller,h.observer))}}const i=(t=e[this.targetAspect])!==null&&t!==void 0?t:e[this.targetAspect]=this.dataBinding.createObserver(this,this);i.controller=e,e.source.$cssBindings.set(this,{controller:e,observer:i})}connectedCallback(e){ti(this,e,e[this.targetAspect])}removedCallback(e){e.source.$cssBindings&&e.source.$cssBindings.delete(this)}handleChange(e,t){ti(this,t.controller,t)}}ei.define(oi);const Ma=`${Math.random().toString(36).substring(2,8)}`;let Da=0;const fs=()=>`--v${Ma}${++Da}`;function ms(o,e){const t=[];let r="";const i=[],s=n=>{i.push(n)};for(let n=0,c=o.length-1;n<c;++n){r+=o[n];let h=e[n];zt(h)?h=new oi(Zr(h),fs()).createCSS(s):h instanceof Do?h=new oi(h,fs()).createCSS(s):ei.getForInstance(h)!==void 0&&(h=h.createCSS(s)),h instanceof ve||h instanceof CSSStyleSheet?(r.trim()!==""&&(t.push(r),r=""),t.push(h)):r+=h}return r+=o[o.length-1],r.trim()!==""&&t.push(r),{styles:t,behaviors:i}}const u=(o,...e)=>{const{styles:t,behaviors:r}=ms(o,e),i=new ve(t);return r.length?i.withBehaviors(...r):i};class vs{constructor(e,t){this.behaviors=t,this.css="";const r=e.reduce((i,s)=>(We(s)?this.css+=s:i.push(s),i),[]);r.length&&(this.styles=new ve(r))}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)}}ei.define(vs),u.partial=(o,...e)=>{const{styles:t,behaviors:r}=ms(o,e);return new vs(t,r)};const $s=/fe-b\$\$start\$\$(\d+)\$\$(.+)\$\$fe-b/,ys=/fe-b\$\$end\$\$(\d+)\$\$(.+)\$\$fe-b/,xs=/fe-repeat\$\$start\$\$(\d+)\$\$fe-repeat/,ks=/fe-repeat\$\$end\$\$(\d+)\$\$fe-repeat/,ws=/^(?:.{0,1000})fe-eb\$\$start\$\$(.+?)\$\$fe-eb/,Cs=/fe-eb\$\$end\$\$(.{0,1000})\$\$fe-eb(?:.{0,1000})$/;function Ss(o){return o&&o.nodeType===Node.COMMENT_NODE}const Ae=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 $s.test(o)},isContentBindingEndMarker(o){return ys.test(o)},isRepeatViewStartMarker(o){return xs.test(o)},isRepeatViewEndMarker(o){return ks.test(o)},isElementBoundaryStartMarker(o){return Ss(o)&&ws.test(o.data.trim())},isElementBoundaryEndMarker(o){return Ss(o)&&Cs.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 zs($s,o)},parseContentBindingEndMarker(o){return zs(ys,o)},parseRepeatStartMarker(o){return Is(xs,o)},parseRepeatEndMarker(o){return Is(ks,o)},parseElementBoundaryStartMarker(o){return Ps(ws,o.trim())},parseElementBoundaryEndMarker(o){return Ps(Cs,o)}});function Is(o,e){const t=o.exec(e);return t===null?t:parseInt(t[1])}function Ps(o,e){const t=o.exec(e);return t===null?t:t[1]}function zs(o,e){const t=o.exec(e);return t===null?t:[parseInt(t[1]),t[2]]}const Lo=Symbol.for("fe-hydration");function Vo(o){return o[Lo]===Lo}const ri=`fast-${Math.random().toString(36).substring(2,8)}`,Ho=`${ri}{`,io=`}${ri}`,La=io.length;let Va=0;const so=()=>`${ri}-${++Va}`,_s=Object.freeze({interpolation:o=>`${Ho}${o}${io}`,attribute:o=>`${so()}="${Ho}${o}${io}"`,comment:o=>`<!--${Ho}${o}${io}-->`}),jo=Object.freeze({parse(o,e){const t=o.split(Ho);if(t.length===1)return null;const r=[];for(let i=0,s=t.length;i<s;++i){const n=t[i],c=n.indexOf(io);let h;if(c===-1)h=n;else{const d=n.substring(0,c);r.push(e[d]),h=n.substring(c+La)}h!==""&&r.push(h)}return r}}),ii=Yr(),Ee=Object.freeze({getForInstance:ii.getForInstance,getByType:ii.getByType,define(o,e){return e=e||{},e.type=o,ii.register(e),o},assignAspect(o,e){if(!e){o.aspectType=Q.content;return}switch(o.sourceAspect=e,e[0]){case":":o.targetAspect=e.substring(1),o.aspectType=o.targetAspect==="classList"?Q.tokenList:Q.property;break;case"?":o.targetAspect=e.substring(1),o.aspectType=Q.booleanAttribute;break;case"@":o.targetAspect=e.substring(1),o.aspectType=Q.event;break;default:o.targetAspect=e,o.aspectType=Q.attribute;break}}});class si{constructor(e){this.options=e}createHTML(e){return _s.attribute(e(this))}createBehavior(){return this}}dt(si);class Bs extends Error{constructor(e,t,r){super(e),this.factories=t,this.node=r}}function ni(o){return o.nodeType===Node.COMMENT_NODE}function Ts(o){return o.nodeType===Node.TEXT_NODE}function Os(o,e){const t=document.createRange();return t.setStart(o,0),t.setEnd(e,ni(e)||Ts(e)?e.data.length:e.childNodes.length),t}function Ha(o){return o instanceof DocumentFragment&&"mode"in o}function ja(o,e,t){const r=Os(o,e),i=r.commonAncestorContainer,s=document.createTreeWalker(i,NodeFilter.SHOW_ELEMENT+NodeFilter.SHOW_COMMENT+NodeFilter.SHOW_TEXT,{acceptNode(d){return r.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:{Ra(h,t,n);break}case Node.COMMENT_NODE:{qa(h,s,t,n,c);break}}h=s.nextNode()}return r.detach(),{targets:n,boundaries:c}}function Ra(o,e,t){const r=Ae.parseAttributeBinding(o);if(r!==null){for(const i of r){if(!e[i])throw new Bs(`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);Ro(e[i],o,t)}o.removeAttribute(Ae.attributeMarkerName)}}function qa(o,e,t,r,i){if(Ae.isElementBoundaryStartMarker(o)){Wa(o,e);return}if(Ae.isContentBindingStartMarker(o.data)){const s=Ae.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(ni(l)){const k=Ae.parseContentBindingEndMarker(l.data);if(k&&k[1]===c)break}d.push(l),l=e.nextSibling()}if(l===null){const k=o.getRootNode();throw new Error(`Error hydrating Comment node inside "${Ha(k)?k.host.nodeName:k.nodeName}".`)}if(l.data="",d.length===1&&Ts(d[0]))Ro(h,d[0],r);else{l!==f&&l.previousSibling!==null&&(i[h.targetNodeId]={first:f,last:l.previousSibling});const k=l.parentNode.insertBefore(document.createTextNode(""),l);Ro(h,k,r)}}}function Wa(o,e){const t=Ae.parseElementBoundaryStartMarker(o.data);let r=e.nextSibling();for(;r!==null;){if(ni(r)){const i=Ae.parseElementBoundaryEndMarker(r.data);if(i&&i===t)break}r=e.nextSibling()}}function Ro(o,e,t){if(o.targetNodeId===void 0)throw new Error("Factory could not be target to the node");t[o.targetNodeId]=e}var As;function ai(o,e){const t=o.parentNode;let r=o,i;for(;r!==e;){if(i=r.nextSibling,!i)throw new Error(`Unmatched first/last child inside "${e.getRootNode().host.nodeName}".`);t.removeChild(r),r=i}t.removeChild(e)}class Es{constructor(){this.index=0,this.length=0}get event(){return _t.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 Es{constructor(e,t,r){super(),this.fragment=e,this.factories=t,this.targets=r,this.behaviors=null,this.unbindables=[],this.source=null,this.isBound=!1,this.sourceLifetime=Mo.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 r=e.parentNode;let i=this.firstChild,s;for(;i!==t;)s=i.nextSibling,r.insertBefore(i,e),i=s;r.insertBefore(t,e)}}remove(){const e=this.fragment,t=this.lastChild;let r=this.firstChild,i;for(;r!==t;)i=r.nextSibling,e.appendChild(r),r=i;e.appendChild(t)}dispose(){ai(this.firstChild,this.lastChild),this.unbind()}onUnbind(e){this.unbindables.push(e)}bind(e,t=this){if(this.source===e)return;let r=this.behaviors;if(r===null){this.source=e,this.context=t,this.behaviors=r=new Array(this.factories.length);const i=this.factories;for(let s=0,n=i.length;s<n;++s){const c=i[s].createBehavior();c.bind(this),r[s]=c}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;for(let i=0,s=r.length;i<s;++i)r[i].bind(this)}this.isBound=!0}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}evaluateUnbindables(){const e=this.unbindables;for(let t=0,r=e.length;t<r;++t)e[t].unbind(this);e.length=0}static disposeContiguousBatch(e){if(e.length!==0){ai(e[0].firstChild,e[e.length-1].lastChild);for(let t=0,r=e.length;t<r;++t)e[t].unbind()}}}dt(qo),m.defineProperty(qo.prototype,"index"),m.defineProperty(qo.prototype,"length");const Bt={unhydrated:"unhydrated",hydrating:"hydrating",hydrated:"hydrated"};class Ga extends Error{constructor(e,t,r,i){super(e),this.factory=t,this.fragment=r,this.templateString=i}}class Ua extends Es{constructor(e,t,r,i){super(),this.firstChild=e,this.lastChild=t,this.sourceTemplate=r,this.hostBindingTarget=i,this[As]=Lo,this.context=this,this.source=null,this.isBound=!1,this.sourceLifetime=Mo.unknown,this.unbindables=[],this.fragment=null,this.behaviors=null,this._hydrationStage=Bt.unhydrated,this._bindingViewBoundaries={},this._targets={},this.factories=r.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 r=e.parentNode;let i=this.firstChild,s;for(;i!==t;)s=i.nextSibling,r.insertBefore(i,e),i=s;r.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 r=this.firstChild,i;for(;r!==t;){if(i=r.nextSibling,!i)throw new Error(`Unmatched first/last child inside "${t.getRootNode().host.nodeName}".`);e.appendChild(r),r=i}e.appendChild(t)}bind(e,t=this){var r,i;if(this.hydrationStage!==Bt.hydrated&&(this._hydrationStage=Bt.hydrating),this.source===e)return;let s=this.behaviors;if(s===null){this.source=e,this.context=t;try{const{targets:c,boundaries:h}=ja(this.firstChild,this.lastChild,this.factories);this._targets=c,this._bindingViewBoundaries=h}catch(c){if(c instanceof Bs){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&&Ro(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 Ga(`HydrationView was unable to successfully target bindings inside "${(i=((r=this.firstChild)===null||r===void 0?void 0:r.getRootNode()).host)===null||i===void 0?void 0:i.nodeName}".`,d,Os(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=Bt.hydrated}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}dispose(){ai(this.firstChild,this.lastChild),this.unbind()}onUnbind(e){this.unbindables.push(e)}evaluateUnbindables(){const e=this.unbindables;for(let t=0,r=e.length;t<r;++t)e[t].unbind(this);e.length=0}}As=Lo,dt(Ua);function Xa(o){return o.create!==void 0}function Ka(o,e,t,r){if(t==null&&(t=""),Xa(t)){o.textContent="";let i=o.$fastView;if(i===void 0)if(Vo(r)&&Vo(t)&&r.bindingViewBoundaries[this.targetNodeId]!==void 0&&r.hydrationStage!==Bt.hydrated){const s=r.bindingViewBoundaries[this.targetNodeId];i=t.hydrate(s.first,s.last)}else i=t.create();else o.$fastTemplate!==t&&(i.isComposed&&(i.remove(),i.unbind()),i=t.create());i.isComposed?i.needsBindOnly&&(i.needsBindOnly=!1,i.bind(r.source,r.context)):(i.isComposed=!0,i.bind(r.source,r.context),i.insertBefore(o),o.$fastView=i,o.$fastTemplate=t)}else{const i=o.$fastView;i!==void 0&&i.isComposed&&(i.isComposed=!1,i.remove(),i.needsBindOnly?i.needsBindOnly=!1:i.unbind()),o.textContent=t}}function Ya(o,e,t){var r;const i=`${this.id}-t`,s=(r=o[i])!==null&&r!==void 0?r:o[i]={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 k=d[l];k!==""&&(n[k]=c,h.add(k))}}if(s.v=c+1,c!==0){c-=1;for(const d in n)n[d]===c&&h.remove(d)}}const Qa={[Q.attribute]:ht.setAttribute,[Q.booleanAttribute]:ht.setBooleanAttribute,[Q.property]:(o,e,t)=>o[e]=t,[Q.content]:Ka,[Q.tokenList]:Ya,[Q.event]:()=>{}};class Tt{constructor(e){this.dataBinding=e,this.updateTarget=null,this.aspectType=Q.content}createHTML(e){return _s.interpolation(e(this))}createBehavior(){var e;if(this.updateTarget===null){const t=Qa[this.aspectType],r=(e=this.dataBinding.policy)!==null&&e!==void 0?e:this.policy;if(!t)throw oe.error(1205);this.data=`${this.id}-d`,this.updateTarget=r.protect(this.targetTagName,this.aspectType,this.targetAspect,t)}return this}bind(e){var t;const r=e.targets[this.targetNodeId],i=Vo(e)&&e.hydrationStage&&e.hydrationStage!==Bt.hydrated;switch(this.aspectType){case Q.event:r[this.data]=e,r.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case Q.content:e.onUnbind(this);default:const s=(t=r[this.data])!==null&&t!==void 0?t:r[this.data]=this.dataBinding.createObserver(this,this);if(s.target=r,s.controller=e,i&&(this.aspectType===Q.attribute||this.aspectType===Q.booleanAttribute)){s.bind(e);break}this.updateTarget(r,this.targetAspect,s.bind(e),e);break}}unbind(e){const r=e.targets[this.targetNodeId].$fastView;r!==void 0&&r.isComposed&&(r.unbind(),r.needsBindOnly=!0)}handleEvent(e){const t=e.currentTarget[this.data];if(t.isBound){_t.setEvent(e);const r=this.dataBinding.evaluate(t.source,t.context);_t.setEvent(null),r!==!0&&e.preventDefault()}}handleChange(e,t){const r=t.target,i=t.controller;this.updateTarget(r,this.targetAspect,t.bind(i),i)}}Ee.define(Tt,{aspected:!0});const Ns=(o,e)=>`${o}.${e}`,Fs={},Ne={index:0,node:null};function Ms(o){o.startsWith("fast-")||oe.warn(1204,{name:o})}const Za=new Proxy(document.createElement("div"),{get(o,e){Ms(e);const t=Reflect.get(o,e);return zt(t)?t.bind(o):t},set(o,e,t){return Ms(e),Reflect.set(o,e,t)}});class Ja{constructor(e,t,r){this.fragment=e,this.directives=t,this.policy=r,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(e,t,r,i,s){var n,c;this.nodeIds.has(r)||(this.nodeIds.add(r),this.addTargetDescriptor(t,r,i)),e.id=(n=e.id)!==null&&n!==void 0?n:so(),e.targetNodeId=r,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,r){const i=this.descriptors;if(t==="r"||t==="h"||i[t])return;if(!i[e]){const n=e.lastIndexOf("."),c=e.substring(0,n),h=parseInt(e.substring(n+1));this.addTargetDescriptor(c,e,h)}let s=Fs[t];if(!s){const n=`_${t}`;Fs[t]=s={get(){var c;return(c=this[n])!==null&&c!==void 0?c:this[n]=this[e].childNodes[r]}}}i[t]=s}createView(e){const t=this.fragment.cloneNode(!0),r=Object.create(this.proto);r.r=t,r.h=e??Za;for(const i of this.nodeIds)r[i];return new qo(t,this.factories,r)}}function Ds(o,e,t,r,i,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,k=jo.parse(f,c);let ce=null;k===null?s&&(ce=new Tt(ps(()=>f,o.policy)),Ee.assignAspect(ce,l.name)):ce=li.aggregate(k,o.policy),ce!==null&&(t.removeAttributeNode(l),h--,d--,o.addFactory(ce,e,r,i,t.tagName))}}function el(o,e,t,r,i){const s=jo.parse(e.textContent,o.directives);if(s===null)return Ne.node=e.nextSibling,Ne.index=i+1,Ne;let n,c=n=e;for(let h=0,d=s.length;h<d;++h){const l=s[h];h!==0&&(i++,r=Ns(t,i),n=c.parentNode.insertBefore(document.createTextNode(""),c.nextSibling)),We(l)?n.textContent=l:(n.textContent=" ",Ee.assignAspect(l),o.addFactory(l,t,r,i,null)),c=n}return Ne.index=i+1,Ne.node=c.nextSibling,Ne}function Ls(o,e,t){let r=0,i=e.firstChild;for(;i;){const s=tl(o,t,i,r);i=s.node,r=s.index}}function tl(o,e,t,r){const i=Ns(e,r);switch(t.nodeType){case 1:Ds(o,e,t,i,r),Ls(o,t,i);break;case 3:return el(o,t,e,i,r);case 8:const s=jo.parse(t.data,o.directives);s!==null&&o.addFactory(li.aggregate(s),e,i,r,null);break}return Ne.index=r+1,Ne.node=t.nextSibling,Ne}function ol(o,e){return o&&o.nodeType==8&&jo.parse(o.data,e)!==null}const Vs="TEMPLATE",li={compile(o,e,t=ht.policy){let r;if(We(o)){r=document.createElement(Vs),r.innerHTML=t.createHTML(o);const n=r.content.firstElementChild;n!==null&&n.tagName===Vs&&(r=n)}else r=o;!r.content.firstChild&&!r.content.lastChild&&r.content.appendChild(document.createComment(""));const i=document.adoptNode(r.content),s=new Ja(i,e,t);return Ds(s,"",r,"h",0,!0),(ol(i.firstChild,e)||i.childNodes.length===1&&Object.keys(e).length>0)&&i.insertBefore(document.createComment(""),i.firstChild),Ls(s,i,"r"),Ne.node=null,s.freeze()},setDefaultStrategy(o){this.compile=o},aggregate(o,e=ht.policy){if(o.length===1)return o[0];let t,r=!1,i;const s=o.length,n=o.map(d=>We(d)?()=>d:(t=d.sourceAspect||t,r=r||d.dataBinding.isVolatile,i=i||d.dataBinding.policy,d.dataBinding.evaluate)),c=(d,l)=>{let f="";for(let k=0;k<s;++k)f+=n[k](d,l);return f},h=new Tt(Zr(c,i??e,r));return Ee.assignAspect(h,t),h}},rl=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,il=Object.create(null);class ut{constructor(e,t=il){this.html=e,this.factories=t}createHTML(e){const t=this.factories;for(const r in t)e(t[r]);return this.html}}ut.empty=new ut(""),Ee.define(ut);function sl(o,e,t,r=Ee.getForInstance(o)){if(r.aspected){const i=rl.exec(e);i!==null&&Ee.assignAspect(o,i[2])}return o.createHTML(t)}class Gr{constructor(e,t={},r){this.policy=r,this.result=null,this.html=e,this.factories=t}compile(){return this.result===null&&(this.result=li.compile(this.html,this.factories,this.policy)),this.result}create(e){return this.compile().createView(e)}inline(){return new ut(We(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(e){if(this.result)throw oe.error(1208);if(this.policy)throw oe.error(1207);return this.policy=e,this}render(e,t,r){const i=this.create(r);return i.bind(e),i.appendTo(t),i}static create(e,t,r){let i="";const s=Object.create(null),n=c=>{var h;const d=(h=c.id)!==null&&h!==void 0?h:c.id=so();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(i+=d,zt(l))l=new Tt(Zr(l));else if(l instanceof Do)l=new Tt(l);else if(!(f=Ee.getForInstance(l))){const k=l;l=new Tt(ps(()=>k))}i+=sl(l,d,n,f)}return new Gr(i+e[e.length-1],s,r)}}dt(Gr);const g=(o,...e)=>{if(Array.isArray(o)&&Array.isArray(o.raw))return Gr.create(o,e);throw oe.error(1206)};g.partial=o=>new ut(o);class Hs extends si{bind(e){e.source[this.options]=e.targets[this.targetNodeId]}}Ee.define(Hs);const z=o=>new Hs(o),nl=o=>o.nodeType===1,no=o=>o?e=>e.nodeType===1&&e.matches(o):nl;class al extends si{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,Aa),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 js="slotchange";class Rs extends al{observe(e){e.addEventListener(js,this)}disconnect(e){e.removeEventListener(js,this)}getNodes(e){return e.assignedNodes(this.options)}handleEvent(e){const t=e.currentTarget;this.updateTarget(this.getSource(t),this.computeNodes(t))}}Ee.define(Rs);function U(o){return We(o)&&(o={property:o}),new Rs(o)}const qs="boolean",Ws="reflect",Wo=Object.freeze({locate:as()}),ll={toView(o){return o?"true":"false"},fromView(o){return!(o==null||o==="false"||o===!1||o===0)}};function Gs(o){if(o==null)return null;const e=o*1;return isNaN(e)?null:e}const re={toView(o){const e=Gs(o);return e&&e.toString()},fromView:Gs};class Ur{constructor(e,t,r=t.toLowerCase(),i=Ws,s){this.guards=new Set,this.Owner=e,this.name=t,this.attribute=r,this.mode=i,this.converter=s,this.fieldName=`_${t}`,this.callbackName=`${t}Changed`,this.hasCallback=this.callbackName in e.prototype,i===qs&&s===void 0&&(this.converter=ll)}setValue(e,t){const r=e[this.fieldName],i=this.converter;i!==void 0&&(t=i.fromView(t)),r!==t&&(e[this.fieldName]=t,this.tryReflectToAttribute(e),this.hasCallback&&e[this.callbackName](r,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,r=this.guards;r.has(e)||t==="fromView"||N.enqueue(()=>{r.add(e);const i=e[this.fieldName];switch(t){case Ws:const s=this.converter;ht.setAttribute(e,this.attribute,s!==void 0?s.toView(i):i);break;case qs:ht.setBooleanAttribute(e,this.attribute,i);break}r.delete(e)})}static collect(e,...t){const r=[];t.push(Wo.locate(e));for(let i=0,s=t.length;i<s;++i){const n=t[i];if(n!==void 0)for(let c=0,h=n.length;c<h;++c){const d=n[c];We(d)?r.push(new Ur(e,d)):r.push(new Ur(e,d.property,d.attribute,d.mode,d.converter))}}return r}}function a(o,e){let t;function r(i,s){arguments.length>1&&(t.property=s),Wo.locate(i.constructor).push(t)}if(arguments.length>1){t={},r(o,e);return}return t=o===void 0?{}:o,r}const Us={mode:"open"},Xs={},Ks=new Set,Go=oe.getById(ct.elementRegistry,()=>Yr());class Oe{constructor(e,t=e.definition){var r;this.platformDefined=!1,We(t)&&(t={name:t}),this.type=e,this.name=t.name,this.template=t.template,this.registry=(r=t.registry)!==null&&r!==void 0?r:customElements;const i=e.prototype,s=Ur.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(i,f)}Reflect.defineProperty(e,"observedAttributes",{value:n,enumerable:!0}),this.attributes=s,this.propertyLookup=c,this.attributeLookup=h,this.shadowOptions=t.shadowOptions===void 0?Us:t.shadowOptions===null?void 0:Object.assign(Object.assign({},Us),t.shadowOptions),this.elementOptions=t.elementOptions===void 0?Xs:Object.assign(Object.assign({},Xs),t.elementOptions),this.styles=ve.normalize(t.styles),Go.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 Ks.has(e)||Go.getByType(e)?new Oe(class extends e{},t):new Oe(e,t)}static registerBaseType(e){Ks.add(e)}}Oe.getByType=Go.getByType,Oe.getForInstance=Go.getForInstance;class cl extends MutationObserver{constructor(e){function t(r){this.callback.call(null,r.filter(i=>this.observedNodes.has(i.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 r=null,i=!1;return{source:o,context:_t.default,targets:t,get isBound(){return i},addBehaviorFactory(s,n){var c,h,d,l;const f=s;f.id=(c=f.id)!==null&&c!==void 0?c:so(),f.targetNodeId=(h=f.targetNodeId)!==null&&h!==void 0?h:so(),f.targetTagName=(d=n.tagName)!==null&&d!==void 0?d:null,f.policy=(l=f.policy)!==null&&l!==void 0?l:ht.policy,this.addTarget(f.targetNodeId,n),this.addBehavior(f.createBehavior())},addTarget(s,n){t[s]=n},addBehavior(s){e.push(s),i&&s.bind(this)},onUnbind(s){r===null&&(r=[]),r.push(s)},connectedCallback(s){i||(i=!0,e.forEach(n=>n.bind(this)))},disconnectedCallback(s){i&&(i=!1,r!==null&&r.forEach(n=>n.unbind(this)))}}}});const dl={bubbles:!0,composed:!0,cancelable:!0},Uo="isConnected",Ys=new WeakMap;function ao(o){var e,t;return(t=(e=o.shadowRoot)!==null&&e!==void 0?e:Ys.get(o))!==null&&t!==void 0?t:null}let Qs;class Ot extends cs{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 r=t.shadowOptions;if(r!==void 0){let s=e.shadowRoot;s?this.hasExistingShadowRoot=!0:(s=e.attachShadow(r),r.mode==="closed"&&Ys.set(e,s))}const i=m.getAccessors(e);if(i.length>0){const s=this.boundObservables=Object.create(null);for(let n=0,c=i.length;n<c;++n){const h=i[n].name,d=e[h];d!==void 0&&(delete e[h],s[h]=d)}}}get isConnected(){return m.track(this,Uo),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:_t.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,r;const i=(t=this.behaviors)!==null&&t!==void 0?t:this.behaviors=new Map,s=(r=i.get(e))!==null&&r!==void 0?r:0;s===0?(i.set(e,1),e.addedCallback&&e.addedCallback(this),e.connectedCallback&&!this.guardBehaviorConnection&&(this.stage===1||this.stage===0)&&e.connectedCallback(this)):i.set(e,s+1)}removeBehavior(e,t=!1){const r=this.behaviors;if(r===null)return;const i=r.get(e);i!==void 0&&(i===1||t?(r.delete(e),e.disconnectedCallback&&this.stage!==3&&e.disconnectedCallback(this),e.removedCallback&&e.removedCallback(this)):r.set(e,i-1))}addStyles(e){var t;if(!e)return;const r=this.source;if(e instanceof HTMLElement)((t=ao(r))!==null&&t!==void 0?t:this.source).append(e);else if(!e.isAttachedTo(r)){const i=e.behaviors;if(e.addStylesTo(r),i!==null)for(let s=0,n=i.length;s<n;++s)this.addBehavior(i[s])}}removeStyles(e){var t;if(!e)return;const r=this.source;if(e instanceof HTMLElement)((t=ao(r))!==null&&t!==void 0?t:r).removeChild(e);else if(e.isAttachedTo(r)){const i=e.behaviors;if(e.removeStylesFrom(r),i!==null)for(let s=0,n=i.length;s<n;++s)this.removeBehavior(i[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,Uo))}bindObservables(){if(this.boundObservables!==null){const e=this.source,t=this.boundObservables,r=Object.keys(t);for(let i=0,s=r.length;i<s;++i){const n=r[i];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,Uo),this.view!==null&&this.view.unbind(),this.disconnectBehaviors(),this.stage=3)}onAttributeChangedCallback(e,t,r){const i=this.definition.attributeLookup[e];i!==void 0&&i.onAttributeChangedCallback(this.source,r)}emit(e,t,r){return this.stage===1?this.source.dispatchEvent(new CustomEvent(e,Object.assign(Object.assign({detail:t},dl),r))):!1}renderTemplate(e){var t;const r=this.source,i=(t=ao(r))!==null&&t!==void 0?t:r;if(this.view!==null)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let s=i.firstChild;s!==null;s=i.firstChild)i.removeChild(s)}e&&(this.view=e.render(r,i,r),this.view.sourceLifetime=Mo.coupled)}static forCustomElement(e){const t=e.$fastController;if(t!==void 0)return t;const r=Oe.getForInstance(e);if(r===void 0)throw oe.error(1401);return e.$fastController=new Qs(e,r)}static setStrategy(e){Qs=e}}dt(Ot),Ot.setStrategy(Ot);function Xo(o){var e;return"adoptedStyleSheets"in o?o:(e=ao(o))!==null&&e!==void 0?e:o.getRootNode()}class Xr{constructor(e){const t=Xr.styleSheetCache;this.sheets=e.map(r=>{if(r instanceof CSSStyleSheet)return r;let i=t.get(r);return i===void 0&&(i=new CSSStyleSheet,i.replaceSync(r),t.set(r,i)),i})}addStylesTo(e){Js(Xo(e),this.sheets)}removeStylesFrom(e){en(Xo(e),this.sheets)}}Xr.styleSheetCache=new Map;let hl=0;const ul=()=>`fast-${++hl}`;function Zs(o){return o===document?document.body:o}class pl{constructor(e){this.styles=e,this.styleClass=ul()}addStylesTo(e){e=Zs(Xo(e));const t=this.styles,r=this.styleClass;for(let i=0;i<t.length;i++){const s=document.createElement("style");s.innerHTML=t[i],s.className=r,e.append(s)}}removeStylesFrom(e){e=Zs(Xo(e));const t=e.querySelectorAll(`.${this.styleClass}`);for(let r=0,i=t.length;r<i;++r)e.removeChild(t[r])}}let Js=(o,e)=>{o.adoptedStyleSheets=[...o.adoptedStyleSheets,...e]},en=(o,e)=>{o.adoptedStyleSheets=o.adoptedStyleSheets.filter(t=>e.indexOf(t)===-1)};if(ve.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),Js=(o,e)=>{o.adoptedStyleSheets.push(...e)},en=(o,e)=>{for(const t of e){const r=o.adoptedStyleSheets.indexOf(t);r!==-1&&o.adoptedStyleSheets.splice(r,1)}}}catch{}ve.setDefaultStrategy(Xr)}else ve.setDefaultStrategy(pl);const tn="defer-hydration",on="needs-hydration";class Pt extends Ot{static hydrationObserverHandler(e){for(const t of e)Pt.hydrationObserver.unobserve(t.target),t.target.$fastController.connect()}connect(){var e,t;if(this.needsHydration===void 0&&(this.needsHydration=this.source.getAttribute(on)!==null),this.source.hasAttribute(tn)){Pt.hydrationObserver.observe(this.source,{attributeFilter:[tn]});return}if(!this.needsHydration){super.connect();return}if(this.stage!==3)return;this.stage=0,this.bindObservables(),this.connectBehaviors();const r=this.source,i=(e=ao(r))!==null&&e!==void 0?e:r;if(this.template)if(Vo(this.template)){let s=i.firstChild,n=i.lastChild;r.shadowRoot===null&&(Ae.isElementBoundaryStartMarker(s)&&(s.data="",s=s.nextSibling),Ae.isElementBoundaryEndMarker(n)&&(n.data="",n=n.previousSibling)),this.view=this.template.hydrate(s,n,r),(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(on),this.needsInitialization=this.needsHydration=!1,m.notify(this,Uo)}disconnect(){super.disconnect(),Pt.hydrationObserver.unobserve(this.source)}static install(){Ot.setStrategy(Pt)}}Pt.hydrationObserver=new cl(Pt.hydrationObserverHandler);function rn(o){const e=class extends o{constructor(){super(),Ot.forCustomElement(this)}$emit(t,r,i){return this.$fastController.emit(t,r,i)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(t,r,i){this.$fastController.onAttributeChangedCallback(t,r,i)}};return Oe.registerBaseType(e),e}function bl(o,e){return zt(o)?Oe.compose(o,e):Oe.compose(this,o)}function gl(o,e){return zt(o)?Oe.compose(o,e).define().type:Oe.compose(this,o).define().type}function fl(o){return rn(o)}const x=Object.assign(rn(HTMLElement),{from:fl,define:gl,compose:bl});var ml=Object.defineProperty,vl=Object.getOwnPropertyDescriptor,j=(o,e,t,r)=>{for(var i=r>1?void 0:r?vl(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&ml(e,t,i),i};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 ci={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()}},$e={horizontal:"horizontal",vertical:"vertical"};function $l(o,e){let t=o.length;for(;t--;)if(e(o[t],t,o))return t;return-1}function di(...o){return o.every(e=>e instanceof HTMLElement)}const Ko="ArrowDown",Yo="ArrowLeft",Qo="ArrowRight",Zo="ArrowUp",Jo="End",lo="Enter",yl="Escape",er="Home",tr=" ",xl="Tab";var Fe;(function(o){o.ltr="ltr",o.rtl="rtl"})(Fe||(Fe={}));function kl(o,e,t){return t<o?e:t>e?o:t}function sn(o,e,t){return Math.min(Math.max(t,o),e)}let wl=0;function co(o=""){return`${o}${wl++}`}const or=o=>o.closest("[dir]")?.dir==="rtl"?Fe.rtl:Fe.ltr;function nn(o){return e=>e?.nodeType!==Node.ELEMENT_NODE?!1:e.tagName.toLowerCase().endsWith(o)}function de(o){return o?typeof o=="string"?new ut(o):"inline"in o?o.inline():o:ut.empty}const Cl=o=>o.nodeType!==Node.TEXT_NODE||!!o.nodeValue?.trim().length,Sl=":host([hidden]){display:none}";function w(o){return`${Sl}:host{display:${o}}`}class Il{constructor(e){this.listenerCache=new WeakMap,this.query=e}connectedCallback(e){const{query:t}=this;let r=this.listenerCache.get(e);r||(r=this.constructListener(e),this.listenerCache.set(e,r)),r.bind(t)(),t.addEventListener("change",r)}disconnectedCallback(e){const t=this.listenerCache.get(e);t&&this.query.removeEventListener("change",t)}}class Eo extends Il{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new Eo(e,t)}constructListener(e){let t=!1;const r=this.styles;return function(){const{matches:s}=this;s&&!t?(e.addStyles(r),t=s):!s&&t&&(e.removeStyles(r),t=s)}}removedCallback(e){e.removeStyles(this.styles)}}const X=Eo.with(window.matchMedia("(forced-colors)"));Eo.with(window.matchMedia("(prefers-color-scheme: dark)")),Eo.with(window.matchMedia("(prefers-color-scheme: light)"));const rr=CSS.supports("anchor-name: --a"),Pl="anchor"in HTMLElement.prototype,an=CSS.supports("selector(:state(g))");class Ze{}function pt(o){return g`<slot name="end" ${z("end")}>${de(o.end)}</slot>`.inline()}function Ge(o){return g`<slot name="start" ${z("start")}>${de(o.start)}</slot>`.inline()}function Je(o,...e){const t=Wo.locate(o);e.forEach(r=>{Object.getOwnPropertyNames(r.prototype).forEach(s=>{s!=="constructor"&&Object.defineProperty(o.prototype,s,Object.getOwnPropertyDescriptor(r.prototype,s))}),Wo.locate(r).forEach(s=>t.push(s))})}var zl=Object.defineProperty,_l=Object.getOwnPropertyDescriptor,ir=(o,e,t,r)=>{for(var i=r>1?void 0:r?_l(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&zl(e,t,i),i};class ho extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=co("accordion-")}}ir([a({attribute:"heading-level",mode:"fromView",converter:re})],ho.prototype,"headinglevel",2),ir([a({mode:"boolean"})],ho.prototype,"expanded",2),ir([a({mode:"boolean"})],ho.prototype,"disabled",2),ir([a],ho.prototype,"id",2);var Bl=Object.defineProperty,Tl=Object.getOwnPropertyDescriptor,hi=(o,e,t,r)=>{for(var i=r>1?void 0:r?Tl(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Bl(e,t,i),i};class uo extends ho{constructor(){super(...arguments),this.block=!1}}hi([a],uo.prototype,"size",2),hi([a({attribute:"marker-position"})],uo.prototype,"markerPosition",2),hi([a({mode:"boolean"})],uo.prototype,"block",2),Je(uo,Ze);const _="var(--colorNeutralForeground1)",ln="var(--colorNeutralForeground1Hover)",Ol="var(--colorNeutralForeground1Pressed)",Pe="var(--colorNeutralForeground2)",At="var(--colorNeutralForeground2Hover)",Et="var(--colorNeutralForeground2Pressed)",sr="var(--colorNeutralForeground2Selected)",nr="var(--colorNeutralForeground2BrandHover)",ar="var(--colorNeutralForeground2BrandPressed)",Al="var(--colorNeutralForeground2BrandSelected)",Z="var(--colorNeutralForeground3)",El="var(--colorNeutralForeground3Hover)",Nl="var(--colorNeutralForeground3Pressed)",Fl="var(--colorNeutralForeground3Selected)",ui="var(--colorNeutralForeground4)",T="var(--colorNeutralForegroundDisabled)",Ml="var(--colorBrandForegroundLink)",Dl="var(--colorBrandForegroundLinkHover)",Ll="var(--colorBrandForegroundLinkPressed)",Vl="var(--colorNeutralForeground2Link)",Hl="var(--colorNeutralForeground2LinkHover)",jl="var(--colorNeutralForeground2LinkPressed)",Rl="var(--colorCompoundBrandForeground1Hover)",ql="var(--colorCompoundBrandForeground1Pressed)",Ue="var(--colorNeutralForegroundOnBrand)",bt="var(--colorNeutralForegroundInverted)",Wl="var(--colorNeutralForegroundInvertedHover)",Gl="var(--colorNeutralForegroundInvertedPressed)",cn="var(--colorNeutralForegroundStaticInverted)",lr="var(--colorBrandForeground1)",Ul="var(--colorBrandForeground2)",Xl="var(--colorNeutralForeground1Static)",S="var(--colorNeutralBackground1)",cr="var(--colorNeutralBackground1Hover)",pi="var(--colorNeutralBackground1Pressed)",dn="var(--colorNeutralBackground1Selected)",po="var(--colorNeutralBackground3)",Kl="var(--colorNeutralBackground4)",Yl="var(--colorNeutralBackground5)",bo="var(--colorNeutralBackground6)",hn="var(--colorNeutralBackgroundInverted)",un="var(--colorSubtleBackground)",dr="var(--colorSubtleBackgroundHover)",go="var(--colorSubtleBackgroundPressed)",pn="var(--colorSubtleBackgroundSelected)",Ql="var(--colorSubtleBackgroundLightAlphaHover)",Zl="var(--colorSubtleBackgroundLightAlphaPressed)",Jl="var(--colorSubtleBackgroundLightAlphaSelected)",he="var(--colorTransparentBackground)",hr="var(--colorTransparentBackgroundHover)",ur="var(--colorTransparentBackgroundPressed)",bn="var(--colorTransparentBackgroundSelected)",et="var(--colorNeutralBackgroundDisabled)",bi="var(--colorBackgroundOverlay)",gn="var(--colorBrandBackground)",fn="var(--colorBrandBackgroundHover)",mn="var(--colorBrandBackgroundPressed)",ec="var(--colorBrandBackgroundSelected)",gt="var(--colorCompoundBrandBackground)",Nt="var(--colorCompoundBrandBackgroundHover)",Ft="var(--colorCompoundBrandBackgroundPressed)",vn="var(--colorBrandBackgroundStatic)",$n="var(--colorBrandBackground2)",Me="var(--colorNeutralStrokeAccessible)",ft="var(--colorNeutralStrokeAccessibleHover)",mt="var(--colorNeutralStrokeAccessiblePressed)",De="var(--colorNeutralStroke1)",Mt="var(--colorNeutralStroke1Hover)",fo="var(--colorNeutralStroke1Pressed)",mo="var(--colorNeutralStroke2)",tc="var(--colorNeutralStroke3)",oc="var(--colorNeutralStrokeOnBrand2)",yn="var(--colorBrandStroke1)",xn="var(--colorBrandStroke2)",vt="var(--colorCompoundBrandStroke)",rc="var(--colorCompoundBrandStrokeHover)",kn="var(--colorCompoundBrandStrokePressed)",ye="var(--colorNeutralStrokeDisabled)",K="var(--colorTransparentStroke)",gi="var(--colorTransparentStrokeInteractive)",pr="var(--colorStrokeFocus1)",ue="var(--colorStrokeFocus2)",ic="var(--colorNeutralShadowAmbient)",sc="var(--colorNeutralShadowKey)",wn="var(--colorPaletteRedBackground1)",nc="var(--colorPaletteRedBackground2)",Cn="var(--colorPaletteRedBackground3)",Sn="var(--colorPaletteRedBorder1)",fi="var(--colorPaletteRedBorder2)",mi="var(--colorPaletteRedForeground1)",ac="var(--colorPaletteRedForeground2)",In="var(--colorPaletteRedForeground3)",Pn="var(--colorPaletteGreenBackground1)",zn="var(--colorPaletteGreenBackground3)",lc="var(--colorPaletteGreenBorder1)",cc="var(--colorPaletteGreenBorder2)",dc="var(--colorPaletteGreenForeground1)",hc="var(--colorPaletteGreenForeground2)",uc="var(--colorPaletteGreenForeground3)",_n="var(--colorPaletteDarkOrangeBackground1)",Bn="var(--colorPaletteDarkOrangeBackground3)",Tn="var(--colorPaletteDarkOrangeBorder1)",pc="var(--colorPaletteDarkOrangeForeground1)",On="var(--colorPaletteDarkOrangeForeground3)",bc="var(--colorPaletteYellowBackground1)",gc="var(--colorPaletteYellowBackground3)",fc="var(--colorPaletteYellowBorder1)",vi="var(--colorPaletteYellowForeground2)",An="var(--colorPaletteMarigoldBackground2)",mc="var(--colorPaletteMarigoldBorderActive)",vc="var(--colorPaletteMarigoldForeground2)",$c="var(--colorPaletteAnchorBackground2)",yc="var(--colorPaletteAnchorForeground2)",xc="var(--colorPaletteBeigeBackground2)",kc="var(--colorPaletteBeigeForeground2)",wc="var(--colorPaletteBlueBackground2)",Cc="var(--colorPaletteBlueForeground2)",Sc="var(--colorPaletteBrassBackground2)",Ic="var(--colorPaletteBrassForeground2)",Pc="var(--colorPaletteBrownBackground2)",zc="var(--colorPaletteBrownForeground2)",_c="var(--colorPaletteCornflowerBackground2)",Bc="var(--colorPaletteCornflowerForeground2)",Tc="var(--colorPaletteCranberryBackground2)",Oc="var(--colorPaletteCranberryForeground2)",Ac="var(--colorPaletteDarkGreenBackground2)",Ec="var(--colorPaletteDarkGreenForeground2)",Nc="var(--colorPaletteDarkRedBackground2)",Fc="var(--colorPaletteDarkRedForeground2)",Mc="var(--colorPaletteForestBackground2)",Dc="var(--colorPaletteForestForeground2)",Lc="var(--colorPaletteGoldBackground2)",Vc="var(--colorPaletteGoldForeground2)",Hc="var(--colorPaletteGrapeBackground2)",jc="var(--colorPaletteGrapeForeground2)",Rc="var(--colorPaletteLavenderBackground2)",qc="var(--colorPaletteLavenderForeground2)",Wc="var(--colorPaletteLightTealBackground2)",Gc="var(--colorPaletteLightTealForeground2)",Uc="var(--colorPaletteLilacBackground2)",Xc="var(--colorPaletteLilacForeground2)",Kc="var(--colorPaletteMagentaBackground2)",Yc="var(--colorPaletteMagentaForeground2)",Qc="var(--colorPaletteMinkBackground2)",Zc="var(--colorPaletteMinkForeground2)",Jc="var(--colorPaletteNavyBackground2)",ed="var(--colorPaletteNavyForeground2)",td="var(--colorPalettePeachBackground2)",od="var(--colorPalettePeachForeground2)",rd="var(--colorPalettePinkBackground2)",id="var(--colorPalettePinkForeground2)",sd="var(--colorPalettePlatinumBackground2)",nd="var(--colorPalettePlatinumForeground2)",ad="var(--colorPalettePlumBackground2)",ld="var(--colorPalettePlumForeground2)",cd="var(--colorPalettePumpkinBackground2)",dd="var(--colorPalettePumpkinForeground2)",hd="var(--colorPalettePurpleBackground2)",ud="var(--colorPalettePurpleForeground2)",pd="var(--colorPaletteRoyalBlueBackground2)",bd="var(--colorPaletteRoyalBlueForeground2)",gd="var(--colorPaletteSeafoamBackground2)",fd="var(--colorPaletteSeafoamForeground2)",md="var(--colorPaletteSteelBackground2)",vd="var(--colorPaletteSteelForeground2)",$d="var(--colorPaletteTealBackground2)",yd="var(--colorPaletteTealForeground2)",br="var(--borderRadiusNone)",ze="var(--borderRadiusSmall)",C="var(--borderRadiusMedium)",En="var(--borderRadiusLarge)",Nn="var(--borderRadiusXLarge)",xe="var(--borderRadiusCircular)",v="var(--fontFamilyBase)",xd="var(--fontFamilyMonospace)",kd="var(--fontFamilyNumeric)",vo="var(--fontSizeBase100)",F="var(--fontSizeBase200)",O="var(--fontSizeBase300)",pe="var(--fontSizeBase400)",Dt="var(--fontSizeBase500)",gr="var(--fontSizeBase600)",Fn="var(--fontSizeHero700)",Mn="var(--fontSizeHero800)",Dn="var(--fontSizeHero900)",Ln="var(--fontSizeHero1000)",A="var(--fontWeightRegular)",wd="var(--fontWeightMedium)",L="var(--fontWeightSemibold)",fr="var(--fontWeightBold)",mr="var(--lineHeightBase100)",q="var(--lineHeightBase200)",M="var(--lineHeightBase300)",ke="var(--lineHeightBase400)",vr="var(--lineHeightBase500)",Vn="var(--lineHeightBase600)",Hn="var(--lineHeightHero700)",jn="var(--lineHeightHero800)",Rn="var(--lineHeightHero900)",qn="var(--lineHeightHero1000)",$i="var(--shadow2)",$r="var(--shadow4)",Cd="var(--shadow8)",yi="var(--shadow16)",Sd="var(--shadow28)",Wn="var(--shadow64)",I="var(--strokeWidthThin)",be="var(--strokeWidthThick)",Le="var(--strokeWidthThicker)",xi="var(--strokeWidthThickest)",V="var(--spacingHorizontalXXS)",ie="var(--spacingHorizontalXS)",ge="var(--spacingHorizontalSNudge)",_e="var(--spacingHorizontalS)",Ve="var(--spacingHorizontalMNudge)",ae="var(--spacingHorizontalM)",Id="var(--spacingHorizontalL)",Pd="var(--spacingHorizontalXL)",ki="var(--spacingHorizontalXXL)",wi="var(--spacingVerticalNone)",yr="var(--spacingVerticalXXS)",Lt="var(--spacingVerticalXS)",$o="var(--spacingVerticalSNudge)",se="var(--spacingVerticalS)",xr="var(--spacingVerticalMNudge)",zd="var(--spacingVerticalM)",Ci="var(--spacingVerticalL)",$t="var(--spacingVerticalXXL)",_d="var(--spacingVerticalXXXL)",Si="var(--durationUltraFast)",kr="var(--durationFaster)",wr="var(--durationNormal)",Ii="var(--durationGentle)",Bd="var(--durationSlow)",Gn="var(--durationSlower)",Cr="var(--durationUltraSlow)",Td="var(--curveAccelerateMax)",yt="var(--curveAccelerateMid)",Od="var(--curveAccelerateMin)",Un="var(--curveDecelerateMax)",xt="var(--curveDecelerateMid)",Ad="var(--curveDecelerateMin)",Xn="var(--curveEasyEaseMax)",Sr="var(--curveEasyEase)",Pi="var(--curveLinear)",Ed=u`
|
|
2
2
|
${w("block")}
|
|
3
3
|
|
|
4
|
-
:host{max-width:fit-content;contain:content}.heading{height:44px;display:grid;position:relative;padding-inline:${ae} ${Ve};border-radius:${C};font-family:${v};font-size:${O};font-weight:${
|
|
4
|
+
:host{max-width:fit-content;contain:content}.heading{height:44px;display:grid;position:relative;padding-inline:${ae} ${Ve};border-radius:${C};font-family:${v};font-size:${O};font-weight:${A};line-height:${M};grid-template-columns:auto auto 1fr auto}.button{appearance:none;background:${he};border:none;box-sizing:border-box;color:${_};cursor:pointer;font:inherit;grid-column:auto / span 2;grid-row:1;height:44px;outline:none;padding:0;text-align:start}.button::before{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${ze}}: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:${_e};grid-column:1 / span 1;grid-row:1}.content{margin:0 ${ae}}::slotted([slot='start']){display:flex;justify-content:center;align-items:center;padding-right:${_e};grid-column:2 / span 1;grid-row:1}button:focus-visible::after{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${ze};outline:none;border:2px solid ${pr};box-shadow:inset 0 0 0 1px ${ue}}:host([disabled]) .button{color:${T}}: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:${O};line-height:${M}}:host([size='small']) .heading{font-size:${F};line-height:${q}}:host([size='large']) .heading{font-size:${pe};line-height:${ke}}:host([size='extra-large']) .heading{font-size:${Dt};line-height:${vr}}: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:${_e};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:${ae}}:host([marker-position='end']:has([slot='start'])) .heading{padding-inline:${Ve} ${ae}}: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}`,Nd=g.partial(`<svg
|
|
5
5
|
width="20"
|
|
6
6
|
height="20"
|
|
7
7
|
viewBox="0 0 20 20"
|
|
@@ -14,7 +14,7 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
14
14
|
d="M7.73271 4.20694C8.03263 3.92125 8.50737 3.93279 8.79306 4.23271L13.7944 9.48318C14.0703 9.77285 14.0703 10.2281 13.7944 10.5178L8.79306 15.7682C8.50737 16.0681 8.03263 16.0797 7.73271 15.794C7.43279 15.5083 7.42125 15.0336 7.70694 14.7336L12.2155 10.0005L7.70694 5.26729C7.42125 4.96737 7.43279 4.49264 7.73271 4.20694Z"
|
|
15
15
|
fill="currentColor"
|
|
16
16
|
/>
|
|
17
|
-
</svg>`),
|
|
17
|
+
</svg>`),Fd=g.partial(`<svg
|
|
18
18
|
width="20"
|
|
19
19
|
height="20"
|
|
20
20
|
viewBox="0 0 20 20"
|
|
@@ -27,22 +27,22 @@ 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
|
|
30
|
+
</svg>`);function Md(o={}){return g`<div class="heading" part="heading" role="heading" aria-level="${e=>e.headinglevel}"><button class="button" part="button" ${z("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>${Ge(o)}<slot name="marker-expanded">${de(o.expandedIcon)}</slot><slot name="marker-collapsed">${de(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 Dd=Md({collapsedIcon:Nd,expandedIcon:Fd}),Ld=uo.compose({name:`${p.prefix}-accordion-item`,template:Dd,styles:Ed});Ld.define(p.registry);function Kn(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})},e?.timeout??1)}function Vt(o,e,t){const r=t?.shallow??!1,i=t?.timeout??50,s=t?.idleCallback??!1,n=`${r?":scope > ":""}:not(:defined)`,c=h=>{if(o.querySelector(n)===null||h&&h.timeRemaining()<=0){s?Kn(e,{timeout:i}):e();return}Kn(c,{timeout:i})};c()}function zi(o,e="-accordion-item"){return nn(e)(o)}const _i={single:"single",multi:"multi"};var Vd=Object.defineProperty,Hd=Object.getOwnPropertyDescriptor,Yn=(o,e,t,r)=>{for(var i=r>1?void 0:r?Hd(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Vd(e,t,i),i};class Bi extends x{constructor(){super(...arguments),this._isAdjusting=!1,this.activeItemIndex=0,this.setItems=()=>{Vt(this,()=>{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,r)=>{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,r)=>{m.getNotifier(t).unsubscribe(this,"disabled"),m.getNotifier(t).unsubscribe(this,"expanded"),t.removeEventListener("click",this.expandedChangedHandler)})},this.expandedChangedHandler=e=>{const t=e.target;zi(t)&&(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 r=this.findExpandedItem();if(r){if(t===_i.single){this.setSingleExpandMode(r);return}r?.expandbutton?.removeAttribute("aria-disabled")}}slottedAccordionItemsChanged(e,t){this.setItems()}handleChange(e,t){t==="disabled"?this.setItems():t==="expanded"&&e.expanded&&this.isSingleExpandMode()&&!this._isAdjusting&&(this._isAdjusting=!0,this.setSingleExpandMode(e),this._isAdjusting=!1)}findExpandedItem(){return!this.accordionItems||this.accordionItems?.length===0?null:this.accordionItems.find(e=>zi(e)&&e.expanded)??this.accordionItems[0]}isSingleExpandMode(){return this.expandmode===_i.single}setSingleExpandMode(e){if(this.accordionItems.length===0)return;const t=Array.from(this.accordionItems);this.activeItemIndex=t.indexOf(e),t.forEach((r,i)=>{zi(r)&&(this.activeItemIndex===i?(r.expanded=!0,r.expandbutton?.setAttribute("aria-disabled","true")):(r.expanded=!1,r.hasAttribute("disabled")||r.expandbutton?.removeAttribute("aria-disabled")))})}connectedCallback(){super.connectedCallback(),this.expandmode=this.expandmode||_i.multi,this.setItems()}}Yn([a({attribute:"expand-mode"})],Bi.prototype,"expandmode",2),Yn([b],Bi.prototype,"slottedAccordionItems",2);const jd=u`
|
|
31
31
|
${w("flex")}
|
|
32
32
|
|
|
33
|
-
:host{flex-direction:column;width:100%;contain:content}`;function Rd(){return g`<template><slot ${U({property:"slottedAccordionItems",filter:no()})}></slot></template>`}const qd=Rd(),Wd=
|
|
33
|
+
:host{flex-direction:column;width:100%;contain:content}`;function Rd(){return g`<template><slot ${U({property:"slottedAccordionItems",filter:no()})}></slot></template>`}const qd=Rd(),Wd=Bi.compose({name:`${p.prefix}-accordion`,template:qd,styles:jd});Wd.define(p.registry);const Qn=new Map;function P(o){return Qn.get(o)??Qn.set(o,an?`:state(${o})`:`[state--${o}]`).get(o)}function $(o,e,t){if(!(!e||!o)){if(!an){o.shadowRoot.host.toggleAttribute(`state--${e}`,t);return}if(t??!o.states.has(e)){o.states.add(e);return}o.states.delete(e)}}const Ti=new WeakMap;function Zn(o,e){if(!o||!e)return!1;if(Ti.has(o))return Ti.get(o).has(e);const t=new Set(Object.values(o));return Ti.set(o,t),t.has(e)}function kt(o,e="",t="",r,i=""){$(o,`${i}${e}`,!1),(!r||Zn(r,t))&&$(o,`${i}${t}`,!0)}const Gd={primary:"primary",outline:"outline",subtle:"subtle",transparent:"transparent"},Ud={circular:"circular",rounded:"rounded",square:"square"},Xd={small:"small",medium:"medium",large:"large"},Ir={submit:"submit",reset:"reset",button:"button"},Kd=Gd,Yd=Ud,Qd=Xd,Zd={download:"download",href:"href",hreflang:"hreflang",ping:"ping",referrerpolicy:"referrerpolicy",rel:"rel",target:"target",type:"type"};var Jd=Object.defineProperty,eh=Object.getOwnPropertyDescriptor,tt=(o,e,t,r)=>{for(var i=r>1?void 0:r?eh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Jd(e,t,i),i};class He extends x{constructor(){super(),this.isMac=navigator.userAgent.includes("Mac"),this.elementInternals=this.attachInternals(),this.internalProxyAnchor=this.createProxyElement(),this.elementInternals.role="link"}connectedCallback(){super.connectedCallback(),this.tabIndex=Number(this.getAttribute("tabindex")??0)<0?-1:0,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 Zd){const r=this.$fastController.definition.attributeLookup[t]?.attribute;r&&this.handleProxyAttributeChange(r,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===lo){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}}tt([a],He.prototype,"download",2),tt([a],He.prototype,"href",2),tt([a],He.prototype,"hreflang",2),tt([a],He.prototype,"ping",2),tt([a],He.prototype,"referrerpolicy",2),tt([a],He.prototype,"rel",2),tt([a],He.prototype,"target",2),tt([a],He.prototype,"type",2);var th=Object.defineProperty,oh=Object.getOwnPropertyDescriptor,Pr=(o,e,t,r)=>{for(var i=r>1?void 0:r?oh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&th(e,t,i),i};class Ht extends He{constructor(){super(...arguments),this.iconOnly=!1}appearanceChanged(e,t){kt(this.elementInternals,e,t,Kd)}shapeChanged(e,t){kt(this.elementInternals,e,t,Yd)}sizeChanged(e,t){kt(this.elementInternals,e,t,Qd)}iconOnlyChanged(e,t){$(this.elementInternals,"icon",!!t)}}Pr([a],Ht.prototype,"appearance",2),Pr([a],Ht.prototype,"shape",2),Pr([a],Ht.prototype,"size",2),Pr([a({attribute:"icon-only",mode:"boolean"})],Ht.prototype,"iconOnly",2),Je(Ht,Ze);const Jn=u`
|
|
34
34
|
${w("inline-flex")}
|
|
35
35
|
|
|
36
|
-
:host{--icon-spacing:${ge};position:relative;contain:layout style;vertical-align:middle;align-items:center;box-sizing:border-box;justify-content:center;text-align:center;text-decoration-line:none;margin:0;min-height:32px;outline-style:none;background-color:${S};color:${
|
|
37
|
-
${
|
|
36
|
+
:host{--icon-spacing:${ge};position:relative;contain:layout style;vertical-align:middle;align-items:center;box-sizing:border-box;justify-content:center;text-align:center;text-decoration-line:none;margin:0;min-height:32px;outline-style:none;background-color:${S};color:${_};border:${I} solid ${De};padding:0 ${ae};min-width:96px;border-radius:${C};font-size:${O};font-family:${v};font-weight:${L};line-height:${M};transition-duration:${kr};transition-property:background,border,color;transition-timing-function:${Sr};cursor:pointer;user-select:none}.content{display:inherit}:host(:hover){background-color:${cr};color:${ln};border-color:${Mt}}:host(:hover:active){background-color:${pi};border-color:${fo};color:${Ol};outline-style:none}:host(:focus-visible){border-color:${K};outline:${be} solid ${K};box-shadow:${$r},0 0 0 2px ${ue}}@media screen and (prefers-reduced-motion:reduce){:host{transition-duration:0.01ms}}::slotted(svg){font-size:20px;height:20px;width:20px;fill:currentColor}::slotted([slot='start']){margin-inline-end:var(--icon-spacing)}::slotted([slot='end']),[slot='end']{flex-shrink:0;margin-inline-start:var(--icon-spacing)}:host([icon-only]){min-width:32px;max-width:32px}:host([size='small']){--icon-spacing:${ie};min-height:24px;min-width:64px;padding:0 ${_e};border-radius:${ze};font-size:${F};line-height:${q};font-weight:${A}}:host([size='small'][icon-only]){min-width:24px;max-width:24px}:host([size='large']){min-height:40px;border-radius:${En};padding:0 ${Id};font-size:${pe};line-height:${ke}}:host([size='large'][icon-only]){min-width:40px;max-width:40px}:host([size='large']) ::slotted(svg){font-size:24px;height:24px;width:24px}:host(:is([shape='circular'],[shape='circular']:focus-visible)){border-radius:${xe}}:host(:is([shape='square'],[shape='square']:focus-visible)){border-radius:${br}}:host([appearance='primary']){background-color:${gn};color:${Ue};border-color:transparent}:host([appearance='primary']:hover){background-color:${fn}}:host([appearance='primary']:is(:hover,:hover:active):not(:focus-visible)){border-color:transparent}:host([appearance='primary']:is(:hover,:hover:active)){color:${Ue}}:host([appearance='primary']:hover:active){background-color:${mn}}:host([appearance='primary']:focus-visible){border-color:${Ue};box-shadow:${$i},0 0 0 2px ${ue}}:host([appearance='outline']){background-color:${he}}:host([appearance='outline']:hover){background-color:${hr}}:host([appearance='outline']:hover:active){background-color:${ur}}:host([appearance='subtle']){background-color:${un};color:${Pe};border-color:transparent}:host([appearance='subtle']:hover){background-color:${dr};color:${At};border-color:transparent}:host([appearance='subtle']:hover:active){background-color:${go};color:${Et};border-color:transparent}:host([appearance='subtle']:hover) ::slotted(svg){fill:${nr}}:host([appearance='subtle']:hover:active) ::slotted(svg){fill:${ar}}:host([appearance='transparent']){background-color:${he};color:${Pe}}:host([appearance='transparent']:hover){background-color:${hr};color:${nr}}:host([appearance='transparent']:hover:active){background-color:${ur};color:${ar}}:host(:is([appearance='transparent'],[appearance='transparent']:is(:hover,:active))){border-color:transparent}`,zr=u`
|
|
37
|
+
${Jn}
|
|
38
38
|
|
|
39
|
-
:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable])),:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]):hover),:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]):hover:active){background-color:${et};border-color:${ye};color:${
|
|
39
|
+
:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable])),:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]):hover),:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]):hover:active){background-color:${et};border-color:${ye};color:${T};cursor:not-allowed}:host([appearance='primary']:is(:disabled,[disabled-focusable])),:host([appearance='primary']:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){border-color:transparent}:host([appearance='outline']:is(:disabled,[disabled-focusable])),:host([appearance='outline']:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){background-color:${he}}:host([appearance='subtle']:is(:disabled,[disabled-focusable])),:host([appearance='subtle']:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){background-color:${he};border-color:transparent}:host([appearance='transparent']:is(:disabled,[disabled-focusable])),:host([appearance='transparent']:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){border-color:transparent;background-color:${he}}`.withBehaviors(X(u`
|
|
40
40
|
:host{background-color:ButtonFace;color:ButtonText}:host(:is(:hover,:focus-visible)){border-color:Highlight !important}:host([appearance='primary']:not(:is(:hover,:focus-visible))){background-color:Highlight;color:HighlightText;forced-color-adjust:none}:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable])){background-color:ButtonFace;color:GrayText;border-color:ButtonText}`)),rh=u`
|
|
41
|
-
${
|
|
41
|
+
${Jn}
|
|
42
42
|
|
|
43
43
|
::slotted(a){position:absolute;inset:0}`.withBehaviors(X(u`
|
|
44
|
-
:host{border-color:LinkText;color:LinkText}`));function ih(o={}){return g`<template tabindex="0" @click="${(e,t)=>e.clickHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}">${Ge(o)}<span class="content" part="content"><slot></slot></span>${pt(o)}</template>`}const sh=ih(),nh=Ht.compose({name:`${p.prefix}-anchor-button`,template:sh,styles:rh});nh.define(p.registry);const ah=/[\(\[\{][^\)\]\}]*[\)\]\}]/g,lh=/[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g,ch=/^\d+[\d\s]*(:?ext|x|)\s*\d+$/i,dh=/\s+/g,hh=/[\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 uh(o,e,t){let r="";const i=o.split(" ");return i.length!==0&&(r+=i[0].charAt(0).toUpperCase()),t||(i.length===2?r+=i[1].charAt(0).toUpperCase():i.length===3&&(r+=i[2].charAt(0).toUpperCase())),e&&r.length>1?r.charAt(1)+r.charAt(0):r}function ph(o){return o=o.replace(ah,""),o=o.replace(lh,""),o=o.replace(dh," "),o=o.trim(),o}function
|
|
45
|
-
${w("inline-grid")} :host{position:relative;place-items:center;place-content:center;grid-template:1fr / 1fr;flex-shrink:0;width:32px;height:32px;font-family:${v};font-weight:${L};font-size:${O};border-radius:${xe};color:${Z};background-color:${bo};contain:layout style}.monogram,.default-icon{grid-area:1 / 1 / -1 / -1}.monogram:empty{display:none}.default-slot:is(.has-slotted,:has-slotted) ~ .default-icon,.default-slot:is(.has-slotted,:has-slotted) ~ .monogram,:host(:is([name]):not([name=''])) .default-icon,:host(:is([initials]):not([initials=''])) .default-icon{display:none}.default-icon,::slotted(svg){width:20px;height:20px;font-size:20px}::slotted(img){box-sizing:border-box;width:100%;height:100%;border-radius:${xe}}::slotted([slot='badge']){position:absolute;bottom:0;right:0;box-shadow:0 0 0 ${I} ${S}}: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 ${be} ${S}}:host([size='16']),:host([size='20']),:host([size='24']){font-size:${vo};font-weight:${
|
|
44
|
+
:host{border-color:LinkText;color:LinkText}`));function ih(o={}){return g`<template tabindex="0" @click="${(e,t)=>e.clickHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}">${Ge(o)}<span class="content" part="content"><slot></slot></span>${pt(o)}</template>`}const sh=ih(),nh=Ht.compose({name:`${p.prefix}-anchor-button`,template:sh,styles:rh});nh.define(p.registry);const ah=/[\(\[\{][^\)\]\}]*[\)\]\}]/g,lh=/[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g,ch=/^\d+[\d\s]*(:?ext|x|)\s*\d+$/i,dh=/\s+/g,hh=/[\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 uh(o,e,t){let r="";const i=o.split(" ");return i.length!==0&&(r+=i[0].charAt(0).toUpperCase()),t||(i.length===2?r+=i[1].charAt(0).toUpperCase():i.length===3&&(r+=i[2].charAt(0).toUpperCase())),e&&r.length>1?r.charAt(1)+r.charAt(0):r}function ph(o){return o=o.replace(ah,""),o=o.replace(lh,""),o=o.replace(dh," "),o=o.trim(),o}function ea(o,e,t){return!o||(o=ph(o),hh.test(o)||!t?.allowPhoneInitials&&ch.test(o))?"":uh(o,e,t?.firstInitialOnly)}var bh=Object.defineProperty,gh=Object.getOwnPropertyDescriptor,yo=(o,e,t,r)=>{for(var i=r>1?void 0:r?gh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&bh(e,t,i),i};class jt extends x{constructor(){super(),this.slottedDefaults=[],this.elementInternals=this.attachInternals(),this.elementInternals.role="img"}defaultSlotChanged(){if(!CSS.supports("selector(:has-slotted)")){const e=this.defaultSlot.assignedElements();this.defaultSlot.classList.toggle("has-slotted",e.length>0)}N.enqueue(()=>{this.cleanupSlottedContent()})}monogramChanged(){this.updateMonogram()}slottedDefaultsChanged(){this.defaultSlot&&this.cleanupSlottedContent()}nameChanged(){this.updateMonogram()}initialsChanged(){this.updateMonogram()}generateInitials(){return this.initials||ea(this.name,window.getComputedStyle(this).direction==="rtl")}updateMonogram(){this.monogram&&(this.monogram.textContent=this.generateInitials()??"")}cleanupSlottedContent(){this.normalize(),CSS.supports("selector(:has-slotted)")||this.defaultSlot.classList.toggle("has-slotted",!!this.slottedDefaults.length),this.innerText.trim()||this.slottedDefaults.forEach(e=>{e.nodeType===Node.TEXT_NODE&&e.remove()})}}yo([b],jt.prototype,"defaultSlot",2),yo([b],jt.prototype,"monogram",2),yo([b],jt.prototype,"slottedDefaults",2),yo([a],jt.prototype,"name",2),yo([a],jt.prototype,"initials",2);const ta={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"},oa={neutral:"neutral",brand:"brand",colorful:"colorful",...ta};var fh=Object.defineProperty,mh=Object.getOwnPropertyDescriptor,Rt=(o,e,t,r)=>{for(var i=r>1?void 0:r?mh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&fh(e,t,i),i};const ot=class os extends jt{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||ea(this.name,window.getComputedStyle(this).direction==="rtl",{firstInitialOnly:e<=16})}generateColor(){const e=this.color===oa.colorful;this.currentColor,this.currentColor=e&&this.colorId?this.colorId:e?os.colors[$h(this.name??"")%os.colors.length]:this.color??oa.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)}};ot.colors=Object.values(ta),Rt([a],ot.prototype,"active",2),Rt([a],ot.prototype,"shape",2),Rt([a],ot.prototype,"appearance",2),Rt([a({converter:re})],ot.prototype,"size",2),Rt([a],ot.prototype,"color",2),Rt([a({attribute:"color-id"})],ot.prototype,"colorId",2);let vh=ot;const $h=o=>{let e=0;for(let t=o.length-1;t>=0;t--){const r=o.charCodeAt(t),i=t%8;e^=(r<<i)+(r>>8-i)}return e},rt={fastOutSlowInMax:Un,fastOutSlowInMid:xt,fastOutSlowInMin:Ad,slowOutFastInMax:Td,slowOutFastInMid:yt,slowOutFastInMin:Od,fastEase:Xn,normalEase:Sr,nullEasing:Pi},yh=u`
|
|
45
|
+
${w("inline-grid")} :host{position:relative;place-items:center;place-content:center;grid-template:1fr / 1fr;flex-shrink:0;width:32px;height:32px;font-family:${v};font-weight:${L};font-size:${O};border-radius:${xe};color:${Z};background-color:${bo};contain:layout style}.monogram,.default-icon{grid-area:1 / 1 / -1 / -1}.monogram:empty{display:none}.default-slot:is(.has-slotted,:has-slotted) ~ .default-icon,.default-slot:is(.has-slotted,:has-slotted) ~ .monogram,:host(:is([name]):not([name=''])) .default-icon,:host(:is([initials]):not([initials=''])) .default-icon{display:none}.default-icon,::slotted(svg){width:20px;height:20px;font-size:20px}::slotted(img){box-sizing:border-box;width:100%;height:100%;border-radius:${xe}}::slotted([slot='badge']){position:absolute;bottom:0;right:0;box-shadow:0 0 0 ${I} ${S}}: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 ${be} ${S}}:host([size='16']),:host([size='20']),:host([size='24']){font-size:${vo};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:${pe}}: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:${Dt}}: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:${gr}}: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:${ze}}:host([shape='square'][size='56']),:host([shape='square'][size='64']),:host([shape='square'][size='72']){border-radius:${En}}:host([shape='square'][size='96']),:host([shape='square'][size='120']),:host([shape='square'][size='128']){border-radius:${Nn}}:host([data-color='brand']){color:${cn};background-color:${vn}}:host([data-color='dark-red']){color:${Fc};background-color:${Nc}}:host([data-color='cranberry']){color:${Oc};background-color:${Tc}}:host([data-color='red']){color:${ac};background-color:${nc}}:host([data-color='pumpkin']){color:${dd};background-color:${cd}}:host([data-color='peach']){color:${od};background-color:${td}}:host([data-color='marigold']){color:${vc};background-color:${An}}:host([data-color='gold']){color:${Vc};background-color:${Lc}}:host([data-color='brass']){color:${Ic};background-color:${Sc}}:host([data-color='brown']){color:${zc};background-color:${Pc}}:host([data-color='forest']){color:${Dc};background-color:${Mc}}:host([data-color='seafoam']){color:${fd};background-color:${gd}}:host([data-color='dark-green']){color:${Ec};background-color:${Ac}}:host([data-color='light-teal']){color:${Gc};background-color:${Wc}}:host([data-color='teal']){color:${yd};background-color:${$d}}:host([data-color='steel']){color:${vd};background-color:${md}}:host([data-color='blue']){color:${Cc};background-color:${wc}}:host([data-color='royal-blue']){color:${bd};background-color:${pd}}:host([data-color='cornflower']){color:${Bc};background-color:${_c}}:host([data-color='navy']){color:${ed};background-color:${Jc}}:host([data-color='lavender']){color:${qc};background-color:${Rc}}:host([data-color='purple']){color:${ud};background-color:${hd}}:host([data-color='grape']){color:${jc};background-color:${Hc}}:host([data-color='lilac']){color:${Xc};background-color:${Uc}}:host([data-color='pink']){color:${id};background-color:${rd}}:host([data-color='magenta']){color:${Yc};background-color:${Kc}}:host([data-color='plum']){color:${ld};background-color:${ad}}:host([data-color='beige']){color:${kc};background-color:${xc}}:host([data-color='mink']){color:${Zc};background-color:${Qc}}:host([data-color='platinum']){color:${nd};background-color:${sd}}:host([data-color='anchor']){color:${yc};background-color:${$c}}:host([active]){transform:perspective(1px);transition-property:transform,opacity;transition-duration:${Cr},${kr};transition-delay:${rt.fastEase},${rt.nullEasing}}:host([active])::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:inherit;transition-property:margin,opacity;transition-duration:${Cr},${Gn};transition-delay:${rt.fastEase},${rt.nullEasing}}:host([active])::before{box-shadow:${Cd};border-style:solid;border-color:${vn}}:host([active][appearance='shadow'])::before{border-style:none;border-color:none}:host([active]:not([appearance='shadow']))::before{margin:calc(-2 * ${be});border-width:${be}}:host([size='56'][active]:not([appearance='shadow']))::before,:host([size='64'][active]:not([appearance='shadow']))::before{margin:calc(-2 * ${Le});border-width:${Le}}: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 * ${xi});border-width:${xi}}:host([size='20'][active][appearance])::before,:host([size='24'][active][appearance])::before,:host([size='28'][active][appearance])::before{box-shadow:${$r}}:host([size='56'][active][appearance])::before,:host([size='64'][active][appearance])::before{box-shadow:${yi}}: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:${Sd}}:host([active][appearance='ring'])::before{box-shadow:none}:host([active='inactive']){opacity:0.8;transform:scale(0.875);transition-property:transform,opacity;transition-duration:${Cr},${kr};transition-delay:${rt.fastOutSlowInMin},${rt.nullEasing}}:host([active='inactive'])::before{margin:0;opacity:0;transition-property:margin,opacity;transition-duration:${Cr},${Gn};transition-delay:${rt.fastOutSlowInMin},${rt.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}}`,xh=g`<svg width="1em" height="1em" viewBox="0 0 20 20" 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 kh(){return g`<slot class="default-slot" ${U("slottedDefaults")} ${z("defaultSlot")}></slot><span class="monogram" ${z("monogram")}>${o=>o.initials}</span>${xh}<slot name="badge"></slot>`}const wh=kh(),Ch=vh.compose({name:`${p.prefix}-avatar`,template:wh,styles:yh});Ch.define(p.registry);const Sh={filled:"filled",ghost:"ghost",outline:"outline",tint:"tint"},Ih={brand:"brand",danger:"danger",important:"important",informative:"informative",severe:"severe",subtle:"subtle",success:"success",warning:"warning"};var Ph=Object.defineProperty,zh=Object.getOwnPropertyDescriptor,_r=(o,e,t,r)=>{for(var i=r>1?void 0:r?zh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Ph(e,t,i),i};class qt extends x{constructor(){super(...arguments),this.appearance=Sh.filled,this.color=Ih.brand}}_r([a],qt.prototype,"appearance",2),_r([a],qt.prototype,"color",2),_r([a],qt.prototype,"shape",2),_r([a],qt.prototype,"size",2),Je(qt,Ze);const ra=u.partial`
|
|
46
46
|
${w("inline-flex")} :host {
|
|
47
47
|
position: relative;
|
|
48
48
|
box-sizing: border-box;
|
|
@@ -78,7 +78,7 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
78
78
|
border-color: inherit;
|
|
79
79
|
border-radius: inherit;
|
|
80
80
|
}
|
|
81
|
-
`,
|
|
81
|
+
`,ia=u.partial`
|
|
82
82
|
:host([size='tiny']) {
|
|
83
83
|
width: 6px;
|
|
84
84
|
height: 6px;
|
|
@@ -131,30 +131,30 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
131
131
|
:host([size='extra-large']) ::slotted(svg) {
|
|
132
132
|
font-size: 20px;
|
|
133
133
|
}
|
|
134
|
-
`,
|
|
134
|
+
`,sa=u.partial`
|
|
135
135
|
:host([color='danger']) {
|
|
136
136
|
background-color: ${Cn};
|
|
137
137
|
color: ${Ue};
|
|
138
138
|
}
|
|
139
139
|
|
|
140
140
|
:host([color='important']) {
|
|
141
|
-
background-color: ${
|
|
141
|
+
background-color: ${_};
|
|
142
142
|
color: ${S};
|
|
143
143
|
}
|
|
144
144
|
|
|
145
145
|
:host([color='informative']) {
|
|
146
|
-
background-color: ${
|
|
146
|
+
background-color: ${Yl};
|
|
147
147
|
color: ${Z};
|
|
148
148
|
}
|
|
149
149
|
|
|
150
150
|
:host([color='severe']) {
|
|
151
|
-
background-color: ${
|
|
151
|
+
background-color: ${Bn};
|
|
152
152
|
color: ${Ue};
|
|
153
153
|
}
|
|
154
154
|
|
|
155
155
|
:host([color='subtle']) {
|
|
156
156
|
background-color: ${S};
|
|
157
|
-
color: ${
|
|
157
|
+
color: ${_};
|
|
158
158
|
}
|
|
159
159
|
|
|
160
160
|
:host([color='success']) {
|
|
@@ -163,10 +163,10 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
163
163
|
}
|
|
164
164
|
|
|
165
165
|
:host([color='warning']) {
|
|
166
|
-
background-color: ${
|
|
167
|
-
color: ${
|
|
166
|
+
background-color: ${gc};
|
|
167
|
+
color: ${Xl};
|
|
168
168
|
}
|
|
169
|
-
`,
|
|
169
|
+
`,na=u.partial`
|
|
170
170
|
:host([appearance='ghost']) {
|
|
171
171
|
color: ${lr};
|
|
172
172
|
background-color: initial;
|
|
@@ -177,7 +177,7 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
177
177
|
}
|
|
178
178
|
|
|
179
179
|
:host([appearance='ghost'][color='important']) {
|
|
180
|
-
color: ${
|
|
180
|
+
color: ${_};
|
|
181
181
|
}
|
|
182
182
|
|
|
183
183
|
:host([appearance='ghost'][color='informative']) {
|
|
@@ -193,13 +193,13 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
193
193
|
}
|
|
194
194
|
|
|
195
195
|
:host([appearance='ghost'][color='success']) {
|
|
196
|
-
color: ${
|
|
196
|
+
color: ${uc};
|
|
197
197
|
}
|
|
198
198
|
|
|
199
199
|
:host([appearance='ghost'][color='warning']) {
|
|
200
200
|
color: ${vi};
|
|
201
201
|
}
|
|
202
|
-
`,
|
|
202
|
+
`,_h=u.partial`
|
|
203
203
|
:host([appearance='outline']) {
|
|
204
204
|
border-color: currentColor;
|
|
205
205
|
color: ${lr};
|
|
@@ -229,16 +229,16 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
229
229
|
}
|
|
230
230
|
|
|
231
231
|
:host([appearance='outline'][color='success']) {
|
|
232
|
-
color: ${
|
|
232
|
+
color: ${hc};
|
|
233
233
|
}
|
|
234
234
|
|
|
235
235
|
:host([appearance='outline'][color='warning']) {
|
|
236
236
|
color: ${vi};
|
|
237
237
|
}
|
|
238
|
-
`,
|
|
238
|
+
`,Bh=u.partial`
|
|
239
239
|
:host([appearance='tint']) {
|
|
240
240
|
background-color: ${$n};
|
|
241
|
-
color: ${
|
|
241
|
+
color: ${Ul};
|
|
242
242
|
border-color: ${xn};
|
|
243
243
|
}
|
|
244
244
|
|
|
@@ -255,15 +255,15 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
255
255
|
}
|
|
256
256
|
|
|
257
257
|
:host([appearance='tint'][color='informative']) {
|
|
258
|
-
background-color: ${
|
|
258
|
+
background-color: ${Kl};
|
|
259
259
|
color: ${Z};
|
|
260
260
|
border-color: ${mo};
|
|
261
261
|
}
|
|
262
262
|
|
|
263
263
|
:host([appearance='tint'][color='severe']) {
|
|
264
|
-
background-color: ${
|
|
265
|
-
color: ${
|
|
266
|
-
border-color: ${
|
|
264
|
+
background-color: ${_n};
|
|
265
|
+
color: ${pc};
|
|
266
|
+
border-color: ${Tn};
|
|
267
267
|
}
|
|
268
268
|
|
|
269
269
|
:host([appearance='tint'][color='subtle']) {
|
|
@@ -274,20 +274,20 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
274
274
|
|
|
275
275
|
:host([appearance='tint'][color='success']) {
|
|
276
276
|
background-color: ${Pn};
|
|
277
|
-
color: ${
|
|
278
|
-
border-color: ${
|
|
277
|
+
color: ${dc};
|
|
278
|
+
border-color: ${cc};
|
|
279
279
|
}
|
|
280
280
|
|
|
281
281
|
:host([appearance='tint'][color='warning']) {
|
|
282
|
-
background-color: ${
|
|
282
|
+
background-color: ${bc};
|
|
283
283
|
color: ${vi};
|
|
284
|
-
border-color: ${
|
|
284
|
+
border-color: ${fc};
|
|
285
285
|
}
|
|
286
|
-
`,
|
|
286
|
+
`,aa=u.partial`
|
|
287
287
|
font-family: ${v};
|
|
288
288
|
font-size: ${O};
|
|
289
289
|
line-height: ${M};
|
|
290
|
-
font-weight: ${
|
|
290
|
+
font-weight: ${A};
|
|
291
291
|
`;u.partial`
|
|
292
292
|
font-family: ${v};
|
|
293
293
|
font-size: ${O};
|
|
@@ -298,16 +298,16 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
298
298
|
font-size: ${O};
|
|
299
299
|
line-height: ${M};
|
|
300
300
|
font-weight: ${fr};
|
|
301
|
-
`;const
|
|
301
|
+
`;const Th=u.partial`
|
|
302
302
|
font-family: ${v};
|
|
303
303
|
font-size: ${pe};
|
|
304
304
|
line-height: ${ke};
|
|
305
|
-
font-weight: ${
|
|
306
|
-
`,
|
|
305
|
+
font-weight: ${A};
|
|
306
|
+
`,la=u.partial`
|
|
307
307
|
font-family: ${v};
|
|
308
308
|
font-size: ${F};
|
|
309
309
|
line-height: ${q};
|
|
310
|
-
font-weight: ${
|
|
310
|
+
font-weight: ${A};
|
|
311
311
|
`;u.partial`
|
|
312
312
|
font-family: ${v};
|
|
313
313
|
font-size: ${F};
|
|
@@ -322,7 +322,7 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
322
322
|
font-family: ${v};
|
|
323
323
|
font-size: ${vo};
|
|
324
324
|
line-height: ${mr};
|
|
325
|
-
font-weight: ${
|
|
325
|
+
font-weight: ${A};
|
|
326
326
|
`,u.partial`
|
|
327
327
|
font-family: ${v};
|
|
328
328
|
font-size: ${vo};
|
|
@@ -368,18 +368,18 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
368
368
|
font-size: ${Ln};
|
|
369
369
|
line-height: ${qn};
|
|
370
370
|
font-weight: ${L};
|
|
371
|
-
`;const
|
|
372
|
-
:host([shape='square']){border-radius:${br}}:host([shape='rounded']){border-radius:${C}}:host([shape='rounded']:is([size='tiny'],[size='extra-small'],[size='small'])){border-radius:${ze}}${
|
|
373
|
-
${
|
|
371
|
+
`;const Ah=u`
|
|
372
|
+
:host([shape='square']){border-radius:${br}}:host([shape='rounded']){border-radius:${C}}:host([shape='rounded']:is([size='tiny'],[size='extra-small'],[size='small'])){border-radius:${ze}}${Bh}
|
|
373
|
+
${_h}
|
|
374
|
+
${na}
|
|
374
375
|
${sa}
|
|
375
376
|
${ia}
|
|
376
377
|
${ra}
|
|
377
|
-
${oa}
|
|
378
378
|
`.withBehaviors(X(u`
|
|
379
|
-
:host,:host([appearance='outline']),:host([appearance='tint']){border-color:CanvasText}`));function
|
|
379
|
+
:host,:host([appearance='outline']),:host([appearance='tint']){border-color:CanvasText}`));function ca(o={}){return g` ${Ge(o)}<slot>${de(o.defaultContent)}</slot>${pt(o)} `}const Eh=ca(),Nh=qt.compose({name:`${p.prefix}-badge`,template:Eh,styles:Ah});Nh.define(p.registry);var Fh=Object.defineProperty,Mh=Object.getOwnPropertyDescriptor,we=(o,e,t,r)=>{for(var i=r>1?void 0:r?Mh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Fh(e,t,i),i};class le extends x{constructor(){super(),this.disabledFocusable=!1,this.elementInternals=this.attachInternals(),this.elementInternals.role="button"}disabledChanged(){this.setTabIndex()}disabledFocusableChanged(e,t){this.elementInternals&&(this.elementInternals.ariaDisabled=`${!!t}`)}get form(){return this.elementInternals.form}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}typeChanged(e,t){t!==Ir.submit&&(this.formSubmissionFallbackControl?.remove(),this.shadowRoot?.querySelector('slot[name="internal"]')?.remove())}clickHandler(e){if(e&&this.disabledFocusable){e.stopImmediatePropagation();return}return this.press(),!0}connectedCallback(){super.connectedCallback(),this.elementInternals.ariaDisabled=`${!!this.disabledFocusable}`,this.setTabIndex()}createAndInsertFormSubmissionFallbackControl(){const e=this.formSubmissionFallbackControlSlot??document.createElement("slot");e.setAttribute("name","internal"),this.shadowRoot?.appendChild(e),this.formSubmissionFallbackControlSlot=e;const t=this.formSubmissionFallbackControl??document.createElement("button");t.style.display="none",t.setAttribute("type","submit"),t.setAttribute("slot","internal"),this.formNoValidate&&t.toggleAttribute("formnovalidate",!0),this.elementInternals.form?.id&&t.setAttribute("form",this.elementInternals.form.id),this.name&&t.setAttribute("name",this.name),this.value&&t.setAttribute("value",this.value),this.formAction&&t.setAttribute("formaction",this.formAction??""),this.formEnctype&&t.setAttribute("formenctype",this.formEnctype??""),this.formMethod&&t.setAttribute("formmethod",this.formMethod??""),this.formTarget&&t.setAttribute("formtarget",this.formTarget??""),this.append(t),this.formSubmissionFallbackControl=t}formDisabledCallback(e){this.disabled=e}keypressHandler(e){if(e&&this.disabledFocusable){e.stopImmediatePropagation();return}if(e.key===lo||e.key===tr){this.click();return}return!0}press(){switch(this.type){case Ir.reset:{this.resetForm();break}case Ir.submit:{this.submitForm();break}}}resetForm(){this.elementInternals.form?.reset()}setTabIndex(){if(this.disabled){this.removeAttribute("tabindex");return}this.tabIndex=Number(this.getAttribute("tabindex")??0)<0?-1:0}submitForm(){if(!(!this.elementInternals.form||this.disabled||this.type!==Ir.submit)){if(!this.name&&!this.formAction&&!this.formEnctype&&!this.formAttribute&&!this.formMethod&&!this.formNoValidate&&!this.formTarget){this.elementInternals.form.requestSubmit();return}try{this.elementInternals.setFormValue(this.value??""),this.elementInternals.form.requestSubmit(this)}catch{this.createAndInsertFormSubmissionFallbackControl(),this.elementInternals.setFormValue(null),this.elementInternals.form.requestSubmit(this.formSubmissionFallbackControl)}}}}le.formAssociated=!0,we([a({mode:"boolean"})],le.prototype,"autofocus",2),we([b],le.prototype,"defaultSlottedContent",2),we([a({mode:"boolean"})],le.prototype,"disabled",2),we([a({attribute:"disabled-focusable",mode:"boolean"})],le.prototype,"disabledFocusable",2),we([a({attribute:"formaction"})],le.prototype,"formAction",2),we([a({attribute:"form"})],le.prototype,"formAttribute",2),we([a({attribute:"formenctype"})],le.prototype,"formEnctype",2),we([a({attribute:"formmethod"})],le.prototype,"formMethod",2),we([a({attribute:"formnovalidate",mode:"boolean"})],le.prototype,"formNoValidate",2),we([a({attribute:"formtarget"})],le.prototype,"formTarget",2),we([a],le.prototype,"name",2),we([a],le.prototype,"type",2),we([a],le.prototype,"value",2);var Dh=Object.defineProperty,Lh=Object.getOwnPropertyDescriptor,Br=(o,e,t,r)=>{for(var i=r>1?void 0:r?Lh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Dh(e,t,i),i};class Xe extends le{constructor(){super(...arguments),this.iconOnly=!1}}Br([a],Xe.prototype,"appearance",2),Br([a],Xe.prototype,"shape",2),Br([a],Xe.prototype,"size",2),Br([a({attribute:"icon-only",mode:"boolean"})],Xe.prototype,"iconOnly",2),Je(Xe,Ze);function Oi(o={}){return g`<template @click="${(e,t)=>e.clickHandler(t.event)}" @keypress="${(e,t)=>e.keypressHandler(t.event)}">${Ge(o)}<span class="content" part="content"><slot ${U("defaultSlottedContent")}></slot></span>${pt(o)}</template>`}const Vh=Oi(),Hh=Xe.compose({name:`${p.prefix}-button`,template:Vh,styles:zr});Hh.define(p.registry);var jh=Object.defineProperty,Rh=Object.getOwnPropertyDescriptor,it=(o,e,t,r)=>{for(var i=r>1?void 0:r?Rh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&jh(e,t,i),i};class Ce extends x{constructor(){super(...arguments),this.initialValue="on",this._keydownPressed=!1,this.dirtyChecked=!1,this.elementInternals=this.attachInternals(),this._validationFallbackMessage="",this._value=this.initialValue}get checked(){return m.track(this,"checked"),!!this._checked}set checked(e){this._checked=e,this.setFormValue(e?this.value:null),this.setValidity(),this.setAriaChecked(),$(this.elementInternals,"checked",e),m.notify(this,"checked")}disabledChanged(e,t){this.disabled?this.removeAttribute("tabindex"):this.tabIndex=Number(this.getAttribute("tabindex")??0)<0?-1:0,this.elementInternals.ariaDisabled=this.disabled?"true":"false",$(this.elementInternals,"disabled",this.disabled)}disabledAttributeChanged(e,t){this.disabled=!!t}initialCheckedChanged(e,t){this.dirtyChecked||(this.checked=!!t)}initialValueChanged(e,t){this._value=t}requiredChanged(e,t){this.$fastController.isConnected&&(this.setValidity(),this.elementInternals.ariaRequired=this.required?"true":"false")}get form(){return this.elementInternals.form}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}get validationMessage(){if(this.elementInternals.validationMessage)return this.elementInternals.validationMessage;if(!this._validationFallbackMessage){const e=document.createElement("input");e.type="checkbox",e.required=!0,e.checked=!1,this._validationFallbackMessage=e.validationMessage}return this._validationFallbackMessage}get validity(){return this.elementInternals.validity}get value(){return m.track(this,"value"),this._value}set value(e){this._value=e,this.$fastController.isConnected&&(this.setFormValue(e),this.setValidity(),m.notify(this,"value"))}get willValidate(){return this.elementInternals.willValidate}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(e){if(this.disabled)return;this.dirtyChecked=!0;const t=this.checked;return this.toggleChecked(),t!==this.checked&&(this.$emit("change"),this.$emit("input")),!0}connectedCallback(){super.connectedCallback(),this.disabled=!!this.disabledAttribute,this.setAriaChecked(),this.setValidity()}inputHandler(e){return this.setFormValue(this.value),this.setValidity(),!0}keydownHandler(e){if(e.key!==" ")return!0;this._keydownPressed=!0}keyupHandler(e){if(!this._keydownPressed||e.key!==" ")return!0;this._keydownPressed=!1,this.click()}formResetCallback(){this.checked=this.initialChecked??!1,this.dirtyChecked=!1,this.setValidity()}reportValidity(){return this.elementInternals.reportValidity()}setAriaChecked(e=this.checked){this.elementInternals.ariaChecked=e?"true":"false"}setFormValue(e,t){this.elementInternals.setFormValue(e,e??t)}setCustomValidity(e){this.elementInternals.setValidity({customError:!0},e),this.setValidity()}setValidity(e,t,r){if(this.$fastController.isConnected){if(this.disabled||!this.required){this.elementInternals.setValidity({});return}this.elementInternals.setValidity({valueMissing:!!this.required&&!this.checked,...e},t??this.validationMessage,r)}}toggleChecked(e=!this.checked){this.checked=e}}Ce.formAssociated=!0,it([a({mode:"boolean"})],Ce.prototype,"autofocus",2),it([b],Ce.prototype,"disabled",2),it([a({attribute:"disabled",mode:"boolean"})],Ce.prototype,"disabledAttribute",2),it([a({attribute:"form"})],Ce.prototype,"formAttribute",2),it([a({attribute:"checked",mode:"boolean"})],Ce.prototype,"initialChecked",2),it([a({attribute:"value",mode:"fromView"})],Ce.prototype,"initialValue",2),it([a],Ce.prototype,"name",2),it([a({mode:"boolean"})],Ce.prototype,"required",2);var qh=Object.defineProperty,Wh=Object.getOwnPropertyDescriptor,Ai=(o,e,t,r)=>{for(var i=r>1?void 0:r?Wh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&qh(e,t,i),i};class Tr extends Ce{indeterminateChanged(e,t){this.setAriaChecked(),$(this.elementInternals,"indeterminate",t)}constructor(){super(),this.elementInternals.role="checkbox"}setAriaChecked(e=this.checked){if(this.indeterminate){this.elementInternals.ariaChecked="mixed";return}super.setAriaChecked(e)}toggleChecked(e=!this.checked){this.indeterminate=!1,super.toggleChecked(e)}}Ai([b],Tr.prototype,"indeterminate",2),Ai([a],Tr.prototype,"shape",2),Ai([a],Tr.prototype,"size",2);const Gh=P("active"),Uh=P("bad-input"),y=P("checked"),Xh=P("custom-error"),Kh=P("description"),fe=P("disabled");P("error");const Yh=P("flip-block"),Qh=P("focus-visible");P("has-message");const wt=P("indeterminate"),Wt=P("multiple"),Zh=P("open"),Jh=P("pattern-mismatch"),eu=P("placeholder-shown"),D=P("pressed"),tu=P("range-overflow"),ou=P("range-underflow"),ru=P("required"),Ei=P("selected"),iu=P("step-mismatch"),Or=P("submenu"),su=P("too-long"),nu=P("too-short"),au=P("type-mismatch"),lu=P("user-invalid"),cu=P("valid"),du=P("value-missing"),hu=u`
|
|
380
380
|
${w("inline-flex")}
|
|
381
381
|
|
|
382
|
-
:host{--size:16px;background-color:${S};border-radius:${ze};border:${I} solid ${Me};box-sizing:border-box;cursor:pointer;position:relative;width:var(--size)}:host,.indeterminate-indicator,.checked-indicator{aspect-ratio:1}:host(:hover){border-color:${ft}}:host(:active){border-color:${mt}}:host(${y}:hover){background-color:${Nt};border-color:${
|
|
382
|
+
:host{--size:16px;background-color:${S};border-radius:${ze};border:${I} solid ${Me};box-sizing:border-box;cursor:pointer;position:relative;width:var(--size)}:host,.indeterminate-indicator,.checked-indicator{aspect-ratio:1}:host(:hover){border-color:${ft}}:host(:active){border-color:${mt}}:host(${y}:hover){background-color:${Nt};border-color:${rc}}:host(${y}:active){background-color:${Ft};border-color:${kn}}:host(:focus-visible){outline:none}:host(:not([slot='input']))::after{content:'';position:absolute;inset:-8px;box-sizing:border-box;outline:none;border:${be} solid ${K};border-radius:${C}}:host(:not([slot='input']):focus-visible)::after{border-color:${ue}}.indeterminate-indicator,.checked-indicator{color:${bt};inset:0;margin:auto;position:absolute}::slotted([slot='checked-indicator']),.checked-indicator{fill:currentColor;display:inline-flex;flex:1 0 auto;width:12px}:host(:not(${y})) *:is(::slotted([slot='checked-indicator']),.checked-indicator){display:none}:host(${y}),:host(${wt}){border-color:${vt}}:host(${y}),:host(${wt}) .indeterminate-indicator{background-color:${gt}}:host(${wt}) .indeterminate-indicator{border-radius:${ze};position:absolute;width:calc(var(--size) / 2);inset:0}:host([size='large']){--size:20px}:host([size='large']) ::slotted([slot='checked-indicator']),:host([size='large']) .checked-indicator{width:16px}:host([shape='circular']),:host([shape='circular']) .indeterminate-indicator{border-radius:${xe}}:host([disabled]),:host([disabled]${y}){background-color:${et};border-color:${ye}}:host([disabled]){cursor:unset}:host([disabled]${wt}) .indeterminate-indicator{background-color:${ye}}:host([disabled]${y}) .checked-indicator{color:${ye}}`.withBehaviors(X(u`
|
|
383
383
|
:host{border-color:FieldText}:host(:not([slot='input']:focus-visible))::after{border-color:Canvas}:host(:not([disabled]):hover),:host(${y}:not([disabled]):hover),:host(:not([slot='input']):focus-visible)::after{border-color:Highlight}.indeterminate-indicator,.checked-indicator{color:HighlightText}:host(${y}),:host(${wt}) .indeterminate-indicator{background-color:FieldText}:host(${y}:not([disabled]):hover),:host(${wt}:not([disabled]):hover) .indeterminate-indicator{background-color:Highlight}:host([disabled]){border-color:GrayText}:host([disabled]${wt}) .indeterminate-indicator{background-color:GrayText}:host([disabled]),:host([disabled]${y}) .checked-indicator{color:GrayText}`)),uu=g.partial(`
|
|
384
384
|
<svg
|
|
385
385
|
fill="currentColor"
|
|
@@ -393,48 +393,48 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
393
393
|
</svg>
|
|
394
394
|
`),pu=g.partial(`
|
|
395
395
|
<span class="indeterminate-indicator"></span>
|
|
396
|
-
`);function bu(o={}){return g`<template @click="${(e,t)=>e.clickHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" @keyup="${(e,t)=>e.keyupHandler(t.event)}"><slot name="checked-indicator">${de(o.checkedIndicator)}</slot><slot name="indeterminate-indicator">${de(o.indeterminateIndicator)}</slot></template>`}const gu=bu({checkedIndicator:uu,indeterminateIndicator:pu}),fu=
|
|
396
|
+
`);function bu(o={}){return g`<template @click="${(e,t)=>e.clickHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" @keyup="${(e,t)=>e.keyupHandler(t.event)}"><slot name="checked-indicator">${de(o.checkedIndicator)}</slot><slot name="indeterminate-indicator">${de(o.indeterminateIndicator)}</slot></template>`}const gu=bu({checkedIndicator:uu,indeterminateIndicator:pu}),fu=Tr.compose({name:`${p.prefix}-checkbox`,template:gu,styles:hu});fu.define(p.registry);class mu extends Xe{}const vu=u`
|
|
397
397
|
${zr}
|
|
398
398
|
|
|
399
|
-
:host,:host(:is([size])){gap:12px;height:auto;padding-top:14px;padding-inline:12px;padding-bottom:16px;font-size:${O};line-height:${M}}.content{display:flex;flex-direction:column;text-align:start}::slotted([slot='description']){color:${Pe};line-height:100%;font-size:${F};font-weight:${
|
|
399
|
+
:host,:host(:is([size])){gap:12px;height:auto;padding-top:14px;padding-inline:12px;padding-bottom:16px;font-size:${O};line-height:${M}}.content{display:flex;flex-direction:column;text-align:start}::slotted([slot='description']){color:${Pe};line-height:100%;font-size:${F};font-weight:${A}}::slotted(svg),:host([size='large']) ::slotted(svg){font-size:40px;height:40px;width:40px}:host(:hover) ::slotted([slot='description']){color:${At}}:host(:active) ::slotted([slot='description']){color:${Et}}:host(:is([appearance='primary'],[appearance='primary']:is(:hover,:active))) ::slotted([slot='description']){color:${Ue}}:host(:is([appearance='transparent'],[appearance='subtle'],[appearance='subtle']:is(:hover,:active)))
|
|
400
400
|
::slotted([slot='description']){color:${Pe}}:host([appearance='transparent']:hover) ::slotted([slot='description']){color:${nr}}:host([appearance='transparent']:active) ::slotted([slot='description']){color:${ar}}:host(:is(:disabled,:disabled[appearance],[disabled-focusable],[disabled-focusable][appearance]))
|
|
401
|
-
::slotted([slot='description']){color:${
|
|
401
|
+
::slotted([slot='description']){color:${T}}:host([size='small']){padding:8px;padding-bottom:10px}:host([icon-only]){min-width:52px;max-width:52px;padding:${ge}}:host([icon-only][size='small']){min-width:48px;max-width:48px;padding:${ie}}:host([icon-only][size='large']){min-width:56px;max-width:56px;padding:${_e}}:host([size='large']){padding-top:18px;padding-inline:16px;padding-bottom:20px;font-size:${pe};line-height:${ke}}:host([size='large']) ::slotted([slot='description']){font-size:${O}}`.withBehaviors(X(u`
|
|
402
402
|
:host([appearance='primary']:not(:hover,:focus-visible,:disabled,[disabled-focusable]))
|
|
403
403
|
::slotted([slot='description']){color:HighlightText}`));function $u(o={}){return g`<template ?disabled="${e=>e.disabled}" tabindex="${e=>e.disabled?null:e.tabIndex??0}">${Ge(o)}<span class="content" part="content"><slot ${U("defaultSlottedContent")}></slot><slot name="description"></slot></span>${pt(o)}</template>`}const yu=$u(),xu=mu.compose({name:`${p.prefix}-compound-button`,template:yu,styles:vu});xu.define(p.registry);var ku=Object.defineProperty,wu=Object.getOwnPropertyDescriptor,st=(o,e,t,r)=>{for(var i=r>1?void 0:r?wu(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&ku(e,t,i),i};class je extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.count=0,this.overflowCount=99,this.showZero=!1,this.dot=!1}countChanged(){this.setCount()}overflowCountChanged(){this.setCount()}setCount(){const e=this.count??0;if((e!==0||this.showZero)&&!this.dot)return e>this.overflowCount?`${this.overflowCount}+`:`${e}`}}st([a],je.prototype,"appearance",2),st([a],je.prototype,"color",2),st([a],je.prototype,"shape",2),st([a],je.prototype,"size",2),st([a({converter:re})],je.prototype,"count",2),st([a({attribute:"overflow-count",converter:re})],je.prototype,"overflowCount",2),st([a({attribute:"show-zero",mode:"boolean"})],je.prototype,"showZero",2),st([a({mode:"boolean"})],je.prototype,"dot",2),Je(je,Ze);const Cu=u`
|
|
404
|
-
:host([shape='rounded']){border-radius:${C}}:host([shape='rounded']:is([size='tiny'],[size='extra-small'],[size='small'])){border-radius:${ze}}${
|
|
405
|
-
${ia}
|
|
404
|
+
:host([shape='rounded']){border-radius:${C}}:host([shape='rounded']:is([size='tiny'],[size='extra-small'],[size='small'])){border-radius:${ze}}${ia}
|
|
406
405
|
${sa}
|
|
407
|
-
${
|
|
406
|
+
${na}
|
|
407
|
+
${ra}
|
|
408
408
|
|
|
409
|
-
:host(:is([dot],[dot][appearance][size])){min-width:auto;width:6px;height:6px;padding:0}`;function Su(o={}){return
|
|
410
|
-
@layer base{:host{--dialog-backdrop:${bi};--dialog-starting-scale:0.85}::backdrop{background:var(--dialog-backdrop,rgba(0,0,0,0.4))}dialog{background:${S};border-radius:${Nn};border:none;box-shadow:${Wn};color:${
|
|
411
|
-
@layer base{dialog{border:${I} solid ${K}}}`)),Ou=Gt.compose({name:`${p.prefix}-dialog`,template:
|
|
409
|
+
:host(:is([dot],[dot][appearance][size])){min-width:auto;width:6px;height:6px;padding:0}`;function Su(o={}){return ca({defaultContent:g`${e=>e.setCount()}`})}const Iu=Su(),Pu=je.compose({name:`${p.prefix}-counter-badge`,template:Iu,styles:Cu});Pu.define(p.registry);const Ct={modal:"modal",nonModal:"non-modal",alert:"alert"};function da(o,e="-dialog"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}var zu=Object.defineProperty,_u=Object.getOwnPropertyDescriptor,xo=(o,e,t,r)=>{for(var i=r>1?void 0:r?_u(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&zu(e,t,i),i};class Gt extends x{constructor(){super(...arguments),this.type=Ct.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"})}}dialogChanged(){this.updateDialogAttributes()}typeChanged(e,t){this.updateDialogAttributes()}show(){N.enqueue(()=>{this.emitBeforeToggle(),this.type===Ct.alert||this.type===Ct.modal?this.dialog.showModal():this.type===Ct.nonModal&&this.dialog.show(),this.emitToggle()})}hide(){this.emitBeforeToggle(),this.dialog.close(),this.emitToggle()}clickHandler(e){return this.dialog.open&&this.type!==Ct.alert&&e.target===this.dialog&&this.hide(),!0}updateDialogAttributes(){this.dialog&&(this.type===Ct.alert?this.dialog.setAttribute("role","alertdialog"):this.dialog.removeAttribute("role"),this.type!==Ct.nonModal?this.dialog.setAttribute("aria-modal","true"):this.dialog.removeAttribute("aria-modal"))}}xo([b],Gt.prototype,"dialog",2),xo([a({attribute:"aria-describedby"})],Gt.prototype,"ariaDescribedby",2),xo([a({attribute:"aria-labelledby"})],Gt.prototype,"ariaLabelledby",2),xo([a({attribute:"aria-label"})],Gt.prototype,"ariaLabel",2),xo([a],Gt.prototype,"type",2);const Bu=g`<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()}" ${z("dialog")}><slot></slot></dialog>`,Tu=u`
|
|
410
|
+
@layer base{:host{--dialog-backdrop:${bi};--dialog-starting-scale:0.85}::backdrop{background:var(--dialog-backdrop,rgba(0,0,0,0.4))}dialog{background:${S};border-radius:${Nn};border:none;box-shadow:${Wn};color:${_};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:${Ii};transition-timing-function:${xt};opacity:0}::backdrop{transition-timing-function:${Pi}}[open],[open]::backdrop{opacity:1}dialog:not([open]){scale:var(--dialog-starting-scale);transition-timing-function:${yt}}}@starting-style{[open],[open]::backdrop{opacity:0}dialog{scale:var(--dialog-starting-scale)}}}`.withBehaviors(X(u`
|
|
411
|
+
@layer base{dialog{border:${I} solid ${K}}}`)),Ou=Gt.compose({name:`${p.prefix}-dialog`,template:Bu,styles:Tu});Ou.define(p.registry);class Au extends x{clickHandler(e){if(!e.defaultPrevented){const t=this.parentElement;da(t)&&t.hide()}return!0}}const Eu=g`<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>`,Nu=u`
|
|
412
412
|
${w("grid")}
|
|
413
413
|
|
|
414
|
-
:host{background:${S};box-sizing:border-box;gap:${se};padding:${$t} ${ki};container:dialog-body / inline-size}.title{box-sizing:border-box;align-items:flex-start;background:${S};color:${
|
|
414
|
+
:host{background:${S};box-sizing:border-box;gap:${se};padding:${$t} ${ki};container:dialog-body / inline-size}.title{box-sizing:border-box;align-items:flex-start;background:${S};color:${_};column-gap:8px;display:flex;font-family:${v};font-size:${Dt};font-weight:${L};inset-block-start:0;justify-content:space-between;line-height:${vr};margin-block-end:calc(${se} * -1);margin-block-start:calc(${$t} * -1);padding-block-end:${se};padding-block-start:${$t}}.content{box-sizing:border-box;color:${_};font-family:${v};font-size:${O};font-weight:${A};line-height:${M};min-height:32px}.actions{box-sizing:border-box;background:${S};display:flex;flex-direction:column;gap:${se};inset-block-end:0;margin-block-end:calc(${$t} * -1);padding-block-end:${$t};padding-block-start:${Ci}}::slotted([slot='title-action']){margin-inline-start:auto}::slotted([slot='title']){font:inherit;padding:0;margin:0}:not(:has(:is([slot='title'],[slot='title-action']))) .title{justify-content:end}@container (min-width:480px){.actions{align-items:center;flex-direction:row;justify-content:flex-end;margin-block-start:calc(${se} * -1);padding-block-start:${se}}}@media (min-height:480px){.title{position:sticky;z-index:1}.actions{position:sticky;z-index:2}`,Fu=Au.compose({name:`${p.prefix}-dialog-body`,template:Eu,styles:Nu});Fu.define(p.registry);const ko={separator:"separator",presentation:"presentation"},ha=$e;var Mu=Object.defineProperty,Du=Object.getOwnPropertyDescriptor,ua=(o,e,t,r)=>{for(var i=r>1?void 0:r?Du(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Mu(e,t,i),i};class Ni extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.elementInternals.role=this.role??ko.separator,this.role!==ko.presentation&&(this.elementInternals.ariaOrientation=this.orientation??ha.horizontal)}roleChanged(e,t){this.$fastController.isConnected&&(this.elementInternals.role=`${t??ko.separator}`),t===ko.presentation&&(this.elementInternals.ariaOrientation=null)}orientationChanged(e,t){this.elementInternals.ariaOrientation=this.role!==ko.presentation?t??null:null,kt(this.elementInternals,e,t,ha)}}ua([a],Ni.prototype,"role",2),ua([a],Ni.prototype,"orientation",2);var Lu=Object.defineProperty,Vu=Object.getOwnPropertyDescriptor,Fi=(o,e,t,r)=>{for(var i=r>1?void 0:r?Vu(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Lu(e,t,i),i};class Ar extends Ni{}Fi([a({attribute:"align-content"})],Ar.prototype,"alignContent",2),Fi([a],Ar.prototype,"appearance",2),Fi([a({mode:"boolean"})],Ar.prototype,"inset",2);function Hu(){return g`<slot></slot>`}const ju=Hu(),Ru=u`
|
|
415
415
|
${w("flex")}
|
|
416
416
|
|
|
417
|
-
:host{contain:content}:host::after,:host::before{align-self:center;background:${mo};box-sizing:border-box;content:'';display:flex;flex-grow:1;height:${I}}:host([inset]){padding:0 12px}:host ::slotted(*){color:${Pe};font-family:${v};font-size:${F};font-weight:${
|
|
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}`)),qu=
|
|
417
|
+
:host{contain:content}:host::after,:host::before{align-self:center;background:${mo};box-sizing:border-box;content:'';display:flex;flex-grow:1;height:${I}}:host([inset]){padding:0 12px}:host ::slotted(*){color:${Pe};font-family:${v};font-size:${F};font-weight:${A};margin:0;padding:0 12px}:host([align-content='start'])::before,:host([align-content='end'])::after{flex-basis:12px;flex-grow:0;flex-shrink:0}:host([orientation='vertical']){align-items:center;flex-direction:column;height:100%;min-height:84px}:host([orientation='vertical']):empty{min-height:20px}:host([orientation='vertical'][inset])::before{margin-top:12px}:host([orientation='vertical'][inset])::after{margin-bottom:12px}:host([orientation='vertical']):empty::before,:host([orientation='vertical']):empty::after{height:10px;min-height:10px;flex-grow:0}:host([orientation='vertical'])::before,:host([orientation='vertical'])::after{width:${I};min-height:20px;height:100%}:host([orientation='vertical']) ::slotted(*){display:flex;flex-direction:column;padding:12px 0;line-height:20px}:host([orientation='vertical'][align-content='start'])::before{min-height:8px}:host([orientation='vertical'][align-content='end'])::after{min-height:8px}:host([appearance='strong'])::before,:host([appearance='strong'])::after{background:${De}}:host([appearance='strong']) ::slotted(*){color:${_}}:host([appearance='brand'])::before,:host([appearance='brand'])::after{background:${yn}}:host([appearance='brand']) ::slotted(*){color:${lr}}:host([appearance='subtle'])::before,:host([appearance='subtle'])::after{background:${tc}}:host([appearance='subtle']) ::slotted(*){color:${Z}}`.withBehaviors(X(u`
|
|
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}`)),qu=Ar.compose({name:`${p.prefix}-divider`,template:ju,styles:Ru});qu.define(p.registry);const Wu={start:"start",end:"end"},Gu={small:"small",medium:"medium",large:"large",full:"full"},wo={nonModal:"non-modal",modal:"modal",inline:"inline"};var Uu=Object.defineProperty,Xu=Object.getOwnPropertyDescriptor,Ut=(o,e,t,r)=>{for(var i=r>1?void 0:r?Xu(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Uu(e,t,i),i};class St extends x{constructor(){super(...arguments),this.type=wo.modal,this.position=Wu.start,this.size=Gu.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===wo.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(){N.enqueue(()=>{this.emitBeforeToggle(),this.type===wo.inline||this.type===wo.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(){this.dialog&&(this.dialog.role=this.type===wo.modal?"dialog":this.role)}}Ut([a],St.prototype,"type",2),Ut([a({attribute:"aria-labelledby"})],St.prototype,"ariaLabelledby",2),Ut([a({attribute:"aria-describedby"})],St.prototype,"ariaDescribedby",2),Ut([a],St.prototype,"position",2),Ut([a({attribute:"size"})],St.prototype,"size",2),Ut([b],St.prototype,"dialog",2);const Ku=u`
|
|
419
419
|
${w("block")}
|
|
420
420
|
|
|
421
|
-
:host{--dialog-backdrop:${bi}}: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:${O};line-height:${M};font-family:${v};font-weight:${
|
|
421
|
+
:host{--dialog-backdrop:${bi}}: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:${O};line-height:${M};font-family:${v};font-weight:${A};color:${_};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:${Wn};border:${I} solid ${K};background:${S}}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:${Ii};transition-timing-function:${xt}}:host dialog:not([open]){transform:translateX(-100%);transition-timing-function:${yt}}:host([position='end']) dialog:not([open]){transform:translateX(100%);transition-timing-function:${yt}}dialog[open]{transform:translateX(0)}dialog::backdrop{transition:display allow-discrete,opacity,overlay allow-discrete,scale;transition-duration:${Ii};transition-timing-function:${xt};background:var(--dialog-backdrop,${bi});opacity:0}dialog[open]::backdrop{opacity:1}dialog::backdrop{transition-timing-function:${Pi}}}@starting-style{dialog[open]{transform:translateX(-100%)}:host([position='end']) dialog[open]{transform:translateX(100%)}dialog[open]::backdrop{opacity:0}}}`;function Yu(){return g`<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()}" ${z("dialog")}><slot></slot></dialog>`}const Qu=Yu(),Zu=St.compose({name:`${p.prefix}-drawer`,template:Qu,styles:Ku});Zu.define(p.registry);class Ju extends x{clickHandler(e){if(!e.defaultPrevented){const t=this.parentElement;da(t,"-drawer")&&t.hide()}return!0}}const ep=u`
|
|
422
422
|
${w("grid")}
|
|
423
|
-
:host{box-sizing:border-box;grid-template-rows:min-content auto min-content;position:relative;height:100%;padding:${Id};max-height:100svh}.header{display:flex;justify-content:space-between;align-items:center;${Oh}}.footer{display:flex;justify-content:flex-start;gap:${ae}}::slotted([slot='title']){font:inherit;padding:0;margin:0}`;function tp(){return g`<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 op=tp(),rp=Ju.compose({name:`${p.prefix}-drawer-body`,template:op,styles:ep});rp.define(p.registry);function ua(o,e="-listbox"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}function Ar(o,e="-option"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}function pa(o){return o.closest("[lang]")?.lang??"en"}let ip=0;function Xt(o="id-"){const e=`${o}${ip++}`;return document.getElementById(e)?Xt(o):e}const sp={filledDarker:"filled-darker",filledLighter:"filled-lighter",outline:"outline",transparent:"transparent"},Mi={combobox:"combobox",dropdown:"dropdown",select:"select"},np=g`<svg class="chevron-down-20-regular" aria-hidden="true" slot="indicator" viewBox="0 0 20 20" ${z("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>`,ap=g`<input @input="${(o,e)=>o.inputHandler(e.event)}" @change="${(o,e)=>o.changeHandler(e.event)}" aria-activedescendant="${o=>o.activeDescendant}" aria-controls="${o=>o.listbox?.id??null}" aria-labelledby="${o=>o.ariaLabelledBy}" aria-expanded="${o=>o.open}" aria-haspopup="listbox" placeholder="${o=>o.placeholder}" role="combobox" ?disabled="${o=>o.disabled}" type="${o=>o.type}" value="${o=>o.valueAttribute}" slot="control" ${z("control")} />`,lp=g`<button aria-activedescendant="${o=>o.activeDescendant}" aria-controls="${o=>o.listbox?.id??null}" aria-expanded="${o=>o.open}" aria-haspopup="listbox" role="combobox" ?disabled="${o=>o.disabled}" type="button" slot="control" ${z("control")}>${o=>o.displayValue}</button>`;function cp(o={}){return g`<template @click="${(e,t)=>e.clickHandler(t.event)}" @focusout="${(e,t)=>e.focusoutHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" @mousedown="${(e,t)=>e.mousedownHandler(t.event)}"><div class="control"><slot name="control" ${z("controlSlot")}></slot><slot name="indicator" ${z("indicatorSlot")}>${de(o.indicator)}</slot></div><slot @slotchange="${(e,t)=>e.slotchangeHandler(t.event)}"></slot></template>`}const dp=cp({indicator:np});var hp=Object.defineProperty,up=Object.getOwnPropertyDescriptor,Y=(o,e,t,r)=>{for(var i=r>1?void 0:r?up(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&hp(e,t,i),i};const H=class ro extends x{constructor(){super(),this.activeIndex=0,this.id=Xt("dropdown-"),this.required=!1,this.type=Mi.dropdown,this.valueAttribute="",this.repositionListbox=()=>{this.frameId&&cancelAnimationFrame(this.frameId),this.frameId=requestAnimationFrame(()=>{const e=this.getBoundingClientRect(),t=window.innerWidth-e.right,r=e.left;this.listbox.style.minWidth=`${e.width}px`,this.listbox.style.top=`${e.top}px`,r+e.width>window.innerWidth||or(this)==="rtl"&&t-e.width>0?(this.listbox.style.right=`${t}px`,this.listbox.style.left="unset"):(this.listbox.style.left=`${r}px`,this.listbox.style.right="unset")})},this.elementInternals=this.attachInternals(),this.elementInternals.role="presentation"}get activeDescendant(){if(this.open)return this.enabledOptions[this.activeIndex]?.id}activeIndexChanged(e,t){if(typeof t=="number"){const r=this.matches(":has(:focus-visible)")?t:-1;this.enabledOptions.forEach((i,s)=>{i.active=s===r}),this.open&&this.enabledOptions[r]?.scrollIntoView({block:"nearest"})}}controlChanged(e,t){t&&(t.id=t.id||Xt("input-"))}disabledChanged(e,t){this.listbox&&A.enqueue(()=>{this.options.forEach(r=>{r.disabled=r.disabledAttribute||this.disabled})})}get displayValue(){if(!this.$fastController.isConnected||!this.control||this.isCombobox&&this.multiple)return $(this.elementInternals,"placeholder-shown",!1),"";this.listFormatter=this.listFormatter??new Intl.ListFormat(pa(this),{type:"conjunction",style:"narrow"});const e=this.listFormatter.format(this.selectedOptions.map(t=>t.text));return $(this.elementInternals,"placeholder-shown",!e),this.isCombobox?e:e||this.placeholder}listboxChanged(e,t){if(e&&m.getNotifier(this).unsubscribe(e),t){t.dropdown=this,t.popover="manual",t.tabIndex=-1;const r=m.getNotifier(this);if(r.subscribe(t),r.notify("multiple"),A.enqueue(()=>{this.options.forEach(i=>{i.disabled=i.disabledAttribute||this.disabled,i.name=this.name}),this.enabledOptions.filter(i=>i.defaultSelected).forEach((i,s)=>{i.selected=this.multiple||s===0}),this.setValidity()}),rr){const i=Xt("--dropdown-anchor-");this.style.setProperty("anchor-name",i),this.listbox.style.setProperty("position-anchor",i)}}}multipleChanged(e,t){this.elementInternals.ariaMultiSelectable=t?"true":"false",$(this.elementInternals,"multiple",t),this.value=null}nameChanged(e,t){this.listbox&&A.enqueue(()=>{this.options.forEach(r=>{r.name=t})})}openChanged(e,t){$(this.elementInternals,"open",t),this.elementInternals.ariaExpanded=t?"true":"false",this.activeIndex=this.selectedIndex??-1,rr||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===Mi.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(r=>r.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(Ar(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(pa(this),{usage:"search",sensitivity:"base"})),t.filter(r=>this.listCollator.compare(r.text.substring(0,Math.min(r.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,r=this.enabledOptions.indexOf(this.filterOptions(t)[0]??null);return this.activeIndex=r,!0}insertControl(){if(this.controlSlot?.assignedNodes().forEach(e=>this.removeChild(e)),this.type===Mi.combobox){ap.render(this,this);return}lp.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 r=this.activeIndex;r+=t;let i=this.getEnabledIndexInBounds(r);return i===0&&this.freeformOption?.hidden&&(i=this.getEnabledIndexInBounds(r+t)),this.activeIndex=i,!0}mousedownHandler(e){if(!(this.disabled||e.target===this.control&&!this.isCombobox))return!Ar(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,r){if(this.$fastController.isConnected){if(this.disabled||!this.required){this.elementInternals.setValidity({});return}const i=this.required&&this.listbox.selectedOptions.length===0;this.elementInternals.setValidity({valueMissing:i,...e},t??this.validationMessage,r??this.control)}}slotchangeHandler(e){const t=e.target;Vt(this,()=>{const r=t.assignedElements().find(i=>ua(i));r&&(this.listbox=r)})}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}}connectedCallback(){super.connectedCallback(),A.enqueue(()=>{this.insertControl()})}disconnectedCallback(){ro.AnchorPositionFallbackObserver?.disconnect(),this.debounceController?.abort(),super.disconnectedCallback()}anchorPositionFallback(e){if(ro.AnchorPositionFallbackObserver||(ro.AnchorPositionFallbackObserver=new IntersectionObserver(t=>{t.forEach(({boundingClientRect:r,isIntersecting:i,target:s})=>{if(ua(s)){if(r.bottom>window.innerHeight){$(s.elementInternals,"flip-block",!0);return}r.top<0&&$(s.elementInternals,"flip-block",!1)}})},{threshold:1})),e){this.debounceController=new AbortController,ro.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}ro.AnchorPositionFallbackObserver.unobserve(this.listbox),this.debounceController?.abort(),this.frameId&&(cancelAnimationFrame(this.frameId),this.frameId=void 0)}};H.formAssociated=!0,Y([ds],H.prototype,"activeDescendant",1),Y([b],H.prototype,"activeIndex",2),Y([a({attribute:"aria-labelledby",mode:"fromView"})],H.prototype,"ariaLabelledBy",2),Y([b],H.prototype,"control",2),Y([a({mode:"boolean"})],H.prototype,"disabled",2),Y([ds],H.prototype,"displayValue",1),Y([a({attribute:"id"})],H.prototype,"id",2),Y([b],H.prototype,"indicator",2),Y([b],H.prototype,"indicatorSlot",2),Y([a({attribute:"value",mode:"fromView"})],H.prototype,"initialValue",2),Y([b],H.prototype,"listbox",2),Y([a({mode:"boolean"})],H.prototype,"multiple",2),Y([a],H.prototype,"name",2),Y([b],H.prototype,"open",2),Y([a],H.prototype,"placeholder",2),Y([a({mode:"boolean"})],H.prototype,"required",2),Y([a],H.prototype,"type",2),Y([a({attribute:"value"})],H.prototype,"valueAttribute",2);let pp=H;var bp=Object.defineProperty,gp=Object.getOwnPropertyDescriptor,ba=(o,e,t,r)=>{for(var i=r>1?void 0:r?gp(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&bp(e,t,i),i};class Di extends pp{constructor(){super(...arguments),this.appearance=sp.outline}}ba([a],Di.prototype,"appearance",2),ba([a],Di.prototype,"size",2);const fp=u`
|
|
423
|
+
:host{box-sizing:border-box;grid-template-rows:min-content auto min-content;position:relative;height:100%;padding:${Pd};max-height:100svh}.header{display:flex;justify-content:space-between;align-items:center;${Oh}}.footer{display:flex;justify-content:flex-start;gap:${ae}}::slotted([slot='title']){font:inherit;padding:0;margin:0}`;function tp(){return g`<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 op=tp(),rp=Ju.compose({name:`${p.prefix}-drawer-body`,template:op,styles:ep});rp.define(p.registry);function pa(o,e="-listbox"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}function Er(o,e="-option"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}function ba(o){return o.closest("[lang]")?.lang??"en"}let ip=0;function Xt(o="id-"){const e=`${o}${ip++}`;return document.getElementById(e)?Xt(o):e}const sp={filledDarker:"filled-darker",filledLighter:"filled-lighter",outline:"outline",transparent:"transparent"},Mi={combobox:"combobox",dropdown:"dropdown",select:"select"},np=g`<svg class="chevron-down-20-regular" aria-hidden="true" slot="indicator" viewBox="0 0 20 20" ${z("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>`,ap=g`<input @input="${(o,e)=>o.inputHandler(e.event)}" @change="${(o,e)=>o.changeHandler(e.event)}" aria-activedescendant="${o=>o.activeDescendant}" aria-controls="${o=>o.listbox?.id??null}" aria-labelledby="${o=>o.ariaLabelledBy}" aria-expanded="${o=>o.open}" aria-haspopup="listbox" placeholder="${o=>o.placeholder}" role="combobox" ?disabled="${o=>o.disabled}" type="${o=>o.type}" value="${o=>o.valueAttribute}" slot="control" ${z("control")} />`,lp=g`<button aria-activedescendant="${o=>o.activeDescendant}" aria-controls="${o=>o.listbox?.id??null}" aria-expanded="${o=>o.open}" aria-haspopup="listbox" role="combobox" ?disabled="${o=>o.disabled}" type="button" slot="control" ${z("control")}>${o=>o.displayValue}</button>`;function cp(o={}){return g`<template @click="${(e,t)=>e.clickHandler(t.event)}" @focusout="${(e,t)=>e.focusoutHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" @mousedown="${(e,t)=>e.mousedownHandler(t.event)}"><div class="control"><slot name="control" ${z("controlSlot")}></slot><slot name="indicator" ${z("indicatorSlot")}>${de(o.indicator)}</slot></div><slot @slotchange="${(e,t)=>e.slotchangeHandler(t.event)}"></slot></template>`}const dp=cp({indicator:np});var hp=Object.defineProperty,up=Object.getOwnPropertyDescriptor,Y=(o,e,t,r)=>{for(var i=r>1?void 0:r?up(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&hp(e,t,i),i};const H=class ro extends x{constructor(){super(),this.activeIndex=0,this.id=Xt("dropdown-"),this.required=!1,this.type=Mi.dropdown,this.valueAttribute="",this.repositionListbox=()=>{this.frameId&&cancelAnimationFrame(this.frameId),this.frameId=requestAnimationFrame(()=>{const e=this.getBoundingClientRect(),t=window.innerWidth-e.right,r=e.left;this.listbox.style.minWidth=`${e.width}px`,this.listbox.style.top=`${e.top}px`,r+e.width>window.innerWidth||or(this)==="rtl"&&t-e.width>0?(this.listbox.style.right=`${t}px`,this.listbox.style.left="unset"):(this.listbox.style.left=`${r}px`,this.listbox.style.right="unset")})},this.elementInternals=this.attachInternals(),this._insertingControl=!1,this.elementInternals.role="presentation"}get activeDescendant(){if(this.open)return this.enabledOptions[this.activeIndex]?.id}activeIndexChanged(e,t){if(typeof t=="number"){const r=this.matches(":has(:focus-visible)")?t:-1;this.enabledOptions.forEach((i,s)=>{i.active=s===r}),this.open&&this.enabledOptions[r]?.scrollIntoView({block:"nearest"})}}controlChanged(e,t){t&&(t.id=t.id||Xt("input-"))}disabledChanged(e,t){this.listbox&&N.enqueue(()=>{this.options.forEach(r=>{r.disabled=r.disabledAttribute||this.disabled})})}get displayValue(){if(!this.$fastController.isConnected||!this.control||this.isCombobox&&this.multiple)return $(this.elementInternals,"placeholder-shown",!1),"";this.listFormatter=this.listFormatter??new Intl.ListFormat(ba(this),{type:"conjunction",style:"narrow"});const e=this.listFormatter.format(this.selectedOptions.map(t=>t.text));return $(this.elementInternals,"placeholder-shown",!e),this.isCombobox?e:e||this.placeholder}listboxChanged(e,t){if(e&&m.getNotifier(this).unsubscribe(e),t){t.dropdown=this,t.popover="manual",t.tabIndex=-1;const r=m.getNotifier(this);if(r.subscribe(t),r.notify("multiple"),Vt(t,()=>{this.options.forEach(i=>{i.disabled=i.disabledAttribute||this.disabled,i.name=this.name}),this.enabledOptions.filter(i=>i.defaultSelected).forEach((i,s)=>{i.selected=this.multiple||s===0}),this.setValidity()},{idleCallback:!0}),rr){const i=Xt("--dropdown-anchor-");this.style.setProperty("anchor-name",i),this.listbox.style.setProperty("position-anchor",i)}}}multipleChanged(e,t){this.elementInternals.ariaMultiSelectable=t?"true":"false",$(this.elementInternals,"multiple",t),this.value=null}nameChanged(e,t){this.listbox&&N.enqueue(()=>{this.options.forEach(r=>{r.name=t})})}openChanged(e,t){$(this.elementInternals,"open",t),this.elementInternals.ariaExpanded=t?"true":"false",this.activeIndex=this.selectedIndex??-1,rr||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===Mi.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(r=>r.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(Er(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(ba(this),{usage:"search",sensitivity:"base"})),t.filter(r=>this.listCollator.compare(r.text.substring(0,Math.min(r.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,r=this.enabledOptions.indexOf(this.filterOptions(t)[0]??null);return this.activeIndex=r,!0}insertControl(){if(!this._insertingControl){if(this._insertingControl=!0,this.controlSlot?.assignedNodes().forEach(e=>this.removeChild(e)),this.type===Mi.combobox){ap.render(this,this);return}lp.render(this,this),this._insertingControl=!1}}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 r=this.activeIndex;r+=t;let i=this.getEnabledIndexInBounds(r);return i===0&&this.freeformOption?.hidden&&(i=this.getEnabledIndexInBounds(r+t)),this.activeIndex=i,!0}mousedownHandler(e){if(!(this.disabled||e.target===this.control&&!this.isCombobox))return!Er(e.target)}reportValidity(){return this.elementInternals.reportValidity()}selectOption(e=this.selectedIndex,t=!1){this.listbox.selectOption(e),this.control&&(this.control.value=this.displayValue),this.setValidity(),this.updateFreeformOption(),t&&this.$emit("change")}setValidity(e,t,r){if(!this.elementInternals)return;if(this.disabled||!this.required){this.elementInternals.setValidity({});return}const i=this.required&&this.listbox.selectedOptions.length===0;this.elementInternals.setValidity({valueMissing:i,...e},t??this.validationMessage,r??this.control)}slotchangeHandler(e){const t=e.target;Vt(this,()=>{const r=t.assignedElements().find(i=>pa(i));r&&(this.listbox=r)})}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}}connectedCallback(){super.connectedCallback(),N.enqueue(()=>{this.insertControl()})}disconnectedCallback(){ro.AnchorPositionFallbackObserver?.disconnect(),this.debounceController?.abort(),super.disconnectedCallback()}anchorPositionFallback(e){if(ro.AnchorPositionFallbackObserver||(ro.AnchorPositionFallbackObserver=new IntersectionObserver(t=>{t.forEach(({boundingClientRect:r,isIntersecting:i,target:s})=>{if(pa(s)){if(r.bottom>window.innerHeight){$(s.elementInternals,"flip-block",!0);return}r.top<0&&$(s.elementInternals,"flip-block",!1)}})},{threshold:1})),e){this.debounceController=new AbortController,ro.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}ro.AnchorPositionFallbackObserver.unobserve(this.listbox),this.debounceController?.abort(),this.frameId&&(cancelAnimationFrame(this.frameId),this.frameId=void 0)}};H.formAssociated=!0,Y([ds],H.prototype,"activeDescendant",1),Y([b],H.prototype,"activeIndex",2),Y([a({attribute:"aria-labelledby",mode:"fromView"})],H.prototype,"ariaLabelledBy",2),Y([b],H.prototype,"control",2),Y([a({mode:"boolean"})],H.prototype,"disabled",2),Y([ds],H.prototype,"displayValue",1),Y([a({attribute:"id"})],H.prototype,"id",2),Y([b],H.prototype,"indicator",2),Y([b],H.prototype,"indicatorSlot",2),Y([a({attribute:"value",mode:"fromView"})],H.prototype,"initialValue",2),Y([b],H.prototype,"listbox",2),Y([a({mode:"boolean"})],H.prototype,"multiple",2),Y([a],H.prototype,"name",2),Y([b],H.prototype,"open",2),Y([a],H.prototype,"placeholder",2),Y([a({mode:"boolean"})],H.prototype,"required",2),Y([a],H.prototype,"type",2),Y([a({attribute:"value"})],H.prototype,"valueAttribute",2);let pp=H;var bp=Object.defineProperty,gp=Object.getOwnPropertyDescriptor,ga=(o,e,t,r)=>{for(var i=r>1?void 0:r?gp(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&bp(e,t,i),i};class Di extends pp{constructor(){super(...arguments),this.appearance=sp.outline}}ga([a],Di.prototype,"appearance",2),ga([a],Di.prototype,"size",2);const fp=u`
|
|
424
424
|
${w("inline-flex")}
|
|
425
425
|
|
|
426
|
-
:host{anchor-name:--dropdown-trigger;box-sizing:border-box;color:${
|
|
426
|
+
:host{anchor-name:--dropdown-trigger;box-sizing:border-box;color:${_};cursor:pointer}:host(${eu}){color:${ui}}.control{appearance:none;background-color:${S};border-radius:${C};border:${I} solid ${K};box-shadow:inset 0 0 0 ${I} var(--control-border-color);box-sizing:border-box;color:inherit;column-gap:${V};display:inline-flex;justify-content:space-between;min-width:160px;overflow:hidden;padding:${$o} ${Ve};position:relative;text-align:start;width:100%;z-index:1;${aa}}:host([size='small']) .control{column-gap:${V};padding:${Lt} ${ge};${la}}:host([size='large']) .control{column-gap:${_e};padding:${se} ${ae};${Th}}::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:${Z};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:${I}}.control::after{background-color:${vt};height:${be};scale:0 1;transition:scale ${Si} ${xt}}:host(:where(:focus-within)) .control{border-radius:${C};box-shadow:inset 0 0 0 1px ${pr};outline:${be} solid ${ue}}:host(:where(${Zh},:focus-within)) .control::after{scale:1 1;transition-duration:${wr};transition-timing-function:${yt}}:host(:where([appearance='outline'],[appearance='transparent'])) .control::before{background-color:${Me}}:host([appearance='transparent']) .control{--control-border-color:${gi};background-color:${he};border-radius:${br}}:host([appearance='outline']) .control{--control-border-color:${De}}:host([appearance='outline']) .control:hover{--control-border-color:${Mt}}:host(:where([appearance='outline'],[appearance='transparent'])) .control:hover::before{background-color:${ft}}:host([appearance='outline']) .control:hover::after{background-color:${Nt}}:host([appearance='outline']) .control:active{--control-border-color:${fo}}:host(:where([appearance='outline'],[appearance='transparent'])) .control:active::before{background-color:${mt}}:host(:where([appearance='outline'],[appearance='transparent'])) .control:active::after{background-color:${Ft}}:host([appearance='filled-darker']) .control{background-color:${po}}: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:${ye};background-color:${et};color:${T}}::slotted(:not([slot]):not([popover])),::slotted([popover]:not(:popover-open)){display:none}@supports not (anchor-name:--anchor){:host{--listbox-max-height:50vh;--margin-offset:calc(${M} + (${$o} * 2) + ${I})}:host([size='small']){--margin-offset:calc(${q} + (${Lt} * 2) + ${I})}:host([size='large']){--margin-offset:calc(${ke} + (${se} * 2) + ${I})}}@media (forced-colors:active){:host(:disabled) .control{border-color:GrayText}:host(:disabled) :where(slot[name='indicator'] > *,::slotted([slot='indicator'])){color:GrayText}`,mp=Di.compose({name:`${p.prefix}-dropdown`,template:dp,styles:fp});mp.define(p.registry);const vp={above:"above",after:"after",before:"before"},Se={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 $p=Object.defineProperty,yp=Object.getOwnPropertyDescriptor,Nr=(o,e,t,r)=>{for(var i=r>1?void 0:r?yp(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&$p(e,t,i),i};class Co extends x{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){$(this.elementInternals,"has-message",!!t.length)}slottedInputsChanged(e,t){const r=t?.filter(i=>i.nodeType===Node.ELEMENT_NODE)??[];r?.length&&(this.input=r?.[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)")&&$(this.elementInternals,"focus-visible",!0),!0}focusoutHandler(e){return $(this.elementInternals,"focus-visible",!1),!0}invalidHandler(e){this.messageSlot.length&&e.preventDefault(),this.setValidationStates()}setLabelProperties(){this.$fastController.isConnected&&(this.input.id=this.input.id||co("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&&($(this.elementInternals,"disabled",!!this.input.disabled),$(this.elementInternals,"readonly",!!this.input.readOnly),$(this.elementInternals,"required",!!this.input.required),$(this.elementInternals,"checked",!!this.input.checked))}setValidationStates(){if(this.input?.validity)for(const[e,t]of Object.entries(Se))$(this.elementInternals,t,this.input.validity[e])}}Nr([b],Co.prototype,"labelSlot",2),Nr([b],Co.prototype,"messageSlot",2),Nr([b],Co.prototype,"slottedInputs",2),Nr([b],Co.prototype,"input",2);var xp=Object.defineProperty,kp=Object.getOwnPropertyDescriptor,wp=(o,e,t,r)=>{for(var i=r>1?void 0:r?kp(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&xp(e,t,i),i};class fa extends Co{constructor(){super(...arguments),this.labelPosition=vp.above}}wp([a({attribute:"label-position"})],fa.prototype,"labelPosition",2);const Cp=u`
|
|
427
427
|
${w("inline-grid")}
|
|
428
428
|
|
|
429
|
-
:host{color:${
|
|
430
|
-
:host{contain:content}:host ::slotted(img){box-sizing:border-box;min-height:8px;min-width:8px;display:inline-block}:host([block]) ::slotted(img){width:100%;height:auto}:host([bordered]) ::slotted(img){border:${I} solid ${mo}}:host([fit='none']) ::slotted(img){object-fit:none;object-position:top left;height:100%;width:100%}:host([fit='center']) ::slotted(img){object-fit:none;object-position:center;height:100%;width:100%}:host([fit='contain']) ::slotted(img){object-fit:contain;object-position:center;height:100%;width:100%}:host([fit='cover']) ::slotted(img){object-fit:cover;object-position:center;height:100%;width:100%}:host([shadow]) ::slotted(img){box-shadow:${$r}}:host([shape='circular']) ::slotted(img){border-radius:${xe}}:host([shape='rounded']) ::slotted(img){border-radius:${C}}`,
|
|
429
|
+
:host{color:${_};align-items:center;gap:0 ${ae};justify-items:start}:has([slot='message']){color:${_};row-gap:${se}}:not(::slotted([slot='label'])){gap:0}:host([label-position='before']){grid-template-areas:'label input' 'label message'}:host([label-position='after']){gap:0;grid-template-areas:'input label' 'message message';grid-template-columns:auto 1fr}:host([label-position='after']) ::slotted([slot='input']){margin-inline-end:${ae}}:host([label-position='above']){grid-template-areas:'label' 'input' 'message';row-gap:${yr}}:host([label-position='below']){grid-template-areas:'input' 'label' 'message';justify-items:center}:host([label-position='below']) ::slotted([slot='label']){margin-block-start:${zd}}:host(${ru}) ::slotted([slot='label'])::after{content:'*' / '';color:${mi};margin-inline-start:${ie}}::slotted([slot='input']){grid-area:input}::slotted([slot='message']){color:${Z};font-family:${v};font-size:${F};font-weight:${A};grid-area:message;line-height:${q};margin-block-start:${yr}}:host(${Qh}:focus-within){border-radius:${C};outline:${be} solid ${ue}}::slotted(label),::slotted([slot='label']){cursor:inherit;display:inline-flex;font-family:${v};font-size:${O};font-weight:${A};grid-area:label;line-height:${M};justify-self:stretch;user-select:none}:host([size='small']) ::slotted(label){font-size:${F};line-height:${q}}:host([size='large']) ::slotted(label){font-size:${pe};line-height:${ke}}:host([size='large']) ::slotted(label),:host([weight='semibold']) ::slotted(label){font-weight:${L}}:host(${fe}){cursor:default}::slotted([flag]){display:none}:host(${Uh}) ::slotted([flag='${Se.badInput}']),:host(${Xh}) ::slotted([flag='${Se.customError}']),:host(${Jh}) ::slotted([flag='${Se.patternMismatch}']),:host(${tu}) ::slotted([flag='${Se.rangeOverflow}']),:host(${ou}) ::slotted([flag='${Se.rangeUnderflow}']),:host(${iu}) ::slotted([flag='${Se.stepMismatch}']),:host(${su}) ::slotted([flag='${Se.tooLong}']),:host(${nu}) ::slotted([flag='${Se.tooShort}']),:host(${au}) ::slotted([flag='${Se.typeMismatch}']),:host(${du}) ::slotted([flag='${Se.valueMissing}']),:host(${cu}) ::slotted([flag='${Se.valid}']){display:block}`,Sp=g`<template @click="${(o,e)=>o.clickHandler(e.event)}" @change="${(o,e)=>o.changeHandler(e.event)}" @focusin="${(o,e)=>o.focusinHandler(e.event)}" @focusout="${(o,e)=>o.focusoutHandler(e.event)}"><slot name="label" part="label" ${U("labelSlot")}></slot><slot name="input" part="input" ${U("slottedInputs")}></slot><slot name="message" part="message" ${U({property:"messageSlot",filter:no("[flag]")})}></slot></template>`,Ip=fa.compose({name:`${p.prefix}-field`,template:Sp,styles:Cp,shadowOptions:{delegatesFocus:!0}});Ip.define(p.registry);var Pp=Object.defineProperty,zp=Object.getOwnPropertyDescriptor,So=(o,e,t,r)=>{for(var i=r>1?void 0:r?zp(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Pp(e,t,i),i};class Kt extends x{}So([a({mode:"boolean"})],Kt.prototype,"block",2),So([a({mode:"boolean"})],Kt.prototype,"bordered",2),So([a({mode:"boolean"})],Kt.prototype,"shadow",2),So([a],Kt.prototype,"fit",2),So([a],Kt.prototype,"shape",2);const _p=g`<slot></slot>`,Bp=u`
|
|
430
|
+
:host{contain:content}:host ::slotted(img){box-sizing:border-box;min-height:8px;min-width:8px;display:inline-block}:host([block]) ::slotted(img){width:100%;height:auto}:host([bordered]) ::slotted(img){border:${I} solid ${mo}}:host([fit='none']) ::slotted(img){object-fit:none;object-position:top left;height:100%;width:100%}:host([fit='center']) ::slotted(img){object-fit:none;object-position:center;height:100%;width:100%}:host([fit='contain']) ::slotted(img){object-fit:contain;object-position:center;height:100%;width:100%}:host([fit='cover']) ::slotted(img){object-fit:cover;object-position:center;height:100%;width:100%}:host([shadow]) ::slotted(img){box-shadow:${$r}}:host([shape='circular']) ::slotted(img){border-radius:${xe}}:host([shape='rounded']) ::slotted(img){border-radius:${C}}`,Tp=Kt.compose({name:`${p.prefix}-image`,template:_p,styles:Bp});Tp.define(p.registry);var Op=Object.defineProperty,Ap=Object.getOwnPropertyDescriptor,Fr=(o,e,t,r)=>{for(var i=r>1?void 0:r?Ap(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Op(e,t,i),i};class Io extends x{constructor(){super(...arguments),this.disabled=!1,this.required=!1}}Fr([a],Io.prototype,"size",2),Fr([a],Io.prototype,"weight",2),Fr([a({mode:"boolean"})],Io.prototype,"disabled",2),Fr([a({mode:"boolean"})],Io.prototype,"required",2);const Ep=u`
|
|
431
431
|
${w("inline-flex")}
|
|
432
432
|
|
|
433
|
-
:host{color:${
|
|
433
|
+
:host{color:${_};cursor:pointer;font-family:${v};font-size:${O};font-weight:${A};line-height:${M};user-select:none}.asterisk{color:${mi};margin-inline-start:${ie}}:host([size='small']){font-size:${F};line-height:${q}}:host([size='large']){font-size:${pe};line-height:${ke}}:host(:is([size='large'],[weight='semibold'])){font-weight:${L}}:host([disabled]),:host([disabled]) .asterisk{color:${T}}`;function Np(){return g`<slot></slot><span part="asterisk" class="asterisk" aria-hidden="true" ?hidden="${o=>!o.required}">*</span>`}const Fp=Np(),Mp=Io.compose({name:`${p.prefix}-label`,template:Fp,styles:Ep});Mp.define(p.registry);var Dp=Object.defineProperty,Lp=Object.getOwnPropertyDescriptor,ma=(o,e,t,r)=>{for(var i=r>1?void 0:r?Lp(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Dp(e,t,i),i};class Li extends He{constructor(){super(...arguments),this.inline=!1}}ma([a],Li.prototype,"appearance",2),ma([a({mode:"boolean"})],Li.prototype,"inline",2);const Vp=u`
|
|
434
434
|
${w("inline")}
|
|
435
435
|
|
|
436
|
-
:host{position:relative;box-sizing:border-box;background-color:transparent;color:${
|
|
437
|
-
:host{color:LinkText}`));function Hp(){return g`<template tabindex="0" @click="${(o,e)=>o.clickHandler(e.event)}" @keydown="${(o,e)=>o.keydownHandler(e.event)}"><slot></slot></template>`}const jp=Hp(),Rp=Li.compose({name:`${p.prefix}-link`,template:jp,styles:Vp});Rp.define(p.registry);var qp=Object.defineProperty,Wp=Object.getOwnPropertyDescriptor,Po=(o,e,t,r)=>{for(var i=r>1?void 0:r?Wp(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&qp(e,t,i),i};class Yt extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="listbox"}defaultSlotChanged(){this.slotchangeHandler()}multipleChanged(e,t){this.elementInternals.ariaMultiSelectable=t?"true":"false",$(this.elementInternals,"multiple",t),
|
|
436
|
+
:host{position:relative;box-sizing:border-box;background-color:transparent;color:${Ml};cursor:pointer;font-family:${v};font-size:${O};font-weight:${A};overflow:inherit;text-align:start;text-decoration:none;text-decoration-thickness:${I};text-overflow:inherit;user-select:text}:host(:is(:hover,:focus-visible)){outline:none;text-decoration-line:underline}@media (hover:hover){:host(:hover){color:${Dl}}:host(:active){color:${Ll}}:host([appearance='subtle']:hover){color:${Hl}}:host([appearance='subtle']:active){color:${jl}}}:host([appearance='subtle']){color:${Vl}}:host-context(:is(h1,h2,h3,h4,h5,h6,p,fluent-text)),:host([inline]){font:inherit;text-decoration:underline}:host(:not([href])){color:inherit;text-decoration:none}::slotted(a){position:absolute;inset:0}`.withBehaviors(X(u`
|
|
437
|
+
:host{color:LinkText}`));function Hp(){return g`<template tabindex="0" @click="${(o,e)=>o.clickHandler(e.event)}" @keydown="${(o,e)=>o.keydownHandler(e.event)}"><slot></slot></template>`}const jp=Hp(),Rp=Li.compose({name:`${p.prefix}-link`,template:jp,styles:Vp});Rp.define(p.registry);var qp=Object.defineProperty,Wp=Object.getOwnPropertyDescriptor,Po=(o,e,t,r)=>{for(var i=r>1?void 0:r?Wp(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&qp(e,t,i),i};class Yt extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="listbox"}defaultSlotChanged(){this.slotchangeHandler()}multipleChanged(e,t){this.elementInternals.ariaMultiSelectable=t?"true":"false",$(this.elementInternals,"multiple",t),N.enqueue(()=>{this.options.forEach(r=>{r.multiple=!!t})})}optionsChanged(e,t){t?.forEach((r,i)=>{r.elementInternals.ariaPosInSet=`${i+1}`,r.elementInternals.ariaSetSize=`${t.length}`})}beforetoggleHandler(e){if(!this.dropdown)return!0;if(this.dropdown.disabled){this.dropdown.open=!1;return}return this.dropdown.open=e.newState==="open",!0}get enabledOptions(){return this.options?.filter(e=>!e.disabled)??[]}get selectedOptions(){return this.options?.filter(e=>e.selected)??[]}clickHandler(e){if(this.dropdown)return!0;const t=e.target;return Er(t)&&this.selectOption(this.enabledOptions.indexOf(t)),!0}connectedCallback(){super.connectedCallback(),Vt(this,()=>{this.id=this.id||Xt("listbox-")},{shallow:!0})}handleChange(e,t){if(t==="multiple"){this.multiple=e.multiple;return}}selectOption(e=this.selectedIndex){let t=this.selectedIndex;if(!this.multiple)this.enabledOptions.forEach((r,i)=>{const s=i===e;r.selected=s,s&&(t=i)});else{const r=this.enabledOptions[e];r&&(r.selected=!r.selected),t=e}this.selectedIndex=t}slotchangeHandler(e){Vt(this,()=>{if(this.defaultSlot){const t=this.defaultSlot.assignedElements().filter(r=>Er(r));this.options=t}})}}Po([b],Yt.prototype,"defaultSlot",2),Po([b],Yt.prototype,"multiple",2),Po([b],Yt.prototype,"options",2),Po([b],Yt.prototype,"selectedIndex",2),Po([b],Yt.prototype,"dropdown",2);const Gp=u`
|
|
438
438
|
${w("inline-flex")}
|
|
439
439
|
|
|
440
440
|
:host{background-color:${S};border-radius:${C};border:${I} solid ${K};box-shadow:${yi};box-sizing:border-box;flex-direction:column;margin:0;min-width:160px;padding:${ie};row-gap:${V};width:auto}:host([popover]){inset:unset;overflow:auto}@supports (anchor-name:--anchor){:host([popover]){position:absolute;margin-block-start:0;max-height:var(--listbox-max-height,calc(50vh - anchor-size(self-block)));min-width:anchor-size(width);position-anchor:--dropdown;position-area:block-end span-inline-end;position-try-fallbacks:flip-inline,flip-block,--flip-block,block-start}@position-try --flip-block{bottom:anchor(top);top:unset}}@supports not (anchor-name:--anchor){:host([popover]){margin-block-start:var(--margin-offset,0);max-height:var(--listbox-max-height,50vh);position:fixed}:host([popover]${Yh}){margin-block-start:revert;translate:0 -100%}}`;function Up(){return g`<template @beforetoggle="${(o,e)=>o.beforetoggleHandler(e.event)}" @click="${(o,e)=>o.clickHandler(e.event)}"><slot ${z("defaultSlot")} @slotchange="${(o,e)=>o.slotchangeHandler(e.event)}"></slot></template>`}const Xp=Up(),Kp=Yt.compose({name:`${p.prefix}-listbox`,template:Xp,styles:Gp});Kp.define(p.registry);class Yp extends Xe{}const Qp=Oi({end:g.partial(`
|
|
@@ -444,21 +444,21 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
444
444
|
`)}),Zp=Yp.compose({name:`${p.prefix}-menu-button`,template:Qp,styles:zr});Zp.define(p.registry);const J={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"};J.menuitem+"",J.menuitemcheckbox+"",J.menuitemradio+"";function Jp(o,e="-menu-item"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}var eb=Object.defineProperty,tb=Object.getOwnPropertyDescriptor,Qt=(o,e,t,r)=>{for(var i=r>1?void 0:r?tb(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&eb(e,t,i),i};class Ke extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.role=J.menuitem,this.checked=!1,this.handleMenuItemKeyDown=e=>{if(e.defaultPrevented)return!1;switch(e.key){case lo:case tr:return this.invoke(),!1;case Qo:return this.disabled||(this.submenu?.togglePopover(!0),this.submenu?.focus()),!1;case Yo:return this.parentElement?.hasAttribute("popover")&&(this.parentElement.togglePopover(!1),this.parentElement.parentElement?.focus()),!1}return!0},this.handleMenuItemClick=e=>(e.defaultPrevented||this.disabled||this.invoke(),!1),this.handleMouseOver=e=>(this.disabled||this.submenu?.togglePopover(!0),!1),this.handleMouseOut=e=>(this.contains(document.activeElement)||this.submenu?.togglePopover(!1),!1),this.toggleHandler=e=>{e instanceof ToggleEvent&&e.newState==="open"&&(this.setAttribute("tabindex","-1"),this.elementInternals.ariaExpanded="true",this.setSubmenuPosition()),e instanceof ToggleEvent&&e.newState==="closed"&&(this.elementInternals.ariaExpanded="false",this.setAttribute("tabindex","0"))},this.invoke=()=>{if(!this.disabled)switch(this.role){case J.menuitemcheckbox:this.checked=!this.checked;break;case J.menuitem:if(this.submenu){this.submenu.togglePopover(!0),this.submenu.focus();break}this.$emit("change");break;case J.menuitemradio:this.checked||(this.checked=!0);break}},this.setSubmenuPosition=()=>{if(!CSS.supports("anchor-name","--anchor")&&this.submenu){const e=this.getBoundingClientRect(),t=this.submenu.getBoundingClientRect(),r=getComputedStyle(this).direction==="ltr"?"right":"left";if(e.width+t.width>window.innerWidth*.75){this.submenu.style.translate="0 -100%";return}if(e[r]+t.width>window.innerWidth){this.submenu.style.translate="-100% 0";return}this.submenu.style.translate=`${e.width-8}px 0`}}}disabledChanged(e,t){this.elementInternals.ariaDisabled=t?`${t}`:null,$(this.elementInternals,"disabled",t)}roleChanged(e,t){this.elementInternals.role=t??J.menuitem}checkedChanged(e,t){const r=this.role!==J.menuitem;this.elementInternals.ariaChecked=r?`${!!t}`:null,$(this.elementInternals,"checked",r?t:!1),this.$fastController.isConnected&&this.$emit("change",t,{bubbles:!0})}slottedSubmenuChanged(e,t){this.submenu?.removeEventListener("toggle",this.toggleHandler),t.length?(this.submenu=t[0],this.submenu.toggleAttribute("popover",!0),this.submenu.addEventListener("toggle",this.toggleHandler),this.elementInternals.ariaHasPopup="menu",$(this.elementInternals,"submenu",!0)):(this.elementInternals.ariaHasPopup=null,$(this.elementInternals,"submenu",!1))}connectedCallback(){super.connectedCallback(),this.elementInternals.role=this.role??J.menuitem,this.elementInternals.ariaChecked=this.role!==J.menuitem?`${!!this.checked}`:null}}Qt([a({mode:"boolean"})],Ke.prototype,"disabled",2),Qt([a],Ke.prototype,"role",2),Qt([a({mode:"boolean"})],Ke.prototype,"checked",2),Qt([a({mode:"boolean"})],Ke.prototype,"hidden",2),Qt([b],Ke.prototype,"slottedSubmenu",2),Qt([b],Ke.prototype,"submenu",2),Je(Ke,Ze);const ob=u`
|
|
445
445
|
${w("grid")}
|
|
446
446
|
|
|
447
|
-
:host{--indent:0;align-items:center;background:${S};border-radius:${C};color:${Pe};contain:layout;cursor:pointer;flex-shrink:0;font:${
|
|
448
|
-
:host(${fe}),:host(${fe}) ::slotted([slot='start']),:host(${fe}) ::slotted([slot='end']){color:GrayText}`)),rb=g.partial('<svg class="indicator" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.05 3.49c.28.3.27.77-.04 1.06l-7.93 7.47A.85.85 0 014.9 12L2.22 9.28a.75.75 0 111.06-1.06l2.24 2.27 7.47-7.04a.75.75 0 011.06.04z" fill="currentColor"></path></svg>'),ib=g.partial('<svg class="submenu-glyph" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.74 3.2a.75.75 0 00-.04 1.06L9.23 8 5.7 11.74a.75.75 0 101.1 1.02l4-4.25a.75.75 0 000-1.02l-4-4.25a.75.75 0 00-1.06-.04z" fill="currentColor"></path></svg>');function sb(o={}){return g`<template @keydown="${(e,t)=>e.handleMenuItemKeyDown(t.event)}" @click="${(e,t)=>e.handleMenuItemClick(t.event)}" @mouseover="${(e,t)=>e.handleMouseOver(t.event)}" @mouseout="${(e,t)=>e.handleMouseOut(t.event)}" @toggle="${(e,t)=>e.toggleHandler(t.event)}"><slot name="indicator">${de(o.indicator)}</slot>${Ge(o)}<div part="content" class="content"><slot></slot></div>${pt(o)}<slot name="submenu-glyph">${de(o.submenuGlyph)}</slot><slot name="submenu" ${U({property:"slottedSubmenu"})}></slot></template>`}const nb=sb({indicator:rb,submenuGlyph:ib}),ab=Ke.compose({name:`${p.prefix}-menu-item`,template:nb,styles:ob});ab.define(p.registry);var lb=Object.defineProperty,cb=Object.getOwnPropertyDescriptor,db=(o,e,t,r)=>{for(var i=r>1?void 0:r?cb(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&lb(e,t,i),i};const Vi=class rs extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.focusIndex=-1,this.isNestedMenu=()=>this.parentElement!==null&&di(this.parentElement)&&this.parentElement.getAttribute("role")==="menuitem",this.handleFocusOut=e=>{if(!this.contains(e.relatedTarget)&&this.menuItems!==void 0){const t=this.menuItems.findIndex(this.isFocusableElement);this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.menuItems[t].setAttribute("tabindex","0"),this.focusIndex=t}},this.handleItemFocus=e=>{const t=e.target;this.menuItems!==void 0&&t!==this.menuItems[this.focusIndex]&&(this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=this.menuItems.indexOf(t),t.setAttribute("tabindex","0"))},this.changedMenuItemHandler=e=>{if(this.menuItems===void 0)return;const t=e.target,r=this.menuItems.indexOf(t);if(r!==-1&&t.role==="menuitemradio"&&t.checked===!0){for(let s=r-1;s>=0;--s){const n=this.menuItems[s],c=n.role;if(c===J.menuitemradio&&(n.checked=!1),c==="separator")break}const i=this.menuItems.length-1;for(let s=r+1;s<=i;++s){const n=this.menuItems[s],c=n.role;if(c===J.menuitemradio&&(n.checked=!1),c==="separator")break}}},this.isMenuItemElement=e=>Jp(e)||di(e)&&!!e.role&&e.role in rs.focusableElementRoles,this.isFocusableElement=e=>this.isMenuItemElement(e),this.elementInternals.role="menu"}itemsChanged(e,t){this.$fastController.isConnected&&this.menuItems!==void 0&&this.setItems()}connectedCallback(){super.connectedCallback(),
|
|
447
|
+
:host{--indent:0;align-items:center;background:${S};border-radius:${C};color:${Pe};contain:layout;cursor:pointer;flex-shrink:0;font:${A} ${O} / ${M} ${v};grid-gap:4px;grid-template-columns:20px 20px auto 20px;height:32px;overflow:visible;padding:0 10px}:host(:hover){background:${cr};color:${At}}:host(:active){background-color:${dn};color:${Et}}:host(:active) ::slotted([slot='start']){color:${ql}}:host(${fe}){background-color:${et};color:${T}}:host(${fe}) ::slotted([slot='start']),:host(${fe}) ::slotted([slot='end']){color:${T}}:host(:focus-visible){border-radius:${C};outline:2px solid ${ue}}.content{white-space:nowrap;flex-grow:1;grid-column:auto / span 2;padding:0 2px}:host(:not(${y})) .indicator,:host(:not(${y})) ::slotted([slot='indicator']),:host(:not(${Or})) .submenu-glyph,:host(:not(${Or})) ::slotted([slot='submenu-glyph']){display:none}::slotted([slot='end']){color:${Z};font:${A} ${F} / ${q} ${v};white-space:nowrap}:host([data-indent='1']){--indent:1}:host([data-indent='2']){--indent:2;grid-template-columns:20px 20px auto auto}:host(${Or}){grid-template-columns:20px auto auto 20px}:host([data-indent='2']${Or}){grid-template-columns:20px 20px auto auto 20px}.indicator,::slotted([slot='indicator']){grid-column:1 / span 1;width:20px}::slotted([slot='start']){display:inline-flex;grid-column:calc(var(--indent)) / span 1}.content{grid-column:calc(var(--indent) + 1) / span 1}::slotted([slot='end']){grid-column:calc(var(--indent) + 2) / span 1;justify-self:end}.submenu-glyph,::slotted([slot='submenu-glyph']){grid-column:-2 / span 1;justify-self:end}@layer popover{:host{anchor-name:--menu-trigger;position:relative}::slotted([popover]){margin:0;max-height:var(--menu-max-height,auto);position:absolute;position-anchor:--menu-trigger;position-area:inline-end span-block-end;position-try-fallbacks:flip-inline,block-start,block-end;z-index:1}::slotted([popover]:not(:popover-open)){display:none}::slotted([popover]:popover-open){inset:unset}@supports not (anchor-name:--menu-trigger){::slotted([popover]){align-self:start}}}`.withBehaviors(X(u`
|
|
448
|
+
:host(${fe}),:host(${fe}) ::slotted([slot='start']),:host(${fe}) ::slotted([slot='end']){color:GrayText}`)),rb=g.partial('<svg class="indicator" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.05 3.49c.28.3.27.77-.04 1.06l-7.93 7.47A.85.85 0 014.9 12L2.22 9.28a.75.75 0 111.06-1.06l2.24 2.27 7.47-7.04a.75.75 0 011.06.04z" fill="currentColor"></path></svg>'),ib=g.partial('<svg class="submenu-glyph" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.74 3.2a.75.75 0 00-.04 1.06L9.23 8 5.7 11.74a.75.75 0 101.1 1.02l4-4.25a.75.75 0 000-1.02l-4-4.25a.75.75 0 00-1.06-.04z" fill="currentColor"></path></svg>');function sb(o={}){return g`<template @keydown="${(e,t)=>e.handleMenuItemKeyDown(t.event)}" @click="${(e,t)=>e.handleMenuItemClick(t.event)}" @mouseover="${(e,t)=>e.handleMouseOver(t.event)}" @mouseout="${(e,t)=>e.handleMouseOut(t.event)}" @toggle="${(e,t)=>e.toggleHandler(t.event)}"><slot name="indicator">${de(o.indicator)}</slot>${Ge(o)}<div part="content" class="content"><slot></slot></div>${pt(o)}<slot name="submenu-glyph">${de(o.submenuGlyph)}</slot><slot name="submenu" ${U({property:"slottedSubmenu"})}></slot></template>`}const nb=sb({indicator:rb,submenuGlyph:ib}),ab=Ke.compose({name:`${p.prefix}-menu-item`,template:nb,styles:ob});ab.define(p.registry);var lb=Object.defineProperty,cb=Object.getOwnPropertyDescriptor,db=(o,e,t,r)=>{for(var i=r>1?void 0:r?cb(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&lb(e,t,i),i};const Vi=class rs extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.focusIndex=-1,this.isNestedMenu=()=>this.parentElement!==null&&di(this.parentElement)&&this.parentElement.getAttribute("role")==="menuitem",this.handleFocusOut=e=>{if(!this.contains(e.relatedTarget)&&this.menuItems!==void 0){const t=this.menuItems.findIndex(this.isFocusableElement);this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.menuItems[t].setAttribute("tabindex","0"),this.focusIndex=t}},this.handleItemFocus=e=>{const t=e.target;this.menuItems!==void 0&&t!==this.menuItems[this.focusIndex]&&(this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=this.menuItems.indexOf(t),t.setAttribute("tabindex","0"))},this.changedMenuItemHandler=e=>{if(this.menuItems===void 0)return;const t=e.target,r=this.menuItems.indexOf(t);if(r!==-1&&t.role==="menuitemradio"&&t.checked===!0){for(let s=r-1;s>=0;--s){const n=this.menuItems[s],c=n.role;if(c===J.menuitemradio&&(n.checked=!1),c==="separator")break}const i=this.menuItems.length-1;for(let s=r+1;s<=i;++s){const n=this.menuItems[s],c=n.role;if(c===J.menuitemradio&&(n.checked=!1),c==="separator")break}}},this.isMenuItemElement=e=>Jp(e)||di(e)&&!!e.role&&e.role in rs.focusableElementRoles,this.isFocusableElement=e=>this.isMenuItemElement(e),this.elementInternals.role="menu"}itemsChanged(e,t){this.$fastController.isConnected&&this.menuItems!==void 0&&this.setItems()}connectedCallback(){super.connectedCallback(),N.enqueue(()=>{this.setItems()}),this.addEventListener("change",this.changedMenuItemHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(),this.menuItems=void 0,this.removeEventListener("change",this.changedMenuItemHandler)}focus(){this.setFocus(0,1)}handleMenuKeyDown(e){if(!(e.defaultPrevented||this.menuItems===void 0))switch(e.key){case Ko:this.setFocus(this.focusIndex+1,1);return;case Zo:this.setFocus(this.focusIndex-1,-1);return;case Jo:this.setFocus(this.menuItems.length-1,-1);return;case er:this.setFocus(0,1);return;default:return!0}}removeItemListeners(e=this.items){e.forEach(t=>{t.removeEventListener("focus",this.handleItemFocus),m.getNotifier(t).unsubscribe(this,"hidden")})}static elementIndent(e){const t=e.role,r=e.querySelector("[slot=start]");return t&&t!==J.menuitem?r?2:1:r?1:0}setItems(){const e=Array.from(this.children);this.removeItemListeners(e),e.forEach(n=>m.getNotifier(n).subscribe(this,"hidden"));const t=e.filter(n=>!n.hasAttribute("hidden"));this.menuItems=t;const r=this.menuItems.filter(this.isMenuItemElement);r.length&&(this.focusIndex=0),r.forEach((n,c)=>{n.setAttribute("tabindex",c===0?"0":"-1"),n.addEventListener("focus",this.handleItemFocus)});const i=this.menuItems?.filter(this.isMenuItemElement),s=i?.reduce((n,c)=>{const h=rs.elementIndent(c);return Math.max(n,h)},0);i?.forEach(n=>{n.dataset.indent=`${s}`})}handleChange(e,t){t==="hidden"&&this.setItems()}setFocus(e,t){if(this.menuItems!==void 0)for(;e>=0&&e<this.menuItems.length;){const r=this.menuItems[e];if(this.isFocusableElement(r)){this.focusIndex>-1&&this.menuItems.length>=this.focusIndex-1&&this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=e,r.setAttribute("tabindex","0"),r.focus();break}e+=t}}};Vi.focusableElementRoles=J,db([b],Vi.prototype,"items",2);let hb=Vi;class ub extends hb{}const pb=u`
|
|
449
449
|
${w("flex")}
|
|
450
450
|
|
|
451
|
-
:host{flex-direction:column;height:fit-content;max-width:300px;min-width:160px;width:auto;background-color:${S};border:1px solid ${K};border-radius:${C};box-shadow:${yi};padding:4px;row-gap:2px}`;function
|
|
451
|
+
:host{flex-direction:column;height:fit-content;max-width:300px;min-width:160px;width:auto;background-color:${S};border:1px solid ${K};border-radius:${C};box-shadow:${yi};padding:4px;row-gap:2px}`;function bb(){return g`<template slot="${o=>o.slot?o.slot:o.isNestedMenu()?"submenu":void 0}" @keydown="${(o,e)=>o.handleMenuKeyDown(e.event)}" @focusout="${(o,e)=>o.handleFocusOut(e.event)}"><slot ${U("items")}></slot></template>`}const gb=bb(),fb=ub.compose({name:`${p.prefix}-menu-list`,template:gb,styles:pb});fb.define(p.registry);var mb=Object.defineProperty,vb=Object.getOwnPropertyDescriptor,nt=(o,e,t,r)=>{for(var i=r>1?void 0:r?vb(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&mb(e,t,i),i};class Ye extends x{constructor(){super(...arguments),this._open=!1,this.toggleMenu=()=>{this._menuList?.togglePopover(!this._open)},this.closeMenu=e=>{e?.target instanceof Ke&&(e.target.getAttribute("role")===J.menuitemcheckbox||e.target.getAttribute("role")===J.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 tr:case lo:e.preventDefault(),this.toggleMenu();break;default:return!0}},this.documentClickHandler=e=>{e.composedPath().some(t=>t===this._trigger||t===this._menuList)||this.closeMenu()}}slottedMenuListChanged(e,t){this._menuListAbortController?.abort(),t?.length&&(this._menuList=t[0],this._menuList.popover=this.openOnContext?"manual":"",this.addMenuListListeners())}slottedTriggersChanged(e,t){if(this._triggerAbortController?.abort(),t?.length){const r=t[0];this._trigger=r,this._trigger?.isConnected&&(this._trigger.setAttribute("aria-haspopup","true"),this._trigger.setAttribute("aria-expanded",`${this._open}`),this.addTriggerListeners())}}connectedCallback(){super.connectedCallback(),this.setComponent()}disconnectedCallback(){super.disconnectedCallback(),this._triggerAbortController?.abort(),this._menuListAbortController?.abort()}setComponent(){}focusMenuList(){N.enqueue(()=>{this._menuList.focus()})}focusTrigger(){N.enqueue(()=>{this._trigger.focus()})}openOnHoverChanged(e,t){this._trigger&&(this._triggerAbortController?.abort(),this.addTriggerListeners())}persistOnItemClickChanged(e,t){this._menuList&&(this._menuListAbortController?.abort(),this.addMenuListListeners())}openOnContextChanged(e,t){t?this._menuList?.setAttribute("popover","manual"):this._menuList?.setAttribute("popover",""),this._trigger&&(this._triggerAbortController?.abort(),this.addTriggerListeners())}closeOnScrollChanged(e,t){t?document.addEventListener("scroll",this.closeMenu):document.removeEventListener("scroll",this.closeMenu)}addTriggerListeners(){this._triggerAbortController=new AbortController;const{signal:e}=this._triggerAbortController;this._trigger?.addEventListener("keydown",this.triggerKeydownHandler,{signal:e}),this.openOnHover?this._trigger?.addEventListener("mouseover",this.openMenu,{signal:e}):this.openOnContext?(this._trigger?.addEventListener("contextmenu",this.openMenu,{signal:e}),document.addEventListener("click",this.documentClickHandler,{signal:e})):this._trigger?.addEventListener("click",this.toggleMenu,{signal:e})}addMenuListListeners(){this._menuListAbortController=new AbortController;const{signal:e}=this._menuListAbortController;this._menuList?.addEventListener("toggle",this.toggleHandler,{signal:e}),this.persistOnItemClick||this._menuList?.addEventListener("change",this.closeMenu,{signal:e})}menuKeydownHandler(e){if(e.defaultPrevented)return;switch(e.key){case yl:e.preventDefault(),this._open&&(this.closeMenu(),this.focusTrigger());break;case xl: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}}}nt([a({attribute:"open-on-hover",mode:"boolean"})],Ye.prototype,"openOnHover",2),nt([a({attribute:"open-on-context",mode:"boolean"})],Ye.prototype,"openOnContext",2),nt([a({attribute:"close-on-scroll",mode:"boolean"})],Ye.prototype,"closeOnScroll",2),nt([a({attribute:"persist-on-item-click",mode:"boolean"})],Ye.prototype,"persistOnItemClick",2),nt([a({mode:"boolean"})],Ye.prototype,"split",2),nt([b],Ye.prototype,"slottedMenuList",2),nt([b],Ye.prototype,"slottedTriggers",2),nt([b],Ye.prototype,"primaryAction",2);const $b=u`
|
|
452
452
|
${w("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:${I} solid ${De};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:${I} solid white}:host([split]) ::slotted([slot='trigger']){border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}`;function
|
|
455
|
-
:host{display:grid;box-sizing:border-box;font-family:${v};font-size:${F};line-height:${q};width:100%;background:${po};border:1px solid ${De};padding-inline:${ae};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:${Pn};border-color:${
|
|
456
|
-
'actions actions actions';grid-template-columns:auto 1fr auto;grid-template-rows:auto auto 1fr;padding-block:${xr};padding-inline:${ae}}.content{grid-area:body;max-width:520px;padding-block:${xr};padding-inline:0}:host([layout='multiline']) .content{padding:0}::slotted([slot='icon']){display:flex;grid-area:icon;flex-direction:column;align-items:center;color:${Z};margin-inline-end:${
|
|
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:${I} solid ${De};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:${I} solid white}:host([split]) ::slotted([slot='trigger']){border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}`;function yb(){return g`<template ?open-on-hover="${o=>o.openOnHover}" ?open-on-context="${o=>o.openOnContext}" ?close-on-scroll="${o=>o.closeOnScroll}" ?persist-on-item-click="${o=>o.persistOnItemClick}" @keydown="${(o,e)=>o.menuKeydownHandler(e.event)}"><slot name="primary-action" ${z("primaryAction")}></slot><slot name="trigger" ${U({property:"slottedTriggers",filter:no()})}></slot><slot ${U({property:"slottedMenuList",filter:no()})}></slot></template>`}const xb=yb(),kb=Ye.compose({name:`${p.prefix}-menu`,template:xb,styles:$b});kb.define(p.registry);var wb=Object.defineProperty,Cb=Object.getOwnPropertyDescriptor,Hi=(o,e,t,r)=>{for(var i=r>1?void 0:r?Cb(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&wb(e,t,i),i};class Mr extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.dismissMessageBar=()=>{this.$emit("dismiss",{})},this.elementInternals.role="status"}}Hi([a],Mr.prototype,"shape",2),Hi([a],Mr.prototype,"layout",2),Hi([a],Mr.prototype,"intent",2);const Sb=u`
|
|
455
|
+
:host{display:grid;box-sizing:border-box;font-family:${v};font-size:${F};line-height:${q};width:100%;background:${po};border:1px solid ${De};padding-inline:${ae};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:${Pn};border-color:${lc}}:host([intent='warning']){background-color:${_n};border-color:${Tn}}:host([intent='error']){background-color:${wn};border-color:${Sn}}:host([layout='multiline']){grid-template-areas:'icon body dismiss'
|
|
456
|
+
'actions actions actions';grid-template-columns:auto 1fr auto;grid-template-rows:auto auto 1fr;padding-block:${xr};padding-inline:${ae}}.content{grid-area:body;max-width:520px;padding-block:${xr};padding-inline:0}:host([layout='multiline']) .content{padding:0}::slotted([slot='icon']){display:flex;grid-area:icon;flex-direction:column;align-items:center;color:${Z};margin-inline-end:${_e}}: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:${_e};gap:${_e}}:host([layout='multiline']) .actions{margin-block-start:${xr};margin-inline-end:0}:host([layout='multiline']) ::slotted([slot='dismiss']){align-items:start;height:100%;padding-block-start:${se}}::slotted(*){font-size:inherit}`;function Ib(){return g`<slot name="icon"></slot><div class="content"><slot></slot></div><div class="actions"><slot name="actions"></slot></div><slot name="dismiss"></slot>`}const Pb=Ib(),zb=Mr.compose({name:`${p.prefix}-message-bar`,template:Pb,styles:Sb,shadowOptions:{mode:p.shadowRootMode}});zb.define(p.registry);var _b=Object.defineProperty,Bb=Object.getOwnPropertyDescriptor,me=(o,e,t,r)=>{for(var i=r>1?void 0:r?Bb(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&_b(e,t,i),i};class ne extends x{constructor(){super(),this.active=!1,this.id=Xt("option-"),this.initialValue="",this.multiple=!1,this.elementInternals=this.attachInternals(),this._value=this.initialValue,this.elementInternals.role="option"}activeChanged(e,t){$(this.elementInternals,"active",t)}currentSelectedChanged(e,t){this.selected=!!t}defaultSelectedChanged(e,t){this.selected=!!t}descriptionSlotChanged(e,t){$(this.elementInternals,"description",!!t?.length)}disabledChanged(e,t){this.elementInternals.ariaDisabled=this.disabled?"true":"false",$(this.elementInternals,"disabled",this.disabled),this.setFormValue(!this.disabled&&this.selected?this.value:null)}disabledAttributeChanged(e,t){this.disabled=!!t}initialValueChanged(e,t){this._value=t}multipleChanged(e,t){$(this.elementInternals,"multiple",t),this.selected=!1}get form(){return this.elementInternals.form}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}get selected(){return m.track(this,"selected"),!!this.currentSelected}set selected(e){this.currentSelected=e,N.enqueue(()=>{this.elementInternals&&(this.setFormValue(e?this.value:null),this.elementInternals.ariaSelected=e?"true":"false",$(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}}ne.formAssociated=!0,me([b],ne.prototype,"active",2),me([a({attribute:"current-selected",mode:"boolean"})],ne.prototype,"currentSelected",2),me([a({attribute:"selected",mode:"boolean"})],ne.prototype,"defaultSelected",2),me([b],ne.prototype,"descriptionSlot",2),me([b],ne.prototype,"disabled",2),me([a({attribute:"disabled",mode:"boolean"})],ne.prototype,"disabledAttribute",2),me([a({attribute:"form"})],ne.prototype,"formAttribute",2),me([a({mode:"boolean"})],ne.prototype,"freeform",2),me([a({attribute:"id"})],ne.prototype,"id",2),me([a({attribute:"value",mode:"fromView"})],ne.prototype,"initialValue",2),me([b],ne.prototype,"multiple",2),me([a],ne.prototype,"name",2),me([b],ne.prototype,"start",2),me([a({attribute:"text",mode:"fromView"})],ne.prototype,"textAttribute",2);const Tb=u`
|
|
457
457
|
${w("inline-grid")}
|
|
458
458
|
|
|
459
|
-
:host{-webkit-tap-highlight-color:transparent;${
|
|
460
|
-
align-items:center;background-color:${S};border-radius:${C};box-sizing:border-box;color:${Pe};column-gap:${ie};cursor:pointer;grid-template-areas:'indicator start content';grid-template-columns:auto auto 1fr;min-height:32px;padding:${ge};text-align:start}.content{grid-area:content;line-height:1}::slotted([slot='start']){grid-area:start}:host(:hover){background-color:${cr};color:${
|
|
461
|
-
'indicator start description'}::slotted([slot='description']){color:${Z};grid-area:description;${
|
|
459
|
+
:host{-webkit-tap-highlight-color:transparent;${aa}
|
|
460
|
+
align-items:center;background-color:${S};border-radius:${C};box-sizing:border-box;color:${Pe};column-gap:${ie};cursor:pointer;grid-template-areas:'indicator start content';grid-template-columns:auto auto 1fr;min-height:32px;padding:${ge};text-align:start}.content{grid-area:content;line-height:1}::slotted([slot='start']){grid-area:start}:host(:hover){background-color:${cr};color:${At}}:host(:active){background-color:${pi};color:${Et}}:host(:disabled){background-color:${S};color:${T};cursor:default}.checkmark-16-filled{fill:currentColor;width:16px}slot[name='checked-indicator'] > *,::slotted([slot='checked-indicator']){aspect-ratio:1;flex:0 0 auto;grid-area:indicator;visibility:hidden}:host(${Ei}) :is(slot[name='checked-indicator'] > *,::slotted([slot='checked-indicator'])){visibility:visible}:host(${Wt}) .checkmark-16-filled,:host(:not(${Wt})) .checkmark-12-regular{display:none}:host(${Wt}) .checkmark-12-regular{background-color:${S};border-radius:${ze};border:${I} solid ${Me};box-sizing:border-box;cursor:pointer;fill:transparent;position:relative;visibility:visible;width:16px}:host(${Wt}${Ei}) .checkmark-12-regular{background-color:${gt};border-color:${vt};fill:${bt}}:host(:disabled${Wt}) .checkmark-12-regular{border-color:${ye}}:host(:disabled${Wt}${Ei}) .checkmark-12-regular{background-color:${et}}:host(${Gh}){border:${be} solid ${ue}}@supports (selector(:host(:has(*)))){:host(:has([slot='start']:not([size='16']))){column-gap:${ge}}}:host(${Kh}){column-gap:${ge};grid-template-areas:'indicator start content'
|
|
461
|
+
'indicator start description'}::slotted([slot='description']){color:${Z};grid-area:description;${la}}@media (forced-colors:active){:host(:disabled){color:GrayText}}`,Ob=g.partial(`
|
|
462
462
|
<svg aria-hidden="true" class="checkmark-16-filled" viewBox="0 0 16 16">
|
|
463
463
|
<path
|
|
464
464
|
d="M14.046 3.486a.75.75 0 0 1-.032 1.06l-7.93 7.474a.85.85 0 0 1-1.188-.022l-2.68-2.72a.75.75 0 1 1 1.068-1.053l2.234 2.267l7.468-7.038a.75.75 0 0 1 1.06.032"
|
|
@@ -469,22 +469,22 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
469
469
|
d="M9.854 3.146a.5.5 0 0 1 0 .708l-4.5 4.5a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L5 7.293l4.146-4.147a.5.5 0 0 1 .708 0"
|
|
470
470
|
/>
|
|
471
471
|
</svg>
|
|
472
|
-
`);function
|
|
472
|
+
`);function Ab(o={}){return g`<slot name="checked-indicator">${de(o.checkedIndicator)}</slot>${Ge(o)}<div class="content" part="content"><slot ${U({property:"freeformOutputs",filter:no("output")})}></slot></div><div class="description" part="description"><slot name="description" ${U("descriptionSlot")}></slot></div>`}const Eb=Ab({checkedIndicator:Ob}),Nb=ne.compose({name:`${p.prefix}-option`,template:Eb,styles:Tb});Nb.define(p.registry);const Fb={success:"success",warning:"warning",error:"error"};var Mb=Object.defineProperty,Db=Object.getOwnPropertyDescriptor,zo=(o,e,t,r)=>{for(var i=r>1?void 0:r?Db(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Mb(e,t,i),i};class Zt extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.validationState=null,this.elementInternals.role="progressbar"}indicatorChanged(){this.setIndicatorWidth()}validationStateChanged(e,t){kt(this.elementInternals,e,t,Fb)}valueChanged(e,t){this.elementInternals&&(this.elementInternals.ariaValueNow=typeof t=="number"?`${t}`:null),this.setIndicatorWidth()}minChanged(e,t){this.elementInternals&&(this.elementInternals.ariaValueMin=typeof t=="number"?`${t}`:null),this.setIndicatorWidth()}maxChanged(e,t){this.elementInternals&&(this.elementInternals.ariaValueMax=typeof t=="number"?`${t}`:null),this.setIndicatorWidth()}setIndicatorWidth(){CSS.supports("width: attr(value type(<number>))")||N.enqueue(()=>{if(typeof this.value!="number"){this.indicator?.style.removeProperty("width");return}const e=this.min??0,t=this.max??100,r=this.value??0,i=t-e,s=i===0?0:Math.fround((r-e)/i*100);this.indicator?.style.setProperty("width",`${s}%`)})}}zo([b],Zt.prototype,"indicator",2),zo([a({attribute:"validation-state"})],Zt.prototype,"validationState",2),zo([a({converter:re})],Zt.prototype,"value",2),zo([a({converter:re})],Zt.prototype,"min",2),zo([a({converter:re})],Zt.prototype,"max",2);var Lb=Object.defineProperty,Vb=Object.getOwnPropertyDescriptor,va=(o,e,t,r)=>{for(var i=r>1?void 0:r?Vb(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Lb(e,t,i),i};class ji extends Zt{}va([a],ji.prototype,"thickness",2),va([a],ji.prototype,"shape",2);const Hb=u`
|
|
473
473
|
${w("block")}
|
|
474
474
|
|
|
475
475
|
:host{width:100%;height:2px;overflow-x:hidden;background-color:${bo};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:${br}}.indicator{background-color:${gt};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,${bo} 0%,${he} 50%,${bo} 100%
|
|
477
|
-
);animation-name:indeterminate;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}:host([validation-state='error']) .indicator{background-color:${Cn}}:host([validation-state='warning']) .indicator{background-color:${
|
|
478
|
-
:host{background-color:CanvasText}.indicator,:host(:is([validation-state='success'],[validation-state='warning'],[validation-state='error'])) .indicator{background-color:Highlight}`));function
|
|
477
|
+
);animation-name:indeterminate;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}:host([validation-state='error']) .indicator{background-color:${Cn}}:host([validation-state='warning']) .indicator{background-color:${Bn}}:host([validation-state='success']) .indicator{background-color:${zn}}@layer animations{@media (prefers-reduced-motion:no-preference){:host([value]){transition:none}:host(:not([value])) .indicator{animation-duration:0.01ms;animation-iteration-count:1}}}@keyframes indeterminate{0%{inset-inline-start:-33%}100%{inset-inline-start:100%}}`.withBehaviors(X(u`
|
|
478
|
+
:host{background-color:CanvasText}.indicator,:host(:is([validation-state='success'],[validation-state='warning'],[validation-state='error'])) .indicator{background-color:Highlight}`));function jb(){return g`<div class="indicator" part="indicator" ${z("indicator")}></div>`}const Rb=jb(),qb=ji.compose({name:`${p.prefix}-progress-bar`,template:Rb,styles:Hb});qb.define(p.registry);function Wb(o,e="-radio"){return nn(e)(o)}function $a(o){const e=o.getRootNode();return e instanceof ShadowRoot?e.activeElement:document.activeElement}const ya=$e;var Gb=Object.defineProperty,Ub=Object.getOwnPropertyDescriptor,at=(o,e,t,r)=>{for(var i=r>1?void 0:r?Ub(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Gb(e,t,i),i};class Re extends x{constructor(){super(),this.dirtyState=!1,this.elementInternals=this.attachInternals(),this.elementInternals.role="radiogroup",this.elementInternals.ariaOrientation=this.orientation??ya.horizontal}checkedIndexChanged(e,t){this.enabledRadios&&this.checkRadio(t)}disabledChanged(e,t){this.radios&&(this.checkedIndex=-1,this.radios?.forEach(r=>{r.disabled=!!r.disabledAttribute||!!this.disabled}),this.restrictFocus())}initialValueChanged(e,t){this.value=t??""}nameChanged(e,t){this.isConnected&&t&&this.radios?.forEach(r=>{r.name=this.name})}orientationChanged(e,t){this.elementInternals.ariaOrientation=this.orientation??ya.horizontal}radiosChanged(e,t){const r=t?.length;if(!r)return;!this.name&&t.every(n=>n.name===t[0].name)&&(this.name=t[0].name);const i=$l(this.enabledRadios,n=>n.initialChecked);t.forEach((n,c)=>{n.ariaPosInSet=`${c+1}`,n.ariaSetSize=`${r}`,this.initialValue&&!this.dirtyState?n.checked=n.value===this.initialValue:n.checked=c===i,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"&&i>=0)&&(this.checkedIndex=i);const s=t.map(n=>n.id).join(" ").trim();s&&this.setAttribute("aria-owns",s),N.enqueue(()=>{this.restrictFocus()})}requiredChanged(e,t){this.elementInternals.ariaRequired=t?"true":null,this.setValidity()}slottedRadiosChanged(e,t){this.radios=[...this.querySelectorAll("*")].filter(r=>Wb(r))}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(r=>r.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(r=>r.disabled)?.forEach(r=>{r.checked=!1}),!0}checkRadio(e=this.checkedIndex,t=!1){let r=this.checkedIndex;this.enabledRadios.forEach((i,s)=>{const n=s===e;i.checked=n,n&&(r=s,t&&i.$emit("change"))}),this.checkedIndex=r,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=or(this)==="rtl",r=this.enabledRadios.findIndex(n=>n===$a(this))??this.checkedIndex;let i=0;switch(e.key){case"ArrowLeft":{i=t?1:-1;break}case"ArrowUp":{i=-1;break}case"ArrowRight":{i=t?-1:1;break}case"ArrowDown":{i=1;break}case"Tab":{this.restrictFocus();break}case" ":{this.checkRadio();break}}if(!i)return!0;const s=r+i;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($a(this));t!==-1&&(e=t),e=this.getEnabledIndexInBounds(e),this.enabledRadios.forEach((r,i)=>{r.tabIndex=i===e?0:-1})}setFormValue(e,t){this.elementInternals.setFormValue(e,e??t)}setValidity(e,t,r){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({})})}}}Re.formAssociated=!0,at([b],Re.prototype,"checkedIndex",2),at([a({attribute:"disabled",mode:"boolean"})],Re.prototype,"disabled",2),at([a({attribute:"value",mode:"fromView"})],Re.prototype,"initialValue",2),at([a],Re.prototype,"name",2),at([a],Re.prototype,"orientation",2),at([b],Re.prototype,"radios",2),at([a({mode:"boolean"})],Re.prototype,"required",2),at([b],Re.prototype,"slottedRadios",2);class Xb extends Re{}const Kb=u`
|
|
479
479
|
${w("flex")}
|
|
480
480
|
|
|
481
|
-
:host{-webkit-tap-highlight-color:transparent;cursor:pointer;gap:${Ci}}:host([orientation='vertical']){flex-direction:column;justify-content:flex-start}:host([orientation='horizontal']){flex-direction:row}::slotted(*){color:${Z}}::slotted(:hover){color:${Pe}}::slotted(:active){color:${
|
|
481
|
+
:host{-webkit-tap-highlight-color:transparent;cursor:pointer;gap:${Ci}}:host([orientation='vertical']){flex-direction:column;justify-content:flex-start}:host([orientation='horizontal']){flex-direction:row}::slotted(*){color:${Z}}::slotted(:hover){color:${Pe}}::slotted(:active){color:${_}}::slotted(${fe}){color:${T}}::slotted(${y}){color:${_}}:host([slot='input']){margin:${se} ${_e}}`;function Yb(){return g`<template @disabled="${(o,e)=>o.disabledRadioHandler(e.event)}" @change="${(o,e)=>o.changeHandler(e.event)}" @click="${(o,e)=>o.clickHandler(e.event)}" @focusin="${(o,e)=>o.focusinHandler(e.event)}" @focusout="${(o,e)=>o.focusoutHandler(e.event)}" @keydown="${(o,e)=>o.keydownHandler(e.event)}"><slot ${U("slottedRadios")}></slot></template>`}const Qb=Yb(),Zb=Xb.compose({name:`${p.prefix}-radio-group`,template:Qb,styles:Kb});Zb.define(p.registry);class Jb extends Ce{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)}}const eg=u`
|
|
482
482
|
${w("inline-flex")}
|
|
483
483
|
|
|
484
484
|
:host{--size:16px;aspect-ratio:1;background-color:${S};border:${I} solid ${Me};border-radius:${xe};box-sizing:border-box;position:relative;width:var(--size)}:host([size='large']){--size:20px}.checked-indicator{aspect-ratio:1;border-radius:${xe};color:${bt};inset:0;margin:auto;position:absolute;width:calc(var(--size) * 0.625)}:host(:not([slot='input']))::after{content:'' / '';position:absolute;display:block;inset:-8px;box-sizing:border-box;outline:none;border:${be} solid ${K};border-radius:${C}}:host(:not([slot='input']):focus-visible)::after{border-color:${ue}}:host(:hover){border-color:${ft}}:host(${y}){border-color:${vt}}:host(${y}) .checked-indicator{background-color:${gt}}:host(${y}:hover) .checked-indicator{background-color:${Nt}}:host(:active){border-color:${mt}}:host(${y}:active) .checked-indicator{background-color:${Ft}}:host(:focus-visible){outline:none}:host(${fe}){background-color:${et};border-color:${ye}}:host(${y}${fe}) .checked-indicator{background-color:${ye}}`.withBehaviors(X(u`
|
|
485
|
-
:host{border-color:FieldText}:host(:not([slot='input']:focus-visible))::after{border-color:Canvas}:host(:not(${fe}):hover),:host(:not([slot='input']):focus-visible)::after{border-color:Highlight}.checked-indicator{color:HighlightText}:host(${y}) .checked-indicator{background-color:FieldText}:host(${y}:not(${fe}):hover) .checked-indicator{background-color:Highlight}:host(${fe}){border-color:GrayText;color:GrayText}:host(${fe}${y}) .checked-indicator{background-color:GrayText}`)),
|
|
485
|
+
:host{border-color:FieldText}:host(:not([slot='input']:focus-visible))::after{border-color:Canvas}:host(:not(${fe}):hover),:host(:not([slot='input']):focus-visible)::after{border-color:Highlight}.checked-indicator{color:HighlightText}:host(${y}) .checked-indicator{background-color:FieldText}:host(${y}:not(${fe}):hover) .checked-indicator{background-color:Highlight}:host(${fe}){border-color:GrayText;color:GrayText}:host(${fe}${y}) .checked-indicator{background-color:GrayText}`)),tg=g.partial(`
|
|
486
486
|
<span part="checked-indicator" class="checked-indicator" role="presentation"></span>
|
|
487
|
-
`);function
|
|
487
|
+
`);function og(o={}){return g`<template @click="${(e,t)=>e.clickHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" @keyup="${(e,t)=>e.keyupHandler(t.event)}"><slot name="checked-indicator">${de(o.checkedIndicator)}</slot></template>`}const rg=og({checkedIndicator:tg}),ig=Jb.compose({name:`${p.prefix}-radio`,template:rg,styles:eg});ig.define(p.registry);var sg=Object.defineProperty,ng=Object.getOwnPropertyDescriptor,_o=(o,e,t,r)=>{for(var i=r>1?void 0:r?ng(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&sg(e,t,i),i};const ag=CSS.supports("width: attr(value type(<number>))"),Jt={max:"--_attr-max",value:"--_attr-value",maskImageFilled:"--_mask-image-filled",maskImageOutlined:"--_mask-image-outlined"};function Dr(o){return o?["data:image/svg+xml",encodeURIComponent(o.replace(/\n/g,"").replace(/\s+/g," "))].join(","):""}class eo extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.defaultCustomIconViewBox="0 0 20 20",this.elementInternals.role="img",this.numberFormatter=new Intl.NumberFormat}iconSlotChanged(){this.handleSlotChange()}maxChanged(){this.setCustomPropertyValue("max")}valueChanged(){this.setCustomPropertyValue("value")}connectedCallback(){super.connectedCallback(),this.setCustomPropertyValue("value"),this.setCustomPropertyValue("max")}get formattedCount(){return this.count?this.numberFormatter.format(this.count):""}handleSlotChange(){const e=this.iconSlot.assignedElements()?.find(t=>t.nodeName.toLowerCase()==="svg");this.renderSlottedIcon(e??null)}renderSlottedIcon(e){if(!e){this.display.style.removeProperty(Jt.maskImageFilled),this.display.style.removeProperty(Jt.maskImageOutlined);return}const t=e.innerHTML,r=e.getAttribute("viewBox")??this.iconViewBox??this.defaultCustomIconViewBox,i=`
|
|
488
488
|
<svg
|
|
489
489
|
viewBox="${r}"
|
|
490
490
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -495,62 +495,62 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
495
495
|
fill="none"
|
|
496
496
|
stroke="black"
|
|
497
497
|
stroke-width="2"
|
|
498
|
-
>${t}</svg>`;this.display.style.setProperty(Jt.maskImageFilled,`url(${Dr(i)})`),this.display.style.setProperty(Jt.maskImageOutlined,`url(${Dr(s)})`)}setCustomPropertyValue(e){requestAnimationFrame(()=>{if(!this.display||
|
|
499
|
-
<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">${
|
|
500
|
-
`,
|
|
498
|
+
>${t}</svg>`;this.display.style.setProperty(Jt.maskImageFilled,`url(${Dr(i)})`),this.display.style.setProperty(Jt.maskImageOutlined,`url(${Dr(s)})`)}setCustomPropertyValue(e){requestAnimationFrame(()=>{if(!this.display||ag)return;const t=this[e];typeof t!="number"||Number.isNaN(t)?this.display.style.removeProperty(Jt[e]):this.display.style.setProperty(Jt[e],`${t}`)})}}_o([b],eo.prototype,"iconSlot",2),_o([a({converter:re})],eo.prototype,"count",2),_o([a({attribute:"icon-view-box"})],eo.prototype,"iconViewBox",2),_o([a({converter:re})],eo.prototype,"max",2),_o([a({converter:re})],eo.prototype,"value",2);var lg=Object.defineProperty,cg=Object.getOwnPropertyDescriptor,Ri=(o,e,t,r)=>{for(var i=r>1?void 0:r?cg(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&lg(e,t,i),i};class Lr extends eo{constructor(){super(...arguments),this.compact=!1}}Ri([a],Lr.prototype,"color",2),Ri([a],Lr.prototype,"size",2),Ri([a({mode:"boolean"})],Lr.prototype,"compact",2);const xa='<path d="M5.28347 1.54605C5.57692 0.951448 6.42479 0.951449 6.71825 1.54605L7.82997 3.79866L10.3159 4.15988C10.9721 4.25523 11.2341 5.0616 10.7592 5.52443L8.96043 7.27785L9.38507 9.7537C9.49716 10.4072 8.81122 10.9056 8.22431 10.597L6.00086 9.4281L3.7774 10.597C3.19049 10.9056 2.50455 10.4072 2.61664 9.7537L3.04128 7.27784L1.24246 5.52443C0.767651 5.0616 1.02966 4.25523 1.68584 4.15988L4.17174 3.79865L5.28347 1.54605Z" />',dg=`
|
|
499
|
+
<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">${xa}</svg>
|
|
500
|
+
`,hg=`
|
|
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
|
-
>${
|
|
504
|
-
`;function
|
|
503
|
+
>${xa}</svg>
|
|
504
|
+
`;function ug(){return g`<div ${z("display")} class="display" aria-hidden="true"></div><slot name="icon" ${z("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 pg=ug(),bg=u`
|
|
505
505
|
${w("inline-flex")}
|
|
506
506
|
|
|
507
|
-
:host{--_icon-size:16px;--_icon-gradient-degree:90deg;--_icon-color-value:${
|
|
507
|
+
:host{--_icon-size:16px;--_icon-gradient-degree:90deg;--_icon-color-value:${mc};--_icon-color-empty:${An};--_default-value:0;--_default-max:5;--_mask-image-filled:url(${Dr(dg)});--_mask-image-outlined:url(${Dr(hg)});--_mask-position-x:left;align-items:center;color:${_};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:${O};line-height:${M}}::slotted([slot='icon']){display:none}:host([color='neutral']){--_icon-color-value:${_};--_icon-color-empty:${bo}}:host([color='brand']){--_icon-color-value:${lr};--_icon-color-empty:${$n}}@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) + ${V});--_icon-gradient-stop-visual-adjustment:0px;--_icon-gradient-stop:calc(
|
|
508
508
|
var(--_mask-inline-size) * var(--_value) - var(--_icon-gradient-stop-visual-adjustment)
|
|
509
509
|
);background-image:linear-gradient(
|
|
510
510
|
var(--_icon-gradient-degree),var(--_icon-color-value) var(--_icon-gradient-stop),var(--_icon-color-empty) calc(var(--_icon-gradient-stop) + 0.5px)
|
|
511
511
|
);block-size:var(--_icon-size);display:grid;inline-size:calc(var(--_max) * var(--_mask-inline-size) - ${V} / 2);mask-image:var(--_mask-image-filled);mask-repeat:repeat no-repeat;mask-size:var(--_mask-inline-size) var(--_icon-size);mask-position:var(--_mask-position-x) center}.value-label,::slotted([slot='value']){display:block;margin-inline-start:${ie};font-weight:${L}}:host([size='small']) .value-label,:host([size='small']) ::slotted([slot='value']){margin-inline-start:${V}}:host([size='large']) .value-label,:host([size='large']) ::slotted([slot='value']){margin-inline-start:${ge}}:host(:not([count])) .count-label{display:none}.count-label::before,::slotted([slot='count'])::before{content:'·';margin-inline:${ie}}:host([size='small']) .count-label::before,:host([size='small']) ::slotted([slot='count'])::before{margin-inline:${V}}:host([size='large']) .count-label::before,:host([size='large']) ::slotted([slot='count'])::before{margin-inline:${ge}}`.withBehaviors(X(u`
|
|
512
|
-
.display{--_icon-color-value:CanvasText;--_icon-color-empty:Canvas;--_icon-gradient-stop-visual-adjustment:0.5px;forced-color-adjust:none}.display::before{background-color:var(--_icon-color-value);content:'';grid-area:1 / 1 / -1 / -1;mask:inherit;mask-image:var(--_mask-image-outlined)}`)),
|
|
513
|
-
:host{--step-rate:${e}%}`,this.$fastController.addStyles(this.stepStyles)}else this.stepStyles!==void 0&&this.$fastController.removeStyles(this.stepStyles)}initialValueChanged(e,t){this.$fastController.isConnected?this.value=t:this._value=t}get validity(){return this.elementInternals.validity}get validationMessage(){return this.elementInternals.validationMessage}get willValidate(){return this.elementInternals.willValidate}checkValidity(){return this.elementInternals.checkValidity()}reportValidity(){return this.elementInternals.reportValidity()}setCustomValidity(e){this.setValidity({customError:!!e},e)}setValidity(e,t,r){if(this.$fastController.isConnected){if(this.isDisabled){this.elementInternals.setValidity({});return}this.elementInternals.setValidity({customError:!!t,...e},t??this.validationMessage,r)}}get value(){return m.track(this,"value"),this._value?.toString()??""}set value(e){if(!this.$fastController.isConnected){this._value=e.toString();return}const t=parseFloat(e),r=sn(this.minAsNumber,this.maxAsNumber,this.convertToConstrainedValue(t)).toString();if(r!==e){this.value=r;return}this._value=e.toString(),this.elementInternals.ariaValueNow=this._value,this.elementInternals.ariaValueText=this.valueTextFormatter(this._value),this.setSliderPosition(),this.$emit("change"),this.setFormValue(e),m.notify(this,"value")}formResetCallback(){this.value=this.initialValue??this.midpoint}formDisabledCallback(e){this.setDisabledSideEffect(e)}setFormValue(e,t){this.elementInternals.setFormValue(e,e??t)}directionChanged(){this.setSliderPosition()}get valueAsNumber(){return parseFloat(this.value)}set valueAsNumber(e){this.value=e.toString()}valueTextFormatterChanged(){typeof this.valueTextFormatter=="function"?this.elementInternals.ariaValueText=this.valueTextFormatter(this._value):this.elementInternals.ariaValueText=""}disabledChanged(){this.setDisabledSideEffect(this.disabled)}get isDisabled(){return this.disabled||this.elementInternals?.ariaDisabled==="true"||this.isConnected&&this.matches(":disabled")}minChanged(){this.elementInternals.ariaValueMin=`${this.minAsNumber}`,this.$fastController.isConnected&&this.minAsNumber>this.valueAsNumber&&(this.value=this.min)}get minAsNumber(){if(this.min!==void 0){const e=parseFloat(this.min);if(!Number.isNaN(e))return e}return 0}maxChanged(){this.elementInternals.ariaValueMax=`${this.maxAsNumber}`,this.$fastController.isConnected&&this.maxAsNumber<this.valueAsNumber&&(this.value=this.max)}get maxAsNumber(){if(this.max!==void 0){const e=parseFloat(this.max);if(!Number.isNaN(e))return e}return 100}stepChanged(){this.updateStepMultiplier(),this.$fastController.isConnected&&(this.value=this._value)}get stepAsNumber(){if(this.step!==void 0){const e=parseFloat(this.step);if(!Number.isNaN(e)&&e>0)return e}return 1}orientationChanged(e,t){this.elementInternals.ariaOrientation=t??$e.horizontal,this.$fastController.isConnected&&this.setSliderPosition()}connectedCallback(){super.connectedCallback(),requestAnimationFrame(()=>{if(!this.$fastController.isConnected)return;this.direction=or(this),this.setDisabledSideEffect(this.disabled),this.updateStepMultiplier(),this.setupTrackConstraints(),this.setupDefaultValue(),this.setSliderPosition(),this.handleStepStyles();const e=m.getNotifier(this);e.subscribe(this,"max"),e.subscribe(this,"min"),e.subscribe(this,"step")})}disconnectedCallback(){super.disconnectedCallback();const e=m.getNotifier(this);e.unsubscribe(this,"max"),e.unsubscribe(this,"min"),e.unsubscribe(this,"step")}increment(){const e=this.direction!==Fe.rtl?Number(this.value)+this.stepAsNumber:Number(this.value)-this.stepAsNumber,t=this.convertToConstrainedValue(e),r=t<this.maxAsNumber?`${t}`:`${this.maxAsNumber}`;this.value=r}decrement(){const e=this.direction!==Fe.rtl?Number(this.value)-Number(this.stepAsNumber):Number(this.value)+Number(this.stepAsNumber),t=this.convertToConstrainedValue(e),r=t>this.minAsNumber?`${t}`:`${this.minAsNumber}`;this.value=r}handleKeydown(e){if(this.isDisabled)return!0;switch(e.key){case er:e.preventDefault(),this.value=this.direction!==Fe.rtl&&this.orientation!==$e.vertical?`${this.minAsNumber}`:`${this.maxAsNumber}`;break;case Jo:e.preventDefault(),this.value=this.direction!==Fe.rtl&&this.orientation!==$e.vertical?`${this.maxAsNumber}`:`${this.minAsNumber}`;break;case Qo:case Zo:e.shiftKey||(e.preventDefault(),this.increment());break;case Yo:case Ko:e.shiftKey||(e.preventDefault(),this.decrement());break}return!0}setSliderPosition(){const t=
|
|
512
|
+
.display{--_icon-color-value:CanvasText;--_icon-color-empty:Canvas;--_icon-gradient-stop-visual-adjustment:0.5px;forced-color-adjust:none}.display::before{background-color:var(--_icon-color-value);content:'';grid-area:1 / 1 / -1 / -1;mask:inherit;mask-image:var(--_mask-image-outlined)}`)),gg=Lr.compose({name:`${p.prefix}-rating-display`,template:pg,styles:bg});gg.define(p.registry);function ka(o,e,t,r){let i=sn(0,1,(o-e)/(t-e));return r===Fe.rtl&&(i=1-i),i}const fg=$e,mg={singleValue:"single-value"};var vg=Object.defineProperty,$g=Object.getOwnPropertyDescriptor,ee=(o,e,t,r)=>{for(var i=r>1?void 0:r?$g(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&vg(e,t,i),i};class W extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.direction=Fe.ltr,this.isDragging=!1,this.trackWidth=0,this.trackMinWidth=0,this.trackHeight=0,this.trackLeft=0,this.trackMinHeight=0,this.valueTextFormatter=()=>"",this.disabled=!1,this.min="",this.max="",this.step="",this.mode=mg.singleValue,this.setupTrackConstraints=()=>{const e=this.track.getBoundingClientRect();this.trackWidth=this.track.clientWidth,this.trackMinWidth=this.track.clientLeft,this.trackHeight=e.top,this.trackMinHeight=e.bottom,this.trackLeft=this.getBoundingClientRect().left,this.trackWidth===0&&(this.trackWidth=1)},this.handleThumbPointerDown=e=>{if(this.isDisabled)return!0;const t=e!==null?window.addEventListener:window.removeEventListener;return t("pointerup",this.handleWindowPointerUp),t("pointermove",this.handlePointerMove,{passive:!0}),t("touchmove",this.handlePointerMove,{passive:!0}),t("touchend",this.handleWindowPointerUp),this.isDragging=e!==null,!0},this.handlePointerMove=e=>{if(this.isDisabled||e.defaultPrevented)return;const t=window.TouchEvent&&e instanceof TouchEvent?e.touches[0]:e,r=this.thumb.getBoundingClientRect().width,i=this.orientation===$e.vertical?t.pageY-document.documentElement.scrollTop:t.pageX-document.documentElement.scrollLeft-this.trackLeft-r/2;this.value=`${this.calculateNewValue(i)}`},this.handleWindowPointerUp=()=>{this.stopDragging()},this.stopDragging=()=>{this.isDragging=!1,this.handlePointerDown(null),this.handleThumbPointerDown(null)},this.handlePointerDown=e=>{if(e===null||!this.isDisabled){const t=e!==null?window.addEventListener:window.removeEventListener,r=e!==null?document.addEventListener:document.removeEventListener;t("pointerup",this.handleWindowPointerUp),r("mouseleave",this.handleWindowPointerUp),t("pointermove",this.handlePointerMove);const i=this.thumb.getBoundingClientRect().width;if(e){this.setupTrackConstraints();const s=this.orientation===$e.vertical?e.pageY-document.documentElement.scrollTop:e.pageX-document.documentElement.scrollLeft-this.trackLeft-i/2;this.value=`${this.calculateNewValue(s)}`}}return!0},this.elementInternals.role="slider",this.elementInternals.ariaOrientation=this.orientation??fg.horizontal}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}handleChange(e,t){switch(t){case"min":case"max":this.setSliderPosition();case"step":this.handleStepStyles();break}}handleStepStyles(){if(this.step){const e=100/Math.floor((this.maxAsNumber-this.minAsNumber)/this.stepAsNumber);this.stepStyles!==void 0&&this.$fastController.removeStyles(this.stepStyles),this.stepStyles=u`
|
|
513
|
+
:host{--step-rate:${e}%}`,this.$fastController.addStyles(this.stepStyles)}else this.stepStyles!==void 0&&this.$fastController.removeStyles(this.stepStyles)}initialValueChanged(e,t){this.$fastController.isConnected?this.value=t:this._value=t}get validity(){return this.elementInternals.validity}get validationMessage(){return this.elementInternals.validationMessage}get willValidate(){return this.elementInternals.willValidate}checkValidity(){return this.elementInternals.checkValidity()}reportValidity(){return this.elementInternals.reportValidity()}setCustomValidity(e){this.setValidity({customError:!!e},e)}setValidity(e,t,r){if(this.$fastController.isConnected){if(this.isDisabled){this.elementInternals.setValidity({});return}this.elementInternals.setValidity({customError:!!t,...e},t??this.validationMessage,r)}}get value(){return m.track(this,"value"),this._value?.toString()??""}set value(e){if(!this.$fastController.isConnected){this._value=e.toString();return}const t=parseFloat(e),r=sn(this.minAsNumber,this.maxAsNumber,this.convertToConstrainedValue(t)).toString();if(r!==e){this.value=r;return}this._value=e.toString(),this.elementInternals.ariaValueNow=this._value,this.elementInternals.ariaValueText=this.valueTextFormatter(this._value),this.setSliderPosition(),this.$emit("change"),this.setFormValue(e),m.notify(this,"value")}formResetCallback(){this.value=this.initialValue??this.midpoint}formDisabledCallback(e){this.setDisabledSideEffect(e)}setFormValue(e,t){this.elementInternals.setFormValue(e,e??t)}directionChanged(){this.setSliderPosition()}get valueAsNumber(){return parseFloat(this.value)}set valueAsNumber(e){this.value=e.toString()}valueTextFormatterChanged(){typeof this.valueTextFormatter=="function"?this.elementInternals.ariaValueText=this.valueTextFormatter(this._value):this.elementInternals.ariaValueText=""}disabledChanged(){this.setDisabledSideEffect(this.disabled)}get isDisabled(){return this.disabled||this.elementInternals?.ariaDisabled==="true"||this.isConnected&&this.matches(":disabled")}minChanged(){this.elementInternals.ariaValueMin=`${this.minAsNumber}`,this.$fastController.isConnected&&this.minAsNumber>this.valueAsNumber&&(this.value=this.min)}get minAsNumber(){if(this.min!==void 0){const e=parseFloat(this.min);if(!Number.isNaN(e))return e}return 0}maxChanged(){this.elementInternals.ariaValueMax=`${this.maxAsNumber}`,this.$fastController.isConnected&&this.maxAsNumber<this.valueAsNumber&&(this.value=this.max)}get maxAsNumber(){if(this.max!==void 0){const e=parseFloat(this.max);if(!Number.isNaN(e))return e}return 100}stepChanged(){this.updateStepMultiplier(),this.$fastController.isConnected&&(this.value=this._value)}get stepAsNumber(){if(this.step!==void 0){const e=parseFloat(this.step);if(!Number.isNaN(e)&&e>0)return e}return 1}orientationChanged(e,t){this.elementInternals.ariaOrientation=t??$e.horizontal,this.$fastController.isConnected&&this.setSliderPosition()}connectedCallback(){super.connectedCallback(),requestAnimationFrame(()=>{if(!this.$fastController.isConnected)return;this.direction=or(this),this.setDisabledSideEffect(this.disabled),this.updateStepMultiplier(),this.setupTrackConstraints(),this.setupDefaultValue(),this.setSliderPosition(),this.handleStepStyles();const e=m.getNotifier(this);e.subscribe(this,"max"),e.subscribe(this,"min"),e.subscribe(this,"step")})}disconnectedCallback(){super.disconnectedCallback();const e=m.getNotifier(this);e.unsubscribe(this,"max"),e.unsubscribe(this,"min"),e.unsubscribe(this,"step")}increment(){const e=this.direction!==Fe.rtl?Number(this.value)+this.stepAsNumber:Number(this.value)-this.stepAsNumber,t=this.convertToConstrainedValue(e),r=t<this.maxAsNumber?`${t}`:`${this.maxAsNumber}`;this.value=r}decrement(){const e=this.direction!==Fe.rtl?Number(this.value)-Number(this.stepAsNumber):Number(this.value)+Number(this.stepAsNumber),t=this.convertToConstrainedValue(e),r=t>this.minAsNumber?`${t}`:`${this.minAsNumber}`;this.value=r}handleKeydown(e){if(this.isDisabled)return!0;switch(e.key){case er:e.preventDefault(),this.value=this.direction!==Fe.rtl&&this.orientation!==$e.vertical?`${this.minAsNumber}`:`${this.maxAsNumber}`;break;case Jo:e.preventDefault(),this.value=this.direction!==Fe.rtl&&this.orientation!==$e.vertical?`${this.maxAsNumber}`:`${this.minAsNumber}`;break;case Qo:case Zo:e.shiftKey||(e.preventDefault(),this.increment());break;case Yo:case Ko:e.shiftKey||(e.preventDefault(),this.decrement());break}return!0}setSliderPosition(){const t=ka(parseFloat(this.value),this.minAsNumber,this.maxAsNumber,this.orientation===$e.vertical?void 0:this.direction)*100;this.position=`--slider-thumb: ${t}%; --slider-progress: ${t}%`}updateStepMultiplier(){const e=this.stepAsNumber+"",t=this.stepAsNumber%1?e.length-e.indexOf(".")-1:0;this.stepMultiplier=Math.pow(10,t)}get midpoint(){return`${this.convertToConstrainedValue((this.maxAsNumber+this.minAsNumber)/2)}`}setupDefaultValue(){this._value||(this.value=this.initialValue??this.midpoint),!Number.isNaN(this.valueAsNumber)&&(this.valueAsNumber<this.minAsNumber||this.valueAsNumber>this.maxAsNumber)&&(this.value=this.midpoint),this.elementInternals.ariaValueNow=this.value}calculateNewValue(e){this.setupTrackConstraints();const t=ka(e,this.orientation===$e.vertical?this.trackMinHeight:this.trackMinWidth,this.orientation===$e.vertical?this.trackHeight:this.trackWidth,this.orientation===$e.vertical?void 0:this.direction),r=(this.maxAsNumber-this.minAsNumber)*t+this.minAsNumber;return this.convertToConstrainedValue(r)}convertToConstrainedValue(e){isNaN(e)&&(e=this.minAsNumber);let t=e-this.minAsNumber;const r=Math.round(t/this.stepAsNumber),i=t-r*(this.stepMultiplier*this.stepAsNumber)/this.stepMultiplier;return t=i>=Number(this.stepAsNumber)/2?t-i+Number(this.stepAsNumber):t-i,t+this.minAsNumber}setDisabledSideEffect(e=this.isDisabled){N.enqueue(()=>{this.elementInternals.ariaDisabled=e.toString(),this.tabIndex=e?-1:0})}}W.formAssociated=!0,ee([a],W.prototype,"size",2),ee([a({attribute:"value",mode:"fromView"})],W.prototype,"initialValue",2),ee([b],W.prototype,"direction",2),ee([b],W.prototype,"isDragging",2),ee([b],W.prototype,"position",2),ee([b],W.prototype,"trackWidth",2),ee([b],W.prototype,"trackMinWidth",2),ee([b],W.prototype,"trackHeight",2),ee([b],W.prototype,"trackLeft",2),ee([b],W.prototype,"trackMinHeight",2),ee([b],W.prototype,"valueTextFormatter",2),ee([a({mode:"boolean"})],W.prototype,"disabled",2),ee([a({converter:ci})],W.prototype,"min",2),ee([a({converter:ci})],W.prototype,"max",2),ee([a({converter:ci})],W.prototype,"step",2),ee([a],W.prototype,"orientation",2),ee([a],W.prototype,"mode",2);const yg=u`
|
|
514
514
|
${w("inline-grid")}
|
|
515
515
|
|
|
516
|
-
:host{--thumb-size:20px;--track-margin-inline:calc(var(--thumb-size) / 2);--track-size:4px;--track-overhang:calc(var(--track-size) / -2);--rail-color:${gt};--track-color:${Me};--slider-direction:90deg;--border-radius:${C};--step-marker-inset:var(--track-overhang) -1px;position:relative;align-items:center;justify-content:center;box-sizing:border-box;outline:none;user-select:none;touch-action:none;min-width:120px;min-height:32px;grid-template-rows:1fr var(--thumb-size) 1fr;grid-template-columns:var(--track-margin-inline) 1fr var(--track-margin-inline)}:host(:hover){--rail-color:${Nt}}:host(:active){--rail-color:${Ft}}:host(:disabled){--rail-color:${
|
|
516
|
+
:host{--thumb-size:20px;--track-margin-inline:calc(var(--thumb-size) / 2);--track-size:4px;--track-overhang:calc(var(--track-size) / -2);--rail-color:${gt};--track-color:${Me};--slider-direction:90deg;--border-radius:${C};--step-marker-inset:var(--track-overhang) -1px;position:relative;align-items:center;justify-content:center;box-sizing:border-box;outline:none;user-select:none;touch-action:none;min-width:120px;min-height:32px;grid-template-rows:1fr var(--thumb-size) 1fr;grid-template-columns:var(--track-margin-inline) 1fr var(--track-margin-inline)}:host(:hover){--rail-color:${Nt}}:host(:active){--rail-color:${Ft}}:host(:disabled){--rail-color:${T};--track-color:${et}}:host(:not(:disabled)){cursor:pointer}:host(:dir(rtl)){--slider-direction:-90deg}:host([size='small']){--thumb-size:16px;--track-overhang:-1px;--track-size:2px;--border-radius:${ze}}:host([orientation='vertical']){--slider-direction:0deg;--step-marker-inset:-1px var(--track-overhang);min-height:120px;grid-template-rows:var(--track-margin-inline) 1fr var(--track-margin-inline);grid-template-columns:1fr var(--thumb-size) 1fr;width:unset;min-width:32px;justify-items:center}:host(:not([slot='input']):focus-visible){box-shadow:0 0 0 2pt ${ue};outline:1px solid ${pr}}:host:after,.track{height:var(--track-size);width:100%}:host:after{background-image:linear-gradient(
|
|
517
517
|
var(--slider-direction),var(--rail-color) 0%,var(--rail-color) 50%,var(--track-color) 50.1%,var(--track-color) 100%
|
|
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),${S} calc(var(--step-rate) - 1px),${S} 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:${xe};box-shadow:0 0 0 calc(var(--thumb-size) * 0.2) ${S} inset;border:calc(var(--thumb-size) * 0.05) solid ${De};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
|
|
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 xg(o={}){return g`<template @pointerdown="${(e,t)=>e.handlePointerDown(t.event)}" @keydown="${(e,t)=>e.handleKeydown(t.event)}"><div ${z("track")} part="track-container" class="track" style="${e=>e.position}"></div><div ${z("thumb")} part="thumb-container" class="thumb-container" style="${e=>e.position}" @pointerdown="${(e,t)=>e.handleThumbPointerDown(t.event)}"><slot name="thumb">${de(o.thumb)}</slot></div></template>`}const kg=xg({thumb:'<div class="thumb"></div>'}),wg=W.compose({name:`${p.prefix}-slider`,template:kg,styles:yg});wg.define(p.registry);class Cg extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="progressbar"}}var Sg=Object.defineProperty,Ig=Object.getOwnPropertyDescriptor,wa=(o,e,t,r)=>{for(var i=r>1?void 0:r?Ig(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Sg(e,t,i),i};class qi extends Cg{}wa([a],qi.prototype,"size",2),wa([a],qi.prototype,"appearance",2);const Pg=u`
|
|
522
522
|
${w("inline-flex")}
|
|
523
523
|
|
|
524
|
-
:host{--duration:1.5s;--indicatorSize:${Le};--size:32px;height:var(--size);width:var(--size);contain:strict;content-visibility:auto}:host([size='tiny']){--indicatorSize:${be};--size:20px}:host([size='extra-small']){--indicatorSize:${be};--size:24px}:host([size='small']){--indicatorSize:${be};--size:28px}:host([size='large']){--indicatorSize:${Le};--size:36px}:host([size='extra-large']){--indicatorSize:${Le};--size:40px}:host([size='huge']){--indicatorSize:${xi};--size:44px}.progress,.background,.spinner,.start,.end,.indicator{position:absolute;inset:0}.progress,.spinner,.indicator{animation:none var(--duration) infinite ${Sr}}.progress{animation-timing-function:linear;animation-name:spin-linear}.background{border:var(--indicatorSize) solid ${xn};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:${yn};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:${
|
|
525
|
-
.background{display:none}.indicator{border-color:Canvas;border-block-start-color:Highlight;border-right-color:Highlight}`)),
|
|
524
|
+
:host{--duration:1.5s;--indicatorSize:${Le};--size:32px;height:var(--size);width:var(--size);contain:strict;content-visibility:auto}:host([size='tiny']){--indicatorSize:${be};--size:20px}:host([size='extra-small']){--indicatorSize:${be};--size:24px}:host([size='small']){--indicatorSize:${be};--size:28px}:host([size='large']){--indicatorSize:${Le};--size:36px}:host([size='extra-large']){--indicatorSize:${Le};--size:40px}:host([size='huge']){--indicatorSize:${xi};--size:44px}.progress,.background,.spinner,.start,.end,.indicator{position:absolute;inset:0}.progress,.spinner,.indicator{animation:none var(--duration) infinite ${Sr}}.progress{animation-timing-function:linear;animation-name:spin-linear}.background{border:var(--indicatorSize) solid ${xn};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:${yn};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:${oc}}.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`
|
|
525
|
+
.background{display:none}.indicator{border-color:Canvas;border-block-start-color:Highlight;border-right-color:Highlight}`)),zg=g`<slot name="indicator"><div class="background"></div><div class="progress"><div class="spinner"><div class="start"><div class="indicator"></div></div><div class="end"><div class="indicator"></div></div></div></div></slot>`,_g=qi.compose({name:`${p.prefix}-spinner`,template:zg,styles:Pg});_g.define(p.registry);class Bg extends Ce{constructor(){super(),this.elementInternals.role="switch"}}function Tg(o={}){return g`<template @click="${(e,t)=>e.clickHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" @keyup="${(e,t)=>e.keyupHandler(t.event)}"><slot name="switch">${de(o.switch)}</slot></template>`}const Og=Tg({switch:'<span class="checked-indicator" part="checked-indicator"></span>'}),Ag=u`
|
|
526
526
|
${w("inline-flex")}
|
|
527
527
|
|
|
528
|
-
:host{box-sizing:border-box;align-items:center;flex-direction:row;outline:none;user-select:none;contain:content;padding:0 ${V};width:40px;height:20px;background-color:${he};border:1px solid ${Me};border-radius:${xe}}:host(:enabled){cursor:pointer}:host(:hover){background:none;border-color:${ft}}:host(:active){border-color:${mt}}:host(:disabled),:host([readonly]){border:1px solid ${ye};background-color:none;pointer:default}:host(${y}){background:${gt};border-color:${gt}}:host(${y}:hover){background:${Nt};border-color:${Nt}}:host(${y}:active){background:${Ft};border-color:${Ft}}:host(${y}:disabled){background:${et};border-color:${ye}}.checked-indicator{height:14px;width:14px;border-radius:50%;margin-inline-start:0;background-color:${Z};transition-duration:${wr};transition-timing-function:${Sr};transition-property:margin-inline-start}:host(${y}) .checked-indicator{background-color:${bt};margin-inline-start:calc(100% - 14px)}:host(${y}:hover) .checked-indicator{background:${
|
|
529
|
-
:host{border-color:InactiveBorder}:host(${y}),:host(${y}:active),:host(${y}:hover){background:Highlight;border-color:Highlight}.checked-indicator,:host(:hover) .checked-indicator,:host(:active) .checked-indicator{background-color:ActiveCaption}:host(${y}) .checked-indicator,:host(${y}:hover) .checked-indicator,:host(${y}:active) .checked-indicator{background-color:ButtonFace}:host(:disabled) .checked-indicator,:host(${y}:disabled) .checked-indicator{background-color:GrayText}`)),
|
|
530
|
-
:host{--textContent:'${this.textContent}'}`,this.$fastController.addStyles(this.styles)}}
|
|
528
|
+
:host{box-sizing:border-box;align-items:center;flex-direction:row;outline:none;user-select:none;contain:content;padding:0 ${V};width:40px;height:20px;background-color:${he};border:1px solid ${Me};border-radius:${xe}}:host(:enabled){cursor:pointer}:host(:hover){background:none;border-color:${ft}}:host(:active){border-color:${mt}}:host(:disabled),:host([readonly]){border:1px solid ${ye};background-color:none;pointer:default}:host(${y}){background:${gt};border-color:${gt}}:host(${y}:hover){background:${Nt};border-color:${Nt}}:host(${y}:active){background:${Ft};border-color:${Ft}}:host(${y}:disabled){background:${et};border-color:${ye}}.checked-indicator{height:14px;width:14px;border-radius:50%;margin-inline-start:0;background-color:${Z};transition-duration:${wr};transition-timing-function:${Sr};transition-property:margin-inline-start}:host(${y}) .checked-indicator{background-color:${bt};margin-inline-start:calc(100% - 14px)}:host(${y}:hover) .checked-indicator{background:${Wl}}:host(${y}:active) .checked-indicator{background:${Gl}}:host(:hover) .checked-indicator{background-color:${El}}:host(:active) .checked-indicator{background-color:${Nl}}:host(:disabled) .checked-indicator,:host([readonly]) .checked-indicator{background:${T}}:host(${y}:disabled) .checked-indicator{background:${T}}:host(:focus-visible){outline:none}:host(:not([slot='input']):focus-visible){border-color:${K};outline:${be} solid ${K};outline-offset:1px;box-shadow:${$r},0 0 0 2px ${ue}}`.withBehaviors(X(u`
|
|
529
|
+
:host{border-color:InactiveBorder}:host(${y}),:host(${y}:active),:host(${y}:hover){background:Highlight;border-color:Highlight}.checked-indicator,:host(:hover) .checked-indicator,:host(:active) .checked-indicator{background-color:ActiveCaption}:host(${y}) .checked-indicator,:host(${y}:hover) .checked-indicator,:host(${y}:active) .checked-indicator{background-color:ButtonFace}:host(:disabled) .checked-indicator,:host(${y}:disabled) .checked-indicator{background-color:GrayText}`)),Eg=Bg.compose({name:`${p.prefix}-switch`,template:Og,styles:Ag});Eg.define(p.registry);var Ng=Object.defineProperty,Fg=Object.getOwnPropertyDescriptor,Mg=(o,e,t,r)=>{for(var i=r>1?void 0:r?Fg(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Ng(e,t,i),i};class Wi extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="tab"}connectedCallback(){super.connectedCallback(),this.slot||(this.slot="tab"),this.disabled&&this.setAttribute("aria-disabled","true"),this.styles&&this.$fastController.removeStyles(this.styles),this.styles=u`
|
|
530
|
+
:host{--textContent:'${this.textContent}'}`,this.$fastController.addStyles(this.styles)}}Mg([a({mode:"boolean"})],Wi.prototype,"disabled",2),Je(Wi,Ze);function Dg(o={}){return g`<template slot="tab" role="tab" aria-disabled="${e=>e.disabled}">${Ge(o)}<span class="tab-content"><slot></slot></span>${pt(o)}</template>`}const Lg=Dg({}),Vg=u`
|
|
531
531
|
${w("inline-flex")}
|
|
532
532
|
|
|
533
|
-
:host{position:relative;flex-direction:row;align-items:center;cursor:pointer;box-sizing:border-box;justify-content:center;line-height:${M};font-family:${v};font-size:${O};color:${Pe};fill:currentcolor;grid-row:1;padding:${ae} ${Ve};border-radius:${C};gap:4px}:host .tab-content{display:inline-flex;flex-direction:column;padding:0 2px}:host([aria-selected='true']){color:${
|
|
534
|
-
:host([aria-selected='true'])::after{background-color:Highlight}`)),
|
|
533
|
+
:host{position:relative;flex-direction:row;align-items:center;cursor:pointer;box-sizing:border-box;justify-content:center;line-height:${M};font-family:${v};font-size:${O};color:${Pe};fill:currentcolor;grid-row:1;padding:${ae} ${Ve};border-radius:${C};gap:4px}:host .tab-content{display:inline-flex;flex-direction:column;padding:0 2px}:host([aria-selected='true']){color:${_};font-weight:${L}}:host .tab-content::after{content:var(--textContent);visibility:hidden;height:0;line-height:${M};font-weight:${L}}:host([aria-selected='true'])::after{background-color:${vt};border-radius:${xe};content:'';inset:0;position:absolute;z-index:2}:host([aria-selected='false']:hover)::after{background-color:${Mt};border-radius:${xe};content:'';inset:0;position:absolute;z-index:1}:host([aria-selected='true'][disabled])::after{background-color:${T}}::slotted([slot='start']),::slotted([slot='end']){display:flex}:host([disabled]){cursor:not-allowed;fill:${T};color:${T}}:host([disabled]:hover)::after{background-color:unset}:host(:focus){outline:none}:host(:focus-visible){border-radius:${ze};box-shadow:0 0 0 3px ${ue};outline:1px solid ${pr}}:host([data-hasIndent]){display:grid;grid-template-columns:20px 1fr auto}:host([data-hasIndent]) .tab-content{grid-column:2}`.withBehaviors(X(u`
|
|
534
|
+
:host([aria-selected='true'])::after{background-color:Highlight}`)),Hg=Wi.compose({name:`${p.prefix}-tab`,template:Lg,styles:Vg});Hg.define(p.registry);function jg(o,e="-tab"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}const Rg=o=>o.getAttribute("aria-disabled")==="true"||o.elementInternals?.ariaDisabled==="true",qg=o=>o.hasAttribute("hidden"),Vr=o=>!Rg(o)&&!qg(o),Wg={subtle:"subtle",transparent:"transparent"},lt=$e;var Gg=Object.defineProperty,Ug=Object.getOwnPropertyDescriptor,Bo=(o,e,t,r)=>{for(var i=r>1?void 0:r?Ug(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Gg(e,t,i),i};class to extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.disabled=!1,this.orientation=lt.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.disabled||this.disabled||t.nodeType===Node.ELEMENT_NODE&&Vr(t)&&(this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=this.tabs.indexOf(t),this.setComponent())},this.handleTabKeyDown=e=>{if(this.disabled)return;const t=or(this);switch(e.key){case Yo:if(!this.isHorizontal())return;e.preventDefault(),this.adjust(t==="ltr"?-1:1);break;case Qo:if(!this.isHorizontal())return;e.preventDefault(),this.adjust(t==="ltr"?1:-1);break;case Zo:if(this.isHorizontal())return;e.preventDefault(),this.adjust(-1);break;case Ko:if(this.isHorizontal())return;e.preventDefault(),this.adjust(1);break;case er:e.preventDefault(),this.adjust(-this.activeTabIndex);break;case Jo:e.preventDefault(),this.adjust(this.tabs.filter(r=>Vr(r)).length-this.activeTabIndex-1);break}},this.elementInternals.role="tablist",this.elementInternals.ariaOrientation=this.orientation??lt.horizontal}disabledChanged(e,t){$(this.elementInternals,"disabled",t),this.setTabs()}orientationChanged(e,t){this.elementInternals&&(this.elementInternals.ariaOrientation=t??lt.horizontal,kt(this.elementInternals,e,t,lt)),this.setTabs()}activeidChanged(e,t){if(this.tabs?.length>0){if(this.prevActiveTabIndex=this.tabs.findIndex(r=>r.id===e),this.setTabs(),e){const r=this.tabs[this.prevActiveTabIndex],i=this.tabPanelMap.get(r);i&&(i.hidden=!0)}if(t&&this.activetab){const r=this.tabPanelMap.get(this.activetab);r&&(r.hidden=!1)}e!==t&&this.change()}}slottedTabsChanged(e,t){this.tabs=t?.filter(r=>jg(r))??[]}tabsChanged(e,t){if(e?.length&&e.forEach(r=>{r.removeEventListener("click",this.handleTabClick),r.removeEventListener("keydown",this.handleTabKeyDown)}),this.tabs.length>0){this.tabIds=this.getTabIds(),this.setTabs();for(const r of this.tabs){const i=r.getAttribute("aria-controls")??"",n=this.getRootNode().getElementById(i);i&&n&&(n.role??(n.role="tabpanel"),n.hidden=this.activeid!==r.id,this.tabPanelMap.set(r,n))}}}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,r)=>{if(t.slot==="tab"){const i=this.activeTabIndex===r&&Vr(t),s=this.tabIds[r];t.disabled||(this.disabled?t.setAttribute("aria-disabled","true"):t.removeAttribute("aria-disabled")),t.setAttribute("id",s),t.setAttribute("aria-selected",i?"true":"false"),t.addEventListener("click",this.handleTabClick),t.addEventListener("keydown",this.handleTabKeyDown),t.setAttribute("tabindex",i&&!this.disabled?"0":"-1"),i&&(this.activetab=t,this.activeid=s),e&&this.orientation===lt.vertical&&t.setAttribute("data-hasIndent","")}})}getTabIds(){return this.tabs?.map(e=>e.getAttribute("id")??`tab-${co()}`)??[]}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab())}isHorizontal(){return this.orientation===lt.horizontal}adjust(e){const t=this.tabs.filter(n=>Vr(n)),r=t.indexOf(this.activetab),i=kl(0,t.length-1,r+e),s=this.tabs.indexOf(t[i]);s>-1&&this.activateTabByIndex(this.tabs,s)}activateTabByIndex(e,t){const r=e[t];this.activetab=r,this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=t,r.focus(),this.setComponent()}focusTab(){this.tabs[this.activeTabIndex].focus()}connectedCallback(){super.connectedCallback(),Vt(this,()=>{this.tabIds=this.getTabIds(),this.setTabs()},{shallow:!0})}}Bo([a({mode:"boolean"})],to.prototype,"disabled",2),Bo([a],to.prototype,"orientation",2),Bo([a],to.prototype,"activeid",2),Bo([b],to.prototype,"slottedTabs",2),Bo([b],to.prototype,"tabs",2);var Xg=Object.defineProperty,Kg=Object.getOwnPropertyDescriptor,Ca=(o,e,t,r)=>{for(var i=r>1?void 0:r?Kg(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Xg(e,t,i),i};class Gi extends to{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=Wg.transparent}calculateAnimationProperties(e){this.activeTabOffset=this.getTabPosition(e),this.activeTabScale=this.getTabScale(e)}getTabPosition(e){return this.orientation===lt.horizontal?this.previousActiveTabData.x-(e.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(e.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(e){return this.orientation===lt.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,r=(this.activetab||e[0])?.getBoundingClientRect(),i=this.getBoundingClientRect();this.activeTabData={x:r.x-i.x,y:r.y-i.y,height:r.height,width:r.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(e,t){super.tabsChanged(e,t),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}}Ca([a],Gi.prototype,"appearance",2),Ca([a],Gi.prototype,"size",2);const Yg=g`<template role="tablist"><slot name="tab" ${U("slottedTabs")}></slot></template>`,Qg=u`
|
|
535
535
|
${w("flex")}
|
|
536
536
|
|
|
537
|
-
:host{--tabPaddingInline:inherit;--tabPaddingBlock:inherit;--tabIndicatorInsetInline:0;--tabIndicatorInsetBlock:0;box-sizing:border-box;color:${Pe};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:${Bd};transition-timing-function:${Un}}:host ::slotted([slot='tab'])::after{height:${Le};margin-block-start:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted([slot='tab'])::after{width:${Le};height:unset;margin-block-start:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted([slot='tab'])::before{height:${Le};border-radius:${xe};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:${_}}:host ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:${Le};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:${Le};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:${$o};--tabPaddingInline:${ge};font-size:${O};line-height:${M}}:host([size='large']) ::slotted([slot='tab']){--tabPaddingBlock:${Ci};--tabPaddingInline:${Ve};font-size:${pe};line-height:${ke}}: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:${Ve}}:host([size='small']) ::slotted([slot='tab']){--tabIndicatorInsetInline:${ge}}:host([size='large']) ::slotted([slot='tab']){--tabIndicatorInsetInline:${Ve}}:host([orientation='vertical']) ::slotted([slot='tab']){padding-block:var(--tabPaddingBlock)}:host([orientation='vertical']) ::slotted([slot='tab']){--tabPaddingBlock:${se}}:host([orientation='vertical'][size='small']) ::slotted([slot='tab']){--tabPaddingBlock:${yr}}:host([orientation='vertical'][size='large']) ::slotted([slot='tab']){--tabPaddingBlock:${se}}: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:${se}}:host([orientation='vertical'][size='small']){--tabIndicatorInsetBlock:${$o}}:host([orientation='vertical'][size='large']){--tabIndicatorInsetBlock:${xr}}:host([disabled]){cursor:not-allowed;color:${_}}:host([disabled]) ::slotted([slot='tab']){pointer-events:none;cursor:not-allowed;color:${_}}:host([disabled]) ::slotted([slot='tab']:after){background-color:${_}}:host([disabled]) ::slotted([slot='tab'][aria-selected='true'])::after{background-color:${_}}:host([disabled]) ::slotted([slot='tab']:hover):before{content:unset}:host([appearance='subtle']) ::slotted([slot='tab']:hover){background-color:${dr};color:${ln};fill:${jl}}:host([appearance='subtle']) ::slotted([slot='tab']:active){background-color:${go};fill:${go};color:${B}}`,Yg=Gi.compose({name:`${p.prefix}-tablist`,template:Xg,styles:Kg});Yg.define(p.registry);const Qg={outline:"outline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},Hr={none:"none",both:"both",horizontal:"horizontal",vertical:"vertical"};var Zg=Object.defineProperty,Jg=Object.getOwnPropertyDescriptor,te=(o,e,t,r)=>{for(var i=r>1?void 0:r?Jg(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Zg(e,t,i),i};class G extends x{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=Hr.none,this.spellcheck=!1}controlElChanged(){this.controlElAttrObserver=new MutationObserver(()=>{this.setValidity()}),this.controlElAttrObserver.observe(this.controlEl,{attributes:!0,attributeFilter:["disabled","required","readonly","maxlength","minlength"]}),this.controlEl.addEventListener("input",()=>this.userInteracted=!0,{once:!0})}defaultSlottedNodesChanged(){const e=this.getContent();this.defaultValue=e,this.value=e}labelSlottedNodesChanged(){this.filteredLabelSlottedNodes=this.labelSlottedNodes.filter(wl),this.labelEl&&(this.labelEl.hidden=!this.filteredLabelSlottedNodes.length),this.filteredLabelSlottedNodes.forEach(e=>{e.disabled=this.disabled,e.required=this.required})}autoResizeChanged(){this.maybeCreateAutoSizerEl(),$(this.elementInternals,"auto-resize",this.autoResize)}disabledChanged(){this.setDisabledSideEffect(this.disabled)}get form(){return this.elementInternals.form}get labels(){return this.elementInternals.labels}readOnlyChanged(){this.elementInternals.ariaReadOnly=`${!!this.readOnly}`,this.$fastController.isConnected&&this.setValidity()}requiredChanged(){this.elementInternals.ariaRequired=`${!!this.required}`,this.filteredLabelSlottedNodes?.length&&this.filteredLabelSlottedNodes.forEach(e=>e.required=this.required)}resizeChanged(e,t){kt(this.elementInternals,e,t,Hr,"resize-"),$(this.elementInternals,"resize",Qn(Hr,t)&&t!==Hr.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(),requestAnimationFrame(()=>{if(!this.$fastController.isConnected)return;const e=this.preConnectControlEl,t=this.getContent();this.defaultValue=t||e?.defaultValue||"",this.value=e?.value||this.defaultValue,this.setFormValue(this.value),this.setValidity(),this.preConnectControlEl=null,this.maybeCreateAutoSizerEl()})}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,r){this.$fastController.isConnected&&(this.disabled||this.readOnly?this.elementInternals.setValidity({}):this.elementInternals.setValidity(e??this.controlEl.validity,t??this.controlEl.validationMessage,r??this.controlEl),this.userInteracted&&this.toggleUserValidityState())}select(){this.controlEl.select()}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("")||""}setDisabledSideEffect(e){this.elementInternals.ariaDisabled=`${e}`,this.controlEl&&(this.controlEl.disabled=e),this.filteredLabelSlottedNodes?.length&&this.filteredLabelSlottedNodes.forEach(t=>t.disabled=this.disabled)}toggleUserValidityState(){$(this.elementInternals,"user-invalid",!this.validity.valid),$(this.elementInternals,"user-valid",this.validity.valid)}maybeCreateAutoSizerEl(){if(!CSS.supports("field-sizing: content")){if(!this.autoResize){this.autoSizerEl?.remove(),this.autoSizerObserver?.disconnect();return}this.autoSizerEl||(this.autoSizerEl=document.createElement("div"),this.autoSizerEl.classList.add("auto-sizer"),this.autoSizerEl.ariaHidden="true"),this.rootEl?.prepend(this.autoSizerEl),this.autoSizerObserver||(this.autoSizerObserver=new ResizeObserver((e,t)=>{const r=window.getComputedStyle(this).writingMode.startsWith("horizontal")?"height":"width";this.style.getPropertyValue(r)!==""&&(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")}}G.formAssociated=!0,te([b],G.prototype,"controlEl",2),te([b],G.prototype,"defaultSlottedNodes",2),te([b],G.prototype,"labelSlottedNodes",2),te([a],G.prototype,"autocomplete",2),te([a({attribute:"auto-resize",mode:"boolean"})],G.prototype,"autoResize",2),te([a({attribute:"dirname"})],G.prototype,"dirName",2),te([a({mode:"boolean"})],G.prototype,"disabled",2),te([a({attribute:"display-shadow",mode:"boolean"})],G.prototype,"displayShadow",2),te([a({attribute:"form"})],G.prototype,"initialForm",2),te([a({attribute:"maxlength",converter:re})],G.prototype,"maxLength",2),te([a({attribute:"minlength",converter:re})],G.prototype,"minLength",2),te([a],G.prototype,"name",2),te([a],G.prototype,"placeholder",2),te([a({attribute:"readonly",mode:"boolean"})],G.prototype,"readOnly",2),te([a({mode:"boolean"})],G.prototype,"required",2),te([a({mode:"fromView"})],G.prototype,"resize",2),te([a({mode:"boolean"})],G.prototype,"spellcheck",2);var ef=Object.defineProperty,tf=Object.getOwnPropertyDescriptor,Ui=(o,e,t,r)=>{for(var i=r>1?void 0:r?tf(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&ef(e,t,i),i};class jr extends G{constructor(){super(...arguments),this.appearance=Qg.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(r=>{r.size=this.size});break}}connectedCallback(){super.connectedCallback(),m.getNotifier(this).subscribe(this,"size")}disconnectedCallback(){super.disconnectedCallback(),m.getNotifier(this).unsubscribe(this,"size")}}Ui([a({mode:"fromView"})],jr.prototype,"appearance",2),Ui([a({mode:"boolean"})],jr.prototype,"block",2),Ui([a],jr.prototype,"size",2);const of=u`
|
|
537
|
+
:host{--tabPaddingInline:inherit;--tabPaddingBlock:inherit;--tabIndicatorInsetInline:0;--tabIndicatorInsetBlock:0;box-sizing:border-box;color:${Pe};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:${Bd};transition-timing-function:${Un}}:host ::slotted([slot='tab'])::after{height:${Le};margin-block-start:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted([slot='tab'])::after{width:${Le};height:unset;margin-block-start:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted([slot='tab'])::before{height:${Le};border-radius:${xe};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:${T}}:host ::slotted([slot='tab'][aria-selected='false']:hover)::after{height:${Le};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:${Le};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:${$o};--tabPaddingInline:${ge};font-size:${O};line-height:${M}}:host([size='large']) ::slotted([slot='tab']){--tabPaddingBlock:${Ci};--tabPaddingInline:${Ve};font-size:${pe};line-height:${ke}}: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:${Ve}}:host([size='small']) ::slotted([slot='tab']){--tabIndicatorInsetInline:${ge}}:host([size='large']) ::slotted([slot='tab']){--tabIndicatorInsetInline:${Ve}}:host([orientation='vertical']) ::slotted([slot='tab']){padding-block:var(--tabPaddingBlock)}:host([orientation='vertical']) ::slotted([slot='tab']){--tabPaddingBlock:${se}}:host([orientation='vertical'][size='small']) ::slotted([slot='tab']){--tabPaddingBlock:${yr}}:host([orientation='vertical'][size='large']) ::slotted([slot='tab']){--tabPaddingBlock:${se}}: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:${se}}:host([orientation='vertical'][size='small']){--tabIndicatorInsetBlock:${$o}}:host([orientation='vertical'][size='large']){--tabIndicatorInsetBlock:${xr}}:host([disabled]){cursor:not-allowed;color:${T}}:host([disabled]) ::slotted([slot='tab']){pointer-events:none;cursor:not-allowed;color:${T}}:host([disabled]) ::slotted([slot='tab']:after){background-color:${T}}:host([disabled]) ::slotted([slot='tab'][aria-selected='true'])::after{background-color:${T}}:host([disabled]) ::slotted([slot='tab']:hover):before{content:unset}:host([appearance='subtle']) ::slotted([slot='tab']:hover){background-color:${dr};color:${ln};fill:${Rl}}:host([appearance='subtle']) ::slotted([slot='tab']:active){background-color:${go};fill:${go};color:${_}}`,Zg=Gi.compose({name:`${p.prefix}-tablist`,template:Yg,styles:Qg});Zg.define(p.registry);const Jg={outline:"outline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},Hr={none:"none",both:"both",horizontal:"horizontal",vertical:"vertical"};var ef=Object.defineProperty,tf=Object.getOwnPropertyDescriptor,te=(o,e,t,r)=>{for(var i=r>1?void 0:r?tf(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&ef(e,t,i),i};class G extends x{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=Hr.none,this.spellcheck=!1}controlElChanged(){this.controlElAttrObserver=new MutationObserver(()=>{this.setValidity()}),this.controlElAttrObserver.observe(this.controlEl,{attributes:!0,attributeFilter:["disabled","required","readonly","maxlength","minlength"]}),this.controlEl.addEventListener("input",()=>this.userInteracted=!0,{once:!0})}defaultSlottedNodesChanged(){const e=this.getContent();this.defaultValue=e,this.value=e}labelSlottedNodesChanged(){this.filteredLabelSlottedNodes=this.labelSlottedNodes.filter(Cl),this.labelEl&&(this.labelEl.hidden=!this.filteredLabelSlottedNodes.length),this.filteredLabelSlottedNodes.forEach(e=>{e.disabled=this.disabled,e.required=this.required})}autoResizeChanged(){this.maybeCreateAutoSizerEl(),$(this.elementInternals,"auto-resize",this.autoResize)}disabledChanged(){this.setDisabledSideEffect(this.disabled)}get form(){return this.elementInternals.form}get labels(){return this.elementInternals.labels}readOnlyChanged(){this.elementInternals.ariaReadOnly=`${!!this.readOnly}`,this.$fastController.isConnected&&this.setValidity()}requiredChanged(){this.elementInternals.ariaRequired=`${!!this.required}`,this.filteredLabelSlottedNodes?.length&&this.filteredLabelSlottedNodes.forEach(e=>e.required=this.required)}resizeChanged(e,t){kt(this.elementInternals,e,t,Hr,"resize-"),$(this.elementInternals,"resize",Zn(Hr,t)&&t!==Hr.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(),requestAnimationFrame(()=>{if(!this.$fastController.isConnected)return;const e=this.preConnectControlEl,t=this.getContent();this.defaultValue=t||e?.defaultValue||"",this.value=e?.value||this.defaultValue,this.setFormValue(this.value),this.setValidity(),this.preConnectControlEl=null,this.maybeCreateAutoSizerEl()})}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,r){this.$fastController.isConnected&&(this.disabled||this.readOnly?this.elementInternals.setValidity({}):this.elementInternals.setValidity(e??this.controlEl.validity,t??this.controlEl.validationMessage,r??this.controlEl),this.userInteracted&&this.toggleUserValidityState())}select(){this.controlEl.select()}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("")||""}setDisabledSideEffect(e){this.elementInternals.ariaDisabled=`${e}`,this.controlEl&&(this.controlEl.disabled=e),this.filteredLabelSlottedNodes?.length&&this.filteredLabelSlottedNodes.forEach(t=>t.disabled=this.disabled)}toggleUserValidityState(){$(this.elementInternals,"user-invalid",!this.validity.valid),$(this.elementInternals,"user-valid",this.validity.valid)}maybeCreateAutoSizerEl(){if(!CSS.supports("field-sizing: content")){if(!this.autoResize){this.autoSizerEl?.remove(),this.autoSizerObserver?.disconnect();return}this.autoSizerEl||(this.autoSizerEl=document.createElement("div"),this.autoSizerEl.classList.add("auto-sizer"),this.autoSizerEl.ariaHidden="true"),this.rootEl?.prepend(this.autoSizerEl),this.autoSizerObserver||(this.autoSizerObserver=new ResizeObserver((e,t)=>{const r=window.getComputedStyle(this).writingMode.startsWith("horizontal")?"height":"width";this.style.getPropertyValue(r)!==""&&(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")}}G.formAssociated=!0,te([b],G.prototype,"controlEl",2),te([b],G.prototype,"defaultSlottedNodes",2),te([b],G.prototype,"labelSlottedNodes",2),te([a],G.prototype,"autocomplete",2),te([a({attribute:"auto-resize",mode:"boolean"})],G.prototype,"autoResize",2),te([a({attribute:"dirname"})],G.prototype,"dirName",2),te([a({mode:"boolean"})],G.prototype,"disabled",2),te([a({attribute:"display-shadow",mode:"boolean"})],G.prototype,"displayShadow",2),te([a({attribute:"form"})],G.prototype,"initialForm",2),te([a({attribute:"maxlength",converter:re})],G.prototype,"maxLength",2),te([a({attribute:"minlength",converter:re})],G.prototype,"minLength",2),te([a],G.prototype,"name",2),te([a],G.prototype,"placeholder",2),te([a({attribute:"readonly",mode:"boolean"})],G.prototype,"readOnly",2),te([a({mode:"boolean"})],G.prototype,"required",2),te([a({mode:"fromView"})],G.prototype,"resize",2),te([a({mode:"boolean"})],G.prototype,"spellcheck",2);var of=Object.defineProperty,rf=Object.getOwnPropertyDescriptor,Ui=(o,e,t,r)=>{for(var i=r>1?void 0:r?rf(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&of(e,t,i),i};class jr extends G{constructor(){super(...arguments),this.appearance=Jg.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(r=>{r.size=this.size});break}}connectedCallback(){super.connectedCallback(),m.getNotifier(this).subscribe(this,"size")}disconnectedCallback(){super.disconnectedCallback(),m.getNotifier(this).unsubscribe(this,"size")}}Ui([a({mode:"fromView"})],jr.prototype,"appearance",2),Ui([a({mode:"boolean"})],jr.prototype,"block",2),Ui([a],jr.prototype,"size",2);const sf=u`
|
|
538
538
|
${w("inline-block")}
|
|
539
539
|
|
|
540
|
-
:host{--font-size:${O};--line-height:${M};--padding-inline:${Ve};--padding-block:${$o};--min-block-size:52px;--block-size:var(--min-block-size);--inline-size:18rem;--border-width:${I};--control-padding-inline:${V};--color:${
|
|
541
|
-
: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
|
|
540
|
+
:host{--font-size:${O};--line-height:${M};--padding-inline:${Ve};--padding-block:${$o};--min-block-size:52px;--block-size:var(--min-block-size);--inline-size:18rem;--border-width:${I};--control-padding-inline:${V};--color:${_};--background-color:${S};--border-color:${De};--border-block-end-color:${Me};--placeholder-color:${ui};--focus-indicator-color:${vt};--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:${Mt};--border-block-end-color:${ft}}:host(:active){--border-color:${fo};--border-block-end-color:${mt}}: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:${Lt};--padding-inline:${ge};--control-padding-inline:${V}}:host([size='large']){--font-size:${pe};--line-height:${ke};--min-block-size:64px;--padding-block:${se};--padding-inline:${ae};--control-padding-inline:${ge}}: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:${po};--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:${$i}}:host(${lu}){--border-color:${fi};--border-block-end-color:${fi}}:host(:disabled){--color:${T};--background-color:${he};--border-color:${ye};--border-block-end-color:var(--border-color);--box-shadow:none;--placeholder-color:${T};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:${yt};transition-duration:${Si};transition-property:transform}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${wr};transition-delay:${xt}}:host([readonly]) .root::after,:host(:disabled) .root::after{content:none}label{color:var(--color);display:flex;inline-size:fit-content;padding-block-end:${Lt};padding-inline-end:${ie}}: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:${bt};background-color:${hn}}`.withBehaviors(X(u`
|
|
541
|
+
: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 nf(){return g`<template><label ${z("labelEl")} for="control" part="label"><slot name="label" ${U("labelSlottedNodes")}></slot></label><div class="root" part="root" ${z("rootEl")}><textarea ${z("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 af=nf(),lf=jr.compose({name:`${p.prefix}-textarea`,template:af,styles:sf,shadowOptions:{delegatesFocus:!0}});lf.define(p.registry);const cf={email:"email",password:"password",tel:"tel",text:"text",url:"url"},df=["date","datetime-local","email","month","number","password","search","tel","text","time","url","week"];var hf=Object.defineProperty,uf=Object.getOwnPropertyDescriptor,E=(o,e,t,r)=>{for(var i=r>1?void 0:r?uf(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&hf(e,t,i),i};class B extends x{constructor(){super(...arguments),this.type=cf.text,this.dirtyValue=!1,this.elementInternals=this.attachInternals()}currentValueChanged(e,t){this.value=t}defaultSlottedNodesChanged(e,t){N.enqueue(()=>{this.controlLabel&&(this.controlLabel.hidden=!t?.some(r=>r.nodeType===Node.ELEMENT_NODE||r.nodeType===Node.TEXT_NODE&&!!r.textContent?.trim()))})}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){N.enqueue(()=>{this.$fastController.isConnected&&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.tabIndex=Number(this.getAttribute("tabindex")??0)<0?-1:0,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(i=>i.getAttribute("type")==="submit");if(t){t.click();return}e.filter(i=>df.includes(i.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,r){if(this.$fastController.isConnected&&this.control){if(this.disabled){this.elementInternals.setValidity({});return}this.elementInternals.setValidity(e??this.control.validity,t??this.validationMessage,r??this.control)}}}B.formAssociated=!0,E([a],B.prototype,"autocomplete",2),E([a({mode:"boolean"})],B.prototype,"autofocus",2),E([a({attribute:"current-value"})],B.prototype,"currentValue",2),E([b],B.prototype,"defaultSlottedNodes",2),E([a],B.prototype,"dirname",2),E([a({mode:"boolean"})],B.prototype,"disabled",2),E([a({attribute:"form"})],B.prototype,"formAttribute",2),E([a({attribute:"value",mode:"fromView"})],B.prototype,"initialValue",2),E([a],B.prototype,"list",2),E([a({converter:re})],B.prototype,"maxlength",2),E([a({converter:re})],B.prototype,"minlength",2),E([a({mode:"boolean"})],B.prototype,"multiple",2),E([a],B.prototype,"name",2),E([a],B.prototype,"pattern",2),E([a],B.prototype,"placeholder",2),E([a({attribute:"readonly",mode:"boolean"})],B.prototype,"readOnly",2),E([a({mode:"boolean"})],B.prototype,"required",2),E([a({converter:re})],B.prototype,"size",2),E([a({converter:{fromView:o=>typeof o=="string"?["true",""].includes(o.trim().toLowerCase()):null,toView:o=>o.toString()}})],B.prototype,"spellcheck",2),E([a],B.prototype,"type",2),E([b],B.prototype,"control",2),E([b],B.prototype,"controlLabel",2);var pf=Object.defineProperty,bf=Object.getOwnPropertyDescriptor,Sa=(o,e,t,r)=>{for(var i=r>1?void 0:r?bf(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&pf(e,t,i),i};class Rr extends B{}Sa([a],Rr.prototype,"appearance",2),Sa([a({attribute:"control-size"})],Rr.prototype,"controlSize",2),Je(Rr,Ze);const gf=u`
|
|
542
542
|
${w("block")}
|
|
543
543
|
|
|
544
|
-
:host{font-family:${v};font-size:${O};font-weight:${
|
|
544
|
+
:host{font-family:${v};font-size:${O};font-weight:${A};line-height:${M};max-width:400px}.label{display:flex;color:${_};padding-bottom:${Lt};flex-shrink:0;padding-inline-end:${ie}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${S};border:${I} solid ${De};border-bottom-color:${Me};border-radius:${C};box-sizing:border-box;height:32px;display:inline-flex;flex-direction:row;gap:${V};padding:0 ${Ve};position:relative;width:100%}:has(.control:user-invalid){border-color:${fi}}.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 ${vt};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${Si};transition-delay:${yt}}.control{width:100%;height:100%;box-sizing:border-box;color:${_};border-radius:${C};background:${he};font-family:${v};font-weight:${A};font-size:${O};border:none;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${ui}}:host ::slotted([slot='start']),:host ::slotted([slot='end']){display:flex;align-items:center;justify-content:center;color:${Z};font-size:${Dt}}:host ::slotted([slot='start']){padding-right:${V}}:host ::slotted([slot='end']){padding-left:${V};gap:${ie}}:host(:hover) .root{border-color:${Mt};border-bottom-color:${ft}}:host(:active) .root{border-color:${fo}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${wr};transition-delay:${xt}}:host(:focus-within:active) .root:after{border-bottom-color:${kn}}:host([appearance='outline']:focus-within) .root{border:${I} solid ${De}}:host(:focus-within) .control{color:${_}}:host([disabled]) .root{background:${he};border:${I} solid ${ye}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot='start']),:host([disabled]) ::slotted([slot='end']){color:${T}}::selection{color:${bt};background-color:${hn}}:host([control-size='small']) .control{font-size:${F};font-weight:${A};line-height:${q}}:host([control-size='small']) .root{height:24px;gap:${V};padding:0 ${ge}}:host([control-size='small']) ::slotted([slot='start']),:host([control-size='small']) ::slotted([slot='end']){font-size:${pe}}:host([control-size='large']) .control{font-size:${pe};font-weight:${A};line-height:${ke}}:host([control-size='large']) .root{height:40px;gap:${_e};padding:0 ${ae}}:host([control-size='large']) ::slotted([slot='start']),:host([control-size='large']) ::slotted([slot='end']){font-size:${gr}}:host([appearance='underline']) .root{background:${he};border:0;border-radius:0;border-bottom:${I} solid ${Me}}:host([appearance='underline']:hover) .root{border-bottom-color:${ft}}:host([appearance='underline']:active) .root{border-bottom-color:${mt}}:host([appearance='underline']:focus-within) .root{border:0;border-bottom-color:${mt}}:host([appearance='underline'][disabled]) .root{border-bottom-color:${ye}}:host([appearance='filled-lighter']) .root,:host([appearance='filled-darker']) .root{border:${I} solid ${K};box-shadow:${$i}}:host([appearance='filled-lighter']) .root{background:${S}}:host([appearance='filled-darker']) .root{background:${po}}:host([appearance='filled-lighter']:hover) .root,:host([appearance='filled-darker']:hover) .root{border-color:${gi}}:host([appearance='filled-lighter']:active) .root,:host([appearance='filled-darker']:active) .root{border-color:${gi};background:${po}}`;function ff(o={}){return g`<template @beforeinput="${(e,t)=>e.beforeinputHandler(t.event)}" @focusin="${(e,t)=>e.focusinHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><label part="label" for="control" class="label" ${z("controlLabel")}><slot ${U("defaultSlottedNodes")}></slot></label><div class="root" part="root">${Ge(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}" ${z("control")} />${pt(o)}</div></template>`}const mf=ff(),vf=Rr.compose({name:`${p.prefix}-text-input`,template:mf,styles:gf,shadowOptions:{delegatesFocus:!0}});vf.define(p.registry);var $f=Object.defineProperty,yf=Object.getOwnPropertyDescriptor,qe=(o,e,t,r)=>{for(var i=r>1?void 0:r?yf(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&$f(e,t,i),i};class Be extends x{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}}qe([a({mode:"boolean"})],Be.prototype,"nowrap",2),qe([a({mode:"boolean"})],Be.prototype,"truncate",2),qe([a({mode:"boolean"})],Be.prototype,"italic",2),qe([a({mode:"boolean"})],Be.prototype,"underline",2),qe([a({mode:"boolean"})],Be.prototype,"strikethrough",2),qe([a({mode:"boolean"})],Be.prototype,"block",2),qe([a],Be.prototype,"size",2),qe([a],Be.prototype,"font",2),qe([a],Be.prototype,"weight",2),qe([a],Be.prototype,"align",2);const xf=u`
|
|
545
545
|
${w("inline")}
|
|
546
546
|
|
|
547
|
-
:host{font-family:${v};font-size:${O};line-height:${M};font-weight:${
|
|
547
|
+
:host{font-family:${v};font-size:${O};line-height:${M};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:${vo};line-height:${mr}}:host([size='200']){font-size:${F};line-height:${q}}:host([size='400']){font-size:${pe};line-height:${ke}}:host([size='500']){font-size:${Dt};line-height:${vr}}:host([size='600']){font-size:${gr};line-height:${Vn}}:host([size='700']){font-size:${Fn};line-height:${Hn}}:host([size='800']){font-size:${Mn};line-height:${jn}}:host([size='900']){font-size:${Dn};line-height:${Rn}}:host([size='1000']){font-size:${Ln};line-height:${qn}}:host([font='monospace']){font-family:${xd}}:host([font='numeric']){font-family:${kd}}:host([weight='medium']){font-weight:${wd}}:host([weight='semibold']){font-weight:${L}}:host([weight='bold']){font-weight:${fr}}: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}`,kf=g`<slot></slot>`,wf=Be.compose({name:`${p.prefix}-text`,template:kf,styles:xf});wf.define(p.registry);var Cf=Object.defineProperty,Sf=Object.getOwnPropertyDescriptor,Ia=(o,e,t,r)=>{for(var i=r>1?void 0:r?Sf(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Cf(e,t,i),i};class Xi extends Xe{pressedChanged(){this.setPressedState()}mixedChanged(){this.setPressedState()}press(){this.pressed=!this.pressed}connectedCallback(){super.connectedCallback(),this.setPressedState()}setPressedState(){if(this.$fastController.isConnected){const e=`${this.mixed?"mixed":!!this.pressed}`;this.elementInternals.ariaPressed=e,$(this.elementInternals,"pressed",!!this.pressed||!!this.mixed)}}}Ia([a({mode:"boolean"})],Xi.prototype,"pressed",2),Ia([a({mode:"boolean"})],Xi.prototype,"mixed",2);const If=u`
|
|
548
548
|
${zr}
|
|
549
549
|
|
|
550
|
-
:host(${D}){border-color:${De};background-color:${dn};color:${
|
|
550
|
+
:host(${D}){border-color:${De};background-color:${dn};color:${_};border-width:${I}}:host(${D}:hover){border-color:${Mt};background-color:${cr}}:host(${D}:active){border-color:${fo};background-color:${pi}}:host(${D}[appearance='primary']:not(:focus-visible)){border-color:transparent}:host(${D}[appearance='primary']){background-color:${ec};color:${Ue}}:host(${D}[appearance='primary']:hover){background-color:${fn}}:host(${D}[appearance='primary']:active){background-color:${mn}}:host(${D}[appearance='subtle']){border-color:transparent;background-color:${pn};color:${sr}}:host(${D}[appearance='subtle']:hover){background-color:${dr};color:${At}}:host(${D}[appearance='subtle']:active){background-color:${go};color:${Et}}:host(${D}[appearance='outline']),:host(${D}[appearance='transparent']){background-color:${bn}}:host(${D}[appearance='outline']:hover),:host(${D}[appearance='transparent']:hover){background-color:${hr}}:host(${D}[appearance='outline']:active),:host(${D}[appearance='transparent']:active){background-color:${ur}}:host(${D}[appearance='transparent']){border-color:transparent;color:${Al}}:host(${D}[appearance='transparent']:hover){color:${nr}}:host(${D}[appearance='transparent']:active){color:${ar}}`.withBehaviors(X(u`
|
|
551
551
|
:host(${D}),:host(
|
|
552
552
|
${D}:is([appearance='primary'],[appearance='subtle'],[appearance='outline'],[appearance='transparent'])
|
|
553
|
-
){background:SelectedItem;color:SelectedItemText}`)),
|
|
553
|
+
){background:SelectedItem;color:SelectedItemText}`)),Pf=Oi(),zf=Xi.compose({name:`${p.prefix}-toggle-button`,template:Pf,styles:If});zf.define(p.registry);var _f=Object.defineProperty,Bf=Object.getOwnPropertyDescriptor,qr=(o,e,t,r)=>{for(var i=r>1?void 0:r?Bf(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&_f(e,t,i),i};class To extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.id=co("tooltip-"),this.defaultDelay=250,this.anchor="",this.anchorPositioningStyleElement=null,this.mouseenterAnchorHandler=()=>this.showTooltip(this.delay),this.mouseleaveAnchorHandler=()=>this.hideTooltip(this.delay),this.focusAnchorHandler=()=>this.showTooltip(0),this.blurAnchorHandler=()=>this.hideTooltip(0),this.elementInternals.role="tooltip"}positioningChanged(){rr||this.setFallbackStyles()}get anchorElement(){const e=this.getRootNode();return(e instanceof ShadowRoot?e:document).getElementById(this.anchor??"")}connectedCallback(){if(super.connectedCallback(),!this.anchorElement)return;const e=this.anchorElement.style.anchorName||`--${this.anchor}`,t=this.anchorElement.getAttribute("aria-describedby");if(this.anchorElement.setAttribute("aria-describedby",t?`${t} ${this.id}`:this.id),this.anchorElement.addEventListener("focus",this.focusAnchorHandler),this.anchorElement.addEventListener("blur",this.blurAnchorHandler),this.anchorElement.addEventListener("mouseenter",this.mouseenterAnchorHandler),this.anchorElement.addEventListener("mouseleave",this.mouseleaveAnchorHandler),rr){Pl||(this.anchorElement.style.anchorName=e,this.style.positionAnchor=e);return}N.enqueue(()=>this.setFallbackStyles())}disconnectedCallback(){super.disconnectedCallback(),this.anchorElement?.removeEventListener("focus",this.focusAnchorHandler),this.anchorElement?.removeEventListener("blur",this.blurAnchorHandler),this.anchorElement?.removeEventListener("mouseenter",this.mouseenterAnchorHandler),this.anchorElement?.removeEventListener("mouseleave",this.mouseleaveAnchorHandler)}showTooltip(e=this.defaultDelay){setTimeout(()=>{this.setAttribute("aria-hidden","false"),this.showPopover()},e)}hideTooltip(e=this.defaultDelay){setTimeout(()=>{if(this.matches(":hover")||this.anchorElement?.matches(":hover")){this.hideTooltip(e);return}this.setAttribute("aria-hidden","true"),this.hidePopover()},e)}setFallbackStyles(){if(!this.anchorElement)return;const e=this.anchorElement.style.anchorName||`--${this.anchor}`;this.anchorPositioningStyleElement||(this.anchorPositioningStyleElement=document.createElement("style"),document.head.append(this.anchorPositioningStyleElement));let[t,r]=this.positioning?.split("-")??[];r||((t==="above"||t==="below")&&(r="centerX"),(t==="before"||t==="after")&&(r="centerY"));const i={above:"bottom: anchor(top);",below:"top: anchor(bottom);",before:"right: anchor(left);",after:"left: anchor(right);"},s=i[t]??i.above,n={start:"left: anchor(left);",end:"right: anchor(right);",top:"top: anchor(top);",bottom:"bottom: anchor(bottom);",centerX:"left: anchor(center); translate: -50% 0;",centerY:"top: anchor(center); translate: 0 -50%;"},c=n[r]??n.centerX;this.anchorPositioningStyleElement.textContent=`
|
|
554
554
|
#${this.anchor} {
|
|
555
555
|
anchor-name: ${e};
|
|
556
556
|
}
|
|
@@ -561,29 +561,29 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
561
561
|
${s}
|
|
562
562
|
${c}
|
|
563
563
|
}
|
|
564
|
-
`,window.CSS_ANCHOR_POLYFILL&&window.CSS_ANCHOR_POLYFILL.call({element:this.anchorPositioningStyleElement})}}qr([a],
|
|
564
|
+
`,window.CSS_ANCHOR_POLYFILL&&window.CSS_ANCHOR_POLYFILL.call({element:this.anchorPositioningStyleElement})}}qr([a],To.prototype,"id",2),qr([a({converter:re})],To.prototype,"delay",2),qr([a],To.prototype,"positioning",2),qr([a],To.prototype,"anchor",2);const Ie={"above-start":"block-start span-inline-end",above:"block-start","above-end":"block-start span-inline-start","below-start":"block-end span-inline-end",below:"block-end","below-end":"block-end span-inline-start","before-top":"inline-start span-block-end",before:"inline-start","before-bottom":"inline-start span-block-start","after-top":"inline-end span-block-end",after:"inline-end","after-bottom":"inline-end span-block-start"},Tf=u`
|
|
565
565
|
${w("inline-flex")}
|
|
566
566
|
|
|
567
|
-
:host(:not(:popover-open)){display:none}:host{--position-area:block-start;--position-try-options:flip-block;--block-offset:${Lt};--inline-offset:${ie};background:${S};border-radius:${C};border:1px solid ${K};box-sizing:border-box;color:${
|
|
567
|
+
:host(:not(:popover-open)){display:none}:host{--position-area:block-start;--position-try-options:flip-block;--block-offset:${Lt};--inline-offset:${ie};background:${S};border-radius:${C};border:1px solid ${K};box-sizing:border-box;color:${_};display:inline-flex;filter:drop-shadow(0 0 2px ${ic}) drop-shadow(0 4px 8px ${sc});font-family:${v};font-size:${F};inset:unset;line-height:${q};margin:unset;max-width:240px;overflow:visible;padding:4px ${Ve} 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:${Ie["above-start"]}}:host([positioning='above']){--position-area:${Ie.above}}:host([positioning='above-end']){--position-area:${Ie["above-end"]}}:host([positioning='below-start']){--position-area:${Ie["below-start"]}}:host([positioning='below']){--position-area:${Ie.below}}:host([positioning='below-end']){--position-area:${Ie["below-end"]}}:host([positioning='before-top']){--position-area:${Ie["before-top"]}}:host([positioning='before']){--position-area:${Ie.before}}:host([positioning='before-bottom']){--position-area:${Ie["before-bottom"]}}:host([positioning='after-top']){--position-area:${Ie["after-top"]}}:host([positioning='after']){--position-area:${Ie.after}}:host([positioning='after-bottom']){--position-area:${Ie["after-bottom"]}}`,Of=g`<template popover aria-hidden="true"><slot></slot></template>`,Af=To.compose({name:`${p.prefix}-tooltip`,template:Of,styles:Tf});Af.define(p.registry);const Pa={subtle:"subtle",subtleAlpha:"subtle-alpha",transparent:"transparent"},za={small:"small",medium:"medium"};function Te(o,e="-tree-item"){return o?.nodeType!==Node.ELEMENT_NODE?!1:o.tagName.toLowerCase().endsWith(e)}var Ef=Object.defineProperty,Nf=Object.getOwnPropertyDescriptor,Ki=(o,e,t,r)=>{for(var i=r>1?void 0:r?Nf(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Ef(e,t,i),i};class Wr extends x{constructor(){super(),this.currentSelected=null,this.currentFocused=null,this.elementInternals=this.attachInternals(),this.elementInternals.role="tree"}defaultSlotChanged(){this.handleDefaultSlotChange()}connectedCallback(){super.connectedCallback(),this.tabIndex=Number(this.getAttribute("tabindex")??0)<0?-1:0}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(!Te(t)||this.childTreeItems.length<1)return!0;const r=this.getVisibleNodes();switch(e.key){case er:{r.length&&r[0].focus();return}case Jo:{r.length&&r[r.length-1].focus();return}case Yo:{t?.childTreeItems?.length&&t.expanded?t.expanded=!1:Te(t.parentElement)&&t.parentElement.focus();return}case Qo:{t?.childTreeItems?.length&&(t.expanded?this.focusNextNode(1,t):t.expanded=!0);return}case Ko:{this.focusNextNode(1,t);return}case Zo:{this.focusNextNode(-1,t);return}case lo:{this.clickHandler(e);return}case tr:{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(!Te(e.target))return!0;const t=e.target;t.toggleExpansion(),t.selected=!0}changeHandler(e){if(e.defaultPrevented)return;if(!Te(e.target))return!0;const t=e.target;t.selected?(this.currentSelected&&this.currentSelected!==t&&Te(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(r=>r.selected);return t===-1&&(t=e.findIndex(r=>Te(r))),t!==-1?e[t]:null}getVisibleNodes(){return Array.from(this.querySelectorAll("*")).filter(e=>Te(e)&&e.offsetParent!==null)}focusNextNode(e,t){const r=this.getVisibleNodes();if(!r.length)return;const i=r[r.indexOf(t)+e];di(i)&&i.focus()}handleDefaultSlotChange(){this.childTreeItems=this.defaultSlot.assignedElements().filter(e=>Te(e))}}Ki([b],Wr.prototype,"currentSelected",2),Ki([b],Wr.prototype,"defaultSlot",2),Ki([b],Wr.prototype,"childTreeItems",2);var Ff=Object.defineProperty,Mf=Object.getOwnPropertyDescriptor,_a=(o,e,t,r)=>{for(var i=r>1?void 0:r?Mf(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Ff(e,t,i),i};class Yi extends Wr{constructor(){super(...arguments),this.size=za.small,this.appearance=Pa.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})}}_a([a],Yi.prototype,"size",2),_a([a],Yi.prototype,"appearance",2);const Df=u`
|
|
568
568
|
${w("block")}
|
|
569
569
|
|
|
570
|
-
:host{outline:none}`,
|
|
571
|
-
:host{--indent:${t}}`,this.$fastController.addStyles(this.styles)}childTreeItemsChanged(){this.empty=this.childTreeItems?.length===0,this.updateChildTreeItems()}connectedCallback(){super.connectedCallback(),
|
|
570
|
+
:host{outline:none}`,Lf=g`<template tabindex="0" @click="${(o,e)=>o.clickHandler(e.event)}" @focusin="${(o,e)=>o.focusHandler(e.event)}" @focusout="${(o,e)=>o.blurHandler(e.event)}" @keydown="${(o,e)=>o.keydownHandler(e.event)}" @change="${(o,e)=>o.changeHandler(e.event)}"><slot ${z("defaultSlot")} @slotchange="${o=>o.handleDefaultSlotChange()}"></slot></template>`,Vf=Yi.compose({name:`${p.prefix}-tree`,template:Lf,styles:Df});Vf.define(p.registry);var Hf=Object.defineProperty,jf=Object.getOwnPropertyDescriptor,oo=(o,e,t,r)=>{for(var i=r>1?void 0:r?jf(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Hf(e,t,i),i};class It extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.expanded=!1,this.empty=!1,this.childTreeItems=[],this.elementInternals.role="treeitem"}itemSlotChanged(){this.handleItemSlotChange()}expandedChanged(e,t){this.$emit("toggle",{oldState:e?"open":"closed",newState:t?"open":"closed"}),$(this.elementInternals,"expanded",t),this.childTreeItems&&this.childTreeItems.length>0&&(this.elementInternals.ariaExpanded=t?"true":"false")}selectedChanged(e,t){this.updateTabindexBySelected(),this.$emit("change"),$(this.elementInternals,"selected",t),this.elementInternals.ariaSelected=t?"true":"false"}dataIndentChanged(e,t){this.styles!==void 0&&this.$fastController.removeStyles(this.styles),this.styles=u`
|
|
571
|
+
:host{--indent:${t}}`,this.$fastController.addStyles(this.styles)}childTreeItemsChanged(){this.empty=this.childTreeItems?.length===0,this.updateChildTreeItems()}connectedCallback(){super.connectedCallback(),N.enqueue(()=>{this.updateTabindexBySelected()})}updateChildTreeItems(){this.childTreeItems?.length&&(this.expanded||(this.expanded=Array.from(this.querySelectorAll("[selected]")).some(e=>Te(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 Te(this.parentElement)}updateTabindexBySelected(){this.tabIndex=this.selected?0:-1}handleItemSlotChange(){this.childTreeItems=this.itemSlot.assignedElements().filter(e=>Te(e))}}oo([b],It.prototype,"itemSlot",2),oo([a({mode:"boolean"})],It.prototype,"expanded",2),oo([a({mode:"boolean"})],It.prototype,"selected",2),oo([a({mode:"boolean"})],It.prototype,"empty",2),oo([a({attribute:"data-indent"})],It.prototype,"dataIndent",2),oo([b],It.prototype,"childTreeItems",2);var Rf=Object.defineProperty,qf=Object.getOwnPropertyDescriptor,Ba=(o,e,t,r)=>{for(var i=r>1?void 0:r?qf(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(i=(r?n(e,t,i):n(i))||i);return r&&i&&Rf(e,t,i),i};class Qi extends It{constructor(){super(...arguments),this.size=za.small,this.appearance=Pa.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})}}Ba([a],Qi.prototype,"size",2),Ba([a],Qi.prototype,"appearance",2);const Wf=u`
|
|
572
572
|
${w("block")}
|
|
573
573
|
|
|
574
574
|
:host{outline:none;font-size:${O};line-height:${M}}:host(:focus-visible) .positioning-region{box-shadow:${wi} ${wi} ${wi} ${yr}
|
|
575
|
-
${ue} inset}.positioning-region{display:flex;align-items:center;justify-content:space-between;cursor:pointer;height:${
|
|
575
|
+
${ue} inset}.positioning-region{display:flex;align-items:center;justify-content:space-between;cursor:pointer;height:${_d};padding-inline-start:calc(var(--indent) * ${ki});padding-inline-end:${se};border-radius:${C};background-color:${un};color:${Pe};gap:${ie}}@media (prefers-contrast:more){:host(:focus-visible) .positioning-region{outline:1px solid ${ue}}}.content{display:flex;align-items:center;gap:${ie}}.chevron{display:flex;align-items:center;flex-shrink:0;justify-content:center;width:${ki};height:${$t};transition:transform ${kr} ${Xn};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:${dr};color:${At}}.positioning-region:active{background-color:${go};color:${Et}}::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:${V}}.items{display:none}:host([expanded]) .items{display:block}:host([empty]) .chevron,:host([empty]) .items{visibility:hidden}:host([selected]) .positioning-region{background-color:${pn};color:${sr}}:host([selected]) .content,:host([selected]) .chevron{color:${Fl}}:host([size='small']) .positioning-region{height:${$t};padding-inline-start:calc(var(--indent) * ${ae})}:host([appearance='subtle-alpha']) .positioning-region:hover{background-color:${Ql}}:host([appearance='subtle-alpha']) .positioning-region:active{background-color:${Zl}}:host([appearance='subtle-alpha'][selected]) .positioning-region{background-color:${Jl};color:${sr}}:host([appearance='transparent']) .positioning-region{background-color:${he}}:host([appearance='transparent']) .positioning-region:hover{background-color:${hr}}:host([appearance='transparent']) .positioning-region:active{background-color:${ur}}:host([appearance='transparent'][selected]) .positioning-region{background-color:${bn};color:${sr}}:host([expanded]) .chevron{transform:rotate(90deg)}`,Gf=g`<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>`,Uf=g`<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">${Gf}</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" ${z("itemSlot")} @slotchange="${o=>o.handleItemSlotChange()}"></slot></div></template>`,Xf=Qi.compose({name:`${p.prefix}-tree-item`,template:Uf,styles:Wf});Xf.define(p.registry);const Kf="adoptedStyleSheets"in document,Yf="CSSScopeRule"in window,Zi=new Map,Ji=new Map,Oo=new Map,es=new Map,Ao=new CSSStyleSheet;function Qf(o,e=document){if(!(!e||!Zf(e))){if(!Kf||e instanceof HTMLElement&&!e.shadowRoot&&!Yf){const t=e===document?document.documentElement:e;rm(o,t);return}[document,document.documentElement,document.body].includes(e)?Jf(o):em(o,e)}}function ts(o){if(!Zi.has(o)){const e=[];for(const[t,r]of Object.entries(o))e.push(`--${t}:${r.toString()};`);Zi.set(o,e.join(""))}return Zi.get(o)}function Zf(o){return[document,document.documentElement].includes(o)||o instanceof HTMLElement&&!!o.closest("body")}function Jf(o){if(o===null){document.adoptedStyleSheets.includes(Ao)&&Ao.replaceSync("");return}Ao.replaceSync(`
|
|
576
576
|
html {
|
|
577
577
|
${ts(o)}
|
|
578
578
|
}
|
|
579
|
-
`),document.adoptedStyleSheets.includes(
|
|
579
|
+
`),document.adoptedStyleSheets.includes(Ao)||document.adoptedStyleSheets.push(Ao)}function em(o,e){if(o===null){e.shadowRoot&&Oo.has(e)?Oo.get(e).replaceSync(""):(delete e.dataset.fluentTheme,Ta(e));return}e.shadowRoot?tm(e).replaceSync(`
|
|
580
580
|
:host {
|
|
581
581
|
${ts(o)}
|
|
582
582
|
}
|
|
583
|
-
`):(e.dataset.fluentTheme=
|
|
583
|
+
`):(e.dataset.fluentTheme=om(o),Ta(e))}function tm(o){if(!Oo.has(o)){const e=new CSSStyleSheet;Oo.set(o,e),o.shadowRoot?.adoptedStyleSheets.push(e)}return Oo.get(o)}function om(o){if(!Ji.has(o)){const e=co("fluent-theme-"),t=new CSSStyleSheet;Ji.set(o,e),t.replaceSync(`
|
|
584
584
|
@scope ([data-fluent-theme="${e}"]) {
|
|
585
585
|
:scope {
|
|
586
586
|
${ts(o)}
|
|
587
587
|
}
|
|
588
588
|
}
|
|
589
|
-
`),document.adoptedStyleSheets.push(t)}return Ji.get(o)}function
|
|
589
|
+
`),document.adoptedStyleSheets.push(t)}return Ji.get(o)}function rm(o,e){let t;if(o===null){if(!es.has(e))return;t=es.get(e)}else es.set(e,o),t=o;for(const[r,i]of Object.entries(t))o===null?e.style.removeProperty(`--${r}`):e.style.setProperty(`--${r}`,i.toString())}const{userAgent:im}=navigator,sm=/\bAppleWebKit\/[\d+\.]+\b/.test(im);function Ta(o){if(!sm)return;const e="visibility",t="hidden",r=o.style.getPropertyValue(e);o.style.setProperty(e,t),N.process(),o.style.setProperty(e,r)}export{Qf as setTheme};
|