@loadsmart/miranda-wc 1.26.0 → 1.27.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -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,9 @@ 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
1237
|
}
|
|
1238
1238
|
|
|
1239
1239
|
.progress {
|
|
@@ -1241,11 +1241,11 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1241
1241
|
top: 0;
|
|
1242
1242
|
left: 0;
|
|
1243
1243
|
|
|
1244
|
-
${
|
|
1244
|
+
${Xt([{property:"width"},{property:"background"}])};
|
|
1245
1245
|
|
|
1246
|
-
height: ${
|
|
1246
|
+
height: ${ye("8px")};
|
|
1247
1247
|
|
|
1248
|
-
border-radius: ${
|
|
1248
|
+
border-radius: ${Pt("border-radius-s")};
|
|
1249
1249
|
|
|
1250
1250
|
background: var(--m-progress-bar-progress-background);
|
|
1251
1251
|
}
|
|
@@ -1253,23 +1253,23 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1253
1253
|
.-default {
|
|
1254
1254
|
--m-progress-bar-progress-background: linear-gradient(
|
|
1255
1255
|
45deg,
|
|
1256
|
-
${
|
|
1257
|
-
${
|
|
1256
|
+
${Dt("color-brand-accent-1")} 22%,
|
|
1257
|
+
${Dt("color-brand-accent-2")} 88%
|
|
1258
1258
|
);
|
|
1259
1259
|
}
|
|
1260
1260
|
|
|
1261
1261
|
.-success {
|
|
1262
|
-
--m-progress-bar-progress-background: ${
|
|
1262
|
+
--m-progress-bar-progress-background: ${Dt("color-success-60")};
|
|
1263
1263
|
}
|
|
1264
1264
|
|
|
1265
1265
|
.-warning {
|
|
1266
|
-
--m-progress-bar-progress-background: ${
|
|
1266
|
+
--m-progress-bar-progress-background: ${Dt("color-warning-60")};
|
|
1267
1267
|
}
|
|
1268
1268
|
|
|
1269
1269
|
.-danger {
|
|
1270
|
-
--m-progress-bar-progress-background: ${
|
|
1270
|
+
--m-progress-bar-progress-background: ${Dt("color-danger-60")};
|
|
1271
1271
|
}
|
|
1272
|
-
`],window.customElements.define("m-progress-bar",
|
|
1272
|
+
`],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
1273
|
<button
|
|
1274
1274
|
type="button"
|
|
1275
1275
|
class="radio-button"
|
|
@@ -1281,34 +1281,34 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1281
1281
|
<slot name="leading"></slot>
|
|
1282
1282
|
<slot></slot>
|
|
1283
1283
|
</button>
|
|
1284
|
-
`}}
|
|
1284
|
+
`}}Co=new WeakMap,Mo=new WeakMap,Wo=new WeakMap,jo.styles=[H`
|
|
1285
1285
|
:host {
|
|
1286
|
-
--m-radio-border-color: ${
|
|
1287
|
-
--m-radio-dot-check-color: ${
|
|
1286
|
+
--m-radio-border-color: ${Dt("color-border")};
|
|
1287
|
+
--m-radio-dot-check-color: ${Dt("color-primary-60")};
|
|
1288
1288
|
--m-radio-size: 14px;
|
|
1289
1289
|
--m-radio-background-color: white;
|
|
1290
|
-
--m-radio-border-width: ${
|
|
1291
|
-
--m-radio-label-color: ${
|
|
1292
|
-
--m-radio-outline-color: ${
|
|
1290
|
+
--m-radio-border-width: ${Pt("border-thin")};
|
|
1291
|
+
--m-radio-label-color: ${Dt("color-text-tertiary")};
|
|
1292
|
+
--m-radio-outline-color: ${Dt("color-primary-60")};
|
|
1293
1293
|
--m-radio-outline-offset: 2px;
|
|
1294
1294
|
}
|
|
1295
1295
|
|
|
1296
1296
|
.radio-button {
|
|
1297
|
-
${
|
|
1297
|
+
${Yt("body-md")};
|
|
1298
1298
|
color: var(--m-radio-label-color);
|
|
1299
1299
|
|
|
1300
1300
|
border: none;
|
|
1301
1301
|
background: none;
|
|
1302
1302
|
|
|
1303
|
-
height: ${
|
|
1303
|
+
height: ${Pt("global-height-small")};
|
|
1304
1304
|
display: inline-flex;
|
|
1305
|
-
gap: ${
|
|
1305
|
+
gap: ${Pt("spacing-1")};
|
|
1306
1306
|
align-items: center;
|
|
1307
|
-
border-radius: ${
|
|
1308
|
-
${
|
|
1307
|
+
border-radius: ${Pt("border-radius-s")};
|
|
1308
|
+
${Xt({property:"color"})};
|
|
1309
1309
|
}
|
|
1310
1310
|
|
|
1311
|
-
${
|
|
1311
|
+
${ee.focus(".radio-button")} {
|
|
1312
1312
|
outline: 1px solid var(--m-radio-outline-color);
|
|
1313
1313
|
outline-offset: var(--m-radio-outline-offset);
|
|
1314
1314
|
}
|
|
@@ -1324,7 +1324,7 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1324
1324
|
position: relative;
|
|
1325
1325
|
display: inline-flex;
|
|
1326
1326
|
|
|
1327
|
-
${
|
|
1327
|
+
${Xt({property:"border-color"})};
|
|
1328
1328
|
}
|
|
1329
1329
|
|
|
1330
1330
|
.radio-button .radio-input::before {
|
|
@@ -1337,7 +1337,7 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1337
1337
|
left: 50%;
|
|
1338
1338
|
display: block;
|
|
1339
1339
|
position: absolute;
|
|
1340
|
-
${
|
|
1340
|
+
${Xt([{property:"background-color"},{property:"height",duration:"120ms"},{property:"width",duration:"120ms"}])};
|
|
1341
1341
|
}
|
|
1342
1342
|
|
|
1343
1343
|
.radio-button[aria-checked='true'] .radio-input::before {
|
|
@@ -1345,18 +1345,18 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1345
1345
|
height: 10px;
|
|
1346
1346
|
}
|
|
1347
1347
|
|
|
1348
|
-
${
|
|
1348
|
+
${te(".radio-button")} {
|
|
1349
1349
|
cursor: default;
|
|
1350
|
-
--m-radio-label-color: ${
|
|
1351
|
-
--m-radio-background-color: ${
|
|
1350
|
+
--m-radio-label-color: ${Dt("color-neutral-40")};
|
|
1351
|
+
--m-radio-background-color: ${Dt("color-background-tertiary")};
|
|
1352
1352
|
}
|
|
1353
1353
|
|
|
1354
|
-
${
|
|
1355
|
-
--m-radio-border-color: ${
|
|
1354
|
+
${te('.radio-button[aria-checked="true"]',".radio-input")} {
|
|
1355
|
+
--m-radio-border-color: ${Dt("color-border")};
|
|
1356
1356
|
}
|
|
1357
1357
|
|
|
1358
|
-
${
|
|
1359
|
-
--m-radio-dot-check-color: ${
|
|
1358
|
+
${te(".radio-button",".radio-input::before")} {
|
|
1359
|
+
--m-radio-dot-check-color: ${Dt("color-neutral-40")};
|
|
1360
1360
|
}
|
|
1361
1361
|
|
|
1362
1362
|
.radio-button .radio-input::before {
|
|
@@ -1364,36 +1364,36 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1364
1364
|
}
|
|
1365
1365
|
|
|
1366
1366
|
.radio-button[aria-checked='true'] .radio-input {
|
|
1367
|
-
--m-radio-dot-check-color: ${
|
|
1368
|
-
--m-radio-border-color: ${
|
|
1367
|
+
--m-radio-dot-check-color: ${Dt("color-primary-60")};
|
|
1368
|
+
--m-radio-border-color: ${Dt("color-primary-60")};
|
|
1369
1369
|
}
|
|
1370
1370
|
|
|
1371
1371
|
.radio-button .radio-input {
|
|
1372
|
-
--m-radio-border-color: ${
|
|
1372
|
+
--m-radio-border-color: ${Dt("color-border")};
|
|
1373
1373
|
}
|
|
1374
1374
|
|
|
1375
|
-
${
|
|
1376
|
-
--m-radio-border-color: ${
|
|
1377
|
-
--m-radio-dot-check-color: ${
|
|
1375
|
+
${ee.hover(".radio-button")} .radio-input {
|
|
1376
|
+
--m-radio-border-color: ${Dt("color-primary-100")};
|
|
1377
|
+
--m-radio-dot-check-color: ${Dt("color-primary-100")};
|
|
1378
1378
|
}
|
|
1379
1379
|
|
|
1380
|
-
${
|
|
1381
|
-
--m-radio-label-color: ${
|
|
1380
|
+
${ee.hover(".radio-button")} {
|
|
1381
|
+
--m-radio-label-color: ${Dt("color-text-primary")};
|
|
1382
1382
|
}
|
|
1383
1383
|
|
|
1384
|
-
${
|
|
1384
|
+
${te(".radio-button","*")} {
|
|
1385
1385
|
pointer-event: none;
|
|
1386
1386
|
}
|
|
1387
|
-
`],window.customElements.define("m-radio",
|
|
1387
|
+
`],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
1388
|
<div
|
|
1389
|
-
class=${
|
|
1389
|
+
class=${bt({"radio-group":!0,"-vertical":"vertical"===this.orientation,"-horizontal":"horizontal"===this.orientation})}
|
|
1390
1390
|
>
|
|
1391
1391
|
<slot></slot>
|
|
1392
1392
|
</div>
|
|
1393
|
-
`}}
|
|
1393
|
+
`}}To=new WeakMap,Uo=new WeakMap,qo=new WeakMap,No=new WeakMap,Ro=new WeakMap,Po=new WeakMap,Ho.styles=[H`
|
|
1394
1394
|
.radio-group {
|
|
1395
1395
|
display: flex;
|
|
1396
|
-
gap: ${
|
|
1396
|
+
gap: ${Pt("spacing-2")};
|
|
1397
1397
|
}
|
|
1398
1398
|
.radio-group.-vertical {
|
|
1399
1399
|
flex-direction: column;
|
|
@@ -1401,28 +1401,28 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1401
1401
|
.radio-group.-horizontal {
|
|
1402
1402
|
flex-direction: row;
|
|
1403
1403
|
}
|
|
1404
|
-
`],window.customElements.define("m-radio-group",
|
|
1404
|
+
`],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
1405
|
<span
|
|
1406
|
-
class=${
|
|
1406
|
+
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
1407
|
>
|
|
1408
|
-
${this.isSkeleton?
|
|
1408
|
+
${this.isSkeleton?v``:v`<slot name="leading"></slot>`}
|
|
1409
1409
|
<slot></slot>
|
|
1410
1410
|
</span>
|
|
1411
|
-
`}}
|
|
1411
|
+
`}}Fo.styles=[[H`
|
|
1412
1412
|
@keyframes skeleton-loading {
|
|
1413
1413
|
0% {
|
|
1414
|
-
background-color: ${
|
|
1414
|
+
background-color: ${Dt("color-background-tertiary")};
|
|
1415
1415
|
opacity: 0.3;
|
|
1416
1416
|
}
|
|
1417
1417
|
50% {
|
|
1418
|
-
background-color: ${
|
|
1418
|
+
background-color: ${Dt("color-background-tertiary")};
|
|
1419
1419
|
opacity: 0.6;
|
|
1420
1420
|
}
|
|
1421
1421
|
100% {
|
|
1422
|
-
background-color: ${
|
|
1422
|
+
background-color: ${Dt("color-background-tertiary")};
|
|
1423
1423
|
}
|
|
1424
1424
|
}
|
|
1425
|
-
`,
|
|
1425
|
+
`,H`
|
|
1426
1426
|
:host {
|
|
1427
1427
|
--m-tag-skeleton-width: 100px;
|
|
1428
1428
|
}
|
|
@@ -1434,142 +1434,142 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1434
1434
|
box-sizing: border-box;
|
|
1435
1435
|
max-width: 200px;
|
|
1436
1436
|
border-radius: 100px;
|
|
1437
|
-
line-height: ${
|
|
1437
|
+
line-height: ${Pt("line-height-1")};
|
|
1438
1438
|
cursor: default;
|
|
1439
1439
|
}
|
|
1440
1440
|
|
|
1441
1441
|
.tag slot[name='leading']::slotted(*) {
|
|
1442
|
-
margin-inline-end: ${
|
|
1442
|
+
margin-inline-end: ${Pt("spacing-1")};
|
|
1443
1443
|
vertical-align: middle;
|
|
1444
1444
|
}
|
|
1445
1445
|
|
|
1446
1446
|
.-size-small {
|
|
1447
|
-
${
|
|
1448
|
-
padding: ${
|
|
1449
|
-
block-size: ${
|
|
1447
|
+
${Yt("chips-sm")};
|
|
1448
|
+
padding: ${Pt("spacing-1")} ${Pt("spacing-2")};
|
|
1449
|
+
block-size: ${ye("18px")};
|
|
1450
1450
|
}
|
|
1451
1451
|
.-size-default {
|
|
1452
|
-
${
|
|
1453
|
-
padding: ${
|
|
1454
|
-
block-size: ${
|
|
1452
|
+
${Yt("chips-md")};
|
|
1453
|
+
padding: ${Pt("spacing-2")} ${Pt("spacing-3")};
|
|
1454
|
+
block-size: ${Pt("global-height-small")};
|
|
1455
1455
|
}
|
|
1456
1456
|
.-size-large {
|
|
1457
|
-
${
|
|
1458
|
-
padding: ${
|
|
1459
|
-
block-size: ${
|
|
1457
|
+
${Yt("button-lg")};
|
|
1458
|
+
padding: ${Pt("spacing-3")} ${Pt("spacing-4")};
|
|
1459
|
+
block-size: ${Pt("global-height-default")};
|
|
1460
1460
|
}
|
|
1461
1461
|
|
|
1462
1462
|
.-success {
|
|
1463
|
-
color: ${
|
|
1464
|
-
background: ${
|
|
1463
|
+
color: ${Dt("color-success-60")};
|
|
1464
|
+
background: ${Dt("color-success-20")};
|
|
1465
1465
|
}
|
|
1466
1466
|
.-neutral {
|
|
1467
|
-
color: ${
|
|
1468
|
-
background: ${
|
|
1467
|
+
color: ${Dt("color-text-tertiary")};
|
|
1468
|
+
background: ${Dt("color-background-tertiary")};
|
|
1469
1469
|
}
|
|
1470
1470
|
.-warning {
|
|
1471
|
-
color: ${
|
|
1472
|
-
background: ${
|
|
1471
|
+
color: ${Dt("color-warning-100")};
|
|
1472
|
+
background: ${Dt("color-warning-20")};
|
|
1473
1473
|
}
|
|
1474
1474
|
.-danger {
|
|
1475
|
-
color: ${
|
|
1476
|
-
background: ${
|
|
1475
|
+
color: ${Dt("color-danger-60")};
|
|
1476
|
+
background: ${Dt("color-danger-20")};
|
|
1477
1477
|
}
|
|
1478
1478
|
|
|
1479
1479
|
.-is-skeleton {
|
|
1480
|
-
${
|
|
1480
|
+
${Z("animation: skeleton-loading 1s linear infinite alternate;")};
|
|
1481
1481
|
width: var(--m-tag-skeleton-width);
|
|
1482
1482
|
}
|
|
1483
|
-
`]],window.customElements.define("m-tag",
|
|
1483
|
+
`]],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
1484
|
<div
|
|
1485
|
-
class=${
|
|
1485
|
+
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
1486
|
>
|
|
1487
1487
|
<slot name="leading"></slot>
|
|
1488
1488
|
<input
|
|
1489
|
-
id="${
|
|
1490
|
-
type="${
|
|
1489
|
+
id="${ct(this.id)}"
|
|
1490
|
+
type="${ct(this.type)}"
|
|
1491
1491
|
class="text-field"
|
|
1492
1492
|
aria-disabled=${this.disabled?"true":"false"}
|
|
1493
1493
|
?disabled="${this.disabled}"
|
|
1494
1494
|
?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="${
|
|
1495
|
+
max=${this.max||x}
|
|
1496
|
+
maxlength=${null!=this.maxLength&&this.maxLength>-1?this.maxLength:x}
|
|
1497
|
+
min=${this.min||x}
|
|
1498
|
+
minlength=${null!=this.minLength&&this.minLength>-1?this.minLength:x}
|
|
1499
|
+
pattern=${ct(this.pattern)}
|
|
1500
|
+
placeholder="${ct(this.placeholder)}"
|
|
1501
|
+
step=${this.step||x}
|
|
1502
|
+
value="${ct(this.value)}"
|
|
1503
1503
|
@change=${this.reemit}
|
|
1504
|
-
@input=${t(this,
|
|
1504
|
+
@input=${t(this,Do,"m",Io)}
|
|
1505
1505
|
/>
|
|
1506
|
-
${this.clearable?
|
|
1507
|
-
class=${
|
|
1508
|
-
controls="${
|
|
1509
|
-
@m-close=${t(this,
|
|
1506
|
+
${this.clearable?v`<m-close-button
|
|
1507
|
+
class=${bt({clear:!0,"is-visible":t(this,Do,"m",Go).call(this)})}
|
|
1508
|
+
controls="${ct(this.id)}"
|
|
1509
|
+
@m-close=${t(this,Do,"m",Vo)}
|
|
1510
1510
|
label="Clear input"
|
|
1511
|
-
></m-close-button>`:
|
|
1511
|
+
></m-close-button>`:x}
|
|
1512
1512
|
<slot name="trailing"></slot>
|
|
1513
1513
|
</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()}}
|
|
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()}}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
1515
|
:host {
|
|
1516
1516
|
--m-text-field-background-color: transparent;
|
|
1517
|
-
--m-text-field-border-color: ${
|
|
1518
|
-
--m-text-field-height: ${
|
|
1519
|
-
--m-text-field-outline-color: ${
|
|
1517
|
+
--m-text-field-border-color: ${Dt("color-border")};
|
|
1518
|
+
--m-text-field-height: ${Pt("global-height-default")};
|
|
1519
|
+
--m-text-field-outline-color: ${Dt("color-primary-100")};
|
|
1520
1520
|
--m-text-field-outline-offset: 2px;
|
|
1521
|
-
--m-text-field-padding-y: ${
|
|
1522
|
-
--m-text-field-placeholder-color: ${
|
|
1523
|
-
--m-text-field-color: ${
|
|
1521
|
+
--m-text-field-padding-y: ${Pt("spacing-2")};
|
|
1522
|
+
--m-text-field-placeholder-color: ${Dt("color-text-placeholder")};
|
|
1523
|
+
--m-text-field-color: ${Dt("color-text-primary")};
|
|
1524
1524
|
}
|
|
1525
1525
|
|
|
1526
1526
|
.container {
|
|
1527
|
-
${
|
|
1528
|
-
${
|
|
1527
|
+
${Yt("body-md")};
|
|
1528
|
+
${Xt([{property:"background-color"},{property:"border-color"}])};
|
|
1529
1529
|
|
|
1530
1530
|
display: inline-flex;
|
|
1531
1531
|
align-items: center;
|
|
1532
1532
|
justify-content: start;
|
|
1533
|
-
gap: ${
|
|
1533
|
+
gap: ${Pt("spacing-2")};
|
|
1534
1534
|
|
|
1535
1535
|
position: relative;
|
|
1536
1536
|
box-sizing: border-box;
|
|
1537
1537
|
width: 100%;
|
|
1538
1538
|
block-size: var(--m-text-field-height);
|
|
1539
1539
|
|
|
1540
|
-
${
|
|
1540
|
+
${Ht(Pt("spacing-2"))};
|
|
1541
1541
|
|
|
1542
1542
|
background-color: var(--m-text-field-background-color);
|
|
1543
|
-
border-radius: ${
|
|
1543
|
+
border-radius: ${Pt("border-radius-s")};
|
|
1544
1544
|
border: 1px solid var(--m-text-field-border-color);
|
|
1545
1545
|
}
|
|
1546
1546
|
|
|
1547
1547
|
.container.-size-small {
|
|
1548
|
-
--m-text-field-height: ${
|
|
1548
|
+
--m-text-field-height: ${Pt("global-height-small")};
|
|
1549
1549
|
--m-text-field-padding-y: 0;
|
|
1550
1550
|
}
|
|
1551
1551
|
|
|
1552
1552
|
.container.-size-small,
|
|
1553
1553
|
.container.-size-small .text-field {
|
|
1554
|
-
${
|
|
1554
|
+
${Yt("body-sm")};
|
|
1555
1555
|
}
|
|
1556
1556
|
|
|
1557
1557
|
.container.-size-large {
|
|
1558
|
-
--m-text-field-height: ${
|
|
1559
|
-
--m-text-field-padding-y: ${
|
|
1558
|
+
--m-text-field-height: ${Pt("global-height-large")};
|
|
1559
|
+
--m-text-field-padding-y: ${Pt("spacing-3")};
|
|
1560
1560
|
}
|
|
1561
1561
|
|
|
1562
1562
|
.container.-status-danger {
|
|
1563
|
-
--m-text-field-border-color: ${
|
|
1563
|
+
--m-text-field-border-color: ${Dt("color-danger-60")};
|
|
1564
1564
|
}
|
|
1565
1565
|
|
|
1566
|
-
${
|
|
1567
|
-
--m-text-field-background-color: ${
|
|
1566
|
+
${te(".container")} {
|
|
1567
|
+
--m-text-field-background-color: ${Dt("color-background-tertiary")};
|
|
1568
1568
|
|
|
1569
1569
|
cursor: default;
|
|
1570
1570
|
}
|
|
1571
1571
|
|
|
1572
|
-
${
|
|
1572
|
+
${te(".container","*")} {
|
|
1573
1573
|
pointer-events: none;
|
|
1574
1574
|
}
|
|
1575
1575
|
|
|
@@ -1581,25 +1581,25 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1581
1581
|
cursor: default;
|
|
1582
1582
|
}
|
|
1583
1583
|
|
|
1584
|
-
${
|
|
1585
|
-
--m-text-field-border-color: ${
|
|
1584
|
+
${ee.hover(".container")} {
|
|
1585
|
+
--m-text-field-border-color: ${Dt("color-primary-60")};
|
|
1586
1586
|
}
|
|
1587
1587
|
|
|
1588
|
-
${
|
|
1589
|
-
--m-text-field-border-color: ${
|
|
1588
|
+
${ee.focus(".container")} {
|
|
1589
|
+
--m-text-field-border-color: ${Dt("color-primary-60")};
|
|
1590
1590
|
|
|
1591
1591
|
outline: 1px solid var(--m-text-field-outline-color);
|
|
1592
1592
|
outline-offset: var(--m-text-field-outline-offset);
|
|
1593
1593
|
}
|
|
1594
1594
|
|
|
1595
1595
|
.text-field {
|
|
1596
|
-
${
|
|
1596
|
+
${Yt("body-md")};
|
|
1597
1597
|
|
|
1598
1598
|
border: none;
|
|
1599
1599
|
outline: none;
|
|
1600
1600
|
flex: 1;
|
|
1601
1601
|
|
|
1602
|
-
${
|
|
1602
|
+
${Ht(0)};
|
|
1603
1603
|
padding-block: var(--m-text-field-padding-y);
|
|
1604
1604
|
|
|
1605
1605
|
background-color: var(--m-text-field-background-color);
|
|
@@ -1610,8 +1610,8 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1610
1610
|
color: var(--m-text-field-placeholder-color);
|
|
1611
1611
|
}
|
|
1612
1612
|
|
|
1613
|
-
${
|
|
1614
|
-
${
|
|
1613
|
+
${ee.active(".text-field")},
|
|
1614
|
+
${ee.focus(".text-field")} {
|
|
1615
1615
|
-webkit-appearance: none;
|
|
1616
1616
|
background: none;
|
|
1617
1617
|
border: none;
|
|
@@ -1625,43 +1625,43 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1625
1625
|
.clear.is-visible {
|
|
1626
1626
|
visibility: visible;
|
|
1627
1627
|
}
|
|
1628
|
-
`],window.customElements.define("m-text-field",
|
|
1628
|
+
`],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
1629
|
<m-group
|
|
1630
|
-
class=${
|
|
1630
|
+
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
1631
|
gap="spacing-1"
|
|
1632
1632
|
>
|
|
1633
1633
|
<slot></slot>
|
|
1634
1634
|
</m-group>
|
|
1635
|
-
`}}
|
|
1635
|
+
`}}Xo=new WeakMap,Yo=new WeakMap,ti=new WeakMap,ei=new WeakMap,oi=new WeakMap,ii=new WeakMap,li.styles=[[H`
|
|
1636
1636
|
.toggle-group {
|
|
1637
1637
|
inline-size: max-content;
|
|
1638
1638
|
|
|
1639
|
-
border: 1px solid ${
|
|
1640
|
-
padding: ${
|
|
1639
|
+
border: 1px solid ${Dt("color-border")};
|
|
1640
|
+
padding: ${Pt("spacing-1")};
|
|
1641
1641
|
|
|
1642
|
-
border-radius: ${
|
|
1642
|
+
border-radius: ${Pt("border-radius-s")};
|
|
1643
1643
|
box-sizing: border-box;
|
|
1644
1644
|
|
|
1645
|
-
block-size: ${
|
|
1645
|
+
block-size: ${Pt("global-height-default")};
|
|
1646
1646
|
}
|
|
1647
1647
|
|
|
1648
1648
|
.toggle-group.-small {
|
|
1649
|
-
block-size: ${
|
|
1649
|
+
block-size: ${Pt("global-height-small")};
|
|
1650
1650
|
}
|
|
1651
1651
|
|
|
1652
1652
|
.toggle-group.-small ::slotted(m-toggle) {
|
|
1653
1653
|
--m-toggle-base-size: 18px;
|
|
1654
|
-
--m-toggle-font-size: ${
|
|
1654
|
+
--m-toggle-font-size: ${Pt("font-size-2")};
|
|
1655
1655
|
--m-toggle-icon-size: 10px;
|
|
1656
1656
|
}
|
|
1657
1657
|
|
|
1658
1658
|
.toggle-group.-show-check ::slotted(m-toggle[aria-checked='true']) {
|
|
1659
1659
|
--m-toggle-icon-display: inline-flex;
|
|
1660
1660
|
}
|
|
1661
|
-
`]],window.customElements.define("m-toggle-group",
|
|
1661
|
+
`]],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
1662
|
<button
|
|
1663
1663
|
type="button"
|
|
1664
|
-
class=${
|
|
1664
|
+
class=${bt({button:!0,toggle:!0})}
|
|
1665
1665
|
role="${this.role}"
|
|
1666
1666
|
aria-checked="${this.checked}"
|
|
1667
1667
|
?disabled="${this.disabled}"
|
|
@@ -1672,40 +1672,40 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1672
1672
|
|
|
1673
1673
|
<slot></slot>
|
|
1674
1674
|
</button>
|
|
1675
|
-
`}}
|
|
1675
|
+
`}}ri=new WeakMap,ni=new WeakMap,si=new WeakMap,ai.styles=[[oe(),H`
|
|
1676
1676
|
:host {
|
|
1677
1677
|
/*
|
|
1678
1678
|
* These custom properties are here because they are meant to be
|
|
1679
1679
|
* overriden via toggle-group styles.
|
|
1680
1680
|
*/
|
|
1681
1681
|
--m-toggle-base-size: 30px;
|
|
1682
|
-
--m-toggle-font-size: ${
|
|
1682
|
+
--m-toggle-font-size: ${Pt("font-size-3")};
|
|
1683
1683
|
--m-toggle-icon-size: 12px;
|
|
1684
1684
|
--m-toggle-icon-display: none;
|
|
1685
1685
|
}
|
|
1686
1686
|
|
|
1687
1687
|
.toggle {
|
|
1688
1688
|
--m-button-border-color: transparent;
|
|
1689
|
-
--m-button-color: ${
|
|
1690
|
-
--m-button-padding-x: ${
|
|
1689
|
+
--m-button-color: ${Dt("color-primary-100")};
|
|
1690
|
+
--m-button-padding-x: ${Pt("spacing-2")};
|
|
1691
1691
|
--m-button-padding-y: 0;
|
|
1692
1692
|
|
|
1693
1693
|
--m-button-base-size: var(--m-toggle-base-size);
|
|
1694
1694
|
--m-button-font-size: var(--m-toggle-font-size);
|
|
1695
1695
|
}
|
|
1696
1696
|
|
|
1697
|
-
${
|
|
1698
|
-
--m-button-color: ${
|
|
1697
|
+
${te([".toggle"])} {
|
|
1698
|
+
--m-button-color: ${Dt("color-text-disabled")};
|
|
1699
1699
|
}
|
|
1700
1700
|
|
|
1701
1701
|
[aria-checked='true'] {
|
|
1702
|
-
--m-button-background-color: ${
|
|
1702
|
+
--m-button-background-color: ${Dt("color-primary-20")};
|
|
1703
1703
|
}
|
|
1704
1704
|
|
|
1705
|
-
${
|
|
1706
|
-
--m-button-background-color: ${
|
|
1707
|
-
--m-button-border-color: ${
|
|
1708
|
-
--m-button-color: ${
|
|
1705
|
+
${ee.hover(".toggle")} {
|
|
1706
|
+
--m-button-background-color: ${Dt("color-background-tertiary")};
|
|
1707
|
+
--m-button-border-color: ${Dt("color-background-tertiary")};
|
|
1708
|
+
--m-button-color: ${Dt("color-primary-100")};
|
|
1709
1709
|
}
|
|
1710
1710
|
|
|
1711
1711
|
.check-icon {
|
|
@@ -1714,5 +1714,5 @@ class Re{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this
|
|
|
1714
1714
|
|
|
1715
1715
|
display: var(--m-toggle-icon-display);
|
|
1716
1716
|
}
|
|
1717
|
-
`]],window.customElements.define("m-toggle",
|
|
1717
|
+
`]],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
1718
|
//# sourceMappingURL=index.js.map
|