@fluentui/web-components 3.0.0-beta.24 → 3.0.0-beta.26
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 +23 -2
- package/dist/dts/checkbox/checkbox.d.ts +258 -32
- package/dist/dts/checkbox/checkbox.options.d.ts +13 -10
- package/dist/dts/checkbox/checkbox.template.d.ts +3 -2
- package/dist/dts/checkbox/index.d.ts +2 -2
- package/dist/dts/field/define.d.ts +1 -0
- package/dist/dts/field/field.bench.d.ts +3 -0
- package/dist/dts/field/field.d.ts +99 -0
- package/dist/dts/field/field.definition.d.ts +9 -0
- package/dist/dts/field/field.options.d.ts +41 -0
- package/dist/dts/field/field.styles.d.ts +6 -0
- package/dist/dts/field/field.template.d.ts +6 -0
- package/dist/dts/field/index.d.ts +6 -0
- package/dist/dts/index-rollup.d.ts +1 -0
- package/dist/dts/index.d.ts +2 -0
- package/dist/dts/switch/switch.d.ts +2 -39
- package/dist/dts/text-input/text-input.d.ts +50 -8
- package/dist/dts/utils/element-internals.d.ts +20 -0
- package/dist/esm/checkbox/checkbox.definition.js +1 -1
- package/dist/esm/checkbox/checkbox.definition.js.map +1 -1
- package/dist/esm/checkbox/checkbox.js +346 -41
- package/dist/esm/checkbox/checkbox.js.map +1 -1
- package/dist/esm/checkbox/checkbox.options.js +0 -8
- package/dist/esm/checkbox/checkbox.options.js.map +1 -1
- package/dist/esm/checkbox/checkbox.styles.js +145 -123
- package/dist/esm/checkbox/checkbox.styles.js.map +1 -1
- package/dist/esm/checkbox/checkbox.template.js +23 -34
- package/dist/esm/checkbox/checkbox.template.js.map +1 -1
- package/dist/esm/checkbox/index.js +1 -1
- package/dist/esm/checkbox/index.js.map +1 -1
- package/dist/esm/dialog/dialog.styles.js +9 -2
- package/dist/esm/dialog/dialog.styles.js.map +1 -1
- package/dist/esm/field/define.js +4 -0
- package/dist/esm/field/define.js.map +1 -0
- package/dist/esm/field/field.bench.js +10 -0
- package/dist/esm/field/field.bench.js.map +1 -0
- package/dist/esm/field/field.definition.js +20 -0
- package/dist/esm/field/field.definition.js.map +1 -0
- package/dist/esm/field/field.js +139 -0
- package/dist/esm/field/field.js.map +1 -0
- package/dist/esm/field/field.options.js +27 -0
- package/dist/esm/field/field.options.js.map +1 -0
- package/dist/esm/field/field.styles.js +186 -0
- package/dist/esm/field/field.styles.js.map +1 -0
- package/dist/esm/field/field.template.js +26 -0
- package/dist/esm/field/field.template.js.map +1 -0
- package/dist/esm/field/index.js +6 -0
- package/dist/esm/field/index.js.map +1 -0
- package/dist/esm/index-rollup.js +1 -0
- package/dist/esm/index-rollup.js.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/label/label.styles.js +12 -5
- package/dist/esm/label/label.styles.js.map +1 -1
- package/dist/esm/switch/switch.js +2 -52
- package/dist/esm/switch/switch.js.map +1 -1
- package/dist/esm/switch/switch.styles.js +34 -55
- package/dist/esm/switch/switch.styles.js.map +1 -1
- package/dist/esm/switch/switch.template.js +6 -16
- package/dist/esm/switch/switch.template.js.map +1 -1
- package/dist/esm/text/text.styles.js +48 -24
- package/dist/esm/text/text.styles.js.map +1 -1
- package/dist/esm/text-input/text-input.definition.js +3 -0
- package/dist/esm/text-input/text-input.definition.js.map +1 -1
- package/dist/esm/text-input/text-input.js +78 -20
- package/dist/esm/text-input/text-input.js.map +1 -1
- package/dist/esm/text-input/text-input.styles.js +14 -9
- package/dist/esm/text-input/text-input.styles.js.map +1 -1
- package/dist/esm/text-input/text-input.template.js +39 -33
- package/dist/esm/text-input/text-input.template.js.map +1 -1
- package/dist/esm/theme/set-theme.js +10 -5
- package/dist/esm/theme/set-theme.js.map +1 -1
- package/dist/esm/utils/element-internals.js +32 -0
- package/dist/esm/utils/element-internals.js.map +1 -0
- package/dist/web-components.d.ts +506 -138
- package/dist/web-components.js +2264 -1692
- package/dist/web-components.min.js +243 -238
- package/package.json +1 -1
- package/dist/dts/checkbox/checkbox.form-associated.d.ts +0 -14
- package/dist/esm/checkbox/checkbox.form-associated.js +0 -14
- package/dist/esm/checkbox/checkbox.form-associated.js.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements});let So;const Ci="fast-kernel";try{if(document.currentScript)So=document.currentScript.getAttribute(Ci);else{const o=document.getElementsByTagName("script");So=o[o.length-1].getAttribute(Ci)}}catch{So="isolate"}let ht;switch(So){case"share":ht=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":ht=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)}`;ht=Object.freeze({updateQueue:`1.2${o}`,observable:`2.2${o}`,contextEvent:`3.2${o}`,elementRegistry:`4.2${o}`});break}const Ze=o=>typeof o=="function",Ve=o=>typeof o=="string",Vn=()=>{};var $r=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};(function(){if(!(typeof globalThis<"u"))if(typeof $r<"u")$r.globalThis=$r;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 Si={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},Si));const G=globalThis.FAST;if(G.getById===void 0){const o=Object.create(null);Reflect.defineProperty(G,"getById",Object.assign({value(e,t){let r=o[e];return r===void 0&&(r=t?o[e]=t():null),r}},Si))}G.error===void 0&&Object.assign(G,{warn(){},error(o){return new Error(`Error ${o}`)},addMessages(){}});const Pi=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 Bi(){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 St(o){o.prototype.toJSON=Vn}const Y=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),zi=o=>o,jn=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:zi}):{createHTML:zi};let Po=Object.freeze({createHTML(o){return jn.createHTML(o)},protect(o,e,t,r){return r}});const qn=Po,Pt=Object.freeze({get policy(){return Po},setPolicy(o){if(Po!==qn)throw G.error(1201);Po=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)}}),ke=G.getById(ht.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,u=o.length-d;l<u;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 xr{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 Ii{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 xr(this.subject):s=(i=this.subjectSubscribers)!==null&&i!==void 0?i:this.subjectSubscribers=new xr(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 kr=Object.freeze({unknown:void 0,coupled:1}),S=G.getById(ht.observable,()=>{const o=ke.enqueue,e=/(:|&&|\|\||if|\?\.)/,t=new WeakMap;let r,i=d=>{throw G.error(1101)};function s(d){var l;let u=(l=d.$fastController)!==null&&l!==void 0?l:t.get(d);return u===void 0&&(Array.isArray(d)?u=i(d):t.set(d,u=new Ii(d))),u}const n=Bi();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,u){const p=this.field,g=l[p];if(g!==u){l[p]=u;const m=l[this.callback];Ze(m)&&m.call(l,g,u),s(l).notify(this.name)}}}class h extends xr{constructor(l,u,p=!1){super(l,u),this.expression=l,this.isVolatileBinding=p,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 u=this.observe(l.source,l.context);return!l.isBound&&this.requiresUnbind(l)&&l.onUnbind(this),u}requiresUnbind(l){return l.sourceLifetime!==kr.coupled||this.first!==this.last||this.first.propertySource!==l.source}unbind(l){this.dispose()}observe(l,u){this.needsRefresh&&this.last!==null&&this.dispose();const p=r;r=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let g;try{g=this.expression(l,u)}finally{r=p}return g}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,u){const p=this.last,g=s(l),m=p===null?this.first:{};if(m.propertySource=l,m.propertyName=u,m.notifier=g,g.subscribe(this,u),p!==null){if(!this.needsRefresh){let x;r=void 0,x=p.propertySource[p.propertyName],r=this,l===x&&(this.needsRefresh=!0)}p.next=m}this.last=m}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 St(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){Ve(l)&&(l=new c(l)),n(d).push(l),Reflect.defineProperty(d,l.name,{enumerable:!0,get(){return l.getValue(this)},set(u){l.setValue(this,u)}})},getAccessors:n,binding(d,l,u=this.isVolatileBinding(d)){return new h(d,l,u)},isVolatileBinding(d){return e.test(d.toString())}})});function $(o,e){S.defineProperty(o,e)}const Ti=G.getById(ht.contextEvent,()=>{let o=null;return{get(){return o},set(e){o=e}}}),Wt=Object.freeze({default:{index:0,length:0,get event(){return Wt.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return Ti.get()},setEvent(o){Ti.set(o)}});class Bo{constructor(e,t,r=!1){this.evaluate=e,this.policy=t,this.isVolatile=r}}class Wn extends Bo{createObserver(e){return S.binding(this.evaluate,e,this.isVolatile)}}function Oi(o,e,t=S.isVolatileBinding(o)){return new Wn(o,e,t)}class Fi extends Bo{createObserver(){return this}bind(e){return this.evaluate(e.source,e.context)}}St(Fi);function Ai(o,e){return new Fi(o,e)}let Ei;function _i(o){return o.map(e=>e instanceof ce?_i(e.styles):[e]).reduce((e,t)=>e.concat(t),[])}class ce{constructor(e){this.styles=e,this.targets=new WeakSet,this._strategy=null,this.behaviors=e.map(t=>t instanceof ce?t.behaviors:null).reduce((t,r)=>r===null?t:t===null?r:t.concat(r),null)}get strategy(){return this._strategy===null&&this.withStrategy(Ei),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(_i(this.styles)),this}static setDefaultStrategy(e){Ei=e}static normalize(e){return e===void 0?void 0:Array.isArray(e)?new ce(e):e instanceof ce?e:new ce([e])}}ce.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const wr=yr(),Cr=Object.freeze({getForInstance:wr.getForInstance,getByType:wr.getByType,define(o){return wr.register({type:o}),o}});function Sr(o,e,t){e.source.style.setProperty(o.targetAspect,t.bind(e))}class Pr{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)=>Sr(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){Sr(this,e,e[this.targetAspect])}removedCallback(e){e.source.$cssBindings&&e.source.$cssBindings.delete(this)}handleChange(e,t){Sr(this,t.controller,t)}}Cr.define(Pr);const Gn=`${Math.random().toString(36).substring(2,8)}`;let Xn=0;const Li=()=>`--v${Gn}${++Xn}`;function Mi(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];Ze(h)?h=new Pr(Oi(h),Li()).createCSS(s):h instanceof Bo?h=new Pr(h,Li()).createCSS(s):Cr.getForInstance(h)!==void 0&&(h=h.createCSS(s)),h instanceof ce||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 f=(o,...e)=>{const{styles:t,behaviors:r}=Mi(o,e),i=new ce(t);return r.length?i.withBehaviors(...r):i};class Ri{constructor(e,t){this.behaviors=t,this.css="";const r=e.reduce((i,s)=>(Ve(s)?this.css+=s:i.push(s),i),[]);r.length&&(this.styles=new ce(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)}}Cr.define(Ri),f.partial=(o,...e)=>{const{styles:t,behaviors:r}=Mi(o,e);return new Ri(t,r)};const Br=`fast-${Math.random().toString(36).substring(2,8)}`,zo=`${Br}{`,Gt=`}${Br}`,Un=Gt.length;let Kn=0;const zr=()=>`${Br}-${++Kn}`,Di=Object.freeze({interpolation:o=>`${zo}${o}${Gt}`,attribute:o=>`${zr()}="${zo}${o}${Gt}"`,comment:o=>`<!--${zo}${o}${Gt}-->`}),Io=Object.freeze({parse(o,e){const t=o.split(zo);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(Gt);let h;if(c===-1)h=n;else{const d=n.substring(0,c);r.push(e[d]),h=n.substring(c+Un)}h!==""&&r.push(h)}return r}}),Ir=yr(),Ie=Object.freeze({getForInstance:Ir.getForInstance,getByType:Ir.getByType,define(o,e){return e=e||{},e.type=o,Ir.register(e),o},assignAspect(o,e){if(!e){o.aspectType=Y.content;return}switch(o.sourceAspect=e,e[0]){case":":o.targetAspect=e.substring(1),o.aspectType=o.targetAspect==="classList"?Y.tokenList:Y.property;break;case"?":o.targetAspect=e.substring(1),o.aspectType=Y.booleanAttribute;break;case"@":o.targetAspect=e.substring(1),o.aspectType=Y.event;break;default:o.targetAspect=e,o.aspectType=Y.attribute;break}}});class Tr{constructor(e){this.options=e}createHTML(e){return Di.attribute(e(this))}createBehavior(){return this}}St(Tr);function Yn(o,e,t,r){if(t==null&&(t=""),t.create){o.textContent="";let i=o.$fastView;i===void 0?i=t.create():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 Qn(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,u=d.length;l<u;++l){const p=d[l];p!==""&&(n[p]=c,h.add(p))}}if(s.v=c+1,c!==0){c-=1;for(const d in n)n[d]===c&&h.remove(d)}}const Zn={[Y.attribute]:Pt.setAttribute,[Y.booleanAttribute]:Pt.setBooleanAttribute,[Y.property]:(o,e,t)=>o[e]=t,[Y.content]:Yn,[Y.tokenList]:Qn,[Y.event]:()=>{}};class Bt{constructor(e){this.dataBinding=e,this.updateTarget=null,this.aspectType=Y.content}createHTML(e){return Di.interpolation(e(this))}createBehavior(){var e;if(this.updateTarget===null){const t=Zn[this.aspectType],r=(e=this.dataBinding.policy)!==null&&e!==void 0?e:this.policy;if(!t)throw G.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];switch(this.aspectType){case Y.event:r[this.data]=e,r.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case Y.content:e.onUnbind(this);default:const i=(t=r[this.data])!==null&&t!==void 0?t:r[this.data]=this.dataBinding.createObserver(this,this);i.target=r,i.controller=e,this.updateTarget(r,this.targetAspect,i.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){Wt.setEvent(e);const r=this.dataBinding.evaluate(t.source,t.context);Wt.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)}}Ie.define(Bt,{aspected:!0});function Ni(o,e){const t=o.parentNode;let r=o,i;for(;r!==e;)i=r.nextSibling,t.removeChild(r),r=i;t.removeChild(e)}class To{constructor(e,t,r){this.fragment=e,this.factories=t,this.targets=r,this.behaviors=null,this.unbindables=[],this.source=null,this.isBound=!1,this.sourceLifetime=kr.unknown,this.context=this,this.index=0,this.length=0,this.firstChild=e.firstChild,this.lastChild=e.lastChild}get event(){return Wt.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}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(){Ni(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){Ni(e[0].firstChild,e[e.length-1].lastChild);for(let t=0,r=e.length;t<r;++t)e[t].unbind()}}}St(To),S.defineProperty(To.prototype,"index"),S.defineProperty(To.prototype,"length");const Hi=(o,e)=>`${o}.${e}`,Vi={},Te={index:0,node:null};function ji(o){o.startsWith("fast-")||G.warn(1204,{name:o})}const Jn=new Proxy(document.createElement("div"),{get(o,e){ji(e);const t=Reflect.get(o,e);return Ze(t)?t.bind(o):t},set(o,e,t){return ji(e),Reflect.set(o,e,t)}});class ea{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:zr(),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=Vi[t];if(!s){const n=`_${t}`;Vi[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??Jn;for(const i of this.nodeIds)r[i];return new To(t,this.factories,r)}}function qi(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],u=l.value,p=Io.parse(u,c);let g=null;p===null?s&&(g=new Bt(Ai(()=>u,o.policy)),Ie.assignAspect(g,l.name)):g=Or.aggregate(p,o.policy),g!==null&&(t.removeAttributeNode(l),h--,d--,o.addFactory(g,e,r,i,t.tagName))}}function ta(o,e,t,r,i){const s=Io.parse(e.textContent,o.directives);if(s===null)return Te.node=e.nextSibling,Te.index=i+1,Te;let n,c=n=e;for(let h=0,d=s.length;h<d;++h){const l=s[h];h!==0&&(i++,r=Hi(t,i),n=c.parentNode.insertBefore(document.createTextNode(""),c.nextSibling)),Ve(l)?n.textContent=l:(n.textContent=" ",Ie.assignAspect(l),o.addFactory(l,t,r,i,null)),c=n}return Te.index=i+1,Te.node=c.nextSibling,Te}function Wi(o,e,t){let r=0,i=e.firstChild;for(;i;){const s=oa(o,t,i,r);i=s.node,r=s.index}}function oa(o,e,t,r){const i=Hi(e,r);switch(t.nodeType){case 1:qi(o,e,t,i,r),Wi(o,t,i);break;case 3:return ta(o,t,e,i,r);case 8:const s=Io.parse(t.data,o.directives);s!==null&&o.addFactory(Or.aggregate(s),e,i,r,null);break}return Te.index=r+1,Te.node=t.nextSibling,Te}function ra(o,e){return o&&o.nodeType==8&&Io.parse(o.data,e)!==null}const Gi="TEMPLATE",Or={compile(o,e,t=Pt.policy){let r;if(Ve(o)){r=document.createElement(Gi),r.innerHTML=t.createHTML(o);const n=r.content.firstElementChild;n!==null&&n.tagName===Gi&&(r=n)}else r=o;!r.content.firstChild&&!r.content.lastChild&&r.content.appendChild(document.createComment(""));const i=document.adoptNode(r.content),s=new ea(i,e,t);return qi(s,"",r,"h",0,!0),(ra(i.firstChild,e)||i.childNodes.length===1&&Object.keys(e).length>0)&&i.insertBefore(document.createComment(""),i.firstChild),Wi(s,i,"r"),Te.node=null,s.freeze()},setDefaultStrategy(o){this.compile=o},aggregate(o,e=Pt.policy){if(o.length===1)return o[0];let t,r,i=!1,s;const n=o.length,c=o.map(l=>Ve(l)?()=>l:(t=l.sourceAspect||t,r=l.dataBinding||r,i=i||l.dataBinding.isVolatile,s=s||l.dataBinding.policy,l.dataBinding.evaluate)),h=(l,u)=>{let p="";for(let g=0;g<n;++g)p+=c[g](l,u);return p};r.evaluate=h,r.isVolatile=i,r.policy=s??e;const d=new Bt(r);return Ie.assignAspect(d,t),d}},ia=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,sa=Object.create(null);class ut{constructor(e,t=sa){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(""),Ie.define(ut);function na(o,e,t,r=Ie.getForInstance(o)){if(r.aspected){const i=ia.exec(e);i!==null&&Ie.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}create(e){return this.result===null&&(this.result=Or.compile(this.html,this.factories,this.policy)),this.result.createView(e)}inline(){return new ut(Ve(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(e){if(this.result)throw G.error(1208);if(this.policy)throw G.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=zr();return s[d]=c,d};for(let c=0,h=e.length-1;c<h;++c){const d=e[c];let l=t[c],u;if(i+=d,Ze(l))l=new Bt(Oi(l));else if(l instanceof Bo)l=new Bt(l);else if(!(u=Ie.getForInstance(l))){const p=l;l=new Bt(Ai(()=>p))}i+=na(l,d,n,u)}return new gr(i+e[e.length-1],s,r)}}St(gr);const v=(o,...e)=>{if(Array.isArray(o)&&Array.isArray(o.raw))return gr.create(o,e);throw G.error(1206)};v.partial=o=>new ut(o);class Xi extends Tr{bind(e){e.source[this.options]=e.targets[this.targetNodeId]}}Ie.define(Xi);const me=o=>new Xi(o),aa=()=>null;function Ui(o){return o===void 0?aa:Ze(o)?o:()=>o}function Oo(o,e,t){const r=Ze(o)?o:()=>o,i=Ui(e),s=Ui(t);return(n,c)=>r(n,c)?i(n,c):s(n,c)}const la=o=>o.nodeType===1,Xt=o=>o?e=>e.nodeType===1&&e.matches(o):la;class ca extends Tr{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,Pi),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 Ki="slotchange";class Yi extends ca{observe(e){e.addEventListener(Ki,this)}disconnect(e){e.removeEventListener(Ki,this)}getNodes(e){return e.assignedNodes(this.options)}handleEvent(e){const t=e.currentTarget;this.updateTarget(this.getSource(t),this.computeNodes(t))}}Ie.define(Yi);function Q(o){return Ve(o)&&(o={property:o}),new Yi(o)}const Qi="boolean",Zi="reflect",Fo=Object.freeze({locate:Bi()}),Ji={toView(o){return o?"true":"false"},fromView(o){return!(o==null||o==="false"||o===!1||o===0)}};function es(o){if(o==null)return null;const e=o*1;return isNaN(e)?null:e}const de={toView(o){const e=es(o);return e&&e.toString()},fromView:es};class br{constructor(e,t,r=t.toLowerCase(),i=Zi,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===Qi&&s===void 0&&(this.converter=Ji)}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 S.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"||ke.enqueue(()=>{r.add(e);const i=e[this.fieldName];switch(t){case Zi:const s=this.converter;Pt.setAttribute(e,this.attribute,s!==void 0?s.toView(i):i);break;case Qi:Pt.setBooleanAttribute(e,this.attribute,i);break}r.delete(e)})}static collect(e,...t){const r=[];t.push(Fo.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];Ve(d)?r.push(new br(e,d)):r.push(new br(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),Fo.locate(i.constructor).push(t)}if(arguments.length>1){t={},r(o,e);return}return t=o===void 0?{}:o,r}const ts={mode:"open"},os={},rs=new Set,Ao=G.getById(ht.elementRegistry,()=>yr());class ze{constructor(e,t=e.definition){var r;this.platformDefined=!1,Ve(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=br.collect(e,t.attributes),n=new Array(s.length),c={},h={};for(let d=0,l=s.length;d<l;++d){const u=s[d];n[d]=u.attribute,c[u.name]=u,h[u.attribute]=u,S.defineProperty(i,u)}Reflect.defineProperty(e,"observedAttributes",{value:n,enumerable:!0}),this.attributes=s,this.propertyLookup=c,this.attributeLookup=h,this.shadowOptions=t.shadowOptions===void 0?ts:t.shadowOptions===null?void 0:Object.assign(Object.assign({},ts),t.shadowOptions),this.elementOptions=t.elementOptions===void 0?os:Object.assign(Object.assign({},os),t.elementOptions),this.styles=ce.normalize(t.styles),Ao.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 rs.has(e)||Ao.getByType(e)?new ze(class extends e{},t):new ze(e,t)}static registerBaseType(e){rs.add(e)}}ze.getByType=Ao.getByType,ze.getForInstance=Ao.getForInstance;const da={bubbles:!0,composed:!0,cancelable:!0},Fr="isConnected",is=new WeakMap;function Eo(o){var e,t;return(t=(e=o.shadowRoot)!==null&&e!==void 0?e:is.get(o))!==null&&t!==void 0?t:null}let ss;class _o extends Ii{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._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"&&is.set(e,s))}const i=S.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 S.track(this,Fr),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:Wt.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=Eo(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=Eo(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(){if(this.stage!==3)return;if(this.stage=0,this.boundObservables!==null){const t=this.source,r=this.boundObservables,i=Object.keys(r);for(let s=0,n=i.length;s<n;++s){const c=i[s];t[c]=r[c]}this.boundObservables=null}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.needsInitialization?(this.renderTemplate(this.template),this.addStyles(this.mainStyles),this.needsInitialization=!1):this.view!==null&&this.view.bind(this.source),this.stage=1,S.notify(this,Fr)}disconnect(){if(this.stage!==1)return;this.stage=2,S.notify(this,Fr),this.view!==null&&this.view.unbind();const e=this.behaviors;if(e!==null)for(const t of e.keys())t.disconnectedCallback&&t.disconnectedCallback(this);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},da),r))):!1}renderTemplate(e){var t;const r=this.source,i=(t=Eo(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=kr.coupled)}static forCustomElement(e){const t=e.$fastController;if(t!==void 0)return t;const r=ze.getForInstance(e);if(r===void 0)throw G.error(1401);return e.$fastController=new ss(e,r)}static setStrategy(e){ss=e}}St(_o),_o.setStrategy(_o);function Lo(o){var e;return"adoptedStyleSheets"in o?o:(e=Eo(o))!==null&&e!==void 0?e:o.getRootNode()}class mr{constructor(e){const t=mr.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){as(Lo(e),this.sheets)}removeStylesFrom(e){ls(Lo(e),this.sheets)}}mr.styleSheetCache=new Map;let ha=0;const ua=()=>`fast-${++ha}`;function ns(o){return o===document?document.body:o}class pa{constructor(e){this.styles=e,this.styleClass=ua()}addStylesTo(e){e=ns(Lo(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=ns(Lo(e));const t=e.querySelectorAll(`.${this.styleClass}`);for(let r=0,i=t.length;r<i;++r)e.removeChild(t[r])}}let as=(o,e)=>{o.adoptedStyleSheets=[...o.adoptedStyleSheets,...e]},ls=(o,e)=>{o.adoptedStyleSheets=o.adoptedStyleSheets.filter(t=>e.indexOf(t)===-1)};if(ce.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),as=(o,e)=>{o.adoptedStyleSheets.push(...e)},ls=(o,e)=>{for(const t of e){const r=o.adoptedStyleSheets.indexOf(t);r!==-1&&o.adoptedStyleSheets.splice(r,1)}}}catch{}ce.setDefaultStrategy(mr)}else ce.setDefaultStrategy(pa);function cs(o){const e=class extends o{constructor(){super(),_o.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 ze.registerBaseType(e),e}function fa(o,e){return Ze(o)?ze.compose(o,e):ze.compose(this,o)}function ga(o,e){return Ze(o)?ze.compose(o,e).define().type:ze.compose(this,o).define().type}function ba(o){return cs(o)}const w=Object.assign(cs(HTMLElement),{from:ba,define:ga,compose:fa}),se={horizontal:"horizontal",vertical:"vertical"};function ds(...o){return o.every(e=>e instanceof HTMLElement)}const zt="ArrowDown",It="ArrowLeft",Tt="ArrowRight",Ot="ArrowUp",Mo="End",pt="Enter",hs="Escape",Ro="Home",Ft=" ",ma="Tab",va={ArrowDown:zt,ArrowLeft:It,ArrowRight:Tt,ArrowUp:Ot};var ve;(function(o){o.ltr="ltr",o.rtl="rtl"})(ve||(ve={}));function $a(o,e,t){return t<o?e:t>e?o:t}function Ar(o,e,t){return Math.min(Math.max(t,o),e)}let ya=0;function Er(o=""){return`${o}${ya++}`}var xa=Object.defineProperty,ka=Object.getOwnPropertyDescriptor,H=(o,e,t,r)=>{for(var i=r>1?void 0:r?ka(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&&xa(e,t,i),i};class L{}H([a({attribute:"aria-atomic"})],L.prototype,"ariaAtomic",2),H([a({attribute:"aria-busy"})],L.prototype,"ariaBusy",2),H([a({attribute:"aria-controls"})],L.prototype,"ariaControls",2),H([a({attribute:"aria-current"})],L.prototype,"ariaCurrent",2),H([a({attribute:"aria-describedby"})],L.prototype,"ariaDescribedby",2),H([a({attribute:"aria-details"})],L.prototype,"ariaDetails",2),H([a({attribute:"aria-disabled"})],L.prototype,"ariaDisabled",2),H([a({attribute:"aria-errormessage"})],L.prototype,"ariaErrormessage",2),H([a({attribute:"aria-flowto"})],L.prototype,"ariaFlowto",2),H([a({attribute:"aria-haspopup"})],L.prototype,"ariaHaspopup",2),H([a({attribute:"aria-hidden"})],L.prototype,"ariaHidden",2),H([a({attribute:"aria-invalid"})],L.prototype,"ariaInvalid",2),H([a({attribute:"aria-keyshortcuts"})],L.prototype,"ariaKeyshortcuts",2),H([a({attribute:"aria-label"})],L.prototype,"ariaLabel",2),H([a({attribute:"aria-labelledby"})],L.prototype,"ariaLabelledby",2),H([a({attribute:"aria-live"})],L.prototype,"ariaLive",2),H([a({attribute:"aria-owns"})],L.prototype,"ariaOwns",2),H([a({attribute:"aria-relevant"})],L.prototype,"ariaRelevant",2),H([a({attribute:"aria-roledescription"})],L.prototype,"ariaRoledescription",2);const us=o=>o.closest("[dir]")?.dir==="rtl"?ve.rtl:ve.ltr;function Z(o){return o?typeof o=="string"?new ut(o):"inline"in o?o.inline():o:ut.empty}const ps=o=>o.nodeType!==Node.TEXT_NODE||!!o.nodeValue?.trim().length,wa=":host([hidden]){display:none}";function T(o){return`${wa}:host{display:${o}}`}class Ca{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 Co extends Ca{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new Co(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 Oe=Co.with(window.matchMedia("(forced-colors)"));Co.with(window.matchMedia("(prefers-color-scheme: dark)")),Co.with(window.matchMedia("(prefers-color-scheme: light)"));class je{}function qe(o){return v`<slot name="end" ${me("end")}>${Z(o.end)}</slot>`.inline()}function We(o){return v`<slot name="start" ${me("start")}>${Z(o.start)}</slot>`.inline()}function Fe(o,...e){const t=Fo.locate(o);e.forEach(r=>{Object.getOwnPropertyNames(r.prototype).forEach(s=>{s!=="constructor"&&Object.defineProperty(o.prototype,s,Object.getOwnPropertyDescriptor(r.prototype,s))}),Fo.locate(r).forEach(s=>t.push(s))})}var Sa=Object.defineProperty,Pa=Object.getOwnPropertyDescriptor,ft=(o,e,t,r)=>{for(var i=r>1?void 0:r?Pa(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&&Sa(e,t,i),i};class ne extends w{constructor(){super(...arguments),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=Er("accordion-"),this.block=!1,this.clickHandler=e=>{this.disabled||this.$emit("click",e)}}}ft([a({attribute:"heading-level",mode:"fromView",converter:de})],ne.prototype,"headinglevel",2),ft([a({mode:"boolean"})],ne.prototype,"expanded",2),ft([a({mode:"boolean"})],ne.prototype,"disabled",2),ft([a],ne.prototype,"id",2),ft([a],ne.prototype,"size",2),ft([a({mode:"boolean"})],ne.prototype,"block",2),ft([a({attribute:"expand-icon-position"})],ne.prototype,"expandIconPosition",2),Fe(ne,je);const M="var(--colorNeutralForeground1)",_r="var(--colorNeutralForeground1Hover)",fs="var(--colorNeutralForeground1Pressed)",he="var(--colorNeutralForeground2)",Ut="var(--colorNeutralForeground2Hover)",Kt="var(--colorNeutralForeground2Pressed)",Ba="var(--colorNeutralForeground2Selected)",At="var(--colorNeutralForeground2BrandHover)",Et="var(--colorNeutralForeground2BrandPressed)",za="var(--colorNeutralForeground2BrandSelected)",J="var(--colorNeutralForeground3)",Ia="var(--colorNeutralForeground3Hover)",Ta="var(--colorNeutralForeground3Pressed)",Oa="var(--colorNeutralForeground4)",k="var(--colorNeutralForegroundDisabled)",Lr="var(--colorCompoundBrandForeground1)",Mr="var(--colorCompoundBrandForeground1Hover)",Rr="var(--colorCompoundBrandForeground1Pressed)",$e="var(--colorNeutralForegroundOnBrand)",Do="var(--colorNeutralForegroundInverted)",Fa="var(--colorNeutralForegroundInvertedHover)",Aa="var(--colorNeutralForegroundInvertedPressed)",gs="var(--colorNeutralForegroundStaticInverted)",Dr="var(--colorBrandForeground1)",Ea="var(--colorBrandForeground2)",_a="var(--colorNeutralForeground1Static)",V="var(--colorNeutralBackground1)",No="var(--colorNeutralBackground1Hover)",Nr="var(--colorNeutralBackground1Pressed)",bs="var(--colorNeutralBackground1Selected)",ms="var(--colorNeutralBackground3)",La="var(--colorNeutralBackground4)",Ma="var(--colorNeutralBackground5)",vs="var(--colorNeutralBackground6)",Ra="var(--colorNeutralBackgroundInverted)",$s="var(--colorSubtleBackground)",Ho="var(--colorSubtleBackgroundHover)",Yt="var(--colorSubtleBackgroundPressed)",Da="var(--colorSubtleBackgroundSelected)",ee="var(--colorTransparentBackground)",_t="var(--colorTransparentBackgroundHover)",Qt="var(--colorTransparentBackgroundPressed)",Na="var(--colorTransparentBackgroundSelected)",Zt="var(--colorNeutralBackgroundDisabled)",Ha="var(--colorBackgroundOverlay)",Vo="var(--colorBrandBackground)",Hr="var(--colorBrandBackgroundHover)",Vr="var(--colorBrandBackgroundPressed)",Va="var(--colorBrandBackgroundSelected)",Lt="var(--colorCompoundBrandBackground)",Jt="var(--colorCompoundBrandBackgroundHover)",eo="var(--colorCompoundBrandBackgroundPressed)",ys="var(--colorBrandBackgroundStatic)",to="var(--colorBrandBackground2)",Ge="var(--colorNeutralStrokeAccessible)",oo="var(--colorNeutralStrokeAccessibleHover)",ro="var(--colorNeutralStrokeAccessiblePressed)",gt="var(--colorNeutralStroke1)",io="var(--colorNeutralStroke1Hover)",jo="var(--colorNeutralStroke1Pressed)",so="var(--colorNeutralStroke2)",ja="var(--colorNeutralStroke3)",qa="var(--colorNeutralStrokeOnBrand2)",xs="var(--colorBrandStroke1)",ks="var(--colorBrandStroke2)",jr="var(--colorCompoundBrandStroke)",qo="var(--colorCompoundBrandStrokeHover)",qr="var(--colorCompoundBrandStrokePressed)",Je="var(--colorNeutralStrokeDisabled)",we="var(--colorTransparentStroke)",ws="var(--colorTransparentStrokeInteractive)",no="var(--colorStrokeFocus1)",Ae="var(--colorStrokeFocus2)",Wa="var(--colorPaletteRedBackground1)",Wr="var(--colorPaletteRedBackground2)",Gr="var(--colorPaletteRedBackground3)",Ga="var(--colorPaletteRedBorder1)",Cs="var(--colorPaletteRedForeground1)",Xa="var(--colorPaletteRedForeground2)",Ss="var(--colorPaletteRedForeground3)",Ua="var(--colorPaletteGreenBackground1)",Ps="var(--colorPaletteGreenBackground2)",Xr="var(--colorPaletteGreenBackground3)",Ka="var(--colorPaletteGreenBorder2)",Ya="var(--colorPaletteGreenForeground1)",Qa="var(--colorPaletteGreenForeground2)",Za="var(--colorPaletteGreenForeground3)",Ja="var(--colorPaletteDarkOrangeBackground1)",Bs="var(--colorPaletteDarkOrangeBackground2)",Ur="var(--colorPaletteDarkOrangeBackground3)",el="var(--colorPaletteDarkOrangeBorder1)",tl="var(--colorPaletteDarkOrangeForeground1)",zs="var(--colorPaletteDarkOrangeForeground3)",ol="var(--colorPaletteYellowBackground1)",rl="var(--colorPaletteYellowBackground3)",il="var(--colorPaletteYellowBorder1)",Kr="var(--colorPaletteYellowForeground2)",sl="var(--colorPaletteMarigoldBackground2)",nl="var(--colorPaletteMarigoldForeground2)",al="var(--colorPaletteAnchorBackground2)",ll="var(--colorPaletteAnchorForeground2)",cl="var(--colorPaletteBeigeBackground2)",dl="var(--colorPaletteBeigeForeground2)",hl="var(--colorPaletteBlueBackground2)",ul="var(--colorPaletteBlueForeground2)",pl="var(--colorPaletteBrassBackground2)",fl="var(--colorPaletteBrassForeground2)",gl="var(--colorPaletteBrownBackground2)",bl="var(--colorPaletteBrownForeground2)",ml="var(--colorPaletteCornflowerBackground2)",vl="var(--colorPaletteCornflowerForeground2)",$l="var(--colorPaletteCranberryBackground2)",yl="var(--colorPaletteCranberryForeground2)",xl="var(--colorPaletteDarkGreenBackground2)",kl="var(--colorPaletteDarkGreenForeground2)",wl="var(--colorPaletteDarkRedBackground2)",Cl="var(--colorPaletteDarkRedForeground2)",Sl="var(--colorPaletteForestBackground2)",Pl="var(--colorPaletteForestForeground2)",Bl="var(--colorPaletteGoldBackground2)",zl="var(--colorPaletteGoldForeground2)",Il="var(--colorPaletteGrapeBackground2)",Tl="var(--colorPaletteGrapeForeground2)",Ol="var(--colorPaletteLavenderBackground2)",Fl="var(--colorPaletteLavenderForeground2)",Al="var(--colorPaletteLightTealBackground2)",El="var(--colorPaletteLightTealForeground2)",_l="var(--colorPaletteLilacBackground2)",Ll="var(--colorPaletteLilacForeground2)",Ml="var(--colorPaletteMagentaBackground2)",Rl="var(--colorPaletteMagentaForeground2)",Dl="var(--colorPaletteMinkBackground2)",Nl="var(--colorPaletteMinkForeground2)",Hl="var(--colorPaletteNavyBackground2)",Vl="var(--colorPaletteNavyForeground2)",jl="var(--colorPalettePeachBackground2)",ql="var(--colorPalettePeachForeground2)",Wl="var(--colorPalettePinkBackground2)",Gl="var(--colorPalettePinkForeground2)",Xl="var(--colorPalettePlatinumBackground2)",Ul="var(--colorPalettePlatinumForeground2)",Kl="var(--colorPalettePlumBackground2)",Yl="var(--colorPalettePlumForeground2)",Ql="var(--colorPalettePumpkinBackground2)",Zl="var(--colorPalettePumpkinForeground2)",Jl="var(--colorPalettePurpleBackground2)",ec="var(--colorPalettePurpleForeground2)",tc="var(--colorPaletteRoyalBlueBackground2)",oc="var(--colorPaletteRoyalBlueForeground2)",rc="var(--colorPaletteSeafoamBackground2)",ic="var(--colorPaletteSeafoamForeground2)",sc="var(--colorPaletteSteelBackground2)",nc="var(--colorPaletteSteelForeground2)",ac="var(--colorPaletteTealBackground2)",lc="var(--colorPaletteTealForeground2)",Yr="var(--borderRadiusNone)",ye="var(--borderRadiusSmall)",P="var(--borderRadiusMedium)",Qr="var(--borderRadiusLarge)",Is="var(--borderRadiusXLarge)",ae="var(--borderRadiusCircular)",y="var(--fontFamilyBase)",cc="var(--fontFamilyMonospace)",dc="var(--fontFamilyNumeric)",ao="var(--fontSizeBase100)",X="var(--fontSizeBase200)",O="var(--fontSizeBase300)",ue="var(--fontSizeBase400)",bt="var(--fontSizeBase500)",Wo="var(--fontSizeBase600)",Ts="var(--fontSizeHero700)",Os="var(--fontSizeHero800)",Fs="var(--fontSizeHero900)",As="var(--fontSizeHero1000)",A="var(--fontWeightRegular)",hc="var(--fontWeightMedium)",R="var(--fontWeightSemibold)",Go="var(--fontWeightBold)",Xo="var(--lineHeightBase100)",pe="var(--lineHeightBase200)",E="var(--lineHeightBase300)",Ce="var(--lineHeightBase400)",Uo="var(--lineHeightBase500)",Es="var(--lineHeightBase600)",_s="var(--lineHeightHero700)",Ls="var(--lineHeightHero800)",Ms="var(--lineHeightHero900)",Rs="var(--lineHeightHero1000)",Zr="var(--shadow2)",lo="var(--shadow4)",uc="var(--shadow8)",Ds="var(--shadow16)",pc="var(--shadow28)",fc="var(--shadow64)",te="var(--strokeWidthThin)",Mt="var(--strokeWidthThick)",et="var(--strokeWidthThicker)",Ns="var(--strokeWidthThickest)",mt="var(--spacingHorizontalXXS)",xe="var(--spacingHorizontalXS)",tt="var(--spacingHorizontalSNudge)",oe="var(--spacingHorizontalS)",Xe="var(--spacingHorizontalMNudge)",vt="var(--spacingHorizontalM)",Hs="var(--spacingHorizontalL)",gc="var(--spacingHorizontalXXL)",Vs="var(--spacingVerticalXXS)",js="var(--spacingVerticalXS)",co="var(--spacingVerticalSNudge)",D="var(--spacingVerticalS)",qs="var(--spacingVerticalMNudge)",Ws="var(--spacingVerticalL)",ho="var(--spacingVerticalXXL)",bc="var(--durationUltraFast)",Ko="var(--durationFaster)",Gs="var(--durationNormal)",mc="var(--durationGentle)",vc="var(--durationSlow)",Xs="var(--durationSlower)",Yo="var(--durationUltraSlow)",$c="var(--curveAccelerateMax)",Jr="var(--curveAccelerateMid)",yc="var(--curveAccelerateMin)",Us="var(--curveDecelerateMax)",ei="var(--curveDecelerateMid)",xc="var(--curveDecelerateMin)",kc="var(--curveEasyEaseMax)",Qo="var(--curveEasyEase)",Ks="var(--curveLinear)",wc=f`
|
|
1
|
+
const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements});let zo;const Ir="fast-kernel";try{if(document.currentScript)zo=document.currentScript.getAttribute(Ir);else{const o=document.getElementsByTagName("script");zo=o[o.length-1].getAttribute(Ir)}}catch{zo="isolate"}let $t;switch(zo){case"share":$t=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":$t=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)}`;$t=Object.freeze({updateQueue:`1.2${o}`,observable:`2.2${o}`,contextEvent:`3.2${o}`,elementRegistry:`4.2${o}`});break}const st=o=>typeof o=="function",Me=o=>typeof o=="string",zr=()=>{};var Ci=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};(function(){if(!(typeof globalThis<"u"))if(typeof Ci<"u")Ci.globalThis=Ci;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 Br={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},Br));const X=globalThis.FAST;if(X.getById===void 0){const o=Object.create(null);Reflect.defineProperty(X,"getById",Object.assign({value(e,t){let i=o[e];return i===void 0&&(i=t?o[e]=t():null),i}},Br))}X.error===void 0&&Object.assign(X,{warn(){},error(o){return new Error(`Error ${o}`)},addMessages(){}});const Tr=Object.freeze([]);function Si(){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 Fr(){const o=new WeakMap;return function(e){let t=o.get(e);if(t===void 0){let i=Reflect.getPrototypeOf(e);for(;t===void 0&&i!==null;)t=o.get(i),i=Reflect.getPrototypeOf(i);t=t===void 0?[]:t.slice(0),o.set(e,t)}return t}}function Et(o){o.prototype.toJSON=zr}const Q=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),Or=o=>o,Kn=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:Or}):{createHTML:Or};let Bo=Object.freeze({createHTML(o){return Kn.createHTML(o)},protect(o,e,t,i){return i}});const Yn=Bo,Mt=Object.freeze({get policy(){return Bo},setPolicy(o){if(Bo!==Yn)throw X.error(1201);Bo=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)}}),Se=X.getById($t.updateQueue,()=>{const o=[],e=[],t=globalThis.requestAnimationFrame;let i=!0;function r(){if(e.length)throw e.shift()}function s(h){try{h.call()}catch(d){if(i)e.push(d),setTimeout(r,0);else throw o.length=0,d}}function n(){let d=0;for(;d<o.length;)if(s(o[d]),d++,d>1024){for(let l=0,u=o.length-d;l<u;l++)o[l]=o[l+d];o.length-=d,d=0}o.length=0}function c(h){o.push(h),o.length<2&&(i?t(n):n())}return Object.freeze({enqueue:c,next:()=>new Promise(c),process:n,setMode:h=>i=h})});class Pi{constructor(e,t){this.sub1=void 0,this.sub2=void 0,this.spillover=void 0,this.subject=e,this.sub1=t}has(e){return this.spillover===void 0?this.sub1===e||this.sub2===e:this.spillover.indexOf(e)!==-1}subscribe(e){const t=this.spillover;if(t===void 0){if(this.has(e))return;if(this.sub1===void 0){this.sub1=e;return}if(this.sub2===void 0){this.sub2=e;return}this.spillover=[this.sub1,this.sub2,e],this.sub1=void 0,this.sub2=void 0}else t.indexOf(e)===-1&&t.push(e)}unsubscribe(e){const t=this.spillover;if(t===void 0)this.sub1===e?this.sub1=void 0:this.sub2===e&&(this.sub2=void 0);else{const i=t.indexOf(e);i!==-1&&t.splice(i,1)}}notify(e){const t=this.spillover,i=this.subject;if(t===void 0){const r=this.sub1,s=this.sub2;r!==void 0&&r.handleChange(i,e),s!==void 0&&s.handleChange(i,e)}else for(let r=0,s=t.length;r<s;++r)t[r].handleChange(i,e)}}class Ar{constructor(e){this.subscribers={},this.subjectSubscribers=null,this.subject=e}notify(e){var t,i;(t=this.subscribers[e])===null||t===void 0||t.notify(e),(i=this.subjectSubscribers)===null||i===void 0||i.notify(e)}subscribe(e,t){var i,r;let s;t?s=(i=this.subscribers[t])!==null&&i!==void 0?i:this.subscribers[t]=new Pi(this.subject):s=(r=this.subjectSubscribers)!==null&&r!==void 0?r:this.subjectSubscribers=new Pi(this.subject),s.subscribe(e)}unsubscribe(e,t){var i,r;t?(i=this.subscribers[t])===null||i===void 0||i.unsubscribe(e):(r=this.subjectSubscribers)===null||r===void 0||r.unsubscribe(e)}}const Ii=Object.freeze({unknown:void 0,coupled:1}),w=X.getById($t.observable,()=>{const o=Se.enqueue,e=/(:|&&|\|\||if|\?\.)/,t=new WeakMap;let i,r=d=>{throw X.error(1101)};function s(d){var l;let u=(l=d.$fastController)!==null&&l!==void 0?l:t.get(d);return u===void 0&&(Array.isArray(d)?u=r(d):t.set(d,u=new Ar(d))),u}const n=Fr();class c{constructor(l){this.name=l,this.field=`_${l}`,this.callback=`${l}Changed`}getValue(l){return i!==void 0&&i.watch(l,this.name),l[this.field]}setValue(l,u){const f=this.field,g=l[f];if(g!==u){l[f]=u;const m=l[this.callback];st(m)&&m.call(l,g,u),s(l).notify(this.name)}}}class h extends Pi{constructor(l,u,f=!1){super(l,u),this.expression=l,this.isVolatileBinding=f,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 u=this.observe(l.source,l.context);return!l.isBound&&this.requiresUnbind(l)&&l.onUnbind(this),u}requiresUnbind(l){return l.sourceLifetime!==Ii.coupled||this.first!==this.last||this.first.propertySource!==l.source}unbind(l){this.dispose()}observe(l,u){this.needsRefresh&&this.last!==null&&this.dispose();const f=i;i=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let g;try{g=this.expression(l,u)}finally{i=f}return g}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,u){const f=this.last,g=s(l),m=f===null?this.first:{};if(m.propertySource=l,m.propertyName=u,m.notifier=g,g.subscribe(this,u),f!==null){if(!this.needsRefresh){let x;i=void 0,x=f.propertySource[f.propertyName],i=this,l===x&&(this.needsRefresh=!0)}f.next=m}this.last=m}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 Et(h),Object.freeze({setArrayObserverFactory(d){r=d},getNotifier:s,track(d,l){i&&i.watch(d,l)},trackVolatile(){i&&(i.needsRefresh=!0)},notify(d,l){s(d).notify(l)},defineProperty(d,l){Me(l)&&(l=new c(l)),n(d).push(l),Reflect.defineProperty(d,l.name,{enumerable:!0,get(){return l.getValue(this)},set(u){l.setValue(this,u)}})},getAccessors:n,binding(d,l,u=this.isVolatileBinding(d)){return new h(d,l,u)},isVolatileBinding(d){return e.test(d.toString())}})});function $(o,e){w.defineProperty(o,e)}const Er=X.getById($t.contextEvent,()=>{let o=null;return{get(){return o},set(e){o=e}}}),Yt=Object.freeze({default:{index:0,length:0,get event(){return Yt.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return Er.get()},setEvent(o){Er.set(o)}});class To{constructor(e,t,i=!1){this.evaluate=e,this.policy=t,this.isVolatile=i}}class Qn extends To{createObserver(e){return w.binding(this.evaluate,e,this.isVolatile)}}function Mr(o,e,t=w.isVolatileBinding(o)){return new Qn(o,e,t)}class _r extends To{createObserver(){return this}bind(e){return this.evaluate(e.source,e.context)}}Et(_r);function Lr(o,e){return new _r(o,e)}let Rr;function Dr(o){return o.map(e=>e instanceof ue?Dr(e.styles):[e]).reduce((e,t)=>e.concat(t),[])}class ue{constructor(e){this.styles=e,this.targets=new WeakSet,this._strategy=null,this.behaviors=e.map(t=>t instanceof ue?t.behaviors:null).reduce((t,i)=>i===null?t:t===null?i:t.concat(i),null)}get strategy(){return this._strategy===null&&this.withStrategy(Rr),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(Dr(this.styles)),this}static setDefaultStrategy(e){Rr=e}static normalize(e){return e===void 0?void 0:Array.isArray(e)?new ue(e):e instanceof ue?e:new ue([e])}}ue.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const zi=Si(),Bi=Object.freeze({getForInstance:zi.getForInstance,getByType:zi.getByType,define(o){return zi.register({type:o}),o}});function Ti(o,e,t){e.source.style.setProperty(o.targetAspect,t.bind(e))}class Fi{constructor(e,t){this.dataBinding=e,this.targetAspect=t}createCSS(e){return e(this),`var(${this.targetAspect})`}addedCallback(e){var t;const i=e.source;if(!i.$cssBindings){i.$cssBindings=new Map;const s=i.setAttribute;i.setAttribute=(n,c)=>{s.call(i,n,c),n==="style"&&i.$cssBindings.forEach((h,d)=>Ti(d,h.controller,h.observer))}}const r=(t=e[this.targetAspect])!==null&&t!==void 0?t:e[this.targetAspect]=this.dataBinding.createObserver(this,this);r.controller=e,e.source.$cssBindings.set(this,{controller:e,observer:r})}connectedCallback(e){Ti(this,e,e[this.targetAspect])}removedCallback(e){e.source.$cssBindings&&e.source.$cssBindings.delete(this)}handleChange(e,t){Ti(this,t.controller,t)}}Bi.define(Fi);const Zn=`${Math.random().toString(36).substring(2,8)}`;let Jn=0;const Hr=()=>`--v${Zn}${++Jn}`;function Vr(o,e){const t=[];let i="";const r=[],s=n=>{r.push(n)};for(let n=0,c=o.length-1;n<c;++n){i+=o[n];let h=e[n];st(h)?h=new Fi(Mr(h),Hr()).createCSS(s):h instanceof To?h=new Fi(h,Hr()).createCSS(s):Bi.getForInstance(h)!==void 0&&(h=h.createCSS(s)),h instanceof ue||h instanceof CSSStyleSheet?(i.trim()!==""&&(t.push(i),i=""),t.push(h)):i+=h}return i+=o[o.length-1],i.trim()!==""&&t.push(i),{styles:t,behaviors:r}}const p=(o,...e)=>{const{styles:t,behaviors:i}=Vr(o,e),r=new ue(t);return i.length?r.withBehaviors(...i):r};class Nr{constructor(e,t){this.behaviors=t,this.css="";const i=e.reduce((r,s)=>(Me(s)?this.css+=s:r.push(s),r),[]);i.length&&(this.styles=new ue(i))}createCSS(e){return this.behaviors.forEach(e),this.styles&&e(this),this.css}addedCallback(e){e.addStyles(this.styles)}removedCallback(e){e.removeStyles(this.styles)}}Bi.define(Nr),p.partial=(o,...e)=>{const{styles:t,behaviors:i}=Vr(o,e);return new Nr(t,i)};const Oi=`fast-${Math.random().toString(36).substring(2,8)}`,Fo=`${Oi}{`,Qt=`}${Oi}`,ea=Qt.length;let ta=0;const Ai=()=>`${Oi}-${++ta}`,jr=Object.freeze({interpolation:o=>`${Fo}${o}${Qt}`,attribute:o=>`${Ai()}="${Fo}${o}${Qt}"`,comment:o=>`<!--${Fo}${o}${Qt}-->`}),Oo=Object.freeze({parse(o,e){const t=o.split(Fo);if(t.length===1)return null;const i=[];for(let r=0,s=t.length;r<s;++r){const n=t[r],c=n.indexOf(Qt);let h;if(c===-1)h=n;else{const d=n.substring(0,c);i.push(e[d]),h=n.substring(c+ea)}h!==""&&i.push(h)}return i}}),Ei=Si(),Pe=Object.freeze({getForInstance:Ei.getForInstance,getByType:Ei.getByType,define(o,e){return e=e||{},e.type=o,Ei.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 Mi{constructor(e){this.options=e}createHTML(e){return jr.attribute(e(this))}createBehavior(){return this}}Et(Mi);function oa(o,e,t,i){if(t==null&&(t=""),t.create){o.textContent="";let r=o.$fastView;r===void 0?r=t.create():o.$fastTemplate!==t&&(r.isComposed&&(r.remove(),r.unbind()),r=t.create()),r.isComposed?r.needsBindOnly&&(r.needsBindOnly=!1,r.bind(i.source,i.context)):(r.isComposed=!0,r.bind(i.source,i.context),r.insertBefore(o),o.$fastView=r,o.$fastTemplate=t)}else{const r=o.$fastView;r!==void 0&&r.isComposed&&(r.isComposed=!1,r.remove(),r.needsBindOnly?r.needsBindOnly=!1:r.unbind()),o.textContent=t}}function ia(o,e,t){var i;const r=`${this.id}-t`,s=(i=o[r])!==null&&i!==void 0?i:o[r]={v:0,cv:Object.create(null)},n=s.cv;let c=s.v;const h=o[e];if(t!=null&&t.length){const d=t.split(/\s+/);for(let l=0,u=d.length;l<u;++l){const f=d[l];f!==""&&(n[f]=c,h.add(f))}}if(s.v=c+1,c!==0){c-=1;for(const d in n)n[d]===c&&h.remove(d)}}const ra={[Q.attribute]:Mt.setAttribute,[Q.booleanAttribute]:Mt.setBooleanAttribute,[Q.property]:(o,e,t)=>o[e]=t,[Q.content]:oa,[Q.tokenList]:ia,[Q.event]:()=>{}};class _t{constructor(e){this.dataBinding=e,this.updateTarget=null,this.aspectType=Q.content}createHTML(e){return jr.interpolation(e(this))}createBehavior(){var e;if(this.updateTarget===null){const t=ra[this.aspectType],i=(e=this.dataBinding.policy)!==null&&e!==void 0?e:this.policy;if(!t)throw X.error(1205);this.data=`${this.id}-d`,this.updateTarget=i.protect(this.targetTagName,this.aspectType,this.targetAspect,t)}return this}bind(e){var t;const i=e.targets[this.targetNodeId];switch(this.aspectType){case Q.event:i[this.data]=e,i.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case Q.content:e.onUnbind(this);default:const r=(t=i[this.data])!==null&&t!==void 0?t:i[this.data]=this.dataBinding.createObserver(this,this);r.target=i,r.controller=e,this.updateTarget(i,this.targetAspect,r.bind(e),e);break}}unbind(e){const i=e.targets[this.targetNodeId].$fastView;i!==void 0&&i.isComposed&&(i.unbind(),i.needsBindOnly=!0)}handleEvent(e){const t=e.currentTarget[this.data];if(t.isBound){Yt.setEvent(e);const i=this.dataBinding.evaluate(t.source,t.context);Yt.setEvent(null),i!==!0&&e.preventDefault()}}handleChange(e,t){const i=t.target,r=t.controller;this.updateTarget(i,this.targetAspect,t.bind(r),r)}}Pe.define(_t,{aspected:!0});function qr(o,e){const t=o.parentNode;let i=o,r;for(;i!==e;)r=i.nextSibling,t.removeChild(i),i=r;t.removeChild(e)}class Ao{constructor(e,t,i){this.fragment=e,this.factories=t,this.targets=i,this.behaviors=null,this.unbindables=[],this.source=null,this.isBound=!1,this.sourceLifetime=Ii.unknown,this.context=this,this.index=0,this.length=0,this.firstChild=e.firstChild,this.lastChild=e.lastChild}get event(){return Yt.getEvent()}get isEven(){return this.index%2===0}get isOdd(){return this.index%2!==0}get isFirst(){return this.index===0}get isInMiddle(){return!this.isFirst&&!this.isLast}get isLast(){return this.index===this.length-1}eventDetail(){return this.event.detail}eventTarget(){return this.event.target}appendTo(e){e.appendChild(this.fragment)}insertBefore(e){if(this.fragment.hasChildNodes())e.parentNode.insertBefore(this.fragment,e);else{const t=this.lastChild;if(e.previousSibling===t)return;const i=e.parentNode;let r=this.firstChild,s;for(;r!==t;)s=r.nextSibling,i.insertBefore(r,e),r=s;i.insertBefore(t,e)}}remove(){const e=this.fragment,t=this.lastChild;let i=this.firstChild,r;for(;i!==t;)r=i.nextSibling,e.appendChild(i),i=r;e.appendChild(t)}dispose(){qr(this.firstChild,this.lastChild),this.unbind()}onUnbind(e){this.unbindables.push(e)}bind(e,t=this){if(this.source===e)return;let i=this.behaviors;if(i===null){this.source=e,this.context=t,this.behaviors=i=new Array(this.factories.length);const r=this.factories;for(let s=0,n=r.length;s<n;++s){const c=r[s].createBehavior();c.bind(this),i[s]=c}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;for(let r=0,s=i.length;r<s;++r)i[r].bind(this)}this.isBound=!0}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}evaluateUnbindables(){const e=this.unbindables;for(let t=0,i=e.length;t<i;++t)e[t].unbind(this);e.length=0}static disposeContiguousBatch(e){if(e.length!==0){qr(e[0].firstChild,e[e.length-1].lastChild);for(let t=0,i=e.length;t<i;++t)e[t].unbind()}}}Et(Ao),w.defineProperty(Ao.prototype,"index"),w.defineProperty(Ao.prototype,"length");const Gr=(o,e)=>`${o}.${e}`,Wr={},_e={index:0,node:null};function Xr(o){o.startsWith("fast-")||X.warn(1204,{name:o})}const sa=new Proxy(document.createElement("div"),{get(o,e){Xr(e);const t=Reflect.get(o,e);return st(t)?t.bind(o):t},set(o,e,t){return Xr(e),Reflect.set(o,e,t)}});class na{constructor(e,t,i){this.fragment=e,this.directives=t,this.policy=i,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(e,t,i,r,s){var n,c;this.nodeIds.has(i)||(this.nodeIds.add(i),this.addTargetDescriptor(t,i,r)),e.id=(n=e.id)!==null&&n!==void 0?n:Ai(),e.targetNodeId=i,e.targetTagName=s,e.policy=(c=e.policy)!==null&&c!==void 0?c:this.policy,this.factories.push(e)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(e,t,i){const r=this.descriptors;if(t==="r"||t==="h"||r[t])return;if(!r[e]){const n=e.lastIndexOf("."),c=e.substring(0,n),h=parseInt(e.substring(n+1));this.addTargetDescriptor(c,e,h)}let s=Wr[t];if(!s){const n=`_${t}`;Wr[t]=s={get(){var c;return(c=this[n])!==null&&c!==void 0?c:this[n]=this[e].childNodes[i]}}}r[t]=s}createView(e){const t=this.fragment.cloneNode(!0),i=Object.create(this.proto);i.r=t,i.h=e??sa;for(const r of this.nodeIds)i[r];return new Ao(t,this.factories,i)}}function Ur(o,e,t,i,r,s=!1){const n=t.attributes,c=o.directives;for(let h=0,d=n.length;h<d;++h){const l=n[h],u=l.value,f=Oo.parse(u,c);let g=null;f===null?s&&(g=new _t(Lr(()=>u,o.policy)),Pe.assignAspect(g,l.name)):g=_i.aggregate(f,o.policy),g!==null&&(t.removeAttributeNode(l),h--,d--,o.addFactory(g,e,i,r,t.tagName))}}function aa(o,e,t,i,r){const s=Oo.parse(e.textContent,o.directives);if(s===null)return _e.node=e.nextSibling,_e.index=r+1,_e;let n,c=n=e;for(let h=0,d=s.length;h<d;++h){const l=s[h];h!==0&&(r++,i=Gr(t,r),n=c.parentNode.insertBefore(document.createTextNode(""),c.nextSibling)),Me(l)?n.textContent=l:(n.textContent=" ",Pe.assignAspect(l),o.addFactory(l,t,i,r,null)),c=n}return _e.index=r+1,_e.node=c.nextSibling,_e}function Kr(o,e,t){let i=0,r=e.firstChild;for(;r;){const s=la(o,t,r,i);r=s.node,i=s.index}}function la(o,e,t,i){const r=Gr(e,i);switch(t.nodeType){case 1:Ur(o,e,t,r,i),Kr(o,t,r);break;case 3:return aa(o,t,e,r,i);case 8:const s=Oo.parse(t.data,o.directives);s!==null&&o.addFactory(_i.aggregate(s),e,r,i,null);break}return _e.index=i+1,_e.node=t.nextSibling,_e}function ca(o,e){return o&&o.nodeType==8&&Oo.parse(o.data,e)!==null}const Yr="TEMPLATE",_i={compile(o,e,t=Mt.policy){let i;if(Me(o)){i=document.createElement(Yr),i.innerHTML=t.createHTML(o);const n=i.content.firstElementChild;n!==null&&n.tagName===Yr&&(i=n)}else i=o;!i.content.firstChild&&!i.content.lastChild&&i.content.appendChild(document.createComment(""));const r=document.adoptNode(i.content),s=new na(r,e,t);return Ur(s,"",i,"h",0,!0),(ca(r.firstChild,e)||r.childNodes.length===1&&Object.keys(e).length>0)&&r.insertBefore(document.createComment(""),r.firstChild),Kr(s,r,"r"),_e.node=null,s.freeze()},setDefaultStrategy(o){this.compile=o},aggregate(o,e=Mt.policy){if(o.length===1)return o[0];let t,i,r=!1,s;const n=o.length,c=o.map(l=>Me(l)?()=>l:(t=l.sourceAspect||t,i=l.dataBinding||i,r=r||l.dataBinding.isVolatile,s=s||l.dataBinding.policy,l.dataBinding.evaluate)),h=(l,u)=>{let f="";for(let g=0;g<n;++g)f+=c[g](l,u);return f};i.evaluate=h,i.isVolatile=r,i.policy=s??e;const d=new _t(i);return Pe.assignAspect(d,t),d}},da=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,ha=Object.create(null);class yt{constructor(e,t=ha){this.html=e,this.factories=t}createHTML(e){const t=this.factories;for(const i in t)e(t[i]);return this.html}}yt.empty=new yt(""),Pe.define(yt);function ua(o,e,t,i=Pe.getForInstance(o)){if(i.aspected){const r=da.exec(e);r!==null&&Pe.assignAspect(o,r[2])}return o.createHTML(t)}class yi{constructor(e,t={},i){this.policy=i,this.result=null,this.html=e,this.factories=t}create(e){return this.result===null&&(this.result=_i.compile(this.html,this.factories,this.policy)),this.result.createView(e)}inline(){return new yt(Me(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(e){if(this.result)throw X.error(1208);if(this.policy)throw X.error(1207);return this.policy=e,this}render(e,t,i){const r=this.create(i);return r.bind(e),r.appendTo(t),r}static create(e,t,i){let r="";const s=Object.create(null),n=c=>{var h;const d=(h=c.id)!==null&&h!==void 0?h:c.id=Ai();return s[d]=c,d};for(let c=0,h=e.length-1;c<h;++c){const d=e[c];let l=t[c],u;if(r+=d,st(l))l=new _t(Mr(l));else if(l instanceof To)l=new _t(l);else if(!(u=Pe.getForInstance(l))){const f=l;l=new _t(Lr(()=>f))}r+=ua(l,d,n,u)}return new yi(r+e[e.length-1],s,i)}}Et(yi);const v=(o,...e)=>{if(Array.isArray(o)&&Array.isArray(o.raw))return yi.create(o,e);throw X.error(1206)};v.partial=o=>new yt(o);class Qr extends Mi{bind(e){e.source[this.options]=e.targets[this.targetNodeId]}}Pe.define(Qr);const me=o=>new Qr(o),pa=()=>null;function Zr(o){return o===void 0?pa:st(o)?o:()=>o}function Eo(o,e,t){const i=st(o)?o:()=>o,r=Zr(e),s=Zr(t);return(n,c)=>i(n,c)?r(n,c):s(n,c)}const fa=o=>o.nodeType===1,xt=o=>o?e=>e.nodeType===1&&e.matches(o):fa;class Jr extends Mi{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,Tr),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 es="slotchange";class ts extends Jr{observe(e){e.addEventListener(es,this)}disconnect(e){e.removeEventListener(es,this)}getNodes(e){return e.assignedNodes(this.options)}handleEvent(e){const t=e.currentTarget;this.updateTarget(this.getSource(t),this.computeNodes(t))}}Pe.define(ts);function ie(o){return Me(o)&&(o={property:o}),new ts(o)}class os extends Jr{constructor(e){super(e),this.observerProperty=Symbol(),this.handleEvent=(t,i)=>{const r=i.target;this.updateTarget(this.getSource(r),this.computeNodes(r))},e.childList=!0}observe(e){let t=e[this.observerProperty];t||(t=new MutationObserver(this.handleEvent),t.toJSON=zr,e[this.observerProperty]=t),t.target=e,t.observe(e,this.options)}disconnect(e){const t=e[this.observerProperty];t.target=null,t.disconnect()}getNodes(e){return"selector"in this.options?Array.from(e.querySelectorAll(this.options.selector)):Array.from(e.childNodes)}}Pe.define(os);function ga(o){return Me(o)&&(o={property:o}),new os(o)}const is="boolean",rs="reflect",Mo=Object.freeze({locate:Fr()}),ss={toView(o){return o?"true":"false"},fromView(o){return!(o==null||o==="false"||o===!1||o===0)}};function ns(o){if(o==null)return null;const e=o*1;return isNaN(e)?null:e}const pe={toView(o){const e=ns(o);return e&&e.toString()},fromView:ns};class xi{constructor(e,t,i=t.toLowerCase(),r=rs,s){this.guards=new Set,this.Owner=e,this.name=t,this.attribute=i,this.mode=r,this.converter=s,this.fieldName=`_${t}`,this.callbackName=`${t}Changed`,this.hasCallback=this.callbackName in e.prototype,r===is&&s===void 0&&(this.converter=ss)}setValue(e,t){const i=e[this.fieldName],r=this.converter;r!==void 0&&(t=r.fromView(t)),i!==t&&(e[this.fieldName]=t,this.tryReflectToAttribute(e),this.hasCallback&&e[this.callbackName](i,t),e.$fastController.notify(this.name))}getValue(e){return w.track(e,this.name),e[this.fieldName]}onAttributeChangedCallback(e,t){this.guards.has(e)||(this.guards.add(e),this.setValue(e,t),this.guards.delete(e))}tryReflectToAttribute(e){const t=this.mode,i=this.guards;i.has(e)||t==="fromView"||Se.enqueue(()=>{i.add(e);const r=e[this.fieldName];switch(t){case rs:const s=this.converter;Mt.setAttribute(e,this.attribute,s!==void 0?s.toView(r):r);break;case is:Mt.setBooleanAttribute(e,this.attribute,r);break}i.delete(e)})}static collect(e,...t){const i=[];t.push(Mo.locate(e));for(let r=0,s=t.length;r<s;++r){const n=t[r];if(n!==void 0)for(let c=0,h=n.length;c<h;++c){const d=n[c];Me(d)?i.push(new xi(e,d)):i.push(new xi(e,d.property,d.attribute,d.mode,d.converter))}}return i}}function a(o,e){let t;function i(r,s){arguments.length>1&&(t.property=s),Mo.locate(r.constructor).push(t)}if(arguments.length>1){t={},i(o,e);return}return t=o===void 0?{}:o,i}const as={mode:"open"},ls={},cs=new Set,_o=X.getById($t.elementRegistry,()=>Si());class Ee{constructor(e,t=e.definition){var i;this.platformDefined=!1,Me(t)&&(t={name:t}),this.type=e,this.name=t.name,this.template=t.template,this.registry=(i=t.registry)!==null&&i!==void 0?i:customElements;const r=e.prototype,s=xi.collect(e,t.attributes),n=new Array(s.length),c={},h={};for(let d=0,l=s.length;d<l;++d){const u=s[d];n[d]=u.attribute,c[u.name]=u,h[u.attribute]=u,w.defineProperty(r,u)}Reflect.defineProperty(e,"observedAttributes",{value:n,enumerable:!0}),this.attributes=s,this.propertyLookup=c,this.attributeLookup=h,this.shadowOptions=t.shadowOptions===void 0?as:t.shadowOptions===null?void 0:Object.assign(Object.assign({},as),t.shadowOptions),this.elementOptions=t.elementOptions===void 0?ls:Object.assign(Object.assign({},ls),t.elementOptions),this.styles=ue.normalize(t.styles),_o.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 cs.has(e)||_o.getByType(e)?new Ee(class extends e{},t):new Ee(e,t)}static registerBaseType(e){cs.add(e)}}Ee.getByType=_o.getByType,Ee.getForInstance=_o.getForInstance;const ba={bubbles:!0,composed:!0,cancelable:!0},Li="isConnected",ds=new WeakMap;function Lo(o){var e,t;return(t=(e=o.shadowRoot)!==null&&e!==void 0?e:ds.get(o))!==null&&t!==void 0?t:null}let hs;class Ro extends Ar{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._mainStyles=null,this.$fastController=this,this.view=null,this.source=e,this.definition=t;const i=t.shadowOptions;if(i!==void 0){let s=e.shadowRoot;s?this.hasExistingShadowRoot=!0:(s=e.attachShadow(i),i.mode==="closed"&&ds.set(e,s))}const r=w.getAccessors(e);if(r.length>0){const s=this.boundObservables=Object.create(null);for(let n=0,c=r.length;n<c;++n){const h=r[n].name,d=e[h];d!==void 0&&(delete e[h],s[h]=d)}}}get isConnected(){return w.track(this,Li),this.stage===1}get context(){var e,t;return(t=(e=this.view)===null||e===void 0?void 0:e.context)!==null&&t!==void 0?t:Yt.default}get isBound(){var e,t;return(t=(e=this.view)===null||e===void 0?void 0:e.isBound)!==null&&t!==void 0?t:!1}get sourceLifetime(){var e;return(e=this.view)===null||e===void 0?void 0:e.sourceLifetime}get template(){var e;if(this._template===null){const t=this.definition;this.source.resolveTemplate?this._template=this.source.resolveTemplate():t.template&&(this._template=(e=t.template)!==null&&e!==void 0?e:null)}return this._template}set template(e){this._template!==e&&(this._template=e,this.needsInitialization||this.renderTemplate(e))}get mainStyles(){var e;if(this._mainStyles===null){const t=this.definition;this.source.resolveStyles?this._mainStyles=this.source.resolveStyles():t.styles&&(this._mainStyles=(e=t.styles)!==null&&e!==void 0?e:null)}return this._mainStyles}set mainStyles(e){this._mainStyles!==e&&(this._mainStyles!==null&&this.removeStyles(this._mainStyles),this._mainStyles=e,this.needsInitialization||this.addStyles(e))}onUnbind(e){var t;(t=this.view)===null||t===void 0||t.onUnbind(e)}addBehavior(e){var t,i;const r=(t=this.behaviors)!==null&&t!==void 0?t:this.behaviors=new Map,s=(i=r.get(e))!==null&&i!==void 0?i:0;s===0?(r.set(e,1),e.addedCallback&&e.addedCallback(this),e.connectedCallback&&!this.guardBehaviorConnection&&(this.stage===1||this.stage===0)&&e.connectedCallback(this)):r.set(e,s+1)}removeBehavior(e,t=!1){const i=this.behaviors;if(i===null)return;const r=i.get(e);r!==void 0&&(r===1||t?(i.delete(e),e.disconnectedCallback&&this.stage!==3&&e.disconnectedCallback(this),e.removedCallback&&e.removedCallback(this)):i.set(e,r-1))}addStyles(e){var t;if(!e)return;const i=this.source;if(e instanceof HTMLElement)((t=Lo(i))!==null&&t!==void 0?t:this.source).append(e);else if(!e.isAttachedTo(i)){const r=e.behaviors;if(e.addStylesTo(i),r!==null)for(let s=0,n=r.length;s<n;++s)this.addBehavior(r[s])}}removeStyles(e){var t;if(!e)return;const i=this.source;if(e instanceof HTMLElement)((t=Lo(i))!==null&&t!==void 0?t:i).removeChild(e);else if(e.isAttachedTo(i)){const r=e.behaviors;if(e.removeStylesFrom(i),r!==null)for(let s=0,n=r.length;s<n;++s)this.removeBehavior(r[s])}}connect(){if(this.stage!==3)return;if(this.stage=0,this.boundObservables!==null){const t=this.source,i=this.boundObservables,r=Object.keys(i);for(let s=0,n=r.length;s<n;++s){const c=r[s];t[c]=i[c]}this.boundObservables=null}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.needsInitialization?(this.renderTemplate(this.template),this.addStyles(this.mainStyles),this.needsInitialization=!1):this.view!==null&&this.view.bind(this.source),this.stage=1,w.notify(this,Li)}disconnect(){if(this.stage!==1)return;this.stage=2,w.notify(this,Li),this.view!==null&&this.view.unbind();const e=this.behaviors;if(e!==null)for(const t of e.keys())t.disconnectedCallback&&t.disconnectedCallback(this);this.stage=3}onAttributeChangedCallback(e,t,i){const r=this.definition.attributeLookup[e];r!==void 0&&r.onAttributeChangedCallback(this.source,i)}emit(e,t,i){return this.stage===1?this.source.dispatchEvent(new CustomEvent(e,Object.assign(Object.assign({detail:t},ba),i))):!1}renderTemplate(e){var t;const i=this.source,r=(t=Lo(i))!==null&&t!==void 0?t:i;if(this.view!==null)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let s=r.firstChild;s!==null;s=r.firstChild)r.removeChild(s)}e&&(this.view=e.render(i,r,i),this.view.sourceLifetime=Ii.coupled)}static forCustomElement(e){const t=e.$fastController;if(t!==void 0)return t;const i=Ee.getForInstance(e);if(i===void 0)throw X.error(1401);return e.$fastController=new hs(e,i)}static setStrategy(e){hs=e}}Et(Ro),Ro.setStrategy(Ro);function Do(o){var e;return"adoptedStyleSheets"in o?o:(e=Lo(o))!==null&&e!==void 0?e:o.getRootNode()}class ki{constructor(e){const t=ki.styleSheetCache;this.sheets=e.map(i=>{if(i instanceof CSSStyleSheet)return i;let r=t.get(i);return r===void 0&&(r=new CSSStyleSheet,r.replaceSync(i),t.set(i,r)),r})}addStylesTo(e){ps(Do(e),this.sheets)}removeStylesFrom(e){fs(Do(e),this.sheets)}}ki.styleSheetCache=new Map;let ma=0;const va=()=>`fast-${++ma}`;function us(o){return o===document?document.body:o}class $a{constructor(e){this.styles=e,this.styleClass=va()}addStylesTo(e){e=us(Do(e));const t=this.styles,i=this.styleClass;for(let r=0;r<t.length;r++){const s=document.createElement("style");s.innerHTML=t[r],s.className=i,e.append(s)}}removeStylesFrom(e){e=us(Do(e));const t=e.querySelectorAll(`.${this.styleClass}`);for(let i=0,r=t.length;i<r;++i)e.removeChild(t[i])}}let ps=(o,e)=>{o.adoptedStyleSheets=[...o.adoptedStyleSheets,...e]},fs=(o,e)=>{o.adoptedStyleSheets=o.adoptedStyleSheets.filter(t=>e.indexOf(t)===-1)};if(ue.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),ps=(o,e)=>{o.adoptedStyleSheets.push(...e)},fs=(o,e)=>{for(const t of e){const i=o.adoptedStyleSheets.indexOf(t);i!==-1&&o.adoptedStyleSheets.splice(i,1)}}}catch{}ue.setDefaultStrategy(ki)}else ue.setDefaultStrategy($a);function gs(o){const e=class extends o{constructor(){super(),Ro.forCustomElement(this)}$emit(t,i,r){return this.$fastController.emit(t,i,r)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(t,i,r){this.$fastController.onAttributeChangedCallback(t,i,r)}};return Ee.registerBaseType(e),e}function ya(o,e){return st(o)?Ee.compose(o,e):Ee.compose(this,o)}function xa(o,e){return st(o)?Ee.compose(o,e).define().type:Ee.compose(this,o).define().type}function ka(o){return gs(o)}const S=Object.assign(gs(HTMLElement),{from:ka,define:xa,compose:ya}),re={horizontal:"horizontal",vertical:"vertical"};function bs(...o){return o.every(e=>e instanceof HTMLElement)}const Lt="ArrowDown",Rt="ArrowLeft",Dt="ArrowRight",Ht="ArrowUp",Ho="End",Zt="Enter",ms="Escape",Vo="Home",No=" ",wa="Tab",Ca={ArrowDown:Lt,ArrowLeft:Rt,ArrowRight:Dt,ArrowUp:Ht};var ve;(function(o){o.ltr="ltr",o.rtl="rtl"})(ve||(ve={}));function Sa(o,e,t){return t<o?e:t>e?o:t}function Ri(o,e,t){return Math.min(Math.max(t,o),e)}let Pa=0;function Di(o=""){return`${o}${Pa++}`}var Ia=Object.defineProperty,za=Object.getOwnPropertyDescriptor,N=(o,e,t,i)=>{for(var r=i>1?void 0:i?za(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Ia(e,t,r),r};class D{}N([a({attribute:"aria-atomic"})],D.prototype,"ariaAtomic",2),N([a({attribute:"aria-busy"})],D.prototype,"ariaBusy",2),N([a({attribute:"aria-controls"})],D.prototype,"ariaControls",2),N([a({attribute:"aria-current"})],D.prototype,"ariaCurrent",2),N([a({attribute:"aria-describedby"})],D.prototype,"ariaDescribedby",2),N([a({attribute:"aria-details"})],D.prototype,"ariaDetails",2),N([a({attribute:"aria-disabled"})],D.prototype,"ariaDisabled",2),N([a({attribute:"aria-errormessage"})],D.prototype,"ariaErrormessage",2),N([a({attribute:"aria-flowto"})],D.prototype,"ariaFlowto",2),N([a({attribute:"aria-haspopup"})],D.prototype,"ariaHaspopup",2),N([a({attribute:"aria-hidden"})],D.prototype,"ariaHidden",2),N([a({attribute:"aria-invalid"})],D.prototype,"ariaInvalid",2),N([a({attribute:"aria-keyshortcuts"})],D.prototype,"ariaKeyshortcuts",2),N([a({attribute:"aria-label"})],D.prototype,"ariaLabel",2),N([a({attribute:"aria-labelledby"})],D.prototype,"ariaLabelledby",2),N([a({attribute:"aria-live"})],D.prototype,"ariaLive",2),N([a({attribute:"aria-owns"})],D.prototype,"ariaOwns",2),N([a({attribute:"aria-relevant"})],D.prototype,"ariaRelevant",2),N([a({attribute:"aria-roledescription"})],D.prototype,"ariaRoledescription",2);const vs=o=>o.closest("[dir]")?.dir==="rtl"?ve.rtl:ve.ltr;function Z(o){return o?typeof o=="string"?new yt(o):"inline"in o?o.inline():o:yt.empty}const $s=o=>o.nodeType!==Node.TEXT_NODE||!!o.nodeValue?.trim().length,Ba=":host([hidden]){display:none}";function T(o){return`${Ba}:host{display:${o}}`}class Ta{constructor(e){this.listenerCache=new WeakMap,this.query=e}connectedCallback(e){const{query:t}=this;let i=this.listenerCache.get(e);i||(i=this.constructListener(e),this.listenerCache.set(e,i)),i.bind(t)(),t.addEventListener("change",i)}disconnectedCallback(e){const t=this.listenerCache.get(e);t&&this.query.removeEventListener("change",t)}}class Io extends Ta{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new Io(e,t)}constructListener(e){let t=!1;const i=this.styles;return function(){const{matches:s}=this;s&&!t?(e.addStyles(i),t=s):!s&&t&&(e.removeStyles(i),t=s)}}removedCallback(e){e.removeStyles(this.styles)}}const $e=Io.with(window.matchMedia("(forced-colors)"));Io.with(window.matchMedia("(prefers-color-scheme: dark)")),Io.with(window.matchMedia("(prefers-color-scheme: light)"));class Ke{}function Ye(o){return v`<slot name="end" ${me("end")}>${Z(o.end)}</slot>`.inline()}function Qe(o){return v`<slot name="start" ${me("start")}>${Z(o.start)}</slot>`.inline()}function Le(o,...e){const t=Mo.locate(o);e.forEach(i=>{Object.getOwnPropertyNames(i.prototype).forEach(s=>{s!=="constructor"&&Object.defineProperty(o.prototype,s,Object.getOwnPropertyDescriptor(i.prototype,s))}),Mo.locate(i).forEach(s=>t.push(s))})}var Fa=Object.defineProperty,Oa=Object.getOwnPropertyDescriptor,kt=(o,e,t,i)=>{for(var r=i>1?void 0:i?Oa(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Fa(e,t,r),r};class se extends S{constructor(){super(...arguments),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=Di("accordion-"),this.block=!1,this.clickHandler=e=>{this.disabled||this.$emit("click",e)}}}kt([a({attribute:"heading-level",mode:"fromView",converter:pe})],se.prototype,"headinglevel",2),kt([a({mode:"boolean"})],se.prototype,"expanded",2),kt([a({mode:"boolean"})],se.prototype,"disabled",2),kt([a],se.prototype,"id",2),kt([a],se.prototype,"size",2),kt([a({mode:"boolean"})],se.prototype,"block",2),kt([a({attribute:"expand-icon-position"})],se.prototype,"expandIconPosition",2),Le(se,Ke);const _="var(--colorNeutralForeground1)",Hi="var(--colorNeutralForeground1Hover)",ys="var(--colorNeutralForeground1Pressed)",ye="var(--colorNeutralForeground2)",Jt="var(--colorNeutralForeground2Hover)",eo="var(--colorNeutralForeground2Pressed)",Aa="var(--colorNeutralForeground2Selected)",Vt="var(--colorNeutralForeground2BrandHover)",Nt="var(--colorNeutralForeground2BrandPressed)",Ea="var(--colorNeutralForeground2BrandSelected)",ne="var(--colorNeutralForeground3)",Ma="var(--colorNeutralForeground3Hover)",_a="var(--colorNeutralForeground3Pressed)",La="var(--colorNeutralForeground4)",C="var(--colorNeutralForegroundDisabled)",xs="var(--colorCompoundBrandForeground1)",ks="var(--colorCompoundBrandForeground1Hover)",ws="var(--colorCompoundBrandForeground1Pressed)",xe="var(--colorNeutralForegroundOnBrand)",jo="var(--colorNeutralForegroundInverted)",Ra="var(--colorNeutralForegroundInvertedHover)",Da="var(--colorNeutralForegroundInvertedPressed)",Cs="var(--colorNeutralForegroundStaticInverted)",Vi="var(--colorBrandForeground1)",Ha="var(--colorBrandForeground2)",Va="var(--colorNeutralForeground1Static)",L="var(--colorNeutralBackground1)",qo="var(--colorNeutralBackground1Hover)",Ni="var(--colorNeutralBackground1Pressed)",Ss="var(--colorNeutralBackground1Selected)",Ps="var(--colorNeutralBackground3)",Na="var(--colorNeutralBackground4)",ja="var(--colorNeutralBackground5)",Is="var(--colorNeutralBackground6)",qa="var(--colorNeutralBackgroundInverted)",zs="var(--colorSubtleBackground)",Go="var(--colorSubtleBackgroundHover)",to="var(--colorSubtleBackgroundPressed)",Ga="var(--colorSubtleBackgroundSelected)",J="var(--colorTransparentBackground)",oo="var(--colorTransparentBackgroundHover)",io="var(--colorTransparentBackgroundPressed)",Wa="var(--colorTransparentBackgroundSelected)",jt="var(--colorNeutralBackgroundDisabled)",Xa="var(--colorBackgroundOverlay)",Wo="var(--colorBrandBackground)",ji="var(--colorBrandBackgroundHover)",qi="var(--colorBrandBackgroundPressed)",Ua="var(--colorBrandBackgroundSelected)",wt="var(--colorCompoundBrandBackground)",ro="var(--colorCompoundBrandBackgroundHover)",so="var(--colorCompoundBrandBackgroundPressed)",Bs="var(--colorBrandBackgroundStatic)",no="var(--colorBrandBackground2)",Ze="var(--colorNeutralStrokeAccessible)",ao="var(--colorNeutralStrokeAccessibleHover)",lo="var(--colorNeutralStrokeAccessiblePressed)",Ct="var(--colorNeutralStroke1)",co="var(--colorNeutralStroke1Hover)",Xo="var(--colorNeutralStroke1Pressed)",ho="var(--colorNeutralStroke2)",Ka="var(--colorNeutralStroke3)",Ya="var(--colorNeutralStrokeOnBrand2)",Ts="var(--colorBrandStroke1)",Fs="var(--colorBrandStroke2)",Gi="var(--colorCompoundBrandStroke)",Wi="var(--colorCompoundBrandStrokeHover)",Xi="var(--colorCompoundBrandStrokePressed)",Re="var(--colorNeutralStrokeDisabled)",ke="var(--colorTransparentStroke)",Os="var(--colorTransparentStrokeInteractive)",Uo="var(--colorStrokeFocus1)",Ie="var(--colorStrokeFocus2)",Qa="var(--colorPaletteRedBackground1)",Ui="var(--colorPaletteRedBackground2)",Ki="var(--colorPaletteRedBackground3)",Za="var(--colorPaletteRedBorder1)",Ja="var(--colorPaletteRedBorder2)",As="var(--colorPaletteRedForeground1)",el="var(--colorPaletteRedForeground2)",Es="var(--colorPaletteRedForeground3)",tl="var(--colorPaletteGreenBackground1)",Ms="var(--colorPaletteGreenBackground2)",Yi="var(--colorPaletteGreenBackground3)",ol="var(--colorPaletteGreenBorder2)",il="var(--colorPaletteGreenForeground1)",rl="var(--colorPaletteGreenForeground2)",sl="var(--colorPaletteGreenForeground3)",nl="var(--colorPaletteDarkOrangeBackground1)",_s="var(--colorPaletteDarkOrangeBackground2)",Qi="var(--colorPaletteDarkOrangeBackground3)",al="var(--colorPaletteDarkOrangeBorder1)",ll="var(--colorPaletteDarkOrangeForeground1)",Ls="var(--colorPaletteDarkOrangeForeground3)",cl="var(--colorPaletteYellowBackground1)",dl="var(--colorPaletteYellowBackground3)",hl="var(--colorPaletteYellowBorder1)",Zi="var(--colorPaletteYellowForeground2)",ul="var(--colorPaletteMarigoldBackground2)",pl="var(--colorPaletteMarigoldForeground2)",fl="var(--colorPaletteAnchorBackground2)",gl="var(--colorPaletteAnchorForeground2)",bl="var(--colorPaletteBeigeBackground2)",ml="var(--colorPaletteBeigeForeground2)",vl="var(--colorPaletteBlueBackground2)",$l="var(--colorPaletteBlueForeground2)",yl="var(--colorPaletteBrassBackground2)",xl="var(--colorPaletteBrassForeground2)",kl="var(--colorPaletteBrownBackground2)",wl="var(--colorPaletteBrownForeground2)",Cl="var(--colorPaletteCornflowerBackground2)",Sl="var(--colorPaletteCornflowerForeground2)",Pl="var(--colorPaletteCranberryBackground2)",Il="var(--colorPaletteCranberryForeground2)",zl="var(--colorPaletteDarkGreenBackground2)",Bl="var(--colorPaletteDarkGreenForeground2)",Tl="var(--colorPaletteDarkRedBackground2)",Fl="var(--colorPaletteDarkRedForeground2)",Ol="var(--colorPaletteForestBackground2)",Al="var(--colorPaletteForestForeground2)",El="var(--colorPaletteGoldBackground2)",Ml="var(--colorPaletteGoldForeground2)",_l="var(--colorPaletteGrapeBackground2)",Ll="var(--colorPaletteGrapeForeground2)",Rl="var(--colorPaletteLavenderBackground2)",Dl="var(--colorPaletteLavenderForeground2)",Hl="var(--colorPaletteLightTealBackground2)",Vl="var(--colorPaletteLightTealForeground2)",Nl="var(--colorPaletteLilacBackground2)",jl="var(--colorPaletteLilacForeground2)",ql="var(--colorPaletteMagentaBackground2)",Gl="var(--colorPaletteMagentaForeground2)",Wl="var(--colorPaletteMinkBackground2)",Xl="var(--colorPaletteMinkForeground2)",Ul="var(--colorPaletteNavyBackground2)",Kl="var(--colorPaletteNavyForeground2)",Yl="var(--colorPalettePeachBackground2)",Ql="var(--colorPalettePeachForeground2)",Zl="var(--colorPalettePinkBackground2)",Jl="var(--colorPalettePinkForeground2)",ec="var(--colorPalettePlatinumBackground2)",tc="var(--colorPalettePlatinumForeground2)",oc="var(--colorPalettePlumBackground2)",ic="var(--colorPalettePlumForeground2)",rc="var(--colorPalettePumpkinBackground2)",sc="var(--colorPalettePumpkinForeground2)",nc="var(--colorPalettePurpleBackground2)",ac="var(--colorPalettePurpleForeground2)",lc="var(--colorPaletteRoyalBlueBackground2)",cc="var(--colorPaletteRoyalBlueForeground2)",dc="var(--colorPaletteSeafoamBackground2)",hc="var(--colorPaletteSeafoamForeground2)",uc="var(--colorPaletteSteelBackground2)",pc="var(--colorPaletteSteelForeground2)",fc="var(--colorPaletteTealBackground2)",gc="var(--colorPaletteTealForeground2)",Ji="var(--borderRadiusNone)",we="var(--borderRadiusSmall)",I="var(--borderRadiusMedium)",er="var(--borderRadiusLarge)",Rs="var(--borderRadiusXLarge)",ae="var(--borderRadiusCircular)",y="var(--fontFamilyBase)",bc="var(--fontFamilyMonospace)",mc="var(--fontFamilyNumeric)",uo="var(--fontSizeBase100)",j="var(--fontSizeBase200)",A="var(--fontSizeBase300)",le="var(--fontSizeBase400)",St="var(--fontSizeBase500)",Ko="var(--fontSizeBase600)",Ds="var(--fontSizeHero700)",Hs="var(--fontSizeHero800)",Vs="var(--fontSizeHero900)",Ns="var(--fontSizeHero1000)",E="var(--fontWeightRegular)",vc="var(--fontWeightMedium)",H="var(--fontWeightSemibold)",Yo="var(--fontWeightBold)",Qo="var(--lineHeightBase100)",ce="var(--lineHeightBase200)",R="var(--lineHeightBase300)",Ce="var(--lineHeightBase400)",Zo="var(--lineHeightBase500)",js="var(--lineHeightBase600)",qs="var(--lineHeightHero700)",Gs="var(--lineHeightHero800)",Ws="var(--lineHeightHero900)",Xs="var(--lineHeightHero1000)",tr="var(--shadow2)",po="var(--shadow4)",$c="var(--shadow8)",Us="var(--shadow16)",yc="var(--shadow28)",xc="var(--shadow64)",ee="var(--strokeWidthThin)",nt="var(--strokeWidthThick)",at="var(--strokeWidthThicker)",Ks="var(--strokeWidthThickest)",Pt="var(--spacingHorizontalXXS)",De="var(--spacingHorizontalXS)",lt="var(--spacingHorizontalSNudge)",ze="var(--spacingHorizontalS)",Je="var(--spacingHorizontalMNudge)",et="var(--spacingHorizontalM)",Ys="var(--spacingHorizontalL)",kc="var(--spacingHorizontalXXL)",Jo="var(--spacingVerticalXXS)",wc="var(--spacingVerticalXS)",fo="var(--spacingVerticalSNudge)",U="var(--spacingVerticalS)",Qs="var(--spacingVerticalMNudge)",Zs="var(--spacingVerticalL)",go="var(--spacingVerticalXXL)",Cc="var(--durationUltraFast)",ei="var(--durationFaster)",Js="var(--durationNormal)",Sc="var(--durationGentle)",Pc="var(--durationSlow)",en="var(--durationSlower)",ti="var(--durationUltraSlow)",Ic="var(--curveAccelerateMax)",or="var(--curveAccelerateMid)",zc="var(--curveAccelerateMin)",tn="var(--curveDecelerateMax)",ir="var(--curveDecelerateMid)",Bc="var(--curveDecelerateMin)",Tc="var(--curveEasyEaseMax)",oi="var(--curveEasyEase)",on="var(--curveLinear)",Fc=p`
|
|
2
2
|
${T("block")}
|
|
3
3
|
|
|
4
|
-
:host{max-width:fit-content;contain:content}.heading{height:44px;display:grid;position:relative;vertical-align:middle;padding-inline:${
|
|
4
|
+
:host{max-width:fit-content;contain:content}.heading{height:44px;display:grid;position:relative;vertical-align:middle;padding-inline:${et} ${Je};border-radius:${I};font-family:${y};font-size:${A};font-weight:${E};line-height:${R};grid-template-columns:auto auto 1fr auto}.heading-content{height:100%;display:flex;align-items:center}.button{box-sizing:border-box;appearance:none;border:none;outline:none;text-align:start;cursor:pointer;font-family:inherit;height:44px;color:${_};background:${J};line-height:${R};height:auto;padding:0;font-size:inherit;grid-column:auto / span 2;grid-row:1}.button::before{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${we}}.icon{display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;height:100%;padding-right:${ze};grid-column:1 / span 1;grid-row:1}.region{margin:0 ${et}}::slotted([slot='start']),::slotted([slot='end']){justify-content:center;align-items:center;padding-right:${ze};grid-column:2 / span 1;grid-row:1 / span 1}button:focus-visible::after{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${we};outline:none;border:2px solid ${Uo};box-shadow:inset 0 0 0 1px ${Ie}}:host([disabled]) .button{color:${C}}:host([disabled]) svg{filter:invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg) brightness(88%) contrast(87%)}:host([expanded]) .region{display:block}:host([expanded]) .default-collapsed-icon,:host([expanded]) ::slotted([slot='collapsed-icon']),:host(:not([expanded])) .default-expanded-icon,:host(:not([expanded])) ::slotted([slot='expanded-icon']),:host([expanded]) ::slotted([slot='end']),::slotted([slot='start']),.region{display:none}:host([expanded]) ::slotted([slot='start']),:host([expanded]) ::slotted([slot='expanded-icon']),:host(:not([expanded])) ::slotted([slot='collapsed-icon']),::slotted([slot='end']){display:flex}.heading{font-size:${A};line-height:${R}}:host([size='small']) .heading{font-size:${j};line-height:${ce}}:host([size='large']) .heading{font-size:${le};line-height:${Ce}}:host([size='extra-large']) .heading{font-size:${St};line-height:${Zo}}:host([expand-icon-position='end']) :slotted(span[slot='start']),:host([expand-icon-position='end']) ::slotted(span[slot='end']){grid-column:1 / span 1;grid-row:1}:host([expand-icon-position='end']) ::slotted(span[slot='start']),:host([expand-icon-position='end']) ::slotted(span[slot='end']){grid-column:1 / span 1;grid-row:1}:host([expand-icon-position='end']) .icon{grid-column:4 / span 1;grid-row:1;display:flex;padding-left:10px;padding-right:0}:host([expand-icon-position='end']) .button{grid-column:2 / span 3;grid-row:1}:host([block]){max-width:100%}:host([expand-icon-position='end']) .heading{grid-template-columns:auto auto 28px}:host([expand-icon-position='end']) .icon{grid-column:5 / span 1}:host([block][expand-icon-position='end']) .heading{grid-template-columns:auto 1fr}:host([block][expand-icon-position='end']) .icon{grid-column:5 / span 1}`,Oc=v.partial(`<svg
|
|
5
5
|
width="20"
|
|
6
6
|
height="20"
|
|
7
7
|
viewBox="0 0 20 20"
|
|
@@ -13,7 +13,7 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
13
13
|
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"
|
|
14
14
|
fill="currentColor"
|
|
15
15
|
/>
|
|
16
|
-
</svg>`),
|
|
16
|
+
</svg>`),Ac=v.partial(`<svg
|
|
17
17
|
width="20"
|
|
18
18
|
height="20"
|
|
19
19
|
viewBox="0 0 20 20"
|
|
@@ -25,33 +25,33 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
25
25
|
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"
|
|
26
26
|
fill="currentColor"
|
|
27
27
|
/>
|
|
28
|
-
</svg>`);function
|
|
28
|
+
</svg>`);function Ec(o={}){return v`<div class="heading" part="heading" role="heading" aria-level="${e=>e.headinglevel}"><button class="button" part="button" ${me("expandbutton")} ?disabled="${e=>e.disabled?"true":void 0}" aria-expanded="${e=>e.expanded}" aria-controls="${e=>e.id}-panel" id="${e=>e.id}" @click="${(e,t)=>e.clickHandler(t.event)}"><span class="heading-content" part="heading-content"><slot name="heading"></slot></span></button>${Qe(o)} ${Ye(o)}<span class="icon" part="icon" aria-hidden="true"><slot name="expanded-icon">${Z(o.expandedIcon)}</slot><slot name="collapsed-icon">${Z(o.collapsedIcon)}</slot><span></div><div class="region" part="region" id="${e=>e.id}-panel" role="region" aria-labelledby="${e=>e.id}"><slot></slot></div>`}const Mc=Ec({collapsedIcon:Oc,expandedIcon:Ac}),_c=se.compose({name:`${b.prefix}-accordion-item`,template:Mc,styles:Fc});_c.define(b.registry);const rr={single:"single",multi:"multi"};var Lc=Object.defineProperty,Rc=Object.getOwnPropertyDescriptor,rn=(o,e,t,i)=>{for(var r=i>1?void 0:i?Rc(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Lc(e,t,r),r};class sr extends S{constructor(){super(...arguments),this.expandmode=rr.multi,this.activeItemIndex=0,this.change=()=>{this.$emit("change",this.activeid)},this.setItems=()=>{if(this.slottedAccordionItems.length===0)return;const e=Array.from(this.children);if(this.removeItemListeners(e),e.forEach(t=>w.getNotifier(t).subscribe(this,"disabled")),this.accordionItems=e.filter(t=>!t.hasAttribute("disabled")),this.accordionIds=this.getItemIds(),this.accordionItems.forEach((t,i)=>{t instanceof se&&(t.addEventListener("click",this.activeItemChange),t.addEventListener("keydown",this.handleItemKeyDown),t.addEventListener("focus",this.handleItemFocus),w.getNotifier(t).subscribe(this,"expanded"));const r=this.accordionIds[i];t.setAttribute("id",typeof r!="string"?`accordion-${i+1}`:r),this.activeid=this.accordionIds[this.activeItemIndex]}),this.isSingleExpandMode()){const t=this.findExpandedItem();this.setSingleExpandMode(t)}},this.removeItemListeners=e=>{e.forEach((t,i)=>{w.getNotifier(t).unsubscribe(this,"disabled"),w.getNotifier(t).unsubscribe(this,"expanded"),t.removeEventListener("click",this.activeItemChange),t.removeEventListener("keydown",this.handleItemKeyDown),t.removeEventListener("focus",this.handleItemFocus)})},this.activeItemChange=e=>{e.defaultPrevented||e.target!==e.currentTarget||(e.preventDefault(),this.handleExpandedChange(e.target))},this.handleExpandedChange=e=>{e instanceof se&&(this.activeid=e.getAttribute("id"),this.isSingleExpandMode()?this.setSingleExpandMode(e):(e.expanded=!e.expanded,this.activeItemIndex=this.accordionItems.indexOf(e)),this.change())},this.handleItemKeyDown=e=>{if(e.target===e.currentTarget)switch(this.accordionIds=this.getItemIds(),e.key){case Ht:e.preventDefault(),this.adjust(-1);break;case Lt:e.preventDefault(),this.adjust(1);break;case Vo:this.activeItemIndex=0,this.focusItem();break;case Ho:this.activeItemIndex=this.accordionItems.length-1,this.focusItem();break}},this.handleItemFocus=e=>{if(e.target===e.currentTarget){const t=e.target,i=this.activeItemIndex=Array.from(this.accordionItems).indexOf(t);this.activeItemIndex!==i&&i!==-1&&(this.activeItemIndex=i,this.activeid=this.accordionIds[this.activeItemIndex])}}}expandmodeChanged(e,t){if(!this.$fastController.isConnected)return;const i=this.findExpandedItem();i&&(t!==rr.single?i?.expandbutton.removeAttribute("aria-disabled"):this.setSingleExpandMode(i))}slottedAccordionItemsChanged(e,t){this.$fastController.isConnected&&this.setItems()}handleChange(e,t){t==="disabled"?this.setItems():t==="expanded"&&e.expanded&&this.isSingleExpandMode()&&this.setSingleExpandMode(e)}findExpandedItem(){return this.accordionItems.length===0?null:this.accordionItems.find(e=>e instanceof se&&e.expanded)??this.accordionItems[0]}setSingleExpandMode(e){if(this.accordionItems.length===0)return;const t=Array.from(this.accordionItems);this.activeItemIndex=t.indexOf(e),t.forEach((i,r)=>{i instanceof se&&(this.activeItemIndex===r?(i.expanded=!0,i.expandbutton.setAttribute("aria-disabled","true")):(i.expanded=!1,i.hasAttribute("disabled")||i.expandbutton.removeAttribute("aria-disabled")))})}getItemIds(){return this.slottedAccordionItems.map(e=>e.id)}isSingleExpandMode(){return this.expandmode===rr.single}adjust(e){this.activeItemIndex=Sa(0,this.accordionItems.length-1,this.activeItemIndex+e),this.focusItem()}focusItem(){const e=this.accordionItems[this.activeItemIndex];e instanceof se&&e.expandbutton.focus()}}rn([a({attribute:"expand-mode"})],sr.prototype,"expandmode",2),rn([$],sr.prototype,"slottedAccordionItems",2);const Dc=p`
|
|
29
29
|
${T("flex")}
|
|
30
30
|
|
|
31
|
-
:host{flex-direction:column;width:100%;contain:content}`;function
|
|
31
|
+
:host{flex-direction:column;width:100%;contain:content}`;function Hc(){return v`<template><slot ${ie({property:"slottedAccordionItems",filter:xt()})}></slot></template>`}const Vc=Hc(),Nc=sr.compose({name:`${b.prefix}-accordion`,template:Vc,styles:Dc});Nc.define(b.registry);var jc=Object.defineProperty,qc=Object.getOwnPropertyDescriptor,K=(o,e,t,i)=>{for(var r=i>1?void 0:i?qc(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&jc(e,t,r),r};class q extends S{constructor(){super(...arguments),this.iconOnly=!1,this.disabled=!1,this.disabledFocusable=!1,this.handleDisabledFocusableClick=e=>{if(e&&this.disabled||this.disabledFocusable){e.stopImmediatePropagation();return}}}disabledChanged(e,t){this.disabled?(this.setAttribute("aria-disabled","true"),this.setAttribute("tabindex","-1")):(this.removeAttribute("aria-disabled"),this.removeAttribute("tabindex"))}disabledFocusableChanged(e,t){this.$fastController.isConnected&&(this.disabledFocusable?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleDisabledFocusableClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleDisabledFocusableClick)}}K([a],q.prototype,"download",2),K([a],q.prototype,"href",2),K([a],q.prototype,"hreflang",2),K([a],q.prototype,"ping",2),K([a],q.prototype,"referrerpolicy",2),K([a],q.prototype,"rel",2),K([a],q.prototype,"target",2),K([a],q.prototype,"type",2),K([$],q.prototype,"defaultSlottedContent",2),K([a],q.prototype,"appearance",2),K([a],q.prototype,"shape",2),K([a],q.prototype,"size",2),K([a({attribute:"icon-only",mode:"boolean"})],q.prototype,"iconOnly",2),K([a({mode:"boolean"})],q.prototype,"disabled",2),K([a({attribute:"disabled-focusable",mode:"boolean"})],q.prototype,"disabledFocusable",2);class nr{}K([a({attribute:"aria-expanded"})],nr.prototype,"ariaExpanded",2),Le(nr,D),Le(q,Ke,nr);const Gc=p`
|
|
32
32
|
${T("inline-flex")}
|
|
33
33
|
|
|
34
|
-
:host{--icon-spacing:${
|
|
35
|
-
.control{border-color:transparent;background-color:${
|
|
36
|
-
.control{background-color:${
|
|
37
|
-
:host([appearance='transparent']:hover) .control{border-color:Highlight}`));function
|
|
38
|
-
${T("inline-flex")} :host{position:relative;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;font-family:${y};font-weight:${
|
|
34
|
+
:host{--icon-spacing:${lt};contain:layout style;vertical-align:middle}:host .control{display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;text-decoration-line:none;margin:0;min-height:32px;outline-style:none;background-color:${L};color:${_};border:${ee} solid ${Ct};padding:0 ${et};min-width:96px;border-radius:${I};font-size:${A};font-family:${y};font-weight:${H};line-height:${R};transition-duration:${ei};transition-property:background,border,color;transition-timing-function:${oi};cursor:pointer}.content{display:inherit;text-align:center}:host(:hover) .control{background-color:${qo};color:${Hi};border-color:${co}}:host(:hover:active) .control{background-color:${Ni};border-color:${Xo};color:${ys};outline-style:none}:host .control:focus-visible{border-color:${ke};outline:${nt}) solid ${ke};box-shadow:${po},0 0 0 2px ${Ie}}@media screen and (prefers-reduced-motion:reduce){transition-duration:0.01ms}::slotted(svg){font-size:20px;height:20px;width:20px;fill:currentColor}[slot='start'],::slotted([slot='start']){margin-inline-end:var(--icon-spacing)}[slot='end'],::slotted([slot='end']){margin-inline-start:var(--icon-spacing)}:host([icon-only]) .control{min-width:32px;max-width:32px}:host([size='small']){--icon-spacing:${De}}:host([size='small']) .control{min-height:24px;min-width:64px;padding:0 ${ze};border-radius:${we};font-size:${j};line-height:${ce};font-weight:${E}}:host([size='small'][icon-only]) .control{min-width:24px;max-width:24px}:host([size='large']) .control{min-height:40px;border-radius:${er};padding:0 ${Ys};font-size:${le};line-height:${Ce}}:host([size='large'][icon-only]) .control{min-width:40px;max-width:40px}:host([size='large']) ::slotted(svg){font-size:24px;height:24px;width:24px}:host([shape='circular']) .control,:host([shape='circular']) .control:focus-visible{border-radius:${ae}}:host([shape='square']) .control,:host([shape='square']) .control:focus-visible{border-radius:${Ji}}:host([appearance='primary']) .control{background-color:${Wo};color:${xe};border-color:transparent}:host([appearance='primary']:hover) .control{background-color:${ji}}:host([appearance='primary']:hover) .control,:host([appearance='primary']:hover:active) .control{border-color:transparent;color:${xe}}:host([appearance='primary']:hover:active) .control{background-color:${qi}}:host([appearance='primary']) .control:focus-visible{border-color:${xe};box-shadow:${tr},0 0 0 2px ${Ie}}:host(:is([disabled][appearance='primary'],[disabled-focusabale][appearance='primary'])) .control,:host(:is([disabled][appearance='primary'],[disabled-focusabale][appearance='primary']):hover) .control,:host(:is([disabled][appearance='primary'],[disabled-focusabale][appearance='primary']):hover:active) .control{border-color:transparent}:host([appearance='outline']) .control{background-color:${J}}:host([appearance='outline']:hover) .control{background-color:${oo}}:host([appearance='outline']:hover:active) .control{background-color:${io}}:host(:is([disabled][appearance='outline'],[disabled-focusabale][appearance='outline'])) .control,:host(:is([disabled][appearance='outline'],[disabled-focusabale][appearance='outline']):hover) .control,:host(:is([disabled][appearance='outline'],[disabled-focusabale][appearance='outline']):hover:active) .control{background-color:${J}}:host([appearance='subtle']) .control{background-color:${zs};color:${ye};border-color:transparent}:host([appearance='subtle']:hover) .control{background-color:${Go};color:${Jt};border-color:transparent}:host([appearance='subtle']:hover:active) .control{background-color:${to};color:${eo};border-color:transparent}:host(:is([disabled][appearance='subtle'],[disabled-focusabale][appearance='subtle'])) .control,:host(:is([disabled][appearance='subtle'],[disabled-focusabale][appearance='subtle']):hover) .control,:host(:is([disabled][appearance='subtle'],[disabled-focusabale][appearance='subtle']):hover:active) .control{background-color:${J};border-color:transparent}:host([appearance='subtle']:hover) ::slotted(svg){fill:${Vt}}:host([appearance='subtle']:hover:active) ::slotted(svg){fill:${Nt}}:host([appearance='transparent']) .control{background-color:${J};color:${ye}}:host([appearance='transparent']:hover) .control{background-color:${oo};color:${Vt}}:host([appearance='transparent']:hover:active) .control{background-color:${io};color:${Nt}}:host([appearance='transparent']) .control,:host([appearance='transparent']:hover) .control,:host([appearance='transparent']:hover:active) .control{border-color:transparent}:host(:is([disabled][appearance='transparent'],[disabled-focusabale][appearance='transparent'])) .control,:host(:is([disabled][appearance='transparent'],[disabled-focusabale][appearance='transparent']):hover) .control,:host(:is([disabled][appearance='transparent'],[disabled-focusabale][appearance='transparent']):hover:active)
|
|
35
|
+
.control{border-color:transparent;background-color:${J}}:host(:is([disabled],[disabled-focusable],[appearance][disabled],[appearance][disabled-focusable])) .control,:host(:is([disabled],[disabled-focusable],[appearance][disabled],[appearance][disabled-focusable]):hover) .control,:host(:is([disabled],[disabled-focusable],[appearance][disabled],[appearance][disabled-focusable]):hover:active)
|
|
36
|
+
.control{background-color:${jt};border-color:${Re};color:${C};cursor:not-allowed}`.withBehaviors($e(p`
|
|
37
|
+
:host([appearance='transparent']:hover) .control{border-color:Highlight}`));function Wc(o={}){return v`<a class="control" part="control" download="${e=>e.download}" href="${e=>e.href}" hreflang="${e=>e.hreflang}" ping="${e=>e.ping}" referrerpolicy="${e=>e.referrerpolicy}" rel="${e=>e.rel}" target="${e=>e.target}" type="${e=>e.type}" aria-atomic="${e=>e.ariaAtomic}" aria-busy="${e=>e.ariaBusy}" aria-controls="${e=>e.ariaControls}" aria-current="${e=>e.ariaCurrent}" aria-describedby="${e=>e.ariaDescribedby}" aria-details="${e=>e.ariaDetails}" aria-disabled="${e=>e.ariaDisabled}" aria-errormessage="${e=>e.ariaErrormessage}" aria-expanded="${e=>e.ariaExpanded}" aria-flowto="${e=>e.ariaFlowto}" aria-haspopup="${e=>e.ariaHaspopup}" aria-hidden="${e=>e.ariaHidden}" aria-invalid="${e=>e.ariaInvalid}" aria-keyshortcuts="${e=>e.ariaKeyshortcuts}" aria-label="${e=>e.ariaLabel}" aria-labelledby="${e=>e.ariaLabelledby}" aria-live="${e=>e.ariaLive}" aria-owns="${e=>e.ariaOwns}" aria-relevant="${e=>e.ariaRelevant}" aria-roledescription="${e=>e.ariaRoledescription}" ${me("control")}>${Qe(o)}<span class="content" part="content"><slot ${ie("defaultSlottedContent")}></slot></span>${Ye(o)}</a>`}const Xc=Wc(),Uc=q.compose({name:`${b.prefix}-anchor-button`,template:Xc,styles:Gc,shadowOptions:{delegatesFocus:!0}});Uc.define(b.registry);const Kc=/[\(\[\{][^\)\]\}]*[\)\]\}]/g,Yc=/[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g,Qc=/^\d+[\d\s]*(:?ext|x|)\s*\d+$/i,Zc=/\s+/g,Jc=/[\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 ed(o,e,t){let i="";const r=o.split(" ");return r.length!==0&&(i+=r[0].charAt(0).toUpperCase()),t||(r.length===2?i+=r[1].charAt(0).toUpperCase():r.length===3&&(i+=r[2].charAt(0).toUpperCase())),e&&i.length>1?i.charAt(1)+i.charAt(0):i}function td(o){return o=o.replace(Kc,""),o=o.replace(Yc,""),o=o.replace(Zc," "),o=o.trim(),o}function od(o,e,t){return!o||(o=td(o),Jc.test(o)||!t?.allowPhoneInitials&&Qc.test(o))?"":ed(o,e,t?.firstInitialOnly)}const sn={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"},id={neutral:"neutral",brand:"brand",colorful:"colorful",...sn};var rd=Object.defineProperty,sd=Object.getOwnPropertyDescriptor,ct=(o,e,t,i)=>{for(var r=i>1?void 0:i?sd(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&rd(e,t,r),r};const He=class xr extends S{constructor(){super(...arguments),this.color="neutral"}generateColor(){if(this.color)return this.color===id.colorful?xr.colors[ad(this.colorId??this.name??"")%xr.colors.length]:this.color}generateInitials(){if(!this.name&&!this.initials)return;const e=this.size??32;return this.initials??od(this.name,window.getComputedStyle(this).direction==="rtl",{firstInitialOnly:e<=16})}};He.colors=Object.values(sn),ct([a],He.prototype,"name",2),ct([a],He.prototype,"initials",2),ct([a({converter:pe})],He.prototype,"size",2),ct([a],He.prototype,"shape",2),ct([a],He.prototype,"active",2),ct([a],He.prototype,"appearance",2),ct([a],He.prototype,"color",2),ct([a({attribute:"color-id"})],He.prototype,"colorId",2);let nd=He;const ad=o=>{let e=0;for(let t=o.length-1;t>=0;t--){const i=o.charCodeAt(t),r=t%8;e^=(i<<r)+(i>>8-r)}return e},dt={fastOutSlowInMax:tn,fastOutSlowInMid:ir,fastOutSlowInMin:Bc,slowOutFastInMax:Ic,slowOutFastInMid:or,slowOutFastInMin:zc,fastEase:Tc,normalEase:oi,nullEasing:on},ld=p`
|
|
38
|
+
${T("inline-flex")} :host{position:relative;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;font-family:${y};font-weight:${H};font-size:${A};border-radius:${ae};color:${ne};background-color:${Is};contain:layout style}.default-icon,::slotted(svg){width:20px;height:20px;font-size:20px}::slotted(img){box-sizing:border-box;width:100%;height:100%;border-radius:${ae}}::slotted([slot='badge']){position:absolute;bottom:0;right:0;box-shadow:0 0 0 ${ee}) ${L}}: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 ${nt}) ${L}}:host([size='16']),:host([size='20']),:host([size='24']){font-size:${uo};font-weight:${E}}: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:${j}}:host([size='36']){width:36px;height:36px}:host([size='40']){width:40px;height:40px}:host([size='48']),:host([size='56']){font-size:${le}}: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:${St}}: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:${Ko}}:host([size='120']){width:120px;height:120px}:host([size='128']){width:128px;height:128px}:host([shape='square']){border-radius:${I}}:host([shape='square'][size='20']),:host([shape='square'][size='24']){border-radius:${we}}:host([shape='square'][size='56']),:host([shape='square'][size='64']),:host([shape='square'][size='72']){border-radius:${er}}:host([shape='square'][size='96']),:host([shape='square'][size='120']),:host([shape='square'][size='128']){border-radius:${Rs}}:host([data-color='brand']){color:${Cs};background-color:${Bs}}:host([data-color='dark-red']){color:${Fl};background-color:${Tl}}:host([data-color='cranberry']){color:${Il};background-color:${Pl}}:host([data-color='red']){color:${el};background-color:${Ui}}:host([data-color='pumpkin']){color:${sc};background-color:${rc}}:host([data-color='peach']){color:${Ql};background-color:${Yl}}:host([data-color='marigold']){color:${pl};background-color:${ul}}:host([data-color='gold']){color:${Ml};background-color:${El}}:host([data-color='brass']){color:${xl};background-color:${yl}}:host([data-color='brown']){color:${wl};background-color:${kl}}:host([data-color='forest']){color:${Al};background-color:${Ol}}:host([data-color='seafoam']){color:${hc};background-color:${dc}}:host([data-color='dark-green']){color:${Bl};background-color:${zl}}:host([data-color='light-teal']){color:${Vl};background-color:${Hl}}:host([data-color='teal']){color:${gc};background-color:${fc}}:host([data-color='steel']){color:${pc};background-color:${uc}}:host([data-color='blue']){color:${$l};background-color:${vl}}:host([data-color='royal-blue']){color:${cc};background-color:${lc}}:host([data-color='cornflower']){color:${Sl};background-color:${Cl}}:host([data-color='navy']){color:${Kl};background-color:${Ul}}:host([data-color='lavender']){color:${Dl};background-color:${Rl}}:host([data-color='purple']){color:${ac};background-color:${nc}}:host([data-color='grape']){color:${Ll};background-color:${_l}}:host([data-color='lilac']){color:${jl};background-color:${Nl}}:host([data-color='pink']){color:${Jl};background-color:${Zl}}:host([data-color='magenta']){color:${Gl};background-color:${ql}}:host([data-color='plum']){color:${ic};background-color:${oc}}:host([data-color='beige']){color:${ml};background-color:${bl}}:host([data-color='mink']){color:${Xl};background-color:${Wl}}:host([data-color='platinum']){color:${tc};background-color:${ec}}:host([data-color='anchor']){color:${gl};background-color:${fl}}:host([active]){transform:perspective(1px);transition-property:transform,opacity;transition-duration:${ti},${ei};transition-delay:${dt.fastEase},${dt.nullEasing}}:host([active])::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:inherit;transition-property:margin,opacity;transition-duration:${ti}),${en};transition-delay:${dt.fastEase}),${dt.nullEasing})}:host([active])::before{box-shadow:${$c};border-style:solid;border-color:${Bs}}:host([active][appearance='shadow'])::before{border-style:none;border-color:none}:host([active]:not([appearance='shadow']))::before{margin:calc(-2 * ${nt});border-width:${nt}}:host([size='56'][active]:not([appearance='shadow']))::before,:host([size='64'][active]:not([appearance='shadow']))::before{margin:calc(-2 * ${at});border-width:${at}}: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 * ${Ks});border-width:${Ks}}:host([size='20'][active][appearance])::before,:host([size='24'][active][appearance])::before,:host([size='28'][active][appearance])::before{box-shadow:${po}}:host([size='56'][active][appearance])::before,:host([size='64'][active][appearance])::before{box-shadow:${Us}}: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:${yc}}:host([active][appearance='ring'])::before{box-shadow:none}:host([active='inactive']){opacity:0.8;transform:scale(0.875);transition-property:transform,opacity;transition-duration:${ti},${ei};transition-delay:${dt.fastOutSlowInMin},${dt.nullEasing}}:host([active='inactive'])::before{margin:0;opacity:0;transition-property:margin,opacity;transition-duration:${ti},${en};transition-delay:${dt.fastOutSlowInMin},${dt.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}}`,cd=v`<svg width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="default-icon" fill="currentcolor" aria-hidden="true"><path d="M10 2a4 4 0 100 8 4 4 0 000-8zM7 6a3 3 0 116 0 3 3 0 01-6 0zm-2 5a2 2 0 00-2 2c0 1.7.83 2.97 2.13 3.8A9.14 9.14 0 0010 18c1.85 0 3.58-.39 4.87-1.2A4.35 4.35 0 0017 13a2 2 0 00-2-2H5zm-1 2a1 1 0 011-1h10a1 1 0 011 1c0 1.3-.62 2.28-1.67 2.95A8.16 8.16 0 0110 17a8.16 8.16 0 01-4.33-1.05A3.36 3.36 0 014 13z"></path></svg>`;function dd(){return v`<template role="img" data-color=${o=>o.generateColor()}><slot>${o=>o.name||o.initials?o.generateInitials():cd}</slot><slot name="badge"></slot></template>`}const hd=dd(),ud=nd.compose({name:`${b.prefix}-avatar`,template:hd,styles:ld});ud.define(b.registry);const pd={filled:"filled",ghost:"ghost",outline:"outline",tint:"tint"},fd={brand:"brand",danger:"danger",important:"important",informative:"informative",severe:"severe",subtle:"subtle",success:"success",warning:"warning"};var gd=Object.defineProperty,bd=Object.getOwnPropertyDescriptor,ii=(o,e,t,i)=>{for(var r=i>1?void 0:i?bd(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&gd(e,t,r),r};class qt extends S{constructor(){super(...arguments),this.appearance=pd.filled,this.color=fd.brand}}ii([a],qt.prototype,"appearance",2),ii([a],qt.prototype,"color",2),ii([a],qt.prototype,"shape",2),ii([a],qt.prototype,"size",2),Le(qt,Ke);const ri=Pt,nn=p.partial`
|
|
39
39
|
${T("inline-flex")} :host {
|
|
40
40
|
position: relative;
|
|
41
41
|
box-sizing: border-box;
|
|
42
42
|
align-items: center;
|
|
43
43
|
justify-content: center;
|
|
44
44
|
font-family: ${y};
|
|
45
|
-
font-weight: ${
|
|
46
|
-
font-size: ${
|
|
47
|
-
line-height: ${
|
|
45
|
+
font-weight: ${H};
|
|
46
|
+
font-size: ${j};
|
|
47
|
+
line-height: ${ce};
|
|
48
48
|
min-width: 20px;
|
|
49
49
|
height: 20px;
|
|
50
|
-
padding-inline: calc(${
|
|
50
|
+
padding-inline: calc(${De} + ${ri});
|
|
51
51
|
border-radius: ${ae};
|
|
52
|
-
border-color: ${
|
|
53
|
-
background-color: ${
|
|
54
|
-
color: ${
|
|
52
|
+
border-color: ${ke};
|
|
53
|
+
background-color: ${Wo};
|
|
54
|
+
color: ${xe};
|
|
55
55
|
contain: content;
|
|
56
56
|
}
|
|
57
57
|
|
|
@@ -67,11 +67,11 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
67
67
|
bottom: 0;
|
|
68
68
|
right: 0;
|
|
69
69
|
border-style: solid;
|
|
70
|
-
border-width: ${
|
|
70
|
+
border-width: ${ee};
|
|
71
71
|
border-color: inherit;
|
|
72
72
|
border-radius: inherit;
|
|
73
73
|
}
|
|
74
|
-
`,
|
|
74
|
+
`,an=p.partial`
|
|
75
75
|
:host([size='tiny']) {
|
|
76
76
|
width: 6px;
|
|
77
77
|
height: 6px;
|
|
@@ -97,9 +97,9 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
97
97
|
:host([size='small']) {
|
|
98
98
|
min-width: 16px;
|
|
99
99
|
height: 16px;
|
|
100
|
-
font-size: ${
|
|
101
|
-
line-height: ${
|
|
102
|
-
padding-inline: calc(${
|
|
100
|
+
font-size: ${uo};
|
|
101
|
+
line-height: ${Qo};
|
|
102
|
+
padding-inline: calc(${Pt} + ${ri});
|
|
103
103
|
}
|
|
104
104
|
:host([size='small']) ::slotted(svg) {
|
|
105
105
|
font-size: 12px;
|
|
@@ -107,9 +107,9 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
107
107
|
:host([size='large']) {
|
|
108
108
|
min-width: 24px;
|
|
109
109
|
height: 24px;
|
|
110
|
-
font-size: ${
|
|
111
|
-
line-height: ${
|
|
112
|
-
padding-inline: calc(${
|
|
110
|
+
font-size: ${j};
|
|
111
|
+
line-height: ${ce};
|
|
112
|
+
padding-inline: calc(${De} + ${ri});
|
|
113
113
|
}
|
|
114
114
|
:host([size='large']) ::slotted(svg) {
|
|
115
115
|
font-size: 16px;
|
|
@@ -117,292 +117,294 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
117
117
|
:host([size='extra-large']) {
|
|
118
118
|
min-width: 32px;
|
|
119
119
|
height: 32px;
|
|
120
|
-
font-size: ${
|
|
121
|
-
line-height: ${
|
|
122
|
-
padding-inline: calc(${
|
|
120
|
+
font-size: ${j};
|
|
121
|
+
line-height: ${ce};
|
|
122
|
+
padding-inline: calc(${lt} + ${ri});
|
|
123
123
|
}
|
|
124
124
|
:host([size='extra-large']) ::slotted(svg) {
|
|
125
125
|
font-size: 20px;
|
|
126
126
|
}
|
|
127
|
-
`,
|
|
127
|
+
`,ln=p.partial`
|
|
128
128
|
:host([color='danger']) {
|
|
129
|
-
background-color: ${
|
|
130
|
-
color: ${
|
|
129
|
+
background-color: ${Ki};
|
|
130
|
+
color: ${xe};
|
|
131
131
|
}
|
|
132
132
|
|
|
133
133
|
:host([color='important']) {
|
|
134
|
-
background-color: ${
|
|
135
|
-
color: ${
|
|
134
|
+
background-color: ${_};
|
|
135
|
+
color: ${L};
|
|
136
136
|
}
|
|
137
137
|
|
|
138
138
|
:host([color='informative']) {
|
|
139
|
-
background-color: ${
|
|
140
|
-
color: ${
|
|
139
|
+
background-color: ${ja};
|
|
140
|
+
color: ${ne};
|
|
141
141
|
}
|
|
142
142
|
|
|
143
143
|
:host([color='severe']) {
|
|
144
|
-
background-color: ${
|
|
145
|
-
color: ${
|
|
144
|
+
background-color: ${Qi};
|
|
145
|
+
color: ${xe};
|
|
146
146
|
}
|
|
147
147
|
|
|
148
148
|
:host([color='subtle']) {
|
|
149
|
-
background-color: ${
|
|
150
|
-
color: ${
|
|
149
|
+
background-color: ${L};
|
|
150
|
+
color: ${_};
|
|
151
151
|
}
|
|
152
152
|
|
|
153
153
|
:host([color='success']) {
|
|
154
|
-
background-color: ${
|
|
155
|
-
color: ${
|
|
154
|
+
background-color: ${Yi};
|
|
155
|
+
color: ${xe};
|
|
156
156
|
}
|
|
157
157
|
|
|
158
158
|
:host([color='warning']) {
|
|
159
|
-
background-color: ${
|
|
160
|
-
color: ${
|
|
159
|
+
background-color: ${dl};
|
|
160
|
+
color: ${Va};
|
|
161
161
|
}
|
|
162
|
-
`,
|
|
162
|
+
`,cn=p.partial`
|
|
163
163
|
:host([appearance='ghost']) {
|
|
164
|
-
color: ${
|
|
164
|
+
color: ${Vi};
|
|
165
165
|
background-color: initial;
|
|
166
166
|
}
|
|
167
167
|
|
|
168
168
|
:host([appearance='ghost'][color='danger']) {
|
|
169
|
-
color: ${
|
|
169
|
+
color: ${Es};
|
|
170
170
|
}
|
|
171
171
|
|
|
172
172
|
:host([appearance='ghost'][color='important']) {
|
|
173
|
-
color: ${
|
|
173
|
+
color: ${_};
|
|
174
174
|
}
|
|
175
175
|
|
|
176
176
|
:host([appearance='ghost'][color='informative']) {
|
|
177
|
-
color: ${
|
|
177
|
+
color: ${ne};
|
|
178
178
|
}
|
|
179
179
|
|
|
180
180
|
:host([appearance='ghost'][color='severe']) {
|
|
181
|
-
color: ${
|
|
181
|
+
color: ${Ls};
|
|
182
182
|
}
|
|
183
183
|
|
|
184
184
|
:host([appearance='ghost'][color='subtle']) {
|
|
185
|
-
color: ${
|
|
185
|
+
color: ${jo};
|
|
186
186
|
}
|
|
187
187
|
|
|
188
188
|
:host([appearance='ghost'][color='success']) {
|
|
189
|
-
color: ${
|
|
189
|
+
color: ${sl};
|
|
190
190
|
}
|
|
191
191
|
|
|
192
192
|
:host([appearance='ghost'][color='warning']) {
|
|
193
|
-
color: ${
|
|
193
|
+
color: ${Zi};
|
|
194
194
|
}
|
|
195
|
-
`,
|
|
195
|
+
`,md=p.partial`
|
|
196
196
|
:host([appearance='outline']) {
|
|
197
197
|
border-color: currentColor;
|
|
198
|
-
color: ${
|
|
198
|
+
color: ${Vi};
|
|
199
199
|
background-color: initial;
|
|
200
200
|
}
|
|
201
201
|
|
|
202
202
|
:host([appearance='outline'][color='danger']) {
|
|
203
|
-
color: ${
|
|
203
|
+
color: ${Es};
|
|
204
204
|
}
|
|
205
205
|
|
|
206
206
|
:host([appearance='outline'][color='important']) {
|
|
207
|
-
color: ${
|
|
208
|
-
border-color: ${
|
|
207
|
+
color: ${ne};
|
|
208
|
+
border-color: ${Ze};
|
|
209
209
|
}
|
|
210
210
|
|
|
211
211
|
:host([appearance='outline'][color='informative']) {
|
|
212
|
-
color: ${
|
|
213
|
-
border-color: ${
|
|
212
|
+
color: ${ne};
|
|
213
|
+
border-color: ${ho};
|
|
214
214
|
}
|
|
215
215
|
|
|
216
216
|
:host([appearance='outline'][color='severe']) {
|
|
217
|
-
color: ${
|
|
217
|
+
color: ${Ls};
|
|
218
218
|
}
|
|
219
219
|
|
|
220
220
|
:host([appearance='outline'][color='subtle']) {
|
|
221
|
-
color: ${
|
|
221
|
+
color: ${Cs};
|
|
222
222
|
}
|
|
223
223
|
|
|
224
224
|
:host([appearance='outline'][color='success']) {
|
|
225
|
-
color: ${
|
|
225
|
+
color: ${rl};
|
|
226
226
|
}
|
|
227
227
|
|
|
228
228
|
:host([appearance='outline'][color='warning']) {
|
|
229
|
-
color: ${
|
|
229
|
+
color: ${Zi};
|
|
230
230
|
}
|
|
231
|
-
`,
|
|
231
|
+
`,vd=p.partial`
|
|
232
232
|
:host([appearance='tint']) {
|
|
233
|
-
background-color: ${
|
|
234
|
-
color: ${
|
|
235
|
-
border-color: ${
|
|
233
|
+
background-color: ${no};
|
|
234
|
+
color: ${Ha};
|
|
235
|
+
border-color: ${Fs};
|
|
236
236
|
}
|
|
237
237
|
|
|
238
238
|
:host([appearance='tint'][color='danger']) {
|
|
239
|
-
background-color: ${
|
|
240
|
-
color: ${
|
|
241
|
-
border-color: ${
|
|
239
|
+
background-color: ${Qa};
|
|
240
|
+
color: ${As};
|
|
241
|
+
border-color: ${Za};
|
|
242
242
|
}
|
|
243
243
|
|
|
244
244
|
:host([appearance='tint'][color='important']) {
|
|
245
|
-
background-color: ${
|
|
246
|
-
color: ${
|
|
247
|
-
border-color: ${
|
|
245
|
+
background-color: ${ne};
|
|
246
|
+
color: ${L};
|
|
247
|
+
border-color: ${ke};
|
|
248
248
|
}
|
|
249
249
|
|
|
250
250
|
:host([appearance='tint'][color='informative']) {
|
|
251
|
-
background-color: ${
|
|
252
|
-
color: ${
|
|
253
|
-
border-color: ${
|
|
251
|
+
background-color: ${Na};
|
|
252
|
+
color: ${ne};
|
|
253
|
+
border-color: ${ho};
|
|
254
254
|
}
|
|
255
255
|
|
|
256
256
|
:host([appearance='tint'][color='severe']) {
|
|
257
|
-
background-color: ${
|
|
258
|
-
color: ${
|
|
259
|
-
border-color: ${
|
|
257
|
+
background-color: ${nl};
|
|
258
|
+
color: ${ll};
|
|
259
|
+
border-color: ${al};
|
|
260
260
|
}
|
|
261
261
|
|
|
262
262
|
:host([appearance='tint'][color='subtle']) {
|
|
263
|
-
background-color: ${
|
|
264
|
-
color: ${
|
|
265
|
-
border-color: ${
|
|
263
|
+
background-color: ${L};
|
|
264
|
+
color: ${ne};
|
|
265
|
+
border-color: ${ho};
|
|
266
266
|
}
|
|
267
267
|
|
|
268
268
|
:host([appearance='tint'][color='success']) {
|
|
269
|
-
background-color: ${
|
|
270
|
-
color: ${
|
|
271
|
-
border-color: ${
|
|
269
|
+
background-color: ${tl};
|
|
270
|
+
color: ${il};
|
|
271
|
+
border-color: ${ol};
|
|
272
272
|
}
|
|
273
273
|
|
|
274
274
|
:host([appearance='tint'][color='warning']) {
|
|
275
|
-
background-color: ${
|
|
276
|
-
color: ${
|
|
277
|
-
border-color: ${
|
|
275
|
+
background-color: ${cl};
|
|
276
|
+
color: ${Zi};
|
|
277
|
+
border-color: ${hl};
|
|
278
278
|
}
|
|
279
|
-
`;
|
|
279
|
+
`;p.partial`
|
|
280
280
|
font-family: ${y};
|
|
281
|
-
font-size: ${
|
|
282
|
-
line-height: ${
|
|
283
|
-
font-weight: ${
|
|
284
|
-
`,
|
|
281
|
+
font-size: ${A};
|
|
282
|
+
line-height: ${R};
|
|
283
|
+
font-weight: ${E};
|
|
284
|
+
`,p.partial`
|
|
285
285
|
font-family: ${y};
|
|
286
|
-
font-size: ${
|
|
287
|
-
line-height: ${
|
|
288
|
-
font-weight: ${
|
|
289
|
-
`,
|
|
286
|
+
font-size: ${A};
|
|
287
|
+
line-height: ${R};
|
|
288
|
+
font-weight: ${H};
|
|
289
|
+
`,p.partial`
|
|
290
290
|
font-family: ${y};
|
|
291
|
-
font-size: ${
|
|
292
|
-
line-height: ${
|
|
293
|
-
font-weight: ${
|
|
294
|
-
`,
|
|
291
|
+
font-size: ${A};
|
|
292
|
+
line-height: ${R};
|
|
293
|
+
font-weight: ${Yo};
|
|
294
|
+
`,p.partial`
|
|
295
295
|
font-family: ${y};
|
|
296
|
-
font-size: ${
|
|
296
|
+
font-size: ${le};
|
|
297
297
|
line-height: ${Ce};
|
|
298
|
-
font-weight: ${
|
|
299
|
-
`,
|
|
298
|
+
font-weight: ${E};
|
|
299
|
+
`,p.partial`
|
|
300
300
|
font-family: ${y};
|
|
301
|
-
font-size: ${
|
|
302
|
-
line-height: ${
|
|
303
|
-
font-weight: ${
|
|
304
|
-
`,
|
|
301
|
+
font-size: ${j};
|
|
302
|
+
line-height: ${ce};
|
|
303
|
+
font-weight: ${E};
|
|
304
|
+
`,p.partial`
|
|
305
305
|
font-family: ${y};
|
|
306
|
-
font-size: ${
|
|
307
|
-
line-height: ${
|
|
308
|
-
font-weight: ${
|
|
309
|
-
`,
|
|
306
|
+
font-size: ${j};
|
|
307
|
+
line-height: ${ce};
|
|
308
|
+
font-weight: ${H};
|
|
309
|
+
`,p.partial`
|
|
310
310
|
font-family: ${y};
|
|
311
|
-
font-size: ${
|
|
312
|
-
line-height: ${
|
|
313
|
-
font-weight: ${
|
|
314
|
-
`,
|
|
311
|
+
font-size: ${j};
|
|
312
|
+
line-height: ${ce};
|
|
313
|
+
font-weight: ${Yo};
|
|
314
|
+
`,p.partial`
|
|
315
315
|
font-family: ${y};
|
|
316
|
-
font-size: ${
|
|
317
|
-
line-height: ${
|
|
318
|
-
font-weight: ${
|
|
319
|
-
`,
|
|
316
|
+
font-size: ${uo};
|
|
317
|
+
line-height: ${Qo};
|
|
318
|
+
font-weight: ${E};
|
|
319
|
+
`,p.partial`
|
|
320
320
|
font-family: ${y};
|
|
321
|
-
font-size: ${
|
|
322
|
-
line-height: ${
|
|
323
|
-
font-weight: ${
|
|
324
|
-
`,
|
|
321
|
+
font-size: ${uo};
|
|
322
|
+
line-height: ${Qo};
|
|
323
|
+
font-weight: ${H};
|
|
324
|
+
`,p.partial`
|
|
325
325
|
font-family: ${y};
|
|
326
|
-
font-size: ${
|
|
327
|
-
line-height: ${
|
|
328
|
-
font-weight: ${
|
|
329
|
-
`,
|
|
326
|
+
font-size: ${St};
|
|
327
|
+
line-height: ${Zo};
|
|
328
|
+
font-weight: ${H};
|
|
329
|
+
`,p.partial`
|
|
330
330
|
font-family: ${y};
|
|
331
|
-
font-size: ${
|
|
331
|
+
font-size: ${le};
|
|
332
332
|
line-height: ${Ce};
|
|
333
|
-
font-weight: ${
|
|
334
|
-
`,
|
|
333
|
+
font-weight: ${H};
|
|
334
|
+
`,p.partial`
|
|
335
335
|
font-family: ${y};
|
|
336
|
-
font-size: ${
|
|
336
|
+
font-size: ${le};
|
|
337
337
|
line-height: ${Ce};
|
|
338
|
-
font-weight: ${
|
|
339
|
-
`,
|
|
338
|
+
font-weight: ${Yo};
|
|
339
|
+
`,p.partial`
|
|
340
340
|
font-family: ${y};
|
|
341
|
-
font-size: ${
|
|
342
|
-
line-height: ${
|
|
343
|
-
font-weight: ${
|
|
344
|
-
`,
|
|
341
|
+
font-size: ${Hs};
|
|
342
|
+
line-height: ${Gs};
|
|
343
|
+
font-weight: ${H};
|
|
344
|
+
`,p.partial`
|
|
345
345
|
font-family: ${y};
|
|
346
|
-
font-size: ${
|
|
347
|
-
line-height: ${
|
|
348
|
-
font-weight: ${
|
|
349
|
-
`,
|
|
346
|
+
font-size: ${Ds};
|
|
347
|
+
line-height: ${qs};
|
|
348
|
+
font-weight: ${H};
|
|
349
|
+
`,p.partial`
|
|
350
350
|
font-family: ${y};
|
|
351
|
-
font-size: ${
|
|
352
|
-
line-height: ${
|
|
353
|
-
font-weight: ${
|
|
354
|
-
`,
|
|
351
|
+
font-size: ${Ko};
|
|
352
|
+
line-height: ${js};
|
|
353
|
+
font-weight: ${H};
|
|
354
|
+
`,p.partial`
|
|
355
355
|
font-family: ${y};
|
|
356
|
-
font-size: ${
|
|
357
|
-
line-height: ${
|
|
358
|
-
font-weight: ${
|
|
359
|
-
`,
|
|
356
|
+
font-size: ${Vs};
|
|
357
|
+
line-height: ${Ws};
|
|
358
|
+
font-weight: ${H};
|
|
359
|
+
`,p.partial`
|
|
360
360
|
font-family: ${y};
|
|
361
|
-
font-size: ${
|
|
362
|
-
line-height: ${
|
|
363
|
-
font-weight: ${
|
|
364
|
-
`;const
|
|
365
|
-
:host([shape='square']){border-radius:${
|
|
366
|
-
${
|
|
367
|
-
${
|
|
368
|
-
${
|
|
369
|
-
${
|
|
370
|
-
${
|
|
371
|
-
`.withBehaviors(
|
|
372
|
-
:host,:host([appearance='outline']),:host([appearance='tint']){border-color:CanvasText}`));function
|
|
361
|
+
font-size: ${Ns};
|
|
362
|
+
line-height: ${Xs};
|
|
363
|
+
font-weight: ${H};
|
|
364
|
+
`;const $d=p`
|
|
365
|
+
:host([shape='square']){border-radius:${Ji}}:host([shape='rounded']){border-radius:${I}}:host([shape='rounded'][size='tiny']),:host([shape='rounded'][size='extra-small']),:host([shape='rounded'][size='small']){border-radius:${we}}${an}
|
|
366
|
+
${ln}
|
|
367
|
+
${cn}
|
|
368
|
+
${md}
|
|
369
|
+
${vd}
|
|
370
|
+
${nn}
|
|
371
|
+
`.withBehaviors($e(p`
|
|
372
|
+
:host,:host([appearance='outline']),:host([appearance='tint']){border-color:CanvasText}`));function dn(o={}){return v` ${Qe(o)}<slot>${Z(o.defaultContent)}</slot>${Ye(o)} `}const yd=dn(),xd=qt.compose({name:`${b.prefix}-badge`,template:yd,styles:$d});xd.define(b.registry);const si={submit:"submit",reset:"reset",button:"button"};var kd=Object.defineProperty,wd=Object.getOwnPropertyDescriptor,G=(o,e,t,i)=>{for(var r=i>1?void 0:i?wd(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&kd(e,t,r),r};class O extends S{constructor(){super(),this.disabledFocusable=!1,this.elementInternals=this.attachInternals(),this.iconOnly=!1,this.elementInternals.role="button"}disabledFocusableChanged(e,t){this.$fastController.isConnected&&(this.elementInternals.ariaDisabled=`${!!t}`)}get form(){return this.elementInternals.form}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}typeChanged(e,t){t!==si.submit&&(this.formSubmissionFallbackControl?.remove(),this.shadowRoot?.querySelector('slot[name="internal"]')?.remove())}clickHandler(e){if(e&&this.disabledFocusable){e.stopImmediatePropagation();return}return this.press(),!0}connectedCallback(){super.connectedCallback(),this.elementInternals.ariaDisabled=`${!!this.disabledFocusable}`}createAndInsertFormSubmissionFallbackControl(){const e=this.formSubmissionFallbackControlSlot??document.createElement("slot");e.setAttribute("name","internal"),this.shadowRoot?.appendChild(e),this.formSubmissionFallbackControlSlot=e;const t=this.formSubmissionFallbackControl??document.createElement("button");t.style.display="none",t.setAttribute("type","submit"),t.setAttribute("slot","internal"),this.formNoValidate&&t.toggleAttribute("formnovalidate",!0),this.elementInternals.form?.id&&t.setAttribute("form",this.elementInternals.form.id),this.name&&t.setAttribute("name",this.name),this.value&&t.setAttribute("value",this.value),this.formAction&&t.setAttribute("formaction",this.formAction??""),this.formEnctype&&t.setAttribute("formenctype",this.formEnctype??""),this.formMethod&&t.setAttribute("formmethod",this.formMethod??""),this.formTarget&&t.setAttribute("formtarget",this.formTarget??""),this.append(t),this.formSubmissionFallbackControl=t}formDisabledCallback(e){this.disabled=e}keypressHandler(e){if(e&&this.disabledFocusable){e.stopImmediatePropagation();return}if(e.key===Zt||e.key===No){this.click();return}return!0}press(){switch(this.type){case si.reset:{this.resetForm();break}case si.submit:{this.submitForm();break}}}resetForm(){this.elementInternals.form?.reset()}submitForm(){if(!(!this.elementInternals.form||this.disabled||this.type!==si.submit)){if(!this.name&&!this.formAction&&!this.formEnctype&&!this.form&&!this.formMethod&&!this.formNoValidate&&!this.formTarget){this.elementInternals.form.requestSubmit();return}try{this.elementInternals.setFormValue(this.value??""),this.elementInternals.form.requestSubmit(this)}catch{this.createAndInsertFormSubmissionFallbackControl(),this.elementInternals.setFormValue(null),this.elementInternals.form.requestSubmit(this.formSubmissionFallbackControl)}}}}O.formAssociated=!0,G([a],O.prototype,"appearance",2),G([a({mode:"boolean"})],O.prototype,"autofocus",2),G([$],O.prototype,"defaultSlottedContent",2),G([a({mode:"boolean"})],O.prototype,"disabled",2),G([a({attribute:"disabled-focusable",mode:"boolean"})],O.prototype,"disabledFocusable",2),G([a({attribute:"formaction"})],O.prototype,"formAction",2),G([a({attribute:"form"})],O.prototype,"formAttribute",2),G([a({attribute:"formenctype"})],O.prototype,"formEnctype",2),G([a({attribute:"formmethod"})],O.prototype,"formMethod",2),G([a({attribute:"formnovalidate",mode:"boolean"})],O.prototype,"formNoValidate",2),G([a({attribute:"formtarget"})],O.prototype,"formTarget",2),G([a({attribute:"icon-only",mode:"boolean"})],O.prototype,"iconOnly",2),G([a],O.prototype,"name",2),G([a],O.prototype,"shape",2),G([a],O.prototype,"size",2),G([a],O.prototype,"type",2),G([a],O.prototype,"value",2),Le(O,Ke);const ni=p`
|
|
373
373
|
${T("inline-flex")}
|
|
374
374
|
|
|
375
|
-
:host{--icon-spacing:${
|
|
376
|
-
:host([appearance='transparent']:hover){border-color:Highlight}`));function
|
|
377
|
-
<div class="checked-indicator">
|
|
378
|
-
<svg fill="currentColor"
|
|
379
|
-
aria-hidden="true"
|
|
380
|
-
width="1em"
|
|
381
|
-
height="1em"
|
|
382
|
-
viewBox="0 0 12 12"
|
|
383
|
-
xmlns="http://www.w3.org/2000/svg">
|
|
384
|
-
<path d="M9.76 3.2c.3.29.32.76.04 1.06l-4.25 4.5a.75.75 0 0 1-1.08.02L2.22 6.53a.75.75 0 0 1 1.06-1.06l1.7 1.7L8.7 3.24a.75.75 0 0 1 1.06-.04Z" fill="currentColor">
|
|
385
|
-
</path>
|
|
386
|
-
</svg>
|
|
387
|
-
</div>
|
|
388
|
-
`),wd=v.partial(`
|
|
389
|
-
<div class="indeterminate-indicator"></div>
|
|
390
|
-
`);function Cd(o={}){return v`<template role="checkbox" aria-checked="${e=>e.indeterminate?"mixed":e.checked}" aria-required="${e=>e.required}" aria-disabled="${e=>e.disabled}" tabindex="${e=>e.disabled?null:0}" @keypress="${(e,t)=>e.keypressHandler(t.event)}" @click="${(e,t)=>e.clickHandler(t.event)}"><div part="control" class="control"><slot name="checked-indicator">${Z(o.checkedIndicator)}</slot><slot name="indeterminate-indicator">${Z(o.indeterminateIndicator)}</slot></div><label part="label" class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Q("defaultSlottedNodes")}></slot></label></template>`}const Sd=Cd({checkedIndicator:kd,indeterminateIndicator:wd}),Pd=f`
|
|
375
|
+
:host{--icon-spacing:${lt};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:${L};color:${_};border:${ee} solid ${Ct};padding:0 ${et};min-width:96px;border-radius:${I};font-size:${A};font-family:${y};font-weight:${H};line-height:${R};transition-duration:${ei};transition-property:background,border,color;transition-timing-function:${oi};cursor:pointer;user-select:none}.content{display:inherit}:host(:hover){background-color:${qo};color:${Hi};border-color:${co}}:host(:hover:active){background-color:${Ni};border-color:${Xo};color:${ys};outline-style:none}:host(:focus-visible){border-color:${ke};outline:${nt} solid ${ke};box-shadow:${po},0 0 0 2px ${Ie}}@media screen and (prefers-reduced-motion:reduce){transition-duration:0.01ms}::slotted(svg){font-size:20px;height:20px;width:20px;fill:currentColor}[slot='start'],::slotted([slot='start']){margin-inline-end:var(--icon-spacing)}[slot='end'],::slotted([slot='end']){margin-inline-start:var(--icon-spacing)}:host([icon-only]){min-width:32px;max-width:32px}:host([size='small']){--icon-spacing:${De};min-height:24px;min-width:64px;padding:0 ${ze};border-radius:${we};font-size:${j};line-height:${ce};font-weight:${E}}:host([size='small'][icon-only]){min-width:24px;max-width:24px}:host([size='large']){min-height:40px;border-radius:${er};padding:0 ${Ys};font-size:${le};line-height:${Ce}}:host([size='large'][icon-only]){min-width:40px;max-width:40px}:host([size='large']) ::slotted(svg){font-size:24px;height:24px;width:24px}:host([shape='circular']),:host([shape='circular']:focus-visible){border-radius:${ae}}:host([shape='square']),:host([shape='square']:focus-visible){border-radius:${Ji}}:host([appearance='primary']){background-color:${Wo};color:${xe};border-color:transparent}:host([appearance='primary']:hover){background-color:${ji}}:host([appearance='primary']:hover),:host([appearance='primary']:hover:active){border-color:transparent;color:${xe}}:host([appearance='primary']:hover:active){background-color:${qi}}:host([appearance='primary']:focus-visible){border-color:${xe};box-shadow:${tr},0 0 0 2px ${Ie}}:host([appearance='outline']){background-color:${J}}:host([appearance='outline']:hover){background-color:${oo}}:host([appearance='outline']:hover:active){background-color:${io}}:host([appearance='subtle']){background-color:${zs};color:${ye};border-color:transparent}:host([appearance='subtle']:hover){background-color:${Go};color:${Jt};border-color:transparent}:host([appearance='subtle']:hover:active){background-color:${to};color:${eo};border-color:transparent}:host([appearance='subtle']:hover) ::slotted(svg){fill:${Vt}}:host([appearance='subtle']:hover:active) ::slotted(svg){fill:${Nt}}:host([appearance='transparent']){background-color:${J};color:${ye}}:host([appearance='transparent']:hover){background-color:${oo};color:${Vt}}:host([appearance='transparent']:hover:active){background-color:${io};color:${Nt}}:host([appearance='transparent']),:host([appearance='transparent']:hover),:host([appearance='transparent']:hover:active){border-color:transparent}: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:${jt};border-color:${Re};color:${C};cursor:not-allowed}:host(:is([disabled][appearance='primary'],[disabled-focusable][appearance='primary'])),:host(:is([disabled][appearance='primary'],[disabled-focusable][appearance='primary']):hover),:host(:is([disabled][appearance='primary'],[disabled-focusable][appearance='primary']):hover:active){border-color:transparent}:host(:is([disabled][appearance='outline'],[disabled-focusable][appearance='outline'])),:host(:is([disabled][appearance='outline'],[disabled-focusable][appearance='outline']):hover),:host(:is([disabled][appearance='outline'],[disabled-focusable][appearance='outline']):hover:active){background-color:${J}}:host(:is([disabled][appearance='subtle'],[disabled-focusable][appearance='subtle'])),:host(:is([disabled][appearance='subtle'],[disabled-focusable][appearance='subtle']):hover),:host(:is([disabled][appearance='subtle'],[disabled-focusable][appearance='subtle']):hover:active){background-color:${J};border-color:transparent}:host(:is([disabled][appearance='transparent'],[disabled-focusable][appearance='transparent'])),:host(:is([disabled][appearance='transparent'],[disabled-focusable][appearance='transparent']):hover),:host(:is([disabled][appearance='transparent'],[disabled-focusable][appearance='transparent']):hover:active){border-color:transparent;background-color:${J}}`.withBehaviors($e(p`
|
|
376
|
+
:host([appearance='transparent']:hover){border-color:Highlight}`));function ar(o={}){return v`<template tabindex="${e=>e.disabled?-1:0}" @click="${(e,t)=>e.clickHandler(t.event)}" @keypress="${(e,t)=>e.keypressHandler(t.event)}">${Qe(o)}<span class="content" part="content"><slot ${ie("defaultSlottedContent")}></slot></span>${Ye(o)}</template>`}const Cd=ar(),Sd=O.compose({name:`${b.prefix}-button`,template:Cd,styles:ni});Sd.define(b.registry);const Pd=CSS.supports("selector(:state(g))");function ht(o,e,t){if(!Pd){o.shadowRoot.host.toggleAttribute(`state--${e}`,t);return}if(t=t??!o.states.has(e),t){o.states.add(e);return}o.states.delete(e)}var Id=Object.defineProperty,zd=Object.getOwnPropertyDescriptor,Ve=(o,e,t,i)=>{for(var r=i>1?void 0:i?zd(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Id(e,t,r),r};class Be extends S{constructor(){super(),this.disabled=!1,this.initialValue="on",this._checked=this.initialChecked??!1,this.dirtyChecked=!1,this.elementInternals=this.attachInternals(),this._validationFallbackMessage="",this._value=this.initialValue,this.elementInternals.role="checkbox"}get checked(){return w.track(this,"checked"),this._checked}set checked(e){this._checked=e,this.setFormValue(e?this.value:null),this.setValidity(),this.setAriaChecked(),ht(this.elementInternals,"checked",e),w.notify(this,"checked")}indeterminateChanged(e,t){this.setAriaChecked(),ht(this.elementInternals,"indeterminate",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=`${!!t}`)}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 w.track(this,"value"),this._value}set value(e){this._value=e,this.$fastController.isConnected&&(this.setFormValue(e),this.setValidity(),w.notify(this,"value"))}get willValidate(){return this.elementInternals.willValidate}setAriaChecked(){this.elementInternals.ariaChecked=this.indeterminate?"mixed":`${this.checked}`}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(e){if(!this.disabled)return this.dirtyChecked=!0,this.toggleChecked(),this.$emit("change"),this.$emit("input"),!0}connectedCallback(){super.connectedCallback(),this.setFormValue(this.checked?this.value:null),this.setAriaChecked(),this.setValidity()}inputHandler(e){return this.elementInternals.setFormValue(this.value),this.setValidity(),!0}keydownHandler(e){if(e.key!==" ")return!0}keyupHandler(e){if(e.key!==" ")return!0;this.click()}formResetCallback(){this.checked=this.initialChecked??!1,this.dirtyChecked=!1,this.indeterminate=!1,this.setValidity()}reportValidity(){return this.elementInternals.reportValidity()}setFormValue(e,t){this.elementInternals.setFormValue(e,e??t)}setCustomValidity(e){this.elementInternals.setValidity({customError:!0},e),this.setValidity()}setValidity(e={valueMissing:!!this.required&&!this.checked},t=this.validationMessage,i){if(this.$fastController.isConnected){if(this.disabled){this.elementInternals.setValidity({});return}this.elementInternals.setValidity(e,t,i)}}toggleChecked(e=!this.checked){this.indeterminate=!1,this.checked=e}}Be.formAssociated=!0,Ve([a({mode:"boolean"})],Be.prototype,"autofocus",2),Ve([a({mode:"boolean"})],Be.prototype,"disabled",2),Ve([a({attribute:"form"})],Be.prototype,"formAttribute",2),Ve([$],Be.prototype,"indeterminate",2),Ve([a({attribute:"checked",mode:"boolean"})],Be.prototype,"initialChecked",2),Ve([a({attribute:"value",mode:"fromView"})],Be.prototype,"initialValue",2),Ve([a],Be.prototype,"name",2),Ve([a({mode:"boolean"})],Be.prototype,"required",2);class lr extends Be{}Ve([a],lr.prototype,"shape",2),Ve([a],lr.prototype,"size",2);const Te=p.partial`:is([state--checked], :state(checked))`,It=p.partial`:is([state--indeterminate], :state(indeterminate))`,Bd=p`
|
|
391
377
|
${T("inline-flex")}
|
|
392
|
-
|
|
393
|
-
${
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
378
|
+
|
|
379
|
+
:host{--size:16px;background-color:${L};border-radius:${we};border:${ee} solid ${Ze};box-sizing:border-box;cursor:pointer;position:relative;width:var(--size)}:host,.indeterminate-indicator,.checked-indicator{aspect-ratio:1}:host(:hover){border-color:${ao}}:host(:active){border-color:${lo}}:host(${Te}:hover){background-color:${ro};border-color:${Wi}}:host(${Te}:active){background-color:${so};border-color:${Xi}}:host(:focus-visible){outline:none}:host(:not([slot='input']))::after{content:'';position:absolute;inset:-8px;box-sizing:border-box;outline:none;border:${nt} solid ${ke};border-radius:${I}}:host(:not([slot='input']):focus-visible)::after{border-color:${Ie}}.indeterminate-indicator,.checked-indicator{color:${jo};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(${Te})) *:is(::slotted([slot='checked-indicator']),.checked-indicator){display:none}:host(${Te}),:host(${It}){border-color:${Gi}}:host(${Te}),:host(${It}) .indeterminate-indicator{background-color:${wt}}:host(${It}) .indeterminate-indicator{border-radius:${we};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:${ae}}:host([disabled]),:host([disabled]${Te}){background-color:${jt};border-color:${Re}}:host([disabled]){cursor:unset}:host([disabled]${It}) .indeterminate-indicator{background-color:${Re}}:host([disabled]${Te}) .checked-indicator{color:${Re}}`.withBehaviors($e(p`
|
|
380
|
+
:host{border-color:FieldText}:host(:not([slot='input']:focus-visible))::after{border-color:Canvas}:host(:not([disabled]):hover),:host(${Te}:not([disabled]):hover),:host(:not([slot='input']):focus-visible)::after{border-color:Highlight}.indeterminate-indicator,.checked-indicator{color:HighlightText}:host(${Te}),:host(${It}) .indeterminate-indicator{background-color:FieldText}:host(${Te}:not([disabled]):hover),:host(${It}:not([disabled]):hover) .indeterminate-indicator{background-color:Highlight}:host([disabled]){border-color:GrayText}:host([disabled]${It}) .indeterminate-indicator{background-color:GrayText}:host([disabled]),:host([disabled]${Te}) .checked-indicator{color:GrayText}`)),Td=v.partial(`
|
|
381
|
+
<svg
|
|
382
|
+
fill="currentColor"
|
|
383
|
+
aria-hidden="true"
|
|
384
|
+
class="checked-indicator"
|
|
385
|
+
width="1em"
|
|
386
|
+
height="1em"
|
|
387
|
+
viewBox="0 0 12 12"
|
|
388
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
389
|
+
<path d="M9.76 3.2c.3.29.32.76.04 1.06l-4.25 4.5a.75.75 0 0 1-1.08.02L2.22 6.53a.75.75 0 0 1 1.06-1.06l1.7 1.7L8.7 3.24a.75.75 0 0 1 1.06-.04Z" fill="currentColor"></path>
|
|
390
|
+
</svg>
|
|
391
|
+
`),Fd=v.partial(`
|
|
392
|
+
<span class="indeterminate-indicator"></span>
|
|
393
|
+
`);function Od(o={}){return v`<template tabindex="${e=>e.disabled?void 0:0}" @click="${(e,t)=>e.clickHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" @keyup="${(e,t)=>e.keyupHandler(t.event)}"><slot name="checked-indicator">${Z(o.checkedIndicator)}</slot><slot name="indeterminate-indicator">${Z(o.indeterminateIndicator)}</slot></template>`}const Ad=Od({checkedIndicator:Td,indeterminateIndicator:Fd}),Ed=lr.compose({name:`${b.prefix}-checkbox`,template:Ad,styles:Bd});Ed.define(b.registry);class Md extends O{}const _d=p`
|
|
394
|
+
${ni}
|
|
395
|
+
|
|
396
|
+
:host,:host(:is([size])){gap:12px;height:auto;padding-top:14px;padding-inline:12px;padding-bottom:16px;font-size:${A};line-height:${R}}.content{display:flex;flex-direction:column;text-align:start}::slotted([slot='description']){color:${ye};line-height:100%;font-size:${j};font-weight:${E}}::slotted(svg),:host([size='large']) ::slotted(svg){font-size:40px;height:40px;width:40px}:host(:hover) ::slotted([slot='description']){color:${Jt}}:host(:active) ::slotted([slot='description']){color:${eo}}:host(:is([appearance='primary'],[appearance='primary']:hover,[appearance='primary']:active))
|
|
397
|
+
::slotted([slot='description']){color:${xe}}:host(:is([appearance='subtle'],[appearance='subtle']:hover,[appearance='subtle']:active))
|
|
398
|
+
::slotted([slot='description']),:host([appearance='transparent']) ::slotted([slot='description']){color:${ye}}:host([appearance='transparent']:hover) ::slotted([slot='description']){color:${Vt}}:host([appearance='transparent']:active) ::slotted([slot='description']){color:${Nt}}:host(:is([disabled],[disabled][appearance],[disabled-focusable],[disabled-focusable][appearance]))
|
|
399
|
+
::slotted([slot='description']){color:${C}}:host([size='small']){padding:8px;padding-bottom:10px}:host([icon-only]){min-width:52px;max-width:52px;padding:${lt}}:host([icon-only][size='small']){min-width:48px;max-width:48px;padding:${De}}:host([icon-only][size='large']){min-width:56px;max-width:56px;padding:${ze}}:host([size='large']){padding-top:18px;padding-inline:16px;padding-bottom:20px;font-size:${le};line-height:${Ce}}:host([size='large']) ::slotted([slot='description']){font-size:${A}}`;function Ld(o={}){return v`<template ?disabled="${e=>e.disabled}" tabindex="${e=>e.disabled?-1:0}">${Qe(o)}<span class="content" part="content"><slot ${ie("defaultSlottedContent")}></slot><slot name="description"></slot></span>${Ye(o)}</template>`}const Rd=Ld(),Dd=Md.compose({name:`${b.prefix}-compound-button`,template:Rd,styles:_d});Dd.define(b.registry);var Hd=Object.defineProperty,Vd=Object.getOwnPropertyDescriptor,ut=(o,e,t,i)=>{for(var r=i>1?void 0:i?Vd(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Hd(e,t,r),r};class Ne extends S{constructor(){super(...arguments),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}`}}ut([a],Ne.prototype,"appearance",2),ut([a],Ne.prototype,"color",2),ut([a],Ne.prototype,"shape",2),ut([a],Ne.prototype,"size",2),ut([a({converter:pe})],Ne.prototype,"count",2),ut([a({attribute:"overflow-count",converter:pe})],Ne.prototype,"overflowCount",2),ut([a({attribute:"show-zero",mode:"boolean"})],Ne.prototype,"showZero",2),ut([a({mode:"boolean"})],Ne.prototype,"dot",2),Le(Ne,Ke);const Nd=p`
|
|
400
|
+
:host([shape='rounded']){border-radius:${I}}:host([shape='rounded'][size='tiny']),:host([shape='rounded'][size='extra-small']),:host([shape='rounded'][size='small']){border-radius:${we}}${an}
|
|
401
|
+
${ln}
|
|
402
|
+
${cn}
|
|
403
|
+
${nn}
|
|
404
|
+
|
|
405
|
+
:host([dot]),:host([dot][appearance][size]){min-width:auto;width:6px;height:6px;padding:0}`;function jd(o={}){return dn({defaultContent:v`${e=>e.setCount()}`})}const qd=jd(),Gd=Ne.compose({name:`${b.prefix}-counter-badge`,template:qd,styles:Nd});Gd.define(b.registry);const je={modal:"modal",nonModal:"non-modal",alert:"alert"};var Wd=Object.defineProperty,Xd=Object.getOwnPropertyDescriptor,ai=(o,e,t,i)=>{for(var r=i>1?void 0:i?Xd(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Wd(e,t,r),r};class bo extends S{constructor(){super(...arguments),this.type=je.modal,this.emitBeforeToggle=()=>{this.$emit("beforetoggle",{oldState:this.dialog.open?"open":"closed",newState:this.dialog.open?"closed":"open"})},this.emitToggle=()=>{this.$emit("toggle",{oldState:this.dialog.open?"closed":"open",newState:this.dialog.open?"open":"closed"})}}show(){Se.enqueue(()=>{this.emitBeforeToggle(),this.type===je.alert||this.type===je.modal?this.dialog.showModal():this.type===je.nonModal&&this.dialog.show(),this.emitToggle()})}hide(){this.emitBeforeToggle(),this.dialog.close(),this.emitToggle()}clickHandler(e){return e.preventDefault(),this.dialog.open&&this.type!==je.alert&&e.target===this.dialog&&this.hide(),!0}}ai([$],bo.prototype,"dialog",2),ai([a({attribute:"aria-describedby"})],bo.prototype,"ariaDescribedby",2),ai([a({attribute:"aria-labelledby"})],bo.prototype,"ariaLabelledby",2),ai([a],bo.prototype,"type",2);const Ud=v`<dialog role="${o=>o.type===je.alert?"alertdialog":"dialog"}" type="${o=>o.type}" class="dialog" part="dialog" aria-modal="${o=>o.type===je.modal||o.type===je.alert?"true":void 0}" aria-describedby="${o=>o.ariaDescribedby}" aria-labelledby="${o=>o.ariaLabelledby}" aria-label="${o=>o.ariaLabel}" @click="${(o,e)=>o.clickHandler(e.event)}" @cancel="${(o,e)=>o.type===je.alert?e.event.preventDefault():o.hide()}" ${me("dialog")}><slot></slot></dialog>`,Kd=p`
|
|
406
|
+
@layer base{:host{--dialog-backdrop:${Xa};--dialog-starting-scale:0.85}::backdrop{background:var(--dialog-backdrop,rgba(0,0,0,0.4))}dialog{background:${L};border-radius:${Rs};border:none;box-shadow:${xc};color:${_};max-height:calc(-48px + 100vh);padding:0;width:100%;max-width:600px}:host([type='non-modal']) dialog{inset:0;position:fixed;z-index:2;overflow:auto}}@layer animations{@media (prefers-reduced-motion:no-preference){dialog,::backdrop{transition:display allow-discrete,opacity,overlay allow-discrete,scale;transition-duration:${Sc};transition-timing-function:${ir};opacity:0}::backdrop{transition-timing-function:${on}}[open],[open]::backdrop{opacity:1}dialog:not([open]){scale:var(--dialog-starting-scale);transition-timing-function:${or}}}@starting-style{[open],[open]::backdrop{opacity:0}dialog{scale:var(--dialog-starting-scale)}}}`.withBehaviors($e(p`
|
|
407
|
+
@layer base{dialog{border:${ee} solid ${ke}}}`)),Yd=bo.compose({name:`${b.prefix}-dialog`,template:Ud,styles:Kd});Yd.define(b.registry);var Qd=Object.defineProperty,Zd=Object.getOwnPropertyDescriptor,Jd=(o,e,t,i)=>{for(var r=i>1?void 0:i?Zd(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Qd(e,t,r),r};class hn extends S{constructor(){super(...arguments),this.noTitleAction=!1}}Jd([a({mode:"boolean",attribute:"no-title-action"})],hn.prototype,"noTitleAction",2);const eh=v.partial(`
|
|
406
408
|
<svg
|
|
407
409
|
fill="currentColor"
|
|
408
410
|
aria-hidden="true"
|
|
@@ -415,82 +417,85 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
415
417
|
d="m4.09 4.22.06-.07a.5.5 0 0 1 .63-.06l.07.06L10 9.29l5.15-5.14a.5.5 0 0 1 .63-.06l.07.06c.18.17.2.44.06.63l-.06.07L10.71 10l5.14 5.15c.18.17.2.44.06.63l-.06.07a.5.5 0 0 1-.63.06l-.07-.06L10 10.71l-5.15 5.14a.5.5 0 0 1-.63.06l-.07-.06a.5.5 0 0 1-.06-.63l.06-.07L9.29 10 4.15 4.85a.5.5 0 0 1-.06-.63l.06-.07-.06.07Z"
|
|
416
418
|
fill="currentColor"
|
|
417
419
|
></path>
|
|
418
|
-
</svg>`),
|
|
420
|
+
</svg>`),th=v`<div class="title" part="title"><slot name="title"></slot><slot name="title-action"><fluent-button ?hidden=${o=>o.noTitleAction||o.parentNode?.type!==je.nonModal} tabindex="0" part="title-action" class="title-action" appearance="transparent" icon-only @click=${o=>o.parentNode?.hide()} ${me("defaultTitleAction")}>${eh}</fluent-button></slot></div><div class="content" part="content"><slot></slot></div><div class="actions" part="actions"><slot name="action"></slot></div>`,oh=p`
|
|
419
421
|
${T("grid")}
|
|
420
422
|
|
|
421
|
-
:host{background:${
|
|
423
|
+
:host{background:${L};box-sizing:border-box;gap:${U};padding:${go} ${kc};container:dialog-body / inline-size}.title{box-sizing:border-box;align-items:flex-start;background:${L};color:${_};column-gap:8px;display:flex;font-family:${y};font-size:${St};font-weight:${H};inset-block-start:0;justify-content:space-between;line-height:${Zo};margin-block-end:calc(${U} * -1);margin-block-start:calc(${go} * -1);padding-block-end:${U};padding-block-start:${go};position:sticky;z-index:1}.content{box-sizing:border-box;color:${_};font-family:${y};font-size:${A};font-weight:${E};line-height:${R};min-height:32px}.actions{box-sizing:border-box;background:${L};display:flex;flex-direction:column;gap:${U};inset-block-end:0;margin-block-end:calc(${go} * -1);padding-block-end:${go};padding-block-start:${Zs};position:sticky;z-index:2}:not(:has(:is([slot='title'],[slot='title-action']))) .title:not(:has(.title-action)),:not(:has([slot='action'])) .actions{display:none}@container (min-width:480px){.actions{align-items:center;flex-direction:row;justify-content:flex-end;margin-block-start:calc(${U} * -1);padding-block-start:${U}}}`,ih=hn.compose({name:`${b.prefix}-dialog-body`,template:th,styles:oh});ih.define(b.registry);const un={separator:"separator",presentation:"presentation"},rh=re;var sh=Object.defineProperty,nh=Object.getOwnPropertyDescriptor,mo=(o,e,t,i)=>{for(var r=i>1?void 0:i?nh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&sh(e,t,r),r};class Gt extends S{constructor(){super(...arguments),this.role=un.separator,this.orientation=rh.horizontal}}mo([a],Gt.prototype,"role",2),mo([a],Gt.prototype,"orientation",2),mo([a({attribute:"align-content"})],Gt.prototype,"alignContent",2),mo([a],Gt.prototype,"appearance",2),mo([a({mode:"boolean"})],Gt.prototype,"inset",2);function ah(){return v`<template role="${o=>o.role}" aria-orientation="${o=>o.role!==un.presentation?o.orientation:void 0}"><slot></slot></template>`}const lh=ah(),ch=p`
|
|
422
424
|
${T("flex")}
|
|
423
425
|
|
|
424
|
-
:host{contain:content}:host::after,:host::before{align-self:center;background:${
|
|
425
|
-
: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}`)),
|
|
426
|
-
|
|
427
|
-
|
|
426
|
+
:host{contain:content}:host::after,:host::before{align-self:center;background:${ho};box-sizing:border-box;content:'';display:flex;flex-grow:1;height:${ee}}:host([inset]){padding:0 12px}:host ::slotted(*){color:${ye};font-family:${y};font-size:${j};font-weight:${E};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']){height:100%;min-height:84px}:host([orientation='vertical']):empty{min-height:20px}:host([orientation='vertical']){flex-direction:column;align-items:center}: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:${ee};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:${Ct}}:host([appearance='strong']) ::slotted(*){color:${_}}:host([appearance='brand'])::before,:host([appearance='brand'])::after{background:${Ts}}:host([appearance='brand']) ::slotted(*){color:${Vi}}:host([appearance='subtle'])::before,:host([appearance='subtle'])::after{background:${Ka}}:host([appearance='subtle']) ::slotted(*){color:${ne}}`.withBehaviors($e(p`
|
|
427
|
+
: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}`)),dh=Gt.compose({name:`${b.prefix}-divider`,template:lh,styles:ch});dh.define(b.registry);const hh={above:"above",after:"after",before:"before"},k={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 uh=Object.defineProperty,ph=Object.getOwnPropertyDescriptor,cr=(o,e,t,i)=>{for(var r=i>1?void 0:i?ph(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&uh(e,t,r),r};class li extends S{constructor(){super(...arguments),this.labelPosition=hh.above,this.elementInternals=this.attachInternals()}messageSlotChanged(e,t){if(!t.length){this.removeEventListener("invalid",this.invalidHandler,{capture:!0});return}this.addEventListener("invalid",this.invalidHandler,{capture:!0})}slottedInputsChanged(e,t){this.input=t?.[0],this.input&&this.setStates()}changeHandler(e){this.setStates()}clickHandler(e){if(this.isSameNode(e.target)){this.input.focus(),this.input.click();return}return!0}focusinHandler(e){return e.target.matches(":focus-visible")&&ht(this.elementInternals,"focus-visible",!0),!0}focusoutHandler(e){return ht(this.elementInternals,"focus-visible",!1),!0}invalidHandler(e){this.messageSlot.length&&e.preventDefault(),this.setStates()}setStates(){if(this.$fastController.isConnected){if(ht(this.elementInternals,"disabled",!!this.input.disabled),ht(this.elementInternals,"readonly",!!this.input.readOnly),ht(this.elementInternals,"required",!!this.input.required),!this.input.validity)return;for(const[e,t]of Object.entries(k))ht(this.elementInternals,t,!!this.input.validity[e])}}}cr([a({attribute:"label-position"})],li.prototype,"labelPosition",2),cr([$],li.prototype,"messageSlot",2),cr([$],li.prototype,"slottedInputs",2);const fh=p.partial`:is([state--disabled], :state(disabled))`,gh=p.partial`:is([state--focus-visible], :state(focus-visible))`,bh=p.partial`:is([state--${k.badInput}], :state(${k.badInput}))`,mh=p.partial`:is([state--${k.customError}], :state(${k.customError}))`,vh=p.partial`:is([state--${k.patternMismatch}], :state(${k.patternMismatch}))`,$h=p.partial`:is([state--${k.rangeOverflow}], :state(${k.rangeOverflow}))`,yh=p.partial`:is([state--${k.rangeUnderflow}], :state(${k.rangeUnderflow}))`,xh=p.partial`:is([state--${k.stepMismatch}], :state(${k.stepMismatch}))`,kh=p.partial`:is([state--${k.tooLong}], :state(${k.tooLong}))`,wh=p.partial`:is([state--${k.tooShort}], :state(${k.tooShort}))`,Ch=p.partial`:is([state--${k.typeMismatch}], :state(${k.typeMismatch}))`,Sh=p.partial`:is([state-${k.valid}], :state(${k.valid}))`,Ph=p.partial`:is([state--${k.valueMissing}], :state(${k.valueMissing}))`,Ih=p`
|
|
428
|
+
${T("inline-grid")}
|
|
429
|
+
|
|
430
|
+
:host{align-items:center;cursor:pointer;gap:0 ${et};justify-items:start;padding:${U}}:has([slot='message']){color:${_};row-gap:${U}}: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:${et}}:host([label-position='above']){grid-template-areas:'label' 'input' 'message';row-gap:${Jo}}:host([label-position='below']){grid-template-areas:'input' 'label' 'message'}::slotted([slot='label']){cursor:pointer;grid-area:label}::slotted([slot='input']){grid-area:input}::slotted([slot='message']){margin-block-start:${Jo};grid-area:message}:host(${gh}:focus-within){border-radius:${I};outline:${nt} solid ${Ie}}::slotted(label){display:inline-flex;color:${_};cursor:pointer;font-family:${y};font-size:${A};font-weight:${E};line-height:${R};user-select:none}:host([size='small']) ::slotted(label){font-size:${j};line-height:${ce}}:host([size='large']) ::slotted(label){font-size:${le};line-height:${Ce}}:host([size='large']) ::slotted(label),:host([weight='semibold']) ::slotted(label){font-weight:${H}}:host(${fh}) ::slotted(label){color:${_};cursor:default}::slotted([flag]){display:none}:host(${bh}) ::slotted([flag='${k.badInput}']),:host(${mh}) ::slotted([flag='${k.customError}']),:host(${vh}) ::slotted([flag='${k.patternMismatch}']),:host(${$h}) ::slotted([flag='${k.rangeOverflow}']),:host(${yh}) ::slotted([flag='${k.rangeUnderflow}']),:host(${xh}) ::slotted([flag='${k.stepMismatch}']),:host(${kh}) ::slotted([flag='${k.tooLong}']),:host(${wh}) ::slotted([flag='${k.tooShort}']),:host(${Ch}) ::slotted([flag='${k.typeMismatch}']),:host(${Ph}) ::slotted([flag='${k.valueMissing}']),:host(${Sh}) ::slotted([flag='${k.valid}']){display:block}`,zh=v`<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)}" ${ga({property:"slottedInputs",attributes:!0,attributeFilter:["disabled","required","readonly"],subtree:!0,selector:'[slot="input"]',filter:xt()})}><slot name="label" part="label"></slot><slot name="input" part="input"></slot><slot name="message" part="message" ${ie({property:"messageSlot",filter:xt("[flag]")})}></slot></template>`,Bh=li.compose({name:`${b.prefix}-field`,template:zh,styles:Ih,shadowOptions:{delegatesFocus:!0}});Bh.define(b.registry);var Th=Object.defineProperty,Fh=Object.getOwnPropertyDescriptor,vo=(o,e,t,i)=>{for(var r=i>1?void 0:i?Fh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Th(e,t,r),r};class Wt extends S{}vo([a({mode:"boolean"})],Wt.prototype,"block",2),vo([a({mode:"boolean"})],Wt.prototype,"bordered",2),vo([a({mode:"boolean"})],Wt.prototype,"shadow",2),vo([a],Wt.prototype,"fit",2),vo([a],Wt.prototype,"shape",2);const Oh=v`<slot></slot>`,Ah=p`
|
|
431
|
+
: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:${ee} solid ${ho}}: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:${po}}:host([shape='circular']) ::slotted(img){border-radius:${ae}}:host([shape='rounded']) ::slotted(img){border-radius:${I}}`,Eh=Wt.compose({name:`${b.prefix}-image`,template:Oh,styles:Ah});Eh.define(b.registry);var Mh=Object.defineProperty,_h=Object.getOwnPropertyDescriptor,ci=(o,e,t,i)=>{for(var r=i>1?void 0:i?_h(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Mh(e,t,r),r};class $o extends S{constructor(){super(...arguments),this.disabled=!1,this.required=!1}}ci([a],$o.prototype,"size",2),ci([a],$o.prototype,"weight",2),ci([a({mode:"boolean"})],$o.prototype,"disabled",2),ci([a({mode:"boolean"})],$o.prototype,"required",2);const Lh=p`
|
|
432
|
+
${T("inline-flex")}
|
|
428
433
|
|
|
429
|
-
:host{font-family:${y};font-size:${
|
|
434
|
+
:host{color:${_};cursor:pointer;font-family:${y};font-size:${A};font-weight:${E};line-height:${R};user-select:none}.asterisk{color:${As};margin-inline-start:${De}}:host([size='small']){font-size:${j};line-height:${ce}}:host([size='large']){font-size:${le};line-height:${Ce}}:host([size='large']),:host([weight='semibold']){font-weight:${H}}:host([disabled]),:host([disabled]) .asterisk{color:${C}}`;function Rh(){return v`<slot></slot><span part="asterisk" class="asterisk" ?hidden="${o=>!o.required}">*</span>`}const Dh=Rh(),Hh=$o.compose({name:`${b.prefix}-label`,template:Dh,styles:Lh});Hh.define(b.registry);class Vh extends O{}const Nh=ar({end:v.partial(`
|
|
430
435
|
<svg slot="end" fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
|
431
436
|
<path d="M15.85 7.65c.2.2.2.5 0 .7l-5.46 5.49a.55.55 0 0 1-.78 0L4.15 8.35a.5.5 0 1 1 .7-.7L10 12.8l5.15-5.16c.2-.2.5-.2.7 0Z" fill="currentColor"></path>
|
|
432
437
|
</svg>
|
|
433
|
-
`)}),mh=gh.compose({name:`${b.prefix}-menu-button`,template:bh,styles:tr});mh.define(b.registry);function ir(o){return o.split("-")[1]}function hn(o){return o==="y"?"height":"width"}function $t(o){return o.split("-")[0]}function sr(o){return["top","bottom"].includes($t(o))?"x":"y"}function un(o,e,t){let{reference:r,floating:i}=o;const s=r.x+r.width/2-i.width/2,n=r.y+r.height/2-i.height/2,c=sr(e),h=hn(c),d=r[h]/2-i[h]/2,l=c==="x";let u;switch($t(e)){case"top":u={x:s,y:r.y-i.height};break;case"bottom":u={x:s,y:r.y+r.height};break;case"right":u={x:r.x+r.width,y:n};break;case"left":u={x:r.x-i.width,y:n};break;default:u={x:r.x,y:r.y}}switch(ir(e)){case"start":u[c]-=d*(t&&l?-1:1);break;case"end":u[c]+=d*(t&&l?-1:1)}return u}const vh=async(o,e,t)=>{const{placement:r="bottom",strategy:i="absolute",middleware:s=[],platform:n}=t,c=s.filter(Boolean),h=await(n.isRTL==null?void 0:n.isRTL(e));let d=await n.getElementRects({reference:o,floating:e,strategy:i}),{x:l,y:u}=un(d,r,h),p=r,g={},m=0;for(let x=0;x<c.length;x++){const{name:C,fn:I}=c[x],{x:z,y:N,data:re,reset:ie}=await I({x:l,y:u,initialPlacement:r,placement:p,strategy:i,middlewareData:g,rects:d,platform:n,elements:{reference:o,floating:e}});l=z??l,u=N??u,g={...g,[C]:{...g[C],...re}},ie&&m<=50&&(m++,typeof ie=="object"&&(ie.placement&&(p=ie.placement),ie.rects&&(d=ie.rects===!0?await n.getElementRects({reference:o,floating:e,strategy:i}):ie.rects),{x:l,y:u}=un(d,p,h)),x=-1)}return{x:l,y:u,placement:p,strategy:i,middlewareData:g}};function $h(o){return typeof o!="number"?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(o):{top:o,right:o,bottom:o,left:o}}function ni(o){return{...o,top:o.y,left:o.x,right:o.x+o.width,bottom:o.y+o.height}}async function mo(o,e){var t;e===void 0&&(e={});const{x:r,y:i,platform:s,rects:n,elements:c,strategy:h}=o,{boundary:d="clippingAncestors",rootBoundary:l="viewport",elementContext:u="floating",altBoundary:p=!1,padding:g=0}=e,m=$h(g),x=c[p?u==="floating"?"reference":"floating":u],C=ni(await s.getClippingRect({element:(t=await(s.isElement==null?void 0:s.isElement(x)))==null||t?x:x.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(c.floating)),boundary:d,rootBoundary:l,strategy:h})),I=u==="floating"?{...n.floating,x:r,y:i}:n.reference,z=await(s.getOffsetParent==null?void 0:s.getOffsetParent(c.floating)),N=await(s.isElement==null?void 0:s.isElement(z))&&await(s.getScale==null?void 0:s.getScale(z))||{x:1,y:1},re=ni(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({rect:I,offsetParent:z,strategy:h}):I);return{top:(C.top-re.top+m.top)/N.y,bottom:(re.bottom-C.bottom+m.bottom)/N.y,left:(C.left-re.left+m.left)/N.x,right:(re.right-C.right+m.right)/N.x}}const ai=Math.min,yt=Math.max;function pn(o,e,t){return yt(o,ai(e,t))}const fn=["top","right","bottom","left"];fn.reduce((o,e)=>o.concat(e,e+"-start",e+"-end"),[]);const yh={left:"right",right:"left",bottom:"top",top:"bottom"};function nr(o){return o.replace(/left|right|bottom|top/g,e=>yh[e])}function xh(o,e,t){t===void 0&&(t=!1);const r=ir(o),i=sr(o),s=hn(i);let n=i==="x"?r===(t?"end":"start")?"right":"left":r==="start"?"bottom":"top";return e.reference[s]>e.floating[s]&&(n=nr(n)),{main:n,cross:nr(n)}}const kh={start:"end",end:"start"};function li(o){return o.replace(/start|end/g,e=>kh[e])}const gn=function(o){return o===void 0&&(o={}),{name:"flip",options:o,async fn(e){var t;const{placement:r,middlewareData:i,rects:s,initialPlacement:n,platform:c,elements:h}=e,{mainAxis:d=!0,crossAxis:l=!0,fallbackPlacements:u,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:m=!0,...x}=o,C=$t(r),I=$t(n)===n,z=await(c.isRTL==null?void 0:c.isRTL(h.floating)),N=u||(I||!m?[nr(n)]:function(ge){const Ne=nr(ge);return[li(ge),Ne,li(Ne)]}(n));u||g==="none"||N.push(...function(ge,Ne,dt,Qe){const He=ir(ge);let be=function(qt,vr,Dn){const ki=["left","right"],wi=["right","left"],Nn=["top","bottom"],Hn=["bottom","top"];switch(qt){case"top":case"bottom":return Dn?vr?wi:ki:vr?ki:wi;case"left":case"right":return vr?Nn:Hn;default:return[]}}($t(ge),dt==="start",Qe);return He&&(be=be.map(qt=>qt+"-"+He),Ne&&(be=be.concat(be.map(li)))),be}(n,m,g,z));const re=[n,...N],ie=await mo(e,x),ct=[];let Ye=((t=i.flip)==null?void 0:t.overflows)||[];if(d&&ct.push(ie[C]),l){const{main:ge,cross:Ne}=xh(r,s,z);ct.push(ie[ge],ie[Ne])}if(Ye=[...Ye,{placement:r,overflows:ct}],!ct.every(ge=>ge<=0)){var jt,yi;const ge=(((jt=i.flip)==null?void 0:jt.index)||0)+1,Ne=re[ge];if(Ne)return{data:{index:ge,overflows:Ye},reset:{placement:Ne}};let dt=(yi=Ye.filter(Qe=>Qe.overflows[0]<=0).sort((Qe,He)=>Qe.overflows[1]-He.overflows[1])[0])==null?void 0:yi.placement;if(!dt)switch(p){case"bestFit":{var xi;const Qe=(xi=Ye.map(He=>[He.placement,He.overflows.filter(be=>be>0).reduce((be,qt)=>be+qt,0)]).sort((He,be)=>He[1]-be[1])[0])==null?void 0:xi[0];Qe&&(dt=Qe);break}case"initialPlacement":dt=n}if(r!==dt)return{reset:{placement:dt}}}return{}}}};function bn(o,e){return{top:o.top-e.height,right:o.right-e.width,bottom:o.bottom-e.height,left:o.left-e.width}}function mn(o){return fn.some(e=>o[e]>=0)}const wh=function(o){return o===void 0&&(o={}),{name:"hide",options:o,async fn(e){const{strategy:t="referenceHidden",...r}=o,{rects:i}=e;switch(t){case"referenceHidden":{const s=bn(await mo(e,{...r,elementContext:"reference"}),i.reference);return{data:{referenceHiddenOffsets:s,referenceHidden:mn(s)}}}case"escaped":{const s=bn(await mo(e,{...r,altBoundary:!0}),i.floating);return{data:{escapedOffsets:s,escaped:mn(s)}}}default:return{}}}}};function Ch(o){return o==="x"?"y":"x"}const Sh=function(o){return o===void 0&&(o={}),{name:"shift",options:o,async fn(e){const{x:t,y:r,placement:i}=e,{mainAxis:s=!0,crossAxis:n=!1,limiter:c={fn:C=>{let{x:I,y:z}=C;return{x:I,y:z}}},...h}=o,d={x:t,y:r},l=await mo(e,h),u=sr($t(i)),p=Ch(u);let g=d[u],m=d[p];if(s){const C=u==="y"?"bottom":"right";g=pn(g+l[u==="y"?"top":"left"],g,g-l[C])}if(n){const C=p==="y"?"bottom":"right";m=pn(m+l[p==="y"?"top":"left"],m,m-l[C])}const x=c.fn({...e,[u]:g,[p]:m});return{...x,data:{x:x.x-t,y:x.y-r}}}}},vn=function(o){return o===void 0&&(o={}),{name:"size",options:o,async fn(e){const{placement:t,rects:r,platform:i,elements:s}=e,{apply:n=()=>{},...c}=o,h=await mo(e,c),d=$t(t),l=ir(t),u=sr(t)==="x",{width:p,height:g}=r.floating;let m,x;d==="top"||d==="bottom"?(m=d,x=l===(await(i.isRTL==null?void 0:i.isRTL(s.floating))?"start":"end")?"left":"right"):(x=d,m=l==="end"?"top":"bottom");const C=g-h[m],I=p-h[x];let z=C,N=I;if(u?N=ai(p-h.right-h.left,I):z=ai(g-h.bottom-h.top,C),!e.middlewareData.shift&&!l){const ie=yt(h.left,0),ct=yt(h.right,0),Ye=yt(h.top,0),jt=yt(h.bottom,0);u?N=p-2*(ie!==0||ct!==0?ie+ct:yt(h.left,h.right)):z=g-2*(Ye!==0||jt!==0?Ye+jt:yt(h.top,h.bottom))}await n({...e,availableWidth:N,availableHeight:z});const re=await i.getDimensions(s.floating);return p!==re.width||g!==re.height?{reset:{rects:!0}}:{}}}};function fe(o){var e;return((e=o.ownerDocument)==null?void 0:e.defaultView)||window}function Me(o){return fe(o).getComputedStyle(o)}const $n=Math.min,vo=Math.max,ar=Math.round;function yn(o){const e=Me(o);let t=parseFloat(e.width),r=parseFloat(e.height);const i=o.offsetWidth,s=o.offsetHeight,n=ar(t)!==i||ar(r)!==s;return n&&(t=i,r=s),{width:t,height:r,fallback:n}}function st(o){return kn(o)?(o.nodeName||"").toLowerCase():""}let lr;function xn(){if(lr)return lr;const o=navigator.userAgentData;return o&&Array.isArray(o.brands)?(lr=o.brands.map(e=>e.brand+"/"+e.version).join(" "),lr):navigator.userAgent}function Re(o){return o instanceof fe(o).HTMLElement}function Se(o){return o instanceof fe(o).Element}function kn(o){return o instanceof fe(o).Node}function wn(o){return typeof ShadowRoot>"u"?!1:o instanceof fe(o).ShadowRoot||o instanceof ShadowRoot}function cr(o){const{overflow:e,overflowX:t,overflowY:r,display:i}=Me(o);return/auto|scroll|overlay|hidden|clip/.test(e+r+t)&&!["inline","contents"].includes(i)}function Ph(o){return["table","td","th"].includes(st(o))}function ci(o){const e=/firefox/i.test(xn()),t=Me(o),r=t.backdropFilter||t.WebkitBackdropFilter;return t.transform!=="none"||t.perspective!=="none"||!!r&&r!=="none"||e&&t.willChange==="filter"||e&&!!t.filter&&t.filter!=="none"||["transform","perspective"].some(i=>t.willChange.includes(i))||["paint","layout","strict","content"].some(i=>{const s=t.contain;return s!=null&&s.includes(i)})}function di(){return/^((?!chrome|android).)*safari/i.test(xn())}function hi(o){return["html","body","#document"].includes(st(o))}function Cn(o){return Se(o)?o:o.contextElement}const Sn={x:1,y:1};function Vt(o){const e=Cn(o);if(!Re(e))return Sn;const t=e.getBoundingClientRect(),{width:r,height:i,fallback:s}=yn(e);let n=(s?ar(t.width):t.width)/r,c=(s?ar(t.height):t.height)/i;return n&&Number.isFinite(n)||(n=1),c&&Number.isFinite(c)||(c=1),{x:n,y:c}}function xt(o,e,t,r){var i,s;e===void 0&&(e=!1),t===void 0&&(t=!1);const n=o.getBoundingClientRect(),c=Cn(o);let h=Sn;e&&(r?Se(r)&&(h=Vt(r)):h=Vt(o));const d=c?fe(c):window,l=di()&&t;let u=(n.left+(l&&((i=d.visualViewport)==null?void 0:i.offsetLeft)||0))/h.x,p=(n.top+(l&&((s=d.visualViewport)==null?void 0:s.offsetTop)||0))/h.y,g=n.width/h.x,m=n.height/h.y;if(c){const x=fe(c),C=r&&Se(r)?fe(r):r;let I=x.frameElement;for(;I&&r&&C!==x;){const z=Vt(I),N=I.getBoundingClientRect(),re=getComputedStyle(I);N.x+=(I.clientLeft+parseFloat(re.paddingLeft))*z.x,N.y+=(I.clientTop+parseFloat(re.paddingTop))*z.y,u*=z.x,p*=z.y,g*=z.x,m*=z.y,u+=N.x,p+=N.y,I=fe(I).frameElement}}return{width:g,height:m,top:p,right:u+g,bottom:p+m,left:u,x:u,y:p}}function nt(o){return((kn(o)?o.ownerDocument:o.document)||window.document).documentElement}function dr(o){return Se(o)?{scrollLeft:o.scrollLeft,scrollTop:o.scrollTop}:{scrollLeft:o.pageXOffset,scrollTop:o.pageYOffset}}function Pn(o){return xt(nt(o)).left+dr(o).scrollLeft}function $o(o){if(st(o)==="html")return o;const e=o.assignedSlot||o.parentNode||wn(o)&&o.host||nt(o);return wn(e)?e.host:e}function Bn(o){const e=$o(o);return hi(e)?e.ownerDocument.body:Re(e)&&cr(e)?e:Bn(e)}function yo(o,e){var t;e===void 0&&(e=[]);const r=Bn(o),i=r===((t=o.ownerDocument)==null?void 0:t.body),s=fe(r);return i?e.concat(s,s.visualViewport||[],cr(r)?r:[]):e.concat(r,yo(r))}function zn(o,e,t){let r;if(e==="viewport")r=function(n,c){const h=fe(n),d=nt(n),l=h.visualViewport;let u=d.clientWidth,p=d.clientHeight,g=0,m=0;if(l){u=l.width,p=l.height;const x=di();(!x||x&&c==="fixed")&&(g=l.offsetLeft,m=l.offsetTop)}return{width:u,height:p,x:g,y:m}}(o,t);else if(e==="document")r=function(n){const c=nt(n),h=dr(n),d=n.ownerDocument.body,l=vo(c.scrollWidth,c.clientWidth,d.scrollWidth,d.clientWidth),u=vo(c.scrollHeight,c.clientHeight,d.scrollHeight,d.clientHeight);let p=-h.scrollLeft+Pn(n);const g=-h.scrollTop;return Me(d).direction==="rtl"&&(p+=vo(c.clientWidth,d.clientWidth)-l),{width:l,height:u,x:p,y:g}}(nt(o));else if(Se(e))r=function(n,c){const h=xt(n,!0,c==="fixed"),d=h.top+n.clientTop,l=h.left+n.clientLeft,u=Re(n)?Vt(n):{x:1,y:1};return{width:n.clientWidth*u.x,height:n.clientHeight*u.y,x:l*u.x,y:d*u.y}}(e,t);else{const n={...e};if(di()){var i,s;const c=fe(o);n.x-=((i=c.visualViewport)==null?void 0:i.offsetLeft)||0,n.y-=((s=c.visualViewport)==null?void 0:s.offsetTop)||0}r=n}return ni(r)}function In(o,e){return Re(o)&&Me(o).position!=="fixed"?e?e(o):o.offsetParent:null}function Tn(o,e){const t=fe(o);let r=In(o,e);for(;r&&Ph(r)&&Me(r).position==="static";)r=In(r,e);return r&&(st(r)==="html"||st(r)==="body"&&Me(r).position==="static"&&!ci(r))?t:r||function(i){let s=$o(i);for(;Re(s)&&!hi(s);){if(ci(s))return s;s=$o(s)}return null}(o)||t}function Bh(o,e,t){const r=Re(e),i=nt(e),s=xt(o,!0,t==="fixed",e);let n={scrollLeft:0,scrollTop:0};const c={x:0,y:0};if(r||!r&&t!=="fixed")if((st(e)!=="body"||cr(i))&&(n=dr(e)),Re(e)){const h=xt(e,!0);c.x=h.x+e.clientLeft,c.y=h.y+e.clientTop}else i&&(c.x=Pn(i));return{x:s.left+n.scrollLeft-c.x,y:s.top+n.scrollTop-c.y,width:s.width,height:s.height}}const zh={getClippingRect:function(o){let{element:e,boundary:t,rootBoundary:r,strategy:i}=o;const s=t==="clippingAncestors"?function(d,l){const u=l.get(d);if(u)return u;let p=yo(d).filter(C=>Se(C)&&st(C)!=="body"),g=null;const m=Me(d).position==="fixed";let x=m?$o(d):d;for(;Se(x)&&!hi(x);){const C=Me(x),I=ci(x);(m?I||g:I||C.position!=="static"||!g||!["absolute","fixed"].includes(g.position))?g=C:p=p.filter(z=>z!==x),x=$o(x)}return l.set(d,p),p}(e,this._c):[].concat(t),n=[...s,r],c=n[0],h=n.reduce((d,l)=>{const u=zn(e,l,i);return d.top=vo(u.top,d.top),d.right=$n(u.right,d.right),d.bottom=$n(u.bottom,d.bottom),d.left=vo(u.left,d.left),d},zn(e,c,i));return{width:h.right-h.left,height:h.bottom-h.top,x:h.left,y:h.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(o){let{rect:e,offsetParent:t,strategy:r}=o;const i=Re(t),s=nt(t);if(t===s)return e;let n={scrollLeft:0,scrollTop:0},c={x:1,y:1};const h={x:0,y:0};if((i||!i&&r!=="fixed")&&((st(t)!=="body"||cr(s))&&(n=dr(t)),Re(t))){const d=xt(t);c=Vt(t),h.x=d.x+t.clientLeft,h.y=d.y+t.clientTop}return{width:e.width*c.x,height:e.height*c.y,x:e.x*c.x-n.scrollLeft*c.x+h.x,y:e.y*c.y-n.scrollTop*c.y+h.y}},isElement:Se,getDimensions:function(o){return Re(o)?yn(o):o.getBoundingClientRect()},getOffsetParent:Tn,getDocumentElement:nt,getScale:Vt,async getElementRects(o){let{reference:e,floating:t,strategy:r}=o;const i=this.getOffsetParent||Tn,s=this.getDimensions;return{reference:Bh(e,await i(t),r),floating:{x:0,y:0,...await s(t)}}},getClientRects:o=>Array.from(o.getClientRects()),isRTL:o=>Me(o).direction==="rtl"};function On(o,e,t,r){r===void 0&&(r={});const{ancestorScroll:i=!0,ancestorResize:s=!0,elementResize:n=!0,animationFrame:c=!1}=r,h=i&&!c,d=h||s?[...Se(o)?yo(o):o.contextElement?yo(o.contextElement):[],...yo(e)]:[];d.forEach(g=>{h&&g.addEventListener("scroll",t,{passive:!0}),s&&g.addEventListener("resize",t)});let l,u=null;if(n){let g=!0;u=new ResizeObserver(()=>{g||t(),g=!1}),Se(o)&&!c&&u.observe(o),Se(o)||!o.contextElement||c||u.observe(o.contextElement),u.observe(e)}let p=c?xt(o):null;return c&&function g(){const m=xt(o);!p||m.x===p.x&&m.y===p.y&&m.width===p.width&&m.height===p.height||t(),p=m,l=requestAnimationFrame(g)}(),t(),()=>{var g;d.forEach(m=>{h&&m.removeEventListener("scroll",t),s&&m.removeEventListener("resize",t)}),(g=u)==null||g.disconnect(),u=null,c&&cancelAnimationFrame(l)}}const Fn=(o,e,t)=>{const r=new Map,i={platform:zh,...t},s={...i.platform,_c:r};return vh(o,e,{...i,platform:s})},le={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"};le.menuitem+"",le.menuitemcheckbox+"",le.menuitemradio+"";var Ih=Object.defineProperty,Th=Object.getOwnPropertyDescriptor,kt=(o,e,t,r)=>{for(var i=r>1?void 0:r?Th(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&&Ih(e,t,i),i};class Pe extends w{constructor(){super(...arguments),this.role=le.menuitem,this.checked=!1,this.focusSubmenuOnLoad=!1,this.handleMenuItemKeyDown=e=>{if(e.defaultPrevented)return!1;switch(e.key){case pt:case Ft:return this.invoke(),!1;case Tt:return this.expanded&&this.submenu?this.submenu.focus():this.expandAndFocus(),!1;case hs:if(this.expanded)return this.closeSubMenu(),!1;break;case It:if(this.expanded)return this.closeSubMenu(),!1}return!0},this.handleMenuItemClick=e=>(e.defaultPrevented||this.disabled||this.invoke(),!1),this.submenuLoaded=()=>{this.focusSubmenuOnLoad&&(this.focusSubmenuOnLoad=!1,this.submenu&&(this.submenu.focus(),this.setAttribute("tabindex","-1")))},this.handleMouseOver=e=>(this.disabled||!this.hasSubmenu||this.expanded||(this.expanded=!0),!1),this.handleMouseOut=e=>(!this.expanded||this.contains(document.activeElement)||(this.expanded=!1),!1),this.closeSubMenu=()=>{this.expanded=!1,this.focus()},this.expandAndFocus=()=>{this.hasSubmenu&&(this.focusSubmenuOnLoad=!0,this.expanded=!0)},this.invoke=()=>{if(!this.disabled)switch(this.role){case le.menuitemcheckbox:this.checked=!this.checked;break;case le.menuitem:if(this.hasSubmenu){this.expandAndFocus();break}this.$emit("change");break;case le.menuitemradio:this.checked||(this.checked=!0);break}}}expandedChanged(e,t){this.$fastController.isConnected&&(t&&this.submenu&&this.updateSubmenu(),this.$emit("expanded-change",this,{bubbles:!1}))}checkedChanged(e,t){this.$fastController.isConnected&&this.$emit("change")}get hasSubmenu(){return!!this.submenu}slottedSubmenuChanged(e,t){t.length&&(this.submenu=t[0],this.updateSubmenu())}disconnectedCallback(){this.cleanup?.(),super.disconnectedCallback()}updateSubmenu(){this.cleanup?.(),!(!this.submenu||!this.expanded)&&ke.enqueue(()=>{this.cleanup=On(this,this.submenuContainer,async()=>{const e=["left-start","right-start"],{x:t,y:r}=await Fn(this,this.submenuContainer,{middleware:[Sh(),vn({apply:({availableWidth:i,rects:s})=>{i<s.floating.width&&e.push("bottom-end","top-end")}}),gn({fallbackPlacements:e})],placement:"right-start",strategy:"fixed"});Object.assign(this.submenuContainer.style,{left:`${t}px`,position:"fixed",top:`${r}px`}),this.submenuLoaded()})})}}kt([a({mode:"boolean"})],Pe.prototype,"disabled",2),kt([a({mode:"boolean"})],Pe.prototype,"expanded",2),kt([a],Pe.prototype,"role",2),kt([a({mode:"boolean"})],Pe.prototype,"checked",2),kt([a({mode:"boolean"})],Pe.prototype,"hidden",2),kt([$],Pe.prototype,"slottedSubmenu",2),kt([$],Pe.prototype,"submenu",2),Fe(Pe,je);const Oh=f`
|
|
438
|
+
`)}),jh=Vh.compose({name:`${b.prefix}-menu-button`,template:Nh,styles:ni});jh.define(b.registry);function di(o){return o.split("-")[1]}function pn(o){return o==="y"?"height":"width"}function zt(o){return o.split("-")[0]}function hi(o){return["top","bottom"].includes(zt(o))?"x":"y"}function fn(o,e,t){let{reference:i,floating:r}=o;const s=i.x+i.width/2-r.width/2,n=i.y+i.height/2-r.height/2,c=hi(e),h=pn(c),d=i[h]/2-r[h]/2,l=c==="x";let u;switch(zt(e)){case"top":u={x:s,y:i.y-r.height};break;case"bottom":u={x:s,y:i.y+i.height};break;case"right":u={x:i.x+i.width,y:n};break;case"left":u={x:i.x-r.width,y:n};break;default:u={x:i.x,y:i.y}}switch(di(e)){case"start":u[c]-=d*(t&&l?-1:1);break;case"end":u[c]+=d*(t&&l?-1:1)}return u}const qh=async(o,e,t)=>{const{placement:i="bottom",strategy:r="absolute",middleware:s=[],platform:n}=t,c=s.filter(Boolean),h=await(n.isRTL==null?void 0:n.isRTL(e));let d=await n.getElementRects({reference:o,floating:e,strategy:r}),{x:l,y:u}=fn(d,i,h),f=i,g={},m=0;for(let x=0;x<c.length;x++){const{name:P,fn:F}=c[x],{x:B,y:V,data:te,reset:oe}=await F({x:l,y:u,initialPlacement:i,placement:f,strategy:r,middlewareData:g,rects:d,platform:n,elements:{reference:o,floating:e}});l=B??l,u=V??u,g={...g,[P]:{...g[P],...te}},oe&&m<=50&&(m++,typeof oe=="object"&&(oe.placement&&(f=oe.placement),oe.rects&&(d=oe.rects===!0?await n.getElementRects({reference:o,floating:e,strategy:r}):oe.rects),{x:l,y:u}=fn(d,f,h)),x=-1)}return{x:l,y:u,placement:f,strategy:r,middlewareData:g}};function Gh(o){return typeof o!="number"?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(o):{top:o,right:o,bottom:o,left:o}}function dr(o){return{...o,top:o.y,left:o.x,right:o.x+o.width,bottom:o.y+o.height}}async function yo(o,e){var t;e===void 0&&(e={});const{x:i,y:r,platform:s,rects:n,elements:c,strategy:h}=o,{boundary:d="clippingAncestors",rootBoundary:l="viewport",elementContext:u="floating",altBoundary:f=!1,padding:g=0}=e,m=Gh(g),x=c[f?u==="floating"?"reference":"floating":u],P=dr(await s.getClippingRect({element:(t=await(s.isElement==null?void 0:s.isElement(x)))==null||t?x:x.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(c.floating)),boundary:d,rootBoundary:l,strategy:h})),F=u==="floating"?{...n.floating,x:i,y:r}:n.reference,B=await(s.getOffsetParent==null?void 0:s.getOffsetParent(c.floating)),V=await(s.isElement==null?void 0:s.isElement(B))&&await(s.getScale==null?void 0:s.getScale(B))||{x:1,y:1},te=dr(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({rect:F,offsetParent:B,strategy:h}):F);return{top:(P.top-te.top+m.top)/V.y,bottom:(te.bottom-P.bottom+m.bottom)/V.y,left:(P.left-te.left+m.left)/V.x,right:(te.right-P.right+m.right)/V.x}}const hr=Math.min,Bt=Math.max;function gn(o,e,t){return Bt(o,hr(e,t))}const bn=["top","right","bottom","left"];bn.reduce((o,e)=>o.concat(e,e+"-start",e+"-end"),[]);const Wh={left:"right",right:"left",bottom:"top",top:"bottom"};function ui(o){return o.replace(/left|right|bottom|top/g,e=>Wh[e])}function Xh(o,e,t){t===void 0&&(t=!1);const i=di(o),r=hi(o),s=pn(r);let n=r==="x"?i===(t?"end":"start")?"right":"left":i==="start"?"bottom":"top";return e.reference[s]>e.floating[s]&&(n=ui(n)),{main:n,cross:ui(n)}}const Uh={start:"end",end:"start"};function ur(o){return o.replace(/start|end/g,e=>Uh[e])}const mn=function(o){return o===void 0&&(o={}),{name:"flip",options:o,async fn(e){var t;const{placement:i,middlewareData:r,rects:s,initialPlacement:n,platform:c,elements:h}=e,{mainAxis:d=!0,crossAxis:l=!0,fallbackPlacements:u,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:m=!0,...x}=o,P=zt(i),F=zt(n)===n,B=await(c.isRTL==null?void 0:c.isRTL(h.floating)),V=u||(F||!m?[ui(n)]:function(ge){const Xe=ui(ge);return[ur(ge),Xe,ur(Xe)]}(n));u||g==="none"||V.push(...function(ge,Xe,vt,rt){const Ue=di(ge);let be=function(Kt,wi,Wn){const Sr=["left","right"],Pr=["right","left"],Xn=["top","bottom"],Un=["bottom","top"];switch(Kt){case"top":case"bottom":return Wn?wi?Pr:Sr:wi?Sr:Pr;case"left":case"right":return wi?Xn:Un;default:return[]}}(zt(ge),vt==="start",rt);return Ue&&(be=be.map(Kt=>Kt+"-"+Ue),Xe&&(be=be.concat(be.map(ur)))),be}(n,m,g,B));const te=[n,...V],oe=await yo(e,x),mt=[];let it=((t=r.flip)==null?void 0:t.overflows)||[];if(d&&mt.push(oe[P]),l){const{main:ge,cross:Xe}=Xh(i,s,B);mt.push(oe[ge],oe[Xe])}if(it=[...it,{placement:i,overflows:mt}],!mt.every(ge=>ge<=0)){var Ut,wr;const ge=(((Ut=r.flip)==null?void 0:Ut.index)||0)+1,Xe=te[ge];if(Xe)return{data:{index:ge,overflows:it},reset:{placement:Xe}};let vt=(wr=it.filter(rt=>rt.overflows[0]<=0).sort((rt,Ue)=>rt.overflows[1]-Ue.overflows[1])[0])==null?void 0:wr.placement;if(!vt)switch(f){case"bestFit":{var Cr;const rt=(Cr=it.map(Ue=>[Ue.placement,Ue.overflows.filter(be=>be>0).reduce((be,Kt)=>be+Kt,0)]).sort((Ue,be)=>Ue[1]-be[1])[0])==null?void 0:Cr[0];rt&&(vt=rt);break}case"initialPlacement":vt=n}if(i!==vt)return{reset:{placement:vt}}}return{}}}};function vn(o,e){return{top:o.top-e.height,right:o.right-e.width,bottom:o.bottom-e.height,left:o.left-e.width}}function $n(o){return bn.some(e=>o[e]>=0)}const Kh=function(o){return o===void 0&&(o={}),{name:"hide",options:o,async fn(e){const{strategy:t="referenceHidden",...i}=o,{rects:r}=e;switch(t){case"referenceHidden":{const s=vn(await yo(e,{...i,elementContext:"reference"}),r.reference);return{data:{referenceHiddenOffsets:s,referenceHidden:$n(s)}}}case"escaped":{const s=vn(await yo(e,{...i,altBoundary:!0}),r.floating);return{data:{escapedOffsets:s,escaped:$n(s)}}}default:return{}}}}};function Yh(o){return o==="x"?"y":"x"}const Qh=function(o){return o===void 0&&(o={}),{name:"shift",options:o,async fn(e){const{x:t,y:i,placement:r}=e,{mainAxis:s=!0,crossAxis:n=!1,limiter:c={fn:P=>{let{x:F,y:B}=P;return{x:F,y:B}}},...h}=o,d={x:t,y:i},l=await yo(e,h),u=hi(zt(r)),f=Yh(u);let g=d[u],m=d[f];if(s){const P=u==="y"?"bottom":"right";g=gn(g+l[u==="y"?"top":"left"],g,g-l[P])}if(n){const P=f==="y"?"bottom":"right";m=gn(m+l[f==="y"?"top":"left"],m,m-l[P])}const x=c.fn({...e,[u]:g,[f]:m});return{...x,data:{x:x.x-t,y:x.y-i}}}}},yn=function(o){return o===void 0&&(o={}),{name:"size",options:o,async fn(e){const{placement:t,rects:i,platform:r,elements:s}=e,{apply:n=()=>{},...c}=o,h=await yo(e,c),d=zt(t),l=di(t),u=hi(t)==="x",{width:f,height:g}=i.floating;let m,x;d==="top"||d==="bottom"?(m=d,x=l===(await(r.isRTL==null?void 0:r.isRTL(s.floating))?"start":"end")?"left":"right"):(x=d,m=l==="end"?"top":"bottom");const P=g-h[m],F=f-h[x];let B=P,V=F;if(u?V=hr(f-h.right-h.left,F):B=hr(g-h.bottom-h.top,P),!e.middlewareData.shift&&!l){const oe=Bt(h.left,0),mt=Bt(h.right,0),it=Bt(h.top,0),Ut=Bt(h.bottom,0);u?V=f-2*(oe!==0||mt!==0?oe+mt:Bt(h.left,h.right)):B=g-2*(it!==0||Ut!==0?it+Ut:Bt(h.top,h.bottom))}await n({...e,availableWidth:V,availableHeight:B});const te=await r.getDimensions(s.floating);return f!==te.width||g!==te.height?{reset:{rects:!0}}:{}}}};function fe(o){var e;return((e=o.ownerDocument)==null?void 0:e.defaultView)||window}function qe(o){return fe(o).getComputedStyle(o)}const xn=Math.min,xo=Math.max,pi=Math.round;function kn(o){const e=qe(o);let t=parseFloat(e.width),i=parseFloat(e.height);const r=o.offsetWidth,s=o.offsetHeight,n=pi(t)!==r||pi(i)!==s;return n&&(t=r,i=s),{width:t,height:i,fallback:n}}function pt(o){return Cn(o)?(o.nodeName||"").toLowerCase():""}let fi;function wn(){if(fi)return fi;const o=navigator.userAgentData;return o&&Array.isArray(o.brands)?(fi=o.brands.map(e=>e.brand+"/"+e.version).join(" "),fi):navigator.userAgent}function Ge(o){return o instanceof fe(o).HTMLElement}function Fe(o){return o instanceof fe(o).Element}function Cn(o){return o instanceof fe(o).Node}function Sn(o){return typeof ShadowRoot>"u"?!1:o instanceof fe(o).ShadowRoot||o instanceof ShadowRoot}function gi(o){const{overflow:e,overflowX:t,overflowY:i,display:r}=qe(o);return/auto|scroll|overlay|hidden|clip/.test(e+i+t)&&!["inline","contents"].includes(r)}function Zh(o){return["table","td","th"].includes(pt(o))}function pr(o){const e=/firefox/i.test(wn()),t=qe(o),i=t.backdropFilter||t.WebkitBackdropFilter;return t.transform!=="none"||t.perspective!=="none"||!!i&&i!=="none"||e&&t.willChange==="filter"||e&&!!t.filter&&t.filter!=="none"||["transform","perspective"].some(r=>t.willChange.includes(r))||["paint","layout","strict","content"].some(r=>{const s=t.contain;return s!=null&&s.includes(r)})}function fr(){return/^((?!chrome|android).)*safari/i.test(wn())}function gr(o){return["html","body","#document"].includes(pt(o))}function Pn(o){return Fe(o)?o:o.contextElement}const In={x:1,y:1};function Xt(o){const e=Pn(o);if(!Ge(e))return In;const t=e.getBoundingClientRect(),{width:i,height:r,fallback:s}=kn(e);let n=(s?pi(t.width):t.width)/i,c=(s?pi(t.height):t.height)/r;return n&&Number.isFinite(n)||(n=1),c&&Number.isFinite(c)||(c=1),{x:n,y:c}}function Tt(o,e,t,i){var r,s;e===void 0&&(e=!1),t===void 0&&(t=!1);const n=o.getBoundingClientRect(),c=Pn(o);let h=In;e&&(i?Fe(i)&&(h=Xt(i)):h=Xt(o));const d=c?fe(c):window,l=fr()&&t;let u=(n.left+(l&&((r=d.visualViewport)==null?void 0:r.offsetLeft)||0))/h.x,f=(n.top+(l&&((s=d.visualViewport)==null?void 0:s.offsetTop)||0))/h.y,g=n.width/h.x,m=n.height/h.y;if(c){const x=fe(c),P=i&&Fe(i)?fe(i):i;let F=x.frameElement;for(;F&&i&&P!==x;){const B=Xt(F),V=F.getBoundingClientRect(),te=getComputedStyle(F);V.x+=(F.clientLeft+parseFloat(te.paddingLeft))*B.x,V.y+=(F.clientTop+parseFloat(te.paddingTop))*B.y,u*=B.x,f*=B.y,g*=B.x,m*=B.y,u+=V.x,f+=V.y,F=fe(F).frameElement}}return{width:g,height:m,top:f,right:u+g,bottom:f+m,left:u,x:u,y:f}}function ft(o){return((Cn(o)?o.ownerDocument:o.document)||window.document).documentElement}function bi(o){return Fe(o)?{scrollLeft:o.scrollLeft,scrollTop:o.scrollTop}:{scrollLeft:o.pageXOffset,scrollTop:o.pageYOffset}}function zn(o){return Tt(ft(o)).left+bi(o).scrollLeft}function ko(o){if(pt(o)==="html")return o;const e=o.assignedSlot||o.parentNode||Sn(o)&&o.host||ft(o);return Sn(e)?e.host:e}function Bn(o){const e=ko(o);return gr(e)?e.ownerDocument.body:Ge(e)&&gi(e)?e:Bn(e)}function wo(o,e){var t;e===void 0&&(e=[]);const i=Bn(o),r=i===((t=o.ownerDocument)==null?void 0:t.body),s=fe(i);return r?e.concat(s,s.visualViewport||[],gi(i)?i:[]):e.concat(i,wo(i))}function Tn(o,e,t){let i;if(e==="viewport")i=function(n,c){const h=fe(n),d=ft(n),l=h.visualViewport;let u=d.clientWidth,f=d.clientHeight,g=0,m=0;if(l){u=l.width,f=l.height;const x=fr();(!x||x&&c==="fixed")&&(g=l.offsetLeft,m=l.offsetTop)}return{width:u,height:f,x:g,y:m}}(o,t);else if(e==="document")i=function(n){const c=ft(n),h=bi(n),d=n.ownerDocument.body,l=xo(c.scrollWidth,c.clientWidth,d.scrollWidth,d.clientWidth),u=xo(c.scrollHeight,c.clientHeight,d.scrollHeight,d.clientHeight);let f=-h.scrollLeft+zn(n);const g=-h.scrollTop;return qe(d).direction==="rtl"&&(f+=xo(c.clientWidth,d.clientWidth)-l),{width:l,height:u,x:f,y:g}}(ft(o));else if(Fe(e))i=function(n,c){const h=Tt(n,!0,c==="fixed"),d=h.top+n.clientTop,l=h.left+n.clientLeft,u=Ge(n)?Xt(n):{x:1,y:1};return{width:n.clientWidth*u.x,height:n.clientHeight*u.y,x:l*u.x,y:d*u.y}}(e,t);else{const n={...e};if(fr()){var r,s;const c=fe(o);n.x-=((r=c.visualViewport)==null?void 0:r.offsetLeft)||0,n.y-=((s=c.visualViewport)==null?void 0:s.offsetTop)||0}i=n}return dr(i)}function Fn(o,e){return Ge(o)&&qe(o).position!=="fixed"?e?e(o):o.offsetParent:null}function On(o,e){const t=fe(o);let i=Fn(o,e);for(;i&&Zh(i)&&qe(i).position==="static";)i=Fn(i,e);return i&&(pt(i)==="html"||pt(i)==="body"&&qe(i).position==="static"&&!pr(i))?t:i||function(r){let s=ko(r);for(;Ge(s)&&!gr(s);){if(pr(s))return s;s=ko(s)}return null}(o)||t}function Jh(o,e,t){const i=Ge(e),r=ft(e),s=Tt(o,!0,t==="fixed",e);let n={scrollLeft:0,scrollTop:0};const c={x:0,y:0};if(i||!i&&t!=="fixed")if((pt(e)!=="body"||gi(r))&&(n=bi(e)),Ge(e)){const h=Tt(e,!0);c.x=h.x+e.clientLeft,c.y=h.y+e.clientTop}else r&&(c.x=zn(r));return{x:s.left+n.scrollLeft-c.x,y:s.top+n.scrollTop-c.y,width:s.width,height:s.height}}const eu={getClippingRect:function(o){let{element:e,boundary:t,rootBoundary:i,strategy:r}=o;const s=t==="clippingAncestors"?function(d,l){const u=l.get(d);if(u)return u;let f=wo(d).filter(P=>Fe(P)&&pt(P)!=="body"),g=null;const m=qe(d).position==="fixed";let x=m?ko(d):d;for(;Fe(x)&&!gr(x);){const P=qe(x),F=pr(x);(m?F||g:F||P.position!=="static"||!g||!["absolute","fixed"].includes(g.position))?g=P:f=f.filter(B=>B!==x),x=ko(x)}return l.set(d,f),f}(e,this._c):[].concat(t),n=[...s,i],c=n[0],h=n.reduce((d,l)=>{const u=Tn(e,l,r);return d.top=xo(u.top,d.top),d.right=xn(u.right,d.right),d.bottom=xn(u.bottom,d.bottom),d.left=xo(u.left,d.left),d},Tn(e,c,r));return{width:h.right-h.left,height:h.bottom-h.top,x:h.left,y:h.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(o){let{rect:e,offsetParent:t,strategy:i}=o;const r=Ge(t),s=ft(t);if(t===s)return e;let n={scrollLeft:0,scrollTop:0},c={x:1,y:1};const h={x:0,y:0};if((r||!r&&i!=="fixed")&&((pt(t)!=="body"||gi(s))&&(n=bi(t)),Ge(t))){const d=Tt(t);c=Xt(t),h.x=d.x+t.clientLeft,h.y=d.y+t.clientTop}return{width:e.width*c.x,height:e.height*c.y,x:e.x*c.x-n.scrollLeft*c.x+h.x,y:e.y*c.y-n.scrollTop*c.y+h.y}},isElement:Fe,getDimensions:function(o){return Ge(o)?kn(o):o.getBoundingClientRect()},getOffsetParent:On,getDocumentElement:ft,getScale:Xt,async getElementRects(o){let{reference:e,floating:t,strategy:i}=o;const r=this.getOffsetParent||On,s=this.getDimensions;return{reference:Jh(e,await r(t),i),floating:{x:0,y:0,...await s(t)}}},getClientRects:o=>Array.from(o.getClientRects()),isRTL:o=>qe(o).direction==="rtl"};function An(o,e,t,i){i===void 0&&(i={});const{ancestorScroll:r=!0,ancestorResize:s=!0,elementResize:n=!0,animationFrame:c=!1}=i,h=r&&!c,d=h||s?[...Fe(o)?wo(o):o.contextElement?wo(o.contextElement):[],...wo(e)]:[];d.forEach(g=>{h&&g.addEventListener("scroll",t,{passive:!0}),s&&g.addEventListener("resize",t)});let l,u=null;if(n){let g=!0;u=new ResizeObserver(()=>{g||t(),g=!1}),Fe(o)&&!c&&u.observe(o),Fe(o)||!o.contextElement||c||u.observe(o.contextElement),u.observe(e)}let f=c?Tt(o):null;return c&&function g(){const m=Tt(o);!f||m.x===f.x&&m.y===f.y&&m.width===f.width&&m.height===f.height||t(),f=m,l=requestAnimationFrame(g)}(),t(),()=>{var g;d.forEach(m=>{h&&m.removeEventListener("scroll",t),s&&m.removeEventListener("resize",t)}),(g=u)==null||g.disconnect(),u=null,c&&cancelAnimationFrame(l)}}const En=(o,e,t)=>{const i=new Map,r={platform:eu,...t},s={...r.platform,_c:i};return qh(o,e,{...r,platform:s})},de={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"};de.menuitem+"",de.menuitemcheckbox+"",de.menuitemradio+"";var tu=Object.defineProperty,ou=Object.getOwnPropertyDescriptor,Ft=(o,e,t,i)=>{for(var r=i>1?void 0:i?ou(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&tu(e,t,r),r};class Oe extends S{constructor(){super(...arguments),this.role=de.menuitem,this.checked=!1,this.focusSubmenuOnLoad=!1,this.handleMenuItemKeyDown=e=>{if(e.defaultPrevented)return!1;switch(e.key){case Zt:case No:return this.invoke(),!1;case Dt:return this.expanded&&this.submenu?this.submenu.focus():this.expandAndFocus(),!1;case ms:if(this.expanded)return this.closeSubMenu(),!1;break;case Rt:if(this.expanded)return this.closeSubMenu(),!1}return!0},this.handleMenuItemClick=e=>(e.defaultPrevented||this.disabled||this.invoke(),!1),this.submenuLoaded=()=>{this.focusSubmenuOnLoad&&(this.focusSubmenuOnLoad=!1,this.submenu&&(this.submenu.focus(),this.setAttribute("tabindex","-1")))},this.handleMouseOver=e=>(this.disabled||!this.hasSubmenu||this.expanded||(this.expanded=!0),!1),this.handleMouseOut=e=>(!this.expanded||this.contains(document.activeElement)||(this.expanded=!1),!1),this.closeSubMenu=()=>{this.expanded=!1,this.focus()},this.expandAndFocus=()=>{this.hasSubmenu&&(this.focusSubmenuOnLoad=!0,this.expanded=!0)},this.invoke=()=>{if(!this.disabled)switch(this.role){case de.menuitemcheckbox:this.checked=!this.checked;break;case de.menuitem:if(this.hasSubmenu){this.expandAndFocus();break}this.$emit("change");break;case de.menuitemradio:this.checked||(this.checked=!0);break}}}expandedChanged(e,t){this.$fastController.isConnected&&(t&&this.submenu&&this.updateSubmenu(),this.$emit("expanded-change",this,{bubbles:!1}))}checkedChanged(e,t){this.$fastController.isConnected&&this.$emit("change")}get hasSubmenu(){return!!this.submenu}slottedSubmenuChanged(e,t){t.length&&(this.submenu=t[0],this.updateSubmenu())}disconnectedCallback(){this.cleanup?.(),super.disconnectedCallback()}updateSubmenu(){this.cleanup?.(),!(!this.submenu||!this.expanded)&&Se.enqueue(()=>{this.cleanup=An(this,this.submenuContainer,async()=>{const e=["left-start","right-start"],{x:t,y:i}=await En(this,this.submenuContainer,{middleware:[Qh(),yn({apply:({availableWidth:r,rects:s})=>{r<s.floating.width&&e.push("bottom-end","top-end")}}),mn({fallbackPlacements:e})],placement:"right-start",strategy:"fixed"});Object.assign(this.submenuContainer.style,{left:`${t}px`,position:"fixed",top:`${i}px`}),this.submenuLoaded()})})}}Ft([a({mode:"boolean"})],Oe.prototype,"disabled",2),Ft([a({mode:"boolean"})],Oe.prototype,"expanded",2),Ft([a],Oe.prototype,"role",2),Ft([a({mode:"boolean"})],Oe.prototype,"checked",2),Ft([a({mode:"boolean"})],Oe.prototype,"hidden",2),Ft([$],Oe.prototype,"slottedSubmenu",2),Ft([$],Oe.prototype,"submenu",2),Le(Oe,Ke);const iu=p`
|
|
434
439
|
${T("grid")}
|
|
435
440
|
|
|
436
|
-
:host{grid-template-columns:20px 20px auto 20px;align-items:center;grid-gap:4px;height:32px;background:${
|
|
441
|
+
:host{grid-template-columns:20px 20px auto 20px;align-items:center;grid-gap:4px;height:32px;background:${L};font:${E} ${A} / ${R} ${y};border-radius:${I};color:${ye};padding:0 10px;cursor:pointer;overflow:visible;contain:layout}:host(:hover){background:${qo}}.content{white-space:nowrap;flex-grow:1;grid-column:auto / span 2;padding:0 2px}.checkbox,.radio{display:none}.input-container,.expand-collapse-glyph-container,::slotted([slot='start']),::slotted([slot='end']),:host([checked]) .checkbox,:host([checked]) .radio{display:inline-flex;justify-content:center;align-items:center;color:${ye}}.expand-collapse-glyph-container,::slotted([slot='start']),::slotted([slot='end']){height:32px;font-size:${St};width:fit-content}.input-container{width:20px}::slotted([slot='end']){color:${ne};font:${E} ${j} / ${ce} ${y};white-space:nowrap;grid-column:4 / span 1;justify-self:flex-end}.expand-collapse-glyph-container{grid-column:4 / span 1;justify-self:flex-end}:host(:hover) .input-container,:host(:hover) .expand-collapse-glyph-container,:host(:hover) .content{color:${Jt}}:host([icon]:hover) ::slotted([slot='start']){color:${ks}}:host(:active){background-color:${Ss}}:host(:active) .input-container,:host(:active) .expand-collapse-glyph-container,:host(:active) .content{color:${eo}}:host(:active) ::slotted([slot='start']){color:${ws}}:host([disabled]){background-color:${jt}}:host([disabled]) .content,:host([disabled]) .expand-collapse-glyph-container,:host([disabled]) ::slotted([slot='end']),:host([disabled]) ::slotted([slot='start']){color:${C}}:host([data-indent]){display:grid}:host([data-indent='1']) .content{grid-column:2 / span 1}:host([data-indent='1'][role='menuitemcheckbox']){display:grid}:host([data-indent='2'][aria-haspopup='menu']) ::slotted([slot='end']){grid-column:4 / span 1}:host([data-indent='2'][aria-haspopup='menu']) .expand-collapse-glyph-container{grid-column:5 / span 1}:host([data-indent='1']) .content{grid-column:2 / span 1}:host([data-indent='1'][role='menuitemcheckbox']) .content,:host([data-indent='1'][role='menuitemradio']) .content{grid-column:auto / span 1}:host([icon]) ::slotted([slot='end']),:host([data-indent='1']) ::slotted([slot='end']){grid-column:4 / span 1;justify-self:flex-end}:host([data-indent='2']){display:grid;grid-template-columns:20px 20px auto auto}:host([data-indent='2']) .content{grid-column:3 / span 1}:host([data-indent='2']) .input-container{grid-column:1 / span 1}:host([data-indent='2']) ::slotted([slot='start']){grid-column:2 / span 1}:host([aria-haspopup='menu']){grid-template-columns:20px auto auto 20px}:host([data-indent='2'][aria-haspopup='menu']){grid-template-columns:20px 20px auto auto 20px}:host([aria-haspopup='menu']) ::slotted([slot='end']){grid-column:3 / span 1;justify-self:flex-end}:host([data-indent='2'][aria-haspopup='menu']) ::slotted([slot='end']){grid-column:4 / span 1;justify-self:flex-end}`,Mn=v.partial('<svg fill="currentColor" class="___12fm75w f1w7gpdv fez10in fg4l7m0" 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>'),ru=v.partial('<svg fill="currentColor" class="___12fm75w f1w7gpdv fez10in fg4l7m0" 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 su(o={}){return v`<template aria-haspopup="${e=>e.hasSubmenu?"menu":void 0}" aria-checked="${e=>e.role!==de.menuitem?e.checked:void 0}" aria-disabled="${e=>e.disabled}" aria-expanded="${e=>e.expanded}" @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)}">${Eo(e=>e.role===de.menuitemcheckbox,v`<div part="input-container" class="input-container"><span part="checkbox" class="checkbox"><slot name="checkbox-indicator">${Z(o.checkboxIndicator)}</slot></span></div>`)} ${Eo(e=>e.role===de.menuitemradio,v`<div part="input-container" class="input-container"><span part="radio" class="radio"><slot name="radio-indicator">${Z(o.radioIndicator)}</slot></span></div>`)}</div>${Qe(o)}<span class="content" part="content"><slot></slot></span>${Ye(o)} ${Eo(e=>e.hasSubmenu,v`<div part="expand-collapse-glyph-container" class="expand-collapse-glyph-container"><span part="expand-collapse" class="expand-collapse"><slot name="expand-collapse-indicator">${Z(o.expandCollapseGlyph)}</slot></span></div>`)}<span ?hidden="${e=>!e.expanded}" class="submenu-container" part="submenu-container" ${me("submenuContainer")}><slot name="submenu" ${ie({property:"slottedSubmenu",filter:xt("[role='menu']")})}></slot></span></template>`}const nu=su({checkboxIndicator:Mn,expandCollapseGlyph:ru,radioIndicator:Mn}),au=Oe.compose({name:`${b.prefix}-menu-item`,template:nu,styles:iu});au.define(b.registry);var lu=Object.defineProperty,cu=Object.getOwnPropertyDescriptor,du=(o,e,t,i)=>{for(var r=i>1?void 0:i?cu(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&lu(e,t,r),r};const br=class kr extends S{constructor(){super(...arguments),this.expandedItem=null,this.focusIndex=-1,this.isNestedMenu=()=>this.parentElement!==null&&bs(this.parentElement)&&this.parentElement.getAttribute("role")==="menuitem",this.handleFocusOut=e=>{if(!this.contains(e.relatedTarget)&&this.menuItems!==void 0){this.collapseExpandedItem();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.handleExpandedChanged=e=>{if(e.defaultPrevented||e.target===null||this.menuItems===void 0||this.menuItems.indexOf(e.target)<0)return;e.preventDefault();const t=e.target;if(this.expandedItem!==null&&t===this.expandedItem&&t.expanded===!1){this.expandedItem=null;return}t.expanded&&(this.expandedItem!==null&&this.expandedItem!==t&&(this.expandedItem.expanded=!1),this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.expandedItem=t,this.focusIndex=this.menuItems.indexOf(t),t.setAttribute("tabindex","0"))},this.changeHandler=e=>{if(this.menuItems===void 0)return;const t=e.target,i=this.menuItems.indexOf(t);if(i!==-1&&t.role==="menuitemradio"&&t.checked===!0){for(let s=i-1;s>=0;--s){const n=this.menuItems[s],c=n.getAttribute("role");if(c===de.menuitemradio&&(n.checked=!1),c==="separator")break}const r=this.menuItems.length-1;for(let s=i+1;s<=r;++s){const n=this.menuItems[s],c=n.getAttribute("role");if(c===de.menuitemradio&&(n.checked=!1),c==="separator")break}}},this.isMenuItemElement=e=>e instanceof Oe||bs(e)&&e.getAttribute("role")in kr.focusableElementRoles,this.isFocusableElement=e=>this.isMenuItemElement(e)}itemsChanged(e,t){this.$fastController.isConnected&&this.menuItems!==void 0&&this.setItems()}connectedCallback(){super.connectedCallback(),Se.enqueue(()=>{this.setItems()}),this.addEventListener("change",this.changeHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(),this.menuItems=void 0,this.removeEventListener("change",this.changeHandler)}focus(){this.setFocus(0,1)}collapseExpandedItem(){this.expandedItem!==null&&(this.expandedItem.expanded=!1,this.expandedItem=null)}handleMenuKeyDown(e){if(!(e.defaultPrevented||this.menuItems===void 0))switch(e.key){case Lt:this.setFocus(this.focusIndex+1,1);return;case Ht:this.setFocus(this.focusIndex-1,-1);return;case Ho:this.setFocus(this.menuItems.length-1,-1);return;case Vo:this.setFocus(0,1);return;default:return!0}}removeItemListeners(e=this.items){e.forEach(t=>{t.removeEventListener("focus",this.handleItemFocus),t.removeEventListener("expanded-changed",this.handleExpandedChanged),w.getNotifier(t).unsubscribe(this,"hidden")})}static elementIndent(e){const t=e.getAttribute("role"),i=e.querySelector("[slot=start]");return t&&t!==de.menuitem?i?2:1:i?1:0}setItems(){const e=Array.from(this.children);this.removeItemListeners(e),e.forEach(s=>w.getNotifier(s).subscribe(this,"hidden"));const t=e.filter(s=>!s.hasAttribute("hidden"));this.menuItems=t;const i=this.menuItems.filter(this.isMenuItemElement);i.length&&(this.focusIndex=0),i.forEach((s,n)=>{s.setAttribute("tabindex",n===0?"0":"-1"),s.addEventListener("expanded-change",this.handleExpandedChanged),s.addEventListener("focus",this.handleItemFocus)});const r=this.menuItems?.filter(this.isMenuItemElement);r?.forEach((s,n)=>{const c=r?.reduce((h,d)=>{const l=kr.elementIndent(d);return Math.max(h,l)},0);s instanceof Oe&&s.setAttribute("data-indent",`${c}`)})}handleChange(e,t){t==="hidden"&&this.setItems()}setFocus(e,t){if(this.menuItems!==void 0)for(;e>=0&&e<this.menuItems.length;){const i=this.menuItems[e];if(this.isFocusableElement(i)){this.focusIndex>-1&&this.menuItems.length>=this.focusIndex-1&&this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=e,i.setAttribute("tabindex","0"),i.focus();break}e+=t}}};br.focusableElementRoles=de,du([$],br.prototype,"items",2);let hu=br;const uu=p`
|
|
437
442
|
${T("flex")}
|
|
438
443
|
|
|
439
|
-
:host{flex-direction:column;height:fit-content;max-width:300px;min-width:160px;width:auto;background-color:${
|
|
440
|
-
:host{position:relative;z-index:var(--z-index-menu,1)}.positioning-container{position:fixed;top:0;left:0;transform:translate(0,0)}`;function
|
|
444
|
+
:host{flex-direction:column;height:fit-content;max-width:300px;min-width:160px;width:auto;background-color:${L};border:1px solid ${ke};border-radius:${I};box-shadow:${Us};padding:4px;row-gap:2px}`;function pu(){return v`<template slot="${o=>o.slot?o.slot:o.isNestedMenu()?"submenu":void 0}" role="menu" @keydown="${(o,e)=>o.handleMenuKeyDown(e.event)}" @focusout="${(o,e)=>o.handleFocusOut(e.event)}"><slot ${ie("items")}></slot></template>`}const fu=pu(),gu=hu.compose({name:`${b.prefix}-menu-list`,template:fu,styles:uu});gu.define(b.registry);var bu=Object.defineProperty,mu=Object.getOwnPropertyDescriptor,Ot=(o,e,t,i)=>{for(var r=i>1?void 0:i?mu(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&bu(e,t,r),r};class gt extends S{constructor(){super(...arguments),this.openOnHover=!1,this.openOnContext=!1,this.closeOnScroll=!1,this.persistOnItemClick=!1,this.open=!1,this.slottedMenuList=[],this.slottedTriggers=[],this.toggleMenu=()=>{this.open?this.closeMenu():this.openMenu()},this.closeMenu=()=>{this.open=!1,this.closeOnScroll&&document.removeEventListener("scroll",this.closeMenu)},this.openMenu=e=>{this.open=!0,e&&this.openOnContext&&e.preventDefault(),this.closeOnScroll&&document.addEventListener("scroll",this.closeMenu)},this.setPositioningTask=()=>{this.setPositioning()},this.handleTriggerKeydown=e=>{if(e.defaultPrevented)return;switch(e.key){case No:case Zt:e.preventDefault(),this.toggleMenu(),this.open&&this.focusMenuList();break;default:return!0}},this.handleDocumentClick=e=>{e&&!e.composedPath().includes(this._menuList)&&!e.composedPath().includes(this._trigger)&&this.closeMenu()}}connectedCallback(){super.connectedCallback(),Se.enqueue(()=>this.setComponent())}disconnectedCallback(){super.disconnectedCallback(),this.cleanup?.(),this.removeListeners()}setComponent(){this.$fastController.isConnected&&this.slottedMenuList.length&&this.slottedTriggers.length&&(this._trigger=this.slottedTriggers[0],this._menuList=this.slottedMenuList[0],this._trigger.setAttribute("aria-haspopup","true"),this._trigger.setAttribute("aria-expanded",`${this.open}`),this.addListeners())}focusMenuList(){this.open&&this._menuList&&Se.enqueue(()=>{this._menuList.focus()})}focusTrigger(){!this.open&&this._trigger&&Se.enqueue(()=>{this._trigger.focus()})}openChanged(e,t){this.$fastController.isConnected&&this._trigger instanceof HTMLElement&&(this._trigger.setAttribute("aria-expanded",`${this.open}`),this._menuList&&this.open&&Se.enqueue(this.setPositioningTask)),this.cleanup?.(),this.$emit("onOpenChange",{open:t})}openOnHoverChanged(e,t){t?this._trigger?.addEventListener("mouseover",this.openMenu):this._trigger?.removeEventListener("mouseover",this.openMenu)}persistOnItemClickChanged(e,t){t?this._menuList?.removeEventListener("click",this.closeMenu):this._menuList?.addEventListener("click",this.closeMenu)}openOnContextChanged(e,t){t?this._trigger?.addEventListener("contextmenu",this.openMenu):this._trigger?.removeEventListener("contextmenu",this.openMenu)}closeOnScrollChanged(e,t){t?document.addEventListener("scroll",this.closeMenu):document.removeEventListener("scroll",this.closeMenu)}setPositioning(){this.$fastController.isConnected&&this._menuList&&this.open&&this._trigger&&(this.cleanup=An(this,this.positioningContainer,async()=>{const{middlewareData:e,x:t,y:i}=await En(this._trigger,this.positioningContainer,{placement:"bottom",strategy:"fixed",middleware:[mn(),yn({apply:({availableHeight:r,rects:s})=>{this.positioningContainer?.style&&Object.assign(this.positioningContainer.style,{maxHeight:`${r}px`,width:`${s.reference.width}px`})}}),Kh()]});if(e.hide?.referenceHidden){this.open=!1;return}this.positioningContainer?.style&&Object.assign(this.positioningContainer.style,{position:"fixed",top:"0",left:"0",transform:`translate(${t}px, ${i}px)`})}))}addListeners(){document.addEventListener("click",this.handleDocumentClick),this._trigger?.addEventListener("keydown",this.handleTriggerKeydown),this.persistOnItemClick||this._menuList?.addEventListener("click",this.closeMenu),this.openOnHover?this._trigger?.addEventListener("mouseover",this.openMenu):this.openOnContext?this._trigger?.addEventListener("contextmenu",this.openMenu):this._trigger?.addEventListener("click",this.toggleMenu)}removeListeners(){document.removeEventListener("click",this.handleDocumentClick),this._trigger?.removeEventListener("keydown",this.handleTriggerKeydown),this.persistOnItemClick||this._menuList?.removeEventListener("click",this.closeMenu),this.openOnHover&&this._trigger?.removeEventListener("mouseover",this.openMenu),this.openOnContext?this._trigger?.removeEventListener("contextmenu",this.openMenu):this._trigger?.removeEventListener("click",this.toggleMenu)}handleMenuKeydown(e){if(e.defaultPrevented)return;switch(e.key){case ms:e.preventDefault(),this.open&&(this.closeMenu(),this.focusTrigger());break;case wa:this.open&&this.closeMenu(),e.shiftKey&&this.focusTrigger();default:return!0}}}Ot([$,a({attribute:"open-on-hover",mode:"boolean"})],gt.prototype,"openOnHover",2),Ot([$,a({attribute:"open-on-context",mode:"boolean"})],gt.prototype,"openOnContext",2),Ot([$,a({attribute:"close-on-scroll",mode:"boolean"})],gt.prototype,"closeOnScroll",2),Ot([$,a({attribute:"persist-on-item-click",mode:"boolean"})],gt.prototype,"persistOnItemClick",2),Ot([$,a({mode:"boolean"})],gt.prototype,"open",2),Ot([$],gt.prototype,"slottedMenuList",2),Ot([$],gt.prototype,"slottedTriggers",2);const vu=p`
|
|
445
|
+
:host{position:relative;z-index:var(--z-index-menu,1)}.positioning-container{position:fixed;top:0;left:0;transform:translate(0,0)}`;function $u(){return v`<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.handleMenuKeydown(e.event)}"><slot name="trigger" ${ie({property:"slottedTriggers",filter:xt()})}></slot><span ${me("positioningContainer")} part="positioning-container" class="positioning-container" ?hidden="${o=>!o.open}"><slot ${ie({property:"slottedMenuList",filter:xt()})}></slot></span></template>`}const yu=$u(),xu=gt.compose({name:`${b.prefix}-menu`,template:yu,styles:vu});xu.define(b.registry);var ku=Object.defineProperty,wu=Object.getOwnPropertyDescriptor,mi=(o,e,t,i)=>{for(var r=i>1?void 0:i?wu(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&ku(e,t,r),r};class Co extends S{constructor(){super(...arguments),this.percentComplete=0}valueChanged(){this.updatePercentComplete()}minChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}maxChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}connectedCallback(){super.connectedCallback(),this.updatePercentComplete()}updatePercentComplete(){const e=typeof this.min=="number"?this.min:0,t=typeof this.max=="number"?this.max:100,i=typeof this.value=="number"?this.value:0,r=t-e;this.percentComplete=r===0?0:Math.fround((i-e)/r*100)}}mi([a({converter:pe})],Co.prototype,"value",2),mi([a({converter:pe})],Co.prototype,"min",2),mi([a({converter:pe})],Co.prototype,"max",2),mi([$],Co.prototype,"percentComplete",2);var Cu=Object.defineProperty,Su=Object.getOwnPropertyDescriptor,mr=(o,e,t,i)=>{for(var r=i>1?void 0:i?Su(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Cu(e,t,r),r};class vi extends Co{constructor(){super(...arguments),this.validationState=null}}mr([a],vi.prototype,"thickness",2),mr([a],vi.prototype,"shape",2),mr([a({attribute:"validation-state"})],vi.prototype,"validationState",2);const Pu=p`
|
|
441
446
|
${T("flex")}
|
|
442
447
|
|
|
443
|
-
:host{align-items:center;height:2px;overflow-x:hidden;border-radius:${
|
|
444
|
-
to right,${
|
|
445
|
-
)}:host([validation-state='warning']) .determinate{background-color:${
|
|
446
|
-
to right,${
|
|
447
|
-
)}:host([validation-state='success']) .determinate{background-color:${
|
|
448
|
-
to right,${
|
|
449
|
-
)}.progress{background-color:${
|
|
450
|
-
to right,${
|
|
451
|
-
);border-radius:${
|
|
452
|
-
to right,${
|
|
453
|
-
);border-radius:${
|
|
454
|
-
.progress{background-color:HighlightText}.determinate,:host([validation-state='success']) .determinate,:host([validation-state='warning']) .determinate,:host([validation-state='error']) .determinate,:host([validation-state='success']) ..indeterminate-indicator-1,:host([validation-state='success']) ..indeterminate-indicator-2,:host([validation-state='warning']) .indeterminate-indicator-1,:host([validation-state='warning']) .indeterminate-indicator-2,:host([validation-state='error']) .indeterminate-indicator-1,:host([validation-state='error']) .indeterminate-indicator-2{background-color:Highlight}`));function tu(o={}){return v`<template role="progressbar" aria-valuenow="${e=>e.value}" aria-valuemin="${e=>e.min}" aria-valuemax="${e=>e.max}">${Oo(e=>typeof e.value=="number",v`<div class="progress" part="progress" slot="determinate"><div class="determinate" part="determinate" style="width: ${e=>e.percentComplete}%"></div></div>`,v`<div class="progress" part="progress" slot="indeterminate"><slot name="indeterminate">${Z(o.indeterminateIndicator1)} ${Z(o.indeterminateIndicator2)}</slot></div>`)}</template>`}const ou=tu({indeterminateIndicator1:'<span class="indeterminate-indicator-1" part="indeterminate-indicator-1></span>',indeterminateIndicator2:'<span class="indeterminate-indicator-2" part="indeterminate-indicator-2"></span>'}),ru=ur.compose({name:`${b.prefix}-progress-bar`,template:ou,styles:eu});ru.define(b.registry);class iu extends w{}class su extends si(iu){constructor(){super(...arguments),this.proxy=document.createElement("input")}}var nu=Object.defineProperty,au=Object.getOwnPropertyDescriptor,En=(o,e,t,r)=>{for(var i=r>1?void 0:r?au(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&&nu(e,t,i),i};class Ue extends su{constructor(){super(),this.initialValue="on",this.proxy.setAttribute("type","radio")}get radioGroup(){return this.closest("[role=radiogroup]")}defaultCheckedChanged(){this.$fastController.isConnected&&!this.dirtyChecked&&(this.isInsideRadioGroup()||(this.checked=this.defaultChecked??!1,this.dirtyChecked=!1))}connectedCallback(){super.connectedCallback(),this.validate(),this.parentElement?.getAttribute("role")!=="radiogroup"&&this.getAttribute("tabindex")===null&&(this.disabled||this.setAttribute("tabindex","0")),this.checkedAttribute&&(this.dirtyChecked||this.isInsideRadioGroup()||(this.checked=this.defaultChecked??!1,this.dirtyChecked=!1))}isInsideRadioGroup(){return this.radioGroup!==null}keypressHandler(e){switch(e.key){case Ft:!this.checked&&!this.radioGroup?.readOnly&&(this.checked=!0);return}return!0}}En([$],Ue.prototype,"name",2),En([$],Ue.prototype,"defaultSlottedNodes",2);const _n=se;var lu=Object.defineProperty,cu=Object.getOwnPropertyDescriptor,lt=(o,e,t,r)=>{for(var i=r>1?void 0:r?cu(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 Ke extends w{constructor(){super(...arguments),this.stacked=!1,this.orientation=_n.horizontal,this.radioChangeHandler=e=>{const t=e.target;t.checked&&(this.slottedRadioButtons.forEach(r=>{r instanceof Ue&&r!==t&&(r.checked=!1,this.isInsideFoundationToolbar||r.setAttribute("tabindex","-1"))}),this.selectedRadio=t,this.value=t.value,t.setAttribute("tabindex","0"),this.focusedRadio=t),e.stopPropagation()},this.moveToRadioByIndex=(e,t)=>{const r=e[t];this.isInsideToolbar||(r.setAttribute("tabindex","0"),r.checked=!0,this.selectedRadio=r),this.focusedRadio=r,r.focus()},this.moveRightOffGroup=()=>{this.nextElementSibling?.focus()},this.moveLeftOffGroup=()=>{this.previousElementSibling?.focus()},this.focusOutHandler=e=>{const t=this.slottedRadioButtons,r=e.target,i=r!==null?t.indexOf(r):0,s=this.focusedRadio?t.indexOf(this.focusedRadio):-1;return(s===0&&i===s||s===t.length-1&&s===i)&&(this.selectedRadio?(this.focusedRadio=this.selectedRadio,this.isInsideFoundationToolbar||(this.selectedRadio.setAttribute("tabindex","0"),t.forEach(n=>{n!==this.selectedRadio&&n.setAttribute("tabindex","-1")}))):(this.focusedRadio=t[0],this.focusedRadio.setAttribute("tabindex","0"),t.forEach(n=>{r instanceof Ue&&n!==this.focusedRadio&&n.setAttribute("tabindex","-1")}))),!0},this.handleDisabledClick=e=>{if(this.disabled){e.preventDefault();return}return!0},this.clickHandler=e=>{if(this.disabled)return;e.preventDefault();const t=e.target;t&&t instanceof Ue&&(t.checked=!0,t.setAttribute("tabindex","0"),this.selectedRadio=t,this.focusedRadio=t)},this.shouldMoveOffGroupToTheRight=(e,t,r)=>e===t.length&&this.isInsideToolbar&&r===Tt,this.shouldMoveOffGroupToTheLeft=(e,t)=>(this.focusedRadio?e.indexOf(this.focusedRadio)-1:0)<0&&this.isInsideToolbar&&t===It,this.checkFocusedRadio=()=>{this.focusedRadio!==null&&!this.focusedRadio.checked&&(this.focusedRadio.checked=!0,this.focusedRadio.setAttribute("tabindex","0"),this.focusedRadio.focus(),this.selectedRadio=this.focusedRadio)},this.moveRight=e=>{const t=this.slottedRadioButtons;let r=0;if(r=this.focusedRadio?t.indexOf(this.focusedRadio)+1:1,this.shouldMoveOffGroupToTheRight(r,t,e.key)){this.moveRightOffGroup();return}else r===t.length&&(r=0);for(;r<t.length&&t.length>1;)if(t[r].disabled){if(this.focusedRadio&&r===t.indexOf(this.focusedRadio))break;if(r+1>=t.length){if(this.isInsideToolbar)break;r=0}else r+=1}else{this.moveToRadioByIndex(t,r);break}},this.moveLeft=e=>{const t=this.slottedRadioButtons;let r=0;if(r=this.focusedRadio?t.indexOf(this.focusedRadio)-1:0,r=r<0?t.length-1:r,this.shouldMoveOffGroupToTheLeft(t,e.key)){this.moveLeftOffGroup();return}for(;r>=0&&t.length>1;)if(t[r].disabled){if(this.focusedRadio&&r===t.indexOf(this.focusedRadio))break;r-1<0?r=t.length-1:r-=1}else{this.moveToRadioByIndex(t,r);break}},this.keydownHandler=e=>{const t=e.key;if(t in va&&(this.isInsideFoundationToolbar||this.disabled))return!0;switch(t){case pt:{this.checkFocusedRadio();break}case Tt:case zt:{this.direction===ve.ltr?this.moveRight(e):this.moveLeft(e);break}case It:case Ot:{this.direction===ve.ltr?this.moveLeft(e):this.moveRight(e);break}default:return!0}}}nameChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.forEach(e=>{e.setAttribute("name",this.name)})}valueChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.forEach(e=>{e instanceof Ue&&e.value===this.value&&(e.checked=!0,this.selectedRadio=e)}),this.$emit("change")}slottedRadioButtonsChanged(e,t){this.slottedRadioButtons&&this.slottedRadioButtons.length>0&&this.setupRadioButtons()}get parentToolbar(){return this.closest('[role="toolbar"]')}get isInsideToolbar(){return this.parentToolbar??!1}get isInsideFoundationToolbar(){return!!this.parentToolbar?.hasOwnProperty("$fastController")}connectedCallback(){super.connectedCallback(),this.direction=us(this),this.setupRadioButtons()}disconnectedCallback(){this.slottedRadioButtons.forEach(e=>{e instanceof Ue&&e.removeEventListener("change",this.radioChangeHandler)})}setupRadioButtons(){const e=this.slottedRadioButtons.filter(i=>i.hasAttribute("checked")),t=e?e.length:0;if(t>1){const i=e[t-1];i.checked=!0}let r=!1;if(this.slottedRadioButtons.forEach(i=>{i instanceof Ue&&(this.name!==void 0&&i.setAttribute("name",this.name),this.value&&this.value===i.value?(this.selectedRadio=i,this.focusedRadio=i,i.checked=!0,i.setAttribute("tabindex","0"),r=!0):(this.isInsideFoundationToolbar||i.setAttribute("tabindex","-1"),i.checked=!1),i.addEventListener("change",this.radioChangeHandler))}),this.value===void 0&&this.slottedRadioButtons.length>0){const i=this.slottedRadioButtons.filter(n=>n.hasAttribute("checked")),s=i!==null?i.length:0;if(s>0&&!r){const n=i[s-1];n.checked=!0,this.focusedRadio=n,n.setAttribute("tabindex","0")}else this.slottedRadioButtons[0].setAttribute("tabindex","0"),this.focusedRadio=this.slottedRadioButtons[0]}}}lt([a({mode:"boolean"})],Ke.prototype,"stacked",2),lt([a({attribute:"readonly",mode:"boolean"})],Ke.prototype,"readOnly",2),lt([a({attribute:"disabled",mode:"boolean"})],Ke.prototype,"disabled",2),lt([a],Ke.prototype,"name",2),lt([a],Ke.prototype,"value",2),lt([a],Ke.prototype,"orientation",2),lt([$],Ke.prototype,"childItems",2),lt([$],Ke.prototype,"slottedRadioButtons",2);const du=f`
|
|
448
|
+
:host{align-items:center;height:2px;overflow-x:hidden;border-radius:${I};contain:content}:host([thickness='large']),:host([thickness='large']) .progress,:host([thickness='large']) .determinate{height:4px}:host([shape='square']),:host([shape='square']) .progress,:host([shape='square']) .determinate{border-radius:0}:host([validation-state='error']) .determinate{background-color:${Ki}}:host([validation-state='error']) .indeterminate-indicator-1,:host([validation-state='error']) .indeterminate-indicator-2{background:linear-gradient(
|
|
449
|
+
to right,${Ui} 0%,${Ki} 50%,${Ui}
|
|
450
|
+
)}:host([validation-state='warning']) .determinate{background-color:${Qi}}:host([validation-state='warning']) .indeterminate-indicator-1,:host([validation-state='warning']) .indeterminate-indicator-2{background:linear-gradient(
|
|
451
|
+
to right,${_s} 0%,${Qi} 50%,${_s}
|
|
452
|
+
)}:host([validation-state='success']) .determinate{background-color:${Yi}}:host([validation-state='success']) .indeterminate-indicator-1,:host([validation-state='success']) .indeterminate-indicator-2{background:linear-gradient(
|
|
453
|
+
to right,${Ms} 0%,${Yi} 50%,${Ms}
|
|
454
|
+
)}.progress{background-color:${Is};border-radius:${I};width:100%;height:2px;display:flex;align-items:center;position:relative}.determinate{background-color:${wt};border-radius:${I};height:2px;transition:all 0.2s ease-in-out;display:flex}.indeterminate-indicator-1{position:absolute;opacity:0;height:100%;background:linear-gradient(
|
|
455
|
+
to right,${no} 0%,${wt} 50%,${no}
|
|
456
|
+
);border-radius:${I};animation-timing-function:cubic-bezier(0.4,0,0.6,1);width:40%;animation:indeterminate-1 3s infinite}.indeterminate-indicator-2{position:absolute;opacity:0;height:100%;background:linear-gradient(
|
|
457
|
+
to right,${no} 0%,${wt} 50%,${no}
|
|
458
|
+
);border-radius:${I};animation-timing-function:cubic-bezier(0.4,0,0.6,1);width:60%;animation:indeterminate-2 3s infinite}@keyframes indeterminate-1{0%{opacity:1;transform:translateX(-100%)}70%{opacity:1;transform:translateX(300%)}70.01%{opacity:0}100%{opacity:0;transform:translateX(300%)}}@keyframes indeterminate-2{0%{opacity:0;transform:translateX(-150%)}29.99%{opacity:0}30%{opacity:1;transform:translateX(-150%)}100%{transform:translateX(166.66%);opacity:1}}`.withBehaviors($e(p`
|
|
459
|
+
.progress{background-color:HighlightText}.determinate,:host([validation-state='success']) .determinate,:host([validation-state='warning']) .determinate,:host([validation-state='error']) .determinate,:host([validation-state='success']) ..indeterminate-indicator-1,:host([validation-state='success']) ..indeterminate-indicator-2,:host([validation-state='warning']) .indeterminate-indicator-1,:host([validation-state='warning']) .indeterminate-indicator-2,:host([validation-state='error']) .indeterminate-indicator-1,:host([validation-state='error']) .indeterminate-indicator-2{background-color:Highlight}`));function Iu(o={}){return v`<template role="progressbar" aria-valuenow="${e=>e.value}" aria-valuemin="${e=>e.min}" aria-valuemax="${e=>e.max}">${Eo(e=>typeof e.value=="number",v`<div class="progress" part="progress" slot="determinate"><div class="determinate" part="determinate" style="width: ${e=>e.percentComplete}%"></div></div>`,v`<div class="progress" part="progress" slot="indeterminate"><slot name="indeterminate">${Z(o.indeterminateIndicator1)} ${Z(o.indeterminateIndicator2)}</slot></div>`)}</template>`}const zu=Iu({indeterminateIndicator1:'<span class="indeterminate-indicator-1" part="indeterminate-indicator-1></span>',indeterminateIndicator2:'<span class="indeterminate-indicator-2" part="indeterminate-indicator-2"></span>'}),Bu=vi.compose({name:`${b.prefix}-progress-bar`,template:zu,styles:Pu});Bu.define(b.registry);const _n="form-associated-proxy",Ln="ElementInternals",Rn=Ln in window&&"setFormValue"in window[Ln].prototype,Dn=new WeakMap;function Hn(o){const e=class extends o{constructor(...t){super(...t),this.dirtyValue=!1,this.initialValue="",this.disabled=!1,this.proxyEventsToBlock=["change","click"],this.proxyInitialized=!1,this.required=!1,this.initialValue=this.initialValue||"",this.elementInternals||(this.formResetCallback=this.formResetCallback.bind(this))}static get formAssociated(){return Rn}get validity(){return this.elementInternals?this.elementInternals.validity:this.proxy.validity}get form(){return this.elementInternals?this.elementInternals.form:this.proxy.form}get validationMessage(){return this.elementInternals?this.elementInternals.validationMessage:this.proxy.validationMessage}get willValidate(){return this.elementInternals?this.elementInternals.willValidate:this.proxy.willValidate}get labels(){if(this.elementInternals)return Object.freeze(Array.from(this.elementInternals.labels));if(this.proxy instanceof HTMLElement&&this.proxy.ownerDocument&&this.id){const t=this.proxy.labels,i=Array.from(this.proxy.getRootNode().querySelectorAll(`[for='${this.id}']`)),r=t?i.concat(Array.from(t)):i;return Object.freeze(r)}else return Tr}valueChanged(t,i){this.dirtyValue=!0,this.proxy instanceof HTMLElement&&(this.proxy.value=this.value),this.currentValue=this.value,this.setFormValue(this.value),this.validate()}currentValueChanged(){this.value=this.currentValue}initialValueChanged(t,i){this.dirtyValue||(this.value=this.initialValue,this.dirtyValue=!1)}disabledChanged(t,i){this.proxy instanceof HTMLElement&&(this.proxy.disabled=this.disabled),Se.enqueue(()=>this.classList.toggle("disabled",this.disabled))}nameChanged(t,i){this.proxy instanceof HTMLElement&&(this.proxy.name=this.name)}requiredChanged(t,i){this.proxy instanceof HTMLElement&&(this.proxy.required=this.required),Se.enqueue(()=>this.classList.toggle("required",this.required)),this.validate()}get elementInternals(){if(!Rn)return null;let t=Dn.get(this);return t||(t=this.attachInternals(),Dn.set(this,t)),t}connectedCallback(){super.connectedCallback(),this.addEventListener("keypress",this._keypressHandler),this.value||(this.value=this.initialValue,this.dirtyValue=!1),this.elementInternals||(this.attachProxy(),this.form&&this.form.addEventListener("reset",this.formResetCallback))}disconnectedCallback(){this.proxyEventsToBlock.forEach(t=>this.proxy.removeEventListener(t,this.stopPropagation)),!this.elementInternals&&this.form&&this.form.removeEventListener("reset",this.formResetCallback)}checkValidity(){return this.elementInternals?this.elementInternals.checkValidity():this.proxy.checkValidity()}reportValidity(){return this.elementInternals?this.elementInternals.reportValidity():this.proxy.reportValidity()}setValidity(t,i,r){this.elementInternals?this.elementInternals.setValidity(t,i,r):typeof i=="string"&&this.proxy.setCustomValidity(i)}formDisabledCallback(t){this.disabled=t}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}attachProxy(){this.proxyInitialized||(this.proxyInitialized=!0,this.proxy.style.display="none",this.proxyEventsToBlock.forEach(t=>this.proxy.addEventListener(t,this.stopPropagation)),this.proxy.disabled=this.disabled,this.proxy.required=this.required,typeof this.name=="string"&&(this.proxy.name=this.name),typeof this.value=="string"&&(this.proxy.value=this.value),this.proxy.setAttribute("slot",_n),this.proxySlot=document.createElement("slot"),this.proxySlot.setAttribute("name",_n)),this.shadowRoot?.appendChild(this.proxySlot),this.appendChild(this.proxy)}detachProxy(){this.removeChild(this.proxy),this.shadowRoot?.removeChild(this.proxySlot)}validate(t){this.proxy instanceof HTMLElement&&this.setValidity(this.proxy.validity,this.proxy.validationMessage,t)}setFormValue(t,i){this.elementInternals&&this.elementInternals.setFormValue(t,i||t)}_keypressHandler(t){switch(t.key){case Zt:this.form instanceof HTMLFormElement&&this.form.querySelector("[type=submit]")?.click();break}}stopPropagation(t){t.stopPropagation()}};return a({mode:"boolean"})(e.prototype,"disabled"),a({mode:"fromView",attribute:"value"})(e.prototype,"initialValue"),a({attribute:"current-value"})(e.prototype,"currentValue"),a(e.prototype,"name"),a({mode:"boolean"})(e.prototype,"required"),$(e.prototype,"value"),e}function Tu(o){class e extends Hn(o){}class t extends e{constructor(...r){super(r),this.dirtyChecked=!1,this.checkedAttribute=!1,this.checked=!1,this.dirtyChecked=!1}checkedAttributeChanged(){this.defaultChecked=this.checkedAttribute}defaultCheckedChanged(){this.dirtyChecked||(this.checked=this.defaultChecked,this.dirtyChecked=!1)}checkedChanged(r,s){this.dirtyChecked||(this.dirtyChecked=!0),this.currentChecked=this.checked,this.updateForm(),this.proxy instanceof HTMLInputElement&&(this.proxy.checked=this.checked),r!==void 0&&this.$emit("change"),this.validate()}currentCheckedChanged(r,s){this.checked=this.currentChecked}updateForm(){const r=this.checked?this.value:null;this.setFormValue(r,r)}connectedCallback(){super.connectedCallback(),this.updateForm()}formResetCallback(){super.formResetCallback(),this.checked=!!this.checkedAttribute,this.dirtyChecked=!1}}return a({attribute:"checked",mode:"boolean"})(t.prototype,"checkedAttribute"),a({attribute:"current-checked",converter:ss})(t.prototype,"currentChecked"),$(t.prototype,"defaultChecked"),$(t.prototype,"checked"),t}class Fu extends S{}class Ou extends Tu(Fu){constructor(){super(...arguments),this.proxy=document.createElement("input")}}var Au=Object.defineProperty,Eu=Object.getOwnPropertyDescriptor,Vn=(o,e,t,i)=>{for(var r=i>1?void 0:i?Eu(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Au(e,t,r),r};class tt extends Ou{constructor(){super(),this.initialValue="on",this.proxy.setAttribute("type","radio")}get radioGroup(){return this.closest("[role=radiogroup]")}defaultCheckedChanged(){this.$fastController.isConnected&&!this.dirtyChecked&&(this.isInsideRadioGroup()||(this.checked=this.defaultChecked??!1,this.dirtyChecked=!1))}connectedCallback(){super.connectedCallback(),this.validate(),this.parentElement?.getAttribute("role")!=="radiogroup"&&this.getAttribute("tabindex")===null&&(this.disabled||this.setAttribute("tabindex","0")),this.checkedAttribute&&(this.dirtyChecked||this.isInsideRadioGroup()||(this.checked=this.defaultChecked??!1,this.dirtyChecked=!1))}isInsideRadioGroup(){return this.radioGroup!==null}keypressHandler(e){switch(e.key){case No:!this.checked&&!this.radioGroup?.readOnly&&(this.checked=!0);return}return!0}}Vn([$],tt.prototype,"name",2),Vn([$],tt.prototype,"defaultSlottedNodes",2);const Nn=re;var Mu=Object.defineProperty,_u=Object.getOwnPropertyDescriptor,bt=(o,e,t,i)=>{for(var r=i>1?void 0:i?_u(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Mu(e,t,r),r};class ot extends S{constructor(){super(...arguments),this.stacked=!1,this.orientation=Nn.horizontal,this.radioChangeHandler=e=>{const t=e.target;t.checked&&(this.slottedRadioButtons.forEach(i=>{i instanceof tt&&i!==t&&(i.checked=!1,this.isInsideFoundationToolbar||i.setAttribute("tabindex","-1"))}),this.selectedRadio=t,this.value=t.value,t.setAttribute("tabindex","0"),this.focusedRadio=t),e.stopPropagation()},this.moveToRadioByIndex=(e,t)=>{const i=e[t];this.isInsideToolbar||(i.setAttribute("tabindex","0"),i.checked=!0,this.selectedRadio=i),this.focusedRadio=i,i.focus()},this.moveRightOffGroup=()=>{this.nextElementSibling?.focus()},this.moveLeftOffGroup=()=>{this.previousElementSibling?.focus()},this.focusOutHandler=e=>{const t=this.slottedRadioButtons,i=e.target,r=i!==null?t.indexOf(i):0,s=this.focusedRadio?t.indexOf(this.focusedRadio):-1;return(s===0&&r===s||s===t.length-1&&s===r)&&(this.selectedRadio?(this.focusedRadio=this.selectedRadio,this.isInsideFoundationToolbar||(this.selectedRadio.setAttribute("tabindex","0"),t.forEach(n=>{n!==this.selectedRadio&&n.setAttribute("tabindex","-1")}))):(this.focusedRadio=t[0],this.focusedRadio.setAttribute("tabindex","0"),t.forEach(n=>{i instanceof tt&&n!==this.focusedRadio&&n.setAttribute("tabindex","-1")}))),!0},this.handleDisabledClick=e=>{if(this.disabled){e.preventDefault();return}return!0},this.clickHandler=e=>{if(this.disabled)return;e.preventDefault();const t=e.target;t&&t instanceof tt&&(t.checked=!0,t.setAttribute("tabindex","0"),this.selectedRadio=t,this.focusedRadio=t)},this.shouldMoveOffGroupToTheRight=(e,t,i)=>e===t.length&&this.isInsideToolbar&&i===Dt,this.shouldMoveOffGroupToTheLeft=(e,t)=>(this.focusedRadio?e.indexOf(this.focusedRadio)-1:0)<0&&this.isInsideToolbar&&t===Rt,this.checkFocusedRadio=()=>{this.focusedRadio!==null&&!this.focusedRadio.checked&&(this.focusedRadio.checked=!0,this.focusedRadio.setAttribute("tabindex","0"),this.focusedRadio.focus(),this.selectedRadio=this.focusedRadio)},this.moveRight=e=>{const t=this.slottedRadioButtons;let i=0;if(i=this.focusedRadio?t.indexOf(this.focusedRadio)+1:1,this.shouldMoveOffGroupToTheRight(i,t,e.key)){this.moveRightOffGroup();return}else i===t.length&&(i=0);for(;i<t.length&&t.length>1;)if(t[i].disabled){if(this.focusedRadio&&i===t.indexOf(this.focusedRadio))break;if(i+1>=t.length){if(this.isInsideToolbar)break;i=0}else i+=1}else{this.moveToRadioByIndex(t,i);break}},this.moveLeft=e=>{const t=this.slottedRadioButtons;let i=0;if(i=this.focusedRadio?t.indexOf(this.focusedRadio)-1:0,i=i<0?t.length-1:i,this.shouldMoveOffGroupToTheLeft(t,e.key)){this.moveLeftOffGroup();return}for(;i>=0&&t.length>1;)if(t[i].disabled){if(this.focusedRadio&&i===t.indexOf(this.focusedRadio))break;i-1<0?i=t.length-1:i-=1}else{this.moveToRadioByIndex(t,i);break}},this.keydownHandler=e=>{const t=e.key;if(t in Ca&&(this.isInsideFoundationToolbar||this.disabled))return!0;switch(t){case Zt:{this.checkFocusedRadio();break}case Dt:case Lt:{this.direction===ve.ltr?this.moveRight(e):this.moveLeft(e);break}case Rt:case Ht:{this.direction===ve.ltr?this.moveLeft(e):this.moveRight(e);break}default:return!0}}}nameChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.forEach(e=>{e.setAttribute("name",this.name)})}valueChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.forEach(e=>{e instanceof tt&&e.value===this.value&&(e.checked=!0,this.selectedRadio=e)}),this.$emit("change")}slottedRadioButtonsChanged(e,t){this.slottedRadioButtons&&this.slottedRadioButtons.length>0&&this.setupRadioButtons()}get parentToolbar(){return this.closest('[role="toolbar"]')}get isInsideToolbar(){return this.parentToolbar??!1}get isInsideFoundationToolbar(){return!!this.parentToolbar?.hasOwnProperty("$fastController")}connectedCallback(){super.connectedCallback(),this.direction=vs(this),this.setupRadioButtons()}disconnectedCallback(){this.slottedRadioButtons.forEach(e=>{e instanceof tt&&e.removeEventListener("change",this.radioChangeHandler)})}setupRadioButtons(){const e=this.slottedRadioButtons.filter(r=>r.hasAttribute("checked")),t=e?e.length:0;if(t>1){const r=e[t-1];r.checked=!0}let i=!1;if(this.slottedRadioButtons.forEach(r=>{r instanceof tt&&(this.name!==void 0&&r.setAttribute("name",this.name),this.value&&this.value===r.value?(this.selectedRadio=r,this.focusedRadio=r,r.checked=!0,r.setAttribute("tabindex","0"),i=!0):(this.isInsideFoundationToolbar||r.setAttribute("tabindex","-1"),r.checked=!1),r.addEventListener("change",this.radioChangeHandler))}),this.value===void 0&&this.slottedRadioButtons.length>0){const r=this.slottedRadioButtons.filter(n=>n.hasAttribute("checked")),s=r!==null?r.length:0;if(s>0&&!i){const n=r[s-1];n.checked=!0,this.focusedRadio=n,n.setAttribute("tabindex","0")}else this.slottedRadioButtons[0].setAttribute("tabindex","0"),this.focusedRadio=this.slottedRadioButtons[0]}}}bt([a({mode:"boolean"})],ot.prototype,"stacked",2),bt([a({attribute:"readonly",mode:"boolean"})],ot.prototype,"readOnly",2),bt([a({attribute:"disabled",mode:"boolean"})],ot.prototype,"disabled",2),bt([a],ot.prototype,"name",2),bt([a],ot.prototype,"value",2),bt([a],ot.prototype,"orientation",2),bt([$],ot.prototype,"childItems",2),bt([$],ot.prototype,"slottedRadioButtons",2);const Lu=p`
|
|
455
460
|
${T("flex")}
|
|
456
461
|
|
|
457
|
-
:host{align-items:flex-start;flex-direction:column;row-gap:${
|
|
462
|
+
:host{align-items:flex-start;flex-direction:column;row-gap:${U}}:host([disabled]) ::slotted([role='radio']){--control-border-color:${C};--checked-indicator-background-color:${C};--state-color:${C}}::slotted([slot='label']){color:${_};padding:${U} ${ze} ${U} ${De};font:${E} ${A} / ${R} ${y};cursor:default}.positioning-region{display:flex;flex-wrap:wrap}:host([orientation='vertical']) .positioning-region{flex-direction:column;justify-content:flex-start}:host([orientation='horizontal']) .positioning-region{flex-direction:row}:host([orientation='horizontal']) ::slotted([role='radio']){padding-inline-end:${ze}}:host([orientation='horizontal'][stacked]) ::slotted([role='radio']){display:flex;flex-direction:column;padding-inline:${ze};height:auto;align-items:center;justify-content:center}:host([disabled]) ::slotted([role='radio']){pointer-events:none}`;function Ru(){return v`<template role="radiogroup" tabindex="${o=>o.disabled?-1:void 0}" aria-disabled="${o=>o.disabled}" aria-readonly="${o=>o.readOnly}" aria-orientation="${o=>o.orientation}" @click="${(o,e)=>o.clickHandler(e.event)}" @mousedown="${(o,e)=>o.handleDisabledClick(e.event)}" @keydown="${(o,e)=>o.keydownHandler(e.event)}" @focusout="${(o,e)=>o.focusOutHandler(e.event)}"><slot name="label"></slot><div class="positioning-region ${o=>o.orientation===Nn.horizontal?"horizontal":"vertical"}" part="positioning-region"><slot ${ie({property:"slottedRadioButtons",filter:xt("[role=radio]")})}></slot></div></template>`}const Du=Ru(),Hu=ot.compose({name:`${b.prefix}-radio-group`,template:Du,styles:Lu});Hu.define(b.registry);const Vu=p`
|
|
458
463
|
${T("inline-grid")}
|
|
459
464
|
|
|
460
|
-
:host{grid-auto-flow:column;grid-template-columns:max-content;gap:${
|
|
461
|
-
:host .control{border-color:InactiveBorder}:host([aria-checked='true']) .checked-indicator,:host([aria-checked='true']:active) .checked-indicator,:host([aria-checked='true']:hover) .checked-indicator{background-color:Highlight;border-color:ActiveBorder}`));function
|
|
462
|
-
:host{--step-rate:${e}%;color:blue}`,this.$fastController.addStyles(this.stepStyles)}else this.stepStyles!==void 0&&this.$fastController.removeStyles(this.stepStyles)}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly)}get valueAsNumber(){return parseFloat(super.value)}set valueAsNumber(e){this.value=e.toString()}valueChanged(e,t){if(this.$fastController.isConnected){const
|
|
463
|
-
${T("inline-grid")} :host{--thumb-size:18px;--thumb-padding:3px;--thumb-translate:calc(var(--thumb-size) * -0.5 + var(--track-width) / 2);--track-overhang:-2px;--track-width:4px;--fast-slider-height:calc(var(--thumb-size) * 10);--slider-direction:90deg;align-items:center;box-sizing:border-box;outline:none;cursor:pointer;user-select:none;border-radius:${
|
|
464
|
-
var(--slider-direction),#0000 0%,#0000 calc(var(--step-rate) - 1px),${
|
|
465
|
-
)}:host([orientation='vertical'][step]) .track::after{inset:-2px 0}:host([disabled]) .track{background-color:${
|
|
466
|
-
.track:hover,.track:active,.track{background:WindowText}.thumb-cursor:hover,.thumb-cursor:active,.thumb-cursor{background:ButtonText}:host(:hover) .track-start,.track-start:active,.track-start{background:Highlight}`));function
|
|
465
|
+
:host{grid-auto-flow:column;grid-template-columns:max-content;gap:${De};align-items:center;height:32px;cursor:pointer;outline:none;position:relative;user-select:none;color:blue;color:var(--state-color,${ne});padding-inline-end:${ze};--control-border-color:${Ze};--checked-indicator-background-color:${xs};--state-color:${ne}}:host([disabled]){--control-border-color:${C};--checked-indicator-background-color:${C};--state-color:${C}}.label{cursor:pointer;font-family:${y};font-size:${A};font-weight:${E};line-height:${R}}.label__hidden{display:none}.control{box-sizing:border-box;align-items:center;border:1px solid var(--control-border-color,${Ze});border-radius:${ae};display:flex;height:16px;justify-content:center;margin:${U} ${ze};position:relative;width:16px;justify-self:center}.checked-indicator{border-radius:${ae};height:10px;opacity:0;width:10px}:host([aria-checked='false']:hover) .control{color:${ye}}:host(:focus-visible){border-radius:${we};box-shadow:0 0 0 3px ${Ie};outline:1px solid ${Uo}}:host(:hover) .control{border-color:${ao}}:host(:active) .control{border-color:${lo}}:host([aria-checked='true']) .checked-indicator{opacity:1}:host([aria-checked='true']) .control{border-color:var(--control-border-color,${Ze})}:host([aria-checked='true']) .checked-indicator{background-color:var(--checked-indicator-background-color,${xs})}:host([aria-checked='true']:hover) .control{border-color:${Wi}}:host([aria-checked='true']:hover) .checked-indicator{background-color:${Wi}}:host([aria-checked='true']:active) .control{border-color:${Xi}}:host([aria-checked='true']:active) .checked-indicator{background:${ws}}:host([disabled]){color:${C};pointer-events:none}:host([disabled]) .control{pointer-events:none;border-color:${C}}:host([disabled]) .checked-indicator{background:${C}}`.withBehaviors($e(p`
|
|
466
|
+
:host .control{border-color:InactiveBorder}:host([aria-checked='true']) .checked-indicator,:host([aria-checked='true']:active) .checked-indicator,:host([aria-checked='true']:hover) .checked-indicator{background-color:Highlight;border-color:ActiveBorder}`));function Nu(o={}){return v`<template role="radio" aria-checked="${e=>e.checked}" aria-required="${e=>e.required}" aria-disabled="${e=>e.disabled}" @keypress="${(e,t)=>e.keypressHandler(t.event)}"><div part="control" class="control"><slot name="checked-indicator">${Z(o.checkedIndicator)}</slot></div><label part="label" class="${e=>["label",!e.defaultSlottedNodes?.length&&"label__hidden"].filter(Boolean).join(" ")}"><slot ${ie({property:"defaultSlottedNodes",filter:$s})}></slot></label></template>`}const ju=Nu({checkedIndicator:v`<div part="checked-indicator" class="checked-indicator"></div>`}),qu=tt.compose({name:`${b.prefix}-radio`,template:ju,styles:Vu});qu.define(b.registry);const Gu={singleValue:"single-value"};class Wu extends S{}class Xu extends Hn(Wu){constructor(){super(...arguments),this.proxy=document.createElement("input")}}function jn(o,e,t,i){let r=Ri(0,1,(o-e)/(t-e));return i===ve.rtl&&(r=1-r),r}var Uu=Object.defineProperty,Ku=Object.getOwnPropertyDescriptor,Y=(o,e,t,i)=>{for(var r=i>1?void 0:i?Ku(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Uu(e,t,r),r};class W extends Xu{constructor(){super(...arguments),this.direction=ve.ltr,this.isDragging=!1,this.trackWidth=0,this.trackMinWidth=0,this.trackHeight=0,this.trackLeft=0,this.trackMinHeight=0,this.valueTextFormatter=()=>null,this.min=0,this.max=10,this.orientation=re.horizontal,this.mode=Gu.singleValue,this.keypressHandler=e=>{if(!(this.readOnly||this.disabled)){if(e.key===Vo)e.preventDefault(),this.direction!==ve.rtl&&this.orientation!==re.vertical?this.value=`${this.min}`:this.value=`${this.max}`;else if(e.key===Ho)e.preventDefault(),this.direction!==ve.rtl&&this.orientation!==re.vertical?this.value=`${this.max}`:this.value=`${this.min}`;else if(!e.shiftKey)switch(e.key){case Dt:case Ht:e.preventDefault(),this.increment();break;case Rt:case Lt:e.preventDefault(),this.decrement();break}}},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.setupListeners=(e=!1)=>{this.addEventListener("keydown",this.keypressHandler),this.addEventListener("mousedown",this.handleMouseDown),e&&(this.removeEventListener("keydown",this.keypressHandler),this.removeEventListener("mousedown",this.handleMouseDown))},this.initialValue="",this.handleThumbMouseDown=e=>{const t=e!==null?window.addEventListener:window.removeEventListener;t("mouseup",this.handleWindowMouseUp),t("mousemove",this.handleMouseMove,{passive:!0}),t("touchmove",this.handleMouseMove,{passive:!0}),t("touchend",this.handleWindowMouseUp),this.isDragging=e!==null},this.handleMouseMove=e=>{if(this.readOnly||this.disabled||e.defaultPrevented)return;const t=window.TouchEvent&&e instanceof TouchEvent?e.touches[0]:e,i=this.orientation===re.horizontal?t.pageX-document.documentElement.scrollLeft-this.trackLeft:t.pageY-document.documentElement.scrollTop;this.value=`${this.calculateNewValue(i)}`},this.handleWindowMouseUp=e=>{this.stopDragging()},this.stopDragging=()=>{this.isDragging=!1,this.handleMouseDown(null),this.handleThumbMouseDown(null)},this.handleMouseDown=e=>{if(e===null||!this.disabled&&!this.readOnly){const t=e!==null?window.addEventListener:window.removeEventListener,i=e!==null?document.addEventListener:document.removeEventListener;if(t("mouseup",this.handleWindowMouseUp),i("mouseleave",this.handleWindowMouseUp),t("mousemove",this.handleMouseMove),e){this.setupTrackConstraints();const r=this.orientation===re.horizontal?e.pageX-document.documentElement.scrollLeft-this.trackLeft:e.pageY-document.documentElement.scrollTop;this.value=`${this.calculateNewValue(r)}`}}}}handleChange(e,t){switch(t){case"min":case"max":case"step":this.handleStepStyles();break}}handleStepStyles(){if(this.step){const e=100/Math.floor((this.max-this.min)/this.step);this.stepStyles!==void 0&&this.$fastController.removeStyles(this.stepStyles),this.stepStyles=p`
|
|
467
|
+
:host{--step-rate:${e}%;color:blue}`,this.$fastController.addStyles(this.stepStyles)}else this.stepStyles!==void 0&&this.$fastController.removeStyles(this.stepStyles)}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly)}get valueAsNumber(){return parseFloat(super.value)}set valueAsNumber(e){this.value=e.toString()}valueChanged(e,t){if(this.$fastController.isConnected){const i=parseFloat(t),r=Ri(this.min,this.max,this.convertToConstrainedValue(i)).toString();if(r!==t){this.value=r;return}super.valueChanged(e,t),this.setThumbPositionForOrientation(this.direction),this.$emit("change")}}minChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.min=`${this.min}`),this.validate()}maxChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.max=`${this.max}`),this.validate()}stepChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.step=`${this.step}`),this.updateStepMultiplier(),this.validate()}orientationChanged(){this.$fastController.isConnected&&this.setThumbPositionForOrientation(this.direction)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute("type","range"),this.direction=vs(this),this.updateStepMultiplier(),this.setupTrackConstraints(),this.setupListeners(),this.setupDefaultValue(),this.setThumbPositionForOrientation(this.direction),w.getNotifier(this).subscribe(this,"max"),w.getNotifier(this).subscribe(this,"min"),w.getNotifier(this).subscribe(this,"step"),this.handleStepStyles()}disconnectedCallback(){super.disconnectedCallback(),this.setupListeners(!0),w.getNotifier(this).unsubscribe(this,"max"),w.getNotifier(this).unsubscribe(this,"min"),w.getNotifier(this).unsubscribe(this,"step")}increment(){const e=this.direction!==ve.rtl&&this.orientation!==re.vertical?Number(this.value)+Number(this.stepValue):Number(this.value)+Number(this.stepValue),t=this.convertToConstrainedValue(e),i=t<Number(this.max)?`${t}`:`${this.max}`;this.value=i}decrement(){const e=this.direction!==ve.rtl&&this.orientation!==re.vertical?Number(this.value)-Number(this.stepValue):Number(this.value)-Number(this.stepValue),t=this.convertToConstrainedValue(e),i=t>Number(this.min)?`${t}`:`${this.min}`;this.value=i}get stepValue(){return this.step===void 0?1:this.step}setThumbPositionForOrientation(e){const i=(1-jn(Number(this.value),Number(this.min),Number(this.max),e))*100;this.orientation===re.horizontal?this.position=this.isDragging?`right: ${i}%; transition: none;`:`right: ${i}%; transition: all 0.2s ease;`:this.position=this.isDragging?`top: ${i}%; transition: none;`:`top: ${i}%; transition: all 0.2s ease;`}updateStepMultiplier(){const e=this.stepValue+"",t=this.stepValue%1?e.length-e.indexOf(".")-1:0;this.stepMultiplier=Math.pow(10,t)}get midpoint(){return`${this.convertToConstrainedValue((this.max+this.min)/2)}`}setupDefaultValue(){if(typeof this.value=="string")if(this.value.length===0)this.initialValue=this.midpoint;else{const e=parseFloat(this.value);!Number.isNaN(e)&&(e<this.min||e>this.max)&&(this.value=this.midpoint)}}calculateNewValue(e){this.setupTrackConstraints();const t=jn(e,this.orientation===re.horizontal?this.trackMinWidth:this.trackMinHeight,this.orientation===re.horizontal?this.trackWidth:this.trackHeight,this.direction),i=(this.max-this.min)*t+this.min;return this.convertToConstrainedValue(i)}convertToConstrainedValue(e){isNaN(e)&&(e=this.min);let t=e-this.min;const i=Math.round(t/this.stepValue),r=t-i*(this.stepMultiplier*this.stepValue)/this.stepMultiplier;return t=r>=Number(this.stepValue)/2?t-r+Number(this.stepValue):t-r,t+this.min}}Y([a],W.prototype,"size",2),Y([a({attribute:"readonly",mode:"boolean"})],W.prototype,"readOnly",2),Y([$],W.prototype,"direction",2),Y([$],W.prototype,"isDragging",2),Y([$],W.prototype,"position",2),Y([$],W.prototype,"trackWidth",2),Y([$],W.prototype,"trackMinWidth",2),Y([$],W.prototype,"trackHeight",2),Y([$],W.prototype,"trackLeft",2),Y([$],W.prototype,"trackMinHeight",2),Y([$],W.prototype,"valueTextFormatter",2),Y([a({converter:pe})],W.prototype,"min",2),Y([a({converter:pe})],W.prototype,"max",2),Y([a({converter:pe})],W.prototype,"step",2),Y([a],W.prototype,"orientation",2),Y([a],W.prototype,"mode",2);const Yu=p`
|
|
468
|
+
${T("inline-grid")} :host{--thumb-size:18px;--thumb-padding:3px;--thumb-translate:calc(var(--thumb-size) * -0.5 + var(--track-width) / 2);--track-overhang:-2px;--track-width:4px;--fast-slider-height:calc(var(--thumb-size) * 10);--slider-direction:90deg;align-items:center;box-sizing:border-box;outline:none;cursor:pointer;user-select:none;border-radius:${we};touch-action:pan-y;min-width:calc(var(--thumb-size) * 1px);width:100%}:host([size='small']){--thumb-size:14px;--track-width:2px;--thumb-padding:3px}:host([orientation='vertical']){--slider-direction:0deg;height:160px;min-height:var(--thumb-size);touch-action:pan-x;padding:8px 0;width:auto;min-width:auto}:host([disabled]:hover){cursor:initial}:host(:focus-visible){box-shadow:0 0 0 2pt ${Ie};outline:1px solid ${Uo}}.thumb-cursor:focus{outline:0}.thumb-container{position:absolute;height:var(--thumb-size);width:var(--thumb-size);transition:all 0.2s ease}.thumb-container{transform:translateX(calc(var(--thumb-size) * 0.5)) translateY(calc(var(--thumb-translate) * -1.5))}:host([size='small']) .thumb-container{transform:translateX(calc(var(--thumb-size) * 0.5)) translateY(calc(var(--thumb-translate) * -1.35))}:host([orientation='vertical']) .thumb-container{transform:translateX(calc(var(--thumb-translate) * -1.5)) translateY(calc(var(--thumb-size) * -0.5))}:host([orientation='vertical'][size='small']) .thumb-container{transform:translateX(calc(var(--thumb-translate) * -1.35)) translateY(calc(var(--thumb-size) * -0.5))}.thumb-cursor{height:var(--thumb-size);width:var(--thumb-size);background-color:${Wo};border-radius:${ae};box-shadow:inset 0 0 0 var(--thumb-padding) ${L},0 0 0 1px ${Ct}}.thumb-cursor:hover{background-color:${ro}}.thumb-cursor:active{background-color:${so}}:host([disabled]) .thumb-cursor{background-color:${C};box-shadow:inset 0 0 0 var(--thumb-padding) ${L},0 0 0 1px ${Re}}.positioning-region{position:relative;display:grid}:host([orientation='horizontal']) .positioning-region{margin:0 8px;grid-template-rows:var(--thumb-size) var(--thumb-size)}:host([orientation='vertical']) .positioning-region{margin:8px 0;height:100%;grid-template-columns:var(--thumb-size) var(--thumb-size)}.track{align-self:start;position:absolute;background-color:${Ze};border-radius:${I};overflow:hidden}:host([step]) .track::after{content:'';position:absolute;border-radius:${I};width:100%;inset:0 2px;background-image:repeating-linear-gradient(
|
|
469
|
+
var(--slider-direction),#0000 0%,#0000 calc(var(--step-rate) - 1px),${L} calc(var(--step-rate) - 1px),${L} var(--step-rate)
|
|
470
|
+
)}:host([orientation='vertical'][step]) .track::after{inset:-2px 0}:host([disabled]) .track{background-color:${jt}}:host([orientation='horizontal']) .track{right:var(--track-overhang);left:var(--track-overhang);align-self:start;height:var(--track-width);grid-row:2 / auto}:host([orientation='vertical']) .track{top:var(--track-overhang);bottom:var(--track-overhang);width:var(--track-width);height:100%;grid-column:2 / auto}.track-start{background-color:${wt};position:absolute;height:100%;left:0;border-radius:${I}}:host([disabled]) .track-start{background-color:${C}}:host(:hover) .track-start{background-color:${ro}}:host([disabled]:hover) .track-start{background-color:${C}}.track-start:active{background-color:${so}}:host([orientation='vertical']) .track-start{height:auto;width:100%;bottom:0}`.withBehaviors($e(p`
|
|
471
|
+
.track:hover,.track:active,.track{background:WindowText}.thumb-cursor:hover,.thumb-cursor:active,.thumb-cursor{background:ButtonText}:host(:hover) .track-start,.track-start:active,.track-start{background:Highlight}`));function Qu(o={}){return v`<template role="slider" tabindex="${e=>e.disabled?null:0}" aria-valuetext="${e=>e.valueTextFormatter(e.value)}" aria-valuenow="${e=>e.value}" aria-valuemin="${e=>e.min}" aria-valuemax="${e=>e.max}" aria-disabled="${e=>e.disabled?!0:void 0}" aria-readonly="${e=>e.readOnly?!0:void 0}" aria-orientation="${e=>e.orientation}" class="${e=>e.orientation}"><div part="positioning-region" class="positioning-region"><div ${me("track")} part="track-container" class="track"><slot name="track"></slot><div part="track-start" class="track-start" style="${e=>e.position}"><slot name="track-start"></slot></div></div><slot></slot><div ${me("thumb")} part="thumb-container" class="thumb-container" style="${e=>e.position}" @mousedown="${(e,t)=>e.handleThumbMouseDown(t.event)}" @touchstart="${(e,t)=>e.handleThumbMouseDown(t.event)}"><slot name="thumb">${Z(o.thumb)}</slot></div></div></template>`}const Zu=Qu({thumb:'<div class="thumb-cursor"></div>'}),Ju=W.compose({name:`${b.prefix}-slider`,template:Zu,styles:Yu});Ju.define(b.registry);var ep=Object.defineProperty,tp=Object.getOwnPropertyDescriptor,qn=(o,e,t,i)=>{for(var r=i>1?void 0:i?tp(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&ep(e,t,r),r};class vr extends S{constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="progressbar"}}qn([a],vr.prototype,"size",2),qn([a],vr.prototype,"appearance",2);const op=p`
|
|
467
472
|
${T("flex")}
|
|
468
473
|
|
|
469
|
-
:host{display:flex;align-items:center;height:32px;width:32px;contain:content}:host([size='tiny']){height:20px;width:20px}:host([size='extra-small']){height:24px;width:24px}:host([size='small']){height:28px;width:28px}:host([size='large']){height:36px;width:36px}:host([size='extra-large']){height:40px;width:40px}:host([size='huge']){height:44px;width:44px}.progress{height:100%;width:100%}.background{fill:none;stroke:${
|
|
474
|
+
:host{display:flex;align-items:center;height:32px;width:32px;contain:content}:host([size='tiny']){height:20px;width:20px}:host([size='extra-small']){height:24px;width:24px}:host([size='small']){height:28px;width:28px}:host([size='large']){height:36px;width:36px}:host([size='extra-large']){height:40px;width:40px}:host([size='huge']){height:44px;width:44px}.progress{height:100%;width:100%}.background{fill:none;stroke:${Fs};stroke-width:1.5px}:host([appearance='inverted']) .background{stroke:rgba(255,255,255,0.2)}.indicator{stroke:${Ts};fill:none;stroke-width:1.5px;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:all 0.2s ease-in-out;animation:spin-infinite 3s cubic-bezier(0.53,0.21,0.29,0.67) infinite}:host([appearance='inverted']) .indicator{stroke:${Ya}}@keyframes spin-infinite{0%{stroke-dasharray:0.01px 43.97px;transform:rotate(0deg)}50%{stroke-dasharray:21.99px 21.99px;transform:rotate(450deg)}100%{stroke-dasharray:0.01px 43.97px;transform:rotate(1080deg)}}`,ip=v`<slot name="indicator"><svg class="progress" part="progress" viewBox="0 0 16 16"><circle class="background" cx="8px" cy="8px" r="7px"></circle><circle class="indicator" cx="8px" cy="8px" r="7px"></circle></svg></slot>`,rp=vr.compose({name:`${b.prefix}-spinner`,template:ip,styles:op});rp.define(b.registry);class sp extends Be{}function np(o={}){return v`<template tabindex="${e=>e.disabled?void 0:0}" @click="${(e,t)=>e.clickHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" @keyup="${(e,t)=>e.keyupHandler(t.event)}"><slot name="switch">${Z(o.switch)}</slot></template>`}const ap=np({switch:'<span class="checked-indicator" part="checked-indicator"></span>'}),he=p.partial`:is([state--checked], :state(checked))`,lp=p`
|
|
470
475
|
${T("inline-flex")}
|
|
471
476
|
|
|
472
|
-
:host{align-items:center;flex-direction:row
|
|
473
|
-
|
|
477
|
+
:host{box-sizing:border-box;align-items:center;flex-direction:row;outline:none;user-select:none;contain:content;padding:0 ${Pt};width:40px;height:20px;background-color:${J};border:1px solid ${Ze};border-radius:${ae};cursor:pointer}:host(:hover){background:none;border-color:${ao}}:host(:active){border-color:${lo}}:host(:disabled),:host([readonly]){border:1px solid ${Re};background-color:none;pointer:default}:host(${he}){background:${wt};border-color:${wt}}:host(${he}:hover){background:${ro};border-color:${ro}}:host(${he}:active){background:${so};border-color:${so}}:host(${he}:disabled){background:${jt};border-color:${Re}}.checked-indicator{height:14px;width:14px;border-radius:50%;margin-inline-start:0;background-color:${ne};transition-duration:${Js};transition-timing-function:${oi};transition-property:margin-inline-start}:host(${he}) .checked-indicator{background-color:${jo};margin-inline-start:calc(100% - 14px)}:host(${he}:hover) .checked-indicator{background:${Ra}}:host(${he}:active) .checked-indicator{background:${Da}}:host(:hover) .checked-indicator{background-color:${Ma}}:host(:active) .checked-indicator{background-color:${_a}}:host(:disabled) .checked-indicator,:host([readonly]) .checked-indicator{background:${C}}:host(${he}:disabled) .checked-indicator{background:${C}}:host(:focus-visible){outline:none}:host(:not([slot='input']):focus-visible){border-color:${ke};outline:${nt} solid ${ke};box-shadow:${po},0 0 0 2px ${Ie}}`.withBehaviors($e(p`
|
|
478
|
+
:host{border-color:InactiveBorder}:host(${he}),:host(${he}:active),:host(${he}:hover){background:Highlight;border-color:Highlight}.checked-indicator,:host(:hover) .checked-indicator,:host(:active) .checked-indicator{background-color:ActiveCaption}:host(${he}) .checked-indicator,:host(${he}:hover) .checked-indicator,:host(${he}:active) .checked-indicator{background-color:ButtonFace}`)),cp=sp.compose({name:`${b.prefix}-switch`,template:ap,styles:lp});cp.define(b.registry);class dp extends S{}function hp(){return v`<template slot="tabpanel" role="tabpanel"><slot></slot></template>`}const up=hp(),pp=p`
|
|
474
479
|
${T("block")}
|
|
475
480
|
|
|
476
|
-
:host{box-sizing:border-box;padding:${
|
|
477
|
-
:host{--textContent:'${this.textContent}'}`,this.$fastController.addStyles(this.styles)}}
|
|
481
|
+
:host{box-sizing:border-box;padding:${et} ${Je}}`,fp=dp.compose({name:`${b.prefix}-tab-panel`,template:up,styles:pp});fp.define(b.registry);var gp=Object.defineProperty,bp=Object.getOwnPropertyDescriptor,mp=(o,e,t,i)=>{for(var r=i>1?void 0:i?bp(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&gp(e,t,r),r};class $r extends S{connectedCallback(){super.connectedCallback(),this.styles!==void 0&&this.$fastController.removeStyles(this.styles),this.styles=p`
|
|
482
|
+
:host{--textContent:'${this.textContent}'}`,this.$fastController.addStyles(this.styles)}}mp([a({mode:"boolean"})],$r.prototype,"disabled",2),Le($r,Ke);function vp(o={}){return v`<template slot="tab" role="tab" aria-disabled="${e=>e.disabled}">${Qe(o)}<span class="tab-content"><slot></slot></span>${Ye(o)}</template>`}const $p=vp({}),yp=p`
|
|
478
483
|
${T("inline-flex")}
|
|
479
484
|
|
|
480
|
-
:host{position:relative;flex-direction:column;cursor:pointer;box-sizing:border-box;justify-content:center;line-height:${
|
|
481
|
-
:host([aria-selected='true'])::after{background-color:Highlight}`)),
|
|
482
|
-
:host{--tabIndicatorOffset:${this.activeTabOffset.toString()}px}`,this.$fastController.addStyles(this.styles)}setTabScaleCSSVar(){this.styles=
|
|
483
|
-
:host{--tabIndicatorScale:${this.activeTabScale.toString()}}`,this.$fastController.addStyles(this.styles)}activeidChanged(e,t){super.activeidChanged(e,t),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}tabsChanged(){super.tabsChanged(),this.setTabData()}}
|
|
485
|
+
:host{position:relative;flex-direction:column;cursor:pointer;box-sizing:border-box;justify-content:center;line-height:${R};font-family:${y};font-size:${A};color:${ye};fill:currentcolor;grid-row:1;padding:${et} ${Je};border-radius:${I}}:host .tab-content{display:inline-flex;flex-direction:column;padding:0 2px}:host([aria-selected='true']){color:${_};font-weight:${H}}:host .tab-content::after{content:var(--textContent);visibility:hidden;height:0;line-height:${R};font-weight:${H}}:host([aria-selected='true'])::after{background-color:${Gi};border-radius:${ae};content:'';inset:0;position:absolute;z-index:2}:host([aria-selected='false']:hover)::after{background-color:${co};border-radius:${ae};content:'';inset:0;position:absolute;z-index:1}:host([aria-selected='true'][disabled])::after{background-color:${C}}::slotted([slot='start']),::slotted([slot='end']){display:flex}::slotted([slot='start']){margin-inline-end:11px}::slotted([slot='end']){margin-inline-start:11px}:host([disabled]){cursor:not-allowed;fill:${C};color:${C}}:host([disabled]:hover)::after{background-color:unset}:host(:focus){outline:none}:host(:focus-visible){border-radius:${we};box-shadow:0 0 0 3px ${Ie};outline:1px solid ${Uo}}`.withBehaviors($e(p`
|
|
486
|
+
:host([aria-selected='true'])::after{background-color:Highlight}`)),xp=$r.compose({name:`${b.prefix}-tab`,template:$p,styles:yp});xp.define(b.registry);const kp={subtle:"subtle",transparent:"transparent"},$i=re;var wp=Object.defineProperty,Cp=Object.getOwnPropertyDescriptor,At=(o,e,t,i)=>{for(var r=i>1?void 0:i?Cp(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&wp(e,t,r),r};class So extends S{constructor(){super(...arguments),this.orientation=$i.horizontal,this.prevActiveTabIndex=0,this.activeTabIndex=0,this.change=()=>{this.$emit("change",this.activetab)},this.isDisabledElement=e=>e.getAttribute("aria-disabled")==="true",this.isHiddenElement=e=>e.hasAttribute("hidden"),this.isFocusableElement=e=>!this.isDisabledElement(e)&&!this.isHiddenElement(e),this.handleTabClick=e=>{const t=e.currentTarget;t.nodeType===1&&this.isFocusableElement(t)&&(this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=this.tabs.indexOf(t),this.setComponent())},this.handleTabKeyDown=e=>{if(this.isHorizontal())switch(e.key){case Rt:e.preventDefault(),this.adjustBackward(e);break;case Dt:e.preventDefault(),this.adjustForward(e);break}else switch(e.key){case Ht:e.preventDefault(),this.adjustBackward(e);break;case Lt:e.preventDefault(),this.adjustForward(e);break}switch(e.key){case Vo:e.preventDefault(),this.adjust(-this.activeTabIndex);break;case Ho:e.preventDefault(),this.adjust(this.tabs.length-this.activeTabIndex-1);break}}}orientationChanged(){this.$fastController.isConnected&&this.setTabs()}activeidChanged(e,t){this.$fastController.isConnected&&this.tabs.length<=this.tabpanels.length&&(this.prevActiveTabIndex=this.tabs.findIndex(i=>i.id===e),this.setTabs())}tabsChanged(){this.$fastController.isConnected&&this.tabs.length<=this.tabpanels.length&&(this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.setTabs())}tabpanelsChanged(){this.$fastController.isConnected&&this.tabpanels.length<=this.tabs.length&&(this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.setTabs())}getActiveIndex(){return this.activeid!==void 0?this.tabIds.indexOf(this.activeid)===-1?0:this.tabIds.indexOf(this.activeid):0}setTabs(){const e="gridColumn",t="gridRow",i=this.isHorizontal()?e:t;this.activeTabIndex=this.getActiveIndex(),this.tabs.forEach((r,s)=>{if(r.slot==="tab"){const n=this.activeTabIndex===s&&this.isFocusableElement(r),c=this.tabIds[s],h=this.tabpanelIds[s];r.setAttribute("id",c),r.setAttribute("aria-selected",n?"true":"false"),r.setAttribute("aria-controls",h),r.addEventListener("click",this.handleTabClick),r.addEventListener("keydown",this.handleTabKeyDown),r.setAttribute("tabindex",n?"0":"-1"),n&&(this.activetab=r,this.activeid=c)}r.style[e]="",r.style[t]="",r.style[i]=`${s+1}`,this.isHorizontal()?r.classList.remove("vertical"):r.classList.add("vertical")}),this.setTabPanels()}setTabPanels(){this.tabpanels.forEach((e,t)=>{const i=this.tabIds[t],r=this.tabpanelIds[t];e.setAttribute("id",r),e.setAttribute("aria-labelledby",i),this.activeTabIndex!==t?e.setAttribute("hidden",""):e.removeAttribute("hidden")})}getTabIds(){return this.tabs.map(e=>e.getAttribute("id")??`tab-${Di()}`)}getTabPanelIds(){return this.tabpanels.map(e=>e.getAttribute("id")??`panel-${Di()}`)}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab(),this.change())}isHorizontal(){return this.orientation===$i.horizontal}adjust(e){const t=this.tabs.filter(n=>this.isFocusableElement(n)),i=t.indexOf(this.activetab),r=Ri(0,t.length-1,i+e),s=this.tabs.indexOf(t[r]);s>-1&&this.moveToTabByIndex(this.tabs,s)}adjustForward(e){const t=this.tabs;let i=0;for(i=this.activetab?t.indexOf(this.activetab)+1:1,i===t.length&&(i=0);i<t.length&&t.length>1;)if(this.isFocusableElement(t[i])){this.moveToTabByIndex(t,i);break}else{if(this.activetab&&i===t.indexOf(this.activetab))break;i+1>=t.length?i=0:i+=1}}adjustBackward(e){const t=this.tabs;let i=0;for(i=this.activetab?t.indexOf(this.activetab)-1:0,i=i<0?t.length-1:i;i>=0&&t.length>1;)if(this.isFocusableElement(t[i])){this.moveToTabByIndex(t,i);break}else i-1<0?i=t.length-1:i-=1}moveToTabByIndex(e,t){const i=e[t];this.activetab=i,this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=t,i.focus(),this.setComponent()}focusTab(){this.tabs[this.activeTabIndex].focus()}connectedCallback(){super.connectedCallback(),this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.activeTabIndex=this.getActiveIndex()}}At([a],So.prototype,"orientation",2),At([a],So.prototype,"activeid",2),At([$],So.prototype,"tabs",2),At([$],So.prototype,"tabpanels",2);class Po extends So{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=kp.transparent}calculateAnimationProperties(e){this.activeTabOffset=this.getTabPosition(e),this.activeTabScale=this.getTabScale(e)}getTabPosition(e){return this.orientation===$i.horizontal?this.previousActiveTabData.x-(e.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(e.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(e){return this.orientation===$i.horizontal?this.previousActiveTabData.width/e.getBoundingClientRect().width:this.previousActiveTabData.height/e.getBoundingClientRect().height}applyUpdatedCSSValues(e){this.calculateAnimationProperties(e),this.setTabScaleCSSVar(),this.setTabOffsetCSSVar()}animationLoop(e){e.setAttribute("data-animate","false"),this.applyUpdatedCSSValues(e),this.previousActiveTabData=this.activeTabData,this.applyUpdatedCSSValues(e),e.setAttribute("data-animate","true")}setTabData(){if(this.tabs&&this.tabs.length>0){const e=this.tabs,i=(this.activetab||e[0])?.getBoundingClientRect(),r=this.getBoundingClientRect();this.activeTabData={x:i.x-r.x,y:i.y-r.y,height:i.height,width:i.width},this.previousActiveTabData?.x!==this.activeTabData?.x&&this.previousActiveTabData?.y!==this.activeTabData?.y&&(this.previousActiveTabData=this.activeTabData)}}setTabOffsetCSSVar(){this.styles=p`
|
|
487
|
+
:host{--tabIndicatorOffset:${this.activeTabOffset.toString()}px}`,this.$fastController.addStyles(this.styles)}setTabScaleCSSVar(){this.styles=p`
|
|
488
|
+
:host{--tabIndicatorScale:${this.activeTabScale.toString()}}`,this.$fastController.addStyles(this.styles)}activeidChanged(e,t){super.activeidChanged(e,t),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}tabsChanged(){super.tabsChanged(),this.setTabData()}}At([a],Po.prototype,"appearance",2),At([a({mode:"boolean"})],Po.prototype,"disabled",2),At([a],Po.prototype,"size",2),Le(Po,Ke);function Sp(o={}){return v` ${Qe(o)}<div class="tablist" part="tablist" role="tablist"><slot name="tab" ${ie("tabs")}></slot></div>${Ye(o)}<div class="tabpanel" part="tabpanel"><slot name="tabpanel" ${ie("tabpanels")}></slot></div>`}const Pp=Sp({}),Ip=p`
|
|
484
489
|
${T("grid")}
|
|
485
490
|
|
|
486
|
-
:host{box-sizing:border-box;font-family:${y};font-size:${
|
|
491
|
+
:host{box-sizing:border-box;font-family:${y};font-size:${A};line-height:${R};color:${ye};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}:host([disabled]){cursor:not-allowed;color:${C}}:host([disabled]) ::slotted(fluent-tab){pointer-events:none;cursor:not-allowed;color:${C}}:host([disabled]) ::slotted(fluent-tab:after){background-color:${C}}:host([disabled]) ::slotted(fluent-tab[aria-selected='true'])::after{background-color:${C}}:host([disabled]) ::slotted(fluent-tab:hover):before{content:unset}:host ::slotted(fluent-tab){border-radius:${I}}:host ::slotted(fluent-tab[aria-selected='true'])::before{background-color:${C}}.tablist{display:grid;grid-template-rows:auto auto;grid-template-columns:auto;position:relative;width:max-content;align-self:end;box-sizing:border-box}::slotted([slot='start']),::slotted([slot='end']){display:flex;align-self:center}::slotted([slot='start']){margin-inline-end:11px}::slotted([slot='end']){margin-inline-start:11px}.tabpanel{grid-row:2;grid-column-start:1;grid-column-end:4;position:relative}:host([orientation='vertical']){grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr}:host([orientation='vertical']) .tablist{grid-row-start:2;grid-row-end:2;display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr;position:relative;width:max-content;justify-self:end;align-self:flex-start;width:100%}:host([orientation='vertical']) .tabpanel{grid-column:2;grid-row-start:1;grid-row-end:4}:host([orientation='vertical']) ::slotted([slot='end']){grid-row:3}:host([appearance='subtle']) ::slotted(fluent-tab:hover){background-color:${Go};color:${Hi};fill:${ks}}:host([appearance='subtle']) ::slotted(fluent-tab:active){background-color:${to};fill:${to};color:${_}}:host([size='small']) ::slotted(fluent-tab){font-size:${A};line-height:${R};padding:${fo} ${lt}}:host([size='large']) ::slotted(fluent-tab){font-size:${le};line-height:${Ce};padding:${Zs} ${Je}}:host ::slotted(fluent-tab[data-animate='true'])::after{transition-property:transform;transition-duration:${Pc};transition-timing-function:${tn}}:host ::slotted(fluent-tab)::after{height:${at};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted(fluent-tab)::after{width:${at};height:unset;margin-top:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted(fluent-tab)::before{height:${at};border-radius:${ae};content:'';inset:0;position:absolute;margin-top:auto}:host([orientation='vertical']) ::slotted(fluent-tab)::before{height:unset;width:${at};margin-inline-end:auto;transform-origin:top}:host ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:${at};margin-top:auto;transform-origin:left}:host([orientation='vertical']) ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:unset;margin-inline-end:auto;transform-origin:top;width:${at}}:host([orientation='vertical']) ::slotted(fluent-tab){align-items:flex-start;grid-column:2;padding-top:${fo};padding-bottom:${fo}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab){padding-top:${Jo};padding-bottom:${Jo}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab){padding-top:${U};padding-bottom:${U}}:host([size='small']) ::slotted(fluent-tab)::after,:host([size='small']) ::slotted(fluent-tab)::before,:host([size='small']) ::slotted(fluent-tab:hover)::after{right:${lt};left:${lt}}:host ::slotted(fluent-tab)::after,:host ::slotted(fluent-tab)::before,:host ::slotted(fluent-tab:hover)::after{right:${Je};left:${Je}}:host([size='large']) ::slotted(fluent-tab)::after,:host([size='large']) ::slotted(fluent-tab)::before,:host([size='large']) ::slotted(fluent-tab:hover)::after{right:${Je};left:${Je}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::after,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::before,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${fo};bottom:${fo}}:host([orientation='vertical']) ::slotted(fluent-tab)::after,:host([orientation='vertical']) ::slotted(fluent-tab)::before,:host([orientation='vertical']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${U};bottom:${U}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::after,:host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::before,:host([orientation='vertical'][size='large']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${Qs};bottom:${Qs}}`,zp=Po.compose({name:`${b.prefix}-tabs`,template:Pp,styles:Ip});zp.define(b.registry);const Bp={email:"email",password:"password",tel:"tel",text:"text",url:"url"},Tp=["date","datetime-local","email","month","number","password","search","tel","text","time","url","week"];var Fp=Object.defineProperty,Op=Object.getOwnPropertyDescriptor,M=(o,e,t,i)=>{for(var r=i>1?void 0:i?Op(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Fp(e,t,r),r};class z extends S{constructor(){super(...arguments),this.type=Bp.text,this._value=this.initialValue,this.dirtyValue=!1,this.elementInternals=this.attachInternals()}defaultSlottedNodesChanged(e,t){this.$fastController.isConnected&&(this.controlLabel.hidden=!t?.length)}initialValueChanged(){this.dirtyValue||(this.value=this.initialValue)}readOnlyChanged(){this.$fastController.isConnected&&(this.elementInternals.ariaReadOnly=`${!!this.readOnly}`)}requiredChanged(e,t){this.$fastController.isConnected&&(this.elementInternals.ariaRequired=`${!!t}`)}get validity(){return this.elementInternals.validity}get validationMessage(){return this.elementInternals.validationMessage||this.control.validationMessage}get value(){return w.track(this,"value"),this._value}set value(e){this._value=e,this.$fastController.isConnected&&(this.control.value=e,this.setFormValue(e),this.setValidity(),w.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){this.isSameNode(e.target)&&this.control?.click()}connectedCallback(){super.connectedCallback(),this.setFormValue(this.value),this.setValidity()}focusinHandler(e){this.control?.focus()}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}implicitSubmit(){if(!this.elementInternals.form)return;if(this.elementInternals.form.elements.length===1){this.elementInternals.form.requestSubmit();return}const e=[...this.elementInternals.form.elements],t=e.find(r=>r.getAttribute("type")==="submit");if(t){t.click();return}e.filter(r=>Tp.includes(r.getAttribute("type")??"")).length>1||this.elementInternals.form.requestSubmit()}inputHandler(e){return this.dirtyValue=!0,this.value=this.control.value,!0}keydownHandler(e){return e.key==="Enter"&&this.implicitSubmit(),!0}select(){this.control.select(),this.$emit("select")}setCustomValidity(e){this.elementInternals.setValidity({customError:!0},e),this.reportValidity()}reportValidity(){return this.elementInternals.reportValidity()}setFormValue(e,t){this.elementInternals.setFormValue(e,e??t)}setValidity(e=this.control.validity,t=this.validationMessage,i=this.control){if(this.$fastController.isConnected){if(this.disabled){this.elementInternals.setValidity({});return}this.elementInternals.setValidity(e,t,i)}}}z.formAssociated=!0,M([a],z.prototype,"appearance",2),M([a],z.prototype,"autocomplete",2),M([a({mode:"boolean"})],z.prototype,"autofocus",2),M([a({attribute:"control-size"})],z.prototype,"controlSize",2),M([$],z.prototype,"defaultSlottedNodes",2),M([a],z.prototype,"dirname",2),M([a({mode:"boolean"})],z.prototype,"disabled",2),M([a({attribute:"form"})],z.prototype,"formAttribute",2),M([a({attribute:"value",mode:"fromView"})],z.prototype,"initialValue",2),M([a],z.prototype,"list",2),M([a({converter:pe})],z.prototype,"maxlength",2),M([a({converter:pe})],z.prototype,"minlength",2),M([a({mode:"boolean"})],z.prototype,"multiple",2),M([a],z.prototype,"name",2),M([a],z.prototype,"pattern",2),M([a],z.prototype,"placeholder",2),M([a({attribute:"readonly",mode:"boolean"})],z.prototype,"readOnly",2),M([a({mode:"boolean"})],z.prototype,"required",2),M([a({converter:pe})],z.prototype,"size",2),M([a({converter:{fromView:o=>typeof o=="string"?["true",""].includes(o.trim().toLowerCase()):null,toView:o=>o.toString()}})],z.prototype,"spellcheck",2),M([a],z.prototype,"type",2),M([$],z.prototype,"controlLabel",2),Le(z,Ke);const Ap=p`
|
|
487
492
|
${T("block")}
|
|
488
493
|
|
|
489
|
-
:host{font-family:${y};font-size:${
|
|
494
|
+
:host{font-family:${y};font-size:${A};font-weight:${E};line-height:${R};max-width:400px}.label{display:flex;color:${_};padding-bottom:${wc};flex-shrink:0;padding-inline-end:${De}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${L};border:${ee} solid ${Ct};border-bottom-color:${Ze};border-radius:${I};box-sizing:border-box;height:32px;display:inline-flex;flex-direction:row;gap:${Pt};padding:0 ${Je};position:relative;width:100%}:has(.control:user-invalid){border-color:${Ja}}.root::after{box-sizing:border-box;content:'';position:absolute;left:-1px;bottom:0px;right:-1px;height:max(2px,${I});border-radius:0 0 ${I} ${I};border-bottom:2px solid ${Gi};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${Cc};transition-delay:${or}}.control{width:100%;height:100%;box-sizing:border-box;color:${_};border-radius:${I};background:${J};font-family:${y};font-weight:${E};font-size:${A};border:none;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${La}}:host ::slotted([slot='start']),:host ::slotted([slot='end']){display:flex;align-items:center;justify-content:center;color:${ne};font-size:${St}}:host ::slotted([slot='start']){padding-right:${Pt}}:host ::slotted([slot='end']){padding-left:${Pt};gap:${De}}:host(:hover) .root{border-color:${co};border-bottom-color:${ao}}:host(:active) .root{border-color:${Xo}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${Js};transition-delay:${ir}}:host(:focus-within:active) .root:after{border-bottom-color:${Xi}}:host([appearance='outline']:focus-within) .root{border:${ee} solid ${Ct}}:host(:focus-within) .control{color:${_}}:host([disabled]) .root{background:${J};border:${ee} solid ${Re}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot='start']),:host([disabled]) ::slotted([slot='end']){color:${C}}::selection{color:${jo};background-color:${qa}}:host([control-size='small']) .control{font-size:${j};font-weight:${E};line-height:${ce}}:host([control-size='small']) .root{height:24px;gap:${Pt};padding:0 ${lt}}:host([control-size='small']) ::slotted([slot='start']),:host([control-size='small']) ::slotted([slot='end']){font-size:${le}}:host([control-size='large']) .control{font-size:${le};font-weight:${E};line-height:${Ce}}:host([control-size='large']) .root{height:40px;gap:${ze};padding:0 ${et}}:host([control-size='large']) ::slotted([slot='start']),:host([control-size='large']) ::slotted([slot='end']){font-size:${Ko}}:host([appearance='underline']) .root{background:${J};border:0;border-radius:0;border-bottom:${ee} solid ${Ze}}:host([appearance='underline']:hover) .root{border-bottom-color:${ao}}:host([appearance='underline']:active) .root{border-bottom-color:${lo}}:host([appearance='underline']:focus-within) .root{border:0;border-bottom-color:${lo}}:host([appearance='underline'][disabled]) .root{border-bottom-color:${Re}}:host([appearance='filled-lighter']) .root,:host([appearance='filled-darker']) .root{border:${ee} solid ${ke};box-shadow:${tr}}:host([appearance='filled-lighter']) .root{background:${L}}:host([appearance='filled-darker']) .root{background:${Ps}}:host([appearance='filled-lighter']:hover) .root,:host([appearance='filled-darker']:hover) .root{border-color:${Os}}:host([appearance='filled-lighter']:active) .root,:host([appearance='filled-darker']:active) .root{border-color:${Os};background:${Ps}}`;function Ep(o={}){return v`<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" ${me("controlLabel")}><slot ${ie({property:"defaultSlottedNodes",filter:$s})}></slot></label><div class="root" part="root">${Qe(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}" ${me("control")} />${Ye(o)}</div></template>`}const Mp=Ep(),_p=z.compose({name:`${b.prefix}-text-input`,template:Mp,styles:Ap,shadowOptions:{delegatesFocus:!0}});_p.define(b.registry);var Lp=Object.defineProperty,Rp=Object.getOwnPropertyDescriptor,We=(o,e,t,i)=>{for(var r=i>1?void 0:i?Rp(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Lp(e,t,r),r};class Ae extends S{constructor(){super(...arguments),this.nowrap=!1,this.truncate=!1,this.italic=!1,this.underline=!1,this.strikethrough=!1,this.block=!1}}We([a({mode:"boolean"})],Ae.prototype,"nowrap",2),We([a({mode:"boolean"})],Ae.prototype,"truncate",2),We([a({mode:"boolean"})],Ae.prototype,"italic",2),We([a({mode:"boolean"})],Ae.prototype,"underline",2),We([a({mode:"boolean"})],Ae.prototype,"strikethrough",2),We([a({mode:"boolean"})],Ae.prototype,"block",2),We([a],Ae.prototype,"size",2),We([a],Ae.prototype,"font",2),We([a],Ae.prototype,"weight",2),We([a],Ae.prototype,"align",2);const Dp=p`
|
|
490
495
|
${T("inline")}
|
|
491
496
|
|
|
492
|
-
:host{contain:content}::slotted(*){font-family:${y};font-size:${
|
|
493
|
-
${
|
|
497
|
+
:host{contain:content}::slotted(*){font-family:${y};font-size:${A};line-height:${R};font-weight:${E};text-align:start;white-space:normal;overflow:visible;text-overflow:clip;margin:0;display:inline}:host([nowrap]) ::slotted(*),:host([nowrap]){white-space:nowrap;overflow:hidden}:host([truncate]) ::slotted(*),:host([truncate]){text-overflow:ellipsis}:host([block]),:host([block]) ::slotted(*),:host([block]){display:block}:host([italic]) ::slotted(*),:host([italic]){font-style:italic}:host([underline]) ::slotted(*),:host([underline]){text-decoration-line:underline}:host([strikethrough]) ::slotted(*),:host([strikethrough]){text-decoration-line:line-through}:host([underline][strikethrough]) ::slotted(*),:host([underline][strikethrough]){text-decoration-line:line-through underline}:host([size='100']) ::slotted(*),:host([size='100']){font-size:${uo};line-height:${Qo}}:host([size='200']) ::slotted(*),:host([size='200']){font-size:${j};line-height:${ce}}:host([size='400']) ::slotted(*),:host([size='400']){font-size:${le};line-height:${Ce}}:host([size='500']) ::slotted(*),:host([size='500']){font-size:${St};line-height:${Zo}}:host([size='600']) ::slotted(*),:host([size='600']){font-size:${Ko};line-height:${js}}:host([size='700']) ::slotted(*),:host([size='700']){font-size:${Ds};line-height:${qs}}:host([size='800']) ::slotted(*),:host([size='800']){font-size:${Hs};line-height:${Gs}}:host([size='900']) ::slotted(*),:host([size='900']){font-size:${Vs};line-height:${Ws}}:host([size='1000']) ::slotted(*),:host([size='1000']){font-size:${Ns};line-height:${Xs}}:host([font='monospace']) ::slotted(*),:host([font='monospace']){font-family:${bc}}:host([font='numeric']) ::slotted(*),:host([font='numeric']){font-family:${mc}}:host([weight='medium']) ::slotted(*),:host([weight='medium']){font-weight:${vc}}:host([weight='semibold']) ::slotted(*),:host([weight='semibold']){font-weight:${H}}:host([weight='bold']) ::slotted(*),:host([weight='bold']){font-weight:${Yo}}:host([align='center']) ::slotted(*),:host([align='center']){text-align:center}:host([align='end']) ::slotted(*),:host([align='end']){text-align:end}:host([align='justify']) ::slotted(*),:host([align='justify']){text-align:justify}`,Hp=v`<slot></slot>`,Vp=Ae.compose({name:`${b.prefix}-text`,template:Hp,styles:Dp});Vp.define(b.registry);var Np=Object.defineProperty,jp=Object.getOwnPropertyDescriptor,Gn=(o,e,t,i)=>{for(var r=i>1?void 0:i?jp(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Np(e,t,r),r};class yr extends O{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.setAttribute("aria-pressed",e)}}}Gn([a({mode:"boolean"})],yr.prototype,"pressed",2),Gn([a({mode:"boolean"})],yr.prototype,"mixed",2);const qp=p`
|
|
498
|
+
${ni}
|
|
494
499
|
|
|
495
|
-
:host([aria-pressed='true']){border-color:${
|
|
496
|
-
:host([aria-pressed='true']),:host([aria-pressed='true'][appearance='primary']),:host([aria-pressed='true'][appearance='subtle']),:host([aria-pressed='true'][appearance='outline']),:host([aria-pressed='true'][appearance='transparent']){background:SelectedItem;color:SelectedItemText}`)),
|
|
500
|
+
:host([aria-pressed='true']){border-color:${Ct};background-color:${Ss};color:${_};border-width:${ee}}:host([aria-pressed='true']:hover){border-color:${co};background-color:${qo}}:host([aria-pressed='true']:active){border-color:${Xo};background-color:${Ni}}:host([aria-pressed='true'][appearance='primary']){border-color:transparent;background-color:${Ua};color:${xe}}:host([aria-pressed='true'][appearance='primary']:hover){background-color:${ji}}:host([aria-pressed='true'][appearance='primary']:active){background-color:${qi}}:host([aria-pressed='true'][appearance='subtle']){border-color:transparent;background-color:${Ga};color:${Aa}}:host([aria-pressed='true'][appearance='subtle']:hover){background-color:${Go};color:${Jt}}:host([aria-pressed='true'][appearance='subtle']:active){background-color:${to};color:${eo}}:host([aria-pressed='true'][appearance='outline']),:host([aria-pressed='true'][appearance='transparent']){background-color:${Wa}}:host([aria-pressed='true'][appearance='outline']:hover),:host([aria-pressed='true'][appearance='transparent']:hover){background-color:${oo}}:host([aria-pressed='true'][appearance='outline']:active),:host([aria-pressed='true'][appearance='transparent']:active){background-color:${io}}:host([aria-pressed='true'][appearance='transparent']){border-color:transparent;color:${Ea}}:host([aria-pressed='true'][appearance='transparent']:hover){color:${Vt}}:host([aria-pressed='true'][appearance='transparent']:active){color:${Nt}}`.withBehaviors($e(p`
|
|
501
|
+
:host([aria-pressed='true']),:host([aria-pressed='true'][appearance='primary']),:host([aria-pressed='true'][appearance='subtle']),:host([aria-pressed='true'][appearance='outline']),:host([aria-pressed='true'][appearance='transparent']){background:SelectedItem;color:SelectedItemText}`)),Gp=ar(),Wp=yr.compose({name:`${b.prefix}-toggle-button`,template:Gp,styles:qp});Wp.define(b.registry);
|