@loadsmart/miranda-wc 1.31.2 → 1.31.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/button/button.d.ts.map +1 -1
- package/dist/components/progress-bar/progress-bar.d.ts.map +1 -1
- package/dist/components/radio-group/radio.d.ts.map +1 -1
- package/dist/components/text-field/text-field.d.ts +2 -1
- package/dist/components/text-field/text-field.d.ts.map +1 -1
- package/dist/components/toggle-group/toggle-group.d.ts.map +1 -1
- package/dist/index.js +543 -543
- package/dist/index.js.map +1 -1
- package/dist/utils/types.d.ts +7 -0
- package/dist/utils/types.d.ts.map +1 -0
- package/package.json +3 -2
package/dist/index.js
CHANGED
|
@@ -3,65 +3,65 @@ function t(t,e,o,i){if("a"===o&&!i)throw new TypeError("Private accessor was def
|
|
|
3
3
|
* @license
|
|
4
4
|
* Copyright 2017 Google LLC
|
|
5
5
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
|
-
*/}var o;const i=window,r=i.trustedTypes,n=r?r.createPolicy("lit-html",{createHTML:t=>t}):void 0,s=`lit$${(Math.random()+"").slice(9)}$`,
|
|
6
|
+
*/}var o;const i=window,r=i.trustedTypes,n=r?r.createPolicy("lit-html",{createHTML:t=>t}):void 0,s="$lit$",a=`lit$${(Math.random()+"").slice(9)}$`,l="?"+a,c=`<${l}>`,d=document,h=()=>d.createComment(""),u=t=>null===t||"object"!=typeof t&&"function"!=typeof t,g=Array.isArray,b="[ \t\n\f\r]",p=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,m=/-->/g,f=/>/g,$=RegExp(`>|${b}(?:([^\\s"'>=/]+)(${b}*=${b}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),y=/'/g,v=/"/g,w=/^(?:script|style|textarea|title)$/i,x=(t=>(e,...o)=>({_$litType$:t,strings:e,values:o}))(1),k=Symbol.for("lit-noChange"),z=Symbol.for("lit-nothing"),S=new WeakMap,C=d.createTreeWalker(d,129,null,!1),W=(t,e)=>{const o=t.length-1,i=[];let r,l=2===e?"<svg>":"",d=p;for(let e=0;e<o;e++){const o=t[e];let n,h,u=-1,g=0;for(;g<o.length&&(d.lastIndex=g,h=d.exec(o),null!==h);)g=d.lastIndex,d===p?"!--"===h[1]?d=m:void 0!==h[1]?d=f:void 0!==h[2]?(w.test(h[2])&&(r=RegExp("</"+h[2],"g")),d=$):void 0!==h[3]&&(d=$):d===$?">"===h[0]?(d=null!=r?r:p,u=-1):void 0===h[1]?u=-2:(u=d.lastIndex-h[2].length,n=h[1],d=void 0===h[3]?$:'"'===h[3]?v:y):d===v||d===y?d=$:d===m||d===f?d=p:(d=$,r=void 0);const b=d===$&&t[e+1].startsWith("/>")?" ":"";l+=d===p?o+c:u>=0?(i.push(n),o.slice(0,u)+s+o.slice(u)+a+b):o+a+(-2===u?(i.push(void 0),e):b)}const h=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(h):h,i]};class M{constructor({strings:t,_$litType$:e},o){let i;this.parts=[];let n=0,c=0;const d=t.length-1,u=this.parts,[g,b]=W(t,e);if(this.el=M.createElement(g,o),C.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(i=C.nextNode())&&u.length<d;){if(1===i.nodeType){if(i.hasAttributes()){const t=[];for(const e of i.getAttributeNames())if(e.endsWith(s)||e.startsWith(a)){const o=b[c++];if(t.push(e),void 0!==o){const t=i.getAttribute(o.toLowerCase()+s).split(a),e=/([.?@])?(.*)/.exec(o);u.push({type:1,index:n,name:e[2],strings:t,ctor:"."===e[1]?E:"?"===e[1]?T:"@"===e[1]?O:B})}else u.push({type:6,index:n})}for(const e of t)i.removeAttribute(e)}if(w.test(i.tagName)){const t=i.textContent.split(a),e=t.length-1;if(e>0){i.textContent=r?r.emptyScript:"";for(let o=0;o<e;o++)i.append(t[o],h()),C.nextNode(),u.push({type:2,index:++n});i.append(t[e],h())}}}else if(8===i.nodeType)if(i.data===l)u.push({type:2,index:n});else{let t=-1;for(;-1!==(t=i.data.indexOf(a,t+1));)u.push({type:7,index:n}),t+=a.length-1}n++}}static createElement(t,e){const o=d.createElement("template");return o.innerHTML=t,o}}function j(t,e,o=t,i){var r,n,s,a;if(e===k)return e;let l=void 0!==i?null===(r=o._$Co)||void 0===r?void 0:r[i]:o._$Cl;const c=u(e)?void 0:e._$litDirective$;return(null==l?void 0:l.constructor)!==c&&(null===(n=null==l?void 0:l._$AO)||void 0===n||n.call(l,!1),void 0===c?l=void 0:(l=new c(t),l._$AT(t,o,i)),void 0!==i?(null!==(s=(a=o)._$Co)&&void 0!==s?s:a._$Co=[])[i]=l:o._$Cl=l),void 0!==l&&(e=j(t,l._$AS(t,e.values),l,i)),e}class A{constructor(t,e,o,i){var r;this.type=2,this._$AH=z,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=i,this._$Cp=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._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===(null==t?void 0:t.nodeType)&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=j(this,t,e),u(t)?t===z||null==t||""===t?(this._$AH!==z&&this._$AR(),this._$AH=z):t!==this._$AH&&t!==k&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):(t=>g(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==z&&u(this._$AH)?this._$AA.nextSibling.data=t:this.$(d.createTextNode(t)),this._$AH=t}g(t){var e;const{values:o,_$litType$:i}=t,r="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=M.createElement(i.h,this.options)),i);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===r)this._$AH.v(o);else{const t=new class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var e;const{el:{content:o},parts:i}=this._$AD,r=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:d).importNode(o,!0);C.currentNode=r;let n=C.nextNode(),s=0,a=0,l=i[0];for(;void 0!==l;){if(s===l.index){let e;2===l.type?e=new A(n,n.nextSibling,this,t):1===l.type?e=new l.ctor(n,l.name,l.strings,this,t):6===l.type&&(e=new U(n,this,t)),this._$AV.push(e),l=i[++a]}s!==(null==l?void 0:l.index)&&(n=C.nextNode(),s++)}return C.currentNode=d,r}v(t){let e=0;for(const o of this._$AV)void 0!==o&&(void 0!==o.strings?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}(r,this),e=t.u(this.options);t.v(o),this.$(e),this._$AH=t}}_$AC(t){let e=S.get(t.strings);return void 0===e&&S.set(t.strings,e=new M(t)),e}T(t){g(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 A(this.k(h()),this.k(h()),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._$Cp=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class B{constructor(t,e,o,i,r){this.type=1,this._$AH=z,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=z}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=j(this,t,e,0),n=!u(t)||t!==this._$AH&&t!==k,n&&(this._$AH=t);else{const i=t;let s,a;for(t=r[0],s=0;s<r.length-1;s++)a=j(this,i[o+s],e,s),a===k&&(a=this._$AH[s]),n||(n=!u(a)||a!==this._$AH[s]),a===z?t=z:t!==z&&(t+=(null!=a?a:"")+r[s+1]),this._$AH[s]=a}n&&!i&&this.j(t)}j(t){t===z?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class E extends B{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===z?void 0:t}}const _=r?r.emptyScript:"";class T extends B{constructor(){super(...arguments),this.type=4}j(t){t&&t!==z?this.element.setAttribute(this.name,_):this.element.removeAttribute(this.name)}}class O extends B{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=j(this,t,e,0))&&void 0!==o?o:z)===k)return;const i=this._$AH,r=t===z&&i!==z||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,n=t!==z&&(i===z||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 U{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){j(this,t)}}const q=i.litHtmlPolyfillSupport;null==q||q(M,A),(null!==(o=i.litHtmlVersions)&&void 0!==o?o:i.litHtmlVersions=[]).push("2.7.4");const R=Symbol.for(""),N=t=>{if((null==t?void 0:t.r)===R)return null==t?void 0:t._$litStatic$},P=(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:R}),D=new Map,L=(t=>(e,...o)=>{const i=o.length;let r,n;const s=[],a=[];let l,c=0,d=!1;for(;c<i;){for(l=e[c];c<i&&void 0!==(n=o[c],r=N(n));)l+=r+e[++c],d=!0;c!==i&&a.push(n),s.push(l),c++}if(c===i&&s.push(e[i]),d){const t=s.join("$$lit$$");void 0===(e=D.get(t))&&(s.raw=s,D.set(t,e=s)),o=a}return t(e,...o)})(x),G=window,I=G.ShadowRoot&&(void 0===G.ShadyCSS||G.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,V=Symbol(),J=new WeakMap;
|
|
7
7
|
/**
|
|
8
8
|
* @license
|
|
9
9
|
* Copyright 2020 Google LLC
|
|
10
10
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
-
*/let
|
|
11
|
+
*/let H=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==V)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(I&&void 0===t){const o=void 0!==e&&1===e.length;o&&(t=J.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&J.set(e,t))}return t}toString(){return this.cssText}};const Z=t=>new H("string"==typeof t?t:t+"",void 0,V),F=(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 H(o,t,V)},K=I?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return Z(e)})(t):t
|
|
12
12
|
/**
|
|
13
13
|
* @license
|
|
14
14
|
* Copyright 2017 Google LLC
|
|
15
15
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
|
-
*/;var
|
|
16
|
+
*/;var X;const Y=window,Q=Y.trustedTypes,tt=Q?Q.emptyScript:"",et=Y.reactiveElementPolyfillSupport,ot={toAttribute(t,e){switch(e){case Boolean:t=t?tt: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}},it=(t,e)=>e!==t&&(e==e||t==t),rt={attribute:!0,type:String,converter:ot,reflect:!1,hasChanged:it};class nt 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=rt){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)||rt}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(K(t))}else void 0!==t&&e.push(K(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)=>{I?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=rt){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:ot).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:ot;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||it)(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){}}
|
|
17
17
|
/**
|
|
18
18
|
* @license
|
|
19
19
|
* Copyright 2017 Google LLC
|
|
20
20
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
21
21
|
*/
|
|
22
|
-
var
|
|
22
|
+
var st,at;nt.finalized=!0,nt.elementProperties=new Map,nt.elementStyles=[],nt.shadowRootOptions={mode:"open"},null==et||et({ReactiveElement:nt}),(null!==(X=Y.reactiveElementVersions)&&void 0!==X?X:Y.reactiveElementVersions=[]).push("1.6.1");let lt=class extends nt{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 A(e.insertBefore(h(),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 k}};lt.finalized=!0,lt._$litElement$=!0,null===(st=globalThis.litElementHydrateSupport)||void 0===st||st.call(globalThis,{LitElement:lt});const ct=globalThis.litElementPolyfillSupport;null==ct||ct({LitElement:lt}),(null!==(at=globalThis.litElementVersions)&&void 0!==at?at:globalThis.litElementVersions=[]).push("3.3.2");
|
|
23
23
|
/**
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2018 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
27
|
*/
|
|
28
|
-
const
|
|
28
|
+
const dt=t=>null!=t?t:z
|
|
29
29
|
/**
|
|
30
30
|
* @license
|
|
31
31
|
* Copyright 2017 Google LLC
|
|
32
32
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
33
|
-
*/,
|
|
33
|
+
*/,ht=1,ut=t=>(...e)=>({_$litDirective$:t,values:e});let gt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,o){this._$Ct=t,this._$AM=e,this._$Ci=o}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};
|
|
34
34
|
/**
|
|
35
35
|
* @license
|
|
36
36
|
* Copyright 2018 Google LLC
|
|
37
37
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
38
|
-
*/const gt=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}}),bt=(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 at{constructor(){super(...arguments),pt.set(this,void 0),mt.set(this,(()=>{if(this.hasAttribute("form")){const t=this.getRootNode(),o=this.getAttribute("form");e(this,pt,t.getElementById(o),"f")}else e(this,pt,this.closest("form"),"f")}))}static get properties(){return{assignedForm:{type:String,attribute:"form"}}}get form(){return t(this,pt,"f")}updated(e){super.updated(e),(e.has("form")||null==t(this,pt,"f"))&&t(this,mt,"f").call(this)}}function $t(t){return t&&t.i&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}pt=new WeakMap,mt=new WeakMap;var yt,vt,wt={};wt.LoadsmartTheme={"brand-color-brand":"20, 214, 77","brand-color-brand-accent-1":"0, 215, 215","brand-color-brand-accent-2":"132, 241, 30","border-radius-none":"0px","border-radius-s":"4px","border-radius-m":"8px","border-radius-l":"16px","border-radius-circle":"50%","border-none":0,"border-thin":"1px","border-medium":"2px","border-thick":"4px","color-background-primary":"252, 252, 255","color-background-secondary":"248, 249, 251","color-background-tertiary":"230, 237, 242","color-background-highlight":"202, 219, 221","color-background-inverted":"32, 41, 49","color-background-secondary-inverted":"61, 74, 85","color-border":"193, 206, 217","color-divider":"230, 237, 242","color-brand":"20, 214, 77","color-brand-accent-1":"0, 215, 215","color-brand-accent-2":"132, 241, 30","color-primary-20":"202, 219, 221","color-primary-60":"0, 84, 84","color-primary-100":"0, 51, 51","color-accent-20":"229, 245, 255","color-accent-60":"0, 98, 159","color-accent-100":"15, 66, 97","color-neutral-0":"252, 252, 255","color-neutral-10":"248, 249, 251","color-neutral-20":"230, 237, 242","color-neutral-40":"193, 206, 217","color-neutral-60":"94, 118, 138","color-neutral-80":"92, 106, 118","color-neutral-90":"61, 74, 85","color-neutral-100":"32, 41, 49","color-success-20":"227, 247, 239","color-success-60":"3, 124, 94","color-success-100":"0, 94, 71","color-danger-20":"255, 233, 230","color-danger-60":"186, 27, 27","color-danger-100":"104, 0, 3","color-warning-20":"255, 243, 214","color-warning-60":"248, 182, 14","color-warning-100":"102, 63, 25","color-text-primary":"32, 41, 49","color-text-secondary":"61, 74, 85","color-text-tertiary":"92, 106, 118","color-text-placeholder":"94, 118, 138","color-text-disabled":"193, 206, 217","color-text-inverted":"252, 252, 255","color-text-secondary-inverted":"193, 206, 217","color-text-error":"186, 27, 27","color-text-highlight":"0, 98, 159","color-text-link":"0, 98, 159","font-family-default":"'Manrope', sans-serif","font-family-title":"'PlusJakartaSans', 'Manrope', sans-serif","font-size-1":"0.625rem","font-size-2":"0.75rem","font-size-3":"0.875rem","font-size-4":"1rem","font-size-5":"1.25rem","font-size-6":"1.625rem","font-size-7":"2.375rem","font-size-8":"3rem","font-size-9":"3.625rem","font-weight-regular":500,"font-weight-medium":600,"font-weight-bold":700,"line-height-1":"100%","line-height-2":"125%","line-height-3":"130%","line-height-4":"140%","line-height-5":"150%","line-height-6":"180%","global-height-small":"1.75rem","global-height-default":"2.5rem","global-height-large":"3rem","opacity-0":"0%","opacity-20":"20%","opacity-40":"40%","opacity-60":"60%","opacity-100":"100%","elevation-1":"0px 0px 2px rgba(94, 118, 138, 0.1), 0px 1px 6px 2px rgba(61, 74, 85, 0.15)","elevation-2":"0px 1px 3px rgba(94, 118, 138, 0.2), 0px 4px 8px 3px rgba(61, 74, 85, 0.15)","elevation-3":"0px 0px 4px rgba(94, 118, 138, 0.2), 0px 6px 12px 6px rgba(61, 74, 85, 0.15)","elevation-4":"0px 5px 6px 4px rgba(94, 118, 138, 0.2), 0px 8px 10px rgba(61, 74, 85, 0.1)","glow-primary":"0.0px 0.0px 4.0px 0px rgb(3, 124, 94, .5)","glow-warning":"0.0px 0.0px 4.0px 0px rgba(255, 206, 79, 1.0)","spacing-1":"4px","spacing-2":"8px","spacing-3":"12px","spacing-4":"16px","spacing-5":"20px","spacing-6":"24px","spacing-8":"32px","spacing-10":"40px","spacing-12":"48px","spacing-14":"56px","spacing-16":"64px","spacing-20":"80px","spacing-30":"120px","spacing-0-5":"2px","platform-font-default":"'Manrope', sans-serif","platform-font-title":"'PlusJakartaSans', 'Manrope', sans-serif"};var xt=wt;function kt(t){return xt.LoadsmartTheme[t]}function zt(t){var e=kt(t);return null==e?e:"--m-".concat(t)}var St=Object.keys(xt.LoadsmartTheme).filter((function(t){return!t.startsWith("brand-")&&!t.startsWith("platform-")}));function Ct(t){return St.filter((function(e){return e.startsWith(t)}))}function Wt(t){return H(yt(t))}function Mt(t,e=1){return H(yt(t,e))}Ct("color-"),Ct("color-background-"),function(t,e,o){if(o||2===arguments.length)for(var i,r=0,n=e.length;r<n;r++)!i&&r in e||(i||(i=Array.prototype.slice.call(e,0,r)),i[r]=e[r]);t.concat(i||Array.prototype.slice.call(e))}(["none"],Ct("spacing-"),!0),Ct("font-family-"),Ct("font-size-"),Ct("font-weight-"),Ct("line-height-"),Ct("border-"),Ct("border-radius-"),Ct("opacity-"),Ct("elevation-"),Ct("glow-"),Ct("global-"),vt=kt,yt=function(t,e){var o=kt(t);return null==o?"":t.startsWith("color-")?"rgba(var(".concat(zt(t),", ").concat(o,"), ").concat(null!=e?e:1,")"):"var(".concat(zt(t),", ").concat(o,")")};var jt={toArray:function(t){return null==t?[]:Array.isArray(t)?t:[t]}},At=$t(jt.toArray);function Bt(t){return H(`\n\t\tmargin-inline-start: ${t}\n\t`)}function Et(t){return H(`\n\t\t${Bt(t)};\n\t\t${function(t){return H(`\n\t\tmargin-inline-end: ${t}\n\t`)}(t)}\n\t`)}function _t(t){return H(`\n\t\t${function(t){return H(`\n\t\tmargin-block-start: ${t}\n\t`)}(t)};\n\t\t${function(t){return H(`\n\t\tmargin-block-end: ${t}\n\t`)}(t)}\n\t`)}function Ot(t){return H(`\n\t\t${Et(t)};\n\t\t${_t(t)}\n\t`)}function Tt(t){return H(`\n\t\t${function(t){return H(`\n\t\tpadding-inline-end: ${t}\n\t`)}(t)};\n\t\t${function(t){return H(`\n\t\tpadding-inline-start: ${t}\n\t`)}(t)}\n\t`)}function Ut(t){return H(`\n\t\t${function(t){return H(`\n\t\tpadding-block-start: ${t}\n\t`)}(t)};\n\t\t${function(t){return H(`\n\t\tpadding-block-end: ${t}\n\t`)}(t)}\n\t`)}function qt(t){return H(`\n\t\t${Tt(t)};\n\t\t${Ut(t)}\n\t`)}const Nt={property:"all",delay:"0s",duration:"0.35s",easing:"ease-in-out"};function Rt(t){const e=At(t).map((t=>function(t){const e={...Nt,...t};return H(`${e.property} ${e.duration} ${e.easing} ${e.delay}`)}(t))).join(", ");return H(`\n\t\ttransition: ${e}\n\t`)}function Pt(t){const e=H("\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 H(`${e}\n${function(t){switch(t){case"hero-lg-bold":return`\n\t\t\t\tfont-family: ${Wt("font-family-title")};\n\t\t\t\tline-height: ${Wt("line-height-6")};\n\t\t\t\tfont-size: ${Wt("font-size-9")};\n\t\t\t\tfont-weight: ${Wt("font-weight-bold")}\n\t\t\t`;case"hero-lg":return`\n\t\t\t\tfont-family: ${Wt("font-family-title")};\n\t\t\t\tline-height: ${Wt("line-height-6")};\n\t\t\t\tfont-size: ${Wt("font-size-9")};\n\t\t\t\tfont-weight: ${Wt("font-weight-regular")}\n\t\t\t`;case"hero-md-bold":return`\n\t\t\t\tfont-family: ${Wt("font-family-title")};\n\t\t\t\tline-height: ${Wt("line-height-6")};\n\t\t\t\tfont-size: ${Wt("font-size-8")};\n\t\t\t\tfont-weight: ${Wt("font-weight-bold")}\n\t\t\t`;case"hero-md":return`\n\t\t\t\tfont-family: ${Wt("font-family-title")};\n\t\t\t\tline-height: ${Wt("line-height-6")};\n\t\t\t\tfont-size: ${Wt("font-size-8")};\n\t\t\t\tfont-weight: ${Wt("font-weight-regular")}\n\t\t\t`;case"hero-sm-bold":return`\n\t\t\t\tfont-family: ${Wt("font-family-title")};\n\t\t\t\tline-height: ${Wt("line-height-6")};\n\t\t\t\tfont-size: ${Wt("font-size-7")};\n\t\t\t\tfont-weight: ${Wt("font-weight-bold")}\n\t\t\t`;case"hero-sm":return`\n\t\t\t\tfont-family: ${Wt("font-family-title")};\n\t\t\t\tline-height: ${Wt("line-height-6")};\n\t\t\t\tfont-size: ${Wt("font-size-7")};\n\t\t\t\tfont-weight: ${Wt("font-weight-regular")}\n\t\t\t`;case"heading-lg-bold":return`\n\t\t\t\t\tfont-family: ${Wt("font-family-title")};\n\t\t\t\t\tline-height: ${Wt("line-height-5")};\n\t\t\t\t\tfont-size: ${Wt("font-size-6")};\n\t\t\t\t\tfont-weight: ${Wt("font-weight-bold")}\n\t\t\t\t`;case"heading-lg":return`\n\t\t\t\tfont-family: ${Wt("font-family-title")};\n\t\t\t\tline-height: ${Wt("line-height-5")};\n\t\t\t\tfont-size: ${Wt("font-size-6")};\n\t\t\t\tfont-weight: ${Wt("font-weight-regular")}\n\t\t\t`;case"heading-md-bold":return`\n\t\t\t\tfont-family: ${Wt("font-family-title")};\n\t\t\t\tline-height: ${Wt("line-height-5")};\n\t\t\t\tfont-size: ${Wt("font-size-5")};\n\t\t\t\tfont-weight: ${Wt("font-weight-bold")}\n\t\t\t`;case"heading-md":return`\n\t\t\t\tfont-family: ${Wt("font-family-title")};\n\t\t\t\tline-height: ${Wt("line-height-5")};\n\t\t\t\tfont-size: ${Wt("font-size-5")};\n\t\t\t\tfont-weight: ${Wt("font-weight-regular")}\n\t\t\t`;case"heading-sm-bold":return`\n\t\t\t\tfont-family: ${Wt("font-family-title")};\n\t\t\t\tline-height: ${Wt("line-height-5")};\n\t\t\t\tfont-size: ${Wt("font-size-4")};\n\t\t\t\tfont-weight: ${Wt("font-weight-bold")}\n\t\t\t`;case"heading-sm":return`\n\t\t\t\tfont-family: ${Wt("font-family-title")};\n\t\t\t\tline-height: ${Wt("line-height-5")};\n\t\t\t\tfont-size: ${Wt("font-size-4")};\n\t\t\t\tfont-weight: ${Wt("font-weight-regular")}\n\t\t\t`;case"body-lg-bold":return`\n\t\t\t\t\tfont-family: ${Wt("font-family-default")};\n\t\t\t\t\tline-height: ${Wt("line-height-6")};\n\t\t\t\t\tfont-size: ${Wt("font-size-5")};\n\t\t\t\t\tfont-weight: ${Wt("font-weight-bold")}\n\t\t\t\t`;case"body-lg":return`\n\t\t\t\t\tfont-family: ${Wt("font-family-default")};\n\t\t\t\t\tline-height: ${Wt("line-height-6")};\n\t\t\t\t\tfont-size: ${Wt("font-size-5")};\n\t\t\t\t\tfont-weight: ${Wt("font-weight-regular")}\n\t\t\t\t`;case"body-md":case"number-md":return`\n\t\t\t\tfont-family: ${Wt("font-family-default")};\n\t\t\t\tline-height: ${Wt("line-height-5")};\n\t\t\t\tfont-size: ${Wt("font-size-3")};\n\t\t\t\tfont-weight: ${Wt("font-weight-regular")}\n\t\t\t`;case"body-md-underline":return`\n\t\t\t\tfont-family: ${Wt("font-family-default")};\n\t\t\t\tline-height: ${Wt("line-height-5")};\n\t\t\t\tfont-size: ${Wt("font-size-3")};\n\t\t\t\tfont-weight: ${Wt("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: ${Wt("font-family-default")};\n\t\t\t\tline-height: ${Wt("line-height-5")};\n\t\t\t\tfont-size: ${Wt("font-size-3")};\n\t\t\t\tfont-weight: ${Wt("font-weight-bold")}\n\t\t\t`;case"body-md-bold-underline":return`\n\t\t\t\tfont-family: ${Wt("font-family-default")};\n\t\t\t\tline-height: ${Wt("line-height-5")};\n\t\t\t\tfont-size: ${Wt("font-size-3")};\n\t\t\t\tfont-weight: ${Wt("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: ${Wt("font-family-default")};\n\t\t\t\tline-height: ${Wt("line-height-4")};\n\t\t\t\tfont-size: ${Wt("font-size-2")};\n\t\t\t\tfont-weight: ${Wt("font-weight-regular")}\n\t\t\t`;case"body-sm-underline":return`\n\t\t\t\tfont-family: ${Wt("font-family-default")};\n\t\t\t\tline-height: ${Wt("line-height-4")};\n\t\t\t\tfont-size: ${Wt("font-size-2")};\n\t\t\t\tfont-weight: ${Wt("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: ${Wt("font-family-default")};\n\t\t\t\tline-height: ${Wt("line-height-4")};\n\t\t\t\tfont-size: ${Wt("font-size-2")};\n\t\t\t\tfont-weight: ${Wt("font-weight-bold")}\n\t\t\t`;case"body-sm-bold-underline":return`\n\t\t\t\tfont-family: ${Wt("font-family-default")};\n\t\t\t\tline-height: ${Wt("line-height-4")};\n\t\t\t\tfont-size: ${Wt("font-size-2")};\n\t\t\t\tfont-weight: ${Wt("font-weight-bold")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"button-lg":return`\n\t\t\t\tfont-family: ${Wt("font-family-default")};\n\t\t\t\tline-height: ${Wt("line-height-1")};\n\t\t\t\tfont-size: ${Wt("font-size-4")};\n\t\t\t\tfont-weight: ${Wt("font-weight-bold")}\n\t\t\t`;case"button-md":return`\n\t\t\t\tfont-family: ${Wt("font-family-default")};\n\t\t\t\tline-height: ${Wt("line-height-1")};\n\t\t\t\tfont-size: ${Wt("font-size-3")};\n\t\t\t\tfont-weight: ${Wt("font-weight-bold")}\n\t\t\t`;case"button-sm":return`\n\t\t\t\tfont-family: ${Wt("font-family-default")};\n\t\t\t\tline-height: ${Wt("line-height-1")};\n\t\t\t\tfont-size: ${Wt("font-size-2")};\n\t\t\t\tfont-weight: ${Wt("font-weight-bold")}\n\t\t\t`;case"table-header-md":return`\n\t\t\t\tfont-family: ${Wt("font-family-default")};\n\t\t\t\tline-height: ${Wt("line-height-1")};\n\t\t\t\tfont-size: ${Wt("font-size-3")};\n\t\t\t\tfont-weight: ${Wt("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: ${Wt("font-family-default")};\n\t\t\t\tline-height: ${Wt("line-height-1")};\n\t\t\t\tfont-size: ${Wt("font-size-2")};\n\t\t\t\tfont-weight: ${Wt("font-weight-medium")}\n\t\t\t`;case"chips-md":return`\n\t\t\t\t\tfont-family: ${Wt("font-family-default")};\n\t\t\t\t\tline-height: ${Wt("line-height-1")};\n\t\t\t\t\tfont-size: ${Wt("font-size-2")};\n\t\t\t\t\tfont-weight: ${Wt("font-weight-bold")}\n\t\t\t\t`;case"chips-sm":return`\n\t\t\t\tfont-family: ${Wt("font-family-default")};\n\t\t\t\tline-height: ${Wt("line-height-1")};\n\t\t\t\tfont-size: ${Wt("font-size-1")};\n\t\t\t\tfont-weight: ${Wt("font-weight-medium")};\n\t\t\t\ttext-transform: uppercase\n\t\t\t`;default:return""}}(t)}`)}function Dt(t,e=""){return H(At(t).map((t=>[`${t}.is-disabled`,`${t}:disabled`].map((t=>[t,e].join(" "))).join(", "))).join(", "))}const Lt={active:function(t){return H(At(t).map((t=>`${t}:not(.is-disabled, :disabled):active`)).join(", "))},focus:function(t){return H(At(t).map((t=>`${t}:not(.is-disabled, :disabled):focus,\n\t\t\t\t${t}:not(.is-disabled, :disabled):focus-within,\n\t\t\t\t${t}:not(.is-disabled, :disabled).is-focused`)).join(", "))},hover:function(t){return H(At(t).map((t=>`${t}:not(.is-disabled, :disabled):hover`)).join(", "))}};function Gt(){return Z`
|
|
38
|
+
*/const bt=ut(class extends gt{constructor(t){var e;if(super(t),t.type!==ht||"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.it){this.it=new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!(null===(o=this.nt)||void 0===o?void 0:o.has(t))&&this.it.add(t);return this.render(e)}const r=t.element.classList;this.it.forEach((t=>{t in e||(r.remove(t),this.it.delete(t))}));for(const t in e){const o=!!e[t];o===this.it.has(t)||(null===(i=this.nt)||void 0===i?void 0:i.has(t))||(o?(r.add(t),this.it.add(t)):(r.remove(t),this.it.delete(t)))}return k}}),pt=(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 P`${(t=>({_$litStatic$:t,r:R}))(this.as)}`}};var mt,ft;class $t extends lt{constructor(){super(...arguments),mt.set(this,void 0),ft.set(this,(()=>{if(this.hasAttribute("form")){const t=this.getRootNode(),o=this.getAttribute("form");e(this,mt,t.getElementById(o),"f")}else e(this,mt,this.closest("form"),"f")}))}static get properties(){return{assignedForm:{type:String,attribute:"form"}}}get form(){return t(this,mt,"f")}updated(e){super.updated(e),(e.has("form")||null==t(this,mt,"f"))&&t(this,ft,"f").call(this)}}function yt(t){return t&&t.i&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}mt=new WeakMap,ft=new WeakMap;var vt,wt,xt={};xt.LoadsmartTheme={"brand-color-brand":"20, 214, 77","brand-color-brand-accent-1":"0, 215, 215","brand-color-brand-accent-2":"132, 241, 30","border-radius-none":"0px","border-radius-s":"4px","border-radius-m":"8px","border-radius-l":"16px","border-radius-circle":"50%","border-none":0,"border-thin":"1px","border-medium":"2px","border-thick":"4px","color-background-primary":"252, 252, 255","color-background-secondary":"248, 249, 251","color-background-tertiary":"230, 237, 242","color-background-highlight":"202, 219, 221","color-background-inverted":"32, 41, 49","color-background-secondary-inverted":"61, 74, 85","color-border":"193, 206, 217","color-divider":"230, 237, 242","color-brand":"20, 214, 77","color-brand-accent-1":"0, 215, 215","color-brand-accent-2":"132, 241, 30","color-primary-20":"202, 219, 221","color-primary-60":"0, 84, 84","color-primary-100":"0, 51, 51","color-accent-20":"229, 245, 255","color-accent-60":"0, 98, 159","color-accent-100":"15, 66, 97","color-neutral-0":"252, 252, 255","color-neutral-10":"248, 249, 251","color-neutral-20":"230, 237, 242","color-neutral-40":"193, 206, 217","color-neutral-60":"94, 118, 138","color-neutral-80":"92, 106, 118","color-neutral-90":"61, 74, 85","color-neutral-100":"32, 41, 49","color-success-20":"227, 247, 239","color-success-60":"3, 124, 94","color-success-100":"0, 94, 71","color-danger-20":"255, 233, 230","color-danger-60":"186, 27, 27","color-danger-100":"104, 0, 3","color-warning-20":"255, 243, 214","color-warning-60":"248, 182, 14","color-warning-100":"102, 63, 25","color-text-primary":"32, 41, 49","color-text-secondary":"61, 74, 85","color-text-tertiary":"92, 106, 118","color-text-placeholder":"94, 118, 138","color-text-disabled":"193, 206, 217","color-text-inverted":"252, 252, 255","color-text-secondary-inverted":"193, 206, 217","color-text-error":"186, 27, 27","color-text-highlight":"0, 98, 159","color-text-link":"0, 98, 159","font-family-default":"'Manrope', sans-serif","font-family-title":"'PlusJakartaSans', 'Manrope', sans-serif","font-size-1":"0.625rem","font-size-2":"0.75rem","font-size-3":"0.875rem","font-size-4":"1rem","font-size-5":"1.25rem","font-size-6":"1.625rem","font-size-7":"2.375rem","font-size-8":"3rem","font-size-9":"3.625rem","font-weight-regular":500,"font-weight-medium":600,"font-weight-bold":700,"line-height-1":"100%","line-height-2":"125%","line-height-3":"130%","line-height-4":"140%","line-height-5":"150%","line-height-6":"180%","global-height-small":"1.75rem","global-height-default":"2.5rem","global-height-large":"3rem","opacity-0":"0%","opacity-20":"20%","opacity-40":"40%","opacity-60":"60%","opacity-100":"100%","elevation-1":"0px 0px 2px rgba(94, 118, 138, 0.1), 0px 1px 6px 2px rgba(61, 74, 85, 0.15)","elevation-2":"0px 1px 3px rgba(94, 118, 138, 0.2), 0px 4px 8px 3px rgba(61, 74, 85, 0.15)","elevation-3":"0px 0px 4px rgba(94, 118, 138, 0.2), 0px 6px 12px 6px rgba(61, 74, 85, 0.15)","elevation-4":"0px 5px 6px 4px rgba(94, 118, 138, 0.2), 0px 8px 10px rgba(61, 74, 85, 0.1)","glow-primary":"0.0px 0.0px 4.0px 0px rgb(3, 124, 94, .5)","glow-warning":"0.0px 0.0px 4.0px 0px rgba(255, 206, 79, 1.0)","spacing-1":"4px","spacing-2":"8px","spacing-3":"12px","spacing-4":"16px","spacing-5":"20px","spacing-6":"24px","spacing-8":"32px","spacing-10":"40px","spacing-12":"48px","spacing-14":"56px","spacing-16":"64px","spacing-20":"80px","spacing-30":"120px","spacing-0-5":"2px","platform-font-default":"'Manrope', sans-serif","platform-font-title":"'PlusJakartaSans', 'Manrope', sans-serif"};var kt=xt;function zt(t){return kt.LoadsmartTheme[t]}function St(t){var e=zt(t);return null==e?e:"--m-".concat(t)}var Ct=Object.keys(kt.LoadsmartTheme).filter((function(t){return!t.startsWith("brand-")&&!t.startsWith("platform-")}));function Wt(t){return Ct.filter((function(e){return e.startsWith(t)}))}function Mt(t){return Z(vt(t))}function jt(t,e=1){return Z(vt(t,e))}Wt("color-"),Wt("color-background-"),function(t,e,o){if(o||2===arguments.length)for(var i,r=0,n=e.length;r<n;r++)!i&&r in e||(i||(i=Array.prototype.slice.call(e,0,r)),i[r]=e[r]);t.concat(i||Array.prototype.slice.call(e))}(["none"],Wt("spacing-"),!0),Wt("font-family-"),Wt("font-size-"),Wt("font-weight-"),Wt("line-height-"),Wt("border-"),Wt("border-radius-"),Wt("opacity-"),Wt("elevation-"),Wt("glow-"),Wt("global-"),wt=zt,vt=function(t,e){var o=zt(t);return null==o?"":t.startsWith("color-")?"rgba(var(".concat(St(t),", ").concat(o,"), ").concat(null!=e?e:1,")"):"var(".concat(St(t),", ").concat(o,")")};var At={toArray:function(t){return null==t?[]:Array.isArray(t)?t:[t]}},Bt=yt(At.toArray);function Et(t){return Z(`\n\t\tmargin-inline-start: ${t}\n\t`)}function _t(t){return Z(`\n\t\t${Et(t)};\n\t\t${function(t){return Z(`\n\t\tmargin-inline-end: ${t}\n\t`)}(t)}\n\t`)}function Tt(t){return Z(`\n\t\t${function(t){return Z(`\n\t\tmargin-block-start: ${t}\n\t`)}(t)};\n\t\t${function(t){return Z(`\n\t\tmargin-block-end: ${t}\n\t`)}(t)}\n\t`)}function Ot(t){return Z(`\n\t\t${_t(t)};\n\t\t${Tt(t)}\n\t`)}function Ut(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 qt(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 Rt(t){return Z(`\n\t\t${Ut(t)};\n\t\t${qt(t)}\n\t`)}const Nt={property:"all",delay:"0s",duration:"0.35s",easing:"ease-in-out"};function Pt(t){const e=Bt(t).map((t=>function(t){const e={...Nt,...t};return Z(`${e.property} ${e.duration} ${e.easing} ${e.delay}`)}(t))).join(", ");return Z(`\n\t\ttransition: ${e}\n\t`)}function Dt(t){const e=Z("\n\t\tfont-style: normal;\n\t\tfont-stretch: normal;\n\t\tletter-spacing: normal;\n\n\t\tfont-synthesis: none;\n\t\ttext-rendering: optimizeLegibility;\n\t\t-webkit-font-smoothing: antialiased;\n\t\t-moz-osx-font-smoothing: grayscale;\n\t\t-webkit-text-size-adjust: 100%;\n\t");return Z(`${e}\n${function(t){switch(t){case"hero-lg-bold":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\tfont-size: ${Mt("font-size-9")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"hero-lg":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\tfont-size: ${Mt("font-size-9")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"hero-md-bold":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\tfont-size: ${Mt("font-size-8")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"hero-md":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\tfont-size: ${Mt("font-size-8")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"hero-sm-bold":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\tfont-size: ${Mt("font-size-7")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"hero-sm":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\tfont-size: ${Mt("font-size-7")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"heading-lg-bold":return`\n\t\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\t\tfont-size: ${Mt("font-size-6")};\n\t\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t\t`;case"heading-lg":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-6")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"heading-md-bold":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-5")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"heading-md":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-5")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"heading-sm-bold":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-4")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"heading-sm":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-4")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"body-lg-bold":return`\n\t\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\t\tfont-size: ${Mt("font-size-5")};\n\t\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t\t`;case"body-lg":return`\n\t\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\t\tfont-size: ${Mt("font-size-5")};\n\t\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t\t`;case"body-md":case"number-md":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-3")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"body-md-underline":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-3")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-md-bold":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-3")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"body-md-bold-underline":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-3")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-sm":case"number-sm":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-4")};\n\t\t\t\tfont-size: ${Mt("font-size-2")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"body-sm-underline":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-4")};\n\t\t\t\tfont-size: ${Mt("font-size-2")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-sm-bold":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-4")};\n\t\t\t\tfont-size: ${Mt("font-size-2")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"body-sm-bold-underline":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-4")};\n\t\t\t\tfont-size: ${Mt("font-size-2")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"button-lg":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-1")};\n\t\t\t\tfont-size: ${Mt("font-size-4")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"button-md":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-1")};\n\t\t\t\tfont-size: ${Mt("font-size-3")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"button-sm":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-1")};\n\t\t\t\tfont-size: ${Mt("font-size-2")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"table-header-md":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-1")};\n\t\t\t\tfont-size: ${Mt("font-size-3")};\n\t\t\t\tfont-weight: ${Mt("font-weight-medium")};\n\t\t\t\ttext-transform: uppercase\n\t\t\t`;case"table-header-sm":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-1")};\n\t\t\t\tfont-size: ${Mt("font-size-2")};\n\t\t\t\tfont-weight: ${Mt("font-weight-medium")}\n\t\t\t`;case"chips-md":return`\n\t\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\t\tline-height: ${Mt("line-height-1")};\n\t\t\t\t\tfont-size: ${Mt("font-size-2")};\n\t\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t\t`;case"chips-sm":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-1")};\n\t\t\t\tfont-size: ${Mt("font-size-1")};\n\t\t\t\tfont-weight: ${Mt("font-weight-medium")};\n\t\t\t\ttext-transform: uppercase\n\t\t\t`;default:return""}}(t)}`)}function Lt(t,e=""){return Z(Bt(t).map((t=>[`${t}.is-disabled`,`${t}:disabled`].map((t=>[t,e].join(" "))).join(", "))).join(", "))}const Gt={active:function(t){return Z(Bt(t).map((t=>`${t}:not(.is-disabled, :disabled):active`)).join(", "))},focus:function(t){return Z(Bt(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(Bt(t).map((t=>`${t}:not(.is-disabled, :disabled):hover`)).join(", "))}};function It(){return F`
|
|
39
39
|
:host {
|
|
40
40
|
--m-button-background-color: transparent;
|
|
41
|
-
--m-button-base-size: ${
|
|
42
|
-
--m-button-border-color: ${
|
|
43
|
-
--m-button-border-radius: ${
|
|
44
|
-
--m-button-color: ${
|
|
45
|
-
--m-button-outline-color: ${
|
|
41
|
+
--m-button-base-size: ${Mt("global-height-default")};
|
|
42
|
+
--m-button-border-color: ${jt("color-neutral-90")};
|
|
43
|
+
--m-button-border-radius: ${Mt("border-radius-s")};
|
|
44
|
+
--m-button-color: ${jt("color-text-secondary")};
|
|
45
|
+
--m-button-outline-color: ${jt("color-primary-100")};
|
|
46
46
|
--m-button-outline-offset: 2px;
|
|
47
|
-
--m-button-padding-x: ${
|
|
48
|
-
--m-button-padding-y: ${
|
|
47
|
+
--m-button-padding-x: ${Mt("spacing-4")};
|
|
48
|
+
--m-button-padding-y: ${Mt("spacing-3")};
|
|
49
49
|
/**
|
|
50
50
|
* Useful when overriding via host :slotted query.
|
|
51
51
|
*/
|
|
52
|
-
--m-button-font-size: ${
|
|
52
|
+
--m-button-font-size: ${Mt("font-size-3")};
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
:host([size='small']) {
|
|
56
|
-
--m-button-base-size: ${
|
|
56
|
+
--m-button-base-size: ${Mt("global-height-small")};
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
:host([size='large']) {
|
|
60
|
-
--m-button-base-size: ${
|
|
60
|
+
--m-button-base-size: ${Mt("global-height-large")};
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
:host([variant|='icon']) {
|
|
64
|
-
--m-button-border-radius: ${
|
|
64
|
+
--m-button-border-radius: ${Mt("border-radius-circle")};
|
|
65
65
|
|
|
66
66
|
min-inline-size: var(--m-button-base-size);
|
|
67
67
|
inline-size: var(--m-button-base-size);
|
|
@@ -75,9 +75,9 @@ const ct=t=>null!=t?t:x
|
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
.button {
|
|
78
|
-
${
|
|
78
|
+
${Pt([{property:"color"},{property:"background-color"},{property:"border-color"}])};
|
|
79
79
|
|
|
80
|
-
${
|
|
80
|
+
${Dt("button-md")};
|
|
81
81
|
font-size: var(--m-button-font-size);
|
|
82
82
|
|
|
83
83
|
cursor: pointer;
|
|
@@ -94,7 +94,7 @@ const ct=t=>null!=t?t:x
|
|
|
94
94
|
|
|
95
95
|
text-decoration: none;
|
|
96
96
|
|
|
97
|
-
gap: ${
|
|
97
|
+
gap: ${Mt("spacing-1")};
|
|
98
98
|
|
|
99
99
|
padding-inline: var(--m-button-padding-x);
|
|
100
100
|
padding-block: var(--m-button-padding-y);
|
|
@@ -106,30 +106,30 @@ const ct=t=>null!=t?t:x
|
|
|
106
106
|
border-radius: var(--m-button-border-radius);
|
|
107
107
|
}
|
|
108
108
|
|
|
109
|
-
${
|
|
109
|
+
${Lt(".button")} {
|
|
110
110
|
cursor: default;
|
|
111
111
|
}
|
|
112
112
|
|
|
113
|
-
${
|
|
113
|
+
${Lt(".button","*")} {
|
|
114
114
|
pointer-events: none;
|
|
115
115
|
}
|
|
116
116
|
|
|
117
|
-
${
|
|
117
|
+
${Gt.focus(".button")} {
|
|
118
118
|
outline: 1px solid var(--m-button-outline-color);
|
|
119
119
|
outline-offset: var(--m-button-outline-offset);
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
-
${
|
|
123
|
-
--m-button-background-color: ${
|
|
124
|
-
--m-button-border-color: ${
|
|
125
|
-
--m-button-color: ${
|
|
122
|
+
${Gt.hover(".button")} {
|
|
123
|
+
--m-button-background-color: ${jt("color-background-inverted")};
|
|
124
|
+
--m-button-border-color: ${jt("color-background-inverted")};
|
|
125
|
+
--m-button-color: ${jt("color-text-inverted")};
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
::slotted(*) {
|
|
129
129
|
display: inline-flex;
|
|
130
130
|
align-items: center;
|
|
131
131
|
|
|
132
|
-
${
|
|
132
|
+
${Rt(0)};
|
|
133
133
|
${Ot(0)};
|
|
134
134
|
}
|
|
135
135
|
|
|
@@ -137,191 +137,191 @@ const ct=t=>null!=t?t:x
|
|
|
137
137
|
slot[name='trailing']::slotted(span) {
|
|
138
138
|
justify-content: center;
|
|
139
139
|
}
|
|
140
|
-
`}var
|
|
140
|
+
`}var Vt,Jt,Ht,Zt,Ft,Kt,Xt;class Yt extends(pt($t,["button","a"],"button")){static get properties(){return{...$t.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(),Vt.add(this),Ht.set(this,(()=>Boolean(this.disabled)||Boolean(this.loading))),Zt.set(this,(()=>{const e=t(this,Ht,"f").call(this);this.setAttribute("aria-disabled",String(e))})),Ft.set(this,(()=>{var e;return t(this,Vt,"m",Xt).call(this)?this.disabled?"-1":null!=this.tabindex?this.tabindex:"0":null!==(e=this.tabindex)&&void 0!==e?e:void 0})),Kt.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,Kt,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",t(this,Kt,"f"))}update(e){super.update(e),e.has("href")&&(this.as=t(this,Vt,"m",Xt).call(this)?"a":"button",this.role=t(this,Vt,"m",Xt).call(this)?"link":"button")}updated(e){super.updated(e),(e.has("disabled")||e.has("loading"))&&t(this,Zt,"f").call(this)}render(){const e=t(this,Vt,"m",Xt).call(this);return L`
|
|
141
141
|
<${this.tag}
|
|
142
|
-
class=${
|
|
143
|
-
type=${
|
|
144
|
-
?disabled="${t(this,
|
|
142
|
+
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,Ht,"f").call(this)})}
|
|
143
|
+
type=${dt(e?void 0:this.type)}
|
|
144
|
+
?disabled="${t(this,Ht,"f").call(this)}"
|
|
145
145
|
aria-disabled=${this.disabled?"true":"false"}
|
|
146
|
-
role=${
|
|
147
|
-
tabindex=${
|
|
148
|
-
href=${
|
|
149
|
-
target=${
|
|
150
|
-
download=${
|
|
151
|
-
rel=${
|
|
146
|
+
role=${dt(e?"link":"button")}
|
|
147
|
+
tabindex=${dt(t(this,Ft,"f").call(this))}
|
|
148
|
+
href=${dt(e?this.href:void 0)}
|
|
149
|
+
target=${dt(e?this.target:void 0)}
|
|
150
|
+
download=${dt(e?this.download:void 0)}
|
|
151
|
+
rel=${dt(e&&this.target?"noreferrer noopener":void 0)}
|
|
152
152
|
>
|
|
153
153
|
<!-- TODO: Replace this with the loading dots component as soon as it is ready. -->
|
|
154
|
-
${this.loading&&!["icon","icon-secondary"].includes(this.variant)?
|
|
154
|
+
${this.loading&&!["icon","icon-secondary"].includes(this.variant)?L`<span class="loader">●●●</span>`:z}
|
|
155
155
|
<slot name="leading"></slot>
|
|
156
156
|
<slot></slot>
|
|
157
157
|
<slot name="trailing"></slot>
|
|
158
158
|
</${this.tag}>
|
|
159
|
-
`}focus(e){var o;null===(o=t(this,
|
|
159
|
+
`}focus(e){var o;null===(o=t(this,Vt,"a",Jt))||void 0===o||o.focus(e)}}Ht=new WeakMap,Zt=new WeakMap,Ft=new WeakMap,Kt=new WeakMap,Vt=new WeakSet,Jt=function(){var t,e;return null!==(e=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(".button"))&&void 0!==e?e:null},Xt=function(){return Boolean(this.href)},Yt.styles=[[It(),F`
|
|
160
160
|
.button.is-loading:not(.-icon, .-icon-secondary) *:not(.loader) {
|
|
161
161
|
visibility: hidden;
|
|
162
162
|
}
|
|
163
163
|
|
|
164
164
|
.button.-primary {
|
|
165
|
-
--m-button-background-color: ${
|
|
166
|
-
--m-button-border-color: ${
|
|
167
|
-
--m-button-color: ${
|
|
165
|
+
--m-button-background-color: ${jt("color-primary-60")};
|
|
166
|
+
--m-button-border-color: ${jt("color-primary-60")};
|
|
167
|
+
--m-button-color: ${jt("color-text-inverted")};
|
|
168
168
|
}
|
|
169
169
|
|
|
170
|
-
${
|
|
171
|
-
--m-button-background-color: ${
|
|
172
|
-
--m-button-border-color: ${
|
|
170
|
+
${Lt(".button.-primary")} {
|
|
171
|
+
--m-button-background-color: ${jt("color-primary-20")};
|
|
172
|
+
--m-button-border-color: ${jt("color-primary-20")};
|
|
173
173
|
}
|
|
174
174
|
|
|
175
|
-
${
|
|
176
|
-
--m-button-border-color: ${
|
|
177
|
-
--m-button-outline-color: ${
|
|
175
|
+
${Gt.focus(".button.-primary")} {
|
|
176
|
+
--m-button-border-color: ${jt("color-primary-60")};
|
|
177
|
+
--m-button-outline-color: ${jt("color-primary-60")};
|
|
178
178
|
}
|
|
179
179
|
|
|
180
|
-
${
|
|
181
|
-
${
|
|
182
|
-
--m-button-background-color: ${
|
|
183
|
-
--m-button-border-color: ${
|
|
180
|
+
${Gt.hover(".button.-primary")},
|
|
181
|
+
${Gt.active(".button.-primary")} {
|
|
182
|
+
--m-button-background-color: ${jt("color-primary-100")};
|
|
183
|
+
--m-button-border-color: ${jt("color-primary-100")};
|
|
184
184
|
}
|
|
185
185
|
|
|
186
186
|
.button.-primary.is-loading {
|
|
187
|
-
--m-button-background-color: ${
|
|
188
|
-
--m-button-border-color: ${
|
|
189
|
-
--m-button-color: ${
|
|
187
|
+
--m-button-background-color: ${jt("color-primary-60")};
|
|
188
|
+
--m-button-border-color: ${jt("color-primary-60")};
|
|
189
|
+
--m-button-color: ${jt("color-text-inverted")};
|
|
190
190
|
}
|
|
191
191
|
|
|
192
192
|
.button.-secondary {
|
|
193
193
|
--m-button-background-color: transparent;
|
|
194
|
-
--m-button-border-color: ${
|
|
195
|
-
--m-button-color: ${
|
|
194
|
+
--m-button-border-color: ${jt("color-primary-100")};
|
|
195
|
+
--m-button-color: ${jt("color-primary-100")};
|
|
196
196
|
}
|
|
197
197
|
|
|
198
|
-
${
|
|
199
|
-
--m-button-border-color: ${
|
|
200
|
-
--m-button-color: ${
|
|
198
|
+
${Lt(".button.-secondary")} {
|
|
199
|
+
--m-button-border-color: ${jt("color-text-disabled")};
|
|
200
|
+
--m-button-color: ${jt("color-text-disabled")};
|
|
201
201
|
}
|
|
202
202
|
|
|
203
|
-
${
|
|
204
|
-
--m-button-border-color: ${
|
|
205
|
-
--m-button-color: ${
|
|
203
|
+
${Gt.focus(".button.-secondary")} {
|
|
204
|
+
--m-button-border-color: ${jt("color-primary-100")};
|
|
205
|
+
--m-button-color: ${jt("color-primary-100")};
|
|
206
206
|
|
|
207
|
-
--m-button-outline-color: ${
|
|
207
|
+
--m-button-outline-color: ${jt("color-primary-60")};
|
|
208
208
|
}
|
|
209
209
|
|
|
210
|
-
${
|
|
211
|
-
${
|
|
212
|
-
--m-button-background-color: ${
|
|
213
|
-
--m-button-border-color: ${
|
|
214
|
-
--m-button-color: ${
|
|
210
|
+
${Gt.hover(".button.-secondary")},
|
|
211
|
+
${Gt.active(".button.-secondary")} {
|
|
212
|
+
--m-button-background-color: ${jt("color-background-tertiary")};
|
|
213
|
+
--m-button-border-color: ${jt("color-primary-60")};
|
|
214
|
+
--m-button-color: ${jt("color-primary-60")};
|
|
215
215
|
}
|
|
216
216
|
|
|
217
217
|
.button.-secondary.is-loading {
|
|
218
218
|
--m-button-background-color: transparent;
|
|
219
219
|
|
|
220
|
-
--m-button-border-color: ${
|
|
221
|
-
--m-button-color: ${
|
|
220
|
+
--m-button-border-color: ${jt("color-primary-100")};
|
|
221
|
+
--m-button-color: ${jt("color-primary-100")};
|
|
222
222
|
}
|
|
223
223
|
|
|
224
224
|
.button.-tertiary {
|
|
225
225
|
--m-button-background-color: transparent;
|
|
226
226
|
--m-button-border-color: transparent;
|
|
227
|
-
--m-button-color: ${
|
|
227
|
+
--m-button-color: ${jt("color-primary-100")};
|
|
228
228
|
}
|
|
229
229
|
|
|
230
|
-
${
|
|
231
|
-
--m-button-color: ${
|
|
230
|
+
${Lt(".button.-tertiary")} {
|
|
231
|
+
--m-button-color: ${jt("color-text-disabled")};
|
|
232
232
|
}
|
|
233
233
|
|
|
234
|
-
${
|
|
235
|
-
--m-button-color: ${
|
|
236
|
-
--m-button-outline-color: ${
|
|
234
|
+
${Gt.focus(".button.-tertiary")} {
|
|
235
|
+
--m-button-color: ${jt("color-primary-100")};
|
|
236
|
+
--m-button-outline-color: ${jt("color-primary-60")};
|
|
237
237
|
}
|
|
238
238
|
|
|
239
|
-
${
|
|
240
|
-
--m-button-background-color: ${
|
|
241
|
-
--m-button-border-color: ${
|
|
242
|
-
--m-button-color: ${
|
|
239
|
+
${Gt.hover(".button.-tertiary")} {
|
|
240
|
+
--m-button-background-color: ${jt("color-background-tertiary")};
|
|
241
|
+
--m-button-border-color: ${jt("color-background-tertiary")};
|
|
242
|
+
--m-button-color: ${jt("color-primary-60")};
|
|
243
243
|
}
|
|
244
244
|
|
|
245
|
-
${
|
|
246
|
-
--m-button-background-color: ${
|
|
247
|
-
--m-button-border-color: ${
|
|
248
|
-
--m-button-color: ${
|
|
245
|
+
${Gt.active(".button.-tertiary")} {
|
|
246
|
+
--m-button-background-color: ${jt("color-neutral-20")};
|
|
247
|
+
--m-button-border-color: ${jt("color-neutral-20")};
|
|
248
|
+
--m-button-color: ${jt("color-primary-60")};
|
|
249
249
|
}
|
|
250
250
|
|
|
251
251
|
.button.-tertiary.is-loading {
|
|
252
252
|
--m-button-background-color: transparent;
|
|
253
253
|
--m-button-border-color: transparent;
|
|
254
|
-
--m-button-color: ${
|
|
254
|
+
--m-button-color: ${jt("color-primary-100")};
|
|
255
255
|
}
|
|
256
256
|
|
|
257
257
|
.button.-warning {
|
|
258
|
-
--m-button-background-color: ${
|
|
259
|
-
--m-button-border-color: ${
|
|
260
|
-
--m-button-color: ${
|
|
258
|
+
--m-button-background-color: ${jt("color-warning-60")};
|
|
259
|
+
--m-button-border-color: ${jt("color-warning-60")};
|
|
260
|
+
--m-button-color: ${jt("color-text-primary")};
|
|
261
261
|
}
|
|
262
262
|
|
|
263
|
-
${
|
|
264
|
-
--m-button-background-color: ${
|
|
265
|
-
--m-button-border-color: ${
|
|
266
|
-
--m-button-color: ${
|
|
263
|
+
${Lt(".button.-warning")} {
|
|
264
|
+
--m-button-background-color: ${jt("color-warning-20")};
|
|
265
|
+
--m-button-border-color: ${jt("color-warning-20")};
|
|
266
|
+
--m-button-color: ${jt("color-text-inverted")};
|
|
267
267
|
}
|
|
268
268
|
|
|
269
|
-
${
|
|
270
|
-
--m-button-background-color: ${
|
|
271
|
-
--m-button-outline-color: ${
|
|
269
|
+
${Gt.focus(".button.-warning")} {
|
|
270
|
+
--m-button-background-color: ${jt("color-warning-60")};
|
|
271
|
+
--m-button-outline-color: ${jt("color-warning-60")};
|
|
272
272
|
}
|
|
273
273
|
|
|
274
|
-
${
|
|
275
|
-
${
|
|
276
|
-
--m-button-background-color: ${
|
|
277
|
-
--m-button-border-color: ${
|
|
278
|
-
--m-button-color: ${
|
|
274
|
+
${Gt.hover(".button.-warning")},
|
|
275
|
+
${Gt.active(".button.-warning")} {
|
|
276
|
+
--m-button-background-color: ${jt("color-warning-100")};
|
|
277
|
+
--m-button-border-color: ${jt("color-warning-100")};
|
|
278
|
+
--m-button-color: ${jt("color-text-inverted")};
|
|
279
279
|
}
|
|
280
280
|
|
|
281
281
|
.button.-warning.is-loading {
|
|
282
|
-
--m-button-background-color: ${
|
|
283
|
-
--m-button-border-color: ${
|
|
284
|
-
--m-button-color: ${
|
|
282
|
+
--m-button-background-color: ${jt("color-warning-60")};
|
|
283
|
+
--m-button-border-color: ${jt("color-warning-60")};
|
|
284
|
+
--m-button-color: ${jt("color-text-primary")};
|
|
285
285
|
}
|
|
286
286
|
|
|
287
287
|
.button.-danger {
|
|
288
|
-
--m-button-background-color: ${
|
|
289
|
-
--m-button-border-color: ${
|
|
290
|
-
--m-button-color: ${
|
|
288
|
+
--m-button-background-color: ${jt("color-danger-60")};
|
|
289
|
+
--m-button-border-color: ${jt("color-danger-60")};
|
|
290
|
+
--m-button-color: ${jt("color-text-inverted")};
|
|
291
291
|
}
|
|
292
292
|
|
|
293
|
-
${
|
|
294
|
-
--m-button-background-color: ${
|
|
295
|
-
--m-button-border-color: ${
|
|
293
|
+
${Lt(".button.-danger")} {
|
|
294
|
+
--m-button-background-color: ${jt("color-danger-20")};
|
|
295
|
+
--m-button-border-color: ${jt("color-danger-20")};
|
|
296
296
|
}
|
|
297
297
|
|
|
298
|
-
${
|
|
299
|
-
--m-button-background-color: ${
|
|
300
|
-
--m-button-outline-color: ${
|
|
298
|
+
${Gt.focus(".button.-danger")} {
|
|
299
|
+
--m-button-background-color: ${jt("color-danger-60")};
|
|
300
|
+
--m-button-outline-color: ${jt("color-danger-60")};
|
|
301
301
|
}
|
|
302
302
|
|
|
303
|
-
${
|
|
304
|
-
${
|
|
305
|
-
--m-button-background-color: ${
|
|
306
|
-
--m-button-border-color: ${
|
|
303
|
+
${Gt.hover(".button.-danger")},
|
|
304
|
+
${Gt.active(".button.-danger")} {
|
|
305
|
+
--m-button-background-color: ${jt("color-danger-100")};
|
|
306
|
+
--m-button-border-color: ${jt("color-danger-100")};
|
|
307
307
|
}
|
|
308
308
|
|
|
309
309
|
.button.-danger.is-loading {
|
|
310
|
-
--m-button-background-color: ${
|
|
311
|
-
--m-button-border-color: ${
|
|
312
|
-
--m-button-color: ${
|
|
310
|
+
--m-button-background-color: ${jt("color-danger-60")};
|
|
311
|
+
--m-button-border-color: ${jt("color-danger-60")};
|
|
312
|
+
--m-button-color: ${jt("color-text-inverted")};
|
|
313
313
|
}
|
|
314
314
|
|
|
315
315
|
.button.-icon,
|
|
316
316
|
.button.-icon-secondary {
|
|
317
|
-
--m-button-color: ${
|
|
318
|
-
--m-button-padding-x: ${
|
|
319
|
-
--m-button-padding-y: ${
|
|
317
|
+
--m-button-color: ${jt("color-neutral-90")};
|
|
318
|
+
--m-button-padding-x: ${Mt("spacing-1")};
|
|
319
|
+
--m-button-padding-y: ${Mt("spacing-1")};
|
|
320
320
|
}
|
|
321
321
|
|
|
322
322
|
.button.-icon {
|
|
323
|
-
--m-button-background-color: ${
|
|
324
|
-
--m-button-border-color: ${
|
|
323
|
+
--m-button-background-color: ${jt("color-background-tertiary")};
|
|
324
|
+
--m-button-border-color: ${jt("color-background-tertiary")};
|
|
325
325
|
}
|
|
326
326
|
|
|
327
327
|
.button.-icon-secondary {
|
|
@@ -336,60 +336,60 @@ const ct=t=>null!=t?t:x
|
|
|
336
336
|
display: none;
|
|
337
337
|
}
|
|
338
338
|
|
|
339
|
-
${
|
|
340
|
-
--m-button-color: ${
|
|
339
|
+
${Lt([".button.-icon",".button.-icon-secondary"])} {
|
|
340
|
+
--m-button-color: ${jt("color-neutral-40")};
|
|
341
341
|
}
|
|
342
342
|
|
|
343
|
-
${
|
|
344
|
-
--m-button-background-color: ${
|
|
345
|
-
--m-button-border-color: ${
|
|
343
|
+
${Lt(".button.-icon")} {
|
|
344
|
+
--m-button-background-color: ${jt("color-neutral-20")};
|
|
345
|
+
--m-button-border-color: ${jt("color-neutral-20")};
|
|
346
346
|
}
|
|
347
347
|
|
|
348
|
-
${
|
|
348
|
+
${Lt(".button.-icon-secondary")} {
|
|
349
349
|
--m-button-background-color: transparent;
|
|
350
350
|
--m-button-border-color: transparent;
|
|
351
351
|
}
|
|
352
352
|
|
|
353
|
-
${
|
|
354
|
-
--m-button-color: ${
|
|
355
|
-
--m-button-outline-color: ${
|
|
353
|
+
${Gt.focus([".button.-icon",".button.-icon-secondary"])} {
|
|
354
|
+
--m-button-color: ${jt("color-primary-60")};
|
|
355
|
+
--m-button-outline-color: ${jt("color-primary-60")};
|
|
356
356
|
}
|
|
357
357
|
|
|
358
|
-
${
|
|
359
|
-
--m-button-background-color: ${
|
|
358
|
+
${Gt.focus(".button.-icon")} {
|
|
359
|
+
--m-button-background-color: ${jt("color-neutral-20")};
|
|
360
360
|
}
|
|
361
361
|
|
|
362
|
-
${
|
|
362
|
+
${Gt.focus(".button.-icon-secondary")} {
|
|
363
363
|
--m-button-background-color: transparent;
|
|
364
364
|
}
|
|
365
365
|
|
|
366
|
-
${
|
|
367
|
-
${
|
|
368
|
-
--m-button-color: ${
|
|
366
|
+
${Gt.hover([".button.-icon",".button.-icon-secondary"])},
|
|
367
|
+
${Gt.active([".button.-icon",".button.-icon-secondary"])} {
|
|
368
|
+
--m-button-color: ${jt("color-primary-60")};
|
|
369
369
|
}
|
|
370
370
|
|
|
371
|
-
${
|
|
372
|
-
${
|
|
373
|
-
--m-button-background-color: ${
|
|
374
|
-
--m-button-border-color: ${
|
|
371
|
+
${Gt.hover(".button.-icon")},
|
|
372
|
+
${Gt.active(".button.-icon")} {
|
|
373
|
+
--m-button-background-color: ${jt("color-background-highlight")};
|
|
374
|
+
--m-button-border-color: ${jt("color-background-highlight")};
|
|
375
375
|
}
|
|
376
376
|
|
|
377
|
-
${
|
|
378
|
-
${
|
|
377
|
+
${Gt.hover(".button.-icon-secondary")},
|
|
378
|
+
${Gt.active(".button.-icon-secondary")} {
|
|
379
379
|
--m-button-background-color: transparent;
|
|
380
380
|
--m-button-border-color: transparent;
|
|
381
381
|
}
|
|
382
382
|
|
|
383
383
|
.button.-small {
|
|
384
|
-
--m-button-padding-y: ${
|
|
384
|
+
--m-button-padding-y: ${Mt("spacing-2")};
|
|
385
385
|
|
|
386
|
-
${
|
|
386
|
+
${Dt("button-sm")};
|
|
387
387
|
}
|
|
388
388
|
|
|
389
389
|
.button.-large {
|
|
390
|
-
--m-button-padding-y: ${
|
|
390
|
+
--m-button-padding-y: ${Mt("spacing-4")};
|
|
391
391
|
|
|
392
|
-
${
|
|
392
|
+
${Dt("button-lg")};
|
|
393
393
|
}
|
|
394
394
|
|
|
395
395
|
/* TODO: to be removed when the loading dots component is ready */
|
|
@@ -403,29 +403,29 @@ const ct=t=>null!=t?t:x
|
|
|
403
403
|
|
|
404
404
|
pointer-events: none;
|
|
405
405
|
}
|
|
406
|
-
`]],window.customElements.define("m-button",Yt);class Qt extends Yt{constructor(){super(),this.size="small"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","primary-action")}}window.customElements.define("m-banner-action-primary",Qt);class
|
|
406
|
+
`]],window.customElements.define("m-button",Yt);class Qt extends Yt{constructor(){super(),this.size="small"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","primary-action")}}window.customElements.define("m-banner-action-primary",Qt);class te extends Yt{constructor(){super(),this.variant="tertiary",this.size="small"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","secondary-action")}}window.customElements.define("m-banner-action-secondary",te);class ee extends lt{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","actions")}render(){return x`
|
|
407
407
|
<slot name="secondary-action"></slot>
|
|
408
408
|
<slot name="primary-action"></slot>
|
|
409
|
-
`}}
|
|
409
|
+
`}}ee.styles=[F`
|
|
410
410
|
:host {
|
|
411
411
|
display: flex;
|
|
412
412
|
justify-content: flex-end;
|
|
413
|
-
gap: ${
|
|
413
|
+
gap: ${Mt("spacing-2")};
|
|
414
414
|
}
|
|
415
|
-
`],window.customElements.define("m-banner-actions",
|
|
415
|
+
`],window.customElements.define("m-banner-actions",ee);class oe extends lt{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","description")}render(){return x`<slot></slot>`}}oe.styles=[F`
|
|
416
416
|
:host {
|
|
417
|
-
${
|
|
418
|
-
color: ${
|
|
417
|
+
${Dt("body-md")};
|
|
418
|
+
color: ${jt("color-text-secondary")};
|
|
419
419
|
}
|
|
420
|
-
`],window.customElements.define("m-banner-description",
|
|
420
|
+
`],window.customElements.define("m-banner-description",oe);class ie extends lt{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","icon")}render(){return x`<slot></slot>`}}window.customElements.define("m-banner-icon",ie);class re extends lt{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","title")}render(){return x`<slot></slot>`}}re.styles=[F`
|
|
421
421
|
:host {
|
|
422
|
-
${
|
|
423
|
-
color: ${
|
|
422
|
+
${Dt("body-md-bold")};
|
|
423
|
+
color: ${jt("color-text-secondary")};
|
|
424
424
|
}
|
|
425
|
-
`],window.customElements.define("m-banner-title",
|
|
425
|
+
`],window.customElements.define("m-banner-title",re);class ne 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 se={BASE_PIXELS:16,toRem:function(t,e=16){return parseInt(String(t),10)/e+"rem"}},ae=yt(se.toRem);function le(t,e){return Z(ae(t,e))}const ce=["alert-circle","attention","bell","check","close","info-circle","indeterminate"];var de,he,ue,ge,be;class pe extends ne{static get properties(){return{name:{type:String},size:{type:String},color:{type:String},loading:{state:!0}}}constructor(){super(),de.add(this),this.icon=null,this.icon=null}connectedCallback(){super.connectedCallback(),t(this,de,"m",he).call(this)}update(e){super.update(e),e.has("name")&&t(this,de,"m",he).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",vt(this.color))}render(){return null!=this.name&&ce.includes(this.name)&&null!=this.icon?this.icon:z}}de=new WeakSet,he=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=[[F`
|
|
426
426
|
:host {
|
|
427
427
|
--m-icon-size: 16px;
|
|
428
|
-
--m-icon-color: ${
|
|
428
|
+
--m-icon-color: ${jt("color-text-primary")};
|
|
429
429
|
|
|
430
430
|
display: inline-flex;
|
|
431
431
|
align-items: center;
|
|
@@ -436,7 +436,7 @@ const ct=t=>null!=t?t:x
|
|
|
436
436
|
}
|
|
437
437
|
|
|
438
438
|
svg {
|
|
439
|
-
${
|
|
439
|
+
${Pt([{property:"color"},{property:"fill"}])};
|
|
440
440
|
|
|
441
441
|
inline-size: var(--m-icon-size);
|
|
442
442
|
block-size: var(--m-icon-size);
|
|
@@ -444,21 +444,21 @@ const ct=t=>null!=t?t:x
|
|
|
444
444
|
color: var(--m-icon-color);
|
|
445
445
|
fill: var(--m-icon-color);
|
|
446
446
|
}
|
|
447
|
-
`]],window.customElements.define("m-icon",
|
|
447
|
+
`]],window.customElements.define("m-icon",pe);class me extends ne{static get properties(){return{controls:{type:String},disabled:{type:Boolean},inverted:{type:Boolean},label:{type:String},size:{type:String}}}constructor(){super(),ue.add(this),be.set(this,(()=>{this.emit("m-close")})),this.disabled=!1,this.inverted=!1,this.label="Close",this.size="default"}render(){var e;return x`
|
|
448
448
|
<button
|
|
449
449
|
type="button"
|
|
450
|
-
aria-controls="${
|
|
451
|
-
aria-label="${
|
|
452
|
-
class=${
|
|
450
|
+
aria-controls="${dt(this.controls)}"
|
|
451
|
+
aria-label="${dt(this.label)}"
|
|
452
|
+
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})}
|
|
453
453
|
?disabled="${this.disabled}"
|
|
454
|
-
@click=${t(this,
|
|
454
|
+
@click=${t(this,be,"f")}
|
|
455
455
|
>
|
|
456
456
|
<m-icon name="close"></m-icon>
|
|
457
457
|
</button>
|
|
458
|
-
`}focus(e){var o;null===(o=t(this,
|
|
458
|
+
`}focus(e){var o;null===(o=t(this,ue,"a",ge))||void 0===o||o.focus(e)}}be=new WeakMap,ue=new WeakSet,ge=function(){var t;return null!==(t=this.renderRoot.querySelector("button"))&&void 0!==t?t:null},me.styles=[F`
|
|
459
459
|
:host {
|
|
460
|
-
--m-close-button-color: ${
|
|
461
|
-
--m-close-button-outline-color: ${
|
|
460
|
+
--m-close-button-color: ${jt("color-text-primary")};
|
|
461
|
+
--m-close-button-outline-color: ${jt("color-primary-100")};
|
|
462
462
|
--m-close-button-outline-offset: 2px;
|
|
463
463
|
}
|
|
464
464
|
|
|
@@ -469,7 +469,7 @@ const ct=t=>null!=t?t:x
|
|
|
469
469
|
width: var(--button-size);
|
|
470
470
|
height: var(--button-size);
|
|
471
471
|
${Ot(0)};
|
|
472
|
-
${
|
|
472
|
+
${Rt(0)};
|
|
473
473
|
background-color: var(--button-color);
|
|
474
474
|
border: none;
|
|
475
475
|
border-radius: 50%;
|
|
@@ -478,27 +478,27 @@ const ct=t=>null!=t?t:x
|
|
|
478
478
|
justify-content: center;
|
|
479
479
|
cursor: pointer;
|
|
480
480
|
|
|
481
|
-
${
|
|
481
|
+
${Pt([{property:"background-color"}])};
|
|
482
482
|
}
|
|
483
483
|
|
|
484
484
|
.close-button.-size-small {
|
|
485
|
-
--button-size: ${
|
|
486
|
-
--icon-size: ${
|
|
485
|
+
--button-size: ${le("12px")};
|
|
486
|
+
--icon-size: ${le("8px")};
|
|
487
487
|
}
|
|
488
488
|
|
|
489
489
|
.close-button.-size-default {
|
|
490
|
-
--button-size: ${
|
|
491
|
-
--icon-size: ${
|
|
490
|
+
--button-size: ${le("16px")};
|
|
491
|
+
--icon-size: ${le("12px")};
|
|
492
492
|
}
|
|
493
493
|
|
|
494
494
|
.close-button.-size-large {
|
|
495
|
-
--button-size: ${
|
|
496
|
-
--icon-size: ${
|
|
495
|
+
--button-size: ${le("20px")};
|
|
496
|
+
--icon-size: ${le("16px")};
|
|
497
497
|
}
|
|
498
498
|
|
|
499
499
|
.close-button.-inverted {
|
|
500
500
|
--button-color: transparent;
|
|
501
|
-
--icon-color: ${
|
|
501
|
+
--icon-color: ${jt("color-text-inverted")};
|
|
502
502
|
}
|
|
503
503
|
|
|
504
504
|
m-icon {
|
|
@@ -508,180 +508,180 @@ const ct=t=>null!=t?t:x
|
|
|
508
508
|
display: block;
|
|
509
509
|
}
|
|
510
510
|
|
|
511
|
-
${
|
|
511
|
+
${Gt.focus(".close-button")} {
|
|
512
512
|
outline: 1px solid var(--m-close-button-outline-color);
|
|
513
513
|
outline-offset: var(--m-close-button-outline-offset);
|
|
514
514
|
}
|
|
515
515
|
|
|
516
|
-
${
|
|
516
|
+
${Gt.hover(".close-button")} {
|
|
517
517
|
--button-color: var(--m-close-button-color);
|
|
518
|
-
--icon-color: ${
|
|
518
|
+
--icon-color: ${jt("color-text-inverted")};
|
|
519
519
|
}
|
|
520
520
|
|
|
521
|
-
${
|
|
522
|
-
--button-color: ${
|
|
521
|
+
${Gt.hover(".close-button.-inverted")} {
|
|
522
|
+
--button-color: ${jt("color-text-inverted")};
|
|
523
523
|
--icon-color: var(--m-close-button-color);
|
|
524
524
|
}
|
|
525
525
|
|
|
526
|
-
${
|
|
527
|
-
--icon-color: ${
|
|
526
|
+
${Lt(".close-button")} {
|
|
527
|
+
--icon-color: ${jt("color-text-disabled")};
|
|
528
528
|
cursor: default;
|
|
529
529
|
}
|
|
530
530
|
|
|
531
|
-
${
|
|
531
|
+
${Lt(".close-button","*")} {
|
|
532
532
|
pointer-events: none;
|
|
533
533
|
}
|
|
534
|
-
`],window.customElements.define("m-close-button",
|
|
534
|
+
`],window.customElements.define("m-close-button",me);
|
|
535
535
|
/**
|
|
536
536
|
* @license
|
|
537
537
|
* Copyright 2018 Google LLC
|
|
538
538
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
539
539
|
*/
|
|
540
|
-
const
|
|
540
|
+
const fe="important",$e=" !"+fe,ye=ut(class extends gt{constructor(t){var e;if(super(t),t.type!==ht||"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.includes("-")?o:o.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`}),"")}update(t,[e]){const{style:o}=t.element;if(void 0===this.ut){this.ut=new Set;for(const t in e)this.ut.add(t);return this.render(e)}this.ut.forEach((t=>{null==e[t]&&(this.ut.delete(t),t.includes("-")?o.removeProperty(t):o[t]="")}));for(const t in e){const i=e[t];if(null!=i){this.ut.add(t);const e="string"==typeof i&&i.endsWith($e);t.includes("-")||e?o.setProperty(t,e?i.slice(0,-11):i,e?fe:""):o[t]=i}}return k}});class ve extends(pt(lt,["h1","h2","h3","h4","h5","h6","p","span"],"span")){static get properties(){return{color:{type:String},ellipsized:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0}}}constructor(){super(),this.as="span",this.color="color-text-primary",this.ellipsized=!1,this.variant="body-md"}render(){return L`
|
|
541
541
|
<${this.tag}
|
|
542
|
-
class=${
|
|
543
|
-
style=${
|
|
542
|
+
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,"-ellipsized":Boolean(this.ellipsized)})}
|
|
543
|
+
style=${ye({"--m-text-color":vt(this.color)})}
|
|
544
544
|
>
|
|
545
545
|
<slot></slot>
|
|
546
546
|
</${this.tag}>
|
|
547
|
-
`}}var
|
|
547
|
+
`}}var we,xe;ve.styles=[F`
|
|
548
548
|
:host {
|
|
549
|
-
--m-text-color: ${
|
|
549
|
+
--m-text-color: ${jt("color-text-primary")};
|
|
550
550
|
--m-text-display: inline-block;
|
|
551
551
|
--m-text-max-width: initial;
|
|
552
552
|
}
|
|
553
553
|
|
|
554
554
|
.m-text {
|
|
555
|
-
${
|
|
555
|
+
${Pt([{property:"color"}])};
|
|
556
556
|
|
|
557
|
-
${
|
|
557
|
+
${Dt()};
|
|
558
558
|
|
|
559
559
|
color: var(--m-text-color);
|
|
560
560
|
display: var(--m-text-display);
|
|
561
561
|
}
|
|
562
562
|
|
|
563
563
|
.-body-lg-bold {
|
|
564
|
-
${
|
|
564
|
+
${Dt("body-lg-bold")};
|
|
565
565
|
}
|
|
566
566
|
|
|
567
567
|
.-body-lg {
|
|
568
|
-
${
|
|
568
|
+
${Dt("body-lg")};
|
|
569
569
|
}
|
|
570
570
|
|
|
571
571
|
.-body-md-bold-underline {
|
|
572
|
-
${
|
|
572
|
+
${Dt("body-md-bold-underline")};
|
|
573
573
|
}
|
|
574
574
|
|
|
575
575
|
.-body-md-bold {
|
|
576
|
-
${
|
|
576
|
+
${Dt("body-md-bold")};
|
|
577
577
|
}
|
|
578
578
|
|
|
579
579
|
.-body-md-underline {
|
|
580
|
-
${
|
|
580
|
+
${Dt("body-md-underline")};
|
|
581
581
|
}
|
|
582
582
|
|
|
583
583
|
.-body-md {
|
|
584
|
-
${
|
|
584
|
+
${Dt("body-md")};
|
|
585
585
|
}
|
|
586
586
|
|
|
587
587
|
.-body-sm-bold-underline {
|
|
588
|
-
${
|
|
588
|
+
${Dt("body-sm-bold-underline")};
|
|
589
589
|
}
|
|
590
590
|
|
|
591
591
|
.-body-sm-bold {
|
|
592
|
-
${
|
|
592
|
+
${Dt("body-sm-bold")};
|
|
593
593
|
}
|
|
594
594
|
|
|
595
595
|
.-body-sm-underline {
|
|
596
|
-
${
|
|
596
|
+
${Dt("body-sm-underline")};
|
|
597
597
|
}
|
|
598
598
|
|
|
599
599
|
.-body-sm {
|
|
600
|
-
${
|
|
600
|
+
${Dt("body-sm")};
|
|
601
601
|
}
|
|
602
602
|
|
|
603
603
|
.-button-lg {
|
|
604
|
-
${
|
|
604
|
+
${Dt("button-lg")};
|
|
605
605
|
}
|
|
606
606
|
|
|
607
607
|
.-button-md {
|
|
608
|
-
${
|
|
608
|
+
${Dt("button-md")};
|
|
609
609
|
}
|
|
610
610
|
|
|
611
611
|
.-button-sm {
|
|
612
|
-
${
|
|
612
|
+
${Dt("button-sm")};
|
|
613
613
|
}
|
|
614
614
|
|
|
615
615
|
.-chips-md {
|
|
616
|
-
${
|
|
616
|
+
${Dt("chips-md")};
|
|
617
617
|
}
|
|
618
618
|
|
|
619
619
|
.-chips-sm {
|
|
620
|
-
${
|
|
620
|
+
${Dt("chips-sm")};
|
|
621
621
|
}
|
|
622
622
|
|
|
623
623
|
.-heading-lg-bold {
|
|
624
|
-
${
|
|
624
|
+
${Dt("heading-lg-bold")};
|
|
625
625
|
}
|
|
626
626
|
|
|
627
627
|
.-heading-lg {
|
|
628
|
-
${
|
|
628
|
+
${Dt("heading-lg")};
|
|
629
629
|
}
|
|
630
630
|
|
|
631
631
|
.-heading-md-bold {
|
|
632
|
-
${
|
|
632
|
+
${Dt("heading-md-bold")};
|
|
633
633
|
}
|
|
634
634
|
|
|
635
635
|
.-heading-md {
|
|
636
|
-
${
|
|
636
|
+
${Dt("heading-md")};
|
|
637
637
|
}
|
|
638
638
|
|
|
639
639
|
.-heading-sm-bold {
|
|
640
|
-
${
|
|
640
|
+
${Dt("heading-sm-bold")};
|
|
641
641
|
}
|
|
642
642
|
|
|
643
643
|
.-heading-sm {
|
|
644
|
-
${
|
|
644
|
+
${Dt("heading-sm")};
|
|
645
645
|
}
|
|
646
646
|
|
|
647
647
|
.-hero-lg-bold {
|
|
648
|
-
${
|
|
648
|
+
${Dt("hero-lg-bold")};
|
|
649
649
|
}
|
|
650
650
|
|
|
651
651
|
.-hero-lg {
|
|
652
|
-
${
|
|
652
|
+
${Dt("hero-lg")};
|
|
653
653
|
}
|
|
654
654
|
|
|
655
655
|
.-hero-md-bold {
|
|
656
|
-
${
|
|
656
|
+
${Dt("hero-md-bold")};
|
|
657
657
|
}
|
|
658
658
|
|
|
659
659
|
.-hero-md {
|
|
660
|
-
${
|
|
660
|
+
${Dt("hero-md")};
|
|
661
661
|
}
|
|
662
662
|
|
|
663
663
|
.-hero-sm-bold {
|
|
664
|
-
${
|
|
664
|
+
${Dt("hero-sm-bold")};
|
|
665
665
|
}
|
|
666
666
|
|
|
667
667
|
.-hero-sm {
|
|
668
|
-
${
|
|
668
|
+
${Dt("hero-sm")};
|
|
669
669
|
}
|
|
670
670
|
|
|
671
671
|
.-number-md {
|
|
672
|
-
${
|
|
672
|
+
${Dt("number-md")};
|
|
673
673
|
}
|
|
674
674
|
|
|
675
675
|
.-number-sm {
|
|
676
|
-
${
|
|
676
|
+
${Dt("number-sm")};
|
|
677
677
|
}
|
|
678
678
|
|
|
679
679
|
.-table-header-md {
|
|
680
|
-
${
|
|
680
|
+
${Dt("table-header-md")};
|
|
681
681
|
}
|
|
682
682
|
|
|
683
683
|
.-table-header-sm {
|
|
684
|
-
${
|
|
684
|
+
${Dt("table-header-sm")};
|
|
685
685
|
}
|
|
686
686
|
|
|
687
687
|
.-ellipsized {
|
|
@@ -690,15 +690,15 @@ const me=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
690
690
|
white-space: nowrap;
|
|
691
691
|
max-width: var(--m-text-max-width);
|
|
692
692
|
}
|
|
693
|
-
`],window.customElements.define("m-text",
|
|
693
|
+
`],window.customElements.define("m-text",ve);class ke extends ne{static get properties(){return{variant:{type:String},dismissible:{type:Boolean},dismissed:{type:Boolean,reflect:!0}}}constructor(){super(),we.set(this,void 0),xe.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 z;const e=null!=this.querySelector("*[slot='description']"),o=null!=this.querySelector("*[slot='actions']"),i=x`
|
|
694
694
|
<m-close-button
|
|
695
695
|
id="close"
|
|
696
696
|
label="Dismiss"
|
|
697
|
-
@click=${t(this,
|
|
697
|
+
@click=${t(this,xe,"f")}
|
|
698
698
|
></m-close-button>
|
|
699
|
-
`;return
|
|
699
|
+
`;return x`
|
|
700
700
|
<div
|
|
701
|
-
class=${
|
|
701
|
+
class=${bt({banner:!0,"-success":"success"===this.variant,"-warning":"warning"===this.variant,"-danger":"danger"===this.variant,"-with-description":e})}
|
|
702
702
|
>
|
|
703
703
|
<div class="wrapper">
|
|
704
704
|
<slot name="icon">
|
|
@@ -708,11 +708,11 @@ const me=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
708
708
|
<slot name="title"></slot>
|
|
709
709
|
<slot name="description"></slot>
|
|
710
710
|
</div>
|
|
711
|
-
${this.dismissible&&!o?i:
|
|
711
|
+
${this.dismissible&&!o?i:z}
|
|
712
712
|
</div>
|
|
713
713
|
<slot name="actions"></slot>
|
|
714
714
|
</div>
|
|
715
|
-
`}}
|
|
715
|
+
`}}we=new WeakMap,xe=new WeakMap,ke.styles=[F`
|
|
716
716
|
:host {
|
|
717
717
|
display: block;
|
|
718
718
|
width: 100%;
|
|
@@ -725,34 +725,34 @@ const me=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
725
725
|
.banner {
|
|
726
726
|
background-color: var(
|
|
727
727
|
--m-banner-background-color,
|
|
728
|
-
${
|
|
728
|
+
${jt("color-background-secondary")}
|
|
729
729
|
);
|
|
730
|
-
border: var(--m-banner-border, 1px solid ${
|
|
731
|
-
border-radius: var(--m-banner-border-radius, ${
|
|
732
|
-
padding-inline: var(--m-banner-padding-x, ${
|
|
733
|
-
padding-block: var(--m-banner-padding-y, ${
|
|
730
|
+
border: var(--m-banner-border, 1px solid ${jt("color-border")});
|
|
731
|
+
border-radius: var(--m-banner-border-radius, ${Mt("border-radius-m")});
|
|
732
|
+
padding-inline: var(--m-banner-padding-x, ${Mt("spacing-6")});
|
|
733
|
+
padding-block: var(--m-banner-padding-y, ${Mt("spacing-4")});
|
|
734
734
|
display: flex;
|
|
735
735
|
flex-wrap: wrap;
|
|
736
736
|
justify-content: flex-end;
|
|
737
|
-
gap: ${
|
|
737
|
+
gap: ${Mt("spacing-6")};
|
|
738
738
|
}
|
|
739
739
|
|
|
740
740
|
.banner.-success {
|
|
741
|
-
--m-banner-background-color: ${
|
|
742
|
-
--m-banner-border: 1px solid ${
|
|
743
|
-
--m-banner-icon-color: ${
|
|
741
|
+
--m-banner-background-color: ${jt("color-success-20")};
|
|
742
|
+
--m-banner-border: 1px solid ${jt("color-success-20")};
|
|
743
|
+
--m-banner-icon-color: ${jt("color-success-60")};
|
|
744
744
|
}
|
|
745
745
|
|
|
746
746
|
.banner.-warning {
|
|
747
|
-
--m-banner-background-color: ${
|
|
748
|
-
--m-banner-border: 1px solid ${
|
|
749
|
-
--m-banner-icon-color: ${
|
|
747
|
+
--m-banner-background-color: ${jt("color-warning-20")};
|
|
748
|
+
--m-banner-border: 1px solid ${jt("color-warning-20")};
|
|
749
|
+
--m-banner-icon-color: ${jt("color-warning-100")};
|
|
750
750
|
}
|
|
751
751
|
|
|
752
752
|
.banner.-danger {
|
|
753
|
-
--m-banner-background-color: ${
|
|
754
|
-
--m-banner-border: 1px solid ${
|
|
755
|
-
--m-banner-icon-color: ${
|
|
753
|
+
--m-banner-background-color: ${jt("color-danger-20")};
|
|
754
|
+
--m-banner-border: 1px solid ${jt("color-danger-20")};
|
|
755
|
+
--m-banner-icon-color: ${jt("color-danger-60")};
|
|
756
756
|
}
|
|
757
757
|
|
|
758
758
|
.banner.-with-description {
|
|
@@ -761,17 +761,17 @@ const me=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
761
761
|
|
|
762
762
|
.wrapper {
|
|
763
763
|
display: flex;
|
|
764
|
-
gap: ${
|
|
764
|
+
gap: ${Mt("spacing-6")};
|
|
765
765
|
align-items: center;
|
|
766
766
|
flex-grow: 1;
|
|
767
767
|
}
|
|
768
768
|
|
|
769
769
|
slot[name='icon'] > m-icon,
|
|
770
770
|
slot[name='icon']::slotted(*) {
|
|
771
|
-
--m-icon-color: var(--m-banner-icon-color, ${
|
|
771
|
+
--m-icon-color: var(--m-banner-icon-color, ${jt("color-neutral-90")});
|
|
772
772
|
--m-icon-size: var(--m-banner-icon-size, 24px);
|
|
773
773
|
|
|
774
|
-
fill: var(--m-banner-icon-color, ${
|
|
774
|
+
fill: var(--m-banner-icon-color, ${jt("color-neutral-90")});
|
|
775
775
|
block-size: var(--m-banner-icon-size, 24px);
|
|
776
776
|
inline-size: var(--m-banner-icon-size, 24px);
|
|
777
777
|
}
|
|
@@ -780,14 +780,14 @@ const me=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
780
780
|
display: flex;
|
|
781
781
|
flex-direction: column;
|
|
782
782
|
flex-grow: 1;
|
|
783
|
-
gap: ${
|
|
783
|
+
gap: ${Mt("spacing-1")};
|
|
784
784
|
}
|
|
785
|
-
`],window.customElements.define("m-banner",
|
|
785
|
+
`],window.customElements.define("m-banner",ke);class ze 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 x`
|
|
786
786
|
<div
|
|
787
787
|
class="m-card"
|
|
788
|
-
style="${
|
|
788
|
+
style="${ye({"--m-card-flag-color":vt(this.flagColor)})}"
|
|
789
789
|
>
|
|
790
|
-
${this.flagged?
|
|
790
|
+
${this.flagged?x`<span class="m-card-flag"></span>`:z}
|
|
791
791
|
<div class="m-card-content">
|
|
792
792
|
<slot name="title"></slot>
|
|
793
793
|
<slot name="subtitle"></slot>
|
|
@@ -795,9 +795,9 @@ const me=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
795
795
|
<slot name="body"></slot>
|
|
796
796
|
</div>
|
|
797
797
|
</div>
|
|
798
|
-
`}}
|
|
798
|
+
`}}ze.styles=[F`
|
|
799
799
|
:host {
|
|
800
|
-
--m-card-background-color: ${
|
|
800
|
+
--m-card-background-color: ${jt("color-background-primary")};
|
|
801
801
|
}
|
|
802
802
|
|
|
803
803
|
.m-card {
|
|
@@ -806,8 +806,8 @@ const me=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
806
806
|
flex-direction: row;
|
|
807
807
|
|
|
808
808
|
background-color: var(--m-card-background-color);
|
|
809
|
-
border-radius: ${
|
|
810
|
-
border: solid 1px ${
|
|
809
|
+
border-radius: ${Mt("border-radius-s")};
|
|
810
|
+
border: solid 1px ${jt("color-divider")};
|
|
811
811
|
}
|
|
812
812
|
|
|
813
813
|
.m-card-flag {
|
|
@@ -820,11 +820,11 @@ const me=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
820
820
|
box-sizing: border-box;
|
|
821
821
|
border: 1px solid var(--m-card-flag-color);
|
|
822
822
|
background-color: var(--m-card-flag-color);
|
|
823
|
-
width: ${
|
|
824
|
-
border-top-left-radius: ${
|
|
823
|
+
width: ${Mt("border-thick")};
|
|
824
|
+
border-top-left-radius: ${Mt("border-radius-s")};
|
|
825
825
|
border-top-right-radius: 0;
|
|
826
826
|
border-bottom-right-radius: 0;
|
|
827
|
-
border-bottom-left-radius: ${
|
|
827
|
+
border-bottom-left-radius: ${Mt("border-radius-s")};
|
|
828
828
|
}
|
|
829
829
|
|
|
830
830
|
.m-card-content {
|
|
@@ -834,56 +834,56 @@ const me=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
834
834
|
}
|
|
835
835
|
|
|
836
836
|
::slotted(m-divider) {
|
|
837
|
-
--m-divider-margin-top: ${
|
|
837
|
+
--m-divider-margin-top: ${Mt("spacing-4")};
|
|
838
838
|
}
|
|
839
|
-
`],window.customElements.define("m-card",
|
|
839
|
+
`],window.customElements.define("m-card",ze);class Se extends lt{static get properties(){return{slot:{type:String}}}constructor(){super(),this.slot="body"}render(){return x`
|
|
840
840
|
<div class="m-card-body">
|
|
841
841
|
<slot></slot>
|
|
842
842
|
</div>
|
|
843
|
-
`}}
|
|
843
|
+
`}}Se.styles=[F`
|
|
844
844
|
:host {
|
|
845
|
-
--m-card-body-padding-x: ${
|
|
846
|
-
--m-card-body-padding-y: ${
|
|
845
|
+
--m-card-body-padding-x: ${Mt("spacing-4")};
|
|
846
|
+
--m-card-body-padding-y: ${Mt("spacing-4")};
|
|
847
847
|
}
|
|
848
848
|
|
|
849
849
|
.m-card-body {
|
|
850
850
|
padding: var(--m-card-body-padding-y) var(--m-card-body-padding-x);
|
|
851
851
|
}
|
|
852
|
-
`],window.customElements.define("m-card-body",
|
|
852
|
+
`],window.customElements.define("m-card-body",Se);class Ce extends lt{static get properties(){return{slot:{type:String}}}constructor(){super(),this.slot="subtitle"}render(){return x`
|
|
853
853
|
<div class="m-card-subtitle">
|
|
854
854
|
<slot></slot>
|
|
855
855
|
</div>
|
|
856
|
-
`}}
|
|
856
|
+
`}}Ce.styles=[F`
|
|
857
857
|
:host {
|
|
858
|
-
--m-card-subtitle-margin-top: ${
|
|
859
|
-
--m-card-subtitle-padding-x: ${
|
|
858
|
+
--m-card-subtitle-margin-top: ${Mt("spacing-2")};
|
|
859
|
+
--m-card-subtitle-padding-x: ${Mt("spacing-4")};
|
|
860
860
|
--m-card-subtitle-padding-y: 0;
|
|
861
861
|
}
|
|
862
862
|
|
|
863
863
|
.m-card-subtitle {
|
|
864
|
-
${
|
|
864
|
+
${Dt("body-md")};
|
|
865
865
|
|
|
866
866
|
margin-block-start: var(--m-card-subtitle-margin-top);
|
|
867
867
|
padding: var(--m-card-subtitle-padding-y) var(--m-card-subtitle-padding-x);
|
|
868
868
|
|
|
869
|
-
color: ${
|
|
869
|
+
color: ${jt("color-text-tertiary")};
|
|
870
870
|
}
|
|
871
|
-
`],window.customElements.define("m-card-subtitle",
|
|
871
|
+
`],window.customElements.define("m-card-subtitle",Ce);class We extends lt{static get properties(){return{slot:{type:String}}}constructor(){super(),this.slot="title"}render(){return x`
|
|
872
872
|
<div class="m-card-title">
|
|
873
873
|
<slot name="leading"></slot>
|
|
874
874
|
<slot></slot>
|
|
875
875
|
</div>
|
|
876
|
-
`}}
|
|
876
|
+
`}}We.styles=[F`
|
|
877
877
|
:host {
|
|
878
|
-
--m-card-title-padding-x: ${
|
|
879
|
-
--m-card-title-padding-top: ${
|
|
878
|
+
--m-card-title-padding-x: ${Mt("spacing-4")};
|
|
879
|
+
--m-card-title-padding-top: ${Mt("spacing-4")};
|
|
880
880
|
}
|
|
881
881
|
|
|
882
882
|
.m-card-title {
|
|
883
883
|
padding: var(--m-card-title-padding-top) var(--m-card-title-padding-x) 0;
|
|
884
884
|
|
|
885
|
-
${
|
|
886
|
-
color: ${
|
|
885
|
+
${Dt("heading-sm-bold")};
|
|
886
|
+
color: ${jt("color-text-primary")};
|
|
887
887
|
}
|
|
888
888
|
|
|
889
889
|
slot[name='leading']::slotted(*) {
|
|
@@ -892,34 +892,34 @@ const me=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
892
892
|
align-items: center;
|
|
893
893
|
justify-content: center;
|
|
894
894
|
pointer-events: none;
|
|
895
|
-
margin-inline-end: ${
|
|
895
|
+
margin-inline-end: ${Mt("spacing-1")};
|
|
896
896
|
}
|
|
897
|
-
`],window.customElements.define("m-card-title",
|
|
898
|
-
<label for="${
|
|
897
|
+
`],window.customElements.define("m-card-title",We);const Me={delay:"0s",duration:"0.35s",easing:"ease-in-out"};var je,Ae,Be;class Ee 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(),je.add(this),Be.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,je,"m",Ae).call(this)}render(){return x`
|
|
898
|
+
<label for="${dt(this.id)}" class="check-input-label">
|
|
899
899
|
<input
|
|
900
|
-
id="${
|
|
901
|
-
name="${
|
|
900
|
+
id="${dt(this.id)}"
|
|
901
|
+
name="${dt(this.name)}"
|
|
902
902
|
type="checkbox"
|
|
903
903
|
class="check-input"
|
|
904
904
|
?disabled="${this.disabled}"
|
|
905
905
|
?checked="${this.checked}"
|
|
906
|
-
@change=${t(this,
|
|
906
|
+
@change=${t(this,Be,"f")}
|
|
907
907
|
/>
|
|
908
908
|
<m-icon name="check" class="check-icon"></m-icon>
|
|
909
909
|
<m-icon name="indeterminate" class="indeterminate-icon"></m-icon>
|
|
910
910
|
<slot name="leading"></slot>
|
|
911
911
|
<slot></slot>
|
|
912
912
|
</label>
|
|
913
|
-
`}focus(t){var e;null===(e=this.input)||void 0===e||e.focus(t)}}
|
|
914
|
-
${
|
|
913
|
+
`}focus(t){var e;null===(e=this.input)||void 0===e||e.focus(t)}}Be=new WeakMap,je=new WeakSet,Ae=function(){this.setAttribute("aria-disabled",this.disabled.toString()),this.setAttribute("aria-checked",this.indeterminate?"mixed":this.checked.toString()),this.input.indeterminate=this.indeterminate},Ee.styles=[F`
|
|
914
|
+
${Gt.focus(".check-input-label")} {
|
|
915
915
|
border-radius: 2px;
|
|
916
|
-
outline: 1px solid ${
|
|
916
|
+
outline: 1px solid ${jt("color-primary-60")};
|
|
917
917
|
}
|
|
918
918
|
|
|
919
919
|
.check-input-label {
|
|
920
|
-
${
|
|
920
|
+
${Dt("body-md")};
|
|
921
921
|
|
|
922
|
-
gap: ${
|
|
922
|
+
gap: ${Mt("spacing-1")};
|
|
923
923
|
align-items: center;
|
|
924
924
|
display: inline-flex;
|
|
925
925
|
padding: 4px 2px;
|
|
@@ -931,66 +931,66 @@ const me=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
931
931
|
}
|
|
932
932
|
|
|
933
933
|
.check-input {
|
|
934
|
-
--checkbox-input-size: ${
|
|
934
|
+
--checkbox-input-size: ${Mt("font-size-4")};
|
|
935
935
|
|
|
936
|
-
color: ${
|
|
936
|
+
color: ${jt("color-text-tertiary")};
|
|
937
937
|
width: var(--checkbox-input-size);
|
|
938
938
|
height: var(--checkbox-input-size);
|
|
939
|
-
background: ${
|
|
939
|
+
background: ${jt("color-neutral-0")};
|
|
940
940
|
appearance: none;
|
|
941
941
|
outline: none;
|
|
942
942
|
border-style: solid;
|
|
943
|
-
border-radius: ${
|
|
944
|
-
border-color: ${
|
|
945
|
-
border-width: ${
|
|
943
|
+
border-radius: ${Mt("border-radius-s")};
|
|
944
|
+
border-color: ${jt("color-border")};
|
|
945
|
+
border-width: ${Mt("border-thin")};
|
|
946
946
|
margin: 0;
|
|
947
|
-
${
|
|
947
|
+
${Pt([{property:"border",...Me},{property:"background",...Me}])};
|
|
948
948
|
}
|
|
949
949
|
|
|
950
950
|
.check-input:indeterminate,
|
|
951
951
|
.check-input:checked {
|
|
952
|
-
background: ${
|
|
953
|
-
border-color: ${
|
|
952
|
+
background: ${jt("color-primary-60")};
|
|
953
|
+
border-color: ${jt("color-primary-60")};
|
|
954
954
|
}
|
|
955
955
|
|
|
956
|
-
${
|
|
957
|
-
background: ${
|
|
956
|
+
${Lt(".check-input")} {
|
|
957
|
+
background: ${jt("color-background-tertiary")};
|
|
958
958
|
cursor: not-allowed;
|
|
959
959
|
}
|
|
960
960
|
|
|
961
|
-
${
|
|
962
|
-
${
|
|
963
|
-
background: ${
|
|
964
|
-
border-color: ${
|
|
961
|
+
${Lt(".check-input:indeterminate")},
|
|
962
|
+
${Lt(".check-input:checked")} {
|
|
963
|
+
background: ${jt("color-neutral-40")};
|
|
964
|
+
border-color: ${jt("color-neutral-40")};
|
|
965
965
|
}
|
|
966
966
|
|
|
967
|
-
${
|
|
968
|
-
${
|
|
969
|
-
background: ${
|
|
970
|
-
border-color: ${
|
|
967
|
+
${Gt.hover(".check-input:indeterminate")},
|
|
968
|
+
${Gt.hover(".check-input:checked")} {
|
|
969
|
+
background: ${jt("color-primary-100")};
|
|
970
|
+
border-color: ${jt("color-primary-100")};
|
|
971
971
|
}
|
|
972
972
|
|
|
973
|
-
${
|
|
974
|
-
border-color: ${
|
|
973
|
+
${Gt.hover(".check-input")} {
|
|
974
|
+
border-color: ${jt("color-primary-100")};
|
|
975
975
|
}
|
|
976
976
|
|
|
977
977
|
:host([disabled]) .check-input-label {
|
|
978
978
|
cursor: not-allowed;
|
|
979
|
-
color: ${
|
|
979
|
+
color: ${jt("color-text-disabled")};
|
|
980
980
|
}
|
|
981
981
|
|
|
982
982
|
.check-icon,
|
|
983
983
|
.indeterminate-icon {
|
|
984
984
|
--m-icon-size: 1em;
|
|
985
|
-
--m-icon-color: ${
|
|
985
|
+
--m-icon-color: ${jt("color-neutral-0")};
|
|
986
986
|
|
|
987
987
|
position: absolute;
|
|
988
988
|
|
|
989
989
|
pointer-events: none;
|
|
990
|
-
border-width: ${
|
|
990
|
+
border-width: ${Mt("border-thin")};
|
|
991
991
|
border-style: solid;
|
|
992
992
|
border-color: transparent;
|
|
993
|
-
border-radius: ${
|
|
993
|
+
border-radius: ${Mt("border-radius-s")};
|
|
994
994
|
display: none;
|
|
995
995
|
}
|
|
996
996
|
|
|
@@ -998,13 +998,13 @@ const me=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==dt||"styl
|
|
|
998
998
|
.check-input:indeterminate:not(:checked) ~ .indeterminate-icon {
|
|
999
999
|
display: inline-flex;
|
|
1000
1000
|
}
|
|
1001
|
-
`],window.customElements.define("m-checkbox",
|
|
1001
|
+
`],window.customElements.define("m-checkbox",Ee);
|
|
1002
1002
|
/**
|
|
1003
1003
|
* @license
|
|
1004
1004
|
* Copyright 2021 Google LLC
|
|
1005
1005
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1006
1006
|
*/
|
|
1007
|
-
let
|
|
1007
|
+
let _e=class extends Event{constructor(t,e,o){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=e,this.subscribe=o}};
|
|
1008
1008
|
/**
|
|
1009
1009
|
* @license
|
|
1010
1010
|
* Copyright 2021 Google LLC
|
|
@@ -1015,27 +1015,27 @@ let Ae=class extends Event{constructor(t,e,o){super("context-request",{bubbles:!
|
|
|
1015
1015
|
* Copyright 2021 Google LLC
|
|
1016
1016
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1017
1017
|
*/
|
|
1018
|
-
let
|
|
1018
|
+
let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,this.subscribe=i,this.provided=!1,this.value=void 0,this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new _e(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))}},Oe=class{constructor(t){this.callbacks=new Map,this.updateObservers=()=>{for(const[t,e]of this.callbacks)t(this.t,e)},void 0!==t&&(this.value=t)}get value(){return this.t}set value(t){this.setValue(t)}setValue(t,e=!1){const o=e||!Object.is(t,this.t);this.t=t,o&&this.updateObservers()}addCallback(t,e){e&&(this.callbacks.has(t)||this.callbacks.set(t,(()=>{this.callbacks.delete(t)}))),t(this.value)}clearCallbacks(){this.callbacks.clear()}},Ue=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}},qe=class extends Oe{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 Ue(this.context))}},Re=!1;
|
|
1019
1019
|
/**
|
|
1020
1020
|
* @license
|
|
1021
1021
|
* Copyright 2021 Google LLC
|
|
1022
1022
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1023
|
-
*/function
|
|
1023
|
+
*/function Ne(){if(Re)return;const t=new class{constructor(){this.pendingContextRequests=new Map,this.onContextProvider=t=>{const e=this.pendingContextRequests.get(t.context);e&&(this.pendingContextRequests.delete(t.context),e.forEach((e=>{const o=e.element,i=e.callback;o&&o.dispatchEvent(new _e(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)}};t.attach(document.body),Re=!0}async function Pe(t,e){const o=t.getAnimations(e).map((({finished:t})=>t));await Promise.allSettled(o)}const De=Symbol("dialog");var Le,Ge,Ie,Ve,Je,He,Ze,Fe;Ne();class Ke extends ne{static get properties(){return{open:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},variant:{type:String,reflect:!0}}}constructor(){super(),Le.add(this),Ge.set(this,new qe(this,De,{variant:"neutral"})),this.open=!1,this.size="small",this.variant="neutral"}render(){return x`
|
|
1024
1024
|
<dialog
|
|
1025
|
-
class="${
|
|
1026
|
-
@click=${t(this,
|
|
1027
|
-
@cancel=${t(this,
|
|
1025
|
+
class="${bt({"-size-small":"small"===this.size||!this.size,"-size-medium":"medium"===this.size,"-size-large":"large"===this.size,"-size-extra-large":"extra-large"===this.size})}"
|
|
1026
|
+
@click=${t(this,Le,"m",Ze)}
|
|
1027
|
+
@cancel=${t(this,Le,"m",Fe)}
|
|
1028
1028
|
>
|
|
1029
1029
|
<slot name="header"></slot>
|
|
1030
1030
|
<slot name="body"></slot>
|
|
1031
1031
|
<slot name="footer"></slot>
|
|
1032
1032
|
<slot name="actions"></slot>
|
|
1033
1033
|
</dialog>
|
|
1034
|
-
`}updated(e){var o;super.updated(e),e.has("variant")&&t(this,
|
|
1034
|
+
`}updated(e){var o;super.updated(e),e.has("variant")&&t(this,Ge,"f").setValue({variant:null!==(o=this.variant)&&void 0!==o?o:"neutral"}),e.has("open")&&t(this,Le,"m",Ve).call(this,e.get("open"))}show(){this.open=!0}hide(){this.open=!1}}Ge=new WeakMap,Le=new WeakSet,Ie=function(){var t;return null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector("dialog")},Ve=async function(e){const o=t(this,Le,"a",Ie);o&&(!e&&this.open?(this.style.display="block",t(this,Le,"m",Je).call(this,"m-opening"),o.showModal(),await Pe(o),t(this,Le,"m",Je).call(this,"m-opened")):e&&!this.open?(t(this,Le,"m",Je).call(this,"m-closing"),o.classList.add("is-hiding"),await Pe(o),o.classList.remove("is-hiding"),o.close(),t(this,Le,"m",Je).call(this,"m-closed"),this.style.display="none"):null!=e||this.open||(this.style.display="none"))},Je=function(t){this.emit(t,{cancelable:!1,bubbles:!1})},He=function(){this.open&&this.emit("m-close")},Ze=function(e){var o;const i=e.target instanceof HTMLDialogElement,r=null===(o=t(this,Le,"a",Ie))||void 0===o?void 0:o.getBoundingClientRect();if(i&&r){(e.clientY<r.top||e.clientY>r.bottom||e.clientX<r.left||e.clientX>r.right)&&(e.preventDefault(),e.stopPropagation(),t(this,Le,"m",He).call(this))}},Fe=function(e){e.preventDefault(),t(this,Le,"m",He).call(this)},Ke.styles=[F`
|
|
1035
1035
|
:host {
|
|
1036
|
-
--margin: ${
|
|
1037
|
-
--padding: ${
|
|
1038
|
-
--gap: ${
|
|
1036
|
+
--margin: ${Mt("spacing-6")};
|
|
1037
|
+
--padding: ${Mt("spacing-6")};
|
|
1038
|
+
--gap: ${Mt("spacing-6")};
|
|
1039
1039
|
}
|
|
1040
1040
|
|
|
1041
1041
|
slot::slotted(*) {
|
|
@@ -1047,13 +1047,13 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1047
1047
|
box-sizing: border-box;
|
|
1048
1048
|
padding: calc(var(--padding) - (var(--gap) / 2)) 0;
|
|
1049
1049
|
border: none;
|
|
1050
|
-
border-radius: ${
|
|
1050
|
+
border-radius: ${Mt("border-radius-m")};
|
|
1051
1051
|
background-color: white;
|
|
1052
|
-
box-shadow: ${
|
|
1052
|
+
box-shadow: ${Mt("elevation-4")};
|
|
1053
1053
|
width: auto;
|
|
1054
1054
|
max-height: calc(100% - var(--margin));
|
|
1055
1055
|
|
|
1056
|
-
${
|
|
1056
|
+
${Pt([{property:"max-width"}])}
|
|
1057
1057
|
}
|
|
1058
1058
|
|
|
1059
1059
|
dialog[open] {
|
|
@@ -1062,23 +1062,23 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1062
1062
|
}
|
|
1063
1063
|
|
|
1064
1064
|
dialog.-size-small {
|
|
1065
|
-
max-width: min(${
|
|
1065
|
+
max-width: min(${le("400px")}, calc(100vw - var(--margin)));
|
|
1066
1066
|
}
|
|
1067
1067
|
|
|
1068
1068
|
dialog.-size-medium {
|
|
1069
|
-
max-width: min(${
|
|
1069
|
+
max-width: min(${le("600px")}, calc(100% - var(--margin)));
|
|
1070
1070
|
}
|
|
1071
1071
|
|
|
1072
1072
|
dialog.-size-large {
|
|
1073
|
-
max-width: min(${
|
|
1073
|
+
max-width: min(${le("800px")}, calc(100% - var(--margin)));
|
|
1074
1074
|
}
|
|
1075
1075
|
|
|
1076
1076
|
dialog.-size-extra-large {
|
|
1077
|
-
max-width: min(${
|
|
1077
|
+
max-width: min(${le("1000px")}, calc(100% - var(--margin)));
|
|
1078
1078
|
}
|
|
1079
1079
|
|
|
1080
1080
|
dialog::backdrop {
|
|
1081
|
-
background-color: ${
|
|
1081
|
+
background-color: ${jt("color-background-secondary-inverted",.4)};
|
|
1082
1082
|
}
|
|
1083
1083
|
|
|
1084
1084
|
@media (prefers-reduced-motion: no-preference) {
|
|
@@ -1124,11 +1124,11 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1124
1124
|
opacity: 0;
|
|
1125
1125
|
}
|
|
1126
1126
|
}
|
|
1127
|
-
`],window.customElements.define("m-dialog",
|
|
1127
|
+
`],window.customElements.define("m-dialog",Ke);const Xe=["small","medium","large","extra-large"],Ye=["neutral","success","warning","danger"];var Qe;class to extends Yt{constructor(){super(),Qe.set(this,(t=>{switch(t.variant){case"danger":this.variant="danger";break;case"warning":this.variant="warning";break;default:this.variant="primary"}})),this.type="button",this.variant="primary",this.context=new Te(this,De,t(this,Qe,"f"),!0)}}Qe=new WeakMap,window.customElements.define("m-dialog-action-primary",to);class eo extends Yt{constructor(){super(),this.type="button",this.variant="secondary"}}window.customElements.define("m-dialog-action-secondary",eo);class oo extends Yt{constructor(){super(),this.type="button",this.variant="tertiary"}}function io(t,e){var o;const i=e?vt(e):"";return t&&null!==(o="none"===t?"0":vt(t))&&void 0!==o?o:i}window.customElements.define("m-dialog-action-tertiary",oo);const ro={gap:"spacing-4",align:"stretch",justify:"flex-start"};class no extends lt{static get properties(){return{gap:{type:String},align:{type:String},justify:{type:String}}}constructor(){super(),this.gap=ro.gap,this.align=ro.align,this.justify=ro.justify}update(t){this.style.setProperty("--m-group-gap",io(this.gap,ro.gap)),this.style.setProperty("--m-group-align",this.align||ro.align),this.style.setProperty("--m-group-justify",this.justify||ro.justify),super.update(t)}render(){return x`<slot></slot>`}}no.styles=[F`
|
|
1128
1128
|
:host {
|
|
1129
|
-
--m-group-gap: ${
|
|
1130
|
-
--m-group-align: ${
|
|
1131
|
-
--m-group-justify: ${
|
|
1129
|
+
--m-group-gap: ${Mt(ro.gap)};
|
|
1130
|
+
--m-group-align: ${Z(ro.align)};
|
|
1131
|
+
--m-group-justify: ${Z(ro.justify)};
|
|
1132
1132
|
|
|
1133
1133
|
display: flex;
|
|
1134
1134
|
flex-wrap: wrap;
|
|
@@ -1136,21 +1136,21 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1136
1136
|
align-items: var(--m-group-align);
|
|
1137
1137
|
justify-content: var(--m-group-justify);
|
|
1138
1138
|
}
|
|
1139
|
-
`],window.customElements.define("m-group",
|
|
1139
|
+
`],window.customElements.define("m-group",no);class so extends no{constructor(){super(),this.align="center",this.gap="spacing-3",this.justify="flex-end"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","actions")}}window.customElements.define("m-dialog-actions",so);class ao extends lt{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","body")}render(){return x`<slot></slot>`}}ao.styles=[F`
|
|
1140
1140
|
:host {
|
|
1141
1141
|
overflow-y: auto;
|
|
1142
1142
|
overscroll-behavior: contain;
|
|
1143
1143
|
|
|
1144
|
-
${
|
|
1144
|
+
${Dt("body-md")};
|
|
1145
1145
|
}
|
|
1146
|
-
`],window.customElements.define("m-dialog-body",
|
|
1146
|
+
`],window.customElements.define("m-dialog-body",ao);class lo extends me{constructor(){super(),this.size="large"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","close")}}window.customElements.define("m-dialog-close",lo);class co extends lt{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","footer")}render(){return x`<slot></slot>`}}window.customElements.define("m-dialog-footer",co);const ho=["center","flex-start","flex-end","stretch"],uo=["center","flex-start","flex-end","space-between","space-around","space-evenly"],go={padding:"spacing-4",borderRadius:"border-radius-s",borderWidth:"border-none",borderColor:"color-background-highlight",textAlign:"left"};class bo 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=go.padding,this.borderRadius=go.borderRadius,this.borderWidth=go.borderWidth,this.borderColor=go.borderColor,this.textAlign=go.textAlign}update(t){var e,o,i,r;this.style.setProperty("--m-box-padding",io(this.padding,go.padding)),this.style.setProperty("--m-box-background-color",null!==(e=this.backgroundColor&&vt(this.backgroundColor))&&void 0!==e?e:"transparent"),this.style.setProperty("--m-box-border-radius",null!==(o=this.borderRadius&&vt(this.borderRadius))&&void 0!==o?o:vt(go.borderRadius)),this.style.setProperty("--m-box-border-width",null!==(i=this.borderWidth&&vt(this.borderWidth))&&void 0!==i?i:vt(go.borderWidth)),this.style.setProperty("--m-box-border-color",null!==(r=this.borderColor&&vt(this.borderColor))&&void 0!==r?r:vt(go.borderColor)),this.style.setProperty("--m-box-text-align",this.textAlign||go.textAlign),super.update(t)}render(){return x`<slot></slot>`}}bo.styles=[F`
|
|
1147
1147
|
:host {
|
|
1148
|
-
--m-box-padding: ${
|
|
1148
|
+
--m-box-padding: ${Mt(go.padding)};
|
|
1149
1149
|
--m-box-background-color: transparent;
|
|
1150
|
-
--m-box-border-radius: ${
|
|
1151
|
-
--m-box-border-width: ${
|
|
1152
|
-
--m-box-border-color: ${
|
|
1153
|
-
--m-box-text-align: ${
|
|
1150
|
+
--m-box-border-radius: ${Mt(go.borderRadius)};
|
|
1151
|
+
--m-box-border-width: ${Mt(go.borderWidth)};
|
|
1152
|
+
--m-box-border-color: ${jt(go.borderColor)};
|
|
1153
|
+
--m-box-text-align: ${Z(go.textAlign)};
|
|
1154
1154
|
|
|
1155
1155
|
box-sizing: border-box;
|
|
1156
1156
|
|
|
@@ -1162,11 +1162,11 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1162
1162
|
border-color: var(--m-box-border-color);
|
|
1163
1163
|
text-align: var(--m-box-text-align);
|
|
1164
1164
|
}
|
|
1165
|
-
`],window.customElements.define("m-box",
|
|
1165
|
+
`],window.customElements.define("m-box",bo);const po={gap:"spacing-4",align:"stretch",justify:"flex-start"};class mo extends lt{static get properties(){return{gap:{type:String},align:{type:String},justify:{type:String}}}constructor(){super(),this.gap=po.gap,this.align=po.align,this.justify=po.justify}update(t){this.style.setProperty("--m-stack-gap",io(this.gap,po.gap)),this.style.setProperty("--m-stack-align",this.align||po.align),this.style.setProperty("--m-stack-justify",this.justify||po.justify),super.update(t)}render(){return x`<slot></slot>`}}mo.styles=[F`
|
|
1166
1166
|
:host {
|
|
1167
|
-
--m-stack-gap: ${
|
|
1168
|
-
--m-stack-align: ${
|
|
1169
|
-
--m-stack-justify: ${
|
|
1167
|
+
--m-stack-gap: ${Mt(po.gap)};
|
|
1168
|
+
--m-stack-align: ${Z(po.align)};
|
|
1169
|
+
--m-stack-justify: ${Z(po.justify)};
|
|
1170
1170
|
|
|
1171
1171
|
display: flex;
|
|
1172
1172
|
flex-direction: column;
|
|
@@ -1175,10 +1175,10 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1175
1175
|
align-items: var(--m-stack-align);
|
|
1176
1176
|
justify-content: var(--m-stack-justify);
|
|
1177
1177
|
}
|
|
1178
|
-
`],window.customElements.define("m-stack",
|
|
1178
|
+
`],window.customElements.define("m-stack",mo);const fo={gap:"spacing-4",minColumnWidth:wt("spacing-30")};class $o 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=fo.gap,this.minColumnWidth=fo.minColumnWidth}update(t){t.has("gap")&&this.style.setProperty("--m-grid-gap",io(this.gap,fo.gap)),t.has("rowGap")&&(this.rowGap?this.style.setProperty("--m-grid-row-gap",io(this.rowGap)):this.style.removeProperty("--m-grid-row-gap")),t.has("columnGap")&&(this.columnGap?this.style.setProperty("--m-grid-column-gap",io(this.columnGap)):this.style.removeProperty("--m-grid-column-gap")),t.has("minColumnWidth")&&this.style.setProperty("--m-grid-min-column-width",this.minColumnWidth||fo.minColumnWidth),super.update(t)}render(){return x`<slot></slot>`}}$o.styles=[F`
|
|
1179
1179
|
:host {
|
|
1180
|
-
--m-grid-gap: ${
|
|
1181
|
-
--m-grid-min-column-width: ${
|
|
1180
|
+
--m-grid-gap: ${Mt(fo.gap)};
|
|
1181
|
+
--m-grid-min-column-width: ${Z(fo.minColumnWidth)};
|
|
1182
1182
|
|
|
1183
1183
|
display: grid;
|
|
1184
1184
|
|
|
@@ -1190,15 +1190,15 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1190
1190
|
minmax(min(var(--m-grid-min-column-width), 100%), 1fr)
|
|
1191
1191
|
);
|
|
1192
1192
|
}
|
|
1193
|
-
`],window.customElements.define("m-grid"
|
|
1193
|
+
`],window.customElements.define("m-grid",$o);const yo={gap:"spacing-4",sideWidth:"auto",minContentWidth:"50%",reversed:!1};function vo(t){return t?"row-reverse":"row"}class wo 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=yo.gap,this.sideWidth=yo.sideWidth,this.minContentWidth=yo.minContentWidth,this.reversed=yo.reversed}update(t){t.has("gap")&&this.style.setProperty("--m-sidebar-gap",io(this.gap,yo.gap)),t.has("sideWidth")&&this.style.setProperty("--m-sidebar-side-width",this.sideWidth||yo.sideWidth),t.has("minContentWidth")&&this.style.setProperty("--m-sidebar-min-content-width",this.minContentWidth||yo.minContentWidth),t.has("reversed")&&this.style.setProperty("--m-sidebar-flex-direction",vo(this.reversed)),super.update(t)}render(){return x`
|
|
1194
1194
|
<slot name="sidebar"></slot>
|
|
1195
1195
|
<slot name="content"></slot>
|
|
1196
|
-
`}}
|
|
1196
|
+
`}}wo.styles=[F`
|
|
1197
1197
|
:host {
|
|
1198
|
-
--m-sidebar-gap: ${
|
|
1199
|
-
--m-sidebar-flex-direction: ${
|
|
1200
|
-
--m-sidebar-side-width: ${
|
|
1201
|
-
--m-sidebar-min-content-width: ${
|
|
1198
|
+
--m-sidebar-gap: ${Mt(yo.gap)};
|
|
1199
|
+
--m-sidebar-flex-direction: ${Z(vo(yo.reversed))};
|
|
1200
|
+
--m-sidebar-side-width: ${Z(yo.sideWidth)};
|
|
1201
|
+
--m-sidebar-min-content-width: ${Z(yo.minContentWidth)};
|
|
1202
1202
|
|
|
1203
1203
|
display: flex;
|
|
1204
1204
|
flex-wrap: wrap;
|
|
@@ -1217,7 +1217,7 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1217
1217
|
flex-grow: 999;
|
|
1218
1218
|
min-width: var(--m-sidebar-min-content-width);
|
|
1219
1219
|
}
|
|
1220
|
-
`],window.customElements.define("m-sidebar",
|
|
1220
|
+
`],window.customElements.define("m-sidebar",wo);const xo={gap:"spacing-4",threshold:"10rem"};class ko 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=xo.gap,this.threshold=xo.threshold}update(t){super.update(t),t.has("gap")&&this.style.setProperty("--m-switcher-gap",io(this.gap,xo.gap)),t.has("rowGap")&&(this.rowGap?this.style.setProperty("--m-switcher-row-gap",io(this.rowGap)):this.style.removeProperty("--m-switcher-row-gap")),t.has("columnGap")&&(this.columnGap?this.style.setProperty("--m-switcher-column-gap",io(this.columnGap)):this.style.removeProperty("--m-switcher-column-gap")),t.has("threshold")&&this.style.setProperty("--m-switcher-threshold",this.threshold||xo.threshold)}render(){const t=this.limit?x`
|
|
1221
1221
|
<style>
|
|
1222
1222
|
::slotted(*:nth-last-child(n + ${this.limit+1})) {
|
|
1223
1223
|
flex-basis: 100%;
|
|
@@ -1226,13 +1226,13 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1226
1226
|
flex-basis: 100%;
|
|
1227
1227
|
}
|
|
1228
1228
|
</style>
|
|
1229
|
-
`:"";return
|
|
1229
|
+
`:"";return x`
|
|
1230
1230
|
${t}
|
|
1231
1231
|
<slot></slot>
|
|
1232
|
-
`}}var
|
|
1232
|
+
`}}var zo,So,Co;ko.styles=[F`
|
|
1233
1233
|
:host {
|
|
1234
|
-
--m-switcher-gap: ${
|
|
1235
|
-
--m-switcher-threshold: ${
|
|
1234
|
+
--m-switcher-gap: ${Mt(xo.gap)};
|
|
1235
|
+
--m-switcher-threshold: ${Z(xo.threshold)};
|
|
1236
1236
|
|
|
1237
1237
|
display: flex;
|
|
1238
1238
|
flex-wrap: wrap;
|
|
@@ -1245,27 +1245,27 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1245
1245
|
flex-basis: calc((var(--m-switcher-threshold) - 100%) * 999);
|
|
1246
1246
|
flex-grow: 1;
|
|
1247
1247
|
}
|
|
1248
|
-
`],window.customElements.define("m-switcher",
|
|
1248
|
+
`],window.customElements.define("m-switcher",ko);class Wo extends ne{constructor(){super(),zo.add(this),So.set(this,void 0),e(this,So,new Te(this,De,void 0,!0),"f")}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","header")}render(){return x`
|
|
1249
1249
|
<m-group gap="spacing-6" align="center">
|
|
1250
1250
|
<m-group gap="spacing-1" align="center" style="flex-grow: 1;">
|
|
1251
|
-
${t(this,
|
|
1251
|
+
${t(this,zo,"a",Co)}
|
|
1252
1252
|
<h1><slot></slot></h1>
|
|
1253
1253
|
</m-group>
|
|
1254
1254
|
<slot name="close"></slot>
|
|
1255
1255
|
</m-group>
|
|
1256
|
-
`}}
|
|
1256
|
+
`}}So=new WeakMap,zo=new WeakSet,Co=function(){const{value:e}=t(this,So,"f");let o,i;switch(null==e?void 0:e.variant){case"danger":o="attention",i="color-danger-60";break;case"warning":o="alert-circle",i="color-warning-60";break;case"success":o="check",i="color-success-60";break;default:return z}return x`
|
|
1257
1257
|
<m-icon name=${o} color=${i} size="24" aria-hidden="true"></m-icon>
|
|
1258
|
-
`},
|
|
1258
|
+
`},Wo.styles=[F`
|
|
1259
1259
|
h1 {
|
|
1260
1260
|
margin: 0;
|
|
1261
1261
|
padding: 0;
|
|
1262
1262
|
|
|
1263
|
-
${
|
|
1263
|
+
${Dt("heading-md-bold")};
|
|
1264
1264
|
}
|
|
1265
|
-
`],window.customElements.define("m-dialog-header",
|
|
1265
|
+
`],window.customElements.define("m-dialog-header",Wo);class Mo extends lt{render(){return x` <hr class="m-divider" /> `}}Mo.styles=[F`
|
|
1266
1266
|
.m-divider {
|
|
1267
1267
|
border: 0;
|
|
1268
|
-
border-block-end: solid 1px ${
|
|
1268
|
+
border-block-end: solid 1px ${jt("color-divider")};
|
|
1269
1269
|
margin-block-start: var(
|
|
1270
1270
|
--m-divider-margin-top,
|
|
1271
1271
|
var(--m-divider-margin-y, 0)
|
|
@@ -1275,53 +1275,53 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1275
1275
|
var(--m-divider-margin-y, 0)
|
|
1276
1276
|
);
|
|
1277
1277
|
}
|
|
1278
|
-
`],window.customElements.define("m-divider",
|
|
1278
|
+
`],window.customElements.define("m-divider",Mo);const jo="field";var Ao,Bo,Eo,_o,To;class Oo extends ne{static get properties(){return{status:{type:String},slot:{type:String}}}constructor(){super(),Ao.add(this),this.field=new Te(this,jo,void 0,!0),this.slot="hint"}render(){const e={"-status-default":"default"===t(this,Ao,"m",Bo).call(this),"-status-danger":"danger"===t(this,Ao,"m",Bo).call(this)};return x` <m-group
|
|
1279
1279
|
gap="spacing-0-5"
|
|
1280
1280
|
align="center"
|
|
1281
|
-
class=${
|
|
1281
|
+
class=${bt(e)}
|
|
1282
1282
|
>
|
|
1283
1283
|
<slot name="leading"
|
|
1284
|
-
>${"danger"===t(this,
|
|
1284
|
+
>${"danger"===t(this,Ao,"m",Bo).call(this)?x`<m-icon
|
|
1285
1285
|
name="attention"
|
|
1286
1286
|
size="10"
|
|
1287
1287
|
color="color-danger-60"
|
|
1288
|
-
></m-icon>`:
|
|
1288
|
+
></m-icon>`:z}</slot
|
|
1289
1289
|
>
|
|
1290
1290
|
<span
|
|
1291
|
-
class=${
|
|
1291
|
+
class=${bt({hint:!0,...e})}
|
|
1292
1292
|
><slot></slot>
|
|
1293
1293
|
</span>
|
|
1294
|
-
</m-group>`}}
|
|
1294
|
+
</m-group>`}}Ao=new WeakSet,Bo=function(){var t;return this.status||(null===(t=this.field.value)||void 0===t?void 0:t.status)},Oo.styles=[[F`
|
|
1295
1295
|
:host {
|
|
1296
|
-
--m-field-hint-color: ${
|
|
1296
|
+
--m-field-hint-color: ${jt("color-text-tertiary")};
|
|
1297
1297
|
}
|
|
1298
1298
|
|
|
1299
1299
|
m-group {
|
|
1300
|
-
${
|
|
1300
|
+
${Ut(Mt("spacing-2"))};
|
|
1301
1301
|
}
|
|
1302
1302
|
|
|
1303
1303
|
.-status-danger {
|
|
1304
|
-
--m-field-hint-color: ${
|
|
1304
|
+
--m-field-hint-color: ${jt("color-danger-60")};
|
|
1305
1305
|
}
|
|
1306
1306
|
|
|
1307
1307
|
.hint {
|
|
1308
|
-
${
|
|
1308
|
+
${Dt("body-sm")};
|
|
1309
1309
|
color: var(--m-field-hint-color);
|
|
1310
1310
|
}
|
|
1311
|
-
`]],window.customElements.define("m-field-hint",
|
|
1312
|
-
class=${
|
|
1311
|
+
`]],window.customElements.define("m-field-hint",Oo);class Uo extends ne{static get properties(){return{required:{type:Boolean},size:{type:String},slot:{type:String}}}constructor(){super(),Eo.add(this),this.field=new Te(this,jo,void 0,!0),this.slot="hint"}render(){return x`<label
|
|
1312
|
+
class=${bt({label:!0,"-size-default":"default"===t(this,Eo,"m",_o).call(this),"-size-small":"small"===t(this,Eo,"m",_o).call(this)})}
|
|
1313
1313
|
><slot></slot>
|
|
1314
|
-
${t(this,
|
|
1315
|
-
</label>`}}
|
|
1314
|
+
${t(this,Eo,"m",To).call(this)?x`<span class="required">*</span>`:z}
|
|
1315
|
+
</label>`}}Eo=new WeakSet,_o=function(){var t;return this.size||(null===(t=this.field.value)||void 0===t?void 0:t.size)},To=function(){var t;return null!=this.required?this.required:Boolean(null===(t=this.field.value)||void 0===t?void 0:t.required)},Uo.styles=[[F`
|
|
1316
1316
|
:host {
|
|
1317
1317
|
display: flex;
|
|
1318
1318
|
align-items: center;
|
|
1319
1319
|
justify-content: flex-start;
|
|
1320
|
-
gap: ${
|
|
1320
|
+
gap: ${Mt("spacing-0-5")};
|
|
1321
1321
|
}
|
|
1322
1322
|
|
|
1323
1323
|
.label {
|
|
1324
|
-
${
|
|
1324
|
+
${Dt("body-md")};
|
|
1325
1325
|
|
|
1326
1326
|
display: inline-flex;
|
|
1327
1327
|
align-items: center;
|
|
@@ -1330,37 +1330,37 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1330
1330
|
margin: 0;
|
|
1331
1331
|
padding: 0;
|
|
1332
1332
|
|
|
1333
|
-
color: ${
|
|
1333
|
+
color: ${jt("color-text-tertiary")};
|
|
1334
1334
|
}
|
|
1335
1335
|
|
|
1336
1336
|
.required {
|
|
1337
|
-
${
|
|
1337
|
+
${Dt("body-md")};
|
|
1338
1338
|
|
|
1339
|
-
color: ${
|
|
1339
|
+
color: ${jt("color-text-error")};
|
|
1340
1340
|
|
|
1341
1341
|
content: '*';
|
|
1342
1342
|
|
|
1343
|
-
${
|
|
1343
|
+
${Et(Mt("spacing-1"))};
|
|
1344
1344
|
}
|
|
1345
1345
|
|
|
1346
1346
|
.label.-size-small,
|
|
1347
1347
|
.label.-size-small .required {
|
|
1348
|
-
${
|
|
1348
|
+
${Dt("body-sm")};
|
|
1349
1349
|
}
|
|
1350
|
-
`]],window.customElements.define("m-field-label",
|
|
1351
|
-
${this.label?
|
|
1350
|
+
`]],window.customElements.define("m-field-label",Uo),Ne();class qo extends ne{static get properties(){return{label:{type:String},hint:{type:String},required:{type:Boolean},status:{type:String},size:{type:String}}}constructor(){super(),this.provider=new qe(this,jo,{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 x`<m-stack gap="spacing-1">
|
|
1351
|
+
${this.label?x`<m-field-label>${this.label}</m-field-label>`:x`<slot name="label"></slot>`}
|
|
1352
1352
|
|
|
1353
1353
|
<slot></slot>
|
|
1354
1354
|
|
|
1355
|
-
${this.hint?
|
|
1356
|
-
</m-stack>`}}window.customElements.define("m-field",
|
|
1355
|
+
${this.hint?x`<m-field-hint>${this.hint}</m-field-hint>`:x`<slot name="hint"></slot>`}
|
|
1356
|
+
</m-stack>`}}window.customElements.define("m-field",qo);const Ro=["default","danger"];var No,Po,Do;class Lo extends lt{static get properties(){return{variant:{type:String,reflect:!0},value:{type:Number,reflect:!0},max:{type:Number,reflect:!0}}}constructor(){super(),No.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,No,"a",Do)/t(this,No,"a",Po)}get currentVariant(){return this.variant}render(){return x`
|
|
1357
1357
|
<div class="bar">
|
|
1358
1358
|
<span
|
|
1359
|
-
class=${
|
|
1360
|
-
style=${
|
|
1359
|
+
class=${bt({progress:!0,"-default":"default"===this.currentVariant,"-success":"success"===this.currentVariant,"-warning":"warning"===this.currentVariant,"-danger":"danger"===this.currentVariant})}
|
|
1360
|
+
style=${ye({width:`${this.percentage}%`})}
|
|
1361
1361
|
></span>
|
|
1362
1362
|
</div>
|
|
1363
|
-
`}}
|
|
1363
|
+
`}}No=new WeakSet,Po=function(){return this.max<=0?100:this.max},Do=function(){return e=this.value,o=0,i=t(this,No,"a",Po),Math.min(Math.max(o,e),i);var e,o,i},Lo.styles=[F`
|
|
1364
1364
|
.bar {
|
|
1365
1365
|
display: flex;
|
|
1366
1366
|
flex-grow: 0;
|
|
@@ -1372,10 +1372,10 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1372
1372
|
overflow: hidden;
|
|
1373
1373
|
|
|
1374
1374
|
width: 100%;
|
|
1375
|
-
height: ${
|
|
1375
|
+
height: ${le("8px")};
|
|
1376
1376
|
|
|
1377
|
-
border-radius: ${
|
|
1378
|
-
background-color: ${
|
|
1377
|
+
border-radius: ${Mt("border-radius-s")};
|
|
1378
|
+
background-color: ${jt("color-background-tertiary")};
|
|
1379
1379
|
}
|
|
1380
1380
|
|
|
1381
1381
|
.progress {
|
|
@@ -1383,11 +1383,11 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1383
1383
|
top: 0;
|
|
1384
1384
|
left: 0;
|
|
1385
1385
|
|
|
1386
|
-
${
|
|
1386
|
+
${Pt([{property:"width"},{property:"background"}])};
|
|
1387
1387
|
|
|
1388
|
-
height: ${
|
|
1388
|
+
height: ${le("8px")};
|
|
1389
1389
|
|
|
1390
|
-
border-radius: ${
|
|
1390
|
+
border-radius: ${Mt("border-radius-s")};
|
|
1391
1391
|
|
|
1392
1392
|
background: var(--m-progress-bar-progress-background);
|
|
1393
1393
|
}
|
|
@@ -1395,23 +1395,23 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1395
1395
|
.-default {
|
|
1396
1396
|
--m-progress-bar-progress-background: linear-gradient(
|
|
1397
1397
|
45deg,
|
|
1398
|
-
${
|
|
1399
|
-
${
|
|
1398
|
+
${jt("color-brand-accent-1")} 22%,
|
|
1399
|
+
${jt("color-brand-accent-2")} 88%
|
|
1400
1400
|
);
|
|
1401
1401
|
}
|
|
1402
1402
|
|
|
1403
1403
|
.-success {
|
|
1404
|
-
--m-progress-bar-progress-background: ${
|
|
1404
|
+
--m-progress-bar-progress-background: ${jt("color-success-60")};
|
|
1405
1405
|
}
|
|
1406
1406
|
|
|
1407
1407
|
.-warning {
|
|
1408
|
-
--m-progress-bar-progress-background: ${
|
|
1408
|
+
--m-progress-bar-progress-background: ${jt("color-warning-60")};
|
|
1409
1409
|
}
|
|
1410
1410
|
|
|
1411
1411
|
.-danger {
|
|
1412
|
-
--m-progress-bar-progress-background: ${
|
|
1412
|
+
--m-progress-bar-progress-background: ${jt("color-danger-60")};
|
|
1413
1413
|
}
|
|
1414
|
-
`],window.customElements.define("m-progress-bar",
|
|
1414
|
+
`],window.customElements.define("m-progress-bar",Lo);class Go extends Lo{get currentVariant(){return this.percentage>=66?"success":this.percentage>=33?"warning":"danger"}}window.customElements.define("m-progress-bar-countdown",Go);const Io="m-check";var Vo,Jo,Ho,Zo,Fo;class Ko extends lt{static get properties(){return{value:{type:String},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0}}}constructor(){super(),Vo.add(this),Ho.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(Io,e))})),Zo.set(this,(()=>{this.setAttribute("aria-disabled",String(this.disabled))})),Fo.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,Ho,"f"))}updated(e){super.updated(e),e.has("disabled")&&t(this,Zo,"f").call(this),e.has("checked")&&t(this,Fo,"f").call(this)}render(){return x`
|
|
1415
1415
|
<button
|
|
1416
1416
|
type="button"
|
|
1417
1417
|
class="radio-button"
|
|
@@ -1423,34 +1423,34 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1423
1423
|
<slot name="leading"></slot>
|
|
1424
1424
|
<slot></slot>
|
|
1425
1425
|
</button>
|
|
1426
|
-
`}focus(e){var o;null===(o=t(this,
|
|
1426
|
+
`}focus(e){var o;null===(o=t(this,Vo,"a",Jo))||void 0===o||o.focus(e)}}Ho=new WeakMap,Zo=new WeakMap,Fo=new WeakMap,Vo=new WeakSet,Jo=function(){var t,e;return null!==(e=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector("button"))&&void 0!==e?e:null},Ko.styles=[F`
|
|
1427
1427
|
:host {
|
|
1428
|
-
--m-radio-border-color: ${
|
|
1429
|
-
--m-radio-dot-check-color: ${
|
|
1428
|
+
--m-radio-border-color: ${jt("color-border")};
|
|
1429
|
+
--m-radio-dot-check-color: ${jt("color-primary-60")};
|
|
1430
1430
|
--m-radio-size: 14px;
|
|
1431
1431
|
--m-radio-background-color: white;
|
|
1432
|
-
--m-radio-border-width: ${
|
|
1433
|
-
--m-radio-label-color: ${
|
|
1434
|
-
--m-radio-outline-color: ${
|
|
1432
|
+
--m-radio-border-width: ${Mt("border-thin")};
|
|
1433
|
+
--m-radio-label-color: ${jt("color-text-tertiary")};
|
|
1434
|
+
--m-radio-outline-color: ${jt("color-primary-60")};
|
|
1435
1435
|
--m-radio-outline-offset: 2px;
|
|
1436
1436
|
}
|
|
1437
1437
|
|
|
1438
1438
|
.radio-button {
|
|
1439
|
-
${
|
|
1439
|
+
${Dt("body-md")};
|
|
1440
1440
|
color: var(--m-radio-label-color);
|
|
1441
1441
|
|
|
1442
1442
|
border: none;
|
|
1443
1443
|
background: none;
|
|
1444
1444
|
|
|
1445
|
-
height: ${
|
|
1445
|
+
height: ${Mt("global-height-small")};
|
|
1446
1446
|
display: inline-flex;
|
|
1447
|
-
gap: ${
|
|
1447
|
+
gap: ${Mt("spacing-1")};
|
|
1448
1448
|
align-items: center;
|
|
1449
|
-
border-radius: ${
|
|
1450
|
-
${
|
|
1449
|
+
border-radius: ${Mt("border-radius-s")};
|
|
1450
|
+
${Pt({property:"color"})};
|
|
1451
1451
|
}
|
|
1452
1452
|
|
|
1453
|
-
${
|
|
1453
|
+
${Gt.focus(".radio-button")} {
|
|
1454
1454
|
outline: 1px solid var(--m-radio-outline-color);
|
|
1455
1455
|
outline-offset: var(--m-radio-outline-offset);
|
|
1456
1456
|
}
|
|
@@ -1466,7 +1466,7 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1466
1466
|
position: relative;
|
|
1467
1467
|
display: inline-flex;
|
|
1468
1468
|
|
|
1469
|
-
${
|
|
1469
|
+
${Pt({property:"border-color"})};
|
|
1470
1470
|
}
|
|
1471
1471
|
|
|
1472
1472
|
.radio-button .radio-input::before {
|
|
@@ -1479,7 +1479,7 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1479
1479
|
left: 50%;
|
|
1480
1480
|
display: block;
|
|
1481
1481
|
position: absolute;
|
|
1482
|
-
${
|
|
1482
|
+
${Pt([{property:"background-color"},{property:"height",duration:"120ms"},{property:"width",duration:"120ms"}])};
|
|
1483
1483
|
}
|
|
1484
1484
|
|
|
1485
1485
|
.radio-button[aria-checked='true'] .radio-input::before {
|
|
@@ -1487,18 +1487,18 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1487
1487
|
height: 10px;
|
|
1488
1488
|
}
|
|
1489
1489
|
|
|
1490
|
-
${
|
|
1490
|
+
${Lt(".radio-button")} {
|
|
1491
1491
|
cursor: default;
|
|
1492
|
-
--m-radio-label-color: ${
|
|
1493
|
-
--m-radio-background-color: ${
|
|
1492
|
+
--m-radio-label-color: ${jt("color-neutral-40")};
|
|
1493
|
+
--m-radio-background-color: ${jt("color-background-tertiary")};
|
|
1494
1494
|
}
|
|
1495
1495
|
|
|
1496
|
-
${
|
|
1497
|
-
--m-radio-border-color: ${
|
|
1496
|
+
${Lt('.radio-button[aria-checked="true"]',".radio-input")} {
|
|
1497
|
+
--m-radio-border-color: ${jt("color-border")};
|
|
1498
1498
|
}
|
|
1499
1499
|
|
|
1500
|
-
${
|
|
1501
|
-
--m-radio-dot-check-color: ${
|
|
1500
|
+
${Lt(".radio-button",".radio-input::before")} {
|
|
1501
|
+
--m-radio-dot-check-color: ${jt("color-neutral-40")};
|
|
1502
1502
|
}
|
|
1503
1503
|
|
|
1504
1504
|
.radio-button .radio-input::before {
|
|
@@ -1506,36 +1506,36 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1506
1506
|
}
|
|
1507
1507
|
|
|
1508
1508
|
.radio-button[aria-checked='true'] .radio-input {
|
|
1509
|
-
--m-radio-dot-check-color: ${
|
|
1510
|
-
--m-radio-border-color: ${
|
|
1509
|
+
--m-radio-dot-check-color: ${jt("color-primary-60")};
|
|
1510
|
+
--m-radio-border-color: ${jt("color-primary-60")};
|
|
1511
1511
|
}
|
|
1512
1512
|
|
|
1513
1513
|
.radio-button .radio-input {
|
|
1514
|
-
--m-radio-border-color: ${
|
|
1514
|
+
--m-radio-border-color: ${jt("color-border")};
|
|
1515
1515
|
}
|
|
1516
1516
|
|
|
1517
|
-
${
|
|
1518
|
-
--m-radio-border-color: ${
|
|
1519
|
-
--m-radio-dot-check-color: ${
|
|
1517
|
+
${Gt.hover(".radio-button")} .radio-input {
|
|
1518
|
+
--m-radio-border-color: ${jt("color-primary-100")};
|
|
1519
|
+
--m-radio-dot-check-color: ${jt("color-primary-100")};
|
|
1520
1520
|
}
|
|
1521
1521
|
|
|
1522
|
-
${
|
|
1523
|
-
--m-radio-label-color: ${
|
|
1522
|
+
${Gt.hover(".radio-button")} {
|
|
1523
|
+
--m-radio-label-color: ${jt("color-text-primary")};
|
|
1524
1524
|
}
|
|
1525
1525
|
|
|
1526
|
-
${
|
|
1526
|
+
${Lt(".radio-button","*")} {
|
|
1527
1527
|
pointer-event: none;
|
|
1528
1528
|
}
|
|
1529
|
-
`],window.customElements.define("m-radio",
|
|
1529
|
+
`],window.customElements.define("m-radio",Ko);var Xo,Yo={};Object.defineProperty(Yo,"i",{value:!0});var Qo=At;const ti=(t,e)=>{const o=Qo.toArray(t);if(0===o.length)return e;const i=new Set;return i.add(String(o.at(-1))),i},ei=(t,e)=>{const o=Qo.toArray(t);if(0===o.length)return e;const i=new Set(e);for(const t of o)i.add(String(t));return i},oi={type:"single",init:t=>ti(t,new Set),select:ti,unselect(t,e){const o=Qo.toArray(t);if(0===o.length||0===e.size)return e;const i=new Set(e);for(const t of o)i.delete(String(t));return i},toggle(t,e){const o=Qo.toArray(t);if(0===o.length)return e;const i=new Set;for(const t of o){const o=String(t);e.has(o)||(i.clear(),i.add(o))}return i},reset:t=>null==t?new Set:t,value(t){if(null==t||0===t.size)return null;const[e]=Array.from(t);return e}},ii={type:"single-strict",init:t=>ti(t,new Set),select:ti,unselect(t,e){const o=Qo.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=Qo.toArray(t);if(0===o.length)return e;const i=new Set(e);for(const t of o){const o=String(t);e.has(o)||(i.clear(),i.add(o))}return i},reset:t=>null==t?new Set:t,value(t){if(null==t||0===t.size)return null;const[e]=Array.from(t);return e}},ri={type:"multiple",init:t=>ei(t,new Set),select:ei,unselect(t,e){const o=Qo.toArray(t);if(0===o.length||0===e.size)return e;const i=new Set(e);for(const t of o)i.delete(String(t));return i},toggle(t,e){const o=Qo.toArray(t);if(0===o.length)return e;const i=new Set(e);for(const t of o){const o=String(t);e.has(o)?i.delete(o):i.add(o)}return i},reset:t=>null==t?new Set:t,value:t=>null==t||0===t.size?null:Array.from(t)};var ni,si,ai,li,ci,di,hi,ui,gi,bi,pi,mi,fi,$i;Yo.SELECTION_TYPES=["single","single-strict","multiple"],Xo=Yo.default=function(t){const{type:e="multiple"}=t;return"single"===e?oi:"single-strict"===e?ii:ri};class yi{constructor(e,o,i){ni.add(this),this.disabled=!1,this.event="m-select",si.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(Bt(o));break;case"unselect":this.unselect(Bt(o));break;case"toggle":this.toggle(Bt(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,ni,"m",ai).call(this)},this.unselect=e=>{this.host.selection=this.strategy.unselect(e,this.host.selection),t(this,ni,"m",ai).call(this)},this.toggle=e=>{this.host.selection=this.strategy.toggle(e,this.host.selection),t(this,ni,"m",ai).call(this)},this.subscribe=()=>{this.host.addEventListener(this.event,t(this,si,"f"))},this.unsubscribe=()=>{this.host.removeEventListener(this.event,t(this,si,"f"))},this.host=e,this.type=o,this.event=i,this.strategy=Xo({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))}}si=new WeakMap,ni=new WeakSet,ai=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 vi extends lt{static get properties(){return{value:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},selection:{state:!0},orientation:{type:String}}}constructor(){super(),li.set(this,null),ci.set(this,null),di.set(this,(()=>{var e;return null===(e=t(this,hi,"f").call(this)[0])||void 0===e?void 0:e.value})),hi.set(this,(()=>{var o,i,r;e(this,ci,null!==(o=t(this,ci,"f"))&&void 0!==o?o:this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...null!==(r=null===(i=t(this,ci,"f"))||void 0===i?void 0:i.assignedElements({flatten:!0}))&&void 0!==r?r:[]].filter((t=>"m-radio"===t.tagName.toLowerCase()))})),ui.set(this,(t=>{t.checked=this.selection.has(t.value)})),gi.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,li,new yi(this,this.type,Io),"f")}update(e){super.update(e),e.has("value")&&t(this,li,"f")&&t(this,li,"f").init(Bt(this.value||t(this,di,"f").call(this))),e.has("selection")&&([this.value]=this.selection)}updated(e){super.updated(e),e.has("selection")&&t(this,hi,"f").call(this).forEach((e=>{t(this,ui,"f").call(this,e)})),e.has("disabled")&&t(this,hi,"f").call(this).forEach((e=>{t(this,gi,"f").call(this,e)}))}render(){return x`
|
|
1530
1530
|
<div
|
|
1531
|
-
class=${
|
|
1531
|
+
class=${bt({"radio-group":!0,"-vertical":"vertical"===this.orientation,"-horizontal":"horizontal"===this.orientation})}
|
|
1532
1532
|
>
|
|
1533
1533
|
<slot></slot>
|
|
1534
1534
|
</div>
|
|
1535
|
-
`}}
|
|
1535
|
+
`}}li=new WeakMap,ci=new WeakMap,di=new WeakMap,hi=new WeakMap,ui=new WeakMap,gi=new WeakMap,vi.styles=[F`
|
|
1536
1536
|
.radio-group {
|
|
1537
1537
|
display: flex;
|
|
1538
|
-
gap: ${
|
|
1538
|
+
gap: ${Mt("spacing-2")};
|
|
1539
1539
|
}
|
|
1540
1540
|
.radio-group.-vertical {
|
|
1541
1541
|
flex-direction: column;
|
|
@@ -1543,28 +1543,28 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1543
1543
|
.radio-group.-horizontal {
|
|
1544
1544
|
flex-direction: row;
|
|
1545
1545
|
}
|
|
1546
|
-
`],window.customElements.define("m-radio-group"
|
|
1546
|
+
`],window.customElements.define("m-radio-group",vi);class wi 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 x`
|
|
1547
1547
|
<span
|
|
1548
|
-
class=${
|
|
1548
|
+
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})}
|
|
1549
1549
|
>
|
|
1550
|
-
${this.isSkeleton?
|
|
1550
|
+
${this.isSkeleton?x``:x`<slot name="leading"></slot>`}
|
|
1551
1551
|
<slot></slot>
|
|
1552
1552
|
</span>
|
|
1553
|
-
`}}
|
|
1553
|
+
`}}wi.styles=[[F`
|
|
1554
1554
|
@keyframes skeleton-loading {
|
|
1555
1555
|
0% {
|
|
1556
|
-
background-color: ${
|
|
1556
|
+
background-color: ${jt("color-background-tertiary")};
|
|
1557
1557
|
opacity: 0.3;
|
|
1558
1558
|
}
|
|
1559
1559
|
50% {
|
|
1560
|
-
background-color: ${
|
|
1560
|
+
background-color: ${jt("color-background-tertiary")};
|
|
1561
1561
|
opacity: 0.6;
|
|
1562
1562
|
}
|
|
1563
1563
|
100% {
|
|
1564
|
-
background-color: ${
|
|
1564
|
+
background-color: ${jt("color-background-tertiary")};
|
|
1565
1565
|
}
|
|
1566
1566
|
}
|
|
1567
|
-
`,
|
|
1567
|
+
`,F`
|
|
1568
1568
|
:host {
|
|
1569
1569
|
--m-tag-skeleton-width: 100px;
|
|
1570
1570
|
}
|
|
@@ -1576,142 +1576,142 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1576
1576
|
box-sizing: border-box;
|
|
1577
1577
|
max-width: 200px;
|
|
1578
1578
|
border-radius: 100px;
|
|
1579
|
-
line-height: ${
|
|
1579
|
+
line-height: ${Mt("line-height-1")};
|
|
1580
1580
|
cursor: default;
|
|
1581
1581
|
}
|
|
1582
1582
|
|
|
1583
1583
|
.tag slot[name='leading']::slotted(*) {
|
|
1584
|
-
margin-inline-end: ${
|
|
1584
|
+
margin-inline-end: ${Mt("spacing-1")};
|
|
1585
1585
|
vertical-align: middle;
|
|
1586
1586
|
}
|
|
1587
1587
|
|
|
1588
1588
|
.-size-small {
|
|
1589
|
-
${
|
|
1590
|
-
padding: ${
|
|
1591
|
-
block-size: ${
|
|
1589
|
+
${Dt("chips-sm")};
|
|
1590
|
+
padding: ${Mt("spacing-1")} ${Mt("spacing-2")};
|
|
1591
|
+
block-size: ${le("18px")};
|
|
1592
1592
|
}
|
|
1593
1593
|
.-size-default {
|
|
1594
|
-
${
|
|
1595
|
-
padding: ${
|
|
1596
|
-
block-size: ${
|
|
1594
|
+
${Dt("chips-md")};
|
|
1595
|
+
padding: ${Mt("spacing-2")} ${Mt("spacing-3")};
|
|
1596
|
+
block-size: ${Mt("global-height-small")};
|
|
1597
1597
|
}
|
|
1598
1598
|
.-size-large {
|
|
1599
|
-
${
|
|
1600
|
-
padding: ${
|
|
1601
|
-
block-size: ${
|
|
1599
|
+
${Dt("button-lg")};
|
|
1600
|
+
padding: ${Mt("spacing-3")} ${Mt("spacing-4")};
|
|
1601
|
+
block-size: ${Mt("global-height-default")};
|
|
1602
1602
|
}
|
|
1603
1603
|
|
|
1604
1604
|
.-success {
|
|
1605
|
-
color: ${
|
|
1606
|
-
background: ${
|
|
1605
|
+
color: ${jt("color-success-60")};
|
|
1606
|
+
background: ${jt("color-success-20")};
|
|
1607
1607
|
}
|
|
1608
1608
|
.-neutral {
|
|
1609
|
-
color: ${
|
|
1610
|
-
background: ${
|
|
1609
|
+
color: ${jt("color-text-tertiary")};
|
|
1610
|
+
background: ${jt("color-background-tertiary")};
|
|
1611
1611
|
}
|
|
1612
1612
|
.-warning {
|
|
1613
|
-
color: ${
|
|
1614
|
-
background: ${
|
|
1613
|
+
color: ${jt("color-warning-100")};
|
|
1614
|
+
background: ${jt("color-warning-20")};
|
|
1615
1615
|
}
|
|
1616
1616
|
.-danger {
|
|
1617
|
-
color: ${
|
|
1618
|
-
background: ${
|
|
1617
|
+
color: ${jt("color-danger-60")};
|
|
1618
|
+
background: ${jt("color-danger-20")};
|
|
1619
1619
|
}
|
|
1620
1620
|
|
|
1621
1621
|
.-is-skeleton {
|
|
1622
|
-
${
|
|
1622
|
+
${Z("animation: skeleton-loading 1s linear infinite alternate;")};
|
|
1623
1623
|
width: var(--m-tag-skeleton-width);
|
|
1624
1624
|
}
|
|
1625
|
-
`]],window.customElements.define("m-tag",
|
|
1625
|
+
`]],window.customElements.define("m-tag",wi);class xi extends ne{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(),bi.add(this),this.inputElement=null,this.field=new Te(this,jo,void 0,!0),fi.set(this,(t=>{this.value=t.target.value,this.reemit(t)})),$i.set(this,(t=>{t.stopPropagation(),this.clear()})),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 x`
|
|
1626
1626
|
<div
|
|
1627
|
-
class=${
|
|
1627
|
+
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,bi,"m",mi).call(this),"-status-danger":"danger"===t(this,bi,"m",mi).call(this)})}
|
|
1628
1628
|
>
|
|
1629
1629
|
<slot name="leading"></slot>
|
|
1630
1630
|
<input
|
|
1631
|
-
id="${
|
|
1632
|
-
type="${
|
|
1631
|
+
id="${dt(this.id)}"
|
|
1632
|
+
type="${dt(this.type)}"
|
|
1633
1633
|
class="text-field"
|
|
1634
1634
|
aria-disabled=${this.disabled?"true":"false"}
|
|
1635
1635
|
?disabled="${this.disabled}"
|
|
1636
1636
|
?readonly=${this.readOnly}
|
|
1637
|
-
max=${this.max||
|
|
1638
|
-
maxlength=${null!=this.maxLength&&this.maxLength>-1?this.maxLength:
|
|
1639
|
-
min=${this.min||
|
|
1640
|
-
minlength=${null!=this.minLength&&this.minLength>-1?this.minLength:
|
|
1641
|
-
pattern=${
|
|
1642
|
-
placeholder="${
|
|
1643
|
-
step=${this.step||
|
|
1644
|
-
value="${
|
|
1637
|
+
max=${this.max||z}
|
|
1638
|
+
maxlength=${null!=this.maxLength&&this.maxLength>-1?this.maxLength:z}
|
|
1639
|
+
min=${this.min||z}
|
|
1640
|
+
minlength=${null!=this.minLength&&this.minLength>-1?this.minLength:z}
|
|
1641
|
+
pattern=${dt(this.pattern)}
|
|
1642
|
+
placeholder="${dt(this.placeholder)}"
|
|
1643
|
+
step=${this.step||z}
|
|
1644
|
+
value="${dt(this.value)}"
|
|
1645
1645
|
@change=${this.reemit}
|
|
1646
|
-
@input=${t(this,
|
|
1646
|
+
@input=${t(this,fi,"f")}
|
|
1647
1647
|
/>
|
|
1648
|
-
${this.clearable?
|
|
1649
|
-
class=${
|
|
1650
|
-
controls="${
|
|
1651
|
-
@m-close=${t(this,
|
|
1648
|
+
${this.clearable?x`<m-close-button
|
|
1649
|
+
class=${bt({clear:!0,"is-visible":t(this,bi,"m",pi).call(this)})}
|
|
1650
|
+
controls="${dt(this.id)}"
|
|
1651
|
+
@m-close=${t(this,$i,"f")}
|
|
1652
1652
|
label="Clear input"
|
|
1653
|
-
></m-close-button>`:
|
|
1653
|
+
></m-close-button>`:z}
|
|
1654
1654
|
<slot name="trailing"></slot>
|
|
1655
1655
|
</div>
|
|
1656
|
-
`}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()}}
|
|
1656
|
+
`}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()}}fi=new WeakMap,$i=new WeakMap,bi=new WeakSet,pi=function(){const t=this.value||"";return!this.disabled&&t.length>0},mi=function(){var t;return this.status||(null===(t=this.field.value)||void 0===t?void 0:t.status)},xi.styles=[F`
|
|
1657
1657
|
:host {
|
|
1658
1658
|
--m-text-field-background-color: transparent;
|
|
1659
|
-
--m-text-field-border-color: ${
|
|
1660
|
-
--m-text-field-height: ${
|
|
1661
|
-
--m-text-field-outline-color: ${
|
|
1659
|
+
--m-text-field-border-color: ${jt("color-border")};
|
|
1660
|
+
--m-text-field-height: ${Mt("global-height-default")};
|
|
1661
|
+
--m-text-field-outline-color: ${jt("color-primary-100")};
|
|
1662
1662
|
--m-text-field-outline-offset: 2px;
|
|
1663
|
-
--m-text-field-padding-y: ${
|
|
1664
|
-
--m-text-field-placeholder-color: ${
|
|
1665
|
-
--m-text-field-color: ${
|
|
1663
|
+
--m-text-field-padding-y: ${Mt("spacing-2")};
|
|
1664
|
+
--m-text-field-placeholder-color: ${jt("color-text-placeholder")};
|
|
1665
|
+
--m-text-field-color: ${jt("color-text-primary")};
|
|
1666
1666
|
}
|
|
1667
1667
|
|
|
1668
1668
|
.container {
|
|
1669
|
-
${
|
|
1670
|
-
${
|
|
1669
|
+
${Dt("body-md")};
|
|
1670
|
+
${Pt([{property:"background-color"},{property:"border-color"}])};
|
|
1671
1671
|
|
|
1672
1672
|
display: inline-flex;
|
|
1673
1673
|
align-items: center;
|
|
1674
1674
|
justify-content: start;
|
|
1675
|
-
gap: ${
|
|
1675
|
+
gap: ${Mt("spacing-2")};
|
|
1676
1676
|
|
|
1677
1677
|
position: relative;
|
|
1678
1678
|
box-sizing: border-box;
|
|
1679
1679
|
width: 100%;
|
|
1680
1680
|
block-size: var(--m-text-field-height);
|
|
1681
1681
|
|
|
1682
|
-
${
|
|
1682
|
+
${Ut(Mt("spacing-2"))};
|
|
1683
1683
|
|
|
1684
1684
|
background-color: var(--m-text-field-background-color);
|
|
1685
|
-
border-radius: ${
|
|
1685
|
+
border-radius: ${Mt("border-radius-s")};
|
|
1686
1686
|
border: 1px solid var(--m-text-field-border-color);
|
|
1687
1687
|
}
|
|
1688
1688
|
|
|
1689
1689
|
.container.-size-small {
|
|
1690
|
-
--m-text-field-height: ${
|
|
1690
|
+
--m-text-field-height: ${Mt("global-height-small")};
|
|
1691
1691
|
--m-text-field-padding-y: 0;
|
|
1692
1692
|
}
|
|
1693
1693
|
|
|
1694
1694
|
.container.-size-small,
|
|
1695
1695
|
.container.-size-small .text-field {
|
|
1696
|
-
${
|
|
1696
|
+
${Dt("body-sm")};
|
|
1697
1697
|
}
|
|
1698
1698
|
|
|
1699
1699
|
.container.-size-large {
|
|
1700
|
-
--m-text-field-height: ${
|
|
1701
|
-
--m-text-field-padding-y: ${
|
|
1700
|
+
--m-text-field-height: ${Mt("global-height-large")};
|
|
1701
|
+
--m-text-field-padding-y: ${Mt("spacing-3")};
|
|
1702
1702
|
}
|
|
1703
1703
|
|
|
1704
1704
|
.container.-status-danger {
|
|
1705
|
-
--m-text-field-border-color: ${
|
|
1705
|
+
--m-text-field-border-color: ${jt("color-danger-60")};
|
|
1706
1706
|
}
|
|
1707
1707
|
|
|
1708
|
-
${
|
|
1709
|
-
--m-text-field-background-color: ${
|
|
1708
|
+
${Lt(".container")} {
|
|
1709
|
+
--m-text-field-background-color: ${jt("color-background-tertiary")};
|
|
1710
1710
|
|
|
1711
1711
|
cursor: default;
|
|
1712
1712
|
}
|
|
1713
1713
|
|
|
1714
|
-
${
|
|
1714
|
+
${Lt(".container","*")} {
|
|
1715
1715
|
pointer-events: none;
|
|
1716
1716
|
}
|
|
1717
1717
|
|
|
@@ -1723,26 +1723,26 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1723
1723
|
cursor: default;
|
|
1724
1724
|
}
|
|
1725
1725
|
|
|
1726
|
-
${
|
|
1727
|
-
--m-text-field-border-color: ${
|
|
1726
|
+
${Gt.hover(".container")} {
|
|
1727
|
+
--m-text-field-border-color: ${jt("color-primary-60")};
|
|
1728
1728
|
}
|
|
1729
1729
|
|
|
1730
|
-
${
|
|
1731
|
-
--m-text-field-border-color: ${
|
|
1730
|
+
${Gt.focus(".container")} {
|
|
1731
|
+
--m-text-field-border-color: ${jt("color-primary-60")};
|
|
1732
1732
|
|
|
1733
1733
|
outline: 1px solid var(--m-text-field-outline-color);
|
|
1734
1734
|
outline-offset: var(--m-text-field-outline-offset);
|
|
1735
1735
|
}
|
|
1736
1736
|
|
|
1737
1737
|
.text-field {
|
|
1738
|
-
${
|
|
1738
|
+
${Dt("body-md")};
|
|
1739
1739
|
|
|
1740
1740
|
border: none;
|
|
1741
1741
|
outline: none;
|
|
1742
1742
|
flex: 1;
|
|
1743
1743
|
min-width: 0;
|
|
1744
1744
|
|
|
1745
|
-
${
|
|
1745
|
+
${Ut(0)};
|
|
1746
1746
|
padding-block: var(--m-text-field-padding-y);
|
|
1747
1747
|
|
|
1748
1748
|
background-color: var(--m-text-field-background-color);
|
|
@@ -1753,8 +1753,8 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1753
1753
|
color: var(--m-text-field-placeholder-color);
|
|
1754
1754
|
}
|
|
1755
1755
|
|
|
1756
|
-
${
|
|
1757
|
-
${
|
|
1756
|
+
${Gt.active(".text-field")},
|
|
1757
|
+
${Gt.focus(".text-field")} {
|
|
1758
1758
|
-webkit-appearance: none;
|
|
1759
1759
|
background: none;
|
|
1760
1760
|
border: none;
|
|
@@ -1768,43 +1768,43 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1768
1768
|
.clear.is-visible {
|
|
1769
1769
|
visibility: visible;
|
|
1770
1770
|
}
|
|
1771
|
-
`],window.customElements.define("m-text-field",
|
|
1771
|
+
`],window.customElements.define("m-text-field",xi);const ki="m-toggle";var zi,Si,Ci,Wi,Mi,ji,Ai,Bi,Ei,_i,Ti;class Oi 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(),zi.set(this,null),Si.set(this,null),Ci.set(this,(()=>{var o,i,r;e(this,Si,null!==(o=t(this,Si,"f"))&&void 0!==o?o:this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...null!==(r=null===(i=t(this,Si,"f"))||void 0===i?void 0:i.assignedElements({flatten:!0}))&&void 0!==r?r:[]].filter((t=>"m-toggle"===t.tagName.toLowerCase()))})),Wi.set(this,(t=>{t.setAttribute("role",["single","single-strict"].includes(this.type)?"radio":"checkbox")})),Mi.set(this,(t=>{t.checked=this.selection.has(t.value)})),ji.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,zi,"f"))&&(e(this,zi,new yi(this,this.type,ki),"f"),t(this,zi,"f").init(Bt(this.value)),this.role=["single","single-strict"].includes(this.type)?"radiogroup":"group"),o.has("value")&&t(this,zi,"f").init(Bt(this.value))}updated(e){super.updated(e),e.has("selection")&&t(this,Ci,"f").call(this).forEach((e=>{t(this,Mi,"f").call(this,e)})),e.has("disabled")&&t(this,Ci,"f").call(this).forEach((e=>{t(this,ji,"f").call(this,e)})),e.has("role")&&t(this,Ci,"f").call(this).forEach((e=>{t(this,Wi,"f").call(this,e)}))}render(){return x`
|
|
1772
1772
|
<m-group
|
|
1773
|
-
class=${
|
|
1773
|
+
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})}
|
|
1774
1774
|
gap="spacing-1"
|
|
1775
1775
|
>
|
|
1776
1776
|
<slot></slot>
|
|
1777
1777
|
</m-group>
|
|
1778
|
-
`}}
|
|
1778
|
+
`}}zi=new WeakMap,Si=new WeakMap,Ci=new WeakMap,Wi=new WeakMap,Mi=new WeakMap,ji=new WeakMap,Oi.styles=[[F`
|
|
1779
1779
|
.toggle-group {
|
|
1780
1780
|
inline-size: max-content;
|
|
1781
1781
|
|
|
1782
|
-
border: 1px solid ${
|
|
1783
|
-
padding: ${
|
|
1782
|
+
border: 1px solid ${jt("color-border")};
|
|
1783
|
+
padding: ${Mt("spacing-1")};
|
|
1784
1784
|
|
|
1785
|
-
border-radius: ${
|
|
1785
|
+
border-radius: ${Mt("border-radius-s")};
|
|
1786
1786
|
box-sizing: border-box;
|
|
1787
1787
|
|
|
1788
|
-
block-size: ${
|
|
1788
|
+
block-size: ${Mt("global-height-default")};
|
|
1789
1789
|
}
|
|
1790
1790
|
|
|
1791
1791
|
.toggle-group.-small {
|
|
1792
|
-
block-size: ${
|
|
1792
|
+
block-size: ${Mt("global-height-small")};
|
|
1793
1793
|
}
|
|
1794
1794
|
|
|
1795
1795
|
.toggle-group.-small ::slotted(m-toggle) {
|
|
1796
1796
|
--m-toggle-base-size: 18px;
|
|
1797
|
-
--m-toggle-font-size: ${
|
|
1797
|
+
--m-toggle-font-size: ${Mt("font-size-2")};
|
|
1798
1798
|
--m-toggle-icon-size: 10px;
|
|
1799
1799
|
}
|
|
1800
1800
|
|
|
1801
1801
|
.toggle-group.-show-check ::slotted(m-toggle[aria-checked='true']) {
|
|
1802
1802
|
--m-toggle-icon-display: inline-flex;
|
|
1803
1803
|
}
|
|
1804
|
-
`]],window.customElements.define("m-toggle-group",
|
|
1804
|
+
`]],window.customElements.define("m-toggle-group",Oi);class Ui extends lt{static get properties(){return{checked:{type:Boolean},disabled:{type:Boolean,reflect:!0},role:{type:String,reflect:!0},value:{type:String}}}constructor(){super(),Ai.add(this),Ei.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(ki,t))})),_i.set(this,(()=>{this.setAttribute("aria-disabled",String(this.disabled))})),Ti.set(this,(()=>{this.setAttribute("aria-checked",String(this.checked))})),this.disabled=!1,this.checked=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("click",t(this,Ei,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",t(this,Ei,"f"))}updated(e){super.updated(e),e.has("disabled")&&t(this,_i,"f").call(this),e.has("checked")&&t(this,Ti,"f").call(this)}render(){return x`
|
|
1805
1805
|
<button
|
|
1806
1806
|
type="button"
|
|
1807
|
-
class=${
|
|
1807
|
+
class=${bt({button:!0,toggle:!0})}
|
|
1808
1808
|
role="${this.role}"
|
|
1809
1809
|
aria-checked="${this.checked}"
|
|
1810
1810
|
?disabled="${this.disabled}"
|
|
@@ -1815,40 +1815,40 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1815
1815
|
|
|
1816
1816
|
<slot></slot>
|
|
1817
1817
|
</button>
|
|
1818
|
-
`}focus(e){var o;null===(o=t(this,
|
|
1818
|
+
`}focus(e){var o;null===(o=t(this,Ai,"a",Bi))||void 0===o||o.focus(e)}}Ei=new WeakMap,_i=new WeakMap,Ti=new WeakMap,Ai=new WeakSet,Bi=function(){var t,e;return null!==(e=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector("button"))&&void 0!==e?e:null},Ui.styles=[[It(),F`
|
|
1819
1819
|
:host {
|
|
1820
1820
|
/*
|
|
1821
1821
|
* These custom properties are here because they are meant to be
|
|
1822
1822
|
* overriden via toggle-group styles.
|
|
1823
1823
|
*/
|
|
1824
1824
|
--m-toggle-base-size: 30px;
|
|
1825
|
-
--m-toggle-font-size: ${
|
|
1825
|
+
--m-toggle-font-size: ${Mt("font-size-3")};
|
|
1826
1826
|
--m-toggle-icon-size: 12px;
|
|
1827
1827
|
--m-toggle-icon-display: none;
|
|
1828
1828
|
}
|
|
1829
1829
|
|
|
1830
1830
|
.toggle {
|
|
1831
1831
|
--m-button-border-color: transparent;
|
|
1832
|
-
--m-button-color: ${
|
|
1833
|
-
--m-button-padding-x: ${
|
|
1832
|
+
--m-button-color: ${jt("color-primary-100")};
|
|
1833
|
+
--m-button-padding-x: ${Mt("spacing-2")};
|
|
1834
1834
|
--m-button-padding-y: 0;
|
|
1835
1835
|
|
|
1836
1836
|
--m-button-base-size: var(--m-toggle-base-size);
|
|
1837
1837
|
--m-button-font-size: var(--m-toggle-font-size);
|
|
1838
1838
|
}
|
|
1839
1839
|
|
|
1840
|
-
${
|
|
1841
|
-
--m-button-color: ${
|
|
1840
|
+
${Lt([".toggle"])} {
|
|
1841
|
+
--m-button-color: ${jt("color-text-disabled")};
|
|
1842
1842
|
}
|
|
1843
1843
|
|
|
1844
1844
|
[aria-checked='true'] {
|
|
1845
|
-
--m-button-background-color: ${
|
|
1845
|
+
--m-button-background-color: ${jt("color-primary-20")};
|
|
1846
1846
|
}
|
|
1847
1847
|
|
|
1848
|
-
${
|
|
1849
|
-
--m-button-background-color: ${
|
|
1850
|
-
--m-button-border-color: ${
|
|
1851
|
-
--m-button-color: ${
|
|
1848
|
+
${Gt.hover(".toggle")} {
|
|
1849
|
+
--m-button-background-color: ${jt("color-background-tertiary")};
|
|
1850
|
+
--m-button-border-color: ${jt("color-background-tertiary")};
|
|
1851
|
+
--m-button-color: ${jt("color-primary-100")};
|
|
1852
1852
|
}
|
|
1853
1853
|
|
|
1854
1854
|
.check-icon {
|
|
@@ -1857,5 +1857,5 @@ let Be=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1857
1857
|
|
|
1858
1858
|
display: var(--m-toggle-icon-display);
|
|
1859
1859
|
}
|
|
1860
|
-
`]],window.customElements.define("m-toggle",
|
|
1860
|
+
`]],window.customElements.define("m-toggle",Ui);export{ho as ALIGN_ITEMS_VALUES,ke as Banner,Qt as BannerActionPrimary,te as BannerActionSecondary,ee as BannerActions,oe as BannerDescription,ie as BannerIcon,re as BannerTitle,bo as Box,Yt as Button,ze as Card,Se as CardBody,Ce as CardSubtitle,We as CardTitle,Ee as Checkbox,me as CloseButton,Xe as DIALOG_SIZES,Ye as DIALOG_VARIANTS,Ke as Dialog,to as DialogActionPrimary,eo as DialogActionSecondary,oo as DialogActionTertiary,so as DialogActions,ao as DialogBody,lo as DialogClose,co as DialogFooter,Wo as DialogHeader,Mo as Divider,Ro as FIELD_STATUSES,qo as Field,Oo as FieldHint,Uo as FieldLabel,$o as Grid,no as Group,uo as JUSTIFY_CONTENT_VALUES,Lo as ProgressBar,Go as ProgressBarCountdown,Ko as Radio,vi as RadioGroup,wo as Sidebar,mo as Stack,ko as Switcher,wi as Tag,ve as Text,xi as TextField,Ui as Toggle,Oi as ToggleGroup,go as defaultBoxProps,fo as defaultGridProps,ro as defaultGroupProps,yo as defaultSidebarProps,po as defaultStackProps,xo as defaultSwitcherProps};
|
|
1861
1861
|
//# sourceMappingURL=index.js.map
|