@loadsmart/miranda-wc 1.26.0 → 1.27.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/banner/banner.d.ts +1 -1
- package/dist/components/button/button.d.ts +49 -7
- package/dist/components/button/button.d.ts.map +1 -1
- package/dist/components/progress-bar/progress-bar.styles.d.ts.map +1 -1
- package/dist/index.js +534 -533
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,57 +1,61 @@
|
|
|
1
1
|
function t(t,e,o,i){if("a"===o&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!i:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?i:"a"===o?i.call(t):i?i.value:e.get(t)}function e(t,e,o,i,r){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!r:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?r.call(t,o):r?r.value=o:e.set(t,o),o
|
|
2
2
|
/**
|
|
3
3
|
* @license
|
|
4
|
-
* Copyright
|
|
4
|
+
* Copyright 2017 Google LLC
|
|
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]?_:"?"===e[1]?E:"@"===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))}}class A{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 _ extends A{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===x?void 0:t}}const B=r?r.emptyScript:"";class E extends A{constructor(){super(...arguments),this.type=4}j(t){t&&t!==x?this.element.setAttribute(this.name,B):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
|
+
/**
|
|
8
|
+
* @license
|
|
9
|
+
* Copyright 2020 Google LLC
|
|
5
10
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
|
-
*/
|
|
11
|
+
*/class J{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
|
|
7
12
|
/**
|
|
8
13
|
* @license
|
|
9
14
|
* Copyright 2017 Google LLC
|
|
10
15
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
-
*/;var
|
|
16
|
+
*/;var K;const Q=window,X=Q.trustedTypes,Y=X?X.emptyScript:"",tt=Q.reactiveElementPolyfillSupport,et={toAttribute(t,e){switch(e){case Boolean:t=t?Y:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let o=t;switch(e){case Boolean:o=null!==t;break;case Number:o=null===t?null:Number(t);break;case Object:case Array:try{o=JSON.parse(t)}catch(t){o=null}}return o}},ot=(t,e)=>e!==t&&(e==e||t==t),it={attribute:!0,type:String,converter:et,reflect:!1,hasChanged:ot};class rt extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,o)=>{const i=this._$Ep(o,e);void 0!==i&&(this._$Ev.set(i,o),t.push(i))})),t}static createProperty(t,e=it){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const o="symbol"==typeof t?Symbol():"__"+t,i=this.getPropertyDescriptor(t,o,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}}static getPropertyDescriptor(t,e,o){return{get(){return this[e]},set(i){const r=this[t];this[e]=i,this.requestUpdate(t,r,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||it}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const o of e)this.createProperty(o,t[o])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const t of o)e.unshift(F(t))}else void 0!==t&&e.push(F(t));return e}static _$Ep(t,e){const o=e.attribute;return!1===o?void 0:"string"==typeof o?o:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,o;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(o=t.hostConnected)||void 0===o||o.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{L?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const o=document.createElement("style"),i=G.litNonce;void 0!==i&&o.setAttribute("nonce",i),o.textContent=e.cssText,t.appendChild(o)}))})(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$EO(t,e,o=it){var i;const r=this.constructor._$Ep(t,o);if(void 0!==r&&!0===o.reflect){const n=(void 0!==(null===(i=o.converter)||void 0===i?void 0:i.toAttribute)?o.converter:et).toAttribute(e,o.type);this._$El=t,null==n?this.removeAttribute(r):this.setAttribute(r,n),this._$El=null}}_$AK(t,e){var o;const i=this.constructor,r=i._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=i.getPropertyOptions(r),n="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(o=t.converter)||void 0===o?void 0:o.fromAttribute)?t.converter:et;this._$El=r,this[r]=n.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,o){let i=!0;void 0!==t&&(((o=o||this.constructor.getPropertyOptions(t)).hasChanged||ot)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===o.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,o))):i=!1),!this.isUpdatePending&&i&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const o=this._$AL;try{e=this.shouldUpdate(o),e?(this.willUpdate(o),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(o)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(o)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}}
|
|
12
17
|
/**
|
|
13
18
|
* @license
|
|
14
19
|
* Copyright 2017 Google LLC
|
|
15
20
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
21
|
*/
|
|
17
|
-
var
|
|
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");class lt 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");
|
|
18
23
|
/**
|
|
19
24
|
* @license
|
|
20
|
-
* Copyright
|
|
25
|
+
* Copyright 2018 Google LLC
|
|
21
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
22
27
|
*/
|
|
23
|
-
|
|
28
|
+
const ct=t=>null!=t?t:x
|
|
24
29
|
/**
|
|
25
30
|
* @license
|
|
26
31
|
* Copyright 2017 Google LLC
|
|
27
32
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
28
|
-
|
|
29
|
-
const rt=1,nt=t=>(...e)=>({_$litDirective$:t,values:e});class st{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)}}
|
|
33
|
+
*/,dt=1,ht=t=>(...e)=>({_$litDirective$:t,values:e});class ut{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)}}
|
|
30
34
|
/**
|
|
31
35
|
* @license
|
|
32
36
|
* Copyright 2018 Google LLC
|
|
33
37
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
34
|
-
*/const lt=nt(class extends st{constructor(t){var e;if(super(t),t.type!==rt||"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 N}});var at,ct;class dt extends ot{constructor(){super(...arguments),at.set(this,void 0),ct.set(this,(()=>{if(this.hasAttribute("form")){const t=this.getRootNode(),o=this.getAttribute("form");e(this,at,t.getElementById(o),"f")}else e(this,at,this.closest("form"),"f")}))}static get properties(){return{assignedForm:{type:String,attribute:"form"}}}get form(){return t(this,at,"f")}updated(e){super.updated(e),(e.has("form")||null==t(this,at,"f"))&&t(this,ct,"f").call(this)}}at=new WeakMap,ct=new WeakMap;var ht,ut,bt={},gt={};gt.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(bt,"i",{value:!0});var pt=gt;function mt(t){return pt.LoadsmartTheme[t]}function ft(t){var e=mt(t);return null==e?e:"--m-".concat(t)}var $t=Object.keys(pt.LoadsmartTheme).filter((function(t){return!t.startsWith("brand-")&&!t.startsWith("platform-")}));function yt(t){return $t.filter((function(e){return e.startsWith(t)}))}var vt=yt("color-"),wt=yt("color-background-"),xt=yt("spacing-"),kt=yt("font-family-"),zt=yt("font-size-"),St=yt("font-weight-"),Ct=yt("line-height-"),Mt=yt("border-"),Wt=yt("border-radius-"),jt=yt("opacity-"),At=yt("elevation-"),Et=yt("glow-"),_t=yt("global-");function Bt(t){return l(ht(t))}function Ot(t,e=1){return l(ht(t,e))}bt.BACKGROUND_COLOR_TOKENS=wt,bt.BORDER_RADIUS_TOKENS=Wt,bt.BORDER_TOKENS=Mt,bt.BORDER_WIDTH_TOKENS=["border-none","border-thin","border-medium","border-thick"],bt.COLOR_TOKENS=vt,bt.ELEVATION_TOKENS=At,bt.FONT_FAMILY_TOKENS=kt,bt.FONT_SIZE_TOKENS=zt,bt.FONT_WEIGHT_TOKENS=St,bt.GLOBAL_TOKENS=_t,bt.GLOW_TOKENS=Et,bt.LINE_HEIGHT_TOKENS=Ct,bt.OPACITY_TOKENS=jt,bt.SPACING_TOKENS=xt,bt.TOKENS=$t,ut=bt.getToken=mt,ht=bt.toCSSValue=function(t,e){var o=mt(t);return null==o?"":t.startsWith("color-")?"rgba(var(".concat(ft(t),", ").concat(o,"), ").concat(null!=e?e:1,")"):"var(".concat(ft(t),", ").concat(o,")")},bt.toCSSVariable=ft;var Tt={toArray:function(t){return null==t?[]:Array.isArray(t)?t:[t]}},Ut=Tt.toArray;function qt(t){return l(`\n\t\tmargin-inline-start: ${t}\n\t`)}function Nt(t){return l(`\n\t\t${qt(t)};\n\t\t${function(t){return l(`\n\t\tmargin-inline-end: ${t}\n\t`)}(t)}\n\t`)}function Rt(t){return l(`\n\t\t${function(t){return l(`\n\t\tmargin-block-start: ${t}\n\t`)}(t)};\n\t\t${function(t){return l(`\n\t\tmargin-block-end: ${t}\n\t`)}(t)}\n\t`)}function Pt(t){return l(`\n\t\t${Nt(t)};\n\t\t${Rt(t)}\n\t`)}function Dt(t){return l(`\n\t\t${function(t){return l(`\n\t\tpadding-inline-end: ${t}\n\t`)}(t)};\n\t\t${function(t){return l(`\n\t\tpadding-inline-start: ${t}\n\t`)}(t)}\n\t`)}function Gt(t){return l(`\n\t\t${function(t){return l(`\n\t\tpadding-block-start: ${t}\n\t`)}(t)};\n\t\t${function(t){return l(`\n\t\tpadding-block-end: ${t}\n\t`)}(t)}\n\t`)}function Lt(t){return l(`\n\t\t${Dt(t)};\n\t\t${Gt(t)}\n\t`)}const It={property:"all",delay:"0s",duration:"0.35s",easing:"ease-in-out"};function Vt(t){const e=Ut(t).map((t=>function(t){const e={...It,...t};return l(`${e.property} ${e.duration} ${e.easing} ${e.delay}`)}(t))).join(", ");return l(`\n\t\ttransition: ${e}\n\t`)}function Jt(t){const e=l("\n\t\tfont-style: normal;\n\t\tfont-stretch: normal;\n\t\tletter-spacing: normal;\n\n\t\tfont-synthesis: none;\n\t\ttext-rendering: optimizeLegibility;\n\t\t-webkit-font-smoothing: antialiased;\n\t\t-moz-osx-font-smoothing: grayscale;\n\t\t-webkit-text-size-adjust: 100%;\n\t");return l(`${e}\n${function(t){switch(t){case"hero-lg-bold":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-6")};\n\t\t\t\tfont-size: ${Bt("font-size-9")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t`;case"hero-lg":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-6")};\n\t\t\t\tfont-size: ${Bt("font-size-9")};\n\t\t\t\tfont-weight: ${Bt("font-weight-regular")}\n\t\t\t`;case"hero-md-bold":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-6")};\n\t\t\t\tfont-size: ${Bt("font-size-8")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t`;case"hero-md":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-6")};\n\t\t\t\tfont-size: ${Bt("font-size-8")};\n\t\t\t\tfont-weight: ${Bt("font-weight-regular")}\n\t\t\t`;case"hero-sm-bold":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-6")};\n\t\t\t\tfont-size: ${Bt("font-size-7")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t`;case"hero-sm":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-6")};\n\t\t\t\tfont-size: ${Bt("font-size-7")};\n\t\t\t\tfont-weight: ${Bt("font-weight-regular")}\n\t\t\t`;case"heading-lg-bold":return`\n\t\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\t\tline-height: ${Bt("line-height-5")};\n\t\t\t\t\tfont-size: ${Bt("font-size-6")};\n\t\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t\t`;case"heading-lg":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-5")};\n\t\t\t\tfont-size: ${Bt("font-size-6")};\n\t\t\t\tfont-weight: ${Bt("font-weight-regular")}\n\t\t\t`;case"heading-md-bold":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-5")};\n\t\t\t\tfont-size: ${Bt("font-size-5")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t`;case"heading-md":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-5")};\n\t\t\t\tfont-size: ${Bt("font-size-5")};\n\t\t\t\tfont-weight: ${Bt("font-weight-regular")}\n\t\t\t`;case"heading-sm-bold":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-5")};\n\t\t\t\tfont-size: ${Bt("font-size-4")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t`;case"heading-sm":return`\n\t\t\t\tfont-family: ${Bt("font-family-title")};\n\t\t\t\tline-height: ${Bt("line-height-5")};\n\t\t\t\tfont-size: ${Bt("font-size-4")};\n\t\t\t\tfont-weight: ${Bt("font-weight-regular")}\n\t\t\t`;case"body-lg-bold":return`\n\t\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\t\tline-height: ${Bt("line-height-6")};\n\t\t\t\t\tfont-size: ${Bt("font-size-5")};\n\t\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t\t`;case"body-lg":return`\n\t\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\t\tline-height: ${Bt("line-height-6")};\n\t\t\t\t\tfont-size: ${Bt("font-size-5")};\n\t\t\t\t\tfont-weight: ${Bt("font-weight-regular")}\n\t\t\t\t`;case"body-md":case"number-md":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-5")};\n\t\t\t\tfont-size: ${Bt("font-size-3")};\n\t\t\t\tfont-weight: ${Bt("font-weight-regular")}\n\t\t\t`;case"body-md-underline":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-5")};\n\t\t\t\tfont-size: ${Bt("font-size-3")};\n\t\t\t\tfont-weight: ${Bt("font-weight-regular")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-md-bold":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-5")};\n\t\t\t\tfont-size: ${Bt("font-size-3")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t`;case"body-md-bold-underline":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-5")};\n\t\t\t\tfont-size: ${Bt("font-size-3")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-sm":case"number-sm":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-4")};\n\t\t\t\tfont-size: ${Bt("font-size-2")};\n\t\t\t\tfont-weight: ${Bt("font-weight-regular")}\n\t\t\t`;case"body-sm-underline":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-4")};\n\t\t\t\tfont-size: ${Bt("font-size-2")};\n\t\t\t\tfont-weight: ${Bt("font-weight-regular")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-sm-bold":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-4")};\n\t\t\t\tfont-size: ${Bt("font-size-2")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t`;case"body-sm-bold-underline":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-4")};\n\t\t\t\tfont-size: ${Bt("font-size-2")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"button-lg":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-1")};\n\t\t\t\tfont-size: ${Bt("font-size-4")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t`;case"button-md":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-1")};\n\t\t\t\tfont-size: ${Bt("font-size-3")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t`;case"button-sm":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-1")};\n\t\t\t\tfont-size: ${Bt("font-size-2")};\n\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t`;case"table-header-md":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-1")};\n\t\t\t\tfont-size: ${Bt("font-size-3")};\n\t\t\t\tfont-weight: ${Bt("font-weight-medium")};\n\t\t\t\ttext-transform: uppercase\n\t\t\t`;case"table-header-sm":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-1")};\n\t\t\t\tfont-size: ${Bt("font-size-2")};\n\t\t\t\tfont-weight: ${Bt("font-weight-medium")}\n\t\t\t`;case"chips-md":return`\n\t\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\t\tline-height: ${Bt("line-height-1")};\n\t\t\t\t\tfont-size: ${Bt("font-size-2")};\n\t\t\t\t\tfont-weight: ${Bt("font-weight-bold")}\n\t\t\t\t`;case"chips-sm":return`\n\t\t\t\tfont-family: ${Bt("font-family-default")};\n\t\t\t\tline-height: ${Bt("line-height-1")};\n\t\t\t\tfont-size: ${Bt("font-size-1")};\n\t\t\t\tfont-weight: ${Bt("font-weight-medium")};\n\t\t\t\ttext-transform: uppercase\n\t\t\t`;default:return""}}(t)}`)}function Zt(t,e=""){return l(Ut(t).map((t=>[`${t}.is-disabled`,`${t}:disabled`].map((t=>[t,e].join(" "))).join(", "))).join(", "))}const Ht={active:function(t){return l(Ut(t).map((t=>`${t}:not(.is-disabled, :disabled):active`)).join(", "))},focus:function(t){return l(Ut(t).map((t=>`${t}:not(.is-disabled, :disabled):focus,\n\t\t\t\t${t}:not(.is-disabled, :disabled):focus-within,\n\t\t\t\t${t}:not(.is-disabled, :disabled).is-focused`)).join(", "))},hover:function(t){return l(Ut(t).map((t=>`${t}:not(.is-disabled, :disabled):hover`)).join(", "))}};function Ft(){return a`
|
|
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=Ct("font-family-"),_t=Ct("font-size-"),Bt=Ct("font-weight-"),Et=Ct("line-height-"),Ot=Ct("border-"),Tt=Ct("border-radius-"),Ut=Ct("opacity-"),qt=Ct("elevation-"),Nt=Ct("glow-"),Rt=Ct("global-");function Pt(t){return Z($t(t))}function Dt(t,e=1){return Z($t(t,e))}vt.BACKGROUND_COLOR_TOKENS=Wt,vt.BORDER_RADIUS_TOKENS=Tt,vt.BORDER_TOKENS=Ot,vt.BORDER_WIDTH_TOKENS=["border-none","border-thin","border-medium","border-thick"],vt.COLOR_TOKENS=Mt,vt.ELEVATION_TOKENS=qt,vt.FONT_FAMILY_TOKENS=At,vt.FONT_SIZE_TOKENS=_t,vt.FONT_WEIGHT_TOKENS=Bt,vt.GLOBAL_TOKENS=Rt,vt.GLOW_TOKENS=Nt,vt.LINE_HEIGHT_TOKENS=Et,vt.OPACITY_TOKENS=Ut,vt.SPACING_TOKENS=jt,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 Gt={toArray:function(t){return null==t?[]:Array.isArray(t)?t:[t]}},Lt=Gt.toArray;function It(t){return Z(`\n\t\tmargin-inline-start: ${t}\n\t`)}function Vt(t){return Z(`\n\t\t${It(t)};\n\t\t${function(t){return Z(`\n\t\tmargin-inline-end: ${t}\n\t`)}(t)}\n\t`)}function Jt(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 Zt(t){return Z(`\n\t\t${Vt(t)};\n\t\t${Jt(t)}\n\t`)}function Ht(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 Ft(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 Kt(t){return Z(`\n\t\t${Ht(t)};\n\t\t${Ft(t)}\n\t`)}const Qt={property:"all",delay:"0s",duration:"0.35s",easing:"ease-in-out"};function Xt(t){const e=Lt(t).map((t=>function(t){const e={...Qt,...t};return Z(`${e.property} ${e.duration} ${e.easing} ${e.delay}`)}(t))).join(", ");return Z(`\n\t\ttransition: ${e}\n\t`)}function Yt(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: ${Pt("font-family-title")};\n\t\t\t\tline-height: ${Pt("line-height-6")};\n\t\t\t\tfont-size: ${Pt("font-size-9")};\n\t\t\t\tfont-weight: ${Pt("font-weight-bold")}\n\t\t\t`;case"hero-lg":return`\n\t\t\t\tfont-family: ${Pt("font-family-title")};\n\t\t\t\tline-height: ${Pt("line-height-6")};\n\t\t\t\tfont-size: ${Pt("font-size-9")};\n\t\t\t\tfont-weight: ${Pt("font-weight-regular")}\n\t\t\t`;case"hero-md-bold":return`\n\t\t\t\tfont-family: ${Pt("font-family-title")};\n\t\t\t\tline-height: ${Pt("line-height-6")};\n\t\t\t\tfont-size: ${Pt("font-size-8")};\n\t\t\t\tfont-weight: ${Pt("font-weight-bold")}\n\t\t\t`;case"hero-md":return`\n\t\t\t\tfont-family: ${Pt("font-family-title")};\n\t\t\t\tline-height: ${Pt("line-height-6")};\n\t\t\t\tfont-size: ${Pt("font-size-8")};\n\t\t\t\tfont-weight: ${Pt("font-weight-regular")}\n\t\t\t`;case"hero-sm-bold":return`\n\t\t\t\tfont-family: ${Pt("font-family-title")};\n\t\t\t\tline-height: ${Pt("line-height-6")};\n\t\t\t\tfont-size: ${Pt("font-size-7")};\n\t\t\t\tfont-weight: ${Pt("font-weight-bold")}\n\t\t\t`;case"hero-sm":return`\n\t\t\t\tfont-family: ${Pt("font-family-title")};\n\t\t\t\tline-height: ${Pt("line-height-6")};\n\t\t\t\tfont-size: ${Pt("font-size-7")};\n\t\t\t\tfont-weight: ${Pt("font-weight-regular")}\n\t\t\t`;case"heading-lg-bold":return`\n\t\t\t\t\tfont-family: ${Pt("font-family-title")};\n\t\t\t\t\tline-height: ${Pt("line-height-5")};\n\t\t\t\t\tfont-size: ${Pt("font-size-6")};\n\t\t\t\t\tfont-weight: ${Pt("font-weight-bold")}\n\t\t\t\t`;case"heading-lg":return`\n\t\t\t\tfont-family: ${Pt("font-family-title")};\n\t\t\t\tline-height: ${Pt("line-height-5")};\n\t\t\t\tfont-size: ${Pt("font-size-6")};\n\t\t\t\tfont-weight: ${Pt("font-weight-regular")}\n\t\t\t`;case"heading-md-bold":return`\n\t\t\t\tfont-family: ${Pt("font-family-title")};\n\t\t\t\tline-height: ${Pt("line-height-5")};\n\t\t\t\tfont-size: ${Pt("font-size-5")};\n\t\t\t\tfont-weight: ${Pt("font-weight-bold")}\n\t\t\t`;case"heading-md":return`\n\t\t\t\tfont-family: ${Pt("font-family-title")};\n\t\t\t\tline-height: ${Pt("line-height-5")};\n\t\t\t\tfont-size: ${Pt("font-size-5")};\n\t\t\t\tfont-weight: ${Pt("font-weight-regular")}\n\t\t\t`;case"heading-sm-bold":return`\n\t\t\t\tfont-family: ${Pt("font-family-title")};\n\t\t\t\tline-height: ${Pt("line-height-5")};\n\t\t\t\tfont-size: ${Pt("font-size-4")};\n\t\t\t\tfont-weight: ${Pt("font-weight-bold")}\n\t\t\t`;case"heading-sm":return`\n\t\t\t\tfont-family: ${Pt("font-family-title")};\n\t\t\t\tline-height: ${Pt("line-height-5")};\n\t\t\t\tfont-size: ${Pt("font-size-4")};\n\t\t\t\tfont-weight: ${Pt("font-weight-regular")}\n\t\t\t`;case"body-lg-bold":return`\n\t\t\t\t\tfont-family: ${Pt("font-family-default")};\n\t\t\t\t\tline-height: ${Pt("line-height-6")};\n\t\t\t\t\tfont-size: ${Pt("font-size-5")};\n\t\t\t\t\tfont-weight: ${Pt("font-weight-bold")}\n\t\t\t\t`;case"body-lg":return`\n\t\t\t\t\tfont-family: ${Pt("font-family-default")};\n\t\t\t\t\tline-height: ${Pt("line-height-6")};\n\t\t\t\t\tfont-size: ${Pt("font-size-5")};\n\t\t\t\t\tfont-weight: ${Pt("font-weight-regular")}\n\t\t\t\t`;case"body-md":case"number-md":return`\n\t\t\t\tfont-family: ${Pt("font-family-default")};\n\t\t\t\tline-height: ${Pt("line-height-5")};\n\t\t\t\tfont-size: ${Pt("font-size-3")};\n\t\t\t\tfont-weight: ${Pt("font-weight-regular")}\n\t\t\t`;case"body-md-underline":return`\n\t\t\t\tfont-family: ${Pt("font-family-default")};\n\t\t\t\tline-height: ${Pt("line-height-5")};\n\t\t\t\tfont-size: ${Pt("font-size-3")};\n\t\t\t\tfont-weight: ${Pt("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: ${Pt("font-family-default")};\n\t\t\t\tline-height: ${Pt("line-height-5")};\n\t\t\t\tfont-size: ${Pt("font-size-3")};\n\t\t\t\tfont-weight: ${Pt("font-weight-bold")}\n\t\t\t`;case"body-md-bold-underline":return`\n\t\t\t\tfont-family: ${Pt("font-family-default")};\n\t\t\t\tline-height: ${Pt("line-height-5")};\n\t\t\t\tfont-size: ${Pt("font-size-3")};\n\t\t\t\tfont-weight: ${Pt("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: ${Pt("font-family-default")};\n\t\t\t\tline-height: ${Pt("line-height-4")};\n\t\t\t\tfont-size: ${Pt("font-size-2")};\n\t\t\t\tfont-weight: ${Pt("font-weight-regular")}\n\t\t\t`;case"body-sm-underline":return`\n\t\t\t\tfont-family: ${Pt("font-family-default")};\n\t\t\t\tline-height: ${Pt("line-height-4")};\n\t\t\t\tfont-size: ${Pt("font-size-2")};\n\t\t\t\tfont-weight: ${Pt("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: ${Pt("font-family-default")};\n\t\t\t\tline-height: ${Pt("line-height-4")};\n\t\t\t\tfont-size: ${Pt("font-size-2")};\n\t\t\t\tfont-weight: ${Pt("font-weight-bold")}\n\t\t\t`;case"body-sm-bold-underline":return`\n\t\t\t\tfont-family: ${Pt("font-family-default")};\n\t\t\t\tline-height: ${Pt("line-height-4")};\n\t\t\t\tfont-size: ${Pt("font-size-2")};\n\t\t\t\tfont-weight: ${Pt("font-weight-bold")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"button-lg":return`\n\t\t\t\tfont-family: ${Pt("font-family-default")};\n\t\t\t\tline-height: ${Pt("line-height-1")};\n\t\t\t\tfont-size: ${Pt("font-size-4")};\n\t\t\t\tfont-weight: ${Pt("font-weight-bold")}\n\t\t\t`;case"button-md":return`\n\t\t\t\tfont-family: ${Pt("font-family-default")};\n\t\t\t\tline-height: ${Pt("line-height-1")};\n\t\t\t\tfont-size: ${Pt("font-size-3")};\n\t\t\t\tfont-weight: ${Pt("font-weight-bold")}\n\t\t\t`;case"button-sm":return`\n\t\t\t\tfont-family: ${Pt("font-family-default")};\n\t\t\t\tline-height: ${Pt("line-height-1")};\n\t\t\t\tfont-size: ${Pt("font-size-2")};\n\t\t\t\tfont-weight: ${Pt("font-weight-bold")}\n\t\t\t`;case"table-header-md":return`\n\t\t\t\tfont-family: ${Pt("font-family-default")};\n\t\t\t\tline-height: ${Pt("line-height-1")};\n\t\t\t\tfont-size: ${Pt("font-size-3")};\n\t\t\t\tfont-weight: ${Pt("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: ${Pt("font-family-default")};\n\t\t\t\tline-height: ${Pt("line-height-1")};\n\t\t\t\tfont-size: ${Pt("font-size-2")};\n\t\t\t\tfont-weight: ${Pt("font-weight-medium")}\n\t\t\t`;case"chips-md":return`\n\t\t\t\t\tfont-family: ${Pt("font-family-default")};\n\t\t\t\t\tline-height: ${Pt("line-height-1")};\n\t\t\t\t\tfont-size: ${Pt("font-size-2")};\n\t\t\t\t\tfont-weight: ${Pt("font-weight-bold")}\n\t\t\t\t`;case"chips-sm":return`\n\t\t\t\tfont-family: ${Pt("font-family-default")};\n\t\t\t\tline-height: ${Pt("line-height-1")};\n\t\t\t\tfont-size: ${Pt("font-size-1")};\n\t\t\t\tfont-weight: ${Pt("font-weight-medium")};\n\t\t\t\ttext-transform: uppercase\n\t\t\t`;default:return""}}(t)}`)}function te(t,e=""){return Z(Lt(t).map((t=>[`${t}.is-disabled`,`${t}:disabled`].map((t=>[t,e].join(" "))).join(", "))).join(", "))}const ee={active:function(t){return Z(Lt(t).map((t=>`${t}:not(.is-disabled, :disabled):active`)).join(", "))},focus:function(t){return Z(Lt(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(Lt(t).map((t=>`${t}:not(.is-disabled, :disabled):hover`)).join(", "))}};function oe(){return H`
|
|
35
39
|
:host {
|
|
36
40
|
--m-button-background-color: transparent;
|
|
37
|
-
--m-button-base-size: ${
|
|
38
|
-
--m-button-border-color: ${
|
|
39
|
-
--m-button-border-radius: ${
|
|
40
|
-
--m-button-color: ${
|
|
41
|
-
--m-button-outline-color: ${
|
|
41
|
+
--m-button-base-size: ${Pt("global-height-default")};
|
|
42
|
+
--m-button-border-color: ${Dt("color-neutral-90")};
|
|
43
|
+
--m-button-border-radius: ${Pt("border-radius-s")};
|
|
44
|
+
--m-button-color: ${Dt("color-text-secondary")};
|
|
45
|
+
--m-button-outline-color: ${Dt("color-primary-100")};
|
|
42
46
|
--m-button-outline-offset: 2px;
|
|
43
|
-
--m-button-padding-x: ${
|
|
44
|
-
--m-button-padding-y: ${
|
|
47
|
+
--m-button-padding-x: ${Pt("spacing-4")};
|
|
48
|
+
--m-button-padding-y: ${Pt("spacing-3")};
|
|
45
49
|
/**
|
|
46
50
|
* Useful when overriding via host :slotted query.
|
|
47
51
|
*/
|
|
48
|
-
--m-button-font-size: ${
|
|
52
|
+
--m-button-font-size: ${Pt("font-size-3")};
|
|
49
53
|
}
|
|
50
54
|
|
|
51
55
|
.button {
|
|
52
|
-
${
|
|
56
|
+
${Xt([{property:"color"},{property:"background-color"},{property:"border-color"}])};
|
|
53
57
|
|
|
54
|
-
${
|
|
58
|
+
${Yt("button-md")};
|
|
55
59
|
font-size: var(--m-button-font-size);
|
|
56
60
|
|
|
57
61
|
cursor: pointer;
|
|
@@ -67,7 +71,7 @@ const rt=1,nt=t=>(...e)=>({_$litDirective$:t,values:e});class st{constructor(t){
|
|
|
67
71
|
|
|
68
72
|
text-decoration: none;
|
|
69
73
|
|
|
70
|
-
gap: ${
|
|
74
|
+
gap: ${Pt("spacing-1")};
|
|
71
75
|
|
|
72
76
|
padding-inline: var(--m-button-padding-x);
|
|
73
77
|
padding-block: var(--m-button-padding-y);
|
|
@@ -79,211 +83,218 @@ const rt=1,nt=t=>(...e)=>({_$litDirective$:t,values:e});class st{constructor(t){
|
|
|
79
83
|
border-radius: var(--m-button-border-radius);
|
|
80
84
|
}
|
|
81
85
|
|
|
82
|
-
${
|
|
86
|
+
${te(".button")} {
|
|
83
87
|
cursor: default;
|
|
84
88
|
}
|
|
85
89
|
|
|
86
|
-
${
|
|
90
|
+
${te(".button","*")} {
|
|
87
91
|
pointer-events: none;
|
|
88
92
|
}
|
|
89
93
|
|
|
90
|
-
${
|
|
94
|
+
${ee.focus(".button")} {
|
|
91
95
|
outline: 1px solid var(--m-button-outline-color);
|
|
92
96
|
outline-offset: var(--m-button-outline-offset);
|
|
93
97
|
}
|
|
94
98
|
|
|
95
|
-
${
|
|
96
|
-
--m-button-background-color: ${
|
|
97
|
-
--m-button-border-color: ${
|
|
98
|
-
--m-button-color: ${
|
|
99
|
+
${ee.hover(".button")} {
|
|
100
|
+
--m-button-background-color: ${Dt("color-background-inverted")};
|
|
101
|
+
--m-button-border-color: ${Dt("color-background-inverted")};
|
|
102
|
+
--m-button-color: ${Dt("color-text-inverted")};
|
|
99
103
|
}
|
|
100
104
|
|
|
101
105
|
::slotted(*) {
|
|
102
106
|
display: inline-flex;
|
|
103
107
|
align-items: center;
|
|
104
108
|
|
|
105
|
-
${
|
|
106
|
-
${
|
|
109
|
+
${Kt(0)};
|
|
110
|
+
${Zt(0)};
|
|
107
111
|
}
|
|
108
112
|
|
|
109
113
|
slot[name='leading']::slotted(span),
|
|
110
114
|
slot[name='trailing']::slotted(span) {
|
|
111
115
|
justify-content: center;
|
|
112
116
|
}
|
|
113
|
-
`}var
|
|
114
|
-
|
|
115
|
-
class=${
|
|
116
|
-
type=${this.type}
|
|
117
|
-
?disabled="${t(this,
|
|
117
|
+
`}var ie,re,ne,se,le,ae;class ce 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(),ie.add(this),re.set(this,(()=>Boolean(this.disabled)||Boolean(this.loading))),ne.set(this,(()=>{const e=t(this,re,"f").call(this);this.setAttribute("aria-disabled",String(e))})),se.set(this,(()=>{var e;return t(this,ie,"m",ae).call(this)?this.disabled?"-1":null!=this.tabindex?this.tabindex:"0":null!==(e=this.tabindex)&&void 0!==e?e:void 0})),le.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,le,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",t(this,le,"f"))}update(e){super.update(e),e.has("href")&&(this.as=t(this,ie,"m",ae).call(this)?"a":"button",this.role=t(this,ie,"m",ae).call(this)?"link":"button")}updated(e){super.updated(e),(e.has("disabled")||e.has("loading"))&&t(this,ne,"f").call(this)}render(){const e=t(this,ie,"m",ae).call(this);return D`
|
|
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,re,"f").call(this)})}
|
|
120
|
+
type=${ct(e?void 0:this.type)}
|
|
121
|
+
?disabled="${t(this,re,"f").call(this)}"
|
|
122
|
+
aria-disabled=${this.disabled?"true":"false"}
|
|
123
|
+
role=${ct(e?"link":"button")}
|
|
124
|
+
tabindex=${ct(t(this,se,"f").call(this))}
|
|
125
|
+
href=${ct(e?this.href:void 0)}
|
|
126
|
+
target=${ct(e?this.target:void 0)}
|
|
127
|
+
download=${ct(e?this.download:void 0)}
|
|
128
|
+
rel=${ct(e&&this.target?"noreferrer noopener":void 0)}
|
|
118
129
|
>
|
|
119
130
|
<!-- TODO: Replace this with the loading dots component as soon as it is ready. -->
|
|
120
|
-
${this.loading&&!["icon","icon-secondary"].includes(this.variant)?
|
|
131
|
+
${this.loading&&!["icon","icon-secondary"].includes(this.variant)?D`<span class="loader">●●●</span>`:x}
|
|
121
132
|
<slot name="leading"></slot>
|
|
122
133
|
<slot></slot>
|
|
123
134
|
<slot name="trailing"></slot>
|
|
124
|
-
|
|
125
|
-
`}}
|
|
135
|
+
</${this.tag}>
|
|
136
|
+
`}}re=new WeakMap,ne=new WeakMap,se=new WeakMap,le=new WeakMap,ie=new WeakSet,ae=function(){return Boolean(this.href)},ce.styles=[[oe(),H`
|
|
126
137
|
.button.is-loading:not(.-icon, .-icon-secondary) *:not(.loader) {
|
|
127
138
|
visibility: hidden;
|
|
128
139
|
}
|
|
129
140
|
|
|
130
141
|
.button.-primary {
|
|
131
|
-
--m-button-background-color: ${
|
|
132
|
-
--m-button-border-color: ${
|
|
133
|
-
--m-button-color: ${
|
|
142
|
+
--m-button-background-color: ${Dt("color-primary-60")};
|
|
143
|
+
--m-button-border-color: ${Dt("color-primary-60")};
|
|
144
|
+
--m-button-color: ${Dt("color-text-inverted")};
|
|
134
145
|
}
|
|
135
146
|
|
|
136
|
-
${
|
|
137
|
-
--m-button-background-color: ${
|
|
138
|
-
--m-button-border-color: ${
|
|
147
|
+
${te(".button.-primary")} {
|
|
148
|
+
--m-button-background-color: ${Dt("color-primary-20")};
|
|
149
|
+
--m-button-border-color: ${Dt("color-primary-20")};
|
|
139
150
|
}
|
|
140
151
|
|
|
141
|
-
${
|
|
142
|
-
--m-button-border-color: ${
|
|
143
|
-
--m-button-outline-color: ${
|
|
152
|
+
${ee.focus(".button.-primary")} {
|
|
153
|
+
--m-button-border-color: ${Dt("color-primary-60")};
|
|
154
|
+
--m-button-outline-color: ${Dt("color-primary-60")};
|
|
144
155
|
}
|
|
145
156
|
|
|
146
|
-
${
|
|
147
|
-
${
|
|
148
|
-
--m-button-background-color: ${
|
|
149
|
-
--m-button-border-color: ${
|
|
157
|
+
${ee.hover(".button.-primary")},
|
|
158
|
+
${ee.active(".button.-primary")} {
|
|
159
|
+
--m-button-background-color: ${Dt("color-primary-100")};
|
|
160
|
+
--m-button-border-color: ${Dt("color-primary-100")};
|
|
150
161
|
}
|
|
151
162
|
|
|
152
163
|
.button.-primary.is-loading {
|
|
153
|
-
--m-button-background-color: ${
|
|
154
|
-
--m-button-border-color: ${
|
|
155
|
-
--m-button-color: ${
|
|
164
|
+
--m-button-background-color: ${Dt("color-primary-60")};
|
|
165
|
+
--m-button-border-color: ${Dt("color-primary-60")};
|
|
166
|
+
--m-button-color: ${Dt("color-text-inverted")};
|
|
156
167
|
}
|
|
157
168
|
|
|
158
169
|
.button.-secondary {
|
|
159
170
|
--m-button-background-color: transparent;
|
|
160
|
-
--m-button-border-color: ${
|
|
161
|
-
--m-button-color: ${
|
|
171
|
+
--m-button-border-color: ${Dt("color-primary-100")};
|
|
172
|
+
--m-button-color: ${Dt("color-primary-100")};
|
|
162
173
|
}
|
|
163
174
|
|
|
164
|
-
${
|
|
165
|
-
--m-button-border-color: ${
|
|
166
|
-
--m-button-color: ${
|
|
175
|
+
${te(".button.-secondary")} {
|
|
176
|
+
--m-button-border-color: ${Dt("color-text-disabled")};
|
|
177
|
+
--m-button-color: ${Dt("color-text-disabled")};
|
|
167
178
|
}
|
|
168
179
|
|
|
169
|
-
${
|
|
170
|
-
--m-button-border-color: ${
|
|
171
|
-
--m-button-color: ${
|
|
180
|
+
${ee.focus(".button.-secondary")} {
|
|
181
|
+
--m-button-border-color: ${Dt("color-primary-100")};
|
|
182
|
+
--m-button-color: ${Dt("color-primary-100")};
|
|
172
183
|
|
|
173
|
-
--m-button-outline-color: ${
|
|
184
|
+
--m-button-outline-color: ${Dt("color-primary-60")};
|
|
174
185
|
}
|
|
175
186
|
|
|
176
|
-
${
|
|
177
|
-
${
|
|
178
|
-
--m-button-background-color: ${
|
|
179
|
-
--m-button-border-color: ${
|
|
180
|
-
--m-button-color: ${
|
|
187
|
+
${ee.hover(".button.-secondary")},
|
|
188
|
+
${ee.active(".button.-secondary")} {
|
|
189
|
+
--m-button-background-color: ${Dt("color-background-tertiary")};
|
|
190
|
+
--m-button-border-color: ${Dt("color-primary-60")};
|
|
191
|
+
--m-button-color: ${Dt("color-primary-60")};
|
|
181
192
|
}
|
|
182
193
|
|
|
183
194
|
.button.-secondary.is-loading {
|
|
184
195
|
--m-button-background-color: transparent;
|
|
185
196
|
|
|
186
|
-
--m-button-border-color: ${
|
|
187
|
-
--m-button-color: ${
|
|
197
|
+
--m-button-border-color: ${Dt("color-primary-100")};
|
|
198
|
+
--m-button-color: ${Dt("color-primary-100")};
|
|
188
199
|
}
|
|
189
200
|
|
|
190
201
|
.button.-tertiary {
|
|
191
202
|
--m-button-background-color: transparent;
|
|
192
203
|
--m-button-border-color: transparent;
|
|
193
|
-
--m-button-color: ${
|
|
204
|
+
--m-button-color: ${Dt("color-primary-100")};
|
|
194
205
|
}
|
|
195
206
|
|
|
196
|
-
${
|
|
197
|
-
--m-button-color: ${
|
|
207
|
+
${te(".button.-tertiary")} {
|
|
208
|
+
--m-button-color: ${Dt("color-text-disabled")};
|
|
198
209
|
}
|
|
199
210
|
|
|
200
|
-
${
|
|
201
|
-
--m-button-color: ${
|
|
202
|
-
--m-button-outline-color: ${
|
|
211
|
+
${ee.focus(".button.-tertiary")} {
|
|
212
|
+
--m-button-color: ${Dt("color-primary-100")};
|
|
213
|
+
--m-button-outline-color: ${Dt("color-primary-60")};
|
|
203
214
|
}
|
|
204
215
|
|
|
205
|
-
${
|
|
206
|
-
--m-button-background-color: ${
|
|
207
|
-
--m-button-border-color: ${
|
|
208
|
-
--m-button-color: ${
|
|
216
|
+
${ee.hover(".button.-tertiary")} {
|
|
217
|
+
--m-button-background-color: ${Dt("color-background-tertiary")};
|
|
218
|
+
--m-button-border-color: ${Dt("color-background-tertiary")};
|
|
219
|
+
--m-button-color: ${Dt("color-primary-60")};
|
|
209
220
|
}
|
|
210
221
|
|
|
211
|
-
${
|
|
212
|
-
--m-button-background-color: ${
|
|
213
|
-
--m-button-border-color: ${
|
|
214
|
-
--m-button-color: ${
|
|
222
|
+
${ee.active(".button.-tertiary")} {
|
|
223
|
+
--m-button-background-color: ${Dt("color-neutral-20")};
|
|
224
|
+
--m-button-border-color: ${Dt("color-neutral-20")};
|
|
225
|
+
--m-button-color: ${Dt("color-primary-60")};
|
|
215
226
|
}
|
|
216
227
|
|
|
217
228
|
.button.-tertiary.is-loading {
|
|
218
229
|
--m-button-background-color: transparent;
|
|
219
230
|
--m-button-border-color: transparent;
|
|
220
|
-
--m-button-color: ${
|
|
231
|
+
--m-button-color: ${Dt("color-primary-100")};
|
|
221
232
|
}
|
|
222
233
|
|
|
223
234
|
.button.-warning {
|
|
224
|
-
--m-button-background-color: ${
|
|
225
|
-
--m-button-border-color: ${
|
|
226
|
-
--m-button-color: ${
|
|
235
|
+
--m-button-background-color: ${Dt("color-warning-60")};
|
|
236
|
+
--m-button-border-color: ${Dt("color-warning-60")};
|
|
237
|
+
--m-button-color: ${Dt("color-text-primary")};
|
|
227
238
|
}
|
|
228
239
|
|
|
229
|
-
${
|
|
230
|
-
--m-button-background-color: ${
|
|
231
|
-
--m-button-border-color: ${
|
|
232
|
-
--m-button-color: ${
|
|
240
|
+
${te(".button.-warning")} {
|
|
241
|
+
--m-button-background-color: ${Dt("color-warning-20")};
|
|
242
|
+
--m-button-border-color: ${Dt("color-warning-20")};
|
|
243
|
+
--m-button-color: ${Dt("color-text-inverted")};
|
|
233
244
|
}
|
|
234
245
|
|
|
235
|
-
${
|
|
236
|
-
--m-button-background-color: ${
|
|
237
|
-
--m-button-outline-color: ${
|
|
246
|
+
${ee.focus(".button.-warning")} {
|
|
247
|
+
--m-button-background-color: ${Dt("color-warning-60")};
|
|
248
|
+
--m-button-outline-color: ${Dt("color-warning-60")};
|
|
238
249
|
}
|
|
239
250
|
|
|
240
|
-
${
|
|
241
|
-
${
|
|
242
|
-
--m-button-background-color: ${
|
|
243
|
-
--m-button-border-color: ${
|
|
244
|
-
--m-button-color: ${
|
|
251
|
+
${ee.hover(".button.-warning")},
|
|
252
|
+
${ee.active(".button.-warning")} {
|
|
253
|
+
--m-button-background-color: ${Dt("color-warning-100")};
|
|
254
|
+
--m-button-border-color: ${Dt("color-warning-100")};
|
|
255
|
+
--m-button-color: ${Dt("color-text-inverted")};
|
|
245
256
|
}
|
|
246
257
|
|
|
247
258
|
.button.-warning.is-loading {
|
|
248
|
-
--m-button-background-color: ${
|
|
249
|
-
--m-button-border-color: ${
|
|
250
|
-
--m-button-color: ${
|
|
259
|
+
--m-button-background-color: ${Dt("color-warning-60")};
|
|
260
|
+
--m-button-border-color: ${Dt("color-warning-60")};
|
|
261
|
+
--m-button-color: ${Dt("color-text-primary")};
|
|
251
262
|
}
|
|
252
263
|
|
|
253
264
|
.button.-danger {
|
|
254
|
-
--m-button-background-color: ${
|
|
255
|
-
--m-button-border-color: ${
|
|
256
|
-
--m-button-color: ${
|
|
265
|
+
--m-button-background-color: ${Dt("color-danger-60")};
|
|
266
|
+
--m-button-border-color: ${Dt("color-danger-60")};
|
|
267
|
+
--m-button-color: ${Dt("color-text-inverted")};
|
|
257
268
|
}
|
|
258
269
|
|
|
259
|
-
${
|
|
260
|
-
--m-button-background-color: ${
|
|
261
|
-
--m-button-border-color: ${
|
|
270
|
+
${te(".button.-danger")} {
|
|
271
|
+
--m-button-background-color: ${Dt("color-danger-20")};
|
|
272
|
+
--m-button-border-color: ${Dt("color-danger-20")};
|
|
262
273
|
}
|
|
263
274
|
|
|
264
|
-
${
|
|
265
|
-
--m-button-background-color: ${
|
|
266
|
-
--m-button-outline-color: ${
|
|
275
|
+
${ee.focus(".button.-danger")} {
|
|
276
|
+
--m-button-background-color: ${Dt("color-danger-60")};
|
|
277
|
+
--m-button-outline-color: ${Dt("color-danger-60")};
|
|
267
278
|
}
|
|
268
279
|
|
|
269
|
-
${
|
|
270
|
-
${
|
|
271
|
-
--m-button-background-color: ${
|
|
272
|
-
--m-button-border-color: ${
|
|
280
|
+
${ee.hover(".button.-danger")},
|
|
281
|
+
${ee.active(".button.-danger")} {
|
|
282
|
+
--m-button-background-color: ${Dt("color-danger-100")};
|
|
283
|
+
--m-button-border-color: ${Dt("color-danger-100")};
|
|
273
284
|
}
|
|
274
285
|
|
|
275
286
|
.button.-danger.is-loading {
|
|
276
|
-
--m-button-background-color: ${
|
|
277
|
-
--m-button-border-color: ${
|
|
278
|
-
--m-button-color: ${
|
|
287
|
+
--m-button-background-color: ${Dt("color-danger-60")};
|
|
288
|
+
--m-button-border-color: ${Dt("color-danger-60")};
|
|
289
|
+
--m-button-color: ${Dt("color-text-inverted")};
|
|
279
290
|
}
|
|
280
291
|
|
|
281
292
|
.button.-icon,
|
|
282
293
|
.button.-icon-secondary {
|
|
283
|
-
--m-button-border-radius: ${
|
|
284
|
-
--m-button-color: ${
|
|
285
|
-
--m-button-padding-x: ${
|
|
286
|
-
--m-button-padding-y: ${
|
|
294
|
+
--m-button-border-radius: ${Pt("border-radius-circle")};
|
|
295
|
+
--m-button-color: ${Dt("color-neutral-90")};
|
|
296
|
+
--m-button-padding-x: ${Pt("spacing-1")};
|
|
297
|
+
--m-button-padding-y: ${Pt("spacing-1")};
|
|
287
298
|
|
|
288
299
|
min-block-size: var(--m-button-base-size);
|
|
289
300
|
max-block-size: var(--m-button-base-size);
|
|
@@ -292,8 +303,8 @@ const rt=1,nt=t=>(...e)=>({_$litDirective$:t,values:e});class st{constructor(t){
|
|
|
292
303
|
}
|
|
293
304
|
|
|
294
305
|
.button.-icon {
|
|
295
|
-
--m-button-background-color: ${
|
|
296
|
-
--m-button-border-color: ${
|
|
306
|
+
--m-button-background-color: ${Dt("color-background-tertiary")};
|
|
307
|
+
--m-button-border-color: ${Dt("color-background-tertiary")};
|
|
297
308
|
}
|
|
298
309
|
|
|
299
310
|
.button.-icon-secondary {
|
|
@@ -308,62 +319,62 @@ const rt=1,nt=t=>(...e)=>({_$litDirective$:t,values:e});class st{constructor(t){
|
|
|
308
319
|
display: none;
|
|
309
320
|
}
|
|
310
321
|
|
|
311
|
-
${
|
|
312
|
-
--m-button-color: ${
|
|
322
|
+
${te([".button.-icon",".button.-icon-secondary"])} {
|
|
323
|
+
--m-button-color: ${Dt("color-neutral-40")};
|
|
313
324
|
}
|
|
314
325
|
|
|
315
|
-
${
|
|
316
|
-
--m-button-background-color: ${
|
|
317
|
-
--m-button-border-color: ${
|
|
326
|
+
${te(".button.-icon")} {
|
|
327
|
+
--m-button-background-color: ${Dt("color-neutral-20")};
|
|
328
|
+
--m-button-border-color: ${Dt("color-neutral-20")};
|
|
318
329
|
}
|
|
319
330
|
|
|
320
|
-
${
|
|
331
|
+
${te(".button.-icon-secondary")} {
|
|
321
332
|
--m-button-background-color: transparent;
|
|
322
333
|
--m-button-border-color: transparent;
|
|
323
334
|
}
|
|
324
335
|
|
|
325
|
-
${
|
|
326
|
-
--m-button-color: ${
|
|
327
|
-
--m-button-outline-color: ${
|
|
336
|
+
${ee.focus([".button.-icon",".button.-icon-secondary"])} {
|
|
337
|
+
--m-button-color: ${Dt("color-primary-60")};
|
|
338
|
+
--m-button-outline-color: ${Dt("color-primary-60")};
|
|
328
339
|
}
|
|
329
340
|
|
|
330
|
-
${
|
|
331
|
-
--m-button-background-color: ${
|
|
341
|
+
${ee.focus(".button.-icon")} {
|
|
342
|
+
--m-button-background-color: ${Dt("color-neutral-20")};
|
|
332
343
|
}
|
|
333
344
|
|
|
334
|
-
${
|
|
345
|
+
${ee.focus(".button.-icon-secondary")} {
|
|
335
346
|
--m-button-background-color: transparent;
|
|
336
347
|
}
|
|
337
348
|
|
|
338
|
-
${
|
|
339
|
-
${
|
|
340
|
-
--m-button-color: ${
|
|
349
|
+
${ee.hover([".button.-icon",".button.-icon-secondary"])},
|
|
350
|
+
${ee.active([".button.-icon",".button.-icon-secondary"])} {
|
|
351
|
+
--m-button-color: ${Dt("color-primary-60")};
|
|
341
352
|
}
|
|
342
353
|
|
|
343
|
-
${
|
|
344
|
-
${
|
|
345
|
-
--m-button-background-color: ${
|
|
346
|
-
--m-button-border-color: ${
|
|
354
|
+
${ee.hover(".button.-icon")},
|
|
355
|
+
${ee.active(".button.-icon")} {
|
|
356
|
+
--m-button-background-color: ${Dt("color-background-highlight")};
|
|
357
|
+
--m-button-border-color: ${Dt("color-background-highlight")};
|
|
347
358
|
}
|
|
348
359
|
|
|
349
|
-
${
|
|
350
|
-
${
|
|
360
|
+
${ee.hover(".button.-icon-secondary")},
|
|
361
|
+
${ee.active(".button.-icon-secondary")} {
|
|
351
362
|
--m-button-background-color: transparent;
|
|
352
363
|
--m-button-border-color: transparent;
|
|
353
364
|
}
|
|
354
365
|
|
|
355
366
|
.button.-small {
|
|
356
|
-
--m-button-padding-y: ${
|
|
357
|
-
--m-button-base-size: ${
|
|
367
|
+
--m-button-padding-y: ${Pt("spacing-2")};
|
|
368
|
+
--m-button-base-size: ${Pt("global-height-small")};
|
|
358
369
|
|
|
359
|
-
${
|
|
370
|
+
${Yt("button-sm")};
|
|
360
371
|
}
|
|
361
372
|
|
|
362
373
|
.button.-large {
|
|
363
|
-
--m-button-padding-y: ${
|
|
364
|
-
--m-button-base-size: ${
|
|
374
|
+
--m-button-padding-y: ${Pt("spacing-4")};
|
|
375
|
+
--m-button-base-size: ${Pt("global-height-large")};
|
|
365
376
|
|
|
366
|
-
${
|
|
377
|
+
${Yt("button-lg")};
|
|
367
378
|
}
|
|
368
379
|
|
|
369
380
|
/* TODO: to be removed when the loading dots component is ready */
|
|
@@ -377,35 +388,29 @@ const rt=1,nt=t=>(...e)=>({_$litDirective$:t,values:e});class st{constructor(t){
|
|
|
377
388
|
|
|
378
389
|
pointer-events: none;
|
|
379
390
|
}
|
|
380
|
-
`]],window.customElements.define("m-button",
|
|
391
|
+
`]],window.customElements.define("m-button",ce);class de extends ce{constructor(){super(),this.size="small"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","primary-action")}}window.customElements.define("m-banner-action-primary",de);class he extends ce{constructor(){super(),this.variant="tertiary",this.size="small"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","secondary-action")}}window.customElements.define("m-banner-action-secondary",he);class ue extends lt{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","actions")}render(){return v`
|
|
381
392
|
<slot name="secondary-action"></slot>
|
|
382
393
|
<slot name="primary-action"></slot>
|
|
383
|
-
`}}
|
|
394
|
+
`}}ue.styles=[H`
|
|
384
395
|
:host {
|
|
385
396
|
display: flex;
|
|
386
397
|
justify-content: flex-end;
|
|
387
|
-
gap: ${
|
|
398
|
+
gap: ${Pt("spacing-2")};
|
|
388
399
|
}
|
|
389
|
-
`],window.customElements.define("m-banner-actions",
|
|
400
|
+
`],window.customElements.define("m-banner-actions",ue);class be extends lt{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","description")}render(){return v`<slot></slot>`}}be.styles=[H`
|
|
390
401
|
:host {
|
|
391
|
-
${
|
|
392
|
-
color: ${
|
|
402
|
+
${Yt("body-md")};
|
|
403
|
+
color: ${Dt("color-text-secondary")};
|
|
393
404
|
}
|
|
394
|
-
`],window.customElements.define("m-banner-description",
|
|
405
|
+
`],window.customElements.define("m-banner-description",be);class ge extends lt{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","icon")}render(){return v`<slot></slot>`}}window.customElements.define("m-banner-icon",ge);class pe extends lt{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","title")}render(){return v`<slot></slot>`}}pe.styles=[H`
|
|
395
406
|
:host {
|
|
396
|
-
${
|
|
397
|
-
color: ${
|
|
407
|
+
${Yt("body-md-bold")};
|
|
408
|
+
color: ${Dt("color-text-secondary")};
|
|
398
409
|
}
|
|
399
|
-
`],window.customElements.define("m-banner-title",
|
|
400
|
-
/**
|
|
401
|
-
* @license
|
|
402
|
-
* Copyright 2018 Google LLC
|
|
403
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
404
|
-
*/
|
|
405
|
-
const le=t=>null!=t?t:R;var ae={};ae.BASE_PIXELS=16,ae.toRem=function(t,e=16){return parseInt(String(t),10)/e+"rem"};var ce=ae.toRem;function de(t,e){return l(ce(t,e))}const he=["attention","bell","check","close","info-circle","indeterminate"];var ue,be,ge;class pe extends se{static get properties(){return{name:{type:String},size:{type:String},color:{type:String},loading:{state:!0}}}constructor(){super(),ue.add(this),this.icon=null,this.icon=null}connectedCallback(){super.connectedCallback(),t(this,ue,"m",be).call(this)}update(e){super.update(e),e.has("name")&&t(this,ue,"m",be).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",ht(this.color))}render(){return null!=this.name&&he.includes(this.name)&&null!=this.icon?this.icon:R}}ue=new WeakSet,be=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()}},pe.styles=[[a`
|
|
410
|
+
`],window.customElements.define("m-banner-title",pe);class me 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 fe={};fe.BASE_PIXELS=16,fe.toRem=function(t,e=16){return parseInt(String(t),10)/e+"rem"};var $e=fe.toRem;function ye(t,e){return Z($e(t,e))}const ve=["attention","bell","check","close","info-circle","indeterminate"];var we,xe,ke;class ze extends me{static get properties(){return{name:{type:String},size:{type:String},color:{type:String},loading:{state:!0}}}constructor(){super(),we.add(this),this.icon=null,this.icon=null}connectedCallback(){super.connectedCallback(),t(this,we,"m",xe).call(this)}update(e){super.update(e),e.has("name")&&t(this,we,"m",xe).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",$t(this.color))}render(){return null!=this.name&&ve.includes(this.name)&&null!=this.icon?this.icon:x}}we=new WeakSet,xe=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()}},ze.styles=[[H`
|
|
406
411
|
:host {
|
|
407
412
|
--m-icon-size: 16px;
|
|
408
|
-
--m-icon-color: ${
|
|
413
|
+
--m-icon-color: ${Dt("color-text-primary")};
|
|
409
414
|
|
|
410
415
|
display: inline-flex;
|
|
411
416
|
align-items: center;
|
|
@@ -416,7 +421,7 @@ const le=t=>null!=t?t:R;var ae={};ae.BASE_PIXELS=16,ae.toRem=function(t,e=16){re
|
|
|
416
421
|
}
|
|
417
422
|
|
|
418
423
|
svg {
|
|
419
|
-
${
|
|
424
|
+
${Xt([{property:"color"},{property:"fill"}])};
|
|
420
425
|
|
|
421
426
|
inline-size: var(--m-icon-size);
|
|
422
427
|
block-size: var(--m-icon-size);
|
|
@@ -424,21 +429,21 @@ const le=t=>null!=t?t:R;var ae={};ae.BASE_PIXELS=16,ae.toRem=function(t,e=16){re
|
|
|
424
429
|
color: var(--m-icon-color);
|
|
425
430
|
fill: var(--m-icon-color);
|
|
426
431
|
}
|
|
427
|
-
`]],window.customElements.define("m-icon",
|
|
432
|
+
`]],window.customElements.define("m-icon",ze);class Se extends me{static get properties(){return{controls:{type:String},disabled:{type:Boolean},inverted:{type:Boolean},label:{type:String},size:{type:String}}}constructor(){super(),ke.set(this,(()=>{this.emit("m-close")})),this.disabled=!1,this.inverted=!1,this.label="Close",this.size="default"}render(){var e;return v`
|
|
428
433
|
<button
|
|
429
434
|
type="button"
|
|
430
|
-
aria-controls="${
|
|
431
|
-
aria-label="${
|
|
432
|
-
class=${
|
|
435
|
+
aria-controls="${ct(this.controls)}"
|
|
436
|
+
aria-label="${ct(this.label)}"
|
|
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})}
|
|
433
438
|
?disabled="${this.disabled}"
|
|
434
|
-
@click=${t(this,
|
|
439
|
+
@click=${t(this,ke,"f")}
|
|
435
440
|
>
|
|
436
441
|
<m-icon name="close"></m-icon>
|
|
437
442
|
</button>
|
|
438
|
-
`}}
|
|
443
|
+
`}}ke=new WeakMap,Se.styles=[H`
|
|
439
444
|
:host {
|
|
440
|
-
--m-close-button-color: ${
|
|
441
|
-
--m-close-button-outline-color: ${
|
|
445
|
+
--m-close-button-color: ${Dt("color-text-primary")};
|
|
446
|
+
--m-close-button-outline-color: ${Dt("color-primary-100")};
|
|
442
447
|
--m-close-button-outline-offset: 2px;
|
|
443
448
|
}
|
|
444
449
|
|
|
@@ -448,8 +453,8 @@ const le=t=>null!=t?t:R;var ae={};ae.BASE_PIXELS=16,ae.toRem=function(t,e=16){re
|
|
|
448
453
|
|
|
449
454
|
width: var(--button-size);
|
|
450
455
|
height: var(--button-size);
|
|
451
|
-
${
|
|
452
|
-
${
|
|
456
|
+
${Zt(0)};
|
|
457
|
+
${Kt(0)};
|
|
453
458
|
background-color: var(--button-color);
|
|
454
459
|
border: none;
|
|
455
460
|
border-radius: 50%;
|
|
@@ -458,27 +463,27 @@ const le=t=>null!=t?t:R;var ae={};ae.BASE_PIXELS=16,ae.toRem=function(t,e=16){re
|
|
|
458
463
|
justify-content: center;
|
|
459
464
|
cursor: pointer;
|
|
460
465
|
|
|
461
|
-
${
|
|
466
|
+
${Xt([{property:"background-color"}])};
|
|
462
467
|
}
|
|
463
468
|
|
|
464
469
|
.close-button.-size-small {
|
|
465
|
-
--button-size: ${
|
|
466
|
-
--icon-size: ${
|
|
470
|
+
--button-size: ${ye("12px")};
|
|
471
|
+
--icon-size: ${ye("8px")};
|
|
467
472
|
}
|
|
468
473
|
|
|
469
474
|
.close-button.-size-default {
|
|
470
|
-
--button-size: ${
|
|
471
|
-
--icon-size: ${
|
|
475
|
+
--button-size: ${ye("16px")};
|
|
476
|
+
--icon-size: ${ye("12px")};
|
|
472
477
|
}
|
|
473
478
|
|
|
474
479
|
.close-button.-size-large {
|
|
475
|
-
--button-size: ${
|
|
476
|
-
--icon-size: ${
|
|
480
|
+
--button-size: ${ye("20px")};
|
|
481
|
+
--icon-size: ${ye("16px")};
|
|
477
482
|
}
|
|
478
483
|
|
|
479
484
|
.close-button.-inverted {
|
|
480
485
|
--button-color: transparent;
|
|
481
|
-
--icon-color: ${
|
|
486
|
+
--icon-color: ${Dt("color-text-inverted")};
|
|
482
487
|
}
|
|
483
488
|
|
|
484
489
|
m-icon {
|
|
@@ -488,56 +493,51 @@ const le=t=>null!=t?t:R;var ae={};ae.BASE_PIXELS=16,ae.toRem=function(t,e=16){re
|
|
|
488
493
|
display: block;
|
|
489
494
|
}
|
|
490
495
|
|
|
491
|
-
${
|
|
496
|
+
${ee.focus(".close-button")} {
|
|
492
497
|
outline: 1px solid var(--m-close-button-outline-color);
|
|
493
498
|
outline-offset: var(--m-close-button-outline-offset);
|
|
494
499
|
}
|
|
495
500
|
|
|
496
|
-
${
|
|
501
|
+
${ee.hover(".close-button")} {
|
|
497
502
|
--button-color: var(--m-close-button-color);
|
|
498
|
-
--icon-color: ${
|
|
503
|
+
--icon-color: ${Dt("color-text-inverted")};
|
|
499
504
|
}
|
|
500
505
|
|
|
501
|
-
${
|
|
502
|
-
--button-color: ${
|
|
506
|
+
${ee.hover(".close-button.-inverted")} {
|
|
507
|
+
--button-color: ${Dt("color-text-inverted")};
|
|
503
508
|
--icon-color: var(--m-close-button-color);
|
|
504
509
|
}
|
|
505
510
|
|
|
506
|
-
${
|
|
507
|
-
--icon-color: ${
|
|
511
|
+
${te(".close-button")} {
|
|
512
|
+
--icon-color: ${Dt("color-text-disabled")};
|
|
508
513
|
cursor: default;
|
|
509
514
|
}
|
|
510
515
|
|
|
511
|
-
${
|
|
516
|
+
${te(".close-button","*")} {
|
|
512
517
|
pointer-events: none;
|
|
513
518
|
}
|
|
514
|
-
`],window.customElements.define("m-close-button",
|
|
515
|
-
/**
|
|
516
|
-
* @license
|
|
517
|
-
* Copyright 2020 Google LLC
|
|
518
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
519
|
-
*/
|
|
520
|
-
const fe=Symbol.for(""),$e=t=>{if((null==t?void 0:t.r)===fe)return null==t?void 0:t._$litStatic$},ye=(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:fe}),ve=new Map,we=(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=$e(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=ve.get(t))&&(s.raw=s,ve.set(t,e=s)),o=l}return t(e,...o)})(q),xe=nt(class extends st{constructor(t){var e;if(super(t),t.type!==rt||"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 N}}),ke=(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 ye`${(t=>({_$litStatic$:t,r:fe}))(this.as)}`}};
|
|
519
|
+
`],window.customElements.define("m-close-button",Se);
|
|
521
520
|
/**
|
|
522
521
|
* @license
|
|
523
522
|
* Copyright 2018 Google LLC
|
|
524
523
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
525
|
-
*/
|
|
524
|
+
*/
|
|
525
|
+
const Ce=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 Me 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
|
-
class=${
|
|
528
|
-
style=${
|
|
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=${Ce({"--m-text-color":$t(this.color)})}
|
|
529
529
|
>
|
|
530
530
|
<slot></slot>
|
|
531
531
|
</${this.tag}>
|
|
532
|
-
`}}var
|
|
532
|
+
`}}var We,je;Me.styles=[H`
|
|
533
533
|
:host {
|
|
534
|
-
--m-text-color: ${
|
|
534
|
+
--m-text-color: ${Dt("color-text-primary")};
|
|
535
535
|
}
|
|
536
536
|
|
|
537
537
|
.m-text {
|
|
538
|
-
${
|
|
538
|
+
${Xt([{property:"color"}])};
|
|
539
539
|
|
|
540
|
-
${
|
|
540
|
+
${Yt()};
|
|
541
541
|
|
|
542
542
|
display: inline-block;
|
|
543
543
|
|
|
@@ -545,137 +545,137 @@ const fe=Symbol.for(""),$e=t=>{if((null==t?void 0:t.r)===fe)return null==t?void
|
|
|
545
545
|
}
|
|
546
546
|
|
|
547
547
|
.-body-lg-bold {
|
|
548
|
-
${
|
|
548
|
+
${Yt("body-lg-bold")};
|
|
549
549
|
}
|
|
550
550
|
|
|
551
551
|
.-body-lg {
|
|
552
|
-
${
|
|
552
|
+
${Yt("body-lg")};
|
|
553
553
|
}
|
|
554
554
|
|
|
555
555
|
.-body-md-bold-underline {
|
|
556
|
-
${
|
|
556
|
+
${Yt("body-md-bold-underline")};
|
|
557
557
|
}
|
|
558
558
|
|
|
559
559
|
.-body-md-bold {
|
|
560
|
-
${
|
|
560
|
+
${Yt("body-md-bold")};
|
|
561
561
|
}
|
|
562
562
|
|
|
563
563
|
.-body-md-underline {
|
|
564
|
-
${
|
|
564
|
+
${Yt("body-md-underline")};
|
|
565
565
|
}
|
|
566
566
|
|
|
567
567
|
.-body-md {
|
|
568
|
-
${
|
|
568
|
+
${Yt("body-md")};
|
|
569
569
|
}
|
|
570
570
|
|
|
571
571
|
.-body-sm-bold-underline {
|
|
572
|
-
${
|
|
572
|
+
${Yt("body-sm-bold-underline")};
|
|
573
573
|
}
|
|
574
574
|
|
|
575
575
|
.-body-sm-bold {
|
|
576
|
-
${
|
|
576
|
+
${Yt("body-sm-bold")};
|
|
577
577
|
}
|
|
578
578
|
|
|
579
579
|
.-body-sm-underline {
|
|
580
|
-
${
|
|
580
|
+
${Yt("body-sm-underline")};
|
|
581
581
|
}
|
|
582
582
|
|
|
583
583
|
.-body-sm {
|
|
584
|
-
${
|
|
584
|
+
${Yt("body-sm")};
|
|
585
585
|
}
|
|
586
586
|
|
|
587
587
|
.-button-lg {
|
|
588
|
-
${
|
|
588
|
+
${Yt("button-lg")};
|
|
589
589
|
}
|
|
590
590
|
|
|
591
591
|
.-button-md {
|
|
592
|
-
${
|
|
592
|
+
${Yt("button-md")};
|
|
593
593
|
}
|
|
594
594
|
|
|
595
595
|
.-button-sm {
|
|
596
|
-
${
|
|
596
|
+
${Yt("button-sm")};
|
|
597
597
|
}
|
|
598
598
|
|
|
599
599
|
.-chips-md {
|
|
600
|
-
${
|
|
600
|
+
${Yt("chips-md")};
|
|
601
601
|
}
|
|
602
602
|
|
|
603
603
|
.-chips-sm {
|
|
604
|
-
${
|
|
604
|
+
${Yt("chips-sm")};
|
|
605
605
|
}
|
|
606
606
|
|
|
607
607
|
.-heading-lg-bold {
|
|
608
|
-
${
|
|
608
|
+
${Yt("heading-lg-bold")};
|
|
609
609
|
}
|
|
610
610
|
|
|
611
611
|
.-heading-lg {
|
|
612
|
-
${
|
|
612
|
+
${Yt("heading-lg")};
|
|
613
613
|
}
|
|
614
614
|
|
|
615
615
|
.-heading-md-bold {
|
|
616
|
-
${
|
|
616
|
+
${Yt("heading-md-bold")};
|
|
617
617
|
}
|
|
618
618
|
|
|
619
619
|
.-heading-md {
|
|
620
|
-
${
|
|
620
|
+
${Yt("heading-md")};
|
|
621
621
|
}
|
|
622
622
|
|
|
623
623
|
.-heading-sm-bold {
|
|
624
|
-
${
|
|
624
|
+
${Yt("heading-sm-bold")};
|
|
625
625
|
}
|
|
626
626
|
|
|
627
627
|
.-heading-sm {
|
|
628
|
-
${
|
|
628
|
+
${Yt("heading-sm")};
|
|
629
629
|
}
|
|
630
630
|
|
|
631
631
|
.-hero-lg-bold {
|
|
632
|
-
${
|
|
632
|
+
${Yt("hero-lg-bold")};
|
|
633
633
|
}
|
|
634
634
|
|
|
635
635
|
.-hero-lg {
|
|
636
|
-
${
|
|
636
|
+
${Yt("hero-lg")};
|
|
637
637
|
}
|
|
638
638
|
|
|
639
639
|
.-hero-md-bold {
|
|
640
|
-
${
|
|
640
|
+
${Yt("hero-md-bold")};
|
|
641
641
|
}
|
|
642
642
|
|
|
643
643
|
.-hero-md {
|
|
644
|
-
${
|
|
644
|
+
${Yt("hero-md")};
|
|
645
645
|
}
|
|
646
646
|
|
|
647
647
|
.-hero-sm-bold {
|
|
648
|
-
${
|
|
648
|
+
${Yt("hero-sm-bold")};
|
|
649
649
|
}
|
|
650
650
|
|
|
651
651
|
.-hero-sm {
|
|
652
|
-
${
|
|
652
|
+
${Yt("hero-sm")};
|
|
653
653
|
}
|
|
654
654
|
|
|
655
655
|
.-number-md {
|
|
656
|
-
${
|
|
656
|
+
${Yt("number-md")};
|
|
657
657
|
}
|
|
658
658
|
|
|
659
659
|
.-number-sm {
|
|
660
|
-
${
|
|
660
|
+
${Yt("number-sm")};
|
|
661
661
|
}
|
|
662
662
|
|
|
663
663
|
.-table-header-md {
|
|
664
|
-
${
|
|
664
|
+
${Yt("table-header-md")};
|
|
665
665
|
}
|
|
666
666
|
|
|
667
667
|
.-table-header-sm {
|
|
668
|
-
${
|
|
668
|
+
${Yt("table-header-sm")};
|
|
669
669
|
}
|
|
670
|
-
`],window.customElements.define("m-text",
|
|
670
|
+
`],window.customElements.define("m-text",Me);class Ae extends me{static get properties(){return{variant:{type:String},dismissible:{type:Boolean},dismissed:{type:Boolean,reflect:!0}}}constructor(){super(),We.set(this,void 0),je.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,We,"f")&&e(this,We,this.querySelector("m-banner-action-primary"),"f"),t(this,We,"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,je,"f")}
|
|
675
675
|
></m-close-button>
|
|
676
|
-
`;return
|
|
676
|
+
`;return v`
|
|
677
677
|
<div
|
|
678
|
-
class=${
|
|
678
|
+
class=${bt({banner:!0,"-success":"success"===this.variant,"-warning":"warning"===this.variant,"-danger":"danger"===this.variant,"-with-description":e})}
|
|
679
679
|
>
|
|
680
680
|
<div class="wrapper">
|
|
681
681
|
<slot name="icon">
|
|
@@ -685,11 +685,11 @@ const fe=Symbol.for(""),$e=t=>{if((null==t?void 0:t.r)===fe)return null==t?void
|
|
|
685
685
|
<slot name="title"></slot>
|
|
686
686
|
<slot name="description"></slot>
|
|
687
687
|
</div>
|
|
688
|
-
${this.dismissible&&!o?i:
|
|
688
|
+
${this.dismissible&&!o?i:x}
|
|
689
689
|
</div>
|
|
690
690
|
<slot name="actions"></slot>
|
|
691
691
|
</div>
|
|
692
|
-
`}}
|
|
692
|
+
`}}We=new WeakMap,je=new WeakMap,Ae.styles=[H`
|
|
693
693
|
:host {
|
|
694
694
|
display: block;
|
|
695
695
|
width: 100%;
|
|
@@ -702,34 +702,34 @@ const fe=Symbol.for(""),$e=t=>{if((null==t?void 0:t.r)===fe)return null==t?void
|
|
|
702
702
|
.banner {
|
|
703
703
|
background-color: var(
|
|
704
704
|
--m-banner-background-color,
|
|
705
|
-
${
|
|
705
|
+
${Dt("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 ${Dt("color-border")});
|
|
708
|
+
border-radius: var(--m-banner-border-radius, ${Pt("border-radius-m")});
|
|
709
|
+
padding-inline: var(--m-banner-padding-x, ${Pt("spacing-6")});
|
|
710
|
+
padding-block: var(--m-banner-padding-y, ${Pt("spacing-4")});
|
|
711
711
|
display: flex;
|
|
712
712
|
flex-wrap: wrap;
|
|
713
713
|
justify-content: flex-end;
|
|
714
|
-
gap: ${
|
|
714
|
+
gap: ${Pt("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: ${Dt("color-success-20")};
|
|
719
|
+
--m-banner-border: 1px solid ${Dt("color-success-20")};
|
|
720
|
+
--m-banner-icon-color: ${Dt("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: ${Dt("color-warning-20")};
|
|
725
|
+
--m-banner-border: 1px solid ${Dt("color-warning-20")};
|
|
726
|
+
--m-banner-icon-color: ${Dt("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: ${Dt("color-danger-20")};
|
|
731
|
+
--m-banner-border: 1px solid ${Dt("color-danger-20")};
|
|
732
|
+
--m-banner-icon-color: ${Dt("color-danger-60")};
|
|
733
733
|
}
|
|
734
734
|
|
|
735
735
|
.banner.-with-description {
|
|
@@ -738,17 +738,17 @@ const fe=Symbol.for(""),$e=t=>{if((null==t?void 0:t.r)===fe)return null==t?void
|
|
|
738
738
|
|
|
739
739
|
.wrapper {
|
|
740
740
|
display: flex;
|
|
741
|
-
gap: ${
|
|
741
|
+
gap: ${Pt("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, ${Dt("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, ${Dt("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,14 +757,14 @@ const fe=Symbol.for(""),$e=t=>{if((null==t?void 0:t.r)===fe)return null==t?void
|
|
|
757
757
|
display: flex;
|
|
758
758
|
flex-direction: column;
|
|
759
759
|
flex-grow: 1;
|
|
760
|
-
gap: ${
|
|
760
|
+
gap: ${Pt("spacing-1")};
|
|
761
761
|
}
|
|
762
|
-
`],window.customElements.define("m-banner",
|
|
762
|
+
`],window.customElements.define("m-banner",Ae);class _e 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="${Ce({"--m-card-flag-color":$t(this.flagColor)})}"
|
|
766
766
|
>
|
|
767
|
-
${this.flagged?
|
|
767
|
+
${this.flagged?v`<span class="m-card-flag"></span>`:x}
|
|
768
768
|
<div class="m-card-content">
|
|
769
769
|
<slot name="title"></slot>
|
|
770
770
|
<slot name="subtitle"></slot>
|
|
@@ -772,9 +772,9 @@ const fe=Symbol.for(""),$e=t=>{if((null==t?void 0:t.r)===fe)return null==t?void
|
|
|
772
772
|
<slot name="body"></slot>
|
|
773
773
|
</div>
|
|
774
774
|
</div>
|
|
775
|
-
`}}
|
|
775
|
+
`}}_e.styles=[H`
|
|
776
776
|
:host {
|
|
777
|
-
--m-card-background-color: ${
|
|
777
|
+
--m-card-background-color: ${Dt("color-background-primary")};
|
|
778
778
|
}
|
|
779
779
|
|
|
780
780
|
.m-card {
|
|
@@ -783,8 +783,8 @@ const fe=Symbol.for(""),$e=t=>{if((null==t?void 0:t.r)===fe)return null==t?void
|
|
|
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: ${Pt("border-radius-s")};
|
|
787
|
+
border: solid 1px ${Dt("color-divider")};
|
|
788
788
|
}
|
|
789
789
|
|
|
790
790
|
.m-card-flag {
|
|
@@ -797,11 +797,11 @@ const fe=Symbol.for(""),$e=t=>{if((null==t?void 0:t.r)===fe)return null==t?void
|
|
|
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: ${Pt("border-thick")};
|
|
801
|
+
border-top-left-radius: ${Pt("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: ${Pt("border-radius-s")};
|
|
805
805
|
}
|
|
806
806
|
|
|
807
807
|
.m-card-content {
|
|
@@ -811,56 +811,56 @@ const fe=Symbol.for(""),$e=t=>{if((null==t?void 0:t.r)===fe)return null==t?void
|
|
|
811
811
|
}
|
|
812
812
|
|
|
813
813
|
::slotted(m-divider) {
|
|
814
|
-
--m-divider-margin-top: ${
|
|
814
|
+
--m-divider-margin-top: ${Pt("spacing-4")};
|
|
815
815
|
}
|
|
816
|
-
`],window.customElements.define("m-card",
|
|
816
|
+
`],window.customElements.define("m-card",_e);class Be 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
|
+
`}}Be.styles=[H`
|
|
821
821
|
:host {
|
|
822
|
-
--m-card-body-padding-x: ${
|
|
823
|
-
--m-card-body-padding-y: ${
|
|
822
|
+
--m-card-body-padding-x: ${Pt("spacing-4")};
|
|
823
|
+
--m-card-body-padding-y: ${Pt("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",Be);class Ee 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
|
+
`}}Ee.styles=[H`
|
|
834
834
|
:host {
|
|
835
|
-
--m-card-subtitle-margin-top: ${
|
|
836
|
-
--m-card-subtitle-padding-x: ${
|
|
835
|
+
--m-card-subtitle-margin-top: ${Pt("spacing-2")};
|
|
836
|
+
--m-card-subtitle-padding-x: ${Pt("spacing-4")};
|
|
837
837
|
--m-card-subtitle-padding-y: 0;
|
|
838
838
|
}
|
|
839
839
|
|
|
840
840
|
.m-card-subtitle {
|
|
841
|
-
${
|
|
841
|
+
${Yt("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: ${Dt("color-text-tertiary")};
|
|
847
847
|
}
|
|
848
|
-
`],window.customElements.define("m-card-subtitle",
|
|
848
|
+
`],window.customElements.define("m-card-subtitle",Ee);class Oe 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
|
+
`}}Oe.styles=[H`
|
|
854
854
|
:host {
|
|
855
|
-
--m-card-title-padding-x: ${
|
|
856
|
-
--m-card-title-padding-top: ${
|
|
855
|
+
--m-card-title-padding-x: ${Pt("spacing-4")};
|
|
856
|
+
--m-card-title-padding-top: ${Pt("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
|
+
${Yt("heading-sm-bold")};
|
|
863
|
+
color: ${Dt("color-text-primary")};
|
|
864
864
|
}
|
|
865
865
|
|
|
866
866
|
slot[name='leading']::slotted(*) {
|
|
@@ -869,34 +869,34 @@ const fe=Symbol.for(""),$e=t=>{if((null==t?void 0:t.r)===fe)return null==t?void
|
|
|
869
869
|
align-items: center;
|
|
870
870
|
justify-content: center;
|
|
871
871
|
pointer-events: none;
|
|
872
|
-
margin-inline-end: ${
|
|
872
|
+
margin-inline-end: ${Pt("spacing-1")};
|
|
873
873
|
}
|
|
874
|
-
`],window.customElements.define("m-card-title",
|
|
875
|
-
<label for="${
|
|
874
|
+
`],window.customElements.define("m-card-title",Oe);const Te={delay:"0s",duration:"0.35s",easing:"ease-in-out"};var Ue,qe,Ne;class Re 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(),Ue.add(this),Ne.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,Ue,"m",qe).call(this)}render(){return v`
|
|
875
|
+
<label for="${ct(this.id)}" class="check-input-label">
|
|
876
876
|
<input
|
|
877
|
-
id="${
|
|
878
|
-
name="${
|
|
877
|
+
id="${ct(this.id)}"
|
|
878
|
+
name="${ct(this.name)}"
|
|
879
879
|
type="checkbox"
|
|
880
880
|
class="check-input"
|
|
881
881
|
?disabled="${this.disabled}"
|
|
882
882
|
?checked="${this.checked}"
|
|
883
|
-
@change=${t(this,
|
|
883
|
+
@change=${t(this,Ne,"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
|
-
`}}
|
|
891
|
-
${
|
|
890
|
+
`}}Ne=new WeakMap,Ue=new WeakSet,qe=function(){this.setAttribute("aria-disabled",this.disabled.toString()),this.setAttribute("aria-checked",this.indeterminate?"mixed":this.checked.toString()),this.input.indeterminate=this.indeterminate},Re.styles=[H`
|
|
891
|
+
${ee.focus(".check-input-label")} {
|
|
892
892
|
border-radius: 2px;
|
|
893
|
-
outline: 1px solid ${
|
|
893
|
+
outline: 1px solid ${Dt("color-primary-60")};
|
|
894
894
|
}
|
|
895
895
|
|
|
896
896
|
.check-input-label {
|
|
897
|
-
${
|
|
897
|
+
${Yt("body-md")};
|
|
898
898
|
|
|
899
|
-
gap: ${
|
|
899
|
+
gap: ${Pt("spacing-1")};
|
|
900
900
|
align-items: center;
|
|
901
901
|
display: inline-flex;
|
|
902
902
|
padding: 4px 2px;
|
|
@@ -908,66 +908,66 @@ const fe=Symbol.for(""),$e=t=>{if((null==t?void 0:t.r)===fe)return null==t?void
|
|
|
908
908
|
}
|
|
909
909
|
|
|
910
910
|
.check-input {
|
|
911
|
-
--checkbox-input-size: ${
|
|
911
|
+
--checkbox-input-size: ${Pt("font-size-4")};
|
|
912
912
|
|
|
913
|
-
color: ${
|
|
913
|
+
color: ${Dt("color-text-tertiary")};
|
|
914
914
|
width: var(--checkbox-input-size);
|
|
915
915
|
height: var(--checkbox-input-size);
|
|
916
|
-
background: ${
|
|
916
|
+
background: ${Dt("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: ${Pt("border-radius-s")};
|
|
921
|
+
border-color: ${Dt("color-border")};
|
|
922
|
+
border-width: ${Pt("border-thin")};
|
|
923
923
|
margin: 0;
|
|
924
|
-
${
|
|
924
|
+
${Xt([{property:"border",...Te},{property:"background",...Te}])};
|
|
925
925
|
}
|
|
926
926
|
|
|
927
927
|
.check-input:indeterminate,
|
|
928
928
|
.check-input:checked {
|
|
929
|
-
background: ${
|
|
930
|
-
border-color: ${
|
|
929
|
+
background: ${Dt("color-primary-60")};
|
|
930
|
+
border-color: ${Dt("color-primary-60")};
|
|
931
931
|
}
|
|
932
932
|
|
|
933
|
-
${
|
|
934
|
-
background: ${
|
|
933
|
+
${te(".check-input")} {
|
|
934
|
+
background: ${Dt("color-background-tertiary")};
|
|
935
935
|
cursor: not-allowed;
|
|
936
936
|
}
|
|
937
937
|
|
|
938
|
-
${
|
|
939
|
-
${
|
|
940
|
-
background: ${
|
|
941
|
-
border-color: ${
|
|
938
|
+
${te(".check-input:indeterminate")},
|
|
939
|
+
${te(".check-input:checked")} {
|
|
940
|
+
background: ${Dt("color-neutral-40")};
|
|
941
|
+
border-color: ${Dt("color-neutral-40")};
|
|
942
942
|
}
|
|
943
943
|
|
|
944
|
-
${
|
|
945
|
-
${
|
|
946
|
-
background: ${
|
|
947
|
-
border-color: ${
|
|
944
|
+
${ee.hover(".check-input:indeterminate")},
|
|
945
|
+
${ee.hover(".check-input:checked")} {
|
|
946
|
+
background: ${Dt("color-primary-100")};
|
|
947
|
+
border-color: ${Dt("color-primary-100")};
|
|
948
948
|
}
|
|
949
949
|
|
|
950
|
-
${
|
|
951
|
-
border-color: ${
|
|
950
|
+
${ee.hover(".check-input")} {
|
|
951
|
+
border-color: ${Dt("color-primary-100")};
|
|
952
952
|
}
|
|
953
953
|
|
|
954
954
|
:host([disabled]) .check-input-label {
|
|
955
955
|
cursor: not-allowed;
|
|
956
|
-
color: ${
|
|
956
|
+
color: ${Dt("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: ${Dt("color-neutral-0")};
|
|
963
963
|
|
|
964
964
|
position: absolute;
|
|
965
965
|
|
|
966
966
|
pointer-events: none;
|
|
967
|
-
border-width: ${
|
|
967
|
+
border-width: ${Pt("border-thin")};
|
|
968
968
|
border-style: solid;
|
|
969
969
|
border-color: transparent;
|
|
970
|
-
border-radius: ${
|
|
970
|
+
border-radius: ${Pt("border-radius-s")};
|
|
971
971
|
display: none;
|
|
972
972
|
}
|
|
973
973
|
|
|
@@ -975,10 +975,10 @@ const fe=Symbol.for(""),$e=t=>{if((null==t?void 0:t.r)===fe)return null==t?void
|
|
|
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",Re);class Pe extends lt{render(){return v` <hr class="m-divider" /> `}}Pe.styles=[H`
|
|
979
979
|
.m-divider {
|
|
980
980
|
border: 0;
|
|
981
|
-
border-block-end: solid 1px ${
|
|
981
|
+
border-block-end: solid 1px ${Dt("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 fe=Symbol.for(""),$e=t=>{if((null==t?void 0:t.r)===fe)return null==t?void
|
|
|
988
988
|
var(--m-divider-margin-y, 0)
|
|
989
989
|
);
|
|
990
990
|
}
|
|
991
|
-
`],window.customElements.define("m-divider",
|
|
991
|
+
`],window.customElements.define("m-divider",Pe);
|
|
992
992
|
/**
|
|
993
993
|
* @license
|
|
994
994
|
* Copyright 2021 Google LLC
|
|
995
995
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
996
996
|
*/
|
|
997
|
-
class
|
|
997
|
+
class De 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,26 @@ class Ne 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
|
+
class Ge{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 De(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))}}
|
|
1009
1009
|
/**
|
|
1010
1010
|
* @license
|
|
1011
1011
|
* Copyright 2021 Google LLC
|
|
1012
1012
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1013
|
-
*/class
|
|
1013
|
+
*/class Le{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()}}
|
|
1014
1014
|
/**
|
|
1015
1015
|
* @license
|
|
1016
1016
|
* Copyright 2021 Google LLC
|
|
1017
1017
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1018
|
-
*/class
|
|
1018
|
+
*/class Ie extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}}class Ve extends Le{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 Ie(this.context))}}
|
|
1019
1019
|
/**
|
|
1020
1020
|
* @license
|
|
1021
1021
|
* Copyright 2021 Google LLC
|
|
1022
1022
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1023
|
-
*/class
|
|
1023
|
+
*/class Je{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 De(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 Ze="field";let He=!1;const Fe={gap:"spacing-4",align:"stretch",justify:"flex-start"};class Ke extends lt{static get properties(){return{gap:{type:String},align:{type:String},justify:{type:String}}}constructor(){super(),this.gap=Fe.gap,this.align=Fe.align,this.justify=Fe.justify}update(t){var e;this.style.setProperty("--m-group-gap",null!==(e=this.gap&&$t(this.gap))&&void 0!==e?e:$t(Fe.gap)),this.style.setProperty("--m-group-align",this.align||Fe.align),this.style.setProperty("--m-group-justify",this.justify||Fe.justify),super.update(t)}render(){return v`<slot></slot>`}}Ke.styles=[H`
|
|
1024
1024
|
:host {
|
|
1025
|
-
--m-group-gap: ${
|
|
1026
|
-
--m-group-align: ${
|
|
1027
|
-
--m-group-justify: ${
|
|
1025
|
+
--m-group-gap: ${Pt(Fe.gap)};
|
|
1026
|
+
--m-group-align: ${Z(Fe.align)};
|
|
1027
|
+
--m-group-justify: ${Z(Fe.justify)};
|
|
1028
1028
|
|
|
1029
1029
|
display: flex;
|
|
1030
1030
|
flex-wrap: wrap;
|
|
@@ -1032,11 +1032,11 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1032
1032
|
align-items: var(--m-group-align);
|
|
1033
1033
|
justify-content: var(--m-group-justify);
|
|
1034
1034
|
}
|
|
1035
|
-
`],window.customElements.define("m-group",
|
|
1035
|
+
`],window.customElements.define("m-group",Ke);const Qe={gap:"spacing-4",align:"stretch",justify:"flex-start"};class Xe extends lt{static get properties(){return{gap:{type:String},align:{type:String},justify:{type:String}}}constructor(){super(),this.gap=Qe.gap,this.align=Qe.align,this.justify=Qe.justify}update(t){var e;this.style.setProperty("--m-stack-gap",null!==(e=this.gap&&$t(this.gap))&&void 0!==e?e:$t(Qe.gap)),this.style.setProperty("--m-stack-align",this.align||Qe.align),this.style.setProperty("--m-stack-justify",this.justify||Qe.justify),super.update(t)}render(){return v`<slot></slot>`}}var Ye,to,eo,oo,io;Xe.styles=[H`
|
|
1036
1036
|
:host {
|
|
1037
|
-
--m-stack-gap: ${
|
|
1038
|
-
--m-stack-align: ${
|
|
1039
|
-
--m-stack-justify: ${
|
|
1037
|
+
--m-stack-gap: ${Pt(Qe.gap)};
|
|
1038
|
+
--m-stack-align: ${Z(Qe.align)};
|
|
1039
|
+
--m-stack-justify: ${Z(Qe.justify)};
|
|
1040
1040
|
|
|
1041
1041
|
display: flex;
|
|
1042
1042
|
flex-direction: column;
|
|
@@ -1045,53 +1045,53 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1045
1045
|
align-items: var(--m-stack-align);
|
|
1046
1046
|
justify-content: var(--m-stack-justify);
|
|
1047
1047
|
}
|
|
1048
|
-
`],window.customElements.define("m-stack",
|
|
1048
|
+
`],window.customElements.define("m-stack",Xe);class ro extends me{static get properties(){return{status:{type:String},slot:{type:String}}}constructor(){super(),Ye.add(this),this.field=new Ge(this,Ze,void 0,!0),this.slot="hint"}render(){const e={"-status-default":"default"===t(this,Ye,"m",to).call(this),"-status-danger":"danger"===t(this,Ye,"m",to).call(this)};return v` <m-group
|
|
1049
1049
|
gap="spacing-0-5"
|
|
1050
1050
|
align="center"
|
|
1051
|
-
class=${
|
|
1051
|
+
class=${bt(e)}
|
|
1052
1052
|
>
|
|
1053
1053
|
<slot name="leading"
|
|
1054
|
-
>${"danger"===t(this,
|
|
1054
|
+
>${"danger"===t(this,Ye,"m",to).call(this)?v`<m-icon
|
|
1055
1055
|
name="attention"
|
|
1056
1056
|
size="10"
|
|
1057
1057
|
color="color-danger-60"
|
|
1058
|
-
></m-icon>`:
|
|
1058
|
+
></m-icon>`:x}</slot
|
|
1059
1059
|
>
|
|
1060
1060
|
<span
|
|
1061
|
-
class=${
|
|
1061
|
+
class=${bt({hint:!0,...e})}
|
|
1062
1062
|
><slot></slot>
|
|
1063
1063
|
</span>
|
|
1064
|
-
</m-group>`}}
|
|
1064
|
+
</m-group>`}}Ye=new WeakSet,to=function(){var t;return this.status||(null===(t=this.field.value)||void 0===t?void 0:t.status)},ro.styles=[[H`
|
|
1065
1065
|
:host {
|
|
1066
|
-
--m-field-hint-color: ${
|
|
1066
|
+
--m-field-hint-color: ${Dt("color-text-tertiary")};
|
|
1067
1067
|
}
|
|
1068
1068
|
|
|
1069
1069
|
m-group {
|
|
1070
|
-
${
|
|
1070
|
+
${Ht(Pt("spacing-2"))};
|
|
1071
1071
|
}
|
|
1072
1072
|
|
|
1073
1073
|
.-status-danger {
|
|
1074
|
-
--m-field-hint-color: ${
|
|
1074
|
+
--m-field-hint-color: ${Dt("color-danger-60")};
|
|
1075
1075
|
}
|
|
1076
1076
|
|
|
1077
1077
|
.hint {
|
|
1078
|
-
${
|
|
1078
|
+
${Yt("body-sm")};
|
|
1079
1079
|
color: var(--m-field-hint-color);
|
|
1080
1080
|
}
|
|
1081
|
-
`]],window.customElements.define("m-field-hint",
|
|
1082
|
-
class=${
|
|
1081
|
+
`]],window.customElements.define("m-field-hint",ro);class no extends me{static get properties(){return{required:{type:Boolean},size:{type:String},slot:{type:String}}}constructor(){super(),eo.add(this),this.field=new Ge(this,Ze,void 0,!0),this.slot="hint"}render(){return v`<label
|
|
1082
|
+
class=${bt({label:!0,"-size-default":"default"===t(this,eo,"m",oo).call(this),"-size-small":"small"===t(this,eo,"m",oo).call(this)})}
|
|
1083
1083
|
><slot></slot>
|
|
1084
|
-
${t(this,
|
|
1085
|
-
</label>`}}
|
|
1084
|
+
${t(this,eo,"m",io).call(this)?v`<span class="required">*</span>`:x}
|
|
1085
|
+
</label>`}}eo=new WeakSet,oo=function(){var t;return this.size||(null===(t=this.field.value)||void 0===t?void 0:t.size)},io=function(){var t;return null!=this.required?this.required:Boolean(null===(t=this.field.value)||void 0===t?void 0:t.required)},no.styles=[[H`
|
|
1086
1086
|
:host {
|
|
1087
1087
|
display: flex;
|
|
1088
1088
|
align-items: center;
|
|
1089
1089
|
justify-content: flex-start;
|
|
1090
|
-
gap: ${
|
|
1090
|
+
gap: ${Pt("spacing-0-5")};
|
|
1091
1091
|
}
|
|
1092
1092
|
|
|
1093
1093
|
.label {
|
|
1094
|
-
${
|
|
1094
|
+
${Yt("body-md")};
|
|
1095
1095
|
|
|
1096
1096
|
display: inline-flex;
|
|
1097
1097
|
align-items: center;
|
|
@@ -1100,37 +1100,37 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1100
1100
|
margin: 0;
|
|
1101
1101
|
padding: 0;
|
|
1102
1102
|
|
|
1103
|
-
color: ${
|
|
1103
|
+
color: ${Dt("color-text-tertiary")};
|
|
1104
1104
|
}
|
|
1105
1105
|
|
|
1106
1106
|
.required {
|
|
1107
|
-
${
|
|
1107
|
+
${Yt("body-md")};
|
|
1108
1108
|
|
|
1109
|
-
color: ${
|
|
1109
|
+
color: ${Dt("color-text-error")};
|
|
1110
1110
|
|
|
1111
1111
|
content: '*';
|
|
1112
1112
|
|
|
1113
|
-
${
|
|
1113
|
+
${It(Pt("spacing-1"))};
|
|
1114
1114
|
}
|
|
1115
1115
|
|
|
1116
1116
|
.label.-size-small,
|
|
1117
1117
|
.label.-size-small .required {
|
|
1118
|
-
${
|
|
1118
|
+
${Yt("body-sm")};
|
|
1119
1119
|
}
|
|
1120
|
-
`]],window.customElements.define("m-field-label",
|
|
1121
|
-
${this.label?
|
|
1120
|
+
`]],window.customElements.define("m-field-label",no),function(){if(He)return;(new Je).attach(document.body),He=!0}();class so extends me{static get properties(){return{label:{type:String},hint:{type:String},required:{type:Boolean},status:{type:String},size:{type:String}}}constructor(){super(),this.provider=new Ve(this,Ze,{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
|
+
${this.label?v`<m-field-label>${this.label}</m-field-label>`:v`<slot name="label"></slot>`}
|
|
1122
1122
|
|
|
1123
1123
|
<slot></slot>
|
|
1124
1124
|
|
|
1125
|
-
${this.hint?
|
|
1126
|
-
</m-stack>`}}window.customElements.define("m-field",
|
|
1125
|
+
${this.hint?v`<m-field-hint>${this.hint}</m-field-hint>`:v`<slot name="hint"></slot>`}
|
|
1126
|
+
</m-stack>`}}window.customElements.define("m-field",so);const lo=["default","danger"],ao=["center","flex-start","flex-end","stretch"],co=["center","flex-start","flex-end","space-between","space-around","space-evenly"],ho={padding:"spacing-4",borderRadius:"border-radius-s",borderWidth:"border-none",borderColor:"color-background-highlight",textAlign:"left"};class uo 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=ho.padding,this.borderRadius=ho.borderRadius,this.borderWidth=ho.borderWidth,this.borderColor=ho.borderColor,this.textAlign=ho.textAlign}update(t){var e,o,i,r,n;this.style.setProperty("--m-box-padding",null!==(e=this.padding&&$t(this.padding))&&void 0!==e?e:$t(ho.padding)),this.style.setProperty("--m-box-background-color",null!==(o=this.backgroundColor&&$t(this.backgroundColor))&&void 0!==o?o:"transparent"),this.style.setProperty("--m-box-border-radius",null!==(i=this.borderRadius&&$t(this.borderRadius))&&void 0!==i?i:$t(ho.borderRadius)),this.style.setProperty("--m-box-border-width",null!==(r=this.borderWidth&&$t(this.borderWidth))&&void 0!==r?r:$t(ho.borderWidth)),this.style.setProperty("--m-box-border-color",null!==(n=this.borderColor&&$t(this.borderColor))&&void 0!==n?n:$t(ho.borderColor)),this.style.setProperty("--m-box-text-align",this.textAlign||ho.textAlign),super.update(t)}render(){return v`<slot></slot>`}}uo.styles=[H`
|
|
1127
1127
|
:host {
|
|
1128
|
-
--m-box-padding: ${
|
|
1128
|
+
--m-box-padding: ${Pt(ho.padding)};
|
|
1129
1129
|
--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: ${
|
|
1130
|
+
--m-box-border-radius: ${Pt(ho.borderRadius)};
|
|
1131
|
+
--m-box-border-width: ${Pt(ho.borderWidth)};
|
|
1132
|
+
--m-box-border-color: ${Dt(ho.borderColor)};
|
|
1133
|
+
--m-box-text-align: ${Z(ho.textAlign)};
|
|
1134
1134
|
|
|
1135
1135
|
box-sizing: border-box;
|
|
1136
1136
|
|
|
@@ -1142,10 +1142,10 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1142
1142
|
border-color: var(--m-box-border-color);
|
|
1143
1143
|
text-align: var(--m-box-text-align);
|
|
1144
1144
|
}
|
|
1145
|
-
`],window.customElements.define("m-box",
|
|
1145
|
+
`],window.customElements.define("m-box",uo);const bo={gap:"spacing-4",minColumnWidth:yt("spacing-30")};class go 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=bo.gap,this.minColumnWidth=bo.minColumnWidth}update(t){var e;t.has("gap")&&this.style.setProperty("--m-grid-gap",null!==(e=this.gap&&$t(this.gap))&&void 0!==e?e:$t(bo.gap)),t.has("rowGap")&&(this.rowGap?this.style.setProperty("--m-grid-row-gap",$t(this.rowGap)):this.style.removeProperty("--m-grid-row-gap")),t.has("columnGap")&&(this.columnGap?this.style.setProperty("--m-grid-column-gap",$t(this.columnGap)):this.style.removeProperty("--m-grid-column-gap")),t.has("minColumnWidth")&&this.style.setProperty("--m-grid-min-column-width",this.minColumnWidth||bo.minColumnWidth),super.update(t)}render(){return v`<slot></slot>`}}go.styles=[H`
|
|
1146
1146
|
:host {
|
|
1147
|
-
--m-grid-gap: ${
|
|
1148
|
-
--m-grid-min-column-width: ${
|
|
1147
|
+
--m-grid-gap: ${Pt(bo.gap)};
|
|
1148
|
+
--m-grid-min-column-width: ${Z(bo.minColumnWidth)};
|
|
1149
1149
|
|
|
1150
1150
|
display: grid;
|
|
1151
1151
|
|
|
@@ -1157,15 +1157,15 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1157
1157
|
minmax(min(var(--m-grid-min-column-width), 100%), 1fr)
|
|
1158
1158
|
);
|
|
1159
1159
|
}
|
|
1160
|
-
`],window.customElements.define("m-grid",
|
|
1160
|
+
`],window.customElements.define("m-grid",go);const po={gap:"spacing-4",sideWidth:"auto",minContentWidth:"50%",reversed:!1};function mo(t){return t?"row-reverse":"row"}class fo 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=po.gap,this.sideWidth=po.sideWidth,this.minContentWidth=po.minContentWidth,this.reversed=po.reversed}update(t){var e;t.has("gap")&&this.style.setProperty("--m-sidebar-gap",null!==(e=this.gap&&$t(this.gap))&&void 0!==e?e:$t(po.gap)),t.has("sideWidth")&&this.style.setProperty("--m-sidebar-side-width",this.sideWidth||po.sideWidth),t.has("minContentWidth")&&this.style.setProperty("--m-sidebar-min-content-width",this.minContentWidth||po.minContentWidth),t.has("reversed")&&this.style.setProperty("--m-sidebar-flex-direction",mo(this.reversed)),super.update(t)}render(){return v`
|
|
1161
1161
|
<slot name="sidebar"></slot>
|
|
1162
1162
|
<slot name="content"></slot>
|
|
1163
|
-
`}}
|
|
1163
|
+
`}}fo.styles=[H`
|
|
1164
1164
|
:host {
|
|
1165
|
-
--m-sidebar-gap: ${
|
|
1166
|
-
--m-sidebar-flex-direction: ${
|
|
1167
|
-
--m-sidebar-side-width: ${
|
|
1168
|
-
--m-sidebar-min-content-width: ${
|
|
1165
|
+
--m-sidebar-gap: ${Pt(po.gap)};
|
|
1166
|
+
--m-sidebar-flex-direction: ${Z(mo(po.reversed))};
|
|
1167
|
+
--m-sidebar-side-width: ${Z(po.sideWidth)};
|
|
1168
|
+
--m-sidebar-min-content-width: ${Z(po.minContentWidth)};
|
|
1169
1169
|
|
|
1170
1170
|
display: flex;
|
|
1171
1171
|
flex-wrap: wrap;
|
|
@@ -1184,7 +1184,7 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1184
1184
|
flex-grow: 999;
|
|
1185
1185
|
min-width: var(--m-sidebar-min-content-width);
|
|
1186
1186
|
}
|
|
1187
|
-
`],window.customElements.define("m-sidebar",
|
|
1187
|
+
`],window.customElements.define("m-sidebar",fo);const $o={gap:"spacing-4",threshold:"10rem"};class yo 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=$o.gap,this.threshold=$o.threshold}update(t){var e;super.update(t),t.has("gap")&&this.style.setProperty("--m-switcher-gap",null!==(e=this.gap&&$t(this.gap))&&void 0!==e?e:$t($o.gap)),t.has("rowGap")&&(this.rowGap?this.style.setProperty("--m-switcher-row-gap",$t(this.rowGap)):this.style.removeProperty("--m-switcher-row-gap")),t.has("columnGap")&&(this.columnGap?this.style.setProperty("--m-switcher-column-gap",$t(this.columnGap)):this.style.removeProperty("--m-switcher-column-gap")),t.has("threshold")&&this.style.setProperty("--m-switcher-threshold",this.threshold||$o.threshold)}render(){const t=this.limit?v`
|
|
1188
1188
|
<style>
|
|
1189
1189
|
::slotted(*:nth-last-child(n + ${this.limit+1})) {
|
|
1190
1190
|
flex-basis: 100%;
|
|
@@ -1193,13 +1193,13 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1193
1193
|
flex-basis: 100%;
|
|
1194
1194
|
}
|
|
1195
1195
|
</style>
|
|
1196
|
-
`:"";return
|
|
1196
|
+
`:"";return v`
|
|
1197
1197
|
${t}
|
|
1198
1198
|
<slot></slot>
|
|
1199
|
-
`}}var
|
|
1199
|
+
`}}var vo,wo,xo;yo.styles=[H`
|
|
1200
1200
|
:host {
|
|
1201
|
-
--m-switcher-gap: ${
|
|
1202
|
-
--m-switcher-threshold: ${
|
|
1201
|
+
--m-switcher-gap: ${Pt($o.gap)};
|
|
1202
|
+
--m-switcher-threshold: ${Z($o.threshold)};
|
|
1203
1203
|
|
|
1204
1204
|
display: flex;
|
|
1205
1205
|
flex-wrap: wrap;
|
|
@@ -1212,14 +1212,14 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1212
1212
|
flex-basis: calc((var(--m-switcher-threshold) - 100%) * 999);
|
|
1213
1213
|
flex-grow: 1;
|
|
1214
1214
|
}
|
|
1215
|
-
`],window.customElements.define("m-switcher",
|
|
1215
|
+
`],window.customElements.define("m-switcher",yo);class ko extends lt{static get properties(){return{variant:{type:String,reflect:!0},value:{type:Number,reflect:!0},max:{type:Number,reflect:!0}}}constructor(){super(),vo.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,vo,"a",xo)/t(this,vo,"a",wo)}get currentVariant(){return this.variant}render(){return v`
|
|
1216
1216
|
<div class="bar">
|
|
1217
1217
|
<span
|
|
1218
|
-
class=${
|
|
1219
|
-
style=${
|
|
1218
|
+
class=${bt({progress:!0,"-default":"default"===this.currentVariant,"-success":"success"===this.currentVariant,"-warning":"warning"===this.currentVariant,"-danger":"danger"===this.currentVariant})}
|
|
1219
|
+
style=${Ce({width:`${this.percentage}%`})}
|
|
1220
1220
|
></span>
|
|
1221
1221
|
</div>
|
|
1222
|
-
`}}
|
|
1222
|
+
`}}vo=new WeakSet,wo=function(){return this.max<=0?100:this.max},xo=function(){return e=this.value,o=0,i=t(this,vo,"a",wo),Math.min(Math.max(o,e),i);var e,o,i},ko.styles=[H`
|
|
1223
1223
|
.bar {
|
|
1224
1224
|
display: flex;
|
|
1225
1225
|
flex-grow: 0;
|
|
@@ -1231,9 +1231,10 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1231
1231
|
overflow: hidden;
|
|
1232
1232
|
|
|
1233
1233
|
width: 100%;
|
|
1234
|
-
height: ${
|
|
1234
|
+
height: ${ye("8px")};
|
|
1235
1235
|
|
|
1236
|
-
border-radius: ${
|
|
1236
|
+
border-radius: ${Pt("border-radius-s")};
|
|
1237
|
+
background-color: ${Dt("color-background-tertiary")};
|
|
1237
1238
|
}
|
|
1238
1239
|
|
|
1239
1240
|
.progress {
|
|
@@ -1241,11 +1242,11 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1241
1242
|
top: 0;
|
|
1242
1243
|
left: 0;
|
|
1243
1244
|
|
|
1244
|
-
${
|
|
1245
|
+
${Xt([{property:"width"},{property:"background"}])};
|
|
1245
1246
|
|
|
1246
|
-
height: ${
|
|
1247
|
+
height: ${ye("8px")};
|
|
1247
1248
|
|
|
1248
|
-
border-radius: ${
|
|
1249
|
+
border-radius: ${Pt("border-radius-s")};
|
|
1249
1250
|
|
|
1250
1251
|
background: var(--m-progress-bar-progress-background);
|
|
1251
1252
|
}
|
|
@@ -1253,23 +1254,23 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1253
1254
|
.-default {
|
|
1254
1255
|
--m-progress-bar-progress-background: linear-gradient(
|
|
1255
1256
|
45deg,
|
|
1256
|
-
${
|
|
1257
|
-
${
|
|
1257
|
+
${Dt("color-brand-accent-1")} 22%,
|
|
1258
|
+
${Dt("color-brand-accent-2")} 88%
|
|
1258
1259
|
);
|
|
1259
1260
|
}
|
|
1260
1261
|
|
|
1261
1262
|
.-success {
|
|
1262
|
-
--m-progress-bar-progress-background: ${
|
|
1263
|
+
--m-progress-bar-progress-background: ${Dt("color-success-60")};
|
|
1263
1264
|
}
|
|
1264
1265
|
|
|
1265
1266
|
.-warning {
|
|
1266
|
-
--m-progress-bar-progress-background: ${
|
|
1267
|
+
--m-progress-bar-progress-background: ${Dt("color-warning-60")};
|
|
1267
1268
|
}
|
|
1268
1269
|
|
|
1269
1270
|
.-danger {
|
|
1270
|
-
--m-progress-bar-progress-background: ${
|
|
1271
|
+
--m-progress-bar-progress-background: ${Dt("color-danger-60")};
|
|
1271
1272
|
}
|
|
1272
|
-
`],window.customElements.define("m-progress-bar",
|
|
1273
|
+
`],window.customElements.define("m-progress-bar",ko);class zo extends ko{get currentVariant(){return this.percentage>=66?"success":this.percentage>=33?"warning":"danger"}}window.customElements.define("m-progress-bar-countdown",zo);const So="m-check";var Co,Mo,Wo;class jo extends lt{static get properties(){return{value:{type:String},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0}}}constructor(){super(),Co.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(So,e))})),Mo.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,Co,"f"))}updated(e){super.updated(e),e.has("disabled")&&t(this,Mo,"f").call(this),e.has("checked")&&t(this,Wo,"f").call(this)}render(){return v`
|
|
1273
1274
|
<button
|
|
1274
1275
|
type="button"
|
|
1275
1276
|
class="radio-button"
|
|
@@ -1281,34 +1282,34 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1281
1282
|
<slot name="leading"></slot>
|
|
1282
1283
|
<slot></slot>
|
|
1283
1284
|
</button>
|
|
1284
|
-
`}}
|
|
1285
|
+
`}}Co=new WeakMap,Mo=new WeakMap,Wo=new WeakMap,jo.styles=[H`
|
|
1285
1286
|
:host {
|
|
1286
|
-
--m-radio-border-color: ${
|
|
1287
|
-
--m-radio-dot-check-color: ${
|
|
1287
|
+
--m-radio-border-color: ${Dt("color-border")};
|
|
1288
|
+
--m-radio-dot-check-color: ${Dt("color-primary-60")};
|
|
1288
1289
|
--m-radio-size: 14px;
|
|
1289
1290
|
--m-radio-background-color: white;
|
|
1290
|
-
--m-radio-border-width: ${
|
|
1291
|
-
--m-radio-label-color: ${
|
|
1292
|
-
--m-radio-outline-color: ${
|
|
1291
|
+
--m-radio-border-width: ${Pt("border-thin")};
|
|
1292
|
+
--m-radio-label-color: ${Dt("color-text-tertiary")};
|
|
1293
|
+
--m-radio-outline-color: ${Dt("color-primary-60")};
|
|
1293
1294
|
--m-radio-outline-offset: 2px;
|
|
1294
1295
|
}
|
|
1295
1296
|
|
|
1296
1297
|
.radio-button {
|
|
1297
|
-
${
|
|
1298
|
+
${Yt("body-md")};
|
|
1298
1299
|
color: var(--m-radio-label-color);
|
|
1299
1300
|
|
|
1300
1301
|
border: none;
|
|
1301
1302
|
background: none;
|
|
1302
1303
|
|
|
1303
|
-
height: ${
|
|
1304
|
+
height: ${Pt("global-height-small")};
|
|
1304
1305
|
display: inline-flex;
|
|
1305
|
-
gap: ${
|
|
1306
|
+
gap: ${Pt("spacing-1")};
|
|
1306
1307
|
align-items: center;
|
|
1307
|
-
border-radius: ${
|
|
1308
|
-
${
|
|
1308
|
+
border-radius: ${Pt("border-radius-s")};
|
|
1309
|
+
${Xt({property:"color"})};
|
|
1309
1310
|
}
|
|
1310
1311
|
|
|
1311
|
-
${
|
|
1312
|
+
${ee.focus(".radio-button")} {
|
|
1312
1313
|
outline: 1px solid var(--m-radio-outline-color);
|
|
1313
1314
|
outline-offset: var(--m-radio-outline-offset);
|
|
1314
1315
|
}
|
|
@@ -1324,7 +1325,7 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1324
1325
|
position: relative;
|
|
1325
1326
|
display: inline-flex;
|
|
1326
1327
|
|
|
1327
|
-
${
|
|
1328
|
+
${Xt({property:"border-color"})};
|
|
1328
1329
|
}
|
|
1329
1330
|
|
|
1330
1331
|
.radio-button .radio-input::before {
|
|
@@ -1337,7 +1338,7 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1337
1338
|
left: 50%;
|
|
1338
1339
|
display: block;
|
|
1339
1340
|
position: absolute;
|
|
1340
|
-
${
|
|
1341
|
+
${Xt([{property:"background-color"},{property:"height",duration:"120ms"},{property:"width",duration:"120ms"}])};
|
|
1341
1342
|
}
|
|
1342
1343
|
|
|
1343
1344
|
.radio-button[aria-checked='true'] .radio-input::before {
|
|
@@ -1345,18 +1346,18 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1345
1346
|
height: 10px;
|
|
1346
1347
|
}
|
|
1347
1348
|
|
|
1348
|
-
${
|
|
1349
|
+
${te(".radio-button")} {
|
|
1349
1350
|
cursor: default;
|
|
1350
|
-
--m-radio-label-color: ${
|
|
1351
|
-
--m-radio-background-color: ${
|
|
1351
|
+
--m-radio-label-color: ${Dt("color-neutral-40")};
|
|
1352
|
+
--m-radio-background-color: ${Dt("color-background-tertiary")};
|
|
1352
1353
|
}
|
|
1353
1354
|
|
|
1354
|
-
${
|
|
1355
|
-
--m-radio-border-color: ${
|
|
1355
|
+
${te('.radio-button[aria-checked="true"]',".radio-input")} {
|
|
1356
|
+
--m-radio-border-color: ${Dt("color-border")};
|
|
1356
1357
|
}
|
|
1357
1358
|
|
|
1358
|
-
${
|
|
1359
|
-
--m-radio-dot-check-color: ${
|
|
1359
|
+
${te(".radio-button",".radio-input::before")} {
|
|
1360
|
+
--m-radio-dot-check-color: ${Dt("color-neutral-40")};
|
|
1360
1361
|
}
|
|
1361
1362
|
|
|
1362
1363
|
.radio-button .radio-input::before {
|
|
@@ -1364,36 +1365,36 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1364
1365
|
}
|
|
1365
1366
|
|
|
1366
1367
|
.radio-button[aria-checked='true'] .radio-input {
|
|
1367
|
-
--m-radio-dot-check-color: ${
|
|
1368
|
-
--m-radio-border-color: ${
|
|
1368
|
+
--m-radio-dot-check-color: ${Dt("color-primary-60")};
|
|
1369
|
+
--m-radio-border-color: ${Dt("color-primary-60")};
|
|
1369
1370
|
}
|
|
1370
1371
|
|
|
1371
1372
|
.radio-button .radio-input {
|
|
1372
|
-
--m-radio-border-color: ${
|
|
1373
|
+
--m-radio-border-color: ${Dt("color-border")};
|
|
1373
1374
|
}
|
|
1374
1375
|
|
|
1375
|
-
${
|
|
1376
|
-
--m-radio-border-color: ${
|
|
1377
|
-
--m-radio-dot-check-color: ${
|
|
1376
|
+
${ee.hover(".radio-button")} .radio-input {
|
|
1377
|
+
--m-radio-border-color: ${Dt("color-primary-100")};
|
|
1378
|
+
--m-radio-dot-check-color: ${Dt("color-primary-100")};
|
|
1378
1379
|
}
|
|
1379
1380
|
|
|
1380
|
-
${
|
|
1381
|
-
--m-radio-label-color: ${
|
|
1381
|
+
${ee.hover(".radio-button")} {
|
|
1382
|
+
--m-radio-label-color: ${Dt("color-text-primary")};
|
|
1382
1383
|
}
|
|
1383
1384
|
|
|
1384
|
-
${
|
|
1385
|
+
${te(".radio-button","*")} {
|
|
1385
1386
|
pointer-event: none;
|
|
1386
1387
|
}
|
|
1387
|
-
`],window.customElements.define("m-radio",
|
|
1388
|
+
`],window.customElements.define("m-radio",jo);var Ao,_o={};Object.defineProperty(_o,"i",{value:!0});var Bo,Eo,Oo,To,Uo,qo,No,Ro,Po,Do,Go,Lo,Io,Vo,Jo=Gt;_o.SELECTION_TYPES=["single","single-strict","multiple"],Ao=_o.default=function(t){const{type:e="multiple"}=t;return"single"===e?{type:"single",init(t){return this.select(t,new Set)},select(t,e){const o=Jo.toArray(t);if(0===o.length)return e;const i=new Set;return i.add(String(o[o.length-1])),i},unselect(t,e){const o=Jo.toArray(t);if(0===o.length||0===e.size)return e;const i=new Set(e);for(let t=0;t<o.length;t++)i.delete(String(o[t]));return i},toggle(t,e){const o=Jo.toArray(t);if(0===o.length)return e;const i=new Set;for(let t=0;t<o.length;t++){const r=String(o[t]);e.has(r)||(i.clear(),i.add(r))}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}}:"single-strict"===e?{type:"single-strict",init(t){return this.select(t,new Set)},select(t,e){const o=Jo.toArray(t);if(0===o.length)return e;const i=new Set;return i.add(String(o[o.length-1])),i},unselect(t,e){const o=Jo.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=Jo.toArray(t);if(0===o.length)return e;const i=new Set(e);for(let t=0;t<o.length;t++){const r=String(o[t]);e.has(r)||(i.clear(),i.add(r))}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}}:{type:"multiple",init(t){return this.select(t,new Set)},select(t,e){const o=Jo.toArray(t);if(0===o.length)return e;const i=new Set(e);for(let t=0;t<o.length;t++)i.add(String(o[t]));return i},unselect(t,e){const o=Jo.toArray(t);if(0===o.length||0===e.size)return e;const i=new Set(e);for(let t=0;t<o.length;t++)i.delete(String(o[t]));return i},toggle(t,e){const o=Jo.toArray(t);if(0===o.length)return e;const i=new Set(e);for(let t=0;t<o.length;t++){const r=String(o[t]);e.has(r)?i.delete(r):i.add(r)}return i},reset:t=>null==t?new Set:t,value:t=>null==t||0===t.size?null:Array.from(t)}};class Zo{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(Lt(o));break;case"unselect":this.unselect(Lt(o));break;case"toggle":this.toggle(Lt(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",Oo).call(this)},this.unselect=e=>{this.host.selection=this.strategy.unselect(e,this.host.selection),t(this,Bo,"m",Oo).call(this)},this.toggle=e=>{this.host.selection=this.strategy.toggle(e,this.host.selection),t(this,Bo,"m",Oo).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=Ao({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,Oo=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 Ho extends lt{static get properties(){return{value:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},selection:{state:!0},orientation:{type:String}}}constructor(){super(),To.set(this,null),Uo.set(this,null),qo.set(this,(()=>{var e;return null===(e=t(this,No,"f").call(this)[0])||void 0===e?void 0:e.value})),No.set(this,(()=>{var o,i,r;e(this,Uo,null!==(o=t(this,Uo,"f"))&&void 0!==o?o:this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...null!==(r=null===(i=t(this,Uo,"f"))||void 0===i?void 0:i.assignedElements({flatten:!0}))&&void 0!==r?r:[]].filter((t=>"m-radio"===t.tagName.toLowerCase()))})),Ro.set(this,(t=>{t.checked=this.selection.has(t.value)})),Po.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,To,new Zo(this,this.type,So),"f")}update(e){super.update(e),e.has("value")&&t(this,To,"f")&&t(this,To,"f").init(Lt(this.value||t(this,qo,"f").call(this))),e.has("selection")&&([this.value]=this.selection)}updated(e){super.updated(e),e.has("selection")&&t(this,No,"f").call(this).forEach((e=>{t(this,Ro,"f").call(this,e)})),e.has("disabled")&&t(this,No,"f").call(this).forEach((e=>{t(this,Po,"f").call(this,e)}))}render(){return v`
|
|
1388
1389
|
<div
|
|
1389
|
-
class=${
|
|
1390
|
+
class=${bt({"radio-group":!0,"-vertical":"vertical"===this.orientation,"-horizontal":"horizontal"===this.orientation})}
|
|
1390
1391
|
>
|
|
1391
1392
|
<slot></slot>
|
|
1392
1393
|
</div>
|
|
1393
|
-
`}}
|
|
1394
|
+
`}}To=new WeakMap,Uo=new WeakMap,qo=new WeakMap,No=new WeakMap,Ro=new WeakMap,Po=new WeakMap,Ho.styles=[H`
|
|
1394
1395
|
.radio-group {
|
|
1395
1396
|
display: flex;
|
|
1396
|
-
gap: ${
|
|
1397
|
+
gap: ${Pt("spacing-2")};
|
|
1397
1398
|
}
|
|
1398
1399
|
.radio-group.-vertical {
|
|
1399
1400
|
flex-direction: column;
|
|
@@ -1401,28 +1402,28 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1401
1402
|
.radio-group.-horizontal {
|
|
1402
1403
|
flex-direction: row;
|
|
1403
1404
|
}
|
|
1404
|
-
`],window.customElements.define("m-radio-group",
|
|
1405
|
+
`],window.customElements.define("m-radio-group",Ho);class Fo 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`
|
|
1405
1406
|
<span
|
|
1406
|
-
class=${
|
|
1407
|
+
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})}
|
|
1407
1408
|
>
|
|
1408
|
-
${this.isSkeleton?
|
|
1409
|
+
${this.isSkeleton?v``:v`<slot name="leading"></slot>`}
|
|
1409
1410
|
<slot></slot>
|
|
1410
1411
|
</span>
|
|
1411
|
-
`}}
|
|
1412
|
+
`}}Fo.styles=[[H`
|
|
1412
1413
|
@keyframes skeleton-loading {
|
|
1413
1414
|
0% {
|
|
1414
|
-
background-color: ${
|
|
1415
|
+
background-color: ${Dt("color-background-tertiary")};
|
|
1415
1416
|
opacity: 0.3;
|
|
1416
1417
|
}
|
|
1417
1418
|
50% {
|
|
1418
|
-
background-color: ${
|
|
1419
|
+
background-color: ${Dt("color-background-tertiary")};
|
|
1419
1420
|
opacity: 0.6;
|
|
1420
1421
|
}
|
|
1421
1422
|
100% {
|
|
1422
|
-
background-color: ${
|
|
1423
|
+
background-color: ${Dt("color-background-tertiary")};
|
|
1423
1424
|
}
|
|
1424
1425
|
}
|
|
1425
|
-
`,
|
|
1426
|
+
`,H`
|
|
1426
1427
|
:host {
|
|
1427
1428
|
--m-tag-skeleton-width: 100px;
|
|
1428
1429
|
}
|
|
@@ -1434,142 +1435,142 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1434
1435
|
box-sizing: border-box;
|
|
1435
1436
|
max-width: 200px;
|
|
1436
1437
|
border-radius: 100px;
|
|
1437
|
-
line-height: ${
|
|
1438
|
+
line-height: ${Pt("line-height-1")};
|
|
1438
1439
|
cursor: default;
|
|
1439
1440
|
}
|
|
1440
1441
|
|
|
1441
1442
|
.tag slot[name='leading']::slotted(*) {
|
|
1442
|
-
margin-inline-end: ${
|
|
1443
|
+
margin-inline-end: ${Pt("spacing-1")};
|
|
1443
1444
|
vertical-align: middle;
|
|
1444
1445
|
}
|
|
1445
1446
|
|
|
1446
1447
|
.-size-small {
|
|
1447
|
-
${
|
|
1448
|
-
padding: ${
|
|
1449
|
-
block-size: ${
|
|
1448
|
+
${Yt("chips-sm")};
|
|
1449
|
+
padding: ${Pt("spacing-1")} ${Pt("spacing-2")};
|
|
1450
|
+
block-size: ${ye("18px")};
|
|
1450
1451
|
}
|
|
1451
1452
|
.-size-default {
|
|
1452
|
-
${
|
|
1453
|
-
padding: ${
|
|
1454
|
-
block-size: ${
|
|
1453
|
+
${Yt("chips-md")};
|
|
1454
|
+
padding: ${Pt("spacing-2")} ${Pt("spacing-3")};
|
|
1455
|
+
block-size: ${Pt("global-height-small")};
|
|
1455
1456
|
}
|
|
1456
1457
|
.-size-large {
|
|
1457
|
-
${
|
|
1458
|
-
padding: ${
|
|
1459
|
-
block-size: ${
|
|
1458
|
+
${Yt("button-lg")};
|
|
1459
|
+
padding: ${Pt("spacing-3")} ${Pt("spacing-4")};
|
|
1460
|
+
block-size: ${Pt("global-height-default")};
|
|
1460
1461
|
}
|
|
1461
1462
|
|
|
1462
1463
|
.-success {
|
|
1463
|
-
color: ${
|
|
1464
|
-
background: ${
|
|
1464
|
+
color: ${Dt("color-success-60")};
|
|
1465
|
+
background: ${Dt("color-success-20")};
|
|
1465
1466
|
}
|
|
1466
1467
|
.-neutral {
|
|
1467
|
-
color: ${
|
|
1468
|
-
background: ${
|
|
1468
|
+
color: ${Dt("color-text-tertiary")};
|
|
1469
|
+
background: ${Dt("color-background-tertiary")};
|
|
1469
1470
|
}
|
|
1470
1471
|
.-warning {
|
|
1471
|
-
color: ${
|
|
1472
|
-
background: ${
|
|
1472
|
+
color: ${Dt("color-warning-100")};
|
|
1473
|
+
background: ${Dt("color-warning-20")};
|
|
1473
1474
|
}
|
|
1474
1475
|
.-danger {
|
|
1475
|
-
color: ${
|
|
1476
|
-
background: ${
|
|
1476
|
+
color: ${Dt("color-danger-60")};
|
|
1477
|
+
background: ${Dt("color-danger-20")};
|
|
1477
1478
|
}
|
|
1478
1479
|
|
|
1479
1480
|
.-is-skeleton {
|
|
1480
|
-
${
|
|
1481
|
+
${Z("animation: skeleton-loading 1s linear infinite alternate;")};
|
|
1481
1482
|
width: var(--m-tag-skeleton-width);
|
|
1482
1483
|
}
|
|
1483
|
-
`]],window.customElements.define("m-tag",
|
|
1484
|
+
`]],window.customElements.define("m-tag",Fo);class Ko extends me{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(),Do.add(this),this.inputElement=null,this.field=new Ge(this,Ze,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`
|
|
1484
1485
|
<div
|
|
1485
|
-
class=${
|
|
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,Do,"m",Lo).call(this),"-status-danger":"danger"===t(this,Do,"m",Lo).call(this)})}
|
|
1486
1487
|
>
|
|
1487
1488
|
<slot name="leading"></slot>
|
|
1488
1489
|
<input
|
|
1489
|
-
id="${
|
|
1490
|
-
type="${
|
|
1490
|
+
id="${ct(this.id)}"
|
|
1491
|
+
type="${ct(this.type)}"
|
|
1491
1492
|
class="text-field"
|
|
1492
1493
|
aria-disabled=${this.disabled?"true":"false"}
|
|
1493
1494
|
?disabled="${this.disabled}"
|
|
1494
1495
|
?readonly=${this.readOnly}
|
|
1495
|
-
max=${this.max||
|
|
1496
|
-
maxlength=${null!=this.maxLength&&this.maxLength>-1?this.maxLength:
|
|
1497
|
-
min=${this.min||
|
|
1498
|
-
minlength=${null!=this.minLength&&this.minLength>-1?this.minLength:
|
|
1499
|
-
pattern=${
|
|
1500
|
-
placeholder="${
|
|
1501
|
-
step=${this.step||
|
|
1502
|
-
value="${
|
|
1496
|
+
max=${this.max||x}
|
|
1497
|
+
maxlength=${null!=this.maxLength&&this.maxLength>-1?this.maxLength:x}
|
|
1498
|
+
min=${this.min||x}
|
|
1499
|
+
minlength=${null!=this.minLength&&this.minLength>-1?this.minLength:x}
|
|
1500
|
+
pattern=${ct(this.pattern)}
|
|
1501
|
+
placeholder="${ct(this.placeholder)}"
|
|
1502
|
+
step=${this.step||x}
|
|
1503
|
+
value="${ct(this.value)}"
|
|
1503
1504
|
@change=${this.reemit}
|
|
1504
|
-
@input=${t(this,
|
|
1505
|
+
@input=${t(this,Do,"m",Io)}
|
|
1505
1506
|
/>
|
|
1506
|
-
${this.clearable?
|
|
1507
|
-
class=${
|
|
1508
|
-
controls="${
|
|
1509
|
-
@m-close=${t(this,
|
|
1507
|
+
${this.clearable?v`<m-close-button
|
|
1508
|
+
class=${bt({clear:!0,"is-visible":t(this,Do,"m",Go).call(this)})}
|
|
1509
|
+
controls="${ct(this.id)}"
|
|
1510
|
+
@m-close=${t(this,Do,"m",Vo)}
|
|
1510
1511
|
label="Clear input"
|
|
1511
|
-
></m-close-button>`:
|
|
1512
|
+
></m-close-button>`:x}
|
|
1512
1513
|
<slot name="trailing"></slot>
|
|
1513
1514
|
</div>
|
|
1514
|
-
`}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()}}
|
|
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()}}Do=new WeakSet,Go=function(){const t=this.value||"";return!this.disabled&&t.length>0},Lo=function(){var t;return this.status||(null===(t=this.field.value)||void 0===t?void 0:t.status)},Io=function(t){this.value=t.target.value,this.reemit(t)},Vo=function(t){t.stopPropagation(),this.clear()},Ko.styles=[H`
|
|
1515
1516
|
:host {
|
|
1516
1517
|
--m-text-field-background-color: transparent;
|
|
1517
|
-
--m-text-field-border-color: ${
|
|
1518
|
-
--m-text-field-height: ${
|
|
1519
|
-
--m-text-field-outline-color: ${
|
|
1518
|
+
--m-text-field-border-color: ${Dt("color-border")};
|
|
1519
|
+
--m-text-field-height: ${Pt("global-height-default")};
|
|
1520
|
+
--m-text-field-outline-color: ${Dt("color-primary-100")};
|
|
1520
1521
|
--m-text-field-outline-offset: 2px;
|
|
1521
|
-
--m-text-field-padding-y: ${
|
|
1522
|
-
--m-text-field-placeholder-color: ${
|
|
1523
|
-
--m-text-field-color: ${
|
|
1522
|
+
--m-text-field-padding-y: ${Pt("spacing-2")};
|
|
1523
|
+
--m-text-field-placeholder-color: ${Dt("color-text-placeholder")};
|
|
1524
|
+
--m-text-field-color: ${Dt("color-text-primary")};
|
|
1524
1525
|
}
|
|
1525
1526
|
|
|
1526
1527
|
.container {
|
|
1527
|
-
${
|
|
1528
|
-
${
|
|
1528
|
+
${Yt("body-md")};
|
|
1529
|
+
${Xt([{property:"background-color"},{property:"border-color"}])};
|
|
1529
1530
|
|
|
1530
1531
|
display: inline-flex;
|
|
1531
1532
|
align-items: center;
|
|
1532
1533
|
justify-content: start;
|
|
1533
|
-
gap: ${
|
|
1534
|
+
gap: ${Pt("spacing-2")};
|
|
1534
1535
|
|
|
1535
1536
|
position: relative;
|
|
1536
1537
|
box-sizing: border-box;
|
|
1537
1538
|
width: 100%;
|
|
1538
1539
|
block-size: var(--m-text-field-height);
|
|
1539
1540
|
|
|
1540
|
-
${
|
|
1541
|
+
${Ht(Pt("spacing-2"))};
|
|
1541
1542
|
|
|
1542
1543
|
background-color: var(--m-text-field-background-color);
|
|
1543
|
-
border-radius: ${
|
|
1544
|
+
border-radius: ${Pt("border-radius-s")};
|
|
1544
1545
|
border: 1px solid var(--m-text-field-border-color);
|
|
1545
1546
|
}
|
|
1546
1547
|
|
|
1547
1548
|
.container.-size-small {
|
|
1548
|
-
--m-text-field-height: ${
|
|
1549
|
+
--m-text-field-height: ${Pt("global-height-small")};
|
|
1549
1550
|
--m-text-field-padding-y: 0;
|
|
1550
1551
|
}
|
|
1551
1552
|
|
|
1552
1553
|
.container.-size-small,
|
|
1553
1554
|
.container.-size-small .text-field {
|
|
1554
|
-
${
|
|
1555
|
+
${Yt("body-sm")};
|
|
1555
1556
|
}
|
|
1556
1557
|
|
|
1557
1558
|
.container.-size-large {
|
|
1558
|
-
--m-text-field-height: ${
|
|
1559
|
-
--m-text-field-padding-y: ${
|
|
1559
|
+
--m-text-field-height: ${Pt("global-height-large")};
|
|
1560
|
+
--m-text-field-padding-y: ${Pt("spacing-3")};
|
|
1560
1561
|
}
|
|
1561
1562
|
|
|
1562
1563
|
.container.-status-danger {
|
|
1563
|
-
--m-text-field-border-color: ${
|
|
1564
|
+
--m-text-field-border-color: ${Dt("color-danger-60")};
|
|
1564
1565
|
}
|
|
1565
1566
|
|
|
1566
|
-
${
|
|
1567
|
-
--m-text-field-background-color: ${
|
|
1567
|
+
${te(".container")} {
|
|
1568
|
+
--m-text-field-background-color: ${Dt("color-background-tertiary")};
|
|
1568
1569
|
|
|
1569
1570
|
cursor: default;
|
|
1570
1571
|
}
|
|
1571
1572
|
|
|
1572
|
-
${
|
|
1573
|
+
${te(".container","*")} {
|
|
1573
1574
|
pointer-events: none;
|
|
1574
1575
|
}
|
|
1575
1576
|
|
|
@@ -1581,25 +1582,25 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1581
1582
|
cursor: default;
|
|
1582
1583
|
}
|
|
1583
1584
|
|
|
1584
|
-
${
|
|
1585
|
-
--m-text-field-border-color: ${
|
|
1585
|
+
${ee.hover(".container")} {
|
|
1586
|
+
--m-text-field-border-color: ${Dt("color-primary-60")};
|
|
1586
1587
|
}
|
|
1587
1588
|
|
|
1588
|
-
${
|
|
1589
|
-
--m-text-field-border-color: ${
|
|
1589
|
+
${ee.focus(".container")} {
|
|
1590
|
+
--m-text-field-border-color: ${Dt("color-primary-60")};
|
|
1590
1591
|
|
|
1591
1592
|
outline: 1px solid var(--m-text-field-outline-color);
|
|
1592
1593
|
outline-offset: var(--m-text-field-outline-offset);
|
|
1593
1594
|
}
|
|
1594
1595
|
|
|
1595
1596
|
.text-field {
|
|
1596
|
-
${
|
|
1597
|
+
${Yt("body-md")};
|
|
1597
1598
|
|
|
1598
1599
|
border: none;
|
|
1599
1600
|
outline: none;
|
|
1600
1601
|
flex: 1;
|
|
1601
1602
|
|
|
1602
|
-
${
|
|
1603
|
+
${Ht(0)};
|
|
1603
1604
|
padding-block: var(--m-text-field-padding-y);
|
|
1604
1605
|
|
|
1605
1606
|
background-color: var(--m-text-field-background-color);
|
|
@@ -1610,8 +1611,8 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1610
1611
|
color: var(--m-text-field-placeholder-color);
|
|
1611
1612
|
}
|
|
1612
1613
|
|
|
1613
|
-
${
|
|
1614
|
-
${
|
|
1614
|
+
${ee.active(".text-field")},
|
|
1615
|
+
${ee.focus(".text-field")} {
|
|
1615
1616
|
-webkit-appearance: none;
|
|
1616
1617
|
background: none;
|
|
1617
1618
|
border: none;
|
|
@@ -1625,43 +1626,43 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1625
1626
|
.clear.is-visible {
|
|
1626
1627
|
visibility: visible;
|
|
1627
1628
|
}
|
|
1628
|
-
`],window.customElements.define("m-text-field",
|
|
1629
|
+
`],window.customElements.define("m-text-field",Ko);const Qo="m-toggle";var 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(),Xo.set(this,null),Yo.set(this,null),ti.set(this,(()=>{var o,i,r;e(this,Yo,null!==(o=t(this,Yo,"f"))&&void 0!==o?o:this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...null!==(r=null===(i=t(this,Yo,"f"))||void 0===i?void 0:i.assignedElements({flatten:!0}))&&void 0!==r?r:[]].filter((t=>"m-toggle"===t.tagName.toLowerCase()))})),ei.set(this,(t=>{t.setAttribute("role",["single","single-strict"].includes(this.type)?"radio":"checkbox")})),oi.set(this,(t=>{t.checked=this.selection.has(t.value)})),ii.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,Xo,"f"))&&(e(this,Xo,new Zo(this,this.type,Qo),"f"),t(this,Xo,"f").init(Lt(this.value)),this.role=["single","single-strict"].includes(this.type)?"radiogroup":"group"),o.has("value")&&t(this,Xo,"f").init(Lt(this.value))}updated(e){super.updated(e),e.has("selection")&&t(this,ti,"f").call(this).forEach((e=>{t(this,oi,"f").call(this,e)})),e.has("disabled")&&t(this,ti,"f").call(this).forEach((e=>{t(this,ii,"f").call(this,e)})),e.has("role")&&t(this,ti,"f").call(this).forEach((e=>{t(this,ei,"f").call(this,e)}))}render(){return v`
|
|
1629
1630
|
<m-group
|
|
1630
|
-
class=${
|
|
1631
|
+
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})}
|
|
1631
1632
|
gap="spacing-1"
|
|
1632
1633
|
>
|
|
1633
1634
|
<slot></slot>
|
|
1634
1635
|
</m-group>
|
|
1635
|
-
`}}
|
|
1636
|
+
`}}Xo=new WeakMap,Yo=new WeakMap,ti=new WeakMap,ei=new WeakMap,oi=new WeakMap,ii=new WeakMap,li.styles=[[H`
|
|
1636
1637
|
.toggle-group {
|
|
1637
1638
|
inline-size: max-content;
|
|
1638
1639
|
|
|
1639
|
-
border: 1px solid ${
|
|
1640
|
-
padding: ${
|
|
1640
|
+
border: 1px solid ${Dt("color-border")};
|
|
1641
|
+
padding: ${Pt("spacing-1")};
|
|
1641
1642
|
|
|
1642
|
-
border-radius: ${
|
|
1643
|
+
border-radius: ${Pt("border-radius-s")};
|
|
1643
1644
|
box-sizing: border-box;
|
|
1644
1645
|
|
|
1645
|
-
block-size: ${
|
|
1646
|
+
block-size: ${Pt("global-height-default")};
|
|
1646
1647
|
}
|
|
1647
1648
|
|
|
1648
1649
|
.toggle-group.-small {
|
|
1649
|
-
block-size: ${
|
|
1650
|
+
block-size: ${Pt("global-height-small")};
|
|
1650
1651
|
}
|
|
1651
1652
|
|
|
1652
1653
|
.toggle-group.-small ::slotted(m-toggle) {
|
|
1653
1654
|
--m-toggle-base-size: 18px;
|
|
1654
|
-
--m-toggle-font-size: ${
|
|
1655
|
+
--m-toggle-font-size: ${Pt("font-size-2")};
|
|
1655
1656
|
--m-toggle-icon-size: 10px;
|
|
1656
1657
|
}
|
|
1657
1658
|
|
|
1658
1659
|
.toggle-group.-show-check ::slotted(m-toggle[aria-checked='true']) {
|
|
1659
1660
|
--m-toggle-icon-display: inline-flex;
|
|
1660
1661
|
}
|
|
1661
|
-
`]],window.customElements.define("m-toggle-group",
|
|
1662
|
+
`]],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(),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(Qo,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`
|
|
1662
1663
|
<button
|
|
1663
1664
|
type="button"
|
|
1664
|
-
class=${
|
|
1665
|
+
class=${bt({button:!0,toggle:!0})}
|
|
1665
1666
|
role="${this.role}"
|
|
1666
1667
|
aria-checked="${this.checked}"
|
|
1667
1668
|
?disabled="${this.disabled}"
|
|
@@ -1672,40 +1673,40 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1672
1673
|
|
|
1673
1674
|
<slot></slot>
|
|
1674
1675
|
</button>
|
|
1675
|
-
`}}
|
|
1676
|
+
`}}ri=new WeakMap,ni=new WeakMap,si=new WeakMap,ai.styles=[[oe(),H`
|
|
1676
1677
|
:host {
|
|
1677
1678
|
/*
|
|
1678
1679
|
* These custom properties are here because they are meant to be
|
|
1679
1680
|
* overriden via toggle-group styles.
|
|
1680
1681
|
*/
|
|
1681
1682
|
--m-toggle-base-size: 30px;
|
|
1682
|
-
--m-toggle-font-size: ${
|
|
1683
|
+
--m-toggle-font-size: ${Pt("font-size-3")};
|
|
1683
1684
|
--m-toggle-icon-size: 12px;
|
|
1684
1685
|
--m-toggle-icon-display: none;
|
|
1685
1686
|
}
|
|
1686
1687
|
|
|
1687
1688
|
.toggle {
|
|
1688
1689
|
--m-button-border-color: transparent;
|
|
1689
|
-
--m-button-color: ${
|
|
1690
|
-
--m-button-padding-x: ${
|
|
1690
|
+
--m-button-color: ${Dt("color-primary-100")};
|
|
1691
|
+
--m-button-padding-x: ${Pt("spacing-2")};
|
|
1691
1692
|
--m-button-padding-y: 0;
|
|
1692
1693
|
|
|
1693
1694
|
--m-button-base-size: var(--m-toggle-base-size);
|
|
1694
1695
|
--m-button-font-size: var(--m-toggle-font-size);
|
|
1695
1696
|
}
|
|
1696
1697
|
|
|
1697
|
-
${
|
|
1698
|
-
--m-button-color: ${
|
|
1698
|
+
${te([".toggle"])} {
|
|
1699
|
+
--m-button-color: ${Dt("color-text-disabled")};
|
|
1699
1700
|
}
|
|
1700
1701
|
|
|
1701
1702
|
[aria-checked='true'] {
|
|
1702
|
-
--m-button-background-color: ${
|
|
1703
|
+
--m-button-background-color: ${Dt("color-primary-20")};
|
|
1703
1704
|
}
|
|
1704
1705
|
|
|
1705
|
-
${
|
|
1706
|
-
--m-button-background-color: ${
|
|
1707
|
-
--m-button-border-color: ${
|
|
1708
|
-
--m-button-color: ${
|
|
1706
|
+
${ee.hover(".toggle")} {
|
|
1707
|
+
--m-button-background-color: ${Dt("color-background-tertiary")};
|
|
1708
|
+
--m-button-border-color: ${Dt("color-background-tertiary")};
|
|
1709
|
+
--m-button-color: ${Dt("color-primary-100")};
|
|
1709
1710
|
}
|
|
1710
1711
|
|
|
1711
1712
|
.check-icon {
|
|
@@ -1714,5 +1715,5 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1714
1715
|
|
|
1715
1716
|
display: var(--m-toggle-icon-display);
|
|
1716
1717
|
}
|
|
1717
|
-
`]],window.customElements.define("m-toggle",
|
|
1718
|
+
`]],window.customElements.define("m-toggle",ai);export{ao as ALIGN_ITEMS_VALUES,Ae as Banner,de as BannerActionPrimary,he as BannerActionSecondary,ue as BannerActions,be as BannerDescription,ge as BannerIcon,pe as BannerTitle,uo as Box,ce as Button,_e as Card,Be as CardBody,Ee as CardSubtitle,Oe as CardTitle,Re as Checkbox,Se as CloseButton,Pe as Divider,lo as FIELD_STATUSES,so as Field,ro as FieldHint,no as FieldLabel,go as Grid,Ke as Group,co as JUSTIFY_CONTENT_VALUES,ko as ProgressBar,zo as ProgressBarCountdown,jo as Radio,Ho as RadioGroup,fo as Sidebar,Xe as Stack,yo as Switcher,Fo as Tag,Me as Text,Ko as TextField,ai as Toggle,li as ToggleGroup,ho as defaultBoxProps,bo as defaultGridProps,Fe as defaultGroupProps,po as defaultSidebarProps,Qe as defaultStackProps,$o as defaultSwitcherProps};
|
|
1718
1719
|
//# sourceMappingURL=index.js.map
|