@loadsmart/miranda-wc 1.19.0 → 1.20.0
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/dist/components/text/text.d.ts +6 -2
- package/dist/components/text/text.d.ts.map +1 -1
- package/dist/index.js +357 -352
- package/dist/index.js.map +1 -1
- package/dist/mixins/polymorphic-tag/index.d.ts +3 -0
- package/dist/mixins/polymorphic-tag/index.d.ts.map +1 -0
- package/dist/mixins/polymorphic-tag/polymorphic-tag.d.ts +13 -0
- package/dist/mixins/polymorphic-tag/polymorphic-tag.d.ts.map +1 -0
- package/dist/mixins/polymorphic-tag/polymorphic-tag.types.d.ts +12 -0
- package/dist/mixins/polymorphic-tag/polymorphic-tag.types.d.ts.map +1 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -8,19 +8,19 @@ function t(t,o,e,r){if("a"===e&&!r)throw new TypeError("Private accessor was def
|
|
|
8
8
|
* @license
|
|
9
9
|
* Copyright 2017 Google LLC
|
|
10
10
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
-
*/;var c;const
|
|
11
|
+
*/;var c;const u=window,h=u.trustedTypes,b=h?h.emptyScript:"",g=u.reactiveElementPolyfillSupport,m={toAttribute(t,o){switch(o){case Boolean:t=t?b:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,o){let e=t;switch(o){case Boolean:e=null!==t;break;case Number:e=null===t?null:Number(t);break;case Object:case Array:try{e=JSON.parse(t)}catch(t){e=null}}return e}},p=(t,o)=>o!==t&&(o==o||t==t),f={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:p};class $ extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var o;this.finalize(),(null!==(o=this.h)&&void 0!==o?o:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((o,e)=>{const r=this._$Ep(e,o);void 0!==r&&(this._$Ev.set(r,e),t.push(r))})),t}static createProperty(t,o=f){if(o.state&&(o.attribute=!1),this.finalize(),this.elementProperties.set(t,o),!o.noAccessor&&!this.prototype.hasOwnProperty(t)){const e="symbol"==typeof t?Symbol():"__"+t,r=this.getPropertyDescriptor(t,e,o);void 0!==r&&Object.defineProperty(this.prototype,t,r)}}static getPropertyDescriptor(t,o,e){return{get(){return this[o]},set(r){const i=this[t];this[o]=r,this.requestUpdate(t,i,e)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||f}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,o=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const e of o)this.createProperty(e,t[e])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const o=[];if(Array.isArray(t)){const e=new Set(t.flat(1/0).reverse());for(const t of e)o.unshift(d(t))}else void 0!==t&&o.push(d(t));return o}static _$Ep(t,o){const e=o.attribute;return!1===e?void 0:"string"==typeof e?e:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var o,e;(null!==(o=this._$ES)&&void 0!==o?o:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(e=t.hostConnected)||void 0===e||e.call(t))}removeController(t){var o;null===(o=this._$ES)||void 0===o||o.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((t,o)=>{this.hasOwnProperty(o)&&(this._$Ei.set(o,this[o]),delete this[o])}))}createRenderRoot(){var t;const o=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return((t,o)=>{r?t.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):o.forEach((o=>{const r=document.createElement("style"),i=e.litNonce;void 0!==i&&r.setAttribute("nonce",i),r.textContent=o.cssText,t.appendChild(r)}))})(o,this.constructor.elementStyles),o}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var o;return null===(o=t.hostConnected)||void 0===o?void 0:o.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var o;return null===(o=t.hostDisconnected)||void 0===o?void 0:o.call(t)}))}attributeChangedCallback(t,o,e){this._$AK(t,e)}_$EO(t,o,e=f){var r;const i=this.constructor._$Ep(t,e);if(void 0!==i&&!0===e.reflect){const n=(void 0!==(null===(r=e.converter)||void 0===r?void 0:r.toAttribute)?e.converter:m).toAttribute(o,e.type);this._$El=t,null==n?this.removeAttribute(i):this.setAttribute(i,n),this._$El=null}}_$AK(t,o){var e;const r=this.constructor,i=r._$Ev.get(t);if(void 0!==i&&this._$El!==i){const t=r.getPropertyOptions(i),n="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(e=t.converter)||void 0===e?void 0:e.fromAttribute)?t.converter:m;this._$El=i,this[i]=n.fromAttribute(o,t.type),this._$El=null}}requestUpdate(t,o,e){let r=!0;void 0!==t&&(((e=e||this.constructor.getPropertyOptions(t)).hasChanged||p)(this[t],o)?(this._$AL.has(t)||this._$AL.set(t,o),!0===e.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,e))):r=!1),!this.isUpdatePending&&r&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,o)=>this[o]=t)),this._$Ei=void 0);let o=!1;const e=this._$AL;try{o=this.shouldUpdate(e),o?(this.willUpdate(e),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var o;return null===(o=t.hostUpdate)||void 0===o?void 0:o.call(t)})),this.update(e)):this._$Ek()}catch(t){throw o=!1,this._$Ek(),t}o&&this._$AE(e)}willUpdate(t){}_$AE(t){var o;null===(o=this._$ES)||void 0===o||o.forEach((t=>{var o;return null===(o=t.hostUpdated)||void 0===o?void 0:o.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,o)=>this._$EO(o,this[o],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}}
|
|
12
12
|
/**
|
|
13
13
|
* @license
|
|
14
14
|
* Copyright 2017 Google LLC
|
|
15
15
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
16
|
*/
|
|
17
|
-
var y;$.finalized=!0,$.elementProperties=new Map,$.elementStyles=[],$.shadowRootOptions={mode:"open"},null==g||g({ReactiveElement:$}),(null!==(c=
|
|
17
|
+
var y;$.finalized=!0,$.elementProperties=new Map,$.elementStyles=[],$.shadowRootOptions={mode:"open"},null==g||g({ReactiveElement:$}),(null!==(c=u.reactiveElementVersions)&&void 0!==c?c:u.reactiveElementVersions=[]).push("1.6.1");const v=window,w=v.trustedTypes,x=w?w.createPolicy("lit-html",{createHTML:t=>t}):void 0,k=`lit$${(Math.random()+"").slice(9)}$`,z="?"+k,S=`<${z}>`,C=document,M=(t="")=>C.createComment(t),L=t=>null===t||"object"!=typeof t&&"function"!=typeof t,A=Array.isArray,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,W=/-->/g,_=/>/g,B=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),E=/'/g,O=/"/g,T=/^(?:script|style|textarea|title)$/i,U=(t=>(o,...e)=>({_$litType$:t,strings:o,values:e}))(1),N=Symbol.for("lit-noChange"),R=Symbol.for("lit-nothing"),P=new WeakMap,Z=C.createTreeWalker(C,129,null,!1),D=(t,o)=>{const e=t.length-1,r=[];let i,n=2===o?"<svg>":"",s=j;for(let o=0;o<e;o++){const e=t[o];let l,a,d=-1,c=0;for(;c<e.length&&(s.lastIndex=c,a=s.exec(e),null!==a);)c=s.lastIndex,s===j?"!--"===a[1]?s=W:void 0!==a[1]?s=_:void 0!==a[2]?(T.test(a[2])&&(i=RegExp("</"+a[2],"g")),s=B):void 0!==a[3]&&(s=B):s===B?">"===a[0]?(s=null!=i?i:j,d=-1):void 0===a[1]?d=-2:(d=s.lastIndex-a[2].length,l=a[1],s=void 0===a[3]?B:'"'===a[3]?O:E):s===O||s===E?s=B:s===W||s===_?s=j:(s=B,i=void 0);const u=s===B&&t[o+1].startsWith("/>")?" ":"";n+=s===j?e+S:d>=0?(r.push(l),e.slice(0,d)+"$lit$"+e.slice(d)+k+u):e+k+(-2===d?(r.push(void 0),o):u)}const l=n+(t[e]||"<?>")+(2===o?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==x?x.createHTML(l):l,r]};class H{constructor({strings:t,_$litType$:o},e){let r;this.parts=[];let i=0,n=0;const s=t.length-1,l=this.parts,[a,d]=D(t,o);if(this.el=H.createElement(a,e),Z.currentNode=this.el.content,2===o){const t=this.el.content,o=t.firstChild;o.remove(),t.append(...o.childNodes)}for(;null!==(r=Z.nextNode())&&l.length<s;){if(1===r.nodeType){if(r.hasAttributes()){const t=[];for(const o of r.getAttributeNames())if(o.endsWith("$lit$")||o.startsWith(k)){const e=d[n++];if(t.push(o),void 0!==e){const t=r.getAttribute(e.toLowerCase()+"$lit$").split(k),o=/([.?@])?(.*)/.exec(e);l.push({type:1,index:i,name:o[2],strings:t,ctor:"."===o[1]?q:"?"===o[1]?K:"@"===o[1]?Q:J})}else l.push({type:6,index:i})}for(const o of t)r.removeAttribute(o)}if(T.test(r.tagName)){const t=r.textContent.split(k),o=t.length-1;if(o>0){r.textContent=w?w.emptyScript:"";for(let e=0;e<o;e++)r.append(t[e],M()),Z.nextNode(),l.push({type:2,index:++i});r.append(t[o],M())}}}else if(8===r.nodeType)if(r.data===z)l.push({type:2,index:i});else{let t=-1;for(;-1!==(t=r.data.indexOf(k,t+1));)l.push({type:7,index:i}),t+=k.length-1}i++}}static createElement(t,o){const e=C.createElement("template");return e.innerHTML=t,e}}function G(t,o,e=t,r){var i,n,s,l;if(o===N)return o;let a=void 0!==r?null===(i=e._$Co)||void 0===i?void 0:i[r]:e._$Cl;const d=L(o)?void 0:o._$litDirective$;return(null==a?void 0:a.constructor)!==d&&(null===(n=null==a?void 0:a._$AO)||void 0===n||n.call(a,!1),void 0===d?a=void 0:(a=new d(t),a._$AT(t,e,r)),void 0!==r?(null!==(s=(l=e)._$Co)&&void 0!==s?s:l._$Co=[])[r]=a:e._$Cl=a),void 0!==a&&(o=G(t,a._$AS(t,o.values),a,r)),o}class V{constructor(t,o){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=o}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var o;const{el:{content:e},parts:r}=this._$AD,i=(null!==(o=null==t?void 0:t.creationScope)&&void 0!==o?o:C).importNode(e,!0);Z.currentNode=i;let n=Z.nextNode(),s=0,l=0,a=r[0];for(;void 0!==a;){if(s===a.index){let o;2===a.type?o=new I(n,n.nextSibling,this,t):1===a.type?o=new a.ctor(n,a.name,a.strings,this,t):6===a.type&&(o=new X(n,this,t)),this.u.push(o),a=r[++l]}s!==(null==a?void 0:a.index)&&(n=Z.nextNode(),s++)}return i}p(t){let o=0;for(const e of this.u)void 0!==e&&(void 0!==e.strings?(e._$AI(t,e,o),o+=e.strings.length-2):e._$AI(t[o])),o++}}class I{constructor(t,o,e,r){var i;this.type=2,this._$AH=R,this._$AN=void 0,this._$AA=t,this._$AB=o,this._$AM=e,this.options=r,this._$Cm=null===(i=null==r?void 0:r.isConnected)||void 0===i||i}get _$AU(){var t,o;return null!==(o=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==o?o:this._$Cm}get parentNode(){let t=this._$AA.parentNode;const o=this._$AM;return void 0!==o&&11===t.nodeType&&(t=o.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,o=this){t=G(this,t,o),L(t)?t===R||null==t||""===t?(this._$AH!==R&&this._$AR(),this._$AH=R):t!==this._$AH&&t!==N&&this.g(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>A(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.k(t):this.g(t)}O(t,o=this._$AB){return this._$AA.parentNode.insertBefore(t,o)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}g(t){this._$AH!==R&&L(this._$AH)?this._$AA.nextSibling.data=t:this.T(C.createTextNode(t)),this._$AH=t}$(t){var o;const{values:e,_$litType$:r}=t,i="number"==typeof r?this._$AC(t):(void 0===r.el&&(r.el=H.createElement(r.h,this.options)),r);if((null===(o=this._$AH)||void 0===o?void 0:o._$AD)===i)this._$AH.p(e);else{const t=new V(i,this),o=t.v(this.options);t.p(e),this.T(o),this._$AH=t}}_$AC(t){let o=P.get(t.strings);return void 0===o&&P.set(t.strings,o=new H(t)),o}k(t){A(this._$AH)||(this._$AH=[],this._$AR());const o=this._$AH;let e,r=0;for(const i of t)r===o.length?o.push(e=new I(this.O(M()),this.O(M()),this,this.options)):e=o[r],e._$AI(i),r++;r<o.length&&(this._$AR(e&&e._$AB.nextSibling,r),o.length=r)}_$AR(t=this._$AA.nextSibling,o){var e;for(null===(e=this._$AP)||void 0===e||e.call(this,!1,!0,o);t&&t!==this._$AB;){const o=t.nextSibling;t.remove(),t=o}}setConnected(t){var o;void 0===this._$AM&&(this._$Cm=t,null===(o=this._$AP)||void 0===o||o.call(this,t))}}class J{constructor(t,o,e,r,i){this.type=1,this._$AH=R,this._$AN=void 0,this.element=t,this.name=o,this._$AM=r,this.options=i,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=R}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,o=this,e,r){const i=this.strings;let n=!1;if(void 0===i)t=G(this,t,o,0),n=!L(t)||t!==this._$AH&&t!==N,n&&(this._$AH=t);else{const r=t;let s,l;for(t=i[0],s=0;s<i.length-1;s++)l=G(this,r[e+s],o,s),l===N&&(l=this._$AH[s]),n||(n=!L(l)||l!==this._$AH[s]),l===R?t=R:t!==R&&(t+=(null!=l?l:"")+i[s+1]),this._$AH[s]=l}n&&!r&&this.j(t)}j(t){t===R?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class q extends J{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===R?void 0:t}}const F=w?w.emptyScript:"";class K extends J{constructor(){super(...arguments),this.type=4}j(t){t&&t!==R?this.element.setAttribute(this.name,F):this.element.removeAttribute(this.name)}}class Q extends J{constructor(t,o,e,r,i){super(t,o,e,r,i),this.type=5}_$AI(t,o=this){var e;if((t=null!==(e=G(this,t,o,0))&&void 0!==e?e:R)===N)return;const r=this._$AH,i=t===R&&r!==R||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,n=t!==R&&(r===R||i);i&&this.element.removeEventListener(this.name,this,r),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var o,e;"function"==typeof this._$AH?this._$AH.call(null!==(e=null===(o=this.options)||void 0===o?void 0:o.host)&&void 0!==e?e:this.element,t):this._$AH.handleEvent(t)}}class X{constructor(t,o,e){this.element=t,this.type=6,this._$AN=void 0,this._$AM=o,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(t){G(this,t)}}const Y=v.litHtmlPolyfillSupport;null==Y||Y(H,I),(null!==(y=v.litHtmlVersions)&&void 0!==y?y:v.litHtmlVersions=[]).push("2.6.1");
|
|
18
18
|
/**
|
|
19
19
|
* @license
|
|
20
20
|
* Copyright 2017 Google LLC
|
|
21
21
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
22
22
|
*/
|
|
23
|
-
var tt,ot;class et extends ${constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,o;const e=super.createRenderRoot();return null!==(t=(o=this.renderOptions).renderBefore)&&void 0!==t||(o.renderBefore=e.firstChild),e}update(t){const o=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,o,e)=>{var r,i;const n=null!==(r=null==e?void 0:e.renderBefore)&&void 0!==r?r:o;let s=n._$litPart$;if(void 0===s){const t=null!==(i=null==e?void 0:e.renderBefore)&&void 0!==i?i:null;n._$litPart$=s=new
|
|
23
|
+
var tt,ot;class et extends ${constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,o;const e=super.createRenderRoot();return null!==(t=(o=this.renderOptions).renderBefore)&&void 0!==t||(o.renderBefore=e.firstChild),e}update(t){const o=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,o,e)=>{var r,i;const n=null!==(r=null==e?void 0:e.renderBefore)&&void 0!==r?r:o;let s=n._$litPart$;if(void 0===s){const t=null!==(i=null==e?void 0:e.renderBefore)&&void 0!==i?i:null;n._$litPart$=s=new I(o.insertBefore(M(),t),t,void 0,null!=e?e:{})}return s._$AI(t),s})(o,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1)}render(){return N}}et.finalized=!0,et._$litElement$=!0,null===(tt=globalThis.litElementHydrateSupport)||void 0===tt||tt.call(globalThis,{LitElement:et});const rt=globalThis.litElementPolyfillSupport;null==rt||rt({LitElement:et}),(null!==(ot=globalThis.litElementVersions)&&void 0!==ot?ot:globalThis.litElementVersions=[]).push("3.2.2");
|
|
24
24
|
/**
|
|
25
25
|
* @license
|
|
26
26
|
* Copyright 2017 Google LLC
|
|
@@ -31,21 +31,21 @@ const it=1,nt=t=>(...o)=>({_$litDirective$:t,values:o});class st{constructor(t){
|
|
|
31
31
|
* @license
|
|
32
32
|
* Copyright 2018 Google LLC
|
|
33
33
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
34
|
-
*/const lt=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"class"!==t.name||(null===(o=t.strings)||void 0===o?void 0:o.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((o=>t[o])).join(" ")+" "}update(t,[o]){var e,r;if(void 0===this.nt){this.nt=new Set,void 0!==t.strings&&(this.st=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in o)o[t]&&!(null===(e=this.st)||void 0===e?void 0:e.has(t))&&this.nt.add(t);return this.render(o)}const i=t.element.classList;this.nt.forEach((t=>{t in o||(i.remove(t),this.nt.delete(t))}));for(const t in o){const e=!!o[t];e===this.nt.has(t)||(null===(r=this.st)||void 0===r?void 0:r.has(t))||(e?(i.add(t),this.nt.add(t)):(i.remove(t),this.nt.delete(t)))}return N}});var at;class dt extends et{constructor(){super(...arguments),at.set(this,void 0)}static get properties(){return{assignedForm:{type:String,attribute:"form"}}}get form(){return t(this,at,"f")}updated(o){super.updated(o),(o.has("form")||null==t(this,at,"f"))&&this.getAssignedForm()}getAssignedForm(){if(this.hasAttribute("form")){const t=this.getRootNode(),e=this.getAttribute("form");o(this,at,t.getElementById(e),"f")}else o(this,at,this.closest("form"),"f")}}at=new WeakMap;var ct,ht,ut={},bt={};bt.LoadsmartTheme={"brand-color-brand":"20, 214, 77","brand-color-brand-accent-1":"0, 215, 215","brand-color-brand-accent-2":"132, 241, 30","border-radius-none":"0px","border-radius-s":"4px","border-radius-m":"8px","border-radius-l":"16px","border-radius-circle":"50%","border-none":0,"border-thin":"1px","border-medium":"2px","border-thick":"4px","color-background-primary":"252, 252, 255","color-background-secondary":"248, 249, 251","color-background-tertiary":"230, 237, 242","color-background-highlight":"202, 219, 221","color-background-inverted":"32, 41, 49","color-background-secondary-inverted":"61, 74, 85","color-border":"193, 206, 217","color-divider":"230, 237, 242","color-brand":"20, 214, 77","color-brand-accent-1":"0, 215, 215","color-brand-accent-2":"132, 241, 30","color-primary-20":"202, 219, 221","color-primary-60":"0, 84, 84","color-primary-100":"0, 51, 51","color-accent-20":"229, 245, 255","color-accent-60":"0, 98, 159","color-accent-100":"15, 66, 97","color-neutral-0":"252, 252, 255","color-neutral-10":"248, 249, 251","color-neutral-20":"230, 237, 242","color-neutral-40":"193, 206, 217","color-neutral-60":"94, 118, 138","color-neutral-80":"92, 106, 118","color-neutral-90":"61, 74, 85","color-neutral-100":"32, 41, 49","color-success-20":"227, 247, 239","color-success-60":"3, 124, 94","color-success-100":"0, 94, 71","color-danger-20":"255, 233, 230","color-danger-60":"186, 27, 27","color-danger-100":"104, 0, 3","color-warning-20":"255, 243, 214","color-warning-60":"248, 182, 14","color-warning-100":"102, 63, 25","color-text-primary":"32, 41, 49","color-text-secondary":"61, 74, 85","color-text-tertiary":"92, 106, 118","color-text-placeholder":"94, 118, 138","color-text-disabled":"193, 206, 217","color-text-inverted":"252, 252, 255","color-text-secondary-inverted":"193, 206, 217","color-text-error":"186, 27, 27","color-text-highlight":"0, 98, 159","color-text-link":"0, 98, 159","font-family-default":"'Manrope', sans-serif","font-family-title":"'PlusJakartaSans', 'Manrope', sans-serif","font-size-1":"0.625rem","font-size-2":"0.75rem","font-size-3":"0.875rem","font-size-4":"1rem","font-size-5":"1.25rem","font-size-6":"1.625rem","font-size-7":"2.375rem","font-size-8":"3rem","font-size-9":"3.625rem","font-weight-regular":500,"font-weight-medium":600,"font-weight-bold":700,"line-height-1":"100%","line-height-2":"125%","line-height-3":"130%","line-height-4":"140%","line-height-5":"150%","line-height-6":"180%","global-height-small":"1.75rem","global-height-default":"2.5rem","global-height-large":"3rem","opacity-0":"0%","opacity-20":"20%","opacity-40":"40%","opacity-60":"60%","opacity-100":"100%","elevation-1":"0px 0px 2px rgba(94, 118, 138, 0.1), 0px 1px 6px 2px rgba(61, 74, 85, 0.15)","elevation-2":"0px 1px 3px rgba(94, 118, 138, 0.2), 0px 4px 8px 3px rgba(61, 74, 85, 0.15)","elevation-3":"0px 0px 4px rgba(94, 118, 138, 0.2), 0px 6px 12px 6px rgba(61, 74, 85, 0.15)","elevation-4":"0px 5px 6px 4px rgba(94, 118, 138, 0.2), 0px 8px 10px rgba(61, 74, 85, 0.1)","glow-primary":"0.0px 0.0px 4.0px 0px rgb(3, 124, 94, .5)","glow-warning":"0.0px 0.0px 4.0px 0px rgba(255, 206, 79, 1.0)","spacing-1":"4px","spacing-2":"8px","spacing-3":"12px","spacing-4":"16px","spacing-5":"20px","spacing-6":"24px","spacing-8":"32px","spacing-10":"40px","spacing-12":"48px","spacing-14":"56px","spacing-16":"64px","spacing-20":"80px","spacing-30":"120px","spacing-0-5":"2px","platform-font-default":"'Manrope', sans-serif","platform-font-title":"'PlusJakartaSans', 'Manrope', sans-serif"},Object.defineProperty(ut,"i",{value:!0});var gt=bt;function mt(t){return gt.LoadsmartTheme[t]}function pt(t){var o=mt(t);return null==o?o:"--m-".concat(t)}var ft=Object.keys(gt.LoadsmartTheme).filter((function(t){return!t.startsWith("brand-")&&!t.startsWith("platform-")}));function $t(t){return ft.filter((function(o){return o.startsWith(t)}))}var yt=$t("color-"),vt=$t("color-background-"),wt=$t("spacing-"),xt=$t("font-family-"),kt=$t("font-size-"),zt=$t("font-weight-"),St=$t("line-height-"),Ct=$t("border-"),Lt=$t("border-radius-"),Mt=$t("opacity-"),At=$t("elevation-"),jt=$t("glow-"),Wt=$t("global-");function Bt(t){return l(ct(t))}function _t(t,o=1){return l(ct(t,o))}ut.BACKGROUND_COLOR_TOKENS=vt,ut.BORDER_RADIUS_TOKENS=Lt,ut.BORDER_TOKENS=Ct,ut.BORDER_WIDTH_TOKENS=["border-none","border-thin","border-medium","border-thick"],ut.COLOR_TOKENS=yt,ut.ELEVATION_TOKENS=At,ut.FONT_FAMILY_TOKENS=xt,ut.FONT_SIZE_TOKENS=kt,ut.FONT_WEIGHT_TOKENS=zt,ut.GLOBAL_TOKENS=Wt,ut.GLOW_TOKENS=jt,ut.LINE_HEIGHT_TOKENS=St,ut.OPACITY_TOKENS=Mt,ut.SPACING_TOKENS=wt,ut.TOKENS=ft,ht=ut.getToken=mt,ct=ut.toCSSValue=function(t,o){var e=mt(t);return null==e?"":t.startsWith("color-")?"rgba(var(".concat(pt(t),", ").concat(e,"), ").concat(null!=o?o:1,")"):"var(".concat(pt(t),", ").concat(e,")")},ut.toCSSVariable=pt;var Et={toArray:function(t){return null==t?[]:Array.isArray(t)?t:[t]}},Ot=Et.toArray;function Tt(t){return l(`\n\t\t${function(t){return l(`\n\t\tmargin-inline-end: ${t}\n\t`)}(t)};\n\t\t${function(t){return l(`\n\t\tmargin-inline-start: ${t}\n\t`)}(t)}\n\t`)}function Ut(t){return l(`\n\t\t${function(t){return l(`\n\t\tmargin-block-start: ${t}\n\t`)}(t)};\n\t\t${function(t){return l(`\n\t\tmargin-block-end: ${t}\n\t`)}(t)}\n\t`)}function Nt(t){return l(`\n\t\t${Tt(t)};\n\t\t${Ut(t)}\n\t`)}function Rt(t){return l(`\n\t\t${function(t){return l(`\n\t\tpadding-inline-end: ${t}\n\t`)}(t)};\n\t\t${function(t){return l(`\n\t\tpadding-inline-start: ${t}\n\t`)}(t)}\n\t`)}function Pt(t){return l(`\n\t\t${function(t){return l(`\n\t\tpadding-block-start: ${t}\n\t`)}(t)};\n\t\t${function(t){return l(`\n\t\tpadding-block-end: ${t}\n\t`)}(t)}\n\t`)}function Zt(t){return l(`\n\t\t${Rt(t)};\n\t\t${Pt(t)}\n\t`)}const Dt={property:"all",delay:"0s",duration:"0.35s",easing:"ease-in-out"};function Ht(t){const o=Ot(t).map((t=>function(t){const o={...Dt,...t};return l(`${o.property} ${o.duration} ${o.easing} ${o.delay}`)}(t))).join(", ");return l(`\n\t\ttransition: ${o}\n\t`)}function Gt(t){const o=l("\n\t\tfont-style: normal;\n\t\tfont-stretch: normal;\n\t\tletter-spacing: normal;\n\n\t\tfont-synthesis: none;\n\t\ttext-rendering: optimizeLegibility;\n\t\t-webkit-font-smoothing: antialiased;\n\t\t-moz-osx-font-smoothing: grayscale;\n\t\t-webkit-text-size-adjust: 100%;\n\t");return l(`${o}\n${function(t){switch(t){case"hero-lg-bold":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-6")};\n\t\t\t\tfont-size: ${Bt("font-size-9")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t`;case"hero-lg":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-6")};\n\t\t\t\tfont-size: ${Bt("font-size-9")};\n\t\t\t\tfont-weight: ${Bt("font-weight-regular")}\n\t\t\t`;case"hero-md-bold":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-6")};\n\t\t\t\tfont-size: ${Bt("font-size-8")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t`;case"hero-md":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-6")};\n\t\t\t\tfont-size: ${Bt("font-size-8")};\n\t\t\t\tfont-weight: ${Bt("font-weight-regular")}\n\t\t\t`;case"hero-sm-bold":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-6")};\n\t\t\t\tfont-size: ${Bt("font-size-7")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t`;case"hero-sm":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-6")};\n\t\t\t\tfont-size: ${Bt("font-size-7")};\n\t\t\t\tfont-weight: ${Bt("font-weight-regular")}\n\t\t\t`;case"heading-lg-bold":return`\n\t\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\t\tline-height: ${Bt("line-height-5")};\n\t\t\t\t\tfont-size: ${Bt("font-size-6")};\n\t\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t\t`;case"heading-lg":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-5")};\n\t\t\t\tfont-size: ${Bt("font-size-6")};\n\t\t\t\tfont-weight: ${Bt("font-weight-regular")}\n\t\t\t`;case"heading-md-bold":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-5")};\n\t\t\t\tfont-size: ${Bt("font-size-5")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t`;case"heading-md":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-5")};\n\t\t\t\tfont-size: ${Bt("font-size-5")};\n\t\t\t\tfont-weight: ${Bt("font-weight-regular")}\n\t\t\t`;case"heading-sm-bold":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-5")};\n\t\t\t\tfont-size: ${Bt("font-size-4")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t`;case"heading-sm":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-5")};\n\t\t\t\tfont-size: ${Bt("font-size-4")};\n\t\t\t\tfont-weight: ${Bt("font-weight-regular")}\n\t\t\t`;case"body-lg-bold":return`\n\t\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\t\tline-height: ${Bt("line-height-6")};\n\t\t\t\t\tfont-size: ${Bt("font-size-5")};\n\t\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t\t`;case"body-lg":return`\n\t\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\t\tline-height: ${Bt("line-height-6")};\n\t\t\t\t\tfont-size: ${Bt("font-size-5")};\n\t\t\t\t\tfont-weight: ${Bt("font-weight-regular")}\n\t\t\t\t`;case"body-md":case"number-md":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-5")};\n\t\t\t\tfont-size: ${Bt("font-size-3")};\n\t\t\t\tfont-weight: ${Bt("font-weight-regular")}\n\t\t\t`;case"body-md-underline":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-5")};\n\t\t\t\tfont-size: ${Bt("font-size-3")};\n\t\t\t\tfont-weight: ${Bt("font-weight-regular")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-md-bold":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-5")};\n\t\t\t\tfont-size: ${Bt("font-size-3")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t`;case"body-md-bold-underline":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-5")};\n\t\t\t\tfont-size: ${Bt("font-size-3")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-sm":case"number-sm":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-4")};\n\t\t\t\tfont-size: ${Bt("font-size-2")};\n\t\t\t\tfont-weight: ${Bt("font-weight-regular")}\n\t\t\t`;case"body-sm-underline":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-4")};\n\t\t\t\tfont-size: ${Bt("font-size-2")};\n\t\t\t\tfont-weight: ${Bt("font-weight-regular")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-sm-bold":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-4")};\n\t\t\t\tfont-size: ${Bt("font-size-2")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t`;case"body-sm-bold-underline":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-4")};\n\t\t\t\tfont-size: ${Bt("font-size-2")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"button-lg":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-1")};\n\t\t\t\tfont-size: ${Bt("font-size-4")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t`;case"button-md":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-1")};\n\t\t\t\tfont-size: ${Bt("font-size-3")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t`;case"button-sm":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-1")};\n\t\t\t\tfont-size: ${Bt("font-size-2")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t`;case"table-header-md":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-1")};\n\t\t\t\tfont-size: ${Bt("font-size-3")};\n\t\t\t\tfont-weight: ${Bt("font-weight-medium")};\n\t\t\t\ttext-transform: uppercase\n\t\t\t`;case"table-header-sm":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-1")};\n\t\t\t\tfont-size: ${Bt("font-size-2")};\n\t\t\t\tfont-weight: ${Bt("font-weight-medium")}\n\t\t\t`;case"chips-md":return`\n\t\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\t\tline-height: ${Bt("line-height-1")};\n\t\t\t\t\tfont-size: ${Bt("font-size-2")};\n\t\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t\t`;case"chips-sm":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-1")};\n\t\t\t\tfont-size: ${Bt("font-size-1")};\n\t\t\t\tfont-weight: ${Bt("font-weight-medium")};\n\t\t\t\ttext-transform: uppercase\n\t\t\t`;default:return""}}(t)}`)}function It(t,o=""){return l(Ot(t).map((t=>[`${t}.is-disabled`,`${t}:disabled`].map((t=>[t,o].join(" "))).join(", "))).join(", "))}const Vt={active:function(t){return l(Ot(t).map((t=>`${t}:not(.is-disabled, :disabled):active`)).join(", "))},focus:function(t){return l(Ot(t).map((t=>`${t}:not(.is-disabled, :disabled):focus,\n\t\t\t\t${t}:not(.is-disabled, :disabled):focus-within,\n\t\t\t\t${t}:not(.is-disabled, :disabled).is-focused`)).join(", "))},hover:function(t){return l(Ot(t).map((t=>`${t}:not(.is-disabled, :disabled):hover`)).join(", "))}};function Jt(){return a`
|
|
34
|
+
*/const lt=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"class"!==t.name||(null===(o=t.strings)||void 0===o?void 0:o.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((o=>t[o])).join(" ")+" "}update(t,[o]){var e,r;if(void 0===this.nt){this.nt=new Set,void 0!==t.strings&&(this.st=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in o)o[t]&&!(null===(e=this.st)||void 0===e?void 0:e.has(t))&&this.nt.add(t);return this.render(o)}const i=t.element.classList;this.nt.forEach((t=>{t in o||(i.remove(t),this.nt.delete(t))}));for(const t in o){const e=!!o[t];e===this.nt.has(t)||(null===(r=this.st)||void 0===r?void 0:r.has(t))||(e?(i.add(t),this.nt.add(t)):(i.remove(t),this.nt.delete(t)))}return N}});var at;class dt extends et{constructor(){super(...arguments),at.set(this,void 0)}static get properties(){return{assignedForm:{type:String,attribute:"form"}}}get form(){return t(this,at,"f")}updated(o){super.updated(o),(o.has("form")||null==t(this,at,"f"))&&this.getAssignedForm()}getAssignedForm(){if(this.hasAttribute("form")){const t=this.getRootNode(),e=this.getAttribute("form");o(this,at,t.getElementById(e),"f")}else o(this,at,this.closest("form"),"f")}}at=new WeakMap;var ct,ut,ht={},bt={};bt.LoadsmartTheme={"brand-color-brand":"20, 214, 77","brand-color-brand-accent-1":"0, 215, 215","brand-color-brand-accent-2":"132, 241, 30","border-radius-none":"0px","border-radius-s":"4px","border-radius-m":"8px","border-radius-l":"16px","border-radius-circle":"50%","border-none":0,"border-thin":"1px","border-medium":"2px","border-thick":"4px","color-background-primary":"252, 252, 255","color-background-secondary":"248, 249, 251","color-background-tertiary":"230, 237, 242","color-background-highlight":"202, 219, 221","color-background-inverted":"32, 41, 49","color-background-secondary-inverted":"61, 74, 85","color-border":"193, 206, 217","color-divider":"230, 237, 242","color-brand":"20, 214, 77","color-brand-accent-1":"0, 215, 215","color-brand-accent-2":"132, 241, 30","color-primary-20":"202, 219, 221","color-primary-60":"0, 84, 84","color-primary-100":"0, 51, 51","color-accent-20":"229, 245, 255","color-accent-60":"0, 98, 159","color-accent-100":"15, 66, 97","color-neutral-0":"252, 252, 255","color-neutral-10":"248, 249, 251","color-neutral-20":"230, 237, 242","color-neutral-40":"193, 206, 217","color-neutral-60":"94, 118, 138","color-neutral-80":"92, 106, 118","color-neutral-90":"61, 74, 85","color-neutral-100":"32, 41, 49","color-success-20":"227, 247, 239","color-success-60":"3, 124, 94","color-success-100":"0, 94, 71","color-danger-20":"255, 233, 230","color-danger-60":"186, 27, 27","color-danger-100":"104, 0, 3","color-warning-20":"255, 243, 214","color-warning-60":"248, 182, 14","color-warning-100":"102, 63, 25","color-text-primary":"32, 41, 49","color-text-secondary":"61, 74, 85","color-text-tertiary":"92, 106, 118","color-text-placeholder":"94, 118, 138","color-text-disabled":"193, 206, 217","color-text-inverted":"252, 252, 255","color-text-secondary-inverted":"193, 206, 217","color-text-error":"186, 27, 27","color-text-highlight":"0, 98, 159","color-text-link":"0, 98, 159","font-family-default":"'Manrope', sans-serif","font-family-title":"'PlusJakartaSans', 'Manrope', sans-serif","font-size-1":"0.625rem","font-size-2":"0.75rem","font-size-3":"0.875rem","font-size-4":"1rem","font-size-5":"1.25rem","font-size-6":"1.625rem","font-size-7":"2.375rem","font-size-8":"3rem","font-size-9":"3.625rem","font-weight-regular":500,"font-weight-medium":600,"font-weight-bold":700,"line-height-1":"100%","line-height-2":"125%","line-height-3":"130%","line-height-4":"140%","line-height-5":"150%","line-height-6":"180%","global-height-small":"1.75rem","global-height-default":"2.5rem","global-height-large":"3rem","opacity-0":"0%","opacity-20":"20%","opacity-40":"40%","opacity-60":"60%","opacity-100":"100%","elevation-1":"0px 0px 2px rgba(94, 118, 138, 0.1), 0px 1px 6px 2px rgba(61, 74, 85, 0.15)","elevation-2":"0px 1px 3px rgba(94, 118, 138, 0.2), 0px 4px 8px 3px rgba(61, 74, 85, 0.15)","elevation-3":"0px 0px 4px rgba(94, 118, 138, 0.2), 0px 6px 12px 6px rgba(61, 74, 85, 0.15)","elevation-4":"0px 5px 6px 4px rgba(94, 118, 138, 0.2), 0px 8px 10px rgba(61, 74, 85, 0.1)","glow-primary":"0.0px 0.0px 4.0px 0px rgb(3, 124, 94, .5)","glow-warning":"0.0px 0.0px 4.0px 0px rgba(255, 206, 79, 1.0)","spacing-1":"4px","spacing-2":"8px","spacing-3":"12px","spacing-4":"16px","spacing-5":"20px","spacing-6":"24px","spacing-8":"32px","spacing-10":"40px","spacing-12":"48px","spacing-14":"56px","spacing-16":"64px","spacing-20":"80px","spacing-30":"120px","spacing-0-5":"2px","platform-font-default":"'Manrope', sans-serif","platform-font-title":"'PlusJakartaSans', 'Manrope', sans-serif"},Object.defineProperty(ht,"i",{value:!0});var gt=bt;function mt(t){return gt.LoadsmartTheme[t]}function pt(t){var o=mt(t);return null==o?o:"--m-".concat(t)}var ft=Object.keys(gt.LoadsmartTheme).filter((function(t){return!t.startsWith("brand-")&&!t.startsWith("platform-")}));function $t(t){return ft.filter((function(o){return o.startsWith(t)}))}var yt=$t("color-"),vt=$t("color-background-"),wt=$t("spacing-"),xt=$t("font-family-"),kt=$t("font-size-"),zt=$t("font-weight-"),St=$t("line-height-"),Ct=$t("border-"),Mt=$t("border-radius-"),Lt=$t("opacity-"),At=$t("elevation-"),jt=$t("glow-"),Wt=$t("global-");function _t(t){return l(ct(t))}function Bt(t,o=1){return l(ct(t,o))}ht.BACKGROUND_COLOR_TOKENS=vt,ht.BORDER_RADIUS_TOKENS=Mt,ht.BORDER_TOKENS=Ct,ht.BORDER_WIDTH_TOKENS=["border-none","border-thin","border-medium","border-thick"],ht.COLOR_TOKENS=yt,ht.ELEVATION_TOKENS=At,ht.FONT_FAMILY_TOKENS=xt,ht.FONT_SIZE_TOKENS=kt,ht.FONT_WEIGHT_TOKENS=zt,ht.GLOBAL_TOKENS=Wt,ht.GLOW_TOKENS=jt,ht.LINE_HEIGHT_TOKENS=St,ht.OPACITY_TOKENS=Lt,ht.SPACING_TOKENS=wt,ht.TOKENS=ft,ut=ht.getToken=mt,ct=ht.toCSSValue=function(t,o){var e=mt(t);return null==e?"":t.startsWith("color-")?"rgba(var(".concat(pt(t),", ").concat(e,"), ").concat(null!=o?o:1,")"):"var(".concat(pt(t),", ").concat(e,")")},ht.toCSSVariable=pt;var Et={toArray:function(t){return null==t?[]:Array.isArray(t)?t:[t]}},Ot=Et.toArray;function Tt(t){return l(`\n\t\t${function(t){return l(`\n\t\tmargin-inline-end: ${t}\n\t`)}(t)};\n\t\t${function(t){return l(`\n\t\tmargin-inline-start: ${t}\n\t`)}(t)}\n\t`)}function Ut(t){return l(`\n\t\t${function(t){return l(`\n\t\tmargin-block-start: ${t}\n\t`)}(t)};\n\t\t${function(t){return l(`\n\t\tmargin-block-end: ${t}\n\t`)}(t)}\n\t`)}function Nt(t){return l(`\n\t\t${Tt(t)};\n\t\t${Ut(t)}\n\t`)}function Rt(t){return l(`\n\t\t${function(t){return l(`\n\t\tpadding-inline-end: ${t}\n\t`)}(t)};\n\t\t${function(t){return l(`\n\t\tpadding-inline-start: ${t}\n\t`)}(t)}\n\t`)}function Pt(t){return l(`\n\t\t${function(t){return l(`\n\t\tpadding-block-start: ${t}\n\t`)}(t)};\n\t\t${function(t){return l(`\n\t\tpadding-block-end: ${t}\n\t`)}(t)}\n\t`)}function Zt(t){return l(`\n\t\t${Rt(t)};\n\t\t${Pt(t)}\n\t`)}const Dt={property:"all",delay:"0s",duration:"0.35s",easing:"ease-in-out"};function Ht(t){const o=Ot(t).map((t=>function(t){const o={...Dt,...t};return l(`${o.property} ${o.duration} ${o.easing} ${o.delay}`)}(t))).join(", ");return l(`\n\t\ttransition: ${o}\n\t`)}function Gt(t){const o=l("\n\t\tfont-style: normal;\n\t\tfont-stretch: normal;\n\t\tletter-spacing: normal;\n\n\t\tfont-synthesis: none;\n\t\ttext-rendering: optimizeLegibility;\n\t\t-webkit-font-smoothing: antialiased;\n\t\t-moz-osx-font-smoothing: grayscale;\n\t\t-webkit-text-size-adjust: 100%;\n\t");return l(`${o}\n${function(t){switch(t){case"hero-lg-bold":return`\n\t\t\t\tfont-family: ${_t("font-family-title")};\n\t\t\t\tline-height: ${_t("line-height-6")};\n\t\t\t\tfont-size: ${_t("font-size-9")};\n\t\t\t\tfont-weight: ${_t("font-weight-bold")}\n\t\t\t`;case"hero-lg":return`\n\t\t\t\tfont-family: ${_t("font-family-title")};\n\t\t\t\tline-height: ${_t("line-height-6")};\n\t\t\t\tfont-size: ${_t("font-size-9")};\n\t\t\t\tfont-weight: ${_t("font-weight-regular")}\n\t\t\t`;case"hero-md-bold":return`\n\t\t\t\tfont-family: ${_t("font-family-title")};\n\t\t\t\tline-height: ${_t("line-height-6")};\n\t\t\t\tfont-size: ${_t("font-size-8")};\n\t\t\t\tfont-weight: ${_t("font-weight-bold")}\n\t\t\t`;case"hero-md":return`\n\t\t\t\tfont-family: ${_t("font-family-title")};\n\t\t\t\tline-height: ${_t("line-height-6")};\n\t\t\t\tfont-size: ${_t("font-size-8")};\n\t\t\t\tfont-weight: ${_t("font-weight-regular")}\n\t\t\t`;case"hero-sm-bold":return`\n\t\t\t\tfont-family: ${_t("font-family-title")};\n\t\t\t\tline-height: ${_t("line-height-6")};\n\t\t\t\tfont-size: ${_t("font-size-7")};\n\t\t\t\tfont-weight: ${_t("font-weight-bold")}\n\t\t\t`;case"hero-sm":return`\n\t\t\t\tfont-family: ${_t("font-family-title")};\n\t\t\t\tline-height: ${_t("line-height-6")};\n\t\t\t\tfont-size: ${_t("font-size-7")};\n\t\t\t\tfont-weight: ${_t("font-weight-regular")}\n\t\t\t`;case"heading-lg-bold":return`\n\t\t\t\t\tfont-family: ${_t("font-family-title")};\n\t\t\t\t\tline-height: ${_t("line-height-5")};\n\t\t\t\t\tfont-size: ${_t("font-size-6")};\n\t\t\t\t\tfont-weight: ${_t("font-weight-bold")}\n\t\t\t\t`;case"heading-lg":return`\n\t\t\t\tfont-family: ${_t("font-family-title")};\n\t\t\t\tline-height: ${_t("line-height-5")};\n\t\t\t\tfont-size: ${_t("font-size-6")};\n\t\t\t\tfont-weight: ${_t("font-weight-regular")}\n\t\t\t`;case"heading-md-bold":return`\n\t\t\t\tfont-family: ${_t("font-family-title")};\n\t\t\t\tline-height: ${_t("line-height-5")};\n\t\t\t\tfont-size: ${_t("font-size-5")};\n\t\t\t\tfont-weight: ${_t("font-weight-bold")}\n\t\t\t`;case"heading-md":return`\n\t\t\t\tfont-family: ${_t("font-family-title")};\n\t\t\t\tline-height: ${_t("line-height-5")};\n\t\t\t\tfont-size: ${_t("font-size-5")};\n\t\t\t\tfont-weight: ${_t("font-weight-regular")}\n\t\t\t`;case"heading-sm-bold":return`\n\t\t\t\tfont-family: ${_t("font-family-title")};\n\t\t\t\tline-height: ${_t("line-height-5")};\n\t\t\t\tfont-size: ${_t("font-size-4")};\n\t\t\t\tfont-weight: ${_t("font-weight-bold")}\n\t\t\t`;case"heading-sm":return`\n\t\t\t\tfont-family: ${_t("font-family-title")};\n\t\t\t\tline-height: ${_t("line-height-5")};\n\t\t\t\tfont-size: ${_t("font-size-4")};\n\t\t\t\tfont-weight: ${_t("font-weight-regular")}\n\t\t\t`;case"body-lg-bold":return`\n\t\t\t\t\tfont-family: ${_t("font-family-default")};\n\t\t\t\t\tline-height: ${_t("line-height-6")};\n\t\t\t\t\tfont-size: ${_t("font-size-5")};\n\t\t\t\t\tfont-weight: ${_t("font-weight-bold")}\n\t\t\t\t`;case"body-lg":return`\n\t\t\t\t\tfont-family: ${_t("font-family-default")};\n\t\t\t\t\tline-height: ${_t("line-height-6")};\n\t\t\t\t\tfont-size: ${_t("font-size-5")};\n\t\t\t\t\tfont-weight: ${_t("font-weight-regular")}\n\t\t\t\t`;case"body-md":case"number-md":return`\n\t\t\t\tfont-family: ${_t("font-family-default")};\n\t\t\t\tline-height: ${_t("line-height-5")};\n\t\t\t\tfont-size: ${_t("font-size-3")};\n\t\t\t\tfont-weight: ${_t("font-weight-regular")}\n\t\t\t`;case"body-md-underline":return`\n\t\t\t\tfont-family: ${_t("font-family-default")};\n\t\t\t\tline-height: ${_t("line-height-5")};\n\t\t\t\tfont-size: ${_t("font-size-3")};\n\t\t\t\tfont-weight: ${_t("font-weight-regular")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-md-bold":return`\n\t\t\t\tfont-family: ${_t("font-family-default")};\n\t\t\t\tline-height: ${_t("line-height-5")};\n\t\t\t\tfont-size: ${_t("font-size-3")};\n\t\t\t\tfont-weight: ${_t("font-weight-bold")}\n\t\t\t`;case"body-md-bold-underline":return`\n\t\t\t\tfont-family: ${_t("font-family-default")};\n\t\t\t\tline-height: ${_t("line-height-5")};\n\t\t\t\tfont-size: ${_t("font-size-3")};\n\t\t\t\tfont-weight: ${_t("font-weight-bold")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-sm":case"number-sm":return`\n\t\t\t\tfont-family: ${_t("font-family-default")};\n\t\t\t\tline-height: ${_t("line-height-4")};\n\t\t\t\tfont-size: ${_t("font-size-2")};\n\t\t\t\tfont-weight: ${_t("font-weight-regular")}\n\t\t\t`;case"body-sm-underline":return`\n\t\t\t\tfont-family: ${_t("font-family-default")};\n\t\t\t\tline-height: ${_t("line-height-4")};\n\t\t\t\tfont-size: ${_t("font-size-2")};\n\t\t\t\tfont-weight: ${_t("font-weight-regular")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-sm-bold":return`\n\t\t\t\tfont-family: ${_t("font-family-default")};\n\t\t\t\tline-height: ${_t("line-height-4")};\n\t\t\t\tfont-size: ${_t("font-size-2")};\n\t\t\t\tfont-weight: ${_t("font-weight-bold")}\n\t\t\t`;case"body-sm-bold-underline":return`\n\t\t\t\tfont-family: ${_t("font-family-default")};\n\t\t\t\tline-height: ${_t("line-height-4")};\n\t\t\t\tfont-size: ${_t("font-size-2")};\n\t\t\t\tfont-weight: ${_t("font-weight-bold")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"button-lg":return`\n\t\t\t\tfont-family: ${_t("font-family-default")};\n\t\t\t\tline-height: ${_t("line-height-1")};\n\t\t\t\tfont-size: ${_t("font-size-4")};\n\t\t\t\tfont-weight: ${_t("font-weight-bold")}\n\t\t\t`;case"button-md":return`\n\t\t\t\tfont-family: ${_t("font-family-default")};\n\t\t\t\tline-height: ${_t("line-height-1")};\n\t\t\t\tfont-size: ${_t("font-size-3")};\n\t\t\t\tfont-weight: ${_t("font-weight-bold")}\n\t\t\t`;case"button-sm":return`\n\t\t\t\tfont-family: ${_t("font-family-default")};\n\t\t\t\tline-height: ${_t("line-height-1")};\n\t\t\t\tfont-size: ${_t("font-size-2")};\n\t\t\t\tfont-weight: ${_t("font-weight-bold")}\n\t\t\t`;case"table-header-md":return`\n\t\t\t\tfont-family: ${_t("font-family-default")};\n\t\t\t\tline-height: ${_t("line-height-1")};\n\t\t\t\tfont-size: ${_t("font-size-3")};\n\t\t\t\tfont-weight: ${_t("font-weight-medium")};\n\t\t\t\ttext-transform: uppercase\n\t\t\t`;case"table-header-sm":return`\n\t\t\t\tfont-family: ${_t("font-family-default")};\n\t\t\t\tline-height: ${_t("line-height-1")};\n\t\t\t\tfont-size: ${_t("font-size-2")};\n\t\t\t\tfont-weight: ${_t("font-weight-medium")}\n\t\t\t`;case"chips-md":return`\n\t\t\t\t\tfont-family: ${_t("font-family-default")};\n\t\t\t\t\tline-height: ${_t("line-height-1")};\n\t\t\t\t\tfont-size: ${_t("font-size-2")};\n\t\t\t\t\tfont-weight: ${_t("font-weight-bold")}\n\t\t\t\t`;case"chips-sm":return`\n\t\t\t\tfont-family: ${_t("font-family-default")};\n\t\t\t\tline-height: ${_t("line-height-1")};\n\t\t\t\tfont-size: ${_t("font-size-1")};\n\t\t\t\tfont-weight: ${_t("font-weight-medium")};\n\t\t\t\ttext-transform: uppercase\n\t\t\t`;default:return""}}(t)}`)}function Vt(t,o=""){return l(Ot(t).map((t=>[`${t}.is-disabled`,`${t}:disabled`].map((t=>[t,o].join(" "))).join(", "))).join(", "))}const It={active:function(t){return l(Ot(t).map((t=>`${t}:not(.is-disabled, :disabled):active`)).join(", "))},focus:function(t){return l(Ot(t).map((t=>`${t}:not(.is-disabled, :disabled):focus,\n\t\t\t\t${t}:not(.is-disabled, :disabled):focus-within,\n\t\t\t\t${t}:not(.is-disabled, :disabled).is-focused`)).join(", "))},hover:function(t){return l(Ot(t).map((t=>`${t}:not(.is-disabled, :disabled):hover`)).join(", "))}};function Jt(){return a`
|
|
35
35
|
:host {
|
|
36
36
|
--m-button-background-color: transparent;
|
|
37
|
-
--m-button-base-size: ${
|
|
38
|
-
--m-button-border-color: ${
|
|
39
|
-
--m-button-border-radius: ${
|
|
40
|
-
--m-button-color: ${
|
|
41
|
-
--m-button-outline-color: ${
|
|
37
|
+
--m-button-base-size: ${_t("global-height-default")};
|
|
38
|
+
--m-button-border-color: ${Bt("color-neutral-90")};
|
|
39
|
+
--m-button-border-radius: ${_t("border-radius-s")};
|
|
40
|
+
--m-button-color: ${Bt("color-text-secondary")};
|
|
41
|
+
--m-button-outline-color: ${Bt("color-primary-100")};
|
|
42
42
|
--m-button-outline-offset: 2px;
|
|
43
|
-
--m-button-padding-x: ${
|
|
44
|
-
--m-button-padding-y: ${
|
|
43
|
+
--m-button-padding-x: ${_t("spacing-4")};
|
|
44
|
+
--m-button-padding-y: ${_t("spacing-3")};
|
|
45
45
|
/**
|
|
46
46
|
* Useful when overriding via host :slotted query.
|
|
47
47
|
*/
|
|
48
|
-
--m-button-font-size: ${
|
|
48
|
+
--m-button-font-size: ${_t("font-size-3")};
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
.button {
|
|
@@ -67,7 +67,7 @@ const it=1,nt=t=>(...o)=>({_$litDirective$:t,values:o});class st{constructor(t){
|
|
|
67
67
|
|
|
68
68
|
text-decoration: none;
|
|
69
69
|
|
|
70
|
-
gap: ${
|
|
70
|
+
gap: ${_t("spacing-1")};
|
|
71
71
|
|
|
72
72
|
padding-inline: var(--m-button-padding-x);
|
|
73
73
|
padding-block: var(--m-button-padding-y);
|
|
@@ -79,23 +79,23 @@ const it=1,nt=t=>(...o)=>({_$litDirective$:t,values:o});class st{constructor(t){
|
|
|
79
79
|
border-radius: var(--m-button-border-radius);
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
-
${
|
|
82
|
+
${Vt(".button")} {
|
|
83
83
|
cursor: default;
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
-
${
|
|
86
|
+
${Vt(".button","*")} {
|
|
87
87
|
pointer-events: none;
|
|
88
88
|
}
|
|
89
89
|
|
|
90
|
-
${
|
|
90
|
+
${It.focus(".button")} {
|
|
91
91
|
outline: 1px solid var(--m-button-outline-color);
|
|
92
92
|
outline-offset: var(--m-button-outline-offset);
|
|
93
93
|
}
|
|
94
94
|
|
|
95
|
-
${
|
|
96
|
-
--m-button-background-color: ${
|
|
97
|
-
--m-button-border-color: ${
|
|
98
|
-
--m-button-color: ${
|
|
95
|
+
${It.hover(".button")} {
|
|
96
|
+
--m-button-background-color: ${Bt("color-background-inverted")};
|
|
97
|
+
--m-button-border-color: ${Bt("color-background-inverted")};
|
|
98
|
+
--m-button-color: ${Bt("color-text-inverted")};
|
|
99
99
|
}
|
|
100
100
|
|
|
101
101
|
::slotted(*) {
|
|
@@ -128,162 +128,162 @@ const it=1,nt=t=>(...o)=>({_$litDirective$:t,values:o});class st{constructor(t){
|
|
|
128
128
|
}
|
|
129
129
|
|
|
130
130
|
.button.-primary {
|
|
131
|
-
--m-button-background-color: ${
|
|
132
|
-
--m-button-border-color: ${
|
|
133
|
-
--m-button-color: ${
|
|
131
|
+
--m-button-background-color: ${Bt("color-primary-60")};
|
|
132
|
+
--m-button-border-color: ${Bt("color-primary-60")};
|
|
133
|
+
--m-button-color: ${Bt("color-text-inverted")};
|
|
134
134
|
}
|
|
135
135
|
|
|
136
|
-
${
|
|
137
|
-
--m-button-background-color: ${
|
|
138
|
-
--m-button-border-color: ${
|
|
136
|
+
${Vt(".button.-primary")} {
|
|
137
|
+
--m-button-background-color: ${Bt("color-primary-20")};
|
|
138
|
+
--m-button-border-color: ${Bt("color-primary-20")};
|
|
139
139
|
}
|
|
140
140
|
|
|
141
|
-
${
|
|
142
|
-
--m-button-border-color: ${
|
|
143
|
-
--m-button-outline-color: ${
|
|
141
|
+
${It.focus(".button.-primary")} {
|
|
142
|
+
--m-button-border-color: ${Bt("color-primary-60")};
|
|
143
|
+
--m-button-outline-color: ${Bt("color-primary-60")};
|
|
144
144
|
}
|
|
145
145
|
|
|
146
|
-
${
|
|
147
|
-
${
|
|
148
|
-
--m-button-background-color: ${
|
|
149
|
-
--m-button-border-color: ${
|
|
146
|
+
${It.hover(".button.-primary")},
|
|
147
|
+
${It.active(".button.-primary")} {
|
|
148
|
+
--m-button-background-color: ${Bt("color-primary-100")};
|
|
149
|
+
--m-button-border-color: ${Bt("color-primary-100")};
|
|
150
150
|
}
|
|
151
151
|
|
|
152
152
|
.button.-primary.is-loading {
|
|
153
|
-
--m-button-background-color: ${
|
|
154
|
-
--m-button-border-color: ${
|
|
155
|
-
--m-button-color: ${
|
|
153
|
+
--m-button-background-color: ${Bt("color-primary-60")};
|
|
154
|
+
--m-button-border-color: ${Bt("color-primary-60")};
|
|
155
|
+
--m-button-color: ${Bt("color-text-inverted")};
|
|
156
156
|
}
|
|
157
157
|
|
|
158
158
|
.button.-secondary {
|
|
159
159
|
--m-button-background-color: transparent;
|
|
160
|
-
--m-button-border-color: ${
|
|
161
|
-
--m-button-color: ${
|
|
160
|
+
--m-button-border-color: ${Bt("color-primary-100")};
|
|
161
|
+
--m-button-color: ${Bt("color-primary-100")};
|
|
162
162
|
}
|
|
163
163
|
|
|
164
|
-
${
|
|
165
|
-
--m-button-border-color: ${
|
|
166
|
-
--m-button-color: ${
|
|
164
|
+
${Vt(".button.-secondary")} {
|
|
165
|
+
--m-button-border-color: ${Bt("color-text-disabled")};
|
|
166
|
+
--m-button-color: ${Bt("color-text-disabled")};
|
|
167
167
|
}
|
|
168
168
|
|
|
169
|
-
${
|
|
170
|
-
--m-button-border-color: ${
|
|
171
|
-
--m-button-color: ${
|
|
169
|
+
${It.focus(".button.-secondary")} {
|
|
170
|
+
--m-button-border-color: ${Bt("color-primary-100")};
|
|
171
|
+
--m-button-color: ${Bt("color-primary-100")};
|
|
172
172
|
|
|
173
|
-
--m-button-outline-color: ${
|
|
173
|
+
--m-button-outline-color: ${Bt("color-primary-60")};
|
|
174
174
|
}
|
|
175
175
|
|
|
176
|
-
${
|
|
177
|
-
${
|
|
178
|
-
--m-button-background-color: ${
|
|
179
|
-
--m-button-border-color: ${
|
|
180
|
-
--m-button-color: ${
|
|
176
|
+
${It.hover(".button.-secondary")},
|
|
177
|
+
${It.active(".button.-secondary")} {
|
|
178
|
+
--m-button-background-color: ${Bt("color-background-tertiary")};
|
|
179
|
+
--m-button-border-color: ${Bt("color-primary-60")};
|
|
180
|
+
--m-button-color: ${Bt("color-primary-60")};
|
|
181
181
|
}
|
|
182
182
|
|
|
183
183
|
.button.-secondary.is-loading {
|
|
184
184
|
--m-button-background-color: transparent;
|
|
185
185
|
|
|
186
|
-
--m-button-border-color: ${
|
|
187
|
-
--m-button-color: ${
|
|
186
|
+
--m-button-border-color: ${Bt("color-primary-100")};
|
|
187
|
+
--m-button-color: ${Bt("color-primary-100")};
|
|
188
188
|
}
|
|
189
189
|
|
|
190
190
|
.button.-tertiary {
|
|
191
191
|
--m-button-background-color: transparent;
|
|
192
192
|
--m-button-border-color: transparent;
|
|
193
|
-
--m-button-color: ${
|
|
193
|
+
--m-button-color: ${Bt("color-primary-100")};
|
|
194
194
|
}
|
|
195
195
|
|
|
196
|
-
${
|
|
197
|
-
--m-button-color: ${
|
|
196
|
+
${Vt(".button.-tertiary")} {
|
|
197
|
+
--m-button-color: ${Bt("color-text-disabled")};
|
|
198
198
|
}
|
|
199
199
|
|
|
200
|
-
${
|
|
201
|
-
--m-button-color: ${
|
|
202
|
-
--m-button-outline-color: ${
|
|
200
|
+
${It.focus(".button.-tertiary")} {
|
|
201
|
+
--m-button-color: ${Bt("color-primary-100")};
|
|
202
|
+
--m-button-outline-color: ${Bt("color-primary-60")};
|
|
203
203
|
}
|
|
204
204
|
|
|
205
|
-
${
|
|
206
|
-
--m-button-background-color: ${
|
|
207
|
-
--m-button-border-color: ${
|
|
208
|
-
--m-button-color: ${
|
|
205
|
+
${It.hover(".button.-tertiary")} {
|
|
206
|
+
--m-button-background-color: ${Bt("color-background-tertiary")};
|
|
207
|
+
--m-button-border-color: ${Bt("color-background-tertiary")};
|
|
208
|
+
--m-button-color: ${Bt("color-primary-60")};
|
|
209
209
|
}
|
|
210
210
|
|
|
211
|
-
${
|
|
212
|
-
--m-button-background-color: ${
|
|
213
|
-
--m-button-border-color: ${
|
|
214
|
-
--m-button-color: ${
|
|
211
|
+
${It.active(".button.-tertiary")} {
|
|
212
|
+
--m-button-background-color: ${Bt("color-neutral-20")};
|
|
213
|
+
--m-button-border-color: ${Bt("color-neutral-20")};
|
|
214
|
+
--m-button-color: ${Bt("color-primary-60")};
|
|
215
215
|
}
|
|
216
216
|
|
|
217
217
|
.button.-tertiary.is-loading {
|
|
218
218
|
--m-button-background-color: transparent;
|
|
219
219
|
--m-button-border-color: transparent;
|
|
220
|
-
--m-button-color: ${
|
|
220
|
+
--m-button-color: ${Bt("color-primary-100")};
|
|
221
221
|
}
|
|
222
222
|
|
|
223
223
|
.button.-warning {
|
|
224
|
-
--m-button-background-color: ${
|
|
225
|
-
--m-button-border-color: ${
|
|
226
|
-
--m-button-color: ${
|
|
224
|
+
--m-button-background-color: ${Bt("color-warning-60")};
|
|
225
|
+
--m-button-border-color: ${Bt("color-warning-60")};
|
|
226
|
+
--m-button-color: ${Bt("color-text-primary")};
|
|
227
227
|
}
|
|
228
228
|
|
|
229
|
-
${
|
|
230
|
-
--m-button-background-color: ${
|
|
231
|
-
--m-button-border-color: ${
|
|
232
|
-
--m-button-color: ${
|
|
229
|
+
${Vt(".button.-warning")} {
|
|
230
|
+
--m-button-background-color: ${Bt("color-warning-20")};
|
|
231
|
+
--m-button-border-color: ${Bt("color-warning-20")};
|
|
232
|
+
--m-button-color: ${Bt("color-text-inverted")};
|
|
233
233
|
}
|
|
234
234
|
|
|
235
|
-
${
|
|
236
|
-
--m-button-background-color: ${
|
|
237
|
-
--m-button-outline-color: ${
|
|
235
|
+
${It.focus(".button.-warning")} {
|
|
236
|
+
--m-button-background-color: ${Bt("color-warning-60")};
|
|
237
|
+
--m-button-outline-color: ${Bt("color-warning-60")};
|
|
238
238
|
}
|
|
239
239
|
|
|
240
|
-
${
|
|
241
|
-
${
|
|
242
|
-
--m-button-background-color: ${
|
|
243
|
-
--m-button-border-color: ${
|
|
244
|
-
--m-button-color: ${
|
|
240
|
+
${It.hover(".button.-warning")},
|
|
241
|
+
${It.active(".button.-warning")} {
|
|
242
|
+
--m-button-background-color: ${Bt("color-warning-100")};
|
|
243
|
+
--m-button-border-color: ${Bt("color-warning-100")};
|
|
244
|
+
--m-button-color: ${Bt("color-text-inverted")};
|
|
245
245
|
}
|
|
246
246
|
|
|
247
247
|
.button.-warning.is-loading {
|
|
248
|
-
--m-button-background-color: ${
|
|
249
|
-
--m-button-border-color: ${
|
|
250
|
-
--m-button-color: ${
|
|
248
|
+
--m-button-background-color: ${Bt("color-warning-60")};
|
|
249
|
+
--m-button-border-color: ${Bt("color-warning-60")};
|
|
250
|
+
--m-button-color: ${Bt("color-text-primary")};
|
|
251
251
|
}
|
|
252
252
|
|
|
253
253
|
.button.-danger {
|
|
254
|
-
--m-button-background-color: ${
|
|
255
|
-
--m-button-border-color: ${
|
|
256
|
-
--m-button-color: ${
|
|
254
|
+
--m-button-background-color: ${Bt("color-danger-60")};
|
|
255
|
+
--m-button-border-color: ${Bt("color-danger-60")};
|
|
256
|
+
--m-button-color: ${Bt("color-text-inverted")};
|
|
257
257
|
}
|
|
258
258
|
|
|
259
|
-
${
|
|
260
|
-
--m-button-background-color: ${
|
|
261
|
-
--m-button-border-color: ${
|
|
259
|
+
${Vt(".button.-danger")} {
|
|
260
|
+
--m-button-background-color: ${Bt("color-danger-20")};
|
|
261
|
+
--m-button-border-color: ${Bt("color-danger-20")};
|
|
262
262
|
}
|
|
263
263
|
|
|
264
|
-
${
|
|
265
|
-
--m-button-background-color: ${
|
|
266
|
-
--m-button-outline-color: ${
|
|
264
|
+
${It.focus(".button.-danger")} {
|
|
265
|
+
--m-button-background-color: ${Bt("color-danger-60")};
|
|
266
|
+
--m-button-outline-color: ${Bt("color-danger-60")};
|
|
267
267
|
}
|
|
268
268
|
|
|
269
|
-
${
|
|
270
|
-
${
|
|
271
|
-
--m-button-background-color: ${
|
|
272
|
-
--m-button-border-color: ${
|
|
269
|
+
${It.hover(".button.-danger")},
|
|
270
|
+
${It.active(".button.-danger")} {
|
|
271
|
+
--m-button-background-color: ${Bt("color-danger-100")};
|
|
272
|
+
--m-button-border-color: ${Bt("color-danger-100")};
|
|
273
273
|
}
|
|
274
274
|
|
|
275
275
|
.button.-danger.is-loading {
|
|
276
|
-
--m-button-background-color: ${
|
|
277
|
-
--m-button-border-color: ${
|
|
278
|
-
--m-button-color: ${
|
|
276
|
+
--m-button-background-color: ${Bt("color-danger-60")};
|
|
277
|
+
--m-button-border-color: ${Bt("color-danger-60")};
|
|
278
|
+
--m-button-color: ${Bt("color-text-inverted")};
|
|
279
279
|
}
|
|
280
280
|
|
|
281
281
|
.button.-icon,
|
|
282
282
|
.button.-icon-secondary {
|
|
283
|
-
--m-button-border-radius: ${
|
|
284
|
-
--m-button-color: ${
|
|
285
|
-
--m-button-padding-x: ${
|
|
286
|
-
--m-button-padding-y: ${
|
|
283
|
+
--m-button-border-radius: ${_t("border-radius-circle")};
|
|
284
|
+
--m-button-color: ${Bt("color-neutral-90")};
|
|
285
|
+
--m-button-padding-x: ${_t("spacing-1")};
|
|
286
|
+
--m-button-padding-y: ${_t("spacing-1")};
|
|
287
287
|
|
|
288
288
|
min-block-size: var(--m-button-base-size);
|
|
289
289
|
max-block-size: var(--m-button-base-size);
|
|
@@ -292,8 +292,8 @@ const it=1,nt=t=>(...o)=>({_$litDirective$:t,values:o});class st{constructor(t){
|
|
|
292
292
|
}
|
|
293
293
|
|
|
294
294
|
.button.-icon {
|
|
295
|
-
--m-button-background-color: ${
|
|
296
|
-
--m-button-border-color: ${
|
|
295
|
+
--m-button-background-color: ${Bt("color-background-tertiary")};
|
|
296
|
+
--m-button-border-color: ${Bt("color-background-tertiary")};
|
|
297
297
|
}
|
|
298
298
|
|
|
299
299
|
.button.-icon-secondary {
|
|
@@ -308,60 +308,60 @@ const it=1,nt=t=>(...o)=>({_$litDirective$:t,values:o});class st{constructor(t){
|
|
|
308
308
|
display: none;
|
|
309
309
|
}
|
|
310
310
|
|
|
311
|
-
${
|
|
312
|
-
--m-button-color: ${
|
|
311
|
+
${Vt([".button.-icon",".button.-icon-secondary"])} {
|
|
312
|
+
--m-button-color: ${Bt("color-neutral-40")};
|
|
313
313
|
}
|
|
314
314
|
|
|
315
|
-
${
|
|
316
|
-
--m-button-background-color: ${
|
|
317
|
-
--m-button-border-color: ${
|
|
315
|
+
${Vt(".button.-icon")} {
|
|
316
|
+
--m-button-background-color: ${Bt("color-neutral-20")};
|
|
317
|
+
--m-button-border-color: ${Bt("color-neutral-20")};
|
|
318
318
|
}
|
|
319
319
|
|
|
320
|
-
${
|
|
320
|
+
${Vt(".button.-icon-secondary")} {
|
|
321
321
|
--m-button-background-color: transparent;
|
|
322
322
|
--m-button-border-color: transparent;
|
|
323
323
|
}
|
|
324
324
|
|
|
325
|
-
${
|
|
326
|
-
--m-button-color: ${
|
|
327
|
-
--m-button-outline-color: ${
|
|
325
|
+
${It.focus([".button.-icon",".button.-icon-secondary"])} {
|
|
326
|
+
--m-button-color: ${Bt("color-primary-60")};
|
|
327
|
+
--m-button-outline-color: ${Bt("color-primary-60")};
|
|
328
328
|
}
|
|
329
329
|
|
|
330
|
-
${
|
|
331
|
-
--m-button-background-color: ${
|
|
330
|
+
${It.focus(".button.-icon")} {
|
|
331
|
+
--m-button-background-color: ${Bt("color-neutral-20")};
|
|
332
332
|
}
|
|
333
333
|
|
|
334
|
-
${
|
|
334
|
+
${It.focus(".button.-icon-secondary")} {
|
|
335
335
|
--m-button-background-color: transparent;
|
|
336
336
|
}
|
|
337
337
|
|
|
338
|
-
${
|
|
339
|
-
${
|
|
340
|
-
--m-button-color: ${
|
|
338
|
+
${It.hover([".button.-icon",".button.-icon-secondary"])},
|
|
339
|
+
${It.active([".button.-icon",".button.-icon-secondary"])} {
|
|
340
|
+
--m-button-color: ${Bt("color-primary-60")};
|
|
341
341
|
}
|
|
342
342
|
|
|
343
|
-
${
|
|
344
|
-
${
|
|
345
|
-
--m-button-background-color: ${
|
|
346
|
-
--m-button-border-color: ${
|
|
343
|
+
${It.hover(".button.-icon")},
|
|
344
|
+
${It.active(".button.-icon")} {
|
|
345
|
+
--m-button-background-color: ${Bt("color-background-highlight")};
|
|
346
|
+
--m-button-border-color: ${Bt("color-background-highlight")};
|
|
347
347
|
}
|
|
348
348
|
|
|
349
|
-
${
|
|
350
|
-
${
|
|
349
|
+
${It.hover(".button.-icon-secondary")},
|
|
350
|
+
${It.active(".button.-icon-secondary")} {
|
|
351
351
|
--m-button-background-color: transparent;
|
|
352
352
|
--m-button-border-color: transparent;
|
|
353
353
|
}
|
|
354
354
|
|
|
355
355
|
.button.-small {
|
|
356
|
-
--m-button-padding-y: ${
|
|
357
|
-
--m-button-base-size: ${
|
|
356
|
+
--m-button-padding-y: ${_t("spacing-2")};
|
|
357
|
+
--m-button-base-size: ${_t("global-height-small")};
|
|
358
358
|
|
|
359
359
|
${Gt("button-sm")};
|
|
360
360
|
}
|
|
361
361
|
|
|
362
362
|
.button.-large {
|
|
363
|
-
--m-button-padding-y: ${
|
|
364
|
-
--m-button-base-size: ${
|
|
363
|
+
--m-button-padding-y: ${_t("spacing-4")};
|
|
364
|
+
--m-button-base-size: ${_t("global-height-large")};
|
|
365
365
|
|
|
366
366
|
${Gt("button-lg")};
|
|
367
367
|
}
|
|
@@ -384,17 +384,17 @@ const it=1,nt=t=>(...o)=>({_$litDirective$:t,values:o});class st{constructor(t){
|
|
|
384
384
|
:host {
|
|
385
385
|
display: flex;
|
|
386
386
|
justify-content: flex-end;
|
|
387
|
-
gap: ${
|
|
387
|
+
gap: ${_t("spacing-2")};
|
|
388
388
|
}
|
|
389
389
|
`],window.customElements.define("m-banner-actions",to);class oo extends et{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","description")}render(){return U`<slot></slot>`}}oo.styles=[a`
|
|
390
390
|
:host {
|
|
391
391
|
${Gt("body-md")};
|
|
392
|
-
color: ${
|
|
392
|
+
color: ${Bt("color-text-secondary")};
|
|
393
393
|
}
|
|
394
394
|
`],window.customElements.define("m-banner-description",oo);class eo extends et{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","icon")}render(){return U`<slot></slot>`}}window.customElements.define("m-banner-icon",eo);class ro extends et{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","title")}render(){return U`<slot></slot>`}}ro.styles=[a`
|
|
395
395
|
:host {
|
|
396
396
|
${Gt("body-md-bold")};
|
|
397
|
-
color: ${
|
|
397
|
+
color: ${Bt("color-text-secondary")};
|
|
398
398
|
}
|
|
399
399
|
`],window.customElements.define("m-banner-title",ro);class io extends et{emit(t,o){const e=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,...o});this.dispatchEvent(e)}}
|
|
400
400
|
/**
|
|
@@ -402,7 +402,7 @@ const it=1,nt=t=>(...o)=>({_$litDirective$:t,values:o});class st{constructor(t){
|
|
|
402
402
|
* Copyright 2018 Google LLC
|
|
403
403
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
404
404
|
*/
|
|
405
|
-
const no=t=>null!=t?t:R;var so={};so.BASE_PIXELS=16,so.toRem=function(t,o){return void 0===o&&(o=16),"".concat(parseInt(String(t),10)/o,"rem")};var lo,ao,co=so.toRem;function
|
|
405
|
+
const no=t=>null!=t?t:R;var so={};so.BASE_PIXELS=16,so.toRem=function(t,o){return void 0===o&&(o=16),"".concat(parseInt(String(t),10)/o,"rem")};var lo,ao,co=so.toRem;function uo(t,o){return l(co(t,o))}class ho extends io{static get properties(){return{controls:{type:String},disabled:{type:Boolean},inverted:{type:Boolean},label:{type:String},size:{type:String}}}constructor(){super(),lo.add(this),this.disabled=!1,this.inverted=!1,this.label="Close",this.size="default"}render(){var o;return U`
|
|
406
406
|
<button
|
|
407
407
|
type="button"
|
|
408
408
|
aria-controls="${no(this.controls)}"
|
|
@@ -417,9 +417,9 @@ const no=t=>null!=t?t:R;var so={};so.BASE_PIXELS=16,so.toRem=function(t,o){retur
|
|
|
417
417
|
/>
|
|
418
418
|
</svg>
|
|
419
419
|
</button>
|
|
420
|
-
`}}lo=new WeakSet,ao=function(){this.emit("m-close")},
|
|
420
|
+
`}}lo=new WeakSet,ao=function(){this.emit("m-close")},ho.styles=[a`
|
|
421
421
|
:host {
|
|
422
|
-
--m-close-button-color: ${
|
|
422
|
+
--m-close-button-color: ${Bt("color-text-primary")};
|
|
423
423
|
}
|
|
424
424
|
|
|
425
425
|
.close-button {
|
|
@@ -442,23 +442,23 @@ const no=t=>null!=t?t:R;var so={};so.BASE_PIXELS=16,so.toRem=function(t,o){retur
|
|
|
442
442
|
}
|
|
443
443
|
|
|
444
444
|
.close-button.-size-small {
|
|
445
|
-
--button-size: ${
|
|
446
|
-
--icon-size: ${
|
|
445
|
+
--button-size: ${uo("12px")};
|
|
446
|
+
--icon-size: ${uo("8px")};
|
|
447
447
|
}
|
|
448
448
|
|
|
449
449
|
.close-button.-size-default {
|
|
450
|
-
--button-size: ${
|
|
451
|
-
--icon-size: ${
|
|
450
|
+
--button-size: ${uo("16px")};
|
|
451
|
+
--icon-size: ${uo("12px")};
|
|
452
452
|
}
|
|
453
453
|
|
|
454
454
|
.close-button.-size-large {
|
|
455
|
-
--button-size: ${
|
|
456
|
-
--icon-size: ${
|
|
455
|
+
--button-size: ${uo("20px")};
|
|
456
|
+
--icon-size: ${uo("16px")};
|
|
457
457
|
}
|
|
458
458
|
|
|
459
459
|
.close-button.-inverted {
|
|
460
460
|
--button-color: transparent;
|
|
461
|
-
--icon-color: ${
|
|
461
|
+
--icon-color: ${Bt("color-text-inverted")};
|
|
462
462
|
}
|
|
463
463
|
|
|
464
464
|
svg {
|
|
@@ -470,40 +470,45 @@ const no=t=>null!=t?t:R;var so={};so.BASE_PIXELS=16,so.toRem=function(t,o){retur
|
|
|
470
470
|
${Ht([{property:"fill"}])};
|
|
471
471
|
}
|
|
472
472
|
|
|
473
|
-
${
|
|
473
|
+
${It.hover(".close-button")} {
|
|
474
474
|
--button-color: var(--m-close-button-color);
|
|
475
|
-
--icon-color: ${
|
|
475
|
+
--icon-color: ${Bt("color-text-inverted")};
|
|
476
476
|
}
|
|
477
477
|
|
|
478
|
-
${
|
|
479
|
-
--button-color: ${
|
|
478
|
+
${It.hover(".close-button.-inverted")} {
|
|
479
|
+
--button-color: ${Bt("color-text-inverted")};
|
|
480
480
|
--icon-color: var(--m-close-button-color);
|
|
481
481
|
}
|
|
482
482
|
|
|
483
|
-
${
|
|
484
|
-
--icon-color: ${
|
|
483
|
+
${Vt(".close-button")} {
|
|
484
|
+
--icon-color: ${Bt("color-text-disabled")};
|
|
485
485
|
cursor: default;
|
|
486
486
|
}
|
|
487
487
|
|
|
488
|
-
${
|
|
488
|
+
${Vt(".close-button","*")} {
|
|
489
489
|
pointer-events: none;
|
|
490
490
|
}
|
|
491
|
-
`],window.customElements.define("m-close-button",
|
|
491
|
+
`],window.customElements.define("m-close-button",ho);
|
|
492
492
|
/**
|
|
493
493
|
* @license
|
|
494
|
-
* Copyright
|
|
494
|
+
* Copyright 2020 Google LLC
|
|
495
495
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
496
496
|
*/
|
|
497
|
-
const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"style"!==t.name||(null===(o=t.strings)||void 0===o?void 0:o.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce(((o,e)=>{const r=t[e];return null==r?o:o+`${e=e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`}),"")}update(t,[o]){const{style:e}=t.element;if(void 0===this.vt){this.vt=new Set;for(const t in o)this.vt.add(t);return this.render(o)}this.vt.forEach((t=>{null==o[t]&&(this.vt.delete(t),t.includes("-")?e.removeProperty(t):e[t]="")}));for(const t in o){const r=o[t];null!=r&&(this.vt.add(t),t.includes("-")?e.setProperty(t,r):e[t]=r)}return N}})
|
|
498
|
-
|
|
497
|
+
const bo=Symbol.for(""),go=t=>{if((null==t?void 0:t.r)===bo)return null==t?void 0:t._$litStatic$},mo=(t,...o)=>({_$litStatic$:o.reduce(((o,e,r)=>o+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(e)+t[r+1]),t[0]),r:bo}),po=new Map,fo=(t=>(o,...e)=>{const r=e.length;let i,n;const s=[],l=[];let a,d=0,c=!1;for(;d<r;){for(a=o[d];d<r&&void 0!==(n=e[d],i=go(n));)a+=i+o[++d],c=!0;l.push(n),s.push(a),d++}if(d===r&&s.push(o[r]),c){const t=s.join("$$lit$$");void 0===(o=po.get(t))&&(s.raw=s,po.set(t,o=s)),e=l}return t(o,...e)})(U),$o=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"style"!==t.name||(null===(o=t.strings)||void 0===o?void 0:o.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce(((o,e)=>{const r=t[e];return null==r?o:o+`${e=e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`}),"")}update(t,[o]){const{style:e}=t.element;if(void 0===this.vt){this.vt=new Set;for(const t in o)this.vt.add(t);return this.render(o)}this.vt.forEach((t=>{null==o[t]&&(this.vt.delete(t),t.includes("-")?e.removeProperty(t):e[t]="")}));for(const t in o){const r=o[t];null!=r&&(this.vt.add(t),t.includes("-")?e.setProperty(t,r):e[t]=r)}return N}}),yo=(t,o=["article","div","span"],e="div")=>class extends t{static get properties(){return{as:{type:String}}}connectedCallback(){var t;super.connectedCallback(),this.as=null!==(t=o.includes(this.as)?this.as:e)&&void 0!==t?t:"div"}get tag(){return mo`${(t=>({_$litStatic$:t,r:bo}))(this.as)}`}};
|
|
498
|
+
/**
|
|
499
|
+
* @license
|
|
500
|
+
* Copyright 2018 Google LLC
|
|
501
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
502
|
+
*/class vo extends(yo(et,["h1","h2","h3","h4","h5","h6","p","span"],"span")){static get properties(){return{variant:{type:String,reflect:!0},color:{type:String}}}constructor(){super(),this.as="span",this.variant="body-md",this.color="color-text-primary"}render(){return fo`
|
|
503
|
+
<${this.tag}
|
|
499
504
|
class=${lt({"m-text":!0,"-body-lg-bold":"body-lg-bold"===this.variant,"-body-lg":"body-lg"===this.variant,"-body-md-bold-underline":"body-md-bold-underline"===this.variant,"-body-md-bold":"body-md-bold"===this.variant,"-body-md-underline":"body-md-underline"===this.variant,"-body-md":"body-md"===this.variant,"-body-sm-bold-underline":"body-sm-bold-underline"===this.variant,"-body-sm-bold":"body-sm-bold"===this.variant,"-body-sm-underline":"body-sm-underline"===this.variant,"-body-sm":"body-sm"===this.variant,"-button-lg":"button-lg"===this.variant,"-button-md":"button-md"===this.variant,"-button-sm":"button-sm"===this.variant,"-chips-md":"chips-md"===this.variant,"-chips-sm":"chips-sm"===this.variant,"-heading-lg-bold":"heading-lg-bold"===this.variant,"-heading-lg":"heading-lg"===this.variant,"-heading-md-bold":"heading-md-bold"===this.variant,"-heading-md":"heading-md"===this.variant,"-heading-sm-bold":"heading-sm-bold"===this.variant,"-heading-sm":"heading-sm"===this.variant,"-hero-lg-bold":"hero-lg-bold"===this.variant,"-hero-lg":"hero-lg"===this.variant,"-hero-md-bold":"hero-md-bold"===this.variant,"-hero-md":"hero-md"===this.variant,"-hero-sm-bold":"hero-sm-bold"===this.variant,"-hero-sm":"hero-sm"===this.variant,"-number-md":"number-md"===this.variant,"-number-sm":"number-sm"===this.variant,"-table-header-md":"table-header-md"===this.variant,"-table-header-sm":"table-header-sm"===this.variant})}
|
|
500
|
-
style=${
|
|
505
|
+
style=${$o({"--m-text-color":ct(this.color)})}
|
|
501
506
|
>
|
|
502
507
|
<slot></slot>
|
|
503
|
-
|
|
504
|
-
`}}var
|
|
508
|
+
</${this.tag}>
|
|
509
|
+
`}}var wo,xo,ko;vo.styles=[a`
|
|
505
510
|
:host {
|
|
506
|
-
--m-text-color: ${
|
|
511
|
+
--m-text-color: ${Bt("color-text-primary")};
|
|
507
512
|
}
|
|
508
513
|
|
|
509
514
|
.m-text {
|
|
@@ -639,36 +644,36 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
639
644
|
.-table-header-sm {
|
|
640
645
|
${Gt("table-header-sm")};
|
|
641
646
|
}
|
|
642
|
-
`],window.customElements.define("m-text",
|
|
647
|
+
`],window.customElements.define("m-text",vo);const zo=U`
|
|
643
648
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
|
|
644
649
|
<path
|
|
645
650
|
d="M6.732 42.889h34.537c2.06 0 3.376-2.192 2.406-4.005l-17.27-32.33c-1.026-1.924-3.785-1.924-4.813 0L4.324 38.883c-.968 1.813.349 4.005 2.408 4.005zm14.542-24.504h5.452v10.89h-5.452zM24 31.998a2.726 2.726 0 0 1 2.726 2.723A2.726 2.726 0 0 1 24 37.444a2.726 2.726 0 0 1-2.726-2.723A2.726 2.726 0 0 1 24 31.998z"
|
|
646
651
|
/>
|
|
647
652
|
</svg>
|
|
648
|
-
`,
|
|
653
|
+
`,So=U`
|
|
649
654
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
|
|
650
655
|
<path
|
|
651
656
|
d="M44.4205 13.3433L40.1778 9.10067L18.9646 30.3139L9.06512 20.4144L4.82248 24.657L14.722 34.5565L18.9646 38.7992L23.2073 34.5565L44.4205 13.3433Z"
|
|
652
657
|
/>
|
|
653
658
|
</svg>
|
|
654
|
-
`,
|
|
659
|
+
`,Co=U`
|
|
655
660
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
|
|
656
661
|
<path
|
|
657
662
|
d="M24 4C12.9551 4 4 12.9583 4 24C4 35.0481 12.9551 44 24 44C35.0449 44 44 35.0481 44 24C44 12.9583 35.0449 4 24 4ZM24 12.871C25.8706 12.871 27.3871 14.3874 27.3871 16.2581C27.3871 18.1287 25.8706 19.6452 24 19.6452C22.1294 19.6452 20.6129 18.1287 20.6129 16.2581C20.6129 14.3874 22.1294 12.871 24 12.871ZM28.5161 33.3548C28.5161 33.8893 28.0828 34.3226 27.5484 34.3226H20.4516C19.9172 34.3226 19.4839 33.8893 19.4839 33.3548V31.4194C19.4839 30.8849 19.9172 30.4516 20.4516 30.4516H21.4194V25.2903H20.4516C19.9172 25.2903 19.4839 24.857 19.4839 24.3226V22.3871C19.4839 21.8527 19.9172 21.4194 20.4516 21.4194H25.6129C26.1473 21.4194 26.5806 21.8527 26.5806 22.3871V30.4516H27.5484C28.0828 30.4516 28.5161 30.8849 28.5161 31.4194V33.3548Z"
|
|
658
663
|
/>
|
|
659
664
|
</svg>
|
|
660
|
-
`;class
|
|
665
|
+
`;class Mo extends io{static get properties(){return{variant:{type:String},dismissible:{type:Boolean},dismissed:{type:Boolean,reflect:!0}}}constructor(){super(),wo.add(this),xo.set(this,void 0),this.variant="neutral",this.dismissible=!1,this.dismissed=!1}get primaryAction(){return null==t(this,xo,"f")&&o(this,xo,this.querySelector("m-banner-action-primary"),"f"),t(this,xo,"f")}updated(t){super.updated(t),t.has("variant")&&null!=this.primaryAction&&(this.primaryAction.variant=function(t){switch(t){case"warning":return"warning";case"danger":return"danger";default:return"primary"}}(this.variant))}render(){if(this.dismissed)return R;const o=null!=this.querySelector("*[slot='description']"),e=null!=this.querySelector("*[slot='actions']"),r=U`
|
|
661
666
|
<m-close-button
|
|
662
667
|
id="close"
|
|
663
668
|
label="Dismiss"
|
|
664
|
-
@click=${t(this,
|
|
669
|
+
@click=${t(this,wo,"m",ko)}
|
|
665
670
|
></m-close-button>
|
|
666
671
|
`;return U`
|
|
667
672
|
<div
|
|
668
673
|
class=${lt({banner:!0,"-success":"success"===this.variant,"-warning":"warning"===this.variant,"-danger":"danger"===this.variant,"-with-description":o})}
|
|
669
674
|
>
|
|
670
675
|
<div class="wrapper">
|
|
671
|
-
<slot name="icon"> ${function(t){switch(t){case"success":return
|
|
676
|
+
<slot name="icon"> ${function(t){switch(t){case"success":return So;case"warning":case"danger":return zo;default:return Co}}(this.variant)} </slot>
|
|
672
677
|
<div class="content">
|
|
673
678
|
<slot name="title"></slot>
|
|
674
679
|
<slot name="description"></slot>
|
|
@@ -677,7 +682,7 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
677
682
|
</div>
|
|
678
683
|
<slot name="actions"></slot>
|
|
679
684
|
</div>
|
|
680
|
-
`}}
|
|
685
|
+
`}}xo=new WeakMap,wo=new WeakSet,ko=function(){this.dismissed=!0,this.emit("m-dismiss",{composed:!0})},Mo.styles=[a`
|
|
681
686
|
:host {
|
|
682
687
|
display: block;
|
|
683
688
|
width: 100%;
|
|
@@ -690,34 +695,34 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
690
695
|
.banner {
|
|
691
696
|
background-color: var(
|
|
692
697
|
--m-banner-background-color,
|
|
693
|
-
${
|
|
698
|
+
${Bt("color-background-secondary")}
|
|
694
699
|
);
|
|
695
|
-
border: var(--m-banner-border, 1px solid ${
|
|
696
|
-
border-radius: var(--m-banner-border-radius, ${
|
|
697
|
-
padding-inline: var(--m-banner-padding-x, ${
|
|
698
|
-
padding-block: var(--m-banner-padding-y, ${
|
|
700
|
+
border: var(--m-banner-border, 1px solid ${Bt("color-border")});
|
|
701
|
+
border-radius: var(--m-banner-border-radius, ${_t("border-radius-m")});
|
|
702
|
+
padding-inline: var(--m-banner-padding-x, ${_t("spacing-6")});
|
|
703
|
+
padding-block: var(--m-banner-padding-y, ${_t("spacing-4")});
|
|
699
704
|
display: flex;
|
|
700
705
|
flex-wrap: wrap;
|
|
701
706
|
justify-content: flex-end;
|
|
702
|
-
gap: ${
|
|
707
|
+
gap: ${_t("spacing-6")};
|
|
703
708
|
}
|
|
704
709
|
|
|
705
710
|
.banner.-success {
|
|
706
|
-
--m-banner-background-color: ${
|
|
707
|
-
--m-banner-border: 1px solid ${
|
|
708
|
-
--m-banner-icon-color: ${
|
|
711
|
+
--m-banner-background-color: ${Bt("color-success-20")};
|
|
712
|
+
--m-banner-border: 1px solid ${Bt("color-success-20")};
|
|
713
|
+
--m-banner-icon-color: ${Bt("color-success-60")};
|
|
709
714
|
}
|
|
710
715
|
|
|
711
716
|
.banner.-warning {
|
|
712
|
-
--m-banner-background-color: ${
|
|
713
|
-
--m-banner-border: 1px solid ${
|
|
714
|
-
--m-banner-icon-color: ${
|
|
717
|
+
--m-banner-background-color: ${Bt("color-warning-20")};
|
|
718
|
+
--m-banner-border: 1px solid ${Bt("color-warning-20")};
|
|
719
|
+
--m-banner-icon-color: ${Bt("color-warning-100")};
|
|
715
720
|
}
|
|
716
721
|
|
|
717
722
|
.banner.-danger {
|
|
718
|
-
--m-banner-background-color: ${
|
|
719
|
-
--m-banner-border: 1px solid ${
|
|
720
|
-
--m-banner-icon-color: ${
|
|
723
|
+
--m-banner-background-color: ${Bt("color-danger-20")};
|
|
724
|
+
--m-banner-border: 1px solid ${Bt("color-danger-20")};
|
|
725
|
+
--m-banner-icon-color: ${Bt("color-danger-60")};
|
|
721
726
|
}
|
|
722
727
|
|
|
723
728
|
.banner.-with-description {
|
|
@@ -726,14 +731,14 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
726
731
|
|
|
727
732
|
.wrapper {
|
|
728
733
|
display: flex;
|
|
729
|
-
gap: ${
|
|
734
|
+
gap: ${_t("spacing-6")};
|
|
730
735
|
align-items: center;
|
|
731
736
|
flex-grow: 1;
|
|
732
737
|
}
|
|
733
738
|
|
|
734
739
|
slot[name='icon'] > svg,
|
|
735
740
|
slot[name='icon']::slotted(*) {
|
|
736
|
-
fill: var(--m-banner-icon-color, ${
|
|
741
|
+
fill: var(--m-banner-icon-color, ${Bt("color-neutral-90")});
|
|
737
742
|
block-size: var(--m-banner-icon-size, 24px);
|
|
738
743
|
inline-size: var(--m-banner-icon-size, 24px);
|
|
739
744
|
}
|
|
@@ -742,12 +747,12 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
742
747
|
display: flex;
|
|
743
748
|
flex-direction: column;
|
|
744
749
|
flex-grow: 1;
|
|
745
|
-
gap: ${
|
|
750
|
+
gap: ${_t("spacing-1")};
|
|
746
751
|
}
|
|
747
|
-
`],window.customElements.define("m-banner",
|
|
752
|
+
`],window.customElements.define("m-banner",Mo);class Lo extends et{static get properties(){return{flagged:{type:Boolean},flagColor:{type:String,attribute:"flag-color"}}}constructor(){super(),this.flagged=!1,this.flagColor="color-background-inverted"}render(){return U`
|
|
748
753
|
<div
|
|
749
754
|
class="m-card"
|
|
750
|
-
style="${
|
|
755
|
+
style="${$o({"--m-card-flag-color":ct(this.flagColor)})}"
|
|
751
756
|
>
|
|
752
757
|
${this.flagged?U`<span class="m-card-flag"></span>`:R}
|
|
753
758
|
<div class="m-card-content">
|
|
@@ -757,9 +762,9 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
757
762
|
<slot name="body"></slot>
|
|
758
763
|
</div>
|
|
759
764
|
</div>
|
|
760
|
-
`}}
|
|
765
|
+
`}}Lo.styles=[a`
|
|
761
766
|
:host {
|
|
762
|
-
--m-card-background-color: ${
|
|
767
|
+
--m-card-background-color: ${Bt("color-background-primary")};
|
|
763
768
|
}
|
|
764
769
|
|
|
765
770
|
.m-card {
|
|
@@ -768,8 +773,8 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
768
773
|
flex-direction: row;
|
|
769
774
|
|
|
770
775
|
background-color: var(--m-card-background-color);
|
|
771
|
-
border-radius: ${
|
|
772
|
-
border: solid 1px ${
|
|
776
|
+
border-radius: ${_t("border-radius-s")};
|
|
777
|
+
border: solid 1px ${Bt("color-divider")};
|
|
773
778
|
}
|
|
774
779
|
|
|
775
780
|
.m-card-flag {
|
|
@@ -782,11 +787,11 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
782
787
|
box-sizing: border-box;
|
|
783
788
|
border: 1px solid var(--m-card-flag-color);
|
|
784
789
|
background-color: var(--m-card-flag-color);
|
|
785
|
-
width: ${
|
|
786
|
-
border-top-left-radius: ${
|
|
790
|
+
width: ${_t("border-thick")};
|
|
791
|
+
border-top-left-radius: ${_t("border-radius-s")};
|
|
787
792
|
border-top-right-radius: 0;
|
|
788
793
|
border-bottom-right-radius: 0;
|
|
789
|
-
border-bottom-left-radius: ${
|
|
794
|
+
border-bottom-left-radius: ${_t("border-radius-s")};
|
|
790
795
|
}
|
|
791
796
|
|
|
792
797
|
.m-card-content {
|
|
@@ -796,29 +801,29 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
796
801
|
}
|
|
797
802
|
|
|
798
803
|
::slotted(m-divider) {
|
|
799
|
-
--m-divider-margin-top: ${
|
|
804
|
+
--m-divider-margin-top: ${_t("spacing-4")};
|
|
800
805
|
}
|
|
801
|
-
`],window.customElements.define("m-card",
|
|
806
|
+
`],window.customElements.define("m-card",Lo);class Ao extends et{constructor(){super(),this.slot="body"}render(){return U`
|
|
802
807
|
<div class="m-card-body">
|
|
803
808
|
<slot></slot>
|
|
804
809
|
</div>
|
|
805
|
-
`}}
|
|
810
|
+
`}}Ao.styles=[a`
|
|
806
811
|
:host {
|
|
807
|
-
--m-card-body-padding-x: ${
|
|
808
|
-
--m-card-body-padding-y: ${
|
|
812
|
+
--m-card-body-padding-x: ${_t("spacing-4")};
|
|
813
|
+
--m-card-body-padding-y: ${_t("spacing-4")};
|
|
809
814
|
}
|
|
810
815
|
|
|
811
816
|
.m-card-body {
|
|
812
817
|
padding: var(--m-card-body-padding-y) var(--m-card-body-padding-x);
|
|
813
818
|
}
|
|
814
|
-
`],window.customElements.define("m-card-body",
|
|
819
|
+
`],window.customElements.define("m-card-body",Ao);class jo extends et{constructor(){super(),this.slot="subtitle"}render(){return U`
|
|
815
820
|
<div class="m-card-subtitle">
|
|
816
821
|
<slot></slot>
|
|
817
822
|
</div>
|
|
818
|
-
`}}
|
|
823
|
+
`}}jo.styles=[a`
|
|
819
824
|
:host {
|
|
820
|
-
--m-card-subtitle-margin-top: ${
|
|
821
|
-
--m-card-subtitle-padding-x: ${
|
|
825
|
+
--m-card-subtitle-margin-top: ${_t("spacing-2")};
|
|
826
|
+
--m-card-subtitle-padding-x: ${_t("spacing-4")};
|
|
822
827
|
--m-card-subtitle-padding-y: 0;
|
|
823
828
|
}
|
|
824
829
|
|
|
@@ -828,24 +833,24 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
828
833
|
margin-block-start: var(--m-card-subtitle-margin-top);
|
|
829
834
|
padding: var(--m-card-subtitle-padding-y) var(--m-card-subtitle-padding-x);
|
|
830
835
|
|
|
831
|
-
color: ${
|
|
836
|
+
color: ${Bt("color-text-tertiary")};
|
|
832
837
|
}
|
|
833
|
-
`],window.customElements.define("m-card-subtitle",
|
|
838
|
+
`],window.customElements.define("m-card-subtitle",jo);class Wo extends et{constructor(){super(),this.slot="title"}render(){return U`
|
|
834
839
|
<div class="m-card-title">
|
|
835
840
|
<slot name="leading"></slot>
|
|
836
841
|
<slot></slot>
|
|
837
842
|
</div>
|
|
838
|
-
`}}
|
|
843
|
+
`}}Wo.styles=[a`
|
|
839
844
|
:host {
|
|
840
|
-
--m-card-title-padding-x: ${
|
|
841
|
-
--m-card-title-padding-top: ${
|
|
845
|
+
--m-card-title-padding-x: ${_t("spacing-4")};
|
|
846
|
+
--m-card-title-padding-top: ${_t("spacing-4")};
|
|
842
847
|
}
|
|
843
848
|
|
|
844
849
|
.m-card-title {
|
|
845
850
|
padding: var(--m-card-title-padding-top) var(--m-card-title-padding-x) 0;
|
|
846
851
|
|
|
847
852
|
${Gt("heading-sm-bold")};
|
|
848
|
-
color: ${
|
|
853
|
+
color: ${Bt("color-text-primary")};
|
|
849
854
|
}
|
|
850
855
|
|
|
851
856
|
slot[name='leading']::slotted(*) {
|
|
@@ -854,9 +859,9 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
854
859
|
align-items: center;
|
|
855
860
|
justify-content: center;
|
|
856
861
|
pointer-events: none;
|
|
857
|
-
margin-inline-end: ${
|
|
862
|
+
margin-inline-end: ${_t("spacing-1")};
|
|
858
863
|
}
|
|
859
|
-
`],window.customElements.define("m-card-title",
|
|
864
|
+
`],window.customElements.define("m-card-title",Wo);const _o={delay:"0s",duration:"0.35s",easing:"ease-in-out"};var Bo,Eo,Oo;class To extends et{static get properties(){return{name:{type:String},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0},indeterminate:{type:Boolean,reflect:!0}}}constructor(){super(),Bo.add(this),this.name=void 0,this.disabled=!1,this.checked=!1,this.indeterminate=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","checkbox")}disconnectedCallback(){super.connectedCallback()}firstUpdated(){this.input=this.renderRoot.querySelector("input"),this.label=this.renderRoot.querySelector("label")}updated(){t(this,Bo,"m",Eo).call(this)}render(){return U`
|
|
860
865
|
<label for="${no(this.id)}" class="check-input-label">
|
|
861
866
|
<input
|
|
862
867
|
id="${no(this.id)}"
|
|
@@ -865,7 +870,7 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
865
870
|
class="check-input"
|
|
866
871
|
?disabled="${this.disabled}"
|
|
867
872
|
?checked="${this.checked}"
|
|
868
|
-
@change=${t(this,
|
|
873
|
+
@change=${t(this,Bo,"m",Oo)}
|
|
869
874
|
/>
|
|
870
875
|
<svg
|
|
871
876
|
class="check-icon"
|
|
@@ -889,16 +894,16 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
889
894
|
<slot name="leading"></slot>
|
|
890
895
|
<slot></slot>
|
|
891
896
|
</label>
|
|
892
|
-
`}}
|
|
893
|
-
${
|
|
897
|
+
`}}Bo=new WeakSet,Eo=function(){this.setAttribute("aria-disabled",this.disabled.toString()),this.setAttribute("aria-checked",this.indeterminate?"mixed":this.checked.toString()),this.input.indeterminate=this.indeterminate},Oo=function(t){const o=t.target,e=new CustomEvent("m-change",{cancelable:!1,composed:!1,bubbles:!0,detail:{checked:o.checked,indeterminate:o.indeterminate}});this.dispatchEvent(e),this.checked=o.checked,this.indeterminate=o.indeterminate},To.styles=[a`
|
|
898
|
+
${It.focus(".check-input-label")} {
|
|
894
899
|
border-radius: 2px;
|
|
895
|
-
outline: 1px solid ${
|
|
900
|
+
outline: 1px solid ${Bt("color-primary-60")};
|
|
896
901
|
}
|
|
897
902
|
|
|
898
903
|
.check-input-label {
|
|
899
904
|
${Gt("body-md")};
|
|
900
905
|
|
|
901
|
-
gap: ${
|
|
906
|
+
gap: ${_t("spacing-1")};
|
|
902
907
|
align-items: center;
|
|
903
908
|
display: inline-flex;
|
|
904
909
|
padding: 4px 2px;
|
|
@@ -910,52 +915,52 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
910
915
|
}
|
|
911
916
|
|
|
912
917
|
.check-input {
|
|
913
|
-
--checkbox-input-size: ${
|
|
918
|
+
--checkbox-input-size: ${_t("font-size-4")};
|
|
914
919
|
|
|
915
|
-
color: ${
|
|
920
|
+
color: ${Bt("color-text-tertiary")};
|
|
916
921
|
width: var(--checkbox-input-size);
|
|
917
922
|
height: var(--checkbox-input-size);
|
|
918
|
-
background: ${
|
|
923
|
+
background: ${Bt("color-neutral-0")};
|
|
919
924
|
appearance: none;
|
|
920
925
|
outline: none;
|
|
921
926
|
border-style: solid;
|
|
922
|
-
border-radius: ${
|
|
923
|
-
border-color: ${
|
|
924
|
-
border-width: ${
|
|
927
|
+
border-radius: ${_t("border-radius-s")};
|
|
928
|
+
border-color: ${Bt("color-border")};
|
|
929
|
+
border-width: ${_t("border-thin")};
|
|
925
930
|
margin: 0;
|
|
926
|
-
${Ht([{property:"border",...
|
|
931
|
+
${Ht([{property:"border",..._o},{property:"background",..._o}])};
|
|
927
932
|
}
|
|
928
933
|
|
|
929
934
|
.check-input:indeterminate,
|
|
930
935
|
.check-input:checked {
|
|
931
|
-
background: ${
|
|
932
|
-
border-color: ${
|
|
936
|
+
background: ${Bt("color-primary-60")};
|
|
937
|
+
border-color: ${Bt("color-primary-60")};
|
|
933
938
|
}
|
|
934
939
|
|
|
935
|
-
${
|
|
936
|
-
background: ${
|
|
940
|
+
${Vt(".check-input")} {
|
|
941
|
+
background: ${Bt("color-background-tertiary")};
|
|
937
942
|
cursor: not-allowed;
|
|
938
943
|
}
|
|
939
944
|
|
|
940
|
-
${
|
|
941
|
-
${
|
|
942
|
-
background: ${
|
|
943
|
-
border-color: ${
|
|
945
|
+
${Vt(".check-input:indeterminate")},
|
|
946
|
+
${Vt(".check-input:checked")} {
|
|
947
|
+
background: ${Bt("color-neutral-40")};
|
|
948
|
+
border-color: ${Bt("color-neutral-40")};
|
|
944
949
|
}
|
|
945
950
|
|
|
946
|
-
${
|
|
947
|
-
${
|
|
948
|
-
background: ${
|
|
949
|
-
border-color: ${
|
|
951
|
+
${It.hover(".check-input:indeterminate")},
|
|
952
|
+
${It.hover(".check-input:checked")} {
|
|
953
|
+
background: ${Bt("color-primary-100")};
|
|
954
|
+
border-color: ${Bt("color-primary-100")};
|
|
950
955
|
}
|
|
951
956
|
|
|
952
|
-
${
|
|
953
|
-
border-color: ${
|
|
957
|
+
${It.hover(".check-input")} {
|
|
958
|
+
border-color: ${Bt("color-primary-100")};
|
|
954
959
|
}
|
|
955
960
|
|
|
956
961
|
:host([disabled]) .check-input-label {
|
|
957
962
|
cursor: not-allowed;
|
|
958
|
-
color: ${
|
|
963
|
+
color: ${Bt("color-text-disabled")};
|
|
959
964
|
}
|
|
960
965
|
|
|
961
966
|
.check-icon,
|
|
@@ -963,12 +968,12 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
963
968
|
position: absolute;
|
|
964
969
|
width: 1em;
|
|
965
970
|
height: 1em;
|
|
966
|
-
fill: ${
|
|
971
|
+
fill: ${Bt("color-neutral-0")};
|
|
967
972
|
pointer-events: none;
|
|
968
|
-
border-width: ${
|
|
973
|
+
border-width: ${_t("border-thin")};
|
|
969
974
|
border-style: solid;
|
|
970
975
|
border-color: transparent;
|
|
971
|
-
border-radius: ${
|
|
976
|
+
border-radius: ${_t("border-radius-s")};
|
|
972
977
|
display: none;
|
|
973
978
|
}
|
|
974
979
|
|
|
@@ -976,10 +981,10 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
976
981
|
.check-input:indeterminate:not(:checked) ~ .indeterminate-icon {
|
|
977
982
|
display: block;
|
|
978
983
|
}
|
|
979
|
-
`],window.customElements.define("m-checkbox",
|
|
984
|
+
`],window.customElements.define("m-checkbox",To);class Uo extends et{render(){return U` <hr class="m-divider" /> `}}Uo.styles=[a`
|
|
980
985
|
.m-divider {
|
|
981
986
|
border: 0;
|
|
982
|
-
border-block-end: solid 1px ${
|
|
987
|
+
border-block-end: solid 1px ${Bt("color-divider")};
|
|
983
988
|
margin-block-start: var(
|
|
984
989
|
--m-divider-margin-top,
|
|
985
990
|
var(--m-divider-margin-y, 0)
|
|
@@ -989,14 +994,14 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
989
994
|
var(--m-divider-margin-y, 0)
|
|
990
995
|
);
|
|
991
996
|
}
|
|
992
|
-
`],window.customElements.define("m-divider",
|
|
997
|
+
`],window.customElements.define("m-divider",Uo);const No=["center","flex-start","flex-end","stretch"],Ro=["center","flex-start","flex-end","space-between","space-around","space-evenly"],Po={padding:"spacing-4",borderRadius:"border-radius-s",borderWidth:"border-none",borderColor:"color-background-highlight",textAlign:"left"};class Zo extends et{static get properties(){return{padding:{type:String},backgroundColor:{type:String,attribute:"background-color"},borderRadius:{type:String,attribute:"border-radius"},borderWidth:{type:String,attribute:"border-width"},borderColor:{type:String,attribute:"border-color"},textAlign:{type:String,attribute:"text-align"}}}constructor(){super(),this.padding=Po.padding,this.borderRadius=Po.borderRadius,this.borderWidth=Po.borderWidth,this.borderColor=Po.borderColor,this.textAlign=Po.textAlign}update(t){this.style.setProperty("--m-box-padding",ct(this.padding)||ct(Po.padding)),this.style.setProperty("--m-box-background-color",ct(this.backgroundColor)||"transparent"),this.style.setProperty("--m-box-border-radius",ct(this.borderRadius)||ct(Po.borderRadius)),this.style.setProperty("--m-box-border-width",ct(this.borderWidth)||ct(Po.borderWidth)),this.style.setProperty("--m-box-border-color",ct(this.borderColor)||ct(Po.borderColor)),this.style.setProperty("--m-box-text-align",this.textAlign||Po.textAlign),super.update(t)}render(){return U`<slot></slot>`}}Zo.styles=[a`
|
|
993
998
|
:host {
|
|
994
|
-
--m-box-padding: ${
|
|
999
|
+
--m-box-padding: ${_t(Po.padding)};
|
|
995
1000
|
--m-box-background-color: transparent;
|
|
996
|
-
--m-box-border-radius: ${
|
|
997
|
-
--m-box-border-width: ${
|
|
998
|
-
--m-box-border-color: ${
|
|
999
|
-
--m-box-text-align: ${l(
|
|
1001
|
+
--m-box-border-radius: ${_t(Po.borderRadius)};
|
|
1002
|
+
--m-box-border-width: ${_t(Po.borderWidth)};
|
|
1003
|
+
--m-box-border-color: ${Bt(Po.borderColor)};
|
|
1004
|
+
--m-box-text-align: ${l(Po.textAlign)};
|
|
1000
1005
|
|
|
1001
1006
|
box-sizing: border-box;
|
|
1002
1007
|
|
|
@@ -1008,11 +1013,11 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
1008
1013
|
border-color: var(--m-box-border-color);
|
|
1009
1014
|
text-align: var(--m-box-text-align);
|
|
1010
1015
|
}
|
|
1011
|
-
`],window.customElements.define("m-box",
|
|
1016
|
+
`],window.customElements.define("m-box",Zo);const Do={gap:"spacing-4",align:"stretch",justify:"flex-start"};class Ho extends et{static get properties(){return{gap:{type:String},align:{type:String},justify:{type:String}}}constructor(){super(),this.gap=Do.gap,this.align=Do.align,this.justify=Do.justify}update(t){this.style.setProperty("--m-group-gap",ct(this.gap)||ct(Do.gap)),this.style.setProperty("--m-group-align",this.align||Do.align),this.style.setProperty("--m-group-justify",this.justify||Do.justify),super.update(t)}render(){return U`<slot></slot>`}}Ho.styles=[a`
|
|
1012
1017
|
:host {
|
|
1013
|
-
--m-group-gap: ${
|
|
1014
|
-
--m-group-align: ${l(
|
|
1015
|
-
--m-group-justify: ${l(
|
|
1018
|
+
--m-group-gap: ${_t(Do.gap)};
|
|
1019
|
+
--m-group-align: ${l(Do.align)};
|
|
1020
|
+
--m-group-justify: ${l(Do.justify)};
|
|
1016
1021
|
|
|
1017
1022
|
display: flex;
|
|
1018
1023
|
flex-wrap: wrap;
|
|
@@ -1020,11 +1025,11 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
1020
1025
|
align-items: var(--m-group-align);
|
|
1021
1026
|
justify-content: var(--m-group-justify);
|
|
1022
1027
|
}
|
|
1023
|
-
`],window.customElements.define("m-group",
|
|
1028
|
+
`],window.customElements.define("m-group",Ho);const Go={gap:"spacing-4",align:"stretch",justify:"flex-start"};class Vo extends et{static get properties(){return{gap:{type:String},align:{type:String},justify:{type:String}}}constructor(){super(),this.gap=Go.gap,this.align=Go.align,this.justify=Go.justify}update(t){this.style.setProperty("--m-stack-gap",ct(this.gap)||ct(Go.gap)),this.style.setProperty("--m-stack-align",this.align||Go.align),this.style.setProperty("--m-stack-justify",this.justify||Go.justify),super.update(t)}render(){return U`<slot></slot>`}}Vo.styles=[a`
|
|
1024
1029
|
:host {
|
|
1025
|
-
--m-stack-gap: ${
|
|
1026
|
-
--m-stack-align: ${l(
|
|
1027
|
-
--m-stack-justify: ${l(
|
|
1030
|
+
--m-stack-gap: ${_t(Go.gap)};
|
|
1031
|
+
--m-stack-align: ${l(Go.align)};
|
|
1032
|
+
--m-stack-justify: ${l(Go.justify)};
|
|
1028
1033
|
|
|
1029
1034
|
display: flex;
|
|
1030
1035
|
flex-direction: column;
|
|
@@ -1033,10 +1038,10 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
1033
1038
|
align-items: var(--m-stack-align);
|
|
1034
1039
|
justify-content: var(--m-stack-justify);
|
|
1035
1040
|
}
|
|
1036
|
-
`],window.customElements.define("m-stack",
|
|
1041
|
+
`],window.customElements.define("m-stack",Vo);const Io={gap:"spacing-4",minColumnWidth:ut("spacing-30")};class Jo extends et{static get properties(){return{gap:{type:String},rowGap:{type:String,attribute:"row-gap"},columnGap:{type:String,attribute:"column-gap"},minColumnWidth:{type:String,attribute:"min-column-width"}}}constructor(){super(),this.gap=Io.gap,this.minColumnWidth=Io.minColumnWidth}update(t){t.has("gap")&&this.style.setProperty("--m-grid-gap",ct(this.gap)||ct(Io.gap)),t.has("rowGap")&&(this.rowGap?this.style.setProperty("--m-grid-row-gap",ct(this.rowGap)):this.style.removeProperty("--m-grid-row-gap")),t.has("columnGap")&&(this.columnGap?this.style.setProperty("--m-grid-column-gap",ct(this.columnGap)):this.style.removeProperty("--m-grid-column-gap")),t.has("minColumnWidth")&&this.style.setProperty("--m-grid-min-column-width",this.minColumnWidth||Io.minColumnWidth),super.update(t)}render(){return U`<slot></slot>`}}Jo.styles=[a`
|
|
1037
1042
|
:host {
|
|
1038
|
-
--m-grid-gap: ${
|
|
1039
|
-
--m-grid-min-column-width: ${l(
|
|
1043
|
+
--m-grid-gap: ${_t(Io.gap)};
|
|
1044
|
+
--m-grid-min-column-width: ${l(Io.minColumnWidth)};
|
|
1040
1045
|
|
|
1041
1046
|
display: grid;
|
|
1042
1047
|
|
|
@@ -1048,15 +1053,15 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
1048
1053
|
minmax(min(var(--m-grid-min-column-width), 100%), 1fr)
|
|
1049
1054
|
);
|
|
1050
1055
|
}
|
|
1051
|
-
`],window.customElements.define("m-grid",
|
|
1056
|
+
`],window.customElements.define("m-grid",Jo);const qo={gap:"spacing-4",sideWidth:"auto",minContentWidth:"50%",reversed:!1};function Fo(t){return t?"row-reverse":"row"}class Ko extends et{static get properties(){return{gap:{type:String},sideWidth:{type:String,attribute:"side-width"},minContentWidth:{type:String,attribute:"min-content-width"},reversed:{type:Boolean}}}constructor(){super(),this.gap=qo.gap,this.sideWidth=qo.sideWidth,this.minContentWidth=qo.minContentWidth,this.reversed=qo.reversed}update(t){t.has("gap")&&this.style.setProperty("--m-sidebar-gap",ct(this.gap)||ct(qo.gap)),t.has("sideWidth")&&this.style.setProperty("--m-sidebar-side-width",this.sideWidth||qo.sideWidth),t.has("minContentWidth")&&this.style.setProperty("--m-sidebar-min-content-width",this.minContentWidth||qo.minContentWidth),t.has("reversed")&&this.style.setProperty("--m-sidebar-flex-direction",Fo(this.reversed)),super.update(t)}render(){return U`
|
|
1052
1057
|
<slot name="sidebar"></slot>
|
|
1053
1058
|
<slot name="content"></slot>
|
|
1054
|
-
`}}
|
|
1059
|
+
`}}Ko.styles=[a`
|
|
1055
1060
|
:host {
|
|
1056
|
-
--m-sidebar-gap: ${
|
|
1057
|
-
--m-sidebar-flex-direction: ${l(
|
|
1058
|
-
--m-sidebar-side-width: ${l(
|
|
1059
|
-
--m-sidebar-min-content-width: ${l(
|
|
1061
|
+
--m-sidebar-gap: ${_t(qo.gap)};
|
|
1062
|
+
--m-sidebar-flex-direction: ${l(Fo(qo.reversed))};
|
|
1063
|
+
--m-sidebar-side-width: ${l(qo.sideWidth)};
|
|
1064
|
+
--m-sidebar-min-content-width: ${l(qo.minContentWidth)};
|
|
1060
1065
|
|
|
1061
1066
|
display: flex;
|
|
1062
1067
|
flex-wrap: wrap;
|
|
@@ -1075,7 +1080,7 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
1075
1080
|
flex-grow: 999;
|
|
1076
1081
|
min-width: var(--m-sidebar-min-content-width);
|
|
1077
1082
|
}
|
|
1078
|
-
`],window.customElements.define("m-sidebar",
|
|
1083
|
+
`],window.customElements.define("m-sidebar",Ko);const Qo={gap:"spacing-4",threshold:"10rem"};class Xo extends et{static get properties(){return{gap:{type:String},rowGap:{type:String,attribute:"row-gap"},columnGap:{type:String,attribute:"column-gap"},threshold:{type:String},limit:{type:Number}}}constructor(){super(),this.gap=Qo.gap,this.threshold=Qo.threshold}update(t){super.update(t),t.has("gap")&&this.style.setProperty("--m-switcher-gap",ct(this.gap)||ct(Qo.gap)),t.has("rowGap")&&(this.rowGap?this.style.setProperty("--m-switcher-row-gap",ct(this.rowGap)):this.style.removeProperty("--m-switcher-row-gap")),t.has("columnGap")&&(this.columnGap?this.style.setProperty("--m-switcher-column-gap",ct(this.columnGap)):this.style.removeProperty("--m-switcher-column-gap")),t.has("threshold")&&this.style.setProperty("--m-switcher-threshold",this.threshold||Qo.threshold)}render(){const t=this.limit?U`
|
|
1079
1084
|
<style>
|
|
1080
1085
|
::slotted(*:nth-last-child(n + ${this.limit+1})) {
|
|
1081
1086
|
flex-basis: 100%;
|
|
@@ -1087,10 +1092,10 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
1087
1092
|
`:"";return U`
|
|
1088
1093
|
${t}
|
|
1089
1094
|
<slot></slot>
|
|
1090
|
-
`}}function
|
|
1095
|
+
`}}function Yo(t,o,e){return Math.min(Math.max(o,t),e)}var te,oe,ee,re;Xo.styles=[a`
|
|
1091
1096
|
:host {
|
|
1092
|
-
--m-switcher-gap: ${
|
|
1093
|
-
--m-switcher-threshold: ${l(
|
|
1097
|
+
--m-switcher-gap: ${_t(Qo.gap)};
|
|
1098
|
+
--m-switcher-threshold: ${l(Qo.threshold)};
|
|
1094
1099
|
|
|
1095
1100
|
display: flex;
|
|
1096
1101
|
flex-wrap: wrap;
|
|
@@ -1103,19 +1108,19 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
1103
1108
|
flex-basis: calc((var(--m-switcher-threshold) - 100%) * 999);
|
|
1104
1109
|
flex-grow: 1;
|
|
1105
1110
|
}
|
|
1106
|
-
`],window.customElements.define("m-switcher",
|
|
1111
|
+
`],window.customElements.define("m-switcher",Xo);class ie extends et{static get properties(){return{value:{type:Number,noAccessor:!0},max:{type:Number,noAccessor:!0}}}set value(e){const r=t(this,oe,"f");o(this,oe,Yo(e,0,t(this,ee,"f")),"f"),this.requestUpdate("value",r)}get value(){return t(this,oe,"f")}set max(e){const r=t(this,ee,"f");o(this,ee,e<=0?100:e,"f"),o(this,oe,Yo(t(this,oe,"f"),0,t(this,ee,"f")),"f"),this.requestUpdate("max",r)}get max(){return t(this,ee,"f")}constructor(){super(),te.add(this),oe.set(this,0),ee.set(this,100),this.value=0,this.max=100}connectedCallback(){super.connectedCallback(),this.setAttribute("role","progressbar"),this.setAttribute("aria-valuemin","0")}updated(){this.setAttribute("aria-valuenow",String(t(this,oe,"f"))),this.setAttribute("aria-valuemax",String(t(this,ee,"f")))}render(){return U`
|
|
1107
1112
|
<div class="bar">
|
|
1108
1113
|
<span
|
|
1109
1114
|
class="progress"
|
|
1110
|
-
style=${
|
|
1115
|
+
style=${$o({width:`${t(this,te,"m",re).call(this)}%`})}
|
|
1111
1116
|
></span>
|
|
1112
1117
|
</div>
|
|
1113
|
-
`}}
|
|
1118
|
+
`}}oe=new WeakMap,ee=new WeakMap,te=new WeakSet,re=function(){return 100*t(this,oe,"f")/t(this,ee,"f")},ie.styles=[a`
|
|
1114
1119
|
:host {
|
|
1115
1120
|
--m-progress-bar-progress-background: linear-gradient(
|
|
1116
1121
|
45deg,
|
|
1117
|
-
${
|
|
1118
|
-
${
|
|
1122
|
+
${Bt("color-brand-accent-1")} 22%,
|
|
1123
|
+
${Bt("color-brand-accent-2")} 88%
|
|
1119
1124
|
);
|
|
1120
1125
|
}
|
|
1121
1126
|
|
|
@@ -1130,11 +1135,11 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
1130
1135
|
overflow: hidden;
|
|
1131
1136
|
|
|
1132
1137
|
width: 100%;
|
|
1133
|
-
height: ${
|
|
1138
|
+
height: ${uo("8px")};
|
|
1134
1139
|
|
|
1135
|
-
border-radius: ${
|
|
1140
|
+
border-radius: ${_t("border-radius-s")};
|
|
1136
1141
|
|
|
1137
|
-
background-color: ${
|
|
1142
|
+
background-color: ${Bt("color-background-tertiary")};
|
|
1138
1143
|
}
|
|
1139
1144
|
|
|
1140
1145
|
.progress {
|
|
@@ -1144,13 +1149,13 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
1144
1149
|
|
|
1145
1150
|
${Ht([{property:"width"}])};
|
|
1146
1151
|
|
|
1147
|
-
height: ${
|
|
1152
|
+
height: ${uo("8px")};
|
|
1148
1153
|
|
|
1149
|
-
border-radius: ${
|
|
1154
|
+
border-radius: ${_t("border-radius-s")};
|
|
1150
1155
|
|
|
1151
1156
|
background: var(--m-progress-bar-progress-background);
|
|
1152
1157
|
}
|
|
1153
|
-
`],window.customElements.define("m-progress-bar",
|
|
1158
|
+
`],window.customElements.define("m-progress-bar",ie);const ne="m-check";var se,le,ae;class de extends et{static get properties(){return{value:{type:String},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0}}}constructor(){super(),se.add(this),this.disabled=!1,this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radio"),this.addEventListener("click",this.handleClick)}updated(o){super.updated(o),o.has("disabled")&&t(this,se,"m",le).call(this),o.has("checked")&&t(this,se,"m",ae).call(this)}render(){return U`
|
|
1154
1159
|
<button
|
|
1155
1160
|
type="button"
|
|
1156
1161
|
class="radio-button"
|
|
@@ -1162,15 +1167,15 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
1162
1167
|
<slot name="leading"></slot>
|
|
1163
1168
|
<slot></slot>
|
|
1164
1169
|
</button>
|
|
1165
|
-
`}handleClick(t){if(this.disabled)return t.preventDefault(),void t.stopPropagation();const o={detail:{value:this.value,type:"select"},bubbles:!0,composed:!1};this.dispatchEvent(new CustomEvent(
|
|
1170
|
+
`}handleClick(t){if(this.disabled)return t.preventDefault(),void t.stopPropagation();const o={detail:{value:this.value,type:"select"},bubbles:!0,composed:!1};this.dispatchEvent(new CustomEvent(ne,o))}}se=new WeakSet,le=function(){this.setAttribute("aria-disabled",String(this.disabled))},ae=function(){this.setAttribute("aria-checked",String(this.checked))},de.styles=[a`
|
|
1166
1171
|
:host {
|
|
1167
|
-
--m-radio-border-color: ${
|
|
1168
|
-
--m-radio-dot-check-color: ${
|
|
1172
|
+
--m-radio-border-color: ${Bt("color-border")};
|
|
1173
|
+
--m-radio-dot-check-color: ${Bt("color-primary-60")};
|
|
1169
1174
|
--m-radio-size: 14px;
|
|
1170
1175
|
--m-radio-background-color: white;
|
|
1171
|
-
--m-radio-border-width: ${
|
|
1172
|
-
--m-radio-label-color: ${
|
|
1173
|
-
--m-radio-outline-color: ${
|
|
1176
|
+
--m-radio-border-width: ${_t("border-thin")};
|
|
1177
|
+
--m-radio-label-color: ${Bt("color-text-tertiary")};
|
|
1178
|
+
--m-radio-outline-color: ${Bt("color-primary-60")};
|
|
1174
1179
|
--m-radio-outline-offset: 2px;
|
|
1175
1180
|
}
|
|
1176
1181
|
|
|
@@ -1181,15 +1186,15 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
1181
1186
|
border: none;
|
|
1182
1187
|
background: none;
|
|
1183
1188
|
|
|
1184
|
-
height: ${
|
|
1189
|
+
height: ${_t("global-height-small")};
|
|
1185
1190
|
display: inline-flex;
|
|
1186
|
-
gap: ${
|
|
1191
|
+
gap: ${_t("spacing-1")};
|
|
1187
1192
|
align-items: center;
|
|
1188
|
-
border-radius: ${
|
|
1193
|
+
border-radius: ${_t("border-radius-s")};
|
|
1189
1194
|
${Ht({property:"color"})};
|
|
1190
1195
|
}
|
|
1191
1196
|
|
|
1192
|
-
${
|
|
1197
|
+
${It.focus(".radio-button")} {
|
|
1193
1198
|
outline: 1px solid var(--m-radio-outline-color);
|
|
1194
1199
|
outline-offset: var(--m-radio-outline-offset);
|
|
1195
1200
|
}
|
|
@@ -1226,18 +1231,18 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
1226
1231
|
height: 10px;
|
|
1227
1232
|
}
|
|
1228
1233
|
|
|
1229
|
-
${
|
|
1234
|
+
${Vt(".radio-button")} {
|
|
1230
1235
|
cursor: default;
|
|
1231
|
-
--m-radio-label-color: ${
|
|
1232
|
-
--m-radio-background-color: ${
|
|
1236
|
+
--m-radio-label-color: ${Bt("color-neutral-40")};
|
|
1237
|
+
--m-radio-background-color: ${Bt("color-background-tertiary")};
|
|
1233
1238
|
}
|
|
1234
1239
|
|
|
1235
|
-
${
|
|
1236
|
-
--m-radio-border-color: ${
|
|
1240
|
+
${Vt('.radio-button[aria-checked="true"]',".radio-input")} {
|
|
1241
|
+
--m-radio-border-color: ${Bt("color-border")};
|
|
1237
1242
|
}
|
|
1238
1243
|
|
|
1239
|
-
${
|
|
1240
|
-
--m-radio-dot-check-color: ${
|
|
1244
|
+
${Vt(".radio-button",".radio-input::before")} {
|
|
1245
|
+
--m-radio-dot-check-color: ${Bt("color-neutral-40")};
|
|
1241
1246
|
}
|
|
1242
1247
|
|
|
1243
1248
|
.radio-button .radio-input::before {
|
|
@@ -1245,36 +1250,36 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
1245
1250
|
}
|
|
1246
1251
|
|
|
1247
1252
|
.radio-button[aria-checked='true'] .radio-input {
|
|
1248
|
-
--m-radio-dot-check-color: ${
|
|
1249
|
-
--m-radio-border-color: ${
|
|
1253
|
+
--m-radio-dot-check-color: ${Bt("color-primary-60")};
|
|
1254
|
+
--m-radio-border-color: ${Bt("color-primary-60")};
|
|
1250
1255
|
}
|
|
1251
1256
|
|
|
1252
1257
|
.radio-button .radio-input {
|
|
1253
|
-
--m-radio-border-color: ${
|
|
1258
|
+
--m-radio-border-color: ${Bt("color-border")};
|
|
1254
1259
|
}
|
|
1255
1260
|
|
|
1256
|
-
${
|
|
1257
|
-
--m-radio-border-color: ${
|
|
1258
|
-
--m-radio-dot-check-color: ${
|
|
1261
|
+
${It.hover(".radio-button")} .radio-input {
|
|
1262
|
+
--m-radio-border-color: ${Bt("color-primary-100")};
|
|
1263
|
+
--m-radio-dot-check-color: ${Bt("color-primary-100")};
|
|
1259
1264
|
}
|
|
1260
1265
|
|
|
1261
|
-
${
|
|
1262
|
-
--m-radio-label-color: ${
|
|
1266
|
+
${It.hover(".radio-button")} {
|
|
1267
|
+
--m-radio-label-color: ${Bt("color-text-primary")};
|
|
1263
1268
|
}
|
|
1264
1269
|
|
|
1265
|
-
${
|
|
1270
|
+
${Vt(".radio-button","*")} {
|
|
1266
1271
|
pointer-event: none;
|
|
1267
1272
|
}
|
|
1268
|
-
`],window.customElements.define("m-radio",
|
|
1273
|
+
`],window.customElements.define("m-radio",de);var ce,ue={};Object.defineProperty(ue,"i",{value:!0});var he,be,ge,me,pe,fe,$e,ye,ve,we,xe=Et;ue.SELECTION_TYPES=["single","single-strict","multiple"],ce=ue.default=function(t){var o=t.type,e=void 0===o?"multiple":o;return"single"===e?{type:"single",init:function(t){return this.select(t,new Set)},select:function(t,o){var e=xe.toArray(t);if(0===e.length)return o;var r=new Set;return r.add(String(e[e.length-1])),r},unselect:function(t,o){var e=xe.toArray(t);if(0===e.length||0===o.size)return o;for(var r=new Set(o),i=0;i<e.length;i++)r.delete(String(e[i]));return r},toggle:function(t,o){var e=xe.toArray(t);if(0===e.length)return o;for(var r=new Set,i=0;i<e.length;i++){var n=String(e[i]);o.has(n)||(r.clear(),r.add(n))}return r},reset:function(t){return null==t?new Set:t},value:function(t){return null==t||0===t.size?null:Array.from(t)[0]}}:"single-strict"===e?{type:"single-strict",init:function(t){return this.select(t,new Set)},select:function(t,o){var e=xe.toArray(t);if(0===e.length)return o;var r=new Set;return r.add(String(e[e.length-1])),r},unselect:function(t,o){var e=xe.toArray(t);if(0===e.length||0===o.size)return o;for(var r=new Set(o),i=0;i<e.length&&o.size>1;i++)r.delete(String(e[i]));return r},toggle:function(t,o){var e=xe.toArray(t);if(0===e.length)return o;for(var r=new Set(o),i=0;i<e.length;i++){var n=String(e[i]);o.has(n)||(r.clear(),r.add(n))}return r},reset:function(t){return null==t?new Set:t},value:function(t){return null==t||0===t.size?null:Array.from(t)[0]}}:{type:"multiple",init:function(t){return this.select(t,new Set)},select:function(t,o){var e=xe.toArray(t);if(0===e.length)return o;for(var r=new Set(o),i=0;i<e.length;i++)r.add(String(e[i]));return r},unselect:function(t,o){var e=xe.toArray(t);if(0===e.length||0===o.size)return o;for(var r=new Set(o),i=0;i<e.length;i++)r.delete(String(e[i]));return r},toggle:function(t,o){var e=xe.toArray(t);if(0===e.length)return o;for(var r=new Set(o),i=0;i<e.length;i++){var n=String(e[i]);o.has(n)?r.delete(n):r.add(n)}return r},reset:function(t){return null==t?new Set:t},value:function(t){return null==t||0===t.size?null:Array.from(t)}}};class ke{constructor(o,e,r){he.add(this),this.disabled=!1,this.event="m-select",be.set(this,(t=>{if(this.disabled)return;if(null==this.type)return void console.warn("[SelectionController] Did you forget to set the selection type?");const{detail:{type:o,value:e}}=t;switch(o){case"select":this.select(Ot(e));break;case"unselect":this.unselect(Ot(e));break;case"toggle":this.toggle(Ot(e))}})),this.init=t=>{this.host.selection=this.strategy.init(t)},this.select=o=>{this.host.selection=this.strategy.select(o,this.host.selection),t(this,he,"m",ge).call(this)},this.unselect=o=>{this.host.selection=this.strategy.unselect(o,this.host.selection),t(this,he,"m",ge).call(this)},this.toggle=o=>{this.host.selection=this.strategy.toggle(o,this.host.selection),t(this,he,"m",ge).call(this)},this.subscribe=()=>{this.host.addEventListener(this.event,t(this,be,"f"))},this.unsubscribe=()=>{this.host.removeEventListener(this.event,t(this,be,"f"))},this.host=o,this.type=e,this.event=r,this.strategy=ce({type:e}),this.host.addController(this)}hostConnected(){this.subscribe()}hostDisconnected(){this.unsubscribe()}hostUpdate(){null!=this.host.type&&this.host.type!==this.type&&(this.unsubscribe(),this.host.removeController(this))}}be=new WeakMap,he=new WeakSet,ge=function(){const t={detail:{type:this.type,value:this.strategy.value(this.host.selection)},bubbles:!0,composed:!1};this.host.dispatchEvent(new CustomEvent("m-change",t))};class ze extends et{static get properties(){return{value:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},selection:{state:!0},orientation:{type:String}}}constructor(){super(),me.add(this),pe.set(this,null),fe.set(this,null),this.disabled=!1,this.selection=new Set,this.value="",this.orientation="vertical",this.type="single-strict"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radio-group"),o(this,pe,new ke(this,this.type,ne),"f")}update(o){super.update(o),o.has("value")&&t(this,pe,"f").init(Ot(this.value||t(this,me,"m",$e).call(this))),o.has("selection")&&([this.value]=this.selection)}updated(o){super.updated(o),o.has("selection")&&t(this,me,"m",ye).call(this).forEach((o=>{t(this,me,"m",ve).call(this,o)})),o.has("disabled")&&t(this,me,"m",ye).call(this).forEach((o=>{t(this,me,"m",we).call(this,o)}))}render(){return U`
|
|
1269
1274
|
<div
|
|
1270
1275
|
class=${lt({"radio-group":!0,"-vertical":"vertical"===this.orientation,"-horizontal":"horizontal"===this.orientation})}
|
|
1271
1276
|
>
|
|
1272
1277
|
<slot></slot>
|
|
1273
1278
|
</div>
|
|
1274
|
-
`}}
|
|
1279
|
+
`}}pe=new WeakMap,fe=new WeakMap,me=new WeakSet,$e=function(){var o;return null===(o=t(this,me,"m",ye).call(this)[0])||void 0===o?void 0:o.value},ye=function(){return null==t(this,fe,"f")&&o(this,fe,this.shadowRoot.querySelector("slot"),"f"),[...t(this,fe,"f").assignedElements({flatten:!0})].filter((t=>"m-radio"===t.tagName.toLowerCase()))},ve=function(t){t.checked=this.selection.has(t.value)},we=function(t){t.disabled=this.disabled},ze.styles=[a`
|
|
1275
1280
|
.radio-group {
|
|
1276
1281
|
display: flex;
|
|
1277
|
-
gap: ${
|
|
1282
|
+
gap: ${_t("spacing-2")};
|
|
1278
1283
|
}
|
|
1279
1284
|
.radio-group.-vertical {
|
|
1280
1285
|
flex-direction: column;
|
|
@@ -1282,25 +1287,25 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
1282
1287
|
.radio-group.-horizontal {
|
|
1283
1288
|
flex-direction: row;
|
|
1284
1289
|
}
|
|
1285
|
-
`],window.customElements.define("m-radio-group"
|
|
1290
|
+
`],window.customElements.define("m-radio-group",ze);class Se extends et{static get properties(){return{variant:{type:String},size:{type:String},isSkeleton:{type:Boolean,attribute:"is-skeleton"}}}constructor(){super(),this.variant="neutral",this.size="default",this.isSkeleton=!1}render(){return U`
|
|
1286
1291
|
<span
|
|
1287
1292
|
class=${lt({tag:!0,"-success":"success"===this.variant,"-neutral":"neutral"===this.variant,"-warning":"warning"===this.variant,"-danger":"danger"===this.variant,"-is-skeleton":this.isSkeleton,"-size-small":"small"===this.size,"-size-default":"default"===this.size,"-size-large":"large"===this.size})}
|
|
1288
1293
|
>
|
|
1289
1294
|
${this.isSkeleton?U``:U`<slot name="leading"></slot>`}
|
|
1290
1295
|
<slot></slot>
|
|
1291
1296
|
</span>
|
|
1292
|
-
`}}
|
|
1297
|
+
`}}Se.styles=[[a`
|
|
1293
1298
|
@keyframes skeleton-loading {
|
|
1294
1299
|
0% {
|
|
1295
|
-
background-color: ${
|
|
1300
|
+
background-color: ${Bt("color-background-tertiary")};
|
|
1296
1301
|
opacity: 0.3;
|
|
1297
1302
|
}
|
|
1298
1303
|
50% {
|
|
1299
|
-
background-color: ${
|
|
1304
|
+
background-color: ${Bt("color-background-tertiary")};
|
|
1300
1305
|
opacity: 0.6;
|
|
1301
1306
|
}
|
|
1302
1307
|
100% {
|
|
1303
|
-
background-color: ${
|
|
1308
|
+
background-color: ${Bt("color-background-tertiary")};
|
|
1304
1309
|
}
|
|
1305
1310
|
}
|
|
1306
1311
|
`,a`
|
|
@@ -1315,86 +1320,86 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
1315
1320
|
box-sizing: border-box;
|
|
1316
1321
|
max-width: 200px;
|
|
1317
1322
|
border-radius: 100px;
|
|
1318
|
-
line-height: ${
|
|
1323
|
+
line-height: ${_t("line-height-1")};
|
|
1319
1324
|
cursor: default;
|
|
1320
1325
|
}
|
|
1321
1326
|
|
|
1322
1327
|
.tag slot[name='leading']::slotted(*) {
|
|
1323
|
-
margin-inline-end: ${
|
|
1328
|
+
margin-inline-end: ${_t("spacing-1")};
|
|
1324
1329
|
vertical-align: middle;
|
|
1325
1330
|
}
|
|
1326
1331
|
|
|
1327
1332
|
.-size-small {
|
|
1328
1333
|
${Gt("chips-sm")};
|
|
1329
|
-
padding: ${
|
|
1330
|
-
block-size: ${
|
|
1334
|
+
padding: ${_t("spacing-1")} ${_t("spacing-2")};
|
|
1335
|
+
block-size: ${uo("18px")};
|
|
1331
1336
|
}
|
|
1332
1337
|
.-size-default {
|
|
1333
1338
|
${Gt("chips-md")};
|
|
1334
|
-
padding: ${
|
|
1335
|
-
block-size: ${
|
|
1339
|
+
padding: ${_t("spacing-2")} ${_t("spacing-3")};
|
|
1340
|
+
block-size: ${_t("global-height-small")};
|
|
1336
1341
|
}
|
|
1337
1342
|
.-size-large {
|
|
1338
1343
|
${Gt("button-lg")};
|
|
1339
|
-
padding: ${
|
|
1340
|
-
block-size: ${
|
|
1344
|
+
padding: ${_t("spacing-3")} ${_t("spacing-4")};
|
|
1345
|
+
block-size: ${_t("global-height-default")};
|
|
1341
1346
|
}
|
|
1342
1347
|
|
|
1343
1348
|
.-success {
|
|
1344
|
-
color: ${
|
|
1345
|
-
background: ${
|
|
1349
|
+
color: ${Bt("color-success-60")};
|
|
1350
|
+
background: ${Bt("color-success-20")};
|
|
1346
1351
|
}
|
|
1347
1352
|
.-neutral {
|
|
1348
|
-
color: ${
|
|
1349
|
-
background: ${
|
|
1353
|
+
color: ${Bt("color-text-tertiary")};
|
|
1354
|
+
background: ${Bt("color-background-tertiary")};
|
|
1350
1355
|
}
|
|
1351
1356
|
.-warning {
|
|
1352
|
-
color: ${
|
|
1353
|
-
background: ${
|
|
1357
|
+
color: ${Bt("color-warning-100")};
|
|
1358
|
+
background: ${Bt("color-warning-20")};
|
|
1354
1359
|
}
|
|
1355
1360
|
.-danger {
|
|
1356
|
-
color: ${
|
|
1357
|
-
background: ${
|
|
1361
|
+
color: ${Bt("color-danger-60")};
|
|
1362
|
+
background: ${Bt("color-danger-20")};
|
|
1358
1363
|
}
|
|
1359
1364
|
|
|
1360
1365
|
.-is-skeleton {
|
|
1361
1366
|
${l("animation: skeleton-loading 1s linear infinite alternate;")};
|
|
1362
1367
|
width: var(--m-tag-skeleton-width);
|
|
1363
1368
|
}
|
|
1364
|
-
`]],window.customElements.define("m-tag",
|
|
1369
|
+
`]],window.customElements.define("m-tag",Se);const Ce="m-toggle";var Me,Le,Ae,je,We,_e,Be,Ee,Oe,Te,Ue;class Ne extends et{static get properties(){return{disabled:{type:Boolean},role:{type:String,reflect:!0},showCheck:{type:Boolean,attribute:"show-check"},size:{type:String},type:{type:String},value:{},selection:{state:!0}}}constructor(){super(),Me.add(this),Le.set(this,null),Ae.set(this,null),this.showCheck=!1,this.size="default",this.type="single",this.selection=new Set}update(e){super.update(e),(null!=e.get("type")&&null!=this.type||null==t(this,Le,"f"))&&(o(this,Le,new ke(this,this.type,Ce),"f"),t(this,Le,"f").init(Ot(this.value)),this.role=["single","single-strict"].includes(this.type)?"radiogroup":"group"),e.has("value")&&t(this,Le,"f").init(Ot(this.value))}updated(o){super.updated(o),o.has("selection")&&t(this,Me,"m",je).call(this).forEach((o=>{t(this,Me,"m",_e).call(this,o)})),o.has("disabled")&&t(this,Me,"m",je).call(this).forEach((o=>{t(this,Me,"m",Be).call(this,o)})),o.has("role")&&t(this,Me,"m",je).call(this).forEach((o=>{t(this,Me,"m",We).call(this,o)}))}render(){return U`
|
|
1365
1370
|
<m-group
|
|
1366
1371
|
class=${lt({"toggle-group":!0,"-single":"single"===this.type,"-single-strict":"single-strict"===this.type,"-multiple":"multiple"===this.type,"-small":"small"===this.size,"-show-check":this.showCheck})}
|
|
1367
1372
|
gap="spacing-1"
|
|
1368
1373
|
>
|
|
1369
1374
|
<slot></slot>
|
|
1370
1375
|
</m-group>
|
|
1371
|
-
`}}
|
|
1376
|
+
`}}Le=new WeakMap,Ae=new WeakMap,Me=new WeakSet,je=function(){return null==t(this,Ae,"f")&&o(this,Ae,this.shadowRoot.querySelector("slot"),"f"),[...t(this,Ae,"f").assignedElements({flatten:!0})].filter((t=>"m-toggle"===t.tagName.toLowerCase()))},We=function(t){t.setAttribute("role",["single","single-strict"].includes(this.type)?"radio":"checkbox")},_e=function(t){t.checked=this.selection.has(t.value)},Be=function(t){t.disabled=this.disabled},Ne.styles=[[a`
|
|
1372
1377
|
.toggle-group {
|
|
1373
1378
|
inline-size: max-content;
|
|
1374
1379
|
|
|
1375
|
-
border: 1px solid ${
|
|
1376
|
-
padding: ${
|
|
1380
|
+
border: 1px solid ${Bt("color-border")};
|
|
1381
|
+
padding: ${_t("spacing-1")};
|
|
1377
1382
|
|
|
1378
|
-
border-radius: ${
|
|
1383
|
+
border-radius: ${_t("border-radius-s")};
|
|
1379
1384
|
box-sizing: border-box;
|
|
1380
1385
|
|
|
1381
|
-
block-size: ${
|
|
1386
|
+
block-size: ${_t("global-height-default")};
|
|
1382
1387
|
}
|
|
1383
1388
|
|
|
1384
1389
|
.toggle-group.-small {
|
|
1385
|
-
block-size: ${
|
|
1390
|
+
block-size: ${_t("global-height-small")};
|
|
1386
1391
|
}
|
|
1387
1392
|
|
|
1388
1393
|
.toggle-group.-small ::slotted(m-toggle) {
|
|
1389
1394
|
--m-toggle-base-size: 18px;
|
|
1390
|
-
--m-toggle-font-size: ${
|
|
1395
|
+
--m-toggle-font-size: ${_t("font-size-2")};
|
|
1391
1396
|
--m-toggle-icon-size: 10px;
|
|
1392
1397
|
}
|
|
1393
1398
|
|
|
1394
1399
|
.toggle-group.-show-check ::slotted(m-toggle[aria-checked='true']) {
|
|
1395
1400
|
--m-toggle-icon-display: inline-flex;
|
|
1396
1401
|
}
|
|
1397
|
-
`]],window.customElements.define("m-toggle-group",
|
|
1402
|
+
`]],window.customElements.define("m-toggle-group",Ne);class Re extends et{static get properties(){return{checked:{type:Boolean},disabled:{type:Boolean,reflect:!0},role:{type:String,reflect:!0},value:{type:String}}}constructor(){super(),Ee.add(this),this.disabled=!1,this.checked=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("click",t(this,Ee,"m",Oe))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",t(this,Ee,"m",Oe))}updated(o){super.updated(o),o.has("disabled")&&t(this,Ee,"m",Te).call(this),o.has("checked")&&t(this,Ee,"m",Ue).call(this)}render(){return U`
|
|
1398
1403
|
<button
|
|
1399
1404
|
type="button"
|
|
1400
1405
|
class=${lt({button:!0,toggle:!0})}
|
|
@@ -1419,40 +1424,40 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
1419
1424
|
|
|
1420
1425
|
<slot></slot>
|
|
1421
1426
|
</button>
|
|
1422
|
-
`}}
|
|
1427
|
+
`}}Ee=new WeakSet,Oe=function(){if(this.disabled)return;this.checked=!this.checked;const t={detail:{value:this.value,type:"toggle"},bubbles:!0,composed:!1};this.dispatchEvent(new CustomEvent(Ce,t))},Te=function(){this.setAttribute("aria-disabled",String(this.disabled))},Ue=function(){this.setAttribute("aria-checked",String(this.checked))},Re.styles=[[Jt(),a`
|
|
1423
1428
|
:host {
|
|
1424
1429
|
/*
|
|
1425
1430
|
* These custom properties are here because they are meant to be
|
|
1426
1431
|
* overriden via toggle-group styles.
|
|
1427
1432
|
*/
|
|
1428
1433
|
--m-toggle-base-size: 30px;
|
|
1429
|
-
--m-toggle-font-size: ${
|
|
1434
|
+
--m-toggle-font-size: ${_t("font-size-3")};
|
|
1430
1435
|
--m-toggle-icon-size: 12px;
|
|
1431
1436
|
--m-toggle-icon-display: none;
|
|
1432
1437
|
}
|
|
1433
1438
|
|
|
1434
1439
|
.toggle {
|
|
1435
1440
|
--m-button-border-color: transparent;
|
|
1436
|
-
--m-button-color: ${
|
|
1437
|
-
--m-button-padding-x: ${
|
|
1441
|
+
--m-button-color: ${Bt("color-primary-100")};
|
|
1442
|
+
--m-button-padding-x: ${_t("spacing-2")};
|
|
1438
1443
|
--m-button-padding-y: 0;
|
|
1439
1444
|
|
|
1440
1445
|
--m-button-base-size: var(--m-toggle-base-size);
|
|
1441
1446
|
--m-button-font-size: var(--m-toggle-font-size);
|
|
1442
1447
|
}
|
|
1443
1448
|
|
|
1444
|
-
${
|
|
1445
|
-
--m-button-color: ${
|
|
1449
|
+
${Vt([".toggle"])} {
|
|
1450
|
+
--m-button-color: ${Bt("color-text-disabled")};
|
|
1446
1451
|
}
|
|
1447
1452
|
|
|
1448
1453
|
[aria-checked='true'] {
|
|
1449
|
-
--m-button-background-color: ${
|
|
1454
|
+
--m-button-background-color: ${Bt("color-primary-20")};
|
|
1450
1455
|
}
|
|
1451
1456
|
|
|
1452
|
-
${
|
|
1453
|
-
--m-button-background-color: ${
|
|
1454
|
-
--m-button-border-color: ${
|
|
1455
|
-
--m-button-color: ${
|
|
1457
|
+
${It.hover(".toggle")} {
|
|
1458
|
+
--m-button-background-color: ${Bt("color-background-tertiary")};
|
|
1459
|
+
--m-button-border-color: ${Bt("color-background-tertiary")};
|
|
1460
|
+
--m-button-color: ${Bt("color-primary-100")};
|
|
1456
1461
|
}
|
|
1457
1462
|
|
|
1458
1463
|
.check-icon {
|
|
@@ -1465,5 +1470,5 @@ const bo=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
|
|
|
1465
1470
|
block-size: var(--m-toggle-icon-size);
|
|
1466
1471
|
inline-size: var(--m-toggle-icon-size);
|
|
1467
1472
|
}
|
|
1468
|
-
`]],window.customElements.define("m-toggle",
|
|
1473
|
+
`]],window.customElements.define("m-toggle",Re);export{No as ALIGN_ITEMS_VALUES,Mo as Banner,Xt as BannerActionPrimary,Yt as BannerActionSecondary,to as BannerActions,oo as BannerDescription,eo as BannerIcon,ro as BannerTitle,Zo as Box,Qt as Button,Lo as Card,Ao as CardBody,jo as CardSubtitle,Wo as CardTitle,To as Checkbox,ho as CloseButton,Uo as Divider,Jo as Grid,Ho as Group,Ro as JUSTIFY_CONTENT_VALUES,ie as ProgressBar,de as Radio,ze as RadioGroup,Ko as Sidebar,Vo as Stack,Xo as Switcher,Se as Tag,vo as Text,Re as Toggle,Ne as ToggleGroup,Po as defaultBoxProps,Io as defaultGridProps,Do as defaultGroupProps,qo as defaultSidebarProps,Go as defaultStackProps,Qo as defaultSwitcherProps};
|
|
1469
1474
|
//# sourceMappingURL=index.js.map
|