@fluentui/web-components 3.0.0-beta.10 → 3.0.0-beta.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -2
- package/dist/dts/index.d.ts +3 -0
- package/dist/dts/utils/behaviors/match-media-stylesheet-behavior.d.ts +124 -0
- package/dist/dts/utils/display.d.ts +17 -0
- package/dist/dts/utils/index.d.ts +2 -0
- package/dist/esm/accordion/accordion.styles.js +1 -1
- package/dist/esm/accordion/accordion.styles.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.styles.js +1 -1
- package/dist/esm/accordion-item/accordion-item.styles.js.map +1 -1
- package/dist/esm/avatar/avatar.styles.js +1 -1
- package/dist/esm/avatar/avatar.styles.js.map +1 -1
- package/dist/esm/button/button.styles.js +1 -1
- package/dist/esm/button/button.styles.js.map +1 -1
- package/dist/esm/checkbox/checkbox.styles.js +1 -1
- package/dist/esm/checkbox/checkbox.styles.js.map +1 -1
- package/dist/esm/dialog/dialog.styles.js +1 -1
- package/dist/esm/dialog/dialog.styles.js.map +1 -1
- package/dist/esm/divider/divider.styles.js +1 -1
- package/dist/esm/divider/divider.styles.js.map +1 -1
- package/dist/esm/index.js +3 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/label/label.styles.js +1 -1
- package/dist/esm/label/label.styles.js.map +1 -1
- package/dist/esm/menu-item/menu-item.styles.js +1 -1
- package/dist/esm/menu-item/menu-item.styles.js.map +1 -1
- package/dist/esm/menu-list/menu-list.styles.js +1 -1
- package/dist/esm/menu-list/menu-list.styles.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.styles.js +1 -1
- package/dist/esm/progress-bar/progress-bar.styles.js.map +1 -1
- package/dist/esm/radio/radio.styles.js +1 -1
- package/dist/esm/radio/radio.styles.js.map +1 -1
- package/dist/esm/radio-group/radio-group.styles.js +1 -1
- package/dist/esm/radio-group/radio-group.styles.js.map +1 -1
- package/dist/esm/slider/slider.styles.js +1 -1
- package/dist/esm/slider/slider.styles.js.map +1 -1
- package/dist/esm/spinner/spinner.styles.js +1 -1
- package/dist/esm/spinner/spinner.styles.js.map +1 -1
- package/dist/esm/styles/partials/badge.partials.js +1 -1
- package/dist/esm/styles/partials/badge.partials.js.map +1 -1
- package/dist/esm/switch/switch.styles.js +1 -1
- package/dist/esm/switch/switch.styles.js.map +1 -1
- package/dist/esm/tab/tab.styles.js +1 -1
- package/dist/esm/tab/tab.styles.js.map +1 -1
- package/dist/esm/tab-panel/tab-panel.styles.js +1 -1
- package/dist/esm/tab-panel/tab-panel.styles.js.map +1 -1
- package/dist/esm/tabs/tabs.styles.js +1 -1
- package/dist/esm/tabs/tabs.styles.js.map +1 -1
- package/dist/esm/text/text.styles.js +1 -1
- package/dist/esm/text/text.styles.js.map +1 -1
- package/dist/esm/text-input/text-input.styles.js +1 -1
- package/dist/esm/text-input/text-input.styles.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.styles.js +1 -1
- package/dist/esm/toggle-button/toggle-button.styles.js.map +1 -1
- package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js +142 -0
- package/dist/esm/utils/behaviors/match-media-stylesheet-behavior.js.map +1 -0
- package/dist/esm/utils/display.js +15 -0
- package/dist/esm/utils/display.js.map +1 -0
- package/dist/esm/utils/index.js +2 -0
- package/dist/esm/utils/index.js.map +1 -1
- package/dist/fluent-web-components.api.json +773 -0
- package/dist/storybook/{284.0946b1fb.iframe.bundle.js → 289.703b1698.iframe.bundle.js} +2 -2
- package/dist/storybook/{284.0946b1fb.iframe.bundle.js.LICENSE.txt → 289.703b1698.iframe.bundle.js.LICENSE.txt} +1 -1
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/main.81e47c59.iframe.bundle.js +2 -0
- package/dist/storybook/project.json +1 -1
- package/dist/web-components.d.ts +161 -0
- package/dist/web-components.js +490 -361
- package/dist/web-components.min.js +137 -137
- package/docs/api-report.md +46 -0
- package/package.json +2 -2
- package/tensile.config.js +0 -2
- package/dist/storybook/main.b9de79ac.iframe.bundle.js +0 -2
- /package/dist/storybook/{main.b9de79ac.iframe.bundle.js.LICENSE.txt → main.81e47c59.iframe.bundle.js.LICENSE.txt} +0 -0
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
let e;try{if(document.currentScript)e=document.currentScript.getAttribute("fast-kernel");else{const t=document.getElementsByTagName("script");e=t[t.length-1].getAttribute("fast-kernel")}}catch(uu){e="isolate"}let t;switch(e){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 e="-"+Math.random().toString(36).substring(2,8);t=Object.freeze({updateQueue:"1.2"+e,observable:"2.2"+e,contextEvent:"3.2"+e,elementRegistry:"4.2"+e})}const o=e=>"function"==typeof e,r=e=>"string"==typeof e,a=()=>{};var n="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};!function(){if("undefined"==typeof globalThis)if(void 0!==n)n.globalThis=n;else if("undefined"!=typeof self)self.globalThis=self;else if("undefined"!=typeof window)window.globalThis=window;else{const e=new Function("return this")();e.globalThis=e}}();const i={configurable:!1,enumerable:!1,writable:!1};void 0===globalThis.FAST&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},i));const s=globalThis.FAST;if(void 0===s.getById){const e=Object.create(null);Reflect.defineProperty(s,"getById",Object.assign({value(t,o){let r=e[t];return void 0===r&&(r=o?e[t]=o():null),r}},i))}void 0===s.error&&Object.assign(s,{warn(){},error:e=>new Error("Error "+e),addMessages(){}});const l=Object.freeze([]);function c(){const e=new Map;return Object.freeze({register:t=>!e.has(t.type)&&(e.set(t.type,t),!0),getByType:t=>e.get(t),getForInstance(t){if(null!=t)return e.get(t.constructor)}})}function d(){const e=new WeakMap;return function(t){let o=e.get(t);if(void 0===o){let r=Reflect.getPrototypeOf(t);for(;void 0===o&&null!==r;)o=e.get(r),r=Reflect.getPrototypeOf(r);o=void 0===o?[]:o.slice(0),e.set(t,o)}return o}}function u(e){e.prototype.toJSON=a}const h=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),p=e=>e,g=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:p}):{createHTML:p};let v=Object.freeze({createHTML:e=>g.createHTML(e),protect:(e,t,o,r)=>r});const b=v,m=Object.freeze({get policy(){return v},setPolicy(e){if(v!==b)throw s.error(1201);v=e},setAttribute(e,t,o){null==o?e.removeAttribute(t):e.setAttribute(t,o)},setBooleanAttribute(e,t,o){o?e.setAttribute(t,""):e.removeAttribute(t)}}),f=s.getById(t.updateQueue,()=>{const e=[],t=[],o=globalThis.requestAnimationFrame;let r=!0;function a(){if(t.length)throw t.shift()}function n(o){try{o.call()}catch(o){if(!r)throw e.length=0,o;t.push(o),setTimeout(a,0)}}function i(){let t=0;for(;t<e.length;)if(n(e[t]),t++,t>1024){for(let o=0,r=e.length-t;o<r;o++)e[o]=e[o+t];e.length-=t,t=0}e.length=0}function s(t){e.push(t),e.length<2&&(r?o(i):i())}return Object.freeze({enqueue:s,next:()=>new Promise(s),process:i,setMode:e=>r=e})});class k{constructor(e,t){this.sub1=void 0,this.sub2=void 0,this.spillover=void 0,this.subject=e,this.sub1=t}has(e){return void 0===this.spillover?this.sub1===e||this.sub2===e:-1!==this.spillover.indexOf(e)}subscribe(e){const t=this.spillover;if(void 0===t){if(this.has(e))return;if(void 0===this.sub1)return void(this.sub1=e);if(void 0===this.sub2)return void(this.sub2=e);this.spillover=[this.sub1,this.sub2,e],this.sub1=void 0,this.sub2=void 0}else{-1===t.indexOf(e)&&t.push(e)}}unsubscribe(e){const t=this.spillover;if(void 0===t)this.sub1===e?this.sub1=void 0:this.sub2===e&&(this.sub2=void 0);else{const o=t.indexOf(e);-1!==o&&t.splice(o,1)}}notify(e){const t=this.spillover,o=this.subject;if(void 0===t){const t=this.sub1,r=this.sub2;void 0!==t&&t.handleChange(o,e),void 0!==r&&r.handleChange(o,e)}else for(let r=0,a=t.length;r<a;++r)t[r].handleChange(o,e)}}class y{constructor(e){this.subscribers={},this.subjectSubscribers=null,this.subject=e}notify(e){var t,o;null===(t=this.subscribers[e])||void 0===t||t.notify(e),null===(o=this.subjectSubscribers)||void 0===o||o.notify(e)}subscribe(e,t){var o,r;let a;a=t?null!==(o=this.subscribers[t])&&void 0!==o?o:this.subscribers[t]=new k(this.subject):null!==(r=this.subjectSubscribers)&&void 0!==r?r:this.subjectSubscribers=new k(this.subject),a.subscribe(e)}unsubscribe(e,t){var o,r;t?null===(o=this.subscribers[t])||void 0===o||o.unsubscribe(e):null===(r=this.subjectSubscribers)||void 0===r||r.unsubscribe(e)}}const x=Object.freeze({unknown:void 0,coupled:1}),$=s.getById(t.observable,()=>{const e=f.enqueue,t=/(:|&&|\|\||if|\?\.)/,a=new WeakMap;let n=void 0,i=e=>{throw s.error(1101)};function l(e){var t;let o=null!==(t=e.$fastController)&&void 0!==t?t:a.get(e);return void 0===o&&(Array.isArray(e)?o=i(e):a.set(e,o=new y(e))),o}const c=d();class h{constructor(e){this.name=e,this.field="_"+e,this.callback=e+"Changed"}getValue(e){return void 0!==n&&n.watch(e,this.name),e[this.field]}setValue(e,t){const r=this.field,a=e[r];if(a!==t){e[r]=t;const n=e[this.callback];o(n)&&n.call(e,a,t),l(e).notify(this.name)}}}class p extends k{constructor(e,t,o=!1){super(e,t),this.expression=e,this.isVolatileBinding=o,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(e){this.isAsync=this.needsQueue=e}bind(e){this.controller=e;const t=this.observe(e.source,e.context);return!e.isBound&&this.requiresUnbind(e)&&e.onUnbind(this),t}requiresUnbind(e){return e.sourceLifetime!==x.coupled||this.first!==this.last||this.first.propertySource!==e.source}unbind(e){this.dispose()}observe(e,t){this.needsRefresh&&null!==this.last&&this.dispose();const o=n;let r;n=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;try{r=this.expression(e,t)}finally{n=o}return r}disconnect(){this.dispose()}dispose(){if(null!==this.last){let e=this.first;for(;void 0!==e;)e.notifier.unsubscribe(this,e.propertyName),e=e.next;this.last=null,this.needsRefresh=this.needsQueue=this.isAsync}}watch(e,t){const o=this.last,r=l(e),a=null===o?this.first:{};if(a.propertySource=e,a.propertyName=t,a.notifier=r,r.subscribe(this,t),null!==o){if(!this.needsRefresh){let t;n=void 0,t=o.propertySource[o.propertyName],n=this,e===t&&(this.needsRefresh=!0)}o.next=a}this.last=a}handleChange(){this.needsQueue?(this.needsQueue=!1,e(this)):this.isAsync||this.call()}call(){null!==this.last&&(this.needsQueue=this.isAsync,this.notify(this))}*records(){let e=this.first;for(;void 0!==e;)yield e,e=e.next}}return u(p),Object.freeze({setArrayObserverFactory(e){i=e},getNotifier:l,track(e,t){n&&n.watch(e,t)},trackVolatile(){n&&(n.needsRefresh=!0)},notify(e,t){l(e).notify(t)},defineProperty(e,t){r(t)&&(t=new h(t)),c(e).push(t),Reflect.defineProperty(e,t.name,{enumerable:!0,get(){return t.getValue(this)},set(e){t.setValue(this,e)}})},getAccessors:c,binding(e,t,o=this.isVolatileBinding(e)){return new p(e,t,o)},isVolatileBinding:e=>t.test(e.toString())})});function B(e,t){$.defineProperty(e,t)}const w=s.getById(t.contextEvent,()=>{let e=null;return{get:()=>e,set(t){e=t}}}),P=Object.freeze({default:{index:0,length:0,get event(){return P.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent:()=>w.get(),setEvent(e){w.set(e)}});class S{constructor(e,t,o=!1){this.evaluate=e,this.policy=t,this.isVolatile=o}}class C extends S{createObserver(e){return $.binding(this.evaluate,e,this.isVolatile)}}function F(e,t,o=$.isVolatileBinding(e)){return new C(e,t,o)}class N extends S{createObserver(){return this}bind(e){return this.evaluate(e.source,e.context)}}function T(e,t){return new N(e,t)}let I;u(N);class A{constructor(e){this.styles=e,this.targets=new WeakSet,this._strategy=null,this.behaviors=e.map(e=>e instanceof A?e.behaviors:null).reduce((e,t)=>null===t?e:null===e?t:e.concat(t),null)}get strategy(){return null===this._strategy&&this.withStrategy(I),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=null===this.behaviors?e:this.behaviors.concat(e),this}withStrategy(e){return this._strategy=new e(function e(t){return t.map(t=>t instanceof A?e(t.styles):[t]).reduce((e,t)=>e.concat(t),[])}(this.styles)),this}static setDefaultStrategy(e){I=e}static normalize(e){return void 0===e?void 0:Array.isArray(e)?new A(e):e instanceof A?e:new A([e])}}A.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const L=c(),z=Object.freeze({getForInstance:L.getForInstance,getByType:L.getByType,define:e=>(L.register({type:e}),e)});function O(e,t,o){t.source.style.setProperty(e.targetAspect,o.bind(t))}class H{constructor(e,t){this.dataBinding=e,this.targetAspect=t}createCSS(e){return e(this),`var(${this.targetAspect})`}addedCallback(e){var t;const o=e.source;if(!o.$cssBindings){o.$cssBindings=new Map;const e=o.setAttribute;o.setAttribute=(t,r)=>{e.call(o,t,r),"style"===t&&o.$cssBindings.forEach((e,t)=>O(t,e.controller,e.observer))}}const r=null!==(t=e[this.targetAspect])&&void 0!==t?t:e[this.targetAspect]=this.dataBinding.createObserver(this,this);r.controller=e,e.source.$cssBindings.set(this,{controller:e,observer:r})}connectedCallback(e){O(this,e,e[this.targetAspect])}removedCallback(e){e.source.$cssBindings&&e.source.$cssBindings.delete(this)}handleChange(e,t){O(this,t.controller,t)}}z.define(H);const D=""+Math.random().toString(36).substring(2,8);let E=0;const M=()=>`--v${D}${++E}`;function R(e,t){const r=[];let a="";const n=[],i=e=>{n.push(e)};for(let n=0,s=e.length-1;n<s;++n){a+=e[n];let s=t[n];o(s)?s=new H(F(s),M()).createCSS(i):s instanceof S?s=new H(s,M()).createCSS(i):void 0!==z.getForInstance(s)&&(s=s.createCSS(i)),s instanceof A||s instanceof CSSStyleSheet?(""!==a.trim()&&(r.push(a),a=""),r.push(s)):a+=s}return a+=e[e.length-1],""!==a.trim()&&r.push(a),{styles:r,behaviors:n}}const j=(e,...t)=>{const{styles:o,behaviors:r}=R(e,t),a=new A(o);return r.length?a.withBehaviors(...r):a};class V{constructor(e,t){this.behaviors=t,this.css="";const o=e.reduce((e,t)=>(r(t)?this.css+=t:e.push(t),e),[]);o.length&&(this.styles=new A(o))}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)}}z.define(V),j.partial=(e,...t)=>{const{styles:o,behaviors:r}=R(e,t);return new V(o,r)};const _="fast-"+Math.random().toString(36).substring(2,8),G=_+"{",X="}"+_,q=X.length;let W=0;const Y=()=>`${_}-${++W}`,K=Object.freeze({interpolation:e=>`${G}${e}${X}`,attribute:e=>`${Y()}="${G}${e}${X}"`,comment:e=>`\x3c!--${G}${e}${X}--\x3e`}),U=Object.freeze({parse(e,t){const o=e.split(G);if(1===o.length)return null;const r=[];for(let e=0,a=o.length;e<a;++e){const a=o[e],n=a.indexOf(X);let i;if(-1===n)i=a;else{const e=a.substring(0,n);r.push(t[e]),i=a.substring(n+q)}""!==i&&r.push(i)}return r}}),Q=c(),Z=Object.freeze({getForInstance:Q.getForInstance,getByType:Q.getByType,define:(e,t)=>((t=t||{}).type=e,Q.register(t),e),assignAspect(e,t){if(t)switch(e.sourceAspect=t,t[0]){case":":e.targetAspect=t.substring(1),e.aspectType="classList"===e.targetAspect?h.tokenList:h.property;break;case"?":e.targetAspect=t.substring(1),e.aspectType=h.booleanAttribute;break;case"@":e.targetAspect=t.substring(1),e.aspectType=h.event;break;default:e.targetAspect=t,e.aspectType=h.attribute}else e.aspectType=h.content}});class J{constructor(e){this.options=e}createHTML(e){return K.attribute(e(this))}createBehavior(){return this}}u(J);const ee={[h.attribute]:m.setAttribute,[h.booleanAttribute]:m.setBooleanAttribute,[h.property]:(e,t,o)=>e[t]=o,[h.content]:function(e,t,o,r){if(null==o&&(o=""),o.create){e.textContent="";let t=e.$fastView;void 0===t?t=o.create():e.$fastTemplate!==o&&(t.isComposed&&(t.remove(),t.unbind()),t=o.create()),t.isComposed?t.needsBindOnly&&(t.needsBindOnly=!1,t.bind(r.source,r.context)):(t.isComposed=!0,t.bind(r.source,r.context),t.insertBefore(e),e.$fastView=t,e.$fastTemplate=o)}else{const t=e.$fastView;void 0!==t&&t.isComposed&&(t.isComposed=!1,t.remove(),t.needsBindOnly?t.needsBindOnly=!1:t.unbind()),e.textContent=o}},[h.tokenList]:function(e,t,o){var r;const a=this.id+"-t",n=null!==(r=e[a])&&void 0!==r?r:e[a]={v:0,cv:Object.create(null)},i=n.cv;let s=n.v;const l=e[t];if(null!=o&&o.length){const e=o.split(/\s+/);for(let t=0,o=e.length;t<o;++t){const o=e[t];""!==o&&(i[o]=s,l.add(o))}}if(n.v=s+1,0!==s){s-=1;for(const e in i)i[e]===s&&l.remove(e)}},[h.event]:()=>{}};class te{constructor(e){this.dataBinding=e,this.updateTarget=null,this.aspectType=h.content}createHTML(e){return K.interpolation(e(this))}createBehavior(){var e;if(null===this.updateTarget){const t=ee[this.aspectType],o=null!==(e=this.dataBinding.policy)&&void 0!==e?e:this.policy;if(!t)throw s.error(1205);this.data=this.id+"-d",this.updateTarget=o.protect(this.targetTagName,this.aspectType,this.targetAspect,t)}return this}bind(e){var t;const o=e.targets[this.targetNodeId];switch(this.aspectType){case h.event:o[this.data]=e,o.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case h.content:e.onUnbind(this);default:const r=null!==(t=o[this.data])&&void 0!==t?t:o[this.data]=this.dataBinding.createObserver(this,this);r.target=o,r.controller=e,this.updateTarget(o,this.targetAspect,r.bind(e),e)}}unbind(e){const t=e.targets[this.targetNodeId].$fastView;void 0!==t&&t.isComposed&&(t.unbind(),t.needsBindOnly=!0)}handleEvent(e){const t=e.currentTarget[this.data];if(t.isBound){P.setEvent(e);const o=this.dataBinding.evaluate(t.source,t.context);P.setEvent(null),!0!==o&&e.preventDefault()}}handleChange(e,t){const o=t.target,r=t.controller;this.updateTarget(o,this.targetAspect,t.bind(r),r)}}function oe(e,t){const o=e.parentNode;let r,a=e;for(;a!==t;)r=a.nextSibling,o.removeChild(a),a=r;o.removeChild(t)}Z.define(te,{aspected:!0});class re{constructor(e,t,o){this.fragment=e,this.factories=t,this.targets=o,this.behaviors=null,this.unbindables=[],this.source=null,this.isBound=!1,this.sourceLifetime=x.unknown,this.context=this,this.index=0,this.length=0,this.firstChild=e.firstChild,this.lastChild=e.lastChild}get event(){return P.getEvent()}get isEven(){return this.index%2==0}get isOdd(){return this.index%2!=0}get isFirst(){return 0===this.index}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 o=e.parentNode;let r,a=this.firstChild;for(;a!==t;)r=a.nextSibling,o.insertBefore(a,e),a=r;o.insertBefore(t,e)}}remove(){const e=this.fragment,t=this.lastChild;let o,r=this.firstChild;for(;r!==t;)o=r.nextSibling,e.appendChild(r),r=o;e.appendChild(t)}dispose(){oe(this.firstChild,this.lastChild),this.unbind()}onUnbind(e){this.unbindables.push(e)}bind(e,t=this){if(this.source===e)return;let o=this.behaviors;if(null===o){this.source=e,this.context=t,this.behaviors=o=new Array(this.factories.length);const r=this.factories;for(let e=0,t=r.length;e<t;++e){const t=r[e].createBehavior();t.bind(this),o[e]=t}}else{null!==this.source&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;for(let e=0,t=o.length;e<t;++e)o[e].bind(this)}this.isBound=!0}unbind(){this.isBound&&null!==this.source&&(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}evaluateUnbindables(){const e=this.unbindables;for(let t=0,o=e.length;t<o;++t)e[t].unbind(this);e.length=0}static disposeContiguousBatch(e){if(0!==e.length){oe(e[0].firstChild,e[e.length-1].lastChild);for(let t=0,o=e.length;t<o;++t)e[t].unbind()}}}u(re),$.defineProperty(re.prototype,"index"),$.defineProperty(re.prototype,"length");const ae=(e,t)=>`${e}.${t}`,ne={},ie={index:0,node:null};function se(e){e.startsWith("fast-")||s.warn(1204,{name:e})}const le=new Proxy(document.createElement("div"),{get(e,t){se(t);const r=Reflect.get(e,t);return o(r)?r.bind(e):r},set:(e,t,o)=>(se(t),Reflect.set(e,t,o))});class ce{constructor(e,t,o){this.fragment=e,this.directives=t,this.policy=o,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(e,t,o,r,a){var n,i;this.nodeIds.has(o)||(this.nodeIds.add(o),this.addTargetDescriptor(t,o,r)),e.id=null!==(n=e.id)&&void 0!==n?n:Y(),e.targetNodeId=o,e.targetTagName=a,e.policy=null!==(i=e.policy)&&void 0!==i?i:this.policy,this.factories.push(e)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(e,t,o){const r=this.descriptors;if("r"===t||"h"===t||r[t])return;if(!r[e]){const t=e.lastIndexOf("."),o=e.substring(0,t),r=parseInt(e.substring(t+1));this.addTargetDescriptor(o,e,r)}let a=ne[t];if(!a){const r="_"+t;ne[t]=a={get(){var t;return null!==(t=this[r])&&void 0!==t?t:this[r]=this[e].childNodes[o]}}}r[t]=a}createView(e){const t=this.fragment.cloneNode(!0),o=Object.create(this.proto);o.r=t,o.h=null!=e?e:le;for(const e of this.nodeIds)o[e];return new re(t,this.factories,o)}}function de(e,t,o,r,a,n=!1){const i=o.attributes,s=e.directives;for(let l=0,c=i.length;l<c;++l){const d=i[l],u=d.value,h=U.parse(u,s);let p=null;null===h?n&&(p=new te(T(()=>u,e.policy)),Z.assignAspect(p,d.name)):p=pe.aggregate(h,e.policy),null!==p&&(o.removeAttributeNode(d),l--,c--,e.addFactory(p,t,r,a,o.tagName))}}function ue(e,t,o){let r=0,a=t.firstChild;for(;a;){const t=he(e,o,a,r);a=t.node,r=t.index}}function he(e,t,o,a){const n=ae(t,a);switch(o.nodeType){case 1:de(e,t,o,n,a),ue(e,o,n);break;case 3:return function(e,t,o,a,n){const i=U.parse(t.textContent,e.directives);if(null===i)return ie.node=t.nextSibling,ie.index=n+1,ie;let s,l=s=t;for(let t=0,c=i.length;t<c;++t){const c=i[t];0!==t&&(n++,a=ae(o,n),s=l.parentNode.insertBefore(document.createTextNode(""),l.nextSibling)),r(c)?s.textContent=c:(s.textContent=" ",Z.assignAspect(c),e.addFactory(c,o,a,n,null)),l=s}return ie.index=n+1,ie.node=l.nextSibling,ie}(e,o,t,n,a);case 8:const i=U.parse(o.data,e.directives);null!==i&&e.addFactory(pe.aggregate(i),t,n,a,null)}return ie.index=a+1,ie.node=o.nextSibling,ie}const pe={compile(e,t,o=m.policy){let a;if(r(e)){a=document.createElement("TEMPLATE"),a.innerHTML=o.createHTML(e);const t=a.content.firstElementChild;null!==t&&"TEMPLATE"===t.tagName&&(a=t)}else a=e;a.content.firstChild||a.content.lastChild||a.content.appendChild(document.createComment(""));const n=document.adoptNode(a.content),i=new ce(n,t,o);var s,l;return de(i,"",a,"h",0,!0),s=n.firstChild,l=t,(s&&8==s.nodeType&&null!==U.parse(s.data,l)||1===n.childNodes.length&&Object.keys(t).length>0)&&n.insertBefore(document.createComment(""),n.firstChild),ue(i,n,"r"),ie.node=null,i.freeze()},setDefaultStrategy(e){this.compile=e},aggregate(e,t=m.policy){if(1===e.length)return e[0];let o,a,n=!1,i=void 0;const s=e.length,l=e.map(e=>r(e)?()=>e:(o=e.sourceAspect||o,a=e.dataBinding||a,n=n||e.dataBinding.isVolatile,i=i||e.dataBinding.policy,e.dataBinding.evaluate));a.evaluate=(e,t)=>{let o="";for(let r=0;r<s;++r)o+=l[r](e,t);return o},a.isVolatile=n,a.policy=null!=i?i:t;const c=new te(a);return Z.assignAspect(c,o),c}},ge=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,ve=Object.create(null);class be{constructor(e,t=ve){this.html=e,this.factories=t}createHTML(e){const t=this.factories;for(const o in t)e(t[o]);return this.html}}function me(e,t,o,r=Z.getForInstance(e)){if(r.aspected){const o=ge.exec(t);null!==o&&Z.assignAspect(e,o[2])}return e.createHTML(o)}be.empty=new be(""),Z.define(be);class fe{constructor(e,t={},o){this.policy=o,this.result=null,this.html=e,this.factories=t}create(e){return null===this.result&&(this.result=pe.compile(this.html,this.factories,this.policy)),this.result.createView(e)}inline(){return new be(r(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(e){if(this.result)throw s.error(1208);if(this.policy)throw s.error(1207);return this.policy=e,this}render(e,t,o){const r=this.create(o);return r.bind(e),r.appendTo(t),r}static create(e,t,r){let a="";const n=Object.create(null),i=e=>{var t;const o=null!==(t=e.id)&&void 0!==t?t:e.id=Y();return n[o]=e,o};for(let r=0,n=e.length-1;r<n;++r){const n=e[r];let s,l=t[r];if(a+=n,o(l))l=new te(F(l));else if(l instanceof S)l=new te(l);else if(!(s=Z.getForInstance(l))){const e=l;l=new te(T(()=>e))}a+=me(l,n,i,s)}return new fe(a+e[e.length-1],n,r)}}u(fe);const ke=(e,...t)=>{if(Array.isArray(e)&&Array.isArray(e.raw))return fe.create(e,t);throw s.error(1206)};ke.partial=e=>new be(e);class ye extends J{bind(e){e.source[this.options]=e.targets[this.targetNodeId]}}Z.define(ye);const xe=e=>new ye(e),$e=()=>null;function Be(e){return void 0===e?$e:o(e)?e:()=>e}function we(e,t,r){const a=o(e)?e:()=>e,n=Be(t),i=Be(r);return(e,t)=>a(e,t)?n(e,t):i(e,t)}const Pe=e=>1===e.nodeType,Se=e=>e?t=>1===t.nodeType&&t.matches(e):Pe;class Ce extends J{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,l),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}}class Fe extends Ce{observe(e){e.addEventListener("slotchange",this)}disconnect(e){e.removeEventListener("slotchange",this)}getNodes(e){return e.assignedNodes(this.options)}handleEvent(e){const t=e.currentTarget;this.updateTarget(this.getSource(t),this.computeNodes(t))}}function Ne(e){return r(e)&&(e={property:e}),new Fe(e)}Z.define(Fe);const Te=Object.freeze({locate:d()}),Ie={toView:e=>e?"true":"false",fromView:e=>null!=e&&"false"!==e&&!1!==e&&0!==e};function Ae(e){if(null==e)return null;const t=1*e;return isNaN(t)?null:t}const Le={toView(e){const t=Ae(e);return t?t.toString():t},fromView:Ae};class ze{constructor(e,t,o=t.toLowerCase(),r="reflect",a){this.guards=new Set,this.Owner=e,this.name=t,this.attribute=o,this.mode=r,this.converter=a,this.fieldName="_"+t,this.callbackName=t+"Changed",this.hasCallback=this.callbackName in e.prototype,"boolean"===r&&void 0===a&&(this.converter=Ie)}setValue(e,t){const o=e[this.fieldName],r=this.converter;void 0!==r&&(t=r.fromView(t)),o!==t&&(e[this.fieldName]=t,this.tryReflectToAttribute(e),this.hasCallback&&e[this.callbackName](o,t),e.$fastController.notify(this.name))}getValue(e){return $.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,o=this.guards;o.has(e)||"fromView"===t||f.enqueue(()=>{o.add(e);const r=e[this.fieldName];switch(t){case"reflect":const t=this.converter;m.setAttribute(e,this.attribute,void 0!==t?t.toView(r):r);break;case"boolean":m.setBooleanAttribute(e,this.attribute,r)}o.delete(e)})}static collect(e,...t){const o=[];t.push(Te.locate(e));for(let a=0,n=t.length;a<n;++a){const n=t[a];if(void 0!==n)for(let t=0,a=n.length;t<a;++t){const a=n[t];r(a)?o.push(new ze(e,a)):o.push(new ze(e,a.property,a.attribute,a.mode,a.converter))}}return o}}function Oe(e,t){let o;function r(e,t){arguments.length>1&&(o.property=t),Te.locate(e.constructor).push(o)}return arguments.length>1?(o={},void r(e,t)):(o=void 0===e?{}:e,r)}const He={mode:"open"},De={},Ee=new Set,Me=s.getById(t.elementRegistry,()=>c());class Re{constructor(e,t=e.definition){var o;this.platformDefined=!1,r(t)&&(t={name:t}),this.type=e,this.name=t.name,this.template=t.template,this.registry=null!==(o=t.registry)&&void 0!==o?o:customElements;const a=e.prototype,n=ze.collect(e,t.attributes),i=new Array(n.length),s={},l={};for(let e=0,t=n.length;e<t;++e){const t=n[e];i[e]=t.attribute,s[t.name]=t,l[t.attribute]=t,$.defineProperty(a,t)}Reflect.defineProperty(e,"observedAttributes",{value:i,enumerable:!0}),this.attributes=n,this.propertyLookup=s,this.attributeLookup=l,this.shadowOptions=void 0===t.shadowOptions?He:null===t.shadowOptions?void 0:Object.assign(Object.assign({},He),t.shadowOptions),this.elementOptions=void 0===t.elementOptions?De:Object.assign(Object.assign({},De),t.elementOptions),this.styles=A.normalize(t.styles),Me.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 Ee.has(e)||Me.getByType(e)?new Re(class extends e{},t):new Re(e,t)}static registerBaseType(e){Ee.add(e)}}Re.getByType=Me.getByType,Re.getForInstance=Me.getForInstance;const je={bubbles:!0,composed:!0,cancelable:!0},Ve=new WeakMap;function _e(e){var t,o;return null!==(o=null!==(t=e.shadowRoot)&&void 0!==t?t:Ve.get(e))&&void 0!==o?o:null}let Ge;class Xe extends y{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 o=t.shadowOptions;if(void 0!==o){let t=e.shadowRoot;t?this.hasExistingShadowRoot=!0:(t=e.attachShadow(o),"closed"===o.mode&&Ve.set(e,t))}const r=$.getAccessors(e);if(r.length>0){const t=this.boundObservables=Object.create(null);for(let o=0,a=r.length;o<a;++o){const a=r[o].name,n=e[a];void 0!==n&&(delete e[a],t[a]=n)}}}get isConnected(){return $.track(this,"isConnected"),1===this.stage}get context(){var e,t;return null!==(t=null===(e=this.view)||void 0===e?void 0:e.context)&&void 0!==t?t:P.default}get isBound(){var e,t;return null!==(t=null===(e=this.view)||void 0===e?void 0:e.isBound)&&void 0!==t&&t}get sourceLifetime(){var e;return null===(e=this.view)||void 0===e?void 0:e.sourceLifetime}get template(){var e;if(null===this._template){const t=this.definition;this.source.resolveTemplate?this._template=this.source.resolveTemplate():t.template&&(this._template=null!==(e=t.template)&&void 0!==e?e:null)}return this._template}set template(e){this._template!==e&&(this._template=e,this.needsInitialization||this.renderTemplate(e))}get mainStyles(){var e;if(null===this._mainStyles){const t=this.definition;this.source.resolveStyles?this._mainStyles=this.source.resolveStyles():t.styles&&(this._mainStyles=null!==(e=t.styles)&&void 0!==e?e:null)}return this._mainStyles}set mainStyles(e){this._mainStyles!==e&&(null!==this._mainStyles&&this.removeStyles(this._mainStyles),this._mainStyles=e,this.needsInitialization||this.addStyles(e))}onUnbind(e){var t;null===(t=this.view)||void 0===t||t.onUnbind(e)}addBehavior(e){var t,o;const r=null!==(t=this.behaviors)&&void 0!==t?t:this.behaviors=new Map,a=null!==(o=r.get(e))&&void 0!==o?o:0;0===a?(r.set(e,1),e.addedCallback&&e.addedCallback(this),!e.connectedCallback||this.guardBehaviorConnection||1!==this.stage&&0!==this.stage||e.connectedCallback(this)):r.set(e,a+1)}removeBehavior(e,t=!1){const o=this.behaviors;if(null===o)return;const r=o.get(e);void 0!==r&&(1===r||t?(o.delete(e),e.disconnectedCallback&&3!==this.stage&&e.disconnectedCallback(this),e.removedCallback&&e.removedCallback(this)):o.set(e,r-1))}addStyles(e){var t;if(!e)return;const o=this.source;if(e instanceof HTMLElement){(null!==(t=_e(o))&&void 0!==t?t:this.source).append(e)}else if(!e.isAttachedTo(o)){const t=e.behaviors;if(e.addStylesTo(o),null!==t)for(let e=0,o=t.length;e<o;++e)this.addBehavior(t[e])}}removeStyles(e){var t;if(!e)return;const o=this.source;if(e instanceof HTMLElement){(null!==(t=_e(o))&&void 0!==t?t:o).removeChild(e)}else if(e.isAttachedTo(o)){const t=e.behaviors;if(e.removeStylesFrom(o),null!==t)for(let e=0,o=t.length;e<o;++e)this.removeBehavior(t[e])}}connect(){if(3!==this.stage)return;if(this.stage=0,null!==this.boundObservables){const e=this.source,t=this.boundObservables,o=Object.keys(t);for(let r=0,a=o.length;r<a;++r){const a=o[r];e[a]=t[a]}this.boundObservables=null}const e=this.behaviors;if(null!==e){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):null!==this.view&&this.view.bind(this.source),this.stage=1,$.notify(this,"isConnected")}disconnect(){if(1!==this.stage)return;this.stage=2,$.notify(this,"isConnected"),null!==this.view&&this.view.unbind();const e=this.behaviors;if(null!==e)for(const t of e.keys())t.disconnectedCallback&&t.disconnectedCallback(this);this.stage=3}onAttributeChangedCallback(e,t,o){const r=this.definition.attributeLookup[e];void 0!==r&&r.onAttributeChangedCallback(this.source,o)}emit(e,t,o){return 1===this.stage&&this.source.dispatchEvent(new CustomEvent(e,Object.assign(Object.assign({detail:t},je),o)))}renderTemplate(e){var t;const o=this.source,r=null!==(t=_e(o))&&void 0!==t?t:o;if(null!==this.view)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let e=r.firstChild;null!==e;e=r.firstChild)r.removeChild(e)}e&&(this.view=e.render(o,r,o),this.view.sourceLifetime=x.coupled)}static forCustomElement(e){const t=e.$fastController;if(void 0!==t)return t;const o=Re.getForInstance(e);if(void 0===o)throw s.error(1401);return e.$fastController=new Ge(e,o)}static setStrategy(e){Ge=e}}function qe(e){var t;return"adoptedStyleSheets"in e?e:null!==(t=_e(e))&&void 0!==t?t:e.getRootNode()}u(Xe),Xe.setStrategy(Xe);class We{constructor(e){const t=We.styleSheetCache;this.sheets=e.map(e=>{if(e instanceof CSSStyleSheet)return e;let o=t.get(e);return void 0===o&&(o=new CSSStyleSheet,o.replaceSync(e),t.set(e,o)),o})}addStylesTo(e){Qe(qe(e),this.sheets)}removeStylesFrom(e){Ze(qe(e),this.sheets)}}We.styleSheetCache=new Map;let Ye=0;function Ke(e){return e===document?document.body:e}class Ue{constructor(e){this.styles=e,this.styleClass="fast-"+ ++Ye}addStylesTo(e){e=Ke(qe(e));const t=this.styles,o=this.styleClass;for(let r=0;r<t.length;r++){const a=document.createElement("style");a.innerHTML=t[r],a.className=o,e.append(a)}}removeStylesFrom(e){const t=(e=Ke(qe(e))).querySelectorAll("."+this.styleClass);for(let o=0,r=t.length;o<r;++o)e.removeChild(t[o])}}let Qe=(e,t)=>{e.adoptedStyleSheets=[...e.adoptedStyleSheets,...t]},Ze=(e,t)=>{e.adoptedStyleSheets=e.adoptedStyleSheets.filter(e=>-1===t.indexOf(e))};if(A.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),Qe=(e,t)=>{e.adoptedStyleSheets.push(...t)},Ze=(e,t)=>{for(const o of t){const t=e.adoptedStyleSheets.indexOf(o);-1!==t&&e.adoptedStyleSheets.splice(t,1)}}}catch(uu){}A.setDefaultStrategy(We)}else A.setDefaultStrategy(Ue);function Je(e){const t=class extends e{constructor(){super(),Xe.forCustomElement(this)}$emit(e,t,o){return this.$fastController.emit(e,t,o)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(e,t,o){this.$fastController.onAttributeChangedCallback(e,t,o)}};return Re.registerBaseType(t),t}const et=Object.assign(Je(HTMLElement),{from:function(e){return Je(e)},define:function(e,t){return o(e)?Re.compose(e,t).define().type:Re.compose(this,e).define().type},compose:function(e,t){return o(e)?Re.compose(e,t):Re.compose(this,e)}}),tt={horizontal:"horizontal",vertical:"vertical"};function ot(...e){return e.every(e=>e instanceof HTMLElement)}const rt={ArrowDown:"ArrowDown",ArrowLeft:"ArrowLeft",ArrowRight:"ArrowRight",ArrowUp:"ArrowUp"};var at;function nt(e,t,o){return Math.min(Math.max(o,e),t)}!function(e){e.ltr="ltr",e.rtl="rtl"}(at||(at={}));let it=0;function st(e=""){return`${e}${it++}`}var lt=Object.defineProperty,ct=Object.getOwnPropertyDescriptor,dt=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?ct(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&<(t,o,n),n};class ut{}dt([Oe({attribute:"aria-atomic"})],ut.prototype,"ariaAtomic",2),dt([Oe({attribute:"aria-busy"})],ut.prototype,"ariaBusy",2),dt([Oe({attribute:"aria-controls"})],ut.prototype,"ariaControls",2),dt([Oe({attribute:"aria-current"})],ut.prototype,"ariaCurrent",2),dt([Oe({attribute:"aria-describedby"})],ut.prototype,"ariaDescribedby",2),dt([Oe({attribute:"aria-details"})],ut.prototype,"ariaDetails",2),dt([Oe({attribute:"aria-disabled"})],ut.prototype,"ariaDisabled",2),dt([Oe({attribute:"aria-errormessage"})],ut.prototype,"ariaErrormessage",2),dt([Oe({attribute:"aria-flowto"})],ut.prototype,"ariaFlowto",2),dt([Oe({attribute:"aria-haspopup"})],ut.prototype,"ariaHaspopup",2),dt([Oe({attribute:"aria-hidden"})],ut.prototype,"ariaHidden",2),dt([Oe({attribute:"aria-invalid"})],ut.prototype,"ariaInvalid",2),dt([Oe({attribute:"aria-keyshortcuts"})],ut.prototype,"ariaKeyshortcuts",2),dt([Oe({attribute:"aria-label"})],ut.prototype,"ariaLabel",2),dt([Oe({attribute:"aria-labelledby"})],ut.prototype,"ariaLabelledby",2),dt([Oe({attribute:"aria-live"})],ut.prototype,"ariaLive",2),dt([Oe({attribute:"aria-owns"})],ut.prototype,"ariaOwns",2),dt([Oe({attribute:"aria-relevant"})],ut.prototype,"ariaRelevant",2),dt([Oe({attribute:"aria-roledescription"})],ut.prototype,"ariaRoledescription",2);const ht=e=>{var t;return"rtl"===(null==(t=e.closest("[dir]"))?void 0:t.dir)?at.rtl:at.ltr};function pt(e){return e?"string"==typeof e?new be(e):"inline"in e?e.inline():e:be.empty}const gt=e=>{var t;return e.nodeType!==Node.TEXT_NODE||!!(null==(t=e.nodeValue)?void 0:t.trim().length)};class vt{}function bt(e){return ke`<slot name="end" ${xe("end")}>${pt(e.end)}</slot>`.inline()}function mt(e){return ke`<slot name="start" ${xe("start")}>${pt(e.start)}</slot>`.inline()}function ft(e,...t){const o=Te.locate(e);t.forEach(t=>{Object.getOwnPropertyNames(t.prototype).forEach(o=>{"constructor"!==o&&Object.defineProperty(e.prototype,o,Object.getOwnPropertyDescriptor(t.prototype,o))});Te.locate(t).forEach(e=>o.push(e))})}var kt=Object.defineProperty,yt=Object.getOwnPropertyDescriptor,xt=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?yt(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&kt(t,o,n),n};class $t extends et{constructor(){super(...arguments),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=st("accordion-"),this.block=!1,this.clickHandler=e=>{this.disabled||this.$emit("click",e)}}}xt([Oe({attribute:"heading-level",mode:"fromView",converter:Le})],$t.prototype,"headinglevel",2),xt([Oe({mode:"boolean"})],$t.prototype,"expanded",2),xt([Oe({mode:"boolean"})],$t.prototype,"disabled",2),xt([Oe],$t.prototype,"id",2),xt([Oe],$t.prototype,"size",2),xt([Oe({mode:"boolean"})],$t.prototype,"block",2),xt([Oe({attribute:"expand-icon-position"})],$t.prototype,"expandIconPosition",2),ft($t,vt);const Bt="single",wt="multi";var Pt=Object.defineProperty,St=Object.getOwnPropertyDescriptor,Ct=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?St(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&Pt(t,o,n),n};class Ft extends et{constructor(){super(...arguments),this.expandmode=wt,this.activeItemIndex=0,this.change=()=>{this.$emit("change",this.activeid)},this.setItems=()=>{if(0===this.slottedAccordionItems.length)return;const e=Array.from(this.children);if(this.removeItemListeners(e),e.forEach(e=>$.getNotifier(e).subscribe(this,"disabled")),this.accordionItems=e.filter(e=>!e.hasAttribute("disabled")),this.accordionIds=this.getItemIds(),this.accordionItems.forEach((e,t)=>{e instanceof $t&&(e.addEventListener("click",this.activeItemChange),e.addEventListener("keydown",this.handleItemKeyDown),e.addEventListener("focus",this.handleItemFocus),$.getNotifier(e).subscribe(this,"expanded"));const o=this.accordionIds[t];e.setAttribute("id","string"!=typeof o?"accordion-"+(t+1):o),this.activeid=this.accordionIds[this.activeItemIndex]}),this.isSingleExpandMode()){const e=this.findExpandedItem();this.setSingleExpandMode(e)}},this.removeItemListeners=e=>{e.forEach((e,t)=>{$.getNotifier(e).unsubscribe(this,"disabled"),$.getNotifier(e).unsubscribe(this,"expanded"),e.removeEventListener("click",this.activeItemChange),e.removeEventListener("keydown",this.handleItemKeyDown),e.removeEventListener("focus",this.handleItemFocus)})},this.activeItemChange=e=>{e.defaultPrevented||e.target!==e.currentTarget||(e.preventDefault(),this.handleExpandedChange(e.target))},this.handleExpandedChange=e=>{e instanceof $t&&(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"ArrowUp":e.preventDefault(),this.adjust(-1);break;case"ArrowDown":e.preventDefault(),this.adjust(1);break;case"Home":this.activeItemIndex=0,this.focusItem();break;case"End":this.activeItemIndex=this.accordionItems.length-1,this.focusItem()}},this.handleItemFocus=e=>{if(e.target===e.currentTarget){const t=e.target,o=this.activeItemIndex=Array.from(this.accordionItems).indexOf(t);this.activeItemIndex!==o&&-1!==o&&(this.activeItemIndex=o,this.activeid=this.accordionIds[this.activeItemIndex])}}}expandmodeChanged(e,t){if(!this.$fastController.isConnected)return;const o=this.findExpandedItem();o&&(t!==Bt?null==o||o.expandbutton.removeAttribute("aria-disabled"):this.setSingleExpandMode(o))}slottedAccordionItemsChanged(e,t){this.$fastController.isConnected&&this.setItems()}handleChange(e,t){"disabled"===t?this.setItems():"expanded"===t&&e.expanded&&this.isSingleExpandMode()&&this.setSingleExpandMode(e)}findExpandedItem(){var e;return 0===this.accordionItems.length?null:null!=(e=this.accordionItems.find(e=>e instanceof $t&&e.expanded))?e:this.accordionItems[0]}setSingleExpandMode(e){if(0===this.accordionItems.length)return;const t=Array.from(this.accordionItems);this.activeItemIndex=t.indexOf(e),t.forEach((e,t)=>{e instanceof $t&&(this.activeItemIndex===t?(e.expanded=!0,e.expandbutton.setAttribute("aria-disabled","true")):(e.expanded=!1,e.hasAttribute("disabled")||e.expandbutton.removeAttribute("aria-disabled")))})}getItemIds(){return this.slottedAccordionItems.map(e=>e.id)}isSingleExpandMode(){return this.expandmode===Bt}adjust(e){var t,o,r;this.activeItemIndex=(t=0,o=this.accordionItems.length-1,(r=this.activeItemIndex+e)<t?o:r>o?t:r),this.focusItem()}focusItem(){const e=this.accordionItems[this.activeItemIndex];e instanceof $t&&e.expandbutton.focus()}}Ct([Oe({attribute:"expand-mode"})],Ft.prototype,"expandmode",2),Ct([B],Ft.prototype,"slottedAccordionItems",2);const Nt=ke`<template><slot ${Ne({property:"slottedAccordionItems",filter:Se()})}></slot></template>`;class Tt extends class{constructor(e){this.listenerCache=new WeakMap,this.query=e}connectedCallback(e){const{query:t}=this;let o=this.listenerCache.get(e);o||(o=this.constructListener(e),this.listenerCache.set(e,o)),o.bind(t)(),t.addEventListener("change",o)}disconnectedCallback(e){const t=this.listenerCache.get(e);t&&this.query.removeEventListener("change",t)}}{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new Tt(e,t)}constructListener(e){let t=!1;const o=this.styles;return function(){const{matches:r}=this;r&&!t?(e.addStyles(o),t=r):!r&&t&&(e.removeStyles(o),t=r)}}removedCallback(e){e.removeStyles(this.styles)}}const It=Tt.with(window.matchMedia("(forced-colors)"));Tt.with(window.matchMedia("(prefers-color-scheme: dark)")),Tt.with(window.matchMedia("(prefers-color-scheme: light)"));function At(e){return`:host([hidden]){display:none}:host{display:${e}}`}const Lt=j`
|
|
2
|
-
${
|
|
1
|
+
let e;try{if(document.currentScript)e=document.currentScript.getAttribute("fast-kernel");else{const t=document.getElementsByTagName("script");e=t[t.length-1].getAttribute("fast-kernel")}}catch(Yu){e="isolate"}let t;switch(e){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 e="-"+Math.random().toString(36).substring(2,8);t=Object.freeze({updateQueue:"1.2"+e,observable:"2.2"+e,contextEvent:"3.2"+e,elementRegistry:"4.2"+e})}const o=e=>"function"==typeof e,r=e=>"string"==typeof e,a=()=>{};var n="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};!function(){if("undefined"==typeof globalThis)if(void 0!==n)n.globalThis=n;else if("undefined"!=typeof self)self.globalThis=self;else if("undefined"!=typeof window)window.globalThis=window;else{const e=new Function("return this")();e.globalThis=e}}();const i={configurable:!1,enumerable:!1,writable:!1};void 0===globalThis.FAST&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},i));const s=globalThis.FAST;if(void 0===s.getById){const e=Object.create(null);Reflect.defineProperty(s,"getById",Object.assign({value(t,o){let r=e[t];return void 0===r&&(r=o?e[t]=o():null),r}},i))}void 0===s.error&&Object.assign(s,{warn(){},error:e=>new Error("Error "+e),addMessages(){}});const l=Object.freeze([]);function c(){const e=new Map;return Object.freeze({register:t=>!e.has(t.type)&&(e.set(t.type,t),!0),getByType:t=>e.get(t),getForInstance(t){if(null!=t)return e.get(t.constructor)}})}function d(){const e=new WeakMap;return function(t){let o=e.get(t);if(void 0===o){let r=Reflect.getPrototypeOf(t);for(;void 0===o&&null!==r;)o=e.get(r),r=Reflect.getPrototypeOf(r);o=void 0===o?[]:o.slice(0),e.set(t,o)}return o}}function u(e){e.prototype.toJSON=a}const h=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),p=e=>e,g=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:p}):{createHTML:p};let v=Object.freeze({createHTML:e=>g.createHTML(e),protect:(e,t,o,r)=>r});const b=v,m=Object.freeze({get policy(){return v},setPolicy(e){if(v!==b)throw s.error(1201);v=e},setAttribute(e,t,o){null==o?e.removeAttribute(t):e.setAttribute(t,o)},setBooleanAttribute(e,t,o){o?e.setAttribute(t,""):e.removeAttribute(t)}}),f=s.getById(t.updateQueue,()=>{const e=[],t=[],o=globalThis.requestAnimationFrame;let r=!0;function a(){if(t.length)throw t.shift()}function n(o){try{o.call()}catch(o){if(!r)throw e.length=0,o;t.push(o),setTimeout(a,0)}}function i(){let t=0;for(;t<e.length;)if(n(e[t]),t++,t>1024){for(let o=0,r=e.length-t;o<r;o++)e[o]=e[o+t];e.length-=t,t=0}e.length=0}function s(t){e.push(t),e.length<2&&(r?o(i):i())}return Object.freeze({enqueue:s,next:()=>new Promise(s),process:i,setMode:e=>r=e})});class k{constructor(e,t){this.sub1=void 0,this.sub2=void 0,this.spillover=void 0,this.subject=e,this.sub1=t}has(e){return void 0===this.spillover?this.sub1===e||this.sub2===e:-1!==this.spillover.indexOf(e)}subscribe(e){const t=this.spillover;if(void 0===t){if(this.has(e))return;if(void 0===this.sub1)return void(this.sub1=e);if(void 0===this.sub2)return void(this.sub2=e);this.spillover=[this.sub1,this.sub2,e],this.sub1=void 0,this.sub2=void 0}else{-1===t.indexOf(e)&&t.push(e)}}unsubscribe(e){const t=this.spillover;if(void 0===t)this.sub1===e?this.sub1=void 0:this.sub2===e&&(this.sub2=void 0);else{const o=t.indexOf(e);-1!==o&&t.splice(o,1)}}notify(e){const t=this.spillover,o=this.subject;if(void 0===t){const t=this.sub1,r=this.sub2;void 0!==t&&t.handleChange(o,e),void 0!==r&&r.handleChange(o,e)}else for(let r=0,a=t.length;r<a;++r)t[r].handleChange(o,e)}}class y{constructor(e){this.subscribers={},this.subjectSubscribers=null,this.subject=e}notify(e){var t,o;null===(t=this.subscribers[e])||void 0===t||t.notify(e),null===(o=this.subjectSubscribers)||void 0===o||o.notify(e)}subscribe(e,t){var o,r;let a;a=t?null!==(o=this.subscribers[t])&&void 0!==o?o:this.subscribers[t]=new k(this.subject):null!==(r=this.subjectSubscribers)&&void 0!==r?r:this.subjectSubscribers=new k(this.subject),a.subscribe(e)}unsubscribe(e,t){var o,r;t?null===(o=this.subscribers[t])||void 0===o||o.unsubscribe(e):null===(r=this.subjectSubscribers)||void 0===r||r.unsubscribe(e)}}const x=Object.freeze({unknown:void 0,coupled:1}),$=s.getById(t.observable,()=>{const e=f.enqueue,t=/(:|&&|\|\||if|\?\.)/,a=new WeakMap;let n=void 0,i=e=>{throw s.error(1101)};function l(e){var t;let o=null!==(t=e.$fastController)&&void 0!==t?t:a.get(e);return void 0===o&&(Array.isArray(e)?o=i(e):a.set(e,o=new y(e))),o}const c=d();class h{constructor(e){this.name=e,this.field="_"+e,this.callback=e+"Changed"}getValue(e){return void 0!==n&&n.watch(e,this.name),e[this.field]}setValue(e,t){const r=this.field,a=e[r];if(a!==t){e[r]=t;const n=e[this.callback];o(n)&&n.call(e,a,t),l(e).notify(this.name)}}}class p extends k{constructor(e,t,o=!1){super(e,t),this.expression=e,this.isVolatileBinding=o,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(e){this.isAsync=this.needsQueue=e}bind(e){this.controller=e;const t=this.observe(e.source,e.context);return!e.isBound&&this.requiresUnbind(e)&&e.onUnbind(this),t}requiresUnbind(e){return e.sourceLifetime!==x.coupled||this.first!==this.last||this.first.propertySource!==e.source}unbind(e){this.dispose()}observe(e,t){this.needsRefresh&&null!==this.last&&this.dispose();const o=n;let r;n=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;try{r=this.expression(e,t)}finally{n=o}return r}disconnect(){this.dispose()}dispose(){if(null!==this.last){let e=this.first;for(;void 0!==e;)e.notifier.unsubscribe(this,e.propertyName),e=e.next;this.last=null,this.needsRefresh=this.needsQueue=this.isAsync}}watch(e,t){const o=this.last,r=l(e),a=null===o?this.first:{};if(a.propertySource=e,a.propertyName=t,a.notifier=r,r.subscribe(this,t),null!==o){if(!this.needsRefresh){let t;n=void 0,t=o.propertySource[o.propertyName],n=this,e===t&&(this.needsRefresh=!0)}o.next=a}this.last=a}handleChange(){this.needsQueue?(this.needsQueue=!1,e(this)):this.isAsync||this.call()}call(){null!==this.last&&(this.needsQueue=this.isAsync,this.notify(this))}*records(){let e=this.first;for(;void 0!==e;)yield e,e=e.next}}return u(p),Object.freeze({setArrayObserverFactory(e){i=e},getNotifier:l,track(e,t){n&&n.watch(e,t)},trackVolatile(){n&&(n.needsRefresh=!0)},notify(e,t){l(e).notify(t)},defineProperty(e,t){r(t)&&(t=new h(t)),c(e).push(t),Reflect.defineProperty(e,t.name,{enumerable:!0,get(){return t.getValue(this)},set(e){t.setValue(this,e)}})},getAccessors:c,binding(e,t,o=this.isVolatileBinding(e)){return new p(e,t,o)},isVolatileBinding:e=>t.test(e.toString())})});function B(e,t){$.defineProperty(e,t)}const w=s.getById(t.contextEvent,()=>{let e=null;return{get:()=>e,set(t){e=t}}}),P=Object.freeze({default:{index:0,length:0,get event(){return P.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent:()=>w.get(),setEvent(e){w.set(e)}});class S{constructor(e,t,o=!1){this.evaluate=e,this.policy=t,this.isVolatile=o}}class C extends S{createObserver(e){return $.binding(this.evaluate,e,this.isVolatile)}}function F(e,t,o=$.isVolatileBinding(e)){return new C(e,t,o)}class N extends S{createObserver(){return this}bind(e){return this.evaluate(e.source,e.context)}}function T(e,t){return new N(e,t)}let I;u(N);class A{constructor(e){this.styles=e,this.targets=new WeakSet,this._strategy=null,this.behaviors=e.map(e=>e instanceof A?e.behaviors:null).reduce((e,t)=>null===t?e:null===e?t:e.concat(t),null)}get strategy(){return null===this._strategy&&this.withStrategy(I),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=null===this.behaviors?e:this.behaviors.concat(e),this}withStrategy(e){return this._strategy=new e(function e(t){return t.map(t=>t instanceof A?e(t.styles):[t]).reduce((e,t)=>e.concat(t),[])}(this.styles)),this}static setDefaultStrategy(e){I=e}static normalize(e){return void 0===e?void 0:Array.isArray(e)?new A(e):e instanceof A?e:new A([e])}}A.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const L=c(),z=Object.freeze({getForInstance:L.getForInstance,getByType:L.getByType,define:e=>(L.register({type:e}),e)});function O(e,t,o){t.source.style.setProperty(e.targetAspect,o.bind(t))}class H{constructor(e,t){this.dataBinding=e,this.targetAspect=t}createCSS(e){return e(this),`var(${this.targetAspect})`}addedCallback(e){var t;const o=e.source;if(!o.$cssBindings){o.$cssBindings=new Map;const e=o.setAttribute;o.setAttribute=(t,r)=>{e.call(o,t,r),"style"===t&&o.$cssBindings.forEach((e,t)=>O(t,e.controller,e.observer))}}const r=null!==(t=e[this.targetAspect])&&void 0!==t?t:e[this.targetAspect]=this.dataBinding.createObserver(this,this);r.controller=e,e.source.$cssBindings.set(this,{controller:e,observer:r})}connectedCallback(e){O(this,e,e[this.targetAspect])}removedCallback(e){e.source.$cssBindings&&e.source.$cssBindings.delete(this)}handleChange(e,t){O(this,t.controller,t)}}z.define(H);const D=""+Math.random().toString(36).substring(2,8);let E=0;const M=()=>`--v${D}${++E}`;function R(e,t){const r=[];let a="";const n=[],i=e=>{n.push(e)};for(let n=0,s=e.length-1;n<s;++n){a+=e[n];let s=t[n];o(s)?s=new H(F(s),M()).createCSS(i):s instanceof S?s=new H(s,M()).createCSS(i):void 0!==z.getForInstance(s)&&(s=s.createCSS(i)),s instanceof A||s instanceof CSSStyleSheet?(""!==a.trim()&&(r.push(a),a=""),r.push(s)):a+=s}return a+=e[e.length-1],""!==a.trim()&&r.push(a),{styles:r,behaviors:n}}const j=(e,...t)=>{const{styles:o,behaviors:r}=R(e,t),a=new A(o);return r.length?a.withBehaviors(...r):a};class V{constructor(e,t){this.behaviors=t,this.css="";const o=e.reduce((e,t)=>(r(t)?this.css+=t:e.push(t),e),[]);o.length&&(this.styles=new A(o))}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)}}z.define(V),j.partial=(e,...t)=>{const{styles:o,behaviors:r}=R(e,t);return new V(o,r)};const _="fast-"+Math.random().toString(36).substring(2,8),G=_+"{",X="}"+_,q=X.length;let W=0;const Y=()=>`${_}-${++W}`,K=Object.freeze({interpolation:e=>`${G}${e}${X}`,attribute:e=>`${Y()}="${G}${e}${X}"`,comment:e=>`\x3c!--${G}${e}${X}--\x3e`}),U=Object.freeze({parse(e,t){const o=e.split(G);if(1===o.length)return null;const r=[];for(let e=0,a=o.length;e<a;++e){const a=o[e],n=a.indexOf(X);let i;if(-1===n)i=a;else{const e=a.substring(0,n);r.push(t[e]),i=a.substring(n+q)}""!==i&&r.push(i)}return r}}),Q=c(),Z=Object.freeze({getForInstance:Q.getForInstance,getByType:Q.getByType,define:(e,t)=>((t=t||{}).type=e,Q.register(t),e),assignAspect(e,t){if(t)switch(e.sourceAspect=t,t[0]){case":":e.targetAspect=t.substring(1),e.aspectType="classList"===e.targetAspect?h.tokenList:h.property;break;case"?":e.targetAspect=t.substring(1),e.aspectType=h.booleanAttribute;break;case"@":e.targetAspect=t.substring(1),e.aspectType=h.event;break;default:e.targetAspect=t,e.aspectType=h.attribute}else e.aspectType=h.content}});class J{constructor(e){this.options=e}createHTML(e){return K.attribute(e(this))}createBehavior(){return this}}u(J);const ee={[h.attribute]:m.setAttribute,[h.booleanAttribute]:m.setBooleanAttribute,[h.property]:(e,t,o)=>e[t]=o,[h.content]:function(e,t,o,r){if(null==o&&(o=""),o.create){e.textContent="";let t=e.$fastView;void 0===t?t=o.create():e.$fastTemplate!==o&&(t.isComposed&&(t.remove(),t.unbind()),t=o.create()),t.isComposed?t.needsBindOnly&&(t.needsBindOnly=!1,t.bind(r.source,r.context)):(t.isComposed=!0,t.bind(r.source,r.context),t.insertBefore(e),e.$fastView=t,e.$fastTemplate=o)}else{const t=e.$fastView;void 0!==t&&t.isComposed&&(t.isComposed=!1,t.remove(),t.needsBindOnly?t.needsBindOnly=!1:t.unbind()),e.textContent=o}},[h.tokenList]:function(e,t,o){var r;const a=this.id+"-t",n=null!==(r=e[a])&&void 0!==r?r:e[a]={v:0,cv:Object.create(null)},i=n.cv;let s=n.v;const l=e[t];if(null!=o&&o.length){const e=o.split(/\s+/);for(let t=0,o=e.length;t<o;++t){const o=e[t];""!==o&&(i[o]=s,l.add(o))}}if(n.v=s+1,0!==s){s-=1;for(const e in i)i[e]===s&&l.remove(e)}},[h.event]:()=>{}};class te{constructor(e){this.dataBinding=e,this.updateTarget=null,this.aspectType=h.content}createHTML(e){return K.interpolation(e(this))}createBehavior(){var e;if(null===this.updateTarget){const t=ee[this.aspectType],o=null!==(e=this.dataBinding.policy)&&void 0!==e?e:this.policy;if(!t)throw s.error(1205);this.data=this.id+"-d",this.updateTarget=o.protect(this.targetTagName,this.aspectType,this.targetAspect,t)}return this}bind(e){var t;const o=e.targets[this.targetNodeId];switch(this.aspectType){case h.event:o[this.data]=e,o.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case h.content:e.onUnbind(this);default:const r=null!==(t=o[this.data])&&void 0!==t?t:o[this.data]=this.dataBinding.createObserver(this,this);r.target=o,r.controller=e,this.updateTarget(o,this.targetAspect,r.bind(e),e)}}unbind(e){const t=e.targets[this.targetNodeId].$fastView;void 0!==t&&t.isComposed&&(t.unbind(),t.needsBindOnly=!0)}handleEvent(e){const t=e.currentTarget[this.data];if(t.isBound){P.setEvent(e);const o=this.dataBinding.evaluate(t.source,t.context);P.setEvent(null),!0!==o&&e.preventDefault()}}handleChange(e,t){const o=t.target,r=t.controller;this.updateTarget(o,this.targetAspect,t.bind(r),r)}}function oe(e,t){const o=e.parentNode;let r,a=e;for(;a!==t;)r=a.nextSibling,o.removeChild(a),a=r;o.removeChild(t)}Z.define(te,{aspected:!0});class re{constructor(e,t,o){this.fragment=e,this.factories=t,this.targets=o,this.behaviors=null,this.unbindables=[],this.source=null,this.isBound=!1,this.sourceLifetime=x.unknown,this.context=this,this.index=0,this.length=0,this.firstChild=e.firstChild,this.lastChild=e.lastChild}get event(){return P.getEvent()}get isEven(){return this.index%2==0}get isOdd(){return this.index%2!=0}get isFirst(){return 0===this.index}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 o=e.parentNode;let r,a=this.firstChild;for(;a!==t;)r=a.nextSibling,o.insertBefore(a,e),a=r;o.insertBefore(t,e)}}remove(){const e=this.fragment,t=this.lastChild;let o,r=this.firstChild;for(;r!==t;)o=r.nextSibling,e.appendChild(r),r=o;e.appendChild(t)}dispose(){oe(this.firstChild,this.lastChild),this.unbind()}onUnbind(e){this.unbindables.push(e)}bind(e,t=this){if(this.source===e)return;let o=this.behaviors;if(null===o){this.source=e,this.context=t,this.behaviors=o=new Array(this.factories.length);const r=this.factories;for(let e=0,t=r.length;e<t;++e){const t=r[e].createBehavior();t.bind(this),o[e]=t}}else{null!==this.source&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;for(let e=0,t=o.length;e<t;++e)o[e].bind(this)}this.isBound=!0}unbind(){this.isBound&&null!==this.source&&(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}evaluateUnbindables(){const e=this.unbindables;for(let t=0,o=e.length;t<o;++t)e[t].unbind(this);e.length=0}static disposeContiguousBatch(e){if(0!==e.length){oe(e[0].firstChild,e[e.length-1].lastChild);for(let t=0,o=e.length;t<o;++t)e[t].unbind()}}}u(re),$.defineProperty(re.prototype,"index"),$.defineProperty(re.prototype,"length");const ae=(e,t)=>`${e}.${t}`,ne={},ie={index:0,node:null};function se(e){e.startsWith("fast-")||s.warn(1204,{name:e})}const le=new Proxy(document.createElement("div"),{get(e,t){se(t);const r=Reflect.get(e,t);return o(r)?r.bind(e):r},set:(e,t,o)=>(se(t),Reflect.set(e,t,o))});class ce{constructor(e,t,o){this.fragment=e,this.directives=t,this.policy=o,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(e,t,o,r,a){var n,i;this.nodeIds.has(o)||(this.nodeIds.add(o),this.addTargetDescriptor(t,o,r)),e.id=null!==(n=e.id)&&void 0!==n?n:Y(),e.targetNodeId=o,e.targetTagName=a,e.policy=null!==(i=e.policy)&&void 0!==i?i:this.policy,this.factories.push(e)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(e,t,o){const r=this.descriptors;if("r"===t||"h"===t||r[t])return;if(!r[e]){const t=e.lastIndexOf("."),o=e.substring(0,t),r=parseInt(e.substring(t+1));this.addTargetDescriptor(o,e,r)}let a=ne[t];if(!a){const r="_"+t;ne[t]=a={get(){var t;return null!==(t=this[r])&&void 0!==t?t:this[r]=this[e].childNodes[o]}}}r[t]=a}createView(e){const t=this.fragment.cloneNode(!0),o=Object.create(this.proto);o.r=t,o.h=null!=e?e:le;for(const e of this.nodeIds)o[e];return new re(t,this.factories,o)}}function de(e,t,o,r,a,n=!1){const i=o.attributes,s=e.directives;for(let l=0,c=i.length;l<c;++l){const d=i[l],u=d.value,h=U.parse(u,s);let p=null;null===h?n&&(p=new te(T(()=>u,e.policy)),Z.assignAspect(p,d.name)):p=pe.aggregate(h,e.policy),null!==p&&(o.removeAttributeNode(d),l--,c--,e.addFactory(p,t,r,a,o.tagName))}}function ue(e,t,o){let r=0,a=t.firstChild;for(;a;){const t=he(e,o,a,r);a=t.node,r=t.index}}function he(e,t,o,a){const n=ae(t,a);switch(o.nodeType){case 1:de(e,t,o,n,a),ue(e,o,n);break;case 3:return function(e,t,o,a,n){const i=U.parse(t.textContent,e.directives);if(null===i)return ie.node=t.nextSibling,ie.index=n+1,ie;let s,l=s=t;for(let t=0,c=i.length;t<c;++t){const c=i[t];0!==t&&(n++,a=ae(o,n),s=l.parentNode.insertBefore(document.createTextNode(""),l.nextSibling)),r(c)?s.textContent=c:(s.textContent=" ",Z.assignAspect(c),e.addFactory(c,o,a,n,null)),l=s}return ie.index=n+1,ie.node=l.nextSibling,ie}(e,o,t,n,a);case 8:const i=U.parse(o.data,e.directives);null!==i&&e.addFactory(pe.aggregate(i),t,n,a,null)}return ie.index=a+1,ie.node=o.nextSibling,ie}const pe={compile(e,t,o=m.policy){let a;if(r(e)){a=document.createElement("TEMPLATE"),a.innerHTML=o.createHTML(e);const t=a.content.firstElementChild;null!==t&&"TEMPLATE"===t.tagName&&(a=t)}else a=e;a.content.firstChild||a.content.lastChild||a.content.appendChild(document.createComment(""));const n=document.adoptNode(a.content),i=new ce(n,t,o);var s,l;return de(i,"",a,"h",0,!0),s=n.firstChild,l=t,(s&&8==s.nodeType&&null!==U.parse(s.data,l)||1===n.childNodes.length&&Object.keys(t).length>0)&&n.insertBefore(document.createComment(""),n.firstChild),ue(i,n,"r"),ie.node=null,i.freeze()},setDefaultStrategy(e){this.compile=e},aggregate(e,t=m.policy){if(1===e.length)return e[0];let o,a,n=!1,i=void 0;const s=e.length,l=e.map(e=>r(e)?()=>e:(o=e.sourceAspect||o,a=e.dataBinding||a,n=n||e.dataBinding.isVolatile,i=i||e.dataBinding.policy,e.dataBinding.evaluate));a.evaluate=(e,t)=>{let o="";for(let r=0;r<s;++r)o+=l[r](e,t);return o},a.isVolatile=n,a.policy=null!=i?i:t;const c=new te(a);return Z.assignAspect(c,o),c}},ge=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,ve=Object.create(null);class be{constructor(e,t=ve){this.html=e,this.factories=t}createHTML(e){const t=this.factories;for(const o in t)e(t[o]);return this.html}}function me(e,t,o,r=Z.getForInstance(e)){if(r.aspected){const o=ge.exec(t);null!==o&&Z.assignAspect(e,o[2])}return e.createHTML(o)}be.empty=new be(""),Z.define(be);class fe{constructor(e,t={},o){this.policy=o,this.result=null,this.html=e,this.factories=t}create(e){return null===this.result&&(this.result=pe.compile(this.html,this.factories,this.policy)),this.result.createView(e)}inline(){return new be(r(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(e){if(this.result)throw s.error(1208);if(this.policy)throw s.error(1207);return this.policy=e,this}render(e,t,o){const r=this.create(o);return r.bind(e),r.appendTo(t),r}static create(e,t,r){let a="";const n=Object.create(null),i=e=>{var t;const o=null!==(t=e.id)&&void 0!==t?t:e.id=Y();return n[o]=e,o};for(let r=0,n=e.length-1;r<n;++r){const n=e[r];let s,l=t[r];if(a+=n,o(l))l=new te(F(l));else if(l instanceof S)l=new te(l);else if(!(s=Z.getForInstance(l))){const e=l;l=new te(T(()=>e))}a+=me(l,n,i,s)}return new fe(a+e[e.length-1],n,r)}}u(fe);const ke=(e,...t)=>{if(Array.isArray(e)&&Array.isArray(e.raw))return fe.create(e,t);throw s.error(1206)};ke.partial=e=>new be(e);class ye extends J{bind(e){e.source[this.options]=e.targets[this.targetNodeId]}}Z.define(ye);const xe=e=>new ye(e),$e=()=>null;function Be(e){return void 0===e?$e:o(e)?e:()=>e}function we(e,t,r){const a=o(e)?e:()=>e,n=Be(t),i=Be(r);return(e,t)=>a(e,t)?n(e,t):i(e,t)}const Pe=e=>1===e.nodeType,Se=e=>e?t=>1===t.nodeType&&t.matches(e):Pe;class Ce extends J{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,l),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}}class Fe extends Ce{observe(e){e.addEventListener("slotchange",this)}disconnect(e){e.removeEventListener("slotchange",this)}getNodes(e){return e.assignedNodes(this.options)}handleEvent(e){const t=e.currentTarget;this.updateTarget(this.getSource(t),this.computeNodes(t))}}function Ne(e){return r(e)&&(e={property:e}),new Fe(e)}Z.define(Fe);const Te=Object.freeze({locate:d()}),Ie={toView:e=>e?"true":"false",fromView:e=>null!=e&&"false"!==e&&!1!==e&&0!==e};function Ae(e){if(null==e)return null;const t=1*e;return isNaN(t)?null:t}const Le={toView(e){const t=Ae(e);return t?t.toString():t},fromView:Ae};class ze{constructor(e,t,o=t.toLowerCase(),r="reflect",a){this.guards=new Set,this.Owner=e,this.name=t,this.attribute=o,this.mode=r,this.converter=a,this.fieldName="_"+t,this.callbackName=t+"Changed",this.hasCallback=this.callbackName in e.prototype,"boolean"===r&&void 0===a&&(this.converter=Ie)}setValue(e,t){const o=e[this.fieldName],r=this.converter;void 0!==r&&(t=r.fromView(t)),o!==t&&(e[this.fieldName]=t,this.tryReflectToAttribute(e),this.hasCallback&&e[this.callbackName](o,t),e.$fastController.notify(this.name))}getValue(e){return $.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,o=this.guards;o.has(e)||"fromView"===t||f.enqueue(()=>{o.add(e);const r=e[this.fieldName];switch(t){case"reflect":const t=this.converter;m.setAttribute(e,this.attribute,void 0!==t?t.toView(r):r);break;case"boolean":m.setBooleanAttribute(e,this.attribute,r)}o.delete(e)})}static collect(e,...t){const o=[];t.push(Te.locate(e));for(let a=0,n=t.length;a<n;++a){const n=t[a];if(void 0!==n)for(let t=0,a=n.length;t<a;++t){const a=n[t];r(a)?o.push(new ze(e,a)):o.push(new ze(e,a.property,a.attribute,a.mode,a.converter))}}return o}}function Oe(e,t){let o;function r(e,t){arguments.length>1&&(o.property=t),Te.locate(e.constructor).push(o)}return arguments.length>1?(o={},void r(e,t)):(o=void 0===e?{}:e,r)}const He={mode:"open"},De={},Ee=new Set,Me=s.getById(t.elementRegistry,()=>c());class Re{constructor(e,t=e.definition){var o;this.platformDefined=!1,r(t)&&(t={name:t}),this.type=e,this.name=t.name,this.template=t.template,this.registry=null!==(o=t.registry)&&void 0!==o?o:customElements;const a=e.prototype,n=ze.collect(e,t.attributes),i=new Array(n.length),s={},l={};for(let e=0,t=n.length;e<t;++e){const t=n[e];i[e]=t.attribute,s[t.name]=t,l[t.attribute]=t,$.defineProperty(a,t)}Reflect.defineProperty(e,"observedAttributes",{value:i,enumerable:!0}),this.attributes=n,this.propertyLookup=s,this.attributeLookup=l,this.shadowOptions=void 0===t.shadowOptions?He:null===t.shadowOptions?void 0:Object.assign(Object.assign({},He),t.shadowOptions),this.elementOptions=void 0===t.elementOptions?De:Object.assign(Object.assign({},De),t.elementOptions),this.styles=A.normalize(t.styles),Me.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 Ee.has(e)||Me.getByType(e)?new Re(class extends e{},t):new Re(e,t)}static registerBaseType(e){Ee.add(e)}}Re.getByType=Me.getByType,Re.getForInstance=Me.getForInstance;const je={bubbles:!0,composed:!0,cancelable:!0},Ve=new WeakMap;function _e(e){var t,o;return null!==(o=null!==(t=e.shadowRoot)&&void 0!==t?t:Ve.get(e))&&void 0!==o?o:null}let Ge;class Xe extends y{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 o=t.shadowOptions;if(void 0!==o){let t=e.shadowRoot;t?this.hasExistingShadowRoot=!0:(t=e.attachShadow(o),"closed"===o.mode&&Ve.set(e,t))}const r=$.getAccessors(e);if(r.length>0){const t=this.boundObservables=Object.create(null);for(let o=0,a=r.length;o<a;++o){const a=r[o].name,n=e[a];void 0!==n&&(delete e[a],t[a]=n)}}}get isConnected(){return $.track(this,"isConnected"),1===this.stage}get context(){var e,t;return null!==(t=null===(e=this.view)||void 0===e?void 0:e.context)&&void 0!==t?t:P.default}get isBound(){var e,t;return null!==(t=null===(e=this.view)||void 0===e?void 0:e.isBound)&&void 0!==t&&t}get sourceLifetime(){var e;return null===(e=this.view)||void 0===e?void 0:e.sourceLifetime}get template(){var e;if(null===this._template){const t=this.definition;this.source.resolveTemplate?this._template=this.source.resolveTemplate():t.template&&(this._template=null!==(e=t.template)&&void 0!==e?e:null)}return this._template}set template(e){this._template!==e&&(this._template=e,this.needsInitialization||this.renderTemplate(e))}get mainStyles(){var e;if(null===this._mainStyles){const t=this.definition;this.source.resolveStyles?this._mainStyles=this.source.resolveStyles():t.styles&&(this._mainStyles=null!==(e=t.styles)&&void 0!==e?e:null)}return this._mainStyles}set mainStyles(e){this._mainStyles!==e&&(null!==this._mainStyles&&this.removeStyles(this._mainStyles),this._mainStyles=e,this.needsInitialization||this.addStyles(e))}onUnbind(e){var t;null===(t=this.view)||void 0===t||t.onUnbind(e)}addBehavior(e){var t,o;const r=null!==(t=this.behaviors)&&void 0!==t?t:this.behaviors=new Map,a=null!==(o=r.get(e))&&void 0!==o?o:0;0===a?(r.set(e,1),e.addedCallback&&e.addedCallback(this),!e.connectedCallback||this.guardBehaviorConnection||1!==this.stage&&0!==this.stage||e.connectedCallback(this)):r.set(e,a+1)}removeBehavior(e,t=!1){const o=this.behaviors;if(null===o)return;const r=o.get(e);void 0!==r&&(1===r||t?(o.delete(e),e.disconnectedCallback&&3!==this.stage&&e.disconnectedCallback(this),e.removedCallback&&e.removedCallback(this)):o.set(e,r-1))}addStyles(e){var t;if(!e)return;const o=this.source;if(e instanceof HTMLElement){(null!==(t=_e(o))&&void 0!==t?t:this.source).append(e)}else if(!e.isAttachedTo(o)){const t=e.behaviors;if(e.addStylesTo(o),null!==t)for(let e=0,o=t.length;e<o;++e)this.addBehavior(t[e])}}removeStyles(e){var t;if(!e)return;const o=this.source;if(e instanceof HTMLElement){(null!==(t=_e(o))&&void 0!==t?t:o).removeChild(e)}else if(e.isAttachedTo(o)){const t=e.behaviors;if(e.removeStylesFrom(o),null!==t)for(let e=0,o=t.length;e<o;++e)this.removeBehavior(t[e])}}connect(){if(3!==this.stage)return;if(this.stage=0,null!==this.boundObservables){const e=this.source,t=this.boundObservables,o=Object.keys(t);for(let r=0,a=o.length;r<a;++r){const a=o[r];e[a]=t[a]}this.boundObservables=null}const e=this.behaviors;if(null!==e){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):null!==this.view&&this.view.bind(this.source),this.stage=1,$.notify(this,"isConnected")}disconnect(){if(1!==this.stage)return;this.stage=2,$.notify(this,"isConnected"),null!==this.view&&this.view.unbind();const e=this.behaviors;if(null!==e)for(const t of e.keys())t.disconnectedCallback&&t.disconnectedCallback(this);this.stage=3}onAttributeChangedCallback(e,t,o){const r=this.definition.attributeLookup[e];void 0!==r&&r.onAttributeChangedCallback(this.source,o)}emit(e,t,o){return 1===this.stage&&this.source.dispatchEvent(new CustomEvent(e,Object.assign(Object.assign({detail:t},je),o)))}renderTemplate(e){var t;const o=this.source,r=null!==(t=_e(o))&&void 0!==t?t:o;if(null!==this.view)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let e=r.firstChild;null!==e;e=r.firstChild)r.removeChild(e)}e&&(this.view=e.render(o,r,o),this.view.sourceLifetime=x.coupled)}static forCustomElement(e){const t=e.$fastController;if(void 0!==t)return t;const o=Re.getForInstance(e);if(void 0===o)throw s.error(1401);return e.$fastController=new Ge(e,o)}static setStrategy(e){Ge=e}}function qe(e){var t;return"adoptedStyleSheets"in e?e:null!==(t=_e(e))&&void 0!==t?t:e.getRootNode()}u(Xe),Xe.setStrategy(Xe);class We{constructor(e){const t=We.styleSheetCache;this.sheets=e.map(e=>{if(e instanceof CSSStyleSheet)return e;let o=t.get(e);return void 0===o&&(o=new CSSStyleSheet,o.replaceSync(e),t.set(e,o)),o})}addStylesTo(e){Qe(qe(e),this.sheets)}removeStylesFrom(e){Ze(qe(e),this.sheets)}}We.styleSheetCache=new Map;let Ye=0;function Ke(e){return e===document?document.body:e}class Ue{constructor(e){this.styles=e,this.styleClass="fast-"+ ++Ye}addStylesTo(e){e=Ke(qe(e));const t=this.styles,o=this.styleClass;for(let r=0;r<t.length;r++){const a=document.createElement("style");a.innerHTML=t[r],a.className=o,e.append(a)}}removeStylesFrom(e){const t=(e=Ke(qe(e))).querySelectorAll("."+this.styleClass);for(let o=0,r=t.length;o<r;++o)e.removeChild(t[o])}}let Qe=(e,t)=>{e.adoptedStyleSheets=[...e.adoptedStyleSheets,...t]},Ze=(e,t)=>{e.adoptedStyleSheets=e.adoptedStyleSheets.filter(e=>-1===t.indexOf(e))};if(A.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),Qe=(e,t)=>{e.adoptedStyleSheets.push(...t)},Ze=(e,t)=>{for(const o of t){const t=e.adoptedStyleSheets.indexOf(o);-1!==t&&e.adoptedStyleSheets.splice(t,1)}}}catch(Yu){}A.setDefaultStrategy(We)}else A.setDefaultStrategy(Ue);function Je(e){const t=class extends e{constructor(){super(),Xe.forCustomElement(this)}$emit(e,t,o){return this.$fastController.emit(e,t,o)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(e,t,o){this.$fastController.onAttributeChangedCallback(e,t,o)}};return Re.registerBaseType(t),t}const et=Object.assign(Je(HTMLElement),{from:function(e){return Je(e)},define:function(e,t){return o(e)?Re.compose(e,t).define().type:Re.compose(this,e).define().type},compose:function(e,t){return o(e)?Re.compose(e,t):Re.compose(this,e)}}),tt={horizontal:"horizontal",vertical:"vertical"};function ot(...e){return e.every(e=>e instanceof HTMLElement)}const rt={ArrowDown:"ArrowDown",ArrowLeft:"ArrowLeft",ArrowRight:"ArrowRight",ArrowUp:"ArrowUp"};var at;function nt(e,t,o){return Math.min(Math.max(o,e),t)}!function(e){e.ltr="ltr",e.rtl="rtl"}(at||(at={}));let it=0;function st(e=""){return`${e}${it++}`}var lt=Object.defineProperty,ct=Object.getOwnPropertyDescriptor,dt=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?ct(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&<(t,o,n),n};class ut{}dt([Oe({attribute:"aria-atomic"})],ut.prototype,"ariaAtomic",2),dt([Oe({attribute:"aria-busy"})],ut.prototype,"ariaBusy",2),dt([Oe({attribute:"aria-controls"})],ut.prototype,"ariaControls",2),dt([Oe({attribute:"aria-current"})],ut.prototype,"ariaCurrent",2),dt([Oe({attribute:"aria-describedby"})],ut.prototype,"ariaDescribedby",2),dt([Oe({attribute:"aria-details"})],ut.prototype,"ariaDetails",2),dt([Oe({attribute:"aria-disabled"})],ut.prototype,"ariaDisabled",2),dt([Oe({attribute:"aria-errormessage"})],ut.prototype,"ariaErrormessage",2),dt([Oe({attribute:"aria-flowto"})],ut.prototype,"ariaFlowto",2),dt([Oe({attribute:"aria-haspopup"})],ut.prototype,"ariaHaspopup",2),dt([Oe({attribute:"aria-hidden"})],ut.prototype,"ariaHidden",2),dt([Oe({attribute:"aria-invalid"})],ut.prototype,"ariaInvalid",2),dt([Oe({attribute:"aria-keyshortcuts"})],ut.prototype,"ariaKeyshortcuts",2),dt([Oe({attribute:"aria-label"})],ut.prototype,"ariaLabel",2),dt([Oe({attribute:"aria-labelledby"})],ut.prototype,"ariaLabelledby",2),dt([Oe({attribute:"aria-live"})],ut.prototype,"ariaLive",2),dt([Oe({attribute:"aria-owns"})],ut.prototype,"ariaOwns",2),dt([Oe({attribute:"aria-relevant"})],ut.prototype,"ariaRelevant",2),dt([Oe({attribute:"aria-roledescription"})],ut.prototype,"ariaRoledescription",2);const ht=e=>{var t;return"rtl"===(null==(t=e.closest("[dir]"))?void 0:t.dir)?at.rtl:at.ltr};function pt(e){return e?"string"==typeof e?new be(e):"inline"in e?e.inline():e:be.empty}const gt=e=>{var t;return e.nodeType!==Node.TEXT_NODE||!!(null==(t=e.nodeValue)?void 0:t.trim().length)},vt=":host([hidden]){display:none}";function bt(e){return`${vt}:host{display:${e}}`}class mt{constructor(e){this.listenerCache=new WeakMap,this.query=e}connectedCallback(e){const{query:t}=this;let o=this.listenerCache.get(e);o||(o=this.constructListener(e),this.listenerCache.set(e,o)),o.bind(t)(),t.addEventListener("change",o)}disconnectedCallback(e){const t=this.listenerCache.get(e);t&&this.query.removeEventListener("change",t)}}class ft extends mt{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new ft(e,t)}constructListener(e){let t=!1;const o=this.styles;return function(){const{matches:r}=this;r&&!t?(e.addStyles(o),t=r):!r&&t&&(e.removeStyles(o),t=r)}}removedCallback(e){e.removeStyles(this.styles)}}const kt=ft.with(window.matchMedia("(forced-colors)")),yt=ft.with(window.matchMedia("(prefers-color-scheme: dark)")),xt=ft.with(window.matchMedia("(prefers-color-scheme: light)"));class $t{}function Bt(e){return ke`<slot name="end" ${xe("end")}>${pt(e.end)}</slot>`.inline()}function wt(e){return ke`<slot name="start" ${xe("start")}>${pt(e.start)}</slot>`.inline()}function Pt(e,...t){const o=Te.locate(e);t.forEach(t=>{Object.getOwnPropertyNames(t.prototype).forEach(o=>{"constructor"!==o&&Object.defineProperty(e.prototype,o,Object.getOwnPropertyDescriptor(t.prototype,o))});Te.locate(t).forEach(e=>o.push(e))})}var St=Object.defineProperty,Ct=Object.getOwnPropertyDescriptor,Ft=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?Ct(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&St(t,o,n),n};class Nt extends et{constructor(){super(...arguments),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=st("accordion-"),this.block=!1,this.clickHandler=e=>{this.disabled||this.$emit("click",e)}}}Ft([Oe({attribute:"heading-level",mode:"fromView",converter:Le})],Nt.prototype,"headinglevel",2),Ft([Oe({mode:"boolean"})],Nt.prototype,"expanded",2),Ft([Oe({mode:"boolean"})],Nt.prototype,"disabled",2),Ft([Oe],Nt.prototype,"id",2),Ft([Oe],Nt.prototype,"size",2),Ft([Oe({mode:"boolean"})],Nt.prototype,"block",2),Ft([Oe({attribute:"expand-icon-position"})],Nt.prototype,"expandIconPosition",2),Pt(Nt,$t);const Tt="single",It="multi";var At=Object.defineProperty,Lt=Object.getOwnPropertyDescriptor,zt=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?Lt(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&At(t,o,n),n};class Ot extends et{constructor(){super(...arguments),this.expandmode=It,this.activeItemIndex=0,this.change=()=>{this.$emit("change",this.activeid)},this.setItems=()=>{if(0===this.slottedAccordionItems.length)return;const e=Array.from(this.children);if(this.removeItemListeners(e),e.forEach(e=>$.getNotifier(e).subscribe(this,"disabled")),this.accordionItems=e.filter(e=>!e.hasAttribute("disabled")),this.accordionIds=this.getItemIds(),this.accordionItems.forEach((e,t)=>{e instanceof Nt&&(e.addEventListener("click",this.activeItemChange),e.addEventListener("keydown",this.handleItemKeyDown),e.addEventListener("focus",this.handleItemFocus),$.getNotifier(e).subscribe(this,"expanded"));const o=this.accordionIds[t];e.setAttribute("id","string"!=typeof o?"accordion-"+(t+1):o),this.activeid=this.accordionIds[this.activeItemIndex]}),this.isSingleExpandMode()){const e=this.findExpandedItem();this.setSingleExpandMode(e)}},this.removeItemListeners=e=>{e.forEach((e,t)=>{$.getNotifier(e).unsubscribe(this,"disabled"),$.getNotifier(e).unsubscribe(this,"expanded"),e.removeEventListener("click",this.activeItemChange),e.removeEventListener("keydown",this.handleItemKeyDown),e.removeEventListener("focus",this.handleItemFocus)})},this.activeItemChange=e=>{e.defaultPrevented||e.target!==e.currentTarget||(e.preventDefault(),this.handleExpandedChange(e.target))},this.handleExpandedChange=e=>{e instanceof Nt&&(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"ArrowUp":e.preventDefault(),this.adjust(-1);break;case"ArrowDown":e.preventDefault(),this.adjust(1);break;case"Home":this.activeItemIndex=0,this.focusItem();break;case"End":this.activeItemIndex=this.accordionItems.length-1,this.focusItem()}},this.handleItemFocus=e=>{if(e.target===e.currentTarget){const t=e.target,o=this.activeItemIndex=Array.from(this.accordionItems).indexOf(t);this.activeItemIndex!==o&&-1!==o&&(this.activeItemIndex=o,this.activeid=this.accordionIds[this.activeItemIndex])}}}expandmodeChanged(e,t){if(!this.$fastController.isConnected)return;const o=this.findExpandedItem();o&&(t!==Tt?null==o||o.expandbutton.removeAttribute("aria-disabled"):this.setSingleExpandMode(o))}slottedAccordionItemsChanged(e,t){this.$fastController.isConnected&&this.setItems()}handleChange(e,t){"disabled"===t?this.setItems():"expanded"===t&&e.expanded&&this.isSingleExpandMode()&&this.setSingleExpandMode(e)}findExpandedItem(){var e;return 0===this.accordionItems.length?null:null!=(e=this.accordionItems.find(e=>e instanceof Nt&&e.expanded))?e:this.accordionItems[0]}setSingleExpandMode(e){if(0===this.accordionItems.length)return;const t=Array.from(this.accordionItems);this.activeItemIndex=t.indexOf(e),t.forEach((e,t)=>{e instanceof Nt&&(this.activeItemIndex===t?(e.expanded=!0,e.expandbutton.setAttribute("aria-disabled","true")):(e.expanded=!1,e.hasAttribute("disabled")||e.expandbutton.removeAttribute("aria-disabled")))})}getItemIds(){return this.slottedAccordionItems.map(e=>e.id)}isSingleExpandMode(){return this.expandmode===Tt}adjust(e){var t,o,r;this.activeItemIndex=(t=0,o=this.accordionItems.length-1,(r=this.activeItemIndex+e)<t?o:r>o?t:r),this.focusItem()}focusItem(){const e=this.accordionItems[this.activeItemIndex];e instanceof Nt&&e.expandbutton.focus()}}zt([Oe({attribute:"expand-mode"})],Ot.prototype,"expandmode",2),zt([B],Ot.prototype,"slottedAccordionItems",2);const Ht=ke`<template><slot ${Ne({property:"slottedAccordionItems",filter:Se()})}></slot></template>`,Dt=j`
|
|
2
|
+
${bt("flex")}
|
|
3
3
|
|
|
4
|
-
:host{flex-direction:column;width:100%;contain:content}`,zt=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements}),Ot=Ft.compose({name:zt.prefix+"-accordion",template:Nt,styles:Lt}),Ht={small:"small",medium:"medium",large:"large",extraLarge:"extra-large"},Dt={start:"start",end:"end"},Et="var(--colorNeutralForeground1)",Mt="var(--colorNeutralForeground1Hover)",Rt="var(--colorNeutralForeground1Pressed)",jt="var(--colorNeutralForeground1Selected)",Vt="var(--colorNeutralForeground2)",_t="var(--colorNeutralForeground2Hover)",Gt="var(--colorNeutralForeground2Pressed)",Xt="var(--colorNeutralForeground2Selected)",qt="var(--colorNeutralForeground2BrandHover)",Wt="var(--colorNeutralForeground2BrandPressed)",Yt="var(--colorNeutralForeground2BrandSelected)",Kt="var(--colorNeutralForeground3)",Ut="var(--colorNeutralForeground3Hover)",Qt="var(--colorNeutralForeground3Pressed)",Zt="var(--colorNeutralForeground3Selected)",Jt="var(--colorNeutralForeground3BrandHover)",eo="var(--colorNeutralForeground3BrandPressed)",to="var(--colorNeutralForeground3BrandSelected)",oo="var(--colorNeutralForeground4)",ro="var(--colorNeutralForegroundDisabled)",ao="var(--colorBrandForegroundLink)",no="var(--colorBrandForegroundLinkHover)",io="var(--colorBrandForegroundLinkPressed)",so="var(--colorBrandForegroundLinkSelected)",lo="var(--colorNeutralForeground2Link)",co="var(--colorNeutralForeground2LinkHover)",uo="var(--colorNeutralForeground2LinkPressed)",ho="var(--colorNeutralForeground2LinkSelected)",po="var(--colorCompoundBrandForeground1)",go="var(--colorCompoundBrandForeground1Hover)",vo="var(--colorCompoundBrandForeground1Pressed)",bo="var(--colorNeutralForegroundOnBrand)",mo="var(--colorNeutralForegroundInverted)",fo="var(--colorNeutralForegroundInvertedHover)",ko="var(--colorNeutralForegroundInvertedPressed)",yo="var(--colorNeutralForegroundInvertedSelected)",xo="var(--colorNeutralForegroundInverted2)",$o="var(--colorNeutralForegroundStaticInverted)",Bo="var(--colorNeutralForegroundInvertedLink)",wo="var(--colorNeutralForegroundInvertedLinkHover)",Po="var(--colorNeutralForegroundInvertedLinkPressed)",So="var(--colorNeutralForegroundInvertedLinkSelected)",Co="var(--colorNeutralForegroundInvertedDisabled)",Fo="var(--colorBrandForeground1)",No="var(--colorBrandForeground2)",To="var(--colorNeutralForeground1Static)",Io="var(--colorBrandForegroundInverted)",Ao="var(--colorBrandForegroundInvertedHover)",Lo="var(--colorBrandForegroundInvertedPressed)",zo="var(--colorBrandForegroundOnLight)",Oo="var(--colorBrandForegroundOnLightHover)",Ho="var(--colorBrandForegroundOnLightPressed)",Do="var(--colorBrandForegroundOnLightSelected)",Eo="var(--colorNeutralBackground1)",Mo="var(--colorNeutralBackground1Hover)",Ro="var(--colorNeutralBackground1Pressed)",jo="var(--colorNeutralBackground1Selected)",Vo="var(--colorNeutralBackground2)",_o="var(--colorNeutralBackground2Hover)",Go="var(--colorNeutralBackground2Pressed)",Xo="var(--colorNeutralBackground2Selected)",qo="var(--colorNeutralBackground3)",Wo="var(--colorNeutralBackground3Hover)",Yo="var(--colorNeutralBackground3Pressed)",Ko="var(--colorNeutralBackground3Selected)",Uo="var(--colorNeutralBackground4)",Qo="var(--colorNeutralBackground4Hover)",Zo="var(--colorNeutralBackground4Pressed)",Jo="var(--colorNeutralBackground4Selected)",er="var(--colorNeutralBackground5)",tr="var(--colorNeutralBackground5Hover)",or="var(--colorNeutralBackground5Pressed)",rr="var(--colorNeutralBackground5Selected)",ar="var(--colorNeutralBackground6)",nr="var(--colorNeutralBackgroundStatic)",ir="var(--colorNeutralBackgroundInverted)",sr="var(--colorSubtleBackground)",lr="var(--colorSubtleBackgroundHover)",cr="var(--colorSubtleBackgroundPressed)",dr="var(--colorSubtleBackgroundSelected)",ur="var(--colorSubtleBackgroundLightAlphaHover)",hr="var(--colorSubtleBackgroundLightAlphaPressed)",pr="var(--colorSubtleBackgroundLightAlphaSelected)",gr="var(--colorSubtleBackgroundInverted)",vr="var(--colorSubtleBackgroundInvertedHover)",br="var(--colorSubtleBackgroundInvertedPressed)",mr="var(--colorSubtleBackgroundInvertedSelected)",fr="var(--colorTransparentBackground)",kr="var(--colorTransparentBackgroundHover)",yr="var(--colorTransparentBackgroundPressed)",xr="var(--colorTransparentBackgroundSelected)",$r="var(--colorNeutralBackgroundDisabled)",Br="var(--colorNeutralBackgroundInvertedDisabled)",wr="var(--colorNeutralStencil1)",Pr="var(--colorNeutralStencil2)",Sr="var(--colorNeutralStencil1Alpha)",Cr="var(--colorNeutralStencil2Alpha)",Fr="var(--colorBackgroundOverlay)",Nr="var(--colorScrollbarOverlay)",Tr="var(--colorBrandBackground)",Ir="var(--colorBrandBackgroundHover)",Ar="var(--colorBrandBackgroundPressed)",Lr="var(--colorBrandBackgroundSelected)",zr="var(--colorCompoundBrandBackground)",Or="var(--colorCompoundBrandBackgroundHover)",Hr="var(--colorCompoundBrandBackgroundPressed)",Dr="var(--colorBrandBackgroundStatic)",Er="var(--colorBrandBackground2)",Mr="var(--colorBrandBackgroundInverted)",Rr="var(--colorBrandBackgroundInvertedHover)",jr="var(--colorBrandBackgroundInvertedPressed)",Vr="var(--colorBrandBackgroundInvertedSelected)",_r="var(--colorNeutralStrokeAccessible)",Gr="var(--colorNeutralStrokeAccessibleHover)",Xr="var(--colorNeutralStrokeAccessiblePressed)",qr="var(--colorNeutralStrokeAccessibleSelected)",Wr="var(--colorNeutralStroke1)",Yr="var(--colorNeutralStroke1Hover)",Kr="var(--colorNeutralStroke1Pressed)",Ur="var(--colorNeutralStroke1Selected)",Qr="var(--colorNeutralStroke2)",Zr="var(--colorNeutralStroke3)",Jr="var(--colorNeutralStrokeOnBrand)",ea="var(--colorNeutralStrokeOnBrand2)",ta="var(--colorNeutralStrokeOnBrand2Hover)",oa="var(--colorNeutralStrokeOnBrand2Pressed)",ra="var(--colorNeutralStrokeOnBrand2Selected)",aa="var(--colorBrandStroke1)",na="var(--colorBrandStroke2)",ia="var(--colorCompoundBrandStroke)",sa="var(--colorCompoundBrandStrokeHover)",la="var(--colorCompoundBrandStrokePressed)",ca="var(--colorNeutralStrokeDisabled)",da="var(--colorNeutralStrokeInvertedDisabled)",ua="var(--colorTransparentStroke)",ha="var(--colorTransparentStrokeInteractive)",pa="var(--colorTransparentStrokeDisabled)",ga="var(--colorStrokeFocus1)",va="var(--colorStrokeFocus2)",ba="var(--colorNeutralShadowAmbient)",ma="var(--colorNeutralShadowKey)",fa="var(--colorNeutralShadowAmbientLighter)",ka="var(--colorNeutralShadowKeyLighter)",ya="var(--colorNeutralShadowAmbientDarker)",xa="var(--colorNeutralShadowKeyDarker)",$a="var(--colorBrandShadowAmbient)",Ba="var(--colorBrandShadowKey)",wa="var(--colorPaletteRedBackground1)",Pa="var(--colorPaletteRedBackground2)",Sa="var(--colorPaletteRedBackground3)",Ca="var(--colorPaletteRedBorderActive)",Fa="var(--colorPaletteRedBorder1)",Na="var(--colorPaletteRedBorder2)",Ta="var(--colorPaletteRedForeground1)",Ia="var(--colorPaletteRedForeground2)",Aa="var(--colorPaletteRedForeground3)",La="var(--colorPaletteRedForegroundInverted)",za="var(--colorPaletteGreenBackground1)",Oa="var(--colorPaletteGreenBackground2)",Ha="var(--colorPaletteGreenBackground3)",Da="var(--colorPaletteGreenBorderActive)",Ea="var(--colorPaletteGreenBorder1)",Ma="var(--colorPaletteGreenBorder2)",Ra="var(--colorPaletteGreenForeground1)",ja="var(--colorPaletteGreenForeground2)",Va="var(--colorPaletteGreenForeground3)",_a="var(--colorPaletteGreenForegroundInverted)",Ga="var(--colorPaletteDarkOrangeBackground1)",Xa="var(--colorPaletteDarkOrangeBackground2)",qa="var(--colorPaletteDarkOrangeBackground3)",Wa="var(--colorPaletteDarkOrangeBorderActive)",Ya="var(--colorPaletteDarkOrangeBorder1)",Ka="var(--colorPaletteDarkOrangeBorder2)",Ua="var(--colorPaletteDarkOrangeForeground1)",Qa="var(--colorPaletteDarkOrangeForeground2)",Za="var(--colorPaletteDarkOrangeForeground3)",Ja="var(--colorPaletteYellowBackground1)",en="var(--colorPaletteYellowBackground2)",tn="var(--colorPaletteYellowBackground3)",on="var(--colorPaletteYellowBorderActive)",rn="var(--colorPaletteYellowBorder1)",an="var(--colorPaletteYellowBorder2)",nn="var(--colorPaletteYellowForeground1)",sn="var(--colorPaletteYellowForeground2)",ln="var(--colorPaletteYellowForeground3)",cn="var(--colorPaletteYellowForegroundInverted)",dn="var(--colorPaletteBerryBackground1)",un="var(--colorPaletteBerryBackground2)",hn="var(--colorPaletteBerryBackground3)",pn="var(--colorPaletteBerryBorderActive)",gn="var(--colorPaletteBerryBorder1)",vn="var(--colorPaletteBerryBorder2)",bn="var(--colorPaletteBerryForeground1)",mn="var(--colorPaletteBerryForeground2)",fn="var(--colorPaletteBerryForeground3)",kn="var(--colorPaletteMarigoldBackground1)",yn="var(--colorPaletteMarigoldBackground2)",xn="var(--colorPaletteMarigoldBackground3)",$n="var(--colorPaletteMarigoldBorderActive)",Bn="var(--colorPaletteMarigoldBorder1)",wn="var(--colorPaletteMarigoldBorder2)",Pn="var(--colorPaletteMarigoldForeground1)",Sn="var(--colorPaletteMarigoldForeground2)",Cn="var(--colorPaletteMarigoldForeground3)",Fn="var(--colorPaletteLightGreenBackground1)",Nn="var(--colorPaletteLightGreenBackground2)",Tn="var(--colorPaletteLightGreenBackground3)",In="var(--colorPaletteLightGreenBorderActive)",An="var(--colorPaletteLightGreenBorder1)",Ln="var(--colorPaletteLightGreenBorder2)",zn="var(--colorPaletteLightGreenForeground1)",On="var(--colorPaletteLightGreenForeground2)",Hn="var(--colorPaletteLightGreenForeground3)",Dn="var(--colorPaletteAnchorBackground2)",En="var(--colorPaletteAnchorBorderActive)",Mn="var(--colorPaletteAnchorForeground2)",Rn="var(--colorPaletteBeigeBackground2)",jn="var(--colorPaletteBeigeBorderActive)",Vn="var(--colorPaletteBeigeForeground2)",_n="var(--colorPaletteBlueBackground2)",Gn="var(--colorPaletteBlueBorderActive)",Xn="var(--colorPaletteBlueForeground2)",qn="var(--colorPaletteBrassBackground2)",Wn="var(--colorPaletteBrassBorderActive)",Yn="var(--colorPaletteBrassForeground2)",Kn="var(--colorPaletteBrownBackground2)",Un="var(--colorPaletteBrownBorderActive)",Qn="var(--colorPaletteBrownForeground2)",Zn="var(--colorPaletteCornflowerBackground2)",Jn="var(--colorPaletteCornflowerBorderActive)",ei="var(--colorPaletteCornflowerForeground2)",ti="var(--colorPaletteCranberryBackground2)",oi="var(--colorPaletteCranberryBorderActive)",ri="var(--colorPaletteCranberryForeground2)",ai="var(--colorPaletteDarkGreenBackground2)",ni="var(--colorPaletteDarkGreenBorderActive)",ii="var(--colorPaletteDarkGreenForeground2)",si="var(--colorPaletteDarkRedBackground2)",li="var(--colorPaletteDarkRedBorderActive)",ci="var(--colorPaletteDarkRedForeground2)",di="var(--colorPaletteForestBackground2)",ui="var(--colorPaletteForestBorderActive)",hi="var(--colorPaletteForestForeground2)",pi="var(--colorPaletteGoldBackground2)",gi="var(--colorPaletteGoldBorderActive)",vi="var(--colorPaletteGoldForeground2)",bi="var(--colorPaletteGrapeBackground2)",mi="var(--colorPaletteGrapeBorderActive)",fi="var(--colorPaletteGrapeForeground2)",ki="var(--colorPaletteLavenderBackground2)",yi="var(--colorPaletteLavenderBorderActive)",xi="var(--colorPaletteLavenderForeground2)",$i="var(--colorPaletteLightTealBackground2)",Bi="var(--colorPaletteLightTealBorderActive)",wi="var(--colorPaletteLightTealForeground2)",Pi="var(--colorPaletteLilacBackground2)",Si="var(--colorPaletteLilacBorderActive)",Ci="var(--colorPaletteLilacForeground2)",Fi="var(--colorPaletteMagentaBackground2)",Ni="var(--colorPaletteMagentaBorderActive)",Ti="var(--colorPaletteMagentaForeground2)",Ii="var(--colorPaletteMinkBackground2)",Ai="var(--colorPaletteMinkBorderActive)",Li="var(--colorPaletteMinkForeground2)",zi="var(--colorPaletteNavyBackground2)",Oi="var(--colorPaletteNavyBorderActive)",Hi="var(--colorPaletteNavyForeground2)",Di="var(--colorPalettePeachBackground2)",Ei="var(--colorPalettePeachBorderActive)",Mi="var(--colorPalettePeachForeground2)",Ri="var(--colorPalettePinkBackground2)",ji="var(--colorPalettePinkBorderActive)",Vi="var(--colorPalettePinkForeground2)",_i="var(--colorPalettePlatinumBackground2)",Gi="var(--colorPalettePlatinumBorderActive)",Xi="var(--colorPalettePlatinumForeground2)",qi="var(--colorPalettePlumBackground2)",Wi="var(--colorPalettePlumBorderActive)",Yi="var(--colorPalettePlumForeground2)",Ki="var(--colorPalettePumpkinBackground2)",Ui="var(--colorPalettePumpkinBorderActive)",Qi="var(--colorPalettePumpkinForeground2)",Zi="var(--colorPalettePurpleBackground2)",Ji="var(--colorPalettePurpleBorderActive)",es="var(--colorPalettePurpleForeground2)",ts="var(--colorPaletteRoyalBlueBackground2)",os="var(--colorPaletteRoyalBlueBorderActive)",rs="var(--colorPaletteRoyalBlueForeground2)",as="var(--colorPaletteSeafoamBackground2)",ns="var(--colorPaletteSeafoamBorderActive)",is="var(--colorPaletteSeafoamForeground2)",ss="var(--colorPaletteSteelBackground2)",ls="var(--colorPaletteSteelBorderActive)",cs="var(--colorPaletteSteelForeground2)",ds="var(--colorPaletteTealBackground2)",us="var(--colorPaletteTealBorderActive)",hs="var(--colorPaletteTealForeground2)",ps="var(--borderRadiusNone)",gs="var(--borderRadiusSmall)",vs="var(--borderRadiusMedium)",bs="var(--borderRadiusLarge)",ms="var(--borderRadiusXLarge)",fs="var(--borderRadiusCircular)",ks="var(--fontFamilyBase)",ys="var(--fontFamilyMonospace)",xs="var(--fontFamilyNumeric)",$s="var(--fontSizeBase100)",Bs="var(--fontSizeBase200)",ws="var(--fontSizeBase300)",Ps="var(--fontSizeBase400)",Ss="var(--fontSizeBase500)",Cs="var(--fontSizeBase600)",Fs="var(--fontSizeHero700)",Ns="var(--fontSizeHero800)",Ts="var(--fontSizeHero900)",Is="var(--fontSizeHero1000)",As="var(--fontWeightRegular)",Ls="var(--fontWeightMedium)",zs="var(--fontWeightSemibold)",Os="var(--fontWeightBold)",Hs="var(--lineHeightBase100)",Ds="var(--lineHeightBase200)",Es="var(--lineHeightBase300)",Ms="var(--lineHeightBase400)",Rs="var(--lineHeightBase500)",js="var(--lineHeightBase600)",Vs="var(--lineHeightHero700)",_s="var(--lineHeightHero800)",Gs="var(--lineHeightHero900)",Xs="var(--lineHeightHero1000)",qs="var(--shadow2)",Ws="var(--shadow4)",Ys="var(--shadow8)",Ks="var(--shadow16)",Us="var(--shadow28)",Qs="var(--shadow64)",Zs="var(--shadow2Brand)",Js="var(--shadow4Brand)",el="var(--shadow8Brand)",tl="var(--shadow16Brand)",ol="var(--shadow28Brand)",rl="var(--shadow64Brand)",al="var(--strokeWidthThin)",nl="var(--strokeWidthThick)",il="var(--strokeWidthThicker)",sl="var(--strokeWidthThickest)",ll="var(--spacingHorizontalNone)",cl="var(--spacingHorizontalXXS)",dl="var(--spacingHorizontalXS)",ul="var(--spacingHorizontalSNudge)",hl="var(--spacingHorizontalS)",pl="var(--spacingHorizontalMNudge)",gl="var(--spacingHorizontalM)",vl="var(--spacingHorizontalL)",bl="var(--spacingHorizontalXL)",ml="var(--spacingHorizontalXXL)",fl="var(--spacingHorizontalXXXL)",kl="var(--spacingVerticalNone)",yl="var(--spacingVerticalXXS)",xl="var(--spacingVerticalXS)",$l="var(--spacingVerticalSNudge)",Bl="var(--spacingVerticalS)",wl="var(--spacingVerticalMNudge)",Pl="var(--spacingVerticalM)",Sl="var(--spacingVerticalL)",Cl="var(--spacingVerticalXL)",Fl="var(--spacingVerticalXXL)",Nl="var(--spacingVerticalXXXL)",Tl="var(--durationUltraFast)",Il="var(--durationFaster)",Al="var(--durationFast)",Ll="var(--durationNormal)",zl="var(--durationSlow)",Ol="var(--durationSlower)",Hl="var(--durationUltraSlow)",Dl="var(--curveAccelerateMax)",El="var(--curveAccelerateMid)",Ml="var(--curveAccelerateMin)",Rl="var(--curveDecelerateMax)",jl="var(--curveDecelerateMid)",Vl="var(--curveDecelerateMin)",_l="var(--curveEasyEaseMax)",Gl="var(--curveEasyEase)",Xl="var(--curveLinear)";var ql=Object.freeze({__proto__:null,colorNeutralForeground1:Et,colorNeutralForeground1Hover:"var(--colorNeutralForeground1Hover)",colorNeutralForeground1Pressed:"var(--colorNeutralForeground1Pressed)",colorNeutralForeground1Selected:"var(--colorNeutralForeground1Selected)",colorNeutralForeground2:Vt,colorNeutralForeground2Hover:"var(--colorNeutralForeground2Hover)",colorNeutralForeground2Pressed:"var(--colorNeutralForeground2Pressed)",colorNeutralForeground2Selected:"var(--colorNeutralForeground2Selected)",colorNeutralForeground2BrandHover:"var(--colorNeutralForeground2BrandHover)",colorNeutralForeground2BrandPressed:"var(--colorNeutralForeground2BrandPressed)",colorNeutralForeground2BrandSelected:"var(--colorNeutralForeground2BrandSelected)",colorNeutralForeground3:Kt,colorNeutralForeground3Hover:"var(--colorNeutralForeground3Hover)",colorNeutralForeground3Pressed:"var(--colorNeutralForeground3Pressed)",colorNeutralForeground3Selected:"var(--colorNeutralForeground3Selected)",colorNeutralForeground3BrandHover:"var(--colorNeutralForeground3BrandHover)",colorNeutralForeground3BrandPressed:"var(--colorNeutralForeground3BrandPressed)",colorNeutralForeground3BrandSelected:"var(--colorNeutralForeground3BrandSelected)",colorNeutralForeground4:"var(--colorNeutralForeground4)",colorNeutralForegroundDisabled:ro,colorBrandForegroundLink:"var(--colorBrandForegroundLink)",colorBrandForegroundLinkHover:"var(--colorBrandForegroundLinkHover)",colorBrandForegroundLinkPressed:"var(--colorBrandForegroundLinkPressed)",colorBrandForegroundLinkSelected:"var(--colorBrandForegroundLinkSelected)",colorNeutralForeground2Link:"var(--colorNeutralForeground2Link)",colorNeutralForeground2LinkHover:"var(--colorNeutralForeground2LinkHover)",colorNeutralForeground2LinkPressed:"var(--colorNeutralForeground2LinkPressed)",colorNeutralForeground2LinkSelected:"var(--colorNeutralForeground2LinkSelected)",colorCompoundBrandForeground1:"var(--colorCompoundBrandForeground1)",colorCompoundBrandForeground1Hover:"var(--colorCompoundBrandForeground1Hover)",colorCompoundBrandForeground1Pressed:"var(--colorCompoundBrandForeground1Pressed)",colorNeutralForegroundOnBrand:bo,colorNeutralForegroundInverted:"var(--colorNeutralForegroundInverted)",colorNeutralForegroundInvertedHover:"var(--colorNeutralForegroundInvertedHover)",colorNeutralForegroundInvertedPressed:"var(--colorNeutralForegroundInvertedPressed)",colorNeutralForegroundInvertedSelected:"var(--colorNeutralForegroundInvertedSelected)",colorNeutralForegroundInverted2:"var(--colorNeutralForegroundInverted2)",colorNeutralForegroundStaticInverted:"var(--colorNeutralForegroundStaticInverted)",colorNeutralForegroundInvertedLink:"var(--colorNeutralForegroundInvertedLink)",colorNeutralForegroundInvertedLinkHover:"var(--colorNeutralForegroundInvertedLinkHover)",colorNeutralForegroundInvertedLinkPressed:"var(--colorNeutralForegroundInvertedLinkPressed)",colorNeutralForegroundInvertedLinkSelected:"var(--colorNeutralForegroundInvertedLinkSelected)",colorNeutralForegroundInvertedDisabled:"var(--colorNeutralForegroundInvertedDisabled)",colorBrandForeground1:"var(--colorBrandForeground1)",colorBrandForeground2:"var(--colorBrandForeground2)",colorNeutralForeground1Static:"var(--colorNeutralForeground1Static)",colorBrandForegroundInverted:"var(--colorBrandForegroundInverted)",colorBrandForegroundInvertedHover:"var(--colorBrandForegroundInvertedHover)",colorBrandForegroundInvertedPressed:"var(--colorBrandForegroundInvertedPressed)",colorBrandForegroundOnLight:"var(--colorBrandForegroundOnLight)",colorBrandForegroundOnLightHover:"var(--colorBrandForegroundOnLightHover)",colorBrandForegroundOnLightPressed:"var(--colorBrandForegroundOnLightPressed)",colorBrandForegroundOnLightSelected:"var(--colorBrandForegroundOnLightSelected)",colorNeutralBackground1:Eo,colorNeutralBackground1Hover:"var(--colorNeutralBackground1Hover)",colorNeutralBackground1Pressed:"var(--colorNeutralBackground1Pressed)",colorNeutralBackground1Selected:"var(--colorNeutralBackground1Selected)",colorNeutralBackground2:"var(--colorNeutralBackground2)",colorNeutralBackground2Hover:"var(--colorNeutralBackground2Hover)",colorNeutralBackground2Pressed:"var(--colorNeutralBackground2Pressed)",colorNeutralBackground2Selected:"var(--colorNeutralBackground2Selected)",colorNeutralBackground3:"var(--colorNeutralBackground3)",colorNeutralBackground3Hover:"var(--colorNeutralBackground3Hover)",colorNeutralBackground3Pressed:"var(--colorNeutralBackground3Pressed)",colorNeutralBackground3Selected:"var(--colorNeutralBackground3Selected)",colorNeutralBackground4:"var(--colorNeutralBackground4)",colorNeutralBackground4Hover:"var(--colorNeutralBackground4Hover)",colorNeutralBackground4Pressed:"var(--colorNeutralBackground4Pressed)",colorNeutralBackground4Selected:"var(--colorNeutralBackground4Selected)",colorNeutralBackground5:"var(--colorNeutralBackground5)",colorNeutralBackground5Hover:"var(--colorNeutralBackground5Hover)",colorNeutralBackground5Pressed:"var(--colorNeutralBackground5Pressed)",colorNeutralBackground5Selected:"var(--colorNeutralBackground5Selected)",colorNeutralBackground6:"var(--colorNeutralBackground6)",colorNeutralBackgroundStatic:"var(--colorNeutralBackgroundStatic)",colorNeutralBackgroundInverted:"var(--colorNeutralBackgroundInverted)",colorSubtleBackground:"var(--colorSubtleBackground)",colorSubtleBackgroundHover:"var(--colorSubtleBackgroundHover)",colorSubtleBackgroundPressed:"var(--colorSubtleBackgroundPressed)",colorSubtleBackgroundSelected:"var(--colorSubtleBackgroundSelected)",colorSubtleBackgroundLightAlphaHover:"var(--colorSubtleBackgroundLightAlphaHover)",colorSubtleBackgroundLightAlphaPressed:"var(--colorSubtleBackgroundLightAlphaPressed)",colorSubtleBackgroundLightAlphaSelected:"var(--colorSubtleBackgroundLightAlphaSelected)",colorSubtleBackgroundInverted:"var(--colorSubtleBackgroundInverted)",colorSubtleBackgroundInvertedHover:"var(--colorSubtleBackgroundInvertedHover)",colorSubtleBackgroundInvertedPressed:"var(--colorSubtleBackgroundInvertedPressed)",colorSubtleBackgroundInvertedSelected:"var(--colorSubtleBackgroundInvertedSelected)",colorTransparentBackground:fr,colorTransparentBackgroundHover:"var(--colorTransparentBackgroundHover)",colorTransparentBackgroundPressed:"var(--colorTransparentBackgroundPressed)",colorTransparentBackgroundSelected:"var(--colorTransparentBackgroundSelected)",colorNeutralBackgroundDisabled:"var(--colorNeutralBackgroundDisabled)",colorNeutralBackgroundInvertedDisabled:"var(--colorNeutralBackgroundInvertedDisabled)",colorNeutralStencil1:"var(--colorNeutralStencil1)",colorNeutralStencil2:"var(--colorNeutralStencil2)",colorNeutralStencil1Alpha:"var(--colorNeutralStencil1Alpha)",colorNeutralStencil2Alpha:"var(--colorNeutralStencil2Alpha)",colorBackgroundOverlay:"var(--colorBackgroundOverlay)",colorScrollbarOverlay:"var(--colorScrollbarOverlay)",colorBrandBackground:"var(--colorBrandBackground)",colorBrandBackgroundHover:"var(--colorBrandBackgroundHover)",colorBrandBackgroundPressed:"var(--colorBrandBackgroundPressed)",colorBrandBackgroundSelected:"var(--colorBrandBackgroundSelected)",colorCompoundBrandBackground:zr,colorCompoundBrandBackgroundHover:"var(--colorCompoundBrandBackgroundHover)",colorCompoundBrandBackgroundPressed:"var(--colorCompoundBrandBackgroundPressed)",colorBrandBackgroundStatic:"var(--colorBrandBackgroundStatic)",colorBrandBackground2:Er,colorBrandBackgroundInverted:"var(--colorBrandBackgroundInverted)",colorBrandBackgroundInvertedHover:"var(--colorBrandBackgroundInvertedHover)",colorBrandBackgroundInvertedPressed:"var(--colorBrandBackgroundInvertedPressed)",colorBrandBackgroundInvertedSelected:"var(--colorBrandBackgroundInvertedSelected)",colorNeutralStrokeAccessible:_r,colorNeutralStrokeAccessibleHover:"var(--colorNeutralStrokeAccessibleHover)",colorNeutralStrokeAccessiblePressed:"var(--colorNeutralStrokeAccessiblePressed)",colorNeutralStrokeAccessibleSelected:"var(--colorNeutralStrokeAccessibleSelected)",colorNeutralStroke1:Wr,colorNeutralStroke1Hover:"var(--colorNeutralStroke1Hover)",colorNeutralStroke1Pressed:"var(--colorNeutralStroke1Pressed)",colorNeutralStroke1Selected:"var(--colorNeutralStroke1Selected)",colorNeutralStroke2:Qr,colorNeutralStroke3:"var(--colorNeutralStroke3)",colorNeutralStrokeOnBrand:"var(--colorNeutralStrokeOnBrand)",colorNeutralStrokeOnBrand2:"var(--colorNeutralStrokeOnBrand2)",colorNeutralStrokeOnBrand2Hover:"var(--colorNeutralStrokeOnBrand2Hover)",colorNeutralStrokeOnBrand2Pressed:"var(--colorNeutralStrokeOnBrand2Pressed)",colorNeutralStrokeOnBrand2Selected:"var(--colorNeutralStrokeOnBrand2Selected)",colorBrandStroke1:"var(--colorBrandStroke1)",colorBrandStroke2:"var(--colorBrandStroke2)",colorCompoundBrandStroke:"var(--colorCompoundBrandStroke)",colorCompoundBrandStrokeHover:"var(--colorCompoundBrandStrokeHover)",colorCompoundBrandStrokePressed:"var(--colorCompoundBrandStrokePressed)",colorNeutralStrokeDisabled:ca,colorNeutralStrokeInvertedDisabled:"var(--colorNeutralStrokeInvertedDisabled)",colorTransparentStroke:ua,colorTransparentStrokeInteractive:"var(--colorTransparentStrokeInteractive)",colorTransparentStrokeDisabled:"var(--colorTransparentStrokeDisabled)",colorStrokeFocus1:ga,colorStrokeFocus2:va,colorNeutralShadowAmbient:"var(--colorNeutralShadowAmbient)",colorNeutralShadowKey:"var(--colorNeutralShadowKey)",colorNeutralShadowAmbientLighter:"var(--colorNeutralShadowAmbientLighter)",colorNeutralShadowKeyLighter:"var(--colorNeutralShadowKeyLighter)",colorNeutralShadowAmbientDarker:"var(--colorNeutralShadowAmbientDarker)",colorNeutralShadowKeyDarker:"var(--colorNeutralShadowKeyDarker)",colorBrandShadowAmbient:"var(--colorBrandShadowAmbient)",colorBrandShadowKey:"var(--colorBrandShadowKey)",colorPaletteRedBackground1:"var(--colorPaletteRedBackground1)",colorPaletteRedBackground2:"var(--colorPaletteRedBackground2)",colorPaletteRedBackground3:"var(--colorPaletteRedBackground3)",colorPaletteRedBorderActive:"var(--colorPaletteRedBorderActive)",colorPaletteRedBorder1:"var(--colorPaletteRedBorder1)",colorPaletteRedBorder2:"var(--colorPaletteRedBorder2)",colorPaletteRedForeground1:"var(--colorPaletteRedForeground1)",colorPaletteRedForeground2:"var(--colorPaletteRedForeground2)",colorPaletteRedForeground3:"var(--colorPaletteRedForeground3)",colorPaletteRedForegroundInverted:"var(--colorPaletteRedForegroundInverted)",colorPaletteGreenBackground1:"var(--colorPaletteGreenBackground1)",colorPaletteGreenBackground2:"var(--colorPaletteGreenBackground2)",colorPaletteGreenBackground3:"var(--colorPaletteGreenBackground3)",colorPaletteGreenBorderActive:"var(--colorPaletteGreenBorderActive)",colorPaletteGreenBorder1:"var(--colorPaletteGreenBorder1)",colorPaletteGreenBorder2:"var(--colorPaletteGreenBorder2)",colorPaletteGreenForeground1:"var(--colorPaletteGreenForeground1)",colorPaletteGreenForeground2:"var(--colorPaletteGreenForeground2)",colorPaletteGreenForeground3:"var(--colorPaletteGreenForeground3)",colorPaletteGreenForegroundInverted:"var(--colorPaletteGreenForegroundInverted)",colorPaletteDarkOrangeBackground1:"var(--colorPaletteDarkOrangeBackground1)",colorPaletteDarkOrangeBackground2:"var(--colorPaletteDarkOrangeBackground2)",colorPaletteDarkOrangeBackground3:"var(--colorPaletteDarkOrangeBackground3)",colorPaletteDarkOrangeBorderActive:"var(--colorPaletteDarkOrangeBorderActive)",colorPaletteDarkOrangeBorder1:"var(--colorPaletteDarkOrangeBorder1)",colorPaletteDarkOrangeBorder2:"var(--colorPaletteDarkOrangeBorder2)",colorPaletteDarkOrangeForeground1:"var(--colorPaletteDarkOrangeForeground1)",colorPaletteDarkOrangeForeground2:"var(--colorPaletteDarkOrangeForeground2)",colorPaletteDarkOrangeForeground3:"var(--colorPaletteDarkOrangeForeground3)",colorPaletteYellowBackground1:"var(--colorPaletteYellowBackground1)",colorPaletteYellowBackground2:"var(--colorPaletteYellowBackground2)",colorPaletteYellowBackground3:"var(--colorPaletteYellowBackground3)",colorPaletteYellowBorderActive:"var(--colorPaletteYellowBorderActive)",colorPaletteYellowBorder1:"var(--colorPaletteYellowBorder1)",colorPaletteYellowBorder2:"var(--colorPaletteYellowBorder2)",colorPaletteYellowForeground1:"var(--colorPaletteYellowForeground1)",colorPaletteYellowForeground2:"var(--colorPaletteYellowForeground2)",colorPaletteYellowForeground3:"var(--colorPaletteYellowForeground3)",colorPaletteYellowForegroundInverted:"var(--colorPaletteYellowForegroundInverted)",colorPaletteBerryBackground1:"var(--colorPaletteBerryBackground1)",colorPaletteBerryBackground2:"var(--colorPaletteBerryBackground2)",colorPaletteBerryBackground3:"var(--colorPaletteBerryBackground3)",colorPaletteBerryBorderActive:"var(--colorPaletteBerryBorderActive)",colorPaletteBerryBorder1:"var(--colorPaletteBerryBorder1)",colorPaletteBerryBorder2:"var(--colorPaletteBerryBorder2)",colorPaletteBerryForeground1:"var(--colorPaletteBerryForeground1)",colorPaletteBerryForeground2:"var(--colorPaletteBerryForeground2)",colorPaletteBerryForeground3:"var(--colorPaletteBerryForeground3)",colorPaletteMarigoldBackground1:"var(--colorPaletteMarigoldBackground1)",colorPaletteMarigoldBackground2:"var(--colorPaletteMarigoldBackground2)",colorPaletteMarigoldBackground3:"var(--colorPaletteMarigoldBackground3)",colorPaletteMarigoldBorderActive:"var(--colorPaletteMarigoldBorderActive)",colorPaletteMarigoldBorder1:"var(--colorPaletteMarigoldBorder1)",colorPaletteMarigoldBorder2:"var(--colorPaletteMarigoldBorder2)",colorPaletteMarigoldForeground1:"var(--colorPaletteMarigoldForeground1)",colorPaletteMarigoldForeground2:"var(--colorPaletteMarigoldForeground2)",colorPaletteMarigoldForeground3:"var(--colorPaletteMarigoldForeground3)",colorPaletteLightGreenBackground1:"var(--colorPaletteLightGreenBackground1)",colorPaletteLightGreenBackground2:"var(--colorPaletteLightGreenBackground2)",colorPaletteLightGreenBackground3:"var(--colorPaletteLightGreenBackground3)",colorPaletteLightGreenBorderActive:"var(--colorPaletteLightGreenBorderActive)",colorPaletteLightGreenBorder1:"var(--colorPaletteLightGreenBorder1)",colorPaletteLightGreenBorder2:"var(--colorPaletteLightGreenBorder2)",colorPaletteLightGreenForeground1:"var(--colorPaletteLightGreenForeground1)",colorPaletteLightGreenForeground2:"var(--colorPaletteLightGreenForeground2)",colorPaletteLightGreenForeground3:"var(--colorPaletteLightGreenForeground3)",colorPaletteAnchorBackground2:"var(--colorPaletteAnchorBackground2)",colorPaletteAnchorBorderActive:"var(--colorPaletteAnchorBorderActive)",colorPaletteAnchorForeground2:"var(--colorPaletteAnchorForeground2)",colorPaletteBeigeBackground2:"var(--colorPaletteBeigeBackground2)",colorPaletteBeigeBorderActive:"var(--colorPaletteBeigeBorderActive)",colorPaletteBeigeForeground2:"var(--colorPaletteBeigeForeground2)",colorPaletteBlueBackground2:"var(--colorPaletteBlueBackground2)",colorPaletteBlueBorderActive:"var(--colorPaletteBlueBorderActive)",colorPaletteBlueForeground2:"var(--colorPaletteBlueForeground2)",colorPaletteBrassBackground2:"var(--colorPaletteBrassBackground2)",colorPaletteBrassBorderActive:"var(--colorPaletteBrassBorderActive)",colorPaletteBrassForeground2:"var(--colorPaletteBrassForeground2)",colorPaletteBrownBackground2:"var(--colorPaletteBrownBackground2)",colorPaletteBrownBorderActive:"var(--colorPaletteBrownBorderActive)",colorPaletteBrownForeground2:"var(--colorPaletteBrownForeground2)",colorPaletteCornflowerBackground2:"var(--colorPaletteCornflowerBackground2)",colorPaletteCornflowerBorderActive:"var(--colorPaletteCornflowerBorderActive)",colorPaletteCornflowerForeground2:"var(--colorPaletteCornflowerForeground2)",colorPaletteCranberryBackground2:"var(--colorPaletteCranberryBackground2)",colorPaletteCranberryBorderActive:"var(--colorPaletteCranberryBorderActive)",colorPaletteCranberryForeground2:"var(--colorPaletteCranberryForeground2)",colorPaletteDarkGreenBackground2:"var(--colorPaletteDarkGreenBackground2)",colorPaletteDarkGreenBorderActive:"var(--colorPaletteDarkGreenBorderActive)",colorPaletteDarkGreenForeground2:"var(--colorPaletteDarkGreenForeground2)",colorPaletteDarkRedBackground2:"var(--colorPaletteDarkRedBackground2)",colorPaletteDarkRedBorderActive:"var(--colorPaletteDarkRedBorderActive)",colorPaletteDarkRedForeground2:"var(--colorPaletteDarkRedForeground2)",colorPaletteForestBackground2:"var(--colorPaletteForestBackground2)",colorPaletteForestBorderActive:"var(--colorPaletteForestBorderActive)",colorPaletteForestForeground2:"var(--colorPaletteForestForeground2)",colorPaletteGoldBackground2:"var(--colorPaletteGoldBackground2)",colorPaletteGoldBorderActive:"var(--colorPaletteGoldBorderActive)",colorPaletteGoldForeground2:"var(--colorPaletteGoldForeground2)",colorPaletteGrapeBackground2:"var(--colorPaletteGrapeBackground2)",colorPaletteGrapeBorderActive:"var(--colorPaletteGrapeBorderActive)",colorPaletteGrapeForeground2:"var(--colorPaletteGrapeForeground2)",colorPaletteLavenderBackground2:"var(--colorPaletteLavenderBackground2)",colorPaletteLavenderBorderActive:"var(--colorPaletteLavenderBorderActive)",colorPaletteLavenderForeground2:"var(--colorPaletteLavenderForeground2)",colorPaletteLightTealBackground2:"var(--colorPaletteLightTealBackground2)",colorPaletteLightTealBorderActive:"var(--colorPaletteLightTealBorderActive)",colorPaletteLightTealForeground2:"var(--colorPaletteLightTealForeground2)",colorPaletteLilacBackground2:"var(--colorPaletteLilacBackground2)",colorPaletteLilacBorderActive:"var(--colorPaletteLilacBorderActive)",colorPaletteLilacForeground2:"var(--colorPaletteLilacForeground2)",colorPaletteMagentaBackground2:"var(--colorPaletteMagentaBackground2)",colorPaletteMagentaBorderActive:"var(--colorPaletteMagentaBorderActive)",colorPaletteMagentaForeground2:"var(--colorPaletteMagentaForeground2)",colorPaletteMinkBackground2:"var(--colorPaletteMinkBackground2)",colorPaletteMinkBorderActive:"var(--colorPaletteMinkBorderActive)",colorPaletteMinkForeground2:"var(--colorPaletteMinkForeground2)",colorPaletteNavyBackground2:"var(--colorPaletteNavyBackground2)",colorPaletteNavyBorderActive:"var(--colorPaletteNavyBorderActive)",colorPaletteNavyForeground2:"var(--colorPaletteNavyForeground2)",colorPalettePeachBackground2:"var(--colorPalettePeachBackground2)",colorPalettePeachBorderActive:"var(--colorPalettePeachBorderActive)",colorPalettePeachForeground2:"var(--colorPalettePeachForeground2)",colorPalettePinkBackground2:"var(--colorPalettePinkBackground2)",colorPalettePinkBorderActive:"var(--colorPalettePinkBorderActive)",colorPalettePinkForeground2:"var(--colorPalettePinkForeground2)",colorPalettePlatinumBackground2:"var(--colorPalettePlatinumBackground2)",colorPalettePlatinumBorderActive:"var(--colorPalettePlatinumBorderActive)",colorPalettePlatinumForeground2:"var(--colorPalettePlatinumForeground2)",colorPalettePlumBackground2:"var(--colorPalettePlumBackground2)",colorPalettePlumBorderActive:"var(--colorPalettePlumBorderActive)",colorPalettePlumForeground2:"var(--colorPalettePlumForeground2)",colorPalettePumpkinBackground2:"var(--colorPalettePumpkinBackground2)",colorPalettePumpkinBorderActive:"var(--colorPalettePumpkinBorderActive)",colorPalettePumpkinForeground2:"var(--colorPalettePumpkinForeground2)",colorPalettePurpleBackground2:"var(--colorPalettePurpleBackground2)",colorPalettePurpleBorderActive:"var(--colorPalettePurpleBorderActive)",colorPalettePurpleForeground2:"var(--colorPalettePurpleForeground2)",colorPaletteRoyalBlueBackground2:"var(--colorPaletteRoyalBlueBackground2)",colorPaletteRoyalBlueBorderActive:"var(--colorPaletteRoyalBlueBorderActive)",colorPaletteRoyalBlueForeground2:"var(--colorPaletteRoyalBlueForeground2)",colorPaletteSeafoamBackground2:"var(--colorPaletteSeafoamBackground2)",colorPaletteSeafoamBorderActive:"var(--colorPaletteSeafoamBorderActive)",colorPaletteSeafoamForeground2:"var(--colorPaletteSeafoamForeground2)",colorPaletteSteelBackground2:"var(--colorPaletteSteelBackground2)",colorPaletteSteelBorderActive:"var(--colorPaletteSteelBorderActive)",colorPaletteSteelForeground2:"var(--colorPaletteSteelForeground2)",colorPaletteTealBackground2:"var(--colorPaletteTealBackground2)",colorPaletteTealBorderActive:"var(--colorPaletteTealBorderActive)",colorPaletteTealForeground2:"var(--colorPaletteTealForeground2)",borderRadiusNone:"var(--borderRadiusNone)",borderRadiusSmall:gs,borderRadiusMedium:vs,borderRadiusLarge:"var(--borderRadiusLarge)",borderRadiusXLarge:"var(--borderRadiusXLarge)",borderRadiusCircular:fs,fontFamilyBase:ks,fontFamilyMonospace:"var(--fontFamilyMonospace)",fontFamilyNumeric:"var(--fontFamilyNumeric)",fontSizeBase100:$s,fontSizeBase200:Bs,fontSizeBase300:ws,fontSizeBase400:Ps,fontSizeBase500:Ss,fontSizeBase600:Cs,fontSizeHero700:"var(--fontSizeHero700)",fontSizeHero800:"var(--fontSizeHero800)",fontSizeHero900:"var(--fontSizeHero900)",fontSizeHero1000:"var(--fontSizeHero1000)",fontWeightRegular:As,fontWeightMedium:"var(--fontWeightMedium)",fontWeightSemibold:zs,fontWeightBold:"var(--fontWeightBold)",lineHeightBase100:"var(--lineHeightBase100)",lineHeightBase200:Ds,lineHeightBase300:Es,lineHeightBase400:Ms,lineHeightBase500:"var(--lineHeightBase500)",lineHeightBase600:"var(--lineHeightBase600)",lineHeightHero700:"var(--lineHeightHero700)",lineHeightHero800:"var(--lineHeightHero800)",lineHeightHero900:"var(--lineHeightHero900)",lineHeightHero1000:"var(--lineHeightHero1000)",shadow2:qs,shadow4:Ws,shadow8:Ys,shadow16:Ks,shadow28:"var(--shadow28)",shadow64:"var(--shadow64)",shadow2Brand:"var(--shadow2Brand)",shadow4Brand:"var(--shadow4Brand)",shadow8Brand:"var(--shadow8Brand)",shadow16Brand:"var(--shadow16Brand)",shadow28Brand:"var(--shadow28Brand)",shadow64Brand:"var(--shadow64Brand)",strokeWidthThin:al,strokeWidthThick:nl,strokeWidthThicker:il,strokeWidthThickest:"var(--strokeWidthThickest)",spacingHorizontalNone:"var(--spacingHorizontalNone)",spacingHorizontalXXS:cl,spacingHorizontalXS:dl,spacingHorizontalSNudge:ul,spacingHorizontalS:hl,spacingHorizontalMNudge:pl,spacingHorizontalM:gl,spacingHorizontalL:"var(--spacingHorizontalL)",spacingHorizontalXL:"var(--spacingHorizontalXL)",spacingHorizontalXXL:"var(--spacingHorizontalXXL)",spacingHorizontalXXXL:"var(--spacingHorizontalXXXL)",spacingVerticalNone:"var(--spacingVerticalNone)",spacingVerticalXXS:"var(--spacingVerticalXXS)",spacingVerticalXS:"var(--spacingVerticalXS)",spacingVerticalSNudge:$l,spacingVerticalS:Bl,spacingVerticalMNudge:"var(--spacingVerticalMNudge)",spacingVerticalM:"var(--spacingVerticalM)",spacingVerticalL:"var(--spacingVerticalL)",spacingVerticalXL:"var(--spacingVerticalXL)",spacingVerticalXXL:"var(--spacingVerticalXXL)",spacingVerticalXXXL:"var(--spacingVerticalXXXL)",durationUltraFast:"var(--durationUltraFast)",durationFaster:Il,durationFast:"var(--durationFast)",durationNormal:"var(--durationNormal)",durationSlow:"var(--durationSlow)",durationSlower:"var(--durationSlower)",durationUltraSlow:Hl,curveAccelerateMax:"var(--curveAccelerateMax)",curveAccelerateMid:"var(--curveAccelerateMid)",curveAccelerateMin:"var(--curveAccelerateMin)",curveDecelerateMax:"var(--curveDecelerateMax)",curveDecelerateMid:"var(--curveDecelerateMid)",curveDecelerateMin:"var(--curveDecelerateMin)",curveEasyEaseMax:"var(--curveEasyEaseMax)",curveEasyEase:Gl,curveLinear:"var(--curveLinear)"});const Wl=j`
|
|
5
|
-
${
|
|
4
|
+
:host{flex-direction:column;width:100%;contain:content}`,Et=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements}),Mt=Ot.compose({name:Et.prefix+"-accordion",template:Ht,styles:Dt}),Rt={small:"small",medium:"medium",large:"large",extraLarge:"extra-large"},jt={start:"start",end:"end"},Vt="var(--colorNeutralForeground1)",_t="var(--colorNeutralForeground1Hover)",Gt="var(--colorNeutralForeground1Pressed)",Xt="var(--colorNeutralForeground1Selected)",qt="var(--colorNeutralForeground2)",Wt="var(--colorNeutralForeground2Hover)",Yt="var(--colorNeutralForeground2Pressed)",Kt="var(--colorNeutralForeground2Selected)",Ut="var(--colorNeutralForeground2BrandHover)",Qt="var(--colorNeutralForeground2BrandPressed)",Zt="var(--colorNeutralForeground2BrandSelected)",Jt="var(--colorNeutralForeground3)",eo="var(--colorNeutralForeground3Hover)",to="var(--colorNeutralForeground3Pressed)",oo="var(--colorNeutralForeground3Selected)",ro="var(--colorNeutralForeground3BrandHover)",ao="var(--colorNeutralForeground3BrandPressed)",no="var(--colorNeutralForeground3BrandSelected)",io="var(--colorNeutralForeground4)",so="var(--colorNeutralForegroundDisabled)",lo="var(--colorBrandForegroundLink)",co="var(--colorBrandForegroundLinkHover)",uo="var(--colorBrandForegroundLinkPressed)",ho="var(--colorBrandForegroundLinkSelected)",po="var(--colorNeutralForeground2Link)",go="var(--colorNeutralForeground2LinkHover)",vo="var(--colorNeutralForeground2LinkPressed)",bo="var(--colorNeutralForeground2LinkSelected)",mo="var(--colorCompoundBrandForeground1)",fo="var(--colorCompoundBrandForeground1Hover)",ko="var(--colorCompoundBrandForeground1Pressed)",yo="var(--colorNeutralForegroundOnBrand)",xo="var(--colorNeutralForegroundInverted)",$o="var(--colorNeutralForegroundInvertedHover)",Bo="var(--colorNeutralForegroundInvertedPressed)",wo="var(--colorNeutralForegroundInvertedSelected)",Po="var(--colorNeutralForegroundInverted2)",So="var(--colorNeutralForegroundStaticInverted)",Co="var(--colorNeutralForegroundInvertedLink)",Fo="var(--colorNeutralForegroundInvertedLinkHover)",No="var(--colorNeutralForegroundInvertedLinkPressed)",To="var(--colorNeutralForegroundInvertedLinkSelected)",Io="var(--colorNeutralForegroundInvertedDisabled)",Ao="var(--colorBrandForeground1)",Lo="var(--colorBrandForeground2)",zo="var(--colorNeutralForeground1Static)",Oo="var(--colorBrandForegroundInverted)",Ho="var(--colorBrandForegroundInvertedHover)",Do="var(--colorBrandForegroundInvertedPressed)",Eo="var(--colorBrandForegroundOnLight)",Mo="var(--colorBrandForegroundOnLightHover)",Ro="var(--colorBrandForegroundOnLightPressed)",jo="var(--colorBrandForegroundOnLightSelected)",Vo="var(--colorNeutralBackground1)",_o="var(--colorNeutralBackground1Hover)",Go="var(--colorNeutralBackground1Pressed)",Xo="var(--colorNeutralBackground1Selected)",qo="var(--colorNeutralBackground2)",Wo="var(--colorNeutralBackground2Hover)",Yo="var(--colorNeutralBackground2Pressed)",Ko="var(--colorNeutralBackground2Selected)",Uo="var(--colorNeutralBackground3)",Qo="var(--colorNeutralBackground3Hover)",Zo="var(--colorNeutralBackground3Pressed)",Jo="var(--colorNeutralBackground3Selected)",er="var(--colorNeutralBackground4)",tr="var(--colorNeutralBackground4Hover)",or="var(--colorNeutralBackground4Pressed)",rr="var(--colorNeutralBackground4Selected)",ar="var(--colorNeutralBackground5)",nr="var(--colorNeutralBackground5Hover)",ir="var(--colorNeutralBackground5Pressed)",sr="var(--colorNeutralBackground5Selected)",lr="var(--colorNeutralBackground6)",cr="var(--colorNeutralBackgroundStatic)",dr="var(--colorNeutralBackgroundInverted)",ur="var(--colorSubtleBackground)",hr="var(--colorSubtleBackgroundHover)",pr="var(--colorSubtleBackgroundPressed)",gr="var(--colorSubtleBackgroundSelected)",vr="var(--colorSubtleBackgroundLightAlphaHover)",br="var(--colorSubtleBackgroundLightAlphaPressed)",mr="var(--colorSubtleBackgroundLightAlphaSelected)",fr="var(--colorSubtleBackgroundInverted)",kr="var(--colorSubtleBackgroundInvertedHover)",yr="var(--colorSubtleBackgroundInvertedPressed)",xr="var(--colorSubtleBackgroundInvertedSelected)",$r="var(--colorTransparentBackground)",Br="var(--colorTransparentBackgroundHover)",wr="var(--colorTransparentBackgroundPressed)",Pr="var(--colorTransparentBackgroundSelected)",Sr="var(--colorNeutralBackgroundDisabled)",Cr="var(--colorNeutralBackgroundInvertedDisabled)",Fr="var(--colorNeutralStencil1)",Nr="var(--colorNeutralStencil2)",Tr="var(--colorNeutralStencil1Alpha)",Ir="var(--colorNeutralStencil2Alpha)",Ar="var(--colorBackgroundOverlay)",Lr="var(--colorScrollbarOverlay)",zr="var(--colorBrandBackground)",Or="var(--colorBrandBackgroundHover)",Hr="var(--colorBrandBackgroundPressed)",Dr="var(--colorBrandBackgroundSelected)",Er="var(--colorCompoundBrandBackground)",Mr="var(--colorCompoundBrandBackgroundHover)",Rr="var(--colorCompoundBrandBackgroundPressed)",jr="var(--colorBrandBackgroundStatic)",Vr="var(--colorBrandBackground2)",_r="var(--colorBrandBackgroundInverted)",Gr="var(--colorBrandBackgroundInvertedHover)",Xr="var(--colorBrandBackgroundInvertedPressed)",qr="var(--colorBrandBackgroundInvertedSelected)",Wr="var(--colorNeutralStrokeAccessible)",Yr="var(--colorNeutralStrokeAccessibleHover)",Kr="var(--colorNeutralStrokeAccessiblePressed)",Ur="var(--colorNeutralStrokeAccessibleSelected)",Qr="var(--colorNeutralStroke1)",Zr="var(--colorNeutralStroke1Hover)",Jr="var(--colorNeutralStroke1Pressed)",ea="var(--colorNeutralStroke1Selected)",ta="var(--colorNeutralStroke2)",oa="var(--colorNeutralStroke3)",ra="var(--colorNeutralStrokeOnBrand)",aa="var(--colorNeutralStrokeOnBrand2)",na="var(--colorNeutralStrokeOnBrand2Hover)",ia="var(--colorNeutralStrokeOnBrand2Pressed)",sa="var(--colorNeutralStrokeOnBrand2Selected)",la="var(--colorBrandStroke1)",ca="var(--colorBrandStroke2)",da="var(--colorCompoundBrandStroke)",ua="var(--colorCompoundBrandStrokeHover)",ha="var(--colorCompoundBrandStrokePressed)",pa="var(--colorNeutralStrokeDisabled)",ga="var(--colorNeutralStrokeInvertedDisabled)",va="var(--colorTransparentStroke)",ba="var(--colorTransparentStrokeInteractive)",ma="var(--colorTransparentStrokeDisabled)",fa="var(--colorStrokeFocus1)",ka="var(--colorStrokeFocus2)",ya="var(--colorNeutralShadowAmbient)",xa="var(--colorNeutralShadowKey)",$a="var(--colorNeutralShadowAmbientLighter)",Ba="var(--colorNeutralShadowKeyLighter)",wa="var(--colorNeutralShadowAmbientDarker)",Pa="var(--colorNeutralShadowKeyDarker)",Sa="var(--colorBrandShadowAmbient)",Ca="var(--colorBrandShadowKey)",Fa="var(--colorPaletteRedBackground1)",Na="var(--colorPaletteRedBackground2)",Ta="var(--colorPaletteRedBackground3)",Ia="var(--colorPaletteRedBorderActive)",Aa="var(--colorPaletteRedBorder1)",La="var(--colorPaletteRedBorder2)",za="var(--colorPaletteRedForeground1)",Oa="var(--colorPaletteRedForeground2)",Ha="var(--colorPaletteRedForeground3)",Da="var(--colorPaletteRedForegroundInverted)",Ea="var(--colorPaletteGreenBackground1)",Ma="var(--colorPaletteGreenBackground2)",Ra="var(--colorPaletteGreenBackground3)",ja="var(--colorPaletteGreenBorderActive)",Va="var(--colorPaletteGreenBorder1)",_a="var(--colorPaletteGreenBorder2)",Ga="var(--colorPaletteGreenForeground1)",Xa="var(--colorPaletteGreenForeground2)",qa="var(--colorPaletteGreenForeground3)",Wa="var(--colorPaletteGreenForegroundInverted)",Ya="var(--colorPaletteDarkOrangeBackground1)",Ka="var(--colorPaletteDarkOrangeBackground2)",Ua="var(--colorPaletteDarkOrangeBackground3)",Qa="var(--colorPaletteDarkOrangeBorderActive)",Za="var(--colorPaletteDarkOrangeBorder1)",Ja="var(--colorPaletteDarkOrangeBorder2)",en="var(--colorPaletteDarkOrangeForeground1)",tn="var(--colorPaletteDarkOrangeForeground2)",on="var(--colorPaletteDarkOrangeForeground3)",rn="var(--colorPaletteYellowBackground1)",an="var(--colorPaletteYellowBackground2)",nn="var(--colorPaletteYellowBackground3)",sn="var(--colorPaletteYellowBorderActive)",ln="var(--colorPaletteYellowBorder1)",cn="var(--colorPaletteYellowBorder2)",dn="var(--colorPaletteYellowForeground1)",un="var(--colorPaletteYellowForeground2)",hn="var(--colorPaletteYellowForeground3)",pn="var(--colorPaletteYellowForegroundInverted)",gn="var(--colorPaletteBerryBackground1)",vn="var(--colorPaletteBerryBackground2)",bn="var(--colorPaletteBerryBackground3)",mn="var(--colorPaletteBerryBorderActive)",fn="var(--colorPaletteBerryBorder1)",kn="var(--colorPaletteBerryBorder2)",yn="var(--colorPaletteBerryForeground1)",xn="var(--colorPaletteBerryForeground2)",$n="var(--colorPaletteBerryForeground3)",Bn="var(--colorPaletteMarigoldBackground1)",wn="var(--colorPaletteMarigoldBackground2)",Pn="var(--colorPaletteMarigoldBackground3)",Sn="var(--colorPaletteMarigoldBorderActive)",Cn="var(--colorPaletteMarigoldBorder1)",Fn="var(--colorPaletteMarigoldBorder2)",Nn="var(--colorPaletteMarigoldForeground1)",Tn="var(--colorPaletteMarigoldForeground2)",In="var(--colorPaletteMarigoldForeground3)",An="var(--colorPaletteLightGreenBackground1)",Ln="var(--colorPaletteLightGreenBackground2)",zn="var(--colorPaletteLightGreenBackground3)",On="var(--colorPaletteLightGreenBorderActive)",Hn="var(--colorPaletteLightGreenBorder1)",Dn="var(--colorPaletteLightGreenBorder2)",En="var(--colorPaletteLightGreenForeground1)",Mn="var(--colorPaletteLightGreenForeground2)",Rn="var(--colorPaletteLightGreenForeground3)",jn="var(--colorPaletteAnchorBackground2)",Vn="var(--colorPaletteAnchorBorderActive)",_n="var(--colorPaletteAnchorForeground2)",Gn="var(--colorPaletteBeigeBackground2)",Xn="var(--colorPaletteBeigeBorderActive)",qn="var(--colorPaletteBeigeForeground2)",Wn="var(--colorPaletteBlueBackground2)",Yn="var(--colorPaletteBlueBorderActive)",Kn="var(--colorPaletteBlueForeground2)",Un="var(--colorPaletteBrassBackground2)",Qn="var(--colorPaletteBrassBorderActive)",Zn="var(--colorPaletteBrassForeground2)",Jn="var(--colorPaletteBrownBackground2)",ei="var(--colorPaletteBrownBorderActive)",ti="var(--colorPaletteBrownForeground2)",oi="var(--colorPaletteCornflowerBackground2)",ri="var(--colorPaletteCornflowerBorderActive)",ai="var(--colorPaletteCornflowerForeground2)",ni="var(--colorPaletteCranberryBackground2)",ii="var(--colorPaletteCranberryBorderActive)",si="var(--colorPaletteCranberryForeground2)",li="var(--colorPaletteDarkGreenBackground2)",ci="var(--colorPaletteDarkGreenBorderActive)",di="var(--colorPaletteDarkGreenForeground2)",ui="var(--colorPaletteDarkRedBackground2)",hi="var(--colorPaletteDarkRedBorderActive)",pi="var(--colorPaletteDarkRedForeground2)",gi="var(--colorPaletteForestBackground2)",vi="var(--colorPaletteForestBorderActive)",bi="var(--colorPaletteForestForeground2)",mi="var(--colorPaletteGoldBackground2)",fi="var(--colorPaletteGoldBorderActive)",ki="var(--colorPaletteGoldForeground2)",yi="var(--colorPaletteGrapeBackground2)",xi="var(--colorPaletteGrapeBorderActive)",$i="var(--colorPaletteGrapeForeground2)",Bi="var(--colorPaletteLavenderBackground2)",wi="var(--colorPaletteLavenderBorderActive)",Pi="var(--colorPaletteLavenderForeground2)",Si="var(--colorPaletteLightTealBackground2)",Ci="var(--colorPaletteLightTealBorderActive)",Fi="var(--colorPaletteLightTealForeground2)",Ni="var(--colorPaletteLilacBackground2)",Ti="var(--colorPaletteLilacBorderActive)",Ii="var(--colorPaletteLilacForeground2)",Ai="var(--colorPaletteMagentaBackground2)",Li="var(--colorPaletteMagentaBorderActive)",zi="var(--colorPaletteMagentaForeground2)",Oi="var(--colorPaletteMinkBackground2)",Hi="var(--colorPaletteMinkBorderActive)",Di="var(--colorPaletteMinkForeground2)",Ei="var(--colorPaletteNavyBackground2)",Mi="var(--colorPaletteNavyBorderActive)",Ri="var(--colorPaletteNavyForeground2)",ji="var(--colorPalettePeachBackground2)",Vi="var(--colorPalettePeachBorderActive)",_i="var(--colorPalettePeachForeground2)",Gi="var(--colorPalettePinkBackground2)",Xi="var(--colorPalettePinkBorderActive)",qi="var(--colorPalettePinkForeground2)",Wi="var(--colorPalettePlatinumBackground2)",Yi="var(--colorPalettePlatinumBorderActive)",Ki="var(--colorPalettePlatinumForeground2)",Ui="var(--colorPalettePlumBackground2)",Qi="var(--colorPalettePlumBorderActive)",Zi="var(--colorPalettePlumForeground2)",Ji="var(--colorPalettePumpkinBackground2)",es="var(--colorPalettePumpkinBorderActive)",ts="var(--colorPalettePumpkinForeground2)",os="var(--colorPalettePurpleBackground2)",rs="var(--colorPalettePurpleBorderActive)",as="var(--colorPalettePurpleForeground2)",ns="var(--colorPaletteRoyalBlueBackground2)",is="var(--colorPaletteRoyalBlueBorderActive)",ss="var(--colorPaletteRoyalBlueForeground2)",ls="var(--colorPaletteSeafoamBackground2)",cs="var(--colorPaletteSeafoamBorderActive)",ds="var(--colorPaletteSeafoamForeground2)",us="var(--colorPaletteSteelBackground2)",hs="var(--colorPaletteSteelBorderActive)",ps="var(--colorPaletteSteelForeground2)",gs="var(--colorPaletteTealBackground2)",vs="var(--colorPaletteTealBorderActive)",bs="var(--colorPaletteTealForeground2)",ms="var(--borderRadiusNone)",fs="var(--borderRadiusSmall)",ks="var(--borderRadiusMedium)",ys="var(--borderRadiusLarge)",xs="var(--borderRadiusXLarge)",$s="var(--borderRadiusCircular)",Bs="var(--fontFamilyBase)",ws="var(--fontFamilyMonospace)",Ps="var(--fontFamilyNumeric)",Ss="var(--fontSizeBase100)",Cs="var(--fontSizeBase200)",Fs="var(--fontSizeBase300)",Ns="var(--fontSizeBase400)",Ts="var(--fontSizeBase500)",Is="var(--fontSizeBase600)",As="var(--fontSizeHero700)",Ls="var(--fontSizeHero800)",zs="var(--fontSizeHero900)",Os="var(--fontSizeHero1000)",Hs="var(--fontWeightRegular)",Ds="var(--fontWeightMedium)",Es="var(--fontWeightSemibold)",Ms="var(--fontWeightBold)",Rs="var(--lineHeightBase100)",js="var(--lineHeightBase200)",Vs="var(--lineHeightBase300)",_s="var(--lineHeightBase400)",Gs="var(--lineHeightBase500)",Xs="var(--lineHeightBase600)",qs="var(--lineHeightHero700)",Ws="var(--lineHeightHero800)",Ys="var(--lineHeightHero900)",Ks="var(--lineHeightHero1000)",Us="var(--shadow2)",Qs="var(--shadow4)",Zs="var(--shadow8)",Js="var(--shadow16)",el="var(--shadow28)",tl="var(--shadow64)",ol="var(--shadow2Brand)",rl="var(--shadow4Brand)",al="var(--shadow8Brand)",nl="var(--shadow16Brand)",il="var(--shadow28Brand)",sl="var(--shadow64Brand)",ll="var(--strokeWidthThin)",cl="var(--strokeWidthThick)",dl="var(--strokeWidthThicker)",ul="var(--strokeWidthThickest)",hl="var(--spacingHorizontalNone)",pl="var(--spacingHorizontalXXS)",gl="var(--spacingHorizontalXS)",vl="var(--spacingHorizontalSNudge)",bl="var(--spacingHorizontalS)",ml="var(--spacingHorizontalMNudge)",fl="var(--spacingHorizontalM)",kl="var(--spacingHorizontalL)",yl="var(--spacingHorizontalXL)",xl="var(--spacingHorizontalXXL)",$l="var(--spacingHorizontalXXXL)",Bl="var(--spacingVerticalNone)",wl="var(--spacingVerticalXXS)",Pl="var(--spacingVerticalXS)",Sl="var(--spacingVerticalSNudge)",Cl="var(--spacingVerticalS)",Fl="var(--spacingVerticalMNudge)",Nl="var(--spacingVerticalM)",Tl="var(--spacingVerticalL)",Il="var(--spacingVerticalXL)",Al="var(--spacingVerticalXXL)",Ll="var(--spacingVerticalXXXL)",zl="var(--durationUltraFast)",Ol="var(--durationFaster)",Hl="var(--durationFast)",Dl="var(--durationNormal)",El="var(--durationSlow)",Ml="var(--durationSlower)",Rl="var(--durationUltraSlow)",jl="var(--curveAccelerateMax)",Vl="var(--curveAccelerateMid)",_l="var(--curveAccelerateMin)",Gl="var(--curveDecelerateMax)",Xl="var(--curveDecelerateMid)",ql="var(--curveDecelerateMin)",Wl="var(--curveEasyEaseMax)",Yl="var(--curveEasyEase)",Kl="var(--curveLinear)";var Ul=Object.freeze({__proto__:null,colorNeutralForeground1:Vt,colorNeutralForeground1Hover:"var(--colorNeutralForeground1Hover)",colorNeutralForeground1Pressed:"var(--colorNeutralForeground1Pressed)",colorNeutralForeground1Selected:"var(--colorNeutralForeground1Selected)",colorNeutralForeground2:qt,colorNeutralForeground2Hover:"var(--colorNeutralForeground2Hover)",colorNeutralForeground2Pressed:"var(--colorNeutralForeground2Pressed)",colorNeutralForeground2Selected:"var(--colorNeutralForeground2Selected)",colorNeutralForeground2BrandHover:"var(--colorNeutralForeground2BrandHover)",colorNeutralForeground2BrandPressed:"var(--colorNeutralForeground2BrandPressed)",colorNeutralForeground2BrandSelected:"var(--colorNeutralForeground2BrandSelected)",colorNeutralForeground3:Jt,colorNeutralForeground3Hover:"var(--colorNeutralForeground3Hover)",colorNeutralForeground3Pressed:"var(--colorNeutralForeground3Pressed)",colorNeutralForeground3Selected:"var(--colorNeutralForeground3Selected)",colorNeutralForeground3BrandHover:"var(--colorNeutralForeground3BrandHover)",colorNeutralForeground3BrandPressed:"var(--colorNeutralForeground3BrandPressed)",colorNeutralForeground3BrandSelected:"var(--colorNeutralForeground3BrandSelected)",colorNeutralForeground4:"var(--colorNeutralForeground4)",colorNeutralForegroundDisabled:so,colorBrandForegroundLink:"var(--colorBrandForegroundLink)",colorBrandForegroundLinkHover:"var(--colorBrandForegroundLinkHover)",colorBrandForegroundLinkPressed:"var(--colorBrandForegroundLinkPressed)",colorBrandForegroundLinkSelected:"var(--colorBrandForegroundLinkSelected)",colorNeutralForeground2Link:"var(--colorNeutralForeground2Link)",colorNeutralForeground2LinkHover:"var(--colorNeutralForeground2LinkHover)",colorNeutralForeground2LinkPressed:"var(--colorNeutralForeground2LinkPressed)",colorNeutralForeground2LinkSelected:"var(--colorNeutralForeground2LinkSelected)",colorCompoundBrandForeground1:"var(--colorCompoundBrandForeground1)",colorCompoundBrandForeground1Hover:"var(--colorCompoundBrandForeground1Hover)",colorCompoundBrandForeground1Pressed:"var(--colorCompoundBrandForeground1Pressed)",colorNeutralForegroundOnBrand:yo,colorNeutralForegroundInverted:"var(--colorNeutralForegroundInverted)",colorNeutralForegroundInvertedHover:"var(--colorNeutralForegroundInvertedHover)",colorNeutralForegroundInvertedPressed:"var(--colorNeutralForegroundInvertedPressed)",colorNeutralForegroundInvertedSelected:"var(--colorNeutralForegroundInvertedSelected)",colorNeutralForegroundInverted2:"var(--colorNeutralForegroundInverted2)",colorNeutralForegroundStaticInverted:"var(--colorNeutralForegroundStaticInverted)",colorNeutralForegroundInvertedLink:"var(--colorNeutralForegroundInvertedLink)",colorNeutralForegroundInvertedLinkHover:"var(--colorNeutralForegroundInvertedLinkHover)",colorNeutralForegroundInvertedLinkPressed:"var(--colorNeutralForegroundInvertedLinkPressed)",colorNeutralForegroundInvertedLinkSelected:"var(--colorNeutralForegroundInvertedLinkSelected)",colorNeutralForegroundInvertedDisabled:"var(--colorNeutralForegroundInvertedDisabled)",colorBrandForeground1:"var(--colorBrandForeground1)",colorBrandForeground2:"var(--colorBrandForeground2)",colorNeutralForeground1Static:"var(--colorNeutralForeground1Static)",colorBrandForegroundInverted:"var(--colorBrandForegroundInverted)",colorBrandForegroundInvertedHover:"var(--colorBrandForegroundInvertedHover)",colorBrandForegroundInvertedPressed:"var(--colorBrandForegroundInvertedPressed)",colorBrandForegroundOnLight:"var(--colorBrandForegroundOnLight)",colorBrandForegroundOnLightHover:"var(--colorBrandForegroundOnLightHover)",colorBrandForegroundOnLightPressed:"var(--colorBrandForegroundOnLightPressed)",colorBrandForegroundOnLightSelected:"var(--colorBrandForegroundOnLightSelected)",colorNeutralBackground1:Vo,colorNeutralBackground1Hover:"var(--colorNeutralBackground1Hover)",colorNeutralBackground1Pressed:"var(--colorNeutralBackground1Pressed)",colorNeutralBackground1Selected:"var(--colorNeutralBackground1Selected)",colorNeutralBackground2:"var(--colorNeutralBackground2)",colorNeutralBackground2Hover:"var(--colorNeutralBackground2Hover)",colorNeutralBackground2Pressed:"var(--colorNeutralBackground2Pressed)",colorNeutralBackground2Selected:"var(--colorNeutralBackground2Selected)",colorNeutralBackground3:"var(--colorNeutralBackground3)",colorNeutralBackground3Hover:"var(--colorNeutralBackground3Hover)",colorNeutralBackground3Pressed:"var(--colorNeutralBackground3Pressed)",colorNeutralBackground3Selected:"var(--colorNeutralBackground3Selected)",colorNeutralBackground4:"var(--colorNeutralBackground4)",colorNeutralBackground4Hover:"var(--colorNeutralBackground4Hover)",colorNeutralBackground4Pressed:"var(--colorNeutralBackground4Pressed)",colorNeutralBackground4Selected:"var(--colorNeutralBackground4Selected)",colorNeutralBackground5:"var(--colorNeutralBackground5)",colorNeutralBackground5Hover:"var(--colorNeutralBackground5Hover)",colorNeutralBackground5Pressed:"var(--colorNeutralBackground5Pressed)",colorNeutralBackground5Selected:"var(--colorNeutralBackground5Selected)",colorNeutralBackground6:"var(--colorNeutralBackground6)",colorNeutralBackgroundStatic:"var(--colorNeutralBackgroundStatic)",colorNeutralBackgroundInverted:"var(--colorNeutralBackgroundInverted)",colorSubtleBackground:"var(--colorSubtleBackground)",colorSubtleBackgroundHover:"var(--colorSubtleBackgroundHover)",colorSubtleBackgroundPressed:"var(--colorSubtleBackgroundPressed)",colorSubtleBackgroundSelected:"var(--colorSubtleBackgroundSelected)",colorSubtleBackgroundLightAlphaHover:"var(--colorSubtleBackgroundLightAlphaHover)",colorSubtleBackgroundLightAlphaPressed:"var(--colorSubtleBackgroundLightAlphaPressed)",colorSubtleBackgroundLightAlphaSelected:"var(--colorSubtleBackgroundLightAlphaSelected)",colorSubtleBackgroundInverted:"var(--colorSubtleBackgroundInverted)",colorSubtleBackgroundInvertedHover:"var(--colorSubtleBackgroundInvertedHover)",colorSubtleBackgroundInvertedPressed:"var(--colorSubtleBackgroundInvertedPressed)",colorSubtleBackgroundInvertedSelected:"var(--colorSubtleBackgroundInvertedSelected)",colorTransparentBackground:$r,colorTransparentBackgroundHover:"var(--colorTransparentBackgroundHover)",colorTransparentBackgroundPressed:"var(--colorTransparentBackgroundPressed)",colorTransparentBackgroundSelected:"var(--colorTransparentBackgroundSelected)",colorNeutralBackgroundDisabled:"var(--colorNeutralBackgroundDisabled)",colorNeutralBackgroundInvertedDisabled:"var(--colorNeutralBackgroundInvertedDisabled)",colorNeutralStencil1:"var(--colorNeutralStencil1)",colorNeutralStencil2:"var(--colorNeutralStencil2)",colorNeutralStencil1Alpha:"var(--colorNeutralStencil1Alpha)",colorNeutralStencil2Alpha:"var(--colorNeutralStencil2Alpha)",colorBackgroundOverlay:"var(--colorBackgroundOverlay)",colorScrollbarOverlay:"var(--colorScrollbarOverlay)",colorBrandBackground:"var(--colorBrandBackground)",colorBrandBackgroundHover:"var(--colorBrandBackgroundHover)",colorBrandBackgroundPressed:"var(--colorBrandBackgroundPressed)",colorBrandBackgroundSelected:"var(--colorBrandBackgroundSelected)",colorCompoundBrandBackground:Er,colorCompoundBrandBackgroundHover:"var(--colorCompoundBrandBackgroundHover)",colorCompoundBrandBackgroundPressed:"var(--colorCompoundBrandBackgroundPressed)",colorBrandBackgroundStatic:"var(--colorBrandBackgroundStatic)",colorBrandBackground2:Vr,colorBrandBackgroundInverted:"var(--colorBrandBackgroundInverted)",colorBrandBackgroundInvertedHover:"var(--colorBrandBackgroundInvertedHover)",colorBrandBackgroundInvertedPressed:"var(--colorBrandBackgroundInvertedPressed)",colorBrandBackgroundInvertedSelected:"var(--colorBrandBackgroundInvertedSelected)",colorNeutralStrokeAccessible:Wr,colorNeutralStrokeAccessibleHover:"var(--colorNeutralStrokeAccessibleHover)",colorNeutralStrokeAccessiblePressed:"var(--colorNeutralStrokeAccessiblePressed)",colorNeutralStrokeAccessibleSelected:"var(--colorNeutralStrokeAccessibleSelected)",colorNeutralStroke1:Qr,colorNeutralStroke1Hover:"var(--colorNeutralStroke1Hover)",colorNeutralStroke1Pressed:"var(--colorNeutralStroke1Pressed)",colorNeutralStroke1Selected:"var(--colorNeutralStroke1Selected)",colorNeutralStroke2:ta,colorNeutralStroke3:"var(--colorNeutralStroke3)",colorNeutralStrokeOnBrand:"var(--colorNeutralStrokeOnBrand)",colorNeutralStrokeOnBrand2:"var(--colorNeutralStrokeOnBrand2)",colorNeutralStrokeOnBrand2Hover:"var(--colorNeutralStrokeOnBrand2Hover)",colorNeutralStrokeOnBrand2Pressed:"var(--colorNeutralStrokeOnBrand2Pressed)",colorNeutralStrokeOnBrand2Selected:"var(--colorNeutralStrokeOnBrand2Selected)",colorBrandStroke1:"var(--colorBrandStroke1)",colorBrandStroke2:"var(--colorBrandStroke2)",colorCompoundBrandStroke:"var(--colorCompoundBrandStroke)",colorCompoundBrandStrokeHover:"var(--colorCompoundBrandStrokeHover)",colorCompoundBrandStrokePressed:"var(--colorCompoundBrandStrokePressed)",colorNeutralStrokeDisabled:pa,colorNeutralStrokeInvertedDisabled:"var(--colorNeutralStrokeInvertedDisabled)",colorTransparentStroke:va,colorTransparentStrokeInteractive:"var(--colorTransparentStrokeInteractive)",colorTransparentStrokeDisabled:"var(--colorTransparentStrokeDisabled)",colorStrokeFocus1:fa,colorStrokeFocus2:ka,colorNeutralShadowAmbient:"var(--colorNeutralShadowAmbient)",colorNeutralShadowKey:"var(--colorNeutralShadowKey)",colorNeutralShadowAmbientLighter:"var(--colorNeutralShadowAmbientLighter)",colorNeutralShadowKeyLighter:"var(--colorNeutralShadowKeyLighter)",colorNeutralShadowAmbientDarker:"var(--colorNeutralShadowAmbientDarker)",colorNeutralShadowKeyDarker:"var(--colorNeutralShadowKeyDarker)",colorBrandShadowAmbient:"var(--colorBrandShadowAmbient)",colorBrandShadowKey:"var(--colorBrandShadowKey)",colorPaletteRedBackground1:"var(--colorPaletteRedBackground1)",colorPaletteRedBackground2:"var(--colorPaletteRedBackground2)",colorPaletteRedBackground3:"var(--colorPaletteRedBackground3)",colorPaletteRedBorderActive:"var(--colorPaletteRedBorderActive)",colorPaletteRedBorder1:"var(--colorPaletteRedBorder1)",colorPaletteRedBorder2:"var(--colorPaletteRedBorder2)",colorPaletteRedForeground1:"var(--colorPaletteRedForeground1)",colorPaletteRedForeground2:"var(--colorPaletteRedForeground2)",colorPaletteRedForeground3:"var(--colorPaletteRedForeground3)",colorPaletteRedForegroundInverted:"var(--colorPaletteRedForegroundInverted)",colorPaletteGreenBackground1:"var(--colorPaletteGreenBackground1)",colorPaletteGreenBackground2:"var(--colorPaletteGreenBackground2)",colorPaletteGreenBackground3:"var(--colorPaletteGreenBackground3)",colorPaletteGreenBorderActive:"var(--colorPaletteGreenBorderActive)",colorPaletteGreenBorder1:"var(--colorPaletteGreenBorder1)",colorPaletteGreenBorder2:"var(--colorPaletteGreenBorder2)",colorPaletteGreenForeground1:"var(--colorPaletteGreenForeground1)",colorPaletteGreenForeground2:"var(--colorPaletteGreenForeground2)",colorPaletteGreenForeground3:"var(--colorPaletteGreenForeground3)",colorPaletteGreenForegroundInverted:"var(--colorPaletteGreenForegroundInverted)",colorPaletteDarkOrangeBackground1:"var(--colorPaletteDarkOrangeBackground1)",colorPaletteDarkOrangeBackground2:"var(--colorPaletteDarkOrangeBackground2)",colorPaletteDarkOrangeBackground3:"var(--colorPaletteDarkOrangeBackground3)",colorPaletteDarkOrangeBorderActive:"var(--colorPaletteDarkOrangeBorderActive)",colorPaletteDarkOrangeBorder1:"var(--colorPaletteDarkOrangeBorder1)",colorPaletteDarkOrangeBorder2:"var(--colorPaletteDarkOrangeBorder2)",colorPaletteDarkOrangeForeground1:"var(--colorPaletteDarkOrangeForeground1)",colorPaletteDarkOrangeForeground2:"var(--colorPaletteDarkOrangeForeground2)",colorPaletteDarkOrangeForeground3:"var(--colorPaletteDarkOrangeForeground3)",colorPaletteYellowBackground1:"var(--colorPaletteYellowBackground1)",colorPaletteYellowBackground2:"var(--colorPaletteYellowBackground2)",colorPaletteYellowBackground3:"var(--colorPaletteYellowBackground3)",colorPaletteYellowBorderActive:"var(--colorPaletteYellowBorderActive)",colorPaletteYellowBorder1:"var(--colorPaletteYellowBorder1)",colorPaletteYellowBorder2:"var(--colorPaletteYellowBorder2)",colorPaletteYellowForeground1:"var(--colorPaletteYellowForeground1)",colorPaletteYellowForeground2:"var(--colorPaletteYellowForeground2)",colorPaletteYellowForeground3:"var(--colorPaletteYellowForeground3)",colorPaletteYellowForegroundInverted:"var(--colorPaletteYellowForegroundInverted)",colorPaletteBerryBackground1:"var(--colorPaletteBerryBackground1)",colorPaletteBerryBackground2:"var(--colorPaletteBerryBackground2)",colorPaletteBerryBackground3:"var(--colorPaletteBerryBackground3)",colorPaletteBerryBorderActive:"var(--colorPaletteBerryBorderActive)",colorPaletteBerryBorder1:"var(--colorPaletteBerryBorder1)",colorPaletteBerryBorder2:"var(--colorPaletteBerryBorder2)",colorPaletteBerryForeground1:"var(--colorPaletteBerryForeground1)",colorPaletteBerryForeground2:"var(--colorPaletteBerryForeground2)",colorPaletteBerryForeground3:"var(--colorPaletteBerryForeground3)",colorPaletteMarigoldBackground1:"var(--colorPaletteMarigoldBackground1)",colorPaletteMarigoldBackground2:"var(--colorPaletteMarigoldBackground2)",colorPaletteMarigoldBackground3:"var(--colorPaletteMarigoldBackground3)",colorPaletteMarigoldBorderActive:"var(--colorPaletteMarigoldBorderActive)",colorPaletteMarigoldBorder1:"var(--colorPaletteMarigoldBorder1)",colorPaletteMarigoldBorder2:"var(--colorPaletteMarigoldBorder2)",colorPaletteMarigoldForeground1:"var(--colorPaletteMarigoldForeground1)",colorPaletteMarigoldForeground2:"var(--colorPaletteMarigoldForeground2)",colorPaletteMarigoldForeground3:"var(--colorPaletteMarigoldForeground3)",colorPaletteLightGreenBackground1:"var(--colorPaletteLightGreenBackground1)",colorPaletteLightGreenBackground2:"var(--colorPaletteLightGreenBackground2)",colorPaletteLightGreenBackground3:"var(--colorPaletteLightGreenBackground3)",colorPaletteLightGreenBorderActive:"var(--colorPaletteLightGreenBorderActive)",colorPaletteLightGreenBorder1:"var(--colorPaletteLightGreenBorder1)",colorPaletteLightGreenBorder2:"var(--colorPaletteLightGreenBorder2)",colorPaletteLightGreenForeground1:"var(--colorPaletteLightGreenForeground1)",colorPaletteLightGreenForeground2:"var(--colorPaletteLightGreenForeground2)",colorPaletteLightGreenForeground3:"var(--colorPaletteLightGreenForeground3)",colorPaletteAnchorBackground2:"var(--colorPaletteAnchorBackground2)",colorPaletteAnchorBorderActive:"var(--colorPaletteAnchorBorderActive)",colorPaletteAnchorForeground2:"var(--colorPaletteAnchorForeground2)",colorPaletteBeigeBackground2:"var(--colorPaletteBeigeBackground2)",colorPaletteBeigeBorderActive:"var(--colorPaletteBeigeBorderActive)",colorPaletteBeigeForeground2:"var(--colorPaletteBeigeForeground2)",colorPaletteBlueBackground2:"var(--colorPaletteBlueBackground2)",colorPaletteBlueBorderActive:"var(--colorPaletteBlueBorderActive)",colorPaletteBlueForeground2:"var(--colorPaletteBlueForeground2)",colorPaletteBrassBackground2:"var(--colorPaletteBrassBackground2)",colorPaletteBrassBorderActive:"var(--colorPaletteBrassBorderActive)",colorPaletteBrassForeground2:"var(--colorPaletteBrassForeground2)",colorPaletteBrownBackground2:"var(--colorPaletteBrownBackground2)",colorPaletteBrownBorderActive:"var(--colorPaletteBrownBorderActive)",colorPaletteBrownForeground2:"var(--colorPaletteBrownForeground2)",colorPaletteCornflowerBackground2:"var(--colorPaletteCornflowerBackground2)",colorPaletteCornflowerBorderActive:"var(--colorPaletteCornflowerBorderActive)",colorPaletteCornflowerForeground2:"var(--colorPaletteCornflowerForeground2)",colorPaletteCranberryBackground2:"var(--colorPaletteCranberryBackground2)",colorPaletteCranberryBorderActive:"var(--colorPaletteCranberryBorderActive)",colorPaletteCranberryForeground2:"var(--colorPaletteCranberryForeground2)",colorPaletteDarkGreenBackground2:"var(--colorPaletteDarkGreenBackground2)",colorPaletteDarkGreenBorderActive:"var(--colorPaletteDarkGreenBorderActive)",colorPaletteDarkGreenForeground2:"var(--colorPaletteDarkGreenForeground2)",colorPaletteDarkRedBackground2:"var(--colorPaletteDarkRedBackground2)",colorPaletteDarkRedBorderActive:"var(--colorPaletteDarkRedBorderActive)",colorPaletteDarkRedForeground2:"var(--colorPaletteDarkRedForeground2)",colorPaletteForestBackground2:"var(--colorPaletteForestBackground2)",colorPaletteForestBorderActive:"var(--colorPaletteForestBorderActive)",colorPaletteForestForeground2:"var(--colorPaletteForestForeground2)",colorPaletteGoldBackground2:"var(--colorPaletteGoldBackground2)",colorPaletteGoldBorderActive:"var(--colorPaletteGoldBorderActive)",colorPaletteGoldForeground2:"var(--colorPaletteGoldForeground2)",colorPaletteGrapeBackground2:"var(--colorPaletteGrapeBackground2)",colorPaletteGrapeBorderActive:"var(--colorPaletteGrapeBorderActive)",colorPaletteGrapeForeground2:"var(--colorPaletteGrapeForeground2)",colorPaletteLavenderBackground2:"var(--colorPaletteLavenderBackground2)",colorPaletteLavenderBorderActive:"var(--colorPaletteLavenderBorderActive)",colorPaletteLavenderForeground2:"var(--colorPaletteLavenderForeground2)",colorPaletteLightTealBackground2:"var(--colorPaletteLightTealBackground2)",colorPaletteLightTealBorderActive:"var(--colorPaletteLightTealBorderActive)",colorPaletteLightTealForeground2:"var(--colorPaletteLightTealForeground2)",colorPaletteLilacBackground2:"var(--colorPaletteLilacBackground2)",colorPaletteLilacBorderActive:"var(--colorPaletteLilacBorderActive)",colorPaletteLilacForeground2:"var(--colorPaletteLilacForeground2)",colorPaletteMagentaBackground2:"var(--colorPaletteMagentaBackground2)",colorPaletteMagentaBorderActive:"var(--colorPaletteMagentaBorderActive)",colorPaletteMagentaForeground2:"var(--colorPaletteMagentaForeground2)",colorPaletteMinkBackground2:"var(--colorPaletteMinkBackground2)",colorPaletteMinkBorderActive:"var(--colorPaletteMinkBorderActive)",colorPaletteMinkForeground2:"var(--colorPaletteMinkForeground2)",colorPaletteNavyBackground2:"var(--colorPaletteNavyBackground2)",colorPaletteNavyBorderActive:"var(--colorPaletteNavyBorderActive)",colorPaletteNavyForeground2:"var(--colorPaletteNavyForeground2)",colorPalettePeachBackground2:"var(--colorPalettePeachBackground2)",colorPalettePeachBorderActive:"var(--colorPalettePeachBorderActive)",colorPalettePeachForeground2:"var(--colorPalettePeachForeground2)",colorPalettePinkBackground2:"var(--colorPalettePinkBackground2)",colorPalettePinkBorderActive:"var(--colorPalettePinkBorderActive)",colorPalettePinkForeground2:"var(--colorPalettePinkForeground2)",colorPalettePlatinumBackground2:"var(--colorPalettePlatinumBackground2)",colorPalettePlatinumBorderActive:"var(--colorPalettePlatinumBorderActive)",colorPalettePlatinumForeground2:"var(--colorPalettePlatinumForeground2)",colorPalettePlumBackground2:"var(--colorPalettePlumBackground2)",colorPalettePlumBorderActive:"var(--colorPalettePlumBorderActive)",colorPalettePlumForeground2:"var(--colorPalettePlumForeground2)",colorPalettePumpkinBackground2:"var(--colorPalettePumpkinBackground2)",colorPalettePumpkinBorderActive:"var(--colorPalettePumpkinBorderActive)",colorPalettePumpkinForeground2:"var(--colorPalettePumpkinForeground2)",colorPalettePurpleBackground2:"var(--colorPalettePurpleBackground2)",colorPalettePurpleBorderActive:"var(--colorPalettePurpleBorderActive)",colorPalettePurpleForeground2:"var(--colorPalettePurpleForeground2)",colorPaletteRoyalBlueBackground2:"var(--colorPaletteRoyalBlueBackground2)",colorPaletteRoyalBlueBorderActive:"var(--colorPaletteRoyalBlueBorderActive)",colorPaletteRoyalBlueForeground2:"var(--colorPaletteRoyalBlueForeground2)",colorPaletteSeafoamBackground2:"var(--colorPaletteSeafoamBackground2)",colorPaletteSeafoamBorderActive:"var(--colorPaletteSeafoamBorderActive)",colorPaletteSeafoamForeground2:"var(--colorPaletteSeafoamForeground2)",colorPaletteSteelBackground2:"var(--colorPaletteSteelBackground2)",colorPaletteSteelBorderActive:"var(--colorPaletteSteelBorderActive)",colorPaletteSteelForeground2:"var(--colorPaletteSteelForeground2)",colorPaletteTealBackground2:"var(--colorPaletteTealBackground2)",colorPaletteTealBorderActive:"var(--colorPaletteTealBorderActive)",colorPaletteTealForeground2:"var(--colorPaletteTealForeground2)",borderRadiusNone:"var(--borderRadiusNone)",borderRadiusSmall:fs,borderRadiusMedium:ks,borderRadiusLarge:"var(--borderRadiusLarge)",borderRadiusXLarge:"var(--borderRadiusXLarge)",borderRadiusCircular:$s,fontFamilyBase:Bs,fontFamilyMonospace:"var(--fontFamilyMonospace)",fontFamilyNumeric:"var(--fontFamilyNumeric)",fontSizeBase100:Ss,fontSizeBase200:Cs,fontSizeBase300:Fs,fontSizeBase400:Ns,fontSizeBase500:Ts,fontSizeBase600:Is,fontSizeHero700:"var(--fontSizeHero700)",fontSizeHero800:"var(--fontSizeHero800)",fontSizeHero900:"var(--fontSizeHero900)",fontSizeHero1000:"var(--fontSizeHero1000)",fontWeightRegular:Hs,fontWeightMedium:"var(--fontWeightMedium)",fontWeightSemibold:Es,fontWeightBold:"var(--fontWeightBold)",lineHeightBase100:"var(--lineHeightBase100)",lineHeightBase200:js,lineHeightBase300:Vs,lineHeightBase400:_s,lineHeightBase500:"var(--lineHeightBase500)",lineHeightBase600:"var(--lineHeightBase600)",lineHeightHero700:"var(--lineHeightHero700)",lineHeightHero800:"var(--lineHeightHero800)",lineHeightHero900:"var(--lineHeightHero900)",lineHeightHero1000:"var(--lineHeightHero1000)",shadow2:Us,shadow4:Qs,shadow8:Zs,shadow16:Js,shadow28:"var(--shadow28)",shadow64:"var(--shadow64)",shadow2Brand:"var(--shadow2Brand)",shadow4Brand:"var(--shadow4Brand)",shadow8Brand:"var(--shadow8Brand)",shadow16Brand:"var(--shadow16Brand)",shadow28Brand:"var(--shadow28Brand)",shadow64Brand:"var(--shadow64Brand)",strokeWidthThin:ll,strokeWidthThick:cl,strokeWidthThicker:dl,strokeWidthThickest:"var(--strokeWidthThickest)",spacingHorizontalNone:"var(--spacingHorizontalNone)",spacingHorizontalXXS:pl,spacingHorizontalXS:gl,spacingHorizontalSNudge:vl,spacingHorizontalS:bl,spacingHorizontalMNudge:ml,spacingHorizontalM:fl,spacingHorizontalL:"var(--spacingHorizontalL)",spacingHorizontalXL:"var(--spacingHorizontalXL)",spacingHorizontalXXL:"var(--spacingHorizontalXXL)",spacingHorizontalXXXL:"var(--spacingHorizontalXXXL)",spacingVerticalNone:"var(--spacingVerticalNone)",spacingVerticalXXS:"var(--spacingVerticalXXS)",spacingVerticalXS:"var(--spacingVerticalXS)",spacingVerticalSNudge:Sl,spacingVerticalS:Cl,spacingVerticalMNudge:"var(--spacingVerticalMNudge)",spacingVerticalM:"var(--spacingVerticalM)",spacingVerticalL:"var(--spacingVerticalL)",spacingVerticalXL:"var(--spacingVerticalXL)",spacingVerticalXXL:"var(--spacingVerticalXXL)",spacingVerticalXXXL:"var(--spacingVerticalXXXL)",durationUltraFast:"var(--durationUltraFast)",durationFaster:Ol,durationFast:"var(--durationFast)",durationNormal:"var(--durationNormal)",durationSlow:"var(--durationSlow)",durationSlower:"var(--durationSlower)",durationUltraSlow:Rl,curveAccelerateMax:"var(--curveAccelerateMax)",curveAccelerateMid:"var(--curveAccelerateMid)",curveAccelerateMin:"var(--curveAccelerateMin)",curveDecelerateMax:"var(--curveDecelerateMax)",curveDecelerateMid:"var(--curveDecelerateMid)",curveDecelerateMin:"var(--curveDecelerateMin)",curveEasyEaseMax:"var(--curveEasyEaseMax)",curveEasyEase:Yl,curveLinear:"var(--curveLinear)"});const Ql=j`
|
|
5
|
+
${bt("block")}
|
|
6
6
|
|
|
7
|
-
:host{max-width:fit-content;contain:content}.heading{height:44px;display:grid;position:relative;vertical-align:middle;padding-inline:${
|
|
8
|
-
${
|
|
7
|
+
:host{max-width:fit-content;contain:content}.heading{height:44px;display:grid;position:relative;vertical-align:middle;padding-inline:${fl} ${ml};border-radius:${ks};font-family:${Bs};font-size:${Fs};font-weight:${Hs};line-height:${Vs};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:${Vt};background:${$r};line-height:${Vs};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:${fs}}.icon{display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;height:100%;padding-right:${bl};grid-column:1 / span 1;grid-row:1}.region{margin:0 ${fl}}::slotted([slot='start']),::slotted([slot='end']){justify-content:center;align-items:center;padding-right:${bl};grid-column:2 / span 1;grid-row:1 / span 1}button:focus-visible::after{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${fs};outline:none;border:2px solid ${fa};box-shadow:inset 0 0 0 1px ${ka}}:host([disabled]) .button{color:${so}}: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:${Fs};line-height:${Vs}}:host([size='small']) .heading{font-size:${Cs};line-height:${js}}:host([size='large']) .heading{font-size:${Ns};line-height:${_s}}:host([size='extra-large']) .heading{font-size:${Ts};line-height:${"var(--lineHeightBase500)"}}: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}`;const Zl=function(e={}){return ke`<div class="heading" part="heading" role="heading" aria-level="${e=>e.headinglevel}"><button class="button" part="button" ${xe("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>${wt(e)} ${Bt(e)}<span class="icon" part="icon" aria-hidden="true"><slot name="expanded-icon">${pt(e.expandedIcon)}</slot><slot name="collapsed-icon">${pt(e.collapsedIcon)}</slot><span></div><div class="region" part="region" id="${e=>e.id}-panel" role="region" aria-labelledby="${e=>e.id}"><slot></slot></div>`}({collapsedIcon:ke.partial('<svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n class="default-collapsed-icon"\n>\n <path\n 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"\n fill="currentColor"\n />\n</svg>'),expandedIcon:ke.partial('<svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n class="default-expanded-icon"\n>\n <path\n 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"\n fill="currentColor"\n />\n</svg>')}),Jl=Nt.compose({name:Et.prefix+"-accordion-item",template:Zl,styles:Ql});var ec=Object.defineProperty,tc=Object.getOwnPropertyDescriptor,oc=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?tc(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&ec(t,o,n),n};class rc extends et{constructor(){super(...arguments),this.iconOnly=!1,this.disabled=!1,this.disabledFocusable=!1,this.handleDisabledFocusableClick=e=>{(e&&this.disabled||this.disabledFocusable)&&e.stopImmediatePropagation()}}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)}}oc([Oe],rc.prototype,"download",2),oc([Oe],rc.prototype,"href",2),oc([Oe],rc.prototype,"hreflang",2),oc([Oe],rc.prototype,"ping",2),oc([Oe],rc.prototype,"referrerpolicy",2),oc([Oe],rc.prototype,"rel",2),oc([Oe],rc.prototype,"target",2),oc([Oe],rc.prototype,"type",2),oc([B],rc.prototype,"defaultSlottedContent",2),oc([Oe],rc.prototype,"appearance",2),oc([Oe],rc.prototype,"shape",2),oc([Oe],rc.prototype,"size",2),oc([Oe({attribute:"icon-only",mode:"boolean"})],rc.prototype,"iconOnly",2),oc([Oe({mode:"boolean"})],rc.prototype,"disabled",2),oc([Oe({attribute:"disabled-focusable",mode:"boolean"})],rc.prototype,"disabledFocusable",2);class ac{}oc([Oe({attribute:"aria-expanded"})],ac.prototype,"ariaExpanded",2),Pt(ac,ut),Pt(rc,$t,ac);const nc={primary:"primary",outline:"outline",subtle:"subtle",secondary:"secondary",transparent:"transparent"},ic={circular:"circular",rounded:"rounded",square:"square"},sc={small:"small",medium:"medium",large:"large"},lc={submit:"submit",reset:"reset",button:"button"},cc=nc,dc=ic,uc=sc,hc={_self:"_self",_blank:"_blank",_parent:"_parent",_top:"_top"};const pc=function(e={}){return ke`<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}" ${xe("control")}>${wt(e)}<span class="content" part="content"><slot ${Ne("defaultSlottedContent")}></slot></span>${Bt(e)}</a>`}(),gc=j`
|
|
8
|
+
${bt("inline-flex")}
|
|
9
9
|
|
|
10
|
-
:host{--icon-spacing:${
|
|
11
|
-
.control{background-color:${"var(--colorNeutralBackgroundDisabled)"};border-color:${
|
|
12
|
-
:host([appearance='transparent']:hover) .control{border-color:Highlight}`)),
|
|
13
|
-
${
|
|
10
|
+
:host{--icon-spacing:${vl};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:${Vo};color:${Vt};border:${ll} solid ${Qr};padding:0 ${fl};min-width:96px;border-radius:${ks};font-size:${Fs};font-family:${Bs};font-weight:${Es};line-height:${Vs};transition-duration:${Ol};transition-property:background,border,color;transition-timing-function:${Yl};cursor:pointer}.content{display:inherit}:host(:hover) .control{background-color:${"var(--colorNeutralBackground1Hover)"};color:${"var(--colorNeutralForeground1Hover)"};border-color:${"var(--colorNeutralStroke1Hover)"}}:host(:hover:active) .control{background-color:${"var(--colorNeutralBackground1Pressed)"};border-color:${"var(--colorNeutralStroke1Pressed)"};color:${"var(--colorNeutralForeground1Pressed)"};outline-style:none}:host .control:focus-visible{border-color:${va};outline:${cl}) solid ${va};box-shadow:${Qs},0 0 0 2px ${ka}}@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:${gl}}:host([size='small']) .control{min-height:24px;min-width:64px;padding:0 ${bl};border-radius:${fs};font-size:${Cs};line-height:${js};font-weight:${Hs}}:host([size='small'][icon-only]) .control{min-width:24px;max-width:24px}:host([size='large']) .control{min-height:40px;border-radius:${"var(--borderRadiusLarge)"};padding:0 ${"var(--spacingHorizontalL)"};font-size:${Ns};line-height:${_s}}: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:${$s}}:host([shape='square']) .control,:host([shape='square']) .control:focus-visible{border-radius:${"var(--borderRadiusNone)"}}:host([appearance='primary']) .control{background-color:${"var(--colorBrandBackground)"};color:${yo};border-color:transparent}:host([appearance='primary']:hover) .control{background-color:${"var(--colorBrandBackgroundHover)"}}:host([appearance='primary']:hover) .control,:host([appearance='primary']:hover:active) .control{border-color:transparent;color:${yo}}:host([appearance='primary']:hover:active) .control{background-color:${"var(--colorBrandBackgroundPressed)"}}:host([appearance='primary']) .control:focus-visible{border-color:${yo};box-shadow:${Us},0 0 0 2px ${ka}}: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:${$r}}:host([appearance='outline']:hover) .control{background-color:${"var(--colorTransparentBackgroundHover)"}}:host([appearance='outline']:hover:active) .control{background-color:${"var(--colorTransparentBackgroundPressed)"}}: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:${$r}}:host([appearance='subtle']) .control{background-color:${"var(--colorSubtleBackground)"};color:${qt};border-color:transparent}:host([appearance='subtle']:hover) .control{background-color:${"var(--colorSubtleBackgroundHover)"};color:${"var(--colorNeutralForeground2Hover)"};border-color:transparent}:host([appearance='subtle']:hover:active) .control{background-color:${"var(--colorSubtleBackgroundPressed)"};color:${"var(--colorNeutralForeground2Pressed)"};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:${$r};border-color:transparent}:host([appearance='subtle']:hover) ::slotted(svg){fill:${"var(--colorNeutralForeground2BrandHover)"}}:host([appearance='subtle']:hover:active) ::slotted(svg){fill:${"var(--colorNeutralForeground2BrandPressed)"}}:host([appearance='transparent']) .control{background-color:${$r};color:${qt}}:host([appearance='transparent']:hover) .control{background-color:${"var(--colorTransparentBackgroundHover)"};color:${"var(--colorNeutralForeground2BrandHover)"}}:host([appearance='transparent']:hover:active) .control{background-color:${"var(--colorTransparentBackgroundPressed)"};color:${"var(--colorNeutralForeground2BrandPressed)"}}: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) .control{border-color:transparent;background-color:${$r}}: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)
|
|
11
|
+
.control{background-color:${"var(--colorNeutralBackgroundDisabled)"};border-color:${pa};color:${so};cursor:not-allowed}`.withBehaviors(kt(j`
|
|
12
|
+
:host([appearance='transparent']:hover) .control{border-color:Highlight}`)),vc=j`
|
|
13
|
+
${gc}
|
|
14
14
|
|
|
15
|
-
.content{text-align:center}`,
|
|
16
|
-
${At("inline-flex")} :host{position:relative;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;font-family:${ks};font-weight:${zs};font-size:${ws};border-radius:${fs};color:${Kt};background-color:${"var(--colorNeutralBackground6)"};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:${fs}}::slotted([slot='badge']){position:absolute;bottom:0;right:0;box-shadow:0 0 0 ${al}) ${Eo}}: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 ${nl}) ${Eo}}:host([size='16']),:host([size='20']),:host([size='24']){font-size:${$s};font-weight:${As}}: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:${Bs}}:host([size='36']){width:36px;height:36px}:host([size='40']){width:40px;height:40px}:host([size='48']),:host([size='56']){font-size:${Ps}}: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:${Ss}}: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:${Cs}}:host([size='120']){width:120px;height:120px}:host([size='128']){width:128px;height:128px}:host([shape='square']){border-radius:${vs}}:host([shape='square'][size='20']),:host([shape='square'][size='24']){border-radius:${gs}}:host([shape='square'][size='56']),:host([shape='square'][size='64']),:host([shape='square'][size='72']){border-radius:${"var(--borderRadiusLarge)"}}:host([shape='square'][size='96']),:host([shape='square'][size='120']),:host([shape='square'][size='128']){border-radius:${"var(--borderRadiusXLarge)"}}:host([data-color='brand']){color:${"var(--colorNeutralForegroundStaticInverted)"};background-color:${"var(--colorBrandBackgroundStatic)"}}:host([data-color='dark-red']){color:${"var(--colorPaletteDarkRedForeground2)"};background-color:${"var(--colorPaletteDarkRedBackground2)"}}:host([data-color='cranberry']){color:${"var(--colorPaletteCranberryForeground2)"};background-color:${"var(--colorPaletteCranberryBackground2)"}}:host([data-color='red']){color:${"var(--colorPaletteRedForeground2)"};background-color:${"var(--colorPaletteRedBackground2)"}}:host([data-color='pumpkin']){color:${"var(--colorPalettePumpkinForeground2)"};background-color:${"var(--colorPalettePumpkinBackground2)"}}:host([data-color='peach']){color:${"var(--colorPalettePeachForeground2)"};background-color:${"var(--colorPalettePeachBackground2)"}}:host([data-color='marigold']){color:${"var(--colorPaletteMarigoldForeground2)"};background-color:${"var(--colorPaletteMarigoldBackground2)"}}:host([data-color='gold']){color:${"var(--colorPaletteGoldForeground2)"};background-color:${"var(--colorPaletteGoldBackground2)"}}:host([data-color='brass']){color:${"var(--colorPaletteBrassForeground2)"};background-color:${"var(--colorPaletteBrassBackground2)"}}:host([data-color='brown']){color:${"var(--colorPaletteBrownForeground2)"};background-color:${"var(--colorPaletteBrownBackground2)"}}:host([data-color='forest']){color:${"var(--colorPaletteForestForeground2)"};background-color:${"var(--colorPaletteForestBackground2)"}}:host([data-color='seafoam']){color:${"var(--colorPaletteSeafoamForeground2)"};background-color:${"var(--colorPaletteSeafoamBackground2)"}}:host([data-color='dark-green']){color:${"var(--colorPaletteDarkGreenForeground2)"};background-color:${"var(--colorPaletteDarkGreenBackground2)"}}:host([data-color='light-teal']){color:${"var(--colorPaletteLightTealForeground2)"};background-color:${"var(--colorPaletteLightTealBackground2)"}}:host([data-color='teal']){color:${"var(--colorPaletteTealForeground2)"};background-color:${"var(--colorPaletteTealBackground2)"}}:host([data-color='steel']){color:${"var(--colorPaletteSteelForeground2)"};background-color:${"var(--colorPaletteSteelBackground2)"}}:host([data-color='blue']){color:${"var(--colorPaletteBlueForeground2)"};background-color:${"var(--colorPaletteBlueBackground2)"}}:host([data-color='royal-blue']){color:${"var(--colorPaletteRoyalBlueForeground2)"};background-color:${"var(--colorPaletteRoyalBlueBackground2)"}}:host([data-color='cornflower']){color:${"var(--colorPaletteCornflowerForeground2)"};background-color:${"var(--colorPaletteCornflowerBackground2)"}}:host([data-color='navy']){color:${"var(--colorPaletteNavyForeground2)"};background-color:${"var(--colorPaletteNavyBackground2)"}}:host([data-color='lavender']){color:${"var(--colorPaletteLavenderForeground2)"};background-color:${"var(--colorPaletteLavenderBackground2)"}}:host([data-color='purple']){color:${"var(--colorPalettePurpleForeground2)"};background-color:${"var(--colorPalettePurpleBackground2)"}}:host([data-color='grape']){color:${"var(--colorPaletteGrapeForeground2)"};background-color:${"var(--colorPaletteGrapeBackground2)"}}:host([data-color='lilac']){color:${"var(--colorPaletteLilacForeground2)"};background-color:${"var(--colorPaletteLilacBackground2)"}}:host([data-color='pink']){color:${"var(--colorPalettePinkForeground2)"};background-color:${"var(--colorPalettePinkBackground2)"}}:host([data-color='magenta']){color:${"var(--colorPaletteMagentaForeground2)"};background-color:${"var(--colorPaletteMagentaBackground2)"}}:host([data-color='plum']){color:${"var(--colorPalettePlumForeground2)"};background-color:${"var(--colorPalettePlumBackground2)"}}:host([data-color='beige']){color:${"var(--colorPaletteBeigeForeground2)"};background-color:${"var(--colorPaletteBeigeBackground2)"}}:host([data-color='mink']){color:${"var(--colorPaletteMinkForeground2)"};background-color:${"var(--colorPaletteMinkBackground2)"}}:host([data-color='platinum']){color:${"var(--colorPalettePlatinumForeground2)"};background-color:${"var(--colorPalettePlatinumBackground2)"}}:host([data-color='anchor']){color:${"var(--colorPaletteAnchorForeground2)"};background-color:${"var(--colorPaletteAnchorBackground2)"}}:host([active]){transform:perspective(1px);transition-property:transform,opacity;transition-duration:${Hl},${Il};transition-delay:${zc},${Oc}}:host([active])::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:inherit;transition-property:margin,opacity;transition-duration:${Hl}),${"var(--durationSlower)"};transition-delay:${zc}),${Oc})}:host([active])::before{box-shadow:${Ys};border-style:solid;border-color:${"var(--colorBrandBackgroundStatic)"}}:host([active][appearance='shadow'])::before{border-style:none;border-color:none}:host([active]:not([appearance='shadow']))::before{margin:calc(-2 * ${nl});border-width:${nl}}:host([size='56'][active]:not([appearance='shadow']))::before,:host([size='64'][active]:not([appearance='shadow']))::before{margin:calc(-2 * ${il});border-width:${il}}: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 * ${"var(--strokeWidthThickest)"});border-width:${"var(--strokeWidthThickest)"}}:host([size='20'][active][appearance])::before,:host([size='24'][active][appearance])::before,:host([size='28'][active][appearance])::before{box-shadow:${Ws}}:host([size='56'][active][appearance])::before,:host([size='64'][active][appearance])::before{box-shadow:${Ks}}: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:${"var(--shadow28)"}}:host([active][appearance='ring'])::before{box-shadow:none}:host([active='inactive']){opacity:0.8;transform:scale(0.875);transition-property:transform,opacity;transition-duration:${Hl},${Il};transition-delay:${Lc},${Oc}}:host([active='inactive'])::before{margin:0;opacity:0;transition-property:margin,opacity;transition-duration:${Hl},${"var(--durationSlower)"};transition-delay:${Lc},${Oc}}@media screen and (prefers-reduced-motion:reduce){:host([active]){transition-duration:0.01ms}:host([active])::before{transition-duration:0.01ms;transition-delay:0.01ms}}`,Dc=Nc.compose({name:zt.prefix+"-avatar",template:Ac,styles:Hc}),Ec={filled:"filled",ghost:"ghost",outline:"outline",tint:"tint"},Mc={brand:"brand",danger:"danger",important:"important",informative:"informative",severe:"severe",subtle:"subtle",success:"success",warning:"warning"},Rc={circular:"circular",rounded:"rounded",square:"square"},jc={tiny:"tiny",extraSmall:"extra-small",small:"small",medium:"medium",large:"large",extraLarge:"extra-large"};var Vc=Object.defineProperty,_c=Object.getOwnPropertyDescriptor,Gc=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?_c(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&Vc(t,o,n),n};class Xc extends et{constructor(){super(...arguments),this.appearance=Ec.filled,this.color=Mc.brand}}function qc(e={}){return ke` ${mt(e)}<slot>${pt(e.defaultContent)}</slot>${bt(e)} `}Gc([Oe],Xc.prototype,"appearance",2),Gc([Oe],Xc.prototype,"color",2),Gc([Oe],Xc.prototype,"shape",2),Gc([Oe],Xc.prototype,"size",2),ft(Xc,vt);const Wc=qc(),Yc=cl,Kc=j.partial`
|
|
17
|
-
${
|
|
15
|
+
.content{text-align:center}`,bc=rc.compose({name:Et.prefix+"-anchor-button",template:pc,styles:vc,shadowOptions:{delegatesFocus:!0}}),mc=/[\(\[\{][^\)\]\}]*[\)\]\}]/g,fc=/[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g,kc=/^\d+[\d\s]*(:?ext|x|)\s*\d+$/i,yc=/\s+/g,xc=/[\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 $c(e,t,o){return e?(e=function(e){return e=(e=(e=(e=e.replace(mc,"")).replace(fc,"")).replace(yc," ")).trim()}(e),xc.test(e)||!(null==o?void 0:o.allowPhoneInitials)&&kc.test(e)?"":function(e,t,o){let r="";const a=e.split(" ");return 0!==a.length&&(r+=a[0].charAt(0).toUpperCase()),o||(2===a.length?r+=a[1].charAt(0).toUpperCase():3===a.length&&(r+=a[2].charAt(0).toUpperCase())),t&&r.length>1?r.charAt(1)+r.charAt(0):r}(e,t,null==o?void 0:o.firstInitialOnly)):""}const Bc={active:"active",inactive:"inactive"},wc={circular:"circular",square:"square"},Pc={ring:"ring",shadow:"shadow",ringShadow:"ring-shadow"},Sc={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"},Cc={neutral:"neutral",brand:"brand",colorful:"colorful",...Sc},Fc={_16:16,_20:20,_24:24,_28:28,_32:32,_36:36,_40:40,_48:48,_56:56,_64:64,_72:72,_96:96,_120:120,_128:128};var Nc=Object.defineProperty,Tc=Object.getOwnPropertyDescriptor,Ic=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?Tc(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&Nc(t,o,n),n};const Ac=class extends et{constructor(){super(...arguments),this.color="neutral"}generateColor(){var e,t;if(this.color)return this.color===Cc.colorful?Ac.colors[zc(null!=(t=null!=(e=this.colorId)?e:this.name)?t:"")%Ac.colors.length]:this.color}generateInitials(){var e,t;if(!this.name&&!this.initials)return;const o=null!=(e=this.size)?e:32;return null!=(t=this.initials)?t:$c(this.name,"rtl"===window.getComputedStyle(this).direction,{firstInitialOnly:o<=16})}};let Lc=Ac;Lc.colors=Object.values(Sc),Ic([Oe],Lc.prototype,"name",2),Ic([Oe],Lc.prototype,"initials",2),Ic([Oe({converter:Le})],Lc.prototype,"size",2),Ic([Oe],Lc.prototype,"shape",2),Ic([Oe],Lc.prototype,"active",2),Ic([Oe],Lc.prototype,"appearance",2),Ic([Oe],Lc.prototype,"color",2),Ic([Oe({attribute:"color-id"})],Lc.prototype,"colorId",2);const zc=e=>{let t=0;for(let o=e.length-1;o>=0;o--){const r=e.charCodeAt(o),a=o%8;t^=(r<<a)+(r>>8-a)}return t},Oc=ke`<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>`;const Hc=ke`<template role="img" data-color=${e=>e.generateColor()}><slot>${e=>e.name||e.initials?e.generateInitials():Oc}</slot><slot name="badge"></slot></template>`,Dc="var(--curveDecelerateMin)",Ec="var(--curveEasyEaseMax)",Mc="var(--curveLinear)",Rc=j`
|
|
16
|
+
${bt("inline-flex")} :host{position:relative;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;font-family:${Bs};font-weight:${Es};font-size:${Fs};border-radius:${$s};color:${Jt};background-color:${"var(--colorNeutralBackground6)"};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:${$s}}::slotted([slot='badge']){position:absolute;bottom:0;right:0;box-shadow:0 0 0 ${ll}) ${Vo}}: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 ${cl}) ${Vo}}:host([size='16']),:host([size='20']),:host([size='24']){font-size:${Ss};font-weight:${Hs}}: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:${Cs}}:host([size='36']){width:36px;height:36px}:host([size='40']){width:40px;height:40px}:host([size='48']),:host([size='56']){font-size:${Ns}}: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:${Ts}}: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:${Is}}:host([size='120']){width:120px;height:120px}:host([size='128']){width:128px;height:128px}:host([shape='square']){border-radius:${ks}}:host([shape='square'][size='20']),:host([shape='square'][size='24']){border-radius:${fs}}:host([shape='square'][size='56']),:host([shape='square'][size='64']),:host([shape='square'][size='72']){border-radius:${"var(--borderRadiusLarge)"}}:host([shape='square'][size='96']),:host([shape='square'][size='120']),:host([shape='square'][size='128']){border-radius:${"var(--borderRadiusXLarge)"}}:host([data-color='brand']){color:${"var(--colorNeutralForegroundStaticInverted)"};background-color:${"var(--colorBrandBackgroundStatic)"}}:host([data-color='dark-red']){color:${"var(--colorPaletteDarkRedForeground2)"};background-color:${"var(--colorPaletteDarkRedBackground2)"}}:host([data-color='cranberry']){color:${"var(--colorPaletteCranberryForeground2)"};background-color:${"var(--colorPaletteCranberryBackground2)"}}:host([data-color='red']){color:${"var(--colorPaletteRedForeground2)"};background-color:${"var(--colorPaletteRedBackground2)"}}:host([data-color='pumpkin']){color:${"var(--colorPalettePumpkinForeground2)"};background-color:${"var(--colorPalettePumpkinBackground2)"}}:host([data-color='peach']){color:${"var(--colorPalettePeachForeground2)"};background-color:${"var(--colorPalettePeachBackground2)"}}:host([data-color='marigold']){color:${"var(--colorPaletteMarigoldForeground2)"};background-color:${"var(--colorPaletteMarigoldBackground2)"}}:host([data-color='gold']){color:${"var(--colorPaletteGoldForeground2)"};background-color:${"var(--colorPaletteGoldBackground2)"}}:host([data-color='brass']){color:${"var(--colorPaletteBrassForeground2)"};background-color:${"var(--colorPaletteBrassBackground2)"}}:host([data-color='brown']){color:${"var(--colorPaletteBrownForeground2)"};background-color:${"var(--colorPaletteBrownBackground2)"}}:host([data-color='forest']){color:${"var(--colorPaletteForestForeground2)"};background-color:${"var(--colorPaletteForestBackground2)"}}:host([data-color='seafoam']){color:${"var(--colorPaletteSeafoamForeground2)"};background-color:${"var(--colorPaletteSeafoamBackground2)"}}:host([data-color='dark-green']){color:${"var(--colorPaletteDarkGreenForeground2)"};background-color:${"var(--colorPaletteDarkGreenBackground2)"}}:host([data-color='light-teal']){color:${"var(--colorPaletteLightTealForeground2)"};background-color:${"var(--colorPaletteLightTealBackground2)"}}:host([data-color='teal']){color:${"var(--colorPaletteTealForeground2)"};background-color:${"var(--colorPaletteTealBackground2)"}}:host([data-color='steel']){color:${"var(--colorPaletteSteelForeground2)"};background-color:${"var(--colorPaletteSteelBackground2)"}}:host([data-color='blue']){color:${"var(--colorPaletteBlueForeground2)"};background-color:${"var(--colorPaletteBlueBackground2)"}}:host([data-color='royal-blue']){color:${"var(--colorPaletteRoyalBlueForeground2)"};background-color:${"var(--colorPaletteRoyalBlueBackground2)"}}:host([data-color='cornflower']){color:${"var(--colorPaletteCornflowerForeground2)"};background-color:${"var(--colorPaletteCornflowerBackground2)"}}:host([data-color='navy']){color:${"var(--colorPaletteNavyForeground2)"};background-color:${"var(--colorPaletteNavyBackground2)"}}:host([data-color='lavender']){color:${"var(--colorPaletteLavenderForeground2)"};background-color:${"var(--colorPaletteLavenderBackground2)"}}:host([data-color='purple']){color:${"var(--colorPalettePurpleForeground2)"};background-color:${"var(--colorPalettePurpleBackground2)"}}:host([data-color='grape']){color:${"var(--colorPaletteGrapeForeground2)"};background-color:${"var(--colorPaletteGrapeBackground2)"}}:host([data-color='lilac']){color:${"var(--colorPaletteLilacForeground2)"};background-color:${"var(--colorPaletteLilacBackground2)"}}:host([data-color='pink']){color:${"var(--colorPalettePinkForeground2)"};background-color:${"var(--colorPalettePinkBackground2)"}}:host([data-color='magenta']){color:${"var(--colorPaletteMagentaForeground2)"};background-color:${"var(--colorPaletteMagentaBackground2)"}}:host([data-color='plum']){color:${"var(--colorPalettePlumForeground2)"};background-color:${"var(--colorPalettePlumBackground2)"}}:host([data-color='beige']){color:${"var(--colorPaletteBeigeForeground2)"};background-color:${"var(--colorPaletteBeigeBackground2)"}}:host([data-color='mink']){color:${"var(--colorPaletteMinkForeground2)"};background-color:${"var(--colorPaletteMinkBackground2)"}}:host([data-color='platinum']){color:${"var(--colorPalettePlatinumForeground2)"};background-color:${"var(--colorPalettePlatinumBackground2)"}}:host([data-color='anchor']){color:${"var(--colorPaletteAnchorForeground2)"};background-color:${"var(--colorPaletteAnchorBackground2)"}}:host([active]){transform:perspective(1px);transition-property:transform,opacity;transition-duration:${Rl},${Ol};transition-delay:${Ec},${Mc}}:host([active])::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:inherit;transition-property:margin,opacity;transition-duration:${Rl}),${"var(--durationSlower)"};transition-delay:${Ec}),${Mc})}:host([active])::before{box-shadow:${Zs};border-style:solid;border-color:${"var(--colorBrandBackgroundStatic)"}}:host([active][appearance='shadow'])::before{border-style:none;border-color:none}:host([active]:not([appearance='shadow']))::before{margin:calc(-2 * ${cl});border-width:${cl}}:host([size='56'][active]:not([appearance='shadow']))::before,:host([size='64'][active]:not([appearance='shadow']))::before{margin:calc(-2 * ${dl});border-width:${dl}}: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 * ${"var(--strokeWidthThickest)"});border-width:${"var(--strokeWidthThickest)"}}:host([size='20'][active][appearance])::before,:host([size='24'][active][appearance])::before,:host([size='28'][active][appearance])::before{box-shadow:${Qs}}:host([size='56'][active][appearance])::before,:host([size='64'][active][appearance])::before{box-shadow:${Js}}: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:${"var(--shadow28)"}}:host([active][appearance='ring'])::before{box-shadow:none}:host([active='inactive']){opacity:0.8;transform:scale(0.875);transition-property:transform,opacity;transition-duration:${Rl},${Ol};transition-delay:${Dc},${Mc}}:host([active='inactive'])::before{margin:0;opacity:0;transition-property:margin,opacity;transition-duration:${Rl},${"var(--durationSlower)"};transition-delay:${Dc},${Mc}}@media screen and (prefers-reduced-motion:reduce){:host([active]){transition-duration:0.01ms}:host([active])::before{transition-duration:0.01ms;transition-delay:0.01ms}}`,jc=Lc.compose({name:Et.prefix+"-avatar",template:Hc,styles:Rc}),Vc={filled:"filled",ghost:"ghost",outline:"outline",tint:"tint"},_c={brand:"brand",danger:"danger",important:"important",informative:"informative",severe:"severe",subtle:"subtle",success:"success",warning:"warning"},Gc={circular:"circular",rounded:"rounded",square:"square"},Xc={tiny:"tiny",extraSmall:"extra-small",small:"small",medium:"medium",large:"large",extraLarge:"extra-large"};var qc=Object.defineProperty,Wc=Object.getOwnPropertyDescriptor,Yc=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?Wc(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&qc(t,o,n),n};class Kc extends et{constructor(){super(...arguments),this.appearance=Vc.filled,this.color=_c.brand}}function Uc(e={}){return ke` ${wt(e)}<slot>${pt(e.defaultContent)}</slot>${Bt(e)} `}Yc([Oe],Kc.prototype,"appearance",2),Yc([Oe],Kc.prototype,"color",2),Yc([Oe],Kc.prototype,"shape",2),Yc([Oe],Kc.prototype,"size",2),Pt(Kc,$t);const Qc=Uc(),Zc=pl,Jc=j.partial`
|
|
17
|
+
${bt("inline-flex")} :host {
|
|
18
18
|
position: relative;
|
|
19
19
|
box-sizing: border-box;
|
|
20
20
|
align-items: center;
|
|
21
21
|
justify-content: center;
|
|
22
|
-
font-family: ${
|
|
23
|
-
font-weight: ${
|
|
24
|
-
font-size: ${
|
|
25
|
-
line-height: ${
|
|
22
|
+
font-family: ${Bs};
|
|
23
|
+
font-weight: ${Es};
|
|
24
|
+
font-size: ${Cs};
|
|
25
|
+
line-height: ${js};
|
|
26
26
|
min-width: 20px;
|
|
27
27
|
height: 20px;
|
|
28
|
-
padding-inline: calc(${
|
|
29
|
-
border-radius: ${
|
|
30
|
-
border-color: ${
|
|
28
|
+
padding-inline: calc(${gl} + ${Zc});
|
|
29
|
+
border-radius: ${$s};
|
|
30
|
+
border-color: ${va};
|
|
31
31
|
background-color: ${"var(--colorBrandBackground)"};
|
|
32
|
-
color: ${
|
|
32
|
+
color: ${yo};
|
|
33
33
|
contain: content;
|
|
34
34
|
}
|
|
35
35
|
|
|
@@ -45,11 +45,11 @@ let e;try{if(document.currentScript)e=document.currentScript.getAttribute("fast-
|
|
|
45
45
|
bottom: 0;
|
|
46
46
|
right: 0;
|
|
47
47
|
border-style: solid;
|
|
48
|
-
border-width: ${
|
|
48
|
+
border-width: ${ll};
|
|
49
49
|
border-color: inherit;
|
|
50
50
|
border-radius: inherit;
|
|
51
51
|
}
|
|
52
|
-
`,
|
|
52
|
+
`,ed=j.partial`
|
|
53
53
|
:host([size='tiny']) {
|
|
54
54
|
width: 6px;
|
|
55
55
|
height: 6px;
|
|
@@ -75,9 +75,9 @@ let e;try{if(document.currentScript)e=document.currentScript.getAttribute("fast-
|
|
|
75
75
|
:host([size='small']) {
|
|
76
76
|
min-width: 16px;
|
|
77
77
|
height: 16px;
|
|
78
|
-
font-size: ${
|
|
78
|
+
font-size: ${Ss};
|
|
79
79
|
line-height: ${"var(--lineHeightBase100)"};
|
|
80
|
-
padding-inline: calc(${
|
|
80
|
+
padding-inline: calc(${pl} + ${Zc});
|
|
81
81
|
}
|
|
82
82
|
:host([size='small']) ::slotted(svg) {
|
|
83
83
|
font-size: 12px;
|
|
@@ -85,9 +85,9 @@ let e;try{if(document.currentScript)e=document.currentScript.getAttribute("fast-
|
|
|
85
85
|
:host([size='large']) {
|
|
86
86
|
min-width: 24px;
|
|
87
87
|
height: 24px;
|
|
88
|
-
font-size: ${
|
|
89
|
-
line-height: ${
|
|
90
|
-
padding-inline: calc(${
|
|
88
|
+
font-size: ${Cs};
|
|
89
|
+
line-height: ${js};
|
|
90
|
+
padding-inline: calc(${gl} + ${Zc});
|
|
91
91
|
}
|
|
92
92
|
:host([size='large']) ::slotted(svg) {
|
|
93
93
|
font-size: 16px;
|
|
@@ -95,49 +95,49 @@ let e;try{if(document.currentScript)e=document.currentScript.getAttribute("fast-
|
|
|
95
95
|
:host([size='extra-large']) {
|
|
96
96
|
min-width: 32px;
|
|
97
97
|
height: 32px;
|
|
98
|
-
font-size: ${
|
|
99
|
-
line-height: ${
|
|
100
|
-
padding-inline: calc(${
|
|
98
|
+
font-size: ${Cs};
|
|
99
|
+
line-height: ${js};
|
|
100
|
+
padding-inline: calc(${vl} + ${Zc});
|
|
101
101
|
}
|
|
102
102
|
:host([size='extra-large']) ::slotted(svg) {
|
|
103
103
|
font-size: 20px;
|
|
104
104
|
}
|
|
105
|
-
`,
|
|
105
|
+
`,td=j.partial`
|
|
106
106
|
:host([color='danger']) {
|
|
107
107
|
background-color: ${"var(--colorPaletteRedBackground3)"};
|
|
108
|
-
color: ${
|
|
108
|
+
color: ${yo};
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
:host([color='important']) {
|
|
112
|
-
background-color: ${
|
|
113
|
-
color: ${
|
|
112
|
+
background-color: ${Vt};
|
|
113
|
+
color: ${Vo};
|
|
114
114
|
}
|
|
115
115
|
|
|
116
116
|
:host([color='informative']) {
|
|
117
117
|
background-color: ${"var(--colorNeutralBackground5)"};
|
|
118
|
-
color: ${
|
|
118
|
+
color: ${Jt};
|
|
119
119
|
}
|
|
120
120
|
|
|
121
121
|
:host([color='severe']) {
|
|
122
122
|
background-color: ${"var(--colorPaletteDarkOrangeBackground3)"};
|
|
123
|
-
color: ${
|
|
123
|
+
color: ${yo};
|
|
124
124
|
}
|
|
125
125
|
|
|
126
126
|
:host([color='subtle']) {
|
|
127
|
-
background-color: ${
|
|
128
|
-
color: ${
|
|
127
|
+
background-color: ${Vo};
|
|
128
|
+
color: ${Vt};
|
|
129
129
|
}
|
|
130
130
|
|
|
131
131
|
:host([color='success']) {
|
|
132
132
|
background-color: ${"var(--colorPaletteGreenBackground3)"};
|
|
133
|
-
color: ${
|
|
133
|
+
color: ${yo};
|
|
134
134
|
}
|
|
135
135
|
|
|
136
136
|
:host([color='warning']) {
|
|
137
137
|
background-color: ${"var(--colorPaletteYellowBackground3)"};
|
|
138
138
|
color: ${"var(--colorNeutralForeground1Static)"};
|
|
139
139
|
}
|
|
140
|
-
`,
|
|
140
|
+
`,od=j.partial`
|
|
141
141
|
:host([appearance='ghost']) {
|
|
142
142
|
color: ${"var(--colorBrandForeground1)"};
|
|
143
143
|
background-color: initial;
|
|
@@ -148,11 +148,11 @@ let e;try{if(document.currentScript)e=document.currentScript.getAttribute("fast-
|
|
|
148
148
|
}
|
|
149
149
|
|
|
150
150
|
:host([appearance='ghost'][color='important']) {
|
|
151
|
-
color: ${
|
|
151
|
+
color: ${Vt};
|
|
152
152
|
}
|
|
153
153
|
|
|
154
154
|
:host([appearance='ghost'][color='informative']) {
|
|
155
|
-
color: ${
|
|
155
|
+
color: ${Jt};
|
|
156
156
|
}
|
|
157
157
|
|
|
158
158
|
:host([appearance='ghost'][color='severe']) {
|
|
@@ -170,7 +170,7 @@ let e;try{if(document.currentScript)e=document.currentScript.getAttribute("fast-
|
|
|
170
170
|
:host([appearance='ghost'][color='warning']) {
|
|
171
171
|
color: ${"var(--colorPaletteYellowForeground2)"};
|
|
172
172
|
}
|
|
173
|
-
`,
|
|
173
|
+
`,rd=j.partial`
|
|
174
174
|
:host([appearance='outline']) {
|
|
175
175
|
border-color: currentColor;
|
|
176
176
|
color: ${"var(--colorBrandForeground1)"};
|
|
@@ -182,13 +182,13 @@ let e;try{if(document.currentScript)e=document.currentScript.getAttribute("fast-
|
|
|
182
182
|
}
|
|
183
183
|
|
|
184
184
|
:host([appearance='outline'][color='important']) {
|
|
185
|
-
color: ${
|
|
186
|
-
border-color: ${
|
|
185
|
+
color: ${Jt};
|
|
186
|
+
border-color: ${Wr};
|
|
187
187
|
}
|
|
188
188
|
|
|
189
189
|
:host([appearance='outline'][color='informative']) {
|
|
190
|
-
color: ${
|
|
191
|
-
border-color: ${
|
|
190
|
+
color: ${Jt};
|
|
191
|
+
border-color: ${ta};
|
|
192
192
|
}
|
|
193
193
|
|
|
194
194
|
:host([appearance='outline'][color='severe']) {
|
|
@@ -206,9 +206,9 @@ let e;try{if(document.currentScript)e=document.currentScript.getAttribute("fast-
|
|
|
206
206
|
:host([appearance='outline'][color='warning']) {
|
|
207
207
|
color: ${"var(--colorPaletteYellowForeground2)"};
|
|
208
208
|
}
|
|
209
|
-
`,
|
|
209
|
+
`,ad=j.partial`
|
|
210
210
|
:host([appearance='tint']) {
|
|
211
|
-
background-color: ${
|
|
211
|
+
background-color: ${Vr};
|
|
212
212
|
color: ${"var(--colorBrandForeground2)"};
|
|
213
213
|
border-color: ${"var(--colorBrandStroke2)"};
|
|
214
214
|
}
|
|
@@ -220,15 +220,15 @@ let e;try{if(document.currentScript)e=document.currentScript.getAttribute("fast-
|
|
|
220
220
|
}
|
|
221
221
|
|
|
222
222
|
:host([appearance='tint'][color='important']) {
|
|
223
|
-
background-color: ${
|
|
224
|
-
color: ${
|
|
225
|
-
border-color: ${
|
|
223
|
+
background-color: ${Jt};
|
|
224
|
+
color: ${Vo};
|
|
225
|
+
border-color: ${va};
|
|
226
226
|
}
|
|
227
227
|
|
|
228
228
|
:host([appearance='tint'][color='informative']) {
|
|
229
229
|
background-color: ${"var(--colorNeutralBackground4)"};
|
|
230
|
-
color: ${
|
|
231
|
-
border-color: ${
|
|
230
|
+
color: ${Jt};
|
|
231
|
+
border-color: ${ta};
|
|
232
232
|
}
|
|
233
233
|
|
|
234
234
|
:host([appearance='tint'][color='severe']) {
|
|
@@ -238,9 +238,9 @@ let e;try{if(document.currentScript)e=document.currentScript.getAttribute("fast-
|
|
|
238
238
|
}
|
|
239
239
|
|
|
240
240
|
:host([appearance='tint'][color='subtle']) {
|
|
241
|
-
background-color: ${
|
|
242
|
-
color: ${
|
|
243
|
-
border-color: ${
|
|
241
|
+
background-color: ${Vo};
|
|
242
|
+
color: ${Jt};
|
|
243
|
+
border-color: ${ta};
|
|
244
244
|
}
|
|
245
245
|
|
|
246
246
|
:host([appearance='tint'][color='success']) {
|
|
@@ -254,104 +254,104 @@ let e;try{if(document.currentScript)e=document.currentScript.getAttribute("fast-
|
|
|
254
254
|
color: ${"var(--colorPaletteYellowForeground2)"};
|
|
255
255
|
border-color: ${"var(--colorPaletteYellowBorder1)"};
|
|
256
256
|
}
|
|
257
|
-
`,
|
|
258
|
-
:host([shape='square']){border-radius:${"var(--borderRadiusNone)"}}:host([shape='rounded']){border-radius:${
|
|
259
|
-
${
|
|
260
|
-
${
|
|
257
|
+
`,nd=j`
|
|
258
|
+
:host([shape='square']){border-radius:${"var(--borderRadiusNone)"}}:host([shape='rounded']){border-radius:${ks}}:host([shape='rounded'][size='tiny']),:host([shape='rounded'][size='extra-small']),:host([shape='rounded'][size='small']){border-radius:${fs}}${ed}
|
|
259
|
+
${td}
|
|
260
|
+
${od}
|
|
261
|
+
${rd}
|
|
262
|
+
${ad}
|
|
261
263
|
${Jc}
|
|
262
|
-
${ed}
|
|
263
|
-
${
|
|
264
|
-
`,od=Xc.compose({name:zt.prefix+"-badge",template:Wc,styles:td}),rd="ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype,ad=new WeakMap;function nd(e){const t=class extends e{constructor(...e){super(...e),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 rd}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 e=this.proxy.labels,t=Array.from(this.proxy.getRootNode().querySelectorAll(`[for='${this.id}']`)),o=e?t.concat(Array.from(e)):t;return Object.freeze(o)}return l}valueChanged(e,t){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(e,t){this.dirtyValue||(this.value=this.initialValue,this.dirtyValue=!1)}disabledChanged(e,t){this.proxy instanceof HTMLElement&&(this.proxy.disabled=this.disabled),f.enqueue(()=>this.classList.toggle("disabled",this.disabled))}nameChanged(e,t){this.proxy instanceof HTMLElement&&(this.proxy.name=this.name)}requiredChanged(e,t){this.proxy instanceof HTMLElement&&(this.proxy.required=this.required),f.enqueue(()=>this.classList.toggle("required",this.required)),this.validate()}get elementInternals(){if(!rd)return null;let e=ad.get(this);return e||(e=this.attachInternals(),ad.set(this,e)),e}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(e=>this.proxy.removeEventListener(e,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(e,t,o){this.elementInternals?this.elementInternals.setValidity(e,t,o):"string"==typeof t&&this.proxy.setCustomValidity(t)}formDisabledCallback(e){this.disabled=e}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}attachProxy(){var e;this.proxyInitialized||(this.proxyInitialized=!0,this.proxy.style.display="none",this.proxyEventsToBlock.forEach(e=>this.proxy.addEventListener(e,this.stopPropagation)),this.proxy.disabled=this.disabled,this.proxy.required=this.required,"string"==typeof this.name&&(this.proxy.name=this.name),"string"==typeof this.value&&(this.proxy.value=this.value),this.proxy.setAttribute("slot","form-associated-proxy"),this.proxySlot=document.createElement("slot"),this.proxySlot.setAttribute("name","form-associated-proxy")),null==(e=this.shadowRoot)||e.appendChild(this.proxySlot),this.appendChild(this.proxy)}detachProxy(){var e;this.removeChild(this.proxy),null==(e=this.shadowRoot)||e.removeChild(this.proxySlot)}validate(e){this.proxy instanceof HTMLElement&&this.setValidity(this.proxy.validity,this.proxy.validationMessage,e)}setFormValue(e,t){this.elementInternals&&this.elementInternals.setFormValue(e,t||e)}_keypressHandler(e){switch(e.key){case"Enter":if(this.form instanceof HTMLFormElement){const e=this.form.querySelector("[type=submit]");null==e||e.click()}}}stopPropagation(e){e.stopPropagation()}};return Oe({mode:"boolean"})(t.prototype,"disabled"),Oe({mode:"fromView",attribute:"value"})(t.prototype,"initialValue"),Oe({attribute:"current-value"})(t.prototype,"currentValue"),Oe(t.prototype,"name"),Oe({mode:"boolean"})(t.prototype,"required"),B(t.prototype,"value"),t}function id(e){class t extends(nd(e)){}class o extends t{constructor(...e){super(e),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(e,t){this.dirtyChecked||(this.dirtyChecked=!0),this.currentChecked=this.checked,this.updateForm(),this.proxy instanceof HTMLInputElement&&(this.proxy.checked=this.checked),void 0!==e&&this.$emit("change"),this.validate()}currentCheckedChanged(e,t){this.checked=this.currentChecked}updateForm(){const e=this.checked?this.value:null;this.setFormValue(e,e)}connectedCallback(){super.connectedCallback(),this.updateForm()}formResetCallback(){super.formResetCallback(),this.checked=!!this.checkedAttribute,this.dirtyChecked=!1}}return Oe({attribute:"checked",mode:"boolean"})(o.prototype,"checkedAttribute"),Oe({attribute:"current-checked",converter:Ie})(o.prototype,"currentChecked"),B(o.prototype,"defaultChecked"),B(o.prototype,"checked"),o}class sd extends et{}class ld extends(nd(sd)){constructor(){super(...arguments),this.proxy=document.createElement("input")}}var cd=Object.defineProperty,dd=Object.getOwnPropertyDescriptor,ud=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?dd(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&cd(t,o,n),n};class hd extends ld{constructor(){super(...arguments),this.iconOnly=!1,this.disabledFocusable=!1,this.handleDisabledFocusableClick=e=>{e&&this.disabledFocusable&&e.stopImmediatePropagation()},this.handleSubmission=()=>{if(!this.form)return;const e=this.proxy.isConnected;e||this.attachProxy(),"function"==typeof this.form.requestSubmit?this.form.requestSubmit(this.proxy):this.proxy.click(),e||this.detachProxy()},this.handleFormReset=()=>{var e;null==(e=this.form)||e.reset()}}formactionChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formAction=this.formaction)}formenctypeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formEnctype=this.formenctype)}formmethodChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formMethod=this.formmethod)}formnovalidateChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formNoValidate=this.formnovalidate)}formtargetChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formTarget=this.formtarget)}typeChanged(e,t){this.proxy instanceof HTMLInputElement&&(this.proxy.type=this.type),t===ac.submit&&this.addEventListener("click",this.handleSubmission),e===ac.submit&&this.removeEventListener("click",this.handleSubmission),t===ac.reset&&this.addEventListener("click",this.handleFormReset),e===ac.reset&&this.removeEventListener("click",this.handleFormReset)}disabledFocusableChanged(e,t){this.$fastController.isConnected&&(this.disabledFocusable?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}validate(){super.validate(this.control)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute("type",this.type),this.addEventListener("click",this.handleDisabledFocusableClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleDisabledFocusableClick)}}ud([Oe({mode:"boolean"})],hd.prototype,"autofocus",2),ud([Oe({attribute:"form"})],hd.prototype,"formId",2),ud([Oe],hd.prototype,"formaction",2),ud([Oe],hd.prototype,"formenctype",2),ud([Oe],hd.prototype,"formmethod",2),ud([Oe({mode:"boolean"})],hd.prototype,"formnovalidate",2),ud([Oe],hd.prototype,"formtarget",2),ud([Oe],hd.prototype,"type",2),ud([Oe],hd.prototype,"appearance",2),ud([Oe],hd.prototype,"shape",2),ud([Oe],hd.prototype,"size",2),ud([Oe({attribute:"icon-only",mode:"boolean"})],hd.prototype,"iconOnly",2),ud([Oe({attribute:"disabled-focusable",mode:"boolean"})],hd.prototype,"disabledFocusable",2),ud([B],hd.prototype,"defaultSlottedContent",2);class pd{}function gd(e={}){return ke`<button class="control" part="control" ?autofocus="${e=>e.autofocus}" ?disabled="${e=>e.disabled}" form="${e=>e.formId}" formaction="${e=>e.formaction}" formenctype="${e=>e.formenctype}" formmethod="${e=>e.formmethod}" ?formnovalidate="${e=>e.formnovalidate}" formtarget="${e=>e.formtarget}" name="${e=>e.name}" type="${e=>e.type}" value="${e=>e.value}" 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-pressed="${e=>e.ariaPressed}" aria-relevant="${e=>e.ariaRelevant}" aria-roledescription="${e=>e.ariaRoledescription}" ${xe("control")}>${mt(e)}<span class="content" part="content"><slot ${Ne("defaultSlottedContent")}></slot></span>${bt(e)}</button>`}ud([Oe({attribute:"aria-expanded"})],pd.prototype,"ariaExpanded",2),ud([Oe({attribute:"aria-pressed"})],pd.prototype,"ariaPressed",2),ft(pd,ut),ft(hd,vt,pd);const vd=gd(),bd=hd.compose({name:zt.prefix+"-button",template:vd,styles:dc,shadowOptions:{delegatesFocus:!0}});class md extends et{}class fd extends(id(md)){constructor(){super(...arguments),this.proxy=document.createElement("input")}}var kd=Object.defineProperty,yd=Object.getOwnPropertyDescriptor,xd=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?yd(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&kd(t,o,n),n};class $d extends fd{constructor(){super(),this.initialValue="on",this.indeterminate=!1,this.keypressHandler=e=>{if(!this.disabled)switch(e.key){case" ":this.toggleChecked()}},this.clickHandler=e=>{this.disabled||this.toggleChecked()},this.proxy.setAttribute("type","checkbox")}toggleChecked(){this.indeterminate&&(this.indeterminate=!1),this.checked=!this.checked}}xd([Oe],$d.prototype,"shape",2),xd([Oe],$d.prototype,"size",2),xd([Oe({attribute:"label-position"})],$d.prototype,"labelPosition",2),xd([B],$d.prototype,"defaultSlottedNodes",2),xd([B],$d.prototype,"indeterminate",2);const Bd={circular:"circular",square:"square"},wd={medium:"medium",large:"large"},Pd={before:"before",after:"after"};const Sd=function(e={}){return ke`<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">${pt(e.checkedIndicator)}</slot><slot name="indeterminate-indicator">${pt(e.indeterminateIndicator)}</slot></div><label part="label" class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Ne("defaultSlottedNodes")}></slot></label></template>`}({checkedIndicator:ke.partial('\n <div class="checked-indicator">\n <svg fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 12 12"\n xmlns="http://www.w3.org/2000/svg">\n <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">\n </path>\n </svg>\n </div>\n'),indeterminateIndicator:ke.partial('\n <div class="indeterminate-indicator"></div>\n')}),Cd=j`
|
|
265
|
-
${
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
::slotted([slot='description']){color:${
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
${
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
:host([dot]),:host([dot][appearance][size]){min-width:auto;width:6px;height:6px;padding:0}`,qd=Md.compose({name:zt.prefix+"-counter-badge",template:Gd,styles:Xd});
|
|
264
|
+
`,id=Kc.compose({name:Et.prefix+"-badge",template:Qc,styles:nd}),sd="ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype,ld=new WeakMap;function cd(e){const t=class extends e{constructor(...e){super(...e),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 sd}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 e=this.proxy.labels,t=Array.from(this.proxy.getRootNode().querySelectorAll(`[for='${this.id}']`)),o=e?t.concat(Array.from(e)):t;return Object.freeze(o)}return l}valueChanged(e,t){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(e,t){this.dirtyValue||(this.value=this.initialValue,this.dirtyValue=!1)}disabledChanged(e,t){this.proxy instanceof HTMLElement&&(this.proxy.disabled=this.disabled),f.enqueue(()=>this.classList.toggle("disabled",this.disabled))}nameChanged(e,t){this.proxy instanceof HTMLElement&&(this.proxy.name=this.name)}requiredChanged(e,t){this.proxy instanceof HTMLElement&&(this.proxy.required=this.required),f.enqueue(()=>this.classList.toggle("required",this.required)),this.validate()}get elementInternals(){if(!sd)return null;let e=ld.get(this);return e||(e=this.attachInternals(),ld.set(this,e)),e}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(e=>this.proxy.removeEventListener(e,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(e,t,o){this.elementInternals?this.elementInternals.setValidity(e,t,o):"string"==typeof t&&this.proxy.setCustomValidity(t)}formDisabledCallback(e){this.disabled=e}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}attachProxy(){var e;this.proxyInitialized||(this.proxyInitialized=!0,this.proxy.style.display="none",this.proxyEventsToBlock.forEach(e=>this.proxy.addEventListener(e,this.stopPropagation)),this.proxy.disabled=this.disabled,this.proxy.required=this.required,"string"==typeof this.name&&(this.proxy.name=this.name),"string"==typeof this.value&&(this.proxy.value=this.value),this.proxy.setAttribute("slot","form-associated-proxy"),this.proxySlot=document.createElement("slot"),this.proxySlot.setAttribute("name","form-associated-proxy")),null==(e=this.shadowRoot)||e.appendChild(this.proxySlot),this.appendChild(this.proxy)}detachProxy(){var e;this.removeChild(this.proxy),null==(e=this.shadowRoot)||e.removeChild(this.proxySlot)}validate(e){this.proxy instanceof HTMLElement&&this.setValidity(this.proxy.validity,this.proxy.validationMessage,e)}setFormValue(e,t){this.elementInternals&&this.elementInternals.setFormValue(e,t||e)}_keypressHandler(e){switch(e.key){case"Enter":if(this.form instanceof HTMLFormElement){const e=this.form.querySelector("[type=submit]");null==e||e.click()}}}stopPropagation(e){e.stopPropagation()}};return Oe({mode:"boolean"})(t.prototype,"disabled"),Oe({mode:"fromView",attribute:"value"})(t.prototype,"initialValue"),Oe({attribute:"current-value"})(t.prototype,"currentValue"),Oe(t.prototype,"name"),Oe({mode:"boolean"})(t.prototype,"required"),B(t.prototype,"value"),t}function dd(e){class t extends(cd(e)){}class o extends t{constructor(...e){super(e),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(e,t){this.dirtyChecked||(this.dirtyChecked=!0),this.currentChecked=this.checked,this.updateForm(),this.proxy instanceof HTMLInputElement&&(this.proxy.checked=this.checked),void 0!==e&&this.$emit("change"),this.validate()}currentCheckedChanged(e,t){this.checked=this.currentChecked}updateForm(){const e=this.checked?this.value:null;this.setFormValue(e,e)}connectedCallback(){super.connectedCallback(),this.updateForm()}formResetCallback(){super.formResetCallback(),this.checked=!!this.checkedAttribute,this.dirtyChecked=!1}}return Oe({attribute:"checked",mode:"boolean"})(o.prototype,"checkedAttribute"),Oe({attribute:"current-checked",converter:Ie})(o.prototype,"currentChecked"),B(o.prototype,"defaultChecked"),B(o.prototype,"checked"),o}class ud extends et{}class hd extends(cd(ud)){constructor(){super(...arguments),this.proxy=document.createElement("input")}}var pd=Object.defineProperty,gd=Object.getOwnPropertyDescriptor,vd=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?gd(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&pd(t,o,n),n};class bd extends hd{constructor(){super(...arguments),this.iconOnly=!1,this.disabledFocusable=!1,this.handleDisabledFocusableClick=e=>{e&&this.disabledFocusable&&e.stopImmediatePropagation()},this.handleSubmission=()=>{if(!this.form)return;const e=this.proxy.isConnected;e||this.attachProxy(),"function"==typeof this.form.requestSubmit?this.form.requestSubmit(this.proxy):this.proxy.click(),e||this.detachProxy()},this.handleFormReset=()=>{var e;null==(e=this.form)||e.reset()}}formactionChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formAction=this.formaction)}formenctypeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formEnctype=this.formenctype)}formmethodChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formMethod=this.formmethod)}formnovalidateChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formNoValidate=this.formnovalidate)}formtargetChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.formTarget=this.formtarget)}typeChanged(e,t){this.proxy instanceof HTMLInputElement&&(this.proxy.type=this.type),t===lc.submit&&this.addEventListener("click",this.handleSubmission),e===lc.submit&&this.removeEventListener("click",this.handleSubmission),t===lc.reset&&this.addEventListener("click",this.handleFormReset),e===lc.reset&&this.removeEventListener("click",this.handleFormReset)}disabledFocusableChanged(e,t){this.$fastController.isConnected&&(this.disabledFocusable?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}validate(){super.validate(this.control)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute("type",this.type),this.addEventListener("click",this.handleDisabledFocusableClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleDisabledFocusableClick)}}vd([Oe({mode:"boolean"})],bd.prototype,"autofocus",2),vd([Oe({attribute:"form"})],bd.prototype,"formId",2),vd([Oe],bd.prototype,"formaction",2),vd([Oe],bd.prototype,"formenctype",2),vd([Oe],bd.prototype,"formmethod",2),vd([Oe({mode:"boolean"})],bd.prototype,"formnovalidate",2),vd([Oe],bd.prototype,"formtarget",2),vd([Oe],bd.prototype,"type",2),vd([Oe],bd.prototype,"appearance",2),vd([Oe],bd.prototype,"shape",2),vd([Oe],bd.prototype,"size",2),vd([Oe({attribute:"icon-only",mode:"boolean"})],bd.prototype,"iconOnly",2),vd([Oe({attribute:"disabled-focusable",mode:"boolean"})],bd.prototype,"disabledFocusable",2),vd([B],bd.prototype,"defaultSlottedContent",2);class md{}function fd(e={}){return ke`<button class="control" part="control" ?autofocus="${e=>e.autofocus}" ?disabled="${e=>e.disabled}" form="${e=>e.formId}" formaction="${e=>e.formaction}" formenctype="${e=>e.formenctype}" formmethod="${e=>e.formmethod}" ?formnovalidate="${e=>e.formnovalidate}" formtarget="${e=>e.formtarget}" name="${e=>e.name}" type="${e=>e.type}" value="${e=>e.value}" 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-pressed="${e=>e.ariaPressed}" aria-relevant="${e=>e.ariaRelevant}" aria-roledescription="${e=>e.ariaRoledescription}" ${xe("control")}>${wt(e)}<span class="content" part="content"><slot ${Ne("defaultSlottedContent")}></slot></span>${Bt(e)}</button>`}vd([Oe({attribute:"aria-expanded"})],md.prototype,"ariaExpanded",2),vd([Oe({attribute:"aria-pressed"})],md.prototype,"ariaPressed",2),Pt(md,ut),Pt(bd,$t,md);const kd=fd(),yd=bd.compose({name:Et.prefix+"-button",template:kd,styles:gc,shadowOptions:{delegatesFocus:!0}});class xd extends et{}class $d extends(dd(xd)){constructor(){super(...arguments),this.proxy=document.createElement("input")}}var Bd=Object.defineProperty,wd=Object.getOwnPropertyDescriptor,Pd=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?wd(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&Bd(t,o,n),n};class Sd extends $d{constructor(){super(),this.initialValue="on",this.indeterminate=!1,this.keypressHandler=e=>{if(!this.disabled)switch(e.key){case" ":this.toggleChecked()}},this.clickHandler=e=>{this.disabled||this.toggleChecked()},this.proxy.setAttribute("type","checkbox")}toggleChecked(){this.indeterminate&&(this.indeterminate=!1),this.checked=!this.checked}}Pd([Oe],Sd.prototype,"shape",2),Pd([Oe],Sd.prototype,"size",2),Pd([Oe({attribute:"label-position"})],Sd.prototype,"labelPosition",2),Pd([B],Sd.prototype,"defaultSlottedNodes",2),Pd([B],Sd.prototype,"indeterminate",2);const Cd={circular:"circular",square:"square"},Fd={medium:"medium",large:"large"},Nd={before:"before",after:"after"};const Td=function(e={}){return ke`<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">${pt(e.checkedIndicator)}</slot><slot name="indeterminate-indicator">${pt(e.indeterminateIndicator)}</slot></div><label part="label" class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Ne("defaultSlottedNodes")}></slot></label></template>`}({checkedIndicator:ke.partial('\n <div class="checked-indicator">\n <svg fill="currentColor"\n aria-hidden="true"\n width="1em"\n height="1em"\n viewBox="0 0 12 12"\n xmlns="http://www.w3.org/2000/svg">\n <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">\n </path>\n </svg>\n </div>\n'),indeterminateIndicator:ke.partial('\n <div class="indeterminate-indicator"></div>\n')}),Id=j`
|
|
265
|
+
${bt("inline-flex")}
|
|
266
|
+
:host{align-items:center;outline:none;user-select:none;vertical-align:middle;cursor:pointer;font-family:${Bs};font-size:${Fs};line-height:${Vs};color:${Jt};position:relative}:host(:focus-visible)::after{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${ks};outline:none;border:2px solid ${fa};box-shadow:inset 0 0 0 1px ${ka}}.control{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;margin:${Cl} ${bl};fill:currentcolor;height:16px;width:16px;border:${ll} solid ${Wr};border-radius:${fs};outline:none}.label{align-self:center;cursor:inherit;padding-inline:${bl};padding-bottom:${Cl};padding-top:${Cl}}.label__hidden{display:none;visibility:hidden}.checked-indicator{display:flex;align-items:center;justify-content:center;color:${"var(--colorNeutralForegroundInverted)"};font-size:12px;margin:auto;opacity:0}.indeterminate-indicator{position:absolute;width:8px;height:8px;border-radius:${fs};background-color:${"var(--colorCompoundBrandForeground1)"};opacity:0}:host(:hover){color:${qt}}:host(:hover) .control{border-color:${"var(--colorNeutralStrokeAccessibleHover)"}}:host(:hover) .indeterminate-indicator{background-color:${"var(--colorCompoundBrandForeground1Hover)"}}:host(:active) .control{border-color:${"var(--colorNeutralStrokeAccessiblePressed)"}}:host(:active) .indeterminate-indicator{background-color:${"var(--colorCompoundBrandForeground1Pressed)"}}:host([aria-checked='true']),:host([aria-checked='mixed']),:host(:active){color:${Vt}}:host([aria-checked='true']) .control{background-color:${Er}}:host([aria-checked='true']:hover) .control{border-color:${"var(--colorCompoundBrandStrokeHover)"};background-color:${"var(--colorCompoundBrandBackgroundHover)"}}:host([aria-checked='true']:active) .control{background-color:${"var(--colorCompoundBrandBackgroundPressed)"}}:host([aria-checked='mixed']:hover) .control{border-color:${"var(--colorCompoundBrandStrokeHover)"}}:host([aria-checked='true']) .checked-indicator,:host([aria-checked='mixed']) .indeterminate-indicator{opacity:1}:host([aria-checked='true']) .control,:host([aria-checked='mixed']) .control{border-color:${"var(--colorCompoundBrandStroke)"}}:host([aria-checked='mixed']:active) .control,:host([aria-checked='true']:active) .control{border-color:${"var(--colorCompoundBrandStrokePressed)"}}:host([label-position='before']){flex-direction:row-reverse}:host([label-position='before']) .label{padding-inline:${bl} ${gl};padding-top:${Cl};padding-bottom:${Cl}}:host([size='large']) .control{width:20px;height:20px}:host([size='large']) .checked-indicator{font-size:16px;height:20px}:host([aria-checked='mixed'][size='large']) .indeterminate-indicator{height:10px;width:10px}:host([shape='circular']) .control,:host([shape='circular']) .indeterminate-indicator{border-radius:${$s}}:host([disabled]) .control,:host([aria-checked='mixed'][disabled]) .control,:host([aria-checked='true'][disabled]) .control{background-color:${"var(--colorTransparentBackgroundHover)"};border-color:${pa}}:host([aria-checked='true'][disabled]) .checked-indicator,:host([disabled]) ::slotted([slot='start']),:host([disabled]) .label,:host([aria-checked='mixed'][disabled]) .label,:host([aria-checked='true'][disabled]) .label{color:${so}}:host([disabled]) .indeterminate-indicator{background-color:${so}}`,Ad=Sd.compose({name:Et.prefix+"-checkbox",template:Td,styles:Id});class Ld extends bd{}const zd=nc,Od=ic,Hd=sc;const Dd=function(e={}){return ke`<button class="control" part="control" ?autofocus="${e=>e.autofocus}" ?disabled="${e=>e.disabled}" form="${e=>e.formId}" formaction="${e=>e.formaction}" formenctype="${e=>e.formenctype}" formmethod="${e=>e.formmethod}" ?formnovalidate="${e=>e.formnovalidate}" formtarget="${e=>e.formtarget}" name="${e=>e.name}" type="${e=>e.type}" value="${e=>e.value}" 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-pressed="${e=>e.ariaPressed}" aria-relevant="${e=>e.ariaRelevant}" aria-roledescription="${e=>e.ariaRoledescription}" ${xe("control")}>${wt(e)}<span class="content" part="content"><slot ${Ne("defaultSlottedContent")}></slot><slot name="description"></slot></span>${Bt(e)}</button>`}(),Ed=j`
|
|
267
|
+
${gc}
|
|
268
|
+
|
|
269
|
+
:host .control,:host(:is([size])) .control{gap:12px;height:auto;padding-top:14px;padding-inline:12px;padding-bottom:16px;font-size:${Fs};line-height:${Vs}}.content{display:flex;flex-direction:column;text-align:start}::slotted([slot='description']){color:${qt};line-height:100%;font-size:${Cs};font-weight:${Hs}}::slotted(svg),:host([size='large']) ::slotted(svg){font-size:40px;height:40px;width:40px}:host(:hover) ::slotted([slot='description']){color:${"var(--colorNeutralForeground2Hover)"}}:host(:active) ::slotted([slot='description']){color:${"var(--colorNeutralForeground2Pressed)"}}:host(:is([appearance='primary'],[appearance='primary']:hover,[appearance='primary']:active))
|
|
270
|
+
::slotted([slot='description']){color:${yo}}:host(:is([appearance='subtle'],[appearance='subtle']:hover,[appearance='subtle']:active))
|
|
271
|
+
::slotted([slot='description']),:host([appearance='transparent']) ::slotted([slot='description']){color:${qt}}:host([appearance='transparent']:hover) ::slotted([slot='description']){color:${"var(--colorNeutralForeground2BrandHover)"}}:host([appearance='transparent']:active) ::slotted([slot='description']){color:${"var(--colorNeutralForeground2BrandPressed)"}}:host(:is([disabled],[disabled][appearance],[disabled-focusable],[disabled-focusable][appearance]))
|
|
272
|
+
::slotted([slot='description']){color:${so}}:host([size='small']) .control{padding:8px;padding-bottom:10px}:host([icon-only]) .control{min-width:52px;max-width:52px;padding:${vl}}:host([icon-only][size='small']) .control{min-width:48px;max-width:48px;padding:${gl}}:host([icon-only][size='large']) .control{min-width:56px;max-width:56px;padding:${bl}}:host([size='large']) .control{padding-top:18px;padding-inline:16px;padding-bottom:20px;font-size:${Ns};line-height:${_s}}:host([size='large']) ::slotted([slot='description']){font-size:${Fs}}`,Md=Ld.compose({name:Et.prefix+"-compound-button",template:Dd,styles:Ed,shadowOptions:{delegatesFocus:!0}});var Rd=Object.defineProperty,jd=Object.getOwnPropertyDescriptor,Vd=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?jd(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&Rd(t,o,n),n};class _d extends et{constructor(){super(...arguments),this.count=0,this.overflowCount=99,this.showZero=!1,this.dot=!1}countChanged(){this.setCount()}overflowCountChanged(){this.setCount()}setCount(){var e;const t=null!=(e=this.count)?e:0;if((0!==t||this.showZero)&&!this.dot)return t>this.overflowCount?this.overflowCount+"+":""+t}}Vd([Oe],_d.prototype,"appearance",2),Vd([Oe],_d.prototype,"color",2),Vd([Oe],_d.prototype,"shape",2),Vd([Oe],_d.prototype,"size",2),Vd([Oe({converter:Le})],_d.prototype,"count",2),Vd([Oe({attribute:"overflow-count",converter:Le})],_d.prototype,"overflowCount",2),Vd([Oe({attribute:"show-zero",mode:"boolean"})],_d.prototype,"showZero",2),Vd([Oe({mode:"boolean"})],_d.prototype,"dot",2),Pt(_d,$t);const Gd={filled:"filled",ghost:"ghost"},Xd={brand:"brand",danger:"danger",important:"important",informative:"informative",severe:"severe",subtle:"subtle",success:"success",warning:"warning"},qd={circular:"circular",rounded:"rounded"},Wd={tiny:"tiny",extraSmall:"extra-small",small:"small",medium:"medium",large:"large",extraLarge:"extra-large"};const Yd=Uc({defaultContent:ke`${e=>e.setCount()}`}),Kd=j`
|
|
273
|
+
:host([shape='rounded']){border-radius:${ks}}:host([shape='rounded'][size='tiny']),:host([shape='rounded'][size='extra-small']),:host([shape='rounded'][size='small']){border-radius:${fs}}${ed}
|
|
274
|
+
${td}
|
|
275
|
+
${od}
|
|
276
|
+
${Jc}
|
|
277
|
+
|
|
278
|
+
:host([dot]),:host([dot][appearance][size]){min-width:auto;width:6px;height:6px;padding:0}`,Ud=_d.compose({name:Et.prefix+"-counter-badge",template:Yd,styles:Kd});
|
|
279
279
|
/*!
|
|
280
|
-
* tabbable
|
|
280
|
+
* tabbable 6.2.0
|
|
281
281
|
* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
|
|
282
282
|
*/
|
|
283
|
-
var Wd=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"].join(","),Yd="undefined"==typeof Element?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,Kd=function(e){return"INPUT"===e.tagName},Ud=function(e){return function(e){return Kd(e)&&"radio"===e.type}(e)&&!function(e){if(!e.name)return!0;var t,o=e.form||e.ownerDocument,r=function(e){return o.querySelectorAll('input[type="radio"][name="'+e+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)t=r(window.CSS.escape(e.name));else try{t=r(e.name)}catch(e){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",e.message),!1}var a=function(e,t){for(var o=0;o<e.length;o++)if(e[o].checked&&e[o].form===t)return e[o]}(t,e.form);return!a||a===e}(e)},Qd=function(e,t){return!(t.disabled||function(e){return Kd(e)&&"hidden"===e.type}(t)||function(e,t){if("hidden"===getComputedStyle(e).visibility)return!0;var o=Yd.call(e,"details>summary:first-of-type")?e.parentElement:e;if(Yd.call(o,"details:not([open]) *"))return!0;if(t&&"full"!==t){if("non-zero-area"===t){var r=e.getBoundingClientRect(),a=r.width,n=r.height;return 0===a&&0===n}}else for(;e;){if("none"===getComputedStyle(e).display)return!0;e=e.parentElement}return!1}(t,e.displayCheck)||function(e){return"DETAILS"===e.tagName&&Array.prototype.slice.apply(e.children).some((function(e){return"SUMMARY"===e.tagName}))}(t))},Zd=function(e,t){return!(!Qd(e,t)||Ud(t)||function(e){var t=parseInt(e.getAttribute("tabindex"),10);return isNaN(t)?function(e){return"true"===e.contentEditable}(e)?0:"AUDIO"!==e.nodeName&&"VIDEO"!==e.nodeName&&"DETAILS"!==e.nodeName||null!==e.getAttribute("tabindex")?e.tabIndex:0:t}(t)<0)},Jd=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return!1!==Yd.call(e,Wd)&&Zd(t,e)};const eu="modal",tu="non-modal",ou="alert";var ru=Object.defineProperty,au=Object.getOwnPropertyDescriptor,nu=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?au(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&ru(t,o,n),n};const iu=class extends et{constructor(){super(...arguments),this.isTrappingFocus=!1,this.titleAction=[],this.modalType=eu,this.open=!1,this.noTitleAction=!1,this.trapFocus=!1,this.onOpenChangeEvent=(e=!1)=>{this.$emit("onOpenChange",{open:this.dialog.open,dismissed:e})},this.handleKeydown=e=>{if(!e.defaultPrevented)switch(e.key){case"Escape":this.modalType!==ou&&(this.hide(!0),this.$emit("dismiss"));break;default:return!0}},this.handleDocumentKeydown=e=>{if(!e.defaultPrevented&&this.dialog.open)switch(e.key){case"Tab":this.handleTabKeyDown(e)}},this.handleTabKeyDown=e=>{if(!this.trapFocus||!this.dialog.open)return;const t=this.getTabQueueBounds();if(1===t.length)return t[0].focus(),void e.preventDefault();e.shiftKey&&e.target===t[0]?(t[t.length-1].focus(),e.preventDefault()):e.shiftKey||e.target!==t[t.length-1]||(t[0].focus(),e.preventDefault())},this.getTabQueueBounds=()=>iu.reduceTabbableItems([],this),this.focusFirstElement=()=>{const e=this.getTabQueueBounds();e.length>0?e[0].focus():this.dialog instanceof HTMLElement&&this.dialog.focus()},this.shouldForceFocus=e=>this.isTrappingFocus&&!this.contains(e),this.shouldTrapFocus=()=>this.trapFocus&&this.dialog.open,this.handleDocumentFocus=e=>{!e.defaultPrevented&&this.shouldForceFocus(e.target)&&(this.focusFirstElement(),e.preventDefault())},this.updateTrapFocus=e=>{const t=void 0===e?this.shouldTrapFocus():e;t&&!this.isTrappingFocus?(this.isTrappingFocus=!0,document.addEventListener("focusin",this.handleDocumentFocus),f.enqueue(()=>{this.shouldForceFocus(document.activeElement)&&this.focusFirstElement()})):!t&&this.isTrappingFocus&&(this.isTrappingFocus=!1,document.removeEventListener("focusin",this.handleDocumentFocus))}}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.handleDocumentKeydown),f.enqueue(()=>{this.updateTrapFocus(),this.setComponent()})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleDocumentKeydown),this.updateTrapFocus(!1)}openChanged(e,t){t!==e&&(t&&!e?this.show():!t&&e&&this.hide())}modalTypeChanged(e,t){t!==e&&(this.trapFocus=t==ou||t==eu)}setComponent(){this.modalType==eu||this.modalType==ou?this.trapFocus=!0:this.trapFocus=!1}show(){f.enqueue(()=>{this.modalType===ou||this.modalType===eu?(this.dialog.showModal(),this.open=!0,this.updateTrapFocus(!0)):this.modalType===tu&&(this.dialog.show(),this.open=!0),this.onOpenChangeEvent()})}hide(e=!1){this.dialog.close(),this.open=!1,this.onOpenChangeEvent(e)}dismiss(){this.modalType!==ou&&this.hide(!0)}handleClick(e){return e.preventDefault(),this.dialog.open&&this.modalType!==ou&&e.target===this.dialog&&this.dismiss(),!0}static reduceTabbableItems(e,t){return"-1"===t.getAttribute("tabindex")?e:Jd(t)||iu.isFocusableFastElement(t)&&iu.hasTabbableShadow(t)?(e.push(t),e):Array.from(t.children).reduce((e,t)=>iu.reduceTabbableItems(e,t),e)}static isFocusableFastElement(e){var t,o;return!!(null==(o=null==(t=e.$fastController)?void 0:t.definition.shadowOptions)?void 0:o.delegatesFocus)}static hasTabbableShadow(e){var t,o;return Array.from(null!=(o=null==(t=e.shadowRoot)?void 0:t.querySelectorAll("*"))?o:[]).some(e=>Jd(e))}};let su=iu;nu([B],su.prototype,"dialog",2),nu([B],su.prototype,"titleAction",2),nu([B],su.prototype,"defaultTitleAction",2),nu([Oe({attribute:"aria-describedby"})],su.prototype,"ariaDescribedby",2),nu([Oe({attribute:"aria-labelledby"})],su.prototype,"ariaLabelledby",2),nu([Oe({attribute:"modal-type"})],su.prototype,"modalType",2),nu([Oe({mode:"boolean"})],su.prototype,"open",2),nu([Oe({mode:"boolean",attribute:"no-title-action"})],su.prototype,"noTitleAction",2);const lu=ke.partial('\n <svg\n fill="currentColor"\n aria-hidden="true"\n width="20"\n height="20"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n 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"\n fill="currentColor"\n ></path>\n </svg>'),cu=ke`<template ?open="${e=>e.open}"><dialog role="${e=>e.modalType===ou?"alertdialog":"dialog"}" modal-type="${e=>e.modalType}" class="dialog" part="dialog" aria-modal="${e=>e.modalType===eu||e.modalType===ou?"true":void 0}" aria-describedby="${e=>e.ariaDescribedby}" aria-labelledby="${e=>e.ariaLabelledby}" aria-label="${e=>e.ariaLabel}" @keydown="${(e,t)=>e.handleKeydown(t.event)}" @click="${(e,t)=>e.handleClick(t.event)}" ${xe("dialog")}><div class="root" part="root"><div class="title" part="title"><slot name="title"></slot><slot ${Ne({property:"titleAction",filter:Se()})} name="title-action"></slot>${we(e=>e.modalType===tu&&0===e.titleAction.length&&!e.noTitleAction,ke`<fluent-button tabindex="0" part="title-action" class="title-action" appearance="transparent" icon-only @click=${e=>e.dismiss()} ${xe("defaultTitleAction")}>${lu}</fluent-button>`)}</div><div class="content" part="content"><slot></slot></div><div class="actions" part="actions"><slot name="action"></slot></div></div></dialog></template>`;function du(e){return e.split("-")[1]}function uu(e){return"y"===e?"height":"width"}function hu(e){return e.split("-")[0]}function pu(e){return["top","bottom"].includes(hu(e))?"x":"y"}function gu(e,t,o){let{reference:r,floating:a}=e;const n=r.x+r.width/2-a.width/2,i=r.y+r.height/2-a.height/2,s=pu(t),l=uu(s),c=r[l]/2-a[l]/2,d="x"===s;let u;switch(hu(t)){case"top":u={x:n,y:r.y-a.height};break;case"bottom":u={x:n,y:r.y+r.height};break;case"right":u={x:r.x+r.width,y:i};break;case"left":u={x:r.x-a.width,y:i};break;default:u={x:r.x,y:r.y}}switch(du(t)){case"start":u[s]-=c*(o&&d?-1:1);break;case"end":u[s]+=c*(o&&d?-1:1)}return u}function vu(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}async function bu(e,t){var o;void 0===t&&(t={});const{x:r,y:a,platform:n,rects:i,elements:s,strategy:l}=e,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:u="floating",altBoundary:h=!1,padding:p=0}=t,g=function(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}(p),v=s[h?"floating"===u?"reference":"floating":u],b=vu(await n.getClippingRect({element:null==(o=await(null==n.isElement?void 0:n.isElement(v)))||o?v:v.contextElement||await(null==n.getDocumentElement?void 0:n.getDocumentElement(s.floating)),boundary:c,rootBoundary:d,strategy:l})),m="floating"===u?{...i.floating,x:r,y:a}:i.reference,f=await(null==n.getOffsetParent?void 0:n.getOffsetParent(s.floating)),k=await(null==n.isElement?void 0:n.isElement(f))&&await(null==n.getScale?void 0:n.getScale(f))||{x:1,y:1},y=vu(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({rect:m,offsetParent:f,strategy:l}):m);return{top:(b.top-y.top+g.top)/k.y,bottom:(y.bottom-b.bottom+g.bottom)/k.y,left:(b.left-y.left+g.left)/k.x,right:(y.right-b.right+g.right)/k.x}}const mu=Math.min,fu=Math.max;function ku(e,t,o){return fu(e,mu(t,o))}const yu=["top","right","bottom","left"];yu.reduce((e,t)=>e.concat(t,t+"-start",t+"-end"),[]);const xu={left:"right",right:"left",bottom:"top",top:"bottom"};function $u(e){return e.replace(/left|right|bottom|top/g,e=>xu[e])}function Bu(e,t,o){void 0===o&&(o=!1);const r=du(e),a=pu(e),n=uu(a);let i="x"===a?r===(o?"end":"start")?"right":"left":"start"===r?"bottom":"top";return t.reference[n]>t.floating[n]&&(i=$u(i)),{main:i,cross:$u(i)}}const wu={start:"end",end:"start"};function Pu(e){return e.replace(/start|end/g,e=>wu[e])}const Su=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var o;const{placement:r,middlewareData:a,rects:n,initialPlacement:i,platform:s,elements:l}=t,{mainAxis:c=!0,crossAxis:d=!0,fallbackPlacements:u,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:g=!0,...v}=e,b=hu(r),m=hu(i)===i,f=await(null==s.isRTL?void 0:s.isRTL(l.floating)),k=u||(m||!g?[$u(i)]:function(e){const t=$u(e);return[Pu(e),t,Pu(t)]}(i));u||"none"===p||k.push(...function(e,t,o,r){const a=du(e);let n=function(e,t,o){const r=["left","right"],a=["right","left"],n=["top","bottom"],i=["bottom","top"];switch(e){case"top":case"bottom":return o?t?a:r:t?r:a;case"left":case"right":return t?n:i;default:return[]}}(hu(e),"start"===o,r);return a&&(n=n.map(e=>e+"-"+a),t&&(n=n.concat(n.map(Pu)))),n}(i,g,p,f));const y=[i,...k],x=await bu(t,v),$=[];let B=(null==(o=a.flip)?void 0:o.overflows)||[];if(c&&$.push(x[b]),d){const{main:e,cross:t}=Bu(r,n,f);$.push(x[e],x[t])}if(B=[...B,{placement:r,overflows:$}],!$.every(e=>e<=0)){var w,P;const e=((null==(w=a.flip)?void 0:w.index)||0)+1,t=y[e];if(t)return{data:{index:e,overflows:B},reset:{placement:t}};let o=null==(P=B.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:P.placement;if(!o)switch(h){case"bestFit":{var S;const e=null==(S=B.map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0])?void 0:S[0];e&&(o=e);break}case"initialPlacement":o=i}if(r!==o)return{reset:{placement:o}}}return{}}}};function Cu(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function Fu(e){return yu.some(t=>e[t]>=0)}const Nu=function(e){return void 0===e&&(e={}),{name:"hide",options:e,async fn(t){const{strategy:o="referenceHidden",...r}=e,{rects:a}=t;switch(o){case"referenceHidden":{const e=Cu(await bu(t,{...r,elementContext:"reference"}),a.reference);return{data:{referenceHiddenOffsets:e,referenceHidden:Fu(e)}}}case"escaped":{const e=Cu(await bu(t,{...r,altBoundary:!0}),a.floating);return{data:{escapedOffsets:e,escaped:Fu(e)}}}default:return{}}}}};const Tu=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:o,y:r,placement:a}=t,{mainAxis:n=!0,crossAxis:i=!1,limiter:s={fn:e=>{let{x:t,y:o}=e;return{x:t,y:o}}},...l}=e,c={x:o,y:r},d=await bu(t,l),u=pu(hu(a)),h=function(e){return"x"===e?"y":"x"}(u);let p=c[u],g=c[h];if(n){const e="y"===u?"bottom":"right";p=ku(p+d["y"===u?"top":"left"],p,p-d[e])}if(i){const e="y"===h?"bottom":"right";g=ku(g+d["y"===h?"top":"left"],g,g-d[e])}const v=s.fn({...t,[u]:p,[h]:g});return{...v,data:{x:v.x-o,y:v.y-r}}}}},Iu=function(e){return void 0===e&&(e={}),{name:"size",options:e,async fn(t){const{placement:o,rects:r,platform:a,elements:n}=t,{apply:i=(()=>{}),...s}=e,l=await bu(t,s),c=hu(o),d=du(o),u="x"===pu(o),{width:h,height:p}=r.floating;let g,v;"top"===c||"bottom"===c?(g=c,v=d===(await(null==a.isRTL?void 0:a.isRTL(n.floating))?"start":"end")?"left":"right"):(v=c,g="end"===d?"top":"bottom");const b=p-l[g],m=h-l[v];let f=b,k=m;if(u?k=mu(h-l.right-l.left,m):f=mu(p-l.bottom-l.top,b),!t.middlewareData.shift&&!d){const e=fu(l.left,0),t=fu(l.right,0),o=fu(l.top,0),r=fu(l.bottom,0);u?k=h-2*(0!==e||0!==t?e+t:fu(l.left,l.right)):f=p-2*(0!==o||0!==r?o+r:fu(l.top,l.bottom))}await i({...t,availableWidth:k,availableHeight:f});const y=await a.getDimensions(n.floating);return h!==y.width||p!==y.height?{reset:{rects:!0}}:{}}}};function Au(e){var t;return(null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function Lu(e){return Au(e).getComputedStyle(e)}const zu=Math.min,Ou=Math.max,Hu=Math.round;function Du(e){const t=Lu(e);let o=parseFloat(t.width),r=parseFloat(t.height);const a=e.offsetWidth,n=e.offsetHeight,i=Hu(o)!==a||Hu(r)!==n;return i&&(o=a,r=n),{width:o,height:r,fallback:i}}function Eu(e){return _u(e)?(e.nodeName||"").toLowerCase():""}let Mu;function Ru(){if(Mu)return Mu;const e=navigator.userAgentData;return e&&Array.isArray(e.brands)?(Mu=e.brands.map(e=>e.brand+"/"+e.version).join(" "),Mu):navigator.userAgent}function ju(e){return e instanceof Au(e).HTMLElement}function Vu(e){return e instanceof Au(e).Element}function _u(e){return e instanceof Au(e).Node}function Gu(e){return"undefined"!=typeof ShadowRoot&&(e instanceof Au(e).ShadowRoot||e instanceof ShadowRoot)}function Xu(e){const{overflow:t,overflowX:o,overflowY:r,display:a}=Lu(e);return/auto|scroll|overlay|hidden|clip/.test(t+r+o)&&!["inline","contents"].includes(a)}function qu(e){return["table","td","th"].includes(Eu(e))}function Wu(e){const t=/firefox/i.test(Ru()),o=Lu(e),r=o.backdropFilter||o.WebkitBackdropFilter;return"none"!==o.transform||"none"!==o.perspective||!!r&&"none"!==r||t&&"filter"===o.willChange||t&&!!o.filter&&"none"!==o.filter||["transform","perspective"].some(e=>o.willChange.includes(e))||["paint","layout","strict","content"].some(e=>{const t=o.contain;return null!=t&&t.includes(e)})}function Yu(){return/^((?!chrome|android).)*safari/i.test(Ru())}function Ku(e){return["html","body","#document"].includes(Eu(e))}function Uu(e){return Vu(e)?e:e.contextElement}const Qu={x:1,y:1};function Zu(e){const t=Uu(e);if(!ju(t))return Qu;const o=t.getBoundingClientRect(),{width:r,height:a,fallback:n}=Du(t);let i=(n?Hu(o.width):o.width)/r,s=(n?Hu(o.height):o.height)/a;return i&&Number.isFinite(i)||(i=1),s&&Number.isFinite(s)||(s=1),{x:i,y:s}}function Ju(e,t,o,r){var a,n;void 0===t&&(t=!1),void 0===o&&(o=!1);const i=e.getBoundingClientRect(),s=Uu(e);let l=Qu;t&&(r?Vu(r)&&(l=Zu(r)):l=Zu(e));const c=s?Au(s):window,d=Yu()&&o;let u=(i.left+(d&&(null==(a=c.visualViewport)?void 0:a.offsetLeft)||0))/l.x,h=(i.top+(d&&(null==(n=c.visualViewport)?void 0:n.offsetTop)||0))/l.y,p=i.width/l.x,g=i.height/l.y;if(s){const e=Au(s),t=r&&Vu(r)?Au(r):r;let o=e.frameElement;for(;o&&r&&t!==e;){const e=Zu(o),t=o.getBoundingClientRect(),r=getComputedStyle(o);t.x+=(o.clientLeft+parseFloat(r.paddingLeft))*e.x,t.y+=(o.clientTop+parseFloat(r.paddingTop))*e.y,u*=e.x,h*=e.y,p*=e.x,g*=e.y,u+=t.x,h+=t.y,o=Au(o).frameElement}}return{width:p,height:g,top:h,right:u+p,bottom:h+g,left:u,x:u,y:h}}function eh(e){return((_u(e)?e.ownerDocument:e.document)||window.document).documentElement}function th(e){return Vu(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function oh(e){return Ju(eh(e)).left+th(e).scrollLeft}function rh(e){if("html"===Eu(e))return e;const t=e.assignedSlot||e.parentNode||Gu(e)&&e.host||eh(e);return Gu(t)?t.host:t}function ah(e,t){var o;void 0===t&&(t=[]);const r=function e(t){const o=rh(t);return Ku(o)?o.ownerDocument.body:ju(o)&&Xu(o)?o:e(o)}(e),a=r===(null==(o=e.ownerDocument)?void 0:o.body),n=Au(r);return a?t.concat(n,n.visualViewport||[],Xu(r)?r:[]):t.concat(r,ah(r))}function nh(e,t,o){let r;if("viewport"===t)r=function(e,t){const o=Au(e),r=eh(e),a=o.visualViewport;let n=r.clientWidth,i=r.clientHeight,s=0,l=0;if(a){n=a.width,i=a.height;const e=Yu();(!e||e&&"fixed"===t)&&(s=a.offsetLeft,l=a.offsetTop)}return{width:n,height:i,x:s,y:l}}(e,o);else if("document"===t)r=function(e){const t=eh(e),o=th(e),r=e.ownerDocument.body,a=Ou(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),n=Ou(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight);let i=-o.scrollLeft+oh(e);const s=-o.scrollTop;return"rtl"===Lu(r).direction&&(i+=Ou(t.clientWidth,r.clientWidth)-a),{width:a,height:n,x:i,y:s}}(eh(e));else if(Vu(t))r=function(e,t){const o=Ju(e,!0,"fixed"===t),r=o.top+e.clientTop,a=o.left+e.clientLeft,n=ju(e)?Zu(e):{x:1,y:1};return{width:e.clientWidth*n.x,height:e.clientHeight*n.y,x:a*n.x,y:r*n.y}}(t,o);else{const o={...t};if(Yu()){var a,n;const t=Au(e);o.x-=(null==(a=t.visualViewport)?void 0:a.offsetLeft)||0,o.y-=(null==(n=t.visualViewport)?void 0:n.offsetTop)||0}r=o}return vu(r)}function ih(e,t){return ju(e)&&"fixed"!==Lu(e).position?t?t(e):e.offsetParent:null}function sh(e,t){const o=Au(e);let r=ih(e,t);for(;r&&qu(r)&&"static"===Lu(r).position;)r=ih(r,t);return r&&("html"===Eu(r)||"body"===Eu(r)&&"static"===Lu(r).position&&!Wu(r))?o:r||function(e){let t=rh(e);for(;ju(t)&&!Ku(t);){if(Wu(t))return t;t=rh(t)}return null}(e)||o}function lh(e,t,o){const r=ju(t),a=eh(t),n=Ju(e,!0,"fixed"===o,t);let i={scrollLeft:0,scrollTop:0};const s={x:0,y:0};if(r||!r&&"fixed"!==o)if(("body"!==Eu(t)||Xu(a))&&(i=th(t)),ju(t)){const e=Ju(t,!0);s.x=e.x+t.clientLeft,s.y=e.y+t.clientTop}else a&&(s.x=oh(a));return{x:n.left+i.scrollLeft-s.x,y:n.top+i.scrollTop-s.y,width:n.width,height:n.height}}const ch={getClippingRect:function(e){let{element:t,boundary:o,rootBoundary:r,strategy:a}=e;const n=[..."clippingAncestors"===o?function(e,t){const o=t.get(e);if(o)return o;let r=ah(e).filter(e=>Vu(e)&&"body"!==Eu(e)),a=null;const n="fixed"===Lu(e).position;let i=n?rh(e):e;for(;Vu(i)&&!Ku(i);){const e=Lu(i),t=Wu(i);(n?t||a:t||"static"!==e.position||!a||!["absolute","fixed"].includes(a.position))?a=e:r=r.filter(e=>e!==i),i=rh(i)}return t.set(e,r),r}(t,this._c):[].concat(o),r],i=n[0],s=n.reduce((e,o)=>{const r=nh(t,o,a);return e.top=Ou(r.top,e.top),e.right=zu(r.right,e.right),e.bottom=zu(r.bottom,e.bottom),e.left=Ou(r.left,e.left),e},nh(t,i,a));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{rect:t,offsetParent:o,strategy:r}=e;const a=ju(o),n=eh(o);if(o===n)return t;let i={scrollLeft:0,scrollTop:0},s={x:1,y:1};const l={x:0,y:0};if((a||!a&&"fixed"!==r)&&(("body"!==Eu(o)||Xu(n))&&(i=th(o)),ju(o))){const e=Ju(o);s=Zu(o),l.x=e.x+o.clientLeft,l.y=e.y+o.clientTop}return{width:t.width*s.x,height:t.height*s.y,x:t.x*s.x-i.scrollLeft*s.x+l.x,y:t.y*s.y-i.scrollTop*s.y+l.y}},isElement:Vu,getDimensions:function(e){return ju(e)?Du(e):e.getBoundingClientRect()},getOffsetParent:sh,getDocumentElement:eh,getScale:Zu,async getElementRects(e){let{reference:t,floating:o,strategy:r}=e;const a=this.getOffsetParent||sh,n=this.getDimensions;return{reference:lh(t,await a(o),r),floating:{x:0,y:0,...await n(o)}}},getClientRects:e=>Array.from(e.getClientRects()),isRTL:e=>"rtl"===Lu(e).direction};function dh(e,t,o,r){void 0===r&&(r={});const{ancestorScroll:a=!0,ancestorResize:n=!0,elementResize:i=!0,animationFrame:s=!1}=r,l=a&&!s,c=l||n?[...Vu(e)?ah(e):e.contextElement?ah(e.contextElement):[],...ah(t)]:[];c.forEach(e=>{l&&e.addEventListener("scroll",o,{passive:!0}),n&&e.addEventListener("resize",o)});let d,u=null;if(i){let r=!0;u=new ResizeObserver(()=>{r||o(),r=!1}),Vu(e)&&!s&&u.observe(e),Vu(e)||!e.contextElement||s||u.observe(e.contextElement),u.observe(t)}let h=s?Ju(e):null;return s&&function t(){const r=Ju(e);!h||r.x===h.x&&r.y===h.y&&r.width===h.width&&r.height===h.height||o(),h=r,d=requestAnimationFrame(t)}(),o(),()=>{var e;c.forEach(e=>{l&&e.removeEventListener("scroll",o),n&&e.removeEventListener("resize",o)}),null==(e=u)||e.disconnect(),u=null,s&&cancelAnimationFrame(d)}}const uh=(e,t,o)=>{const r=new Map,a={platform:ch,...o},n={...a.platform,_c:r};return(async(e,t,o)=>{const{placement:r="bottom",strategy:a="absolute",middleware:n=[],platform:i}=o,s=n.filter(Boolean),l=await(null==i.isRTL?void 0:i.isRTL(t));let c=await i.getElementRects({reference:e,floating:t,strategy:a}),{x:d,y:u}=gu(c,r,l),h=r,p={},g=0;for(let o=0;o<s.length;o++){const{name:n,fn:v}=s[o],{x:b,y:m,data:f,reset:k}=await v({x:d,y:u,initialPlacement:r,placement:h,strategy:a,middlewareData:p,rects:c,platform:i,elements:{reference:e,floating:t}});d=null!=b?b:d,u=null!=m?m:u,p={...p,[n]:{...p[n],...f}},k&&g<=50&&(g++,"object"==typeof k&&(k.placement&&(h=k.placement),k.rects&&(c=!0===k.rects?await i.getElementRects({reference:e,floating:t,strategy:a}):k.rects),({x:d,y:u}=gu(c,h,l))),o=-1)}return{x:d,y:u,placement:h,strategy:a,middlewareData:p}})(e,t,{...a,platform:n})},hh=j`
|
|
284
|
-
${
|
|
283
|
+
var Qd=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"].join(","),Zd="undefined"==typeof Element,Jd=Zd?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,eu=!Zd&&Element.prototype.getRootNode?function(e){var t;return null==e||null===(t=e.getRootNode)||void 0===t?void 0:t.call(e)}:function(e){return null==e?void 0:e.ownerDocument},tu=function(e){if(!e)throw new Error("No node provided");return e.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName)||function(e){var t,o=null==e||null===(t=e.getAttribute)||void 0===t?void 0:t.call(e,"contenteditable");return""===o||"true"===o}(e))&&!function(e){return!isNaN(parseInt(e.getAttribute("tabindex"),10))}(e)?0:e.tabIndex},ou=function(e){return"INPUT"===e.tagName},ru=function(e){return function(e){return ou(e)&&"radio"===e.type}(e)&&!function(e){if(!e.name)return!0;var t,o=e.form||eu(e),r=function(e){return o.querySelectorAll('input[type="radio"][name="'+e+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)t=r(window.CSS.escape(e.name));else try{t=r(e.name)}catch(e){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",e.message),!1}var a=function(e,t){for(var o=0;o<e.length;o++)if(e[o].checked&&e[o].form===t)return e[o]}(t,e.form);return!a||a===e}(e)},au=function(e){var t=e.getBoundingClientRect(),o=t.width,r=t.height;return 0===o&&0===r},nu=function(e,t){var o=t.displayCheck,r=t.getShadowRoot;if("hidden"===getComputedStyle(e).visibility)return!0;var a=Jd.call(e,"details>summary:first-of-type")?e.parentElement:e;if(Jd.call(a,"details:not([open]) *"))return!0;if(o&&"full"!==o&&"legacy-full"!==o){if("non-zero-area"===o)return au(e)}else{if("function"==typeof r){for(var n=e;e;){var i=e.parentElement,s=eu(e);if(i&&!i.shadowRoot&&!0===r(i))return au(e);e=e.assignedSlot?e.assignedSlot:i||s===e.ownerDocument?i:s.host}e=n}if(function(e){var t,o,r,a,n=e&&eu(e),i=null===(t=n)||void 0===t?void 0:t.host,s=!1;if(n&&n!==e)for(s=!!(null!==(o=i)&&void 0!==o&&null!==(r=o.ownerDocument)&&void 0!==r&&r.contains(i)||null!=e&&null!==(a=e.ownerDocument)&&void 0!==a&&a.contains(e));!s&&i;){var l,c,d;s=!(null===(c=i=null===(l=n=eu(i))||void 0===l?void 0:l.host)||void 0===c||null===(d=c.ownerDocument)||void 0===d||!d.contains(i))}return s}(e))return!e.getClientRects().length;if("legacy-full"!==o)return!0}return!1},iu=function(e,t){return!(t.disabled||function e(t,o){var r;void 0===o&&(o=!0);var a=null==t||null===(r=t.getAttribute)||void 0===r?void 0:r.call(t,"inert");return""===a||"true"===a||o&&t&&e(t.parentNode)}(t)||function(e){return ou(e)&&"hidden"===e.type}(t)||nu(t,e)||function(e){return"DETAILS"===e.tagName&&Array.prototype.slice.apply(e.children).some((function(e){return"SUMMARY"===e.tagName}))}(t)||function(e){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))for(var t=e.parentElement;t;){if("FIELDSET"===t.tagName&&t.disabled){for(var o=0;o<t.children.length;o++){var r=t.children.item(o);if("LEGEND"===r.tagName)return!!Jd.call(t,"fieldset[disabled] *")||!r.contains(e)}return!0}t=t.parentElement}return!1}(t))},su=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return!1!==Jd.call(e,Qd)&&function(e,t){return!(ru(t)||tu(t)<0||!iu(e,t))}(t,e)};const lu="modal",cu="non-modal",du="alert";var uu=Object.defineProperty,hu=Object.getOwnPropertyDescriptor,pu=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?hu(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&uu(t,o,n),n};const gu=class extends et{constructor(){super(...arguments),this.isTrappingFocus=!1,this.titleAction=[],this.modalType=lu,this.open=!1,this.noTitleAction=!1,this.trapFocus=!1,this.onOpenChangeEvent=(e=!1)=>{this.$emit("onOpenChange",{open:this.dialog.open,dismissed:e})},this.handleKeydown=e=>{if(!e.defaultPrevented)switch(e.key){case"Escape":this.modalType!==du&&(this.hide(!0),this.$emit("dismiss"));break;default:return!0}},this.handleDocumentKeydown=e=>{if(!e.defaultPrevented&&this.dialog.open)switch(e.key){case"Tab":this.handleTabKeyDown(e)}},this.handleTabKeyDown=e=>{if(!this.trapFocus||!this.dialog.open)return;const t=this.getTabQueueBounds();if(1===t.length)return t[0].focus(),void e.preventDefault();e.shiftKey&&e.target===t[0]?(t[t.length-1].focus(),e.preventDefault()):e.shiftKey||e.target!==t[t.length-1]||(t[0].focus(),e.preventDefault())},this.getTabQueueBounds=()=>gu.reduceTabbableItems([],this),this.focusFirstElement=()=>{const e=this.getTabQueueBounds();e.length>0?e[0].focus():this.dialog instanceof HTMLElement&&this.dialog.focus()},this.shouldForceFocus=e=>this.isTrappingFocus&&!this.contains(e),this.shouldTrapFocus=()=>this.trapFocus&&this.dialog.open,this.handleDocumentFocus=e=>{!e.defaultPrevented&&this.shouldForceFocus(e.target)&&(this.focusFirstElement(),e.preventDefault())},this.updateTrapFocus=e=>{const t=void 0===e?this.shouldTrapFocus():e;t&&!this.isTrappingFocus?(this.isTrappingFocus=!0,document.addEventListener("focusin",this.handleDocumentFocus),f.enqueue(()=>{this.shouldForceFocus(document.activeElement)&&this.focusFirstElement()})):!t&&this.isTrappingFocus&&(this.isTrappingFocus=!1,document.removeEventListener("focusin",this.handleDocumentFocus))}}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.handleDocumentKeydown),f.enqueue(()=>{this.updateTrapFocus(),this.setComponent()})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleDocumentKeydown),this.updateTrapFocus(!1)}openChanged(e,t){t!==e&&(t&&!e?this.show():!t&&e&&this.hide())}modalTypeChanged(e,t){t!==e&&(this.trapFocus=t==du||t==lu)}setComponent(){this.modalType==lu||this.modalType==du?this.trapFocus=!0:this.trapFocus=!1}show(){f.enqueue(()=>{this.modalType===du||this.modalType===lu?(this.dialog.showModal(),this.open=!0,this.updateTrapFocus(!0)):this.modalType===cu&&(this.dialog.show(),this.open=!0),this.onOpenChangeEvent()})}hide(e=!1){this.dialog.close(),this.open=!1,this.onOpenChangeEvent(e)}dismiss(){this.modalType!==du&&this.hide(!0)}handleClick(e){return e.preventDefault(),this.dialog.open&&this.modalType!==du&&e.target===this.dialog&&this.dismiss(),!0}static reduceTabbableItems(e,t){return"-1"===t.getAttribute("tabindex")?e:su(t)||gu.isFocusableFastElement(t)&&gu.hasTabbableShadow(t)?(e.push(t),e):Array.from(t.children).reduce((e,t)=>gu.reduceTabbableItems(e,t),e)}static isFocusableFastElement(e){var t,o;return!!(null==(o=null==(t=e.$fastController)?void 0:t.definition.shadowOptions)?void 0:o.delegatesFocus)}static hasTabbableShadow(e){var t,o;return Array.from(null!=(o=null==(t=e.shadowRoot)?void 0:t.querySelectorAll("*"))?o:[]).some(e=>su(e))}};let vu=gu;pu([B],vu.prototype,"dialog",2),pu([B],vu.prototype,"titleAction",2),pu([B],vu.prototype,"defaultTitleAction",2),pu([Oe({attribute:"aria-describedby"})],vu.prototype,"ariaDescribedby",2),pu([Oe({attribute:"aria-labelledby"})],vu.prototype,"ariaLabelledby",2),pu([Oe({attribute:"modal-type"})],vu.prototype,"modalType",2),pu([Oe({mode:"boolean"})],vu.prototype,"open",2),pu([Oe({mode:"boolean",attribute:"no-title-action"})],vu.prototype,"noTitleAction",2);const bu=ke.partial('\n <svg\n fill="currentColor"\n aria-hidden="true"\n width="20"\n height="20"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n 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"\n fill="currentColor"\n ></path>\n </svg>'),mu=ke`<template ?open="${e=>e.open}"><dialog role="${e=>e.modalType===du?"alertdialog":"dialog"}" modal-type="${e=>e.modalType}" class="dialog" part="dialog" aria-modal="${e=>e.modalType===lu||e.modalType===du?"true":void 0}" aria-describedby="${e=>e.ariaDescribedby}" aria-labelledby="${e=>e.ariaLabelledby}" aria-label="${e=>e.ariaLabel}" @keydown="${(e,t)=>e.handleKeydown(t.event)}" @click="${(e,t)=>e.handleClick(t.event)}" ${xe("dialog")}><div class="root" part="root"><div class="title" part="title"><slot name="title"></slot><slot ${Ne({property:"titleAction",filter:Se()})} name="title-action"></slot>${we(e=>e.modalType===cu&&0===e.titleAction.length&&!e.noTitleAction,ke`<fluent-button tabindex="0" part="title-action" class="title-action" appearance="transparent" icon-only @click=${e=>e.dismiss()} ${xe("defaultTitleAction")}>${bu}</fluent-button>`)}</div><div class="content" part="content"><slot></slot></div><div class="actions" part="actions"><slot name="action"></slot></div></div></dialog></template>`,fu=j`
|
|
284
|
+
${bt("flex")}
|
|
285
285
|
|
|
286
|
-
:host{--dialog-backdrop:${"var(--colorBackgroundOverlay)"}}dialog{background:${
|
|
287
|
-
${
|
|
286
|
+
:host{--dialog-backdrop:${"var(--colorBackgroundOverlay)"}}dialog{background:${Vo};border:${ll} solid ${va};z-index:2;margin:auto auto;max-width:100%;width:100vw;border-radius:${"var(--borderRadiusXLarge)"};box-shadow:${"var(--shadow64)"};max-height:100vh;height:fit-content;overflow:unset;position:fixed;inset:0;padding:0}dialog::backdrop{background:var(--dialog-backdrop,rgba(0,0,0,0.4))}.root{box-sizing:border-box;display:flex;flex-direction:column;overflow:unset;max-height:calc(100vh - 48px);padding:${"var(--spacingVerticalXXL)"} ${"var(--spacingHorizontalXXL)"}}.title{font-size:${Ts};line-height:${"var(--lineHeightBase500)"};font-weight:${Es};font-family:${Bs};color:${Vt};margin-bottom:${Cl};display:flex;justify-content:space-between;align-items:flex-start;column-gap:8px}.content{vertical-align:top;min-height:32px;color:${Vt};font-size:${Fs};line-height:${Vs};font-weight:${Hs};font-family:${Bs};overflow-y:auto;box-sizing:border-box}.actions{display:flex;grid-column-start:1;flex-direction:column;max-width:100vw;row-gap:${Cl};padding-top:${"var(--spacingVerticalXXL)"};justify-self:stretch;width:100%}::slotted([slot='action']){width:100%}@media screen and (min-width:480px){::slotted([slot='action']){width:fit-content}dialog{max-width:600px;width:100%}.actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;column-gap:${bl};padding-top:${Cl};box-sizing:border-box}}`,ku=vu.compose({name:Et.prefix+"-dialog",template:mu,styles:fu}),yu={separator:"separator",presentation:"presentation"},xu=tt,$u={center:"center",start:"start",end:"end"},Bu={strong:"strong",brand:"brand",subtle:"subtle",default:"default"};var wu=Object.defineProperty,Pu=Object.getOwnPropertyDescriptor,Su=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?Pu(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&wu(t,o,n),n};class Cu extends et{constructor(){super(...arguments),this.role=yu.separator,this.orientation=xu.horizontal}}Su([Oe],Cu.prototype,"role",2),Su([Oe],Cu.prototype,"orientation",2),Su([Oe({attribute:"align-content"})],Cu.prototype,"alignContent",2),Su([Oe],Cu.prototype,"appearance",2),Su([Oe({mode:"boolean"})],Cu.prototype,"inset",2);const Fu=ke`<template role="${e=>e.role}" aria-orientation="${e=>e.role!==yu.presentation?e.orientation:void 0}"><slot></slot></template>`,Nu=j`
|
|
287
|
+
${bt("flex")}
|
|
288
288
|
|
|
289
|
-
:host{contain:content}:host::after,:host::before{align-self:center;background:${
|
|
290
|
-
: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}`)),
|
|
291
|
-
: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:${
|
|
292
|
-
${
|
|
289
|
+
:host{contain:content}:host::after,:host::before{align-self:center;background:${ta};box-sizing:border-box;content:'';display:flex;flex-grow:1;height:${ll}}:host([inset]){padding:0 12px}:host ::slotted(*){color:${qt};font-family:${Bs};font-size:${Cs};font-weight:${Hs};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:${ll};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:${Qr}}:host([appearance='strong']) ::slotted(*){color:${Vt}}:host([appearance='brand'])::before,:host([appearance='brand'])::after{background:${"var(--colorBrandStroke1)"}}:host([appearance='brand']) ::slotted(*){color:${"var(--colorBrandForeground1)"}}:host([appearance='subtle'])::before,:host([appearance='subtle'])::after{background:${"var(--colorNeutralStroke3)"}}:host([appearance='subtle']) ::slotted(*){color:${Jt}}`.withBehaviors(kt(j`
|
|
290
|
+
: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}`)),Tu=Cu.compose({name:Et.prefix+"-divider",template:Fu,styles:Nu});var Iu=Object.defineProperty,Au=Object.getOwnPropertyDescriptor,Lu=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?Au(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&Iu(t,o,n),n};class zu extends et{}Lu([Oe({mode:"boolean"})],zu.prototype,"block",2),Lu([Oe({mode:"boolean"})],zu.prototype,"bordered",2),Lu([Oe({mode:"boolean"})],zu.prototype,"shadow",2),Lu([Oe],zu.prototype,"fit",2),Lu([Oe],zu.prototype,"shape",2);const Ou={none:"none",center:"center",contain:"contain",cover:"cover",default:"default"},Hu={circular:"circular",rounded:"rounded",square:"square"},Du=ke`<slot></slot>`,Eu=j`
|
|
291
|
+
: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:${ll} solid ${ta}}: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:${Qs}}:host([shape='circular']) ::slotted(img){border-radius:${$s}}:host([shape='rounded']) ::slotted(img){border-radius:${ks}}`,Mu=zu.compose({name:Et.prefix+"-image",template:Du,styles:Eu});var Ru=Object.defineProperty,ju=Object.getOwnPropertyDescriptor,Vu=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?ju(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&Ru(t,o,n),n};class _u extends et{constructor(){super(...arguments),this.disabled=!1,this.required=!1}}Vu([Oe],_u.prototype,"size",2),Vu([Oe],_u.prototype,"weight",2),Vu([Oe({mode:"boolean"})],_u.prototype,"disabled",2),Vu([Oe({mode:"boolean"})],_u.prototype,"required",2);const Gu=j`
|
|
292
|
+
${bt("flex")}
|
|
293
293
|
|
|
294
|
-
:host{font-family:${ks};font-size:${ws};line-height:${Es};font-weight:${As};color:${Et}}.asterisk{color:${"var(--colorPaletteRedForeground1)"};margin-left:${dl}}:host([size='small']){font-size:${Bs};line-height:${Ds}}:host([size='large']){font-size:${Ps};line-height:${Ms};font-weight:${zs}}:host([weight='semibold']){font-weight:${zs}}:host([disabled]),:host([disabled]) .asterisk{color:${ro}}`;const Mh=ke`<slot></slot><span part="asterisk" class="asterisk" ?hidden="${e=>!e.required}">*</span>`,Rh=Dh.compose({name:zt.prefix+"-label",template:Mh,styles:Eh});var jh=Object.defineProperty,Vh=Object.getOwnPropertyDescriptor,_h=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?Vh(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&jh(t,o,n),n};class Gh extends et{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" ":case"Enter":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(),f.enqueue(()=>this.setComponent())}disconnectedCallback(){var e;super.disconnectedCallback(),null==(e=this.cleanup)||e.call(this),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&&f.enqueue(()=>{this._menuList.focus()})}focusTrigger(){!this.open&&this._trigger&&f.enqueue(()=>{this._trigger.focus()})}openChanged(e,t){var o;this.$fastController.isConnected&&this._trigger instanceof HTMLElement&&(this._trigger.setAttribute("aria-expanded",""+this.open),this._menuList&&this.open&&f.enqueue(this.setPositioningTask)),null==(o=this.cleanup)||o.call(this),this.$emit("onOpenChange",{open:t})}openOnHoverChanged(e,t){var o,r;t?null==(o=this._trigger)||o.addEventListener("mouseover",this.openMenu):null==(r=this._trigger)||r.removeEventListener("mouseover",this.openMenu)}persistOnItemClickChanged(e,t){var o,r;t?null==(r=this._menuList)||r.removeEventListener("click",this.closeMenu):null==(o=this._menuList)||o.addEventListener("click",this.closeMenu)}openOnContextChanged(e,t){var o,r;t?null==(o=this._trigger)||o.addEventListener("contextmenu",this.openMenu):null==(r=this._trigger)||r.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=dh(this,this.positioningContainer,async()=>{var e,t;const{middlewareData:o,x:r,y:a}=await uh(this._trigger,this.positioningContainer,{placement:"bottom",strategy:"fixed",middleware:[Su(),Iu({apply:({availableHeight:e,rects:t})=>{var o;(null==(o=this.positioningContainer)?void 0:o.style)&&Object.assign(this.positioningContainer.style,{maxHeight:e+"px",width:t.reference.width+"px"})}}),Nu()]});(null==(e=o.hide)?void 0:e.referenceHidden)?this.open=!1:(null==(t=this.positioningContainer)?void 0:t.style)&&Object.assign(this.positioningContainer.style,{position:"fixed",top:"0",left:"0",transform:`translate(${r}px, ${a}px)`})}))}addListeners(){var e,t,o,r,a;document.addEventListener("click",this.handleDocumentClick),null==(e=this._trigger)||e.addEventListener("keydown",this.handleTriggerKeydown),this.persistOnItemClick||null==(t=this._menuList)||t.addEventListener("click",this.closeMenu),this.openOnHover?null==(o=this._trigger)||o.addEventListener("mouseover",this.openMenu):this.openOnContext?null==(r=this._trigger)||r.addEventListener("contextmenu",this.openMenu):null==(a=this._trigger)||a.addEventListener("click",this.toggleMenu)}removeListeners(){var e,t,o,r,a;document.removeEventListener("click",this.handleDocumentClick),null==(e=this._trigger)||e.removeEventListener("keydown",this.handleTriggerKeydown),this.persistOnItemClick||null==(t=this._menuList)||t.removeEventListener("click",this.closeMenu),this.openOnHover&&(null==(o=this._trigger)||o.removeEventListener("mouseover",this.openMenu)),this.openOnContext?null==(r=this._trigger)||r.removeEventListener("contextmenu",this.openMenu):null==(a=this._trigger)||a.removeEventListener("click",this.toggleMenu)}handleMenuKeydown(e){if(e.defaultPrevented)return;switch(e.key){case"Escape":e.preventDefault(),this.open&&(this.closeMenu(),this.focusTrigger());break;case"Tab":this.open&&this.closeMenu(),e.shiftKey&&this.focusTrigger();default:return!0}}}_h([B,Oe({attribute:"open-on-hover",mode:"boolean"})],Gh.prototype,"openOnHover",2),_h([B,Oe({attribute:"open-on-context",mode:"boolean"})],Gh.prototype,"openOnContext",2),_h([B,Oe({attribute:"close-on-scroll",mode:"boolean"})],Gh.prototype,"closeOnScroll",2),_h([B,Oe({attribute:"persist-on-item-click",mode:"boolean"})],Gh.prototype,"persistOnItemClick",2),_h([B,Oe({mode:"boolean"})],Gh.prototype,"open",2),_h([B],Gh.prototype,"slottedMenuList",2),_h([B],Gh.prototype,"slottedTriggers",2);const Xh=ke`<template ?open-on-hover="${e=>e.openOnHover}" ?open-on-context="${e=>e.openOnContext}" ?close-on-scroll="${e=>e.closeOnScroll}" ?persist-on-item-click="${e=>e.persistOnItemClick}" @keydown="${(e,t)=>e.handleMenuKeydown(t.event)}"><slot name="trigger" ${Ne({property:"slottedTriggers",filter:Se()})}></slot><span ${xe("positioningContainer")} part="positioning-container" class="positioning-container" ?hidden="${e=>!e.open}"><slot ${Ne({property:"slottedMenuList",filter:Se()})}></slot></span></template>`,qh=j`
|
|
295
|
-
:host{position:relative;z-index:var(--z-index-menu,1)}.positioning-container{position:fixed;top:0;left:0;transform:translate(0,0)}`,
|
|
296
|
-
${
|
|
294
|
+
:host{font-family:${Bs};font-size:${Fs};line-height:${Vs};font-weight:${Hs};color:${Vt}}.asterisk{color:${"var(--colorPaletteRedForeground1)"};margin-left:${gl}}:host([size='small']){font-size:${Cs};line-height:${js}}:host([size='large']){font-size:${Ns};line-height:${_s};font-weight:${Es}}:host([weight='semibold']){font-weight:${Es}}:host([disabled]),:host([disabled]) .asterisk{color:${so}}`;const Xu=ke`<slot></slot><span part="asterisk" class="asterisk" ?hidden="${e=>!e.required}">*</span>`,qu=_u.compose({name:Et.prefix+"-label",template:Xu,styles:Gu});function Wu(e){return e.split("-")[1]}function Yu(e){return"y"===e?"height":"width"}function Ku(e){return e.split("-")[0]}function Uu(e){return["top","bottom"].includes(Ku(e))?"x":"y"}function Qu(e,t,o){let{reference:r,floating:a}=e;const n=r.x+r.width/2-a.width/2,i=r.y+r.height/2-a.height/2,s=Uu(t),l=Yu(s),c=r[l]/2-a[l]/2,d="x"===s;let u;switch(Ku(t)){case"top":u={x:n,y:r.y-a.height};break;case"bottom":u={x:n,y:r.y+r.height};break;case"right":u={x:r.x+r.width,y:i};break;case"left":u={x:r.x-a.width,y:i};break;default:u={x:r.x,y:r.y}}switch(Wu(t)){case"start":u[s]-=c*(o&&d?-1:1);break;case"end":u[s]+=c*(o&&d?-1:1)}return u}function Zu(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}async function Ju(e,t){var o;void 0===t&&(t={});const{x:r,y:a,platform:n,rects:i,elements:s,strategy:l}=e,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:u="floating",altBoundary:h=!1,padding:p=0}=t,g=function(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}(p),v=s[h?"floating"===u?"reference":"floating":u],b=Zu(await n.getClippingRect({element:null==(o=await(null==n.isElement?void 0:n.isElement(v)))||o?v:v.contextElement||await(null==n.getDocumentElement?void 0:n.getDocumentElement(s.floating)),boundary:c,rootBoundary:d,strategy:l})),m="floating"===u?{...i.floating,x:r,y:a}:i.reference,f=await(null==n.getOffsetParent?void 0:n.getOffsetParent(s.floating)),k=await(null==n.isElement?void 0:n.isElement(f))&&await(null==n.getScale?void 0:n.getScale(f))||{x:1,y:1},y=Zu(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({rect:m,offsetParent:f,strategy:l}):m);return{top:(b.top-y.top+g.top)/k.y,bottom:(y.bottom-b.bottom+g.bottom)/k.y,left:(b.left-y.left+g.left)/k.x,right:(y.right-b.right+g.right)/k.x}}const eh=Math.min,th=Math.max;function oh(e,t,o){return th(e,eh(t,o))}const rh=["top","right","bottom","left"];rh.reduce((e,t)=>e.concat(t,t+"-start",t+"-end"),[]);const ah={left:"right",right:"left",bottom:"top",top:"bottom"};function nh(e){return e.replace(/left|right|bottom|top/g,e=>ah[e])}function ih(e,t,o){void 0===o&&(o=!1);const r=Wu(e),a=Uu(e),n=Yu(a);let i="x"===a?r===(o?"end":"start")?"right":"left":"start"===r?"bottom":"top";return t.reference[n]>t.floating[n]&&(i=nh(i)),{main:i,cross:nh(i)}}const sh={start:"end",end:"start"};function lh(e){return e.replace(/start|end/g,e=>sh[e])}const ch=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var o;const{placement:r,middlewareData:a,rects:n,initialPlacement:i,platform:s,elements:l}=t,{mainAxis:c=!0,crossAxis:d=!0,fallbackPlacements:u,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:g=!0,...v}=e,b=Ku(r),m=Ku(i)===i,f=await(null==s.isRTL?void 0:s.isRTL(l.floating)),k=u||(m||!g?[nh(i)]:function(e){const t=nh(e);return[lh(e),t,lh(t)]}(i));u||"none"===p||k.push(...function(e,t,o,r){const a=Wu(e);let n=function(e,t,o){const r=["left","right"],a=["right","left"],n=["top","bottom"],i=["bottom","top"];switch(e){case"top":case"bottom":return o?t?a:r:t?r:a;case"left":case"right":return t?n:i;default:return[]}}(Ku(e),"start"===o,r);return a&&(n=n.map(e=>e+"-"+a),t&&(n=n.concat(n.map(lh)))),n}(i,g,p,f));const y=[i,...k],x=await Ju(t,v),$=[];let B=(null==(o=a.flip)?void 0:o.overflows)||[];if(c&&$.push(x[b]),d){const{main:e,cross:t}=ih(r,n,f);$.push(x[e],x[t])}if(B=[...B,{placement:r,overflows:$}],!$.every(e=>e<=0)){var w,P;const e=((null==(w=a.flip)?void 0:w.index)||0)+1,t=y[e];if(t)return{data:{index:e,overflows:B},reset:{placement:t}};let o=null==(P=B.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:P.placement;if(!o)switch(h){case"bestFit":{var S;const e=null==(S=B.map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0])?void 0:S[0];e&&(o=e);break}case"initialPlacement":o=i}if(r!==o)return{reset:{placement:o}}}return{}}}};function dh(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function uh(e){return rh.some(t=>e[t]>=0)}const hh=function(e){return void 0===e&&(e={}),{name:"hide",options:e,async fn(t){const{strategy:o="referenceHidden",...r}=e,{rects:a}=t;switch(o){case"referenceHidden":{const e=dh(await Ju(t,{...r,elementContext:"reference"}),a.reference);return{data:{referenceHiddenOffsets:e,referenceHidden:uh(e)}}}case"escaped":{const e=dh(await Ju(t,{...r,altBoundary:!0}),a.floating);return{data:{escapedOffsets:e,escaped:uh(e)}}}default:return{}}}}};const ph=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:o,y:r,placement:a}=t,{mainAxis:n=!0,crossAxis:i=!1,limiter:s={fn:e=>{let{x:t,y:o}=e;return{x:t,y:o}}},...l}=e,c={x:o,y:r},d=await Ju(t,l),u=Uu(Ku(a)),h=function(e){return"x"===e?"y":"x"}(u);let p=c[u],g=c[h];if(n){const e="y"===u?"bottom":"right";p=oh(p+d["y"===u?"top":"left"],p,p-d[e])}if(i){const e="y"===h?"bottom":"right";g=oh(g+d["y"===h?"top":"left"],g,g-d[e])}const v=s.fn({...t,[u]:p,[h]:g});return{...v,data:{x:v.x-o,y:v.y-r}}}}},gh=function(e){return void 0===e&&(e={}),{name:"size",options:e,async fn(t){const{placement:o,rects:r,platform:a,elements:n}=t,{apply:i=(()=>{}),...s}=e,l=await Ju(t,s),c=Ku(o),d=Wu(o),u="x"===Uu(o),{width:h,height:p}=r.floating;let g,v;"top"===c||"bottom"===c?(g=c,v=d===(await(null==a.isRTL?void 0:a.isRTL(n.floating))?"start":"end")?"left":"right"):(v=c,g="end"===d?"top":"bottom");const b=p-l[g],m=h-l[v];let f=b,k=m;if(u?k=eh(h-l.right-l.left,m):f=eh(p-l.bottom-l.top,b),!t.middlewareData.shift&&!d){const e=th(l.left,0),t=th(l.right,0),o=th(l.top,0),r=th(l.bottom,0);u?k=h-2*(0!==e||0!==t?e+t:th(l.left,l.right)):f=p-2*(0!==o||0!==r?o+r:th(l.top,l.bottom))}await i({...t,availableWidth:k,availableHeight:f});const y=await a.getDimensions(n.floating);return h!==y.width||p!==y.height?{reset:{rects:!0}}:{}}}};function vh(e){var t;return(null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function bh(e){return vh(e).getComputedStyle(e)}const mh=Math.min,fh=Math.max,kh=Math.round;function yh(e){const t=bh(e);let o=parseFloat(t.width),r=parseFloat(t.height);const a=e.offsetWidth,n=e.offsetHeight,i=kh(o)!==a||kh(r)!==n;return i&&(o=a,r=n),{width:o,height:r,fallback:i}}function xh(e){return Sh(e)?(e.nodeName||"").toLowerCase():""}let $h;function Bh(){if($h)return $h;const e=navigator.userAgentData;return e&&Array.isArray(e.brands)?($h=e.brands.map(e=>e.brand+"/"+e.version).join(" "),$h):navigator.userAgent}function wh(e){return e instanceof vh(e).HTMLElement}function Ph(e){return e instanceof vh(e).Element}function Sh(e){return e instanceof vh(e).Node}function Ch(e){return"undefined"!=typeof ShadowRoot&&(e instanceof vh(e).ShadowRoot||e instanceof ShadowRoot)}function Fh(e){const{overflow:t,overflowX:o,overflowY:r,display:a}=bh(e);return/auto|scroll|overlay|hidden|clip/.test(t+r+o)&&!["inline","contents"].includes(a)}function Nh(e){return["table","td","th"].includes(xh(e))}function Th(e){const t=/firefox/i.test(Bh()),o=bh(e),r=o.backdropFilter||o.WebkitBackdropFilter;return"none"!==o.transform||"none"!==o.perspective||!!r&&"none"!==r||t&&"filter"===o.willChange||t&&!!o.filter&&"none"!==o.filter||["transform","perspective"].some(e=>o.willChange.includes(e))||["paint","layout","strict","content"].some(e=>{const t=o.contain;return null!=t&&t.includes(e)})}function Ih(){return/^((?!chrome|android).)*safari/i.test(Bh())}function Ah(e){return["html","body","#document"].includes(xh(e))}function Lh(e){return Ph(e)?e:e.contextElement}const zh={x:1,y:1};function Oh(e){const t=Lh(e);if(!wh(t))return zh;const o=t.getBoundingClientRect(),{width:r,height:a,fallback:n}=yh(t);let i=(n?kh(o.width):o.width)/r,s=(n?kh(o.height):o.height)/a;return i&&Number.isFinite(i)||(i=1),s&&Number.isFinite(s)||(s=1),{x:i,y:s}}function Hh(e,t,o,r){var a,n;void 0===t&&(t=!1),void 0===o&&(o=!1);const i=e.getBoundingClientRect(),s=Lh(e);let l=zh;t&&(r?Ph(r)&&(l=Oh(r)):l=Oh(e));const c=s?vh(s):window,d=Ih()&&o;let u=(i.left+(d&&(null==(a=c.visualViewport)?void 0:a.offsetLeft)||0))/l.x,h=(i.top+(d&&(null==(n=c.visualViewport)?void 0:n.offsetTop)||0))/l.y,p=i.width/l.x,g=i.height/l.y;if(s){const e=vh(s),t=r&&Ph(r)?vh(r):r;let o=e.frameElement;for(;o&&r&&t!==e;){const e=Oh(o),t=o.getBoundingClientRect(),r=getComputedStyle(o);t.x+=(o.clientLeft+parseFloat(r.paddingLeft))*e.x,t.y+=(o.clientTop+parseFloat(r.paddingTop))*e.y,u*=e.x,h*=e.y,p*=e.x,g*=e.y,u+=t.x,h+=t.y,o=vh(o).frameElement}}return{width:p,height:g,top:h,right:u+p,bottom:h+g,left:u,x:u,y:h}}function Dh(e){return((Sh(e)?e.ownerDocument:e.document)||window.document).documentElement}function Eh(e){return Ph(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Mh(e){return Hh(Dh(e)).left+Eh(e).scrollLeft}function Rh(e){if("html"===xh(e))return e;const t=e.assignedSlot||e.parentNode||Ch(e)&&e.host||Dh(e);return Ch(t)?t.host:t}function jh(e,t){var o;void 0===t&&(t=[]);const r=function e(t){const o=Rh(t);return Ah(o)?o.ownerDocument.body:wh(o)&&Fh(o)?o:e(o)}(e),a=r===(null==(o=e.ownerDocument)?void 0:o.body),n=vh(r);return a?t.concat(n,n.visualViewport||[],Fh(r)?r:[]):t.concat(r,jh(r))}function Vh(e,t,o){let r;if("viewport"===t)r=function(e,t){const o=vh(e),r=Dh(e),a=o.visualViewport;let n=r.clientWidth,i=r.clientHeight,s=0,l=0;if(a){n=a.width,i=a.height;const e=Ih();(!e||e&&"fixed"===t)&&(s=a.offsetLeft,l=a.offsetTop)}return{width:n,height:i,x:s,y:l}}(e,o);else if("document"===t)r=function(e){const t=Dh(e),o=Eh(e),r=e.ownerDocument.body,a=fh(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),n=fh(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight);let i=-o.scrollLeft+Mh(e);const s=-o.scrollTop;return"rtl"===bh(r).direction&&(i+=fh(t.clientWidth,r.clientWidth)-a),{width:a,height:n,x:i,y:s}}(Dh(e));else if(Ph(t))r=function(e,t){const o=Hh(e,!0,"fixed"===t),r=o.top+e.clientTop,a=o.left+e.clientLeft,n=wh(e)?Oh(e):{x:1,y:1};return{width:e.clientWidth*n.x,height:e.clientHeight*n.y,x:a*n.x,y:r*n.y}}(t,o);else{const o={...t};if(Ih()){var a,n;const t=vh(e);o.x-=(null==(a=t.visualViewport)?void 0:a.offsetLeft)||0,o.y-=(null==(n=t.visualViewport)?void 0:n.offsetTop)||0}r=o}return Zu(r)}function _h(e,t){return wh(e)&&"fixed"!==bh(e).position?t?t(e):e.offsetParent:null}function Gh(e,t){const o=vh(e);let r=_h(e,t);for(;r&&Nh(r)&&"static"===bh(r).position;)r=_h(r,t);return r&&("html"===xh(r)||"body"===xh(r)&&"static"===bh(r).position&&!Th(r))?o:r||function(e){let t=Rh(e);for(;wh(t)&&!Ah(t);){if(Th(t))return t;t=Rh(t)}return null}(e)||o}function Xh(e,t,o){const r=wh(t),a=Dh(t),n=Hh(e,!0,"fixed"===o,t);let i={scrollLeft:0,scrollTop:0};const s={x:0,y:0};if(r||!r&&"fixed"!==o)if(("body"!==xh(t)||Fh(a))&&(i=Eh(t)),wh(t)){const e=Hh(t,!0);s.x=e.x+t.clientLeft,s.y=e.y+t.clientTop}else a&&(s.x=Mh(a));return{x:n.left+i.scrollLeft-s.x,y:n.top+i.scrollTop-s.y,width:n.width,height:n.height}}const qh={getClippingRect:function(e){let{element:t,boundary:o,rootBoundary:r,strategy:a}=e;const n=[..."clippingAncestors"===o?function(e,t){const o=t.get(e);if(o)return o;let r=jh(e).filter(e=>Ph(e)&&"body"!==xh(e)),a=null;const n="fixed"===bh(e).position;let i=n?Rh(e):e;for(;Ph(i)&&!Ah(i);){const e=bh(i),t=Th(i);(n?t||a:t||"static"!==e.position||!a||!["absolute","fixed"].includes(a.position))?a=e:r=r.filter(e=>e!==i),i=Rh(i)}return t.set(e,r),r}(t,this._c):[].concat(o),r],i=n[0],s=n.reduce((e,o)=>{const r=Vh(t,o,a);return e.top=fh(r.top,e.top),e.right=mh(r.right,e.right),e.bottom=mh(r.bottom,e.bottom),e.left=fh(r.left,e.left),e},Vh(t,i,a));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{rect:t,offsetParent:o,strategy:r}=e;const a=wh(o),n=Dh(o);if(o===n)return t;let i={scrollLeft:0,scrollTop:0},s={x:1,y:1};const l={x:0,y:0};if((a||!a&&"fixed"!==r)&&(("body"!==xh(o)||Fh(n))&&(i=Eh(o)),wh(o))){const e=Hh(o);s=Oh(o),l.x=e.x+o.clientLeft,l.y=e.y+o.clientTop}return{width:t.width*s.x,height:t.height*s.y,x:t.x*s.x-i.scrollLeft*s.x+l.x,y:t.y*s.y-i.scrollTop*s.y+l.y}},isElement:Ph,getDimensions:function(e){return wh(e)?yh(e):e.getBoundingClientRect()},getOffsetParent:Gh,getDocumentElement:Dh,getScale:Oh,async getElementRects(e){let{reference:t,floating:o,strategy:r}=e;const a=this.getOffsetParent||Gh,n=this.getDimensions;return{reference:Xh(t,await a(o),r),floating:{x:0,y:0,...await n(o)}}},getClientRects:e=>Array.from(e.getClientRects()),isRTL:e=>"rtl"===bh(e).direction};function Wh(e,t,o,r){void 0===r&&(r={});const{ancestorScroll:a=!0,ancestorResize:n=!0,elementResize:i=!0,animationFrame:s=!1}=r,l=a&&!s,c=l||n?[...Ph(e)?jh(e):e.contextElement?jh(e.contextElement):[],...jh(t)]:[];c.forEach(e=>{l&&e.addEventListener("scroll",o,{passive:!0}),n&&e.addEventListener("resize",o)});let d,u=null;if(i){let r=!0;u=new ResizeObserver(()=>{r||o(),r=!1}),Ph(e)&&!s&&u.observe(e),Ph(e)||!e.contextElement||s||u.observe(e.contextElement),u.observe(t)}let h=s?Hh(e):null;return s&&function t(){const r=Hh(e);!h||r.x===h.x&&r.y===h.y&&r.width===h.width&&r.height===h.height||o(),h=r,d=requestAnimationFrame(t)}(),o(),()=>{var e;c.forEach(e=>{l&&e.removeEventListener("scroll",o),n&&e.removeEventListener("resize",o)}),null==(e=u)||e.disconnect(),u=null,s&&cancelAnimationFrame(d)}}const Yh=(e,t,o)=>{const r=new Map,a={platform:qh,...o},n={...a.platform,_c:r};return(async(e,t,o)=>{const{placement:r="bottom",strategy:a="absolute",middleware:n=[],platform:i}=o,s=n.filter(Boolean),l=await(null==i.isRTL?void 0:i.isRTL(t));let c=await i.getElementRects({reference:e,floating:t,strategy:a}),{x:d,y:u}=Qu(c,r,l),h=r,p={},g=0;for(let o=0;o<s.length;o++){const{name:n,fn:v}=s[o],{x:b,y:m,data:f,reset:k}=await v({x:d,y:u,initialPlacement:r,placement:h,strategy:a,middlewareData:p,rects:c,platform:i,elements:{reference:e,floating:t}});d=null!=b?b:d,u=null!=m?m:u,p={...p,[n]:{...p[n],...f}},k&&g<=50&&(g++,"object"==typeof k&&(k.placement&&(h=k.placement),k.rects&&(c=!0===k.rects?await i.getElementRects({reference:e,floating:t,strategy:a}):k.rects),({x:d,y:u}=Qu(c,h,l))),o=-1)}return{x:d,y:u,placement:h,strategy:a,middlewareData:p}})(e,t,{...a,platform:n})};var Kh=Object.defineProperty,Uh=Object.getOwnPropertyDescriptor,Qh=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?Uh(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&Kh(t,o,n),n};class Zh extends et{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" ":case"Enter":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(),f.enqueue(()=>this.setComponent())}disconnectedCallback(){var e;super.disconnectedCallback(),null==(e=this.cleanup)||e.call(this),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&&f.enqueue(()=>{this._menuList.focus()})}focusTrigger(){!this.open&&this._trigger&&f.enqueue(()=>{this._trigger.focus()})}openChanged(e,t){var o;this.$fastController.isConnected&&this._trigger instanceof HTMLElement&&(this._trigger.setAttribute("aria-expanded",""+this.open),this._menuList&&this.open&&f.enqueue(this.setPositioningTask)),null==(o=this.cleanup)||o.call(this),this.$emit("onOpenChange",{open:t})}openOnHoverChanged(e,t){var o,r;t?null==(o=this._trigger)||o.addEventListener("mouseover",this.openMenu):null==(r=this._trigger)||r.removeEventListener("mouseover",this.openMenu)}persistOnItemClickChanged(e,t){var o,r;t?null==(r=this._menuList)||r.removeEventListener("click",this.closeMenu):null==(o=this._menuList)||o.addEventListener("click",this.closeMenu)}openOnContextChanged(e,t){var o,r;t?null==(o=this._trigger)||o.addEventListener("contextmenu",this.openMenu):null==(r=this._trigger)||r.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=Wh(this,this.positioningContainer,async()=>{var e,t;const{middlewareData:o,x:r,y:a}=await Yh(this._trigger,this.positioningContainer,{placement:"bottom",strategy:"fixed",middleware:[ch(),gh({apply:({availableHeight:e,rects:t})=>{var o;(null==(o=this.positioningContainer)?void 0:o.style)&&Object.assign(this.positioningContainer.style,{maxHeight:e+"px",width:t.reference.width+"px"})}}),hh()]});(null==(e=o.hide)?void 0:e.referenceHidden)?this.open=!1:(null==(t=this.positioningContainer)?void 0:t.style)&&Object.assign(this.positioningContainer.style,{position:"fixed",top:"0",left:"0",transform:`translate(${r}px, ${a}px)`})}))}addListeners(){var e,t,o,r,a;document.addEventListener("click",this.handleDocumentClick),null==(e=this._trigger)||e.addEventListener("keydown",this.handleTriggerKeydown),this.persistOnItemClick||null==(t=this._menuList)||t.addEventListener("click",this.closeMenu),this.openOnHover?null==(o=this._trigger)||o.addEventListener("mouseover",this.openMenu):this.openOnContext?null==(r=this._trigger)||r.addEventListener("contextmenu",this.openMenu):null==(a=this._trigger)||a.addEventListener("click",this.toggleMenu)}removeListeners(){var e,t,o,r,a;document.removeEventListener("click",this.handleDocumentClick),null==(e=this._trigger)||e.removeEventListener("keydown",this.handleTriggerKeydown),this.persistOnItemClick||null==(t=this._menuList)||t.removeEventListener("click",this.closeMenu),this.openOnHover&&(null==(o=this._trigger)||o.removeEventListener("mouseover",this.openMenu)),this.openOnContext?null==(r=this._trigger)||r.removeEventListener("contextmenu",this.openMenu):null==(a=this._trigger)||a.removeEventListener("click",this.toggleMenu)}handleMenuKeydown(e){if(e.defaultPrevented)return;switch(e.key){case"Escape":e.preventDefault(),this.open&&(this.closeMenu(),this.focusTrigger());break;case"Tab":this.open&&this.closeMenu(),e.shiftKey&&this.focusTrigger();default:return!0}}}Qh([B,Oe({attribute:"open-on-hover",mode:"boolean"})],Zh.prototype,"openOnHover",2),Qh([B,Oe({attribute:"open-on-context",mode:"boolean"})],Zh.prototype,"openOnContext",2),Qh([B,Oe({attribute:"close-on-scroll",mode:"boolean"})],Zh.prototype,"closeOnScroll",2),Qh([B,Oe({attribute:"persist-on-item-click",mode:"boolean"})],Zh.prototype,"persistOnItemClick",2),Qh([B,Oe({mode:"boolean"})],Zh.prototype,"open",2),Qh([B],Zh.prototype,"slottedMenuList",2),Qh([B],Zh.prototype,"slottedTriggers",2);const Jh=ke`<template ?open-on-hover="${e=>e.openOnHover}" ?open-on-context="${e=>e.openOnContext}" ?close-on-scroll="${e=>e.closeOnScroll}" ?persist-on-item-click="${e=>e.persistOnItemClick}" @keydown="${(e,t)=>e.handleMenuKeydown(t.event)}"><slot name="trigger" ${Ne({property:"slottedTriggers",filter:Se()})}></slot><span ${xe("positioningContainer")} part="positioning-container" class="positioning-container" ?hidden="${e=>!e.open}"><slot ${Ne({property:"slottedMenuList",filter:Se()})}></slot></span></template>`,ep=j`
|
|
295
|
+
:host{position:relative;z-index:var(--z-index-menu,1)}.positioning-container{position:fixed;top:0;left:0;transform:translate(0,0)}`,tp=Zh.compose({name:Et.prefix+"-menu",template:Jh,styles:ep});class op extends bd{}const rp=nc,ap=ic,np=sc,ip=fd({end:ke.partial('<svg slot="end" fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><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></svg>')}),sp=op.compose({name:Et.prefix+"-menu-button",template:ip,styles:gc,shadowOptions:{delegatesFocus:!0}}),lp={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"},cp={[lp.menuitem]:"menuitem",[lp.menuitemcheckbox]:"menuitemcheckbox",[lp.menuitemradio]:"menuitemradio"};var dp=Object.defineProperty,up=Object.getOwnPropertyDescriptor,hp=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?up(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&dp(t,o,n),n};class pp extends et{constructor(){super(...arguments),this.role=lp.menuitem,this.checked=!1,this.focusSubmenuOnLoad=!1,this.handleMenuItemKeyDown=e=>{if(e.defaultPrevented)return!1;switch(e.key){case"Enter":case" ":return this.invoke(),!1;case"ArrowRight":return this.expanded&&this.submenu?this.submenu.focus():this.expandAndFocus(),!1;case"Escape":if(this.expanded)return this.closeSubMenu(),!1;break;case"ArrowLeft":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 lp.menuitemcheckbox:this.checked=!this.checked;break;case lp.menuitem:if(this.hasSubmenu){this.expandAndFocus();break}this.$emit("change");break;case lp.menuitemradio:this.checked||(this.checked=!0)}}}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(){var e;null==(e=this.cleanup)||e.call(this),super.disconnectedCallback()}updateSubmenu(){var e;null==(e=this.cleanup)||e.call(this),this.submenu&&this.expanded&&f.enqueue(()=>{this.cleanup=Wh(this,this.submenuContainer,async()=>{const e=["left-start","right-start"],{x:t,y:o}=await Yh(this,this.submenuContainer,{middleware:[ph(),gh({apply:({availableWidth:t,rects:o})=>{t<o.floating.width&&e.push("bottom-end","top-end")}}),ch({fallbackPlacements:e})],placement:"right-start",strategy:"fixed"});Object.assign(this.submenuContainer.style,{left:t+"px",position:"fixed",top:o+"px"}),this.submenuLoaded()})})}}hp([Oe({mode:"boolean"})],pp.prototype,"disabled",2),hp([Oe({mode:"boolean"})],pp.prototype,"expanded",2),hp([Oe],pp.prototype,"role",2),hp([Oe({mode:"boolean"})],pp.prototype,"checked",2),hp([Oe({mode:"boolean"})],pp.prototype,"hidden",2),hp([B],pp.prototype,"slottedSubmenu",2),hp([B],pp.prototype,"submenu",2),Pt(pp,$t);const gp=ke.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>');const vp=function(e={}){return ke`<template aria-haspopup="${e=>e.hasSubmenu?"menu":void 0}" aria-checked="${e=>e.role!==lp.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)}">${we(e=>e.role===lp.menuitemcheckbox,ke`<div part="input-container" class="input-container"><span part="checkbox" class="checkbox"><slot name="checkbox-indicator">${pt(e.checkboxIndicator)}</slot></span></div>`)} ${we(e=>e.role===lp.menuitemradio,ke`<div part="input-container" class="input-container"><span part="radio" class="radio"><slot name="radio-indicator">${pt(e.radioIndicator)}</slot></span></div>`)}</div>${wt(e)}<span class="content" part="content"><slot></slot></span>${Bt(e)} ${we(e=>e.hasSubmenu,ke`<div part="expand-collapse-glyph-container" class="expand-collapse-glyph-container"><span part="expand-collapse" class="expand-collapse"><slot name="expand-collapse-indicator">${pt(e.expandCollapseGlyph)}</slot></span></div>`)}<span ?hidden="${e=>!e.expanded}" class="submenu-container" part="submenu-container" ${xe("submenuContainer")}><slot name="submenu" ${Ne({property:"slottedSubmenu",filter:Se("[role='menu']")})}></slot></span></template>`}({checkboxIndicator:gp,expandCollapseGlyph:ke.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>'),radioIndicator:gp}),bp=j`
|
|
296
|
+
${bt("grid")}
|
|
297
297
|
|
|
298
|
-
:host{grid-template-columns:20px 20px auto 20px;align-items:center;grid-gap:4px;height:32px;background:${
|
|
299
|
-
${
|
|
298
|
+
:host{grid-template-columns:20px 20px auto 20px;align-items:center;grid-gap:4px;height:32px;background:${Vo};font:${Hs} ${Fs} / ${Vs} ${Bs};border-radius:${ks};color:${qt};padding:0 10px;cursor:pointer;overflow:visible;contain:layout}:host(:hover){background:${"var(--colorNeutralBackground1Hover)"}}.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:${qt}}.expand-collapse-glyph-container,::slotted([slot='start']),::slotted([slot='end']){height:32px;font-size:${Ts};width:fit-content}.input-container{width:20px}::slotted([slot='end']){color:${Jt};font:${Hs} ${Cs} / ${js} ${Bs};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:${"var(--colorNeutralForeground2Hover)"}}:host([icon]:hover) ::slotted([slot='start']){color:${"var(--colorCompoundBrandForeground1Hover)"}}:host(:active){background-color:${"var(--colorNeutralBackground1Selected)"}}:host(:active) .input-container,:host(:active) .expand-collapse-glyph-container,:host(:active) .content{color:${"var(--colorNeutralForeground2Pressed)"}}:host(:active) ::slotted([slot='start']){color:${"var(--colorCompoundBrandForeground1Pressed)"}}:host([disabled]){background-color:${"var(--colorNeutralBackgroundDisabled)"}}:host([disabled]) .content,:host([disabled]) .expand-collapse-glyph-container,:host([disabled]) ::slotted([slot='end']),:host([disabled]) ::slotted([slot='start']){color:${so}}: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}`,mp=pp.compose({name:Et.prefix+"-menu-item",template:vp,styles:bp});var fp=Object.defineProperty,kp=Object.getOwnPropertyDescriptor;const yp=class extends et{constructor(){super(...arguments),this.expandedItem=null,this.focusIndex=-1,this.isNestedMenu=()=>null!==this.parentElement&&ot(this.parentElement)&&"menuitem"===this.parentElement.getAttribute("role"),this.handleFocusOut=e=>{if(!this.contains(e.relatedTarget)&&void 0!==this.menuItems){this.collapseExpandedItem();const e=this.menuItems.findIndex(this.isFocusableElement);this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.menuItems[e].setAttribute("tabindex","0"),this.focusIndex=e}},this.handleItemFocus=e=>{const t=e.target;void 0!==this.menuItems&&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||null===e.target||void 0===this.menuItems||this.menuItems.indexOf(e.target)<0)return;e.preventDefault();const t=e.target;null===this.expandedItem||t!==this.expandedItem||!1!==t.expanded?t.expanded&&(null!==this.expandedItem&&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.expandedItem=null},this.changeHandler=e=>{if(void 0===this.menuItems)return;const t=e.target,o=this.menuItems.indexOf(t);if(-1!==o&&"menuitemradio"===t.role&&!0===t.checked){for(let e=o-1;e>=0;--e){const t=this.menuItems[e],o=t.getAttribute("role");if(o===lp.menuitemradio&&(t.checked=!1),"separator"===o)break}const e=this.menuItems.length-1;for(let t=o+1;t<=e;++t){const e=this.menuItems[t],o=e.getAttribute("role");if(o===lp.menuitemradio&&(e.checked=!1),"separator"===o)break}}},this.isMenuItemElement=e=>e instanceof pp||ot(e)&&e.getAttribute("role")in yp.focusableElementRoles,this.isFocusableElement=e=>this.isMenuItemElement(e)}itemsChanged(e,t){this.$fastController.isConnected&&void 0!==this.menuItems&&this.setItems()}connectedCallback(){super.connectedCallback(),f.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(){null!==this.expandedItem&&(this.expandedItem.expanded=!1,this.expandedItem=null)}handleMenuKeyDown(e){if(!e.defaultPrevented&&void 0!==this.menuItems)switch(e.key){case"ArrowDown":return void this.setFocus(this.focusIndex+1,1);case"ArrowUp":return void this.setFocus(this.focusIndex-1,-1);case"End":return void this.setFocus(this.menuItems.length-1,-1);case"Home":return void this.setFocus(0,1);default:return!0}}removeItemListeners(e=this.items){e.forEach(e=>{e.removeEventListener("focus",this.handleItemFocus),e.removeEventListener("expanded-changed",this.handleExpandedChanged),$.getNotifier(e).unsubscribe(this,"hidden")})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==lp.menuitem?o?2:1:o?1:0}setItems(){var e;const t=Array.from(this.children);this.removeItemListeners(t),t.forEach(e=>$.getNotifier(e).subscribe(this,"hidden"));const o=t.filter(e=>!e.hasAttribute("hidden"));this.menuItems=o;const r=this.menuItems.filter(this.isMenuItemElement);r.length&&(this.focusIndex=0),r.forEach((e,t)=>{e.setAttribute("tabindex",0===t?"0":"-1"),e.addEventListener("expanded-change",this.handleExpandedChanged),e.addEventListener("focus",this.handleItemFocus)});const a=null==(e=this.menuItems)?void 0:e.filter(this.isMenuItemElement);null==a||a.forEach((e,t)=>{const o=null==a?void 0:a.reduce((e,t)=>{const o=yp.elementIndent(t);return Math.max(e,o)},0);e instanceof pp&&e.setAttribute("data-indent",""+o)})}handleChange(e,t){"hidden"===t&&this.setItems()}setFocus(e,t){if(void 0!==this.menuItems)for(;e>=0&&e<this.menuItems.length;){const o=this.menuItems[e];if(this.isFocusableElement(o)){this.focusIndex>-1&&this.menuItems.length>=this.focusIndex-1&&this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=e,o.setAttribute("tabindex","0"),o.focus();break}e+=t}}};let xp=yp;xp.focusableElementRoles=lp,((e,t,o,r)=>{for(var a,n=r>1?void 0:r?kp(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);r&&n&&fp(t,o,n)})([B],xp.prototype,"items",2);const $p=ke`<template slot="${e=>e.slot?e.slot:e.isNestedMenu()?"submenu":void 0}" role="menu" @keydown="${(e,t)=>e.handleMenuKeyDown(t.event)}" @focusout="${(e,t)=>e.handleFocusOut(t.event)}"><slot ${Ne("items")}></slot></template>`,Bp=j`
|
|
299
|
+
${bt("flex")}
|
|
300
300
|
|
|
301
|
-
:host{flex-direction:column;height:fit-content;max-width:300px;min-width:160px;width:auto;background-color:${
|
|
302
|
-
${
|
|
301
|
+
:host{flex-direction:column;height:fit-content;max-width:300px;min-width:160px;width:auto;background-color:${Vo};border:1px solid ${va};border-radius:${ks};box-shadow:${Js};padding:4px;row-gap:2px}`,wp=xp.compose({name:Et.prefix+"-menu-list",template:$p,styles:Bp});var Pp=Object.defineProperty,Sp=Object.getOwnPropertyDescriptor,Cp=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?Sp(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&Pp(t,o,n),n};class Fp extends et{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="number"==typeof this.min?this.min:0,t="number"==typeof this.max?this.max:100,o="number"==typeof this.value?this.value:0,r=t-e;this.percentComplete=0===r?0:Math.fround((o-e)/r*100)}}Cp([Oe({converter:Le})],Fp.prototype,"value",2),Cp([Oe({converter:Le})],Fp.prototype,"min",2),Cp([Oe({converter:Le})],Fp.prototype,"max",2),Cp([B],Fp.prototype,"percentComplete",2);var Np=Object.defineProperty,Tp=Object.getOwnPropertyDescriptor,Ip=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?Tp(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&Np(t,o,n),n};class Ap extends Fp{constructor(){super(...arguments),this.validationState=null}}Ip([Oe],Ap.prototype,"thickness",2),Ip([Oe],Ap.prototype,"shape",2),Ip([Oe({attribute:"validation-state"})],Ap.prototype,"validationState",2);const Lp={medium:"medium",large:"large"},zp={rounded:"rounded",square:"square"},Op={success:"success",warning:"warning",error:"error"},Hp=j`
|
|
302
|
+
${bt("flex")}
|
|
303
303
|
|
|
304
|
-
:host{align-items:center;height:2px;overflow-x:hidden;border-radius:${
|
|
304
|
+
:host{align-items:center;height:2px;overflow-x:hidden;border-radius:${ks};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:${"var(--colorPaletteRedBackground3)"}}:host([validation-state='error']) .indeterminate-indicator-1,:host([validation-state='error']) .indeterminate-indicator-2{background:linear-gradient(
|
|
305
305
|
to right,${"var(--colorPaletteRedBackground2)"} 0%,${"var(--colorPaletteRedBackground3)"} 50%,${"var(--colorPaletteRedBackground2)"}
|
|
306
306
|
)}:host([validation-state='warning']) .determinate{background-color:${"var(--colorPaletteDarkOrangeBackground3)"}}:host([validation-state='warning']) .indeterminate-indicator-1,:host([validation-state='warning']) .indeterminate-indicator-2{background:linear-gradient(
|
|
307
307
|
to right,${"var(--colorPaletteDarkOrangeBackground2)"} 0%,${"var(--colorPaletteDarkOrangeBackground3)"} 50%,${"var(--colorPaletteDarkOrangeBackground2)"}
|
|
308
308
|
)}:host([validation-state='success']) .determinate{background-color:${"var(--colorPaletteGreenBackground3)"}}:host([validation-state='success']) .indeterminate-indicator-1,:host([validation-state='success']) .indeterminate-indicator-2{background:linear-gradient(
|
|
309
309
|
to right,${"var(--colorPaletteGreenBackground2)"} 0%,${"var(--colorPaletteGreenBackground3)"} 50%,${"var(--colorPaletteGreenBackground2)"}
|
|
310
|
-
)}.progress{background-color:${"var(--colorNeutralBackground6)"};border-radius:${
|
|
311
|
-
to right,${
|
|
312
|
-
);border-radius:${
|
|
313
|
-
to right,${
|
|
314
|
-
);border-radius:${
|
|
315
|
-
.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}`));const
|
|
316
|
-
${
|
|
317
|
-
|
|
318
|
-
:host{grid-auto-flow:column;grid-template-columns:max-content;gap:${
|
|
319
|
-
: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}`));const
|
|
320
|
-
${
|
|
321
|
-
|
|
322
|
-
:host{align-items:flex-start;flex-direction:column;row-gap:${
|
|
323
|
-
:host{--step-rate:${e}%;color:blue}`,this.$fastController.addStyles(this.stepStyles)}else void 0!==this.stepStyles&&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 o=parseFloat(t),r=nt(this.min,this.max,this.convertToConstrainedValue(o)).toString();if(r!==t)return void(this.value=r);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=ht(this),this.updateStepMultiplier(),this.setupTrackConstraints(),this.setupListeners(),this.setupDefaultValue(),this.setThumbPositionForOrientation(this.direction),$.getNotifier(this).subscribe(this,"max"),$.getNotifier(this).subscribe(this,"min"),$.getNotifier(this).subscribe(this,"step"),this.handleStepStyles()}disconnectedCallback(){super.disconnectedCallback(),this.setupListeners(!0),$.getNotifier(this).unsubscribe(this,"max"),$.getNotifier(this).unsubscribe(this,"min"),$.getNotifier(this).unsubscribe(this,"step")}increment(){const e=(this.direction!==at.rtl&&this.orientation,Number(this.value)+Number(this.stepValue)),t=this.convertToConstrainedValue(e),o=t<Number(this.max)?""+t:""+this.max;this.value=o}decrement(){const e=(this.direction!==at.rtl&&this.orientation,Number(this.value)-Number(this.stepValue)),t=this.convertToConstrainedValue(e),o=t>Number(this.min)?""+t:""+this.min;this.value=o}get stepValue(){return void 0===this.step?1:this.step}setThumbPositionForOrientation(e){const t=100*(1-
|
|
324
|
-
${
|
|
325
|
-
var(--slider-direction),#0000 0%,#0000 calc(var(--step-rate) - 1px),${
|
|
326
|
-
)}:host([orientation='vertical'][step]) .track::after{inset:-2px 0}:host([disabled]) .track{background-color:${"var(--colorNeutralBackgroundDisabled)"}}: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:${
|
|
327
|
-
.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}`));const
|
|
328
|
-
${
|
|
329
|
-
|
|
330
|
-
: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:${"var(--colorBrandStroke2)"};stroke-width:1.5px}:host([appearance='inverted']) .background{stroke:rgba(255,255,255,0.2)}.determinate{stroke:${"var(--colorBrandStroke1)"};fill:none;stroke-width:1.5px;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:all 0.2s ease-in-out}:host([appearance='inverted']) .determinite{stroke:${"var(--colorNeutralStrokeOnBrand2)"}}.indeterminate-indicator-1{stroke:${"var(--colorBrandStroke1)"};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']) .indeterminate-indicator-1{stroke:${"var(--colorNeutralStrokeOnBrand2)"}}@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)}}`,
|
|
331
|
-
${
|
|
332
|
-
|
|
333
|
-
:host{align-items:center;flex-direction:row-reverse;outline:none;user-select:none;contain:content}:host([label-position='before']){flex-direction:row}:host([label-position='above']){flex-direction:column;align-items:flex-start}:host([disabled]) .label,:host([readonly]) .label,:host([readonly]) .switch,:host([disabled]) .switch{cursor:not-allowed}.label{position:relative;color:${
|
|
334
|
-
.switch{border-color:InactiveBorder}:host([aria-checked='true']) .switch,:host([aria-checked='true']:active) .switch,:host([aria-checked='true']:hover) .switch{background:Highlight;border-color:Highlight}.checked-indicator,:host(:hover) .checked-indicator,:host(:active) .checked-indicator{background-color:ActiveCaption}:host([aria-checked='true']) .checked-indicator,:host([aria-checked='true']:hover) .checked-indicator,:host([aria-checked='true']:active) .checked-indicator{background-color:ButtonFace}`)),
|
|
310
|
+
)}.progress{background-color:${"var(--colorNeutralBackground6)"};border-radius:${ks};width:100%;height:2px;display:flex;align-items:center;position:relative}.determinate{background-color:${Er};border-radius:${ks};height:2px;transition:all 0.2s ease-in-out;display:flex}.indeterminate-indicator-1{position:absolute;opacity:0;height:100%;background:linear-gradient(
|
|
311
|
+
to right,${Vr} 0%,${Er} 50%,${Vr}
|
|
312
|
+
);border-radius:${ks};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(
|
|
313
|
+
to right,${Vr} 0%,${Er} 50%,${Vr}
|
|
314
|
+
);border-radius:${ks};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(kt(j`
|
|
315
|
+
.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}`));const Dp=function(e={}){return ke`<template role="progressbar" aria-valuenow="${e=>e.value}" aria-valuemin="${e=>e.min}" aria-valuemax="${e=>e.max}">${we(e=>"number"==typeof e.value,ke`<div class="progress" part="progress" slot="determinate"><div class="determinate" part="determinate" style="width: ${e=>e.percentComplete}%"></div></div>`,ke`<div class="progress" part="progress" slot="indeterminate"><slot name="indeterminate">${pt(e.indeterminateIndicator1)} ${pt(e.indeterminateIndicator2)}</slot></div>`)}</template>`}({indeterminateIndicator1:'<span class="indeterminate-indicator-1" part="indeterminate-indicator-1></span>',indeterminateIndicator2:'<span class="indeterminate-indicator-2" part="indeterminate-indicator-2"></span>'}),Ep=Ap.compose({name:Et.prefix+"-progress-bar",template:Dp,styles:Hp});class Mp extends et{}class Rp extends(dd(Mp)){constructor(){super(...arguments),this.proxy=document.createElement("input")}}var jp=Object.defineProperty,Vp=Object.getOwnPropertyDescriptor,_p=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?Vp(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&jp(t,o,n),n};class Gp extends Rp{constructor(){super(),this.initialValue="on",this.proxy.setAttribute("type","radio")}get radioGroup(){return this.closest("[role=radiogroup]")}defaultCheckedChanged(){var e;this.$fastController.isConnected&&!this.dirtyChecked&&(this.isInsideRadioGroup()||(this.checked=null!=(e=this.defaultChecked)&&e,this.dirtyChecked=!1))}connectedCallback(){var e,t;super.connectedCallback(),this.validate(),"radiogroup"!==(null==(e=this.parentElement)?void 0:e.getAttribute("role"))&&null===this.getAttribute("tabindex")&&(this.disabled||this.setAttribute("tabindex","0")),this.checkedAttribute&&(this.dirtyChecked||this.isInsideRadioGroup()||(this.checked=null!=(t=this.defaultChecked)&&t,this.dirtyChecked=!1))}isInsideRadioGroup(){return null!==this.radioGroup}keypressHandler(e){var t;switch(e.key){case" ":return void(this.checked||(null==(t=this.radioGroup)?void 0:t.readOnly)||(this.checked=!0))}return!0}}_p([B],Gp.prototype,"name",2),_p([B],Gp.prototype,"defaultSlottedNodes",2);const Xp=j`
|
|
316
|
+
${bt("inline-grid")}
|
|
317
|
+
|
|
318
|
+
:host{grid-auto-flow:column;grid-template-columns:max-content;gap:${gl};align-items:center;height:32px;cursor:pointer;outline:none;position:relative;user-select:none;color:blue;color:var(--state-color,${Jt});padding-inline-end:${bl};--control-border-color:${Wr};--checked-indicator-background-color:${"var(--colorCompoundBrandForeground1)"};--state-color:${Jt}}:host([disabled]){--control-border-color:${so};--checked-indicator-background-color:${so};--state-color:${so}}.label{cursor:pointer;font-family:${Bs};font-size:${Fs};font-weight:${Hs};line-height:${Vs}}.label__hidden{display:none}.control{box-sizing:border-box;align-items:center;border:1px solid var(--control-border-color,${Wr});border-radius:${$s};display:flex;height:16px;justify-content:center;margin:${Cl} ${bl};position:relative;width:16px;justify-self:center}.checked-indicator{border-radius:${$s};height:10px;opacity:0;width:10px}:host([aria-checked='false']:hover) .control{color:${qt}}:host(:focus-visible){border-radius:${fs};box-shadow:0 0 0 3px ${ka};outline:1px solid ${fa}}:host(:hover) .control{border-color:${"var(--colorNeutralStrokeAccessibleHover)"}}:host(:active) .control{border-color:${"var(--colorNeutralStrokeAccessiblePressed)"}}:host([aria-checked='true']) .checked-indicator{opacity:1}:host([aria-checked='true']) .control{border-color:var(--control-border-color,${Wr})}:host([aria-checked='true']) .checked-indicator{background-color:var(--checked-indicator-background-color,${"var(--colorCompoundBrandForeground1)"})}:host([aria-checked='true']:hover) .control{border-color:${"var(--colorCompoundBrandStrokeHover)"}}:host([aria-checked='true']:hover) .checked-indicator{background-color:${"var(--colorCompoundBrandStrokeHover)"}}:host([aria-checked='true']:active) .control{border-color:${"var(--colorCompoundBrandStrokePressed)"}}:host([aria-checked='true']:active) .checked-indicator{background:${"var(--colorCompoundBrandForeground1Pressed)"}}:host([disabled]){color:${so};pointer-events:none}:host([disabled]) .control{pointer-events:none;border-color:${so}}:host([disabled]) .checked-indicator{background:${so}}`.withBehaviors(kt(j`
|
|
319
|
+
: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}`));const qp=function(e={}){return ke`<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">${pt(e.checkedIndicator)}</slot></div><label part="label" class="${e=>{var t;return["label",!(null==(t=e.defaultSlottedNodes)?void 0:t.length)&&"label__hidden"].filter(Boolean).join(" ")}}"><slot ${Ne({property:"defaultSlottedNodes",filter:gt})}></slot></label></template>`}({checkedIndicator:ke`<div part="checked-indicator" class="checked-indicator"></div>`}),Wp=Gp.compose({name:Et.prefix+"-radio",template:qp,styles:Xp}),Yp=tt;var Kp=Object.defineProperty,Up=Object.getOwnPropertyDescriptor,Qp=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?Up(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&Kp(t,o,n),n};class Zp extends et{constructor(){super(...arguments),this.stacked=!1,this.orientation=Yp.horizontal,this.radioChangeHandler=e=>{const t=e.target;t.checked&&(this.slottedRadioButtons.forEach(e=>{e instanceof Gp&&e!==t&&(e.checked=!1,this.isInsideFoundationToolbar||e.setAttribute("tabindex","-1"))}),this.selectedRadio=t,this.value=t.value,t.setAttribute("tabindex","0"),this.focusedRadio=t),e.stopPropagation()},this.moveToRadioByIndex=(e,t)=>{const o=e[t];this.isInsideToolbar||(o.setAttribute("tabindex","0"),o.checked=!0,this.selectedRadio=o),this.focusedRadio=o,o.focus()},this.moveRightOffGroup=()=>{var e;null==(e=this.nextElementSibling)||e.focus()},this.moveLeftOffGroup=()=>{var e;null==(e=this.previousElementSibling)||e.focus()},this.focusOutHandler=e=>{const t=this.slottedRadioButtons,o=e.target,r=null!==o?t.indexOf(o):0,a=this.focusedRadio?t.indexOf(this.focusedRadio):-1;return(0===a&&r===a||a===t.length-1&&a===r)&&(this.selectedRadio?(this.focusedRadio=this.selectedRadio,this.isInsideFoundationToolbar||(this.selectedRadio.setAttribute("tabindex","0"),t.forEach(e=>{e!==this.selectedRadio&&e.setAttribute("tabindex","-1")}))):(this.focusedRadio=t[0],this.focusedRadio.setAttribute("tabindex","0"),t.forEach(e=>{o instanceof Gp&&e!==this.focusedRadio&&e.setAttribute("tabindex","-1")}))),!0},this.handleDisabledClick=e=>{if(!this.disabled)return!0;e.preventDefault()},this.clickHandler=e=>{if(this.disabled)return;e.preventDefault();const t=e.target;t&&t instanceof Gp&&(t.checked=!0,t.setAttribute("tabindex","0"),this.selectedRadio=t,this.focusedRadio=t)},this.shouldMoveOffGroupToTheRight=(e,t,o)=>e===t.length&&this.isInsideToolbar&&"ArrowRight"===o,this.shouldMoveOffGroupToTheLeft=(e,t)=>(this.focusedRadio?e.indexOf(this.focusedRadio)-1:0)<0&&this.isInsideToolbar&&"ArrowLeft"===t,this.checkFocusedRadio=()=>{null===this.focusedRadio||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 o=0;if(o=this.focusedRadio?t.indexOf(this.focusedRadio)+1:1,this.shouldMoveOffGroupToTheRight(o,t,e.key))this.moveRightOffGroup();else for(o===t.length&&(o=0);o<t.length&&t.length>1;){if(!t[o].disabled){this.moveToRadioByIndex(t,o);break}if(this.focusedRadio&&o===t.indexOf(this.focusedRadio))break;if(o+1>=t.length){if(this.isInsideToolbar)break;o=0}else o+=1}},this.moveLeft=e=>{const t=this.slottedRadioButtons;let o=0;if(o=this.focusedRadio?t.indexOf(this.focusedRadio)-1:0,o=o<0?t.length-1:o,this.shouldMoveOffGroupToTheLeft(t,e.key))this.moveLeftOffGroup();else for(;o>=0&&t.length>1;){if(!t[o].disabled){this.moveToRadioByIndex(t,o);break}if(this.focusedRadio&&o===t.indexOf(this.focusedRadio))break;o-1<0?o=t.length-1:o-=1}},this.keydownHandler=e=>{const t=e.key;if(t in rt&&(this.isInsideFoundationToolbar||this.disabled))return!0;switch(t){case"Enter":this.checkFocusedRadio();break;case"ArrowRight":case"ArrowDown":this.direction===at.ltr?this.moveRight(e):this.moveLeft(e);break;case"ArrowLeft":case"ArrowUp":this.direction===at.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 Gp&&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(){var e;return null!=(e=this.parentToolbar)&&e}get isInsideFoundationToolbar(){var e;return!!(null==(e=this.parentToolbar)?void 0:e.hasOwnProperty("$fastController"))}connectedCallback(){super.connectedCallback(),this.direction=ht(this),this.setupRadioButtons()}disconnectedCallback(){this.slottedRadioButtons.forEach(e=>{e instanceof Gp&&e.removeEventListener("change",this.radioChangeHandler)})}setupRadioButtons(){const e=this.slottedRadioButtons.filter(e=>e.hasAttribute("checked")),t=e?e.length:0;if(t>1){e[t-1].checked=!0}let o=!1;if(this.slottedRadioButtons.forEach(e=>{e instanceof Gp&&(void 0!==this.name&&e.setAttribute("name",this.name),this.value&&this.value===e.value?(this.selectedRadio=e,this.focusedRadio=e,e.checked=!0,e.setAttribute("tabindex","0"),o=!0):(this.isInsideFoundationToolbar||e.setAttribute("tabindex","-1"),e.checked=!1),e.addEventListener("change",this.radioChangeHandler))}),void 0===this.value&&this.slottedRadioButtons.length>0){const e=this.slottedRadioButtons.filter(e=>e.hasAttribute("checked")),t=null!==e?e.length:0;if(t>0&&!o){const o=e[t-1];o.checked=!0,this.focusedRadio=o,o.setAttribute("tabindex","0")}else this.slottedRadioButtons[0].setAttribute("tabindex","0"),this.focusedRadio=this.slottedRadioButtons[0]}}}Qp([Oe({mode:"boolean"})],Zp.prototype,"stacked",2),Qp([Oe({attribute:"readonly",mode:"boolean"})],Zp.prototype,"readOnly",2),Qp([Oe({attribute:"disabled",mode:"boolean"})],Zp.prototype,"disabled",2),Qp([Oe],Zp.prototype,"name",2),Qp([Oe],Zp.prototype,"value",2),Qp([Oe],Zp.prototype,"orientation",2),Qp([B],Zp.prototype,"childItems",2),Qp([B],Zp.prototype,"slottedRadioButtons",2);const Jp=j`
|
|
320
|
+
${bt("flex")}
|
|
321
|
+
|
|
322
|
+
:host{align-items:flex-start;flex-direction:column;row-gap:${Cl}}:host([disabled]) ::slotted([role='radio']){--control-border-color:${so};--checked-indicator-background-color:${so};--state-color:${so}}::slotted([slot='label']){color:${Vt};padding:${Cl} ${bl} ${Cl} ${gl};font:${Hs} ${Fs} / ${Vs} ${Bs};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:${bl}}:host([orientation='horizontal'][stacked]) ::slotted([role='radio']){display:flex;flex-direction:column;padding-inline:${bl};height:auto;align-items:center;justify-content:center}:host([disabled]) ::slotted([role='radio']){pointer-events:none}`;const eg=ke`<template role="radiogroup" tabindex="${e=>e.disabled?-1:void 0}" aria-disabled="${e=>e.disabled}" aria-readonly="${e=>e.readOnly}" aria-orientation="${e=>e.orientation}" @click="${(e,t)=>e.clickHandler(t.event)}" @mousedown="${(e,t)=>e.handleDisabledClick(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" @focusout="${(e,t)=>e.focusOutHandler(t.event)}"><slot name="label"></slot><div class="positioning-region ${e=>e.orientation===Yp.horizontal?"horizontal":"vertical"}" part="positioning-region"><slot ${Ne({property:"slottedRadioButtons",filter:Se("[role=radio]")})}></slot></div></template>`,tg=Zp.compose({name:Et.prefix+"-radio-group",template:eg,styles:Jp}),og={small:"small",medium:"medium"},rg=tt,ag={singleValue:"single-value"};class ng extends et{}class ig extends(cd(ng)){constructor(){super(...arguments),this.proxy=document.createElement("input")}}function sg(e,t,o,r){let a=nt(0,1,(e-t)/(o-t));return r===at.rtl&&(a=1-a),a}var lg=Object.defineProperty,cg=Object.getOwnPropertyDescriptor,dg=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?cg(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&lg(t,o,n),n};class ug extends ig{constructor(){super(...arguments),this.direction=at.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=tt.horizontal,this.mode=ag.singleValue,this.keypressHandler=e=>{if(!this.readOnly&&!this.disabled)if("Home"===e.key)e.preventDefault(),this.direction!==at.rtl&&this.orientation!==tt.vertical?this.value=""+this.min:this.value=""+this.max;else if("End"===e.key)e.preventDefault(),this.direction!==at.rtl&&this.orientation!==tt.vertical?this.value=""+this.max:this.value=""+this.min;else if(!e.shiftKey)switch(e.key){case"ArrowRight":case"ArrowUp":e.preventDefault(),this.increment();break;case"ArrowLeft":case"ArrowDown":e.preventDefault(),this.decrement()}},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,0===this.trackWidth&&(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=null!==e?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=null!==e},this.handleMouseMove=e=>{if(this.readOnly||this.disabled||e.defaultPrevented)return;const t=window.TouchEvent&&e instanceof TouchEvent?e.touches[0]:e,o=this.orientation===tt.horizontal?t.pageX-document.documentElement.scrollLeft-this.trackLeft:t.pageY-document.documentElement.scrollTop;this.value=""+this.calculateNewValue(o)},this.handleWindowMouseUp=e=>{this.stopDragging()},this.stopDragging=()=>{this.isDragging=!1,this.handleMouseDown(null),this.handleThumbMouseDown(null)},this.handleMouseDown=e=>{if(null===e||!this.disabled&&!this.readOnly){const t=null!==e?window.addEventListener:window.removeEventListener,o=null!==e?document.addEventListener:document.removeEventListener;if(t("mouseup",this.handleWindowMouseUp),o("mouseleave",this.handleWindowMouseUp),t("mousemove",this.handleMouseMove),e){this.setupTrackConstraints();const t=this.orientation===tt.horizontal?e.pageX-document.documentElement.scrollLeft-this.trackLeft:e.pageY-document.documentElement.scrollTop;this.value=""+this.calculateNewValue(t)}}}}handleChange(e,t){switch(t){case"min":case"max":case"step":this.handleStepStyles()}}handleStepStyles(){if(this.step){const e=100/Math.floor((this.max-this.min)/this.step);void 0!==this.stepStyles&&this.$fastController.removeStyles(this.stepStyles),this.stepStyles=j`
|
|
323
|
+
:host{--step-rate:${e}%;color:blue}`,this.$fastController.addStyles(this.stepStyles)}else void 0!==this.stepStyles&&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 o=parseFloat(t),r=nt(this.min,this.max,this.convertToConstrainedValue(o)).toString();if(r!==t)return void(this.value=r);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=ht(this),this.updateStepMultiplier(),this.setupTrackConstraints(),this.setupListeners(),this.setupDefaultValue(),this.setThumbPositionForOrientation(this.direction),$.getNotifier(this).subscribe(this,"max"),$.getNotifier(this).subscribe(this,"min"),$.getNotifier(this).subscribe(this,"step"),this.handleStepStyles()}disconnectedCallback(){super.disconnectedCallback(),this.setupListeners(!0),$.getNotifier(this).unsubscribe(this,"max"),$.getNotifier(this).unsubscribe(this,"min"),$.getNotifier(this).unsubscribe(this,"step")}increment(){const e=(this.direction!==at.rtl&&this.orientation,Number(this.value)+Number(this.stepValue)),t=this.convertToConstrainedValue(e),o=t<Number(this.max)?""+t:""+this.max;this.value=o}decrement(){const e=(this.direction!==at.rtl&&this.orientation,Number(this.value)-Number(this.stepValue)),t=this.convertToConstrainedValue(e),o=t>Number(this.min)?""+t:""+this.min;this.value=o}get stepValue(){return void 0===this.step?1:this.step}setThumbPositionForOrientation(e){const t=100*(1-sg(Number(this.value),Number(this.min),Number(this.max),e));this.orientation===tt.horizontal?this.position=this.isDragging?`right: ${t}%; transition: none;`:`right: ${t}%; transition: all 0.2s ease;`:this.position=this.isDragging?`top: ${t}%; transition: none;`:`top: ${t}%; 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("string"==typeof this.value)if(0===this.value.length)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=sg(e,this.orientation===tt.horizontal?this.trackMinWidth:this.trackMinHeight,this.orientation===tt.horizontal?this.trackWidth:this.trackHeight,this.direction),o=(this.max-this.min)*t+this.min;return this.convertToConstrainedValue(o)}convertToConstrainedValue(e){isNaN(e)&&(e=this.min);let t=e-this.min;const o=t-Math.round(t/this.stepValue)*(this.stepMultiplier*this.stepValue)/this.stepMultiplier;return t=o>=Number(this.stepValue)/2?t-o+Number(this.stepValue):t-o,t+this.min}}dg([Oe],ug.prototype,"size",2),dg([Oe({attribute:"readonly",mode:"boolean"})],ug.prototype,"readOnly",2),dg([B],ug.prototype,"direction",2),dg([B],ug.prototype,"isDragging",2),dg([B],ug.prototype,"position",2),dg([B],ug.prototype,"trackWidth",2),dg([B],ug.prototype,"trackMinWidth",2),dg([B],ug.prototype,"trackHeight",2),dg([B],ug.prototype,"trackLeft",2),dg([B],ug.prototype,"trackMinHeight",2),dg([B],ug.prototype,"valueTextFormatter",2),dg([Oe({converter:Le})],ug.prototype,"min",2),dg([Oe({converter:Le})],ug.prototype,"max",2),dg([Oe({converter:Le})],ug.prototype,"step",2),dg([Oe],ug.prototype,"orientation",2),dg([Oe],ug.prototype,"mode",2);const hg=j`
|
|
324
|
+
${bt("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:${fs};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 ${ka};outline:1px solid ${fa}}.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:${"var(--colorBrandBackground)"};border-radius:${$s};box-shadow:inset 0 0 0 var(--thumb-padding) ${Vo},0 0 0 1px ${Qr}}.thumb-cursor:hover{background-color:${"var(--colorCompoundBrandBackgroundHover)"}}.thumb-cursor:active{background-color:${"var(--colorCompoundBrandBackgroundPressed)"}}:host([disabled]) .thumb-cursor{background-color:${so};box-shadow:inset 0 0 0 var(--thumb-padding) ${Vo},0 0 0 1px ${pa}}.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:${Wr};border-radius:${ks};overflow:hidden}:host([step]) .track::after{content:'';position:absolute;border-radius:${ks};width:100%;inset:0 2px;background-image:repeating-linear-gradient(
|
|
325
|
+
var(--slider-direction),#0000 0%,#0000 calc(var(--step-rate) - 1px),${Vo} calc(var(--step-rate) - 1px),${Vo} var(--step-rate)
|
|
326
|
+
)}:host([orientation='vertical'][step]) .track::after{inset:-2px 0}:host([disabled]) .track{background-color:${"var(--colorNeutralBackgroundDisabled)"}}: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:${Er};position:absolute;height:100%;left:0;border-radius:${ks}}:host([disabled]) .track-start{background-color:${so}}:host(:hover) .track-start{background-color:${"var(--colorCompoundBrandBackgroundHover)"}}:host([disabled]:hover) .track-start{background-color:${so}}.track-start:active{background-color:${"var(--colorCompoundBrandBackgroundPressed)"}}:host([orientation='vertical']) .track-start{height:auto;width:100%;bottom:0}`.withBehaviors(kt(j`
|
|
327
|
+
.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}`));const pg=function(e={}){return ke`<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||void 0}" aria-readonly="${e=>!!e.readOnly||void 0}" aria-orientation="${e=>e.orientation}" class="${e=>e.orientation}"><div part="positioning-region" class="positioning-region"><div ${xe("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 ${xe("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">${pt(e.thumb)}</slot></div></div></template>`}({thumb:'<div class="thumb-cursor" tabindex="0"></div>'}),gg=ug.compose({name:Et.prefix+"-slider",template:pg,styles:hg});class vg extends Fp{}var bg=Object.defineProperty,mg=Object.getOwnPropertyDescriptor,fg=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?mg(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&bg(t,o,n),n};class kg extends vg{}fg([Oe],kg.prototype,"size",2),fg([Oe],kg.prototype,"appearance",2);const yg={primary:"primary",inverted:"inverted"},xg={tiny:"tiny",extraSmall:"extra-small",small:"small",medium:"medium",large:"large",extraLarge:"extra-large",huge:"huge"};const $g=function(e={}){return ke`<template role="progressbar" aria-valuenow="${e=>e.value}" aria-valuemin="${e=>e.min}" aria-valuemax="${e=>e.max}">${we(e=>"number"==typeof e.value,ke`<svg class="progress" part="progress" viewBox="0 0 16 16" slot="determinate"><circle class="background" part="background" cx="8px" cy="8px" r="7px"></circle><circle class="determinate" part="determinate" style="stroke-dasharray: ${e=>44*e.percentComplete/100}px ${44}px" cx="8px" cy="8px" r="7px"></circle></svg>`,ke`<slot name="indeterminate">${pt(e.indeterminateIndicator)}</slot>`)}</template>`}({indeterminateIndicator:'\n <svg class="progress" part="progress" viewBox="0 0 16 16">\n <circle\n class="background"\n part="background"\n cx="8px"\n cy="8px"\n r="7px"\n ></circle>\n <circle\n class="indeterminate-indicator-1"\n part="indeterminate-indicator-1"\n cx="8px"\n cy="8px"\n r="7px"\n ></circle>\n </svg>\n '}),Bg=j`
|
|
328
|
+
${bt("flex")}
|
|
329
|
+
|
|
330
|
+
: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:${"var(--colorBrandStroke2)"};stroke-width:1.5px}:host([appearance='inverted']) .background{stroke:rgba(255,255,255,0.2)}.determinate{stroke:${"var(--colorBrandStroke1)"};fill:none;stroke-width:1.5px;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:all 0.2s ease-in-out}:host([appearance='inverted']) .determinite{stroke:${"var(--colorNeutralStrokeOnBrand2)"}}.indeterminate-indicator-1{stroke:${"var(--colorBrandStroke1)"};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']) .indeterminate-indicator-1{stroke:${"var(--colorNeutralStrokeOnBrand2)"}}@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)}}`,wg=kg.compose({name:Et.prefix+"-spinner",template:$g,styles:Bg});class Pg extends et{}class Sg extends(dd(Pg)){constructor(){super(...arguments),this.proxy=document.createElement("input")}}var Cg=Object.defineProperty,Fg=Object.getOwnPropertyDescriptor,Ng=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?Fg(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&Cg(t,o,n),n};class Tg extends Sg{constructor(){super(),this.initialValue="on",this.keypressHandler=e=>{if(!this.readOnly)switch(e.key){case"Enter":case" ":this.checked=!this.checked}},this.clickHandler=e=>{this.disabled||this.readOnly||(this.checked=!this.checked)},this.proxy.setAttribute("type","checkbox")}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly)}}Ng([Oe({attribute:"label-position"})],Tg.prototype,"labelPosition",2),Ng([Oe({attribute:"readonly",mode:"boolean"})],Tg.prototype,"readOnly",2),Ng([B],Tg.prototype,"defaultSlottedNodes",2);const Ig={above:"above",after:"after",before:"before"};const Ag=function(e={}){return ke`<template role="switch" aria-checked="${e=>e.checked}" aria-disabled="${e=>e.disabled}" aria-readonly="${e=>e.readOnly}" tabindex="${e=>e.disabled?null:0}" @keypress="${(e,t)=>e.keypressHandler(t.event)}" @click="${(e,t)=>e.clickHandler(t.event)}"><label part="label" class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Ne("defaultSlottedNodes")}></slot></label><div part="switch" class="switch"><slot name="switch">${pt(e.switch)}</slot></div></template>`}({switch:'<span class="checked-indicator" part="checked-indicator"></span>'}),Lg=j`
|
|
331
|
+
${bt("inline-flex")}
|
|
332
|
+
|
|
333
|
+
:host{align-items:center;flex-direction:row-reverse;outline:none;user-select:none;contain:content}:host([label-position='before']){flex-direction:row}:host([label-position='above']){flex-direction:column;align-items:flex-start}:host([disabled]) .label,:host([readonly]) .label,:host([readonly]) .switch,:host([disabled]) .switch{cursor:not-allowed}.label{position:relative;color:${Vt};line-height:${Vs};font-size:${Fs};font-weight:${Hs};font-family:${Bs};padding:${"var(--spacingVerticalXS)"} ${gl};cursor:pointer}.label__hidden{display:none}.switch{display:flex;align-items:center;padding:0 ${pl};box-sizing:border-box;width:40px;height:20px;background-color:${$r};border:1px solid ${Wr};border-radius:${$s};outline:none;cursor:pointer;margin:${Cl} ${bl}}:host(:hover) .switch{background:none;border-color:${"var(--colorNeutralStrokeAccessibleHover)"}}:host(:active) .switch{border-color:${"var(--colorNeutralStrokeAccessiblePressed)"}}:host([disabled]) .switch,:host([readonly]) .switch{border:1px solid ${pa};background-color:none;pointer:default}:host([aria-checked='true']) .switch{background:${Er}}:host([aria-checked='true']:hover) .switch{background:${"var(--colorCompoundBrandBackgroundHover)"};border-color:${"var(--colorCompoundBrandBackgroundHover)"}}:host([aria-checked='true']:active) .switch{background:${"var(--colorCompoundBrandBackgroundPressed)"};border-color:${"var(--colorCompoundBrandBackgroundPressed)"}}:host([aria-checked='true'][disabled]) .switch{background:${"var(--colorNeutralBackgroundDisabled)"};border-color:${pa}}.checked-indicator{height:14px;width:14px;border-radius:50%;margin-inline-start:0;background-color:${Jt};transition-duration:${"var(--durationNormal)"};transition-timing-function:${Yl};transition-property:margin-inline-start}:host([aria-checked='true']) .checked-indicator{background-color:${"var(--colorNeutralForegroundInverted)"};margin-inline-start:calc(100% - 14px)}:host([aria-checked='true']:hover) .checked-indicator{background:${"var(--colorNeutralForegroundInvertedHover)"}}:host([aria-checked='true']:active) .checked-indicator{background:${"var(--colorNeutralForegroundInvertedPressed)"}}:host(:hover) .checked-indicator{background-color:${"var(--colorNeutralForeground3Hover)"}}:host(:active) .checked-indicator{background-color:${"var(--colorNeutralForeground3Pressed)"}}:host([disabled]) .checked-indicator,:host([readonly]) .checked-indicator{background:${so}}:host([aria-checked='true'][disabled]) .checked-indicator{background:${so}}:host(:focus-visible){border-color:${va};outline:${cl} solid ${va};box-shadow:${Qs},0 0 0 2px ${ka}}`.withBehaviors(kt(j`
|
|
334
|
+
.switch{border-color:InactiveBorder}:host([aria-checked='true']) .switch,:host([aria-checked='true']:active) .switch,:host([aria-checked='true']:hover) .switch{background:Highlight;border-color:Highlight}.checked-indicator,:host(:hover) .checked-indicator,:host(:active) .checked-indicator{background-color:ActiveCaption}:host([aria-checked='true']) .checked-indicator,:host([aria-checked='true']:hover) .checked-indicator,:host([aria-checked='true']:active) .checked-indicator{background-color:ButtonFace}`)),zg=Tg.compose({name:Et.prefix+"-switch",template:Ag,styles:Lg}),Og={subtle:"subtle",transparent:"transparent"},Hg={small:"small",medium:"medium",large:"large"},Dg=tt;var Eg=Object.defineProperty,Mg=Object.getOwnPropertyDescriptor,Rg=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?Mg(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&Eg(t,o,n),n};class jg extends et{constructor(){super(...arguments),this.orientation=Dg.horizontal,this.prevActiveTabIndex=0,this.activeTabIndex=0,this.change=()=>{this.$emit("change",this.activetab)},this.isDisabledElement=e=>"true"===e.getAttribute("aria-disabled"),this.isHiddenElement=e=>e.hasAttribute("hidden"),this.isFocusableElement=e=>!this.isDisabledElement(e)&&!this.isHiddenElement(e),this.handleTabClick=e=>{const t=e.currentTarget;1===t.nodeType&&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"ArrowLeft":e.preventDefault(),this.adjustBackward(e);break;case"ArrowRight":e.preventDefault(),this.adjustForward(e)}else switch(e.key){case"ArrowUp":e.preventDefault(),this.adjustBackward(e);break;case"ArrowDown":e.preventDefault(),this.adjustForward(e)}switch(e.key){case"Home":e.preventDefault(),this.adjust(-this.activeTabIndex);break;case"End":e.preventDefault(),this.adjust(this.tabs.length-this.activeTabIndex-1)}}}orientationChanged(){this.$fastController.isConnected&&this.setTabs()}activeidChanged(e,t){this.$fastController.isConnected&&this.tabs.length<=this.tabpanels.length&&(this.prevActiveTabIndex=this.tabs.findIndex(t=>t.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 void 0!==this.activeid?-1===this.tabIds.indexOf(this.activeid)?0:this.tabIds.indexOf(this.activeid):0}setTabs(){const e=this.isHorizontal()?"gridColumn":"gridRow";this.activeTabIndex=this.getActiveIndex(),this.tabs.forEach((t,o)=>{if("tab"===t.slot){const e=this.activeTabIndex===o&&this.isFocusableElement(t),r=this.tabIds[o],a=this.tabpanelIds[o];t.setAttribute("id",r),t.setAttribute("aria-selected",e?"true":"false"),t.setAttribute("aria-controls",a),t.addEventListener("click",this.handleTabClick),t.addEventListener("keydown",this.handleTabKeyDown),t.setAttribute("tabindex",e?"0":"-1"),e&&(this.activetab=t,this.activeid=r)}t.style.gridColumn="",t.style.gridRow="",t.style[e]=""+(o+1),this.isHorizontal()?t.classList.remove("vertical"):t.classList.add("vertical")}),this.setTabPanels()}setTabPanels(){this.tabpanels.forEach((e,t)=>{const o=this.tabIds[t],r=this.tabpanelIds[t];e.setAttribute("id",r),e.setAttribute("aria-labelledby",o),this.activeTabIndex!==t?e.setAttribute("hidden",""):e.removeAttribute("hidden")})}getTabIds(){return this.tabs.map(e=>{var t;return null!=(t=e.getAttribute("id"))?t:"tab-"+st()})}getTabPanelIds(){return this.tabpanels.map(e=>{var t;return null!=(t=e.getAttribute("id"))?t:"panel-"+st()})}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab(),this.change())}isHorizontal(){return this.orientation===Dg.horizontal}adjust(e){const t=this.tabs.filter(e=>this.isFocusableElement(e)),o=t.indexOf(this.activetab),r=nt(0,t.length-1,o+e),a=this.tabs.indexOf(t[r]);a>-1&&this.moveToTabByIndex(this.tabs,a)}adjustForward(e){const t=this.tabs;let o=0;for(o=this.activetab?t.indexOf(this.activetab)+1:1,o===t.length&&(o=0);o<t.length&&t.length>1;){if(this.isFocusableElement(t[o])){this.moveToTabByIndex(t,o);break}if(this.activetab&&o===t.indexOf(this.activetab))break;o+1>=t.length?o=0:o+=1}}adjustBackward(e){const t=this.tabs;let o=0;for(o=this.activetab?t.indexOf(this.activetab)-1:0,o=o<0?t.length-1:o;o>=0&&t.length>1;){if(this.isFocusableElement(t[o])){this.moveToTabByIndex(t,o);break}o-1<0?o=t.length-1:o-=1}}moveToTabByIndex(e,t){const o=e[t];this.activetab=o,this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=t,o.focus(),this.setComponent()}focusTab(){this.tabs[this.activeTabIndex].focus()}connectedCallback(){super.connectedCallback(),this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.activeTabIndex=this.getActiveIndex()}}Rg([Oe],jg.prototype,"orientation",2),Rg([Oe],jg.prototype,"activeid",2),Rg([B],jg.prototype,"tabs",2),Rg([B],jg.prototype,"tabpanels",2);class Vg extends jg{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=Og.transparent}calculateAnimationProperties(e){this.activeTabOffset=this.getTabPosition(e),this.activeTabScale=this.getTabScale(e)}getTabPosition(e){return this.orientation===Dg.horizontal?this.previousActiveTabData.x-(e.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(e.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(e){return this.orientation===Dg.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(){var e,t,o,r;if(this.tabs&&this.tabs.length>0){const a=this.tabs,n=this.activetab||a[0],i=null==n?void 0:n.getBoundingClientRect(),s=this.getBoundingClientRect();this.activeTabData={x:i.x-s.x,y:i.y-s.y,height:i.height,width:i.width},(null==(e=this.previousActiveTabData)?void 0:e.x)!==(null==(t=this.activeTabData)?void 0:t.x)&&(null==(o=this.previousActiveTabData)?void 0:o.y)!==(null==(r=this.activeTabData)?void 0:r.y)&&(this.previousActiveTabData=this.activeTabData)}}setTabOffsetCSSVar(){this.styles=j`
|
|
335
335
|
:host{--tabIndicatorOffset:${this.activeTabOffset.toString()}px}`,this.$fastController.addStyles(this.styles)}setTabScaleCSSVar(){this.styles=j`
|
|
336
|
-
: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()}}
|
|
337
|
-
${
|
|
336
|
+
: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()}}Rg([Oe],Vg.prototype,"appearance",2),Rg([Oe({mode:"boolean"})],Vg.prototype,"disabled",2),Rg([Oe],Vg.prototype,"size",2),Pt(Vg,$t);const _g=function(e={}){return ke` ${wt(e)}<div class="tablist" part="tablist" role="tablist"><slot name="tab" ${Ne("tabs")}></slot></div>${Bt(e)}<div class="tabpanel" part="tabpanel"><slot name="tabpanel" ${Ne("tabpanels")}></slot></div>`}({}),Gg=j`
|
|
337
|
+
${bt("grid")}
|
|
338
338
|
|
|
339
|
-
:host{box-sizing:border-box;font-family:${
|
|
340
|
-
:host{--textContent:'${this.textContent}'}`,this.$fastController.addStyles(this.styles)}}((e,t,o,r)=>{for(var a,n=r>1?void 0:r?
|
|
341
|
-
${
|
|
339
|
+
:host{box-sizing:border-box;font-family:${Bs};font-size:${Fs};line-height:${Vs};color:${qt};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}:host([disabled]){cursor:not-allowed;color:${so}}:host([disabled]) ::slotted(fluent-tab){pointer-events:none;cursor:not-allowed;color:${so}}:host([disabled]) ::slotted(fluent-tab:after){background-color:${so}}:host([disabled]) ::slotted(fluent-tab[aria-selected='true'])::after{background-color:${so}}:host([disabled]) ::slotted(fluent-tab:hover):before{content:unset}:host ::slotted(fluent-tab){border-radius:${ks}}:host ::slotted(fluent-tab[aria-selected='true'])::before{background-color:${so}}.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:${"var(--colorSubtleBackgroundHover)"};color:${"var(--colorNeutralForeground1Hover)"};fill:${"var(--colorCompoundBrandForeground1Hover)"}}:host([appearance='subtle']) ::slotted(fluent-tab:active){background-color:${"var(--colorSubtleBackgroundPressed)"};fill:${"var(--colorSubtleBackgroundPressed)"};color:${Vt}}:host([size='small']) ::slotted(fluent-tab){font-size:${Fs};line-height:${Vs};padding:${Sl} ${vl}}:host([size='large']) ::slotted(fluent-tab){font-size:${Ns};line-height:${_s};padding:${"var(--spacingVerticalL)"} ${ml}}:host ::slotted(fluent-tab[data-animate='true'])::after{transition-property:transform;transition-duration:${"var(--durationSlow)"};transition-timing-function:${"var(--curveDecelerateMax)"}}:host ::slotted(fluent-tab)::after{height:${dl};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted(fluent-tab)::after{width:${dl};height:unset;margin-top:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted(fluent-tab)::before{height:${dl};border-radius:${$s};content:'';inset:0;position:absolute;margin-top:auto}:host([orientation='vertical']) ::slotted(fluent-tab)::before{height:unset;width:${dl};margin-inline-end:auto;transform-origin:top}:host ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:${dl};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:${dl}}:host([orientation='vertical']) ::slotted(fluent-tab){align-items:flex-start;grid-column:2;padding-top:${Sl};padding-bottom:${Sl}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab){padding-top:${"var(--spacingVerticalXXS)"};padding-bottom:${"var(--spacingVerticalXXS)"}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab){padding-top:${Cl};padding-bottom:${Cl}}:host([size='small']) ::slotted(fluent-tab)::after,:host([size='small']) ::slotted(fluent-tab)::before,:host([size='small']) ::slotted(fluent-tab:hover)::after{right:${vl};left:${vl}}:host ::slotted(fluent-tab)::after,:host ::slotted(fluent-tab)::before,:host ::slotted(fluent-tab:hover)::after{right:${ml};left:${ml}}:host([size='large']) ::slotted(fluent-tab)::after,:host([size='large']) ::slotted(fluent-tab)::before,:host([size='large']) ::slotted(fluent-tab:hover)::after{right:${ml};left:${ml}}: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:${Sl};bottom:${Sl}}: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:${Cl};bottom:${Cl}}: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:${"var(--spacingVerticalMNudge)"};bottom:${"var(--spacingVerticalMNudge)"}}`,Xg=Vg.compose({name:Et.prefix+"-tabs",template:_g,styles:Gg});var qg=Object.defineProperty,Wg=Object.getOwnPropertyDescriptor;class Yg extends et{connectedCallback(){super.connectedCallback(),void 0!==this.styles&&this.$fastController.removeStyles(this.styles),this.styles=j`
|
|
340
|
+
:host{--textContent:'${this.textContent}'}`,this.$fastController.addStyles(this.styles)}}((e,t,o,r)=>{for(var a,n=r>1?void 0:r?Wg(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);r&&n&&qg(t,o,n)})([Oe({mode:"boolean"})],Yg.prototype,"disabled",2),Pt(Yg,$t);const Kg=function(e={}){return ke`<template slot="tab" role="tab" aria-disabled="${e=>e.disabled}">${wt(e)}<span class="tab-content"><slot></slot></span>${Bt(e)}</template>`}({}),Ug=j`
|
|
341
|
+
${bt("inline-flex")}
|
|
342
342
|
|
|
343
|
-
:host{position:relative;flex-direction:column;cursor:pointer;box-sizing:border-box;justify-content:center;line-height:${
|
|
344
|
-
:host([aria-selected='true'])::after{background-color:Highlight}`)),
|
|
345
|
-
${
|
|
343
|
+
:host{position:relative;flex-direction:column;cursor:pointer;box-sizing:border-box;justify-content:center;line-height:${Vs};font-family:${Bs};font-size:${Fs};color:${qt};fill:currentcolor;grid-row:1;padding:${fl} ${ml};border-radius:${ks}}:host .tab-content{display:inline-flex;flex-direction:column;padding:0 2px}:host([aria-selected='true']){color:${Vt};font-weight:${Es}}:host .tab-content::after{content:var(--textContent);visibility:hidden;height:0;line-height:${Vs};font-weight:${Es}}:host([aria-selected='true'])::after{background-color:${"var(--colorCompoundBrandStroke)"};border-radius:${$s};content:'';inset:0;position:absolute;z-index:2}:host([aria-selected='false']:hover)::after{background-color:${"var(--colorNeutralStroke1Hover)"};border-radius:${$s};content:'';inset:0;position:absolute;z-index:1}:host([aria-selected='true'][disabled])::after{background-color:${so}}::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:${so};color:${so}}:host([disabled]:hover)::after{background-color:unset}:host(:focus){outline:none}:host(:focus-visible){border-radius:${fs};box-shadow:0 0 0 3px ${ka};outline:1px solid ${fa}}`.withBehaviors(kt(j`
|
|
344
|
+
:host([aria-selected='true'])::after{background-color:Highlight}`)),Qg=Yg.compose({name:Et.prefix+"-tab",template:Kg,styles:Ug});class Zg extends et{}const Jg=ke`<template slot="tabpanel" role="tabpanel"><slot></slot></template>`,ev=j`
|
|
345
|
+
${bt("block")}
|
|
346
346
|
|
|
347
|
-
:host{box-sizing:border-box;padding:${
|
|
348
|
-
${
|
|
347
|
+
:host{box-sizing:border-box;padding:${fl} ${ml}}`,tv=Zg.compose({name:Et.prefix+"-tab-panel",template:Jg,styles:ev});var ov=Object.defineProperty,rv=Object.getOwnPropertyDescriptor,av=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?rv(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&ov(t,o,n),n};class nv extends et{constructor(){super(...arguments),this.nowrap=!1,this.truncate=!1,this.italic=!1,this.underline=!1,this.strikethrough=!1,this.block=!1}}av([Oe({mode:"boolean"})],nv.prototype,"nowrap",2),av([Oe({mode:"boolean"})],nv.prototype,"truncate",2),av([Oe({mode:"boolean"})],nv.prototype,"italic",2),av([Oe({mode:"boolean"})],nv.prototype,"underline",2),av([Oe({mode:"boolean"})],nv.prototype,"strikethrough",2),av([Oe({mode:"boolean"})],nv.prototype,"block",2),av([Oe],nv.prototype,"size",2),av([Oe],nv.prototype,"font",2),av([Oe],nv.prototype,"weight",2),av([Oe],nv.prototype,"align",2);const iv={_100:"100",_200:"200",_300:"300",_400:"400",_500:"500",_600:"600",_700:"700",_800:"800",_900:"900",_1000:"1000"},sv={base:"base",numeric:"numeric",monospace:"monospace"},lv={medium:"medium",regular:"regular",semibold:"semibold",bold:"bold"},cv={start:"start",end:"end",center:"center",justify:"justify"},dv=ke`<slot></slot>`,uv=j`
|
|
348
|
+
${bt("inline")}
|
|
349
349
|
|
|
350
|
-
:host{contain:content}::slotted(*){font-family:${
|
|
351
|
-
${
|
|
350
|
+
:host{contain:content}::slotted(*){font-family:${Bs};font-size:${Fs};line-height:${Vs};font-weight:${Hs};text-align:start;white-space:normal;overflow:visible;text-overflow:clip;margin:0;display:inline}:host([nowrap]) ::slotted(*){white-space:nowrap;overflow:hidden}:host([truncate]) ::slotted(*){text-overflow:ellipsis}:host([block]),:host([block]) ::slotted(*){display:block}:host([italic]) ::slotted(*){font-style:italic}:host([underline]) ::slotted(*){text-decoration-line:underline}:host([strikethrough]) ::slotted(*){text-decoration-line:line-through}:host([underline][strikethrough]) ::slotted(*){text-decoration-line:line-through underline}:host([size='100']) ::slotted(*){font-size:${Ss};line-height:${"var(--lineHeightBase100)"}}:host([size='200']) ::slotted(*){font-size:${Cs};line-height:${js}}:host([size='400']) ::slotted(*){font-size:${Ns};line-height:${_s}}:host([size='500']) ::slotted(*){font-size:${Ts};line-height:${"var(--lineHeightBase500)"}}:host([size='600']) ::slotted(*){font-size:${Is};line-height:${"var(--lineHeightBase600)"}}:host([size='700']) ::slotted(*){font-size:${"var(--fontSizeHero700)"};line-height:${"var(--lineHeightHero700)"}}:host([size='800']) ::slotted(*){font-size:${"var(--fontSizeHero800)"};line-height:${"var(--lineHeightHero800)"}}:host([size='900']) ::slotted(*){font-size:${"var(--fontSizeHero900)"};line-height:${"var(--lineHeightHero900)"}}:host([size='1000']) ::slotted(*){font-size:${"var(--fontSizeHero1000)"};line-height:${"var(--lineHeightHero1000)"}}:host([font='monospace']) ::slotted(*){font-family:${"var(--fontFamilyMonospace)"}}:host([font='numeric']) ::slotted(*){font-family:${"var(--fontFamilyNumeric)"}}:host([weight='medium']) ::slotted(*){font-weight:${"var(--fontWeightMedium)"}}:host([weight='semibold']) ::slotted(*){font-weight:${Es}}:host([weight='bold']) ::slotted(*){font-weight:${"var(--fontWeightBold)"}}:host([align='center']) ::slotted(*){text-align:center}:host([align='end']) ::slotted(*){text-align:end}:host([align='justify']) ::slotted(*){text-align:justify}`,hv=nv.compose({name:Et.prefix+"-text",template:dv,styles:uv}),pv={small:"small",medium:"medium",large:"large"},gv={outline:"outline",underline:"underline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},vv={email:"email",password:"password",tel:"tel",text:"text",url:"url"};class bv extends et{}class mv extends(cd(bv)){constructor(){super(...arguments),this.proxy=document.createElement("input")}}var fv=Object.defineProperty,kv=Object.getOwnPropertyDescriptor,yv=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?kv(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&fv(t,o,n),n};class xv extends mv{constructor(){super(...arguments),this.type=vv.text}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly,this.validate())}autofocusChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.autofocus=this.autofocus,this.validate())}placeholderChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.placeholder=this.placeholder)}typeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.type=this.type,this.validate())}listChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.setAttribute("list",this.list),this.validate())}maxlengthChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.maxLength=this.maxlength,this.validate())}minlengthChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.minLength=this.minlength,this.validate())}patternChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.pattern=this.pattern,this.validate())}sizeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.size=this.size)}spellcheckChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.spellcheck=this.spellcheck)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute("type",this.type),this.validate(),this.autofocus&&f.enqueue(()=>{this.focus()})}select(){this.control.select(),this.$emit("select")}handleTextInput(){this.value=this.control.value}handleChange(){this.$emit("change")}validate(){super.validate(this.control)}}yv([Oe({attribute:"control-size"})],xv.prototype,"controlSize",2),yv([Oe],xv.prototype,"appearance",2),yv([Oe({attribute:"readonly",mode:"boolean"})],xv.prototype,"readOnly",2),yv([Oe({mode:"boolean"})],xv.prototype,"autofocus",2),yv([Oe],xv.prototype,"placeholder",2),yv([Oe],xv.prototype,"type",2),yv([Oe],xv.prototype,"list",2),yv([Oe({converter:Le})],xv.prototype,"maxlength",2),yv([Oe({converter:Le})],xv.prototype,"minlength",2),yv([Oe],xv.prototype,"pattern",2),yv([Oe({converter:Le})],xv.prototype,"size",2),yv([Oe({mode:"boolean"})],xv.prototype,"spellcheck",2),yv([B],xv.prototype,"defaultSlottedNodes",2);class $v{}Pt($v,ut),Pt(xv,$t,$v);const Bv=function(e={}){return ke`<label part="label" for="control" class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Ne({property:"defaultSlottedNodes",filter:gt})}></slot></label><div class="root" part="root">${wt(e)}<input class="control" part="control" id="control" @input="${e=>e.handleTextInput()}" @change="${e=>e.handleChange()}" ?autofocus="${e=>e.autofocus}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" name="${e=>e.name}" minlength="${e=>e.minlength}" pattern="${e=>e.pattern}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" ?spellcheck="${e=>e.spellcheck}" :value="${e=>e.value}" 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-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}" ${xe("control")} />${Bt(e)}</div>`}(),wv=j`
|
|
351
|
+
${bt("block")}
|
|
352
352
|
|
|
353
|
-
:host{font-family:${
|
|
354
|
-
${
|
|
353
|
+
:host{font-family:${Bs};font-size:${Fs};font-weight:${Hs};line-height:${Vs};max-width:400px}.label{display:flex;color:${Vt};padding-bottom:${"var(--spacingVerticalXS)"};flex-shrink:0;padding-inline-end:${gl}}.label__hidden{display:none}.root{position:relative;box-sizing:border-box;height:32px;display:inline-flex;align-items:center;flex-direction:row;width:100%;padding:0 ${ml};border:${ll} solid ${Qr};border-bottom-color:${Wr};border-radius:${ks};gap:${pl}}.root::after{box-sizing:border-box;content:'';position:absolute;left:-1px;bottom:0px;right:-1px;height:max(2px,${ks});border-radius:0 0 ${ks} ${ks};border-bottom:2px solid ${"var(--colorCompoundBrandStroke)"};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${"var(--durationUltraFast)"};transition-delay:${"var(--curveAccelerateMid)"}}.control{width:100%;height:100%;box-sizing:border-box;color:${Vt};border-radius:${ks};background:${$r};font-family:${Bs};font-weight:${Hs};font-size:${Fs};border:none;background:transparent;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${"var(--colorNeutralForeground4)"}}:host ::slotted([slot='start']),:host ::slotted([slot='end']){display:flex;align-items:center;justify-content:center;color:${Jt};font-size:${Ts}}:host ::slotted([slot='start']){padding-right:${pl}}:host ::slotted([slot='end']){padding-left:${pl};gap:${gl}}:host(:hover) .root{border-color:${"var(--colorNeutralStroke1Hover)"};border-bottom-color:${"var(--colorNeutralStrokeAccessibleHover)"}}:host(:active) .root{border-color:${"var(--colorNeutralStroke1Pressed)"}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${"var(--durationNormal)"};transition-delay:${"var(--curveDecelerateMid)"}}:host(:focus-within:active) .root:after{border-bottom-color:${"var(--colorCompoundBrandStrokePressed)"}}:host([appearance='outline']:focus-within) .root{border:${ll} solid ${Qr}}:host(:focus-within) .control{color:${Vt}}:host([disabled]) .root{background:${$r};border:${ll} solid ${pa}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot='start']),:host([disabled]) ::slotted([slot='end']){color:${so}}::selection{color:${"var(--colorNeutralForegroundInverted)"};background-color:${"var(--colorNeutralBackgroundInverted)"}}:host([control-size='small']) .control{font-size:${Cs};font-weight:${Hs};line-height:${js}}:host([control-size='small']) .root{height:24px;gap:${pl};padding:0 ${vl}}:host([control-size='small']) ::slotted([slot='start']),:host([control-size='small']) ::slotted([slot='end']){font-size:${Ns}}:host([control-size='large']) .control{font-size:${Ns};font-weight:${Hs};line-height:${_s}}:host([control-size='large']) .root{height:40px;gap:${bl};padding:0 ${fl}}:host([control-size='large']) ::slotted([slot='start']),:host([control-size='large']) ::slotted([slot='end']){font-size:${Is}}:host([appearance='underline']) .root{background:${$r};border:0;border-radius:0;border-bottom:${ll} solid ${Wr}}:host([appearance='underline']:hover) .root{border-bottom-color:${"var(--colorNeutralStrokeAccessibleHover)"}}:host([appearance='underline']:active) .root{border-bottom-color:${"var(--colorNeutralStrokeAccessiblePressed)"}}:host([appearance='underline']:focus-within) .root{border:0;border-bottom-color:${"var(--colorNeutralStrokeAccessiblePressed)"}}:host([appearance='underline'][disabled]) .root{border-bottom-color:${pa}}:host([appearance='filled-lighter']) .root,:host([appearance='filled-darker']) .root{border:${ll} solid ${va};box-shadow:${Us}}:host([appearance='filled-lighter']) .root{background:${Vo}}:host([appearance='filled-darker']) .root{background:${"var(--colorNeutralBackground3)"}}:host([appearance='filled-lighter']:hover) .root,:host([appearance='filled-darker']:hover) .root{border-color:${"var(--colorTransparentStrokeInteractive)"}}:host([appearance='filled-lighter']:active) .root,:host([appearance='filled-darker']:active) .root{border-color:${"var(--colorTransparentStrokeInteractive)"};background:${"var(--colorNeutralBackground3)"}}`,Pv=xv.compose({name:Et.prefix+"-text-input",template:Bv,styles:wv});var Sv=Object.defineProperty,Cv=Object.getOwnPropertyDescriptor,Fv=(e,t,o,r)=>{for(var a,n=r>1?void 0:r?Cv(t,o):t,i=e.length-1;i>=0;i--)(a=e[i])&&(n=(r?a(t,o,n):a(n))||n);return r&&n&&Sv(t,o,n),n};class Nv extends bd{constructor(){super(),this.dirtyChecked=!1,this.checkedAttribute=!1,this.defaultChecked=!1,this.checked=!1,this.currentChecked=!1,this.handleToggleButtonClick=e=>{this.disabled||this.disabledFocusable||(this.checked=!this.checked)},this.dirtyChecked=!1}checkedAttributeChanged(){this.defaultChecked=this.checkedAttribute}defaultCheckedChanged(){this.dirtyChecked||(this.checked=this.defaultChecked,this.dirtyChecked=!1)}checkedChanged(e,t){this.$fastController.isConnected&&(this.dirtyChecked||(this.dirtyChecked=!0),this.currentChecked=this.checked,this.setAttribute("aria-pressed",""+this.currentChecked),void 0!==e&&this.$emit("change"))}currentCheckedChanged(e,t){this.checked=this.currentChecked}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleToggleButtonClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleToggleButtonClick)}}Fv([Oe({attribute:"checked",mode:"boolean"})],Nv.prototype,"checkedAttribute",2),Fv([B],Nv.prototype,"defaultChecked",2),Fv([B],Nv.prototype,"checked",2),Fv([Oe({attribute:"current-checked",mode:"boolean"})],Nv.prototype,"currentChecked",2);const Tv=nc,Iv=ic,Av=sc,Lv=fd(),zv=j`
|
|
354
|
+
${gc}
|
|
355
355
|
|
|
356
|
-
:host([aria-pressed="true"]) .control{border-color:${
|
|
357
|
-
:host([aria-pressed='true']) .control,:host([aria-pressed='true'][appearance='primary']) .control,:host([aria-pressed='true'][appearance='subtle']) .control,:host([aria-pressed='true'][appearance='outline']) .control,:host([aria-pressed='true'][appearance='transparent']) .control,:host([aria-pressed='true'][appearance='transparent']) .control{background:SelectedItem;color:SelectedItemText}`)),Cv=xv.compose({name:zt.prefix+"-toggle-button",template:Pv,styles:Sv,shadowOptions:{delegatesFocus:!0}}),Fv=Object.keys(ql),Nv=e=>{for(const t of Fv)document.body.style.setProperty("--"+t,e[t])},Tv=(e,t)=>{for(const o of Fv)e.style.setProperty("--"+o,t[o])};export{Ft as Accordion,$t as AccordionItem,Dt as AccordionItemExpandIconPosition,Ht as AccordionItemSize,Jl as AnchorButton,nc as AnchorButtonAppearance,hc as AnchorButtonDefinition,ic as AnchorButtonShape,sc as AnchorButtonSize,cc as AnchorButtonTemplate,lc as AnchorTarget,Nc as Avatar,kc as AvatarActive,xc as AvatarAppearance,Bc as AvatarColor,Dc as AvatarDefinition,$c as AvatarNamedColor,yc as AvatarShape,wc as AvatarSize,Hc as AvatarStyles,Ac as AvatarTemplate,Xc as Badge,Ec as BadgeAppearance,Mc as BadgeColor,od as BadgeDefinition,Rc as BadgeShape,jc as BadgeSize,td as BadgeStyles,Wc as BadgeTemplate,Lg as BaseTabs,hd as Button,tc as ButtonAppearance,bd as ButtonDefinition,oc as ButtonShape,rc as ButtonSize,dc as ButtonStyles,vd as ButtonTemplate,ac as ButtonType,$d as Checkbox,Fd as CheckboxDefinition,Pd as CheckboxLabelPosition,Bd as CheckboxShape,wd as CheckboxSize,Cd as CheckboxStyles,Sd as CheckboxTemplate,Nd as CompoundButton,Td as CompoundButtonAppearance,Od as CompoundButtonDefinition,Id as CompoundButtonShape,Ad as CompoundButtonSize,zd as CompoundButtonStyles,Ld as CompoundButtonTemplate,Md as CounterBadge,Rd as CounterBadgeAppearance,jd as CounterBadgeColor,qd as CounterBadgeDefinition,Vd as CounterBadgeShape,_d as CounterBadgeSize,Xd as CounterBadgeStyles,Gd as CounterBadgeTemplate,pd as DelegatesARIAButton,ec as DelegatesARIALink,gv as DelegatesARIATextbox,su as Dialog,ph as DialogDefinition,hh as DialogStyles,cu as DialogTemplate,xh as Divider,bh as DividerAlignContent,mh as DividerAppearance,wh as DividerDefinition,vh as DividerOrientation,gh as DividerRole,Bh as DividerStyles,$h as DividerTemplate,zt as FluentDesignSystem,Fh as Image,Lh as ImageDefinition,Nh as ImageFit,Th as ImageShape,Ah as ImageStyles,Ih as ImageTemplate,Dh as Label,Rh as LabelDefinition,Eh as LabelStyles,Mh as LabelTemplate,Gh as Menu,Yh as MenuButton,Kh as MenuButtonAppearance,Jh as MenuButtonDefinition,Uh as MenuButtonShape,Qh as MenuButtonSize,dc as MenuButtonStyles,Zh as MenuButtonTemplate,Wh as MenuDefinition,np as MenuItem,cp as MenuItemDefinition,ep as MenuItemRole,lp as MenuItemStyles,sp as MenuItemTemplate,pp as MenuList,bp as MenuListDefinition,vp as MenuListStyles,gp as MenuListTemplate,qh as MenuStyles,Xh as MenuTemplate,wp as ProgressBar,Tp as ProgressBarDefinition,Sp as ProgressBarShape,Fp as ProgressBarStyles,Np as ProgressBarTemplate,Pp as ProgressBarThickness,Cp as ProgressBarValidationState,Hp as Radio,Mp as RadioDefinition,Gp as RadioGroup,Wp as RadioGroupDefinition,Xp as RadioGroupStyles,qp as RadioGroupTemplate,Dp as RadioStyles,Ep as RadioTemplate,rg as Slider,ig as SliderDefinition,Up as SliderMode,Kp as SliderOrientation,Yp as SliderSize,ag as SliderStyles,ng as SliderTemplate,ug as Spinner,hg as SpinnerAppearance,bg as SpinnerDefinition,pg as SpinnerSize,vg as SpinnerStyles,gg as SpinnerTemplate,$g as Switch,Sg as SwitchDefinition,Bg as SwitchLabelPosition,Pg as SwitchStyles,wg as SwitchTemplate,Rg as Tab,_g as TabDefinition,Gg as TabPanel,Wg as TabPanelDefinition,qg as TabPanelStyles,Xg as TabPanelTemplate,Vg as TabStyles,jg as TabTemplate,zg as Tabs,Cg as TabsAppearance,Dg as TabsDefinition,Ng as TabsOrientation,Fg as TabsSize,Hg as TabsStyles,Og as TabsTemplate,Qg as Text,tv as TextAlign,av as TextDefinition,sv as TextFieldType,Jg as TextFont,pv as TextInput,iv as TextInputAppearance,nv as TextInputControlSize,mv as TextInputDefinition,bv as TextInputStyles,vv as TextInputTemplate,Zg as TextSize,rv as TextStyles,ov as TextTemplate,ev as TextWeight,xv as ToggleButton,$v as ToggleButtonAppearance,Cv as ToggleButtonDefinition,Bv as ToggleButtonShape,wv as ToggleButtonSize,Sv as ToggleButtonStyles,Pv as ToggleButtonTemplate,Ot as accordionDefinition,Kl as accordionItemDefinition,Wl as accordionItemStyles,Yl as accordionItemTemplate,Lt as accordionStyles,Nt as accordionTemplate,fs as borderRadiusCircular,bs as borderRadiusLarge,vs as borderRadiusMedium,ps as borderRadiusNone,gs as borderRadiusSmall,ms as borderRadiusXLarge,Fr as colorBackgroundOverlay,Tr as colorBrandBackground,Er as colorBrandBackground2,Ir as colorBrandBackgroundHover,Mr as colorBrandBackgroundInverted,Rr as colorBrandBackgroundInvertedHover,jr as colorBrandBackgroundInvertedPressed,Vr as colorBrandBackgroundInvertedSelected,Ar as colorBrandBackgroundPressed,Lr as colorBrandBackgroundSelected,Dr as colorBrandBackgroundStatic,Fo as colorBrandForeground1,No as colorBrandForeground2,Io as colorBrandForegroundInverted,Ao as colorBrandForegroundInvertedHover,Lo as colorBrandForegroundInvertedPressed,ao as colorBrandForegroundLink,no as colorBrandForegroundLinkHover,io as colorBrandForegroundLinkPressed,so as colorBrandForegroundLinkSelected,zo as colorBrandForegroundOnLight,Oo as colorBrandForegroundOnLightHover,Ho as colorBrandForegroundOnLightPressed,Do as colorBrandForegroundOnLightSelected,$a as colorBrandShadowAmbient,Ba as colorBrandShadowKey,aa as colorBrandStroke1,na as colorBrandStroke2,zr as colorCompoundBrandBackground,Or as colorCompoundBrandBackgroundHover,Hr as colorCompoundBrandBackgroundPressed,po as colorCompoundBrandForeground1,go as colorCompoundBrandForeground1Hover,vo as colorCompoundBrandForeground1Pressed,ia as colorCompoundBrandStroke,sa as colorCompoundBrandStrokeHover,la as colorCompoundBrandStrokePressed,Eo as colorNeutralBackground1,Mo as colorNeutralBackground1Hover,Ro as colorNeutralBackground1Pressed,jo as colorNeutralBackground1Selected,Vo as colorNeutralBackground2,_o as colorNeutralBackground2Hover,Go as colorNeutralBackground2Pressed,Xo as colorNeutralBackground2Selected,qo as colorNeutralBackground3,Wo as colorNeutralBackground3Hover,Yo as colorNeutralBackground3Pressed,Ko as colorNeutralBackground3Selected,Uo as colorNeutralBackground4,Qo as colorNeutralBackground4Hover,Zo as colorNeutralBackground4Pressed,Jo as colorNeutralBackground4Selected,er as colorNeutralBackground5,tr as colorNeutralBackground5Hover,or as colorNeutralBackground5Pressed,rr as colorNeutralBackground5Selected,ar as colorNeutralBackground6,$r as colorNeutralBackgroundDisabled,ir as colorNeutralBackgroundInverted,Br as colorNeutralBackgroundInvertedDisabled,nr as colorNeutralBackgroundStatic,Et as colorNeutralForeground1,Mt as colorNeutralForeground1Hover,Rt as colorNeutralForeground1Pressed,jt as colorNeutralForeground1Selected,To as colorNeutralForeground1Static,Vt as colorNeutralForeground2,qt as colorNeutralForeground2BrandHover,Wt as colorNeutralForeground2BrandPressed,Yt as colorNeutralForeground2BrandSelected,_t as colorNeutralForeground2Hover,lo as colorNeutralForeground2Link,co as colorNeutralForeground2LinkHover,uo as colorNeutralForeground2LinkPressed,ho as colorNeutralForeground2LinkSelected,Gt as colorNeutralForeground2Pressed,Xt as colorNeutralForeground2Selected,Kt as colorNeutralForeground3,Jt as colorNeutralForeground3BrandHover,eo as colorNeutralForeground3BrandPressed,to as colorNeutralForeground3BrandSelected,Ut as colorNeutralForeground3Hover,Qt as colorNeutralForeground3Pressed,Zt as colorNeutralForeground3Selected,oo as colorNeutralForeground4,ro as colorNeutralForegroundDisabled,mo as colorNeutralForegroundInverted,xo as colorNeutralForegroundInverted2,Co as colorNeutralForegroundInvertedDisabled,fo as colorNeutralForegroundInvertedHover,Bo as colorNeutralForegroundInvertedLink,wo as colorNeutralForegroundInvertedLinkHover,Po as colorNeutralForegroundInvertedLinkPressed,So as colorNeutralForegroundInvertedLinkSelected,ko as colorNeutralForegroundInvertedPressed,yo as colorNeutralForegroundInvertedSelected,bo as colorNeutralForegroundOnBrand,$o as colorNeutralForegroundStaticInverted,ba as colorNeutralShadowAmbient,ya as colorNeutralShadowAmbientDarker,fa as colorNeutralShadowAmbientLighter,ma as colorNeutralShadowKey,xa as colorNeutralShadowKeyDarker,ka as colorNeutralShadowKeyLighter,wr as colorNeutralStencil1,Sr as colorNeutralStencil1Alpha,Pr as colorNeutralStencil2,Cr as colorNeutralStencil2Alpha,Wr as colorNeutralStroke1,Yr as colorNeutralStroke1Hover,Kr as colorNeutralStroke1Pressed,Ur as colorNeutralStroke1Selected,Qr as colorNeutralStroke2,Zr as colorNeutralStroke3,_r as colorNeutralStrokeAccessible,Gr as colorNeutralStrokeAccessibleHover,Xr as colorNeutralStrokeAccessiblePressed,qr as colorNeutralStrokeAccessibleSelected,ca as colorNeutralStrokeDisabled,da as colorNeutralStrokeInvertedDisabled,Jr as colorNeutralStrokeOnBrand,ea as colorNeutralStrokeOnBrand2,ta as colorNeutralStrokeOnBrand2Hover,oa as colorNeutralStrokeOnBrand2Pressed,ra as colorNeutralStrokeOnBrand2Selected,Dn as colorPaletteAnchorBackground2,En as colorPaletteAnchorBorderActive,Mn as colorPaletteAnchorForeground2,Rn as colorPaletteBeigeBackground2,jn as colorPaletteBeigeBorderActive,Vn as colorPaletteBeigeForeground2,dn as colorPaletteBerryBackground1,un as colorPaletteBerryBackground2,hn as colorPaletteBerryBackground3,gn as colorPaletteBerryBorder1,vn as colorPaletteBerryBorder2,pn as colorPaletteBerryBorderActive,bn as colorPaletteBerryForeground1,mn as colorPaletteBerryForeground2,fn as colorPaletteBerryForeground3,_n as colorPaletteBlueBackground2,Gn as colorPaletteBlueBorderActive,Xn as colorPaletteBlueForeground2,qn as colorPaletteBrassBackground2,Wn as colorPaletteBrassBorderActive,Yn as colorPaletteBrassForeground2,Kn as colorPaletteBrownBackground2,Un as colorPaletteBrownBorderActive,Qn as colorPaletteBrownForeground2,Zn as colorPaletteCornflowerBackground2,Jn as colorPaletteCornflowerBorderActive,ei as colorPaletteCornflowerForeground2,ti as colorPaletteCranberryBackground2,oi as colorPaletteCranberryBorderActive,ri as colorPaletteCranberryForeground2,ai as colorPaletteDarkGreenBackground2,ni as colorPaletteDarkGreenBorderActive,ii as colorPaletteDarkGreenForeground2,Ga as colorPaletteDarkOrangeBackground1,Xa as colorPaletteDarkOrangeBackground2,qa as colorPaletteDarkOrangeBackground3,Ya as colorPaletteDarkOrangeBorder1,Ka as colorPaletteDarkOrangeBorder2,Wa as colorPaletteDarkOrangeBorderActive,Ua as colorPaletteDarkOrangeForeground1,Qa as colorPaletteDarkOrangeForeground2,Za as colorPaletteDarkOrangeForeground3,si as colorPaletteDarkRedBackground2,li as colorPaletteDarkRedBorderActive,ci as colorPaletteDarkRedForeground2,di as colorPaletteForestBackground2,ui as colorPaletteForestBorderActive,hi as colorPaletteForestForeground2,pi as colorPaletteGoldBackground2,gi as colorPaletteGoldBorderActive,vi as colorPaletteGoldForeground2,bi as colorPaletteGrapeBackground2,mi as colorPaletteGrapeBorderActive,fi as colorPaletteGrapeForeground2,za as colorPaletteGreenBackground1,Oa as colorPaletteGreenBackground2,Ha as colorPaletteGreenBackground3,Ea as colorPaletteGreenBorder1,Ma as colorPaletteGreenBorder2,Da as colorPaletteGreenBorderActive,Ra as colorPaletteGreenForeground1,ja as colorPaletteGreenForeground2,Va as colorPaletteGreenForeground3,_a as colorPaletteGreenForegroundInverted,ki as colorPaletteLavenderBackground2,yi as colorPaletteLavenderBorderActive,xi as colorPaletteLavenderForeground2,Fn as colorPaletteLightGreenBackground1,Nn as colorPaletteLightGreenBackground2,Tn as colorPaletteLightGreenBackground3,An as colorPaletteLightGreenBorder1,Ln as colorPaletteLightGreenBorder2,In as colorPaletteLightGreenBorderActive,zn as colorPaletteLightGreenForeground1,On as colorPaletteLightGreenForeground2,Hn as colorPaletteLightGreenForeground3,$i as colorPaletteLightTealBackground2,Bi as colorPaletteLightTealBorderActive,wi as colorPaletteLightTealForeground2,Pi as colorPaletteLilacBackground2,Si as colorPaletteLilacBorderActive,Ci as colorPaletteLilacForeground2,Fi as colorPaletteMagentaBackground2,Ni as colorPaletteMagentaBorderActive,Ti as colorPaletteMagentaForeground2,kn as colorPaletteMarigoldBackground1,yn as colorPaletteMarigoldBackground2,xn as colorPaletteMarigoldBackground3,Bn as colorPaletteMarigoldBorder1,wn as colorPaletteMarigoldBorder2,$n as colorPaletteMarigoldBorderActive,Pn as colorPaletteMarigoldForeground1,Sn as colorPaletteMarigoldForeground2,Cn as colorPaletteMarigoldForeground3,Ii as colorPaletteMinkBackground2,Ai as colorPaletteMinkBorderActive,Li as colorPaletteMinkForeground2,zi as colorPaletteNavyBackground2,Oi as colorPaletteNavyBorderActive,Hi as colorPaletteNavyForeground2,Di as colorPalettePeachBackground2,Ei as colorPalettePeachBorderActive,Mi as colorPalettePeachForeground2,Ri as colorPalettePinkBackground2,ji as colorPalettePinkBorderActive,Vi as colorPalettePinkForeground2,_i as colorPalettePlatinumBackground2,Gi as colorPalettePlatinumBorderActive,Xi as colorPalettePlatinumForeground2,qi as colorPalettePlumBackground2,Wi as colorPalettePlumBorderActive,Yi as colorPalettePlumForeground2,Ki as colorPalettePumpkinBackground2,Ui as colorPalettePumpkinBorderActive,Qi as colorPalettePumpkinForeground2,Zi as colorPalettePurpleBackground2,Ji as colorPalettePurpleBorderActive,es as colorPalettePurpleForeground2,wa as colorPaletteRedBackground1,Pa as colorPaletteRedBackground2,Sa as colorPaletteRedBackground3,Fa as colorPaletteRedBorder1,Na as colorPaletteRedBorder2,Ca as colorPaletteRedBorderActive,Ta as colorPaletteRedForeground1,Ia as colorPaletteRedForeground2,Aa as colorPaletteRedForeground3,La as colorPaletteRedForegroundInverted,ts as colorPaletteRoyalBlueBackground2,os as colorPaletteRoyalBlueBorderActive,rs as colorPaletteRoyalBlueForeground2,as as colorPaletteSeafoamBackground2,ns as colorPaletteSeafoamBorderActive,is as colorPaletteSeafoamForeground2,ss as colorPaletteSteelBackground2,ls as colorPaletteSteelBorderActive,cs as colorPaletteSteelForeground2,ds as colorPaletteTealBackground2,us as colorPaletteTealBorderActive,hs as colorPaletteTealForeground2,Ja as colorPaletteYellowBackground1,en as colorPaletteYellowBackground2,tn as colorPaletteYellowBackground3,rn as colorPaletteYellowBorder1,an as colorPaletteYellowBorder2,on as colorPaletteYellowBorderActive,nn as colorPaletteYellowForeground1,sn as colorPaletteYellowForeground2,ln as colorPaletteYellowForeground3,cn as colorPaletteYellowForegroundInverted,Nr as colorScrollbarOverlay,ga as colorStrokeFocus1,va as colorStrokeFocus2,sr as colorSubtleBackground,lr as colorSubtleBackgroundHover,gr as colorSubtleBackgroundInverted,vr as colorSubtleBackgroundInvertedHover,br as colorSubtleBackgroundInvertedPressed,mr as colorSubtleBackgroundInvertedSelected,ur as colorSubtleBackgroundLightAlphaHover,hr as colorSubtleBackgroundLightAlphaPressed,pr as colorSubtleBackgroundLightAlphaSelected,cr as colorSubtleBackgroundPressed,dr as colorSubtleBackgroundSelected,fr as colorTransparentBackground,kr as colorTransparentBackgroundHover,yr as colorTransparentBackgroundPressed,xr as colorTransparentBackgroundSelected,ua as colorTransparentStroke,pa as colorTransparentStrokeDisabled,ha as colorTransparentStrokeInteractive,Dl as curveAccelerateMax,El as curveAccelerateMid,Ml as curveAccelerateMin,Rl as curveDecelerateMax,jl as curveDecelerateMid,Vl as curveDecelerateMin,Gl as curveEasyEase,_l as curveEasyEaseMax,Xl as curveLinear,Al as durationFast,Il as durationFaster,Ll as durationNormal,zl as durationSlow,Ol as durationSlower,Tl as durationUltraFast,Hl as durationUltraSlow,ks as fontFamilyBase,ys as fontFamilyMonospace,xs as fontFamilyNumeric,$s as fontSizeBase100,Bs as fontSizeBase200,ws as fontSizeBase300,Ps as fontSizeBase400,Ss as fontSizeBase500,Cs as fontSizeBase600,Is as fontSizeHero1000,Fs as fontSizeHero700,Ns as fontSizeHero800,Ts as fontSizeHero900,Os as fontWeightBold,Ls as fontWeightMedium,As as fontWeightRegular,zs as fontWeightSemibold,Hs as lineHeightBase100,Ds as lineHeightBase200,Es as lineHeightBase300,Ms as lineHeightBase400,Rs as lineHeightBase500,js as lineHeightBase600,Xs as lineHeightHero1000,Vs as lineHeightHero700,_s as lineHeightHero800,Gs as lineHeightHero900,tp as roleForMenuItem,Nv as setTheme,Tv as setThemeFor,Ks as shadow16,tl as shadow16Brand,qs as shadow2,Us as shadow28,ol as shadow28Brand,Zs as shadow2Brand,Ws as shadow4,Js as shadow4Brand,Qs as shadow64,rl as shadow64Brand,Ys as shadow8,el as shadow8Brand,vl as spacingHorizontalL,gl as spacingHorizontalM,pl as spacingHorizontalMNudge,ll as spacingHorizontalNone,hl as spacingHorizontalS,ul as spacingHorizontalSNudge,bl as spacingHorizontalXL,dl as spacingHorizontalXS,ml as spacingHorizontalXXL,cl as spacingHorizontalXXS,fl as spacingHorizontalXXXL,Sl as spacingVerticalL,Pl as spacingVerticalM,wl as spacingVerticalMNudge,kl as spacingVerticalNone,Bl as spacingVerticalS,$l as spacingVerticalSNudge,Cl as spacingVerticalXL,xl as spacingVerticalXS,Fl as spacingVerticalXXL,yl as spacingVerticalXXS,Nl as spacingVerticalXXXL,nl as strokeWidthThick,il as strokeWidthThicker,sl as strokeWidthThickest,al as strokeWidthThin};
|
|
356
|
+
:host([aria-pressed="true"]) .control{border-color:${Qr};background-color:${"var(--colorNeutralBackground1Selected)"};color:${Vt};border-width:${ll}}:host([aria-pressed='true']:hover) .control{border-color:${"var(--colorNeutralStroke1Hover)"};background-color:${"var(--colorNeutralBackground1Hover)"}}:host([aria-pressed='true']:active) .control{border-color:${"var(--colorNeutralStroke1Pressed)"};background-color:${"var(--colorNeutralBackground1Pressed)"}}:host([aria-pressed='true'][appearance='primary']) .control{border-color:transparent;background-color:${"var(--colorBrandBackgroundSelected)"};color:${yo}}:host([aria-pressed='true'][appearance='primary']:hover) .control{background-color:${"var(--colorBrandBackgroundHover)"}}:host([aria-pressed='true'][appearance='primary']:active) .control{background-color:${"var(--colorBrandBackgroundPressed)"}}:host([aria-pressed='true'][appearance='subtle']) .control{border-color:transparent;background-color:${"var(--colorSubtleBackgroundSelected)"};color:${"var(--colorNeutralForeground2Selected)"}}:host([aria-pressed='true'][appearance='subtle']:hover) .control{background-color:${"var(--colorSubtleBackgroundHover)"};color:${"var(--colorNeutralForeground2Hover)"}}:host([aria-pressed='true'][appearance='subtle']:active) .control{background-color:${"var(--colorSubtleBackgroundPressed)"};color:${"var(--colorNeutralForeground2Pressed)"}}:host([aria-pressed='true'][appearance='outline']) .control,:host([aria-pressed='true'][appearance='transparent']) .control{background-color:${"var(--colorTransparentBackgroundSelected)"}}:host([aria-pressed='true'][appearance='outline']:hover) .control,:host([aria-pressed='true'][appearance='transparent']:hover) .control{background-color:${"var(--colorTransparentBackgroundHover)"}}:host([aria-pressed='true'][appearance='outline']:active) .control,:host([aria-pressed='true'][appearance='transparent']:active) .control{background-color:${"var(--colorTransparentBackgroundPressed)"}}:host([aria-pressed='true'][appearance='transparent']) .control{border-color:transparent;color:${"var(--colorNeutralForeground2BrandSelected)"}}:host([aria-pressed='true'][appearance='transparent']:hover) .control{color:${"var(--colorNeutralForeground2BrandHover)"}}:host([aria-pressed='true'][appearance='transparent']:active) .control{color:${"var(--colorNeutralForeground2BrandPressed)"}}`.withBehaviors(kt(j`
|
|
357
|
+
:host([aria-pressed='true']) .control,:host([aria-pressed='true'][appearance='primary']) .control,:host([aria-pressed='true'][appearance='subtle']) .control,:host([aria-pressed='true'][appearance='outline']) .control,:host([aria-pressed='true'][appearance='transparent']) .control,:host([aria-pressed='true'][appearance='transparent']) .control{background:SelectedItem;color:SelectedItemText}`)),Ov=Nv.compose({name:Et.prefix+"-toggle-button",template:Lv,styles:zv,shadowOptions:{delegatesFocus:!0}}),Hv=Object.keys(Ul),Dv=e=>{for(const t of Hv)document.body.style.setProperty("--"+t,e[t])},Ev=(e,t)=>{for(const o of Hv)e.style.setProperty("--"+o,t[o])};export{Ot as Accordion,Nt as AccordionItem,jt as AccordionItemExpandIconPosition,Rt as AccordionItemSize,rc as AnchorButton,cc as AnchorButtonAppearance,bc as AnchorButtonDefinition,dc as AnchorButtonShape,uc as AnchorButtonSize,pc as AnchorButtonTemplate,hc as AnchorTarget,Lc as Avatar,Bc as AvatarActive,Pc as AvatarAppearance,Cc as AvatarColor,jc as AvatarDefinition,Sc as AvatarNamedColor,wc as AvatarShape,Fc as AvatarSize,Rc as AvatarStyles,Hc as AvatarTemplate,Kc as Badge,Vc as BadgeAppearance,_c as BadgeColor,id as BadgeDefinition,Gc as BadgeShape,Xc as BadgeSize,nd as BadgeStyles,Qc as BadgeTemplate,jg as BaseTabs,bd as Button,nc as ButtonAppearance,yd as ButtonDefinition,ic as ButtonShape,sc as ButtonSize,gc as ButtonStyles,kd as ButtonTemplate,lc as ButtonType,Sd as Checkbox,Ad as CheckboxDefinition,Nd as CheckboxLabelPosition,Cd as CheckboxShape,Fd as CheckboxSize,Id as CheckboxStyles,Td as CheckboxTemplate,Ld as CompoundButton,zd as CompoundButtonAppearance,Md as CompoundButtonDefinition,Od as CompoundButtonShape,Hd as CompoundButtonSize,Ed as CompoundButtonStyles,Dd as CompoundButtonTemplate,_d as CounterBadge,Gd as CounterBadgeAppearance,Xd as CounterBadgeColor,Ud as CounterBadgeDefinition,qd as CounterBadgeShape,Wd as CounterBadgeSize,Kd as CounterBadgeStyles,Yd as CounterBadgeTemplate,md as DelegatesARIAButton,ac as DelegatesARIALink,$v as DelegatesARIATextbox,vu as Dialog,ku as DialogDefinition,fu as DialogStyles,mu as DialogTemplate,Cu as Divider,$u as DividerAlignContent,Bu as DividerAppearance,Tu as DividerDefinition,xu as DividerOrientation,yu as DividerRole,Nu as DividerStyles,Fu as DividerTemplate,Et as FluentDesignSystem,zu as Image,Mu as ImageDefinition,Ou as ImageFit,Hu as ImageShape,Eu as ImageStyles,Du as ImageTemplate,_u as Label,qu as LabelDefinition,Gu as LabelStyles,Xu as LabelTemplate,mt as MatchMediaBehavior,ft as MatchMediaStyleSheetBehavior,Zh as Menu,op as MenuButton,rp as MenuButtonAppearance,sp as MenuButtonDefinition,ap as MenuButtonShape,np as MenuButtonSize,gc as MenuButtonStyles,ip as MenuButtonTemplate,tp as MenuDefinition,pp as MenuItem,mp as MenuItemDefinition,lp as MenuItemRole,bp as MenuItemStyles,vp as MenuItemTemplate,xp as MenuList,wp as MenuListDefinition,Bp as MenuListStyles,$p as MenuListTemplate,ep as MenuStyles,Jh as MenuTemplate,Ap as ProgressBar,Ep as ProgressBarDefinition,zp as ProgressBarShape,Hp as ProgressBarStyles,Dp as ProgressBarTemplate,Lp as ProgressBarThickness,Op as ProgressBarValidationState,Gp as Radio,Wp as RadioDefinition,Zp as RadioGroup,tg as RadioGroupDefinition,Jp as RadioGroupStyles,eg as RadioGroupTemplate,Xp as RadioStyles,qp as RadioTemplate,ug as Slider,gg as SliderDefinition,ag as SliderMode,rg as SliderOrientation,og as SliderSize,hg as SliderStyles,pg as SliderTemplate,kg as Spinner,yg as SpinnerAppearance,wg as SpinnerDefinition,xg as SpinnerSize,Bg as SpinnerStyles,$g as SpinnerTemplate,Tg as Switch,zg as SwitchDefinition,Ig as SwitchLabelPosition,Lg as SwitchStyles,Ag as SwitchTemplate,Yg as Tab,Qg as TabDefinition,Zg as TabPanel,tv as TabPanelDefinition,ev as TabPanelStyles,Jg as TabPanelTemplate,Ug as TabStyles,Kg as TabTemplate,Vg as Tabs,Og as TabsAppearance,Xg as TabsDefinition,Dg as TabsOrientation,Hg as TabsSize,Gg as TabsStyles,_g as TabsTemplate,nv as Text,cv as TextAlign,hv as TextDefinition,vv as TextFieldType,sv as TextFont,xv as TextInput,gv as TextInputAppearance,pv as TextInputControlSize,Pv as TextInputDefinition,wv as TextInputStyles,Bv as TextInputTemplate,iv as TextSize,uv as TextStyles,dv as TextTemplate,lv as TextWeight,Nv as ToggleButton,Tv as ToggleButtonAppearance,Ov as ToggleButtonDefinition,Iv as ToggleButtonShape,Av as ToggleButtonSize,zv as ToggleButtonStyles,Lv as ToggleButtonTemplate,Mt as accordionDefinition,Jl as accordionItemDefinition,Ql as accordionItemStyles,Zl as accordionItemTemplate,Dt as accordionStyles,Ht as accordionTemplate,$s as borderRadiusCircular,ys as borderRadiusLarge,ks as borderRadiusMedium,ms as borderRadiusNone,fs as borderRadiusSmall,xs as borderRadiusXLarge,Ar as colorBackgroundOverlay,zr as colorBrandBackground,Vr as colorBrandBackground2,Or as colorBrandBackgroundHover,_r as colorBrandBackgroundInverted,Gr as colorBrandBackgroundInvertedHover,Xr as colorBrandBackgroundInvertedPressed,qr as colorBrandBackgroundInvertedSelected,Hr as colorBrandBackgroundPressed,Dr as colorBrandBackgroundSelected,jr as colorBrandBackgroundStatic,Ao as colorBrandForeground1,Lo as colorBrandForeground2,Oo as colorBrandForegroundInverted,Ho as colorBrandForegroundInvertedHover,Do as colorBrandForegroundInvertedPressed,lo as colorBrandForegroundLink,co as colorBrandForegroundLinkHover,uo as colorBrandForegroundLinkPressed,ho as colorBrandForegroundLinkSelected,Eo as colorBrandForegroundOnLight,Mo as colorBrandForegroundOnLightHover,Ro as colorBrandForegroundOnLightPressed,jo as colorBrandForegroundOnLightSelected,Sa as colorBrandShadowAmbient,Ca as colorBrandShadowKey,la as colorBrandStroke1,ca as colorBrandStroke2,Er as colorCompoundBrandBackground,Mr as colorCompoundBrandBackgroundHover,Rr as colorCompoundBrandBackgroundPressed,mo as colorCompoundBrandForeground1,fo as colorCompoundBrandForeground1Hover,ko as colorCompoundBrandForeground1Pressed,da as colorCompoundBrandStroke,ua as colorCompoundBrandStrokeHover,ha as colorCompoundBrandStrokePressed,Vo as colorNeutralBackground1,_o as colorNeutralBackground1Hover,Go as colorNeutralBackground1Pressed,Xo as colorNeutralBackground1Selected,qo as colorNeutralBackground2,Wo as colorNeutralBackground2Hover,Yo as colorNeutralBackground2Pressed,Ko as colorNeutralBackground2Selected,Uo as colorNeutralBackground3,Qo as colorNeutralBackground3Hover,Zo as colorNeutralBackground3Pressed,Jo as colorNeutralBackground3Selected,er as colorNeutralBackground4,tr as colorNeutralBackground4Hover,or as colorNeutralBackground4Pressed,rr as colorNeutralBackground4Selected,ar as colorNeutralBackground5,nr as colorNeutralBackground5Hover,ir as colorNeutralBackground5Pressed,sr as colorNeutralBackground5Selected,lr as colorNeutralBackground6,Sr as colorNeutralBackgroundDisabled,dr as colorNeutralBackgroundInverted,Cr as colorNeutralBackgroundInvertedDisabled,cr as colorNeutralBackgroundStatic,Vt as colorNeutralForeground1,_t as colorNeutralForeground1Hover,Gt as colorNeutralForeground1Pressed,Xt as colorNeutralForeground1Selected,zo as colorNeutralForeground1Static,qt as colorNeutralForeground2,Ut as colorNeutralForeground2BrandHover,Qt as colorNeutralForeground2BrandPressed,Zt as colorNeutralForeground2BrandSelected,Wt as colorNeutralForeground2Hover,po as colorNeutralForeground2Link,go as colorNeutralForeground2LinkHover,vo as colorNeutralForeground2LinkPressed,bo as colorNeutralForeground2LinkSelected,Yt as colorNeutralForeground2Pressed,Kt as colorNeutralForeground2Selected,Jt as colorNeutralForeground3,ro as colorNeutralForeground3BrandHover,ao as colorNeutralForeground3BrandPressed,no as colorNeutralForeground3BrandSelected,eo as colorNeutralForeground3Hover,to as colorNeutralForeground3Pressed,oo as colorNeutralForeground3Selected,io as colorNeutralForeground4,so as colorNeutralForegroundDisabled,xo as colorNeutralForegroundInverted,Po as colorNeutralForegroundInverted2,Io as colorNeutralForegroundInvertedDisabled,$o as colorNeutralForegroundInvertedHover,Co as colorNeutralForegroundInvertedLink,Fo as colorNeutralForegroundInvertedLinkHover,No as colorNeutralForegroundInvertedLinkPressed,To as colorNeutralForegroundInvertedLinkSelected,Bo as colorNeutralForegroundInvertedPressed,wo as colorNeutralForegroundInvertedSelected,yo as colorNeutralForegroundOnBrand,So as colorNeutralForegroundStaticInverted,ya as colorNeutralShadowAmbient,wa as colorNeutralShadowAmbientDarker,$a as colorNeutralShadowAmbientLighter,xa as colorNeutralShadowKey,Pa as colorNeutralShadowKeyDarker,Ba as colorNeutralShadowKeyLighter,Fr as colorNeutralStencil1,Tr as colorNeutralStencil1Alpha,Nr as colorNeutralStencil2,Ir as colorNeutralStencil2Alpha,Qr as colorNeutralStroke1,Zr as colorNeutralStroke1Hover,Jr as colorNeutralStroke1Pressed,ea as colorNeutralStroke1Selected,ta as colorNeutralStroke2,oa as colorNeutralStroke3,Wr as colorNeutralStrokeAccessible,Yr as colorNeutralStrokeAccessibleHover,Kr as colorNeutralStrokeAccessiblePressed,Ur as colorNeutralStrokeAccessibleSelected,pa as colorNeutralStrokeDisabled,ga as colorNeutralStrokeInvertedDisabled,ra as colorNeutralStrokeOnBrand,aa as colorNeutralStrokeOnBrand2,na as colorNeutralStrokeOnBrand2Hover,ia as colorNeutralStrokeOnBrand2Pressed,sa as colorNeutralStrokeOnBrand2Selected,jn as colorPaletteAnchorBackground2,Vn as colorPaletteAnchorBorderActive,_n as colorPaletteAnchorForeground2,Gn as colorPaletteBeigeBackground2,Xn as colorPaletteBeigeBorderActive,qn as colorPaletteBeigeForeground2,gn as colorPaletteBerryBackground1,vn as colorPaletteBerryBackground2,bn as colorPaletteBerryBackground3,fn as colorPaletteBerryBorder1,kn as colorPaletteBerryBorder2,mn as colorPaletteBerryBorderActive,yn as colorPaletteBerryForeground1,xn as colorPaletteBerryForeground2,$n as colorPaletteBerryForeground3,Wn as colorPaletteBlueBackground2,Yn as colorPaletteBlueBorderActive,Kn as colorPaletteBlueForeground2,Un as colorPaletteBrassBackground2,Qn as colorPaletteBrassBorderActive,Zn as colorPaletteBrassForeground2,Jn as colorPaletteBrownBackground2,ei as colorPaletteBrownBorderActive,ti as colorPaletteBrownForeground2,oi as colorPaletteCornflowerBackground2,ri as colorPaletteCornflowerBorderActive,ai as colorPaletteCornflowerForeground2,ni as colorPaletteCranberryBackground2,ii as colorPaletteCranberryBorderActive,si as colorPaletteCranberryForeground2,li as colorPaletteDarkGreenBackground2,ci as colorPaletteDarkGreenBorderActive,di as colorPaletteDarkGreenForeground2,Ya as colorPaletteDarkOrangeBackground1,Ka as colorPaletteDarkOrangeBackground2,Ua as colorPaletteDarkOrangeBackground3,Za as colorPaletteDarkOrangeBorder1,Ja as colorPaletteDarkOrangeBorder2,Qa as colorPaletteDarkOrangeBorderActive,en as colorPaletteDarkOrangeForeground1,tn as colorPaletteDarkOrangeForeground2,on as colorPaletteDarkOrangeForeground3,ui as colorPaletteDarkRedBackground2,hi as colorPaletteDarkRedBorderActive,pi as colorPaletteDarkRedForeground2,gi as colorPaletteForestBackground2,vi as colorPaletteForestBorderActive,bi as colorPaletteForestForeground2,mi as colorPaletteGoldBackground2,fi as colorPaletteGoldBorderActive,ki as colorPaletteGoldForeground2,yi as colorPaletteGrapeBackground2,xi as colorPaletteGrapeBorderActive,$i as colorPaletteGrapeForeground2,Ea as colorPaletteGreenBackground1,Ma as colorPaletteGreenBackground2,Ra as colorPaletteGreenBackground3,Va as colorPaletteGreenBorder1,_a as colorPaletteGreenBorder2,ja as colorPaletteGreenBorderActive,Ga as colorPaletteGreenForeground1,Xa as colorPaletteGreenForeground2,qa as colorPaletteGreenForeground3,Wa as colorPaletteGreenForegroundInverted,Bi as colorPaletteLavenderBackground2,wi as colorPaletteLavenderBorderActive,Pi as colorPaletteLavenderForeground2,An as colorPaletteLightGreenBackground1,Ln as colorPaletteLightGreenBackground2,zn as colorPaletteLightGreenBackground3,Hn as colorPaletteLightGreenBorder1,Dn as colorPaletteLightGreenBorder2,On as colorPaletteLightGreenBorderActive,En as colorPaletteLightGreenForeground1,Mn as colorPaletteLightGreenForeground2,Rn as colorPaletteLightGreenForeground3,Si as colorPaletteLightTealBackground2,Ci as colorPaletteLightTealBorderActive,Fi as colorPaletteLightTealForeground2,Ni as colorPaletteLilacBackground2,Ti as colorPaletteLilacBorderActive,Ii as colorPaletteLilacForeground2,Ai as colorPaletteMagentaBackground2,Li as colorPaletteMagentaBorderActive,zi as colorPaletteMagentaForeground2,Bn as colorPaletteMarigoldBackground1,wn as colorPaletteMarigoldBackground2,Pn as colorPaletteMarigoldBackground3,Cn as colorPaletteMarigoldBorder1,Fn as colorPaletteMarigoldBorder2,Sn as colorPaletteMarigoldBorderActive,Nn as colorPaletteMarigoldForeground1,Tn as colorPaletteMarigoldForeground2,In as colorPaletteMarigoldForeground3,Oi as colorPaletteMinkBackground2,Hi as colorPaletteMinkBorderActive,Di as colorPaletteMinkForeground2,Ei as colorPaletteNavyBackground2,Mi as colorPaletteNavyBorderActive,Ri as colorPaletteNavyForeground2,ji as colorPalettePeachBackground2,Vi as colorPalettePeachBorderActive,_i as colorPalettePeachForeground2,Gi as colorPalettePinkBackground2,Xi as colorPalettePinkBorderActive,qi as colorPalettePinkForeground2,Wi as colorPalettePlatinumBackground2,Yi as colorPalettePlatinumBorderActive,Ki as colorPalettePlatinumForeground2,Ui as colorPalettePlumBackground2,Qi as colorPalettePlumBorderActive,Zi as colorPalettePlumForeground2,Ji as colorPalettePumpkinBackground2,es as colorPalettePumpkinBorderActive,ts as colorPalettePumpkinForeground2,os as colorPalettePurpleBackground2,rs as colorPalettePurpleBorderActive,as as colorPalettePurpleForeground2,Fa as colorPaletteRedBackground1,Na as colorPaletteRedBackground2,Ta as colorPaletteRedBackground3,Aa as colorPaletteRedBorder1,La as colorPaletteRedBorder2,Ia as colorPaletteRedBorderActive,za as colorPaletteRedForeground1,Oa as colorPaletteRedForeground2,Ha as colorPaletteRedForeground3,Da as colorPaletteRedForegroundInverted,ns as colorPaletteRoyalBlueBackground2,is as colorPaletteRoyalBlueBorderActive,ss as colorPaletteRoyalBlueForeground2,ls as colorPaletteSeafoamBackground2,cs as colorPaletteSeafoamBorderActive,ds as colorPaletteSeafoamForeground2,us as colorPaletteSteelBackground2,hs as colorPaletteSteelBorderActive,ps as colorPaletteSteelForeground2,gs as colorPaletteTealBackground2,vs as colorPaletteTealBorderActive,bs as colorPaletteTealForeground2,rn as colorPaletteYellowBackground1,an as colorPaletteYellowBackground2,nn as colorPaletteYellowBackground3,ln as colorPaletteYellowBorder1,cn as colorPaletteYellowBorder2,sn as colorPaletteYellowBorderActive,dn as colorPaletteYellowForeground1,un as colorPaletteYellowForeground2,hn as colorPaletteYellowForeground3,pn as colorPaletteYellowForegroundInverted,Lr as colorScrollbarOverlay,fa as colorStrokeFocus1,ka as colorStrokeFocus2,ur as colorSubtleBackground,hr as colorSubtleBackgroundHover,fr as colorSubtleBackgroundInverted,kr as colorSubtleBackgroundInvertedHover,yr as colorSubtleBackgroundInvertedPressed,xr as colorSubtleBackgroundInvertedSelected,vr as colorSubtleBackgroundLightAlphaHover,br as colorSubtleBackgroundLightAlphaPressed,mr as colorSubtleBackgroundLightAlphaSelected,pr as colorSubtleBackgroundPressed,gr as colorSubtleBackgroundSelected,$r as colorTransparentBackground,Br as colorTransparentBackgroundHover,wr as colorTransparentBackgroundPressed,Pr as colorTransparentBackgroundSelected,va as colorTransparentStroke,ma as colorTransparentStrokeDisabled,ba as colorTransparentStrokeInteractive,jl as curveAccelerateMax,Vl as curveAccelerateMid,_l as curveAccelerateMin,Gl as curveDecelerateMax,Xl as curveDecelerateMid,ql as curveDecelerateMin,Yl as curveEasyEase,Wl as curveEasyEaseMax,Kl as curveLinear,yt as darkModeStylesheetBehavior,bt as display,Hl as durationFast,Ol as durationFaster,Dl as durationNormal,El as durationSlow,Ml as durationSlower,zl as durationUltraFast,Rl as durationUltraSlow,Bs as fontFamilyBase,ws as fontFamilyMonospace,Ps as fontFamilyNumeric,Ss as fontSizeBase100,Cs as fontSizeBase200,Fs as fontSizeBase300,Ns as fontSizeBase400,Ts as fontSizeBase500,Is as fontSizeBase600,Os as fontSizeHero1000,As as fontSizeHero700,Ls as fontSizeHero800,zs as fontSizeHero900,Ms as fontWeightBold,Ds as fontWeightMedium,Hs as fontWeightRegular,Es as fontWeightSemibold,kt as forcedColorsStylesheetBehavior,ht as getDirection,vt as hidden,xt as lightModeStylesheetBehavior,Rs as lineHeightBase100,js as lineHeightBase200,Vs as lineHeightBase300,_s as lineHeightBase400,Gs as lineHeightBase500,Xs as lineHeightBase600,Ks as lineHeightHero1000,qs as lineHeightHero700,Ws as lineHeightHero800,Ys as lineHeightHero900,cp as roleForMenuItem,Dv as setTheme,Ev as setThemeFor,Js as shadow16,nl as shadow16Brand,Us as shadow2,el as shadow28,il as shadow28Brand,ol as shadow2Brand,Qs as shadow4,rl as shadow4Brand,tl as shadow64,sl as shadow64Brand,Zs as shadow8,al as shadow8Brand,kl as spacingHorizontalL,fl as spacingHorizontalM,ml as spacingHorizontalMNudge,hl as spacingHorizontalNone,bl as spacingHorizontalS,vl as spacingHorizontalSNudge,yl as spacingHorizontalXL,gl as spacingHorizontalXS,xl as spacingHorizontalXXL,pl as spacingHorizontalXXS,$l as spacingHorizontalXXXL,Tl as spacingVerticalL,Nl as spacingVerticalM,Fl as spacingVerticalMNudge,Bl as spacingVerticalNone,Cl as spacingVerticalS,Sl as spacingVerticalSNudge,Il as spacingVerticalXL,Pl as spacingVerticalXS,Al as spacingVerticalXXL,wl as spacingVerticalXXS,Ll as spacingVerticalXXXL,cl as strokeWidthThick,dl as strokeWidthThicker,ul as strokeWidthThickest,ll as strokeWidthThin};
|