@loadsmart/miranda-wc 1.44.1 → 1.44.2
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/arrow-left-9cd15947.js +2 -0
- package/dist/arrow-left-9cd15947.js.map +1 -0
- package/dist/attention-2c39617f.js +2 -0
- package/dist/attention-2c39617f.js.map +1 -0
- package/dist/bell-476c9ce2.js +2 -0
- package/dist/bell-476c9ce2.js.map +1 -0
- package/dist/check-11d0d257.js +2 -0
- package/dist/check-11d0d257.js.map +1 -0
- package/dist/close-3f7d5bd7.js +2 -0
- package/dist/close-3f7d5bd7.js.map +1 -0
- package/dist/components/back-button/back-button.d.ts +13 -0
- package/dist/components/back-button/back-button.d.ts.map +1 -0
- package/dist/components/back-button/back-button.styles.d.ts +3 -0
- package/dist/components/back-button/back-button.styles.d.ts.map +1 -0
- package/dist/components/back-button/index.d.ts +2 -0
- package/dist/components/back-button/index.d.ts.map +1 -0
- package/dist/components/button/button.d.ts +1 -1
- package/dist/components/header/header-actions.d.ts +19 -0
- package/dist/components/header/header-actions.d.ts.map +1 -0
- package/dist/components/header/header-title.d.ts +19 -0
- package/dist/components/header/header-title.d.ts.map +1 -0
- package/dist/components/header/header.d.ts +12 -0
- package/dist/components/header/header.d.ts.map +1 -0
- package/dist/components/header/header.styles.d.ts +6 -0
- package/dist/components/header/header.styles.d.ts.map +1 -0
- package/dist/components/header/index.d.ts +5 -0
- package/dist/components/header/index.d.ts.map +1 -0
- package/dist/components/header/sub-header.d.ts +20 -0
- package/dist/components/header/sub-header.d.ts.map +1 -0
- package/dist/components/icon/available-icons.d.ts +2 -2
- package/dist/components/icon/available-icons.d.ts.map +1 -1
- package/dist/components/icon/icons/arrow-left.d.ts +3 -0
- package/dist/components/icon/icons/arrow-left.d.ts.map +1 -0
- package/dist/components/section/section-title.d.ts +1 -1
- package/dist/components/text/text.d.ts +1 -1
- package/dist/indeterminate-730aeee6.js +2 -0
- package/dist/indeterminate-730aeee6.js.map +1 -0
- package/dist/index-14932347.js +2310 -0
- package/dist/index-14932347.js.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/info-circle-ee45fa94.js +2 -0
- package/dist/info-circle-ee45fa94.js.map +1 -0
- package/package.json +2 -1
- package/dist/attention-4cf16e05.js +0 -2
- package/dist/attention-4cf16e05.js.map +0 -1
- package/dist/bell-0636d6a1.js +0 -2
- package/dist/bell-0636d6a1.js.map +0 -1
- package/dist/check-187989f4.js +0 -2
- package/dist/check-187989f4.js.map +0 -1
- package/dist/close-ee6dd68e.js +0 -2
- package/dist/close-ee6dd68e.js.map +0 -1
- package/dist/indeterminate-5122c1f8.js +0 -2
- package/dist/indeterminate-5122c1f8.js.map +0 -1
- package/dist/index-af645330.js +0 -2235
- package/dist/index-af645330.js.map +0 -1
- package/dist/info-circle-7c459b23.js +0 -2
- package/dist/info-circle-7c459b23.js.map +0 -1
|
@@ -0,0 +1,2310 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2019 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
+
*/
|
|
6
|
+
const t$6=window,e$8=t$6.ShadowRoot&&(void 0===t$6.ShadyCSS||t$6.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$8=Symbol(),n$7=new WeakMap;let o$7=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==s$8)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(e$8&&void 0===t){const o=void 0!==e&&1===e.length;o&&(t=n$7.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&n$7.set(e,t))}return t}toString(){return this.cssText}};const r$4=t=>new o$7("string"==typeof t?t:t+"",void 0,s$8),i$4=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,o,i)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+t[i+1]),t[0]);return new o$7(o,t,s$8)},S$1=(t,e)=>{e$8?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const o=document.createElement("style"),i=t$6.litNonce;void 0!==i&&o.setAttribute("nonce",i),o.textContent=e.cssText,t.appendChild(o)}))},c$1=e$8?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return r$4(e)})(t):t
|
|
7
|
+
/**
|
|
8
|
+
* @license
|
|
9
|
+
* Copyright 2017 Google LLC
|
|
10
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
+
*/;var s$7;const e$7=window,r$3=e$7.trustedTypes,h$1=r$3?r$3.emptyScript:"",o$6=e$7.reactiveElementPolyfillSupport,n$6={toAttribute(t,e){switch(e){case Boolean:t=t?h$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let o=t;switch(e){case Boolean:o=null!==t;break;case Number:o=null===t?null:Number(t);break;case Object:case Array:try{o=JSON.parse(t)}catch(t){o=null}}return o}},a$2=(t,e)=>e!==t&&(e==e||t==t),l$5={attribute:!0,type:String,converter:n$6,reflect:!1,hasChanged:a$2},d$2="finalized";let u$1=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,o)=>{const i=this._$Ep(o,e);void 0!==i&&(this._$Ev.set(i,o),t.push(i))})),t}static createProperty(t,e=l$5){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const o="symbol"==typeof t?Symbol():"__"+t,i=this.getPropertyDescriptor(t,o,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}}static getPropertyDescriptor(t,e,o){return{get(){return this[e]},set(i){const n=this[t];this[e]=i,this.requestUpdate(t,n,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||l$5}static finalize(){if(this.hasOwnProperty(d$2))return!1;this[d$2]=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const o of e)this.createProperty(o,t[o])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const t of o)e.unshift(c$1(t))}else void 0!==t&&e.push(c$1(t));return e}static _$Ep(t,e){const o=e.attribute;return!1===o?void 0:"string"==typeof o?o:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,o;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(o=t.hostConnected)||void 0===o||o.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return S$1(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$EO(t,e,o=l$5){var i;const n=this.constructor._$Ep(t,o);if(void 0!==n&&!0===o.reflect){const r=(void 0!==(null===(i=o.converter)||void 0===i?void 0:i.toAttribute)?o.converter:n$6).toAttribute(e,o.type);this._$El=t,null==r?this.removeAttribute(n):this.setAttribute(n,r),this._$El=null}}_$AK(t,e){var o;const i=this.constructor,n=i._$Ev.get(t);if(void 0!==n&&this._$El!==n){const t=i.getPropertyOptions(n),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(o=t.converter)||void 0===o?void 0:o.fromAttribute)?t.converter:n$6;this._$El=n,this[n]=r.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,o){let i=!0;void 0!==t&&(((o=o||this.constructor.getPropertyOptions(t)).hasChanged||a$2)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===o.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,o))):i=!1),!this.isUpdatePending&&i&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const o=this._$AL;try{e=this.shouldUpdate(o),e?(this.willUpdate(o),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(o)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(o)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};
|
|
12
|
+
/**
|
|
13
|
+
* @license
|
|
14
|
+
* Copyright 2017 Google LLC
|
|
15
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
|
+
*/
|
|
17
|
+
var t$5;u$1[d$2]=!0,u$1.elementProperties=new Map,u$1.elementStyles=[],u$1.shadowRootOptions={mode:"open"},null==o$6||o$6({ReactiveElement:u$1}),(null!==(s$7=e$7.reactiveElementVersions)&&void 0!==s$7?s$7:e$7.reactiveElementVersions=[]).push("1.6.2");const i$3=window,s$6=i$3.trustedTypes,e$6=s$6?s$6.createPolicy("lit-html",{createHTML:t=>t}):void 0,o$5="$lit$",n$5=`lit$${(Math.random()+"").slice(9)}$`,l$4="?"+n$5,h=`<${l$4}>`,r$2=document,u=()=>r$2.createComment(""),d$1=t=>null===t||"object"!=typeof t&&"function"!=typeof t,c=Array.isArray,v=t=>c(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),a$1="[ \t\n\f\r]",f=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_$1=/-->/g,m$1=/>/g,p$1=RegExp(`>|${a$1}(?:([^\\s"'>=/]+)(${a$1}*=${a$1}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),g=/'/g,$=/"/g,y=/^(?:script|style|textarea|title)$/i,w=t=>(e,...o)=>({_$litType$:t,strings:e,values:o}),x$1=w(1),b=w(2),T=Symbol.for("lit-noChange"),A=Symbol.for("lit-nothing"),E=new WeakMap,C=r$2.createTreeWalker(r$2,129,null,!1);function P(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==e$6?e$6.createHTML(e):e}const V=(t,e)=>{const o=t.length-1,i=[];let n,r=2===e?"<svg>":"",s=f;for(let e=0;e<o;e++){const o=t[e];let l,a,d=-1,c=0;for(;c<o.length&&(s.lastIndex=c,a=s.exec(o),null!==a);)c=s.lastIndex,s===f?"!--"===a[1]?s=_$1:void 0!==a[1]?s=m$1:void 0!==a[2]?(y.test(a[2])&&(n=RegExp("</"+a[2],"g")),s=p$1):void 0!==a[3]&&(s=p$1):s===p$1?">"===a[0]?(s=null!=n?n:f,d=-1):void 0===a[1]?d=-2:(d=s.lastIndex-a[2].length,l=a[1],s=void 0===a[3]?p$1:'"'===a[3]?$:g):s===$||s===g?s=p$1:s===_$1||s===m$1?s=f:(s=p$1,n=void 0);const u=s===p$1&&t[e+1].startsWith("/>")?" ":"";r+=s===f?o+h:d>=0?(i.push(l),o.slice(0,d)+o$5+o.slice(d)+n$5+u):o+n$5+(-2===d?(i.push(void 0),e):u)}return[P(t,r+(t[o]||"<?>")+(2===e?"</svg>":"")),i]};let N$1=class t{constructor({strings:e,_$litType$:o},i){let n;this.parts=[];let r=0,s=0;const l=e.length-1,a=this.parts,[d,c]=V(e,o);if(this.el=t.createElement(d,i),C.currentNode=this.el.content,2===o){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(n=C.nextNode())&&a.length<l;){if(1===n.nodeType){if(n.hasAttributes()){const t=[];for(const e of n.getAttributeNames())if(e.endsWith(o$5)||e.startsWith(n$5)){const o=c[s++];if(t.push(e),void 0!==o){const t=n.getAttribute(o.toLowerCase()+o$5).split(n$5),e=/([.?@])?(.*)/.exec(o);a.push({type:1,index:r,name:e[2],strings:t,ctor:"."===e[1]?H:"?"===e[1]?L:"@"===e[1]?z:k})}else a.push({type:6,index:r})}for(const e of t)n.removeAttribute(e)}if(y.test(n.tagName)){const t=n.textContent.split(n$5),e=t.length-1;if(e>0){n.textContent=s$6?s$6.emptyScript:"";for(let o=0;o<e;o++)n.append(t[o],u()),C.nextNode(),a.push({type:2,index:++r});n.append(t[e],u())}}}else if(8===n.nodeType)if(n.data===l$4)a.push({type:2,index:r});else{let t=-1;for(;-1!==(t=n.data.indexOf(n$5,t+1));)a.push({type:7,index:r}),t+=n$5.length-1}r++}}static createElement(t,e){const o=r$2.createElement("template");return o.innerHTML=t,o}};function S(t,e,o=t,i){var n,r,s,l;if(e===T)return e;let a=void 0!==i?null===(n=o._$Co)||void 0===n?void 0:n[i]:o._$Cl;const d=d$1(e)?void 0:e._$litDirective$;return(null==a?void 0:a.constructor)!==d&&(null===(r=null==a?void 0:a._$AO)||void 0===r||r.call(a,!1),void 0===d?a=void 0:(a=new d(t),a._$AT(t,o,i)),void 0!==i?(null!==(s=(l=o)._$Co)&&void 0!==s?s:l._$Co=[])[i]=a:o._$Cl=a),void 0!==a&&(e=S(t,a._$AS(t,e.values),a,i)),e}class M{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var e;const{el:{content:o},parts:i}=this._$AD,n=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:r$2).importNode(o,!0);C.currentNode=n;let r=C.nextNode(),s=0,l=0,a=i[0];for(;void 0!==a;){if(s===a.index){let e;2===a.type?e=new R(r,r.nextSibling,this,t):1===a.type?e=new a.ctor(r,a.name,a.strings,this,t):6===a.type&&(e=new Z(r,this,t)),this._$AV.push(e),a=i[++l]}s!==(null==a?void 0:a.index)&&(r=C.nextNode(),s++)}return C.currentNode=r$2,n}v(t){let e=0;for(const o of this._$AV)void 0!==o&&(void 0!==o.strings?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}class R{constructor(t,e,o,i){var n;this.type=2,this._$AH=A,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=i,this._$Cp=null===(n=null==i?void 0:i.isConnected)||void 0===n||n}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=S(this,t,e),d$1(t)?t===A||null==t||""===t?(this._$AH!==A&&this._$AR(),this._$AH=A):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):v(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!==A&&d$1(this._$AH)?this._$AA.nextSibling.data=t:this.$(r$2.createTextNode(t)),this._$AH=t}g(t){var e;const{values:o,_$litType$:i}=t,n="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=N$1.createElement(P(i.h,i.h[0]),this.options)),i);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===n)this._$AH.v(o);else{const t=new M(n,this),e=t.u(this.options);t.v(o),this.$(e),this._$AH=t}}_$AC(t){let e=E.get(t.strings);return void 0===e&&E.set(t.strings,e=new N$1(t)),e}T(t){c(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,i=0;for(const n of t)i===e.length?e.push(o=new R(this.k(u()),this.k(u()),this,this.options)):o=e[i],o._$AI(n),i++;i<e.length&&(this._$AR(o&&o._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var o;for(null===(o=this._$AP)||void 0===o||o.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cp=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class k{constructor(t,e,o,i,n){this.type=1,this._$AH=A,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=n,o.length>2||""!==o[0]||""!==o[1]?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=A}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,o,i){const n=this.strings;let r=!1;if(void 0===n)t=S(this,t,e,0),r=!d$1(t)||t!==this._$AH&&t!==T,r&&(this._$AH=t);else{const i=t;let s,l;for(t=n[0],s=0;s<n.length-1;s++)l=S(this,i[o+s],e,s),l===T&&(l=this._$AH[s]),r||(r=!d$1(l)||l!==this._$AH[s]),l===A?t=A:t!==A&&(t+=(null!=l?l:"")+n[s+1]),this._$AH[s]=l}r&&!i&&this.j(t)}j(t){t===A?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class H extends k{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===A?void 0:t}}const I=s$6?s$6.emptyScript:"";class L extends k{constructor(){super(...arguments),this.type=4}j(t){t&&t!==A?this.element.setAttribute(this.name,I):this.element.removeAttribute(this.name)}}class z extends k{constructor(t,e,o,i,n){super(t,e,o,i,n),this.type=5}_$AI(t,e=this){var o;if((t=null!==(o=S(this,t,e,0))&&void 0!==o?o:A)===T)return;const i=this._$AH,n=t===A&&i!==A||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,r=t!==A&&(i===A||n);n&&this.element.removeEventListener(this.name,this,i),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,o;"function"==typeof this._$AH?this._$AH.call(null!==(o=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==o?o:this.element,t):this._$AH.handleEvent(t)}}class Z{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t)}}const B=i$3.litHtmlPolyfillSupport;null==B||B(N$1,R),(null!==(t$5=i$3.litHtmlVersions)&&void 0!==t$5?t$5:i$3.litHtmlVersions=[]).push("2.8.0");const D=(t,e,o)=>{var i,n;const r=null!==(i=null==o?void 0:o.renderBefore)&&void 0!==i?i:e;let s=r._$litPart$;if(void 0===s){const t=null!==(n=null==o?void 0:o.renderBefore)&&void 0!==n?n:null;r._$litPart$=s=new R(e.insertBefore(u(),t),t,void 0,null!=o?o:{})}return s._$AI(t),s
|
|
18
|
+
/**
|
|
19
|
+
* @license
|
|
20
|
+
* Copyright 2017 Google LLC
|
|
21
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
22
|
+
*/};var l$3,o$4;let s$5=class extends u$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const o=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=o.firstChild),o}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=D(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1)}render(){return T}};s$5.finalized=!0,s$5._$litElement$=!0,null===(l$3=globalThis.litElementHydrateSupport)||void 0===l$3||l$3.call(globalThis,{LitElement:s$5});const n$4=globalThis.litElementPolyfillSupport;function styles$u(){return i$4`
|
|
23
|
+
:host {
|
|
24
|
+
display: block;
|
|
25
|
+
}
|
|
26
|
+
`}function __classPrivateFieldGet(t,e,o,i){if("a"===o&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!i:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?i:"a"===o?i.call(t):i?i.value:e.get(t)}function __classPrivateFieldSet(t,e,o,i,n){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?n.call(t,o):n?n.value=o:e.set(t,o),o}function getDefaultExportFromCjs(t){return t&&t.i&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}null==n$4||n$4({LitElement:s$5}),(null!==(o$4=globalThis.litElementVersions)&&void 0!==o$4?o$4:globalThis.litElementVersions=[]).push("3.3.2"),"function"==typeof SuppressedError&&SuppressedError;var toSpacingCSSValue,toCSSValue,getToken$1,themes={};themes.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, 84, 84","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 r$1=themes;function t$4(t,e){return t.filter((function(t){return t.startsWith(e)}))}function o$3(t,e){return t.filter((function(t){return!t.startsWith(e)}))}"function"==typeof SuppressedError&&SuppressedError;var e$5=o$3(o$3(Object.keys(r$1.LoadsmartTheme),"brand-"),"platform-");t$4(e$5,"color-background-"),t$4(e$5,"border-radius-"),t$4(e$5,"border-"),t$4(e$5,"color-"),t$4(e$5,"elevation-"),t$4(e$5,"font-family-"),t$4(e$5,"font-size-"),t$4(e$5,"font-weight-"),t$4(e$5,"global-"),t$4(e$5,"glow-"),t$4(e$5,"line-height-"),t$4(e$5,"opacity-");var N=t$4(e$5,"spacing-");function _(t){return r$1.LoadsmartTheme[t]}function x(t){var e=_(t);return null==e?e:"--m-".concat(t)}function d(t,e){var o=_(t);return null==o?"":t.startsWith("color-")?"rgba(var(".concat(x(t),", ").concat(o,"), ").concat(null!=e?e:1,")"):"var(".concat(x(t),", ").concat(o,")")}function getColor(t,e=1){return r$4(toCSSValue(t,e))}function mr(t){return r$4(`\n\t\tmargin-inline-end: ${t}\n\t`)}function ml(t){return r$4(`\n\t\tmargin-inline-start: ${t}\n\t`)}function mx(t){return r$4(`\n\t\t${ml(t)};\n\t\t${mr(t)}\n\t`)}function mt(t){return r$4(`\n\t\tmargin-block-start: ${t}\n\t`)}function mb(t){return r$4(`\n\t\tmargin-block-end: ${t}\n\t`)}function my(t){return r$4(`\n\t\t${mt(t)};\n\t\t${mb(t)}\n\t`)}function m(t){return r$4(`\n\t\t${mx(t)};\n\t\t${my(t)}\n\t`)}!function(t,e,o){if(o||2===arguments.length)for(var i,n=0,r=e.length;n<r;n++)!i&&n in e||(i||(i=Array.prototype.slice.call(e,0,n)),i[n]=e[n]);t.concat(i||Array.prototype.slice.call(e))}(["none"],N,!0),getToken$1=_,toCSSValue=d,toSpacingCSSValue=function(t,e){var o,i=e?d(e):"";return t&&null!==(o="none"===t?"0":d(t))&&void 0!==o?o:i};var toArray=function(t){return null==t?[]:Array.isArray(t)?t:[t]},toArray$1=getDefaultExportFromCjs(toArray);const pseudoClassMap={active:[":active"],disabled:[".is-disabled",":disabled"],focus:[".is-focused",":focus",":focus-visible",":focus-within"],hover:[":hover"],visited:[":visited"]};function isPseudoClass(t){return Object.keys(pseudoClassMap).includes(t)}function isNegated(t){return t.startsWith("not.")}function joinIs(t){const e=toArray$1(t).filter((t=>""!==t.trim()));return 0===e.length?"":1===e.length?e[0]:`:is(${e.join(", ")})`}function toString(t,e,o,i){let n=joinIs(t);for(const t of i)if(isNegated(t)){const e=t.slice(4);n=`${n}:not(${pseudoClassMap[e].join(", ")})`}else n=`${n}${joinIs(pseudoClassMap[t])}`;const r=joinIs(e);if(r){let t=` ${o} `;return null==o&&(t="")," "===o&&(t=o),`${n}${t}${r}`}return n}function on(t,e,o=" "){const i=[];let n=!1;const r=new Proxy(r$4(""),{get:(s,l,a)=>"cssText"===l?toString(t,e,o,i):"not"===l?(n=!n,r):isPseudoClass(l)?(i.push(n?`not.${l}`:l),n=!1,r):Reflect.get(s,l,a)});return r}function pr(t){return r$4(`\n\t\tpadding-inline-start: ${t}\n\t`)}function pl(t){return r$4(`\n\t\tpadding-inline-end: ${t}\n\t`)}function px(t){return r$4(`\n\t\t${pl(t)};\n\t\t${pr(t)}\n\t`)}function pt(t){return r$4(`\n\t\tpadding-block-start: ${t}\n\t`)}function pb(t){return r$4(`\n\t\tpadding-block-end: ${t}\n\t`)}function py(t){return r$4(`\n\t\t${pt(t)};\n\t\t${pb(t)}\n\t`)}function p(t){return r$4(`\n\t\t${px(t)};\n\t\t${py(t)}\n\t`)}function skeleton(){return r$4("animation: skeleton-loading 1s linear infinite alternate;")}skeleton.styles=()=>i$4`
|
|
27
|
+
@keyframes skeleton-loading {
|
|
28
|
+
0% {
|
|
29
|
+
background-color: ${getColor("color-background-tertiary")};
|
|
30
|
+
opacity: 0.3;
|
|
31
|
+
}
|
|
32
|
+
50% {
|
|
33
|
+
background-color: ${getColor("color-background-tertiary")};
|
|
34
|
+
opacity: 0.6;
|
|
35
|
+
}
|
|
36
|
+
100% {
|
|
37
|
+
background-color: ${getColor("color-background-tertiary")};
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
`;const DEFAULT_TRANSITION_CONFIG={property:"all",delay:"0s",duration:"0.35s",easing:"ease-in-out"};function toTransition(t){const e={...DEFAULT_TRANSITION_CONFIG,...t};return r$4(`${e.property} ${e.duration} ${e.easing} ${e.delay}`)}function transition(t){const e=toArray$1(t).map((t=>toTransition(t))).join(", ");return r$4(`\n\t\ttransition: ${e}\n\t`)}function getToken(t){return r$4(toCSSValue(t))}function getVariant(t){switch(t){case"hero-lg-bold":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-6")};\n\t\t\t\tfont-size: ${getToken("font-size-9")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t`;case"hero-lg":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-6")};\n\t\t\t\tfont-size: ${getToken("font-size-9")};\n\t\t\t\tfont-weight: ${getToken("font-weight-regular")}\n\t\t\t`;case"hero-md-bold":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-6")};\n\t\t\t\tfont-size: ${getToken("font-size-8")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t`;case"hero-md":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-6")};\n\t\t\t\tfont-size: ${getToken("font-size-8")};\n\t\t\t\tfont-weight: ${getToken("font-weight-regular")}\n\t\t\t`;case"hero-sm-bold":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-6")};\n\t\t\t\tfont-size: ${getToken("font-size-7")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t`;case"hero-sm":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-6")};\n\t\t\t\tfont-size: ${getToken("font-size-7")};\n\t\t\t\tfont-weight: ${getToken("font-weight-regular")}\n\t\t\t`;case"heading-lg-bold":return`\n\t\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\t\tline-height: ${getToken("line-height-5")};\n\t\t\t\t\tfont-size: ${getToken("font-size-6")};\n\t\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t\t`;case"heading-lg":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-5")};\n\t\t\t\tfont-size: ${getToken("font-size-6")};\n\t\t\t\tfont-weight: ${getToken("font-weight-regular")}\n\t\t\t`;case"heading-md-bold":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-5")};\n\t\t\t\tfont-size: ${getToken("font-size-5")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t`;case"heading-md":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-5")};\n\t\t\t\tfont-size: ${getToken("font-size-5")};\n\t\t\t\tfont-weight: ${getToken("font-weight-regular")}\n\t\t\t`;case"heading-sm-bold":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-5")};\n\t\t\t\tfont-size: ${getToken("font-size-4")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t`;case"heading-sm":return`\n\t\t\t\tfont-family: ${getToken("font-family-title")};\n\t\t\t\tline-height: ${getToken("line-height-5")};\n\t\t\t\tfont-size: ${getToken("font-size-4")};\n\t\t\t\tfont-weight: ${getToken("font-weight-regular")}\n\t\t\t`;case"body-lg-bold":return`\n\t\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\t\tline-height: ${getToken("line-height-6")};\n\t\t\t\t\tfont-size: ${getToken("font-size-5")};\n\t\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t\t`;case"body-lg":return`\n\t\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\t\tline-height: ${getToken("line-height-6")};\n\t\t\t\t\tfont-size: ${getToken("font-size-5")};\n\t\t\t\t\tfont-weight: ${getToken("font-weight-regular")}\n\t\t\t\t`;case"body-md":case"number-md":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-5")};\n\t\t\t\tfont-size: ${getToken("font-size-3")};\n\t\t\t\tfont-weight: ${getToken("font-weight-regular")}\n\t\t\t`;case"body-md-underline":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-5")};\n\t\t\t\tfont-size: ${getToken("font-size-3")};\n\t\t\t\tfont-weight: ${getToken("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: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-5")};\n\t\t\t\tfont-size: ${getToken("font-size-3")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t`;case"body-md-bold-underline":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-5")};\n\t\t\t\tfont-size: ${getToken("font-size-3")};\n\t\t\t\tfont-weight: ${getToken("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: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-4")};\n\t\t\t\tfont-size: ${getToken("font-size-2")};\n\t\t\t\tfont-weight: ${getToken("font-weight-regular")}\n\t\t\t`;case"body-sm-underline":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-4")};\n\t\t\t\tfont-size: ${getToken("font-size-2")};\n\t\t\t\tfont-weight: ${getToken("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: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-4")};\n\t\t\t\tfont-size: ${getToken("font-size-2")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t`;case"body-sm-bold-underline":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-4")};\n\t\t\t\tfont-size: ${getToken("font-size-2")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")};\n\t\t\t\ttext-decoration: underline\n\t\t\t`;case"button-lg":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-1")};\n\t\t\t\tfont-size: ${getToken("font-size-4")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t`;case"button-md":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-1")};\n\t\t\t\tfont-size: ${getToken("font-size-3")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t`;case"button-sm":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-1")};\n\t\t\t\tfont-size: ${getToken("font-size-2")};\n\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t`;case"table-header-md":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-1")};\n\t\t\t\tfont-size: ${getToken("font-size-3")};\n\t\t\t\tfont-weight: ${getToken("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: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-1")};\n\t\t\t\tfont-size: ${getToken("font-size-2")};\n\t\t\t\tfont-weight: ${getToken("font-weight-medium")}\n\t\t\t`;case"chips-md":return`\n\t\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\t\tline-height: ${getToken("line-height-1")};\n\t\t\t\t\tfont-size: ${getToken("font-size-2")};\n\t\t\t\t\tfont-weight: ${getToken("font-weight-bold")}\n\t\t\t\t`;case"chips-sm":return`\n\t\t\t\tfont-family: ${getToken("font-family-default")};\n\t\t\t\tline-height: ${getToken("line-height-1")};\n\t\t\t\tfont-size: ${getToken("font-size-1")};\n\t\t\t\tfont-weight: ${getToken("font-weight-medium")};\n\t\t\t\ttext-transform: uppercase\n\t\t\t`;default:return""}}function typography(t){const e=r$4("\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 r$4(`${e}\n${getVariant(t)}`)}function styles$t(){return[i$4`
|
|
41
|
+
:host {
|
|
42
|
+
--m-icon-size: 16px;
|
|
43
|
+
--m-icon-color: ${getColor("color-text-primary")};
|
|
44
|
+
|
|
45
|
+
display: inline-flex;
|
|
46
|
+
align-items: center;
|
|
47
|
+
justify-content: center;
|
|
48
|
+
|
|
49
|
+
inline-size: var(--m-icon-size);
|
|
50
|
+
block-size: var(--m-icon-size);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
svg {
|
|
54
|
+
${transition([{property:"color"},{property:"fill"}])};
|
|
55
|
+
|
|
56
|
+
inline-size: var(--m-icon-size);
|
|
57
|
+
block-size: var(--m-icon-size);
|
|
58
|
+
|
|
59
|
+
color: var(--m-icon-color);
|
|
60
|
+
fill: var(--m-icon-color);
|
|
61
|
+
}
|
|
62
|
+
`]}function redispatchEvent(t,e){!e.bubbles||t.shadowRoot&&!e.composed||e.stopPropagation();const o=Reflect.construct(e.constructor,[e.type,e]),i=t.dispatchEvent(o);return i||e.preventDefault(),i}class Component extends s$5{constructor(){super(...arguments),this.emit=(t,e)=>{const o=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,...e});this.dispatchEvent(o)},this.reemit=t=>{redispatchEvent(this,t)}}}const icons=new Map([["alert-circle",()=>import("./attention-2c39617f.js")],["arrow-left",()=>import("./arrow-left-9cd15947.js")],["attention",()=>import("./attention-2c39617f.js")],["bell",()=>import("./bell-476c9ce2.js")],["check",()=>import("./check-11d0d257.js")],["close",()=>import("./close-3f7d5bd7.js")],["indeterminate",()=>import("./indeterminate-730aeee6.js")],["info-circle",()=>import("./info-circle-ee45fa94.js")]]);var _Icon_loadIcon;icons.keys();class Icon extends Component{static get properties(){return{name:{type:String},size:{type:String},color:{type:String},loading:{state:!0}}}constructor(){super(),this.icon=null,_Icon_loadIcon.set(this,(async()=>{icons.has(this.name);try{this.icon=null;const{default:t}=await icons.get(this.name)();this.icon=t}catch{}finally{this.requestUpdate()}})),this.icon=null}connectedCallback(){super.connectedCallback(),__classPrivateFieldGet(this,_Icon_loadIcon,"f").call(this)}update(t){super.update(t),t.has("name")&&__classPrivateFieldGet(this,_Icon_loadIcon,"f").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",toCSSValue(this.color))}render(){return null!=this.name&&icons.has(this.name)&&null!=this.icon?this.icon:A}}_Icon_loadIcon=new WeakMap,Icon.styles=[styles$t()],window.customElements.define("m-icon",Icon);
|
|
63
|
+
/**
|
|
64
|
+
* @license
|
|
65
|
+
* Copyright 2020 Google LLC
|
|
66
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
67
|
+
*/
|
|
68
|
+
const e$4=Symbol.for(""),l$2=t=>{if((null==t?void 0:t.r)===e$4)return null==t?void 0:t._$litStatic$},o$2=t=>({_$litStatic$:t,r:e$4}),i$2=(t,...e)=>({_$litStatic$:e.reduce(((e,o,i)=>e+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(o)+t[i+1]),t[0]),r:e$4}),s$4=new Map,a=t=>(e,...o)=>{const i=o.length;let n,r;const s=[],l=[];let a,d=0,c=!1;for(;d<i;){for(a=e[d];d<i&&void 0!==(r=o[d],n=l$2(r));)a+=n+e[++d],c=!0;d!==i&&l.push(r),s.push(a),d++}if(d===i&&s.push(e[i]),c){const t=s.join("$$lit$$");void 0===(e=s$4.get(t))&&(s.raw=s,s$4.set(t,e=s)),o=l}return t(e,...o)},n$3=a(x$1),l$1=t=>null!=t?t:A
|
|
69
|
+
/**
|
|
70
|
+
* @license
|
|
71
|
+
* Copyright 2017 Google LLC
|
|
72
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
73
|
+
*/,t$3={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e$3=t=>(...e)=>({_$litDirective$:t,values:e});
|
|
74
|
+
/**
|
|
75
|
+
* @license
|
|
76
|
+
* Copyright 2018 Google LLC
|
|
77
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
78
|
+
*/let i$1=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,o){this._$Ct=t,this._$AM=e,this._$Ci=o}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};
|
|
79
|
+
/**
|
|
80
|
+
* @license
|
|
81
|
+
* Copyright 2018 Google LLC
|
|
82
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
83
|
+
*/const o$1=e$3(class extends i$1{constructor(t){var e;if(super(t),t.type!==t$3.ATTRIBUTE||"class"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){var o,i;if(void 0===this.it){this.it=new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!(null===(o=this.nt)||void 0===o?void 0:o.has(t))&&this.it.add(t);return this.render(e)}const n=t.element.classList;this.it.forEach((t=>{t in e||(n.remove(t),this.it.delete(t))}));for(const t in e){const o=!!e[t];o===this.it.has(t)||(null===(i=this.nt)||void 0===i?void 0:i.has(t))||(o?(n.add(t),this.it.add(t)):(n.remove(t),this.it.delete(t)))}return T}}),PolymorphicTagMixin=(t,e=["article","div","span"],o="div")=>class extends t{static get properties(){return{as:{type:String}}}connectedCallback(){var t;super.connectedCallback(),this.as=null!==(t=e.includes(this.as)?this.as:o)&&void 0!==t?t:"div"}get tag(){return i$2`${o$2(this.as)}`}};var _FormControl_form,_FormControl_updateAssignedForm,_Button_instances,_Button_element_get,_Button_isDisabled,_Button_setDisabled,_Button_getTabIndex,_Button_handleClick,_Button_isLink;class FormControl extends s$5{constructor(){super(...arguments),_FormControl_form.set(this,void 0),this.getForm=()=>__classPrivateFieldGet(this,_FormControl_form,"f"),_FormControl_updateAssignedForm.set(this,(()=>{if(this.hasAttribute("form")){const t=this.getRootNode(),e=this.getAttribute("form");__classPrivateFieldSet(this,_FormControl_form,t.getElementById(e),"f")}else __classPrivateFieldSet(this,_FormControl_form,this.closest("form"),"f")}))}static get properties(){return{form:{type:String,reflect:!0}}}updated(t){super.updated(t),(t.has("form")||null==__classPrivateFieldGet(this,_FormControl_form,"f"))&&__classPrivateFieldGet(this,_FormControl_updateAssignedForm,"f").call(this)}}function styles$s(){return i$4`
|
|
84
|
+
:host {
|
|
85
|
+
--m-button-background-color: transparent;
|
|
86
|
+
--m-button-base-size: ${getToken("global-height-default")};
|
|
87
|
+
--m-button-border-color: ${getColor("color-neutral-90")};
|
|
88
|
+
--m-button-border-radius: ${getToken("border-radius-s")};
|
|
89
|
+
--m-button-color: ${getColor("color-text-secondary")};
|
|
90
|
+
--m-button-outline-color: ${getColor("color-primary-100")};
|
|
91
|
+
--m-button-outline-offset: 2px;
|
|
92
|
+
--m-button-padding-x: ${getToken("spacing-4")};
|
|
93
|
+
--m-button-padding-y: ${getToken("spacing-3")};
|
|
94
|
+
/**
|
|
95
|
+
* Useful when overriding via host :slotted query.
|
|
96
|
+
*/
|
|
97
|
+
--m-button-font-size: ${getToken("font-size-3")};
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
:host([size='small']) {
|
|
101
|
+
--m-button-base-size: ${getToken("global-height-small")};
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
:host([size='large']) {
|
|
105
|
+
--m-button-base-size: ${getToken("global-height-large")};
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
:host([variant|='icon']) {
|
|
109
|
+
--m-button-border-radius: ${getToken("border-radius-circle")};
|
|
110
|
+
|
|
111
|
+
min-inline-size: var(--m-button-base-size);
|
|
112
|
+
inline-size: var(--m-button-base-size);
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
:host {
|
|
116
|
+
display: inline-block;
|
|
117
|
+
min-block-size: var(--m-button-base-size);
|
|
118
|
+
block-size: var(--m-button-base-size);
|
|
119
|
+
border-radius: var(--m-button-border-radius);
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.button {
|
|
123
|
+
${transition([{property:"color"},{property:"background-color"},{property:"border-color"}])};
|
|
124
|
+
|
|
125
|
+
${typography("button-md")};
|
|
126
|
+
font-size: var(--m-button-font-size);
|
|
127
|
+
|
|
128
|
+
cursor: pointer;
|
|
129
|
+
position: relative;
|
|
130
|
+
|
|
131
|
+
display: flex;
|
|
132
|
+
align-items: center;
|
|
133
|
+
justify-content: center;
|
|
134
|
+
overflow: hidden;
|
|
135
|
+
|
|
136
|
+
block-size: 100%;
|
|
137
|
+
inline-size: 100%;
|
|
138
|
+
box-sizing: border-box;
|
|
139
|
+
|
|
140
|
+
text-decoration: none;
|
|
141
|
+
|
|
142
|
+
gap: ${getToken("spacing-1")};
|
|
143
|
+
|
|
144
|
+
padding-inline: var(--m-button-padding-x);
|
|
145
|
+
padding-block: var(--m-button-padding-y);
|
|
146
|
+
|
|
147
|
+
background-color: var(--m-button-background-color);
|
|
148
|
+
color: var(--m-button-color);
|
|
149
|
+
border: 1px solid var(--m-button-border-color);
|
|
150
|
+
|
|
151
|
+
border-radius: var(--m-button-border-radius);
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
${on(".button").disabled} {
|
|
155
|
+
cursor: default;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
${on(".button","*").disabled} {
|
|
159
|
+
pointer-events: none;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
${on(".button").not.disabled.focus} {
|
|
163
|
+
outline: 1px solid var(--m-button-outline-color);
|
|
164
|
+
outline-offset: var(--m-button-outline-offset);
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
${on(".button").not.disabled.hover} {
|
|
168
|
+
--m-button-background-color: ${getColor("color-background-inverted")};
|
|
169
|
+
--m-button-border-color: ${getColor("color-background-inverted")};
|
|
170
|
+
--m-button-color: ${getColor("color-text-inverted")};
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
::slotted(*) {
|
|
174
|
+
display: inline-flex;
|
|
175
|
+
align-items: center;
|
|
176
|
+
|
|
177
|
+
${p(0)};
|
|
178
|
+
${m(0)};
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
slot[name='leading']::slotted(span),
|
|
182
|
+
slot[name='trailing']::slotted(span) {
|
|
183
|
+
justify-content: center;
|
|
184
|
+
}
|
|
185
|
+
`}function styles$r(){return[styles$s(),i$4`
|
|
186
|
+
.button.is-loading:not(.-icon, .-icon-secondary) *:not(.loader) {
|
|
187
|
+
visibility: hidden;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
.button.-primary {
|
|
191
|
+
--m-button-background-color: ${getColor("color-primary-60")};
|
|
192
|
+
--m-button-border-color: ${getColor("color-primary-60")};
|
|
193
|
+
--m-button-color: ${getColor("color-text-inverted")};
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
${on(".button.-primary").disabled} {
|
|
197
|
+
--m-button-background-color: ${getColor("color-primary-20")};
|
|
198
|
+
--m-button-border-color: ${getColor("color-primary-20")};
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
${on(".button.-primary").not.disabled.focus} {
|
|
202
|
+
--m-button-border-color: ${getColor("color-primary-60")};
|
|
203
|
+
--m-button-outline-color: ${getColor("color-primary-60")};
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
${on(".button.-primary").not.disabled.hover},
|
|
207
|
+
${on(".button.-primary").not.disabled.active} {
|
|
208
|
+
--m-button-background-color: ${getColor("color-primary-100")};
|
|
209
|
+
--m-button-border-color: ${getColor("color-primary-100")};
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
.button.-primary.is-loading {
|
|
213
|
+
--m-button-background-color: ${getColor("color-primary-60")};
|
|
214
|
+
--m-button-border-color: ${getColor("color-primary-60")};
|
|
215
|
+
--m-button-color: ${getColor("color-text-inverted")};
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
.button.-secondary {
|
|
219
|
+
--m-button-background-color: transparent;
|
|
220
|
+
--m-button-border-color: ${getColor("color-primary-100")};
|
|
221
|
+
--m-button-color: ${getColor("color-primary-100")};
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
${on(".button.-secondary").disabled} {
|
|
225
|
+
--m-button-border-color: ${getColor("color-text-disabled")};
|
|
226
|
+
--m-button-color: ${getColor("color-text-disabled")};
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
${on(".button.-secondary").not.disabled.focus} {
|
|
230
|
+
--m-button-border-color: ${getColor("color-primary-100")};
|
|
231
|
+
--m-button-color: ${getColor("color-primary-100")};
|
|
232
|
+
|
|
233
|
+
--m-button-outline-color: ${getColor("color-primary-60")};
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
${on(".button.-secondary").not.disabled.hover},
|
|
237
|
+
${on(".button.-secondary").not.disabled.active} {
|
|
238
|
+
--m-button-background-color: ${getColor("color-background-tertiary")};
|
|
239
|
+
--m-button-border-color: ${getColor("color-primary-60")};
|
|
240
|
+
--m-button-color: ${getColor("color-primary-60")};
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
.button.-secondary.is-loading {
|
|
244
|
+
--m-button-background-color: transparent;
|
|
245
|
+
|
|
246
|
+
--m-button-border-color: ${getColor("color-primary-100")};
|
|
247
|
+
--m-button-color: ${getColor("color-primary-100")};
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
.button.-tertiary {
|
|
251
|
+
--m-button-background-color: transparent;
|
|
252
|
+
--m-button-border-color: transparent;
|
|
253
|
+
--m-button-color: ${getColor("color-primary-100")};
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
${on(".button.-tertiary").disabled} {
|
|
257
|
+
--m-button-color: ${getColor("color-text-disabled")};
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
${on(".button.-tertiary").not.disabled.focus} {
|
|
261
|
+
--m-button-color: ${getColor("color-primary-100")};
|
|
262
|
+
--m-button-outline-color: ${getColor("color-primary-60")};
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
${on(".button.-tertiary").not.disabled.hover} {
|
|
266
|
+
--m-button-background-color: ${getColor("color-background-tertiary")};
|
|
267
|
+
--m-button-border-color: ${getColor("color-background-tertiary")};
|
|
268
|
+
--m-button-color: ${getColor("color-primary-60")};
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
${on(".button.-tertiary").not.disabled.active} {
|
|
272
|
+
--m-button-background-color: ${getColor("color-neutral-20")};
|
|
273
|
+
--m-button-border-color: ${getColor("color-neutral-20")};
|
|
274
|
+
--m-button-color: ${getColor("color-primary-60")};
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
.button.-tertiary.is-loading {
|
|
278
|
+
--m-button-background-color: transparent;
|
|
279
|
+
--m-button-border-color: transparent;
|
|
280
|
+
--m-button-color: ${getColor("color-primary-100")};
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
.button.-warning {
|
|
284
|
+
--m-button-background-color: ${getColor("color-warning-60")};
|
|
285
|
+
--m-button-border-color: ${getColor("color-warning-60")};
|
|
286
|
+
--m-button-color: ${getColor("color-text-primary")};
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
${on(".button.-warning").disabled} {
|
|
290
|
+
--m-button-background-color: ${getColor("color-warning-20")};
|
|
291
|
+
--m-button-border-color: ${getColor("color-warning-20")};
|
|
292
|
+
--m-button-color: ${getColor("color-text-inverted")};
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
${on(".button.-warning").not.disabled.focus} {
|
|
296
|
+
--m-button-background-color: ${getColor("color-warning-60")};
|
|
297
|
+
--m-button-outline-color: ${getColor("color-warning-60")};
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
${on(".button.-warning").not.disabled.hover},
|
|
301
|
+
${on(".button.-warning").not.disabled.active} {
|
|
302
|
+
--m-button-background-color: ${getColor("color-warning-100")};
|
|
303
|
+
--m-button-border-color: ${getColor("color-warning-100")};
|
|
304
|
+
--m-button-color: ${getColor("color-text-inverted")};
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
.button.-warning.is-loading {
|
|
308
|
+
--m-button-background-color: ${getColor("color-warning-60")};
|
|
309
|
+
--m-button-border-color: ${getColor("color-warning-60")};
|
|
310
|
+
--m-button-color: ${getColor("color-text-primary")};
|
|
311
|
+
}
|
|
312
|
+
|
|
313
|
+
.button.-danger {
|
|
314
|
+
--m-button-background-color: ${getColor("color-danger-60")};
|
|
315
|
+
--m-button-border-color: ${getColor("color-danger-60")};
|
|
316
|
+
--m-button-color: ${getColor("color-text-inverted")};
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
${on(".button.-danger").disabled} {
|
|
320
|
+
--m-button-background-color: ${getColor("color-danger-20")};
|
|
321
|
+
--m-button-border-color: ${getColor("color-danger-20")};
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
${on(".button.-danger").not.disabled.focus} {
|
|
325
|
+
--m-button-background-color: ${getColor("color-danger-60")};
|
|
326
|
+
--m-button-outline-color: ${getColor("color-danger-60")};
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
${on(".button.-danger").not.disabled.hover},
|
|
330
|
+
${on(".button.-danger").not.disabled.active} {
|
|
331
|
+
--m-button-background-color: ${getColor("color-danger-100")};
|
|
332
|
+
--m-button-border-color: ${getColor("color-danger-100")};
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
.button.-danger.is-loading {
|
|
336
|
+
--m-button-background-color: ${getColor("color-danger-60")};
|
|
337
|
+
--m-button-border-color: ${getColor("color-danger-60")};
|
|
338
|
+
--m-button-color: ${getColor("color-text-inverted")};
|
|
339
|
+
}
|
|
340
|
+
|
|
341
|
+
.button.-icon,
|
|
342
|
+
.button.-icon-secondary {
|
|
343
|
+
--m-button-color: ${getColor("color-neutral-90")};
|
|
344
|
+
--m-button-padding-x: ${getToken("spacing-1")};
|
|
345
|
+
--m-button-padding-y: ${getToken("spacing-1")};
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
.button.-icon {
|
|
349
|
+
--m-button-background-color: ${getColor("color-background-tertiary")};
|
|
350
|
+
--m-button-border-color: ${getColor("color-background-tertiary")};
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
.button.-icon-secondary {
|
|
354
|
+
--m-button-background-color: transparent;
|
|
355
|
+
--m-button-border-color: transparent;
|
|
356
|
+
}
|
|
357
|
+
|
|
358
|
+
.button.-icon slot[name='leading']::slotted(*),
|
|
359
|
+
.button.-icon slot[name='trailing']::slotted(*),
|
|
360
|
+
.button.-icon-secondary slot[name='leading']::slotted(*),
|
|
361
|
+
.button.-icon-secondary slot[name='trailing']::slotted(*) {
|
|
362
|
+
display: none;
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
${on([".button.-icon",".button.-icon-secondary"]).disabled} {
|
|
366
|
+
--m-button-color: ${getColor("color-neutral-40")};
|
|
367
|
+
}
|
|
368
|
+
|
|
369
|
+
${on(".button.-icon").disabled} {
|
|
370
|
+
--m-button-background-color: ${getColor("color-neutral-20")};
|
|
371
|
+
--m-button-border-color: ${getColor("color-neutral-20")};
|
|
372
|
+
}
|
|
373
|
+
|
|
374
|
+
${on(".button.-icon-secondary").disabled} {
|
|
375
|
+
--m-button-background-color: transparent;
|
|
376
|
+
--m-button-border-color: transparent;
|
|
377
|
+
}
|
|
378
|
+
|
|
379
|
+
${on([".button.-icon",".button.-icon-secondary"]).not.disabled.focus} {
|
|
380
|
+
--m-button-color: ${getColor("color-primary-60")};
|
|
381
|
+
--m-button-outline-color: ${getColor("color-primary-60")};
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
${on(".button.-icon").not.disabled.focus} {
|
|
385
|
+
--m-button-background-color: ${getColor("color-neutral-20")};
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
${on(".button.-icon-secondary").not.disabled.focus} {
|
|
389
|
+
--m-button-background-color: transparent;
|
|
390
|
+
}
|
|
391
|
+
|
|
392
|
+
${on([".button.-icon",".button.-icon-secondary"]).not.disabled.hover},
|
|
393
|
+
${on([".button.-icon",".button.-icon-secondary"]).not.disabled.active} {
|
|
394
|
+
--m-button-color: ${getColor("color-primary-60")};
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
${on(".button.-icon").not.disabled.hover},
|
|
398
|
+
${on(".button.-icon").not.disabled.active} {
|
|
399
|
+
--m-button-background-color: ${getColor("color-background-highlight")};
|
|
400
|
+
--m-button-border-color: ${getColor("color-background-highlight")};
|
|
401
|
+
}
|
|
402
|
+
|
|
403
|
+
${on(".button.-icon-secondary").not.disabled.hover},
|
|
404
|
+
${on(".button.-icon-secondary").not.disabled.active} {
|
|
405
|
+
--m-button-background-color: transparent;
|
|
406
|
+
--m-button-border-color: transparent;
|
|
407
|
+
}
|
|
408
|
+
|
|
409
|
+
.button.-small {
|
|
410
|
+
--m-button-padding-y: ${getToken("spacing-2")};
|
|
411
|
+
|
|
412
|
+
${typography("button-sm")};
|
|
413
|
+
}
|
|
414
|
+
|
|
415
|
+
.button.-large {
|
|
416
|
+
--m-button-padding-y: ${getToken("spacing-4")};
|
|
417
|
+
|
|
418
|
+
${typography("button-lg")};
|
|
419
|
+
}
|
|
420
|
+
|
|
421
|
+
/* TODO: to be removed when the loading dots component is ready */
|
|
422
|
+
.loader {
|
|
423
|
+
position: absolute;
|
|
424
|
+
inset: 0;
|
|
425
|
+
|
|
426
|
+
display: flex;
|
|
427
|
+
align-items: center;
|
|
428
|
+
justify-content: center;
|
|
429
|
+
|
|
430
|
+
pointer-events: none;
|
|
431
|
+
}
|
|
432
|
+
`]}_FormControl_form=new WeakMap,_FormControl_updateAssignedForm=new WeakMap;class Button extends(PolymorphicTagMixin(FormControl,["button","a"],"button")){static get properties(){return{...FormControl.properties,role:{type:String,reflect:!0},loading:{type:Boolean,reflect:!0},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(),_Button_instances.add(this),_Button_isDisabled.set(this,(()=>Boolean(this.disabled)||Boolean(this.loading))),_Button_setDisabled.set(this,(()=>{const t=__classPrivateFieldGet(this,_Button_isDisabled,"f").call(this);this.setAttribute("aria-disabled",String(t))})),_Button_getTabIndex.set(this,(()=>{var t;return __classPrivateFieldGet(this,_Button_instances,"m",_Button_isLink).call(this)?this.disabled?"-1":null!=this.tabindex?this.tabindex:"0":null!==(t=this.tabindex)&&void 0!==t?t:void 0})),_Button_handleClick.set(this,(t=>{var e,o;if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();"submit"===this.type&&(null===(e=this.getForm())||void 0===e||e.requestSubmit()),"reset"===this.type&&(null===(o=this.getForm())||void 0===o||o.reset())})),this.as="button",this.disabled=!1,this.loading=!1,this.size="default",this.type="button",this.variant="secondary",this.target="_self"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","button"),this.addEventListener("click",__classPrivateFieldGet(this,_Button_handleClick,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",__classPrivateFieldGet(this,_Button_handleClick,"f"))}update(t){super.update(t),t.has("href")&&(this.as=__classPrivateFieldGet(this,_Button_instances,"m",_Button_isLink).call(this)?"a":"button",this.role=__classPrivateFieldGet(this,_Button_instances,"m",_Button_isLink).call(this)?"link":"button")}updated(t){super.updated(t),(t.has("disabled")||t.has("loading"))&&__classPrivateFieldGet(this,_Button_setDisabled,"f").call(this)}render(){const t=__classPrivateFieldGet(this,_Button_instances,"m",_Button_isLink).call(this);return n$3`
|
|
433
|
+
<${this.tag}
|
|
434
|
+
class=${o$1({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":__classPrivateFieldGet(this,_Button_isDisabled,"f").call(this)})}
|
|
435
|
+
type=${l$1(t?void 0:this.type)}
|
|
436
|
+
?disabled="${__classPrivateFieldGet(this,_Button_isDisabled,"f").call(this)}"
|
|
437
|
+
aria-disabled=${this.disabled?"true":"false"}
|
|
438
|
+
role=${l$1(t?"link":"button")}
|
|
439
|
+
tabindex=${l$1(__classPrivateFieldGet(this,_Button_getTabIndex,"f").call(this))}
|
|
440
|
+
href=${l$1(t?this.href:void 0)}
|
|
441
|
+
target=${l$1(t?this.target:void 0)}
|
|
442
|
+
download=${l$1(t?this.download:void 0)}
|
|
443
|
+
rel=${l$1(t&&this.target?"noreferrer noopener":void 0)}
|
|
444
|
+
>
|
|
445
|
+
<!-- TODO: Replace this with the loading dots component as soon as it is ready. -->
|
|
446
|
+
${this.loading&&!["icon","icon-secondary"].includes(this.variant)?n$3`<span class="loader">●●●</span>`:A}
|
|
447
|
+
<slot name="leading"></slot>
|
|
448
|
+
<slot></slot>
|
|
449
|
+
<slot name="trailing"></slot>
|
|
450
|
+
</${this.tag}>
|
|
451
|
+
`}focus(t){var e;null===(e=__classPrivateFieldGet(this,_Button_instances,"a",_Button_element_get))||void 0===e||e.focus(t)}}_Button_isDisabled=new WeakMap,_Button_setDisabled=new WeakMap,_Button_getTabIndex=new WeakMap,_Button_handleClick=new WeakMap,_Button_instances=new WeakSet,_Button_element_get=function(){var t,e;return null!==(e=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(".button"))&&void 0!==e?e:null},_Button_isLink=function(){return Boolean(this.href)},Button.styles=[styles$r()],window.customElements.define("m-button",Button);class BackButton extends s$5{render(){return x$1`
|
|
452
|
+
<m-button variant="icon" size="default">
|
|
453
|
+
<m-icon name="arrow-left"></m-icon>
|
|
454
|
+
</m-button>
|
|
455
|
+
`}}BackButton.styles=[styles$u()],window.customElements.define("m-back-button",BackButton);class BannerActionPrimary extends Button{constructor(){super(),this.size="small"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","primary-action")}}window.customElements.define("m-banner-action-primary",BannerActionPrimary);class BannerActionSecondary extends Button{constructor(){super(),this.variant="tertiary",this.size="small"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","secondary-action")}}function styles$q(){return i$4`
|
|
456
|
+
:host {
|
|
457
|
+
display: flex;
|
|
458
|
+
justify-content: flex-end;
|
|
459
|
+
gap: ${getToken("spacing-2")};
|
|
460
|
+
}
|
|
461
|
+
`}window.customElements.define("m-banner-action-secondary",BannerActionSecondary);class BannerActions extends s$5{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","actions")}render(){return x$1`
|
|
462
|
+
<slot name="secondary-action"></slot>
|
|
463
|
+
<slot name="primary-action"></slot>
|
|
464
|
+
`}}function styles$p(){return i$4`
|
|
465
|
+
:host {
|
|
466
|
+
${typography("body-md")};
|
|
467
|
+
color: ${getColor("color-text-secondary")};
|
|
468
|
+
}
|
|
469
|
+
`}BannerActions.styles=[styles$q()],window.customElements.define("m-banner-actions",BannerActions);class BannerDescription extends s$5{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","description")}render(){return x$1`<slot></slot>`}}BannerDescription.styles=[styles$p()],window.customElements.define("m-banner-description",BannerDescription);class BannerIcon extends s$5{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","icon")}render(){return x$1`<slot></slot>`}}function styles$o(){return i$4`
|
|
470
|
+
:host {
|
|
471
|
+
${typography("body-md-bold")};
|
|
472
|
+
color: ${getColor("color-text-secondary")};
|
|
473
|
+
}
|
|
474
|
+
`}window.customElements.define("m-banner-icon",BannerIcon);class BannerTitle extends s$5{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","title")}render(){return x$1`<slot></slot>`}}function styles$n(){return i$4`
|
|
475
|
+
:host {
|
|
476
|
+
display: block;
|
|
477
|
+
width: 100%;
|
|
478
|
+
}
|
|
479
|
+
|
|
480
|
+
:host([dismissed]) {
|
|
481
|
+
display: none;
|
|
482
|
+
}
|
|
483
|
+
|
|
484
|
+
.banner {
|
|
485
|
+
background-color: var(
|
|
486
|
+
--m-banner-background-color,
|
|
487
|
+
${getColor("color-background-secondary")}
|
|
488
|
+
);
|
|
489
|
+
border: var(--m-banner-border, 1px solid ${getColor("color-border")});
|
|
490
|
+
border-radius: var(--m-banner-border-radius, ${getToken("border-radius-m")});
|
|
491
|
+
padding-inline: var(--m-banner-padding-x, ${getToken("spacing-6")});
|
|
492
|
+
padding-block: var(--m-banner-padding-y, ${getToken("spacing-4")});
|
|
493
|
+
display: flex;
|
|
494
|
+
flex-wrap: wrap;
|
|
495
|
+
justify-content: flex-end;
|
|
496
|
+
gap: ${getToken("spacing-6")};
|
|
497
|
+
}
|
|
498
|
+
|
|
499
|
+
.banner.-success {
|
|
500
|
+
--m-banner-background-color: ${getColor("color-success-20")};
|
|
501
|
+
--m-banner-border: 1px solid ${getColor("color-success-20")};
|
|
502
|
+
--m-banner-icon-color: ${getColor("color-success-60")};
|
|
503
|
+
}
|
|
504
|
+
|
|
505
|
+
.banner.-warning {
|
|
506
|
+
--m-banner-background-color: ${getColor("color-warning-20")};
|
|
507
|
+
--m-banner-border: 1px solid ${getColor("color-warning-20")};
|
|
508
|
+
--m-banner-icon-color: ${getColor("color-warning-100")};
|
|
509
|
+
}
|
|
510
|
+
|
|
511
|
+
.banner.-danger {
|
|
512
|
+
--m-banner-background-color: ${getColor("color-danger-20")};
|
|
513
|
+
--m-banner-border: 1px solid ${getColor("color-danger-20")};
|
|
514
|
+
--m-banner-icon-color: ${getColor("color-danger-60")};
|
|
515
|
+
}
|
|
516
|
+
|
|
517
|
+
.banner.-with-description {
|
|
518
|
+
flex-direction: column;
|
|
519
|
+
}
|
|
520
|
+
|
|
521
|
+
.wrapper {
|
|
522
|
+
display: flex;
|
|
523
|
+
gap: ${getToken("spacing-6")};
|
|
524
|
+
align-items: center;
|
|
525
|
+
flex-grow: 1;
|
|
526
|
+
}
|
|
527
|
+
|
|
528
|
+
slot[name='icon'] > m-icon,
|
|
529
|
+
slot[name='icon']::slotted(*) {
|
|
530
|
+
--m-icon-color: var(--m-banner-icon-color, ${getColor("color-neutral-90")});
|
|
531
|
+
--m-icon-size: var(--m-banner-icon-size, 24px);
|
|
532
|
+
|
|
533
|
+
fill: var(--m-banner-icon-color, ${getColor("color-neutral-90")});
|
|
534
|
+
block-size: var(--m-banner-icon-size, 24px);
|
|
535
|
+
inline-size: var(--m-banner-icon-size, 24px);
|
|
536
|
+
}
|
|
537
|
+
|
|
538
|
+
.content {
|
|
539
|
+
display: flex;
|
|
540
|
+
flex-direction: column;
|
|
541
|
+
flex-grow: 1;
|
|
542
|
+
gap: ${getToken("spacing-1")};
|
|
543
|
+
}
|
|
544
|
+
`}BannerTitle.styles=[styles$o()],window.customElements.define("m-banner-title",BannerTitle);var _CloseButton_instances,_CloseButton_button_get,_CloseButton_handleClick,index2d298de0={BASE_PIXELS:16,toRem:function(t,e=16){return parseInt(String(t),10)/e+"rem"}},e$2=index2d298de0,toRem$1=e$2.toRem,rem=getDefaultExportFromCjs(toRem$1);function toRem(t,e){return r$4(rem(t,e))}function styles$m(){return i$4`
|
|
545
|
+
:host {
|
|
546
|
+
--m-close-button-color: ${getColor("color-text-primary")};
|
|
547
|
+
--m-close-button-outline-color: ${getColor("color-primary-100")};
|
|
548
|
+
--m-close-button-outline-offset: 2px;
|
|
549
|
+
}
|
|
550
|
+
|
|
551
|
+
.close-button {
|
|
552
|
+
--button-color: transparent;
|
|
553
|
+
--icon-color: var(--m-close-button-color);
|
|
554
|
+
|
|
555
|
+
width: var(--button-size);
|
|
556
|
+
height: var(--button-size);
|
|
557
|
+
${m(0)};
|
|
558
|
+
${p(0)};
|
|
559
|
+
background-color: var(--button-color);
|
|
560
|
+
border: none;
|
|
561
|
+
border-radius: 50%;
|
|
562
|
+
display: flex;
|
|
563
|
+
align-items: center;
|
|
564
|
+
justify-content: center;
|
|
565
|
+
cursor: pointer;
|
|
566
|
+
|
|
567
|
+
${transition([{property:"background-color"}])};
|
|
568
|
+
}
|
|
569
|
+
|
|
570
|
+
.close-button.-size-small {
|
|
571
|
+
--button-size: ${toRem("12px")};
|
|
572
|
+
--icon-size: ${toRem("8px")};
|
|
573
|
+
}
|
|
574
|
+
|
|
575
|
+
.close-button.-size-default {
|
|
576
|
+
--button-size: ${toRem("16px")};
|
|
577
|
+
--icon-size: ${toRem("12px")};
|
|
578
|
+
}
|
|
579
|
+
|
|
580
|
+
.close-button.-size-large {
|
|
581
|
+
--button-size: ${toRem("20px")};
|
|
582
|
+
--icon-size: ${toRem("16px")};
|
|
583
|
+
}
|
|
584
|
+
|
|
585
|
+
.close-button.-inverted {
|
|
586
|
+
--button-color: transparent;
|
|
587
|
+
--icon-color: ${getColor("color-text-inverted")};
|
|
588
|
+
}
|
|
589
|
+
|
|
590
|
+
m-icon {
|
|
591
|
+
--m-icon-size: var(--icon-size);
|
|
592
|
+
--m-icon-color: var(--icon-color);
|
|
593
|
+
|
|
594
|
+
display: block;
|
|
595
|
+
}
|
|
596
|
+
|
|
597
|
+
${on(".close-button").not.disabled.focus} {
|
|
598
|
+
outline: 1px solid var(--m-close-button-outline-color);
|
|
599
|
+
outline-offset: var(--m-close-button-outline-offset);
|
|
600
|
+
}
|
|
601
|
+
|
|
602
|
+
${on(".close-button").not.disabled.hover} {
|
|
603
|
+
--button-color: var(--m-close-button-color);
|
|
604
|
+
--icon-color: ${getColor("color-text-inverted")};
|
|
605
|
+
}
|
|
606
|
+
|
|
607
|
+
${on(".close-button.-inverted").not.disabled.hover} {
|
|
608
|
+
--button-color: ${getColor("color-text-inverted")};
|
|
609
|
+
--icon-color: var(--m-close-button-color);
|
|
610
|
+
}
|
|
611
|
+
|
|
612
|
+
${on(".close-button").disabled} {
|
|
613
|
+
--icon-color: ${getColor("color-text-disabled")};
|
|
614
|
+
cursor: default;
|
|
615
|
+
}
|
|
616
|
+
|
|
617
|
+
${on(".close-button","*").disabled} {
|
|
618
|
+
pointer-events: none;
|
|
619
|
+
}
|
|
620
|
+
`}class CloseButton extends Component{static get properties(){return{controls:{type:String},disabled:{type:Boolean},inverted:{type:Boolean},label:{type:String},size:{type:String}}}constructor(){super(),_CloseButton_instances.add(this),_CloseButton_handleClick.set(this,(()=>{this.emit("m-close")})),this.disabled=!1,this.inverted=!1,this.label="Close",this.size="default"}render(){var t;return x$1`
|
|
621
|
+
<button
|
|
622
|
+
type="button"
|
|
623
|
+
aria-controls="${l$1(this.controls)}"
|
|
624
|
+
aria-label="${l$1(this.label)}"
|
|
625
|
+
class=${o$1({"close-button":!0,"-size-small":"small"===this.size,"-size-default":"default"===this.size,"-size-large":"large"===this.size,"-inverted":null!==(t=this.inverted)&&void 0!==t&&t})}
|
|
626
|
+
?disabled="${this.disabled}"
|
|
627
|
+
@click=${__classPrivateFieldGet(this,_CloseButton_handleClick,"f")}
|
|
628
|
+
>
|
|
629
|
+
<m-icon name="close"></m-icon>
|
|
630
|
+
</button>
|
|
631
|
+
`}focus(t){var e;null===(e=__classPrivateFieldGet(this,_CloseButton_instances,"a",_CloseButton_button_get))||void 0===e||e.focus(t)}}_CloseButton_handleClick=new WeakMap,_CloseButton_instances=new WeakSet,_CloseButton_button_get=function(){var t;return null!==(t=this.renderRoot.querySelector("button"))&&void 0!==t?t:null},CloseButton.styles=[styles$m()],window.customElements.define("m-close-button",CloseButton);
|
|
632
|
+
/**
|
|
633
|
+
* @license
|
|
634
|
+
* Copyright 2018 Google LLC
|
|
635
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
636
|
+
*/
|
|
637
|
+
const i="important",n$2=" !"+i,o=e$3(class extends i$1{constructor(t){var e;if(super(t),t.type!==t$3.ATTRIBUTE||"style"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce(((e,o)=>{const i=t[o];return null==i?e:e+`${o=o.includes("-")?o:o.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`}),"")}update(t,[e]){const{style:o}=t.element;if(void 0===this.ht){this.ht=new Set;for(const t in e)this.ht.add(t);return this.render(e)}this.ht.forEach((t=>{null==e[t]&&(this.ht.delete(t),t.includes("-")?o.removeProperty(t):o[t]="")}));for(const t in e){const n=e[t];if(null!=n){this.ht.add(t);const e="string"==typeof n&&n.endsWith(n$2);t.includes("-")||e?o.setProperty(t,e?n.slice(0,-11):n,e?i:""):o[t]=n}}return T}});function styles$l(){return i$4`
|
|
638
|
+
:host {
|
|
639
|
+
--m-text-color: ${getColor("color-text-primary")};
|
|
640
|
+
--m-text-display: inline-block;
|
|
641
|
+
--m-text-max-width: initial;
|
|
642
|
+
--m-text-padding: 0;
|
|
643
|
+
--m-text-margin: 0;
|
|
644
|
+
|
|
645
|
+
display: contents;
|
|
646
|
+
}
|
|
647
|
+
|
|
648
|
+
.m-text {
|
|
649
|
+
${transition([{property:"color"}])};
|
|
650
|
+
|
|
651
|
+
${typography()};
|
|
652
|
+
|
|
653
|
+
color: var(--m-text-color);
|
|
654
|
+
display: var(--m-text-display);
|
|
655
|
+
padding: var(--m-text-padding);
|
|
656
|
+
margin: var(--m-text-margin);
|
|
657
|
+
}
|
|
658
|
+
|
|
659
|
+
.-body-lg-bold {
|
|
660
|
+
${typography("body-lg-bold")};
|
|
661
|
+
}
|
|
662
|
+
|
|
663
|
+
.-body-lg {
|
|
664
|
+
${typography("body-lg")};
|
|
665
|
+
}
|
|
666
|
+
|
|
667
|
+
.-body-md-bold-underline {
|
|
668
|
+
${typography("body-md-bold-underline")};
|
|
669
|
+
}
|
|
670
|
+
|
|
671
|
+
.-body-md-bold {
|
|
672
|
+
${typography("body-md-bold")};
|
|
673
|
+
}
|
|
674
|
+
|
|
675
|
+
.-body-md-underline {
|
|
676
|
+
${typography("body-md-underline")};
|
|
677
|
+
}
|
|
678
|
+
|
|
679
|
+
.-body-md {
|
|
680
|
+
${typography("body-md")};
|
|
681
|
+
}
|
|
682
|
+
|
|
683
|
+
.-body-sm-bold-underline {
|
|
684
|
+
${typography("body-sm-bold-underline")};
|
|
685
|
+
}
|
|
686
|
+
|
|
687
|
+
.-body-sm-bold {
|
|
688
|
+
${typography("body-sm-bold")};
|
|
689
|
+
}
|
|
690
|
+
|
|
691
|
+
.-body-sm-underline {
|
|
692
|
+
${typography("body-sm-underline")};
|
|
693
|
+
}
|
|
694
|
+
|
|
695
|
+
.-body-sm {
|
|
696
|
+
${typography("body-sm")};
|
|
697
|
+
}
|
|
698
|
+
|
|
699
|
+
.-button-lg {
|
|
700
|
+
${typography("button-lg")};
|
|
701
|
+
}
|
|
702
|
+
|
|
703
|
+
.-button-md {
|
|
704
|
+
${typography("button-md")};
|
|
705
|
+
}
|
|
706
|
+
|
|
707
|
+
.-button-sm {
|
|
708
|
+
${typography("button-sm")};
|
|
709
|
+
}
|
|
710
|
+
|
|
711
|
+
.-chips-md {
|
|
712
|
+
${typography("chips-md")};
|
|
713
|
+
}
|
|
714
|
+
|
|
715
|
+
.-chips-sm {
|
|
716
|
+
${typography("chips-sm")};
|
|
717
|
+
}
|
|
718
|
+
|
|
719
|
+
.-heading-lg-bold {
|
|
720
|
+
${typography("heading-lg-bold")};
|
|
721
|
+
}
|
|
722
|
+
|
|
723
|
+
.-heading-lg {
|
|
724
|
+
${typography("heading-lg")};
|
|
725
|
+
}
|
|
726
|
+
|
|
727
|
+
.-heading-md-bold {
|
|
728
|
+
${typography("heading-md-bold")};
|
|
729
|
+
}
|
|
730
|
+
|
|
731
|
+
.-heading-md {
|
|
732
|
+
${typography("heading-md")};
|
|
733
|
+
}
|
|
734
|
+
|
|
735
|
+
.-heading-sm-bold {
|
|
736
|
+
${typography("heading-sm-bold")};
|
|
737
|
+
}
|
|
738
|
+
|
|
739
|
+
.-heading-sm {
|
|
740
|
+
${typography("heading-sm")};
|
|
741
|
+
}
|
|
742
|
+
|
|
743
|
+
.-hero-lg-bold {
|
|
744
|
+
${typography("hero-lg-bold")};
|
|
745
|
+
}
|
|
746
|
+
|
|
747
|
+
.-hero-lg {
|
|
748
|
+
${typography("hero-lg")};
|
|
749
|
+
}
|
|
750
|
+
|
|
751
|
+
.-hero-md-bold {
|
|
752
|
+
${typography("hero-md-bold")};
|
|
753
|
+
}
|
|
754
|
+
|
|
755
|
+
.-hero-md {
|
|
756
|
+
${typography("hero-md")};
|
|
757
|
+
}
|
|
758
|
+
|
|
759
|
+
.-hero-sm-bold {
|
|
760
|
+
${typography("hero-sm-bold")};
|
|
761
|
+
}
|
|
762
|
+
|
|
763
|
+
.-hero-sm {
|
|
764
|
+
${typography("hero-sm")};
|
|
765
|
+
}
|
|
766
|
+
|
|
767
|
+
.-number-md {
|
|
768
|
+
${typography("number-md")};
|
|
769
|
+
}
|
|
770
|
+
|
|
771
|
+
.-number-sm {
|
|
772
|
+
${typography("number-sm")};
|
|
773
|
+
}
|
|
774
|
+
|
|
775
|
+
.-table-header-md {
|
|
776
|
+
${typography("table-header-md")};
|
|
777
|
+
}
|
|
778
|
+
|
|
779
|
+
.-table-header-sm {
|
|
780
|
+
${typography("table-header-sm")};
|
|
781
|
+
}
|
|
782
|
+
|
|
783
|
+
.-ellipsized {
|
|
784
|
+
overflow: hidden;
|
|
785
|
+
text-overflow: ellipsis;
|
|
786
|
+
white-space: nowrap;
|
|
787
|
+
max-width: var(--m-text-max-width);
|
|
788
|
+
}
|
|
789
|
+
`}class Text extends(PolymorphicTagMixin(s$5,["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 n$3`
|
|
790
|
+
<${this.tag}
|
|
791
|
+
class=${o$1({"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)})}
|
|
792
|
+
style=${o({"--m-text-color":toCSSValue(this.color)})}
|
|
793
|
+
>
|
|
794
|
+
<slot></slot>
|
|
795
|
+
</${this.tag}>
|
|
796
|
+
`}}var _Banner_primaryAction,_Banner_handleDismissClick;function getIcon(t){switch(t){case"success":return"check";case"warning":case"danger":return"attention";default:return"info-circle"}}function getPrimaryActionVariant(t){switch(t){case"warning":return"warning";case"danger":return"danger";default:return"primary"}}Text.styles=[styles$l()],window.customElements.define("m-text",Text);class Banner extends Component{static get properties(){return{variant:{type:String},dismissible:{type:Boolean},dismissed:{type:Boolean,reflect:!0}}}constructor(){super(),_Banner_primaryAction.set(this,void 0),_Banner_handleDismissClick.set(this,(()=>{this.dismissed=!0,this.emit("m-dismiss",{composed:!0})})),this.variant="neutral",this.dismissible=!1,this.dismissed=!1}get primaryAction(){return null==__classPrivateFieldGet(this,_Banner_primaryAction,"f")&&__classPrivateFieldSet(this,_Banner_primaryAction,this.querySelector("m-banner-action-primary"),"f"),__classPrivateFieldGet(this,_Banner_primaryAction,"f")}updated(t){super.updated(t),t.has("variant")&&null!=this.primaryAction&&(this.primaryAction.variant=getPrimaryActionVariant(this.variant))}render(){if(this.dismissed)return A;const t=null!=this.querySelector("*[slot='description']"),e=null!=this.querySelector("*[slot='actions']"),o=x$1`
|
|
797
|
+
<m-close-button
|
|
798
|
+
id="close"
|
|
799
|
+
label="Dismiss"
|
|
800
|
+
@click=${__classPrivateFieldGet(this,_Banner_handleDismissClick,"f")}
|
|
801
|
+
></m-close-button>
|
|
802
|
+
`;return x$1`
|
|
803
|
+
<div
|
|
804
|
+
class=${o$1({banner:!0,"-success":"success"===this.variant,"-warning":"warning"===this.variant,"-danger":"danger"===this.variant,"-with-description":t})}
|
|
805
|
+
>
|
|
806
|
+
<div class="wrapper">
|
|
807
|
+
<slot name="icon">
|
|
808
|
+
<m-icon name="${getIcon(this.variant)}"></m-icon>
|
|
809
|
+
</slot>
|
|
810
|
+
<div class="content">
|
|
811
|
+
<slot name="title"></slot>
|
|
812
|
+
<slot name="description"></slot>
|
|
813
|
+
</div>
|
|
814
|
+
${this.dismissible&&!e?o:A}
|
|
815
|
+
</div>
|
|
816
|
+
<slot name="actions"></slot>
|
|
817
|
+
</div>
|
|
818
|
+
`}}function cardStyles(){return i$4`
|
|
819
|
+
:host {
|
|
820
|
+
--m-card-background-color: ${getColor("color-background-primary")};
|
|
821
|
+
}
|
|
822
|
+
|
|
823
|
+
.m-card {
|
|
824
|
+
position: relative;
|
|
825
|
+
display: flex;
|
|
826
|
+
flex-direction: row;
|
|
827
|
+
|
|
828
|
+
background-color: var(--m-card-background-color);
|
|
829
|
+
border-radius: ${getToken("border-radius-s")};
|
|
830
|
+
border: solid 1px ${getColor("color-divider")};
|
|
831
|
+
}
|
|
832
|
+
|
|
833
|
+
.m-card-flag {
|
|
834
|
+
position: absolute;
|
|
835
|
+
top: -1px;
|
|
836
|
+
bottom: -1px;
|
|
837
|
+
left: -1px;
|
|
838
|
+
display: block;
|
|
839
|
+
|
|
840
|
+
box-sizing: border-box;
|
|
841
|
+
border: 1px solid var(--m-card-flag-color);
|
|
842
|
+
background-color: var(--m-card-flag-color);
|
|
843
|
+
width: ${getToken("border-thick")};
|
|
844
|
+
border-top-left-radius: ${getToken("border-radius-s")};
|
|
845
|
+
border-top-right-radius: 0;
|
|
846
|
+
border-bottom-right-radius: 0;
|
|
847
|
+
border-bottom-left-radius: ${getToken("border-radius-s")};
|
|
848
|
+
}
|
|
849
|
+
|
|
850
|
+
.m-card-content {
|
|
851
|
+
display: flex;
|
|
852
|
+
flex: 1;
|
|
853
|
+
flex-direction: column;
|
|
854
|
+
}
|
|
855
|
+
|
|
856
|
+
::slotted(m-divider) {
|
|
857
|
+
--m-divider-margin-top: ${getToken("spacing-4")};
|
|
858
|
+
}
|
|
859
|
+
`}function cardBodyStyles(){return i$4`
|
|
860
|
+
:host {
|
|
861
|
+
--m-card-body-padding-x: ${getToken("spacing-4")};
|
|
862
|
+
--m-card-body-padding-y: ${getToken("spacing-4")};
|
|
863
|
+
}
|
|
864
|
+
|
|
865
|
+
.m-card-body {
|
|
866
|
+
padding: var(--m-card-body-padding-y) var(--m-card-body-padding-x);
|
|
867
|
+
}
|
|
868
|
+
`}function cardSubtitleStyles(){return i$4`
|
|
869
|
+
:host {
|
|
870
|
+
--m-card-subtitle-margin-top: ${getToken("spacing-2")};
|
|
871
|
+
--m-card-subtitle-padding-x: ${getToken("spacing-4")};
|
|
872
|
+
--m-card-subtitle-padding-y: 0;
|
|
873
|
+
}
|
|
874
|
+
|
|
875
|
+
.m-card-subtitle {
|
|
876
|
+
${typography("body-md")};
|
|
877
|
+
|
|
878
|
+
margin-block-start: var(--m-card-subtitle-margin-top);
|
|
879
|
+
padding: var(--m-card-subtitle-padding-y) var(--m-card-subtitle-padding-x);
|
|
880
|
+
|
|
881
|
+
color: ${getColor("color-text-tertiary")};
|
|
882
|
+
}
|
|
883
|
+
`}function cardTitleStyles(){return i$4`
|
|
884
|
+
:host {
|
|
885
|
+
--m-card-title-padding-x: ${getToken("spacing-4")};
|
|
886
|
+
--m-card-title-padding-top: ${getToken("spacing-4")};
|
|
887
|
+
}
|
|
888
|
+
|
|
889
|
+
.m-card-title {
|
|
890
|
+
padding: var(--m-card-title-padding-top) var(--m-card-title-padding-x) 0;
|
|
891
|
+
|
|
892
|
+
${typography("heading-sm-bold")};
|
|
893
|
+
color: ${getColor("color-text-primary")};
|
|
894
|
+
}
|
|
895
|
+
|
|
896
|
+
slot[name='leading']::slotted(*) {
|
|
897
|
+
display: inline-flex;
|
|
898
|
+
flex-flow: row nowrap;
|
|
899
|
+
align-items: center;
|
|
900
|
+
justify-content: center;
|
|
901
|
+
pointer-events: none;
|
|
902
|
+
margin-inline-end: ${getToken("spacing-1")};
|
|
903
|
+
}
|
|
904
|
+
`}function cardDividerStyles(){return i$4`
|
|
905
|
+
:host {
|
|
906
|
+
--m-divider-margin-top: ${getToken("spacing-4")};
|
|
907
|
+
}
|
|
908
|
+
`}_Banner_primaryAction=new WeakMap,_Banner_handleDismissClick=new WeakMap,Banner.styles=[styles$n()],window.customElements.define("m-banner",Banner);const defaultFlagColor="color-background-inverted";class Card extends s$5{static get properties(){return{flagged:{type:Boolean},flagColor:{type:String,attribute:"flag-color"}}}constructor(){super(),this.flagged=!1,this.flagColor=defaultFlagColor}render(){return x$1`
|
|
909
|
+
<div
|
|
910
|
+
class="m-card"
|
|
911
|
+
style="${o({"--m-card-flag-color":toCSSValue(this.flagColor)})}"
|
|
912
|
+
>
|
|
913
|
+
${this.flagged?x$1`<span class="m-card-flag"></span>`:A}
|
|
914
|
+
<div class="m-card-content">
|
|
915
|
+
<slot name="title"></slot>
|
|
916
|
+
<slot name="subtitle"></slot>
|
|
917
|
+
<slot name="divider"></slot>
|
|
918
|
+
<slot name="body"></slot>
|
|
919
|
+
</div>
|
|
920
|
+
</div>
|
|
921
|
+
`}}Card.styles=[cardStyles()],window.customElements.define("m-card",Card);class CardBody extends s$5{static get properties(){return{slot:{type:String}}}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","body")}render(){return x$1`
|
|
922
|
+
<div class="m-card-body">
|
|
923
|
+
<slot></slot>
|
|
924
|
+
</div>
|
|
925
|
+
`}}CardBody.styles=[cardBodyStyles()],window.customElements.define("m-card-body",CardBody);class CardSubtitle extends s$5{static get properties(){return{slot:{type:String}}}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","subtitle")}render(){return x$1`
|
|
926
|
+
<div class="m-card-subtitle">
|
|
927
|
+
<slot></slot>
|
|
928
|
+
</div>
|
|
929
|
+
`}}CardSubtitle.styles=[cardSubtitleStyles()],window.customElements.define("m-card-subtitle",CardSubtitle);class CardTitle extends s$5{static get properties(){return{slot:{type:String}}}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","title")}render(){return x$1`
|
|
930
|
+
<div class="m-card-title">
|
|
931
|
+
<slot name="leading"></slot>
|
|
932
|
+
<slot></slot>
|
|
933
|
+
</div>
|
|
934
|
+
`}}function styles$k(){return i$4`
|
|
935
|
+
.m-divider {
|
|
936
|
+
border: 0;
|
|
937
|
+
border-block-end: solid 1px ${getColor("color-divider")};
|
|
938
|
+
margin-block-start: var(
|
|
939
|
+
--m-divider-margin-top,
|
|
940
|
+
var(--m-divider-margin-y, 0)
|
|
941
|
+
);
|
|
942
|
+
margin-block-end: var(
|
|
943
|
+
--m-divider-margin-bottom,
|
|
944
|
+
var(--m-divider-margin-y, 0)
|
|
945
|
+
);
|
|
946
|
+
}
|
|
947
|
+
`}CardTitle.styles=[cardTitleStyles()],window.customElements.define("m-card-title",CardTitle);class Divider extends s$5{render(){return x$1`<hr class="m-divider" />`}}Divider.styles=[styles$k()],window.customElements.define("m-divider",Divider);class CardDivider extends Divider{constructor(){super(),this.slot="divider"}}CardDivider.styles=[...Divider.styles,cardDividerStyles()],CardDivider.properties={slot:{attribute:!0,type:String,reflect:!0}},window.customElements.define("m-card-divider",CardDivider);const baseTransitionConfig={delay:"0s",duration:"0.35s",easing:"ease-in-out"};function styles$j(){return i$4`
|
|
948
|
+
${on(".check-input-label").not.disabled.focus} {
|
|
949
|
+
border-radius: 2px;
|
|
950
|
+
outline: 1px solid ${getColor("color-primary-60")};
|
|
951
|
+
}
|
|
952
|
+
|
|
953
|
+
.check-input-label {
|
|
954
|
+
${typography("body-md")};
|
|
955
|
+
|
|
956
|
+
gap: ${getToken("spacing-1")};
|
|
957
|
+
align-items: center;
|
|
958
|
+
display: inline-flex;
|
|
959
|
+
padding: 4px 2px;
|
|
960
|
+
position: relative;
|
|
961
|
+
}
|
|
962
|
+
|
|
963
|
+
.check-input-label,
|
|
964
|
+
.check-input {
|
|
965
|
+
cursor: pointer;
|
|
966
|
+
}
|
|
967
|
+
|
|
968
|
+
.check-input {
|
|
969
|
+
--checkbox-input-size: ${getToken("font-size-4")};
|
|
970
|
+
|
|
971
|
+
color: ${getColor("color-text-tertiary")};
|
|
972
|
+
width: var(--checkbox-input-size);
|
|
973
|
+
height: var(--checkbox-input-size);
|
|
974
|
+
background: ${getColor("color-neutral-0")};
|
|
975
|
+
appearance: none;
|
|
976
|
+
outline: none;
|
|
977
|
+
border-style: solid;
|
|
978
|
+
border-radius: ${getToken("border-radius-s")};
|
|
979
|
+
border-color: ${getColor("color-border")};
|
|
980
|
+
border-width: ${getToken("border-thin")};
|
|
981
|
+
margin: 0;
|
|
982
|
+
flex-grow: 0;
|
|
983
|
+
flex-shrink: 0;
|
|
984
|
+
flex-basis: var(--checkbox-input-size);
|
|
985
|
+
${transition([{property:"border",...baseTransitionConfig},{property:"background",...baseTransitionConfig}])};
|
|
986
|
+
}
|
|
987
|
+
|
|
988
|
+
.check-input:indeterminate,
|
|
989
|
+
.check-input:checked {
|
|
990
|
+
background: ${getColor("color-primary-60")};
|
|
991
|
+
border-color: ${getColor("color-primary-60")};
|
|
992
|
+
}
|
|
993
|
+
|
|
994
|
+
${on(".check-input").disabled} {
|
|
995
|
+
background: ${getColor("color-background-tertiary")};
|
|
996
|
+
cursor: not-allowed;
|
|
997
|
+
}
|
|
998
|
+
|
|
999
|
+
${on(".check-input:indeterminate").disabled},
|
|
1000
|
+
${on(".check-input:checked").disabled} {
|
|
1001
|
+
background: ${getColor("color-neutral-40")};
|
|
1002
|
+
border-color: ${getColor("color-neutral-40")};
|
|
1003
|
+
}
|
|
1004
|
+
|
|
1005
|
+
${on(".check-input:indeterminate").not.disabled.hover},
|
|
1006
|
+
${on(".check-input:checked").not.disabled.hover} {
|
|
1007
|
+
background: ${getColor("color-primary-100")};
|
|
1008
|
+
border-color: ${getColor("color-primary-100")};
|
|
1009
|
+
}
|
|
1010
|
+
|
|
1011
|
+
${on(".check-input").not.disabled.hover} {
|
|
1012
|
+
border-color: ${getColor("color-primary-100")};
|
|
1013
|
+
}
|
|
1014
|
+
|
|
1015
|
+
:host([disabled]) .check-input-label {
|
|
1016
|
+
cursor: not-allowed;
|
|
1017
|
+
color: ${getColor("color-text-disabled")};
|
|
1018
|
+
}
|
|
1019
|
+
|
|
1020
|
+
.check-icon,
|
|
1021
|
+
.indeterminate-icon {
|
|
1022
|
+
--m-icon-size: 1em;
|
|
1023
|
+
--m-icon-color: ${getColor("color-neutral-0")};
|
|
1024
|
+
|
|
1025
|
+
position: absolute;
|
|
1026
|
+
|
|
1027
|
+
pointer-events: none;
|
|
1028
|
+
border-width: ${getToken("border-thin")};
|
|
1029
|
+
border-style: solid;
|
|
1030
|
+
border-color: transparent;
|
|
1031
|
+
border-radius: ${getToken("border-radius-s")};
|
|
1032
|
+
display: none;
|
|
1033
|
+
}
|
|
1034
|
+
|
|
1035
|
+
.check-input:checked:not(:indeterminate) ~ .check-icon,
|
|
1036
|
+
.check-input:indeterminate:not(:checked) ~ .indeterminate-icon {
|
|
1037
|
+
display: inline-flex;
|
|
1038
|
+
}
|
|
1039
|
+
`}const CHANGE_EVENT="m-change";var _Checkbox_instances,_Checkbox_setAttributes,_Checkbox_handleChange;class Checkbox extends s$5{static get properties(){return{name:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0},indeterminate:{type:Boolean,reflect:!0}}}constructor(){super(),_Checkbox_instances.add(this),_Checkbox_handleChange.set(this,(t=>{const e=t.target,o=new CustomEvent("m-change",{cancelable:!1,composed:!1,bubbles:!0,detail:{checked:e.checked,indeterminate:e.indeterminate}});this.dispatchEvent(o),this.checked=e.checked,this.indeterminate=e.indeterminate})),this.name=void 0,this.disabled=!1,this.checked=!1,this.indeterminate=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","checkbox")}disconnectedCallback(){super.connectedCallback()}firstUpdated(){this.input=this.renderRoot.querySelector("input"),this.label=this.renderRoot.querySelector("label")}updated(){__classPrivateFieldGet(this,_Checkbox_instances,"m",_Checkbox_setAttributes).call(this)}render(){return x$1`
|
|
1040
|
+
<label for="${l$1(this.id)}" class="check-input-label">
|
|
1041
|
+
<input
|
|
1042
|
+
id="${l$1(this.id)}"
|
|
1043
|
+
name="${l$1(this.name)}"
|
|
1044
|
+
type="checkbox"
|
|
1045
|
+
class="check-input"
|
|
1046
|
+
?disabled="${this.disabled}"
|
|
1047
|
+
?checked="${this.checked}"
|
|
1048
|
+
@change=${__classPrivateFieldGet(this,_Checkbox_handleChange,"f")}
|
|
1049
|
+
/>
|
|
1050
|
+
<m-icon name="check" class="check-icon"></m-icon>
|
|
1051
|
+
<m-icon name="indeterminate" class="indeterminate-icon"></m-icon>
|
|
1052
|
+
<slot name="leading"></slot>
|
|
1053
|
+
<slot></slot>
|
|
1054
|
+
</label>
|
|
1055
|
+
`}focus(t){var e;null===(e=this.input)||void 0===e||e.focus(t)}}_Checkbox_handleChange=new WeakMap,_Checkbox_instances=new WeakSet,_Checkbox_setAttributes=function(){this.setAttribute("aria-disabled",this.disabled.toString()),this.setAttribute("aria-checked",this.indeterminate?"mixed":this.checked.toString()),this.input.indeterminate=this.indeterminate},Checkbox.styles=[styles$j()],window.customElements.define("m-checkbox",Checkbox);
|
|
1056
|
+
/**
|
|
1057
|
+
* @license
|
|
1058
|
+
* Copyright 2021 Google LLC
|
|
1059
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
1060
|
+
*/
|
|
1061
|
+
let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=e,this.subscribe=o}};
|
|
1062
|
+
/**
|
|
1063
|
+
* @license
|
|
1064
|
+
* Copyright 2021 Google LLC
|
|
1065
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
1066
|
+
*/function n$1(t){return t}
|
|
1067
|
+
/**
|
|
1068
|
+
* @license
|
|
1069
|
+
* Copyright 2021 Google LLC
|
|
1070
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
1071
|
+
*/let s$2=class{constructor(t,e,o,i){var n;if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(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.host=t,void 0!==e.context){const t=e;this.context=t.context,this.callback=t.callback,this.subscribe=null!==(n=t.subscribe)&&void 0!==n&&n}else this.context=e,this.callback=o,this.subscribe=null!=i&&i;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new s$3(this.context,this.t,this.subscribe))}},t$2=class{constructor(t){this.disposers=new Map,this.updateObservers=()=>{for(const[t,e]of this.disposers)t(this.o,e)},void 0!==t&&(this.value=t)}get value(){return this.o}set value(t){this.setValue(t)}setValue(t,e=!1){const o=e||!Object.is(t,this.o);this.o=t,o&&this.updateObservers()}addCallback(t,e){if(e){this.disposers.has(t)||this.disposers.set(t,(()=>{this.disposers.delete(t)}));const e=this.disposers.get(t);t(this.value,e)}else t(this.value)}clearCallbacks(){this.disposers.clear()}},s$1=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}},e$1=class extends t$2{constructor(t,e,o){super(void 0!==e.context?e.initialValue:o),this.onContextRequest=t=>{t.context===this.context&&t.composedPath()[0]!==this.host&&(t.stopPropagation(),this.addCallback(t.callback,t.subscribe))},this.host=t,void 0!==e.context?this.context=e.context:this.context=e,this.attachListeners(),this.host.addController(this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest)}hostConnected(){this.host.dispatchEvent(new s$1(this.context))}},t$1=class{constructor(){this.pendingContextRequests=new Map,this.onContextProvider=t=>{const e=this.pendingContextRequests.get(t.context);if(void 0===e)return;this.pendingContextRequests.delete(t.context);const{requests:o}=e;for(const{elementRef:e,callbackRef:i}of o){const o=e.deref(),n=i.deref();void 0===o||void 0===n||o.dispatchEvent(new s$3(t.context,n,!0))}},this.onContextRequest=t=>{if(!0!==t.subscribe)return;const e=t.composedPath()[0],o=t.callback;let i=this.pendingContextRequests.get(t.context);void 0===i&&this.pendingContextRequests.set(t.context,i={callbacks:new WeakMap,requests:[]});let n=i.callbacks.get(e);void 0===n&&i.callbacks.set(e,n=new WeakSet),n.has(o)||(n.add(o),i.requests.push({elementRef:new WeakRef(e),callbackRef:new WeakRef(o)}))}}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)}};
|
|
1072
|
+
/**
|
|
1073
|
+
* @license
|
|
1074
|
+
* Copyright 2021 Google LLC
|
|
1075
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
1076
|
+
*/var waitForAnimations_1=async function(t,e){const o=t.getAnimations(e).map((({finished:t})=>t));await Promise.allSettled(o)};let isAttached=!1;function attachContextRoot(){if(isAttached)return;(new t$1).attach(document.body),isAttached=!0}const dialogContext=n$1(Symbol("dialog"));function styles$i(){return i$4`
|
|
1077
|
+
:host {
|
|
1078
|
+
--margin: ${getToken("spacing-6")};
|
|
1079
|
+
--padding: ${getToken("spacing-6")};
|
|
1080
|
+
--gap: ${getToken("spacing-6")};
|
|
1081
|
+
}
|
|
1082
|
+
|
|
1083
|
+
slot::slotted(*) {
|
|
1084
|
+
padding-inline: var(--padding);
|
|
1085
|
+
padding-block: calc(var(--gap) / 2);
|
|
1086
|
+
}
|
|
1087
|
+
|
|
1088
|
+
dialog {
|
|
1089
|
+
box-sizing: border-box;
|
|
1090
|
+
padding: calc(var(--padding) - (var(--gap) / 2)) 0;
|
|
1091
|
+
border: none;
|
|
1092
|
+
border-radius: ${getToken("border-radius-m")};
|
|
1093
|
+
background-color: white;
|
|
1094
|
+
box-shadow: ${getToken("elevation-4")};
|
|
1095
|
+
width: auto;
|
|
1096
|
+
max-height: calc(100% - var(--margin));
|
|
1097
|
+
|
|
1098
|
+
${transition([{property:"max-width"}])}
|
|
1099
|
+
}
|
|
1100
|
+
|
|
1101
|
+
dialog[open] {
|
|
1102
|
+
display: flex;
|
|
1103
|
+
flex-direction: column;
|
|
1104
|
+
}
|
|
1105
|
+
|
|
1106
|
+
dialog.-size-small {
|
|
1107
|
+
max-width: min(${toRem("400px")}, calc(100vw - var(--margin)));
|
|
1108
|
+
}
|
|
1109
|
+
|
|
1110
|
+
dialog.-size-medium {
|
|
1111
|
+
max-width: min(${toRem("600px")}, calc(100% - var(--margin)));
|
|
1112
|
+
}
|
|
1113
|
+
|
|
1114
|
+
dialog.-size-large {
|
|
1115
|
+
max-width: min(${toRem("800px")}, calc(100% - var(--margin)));
|
|
1116
|
+
}
|
|
1117
|
+
|
|
1118
|
+
dialog.-size-extra-large {
|
|
1119
|
+
max-width: min(${toRem("1000px")}, calc(100% - var(--margin)));
|
|
1120
|
+
}
|
|
1121
|
+
|
|
1122
|
+
dialog::backdrop {
|
|
1123
|
+
background-color: ${getColor("color-background-secondary-inverted",.4)};
|
|
1124
|
+
}
|
|
1125
|
+
|
|
1126
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
1127
|
+
dialog[open] {
|
|
1128
|
+
animation: show-dialog 0.25s ease forwards;
|
|
1129
|
+
}
|
|
1130
|
+
|
|
1131
|
+
dialog.is-hiding {
|
|
1132
|
+
animation: hide-dialog 0.25s ease forwards;
|
|
1133
|
+
}
|
|
1134
|
+
|
|
1135
|
+
dialog[open]::backdrop {
|
|
1136
|
+
animation: show-backdrop 0.25s ease forwards;
|
|
1137
|
+
}
|
|
1138
|
+
|
|
1139
|
+
dialog.is-hiding::backdrop {
|
|
1140
|
+
animation: hide-backdrop 0.25s ease forwards;
|
|
1141
|
+
}
|
|
1142
|
+
}
|
|
1143
|
+
|
|
1144
|
+
@keyframes show-dialog {
|
|
1145
|
+
from {
|
|
1146
|
+
opacity: 0;
|
|
1147
|
+
transform: translateY(250px);
|
|
1148
|
+
}
|
|
1149
|
+
}
|
|
1150
|
+
|
|
1151
|
+
@keyframes hide-dialog {
|
|
1152
|
+
to {
|
|
1153
|
+
opacity: 0;
|
|
1154
|
+
transform: scale(0.75);
|
|
1155
|
+
}
|
|
1156
|
+
}
|
|
1157
|
+
|
|
1158
|
+
@keyframes show-backdrop {
|
|
1159
|
+
from {
|
|
1160
|
+
opacity: 0;
|
|
1161
|
+
}
|
|
1162
|
+
}
|
|
1163
|
+
|
|
1164
|
+
@keyframes hide-backdrop {
|
|
1165
|
+
to {
|
|
1166
|
+
opacity: 0;
|
|
1167
|
+
}
|
|
1168
|
+
}
|
|
1169
|
+
`}var _Dialog_instances,_Dialog_contextProvider,_Dialog_dialog_get,_Dialog_toggleVisibility,_Dialog_emitLifecycleEvent,_Dialog_emitCloseEvent,_Dialog_handleClick,_Dialog_handleCancel;attachContextRoot();class Dialog extends Component{static get properties(){return{open:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},variant:{type:String,reflect:!0}}}constructor(){super(),_Dialog_instances.add(this),_Dialog_contextProvider.set(this,new e$1(this,dialogContext,{variant:"neutral"})),this.open=!1,this.size="small",this.variant="neutral"}render(){return x$1`
|
|
1170
|
+
<dialog
|
|
1171
|
+
class="${o$1({"-size-small":"small"===this.size||!this.size,"-size-medium":"medium"===this.size,"-size-large":"large"===this.size,"-size-extra-large":"extra-large"===this.size})}"
|
|
1172
|
+
@click=${__classPrivateFieldGet(this,_Dialog_instances,"m",_Dialog_handleClick)}
|
|
1173
|
+
@cancel=${__classPrivateFieldGet(this,_Dialog_instances,"m",_Dialog_handleCancel)}
|
|
1174
|
+
>
|
|
1175
|
+
<slot name="header"></slot>
|
|
1176
|
+
<slot name="body"></slot>
|
|
1177
|
+
<slot name="footer"></slot>
|
|
1178
|
+
<slot name="actions"></slot>
|
|
1179
|
+
</dialog>
|
|
1180
|
+
`}updated(t){var e;super.updated(t),t.has("variant")&&__classPrivateFieldGet(this,_Dialog_contextProvider,"f").setValue({variant:null!==(e=this.variant)&&void 0!==e?e:"neutral"}),t.has("open")&&__classPrivateFieldGet(this,_Dialog_instances,"m",_Dialog_toggleVisibility).call(this,t.get("open"))}show(){this.open=!0}hide(){this.open=!1}}_Dialog_contextProvider=new WeakMap,_Dialog_instances=new WeakSet,_Dialog_dialog_get=function(){var t;return null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector("dialog")},_Dialog_toggleVisibility=async function(t){const e=__classPrivateFieldGet(this,_Dialog_instances,"a",_Dialog_dialog_get);e&&(!t&&this.open?(this.style.display="block",__classPrivateFieldGet(this,_Dialog_instances,"m",_Dialog_emitLifecycleEvent).call(this,"m-opening"),e.showModal(),await waitForAnimations_1(e),__classPrivateFieldGet(this,_Dialog_instances,"m",_Dialog_emitLifecycleEvent).call(this,"m-opened")):t&&!this.open?(__classPrivateFieldGet(this,_Dialog_instances,"m",_Dialog_emitLifecycleEvent).call(this,"m-closing"),e.classList.add("is-hiding"),await waitForAnimations_1(e),e.classList.remove("is-hiding"),e.close(),__classPrivateFieldGet(this,_Dialog_instances,"m",_Dialog_emitLifecycleEvent).call(this,"m-closed"),this.style.display="none"):null!=t||this.open||(this.style.display="none"))},_Dialog_emitLifecycleEvent=function(t){this.emit(t,{cancelable:!1,bubbles:!1})},_Dialog_emitCloseEvent=function(){this.open&&this.emit("m-close")},_Dialog_handleClick=function(t){var e;const o=t.target instanceof HTMLDialogElement,i=null===(e=__classPrivateFieldGet(this,_Dialog_instances,"a",_Dialog_dialog_get))||void 0===e?void 0:e.getBoundingClientRect();if(o&&i){(t.clientY<i.top||t.clientY>i.bottom||t.clientX<i.left||t.clientX>i.right)&&(t.preventDefault(),t.stopPropagation(),__classPrivateFieldGet(this,_Dialog_instances,"m",_Dialog_emitCloseEvent).call(this))}},_Dialog_handleCancel=function(t){t.preventDefault(),__classPrivateFieldGet(this,_Dialog_instances,"m",_Dialog_emitCloseEvent).call(this)},Dialog.styles=[styles$i()],window.customElements.define("m-dialog",Dialog);const DIALOG_SIZES=["small","medium","large","extra-large"],DIALOG_VARIANTS=["neutral","success","warning","danger"];var _DialogActionPrimary_contextCallback,_BaseLayout_setOrRemoveProperty;class DialogActionPrimary extends Button{constructor(){super(),_DialogActionPrimary_contextCallback.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 s$2(this,dialogContext,__classPrivateFieldGet(this,_DialogActionPrimary_contextCallback,"f"),!0)}}_DialogActionPrimary_contextCallback=new WeakMap,window.customElements.define("m-dialog-action-primary",DialogActionPrimary);class DialogActionSecondary extends Button{constructor(){super(),this.type="button",this.variant="secondary"}}window.customElements.define("m-dialog-action-secondary",DialogActionSecondary);class DialogActionTertiary extends Button{constructor(){super(),this.type="button",this.variant="tertiary"}}window.customElements.define("m-dialog-action-tertiary",DialogActionTertiary);class BaseLayout extends s$5{constructor(){super(...arguments),_BaseLayout_setOrRemoveProperty.set(this,((t,e)=>{e?this.style.setProperty(t,toSpacingCSSValue(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(t){super.update(t);const e=this.getCSSPropertiesPrefix();t.has("padding")&&this.style.setProperty(`--m-${e}-padding`,toSpacingCSSValue(this.padding)),t.has("paddingX")&&__classPrivateFieldGet(this,_BaseLayout_setOrRemoveProperty,"f").call(this,`--m-${e}-padding-x`,this.paddingX),t.has("paddingY")&&__classPrivateFieldGet(this,_BaseLayout_setOrRemoveProperty,"f").call(this,`--m-${e}-padding-y`,this.paddingY),t.has("paddingT")&&__classPrivateFieldGet(this,_BaseLayout_setOrRemoveProperty,"f").call(this,`--m-${e}-padding-t`,this.paddingT),t.has("paddingB")&&__classPrivateFieldGet(this,_BaseLayout_setOrRemoveProperty,"f").call(this,`--m-${e}-padding-b`,this.paddingB),t.has("paddingL")&&__classPrivateFieldGet(this,_BaseLayout_setOrRemoveProperty,"f").call(this,`--m-${e}-padding-l`,this.paddingL),t.has("paddingR")&&__classPrivateFieldGet(this,_BaseLayout_setOrRemoveProperty,"f").call(this,`--m-${e}-padding-r`,this.paddingR)}render(){return x$1`<slot></slot>`}}function getBaseLayoutStyles(t){return i$4`
|
|
1181
|
+
:host {
|
|
1182
|
+
/** reset layout custom properties to avoid inheritance */
|
|
1183
|
+
--m-${r$4(t)}-padding-x: initial;
|
|
1184
|
+
--m-${r$4(t)}-padding-y: initial;
|
|
1185
|
+
--m-${r$4(t)}-padding-t: initial;
|
|
1186
|
+
--m-${r$4(t)}-padding-r: initial;
|
|
1187
|
+
--m-${r$4(t)}-padding-b: initial;
|
|
1188
|
+
--m-${r$4(t)}-padding-l: initial;
|
|
1189
|
+
--m-${r$4(t)}-padding: initial;
|
|
1190
|
+
|
|
1191
|
+
padding-block-start: var(
|
|
1192
|
+
--m-${r$4(t)}-padding-t,
|
|
1193
|
+
var(
|
|
1194
|
+
--m-${r$4(t)}-padding-y,
|
|
1195
|
+
var(--m-${r$4(t)}-padding, 0)
|
|
1196
|
+
)
|
|
1197
|
+
);
|
|
1198
|
+
padding-block-end: var(
|
|
1199
|
+
--m-${r$4(t)}-padding-b,
|
|
1200
|
+
var(
|
|
1201
|
+
--m-${r$4(t)}-padding-y,
|
|
1202
|
+
var(--m-${r$4(t)}-padding, 0)
|
|
1203
|
+
)
|
|
1204
|
+
);
|
|
1205
|
+
padding-inline-start: var(
|
|
1206
|
+
--m-${r$4(t)}-padding-l,
|
|
1207
|
+
var(
|
|
1208
|
+
--m-${r$4(t)}-padding-x,
|
|
1209
|
+
var(--m-${r$4(t)}-padding, 0)
|
|
1210
|
+
)
|
|
1211
|
+
);
|
|
1212
|
+
padding-inline-end: var(
|
|
1213
|
+
--m-${r$4(t)}-padding-r,
|
|
1214
|
+
var(
|
|
1215
|
+
--m-${r$4(t)}-padding-x,
|
|
1216
|
+
var(--m-${r$4(t)}-padding, 0)
|
|
1217
|
+
)
|
|
1218
|
+
);
|
|
1219
|
+
}
|
|
1220
|
+
`}_BaseLayout_setOrRemoveProperty=new WeakMap;const defaultGroupProps={gap:"spacing-4",align:"stretch",justify:"flex-start"};function groupStyles(){return i$4`
|
|
1221
|
+
:host {
|
|
1222
|
+
--m-group-gap: ${getToken(defaultGroupProps.gap)};
|
|
1223
|
+
--m-group-align: ${r$4(defaultGroupProps.align)};
|
|
1224
|
+
--m-group-justify: ${r$4(defaultGroupProps.justify)};
|
|
1225
|
+
|
|
1226
|
+
display: flex;
|
|
1227
|
+
flex-wrap: wrap;
|
|
1228
|
+
gap: var(--m-group-gap);
|
|
1229
|
+
align-items: var(--m-group-align);
|
|
1230
|
+
justify-content: var(--m-group-justify);
|
|
1231
|
+
}
|
|
1232
|
+
`}class Group extends BaseLayout{static get properties(){return{...super.properties,gap:{type:String},align:{type:String},justify:{type:String}}}constructor(){super(),this.gap=defaultGroupProps.gap,this.align=defaultGroupProps.align,this.justify=defaultGroupProps.justify}getCSSPropertiesPrefix(){return Group.CSSPropertiesPrefix}update(t){super.update(t),this.style.setProperty("--m-group-gap",toSpacingCSSValue(this.gap,defaultGroupProps.gap)),this.style.setProperty("--m-group-align",this.align||defaultGroupProps.align),this.style.setProperty("--m-group-justify",this.justify||defaultGroupProps.justify)}render(){return x$1`<slot></slot>`}}Group.CSSPropertiesPrefix="group",Group.styles=[getBaseLayoutStyles(Group.CSSPropertiesPrefix),groupStyles()],window.customElements.define("m-group",Group);class DialogActions extends Group{constructor(){super(),this.align="center",this.gap="spacing-3",this.justify="flex-end"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","actions")}}function styles$h(){return i$4`
|
|
1233
|
+
:host {
|
|
1234
|
+
overflow-y: auto;
|
|
1235
|
+
overscroll-behavior: contain;
|
|
1236
|
+
|
|
1237
|
+
${typography("body-md")};
|
|
1238
|
+
}
|
|
1239
|
+
`}window.customElements.define("m-dialog-actions",DialogActions);class DialogBody extends s$5{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","body")}render(){return x$1`<slot></slot>`}}DialogBody.styles=[styles$h()],window.customElements.define("m-dialog-body",DialogBody);class DialogClose extends CloseButton{constructor(){super(),this.size="large"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","close")}}window.customElements.define("m-dialog-close",DialogClose);class DialogFooter extends s$5{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","footer")}render(){return x$1`<slot></slot>`}}function styles$g(){return i$4`
|
|
1240
|
+
h1 {
|
|
1241
|
+
margin: 0;
|
|
1242
|
+
padding: 0;
|
|
1243
|
+
|
|
1244
|
+
${typography("heading-md-bold")};
|
|
1245
|
+
}
|
|
1246
|
+
`}window.customElements.define("m-dialog-footer",DialogFooter);const ALIGN_ITEMS_VALUES=["center","flex-start","flex-end","stretch"],JUSTIFY_CONTENT_VALUES=["center","flex-start","flex-end","space-between","space-around","space-evenly"],defaultBoxProps={padding:"spacing-4",borderRadius:"border-radius-s",borderWidth:"border-none",borderColor:"color-background-highlight",textAlign:"left"};function boxStyles(){return i$4`
|
|
1247
|
+
:host {
|
|
1248
|
+
--m-box-padding: ${getToken(defaultBoxProps.padding)};
|
|
1249
|
+
--m-box-background-color: transparent;
|
|
1250
|
+
--m-box-border-radius: ${getToken(defaultBoxProps.borderRadius)};
|
|
1251
|
+
--m-box-border-width: ${getToken(defaultBoxProps.borderWidth)};
|
|
1252
|
+
--m-box-border-color: ${getColor(defaultBoxProps.borderColor)};
|
|
1253
|
+
--m-box-text-align: ${r$4(defaultBoxProps.textAlign)};
|
|
1254
|
+
|
|
1255
|
+
box-sizing: border-box;
|
|
1256
|
+
|
|
1257
|
+
background-color: var(--m-box-background-color);
|
|
1258
|
+
border-radius: var(--m-box-border-radius);
|
|
1259
|
+
border-style: solid;
|
|
1260
|
+
border-width: var(--m-box-border-width);
|
|
1261
|
+
border-color: var(--m-box-border-color);
|
|
1262
|
+
text-align: var(--m-box-text-align);
|
|
1263
|
+
display: block;
|
|
1264
|
+
}
|
|
1265
|
+
`}class Box extends BaseLayout{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=defaultBoxProps.padding,this.borderRadius=defaultBoxProps.borderRadius,this.borderWidth=defaultBoxProps.borderWidth,this.borderColor=defaultBoxProps.borderColor,this.textAlign=defaultBoxProps.textAlign}getCSSPropertiesPrefix(){return Box.CSSPropertiesPrefix}update(t){var e,o,i,n;super.update(t),t.has("backgroundColor")&&this.style.setProperty("--m-box-background-color",null!==(e=this.backgroundColor&&toCSSValue(this.backgroundColor))&&void 0!==e?e:"transparent"),t.has("borderRadius")&&this.style.setProperty("--m-box-border-radius",null!==(o=this.borderRadius&&toCSSValue(this.borderRadius))&&void 0!==o?o:toCSSValue(defaultBoxProps.borderRadius)),t.has("borderWidth")&&this.style.setProperty("--m-box-border-width",null!==(i=this.borderWidth&&toCSSValue(this.borderWidth))&&void 0!==i?i:toCSSValue(defaultBoxProps.borderWidth)),t.has("borderColor")&&this.style.setProperty("--m-box-border-color",null!==(n=this.borderColor&&toCSSValue(this.borderColor))&&void 0!==n?n:toCSSValue(defaultBoxProps.borderColor)),t.has("textAlign")&&this.style.setProperty("--m-box-text-align",this.textAlign||defaultBoxProps.textAlign)}render(){return x$1`<slot></slot>`}}Box.CSSPropertiesPrefix="box",Box.styles=[getBaseLayoutStyles(Box.CSSPropertiesPrefix),boxStyles()],window.customElements.define("m-box",Box);const defaultStackProps={gap:"spacing-4",align:"stretch",justify:"flex-start"};function stackStyles(){return i$4`
|
|
1266
|
+
:host {
|
|
1267
|
+
--m-stack-gap: ${getToken(defaultStackProps.gap)};
|
|
1268
|
+
--m-stack-align: ${r$4(defaultStackProps.align)};
|
|
1269
|
+
--m-stack-justify: ${r$4(defaultStackProps.justify)};
|
|
1270
|
+
|
|
1271
|
+
display: flex;
|
|
1272
|
+
flex-direction: column;
|
|
1273
|
+
|
|
1274
|
+
row-gap: var(--m-stack-gap);
|
|
1275
|
+
align-items: var(--m-stack-align);
|
|
1276
|
+
justify-content: var(--m-stack-justify);
|
|
1277
|
+
}
|
|
1278
|
+
`}class Stack extends BaseLayout{static get properties(){return{...super.properties,gap:{type:String},align:{type:String},justify:{type:String}}}constructor(){super(),this.gap=defaultStackProps.gap,this.align=defaultStackProps.align,this.justify=defaultStackProps.justify}getCSSPropertiesPrefix(){return Stack.CSSPropertiesPrefix}update(t){super.update(t),this.style.setProperty("--m-stack-gap",toSpacingCSSValue(this.gap,defaultStackProps.gap)),this.style.setProperty("--m-stack-align",this.align||defaultStackProps.align),this.style.setProperty("--m-stack-justify",this.justify||defaultStackProps.justify)}render(){return x$1`<slot></slot>`}}Stack.CSSPropertiesPrefix="stack",Stack.styles=[getBaseLayoutStyles(Stack.CSSPropertiesPrefix),stackStyles()],window.customElements.define("m-stack",Stack);const defaultGridProps={gap:"spacing-4",minColumnWidth:getToken$1("spacing-30")};function gridStyles(){return i$4`
|
|
1279
|
+
:host {
|
|
1280
|
+
--m-grid-gap: ${getToken(defaultGridProps.gap)};
|
|
1281
|
+
--m-grid-min-column-width: ${r$4(defaultGridProps.minColumnWidth)};
|
|
1282
|
+
|
|
1283
|
+
display: grid;
|
|
1284
|
+
|
|
1285
|
+
row-gap: var(--m-grid-row-gap, var(--m-grid-gap));
|
|
1286
|
+
column-gap: var(--m-grid-column-gap, var(--m-grid-gap));
|
|
1287
|
+
|
|
1288
|
+
grid-template-columns: repeat(
|
|
1289
|
+
auto-fit,
|
|
1290
|
+
minmax(min(var(--m-grid-min-column-width), 100%), 1fr)
|
|
1291
|
+
);
|
|
1292
|
+
}
|
|
1293
|
+
`}class Grid extends BaseLayout{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=defaultGridProps.gap,this.minColumnWidth=defaultGridProps.minColumnWidth}getCSSPropertiesPrefix(){return Grid.CSSPropertiesPrefix}update(t){super.update(t),t.has("gap")&&this.style.setProperty("--m-grid-gap",toSpacingCSSValue(this.gap,defaultGridProps.gap)),t.has("rowGap")&&(this.rowGap?this.style.setProperty("--m-grid-row-gap",toSpacingCSSValue(this.rowGap)):this.style.removeProperty("--m-grid-row-gap")),t.has("columnGap")&&(this.columnGap?this.style.setProperty("--m-grid-column-gap",toSpacingCSSValue(this.columnGap)):this.style.removeProperty("--m-grid-column-gap")),t.has("minColumnWidth")&&this.style.setProperty("--m-grid-min-column-width",this.minColumnWidth||defaultGridProps.minColumnWidth)}render(){return x$1`<slot></slot>`}}Grid.CSSPropertiesPrefix="grid",Grid.styles=[getBaseLayoutStyles(Grid.CSSPropertiesPrefix),gridStyles()],window.customElements.define("m-grid",Grid);const defaultSidebarProps={gap:"spacing-4",sideWidth:"auto",minContentWidth:"50%",reversed:!1};function getFlexDirectionValue(t){return t?"row-reverse":"row"}function sidebarStyles(){return i$4`
|
|
1294
|
+
:host {
|
|
1295
|
+
--m-sidebar-gap: ${getToken(defaultSidebarProps.gap)};
|
|
1296
|
+
--m-sidebar-flex-direction: ${r$4(getFlexDirectionValue(defaultSidebarProps.reversed))};
|
|
1297
|
+
--m-sidebar-side-width: ${r$4(defaultSidebarProps.sideWidth)};
|
|
1298
|
+
--m-sidebar-min-content-width: ${r$4(defaultSidebarProps.minContentWidth)};
|
|
1299
|
+
|
|
1300
|
+
display: flex;
|
|
1301
|
+
flex-wrap: wrap;
|
|
1302
|
+
flex-direction: var(--m-sidebar-flex-direction);
|
|
1303
|
+
|
|
1304
|
+
gap: var(--m-sidebar-gap);
|
|
1305
|
+
}
|
|
1306
|
+
|
|
1307
|
+
slot[name='sidebar']::slotted(*) {
|
|
1308
|
+
flex-basis: var(--m-sidebar-side-width);
|
|
1309
|
+
flex-grow: 1;
|
|
1310
|
+
}
|
|
1311
|
+
|
|
1312
|
+
slot[name='content']::slotted(*) {
|
|
1313
|
+
flex-basis: 0;
|
|
1314
|
+
flex-grow: 999;
|
|
1315
|
+
min-width: var(--m-sidebar-min-content-width);
|
|
1316
|
+
}
|
|
1317
|
+
`}class Sidebar extends BaseLayout{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=defaultSidebarProps.gap,this.sideWidth=defaultSidebarProps.sideWidth,this.minContentWidth=defaultSidebarProps.minContentWidth,this.reversed=defaultSidebarProps.reversed}getCSSPropertiesPrefix(){return Sidebar.CSSPropertiesPrefix}update(t){super.update(t),t.has("gap")&&this.style.setProperty("--m-sidebar-gap",toSpacingCSSValue(this.gap,defaultSidebarProps.gap)),t.has("sideWidth")&&this.style.setProperty("--m-sidebar-side-width",this.sideWidth||defaultSidebarProps.sideWidth),t.has("minContentWidth")&&this.style.setProperty("--m-sidebar-min-content-width",this.minContentWidth||defaultSidebarProps.minContentWidth),t.has("reversed")&&this.style.setProperty("--m-sidebar-flex-direction",getFlexDirectionValue(this.reversed))}render(){return x$1`
|
|
1318
|
+
<slot name="sidebar"></slot>
|
|
1319
|
+
<slot name="content"></slot>
|
|
1320
|
+
`}}Sidebar.CSSPropertiesPrefix="sidebar",Sidebar.styles=[getBaseLayoutStyles(Sidebar.CSSPropertiesPrefix),sidebarStyles()],window.customElements.define("m-sidebar",Sidebar);const defaultSwitcherProps={gap:"spacing-4",threshold:"10rem"};function switcherStyles(){return i$4`
|
|
1321
|
+
:host {
|
|
1322
|
+
--m-switcher-gap: ${getToken(defaultSwitcherProps.gap)};
|
|
1323
|
+
--m-switcher-threshold: ${r$4(defaultSwitcherProps.threshold)};
|
|
1324
|
+
|
|
1325
|
+
display: flex;
|
|
1326
|
+
flex-wrap: wrap;
|
|
1327
|
+
|
|
1328
|
+
row-gap: var(--m-switcher-row-gap, var(--m-switcher-gap));
|
|
1329
|
+
column-gap: var(--m-switcher-column-gap, var(--m-switcher-gap));
|
|
1330
|
+
}
|
|
1331
|
+
|
|
1332
|
+
::slotted(*) {
|
|
1333
|
+
flex-basis: calc((var(--m-switcher-threshold) - 100%) * 999);
|
|
1334
|
+
flex-grow: 1;
|
|
1335
|
+
}
|
|
1336
|
+
`}class Switcher extends BaseLayout{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=defaultSwitcherProps.gap,this.threshold=defaultSwitcherProps.threshold}getCSSPropertiesPrefix(){return Switcher.CSSPropertiesPrefix}update(t){super.update(t),t.has("gap")&&this.style.setProperty("--m-switcher-gap",toSpacingCSSValue(this.gap,defaultSwitcherProps.gap)),t.has("rowGap")&&(this.rowGap?this.style.setProperty("--m-switcher-row-gap",toSpacingCSSValue(this.rowGap)):this.style.removeProperty("--m-switcher-row-gap")),t.has("columnGap")&&(this.columnGap?this.style.setProperty("--m-switcher-column-gap",toSpacingCSSValue(this.columnGap)):this.style.removeProperty("--m-switcher-column-gap")),t.has("threshold")&&this.style.setProperty("--m-switcher-threshold",this.threshold||defaultSwitcherProps.threshold)}render(){const t=this.limit?x$1`
|
|
1337
|
+
<style>
|
|
1338
|
+
::slotted(*:nth-last-child(n + ${this.limit+1})) {
|
|
1339
|
+
flex-basis: 100%;
|
|
1340
|
+
}
|
|
1341
|
+
::slotted(*:nth-last-child(n + ${this.limit+1}) ~ *) {
|
|
1342
|
+
flex-basis: 100%;
|
|
1343
|
+
}
|
|
1344
|
+
</style>
|
|
1345
|
+
`:"";return x$1`
|
|
1346
|
+
${t}
|
|
1347
|
+
<slot></slot>
|
|
1348
|
+
`}}var _DialogHeader_instances,_DialogHeader_context,_DialogHeader_icon_get;Switcher.CSSPropertiesPrefix="switcher",Switcher.styles=[getBaseLayoutStyles(Switcher.CSSPropertiesPrefix),switcherStyles()],window.customElements.define("m-switcher",Switcher);class DialogHeader extends Component{constructor(){super(),_DialogHeader_instances.add(this),_DialogHeader_context.set(this,void 0),__classPrivateFieldSet(this,_DialogHeader_context,new s$2(this,dialogContext,void 0,!0),"f")}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","header")}render(){return x$1`
|
|
1349
|
+
<m-group gap="spacing-6" align="center">
|
|
1350
|
+
<m-group gap="spacing-1" align="center" style="flex-grow: 1;">
|
|
1351
|
+
${__classPrivateFieldGet(this,_DialogHeader_instances,"a",_DialogHeader_icon_get)}
|
|
1352
|
+
<h1><slot></slot></h1>
|
|
1353
|
+
</m-group>
|
|
1354
|
+
<slot name="close"></slot>
|
|
1355
|
+
</m-group>
|
|
1356
|
+
`}}_DialogHeader_context=new WeakMap,_DialogHeader_instances=new WeakSet,_DialogHeader_icon_get=function(){const{value:t}=__classPrivateFieldGet(this,_DialogHeader_context,"f");let e,o;switch(null==t?void 0:t.variant){case"danger":e="attention",o="color-danger-60";break;case"warning":e="alert-circle",o="color-warning-60";break;case"success":e="check",o="color-success-60";break;default:return A}return x$1`
|
|
1357
|
+
<m-icon name=${e} color=${o} size="24" aria-hidden="true"></m-icon>
|
|
1358
|
+
`},DialogHeader.styles=[styles$g()],window.customElements.define("m-dialog-header",DialogHeader);const fieldContext=n$1("field");function styles$f(){return[i$4`
|
|
1359
|
+
:host {
|
|
1360
|
+
--m-field-hint-color: ${getColor("color-text-tertiary")};
|
|
1361
|
+
}
|
|
1362
|
+
|
|
1363
|
+
m-group {
|
|
1364
|
+
${px(getToken("spacing-2"))};
|
|
1365
|
+
}
|
|
1366
|
+
|
|
1367
|
+
.-status-danger {
|
|
1368
|
+
--m-field-hint-color: ${getColor("color-danger-60")};
|
|
1369
|
+
}
|
|
1370
|
+
|
|
1371
|
+
.hint {
|
|
1372
|
+
${typography("body-sm")};
|
|
1373
|
+
color: var(--m-field-hint-color);
|
|
1374
|
+
}
|
|
1375
|
+
`]}var _FieldHint_instances,_FieldHint_getStatus,_FieldLabel_instances,_FieldLabel_getSize,_FieldLabel_isRequired;class FieldHint extends Component{static get properties(){return{status:{type:String},slot:{type:String}}}constructor(){super(),_FieldHint_instances.add(this),this.field=new s$2(this,fieldContext,void 0,!0),this.slot="hint"}render(){const t={"-status-default":"default"===__classPrivateFieldGet(this,_FieldHint_instances,"m",_FieldHint_getStatus).call(this),"-status-danger":"danger"===__classPrivateFieldGet(this,_FieldHint_instances,"m",_FieldHint_getStatus).call(this)};return x$1` <m-group
|
|
1376
|
+
gap="spacing-0-5"
|
|
1377
|
+
align="center"
|
|
1378
|
+
class=${o$1(t)}
|
|
1379
|
+
>
|
|
1380
|
+
<slot name="leading"
|
|
1381
|
+
>${"danger"===__classPrivateFieldGet(this,_FieldHint_instances,"m",_FieldHint_getStatus).call(this)?x$1`<m-icon
|
|
1382
|
+
name="attention"
|
|
1383
|
+
size="10"
|
|
1384
|
+
color="color-danger-60"
|
|
1385
|
+
></m-icon>`:A}</slot
|
|
1386
|
+
>
|
|
1387
|
+
<span
|
|
1388
|
+
class=${o$1({hint:!0,...t})}
|
|
1389
|
+
><slot></slot>
|
|
1390
|
+
</span>
|
|
1391
|
+
</m-group>`}}function styles$e(){return[i$4`
|
|
1392
|
+
:host {
|
|
1393
|
+
display: flex;
|
|
1394
|
+
align-items: center;
|
|
1395
|
+
justify-content: flex-start;
|
|
1396
|
+
gap: ${getToken("spacing-0-5")};
|
|
1397
|
+
}
|
|
1398
|
+
|
|
1399
|
+
.label {
|
|
1400
|
+
${typography("body-md")};
|
|
1401
|
+
|
|
1402
|
+
display: inline-flex;
|
|
1403
|
+
align-items: center;
|
|
1404
|
+
justify-content: flex-start;
|
|
1405
|
+
|
|
1406
|
+
margin: 0;
|
|
1407
|
+
padding: 0;
|
|
1408
|
+
|
|
1409
|
+
color: ${getColor("color-text-tertiary")};
|
|
1410
|
+
}
|
|
1411
|
+
|
|
1412
|
+
.required {
|
|
1413
|
+
${typography("body-md")};
|
|
1414
|
+
|
|
1415
|
+
color: ${getColor("color-text-error")};
|
|
1416
|
+
|
|
1417
|
+
content: '*';
|
|
1418
|
+
|
|
1419
|
+
${ml(getToken("spacing-1"))};
|
|
1420
|
+
}
|
|
1421
|
+
|
|
1422
|
+
.label.-size-small,
|
|
1423
|
+
.label.-size-small .required {
|
|
1424
|
+
${typography("body-sm")};
|
|
1425
|
+
}
|
|
1426
|
+
`]}_FieldHint_instances=new WeakSet,_FieldHint_getStatus=function(){var t;return this.status||(null===(t=this.field.value)||void 0===t?void 0:t.status)},FieldHint.styles=[styles$f()],window.customElements.define("m-field-hint",FieldHint);class FieldLabel extends Component{static get properties(){return{required:{type:Boolean},size:{type:String},slot:{type:String}}}constructor(){super(),_FieldLabel_instances.add(this),this.field=new s$2(this,fieldContext,void 0,!0),this.slot="hint"}render(){return x$1`<label
|
|
1427
|
+
class=${o$1({label:!0,"-size-default":"default"===__classPrivateFieldGet(this,_FieldLabel_instances,"m",_FieldLabel_getSize).call(this),"-size-small":"small"===__classPrivateFieldGet(this,_FieldLabel_instances,"m",_FieldLabel_getSize).call(this)})}
|
|
1428
|
+
><slot></slot>
|
|
1429
|
+
${__classPrivateFieldGet(this,_FieldLabel_instances,"m",_FieldLabel_isRequired).call(this)?x$1`<span class="required">*</span>`:A}
|
|
1430
|
+
</label>`}}_FieldLabel_instances=new WeakSet,_FieldLabel_getSize=function(){var t;return this.size||(null===(t=this.field.value)||void 0===t?void 0:t.size)},_FieldLabel_isRequired=function(){var t;return null!=this.required?this.required:Boolean(null===(t=this.field.value)||void 0===t?void 0:t.required)},FieldLabel.styles=[styles$e()],window.customElements.define("m-field-label",FieldLabel),attachContextRoot();class Field extends Component{static get properties(){return{label:{type:String},hint:{type:String},required:{type:Boolean},status:{type:String},size:{type:String},align:{type:String}}}constructor(){super(),this.provider=new e$1(this,fieldContext,{required:!1,size:"default",status:"default"}),this.required=!1,this.status="default",this.size="default",this.align="stretch"}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$1`<m-stack gap="spacing-1" align="${this.align}">
|
|
1431
|
+
${this.label?x$1`<m-field-label>${this.label}</m-field-label>`:x$1`<slot name="label"></slot>`}
|
|
1432
|
+
|
|
1433
|
+
<slot></slot>
|
|
1434
|
+
|
|
1435
|
+
${this.hint?x$1`<m-field-hint>${this.hint}</m-field-hint>`:x$1`<slot name="hint"></slot>`}
|
|
1436
|
+
</m-stack>`}}window.customElements.define("m-field",Field);const FIELD_STATUSES=["default","danger"];function styles$d(){return i$4`
|
|
1437
|
+
:host {
|
|
1438
|
+
display: block;
|
|
1439
|
+
}
|
|
1440
|
+
|
|
1441
|
+
.m-header {
|
|
1442
|
+
display: flex;
|
|
1443
|
+
flex-wrap: wrap;
|
|
1444
|
+
padding: ${getToken("spacing-6")};
|
|
1445
|
+
gap: ${getToken("spacing-4")};
|
|
1446
|
+
align-items: center;
|
|
1447
|
+
}
|
|
1448
|
+
|
|
1449
|
+
.content {
|
|
1450
|
+
display: flex;
|
|
1451
|
+
gap: ${getToken("spacing-4")};
|
|
1452
|
+
align-items: center;
|
|
1453
|
+
flex-grow: 100;
|
|
1454
|
+
}
|
|
1455
|
+
|
|
1456
|
+
@media screen and (max-width: 1025px) {
|
|
1457
|
+
.m-header {
|
|
1458
|
+
padding: ${getToken("spacing-4")};
|
|
1459
|
+
}
|
|
1460
|
+
}
|
|
1461
|
+
`}function headerTitleStyles(){return i$4`
|
|
1462
|
+
:host {
|
|
1463
|
+
display: block;
|
|
1464
|
+
${typography("heading-lg-bold")};
|
|
1465
|
+
overflow: hidden;
|
|
1466
|
+
text-overflow: ellipsis;
|
|
1467
|
+
white-space: nowrap;
|
|
1468
|
+
max-width: 400px;
|
|
1469
|
+
}
|
|
1470
|
+
@media screen and (max-width: 1025px) {
|
|
1471
|
+
:host {
|
|
1472
|
+
${typography("heading-md-bold")};
|
|
1473
|
+
}
|
|
1474
|
+
}
|
|
1475
|
+
`}function headerActionStyles(){return i$4`
|
|
1476
|
+
:host {
|
|
1477
|
+
display: flex;
|
|
1478
|
+
gap: ${getToken("spacing-4")};
|
|
1479
|
+
}
|
|
1480
|
+
`}function subHeaderStyles(){return i$4`
|
|
1481
|
+
:host {
|
|
1482
|
+
display: block;
|
|
1483
|
+
}
|
|
1484
|
+
.content {
|
|
1485
|
+
padding: ${getToken("spacing-6")};
|
|
1486
|
+
}
|
|
1487
|
+
`}class Header extends s$5{static get properties(){return{}}render(){return x$1`
|
|
1488
|
+
<div class="m-header">
|
|
1489
|
+
<slot name="back-button"></slot>
|
|
1490
|
+
<div class="content">
|
|
1491
|
+
<slot name="title"></slot>
|
|
1492
|
+
<slot></slot>
|
|
1493
|
+
</div>
|
|
1494
|
+
<slot name="actions"></slot>
|
|
1495
|
+
</div>
|
|
1496
|
+
<slot name="sub-header"></slot>
|
|
1497
|
+
`}}Header.styles=[styles$d()],window.customElements.define("m-header",Header);class HeaderActions extends s$5{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="actions"}render(){return n$3`<slot></slot>`}}HeaderActions.styles=[headerActionStyles()],window.customElements.define("m-header-actions",HeaderActions);class HeaderTitle extends s$5{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="title"}render(){return n$3`<slot></slot>`}}HeaderTitle.styles=[headerTitleStyles()],window.customElements.define("m-header-title",HeaderTitle);class SubHeader extends s$5{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="sub-header"}render(){return n$3` <m-divider></m-divider>
|
|
1498
|
+
<div class="content">
|
|
1499
|
+
<slot></slot>
|
|
1500
|
+
</div>`}}function styles$c(){return i$4`
|
|
1501
|
+
.m-link {
|
|
1502
|
+
color: ${getColor("color-text-link")};
|
|
1503
|
+
}
|
|
1504
|
+
|
|
1505
|
+
.m-link.-small {
|
|
1506
|
+
${typography("body-sm-bold-underline")};
|
|
1507
|
+
}
|
|
1508
|
+
|
|
1509
|
+
.m-link.-default {
|
|
1510
|
+
${typography("body-md-bold-underline")};
|
|
1511
|
+
}
|
|
1512
|
+
|
|
1513
|
+
.m-link.-large {
|
|
1514
|
+
${typography("heading-md-bold")};
|
|
1515
|
+
text-decoration: none;
|
|
1516
|
+
}
|
|
1517
|
+
|
|
1518
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
1519
|
+
.m-link {
|
|
1520
|
+
${transition({property:"color",duration:"250ms"})}
|
|
1521
|
+
}
|
|
1522
|
+
}
|
|
1523
|
+
|
|
1524
|
+
${on(".m-link").not.disabled.hover},
|
|
1525
|
+
${on(".m-link").not.disabled.active},
|
|
1526
|
+
${on(".m-link").not.disabled.visited.hover} {
|
|
1527
|
+
color: ${getColor("color-primary-100")};
|
|
1528
|
+
}
|
|
1529
|
+
|
|
1530
|
+
${on(".m-link").not.disabled.not.active.focus} {
|
|
1531
|
+
border-radius: ${getToken("border-radius-s")};
|
|
1532
|
+
outline: 1px solid ${getColor("color-primary-60")};
|
|
1533
|
+
outline-offset: 4px;
|
|
1534
|
+
text-decoration: none;
|
|
1535
|
+
}
|
|
1536
|
+
|
|
1537
|
+
${on(".m-link").not.disabled.not.focus.visited} {
|
|
1538
|
+
color: ${getColor("color-accent-60")};
|
|
1539
|
+
}
|
|
1540
|
+
|
|
1541
|
+
${on(".m-link").disabled} {
|
|
1542
|
+
color: ${getColor("color-primary-20")};
|
|
1543
|
+
}
|
|
1544
|
+
`}var _Link_instances,_Link_disabled_get,_Link_href_get,_Link_rel_get,_Link_handleClick;SubHeader.styles=[subHeaderStyles()],window.customElements.define("m-sub-header",SubHeader);const UNSAFE_URL=/^javascript:/i;class Link extends Component{static get properties(){return{href:{type:String,reflect:!0},target:{type:String,reflect:!0},rel:{type:String,reflect:!0},download:{type:String,reflect:!0},ping:{type:String,reflect:!0},referrerpolicy:{type:String,reflect:!0},size:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0}}}constructor(){super(),_Link_instances.add(this),this.size="default"}render(){return x$1`
|
|
1545
|
+
<a
|
|
1546
|
+
class=${o$1({"m-link":!0,"-small":"small"===this.size,"-default":"default"===this.size,"-large":"large"===this.size,"is-disabled":__classPrivateFieldGet(this,_Link_instances,"a",_Link_disabled_get)})}
|
|
1547
|
+
href=${l$1(__classPrivateFieldGet(this,_Link_instances,"a",_Link_href_get))}
|
|
1548
|
+
target=${l$1(this.target)}
|
|
1549
|
+
rel=${l$1(__classPrivateFieldGet(this,_Link_instances,"a",_Link_rel_get))}
|
|
1550
|
+
download=${l$1(this.download)}
|
|
1551
|
+
ping=${l$1(this.ping)}
|
|
1552
|
+
referrerpolicy=${l$1(this.referrerpolicy)}
|
|
1553
|
+
@click=${__classPrivateFieldGet(this,_Link_instances,"m",_Link_handleClick)}
|
|
1554
|
+
><slot></slot
|
|
1555
|
+
></a>
|
|
1556
|
+
`}}function clamp(t,e,o){return Math.min(Math.max(e,t),o)}function styles$b(){return i$4`
|
|
1557
|
+
.bar {
|
|
1558
|
+
display: flex;
|
|
1559
|
+
flex-grow: 0;
|
|
1560
|
+
flex-shrink: 1;
|
|
1561
|
+
align-items: center;
|
|
1562
|
+
justify-content: center;
|
|
1563
|
+
|
|
1564
|
+
position: relative;
|
|
1565
|
+
overflow: hidden;
|
|
1566
|
+
|
|
1567
|
+
width: 100%;
|
|
1568
|
+
height: ${toRem("8px")};
|
|
1569
|
+
|
|
1570
|
+
border-radius: ${getToken("border-radius-s")};
|
|
1571
|
+
background-color: ${getColor("color-background-tertiary")};
|
|
1572
|
+
}
|
|
1573
|
+
|
|
1574
|
+
.progress {
|
|
1575
|
+
position: absolute;
|
|
1576
|
+
top: 0;
|
|
1577
|
+
left: 0;
|
|
1578
|
+
|
|
1579
|
+
${transition([{property:"width"},{property:"background"}])};
|
|
1580
|
+
|
|
1581
|
+
height: ${toRem("8px")};
|
|
1582
|
+
|
|
1583
|
+
border-radius: ${getToken("border-radius-s")};
|
|
1584
|
+
|
|
1585
|
+
background: var(--m-progress-bar-progress-background);
|
|
1586
|
+
}
|
|
1587
|
+
|
|
1588
|
+
.-default {
|
|
1589
|
+
--m-progress-bar-progress-background: linear-gradient(
|
|
1590
|
+
45deg,
|
|
1591
|
+
${getColor("color-brand-accent-1")} 22%,
|
|
1592
|
+
${getColor("color-brand-accent-2")} 88%
|
|
1593
|
+
);
|
|
1594
|
+
}
|
|
1595
|
+
|
|
1596
|
+
.-success {
|
|
1597
|
+
--m-progress-bar-progress-background: ${getColor("color-success-60")};
|
|
1598
|
+
}
|
|
1599
|
+
|
|
1600
|
+
.-warning {
|
|
1601
|
+
--m-progress-bar-progress-background: ${getColor("color-warning-60")};
|
|
1602
|
+
}
|
|
1603
|
+
|
|
1604
|
+
.-danger {
|
|
1605
|
+
--m-progress-bar-progress-background: ${getColor("color-danger-60")};
|
|
1606
|
+
}
|
|
1607
|
+
`}var _ProgressBar_instances,_ProgressBar_safeMaxValue_get,_ProgressBar_safeValue_get;_Link_instances=new WeakSet,_Link_disabled_get=function(){return this.disabled||!this.href||UNSAFE_URL.test(this.href.trim())},_Link_href_get=function(){return __classPrivateFieldGet(this,_Link_instances,"a",_Link_disabled_get)?void 0:this.href},_Link_rel_get=function(){var t,e;let o=this.rel;if("_blank"===this.target){const i=new Set((null!==(t=this.rel)&&void 0!==t?t:"").split(/\s+/).filter(Boolean));(null===(e=this.referrerpolicy)||void 0===e?void 0:e.trim())||i.add("noreferrer"),i.has("opener")||i.add("noopener"),o=Array.from(i).join(" ")}return o},_Link_handleClick=function(t){if(__classPrivateFieldGet(this,_Link_instances,"a",_Link_disabled_get))return t.preventDefault(),t.stopPropagation(),!1},Link.styles=[styles$c()],window.customElements.define("m-link",Link);const DEFAULT_VARIANT="default",DEFAULT_MAX=100,DEFAULT_MIN=0,DEFAULT_VALUE=0;class ProgressBar extends s$5{static get properties(){return{variant:{type:String,reflect:!0},value:{type:Number,reflect:!0},max:{type:Number,reflect:!0}}}constructor(){super(),_ProgressBar_instances.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*__classPrivateFieldGet(this,_ProgressBar_instances,"a",_ProgressBar_safeValue_get)/__classPrivateFieldGet(this,_ProgressBar_instances,"a",_ProgressBar_safeMaxValue_get)}get currentVariant(){return this.variant}render(){return x$1`
|
|
1608
|
+
<div class="bar">
|
|
1609
|
+
<span
|
|
1610
|
+
class=${o$1({progress:!0,"-default":"default"===this.currentVariant,"-success":"success"===this.currentVariant,"-warning":"warning"===this.currentVariant,"-danger":"danger"===this.currentVariant})}
|
|
1611
|
+
style=${o({width:`${this.percentage}%`})}
|
|
1612
|
+
></span>
|
|
1613
|
+
</div>
|
|
1614
|
+
`}}_ProgressBar_instances=new WeakSet,_ProgressBar_safeMaxValue_get=function(){return this.max<=0?100:this.max},_ProgressBar_safeValue_get=function(){return clamp(this.value,0,__classPrivateFieldGet(this,_ProgressBar_instances,"a",_ProgressBar_safeMaxValue_get))},ProgressBar.styles=[styles$b()],window.customElements.define("m-progress-bar",ProgressBar);class ProgressBarCountdown extends ProgressBar{get currentVariant(){return this.percentage>=66?"success":this.percentage>=33?"warning":"danger"}}window.customElements.define("m-progress-bar-countdown",ProgressBarCountdown);const RADIO_EVENT="m-check";function styles$a(){return i$4`
|
|
1615
|
+
:host {
|
|
1616
|
+
--m-radio-border-color: ${getColor("color-border")};
|
|
1617
|
+
--m-radio-dot-check-color: ${getColor("color-primary-60")};
|
|
1618
|
+
--m-radio-size: 14px;
|
|
1619
|
+
--m-radio-background-color: white;
|
|
1620
|
+
--m-radio-border-width: ${getToken("border-thin")};
|
|
1621
|
+
--m-radio-label-color: ${getColor("color-text-tertiary")};
|
|
1622
|
+
--m-radio-outline-color: ${getColor("color-primary-60")};
|
|
1623
|
+
--m-radio-outline-offset: 2px;
|
|
1624
|
+
}
|
|
1625
|
+
|
|
1626
|
+
.radio-button {
|
|
1627
|
+
${typography("body-md")};
|
|
1628
|
+
color: var(--m-radio-label-color);
|
|
1629
|
+
|
|
1630
|
+
border: none;
|
|
1631
|
+
background: none;
|
|
1632
|
+
|
|
1633
|
+
height: ${getToken("global-height-small")};
|
|
1634
|
+
display: inline-flex;
|
|
1635
|
+
gap: ${getToken("spacing-1")};
|
|
1636
|
+
align-items: center;
|
|
1637
|
+
border-radius: ${getToken("border-radius-s")};
|
|
1638
|
+
${transition({property:"color"})};
|
|
1639
|
+
}
|
|
1640
|
+
|
|
1641
|
+
${on(".radio-button").not.disabled.focus} {
|
|
1642
|
+
outline: 1px solid var(--m-radio-outline-color);
|
|
1643
|
+
outline-offset: var(--m-radio-outline-offset);
|
|
1644
|
+
}
|
|
1645
|
+
|
|
1646
|
+
.radio-button .radio-input {
|
|
1647
|
+
width: var(--m-radio-size);
|
|
1648
|
+
height: var(--m-radio-size);
|
|
1649
|
+
background-color: var(--m-radio-background-color);
|
|
1650
|
+
border-color: var(--m-radio-border-color);
|
|
1651
|
+
border-width: var(--m-radio-border-width);
|
|
1652
|
+
border-style: solid;
|
|
1653
|
+
border-radius: 50%;
|
|
1654
|
+
position: relative;
|
|
1655
|
+
display: inline-flex;
|
|
1656
|
+
|
|
1657
|
+
${transition({property:"border-color"})};
|
|
1658
|
+
}
|
|
1659
|
+
|
|
1660
|
+
.radio-button .radio-input::before {
|
|
1661
|
+
content: '';
|
|
1662
|
+
width: 0;
|
|
1663
|
+
height: 0;
|
|
1664
|
+
border-radius: 50%;
|
|
1665
|
+
transform: translate(-50%, -50%);
|
|
1666
|
+
top: 50%;
|
|
1667
|
+
left: 50%;
|
|
1668
|
+
display: block;
|
|
1669
|
+
position: absolute;
|
|
1670
|
+
${transition([{property:"background-color"},{property:"height",duration:"120ms"},{property:"width",duration:"120ms"}])};
|
|
1671
|
+
}
|
|
1672
|
+
|
|
1673
|
+
.radio-button[aria-checked='true'] .radio-input::before {
|
|
1674
|
+
width: 10px;
|
|
1675
|
+
height: 10px;
|
|
1676
|
+
}
|
|
1677
|
+
|
|
1678
|
+
${on(".radio-button").disabled} {
|
|
1679
|
+
cursor: default;
|
|
1680
|
+
--m-radio-label-color: ${getColor("color-neutral-40")};
|
|
1681
|
+
--m-radio-background-color: ${getColor("color-background-tertiary")};
|
|
1682
|
+
}
|
|
1683
|
+
|
|
1684
|
+
${on('.radio-button[aria-checked="true"]',".radio-input").disabled} {
|
|
1685
|
+
--m-radio-border-color: ${getColor("color-border")};
|
|
1686
|
+
}
|
|
1687
|
+
|
|
1688
|
+
${on(".radio-button",".radio-input::before").disabled} {
|
|
1689
|
+
--m-radio-dot-check-color: ${getColor("color-neutral-40")};
|
|
1690
|
+
}
|
|
1691
|
+
|
|
1692
|
+
.radio-button .radio-input::before {
|
|
1693
|
+
background-color: var(--m-radio-dot-check-color);
|
|
1694
|
+
}
|
|
1695
|
+
|
|
1696
|
+
.radio-button[aria-checked='true'] .radio-input {
|
|
1697
|
+
--m-radio-dot-check-color: ${getColor("color-primary-60")};
|
|
1698
|
+
--m-radio-border-color: ${getColor("color-primary-60")};
|
|
1699
|
+
}
|
|
1700
|
+
|
|
1701
|
+
.radio-button .radio-input {
|
|
1702
|
+
--m-radio-border-color: ${getColor("color-border")};
|
|
1703
|
+
}
|
|
1704
|
+
|
|
1705
|
+
${on(".radio-button").not.disabled.hover} .radio-input {
|
|
1706
|
+
--m-radio-border-color: ${getColor("color-primary-100")};
|
|
1707
|
+
--m-radio-dot-check-color: ${getColor("color-primary-100")};
|
|
1708
|
+
}
|
|
1709
|
+
|
|
1710
|
+
${on(".radio-button").not.disabled.hover} {
|
|
1711
|
+
--m-radio-label-color: ${getColor("color-text-primary")};
|
|
1712
|
+
}
|
|
1713
|
+
|
|
1714
|
+
${on(".radio-button","*").disabled} {
|
|
1715
|
+
pointer-event: none;
|
|
1716
|
+
}
|
|
1717
|
+
`}var _Radio_instances,_Radio_button_get,_Radio_handleClick,_Radio_setDisabled,_Radio_setChecked;class Radio extends s$5{static get properties(){return{value:{type:String},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0}}}constructor(){super(),_Radio_instances.add(this),_Radio_handleClick.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("m-check",e))})),_Radio_setDisabled.set(this,(()=>{this.setAttribute("aria-disabled",String(this.disabled))})),_Radio_setChecked.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",__classPrivateFieldGet(this,_Radio_handleClick,"f"))}updated(t){super.updated(t),t.has("disabled")&&__classPrivateFieldGet(this,_Radio_setDisabled,"f").call(this),t.has("checked")&&__classPrivateFieldGet(this,_Radio_setChecked,"f").call(this)}render(){return x$1`
|
|
1718
|
+
<button
|
|
1719
|
+
type="button"
|
|
1720
|
+
class="radio-button"
|
|
1721
|
+
role="radio"
|
|
1722
|
+
?disabled=${this.disabled}
|
|
1723
|
+
aria-checked=${this.checked}
|
|
1724
|
+
>
|
|
1725
|
+
<span class="radio-input"></span>
|
|
1726
|
+
<slot name="leading"></slot>
|
|
1727
|
+
<slot></slot>
|
|
1728
|
+
</button>
|
|
1729
|
+
`}focus(t){var e;null===(e=__classPrivateFieldGet(this,_Radio_instances,"a",_Radio_button_get))||void 0===e||e.focus(t)}}_Radio_handleClick=new WeakMap,_Radio_setDisabled=new WeakMap,_Radio_setChecked=new WeakMap,_Radio_instances=new WeakSet,_Radio_button_get=function(){var t,e;return null!==(e=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector("button"))&&void 0!==e?e:null},Radio.styles=[styles$a()],window.customElements.define("m-radio",Radio);var _default,selection={};Object.defineProperty(selection,"i",{value:!0});var e=toArray;const t=(t,o)=>{const i=e(t);if(0===i.length)return o;const n=new Set;return n.add(String(i.at(-1))),n},n=(t,o)=>{const i=e(t);if(0===i.length)return o;const n=new Set(o);for(const t of i)n.add(String(t));return n},r={type:"single",init:e=>t(e,new Set),select:t,unselect(t,o){const i=e(t);if(0===i.length||0===o.size)return o;const n=new Set(o);for(const t of i)n.delete(String(t));return n},toggle(t,o){const i=e(t);if(0===i.length)return o;const n=new Set;for(const t of i){const e=String(t);o.has(e)||(n.clear(),n.add(e))}return n},reset:t=>null==t?new Set:t,value(t){if(null==t||0===t.size)return null;const[e]=Array.from(t);return e}},s={type:"single-strict",init:e=>t(e,new Set),select:t,unselect(t,o){const i=e(t);if(0===i.length||0===o.size)return o;const n=new Set(o);for(let t=0;t<i.length&&o.size>1;t++)n.delete(String(i[t]));return n},toggle(t,o){const i=e(t);if(0===i.length)return o;const n=new Set(o);for(const t of i){const e=String(t);o.has(e)||(n.clear(),n.add(e))}return n},reset:t=>null==t?new Set:t,value(t){if(null==t||0===t.size)return null;const[e]=Array.from(t);return e}},l={type:"multiple",init:t=>n(t,new Set),select:n,unselect(t,o){const i=e(t);if(0===i.length||0===o.size)return o;const n=new Set(o);for(const t of i)n.delete(String(t));return n},toggle(t,o){const i=e(t);if(0===i.length)return o;const n=new Set(o);for(const t of i){const e=String(t);o.has(e)?n.delete(e):n.add(e)}return n},reset:t=>null==t?new Set:t,value:t=>null==t||0===t.size?null:Array.from(t)};var _SelectionController_instances,_SelectionController_handleSelectionEvent,_SelectionController_publish,_RadioGroup_selectionController,_RadioGroup_defaultSlot,_RadioGroup_getDefaultChecked,_RadioGroup_getButtons,_RadioGroup_setButtonChecked,_RadioGroup_setButtonDisabled;selection.SELECTION_TYPES=["single","single-strict","multiple"],_default=selection.default=function(t){const{type:e="multiple"}=t;return"single"===e?r:"single-strict"===e?s:l};class SelectionController{constructor(t,e,o){_SelectionController_instances.add(this),this.disabled=!1,this.event="m-select",_SelectionController_handleSelectionEvent.set(this,(t=>{if(this.disabled)return;if(null==this.type)return;const{detail:{type:e,value:o}}=t;switch(e){case"select":this.select(toArray$1(o));break;case"unselect":this.unselect(toArray$1(o));break;case"toggle":this.toggle(toArray$1(o))}})),this.init=t=>{this.host.selection=this.strategy.init(t)},this.select=t=>{this.host.selection=this.strategy.select(t,this.host.selection),__classPrivateFieldGet(this,_SelectionController_instances,"m",_SelectionController_publish).call(this)},this.unselect=t=>{this.host.selection=this.strategy.unselect(t,this.host.selection),__classPrivateFieldGet(this,_SelectionController_instances,"m",_SelectionController_publish).call(this)},this.toggle=t=>{this.host.selection=this.strategy.toggle(t,this.host.selection),__classPrivateFieldGet(this,_SelectionController_instances,"m",_SelectionController_publish).call(this)},this.subscribe=()=>{this.host.addEventListener(this.event,__classPrivateFieldGet(this,_SelectionController_handleSelectionEvent,"f"))},this.unsubscribe=()=>{this.host.removeEventListener(this.event,__classPrivateFieldGet(this,_SelectionController_handleSelectionEvent,"f"))},this.host=t,this.type=e,this.event=o,this.strategy=_default({type:e}),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))}}function styles$9(){return i$4`
|
|
1730
|
+
.radio-group {
|
|
1731
|
+
display: flex;
|
|
1732
|
+
gap: ${getToken("spacing-2")};
|
|
1733
|
+
}
|
|
1734
|
+
.radio-group.-vertical {
|
|
1735
|
+
flex-direction: column;
|
|
1736
|
+
}
|
|
1737
|
+
.radio-group.-horizontal {
|
|
1738
|
+
flex-direction: row;
|
|
1739
|
+
}
|
|
1740
|
+
`}_SelectionController_handleSelectionEvent=new WeakMap,_SelectionController_instances=new WeakSet,_SelectionController_publish=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 RadioGroup extends s$5{static get properties(){return{value:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},selection:{state:!0},orientation:{type:String}}}constructor(){super(),_RadioGroup_selectionController.set(this,null),_RadioGroup_defaultSlot.set(this,null),_RadioGroup_getDefaultChecked.set(this,(()=>{var t;return null===(t=__classPrivateFieldGet(this,_RadioGroup_getButtons,"f").call(this)[0])||void 0===t?void 0:t.value})),_RadioGroup_getButtons.set(this,(()=>{var t,e,o;__classPrivateFieldSet(this,_RadioGroup_defaultSlot,null!==(t=__classPrivateFieldGet(this,_RadioGroup_defaultSlot,"f"))&&void 0!==t?t:this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...null!==(o=null===(e=__classPrivateFieldGet(this,_RadioGroup_defaultSlot,"f"))||void 0===e?void 0:e.assignedElements({flatten:!0}))&&void 0!==o?o:[]].filter((t=>"m-radio"===t.tagName.toLowerCase()))})),_RadioGroup_setButtonChecked.set(this,(t=>{t.checked=this.selection.has(t.value)})),_RadioGroup_setButtonDisabled.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"),__classPrivateFieldSet(this,_RadioGroup_selectionController,new SelectionController(this,this.type,"m-check"),"f")}update(t){super.update(t),t.has("value")&&__classPrivateFieldGet(this,_RadioGroup_selectionController,"f")&&__classPrivateFieldGet(this,_RadioGroup_selectionController,"f").init(toArray$1(this.value||__classPrivateFieldGet(this,_RadioGroup_getDefaultChecked,"f").call(this))),t.has("selection")&&([this.value]=this.selection)}updated(t){super.updated(t),t.has("selection")&&__classPrivateFieldGet(this,_RadioGroup_getButtons,"f").call(this).forEach((t=>{__classPrivateFieldGet(this,_RadioGroup_setButtonChecked,"f").call(this,t)})),t.has("disabled")&&__classPrivateFieldGet(this,_RadioGroup_getButtons,"f").call(this).forEach((t=>{__classPrivateFieldGet(this,_RadioGroup_setButtonDisabled,"f").call(this,t)}))}render(){return x$1`
|
|
1741
|
+
<div
|
|
1742
|
+
class=${o$1({"radio-group":!0,"-vertical":"vertical"===this.orientation,"-horizontal":"horizontal"===this.orientation})}
|
|
1743
|
+
>
|
|
1744
|
+
<slot></slot>
|
|
1745
|
+
</div>
|
|
1746
|
+
`}}function styles$8(){return i$4`
|
|
1747
|
+
:host {
|
|
1748
|
+
display: block;
|
|
1749
|
+
}
|
|
1750
|
+
`}function sectionTitleStyles(){return i$4`
|
|
1751
|
+
:host {
|
|
1752
|
+
color: ${getColor("color-text-primary")};
|
|
1753
|
+
display: block;
|
|
1754
|
+
}
|
|
1755
|
+
|
|
1756
|
+
slot[name='leading']::slotted(*) {
|
|
1757
|
+
display: inline-flex;
|
|
1758
|
+
flex-flow: row nowrap;
|
|
1759
|
+
align-items: center;
|
|
1760
|
+
justify-content: center;
|
|
1761
|
+
pointer-events: none;
|
|
1762
|
+
margin-inline-end: ${getToken("spacing-1")};
|
|
1763
|
+
}
|
|
1764
|
+
|
|
1765
|
+
.title {
|
|
1766
|
+
height: 100%;
|
|
1767
|
+
width: 100%;
|
|
1768
|
+
}
|
|
1769
|
+
|
|
1770
|
+
.-size-small {
|
|
1771
|
+
${typography("heading-sm")};
|
|
1772
|
+
margin: 0 0 ${getToken("spacing-1")} 0;
|
|
1773
|
+
}
|
|
1774
|
+
.-size-default {
|
|
1775
|
+
${typography("heading-md")};
|
|
1776
|
+
margin: 0 0 ${getToken("spacing-2")} 0;
|
|
1777
|
+
}
|
|
1778
|
+
.-size-large {
|
|
1779
|
+
${typography("heading-lg-bold")};
|
|
1780
|
+
margin: 0 0 ${getToken("spacing-2")} 0;
|
|
1781
|
+
}
|
|
1782
|
+
`}_RadioGroup_selectionController=new WeakMap,_RadioGroup_defaultSlot=new WeakMap,_RadioGroup_getDefaultChecked=new WeakMap,_RadioGroup_getButtons=new WeakMap,_RadioGroup_setButtonChecked=new WeakMap,_RadioGroup_setButtonDisabled=new WeakMap,RadioGroup.styles=[styles$9()],window.customElements.define("m-radio-group",RadioGroup);class Section extends s$5{render(){return x$1`
|
|
1783
|
+
<slot name="title"></slot>
|
|
1784
|
+
<m-divider></m-divider>
|
|
1785
|
+
<slot></slot>
|
|
1786
|
+
`}}Section.styles=[styles$8()],window.customElements.define("m-section",Section);class SectionTitle extends(PolymorphicTagMixin(s$5,["h1","h2","h3","h4","h5","h6","p","span"],"span")){static get properties(){return{slot:{type:String,reflect:!0},size:{type:String}}}constructor(){super(),this.slot="title",this.size="default",this.as="span"}render(){return n$3`
|
|
1787
|
+
<${this.tag} class=${o$1({title:!0,"-size-small":"small"===this.size,"-size-default":"default"===this.size,"-size-large":"large"===this.size})}>
|
|
1788
|
+
<slot name="leading"></slot>
|
|
1789
|
+
<slot></slot>
|
|
1790
|
+
</${this.tag}>
|
|
1791
|
+
`}}SectionTitle.styles=[sectionTitleStyles()],window.customElements.define("m-section-title",SectionTitle);const tabsContext=n$1("tabs"),TAB_SELECT_EVENT="m-select-tab";function styles$7(){return i$4`
|
|
1792
|
+
:host {
|
|
1793
|
+
--m-tabs-border-width: ${getToken("border-thin")};
|
|
1794
|
+
--m-tabs-border-color: ${getColor("color-divider")};
|
|
1795
|
+
}
|
|
1796
|
+
|
|
1797
|
+
.tablist {
|
|
1798
|
+
display: flex;
|
|
1799
|
+
flex-direction: row;
|
|
1800
|
+
gap: 1px;
|
|
1801
|
+
border-bottom-style: solid;
|
|
1802
|
+
border-bottom-width: var(--m-tabs-border-width);
|
|
1803
|
+
border-bottom-color: var(--m-tabs-border-color);
|
|
1804
|
+
}
|
|
1805
|
+
`}var _Tabs_selectionController,_Tabs_defaultSlot,_Tabs_onSelectionChange,_Tabs_getDefaultSelected,_Tabs_getTabs,_Tab_instances,_Tab_button_get,_Tab_handleClick,_Tab_getContentDirection,_Tab_isSelected,_Tab_isDisabled,_a,_b,_TabPanel_isSelected,_TabPanel_isLazy,_TextField_instances,_TextField_isClearVisible,_TextField_getStatus,_TextField_handleInput,_TextField_handleClear;class Tabs extends Component{static get properties(){return{activeTab:{type:String,attribute:"active-tab",reflect:!0},disabled:{type:Boolean,reflect:!0},lazy:{type:Boolean},selection:{state:!0},tabContentDirection:{type:String,attribute:"tab-content-direction"}}}constructor(){super(),_Tabs_selectionController.set(this,null),_Tabs_defaultSlot.set(this,null),this.provider=new e$1(this,tabsContext,{tabContentDirection:"horizontal",disabled:!1,lazy:!1,selection:new Set("")}),_Tabs_onSelectionChange.set(this,(t=>{t.stopPropagation();const[e]=Array.from(this.selection),o={detail:{value:String(e)}};this.emit("m-tab-change",o)})),_Tabs_getDefaultSelected.set(this,(()=>{var t;return null===(t=__classPrivateFieldGet(this,_Tabs_getTabs,"f").call(this)[0])||void 0===t?void 0:t.name})),_Tabs_getTabs.set(this,(()=>{var t,e,o;__classPrivateFieldSet(this,_Tabs_defaultSlot,null!==(t=__classPrivateFieldGet(this,_Tabs_defaultSlot,"f"))&&void 0!==t?t:this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...null!==(o=null===(e=__classPrivateFieldGet(this,_Tabs_defaultSlot,"f"))||void 0===e?void 0:e.assignedElements({flatten:!0}))&&void 0!==o?o:[]].filter((t=>"m-tab"===t.tagName.toLowerCase()))})),this.activeTab="",this.tabContentDirection="horizontal",this.disabled=!1,this.lazy=!1,this.type="single-strict",this.selection=new Set}connectedCallback(){super.connectedCallback(),__classPrivateFieldSet(this,_Tabs_selectionController,new SelectionController(this,this.type,"m-select-tab"),"f"),this.addEventListener("m-change",__classPrivateFieldGet(this,_Tabs_onSelectionChange,"f"))}update(t){super.update(t),t.has("activeTab")&&__classPrivateFieldGet(this,_Tabs_selectionController,"f")&&__classPrivateFieldGet(this,_Tabs_selectionController,"f").init(toArray$1(this.activeTab||__classPrivateFieldGet(this,_Tabs_getDefaultSelected,"f").call(this)));const[e]=Array.from(this.selection);!t.has("selection")||this.activeTab&&e===this.activeTab||(this.activeTab=e),(t.has("tabContentDirection")||t.has("disabled")||t.has("lazy")||t.has("selection"))&&this.provider.setValue({tabContentDirection:this.tabContentDirection,disabled:this.disabled,lazy:this.lazy,selection:this.selection})}render(){return x$1`
|
|
1806
|
+
<div class="tablist" role="tablist"><slot name="tab"></slot></div>
|
|
1807
|
+
<slot></slot>
|
|
1808
|
+
`}}function styles$6(){return i$4`
|
|
1809
|
+
:host {
|
|
1810
|
+
--m-tab-border-width: ${getToken("border-thin")};
|
|
1811
|
+
--m-tab-border-color: ${getColor("color-divider")};
|
|
1812
|
+
--m-tab-border-radius: ${getToken("border-radius-s")};
|
|
1813
|
+
--m-tab-background-color: none;
|
|
1814
|
+
--m-tab-label-color: ${getColor("color-text-tertiary")};
|
|
1815
|
+
--m-tab-leading-color: ${getColor("color-text-tertiary")};
|
|
1816
|
+
|
|
1817
|
+
--m-tab-outline-color: ${getColor("color-primary-60")};
|
|
1818
|
+
|
|
1819
|
+
--m-tab-padding-x: ${getToken("spacing-6")};
|
|
1820
|
+
--m-tab-height: ${getToken("spacing-12")};
|
|
1821
|
+
}
|
|
1822
|
+
|
|
1823
|
+
.tab {
|
|
1824
|
+
cursor: pointer;
|
|
1825
|
+
position: relative;
|
|
1826
|
+
padding-bottom: 1px;
|
|
1827
|
+
bottom: -1px;
|
|
1828
|
+
display: inline-flex;
|
|
1829
|
+
align-items: center;
|
|
1830
|
+
justify-content: center;
|
|
1831
|
+
gap: ${getToken("spacing-3")};
|
|
1832
|
+
height: var(--m-tab-height);
|
|
1833
|
+
padding-inline: var(--m-tab-padding-x);
|
|
1834
|
+
|
|
1835
|
+
${typography("body-md")};
|
|
1836
|
+
color: var(--m-tab-label-color);
|
|
1837
|
+
|
|
1838
|
+
background-color: var(--m-tab-background-color);
|
|
1839
|
+
border: none;
|
|
1840
|
+
border-bottom-style: solid;
|
|
1841
|
+
border-bottom-width: var(--m-tab-border-width);
|
|
1842
|
+
border-bottom-color: var(--m-tab-border-color);
|
|
1843
|
+
border-top-left-radius: var(--m-tab-border-radius);
|
|
1844
|
+
border-top-right-radius: var(--m-tab-border-radius);
|
|
1845
|
+
|
|
1846
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
1847
|
+
${transition([{property:"background-color"},{property:"border-color"},{property:"color"}])};
|
|
1848
|
+
}
|
|
1849
|
+
}
|
|
1850
|
+
.tab.-vertical {
|
|
1851
|
+
flex-direction: column;
|
|
1852
|
+
--m-tab-height: ${getToken("spacing-20")};
|
|
1853
|
+
}
|
|
1854
|
+
.tab.-horizontal {
|
|
1855
|
+
flex-direction: row;
|
|
1856
|
+
}
|
|
1857
|
+
|
|
1858
|
+
slot[name='leading']::slotted(*) {
|
|
1859
|
+
display: contents;
|
|
1860
|
+
color: var(--m-tab-leading-color);
|
|
1861
|
+
}
|
|
1862
|
+
|
|
1863
|
+
${on(".tab").not.disabled.hover} {
|
|
1864
|
+
--m-tab-background-color: ${getColor("color-background-tertiary")};
|
|
1865
|
+
}
|
|
1866
|
+
|
|
1867
|
+
${on(".tab").not.disabled.focus} {
|
|
1868
|
+
outline: 1px solid var(--m-tab-outline-color);
|
|
1869
|
+
}
|
|
1870
|
+
|
|
1871
|
+
.tab[aria-selected='true'] {
|
|
1872
|
+
--m-tab-border-width: ${getToken("border-medium")};
|
|
1873
|
+
--m-tab-border-color: ${getColor("color-primary-60")};
|
|
1874
|
+
--m-tab-label-color: ${getColor("color-text-secondary")};
|
|
1875
|
+
--m-tab-leading-color: ${getColor("color-primary-60")};
|
|
1876
|
+
padding-bottom: 0;
|
|
1877
|
+
}
|
|
1878
|
+
|
|
1879
|
+
${on(".tab").disabled} {
|
|
1880
|
+
cursor: default;
|
|
1881
|
+
--m-tab-label-color: ${getColor("color-text-disabled")};
|
|
1882
|
+
--m-tab-leading-color: ${getColor("color-text-disabled")};
|
|
1883
|
+
--m-tab-border-color: ${getColor("color-divider")};
|
|
1884
|
+
}
|
|
1885
|
+
|
|
1886
|
+
${on(".tab","*").disabled} {
|
|
1887
|
+
pointer-events: none;
|
|
1888
|
+
}
|
|
1889
|
+
`}_Tabs_selectionController=new WeakMap,_Tabs_defaultSlot=new WeakMap,_Tabs_onSelectionChange=new WeakMap,_Tabs_getDefaultSelected=new WeakMap,_Tabs_getTabs=new WeakMap,Tabs.styles=[styles$7()],window.customElements.define("m-tabs",Tabs);class Tab extends Component{static get properties(){return{name:{type:String},disabled:{type:Boolean,reflect:!0},slot:{type:String,reflect:!0}}}constructor(){super(),_Tab_instances.add(this),this.tabs=new s$2(this,tabsContext,void 0,!0),_Tab_handleClick.set(this,(t=>{if(this.disabled)return t.preventDefault(),void t.stopPropagation();const e={detail:{value:this.name,type:"select"},bubbles:!0,composed:!1};this.emit("m-select-tab",e)})),_Tab_getContentDirection.set(this,(()=>{var t;return null===(t=this.tabs.value)||void 0===t?void 0:t.tabContentDirection})),_Tab_isSelected.set(this,(()=>{var t;return Boolean(null===(t=this.tabs.value)||void 0===t?void 0:t.selection.has(this.name))})),_Tab_isDisabled.set(this,(()=>{var t;return this.disabled||Boolean(null===(t=this.tabs.value)||void 0===t?void 0:t.disabled)})),this.disabled=!1}connectedCallback(){super.connectedCallback(),this.id=`${this.name}-tab`,this.setAttribute("slot","tab"),this.setAttribute("role","tab"),this.setAttribute("aria-controls",`${this.name}-panel`),this.setAttribute("aria-selected","false"),this.addEventListener("click",__classPrivateFieldGet(this,_Tab_handleClick,"f"))}updated(t){super.updated(t),__classPrivateFieldGet(this,_Tab_isSelected,"f").call(this)?this.setAttribute("aria-selected","true"):this.setAttribute("aria-selected","false"),t.has("name")&&(this.id=`${this.name}-tab`,this.setAttribute("aria-controls",`${this.name}-panel`)),t.has("disabled")&&this.setAttribute("aria-disabled",String(this.disabled))}render(){return x$1`
|
|
1890
|
+
<button
|
|
1891
|
+
type="button"
|
|
1892
|
+
class=${o$1({tab:!0,"-vertical":"vertical"===__classPrivateFieldGet(this,_Tab_getContentDirection,"f").call(this),"-horizontal":"horizontal"===__classPrivateFieldGet(this,_Tab_getContentDirection,"f").call(this)})}
|
|
1893
|
+
?disabled=${__classPrivateFieldGet(this,_Tab_isDisabled,"f").call(this)}
|
|
1894
|
+
aria-selected=${__classPrivateFieldGet(this,_Tab_isSelected,"f").call(this)}
|
|
1895
|
+
>
|
|
1896
|
+
<slot name="leading"></slot>
|
|
1897
|
+
<slot></slot>
|
|
1898
|
+
</button>
|
|
1899
|
+
`}focus(t){var e;null===(e=__classPrivateFieldGet(this,_Tab_instances,"a",_Tab_button_get))||void 0===e||e.focus(t)}}function styles$5(){return i$4`
|
|
1900
|
+
:host {
|
|
1901
|
+
--m-tab-panel-display: none;
|
|
1902
|
+
|
|
1903
|
+
display: var(--m-tab-panel-display);
|
|
1904
|
+
}
|
|
1905
|
+
`}_Tab_handleClick=new WeakMap,_Tab_getContentDirection=new WeakMap,_Tab_isSelected=new WeakMap,_Tab_isDisabled=new WeakMap,_Tab_instances=new WeakSet,_Tab_button_get=function(){var t,e;return null!==(e=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector("button"))&&void 0!==e?e:null},Tab.styles=[styles$6()],window.customElements.define("m-tab",Tab);class TabPanel extends(_b=Box){static get properties(){return{...super.properties,forTab:{type:String,attribute:"for-tab"},lazy:{type:Boolean}}}constructor(){super(),this.tabs=new s$2(this,tabsContext,void 0,!0),_TabPanel_isSelected.set(this,(()=>{var t;return Boolean(null===(t=this.tabs.value)||void 0===t?void 0:t.selection.has(this.forTab))})),_TabPanel_isLazy.set(this,(()=>{var t;return this.lazy||Boolean(null===(t=this.tabs.value)||void 0===t?void 0:t.lazy)})),this.lazy=!1,this.padding="none",this.paddingY="spacing-8"}connectedCallback(){super.connectedCallback(),this.id=`${this.forTab}-panel`,this.setAttribute("role","tabpanel"),this.setAttribute("aria-labelledby",`${this.forTab}-tab`)}updated(t){super.updated(t),__classPrivateFieldGet(this,_TabPanel_isSelected,"f").call(this)?(this.style.setProperty("--m-tab-panel-display","block"),this.removeAttribute("aria-hidden")):(this.style.setProperty("--m-tab-panel-display","none"),this.setAttribute("aria-hidden","true")),t.has("forTab")&&(this.id=`${this.forTab}-panel`,this.setAttribute("aria-labelledby",`${this.forTab}-tab`))}render(){return __classPrivateFieldGet(this,_TabPanel_isLazy,"f").call(this)&&!__classPrivateFieldGet(this,_TabPanel_isSelected,"f").call(this)?x$1``:x$1`<slot></slot>`}}function tagStyles(){return[skeleton.styles(),i$4`
|
|
1906
|
+
:host {
|
|
1907
|
+
--m-tag-skeleton-width: 100px;
|
|
1908
|
+
|
|
1909
|
+
display: contents;
|
|
1910
|
+
}
|
|
1911
|
+
.tag {
|
|
1912
|
+
display: inline-block;
|
|
1913
|
+
white-space: nowrap;
|
|
1914
|
+
overflow: hidden;
|
|
1915
|
+
text-overflow: ellipsis;
|
|
1916
|
+
box-sizing: border-box;
|
|
1917
|
+
max-width: 200px;
|
|
1918
|
+
border-radius: 100px;
|
|
1919
|
+
line-height: ${getToken("line-height-1")};
|
|
1920
|
+
cursor: default;
|
|
1921
|
+
}
|
|
1922
|
+
|
|
1923
|
+
.tag slot[name='leading']::slotted(*) {
|
|
1924
|
+
margin-inline-end: ${getToken("spacing-1")};
|
|
1925
|
+
vertical-align: middle;
|
|
1926
|
+
}
|
|
1927
|
+
|
|
1928
|
+
.-size-small {
|
|
1929
|
+
${typography("chips-sm")};
|
|
1930
|
+
padding: ${getToken("spacing-1")} ${getToken("spacing-2")};
|
|
1931
|
+
block-size: ${toRem("18px")};
|
|
1932
|
+
}
|
|
1933
|
+
.-size-default {
|
|
1934
|
+
${typography("chips-md")};
|
|
1935
|
+
padding: ${getToken("spacing-2")} ${getToken("spacing-3")};
|
|
1936
|
+
block-size: ${getToken("global-height-small")};
|
|
1937
|
+
}
|
|
1938
|
+
.-size-large {
|
|
1939
|
+
${typography("button-lg")};
|
|
1940
|
+
padding: ${getToken("spacing-3")} ${getToken("spacing-4")};
|
|
1941
|
+
block-size: ${getToken("global-height-default")};
|
|
1942
|
+
}
|
|
1943
|
+
|
|
1944
|
+
.-success {
|
|
1945
|
+
color: ${getColor("color-success-60")};
|
|
1946
|
+
background: ${getColor("color-success-20")};
|
|
1947
|
+
}
|
|
1948
|
+
.-neutral {
|
|
1949
|
+
color: ${getColor("color-text-tertiary")};
|
|
1950
|
+
background: ${getColor("color-background-tertiary")};
|
|
1951
|
+
}
|
|
1952
|
+
.-warning {
|
|
1953
|
+
color: ${getColor("color-warning-100")};
|
|
1954
|
+
background: ${getColor("color-warning-20")};
|
|
1955
|
+
}
|
|
1956
|
+
.-danger {
|
|
1957
|
+
color: ${getColor("color-danger-60")};
|
|
1958
|
+
background: ${getColor("color-danger-20")};
|
|
1959
|
+
}
|
|
1960
|
+
|
|
1961
|
+
.-is-skeleton {
|
|
1962
|
+
${skeleton()};
|
|
1963
|
+
width: var(--m-tag-skeleton-width);
|
|
1964
|
+
}
|
|
1965
|
+
`]}_a=TabPanel,_TabPanel_isSelected=new WeakMap,_TabPanel_isLazy=new WeakMap,TabPanel.styles=[...Reflect.get(_b,"styles",_a),styles$5()],window.customElements.define("m-tab-panel",TabPanel);class Tag extends s$5{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$1`
|
|
1966
|
+
<span
|
|
1967
|
+
class=${o$1({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})}
|
|
1968
|
+
>
|
|
1969
|
+
${this.isSkeleton?x$1``:x$1`<slot name="leading"></slot>`}
|
|
1970
|
+
<slot></slot>
|
|
1971
|
+
</span>
|
|
1972
|
+
`}}function styles$4(){return i$4`
|
|
1973
|
+
:host {
|
|
1974
|
+
--m-text-field-background-color: transparent;
|
|
1975
|
+
--m-text-field-border-color: ${getColor("color-border")};
|
|
1976
|
+
--m-text-field-height: ${getToken("global-height-default")};
|
|
1977
|
+
--m-text-field-outline-color: ${getColor("color-primary-100")};
|
|
1978
|
+
--m-text-field-outline-offset: 2px;
|
|
1979
|
+
--m-text-field-padding-y: ${getToken("spacing-2")};
|
|
1980
|
+
--m-text-field-placeholder-color: ${getColor("color-text-placeholder")};
|
|
1981
|
+
--m-text-field-color: ${getColor("color-text-primary")};
|
|
1982
|
+
}
|
|
1983
|
+
|
|
1984
|
+
.container {
|
|
1985
|
+
${typography("body-md")};
|
|
1986
|
+
${transition([{property:"background-color"},{property:"border-color"}])};
|
|
1987
|
+
|
|
1988
|
+
display: inline-flex;
|
|
1989
|
+
align-items: center;
|
|
1990
|
+
justify-content: start;
|
|
1991
|
+
gap: ${getToken("spacing-2")};
|
|
1992
|
+
|
|
1993
|
+
position: relative;
|
|
1994
|
+
box-sizing: border-box;
|
|
1995
|
+
width: 100%;
|
|
1996
|
+
block-size: var(--m-text-field-height);
|
|
1997
|
+
|
|
1998
|
+
${px(getToken("spacing-2"))};
|
|
1999
|
+
|
|
2000
|
+
background-color: var(--m-text-field-background-color);
|
|
2001
|
+
border-radius: ${getToken("border-radius-s")};
|
|
2002
|
+
border: 1px solid var(--m-text-field-border-color);
|
|
2003
|
+
}
|
|
2004
|
+
|
|
2005
|
+
.container.-size-small {
|
|
2006
|
+
--m-text-field-height: ${getToken("global-height-small")};
|
|
2007
|
+
--m-text-field-padding-y: 0;
|
|
2008
|
+
}
|
|
2009
|
+
|
|
2010
|
+
.container.-size-small,
|
|
2011
|
+
.container.-size-small .text-field {
|
|
2012
|
+
${typography("body-sm")};
|
|
2013
|
+
}
|
|
2014
|
+
|
|
2015
|
+
.container.-size-large {
|
|
2016
|
+
--m-text-field-height: ${getToken("global-height-large")};
|
|
2017
|
+
--m-text-field-padding-y: ${getToken("spacing-3")};
|
|
2018
|
+
}
|
|
2019
|
+
|
|
2020
|
+
.container.-status-danger {
|
|
2021
|
+
--m-text-field-border-color: ${getColor("color-danger-60")};
|
|
2022
|
+
}
|
|
2023
|
+
|
|
2024
|
+
${on(".container").disabled} {
|
|
2025
|
+
--m-text-field-background-color: ${getColor("color-background-tertiary")};
|
|
2026
|
+
|
|
2027
|
+
cursor: default;
|
|
2028
|
+
}
|
|
2029
|
+
|
|
2030
|
+
${on(".container","*").disabled} {
|
|
2031
|
+
pointer-events: none;
|
|
2032
|
+
}
|
|
2033
|
+
|
|
2034
|
+
slot[name='leading']::slotted(*),
|
|
2035
|
+
slot[name='trailing']::slotted(*) {
|
|
2036
|
+
display: inline-flex;
|
|
2037
|
+
flex: 0 0 auto;
|
|
2038
|
+
align-items: center;
|
|
2039
|
+
cursor: default;
|
|
2040
|
+
}
|
|
2041
|
+
|
|
2042
|
+
${on(".container").not.disabled.hover} {
|
|
2043
|
+
--m-text-field-border-color: ${getColor("color-primary-60")};
|
|
2044
|
+
}
|
|
2045
|
+
|
|
2046
|
+
${on(".container").not.disabled.focus} {
|
|
2047
|
+
--m-text-field-border-color: ${getColor("color-primary-60")};
|
|
2048
|
+
|
|
2049
|
+
outline: 1px solid var(--m-text-field-outline-color);
|
|
2050
|
+
outline-offset: var(--m-text-field-outline-offset);
|
|
2051
|
+
}
|
|
2052
|
+
|
|
2053
|
+
.text-field {
|
|
2054
|
+
${typography("body-md")};
|
|
2055
|
+
|
|
2056
|
+
border: none;
|
|
2057
|
+
outline: none;
|
|
2058
|
+
flex: 1;
|
|
2059
|
+
min-width: 0;
|
|
2060
|
+
|
|
2061
|
+
${px(0)};
|
|
2062
|
+
padding-block: var(--m-text-field-padding-y);
|
|
2063
|
+
|
|
2064
|
+
background-color: var(--m-text-field-background-color);
|
|
2065
|
+
color: var(--m-text-field-color);
|
|
2066
|
+
}
|
|
2067
|
+
|
|
2068
|
+
.text-field::placeholder {
|
|
2069
|
+
color: var(--m-text-field-placeholder-color);
|
|
2070
|
+
}
|
|
2071
|
+
|
|
2072
|
+
${on(".text-field").not.disabled.active},
|
|
2073
|
+
${on(".text-field").not.disabled.focus} {
|
|
2074
|
+
-webkit-appearance: none;
|
|
2075
|
+
background: none;
|
|
2076
|
+
border: none;
|
|
2077
|
+
outline: none;
|
|
2078
|
+
}
|
|
2079
|
+
|
|
2080
|
+
.clear {
|
|
2081
|
+
visibility: hidden;
|
|
2082
|
+
}
|
|
2083
|
+
|
|
2084
|
+
.clear.is-visible {
|
|
2085
|
+
visibility: visible;
|
|
2086
|
+
}
|
|
2087
|
+
`}Tag.styles=[tagStyles()],window.customElements.define("m-tag",Tag);class TextField extends Component{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(),_TextField_instances.add(this),this.inputElement=null,this.field=new s$2(this,fieldContext,void 0,!0),_TextField_handleInput.set(this,(t=>{this.value=t.target.value,this.reemit(t)})),_TextField_handleClear.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$1`
|
|
2088
|
+
<div
|
|
2089
|
+
class=${o$1({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"===__classPrivateFieldGet(this,_TextField_instances,"m",_TextField_getStatus).call(this),"-status-danger":"danger"===__classPrivateFieldGet(this,_TextField_instances,"m",_TextField_getStatus).call(this)})}
|
|
2090
|
+
>
|
|
2091
|
+
<slot name="leading"></slot>
|
|
2092
|
+
<input
|
|
2093
|
+
id="${l$1(this.id)}"
|
|
2094
|
+
type="${l$1(this.type)}"
|
|
2095
|
+
class="text-field"
|
|
2096
|
+
aria-disabled=${this.disabled?"true":"false"}
|
|
2097
|
+
?disabled="${this.disabled}"
|
|
2098
|
+
?readonly=${this.readOnly}
|
|
2099
|
+
max=${this.max||A}
|
|
2100
|
+
maxlength=${null!=this.maxLength&&this.maxLength>-1?this.maxLength:A}
|
|
2101
|
+
min=${this.min||A}
|
|
2102
|
+
minlength=${null!=this.minLength&&this.minLength>-1?this.minLength:A}
|
|
2103
|
+
pattern=${l$1(this.pattern)}
|
|
2104
|
+
placeholder="${l$1(this.placeholder)}"
|
|
2105
|
+
step=${this.step||A}
|
|
2106
|
+
value="${l$1(this.value)}"
|
|
2107
|
+
@change=${this.reemit}
|
|
2108
|
+
@input=${__classPrivateFieldGet(this,_TextField_handleInput,"f")}
|
|
2109
|
+
/>
|
|
2110
|
+
${this.clearable?x$1`<m-close-button
|
|
2111
|
+
class=${o$1({clear:!0,"is-visible":__classPrivateFieldGet(this,_TextField_instances,"m",_TextField_isClearVisible).call(this)})}
|
|
2112
|
+
controls="${l$1(this.id)}"
|
|
2113
|
+
@m-close=${__classPrivateFieldGet(this,_TextField_handleClear,"f")}
|
|
2114
|
+
label="Clear input"
|
|
2115
|
+
></m-close-button>`:A}
|
|
2116
|
+
<slot name="trailing"></slot>
|
|
2117
|
+
</div>
|
|
2118
|
+
`}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()}}_TextField_handleInput=new WeakMap,_TextField_handleClear=new WeakMap,_TextField_instances=new WeakSet,_TextField_isClearVisible=function(){const t=this.value||"";return!this.disabled&&t.length>0},_TextField_getStatus=function(){var t;return this.status||(null===(t=this.field.value)||void 0===t?void 0:t.status)},TextField.styles=[styles$4()],window.customElements.define("m-text-field",TextField);const TOGGLE_EVENT="m-toggle";function styles$3(){return[i$4`
|
|
2119
|
+
.toggle-group {
|
|
2120
|
+
inline-size: max-content;
|
|
2121
|
+
|
|
2122
|
+
border: 1px solid ${getColor("color-border")};
|
|
2123
|
+
padding: ${getToken("spacing-1")};
|
|
2124
|
+
|
|
2125
|
+
border-radius: ${getToken("border-radius-s")};
|
|
2126
|
+
box-sizing: border-box;
|
|
2127
|
+
|
|
2128
|
+
block-size: ${getToken("global-height-default")};
|
|
2129
|
+
}
|
|
2130
|
+
|
|
2131
|
+
.toggle-group.-small {
|
|
2132
|
+
block-size: ${getToken("global-height-small")};
|
|
2133
|
+
}
|
|
2134
|
+
|
|
2135
|
+
.toggle-group.-small ::slotted(m-toggle) {
|
|
2136
|
+
--m-toggle-base-size: 18px;
|
|
2137
|
+
--m-toggle-font-size: ${getToken("font-size-2")};
|
|
2138
|
+
--m-toggle-icon-size: 10px;
|
|
2139
|
+
}
|
|
2140
|
+
|
|
2141
|
+
.toggle-group.-show-check ::slotted(m-toggle[aria-checked='true']) {
|
|
2142
|
+
--m-toggle-icon-display: inline-flex;
|
|
2143
|
+
}
|
|
2144
|
+
`]}var _ToggleGroup_selectionController,_ToggleGroup_defaultSlot,_ToggleGroup_getToggles,_ToggleGroup_setToggleRole,_ToggleGroup_setToggleChecked,_ToggleGroup_setToggleDisabled,_Toggle_instances,_Toggle_button_get,_Toggle_handleClick,_Toggle_setDisabled,_Toggle_setChecked;class ToggleGroup extends s$5{static get properties(){return{disabled:{type:Boolean},role:{type:String,reflect:!0},showCheck:{type:Boolean,attribute:"show-check"},size:{type:String,reflect:!0},type:{type:String},value:{},selection:{state:!0}}}constructor(){super(),_ToggleGroup_selectionController.set(this,null),_ToggleGroup_defaultSlot.set(this,null),_ToggleGroup_getToggles.set(this,(()=>{var t,e,o;__classPrivateFieldSet(this,_ToggleGroup_defaultSlot,null!==(t=__classPrivateFieldGet(this,_ToggleGroup_defaultSlot,"f"))&&void 0!==t?t:this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...null!==(o=null===(e=__classPrivateFieldGet(this,_ToggleGroup_defaultSlot,"f"))||void 0===e?void 0:e.assignedElements({flatten:!0}))&&void 0!==o?o:[]].filter((t=>"m-toggle"===t.tagName.toLowerCase()))})),_ToggleGroup_setToggleRole.set(this,(t=>{t.setAttribute("role",["single","single-strict"].includes(this.type)?"radio":"checkbox")})),_ToggleGroup_setToggleChecked.set(this,(t=>{t.checked=this.selection.has(t.value)})),_ToggleGroup_setToggleDisabled.set(this,(t=>{t.disabled=this.disabled})),this.showCheck=!1,this.size="default",this.type="single",this.selection=new Set}update(t){super.update(t),(null!=t.get("type")&&null!=this.type||null==__classPrivateFieldGet(this,_ToggleGroup_selectionController,"f"))&&(__classPrivateFieldSet(this,_ToggleGroup_selectionController,new SelectionController(this,this.type,"m-toggle"),"f"),__classPrivateFieldGet(this,_ToggleGroup_selectionController,"f").init(toArray$1(this.value)),this.role=["single","single-strict"].includes(this.type)?"radiogroup":"group"),t.has("value")&&__classPrivateFieldGet(this,_ToggleGroup_selectionController,"f").init(toArray$1(this.value))}updated(t){super.updated(t),t.has("selection")&&__classPrivateFieldGet(this,_ToggleGroup_getToggles,"f").call(this).forEach((t=>{__classPrivateFieldGet(this,_ToggleGroup_setToggleChecked,"f").call(this,t)})),t.has("disabled")&&__classPrivateFieldGet(this,_ToggleGroup_getToggles,"f").call(this).forEach((t=>{__classPrivateFieldGet(this,_ToggleGroup_setToggleDisabled,"f").call(this,t)})),t.has("role")&&__classPrivateFieldGet(this,_ToggleGroup_getToggles,"f").call(this).forEach((t=>{__classPrivateFieldGet(this,_ToggleGroup_setToggleRole,"f").call(this,t)}))}render(){return x$1`
|
|
2145
|
+
<m-group
|
|
2146
|
+
class=${o$1({"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})}
|
|
2147
|
+
gap="spacing-1"
|
|
2148
|
+
>
|
|
2149
|
+
<slot></slot>
|
|
2150
|
+
</m-group>
|
|
2151
|
+
`}}function styles$2(){return[styles$s(),i$4`
|
|
2152
|
+
:host {
|
|
2153
|
+
/*
|
|
2154
|
+
* These custom properties are here because they are meant to be
|
|
2155
|
+
* overriden via toggle-group styles.
|
|
2156
|
+
*/
|
|
2157
|
+
--m-toggle-base-size: 30px;
|
|
2158
|
+
--m-toggle-font-size: ${getToken("font-size-3")};
|
|
2159
|
+
--m-toggle-icon-size: 12px;
|
|
2160
|
+
--m-toggle-icon-display: none;
|
|
2161
|
+
|
|
2162
|
+
--m-button-border-color: transparent;
|
|
2163
|
+
--m-button-color: ${getColor("color-primary-100")};
|
|
2164
|
+
--m-button-padding-x: ${getToken("spacing-2")};
|
|
2165
|
+
--m-button-padding-y: 0;
|
|
2166
|
+
|
|
2167
|
+
--m-button-base-size: var(--m-toggle-base-size);
|
|
2168
|
+
--m-button-font-size: var(--m-toggle-font-size);
|
|
2169
|
+
}
|
|
2170
|
+
|
|
2171
|
+
${on([".toggle"]).disabled} {
|
|
2172
|
+
--m-button-color: ${getColor("color-text-disabled")};
|
|
2173
|
+
}
|
|
2174
|
+
|
|
2175
|
+
[aria-checked='true'] {
|
|
2176
|
+
--m-button-background-color: ${getColor("color-primary-20")};
|
|
2177
|
+
}
|
|
2178
|
+
|
|
2179
|
+
${on(".toggle").not.disabled.hover} {
|
|
2180
|
+
--m-button-background-color: ${getColor("color-background-tertiary")};
|
|
2181
|
+
--m-button-border-color: ${getColor("color-background-tertiary")};
|
|
2182
|
+
--m-button-color: ${getColor("color-primary-100")};
|
|
2183
|
+
}
|
|
2184
|
+
|
|
2185
|
+
.check-icon {
|
|
2186
|
+
--m-icon-size: var(--m-toggle-icon-size);
|
|
2187
|
+
--m-icon-color: var(--m-button-color);
|
|
2188
|
+
|
|
2189
|
+
display: var(--m-toggle-icon-display);
|
|
2190
|
+
}
|
|
2191
|
+
`]}_ToggleGroup_selectionController=new WeakMap,_ToggleGroup_defaultSlot=new WeakMap,_ToggleGroup_getToggles=new WeakMap,_ToggleGroup_setToggleRole=new WeakMap,_ToggleGroup_setToggleChecked=new WeakMap,_ToggleGroup_setToggleDisabled=new WeakMap,ToggleGroup.styles=[styles$3()],window.customElements.define("m-toggle-group",ToggleGroup);class Toggle extends s$5{static get properties(){return{checked:{type:Boolean},disabled:{type:Boolean,reflect:!0},role:{type:String,reflect:!0},value:{type:String,reflect:!0}}}constructor(){super(),_Toggle_instances.add(this),_Toggle_handleClick.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("m-toggle",t))})),_Toggle_setDisabled.set(this,(()=>{this.setAttribute("aria-disabled",String(this.disabled))})),_Toggle_setChecked.set(this,(()=>{this.setAttribute("aria-checked",String(this.checked))})),this.disabled=!1,this.checked=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("click",__classPrivateFieldGet(this,_Toggle_handleClick,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",__classPrivateFieldGet(this,_Toggle_handleClick,"f"))}updated(t){super.updated(t),t.has("disabled")&&__classPrivateFieldGet(this,_Toggle_setDisabled,"f").call(this),t.has("checked")&&__classPrivateFieldGet(this,_Toggle_setChecked,"f").call(this)}render(){return x$1`
|
|
2192
|
+
<button
|
|
2193
|
+
type="button"
|
|
2194
|
+
class=${o$1({button:!0,toggle:!0})}
|
|
2195
|
+
role="${this.role}"
|
|
2196
|
+
aria-checked="${this.checked}"
|
|
2197
|
+
?disabled="${this.disabled}"
|
|
2198
|
+
>
|
|
2199
|
+
<slot name="leading" slot="leading">
|
|
2200
|
+
<m-icon name="check" class="check-icon"></m-icon>
|
|
2201
|
+
</slot>
|
|
2202
|
+
|
|
2203
|
+
<slot></slot>
|
|
2204
|
+
</button>
|
|
2205
|
+
`}focus(t){var e;null===(e=__classPrivateFieldGet(this,_Toggle_instances,"a",_Toggle_button_get))||void 0===e||e.focus(t)}}function trim(t){return t.trim()}function convertTriggerFromAttribute(t){return t?String(t).split(/[\s,]+/).map(trim).filter(Boolean):["hover"]}function getAlignment(t){return t.split("-")[1]}function getLengthFromAxis(t){return"y"===t?"height":"width"}function getSide(t){return t.split("-")[0]}function getMainAxisFromPlacement(t){return["top","bottom"].includes(getSide(t))?"x":"y"}function computeCoordsFromPlacement(t,e,o){let{reference:i,floating:n}=t;const r=i.x+i.width/2-n.width/2,s=i.y+i.height/2-n.height/2,l=getMainAxisFromPlacement(e),a=getLengthFromAxis(l),d=i[a]/2-n[a]/2,c="x"===l;let u;switch(getSide(e)){case"top":u={x:r,y:i.y-n.height};break;case"bottom":u={x:r,y:i.y+i.height};break;case"right":u={x:i.x+i.width,y:s};break;case"left":u={x:i.x-n.width,y:s};break;default:u={x:i.x,y:i.y}}switch(getAlignment(e)){case"start":u[l]-=d*(o&&c?-1:1);break;case"end":u[l]+=d*(o&&c?-1:1)}return u}_Toggle_handleClick=new WeakMap,_Toggle_setDisabled=new WeakMap,_Toggle_setChecked=new WeakMap,_Toggle_instances=new WeakSet,_Toggle_button_get=function(){var t,e;return null!==(e=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector("button"))&&void 0!==e?e:null},Toggle.styles=[styles$2()],window.customElements.define("m-toggle",Toggle);const computePosition$1=async(t,e,o)=>{const{placement:i="bottom",strategy:n="absolute",middleware:r=[],platform:s}=o,l=r.filter(Boolean),a=await(null==s.isRTL?void 0:s.isRTL(e));let d=await s.getElementRects({reference:t,floating:e,strategy:n}),{x:c,y:u}=computeCoordsFromPlacement(d,i,a),g=i,h={},p=0;for(let o=0;o<l.length;o++){const{name:r,fn:m}=l[o],{x:b,y:f,data:$,reset:_}=await m({x:c,y:u,initialPlacement:i,placement:g,strategy:n,middlewareData:h,rects:d,platform:s,elements:{reference:t,floating:e}});c=null!=b?b:c,u=null!=f?f:u,h={...h,[r]:{...h[r],...$}},_&&p<=50&&(p++,"object"==typeof _&&(_.placement&&(g=_.placement),_.rects&&(d=!0===_.rects?await s.getElementRects({reference:t,floating:e,strategy:n}):_.rects),({x:c,y:u}=computeCoordsFromPlacement(d,g,a))),o=-1)}return{x:c,y:u,placement:g,strategy:n,middlewareData:h}};function evaluate(t,e){return"function"==typeof t?t(e):t}function expandPaddingObject(t){return{top:0,right:0,bottom:0,left:0,...t}}function getSideObjectFromPadding(t){return"number"!=typeof t?expandPaddingObject(t):{top:t,right:t,bottom:t,left:t}}function rectToClientRect(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function detectOverflow(t,e){var o;void 0===e&&(e={});const{x:i,y:n,platform:r,rects:s,elements:l,strategy:a}=t,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:u="floating",altBoundary:g=!1,padding:h=0}=evaluate(e,t),p=getSideObjectFromPadding(h),m=l[g?"floating"===u?"reference":"floating":u],b=rectToClientRect(await r.getClippingRect({element:null==(o=await(null==r.isElement?void 0:r.isElement(m)))||o?m:m.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(l.floating)),boundary:d,rootBoundary:c,strategy:a})),f="floating"===u?{...s.floating,x:i,y:n}:s.reference,$=await(null==r.getOffsetParent?void 0:r.getOffsetParent(l.floating)),_=await(null==r.isElement?void 0:r.isElement($))&&await(null==r.getScale?void 0:r.getScale($))||{x:1,y:1},y=rectToClientRect(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:f,offsetParent:$,strategy:a}):f);return{top:(b.top-y.top+p.top)/_.y,bottom:(y.bottom-b.bottom+p.bottom)/_.y,left:(b.left-y.left+p.left)/_.x,right:(y.right-b.right+p.right)/_.x}}const min$1=Math.min,max$1=Math.max;function within(t,e,o){return max$1(t,min$1(e,o))}const arrow=t=>({name:"arrow",options:t,async fn(e){const{x:o,y:i,placement:n,rects:r,platform:s,elements:l}=e,{element:a,padding:d=0}=evaluate(t,e)||{};if(null==a)return{};const c=getSideObjectFromPadding(d),u={x:o,y:i},g=getMainAxisFromPlacement(n),h=getLengthFromAxis(g),p=await s.getDimensions(a),m="y"===g,b=m?"top":"left",f=m?"bottom":"right",$=m?"clientHeight":"clientWidth",_=r.reference[h]+r.reference[g]-u[g]-r.floating[h],y=u[g]-r.reference[g],v=await(null==s.getOffsetParent?void 0:s.getOffsetParent(a));let k=v?v[$]:0;k&&await(null==s.isElement?void 0:s.isElement(v))||(k=l.floating[$]||r.floating[h]);const x=_/2-y/2,w=k/2-p[h]/2-1,T=min$1(c[b],w),C=min$1(c[f],w),S=T,P=k-p[h]-C,F=k/2-p[h]/2+x,B=within(S,F,P),G=null!=getAlignment(n)&&F!=B&&r.reference[h]/2-(F<S?T:C)-p[h]/2<0?F<S?S-F:P-F:0;return{[g]:u[g]-G,data:{[g]:B,centerOffset:F-B+G}}}}),oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"};function getOppositePlacement(t){return t.replace(/left|right|bottom|top/g,(t=>oppositeSideMap[t]))}function getAlignmentSides(t,e,o){void 0===o&&(o=!1);const i=getAlignment(t),n=getMainAxisFromPlacement(t),r=getLengthFromAxis(n);let s="x"===n?i===(o?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[r]>e.floating[r]&&(s=getOppositePlacement(s)),{main:s,cross:getOppositePlacement(s)}}const oppositeAlignmentMap={start:"end",end:"start"};function getOppositeAlignmentPlacement(t){return t.replace(/start|end/g,(t=>oppositeAlignmentMap[t]))}function getExpandedPlacements(t){const e=getOppositePlacement(t);return[getOppositeAlignmentPlacement(t),e,getOppositeAlignmentPlacement(e)]}function getSideList(t,e,o){const i=["left","right"],n=["right","left"],r=["top","bottom"],s=["bottom","top"];switch(t){case"top":case"bottom":return o?e?n:i:e?i:n;case"left":case"right":return e?r:s;default:return[]}}function getOppositeAxisPlacements(t,e,o,i){const n=getAlignment(t);let r=getSideList(getSide(t),"start"===o,i);return n&&(r=r.map((t=>t+"-"+n)),e&&(r=r.concat(r.map(getOppositeAlignmentPlacement)))),r}const flip=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var o;const{placement:i,middlewareData:n,rects:r,initialPlacement:s,platform:l,elements:a}=e,{mainAxis:d=!0,crossAxis:c=!0,fallbackPlacements:u,fallbackStrategy:g="bestFit",fallbackAxisSideDirection:h="none",flipAlignment:p=!0,...m}=evaluate(t,e),b=getSide(i),f=getSide(s)===s,$=await(null==l.isRTL?void 0:l.isRTL(a.floating)),_=u||(f||!p?[getOppositePlacement(s)]:getExpandedPlacements(s));u||"none"===h||_.push(...getOppositeAxisPlacements(s,p,h,$));const y=[s,..._],v=await detectOverflow(e,m),k=[];let x=(null==(o=n.flip)?void 0:o.overflows)||[];if(d&&k.push(v[b]),c){const{main:t,cross:e}=getAlignmentSides(i,r,$);k.push(v[t],v[e])}if(x=[...x,{placement:i,overflows:k}],!k.every((t=>t<=0))){var w,T;const t=((null==(w=n.flip)?void 0:w.index)||0)+1,e=y[t];if(e)return{data:{index:t,overflows:x},reset:{placement:e}};let o=null==(T=x.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:T.placement;if(!o)switch(g){case"bestFit":{var C;const t=null==(C=x.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:C[0];t&&(o=t);break}case"initialPlacement":o=s}if(i!==o)return{reset:{placement:o}}}return{}}}};async function convertValueToCoords(t,e){const{placement:o,platform:i,elements:n}=t,r=await(null==i.isRTL?void 0:i.isRTL(n.floating)),s=getSide(o),l=getAlignment(o),a="x"===getMainAxisFromPlacement(o),d=["left","top"].includes(s)?-1:1,c=r&&a?-1:1,u=evaluate(e,t);let{mainAxis:g,crossAxis:h,alignmentAxis:p}="number"==typeof u?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...u};return l&&"number"==typeof p&&(h="end"===l?-1*p:p),a?{x:h*c,y:g*d}:{x:g*d,y:h*c}}const offset=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){const{x:o,y:i}=e,n=await convertValueToCoords(e,t);return{x:o+n.x,y:i+n.y,data:n}}}};function getCrossAxis(t){return"x"===t?"y":"x"}const shift=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:o,y:i,placement:n}=e,{mainAxis:r=!0,crossAxis:s=!1,limiter:l={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...a}=evaluate(t,e),d={x:o,y:i},c=await detectOverflow(e,a),u=getMainAxisFromPlacement(getSide(n)),g=getCrossAxis(u);let h=d[u],p=d[g];if(r){const t="y"===u?"bottom":"right";h=within(h+c["y"===u?"top":"left"],h,h-c[t])}if(s){const t="y"===g?"bottom":"right";p=within(p+c["y"===g?"top":"left"],p,p-c[t])}const m=l.fn({...e,[u]:h,[g]:p});return{...m,data:{x:m.x-o,y:m.y-i}}}}};function getWindow(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function getComputedStyle$1(t){return getWindow(t).getComputedStyle(t)}function isNode(t){return t instanceof getWindow(t).Node}function getNodeName(t){return isNode(t)?(t.nodeName||"").toLowerCase():"#document"}function isHTMLElement(t){return t instanceof getWindow(t).HTMLElement}function isShadowRoot(t){return"undefined"!=typeof ShadowRoot&&(t instanceof getWindow(t).ShadowRoot||t instanceof ShadowRoot)}function isOverflowElement(t){const{overflow:e,overflowX:o,overflowY:i,display:n}=getComputedStyle$1(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+o)&&!["inline","contents"].includes(n)}function isTableElement(t){return["table","td","th"].includes(getNodeName(t))}function isContainingBlock(t){const e=isSafari(),o=getComputedStyle$1(t);return"none"!==o.transform||"none"!==o.perspective||!!o.containerType&&"normal"!==o.containerType||!e&&!!o.backdropFilter&&"none"!==o.backdropFilter||!e&&!!o.filter&&"none"!==o.filter||["transform","perspective","filter"].some((t=>(o.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(o.contain||"").includes(t)))}function isSafari(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function isLastTraversableNode(t){return["html","body","#document"].includes(getNodeName(t))}const min=Math.min,max=Math.max,round=Math.round,floor=Math.floor,createCoords=t=>({x:t,y:t});function getCssDimensions(t){const e=getComputedStyle$1(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const n=isHTMLElement(t),r=n?t.offsetWidth:o,s=n?t.offsetHeight:i,l=round(o)!==r||round(i)!==s;return l&&(o=r,i=s),{width:o,height:i,$:l}}function isElement(t){return t instanceof getWindow(t).Element}function unwrapElement(t){return isElement(t)?t:t.contextElement}function getScale(t){const e=unwrapElement(t);if(!isHTMLElement(e))return createCoords(1);const o=e.getBoundingClientRect(),{width:i,height:n,$:r}=getCssDimensions(e);let s=(r?round(o.width):o.width)/i,l=(r?round(o.height):o.height)/n;return s&&Number.isFinite(s)||(s=1),l&&Number.isFinite(l)||(l=1),{x:s,y:l}}const noOffsets=createCoords(0);function getVisualOffsets(t){const e=getWindow(t);return isSafari()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:noOffsets}function shouldAddVisualOffsets(t,e,o){return void 0===e&&(e=!1),!(!o||e&&o!==getWindow(t))&&e}function getBoundingClientRect(t,e,o,i){void 0===e&&(e=!1),void 0===o&&(o=!1);const n=t.getBoundingClientRect(),r=unwrapElement(t);let s=createCoords(1);e&&(i?isElement(i)&&(s=getScale(i)):s=getScale(t));const l=shouldAddVisualOffsets(r,o,i)?getVisualOffsets(r):createCoords(0);let a=(n.left+l.x)/s.x,d=(n.top+l.y)/s.y,c=n.width/s.x,u=n.height/s.y;if(r){const t=getWindow(r),e=i&&isElement(i)?getWindow(i):i;let o=t.frameElement;for(;o&&i&&e!==t;){const t=getScale(o),e=o.getBoundingClientRect(),i=getComputedStyle(o),n=e.left+(o.clientLeft+parseFloat(i.paddingLeft))*t.x,r=e.top+(o.clientTop+parseFloat(i.paddingTop))*t.y;a*=t.x,d*=t.y,c*=t.x,u*=t.y,a+=n,d+=r,o=getWindow(o).frameElement}}return rectToClientRect({width:c,height:u,x:a,y:d})}function getNodeScroll(t){return isElement(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function getDocumentElement(t){return((isNode(t)?t.ownerDocument:t.document)||window.document).documentElement}function convertOffsetParentRelativeRectToViewportRelativeRect(t){let{rect:e,offsetParent:o,strategy:i}=t;const n=isHTMLElement(o),r=getDocumentElement(o);if(o===r)return e;let s={scrollLeft:0,scrollTop:0},l=createCoords(1);const a=createCoords(0);if((n||!n&&"fixed"!==i)&&(("body"!==getNodeName(o)||isOverflowElement(r))&&(s=getNodeScroll(o)),isHTMLElement(o))){const t=getBoundingClientRect(o);l=getScale(o),a.x=t.x+o.clientLeft,a.y=t.y+o.clientTop}return{width:e.width*l.x,height:e.height*l.y,x:e.x*l.x-s.scrollLeft*l.x+a.x,y:e.y*l.y-s.scrollTop*l.y+a.y}}function getClientRects(t){return Array.from(t.getClientRects())}function getWindowScrollBarX(t){return getBoundingClientRect(getDocumentElement(t)).left+getNodeScroll(t).scrollLeft}function getDocumentRect(t){const e=getDocumentElement(t),o=getNodeScroll(t),i=t.ownerDocument.body,n=max(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),r=max(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let s=-o.scrollLeft+getWindowScrollBarX(t);const l=-o.scrollTop;return"rtl"===getComputedStyle$1(i).direction&&(s+=max(e.clientWidth,i.clientWidth)-n),{width:n,height:r,x:s,y:l}}function getParentNode(t){if("html"===getNodeName(t))return t;const e=t.assignedSlot||t.parentNode||isShadowRoot(t)&&t.host||getDocumentElement(t);return isShadowRoot(e)?e.host:e}function getNearestOverflowAncestor(t){const e=getParentNode(t);return isLastTraversableNode(e)?t.ownerDocument?t.ownerDocument.body:t.body:isHTMLElement(e)&&isOverflowElement(e)?e:getNearestOverflowAncestor(e)}function getOverflowAncestors(t,e){var o;void 0===e&&(e=[]);const i=getNearestOverflowAncestor(t),n=i===(null==(o=t.ownerDocument)?void 0:o.body),r=getWindow(i);return n?e.concat(r,r.visualViewport||[],isOverflowElement(i)?i:[]):e.concat(i,getOverflowAncestors(i))}function getViewportRect(t,e){const o=getWindow(t),i=getDocumentElement(t),n=o.visualViewport;let r=i.clientWidth,s=i.clientHeight,l=0,a=0;if(n){r=n.width,s=n.height;const t=isSafari();(!t||t&&"fixed"===e)&&(l=n.offsetLeft,a=n.offsetTop)}return{width:r,height:s,x:l,y:a}}function getInnerBoundingClientRect(t,e){const o=getBoundingClientRect(t,!0,"fixed"===e),i=o.top+t.clientTop,n=o.left+t.clientLeft,r=isHTMLElement(t)?getScale(t):createCoords(1);return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:n*r.x,y:i*r.y}}function getClientRectFromClippingAncestor(t,e,o){let i;if("viewport"===e)i=getViewportRect(t,o);else if("document"===e)i=getDocumentRect(getDocumentElement(t));else if(isElement(e))i=getInnerBoundingClientRect(e,o);else{const o=getVisualOffsets(t);i={...e,x:e.x-o.x,y:e.y-o.y}}return rectToClientRect(i)}function hasFixedPositionAncestor(t,e){const o=getParentNode(t);return!(o===e||!isElement(o)||isLastTraversableNode(o))&&("fixed"===getComputedStyle$1(o).position||hasFixedPositionAncestor(o,e))}function getClippingElementAncestors(t,e){const o=e.get(t);if(o)return o;let i=getOverflowAncestors(t).filter((t=>isElement(t)&&"body"!==getNodeName(t))),n=null;const r="fixed"===getComputedStyle$1(t).position;let s=r?getParentNode(t):t;for(;isElement(s)&&!isLastTraversableNode(s);){const e=getComputedStyle$1(s),o=isContainingBlock(s);o||"fixed"!==e.position||(n=null);(r?!o&&!n:!o&&"static"===e.position&&!!n&&["absolute","fixed"].includes(n.position)||isOverflowElement(s)&&!o&&hasFixedPositionAncestor(t,s))?i=i.filter((t=>t!==s)):n=e,s=getParentNode(s)}return e.set(t,i),i}function getClippingRect(t){let{element:e,boundary:o,rootBoundary:i,strategy:n}=t;const r=[..."clippingAncestors"===o?getClippingElementAncestors(e,this._c):[].concat(o),i],s=r[0],l=r.reduce(((t,o)=>{const i=getClientRectFromClippingAncestor(e,o,n);return t.top=max(i.top,t.top),t.right=min(i.right,t.right),t.bottom=min(i.bottom,t.bottom),t.left=max(i.left,t.left),t}),getClientRectFromClippingAncestor(e,s,n));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function getDimensions(t){return getCssDimensions(t)}function getRectRelativeToOffsetParent(t,e,o){const i=isHTMLElement(e),n=getDocumentElement(e),r="fixed"===o,s=getBoundingClientRect(t,!0,r,e);let l={scrollLeft:0,scrollTop:0};const a=createCoords(0);if(i||!i&&!r)if(("body"!==getNodeName(e)||isOverflowElement(n))&&(l=getNodeScroll(e)),isHTMLElement(e)){const t=getBoundingClientRect(e,!0,r,e);a.x=t.x+e.clientLeft,a.y=t.y+e.clientTop}else n&&(a.x=getWindowScrollBarX(n));return{x:s.left+l.scrollLeft-a.x,y:s.top+l.scrollTop-a.y,width:s.width,height:s.height}}function getTrueOffsetParent(t,e){return isHTMLElement(t)&&"fixed"!==getComputedStyle$1(t).position?e?e(t):t.offsetParent:null}function getContainingBlock(t){let e=getParentNode(t);for(;isHTMLElement(e)&&!isLastTraversableNode(e);){if(isContainingBlock(e))return e;e=getParentNode(e)}return null}function getOffsetParent(t,e){const o=getWindow(t);if(!isHTMLElement(t))return o;let i=getTrueOffsetParent(t,e);for(;i&&isTableElement(i)&&"static"===getComputedStyle$1(i).position;)i=getTrueOffsetParent(i,e);return i&&("html"===getNodeName(i)||"body"===getNodeName(i)&&"static"===getComputedStyle$1(i).position&&!isContainingBlock(i))?o:i||getContainingBlock(t)||o}const getElementRects=async function(t){let{reference:e,floating:o,strategy:i}=t;const n=this.getOffsetParent||getOffsetParent,r=this.getDimensions;return{reference:getRectRelativeToOffsetParent(e,await n(o),i),floating:{x:0,y:0,...await r(o)}}};function isRTL(t){return"rtl"===getComputedStyle(t).direction}const platform={convertOffsetParentRelativeRectToViewportRelativeRect,getDocumentElement,getClippingRect,getOffsetParent,getElementRects,getClientRects,getDimensions,getScale,isElement,isRTL};function observeMove(t,e){let o,i=null;const n=getDocumentElement(t);function r(){clearTimeout(o),i&&i.disconnect(),i=null}return function s(l,a){void 0===l&&(l=!1),void 0===a&&(a=1),r();const{left:d,top:c,width:u,height:g}=t.getBoundingClientRect();if(l||e(),!u||!g)return;const h={rootMargin:-floor(c)+"px "+-floor(n.clientWidth-(d+u))+"px "+-floor(n.clientHeight-(c+g))+"px "+-floor(d)+"px",threshold:max(0,min(1,a))||1};let p=!0;function m(t){const e=t[0].intersectionRatio;if(e!==a){if(!p)return s();e?s(!1,e):o=setTimeout((()=>{s(!1,1e-7)}),100)}p=!1}try{i=new IntersectionObserver(m,{...h,root:n.ownerDocument})}catch(t){i=new IntersectionObserver(m,h)}i.observe(t)}(!0),r}function autoUpdate(t,e,o,i){void 0===i&&(i={});const{ancestorScroll:n=!0,ancestorResize:r=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:l="function"==typeof IntersectionObserver,animationFrame:a=!1}=i,d=unwrapElement(t),c=n||r?[...d?getOverflowAncestors(d):[],...getOverflowAncestors(e)]:[];c.forEach((t=>{n&&t.addEventListener("scroll",o,{passive:!0}),r&&t.addEventListener("resize",o)}));const u=d&&l?observeMove(d,o):null;let g,h=-1,p=null;s&&(p=new ResizeObserver((t=>{let[i]=t;i&&i.target===d&&p&&(p.unobserve(e),cancelAnimationFrame(h),h=requestAnimationFrame((()=>{p&&p.observe(e)}))),o()})),d&&!a&&p.observe(d),p.observe(e));let m=a?getBoundingClientRect(t):null;return a&&function e(){const i=getBoundingClientRect(t);!m||i.x===m.x&&i.y===m.y&&i.width===m.width&&i.height===m.height||o();m=i,g=requestAnimationFrame(e)}(),o(),()=>{c.forEach((t=>{n&&t.removeEventListener("scroll",o),r&&t.removeEventListener("resize",o)})),u&&u(),p&&p.disconnect(),p=null,a&&cancelAnimationFrame(g)}}const computePosition=(t,e,o)=>{const i=new Map,n={platform,...o},r={...n.platform,_c:i};return computePosition$1(t,e,{...n,platform:r})};var _Popover_updateCleanup,_Popover_getArrowPosition;const UNSET_SIDES={top:"",bottom:"",left:"",right:""},POPOVER_PLACEMENT_VALUES=["top","left","right","bottom","top-start","top-end","bottom-start","bottom-end"];class Popover extends Component{static get properties(){return{position:{type:String,reflect:!0},placement:{type:String},open:{type:Boolean,reflect:!0}}}constructor(){super(),_Popover_updateCleanup.set(this,void 0),this.getFloatingOffset=()=>20,this.renderArrow=()=>x$1`<span id="arrow">
|
|
2206
|
+
<svg viewBox="0 0 20 10">
|
|
2207
|
+
<polygon stroke-width="0" points="0,10 20,10 10,0" />
|
|
2208
|
+
</svg>
|
|
2209
|
+
</span>`,this.reposition=async t=>{var e,o;if(null==this.floating||null==this.reference)return;const{x:i,y:n,placement:r,middlewareData:s}=await computePosition(this.reference,this.floating,{strategy:null!==(e=this.position)&&void 0!==e?e:"fixed",placement:null!==(o=this.placement)&&void 0!==o?o:"bottom-start",middleware:[(l=this.getFloatingOffset(),void 0===l&&(l=0),{name:"offset",options:l,async fn(t){const{x:e,y:o}=t,i=await convertValueToCoords(t,l);return{x:e+i.x,y:o+i.y,data:i}}}),flip(),shift(),this.arrow?arrow({element:this.arrow,padding:16}):void 0]});var l;Object.assign(this.floating.style,{top:`${n}px`,left:`${i}px`}),null!=this.arrow&&s.arrow&&Object.assign(this.arrow.style,__classPrivateFieldGet(this,_Popover_getArrowPosition,"f").call(this,r,s.arrow)),this.emit("m-popover-reposition",{detail:{reason:t}})},_Popover_getArrowPosition.set(this,((t,e)=>{if(null==this.floating||null==this.reference||null==this.arrow||null==e)return{};const[o,i]=t.split("-"),{x:n,y:r}=e,s={top:"bottom",bottom:"top",left:"right",right:"left"}[o],l={top:"180deg",bottom:"0deg",left:"90deg",right:"-90deg"}[o],a=null!=i,d=this.reference.offsetWidth>this.floating.offsetWidth,c=this.reference.offsetHeight>this.floating.offsetHeight,u=["top","bottom"].includes(o),g=a&&(u?d:c),h=this.reference.getBoundingClientRect(),p=`calc(var(--m-popover-arrow-offset) + ${{top:h.height,bottom:h.height,right:h.width,left:h.width}[s]}px + ${this.getFloatingOffset()}px)`;let m={transform:`rotate(${l})`,...UNSET_SIDES};if(g){const e={"top-start":"left","top-end":"right","bottom-start":"left","bottom-end":"right"}[t];m={...m,[s]:p,[e]:"10px"}}else m={...m,left:null!=n?`${n}px`:"",top:null!=r?`${r}px`:"",[s]:p};return m})),this.position="fixed",this.placement="top-end",this.open=!1}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=__classPrivateFieldGet(this,_Popover_updateCleanup,"f"))||void 0===t||t.call(this)}firstUpdated(){this.open&&this.reposition("show"),__classPrivateFieldSet(this,_Popover_updateCleanup,autoUpdate(this.reference,this.floating,(()=>{this.reposition("auto")})),"f")}updated(t){super.updated(t),this.open&&null!=t.get("placement")&&null!=this.placement&&this.reposition("placement")}get reference(){return this.getReferenceElement()}get floating(){return this.getFloatingElement()}get arrow(){return this.getArrowElement()}show(){this.open||(this.open=!0,this.reposition("show"))}hide(){this.open&&(this.open=!1)}toggle(){this.open?this.hide():this.show()}}function styles$1(){return[i$4`
|
|
2210
|
+
:host {
|
|
2211
|
+
--m-popover-background-color: ${getColor("color-background-secondary-inverted")};
|
|
2212
|
+
--m-popover-border-radius: ${getToken("border-radius-m")};
|
|
2213
|
+
--m-popover-border-width: 0;
|
|
2214
|
+
--m-popover-border-style: none;
|
|
2215
|
+
--m-popover-border-color: transparent;
|
|
2216
|
+
--m-popover-color: ${getColor("color-text-inverted")};
|
|
2217
|
+
--m-popover-elevation: ${getToken("elevation-2")};
|
|
2218
|
+
--m-popover-width: max-content;
|
|
2219
|
+
--m-popover-z-index: 10;
|
|
2220
|
+
--m-popover-floating-spacing-x: ${getToken("spacing-4")};
|
|
2221
|
+
--m-popover-floating-spacing-y: ${getToken("spacing-2")};
|
|
2222
|
+
|
|
2223
|
+
--m-popover-arrow-size: 20px;
|
|
2224
|
+
--m-popover-arrow-offset: calc(-1 * (var(--m-popover-arrow-size) / 2));
|
|
2225
|
+
|
|
2226
|
+
position: relative;
|
|
2227
|
+
}
|
|
2228
|
+
|
|
2229
|
+
slot[name='reference']::slotted(*) {
|
|
2230
|
+
display: inline-flex;
|
|
2231
|
+
}
|
|
2232
|
+
|
|
2233
|
+
slot[name='floating']::slotted(*) {
|
|
2234
|
+
${transition([{property:"box-shadow"}])};
|
|
2235
|
+
${typography("body-md")};
|
|
2236
|
+
|
|
2237
|
+
padding-inline: var(--m-popover-floating-spacing-x);
|
|
2238
|
+
padding-block: var(--m-popover-floating-spacing-y);
|
|
2239
|
+
margin: 0;
|
|
2240
|
+
|
|
2241
|
+
display: none;
|
|
2242
|
+
|
|
2243
|
+
min-height: ${getToken("global-height-default")};
|
|
2244
|
+
width: var(--m-popover-width);
|
|
2245
|
+
min-width: 80px;
|
|
2246
|
+
max-width: 80ch;
|
|
2247
|
+
|
|
2248
|
+
overflow-x: hidden;
|
|
2249
|
+
|
|
2250
|
+
border-width: var(--m-popover-border-width);
|
|
2251
|
+
border-style: var(--m-popover-border-style);
|
|
2252
|
+
border-color: var(--m-popover-border-color);
|
|
2253
|
+
border-radius: var(--m-popover-border-radius);
|
|
2254
|
+
|
|
2255
|
+
background-color: var(--m-popover-background-color);
|
|
2256
|
+
color: var(--m-popover-color);
|
|
2257
|
+
|
|
2258
|
+
box-shadow: var(--m-popover-elevation);
|
|
2259
|
+
z-index: var(--m-popover-z-index);
|
|
2260
|
+
}
|
|
2261
|
+
|
|
2262
|
+
:host([position='absolute']) slot[name='floating']::slotted(*) {
|
|
2263
|
+
position: absolute;
|
|
2264
|
+
}
|
|
2265
|
+
|
|
2266
|
+
:host([position='fixed']) slot[name='floating']::slotted(*) {
|
|
2267
|
+
position: fixed;
|
|
2268
|
+
}
|
|
2269
|
+
|
|
2270
|
+
:host([open]) slot[name='floating']::slotted(*),
|
|
2271
|
+
:host([open]) #arrow {
|
|
2272
|
+
display: inline-block;
|
|
2273
|
+
}
|
|
2274
|
+
|
|
2275
|
+
#arrow {
|
|
2276
|
+
display: none;
|
|
2277
|
+
position: absolute;
|
|
2278
|
+
width: var(--m-popover-arrow-size);
|
|
2279
|
+
height: var(--m-popover-arrow-size);
|
|
2280
|
+
fill: var(--m-popover-background-color);
|
|
2281
|
+
|
|
2282
|
+
z-index: calc(var(--m-popover-z-index) + 1);
|
|
2283
|
+
}
|
|
2284
|
+
|
|
2285
|
+
#arrow > svg {
|
|
2286
|
+
height: calc(var(--m-popover-arrow-size) / 2);
|
|
2287
|
+
}
|
|
2288
|
+
|
|
2289
|
+
.-absolute {
|
|
2290
|
+
position: absolute;
|
|
2291
|
+
}
|
|
2292
|
+
|
|
2293
|
+
.-fixed {
|
|
2294
|
+
position: fixed;
|
|
2295
|
+
}
|
|
2296
|
+
`]}function styles(){return[styles$1(),i$4`
|
|
2297
|
+
:host {
|
|
2298
|
+
display: inline-block;
|
|
2299
|
+
}
|
|
2300
|
+
`]}var _Tooltip_hoverTimeout,_Tooltip_focusTimeout,_Tooltip_handleFocus,_Tooltip_handleBlur,_Tooltip_handleClick,_Tooltip_handleKeyDown,_Tooltip_handleMouseOver,_Tooltip_handleMouseOut,_Tooltip_hasTrigger;_Popover_updateCleanup=new WeakMap,_Popover_getArrowPosition=new WeakMap;class Tooltip extends Popover{static get properties(){return{...Popover.properties,trigger:{type:String,converter:{fromAttribute:convertTriggerFromAttribute}}}}constructor(){super(),_Tooltip_hoverTimeout.set(this,void 0),_Tooltip_focusTimeout.set(this,void 0),_Tooltip_handleFocus.set(this,(()=>{__classPrivateFieldGet(this,_Tooltip_hasTrigger,"f").call(this,"focus")&&(clearTimeout(__classPrivateFieldGet(this,_Tooltip_focusTimeout,"f")),__classPrivateFieldSet(this,_Tooltip_focusTimeout,window.setTimeout((()=>this.show()),450),"f"))})),_Tooltip_handleBlur.set(this,(()=>{__classPrivateFieldGet(this,_Tooltip_hasTrigger,"f").call(this,"focus")&&(clearTimeout(__classPrivateFieldGet(this,_Tooltip_focusTimeout,"f")),__classPrivateFieldSet(this,_Tooltip_focusTimeout,window.setTimeout((()=>this.hide()),450),"f"))})),_Tooltip_handleClick.set(this,(()=>{__classPrivateFieldGet(this,_Tooltip_hasTrigger,"f").call(this,"click")&&this.toggle()})),_Tooltip_handleKeyDown.set(this,(t=>{this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide())})),_Tooltip_handleMouseOver.set(this,(()=>{__classPrivateFieldGet(this,_Tooltip_hasTrigger,"f").call(this,"hover")&&(clearTimeout(__classPrivateFieldGet(this,_Tooltip_hoverTimeout,"f")),__classPrivateFieldSet(this,_Tooltip_hoverTimeout,window.setTimeout((()=>this.show()),450),"f"))})),_Tooltip_handleMouseOut.set(this,(()=>{__classPrivateFieldGet(this,_Tooltip_hasTrigger,"f").call(this,"hover")&&(clearTimeout(__classPrivateFieldGet(this,_Tooltip_hoverTimeout,"f")),__classPrivateFieldSet(this,_Tooltip_hoverTimeout,window.setTimeout((()=>this.hide()),450),"f"))})),_Tooltip_hasTrigger.set(this,(t=>this.trigger.includes(t))),this.position="fixed",this.placement="top-start",this.trigger=["hover","focus"]}connectedCallback(){super.connectedCallback(),this.addEventListener("blur",__classPrivateFieldGet(this,_Tooltip_handleBlur,"f"),!0),this.addEventListener("click",__classPrivateFieldGet(this,_Tooltip_handleClick,"f")),this.addEventListener("focus",__classPrivateFieldGet(this,_Tooltip_handleFocus,"f"),!0),this.addEventListener("keydown",__classPrivateFieldGet(this,_Tooltip_handleKeyDown,"f")),this.addEventListener("mouseout",__classPrivateFieldGet(this,_Tooltip_handleMouseOut,"f")),this.addEventListener("mouseover",__classPrivateFieldGet(this,_Tooltip_handleMouseOver,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",__classPrivateFieldGet(this,_Tooltip_handleBlur,"f"),!0),this.removeEventListener("focus",__classPrivateFieldGet(this,_Tooltip_handleFocus,"f"),!0),this.removeEventListener("click",__classPrivateFieldGet(this,_Tooltip_handleClick,"f")),this.removeEventListener("keydown",__classPrivateFieldGet(this,_Tooltip_handleKeyDown,"f")),this.removeEventListener("mouseover",__classPrivateFieldGet(this,_Tooltip_handleMouseOver,"f")),this.removeEventListener("mouseout",__classPrivateFieldGet(this,_Tooltip_handleMouseOut,"f"))}getReferenceElement(){const t=this.shadowRoot.querySelector('slot[name="reference"]'),[e]=t.assignedElements({flatten:!0});return e}getFloatingElement(){const t=this.shadowRoot.querySelector('slot[name="floating"]'),[e]=t.assignedElements({flatten:!0});return e}getArrowElement(){return this.shadowRoot.querySelector("#arrow")}render(){return x$1`
|
|
2301
|
+
${this.renderArrow()}
|
|
2302
|
+
<slot name="reference" aria-describedby="floating"></slot>
|
|
2303
|
+
<slot
|
|
2304
|
+
name="floating"
|
|
2305
|
+
id="floating"
|
|
2306
|
+
role="tooltip"
|
|
2307
|
+
aria-live=${this.open?"polite":"off"}
|
|
2308
|
+
></slot>
|
|
2309
|
+
`}}_Tooltip_hoverTimeout=new WeakMap,_Tooltip_focusTimeout=new WeakMap,_Tooltip_handleFocus=new WeakMap,_Tooltip_handleBlur=new WeakMap,_Tooltip_handleClick=new WeakMap,_Tooltip_handleKeyDown=new WeakMap,_Tooltip_handleMouseOver=new WeakMap,_Tooltip_handleMouseOut=new WeakMap,_Tooltip_hasTrigger=new WeakMap,Tooltip.styles=[styles()],window.customElements.define("m-tooltip",Tooltip);const TOOLTIP_PLACEMENT_VALUES=POPOVER_PLACEMENT_VALUES;export{ProgressBarCountdown as $,FieldHint as A,BackButton as B,Card as C,Dialog as D,FieldLabel as E,Field as F,FIELD_STATUSES as G,Header as H,HeaderActions as I,HeaderTitle as J,ALIGN_ITEMS_VALUES as K,JUSTIFY_CONTENT_VALUES as L,Box as M,defaultBoxProps as N,Group as O,defaultGroupProps as P,Stack as Q,defaultStackProps as R,SubHeader as S,Grid as T,defaultGridProps as U,Sidebar as V,defaultSidebarProps as W,Switcher as X,defaultSwitcherProps as Y,Link as Z,ProgressBar as _,BannerActionPrimary as a,Radio as a0,RadioGroup as a1,Section as a2,SectionTitle as a3,Tabs as a4,Tab as a5,TabPanel as a6,Tag as a7,Text as a8,TextField as a9,ToggleGroup as aa,Toggle as ab,Tooltip as ac,TOOLTIP_PLACEMENT_VALUES as ad,b,BannerActionSecondary as c,BannerActions as d,BannerDescription as e,BannerIcon as f,BannerTitle as g,Banner as h,Button as i,CardBody as j,CardSubtitle as k,CardTitle as l,CardDivider as m,Checkbox as n,CloseButton as o,DIALOG_SIZES as p,DIALOG_VARIANTS as q,DialogActionPrimary as r,DialogActionSecondary as s,DialogActionTertiary as t,DialogActions as u,DialogBody as v,DialogClose as w,DialogFooter as x,DialogHeader as y,Divider as z};
|
|
2310
|
+
//# sourceMappingURL=index-14932347.js.map
|