@loadsmart/miranda-wc 1.33.0 → 1.34.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/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 +1 -1
- package/dist/components/layout/base-layout/base-layout.d.ts.map +1 -1
- package/dist/components/layout/base-layout/base-layout.styles.d.ts +1 -1
- package/dist/components/layout/base-layout/base-layout.styles.d.ts.map +1 -1
- package/dist/components/layout/base-layout/index.d.ts +4 -0
- package/dist/components/layout/base-layout/index.d.ts.map +1 -0
- package/dist/components/layout/box/box.d.ts +3 -1
- package/dist/components/layout/box/box.d.ts.map +1 -1
- package/dist/components/layout/grid/grid.d.ts +3 -1
- package/dist/components/layout/grid/grid.d.ts.map +1 -1
- package/dist/components/layout/group/group.d.ts +3 -1
- package/dist/components/layout/group/group.d.ts.map +1 -1
- package/dist/components/layout/sidebar/sidebar.d.ts +3 -1
- package/dist/components/layout/sidebar/sidebar.d.ts.map +1 -1
- package/dist/components/layout/stack/stack.d.ts +3 -1
- package/dist/components/layout/stack/stack.d.ts.map +1 -1
- package/dist/components/layout/switcher/switcher.d.ts +3 -1
- package/dist/components/layout/switcher/switcher.d.ts.map +1 -1
- package/dist/index.js +158 -146
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3,7 +3,7 @@ function t(t,e,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was def
|
|
|
3
3
|
* @license
|
|
4
4
|
* Copyright 2017 Google LLC
|
|
5
5
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
|
-
*/}var 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]?
|
|
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]?P: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 P 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(""),R=t=>{if((null==t?void 0:t.r)===U)return null==t?void 0:t._$litStatic$},q=(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}),N=new Map,L=(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=R(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=N.get(t))&&(s.raw=s,N.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
|
|
@@ -35,7 +35,7 @@ const dt=t=>null!=t?t:z
|
|
|
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!==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`
|
|
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 q`${(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 Pt(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${Pt(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 Rt(t){return H(`\n\t\t${Ot(t)};\n\t\t${Ut(t)}\n\t`)}const qt={property:"all",delay:"0s",duration:"0.35s",easing:"ease-in-out"};function Nt(t){const e=Bt(t).map((t=>function(t){const e={...qt,...t};return H(`${e.property} ${e.duration} ${e.easing} ${e.delay}`)}(t))).join(", ");return H(`\n\t\ttransition: ${e}\n\t`)}function Lt(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 dt=t=>null!=t?t:z
|
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
.button {
|
|
78
|
-
${
|
|
78
|
+
${Nt([{property:"color"},{property:"background-color"},{property:"border-color"}])};
|
|
79
79
|
|
|
80
|
-
${
|
|
80
|
+
${Lt("button-md")};
|
|
81
81
|
font-size: var(--m-button-font-size);
|
|
82
82
|
|
|
83
83
|
cursor: pointer;
|
|
@@ -129,7 +129,7 @@ const dt=t=>null!=t?t:z
|
|
|
129
129
|
display: inline-flex;
|
|
130
130
|
align-items: center;
|
|
131
131
|
|
|
132
|
-
${
|
|
132
|
+
${Rt(0)};
|
|
133
133
|
${Tt(0)};
|
|
134
134
|
}
|
|
135
135
|
|
|
@@ -137,7 +137,7 @@ const dt=t=>null!=t?t:z
|
|
|
137
137
|
slot[name='trailing']::slotted(span) {
|
|
138
138
|
justify-content: center;
|
|
139
139
|
}
|
|
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
|
|
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 L`
|
|
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
143
|
type=${dt(e?void 0:this.type)}
|
|
@@ -151,7 +151,7 @@ const dt=t=>null!=t?t:z
|
|
|
151
151
|
rel=${dt(e&&this.target?"noreferrer noopener":void 0)}
|
|
152
152
|
>
|
|
153
153
|
<!-- TODO: Replace this with the loading dots component as soon as it is ready. -->
|
|
154
|
-
${this.loading&&!["icon","icon-secondary"].includes(this.variant)?
|
|
154
|
+
${this.loading&&!["icon","icon-secondary"].includes(this.variant)?L`<span class="loader">●●●</span>`:z}
|
|
155
155
|
<slot name="leading"></slot>
|
|
156
156
|
<slot></slot>
|
|
157
157
|
<slot name="trailing"></slot>
|
|
@@ -383,13 +383,13 @@ const dt=t=>null!=t?t:z
|
|
|
383
383
|
.button.-small {
|
|
384
384
|
--m-button-padding-y: ${Mt("spacing-2")};
|
|
385
385
|
|
|
386
|
-
${
|
|
386
|
+
${Lt("button-sm")};
|
|
387
387
|
}
|
|
388
388
|
|
|
389
389
|
.button.-large {
|
|
390
390
|
--m-button-padding-y: ${Mt("spacing-4")};
|
|
391
391
|
|
|
392
|
-
${
|
|
392
|
+
${Lt("button-lg")};
|
|
393
393
|
}
|
|
394
394
|
|
|
395
395
|
/* TODO: to be removed when the loading dots component is ready */
|
|
@@ -414,12 +414,12 @@ const dt=t=>null!=t?t:z
|
|
|
414
414
|
}
|
|
415
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
|
+
${Lt("body-md")};
|
|
418
418
|
color: ${jt("color-text-secondary")};
|
|
419
419
|
}
|
|
420
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
|
+
${Lt("body-md-bold")};
|
|
423
423
|
color: ${jt("color-text-secondary")};
|
|
424
424
|
}
|
|
425
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`
|
|
@@ -436,7 +436,7 @@ const dt=t=>null!=t?t:z
|
|
|
436
436
|
}
|
|
437
437
|
|
|
438
438
|
svg {
|
|
439
|
-
${
|
|
439
|
+
${Nt([{property:"color"},{property:"fill"}])};
|
|
440
440
|
|
|
441
441
|
inline-size: var(--m-icon-size);
|
|
442
442
|
block-size: var(--m-icon-size);
|
|
@@ -469,7 +469,7 @@ const dt=t=>null!=t?t:z
|
|
|
469
469
|
width: var(--button-size);
|
|
470
470
|
height: var(--button-size);
|
|
471
471
|
${Tt(0)};
|
|
472
|
-
${
|
|
472
|
+
${Rt(0)};
|
|
473
473
|
background-color: var(--button-color);
|
|
474
474
|
border: none;
|
|
475
475
|
border-radius: 50%;
|
|
@@ -478,7 +478,7 @@ const dt=t=>null!=t?t:z
|
|
|
478
478
|
justify-content: center;
|
|
479
479
|
cursor: pointer;
|
|
480
480
|
|
|
481
|
-
${
|
|
481
|
+
${Nt([{property:"background-color"}])};
|
|
482
482
|
}
|
|
483
483
|
|
|
484
484
|
.close-button.-size-small {
|
|
@@ -537,7 +537,7 @@ const dt=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!==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
|
|
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 L`
|
|
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)})}
|
|
@@ -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
|
+
${Nt([{property:"color"}])};
|
|
558
558
|
|
|
559
|
-
${
|
|
559
|
+
${Lt()};
|
|
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
|
+
${Lt("body-lg-bold")};
|
|
569
569
|
}
|
|
570
570
|
|
|
571
571
|
.-body-lg {
|
|
572
|
-
${
|
|
572
|
+
${Lt("body-lg")};
|
|
573
573
|
}
|
|
574
574
|
|
|
575
575
|
.-body-md-bold-underline {
|
|
576
|
-
${
|
|
576
|
+
${Lt("body-md-bold-underline")};
|
|
577
577
|
}
|
|
578
578
|
|
|
579
579
|
.-body-md-bold {
|
|
580
|
-
${
|
|
580
|
+
${Lt("body-md-bold")};
|
|
581
581
|
}
|
|
582
582
|
|
|
583
583
|
.-body-md-underline {
|
|
584
|
-
${
|
|
584
|
+
${Lt("body-md-underline")};
|
|
585
585
|
}
|
|
586
586
|
|
|
587
587
|
.-body-md {
|
|
588
|
-
${
|
|
588
|
+
${Lt("body-md")};
|
|
589
589
|
}
|
|
590
590
|
|
|
591
591
|
.-body-sm-bold-underline {
|
|
592
|
-
${
|
|
592
|
+
${Lt("body-sm-bold-underline")};
|
|
593
593
|
}
|
|
594
594
|
|
|
595
595
|
.-body-sm-bold {
|
|
596
|
-
${
|
|
596
|
+
${Lt("body-sm-bold")};
|
|
597
597
|
}
|
|
598
598
|
|
|
599
599
|
.-body-sm-underline {
|
|
600
|
-
${
|
|
600
|
+
${Lt("body-sm-underline")};
|
|
601
601
|
}
|
|
602
602
|
|
|
603
603
|
.-body-sm {
|
|
604
|
-
${
|
|
604
|
+
${Lt("body-sm")};
|
|
605
605
|
}
|
|
606
606
|
|
|
607
607
|
.-button-lg {
|
|
608
|
-
${
|
|
608
|
+
${Lt("button-lg")};
|
|
609
609
|
}
|
|
610
610
|
|
|
611
611
|
.-button-md {
|
|
612
|
-
${
|
|
612
|
+
${Lt("button-md")};
|
|
613
613
|
}
|
|
614
614
|
|
|
615
615
|
.-button-sm {
|
|
616
|
-
${
|
|
616
|
+
${Lt("button-sm")};
|
|
617
617
|
}
|
|
618
618
|
|
|
619
619
|
.-chips-md {
|
|
620
|
-
${
|
|
620
|
+
${Lt("chips-md")};
|
|
621
621
|
}
|
|
622
622
|
|
|
623
623
|
.-chips-sm {
|
|
624
|
-
${
|
|
624
|
+
${Lt("chips-sm")};
|
|
625
625
|
}
|
|
626
626
|
|
|
627
627
|
.-heading-lg-bold {
|
|
628
|
-
${
|
|
628
|
+
${Lt("heading-lg-bold")};
|
|
629
629
|
}
|
|
630
630
|
|
|
631
631
|
.-heading-lg {
|
|
632
|
-
${
|
|
632
|
+
${Lt("heading-lg")};
|
|
633
633
|
}
|
|
634
634
|
|
|
635
635
|
.-heading-md-bold {
|
|
636
|
-
${
|
|
636
|
+
${Lt("heading-md-bold")};
|
|
637
637
|
}
|
|
638
638
|
|
|
639
639
|
.-heading-md {
|
|
640
|
-
${
|
|
640
|
+
${Lt("heading-md")};
|
|
641
641
|
}
|
|
642
642
|
|
|
643
643
|
.-heading-sm-bold {
|
|
644
|
-
${
|
|
644
|
+
${Lt("heading-sm-bold")};
|
|
645
645
|
}
|
|
646
646
|
|
|
647
647
|
.-heading-sm {
|
|
648
|
-
${
|
|
648
|
+
${Lt("heading-sm")};
|
|
649
649
|
}
|
|
650
650
|
|
|
651
651
|
.-hero-lg-bold {
|
|
652
|
-
${
|
|
652
|
+
${Lt("hero-lg-bold")};
|
|
653
653
|
}
|
|
654
654
|
|
|
655
655
|
.-hero-lg {
|
|
656
|
-
${
|
|
656
|
+
${Lt("hero-lg")};
|
|
657
657
|
}
|
|
658
658
|
|
|
659
659
|
.-hero-md-bold {
|
|
660
|
-
${
|
|
660
|
+
${Lt("hero-md-bold")};
|
|
661
661
|
}
|
|
662
662
|
|
|
663
663
|
.-hero-md {
|
|
664
|
-
${
|
|
664
|
+
${Lt("hero-md")};
|
|
665
665
|
}
|
|
666
666
|
|
|
667
667
|
.-hero-sm-bold {
|
|
668
|
-
${
|
|
668
|
+
${Lt("hero-sm-bold")};
|
|
669
669
|
}
|
|
670
670
|
|
|
671
671
|
.-hero-sm {
|
|
672
|
-
${
|
|
672
|
+
${Lt("hero-sm")};
|
|
673
673
|
}
|
|
674
674
|
|
|
675
675
|
.-number-md {
|
|
676
|
-
${
|
|
676
|
+
${Lt("number-md")};
|
|
677
677
|
}
|
|
678
678
|
|
|
679
679
|
.-number-sm {
|
|
680
|
-
${
|
|
680
|
+
${Lt("number-sm")};
|
|
681
681
|
}
|
|
682
682
|
|
|
683
683
|
.-table-header-md {
|
|
684
|
-
${
|
|
684
|
+
${Lt("table-header-md")};
|
|
685
685
|
}
|
|
686
686
|
|
|
687
687
|
.-table-header-sm {
|
|
688
|
-
${
|
|
688
|
+
${Lt("table-header-sm")};
|
|
689
689
|
}
|
|
690
690
|
|
|
691
691
|
.-ellipsized {
|
|
@@ -840,7 +840,7 @@ 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>
|
|
@@ -853,7 +853,7 @@ 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>
|
|
@@ -865,14 +865,14 @@ 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
|
+
${Lt("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>
|
|
@@ -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
|
+
${Lt("heading-sm-bold")};
|
|
890
890
|
color: ${jt("color-text-primary")};
|
|
891
891
|
}
|
|
892
892
|
|
|
@@ -921,7 +921,7 @@ const fe="important",$e=" !"+fe,ye=ht(class extends ut{constructor(t){var e;if(s
|
|
|
921
921
|
}
|
|
922
922
|
|
|
923
923
|
.check-input-label {
|
|
924
|
-
${
|
|
924
|
+
${Lt("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
|
+
${Nt([{property:"border",...Me},{property:"background",...Me}])};
|
|
952
952
|
}
|
|
953
953
|
|
|
954
954
|
.check-input:indeterminate,
|
|
@@ -1019,12 +1019,12 @@ let _e=class extends Event{constructor(t,e,i){super("context-request",{bubbles:!
|
|
|
1019
1019
|
* Copyright 2021 Google LLC
|
|
1020
1020
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1021
1021
|
*/
|
|
1022
|
-
let
|
|
1022
|
+
let Pe=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))}},Re=!1;
|
|
1023
1023
|
/**
|
|
1024
1024
|
* @license
|
|
1025
1025
|
* Copyright 2021 Google LLC
|
|
1026
1026
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1027
|
-
*/function
|
|
1027
|
+
*/function qe(){if(Re)return;const t=new class{constructor(){this.pendingContextRequests=new Map,this.onContextProvider=t=>{const e=this.pendingContextRequests.get(t.context);e&&(this.pendingContextRequests.delete(t.context),e.forEach((e=>{const 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),Re=!0}async function Ne(t,e){const i=t.getAnimations(e).map((({finished:t})=>t));await Promise.allSettled(i)}const Le=Symbol("dialog");var De,Ge,Ie,Ve,Je,He,Xe,Ye;qe();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,Le,{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
1030
|
@click=${t(this,De,"m",Xe)}
|
|
@@ -1035,7 +1035,7 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1035
1035
|
<slot name="footer"></slot>
|
|
1036
1036
|
<slot name="actions"></slot>
|
|
1037
1037
|
</dialog>
|
|
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
|
|
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 Ne(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 Ne(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 Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1057
1057
|
width: auto;
|
|
1058
1058
|
max-height: calc(100% - var(--margin));
|
|
1059
1059
|
|
|
1060
|
-
${
|
|
1060
|
+
${Nt([{property:"max-width"}])}
|
|
1061
1061
|
}
|
|
1062
1062
|
|
|
1063
1063
|
dialog[open] {
|
|
@@ -1128,30 +1128,42 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1128
1128
|
opacity: 0;
|
|
1129
1129
|
}
|
|
1130
1130
|
}
|
|
1131
|
-
`],window.customElements.define("m-dialog",Ze);const Fe=["small","medium","large","extra-large"],Ke=["neutral","success","warning","danger"];var Qe;class
|
|
1131
|
+
`],window.customElements.define("m-dialog",Ze);const Fe=["small","medium","large","extra-large"],Ke=["neutral","success","warning","danger"];var Qe,ti;class ei 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 Pe(this,Le,t(this,Qe,"f"),!0)}}Qe=new WeakMap,window.customElements.define("m-dialog-action-primary",ei);class ii extends Kt{constructor(){super(),this.type="button",this.variant="secondary"}}window.customElements.define("m-dialog-action-secondary",ii);class oi extends Kt{constructor(){super(),this.type="button",this.variant="tertiary"}}function ri(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",oi);class ni extends at{constructor(){super(...arguments),ti.set(this,((t,e)=>{e?this.style.setProperty(t,ri(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"}}}getCSSPropertiesPrefix(){return"layout"}update(e){super.update(e);const i=this.getCSSPropertiesPrefix();e.has("padding")&&this.style.setProperty(`--m-${i}-padding`,ri(this.padding)),e.has("paddingX")&&t(this,ti,"f").call(this,`--m-${i}-padding-x`,this.paddingX),e.has("paddingY")&&t(this,ti,"f").call(this,`--m-${i}-padding-y`,this.paddingY),e.has("paddingT")&&t(this,ti,"f").call(this,`--m-${i}-padding-t`,this.paddingT),e.has("paddingB")&&t(this,ti,"f").call(this,`--m-${i}-padding-b`,this.paddingB),e.has("paddingL")&&t(this,ti,"f").call(this,`--m-${i}-padding-l`,this.paddingL),e.has("paddingR")&&t(this,ti,"f").call(this,`--m-${i}-padding-r`,this.paddingR)}render(){return x`<slot></slot>`}}function si(t){return X`
|
|
1132
1132
|
:host {
|
|
1133
1133
|
padding-block-start: var(
|
|
1134
|
-
--m-
|
|
1135
|
-
var(
|
|
1134
|
+
--m-${H(t)}-padding-t,
|
|
1135
|
+
var(
|
|
1136
|
+
--m-${H(t)}-padding-y,
|
|
1137
|
+
var(--m-${H(t)}-padding, 0)
|
|
1138
|
+
)
|
|
1136
1139
|
);
|
|
1137
1140
|
padding-block-end: var(
|
|
1138
|
-
--m-
|
|
1139
|
-
var(
|
|
1141
|
+
--m-${H(t)}-padding-b,
|
|
1142
|
+
var(
|
|
1143
|
+
--m-${H(t)}-padding-y,
|
|
1144
|
+
var(--m-${H(t)}-padding, 0)
|
|
1145
|
+
)
|
|
1140
1146
|
);
|
|
1141
1147
|
padding-inline-start: var(
|
|
1142
|
-
--m-
|
|
1143
|
-
var(
|
|
1148
|
+
--m-${H(t)}-padding-l,
|
|
1149
|
+
var(
|
|
1150
|
+
--m-${H(t)}-padding-x,
|
|
1151
|
+
var(--m-${H(t)}-padding, 0)
|
|
1152
|
+
)
|
|
1144
1153
|
);
|
|
1145
1154
|
padding-inline-end: var(
|
|
1146
|
-
--m-
|
|
1147
|
-
var(
|
|
1155
|
+
--m-${H(t)}-padding-r,
|
|
1156
|
+
var(
|
|
1157
|
+
--m-${H(t)}-padding-x,
|
|
1158
|
+
var(--m-${H(t)}-padding, 0)
|
|
1159
|
+
)
|
|
1148
1160
|
);
|
|
1149
1161
|
}
|
|
1150
|
-
`
|
|
1162
|
+
`}ti=new WeakMap;const ai={gap:"spacing-4",align:"stretch",justify:"flex-start"};class li extends ni{static get properties(){return{...super.properties,gap:{type:String},align:{type:String},justify:{type:String}}}constructor(){super(),this.gap=ai.gap,this.align=ai.align,this.justify=ai.justify}getCSSPropertiesPrefix(){return li.CSSPropertiesPrefix}update(t){super.update(t),this.style.setProperty("--m-group-gap",ri(this.gap,ai.gap)),this.style.setProperty("--m-group-align",this.align||ai.align),this.style.setProperty("--m-group-justify",this.justify||ai.justify)}render(){return x`<slot></slot>`}}li.CSSPropertiesPrefix="group",li.styles=[si(li.CSSPropertiesPrefix),X`
|
|
1151
1163
|
:host {
|
|
1152
|
-
--m-group-gap: ${Mt(
|
|
1153
|
-
--m-group-align: ${H(
|
|
1154
|
-
--m-group-justify: ${H(
|
|
1164
|
+
--m-group-gap: ${Mt(ai.gap)};
|
|
1165
|
+
--m-group-align: ${H(ai.align)};
|
|
1166
|
+
--m-group-justify: ${H(ai.justify)};
|
|
1155
1167
|
|
|
1156
1168
|
display: flex;
|
|
1157
1169
|
flex-wrap: wrap;
|
|
@@ -1159,21 +1171,21 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1159
1171
|
align-items: var(--m-group-align);
|
|
1160
1172
|
justify-content: var(--m-group-justify);
|
|
1161
1173
|
}
|
|
1162
|
-
`],window.customElements.define("m-group",
|
|
1174
|
+
`],window.customElements.define("m-group",li);class di extends li{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",di);class ci extends at{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","body")}render(){return x`<slot></slot>`}}ci.styles=[X`
|
|
1163
1175
|
:host {
|
|
1164
1176
|
overflow-y: auto;
|
|
1165
1177
|
overscroll-behavior: contain;
|
|
1166
1178
|
|
|
1167
|
-
${
|
|
1179
|
+
${Lt("body-md")};
|
|
1168
1180
|
}
|
|
1169
|
-
`],window.customElements.define("m-dialog-body",
|
|
1181
|
+
`],window.customElements.define("m-dialog-body",ci);class hi extends me{constructor(){super(),this.size="large"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","close")}}window.customElements.define("m-dialog-close",hi);class ui extends at{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","footer")}render(){return x`<slot></slot>`}}window.customElements.define("m-dialog-footer",ui);const gi=["center","flex-start","flex-end","stretch"],pi=["center","flex-start","flex-end","space-between","space-around","space-evenly"],bi={padding:"spacing-4",borderRadius:"border-radius-s",borderWidth:"border-none",borderColor:"color-background-highlight",textAlign:"left"};class mi extends ni{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=bi.padding,this.borderRadius=bi.borderRadius,this.borderWidth=bi.borderWidth,this.borderColor=bi.borderColor,this.textAlign=bi.textAlign}getCSSPropertiesPrefix(){return mi.CSSPropertiesPrefix}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(bi.borderRadius)),t.has("borderWidth")&&this.style.setProperty("--m-box-border-width",null!==(o=this.borderWidth&&yt(this.borderWidth))&&void 0!==o?o:yt(bi.borderWidth)),t.has("borderColor")&&this.style.setProperty("--m-box-border-color",null!==(r=this.borderColor&&yt(this.borderColor))&&void 0!==r?r:yt(bi.borderColor)),t.has("textAlign")&&this.style.setProperty("--m-box-text-align",this.textAlign||bi.textAlign)}render(){return x`<slot></slot>`}}mi.CSSPropertiesPrefix="box",mi.styles=[si(mi.CSSPropertiesPrefix),X`
|
|
1170
1182
|
:host {
|
|
1171
|
-
--m-
|
|
1183
|
+
--m-box-padding: ${Mt(bi.padding)};
|
|
1172
1184
|
--m-box-background-color: transparent;
|
|
1173
|
-
--m-box-border-radius: ${Mt(
|
|
1174
|
-
--m-box-border-width: ${Mt(
|
|
1175
|
-
--m-box-border-color: ${jt(
|
|
1176
|
-
--m-box-text-align: ${H(
|
|
1185
|
+
--m-box-border-radius: ${Mt(bi.borderRadius)};
|
|
1186
|
+
--m-box-border-width: ${Mt(bi.borderWidth)};
|
|
1187
|
+
--m-box-border-color: ${jt(bi.borderColor)};
|
|
1188
|
+
--m-box-text-align: ${H(bi.textAlign)};
|
|
1177
1189
|
|
|
1178
1190
|
box-sizing: border-box;
|
|
1179
1191
|
|
|
@@ -1184,11 +1196,11 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1184
1196
|
border-color: var(--m-box-border-color);
|
|
1185
1197
|
text-align: var(--m-box-text-align);
|
|
1186
1198
|
}
|
|
1187
|
-
`],window.customElements.define("m-box",
|
|
1199
|
+
`],window.customElements.define("m-box",mi);const fi={gap:"spacing-4",align:"stretch",justify:"flex-start"};class $i extends ni{static get properties(){return{...super.properties,gap:{type:String},align:{type:String},justify:{type:String}}}constructor(){super(),this.gap=fi.gap,this.align=fi.align,this.justify=fi.justify}getCSSPropertiesPrefix(){return $i.CSSPropertiesPrefix}update(t){super.update(t),this.style.setProperty("--m-stack-gap",ri(this.gap,fi.gap)),this.style.setProperty("--m-stack-align",this.align||fi.align),this.style.setProperty("--m-stack-justify",this.justify||fi.justify)}render(){return x`<slot></slot>`}}$i.CSSPropertiesPrefix="stack",$i.styles=[si($i.CSSPropertiesPrefix),X`
|
|
1188
1200
|
:host {
|
|
1189
|
-
--m-stack-gap: ${Mt(
|
|
1190
|
-
--m-stack-align: ${H(
|
|
1191
|
-
--m-stack-justify: ${H(
|
|
1201
|
+
--m-stack-gap: ${Mt(fi.gap)};
|
|
1202
|
+
--m-stack-align: ${H(fi.align)};
|
|
1203
|
+
--m-stack-justify: ${H(fi.justify)};
|
|
1192
1204
|
|
|
1193
1205
|
display: flex;
|
|
1194
1206
|
flex-direction: column;
|
|
@@ -1197,10 +1209,10 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1197
1209
|
align-items: var(--m-stack-align);
|
|
1198
1210
|
justify-content: var(--m-stack-justify);
|
|
1199
1211
|
}
|
|
1200
|
-
`],window.customElements.define("m-stack"
|
|
1212
|
+
`],window.customElements.define("m-stack",$i);const yi={gap:"spacing-4",minColumnWidth:vt("spacing-30")};class vi extends ni{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=yi.gap,this.minColumnWidth=yi.minColumnWidth}getCSSPropertiesPrefix(){return vi.CSSPropertiesPrefix}update(t){super.update(t),t.has("gap")&&this.style.setProperty("--m-grid-gap",ri(this.gap,yi.gap)),t.has("rowGap")&&(this.rowGap?this.style.setProperty("--m-grid-row-gap",ri(this.rowGap)):this.style.removeProperty("--m-grid-row-gap")),t.has("columnGap")&&(this.columnGap?this.style.setProperty("--m-grid-column-gap",ri(this.columnGap)):this.style.removeProperty("--m-grid-column-gap")),t.has("minColumnWidth")&&this.style.setProperty("--m-grid-min-column-width",this.minColumnWidth||yi.minColumnWidth)}render(){return x`<slot></slot>`}}vi.CSSPropertiesPrefix="grid",vi.styles=[si(vi.CSSPropertiesPrefix),X`
|
|
1201
1213
|
:host {
|
|
1202
|
-
--m-grid-gap: ${Mt(
|
|
1203
|
-
--m-grid-min-column-width: ${H(
|
|
1214
|
+
--m-grid-gap: ${Mt(yi.gap)};
|
|
1215
|
+
--m-grid-min-column-width: ${H(yi.minColumnWidth)};
|
|
1204
1216
|
|
|
1205
1217
|
display: grid;
|
|
1206
1218
|
|
|
@@ -1212,15 +1224,15 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1212
1224
|
minmax(min(var(--m-grid-min-column-width), 100%), 1fr)
|
|
1213
1225
|
);
|
|
1214
1226
|
}
|
|
1215
|
-
`],window.customElements.define("m-grid",
|
|
1227
|
+
`],window.customElements.define("m-grid",vi);const wi={gap:"spacing-4",sideWidth:"auto",minContentWidth:"50%",reversed:!1};function xi(t){return t?"row-reverse":"row"}class ki extends ni{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=wi.gap,this.sideWidth=wi.sideWidth,this.minContentWidth=wi.minContentWidth,this.reversed=wi.reversed}getCSSPropertiesPrefix(){return ki.CSSPropertiesPrefix}update(t){super.update(t),t.has("gap")&&this.style.setProperty("--m-sidebar-gap",ri(this.gap,wi.gap)),t.has("sideWidth")&&this.style.setProperty("--m-sidebar-side-width",this.sideWidth||wi.sideWidth),t.has("minContentWidth")&&this.style.setProperty("--m-sidebar-min-content-width",this.minContentWidth||wi.minContentWidth),t.has("reversed")&&this.style.setProperty("--m-sidebar-flex-direction",xi(this.reversed))}render(){return x`
|
|
1216
1228
|
<slot name="sidebar"></slot>
|
|
1217
1229
|
<slot name="content"></slot>
|
|
1218
|
-
`}}
|
|
1230
|
+
`}}ki.CSSPropertiesPrefix="sidebar",ki.styles=[si(ki.CSSPropertiesPrefix),X`
|
|
1219
1231
|
:host {
|
|
1220
|
-
--m-sidebar-gap: ${Mt(
|
|
1221
|
-
--m-sidebar-flex-direction: ${H(
|
|
1222
|
-
--m-sidebar-side-width: ${H(
|
|
1223
|
-
--m-sidebar-min-content-width: ${H(
|
|
1232
|
+
--m-sidebar-gap: ${Mt(wi.gap)};
|
|
1233
|
+
--m-sidebar-flex-direction: ${H(xi(wi.reversed))};
|
|
1234
|
+
--m-sidebar-side-width: ${H(wi.sideWidth)};
|
|
1235
|
+
--m-sidebar-min-content-width: ${H(wi.minContentWidth)};
|
|
1224
1236
|
|
|
1225
1237
|
display: flex;
|
|
1226
1238
|
flex-wrap: wrap;
|
|
@@ -1239,7 +1251,7 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1239
1251
|
flex-grow: 999;
|
|
1240
1252
|
min-width: var(--m-sidebar-min-content-width);
|
|
1241
1253
|
}
|
|
1242
|
-
`],window.customElements.define("m-sidebar",
|
|
1254
|
+
`],window.customElements.define("m-sidebar",ki);const zi={gap:"spacing-4",threshold:"10rem"};class Si extends ni{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=zi.gap,this.threshold=zi.threshold}getCSSPropertiesPrefix(){return Si.CSSPropertiesPrefix}update(t){super.update(t),t.has("gap")&&this.style.setProperty("--m-switcher-gap",ri(this.gap,zi.gap)),t.has("rowGap")&&(this.rowGap?this.style.setProperty("--m-switcher-row-gap",ri(this.rowGap)):this.style.removeProperty("--m-switcher-row-gap")),t.has("columnGap")&&(this.columnGap?this.style.setProperty("--m-switcher-column-gap",ri(this.columnGap)):this.style.removeProperty("--m-switcher-column-gap")),t.has("threshold")&&this.style.setProperty("--m-switcher-threshold",this.threshold||zi.threshold)}render(){const t=this.limit?x`
|
|
1243
1255
|
<style>
|
|
1244
1256
|
::slotted(*:nth-last-child(n + ${this.limit+1})) {
|
|
1245
1257
|
flex-basis: 100%;
|
|
@@ -1251,10 +1263,10 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1251
1263
|
`:"";return x`
|
|
1252
1264
|
${t}
|
|
1253
1265
|
<slot></slot>
|
|
1254
|
-
`}}
|
|
1266
|
+
`}}var Ci,Wi,Mi;Si.CSSPropertiesPrefix="switcher",Si.styles=[si(Si.CSSPropertiesPrefix),X`
|
|
1255
1267
|
:host {
|
|
1256
|
-
--m-switcher-gap: ${Mt(
|
|
1257
|
-
--m-switcher-threshold: ${H(
|
|
1268
|
+
--m-switcher-gap: ${Mt(zi.gap)};
|
|
1269
|
+
--m-switcher-threshold: ${H(zi.threshold)};
|
|
1258
1270
|
|
|
1259
1271
|
display: flex;
|
|
1260
1272
|
flex-wrap: wrap;
|
|
@@ -1267,24 +1279,24 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1267
1279
|
flex-basis: calc((var(--m-switcher-threshold) - 100%) * 999);
|
|
1268
1280
|
flex-grow: 1;
|
|
1269
1281
|
}
|
|
1270
|
-
`],window.customElements.define("m-switcher",
|
|
1282
|
+
`],window.customElements.define("m-switcher",Si);class ji extends ne{constructor(){super(),Ci.add(this),Wi.set(this,void 0),e(this,Wi,new Pe(this,Le,void 0,!0),"f")}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","header")}render(){return x`
|
|
1271
1283
|
<m-group gap="spacing-6" align="center">
|
|
1272
1284
|
<m-group gap="spacing-1" align="center" style="flex-grow: 1;">
|
|
1273
|
-
${t(this,
|
|
1285
|
+
${t(this,Ci,"a",Mi)}
|
|
1274
1286
|
<h1><slot></slot></h1>
|
|
1275
1287
|
</m-group>
|
|
1276
1288
|
<slot name="close"></slot>
|
|
1277
1289
|
</m-group>
|
|
1278
|
-
`}}
|
|
1290
|
+
`}}Wi=new WeakMap,Ci=new WeakSet,Mi=function(){const{value:e}=t(this,Wi,"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
1291
|
<m-icon name=${i} color=${o} size="24" aria-hidden="true"></m-icon>
|
|
1280
|
-
`},
|
|
1292
|
+
`},ji.styles=[X`
|
|
1281
1293
|
h1 {
|
|
1282
1294
|
margin: 0;
|
|
1283
1295
|
padding: 0;
|
|
1284
1296
|
|
|
1285
|
-
${
|
|
1297
|
+
${Lt("heading-md-bold")};
|
|
1286
1298
|
}
|
|
1287
|
-
`],window.customElements.define("m-dialog-header",
|
|
1299
|
+
`],window.customElements.define("m-dialog-header",ji);class Ai extends at{render(){return x` <hr class="m-divider" /> `}}Ai.styles=[X`
|
|
1288
1300
|
.m-divider {
|
|
1289
1301
|
border: 0;
|
|
1290
1302
|
border-block-end: solid 1px ${jt("color-divider")};
|
|
@@ -1297,13 +1309,13 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1297
1309
|
var(--m-divider-margin-y, 0)
|
|
1298
1310
|
);
|
|
1299
1311
|
}
|
|
1300
|
-
`],window.customElements.define("m-divider",
|
|
1312
|
+
`],window.customElements.define("m-divider",Ai);const Bi="field";var Ei,_i,Pi,Ti,Oi;class Ui extends ne{static get properties(){return{status:{type:String},slot:{type:String}}}constructor(){super(),Ei.add(this),this.field=new Pe(this,Bi,void 0,!0),this.slot="hint"}render(){const e={"-status-default":"default"===t(this,Ei,"m",_i).call(this),"-status-danger":"danger"===t(this,Ei,"m",_i).call(this)};return x` <m-group
|
|
1301
1313
|
gap="spacing-0-5"
|
|
1302
1314
|
align="center"
|
|
1303
1315
|
class=${gt(e)}
|
|
1304
1316
|
>
|
|
1305
1317
|
<slot name="leading"
|
|
1306
|
-
>${"danger"===t(this,
|
|
1318
|
+
>${"danger"===t(this,Ei,"m",_i).call(this)?x`<m-icon
|
|
1307
1319
|
name="attention"
|
|
1308
1320
|
size="10"
|
|
1309
1321
|
color="color-danger-60"
|
|
@@ -1313,7 +1325,7 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1313
1325
|
class=${gt({hint:!0,...e})}
|
|
1314
1326
|
><slot></slot>
|
|
1315
1327
|
</span>
|
|
1316
|
-
</m-group>`}}
|
|
1328
|
+
</m-group>`}}Ei=new WeakSet,_i=function(){var t;return this.status||(null===(t=this.field.value)||void 0===t?void 0:t.status)},Ui.styles=[[X`
|
|
1317
1329
|
:host {
|
|
1318
1330
|
--m-field-hint-color: ${jt("color-text-tertiary")};
|
|
1319
1331
|
}
|
|
@@ -1327,14 +1339,14 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1327
1339
|
}
|
|
1328
1340
|
|
|
1329
1341
|
.hint {
|
|
1330
|
-
${
|
|
1342
|
+
${Lt("body-sm")};
|
|
1331
1343
|
color: var(--m-field-hint-color);
|
|
1332
1344
|
}
|
|
1333
|
-
`]],window.customElements.define("m-field-hint",
|
|
1334
|
-
class=${gt({label:!0,"-size-default":"default"===t(this,
|
|
1345
|
+
`]],window.customElements.define("m-field-hint",Ui);class Ri extends ne{static get properties(){return{required:{type:Boolean},size:{type:String},slot:{type:String}}}constructor(){super(),Pi.add(this),this.field=new Pe(this,Bi,void 0,!0),this.slot="hint"}render(){return x`<label
|
|
1346
|
+
class=${gt({label:!0,"-size-default":"default"===t(this,Pi,"m",Ti).call(this),"-size-small":"small"===t(this,Pi,"m",Ti).call(this)})}
|
|
1335
1347
|
><slot></slot>
|
|
1336
|
-
${t(this,
|
|
1337
|
-
</label>`}}
|
|
1348
|
+
${t(this,Pi,"m",Oi).call(this)?x`<span class="required">*</span>`:z}
|
|
1349
|
+
</label>`}}Pi=new WeakSet,Ti=function(){var t;return this.size||(null===(t=this.field.value)||void 0===t?void 0:t.size)},Oi=function(){var t;return null!=this.required?this.required:Boolean(null===(t=this.field.value)||void 0===t?void 0:t.required)},Ri.styles=[[X`
|
|
1338
1350
|
:host {
|
|
1339
1351
|
display: flex;
|
|
1340
1352
|
align-items: center;
|
|
@@ -1343,7 +1355,7 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1343
1355
|
}
|
|
1344
1356
|
|
|
1345
1357
|
.label {
|
|
1346
|
-
${
|
|
1358
|
+
${Lt("body-md")};
|
|
1347
1359
|
|
|
1348
1360
|
display: inline-flex;
|
|
1349
1361
|
align-items: center;
|
|
@@ -1356,7 +1368,7 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1356
1368
|
}
|
|
1357
1369
|
|
|
1358
1370
|
.required {
|
|
1359
|
-
${
|
|
1371
|
+
${Lt("body-md")};
|
|
1360
1372
|
|
|
1361
1373
|
color: ${jt("color-text-error")};
|
|
1362
1374
|
|
|
@@ -1367,22 +1379,22 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1367
1379
|
|
|
1368
1380
|
.label.-size-small,
|
|
1369
1381
|
.label.-size-small .required {
|
|
1370
|
-
${
|
|
1382
|
+
${Lt("body-sm")};
|
|
1371
1383
|
}
|
|
1372
|
-
`]],window.customElements.define("m-field-label",
|
|
1384
|
+
`]],window.customElements.define("m-field-label",Ri),qe();class qi 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,Bi,{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">
|
|
1373
1385
|
${this.label?x`<m-field-label>${this.label}</m-field-label>`:x`<slot name="label"></slot>`}
|
|
1374
1386
|
|
|
1375
1387
|
<slot></slot>
|
|
1376
1388
|
|
|
1377
1389
|
${this.hint?x`<m-field-hint>${this.hint}</m-field-hint>`:x`<slot name="hint"></slot>`}
|
|
1378
|
-
</m-stack>`}}window.customElements.define("m-field",
|
|
1390
|
+
</m-stack>`}}window.customElements.define("m-field",qi);const Ni=["default","danger"];var Li,Di,Gi;class Ii extends at{static get properties(){return{variant:{type:String,reflect:!0},value:{type:Number,reflect:!0},max:{type:Number,reflect:!0}}}constructor(){super(),Li.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,Li,"a",Gi)/t(this,Li,"a",Di)}get currentVariant(){return this.variant}render(){return x`
|
|
1379
1391
|
<div class="bar">
|
|
1380
1392
|
<span
|
|
1381
1393
|
class=${gt({progress:!0,"-default":"default"===this.currentVariant,"-success":"success"===this.currentVariant,"-warning":"warning"===this.currentVariant,"-danger":"danger"===this.currentVariant})}
|
|
1382
1394
|
style=${ye({width:`${this.percentage}%`})}
|
|
1383
1395
|
></span>
|
|
1384
1396
|
</div>
|
|
1385
|
-
`}}
|
|
1397
|
+
`}}Li=new WeakSet,Di=function(){return this.max<=0?100:this.max},Gi=function(){return e=this.value,i=0,o=t(this,Li,"a",Di),Math.min(Math.max(i,e),o);var e,i,o},Ii.styles=[X`
|
|
1386
1398
|
.bar {
|
|
1387
1399
|
display: flex;
|
|
1388
1400
|
flex-grow: 0;
|
|
@@ -1405,7 +1417,7 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1405
1417
|
top: 0;
|
|
1406
1418
|
left: 0;
|
|
1407
1419
|
|
|
1408
|
-
${
|
|
1420
|
+
${Nt([{property:"width"},{property:"background"}])};
|
|
1409
1421
|
|
|
1410
1422
|
height: ${le("8px")};
|
|
1411
1423
|
|
|
@@ -1433,7 +1445,7 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1433
1445
|
.-danger {
|
|
1434
1446
|
--m-progress-bar-progress-background: ${jt("color-danger-60")};
|
|
1435
1447
|
}
|
|
1436
|
-
`],window.customElements.define("m-progress-bar",
|
|
1448
|
+
`],window.customElements.define("m-progress-bar",Ii);class Vi extends Ii{get currentVariant(){return this.percentage>=66?"success":this.percentage>=33?"warning":"danger"}}window.customElements.define("m-progress-bar-countdown",Vi);const Ji="m-check";var Hi,Xi,Yi,Zi,Fi;class Ki extends at{static get properties(){return{value:{type:String},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0}}}constructor(){super(),Hi.add(this),Yi.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(Ji,e))})),Zi.set(this,(()=>{this.setAttribute("aria-disabled",String(this.disabled))})),Fi.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,Yi,"f"))}updated(e){super.updated(e),e.has("disabled")&&t(this,Zi,"f").call(this),e.has("checked")&&t(this,Fi,"f").call(this)}render(){return x`
|
|
1437
1449
|
<button
|
|
1438
1450
|
type="button"
|
|
1439
1451
|
class="radio-button"
|
|
@@ -1445,7 +1457,7 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1445
1457
|
<slot name="leading"></slot>
|
|
1446
1458
|
<slot></slot>
|
|
1447
1459
|
</button>
|
|
1448
|
-
`}focus(e){var i;null===(i=t(this,
|
|
1460
|
+
`}focus(e){var i;null===(i=t(this,Hi,"a",Xi))||void 0===i||i.focus(e)}}Yi=new WeakMap,Zi=new WeakMap,Fi=new WeakMap,Hi=new WeakSet,Xi=function(){var t,e;return null!==(e=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector("button"))&&void 0!==e?e:null},Ki.styles=[X`
|
|
1449
1461
|
:host {
|
|
1450
1462
|
--m-radio-border-color: ${jt("color-border")};
|
|
1451
1463
|
--m-radio-dot-check-color: ${jt("color-primary-60")};
|
|
@@ -1458,7 +1470,7 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1458
1470
|
}
|
|
1459
1471
|
|
|
1460
1472
|
.radio-button {
|
|
1461
|
-
${
|
|
1473
|
+
${Lt("body-md")};
|
|
1462
1474
|
color: var(--m-radio-label-color);
|
|
1463
1475
|
|
|
1464
1476
|
border: none;
|
|
@@ -1469,7 +1481,7 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1469
1481
|
gap: ${Mt("spacing-1")};
|
|
1470
1482
|
align-items: center;
|
|
1471
1483
|
border-radius: ${Mt("border-radius-s")};
|
|
1472
|
-
${
|
|
1484
|
+
${Nt({property:"color"})};
|
|
1473
1485
|
}
|
|
1474
1486
|
|
|
1475
1487
|
${Gt.focus(".radio-button")} {
|
|
@@ -1488,7 +1500,7 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1488
1500
|
position: relative;
|
|
1489
1501
|
display: inline-flex;
|
|
1490
1502
|
|
|
1491
|
-
${
|
|
1503
|
+
${Nt({property:"border-color"})};
|
|
1492
1504
|
}
|
|
1493
1505
|
|
|
1494
1506
|
.radio-button .radio-input::before {
|
|
@@ -1501,7 +1513,7 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1501
1513
|
left: 50%;
|
|
1502
1514
|
display: block;
|
|
1503
1515
|
position: absolute;
|
|
1504
|
-
${
|
|
1516
|
+
${Nt([{property:"background-color"},{property:"height",duration:"120ms"},{property:"width",duration:"120ms"}])};
|
|
1505
1517
|
}
|
|
1506
1518
|
|
|
1507
1519
|
.radio-button[aria-checked='true'] .radio-input::before {
|
|
@@ -1548,13 +1560,13 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1548
1560
|
${Dt(".radio-button","*")} {
|
|
1549
1561
|
pointer-event: none;
|
|
1550
1562
|
}
|
|
1551
|
-
`],window.customElements.define("m-radio",
|
|
1563
|
+
`],window.customElements.define("m-radio",Ki);var Qi,to={};Object.defineProperty(to,"i",{value:!0});var eo=At;const io=(t,e)=>{const i=eo.toArray(t);if(0===i.length)return e;const o=new Set;return o.add(String(i.at(-1))),o},oo=(t,e)=>{const i=eo.toArray(t);if(0===i.length)return e;const o=new Set(e);for(const t of i)o.add(String(t));return o},ro={type:"single",init:t=>io(t,new Set),select:io,unselect(t,e){const i=eo.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=eo.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}},no={type:"single-strict",init:t=>io(t,new Set),select:io,unselect(t,e){const i=eo.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=eo.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}},so={type:"multiple",init:t=>oo(t,new Set),select:oo,unselect(t,e){const i=eo.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=eo.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 ao,lo,co,ho,uo,go,po,bo,mo,fo,$o,yo,vo,wo;to.SELECTION_TYPES=["single","single-strict","multiple"],Qi=to.default=function(t){const{type:e="multiple"}=t;return"single"===e?ro:"single-strict"===e?no:so};class xo{constructor(e,i,o){ao.add(this),this.disabled=!1,this.event="m-select",lo.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,ao,"m",co).call(this)},this.unselect=e=>{this.host.selection=this.strategy.unselect(e,this.host.selection),t(this,ao,"m",co).call(this)},this.toggle=e=>{this.host.selection=this.strategy.toggle(e,this.host.selection),t(this,ao,"m",co).call(this)},this.subscribe=()=>{this.host.addEventListener(this.event,t(this,lo,"f"))},this.unsubscribe=()=>{this.host.removeEventListener(this.event,t(this,lo,"f"))},this.host=e,this.type=i,this.event=o,this.strategy=Qi({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))}}lo=new WeakMap,ao=new WeakSet,co=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 ko extends at{static get properties(){return{value:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},selection:{state:!0},orientation:{type:String}}}constructor(){super(),ho.set(this,null),uo.set(this,null),go.set(this,(()=>{var e;return null===(e=t(this,po,"f").call(this)[0])||void 0===e?void 0:e.value})),po.set(this,(()=>{var i,o,r;e(this,uo,null!==(i=t(this,uo,"f"))&&void 0!==i?i:this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...null!==(r=null===(o=t(this,uo,"f"))||void 0===o?void 0:o.assignedElements({flatten:!0}))&&void 0!==r?r:[]].filter((t=>"m-radio"===t.tagName.toLowerCase()))})),bo.set(this,(t=>{t.checked=this.selection.has(t.value)})),mo.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,ho,new xo(this,this.type,Ji),"f")}update(e){super.update(e),e.has("value")&&t(this,ho,"f")&&t(this,ho,"f").init(Bt(this.value||t(this,go,"f").call(this))),e.has("selection")&&([this.value]=this.selection)}updated(e){super.updated(e),e.has("selection")&&t(this,po,"f").call(this).forEach((e=>{t(this,bo,"f").call(this,e)})),e.has("disabled")&&t(this,po,"f").call(this).forEach((e=>{t(this,mo,"f").call(this,e)}))}render(){return x`
|
|
1552
1564
|
<div
|
|
1553
1565
|
class=${gt({"radio-group":!0,"-vertical":"vertical"===this.orientation,"-horizontal":"horizontal"===this.orientation})}
|
|
1554
1566
|
>
|
|
1555
1567
|
<slot></slot>
|
|
1556
1568
|
</div>
|
|
1557
|
-
`}}
|
|
1569
|
+
`}}ho=new WeakMap,uo=new WeakMap,go=new WeakMap,po=new WeakMap,bo=new WeakMap,mo=new WeakMap,ko.styles=[X`
|
|
1558
1570
|
.radio-group {
|
|
1559
1571
|
display: flex;
|
|
1560
1572
|
gap: ${Mt("spacing-2")};
|
|
@@ -1565,14 +1577,14 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1565
1577
|
.radio-group.-horizontal {
|
|
1566
1578
|
flex-direction: row;
|
|
1567
1579
|
}
|
|
1568
|
-
`],window.customElements.define("m-radio-group",
|
|
1580
|
+
`],window.customElements.define("m-radio-group",ko);class zo 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`
|
|
1569
1581
|
<span
|
|
1570
1582
|
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})}
|
|
1571
1583
|
>
|
|
1572
1584
|
${this.isSkeleton?x``:x`<slot name="leading"></slot>`}
|
|
1573
1585
|
<slot></slot>
|
|
1574
1586
|
</span>
|
|
1575
|
-
`}}
|
|
1587
|
+
`}}zo.styles=[[X`
|
|
1576
1588
|
@keyframes skeleton-loading {
|
|
1577
1589
|
0% {
|
|
1578
1590
|
background-color: ${jt("color-background-tertiary")};
|
|
@@ -1608,17 +1620,17 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1608
1620
|
}
|
|
1609
1621
|
|
|
1610
1622
|
.-size-small {
|
|
1611
|
-
${
|
|
1623
|
+
${Lt("chips-sm")};
|
|
1612
1624
|
padding: ${Mt("spacing-1")} ${Mt("spacing-2")};
|
|
1613
1625
|
block-size: ${le("18px")};
|
|
1614
1626
|
}
|
|
1615
1627
|
.-size-default {
|
|
1616
|
-
${
|
|
1628
|
+
${Lt("chips-md")};
|
|
1617
1629
|
padding: ${Mt("spacing-2")} ${Mt("spacing-3")};
|
|
1618
1630
|
block-size: ${Mt("global-height-small")};
|
|
1619
1631
|
}
|
|
1620
1632
|
.-size-large {
|
|
1621
|
-
${
|
|
1633
|
+
${Lt("button-lg")};
|
|
1622
1634
|
padding: ${Mt("spacing-3")} ${Mt("spacing-4")};
|
|
1623
1635
|
block-size: ${Mt("global-height-default")};
|
|
1624
1636
|
}
|
|
@@ -1644,9 +1656,9 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1644
1656
|
${H("animation: skeleton-loading 1s linear infinite alternate;")};
|
|
1645
1657
|
width: var(--m-tag-skeleton-width);
|
|
1646
1658
|
}
|
|
1647
|
-
`]],window.customElements.define("m-tag",
|
|
1659
|
+
`]],window.customElements.define("m-tag",zo);class So 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(),fo.add(this),this.inputElement=null,this.field=new Pe(this,Bi,void 0,!0),vo.set(this,(t=>{this.value=t.target.value,this.reemit(t)})),wo.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`
|
|
1648
1660
|
<div
|
|
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,
|
|
1661
|
+
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,fo,"m",yo).call(this),"-status-danger":"danger"===t(this,fo,"m",yo).call(this)})}
|
|
1650
1662
|
>
|
|
1651
1663
|
<slot name="leading"></slot>
|
|
1652
1664
|
<input
|
|
@@ -1665,17 +1677,17 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1665
1677
|
step=${this.step||z}
|
|
1666
1678
|
value="${dt(this.value)}"
|
|
1667
1679
|
@change=${this.reemit}
|
|
1668
|
-
@input=${t(this,
|
|
1680
|
+
@input=${t(this,vo,"f")}
|
|
1669
1681
|
/>
|
|
1670
1682
|
${this.clearable?x`<m-close-button
|
|
1671
|
-
class=${gt({clear:!0,"is-visible":t(this,
|
|
1683
|
+
class=${gt({clear:!0,"is-visible":t(this,fo,"m",$o).call(this)})}
|
|
1672
1684
|
controls="${dt(this.id)}"
|
|
1673
|
-
@m-close=${t(this,
|
|
1685
|
+
@m-close=${t(this,wo,"f")}
|
|
1674
1686
|
label="Clear input"
|
|
1675
1687
|
></m-close-button>`:z}
|
|
1676
1688
|
<slot name="trailing"></slot>
|
|
1677
1689
|
</div>
|
|
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()}}
|
|
1690
|
+
`}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()}}vo=new WeakMap,wo=new WeakMap,fo=new WeakSet,$o=function(){const t=this.value||"";return!this.disabled&&t.length>0},yo=function(){var t;return this.status||(null===(t=this.field.value)||void 0===t?void 0:t.status)},So.styles=[X`
|
|
1679
1691
|
:host {
|
|
1680
1692
|
--m-text-field-background-color: transparent;
|
|
1681
1693
|
--m-text-field-border-color: ${jt("color-border")};
|
|
@@ -1688,8 +1700,8 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1688
1700
|
}
|
|
1689
1701
|
|
|
1690
1702
|
.container {
|
|
1691
|
-
${
|
|
1692
|
-
${
|
|
1703
|
+
${Lt("body-md")};
|
|
1704
|
+
${Nt([{property:"background-color"},{property:"border-color"}])};
|
|
1693
1705
|
|
|
1694
1706
|
display: inline-flex;
|
|
1695
1707
|
align-items: center;
|
|
@@ -1715,7 +1727,7 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1715
1727
|
|
|
1716
1728
|
.container.-size-small,
|
|
1717
1729
|
.container.-size-small .text-field {
|
|
1718
|
-
${
|
|
1730
|
+
${Lt("body-sm")};
|
|
1719
1731
|
}
|
|
1720
1732
|
|
|
1721
1733
|
.container.-size-large {
|
|
@@ -1757,7 +1769,7 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1757
1769
|
}
|
|
1758
1770
|
|
|
1759
1771
|
.text-field {
|
|
1760
|
-
${
|
|
1772
|
+
${Lt("body-md")};
|
|
1761
1773
|
|
|
1762
1774
|
border: none;
|
|
1763
1775
|
outline: none;
|
|
@@ -1790,14 +1802,14 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1790
1802
|
.clear.is-visible {
|
|
1791
1803
|
visibility: visible;
|
|
1792
1804
|
}
|
|
1793
|
-
`],window.customElements.define("m-text-field",
|
|
1805
|
+
`],window.customElements.define("m-text-field",So);const Co="m-toggle";var Wo,Mo,jo,Ao,Bo,Eo,_o,Po,To,Oo,Uo;class Ro 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(),Wo.set(this,null),Mo.set(this,null),jo.set(this,(()=>{var i,o,r;e(this,Mo,null!==(i=t(this,Mo,"f"))&&void 0!==i?i:this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...null!==(r=null===(o=t(this,Mo,"f"))||void 0===o?void 0:o.assignedElements({flatten:!0}))&&void 0!==r?r:[]].filter((t=>"m-toggle"===t.tagName.toLowerCase()))})),Ao.set(this,(t=>{t.setAttribute("role",["single","single-strict"].includes(this.type)?"radio":"checkbox")})),Bo.set(this,(t=>{t.checked=this.selection.has(t.value)})),Eo.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,Wo,"f"))&&(e(this,Wo,new xo(this,this.type,Co),"f"),t(this,Wo,"f").init(Bt(this.value)),this.role=["single","single-strict"].includes(this.type)?"radiogroup":"group"),i.has("value")&&t(this,Wo,"f").init(Bt(this.value))}updated(e){super.updated(e),e.has("selection")&&t(this,jo,"f").call(this).forEach((e=>{t(this,Bo,"f").call(this,e)})),e.has("disabled")&&t(this,jo,"f").call(this).forEach((e=>{t(this,Eo,"f").call(this,e)})),e.has("role")&&t(this,jo,"f").call(this).forEach((e=>{t(this,Ao,"f").call(this,e)}))}render(){return x`
|
|
1794
1806
|
<m-group
|
|
1795
1807
|
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})}
|
|
1796
1808
|
gap="spacing-1"
|
|
1797
1809
|
>
|
|
1798
1810
|
<slot></slot>
|
|
1799
1811
|
</m-group>
|
|
1800
|
-
`}}
|
|
1812
|
+
`}}Wo=new WeakMap,Mo=new WeakMap,jo=new WeakMap,Ao=new WeakMap,Bo=new WeakMap,Eo=new WeakMap,Ro.styles=[[X`
|
|
1801
1813
|
.toggle-group {
|
|
1802
1814
|
inline-size: max-content;
|
|
1803
1815
|
|
|
@@ -1823,7 +1835,7 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1823
1835
|
.toggle-group.-show-check ::slotted(m-toggle[aria-checked='true']) {
|
|
1824
1836
|
--m-toggle-icon-display: inline-flex;
|
|
1825
1837
|
}
|
|
1826
|
-
`]],window.customElements.define("m-toggle-group",
|
|
1838
|
+
`]],window.customElements.define("m-toggle-group",Ro);class qo extends at{static get properties(){return{checked:{type:Boolean},disabled:{type:Boolean,reflect:!0},role:{type:String,reflect:!0},value:{type:String}}}constructor(){super(),_o.add(this),To.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(Co,t))})),Oo.set(this,(()=>{this.setAttribute("aria-disabled",String(this.disabled))})),Uo.set(this,(()=>{this.setAttribute("aria-checked",String(this.checked))})),this.disabled=!1,this.checked=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("click",t(this,To,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",t(this,To,"f"))}updated(e){super.updated(e),e.has("disabled")&&t(this,Oo,"f").call(this),e.has("checked")&&t(this,Uo,"f").call(this)}render(){return x`
|
|
1827
1839
|
<button
|
|
1828
1840
|
type="button"
|
|
1829
1841
|
class=${gt({button:!0,toggle:!0})}
|
|
@@ -1837,7 +1849,7 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1837
1849
|
|
|
1838
1850
|
<slot></slot>
|
|
1839
1851
|
</button>
|
|
1840
|
-
`}focus(e){var i;null===(i=t(this,
|
|
1852
|
+
`}focus(e){var i;null===(i=t(this,_o,"a",Po))||void 0===i||i.focus(e)}}To=new WeakMap,Oo=new WeakMap,Uo=new WeakMap,_o=new WeakSet,Po=function(){var t,e;return null!==(e=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector("button"))&&void 0!==e?e:null},qo.styles=[[It(),X`
|
|
1841
1853
|
:host {
|
|
1842
1854
|
/*
|
|
1843
1855
|
* These custom properties are here because they are meant to be
|
|
@@ -1877,5 +1889,5 @@ let Re=class{constructor(t,e,i,o=!1){this.host=t,this.context=e,this.callback=i,
|
|
|
1877
1889
|
|
|
1878
1890
|
display: var(--m-toggle-icon-display);
|
|
1879
1891
|
}
|
|
1880
|
-
`]],window.customElements.define("m-toggle",
|
|
1892
|
+
`]],window.customElements.define("m-toggle",qo);export{gi 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,mi 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,ei as DialogActionPrimary,ii as DialogActionSecondary,oi as DialogActionTertiary,di as DialogActions,ci as DialogBody,hi as DialogClose,ui as DialogFooter,ji as DialogHeader,Ai as Divider,Ni as FIELD_STATUSES,qi as Field,Ui as FieldHint,Ri as FieldLabel,vi as Grid,li as Group,pi as JUSTIFY_CONTENT_VALUES,Ii as ProgressBar,Vi as ProgressBarCountdown,Ki as Radio,ko as RadioGroup,ki as Sidebar,$i as Stack,Si as Switcher,zo as Tag,ve as Text,So as TextField,qo as Toggle,Ro as ToggleGroup,bi as defaultBoxProps,yi as defaultGridProps,ai as defaultGroupProps,wi as defaultSidebarProps,fi as defaultStackProps,zi as defaultSwitcherProps};
|
|
1881
1893
|
//# sourceMappingURL=index.js.map
|