@fluentui/web-components 3.0.0-alpha.1 → 3.0.0-alpha.3
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/.eslintrc.json +62 -0
- package/CHANGELOG.json +208 -8
- package/CHANGELOG.md +155 -97
- package/build/{clean.js → clean.cjs} +0 -0
- package/dist/dts/badge/badge.d.ts +49 -0
- package/dist/dts/badge/badge.definition.d.ts +11 -0
- package/dist/dts/badge/badge.options.d.ts +73 -0
- package/dist/dts/badge/badge.stories.d.ts +12 -0
- package/dist/dts/badge/badge.styles.d.ts +4 -0
- package/dist/dts/badge/badge.template.d.ts +9 -0
- package/dist/dts/badge/define.d.ts +1 -0
- package/dist/dts/badge/index.d.ts +5 -0
- package/dist/dts/counter-badge/counter-badge.d.ts +90 -0
- package/dist/dts/counter-badge/counter-badge.definition.d.ts +11 -0
- package/dist/dts/counter-badge/counter-badge.options.d.ts +69 -0
- package/dist/dts/counter-badge/counter-badge.stories.d.ts +14 -0
- package/dist/dts/counter-badge/counter-badge.styles.d.ts +4 -0
- package/dist/dts/counter-badge/counter-badge.template.d.ts +7 -0
- package/dist/dts/counter-badge/define.d.ts +1 -0
- package/dist/dts/counter-badge/index.d.ts +5 -0
- package/dist/dts/fluent-design-system.d.ts +5 -0
- package/dist/dts/index-rollup.d.ts +1 -1
- package/dist/dts/index.d.ts +6 -1
- package/dist/dts/progress-bar/define.d.ts +1 -0
- package/dist/dts/progress-bar/index.d.ts +5 -0
- package/dist/dts/progress-bar/progress-bar.d.ts +30 -0
- package/dist/dts/progress-bar/progress-bar.definition.d.ts +10 -0
- package/dist/dts/progress-bar/progress-bar.options.d.ts +41 -0
- package/dist/dts/progress-bar/progress-bar.stories.d.ts +9 -0
- package/dist/dts/progress-bar/progress-bar.styles.d.ts +4 -0
- package/dist/dts/progress-bar/progress-bar.template.d.ts +3 -0
- package/dist/dts/spinner/define.d.ts +1 -0
- package/dist/dts/spinner/index.d.ts +5 -0
- package/dist/dts/spinner/spinner.d.ts +25 -0
- package/dist/dts/spinner/spinner.definition.d.ts +11 -0
- package/dist/dts/spinner/spinner.options.d.ts +32 -0
- package/dist/dts/spinner/spinner.stories.d.ts +8 -0
- package/dist/dts/spinner/spinner.styles.d.ts +1 -0
- package/dist/dts/spinner/spinner.template.d.ts +3 -0
- package/dist/dts/styles/index.d.ts +1 -0
- package/dist/dts/styles/partials/badge.partials.d.ts +28 -0
- package/dist/dts/styles/partials/index.d.ts +1 -0
- package/dist/dts/text/define.d.ts +1 -0
- package/dist/dts/text/index.d.ts +5 -0
- package/dist/dts/text/text.d.ts +91 -0
- package/dist/dts/text/text.definition.d.ts +10 -0
- package/dist/dts/text/text.options.d.ts +67 -0
- package/dist/dts/text/text.stories.d.ts +8 -0
- package/dist/dts/text/text.styles.d.ts +4 -0
- package/dist/dts/text/text.template.d.ts +6 -0
- package/dist/dts/theme/index.d.ts +2 -2
- package/dist/esm/badge/badge.definition.js +18 -0
- package/dist/esm/badge/badge.js +42 -0
- package/dist/esm/badge/badge.options.js +45 -0
- package/dist/esm/badge/badge.stories.js +108 -0
- package/dist/esm/badge/badge.styles.js +29 -0
- package/dist/esm/badge/badge.template.js +14 -0
- package/dist/esm/badge/define.js +3 -0
- package/dist/esm/badge/index.js +5 -0
- package/dist/esm/counter-badge/counter-badge.definition.js +18 -0
- package/dist/esm/counter-badge/counter-badge.js +89 -0
- package/dist/esm/counter-badge/counter-badge.options.js +42 -0
- package/dist/esm/counter-badge/counter-badge.stories.js +102 -0
- package/dist/esm/counter-badge/counter-badge.styles.js +30 -0
- package/dist/esm/counter-badge/counter-badge.template.js +12 -0
- package/dist/esm/counter-badge/define.js +3 -0
- package/dist/esm/counter-badge/index.js +5 -0
- package/dist/esm/fluent-design-system.js +5 -0
- package/dist/esm/index-rollup.js +1 -1
- package/dist/esm/index.js +6 -1
- package/dist/esm/progress-bar/define.js +3 -0
- package/dist/esm/progress-bar/index.js +5 -0
- package/dist/esm/progress-bar/progress-bar.definition.js +17 -0
- package/dist/esm/progress-bar/progress-bar.js +18 -0
- package/dist/esm/progress-bar/progress-bar.options.js +25 -0
- package/dist/esm/progress-bar/progress-bar.stories.js +60 -0
- package/dist/esm/progress-bar/progress-bar.styles.js +155 -0
- package/dist/esm/progress-bar/progress-bar.template.js +5 -0
- package/dist/esm/spinner/define.js +3 -0
- package/dist/esm/spinner/index.js +5 -0
- package/dist/esm/spinner/spinner.definition.js +18 -0
- package/dist/esm/spinner/spinner.js +15 -0
- package/dist/esm/spinner/spinner.options.js +21 -0
- package/dist/esm/spinner/spinner.stories.js +45 -0
- package/dist/esm/spinner/spinner.styles.js +95 -0
- package/dist/esm/spinner/spinner.template.js +21 -0
- package/dist/esm/styles/index.js +1 -0
- package/dist/esm/styles/partials/badge.partials.js +272 -0
- package/dist/esm/styles/partials/index.js +1 -0
- package/dist/esm/text/define.js +3 -0
- package/dist/esm/text/index.js +5 -0
- package/dist/esm/text/text.definition.js +17 -0
- package/dist/esm/text/text.js +91 -0
- package/dist/esm/text/text.options.js +45 -0
- package/dist/esm/text/text.stories.js +111 -0
- package/dist/esm/text/text.styles.js +104 -0
- package/dist/esm/text/text.template.js +5 -0
- package/dist/esm/theme/index.js +2 -2
- package/dist/esm/theme/set-theme.js +1 -1
- package/dist/esm/theme/theme.stories.js +1 -1
- package/dist/fluent-web-components.api.json +14330 -8
- package/dist/tsdoc-metadata.json +1 -1
- package/dist/web-components.d.ts +1460 -1
- package/dist/web-components.js +5713 -2
- package/dist/web-components.min.js +273 -1
- package/docs/api-report.md +1471 -1
- package/package.json +48 -16
- package/rollup.config.js +5 -0
- package/karma.conf.js +0 -147
|
@@ -1 +1,273 @@
|
|
|
1
|
-
const o="";export{o as empty};
|
|
1
|
+
import{composedContains as e,composedParent as t}from"@microsoft/fast-element/utilities";function r(e,t,r,o){var n,a=arguments.length,s=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,o);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(a<3?n(s):a>3?n(t,r,s):n(t,r))||s);return a>3&&s&&Object.defineProperty(t,r,s),s}var o="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};!function(){if("undefined"==typeof globalThis)if(void 0!==o)o.globalThis=o;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 n={configurable:!1,enumerable:!1,writable:!1};void 0===globalThis.FAST&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},n));const a=globalThis.FAST;if(void 0===a.getById){const e=Object.create(null);Reflect.defineProperty(a,"getById",Object.assign({value(t,r){let o=e[t];return void 0===o&&(o=r?e[t]=r():null),o}},n))}function s(){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 i(){const e=new WeakMap;return function(t){let r=e.get(t);if(void 0===r){let o=Reflect.getPrototypeOf(t);for(;void 0===r&&null!==o;)r=e.get(o),o=Reflect.getPrototypeOf(o);r=void 0===r?[]:r.slice(0),e.set(t,r)}return r}}let l;void 0===a.error&&Object.assign(a,{warn(){},error:e=>new Error("Error "+e),addMessages(){}}),Object.freeze([]);try{if(document.currentScript)l=document.currentScript.getAttribute("fast-kernel");else{const e=document.getElementsByTagName("script");l=e[e.length-1].getAttribute("fast-kernel")}}catch(e){l="isolate"}let c;switch(l){case"share":c=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":c=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);c=Object.freeze({updateQueue:"1.2"+e,observable:"2.2"+e,contextEvent:"3.2"+e,elementRegistry:"4.2"+e})}const d=e=>"function"==typeof e,u=e=>"string"==typeof e,h=()=>{},g=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),p=e=>e,f=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:p}):{createHTML:p};let v=Object.freeze({createHTML:e=>f.createHTML(e),protect:(e,t,r,o)=>o});const b=v,B=Object.freeze({get policy(){return v},setPolicy(e){if(v!==b)throw a.error(1201);v=e},setAttribute(e,t,r){null==r?e.removeAttribute(t):e.setAttribute(t,r)},setBooleanAttribute(e,t,r){r?e.setAttribute(t,""):e.removeAttribute(t)}}),m=a.getById(c.updateQueue,()=>{const e=[],t=[],r=globalThis.requestAnimationFrame;let o=!0;function n(){if(t.length)throw t.shift()}function a(r){try{r.call()}catch(r){if(!o)throw e.length=0,r;t.push(r),setTimeout(n,0)}}function s(){let t=0;for(;t<e.length;)if(a(e[t]),t++,t>1024){for(let r=0,o=e.length-t;r<o;r++)e[r]=e[r+t];e.length-=t,t=0}e.length=0}function i(t){e.push(t),e.length<2&&(o?r(s):s())}return Object.freeze({enqueue:i,next:()=>new Promise(i),process:s,setMode:e=>o=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 r=t.indexOf(e);-1!==r&&t.splice(r,1)}}notify(e){const t=this.spillover,r=this.subject;if(void 0===t){const t=this.sub1,o=this.sub2;void 0!==t&&t.handleChange(r,e),void 0!==o&&o.handleChange(r,e)}else for(let o=0,n=t.length;o<n;++o)t[o].handleChange(r,e)}}class y{constructor(e){this.subscribers={},this.subjectSubscribers=null,this.subject=e}notify(e){var t,r;null===(t=this.subscribers[e])||void 0===t||t.notify(e),null===(r=this.subjectSubscribers)||void 0===r||r.notify(e)}subscribe(e,t){var r,o;let n;n=t?null!==(r=this.subscribers[t])&&void 0!==r?r:this.subscribers[t]=new k(this.subject):null!==(o=this.subjectSubscribers)&&void 0!==o?o:this.subjectSubscribers=new k(this.subject),n.subscribe(e)}unsubscribe(e,t){var r,o;t?null===(r=this.subscribers[t])||void 0===r||r.unsubscribe(e):null===(o=this.subjectSubscribers)||void 0===o||o.unsubscribe(e)}}const P=Object.freeze({unknown:void 0,coupled:1}),S=a.getById(c.observable,()=>{const e=m.enqueue,t=/(:|&&|\|\||if)/,r=new WeakMap;let o=void 0,n=e=>{throw a.error(1101)};function s(e){var t;let o=null!==(t=e.$fastController)&&void 0!==t?t:r.get(e);return void 0===o&&(Array.isArray(e)?o=n(e):r.set(e,o=new y(e))),o}const l=i();class c{constructor(e){this.name=e,this.field="_"+e,this.callback=e+"Changed"}getValue(e){return void 0!==o&&o.watch(e,this.name),e[this.field]}setValue(e,t){const r=this.field,o=e[r];if(o!==t){e[r]=t;const n=e[this.callback];d(n)&&n.call(e,o,t),s(e).notify(this.name)}}}class g extends k{constructor(e,t,r=!1){super(e,t),this.expression=e,this.isVolatileBinding=r,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,this.toJSON=h}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!==P.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 r=o;let n;o=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;try{n=this.expression(e,t)}finally{o=r}return n}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 r=this.last,n=s(e),a=null===r?this.first:{};if(a.propertySource=e,a.propertyName=t,a.notifier=n,n.subscribe(this,t),null!==r){if(!this.needsRefresh){let t;o=void 0,t=r.propertySource[r.propertyName],o=this,e===t&&(this.needsRefresh=!0)}r.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 Object.freeze({setArrayObserverFactory(e){n=e},getNotifier:s,track(e,t){o&&o.watch(e,t)},trackVolatile(){o&&(o.needsRefresh=!0)},notify(e,t){s(e).notify(t)},defineProperty(e,t){u(t)&&(t=new c(t)),l(e).push(t),Reflect.defineProperty(e,t.name,{enumerable:!0,get(){return t.getValue(this)},set(e){t.setValue(this,e)}})},getAccessors:l,binding(e,t,r=this.isVolatileBinding(e)){return new g(e,t,r)},isVolatileBinding:e=>t.test(e.toString())})});function w(e,t){S.defineProperty(e,t)}const N=a.getById(c.contextEvent,()=>{let e=null;return{get:()=>e,set(t){e=t}}}),F=Object.freeze({default:{index:0,length:0,get event(){return F.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent:()=>N.get(),setEvent(e){N.set(e)}});let x;class C{constructor(e){this.styles=e,this.targets=new WeakSet,this._strategy=null,this.behaviors=e.map(e=>e instanceof C?e.behaviors:null).reduce((e,t)=>null===t?e:null===e?t:e.concat(t),null)}get strategy(){return null===this._strategy&&this.withStrategy(x),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 C?e(t.styles):[t]).reduce((e,t)=>e.concat(t),[])}(this.styles)),this}static setDefaultStrategy(e){x=e}static normalize(e){return void 0===e?void 0:Array.isArray(e)?new C(e):e instanceof C?e:new C([e])}}C.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const $=s(),A=Object.freeze({getForInstance:$.getForInstance,getByType:$.getByType,define:e=>($.register({type:e}),e)});function T(e,t){const r=[];let o="";const n=[],a=e=>{n.push(e)};for(let n=0,s=e.length-1;n<s;++n){o+=e[n];let s=t[n];void 0!==A.getForInstance(s)&&(s=s.createCSS(a)),s instanceof C||s instanceof CSSStyleSheet?(""!==o.trim()&&(r.push(o),o=""),r.push(s)):o+=s}return o+=e[e.length-1],""!==o.trim()&&r.push(o),{styles:r,behaviors:n}}const O=(e,...t)=>{const{styles:r,behaviors:o}=T(e,t),n=new C(r);return o.length?n.withBehaviors(...o):n};class z{constructor(e,t){this.behaviors=t,this.css="";const r=e.reduce((e,t)=>(u(t)?this.css+=t:e.push(t),e),[]);r.length&&(this.styles=new C(r))}createCSS(e){return this.behaviors.forEach(e),this.styles&&e(this),this.css}addedCallback(e){e.addStyles(this.styles)}removedCallback(e){e.removeStyles(this.styles)}}A.define(z),O.partial=(e,...t)=>{const{styles:r,behaviors:o}=T(e,t);return new z(r,o)};const L="fast-"+Math.random().toString(36).substring(2,8),H=L+"{",D="}"+L,M=D.length;let V=0;const R=()=>`${L}-${++V}`,I=Object.freeze({interpolation:e=>`${H}${e}${D}`,attribute:e=>`${R()}="${H}${e}${D}"`,comment:e=>`\x3c!--${H}${e}${D}--\x3e`}),_=Object.freeze({parse(e,t){const r=e.split(H);if(1===r.length)return null;const o=[];for(let e=0,n=r.length;e<n;++e){const n=r[e],a=n.indexOf(D);let s;if(-1===a)s=n;else{const e=n.substring(0,a);o.push(t[e]),s=n.substring(a+M)}""!==s&&o.push(s)}return o}}),j=s(),G=Object.freeze({getForInstance:j.getForInstance,getByType:j.getByType,define:(e,t)=>((t=t||{}).type=e,j.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?g.tokenList:g.property;break;case"?":e.targetAspect=t.substring(1),e.aspectType=g.booleanAttribute;break;case"@":e.targetAspect=t.substring(1),e.aspectType=g.event;break;default:e.targetAspect=t,e.aspectType=g.attribute}else e.aspectType=g.content}});class E{constructor(e,t,r=!1){this.evaluate=e,this.policy=t,this.isVolatile=r}}class X extends E{createObserver(e,t){return S.binding(this.evaluate,t,this.isVolatile)}}class q extends E{constructor(){super(...arguments),this.toJSON=h}createObserver(){return this}bind(e){return this.evaluate(e.source,e.context)}}const W={[g.attribute]:B.setAttribute,[g.booleanAttribute]:B.setBooleanAttribute,[g.property]:(e,t,r)=>e[t]=r,[g.content]:function(e,t,r,o){if(null==r&&(r=""),r.create){e.textContent="";let t=e.$fastView;void 0===t?t=r.create():e.$fastTemplate!==r&&(t.isComposed&&(t.remove(),t.unbind()),t=r.create()),t.isComposed?t.needsBindOnly&&(t.needsBindOnly=!1,t.bind(o.source,o.context)):(t.isComposed=!0,t.bind(o.source,o.context),t.insertBefore(e),e.$fastView=t,e.$fastTemplate=r)}else{const t=e.$fastView;void 0!==t&&t.isComposed&&(t.isComposed=!1,t.remove(),t.needsBindOnly?t.needsBindOnly=!1:t.unbind()),e.textContent=r}},[g.tokenList]:function(e,t,r){var o;const n=this.id+"-t",a=null!==(o=e[n])&&void 0!==o?o:e[n]={v:0,cv:Object.create(null)},s=a.cv;let i=a.v;const l=e[t];if(null!=r&&r.length){const e=r.split(/\s+/);for(let t=0,r=e.length;t<r;++t){const r=e[t];""!==r&&(s[r]=i,l.add(r))}}if(a.v=i+1,0!==i){i-=1;for(const e in s)s[e]===i&&l.remove(e)}},[g.event]:()=>{}};class Y{constructor(e){this.dataBinding=e,this.updateTarget=null,this.aspectType=g.content}createHTML(e){return I.interpolation(e(this))}createBehavior(){var e;if(null===this.updateTarget){const t=W[this.aspectType],r=null!==(e=this.dataBinding.policy)&&void 0!==e?e:this.policy;if(!t)throw a.error(1205);this.data=this.id+"-d",this.updateTarget=r.protect(this.targetTagName,this.aspectType,this.targetAspect,t)}return this}bind(e){var t;const r=e.targets[this.targetNodeId];switch(this.aspectType){case g.event:r[this.data]=e,r.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case g.content:e.onUnbind(this);default:const o=null!==(t=r[this.data])&&void 0!==t?t:r[this.data]=this.dataBinding.createObserver(this,this);o.target=r,o.controller=e,this.updateTarget(r,this.targetAspect,o.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){F.setEvent(e);const r=this.dataBinding.evaluate(t.source,t.context);F.setEvent(null),!0!==r&&e.preventDefault()}}handleChange(e,t){const r=t.target,o=t.controller;this.updateTarget(r,this.targetAspect,t.bind(o),o)}}function U(e,t,r=S.isVolatileBinding(e)){return new X(e,t,r)}function Q(e,t){return new q(e,t)}function K(e,t){const r=e.parentNode;let o,n=e;for(;n!==t;)o=n.nextSibling,r.removeChild(n),n=o;r.removeChild(t)}G.define(Y,{aspected:!0});class J{constructor(e,t,r){this.fragment=e,this.factories=t,this.targets=r,this.behaviors=null,this.unbindables=[],this.source=null,this.isBound=!1,this.sourceLifetime=P.unknown,this.context=this,this.index=0,this.length=0,this.toJSON=h,this.firstChild=e.firstChild,this.lastChild=e.lastChild}get event(){return F.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 r=e.parentNode;let o,n=this.firstChild;for(;n!==t;)o=n.nextSibling,r.insertBefore(n,e),n=o;r.insertBefore(t,e)}}remove(){const e=this.fragment,t=this.lastChild;let r,o=this.firstChild;for(;o!==t;)r=o.nextSibling,e.appendChild(o),o=r;e.appendChild(t)}dispose(){K(this.firstChild,this.lastChild),this.unbind()}onUnbind(e){this.unbindables.push(e)}bind(e,t=this){if(this.source===e)return;let r=this.behaviors;if(null===r){this.source=e,this.context=t,this.behaviors=r=new Array(this.factories.length);const o=this.factories;for(let e=0,t=o.length;e<t;++e){const t=o[e].createBehavior();t.bind(this),r[e]=t}}else{null!==this.source&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;for(let e=0,t=r.length;e<t;++e)r[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,r=e.length;t<r;++t)e[t].unbind(this);e.length=0}static disposeContiguousBatch(e){if(0!==e.length){K(e[0].firstChild,e[e.length-1].lastChild);for(let t=0,r=e.length;t<r;++t)e[t].unbind()}}}S.defineProperty(J.prototype,"index"),S.defineProperty(J.prototype,"length");const Z=(e,t)=>`${e}.${t}`,ee={},te={index:0,node:null};function re(e){e.startsWith("fast-")||a.warn(1204,{name:e})}const oe=new Proxy(document.createElement("div"),{get(e,t){re(t);const r=Reflect.get(e,t);return d(r)?r.bind(e):r},set:(e,t,r)=>(re(t),Reflect.set(e,t,r))});class ne{constructor(e,t,r){this.fragment=e,this.directives=t,this.policy=r,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(e,t,r,o,n){var a,s;this.nodeIds.has(r)||(this.nodeIds.add(r),this.addTargetDescriptor(t,r,o)),e.id=null!==(a=e.id)&&void 0!==a?a:R(),e.targetNodeId=r,e.targetTagName=n,e.policy=null!==(s=e.policy)&&void 0!==s?s:this.policy,this.factories.push(e)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(e,t,r){const o=this.descriptors;if("r"===t||"h"===t||o[t])return;if(!o[e]){const t=e.lastIndexOf("."),r=e.substring(0,t),o=parseInt(e.substring(t+1));this.addTargetDescriptor(r,e,o)}let n=ee[t];if(!n){const o="_"+t;ee[t]=n={get(){var t;return null!==(t=this[o])&&void 0!==t?t:this[o]=this[e].childNodes[r]}}}o[t]=n}createView(e){const t=this.fragment.cloneNode(!0),r=Object.create(this.proto);r.r=t,r.h=null!=e?e:oe;for(const e of this.nodeIds)r[e];return new J(t,this.factories,r)}}function ae(e,t,r,o,n,a=!1){const s=r.attributes,i=e.directives;for(let l=0,c=s.length;l<c;++l){const d=s[l],u=d.value,h=_.parse(u,i);let g=null;null===h?a&&(g=new Y(Q(()=>u,e.policy)),G.assignAspect(g,d.name)):g=le.aggregate(h,e.policy),null!==g&&(r.removeAttributeNode(d),l--,c--,e.addFactory(g,t,o,n,r.tagName))}}function se(e,t,r){let o=0,n=t.firstChild;for(;n;){const t=ie(e,r,n,o);n=t.node,o=t.index}}function ie(e,t,r,o){const n=Z(t,o);switch(r.nodeType){case 1:ae(e,t,r,n,o),se(e,r,n);break;case 3:return function(e,t,r,o,n){const a=_.parse(t.textContent,e.directives);if(null===a)return te.node=t.nextSibling,te.index=n+1,te;let s,i=s=t;for(let t=0,l=a.length;t<l;++t){const l=a[t];0!==t&&(n++,o=Z(r,n),s=i.parentNode.insertBefore(document.createTextNode(""),i.nextSibling)),u(l)?s.textContent=l:(s.textContent=" ",G.assignAspect(l),e.addFactory(l,r,o,n,null)),i=s}return te.index=n+1,te.node=i.nextSibling,te}(e,r,t,n,o);case 8:const a=_.parse(r.data,e.directives);null!==a&&e.addFactory(le.aggregate(a),t,n,o,null)}return te.index=o+1,te.node=r.nextSibling,te}const le={compile(e,t,r=B.policy){let o;if(u(e)){o=document.createElement("TEMPLATE"),o.innerHTML=r.createHTML(e);const t=o.content.firstElementChild;null!==t&&"TEMPLATE"===t.tagName&&(o=t)}else o=e;const n=document.adoptNode(o.content),a=new ne(n,t,r);var s,i;return ae(a,"",o,"h",0,!0),s=n.firstChild,i=t,(s&&8==s.nodeType&&null!==_.parse(s.data,i)||1===n.childNodes.length&&Object.keys(t).length>0)&&n.insertBefore(document.createComment(""),n.firstChild),se(a,n,"r"),te.node=null,a.freeze()},setDefaultStrategy(e){this.compile=e},aggregate(e,t=B.policy){if(1===e.length)return e[0];let r,o,n=!1,a=void 0;const s=e.length,i=e.map(e=>u(e)?()=>e:(r=e.sourceAspect||r,o=e.dataBinding||o,n=n||e.dataBinding.isVolatile,a=a||e.dataBinding.policy,e.dataBinding.evaluate));o.evaluate=(e,t)=>{let r="";for(let o=0;o<s;++o)r+=i[o](e,t);return r},o.isVolatile=n,o.policy=null!=a?a:t;const l=new Y(o);return G.assignAspect(l,r),l}},ce=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,de=Object.create(null);class ue{constructor(e,t=de){this.html=e,this.factories=t}createHTML(e){const t=this.factories;for(const r in t)e(t[r]);return this.html}}function he(e,t,r,o=G.getForInstance(e)){if(o.aspected){const r=ce.exec(t);null!==r&&G.assignAspect(e,r[2])}return e.createHTML(r)}ue.empty=new ue(""),G.define(ue);class ge{constructor(e,t={},r){this.policy=r,this.result=null,this.toJSON=h,this.html=e,this.factories=t}create(e){return null===this.result&&(this.result=le.compile(this.html,this.factories,this.policy)),this.result.createView(e)}inline(){return new ue(u(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(e){if(this.result)throw a.error(1208);if(this.policy)throw a.error(1207);return this.policy=e,this}render(e,t,r){const o=this.create(r);return o.bind(e),o.appendTo(t),o}static create(e,t,r){let o="";const n=Object.create(null),a=e=>{var t;const r=null!==(t=e.id)&&void 0!==t?t:e.id=R();return n[r]=e,r};for(let r=0,n=e.length-1;r<n;++r){const n=e[r];let s,i=t[r];if(o+=n,d(i))i=new Y(U(i));else if(i instanceof E)i=new Y(i);else if(!(s=G.getForInstance(i))){const e=i;i=new Y(Q(()=>e))}o+=he(i,n,a,s)}return new ge(o+e[e.length-1],n,r)}}const pe=(e,...t)=>{if(Array.isArray(e)&&Array.isArray(e.raw))return ge.create(e,t);throw a.error(1206)};pe.partial=e=>new ue(e);class fe extends class{constructor(e){this.options=e,this.toJSON=h}createHTML(e){return I.attribute(e(this))}createBehavior(){return this}}{bind(e){e.source[this.options]=e.targets[this.targetNodeId]}}G.define(fe);const ve=e=>new fe(e);function be(e,t){const r=d(e)?e:()=>e,o=d(t)?t:()=>t;return(e,t)=>r(e,t)?o(e,t):null}const Be=Object.freeze({locate:i()}),me={toView:e=>e?"true":"false",fromView:e=>null!=e&&"false"!==e&&!1!==e&&0!==e};function ke(e){if(null==e)return null;const t=1*e;return isNaN(t)?null:t}const ye={toView(e){const t=ke(e);return t?t.toString():t},fromView:ke};class Pe{constructor(e,t,r=t.toLowerCase(),o="reflect",n){this.guards=new Set,this.Owner=e,this.name=t,this.attribute=r,this.mode=o,this.converter=n,this.fieldName="_"+t,this.callbackName=t+"Changed",this.hasCallback=this.callbackName in e.prototype,"boolean"===o&&void 0===n&&(this.converter=me)}setValue(e,t){const r=e[this.fieldName],o=this.converter;void 0!==o&&(t=o.fromView(t)),r!==t&&(e[this.fieldName]=t,this.tryReflectToAttribute(e),this.hasCallback&&e[this.callbackName](r,t),e.$fastController.notify(this.name))}getValue(e){return S.track(e,this.name),e[this.fieldName]}onAttributeChangedCallback(e,t){this.guards.has(e)||(this.guards.add(e),this.setValue(e,t),this.guards.delete(e))}tryReflectToAttribute(e){const t=this.mode,r=this.guards;r.has(e)||"fromView"===t||m.enqueue(()=>{r.add(e);const o=e[this.fieldName];switch(t){case"reflect":const t=this.converter;B.setAttribute(e,this.attribute,void 0!==t?t.toView(o):o);break;case"boolean":B.setBooleanAttribute(e,this.attribute,o)}r.delete(e)})}static collect(e,...t){const r=[];t.push(Be.locate(e));for(let o=0,n=t.length;o<n;++o){const n=t[o];if(void 0!==n)for(let t=0,o=n.length;t<o;++t){const o=n[t];u(o)?r.push(new Pe(e,o)):r.push(new Pe(e,o.property,o.attribute,o.mode,o.converter))}}return r}}function Se(e,t){let r;function o(e,t){arguments.length>1&&(r.property=t),Be.locate(e.constructor).push(r)}return arguments.length>1?(r={},void o(e,t)):(r=void 0===e?{}:e,o)}const we={mode:"open"},Ne={},Fe=new Set,xe=a.getById(c.elementRegistry,()=>s());class Ce{constructor(e,t=e.definition){var r;this.platformDefined=!1,u(t)&&(t={name:t}),this.type=e,this.name=t.name,this.template=t.template,this.registry=null!==(r=t.registry)&&void 0!==r?r:customElements;const o=e.prototype,n=Pe.collect(e,t.attributes),a=new Array(n.length),s={},i={};for(let e=0,t=n.length;e<t;++e){const t=n[e];a[e]=t.attribute,s[t.name]=t,i[t.attribute]=t,S.defineProperty(o,t)}Reflect.defineProperty(e,"observedAttributes",{value:a,enumerable:!0}),this.attributes=n,this.propertyLookup=s,this.attributeLookup=i,this.shadowOptions=void 0===t.shadowOptions?we:null===t.shadowOptions?void 0:Object.assign(Object.assign({},we),t.shadowOptions),this.elementOptions=void 0===t.elementOptions?Ne:Object.assign(Object.assign({},Ne),t.elementOptions),this.styles=C.normalize(t.styles),xe.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 Fe.has(e)||xe.getByType(e)?new Ce(class extends e{},t):new Ce(e,t)}static registerBaseType(e){Fe.add(e)}}Ce.getByType=xe.getByType,Ce.getForInstance=xe.getForInstance;const $e={bubbles:!0,composed:!0,cancelable:!0},Ae=new WeakMap;function Te(e){var t,r;return null!==(r=null!==(t=e.shadowRoot)&&void 0!==t?t:Ae.get(e))&&void 0!==r?r:null}let Oe;class ze 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.toJSON=h,this.source=e,this.definition=t;const r=t.shadowOptions;if(void 0!==r){let t=e.shadowRoot;t?this.hasExistingShadowRoot=!0:(t=e.attachShadow(r),"closed"===r.mode&&Ae.set(e,t))}const o=S.getAccessors(e);if(o.length>0){const t=this.boundObservables=Object.create(null);for(let r=0,n=o.length;r<n;++r){const n=o[r].name,a=e[n];void 0!==a&&(delete e[n],t[n]=a)}}}get isConnected(){return S.track(this,"isConnected"),1===this.stage}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))}addBehavior(e){var t,r;const o=null!==(t=this.behaviors)&&void 0!==t?t:this.behaviors=new Map,n=null!==(r=o.get(e))&&void 0!==r?r:0;0===n?(o.set(e,1),e.addedCallback&&e.addedCallback(this),!e.connectedCallback||this.guardBehaviorConnection||1!==this.stage&&0!==this.stage||e.connectedCallback(this)):o.set(e,n+1)}removeBehavior(e,t=!1){const r=this.behaviors;if(null===r)return;const o=r.get(e);void 0!==o&&(1===o||t?(r.delete(e),e.disconnectedCallback&&3!==this.stage&&e.disconnectedCallback(this),e.removedCallback&&e.removedCallback(this)):r.set(e,o-1))}addStyles(e){var t;if(!e)return;const r=this.source;if(e instanceof HTMLElement){(null!==(t=Te(r))&&void 0!==t?t:this.source).append(e)}else if(!e.isAttachedTo(r)){const t=e.behaviors;if(e.addStylesTo(r),null!==t)for(let e=0,r=t.length;e<r;++e)this.addBehavior(t[e])}}removeStyles(e){var t;if(!e)return;const r=this.source;if(e instanceof HTMLElement){(null!==(t=Te(r))&&void 0!==t?t:r).removeChild(e)}else if(e.isAttachedTo(r)){const t=e.behaviors;if(e.removeStylesFrom(r),null!==t)for(let e=0,r=t.length;e<r;++e)this.addBehavior(t[e])}}connect(){if(3!==this.stage)return;if(this.stage=0,null!==this.boundObservables){const e=this.source,t=this.boundObservables,r=Object.keys(t);for(let o=0,n=r.length;o<n;++o){const n=r[o];e[n]=t[n]}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,S.notify(this,"isConnected")}disconnect(){if(1!==this.stage)return;this.stage=2,S.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,r){const o=this.definition.attributeLookup[e];void 0!==o&&o.onAttributeChangedCallback(this.source,r)}emit(e,t,r){return 1===this.stage&&this.source.dispatchEvent(new CustomEvent(e,Object.assign(Object.assign({detail:t},$e),r)))}renderTemplate(e){var t;const r=this.source,o=null!==(t=Te(r))&&void 0!==t?t:r;if(null!==this.view)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let e=o.firstChild;null!==e;e=o.firstChild)o.removeChild(e)}e&&(this.view=e.render(r,o,r),this.view.sourceLifetime=P.coupled)}static forCustomElement(e){const t=e.$fastController;if(void 0!==t)return t;const r=Ce.getForInstance(e);if(void 0===r)throw a.error(1401);return e.$fastController=new Oe(e,r)}static setStrategy(e){Oe=e}}function Le(e){var t;return"adoptedStyleSheets"in e?e:null!==(t=Te(e))&&void 0!==t?t:e.getRootNode()}ze.setStrategy(ze);class He{constructor(e){const t=He.styleSheetCache;this.sheets=e.map(e=>{if(e instanceof CSSStyleSheet)return e;let r=t.get(e);return void 0===r&&(r=new CSSStyleSheet,r.replaceSync(e),t.set(e,r)),r})}addStylesTo(e){const t=Le(e);t.adoptedStyleSheets=[...t.adoptedStyleSheets,...this.sheets]}removeStylesFrom(e){const t=Le(e),r=this.sheets;t.adoptedStyleSheets=t.adoptedStyleSheets.filter(e=>-1===r.indexOf(e))}}He.styleSheetCache=new Map;let De=0;function Me(e){return e===document?document.body:e}function Ve(e){const t=class extends e{constructor(){super(),ze.forCustomElement(this)}$emit(e,t,r){return this.$fastController.emit(e,t,r)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(e,t,r){this.$fastController.onAttributeChangedCallback(e,t,r)}};return Ce.registerBaseType(t),t}C.setDefaultStrategy(C.supportsAdoptedStyleSheets?He:class{constructor(e){this.styles=e,this.styleClass="fast-"+ ++De}addStylesTo(e){e=Me(Le(e));const t=this.styles,r=this.styleClass;for(let o=0;o<t.length;o++){const n=document.createElement("style");n.innerHTML=t[o],n.className=r,e.append(n)}}removeStylesFrom(e){const t=(e=Me(Le(e))).querySelectorAll("."+this.styleClass);for(let r=0,o=t.length;r<o;++r)e.removeChild(t[r])}});const Re=Object.assign(Ve(HTMLElement),{from:function(e){return Ve(e)},define:function(e,t){return d(e)?Ce.compose(e,t).define().type:Ce.compose(this,e).define().type},compose:function(e,t){return d(e)?Ce.compose(e,t):Ce.compose(this,e)}});function Ie(e){return e?"string"==typeof e?new ue(e):"inline"in e?e.inline():e:ue.empty}class _e{}function je(e,...t){const r=Be.locate(e);t.forEach(t=>{Object.getOwnPropertyNames(t.prototype).forEach(r=>{"constructor"!==r&&Object.defineProperty(e.prototype,r,Object.getOwnPropertyDescriptor(t.prototype,r))});Be.locate(t).forEach(e=>r.push(e))})}class Ge{constructor(e){this.value=e,this.notifier=S.getNotifier(this),this.dependencies=new Set,this.binding=S.binding(e,this),this.binding.setMode(!1)}static getOrCreate(e){let t=Ge.cache.get(e);return t||(t=new Ge(e),Ge.cache.set(e,t),t)}evaluate(e,t){return this.binding.observe(r=>{if(this.dependencies.add(r),t===r){if(e.parent)return e.parent.getTokenValue(r);throw new Error("DesignTokenNode has encountered a circular token reference. Avoid this by setting the token value for an ancestor node.")}return e.getTokenValue(r)})}handleChange(){this.notifier.notify(void 0)}}Ge.cache=new WeakMap;class Ee{constructor(e,t,r,o){this.token=e,this.evaluator=t,this.node=r,this.subscriber=o,this.value=t.evaluate(r,e),this.subscriber&&S.getNotifier(this.evaluator).subscribe(this.subscriber)}dispose(){this.subscriber&&S.getNotifier(this.evaluator).unsubscribe(this.subscriber)}update(){return this.value=this.evaluator.evaluate(this.node,this.token),this}}class Xe{constructor(e,t,r,o){this.target=e,this.type=t,this.token=r,this.value=o}notify(){S.getNotifier(this.token).notify(this)}}class qe{constructor(){this._parent=null,this._children=new Set,this._values=new Map,this._derived=new Map,this.dependencyGraph=new Map}static isDerivedTokenValue(e){return"function"==typeof e}static isDerivedFor(e,t){return e._derived.has(t)}static collectDerivedContext(e){const t=new Map;if(null===e.parent)return t;let r=qe.getAssignedTokensForNode(e),o=e.parent;do{const e=qe.getAssignedTokensForNode(o);for(let n=0,a=e.length;n<a;n++){const a=e[n];!r.includes(a)&&qe.isDerivedFor(o,a)&&t.set(a,o._derived.get(a))}r=Array.from(new Set(r.concat(e))),o=o.parent}while(null!==o);return t}static getLocalTokenValue(e,t){return qe.isAssigned(e,t)?qe.isDerivedFor(e,t)?e._derived.get(t).value:e._values.get(t):void 0}static getOrCreateDependencyGraph(e,t){let r=e.dependencyGraph.get(t);return r||(r=new Set,e.dependencyGraph.set(t,r),r)}static notify(){const e=this._notifications;this._notifications=[];for(const t of e)t.notify()}static queueNotification(...e){this._notifications.push(...e)}static getAssignedTokensForNode(e){return Array.from(e._values.keys())}static composeAssignedTokensForNode(e){const t=new Set(qe.getAssignedTokensForNode(e));let r=e.parent;for(;null!==r;){const e=qe.getAssignedTokensForNode(r);for(const r of e)t.add(r);r=r.parent}return Array.from(t)}static isAssigned(e,t){return e._values.has(t)}get parent(){return this._parent}get children(){return Array.from(this._children)}appendChild(e){var t,r;let o=null;null!==e.parent&&(o=qe.composeAssignedTokensForNode(e.parent),e.parent._children.delete(e));const n=qe.composeAssignedTokensForNode(this),a=qe.collectDerivedContext(this);e._parent=this,this._children.add(e);for(const r of n){let n=0;if(null!==o){const e=o.indexOf(r);-1!==e&&(n=1,o.splice(e,1))}e.dispatch(new Xe(this,n,r,null===(t=a.get(r))||void 0===t?void 0:t.evaluator.value))}if(null!==o&&o.length>0)for(const t of o)e.dispatch(new Xe(this,2,t,null===(r=a.get(t))||void 0===r?void 0:r.evaluator.value));qe.notify()}removeChild(e){if(e.parent===this){const t=qe.composeAssignedTokensForNode(this);e._parent=null,this._children.delete(e);for(const r of t)e.dispatch(new Xe(this,2,r));qe.notify()}}dispose(){this.parent&&(this.parent._children.delete(this),this._parent=null);for(const[,e]of this._derived)e.dispose()}setTokenValue(e,t){const r=qe.isAssigned(this,e)||qe.isDerivedFor(this,e)?1:0,o=qe.getLocalTokenValue(this,e);this._values.set(e,t),qe.isDerivedFor(this,e)&&this.tearDownDerivedTokenValue(e);const n=qe.isDerivedTokenValue(t),a=qe.collectDerivedContext(this);let s;if(n){s=this.setupDerivedTokenValue(e,t,!0).value}else s=t;o!==s&&qe.queueNotification(new Xe(this,r,e,t)),this.dispatch(new Xe(this,r,e,t)),a.forEach((e,t)=>{if(!qe.isDerivedFor(this,t)){qe.getLocalTokenValue(this,t)!==(e=this.setupDerivedTokenValue(t,e.evaluator.value)).value&&qe.queueNotification(new Xe(this,1,t,e.evaluator.value)),this.dispatch(new Xe(this,0,t,e.evaluator.value))}}),qe.notify()}getTokenValue(e){let t,r=this;for(;null!==r;){if(qe.isDerivedFor(r,e)){t=r._derived.get(e).value;break}if(qe.isAssigned(r,e)){t=r._values.get(e);break}r=r._parent}if(void 0!==t)return t;throw new Error(`No value set for token ${e} in node tree.`)}deleteTokenValue(e){if(qe.isAssigned(this,e)){const t=qe.getLocalTokenValue(this,e);let r;this._values.delete(e),this.tearDownDerivedTokenValue(e);try{r=this.getTokenValue(e)}catch(e){r=void 0}qe.queueNotification(new Xe(this,2,e)),t!==r&&this.dispatch(new Xe(this,2,e)),qe.notify()}}dispatch(e){var t,r,o;if(this!==e.target){const{token:n}=e,a=qe.isAssigned(this,n),s=a&&(null===(t=this._derived.get(n))||void 0===t?void 0:t.evaluator.dependencies.has(n));if(a&&!s)return;2===e.type&&!a&&qe.isDerivedFor(this,n)&&(this.tearDownDerivedTokenValue(n),qe.queueNotification(new Xe(this,2,n))),s&&(e=new Xe(this,1,n,null===(r=this._derived.get(n))||void 0===r?void 0:r.evaluator.value));const{value:i}=e;if(i&&qe.isDerivedTokenValue(i)){const t=Ge.getOrCreate(i).dependencies;let r=!1;for(const e of t)if(qe.isAssigned(this,e)){r=!0;break}if(r){const t=null===(o=this._derived.get(n))||void 0===o?void 0:o.value,r=this.setupDerivedTokenValue(n,i);if(t!==r.value){const o=new Xe(this,void 0===t?0:1,n,r.evaluator.value);qe.queueNotification(o),e=o}}}}this.collectLocalChangeRecords(e).forEach(e=>{qe.queueNotification(e),this.dispatch(e)}),this.notifyChildren(e)}collectLocalChangeRecords(e){const t=new Map;for(const r of qe.getOrCreateDependencyGraph(this,e.token))r.value!==r.update().value&&t.set(r.token,new Xe(this,1,r.token,r.evaluator.value));return t}notifyChildren(...e){if(this.children.length)for(let t=0,r=this.children.length;t<r;t++)for(let r=0;r<e.length;r++)this.children[t].dispatch(e[r])}tearDownDerivedTokenValue(e){if(qe.isDerivedFor(this,e)){const t=this._derived.get(e);t.dispose(),this._derived.delete(e),t.evaluator.dependencies.forEach(e=>{qe.getOrCreateDependencyGraph(this,e).delete(t)})}}setupDerivedTokenValue(e,t,r=!1){const o=new Ee(e,Ge.getOrCreate(t),this,r?{handleChange:()=>{if(o.value!==o.update().value){const e=new Xe(this,1,o.token,o.evaluator.value);qe.queueNotification(e),this.dispatch(e),qe.notify()}}}:void 0);return this._derived.set(e,o),o.evaluator.dependencies.forEach(t=>{t!==e&&qe.getOrCreateDependencyGraph(this,t).add(o)}),o}}qe._notifications=[];class We{setProperty(e,t){m.enqueue(()=>this.target.setProperty(e,t))}removeProperty(e){m.enqueue(()=>this.target.removeProperty(e))}}class Ye extends We{constructor(){super();const e=new CSSStyleSheet;this.target=e.cssRules[e.insertRule(":root{}")].style,document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}}class Ue extends We{constructor(){super(),this.style=document.createElement("style"),document.head.appendChild(this.style);const{sheet:e}=this.style;if(e){const t=e.insertRule(":root{}",e.cssRules.length);this.target=e.cssRules[t].style}}}class Qe{constructor(e){this.store=new Map,this.target=null;const t=e.$fastController;this.style=document.createElement("style"),t.addStyles(this.style),S.getNotifier(t).subscribe(this,"isConnected"),this.handleChange(t,"isConnected")}targetChanged(){if(null!==this.target)for(const[e,t]of this.store.entries())this.target.setProperty(e,t)}setProperty(e,t){this.store.set(e,t),m.enqueue(()=>{null!==this.target&&this.target.setProperty(e,t)})}removeProperty(e){this.store.delete(e),m.enqueue(()=>{null!==this.target&&this.target.removeProperty(e)})}handleChange(e,t){const{sheet:r}=this.style;if(r){const e=r.insertRule(":host{}",r.cssRules.length);this.target=r.cssRules[e].style}else this.target=null}}r([w],Qe.prototype,"target",void 0);class Ke{setProperty(e,t){Ke.properties[e]=t;for(const r of Ke.roots.values())r.setProperty(e,t)}removeProperty(e){delete Ke.properties[e];for(const t of Ke.roots.values())t.removeProperty(e)}static registerRoot(e){const{roots:t}=Ke;if(!t.has(e)){t.add(e);for(const t in Ke.properties)e.setProperty(t,Ke.properties[t])}}static unregisterRoot(e){const{roots:t}=Ke;if(t.has(e)){t.delete(e);for(const t in Ke.properties)e.removeProperty(t)}}}Ke.roots=new Set,Ke.properties={};const Je=new WeakMap,Ze=C.supportsAdoptedStyleSheets?class extends We{constructor(e){super();const t=new CSSStyleSheet;this.target=t.cssRules[t.insertRule(":host{}")].style,e.$fastController.addStyles(new C([t]))}}:Qe,et=Object.freeze({getOrCreate(e){if(Je.has(e))return Je.get(e);let t;return t=e instanceof Document?C.supportsAdoptedStyleSheets?new Ye:new Ue:new Ze(e),Je.set(e,t),t}});class tt{constructor(e){this.subscriberNotifier={handleChange:(e,t)=>{const r={target:t.target===at.defaultNode?"default":t.target.target,token:this};this.subscribers.notify(r)}},this.name=e.name,S.getNotifier(this).subscribe(this.subscriberNotifier)}get $value(){return this.default}get default(){return at.defaultNode.getTokenValue(this)}get subscribers(){return this._subscribers||(this._subscribers=new k(this)),this._subscribers}static isCSSDesignTokenConfiguration(e){return"string"==typeof e.cssCustomPropertyName}static create(e){return"string"==typeof e?new rt({name:e,cssCustomPropertyName:e}):tt.isCSSDesignTokenConfiguration(e)?new rt(e):new tt(e)}static withStrategy(e){at.withStrategy(e)}static registerDefaultStyleTarget(e=document){(e instanceof Re||e instanceof Document)&&(e=et.getOrCreate(e)),Ke.registerRoot(e)}static unregisterDefaultStyleTarget(e=document){(e instanceof Re||e instanceof Document)&&(e=et.getOrCreate(e)),Ke.unregisterRoot(e)}getValueFor(e){return at.getOrCreate(e).getTokenValue(this)}setValueFor(e,t){at.getOrCreate(e).setTokenValue(this,this.normalizeValue(t))}deleteValueFor(e){return at.getOrCreate(e).deleteTokenValue(this),this}withDefault(e){return at.defaultNode.setTokenValue(this,this.normalizeValue(e)),this}subscribe(e){this.subscribers.subscribe(e)}unsubscribe(e){this.subscribers.unsubscribe(e)}alias(e){return t=>t(e)}normalizeValue(e){return e instanceof tt&&(e=this.alias(e)),e}}let rt=class extends tt{constructor(e){super(e),this.cssReflector={handleChange:(e,t)=>{const r=t.target===at.defaultNode?at.rootStyleSheetTarget:t.target instanceof at?et.getOrCreate(t.target.target):null;r&&(2===t.type?r.removeProperty(this.cssCustomProperty):r.setProperty(this.cssCustomProperty,this.resolveCSSValue(t.target.getTokenValue(this))))}},this.cssCustomProperty="--"+e.cssCustomPropertyName,this.cssVar=`var(${this.cssCustomProperty})`,S.getNotifier(this).subscribe(this.cssReflector)}createCSS(){return this.cssVar}createHTML(){return this.cssVar}resolveCSSValue(e){return e&&"function"==typeof e.createCSS?e.createCSS():e}};var ot;rt=r([function(e){A.define(e)},function(e){G.define(e,ot)}],rt);const nt={contains:e,parent(e){let r=t(e);for(;null!==r;){if(r instanceof Re)return r;r=t(r)}return null}};class at extends qe{constructor(e){super(),this.target=e,this.setTokenValue=this.lazyAttachToDefault(super.setTokenValue),this.getTokenValue=this.lazyAttachToDefault(super.getTokenValue),this.deleteTokenValue=this.lazyAttachToDefault(super.deleteTokenValue)}static get strategy(){return void 0===this._strategy&&at.withStrategy(nt),this._strategy}connectedCallback(e){let t=at.findParent(e.source);if(null===t&&(t=at.defaultNode),t!==this.parent){const r=[];for(const o of t.children)o instanceof at&&at.strategy.contains(e.source,o.target)&&r.push(o);t.appendChild(this);for(const e of r)this.appendChild(e)}}disconnectedCallback(e){at.cache.delete(this.target),this.dispose()}static getOrCreate(e){let t=at.cache.get(e);return t||(t=new at(e),at.cache.set(e,t),e.$fastController.addBehavior(at.strategy),e.$fastController.addBehavior(t),t)}static withStrategy(e){this._strategy=e}static findParent(e){let t=at.strategy.parent(e);for(;null!==t;){const e=at.cache.get(t);if(e)return e;t=at.strategy.parent(t)}return null}lazyAttachToDefault(e){return(...t)=>(null===this.parent&&at.defaultNode.appendChild(this),e.apply(this,t))}}at.defaultNode=new qe,at.rootStyleSheetTarget=new Ke,at.cache=new WeakMap;class st extends Re{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,r="number"==typeof this.value?this.value:0,o=t-e;this.percentComplete=0===o?0:Math.fround((r-e)/o*100)}}r([Se({converter:ye})],st.prototype,"value",void 0),r([Se({converter:ye})],st.prototype,"min",void 0),r([Se({converter:ye})],st.prototype,"max",void 0),r([w],st.prototype,"percentComplete",void 0);class it extends st{}class lt extends st{}function ct(e){return`:host([hidden]){display:none}:host{display:${e}}`}const dt={filled:"filled",ghost:"ghost",outline:"outline",tint:"tint"},ut={brand:"brand",danger:"danger",important:"important",informative:"informative",severe:"severe",subtle:"subtle",success:"success",warning:"warning"},ht={circular:"circular",rounded:"rounded",square:"square"},gt={tiny:"tiny",extraSmall:"extra-small",small:"small",medium:"medium",large:"large",extraLarge:"extra-large"};class pt extends Re{constructor(){super(...arguments),this.appearance=dt.filled,this.color=ut.brand}}function ft(e={}){return pe` ${function(e){return pe`<slot name="start" ${ve("start")}>${Ie(e.start)}</slot>`.inline()}(e)}<slot>${Ie(e.defaultContent)}</slot>${function(e){return pe`<slot name="end" ${ve("end")}>${Ie(e.end)}</slot>`.inline()}(e)} `}r([Se],pt.prototype,"appearance",void 0),r([Se],pt.prototype,"color",void 0),r([Se],pt.prototype,"shape",void 0),r([Se],pt.prototype,"size",void 0),je(pt,_e);const vt=ft(),{create:bt}=tt,Bt=bt("borderRadiusNone"),mt=bt("borderRadiusSmall"),kt=bt("borderRadiusMedium"),yt=bt("borderRadiusLarge"),Pt=bt("borderRadiusXLarge"),St=bt("borderRadiusCircular"),wt=bt("fontSizeBase100"),Nt=bt("fontSizeBase200"),Ft=bt("fontSizeBase300"),xt=bt("fontSizeBase400"),Ct=bt("fontSizeBase500"),$t=bt("fontSizeBase600"),At=bt("fontSizeHero700"),Tt=bt("fontSizeHero800"),Ot=bt("fontSizeHero900"),zt=bt("fontSizeHero1000"),Lt=bt("lineHeightBase100"),Ht=bt("lineHeightBase200"),Dt=bt("lineHeightBase300"),Mt=bt("lineHeightBase400"),Vt=bt("lineHeightBase500"),Rt=bt("lineHeightBase600"),It=bt("lineHeightHero700"),_t=bt("lineHeightHero800"),jt=bt("lineHeightHero900"),Gt=bt("lineHeightHero1000"),Et=bt("fontFamilyBase"),Xt=bt("fontFamilyMonospace"),qt=bt("fontFamilyNumeric"),Wt=bt("fontWeightRegular"),Yt=bt("fontWeightMedium"),Ut=bt("fontWeightSemibold"),Qt=bt("fontWeightBold"),Kt=bt("strokeWidthThin"),Jt=bt("strokeWidthThick"),Zt=bt("strokeWidthThicker"),er=bt("strokeWidthThickest"),tr=bt("spacingHorizontalNone"),rr=bt("spacingHorizontalXXS"),or=bt("spacingHorizontalXS"),nr=bt("spacingHorizontalSNudge"),ar=bt("spacingHorizontalS"),sr=bt("spacingHorizontalMNudge"),ir=bt("spacingHorizontalM"),lr=bt("spacingHorizontalL"),cr=bt("spacingHorizontalXL"),dr=bt("spacingHorizontalXXL"),ur=bt("spacingHorizontalXXXL"),hr=bt("spacingVerticalNone"),gr=bt("spacingVerticalXXS"),pr=bt("spacingVerticalXS"),fr=bt("spacingVerticalSNudge"),vr=bt("spacingVerticalS"),br=bt("spacingVerticalMNudge"),Br=bt("spacingVerticalM"),mr=bt("spacingVerticalL"),kr=bt("spacingVerticalXL"),yr=bt("spacingVerticalXXL"),Pr=bt("spacingVerticalXXXL"),Sr=bt("durationUltraFast"),wr=bt("durationFaster"),Nr=bt("durationFast"),Fr=bt("durationNormal"),xr=bt("durationSlow"),Cr=bt("durationSlower"),$r=bt("durationUltraSlow"),Ar=bt("curveAccelerateMax"),Tr=bt("curveAccelerateMid"),Or=bt("curveAccelerateMin"),zr=bt("curveDecelerateMax"),Lr=bt("curveDecelerateMid"),Hr=bt("curveDecelerateMin"),Dr=bt("curveEasyEaseMax"),Mr=bt("curveEasyEase"),Vr=bt("curveLinear"),Rr=bt("colorNeutralForeground1"),Ir=bt("colorNeutralForeground1Hover"),_r=bt("colorNeutralForeground1Pressed"),jr=bt("colorNeutralForeground1Selected"),Gr=bt("colorNeutralForeground2"),Er=bt("colorNeutralForeground2Hover"),Xr=bt("colorNeutralForeground2Pressed"),qr=bt("colorNeutralForeground2Selected"),Wr=bt("colorNeutralForeground2BrandHover"),Yr=bt("colorNeutralForeground2BrandPressed"),Ur=bt("colorNeutralForeground2BrandSelected"),Qr=bt("colorNeutralForeground3"),Kr=bt("colorNeutralForeground3Hover"),Jr=bt("colorNeutralForeground3Pressed"),Zr=bt("colorNeutralForeground3Selected"),eo=bt("colorNeutralForeground3BrandHover"),to=bt("colorNeutralForeground3BrandPressed"),ro=bt("colorNeutralForeground3BrandSelected"),oo=bt("colorNeutralForeground4"),no=bt("colorNeutralForegroundDisabled"),ao=bt("colorNeutralForegroundInvertedDisabled"),so=bt("colorBrandForegroundLink"),io=bt("colorBrandForegroundLinkHover"),lo=bt("colorBrandForegroundLinkPressed"),co=bt("colorBrandForegroundLinkSelected"),uo=bt("colorNeutralForeground2Link"),ho=bt("colorNeutralForeground2LinkHover"),go=bt("colorNeutralForeground2LinkPressed"),po=bt("colorNeutralForeground2LinkSelected"),fo=bt("colorCompoundBrandForeground1"),vo=bt("colorCompoundBrandForeground1Hover"),bo=bt("colorCompoundBrandForeground1Pressed"),Bo=bt("colorBrandForeground1"),mo=bt("colorBrandForeground2"),ko=bt("colorNeutralForeground1Static"),yo=bt("colorNeutralForegroundStaticInverted"),Po=bt("colorNeutralForegroundInverted"),So=bt("colorNeutralForegroundInvertedHover"),wo=bt("colorNeutralForegroundInvertedPressed"),No=bt("colorNeutralForegroundInvertedSelected"),Fo=bt("colorNeutralForegroundInverted2"),xo=bt("colorNeutralForegroundOnBrand"),Co=bt("colorNeutralForegroundInvertedLink"),$o=bt("colorNeutralForegroundInvertedLinkHover"),Ao=bt("colorNeutralForegroundInvertedLinkPressed"),To=bt("colorNeutralForegroundInvertedLinkSelected"),Oo=bt("colorBrandForegroundInverted"),zo=bt("colorBrandForegroundInvertedHover"),Lo=bt("colorBrandForegroundInvertedPressed"),Ho=bt("colorBrandForegroundOnLight"),Do=bt("colorBrandForegroundOnLightHover"),Mo=bt("colorBrandForegroundOnLightPressed"),Vo=bt("colorBrandForegroundOnLightSelected"),Ro=bt("colorNeutralBackground1"),Io=bt("colorNeutralBackground1Hover"),_o=bt("colorNeutralBackground1Pressed"),jo=bt("colorNeutralBackground1Selected"),Go=bt("colorNeutralBackground2"),Eo=bt("colorNeutralBackground2Hover"),Xo=bt("colorNeutralBackground2Pressed"),qo=bt("colorNeutralBackground2Selected"),Wo=bt("colorNeutralBackground3"),Yo=bt("colorNeutralBackground3Hover"),Uo=bt("colorNeutralBackground3Pressed"),Qo=bt("colorNeutralBackground3Selected"),Ko=bt("colorNeutralBackground4"),Jo=bt("colorNeutralBackground4Hover"),Zo=bt("colorNeutralBackground4Pressed"),en=bt("colorNeutralBackground4Selected"),tn=bt("colorNeutralBackground5"),rn=bt("colorNeutralBackground5Hover"),on=bt("colorNeutralBackground5Pressed"),nn=bt("colorNeutralBackground5Selected"),an=bt("colorNeutralBackground6"),sn=bt("colorNeutralBackgroundInverted"),ln=bt("colorNeutralBackgroundStatic"),cn=bt("colorSubtleBackground"),dn=bt("colorSubtleBackgroundHover"),un=bt("colorSubtleBackgroundPressed"),hn=bt("colorSubtleBackgroundSelected"),gn=bt("colorSubtleBackgroundLightAlphaHover"),pn=bt("colorSubtleBackgroundLightAlphaPressed"),fn=bt("colorSubtleBackgroundLightAlphaSelected"),vn=bt("colorSubtleBackgroundInverted"),bn=bt("colorSubtleBackgroundInvertedHover"),Bn=bt("colorSubtleBackgroundInvertedPressed"),mn=bt("colorSubtleBackgroundInvertedSelected"),kn=bt("colorTransparentBackground"),yn=bt("colorTransparentBackgroundHover"),Pn=bt("colorTransparentBackgroundPressed"),Sn=bt("colorTransparentBackgroundSelected"),wn=bt("colorNeutralBackgroundDisabled"),Nn=bt("colorNeutralBackgroundInvertedDisabled"),Fn=bt("colorNeutralStencil1"),xn=bt("colorNeutralStencil2"),Cn=bt("colorBackgroundOverlay"),$n=bt("colorScrollbarOverlay"),An=bt("colorBrandBackground"),Tn=bt("colorBrandBackgroundHover"),On=bt("colorBrandBackgroundPressed"),zn=bt("colorBrandBackgroundSelected"),Ln=bt("colorCompoundBrandBackground"),Hn=bt("colorCompoundBrandBackgroundHover"),Dn=bt("colorCompoundBrandBackgroundPressed"),Mn=bt("colorBrandBackgroundStatic"),Vn=bt("colorBrandBackground2"),Rn=bt("colorBrandBackgroundInverted"),In=bt("colorBrandBackgroundInvertedHover"),_n=bt("colorBrandBackgroundInvertedPressed"),jn=bt("colorBrandBackgroundInvertedSelected"),Gn=bt("colorNeutralStrokeAccessible"),En=bt("colorNeutralStrokeAccessibleHover"),Xn=bt("colorNeutralStrokeAccessiblePressed"),qn=bt("colorNeutralStrokeAccessibleSelected"),Wn=bt("colorNeutralStroke1"),Yn=bt("colorNeutralStroke1Hover"),Un=bt("colorNeutralStroke1Pressed"),Qn=bt("colorNeutralStroke1Selected"),Kn=bt("colorNeutralStroke2"),Jn=bt("colorNeutralStroke3"),Zn=bt("colorNeutralStrokeOnBrand"),ea=bt("colorNeutralStrokeOnBrand2"),ta=bt("colorNeutralStrokeOnBrand2Hover"),ra=bt("colorNeutralStrokeOnBrand2Pressed"),oa=bt("colorNeutralStrokeOnBrand2Selected"),na=bt("colorBrandStroke1"),aa=bt("colorBrandStroke2"),sa=bt("colorCompoundBrandStroke"),ia=bt("colorCompoundBrandStrokeHover"),la=bt("colorCompoundBrandStrokePressed"),ca=bt("colorNeutralStrokeDisabled"),da=bt("colorNeutralStrokeInvertedDisabled"),ua=bt("colorTransparentStroke"),ha=bt("colorTransparentStrokeInteractive"),ga=bt("colorTransparentStrokeDisabled"),pa=bt("colorStrokeFocus1"),fa=bt("colorStrokeFocus2"),va=bt("colorNeutralShadowAmbient"),ba=bt("colorNeutralShadowKey"),Ba=bt("colorNeutralShadowAmbientLighter"),ma=bt("colorNeutralShadowKeyLighter"),ka=bt("colorNeutralShadowAmbientDarker"),ya=bt("colorNeutralShadowKeyDarker"),Pa=bt("colorBrandShadowAmbient"),Sa=bt("colorBrandShadowKey"),wa=bt("colorPaletteRedBackground1"),Na=bt("colorPaletteRedBackground2"),Fa=bt("colorPaletteRedBackground3"),xa=bt("colorPaletteRedForeground1"),Ca=bt("colorPaletteRedForeground2"),$a=bt("colorPaletteRedForeground3"),Aa=bt("colorPaletteRedBorderActive"),Ta=bt("colorPaletteRedBorder1"),Oa=bt("colorPaletteRedBorder2"),za=bt("colorPaletteGreenBackground1"),La=bt("colorPaletteGreenBackground2"),Ha=bt("colorPaletteGreenBackground3"),Da=bt("colorPaletteGreenForeground1"),Ma=bt("colorPaletteGreenForeground2"),Va=bt("colorPaletteGreenForeground3"),Ra=bt("colorPaletteGreenBorderActive"),Ia=bt("colorPaletteGreenBorder1"),_a=bt("colorPaletteGreenBorder2"),ja=bt("colorPaletteDarkOrangeBackground1"),Ga=bt("colorPaletteDarkOrangeBackground2"),Ea=bt("colorPaletteDarkOrangeBackground3"),Xa=bt("colorPaletteDarkOrangeForeground1"),qa=bt("colorPaletteDarkOrangeForeground2"),Wa=bt("colorPaletteDarkOrangeForeground3"),Ya=bt("colorPaletteDarkOrangeBorderActive"),Ua=bt("colorPaletteDarkOrangeBorder1"),Qa=bt("colorPaletteDarkOrangeBorder2"),Ka=bt("colorPaletteYellowBackground1"),Ja=bt("colorPaletteYellowBackground2"),Za=bt("colorPaletteYellowBackground3"),es=bt("colorPaletteYellowForeground1"),ts=bt("colorPaletteYellowForeground2"),rs=bt("colorPaletteYellowForeground3"),os=bt("colorPaletteYellowBorderActive"),ns=bt("colorPaletteYellowBorder1"),as=bt("colorPaletteYellowBorder2"),ss=bt("colorPaletteBerryBackground1"),is=bt("colorPaletteBerryBackground2"),ls=bt("colorPaletteBerryBackground3"),cs=bt("colorPaletteBerryForeground1"),ds=bt("colorPaletteBerryForeground2"),us=bt("colorPaletteBerryForeground3"),hs=bt("colorPaletteBerryBorderActive"),gs=bt("colorPaletteBerryBorder1"),ps=bt("colorPaletteBerryBorder2"),fs=bt("colorPaletteLightGreenBackground1"),vs=bt("colorPaletteLightGreenBackground2"),bs=bt("colorPaletteLightGreenBackground3"),Bs=bt("colorPaletteLightGreenForeground1"),ms=bt("colorPaletteLightGreenForeground2"),ks=bt("colorPaletteLightGreenForeground3"),ys=bt("colorPaletteLightGreenBorderActive"),Ps=bt("colorPaletteLightGreenBorder1"),Ss=bt("colorPaletteLightGreenBorder2"),ws=bt("colorPaletteMarigoldBackground1"),Ns=bt("colorPaletteMarigoldBackground2"),Fs=bt("colorPaletteMarigoldBackground3"),xs=bt("colorPaletteMarigoldForeground1"),Cs=bt("colorPaletteMarigoldForeground2"),$s=bt("colorPaletteMarigoldForeground3"),As=bt("colorPaletteMarigoldBorderActive"),Ts=bt("colorPaletteMarigoldBorder1"),Os=bt("colorPaletteMarigoldBorder2"),zs=bt("colorPaletteDarkRedBackground2"),Ls=bt("colorPaletteDarkRedForeground2"),Hs=bt("colorPaletteDarkRedBorderActive"),Ds=bt("colorPaletteCranberryBackground2"),Ms=bt("colorPaletteCranberryForeground2"),Vs=bt("colorPaletteCranberryBorderActive"),Rs=bt("colorPalettePumpkinBackground2"),Is=bt("colorPalettePumpkinForeground2"),_s=bt("colorPalettePumpkinBorderActive"),js=bt("colorPalettePeachBackground2"),Gs=bt("colorPalettePeachForeground2"),Es=bt("colorPalettePeachBorderActive"),Xs=bt("colorPaletteGoldBackground2"),qs=bt("colorPaletteGoldForeground2"),Ws=bt("colorPaletteGoldBorderActive"),Ys=bt("colorPaletteBrassBackground2"),Us=bt("colorPaletteBrassForeground2"),Qs=bt("colorPaletteBrassBorderActive"),Ks=bt("colorPaletteBrownBackground2"),Js=bt("colorPaletteBrownForeground2"),Zs=bt("colorPaletteBrownBorderActive"),ei=bt("colorPaletteForestBackground2"),ti=bt("colorPaletteForestForeground2"),ri=bt("colorPaletteForestBorderActive"),oi=bt("colorPaletteSeafoamBackground2"),ni=bt("colorPaletteSeafoamForeground2"),ai=bt("colorPaletteSeafoamBorderActive"),si=bt("colorPaletteDarkGreenBackground2"),ii=bt("colorPaletteDarkGreenForeground2"),li=bt("colorPaletteDarkGreenBorderActive"),ci=bt("colorPaletteLightTealBackground2"),di=bt("colorPaletteLightTealForeground2"),ui=bt("colorPaletteLightTealBorderActive"),hi=bt("colorPaletteTealBackground2"),gi=bt("colorPaletteTealForeground2"),pi=bt("colorPaletteTealBorderActive"),fi=bt("colorPaletteSteelBackground2"),vi=bt("colorPaletteSteelForeground2"),bi=bt("colorPaletteSteelBorderActive"),Bi=bt("colorPaletteBlueBackground2"),mi=bt("colorPaletteBlueForeground2"),ki=bt("colorPaletteBlueBorderActive"),yi=bt("colorPaletteRoyalBlueBackground2"),Pi=bt("colorPaletteRoyalBlueForeground2"),Si=bt("colorPaletteRoyalBlueBorderActive"),wi=bt("colorPaletteCornflowerBackground2"),Ni=bt("colorPaletteCornflowerForeground2"),Fi=bt("colorPaletteCornflowerBorderActive"),xi=bt("colorPaletteNavyBackground2"),Ci=bt("colorPaletteNavyForeground2"),$i=bt("colorPaletteNavyBorderActive"),Ai=bt("colorPaletteLavenderBackground2"),Ti=bt("colorPaletteLavenderForeground2"),Oi=bt("colorPaletteLavenderBorderActive"),zi=bt("colorPalettePurpleBackground2"),Li=bt("colorPalettePurpleForeground2"),Hi=bt("colorPalettePurpleBorderActive"),Di=bt("colorPaletteGrapeBackground2"),Mi=bt("colorPaletteGrapeForeground2"),Vi=bt("colorPaletteGrapeBorderActive"),Ri=bt("colorPaletteLilacBackground2"),Ii=bt("colorPaletteLilacForeground2"),_i=bt("colorPaletteLilacBorderActive"),ji=bt("colorPalettePinkBackground2"),Gi=bt("colorPalettePinkForeground2"),Ei=bt("colorPalettePinkBorderActive"),Xi=bt("colorPaletteMagentaBackground2"),qi=bt("colorPaletteMagentaForeground2"),Wi=bt("colorPaletteMagentaBorderActive"),Yi=bt("colorPalettePlumBackground2"),Ui=bt("colorPalettePlumForeground2"),Qi=bt("colorPalettePlumBorderActive"),Ki=bt("colorPaletteBeigeBackground2"),Ji=bt("colorPaletteBeigeForeground2"),Zi=bt("colorPaletteBeigeBorderActive"),el=bt("colorPaletteMinkBackground2"),tl=bt("colorPaletteMinkForeground2"),rl=bt("colorPaletteMinkBorderActive"),ol=bt("colorPalettePlatinumBackground2"),nl=bt("colorPalettePlatinumForeground2"),al=bt("colorPalettePlatinumBorderActive"),sl=bt("colorPaletteAnchorBackground2"),il=bt("colorPaletteAnchorForeground2"),ll=bt("colorPaletteAnchorBorderActive"),cl=bt("shadow2"),dl=bt("shadow4"),ul=bt("shadow8"),hl=bt("shadow16"),gl=bt("shadow28"),pl=bt("shadow64"),fl=bt("shadow2Brand"),vl=bt("shadow4Brand"),bl=bt("shadow8Brand"),Bl=bt("shadow16Brand"),ml=bt("shadow28Brand"),kl=bt("shadow64Brand");var yl=Object.freeze({__proto__:null,borderRadiusNone:Bt,borderRadiusSmall:mt,borderRadiusMedium:kt,borderRadiusLarge:yt,borderRadiusXLarge:Pt,borderRadiusCircular:St,fontSizeBase100:wt,fontSizeBase200:Nt,fontSizeBase300:Ft,fontSizeBase400:xt,fontSizeBase500:Ct,fontSizeBase600:$t,fontSizeHero700:At,fontSizeHero800:Tt,fontSizeHero900:Ot,fontSizeHero1000:zt,lineHeightBase100:Lt,lineHeightBase200:Ht,lineHeightBase300:Dt,lineHeightBase400:Mt,lineHeightBase500:Vt,lineHeightBase600:Rt,lineHeightHero700:It,lineHeightHero800:_t,lineHeightHero900:jt,lineHeightHero1000:Gt,fontFamilyBase:Et,fontFamilyMonospace:Xt,fontFamilyNumeric:qt,fontWeightRegular:Wt,fontWeightMedium:Yt,fontWeightSemibold:Ut,fontWeightBold:Qt,strokeWidthThin:Kt,strokeWidthThick:Jt,strokeWidthThicker:Zt,strokeWidthThickest:er,spacingHorizontalNone:tr,spacingHorizontalXXS:rr,spacingHorizontalXS:or,spacingHorizontalSNudge:nr,spacingHorizontalS:ar,spacingHorizontalMNudge:sr,spacingHorizontalM:ir,spacingHorizontalL:lr,spacingHorizontalXL:cr,spacingHorizontalXXL:dr,spacingHorizontalXXXL:ur,spacingVerticalNone:hr,spacingVerticalXXS:gr,spacingVerticalXS:pr,spacingVerticalSNudge:fr,spacingVerticalS:vr,spacingVerticalMNudge:br,spacingVerticalM:Br,spacingVerticalL:mr,spacingVerticalXL:kr,spacingVerticalXXL:yr,spacingVerticalXXXL:Pr,durationUltraFast:Sr,durationFaster:wr,durationFast:Nr,durationNormal:Fr,durationSlow:xr,durationSlower:Cr,durationUltraSlow:$r,curveAccelerateMax:Ar,curveAccelerateMid:Tr,curveAccelerateMin:Or,curveDecelerateMax:zr,curveDecelerateMid:Lr,curveDecelerateMin:Hr,curveEasyEaseMax:Dr,curveEasyEase:Mr,curveLinear:Vr,colorNeutralForeground1:Rr,colorNeutralForeground1Hover:Ir,colorNeutralForeground1Pressed:_r,colorNeutralForeground1Selected:jr,colorNeutralForeground2:Gr,colorNeutralForeground2Hover:Er,colorNeutralForeground2Pressed:Xr,colorNeutralForeground2Selected:qr,colorNeutralForeground2BrandHover:Wr,colorNeutralForeground2BrandPressed:Yr,colorNeutralForeground2BrandSelected:Ur,colorNeutralForeground3:Qr,colorNeutralForeground3Hover:Kr,colorNeutralForeground3Pressed:Jr,colorNeutralForeground3Selected:Zr,colorNeutralForeground3BrandHover:eo,colorNeutralForeground3BrandPressed:to,colorNeutralForeground3BrandSelected:ro,colorNeutralForeground4:oo,colorNeutralForegroundDisabled:no,colorNeutralForegroundInvertedDisabled:ao,colorBrandForegroundLink:so,colorBrandForegroundLinkHover:io,colorBrandForegroundLinkPressed:lo,colorBrandForegroundLinkSelected:co,colorNeutralForeground2Link:uo,colorNeutralForeground2LinkHover:ho,colorNeutralForeground2LinkPressed:go,colorNeutralForeground2LinkSelected:po,colorCompoundBrandForeground1:fo,colorCompoundBrandForeground1Hover:vo,colorCompoundBrandForeground1Pressed:bo,colorBrandForeground1:Bo,colorBrandForeground2:mo,colorNeutralForeground1Static:ko,colorNeutralForegroundStaticInverted:yo,colorNeutralForegroundInverted:Po,colorNeutralForegroundInvertedHover:So,colorNeutralForegroundInvertedPressed:wo,colorNeutralForegroundInvertedSelected:No,colorNeutralForegroundInverted2:Fo,colorNeutralForegroundOnBrand:xo,colorNeutralForegroundInvertedLink:Co,colorNeutralForegroundInvertedLinkHover:$o,colorNeutralForegroundInvertedLinkPressed:Ao,colorNeutralForegroundInvertedLinkSelected:To,colorBrandForegroundInverted:Oo,colorBrandForegroundInvertedHover:zo,colorBrandForegroundInvertedPressed:Lo,colorBrandForegroundOnLight:Ho,colorBrandForegroundOnLightHover:Do,colorBrandForegroundOnLightPressed:Mo,colorBrandForegroundOnLightSelected:Vo,colorNeutralBackground1:Ro,colorNeutralBackground1Hover:Io,colorNeutralBackground1Pressed:_o,colorNeutralBackground1Selected:jo,colorNeutralBackground2:Go,colorNeutralBackground2Hover:Eo,colorNeutralBackground2Pressed:Xo,colorNeutralBackground2Selected:qo,colorNeutralBackground3:Wo,colorNeutralBackground3Hover:Yo,colorNeutralBackground3Pressed:Uo,colorNeutralBackground3Selected:Qo,colorNeutralBackground4:Ko,colorNeutralBackground4Hover:Jo,colorNeutralBackground4Pressed:Zo,colorNeutralBackground4Selected:en,colorNeutralBackground5:tn,colorNeutralBackground5Hover:rn,colorNeutralBackground5Pressed:on,colorNeutralBackground5Selected:nn,colorNeutralBackground6:an,colorNeutralBackgroundInverted:sn,colorNeutralBackgroundStatic:ln,colorSubtleBackground:cn,colorSubtleBackgroundHover:dn,colorSubtleBackgroundPressed:un,colorSubtleBackgroundSelected:hn,colorSubtleBackgroundLightAlphaHover:gn,colorSubtleBackgroundLightAlphaPressed:pn,colorSubtleBackgroundLightAlphaSelected:fn,colorSubtleBackgroundInverted:vn,colorSubtleBackgroundInvertedHover:bn,colorSubtleBackgroundInvertedPressed:Bn,colorSubtleBackgroundInvertedSelected:mn,colorTransparentBackground:kn,colorTransparentBackgroundHover:yn,colorTransparentBackgroundPressed:Pn,colorTransparentBackgroundSelected:Sn,colorNeutralBackgroundDisabled:wn,colorNeutralBackgroundInvertedDisabled:Nn,colorNeutralStencil1:Fn,colorNeutralStencil2:xn,colorBackgroundOverlay:Cn,colorScrollbarOverlay:$n,colorBrandBackground:An,colorBrandBackgroundHover:Tn,colorBrandBackgroundPressed:On,colorBrandBackgroundSelected:zn,colorCompoundBrandBackground:Ln,colorCompoundBrandBackgroundHover:Hn,colorCompoundBrandBackgroundPressed:Dn,colorBrandBackgroundStatic:Mn,colorBrandBackground2:Vn,colorBrandBackgroundInverted:Rn,colorBrandBackgroundInvertedHover:In,colorBrandBackgroundInvertedPressed:_n,colorBrandBackgroundInvertedSelected:jn,colorNeutralStrokeAccessible:Gn,colorNeutralStrokeAccessibleHover:En,colorNeutralStrokeAccessiblePressed:Xn,colorNeutralStrokeAccessibleSelected:qn,colorNeutralStroke1:Wn,colorNeutralStroke1Hover:Yn,colorNeutralStroke1Pressed:Un,colorNeutralStroke1Selected:Qn,colorNeutralStroke2:Kn,colorNeutralStroke3:Jn,colorNeutralStrokeOnBrand:Zn,colorNeutralStrokeOnBrand2:ea,colorNeutralStrokeOnBrand2Hover:ta,colorNeutralStrokeOnBrand2Pressed:ra,colorNeutralStrokeOnBrand2Selected:oa,colorBrandStroke1:na,colorBrandStroke2:aa,colorCompoundBrandStroke:sa,colorCompoundBrandStrokeHover:ia,colorCompoundBrandStrokePressed:la,colorNeutralStrokeDisabled:ca,colorNeutralStrokeInvertedDisabled:da,colorTransparentStroke:ua,colorTransparentStrokeInteractive:ha,colorTransparentStrokeDisabled:ga,colorStrokeFocus1:pa,colorStrokeFocus2:fa,colorNeutralShadowAmbient:va,colorNeutralShadowKey:ba,colorNeutralShadowAmbientLighter:Ba,colorNeutralShadowKeyLighter:ma,colorNeutralShadowAmbientDarker:ka,colorNeutralShadowKeyDarker:ya,colorBrandShadowAmbient:Pa,colorBrandShadowKey:Sa,colorPaletteRedBackground1:wa,colorPaletteRedBackground2:Na,colorPaletteRedBackground3:Fa,colorPaletteRedForeground1:xa,colorPaletteRedForeground2:Ca,colorPaletteRedForeground3:$a,colorPaletteRedBorderActive:Aa,colorPaletteRedBorder1:Ta,colorPaletteRedBorder2:Oa,colorPaletteGreenBackground1:za,colorPaletteGreenBackground2:La,colorPaletteGreenBackground3:Ha,colorPaletteGreenForeground1:Da,colorPaletteGreenForeground2:Ma,colorPaletteGreenForeground3:Va,colorPaletteGreenBorderActive:Ra,colorPaletteGreenBorder1:Ia,colorPaletteGreenBorder2:_a,colorPaletteDarkOrangeBackground1:ja,colorPaletteDarkOrangeBackground2:Ga,colorPaletteDarkOrangeBackground3:Ea,colorPaletteDarkOrangeForeground1:Xa,colorPaletteDarkOrangeForeground2:qa,colorPaletteDarkOrangeForeground3:Wa,colorPaletteDarkOrangeBorderActive:Ya,colorPaletteDarkOrangeBorder1:Ua,colorPaletteDarkOrangeBorder2:Qa,colorPaletteYellowBackground1:Ka,colorPaletteYellowBackground2:Ja,colorPaletteYellowBackground3:Za,colorPaletteYellowForeground1:es,colorPaletteYellowForeground2:ts,colorPaletteYellowForeground3:rs,colorPaletteYellowBorderActive:os,colorPaletteYellowBorder1:ns,colorPaletteYellowBorder2:as,colorPaletteBerryBackground1:ss,colorPaletteBerryBackground2:is,colorPaletteBerryBackground3:ls,colorPaletteBerryForeground1:cs,colorPaletteBerryForeground2:ds,colorPaletteBerryForeground3:us,colorPaletteBerryBorderActive:hs,colorPaletteBerryBorder1:gs,colorPaletteBerryBorder2:ps,colorPaletteLightGreenBackground1:fs,colorPaletteLightGreenBackground2:vs,colorPaletteLightGreenBackground3:bs,colorPaletteLightGreenForeground1:Bs,colorPaletteLightGreenForeground2:ms,colorPaletteLightGreenForeground3:ks,colorPaletteLightGreenBorderActive:ys,colorPaletteLightGreenBorder1:Ps,colorPaletteLightGreenBorder2:Ss,colorPaletteMarigoldBackground1:ws,colorPaletteMarigoldBackground2:Ns,colorPaletteMarigoldBackground3:Fs,colorPaletteMarigoldForeground1:xs,colorPaletteMarigoldForeground2:Cs,colorPaletteMarigoldForeground3:$s,colorPaletteMarigoldBorderActive:As,colorPaletteMarigoldBorder1:Ts,colorPaletteMarigoldBorder2:Os,colorPaletteDarkRedBackground2:zs,colorPaletteDarkRedForeground2:Ls,colorPaletteDarkRedBorderActive:Hs,colorPaletteCranberryBackground2:Ds,colorPaletteCranberryForeground2:Ms,colorPaletteCranberryBorderActive:Vs,colorPalettePumpkinBackground2:Rs,colorPalettePumpkinForeground2:Is,colorPalettePumpkinBorderActive:_s,colorPalettePeachBackground2:js,colorPalettePeachForeground2:Gs,colorPalettePeachBorderActive:Es,colorPaletteGoldBackground2:Xs,colorPaletteGoldForeground2:qs,colorPaletteGoldBorderActive:Ws,colorPaletteBrassBackground2:Ys,colorPaletteBrassForeground2:Us,colorPaletteBrassBorderActive:Qs,colorPaletteBrownBackground2:Ks,colorPaletteBrownForeground2:Js,colorPaletteBrownBorderActive:Zs,colorPaletteForestBackground2:ei,colorPaletteForestForeground2:ti,colorPaletteForestBorderActive:ri,colorPaletteSeafoamBackground2:oi,colorPaletteSeafoamForeground2:ni,colorPaletteSeafoamBorderActive:ai,colorPaletteDarkGreenBackground2:si,colorPaletteDarkGreenForeground2:ii,colorPaletteDarkGreenBorderActive:li,colorPaletteLightTealBackground2:ci,colorPaletteLightTealForeground2:di,colorPaletteLightTealBorderActive:ui,colorPaletteTealBackground2:hi,colorPaletteTealForeground2:gi,colorPaletteTealBorderActive:pi,colorPaletteSteelBackground2:fi,colorPaletteSteelForeground2:vi,colorPaletteSteelBorderActive:bi,colorPaletteBlueBackground2:Bi,colorPaletteBlueForeground2:mi,colorPaletteBlueBorderActive:ki,colorPaletteRoyalBlueBackground2:yi,colorPaletteRoyalBlueForeground2:Pi,colorPaletteRoyalBlueBorderActive:Si,colorPaletteCornflowerBackground2:wi,colorPaletteCornflowerForeground2:Ni,colorPaletteCornflowerBorderActive:Fi,colorPaletteNavyBackground2:xi,colorPaletteNavyForeground2:Ci,colorPaletteNavyBorderActive:$i,colorPaletteLavenderBackground2:Ai,colorPaletteLavenderForeground2:Ti,colorPaletteLavenderBorderActive:Oi,colorPalettePurpleBackground2:zi,colorPalettePurpleForeground2:Li,colorPalettePurpleBorderActive:Hi,colorPaletteGrapeBackground2:Di,colorPaletteGrapeForeground2:Mi,colorPaletteGrapeBorderActive:Vi,colorPaletteLilacBackground2:Ri,colorPaletteLilacForeground2:Ii,colorPaletteLilacBorderActive:_i,colorPalettePinkBackground2:ji,colorPalettePinkForeground2:Gi,colorPalettePinkBorderActive:Ei,colorPaletteMagentaBackground2:Xi,colorPaletteMagentaForeground2:qi,colorPaletteMagentaBorderActive:Wi,colorPalettePlumBackground2:Yi,colorPalettePlumForeground2:Ui,colorPalettePlumBorderActive:Qi,colorPaletteBeigeBackground2:Ki,colorPaletteBeigeForeground2:Ji,colorPaletteBeigeBorderActive:Zi,colorPaletteMinkBackground2:el,colorPaletteMinkForeground2:tl,colorPaletteMinkBorderActive:rl,colorPalettePlatinumBackground2:ol,colorPalettePlatinumForeground2:nl,colorPalettePlatinumBorderActive:al,colorPaletteAnchorBackground2:sl,colorPaletteAnchorForeground2:il,colorPaletteAnchorBorderActive:ll,shadow2:cl,shadow4:dl,shadow8:ul,shadow16:hl,shadow28:gl,shadow64:pl,shadow2Brand:fl,shadow4Brand:vl,shadow8Brand:bl,shadow16Brand:Bl,shadow28Brand:ml,shadow64Brand:kl});const Pl=rr,Sl=O.partial`
|
|
2
|
+
${ct("inline-flex")} :host {
|
|
3
|
+
position: relative;
|
|
4
|
+
box-sizing: border-box;
|
|
5
|
+
align-items: center;
|
|
6
|
+
justify-content: center;
|
|
7
|
+
font-family: ${Et};
|
|
8
|
+
font-weight: ${Ut};
|
|
9
|
+
font-size: ${Nt};
|
|
10
|
+
line-height: ${Ht};
|
|
11
|
+
min-width: 20px;
|
|
12
|
+
height: 20px;
|
|
13
|
+
padding-inline: calc(${or} + ${Pl});
|
|
14
|
+
border-radius: ${St};
|
|
15
|
+
border-color: ${ua};
|
|
16
|
+
background-color: ${An};
|
|
17
|
+
color: ${xo};
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
::slotted(svg) {
|
|
21
|
+
font-size: 12px;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
:host(:not([appearance='ghost']))::after {
|
|
25
|
+
position: absolute;
|
|
26
|
+
content: '';
|
|
27
|
+
top: 0;
|
|
28
|
+
left: 0;
|
|
29
|
+
bottom: 0;
|
|
30
|
+
right: 0;
|
|
31
|
+
border-style: solid;
|
|
32
|
+
border-width: ${Kt};
|
|
33
|
+
border-color: inherit;
|
|
34
|
+
border-radius: inherit;
|
|
35
|
+
}
|
|
36
|
+
`,wl=O.partial`
|
|
37
|
+
:host([size='tiny']) {
|
|
38
|
+
width: 6px;
|
|
39
|
+
height: 6px;
|
|
40
|
+
font-size: 4px;
|
|
41
|
+
line-height: 4px;
|
|
42
|
+
padding-inline: 0;
|
|
43
|
+
min-width: unset;
|
|
44
|
+
}
|
|
45
|
+
:host([size='tiny']) ::slotted(svg) {
|
|
46
|
+
font-size: 6px;
|
|
47
|
+
}
|
|
48
|
+
:host([size='extra-small']) {
|
|
49
|
+
width: 10px;
|
|
50
|
+
height: 10px;
|
|
51
|
+
font-size: 6px;
|
|
52
|
+
line-height: 6px;
|
|
53
|
+
padding-inline: 0;
|
|
54
|
+
min-width: unset;
|
|
55
|
+
}
|
|
56
|
+
:host([size='extra-small']) ::slotted(svg) {
|
|
57
|
+
font-size: 10px;
|
|
58
|
+
}
|
|
59
|
+
:host([size='small']) {
|
|
60
|
+
min-width: 16px;
|
|
61
|
+
height: 16px;
|
|
62
|
+
font-size: ${wt};
|
|
63
|
+
line-height: ${Lt};
|
|
64
|
+
padding-inline: calc(${rr} + ${Pl});
|
|
65
|
+
}
|
|
66
|
+
:host([size='small']) ::slotted(svg) {
|
|
67
|
+
font-size: 12px;
|
|
68
|
+
}
|
|
69
|
+
:host([size='large']) {
|
|
70
|
+
min-width: 24px;
|
|
71
|
+
height: 24px;
|
|
72
|
+
font-size: ${Nt};
|
|
73
|
+
line-height: ${Ht};
|
|
74
|
+
padding-inline: calc(${or} + ${Pl});
|
|
75
|
+
}
|
|
76
|
+
:host([size='large']) ::slotted(svg) {
|
|
77
|
+
font-size: 16px;
|
|
78
|
+
}
|
|
79
|
+
:host([size='extra-large']) {
|
|
80
|
+
min-width: 32px;
|
|
81
|
+
height: 32px;
|
|
82
|
+
font-size: ${Nt};
|
|
83
|
+
line-height: ${Ht};
|
|
84
|
+
padding-inline: calc(${nr} + ${Pl});
|
|
85
|
+
}
|
|
86
|
+
:host([size='extra-large']) ::slotted(svg) {
|
|
87
|
+
font-size: 20px;
|
|
88
|
+
}
|
|
89
|
+
`,Nl=O.partial`
|
|
90
|
+
:host([color='danger']) {
|
|
91
|
+
background-color: ${Fa};
|
|
92
|
+
color: ${xo};
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
:host([color='important']) {
|
|
96
|
+
background-color: ${Rr};
|
|
97
|
+
color: ${Ro};
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
:host([color='informative']) {
|
|
101
|
+
background-color: ${tn};
|
|
102
|
+
color: ${Qr};
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
:host([color='severe']) {
|
|
106
|
+
background-color: ${Ea};
|
|
107
|
+
color: ${xo};
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
:host([color='subtle']) {
|
|
111
|
+
background-color: ${Ro};
|
|
112
|
+
color: ${Rr};
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
:host([color='success']) {
|
|
116
|
+
background-color: ${Ha};
|
|
117
|
+
color: ${xo};
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
:host([color='warning']) {
|
|
121
|
+
background-color: ${Za};
|
|
122
|
+
color: ${Rr};
|
|
123
|
+
}
|
|
124
|
+
`,Fl=O.partial`
|
|
125
|
+
:host([appearance='ghost']) {
|
|
126
|
+
color: ${An};
|
|
127
|
+
background-color: initial;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
:host([appearance='ghost'][color='danger']) {
|
|
131
|
+
color: ${$a};
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
:host([appearance='ghost'][color='important']) {
|
|
135
|
+
color: ${Rr};
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
:host([appearance='ghost'][color='informative']) {
|
|
139
|
+
color: ${Qr};
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
:host([appearance='ghost'][color='severe']) {
|
|
143
|
+
color: ${Wa};
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
:host([appearance='ghost'][color='subtle']) {
|
|
147
|
+
color: ${Po};
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
:host([appearance='ghost'][color='success']) {
|
|
151
|
+
color: ${Va};
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
:host([appearance='ghost'][color='warning']) {
|
|
155
|
+
color: ${ts};
|
|
156
|
+
}
|
|
157
|
+
`,xl=O`
|
|
158
|
+
:host([shape='square']){border-radius:${Bt}}:host([shape='rounded']){border-radius:${kt}}:host([shape='rounded'][size='tiny']),:host([shape='rounded'][size='extra-small']),:host([shape='rounded'][size='small']){border-radius:${mt}}${wl}
|
|
159
|
+
${Nl}
|
|
160
|
+
${Fl}
|
|
161
|
+
${O.partial`
|
|
162
|
+
:host([appearance='outline']) {
|
|
163
|
+
border-color: currentColor;
|
|
164
|
+
color: ${Bo};
|
|
165
|
+
background-color: initial;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
:host([appearance='outline'][color='danger']) {
|
|
169
|
+
color: ${$a};
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
:host([appearance='outline'][color='important']) {
|
|
173
|
+
color: ${Qr};
|
|
174
|
+
border-color: ${Gn};
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
:host([appearance='outline'][color='informative']) {
|
|
178
|
+
color: ${Qr};
|
|
179
|
+
border-color: ${Kn};
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
:host([appearance='outline'][color='severe']) {
|
|
183
|
+
color: ${Wa};
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
:host([appearance='outline'][color='subtle']) {
|
|
187
|
+
color: ${yo};
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
:host([appearance='outline'][color='success']) {
|
|
191
|
+
color: ${Ma};
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
:host([appearance='outline'][color='warning']) {
|
|
195
|
+
color: ${ts};
|
|
196
|
+
}
|
|
197
|
+
`}
|
|
198
|
+
${O.partial`
|
|
199
|
+
:host([appearance='tint']) {
|
|
200
|
+
background-color: ${Vn};
|
|
201
|
+
color: ${mo};
|
|
202
|
+
border-color: ${aa};
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
:host([appearance='tint'][color='danger']) {
|
|
206
|
+
background-color: ${wa};
|
|
207
|
+
color: ${xa};
|
|
208
|
+
border-color: ${Ta};
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
:host([appearance='tint'][color='important']) {
|
|
212
|
+
background-color: ${Qr};
|
|
213
|
+
color: ${Ro};
|
|
214
|
+
border-color: ${ua};
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
:host([appearance='tint'][color='informative']) {
|
|
218
|
+
background-color: ${Ko};
|
|
219
|
+
color: ${Qr};
|
|
220
|
+
border-color: ${Kn};
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
:host([appearance='tint'][color='severe']) {
|
|
224
|
+
background-color: ${ja};
|
|
225
|
+
color: ${Xa};
|
|
226
|
+
border-color: ${Ua};
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
:host([appearance='tint'][color='subtle']) {
|
|
230
|
+
background-color: ${Ro};
|
|
231
|
+
color: ${Qr};
|
|
232
|
+
border-color: ${Kn};
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
:host([appearance='tint'][color='success']) {
|
|
236
|
+
background-color: ${za};
|
|
237
|
+
color: ${Da};
|
|
238
|
+
border-color: ${_a};
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
:host([appearance='tint'][color='warning']) {
|
|
242
|
+
background-color: ${Ka};
|
|
243
|
+
color: ${ts};
|
|
244
|
+
border-color: ${ns};
|
|
245
|
+
}
|
|
246
|
+
`}
|
|
247
|
+
${Sl}
|
|
248
|
+
`,Cl=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements}),$l=pt.compose({name:Cl.prefix+"-badge",template:vt,styles:xl});class Al extends Re{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)&&void 0!==e?e:0;if((0!==t||this.showZero)&&!this.dot)return t>this.overflowCount?this.overflowCount+"+":""+t}}r([Se],Al.prototype,"appearance",void 0),r([Se],Al.prototype,"color",void 0),r([Se],Al.prototype,"shape",void 0),r([Se],Al.prototype,"size",void 0),r([Se({converter:ye})],Al.prototype,"count",void 0),r([Se({attribute:"overflow-count",converter:ye})],Al.prototype,"overflowCount",void 0),r([Se({attribute:"show-zero",mode:"boolean"})],Al.prototype,"showZero",void 0),r([Se({mode:"boolean"})],Al.prototype,"dot",void 0),je(Al,_e);const Tl={filled:"filled",ghost:"ghost"},Ol={brand:"brand",danger:"danger",important:"important",informative:"informative",severe:"severe",subtle:"subtle",success:"success",warning:"warning"},zl={circular:"circular",rounded:"rounded"},Ll={tiny:"tiny",extraSmall:"extra-small",small:"small",medium:"medium",large:"large",extraLarge:"extra-large"};const Hl=ft({defaultContent:pe`${e=>e.setCount()}`}),Dl=O`
|
|
249
|
+
:host([shape='rounded']){border-radius:${kt}}:host([shape='rounded'][size='tiny']),:host([shape='rounded'][size='extra-small']),:host([shape='rounded'][size='small']){border-radius:${mt}}${wl}
|
|
250
|
+
${Nl}
|
|
251
|
+
${Fl}
|
|
252
|
+
${Sl}
|
|
253
|
+
|
|
254
|
+
:host([dot]),:host([dot][appearance][size]){min-width:auto;width:6px;height:6px;padding:0}`,Ml=Al.compose({name:Cl.prefix+"-counter-badge",template:Hl,styles:Dl});class Vl extends lt{}r([Se],Vl.prototype,"thickness",void 0),r([Se],Vl.prototype,"shape",void 0),r([Se({attribute:"validation-state"})],Vl.prototype,"validationState",void 0);const Rl={medium:"medium",large:"large"},Il={rounded:"rounded",square:"square"},_l={success:"success",warning:"warning",error:"error"},jl=O`
|
|
255
|
+
${ct("flex")}
|
|
256
|
+
|
|
257
|
+
:host{align-items:center;height:2px;overflow-x:hidden;border-radius:${kt}}: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:${Fa}}:host([validation-state='error']) .indeterminate-indicator-1,:host([validation-state='error']) .indeterminate-indicator-2{background:linear-gradient(
|
|
258
|
+
to right,${Na} 0%,${Fa} 50%,${Na}
|
|
259
|
+
)}:host([validation-state='warning']) .determinate{background-color:${Ea}}:host([validation-state='warning']) .indeterminate-indicator-1,:host([validation-state='warning']) .indeterminate-indicator-2{background:linear-gradient(
|
|
260
|
+
to right,${Ga} 0%,${Ea} 50%,${Ga}
|
|
261
|
+
)}:host([validation-state='success']) .determinate{background-color:${Ha}}:host([validation-state='success']) .indeterminate-indicator-1,:host([validation-state='success']) .indeterminate-indicator-2{background:linear-gradient(
|
|
262
|
+
to right,${La} 0%,${Ha} 50%,${La}
|
|
263
|
+
)}.progress{background-color:${an};border-radius:${kt};width:100%;height:2px;display:flex;align-items:center;position:relative}.determinate{background-color:${Ln};border-radius:${kt};height:2px;transition:all 0.2s ease-in-out;display:flex}.indeterminate-indicator-1{position:absolute;opacity:0;height:100%;background:linear-gradient(
|
|
264
|
+
to right,${Vn} 0%,${Ln} 50%,${Vn}
|
|
265
|
+
);border-radius:${kt};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(
|
|
266
|
+
to right,${Vn} 0%,${Ln} 50%,${Vn}
|
|
267
|
+
);border-radius:${kt};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}}`,Gl=function(e={}){return pe`<template role="progressbar" aria-valuenow="${e=>e.value}" aria-valuemin="${e=>e.min}" aria-valuemax="${e=>e.max}">${be(e=>"number"==typeof e.value,pe`<div class="progress" part="progress" slot="determinate"><div class="determinate" part="determinate" style="width: ${e=>e.percentComplete}%"></div></div>`)} ${be(e=>"number"!=typeof e.value,pe`<div class="progress" part="progress" slot="indeterminate"><slot name="indeterminate">${Ie(e.indeterminateIndicator1)} ${Ie(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>'}),El=Vl.compose({name:Cl.prefix+"-progress-bar",template:Gl,styles:jl});class Xl extends it{}r([Se],Xl.prototype,"size",void 0),r([Se],Xl.prototype,"appearance",void 0);const ql={primary:"primary",inverted:"inverted"},Wl={tiny:"tiny",extraSmall:"extra-small",small:"small",medium:"medium",large:"large",extraLarge:"extra-large",huge:"huge"},Yl=function(e={}){return pe`<template role="progressbar" aria-valuenow="${e=>e.value}" aria-valuemin="${e=>e.min}" aria-valuemax="${e=>e.max}">${be(e=>"number"==typeof e.value,pe`<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>`)} ${be(e=>"number"!=typeof e.value,pe`<slot name="indeterminate">${Ie(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 '}),Ul=O`
|
|
268
|
+
${ct("flex")}
|
|
269
|
+
|
|
270
|
+
:host{display:flex;align-items:center;height:32px;width:32px}: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:${aa};stroke-width:1.5px}:host([appearance='inverted']) .background{stroke:rgba(255,255,255,0.2)}.determinate{stroke:${na};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:${ea}}.indeterminate-indicator-1{stroke:${na};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:${ea}}@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)}}`,Ql=Xl.compose({name:Cl.prefix+"-spinner",template:Yl,styles:Ul});class Kl extends Re{constructor(){super(...arguments),this.nowrap=!1,this.truncate=!1,this.italic=!1,this.underline=!1,this.strikethrough=!1,this.block=!1}}r([Se({mode:"boolean"})],Kl.prototype,"nowrap",void 0),r([Se({mode:"boolean"})],Kl.prototype,"truncate",void 0),r([Se({mode:"boolean"})],Kl.prototype,"italic",void 0),r([Se({mode:"boolean"})],Kl.prototype,"underline",void 0),r([Se({mode:"boolean"})],Kl.prototype,"strikethrough",void 0),r([Se({mode:"boolean"})],Kl.prototype,"block",void 0),r([Se],Kl.prototype,"size",void 0),r([Se],Kl.prototype,"font",void 0),r([Se],Kl.prototype,"weight",void 0),r([Se],Kl.prototype,"align",void 0);const Jl={_100:"100",_200:"200",_300:"300",_400:"400",_500:"500",_600:"600",_700:"700",_800:"800",_900:"900",_1000:"1000"},Zl={base:"base",numeric:"numeric",monospace:"monospace"},ec={medium:"medium",regular:"regular",semibold:"semibold",bold:"bold"},tc={start:"start",end:"end",center:"center",justify:"justify"},rc=pe`<slot></slot>`,oc=O`
|
|
271
|
+
${ct("inline")}
|
|
272
|
+
|
|
273
|
+
::slotted(*){font-family:${Et};font-size:${Ft};line-height:${Dt};font-weight:${Wt};text-align:start;display:inline;white-space:normal;overflow:visible;text-overflow:clip;margin:0}:host([nowrap]) ::slotted(*){white-space:nowrap;overflow:hidden}:host([truncate]) ::slotted(*){text-overflow:ellipsis}: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:${wt};line-height:${Lt}}:host([size='200']) ::slotted(*){font-size:${Nt};line-height:${Ht}}:host([size='400']) ::slotted(*){font-size:${xt};line-height:${Mt}}:host([size='500']) ::slotted(*){font-size:${Ct};line-height:${Vt}}:host([size='600']) ::slotted(*){font-size:${$t};line-height:${Rt}}:host([size='700']) ::slotted(*){font-size:${At};line-height:${It}}:host([size='800']) ::slotted(*){font-size:${Tt};line-height:${_t}}:host([size='900']) ::slotted(*){font-size:${Ot};line-height:${jt}}:host([size='1000']) ::slotted(*){font-size:${zt};line-height:${Gt}}:host([font='monospace']) ::slotted(*){font-family:${Xt}}:host([font='numeric']) ::slotted(*){font-family:${qt}}:host([weight='medium']) ::slotted(*){font-weight:${Yt}}:host([weight='semibold']) ::slotted(*){font-weight:${Ut}}:host([weight='bold']) ::slotted(*){font-weight:${Qt}}:host([align='center']) ::slotted(*){text-align:center}:host([align='end']) ::slotted(*){text-align:end}:host([align='justify']) ::slotted(*){text-align:justify}`,nc=Kl.compose({name:Cl.prefix+"-text",template:rc,styles:oc}),ac=Object.keys(yl),sc=e=>{for(const t of ac)yl[t].withDefault(e[t])};export{pt as Badge,dt as BadgeAppearance,ut as BadgeColor,$l as BadgeDefinition,ht as BadgeShape,gt as BadgeSize,xl as BadgeStyles,vt as BadgeTemplate,Al as CounterBadge,Tl as CounterBadgeAppearance,Ol as CounterBadgeColor,Ml as CounterBadgeDefinition,zl as CounterBadgeShape,Ll as CounterBadgeSize,Dl as CounterBadgeStyles,Hl as CounterBadgeTemplate,Vl as ProgressBar,El as ProgressBarDefinition,Il as ProgressBarShape,jl as ProgressBarStyles,Gl as ProgressBarTemplate,Rl as ProgressBarThickness,_l as ProgressBarValidationState,Xl as Spinner,ql as SpinnerAppearance,Ql as SpinnerDefinition,Wl as SpinnerSize,Ul as SpinnerStyles,Yl as SpinnerTemplate,Kl as Text,tc as TextAlign,nc as TextDefinition,Zl as TextFont,Jl as TextSize,oc as TextStyles,rc as TextTemplate,ec as TextWeight,St as borderRadiusCircular,yt as borderRadiusLarge,kt as borderRadiusMedium,Bt as borderRadiusNone,mt as borderRadiusSmall,Pt as borderRadiusXLarge,Cn as colorBackgroundOverlay,An as colorBrandBackground,Vn as colorBrandBackground2,Tn as colorBrandBackgroundHover,Rn as colorBrandBackgroundInverted,In as colorBrandBackgroundInvertedHover,_n as colorBrandBackgroundInvertedPressed,jn as colorBrandBackgroundInvertedSelected,On as colorBrandBackgroundPressed,zn as colorBrandBackgroundSelected,Mn as colorBrandBackgroundStatic,Bo as colorBrandForeground1,mo as colorBrandForeground2,Oo as colorBrandForegroundInverted,zo as colorBrandForegroundInvertedHover,Lo as colorBrandForegroundInvertedPressed,so as colorBrandForegroundLink,io as colorBrandForegroundLinkHover,lo as colorBrandForegroundLinkPressed,co as colorBrandForegroundLinkSelected,Ho as colorBrandForegroundOnLight,Do as colorBrandForegroundOnLightHover,Mo as colorBrandForegroundOnLightPressed,Vo as colorBrandForegroundOnLightSelected,Pa as colorBrandShadowAmbient,Sa as colorBrandShadowKey,na as colorBrandStroke1,aa as colorBrandStroke2,Ln as colorCompoundBrandBackground,Hn as colorCompoundBrandBackgroundHover,Dn as colorCompoundBrandBackgroundPressed,fo as colorCompoundBrandForeground1,vo as colorCompoundBrandForeground1Hover,bo as colorCompoundBrandForeground1Pressed,sa as colorCompoundBrandStroke,ia as colorCompoundBrandStrokeHover,la as colorCompoundBrandStrokePressed,Ro as colorNeutralBackground1,Io as colorNeutralBackground1Hover,_o as colorNeutralBackground1Pressed,jo as colorNeutralBackground1Selected,Go as colorNeutralBackground2,Eo as colorNeutralBackground2Hover,Xo as colorNeutralBackground2Pressed,qo as colorNeutralBackground2Selected,Wo as colorNeutralBackground3,Yo as colorNeutralBackground3Hover,Uo as colorNeutralBackground3Pressed,Qo as colorNeutralBackground3Selected,Ko as colorNeutralBackground4,Jo as colorNeutralBackground4Hover,Zo as colorNeutralBackground4Pressed,en as colorNeutralBackground4Selected,tn as colorNeutralBackground5,rn as colorNeutralBackground5Hover,on as colorNeutralBackground5Pressed,nn as colorNeutralBackground5Selected,an as colorNeutralBackground6,wn as colorNeutralBackgroundDisabled,sn as colorNeutralBackgroundInverted,Nn as colorNeutralBackgroundInvertedDisabled,ln as colorNeutralBackgroundStatic,Rr as colorNeutralForeground1,Ir as colorNeutralForeground1Hover,_r as colorNeutralForeground1Pressed,jr as colorNeutralForeground1Selected,ko as colorNeutralForeground1Static,Gr as colorNeutralForeground2,Wr as colorNeutralForeground2BrandHover,Yr as colorNeutralForeground2BrandPressed,Ur as colorNeutralForeground2BrandSelected,Er as colorNeutralForeground2Hover,uo as colorNeutralForeground2Link,ho as colorNeutralForeground2LinkHover,go as colorNeutralForeground2LinkPressed,po as colorNeutralForeground2LinkSelected,Xr as colorNeutralForeground2Pressed,qr as colorNeutralForeground2Selected,Qr as colorNeutralForeground3,eo as colorNeutralForeground3BrandHover,to as colorNeutralForeground3BrandPressed,ro as colorNeutralForeground3BrandSelected,Kr as colorNeutralForeground3Hover,Jr as colorNeutralForeground3Pressed,Zr as colorNeutralForeground3Selected,oo as colorNeutralForeground4,no as colorNeutralForegroundDisabled,Po as colorNeutralForegroundInverted,Fo as colorNeutralForegroundInverted2,ao as colorNeutralForegroundInvertedDisabled,So as colorNeutralForegroundInvertedHover,Co as colorNeutralForegroundInvertedLink,$o as colorNeutralForegroundInvertedLinkHover,Ao as colorNeutralForegroundInvertedLinkPressed,To as colorNeutralForegroundInvertedLinkSelected,wo as colorNeutralForegroundInvertedPressed,No as colorNeutralForegroundInvertedSelected,xo as colorNeutralForegroundOnBrand,yo as colorNeutralForegroundStaticInverted,va as colorNeutralShadowAmbient,ka as colorNeutralShadowAmbientDarker,Ba as colorNeutralShadowAmbientLighter,ba as colorNeutralShadowKey,ya as colorNeutralShadowKeyDarker,ma as colorNeutralShadowKeyLighter,Fn as colorNeutralStencil1,xn as colorNeutralStencil2,Wn as colorNeutralStroke1,Yn as colorNeutralStroke1Hover,Un as colorNeutralStroke1Pressed,Qn as colorNeutralStroke1Selected,Kn as colorNeutralStroke2,Jn as colorNeutralStroke3,Gn as colorNeutralStrokeAccessible,En as colorNeutralStrokeAccessibleHover,Xn as colorNeutralStrokeAccessiblePressed,qn as colorNeutralStrokeAccessibleSelected,ca as colorNeutralStrokeDisabled,da as colorNeutralStrokeInvertedDisabled,Zn as colorNeutralStrokeOnBrand,ea as colorNeutralStrokeOnBrand2,ta as colorNeutralStrokeOnBrand2Hover,ra as colorNeutralStrokeOnBrand2Pressed,oa as colorNeutralStrokeOnBrand2Selected,sl as colorPaletteAnchorBackground2,ll as colorPaletteAnchorBorderActive,il as colorPaletteAnchorForeground2,Ki as colorPaletteBeigeBackground2,Zi as colorPaletteBeigeBorderActive,Ji as colorPaletteBeigeForeground2,ss as colorPaletteBerryBackground1,is as colorPaletteBerryBackground2,ls as colorPaletteBerryBackground3,gs as colorPaletteBerryBorder1,ps as colorPaletteBerryBorder2,hs as colorPaletteBerryBorderActive,cs as colorPaletteBerryForeground1,ds as colorPaletteBerryForeground2,us as colorPaletteBerryForeground3,Bi as colorPaletteBlueBackground2,ki as colorPaletteBlueBorderActive,mi as colorPaletteBlueForeground2,Ys as colorPaletteBrassBackground2,Qs as colorPaletteBrassBorderActive,Us as colorPaletteBrassForeground2,Ks as colorPaletteBrownBackground2,Zs as colorPaletteBrownBorderActive,Js as colorPaletteBrownForeground2,wi as colorPaletteCornflowerBackground2,Fi as colorPaletteCornflowerBorderActive,Ni as colorPaletteCornflowerForeground2,Ds as colorPaletteCranberryBackground2,Vs as colorPaletteCranberryBorderActive,Ms as colorPaletteCranberryForeground2,si as colorPaletteDarkGreenBackground2,li as colorPaletteDarkGreenBorderActive,ii as colorPaletteDarkGreenForeground2,ja as colorPaletteDarkOrangeBackground1,Ga as colorPaletteDarkOrangeBackground2,Ea as colorPaletteDarkOrangeBackground3,Ua as colorPaletteDarkOrangeBorder1,Qa as colorPaletteDarkOrangeBorder2,Ya as colorPaletteDarkOrangeBorderActive,Xa as colorPaletteDarkOrangeForeground1,qa as colorPaletteDarkOrangeForeground2,Wa as colorPaletteDarkOrangeForeground3,zs as colorPaletteDarkRedBackground2,Hs as colorPaletteDarkRedBorderActive,Ls as colorPaletteDarkRedForeground2,ei as colorPaletteForestBackground2,ri as colorPaletteForestBorderActive,ti as colorPaletteForestForeground2,Xs as colorPaletteGoldBackground2,Ws as colorPaletteGoldBorderActive,qs as colorPaletteGoldForeground2,Di as colorPaletteGrapeBackground2,Vi as colorPaletteGrapeBorderActive,Mi as colorPaletteGrapeForeground2,za as colorPaletteGreenBackground1,La as colorPaletteGreenBackground2,Ha as colorPaletteGreenBackground3,Ia as colorPaletteGreenBorder1,_a as colorPaletteGreenBorder2,Ra as colorPaletteGreenBorderActive,Da as colorPaletteGreenForeground1,Ma as colorPaletteGreenForeground2,Va as colorPaletteGreenForeground3,Ai as colorPaletteLavenderBackground2,Oi as colorPaletteLavenderBorderActive,Ti as colorPaletteLavenderForeground2,fs as colorPaletteLightGreenBackground1,vs as colorPaletteLightGreenBackground2,bs as colorPaletteLightGreenBackground3,Ps as colorPaletteLightGreenBorder1,Ss as colorPaletteLightGreenBorder2,ys as colorPaletteLightGreenBorderActive,Bs as colorPaletteLightGreenForeground1,ms as colorPaletteLightGreenForeground2,ks as colorPaletteLightGreenForeground3,ci as colorPaletteLightTealBackground2,ui as colorPaletteLightTealBorderActive,di as colorPaletteLightTealForeground2,Ri as colorPaletteLilacBackground2,_i as colorPaletteLilacBorderActive,Ii as colorPaletteLilacForeground2,Xi as colorPaletteMagentaBackground2,Wi as colorPaletteMagentaBorderActive,qi as colorPaletteMagentaForeground2,ws as colorPaletteMarigoldBackground1,Ns as colorPaletteMarigoldBackground2,Fs as colorPaletteMarigoldBackground3,Ts as colorPaletteMarigoldBorder1,Os as colorPaletteMarigoldBorder2,As as colorPaletteMarigoldBorderActive,xs as colorPaletteMarigoldForeground1,Cs as colorPaletteMarigoldForeground2,$s as colorPaletteMarigoldForeground3,el as colorPaletteMinkBackground2,rl as colorPaletteMinkBorderActive,tl as colorPaletteMinkForeground2,xi as colorPaletteNavyBackground2,$i as colorPaletteNavyBorderActive,Ci as colorPaletteNavyForeground2,js as colorPalettePeachBackground2,Es as colorPalettePeachBorderActive,Gs as colorPalettePeachForeground2,ji as colorPalettePinkBackground2,Ei as colorPalettePinkBorderActive,Gi as colorPalettePinkForeground2,ol as colorPalettePlatinumBackground2,al as colorPalettePlatinumBorderActive,nl as colorPalettePlatinumForeground2,Yi as colorPalettePlumBackground2,Qi as colorPalettePlumBorderActive,Ui as colorPalettePlumForeground2,Rs as colorPalettePumpkinBackground2,_s as colorPalettePumpkinBorderActive,Is as colorPalettePumpkinForeground2,zi as colorPalettePurpleBackground2,Hi as colorPalettePurpleBorderActive,Li as colorPalettePurpleForeground2,wa as colorPaletteRedBackground1,Na as colorPaletteRedBackground2,Fa as colorPaletteRedBackground3,Ta as colorPaletteRedBorder1,Oa as colorPaletteRedBorder2,Aa as colorPaletteRedBorderActive,xa as colorPaletteRedForeground1,Ca as colorPaletteRedForeground2,$a as colorPaletteRedForeground3,yi as colorPaletteRoyalBlueBackground2,Si as colorPaletteRoyalBlueBorderActive,Pi as colorPaletteRoyalBlueForeground2,oi as colorPaletteSeafoamBackground2,ai as colorPaletteSeafoamBorderActive,ni as colorPaletteSeafoamForeground2,fi as colorPaletteSteelBackground2,bi as colorPaletteSteelBorderActive,vi as colorPaletteSteelForeground2,hi as colorPaletteTealBackground2,pi as colorPaletteTealBorderActive,gi as colorPaletteTealForeground2,Ka as colorPaletteYellowBackground1,Ja as colorPaletteYellowBackground2,Za as colorPaletteYellowBackground3,ns as colorPaletteYellowBorder1,as as colorPaletteYellowBorder2,os as colorPaletteYellowBorderActive,es as colorPaletteYellowForeground1,ts as colorPaletteYellowForeground2,rs as colorPaletteYellowForeground3,$n as colorScrollbarOverlay,pa as colorStrokeFocus1,fa as colorStrokeFocus2,cn as colorSubtleBackground,dn as colorSubtleBackgroundHover,vn as colorSubtleBackgroundInverted,bn as colorSubtleBackgroundInvertedHover,Bn as colorSubtleBackgroundInvertedPressed,mn as colorSubtleBackgroundInvertedSelected,gn as colorSubtleBackgroundLightAlphaHover,pn as colorSubtleBackgroundLightAlphaPressed,fn as colorSubtleBackgroundLightAlphaSelected,un as colorSubtleBackgroundPressed,hn as colorSubtleBackgroundSelected,kn as colorTransparentBackground,yn as colorTransparentBackgroundHover,Pn as colorTransparentBackgroundPressed,Sn as colorTransparentBackgroundSelected,ua as colorTransparentStroke,ga as colorTransparentStrokeDisabled,ha as colorTransparentStrokeInteractive,Ar as curveAccelerateMax,Tr as curveAccelerateMid,Or as curveAccelerateMin,zr as curveDecelerateMax,Lr as curveDecelerateMid,Hr as curveDecelerateMin,Mr as curveEasyEase,Dr as curveEasyEaseMax,Vr as curveLinear,Nr as durationFast,wr as durationFaster,Fr as durationNormal,xr as durationSlow,Cr as durationSlower,Sr as durationUltraFast,$r as durationUltraSlow,Et as fontFamilyBase,Xt as fontFamilyMonospace,qt as fontFamilyNumeric,wt as fontSizeBase100,Nt as fontSizeBase200,Ft as fontSizeBase300,xt as fontSizeBase400,Ct as fontSizeBase500,$t as fontSizeBase600,zt as fontSizeHero1000,At as fontSizeHero700,Tt as fontSizeHero800,Ot as fontSizeHero900,Qt as fontWeightBold,Yt as fontWeightMedium,Wt as fontWeightRegular,Ut as fontWeightSemibold,Lt as lineHeightBase100,Ht as lineHeightBase200,Dt as lineHeightBase300,Mt as lineHeightBase400,Vt as lineHeightBase500,Rt as lineHeightBase600,Gt as lineHeightHero1000,It as lineHeightHero700,_t as lineHeightHero800,jt as lineHeightHero900,sc as setTheme,hl as shadow16,Bl as shadow16Brand,cl as shadow2,gl as shadow28,ml as shadow28Brand,fl as shadow2Brand,dl as shadow4,vl as shadow4Brand,pl as shadow64,kl as shadow64Brand,ul as shadow8,bl as shadow8Brand,lr as spacingHorizontalL,ir as spacingHorizontalM,sr as spacingHorizontalMNudge,tr as spacingHorizontalNone,ar as spacingHorizontalS,nr as spacingHorizontalSNudge,cr as spacingHorizontalXL,or as spacingHorizontalXS,dr as spacingHorizontalXXL,rr as spacingHorizontalXXS,ur as spacingHorizontalXXXL,mr as spacingVerticalL,Br as spacingVerticalM,br as spacingVerticalMNudge,hr as spacingVerticalNone,vr as spacingVerticalS,fr as spacingVerticalSNudge,kr as spacingVerticalXL,pr as spacingVerticalXS,yr as spacingVerticalXXL,gr as spacingVerticalXXS,Pr as spacingVerticalXXXL,Jt as strokeWidthThick,Zt as strokeWidthThicker,er as strokeWidthThickest,Kt as strokeWidthThin};
|