@loadsmart/miranda-wc 1.32.1 → 1.33.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/card/card-body.d.ts +1 -1
- package/dist/components/card/card-body.d.ts.map +1 -1
- package/dist/components/card/card-subtitle.d.ts +1 -1
- package/dist/components/card/card-subtitle.d.ts.map +1 -1
- package/dist/components/card/card-title.d.ts +1 -1
- package/dist/components/card/card-title.d.ts.map +1 -1
- package/dist/components/layout/base-layout/base-layout.d.ts +45 -0
- package/dist/components/layout/base-layout/base-layout.d.ts.map +1 -0
- package/dist/components/layout/base-layout/base-layout.styles.d.ts +2 -0
- package/dist/components/layout/base-layout/base-layout.styles.d.ts.map +1 -0
- package/dist/components/layout/base-layout/base-layout.types.d.ts +32 -0
- package/dist/components/layout/base-layout/base-layout.types.d.ts.map +1 -0
- package/dist/components/layout/box/box.constants.d.ts +1 -1
- package/dist/components/layout/box/box.constants.d.ts.map +1 -1
- package/dist/components/layout/box/box.d.ts +30 -6
- package/dist/components/layout/box/box.d.ts.map +1 -1
- package/dist/components/layout/box/box.styles.d.ts.map +1 -1
- package/dist/components/layout/box/box.types.d.ts +2 -8
- package/dist/components/layout/box/box.types.d.ts.map +1 -1
- package/dist/components/layout/box/index.d.ts +1 -1
- package/dist/components/layout/box/index.d.ts.map +1 -1
- package/dist/components/layout/grid/grid.constants.d.ts +1 -1
- package/dist/components/layout/grid/grid.constants.d.ts.map +1 -1
- package/dist/components/layout/grid/grid.d.ts +30 -2
- package/dist/components/layout/grid/grid.d.ts.map +1 -1
- package/dist/components/layout/grid/grid.types.d.ts +2 -1
- package/dist/components/layout/grid/grid.types.d.ts.map +1 -1
- package/dist/components/layout/group/group.constants.d.ts +1 -1
- package/dist/components/layout/group/group.constants.d.ts.map +1 -1
- package/dist/components/layout/group/group.d.ts +30 -2
- package/dist/components/layout/group/group.d.ts.map +1 -1
- package/dist/components/layout/group/group.types.d.ts +2 -1
- package/dist/components/layout/group/group.types.d.ts.map +1 -1
- package/dist/components/layout/sidebar/sidebar.constants.d.ts +1 -1
- package/dist/components/layout/sidebar/sidebar.constants.d.ts.map +1 -1
- package/dist/components/layout/sidebar/sidebar.d.ts +30 -2
- package/dist/components/layout/sidebar/sidebar.d.ts.map +1 -1
- package/dist/components/layout/sidebar/sidebar.types.d.ts +2 -1
- package/dist/components/layout/sidebar/sidebar.types.d.ts.map +1 -1
- package/dist/components/layout/stack/stack.constants.d.ts +1 -1
- package/dist/components/layout/stack/stack.constants.d.ts.map +1 -1
- package/dist/components/layout/stack/stack.d.ts +30 -2
- package/dist/components/layout/stack/stack.d.ts.map +1 -1
- package/dist/components/layout/stack/stack.types.d.ts +2 -1
- package/dist/components/layout/stack/stack.types.d.ts.map +1 -1
- package/dist/components/layout/switcher/switcher.constants.d.ts +1 -1
- package/dist/components/layout/switcher/switcher.constants.d.ts.map +1 -1
- package/dist/components/layout/switcher/switcher.d.ts +30 -2
- package/dist/components/layout/switcher/switcher.d.ts.map +1 -1
- package/dist/components/layout/switcher/switcher.types.d.ts +2 -1
- package/dist/components/layout/switcher/switcher.types.d.ts.map +1 -1
- package/dist/index.js +231 -213
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
function t(t,e,o
|
|
1
|
+
function t(t,e,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(t):o?o.value:e.get(t)}function e(t,e,i,o,r){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!r:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?r.call(t,i):r?r.value=i:e.set(t,i),i
|
|
2
2
|
/**
|
|
3
3
|
* @license
|
|
4
4
|
* Copyright 2017 Google LLC
|
|
5
5
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
|
-
*/}var
|
|
6
|
+
*/}var i;const o=window,r=o.trustedTypes,n=r?r.createPolicy("lit-html",{createHTML:t=>t}):void 0,s="$lit$",a=`lit$${(Math.random()+"").slice(9)}$`,l="?"+a,d=`<${l}>`,c=document,h=()=>c.createComment(""),u=t=>null===t||"object"!=typeof t&&"function"!=typeof t,g=Array.isArray,p="[ \t\n\f\r]",b=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,m=/-->/g,f=/>/g,$=RegExp(`>|${p}(?:([^\\s"'>=/]+)(${p}*=${p}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),y=/'/g,v=/"/g,w=/^(?:script|style|textarea|title)$/i,x=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),k=Symbol.for("lit-noChange"),z=Symbol.for("lit-nothing"),S=new WeakMap,C=c.createTreeWalker(c,129,null,!1);class W{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let c=0,u=0;const g=t.length-1,p=this.parts,[x,k]=((t,e)=>{const i=t.length-1,o=[];let r,l=2===e?"<svg>":"",c=b;for(let e=0;e<i;e++){const i=t[e];let n,h,u=-1,g=0;for(;g<i.length&&(c.lastIndex=g,h=c.exec(i),null!==h);)g=c.lastIndex,c===b?"!--"===h[1]?c=m:void 0!==h[1]?c=f:void 0!==h[2]?(w.test(h[2])&&(r=RegExp("</"+h[2],"g")),c=$):void 0!==h[3]&&(c=$):c===$?">"===h[0]?(c=null!=r?r:b,u=-1):void 0===h[1]?u=-2:(u=c.lastIndex-h[2].length,n=h[1],c=void 0===h[3]?$:'"'===h[3]?v:y):c===v||c===y?c=$:c===m||c===f?c=b:(c=$,r=void 0);const p=c===$&&t[e+1].startsWith("/>")?" ":"";l+=c===b?i+d:u>=0?(o.push(n),i.slice(0,u)+s+i.slice(u)+a+p):i+a+(-2===u?(o.push(void 0),e):p)}const h=l+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==n?n.createHTML(h):h,o]})(t,e);if(this.el=W.createElement(x,i),C.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=C.nextNode())&&p.length<g;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith(s)||e.startsWith(a)){const i=k[u++];if(t.push(e),void 0!==i){const t=o.getAttribute(i.toLowerCase()+s).split(a),e=/([.?@])?(.*)/.exec(i);p.push({type:1,index:c,name:e[2],strings:t,ctor:"."===e[1]?B:"?"===e[1]?_:"@"===e[1]?R:A})}else p.push({type:6,index:c})}for(const e of t)o.removeAttribute(e)}if(w.test(o.tagName)){const t=o.textContent.split(a),e=t.length-1;if(e>0){o.textContent=r?r.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],h()),C.nextNode(),p.push({type:2,index:++c});o.append(t[e],h())}}}else if(8===o.nodeType)if(o.data===l)p.push({type:2,index:c});else{let t=-1;for(;-1!==(t=o.data.indexOf(a,t+1));)p.push({type:7,index:c}),t+=a.length-1}c++}}static createElement(t,e){const i=c.createElement("template");return i.innerHTML=t,i}}function M(t,e,i=t,o){var r,n,s,a;if(e===k)return e;let l=void 0!==o?null===(r=i._$Co)||void 0===r?void 0:r[o]:i._$Cl;const d=u(e)?void 0:e._$litDirective$;return(null==l?void 0:l.constructor)!==d&&(null===(n=null==l?void 0:l._$AO)||void 0===n||n.call(l,!1),void 0===d?l=void 0:(l=new d(t),l._$AT(t,i,o)),void 0!==o?(null!==(s=(a=i)._$Co)&&void 0!==s?s:a._$Co=[])[o]=l:i._$Cl=l),void 0!==l&&(e=M(t,l._$AS(t,e.values),l,o)),e}class j{constructor(t,e,i,o){var r;this.type=2,this._$AH=z,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cp=null===(r=null==o?void 0:o.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=M(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.$(c.createTextNode(t)),this._$AH=t}g(t){var e;const{values:i,_$litType$:o}=t,r="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=W.createElement(o.h,this.options)),o);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===r)this._$AH.v(i);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:i},parts:o}=this._$AD,r=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:c).importNode(i,!0);C.currentNode=r;let n=C.nextNode(),s=0,a=0,l=o[0];for(;void 0!==l;){if(s===l.index){let e;2===l.type?e=new j(n,n.nextSibling,this,t):1===l.type?e=new l.ctor(n,l.name,l.strings,this,t):6===l.type&&(e=new T(n,this,t)),this._$AV.push(e),l=o[++a]}s!==(null==l?void 0:l.index)&&(n=C.nextNode(),s++)}return C.currentNode=c,r}v(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}(r,this),e=t.u(this.options);t.v(i),this.$(e),this._$AH=t}}_$AC(t){let e=S.get(t.strings);return void 0===e&&S.set(t.strings,e=new W(t)),e}T(t){g(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const r of t)o===e.length?e.push(i=new j(this.k(h()),this.k(h()),this,this.options)):i=e[o],i._$AI(r),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.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 A{constructor(t,e,i,o,r){this.type=1,this._$AH=z,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=r,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=z}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,o){const r=this.strings;let n=!1;if(void 0===r)t=M(this,t,e,0),n=!u(t)||t!==this._$AH&&t!==k,n&&(this._$AH=t);else{const o=t;let s,a;for(t=r[0],s=0;s<r.length-1;s++)a=M(this,o[i+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&&!o&&this.j(t)}j(t){t===z?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class B extends A{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===z?void 0:t}}const E=r?r.emptyScript:"";class _ extends A{constructor(){super(...arguments),this.type=4}j(t){t&&t!==z?this.element.setAttribute(this.name,E):this.element.removeAttribute(this.name)}}class R extends A{constructor(t,e,i,o,r){super(t,e,i,o,r),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=M(this,t,e,0))&&void 0!==i?i:z)===k)return;const o=this._$AH,r=t===z&&o!==z||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,n=t!==z&&(o===z||r);r&&this.element.removeEventListener(this.name,this,o),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class T{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){M(this,t)}}const O=o.litHtmlPolyfillSupport;null==O||O(W,j),(null!==(i=o.litHtmlVersions)&&void 0!==i?i:o.litHtmlVersions=[]).push("2.7.4");const U=Symbol.for(""),q=t=>{if((null==t?void 0:t.r)===U)return null==t?void 0:t._$litStatic$},N=(t,...e)=>({_$litStatic$:e.reduce(((e,i,o)=>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.`)})(i)+t[o+1]),t[0]),r:U}),L=new Map,P=(t=>(e,...i)=>{const o=i.length;let r,n;const s=[],a=[];let l,d=0,c=!1;for(;d<o;){for(l=e[d];d<o&&void 0!==(n=i[d],r=q(n));)l+=r+e[++d],c=!0;d!==o&&a.push(n),s.push(l),d++}if(d===o&&s.push(e[o]),c){const t=s.join("$$lit$$");void 0===(e=L.get(t))&&(s.raw=s,L.set(t,e=s)),i=a}return t(e,...i)})(x),D=window,G=D.ShadowRoot&&(void 0===D.ShadyCSS||D.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,I=Symbol(),V=new WeakMap;
|
|
7
7
|
/**
|
|
8
8
|
* @license
|
|
9
9
|
* Copyright 2020 Google LLC
|
|
10
10
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
-
*/let J=class{constructor(t,e,
|
|
11
|
+
*/let J=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==I)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(G&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=V.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&V.set(e,t))}return t}toString(){return this.cssText}};const H=t=>new J("string"==typeof t?t:t+"",void 0,I),X=(t,...e)=>{const i=1===t.length?t[0]:e.reduce(((e,i,o)=>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.")})(i)+t[o+1]),t[0]);return new J(i,t,I)},Y=G?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return H(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 Z;const F=window,K=F.trustedTypes,Q=K?K.emptyScript:"",tt=F.reactiveElementPolyfillSupport,et={toAttribute(t,e){switch(e){case Boolean:t=t?Q:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},it=(t,e)=>e!==t&&(e==e||t==t),ot={attribute:!0,type:String,converter:et,reflect:!1,hasChanged:it};class rt extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,i)=>{const o=this._$Ep(i,e);void 0!==o&&(this._$Ev.set(o,i),t.push(o))})),t}static createProperty(t,e=ot){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i="symbol"==typeof t?Symbol():"__"+t,o=this.getPropertyDescriptor(t,i,e);void 0!==o&&Object.defineProperty(this.prototype,t,o)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(o){const r=this[t];this[e]=o,this.requestUpdate(t,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||ot}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 i of e)this.createProperty(i,t[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(Y(t))}else void 0!==t&&e.push(Y(t));return e}static _$Ep(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"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,i;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(i=t.hostConnected)||void 0===i||i.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)=>{G?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const i=document.createElement("style"),o=D.litNonce;void 0!==o&&i.setAttribute("nonce",o),i.textContent=e.cssText,t.appendChild(i)}))})(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,i){this._$AK(t,i)}_$EO(t,e,i=ot){var o;const r=this.constructor._$Ep(t,i);if(void 0!==r&&!0===i.reflect){const n=(void 0!==(null===(o=i.converter)||void 0===o?void 0:o.toAttribute)?i.converter:et).toAttribute(e,i.type);this._$El=t,null==n?this.removeAttribute(r):this.setAttribute(r,n),this._$El=null}}_$AK(t,e){var i;const o=this.constructor,r=o._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=o.getPropertyOptions(r),n="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(i=t.converter)||void 0===i?void 0:i.fromAttribute)?t.converter:et;this._$El=r,this[r]=n.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,i){let o=!0;void 0!==t&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||it)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,i))):o=!1),!this.isUpdatePending&&o&&(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 i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),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(i)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(i)}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 nt,st;rt.finalized=!0,rt.elementProperties=new Map,rt.elementStyles=[],rt.shadowRootOptions={mode:"open"},null==tt||tt({ReactiveElement:rt}),(null!==(
|
|
22
|
+
var nt,st;rt.finalized=!0,rt.elementProperties=new Map,rt.elementStyles=[],rt.shadowRootOptions={mode:"open"},null==tt||tt({ReactiveElement:rt}),(null!==(Z=F.reactiveElementVersions)&&void 0!==Z?Z:F.reactiveElementVersions=[]).push("1.6.1");let at=class extends rt{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,i)=>{var o,r;const n=null!==(o=null==i?void 0:i.renderBefore)&&void 0!==o?o:e;let s=n._$litPart$;if(void 0===s){const t=null!==(r=null==i?void 0:i.renderBefore)&&void 0!==r?r:null;n._$litPart$=s=new j(e.insertBefore(h(),t),t,void 0,null!=i?i:{})}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}};at.finalized=!0,at._$litElement$=!0,null===(nt=globalThis.litElementHydrateSupport)||void 0===nt||nt.call(globalThis,{LitElement:at});const lt=globalThis.litElementPolyfillSupport;null==lt||lt({LitElement:at}),(null!==(st=globalThis.litElementVersions)&&void 0!==st?st: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
|
+
*/,ct=1,ht=t=>(...e)=>({_$litDirective$:t,values:e});let ut=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$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.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}}),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 N`${(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,e){return t.filter((function(t){return t.startsWith(e)}))}function zt(t,e){return t.filter((function(t){return!t.startsWith(e)}))}var St=zt(zt(Object.keys(xt.LoadsmartTheme),"brand-"),"platform-");function Ct(t){return xt.LoadsmartTheme[t]}function Wt(t){var e=Ct(t);return null==e?e:"--m-".concat(t)}function Mt(t){return H(yt(t))}function jt(t,e=1){return H(yt(t,e))}kt(St,"color-background-"),kt(St,"border-radius-"),kt(St,"border-"),kt(St,"color-"),kt(St,"elevation-"),kt(St,"font-family-"),kt(St,"font-size-"),kt(St,"font-weight-"),kt(St,"global-"),kt(St,"glow-"),kt(St,"line-height-"),kt(St,"opacity-"),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"],kt(St,"spacing-"),!0),vt=Ct,yt=function(t,e){var o=Ct(t);return null==o?"":t.startsWith("color-")?"rgba(var(".concat(Wt(t),", ").concat(o,"), ").concat(null!=e?e:1,")"):"var(".concat(Wt(t),", ").concat(o,")")};var At={toArray:function(t){return null==t?[]:Array.isArray(t)?t:[t]}},Bt=$t(At.toArray);function Et(t){return H(`\n\t\tmargin-inline-start: ${t}\n\t`)}function _t(t){return H(`\n\t\t${Et(t)};\n\t\t${function(t){return H(`\n\t\tmargin-inline-end: ${t}\n\t`)}(t)}\n\t`)}function Tt(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${_t(t)};\n\t\t${Tt(t)}\n\t`)}function Ut(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 qt(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 Rt(t){return H(`\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 H(`${e.property} ${e.duration} ${e.easing} ${e.delay}`)}(t))).join(", ");return H(`\n\t\ttransition: ${e}\n\t`)}function Dt(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: ${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 H(Bt(t).map((t=>[`${t}.is-disabled`,`${t}:disabled`].map((t=>[t,e].join(" "))).join(", "))).join(", "))}const Gt={active:function(t){return H(Bt(t).map((t=>`${t}:not(.is-disabled, :disabled):active`)).join(", "))},focus:function(t){return H(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 H(Bt(t).map((t=>`${t}:not(.is-disabled, :disabled):hover`)).join(", "))}};function It(){return Z`
|
|
38
|
+
*/const gt=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==ct||"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 i,o;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===(i=this.nt)||void 0===i?void 0:i.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 i=!!e[t];i===this.it.has(t)||(null===(o=this.nt)||void 0===o?void 0:o.has(t))||(i?(r.add(t),this.it.add(t)):(r.remove(t),this.it.delete(t)))}return k}}),pt=(t,e=["article","div","span"],i="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:i)&&void 0!==t?t:"div"}get tag(){return N`${(t=>({_$litStatic$:t,r:U}))(this.as)}`}};var bt,mt;class ft extends at{constructor(){super(...arguments),bt.set(this,void 0),mt.set(this,(()=>{if(this.hasAttribute("form")){const t=this.getRootNode(),i=this.getAttribute("form");e(this,bt,t.getElementById(i),"f")}else e(this,bt,this.closest("form"),"f")}))}static get properties(){return{assignedForm:{type:String,attribute:"form"}}}get form(){return t(this,bt,"f")}updated(e){super.updated(e),(e.has("form")||null==t(this,bt,"f"))&&t(this,mt,"f").call(this)}}function $t(t){return t&&t.i&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}bt=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,e){return t.filter((function(t){return t.startsWith(e)}))}function zt(t,e){return t.filter((function(t){return!t.startsWith(e)}))}var St=zt(zt(Object.keys(xt.LoadsmartTheme),"brand-"),"platform-");function Ct(t){return xt.LoadsmartTheme[t]}function Wt(t){var e=Ct(t);return null==e?e:"--m-".concat(t)}function Mt(t){return H(yt(t))}function jt(t,e=1){return H(yt(t,e))}kt(St,"color-background-"),kt(St,"border-radius-"),kt(St,"border-"),kt(St,"color-"),kt(St,"elevation-"),kt(St,"font-family-"),kt(St,"font-size-"),kt(St,"font-weight-"),kt(St,"global-"),kt(St,"glow-"),kt(St,"line-height-"),kt(St,"opacity-"),function(t,e,i){if(i||2===arguments.length)for(var o,r=0,n=e.length;r<n;r++)!o&&r in e||(o||(o=Array.prototype.slice.call(e,0,r)),o[r]=e[r]);t.concat(o||Array.prototype.slice.call(e))}(["none"],kt(St,"spacing-"),!0),vt=Ct,yt=function(t,e){var i=Ct(t);return null==i?"":t.startsWith("color-")?"rgba(var(".concat(Wt(t),", ").concat(i,"), ").concat(null!=e?e:1,")"):"var(".concat(Wt(t),", ").concat(i,")")};var At={toArray:function(t){return null==t?[]:Array.isArray(t)?t:[t]}},Bt=$t(At.toArray);function Et(t){return H(`\n\t\tmargin-inline-start: ${t}\n\t`)}function _t(t){return H(`\n\t\t${Et(t)};\n\t\t${function(t){return H(`\n\t\tmargin-inline-end: ${t}\n\t`)}(t)}\n\t`)}function Rt(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 Tt(t){return H(`\n\t\t${_t(t)};\n\t\t${Rt(t)}\n\t`)}function Ot(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${Ot(t)};\n\t\t${Ut(t)}\n\t`)}const Nt={property:"all",delay:"0s",duration:"0.35s",easing:"ease-in-out"};function Lt(t){const e=Bt(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: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\tfont-size: ${Mt("font-size-9")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"hero-lg":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\tfont-size: ${Mt("font-size-9")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"hero-md-bold":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\tfont-size: ${Mt("font-size-8")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"hero-md":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\tfont-size: ${Mt("font-size-8")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"hero-sm-bold":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\tfont-size: ${Mt("font-size-7")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"hero-sm":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\tfont-size: ${Mt("font-size-7")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"heading-lg-bold":return`\n\t\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\t\tfont-size: ${Mt("font-size-6")};\n\t\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t\t`;case"heading-lg":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-6")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"heading-md-bold":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-5")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"heading-md":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-5")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"heading-sm-bold":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-4")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"heading-sm":return`\n\t\t\t\tfont-family: ${Mt("font-family-title")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-4")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"body-lg-bold":return`\n\t\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\t\tfont-size: ${Mt("font-size-5")};\n\t\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t\t`;case"body-lg":return`\n\t\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\t\tline-height: ${Mt("line-height-6")};\n\t\t\t\t\tfont-size: ${Mt("font-size-5")};\n\t\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t\t`;case"body-md":case"number-md":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-3")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"body-md-underline":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-3")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-md-bold":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-3")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"body-md-bold-underline":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-5")};\n\t\t\t\tfont-size: ${Mt("font-size-3")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-sm":case"number-sm":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-4")};\n\t\t\t\tfont-size: ${Mt("font-size-2")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")}\n\t\t\t`;case"body-sm-underline":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-4")};\n\t\t\t\tfont-size: ${Mt("font-size-2")};\n\t\t\t\tfont-weight: ${Mt("font-weight-regular")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"body-sm-bold":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-4")};\n\t\t\t\tfont-size: ${Mt("font-size-2")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"body-sm-bold-underline":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-4")};\n\t\t\t\tfont-size: ${Mt("font-size-2")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"button-lg":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-1")};\n\t\t\t\tfont-size: ${Mt("font-size-4")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"button-md":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-1")};\n\t\t\t\tfont-size: ${Mt("font-size-3")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"button-sm":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-1")};\n\t\t\t\tfont-size: ${Mt("font-size-2")};\n\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t`;case"table-header-md":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-1")};\n\t\t\t\tfont-size: ${Mt("font-size-3")};\n\t\t\t\tfont-weight: ${Mt("font-weight-medium")};\n\t\t\t\ttext-transform: uppercase\n\t\t\t`;case"table-header-sm":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-1")};\n\t\t\t\tfont-size: ${Mt("font-size-2")};\n\t\t\t\tfont-weight: ${Mt("font-weight-medium")}\n\t\t\t`;case"chips-md":return`\n\t\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\t\tline-height: ${Mt("line-height-1")};\n\t\t\t\t\tfont-size: ${Mt("font-size-2")};\n\t\t\t\t\tfont-weight: ${Mt("font-weight-bold")}\n\t\t\t\t`;case"chips-sm":return`\n\t\t\t\tfont-family: ${Mt("font-family-default")};\n\t\t\t\tline-height: ${Mt("line-height-1")};\n\t\t\t\tfont-size: ${Mt("font-size-1")};\n\t\t\t\tfont-weight: ${Mt("font-weight-medium")};\n\t\t\t\ttext-transform: uppercase\n\t\t\t`;default:return""}}(t)}`)}function Dt(t,e=""){return H(Bt(t).map((t=>[`${t}.is-disabled`,`${t}:disabled`].map((t=>[t,e].join(" "))).join(", "))).join(", "))}const Gt={active:function(t){return H(Bt(t).map((t=>`${t}:not(.is-disabled, :disabled):active`)).join(", "))},focus:function(t){return H(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 H(Bt(t).map((t=>`${t}:not(.is-disabled, :disabled):hover`)).join(", "))}};function It(){return X`
|
|
39
39
|
:host {
|
|
40
40
|
--m-button-background-color: transparent;
|
|
41
41
|
--m-button-base-size: ${Mt("global-height-default")};
|
|
@@ -75,9 +75,9 @@ const ct=t=>null!=t?t:z
|
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
.button {
|
|
78
|
-
${
|
|
78
|
+
${Lt([{property:"color"},{property:"background-color"},{property:"border-color"}])};
|
|
79
79
|
|
|
80
|
-
${
|
|
80
|
+
${Pt("button-md")};
|
|
81
81
|
font-size: var(--m-button-font-size);
|
|
82
82
|
|
|
83
83
|
cursor: pointer;
|
|
@@ -106,11 +106,11 @@ const ct=t=>null!=t?t:z
|
|
|
106
106
|
border-radius: var(--m-button-border-radius);
|
|
107
107
|
}
|
|
108
108
|
|
|
109
|
-
${
|
|
109
|
+
${Dt(".button")} {
|
|
110
110
|
cursor: default;
|
|
111
111
|
}
|
|
112
112
|
|
|
113
|
-
${
|
|
113
|
+
${Dt(".button","*")} {
|
|
114
114
|
pointer-events: none;
|
|
115
115
|
}
|
|
116
116
|
|
|
@@ -129,34 +129,34 @@ const ct=t=>null!=t?t:z
|
|
|
129
129
|
display: inline-flex;
|
|
130
130
|
align-items: center;
|
|
131
131
|
|
|
132
|
-
${
|
|
133
|
-
${
|
|
132
|
+
${qt(0)};
|
|
133
|
+
${Tt(0)};
|
|
134
134
|
}
|
|
135
135
|
|
|
136
136
|
slot[name='leading']::slotted(span),
|
|
137
137
|
slot[name='trailing']::slotted(span) {
|
|
138
138
|
justify-content: center;
|
|
139
139
|
}
|
|
140
|
-
`}var Vt,Jt,Ht,Zt,Ft
|
|
140
|
+
`}var Vt,Jt,Ht,Xt,Yt,Zt,Ft;class Kt extends(pt(ft,["button","a"],"button")){static get properties(){return{...ft.properties,role:{type:String,reflect:!0},loading:{type:Boolean},disabled:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0},size:{type:String,reflect:!0},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))),Xt.set(this,(()=>{const e=t(this,Ht,"f").call(this);this.setAttribute("aria-disabled",String(e))})),Yt.set(this,(()=>{var e;return t(this,Vt,"m",Ft).call(this)?this.disabled?"-1":null!=this.tabindex?this.tabindex:"0":null!==(e=this.tabindex)&&void 0!==e?e:void 0})),Zt.set(this,(t=>{var e,i;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===(i=this.form)||void 0===i||i.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,Zt,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",t(this,Zt,"f"))}update(e){super.update(e),e.has("href")&&(this.as=t(this,Vt,"m",Ft).call(this)?"a":"button",this.role=t(this,Vt,"m",Ft).call(this)?"link":"button")}updated(e){super.updated(e),(e.has("disabled")||e.has("loading"))&&t(this,Xt,"f").call(this)}render(){const e=t(this,Vt,"m",Ft).call(this);return P`
|
|
141
141
|
<${this.tag}
|
|
142
142
|
class=${gt({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=${
|
|
143
|
+
type=${dt(e?void 0:this.type)}
|
|
144
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,Yt,"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)?P`<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
|
|
159
|
+
`}focus(e){var i;null===(i=t(this,Vt,"a",Jt))||void 0===i||i.focus(e)}}Ht=new WeakMap,Xt=new WeakMap,Yt=new WeakMap,Zt=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},Ft=function(){return Boolean(this.href)},Kt.styles=[[It(),X`
|
|
160
160
|
.button.is-loading:not(.-icon, .-icon-secondary) *:not(.loader) {
|
|
161
161
|
visibility: hidden;
|
|
162
162
|
}
|
|
@@ -167,7 +167,7 @@ const ct=t=>null!=t?t:z
|
|
|
167
167
|
--m-button-color: ${jt("color-text-inverted")};
|
|
168
168
|
}
|
|
169
169
|
|
|
170
|
-
${
|
|
170
|
+
${Dt(".button.-primary")} {
|
|
171
171
|
--m-button-background-color: ${jt("color-primary-20")};
|
|
172
172
|
--m-button-border-color: ${jt("color-primary-20")};
|
|
173
173
|
}
|
|
@@ -195,7 +195,7 @@ const ct=t=>null!=t?t:z
|
|
|
195
195
|
--m-button-color: ${jt("color-primary-100")};
|
|
196
196
|
}
|
|
197
197
|
|
|
198
|
-
${
|
|
198
|
+
${Dt(".button.-secondary")} {
|
|
199
199
|
--m-button-border-color: ${jt("color-text-disabled")};
|
|
200
200
|
--m-button-color: ${jt("color-text-disabled")};
|
|
201
201
|
}
|
|
@@ -227,7 +227,7 @@ const ct=t=>null!=t?t:z
|
|
|
227
227
|
--m-button-color: ${jt("color-primary-100")};
|
|
228
228
|
}
|
|
229
229
|
|
|
230
|
-
${
|
|
230
|
+
${Dt(".button.-tertiary")} {
|
|
231
231
|
--m-button-color: ${jt("color-text-disabled")};
|
|
232
232
|
}
|
|
233
233
|
|
|
@@ -260,7 +260,7 @@ const ct=t=>null!=t?t:z
|
|
|
260
260
|
--m-button-color: ${jt("color-text-primary")};
|
|
261
261
|
}
|
|
262
262
|
|
|
263
|
-
${
|
|
263
|
+
${Dt(".button.-warning")} {
|
|
264
264
|
--m-button-background-color: ${jt("color-warning-20")};
|
|
265
265
|
--m-button-border-color: ${jt("color-warning-20")};
|
|
266
266
|
--m-button-color: ${jt("color-text-inverted")};
|
|
@@ -290,7 +290,7 @@ const ct=t=>null!=t?t:z
|
|
|
290
290
|
--m-button-color: ${jt("color-text-inverted")};
|
|
291
291
|
}
|
|
292
292
|
|
|
293
|
-
${
|
|
293
|
+
${Dt(".button.-danger")} {
|
|
294
294
|
--m-button-background-color: ${jt("color-danger-20")};
|
|
295
295
|
--m-button-border-color: ${jt("color-danger-20")};
|
|
296
296
|
}
|
|
@@ -336,16 +336,16 @@ const ct=t=>null!=t?t:z
|
|
|
336
336
|
display: none;
|
|
337
337
|
}
|
|
338
338
|
|
|
339
|
-
${
|
|
339
|
+
${Dt([".button.-icon",".button.-icon-secondary"])} {
|
|
340
340
|
--m-button-color: ${jt("color-neutral-40")};
|
|
341
341
|
}
|
|
342
342
|
|
|
343
|
-
${
|
|
343
|
+
${Dt(".button.-icon")} {
|
|
344
344
|
--m-button-background-color: ${jt("color-neutral-20")};
|
|
345
345
|
--m-button-border-color: ${jt("color-neutral-20")};
|
|
346
346
|
}
|
|
347
347
|
|
|
348
|
-
${
|
|
348
|
+
${Dt(".button.-icon-secondary")} {
|
|
349
349
|
--m-button-background-color: transparent;
|
|
350
350
|
--m-button-border-color: transparent;
|
|
351
351
|
}
|
|
@@ -383,13 +383,13 @@ const ct=t=>null!=t?t:z
|
|
|
383
383
|
.button.-small {
|
|
384
384
|
--m-button-padding-y: ${Mt("spacing-2")};
|
|
385
385
|
|
|
386
|
-
${
|
|
386
|
+
${Pt("button-sm")};
|
|
387
387
|
}
|
|
388
388
|
|
|
389
389
|
.button.-large {
|
|
390
390
|
--m-button-padding-y: ${Mt("spacing-4")};
|
|
391
391
|
|
|
392
|
-
${
|
|
392
|
+
${Pt("button-lg")};
|
|
393
393
|
}
|
|
394
394
|
|
|
395
395
|
/* TODO: to be removed when the loading dots component is ready */
|
|
@@ -403,26 +403,26 @@ const ct=t=>null!=t?t:z
|
|
|
403
403
|
|
|
404
404
|
pointer-events: none;
|
|
405
405
|
}
|
|
406
|
-
`]],window.customElements.define("m-button",
|
|
406
|
+
`]],window.customElements.define("m-button",Kt);class Qt extends Kt{constructor(){super(),this.size="small"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","primary-action")}}window.customElements.define("m-banner-action-primary",Qt);class te extends Kt{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 at{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
|
-
`}}ee.styles=[
|
|
409
|
+
`}}ee.styles=[X`
|
|
410
410
|
:host {
|
|
411
411
|
display: flex;
|
|
412
412
|
justify-content: flex-end;
|
|
413
413
|
gap: ${Mt("spacing-2")};
|
|
414
414
|
}
|
|
415
|
-
`],window.customElements.define("m-banner-actions",ee);class
|
|
415
|
+
`],window.customElements.define("m-banner-actions",ee);class ie extends at{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","description")}render(){return x`<slot></slot>`}}ie.styles=[X`
|
|
416
416
|
:host {
|
|
417
|
-
${
|
|
417
|
+
${Pt("body-md")};
|
|
418
418
|
color: ${jt("color-text-secondary")};
|
|
419
419
|
}
|
|
420
|
-
`],window.customElements.define("m-banner-description",
|
|
420
|
+
`],window.customElements.define("m-banner-description",ie);class oe extends at{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","icon")}render(){return x`<slot></slot>`}}window.customElements.define("m-banner-icon",oe);class re extends at{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","title")}render(){return x`<slot></slot>`}}re.styles=[X`
|
|
421
421
|
:host {
|
|
422
|
-
${
|
|
422
|
+
${Pt("body-md-bold")};
|
|
423
423
|
color: ${jt("color-text-secondary")};
|
|
424
424
|
}
|
|
425
|
-
`],window.customElements.define("m-banner-title",re);class ne extends at{constructor(){super(...arguments),this.emit=(t,e)=>{const
|
|
425
|
+
`],window.customElements.define("m-banner-title",re);class ne extends at{constructor(){super(...arguments),this.emit=(t,e)=>{const i=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,...e});this.dispatchEvent(i)},this.reemit=t=>{!function(t,e){!e.bubbles||t.shadowRoot&&!e.composed||e.stopPropagation();const i=Reflect.construct(e.constructor,[e.type,e]),o=t.dispatchEvent(i);o||e.preventDefault()}(this,t)}}}var se={BASE_PIXELS:16,toRem:function(t,e=16){return parseInt(String(t),10)/e+"rem"}},ae=$t(se.toRem);function le(t,e){return H(ae(t,e))}const de=["alert-circle","attention","bell","check","close","info-circle","indeterminate"];var ce,he,ue,ge,pe;class be extends ne{static get properties(){return{name:{type:String},size:{type:String},color:{type:String},loading:{state:!0}}}constructor(){super(),ce.add(this),this.icon=null,this.icon=null}connectedCallback(){super.connectedCallback(),t(this,ce,"m",he).call(this)}update(e){super.update(e),e.has("name")&&t(this,ce,"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",yt(this.color))}render(){return null!=this.name&&de.includes(this.name)&&null!=this.icon?this.icon:z}}ce=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()}},be.styles=[[X`
|
|
426
426
|
:host {
|
|
427
427
|
--m-icon-size: 16px;
|
|
428
428
|
--m-icon-color: ${jt("color-text-primary")};
|
|
@@ -436,7 +436,7 @@ const ct=t=>null!=t?t:z
|
|
|
436
436
|
}
|
|
437
437
|
|
|
438
438
|
svg {
|
|
439
|
-
${
|
|
439
|
+
${Lt([{property:"color"},{property:"fill"}])};
|
|
440
440
|
|
|
441
441
|
inline-size: var(--m-icon-size);
|
|
442
442
|
block-size: var(--m-icon-size);
|
|
@@ -444,18 +444,18 @@ const ct=t=>null!=t?t:z
|
|
|
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",be);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),pe.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="${
|
|
450
|
+
aria-controls="${dt(this.controls)}"
|
|
451
|
+
aria-label="${dt(this.label)}"
|
|
452
452
|
class=${gt({"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,pe,"f")}
|
|
455
455
|
>
|
|
456
456
|
<m-icon name="close"></m-icon>
|
|
457
457
|
</button>
|
|
458
|
-
`}focus(e){var
|
|
458
|
+
`}focus(e){var i;null===(i=t(this,ue,"a",ge))||void 0===i||i.focus(e)}}pe=new WeakMap,ue=new WeakSet,ge=function(){var t;return null!==(t=this.renderRoot.querySelector("button"))&&void 0!==t?t:null},me.styles=[X`
|
|
459
459
|
:host {
|
|
460
460
|
--m-close-button-color: ${jt("color-text-primary")};
|
|
461
461
|
--m-close-button-outline-color: ${jt("color-primary-100")};
|
|
@@ -468,8 +468,8 @@ const ct=t=>null!=t?t:z
|
|
|
468
468
|
|
|
469
469
|
width: var(--button-size);
|
|
470
470
|
height: var(--button-size);
|
|
471
|
-
${
|
|
472
|
-
${
|
|
471
|
+
${Tt(0)};
|
|
472
|
+
${qt(0)};
|
|
473
473
|
background-color: var(--button-color);
|
|
474
474
|
border: none;
|
|
475
475
|
border-radius: 50%;
|
|
@@ -478,7 +478,7 @@ const ct=t=>null!=t?t:z
|
|
|
478
478
|
justify-content: center;
|
|
479
479
|
cursor: pointer;
|
|
480
480
|
|
|
481
|
-
${
|
|
481
|
+
${Lt([{property:"background-color"}])};
|
|
482
482
|
}
|
|
483
483
|
|
|
484
484
|
.close-button.-size-small {
|
|
@@ -523,12 +523,12 @@ const ct=t=>null!=t?t:z
|
|
|
523
523
|
--icon-color: var(--m-close-button-color);
|
|
524
524
|
}
|
|
525
525
|
|
|
526
|
-
${
|
|
526
|
+
${Dt(".close-button")} {
|
|
527
527
|
--icon-color: ${jt("color-text-disabled")};
|
|
528
528
|
cursor: default;
|
|
529
529
|
}
|
|
530
530
|
|
|
531
|
-
${
|
|
531
|
+
${Dt(".close-button","*")} {
|
|
532
532
|
pointer-events: none;
|
|
533
533
|
}
|
|
534
534
|
`],window.customElements.define("m-close-button",me);
|
|
@@ -537,14 +537,14 @@ const ct=t=>null!=t?t:z
|
|
|
537
537
|
* Copyright 2018 Google LLC
|
|
538
538
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
539
539
|
*/
|
|
540
|
-
const fe="important",$e=" !"+fe,ye=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==
|
|
540
|
+
const fe="important",$e=" !"+fe,ye=ht(class extends ut{constructor(t){var e;if(super(t),t.type!==ct||"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,i)=>{const o=t[i];return null==o?e:e+`${i=i.includes("-")?i:i.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`}),"")}update(t,[e]){const{style:i}=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("-")?i.removeProperty(t):i[t]="")}));for(const t in e){const o=e[t];if(null!=o){this.ut.add(t);const e="string"==typeof o&&o.endsWith($e);t.includes("-")||e?i.setProperty(t,e?o.slice(0,-11):o,e?fe:""):i[t]=o}}return k}});class ve extends(pt(at,["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 P`
|
|
541
541
|
<${this.tag}
|
|
542
542
|
class=${gt({"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
543
|
style=${ye({"--m-text-color":yt(this.color)})}
|
|
544
544
|
>
|
|
545
545
|
<slot></slot>
|
|
546
546
|
</${this.tag}>
|
|
547
|
-
`}}var we,xe;ve.styles=[
|
|
547
|
+
`}}var we,xe;ve.styles=[X`
|
|
548
548
|
:host {
|
|
549
549
|
--m-text-color: ${jt("color-text-primary")};
|
|
550
550
|
--m-text-display: inline-block;
|
|
@@ -554,9 +554,9 @@ const fe="important",$e=" !"+fe,ye=ht(class extends ut{constructor(t){var e;if(s
|
|
|
554
554
|
}
|
|
555
555
|
|
|
556
556
|
.m-text {
|
|
557
|
-
${
|
|
557
|
+
${Lt([{property:"color"}])};
|
|
558
558
|
|
|
559
|
-
${
|
|
559
|
+
${Pt()};
|
|
560
560
|
|
|
561
561
|
color: var(--m-text-color);
|
|
562
562
|
display: var(--m-text-display);
|
|
@@ -565,127 +565,127 @@ const fe="important",$e=" !"+fe,ye=ht(class extends ut{constructor(t){var e;if(s
|
|
|
565
565
|
}
|
|
566
566
|
|
|
567
567
|
.-body-lg-bold {
|
|
568
|
-
${
|
|
568
|
+
${Pt("body-lg-bold")};
|
|
569
569
|
}
|
|
570
570
|
|
|
571
571
|
.-body-lg {
|
|
572
|
-
${
|
|
572
|
+
${Pt("body-lg")};
|
|
573
573
|
}
|
|
574
574
|
|
|
575
575
|
.-body-md-bold-underline {
|
|
576
|
-
${
|
|
576
|
+
${Pt("body-md-bold-underline")};
|
|
577
577
|
}
|
|
578
578
|
|
|
579
579
|
.-body-md-bold {
|
|
580
|
-
${
|
|
580
|
+
${Pt("body-md-bold")};
|
|
581
581
|
}
|
|
582
582
|
|
|
583
583
|
.-body-md-underline {
|
|
584
|
-
${
|
|
584
|
+
${Pt("body-md-underline")};
|
|
585
585
|
}
|
|
586
586
|
|
|
587
587
|
.-body-md {
|
|
588
|
-
${
|
|
588
|
+
${Pt("body-md")};
|
|
589
589
|
}
|
|
590
590
|
|
|
591
591
|
.-body-sm-bold-underline {
|
|
592
|
-
${
|
|
592
|
+
${Pt("body-sm-bold-underline")};
|
|
593
593
|
}
|
|
594
594
|
|
|
595
595
|
.-body-sm-bold {
|
|
596
|
-
${
|
|
596
|
+
${Pt("body-sm-bold")};
|
|
597
597
|
}
|
|
598
598
|
|
|
599
599
|
.-body-sm-underline {
|
|
600
|
-
${
|
|
600
|
+
${Pt("body-sm-underline")};
|
|
601
601
|
}
|
|
602
602
|
|
|
603
603
|
.-body-sm {
|
|
604
|
-
${
|
|
604
|
+
${Pt("body-sm")};
|
|
605
605
|
}
|
|
606
606
|
|
|
607
607
|
.-button-lg {
|
|
608
|
-
${
|
|
608
|
+
${Pt("button-lg")};
|
|
609
609
|
}
|
|
610
610
|
|
|
611
611
|
.-button-md {
|
|
612
|
-
${
|
|
612
|
+
${Pt("button-md")};
|
|
613
613
|
}
|
|
614
614
|
|
|
615
615
|
.-button-sm {
|
|
616
|
-
${
|
|
616
|
+
${Pt("button-sm")};
|
|
617
617
|
}
|
|
618
618
|
|
|
619
619
|
.-chips-md {
|
|
620
|
-
${
|
|
620
|
+
${Pt("chips-md")};
|
|
621
621
|
}
|
|
622
622
|
|
|
623
623
|
.-chips-sm {
|
|
624
|
-
${
|
|
624
|
+
${Pt("chips-sm")};
|
|
625
625
|
}
|
|
626
626
|
|
|
627
627
|
.-heading-lg-bold {
|
|
628
|
-
${
|
|
628
|
+
${Pt("heading-lg-bold")};
|
|
629
629
|
}
|
|
630
630
|
|
|
631
631
|
.-heading-lg {
|
|
632
|
-
${
|
|
632
|
+
${Pt("heading-lg")};
|
|
633
633
|
}
|
|
634
634
|
|
|
635
635
|
.-heading-md-bold {
|
|
636
|
-
${
|
|
636
|
+
${Pt("heading-md-bold")};
|
|
637
637
|
}
|
|
638
638
|
|
|
639
639
|
.-heading-md {
|
|
640
|
-
${
|
|
640
|
+
${Pt("heading-md")};
|
|
641
641
|
}
|
|
642
642
|
|
|
643
643
|
.-heading-sm-bold {
|
|
644
|
-
${
|
|
644
|
+
${Pt("heading-sm-bold")};
|
|
645
645
|
}
|
|
646
646
|
|
|
647
647
|
.-heading-sm {
|
|
648
|
-
${
|
|
648
|
+
${Pt("heading-sm")};
|
|
649
649
|
}
|
|
650
650
|
|
|
651
651
|
.-hero-lg-bold {
|
|
652
|
-
${
|
|
652
|
+
${Pt("hero-lg-bold")};
|
|
653
653
|
}
|
|
654
654
|
|
|
655
655
|
.-hero-lg {
|
|
656
|
-
${
|
|
656
|
+
${Pt("hero-lg")};
|
|
657
657
|
}
|
|
658
658
|
|
|
659
659
|
.-hero-md-bold {
|
|
660
|
-
${
|
|
660
|
+
${Pt("hero-md-bold")};
|
|
661
661
|
}
|
|
662
662
|
|
|
663
663
|
.-hero-md {
|
|
664
|
-
${
|
|
664
|
+
${Pt("hero-md")};
|
|
665
665
|
}
|
|
666
666
|
|
|
667
667
|
.-hero-sm-bold {
|
|
668
|
-
${
|
|
668
|
+
${Pt("hero-sm-bold")};
|
|
669
669
|
}
|
|
670
670
|
|
|
671
671
|
.-hero-sm {
|
|
672
|
-
${
|
|
672
|
+
${Pt("hero-sm")};
|
|
673
673
|
}
|
|
674
674
|
|
|
675
675
|
.-number-md {
|
|
676
|
-
${
|
|
676
|
+
${Pt("number-md")};
|
|
677
677
|
}
|
|
678
678
|
|
|
679
679
|
.-number-sm {
|
|
680
|
-
${
|
|
680
|
+
${Pt("number-sm")};
|
|
681
681
|
}
|
|
682
682
|
|
|
683
683
|
.-table-header-md {
|
|
684
|
-
${
|
|
684
|
+
${Pt("table-header-md")};
|
|
685
685
|
}
|
|
686
686
|
|
|
687
687
|
.-table-header-sm {
|
|
688
|
-
${
|
|
688
|
+
${Pt("table-header-sm")};
|
|
689
689
|
}
|
|
690
690
|
|
|
691
691
|
.-ellipsized {
|
|
@@ -694,7 +694,7 @@ const fe="important",$e=" !"+fe,ye=ht(class extends ut{constructor(t){var e;if(s
|
|
|
694
694
|
white-space: nowrap;
|
|
695
695
|
max-width: var(--m-text-max-width);
|
|
696
696
|
}
|
|
697
|
-
`],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']"),
|
|
697
|
+
`],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']"),i=null!=this.querySelector("*[slot='actions']"),o=x`
|
|
698
698
|
<m-close-button
|
|
699
699
|
id="close"
|
|
700
700
|
label="Dismiss"
|
|
@@ -712,11 +712,11 @@ const fe="important",$e=" !"+fe,ye=ht(class extends ut{constructor(t){var e;if(s
|
|
|
712
712
|
<slot name="title"></slot>
|
|
713
713
|
<slot name="description"></slot>
|
|
714
714
|
</div>
|
|
715
|
-
${this.dismissible&&!o
|
|
715
|
+
${this.dismissible&&!i?o:z}
|
|
716
716
|
</div>
|
|
717
717
|
<slot name="actions"></slot>
|
|
718
718
|
</div>
|
|
719
|
-
`}}we=new WeakMap,xe=new WeakMap,ke.styles=[
|
|
719
|
+
`}}we=new WeakMap,xe=new WeakMap,ke.styles=[X`
|
|
720
720
|
:host {
|
|
721
721
|
display: block;
|
|
722
722
|
width: 100%;
|
|
@@ -799,7 +799,7 @@ const fe="important",$e=" !"+fe,ye=ht(class extends ut{constructor(t){var e;if(s
|
|
|
799
799
|
<slot name="body"></slot>
|
|
800
800
|
</div>
|
|
801
801
|
</div>
|
|
802
|
-
`}}ze.styles=[
|
|
802
|
+
`}}ze.styles=[X`
|
|
803
803
|
:host {
|
|
804
804
|
--m-card-background-color: ${jt("color-background-primary")};
|
|
805
805
|
}
|
|
@@ -840,11 +840,11 @@ const fe="important",$e=" !"+fe,ye=ht(class extends ut{constructor(t){var e;if(s
|
|
|
840
840
|
::slotted(m-divider) {
|
|
841
841
|
--m-divider-margin-top: ${Mt("spacing-4")};
|
|
842
842
|
}
|
|
843
|
-
`],window.customElements.define("m-card",ze);class Se extends at{static get properties(){return{slot:{type:String}}}
|
|
843
|
+
`],window.customElements.define("m-card",ze);class Se extends at{static get properties(){return{slot:{type:String}}}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","body")}render(){return x`
|
|
844
844
|
<div class="m-card-body">
|
|
845
845
|
<slot></slot>
|
|
846
846
|
</div>
|
|
847
|
-
`}}Se.styles=[
|
|
847
|
+
`}}Se.styles=[X`
|
|
848
848
|
:host {
|
|
849
849
|
--m-card-body-padding-x: ${Mt("spacing-4")};
|
|
850
850
|
--m-card-body-padding-y: ${Mt("spacing-4")};
|
|
@@ -853,11 +853,11 @@ const fe="important",$e=" !"+fe,ye=ht(class extends ut{constructor(t){var e;if(s
|
|
|
853
853
|
.m-card-body {
|
|
854
854
|
padding: var(--m-card-body-padding-y) var(--m-card-body-padding-x);
|
|
855
855
|
}
|
|
856
|
-
`],window.customElements.define("m-card-body",Se);class Ce extends at{static get properties(){return{slot:{type:String}}}
|
|
856
|
+
`],window.customElements.define("m-card-body",Se);class Ce extends at{static get properties(){return{slot:{type:String}}}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","subtitle")}render(){return x`
|
|
857
857
|
<div class="m-card-subtitle">
|
|
858
858
|
<slot></slot>
|
|
859
859
|
</div>
|
|
860
|
-
`}}Ce.styles=[
|
|
860
|
+
`}}Ce.styles=[X`
|
|
861
861
|
:host {
|
|
862
862
|
--m-card-subtitle-margin-top: ${Mt("spacing-2")};
|
|
863
863
|
--m-card-subtitle-padding-x: ${Mt("spacing-4")};
|
|
@@ -865,19 +865,19 @@ const fe="important",$e=" !"+fe,ye=ht(class extends ut{constructor(t){var e;if(s
|
|
|
865
865
|
}
|
|
866
866
|
|
|
867
867
|
.m-card-subtitle {
|
|
868
|
-
${
|
|
868
|
+
${Pt("body-md")};
|
|
869
869
|
|
|
870
870
|
margin-block-start: var(--m-card-subtitle-margin-top);
|
|
871
871
|
padding: var(--m-card-subtitle-padding-y) var(--m-card-subtitle-padding-x);
|
|
872
872
|
|
|
873
873
|
color: ${jt("color-text-tertiary")};
|
|
874
874
|
}
|
|
875
|
-
`],window.customElements.define("m-card-subtitle",Ce);class We extends at{static get properties(){return{slot:{type:String}}}
|
|
875
|
+
`],window.customElements.define("m-card-subtitle",Ce);class We extends at{static get properties(){return{slot:{type:String}}}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","title")}render(){return x`
|
|
876
876
|
<div class="m-card-title">
|
|
877
877
|
<slot name="leading"></slot>
|
|
878
878
|
<slot></slot>
|
|
879
879
|
</div>
|
|
880
|
-
`}}We.styles=[
|
|
880
|
+
`}}We.styles=[X`
|
|
881
881
|
:host {
|
|
882
882
|
--m-card-title-padding-x: ${Mt("spacing-4")};
|
|
883
883
|
--m-card-title-padding-top: ${Mt("spacing-4")};
|
|
@@ -886,7 +886,7 @@ const fe="important",$e=" !"+fe,ye=ht(class extends ut{constructor(t){var e;if(s
|
|
|
886
886
|
.m-card-title {
|
|
887
887
|
padding: var(--m-card-title-padding-top) var(--m-card-title-padding-x) 0;
|
|
888
888
|
|
|
889
|
-
${
|
|
889
|
+
${Pt("heading-sm-bold")};
|
|
890
890
|
color: ${jt("color-text-primary")};
|
|
891
891
|
}
|
|
892
892
|
|
|
@@ -898,11 +898,11 @@ const fe="important",$e=" !"+fe,ye=ht(class extends ut{constructor(t){var e;if(s
|
|
|
898
898
|
pointer-events: none;
|
|
899
899
|
margin-inline-end: ${Mt("spacing-1")};
|
|
900
900
|
}
|
|
901
|
-
`],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 at{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,
|
|
902
|
-
<label for="${
|
|
901
|
+
`],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 at{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,i=new CustomEvent("m-change",{cancelable:!1,composed:!1,bubbles:!0,detail:{checked:e.checked,indeterminate:e.indeterminate}});this.dispatchEvent(i),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`
|
|
902
|
+
<label for="${dt(this.id)}" class="check-input-label">
|
|
903
903
|
<input
|
|
904
|
-
id="${
|
|
905
|
-
name="${
|
|
904
|
+
id="${dt(this.id)}"
|
|
905
|
+
name="${dt(this.name)}"
|
|
906
906
|
type="checkbox"
|
|
907
907
|
class="check-input"
|
|
908
908
|
?disabled="${this.disabled}"
|
|
@@ -914,14 +914,14 @@ const fe="important",$e=" !"+fe,ye=ht(class extends ut{constructor(t){var e;if(s
|
|
|
914
914
|
<slot name="leading"></slot>
|
|
915
915
|
<slot></slot>
|
|
916
916
|
</label>
|
|
917
|
-
`}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=[
|
|
917
|
+
`}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=[X`
|
|
918
918
|
${Gt.focus(".check-input-label")} {
|
|
919
919
|
border-radius: 2px;
|
|
920
920
|
outline: 1px solid ${jt("color-primary-60")};
|
|
921
921
|
}
|
|
922
922
|
|
|
923
923
|
.check-input-label {
|
|
924
|
-
${
|
|
924
|
+
${Pt("body-md")};
|
|
925
925
|
|
|
926
926
|
gap: ${Mt("spacing-1")};
|
|
927
927
|
align-items: center;
|
|
@@ -948,7 +948,7 @@ const fe="important",$e=" !"+fe,ye=ht(class extends ut{constructor(t){var e;if(s
|
|
|
948
948
|
border-color: ${jt("color-border")};
|
|
949
949
|
border-width: ${Mt("border-thin")};
|
|
950
950
|
margin: 0;
|
|
951
|
-
${
|
|
951
|
+
${Lt([{property:"border",...Me},{property:"background",...Me}])};
|
|
952
952
|
}
|
|
953
953
|
|
|
954
954
|
.check-input:indeterminate,
|
|
@@ -957,13 +957,13 @@ const fe="important",$e=" !"+fe,ye=ht(class extends ut{constructor(t){var e;if(s
|
|
|
957
957
|
border-color: ${jt("color-primary-60")};
|
|
958
958
|
}
|
|
959
959
|
|
|
960
|
-
${
|
|
960
|
+
${Dt(".check-input")} {
|
|
961
961
|
background: ${jt("color-background-tertiary")};
|
|
962
962
|
cursor: not-allowed;
|
|
963
963
|
}
|
|
964
964
|
|
|
965
|
-
${
|
|
966
|
-
${
|
|
965
|
+
${Dt(".check-input:indeterminate")},
|
|
966
|
+
${Dt(".check-input:checked")} {
|
|
967
967
|
background: ${jt("color-neutral-40")};
|
|
968
968
|
border-color: ${jt("color-neutral-40")};
|
|
969
969
|
}
|
|
@@ -1008,7 +1008,7 @@ const fe="important",$e=" !"+fe,ye=ht(class extends ut{constructor(t){var e;if(s
|
|
|
1008
1008
|
* Copyright 2021 Google LLC
|
|
1009
1009
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1010
1010
|
*/
|
|
1011
|
-
let _e=class extends Event{constructor(t,e,
|
|
1011
|
+
let _e=class extends Event{constructor(t,e,i){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=e,this.subscribe=i}};
|
|
1012
1012
|
/**
|
|
1013
1013
|
* @license
|
|
1014
1014
|
* Copyright 2021 Google LLC
|
|
@@ -1019,23 +1019,23 @@ let _e=class extends Event{constructor(t,e,o){super("context-request",{bubbles:!
|
|
|
1019
1019
|
* Copyright 2021 Google LLC
|
|
1020
1020
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1021
1021
|
*/
|
|
1022
|
-
let
|
|
1022
|
+
let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,this.subscribe=o,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))}},Te=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 i=e||!Object.is(t,this.t);this.t=t,i&&this.updateObservers()}addCallback(t,e){e&&(this.callbacks.has(t)||this.callbacks.set(t,(()=>{this.callbacks.delete(t)}))),t(this.value)}clearCallbacks(){this.callbacks.clear()}},Oe=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}},Ue=class extends Te{constructor(t,e,i){super(i),this.host=t,this.context=e,this.onContextRequest=t=>{t.context===this.context&&t.composedPath()[0]!==this.host&&(t.stopPropagation(),this.addCallback(t.callback,t.subscribe))},this.attachListeners(),this.host.addController(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest)}hostConnected(){this.host.dispatchEvent(new Oe(this.context))}},qe=!1;
|
|
1023
1023
|
/**
|
|
1024
1024
|
* @license
|
|
1025
1025
|
* Copyright 2021 Google LLC
|
|
1026
1026
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1027
|
-
*/function Ne(){if(
|
|
1027
|
+
*/function Ne(){if(qe)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 i=e.element,o=e.callback;i&&i.dispatchEvent(new _e(t.context,o,!0))})))},this.onContextRequest=t=>{if(!t.subscribe)return;const e={element:t.target,callback:t.callback};let i=this.pendingContextRequests.get(t.context);i||(i=new Set,this.pendingContextRequests.set(t.context,i)),i.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),qe=!0}async function Le(t,e){const i=t.getAnimations(e).map((({finished:t})=>t));await Promise.allSettled(i)}const Pe=Symbol("dialog");var De,Ge,Ie,Ve,Je,He,Xe,Ye;Ne();class Ze extends ne{static get properties(){return{open:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},variant:{type:String,reflect:!0}}}constructor(){super(),De.add(this),Ge.set(this,new Ue(this,Pe,{variant:"neutral"})),this.open=!1,this.size="small",this.variant="neutral"}render(){return x`
|
|
1028
1028
|
<dialog
|
|
1029
1029
|
class="${gt({"-size-small":"small"===this.size||!this.size,"-size-medium":"medium"===this.size,"-size-large":"large"===this.size,"-size-extra-large":"extra-large"===this.size})}"
|
|
1030
|
-
@click=${t(this,
|
|
1031
|
-
@cancel=${t(this,
|
|
1030
|
+
@click=${t(this,De,"m",Xe)}
|
|
1031
|
+
@cancel=${t(this,De,"m",Ye)}
|
|
1032
1032
|
>
|
|
1033
1033
|
<slot name="header"></slot>
|
|
1034
1034
|
<slot name="body"></slot>
|
|
1035
1035
|
<slot name="footer"></slot>
|
|
1036
1036
|
<slot name="actions"></slot>
|
|
1037
1037
|
</dialog>
|
|
1038
|
-
`}updated(e){var
|
|
1038
|
+
`}updated(e){var i;super.updated(e),e.has("variant")&&t(this,Ge,"f").setValue({variant:null!==(i=this.variant)&&void 0!==i?i:"neutral"}),e.has("open")&&t(this,De,"m",Ve).call(this,e.get("open"))}show(){this.open=!0}hide(){this.open=!1}}Ge=new WeakMap,De=new WeakSet,Ie=function(){var t;return null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector("dialog")},Ve=async function(e){const i=t(this,De,"a",Ie);i&&(!e&&this.open?(this.style.display="block",t(this,De,"m",Je).call(this,"m-opening"),i.showModal(),await Le(i),t(this,De,"m",Je).call(this,"m-opened")):e&&!this.open?(t(this,De,"m",Je).call(this,"m-closing"),i.classList.add("is-hiding"),await Le(i),i.classList.remove("is-hiding"),i.close(),t(this,De,"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")},Xe=function(e){var i;const o=e.target instanceof HTMLDialogElement,r=null===(i=t(this,De,"a",Ie))||void 0===i?void 0:i.getBoundingClientRect();if(o&&r){(e.clientY<r.top||e.clientY>r.bottom||e.clientX<r.left||e.clientX>r.right)&&(e.preventDefault(),e.stopPropagation(),t(this,De,"m",He).call(this))}},Ye=function(e){e.preventDefault(),t(this,De,"m",He).call(this)},Ze.styles=[X`
|
|
1039
1039
|
:host {
|
|
1040
1040
|
--margin: ${Mt("spacing-6")};
|
|
1041
1041
|
--padding: ${Mt("spacing-6")};
|
|
@@ -1057,7 +1057,7 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1057
1057
|
width: auto;
|
|
1058
1058
|
max-height: calc(100% - var(--margin));
|
|
1059
1059
|
|
|
1060
|
-
${
|
|
1060
|
+
${Lt([{property:"max-width"}])}
|
|
1061
1061
|
}
|
|
1062
1062
|
|
|
1063
1063
|
dialog[open] {
|
|
@@ -1128,11 +1128,30 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1128
1128
|
opacity: 0;
|
|
1129
1129
|
}
|
|
1130
1130
|
}
|
|
1131
|
-
`],window.customElements.define("m-dialog",
|
|
1131
|
+
`],window.customElements.define("m-dialog",Ze);const Fe=["small","medium","large","extra-large"],Ke=["neutral","success","warning","danger"];var Qe;class ti extends Kt{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 Re(this,Pe,t(this,Qe,"f"),!0)}}Qe=new WeakMap,window.customElements.define("m-dialog-action-primary",ti);class ei extends Kt{constructor(){super(),this.type="button",this.variant="secondary"}}window.customElements.define("m-dialog-action-secondary",ei);class ii extends Kt{constructor(){super(),this.type="button",this.variant="tertiary"}}function oi(t,e){var i;const o=e?yt(e):"";return t&&null!==(i="none"===t?"0":yt(t))&&void 0!==i?i:o}window.customElements.define("m-dialog-action-tertiary",ii);const ri={gap:"spacing-4",align:"stretch",justify:"flex-start"};var ni,si,ai;class li extends at{constructor(){super(...arguments),ni.set(this,((t,e)=>{e?this.style.setProperty(t,oi(e)):this.style.removeProperty(t)}))}static get properties(){return{padding:{type:String},paddingX:{type:String,attribute:"padding-x"},paddingY:{type:String,attribute:"padding-y"},paddingT:{type:String,attribute:"padding-t"},paddingB:{type:String,attribute:"padding-b"},paddingL:{type:String,attribute:"padding-l"},paddingR:{type:String,attribute:"padding-r"}}}update(e){super.update(e),e.has("padding")&&this.style.setProperty("--m-layout-padding",oi(this.padding)),e.has("paddingX")&&t(this,ni,"f").call(this,"--m-layout-padding-x",this.paddingX),e.has("paddingY")&&t(this,ni,"f").call(this,"--m-layout-padding-y",this.paddingY),e.has("paddingT")&&t(this,ni,"f").call(this,"--m-layout-padding-t",this.paddingT),e.has("paddingB")&&t(this,ni,"f").call(this,"--m-layout-padding-b",this.paddingB),e.has("paddingL")&&t(this,ni,"f").call(this,"--m-layout-padding-l",this.paddingL),e.has("paddingR")&&t(this,ni,"f").call(this,"--m-layout-padding-r",this.paddingR)}render(){return x`<slot></slot>`}}ni=new WeakMap,li.styles=[X`
|
|
1132
1132
|
:host {
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1133
|
+
padding-block-start: var(
|
|
1134
|
+
--m-layout-padding-t,
|
|
1135
|
+
var(--m-layout-padding-y, var(--m-layout-padding, 0))
|
|
1136
|
+
);
|
|
1137
|
+
padding-block-end: var(
|
|
1138
|
+
--m-layout-padding-b,
|
|
1139
|
+
var(--m-layout-padding-y, var(--m-layout-padding, 0))
|
|
1140
|
+
);
|
|
1141
|
+
padding-inline-start: var(
|
|
1142
|
+
--m-layout-padding-l,
|
|
1143
|
+
var(--m-layout-padding-x, var(--m-layout-padding, 0))
|
|
1144
|
+
);
|
|
1145
|
+
padding-inline-end: var(
|
|
1146
|
+
--m-layout-padding-r,
|
|
1147
|
+
var(--m-layout-padding-x, var(--m-layout-padding, 0))
|
|
1148
|
+
);
|
|
1149
|
+
}
|
|
1150
|
+
`];class di extends(ai=li){static get properties(){return{...super.properties,gap:{type:String},align:{type:String},justify:{type:String}}}constructor(){super(),this.gap=ri.gap,this.align=ri.align,this.justify=ri.justify}update(t){this.style.setProperty("--m-group-gap",oi(this.gap,ri.gap)),this.style.setProperty("--m-group-align",this.align||ri.align),this.style.setProperty("--m-group-justify",this.justify||ri.justify),super.update(t)}render(){return x`<slot></slot>`}}si=di,di.styles=[...Reflect.get(ai,"styles",si),X`
|
|
1151
|
+
:host {
|
|
1152
|
+
--m-group-gap: ${Mt(ri.gap)};
|
|
1153
|
+
--m-group-align: ${H(ri.align)};
|
|
1154
|
+
--m-group-justify: ${H(ri.justify)};
|
|
1136
1155
|
|
|
1137
1156
|
display: flex;
|
|
1138
1157
|
flex-wrap: wrap;
|
|
@@ -1140,25 +1159,24 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1140
1159
|
align-items: var(--m-group-align);
|
|
1141
1160
|
justify-content: var(--m-group-justify);
|
|
1142
1161
|
}
|
|
1143
|
-
`],window.customElements.define("m-group",
|
|
1162
|
+
`],window.customElements.define("m-group",di);class ci extends di{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",ci);class hi extends at{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","body")}render(){return x`<slot></slot>`}}hi.styles=[X`
|
|
1144
1163
|
:host {
|
|
1145
1164
|
overflow-y: auto;
|
|
1146
1165
|
overscroll-behavior: contain;
|
|
1147
1166
|
|
|
1148
|
-
${
|
|
1167
|
+
${Pt("body-md")};
|
|
1149
1168
|
}
|
|
1150
|
-
`],window.customElements.define("m-dialog-body",
|
|
1169
|
+
`],window.customElements.define("m-dialog-body",hi);class ui extends me{constructor(){super(),this.size="large"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","close")}}window.customElements.define("m-dialog-close",ui);class gi extends at{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","footer")}render(){return x`<slot></slot>`}}window.customElements.define("m-dialog-footer",gi);const pi=["center","flex-start","flex-end","stretch"],bi=["center","flex-start","flex-end","space-between","space-around","space-evenly"],mi={padding:"spacing-4",borderRadius:"border-radius-s",borderWidth:"border-none",borderColor:"color-background-highlight",textAlign:"left"};var fi,$i;class yi extends($i=li){static get properties(){return{...super.properties,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=mi.padding,this.borderRadius=mi.borderRadius,this.borderWidth=mi.borderWidth,this.borderColor=mi.borderColor,this.textAlign=mi.textAlign}update(t){var e,i,o,r;super.update(t),t.has("backgroundColor")&&this.style.setProperty("--m-box-background-color",null!==(e=this.backgroundColor&&yt(this.backgroundColor))&&void 0!==e?e:"transparent"),t.has("borderRadius")&&this.style.setProperty("--m-box-border-radius",null!==(i=this.borderRadius&&yt(this.borderRadius))&&void 0!==i?i:yt(mi.borderRadius)),t.has("borderWidth")&&this.style.setProperty("--m-box-border-width",null!==(o=this.borderWidth&&yt(this.borderWidth))&&void 0!==o?o:yt(mi.borderWidth)),t.has("borderColor")&&this.style.setProperty("--m-box-border-color",null!==(r=this.borderColor&&yt(this.borderColor))&&void 0!==r?r:yt(mi.borderColor)),t.has("textAlign")&&this.style.setProperty("--m-box-text-align",this.textAlign||mi.textAlign)}render(){return x`<slot></slot>`}}fi=yi,yi.styles=[...Reflect.get($i,"styles",fi),X`
|
|
1151
1170
|
:host {
|
|
1152
|
-
--m-
|
|
1171
|
+
--m-layout-padding: ${Mt(mi.padding)};
|
|
1153
1172
|
--m-box-background-color: transparent;
|
|
1154
|
-
--m-box-border-radius: ${Mt(
|
|
1155
|
-
--m-box-border-width: ${Mt(
|
|
1156
|
-
--m-box-border-color: ${jt(
|
|
1157
|
-
--m-box-text-align: ${H(
|
|
1173
|
+
--m-box-border-radius: ${Mt(mi.borderRadius)};
|
|
1174
|
+
--m-box-border-width: ${Mt(mi.borderWidth)};
|
|
1175
|
+
--m-box-border-color: ${jt(mi.borderColor)};
|
|
1176
|
+
--m-box-text-align: ${H(mi.textAlign)};
|
|
1158
1177
|
|
|
1159
1178
|
box-sizing: border-box;
|
|
1160
1179
|
|
|
1161
|
-
padding: var(--m-box-padding);
|
|
1162
1180
|
background-color: var(--m-box-background-color);
|
|
1163
1181
|
border-radius: var(--m-box-border-radius);
|
|
1164
1182
|
border-style: solid;
|
|
@@ -1166,11 +1184,11 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1166
1184
|
border-color: var(--m-box-border-color);
|
|
1167
1185
|
text-align: var(--m-box-text-align);
|
|
1168
1186
|
}
|
|
1169
|
-
`],window.customElements.define("m-box",
|
|
1187
|
+
`],window.customElements.define("m-box",yi);const vi={gap:"spacing-4",align:"stretch",justify:"flex-start"};var wi,xi;class ki extends(xi=li){static get properties(){return{...super.properties,gap:{type:String},align:{type:String},justify:{type:String}}}constructor(){super(),this.gap=vi.gap,this.align=vi.align,this.justify=vi.justify}update(t){this.style.setProperty("--m-stack-gap",oi(this.gap,vi.gap)),this.style.setProperty("--m-stack-align",this.align||vi.align),this.style.setProperty("--m-stack-justify",this.justify||vi.justify),super.update(t)}render(){return x`<slot></slot>`}}wi=ki,ki.styles=[...Reflect.get(xi,"styles",wi),X`
|
|
1170
1188
|
:host {
|
|
1171
|
-
--m-stack-gap: ${Mt(
|
|
1172
|
-
--m-stack-align: ${H(
|
|
1173
|
-
--m-stack-justify: ${H(
|
|
1189
|
+
--m-stack-gap: ${Mt(vi.gap)};
|
|
1190
|
+
--m-stack-align: ${H(vi.align)};
|
|
1191
|
+
--m-stack-justify: ${H(vi.justify)};
|
|
1174
1192
|
|
|
1175
1193
|
display: flex;
|
|
1176
1194
|
flex-direction: column;
|
|
@@ -1179,10 +1197,10 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1179
1197
|
align-items: var(--m-stack-align);
|
|
1180
1198
|
justify-content: var(--m-stack-justify);
|
|
1181
1199
|
}
|
|
1182
|
-
`],window.customElements.define("m-stack",
|
|
1200
|
+
`],window.customElements.define("m-stack",ki);const zi={gap:"spacing-4",minColumnWidth:vt("spacing-30")};var Si,Ci;class Wi extends(Ci=li){static get properties(){return{...super.properties,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=zi.gap,this.minColumnWidth=zi.minColumnWidth}update(t){t.has("gap")&&this.style.setProperty("--m-grid-gap",oi(this.gap,zi.gap)),t.has("rowGap")&&(this.rowGap?this.style.setProperty("--m-grid-row-gap",oi(this.rowGap)):this.style.removeProperty("--m-grid-row-gap")),t.has("columnGap")&&(this.columnGap?this.style.setProperty("--m-grid-column-gap",oi(this.columnGap)):this.style.removeProperty("--m-grid-column-gap")),t.has("minColumnWidth")&&this.style.setProperty("--m-grid-min-column-width",this.minColumnWidth||zi.minColumnWidth),super.update(t)}render(){return x`<slot></slot>`}}Si=Wi,Wi.styles=[...Reflect.get(Ci,"styles",Si),X`
|
|
1183
1201
|
:host {
|
|
1184
|
-
--m-grid-gap: ${Mt(
|
|
1185
|
-
--m-grid-min-column-width: ${H(
|
|
1202
|
+
--m-grid-gap: ${Mt(zi.gap)};
|
|
1203
|
+
--m-grid-min-column-width: ${H(zi.minColumnWidth)};
|
|
1186
1204
|
|
|
1187
1205
|
display: grid;
|
|
1188
1206
|
|
|
@@ -1194,15 +1212,15 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1194
1212
|
minmax(min(var(--m-grid-min-column-width), 100%), 1fr)
|
|
1195
1213
|
);
|
|
1196
1214
|
}
|
|
1197
|
-
`],window.customElements.define("m-grid"
|
|
1215
|
+
`],window.customElements.define("m-grid",Wi);const Mi={gap:"spacing-4",sideWidth:"auto",minContentWidth:"50%",reversed:!1};function ji(t){return t?"row-reverse":"row"}var Ai,Bi;class Ei extends(Bi=li){static get properties(){return{...super.properties,gap:{type:String},sideWidth:{type:String,attribute:"side-width"},minContentWidth:{type:String,attribute:"min-content-width"},reversed:{type:Boolean}}}constructor(){super(),this.gap=Mi.gap,this.sideWidth=Mi.sideWidth,this.minContentWidth=Mi.minContentWidth,this.reversed=Mi.reversed}update(t){t.has("gap")&&this.style.setProperty("--m-sidebar-gap",oi(this.gap,Mi.gap)),t.has("sideWidth")&&this.style.setProperty("--m-sidebar-side-width",this.sideWidth||Mi.sideWidth),t.has("minContentWidth")&&this.style.setProperty("--m-sidebar-min-content-width",this.minContentWidth||Mi.minContentWidth),t.has("reversed")&&this.style.setProperty("--m-sidebar-flex-direction",ji(this.reversed)),super.update(t)}render(){return x`
|
|
1198
1216
|
<slot name="sidebar"></slot>
|
|
1199
1217
|
<slot name="content"></slot>
|
|
1200
|
-
`}}
|
|
1218
|
+
`}}Ai=Ei,Ei.styles=[...Reflect.get(Bi,"styles",Ai),X`
|
|
1201
1219
|
:host {
|
|
1202
|
-
--m-sidebar-gap: ${Mt(
|
|
1203
|
-
--m-sidebar-flex-direction: ${H(
|
|
1204
|
-
--m-sidebar-side-width: ${H(
|
|
1205
|
-
--m-sidebar-min-content-width: ${H(
|
|
1220
|
+
--m-sidebar-gap: ${Mt(Mi.gap)};
|
|
1221
|
+
--m-sidebar-flex-direction: ${H(ji(Mi.reversed))};
|
|
1222
|
+
--m-sidebar-side-width: ${H(Mi.sideWidth)};
|
|
1223
|
+
--m-sidebar-min-content-width: ${H(Mi.minContentWidth)};
|
|
1206
1224
|
|
|
1207
1225
|
display: flex;
|
|
1208
1226
|
flex-wrap: wrap;
|
|
@@ -1221,7 +1239,7 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1221
1239
|
flex-grow: 999;
|
|
1222
1240
|
min-width: var(--m-sidebar-min-content-width);
|
|
1223
1241
|
}
|
|
1224
|
-
`],window.customElements.define("m-sidebar",
|
|
1242
|
+
`],window.customElements.define("m-sidebar",Ei);const _i={gap:"spacing-4",threshold:"10rem"};var Ri,Ti,Oi,Ui,qi;class Ni extends(Ti=li){static get properties(){return{...super.properties,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=_i.gap,this.threshold=_i.threshold}update(t){super.update(t),t.has("gap")&&this.style.setProperty("--m-switcher-gap",oi(this.gap,_i.gap)),t.has("rowGap")&&(this.rowGap?this.style.setProperty("--m-switcher-row-gap",oi(this.rowGap)):this.style.removeProperty("--m-switcher-row-gap")),t.has("columnGap")&&(this.columnGap?this.style.setProperty("--m-switcher-column-gap",oi(this.columnGap)):this.style.removeProperty("--m-switcher-column-gap")),t.has("threshold")&&this.style.setProperty("--m-switcher-threshold",this.threshold||_i.threshold)}render(){const t=this.limit?x`
|
|
1225
1243
|
<style>
|
|
1226
1244
|
::slotted(*:nth-last-child(n + ${this.limit+1})) {
|
|
1227
1245
|
flex-basis: 100%;
|
|
@@ -1233,10 +1251,10 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1233
1251
|
`:"";return x`
|
|
1234
1252
|
${t}
|
|
1235
1253
|
<slot></slot>
|
|
1236
|
-
`}}
|
|
1254
|
+
`}}Ri=Ni,Ni.styles=[...Reflect.get(Ti,"styles",Ri),X`
|
|
1237
1255
|
:host {
|
|
1238
|
-
--m-switcher-gap: ${Mt(
|
|
1239
|
-
--m-switcher-threshold: ${H(
|
|
1256
|
+
--m-switcher-gap: ${Mt(_i.gap)};
|
|
1257
|
+
--m-switcher-threshold: ${H(_i.threshold)};
|
|
1240
1258
|
|
|
1241
1259
|
display: flex;
|
|
1242
1260
|
flex-wrap: wrap;
|
|
@@ -1249,24 +1267,24 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1249
1267
|
flex-basis: calc((var(--m-switcher-threshold) - 100%) * 999);
|
|
1250
1268
|
flex-grow: 1;
|
|
1251
1269
|
}
|
|
1252
|
-
`],window.customElements.define("m-switcher",
|
|
1270
|
+
`],window.customElements.define("m-switcher",Ni);class Li extends ne{constructor(){super(),Oi.add(this),Ui.set(this,void 0),e(this,Ui,new Re(this,Pe,void 0,!0),"f")}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","header")}render(){return x`
|
|
1253
1271
|
<m-group gap="spacing-6" align="center">
|
|
1254
1272
|
<m-group gap="spacing-1" align="center" style="flex-grow: 1;">
|
|
1255
|
-
${t(this,
|
|
1273
|
+
${t(this,Oi,"a",qi)}
|
|
1256
1274
|
<h1><slot></slot></h1>
|
|
1257
1275
|
</m-group>
|
|
1258
1276
|
<slot name="close"></slot>
|
|
1259
1277
|
</m-group>
|
|
1260
|
-
`}}
|
|
1261
|
-
<m-icon name=${
|
|
1262
|
-
`},
|
|
1278
|
+
`}}Ui=new WeakMap,Oi=new WeakSet,qi=function(){const{value:e}=t(this,Ui,"f");let i,o;switch(null==e?void 0:e.variant){case"danger":i="attention",o="color-danger-60";break;case"warning":i="alert-circle",o="color-warning-60";break;case"success":i="check",o="color-success-60";break;default:return z}return x`
|
|
1279
|
+
<m-icon name=${i} color=${o} size="24" aria-hidden="true"></m-icon>
|
|
1280
|
+
`},Li.styles=[X`
|
|
1263
1281
|
h1 {
|
|
1264
1282
|
margin: 0;
|
|
1265
1283
|
padding: 0;
|
|
1266
1284
|
|
|
1267
|
-
${
|
|
1285
|
+
${Pt("heading-md-bold")};
|
|
1268
1286
|
}
|
|
1269
|
-
`],window.customElements.define("m-dialog-header",
|
|
1287
|
+
`],window.customElements.define("m-dialog-header",Li);class Pi extends at{render(){return x` <hr class="m-divider" /> `}}Pi.styles=[X`
|
|
1270
1288
|
.m-divider {
|
|
1271
1289
|
border: 0;
|
|
1272
1290
|
border-block-end: solid 1px ${jt("color-divider")};
|
|
@@ -1279,13 +1297,13 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1279
1297
|
var(--m-divider-margin-y, 0)
|
|
1280
1298
|
);
|
|
1281
1299
|
}
|
|
1282
|
-
`],window.customElements.define("m-divider",
|
|
1300
|
+
`],window.customElements.define("m-divider",Pi);const Di="field";var Gi,Ii,Vi,Ji,Hi;class Xi extends ne{static get properties(){return{status:{type:String},slot:{type:String}}}constructor(){super(),Gi.add(this),this.field=new Re(this,Di,void 0,!0),this.slot="hint"}render(){const e={"-status-default":"default"===t(this,Gi,"m",Ii).call(this),"-status-danger":"danger"===t(this,Gi,"m",Ii).call(this)};return x` <m-group
|
|
1283
1301
|
gap="spacing-0-5"
|
|
1284
1302
|
align="center"
|
|
1285
1303
|
class=${gt(e)}
|
|
1286
1304
|
>
|
|
1287
1305
|
<slot name="leading"
|
|
1288
|
-
>${"danger"===t(this,
|
|
1306
|
+
>${"danger"===t(this,Gi,"m",Ii).call(this)?x`<m-icon
|
|
1289
1307
|
name="attention"
|
|
1290
1308
|
size="10"
|
|
1291
1309
|
color="color-danger-60"
|
|
@@ -1295,13 +1313,13 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1295
1313
|
class=${gt({hint:!0,...e})}
|
|
1296
1314
|
><slot></slot>
|
|
1297
1315
|
</span>
|
|
1298
|
-
</m-group>`}}
|
|
1316
|
+
</m-group>`}}Gi=new WeakSet,Ii=function(){var t;return this.status||(null===(t=this.field.value)||void 0===t?void 0:t.status)},Xi.styles=[[X`
|
|
1299
1317
|
:host {
|
|
1300
1318
|
--m-field-hint-color: ${jt("color-text-tertiary")};
|
|
1301
1319
|
}
|
|
1302
1320
|
|
|
1303
1321
|
m-group {
|
|
1304
|
-
${
|
|
1322
|
+
${Ot(Mt("spacing-2"))};
|
|
1305
1323
|
}
|
|
1306
1324
|
|
|
1307
1325
|
.-status-danger {
|
|
@@ -1309,14 +1327,14 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1309
1327
|
}
|
|
1310
1328
|
|
|
1311
1329
|
.hint {
|
|
1312
|
-
${
|
|
1330
|
+
${Pt("body-sm")};
|
|
1313
1331
|
color: var(--m-field-hint-color);
|
|
1314
1332
|
}
|
|
1315
|
-
`]],window.customElements.define("m-field-hint",
|
|
1316
|
-
class=${gt({label:!0,"-size-default":"default"===t(this,
|
|
1333
|
+
`]],window.customElements.define("m-field-hint",Xi);class Yi extends ne{static get properties(){return{required:{type:Boolean},size:{type:String},slot:{type:String}}}constructor(){super(),Vi.add(this),this.field=new Re(this,Di,void 0,!0),this.slot="hint"}render(){return x`<label
|
|
1334
|
+
class=${gt({label:!0,"-size-default":"default"===t(this,Vi,"m",Ji).call(this),"-size-small":"small"===t(this,Vi,"m",Ji).call(this)})}
|
|
1317
1335
|
><slot></slot>
|
|
1318
|
-
${t(this,
|
|
1319
|
-
</label>`}}
|
|
1336
|
+
${t(this,Vi,"m",Hi).call(this)?x`<span class="required">*</span>`:z}
|
|
1337
|
+
</label>`}}Vi=new WeakSet,Ji=function(){var t;return this.size||(null===(t=this.field.value)||void 0===t?void 0:t.size)},Hi=function(){var t;return null!=this.required?this.required:Boolean(null===(t=this.field.value)||void 0===t?void 0:t.required)},Yi.styles=[[X`
|
|
1320
1338
|
:host {
|
|
1321
1339
|
display: flex;
|
|
1322
1340
|
align-items: center;
|
|
@@ -1325,7 +1343,7 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1325
1343
|
}
|
|
1326
1344
|
|
|
1327
1345
|
.label {
|
|
1328
|
-
${
|
|
1346
|
+
${Pt("body-md")};
|
|
1329
1347
|
|
|
1330
1348
|
display: inline-flex;
|
|
1331
1349
|
align-items: center;
|
|
@@ -1338,7 +1356,7 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1338
1356
|
}
|
|
1339
1357
|
|
|
1340
1358
|
.required {
|
|
1341
|
-
${
|
|
1359
|
+
${Pt("body-md")};
|
|
1342
1360
|
|
|
1343
1361
|
color: ${jt("color-text-error")};
|
|
1344
1362
|
|
|
@@ -1349,22 +1367,22 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1349
1367
|
|
|
1350
1368
|
.label.-size-small,
|
|
1351
1369
|
.label.-size-small .required {
|
|
1352
|
-
${
|
|
1370
|
+
${Pt("body-sm")};
|
|
1353
1371
|
}
|
|
1354
|
-
`]],window.customElements.define("m-field-label",
|
|
1372
|
+
`]],window.customElements.define("m-field-label",Yi),Ne();class Zi 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 Ue(this,Di,{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">
|
|
1355
1373
|
${this.label?x`<m-field-label>${this.label}</m-field-label>`:x`<slot name="label"></slot>`}
|
|
1356
1374
|
|
|
1357
1375
|
<slot></slot>
|
|
1358
1376
|
|
|
1359
1377
|
${this.hint?x`<m-field-hint>${this.hint}</m-field-hint>`:x`<slot name="hint"></slot>`}
|
|
1360
|
-
</m-stack>`}}window.customElements.define("m-field",
|
|
1378
|
+
</m-stack>`}}window.customElements.define("m-field",Zi);const Fi=["default","danger"];var Ki,Qi,to;class eo extends at{static get properties(){return{variant:{type:String,reflect:!0},value:{type:Number,reflect:!0},max:{type:Number,reflect:!0}}}constructor(){super(),Ki.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,Ki,"a",to)/t(this,Ki,"a",Qi)}get currentVariant(){return this.variant}render(){return x`
|
|
1361
1379
|
<div class="bar">
|
|
1362
1380
|
<span
|
|
1363
1381
|
class=${gt({progress:!0,"-default":"default"===this.currentVariant,"-success":"success"===this.currentVariant,"-warning":"warning"===this.currentVariant,"-danger":"danger"===this.currentVariant})}
|
|
1364
1382
|
style=${ye({width:`${this.percentage}%`})}
|
|
1365
1383
|
></span>
|
|
1366
1384
|
</div>
|
|
1367
|
-
`}}
|
|
1385
|
+
`}}Ki=new WeakSet,Qi=function(){return this.max<=0?100:this.max},to=function(){return e=this.value,i=0,o=t(this,Ki,"a",Qi),Math.min(Math.max(i,e),o);var e,i,o},eo.styles=[X`
|
|
1368
1386
|
.bar {
|
|
1369
1387
|
display: flex;
|
|
1370
1388
|
flex-grow: 0;
|
|
@@ -1387,7 +1405,7 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1387
1405
|
top: 0;
|
|
1388
1406
|
left: 0;
|
|
1389
1407
|
|
|
1390
|
-
${
|
|
1408
|
+
${Lt([{property:"width"},{property:"background"}])};
|
|
1391
1409
|
|
|
1392
1410
|
height: ${le("8px")};
|
|
1393
1411
|
|
|
@@ -1415,7 +1433,7 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1415
1433
|
.-danger {
|
|
1416
1434
|
--m-progress-bar-progress-background: ${jt("color-danger-60")};
|
|
1417
1435
|
}
|
|
1418
|
-
`],window.customElements.define("m-progress-bar",
|
|
1436
|
+
`],window.customElements.define("m-progress-bar",eo);class io extends eo{get currentVariant(){return this.percentage>=66?"success":this.percentage>=33?"warning":"danger"}}window.customElements.define("m-progress-bar-countdown",io);const oo="m-check";var ro,no,so,ao,lo;class co extends at{static get properties(){return{value:{type:String},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0}}}constructor(){super(),ro.add(this),so.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(oo,e))})),ao.set(this,(()=>{this.setAttribute("aria-disabled",String(this.disabled))})),lo.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,so,"f"))}updated(e){super.updated(e),e.has("disabled")&&t(this,ao,"f").call(this),e.has("checked")&&t(this,lo,"f").call(this)}render(){return x`
|
|
1419
1437
|
<button
|
|
1420
1438
|
type="button"
|
|
1421
1439
|
class="radio-button"
|
|
@@ -1427,7 +1445,7 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1427
1445
|
<slot name="leading"></slot>
|
|
1428
1446
|
<slot></slot>
|
|
1429
1447
|
</button>
|
|
1430
|
-
`}focus(e){var
|
|
1448
|
+
`}focus(e){var i;null===(i=t(this,ro,"a",no))||void 0===i||i.focus(e)}}so=new WeakMap,ao=new WeakMap,lo=new WeakMap,ro=new WeakSet,no=function(){var t,e;return null!==(e=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector("button"))&&void 0!==e?e:null},co.styles=[X`
|
|
1431
1449
|
:host {
|
|
1432
1450
|
--m-radio-border-color: ${jt("color-border")};
|
|
1433
1451
|
--m-radio-dot-check-color: ${jt("color-primary-60")};
|
|
@@ -1440,7 +1458,7 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1440
1458
|
}
|
|
1441
1459
|
|
|
1442
1460
|
.radio-button {
|
|
1443
|
-
${
|
|
1461
|
+
${Pt("body-md")};
|
|
1444
1462
|
color: var(--m-radio-label-color);
|
|
1445
1463
|
|
|
1446
1464
|
border: none;
|
|
@@ -1451,7 +1469,7 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1451
1469
|
gap: ${Mt("spacing-1")};
|
|
1452
1470
|
align-items: center;
|
|
1453
1471
|
border-radius: ${Mt("border-radius-s")};
|
|
1454
|
-
${
|
|
1472
|
+
${Lt({property:"color"})};
|
|
1455
1473
|
}
|
|
1456
1474
|
|
|
1457
1475
|
${Gt.focus(".radio-button")} {
|
|
@@ -1470,7 +1488,7 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1470
1488
|
position: relative;
|
|
1471
1489
|
display: inline-flex;
|
|
1472
1490
|
|
|
1473
|
-
${
|
|
1491
|
+
${Lt({property:"border-color"})};
|
|
1474
1492
|
}
|
|
1475
1493
|
|
|
1476
1494
|
.radio-button .radio-input::before {
|
|
@@ -1483,7 +1501,7 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1483
1501
|
left: 50%;
|
|
1484
1502
|
display: block;
|
|
1485
1503
|
position: absolute;
|
|
1486
|
-
${
|
|
1504
|
+
${Lt([{property:"background-color"},{property:"height",duration:"120ms"},{property:"width",duration:"120ms"}])};
|
|
1487
1505
|
}
|
|
1488
1506
|
|
|
1489
1507
|
.radio-button[aria-checked='true'] .radio-input::before {
|
|
@@ -1491,17 +1509,17 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1491
1509
|
height: 10px;
|
|
1492
1510
|
}
|
|
1493
1511
|
|
|
1494
|
-
${
|
|
1512
|
+
${Dt(".radio-button")} {
|
|
1495
1513
|
cursor: default;
|
|
1496
1514
|
--m-radio-label-color: ${jt("color-neutral-40")};
|
|
1497
1515
|
--m-radio-background-color: ${jt("color-background-tertiary")};
|
|
1498
1516
|
}
|
|
1499
1517
|
|
|
1500
|
-
${
|
|
1518
|
+
${Dt('.radio-button[aria-checked="true"]',".radio-input")} {
|
|
1501
1519
|
--m-radio-border-color: ${jt("color-border")};
|
|
1502
1520
|
}
|
|
1503
1521
|
|
|
1504
|
-
${
|
|
1522
|
+
${Dt(".radio-button",".radio-input::before")} {
|
|
1505
1523
|
--m-radio-dot-check-color: ${jt("color-neutral-40")};
|
|
1506
1524
|
}
|
|
1507
1525
|
|
|
@@ -1527,16 +1545,16 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1527
1545
|
--m-radio-label-color: ${jt("color-text-primary")};
|
|
1528
1546
|
}
|
|
1529
1547
|
|
|
1530
|
-
${
|
|
1548
|
+
${Dt(".radio-button","*")} {
|
|
1531
1549
|
pointer-event: none;
|
|
1532
1550
|
}
|
|
1533
|
-
`],window.customElements.define("m-radio",
|
|
1551
|
+
`],window.customElements.define("m-radio",co);var ho,uo={};Object.defineProperty(uo,"i",{value:!0});var go=At;const po=(t,e)=>{const i=go.toArray(t);if(0===i.length)return e;const o=new Set;return o.add(String(i.at(-1))),o},bo=(t,e)=>{const i=go.toArray(t);if(0===i.length)return e;const o=new Set(e);for(const t of i)o.add(String(t));return o},mo={type:"single",init:t=>po(t,new Set),select:po,unselect(t,e){const i=go.toArray(t);if(0===i.length||0===e.size)return e;const o=new Set(e);for(const t of i)o.delete(String(t));return o},toggle(t,e){const i=go.toArray(t);if(0===i.length)return e;const o=new Set;for(const t of i){const i=String(t);e.has(i)||(o.clear(),o.add(i))}return o},reset:t=>null==t?new Set:t,value(t){if(null==t||0===t.size)return null;const[e]=Array.from(t);return e}},fo={type:"single-strict",init:t=>po(t,new Set),select:po,unselect(t,e){const i=go.toArray(t);if(0===i.length||0===e.size)return e;const o=new Set(e);for(let t=0;t<i.length&&e.size>1;t++)o.delete(String(i[t]));return o},toggle(t,e){const i=go.toArray(t);if(0===i.length)return e;const o=new Set(e);for(const t of i){const i=String(t);e.has(i)||(o.clear(),o.add(i))}return o},reset:t=>null==t?new Set:t,value(t){if(null==t||0===t.size)return null;const[e]=Array.from(t);return e}},$o={type:"multiple",init:t=>bo(t,new Set),select:bo,unselect(t,e){const i=go.toArray(t);if(0===i.length||0===e.size)return e;const o=new Set(e);for(const t of i)o.delete(String(t));return o},toggle(t,e){const i=go.toArray(t);if(0===i.length)return e;const o=new Set(e);for(const t of i){const i=String(t);e.has(i)?o.delete(i):o.add(i)}return o},reset:t=>null==t?new Set:t,value:t=>null==t||0===t.size?null:Array.from(t)};var yo,vo,wo,xo,ko,zo,So,Co,Wo,Mo,jo,Ao,Bo,Eo;uo.SELECTION_TYPES=["single","single-strict","multiple"],ho=uo.default=function(t){const{type:e="multiple"}=t;return"single"===e?mo:"single-strict"===e?fo:$o};class _o{constructor(e,i,o){yo.add(this),this.disabled=!1,this.event="m-select",vo.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:i}}=t;switch(e){case"select":this.select(Bt(i));break;case"unselect":this.unselect(Bt(i));break;case"toggle":this.toggle(Bt(i))}})),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,yo,"m",wo).call(this)},this.unselect=e=>{this.host.selection=this.strategy.unselect(e,this.host.selection),t(this,yo,"m",wo).call(this)},this.toggle=e=>{this.host.selection=this.strategy.toggle(e,this.host.selection),t(this,yo,"m",wo).call(this)},this.subscribe=()=>{this.host.addEventListener(this.event,t(this,vo,"f"))},this.unsubscribe=()=>{this.host.removeEventListener(this.event,t(this,vo,"f"))},this.host=e,this.type=i,this.event=o,this.strategy=ho({type:i}),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))}}vo=new WeakMap,yo=new WeakSet,wo=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 Ro extends at{static get properties(){return{value:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},selection:{state:!0},orientation:{type:String}}}constructor(){super(),xo.set(this,null),ko.set(this,null),zo.set(this,(()=>{var e;return null===(e=t(this,So,"f").call(this)[0])||void 0===e?void 0:e.value})),So.set(this,(()=>{var i,o,r;e(this,ko,null!==(i=t(this,ko,"f"))&&void 0!==i?i:this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...null!==(r=null===(o=t(this,ko,"f"))||void 0===o?void 0:o.assignedElements({flatten:!0}))&&void 0!==r?r:[]].filter((t=>"m-radio"===t.tagName.toLowerCase()))})),Co.set(this,(t=>{t.checked=this.selection.has(t.value)})),Wo.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,xo,new _o(this,this.type,oo),"f")}update(e){super.update(e),e.has("value")&&t(this,xo,"f")&&t(this,xo,"f").init(Bt(this.value||t(this,zo,"f").call(this))),e.has("selection")&&([this.value]=this.selection)}updated(e){super.updated(e),e.has("selection")&&t(this,So,"f").call(this).forEach((e=>{t(this,Co,"f").call(this,e)})),e.has("disabled")&&t(this,So,"f").call(this).forEach((e=>{t(this,Wo,"f").call(this,e)}))}render(){return x`
|
|
1534
1552
|
<div
|
|
1535
1553
|
class=${gt({"radio-group":!0,"-vertical":"vertical"===this.orientation,"-horizontal":"horizontal"===this.orientation})}
|
|
1536
1554
|
>
|
|
1537
1555
|
<slot></slot>
|
|
1538
1556
|
</div>
|
|
1539
|
-
`}}
|
|
1557
|
+
`}}xo=new WeakMap,ko=new WeakMap,zo=new WeakMap,So=new WeakMap,Co=new WeakMap,Wo=new WeakMap,Ro.styles=[X`
|
|
1540
1558
|
.radio-group {
|
|
1541
1559
|
display: flex;
|
|
1542
1560
|
gap: ${Mt("spacing-2")};
|
|
@@ -1547,14 +1565,14 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1547
1565
|
.radio-group.-horizontal {
|
|
1548
1566
|
flex-direction: row;
|
|
1549
1567
|
}
|
|
1550
|
-
`],window.customElements.define("m-radio-group",
|
|
1568
|
+
`],window.customElements.define("m-radio-group",Ro);class To extends at{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`
|
|
1551
1569
|
<span
|
|
1552
1570
|
class=${gt({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})}
|
|
1553
1571
|
>
|
|
1554
1572
|
${this.isSkeleton?x``:x`<slot name="leading"></slot>`}
|
|
1555
1573
|
<slot></slot>
|
|
1556
1574
|
</span>
|
|
1557
|
-
`}}
|
|
1575
|
+
`}}To.styles=[[X`
|
|
1558
1576
|
@keyframes skeleton-loading {
|
|
1559
1577
|
0% {
|
|
1560
1578
|
background-color: ${jt("color-background-tertiary")};
|
|
@@ -1568,7 +1586,7 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1568
1586
|
background-color: ${jt("color-background-tertiary")};
|
|
1569
1587
|
}
|
|
1570
1588
|
}
|
|
1571
|
-
`,
|
|
1589
|
+
`,X`
|
|
1572
1590
|
:host {
|
|
1573
1591
|
--m-tag-skeleton-width: 100px;
|
|
1574
1592
|
}
|
|
@@ -1590,17 +1608,17 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1590
1608
|
}
|
|
1591
1609
|
|
|
1592
1610
|
.-size-small {
|
|
1593
|
-
${
|
|
1611
|
+
${Pt("chips-sm")};
|
|
1594
1612
|
padding: ${Mt("spacing-1")} ${Mt("spacing-2")};
|
|
1595
1613
|
block-size: ${le("18px")};
|
|
1596
1614
|
}
|
|
1597
1615
|
.-size-default {
|
|
1598
|
-
${
|
|
1616
|
+
${Pt("chips-md")};
|
|
1599
1617
|
padding: ${Mt("spacing-2")} ${Mt("spacing-3")};
|
|
1600
1618
|
block-size: ${Mt("global-height-small")};
|
|
1601
1619
|
}
|
|
1602
1620
|
.-size-large {
|
|
1603
|
-
${
|
|
1621
|
+
${Pt("button-lg")};
|
|
1604
1622
|
padding: ${Mt("spacing-3")} ${Mt("spacing-4")};
|
|
1605
1623
|
block-size: ${Mt("global-height-default")};
|
|
1606
1624
|
}
|
|
@@ -1626,14 +1644,14 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1626
1644
|
${H("animation: skeleton-loading 1s linear infinite alternate;")};
|
|
1627
1645
|
width: var(--m-tag-skeleton-width);
|
|
1628
1646
|
}
|
|
1629
|
-
`]],window.customElements.define("m-tag",
|
|
1647
|
+
`]],window.customElements.define("m-tag",To);class Oo 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(),Mo.add(this),this.inputElement=null,this.field=new Re(this,Di,void 0,!0),Bo.set(this,(t=>{this.value=t.target.value,this.reemit(t)})),Eo.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`
|
|
1630
1648
|
<div
|
|
1631
|
-
class=${gt({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,
|
|
1649
|
+
class=${gt({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,Mo,"m",Ao).call(this),"-status-danger":"danger"===t(this,Mo,"m",Ao).call(this)})}
|
|
1632
1650
|
>
|
|
1633
1651
|
<slot name="leading"></slot>
|
|
1634
1652
|
<input
|
|
1635
|
-
id="${
|
|
1636
|
-
type="${
|
|
1653
|
+
id="${dt(this.id)}"
|
|
1654
|
+
type="${dt(this.type)}"
|
|
1637
1655
|
class="text-field"
|
|
1638
1656
|
aria-disabled=${this.disabled?"true":"false"}
|
|
1639
1657
|
?disabled="${this.disabled}"
|
|
@@ -1642,22 +1660,22 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1642
1660
|
maxlength=${null!=this.maxLength&&this.maxLength>-1?this.maxLength:z}
|
|
1643
1661
|
min=${this.min||z}
|
|
1644
1662
|
minlength=${null!=this.minLength&&this.minLength>-1?this.minLength:z}
|
|
1645
|
-
pattern=${
|
|
1646
|
-
placeholder="${
|
|
1663
|
+
pattern=${dt(this.pattern)}
|
|
1664
|
+
placeholder="${dt(this.placeholder)}"
|
|
1647
1665
|
step=${this.step||z}
|
|
1648
|
-
value="${
|
|
1666
|
+
value="${dt(this.value)}"
|
|
1649
1667
|
@change=${this.reemit}
|
|
1650
|
-
@input=${t(this,
|
|
1668
|
+
@input=${t(this,Bo,"f")}
|
|
1651
1669
|
/>
|
|
1652
1670
|
${this.clearable?x`<m-close-button
|
|
1653
|
-
class=${gt({clear:!0,"is-visible":t(this,
|
|
1654
|
-
controls="${
|
|
1655
|
-
@m-close=${t(this
|
|
1671
|
+
class=${gt({clear:!0,"is-visible":t(this,Mo,"m",jo).call(this)})}
|
|
1672
|
+
controls="${dt(this.id)}"
|
|
1673
|
+
@m-close=${t(this,Eo,"f")}
|
|
1656
1674
|
label="Clear input"
|
|
1657
1675
|
></m-close-button>`:z}
|
|
1658
1676
|
<slot name="trailing"></slot>
|
|
1659
1677
|
</div>
|
|
1660
|
-
`}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()}}
|
|
1678
|
+
`}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()}}Bo=new WeakMap,Eo=new WeakMap,Mo=new WeakSet,jo=function(){const t=this.value||"";return!this.disabled&&t.length>0},Ao=function(){var t;return this.status||(null===(t=this.field.value)||void 0===t?void 0:t.status)},Oo.styles=[X`
|
|
1661
1679
|
:host {
|
|
1662
1680
|
--m-text-field-background-color: transparent;
|
|
1663
1681
|
--m-text-field-border-color: ${jt("color-border")};
|
|
@@ -1670,8 +1688,8 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1670
1688
|
}
|
|
1671
1689
|
|
|
1672
1690
|
.container {
|
|
1673
|
-
${
|
|
1674
|
-
${
|
|
1691
|
+
${Pt("body-md")};
|
|
1692
|
+
${Lt([{property:"background-color"},{property:"border-color"}])};
|
|
1675
1693
|
|
|
1676
1694
|
display: inline-flex;
|
|
1677
1695
|
align-items: center;
|
|
@@ -1683,7 +1701,7 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1683
1701
|
width: 100%;
|
|
1684
1702
|
block-size: var(--m-text-field-height);
|
|
1685
1703
|
|
|
1686
|
-
${
|
|
1704
|
+
${Ot(Mt("spacing-2"))};
|
|
1687
1705
|
|
|
1688
1706
|
background-color: var(--m-text-field-background-color);
|
|
1689
1707
|
border-radius: ${Mt("border-radius-s")};
|
|
@@ -1697,7 +1715,7 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1697
1715
|
|
|
1698
1716
|
.container.-size-small,
|
|
1699
1717
|
.container.-size-small .text-field {
|
|
1700
|
-
${
|
|
1718
|
+
${Pt("body-sm")};
|
|
1701
1719
|
}
|
|
1702
1720
|
|
|
1703
1721
|
.container.-size-large {
|
|
@@ -1709,13 +1727,13 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1709
1727
|
--m-text-field-border-color: ${jt("color-danger-60")};
|
|
1710
1728
|
}
|
|
1711
1729
|
|
|
1712
|
-
${
|
|
1730
|
+
${Dt(".container")} {
|
|
1713
1731
|
--m-text-field-background-color: ${jt("color-background-tertiary")};
|
|
1714
1732
|
|
|
1715
1733
|
cursor: default;
|
|
1716
1734
|
}
|
|
1717
1735
|
|
|
1718
|
-
${
|
|
1736
|
+
${Dt(".container","*")} {
|
|
1719
1737
|
pointer-events: none;
|
|
1720
1738
|
}
|
|
1721
1739
|
|
|
@@ -1739,14 +1757,14 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1739
1757
|
}
|
|
1740
1758
|
|
|
1741
1759
|
.text-field {
|
|
1742
|
-
${
|
|
1760
|
+
${Pt("body-md")};
|
|
1743
1761
|
|
|
1744
1762
|
border: none;
|
|
1745
1763
|
outline: none;
|
|
1746
1764
|
flex: 1;
|
|
1747
1765
|
min-width: 0;
|
|
1748
1766
|
|
|
1749
|
-
${
|
|
1767
|
+
${Ot(0)};
|
|
1750
1768
|
padding-block: var(--m-text-field-padding-y);
|
|
1751
1769
|
|
|
1752
1770
|
background-color: var(--m-text-field-background-color);
|
|
@@ -1772,14 +1790,14 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1772
1790
|
.clear.is-visible {
|
|
1773
1791
|
visibility: visible;
|
|
1774
1792
|
}
|
|
1775
|
-
`],window.customElements.define("m-text-field",
|
|
1793
|
+
`],window.customElements.define("m-text-field",Oo);const Uo="m-toggle";var qo,No,Lo,Po,Do,Go,Io,Vo,Jo,Ho,Xo;class Yo extends at{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(),qo.set(this,null),No.set(this,null),Lo.set(this,(()=>{var i,o,r;e(this,No,null!==(i=t(this,No,"f"))&&void 0!==i?i:this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...null!==(r=null===(o=t(this,No,"f"))||void 0===o?void 0:o.assignedElements({flatten:!0}))&&void 0!==r?r:[]].filter((t=>"m-toggle"===t.tagName.toLowerCase()))})),Po.set(this,(t=>{t.setAttribute("role",["single","single-strict"].includes(this.type)?"radio":"checkbox")})),Do.set(this,(t=>{t.checked=this.selection.has(t.value)})),Go.set(this,(t=>{t.disabled=this.disabled})),this.showCheck=!1,this.size="default",this.type="single",this.selection=new Set}update(i){super.update(i),(null!=i.get("type")&&null!=this.type||null==t(this,qo,"f"))&&(e(this,qo,new _o(this,this.type,Uo),"f"),t(this,qo,"f").init(Bt(this.value)),this.role=["single","single-strict"].includes(this.type)?"radiogroup":"group"),i.has("value")&&t(this,qo,"f").init(Bt(this.value))}updated(e){super.updated(e),e.has("selection")&&t(this,Lo,"f").call(this).forEach((e=>{t(this,Do,"f").call(this,e)})),e.has("disabled")&&t(this,Lo,"f").call(this).forEach((e=>{t(this,Go,"f").call(this,e)})),e.has("role")&&t(this,Lo,"f").call(this).forEach((e=>{t(this,Po,"f").call(this,e)}))}render(){return x`
|
|
1776
1794
|
<m-group
|
|
1777
1795
|
class=${gt({"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})}
|
|
1778
1796
|
gap="spacing-1"
|
|
1779
1797
|
>
|
|
1780
1798
|
<slot></slot>
|
|
1781
1799
|
</m-group>
|
|
1782
|
-
`}}
|
|
1800
|
+
`}}qo=new WeakMap,No=new WeakMap,Lo=new WeakMap,Po=new WeakMap,Do=new WeakMap,Go=new WeakMap,Yo.styles=[[X`
|
|
1783
1801
|
.toggle-group {
|
|
1784
1802
|
inline-size: max-content;
|
|
1785
1803
|
|
|
@@ -1805,7 +1823,7 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1805
1823
|
.toggle-group.-show-check ::slotted(m-toggle[aria-checked='true']) {
|
|
1806
1824
|
--m-toggle-icon-display: inline-flex;
|
|
1807
1825
|
}
|
|
1808
|
-
`]],window.customElements.define("m-toggle-group",
|
|
1826
|
+
`]],window.customElements.define("m-toggle-group",Yo);class Zo extends at{static get properties(){return{checked:{type:Boolean},disabled:{type:Boolean,reflect:!0},role:{type:String,reflect:!0},value:{type:String}}}constructor(){super(),Io.add(this),Jo.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(Uo,t))})),Ho.set(this,(()=>{this.setAttribute("aria-disabled",String(this.disabled))})),Xo.set(this,(()=>{this.setAttribute("aria-checked",String(this.checked))})),this.disabled=!1,this.checked=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("click",t(this,Jo,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",t(this,Jo,"f"))}updated(e){super.updated(e),e.has("disabled")&&t(this,Ho,"f").call(this),e.has("checked")&&t(this,Xo,"f").call(this)}render(){return x`
|
|
1809
1827
|
<button
|
|
1810
1828
|
type="button"
|
|
1811
1829
|
class=${gt({button:!0,toggle:!0})}
|
|
@@ -1819,7 +1837,7 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1819
1837
|
|
|
1820
1838
|
<slot></slot>
|
|
1821
1839
|
</button>
|
|
1822
|
-
`}focus(e){var
|
|
1840
|
+
`}focus(e){var i;null===(i=t(this,Io,"a",Vo))||void 0===i||i.focus(e)}}Jo=new WeakMap,Ho=new WeakMap,Xo=new WeakMap,Io=new WeakSet,Vo=function(){var t,e;return null!==(e=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector("button"))&&void 0!==e?e:null},Zo.styles=[[It(),X`
|
|
1823
1841
|
:host {
|
|
1824
1842
|
/*
|
|
1825
1843
|
* These custom properties are here because they are meant to be
|
|
@@ -1839,7 +1857,7 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1839
1857
|
--m-button-font-size: var(--m-toggle-font-size);
|
|
1840
1858
|
}
|
|
1841
1859
|
|
|
1842
|
-
${
|
|
1860
|
+
${Dt([".toggle"])} {
|
|
1843
1861
|
--m-button-color: ${jt("color-text-disabled")};
|
|
1844
1862
|
}
|
|
1845
1863
|
|
|
@@ -1859,5 +1877,5 @@ let Te=class{constructor(t,e,o,i=!1){this.host=t,this.context=e,this.callback=o,
|
|
|
1859
1877
|
|
|
1860
1878
|
display: var(--m-toggle-icon-display);
|
|
1861
1879
|
}
|
|
1862
|
-
`]],window.customElements.define("m-toggle",
|
|
1880
|
+
`]],window.customElements.define("m-toggle",Zo);export{pi as ALIGN_ITEMS_VALUES,ke as Banner,Qt as BannerActionPrimary,te as BannerActionSecondary,ee as BannerActions,ie as BannerDescription,oe as BannerIcon,re as BannerTitle,yi as Box,Kt as Button,ze as Card,Se as CardBody,Ce as CardSubtitle,We as CardTitle,Ee as Checkbox,me as CloseButton,Fe as DIALOG_SIZES,Ke as DIALOG_VARIANTS,Ze as Dialog,ti as DialogActionPrimary,ei as DialogActionSecondary,ii as DialogActionTertiary,ci as DialogActions,hi as DialogBody,ui as DialogClose,gi as DialogFooter,Li as DialogHeader,Pi as Divider,Fi as FIELD_STATUSES,Zi as Field,Xi as FieldHint,Yi as FieldLabel,Wi as Grid,di as Group,bi as JUSTIFY_CONTENT_VALUES,eo as ProgressBar,io as ProgressBarCountdown,co as Radio,Ro as RadioGroup,Ei as Sidebar,ki as Stack,Ni as Switcher,To as Tag,ve as Text,Oo as TextField,Zo as Toggle,Yo as ToggleGroup,mi as defaultBoxProps,zi as defaultGridProps,ri as defaultGroupProps,Mi as defaultSidebarProps,vi as defaultStackProps,_i as defaultSwitcherProps};
|
|
1863
1881
|
//# sourceMappingURL=index.js.map
|