@loadsmart/miranda-wc 1.28.1 → 1.29.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/index.js
CHANGED
|
@@ -3,12 +3,12 @@ function t(t,e,o,i){if("a"===o&&!i)throw new TypeError("Private accessor was def
|
|
|
3
3
|
* @license
|
|
4
4
|
* Copyright 2017 Google LLC
|
|
5
5
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
|
-
*/}var o;const i=window,r=i.trustedTypes,n=r?r.createPolicy("lit-html",{createHTML:t=>t}):void 0,s=`lit$${(Math.random()+"").slice(9)}$`,l="?"+s,a=`<${l}>`,c=document,d=(t="")=>c.createComment(t),h=t=>null===t||"object"!=typeof t&&"function"!=typeof t,u=Array.isArray,b=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,g=/-->/g,p=/>/g,m=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),f=/'/g,$=/"/g,y=/^(?:script|style|textarea|title)$/i,v=(t=>(e,...o)=>({_$litType$:t,strings:e,values:o}))(1),w=Symbol.for("lit-noChange"),x=Symbol.for("lit-nothing"),k=new WeakMap,z=c.createTreeWalker(c,129,null,!1),S=(t,e)=>{const o=t.length-1,i=[];let r,l=2===e?"<svg>":"",c=b;for(let e=0;e<o;e++){const o=t[e];let n,d,h=-1,u=0;for(;u<o.length&&(c.lastIndex=u,d=c.exec(o),null!==d);)u=c.lastIndex,c===b?"!--"===d[1]?c=g:void 0!==d[1]?c=p:void 0!==d[2]?(y.test(d[2])&&(r=RegExp("</"+d[2],"g")),c=m):void 0!==d[3]&&(c=m):c===m?">"===d[0]?(c=null!=r?r:b,h=-1):void 0===d[1]?h=-2:(h=c.lastIndex-d[2].length,n=d[1],c=void 0===d[3]?m:'"'===d[3]?$:f):c===$||c===f?c=m:c===g||c===p?c=b:(c=m,r=void 0);const v=c===m&&t[e+1].startsWith("/>")?" ":"";l+=c===b?o+a:h>=0?(i.push(n),o.slice(0,h)+"$lit$"+o.slice(h)+s+v):o+s+(-2===h?(i.push(void 0),e):v)}const d=l+(t[o]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==n?n.createHTML(d):d,i]};class C{constructor({strings:t,_$litType$:e},o){let i;this.parts=[];let n=0,a=0;const c=t.length-1,h=this.parts,[u,b]=S(t,e);if(this.el=C.createElement(u,o),z.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(i=z.nextNode())&&h.length<c;){if(1===i.nodeType){if(i.hasAttributes()){const t=[];for(const e of i.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(s)){const o=b[a++];if(t.push(e),void 0!==o){const t=i.getAttribute(o.toLowerCase()+"$lit$").split(s),e=/([.?@])?(.*)/.exec(o);h.push({type:1,index:n,name:e[2],strings:t,ctor:"."===e[1]?
|
|
6
|
+
*/}var o;const i=window,r=i.trustedTypes,n=r?r.createPolicy("lit-html",{createHTML:t=>t}):void 0,s=`lit$${(Math.random()+"").slice(9)}$`,l="?"+s,a=`<${l}>`,c=document,d=(t="")=>c.createComment(t),h=t=>null===t||"object"!=typeof t&&"function"!=typeof t,u=Array.isArray,b=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,g=/-->/g,p=/>/g,m=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),f=/'/g,$=/"/g,y=/^(?:script|style|textarea|title)$/i,v=(t=>(e,...o)=>({_$litType$:t,strings:e,values:o}))(1),w=Symbol.for("lit-noChange"),x=Symbol.for("lit-nothing"),k=new WeakMap,z=c.createTreeWalker(c,129,null,!1),S=(t,e)=>{const o=t.length-1,i=[];let r,l=2===e?"<svg>":"",c=b;for(let e=0;e<o;e++){const o=t[e];let n,d,h=-1,u=0;for(;u<o.length&&(c.lastIndex=u,d=c.exec(o),null!==d);)u=c.lastIndex,c===b?"!--"===d[1]?c=g:void 0!==d[1]?c=p:void 0!==d[2]?(y.test(d[2])&&(r=RegExp("</"+d[2],"g")),c=m):void 0!==d[3]&&(c=m):c===m?">"===d[0]?(c=null!=r?r:b,h=-1):void 0===d[1]?h=-2:(h=c.lastIndex-d[2].length,n=d[1],c=void 0===d[3]?m:'"'===d[3]?$:f):c===$||c===f?c=m:c===g||c===p?c=b:(c=m,r=void 0);const v=c===m&&t[e+1].startsWith("/>")?" ":"";l+=c===b?o+a:h>=0?(i.push(n),o.slice(0,h)+"$lit$"+o.slice(h)+s+v):o+s+(-2===h?(i.push(void 0),e):v)}const d=l+(t[o]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==n?n.createHTML(d):d,i]};class C{constructor({strings:t,_$litType$:e},o){let i;this.parts=[];let n=0,a=0;const c=t.length-1,h=this.parts,[u,b]=S(t,e);if(this.el=C.createElement(u,o),z.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(i=z.nextNode())&&h.length<c;){if(1===i.nodeType){if(i.hasAttributes()){const t=[];for(const e of i.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(s)){const o=b[a++];if(t.push(e),void 0!==o){const t=i.getAttribute(o.toLowerCase()+"$lit$").split(s),e=/([.?@])?(.*)/.exec(o);h.push({type:1,index:n,name:e[2],strings:t,ctor:"."===e[1]?B:"?"===e[1]?_:"@"===e[1]?O:A})}else h.push({type:6,index:n})}for(const e of t)i.removeAttribute(e)}if(y.test(i.tagName)){const t=i.textContent.split(s),e=t.length-1;if(e>0){i.textContent=r?r.emptyScript:"";for(let o=0;o<e;o++)i.append(t[o],d()),z.nextNode(),h.push({type:2,index:++n});i.append(t[e],d())}}}else if(8===i.nodeType)if(i.data===l)h.push({type:2,index:n});else{let t=-1;for(;-1!==(t=i.data.indexOf(s,t+1));)h.push({type:7,index:n}),t+=s.length-1}n++}}static createElement(t,e){const o=c.createElement("template");return o.innerHTML=t,o}}function M(t,e,o=t,i){var r,n,s,l;if(e===w)return e;let a=void 0!==i?null===(r=o._$Co)||void 0===r?void 0:r[i]:o._$Cl;const c=h(e)?void 0:e._$litDirective$;return(null==a?void 0:a.constructor)!==c&&(null===(n=null==a?void 0:a._$AO)||void 0===n||n.call(a,!1),void 0===c?a=void 0:(a=new c(t),a._$AT(t,o,i)),void 0!==i?(null!==(s=(l=o)._$Co)&&void 0!==s?s:l._$Co=[])[i]=a:o._$Cl=a),void 0!==a&&(e=M(t,a._$AS(t,e.values),a,i)),e}class W{constructor(t,e){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var e;const{el:{content:o},parts:i}=this._$AD,r=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:c).importNode(o,!0);z.currentNode=r;let n=z.nextNode(),s=0,l=0,a=i[0];for(;void 0!==a;){if(s===a.index){let e;2===a.type?e=new j(n,n.nextSibling,this,t):1===a.type?e=new a.ctor(n,a.name,a.strings,this,t):6===a.type&&(e=new T(n,this,t)),this.u.push(e),a=i[++l]}s!==(null==a?void 0:a.index)&&(n=z.nextNode(),s++)}return r}p(t){let e=0;for(const o of this.u)void 0!==o&&(void 0!==o.strings?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}class j{constructor(t,e,o,i){var r;this.type=2,this._$AH=x,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=i,this._$Cm=null===(r=null==i?void 0:i.isConnected)||void 0===r||r}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cm}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=M(this,t,e),h(t)?t===x||null==t||""===t?(this._$AH!==x&&this._$AR(),this._$AH=x):t!==this._$AH&&t!==w&&this.g(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>u(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.k(t):this.g(t)}O(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}g(t){this._$AH!==x&&h(this._$AH)?this._$AA.nextSibling.data=t:this.T(c.createTextNode(t)),this._$AH=t}$(t){var e;const{values:o,_$litType$:i}=t,r="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=C.createElement(i.h,this.options)),i);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===r)this._$AH.p(o);else{const t=new W(r,this),e=t.v(this.options);t.p(o),this.T(e),this._$AH=t}}_$AC(t){let e=k.get(t.strings);return void 0===e&&k.set(t.strings,e=new C(t)),e}k(t){u(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,i=0;for(const r of t)i===e.length?e.push(o=new j(this.O(d()),this.O(d()),this,this.options)):o=e[i],o._$AI(r),i++;i<e.length&&(this._$AR(o&&o._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var o;for(null===(o=this._$AP)||void 0===o||o.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cm=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}let A=class{constructor(t,e,o,i,r){this.type=1,this._$AH=x,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,o.length>2||""!==o[0]||""!==o[1]?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=x}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,o,i){const r=this.strings;let n=!1;if(void 0===r)t=M(this,t,e,0),n=!h(t)||t!==this._$AH&&t!==w,n&&(this._$AH=t);else{const i=t;let s,l;for(t=r[0],s=0;s<r.length-1;s++)l=M(this,i[o+s],e,s),l===w&&(l=this._$AH[s]),n||(n=!h(l)||l!==this._$AH[s]),l===x?t=x:t!==x&&(t+=(null!=l?l:"")+r[s+1]),this._$AH[s]=l}n&&!i&&this.j(t)}j(t){t===x?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}};class B extends A{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===x?void 0:t}}const E=r?r.emptyScript:"";class _ extends A{constructor(){super(...arguments),this.type=4}j(t){t&&t!==x?this.element.setAttribute(this.name,E):this.element.removeAttribute(this.name)}}class O extends A{constructor(t,e,o,i,r){super(t,e,o,i,r),this.type=5}_$AI(t,e=this){var o;if((t=null!==(o=M(this,t,e,0))&&void 0!==o?o:x)===w)return;const i=this._$AH,r=t===x&&i!==x||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,n=t!==x&&(i===x||r);r&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,o;"function"==typeof this._$AH?this._$AH.call(null!==(o=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==o?o:this.element,t):this._$AH.handleEvent(t)}}class T{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){M(this,t)}}const U=i.litHtmlPolyfillSupport;null==U||U(C,j),(null!==(o=i.litHtmlVersions)&&void 0!==o?o:i.litHtmlVersions=[]).push("2.6.1");const q=Symbol.for(""),N=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t._$litStatic$},R=(t,...e)=>({_$litStatic$:e.reduce(((e,o,i)=>e+(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.`)})(o)+t[i+1]),t[0]),r:q}),P=new Map,D=(t=>(e,...o)=>{const i=o.length;let r,n;const s=[],l=[];let a,c=0,d=!1;for(;c<i;){for(a=e[c];c<i&&void 0!==(n=o[c],r=N(n));)a+=r+e[++c],d=!0;l.push(n),s.push(a),c++}if(c===i&&s.push(e[i]),d){const t=s.join("$$lit$$");void 0===(e=P.get(t))&&(s.raw=s,P.set(t,e=s)),o=l}return t(e,...o)})(v),G=window,L=G.ShadowRoot&&(void 0===G.ShadyCSS||G.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,I=Symbol(),V=new WeakMap;
|
|
7
7
|
/**
|
|
8
8
|
* @license
|
|
9
9
|
* Copyright 2020 Google LLC
|
|
10
10
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
-
*/
|
|
11
|
+
*/let J=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==I)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(L&&void 0===t){const o=void 0!==e&&1===e.length;o&&(t=V.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&V.set(e,t))}return t}toString(){return this.cssText}};const Z=t=>new J("string"==typeof t?t:t+"",void 0,I),H=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,o,i)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+t[i+1]),t[0]);return new J(o,t,I)},F=L?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return Z(e)})(t):t
|
|
12
12
|
/**
|
|
13
13
|
* @license
|
|
14
14
|
* Copyright 2017 Google LLC
|
|
@@ -19,7 +19,7 @@ function t(t,e,o,i){if("a"===o&&!i)throw new TypeError("Private accessor was def
|
|
|
19
19
|
* Copyright 2017 Google LLC
|
|
20
20
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
21
21
|
*/
|
|
22
|
-
var nt,st;rt.finalized=!0,rt.elementProperties=new Map,rt.elementStyles=[],rt.shadowRootOptions={mode:"open"},null==tt||tt({ReactiveElement:rt}),(null!==(K=Q.reactiveElementVersions)&&void 0!==K?K:Q.reactiveElementVersions=[]).push("1.6.1");
|
|
22
|
+
var nt,st;rt.finalized=!0,rt.elementProperties=new Map,rt.elementStyles=[],rt.shadowRootOptions={mode:"open"},null==tt||tt({ReactiveElement:rt}),(null!==(K=Q.reactiveElementVersions)&&void 0!==K?K:Q.reactiveElementVersions=[]).push("1.6.1");let lt=class extends rt{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const o=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=o.firstChild),o}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,o)=>{var i,r;const n=null!==(i=null==o?void 0:o.renderBefore)&&void 0!==i?i:e;let s=n._$litPart$;if(void 0===s){const t=null!==(r=null==o?void 0:o.renderBefore)&&void 0!==r?r:null;n._$litPart$=s=new j(e.insertBefore(d(),t),t,void 0,null!=o?o:{})}return s._$AI(t),s})(e,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 w}};lt.finalized=!0,lt._$litElement$=!0,null===(nt=globalThis.litElementHydrateSupport)||void 0===nt||nt.call(globalThis,{LitElement:lt});const at=globalThis.litElementPolyfillSupport;null==at||at({LitElement:lt}),(null!==(st=globalThis.litElementVersions)&&void 0!==st?st:globalThis.litElementVersions=[]).push("3.2.2");
|
|
23
23
|
/**
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2018 Google LLC
|
|
@@ -30,32 +30,32 @@ const ct=t=>null!=t?t:x
|
|
|
30
30
|
* @license
|
|
31
31
|
* Copyright 2017 Google LLC
|
|
32
32
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
33
|
-
*/,dt=1,ht=t=>(...e)=>({_$litDirective$:t,values:e});
|
|
33
|
+
*/,dt=1,ht=t=>(...e)=>({_$litDirective$:t,values:e});let ut=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,o){this._$Ct=t,this._$AM=e,this._$Ci=o}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};
|
|
34
34
|
/**
|
|
35
35
|
* @license
|
|
36
36
|
* Copyright 2018 Google LLC
|
|
37
37
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
38
|
-
*/const bt=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"class"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.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((e=>t[e])).join(" ")+" "}update(t,[e]){var o,i;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 e)e[t]&&!(null===(o=this.st)||void 0===o?void 0:o.has(t))&&this.nt.add(t);return this.render(e)}const r=t.element.classList;this.nt.forEach((t=>{t in e||(r.remove(t),this.nt.delete(t))}));for(const t in e){const o=!!e[t];o===this.nt.has(t)||(null===(i=this.st)||void 0===i?void 0:i.has(t))||(o?(r.add(t),this.nt.add(t)):(r.remove(t),this.nt.delete(t)))}return w}}),gt=(t,e=["article","div","span"],o="div")=>class extends t{static get properties(){return{as:{type:String}}}connectedCallback(){var t;super.connectedCallback(),this.as=null!==(t=e.includes(this.as)?this.as:o)&&void 0!==t?t:"div"}get tag(){return R`${(t=>({_$litStatic$:t,r:q}))(this.as)}`}};var pt,mt;class ft extends lt{constructor(){super(...arguments),pt.set(this,void 0),mt.set(this,(()=>{if(this.hasAttribute("form")){const t=this.getRootNode(),o=this.getAttribute("form");e(this,pt,t.getElementById(o),"f")}else e(this,pt,this.closest("form"),"f")}))}static get properties(){return{assignedForm:{type:String,attribute:"form"}}}get form(){return t(this,pt,"f")}updated(e){super.updated(e),(e.has("form")||null==t(this,pt,"f"))&&t(this,mt,"f").call(this)}}pt=new WeakMap,mt=new WeakMap;var $t,yt,vt={},wt={};wt.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(vt,"i",{value:!0});var xt=wt;function kt(t){return xt.LoadsmartTheme[t]}function zt(t){var e=kt(t);return null==e?e:"--m-".concat(t)}var St=Object.keys(xt.LoadsmartTheme).filter((function(t){return!t.startsWith("brand-")&&!t.startsWith("platform-")}));function Ct(t){return St.filter((function(e){return e.startsWith(t)}))}var Mt=Ct("color-"),Wt=Ct("color-background-"),jt=Ct("spacing-"),At=function(t,e,o){if(o||2===arguments.length)for(var i,r=0,n=e.length;r<n;r++)!i&&r in e||(i||(i=Array.prototype.slice.call(e,0,r)),i[r]=e[r]);return t.concat(i||Array.prototype.slice.call(e))}(["none"],jt,!0),_t=Ct("font-family-"),Bt=Ct("font-size-"),Et=Ct("font-weight-"),Ot=Ct("line-height-"),Tt=Ct("border-"),Ut=Ct("border-radius-"),qt=Ct("opacity-"),Nt=Ct("elevation-"),Rt=Ct("glow-"),Pt=Ct("global-");function Dt(t){return Z($t(t))}function Gt(t,e=1){return Z($t(t,e))}vt.BACKGROUND_COLOR_TOKENS=Wt,vt.BORDER_RADIUS_TOKENS=Ut,vt.BORDER_TOKENS=Tt,vt.BORDER_WIDTH_TOKENS=["border-none","border-thin","border-medium","border-thick"],vt.COLOR_TOKENS=Mt,vt.ELEVATION_TOKENS=Nt,vt.FONT_FAMILY_TOKENS=_t,vt.FONT_SIZE_TOKENS=Bt,vt.FONT_WEIGHT_TOKENS=Et,vt.GLOBAL_TOKENS=Pt,vt.GLOW_TOKENS=Rt,vt.LINE_HEIGHT_TOKENS=Ot,vt.OPACITY_TOKENS=qt,vt.SPACING_TOKENS=jt,vt.SPACING_TOKENS_WITH_NONE=At,vt.TOKENS=St,yt=vt.getToken=kt,$t=vt.toCSSValue=function(t,e){var o=kt(t);return null==o?"":t.startsWith("color-")?"rgba(var(".concat(zt(t),", ").concat(o,"), ").concat(null!=e?e:1,")"):"var(".concat(zt(t),", ").concat(o,")")},vt.toCSSVariable=zt;var Lt={toArray:function(t){return null==t?[]:Array.isArray(t)?t:[t]}},It=Lt.toArray;function Vt(t){return Z(`\n\t\tmargin-inline-start: ${t}\n\t`)}function Jt(t){return Z(`\n\t\t${Vt(t)};\n\t\t${function(t){return Z(`\n\t\tmargin-inline-end: ${t}\n\t`)}(t)}\n\t`)}function Zt(t){return Z(`\n\t\t${function(t){return Z(`\n\t\tmargin-block-start: ${t}\n\t`)}(t)};\n\t\t${function(t){return Z(`\n\t\tmargin-block-end: ${t}\n\t`)}(t)}\n\t`)}function Ht(t){return Z(`\n\t\t${Jt(t)};\n\t\t${Zt(t)}\n\t`)}function Ft(t){return Z(`\n\t\t${function(t){return Z(`\n\t\tpadding-inline-end: ${t}\n\t`)}(t)};\n\t\t${function(t){return Z(`\n\t\tpadding-inline-start: ${t}\n\t`)}(t)}\n\t`)}function Kt(t){return Z(`\n\t\t${function(t){return Z(`\n\t\tpadding-block-start: ${t}\n\t`)}(t)};\n\t\t${function(t){return Z(`\n\t\tpadding-block-end: ${t}\n\t`)}(t)}\n\t`)}function Qt(t){return Z(`\n\t\t${Ft(t)};\n\t\t${Kt(t)}\n\t`)}const Xt={property:"all",delay:"0s",duration:"0.35s",easing:"ease-in-out"};function Yt(t){const e=It(t).map((t=>function(t){const e={...Xt,...t};return Z(`${e.property} ${e.duration} ${e.easing} ${e.delay}`)}(t))).join(", ");return Z(`\n\t\ttransition: ${e}\n\t`)}function te(t){const e=Z("\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 Z(`${e}\n${function(t){switch(t){case"hero-lg-bold":return`\n\t\t\t\tfont-family: ${Dt("font-family-title")};\n\t\t\t\tline-height: ${Dt("line-height-6")};\n\t\t\t\tfont-size: ${Dt("font-size-9")};\n\t\t\t\tfont-weight: ${Dt("font-weight-bold")}\n\t\t\t`;case"hero-lg":return`\n\t\t\t\tfont-family: ${Dt("font-family-title")};\n\t\t\t\tline-height: ${Dt("line-height-6")};\n\t\t\t\tfont-size: ${Dt("font-size-9")};\n\t\t\t\tfont-weight: ${Dt("font-weight-regular")}\n\t\t\t`;case"hero-md-bold":return`\n\t\t\t\tfont-family: ${Dt("font-family-title")};\n\t\t\t\tline-height: ${Dt("line-height-6")};\n\t\t\t\tfont-size: ${Dt("font-size-8")};\n\t\t\t\tfont-weight: ${Dt("font-weight-bold")}\n\t\t\t`;case"hero-md":return`\n\t\t\t\tfont-family: ${Dt("font-family-title")};\n\t\t\t\tline-height: ${Dt("line-height-6")};\n\t\t\t\tfont-size: ${Dt("font-size-8")};\n\t\t\t\tfont-weight: ${Dt("font-weight-regular")}\n\t\t\t`;case"hero-sm-bold":return`\n\t\t\t\tfont-family: ${Dt("font-family-title")};\n\t\t\t\tline-height: ${Dt("line-height-6")};\n\t\t\t\tfont-size: ${Dt("font-size-7")};\n\t\t\t\tfont-weight: ${Dt("font-weight-bold")}\n\t\t\t`;case"hero-sm":return`\n\t\t\t\tfont-family: ${Dt("font-family-title")};\n\t\t\t\tline-height: ${Dt("line-height-6")};\n\t\t\t\tfont-size: ${Dt("font-size-7")};\n\t\t\t\tfont-weight: ${Dt("font-weight-regular")}\n\t\t\t`;case"heading-lg-bold":return`\n\t\t\t\t\tfont-family: ${Dt("font-family-title")};\n\t\t\t\t\tline-height: ${Dt("line-height-5")};\n\t\t\t\t\tfont-size: ${Dt("font-size-6")};\n\t\t\t\t\tfont-weight: ${Dt("font-weight-bold")}\n\t\t\t\t`;case"heading-lg":return`\n\t\t\t\tfont-family: ${Dt("font-family-title")};\n\t\t\t\tline-height: ${Dt("line-height-5")};\n\t\t\t\tfont-size: ${Dt("font-size-6")};\n\t\t\t\tfont-weight: ${Dt("font-weight-regular")}\n\t\t\t`;case"heading-md-bold":return`\n\t\t\t\tfont-family: ${Dt("font-family-title")};\n\t\t\t\tline-height: ${Dt("line-height-5")};\n\t\t\t\tfont-size: ${Dt("font-size-5")};\n\t\t\t\tfont-weight: ${Dt("font-weight-bold")}\n\t\t\t`;case"heading-md":return`\n\t\t\t\tfont-family: ${Dt("font-family-title")};\n\t\t\t\tline-height: ${Dt("line-height-5")};\n\t\t\t\tfont-size: ${Dt("font-size-5")};\n\t\t\t\tfont-weight: ${Dt("font-weight-regular")}\n\t\t\t`;case"heading-sm-bold":return`\n\t\t\t\tfont-family: ${Dt("font-family-title")};\n\t\t\t\tline-height: ${Dt("line-height-5")};\n\t\t\t\tfont-size: ${Dt("font-size-4")};\n\t\t\t\tfont-weight: ${Dt("font-weight-bold")}\n\t\t\t`;case"heading-sm":return`\n\t\t\t\tfont-family: ${Dt("font-family-title")};\n\t\t\t\tline-height: ${Dt("line-height-5")};\n\t\t\t\tfont-size: ${Dt("font-size-4")};\n\t\t\t\tfont-weight: ${Dt("font-weight-regular")}\n\t\t\t`;case"body-lg-bold":return`\n\t\t\t\t\tfont-family: ${Dt("font-family-default")};\n\t\t\t\t\tline-height: ${Dt("line-height-6")};\n\t\t\t\t\tfont-size: ${Dt("font-size-5")};\n\t\t\t\t\tfont-weight: ${Dt("font-weight-bold")}\n\t\t\t\t`;case"body-lg":return`\n\t\t\t\t\tfont-family: ${Dt("font-family-default")};\n\t\t\t\t\tline-height: ${Dt("line-height-6")};\n\t\t\t\t\tfont-size: ${Dt("font-size-5")};\n\t\t\t\t\tfont-weight: ${Dt("font-weight-regular")}\n\t\t\t\t`;case"body-md":case"number-md":return`\n\t\t\t\tfont-family: ${Dt("font-family-default")};\n\t\t\t\tline-height: ${Dt("line-height-5")};\n\t\t\t\tfont-size: ${Dt("font-size-3")};\n\t\t\t\tfont-weight: ${Dt("font-weight-regular")}\n\t\t\t`;case"body-md-underline":return`\n\t\t\t\tfont-family: ${Dt("font-family-default")};\n\t\t\t\tline-height: ${Dt("line-height-5")};\n\t\t\t\tfont-size: ${Dt("font-size-3")};\n\t\t\t\tfont-weight: ${Dt("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: ${Dt("font-family-default")};\n\t\t\t\tline-height: ${Dt("line-height-5")};\n\t\t\t\tfont-size: ${Dt("font-size-3")};\n\t\t\t\tfont-weight: ${Dt("font-weight-bold")}\n\t\t\t`;case"body-md-bold-underline":return`\n\t\t\t\tfont-family: ${Dt("font-family-default")};\n\t\t\t\tline-height: ${Dt("line-height-5")};\n\t\t\t\tfont-size: ${Dt("font-size-3")};\n\t\t\t\tfont-weight: ${Dt("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: ${Dt("font-family-default")};\n\t\t\t\tline-height: ${Dt("line-height-4")};\n\t\t\t\tfont-size: ${Dt("font-size-2")};\n\t\t\t\tfont-weight: ${Dt("font-weight-regular")}\n\t\t\t`;case"body-sm-underline":return`\n\t\t\t\tfont-family: ${Dt("font-family-default")};\n\t\t\t\tline-height: ${Dt("line-height-4")};\n\t\t\t\tfont-size: ${Dt("font-size-2")};\n\t\t\t\tfont-weight: ${Dt("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: ${Dt("font-family-default")};\n\t\t\t\tline-height: ${Dt("line-height-4")};\n\t\t\t\tfont-size: ${Dt("font-size-2")};\n\t\t\t\tfont-weight: ${Dt("font-weight-bold")}\n\t\t\t`;case"body-sm-bold-underline":return`\n\t\t\t\tfont-family: ${Dt("font-family-default")};\n\t\t\t\tline-height: ${Dt("line-height-4")};\n\t\t\t\tfont-size: ${Dt("font-size-2")};\n\t\t\t\tfont-weight: ${Dt("font-weight-bold")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"button-lg":return`\n\t\t\t\tfont-family: ${Dt("font-family-default")};\n\t\t\t\tline-height: ${Dt("line-height-1")};\n\t\t\t\tfont-size: ${Dt("font-size-4")};\n\t\t\t\tfont-weight: ${Dt("font-weight-bold")}\n\t\t\t`;case"button-md":return`\n\t\t\t\tfont-family: ${Dt("font-family-default")};\n\t\t\t\tline-height: ${Dt("line-height-1")};\n\t\t\t\tfont-size: ${Dt("font-size-3")};\n\t\t\t\tfont-weight: ${Dt("font-weight-bold")}\n\t\t\t`;case"button-sm":return`\n\t\t\t\tfont-family: ${Dt("font-family-default")};\n\t\t\t\tline-height: ${Dt("line-height-1")};\n\t\t\t\tfont-size: ${Dt("font-size-2")};\n\t\t\t\tfont-weight: ${Dt("font-weight-bold")}\n\t\t\t`;case"table-header-md":return`\n\t\t\t\tfont-family: ${Dt("font-family-default")};\n\t\t\t\tline-height: ${Dt("line-height-1")};\n\t\t\t\tfont-size: ${Dt("font-size-3")};\n\t\t\t\tfont-weight: ${Dt("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: ${Dt("font-family-default")};\n\t\t\t\tline-height: ${Dt("line-height-1")};\n\t\t\t\tfont-size: ${Dt("font-size-2")};\n\t\t\t\tfont-weight: ${Dt("font-weight-medium")}\n\t\t\t`;case"chips-md":return`\n\t\t\t\t\tfont-family: ${Dt("font-family-default")};\n\t\t\t\t\tline-height: ${Dt("line-height-1")};\n\t\t\t\t\tfont-size: ${Dt("font-size-2")};\n\t\t\t\t\tfont-weight: ${Dt("font-weight-bold")}\n\t\t\t\t`;case"chips-sm":return`\n\t\t\t\tfont-family: ${Dt("font-family-default")};\n\t\t\t\tline-height: ${Dt("line-height-1")};\n\t\t\t\tfont-size: ${Dt("font-size-1")};\n\t\t\t\tfont-weight: ${Dt("font-weight-medium")};\n\t\t\t\ttext-transform: uppercase\n\t\t\t`;default:return""}}(t)}`)}function ee(t,e=""){return Z(It(t).map((t=>[`${t}.is-disabled`,`${t}:disabled`].map((t=>[t,e].join(" "))).join(", "))).join(", "))}const oe={active:function(t){return Z(It(t).map((t=>`${t}:not(.is-disabled, :disabled):active`)).join(", "))},focus:function(t){return Z(It(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 Z(It(t).map((t=>`${t}:not(.is-disabled, :disabled):hover`)).join(", "))}};function ie(){return H`
|
|
38
|
+
*/const bt=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"class"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.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((e=>t[e])).join(" ")+" "}update(t,[e]){var o,i;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 e)e[t]&&!(null===(o=this.st)||void 0===o?void 0:o.has(t))&&this.nt.add(t);return this.render(e)}const r=t.element.classList;this.nt.forEach((t=>{t in e||(r.remove(t),this.nt.delete(t))}));for(const t in e){const o=!!e[t];o===this.nt.has(t)||(null===(i=this.st)||void 0===i?void 0:i.has(t))||(o?(r.add(t),this.nt.add(t)):(r.remove(t),this.nt.delete(t)))}return w}}),gt=(t,e=["article","div","span"],o="div")=>class extends t{static get properties(){return{as:{type:String}}}connectedCallback(){var t;super.connectedCallback(),this.as=null!==(t=e.includes(this.as)?this.as:o)&&void 0!==t?t:"div"}get tag(){return R`${(t=>({_$litStatic$:t,r:q}))(this.as)}`}};var pt,mt;class ft extends lt{constructor(){super(...arguments),pt.set(this,void 0),mt.set(this,(()=>{if(this.hasAttribute("form")){const t=this.getRootNode(),o=this.getAttribute("form");e(this,pt,t.getElementById(o),"f")}else e(this,pt,this.closest("form"),"f")}))}static get properties(){return{assignedForm:{type:String,attribute:"form"}}}get form(){return t(this,pt,"f")}updated(e){super.updated(e),(e.has("form")||null==t(this,pt,"f"))&&t(this,mt,"f").call(this)}}function $t(t){return t&&t.i&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}pt=new WeakMap,mt=new WeakMap;var yt,vt,wt={};wt.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"};var xt=wt;function kt(t){return xt.LoadsmartTheme[t]}function zt(t){var e=kt(t);return null==e?e:"--m-".concat(t)}var St=Object.keys(xt.LoadsmartTheme).filter((function(t){return!t.startsWith("brand-")&&!t.startsWith("platform-")}));function Ct(t){return St.filter((function(e){return e.startsWith(t)}))}function Mt(t){return Z(yt(t))}function Wt(t,e=1){return Z(yt(t,e))}Ct("color-"),Ct("color-background-"),function(t,e,o){if(o||2===arguments.length)for(var i,r=0,n=e.length;r<n;r++)!i&&r in e||(i||(i=Array.prototype.slice.call(e,0,r)),i[r]=e[r]);t.concat(i||Array.prototype.slice.call(e))}(["none"],Ct("spacing-"),!0),Ct("font-family-"),Ct("font-size-"),Ct("font-weight-"),Ct("line-height-"),Ct("border-"),Ct("border-radius-"),Ct("opacity-"),Ct("elevation-"),Ct("glow-"),Ct("global-"),vt=kt,yt=function(t,e){var o=kt(t);return null==o?"":t.startsWith("color-")?"rgba(var(".concat(zt(t),", ").concat(o,"), ").concat(null!=e?e:1,")"):"var(".concat(zt(t),", ").concat(o,")")};var jt={toArray:function(t){return null==t?[]:Array.isArray(t)?t:[t]}},At=$t(jt.toArray);function Bt(t){return Z(`\n\t\tmargin-inline-start: ${t}\n\t`)}function Et(t){return Z(`\n\t\t${Bt(t)};\n\t\t${function(t){return Z(`\n\t\tmargin-inline-end: ${t}\n\t`)}(t)}\n\t`)}function _t(t){return Z(`\n\t\t${function(t){return Z(`\n\t\tmargin-block-start: ${t}\n\t`)}(t)};\n\t\t${function(t){return Z(`\n\t\tmargin-block-end: ${t}\n\t`)}(t)}\n\t`)}function Ot(t){return Z(`\n\t\t${Et(t)};\n\t\t${_t(t)}\n\t`)}function Tt(t){return Z(`\n\t\t${function(t){return Z(`\n\t\tpadding-inline-end: ${t}\n\t`)}(t)};\n\t\t${function(t){return Z(`\n\t\tpadding-inline-start: ${t}\n\t`)}(t)}\n\t`)}function Ut(t){return Z(`\n\t\t${function(t){return Z(`\n\t\tpadding-block-start: ${t}\n\t`)}(t)};\n\t\t${function(t){return Z(`\n\t\tpadding-block-end: ${t}\n\t`)}(t)}\n\t`)}function qt(t){return Z(`\n\t\t${Tt(t)};\n\t\t${Ut(t)}\n\t`)}const Nt={property:"all",delay:"0s",duration:"0.35s",easing:"ease-in-out"};function Rt(t){const e=At(t).map((t=>function(t){const e={...Nt,...t};return Z(`${e.property} ${e.duration} ${e.easing} ${e.delay}`)}(t))).join(", ");return Z(`\n\t\ttransition: ${e}\n\t`)}function Pt(t){const e=Z("\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 Z(`${e}\n${function(t){switch(t){case"hero-lg-bold":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\tfont-size: ${Mt("font-size-9")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"hero-lg":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\tfont-size: ${Mt("font-size-9")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"hero-md-bold":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\tfont-size: ${Mt("font-size-8")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"hero-md":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\tfont-size: ${Mt("font-size-8")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"hero-sm-bold":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\tfont-size: ${Mt("font-size-7")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"hero-sm":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\tfont-size: ${Mt("font-size-7")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"heading-lg-bold":return`\n\t\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\t\tfont-size: ${Mt("font-size-6")};\n\t\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t\t`;case"heading-lg":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-6")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"heading-md-bold":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-5")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"heading-md":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-5")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"heading-sm-bold":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-4")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"heading-sm":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-4")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"body-lg-bold":return`\n\t\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\t\tfont-size: ${Mt("font-size-5")};\n\t\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t\t`;case"body-lg":return`\n\t\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\t\tfont-size: ${Mt("font-size-5")};\n\t\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t\t`;case"body-md":case"number-md":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-3")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"body-md-underline":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-3")};\n\t\t\t\tfont-weight: ${Mt("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: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-3")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"body-md-bold-underline":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-3")};\n\t\t\t\tfont-weight: ${Mt("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: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-4")};\n\t\t\t\tfont-size: ${Mt("font-size-2")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"body-sm-underline":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-4")};\n\t\t\t\tfont-size: ${Mt("font-size-2")};\n\t\t\t\tfont-weight: ${Mt("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: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-4")};\n\t\t\t\tfont-size: ${Mt("font-size-2")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"body-sm-bold-underline":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-4")};\n\t\t\t\tfont-size: ${Mt("font-size-2")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"button-lg":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-1")};\n\t\t\t\tfont-size: ${Mt("font-size-4")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"button-md":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-1")};\n\t\t\t\tfont-size: ${Mt("font-size-3")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"button-sm":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-1")};\n\t\t\t\tfont-size: ${Mt("font-size-2")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"table-header-md":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-1")};\n\t\t\t\tfont-size: ${Mt("font-size-3")};\n\t\t\t\tfont-weight: ${Mt("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: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-1")};\n\t\t\t\tfont-size: ${Mt("font-size-2")};\n\t\t\t\tfont-weight: ${Mt("font-weight-medium")}\n\t\t\t`;case"chips-md":return`\n\t\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\t\tline-height: ${Mt("line-height-1")};\n\t\t\t\t\tfont-size: ${Mt("font-size-2")};\n\t\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t\t`;case"chips-sm":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-1")};\n\t\t\t\tfont-size: ${Mt("font-size-1")};\n\t\t\t\tfont-weight: ${Mt("font-weight-medium")};\n\t\t\t\ttext-transform: uppercase\n\t\t\t`;default:return""}}(t)}`)}function Dt(t,e=""){return Z(At(t).map((t=>[`${t}.is-disabled`,`${t}:disabled`].map((t=>[t,e].join(" "))).join(", "))).join(", "))}const Gt={active:function(t){return Z(At(t).map((t=>`${t}:not(.is-disabled, :disabled):active`)).join(", "))},focus:function(t){return Z(At(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 Z(At(t).map((t=>`${t}:not(.is-disabled, :disabled):hover`)).join(", "))}};function Lt(){return H`
|
|
39
39
|
:host {
|
|
40
40
|
--m-button-background-color: transparent;
|
|
41
|
-
--m-button-base-size: ${
|
|
42
|
-
--m-button-border-color: ${
|
|
43
|
-
--m-button-border-radius: ${
|
|
44
|
-
--m-button-color: ${
|
|
45
|
-
--m-button-outline-color: ${
|
|
41
|
+
--m-button-base-size: ${Mt("global-height-default")};
|
|
42
|
+
--m-button-border-color: ${Wt("color-neutral-90")};
|
|
43
|
+
--m-button-border-radius: ${Mt("border-radius-s")};
|
|
44
|
+
--m-button-color: ${Wt("color-text-secondary")};
|
|
45
|
+
--m-button-outline-color: ${Wt("color-primary-100")};
|
|
46
46
|
--m-button-outline-offset: 2px;
|
|
47
|
-
--m-button-padding-x: ${
|
|
48
|
-
--m-button-padding-y: ${
|
|
47
|
+
--m-button-padding-x: ${Mt("spacing-4")};
|
|
48
|
+
--m-button-padding-y: ${Mt("spacing-3")};
|
|
49
49
|
/**
|
|
50
50
|
* Useful when overriding via host :slotted query.
|
|
51
51
|
*/
|
|
52
|
-
--m-button-font-size: ${
|
|
52
|
+
--m-button-font-size: ${Mt("font-size-3")};
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
.button {
|
|
56
|
-
${
|
|
56
|
+
${Rt([{property:"color"},{property:"background-color"},{property:"border-color"}])};
|
|
57
57
|
|
|
58
|
-
${
|
|
58
|
+
${Pt("button-md")};
|
|
59
59
|
font-size: var(--m-button-font-size);
|
|
60
60
|
|
|
61
61
|
cursor: pointer;
|
|
@@ -71,7 +71,7 @@ const ct=t=>null!=t?t:x
|
|
|
71
71
|
|
|
72
72
|
text-decoration: none;
|
|
73
73
|
|
|
74
|
-
gap: ${
|
|
74
|
+
gap: ${Mt("spacing-1")};
|
|
75
75
|
|
|
76
76
|
padding-inline: var(--m-button-padding-x);
|
|
77
77
|
padding-block: var(--m-button-padding-y);
|
|
@@ -83,45 +83,45 @@ const ct=t=>null!=t?t:x
|
|
|
83
83
|
border-radius: var(--m-button-border-radius);
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
-
${
|
|
86
|
+
${Dt(".button")} {
|
|
87
87
|
cursor: default;
|
|
88
88
|
}
|
|
89
89
|
|
|
90
|
-
${
|
|
90
|
+
${Dt(".button","*")} {
|
|
91
91
|
pointer-events: none;
|
|
92
92
|
}
|
|
93
93
|
|
|
94
|
-
${
|
|
94
|
+
${Gt.focus(".button")} {
|
|
95
95
|
outline: 1px solid var(--m-button-outline-color);
|
|
96
96
|
outline-offset: var(--m-button-outline-offset);
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
-
${
|
|
100
|
-
--m-button-background-color: ${
|
|
101
|
-
--m-button-border-color: ${
|
|
102
|
-
--m-button-color: ${
|
|
99
|
+
${Gt.hover(".button")} {
|
|
100
|
+
--m-button-background-color: ${Wt("color-background-inverted")};
|
|
101
|
+
--m-button-border-color: ${Wt("color-background-inverted")};
|
|
102
|
+
--m-button-color: ${Wt("color-text-inverted")};
|
|
103
103
|
}
|
|
104
104
|
|
|
105
105
|
::slotted(*) {
|
|
106
106
|
display: inline-flex;
|
|
107
107
|
align-items: center;
|
|
108
108
|
|
|
109
|
-
${
|
|
110
|
-
${
|
|
109
|
+
${qt(0)};
|
|
110
|
+
${Ot(0)};
|
|
111
111
|
}
|
|
112
112
|
|
|
113
113
|
slot[name='leading']::slotted(span),
|
|
114
114
|
slot[name='trailing']::slotted(span) {
|
|
115
115
|
justify-content: center;
|
|
116
116
|
}
|
|
117
|
-
`}var
|
|
117
|
+
`}var It,Vt,Jt,Zt,Ht,Ft,Kt;class Qt extends(gt(ft,["button","a"],"button")){static get properties(){return{...ft.properties,role:{type:String,reflect:!0},loading:{type:Boolean},disabled:{type:Boolean,reflect:!0},variant:{type:String},size:{type:String},tabindex:{type:String},type:{type:String},href:{type:String},target:{type:String},download:{type:String}}}constructor(){super(),It.add(this),Jt.set(this,(()=>Boolean(this.disabled)||Boolean(this.loading))),Zt.set(this,(()=>{const e=t(this,Jt,"f").call(this);this.setAttribute("aria-disabled",String(e))})),Ht.set(this,(()=>{var e;return t(this,It,"m",Kt).call(this)?this.disabled?"-1":null!=this.tabindex?this.tabindex:"0":null!==(e=this.tabindex)&&void 0!==e?e:void 0})),Ft.set(this,(t=>{var e,o;if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();"submit"===this.type&&(null===(e=this.form)||void 0===e||e.requestSubmit()),"reset"===this.type&&(null===(o=this.form)||void 0===o||o.reset())})),this.as="button",this.disabled=!1,this.loading=!1,this.size="default",this.type="button",this.variant="secondary",this.target="_self"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","button"),this.addEventListener("click",t(this,Ft,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",t(this,Ft,"f"))}update(e){super.update(e),e.has("href")&&(this.as=t(this,It,"m",Kt).call(this)?"a":"button",this.role=t(this,It,"m",Kt).call(this)?"link":"button")}updated(e){super.updated(e),(e.has("disabled")||e.has("loading"))&&t(this,Zt,"f").call(this)}render(){const e=t(this,It,"m",Kt).call(this);return D`
|
|
118
118
|
<${this.tag}
|
|
119
|
-
class=${bt({button:!0,"-primary":"primary"===this.variant,"-secondary":"secondary"===this.variant,"-tertiary":"tertiary"===this.variant,"-warning":"warning"===this.variant,"-danger":"danger"===this.variant,"-icon":"icon"===this.variant,"-icon-secondary":"icon-secondary"===this.variant,"-small":"small"===this.size,"-default":"default"===this.size,"-large":"large"===this.size,"is-loading":Boolean(this.loading),"is-disabled":t(this,
|
|
119
|
+
class=${bt({button:!0,"-primary":"primary"===this.variant,"-secondary":"secondary"===this.variant,"-tertiary":"tertiary"===this.variant,"-warning":"warning"===this.variant,"-danger":"danger"===this.variant,"-icon":"icon"===this.variant,"-icon-secondary":"icon-secondary"===this.variant,"-small":"small"===this.size,"-default":"default"===this.size,"-large":"large"===this.size,"is-loading":Boolean(this.loading),"is-disabled":t(this,Jt,"f").call(this)})}
|
|
120
120
|
type=${ct(e?void 0:this.type)}
|
|
121
|
-
?disabled="${t(this,
|
|
121
|
+
?disabled="${t(this,Jt,"f").call(this)}"
|
|
122
122
|
aria-disabled=${this.disabled?"true":"false"}
|
|
123
123
|
role=${ct(e?"link":"button")}
|
|
124
|
-
tabindex=${ct(t(this,
|
|
124
|
+
tabindex=${ct(t(this,Ht,"f").call(this))}
|
|
125
125
|
href=${ct(e?this.href:void 0)}
|
|
126
126
|
target=${ct(e?this.target:void 0)}
|
|
127
127
|
download=${ct(e?this.download:void 0)}
|
|
@@ -133,168 +133,168 @@ const ct=t=>null!=t?t:x
|
|
|
133
133
|
<slot></slot>
|
|
134
134
|
<slot name="trailing"></slot>
|
|
135
135
|
</${this.tag}>
|
|
136
|
-
`}focus(e){var o;null===(o=t(this,
|
|
136
|
+
`}focus(e){var o;null===(o=t(this,It,"a",Vt))||void 0===o||o.focus(e)}}Jt=new WeakMap,Zt=new WeakMap,Ht=new WeakMap,Ft=new WeakMap,It=new WeakSet,Vt=function(){var t,e;return null!==(e=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(".button"))&&void 0!==e?e:null},Kt=function(){return Boolean(this.href)},Qt.styles=[[Lt(),H`
|
|
137
137
|
.button.is-loading:not(.-icon, .-icon-secondary) *:not(.loader) {
|
|
138
138
|
visibility: hidden;
|
|
139
139
|
}
|
|
140
140
|
|
|
141
141
|
.button.-primary {
|
|
142
|
-
--m-button-background-color: ${
|
|
143
|
-
--m-button-border-color: ${
|
|
144
|
-
--m-button-color: ${
|
|
142
|
+
--m-button-background-color: ${Wt("color-primary-60")};
|
|
143
|
+
--m-button-border-color: ${Wt("color-primary-60")};
|
|
144
|
+
--m-button-color: ${Wt("color-text-inverted")};
|
|
145
145
|
}
|
|
146
146
|
|
|
147
|
-
${
|
|
148
|
-
--m-button-background-color: ${
|
|
149
|
-
--m-button-border-color: ${
|
|
147
|
+
${Dt(".button.-primary")} {
|
|
148
|
+
--m-button-background-color: ${Wt("color-primary-20")};
|
|
149
|
+
--m-button-border-color: ${Wt("color-primary-20")};
|
|
150
150
|
}
|
|
151
151
|
|
|
152
|
-
${
|
|
153
|
-
--m-button-border-color: ${
|
|
154
|
-
--m-button-outline-color: ${
|
|
152
|
+
${Gt.focus(".button.-primary")} {
|
|
153
|
+
--m-button-border-color: ${Wt("color-primary-60")};
|
|
154
|
+
--m-button-outline-color: ${Wt("color-primary-60")};
|
|
155
155
|
}
|
|
156
156
|
|
|
157
|
-
${
|
|
158
|
-
${
|
|
159
|
-
--m-button-background-color: ${
|
|
160
|
-
--m-button-border-color: ${
|
|
157
|
+
${Gt.hover(".button.-primary")},
|
|
158
|
+
${Gt.active(".button.-primary")} {
|
|
159
|
+
--m-button-background-color: ${Wt("color-primary-100")};
|
|
160
|
+
--m-button-border-color: ${Wt("color-primary-100")};
|
|
161
161
|
}
|
|
162
162
|
|
|
163
163
|
.button.-primary.is-loading {
|
|
164
|
-
--m-button-background-color: ${
|
|
165
|
-
--m-button-border-color: ${
|
|
166
|
-
--m-button-color: ${
|
|
164
|
+
--m-button-background-color: ${Wt("color-primary-60")};
|
|
165
|
+
--m-button-border-color: ${Wt("color-primary-60")};
|
|
166
|
+
--m-button-color: ${Wt("color-text-inverted")};
|
|
167
167
|
}
|
|
168
168
|
|
|
169
169
|
.button.-secondary {
|
|
170
170
|
--m-button-background-color: transparent;
|
|
171
|
-
--m-button-border-color: ${
|
|
172
|
-
--m-button-color: ${
|
|
171
|
+
--m-button-border-color: ${Wt("color-primary-100")};
|
|
172
|
+
--m-button-color: ${Wt("color-primary-100")};
|
|
173
173
|
}
|
|
174
174
|
|
|
175
|
-
${
|
|
176
|
-
--m-button-border-color: ${
|
|
177
|
-
--m-button-color: ${
|
|
175
|
+
${Dt(".button.-secondary")} {
|
|
176
|
+
--m-button-border-color: ${Wt("color-text-disabled")};
|
|
177
|
+
--m-button-color: ${Wt("color-text-disabled")};
|
|
178
178
|
}
|
|
179
179
|
|
|
180
|
-
${
|
|
181
|
-
--m-button-border-color: ${
|
|
182
|
-
--m-button-color: ${
|
|
180
|
+
${Gt.focus(".button.-secondary")} {
|
|
181
|
+
--m-button-border-color: ${Wt("color-primary-100")};
|
|
182
|
+
--m-button-color: ${Wt("color-primary-100")};
|
|
183
183
|
|
|
184
|
-
--m-button-outline-color: ${
|
|
184
|
+
--m-button-outline-color: ${Wt("color-primary-60")};
|
|
185
185
|
}
|
|
186
186
|
|
|
187
|
-
${
|
|
188
|
-
${
|
|
189
|
-
--m-button-background-color: ${
|
|
190
|
-
--m-button-border-color: ${
|
|
191
|
-
--m-button-color: ${
|
|
187
|
+
${Gt.hover(".button.-secondary")},
|
|
188
|
+
${Gt.active(".button.-secondary")} {
|
|
189
|
+
--m-button-background-color: ${Wt("color-background-tertiary")};
|
|
190
|
+
--m-button-border-color: ${Wt("color-primary-60")};
|
|
191
|
+
--m-button-color: ${Wt("color-primary-60")};
|
|
192
192
|
}
|
|
193
193
|
|
|
194
194
|
.button.-secondary.is-loading {
|
|
195
195
|
--m-button-background-color: transparent;
|
|
196
196
|
|
|
197
|
-
--m-button-border-color: ${
|
|
198
|
-
--m-button-color: ${
|
|
197
|
+
--m-button-border-color: ${Wt("color-primary-100")};
|
|
198
|
+
--m-button-color: ${Wt("color-primary-100")};
|
|
199
199
|
}
|
|
200
200
|
|
|
201
201
|
.button.-tertiary {
|
|
202
202
|
--m-button-background-color: transparent;
|
|
203
203
|
--m-button-border-color: transparent;
|
|
204
|
-
--m-button-color: ${
|
|
204
|
+
--m-button-color: ${Wt("color-primary-100")};
|
|
205
205
|
}
|
|
206
206
|
|
|
207
|
-
${
|
|
208
|
-
--m-button-color: ${
|
|
207
|
+
${Dt(".button.-tertiary")} {
|
|
208
|
+
--m-button-color: ${Wt("color-text-disabled")};
|
|
209
209
|
}
|
|
210
210
|
|
|
211
|
-
${
|
|
212
|
-
--m-button-color: ${
|
|
213
|
-
--m-button-outline-color: ${
|
|
211
|
+
${Gt.focus(".button.-tertiary")} {
|
|
212
|
+
--m-button-color: ${Wt("color-primary-100")};
|
|
213
|
+
--m-button-outline-color: ${Wt("color-primary-60")};
|
|
214
214
|
}
|
|
215
215
|
|
|
216
|
-
${
|
|
217
|
-
--m-button-background-color: ${
|
|
218
|
-
--m-button-border-color: ${
|
|
219
|
-
--m-button-color: ${
|
|
216
|
+
${Gt.hover(".button.-tertiary")} {
|
|
217
|
+
--m-button-background-color: ${Wt("color-background-tertiary")};
|
|
218
|
+
--m-button-border-color: ${Wt("color-background-tertiary")};
|
|
219
|
+
--m-button-color: ${Wt("color-primary-60")};
|
|
220
220
|
}
|
|
221
221
|
|
|
222
|
-
${
|
|
223
|
-
--m-button-background-color: ${
|
|
224
|
-
--m-button-border-color: ${
|
|
225
|
-
--m-button-color: ${
|
|
222
|
+
${Gt.active(".button.-tertiary")} {
|
|
223
|
+
--m-button-background-color: ${Wt("color-neutral-20")};
|
|
224
|
+
--m-button-border-color: ${Wt("color-neutral-20")};
|
|
225
|
+
--m-button-color: ${Wt("color-primary-60")};
|
|
226
226
|
}
|
|
227
227
|
|
|
228
228
|
.button.-tertiary.is-loading {
|
|
229
229
|
--m-button-background-color: transparent;
|
|
230
230
|
--m-button-border-color: transparent;
|
|
231
|
-
--m-button-color: ${
|
|
231
|
+
--m-button-color: ${Wt("color-primary-100")};
|
|
232
232
|
}
|
|
233
233
|
|
|
234
234
|
.button.-warning {
|
|
235
|
-
--m-button-background-color: ${
|
|
236
|
-
--m-button-border-color: ${
|
|
237
|
-
--m-button-color: ${
|
|
235
|
+
--m-button-background-color: ${Wt("color-warning-60")};
|
|
236
|
+
--m-button-border-color: ${Wt("color-warning-60")};
|
|
237
|
+
--m-button-color: ${Wt("color-text-primary")};
|
|
238
238
|
}
|
|
239
239
|
|
|
240
|
-
${
|
|
241
|
-
--m-button-background-color: ${
|
|
242
|
-
--m-button-border-color: ${
|
|
243
|
-
--m-button-color: ${
|
|
240
|
+
${Dt(".button.-warning")} {
|
|
241
|
+
--m-button-background-color: ${Wt("color-warning-20")};
|
|
242
|
+
--m-button-border-color: ${Wt("color-warning-20")};
|
|
243
|
+
--m-button-color: ${Wt("color-text-inverted")};
|
|
244
244
|
}
|
|
245
245
|
|
|
246
|
-
${
|
|
247
|
-
--m-button-background-color: ${
|
|
248
|
-
--m-button-outline-color: ${
|
|
246
|
+
${Gt.focus(".button.-warning")} {
|
|
247
|
+
--m-button-background-color: ${Wt("color-warning-60")};
|
|
248
|
+
--m-button-outline-color: ${Wt("color-warning-60")};
|
|
249
249
|
}
|
|
250
250
|
|
|
251
|
-
${
|
|
252
|
-
${
|
|
253
|
-
--m-button-background-color: ${
|
|
254
|
-
--m-button-border-color: ${
|
|
255
|
-
--m-button-color: ${
|
|
251
|
+
${Gt.hover(".button.-warning")},
|
|
252
|
+
${Gt.active(".button.-warning")} {
|
|
253
|
+
--m-button-background-color: ${Wt("color-warning-100")};
|
|
254
|
+
--m-button-border-color: ${Wt("color-warning-100")};
|
|
255
|
+
--m-button-color: ${Wt("color-text-inverted")};
|
|
256
256
|
}
|
|
257
257
|
|
|
258
258
|
.button.-warning.is-loading {
|
|
259
|
-
--m-button-background-color: ${
|
|
260
|
-
--m-button-border-color: ${
|
|
261
|
-
--m-button-color: ${
|
|
259
|
+
--m-button-background-color: ${Wt("color-warning-60")};
|
|
260
|
+
--m-button-border-color: ${Wt("color-warning-60")};
|
|
261
|
+
--m-button-color: ${Wt("color-text-primary")};
|
|
262
262
|
}
|
|
263
263
|
|
|
264
264
|
.button.-danger {
|
|
265
|
-
--m-button-background-color: ${
|
|
266
|
-
--m-button-border-color: ${
|
|
267
|
-
--m-button-color: ${
|
|
265
|
+
--m-button-background-color: ${Wt("color-danger-60")};
|
|
266
|
+
--m-button-border-color: ${Wt("color-danger-60")};
|
|
267
|
+
--m-button-color: ${Wt("color-text-inverted")};
|
|
268
268
|
}
|
|
269
269
|
|
|
270
|
-
${
|
|
271
|
-
--m-button-background-color: ${
|
|
272
|
-
--m-button-border-color: ${
|
|
270
|
+
${Dt(".button.-danger")} {
|
|
271
|
+
--m-button-background-color: ${Wt("color-danger-20")};
|
|
272
|
+
--m-button-border-color: ${Wt("color-danger-20")};
|
|
273
273
|
}
|
|
274
274
|
|
|
275
|
-
${
|
|
276
|
-
--m-button-background-color: ${
|
|
277
|
-
--m-button-outline-color: ${
|
|
275
|
+
${Gt.focus(".button.-danger")} {
|
|
276
|
+
--m-button-background-color: ${Wt("color-danger-60")};
|
|
277
|
+
--m-button-outline-color: ${Wt("color-danger-60")};
|
|
278
278
|
}
|
|
279
279
|
|
|
280
|
-
${
|
|
281
|
-
${
|
|
282
|
-
--m-button-background-color: ${
|
|
283
|
-
--m-button-border-color: ${
|
|
280
|
+
${Gt.hover(".button.-danger")},
|
|
281
|
+
${Gt.active(".button.-danger")} {
|
|
282
|
+
--m-button-background-color: ${Wt("color-danger-100")};
|
|
283
|
+
--m-button-border-color: ${Wt("color-danger-100")};
|
|
284
284
|
}
|
|
285
285
|
|
|
286
286
|
.button.-danger.is-loading {
|
|
287
|
-
--m-button-background-color: ${
|
|
288
|
-
--m-button-border-color: ${
|
|
289
|
-
--m-button-color: ${
|
|
287
|
+
--m-button-background-color: ${Wt("color-danger-60")};
|
|
288
|
+
--m-button-border-color: ${Wt("color-danger-60")};
|
|
289
|
+
--m-button-color: ${Wt("color-text-inverted")};
|
|
290
290
|
}
|
|
291
291
|
|
|
292
292
|
.button.-icon,
|
|
293
293
|
.button.-icon-secondary {
|
|
294
|
-
--m-button-border-radius: ${
|
|
295
|
-
--m-button-color: ${
|
|
296
|
-
--m-button-padding-x: ${
|
|
297
|
-
--m-button-padding-y: ${
|
|
294
|
+
--m-button-border-radius: ${Mt("border-radius-circle")};
|
|
295
|
+
--m-button-color: ${Wt("color-neutral-90")};
|
|
296
|
+
--m-button-padding-x: ${Mt("spacing-1")};
|
|
297
|
+
--m-button-padding-y: ${Mt("spacing-1")};
|
|
298
298
|
|
|
299
299
|
min-block-size: var(--m-button-base-size);
|
|
300
300
|
max-block-size: var(--m-button-base-size);
|
|
@@ -303,8 +303,8 @@ const ct=t=>null!=t?t:x
|
|
|
303
303
|
}
|
|
304
304
|
|
|
305
305
|
.button.-icon {
|
|
306
|
-
--m-button-background-color: ${
|
|
307
|
-
--m-button-border-color: ${
|
|
306
|
+
--m-button-background-color: ${Wt("color-background-tertiary")};
|
|
307
|
+
--m-button-border-color: ${Wt("color-background-tertiary")};
|
|
308
308
|
}
|
|
309
309
|
|
|
310
310
|
.button.-icon-secondary {
|
|
@@ -319,62 +319,62 @@ const ct=t=>null!=t?t:x
|
|
|
319
319
|
display: none;
|
|
320
320
|
}
|
|
321
321
|
|
|
322
|
-
${
|
|
323
|
-
--m-button-color: ${
|
|
322
|
+
${Dt([".button.-icon",".button.-icon-secondary"])} {
|
|
323
|
+
--m-button-color: ${Wt("color-neutral-40")};
|
|
324
324
|
}
|
|
325
325
|
|
|
326
|
-
${
|
|
327
|
-
--m-button-background-color: ${
|
|
328
|
-
--m-button-border-color: ${
|
|
326
|
+
${Dt(".button.-icon")} {
|
|
327
|
+
--m-button-background-color: ${Wt("color-neutral-20")};
|
|
328
|
+
--m-button-border-color: ${Wt("color-neutral-20")};
|
|
329
329
|
}
|
|
330
330
|
|
|
331
|
-
${
|
|
331
|
+
${Dt(".button.-icon-secondary")} {
|
|
332
332
|
--m-button-background-color: transparent;
|
|
333
333
|
--m-button-border-color: transparent;
|
|
334
334
|
}
|
|
335
335
|
|
|
336
|
-
${
|
|
337
|
-
--m-button-color: ${
|
|
338
|
-
--m-button-outline-color: ${
|
|
336
|
+
${Gt.focus([".button.-icon",".button.-icon-secondary"])} {
|
|
337
|
+
--m-button-color: ${Wt("color-primary-60")};
|
|
338
|
+
--m-button-outline-color: ${Wt("color-primary-60")};
|
|
339
339
|
}
|
|
340
340
|
|
|
341
|
-
${
|
|
342
|
-
--m-button-background-color: ${
|
|
341
|
+
${Gt.focus(".button.-icon")} {
|
|
342
|
+
--m-button-background-color: ${Wt("color-neutral-20")};
|
|
343
343
|
}
|
|
344
344
|
|
|
345
|
-
${
|
|
345
|
+
${Gt.focus(".button.-icon-secondary")} {
|
|
346
346
|
--m-button-background-color: transparent;
|
|
347
347
|
}
|
|
348
348
|
|
|
349
|
-
${
|
|
350
|
-
${
|
|
351
|
-
--m-button-color: ${
|
|
349
|
+
${Gt.hover([".button.-icon",".button.-icon-secondary"])},
|
|
350
|
+
${Gt.active([".button.-icon",".button.-icon-secondary"])} {
|
|
351
|
+
--m-button-color: ${Wt("color-primary-60")};
|
|
352
352
|
}
|
|
353
353
|
|
|
354
|
-
${
|
|
355
|
-
${
|
|
356
|
-
--m-button-background-color: ${
|
|
357
|
-
--m-button-border-color: ${
|
|
354
|
+
${Gt.hover(".button.-icon")},
|
|
355
|
+
${Gt.active(".button.-icon")} {
|
|
356
|
+
--m-button-background-color: ${Wt("color-background-highlight")};
|
|
357
|
+
--m-button-border-color: ${Wt("color-background-highlight")};
|
|
358
358
|
}
|
|
359
359
|
|
|
360
|
-
${
|
|
361
|
-
${
|
|
360
|
+
${Gt.hover(".button.-icon-secondary")},
|
|
361
|
+
${Gt.active(".button.-icon-secondary")} {
|
|
362
362
|
--m-button-background-color: transparent;
|
|
363
363
|
--m-button-border-color: transparent;
|
|
364
364
|
}
|
|
365
365
|
|
|
366
366
|
.button.-small {
|
|
367
|
-
--m-button-padding-y: ${
|
|
368
|
-
--m-button-base-size: ${
|
|
367
|
+
--m-button-padding-y: ${Mt("spacing-2")};
|
|
368
|
+
--m-button-base-size: ${Mt("global-height-small")};
|
|
369
369
|
|
|
370
|
-
${
|
|
370
|
+
${Pt("button-sm")};
|
|
371
371
|
}
|
|
372
372
|
|
|
373
373
|
.button.-large {
|
|
374
|
-
--m-button-padding-y: ${
|
|
375
|
-
--m-button-base-size: ${
|
|
374
|
+
--m-button-padding-y: ${Mt("spacing-4")};
|
|
375
|
+
--m-button-base-size: ${Mt("global-height-large")};
|
|
376
376
|
|
|
377
|
-
${
|
|
377
|
+
${Pt("button-lg")};
|
|
378
378
|
}
|
|
379
379
|
|
|
380
380
|
/* TODO: to be removed when the loading dots component is ready */
|
|
@@ -388,29 +388,29 @@ const ct=t=>null!=t?t:x
|
|
|
388
388
|
|
|
389
389
|
pointer-events: none;
|
|
390
390
|
}
|
|
391
|
-
`]],window.customElements.define("m-button",
|
|
391
|
+
`]],window.customElements.define("m-button",Qt);class Xt extends Qt{constructor(){super(),this.size="small"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","primary-action")}}window.customElements.define("m-banner-action-primary",Xt);class Yt extends Qt{constructor(){super(),this.variant="tertiary",this.size="small"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","secondary-action")}}window.customElements.define("m-banner-action-secondary",Yt);class te extends lt{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","actions")}render(){return v`
|
|
392
392
|
<slot name="secondary-action"></slot>
|
|
393
393
|
<slot name="primary-action"></slot>
|
|
394
|
-
`}}
|
|
394
|
+
`}}te.styles=[H`
|
|
395
395
|
:host {
|
|
396
396
|
display: flex;
|
|
397
397
|
justify-content: flex-end;
|
|
398
|
-
gap: ${
|
|
398
|
+
gap: ${Mt("spacing-2")};
|
|
399
399
|
}
|
|
400
|
-
`],window.customElements.define("m-banner-actions",
|
|
400
|
+
`],window.customElements.define("m-banner-actions",te);class ee extends lt{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","description")}render(){return v`<slot></slot>`}}ee.styles=[H`
|
|
401
401
|
:host {
|
|
402
|
-
${
|
|
403
|
-
color: ${
|
|
402
|
+
${Pt("body-md")};
|
|
403
|
+
color: ${Wt("color-text-secondary")};
|
|
404
404
|
}
|
|
405
|
-
`],window.customElements.define("m-banner-description",
|
|
405
|
+
`],window.customElements.define("m-banner-description",ee);class oe extends lt{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","icon")}render(){return v`<slot></slot>`}}window.customElements.define("m-banner-icon",oe);class ie extends lt{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","title")}render(){return v`<slot></slot>`}}ie.styles=[H`
|
|
406
406
|
:host {
|
|
407
|
-
${
|
|
408
|
-
color: ${
|
|
407
|
+
${Pt("body-md-bold")};
|
|
408
|
+
color: ${Wt("color-text-secondary")};
|
|
409
409
|
}
|
|
410
|
-
`],window.customElements.define("m-banner-title",
|
|
410
|
+
`],window.customElements.define("m-banner-title",ie);class re extends lt{constructor(){super(...arguments),this.emit=(t,e)=>{const o=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,...e});this.dispatchEvent(o)},this.reemit=t=>{!function(t,e){!e.bubbles||t.shadowRoot&&!e.composed||e.stopPropagation();const o=Reflect.construct(e.constructor,[e.type,e]),i=t.dispatchEvent(o);i||e.preventDefault()}(this,t)}}}var ne={};ne.BASE_PIXELS=16,ne.toRem=function(t,e=16){return parseInt(String(t),10)/e+"rem"};var se=$t(ne.toRem);function le(t,e){return Z(se(t,e))}const ae=["alert-circle","attention","bell","check","close","info-circle","indeterminate"];var ce,de,he,ue,be;class ge extends re{static get properties(){return{name:{type:String},size:{type:String},color:{type:String},loading:{state:!0}}}constructor(){super(),ce.add(this),this.icon=null,this.icon=null}connectedCallback(){super.connectedCallback(),t(this,ce,"m",de).call(this)}update(e){super.update(e),e.has("name")&&t(this,ce,"m",de).call(this)}updated(t){super.updated(t),t.has("size")&&null!=this.size&&this.style.setProperty("--m-icon-size",`${parseInt(String(this.size),10)||16}px`),t.has("color")&&null!=this.color&&this.style.setProperty("--m-icon-color",yt(this.color))}render(){return null!=this.name&&ae.includes(this.name)&&null!=this.icon?this.icon:x}}ce=new WeakSet,de=async function(){try{this.icon=null;const{default:t}=await import(`./icons/${this.name}.js`);this.icon=t}catch{console.error(`failed loading icon "${this.name}". Are you sure it exists?`)}finally{this.requestUpdate()}},ge.styles=[[H`
|
|
411
411
|
:host {
|
|
412
412
|
--m-icon-size: 16px;
|
|
413
|
-
--m-icon-color: ${
|
|
413
|
+
--m-icon-color: ${Wt("color-text-primary")};
|
|
414
414
|
|
|
415
415
|
display: inline-flex;
|
|
416
416
|
align-items: center;
|
|
@@ -421,7 +421,7 @@ const ct=t=>null!=t?t:x
|
|
|
421
421
|
}
|
|
422
422
|
|
|
423
423
|
svg {
|
|
424
|
-
${
|
|
424
|
+
${Rt([{property:"color"},{property:"fill"}])};
|
|
425
425
|
|
|
426
426
|
inline-size: var(--m-icon-size);
|
|
427
427
|
block-size: var(--m-icon-size);
|
|
@@ -429,21 +429,21 @@ const ct=t=>null!=t?t:x
|
|
|
429
429
|
color: var(--m-icon-color);
|
|
430
430
|
fill: var(--m-icon-color);
|
|
431
431
|
}
|
|
432
|
-
`]],window.customElements.define("m-icon",
|
|
432
|
+
`]],window.customElements.define("m-icon",ge);class pe extends re{static get properties(){return{controls:{type:String},disabled:{type:Boolean},inverted:{type:Boolean},label:{type:String},size:{type:String}}}constructor(){super(),he.add(this),be.set(this,(()=>{this.emit("m-close")})),this.disabled=!1,this.inverted=!1,this.label="Close",this.size="default"}render(){var e;return v`
|
|
433
433
|
<button
|
|
434
434
|
type="button"
|
|
435
435
|
aria-controls="${ct(this.controls)}"
|
|
436
436
|
aria-label="${ct(this.label)}"
|
|
437
437
|
class=${bt({"close-button":!0,"-size-small":"small"===this.size,"-size-default":"default"===this.size,"-size-large":"large"===this.size,"-inverted":null!==(e=this.inverted)&&void 0!==e&&e})}
|
|
438
438
|
?disabled="${this.disabled}"
|
|
439
|
-
@click=${t(this,
|
|
439
|
+
@click=${t(this,be,"f")}
|
|
440
440
|
>
|
|
441
441
|
<m-icon name="close"></m-icon>
|
|
442
442
|
</button>
|
|
443
|
-
`}focus(e){var o;null===(o=t(this,
|
|
443
|
+
`}focus(e){var o;null===(o=t(this,he,"a",ue))||void 0===o||o.focus(e)}}be=new WeakMap,he=new WeakSet,ue=function(){var t;return null!==(t=this.renderRoot.querySelector("button"))&&void 0!==t?t:null},pe.styles=[H`
|
|
444
444
|
:host {
|
|
445
|
-
--m-close-button-color: ${
|
|
446
|
-
--m-close-button-outline-color: ${
|
|
445
|
+
--m-close-button-color: ${Wt("color-text-primary")};
|
|
446
|
+
--m-close-button-outline-color: ${Wt("color-primary-100")};
|
|
447
447
|
--m-close-button-outline-offset: 2px;
|
|
448
448
|
}
|
|
449
449
|
|
|
@@ -453,8 +453,8 @@ const ct=t=>null!=t?t:x
|
|
|
453
453
|
|
|
454
454
|
width: var(--button-size);
|
|
455
455
|
height: var(--button-size);
|
|
456
|
-
${
|
|
457
|
-
${
|
|
456
|
+
${Ot(0)};
|
|
457
|
+
${qt(0)};
|
|
458
458
|
background-color: var(--button-color);
|
|
459
459
|
border: none;
|
|
460
460
|
border-radius: 50%;
|
|
@@ -463,27 +463,27 @@ const ct=t=>null!=t?t:x
|
|
|
463
463
|
justify-content: center;
|
|
464
464
|
cursor: pointer;
|
|
465
465
|
|
|
466
|
-
${
|
|
466
|
+
${Rt([{property:"background-color"}])};
|
|
467
467
|
}
|
|
468
468
|
|
|
469
469
|
.close-button.-size-small {
|
|
470
|
-
--button-size: ${
|
|
471
|
-
--icon-size: ${
|
|
470
|
+
--button-size: ${le("12px")};
|
|
471
|
+
--icon-size: ${le("8px")};
|
|
472
472
|
}
|
|
473
473
|
|
|
474
474
|
.close-button.-size-default {
|
|
475
|
-
--button-size: ${
|
|
476
|
-
--icon-size: ${
|
|
475
|
+
--button-size: ${le("16px")};
|
|
476
|
+
--icon-size: ${le("12px")};
|
|
477
477
|
}
|
|
478
478
|
|
|
479
479
|
.close-button.-size-large {
|
|
480
|
-
--button-size: ${
|
|
481
|
-
--icon-size: ${
|
|
480
|
+
--button-size: ${le("20px")};
|
|
481
|
+
--icon-size: ${le("16px")};
|
|
482
482
|
}
|
|
483
483
|
|
|
484
484
|
.close-button.-inverted {
|
|
485
485
|
--button-color: transparent;
|
|
486
|
-
--icon-color: ${
|
|
486
|
+
--icon-color: ${Wt("color-text-inverted")};
|
|
487
487
|
}
|
|
488
488
|
|
|
489
489
|
m-icon {
|
|
@@ -493,51 +493,51 @@ const ct=t=>null!=t?t:x
|
|
|
493
493
|
display: block;
|
|
494
494
|
}
|
|
495
495
|
|
|
496
|
-
${
|
|
496
|
+
${Gt.focus(".close-button")} {
|
|
497
497
|
outline: 1px solid var(--m-close-button-outline-color);
|
|
498
498
|
outline-offset: var(--m-close-button-outline-offset);
|
|
499
499
|
}
|
|
500
500
|
|
|
501
|
-
${
|
|
501
|
+
${Gt.hover(".close-button")} {
|
|
502
502
|
--button-color: var(--m-close-button-color);
|
|
503
|
-
--icon-color: ${
|
|
503
|
+
--icon-color: ${Wt("color-text-inverted")};
|
|
504
504
|
}
|
|
505
505
|
|
|
506
|
-
${
|
|
507
|
-
--button-color: ${
|
|
506
|
+
${Gt.hover(".close-button.-inverted")} {
|
|
507
|
+
--button-color: ${Wt("color-text-inverted")};
|
|
508
508
|
--icon-color: var(--m-close-button-color);
|
|
509
509
|
}
|
|
510
510
|
|
|
511
|
-
${
|
|
512
|
-
--icon-color: ${
|
|
511
|
+
${Dt(".close-button")} {
|
|
512
|
+
--icon-color: ${Wt("color-text-disabled")};
|
|
513
513
|
cursor: default;
|
|
514
514
|
}
|
|
515
515
|
|
|
516
|
-
${
|
|
516
|
+
${Dt(".close-button","*")} {
|
|
517
517
|
pointer-events: none;
|
|
518
518
|
}
|
|
519
|
-
`],window.customElements.define("m-close-button",
|
|
519
|
+
`],window.customElements.define("m-close-button",pe);
|
|
520
520
|
/**
|
|
521
521
|
* @license
|
|
522
522
|
* Copyright 2018 Google LLC
|
|
523
523
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
524
524
|
*/
|
|
525
|
-
const
|
|
525
|
+
const me=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"style"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.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(((e,o)=>{const i=t[o];return null==i?e:e+`${o=o.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`}),"")}update(t,[e]){const{style:o}=t.element;if(void 0===this.vt){this.vt=new Set;for(const t in e)this.vt.add(t);return this.render(e)}this.vt.forEach((t=>{null==e[t]&&(this.vt.delete(t),t.includes("-")?o.removeProperty(t):o[t]="")}));for(const t in e){const i=e[t];null!=i&&(this.vt.add(t),t.includes("-")?o.setProperty(t,i):o[t]=i)}return w}});class fe extends(gt(lt,["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 D`
|
|
526
526
|
<${this.tag}
|
|
527
527
|
class=${bt({"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})}
|
|
528
|
-
style=${
|
|
528
|
+
style=${me({"--m-text-color":yt(this.color)})}
|
|
529
529
|
>
|
|
530
530
|
<slot></slot>
|
|
531
531
|
</${this.tag}>
|
|
532
|
-
`}}var
|
|
532
|
+
`}}var $e,ye;fe.styles=[H`
|
|
533
533
|
:host {
|
|
534
|
-
--m-text-color: ${
|
|
534
|
+
--m-text-color: ${Wt("color-text-primary")};
|
|
535
535
|
}
|
|
536
536
|
|
|
537
537
|
.m-text {
|
|
538
|
-
${
|
|
538
|
+
${Rt([{property:"color"}])};
|
|
539
539
|
|
|
540
|
-
${
|
|
540
|
+
${Pt()};
|
|
541
541
|
|
|
542
542
|
display: inline-block;
|
|
543
543
|
|
|
@@ -545,133 +545,133 @@ const Ae=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
545
545
|
}
|
|
546
546
|
|
|
547
547
|
.-body-lg-bold {
|
|
548
|
-
${
|
|
548
|
+
${Pt("body-lg-bold")};
|
|
549
549
|
}
|
|
550
550
|
|
|
551
551
|
.-body-lg {
|
|
552
|
-
${
|
|
552
|
+
${Pt("body-lg")};
|
|
553
553
|
}
|
|
554
554
|
|
|
555
555
|
.-body-md-bold-underline {
|
|
556
|
-
${
|
|
556
|
+
${Pt("body-md-bold-underline")};
|
|
557
557
|
}
|
|
558
558
|
|
|
559
559
|
.-body-md-bold {
|
|
560
|
-
${
|
|
560
|
+
${Pt("body-md-bold")};
|
|
561
561
|
}
|
|
562
562
|
|
|
563
563
|
.-body-md-underline {
|
|
564
|
-
${
|
|
564
|
+
${Pt("body-md-underline")};
|
|
565
565
|
}
|
|
566
566
|
|
|
567
567
|
.-body-md {
|
|
568
|
-
${
|
|
568
|
+
${Pt("body-md")};
|
|
569
569
|
}
|
|
570
570
|
|
|
571
571
|
.-body-sm-bold-underline {
|
|
572
|
-
${
|
|
572
|
+
${Pt("body-sm-bold-underline")};
|
|
573
573
|
}
|
|
574
574
|
|
|
575
575
|
.-body-sm-bold {
|
|
576
|
-
${
|
|
576
|
+
${Pt("body-sm-bold")};
|
|
577
577
|
}
|
|
578
578
|
|
|
579
579
|
.-body-sm-underline {
|
|
580
|
-
${
|
|
580
|
+
${Pt("body-sm-underline")};
|
|
581
581
|
}
|
|
582
582
|
|
|
583
583
|
.-body-sm {
|
|
584
|
-
${
|
|
584
|
+
${Pt("body-sm")};
|
|
585
585
|
}
|
|
586
586
|
|
|
587
587
|
.-button-lg {
|
|
588
|
-
${
|
|
588
|
+
${Pt("button-lg")};
|
|
589
589
|
}
|
|
590
590
|
|
|
591
591
|
.-button-md {
|
|
592
|
-
${
|
|
592
|
+
${Pt("button-md")};
|
|
593
593
|
}
|
|
594
594
|
|
|
595
595
|
.-button-sm {
|
|
596
|
-
${
|
|
596
|
+
${Pt("button-sm")};
|
|
597
597
|
}
|
|
598
598
|
|
|
599
599
|
.-chips-md {
|
|
600
|
-
${
|
|
600
|
+
${Pt("chips-md")};
|
|
601
601
|
}
|
|
602
602
|
|
|
603
603
|
.-chips-sm {
|
|
604
|
-
${
|
|
604
|
+
${Pt("chips-sm")};
|
|
605
605
|
}
|
|
606
606
|
|
|
607
607
|
.-heading-lg-bold {
|
|
608
|
-
${
|
|
608
|
+
${Pt("heading-lg-bold")};
|
|
609
609
|
}
|
|
610
610
|
|
|
611
611
|
.-heading-lg {
|
|
612
|
-
${
|
|
612
|
+
${Pt("heading-lg")};
|
|
613
613
|
}
|
|
614
614
|
|
|
615
615
|
.-heading-md-bold {
|
|
616
|
-
${
|
|
616
|
+
${Pt("heading-md-bold")};
|
|
617
617
|
}
|
|
618
618
|
|
|
619
619
|
.-heading-md {
|
|
620
|
-
${
|
|
620
|
+
${Pt("heading-md")};
|
|
621
621
|
}
|
|
622
622
|
|
|
623
623
|
.-heading-sm-bold {
|
|
624
|
-
${
|
|
624
|
+
${Pt("heading-sm-bold")};
|
|
625
625
|
}
|
|
626
626
|
|
|
627
627
|
.-heading-sm {
|
|
628
|
-
${
|
|
628
|
+
${Pt("heading-sm")};
|
|
629
629
|
}
|
|
630
630
|
|
|
631
631
|
.-hero-lg-bold {
|
|
632
|
-
${
|
|
632
|
+
${Pt("hero-lg-bold")};
|
|
633
633
|
}
|
|
634
634
|
|
|
635
635
|
.-hero-lg {
|
|
636
|
-
${
|
|
636
|
+
${Pt("hero-lg")};
|
|
637
637
|
}
|
|
638
638
|
|
|
639
639
|
.-hero-md-bold {
|
|
640
|
-
${
|
|
640
|
+
${Pt("hero-md-bold")};
|
|
641
641
|
}
|
|
642
642
|
|
|
643
643
|
.-hero-md {
|
|
644
|
-
${
|
|
644
|
+
${Pt("hero-md")};
|
|
645
645
|
}
|
|
646
646
|
|
|
647
647
|
.-hero-sm-bold {
|
|
648
|
-
${
|
|
648
|
+
${Pt("hero-sm-bold")};
|
|
649
649
|
}
|
|
650
650
|
|
|
651
651
|
.-hero-sm {
|
|
652
|
-
${
|
|
652
|
+
${Pt("hero-sm")};
|
|
653
653
|
}
|
|
654
654
|
|
|
655
655
|
.-number-md {
|
|
656
|
-
${
|
|
656
|
+
${Pt("number-md")};
|
|
657
657
|
}
|
|
658
658
|
|
|
659
659
|
.-number-sm {
|
|
660
|
-
${
|
|
660
|
+
${Pt("number-sm")};
|
|
661
661
|
}
|
|
662
662
|
|
|
663
663
|
.-table-header-md {
|
|
664
|
-
${
|
|
664
|
+
${Pt("table-header-md")};
|
|
665
665
|
}
|
|
666
666
|
|
|
667
667
|
.-table-header-sm {
|
|
668
|
-
${
|
|
668
|
+
${Pt("table-header-sm")};
|
|
669
669
|
}
|
|
670
|
-
`],window.customElements.define("m-text",
|
|
670
|
+
`],window.customElements.define("m-text",fe);class ve extends re{static get properties(){return{variant:{type:String},dismissible:{type:Boolean},dismissed:{type:Boolean,reflect:!0}}}constructor(){super(),$e.set(this,void 0),ye.set(this,(()=>{this.dismissed=!0,this.emit("m-dismiss",{composed:!0})})),this.variant="neutral",this.dismissible=!1,this.dismissed=!1}get primaryAction(){return null==t(this,$e,"f")&&e(this,$e,this.querySelector("m-banner-action-primary"),"f"),t(this,$e,"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 x;const e=null!=this.querySelector("*[slot='description']"),o=null!=this.querySelector("*[slot='actions']"),i=v`
|
|
671
671
|
<m-close-button
|
|
672
672
|
id="close"
|
|
673
673
|
label="Dismiss"
|
|
674
|
-
@click=${t(this,
|
|
674
|
+
@click=${t(this,ye,"f")}
|
|
675
675
|
></m-close-button>
|
|
676
676
|
`;return v`
|
|
677
677
|
<div
|
|
@@ -689,7 +689,7 @@ const Ae=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
689
689
|
</div>
|
|
690
690
|
<slot name="actions"></slot>
|
|
691
691
|
</div>
|
|
692
|
-
`}}
|
|
692
|
+
`}}$e=new WeakMap,ye=new WeakMap,ve.styles=[H`
|
|
693
693
|
:host {
|
|
694
694
|
display: block;
|
|
695
695
|
width: 100%;
|
|
@@ -702,34 +702,34 @@ const Ae=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
702
702
|
.banner {
|
|
703
703
|
background-color: var(
|
|
704
704
|
--m-banner-background-color,
|
|
705
|
-
${
|
|
705
|
+
${Wt("color-background-secondary")}
|
|
706
706
|
);
|
|
707
|
-
border: var(--m-banner-border, 1px solid ${
|
|
708
|
-
border-radius: var(--m-banner-border-radius, ${
|
|
709
|
-
padding-inline: var(--m-banner-padding-x, ${
|
|
710
|
-
padding-block: var(--m-banner-padding-y, ${
|
|
707
|
+
border: var(--m-banner-border, 1px solid ${Wt("color-border")});
|
|
708
|
+
border-radius: var(--m-banner-border-radius, ${Mt("border-radius-m")});
|
|
709
|
+
padding-inline: var(--m-banner-padding-x, ${Mt("spacing-6")});
|
|
710
|
+
padding-block: var(--m-banner-padding-y, ${Mt("spacing-4")});
|
|
711
711
|
display: flex;
|
|
712
712
|
flex-wrap: wrap;
|
|
713
713
|
justify-content: flex-end;
|
|
714
|
-
gap: ${
|
|
714
|
+
gap: ${Mt("spacing-6")};
|
|
715
715
|
}
|
|
716
716
|
|
|
717
717
|
.banner.-success {
|
|
718
|
-
--m-banner-background-color: ${
|
|
719
|
-
--m-banner-border: 1px solid ${
|
|
720
|
-
--m-banner-icon-color: ${
|
|
718
|
+
--m-banner-background-color: ${Wt("color-success-20")};
|
|
719
|
+
--m-banner-border: 1px solid ${Wt("color-success-20")};
|
|
720
|
+
--m-banner-icon-color: ${Wt("color-success-60")};
|
|
721
721
|
}
|
|
722
722
|
|
|
723
723
|
.banner.-warning {
|
|
724
|
-
--m-banner-background-color: ${
|
|
725
|
-
--m-banner-border: 1px solid ${
|
|
726
|
-
--m-banner-icon-color: ${
|
|
724
|
+
--m-banner-background-color: ${Wt("color-warning-20")};
|
|
725
|
+
--m-banner-border: 1px solid ${Wt("color-warning-20")};
|
|
726
|
+
--m-banner-icon-color: ${Wt("color-warning-100")};
|
|
727
727
|
}
|
|
728
728
|
|
|
729
729
|
.banner.-danger {
|
|
730
|
-
--m-banner-background-color: ${
|
|
731
|
-
--m-banner-border: 1px solid ${
|
|
732
|
-
--m-banner-icon-color: ${
|
|
730
|
+
--m-banner-background-color: ${Wt("color-danger-20")};
|
|
731
|
+
--m-banner-border: 1px solid ${Wt("color-danger-20")};
|
|
732
|
+
--m-banner-icon-color: ${Wt("color-danger-60")};
|
|
733
733
|
}
|
|
734
734
|
|
|
735
735
|
.banner.-with-description {
|
|
@@ -738,17 +738,17 @@ const Ae=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
738
738
|
|
|
739
739
|
.wrapper {
|
|
740
740
|
display: flex;
|
|
741
|
-
gap: ${
|
|
741
|
+
gap: ${Mt("spacing-6")};
|
|
742
742
|
align-items: center;
|
|
743
743
|
flex-grow: 1;
|
|
744
744
|
}
|
|
745
745
|
|
|
746
746
|
slot[name='icon'] > m-icon,
|
|
747
747
|
slot[name='icon']::slotted(*) {
|
|
748
|
-
--m-icon-color: var(--m-banner-icon-color, ${
|
|
748
|
+
--m-icon-color: var(--m-banner-icon-color, ${Wt("color-neutral-90")});
|
|
749
749
|
--m-icon-size: var(--m-banner-icon-size, 24px);
|
|
750
750
|
|
|
751
|
-
fill: var(--m-banner-icon-color, ${
|
|
751
|
+
fill: var(--m-banner-icon-color, ${Wt("color-neutral-90")});
|
|
752
752
|
block-size: var(--m-banner-icon-size, 24px);
|
|
753
753
|
inline-size: var(--m-banner-icon-size, 24px);
|
|
754
754
|
}
|
|
@@ -757,12 +757,12 @@ const Ae=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
757
757
|
display: flex;
|
|
758
758
|
flex-direction: column;
|
|
759
759
|
flex-grow: 1;
|
|
760
|
-
gap: ${
|
|
760
|
+
gap: ${Mt("spacing-1")};
|
|
761
761
|
}
|
|
762
|
-
`],window.customElements.define("m-banner",
|
|
762
|
+
`],window.customElements.define("m-banner",ve);class we extends lt{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 v`
|
|
763
763
|
<div
|
|
764
764
|
class="m-card"
|
|
765
|
-
style="${
|
|
765
|
+
style="${me({"--m-card-flag-color":yt(this.flagColor)})}"
|
|
766
766
|
>
|
|
767
767
|
${this.flagged?v`<span class="m-card-flag"></span>`:x}
|
|
768
768
|
<div class="m-card-content">
|
|
@@ -772,9 +772,9 @@ const Ae=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
772
772
|
<slot name="body"></slot>
|
|
773
773
|
</div>
|
|
774
774
|
</div>
|
|
775
|
-
`}}
|
|
775
|
+
`}}we.styles=[H`
|
|
776
776
|
:host {
|
|
777
|
-
--m-card-background-color: ${
|
|
777
|
+
--m-card-background-color: ${Wt("color-background-primary")};
|
|
778
778
|
}
|
|
779
779
|
|
|
780
780
|
.m-card {
|
|
@@ -783,8 +783,8 @@ const Ae=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
783
783
|
flex-direction: row;
|
|
784
784
|
|
|
785
785
|
background-color: var(--m-card-background-color);
|
|
786
|
-
border-radius: ${
|
|
787
|
-
border: solid 1px ${
|
|
786
|
+
border-radius: ${Mt("border-radius-s")};
|
|
787
|
+
border: solid 1px ${Wt("color-divider")};
|
|
788
788
|
}
|
|
789
789
|
|
|
790
790
|
.m-card-flag {
|
|
@@ -797,11 +797,11 @@ const Ae=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
797
797
|
box-sizing: border-box;
|
|
798
798
|
border: 1px solid var(--m-card-flag-color);
|
|
799
799
|
background-color: var(--m-card-flag-color);
|
|
800
|
-
width: ${
|
|
801
|
-
border-top-left-radius: ${
|
|
800
|
+
width: ${Mt("border-thick")};
|
|
801
|
+
border-top-left-radius: ${Mt("border-radius-s")};
|
|
802
802
|
border-top-right-radius: 0;
|
|
803
803
|
border-bottom-right-radius: 0;
|
|
804
|
-
border-bottom-left-radius: ${
|
|
804
|
+
border-bottom-left-radius: ${Mt("border-radius-s")};
|
|
805
805
|
}
|
|
806
806
|
|
|
807
807
|
.m-card-content {
|
|
@@ -811,56 +811,56 @@ const Ae=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
811
811
|
}
|
|
812
812
|
|
|
813
813
|
::slotted(m-divider) {
|
|
814
|
-
--m-divider-margin-top: ${
|
|
814
|
+
--m-divider-margin-top: ${Mt("spacing-4")};
|
|
815
815
|
}
|
|
816
|
-
`],window.customElements.define("m-card",
|
|
816
|
+
`],window.customElements.define("m-card",we);class xe extends lt{static get properties(){return{slot:{type:String}}}constructor(){super(),this.slot="body"}render(){return v`
|
|
817
817
|
<div class="m-card-body">
|
|
818
818
|
<slot></slot>
|
|
819
819
|
</div>
|
|
820
|
-
`}}
|
|
820
|
+
`}}xe.styles=[H`
|
|
821
821
|
:host {
|
|
822
|
-
--m-card-body-padding-x: ${
|
|
823
|
-
--m-card-body-padding-y: ${
|
|
822
|
+
--m-card-body-padding-x: ${Mt("spacing-4")};
|
|
823
|
+
--m-card-body-padding-y: ${Mt("spacing-4")};
|
|
824
824
|
}
|
|
825
825
|
|
|
826
826
|
.m-card-body {
|
|
827
827
|
padding: var(--m-card-body-padding-y) var(--m-card-body-padding-x);
|
|
828
828
|
}
|
|
829
|
-
`],window.customElements.define("m-card-body",
|
|
829
|
+
`],window.customElements.define("m-card-body",xe);class ke extends lt{static get properties(){return{slot:{type:String}}}constructor(){super(),this.slot="subtitle"}render(){return v`
|
|
830
830
|
<div class="m-card-subtitle">
|
|
831
831
|
<slot></slot>
|
|
832
832
|
</div>
|
|
833
|
-
`}}
|
|
833
|
+
`}}ke.styles=[H`
|
|
834
834
|
:host {
|
|
835
|
-
--m-card-subtitle-margin-top: ${
|
|
836
|
-
--m-card-subtitle-padding-x: ${
|
|
835
|
+
--m-card-subtitle-margin-top: ${Mt("spacing-2")};
|
|
836
|
+
--m-card-subtitle-padding-x: ${Mt("spacing-4")};
|
|
837
837
|
--m-card-subtitle-padding-y: 0;
|
|
838
838
|
}
|
|
839
839
|
|
|
840
840
|
.m-card-subtitle {
|
|
841
|
-
${
|
|
841
|
+
${Pt("body-md")};
|
|
842
842
|
|
|
843
843
|
margin-block-start: var(--m-card-subtitle-margin-top);
|
|
844
844
|
padding: var(--m-card-subtitle-padding-y) var(--m-card-subtitle-padding-x);
|
|
845
845
|
|
|
846
|
-
color: ${
|
|
846
|
+
color: ${Wt("color-text-tertiary")};
|
|
847
847
|
}
|
|
848
|
-
`],window.customElements.define("m-card-subtitle",
|
|
848
|
+
`],window.customElements.define("m-card-subtitle",ke);class ze extends lt{static get properties(){return{slot:{type:String}}}constructor(){super(),this.slot="title"}render(){return v`
|
|
849
849
|
<div class="m-card-title">
|
|
850
850
|
<slot name="leading"></slot>
|
|
851
851
|
<slot></slot>
|
|
852
852
|
</div>
|
|
853
|
-
`}}
|
|
853
|
+
`}}ze.styles=[H`
|
|
854
854
|
:host {
|
|
855
|
-
--m-card-title-padding-x: ${
|
|
856
|
-
--m-card-title-padding-top: ${
|
|
855
|
+
--m-card-title-padding-x: ${Mt("spacing-4")};
|
|
856
|
+
--m-card-title-padding-top: ${Mt("spacing-4")};
|
|
857
857
|
}
|
|
858
858
|
|
|
859
859
|
.m-card-title {
|
|
860
860
|
padding: var(--m-card-title-padding-top) var(--m-card-title-padding-x) 0;
|
|
861
861
|
|
|
862
|
-
${
|
|
863
|
-
color: ${
|
|
862
|
+
${Pt("heading-sm-bold")};
|
|
863
|
+
color: ${Wt("color-text-primary")};
|
|
864
864
|
}
|
|
865
865
|
|
|
866
866
|
slot[name='leading']::slotted(*) {
|
|
@@ -869,9 +869,9 @@ const Ae=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
869
869
|
align-items: center;
|
|
870
870
|
justify-content: center;
|
|
871
871
|
pointer-events: none;
|
|
872
|
-
margin-inline-end: ${
|
|
872
|
+
margin-inline-end: ${Mt("spacing-1")};
|
|
873
873
|
}
|
|
874
|
-
`],window.customElements.define("m-card-title",
|
|
874
|
+
`],window.customElements.define("m-card-title",ze);const Se={delay:"0s",duration:"0.35s",easing:"ease-in-out"};var Ce,Me,We;class je extends lt{static get properties(){return{name:{type:String},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0},indeterminate:{type:Boolean,reflect:!0}}}constructor(){super(),Ce.add(this),We.set(this,(t=>{const e=t.target,o=new CustomEvent("m-change",{cancelable:!1,composed:!1,bubbles:!0,detail:{checked:e.checked,indeterminate:e.indeterminate}});this.dispatchEvent(o),this.checked=e.checked,this.indeterminate=e.indeterminate})),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,Ce,"m",Me).call(this)}render(){return v`
|
|
875
875
|
<label for="${ct(this.id)}" class="check-input-label">
|
|
876
876
|
<input
|
|
877
877
|
id="${ct(this.id)}"
|
|
@@ -880,23 +880,23 @@ const Ae=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
880
880
|
class="check-input"
|
|
881
881
|
?disabled="${this.disabled}"
|
|
882
882
|
?checked="${this.checked}"
|
|
883
|
-
@change=${t(this,
|
|
883
|
+
@change=${t(this,We,"f")}
|
|
884
884
|
/>
|
|
885
885
|
<m-icon name="check" class="check-icon"></m-icon>
|
|
886
886
|
<m-icon name="indeterminate" class="indeterminate-icon"></m-icon>
|
|
887
887
|
<slot name="leading"></slot>
|
|
888
888
|
<slot></slot>
|
|
889
889
|
</label>
|
|
890
|
-
`}focus(t){var e;null===(e=this.input)||void 0===e||e.focus(t)}}
|
|
891
|
-
${
|
|
890
|
+
`}focus(t){var e;null===(e=this.input)||void 0===e||e.focus(t)}}We=new WeakMap,Ce=new WeakSet,Me=function(){this.setAttribute("aria-disabled",this.disabled.toString()),this.setAttribute("aria-checked",this.indeterminate?"mixed":this.checked.toString()),this.input.indeterminate=this.indeterminate},je.styles=[H`
|
|
891
|
+
${Gt.focus(".check-input-label")} {
|
|
892
892
|
border-radius: 2px;
|
|
893
|
-
outline: 1px solid ${
|
|
893
|
+
outline: 1px solid ${Wt("color-primary-60")};
|
|
894
894
|
}
|
|
895
895
|
|
|
896
896
|
.check-input-label {
|
|
897
|
-
${
|
|
897
|
+
${Pt("body-md")};
|
|
898
898
|
|
|
899
|
-
gap: ${
|
|
899
|
+
gap: ${Mt("spacing-1")};
|
|
900
900
|
align-items: center;
|
|
901
901
|
display: inline-flex;
|
|
902
902
|
padding: 4px 2px;
|
|
@@ -908,66 +908,66 @@ const Ae=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
908
908
|
}
|
|
909
909
|
|
|
910
910
|
.check-input {
|
|
911
|
-
--checkbox-input-size: ${
|
|
911
|
+
--checkbox-input-size: ${Mt("font-size-4")};
|
|
912
912
|
|
|
913
|
-
color: ${
|
|
913
|
+
color: ${Wt("color-text-tertiary")};
|
|
914
914
|
width: var(--checkbox-input-size);
|
|
915
915
|
height: var(--checkbox-input-size);
|
|
916
|
-
background: ${
|
|
916
|
+
background: ${Wt("color-neutral-0")};
|
|
917
917
|
appearance: none;
|
|
918
918
|
outline: none;
|
|
919
919
|
border-style: solid;
|
|
920
|
-
border-radius: ${
|
|
921
|
-
border-color: ${
|
|
922
|
-
border-width: ${
|
|
920
|
+
border-radius: ${Mt("border-radius-s")};
|
|
921
|
+
border-color: ${Wt("color-border")};
|
|
922
|
+
border-width: ${Mt("border-thin")};
|
|
923
923
|
margin: 0;
|
|
924
|
-
${
|
|
924
|
+
${Rt([{property:"border",...Se},{property:"background",...Se}])};
|
|
925
925
|
}
|
|
926
926
|
|
|
927
927
|
.check-input:indeterminate,
|
|
928
928
|
.check-input:checked {
|
|
929
|
-
background: ${
|
|
930
|
-
border-color: ${
|
|
929
|
+
background: ${Wt("color-primary-60")};
|
|
930
|
+
border-color: ${Wt("color-primary-60")};
|
|
931
931
|
}
|
|
932
932
|
|
|
933
|
-
${
|
|
934
|
-
background: ${
|
|
933
|
+
${Dt(".check-input")} {
|
|
934
|
+
background: ${Wt("color-background-tertiary")};
|
|
935
935
|
cursor: not-allowed;
|
|
936
936
|
}
|
|
937
937
|
|
|
938
|
-
${
|
|
939
|
-
${
|
|
940
|
-
background: ${
|
|
941
|
-
border-color: ${
|
|
938
|
+
${Dt(".check-input:indeterminate")},
|
|
939
|
+
${Dt(".check-input:checked")} {
|
|
940
|
+
background: ${Wt("color-neutral-40")};
|
|
941
|
+
border-color: ${Wt("color-neutral-40")};
|
|
942
942
|
}
|
|
943
943
|
|
|
944
|
-
${
|
|
945
|
-
${
|
|
946
|
-
background: ${
|
|
947
|
-
border-color: ${
|
|
944
|
+
${Gt.hover(".check-input:indeterminate")},
|
|
945
|
+
${Gt.hover(".check-input:checked")} {
|
|
946
|
+
background: ${Wt("color-primary-100")};
|
|
947
|
+
border-color: ${Wt("color-primary-100")};
|
|
948
948
|
}
|
|
949
949
|
|
|
950
|
-
${
|
|
951
|
-
border-color: ${
|
|
950
|
+
${Gt.hover(".check-input")} {
|
|
951
|
+
border-color: ${Wt("color-primary-100")};
|
|
952
952
|
}
|
|
953
953
|
|
|
954
954
|
:host([disabled]) .check-input-label {
|
|
955
955
|
cursor: not-allowed;
|
|
956
|
-
color: ${
|
|
956
|
+
color: ${Wt("color-text-disabled")};
|
|
957
957
|
}
|
|
958
958
|
|
|
959
959
|
.check-icon,
|
|
960
960
|
.indeterminate-icon {
|
|
961
961
|
--m-icon-size: 1em;
|
|
962
|
-
--m-icon-color: ${
|
|
962
|
+
--m-icon-color: ${Wt("color-neutral-0")};
|
|
963
963
|
|
|
964
964
|
position: absolute;
|
|
965
965
|
|
|
966
966
|
pointer-events: none;
|
|
967
|
-
border-width: ${
|
|
967
|
+
border-width: ${Mt("border-thin")};
|
|
968
968
|
border-style: solid;
|
|
969
969
|
border-color: transparent;
|
|
970
|
-
border-radius: ${
|
|
970
|
+
border-radius: ${Mt("border-radius-s")};
|
|
971
971
|
display: none;
|
|
972
972
|
}
|
|
973
973
|
|
|
@@ -975,10 +975,10 @@ const Ae=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
975
975
|
.check-input:indeterminate:not(:checked) ~ .indeterminate-icon {
|
|
976
976
|
display: inline-flex;
|
|
977
977
|
}
|
|
978
|
-
`],window.customElements.define("m-checkbox",
|
|
978
|
+
`],window.customElements.define("m-checkbox",je);class Ae extends lt{render(){return v` <hr class="m-divider" /> `}}Ae.styles=[H`
|
|
979
979
|
.m-divider {
|
|
980
980
|
border: 0;
|
|
981
|
-
border-block-end: solid 1px ${
|
|
981
|
+
border-block-end: solid 1px ${Wt("color-divider")};
|
|
982
982
|
margin-block-start: var(
|
|
983
983
|
--m-divider-margin-top,
|
|
984
984
|
var(--m-divider-margin-y, 0)
|
|
@@ -988,13 +988,13 @@ const Ae=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
988
988
|
var(--m-divider-margin-y, 0)
|
|
989
989
|
);
|
|
990
990
|
}
|
|
991
|
-
`],window.customElements.define("m-divider",
|
|
991
|
+
`],window.customElements.define("m-divider",Ae);
|
|
992
992
|
/**
|
|
993
993
|
* @license
|
|
994
994
|
* Copyright 2021 Google LLC
|
|
995
995
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
996
996
|
*/
|
|
997
|
-
class
|
|
997
|
+
let Be=class extends Event{constructor(t,e,o){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=e,this.subscribe=o}};
|
|
998
998
|
/**
|
|
999
999
|
* @license
|
|
1000
1000
|
* Copyright 2021 Google LLC
|
|
@@ -1005,26 +1005,16 @@ class Ve extends Event{constructor(t,e,o){super("context-request",{bubbles:!0,co
|
|
|
1005
1005
|
* Copyright 2021 Google LLC
|
|
1006
1006
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1007
1007
|
*/
|
|
1008
|
-
class
|
|
1008
|
+
let Ee=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this.subscribe=i,this.provided=!1,this.value=void 0,this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new Be(this.context,((t,e)=>{this.unsubscribe&&(this.unsubscribe!==e&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=t,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(t,e)),this.unsubscribe=e}),this.subscribe))}},_e=class{constructor(t){this.callbacks=new Map,this.updateObservers=()=>{for(const[t,e]of this.callbacks)t(this.t,e)},void 0!==t&&(this.value=t)}get value(){return this.t}set value(t){this.setValue(t)}setValue(t,e=!1){const o=e||!Object.is(t,this.t);this.t=t,o&&this.updateObservers()}addCallback(t,e){e&&(this.callbacks.has(t)||this.callbacks.set(t,(()=>{this.callbacks.delete(t)}))),t(this.value)}clearCallbacks(){this.callbacks.clear()}},Oe=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}},Te=class extends _e{constructor(t,e,o){super(o),this.host=t,this.context=e,this.onContextRequest=t=>{t.context===this.context&&t.composedPath()[0]!==this.host&&(t.stopPropagation(),this.addCallback(t.callback,t.subscribe))},this.attachListeners(),this.host.addController(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest)}hostConnected(){this.host.dispatchEvent(new Oe(this.context))}},Ue=class{constructor(){this.pendingContextRequests=new Map,this.onContextProvider=t=>{const e=this.pendingContextRequests.get(t.context);e&&(this.pendingContextRequests.delete(t.context),e.forEach((e=>{const o=e.element,i=e.callback;o&&o.dispatchEvent(new Be(t.context,i,!0))})))},this.onContextRequest=t=>{if(!t.subscribe)return;const e={element:t.target,callback:t.callback};let o=this.pendingContextRequests.get(t.context);o||(o=new Set,this.pendingContextRequests.set(t.context,o)),o.add(e)}}attach(t){t.addEventListener("context-request",this.onContextRequest),t.addEventListener("context-provider",this.onContextProvider)}detach(t){t.removeEventListener("context-request",this.onContextRequest),t.removeEventListener("context-provider",this.onContextProvider)}};
|
|
1009
1009
|
/**
|
|
1010
1010
|
* @license
|
|
1011
1011
|
* Copyright 2021 Google LLC
|
|
1012
1012
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1013
|
-
*/
|
|
1014
|
-
/**
|
|
1015
|
-
* @license
|
|
1016
|
-
* Copyright 2021 Google LLC
|
|
1017
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
1018
|
-
*/class He extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}}class Fe extends Ze{constructor(t,e,o){super(o),this.host=t,this.context=e,this.onContextRequest=t=>{t.context===this.context&&t.composedPath()[0]!==this.host&&(t.stopPropagation(),this.addCallback(t.callback,t.subscribe))},this.attachListeners(),this.host.addController(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest)}hostConnected(){this.host.dispatchEvent(new He(this.context))}}
|
|
1019
|
-
/**
|
|
1020
|
-
* @license
|
|
1021
|
-
* Copyright 2021 Google LLC
|
|
1022
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
1023
|
-
*/class Ke{constructor(){this.pendingContextRequests=new Map,this.onContextProvider=t=>{const e=this.pendingContextRequests.get(t.context);e&&(this.pendingContextRequests.delete(t.context),e.forEach((e=>{const o=e.element,i=e.callback;o&&o.dispatchEvent(new Ve(t.context,i,!0))})))},this.onContextRequest=t=>{if(!t.subscribe)return;const e={element:t.target,callback:t.callback};let o=this.pendingContextRequests.get(t.context);o||(o=new Set,this.pendingContextRequests.set(t.context,o)),o.add(e)}}attach(t){t.addEventListener("context-request",this.onContextRequest),t.addEventListener("context-provider",this.onContextProvider)}detach(t){t.removeEventListener("context-request",this.onContextRequest),t.removeEventListener("context-provider",this.onContextProvider)}}const Qe="field";let Xe=!1;function Ye(t,e){var o;const i=e?$t(e):"";return t&&null!==(o="none"===t?"0":$t(t))&&void 0!==o?o:i}const to={gap:"spacing-4",align:"stretch",justify:"flex-start"};class eo extends lt{static get properties(){return{gap:{type:String},align:{type:String},justify:{type:String}}}constructor(){super(),this.gap=to.gap,this.align=to.align,this.justify=to.justify}update(t){this.style.setProperty("--m-group-gap",Ye(this.gap,to.gap)),this.style.setProperty("--m-group-align",this.align||to.align),this.style.setProperty("--m-group-justify",this.justify||to.justify),super.update(t)}render(){return v`<slot></slot>`}}eo.styles=[H`
|
|
1013
|
+
*/const qe="field";let Ne=!1;function Re(t,e){var o;const i=e?yt(e):"";return t&&null!==(o="none"===t?"0":yt(t))&&void 0!==o?o:i}const Pe={gap:"spacing-4",align:"stretch",justify:"flex-start"};class De extends lt{static get properties(){return{gap:{type:String},align:{type:String},justify:{type:String}}}constructor(){super(),this.gap=Pe.gap,this.align=Pe.align,this.justify=Pe.justify}update(t){this.style.setProperty("--m-group-gap",Re(this.gap,Pe.gap)),this.style.setProperty("--m-group-align",this.align||Pe.align),this.style.setProperty("--m-group-justify",this.justify||Pe.justify),super.update(t)}render(){return v`<slot></slot>`}}De.styles=[H`
|
|
1024
1014
|
:host {
|
|
1025
|
-
--m-group-gap: ${
|
|
1026
|
-
--m-group-align: ${Z(
|
|
1027
|
-
--m-group-justify: ${Z(
|
|
1015
|
+
--m-group-gap: ${Mt(Pe.gap)};
|
|
1016
|
+
--m-group-align: ${Z(Pe.align)};
|
|
1017
|
+
--m-group-justify: ${Z(Pe.justify)};
|
|
1028
1018
|
|
|
1029
1019
|
display: flex;
|
|
1030
1020
|
flex-wrap: wrap;
|
|
@@ -1032,11 +1022,11 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1032
1022
|
align-items: var(--m-group-align);
|
|
1033
1023
|
justify-content: var(--m-group-justify);
|
|
1034
1024
|
}
|
|
1035
|
-
`],window.customElements.define("m-group",
|
|
1025
|
+
`],window.customElements.define("m-group",De);const Ge={gap:"spacing-4",align:"stretch",justify:"flex-start"};class Le extends lt{static get properties(){return{gap:{type:String},align:{type:String},justify:{type:String}}}constructor(){super(),this.gap=Ge.gap,this.align=Ge.align,this.justify=Ge.justify}update(t){this.style.setProperty("--m-stack-gap",Re(this.gap,Ge.gap)),this.style.setProperty("--m-stack-align",this.align||Ge.align),this.style.setProperty("--m-stack-justify",this.justify||Ge.justify),super.update(t)}render(){return v`<slot></slot>`}}var Ie,Ve,Je,Ze,He;Le.styles=[H`
|
|
1036
1026
|
:host {
|
|
1037
|
-
--m-stack-gap: ${
|
|
1038
|
-
--m-stack-align: ${Z(
|
|
1039
|
-
--m-stack-justify: ${Z(
|
|
1027
|
+
--m-stack-gap: ${Mt(Ge.gap)};
|
|
1028
|
+
--m-stack-align: ${Z(Ge.align)};
|
|
1029
|
+
--m-stack-justify: ${Z(Ge.justify)};
|
|
1040
1030
|
|
|
1041
1031
|
display: flex;
|
|
1042
1032
|
flex-direction: column;
|
|
@@ -1045,13 +1035,13 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1045
1035
|
align-items: var(--m-stack-align);
|
|
1046
1036
|
justify-content: var(--m-stack-justify);
|
|
1047
1037
|
}
|
|
1048
|
-
`],window.customElements.define("m-stack",
|
|
1038
|
+
`],window.customElements.define("m-stack",Le);class Fe extends re{static get properties(){return{status:{type:String},slot:{type:String}}}constructor(){super(),Ie.add(this),this.field=new Ee(this,qe,void 0,!0),this.slot="hint"}render(){const e={"-status-default":"default"===t(this,Ie,"m",Ve).call(this),"-status-danger":"danger"===t(this,Ie,"m",Ve).call(this)};return v` <m-group
|
|
1049
1039
|
gap="spacing-0-5"
|
|
1050
1040
|
align="center"
|
|
1051
1041
|
class=${bt(e)}
|
|
1052
1042
|
>
|
|
1053
1043
|
<slot name="leading"
|
|
1054
|
-
>${"danger"===t(this,
|
|
1044
|
+
>${"danger"===t(this,Ie,"m",Ve).call(this)?v`<m-icon
|
|
1055
1045
|
name="attention"
|
|
1056
1046
|
size="10"
|
|
1057
1047
|
color="color-danger-60"
|
|
@@ -1061,37 +1051,37 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1061
1051
|
class=${bt({hint:!0,...e})}
|
|
1062
1052
|
><slot></slot>
|
|
1063
1053
|
</span>
|
|
1064
|
-
</m-group>`}}
|
|
1054
|
+
</m-group>`}}Ie=new WeakSet,Ve=function(){var t;return this.status||(null===(t=this.field.value)||void 0===t?void 0:t.status)},Fe.styles=[[H`
|
|
1065
1055
|
:host {
|
|
1066
|
-
--m-field-hint-color: ${
|
|
1056
|
+
--m-field-hint-color: ${Wt("color-text-tertiary")};
|
|
1067
1057
|
}
|
|
1068
1058
|
|
|
1069
1059
|
m-group {
|
|
1070
|
-
${
|
|
1060
|
+
${Tt(Mt("spacing-2"))};
|
|
1071
1061
|
}
|
|
1072
1062
|
|
|
1073
1063
|
.-status-danger {
|
|
1074
|
-
--m-field-hint-color: ${
|
|
1064
|
+
--m-field-hint-color: ${Wt("color-danger-60")};
|
|
1075
1065
|
}
|
|
1076
1066
|
|
|
1077
1067
|
.hint {
|
|
1078
|
-
${
|
|
1068
|
+
${Pt("body-sm")};
|
|
1079
1069
|
color: var(--m-field-hint-color);
|
|
1080
1070
|
}
|
|
1081
|
-
`]],window.customElements.define("m-field-hint",
|
|
1082
|
-
class=${bt({label:!0,"-size-default":"default"===t(this,
|
|
1071
|
+
`]],window.customElements.define("m-field-hint",Fe);class Ke extends re{static get properties(){return{required:{type:Boolean},size:{type:String},slot:{type:String}}}constructor(){super(),Je.add(this),this.field=new Ee(this,qe,void 0,!0),this.slot="hint"}render(){return v`<label
|
|
1072
|
+
class=${bt({label:!0,"-size-default":"default"===t(this,Je,"m",Ze).call(this),"-size-small":"small"===t(this,Je,"m",Ze).call(this)})}
|
|
1083
1073
|
><slot></slot>
|
|
1084
|
-
${t(this,
|
|
1085
|
-
</label>`}}
|
|
1074
|
+
${t(this,Je,"m",He).call(this)?v`<span class="required">*</span>`:x}
|
|
1075
|
+
</label>`}}Je=new WeakSet,Ze=function(){var t;return this.size||(null===(t=this.field.value)||void 0===t?void 0:t.size)},He=function(){var t;return null!=this.required?this.required:Boolean(null===(t=this.field.value)||void 0===t?void 0:t.required)},Ke.styles=[[H`
|
|
1086
1076
|
:host {
|
|
1087
1077
|
display: flex;
|
|
1088
1078
|
align-items: center;
|
|
1089
1079
|
justify-content: flex-start;
|
|
1090
|
-
gap: ${
|
|
1080
|
+
gap: ${Mt("spacing-0-5")};
|
|
1091
1081
|
}
|
|
1092
1082
|
|
|
1093
1083
|
.label {
|
|
1094
|
-
${
|
|
1084
|
+
${Pt("body-md")};
|
|
1095
1085
|
|
|
1096
1086
|
display: inline-flex;
|
|
1097
1087
|
align-items: center;
|
|
@@ -1100,37 +1090,37 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1100
1090
|
margin: 0;
|
|
1101
1091
|
padding: 0;
|
|
1102
1092
|
|
|
1103
|
-
color: ${
|
|
1093
|
+
color: ${Wt("color-text-tertiary")};
|
|
1104
1094
|
}
|
|
1105
1095
|
|
|
1106
1096
|
.required {
|
|
1107
|
-
${
|
|
1097
|
+
${Pt("body-md")};
|
|
1108
1098
|
|
|
1109
|
-
color: ${
|
|
1099
|
+
color: ${Wt("color-text-error")};
|
|
1110
1100
|
|
|
1111
1101
|
content: '*';
|
|
1112
1102
|
|
|
1113
|
-
${
|
|
1103
|
+
${Bt(Mt("spacing-1"))};
|
|
1114
1104
|
}
|
|
1115
1105
|
|
|
1116
1106
|
.label.-size-small,
|
|
1117
1107
|
.label.-size-small .required {
|
|
1118
|
-
${
|
|
1108
|
+
${Pt("body-sm")};
|
|
1119
1109
|
}
|
|
1120
|
-
`]],window.customElements.define("m-field-label",
|
|
1110
|
+
`]],window.customElements.define("m-field-label",Ke),function(){if(Ne)return;(new Ue).attach(document.body),Ne=!0}();class Qe extends re{static get properties(){return{label:{type:String},hint:{type:String},required:{type:Boolean},status:{type:String},size:{type:String}}}constructor(){super(),this.provider=new Te(this,qe,{required:!1,size:"default",status:"default"}),this.required=!1,this.status="default",this.size="default"}update(t){super.update(t),(t.has("required")||t.has("status")||t.has("size"))&&this.provider.setValue({required:this.required,status:this.status,size:this.size})}render(){return v`<m-stack gap="spacing-1">
|
|
1121
1111
|
${this.label?v`<m-field-label>${this.label}</m-field-label>`:v`<slot name="label"></slot>`}
|
|
1122
1112
|
|
|
1123
1113
|
<slot></slot>
|
|
1124
1114
|
|
|
1125
1115
|
${this.hint?v`<m-field-hint>${this.hint}</m-field-hint>`:v`<slot name="hint"></slot>`}
|
|
1126
|
-
</m-stack>`}}window.customElements.define("m-field",
|
|
1116
|
+
</m-stack>`}}window.customElements.define("m-field",Qe);const Xe=["default","danger"],Ye=["center","flex-start","flex-end","stretch"],to=["center","flex-start","flex-end","space-between","space-around","space-evenly"],eo={padding:"spacing-4",borderRadius:"border-radius-s",borderWidth:"border-none",borderColor:"color-background-highlight",textAlign:"left"};class oo extends lt{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=eo.padding,this.borderRadius=eo.borderRadius,this.borderWidth=eo.borderWidth,this.borderColor=eo.borderColor,this.textAlign=eo.textAlign}update(t){var e,o,i,r;this.style.setProperty("--m-box-padding",Re(this.padding,eo.padding)),this.style.setProperty("--m-box-background-color",null!==(e=this.backgroundColor&&yt(this.backgroundColor))&&void 0!==e?e:"transparent"),this.style.setProperty("--m-box-border-radius",null!==(o=this.borderRadius&&yt(this.borderRadius))&&void 0!==o?o:yt(eo.borderRadius)),this.style.setProperty("--m-box-border-width",null!==(i=this.borderWidth&&yt(this.borderWidth))&&void 0!==i?i:yt(eo.borderWidth)),this.style.setProperty("--m-box-border-color",null!==(r=this.borderColor&&yt(this.borderColor))&&void 0!==r?r:yt(eo.borderColor)),this.style.setProperty("--m-box-text-align",this.textAlign||eo.textAlign),super.update(t)}render(){return v`<slot></slot>`}}oo.styles=[H`
|
|
1127
1117
|
:host {
|
|
1128
|
-
--m-box-padding: ${
|
|
1118
|
+
--m-box-padding: ${Mt(eo.padding)};
|
|
1129
1119
|
--m-box-background-color: transparent;
|
|
1130
|
-
--m-box-border-radius: ${
|
|
1131
|
-
--m-box-border-width: ${
|
|
1132
|
-
--m-box-border-color: ${
|
|
1133
|
-
--m-box-text-align: ${Z(
|
|
1120
|
+
--m-box-border-radius: ${Mt(eo.borderRadius)};
|
|
1121
|
+
--m-box-border-width: ${Mt(eo.borderWidth)};
|
|
1122
|
+
--m-box-border-color: ${Wt(eo.borderColor)};
|
|
1123
|
+
--m-box-text-align: ${Z(eo.textAlign)};
|
|
1134
1124
|
|
|
1135
1125
|
box-sizing: border-box;
|
|
1136
1126
|
|
|
@@ -1142,10 +1132,10 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1142
1132
|
border-color: var(--m-box-border-color);
|
|
1143
1133
|
text-align: var(--m-box-text-align);
|
|
1144
1134
|
}
|
|
1145
|
-
`],window.customElements.define("m-box",
|
|
1135
|
+
`],window.customElements.define("m-box",oo);const io={gap:"spacing-4",minColumnWidth:vt("spacing-30")};class ro extends lt{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",Re(this.gap,io.gap)),t.has("rowGap")&&(this.rowGap?this.style.setProperty("--m-grid-row-gap",Re(this.rowGap)):this.style.removeProperty("--m-grid-row-gap")),t.has("columnGap")&&(this.columnGap?this.style.setProperty("--m-grid-column-gap",Re(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 v`<slot></slot>`}}ro.styles=[H`
|
|
1146
1136
|
:host {
|
|
1147
|
-
--m-grid-gap: ${
|
|
1148
|
-
--m-grid-min-column-width: ${Z(
|
|
1137
|
+
--m-grid-gap: ${Mt(io.gap)};
|
|
1138
|
+
--m-grid-min-column-width: ${Z(io.minColumnWidth)};
|
|
1149
1139
|
|
|
1150
1140
|
display: grid;
|
|
1151
1141
|
|
|
@@ -1157,15 +1147,15 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1157
1147
|
minmax(min(var(--m-grid-min-column-width), 100%), 1fr)
|
|
1158
1148
|
);
|
|
1159
1149
|
}
|
|
1160
|
-
`],window.customElements.define("m-grid",
|
|
1150
|
+
`],window.customElements.define("m-grid",ro);const no={gap:"spacing-4",sideWidth:"auto",minContentWidth:"50%",reversed:!1};function so(t){return t?"row-reverse":"row"}class lo extends lt{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=no.gap,this.sideWidth=no.sideWidth,this.minContentWidth=no.minContentWidth,this.reversed=no.reversed}update(t){t.has("gap")&&this.style.setProperty("--m-sidebar-gap",Re(this.gap,no.gap)),t.has("sideWidth")&&this.style.setProperty("--m-sidebar-side-width",this.sideWidth||no.sideWidth),t.has("minContentWidth")&&this.style.setProperty("--m-sidebar-min-content-width",this.minContentWidth||no.minContentWidth),t.has("reversed")&&this.style.setProperty("--m-sidebar-flex-direction",so(this.reversed)),super.update(t)}render(){return v`
|
|
1161
1151
|
<slot name="sidebar"></slot>
|
|
1162
1152
|
<slot name="content"></slot>
|
|
1163
|
-
`}}
|
|
1153
|
+
`}}lo.styles=[H`
|
|
1164
1154
|
:host {
|
|
1165
|
-
--m-sidebar-gap: ${
|
|
1166
|
-
--m-sidebar-flex-direction: ${Z(
|
|
1167
|
-
--m-sidebar-side-width: ${Z(
|
|
1168
|
-
--m-sidebar-min-content-width: ${Z(
|
|
1155
|
+
--m-sidebar-gap: ${Mt(no.gap)};
|
|
1156
|
+
--m-sidebar-flex-direction: ${Z(so(no.reversed))};
|
|
1157
|
+
--m-sidebar-side-width: ${Z(no.sideWidth)};
|
|
1158
|
+
--m-sidebar-min-content-width: ${Z(no.minContentWidth)};
|
|
1169
1159
|
|
|
1170
1160
|
display: flex;
|
|
1171
1161
|
flex-wrap: wrap;
|
|
@@ -1184,7 +1174,7 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1184
1174
|
flex-grow: 999;
|
|
1185
1175
|
min-width: var(--m-sidebar-min-content-width);
|
|
1186
1176
|
}
|
|
1187
|
-
`],window.customElements.define("m-sidebar",
|
|
1177
|
+
`],window.customElements.define("m-sidebar",lo);const ao={gap:"spacing-4",threshold:"10rem"};class co extends lt{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=ao.gap,this.threshold=ao.threshold}update(t){super.update(t),t.has("gap")&&this.style.setProperty("--m-switcher-gap",Re(this.gap,ao.gap)),t.has("rowGap")&&(this.rowGap?this.style.setProperty("--m-switcher-row-gap",Re(this.rowGap)):this.style.removeProperty("--m-switcher-row-gap")),t.has("columnGap")&&(this.columnGap?this.style.setProperty("--m-switcher-column-gap",Re(this.columnGap)):this.style.removeProperty("--m-switcher-column-gap")),t.has("threshold")&&this.style.setProperty("--m-switcher-threshold",this.threshold||ao.threshold)}render(){const t=this.limit?v`
|
|
1188
1178
|
<style>
|
|
1189
1179
|
::slotted(*:nth-last-child(n + ${this.limit+1})) {
|
|
1190
1180
|
flex-basis: 100%;
|
|
@@ -1196,10 +1186,10 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1196
1186
|
`:"";return v`
|
|
1197
1187
|
${t}
|
|
1198
1188
|
<slot></slot>
|
|
1199
|
-
`}}var
|
|
1189
|
+
`}}var ho,uo,bo;co.styles=[H`
|
|
1200
1190
|
:host {
|
|
1201
|
-
--m-switcher-gap: ${
|
|
1202
|
-
--m-switcher-threshold: ${Z(
|
|
1191
|
+
--m-switcher-gap: ${Mt(ao.gap)};
|
|
1192
|
+
--m-switcher-threshold: ${Z(ao.threshold)};
|
|
1203
1193
|
|
|
1204
1194
|
display: flex;
|
|
1205
1195
|
flex-wrap: wrap;
|
|
@@ -1212,14 +1202,14 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1212
1202
|
flex-basis: calc((var(--m-switcher-threshold) - 100%) * 999);
|
|
1213
1203
|
flex-grow: 1;
|
|
1214
1204
|
}
|
|
1215
|
-
`],window.customElements.define("m-switcher",
|
|
1205
|
+
`],window.customElements.define("m-switcher",co);class go extends lt{static get properties(){return{variant:{type:String,reflect:!0},value:{type:Number,reflect:!0},max:{type:Number,reflect:!0}}}constructor(){super(),ho.add(this),this.variant="default",this.value=0,this.max=100}connectedCallback(){super.connectedCallback(),this.setAttribute("role","progressbar"),this.setAttribute("aria-valuemin","0")}updated(){this.setAttribute("aria-valuenow",String(this.value)),this.setAttribute("aria-valuemax",String(this.max))}get percentage(){return 100*t(this,ho,"a",bo)/t(this,ho,"a",uo)}get currentVariant(){return this.variant}render(){return v`
|
|
1216
1206
|
<div class="bar">
|
|
1217
1207
|
<span
|
|
1218
1208
|
class=${bt({progress:!0,"-default":"default"===this.currentVariant,"-success":"success"===this.currentVariant,"-warning":"warning"===this.currentVariant,"-danger":"danger"===this.currentVariant})}
|
|
1219
|
-
style=${
|
|
1209
|
+
style=${me({width:`${this.percentage}%`})}
|
|
1220
1210
|
></span>
|
|
1221
1211
|
</div>
|
|
1222
|
-
`}}
|
|
1212
|
+
`}}ho=new WeakSet,uo=function(){return this.max<=0?100:this.max},bo=function(){return e=this.value,o=0,i=t(this,ho,"a",uo),Math.min(Math.max(o,e),i);var e,o,i},go.styles=[H`
|
|
1223
1213
|
.bar {
|
|
1224
1214
|
display: flex;
|
|
1225
1215
|
flex-grow: 0;
|
|
@@ -1231,10 +1221,10 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1231
1221
|
overflow: hidden;
|
|
1232
1222
|
|
|
1233
1223
|
width: 100%;
|
|
1234
|
-
height: ${
|
|
1224
|
+
height: ${le("8px")};
|
|
1235
1225
|
|
|
1236
|
-
border-radius: ${
|
|
1237
|
-
background-color: ${
|
|
1226
|
+
border-radius: ${Mt("border-radius-s")};
|
|
1227
|
+
background-color: ${Wt("color-background-tertiary")};
|
|
1238
1228
|
}
|
|
1239
1229
|
|
|
1240
1230
|
.progress {
|
|
@@ -1242,11 +1232,11 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1242
1232
|
top: 0;
|
|
1243
1233
|
left: 0;
|
|
1244
1234
|
|
|
1245
|
-
${
|
|
1235
|
+
${Rt([{property:"width"},{property:"background"}])};
|
|
1246
1236
|
|
|
1247
|
-
height: ${
|
|
1237
|
+
height: ${le("8px")};
|
|
1248
1238
|
|
|
1249
|
-
border-radius: ${
|
|
1239
|
+
border-radius: ${Mt("border-radius-s")};
|
|
1250
1240
|
|
|
1251
1241
|
background: var(--m-progress-bar-progress-background);
|
|
1252
1242
|
}
|
|
@@ -1254,23 +1244,23 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1254
1244
|
.-default {
|
|
1255
1245
|
--m-progress-bar-progress-background: linear-gradient(
|
|
1256
1246
|
45deg,
|
|
1257
|
-
${
|
|
1258
|
-
${
|
|
1247
|
+
${Wt("color-brand-accent-1")} 22%,
|
|
1248
|
+
${Wt("color-brand-accent-2")} 88%
|
|
1259
1249
|
);
|
|
1260
1250
|
}
|
|
1261
1251
|
|
|
1262
1252
|
.-success {
|
|
1263
|
-
--m-progress-bar-progress-background: ${
|
|
1253
|
+
--m-progress-bar-progress-background: ${Wt("color-success-60")};
|
|
1264
1254
|
}
|
|
1265
1255
|
|
|
1266
1256
|
.-warning {
|
|
1267
|
-
--m-progress-bar-progress-background: ${
|
|
1257
|
+
--m-progress-bar-progress-background: ${Wt("color-warning-60")};
|
|
1268
1258
|
}
|
|
1269
1259
|
|
|
1270
1260
|
.-danger {
|
|
1271
|
-
--m-progress-bar-progress-background: ${
|
|
1261
|
+
--m-progress-bar-progress-background: ${Wt("color-danger-60")};
|
|
1272
1262
|
}
|
|
1273
|
-
`],window.customElements.define("m-progress-bar",
|
|
1263
|
+
`],window.customElements.define("m-progress-bar",go);class po extends go{get currentVariant(){return this.percentage>=66?"success":this.percentage>=33?"warning":"danger"}}window.customElements.define("m-progress-bar-countdown",po);const mo="m-check";var fo,$o,yo,vo,wo;class xo extends lt{static get properties(){return{value:{type:String},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0}}}constructor(){super(),fo.add(this),yo.set(this,(t=>{if(this.disabled)return t.preventDefault(),void t.stopPropagation();const e={detail:{value:this.value,type:"select"},bubbles:!0,composed:!1};this.dispatchEvent(new CustomEvent(mo,e))})),vo.set(this,(()=>{this.setAttribute("aria-disabled",String(this.disabled))})),wo.set(this,(()=>{this.setAttribute("aria-checked",String(this.checked))})),this.disabled=!1,this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radio"),this.addEventListener("click",t(this,yo,"f"))}updated(e){super.updated(e),e.has("disabled")&&t(this,vo,"f").call(this),e.has("checked")&&t(this,wo,"f").call(this)}render(){return v`
|
|
1274
1264
|
<button
|
|
1275
1265
|
type="button"
|
|
1276
1266
|
class="radio-button"
|
|
@@ -1282,34 +1272,34 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1282
1272
|
<slot name="leading"></slot>
|
|
1283
1273
|
<slot></slot>
|
|
1284
1274
|
</button>
|
|
1285
|
-
`}focus(e){var o;null===(o=t(this,
|
|
1275
|
+
`}focus(e){var o;null===(o=t(this,fo,"a",$o))||void 0===o||o.focus(e)}}yo=new WeakMap,vo=new WeakMap,wo=new WeakMap,fo=new WeakSet,$o=function(){var t,e;return null!==(e=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector("button"))&&void 0!==e?e:null},xo.styles=[H`
|
|
1286
1276
|
:host {
|
|
1287
|
-
--m-radio-border-color: ${
|
|
1288
|
-
--m-radio-dot-check-color: ${
|
|
1277
|
+
--m-radio-border-color: ${Wt("color-border")};
|
|
1278
|
+
--m-radio-dot-check-color: ${Wt("color-primary-60")};
|
|
1289
1279
|
--m-radio-size: 14px;
|
|
1290
1280
|
--m-radio-background-color: white;
|
|
1291
|
-
--m-radio-border-width: ${
|
|
1292
|
-
--m-radio-label-color: ${
|
|
1293
|
-
--m-radio-outline-color: ${
|
|
1281
|
+
--m-radio-border-width: ${Mt("border-thin")};
|
|
1282
|
+
--m-radio-label-color: ${Wt("color-text-tertiary")};
|
|
1283
|
+
--m-radio-outline-color: ${Wt("color-primary-60")};
|
|
1294
1284
|
--m-radio-outline-offset: 2px;
|
|
1295
1285
|
}
|
|
1296
1286
|
|
|
1297
1287
|
.radio-button {
|
|
1298
|
-
${
|
|
1288
|
+
${Pt("body-md")};
|
|
1299
1289
|
color: var(--m-radio-label-color);
|
|
1300
1290
|
|
|
1301
1291
|
border: none;
|
|
1302
1292
|
background: none;
|
|
1303
1293
|
|
|
1304
|
-
height: ${
|
|
1294
|
+
height: ${Mt("global-height-small")};
|
|
1305
1295
|
display: inline-flex;
|
|
1306
|
-
gap: ${
|
|
1296
|
+
gap: ${Mt("spacing-1")};
|
|
1307
1297
|
align-items: center;
|
|
1308
|
-
border-radius: ${
|
|
1309
|
-
${
|
|
1298
|
+
border-radius: ${Mt("border-radius-s")};
|
|
1299
|
+
${Rt({property:"color"})};
|
|
1310
1300
|
}
|
|
1311
1301
|
|
|
1312
|
-
${
|
|
1302
|
+
${Gt.focus(".radio-button")} {
|
|
1313
1303
|
outline: 1px solid var(--m-radio-outline-color);
|
|
1314
1304
|
outline-offset: var(--m-radio-outline-offset);
|
|
1315
1305
|
}
|
|
@@ -1325,7 +1315,7 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1325
1315
|
position: relative;
|
|
1326
1316
|
display: inline-flex;
|
|
1327
1317
|
|
|
1328
|
-
${
|
|
1318
|
+
${Rt({property:"border-color"})};
|
|
1329
1319
|
}
|
|
1330
1320
|
|
|
1331
1321
|
.radio-button .radio-input::before {
|
|
@@ -1338,7 +1328,7 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1338
1328
|
left: 50%;
|
|
1339
1329
|
display: block;
|
|
1340
1330
|
position: absolute;
|
|
1341
|
-
${
|
|
1331
|
+
${Rt([{property:"background-color"},{property:"height",duration:"120ms"},{property:"width",duration:"120ms"}])};
|
|
1342
1332
|
}
|
|
1343
1333
|
|
|
1344
1334
|
.radio-button[aria-checked='true'] .radio-input::before {
|
|
@@ -1346,18 +1336,18 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1346
1336
|
height: 10px;
|
|
1347
1337
|
}
|
|
1348
1338
|
|
|
1349
|
-
${
|
|
1339
|
+
${Dt(".radio-button")} {
|
|
1350
1340
|
cursor: default;
|
|
1351
|
-
--m-radio-label-color: ${
|
|
1352
|
-
--m-radio-background-color: ${
|
|
1341
|
+
--m-radio-label-color: ${Wt("color-neutral-40")};
|
|
1342
|
+
--m-radio-background-color: ${Wt("color-background-tertiary")};
|
|
1353
1343
|
}
|
|
1354
1344
|
|
|
1355
|
-
${
|
|
1356
|
-
--m-radio-border-color: ${
|
|
1345
|
+
${Dt('.radio-button[aria-checked="true"]',".radio-input")} {
|
|
1346
|
+
--m-radio-border-color: ${Wt("color-border")};
|
|
1357
1347
|
}
|
|
1358
1348
|
|
|
1359
|
-
${
|
|
1360
|
-
--m-radio-dot-check-color: ${
|
|
1349
|
+
${Dt(".radio-button",".radio-input::before")} {
|
|
1350
|
+
--m-radio-dot-check-color: ${Wt("color-neutral-40")};
|
|
1361
1351
|
}
|
|
1362
1352
|
|
|
1363
1353
|
.radio-button .radio-input::before {
|
|
@@ -1365,36 +1355,36 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1365
1355
|
}
|
|
1366
1356
|
|
|
1367
1357
|
.radio-button[aria-checked='true'] .radio-input {
|
|
1368
|
-
--m-radio-dot-check-color: ${
|
|
1369
|
-
--m-radio-border-color: ${
|
|
1358
|
+
--m-radio-dot-check-color: ${Wt("color-primary-60")};
|
|
1359
|
+
--m-radio-border-color: ${Wt("color-primary-60")};
|
|
1370
1360
|
}
|
|
1371
1361
|
|
|
1372
1362
|
.radio-button .radio-input {
|
|
1373
|
-
--m-radio-border-color: ${
|
|
1363
|
+
--m-radio-border-color: ${Wt("color-border")};
|
|
1374
1364
|
}
|
|
1375
1365
|
|
|
1376
|
-
${
|
|
1377
|
-
--m-radio-border-color: ${
|
|
1378
|
-
--m-radio-dot-check-color: ${
|
|
1366
|
+
${Gt.hover(".radio-button")} .radio-input {
|
|
1367
|
+
--m-radio-border-color: ${Wt("color-primary-100")};
|
|
1368
|
+
--m-radio-dot-check-color: ${Wt("color-primary-100")};
|
|
1379
1369
|
}
|
|
1380
1370
|
|
|
1381
|
-
${
|
|
1382
|
-
--m-radio-label-color: ${
|
|
1371
|
+
${Gt.hover(".radio-button")} {
|
|
1372
|
+
--m-radio-label-color: ${Wt("color-text-primary")};
|
|
1383
1373
|
}
|
|
1384
1374
|
|
|
1385
|
-
${
|
|
1375
|
+
${Dt(".radio-button","*")} {
|
|
1386
1376
|
pointer-event: none;
|
|
1387
1377
|
}
|
|
1388
|
-
`],window.customElements.define("m-radio",
|
|
1378
|
+
`],window.customElements.define("m-radio",xo);var ko,zo={};Object.defineProperty(zo,"i",{value:!0});var So=jt;const Co=(t,e)=>{const o=So.toArray(t);if(0===o.length)return e;const i=new Set;return i.add(String(o.at(-1))),i},Mo=(t,e)=>{const o=So.toArray(t);if(0===o.length)return e;const i=new Set(e);for(const t of o)i.add(String(t));return i},Wo={type:"single",init:t=>Co(t,new Set),select:Co,unselect(t,e){const o=So.toArray(t);if(0===o.length||0===e.size)return e;const i=new Set(e);for(const t of o)i.delete(String(t));return i},toggle(t,e){const o=So.toArray(t);if(0===o.length)return e;const i=new Set;for(const t of o){const o=String(t);e.has(o)||(i.clear(),i.add(o))}return i},reset:t=>null==t?new Set:t,value(t){if(null==t||0===t.size)return null;const[e]=Array.from(t);return e}},jo={type:"single-strict",init:t=>Co(t,new Set),select:Co,unselect(t,e){const o=So.toArray(t);if(0===o.length||0===e.size)return e;const i=new Set(e);for(let t=0;t<o.length&&e.size>1;t++)i.delete(String(o[t]));return i},toggle(t,e){const o=So.toArray(t);if(0===o.length)return e;const i=new Set(e);for(const t of o){const o=String(t);e.has(o)||(i.clear(),i.add(o))}return i},reset:t=>null==t?new Set:t,value(t){if(null==t||0===t.size)return null;const[e]=Array.from(t);return e}},Ao={type:"multiple",init:t=>Mo(t,new Set),select:Mo,unselect(t,e){const o=So.toArray(t);if(0===o.length||0===e.size)return e;const i=new Set(e);for(const t of o)i.delete(String(t));return i},toggle(t,e){const o=So.toArray(t);if(0===o.length)return e;const i=new Set(e);for(const t of o){const o=String(t);e.has(o)?i.delete(o):i.add(o)}return i},reset:t=>null==t?new Set:t,value:t=>null==t||0===t.size?null:Array.from(t)};var Bo,Eo,_o,Oo,To,Uo,qo,No,Ro,Po,Do,Go,Lo,Io;zo.SELECTION_TYPES=["single","single-strict","multiple"],ko=zo.default=function(t){const{type:e="multiple"}=t;return"single"===e?Wo:"single-strict"===e?jo:Ao};class Vo{constructor(e,o,i){Bo.add(this),this.disabled=!1,this.event="m-select",Eo.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:e,value:o}}=t;switch(e){case"select":this.select(At(o));break;case"unselect":this.unselect(At(o));break;case"toggle":this.toggle(At(o))}})),this.init=t=>{this.host.selection=this.strategy.init(t)},this.select=e=>{this.host.selection=this.strategy.select(e,this.host.selection),t(this,Bo,"m",_o).call(this)},this.unselect=e=>{this.host.selection=this.strategy.unselect(e,this.host.selection),t(this,Bo,"m",_o).call(this)},this.toggle=e=>{this.host.selection=this.strategy.toggle(e,this.host.selection),t(this,Bo,"m",_o).call(this)},this.subscribe=()=>{this.host.addEventListener(this.event,t(this,Eo,"f"))},this.unsubscribe=()=>{this.host.removeEventListener(this.event,t(this,Eo,"f"))},this.host=e,this.type=o,this.event=i,this.strategy=ko({type:o}),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))}}Eo=new WeakMap,Bo=new WeakSet,_o=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 Jo extends lt{static get properties(){return{value:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},selection:{state:!0},orientation:{type:String}}}constructor(){super(),Oo.set(this,null),To.set(this,null),Uo.set(this,(()=>{var e;return null===(e=t(this,qo,"f").call(this)[0])||void 0===e?void 0:e.value})),qo.set(this,(()=>{var o,i,r;e(this,To,null!==(o=t(this,To,"f"))&&void 0!==o?o:this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...null!==(r=null===(i=t(this,To,"f"))||void 0===i?void 0:i.assignedElements({flatten:!0}))&&void 0!==r?r:[]].filter((t=>"m-radio"===t.tagName.toLowerCase()))})),No.set(this,(t=>{t.checked=this.selection.has(t.value)})),Ro.set(this,(t=>{t.disabled=this.disabled})),this.disabled=!1,this.selection=new Set,this.value="",this.orientation="vertical",this.type="single-strict"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radio-group"),e(this,Oo,new Vo(this,this.type,mo),"f")}update(e){super.update(e),e.has("value")&&t(this,Oo,"f")&&t(this,Oo,"f").init(At(this.value||t(this,Uo,"f").call(this))),e.has("selection")&&([this.value]=this.selection)}updated(e){super.updated(e),e.has("selection")&&t(this,qo,"f").call(this).forEach((e=>{t(this,No,"f").call(this,e)})),e.has("disabled")&&t(this,qo,"f").call(this).forEach((e=>{t(this,Ro,"f").call(this,e)}))}render(){return v`
|
|
1389
1379
|
<div
|
|
1390
1380
|
class=${bt({"radio-group":!0,"-vertical":"vertical"===this.orientation,"-horizontal":"horizontal"===this.orientation})}
|
|
1391
1381
|
>
|
|
1392
1382
|
<slot></slot>
|
|
1393
1383
|
</div>
|
|
1394
|
-
`}}
|
|
1384
|
+
`}}Oo=new WeakMap,To=new WeakMap,Uo=new WeakMap,qo=new WeakMap,No=new WeakMap,Ro=new WeakMap,Jo.styles=[H`
|
|
1395
1385
|
.radio-group {
|
|
1396
1386
|
display: flex;
|
|
1397
|
-
gap: ${
|
|
1387
|
+
gap: ${Mt("spacing-2")};
|
|
1398
1388
|
}
|
|
1399
1389
|
.radio-group.-vertical {
|
|
1400
1390
|
flex-direction: column;
|
|
@@ -1402,25 +1392,25 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1402
1392
|
.radio-group.-horizontal {
|
|
1403
1393
|
flex-direction: row;
|
|
1404
1394
|
}
|
|
1405
|
-
`],window.customElements.define("m-radio-group",
|
|
1395
|
+
`],window.customElements.define("m-radio-group",Jo);class Zo extends lt{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 v`
|
|
1406
1396
|
<span
|
|
1407
1397
|
class=${bt({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})}
|
|
1408
1398
|
>
|
|
1409
1399
|
${this.isSkeleton?v``:v`<slot name="leading"></slot>`}
|
|
1410
1400
|
<slot></slot>
|
|
1411
1401
|
</span>
|
|
1412
|
-
`}}
|
|
1402
|
+
`}}Zo.styles=[[H`
|
|
1413
1403
|
@keyframes skeleton-loading {
|
|
1414
1404
|
0% {
|
|
1415
|
-
background-color: ${
|
|
1405
|
+
background-color: ${Wt("color-background-tertiary")};
|
|
1416
1406
|
opacity: 0.3;
|
|
1417
1407
|
}
|
|
1418
1408
|
50% {
|
|
1419
|
-
background-color: ${
|
|
1409
|
+
background-color: ${Wt("color-background-tertiary")};
|
|
1420
1410
|
opacity: 0.6;
|
|
1421
1411
|
}
|
|
1422
1412
|
100% {
|
|
1423
|
-
background-color: ${
|
|
1413
|
+
background-color: ${Wt("color-background-tertiary")};
|
|
1424
1414
|
}
|
|
1425
1415
|
}
|
|
1426
1416
|
`,H`
|
|
@@ -1435,55 +1425,55 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1435
1425
|
box-sizing: border-box;
|
|
1436
1426
|
max-width: 200px;
|
|
1437
1427
|
border-radius: 100px;
|
|
1438
|
-
line-height: ${
|
|
1428
|
+
line-height: ${Mt("line-height-1")};
|
|
1439
1429
|
cursor: default;
|
|
1440
1430
|
}
|
|
1441
1431
|
|
|
1442
1432
|
.tag slot[name='leading']::slotted(*) {
|
|
1443
|
-
margin-inline-end: ${
|
|
1433
|
+
margin-inline-end: ${Mt("spacing-1")};
|
|
1444
1434
|
vertical-align: middle;
|
|
1445
1435
|
}
|
|
1446
1436
|
|
|
1447
1437
|
.-size-small {
|
|
1448
|
-
${
|
|
1449
|
-
padding: ${
|
|
1450
|
-
block-size: ${
|
|
1438
|
+
${Pt("chips-sm")};
|
|
1439
|
+
padding: ${Mt("spacing-1")} ${Mt("spacing-2")};
|
|
1440
|
+
block-size: ${le("18px")};
|
|
1451
1441
|
}
|
|
1452
1442
|
.-size-default {
|
|
1453
|
-
${
|
|
1454
|
-
padding: ${
|
|
1455
|
-
block-size: ${
|
|
1443
|
+
${Pt("chips-md")};
|
|
1444
|
+
padding: ${Mt("spacing-2")} ${Mt("spacing-3")};
|
|
1445
|
+
block-size: ${Mt("global-height-small")};
|
|
1456
1446
|
}
|
|
1457
1447
|
.-size-large {
|
|
1458
|
-
${
|
|
1459
|
-
padding: ${
|
|
1460
|
-
block-size: ${
|
|
1448
|
+
${Pt("button-lg")};
|
|
1449
|
+
padding: ${Mt("spacing-3")} ${Mt("spacing-4")};
|
|
1450
|
+
block-size: ${Mt("global-height-default")};
|
|
1461
1451
|
}
|
|
1462
1452
|
|
|
1463
1453
|
.-success {
|
|
1464
|
-
color: ${
|
|
1465
|
-
background: ${
|
|
1454
|
+
color: ${Wt("color-success-60")};
|
|
1455
|
+
background: ${Wt("color-success-20")};
|
|
1466
1456
|
}
|
|
1467
1457
|
.-neutral {
|
|
1468
|
-
color: ${
|
|
1469
|
-
background: ${
|
|
1458
|
+
color: ${Wt("color-text-tertiary")};
|
|
1459
|
+
background: ${Wt("color-background-tertiary")};
|
|
1470
1460
|
}
|
|
1471
1461
|
.-warning {
|
|
1472
|
-
color: ${
|
|
1473
|
-
background: ${
|
|
1462
|
+
color: ${Wt("color-warning-100")};
|
|
1463
|
+
background: ${Wt("color-warning-20")};
|
|
1474
1464
|
}
|
|
1475
1465
|
.-danger {
|
|
1476
|
-
color: ${
|
|
1477
|
-
background: ${
|
|
1466
|
+
color: ${Wt("color-danger-60")};
|
|
1467
|
+
background: ${Wt("color-danger-20")};
|
|
1478
1468
|
}
|
|
1479
1469
|
|
|
1480
1470
|
.-is-skeleton {
|
|
1481
1471
|
${Z("animation: skeleton-loading 1s linear infinite alternate;")};
|
|
1482
1472
|
width: var(--m-tag-skeleton-width);
|
|
1483
1473
|
}
|
|
1484
|
-
`]],window.customElements.define("m-tag",
|
|
1474
|
+
`]],window.customElements.define("m-tag",Zo);class Ho extends re{static get properties(){return{clearable:{type:Boolean},disabled:{type:Boolean,reflect:!0},max:{type:String},maxLength:{type:Number,reflect:!0,attribute:"max-length"},min:{type:String},minLength:{type:Number,reflect:!0,attribute:"min-length"},pattern:{type:String},placeholder:{type:String},readOnly:{type:Boolean,reflect:!0,attribute:"read-only"},size:{type:String},status:{type:String},step:{type:String},type:{type:String},value:{type:String}}}constructor(){super(),Po.add(this),this.inputElement=null,this.field=new Ee(this,qe,void 0,!0),this.clearable=!1,this.disabled=!1,this.placeholder=void 0,this.size="default",this.type="text",this.value=void 0,this.max=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","textbox")}render(){return v`
|
|
1485
1475
|
<div
|
|
1486
|
-
class=${bt({container:!0,"-size-small":"small"===this.size,"-size-default":"default"===this.size,"-size-large":"large"===this.size,"is-disabled":Boolean(this.disabled),"-status-default":"default"===t(this,
|
|
1476
|
+
class=${bt({container:!0,"-size-small":"small"===this.size,"-size-default":"default"===this.size,"-size-large":"large"===this.size,"is-disabled":Boolean(this.disabled),"-status-default":"default"===t(this,Po,"m",Go).call(this),"-status-danger":"danger"===t(this,Po,"m",Go).call(this)})}
|
|
1487
1477
|
>
|
|
1488
1478
|
<slot name="leading"></slot>
|
|
1489
1479
|
<input
|
|
@@ -1502,75 +1492,75 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1502
1492
|
step=${this.step||x}
|
|
1503
1493
|
value="${ct(this.value)}"
|
|
1504
1494
|
@change=${this.reemit}
|
|
1505
|
-
@input=${t(this,
|
|
1495
|
+
@input=${t(this,Po,"m",Lo)}
|
|
1506
1496
|
/>
|
|
1507
1497
|
${this.clearable?v`<m-close-button
|
|
1508
|
-
class=${bt({clear:!0,"is-visible":t(this,
|
|
1498
|
+
class=${bt({clear:!0,"is-visible":t(this,Po,"m",Do).call(this)})}
|
|
1509
1499
|
controls="${ct(this.id)}"
|
|
1510
|
-
@m-close=${t(this,
|
|
1500
|
+
@m-close=${t(this,Po,"m",Io)}
|
|
1511
1501
|
label="Clear input"
|
|
1512
1502
|
></m-close-button>`:x}
|
|
1513
1503
|
<slot name="trailing"></slot>
|
|
1514
1504
|
</div>
|
|
1515
|
-
`}get input(){var t,e;return null==this.inputElement&&(this.inputElement=null!==(e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("input"))&&void 0!==e?e:null),this.inputElement}clear(){this.value="",this.input&&(this.input.value=""),this.emit("m-clear"),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}
|
|
1505
|
+
`}get input(){var t,e;return null==this.inputElement&&(this.inputElement=null!==(e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("input"))&&void 0!==e?e:null),this.inputElement}clear(){this.value="",this.input&&(this.input.value=""),this.emit("m-clear"),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}Po=new WeakSet,Do=function(){const t=this.value||"";return!this.disabled&&t.length>0},Go=function(){var t;return this.status||(null===(t=this.field.value)||void 0===t?void 0:t.status)},Lo=function(t){this.value=t.target.value,this.reemit(t)},Io=function(t){t.stopPropagation(),this.clear()},Ho.styles=[H`
|
|
1516
1506
|
:host {
|
|
1517
1507
|
--m-text-field-background-color: transparent;
|
|
1518
|
-
--m-text-field-border-color: ${
|
|
1519
|
-
--m-text-field-height: ${
|
|
1520
|
-
--m-text-field-outline-color: ${
|
|
1508
|
+
--m-text-field-border-color: ${Wt("color-border")};
|
|
1509
|
+
--m-text-field-height: ${Mt("global-height-default")};
|
|
1510
|
+
--m-text-field-outline-color: ${Wt("color-primary-100")};
|
|
1521
1511
|
--m-text-field-outline-offset: 2px;
|
|
1522
|
-
--m-text-field-padding-y: ${
|
|
1523
|
-
--m-text-field-placeholder-color: ${
|
|
1524
|
-
--m-text-field-color: ${
|
|
1512
|
+
--m-text-field-padding-y: ${Mt("spacing-2")};
|
|
1513
|
+
--m-text-field-placeholder-color: ${Wt("color-text-placeholder")};
|
|
1514
|
+
--m-text-field-color: ${Wt("color-text-primary")};
|
|
1525
1515
|
}
|
|
1526
1516
|
|
|
1527
1517
|
.container {
|
|
1528
|
-
${
|
|
1529
|
-
${
|
|
1518
|
+
${Pt("body-md")};
|
|
1519
|
+
${Rt([{property:"background-color"},{property:"border-color"}])};
|
|
1530
1520
|
|
|
1531
1521
|
display: inline-flex;
|
|
1532
1522
|
align-items: center;
|
|
1533
1523
|
justify-content: start;
|
|
1534
|
-
gap: ${
|
|
1524
|
+
gap: ${Mt("spacing-2")};
|
|
1535
1525
|
|
|
1536
1526
|
position: relative;
|
|
1537
1527
|
box-sizing: border-box;
|
|
1538
1528
|
width: 100%;
|
|
1539
1529
|
block-size: var(--m-text-field-height);
|
|
1540
1530
|
|
|
1541
|
-
${
|
|
1531
|
+
${Tt(Mt("spacing-2"))};
|
|
1542
1532
|
|
|
1543
1533
|
background-color: var(--m-text-field-background-color);
|
|
1544
|
-
border-radius: ${
|
|
1534
|
+
border-radius: ${Mt("border-radius-s")};
|
|
1545
1535
|
border: 1px solid var(--m-text-field-border-color);
|
|
1546
1536
|
}
|
|
1547
1537
|
|
|
1548
1538
|
.container.-size-small {
|
|
1549
|
-
--m-text-field-height: ${
|
|
1539
|
+
--m-text-field-height: ${Mt("global-height-small")};
|
|
1550
1540
|
--m-text-field-padding-y: 0;
|
|
1551
1541
|
}
|
|
1552
1542
|
|
|
1553
1543
|
.container.-size-small,
|
|
1554
1544
|
.container.-size-small .text-field {
|
|
1555
|
-
${
|
|
1545
|
+
${Pt("body-sm")};
|
|
1556
1546
|
}
|
|
1557
1547
|
|
|
1558
1548
|
.container.-size-large {
|
|
1559
|
-
--m-text-field-height: ${
|
|
1560
|
-
--m-text-field-padding-y: ${
|
|
1549
|
+
--m-text-field-height: ${Mt("global-height-large")};
|
|
1550
|
+
--m-text-field-padding-y: ${Mt("spacing-3")};
|
|
1561
1551
|
}
|
|
1562
1552
|
|
|
1563
1553
|
.container.-status-danger {
|
|
1564
|
-
--m-text-field-border-color: ${
|
|
1554
|
+
--m-text-field-border-color: ${Wt("color-danger-60")};
|
|
1565
1555
|
}
|
|
1566
1556
|
|
|
1567
|
-
${
|
|
1568
|
-
--m-text-field-background-color: ${
|
|
1557
|
+
${Dt(".container")} {
|
|
1558
|
+
--m-text-field-background-color: ${Wt("color-background-tertiary")};
|
|
1569
1559
|
|
|
1570
1560
|
cursor: default;
|
|
1571
1561
|
}
|
|
1572
1562
|
|
|
1573
|
-
${
|
|
1563
|
+
${Dt(".container","*")} {
|
|
1574
1564
|
pointer-events: none;
|
|
1575
1565
|
}
|
|
1576
1566
|
|
|
@@ -1582,25 +1572,25 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1582
1572
|
cursor: default;
|
|
1583
1573
|
}
|
|
1584
1574
|
|
|
1585
|
-
${
|
|
1586
|
-
--m-text-field-border-color: ${
|
|
1575
|
+
${Gt.hover(".container")} {
|
|
1576
|
+
--m-text-field-border-color: ${Wt("color-primary-60")};
|
|
1587
1577
|
}
|
|
1588
1578
|
|
|
1589
|
-
${
|
|
1590
|
-
--m-text-field-border-color: ${
|
|
1579
|
+
${Gt.focus(".container")} {
|
|
1580
|
+
--m-text-field-border-color: ${Wt("color-primary-60")};
|
|
1591
1581
|
|
|
1592
1582
|
outline: 1px solid var(--m-text-field-outline-color);
|
|
1593
1583
|
outline-offset: var(--m-text-field-outline-offset);
|
|
1594
1584
|
}
|
|
1595
1585
|
|
|
1596
1586
|
.text-field {
|
|
1597
|
-
${
|
|
1587
|
+
${Pt("body-md")};
|
|
1598
1588
|
|
|
1599
1589
|
border: none;
|
|
1600
1590
|
outline: none;
|
|
1601
1591
|
flex: 1;
|
|
1602
1592
|
|
|
1603
|
-
${
|
|
1593
|
+
${Tt(0)};
|
|
1604
1594
|
padding-block: var(--m-text-field-padding-y);
|
|
1605
1595
|
|
|
1606
1596
|
background-color: var(--m-text-field-background-color);
|
|
@@ -1611,8 +1601,8 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1611
1601
|
color: var(--m-text-field-placeholder-color);
|
|
1612
1602
|
}
|
|
1613
1603
|
|
|
1614
|
-
${
|
|
1615
|
-
${
|
|
1604
|
+
${Gt.active(".text-field")},
|
|
1605
|
+
${Gt.focus(".text-field")} {
|
|
1616
1606
|
-webkit-appearance: none;
|
|
1617
1607
|
background: none;
|
|
1618
1608
|
border: none;
|
|
@@ -1626,40 +1616,40 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1626
1616
|
.clear.is-visible {
|
|
1627
1617
|
visibility: visible;
|
|
1628
1618
|
}
|
|
1629
|
-
`],window.customElements.define("m-text-field",
|
|
1619
|
+
`],window.customElements.define("m-text-field",Ho);const Fo="m-toggle";var Ko,Qo,Xo,Yo,ti,ei,oi,ii,ri,ni,si;class li extends lt{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(),Ko.set(this,null),Qo.set(this,null),Xo.set(this,(()=>{var o,i,r;e(this,Qo,null!==(o=t(this,Qo,"f"))&&void 0!==o?o:this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...null!==(r=null===(i=t(this,Qo,"f"))||void 0===i?void 0:i.assignedElements({flatten:!0}))&&void 0!==r?r:[]].filter((t=>"m-toggle"===t.tagName.toLowerCase()))})),Yo.set(this,(t=>{t.setAttribute("role",["single","single-strict"].includes(this.type)?"radio":"checkbox")})),ti.set(this,(t=>{t.checked=this.selection.has(t.value)})),ei.set(this,(t=>{t.disabled=this.disabled})),this.showCheck=!1,this.size="default",this.type="single",this.selection=new Set}update(o){super.update(o),(null!=o.get("type")&&null!=this.type||null==t(this,Ko,"f"))&&(e(this,Ko,new Vo(this,this.type,Fo),"f"),t(this,Ko,"f").init(At(this.value)),this.role=["single","single-strict"].includes(this.type)?"radiogroup":"group"),o.has("value")&&t(this,Ko,"f").init(At(this.value))}updated(e){super.updated(e),e.has("selection")&&t(this,Xo,"f").call(this).forEach((e=>{t(this,ti,"f").call(this,e)})),e.has("disabled")&&t(this,Xo,"f").call(this).forEach((e=>{t(this,ei,"f").call(this,e)})),e.has("role")&&t(this,Xo,"f").call(this).forEach((e=>{t(this,Yo,"f").call(this,e)}))}render(){return v`
|
|
1630
1620
|
<m-group
|
|
1631
1621
|
class=${bt({"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})}
|
|
1632
1622
|
gap="spacing-1"
|
|
1633
1623
|
>
|
|
1634
1624
|
<slot></slot>
|
|
1635
1625
|
</m-group>
|
|
1636
|
-
`}}
|
|
1626
|
+
`}}Ko=new WeakMap,Qo=new WeakMap,Xo=new WeakMap,Yo=new WeakMap,ti=new WeakMap,ei=new WeakMap,li.styles=[[H`
|
|
1637
1627
|
.toggle-group {
|
|
1638
1628
|
inline-size: max-content;
|
|
1639
1629
|
|
|
1640
|
-
border: 1px solid ${
|
|
1641
|
-
padding: ${
|
|
1630
|
+
border: 1px solid ${Wt("color-border")};
|
|
1631
|
+
padding: ${Mt("spacing-1")};
|
|
1642
1632
|
|
|
1643
|
-
border-radius: ${
|
|
1633
|
+
border-radius: ${Mt("border-radius-s")};
|
|
1644
1634
|
box-sizing: border-box;
|
|
1645
1635
|
|
|
1646
|
-
block-size: ${
|
|
1636
|
+
block-size: ${Mt("global-height-default")};
|
|
1647
1637
|
}
|
|
1648
1638
|
|
|
1649
1639
|
.toggle-group.-small {
|
|
1650
|
-
block-size: ${
|
|
1640
|
+
block-size: ${Mt("global-height-small")};
|
|
1651
1641
|
}
|
|
1652
1642
|
|
|
1653
1643
|
.toggle-group.-small ::slotted(m-toggle) {
|
|
1654
1644
|
--m-toggle-base-size: 18px;
|
|
1655
|
-
--m-toggle-font-size: ${
|
|
1645
|
+
--m-toggle-font-size: ${Mt("font-size-2")};
|
|
1656
1646
|
--m-toggle-icon-size: 10px;
|
|
1657
1647
|
}
|
|
1658
1648
|
|
|
1659
1649
|
.toggle-group.-show-check ::slotted(m-toggle[aria-checked='true']) {
|
|
1660
1650
|
--m-toggle-icon-display: inline-flex;
|
|
1661
1651
|
}
|
|
1662
|
-
`]],window.customElements.define("m-toggle-group",
|
|
1652
|
+
`]],window.customElements.define("m-toggle-group",li);class ai extends lt{static get properties(){return{checked:{type:Boolean},disabled:{type:Boolean,reflect:!0},role:{type:String,reflect:!0},value:{type:String}}}constructor(){super(),oi.add(this),ri.set(this,(()=>{if(this.disabled)return;this.checked=!this.checked;const t={detail:{value:this.value,type:"toggle"},bubbles:!0,composed:!1};this.dispatchEvent(new CustomEvent(Fo,t))})),ni.set(this,(()=>{this.setAttribute("aria-disabled",String(this.disabled))})),si.set(this,(()=>{this.setAttribute("aria-checked",String(this.checked))})),this.disabled=!1,this.checked=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("click",t(this,ri,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",t(this,ri,"f"))}updated(e){super.updated(e),e.has("disabled")&&t(this,ni,"f").call(this),e.has("checked")&&t(this,si,"f").call(this)}render(){return v`
|
|
1663
1653
|
<button
|
|
1664
1654
|
type="button"
|
|
1665
1655
|
class=${bt({button:!0,toggle:!0})}
|
|
@@ -1673,40 +1663,40 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1673
1663
|
|
|
1674
1664
|
<slot></slot>
|
|
1675
1665
|
</button>
|
|
1676
|
-
`}focus(e){var o;null===(o=t(this,
|
|
1666
|
+
`}focus(e){var o;null===(o=t(this,oi,"a",ii))||void 0===o||o.focus(e)}}ri=new WeakMap,ni=new WeakMap,si=new WeakMap,oi=new WeakSet,ii=function(){var t,e;return null!==(e=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector("button"))&&void 0!==e?e:null},ai.styles=[[Lt(),H`
|
|
1677
1667
|
:host {
|
|
1678
1668
|
/*
|
|
1679
1669
|
* These custom properties are here because they are meant to be
|
|
1680
1670
|
* overriden via toggle-group styles.
|
|
1681
1671
|
*/
|
|
1682
1672
|
--m-toggle-base-size: 30px;
|
|
1683
|
-
--m-toggle-font-size: ${
|
|
1673
|
+
--m-toggle-font-size: ${Mt("font-size-3")};
|
|
1684
1674
|
--m-toggle-icon-size: 12px;
|
|
1685
1675
|
--m-toggle-icon-display: none;
|
|
1686
1676
|
}
|
|
1687
1677
|
|
|
1688
1678
|
.toggle {
|
|
1689
1679
|
--m-button-border-color: transparent;
|
|
1690
|
-
--m-button-color: ${
|
|
1691
|
-
--m-button-padding-x: ${
|
|
1680
|
+
--m-button-color: ${Wt("color-primary-100")};
|
|
1681
|
+
--m-button-padding-x: ${Mt("spacing-2")};
|
|
1692
1682
|
--m-button-padding-y: 0;
|
|
1693
1683
|
|
|
1694
1684
|
--m-button-base-size: var(--m-toggle-base-size);
|
|
1695
1685
|
--m-button-font-size: var(--m-toggle-font-size);
|
|
1696
1686
|
}
|
|
1697
1687
|
|
|
1698
|
-
${
|
|
1699
|
-
--m-button-color: ${
|
|
1688
|
+
${Dt([".toggle"])} {
|
|
1689
|
+
--m-button-color: ${Wt("color-text-disabled")};
|
|
1700
1690
|
}
|
|
1701
1691
|
|
|
1702
1692
|
[aria-checked='true'] {
|
|
1703
|
-
--m-button-background-color: ${
|
|
1693
|
+
--m-button-background-color: ${Wt("color-primary-20")};
|
|
1704
1694
|
}
|
|
1705
1695
|
|
|
1706
|
-
${
|
|
1707
|
-
--m-button-background-color: ${
|
|
1708
|
-
--m-button-border-color: ${
|
|
1709
|
-
--m-button-color: ${
|
|
1696
|
+
${Gt.hover(".toggle")} {
|
|
1697
|
+
--m-button-background-color: ${Wt("color-background-tertiary")};
|
|
1698
|
+
--m-button-border-color: ${Wt("color-background-tertiary")};
|
|
1699
|
+
--m-button-color: ${Wt("color-primary-100")};
|
|
1710
1700
|
}
|
|
1711
1701
|
|
|
1712
1702
|
.check-icon {
|
|
@@ -1715,5 +1705,5 @@ class Je{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1715
1705
|
|
|
1716
1706
|
display: var(--m-toggle-icon-display);
|
|
1717
1707
|
}
|
|
1718
|
-
`]],window.customElements.define("m-toggle",
|
|
1708
|
+
`]],window.customElements.define("m-toggle",ai);export{Ye as ALIGN_ITEMS_VALUES,ve as Banner,Xt as BannerActionPrimary,Yt as BannerActionSecondary,te as BannerActions,ee as BannerDescription,oe as BannerIcon,ie as BannerTitle,oo as Box,Qt as Button,we as Card,xe as CardBody,ke as CardSubtitle,ze as CardTitle,je as Checkbox,pe as CloseButton,Ae as Divider,Xe as FIELD_STATUSES,Qe as Field,Fe as FieldHint,Ke as FieldLabel,ro as Grid,De as Group,to as JUSTIFY_CONTENT_VALUES,go as ProgressBar,po as ProgressBarCountdown,xo as Radio,Jo as RadioGroup,lo as Sidebar,Le as Stack,co as Switcher,Zo as Tag,fe as Text,Ho as TextField,ai as Toggle,li as ToggleGroup,eo as defaultBoxProps,io as defaultGridProps,Pe as defaultGroupProps,no as defaultSidebarProps,Ge as defaultStackProps,ao as defaultSwitcherProps};
|
|
1719
1709
|
//# sourceMappingURL=index.js.map
|