@loadsmart/miranda-wc 2.0.0-beta.2 → 2.0.0-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{alert-circle-13ESz5ak-zeRkjIif.js → alert-circle-13ESz5ak-C3Yqn2iP.js} +2 -2
- package/dist/{alert-circle-13ESz5ak-zeRkjIif.js.map → alert-circle-13ESz5ak-C3Yqn2iP.js.map} +1 -1
- package/dist/{arrow-left-BIb7jStw-as_aY11V.js → arrow-left-BIb7jStw-BZs0RpCR.js} +2 -2
- package/dist/{arrow-left-BIb7jStw-as_aY11V.js.map → arrow-left-BIb7jStw-BZs0RpCR.js.map} +1 -1
- package/dist/{arrow-right-Wku0rRI4-Bvx5IcyA.js → arrow-right-Wku0rRI4-DwxDN59O.js} +2 -2
- package/dist/{arrow-right-Wku0rRI4-Bvx5IcyA.js.map → arrow-right-Wku0rRI4-DwxDN59O.js.map} +1 -1
- package/dist/{arrow-sort-down-C3RSPGLc-CK-1q0fb.js → arrow-sort-down-C3RSPGLc-bajjHGDR.js} +2 -2
- package/dist/{arrow-sort-down-C3RSPGLc-CK-1q0fb.js.map → arrow-sort-down-C3RSPGLc-bajjHGDR.js.map} +1 -1
- package/dist/{arrow-sort-up-C1WwiQwF-DDMfc9GH.js → arrow-sort-up-C1WwiQwF-BsIZtltI.js} +2 -2
- package/dist/{arrow-sort-up-C1WwiQwF-DDMfc9GH.js.map → arrow-sort-up-C1WwiQwF-BsIZtltI.js.map} +1 -1
- package/dist/{arrow-sort-up-down-NESBEFJF-C8nbkLdP.js → arrow-sort-up-down-NESBEFJF-oCa6GCE9.js} +2 -2
- package/dist/{arrow-sort-up-down-NESBEFJF-C8nbkLdP.js.map → arrow-sort-up-down-NESBEFJF-oCa6GCE9.js.map} +1 -1
- package/dist/{attention-WyayRaua-ZfSuzaSQ.js → attention-WyayRaua-CDGYEbRX.js} +2 -2
- package/dist/{attention-WyayRaua-ZfSuzaSQ.js.map → attention-WyayRaua-CDGYEbRX.js.map} +1 -1
- package/dist/{bell-Clm8vjZV-CQCzBxKh.js → bell-Clm8vjZV-C68ti8qQ.js} +2 -2
- package/dist/{bell-Clm8vjZV-CQCzBxKh.js.map → bell-Clm8vjZV-C68ti8qQ.js.map} +1 -1
- package/dist/{calendar-BRIt01fG-jTSB4BQH.js → calendar-BRIt01fG-EnvGK4n9.js} +2 -2
- package/dist/{calendar-BRIt01fG-jTSB4BQH.js.map → calendar-BRIt01fG-EnvGK4n9.js.map} +1 -1
- package/dist/{canada-flag-CtubPybt-DbxygWzd.js → canada-flag-CtubPybt-BeA0G4hm.js} +2 -2
- package/dist/{canada-flag-CtubPybt-DbxygWzd.js.map → canada-flag-CtubPybt-BeA0G4hm.js.map} +1 -1
- package/dist/{caret-down-CbGsyZM2-C1QUczxD.js → caret-down-CbGsyZM2-Dl-j7w7J.js} +2 -2
- package/dist/{caret-down-CbGsyZM2-C1QUczxD.js.map → caret-down-CbGsyZM2-Dl-j7w7J.js.map} +1 -1
- package/dist/{caret-left--WzPVkEi-B_5OvHih.js → caret-left--WzPVkEi-5yz8Imeu.js} +2 -2
- package/dist/{caret-left--WzPVkEi-B_5OvHih.js.map → caret-left--WzPVkEi-5yz8Imeu.js.map} +1 -1
- package/dist/{caret-right-B8YYUqFi-DH1quvcN.js → caret-right-B8YYUqFi-CgDgvAWq.js} +2 -2
- package/dist/{caret-right-B8YYUqFi-DH1quvcN.js.map → caret-right-B8YYUqFi-CgDgvAWq.js.map} +1 -1
- package/dist/{caret-up-BGiFV-Dg-C7eJ4mOf.js → caret-up-BGiFV-Dg-CHBVXaLa.js} +2 -2
- package/dist/{caret-up-BGiFV-Dg-C7eJ4mOf.js.map → caret-up-BGiFV-Dg-CHBVXaLa.js.map} +1 -1
- package/dist/{check-CVTSfUcw-CwfNOxLI.js → check-CVTSfUcw-BArICncz.js} +2 -2
- package/dist/{check-CVTSfUcw-CwfNOxLI.js.map → check-CVTSfUcw-BArICncz.js.map} +1 -1
- package/dist/{close-D7cBQXEF-KNfAdsqw.js → close-D7cBQXEF-BU4w6svc.js} +2 -2
- package/dist/{close-D7cBQXEF-KNfAdsqw.js.map → close-D7cBQXEF-BU4w6svc.js.map} +1 -1
- package/dist/components/button/base-button.styles.d.ts +1 -1
- package/dist/components/button/base-button.styles.d.ts.map +1 -1
- package/dist/components/button/button.d.ts +73 -39
- package/dist/components/button/button.d.ts.map +1 -1
- package/dist/components/button/button.styles.d.ts.map +1 -1
- package/dist/components/card/card.d.ts +6 -0
- package/dist/components/card/card.d.ts.map +1 -1
- package/dist/components/card/card.styles.d.ts.map +1 -1
- package/dist/components/checkbox/checkbox.d.ts +35 -47
- package/dist/components/checkbox/checkbox.d.ts.map +1 -1
- package/dist/components/checkbox/checkbox.styles.d.ts.map +1 -1
- package/dist/components/checkbox/index.d.ts +1 -1
- package/dist/components/checkbox/index.d.ts.map +1 -1
- package/dist/components/component/component.d.ts +2 -0
- package/dist/components/component/component.d.ts.map +1 -1
- package/dist/components/component/form-component.d.ts +6 -0
- package/dist/components/component/form-component.d.ts.map +1 -0
- package/dist/components/component/form-component.mixin.d.ts +18 -0
- package/dist/components/component/form-component.mixin.d.ts.map +1 -0
- package/dist/components/component/index.d.ts +3 -0
- package/dist/components/component/index.d.ts.map +1 -1
- package/dist/components/progress-bar-countdown/progress-bar-countdown.d.ts +1 -1
- package/dist/{double-caret-left-Uqi0RfBk-CNRCO2u-.js → double-caret-left-Uqi0RfBk-BwpiSxhM.js} +2 -2
- package/dist/{double-caret-left-Uqi0RfBk-CNRCO2u-.js.map → double-caret-left-Uqi0RfBk-BwpiSxhM.js.map} +1 -1
- package/dist/{double-caret-right-CDksftDh-CfClQclg.js → double-caret-right-CDksftDh-r8Q_jTvc.js} +2 -2
- package/dist/{double-caret-right-CDksftDh-CfClQclg.js.map → double-caret-right-CDksftDh-r8Q_jTvc.js.map} +1 -1
- package/dist/{indeterminate-BDGHbswY-C_yaSvFM.js → indeterminate-BDGHbswY-B1XDBTwc.js} +2 -2
- package/dist/{indeterminate-BDGHbswY-C_yaSvFM.js.map → indeterminate-BDGHbswY-B1XDBTwc.js.map} +1 -1
- package/dist/{index-DiFBW-9w.js → index-C7UUuFAO.js} +406 -324
- package/dist/index-C7UUuFAO.js.map +1 -0
- package/dist/index.js +1 -1
- package/dist/{info-circle-DXejYqGk-DLRCbOd3.js → info-circle-DXejYqGk-MQ3yrrw7.js} +2 -2
- package/dist/{info-circle-DXejYqGk-DLRCbOd3.js.map → info-circle-DXejYqGk-MQ3yrrw7.js.map} +1 -1
- package/dist/{mexico-flag-B5FobyK_-DlMpgkQW.js → mexico-flag-B5FobyK_-t_Zpn9wN.js} +2 -2
- package/dist/{mexico-flag-B5FobyK_-DlMpgkQW.js.map → mexico-flag-B5FobyK_-t_Zpn9wN.js.map} +1 -1
- package/dist/mixins/polymorphic-tag/polymorphic-tag.d.ts +2 -2
- package/dist/{pencil-CU-oQ9JK-D7ZmS6F_.js → pencil-CU-oQ9JK-BwxKtjBx.js} +2 -2
- package/dist/{pencil-CU-oQ9JK-D7ZmS6F_.js.map → pencil-CU-oQ9JK-BwxKtjBx.js.map} +1 -1
- package/dist/{plus-ahnlojdq-M0e-xJ1e.js → plus-ahnlojdq-D5Nub2Lk.js} +2 -2
- package/dist/{plus-ahnlojdq-M0e-xJ1e.js.map → plus-ahnlojdq-D5Nub2Lk.js.map} +1 -1
- package/dist/{question-BmAxpIax-DDlTVPy7.js → question-BmAxpIax-XMfnlpGg.js} +2 -2
- package/dist/{question-BmAxpIax-DDlTVPy7.js.map → question-BmAxpIax-XMfnlpGg.js.map} +1 -1
- package/dist/{telephone-Bs5Zwfs--BihC9G2A.js → telephone-Bs5Zwfs--CYtywTJk.js} +2 -2
- package/dist/{telephone-Bs5Zwfs--BihC9G2A.js.map → telephone-Bs5Zwfs--CYtywTJk.js.map} +1 -1
- package/dist/{trash-ClFxC-Bb-CMoP8Xsr.js → trash-ClFxC-Bb-Cxu3Ps6L.js} +2 -2
- package/dist/{trash-ClFxC-Bb-CMoP8Xsr.js.map → trash-ClFxC-Bb-Cxu3Ps6L.js.map} +1 -1
- package/dist/{united-states-flag-cGVvcvd_-Fay0ZISj.js → united-states-flag-cGVvcvd_-CHjJVewv.js} +2 -2
- package/dist/{united-states-flag-cGVvcvd_-Fay0ZISj.js.map → united-states-flag-cGVvcvd_-CHjJVewv.js.map} +1 -1
- package/dist/{user-BQBtu3DJ-D_Z95kjs.js → user-BQBtu3DJ-DPWpnuy_.js} +2 -2
- package/dist/{user-BQBtu3DJ-D_Z95kjs.js.map → user-BQBtu3DJ-DPWpnuy_.js.map} +1 -1
- package/package.json +1 -1
- package/dist/components/checkbox/checkbox.constants.d.ts +0 -3
- package/dist/components/checkbox/checkbox.constants.d.ts.map +0 -1
- package/dist/components/form-control/form-control.d.ts +0 -20
- package/dist/components/form-control/form-control.d.ts.map +0 -1
- package/dist/components/form-control/index.d.ts +0 -2
- package/dist/components/form-control/index.d.ts.map +0 -1
- package/dist/index-DiFBW-9w.js.map +0 -1
|
@@ -4,34 +4,54 @@ function __classPrivateFieldGet$1(t,e,o,i){if("a"===o&&!i)throw new TypeError("P
|
|
|
4
4
|
* Copyright 2019 Google LLC
|
|
5
5
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
6
|
*/
|
|
7
|
-
const t$
|
|
7
|
+
const t$9=window,e$d=t$9.ShadowRoot&&(void 0===t$9.ShadyCSS||t$9.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$f=Symbol(),n$f=new WeakMap;let o$e=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==s$f)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$d&&void 0===t){const o=void 0!==e&&1===e.length;o&&(t=n$f.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&n$f.set(e,t))}return t}toString(){return this.cssText}};const r$c=t=>new o$e("string"==typeof t?t:t+"",void 0,s$f),S$5=(t,e)=>{e$d?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const o=document.createElement("style"),i=t$9.litNonce;void 0!==i&&o.setAttribute("nonce",i),o.textContent=e.cssText,t.appendChild(o)}))},c$5=e$d?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return r$c(e)})(t):t
|
|
8
8
|
/**
|
|
9
9
|
* @license
|
|
10
10
|
* Copyright 2017 Google LLC
|
|
11
11
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
12
|
-
*/;var s$
|
|
12
|
+
*/;var s$e;const e$c=window,r$b=e$c.trustedTypes,h$7=r$b?r$b.emptyScript:"",o$d=e$c.reactiveElementPolyfillSupport,n$e={toAttribute(t,e){switch(e){case Boolean:t=t?h$7: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$8=(t,e)=>e!==t&&(e==e||t==t),l$8={attribute:!0,type:String,converter:n$e,reflect:!1,hasChanged:a$8},d$5="finalized";let u$5=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}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$8){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const o="symbol"==typeof t?Symbol():"__"+t,i=this.getPropertyDescriptor(t,o,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}}static getPropertyDescriptor(t,e,o){return{get(){return this[e]},set(i){const r=this[t];this[e]=i,this.requestUpdate(t,r,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||l$8}static finalize(){if(this.hasOwnProperty(d$5))return!1;this[d$5]=!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$5(t))}else void 0!==t&&e.push(c$5(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}_$Eu(){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$5(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$8){var i;const r=this.constructor._$Ep(t,o);if(void 0!==r&&!0===o.reflect){const n=(void 0!==(null===(i=o.converter)||void 0===i?void 0:i.toAttribute)?o.converter:n$e).toAttribute(e,o.type);this._$El=t,null==n?this.removeAttribute(r):this.setAttribute(r,n),this._$El=null}}_$AK(t,e){var o;const i=this.constructor,r=i._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=i.getPropertyOptions(r),n="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(o=t.converter)||void 0===o?void 0:o.fromAttribute)?t.converter:n$e;this._$El=r,this[r]=n.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,o){let i=!0;void 0!==t&&(((o=o||this.constructor.getPropertyOptions(t)).hasChanged||a$8)(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){}};
|
|
13
13
|
/**
|
|
14
14
|
* @license
|
|
15
15
|
* Copyright 2017 Google LLC
|
|
16
16
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
17
17
|
*/
|
|
18
|
-
var t$
|
|
18
|
+
var t$8;u$5[d$5]=!0,u$5.elementProperties=new Map,u$5.elementStyles=[],u$5.shadowRootOptions={mode:"open"},null==o$d||o$d({ReactiveElement:u$5}),(null!==(s$e=e$c.reactiveElementVersions)&&void 0!==s$e?s$e:e$c.reactiveElementVersions=[]).push("1.6.3");const i$6=window,s$d=i$6.trustedTypes,e$b=s$d?s$d.createPolicy("lit-html",{createHTML:t=>t}):void 0,o$c="$lit$",n$d=`lit$${(Math.random()+"").slice(9)}$`,l$7="?"+n$d,h$6=`<${l$7}>`,r$a=document,u$4=()=>r$a.createComment(""),d$4=t=>null===t||"object"!=typeof t&&"function"!=typeof t,c$4=Array.isArray,v$1=t=>c$4(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),a$7="[ \t\n\f\r]",f$1=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_$3=/-->/g,m$4=/>/g,p$2=RegExp(`>|${a$7}(?:([^\\s"'>=/]+)(${a$7}*=${a$7}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),g$1=/'/g,$$1=/"/g,y$1=/^(?:script|style|textarea|title)$/i,w$1=t=>(e,...o)=>({_$litType$:t,strings:e,values:o}),x=w$1(1),b$1=w$1(2),T$1=Symbol.for("lit-noChange"),A$1=Symbol.for("lit-nothing"),E$1=new WeakMap,C$1=r$a.createTreeWalker(r$a,129,null,!1);function P$1(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==e$b?e$b.createHTML(e):e}const V$1=(t,e)=>{const o=t.length-1,i=[];let r,n=2===e?"<svg>":"",s=f$1;for(let e=0;e<o;e++){const o=t[e];let a,l,c=-1,d=0;for(;d<o.length&&(s.lastIndex=d,l=s.exec(o),null!==l);)d=s.lastIndex,s===f$1?"!--"===l[1]?s=_$3:void 0!==l[1]?s=m$4:void 0!==l[2]?(y$1.test(l[2])&&(r=RegExp("</"+l[2],"g")),s=p$2):void 0!==l[3]&&(s=p$2):s===p$2?">"===l[0]?(s=null!=r?r:f$1,c=-1):void 0===l[1]?c=-2:(c=s.lastIndex-l[2].length,a=l[1],s=void 0===l[3]?p$2:'"'===l[3]?$$1:g$1):s===$$1||s===g$1?s=p$2:s===_$3||s===m$4?s=f$1:(s=p$2,r=void 0);const h=s===p$2&&t[e+1].startsWith("/>")?" ":"";n+=s===f$1?o+h$6:c>=0?(i.push(a),o.slice(0,c)+o$c+o.slice(c)+n$d+h):o+n$d+(-2===c?(i.push(void 0),e):h)}return[P$1(t,n+(t[o]||"<?>")+(2===e?"</svg>":"")),i]};let N$1=class t{constructor({strings:e,_$litType$:o},i){let r;this.parts=[];let n=0,s=0;const a=e.length-1,l=this.parts,[c,d]=V$1(e,o);if(this.el=t.createElement(c,i),C$1.currentNode=this.el.content,2===o){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(r=C$1.nextNode())&&l.length<a;){if(1===r.nodeType){if(r.hasAttributes()){const t=[];for(const e of r.getAttributeNames())if(e.endsWith(o$c)||e.startsWith(n$d)){const o=d[s++];if(t.push(e),void 0!==o){const t=r.getAttribute(o.toLowerCase()+o$c).split(n$d),e=/([.?@])?(.*)/.exec(o);l.push({type:1,index:n,name:e[2],strings:t,ctor:"."===e[1]?H$1:"?"===e[1]?L$1:"@"===e[1]?z$1:k$1})}else l.push({type:6,index:n})}for(const e of t)r.removeAttribute(e)}if(y$1.test(r.tagName)){const t=r.textContent.split(n$d),e=t.length-1;if(e>0){r.textContent=s$d?s$d.emptyScript:"";for(let o=0;o<e;o++)r.append(t[o],u$4()),C$1.nextNode(),l.push({type:2,index:++n});r.append(t[e],u$4())}}}else if(8===r.nodeType)if(r.data===l$7)l.push({type:2,index:n});else{let t=-1;for(;-1!==(t=r.data.indexOf(n$d,t+1));)l.push({type:7,index:n}),t+=n$d.length-1}n++}}static createElement(t,e){const o=r$a.createElement("template");return o.innerHTML=t,o}};function S$4(t,e,o=t,i){var r,n,s,a;if(e===T$1)return e;let l=void 0!==i?null===(r=o._$Co)||void 0===r?void 0:r[i]:o._$Cl;const c=d$4(e)?void 0:e._$litDirective$;return(null==l?void 0:l.constructor)!==c&&(null===(n=null==l?void 0:l._$AO)||void 0===n||n.call(l,!1),void 0===c?l=void 0:(l=new c(t),l._$AT(t,o,i)),void 0!==i?(null!==(s=(a=o)._$Co)&&void 0!==s?s:a._$Co=[])[i]=l:o._$Cl=l),void 0!==l&&(e=S$4(t,l._$AS(t,e.values),l,i)),e}let M$1=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var e;const{el:{content:o},parts:i}=this._$AD,r=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:r$a).importNode(o,!0);C$1.currentNode=r;let n=C$1.nextNode(),s=0,a=0,l=i[0];for(;void 0!==l;){if(s===l.index){let e;2===l.type?e=new R$1(n,n.nextSibling,this,t):1===l.type?e=new l.ctor(n,l.name,l.strings,this,t):6===l.type&&(e=new Z$1(n,this,t)),this._$AV.push(e),l=i[++a]}s!==(null==l?void 0:l.index)&&(n=C$1.nextNode(),s++)}return C$1.currentNode=r$a,r}v(t){let e=0;for(const o of this._$AV)void 0!==o&&(void 0!==o.strings?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}},R$1=class t{constructor(t,e,o,i){var r;this.type=2,this._$AH=A$1,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=i,this._$Cp=null===(r=null==i?void 0:i.isConnected)||void 0===r||r}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===(null==t?void 0:t.nodeType)&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=S$4(this,t,e),d$4(t)?t===A$1||null==t||""===t?(this._$AH!==A$1&&this._$AR(),this._$AH=A$1):t!==this._$AH&&t!==T$1&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):v$1(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$1&&d$4(this._$AH)?this._$AA.nextSibling.data=t:this.$(r$a.createTextNode(t)),this._$AH=t}g(t){var e;const{values:o,_$litType$:i}=t,r="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=N$1.createElement(P$1(i.h,i.h[0]),this.options)),i);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===r)this._$AH.v(o);else{const t=new M$1(r,this),e=t.u(this.options);t.v(o),this.$(e),this._$AH=t}}_$AC(t){let e=E$1.get(t.strings);return void 0===e&&E$1.set(t.strings,e=new N$1(t)),e}T(e){c$4(this._$AH)||(this._$AH=[],this._$AR());const o=this._$AH;let i,r=0;for(const n of e)r===o.length?o.push(i=new t(this.k(u$4()),this.k(u$4()),this,this.options)):i=o[r],i._$AI(n),r++;r<o.length&&(this._$AR(i&&i._$AB.nextSibling,r),o.length=r)}_$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))}},k$1=class{constructor(t,e,o,i,r){this.type=1,this._$AH=A$1,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,o.length>2||""!==o[0]||""!==o[1]?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=A$1}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,o,i){const r=this.strings;let n=!1;if(void 0===r)t=S$4(this,t,e,0),n=!d$4(t)||t!==this._$AH&&t!==T$1,n&&(this._$AH=t);else{const i=t;let s,a;for(t=r[0],s=0;s<r.length-1;s++)a=S$4(this,i[o+s],e,s),a===T$1&&(a=this._$AH[s]),n||(n=!d$4(a)||a!==this._$AH[s]),a===A$1?t=A$1:t!==A$1&&(t+=(null!=a?a:"")+r[s+1]),this._$AH[s]=a}n&&!i&&this.j(t)}j(t){t===A$1?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}},H$1=class extends k$1{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===A$1?void 0:t}};const I$1=s$d?s$d.emptyScript:"";let L$1=class extends k$1{constructor(){super(...arguments),this.type=4}j(t){t&&t!==A$1?this.element.setAttribute(this.name,I$1):this.element.removeAttribute(this.name)}},z$1=class extends k$1{constructor(t,e,o,i,r){super(t,e,o,i,r),this.type=5}_$AI(t,e=this){var o;if((t=null!==(o=S$4(this,t,e,0))&&void 0!==o?o:A$1)===T$1)return;const i=this._$AH,r=t===A$1&&i!==A$1||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,n=t!==A$1&&(i===A$1||r);r&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,o;"function"==typeof this._$AH?this._$AH.call(null!==(o=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==o?o:this.element,t):this._$AH.handleEvent(t)}},Z$1=class{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$4(this,t)}};const B$1=i$6.litHtmlPolyfillSupport;null==B$1||B$1(N$1,R$1),(null!==(t$8=i$6.litHtmlVersions)&&void 0!==t$8?t$8:i$6.litHtmlVersions=[]).push("2.8.0");const D$1=(t,e,o)=>{var i,r;const n=null!==(i=null==o?void 0:o.renderBefore)&&void 0!==i?i:e;let s=n._$litPart$;if(void 0===s){const t=null!==(r=null==o?void 0:o.renderBefore)&&void 0!==r?r:null;n._$litPart$=s=new R$1(e.insertBefore(u$4(),t),t,void 0,null!=o?o:{})}return s._$AI(t),s
|
|
19
19
|
/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2019 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
23
|
-
*/},t$
|
|
23
|
+
*/},t$7=window,e$a=t$7.ShadowRoot&&(void 0===t$7.ShadyCSS||t$7.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$c=Symbol(),n$c=new WeakMap;let o$b=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==s$c)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$a&&void 0===t){const o=void 0!==e&&1===e.length;o&&(t=n$c.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&n$c.set(e,t))}return t}toString(){return this.cssText}};const r$9=t=>new o$b("string"==typeof t?t:t+"",void 0,s$c),i$5=(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$b(o,t,s$c)},S$3=(t,e)=>{e$a?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const o=document.createElement("style"),i=t$7.litNonce;void 0!==i&&o.setAttribute("nonce",i),o.textContent=e.cssText,t.appendChild(o)}))},c$3=e$a?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return r$9(e)})(t):t
|
|
24
24
|
/**
|
|
25
25
|
* @license
|
|
26
26
|
* Copyright 2017 Google LLC
|
|
27
27
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
28
|
-
*/;var s$
|
|
28
|
+
*/;var s$b;const e$9=window,r$8=e$9.trustedTypes,h$5=r$8?r$8.emptyScript:"",o$a=e$9.reactiveElementPolyfillSupport,n$b={toAttribute(t,e){switch(e){case Boolean:t=t?h$5: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$6=(t,e)=>e!==t&&(e==e||t==t),l$6={attribute:!0,type:String,converter:n$b,reflect:!1,hasChanged:a$6},d$3="finalized";let u$3=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}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$6){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const o="symbol"==typeof t?Symbol():"__"+t,i=this.getPropertyDescriptor(t,o,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}}static getPropertyDescriptor(t,e,o){return{get(){return this[e]},set(i){const r=this[t];this[e]=i,this.requestUpdate(t,r,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||l$6}static finalize(){if(this.hasOwnProperty(d$3))return!1;this[d$3]=!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$3(t))}else void 0!==t&&e.push(c$3(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}_$Eu(){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$3(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$6){var i;const r=this.constructor._$Ep(t,o);if(void 0!==r&&!0===o.reflect){const n=(void 0!==(null===(i=o.converter)||void 0===i?void 0:i.toAttribute)?o.converter:n$b).toAttribute(e,o.type);this._$El=t,null==n?this.removeAttribute(r):this.setAttribute(r,n),this._$El=null}}_$AK(t,e){var o;const i=this.constructor,r=i._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=i.getPropertyOptions(r),n="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(o=t.converter)||void 0===o?void 0:o.fromAttribute)?t.converter:n$b;this._$El=r,this[r]=n.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,o){let i=!0;void 0!==t&&(((o=o||this.constructor.getPropertyOptions(t)).hasChanged||a$6)(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){}};
|
|
29
29
|
/**
|
|
30
30
|
* @license
|
|
31
31
|
* Copyright 2017 Google LLC
|
|
32
32
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
33
33
|
*/
|
|
34
|
-
var l$5,o$9;u$3[d$3]=!0,u$3.elementProperties=new Map,u$3.elementStyles=[],u$3.shadowRootOptions={mode:"open"},null==o$a||o$a({ReactiveElement:u$3}),(null!==(s$
|
|
34
|
+
var l$5,o$9;u$3[d$3]=!0,u$3.elementProperties=new Map,u$3.elementStyles=[],u$3.shadowRootOptions={mode:"open"},null==o$a||o$a({ReactiveElement:u$3}),(null!==(s$b=e$9.reactiveElementVersions)&&void 0!==s$b?s$b:e$9.reactiveElementVersions=[]).push("1.6.3");let s$a=class extends u$3{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$1(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$1}};s$a.finalized=!0,s$a._$litElement$=!0,null===(l$5=globalThis.litElementHydrateSupport)||void 0===l$5||l$5.call(globalThis,{LitElement:s$a});const n$a=globalThis.litElementPolyfillSupport;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}function isInsideElement(t,e){return e.shadowRoot?t.composedPath().includes(e):null!=t.target&&e.contains(t.target)}null==n$a||n$a({LitElement:s$a}),(null!==(o$9=globalThis.litElementVersions)&&void 0!==o$9?o$9:globalThis.litElementVersions=[]).push("3.3.3");class Component extends s$a{constructor(){super(),this.internals=null,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)},"attachInternals"in this&&"function"==typeof this.attachInternals&&null==this.internals&&(this.internals=this.attachInternals())}}
|
|
35
|
+
/**
|
|
36
|
+
* @license
|
|
37
|
+
* Copyright 2021 Google LLC
|
|
38
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
39
|
+
*/let s$9=class extends Event{constructor(t,e,o){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=e,this.subscribe=o??!1}};
|
|
40
|
+
/**
|
|
41
|
+
* @license
|
|
42
|
+
* Copyright 2021 Google LLC
|
|
43
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
44
|
+
*/function n$9(t){return t}
|
|
45
|
+
/**
|
|
46
|
+
* @license
|
|
47
|
+
* Copyright 2021 Google LLC
|
|
48
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
49
|
+
*/let s$8=class{constructor(t,e,o,i){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=t.subscribe??!1}else this.context=e,this.callback=o,this.subscribe=i??!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new s$9(this.context,this.t,this.subscribe))}},s$7=class{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()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(const[t,{disposer:e}]of this.subscriptions)t(this.o,e)},void 0!==t&&(this.value=t)}addCallback(t,e,o){if(!o)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:e});const{disposer:i}=this.subscriptions.get(t);t(this.value,i)}clearCallbacks(){this.subscriptions.clear()}},e$8=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}},i$4=class extends s$7{constructor(t,e,o){super(void 0!==e.context?e.initialValue:o),this.onContextRequest=t=>{const e=t.composedPath()[0];t.context===this.context&&e!==this.host&&(t.stopPropagation(),this.addCallback(t.callback,e,t.subscribe))},this.onProviderRequest=t=>{const e=t.composedPath()[0];if(t.context!==this.context||e===this.host)return;const o=new Set;for(const[t,{consumerHost:e}]of this.subscriptions)o.has(t)||(o.add(t),e.dispatchEvent(new s$9(this.context,t,!0)));t.stopPropagation()},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),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new e$8(this.context))}},t$6=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(),r=i.deref();void 0===o||void 0===r||o.dispatchEvent(new s$9(t.context,r,!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 r=i.callbacks.get(e);void 0===r&&i.callbacks.set(e,r=new WeakSet),r.has(o)||(r.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)}};
|
|
50
|
+
/**
|
|
51
|
+
* @license
|
|
52
|
+
* Copyright 2021 Google LLC
|
|
53
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
54
|
+
*/const fieldContext=n$9(Symbol("field")),WithFormComponentMixin=t=>{var e;class o extends t{constructor(){super(...arguments),this.formDisabled=!1,this.field=new s$8(this,{context:fieldContext,subscribe:!0,callback:({status:t})=>{this.status=t}}),e.set(this,(t=>{this.status=this.field.value?.status??t}))}static get properties(){return{...super.properties,name:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},status:{type:String,reflect:!0}}}update(t){t.has("status")&&__classPrivateFieldGet$1(this,e,"f").call(this,this.status),super.update(t)}getAssociatedForm(){return this.internals?this.internals.form:null}get disabled(){return this.hasAttribute("disabled")||this.formDisabled}set disabled(t){this.toggleAttribute("disabled",t)}setFormValue(t,e){this.internals&&this.internals.setFormValue(t,e)}formDisabledCallback(t){this.formDisabled=t}}return e=new WeakMap,o.formAssociated=!0,o};class FormComponent extends(WithFormComponentMixin(Component)){}function getDefaultExportFromCjs(t){return t&&t.i&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var toSpacingCSSValue,toCSSValue$1,getToken$1,themes$1={};themes$1.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-input":"193, 206, 217","color-border":"230, 237, 242","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":"'Plus Jakarta Sans', '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%","media-screen-desktop":"1025px","media-screen-tablet":"481px","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","global-height-small":"1.75rem","global-height-default":"2.5rem","global-height-large":"3rem","platform-font-default":"'Manrope', sans-serif","platform-font-title":"'Plus Jakarta Sans', 'Manrope', sans-serif"};var r$7=themes$1;function t$5(t,e,o){if(o||2===arguments.length)for(var i,r=0,n=e.length;r<n;r++)!i&&r in e||(i||(i=Array.prototype.slice.call(e,0,r)),i[r]=e[r]);return t.concat(i||Array.prototype.slice.call(e))}function e$7(t,e){return t.filter((function(t){return t.startsWith(e)}))}function o$8(t,e){return t.filter((function(t){return!t.startsWith(e)}))}"function"==typeof SuppressedError&&SuppressedError;var n$8=Object.keys(r$7.LoadsmartTheme),a$5=t$5([],o$8(o$8(n$8,"brand-"),"platform-"),!0).sort((function(t,e){return t.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})}));e$7(a$5,"color-background-"),e$7(a$5,"border-radius-"),e$7(a$5,"border-"),e$7(a$5,"color-"),e$7(a$5,"elevation-"),e$7(a$5,"font-family-"),e$7(a$5,"font-size-"),e$7(a$5,"font-weight-"),e$7(a$5,"global-"),e$7(a$5,"glow-"),e$7(a$5,"line-height-"),e$7(a$5,"opacity-");var _$2=e$7(a$5,"spacing-");function K$1(t){return r$7.LoadsmartTheme[t]}function m$3(t){var e=K$1(t);return null==e?e:"--m-".concat(t)}function h$4(t,e){var o=K$1(t);return null==o?"":t.startsWith("color-")?"rgba(var(".concat(m$3(t),", ").concat(o,"), ").concat(null!=e?e:1,")"):"var(".concat(m$3(t),", ").concat(o,")")}function getToken(t){return r$9(toCSSValue$1(t))}function getColor(t,e=1){return r$9(toCSSValue$1(t,e))}function mr(t){return r$9(`\n\t\tmargin-inline-end: ${t}\n\t`)}function ml(t){return r$9(`\n\t\tmargin-inline-start: ${t}\n\t`)}function mx(t){return r$9(`\n\t\t${ml(t)};\n\t\t${mr(t)}\n\t`)}function mt(t){return r$9(`\n\t\tmargin-block-start: ${t}\n\t`)}function mb(t){return r$9(`\n\t\tmargin-block-end: ${t}\n\t`)}function my(t){return r$9(`\n\t\t${mt(t)};\n\t\t${mb(t)}\n\t`)}function m$2(t){return r$9(`\n\t\t${mx(t)};\n\t\t${my(t)}\n\t`)}function mediaDesktop(t){return r$9(`\n\t@media screen and (min-width: ${getToken$1("media-screen-desktop")}) {\n\t\t${t}\n\t}\n`)}function mediaTablet(t){return r$9(`\n\t@media screen and (min-width: ${getToken$1("media-screen-tablet")}) {\n\t\t${t}\n\t}\n`)}e$7(a$5,"media-"),t$5(["none"],_$2,!0),getToken$1=K$1,toCSSValue$1=h$4,toSpacingCSSValue=function(t,e){var o,i=e?h$4(e):"";return t&&null!==(o="none"===t?"0":h$4(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 r=joinIs(t);for(const t of i)if(isNegated(t)){const e=t.slice(4);r=`${r}:not(${pseudoClassMap[e].join(", ")})`}else r=`${r}${joinIs(pseudoClassMap[t])}`;const n=joinIs(e);if(n){let t=` ${o} `;return null==o&&(t="")," "===o&&(t=o),`${r}${t}${n}`}return r}function on(t,e,o=" "){const i=[];let r=!1;const n=new Proxy(r$9(""),{get:(s,a,l)=>"cssText"===a?toString(t,e,o,i):"not"===a?(r=!r,n):isPseudoClass(a)?(i.push(r?`not.${a}`:a),r=!1,n):Reflect.get(s,a,l)});return n}function pr(t){return r$9(`\n\t\tpadding-inline-start: ${t}\n\t`)}function pl(t){return r$9(`\n\t\tpadding-inline-end: ${t}\n\t`)}function px(t){return r$9(`\n\t\t${pl(t)};\n\t\t${pr(t)}\n\t`)}function pt(t){return r$9(`\n\t\tpadding-block-start: ${t}\n\t`)}function pb(t){return r$9(`\n\t\tpadding-block-end: ${t}\n\t`)}function py(t){return r$9(`\n\t\t${pt(t)};\n\t\t${pb(t)}\n\t`)}function p$1(t){return r$9(`\n\t\t${px(t)};\n\t\t${py(t)}\n\t`)}function skeleton(){return r$9("animation: skeleton-loading 1s linear infinite alternate;")}skeleton.styles=()=>i$5`
|
|
35
55
|
@keyframes skeleton-loading {
|
|
36
56
|
0% {
|
|
37
57
|
background-color: ${getColor("color-background-tertiary")};
|
|
@@ -151,22 +171,22 @@ var l$5,o$9;u$3[d$3]=!0,u$3.elementProperties=new Map,u$3.elementStyles=[],u$3.s
|
|
|
151
171
|
* Copyright 2019 Google LLC
|
|
152
172
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
153
173
|
*/
|
|
154
|
-
const t$3
|
|
174
|
+
const t$3=window,e$5=t$3.ShadowRoot&&(void 0===t$3.ShadyCSS||t$3.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$5=Symbol(),n$6=new WeakMap;let o$6=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==s$5)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$5&&void 0===t){const o=void 0!==e&&1===e.length;o&&(t=n$6.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&n$6.set(e,t))}return t}toString(){return this.cssText}};const r$5=t=>new o$6("string"==typeof t?t:t+"",void 0,s$5),S$2=(t,e)=>{e$5?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const o=document.createElement("style"),i=t$3.litNonce;void 0!==i&&o.setAttribute("nonce",i),o.textContent=e.cssText,t.appendChild(o)}))},c$2=e$5?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return r$5(e)})(t):t
|
|
155
175
|
/**
|
|
156
176
|
* @license
|
|
157
177
|
* Copyright 2017 Google LLC
|
|
158
178
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
159
|
-
*/;var s$4
|
|
179
|
+
*/;var s$4;const e$4$1=window,r$4=e$4$1.trustedTypes,h$3=r$4?r$4.emptyScript:"",o$5=e$4$1.reactiveElementPolyfillSupport,n$5={toAttribute(t,e){switch(e){case Boolean:t=t?h$3: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$3=(t,e)=>e!==t&&(e==e||t==t),l$3={attribute:!0,type:String,converter:n$5,reflect:!1,hasChanged:a$3},d$2="finalized";let u$2=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}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$3){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const o="symbol"==typeof t?Symbol():"__"+t,i=this.getPropertyDescriptor(t,o,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}}static getPropertyDescriptor(t,e,o){return{get(){return this[e]},set(i){const r=this[t];this[e]=i,this.requestUpdate(t,r,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||l$3}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$2(t))}else void 0!==t&&e.push(c$2(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}_$Eu(){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$2(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$3){var i;const r=this.constructor._$Ep(t,o);if(void 0!==r&&!0===o.reflect){const n=(void 0!==(null===(i=o.converter)||void 0===i?void 0:i.toAttribute)?o.converter:n$5).toAttribute(e,o.type);this._$El=t,null==n?this.removeAttribute(r):this.setAttribute(r,n),this._$El=null}}_$AK(t,e){var o;const i=this.constructor,r=i._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=i.getPropertyOptions(r),n="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(o=t.converter)||void 0===o?void 0:o.fromAttribute)?t.converter:n$5;this._$El=r,this[r]=n.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,o){let i=!0;void 0!==t&&(((o=o||this.constructor.getPropertyOptions(t)).hasChanged||a$3)(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){}};
|
|
160
180
|
/**
|
|
161
181
|
* @license
|
|
162
182
|
* Copyright 2017 Google LLC
|
|
163
183
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
164
|
-
*/var t$2$1;u$2[d$2]=!0,u$2.elementProperties=new Map,u$2.elementStyles=[],u$2.shadowRootOptions={mode:"open"},null==o$5||o$5({ReactiveElement:u$2}),(null!==(s$4
|
|
184
|
+
*/var t$2$1;u$2[d$2]=!0,u$2.elementProperties=new Map,u$2.elementStyles=[],u$2.shadowRootOptions={mode:"open"},null==o$5||o$5({ReactiveElement:u$2}),(null!==(s$4=e$4$1.reactiveElementVersions)&&void 0!==s$4?s$4:e$4$1.reactiveElementVersions=[]).push("1.6.3");const i$1$1=window,s$3=i$1$1.trustedTypes,e$3$1=s$3?s$3.createPolicy("lit-html",{createHTML:t=>t}):void 0,o$4="$lit$",n$4=`lit$${(Math.random()+"").slice(9)}$`,l$2$1="?"+n$4,h$2=`<${l$2$1}>`,r$3=document,u$1=()=>r$3.createComment(""),d$1=t=>null===t||"object"!=typeof t&&"function"!=typeof t,c$1=Array.isArray,v=t=>c$1(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),a$2="[ \t\n\f\r]",f=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_$1=/-->/g,m$1=/>/g,p=RegExp(`>|${a$2}(?:([^\\s"'>=/]+)(${a$2}*=${a$2}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),g=/'/g,$=/"/g,y=/^(?:script|style|textarea|title)$/i,w=t=>(e,...o)=>({_$litType$:t,strings:e,values:o}),b=w(2),T=Symbol.for("lit-noChange"),A=Symbol.for("lit-nothing"),E=new WeakMap,C=r$3.createTreeWalker(r$3,129,null,!1);function P(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==e$3$1?e$3$1.createHTML(e):e}const V=(t,e)=>{const o=t.length-1,i=[];let r,n=2===e?"<svg>":"",s=f;for(let e=0;e<o;e++){const o=t[e];let a,l,c=-1,d=0;for(;d<o.length&&(s.lastIndex=d,l=s.exec(o),null!==l);)d=s.lastIndex,s===f?"!--"===l[1]?s=_$1:void 0!==l[1]?s=m$1:void 0!==l[2]?(y.test(l[2])&&(r=RegExp("</"+l[2],"g")),s=p):void 0!==l[3]&&(s=p):s===p?">"===l[0]?(s=null!=r?r:f,c=-1):void 0===l[1]?c=-2:(c=s.lastIndex-l[2].length,a=l[1],s=void 0===l[3]?p:'"'===l[3]?$:g):s===$||s===g?s=p:s===_$1||s===m$1?s=f:(s=p,r=void 0);const h=s===p&&t[e+1].startsWith("/>")?" ":"";n+=s===f?o+h$2:c>=0?(i.push(a),o.slice(0,c)+o$4+o.slice(c)+n$4+h):o+n$4+(-2===c?(i.push(void 0),e):h)}return[P(t,n+(t[o]||"<?>")+(2===e?"</svg>":"")),i]};class N{constructor({strings:t,_$litType$:e},o){let i;this.parts=[];let r=0,n=0;const s=t.length-1,a=this.parts,[l,c]=V(t,e);if(this.el=N.createElement(l,o),C.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(i=C.nextNode())&&a.length<s;){if(1===i.nodeType){if(i.hasAttributes()){const t=[];for(const e of i.getAttributeNames())if(e.endsWith(o$4)||e.startsWith(n$4)){const o=c[n++];if(t.push(e),void 0!==o){const t=i.getAttribute(o.toLowerCase()+o$4).split(n$4),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)i.removeAttribute(e)}if(y.test(i.tagName)){const t=i.textContent.split(n$4),e=t.length-1;if(e>0){i.textContent=s$3?s$3.emptyScript:"";for(let o=0;o<e;o++)i.append(t[o],u$1()),C.nextNode(),a.push({type:2,index:++r});i.append(t[e],u$1())}}}else if(8===i.nodeType)if(i.data===l$2$1)a.push({type:2,index:r});else{let t=-1;for(;-1!==(t=i.data.indexOf(n$4,t+1));)a.push({type:7,index:r}),t+=n$4.length-1}r++}}static createElement(t,e){const o=r$3.createElement("template");return o.innerHTML=t,o}}function S$1(t,e,o=t,i){var r,n,s,a;if(e===T)return e;let l=void 0!==i?null===(r=o._$Co)||void 0===r?void 0:r[i]:o._$Cl;const c=d$1(e)?void 0:e._$litDirective$;return(null==l?void 0:l.constructor)!==c&&(null===(n=null==l?void 0:l._$AO)||void 0===n||n.call(l,!1),void 0===c?l=void 0:(l=new c(t),l._$AT(t,o,i)),void 0!==i?(null!==(s=(a=o)._$Co)&&void 0!==s?s:a._$Co=[])[i]=l:o._$Cl=l),void 0!==l&&(e=S$1(t,l._$AS(t,e.values),l,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,r=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:r$3).importNode(o,!0);C.currentNode=r;let n=C.nextNode(),s=0,a=0,l=i[0];for(;void 0!==l;){if(s===l.index){let e;2===l.type?e=new R(n,n.nextSibling,this,t):1===l.type?e=new l.ctor(n,l.name,l.strings,this,t):6===l.type&&(e=new Z(n,this,t)),this._$AV.push(e),l=i[++a]}s!==(null==l?void 0:l.index)&&(n=C.nextNode(),s++)}return C.currentNode=r$3,r}v(t){let e=0;for(const o of this._$AV)void 0!==o&&(void 0!==o.strings?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}class R{constructor(t,e,o,i){var r;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===(r=null==i?void 0:i.isConnected)||void 0===r||r}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===(null==t?void 0:t.nodeType)&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=S$1(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$3.createTextNode(t)),this._$AH=t}g(t){var e;const{values:o,_$litType$:i}=t,r="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=N.createElement(P(i.h,i.h[0]),this.options)),i);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===r)this._$AH.v(o);else{const t=new M(r,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(t)),e}T(t){c$1(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,i=0;for(const r of t)i===e.length?e.push(o=new R(this.k(u$1()),this.k(u$1()),this,this.options)):o=e[i],o._$AI(r),i++;i<e.length&&(this._$AR(o&&o._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var o;for(null===(o=this._$AP)||void 0===o||o.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cp=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class k{constructor(t,e,o,i,r){this.type=1,this._$AH=A,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,o.length>2||""!==o[0]||""!==o[1]?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=A}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,o,i){const r=this.strings;let n=!1;if(void 0===r)t=S$1(this,t,e,0),n=!d$1(t)||t!==this._$AH&&t!==T,n&&(this._$AH=t);else{const i=t;let s,a;for(t=r[0],s=0;s<r.length-1;s++)a=S$1(this,i[o+s],e,s),a===T&&(a=this._$AH[s]),n||(n=!d$1(a)||a!==this._$AH[s]),a===A?t=A:t!==A&&(t+=(null!=a?a:"")+r[s+1]),this._$AH[s]=a}n&&!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$3?s$3.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,r){super(t,e,o,i,r),this.type=5}_$AI(t,e=this){var o;if((t=null!==(o=S$1(this,t,e,0))&&void 0!==o?o:A)===T)return;const i=this._$AH,r=t===A&&i!==A||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,n=t!==A&&(i===A||r);r&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,o;"function"==typeof this._$AH?this._$AH.call(null!==(o=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==o?o:this.element,t):this._$AH.handleEvent(t)}}class 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$1(this,t)}}const B=i$1$1.litHtmlPolyfillSupport;null==B||B(N,R),(null!==(t$2$1=i$1$1.litHtmlVersions)&&void 0!==t$2$1?t$2$1:i$1$1.litHtmlVersions=[]).push("2.8.0");const D=(t,e,o)=>{var i,r;const n=null!==(i=null==o?void 0:o.renderBefore)&&void 0!==i?i:e;let s=n._$litPart$;if(void 0===s){const t=null!==(r=null==o?void 0:o.renderBefore)&&void 0!==r?r:null;n._$litPart$=s=new R(e.insertBefore(u$1(),t),t,void 0,null!=o?o:{})}return s._$AI(t),s
|
|
165
185
|
/**
|
|
166
186
|
* @license
|
|
167
187
|
* Copyright 2019 Google LLC
|
|
168
188
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
169
|
-
*/},t$1$1=window,e$2$1=t$1$1.ShadowRoot&&(void 0===t$1$1.ShadyCSS||t$1$1.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$2
|
|
189
|
+
*/},t$1$1=window,e$2$1=t$1$1.ShadowRoot&&(void 0===t$1$1.ShadyCSS||t$1$1.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$2=Symbol(),n$3$1=new WeakMap;let o$3$1=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==s$2)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$2$1&&void 0===t){const o=void 0!==e&&1===e.length;o&&(t=n$3$1.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&n$3$1.set(e,t))}return t}toString(){return this.cssText}};const r$2=t=>new o$3$1("string"==typeof t?t:t+"",void 0,s$2),i$3=(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$3$1(o,t,s$2)},S=(t,e)=>{e$2$1?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const o=document.createElement("style"),i=t$1$1.litNonce;void 0!==i&&o.setAttribute("nonce",i),o.textContent=e.cssText,t.appendChild(o)}))},c=e$2$1?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return r$2(e)})(t):t
|
|
170
190
|
/**
|
|
171
191
|
* @license
|
|
172
192
|
* Copyright 2017 Google LLC
|
|
@@ -176,7 +196,7 @@ const t$3$1=window,e$5$1=t$3$1.ShadowRoot&&(void 0===t$3$1.ShadyCSS||t$3$1.Shady
|
|
|
176
196
|
* @license
|
|
177
197
|
* Copyright 2017 Google LLC
|
|
178
198
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
179
|
-
*/var l$4,o$1$1;u[d]=!0,u.elementProperties=new Map,u.elementStyles=[],u.shadowRootOptions={mode:"open"},null==o$2$1||o$2$1({ReactiveElement:u}),(null!==(s$1$1=e$1$1.reactiveElementVersions)&&void 0!==s$1$1?s$1$1:e$1$1.reactiveElementVersions=[]).push("1.6.3");let s$6=class extends u{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$6.finalized=!0,s$6._$litElement$=!0,null===(l$4=globalThis.litElementHydrateSupport)||void 0===l$4||l$4.call(globalThis,{LitElement:s$6});const n$1$1=globalThis.litElementPolyfillSupport;null==n$1$1||n$1$1({LitElement:s$6}),(null!==(o$1$1=globalThis.litElementVersions)&&void 0!==o$1$1?o$1$1:globalThis.litElementVersions=[]).push("3.3.3");var toCSSValue,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-input":"193, 206, 217","color-border":"230, 237, 242","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":"'Plus Jakarta Sans', '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%","media-screen-desktop":"1025px","media-screen-tablet":"481px","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","global-height-small":"1.75rem","global-height-default":"2.5rem","global-height-large":"3rem","platform-font-default":"'Manrope', sans-serif","platform-font-title":"'Plus Jakarta Sans', 'Manrope', sans-serif"}},r$6=themes;function t$4(t,e,o){if(o||2===arguments.length)for(var i,r=0,n=e.length;r<n;r++)!i&&r in e||(i||(i=Array.prototype.slice.call(e,0,r)),i[r]=e[r]);return t.concat(i||Array.prototype.slice.call(e))}function e$6(t,e){return t.filter((function(t){return t.startsWith(e)}))}function o$7(t,e){return t.filter((function(t){return!t.startsWith(e)}))}"function"==typeof SuppressedError&&SuppressedError;var n$7=Object.keys(r$6.LoadsmartTheme),a$4=t$4([],o$7(o$7(n$7,"brand-"),"platform-"),!0).sort((function(t,e){return t.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})}));e$6(a$4,"color-background-"),e$6(a$4,"border-radius-"),e$6(a$4,"border-"),e$6(a$4,"color-"),e$6(a$4,"elevation-"),e$6(a$4,"font-family-"),e$6(a$4,"font-size-"),e$6(a$4,"font-weight-"),e$6(a$4,"global-"),e$6(a$4,"glow-"),e$6(a$4,"line-height-"),e$6(a$4,"opacity-");var _=e$6(a$4,"spacing-");function K(t){return r$6.LoadsmartTheme[t]}function m(t){var e=K(t);return null==e?e:"--m-".concat(t)}function h(t,e){var o=K(t);return null==o?"":t.startsWith("color-")?"rgba(var(".concat(m(t),", ").concat(o,"), ").concat(null!=e?e:1,")"):"var(".concat(m(t),", ").concat(o,")")}function styles$H(){return[i$
|
|
199
|
+
*/var l$4,o$1$1;u[d]=!0,u.elementProperties=new Map,u.elementStyles=[],u.shadowRootOptions={mode:"open"},null==o$2$1||o$2$1({ReactiveElement:u}),(null!==(s$1$1=e$1$1.reactiveElementVersions)&&void 0!==s$1$1?s$1$1:e$1$1.reactiveElementVersions=[]).push("1.6.3");let s$6=class extends u{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$6.finalized=!0,s$6._$litElement$=!0,null===(l$4=globalThis.litElementHydrateSupport)||void 0===l$4||l$4.call(globalThis,{LitElement:s$6});const n$1$1=globalThis.litElementPolyfillSupport;null==n$1$1||n$1$1({LitElement:s$6}),(null!==(o$1$1=globalThis.litElementVersions)&&void 0!==o$1$1?o$1$1:globalThis.litElementVersions=[]).push("3.3.3");var toCSSValue,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-input":"193, 206, 217","color-border":"230, 237, 242","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":"'Plus Jakarta Sans', '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%","media-screen-desktop":"1025px","media-screen-tablet":"481px","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","global-height-small":"1.75rem","global-height-default":"2.5rem","global-height-large":"3rem","platform-font-default":"'Manrope', sans-serif","platform-font-title":"'Plus Jakarta Sans', 'Manrope', sans-serif"}},r$6=themes;function t$4(t,e,o){if(o||2===arguments.length)for(var i,r=0,n=e.length;r<n;r++)!i&&r in e||(i||(i=Array.prototype.slice.call(e,0,r)),i[r]=e[r]);return t.concat(i||Array.prototype.slice.call(e))}function e$6(t,e){return t.filter((function(t){return t.startsWith(e)}))}function o$7(t,e){return t.filter((function(t){return!t.startsWith(e)}))}"function"==typeof SuppressedError&&SuppressedError;var n$7=Object.keys(r$6.LoadsmartTheme),a$4=t$4([],o$7(o$7(n$7,"brand-"),"platform-"),!0).sort((function(t,e){return t.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})}));e$6(a$4,"color-background-"),e$6(a$4,"border-radius-"),e$6(a$4,"border-"),e$6(a$4,"color-"),e$6(a$4,"elevation-"),e$6(a$4,"font-family-"),e$6(a$4,"font-size-"),e$6(a$4,"font-weight-"),e$6(a$4,"global-"),e$6(a$4,"glow-"),e$6(a$4,"line-height-"),e$6(a$4,"opacity-");var _=e$6(a$4,"spacing-");function K(t){return r$6.LoadsmartTheme[t]}function m(t){var e=K(t);return null==e?e:"--m-".concat(t)}function h(t,e){var o=K(t);return null==o?"":t.startsWith("color-")?"rgba(var(".concat(m(t),", ").concat(o,"), ").concat(null!=e?e:1,")"):"var(".concat(m(t),", ").concat(o,")")}function styles$H(){return[i$3`
|
|
180
200
|
:host {
|
|
181
201
|
--m-icon-size: 16px;
|
|
182
202
|
--m-icon-color: ${r$2(toCSSValue("color-text-primary"))};
|
|
@@ -198,7 +218,7 @@ const t$3$1=window,e$5$1=t$3$1.ShadowRoot&&(void 0===t$3$1.ShadyCSS||t$3$1.Shady
|
|
|
198
218
|
color: var(--m-icon-color);
|
|
199
219
|
fill: var(--m-icon-color);
|
|
200
220
|
}
|
|
201
|
-
`]}e$6(a$4,"media-"),t$4(["none"],_,!0),toCSSValue=h;const icons=new Map([["alert-circle",()=>import("./alert-circle-13ESz5ak-
|
|
221
|
+
`]}e$6(a$4,"media-"),t$4(["none"],_,!0),toCSSValue=h;const icons=new Map([["alert-circle",()=>import("./alert-circle-13ESz5ak-C3Yqn2iP.js")],["arrow-left",()=>import("./arrow-left-BIb7jStw-BZs0RpCR.js")],["arrow-right",()=>import("./arrow-right-Wku0rRI4-DwxDN59O.js")],["arrow-sort-down",()=>import("./arrow-sort-down-C3RSPGLc-bajjHGDR.js")],["arrow-sort-up",()=>import("./arrow-sort-up-C1WwiQwF-BsIZtltI.js")],["arrow-sort-up-down",()=>import("./arrow-sort-up-down-NESBEFJF-oCa6GCE9.js")],["attention",()=>import("./attention-WyayRaua-CDGYEbRX.js")],["bell",()=>import("./bell-Clm8vjZV-C68ti8qQ.js")],["calendar",()=>import("./calendar-BRIt01fG-EnvGK4n9.js")],["canada-flag",()=>import("./canada-flag-CtubPybt-BeA0G4hm.js")],["caret-down",()=>import("./caret-down-CbGsyZM2-Dl-j7w7J.js")],["caret-left",()=>import("./caret-left--WzPVkEi-5yz8Imeu.js")],["caret-right",()=>import("./caret-right-B8YYUqFi-CgDgvAWq.js")],["caret-up",()=>import("./caret-up-BGiFV-Dg-CHBVXaLa.js")],["check",()=>import("./check-CVTSfUcw-BArICncz.js")],["close",()=>import("./close-D7cBQXEF-BU4w6svc.js")],["double-caret-left",()=>import("./double-caret-left-Uqi0RfBk-BwpiSxhM.js")],["double-caret-right",()=>import("./double-caret-right-CDksftDh-r8Q_jTvc.js")],["indeterminate",()=>import("./indeterminate-BDGHbswY-B1XDBTwc.js")],["info-circle",()=>import("./info-circle-DXejYqGk-MQ3yrrw7.js")],["mexico-flag",()=>import("./mexico-flag-B5FobyK_-t_Zpn9wN.js")],["pencil",()=>import("./pencil-CU-oQ9JK-BwxKtjBx.js")],["plus",()=>import("./plus-ahnlojdq-D5Nub2Lk.js")],["telephone",()=>import("./telephone-Bs5Zwfs--CYtywTJk.js")],["trash",()=>import("./trash-ClFxC-Bb-Cxu3Ps6L.js")],["united-states-flag",()=>import("./united-states-flag-cGVvcvd_-CHjJVewv.js")],["user",()=>import("./user-BQBtu3DJ-DPWpnuy_.js")],["question",()=>import("./question-BmAxpIax-XMfnlpGg.js")]]),AVAILABLE_ICONS=[...icons.keys()];var _Icon_loadIcon,_Accordion_instances,_Accordion_accordionTrigger_get,_Accordion_accordionPanel_get,_Accordion_accordionContent_get,_Accordion_handleExpand,_Accordion_toggle,_Accordion_handleTransition;class Icon extends s$6{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$H()],window.customElements.define("m-icon",Icon);class Accordion extends Component{static get properties(){return{disabled:{type:Boolean,reflect:!0},expanded:{type:Boolean,reflect:!0}}}constructor(){super(),_Accordion_instances.add(this),_Accordion_handleTransition.set(this,(()=>{this.expanded&&!this.disabled&&(__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionPanel_get).style.height="auto")})),this.disabled=!1,this.expanded=!1,this.resizeObserver=new ResizeObserver((t=>{this.panelHeight=t[0].target.scrollHeight}))}firstUpdated(){__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionContent_get).style.transition="visibility 0.35s",__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionContent_get).setAttribute("role","region"),this.resizeObserver.observe(__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionPanel_get)),__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionPanel_get).addEventListener("transitionend",__classPrivateFieldGet$1(this,_Accordion_handleTransition,"f"))}update(t){super.update(t),(t.has("expanded")||t.has("disabled"))&&__classPrivateFieldGet$1(this,_Accordion_instances,"m",_Accordion_handleExpand).call(this)}disconnectedCallback(){super.disconnectedCallback(),__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionPanel_get).removeEventListener("transitionend",__classPrivateFieldGet$1(this,_Accordion_handleTransition,"f")),this.resizeObserver.disconnect()}render(){return x`
|
|
202
222
|
<article class="m-accordion">
|
|
203
223
|
<h3 class="m-accordion-header">
|
|
204
224
|
<button
|
|
@@ -225,47 +245,39 @@ const t$3$1=window,e$5$1=t$3$1.ShadowRoot&&(void 0===t$3$1.ShadyCSS||t$3$1.Shady
|
|
|
225
245
|
`}}_Accordion_handleTransition=new WeakMap,_Accordion_instances=new WeakSet,_Accordion_accordionTrigger_get=function(){return this.renderRoot.querySelector(".m-accordion-trigger")},_Accordion_accordionPanel_get=function(){return this.renderRoot.querySelector(".m-accordion-panel")},_Accordion_accordionContent_get=function(){return this.querySelector("m-accordion-content")},_Accordion_handleExpand=function(){__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionTrigger_get).setAttribute("aria-expanded",`${this.expanded&&!this.disabled}`),__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionPanel_get).style.height=`${this.panelHeight}px`,this.expanded&&!this.disabled?__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionContent_get).style.visibility="visible":setTimeout((()=>{__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionPanel_get).style.height="0px",__classPrivateFieldGet$1(this,_Accordion_instances,"a",_Accordion_accordionContent_get).style.visibility="hidden"}))},_Accordion_toggle=function(){this.expanded=!this.expanded,this.emit("m-toggle",{detail:{name:"accordion",value:this.expanded}})},Accordion.styles=[styles$I()],window.customElements.define("m-accordion",Accordion);class AccordionTitle extends Component{static get properties(){return{slot:{type:String,reflect:!0}}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","button"),this.slot="title"}render(){return x`
|
|
226
246
|
<slot name="leading"></slot>
|
|
227
247
|
<div class="m-accordion-text"><slot></slot></div>
|
|
228
|
-
`}}AccordionTitle.styles=[accordionTitleStyles()],window.customElements.define("m-accordion-title",AccordionTitle);class AccordionContent extends s$
|
|
248
|
+
`}}AccordionTitle.styles=[accordionTitleStyles()],window.customElements.define("m-accordion-title",AccordionTitle);class AccordionContent extends s$a{static get properties(){return{slot:{type:String,reflect:!0}}}connectedCallback(){super.connectedCallback(),this.slot="content"}render(){return x`<div class="m-accordion-content"><slot></slot></div>`}}function styles$G(){return i$5`
|
|
229
249
|
:host {
|
|
230
250
|
display: block;
|
|
231
251
|
}
|
|
232
252
|
`}
|
|
233
|
-
/**
|
|
234
|
-
* @license
|
|
235
|
-
* Copyright 2020 Google LLC
|
|
236
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
237
|
-
*/AccordionContent.styles=[accordionContentStyles()],window.customElements.define("m-accordion-content",AccordionContent);const e$5=Symbol.for(""),l$2=t=>{if((null==t?void 0:t.r)===e$5)return null==t?void 0:t._$litStatic$},o$3=t=>({_$litStatic$:t,r:e$5}),i$3=(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$5}),s$4=new Map,a=t=>(e,...o)=>{const i=o.length;let r,n;const s=[],a=[];let l,c=0,d=!1;for(;c<i;){for(l=e[c];c<i&&void 0!==(n=o[c],r=l$2(n));)l+=r+e[++c],d=!0;c!==i&&a.push(n),s.push(l),c++}if(c===i&&s.push(e[i]),d){const t=s.join("$$lit$$");void 0===(e=s$4.get(t))&&(s.raw=s,s$4.set(t,e=s)),o=a}return t(e,...o)},n$4=a(x),l$1=t=>null!=t?t:A$1
|
|
238
|
-
/**
|
|
239
|
-
* @license
|
|
240
|
-
* Copyright 2017 Google LLC
|
|
241
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
242
|
-
*/,t$3={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e$4=t=>(...e)=>({_$litDirective$:t,values:e});
|
|
243
253
|
/**
|
|
244
254
|
* @license
|
|
245
255
|
* Copyright 2018 Google LLC
|
|
246
256
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
247
|
-
*/
|
|
248
|
-
/**
|
|
249
|
-
* @license
|
|
250
|
-
* Copyright 2018 Google LLC
|
|
251
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
252
|
-
*/const o$2=e$4(class extends i$2{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 r=t.element.classList;this.it.forEach((t=>{t in e||(r.remove(t),this.it.delete(t))}));for(const t in e){const o=!!e[t];o===this.it.has(t)||(null===(i=this.nt)||void 0===i?void 0:i.has(t))||(o?(r.add(t),this.it.add(t)):(r.remove(t),this.it.delete(t)))}return T$1}});var _FormControl_form,_FormControl_updateAssignedForm,_Button_instances,_Button_element_get,_Button_isDisabled,_Button_getRole,_Button_setDisabled,_Button_setTabIndex,_Button_handleClick,_Button_isLink,_Badge_instances,_Badge_counter_get,_Badge_formatCounter;class FormControl extends s$7{constructor(){super(...arguments),_FormControl_form.set(this,void 0),this.getForm=()=>__classPrivateFieldGet$1(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$1(this,_FormControl_form,"f"))&&__classPrivateFieldGet$1(this,_FormControl_updateAssignedForm,"f").call(this)}}function styles$F(){return i$5`
|
|
257
|
+
*/AccordionContent.styles=[accordionContentStyles()],window.customElements.define("m-accordion-content",AccordionContent);const l$2=t=>null!=t?t:A$1;function styles$F(t="#button"){return i$5`
|
|
253
258
|
:host {
|
|
259
|
+
contain: layout style;
|
|
260
|
+
|
|
254
261
|
--m-button-background-color: transparent;
|
|
255
262
|
--m-button-base-size: ${getToken("global-height-default")};
|
|
256
263
|
--m-button-border-color: ${getColor("color-neutral-90")};
|
|
257
264
|
--m-button-border-radius: ${getToken("border-radius-s")};
|
|
258
265
|
--m-button-color: ${getColor("color-text-secondary")};
|
|
259
|
-
--m-button-outline-color:
|
|
266
|
+
--m-button-outline-color: transparent;
|
|
260
267
|
--m-button-outline-offset: 2px;
|
|
261
268
|
--m-button-padding-x: ${getToken("spacing-4")};
|
|
262
269
|
--m-button-padding-y: ${getToken("spacing-3")};
|
|
270
|
+
|
|
263
271
|
/**
|
|
264
272
|
* Useful when overriding via host :slotted query.
|
|
265
273
|
*/
|
|
266
274
|
--m-button-font-size: ${getToken("font-size-3")};
|
|
267
275
|
}
|
|
268
276
|
|
|
277
|
+
:host([hidden]) {
|
|
278
|
+
display: none;
|
|
279
|
+
}
|
|
280
|
+
|
|
269
281
|
:host([size='small']) {
|
|
270
282
|
--m-button-base-size: ${getToken("global-height-small")};
|
|
271
283
|
}
|
|
@@ -288,8 +300,8 @@ const t$3$1=window,e$5$1=t$3$1.ShadowRoot&&(void 0===t$3$1.ShadyCSS||t$3$1.Shady
|
|
|
288
300
|
border-radius: var(--m-button-border-radius);
|
|
289
301
|
}
|
|
290
302
|
|
|
291
|
-
|
|
292
|
-
${transition([{property:"color"},{property:"background-color"},{property:"border-color"}])};
|
|
303
|
+
${r$9(t)} {
|
|
304
|
+
${transition([{property:"color"},{property:"background-color"},{property:"border-color"},{property:"outline-color"}])};
|
|
293
305
|
|
|
294
306
|
${typography("button-md")};
|
|
295
307
|
font-size: var(--m-button-font-size);
|
|
@@ -318,22 +330,24 @@ const t$3$1=window,e$5$1=t$3$1.ShadowRoot&&(void 0===t$3$1.ShadyCSS||t$3$1.Shady
|
|
|
318
330
|
border: 1px solid var(--m-button-border-color);
|
|
319
331
|
|
|
320
332
|
border-radius: var(--m-button-border-radius);
|
|
333
|
+
|
|
334
|
+
outline: 1px solid var(--m-button-outline-color);
|
|
335
|
+
outline-offset: var(--m-button-outline-offset);
|
|
321
336
|
}
|
|
322
337
|
|
|
323
|
-
|
|
324
|
-
cursor:
|
|
338
|
+
:host(:disabled) {
|
|
339
|
+
cursor: not-allowed;
|
|
325
340
|
}
|
|
326
341
|
|
|
327
|
-
|
|
342
|
+
:host(:disabled) * {
|
|
328
343
|
pointer-events: none;
|
|
329
344
|
}
|
|
330
345
|
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
outline-offset: var(--m-button-outline-offset);
|
|
346
|
+
:host(:enabled:focus-within) {
|
|
347
|
+
--m-button-outline-color: ${getColor("color-primary-100")};
|
|
334
348
|
}
|
|
335
349
|
|
|
336
|
-
|
|
350
|
+
:host(:enabled:hover) {
|
|
337
351
|
--m-button-background-color: ${getColor("color-background-inverted")};
|
|
338
352
|
--m-button-border-color: ${getColor("color-background-inverted")};
|
|
339
353
|
--m-button-color: ${getColor("color-text-inverted")};
|
|
@@ -354,243 +368,236 @@ const t$3$1=window,e$5$1=t$3$1.ShadowRoot&&(void 0===t$3$1.ShadyCSS||t$3$1.Shady
|
|
|
354
368
|
justify-content: center;
|
|
355
369
|
}
|
|
356
370
|
`}function styles$E(){return[styles$F(),i$5`
|
|
357
|
-
|
|
358
|
-
visibility: hidden;
|
|
359
|
-
}
|
|
360
|
-
|
|
361
|
-
.button.-primary {
|
|
371
|
+
:host([variant='primary']) {
|
|
362
372
|
--m-button-background-color: ${getColor("color-primary-60")};
|
|
363
373
|
--m-button-border-color: ${getColor("color-primary-60")};
|
|
364
374
|
--m-button-color: ${getColor("color-text-inverted")};
|
|
365
375
|
}
|
|
366
376
|
|
|
367
|
-
|
|
377
|
+
:host([variant='primary']:disabled) {
|
|
368
378
|
--m-button-background-color: ${getColor("color-primary-20")};
|
|
369
379
|
--m-button-border-color: ${getColor("color-primary-20")};
|
|
370
380
|
}
|
|
371
381
|
|
|
372
|
-
|
|
382
|
+
:host([variant='primary']:enabled:focus-within) {
|
|
373
383
|
--m-button-border-color: ${getColor("color-primary-60")};
|
|
374
384
|
--m-button-outline-color: ${getColor("color-primary-60")};
|
|
375
385
|
}
|
|
376
386
|
|
|
377
|
-
|
|
378
|
-
|
|
387
|
+
:host([variant='primary']:not([loading]):enabled:hover),
|
|
388
|
+
:host([variant='primary']:not([loading]):enabled:active) {
|
|
379
389
|
--m-button-background-color: ${getColor("color-primary-100")};
|
|
380
390
|
--m-button-border-color: ${getColor("color-primary-100")};
|
|
381
391
|
}
|
|
382
392
|
|
|
383
|
-
|
|
393
|
+
:host([variant='primary'][loading]) {
|
|
384
394
|
--m-button-background-color: ${getColor("color-primary-60")};
|
|
385
395
|
--m-button-border-color: ${getColor("color-primary-60")};
|
|
386
396
|
--m-button-color: ${getColor("color-text-inverted")};
|
|
387
397
|
}
|
|
388
398
|
|
|
389
|
-
|
|
399
|
+
:host([variant='secondary']) {
|
|
390
400
|
--m-button-background-color: transparent;
|
|
391
401
|
--m-button-border-color: ${getColor("color-primary-100")};
|
|
392
402
|
--m-button-color: ${getColor("color-primary-100")};
|
|
393
403
|
}
|
|
394
404
|
|
|
395
|
-
|
|
405
|
+
:host([variant='secondary']:disabled) {
|
|
396
406
|
--m-button-border-color: ${getColor("color-text-disabled")};
|
|
397
407
|
--m-button-color: ${getColor("color-text-disabled")};
|
|
398
408
|
}
|
|
399
409
|
|
|
400
|
-
|
|
410
|
+
:host([variant='secondary']:enabled:focus-within) {
|
|
401
411
|
--m-button-border-color: ${getColor("color-primary-100")};
|
|
402
412
|
--m-button-color: ${getColor("color-primary-100")};
|
|
403
413
|
|
|
404
414
|
--m-button-outline-color: ${getColor("color-primary-60")};
|
|
405
415
|
}
|
|
406
416
|
|
|
407
|
-
|
|
408
|
-
|
|
417
|
+
:host([variant='secondary']:not([loading]):enabled:hover),
|
|
418
|
+
:host([variant='secondary']:not([loading]):enabled:active) {
|
|
409
419
|
--m-button-background-color: ${getColor("color-background-tertiary")};
|
|
410
420
|
--m-button-border-color: ${getColor("color-primary-60")};
|
|
411
421
|
--m-button-color: ${getColor("color-primary-60")};
|
|
412
422
|
}
|
|
413
423
|
|
|
414
|
-
|
|
424
|
+
:host([variant='secondary'][loading]) {
|
|
415
425
|
--m-button-background-color: transparent;
|
|
416
426
|
|
|
417
427
|
--m-button-border-color: ${getColor("color-primary-100")};
|
|
418
428
|
--m-button-color: ${getColor("color-primary-100")};
|
|
419
429
|
}
|
|
420
430
|
|
|
421
|
-
|
|
431
|
+
:host([variant='tertiary']) {
|
|
422
432
|
--m-button-background-color: transparent;
|
|
423
433
|
--m-button-border-color: transparent;
|
|
424
434
|
--m-button-color: ${getColor("color-primary-100")};
|
|
425
435
|
}
|
|
426
436
|
|
|
427
|
-
|
|
437
|
+
:host([variant='tertiary']:disabled) {
|
|
428
438
|
--m-button-color: ${getColor("color-text-disabled")};
|
|
429
439
|
}
|
|
430
440
|
|
|
431
|
-
|
|
441
|
+
:host([variant='tertiary']:enabled:focus-within) {
|
|
432
442
|
--m-button-color: ${getColor("color-primary-100")};
|
|
433
443
|
--m-button-outline-color: ${getColor("color-primary-60")};
|
|
434
444
|
}
|
|
435
445
|
|
|
436
|
-
|
|
446
|
+
:host([variant='tertiary']:enabled:hover) {
|
|
437
447
|
--m-button-background-color: ${getColor("color-background-tertiary")};
|
|
438
448
|
--m-button-border-color: ${getColor("color-background-tertiary")};
|
|
439
449
|
--m-button-color: ${getColor("color-primary-60")};
|
|
440
450
|
}
|
|
441
451
|
|
|
442
|
-
|
|
452
|
+
:host([variant='tertiary']) #button:active {
|
|
443
453
|
--m-button-background-color: ${getColor("color-neutral-20")};
|
|
444
454
|
--m-button-border-color: ${getColor("color-neutral-20")};
|
|
445
455
|
--m-button-color: ${getColor("color-primary-60")};
|
|
446
456
|
}
|
|
447
457
|
|
|
448
|
-
|
|
458
|
+
:host([variant='tertiary'][loading]) {
|
|
449
459
|
--m-button-background-color: transparent;
|
|
450
460
|
--m-button-border-color: transparent;
|
|
451
461
|
--m-button-color: ${getColor("color-primary-100")};
|
|
452
462
|
}
|
|
453
463
|
|
|
454
|
-
|
|
464
|
+
:host([variant='warning']) {
|
|
455
465
|
--m-button-background-color: ${getColor("color-warning-60")};
|
|
456
466
|
--m-button-border-color: ${getColor("color-warning-60")};
|
|
457
467
|
--m-button-color: ${getColor("color-text-primary")};
|
|
458
468
|
}
|
|
459
469
|
|
|
460
|
-
|
|
470
|
+
:host([variant='warning']:disabled) {
|
|
461
471
|
--m-button-background-color: ${getColor("color-warning-20")};
|
|
462
472
|
--m-button-border-color: ${getColor("color-warning-20")};
|
|
463
473
|
--m-button-color: ${getColor("color-text-inverted")};
|
|
464
474
|
}
|
|
465
475
|
|
|
466
|
-
|
|
476
|
+
:host([variant='warning']:enabled:focus-within) {
|
|
467
477
|
--m-button-background-color: ${getColor("color-warning-60")};
|
|
468
478
|
--m-button-outline-color: ${getColor("color-warning-60")};
|
|
469
479
|
}
|
|
470
480
|
|
|
471
|
-
|
|
472
|
-
|
|
481
|
+
:host([variant='warning']:hover),
|
|
482
|
+
:host([variant='warning']:active) {
|
|
473
483
|
--m-button-background-color: ${getColor("color-warning-100")};
|
|
474
484
|
--m-button-border-color: ${getColor("color-warning-100")};
|
|
475
485
|
--m-button-color: ${getColor("color-text-inverted")};
|
|
476
486
|
}
|
|
477
487
|
|
|
478
|
-
|
|
488
|
+
:host([variant='warning'][loading]) {
|
|
479
489
|
--m-button-background-color: ${getColor("color-warning-60")};
|
|
480
490
|
--m-button-border-color: ${getColor("color-warning-60")};
|
|
481
491
|
--m-button-color: ${getColor("color-text-primary")};
|
|
482
492
|
}
|
|
483
493
|
|
|
484
|
-
|
|
494
|
+
:host([variant='danger']) {
|
|
485
495
|
--m-button-background-color: ${getColor("color-danger-60")};
|
|
486
496
|
--m-button-border-color: ${getColor("color-danger-60")};
|
|
487
497
|
--m-button-color: ${getColor("color-text-inverted")};
|
|
488
498
|
}
|
|
489
499
|
|
|
490
|
-
|
|
500
|
+
:host([variant='danger']:disabled) {
|
|
491
501
|
--m-button-background-color: ${getColor("color-danger-20")};
|
|
492
502
|
--m-button-border-color: ${getColor("color-danger-20")};
|
|
493
503
|
}
|
|
494
504
|
|
|
495
|
-
|
|
505
|
+
:host([variant='danger']:enabled:focus-within) {
|
|
496
506
|
--m-button-background-color: ${getColor("color-danger-60")};
|
|
497
507
|
--m-button-outline-color: ${getColor("color-danger-60")};
|
|
498
508
|
}
|
|
499
509
|
|
|
500
|
-
|
|
501
|
-
|
|
510
|
+
:host([variant='danger']:hover),
|
|
511
|
+
:host([variant='danger']:active) {
|
|
502
512
|
--m-button-background-color: ${getColor("color-danger-100")};
|
|
503
513
|
--m-button-border-color: ${getColor("color-danger-100")};
|
|
504
514
|
}
|
|
505
515
|
|
|
506
|
-
|
|
516
|
+
:host([variant='danger'][loading]) {
|
|
507
517
|
--m-button-background-color: ${getColor("color-danger-60")};
|
|
508
518
|
--m-button-border-color: ${getColor("color-danger-60")};
|
|
509
519
|
--m-button-color: ${getColor("color-text-inverted")};
|
|
510
520
|
}
|
|
511
521
|
|
|
512
|
-
|
|
513
|
-
.button.-icon-secondary {
|
|
522
|
+
:host([variant|='icon']) {
|
|
514
523
|
--m-button-color: ${getColor("color-neutral-90")};
|
|
515
524
|
--m-button-padding-x: ${getToken("spacing-1")};
|
|
516
525
|
--m-button-padding-y: ${getToken("spacing-1")};
|
|
517
526
|
}
|
|
518
527
|
|
|
519
|
-
|
|
528
|
+
:host([variant='icon']) {
|
|
520
529
|
--m-button-background-color: ${getColor("color-background-tertiary")};
|
|
521
530
|
--m-button-border-color: ${getColor("color-background-tertiary")};
|
|
522
531
|
}
|
|
523
532
|
|
|
524
|
-
|
|
533
|
+
:host([variant='icon-secondary']) {
|
|
525
534
|
--m-button-background-color: transparent;
|
|
526
535
|
--m-button-border-color: transparent;
|
|
527
536
|
}
|
|
528
537
|
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
.button.-icon-secondary slot[name='leading']::slotted(*),
|
|
532
|
-
.button.-icon-secondary slot[name='trailing']::slotted(*) {
|
|
538
|
+
:host([variant|='icon']) slot[name='leading']::slotted(*),
|
|
539
|
+
:host([variant|='icon']) slot[name='trailing']::slotted(*) {
|
|
533
540
|
display: none;
|
|
534
541
|
}
|
|
535
542
|
|
|
536
|
-
|
|
543
|
+
:host([variant|='icon']:disabled) {
|
|
537
544
|
--m-button-color: ${getColor("color-neutral-40")};
|
|
538
545
|
}
|
|
539
546
|
|
|
540
|
-
|
|
547
|
+
:host([variant='icon']:disabled) {
|
|
541
548
|
--m-button-background-color: ${getColor("color-neutral-20")};
|
|
542
549
|
--m-button-border-color: ${getColor("color-neutral-20")};
|
|
543
550
|
}
|
|
544
551
|
|
|
545
|
-
|
|
552
|
+
:host([variant='icon-secondary']:disabled) {
|
|
546
553
|
--m-button-background-color: transparent;
|
|
547
554
|
--m-button-border-color: transparent;
|
|
548
555
|
}
|
|
549
556
|
|
|
550
|
-
|
|
557
|
+
:host([variant|='icon']:enabled:focus-within) {
|
|
551
558
|
--m-button-color: ${getColor("color-primary-60")};
|
|
552
559
|
--m-button-outline-color: ${getColor("color-primary-60")};
|
|
553
560
|
}
|
|
554
561
|
|
|
555
|
-
|
|
562
|
+
:host([variant='icon']:enabled:focus-within) {
|
|
556
563
|
--m-button-background-color: ${getColor("color-neutral-20")};
|
|
557
564
|
}
|
|
558
565
|
|
|
559
|
-
|
|
566
|
+
:host([variant='icon-secondary']:enabled:focus-within) {
|
|
560
567
|
--m-button-background-color: transparent;
|
|
561
568
|
}
|
|
562
569
|
|
|
563
|
-
|
|
564
|
-
|
|
570
|
+
:host([variant|='icon']:not([loading]):enabled:hover),
|
|
571
|
+
:host([variant|='icon']:not([loading]):enabled:active) {
|
|
565
572
|
--m-button-color: ${getColor("color-primary-60")};
|
|
566
573
|
}
|
|
567
574
|
|
|
568
|
-
|
|
569
|
-
|
|
575
|
+
:host([variant='icon']:not([loading]):enabled:hover),
|
|
576
|
+
:host([variant='icon']:not([loading]):enabled:active) {
|
|
570
577
|
--m-button-background-color: ${getColor("color-background-highlight")};
|
|
571
578
|
--m-button-border-color: ${getColor("color-background-highlight")};
|
|
572
579
|
}
|
|
573
580
|
|
|
574
|
-
|
|
575
|
-
|
|
581
|
+
:host([variant|='icon']:not([loading]):enabled:hover),
|
|
582
|
+
:host([variant|='icon']:not([loading]):enabled:active) {
|
|
576
583
|
--m-button-background-color: transparent;
|
|
577
584
|
--m-button-border-color: transparent;
|
|
578
585
|
}
|
|
579
586
|
|
|
580
|
-
|
|
587
|
+
:host([size='small']) {
|
|
581
588
|
--m-button-padding-y: ${getToken("spacing-2")};
|
|
582
589
|
|
|
583
590
|
${typography("button-sm")};
|
|
584
591
|
}
|
|
585
592
|
|
|
586
|
-
|
|
593
|
+
:host([size='large']) {
|
|
587
594
|
--m-button-padding-y: ${getToken("spacing-4")};
|
|
588
595
|
|
|
589
596
|
${typography("button-lg")};
|
|
590
597
|
}
|
|
591
598
|
|
|
592
599
|
/* TODO: to be removed when the loading dots component is ready */
|
|
593
|
-
|
|
600
|
+
#loader {
|
|
594
601
|
position: absolute;
|
|
595
602
|
inset: 0;
|
|
596
603
|
|
|
@@ -598,31 +605,66 @@ const t$3$1=window,e$5$1=t$3$1.ShadowRoot&&(void 0===t$3$1.ShadyCSS||t$3$1.Shady
|
|
|
598
605
|
align-items: center;
|
|
599
606
|
justify-content: center;
|
|
600
607
|
|
|
601
|
-
|
|
608
|
+
cursor: not-allowed;
|
|
609
|
+
user-select: none;
|
|
610
|
+
|
|
611
|
+
background-color: var(--m-button-background-color);
|
|
612
|
+
color: var(--m-button-color);
|
|
613
|
+
border: 1px solid var(--m-button-border-color);
|
|
614
|
+
border-radius: var(--m-button-border-radius);
|
|
615
|
+
|
|
616
|
+
z-index: 1;
|
|
602
617
|
}
|
|
603
|
-
`]}
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
618
|
+
`]}var _Button_handleDisabledChange,_Button_handleClick,_Button_handleLinkClick,_Button_handleSubmit,_Button_handleReset,_Button_isDisabled,_Button_isLink;class Button extends FormComponent{static get properties(){return{...super.properties,loading:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0},size:{type:String,reflect:!0},type:{type:String,reflect:!0},form:{type:String},formaction:{type:String},formenctype:{type:String},formmethod:{type:String},formnovalidate:{type:Boolean},formtarget:{type:String},href:{type:String,reflect:!0},target:{type:String},download:{type:String}}}constructor(){super(),_Button_handleDisabledChange.set(this,(t=>{this.button&&(this.button.disabled=t)})),_Button_handleClick.set(this,(t=>{if(__classPrivateFieldGet$1(this,_Button_isDisabled,"f").call(this))return t.preventDefault(),void t.stopPropagation();"submit"===this.type?__classPrivateFieldGet$1(this,_Button_handleSubmit,"f").call(this):"reset"===this.type&&__classPrivateFieldGet$1(this,_Button_handleReset,"f").call(this)})),_Button_handleLinkClick.set(this,(t=>{__classPrivateFieldGet$1(this,_Button_isDisabled,"f").call(this)&&(t.preventDefault(),t.stopPropagation())})),this.getActualForm=()=>{const t=this.getAssociatedForm();if(t)return t;if(this.form){const t=this.getRootNode();return t instanceof ShadowRoot?t.getElementById(this.form):document.getElementById(this.form)}return null},_Button_handleSubmit.set(this,(()=>{const t=this.getActualForm();if(t)if(t.checkValidity()){const e=document.createElement("button");e.type=this.type,t.id&&e.setAttribute("form",t.id),this.appendChild(e),t.requestSubmit(e),e.remove(),this.focus()}else t.reportValidity()})),_Button_handleReset.set(this,(()=>{const t=this.getActualForm();t?.reset()})),_Button_isDisabled.set(this,(()=>Boolean(this.disabled)||Boolean(this.loading))),_Button_isLink.set(this,(()=>Boolean(this.href))),this.disabled=!1,this.loading=!1,this.size="default",this.type="button",this.variant="secondary",this.target="_self"}connectedCallback(){super.connectedCallback(),this.addEventListener("click",__classPrivateFieldGet$1(this,_Button_handleClick,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",__classPrivateFieldGet$1(this,_Button_handleClick,"f"))}update(t){(t.has("disabled")||t.has("loading"))&&__classPrivateFieldGet$1(this,_Button_handleDisabledChange,"f").call(this,__classPrivateFieldGet$1(this,_Button_isDisabled,"f").call(this)),super.update(t)}renderContent(){return x`
|
|
619
|
+
<slot name="leading"></slot>
|
|
620
|
+
<slot></slot>
|
|
621
|
+
<slot name="trailing"></slot>
|
|
622
|
+
`}renderAsButton(){return x`
|
|
623
|
+
<button
|
|
624
|
+
id="button"
|
|
625
|
+
type=${this.type??"button"}
|
|
626
|
+
formaction=${l$2(this.formaction)}
|
|
627
|
+
formenctype=${l$2(this.formenctype)}
|
|
628
|
+
formmethod=${l$2(this.formmethod)}
|
|
629
|
+
formnovalidate=${l$2(this.formnovalidate)}
|
|
630
|
+
formtarget=${l$2(this.formtarget)}
|
|
631
|
+
?disabled="${__classPrivateFieldGet$1(this,_Button_isDisabled,"f").call(this)}"
|
|
614
632
|
>
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
633
|
+
${this.renderContent()}
|
|
634
|
+
</button>
|
|
635
|
+
`}renderAsLink(){return x`
|
|
636
|
+
<a
|
|
637
|
+
id="button"
|
|
638
|
+
aria-disabled=${this.disabled?"true":"false"}
|
|
639
|
+
tabindex=${this.disabled?"-1":A$1}
|
|
640
|
+
href=${l$2(this.href)}
|
|
641
|
+
target=${l$2(this.target)}
|
|
642
|
+
download=${l$2(this.download)}
|
|
643
|
+
rel=${"_blank"===this.target?"noreferrer noopener":A$1}
|
|
644
|
+
@click=${__classPrivateFieldGet$1(this,_Button_handleLinkClick,"f")}
|
|
645
|
+
>
|
|
646
|
+
${this.renderContent()}
|
|
647
|
+
</a>
|
|
648
|
+
`}render(){const t=__classPrivateFieldGet$1(this,_Button_isLink,"f").call(this);return x`
|
|
649
|
+
<!-- TODO: Replace this with the loading dots component as soon as it is ready. -->
|
|
650
|
+
${this.loading&&!["icon","icon-secondary"].includes(this.variant)?x`<span id="loader">●●●</span>`:A$1}
|
|
651
|
+
${t?this.renderAsLink():this.renderAsButton()}
|
|
652
|
+
`}get button(){return this.renderRoot?.querySelector("button")??null}get anchor(){return this.renderRoot?.querySelector("a")??null}formDisabledCallback(t){super.formDisabledCallback(t),__classPrivateFieldGet$1(this,_Button_handleDisabledChange,"f").call(this,t)}}_Button_handleDisabledChange=new WeakMap,_Button_handleClick=new WeakMap,_Button_handleLinkClick=new WeakMap,_Button_handleSubmit=new WeakMap,_Button_handleReset=new WeakMap,_Button_isDisabled=new WeakMap,_Button_isLink=new WeakMap,Button.shadowRootOptions={...s$a.shadowRootOptions,delegatesFocus:!0},Button.styles=[styles$E()],window.customElements.define("m-button",Button);class BackButton extends s$a{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="back-button"}render(){return x`
|
|
622
653
|
<m-button variant="icon" size="default">
|
|
623
654
|
<m-icon name="arrow-left"></m-icon>
|
|
624
655
|
</m-button>
|
|
625
|
-
`}}
|
|
656
|
+
`}}BackButton.styles=[styles$G()],window.customElements.define("m-back-button",BackButton);
|
|
657
|
+
/**
|
|
658
|
+
* @license
|
|
659
|
+
* Copyright 2017 Google LLC
|
|
660
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
661
|
+
*/
|
|
662
|
+
const t$2={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e$4=t=>(...e)=>({_$litDirective$:t,values:e});let i$2=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)}};
|
|
663
|
+
/**
|
|
664
|
+
* @license
|
|
665
|
+
* Copyright 2018 Google LLC
|
|
666
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
667
|
+
*/const o$3=e$4(class extends i$2{constructor(t){var e;if(super(t),t.type!==t$2.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 r=t.element.classList;this.it.forEach((t=>{t in e||(r.remove(t),this.it.delete(t))}));for(const t in e){const o=!!e[t];o===this.it.has(t)||(null===(i=this.nt)||void 0===i?void 0:i.has(t))||(o?(r.add(t),this.it.add(t)):(r.remove(t),this.it.delete(t)))}return T$1}});function styles$D(){return i$5`
|
|
626
668
|
:host {
|
|
627
669
|
--m-host-size: 24px;
|
|
628
670
|
--m-badge-size: 12px;
|
|
@@ -674,10 +716,10 @@ const t$3$1=window,e$5$1=t$3$1.ShadowRoot&&(void 0===t$3$1.ShadyCSS||t$3$1.Shady
|
|
|
674
716
|
inline-size: 24px;
|
|
675
717
|
--m-badge-border-radius: ${getToken("border-radius-m")};
|
|
676
718
|
}
|
|
677
|
-
`}
|
|
719
|
+
`}var _Badge_instances,_Badge_counter_get,_Badge_formatCounter;class Badge extends s$a{static get properties(){return{counter:{type:Number,reflect:!0},placement:{type:String,reflect:!0},size:{type:String,reflect:!0}}}constructor(){super(),_Badge_instances.add(this),this.counter=1,this.placement="top-right",this.size="default"}render(){return x`
|
|
678
720
|
<slot></slot>
|
|
679
721
|
<span
|
|
680
|
-
class=${o$
|
|
722
|
+
class=${o$3({badge:!0,"-hidden":__classPrivateFieldGet$1(this,_Badge_instances,"a",_Badge_counter_get)<=0,"-large-badge":__classPrivateFieldGet$1(this,_Badge_instances,"a",_Badge_counter_get)>=10&&__classPrivateFieldGet$1(this,_Badge_instances,"a",_Badge_counter_get)<100,"-extra-large-badge":__classPrivateFieldGet$1(this,_Badge_instances,"a",_Badge_counter_get)>=100})}
|
|
681
723
|
>${__classPrivateFieldGet$1(this,_Badge_instances,"m",_Badge_formatCounter).call(this)}</span
|
|
682
724
|
>
|
|
683
725
|
`}}_Badge_instances=new WeakSet,_Badge_counter_get=function(){return"number"!=typeof this.counter||Number.isNaN(this.counter)||this.counter<0?0:this.counter},_Badge_formatCounter=function(){return"default"===this.size?__classPrivateFieldGet$1(this,_Badge_instances,"a",_Badge_counter_get)>99?"99+":__classPrivateFieldGet$1(this,_Badge_instances,"a",_Badge_counter_get):A$1},Badge.styles=[styles$D()],window.customElements.define("m-badge",Badge);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$C(){return i$5`
|
|
@@ -686,7 +728,7 @@ const t$3$1=window,e$5$1=t$3$1.ShadowRoot&&(void 0===t$3$1.ShadyCSS||t$3$1.Shady
|
|
|
686
728
|
justify-content: flex-end;
|
|
687
729
|
gap: ${getToken("spacing-2")};
|
|
688
730
|
}
|
|
689
|
-
`}window.customElements.define("m-banner-action-secondary",BannerActionSecondary);class BannerActions extends s$
|
|
731
|
+
`}window.customElements.define("m-banner-action-secondary",BannerActionSecondary);class BannerActions extends s$a{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","actions")}render(){return x`
|
|
690
732
|
<slot name="secondary-action"></slot>
|
|
691
733
|
<slot name="primary-action"></slot>
|
|
692
734
|
`}}function styles$B(){return i$5`
|
|
@@ -694,12 +736,12 @@ const t$3$1=window,e$5$1=t$3$1.ShadowRoot&&(void 0===t$3$1.ShadyCSS||t$3$1.Shady
|
|
|
694
736
|
${typography("body-md")};
|
|
695
737
|
color: ${getColor("color-text-secondary")};
|
|
696
738
|
}
|
|
697
|
-
`}BannerActions.styles=[styles$C()],window.customElements.define("m-banner-actions",BannerActions);class BannerDescription extends s$
|
|
739
|
+
`}BannerActions.styles=[styles$C()],window.customElements.define("m-banner-actions",BannerActions);class BannerDescription extends s$a{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","description")}render(){return x`<slot></slot>`}}BannerDescription.styles=[styles$B()],window.customElements.define("m-banner-description",BannerDescription);class BannerIcon extends s$a{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","icon")}render(){return x`<slot></slot>`}}function styles$A(){return i$5`
|
|
698
740
|
:host {
|
|
699
741
|
${typography("body-md-bold")};
|
|
700
742
|
color: ${getColor("color-text-secondary")};
|
|
701
743
|
}
|
|
702
|
-
`}window.customElements.define("m-banner-icon",BannerIcon);class BannerTitle extends s$
|
|
744
|
+
`}window.customElements.define("m-banner-icon",BannerIcon);class BannerTitle extends s$a{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","title")}render(){return x`<slot></slot>`}}function styles$z(){return i$5`
|
|
703
745
|
:host {
|
|
704
746
|
display: block;
|
|
705
747
|
width: 100%;
|
|
@@ -769,7 +811,7 @@ const t$3$1=window,e$5$1=t$3$1.ShadowRoot&&(void 0===t$3$1.ShadyCSS||t$3$1.Shady
|
|
|
769
811
|
flex-grow: 1;
|
|
770
812
|
gap: ${getToken("spacing-1")};
|
|
771
813
|
}
|
|
772
|
-
`}BannerTitle.styles=[styles$A()],window.customElements.define("m-banner-title",BannerTitle);var _KeyboardSupportController_handleKeyUp,_CloseButton_instances,_CloseButton_controllers,_CloseButton_button_get,_CloseButton_handleClick,
|
|
814
|
+
`}BannerTitle.styles=[styles$A()],window.customElements.define("m-banner-title",BannerTitle);var _KeyboardSupportController_handleKeyUp,_CloseButton_instances,_CloseButton_controllers,_CloseButton_button_get,_CloseButton_handleClick,indexFlGcVSBB={BASE_PIXELS:16,toRem:function(t,e=16){return parseInt(String(t),10)/e+"rem"}},e$3=indexFlGcVSBB,toRem$1=e$3.toRem,rem=getDefaultExportFromCjs(toRem$1);function toRem(t,e){return r$9(rem(t,e))}function styles$y(){return i$5`
|
|
773
815
|
:host {
|
|
774
816
|
/**
|
|
775
817
|
* TODO: name is misleading here.
|
|
@@ -857,7 +899,13 @@ const t$3$1=window,e$5$1=t$3$1.ShadowRoot&&(void 0===t$3$1.ShadyCSS||t$3$1.Shady
|
|
|
857
899
|
pointer-events: none;
|
|
858
900
|
user-select: none;
|
|
859
901
|
}
|
|
860
|
-
`}function getShortcutKey(t){return[t.alt?"alt":"",t.ctrl?"ctrl":"",t.meta?"cmd":"",t.shift?"shift":"",t.key.toLowerCase()].filter(Boolean).join("+")}class KeyboardSupportController{constructor(t,e,o){this.keymap=new Map,_KeyboardSupportController_handleKeyUp.set(this,(t=>{const e=getShortcutKey({key:t.key,meta:t.metaKey,shift:t.shiftKey,ctrl:t.ctrlKey,alt:t.altKey});if(this.keymap.has(e)){this.keymap.get(e)(t)}else;})),this.keymap=new Map(toArray$1(e).reduce(((t,{shortcut:e,handler:o})=>t.concat(toArray$1(e).map((t=>[getShortcutKey(t),o])))),[])),this.getEventTarget=o?.getEventTarget??(()=>t),(this.host=t).addController(this)}async hostConnected(){this.getEventTarget(this.host).addEventListener("keyup",__classPrivateFieldGet$1(this,_KeyboardSupportController_handleKeyUp,"f"))}hostDisconnected(){this.getEventTarget(this.host).removeEventListener("keyup",__classPrivateFieldGet$1(this,_KeyboardSupportController_handleKeyUp,"f"))}}_KeyboardSupportController_handleKeyUp=new WeakMap;class CloseButton extends Component{static get properties(){return{controls:{type:String},disabled:{type:Boolean,reflect:!0},inverted:{type:Boolean,reflect:!0},label:{type:String},size:{type:String,reflect:!0}}}constructor(){super(),_CloseButton_instances.add(this),_CloseButton_controllers.set(this,void 0),_CloseButton_handleClick.set(this,(()=>{this.disabled||this.emit("m-close")})),this.disabled=!1,this.inverted=!1,this.label="Close",this.size="default",__classPrivateFieldSet(this,_CloseButton_controllers,{keyboard:new KeyboardSupportController(this,[{shortcut:[{key:"Enter"},{key:" "}],handler:t=>{const{target:e}=t;e&&__classPrivateFieldGet$1(this,_CloseButton_handleClick,"f").call(this)}}])},"f")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","button"),this.controls&&this.setAttribute("aria-controls",this.controls),this.addEventListener("click",__classPrivateFieldGet$1(this,_CloseButton_handleClick,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",__classPrivateFieldGet$1(this,_CloseButton_handleClick,"f"))}update(t){super.update(t),t.has("label")&&!this.hasAttribute("aria-label")&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label")),t.has("disabled")&&(this.disabled?(this.setAttribute("aria-disabled","true"),this.setAttribute("tabindex","-1")):(this.setAttribute("tabindex","0"),this.removeAttribute("aria-disabled")))}render(){return x`<m-icon name="close"></m-icon>`}focus(t){__classPrivateFieldGet$1(this,_CloseButton_instances,"a",_CloseButton_button_get)?.focus(t)}}function
|
|
902
|
+
`}function getShortcutKey(t){return[t.alt?"alt":"",t.ctrl?"ctrl":"",t.meta?"cmd":"",t.shift?"shift":"",t.key.toLowerCase()].filter(Boolean).join("+")}class KeyboardSupportController{constructor(t,e,o){this.keymap=new Map,_KeyboardSupportController_handleKeyUp.set(this,(t=>{const e=getShortcutKey({key:t.key,meta:t.metaKey,shift:t.shiftKey,ctrl:t.ctrlKey,alt:t.altKey});if(this.keymap.has(e)){this.keymap.get(e)(t)}else;})),this.keymap=new Map(toArray$1(e).reduce(((t,{shortcut:e,handler:o})=>t.concat(toArray$1(e).map((t=>[getShortcutKey(t),o])))),[])),this.getEventTarget=o?.getEventTarget??(()=>t),(this.host=t).addController(this)}async hostConnected(){this.getEventTarget(this.host).addEventListener("keyup",__classPrivateFieldGet$1(this,_KeyboardSupportController_handleKeyUp,"f"))}hostDisconnected(){this.getEventTarget(this.host).removeEventListener("keyup",__classPrivateFieldGet$1(this,_KeyboardSupportController_handleKeyUp,"f"))}}_KeyboardSupportController_handleKeyUp=new WeakMap;class CloseButton extends Component{static get properties(){return{controls:{type:String},disabled:{type:Boolean,reflect:!0},inverted:{type:Boolean,reflect:!0},label:{type:String},size:{type:String,reflect:!0}}}constructor(){super(),_CloseButton_instances.add(this),_CloseButton_controllers.set(this,void 0),_CloseButton_handleClick.set(this,(()=>{this.disabled||this.emit("m-close")})),this.disabled=!1,this.inverted=!1,this.label="Close",this.size="default",__classPrivateFieldSet(this,_CloseButton_controllers,{keyboard:new KeyboardSupportController(this,[{shortcut:[{key:"Enter"},{key:" "}],handler:t=>{const{target:e}=t;e&&__classPrivateFieldGet$1(this,_CloseButton_handleClick,"f").call(this)}}])},"f")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","button"),this.controls&&this.setAttribute("aria-controls",this.controls),this.addEventListener("click",__classPrivateFieldGet$1(this,_CloseButton_handleClick,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",__classPrivateFieldGet$1(this,_CloseButton_handleClick,"f"))}update(t){super.update(t),t.has("label")&&!this.hasAttribute("aria-label")&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label")),t.has("disabled")&&(this.disabled?(this.setAttribute("aria-disabled","true"),this.setAttribute("tabindex","-1")):(this.setAttribute("tabindex","0"),this.removeAttribute("aria-disabled")))}render(){return x`<m-icon name="close"></m-icon>`}focus(t){__classPrivateFieldGet$1(this,_CloseButton_instances,"a",_CloseButton_button_get)?.focus(t)}}_CloseButton_controllers=new WeakMap,_CloseButton_handleClick=new WeakMap,_CloseButton_instances=new WeakSet,_CloseButton_button_get=function(){return this.renderRoot.querySelector("button")??null},CloseButton.styles=[styles$y()],window.customElements.define("m-close-button",CloseButton);
|
|
903
|
+
/**
|
|
904
|
+
* @license
|
|
905
|
+
* Copyright 2020 Google LLC
|
|
906
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
907
|
+
*/
|
|
908
|
+
const e$2=Symbol.for(""),l$1=t=>{if((null==t?void 0:t.r)===e$2)return null==t?void 0:t._$litStatic$},o$2=t=>({_$litStatic$:t,r:e$2}),i$1=(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$2}),s$1=new Map,a=t=>(e,...o)=>{const i=o.length;let r,n;const s=[],a=[];let l,c=0,d=!1;for(;c<i;){for(l=e[c];c<i&&void 0!==(n=o[c],r=l$1(n));)l+=r+e[++c],d=!0;c!==i&&a.push(n),s.push(l),c++}if(c===i&&s.push(e[i]),d){const t=s.join("$$lit$$");void 0===(e=s$1.get(t))&&(s.raw=s,s$1.set(t,e=s)),o=a}return t(e,...o)},n$3=a(x);function styles$x(){return i$5`
|
|
861
909
|
:host {
|
|
862
910
|
--m-text-color: ${getColor("color-text-primary")};
|
|
863
911
|
--m-text-display: inline-block;
|
|
@@ -1002,7 +1050,7 @@ const t$3$1=window,e$5$1=t$3$1.ShadowRoot&&(void 0===t$3$1.ShadyCSS||t$3$1.Shady
|
|
|
1002
1050
|
white-space: nowrap;
|
|
1003
1051
|
max-width: var(--m-text-max-width);
|
|
1004
1052
|
}
|
|
1005
|
-
`}
|
|
1053
|
+
`}class Text extends s$a{static get properties(){return{as:{type:String,reflect:!0},color:{type:String,reflect:!0},ellipsized:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0}}}constructor(){super(),this.ellipsized=!1,this.variant="body-md"}update(t){if(super.update(t),t.has("color")&&this.color&&this.style.setProperty("--m-text-color",toCSSValue$1(this.color)),t.has("as")&&this.as){const[,t]=this.as.split("h");t?(this.ariaLevel=t,this.role="heading"):(this.ariaLevel=null,this.role=null)}}render(){return n$3`<slot></slot>`}}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$x()],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$1(this,_Banner_primaryAction,"f")&&__classPrivateFieldSet(this,_Banner_primaryAction,this.querySelector("m-banner-action-primary"),"f"),__classPrivateFieldGet$1(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$1;const t=null!=this.querySelector("*[slot='description']"),e=null!=this.querySelector("*[slot='actions']"),o=x`
|
|
1006
1054
|
<m-close-button
|
|
1007
1055
|
id="close"
|
|
1008
1056
|
label="Dismiss"
|
|
@@ -1010,7 +1058,7 @@ const t$3$1=window,e$5$1=t$3$1.ShadowRoot&&(void 0===t$3$1.ShadyCSS||t$3$1.Shady
|
|
|
1010
1058
|
></m-close-button>
|
|
1011
1059
|
`;return x`
|
|
1012
1060
|
<div
|
|
1013
|
-
class=${o$
|
|
1061
|
+
class=${o$3({banner:!0,"-success":"success"===this.variant,"-warning":"warning"===this.variant,"-danger":"danger"===this.variant,"-with-description":t})}
|
|
1014
1062
|
>
|
|
1015
1063
|
<div class="wrapper">
|
|
1016
1064
|
<slot name="icon">
|
|
@@ -1044,16 +1092,23 @@ const t$3$1=window,e$5$1=t$3$1.ShadowRoot&&(void 0===t$3$1.ShadyCSS||t$3$1.Shady
|
|
|
1044
1092
|
padding: ${getToken("spacing-6")};
|
|
1045
1093
|
}
|
|
1046
1094
|
`)}
|
|
1047
|
-
`}_Banner_primaryAction=new WeakMap,_Banner_handleDismissClick=new WeakMap,Banner.styles=[styles$z()],window.customElements.define("m-banner",Banner);class Body extends s$
|
|
1095
|
+
`}_Banner_primaryAction=new WeakMap,_Banner_handleDismissClick=new WeakMap,Banner.styles=[styles$z()],window.customElements.define("m-banner",Banner);class Body extends s$a{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="page-body"}render(){return n$3`<div class="body-wrapper"><slot></slot></div>`}}Body.styles=[styles$w()],window.customElements.define("m-body",Body);
|
|
1048
1096
|
/**
|
|
1049
1097
|
* @license
|
|
1050
1098
|
* Copyright 2018 Google LLC
|
|
1051
1099
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1052
1100
|
*/
|
|
1053
|
-
const i
|
|
1101
|
+
const i="important",n$2=" !"+i,o$1=e$4(class extends i$2{constructor(t){var e;if(super(t),t.type!==t$2.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 r=e[t];if(null!=r){this.ht.add(t);const e="string"==typeof r&&r.endsWith(n$2);t.includes("-")||e?o.setProperty(t,e?r.slice(0,-11):r,e?i:""):o[t]=r}}return T$1}});function cardStyles(){return i$5`
|
|
1054
1102
|
:host {
|
|
1055
1103
|
--m-card-background-color: ${getColor("color-background-primary")};
|
|
1056
1104
|
--m-card-padding: ${getToken("spacing-6")};
|
|
1105
|
+
--m-card-body-padding: var(--m-card-padding);
|
|
1106
|
+
--m-card-border-default: solid 1px ${getColor("color-border")};
|
|
1107
|
+
--m-card-border-top: var(--m-card-border-default);
|
|
1108
|
+
--m-card-border-left: var(--m-card-border-default);
|
|
1109
|
+
--m-card-border-bottom: var(--m-card-border-default);
|
|
1110
|
+
--m-card-border-right: var(--m-card-border-default);
|
|
1111
|
+
--m-card-border-radius: ${getToken("border-radius-s")};
|
|
1057
1112
|
}
|
|
1058
1113
|
|
|
1059
1114
|
.m-card {
|
|
@@ -1062,8 +1117,11 @@ const i$1="important",n$3=" !"+i$1,o$1=e$4(class extends i$2{constructor(t){var
|
|
|
1062
1117
|
flex-direction: row;
|
|
1063
1118
|
|
|
1064
1119
|
background-color: var(--m-card-background-color);
|
|
1065
|
-
border-radius:
|
|
1066
|
-
border:
|
|
1120
|
+
border-radius: var(--m-card-border-radius);
|
|
1121
|
+
border-top: var(--m-card-border-top);
|
|
1122
|
+
border-left: var(--m-card-border-left);
|
|
1123
|
+
border-bottom: var(--m-card-border-bottom);
|
|
1124
|
+
border-right: var(--m-card-border-right);
|
|
1067
1125
|
}
|
|
1068
1126
|
|
|
1069
1127
|
.m-card-flag {
|
|
@@ -1132,7 +1190,7 @@ const i$1="important",n$3=" !"+i$1,o$1=e$4(class extends i$2{constructor(t){var
|
|
|
1132
1190
|
}
|
|
1133
1191
|
`}function cardBodyStyles(){return i$5`
|
|
1134
1192
|
.m-card-body {
|
|
1135
|
-
padding: var(--m-card-padding);
|
|
1193
|
+
padding: var(--m-card-body-padding);
|
|
1136
1194
|
}
|
|
1137
1195
|
`}function cardSubtitleStyles(){return i$5`
|
|
1138
1196
|
:host {
|
|
@@ -1164,7 +1222,7 @@ const i$1="important",n$3=" !"+i$1,o$1=e$4(class extends i$2{constructor(t){var
|
|
|
1164
1222
|
:host {
|
|
1165
1223
|
--m-divider-margin-top: 0;
|
|
1166
1224
|
}
|
|
1167
|
-
`}const ALIGN_ITEMS_VALUES=["baseline","center","flex-start","flex-end","stretch"],JUSTIFY_CONTENT_VALUES=["center","flex-start","flex-end","space-between","space-around","space-evenly"];var _BaseLayout_setOrRemoveProperty;class BaseLayout extends s$
|
|
1225
|
+
`}const ALIGN_ITEMS_VALUES=["baseline","center","flex-start","flex-end","stretch"],JUSTIFY_CONTENT_VALUES=["center","flex-start","flex-end","space-between","space-around","space-evenly"];var _BaseLayout_setOrRemoveProperty;class BaseLayout extends s$a{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$1(this,_BaseLayout_setOrRemoveProperty,"f").call(this,`--m-${e}-padding-x`,this.paddingX),t.has("paddingY")&&__classPrivateFieldGet$1(this,_BaseLayout_setOrRemoveProperty,"f").call(this,`--m-${e}-padding-y`,this.paddingY),t.has("paddingT")&&__classPrivateFieldGet$1(this,_BaseLayout_setOrRemoveProperty,"f").call(this,`--m-${e}-padding-t`,this.paddingT),t.has("paddingB")&&__classPrivateFieldGet$1(this,_BaseLayout_setOrRemoveProperty,"f").call(this,`--m-${e}-padding-b`,this.paddingB),t.has("paddingL")&&__classPrivateFieldGet$1(this,_BaseLayout_setOrRemoveProperty,"f").call(this,`--m-${e}-padding-l`,this.paddingL),t.has("paddingR")&&__classPrivateFieldGet$1(this,_BaseLayout_setOrRemoveProperty,"f").call(this,`--m-${e}-padding-r`,this.paddingR)}render(){return x`<slot></slot>`}}function getBaseLayoutStyles(t){return i$5`
|
|
1168
1226
|
:host {
|
|
1169
1227
|
/** reset layout custom properties to avoid inheritance */
|
|
1170
1228
|
--m-${r$9(t)}-padding-x: initial;
|
|
@@ -1360,7 +1418,7 @@ const i$1="important",n$3=" !"+i$1,o$1=e$4(class extends i$2{constructor(t){var
|
|
|
1360
1418
|
${mediaTablet(generateSlicedStyles("md"))}
|
|
1361
1419
|
|
|
1362
1420
|
${mediaDesktop(generateSlicedStyles("lg"))}
|
|
1363
|
-
`}class Container extends s$
|
|
1421
|
+
`}class Container extends s$a{render(){return x`<slot name="row"></slot>`}}Container.CSSPropertiesPrefix="container",Container.styles=[containerStyles()],window.customElements.define("m-container",Container);class Row extends s$a{static get properties(){return{...super.properties,gap:{type:String},columnGap:{type:String,attribute:"column-gap"},rowGap:{type:String,attribute:"row-gap"}}}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","row")}update(t){if(super.update(t),t.has("gap")){const t=toSpacingCSSValue(this.gap,defaultRowProps.gap);this.style.setProperty("--m-row-gap",t),this.style.setProperty("--m-column-gap",t)}t.has("rowGap")&&(this.rowGap?this.style.setProperty("--m-row-gap",toSpacingCSSValue(this.rowGap)):this.style.removeProperty("--m-row-gap")),t.has("columnGap")&&(this.columnGap?this.style.setProperty("--m-column-gap",toSpacingCSSValue(this.columnGap)):this.style.removeProperty("--m-column-gap"))}render(){return x`<slot name="column"></slot>`}}Row.CSSPropertiesPrefix="row",Row.styles=[rowStyles()],window.customElements.define("m-row",Row);class Column extends s$a{static get properties(){return{...super.properties,sm:{type:String,reflect:!0},md:{type:String,reflect:!0},lg:{type:String,reflect:!0},offsetSm:{type:String,reflect:!0,attribute:"offset-sm"},offsetMd:{type:String,reflect:!0,attribute:"offset-md"},offsetLg:{type:String,reflect:!0,attribute:"offset-lg"}}}connectedCallback(){super.connectedCallback(),this.slot="column"}update(t){t.has("sm")&&(this.md=this.md??this.sm,this.lg=this.lg??this.md),t.has("md")&&(this.lg=this.lg??this.md),this.offsetSm=this.offsetSm??void 0,t.has("offsetSm")&&(this.offsetMd=this.offsetMd??this.offsetSm,this.offsetLg=this.offsetLg??this.offsetMd),t.has("offsetMd")&&(this.offsetLg=this.offsetLg??this.offsetMd),super.update(t)}render(){return x`<slot></slot>`}}var _Card_instances,_Card_toggle;Column.CSSPropertiesPrefix="column",Column.styles=[columnStyles()],window.customElements.define("m-column",Column);const defaultFlagColor="color-background-inverted";class Card extends Component{static get properties(){return{flagged:{type:Boolean},flagColor:{type:String,attribute:"flag-color"},collapsible:{type:Boolean},collapsed:{type:Boolean,state:!0}}}constructor(){super(),_Card_instances.add(this),this.flagged=!1,this.flagColor=defaultFlagColor,this.collapsible=!1,this.collapsed=!1}toggleCollapse(){__classPrivateFieldGet$1(this,_Card_instances,"m",_Card_toggle).call(this)}isExpanded(){if(this.collapsible)return this.collapsed?"false":"true"}firstUpdated(){const t=this.querySelector("m-card-title"),e=this.querySelector("m-card-subtitle"),o=this.renderRoot.querySelector(".m-title-wrapper");o&&(t||e?o.classList.remove("hidden"):o.classList.add("hidden"))}render(){return x`
|
|
1364
1422
|
<div
|
|
1365
1423
|
class="m-card"
|
|
1366
1424
|
style="${o$1({"--m-card-flag-color":toCSSValue$1(this.flagColor)})}"
|
|
@@ -1376,7 +1434,7 @@ const i$1="important",n$3=" !"+i$1,o$1=e$4(class extends i$2{constructor(t){var
|
|
|
1376
1434
|
id="collapse-trigger"
|
|
1377
1435
|
class="m-collapse-trigger"
|
|
1378
1436
|
@click="${__classPrivateFieldGet$1(this,_Card_instances,"m",_Card_toggle)}"
|
|
1379
|
-
aria-expanded="${l$
|
|
1437
|
+
aria-expanded="${l$2(this.isExpanded())}"
|
|
1380
1438
|
type="button"
|
|
1381
1439
|
>
|
|
1382
1440
|
<m-icon name="caret-down"></m-icon>
|
|
@@ -1384,7 +1442,7 @@ const i$1="important",n$3=" !"+i$1,o$1=e$4(class extends i$2{constructor(t){var
|
|
|
1384
1442
|
</m-group>
|
|
1385
1443
|
${this.collapsed?A$1:x`<slot name="divider"></slot>`}
|
|
1386
1444
|
<m-stack
|
|
1387
|
-
class="${o$
|
|
1445
|
+
class="${o$3({"m-collapsed-content":!!this.collapsed,"m-card-content":!this.collapsed})}"
|
|
1388
1446
|
gap="none"
|
|
1389
1447
|
>
|
|
1390
1448
|
<slot name="body"></slot>
|
|
@@ -1392,15 +1450,15 @@ const i$1="important",n$3=" !"+i$1,o$1=e$4(class extends i$2{constructor(t){var
|
|
|
1392
1450
|
</m-stack>
|
|
1393
1451
|
</div>
|
|
1394
1452
|
</div>
|
|
1395
|
-
`}}_Card_instances=new WeakSet,_Card_toggle=function(){this.collapsible&&(this.collapsed=!this.collapsed,this.emit("m-toggle",{detail:{name:"card",value:this.collapsed}}))},Card.styles=[cardStyles()],window.customElements.define("m-card",Card);class CardBody extends s$
|
|
1453
|
+
`}}_Card_instances=new WeakSet,_Card_toggle=function(){this.collapsible&&(this.collapsed=!this.collapsed,this.emit("m-toggle",{detail:{name:"card",value:this.collapsed}}))},Card.styles=[cardStyles()],window.customElements.define("m-card",Card);class CardBody extends s$a{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="body"}render(){return x`
|
|
1396
1454
|
<div class="m-card-body">
|
|
1397
1455
|
<slot></slot>
|
|
1398
1456
|
</div>
|
|
1399
|
-
`}}CardBody.styles=[cardBodyStyles()],window.customElements.define("m-card-body",CardBody);class CardSubtitle extends s$
|
|
1457
|
+
`}}CardBody.styles=[cardBodyStyles()],window.customElements.define("m-card-body",CardBody);class CardSubtitle extends s$a{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="subtitle"}render(){return x`
|
|
1400
1458
|
<div class="m-card-subtitle">
|
|
1401
1459
|
<slot></slot>
|
|
1402
1460
|
</div>
|
|
1403
|
-
`}}CardSubtitle.styles=[cardSubtitleStyles()],window.customElements.define("m-card-subtitle",CardSubtitle);class CardTitle extends s$
|
|
1461
|
+
`}}CardSubtitle.styles=[cardSubtitleStyles()],window.customElements.define("m-card-subtitle",CardSubtitle);class CardTitle extends s$a{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="title"}render(){return x`
|
|
1404
1462
|
<div class="m-card-title">
|
|
1405
1463
|
<slot name="leading"></slot>
|
|
1406
1464
|
<slot></slot>
|
|
@@ -1418,7 +1476,7 @@ const i$1="important",n$3=" !"+i$1,o$1=e$4(class extends i$2{constructor(t){var
|
|
|
1418
1476
|
var(--m-divider-margin-y, 0)
|
|
1419
1477
|
);
|
|
1420
1478
|
}
|
|
1421
|
-
`}CardTitle.styles=[cardTitleStyles()],window.customElements.define("m-card-title",CardTitle);class Divider extends s$
|
|
1479
|
+
`}CardTitle.styles=[cardTitleStyles()],window.customElements.define("m-card-title",CardTitle);class Divider extends s$a{render(){return x`<hr class="m-divider" />`}}Divider.styles=[styles$v()],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);class CardFooter extends s$a{static get properties(){return{slot:{type:String,reflect:!0},gap:{type:String},align:{type:String},justify:{type:String}}}constructor(){super(),this.slot="footer",this.gap="spacing-2",this.align="stretch",this.justify="flex-start"}render(){return x`<div class="m-card-footer">
|
|
1422
1480
|
<m-card-divider></m-card-divider>
|
|
1423
1481
|
<m-group
|
|
1424
1482
|
gap=${this.gap}
|
|
@@ -1429,36 +1487,79 @@ const i$1="important",n$3=" !"+i$1,o$1=e$4(class extends i$2{constructor(t){var
|
|
|
1429
1487
|
>
|
|
1430
1488
|
<slot></slot>
|
|
1431
1489
|
</m-group>
|
|
1432
|
-
</div>`}}window.customElements.define("m-card-footer",CardFooter);class CardActionPrimary extends Button{constructor(){super(),this.type="button",this.variant="primary"}}window.customElements.define("m-card-action-primary",CardActionPrimary);class CardActionSecondary extends Button{constructor(){super(),this.type="button",this.variant="secondary"}}window.customElements.define("m-card-action-secondary",CardActionSecondary);class CardActionTertiary extends Button{constructor(){super(),this.type="button",this.variant="tertiary"}}
|
|
1433
|
-
|
|
1490
|
+
</div>`}}window.customElements.define("m-card-footer",CardFooter);class CardActionPrimary extends Button{constructor(){super(),this.type="button",this.variant="primary"}}window.customElements.define("m-card-action-primary",CardActionPrimary);class CardActionSecondary extends Button{constructor(){super(),this.type="button",this.variant="secondary"}}window.customElements.define("m-card-action-secondary",CardActionSecondary);class CardActionTertiary extends Button{constructor(){super(),this.type="button",this.variant="tertiary"}}function styles$u(){return i$5`
|
|
1491
|
+
:host {
|
|
1492
|
+
contain: layout style;
|
|
1493
|
+
|
|
1494
|
+
display: flex;
|
|
1495
|
+
align-items: center;
|
|
1496
|
+
justify-content: flex-start;
|
|
1497
|
+
gap: ${getToken("spacing-2")};
|
|
1498
|
+
|
|
1499
|
+
box-sizing: border-box;
|
|
1500
|
+
block-size: 20px;
|
|
1501
|
+
|
|
1434
1502
|
border-radius: 2px;
|
|
1435
|
-
outline: 1px solid ${getColor("color-primary-60")};
|
|
1436
|
-
}
|
|
1437
1503
|
|
|
1438
|
-
|
|
1504
|
+
outline: 1px solid transparent;
|
|
1505
|
+
outline-offset: 2px;
|
|
1506
|
+
|
|
1507
|
+
color: ${getColor("color-text-tertiary")};
|
|
1508
|
+
|
|
1439
1509
|
${typography("body-md")};
|
|
1510
|
+
${transition([{property:"outline-color"},{property:"color"}])};
|
|
1511
|
+
}
|
|
1440
1512
|
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1513
|
+
:host([hidden]) {
|
|
1514
|
+
display: none;
|
|
1515
|
+
}
|
|
1516
|
+
|
|
1517
|
+
:host(:enabled:hover) {
|
|
1518
|
+
color: ${getColor("color-text-primary")};
|
|
1519
|
+
}
|
|
1520
|
+
|
|
1521
|
+
:host(:disabled) {
|
|
1522
|
+
color: ${getColor("color-text-disabled")};
|
|
1523
|
+
}
|
|
1524
|
+
|
|
1525
|
+
#input,
|
|
1526
|
+
#box,
|
|
1527
|
+
#check,
|
|
1528
|
+
#indeterminate {
|
|
1529
|
+
font-size: 100%;
|
|
1530
|
+
line-height: 1;
|
|
1446
1531
|
}
|
|
1447
1532
|
|
|
1448
|
-
|
|
1449
|
-
|
|
1533
|
+
#input {
|
|
1534
|
+
outline: none;
|
|
1535
|
+
box-sizing: border-box;
|
|
1536
|
+
opacity: 0.00001;
|
|
1537
|
+
z-index: 1;
|
|
1450
1538
|
cursor: pointer;
|
|
1539
|
+
block-size: 100%;
|
|
1540
|
+
inline-size: 100%;
|
|
1541
|
+
margin: 0;
|
|
1542
|
+
padding: 0;
|
|
1543
|
+
|
|
1544
|
+
position: absolute;
|
|
1545
|
+
overflow: visible;
|
|
1451
1546
|
}
|
|
1452
1547
|
|
|
1453
|
-
|
|
1454
|
-
--checkbox-input-size:
|
|
1548
|
+
#box {
|
|
1549
|
+
--checkbox-input-size: 1rem;
|
|
1550
|
+
|
|
1551
|
+
display: inline-flex;
|
|
1552
|
+
justify-content: center;
|
|
1553
|
+
align-items: center;
|
|
1455
1554
|
|
|
1456
1555
|
color: ${getColor("color-text-tertiary")};
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1556
|
+
|
|
1557
|
+
inline-size: var(--checkbox-input-size);
|
|
1558
|
+
block-size: var(--checkbox-input-size);
|
|
1559
|
+
box-sizing: border-box;
|
|
1560
|
+
|
|
1561
|
+
background-color: ${getColor("color-background-primary")};
|
|
1562
|
+
|
|
1462
1563
|
border-style: solid;
|
|
1463
1564
|
border-radius: ${getToken("border-radius-s")};
|
|
1464
1565
|
border-color: ${getColor("color-border-input")};
|
|
@@ -1467,103 +1568,84 @@ const i$1="important",n$3=" !"+i$1,o$1=e$4(class extends i$2{constructor(t){var
|
|
|
1467
1568
|
flex-grow: 0;
|
|
1468
1569
|
flex-shrink: 0;
|
|
1469
1570
|
flex-basis: var(--checkbox-input-size);
|
|
1470
|
-
${transition([{property:"border",...baseTransitionConfig},{property:"background",...baseTransitionConfig}])};
|
|
1471
|
-
}
|
|
1472
1571
|
|
|
1473
|
-
|
|
1474
|
-
.check-input:checked {
|
|
1475
|
-
background: ${getColor("color-primary-60")};
|
|
1476
|
-
border-color: ${getColor("color-primary-60")};
|
|
1572
|
+
${transition([{property:"border-color"},{property:"background-color"}])};
|
|
1477
1573
|
}
|
|
1478
1574
|
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
-
|
|
1575
|
+
#check,
|
|
1576
|
+
#indeterminate {
|
|
1577
|
+
--m-icon-size: 1em;
|
|
1578
|
+
--m-icon-color: transparent;
|
|
1579
|
+
|
|
1580
|
+
position: absolute;
|
|
1581
|
+
|
|
1582
|
+
pointer-events: none;
|
|
1583
|
+
display: none;
|
|
1482
1584
|
}
|
|
1483
1585
|
|
|
1484
|
-
|
|
1485
|
-
|
|
1486
|
-
|
|
1487
|
-
|
|
1586
|
+
#label {
|
|
1587
|
+
text-overflow: ellipsis;
|
|
1588
|
+
overflow: hidden;
|
|
1589
|
+
white-space: nowrap;
|
|
1488
1590
|
}
|
|
1489
1591
|
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
border-color: ${getColor("color-primary-100")};
|
|
1592
|
+
#input:is(:indeterminate, :checked) ~ #box {
|
|
1593
|
+
background-color: ${getColor("color-primary-60")};
|
|
1594
|
+
border-color: ${getColor("color-primary-60")};
|
|
1494
1595
|
}
|
|
1495
1596
|
|
|
1496
|
-
|
|
1597
|
+
#input:enabled:hover ~ #box {
|
|
1497
1598
|
border-color: ${getColor("color-primary-100")};
|
|
1498
1599
|
}
|
|
1499
1600
|
|
|
1500
|
-
:
|
|
1501
|
-
|
|
1502
|
-
color: ${getColor("color-text-disabled")};
|
|
1601
|
+
#input:is(:indeterminate, :checked):enabled:hover ~ #box {
|
|
1602
|
+
background-color: ${getColor("color-primary-100")};
|
|
1503
1603
|
}
|
|
1504
1604
|
|
|
1505
|
-
|
|
1506
|
-
|
|
1507
|
-
--m-icon-size: 1em;
|
|
1605
|
+
#input:indeterminate ~ #box #indeterminate,
|
|
1606
|
+
#input:checked:not(:indeterminate) ~ #box #check {
|
|
1508
1607
|
--m-icon-color: ${getColor("color-text-inverted")};
|
|
1509
1608
|
|
|
1510
|
-
|
|
1609
|
+
display: block;
|
|
1610
|
+
}
|
|
1511
1611
|
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
border-style: solid;
|
|
1515
|
-
border-color: transparent;
|
|
1516
|
-
border-radius: ${getToken("border-radius-s")};
|
|
1517
|
-
display: none;
|
|
1612
|
+
:host(:focus-within) {
|
|
1613
|
+
outline-color: ${getColor("color-primary-60")};
|
|
1518
1614
|
}
|
|
1519
1615
|
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
display: inline-flex;
|
|
1616
|
+
#input:disabled {
|
|
1617
|
+
cursor: default;
|
|
1523
1618
|
}
|
|
1524
|
-
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
|
|
1533
|
-
|
|
1534
|
-
|
|
1535
|
-
|
|
1536
|
-
|
|
1537
|
-
|
|
1619
|
+
|
|
1620
|
+
#input:disabled ~ #box {
|
|
1621
|
+
background-color: ${getColor("color-background-tertiary")};
|
|
1622
|
+
}
|
|
1623
|
+
|
|
1624
|
+
#input:indeterminate:disabled ~ #box,
|
|
1625
|
+
#input:checked:disabled ~ #box {
|
|
1626
|
+
background-color: ${getColor("color-primary-20")};
|
|
1627
|
+
border-color: ${getColor("color-primary-20")};
|
|
1628
|
+
}
|
|
1629
|
+
`}var _Checkbox_instances,_Checkbox_initialize,_Checkbox_handleCheckedChange,_Checkbox_handleDisabledChange,_Checkbox_handleIndeterminateChange,_Checkbox_handleValueChange,_Checkbox_handleInternalClick,_Checkbox_handleHostClick,_Checkbox_handleChange;window.customElements.define("m-card-action-tertiary",CardActionTertiary);class Checkbox extends FormComponent{constructor(){super(...arguments),_Checkbox_instances.add(this),_Checkbox_handleCheckedChange.set(this,(t=>{this.toggleAttribute("checked",t),this.input&&(this.input.checked=t,__classPrivateFieldGet$1(this,_Checkbox_handleValueChange,"f").call(this,this.value))})),_Checkbox_handleDisabledChange.set(this,(t=>{this.disabled=t,this.input&&(this.input.disabled=t)})),_Checkbox_handleIndeterminateChange.set(this,(t=>{this.toggleAttribute("indeterminate",t),this.input&&(this.input.indeterminate=t)})),_Checkbox_handleValueChange.set(this,(t=>{this.setFormValue(this.input?.checked?t??"on":null)})),_Checkbox_handleInternalClick.set(this,(t=>{this.disabled?t.preventDefault():(t.stopPropagation(),__classPrivateFieldGet$1(this,_Checkbox_handleValueChange,"f").call(this,this.value))})),_Checkbox_handleHostClick.set(this,(()=>{this.input?.click()})),_Checkbox_handleChange.set(this,(t=>{this.disabled?t.preventDefault():this.reemit(t)}))}static get properties(){return{...super.properties,checked:{type:Boolean,reflect:!0},initialChecked:{type:Boolean,attribute:"initial-checked"},indeterminate:{type:Boolean,reflect:!0},value:{type:String}}}createRenderRoot(){const t=super.createRenderRoot();return t.addEventListener("change",__classPrivateFieldGet$1(this,_Checkbox_handleChange,"f")),t}async connectedCallback(){super.connectedCallback(),this.addEventListener("click",__classPrivateFieldGet$1(this,_Checkbox_handleHostClick,"f")),await this.updateComplete,__classPrivateFieldGet$1(this,_Checkbox_instances,"m",_Checkbox_initialize).call(this,this.hasAttribute("checked")||this.hasAttribute("initial-checked"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",__classPrivateFieldGet$1(this,_Checkbox_handleHostClick,"f"))}updated(t){super.updated(t),t.has("disabled")&&__classPrivateFieldGet$1(this,_Checkbox_handleDisabledChange,"f").call(this,Boolean(this.disabled)),t.has("value")&&__classPrivateFieldGet$1(this,_Checkbox_handleValueChange,"f").call(this,this.value)}render(){return x`
|
|
1630
|
+
<input
|
|
1631
|
+
id="input"
|
|
1632
|
+
type="checkbox"
|
|
1633
|
+
name="${l$2(this.name)}"
|
|
1634
|
+
@click=${__classPrivateFieldGet$1(this,_Checkbox_handleInternalClick,"f")}
|
|
1635
|
+
/>
|
|
1636
|
+
<span id="box">
|
|
1637
|
+
<m-icon id="check" name="check" aria-hidden="true"></m-icon>
|
|
1638
|
+
<m-icon
|
|
1639
|
+
id="indeterminate"
|
|
1640
|
+
name="indeterminate"
|
|
1641
|
+
aria-hidden="true"
|
|
1642
|
+
></m-icon>
|
|
1643
|
+
</span>
|
|
1644
|
+
<slot name="leading"></slot>
|
|
1645
|
+
<label id="label" for="input">
|
|
1538
1646
|
<slot></slot>
|
|
1539
1647
|
</label>
|
|
1540
|
-
`}
|
|
1541
|
-
/**
|
|
1542
|
-
* @license
|
|
1543
|
-
* Copyright 2021 Google LLC
|
|
1544
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
1545
|
-
*/
|
|
1546
|
-
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??!1}};
|
|
1547
|
-
/**
|
|
1548
|
-
* @license
|
|
1549
|
-
* Copyright 2021 Google LLC
|
|
1550
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
1551
|
-
*/function n$2(t){return t}
|
|
1552
|
-
/**
|
|
1553
|
-
* @license
|
|
1554
|
-
* Copyright 2021 Google LLC
|
|
1555
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
1556
|
-
*/let s$2=class{constructor(t,e,o,i){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=t.subscribe??!1}else this.context=e,this.callback=o,this.subscribe=i??!1;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))}},s$1=class{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()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(const[t,{disposer:e}]of this.subscriptions)t(this.o,e)},void 0!==t&&(this.value=t)}addCallback(t,e,o){if(!o)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:e});const{disposer:i}=this.subscriptions.get(t);t(this.value,i)}clearCallbacks(){this.subscriptions.clear()}},e$2=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}};
|
|
1557
|
-
/**
|
|
1558
|
-
* @license
|
|
1559
|
-
* Copyright 2021 Google LLC
|
|
1560
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
1561
|
-
*/class i extends s$1{constructor(t,e,o){super(void 0!==e.context?e.initialValue:o),this.onContextRequest=t=>{const e=t.composedPath()[0];t.context===this.context&&e!==this.host&&(t.stopPropagation(),this.addCallback(t.callback,e,t.subscribe))},this.onProviderRequest=t=>{const e=t.composedPath()[0];if(t.context!==this.context||e===this.host)return;const o=new Set;for(const[t,{consumerHost:e}]of this.subscriptions)o.has(t)||(o.add(t),e.dispatchEvent(new s$3(this.context,t,!0)));t.stopPropagation()},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),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new e$2(this.context))}}
|
|
1562
|
-
/**
|
|
1563
|
-
* @license
|
|
1564
|
-
* Copyright 2021 Google LLC
|
|
1565
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
1566
|
-
*/let t$2=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(),r=i.deref();void 0===o||void 0===r||o.dispatchEvent(new s$3(t.context,r,!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 r=i.callbacks.get(e);void 0===r&&i.callbacks.set(e,r=new WeakSet),r.has(o)||(r.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)}};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$2).attach(document.body),isAttached=!0}const dialogContext=n$2(Symbol("dialog"));function styles$t(){return i$5`
|
|
1648
|
+
`}get input(){return this.renderRoot?.querySelector("#input")??null}set checked(t){__classPrivateFieldGet$1(this,_Checkbox_handleCheckedChange,"f").call(this,t)}get checked(){return Boolean(this.input?.checked)}set indeterminate(t){__classPrivateFieldGet$1(this,_Checkbox_handleIndeterminateChange,"f").call(this,t)}get indeterminate(){return Boolean(this.input?.indeterminate)}formResetCallback(){__classPrivateFieldGet$1(this,_Checkbox_instances,"m",_Checkbox_initialize).call(this)}formStateRestoreCallback(t){null!=t&&(this.checked=Boolean(t))}formDisabledCallback(t){super.formDisabledCallback(t),__classPrivateFieldGet$1(this,_Checkbox_handleDisabledChange,"f").call(this,t)}}_Checkbox_handleCheckedChange=new WeakMap,_Checkbox_handleDisabledChange=new WeakMap,_Checkbox_handleIndeterminateChange=new WeakMap,_Checkbox_handleValueChange=new WeakMap,_Checkbox_handleInternalClick=new WeakMap,_Checkbox_handleHostClick=new WeakMap,_Checkbox_handleChange=new WeakMap,_Checkbox_instances=new WeakSet,_Checkbox_initialize=function(t){__classPrivateFieldGet$1(this,_Checkbox_handleCheckedChange,"f").call(this,t??this.hasAttribute("initial-checked")),__classPrivateFieldGet$1(this,_Checkbox_handleIndeterminateChange,"f").call(this,this.hasAttribute("indeterminate"))},Checkbox.shadowRootOptions={...s$a.shadowRootOptions,delegatesFocus:!0},Checkbox.styles=[styles$u()],window.customElements.define("m-checkbox",Checkbox);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$6).attach(document.body),isAttached=!0}const dialogContext=n$9(Symbol("dialog"));function styles$t(){return i$5`
|
|
1567
1649
|
:host {
|
|
1568
1650
|
--margin: ${getToken("spacing-6")};
|
|
1569
1651
|
--padding: ${getToken("spacing-6")};
|
|
@@ -1656,9 +1738,9 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
1656
1738
|
opacity: 0;
|
|
1657
1739
|
}
|
|
1658
1740
|
}
|
|
1659
|
-
`}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 i(this,dialogContext,{variant:"neutral"})),this.open=!1,this.size="small",this.variant="neutral"}render(){return x`
|
|
1741
|
+
`}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 i$4(this,dialogContext,{variant:"neutral"})),this.open=!1,this.size="small",this.variant="neutral"}render(){return x`
|
|
1660
1742
|
<dialog
|
|
1661
|
-
class="${o$
|
|
1743
|
+
class="${o$3({"-size-small":"small"===this.size||!this.size,"-size-medium":"medium"===this.size,"-size-large":"large"===this.size,"-size-extra-large":"extra-large"===this.size})}"
|
|
1662
1744
|
@click=${__classPrivateFieldGet$1(this,_Dialog_instances,"m",_Dialog_handleClick)}
|
|
1663
1745
|
@cancel=${__classPrivateFieldGet$1(this,_Dialog_instances,"m",_Dialog_handleCancel)}
|
|
1664
1746
|
>
|
|
@@ -1667,21 +1749,21 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
1667
1749
|
<slot name="footer"></slot>
|
|
1668
1750
|
<slot name="actions"></slot>
|
|
1669
1751
|
</dialog>
|
|
1670
|
-
`}updated(t){super.updated(t),t.has("variant")&&__classPrivateFieldGet$1(this,_Dialog_contextProvider,"f").setValue({variant:this.variant??"neutral"}),t.has("open")&&__classPrivateFieldGet$1(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(){return this.renderRoot?.querySelector("dialog")},_Dialog_toggleVisibility=async function(t){const e=__classPrivateFieldGet$1(this,_Dialog_instances,"a",_Dialog_dialog_get);e&&(!t&&this.open?(this.style.display="block",__classPrivateFieldGet$1(this,_Dialog_instances,"m",_Dialog_emitLifecycleEvent).call(this,"m-opening"),e.showModal(),await waitForAnimations_1(e),__classPrivateFieldGet$1(this,_Dialog_instances,"m",_Dialog_emitLifecycleEvent).call(this,"m-opened")):t&&!this.open?(__classPrivateFieldGet$1(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$1(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){const e=t.target instanceof HTMLDialogElement,o=__classPrivateFieldGet$1(this,_Dialog_instances,"a",_Dialog_dialog_get)?.getBoundingClientRect();if(e&&o){(t.clientY<o.top||t.clientY>o.bottom||t.clientX<o.left||t.clientX>o.right)&&(t.preventDefault(),t.stopPropagation(),__classPrivateFieldGet$1(this,_Dialog_instances,"m",_Dialog_emitCloseEvent).call(this))}},_Dialog_handleCancel=function(t){t.preventDefault(),__classPrivateFieldGet$1(this,_Dialog_instances,"m",_Dialog_emitCloseEvent).call(this)},Dialog.styles=[styles$t()],window.customElements.define("m-dialog",Dialog);const DIALOG_SIZES=["small","medium","large","extra-large"],DIALOG_VARIANTS=["neutral","success","warning","danger"];var _DialogActionPrimary_contextCallback,_DialogHeader_instances,_DialogHeader_context,_DialogHeader_icon_get,_Drawer_instances,_Drawer_dialog_get,_Drawer_toggleVisibility,_Drawer_emitLifecycleEvent,_Drawer_emitCloseEvent,_Drawer_handleClick,_Drawer_handleCancel;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$
|
|
1752
|
+
`}updated(t){super.updated(t),t.has("variant")&&__classPrivateFieldGet$1(this,_Dialog_contextProvider,"f").setValue({variant:this.variant??"neutral"}),t.has("open")&&__classPrivateFieldGet$1(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(){return this.renderRoot?.querySelector("dialog")},_Dialog_toggleVisibility=async function(t){const e=__classPrivateFieldGet$1(this,_Dialog_instances,"a",_Dialog_dialog_get);e&&(!t&&this.open?(this.style.display="block",__classPrivateFieldGet$1(this,_Dialog_instances,"m",_Dialog_emitLifecycleEvent).call(this,"m-opening"),e.showModal(),await waitForAnimations_1(e),__classPrivateFieldGet$1(this,_Dialog_instances,"m",_Dialog_emitLifecycleEvent).call(this,"m-opened")):t&&!this.open?(__classPrivateFieldGet$1(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$1(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){const e=t.target instanceof HTMLDialogElement,o=__classPrivateFieldGet$1(this,_Dialog_instances,"a",_Dialog_dialog_get)?.getBoundingClientRect();if(e&&o){(t.clientY<o.top||t.clientY>o.bottom||t.clientX<o.left||t.clientX>o.right)&&(t.preventDefault(),t.stopPropagation(),__classPrivateFieldGet$1(this,_Dialog_instances,"m",_Dialog_emitCloseEvent).call(this))}},_Dialog_handleCancel=function(t){t.preventDefault(),__classPrivateFieldGet$1(this,_Dialog_instances,"m",_Dialog_emitCloseEvent).call(this)},Dialog.styles=[styles$t()],window.customElements.define("m-dialog",Dialog);const DIALOG_SIZES=["small","medium","large","extra-large"],DIALOG_VARIANTS=["neutral","success","warning","danger"];var _DialogActionPrimary_contextCallback,_DialogHeader_instances,_DialogHeader_context,_DialogHeader_icon_get,_Drawer_instances,_Drawer_dialog_get,_Drawer_toggleVisibility,_Drawer_emitLifecycleEvent,_Drawer_emitCloseEvent,_Drawer_handleClick,_Drawer_handleCancel;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$8(this,{context:dialogContext,callback:__classPrivateFieldGet$1(this,_DialogActionPrimary_contextCallback,"f"),subscribe:!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 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$s(){return i$5`
|
|
1671
1753
|
:host {
|
|
1672
1754
|
overflow-y: auto;
|
|
1673
1755
|
overscroll-behavior: contain;
|
|
1674
1756
|
|
|
1675
1757
|
${typography("body-md")};
|
|
1676
1758
|
}
|
|
1677
|
-
`}window.customElements.define("m-dialog-actions",DialogActions);class DialogBody extends s$
|
|
1759
|
+
`}window.customElements.define("m-dialog-actions",DialogActions);class DialogBody extends s$a{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","body")}render(){return x`<slot></slot>`}}DialogBody.styles=[styles$s()],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$a{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","footer")}render(){return x`<slot></slot>`}}function styles$r(){return i$5`
|
|
1678
1760
|
h1 {
|
|
1679
1761
|
margin: 0;
|
|
1680
1762
|
padding: 0;
|
|
1681
1763
|
|
|
1682
1764
|
${typography("heading-md-bold")};
|
|
1683
1765
|
}
|
|
1684
|
-
`}window.customElements.define("m-dialog-footer",DialogFooter);class DialogHeader extends Component{constructor(){super(),_DialogHeader_instances.add(this),_DialogHeader_context.set(this,void 0),__classPrivateFieldSet(this,_DialogHeader_context,new s$
|
|
1766
|
+
`}window.customElements.define("m-dialog-footer",DialogFooter);class DialogHeader extends Component{constructor(){super(),_DialogHeader_instances.add(this),_DialogHeader_context.set(this,void 0),__classPrivateFieldSet(this,_DialogHeader_context,new s$8(this,{context:dialogContext,subscribe:!0}),"f")}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","header")}render(){return x`
|
|
1685
1767
|
<m-group gap="spacing-6" align="center">
|
|
1686
1768
|
<m-group gap="spacing-1" align="center" style="flex-grow: 1;">
|
|
1687
1769
|
${__classPrivateFieldGet$1(this,_DialogHeader_instances,"a",_DialogHeader_icon_get)}
|
|
@@ -1812,7 +1894,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
1812
1894
|
|
|
1813
1895
|
${typography("body-md")};
|
|
1814
1896
|
}
|
|
1815
|
-
`}DrawerActions.styles=[...Group.styles,styles$p()],window.customElements.define("m-drawer-actions",DrawerActions);class DrawerBody extends s$
|
|
1897
|
+
`}DrawerActions.styles=[...Group.styles,styles$p()],window.customElements.define("m-drawer-actions",DrawerActions);class DrawerBody extends s$a{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","body")}render(){return x`<slot></slot>`}}DrawerBody.styles=[styles$o()],window.customElements.define("m-drawer-body",DrawerBody);class DrawerClose extends CloseButton{constructor(){super(),this.size="large"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","close")}}function styles$n(){return i$5`
|
|
1816
1898
|
:host {
|
|
1817
1899
|
padding-inline: var(--padding);
|
|
1818
1900
|
padding-block: var(--padding);
|
|
@@ -1834,7 +1916,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
1834
1916
|
</m-group>
|
|
1835
1917
|
<slot name="close"></slot>
|
|
1836
1918
|
</m-group>
|
|
1837
|
-
`}}DrawerHeader.styles=[styles$n()],window.customElements.define("m-drawer-header",DrawerHeader);const sides=["top","right","bottom","left"],min=Math.min,max=Math.max,round=Math.round,floor=Math.floor,createCoords=t=>({x:t,y:t}),oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"},oppositeAlignmentMap={start:"end",end:"start"};function clamp$1(t,e,o){return max(t,min(e,o))}function evaluate(t,e){return"function"==typeof t?t(e):t}function getSide(t){return t.split("-")[0]}function getAlignment(t){return t.split("-")[1]}function getOppositeAxis(t){return"x"===t?"y":"x"}function getAxisLength(t){return"y"===t?"height":"width"}function getSideAxis(t){return["top","bottom"].includes(getSide(t))?"y":"x"}function getAlignmentAxis(t){return getOppositeAxis(getSideAxis(t))}function getAlignmentSides(t,e,o){void 0===o&&(o=!1);const i=getAlignment(t),r=getAlignmentAxis(t),n=getAxisLength(r);let s="x"===r?i===(o?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[n]>e.floating[n]&&(s=getOppositePlacement(s)),[s,getOppositePlacement(s)]}function getExpandedPlacements(t){const e=getOppositePlacement(t);return[getOppositeAlignmentPlacement(t),e,getOppositeAlignmentPlacement(e)]}function getOppositeAlignmentPlacement(t){return t.replace(/start|end/g,(t=>oppositeAlignmentMap[t]))}function getSideList(t,e,o){const i=["left","right"],r=["right","left"],n=["top","bottom"],s=["bottom","top"];switch(t){case"top":case"bottom":return o?e?r:i:e?i:r;case"left":case"right":return e?n:s;default:return[]}}function getOppositeAxisPlacements(t,e,o,i){const r=getAlignment(t);let n=getSideList(getSide(t),"start"===o,i);return r&&(n=n.map((t=>t+"-"+r)),e&&(n=n.concat(n.map(getOppositeAlignmentPlacement)))),n}function getOppositePlacement(t){return t.replace(/left|right|bottom|top/g,(t=>oppositeSideMap[t]))}function expandPaddingObject(t){return{top:0,right:0,bottom:0,left:0,...t}}function getPaddingObject(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}}function computeCoordsFromPlacement(t,e,o){let{reference:i,floating:r}=t;const n=getSideAxis(e),s=getAlignmentAxis(e),a=getAxisLength(s),l=getSide(e),c="y"===n,d=i.x+i.width/2-r.width/2,h=i.y+i.height/2-r.height/2,u=i[a]/2-r[a]/2;let g;switch(l){case"top":g={x:d,y:i.y-r.height};break;case"bottom":g={x:d,y:i.y+i.height};break;case"right":g={x:i.x+i.width,y:h};break;case"left":g={x:i.x-r.width,y:h};break;default:g={x:i.x,y:i.y}}switch(getAlignment(e)){case"start":g[s]-=u*(o&&c?-1:1);break;case"end":g[s]+=u*(o&&c?-1:1)}return g}const computePosition$1=async(t,e,o)=>{const{placement:i="bottom",strategy:r="absolute",middleware:n=[],platform:s}=o,a=n.filter(Boolean),l=await(null==s.isRTL?void 0:s.isRTL(e));let c=await s.getElementRects({reference:t,floating:e,strategy:r}),{x:d,y:h}=computeCoordsFromPlacement(c,i,l),u=i,g={},p=0;for(let o=0;o<a.length;o++){const{name:n,fn:m}=a[o],{x:b,y:$,data:_,reset:f}=await m({x:d,y:h,initialPlacement:i,placement:u,strategy:r,middlewareData:g,rects:c,platform:s,elements:{reference:t,floating:e}});d=null!=b?b:d,h=null!=$?$:h,g={...g,[n]:{...g[n],..._}},f&&p<=50&&(p++,"object"==typeof f&&(f.placement&&(u=f.placement),f.rects&&(c=!0===f.rects?await s.getElementRects({reference:t,floating:e,strategy:r}):f.rects),({x:d,y:h}=computeCoordsFromPlacement(c,u,l))),o=-1)}return{x:d,y:h,placement:u,strategy:r,middlewareData:g}};async function detectOverflow(t,e){var o;void 0===e&&(e={});const{x:i,y:r,platform:n,rects:s,elements:a,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:h="floating",altBoundary:u=!1,padding:g=0}=evaluate(e,t),p=getPaddingObject(g),m=a[u?"floating"===h?"reference":"floating":h],b=rectToClientRect(await n.getClippingRect({element:null==(o=await(null==n.isElement?void 0:n.isElement(m)))||o?m:m.contextElement||await(null==n.getDocumentElement?void 0:n.getDocumentElement(a.floating)),boundary:c,rootBoundary:d,strategy:l})),$="floating"===h?{...s.floating,x:i,y:r}:s.reference,_=await(null==n.getOffsetParent?void 0:n.getOffsetParent(a.floating)),f=await(null==n.isElement?void 0:n.isElement(_))&&await(null==n.getScale?void 0:n.getScale(_))||{x:1,y:1},y=rectToClientRect(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:$,offsetParent:_,strategy:l}):$);return{top:(b.top-y.top+p.top)/f.y,bottom:(y.bottom-b.bottom+p.bottom)/f.y,left:(b.left-y.left+p.left)/f.x,right:(y.right-b.right+p.right)/f.x}}const arrow$1=t=>({name:"arrow",options:t,async fn(e){const{x:o,y:i,placement:r,rects:n,platform:s,elements:a,middlewareData:l}=e,{element:c,padding:d=0}=evaluate(t,e)||{};if(null==c)return{};const h=getPaddingObject(d),u={x:o,y:i},g=getAlignmentAxis(r),p=getAxisLength(g),m=await s.getDimensions(c),b="y"===g,$=b?"top":"left",_=b?"bottom":"right",f=b?"clientHeight":"clientWidth",y=n.reference[p]+n.reference[g]-u[g]-n.floating[p],v=u[g]-n.reference[g],x=await(null==s.getOffsetParent?void 0:s.getOffsetParent(c));let w=x?x[f]:0;w&&await(null==s.isElement?void 0:s.isElement(x))||(w=a.floating[f]||n.floating[p]);const k=y/2-v/2,C=w/2-m[p]/2-1,S=min(h[$],C),T=min(h[_],C),P=S,A=w-m[p]-T,F=w/2-m[p]/2+k,B=clamp$1(P,F,A),z=!l.arrow&&null!=getAlignment(r)&&F!==B&&n.reference[p]/2-(F<P?S:T)-m[p]/2<0,E=z?F<P?F-P:F-A:0;return{[g]:u[g]+E,data:{[g]:B,centerOffset:F-B-E,...z&&{alignmentOffset:E}},reset:z}}}),flip$1=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var o,i;const{placement:r,middlewareData:n,rects:s,initialPlacement:a,platform:l,elements:c}=e,{mainAxis:d=!0,crossAxis:h=!0,fallbackPlacements:u,fallbackStrategy:g="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:m=!0,...b}=evaluate(t,e);if(null!=(o=n.arrow)&&o.alignmentOffset)return{};const $=getSide(r),_=getSide(a)===a,f=await(null==l.isRTL?void 0:l.isRTL(c.floating)),y=u||(_||!m?[getOppositePlacement(a)]:getExpandedPlacements(a));u||"none"===p||y.push(...getOppositeAxisPlacements(a,m,p,f));const v=[a,...y],x=await detectOverflow(e,b),w=[];let k=(null==(i=n.flip)?void 0:i.overflows)||[];if(d&&w.push(x[$]),h){const t=getAlignmentSides(r,s,f);w.push(x[t[0]],x[t[1]])}if(k=[...k,{placement:r,overflows:w}],!w.every((t=>t<=0))){var C,S;const t=((null==(C=n.flip)?void 0:C.index)||0)+1,e=v[t];if(e)return{data:{index:t,overflows:k},reset:{placement:e}};let o=null==(S=k.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:S.placement;if(!o)switch(g){case"bestFit":{var T;const t=null==(T=k.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:T[0];t&&(o=t);break}case"initialPlacement":o=a}if(r!==o)return{reset:{placement:o}}}return{}}}};function getSideOffsets(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function isAnySideFullyClipped(t){return sides.some((e=>t[e]>=0))}const hide$1=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(e){const{rects:o}=e,{strategy:i="referenceHidden",...r}=evaluate(t,e);switch(i){case"referenceHidden":{const t=getSideOffsets(await detectOverflow(e,{...r,elementContext:"reference"}),o.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:isAnySideFullyClipped(t)}}}case"escaped":{const t=getSideOffsets(await detectOverflow(e,{...r,altBoundary:!0}),o.floating);return{data:{escapedOffsets:t,escaped:isAnySideFullyClipped(t)}}}default:return{}}}}},shift$1=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:o,y:i,placement:r}=e,{mainAxis:n=!0,crossAxis:s=!1,limiter:a={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...l}=evaluate(t,e),c={x:o,y:i},d=await detectOverflow(e,l),h=getSideAxis(getSide(r)),u=getOppositeAxis(h);let g=c[u],p=c[h];if(n){const t="y"===u?"bottom":"right";g=clamp$1(g+d["y"===u?"top":"left"],g,g-d[t])}if(s){const t="y"===h?"bottom":"right";p=clamp$1(p+d["y"===h?"top":"left"],p,p-d[t])}const m=a.fn({...e,[u]:g,[h]:p});return{...m,data:{x:m.x-o,y:m.y-i}}}}};function getNodeName(t){return isNode(t)?(t.nodeName||"").toLowerCase():"#document"}function getWindow(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function getDocumentElement(t){var e;return null==(e=(isNode(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function isNode(t){return t instanceof Node||t instanceof getWindow(t).Node}function isElement(t){return t instanceof Element||t instanceof getWindow(t).Element}function isHTMLElement(t){return t instanceof HTMLElement||t instanceof getWindow(t).HTMLElement}function isShadowRoot(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof getWindow(t).ShadowRoot)}function isOverflowElement(t){const{overflow:e,overflowX:o,overflowY:i,display:r}=getComputedStyle$1(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+o)&&!["inline","contents"].includes(r)}function isTableElement(t){return["table","td","th"].includes(getNodeName(t))}function isContainingBlock(t){const e=isWebKit(),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 getContainingBlock(t){let e=getParentNode(t);for(;isHTMLElement(e)&&!isLastTraversableNode(e);){if(isContainingBlock(e))return e;e=getParentNode(e)}return null}function isWebKit(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function isLastTraversableNode(t){return["html","body","#document"].includes(getNodeName(t))}function getComputedStyle$1(t){return getWindow(t).getComputedStyle(t)}function getNodeScroll(t){return isElement(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}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,o){var i;void 0===e&&(e=[]),void 0===o&&(o=!0);const r=getNearestOverflowAncestor(t),n=r===(null==(i=t.ownerDocument)?void 0:i.body),s=getWindow(r);return n?e.concat(s,s.visualViewport||[],isOverflowElement(r)?r:[],s.frameElement&&o?getOverflowAncestors(s.frameElement):[]):e.concat(r,getOverflowAncestors(r,[],o))}function getCssDimensions(t){const e=getComputedStyle$1(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const r=isHTMLElement(t),n=r?t.offsetWidth:o,s=r?t.offsetHeight:i,a=round(o)!==n||round(i)!==s;return a&&(o=n,i=s),{width:o,height:i,$:a}}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:r,$:n}=getCssDimensions(e);let s=(n?round(o.width):o.width)/i,a=(n?round(o.height):o.height)/r;return s&&Number.isFinite(s)||(s=1),a&&Number.isFinite(a)||(a=1),{x:s,y:a}}const noOffsets=createCoords(0);function getVisualOffsets(t){const e=getWindow(t);return isWebKit()&&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 r=t.getBoundingClientRect(),n=unwrapElement(t);let s=createCoords(1);e&&(i?isElement(i)&&(s=getScale(i)):s=getScale(t));const a=shouldAddVisualOffsets(n,o,i)?getVisualOffsets(n):createCoords(0);let l=(r.left+a.x)/s.x,c=(r.top+a.y)/s.y,d=r.width/s.x,h=r.height/s.y;if(n){const t=getWindow(n),e=i&&isElement(i)?getWindow(i):i;let o=t,r=o.frameElement;for(;r&&i&&e!==o;){const t=getScale(r),e=r.getBoundingClientRect(),i=getComputedStyle$1(r),n=e.left+(r.clientLeft+parseFloat(i.paddingLeft))*t.x,s=e.top+(r.clientTop+parseFloat(i.paddingTop))*t.y;l*=t.x,c*=t.y,d*=t.x,h*=t.y,l+=n,c+=s,o=getWindow(r),r=o.frameElement}}return rectToClientRect({width:d,height:h,x:l,y:c})}const topLayerSelectors=[":popover-open",":modal"];function isTopLayer(t){return topLayerSelectors.some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function convertOffsetParentRelativeRectToViewportRelativeRect(t){let{elements:e,rect:o,offsetParent:i,strategy:r}=t;const n="fixed"===r,s=getDocumentElement(i),a=!!e&&isTopLayer(e.floating);if(i===s||a&&n)return o;let l={scrollLeft:0,scrollTop:0},c=createCoords(1);const d=createCoords(0),h=isHTMLElement(i);if((h||!h&&!n)&&(("body"!==getNodeName(i)||isOverflowElement(s))&&(l=getNodeScroll(i)),isHTMLElement(i))){const t=getBoundingClientRect(i);c=getScale(i),d.x=t.x+i.clientLeft,d.y=t.y+i.clientTop}return{width:o.width*c.x,height:o.height*c.y,x:o.x*c.x-l.scrollLeft*c.x+d.x,y:o.y*c.y-l.scrollTop*c.y+d.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,r=max(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),n=max(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let s=-o.scrollLeft+getWindowScrollBarX(t);const a=-o.scrollTop;return"rtl"===getComputedStyle$1(i).direction&&(s+=max(e.clientWidth,i.clientWidth)-r),{width:r,height:n,x:s,y:a}}function getViewportRect(t,e){const o=getWindow(t),i=getDocumentElement(t),r=o.visualViewport;let n=i.clientWidth,s=i.clientHeight,a=0,l=0;if(r){n=r.width,s=r.height;const t=isWebKit();(!t||t&&"fixed"===e)&&(a=r.offsetLeft,l=r.offsetTop)}return{width:n,height:s,x:a,y:l}}function getInnerBoundingClientRect(t,e){const o=getBoundingClientRect(t,!0,"fixed"===e),i=o.top+t.clientTop,r=o.left+t.clientLeft,n=isHTMLElement(t)?getScale(t):createCoords(1);return{width:t.clientWidth*n.x,height:t.clientHeight*n.y,x:r*n.x,y:i*n.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,[],!1).filter((t=>isElement(t)&&"body"!==getNodeName(t))),r=null;const n="fixed"===getComputedStyle$1(t).position;let s=n?getParentNode(t):t;for(;isElement(s)&&!isLastTraversableNode(s);){const e=getComputedStyle$1(s),o=isContainingBlock(s);o||"fixed"!==e.position||(r=null);(n?!o&&!r:!o&&"static"===e.position&&!!r&&["absolute","fixed"].includes(r.position)||isOverflowElement(s)&&!o&&hasFixedPositionAncestor(t,s))?i=i.filter((t=>t!==s)):r=e,s=getParentNode(s)}return e.set(t,i),i}function getClippingRect(t){let{element:e,boundary:o,rootBoundary:i,strategy:r}=t;const n=[..."clippingAncestors"===o?getClippingElementAncestors(e,this._c):[].concat(o),i],s=n[0],a=n.reduce(((t,o)=>{const i=getClientRectFromClippingAncestor(e,o,r);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,r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}}function getDimensions(t){const{width:e,height:o}=getCssDimensions(t);return{width:e,height:o}}function getRectRelativeToOffsetParent(t,e,o){const i=isHTMLElement(e),r=getDocumentElement(e),n="fixed"===o,s=getBoundingClientRect(t,!0,n,e);let a={scrollLeft:0,scrollTop:0};const l=createCoords(0);if(i||!i&&!n)if(("body"!==getNodeName(e)||isOverflowElement(r))&&(a=getNodeScroll(e)),i){const t=getBoundingClientRect(e,!0,n,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else r&&(l.x=getWindowScrollBarX(r));return{x:s.left+a.scrollLeft-l.x,y:s.top+a.scrollTop-l.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 getOffsetParent(t,e){const o=getWindow(t);if(!isHTMLElement(t)||isTopLayer(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){const e=this.getOffsetParent||getOffsetParent,o=this.getDimensions;return{reference:getRectRelativeToOffsetParent(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,...await o(t.floating)}}};function isRTL(t){return"rtl"===getComputedStyle$1(t).direction}const platform={convertOffsetParentRelativeRectToViewportRelativeRect,getDocumentElement,getClippingRect,getOffsetParent,getElementRects,getClientRects,getDimensions,getScale,isElement,isRTL};function observeMove(t,e){let o,i=null;const r=getDocumentElement(t);function n(){var t;clearTimeout(o),null==(t=i)||t.disconnect(),i=null}return function s(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),n();const{left:c,top:d,width:h,height:u}=t.getBoundingClientRect();if(a||e(),!h||!u)return;const g={rootMargin:-floor(d)+"px "+-floor(r.clientWidth-(c+h))+"px "+-floor(r.clientHeight-(d+u))+"px "+-floor(c)+"px",threshold:max(0,min(1,l))||1};let p=!0;function m(t){const e=t[0].intersectionRatio;if(e!==l){if(!p)return s();e?s(!1,e):o=setTimeout((()=>{s(!1,1e-7)}),100)}p=!1}try{i=new IntersectionObserver(m,{...g,root:r.ownerDocument})}catch(t){i=new IntersectionObserver(m,g)}i.observe(t)}(!0),n}function autoUpdate(t,e,o,i){void 0===i&&(i={});const{ancestorScroll:r=!0,ancestorResize:n=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=i,c=unwrapElement(t),d=r||n?[...c?getOverflowAncestors(c):[],...getOverflowAncestors(e)]:[];d.forEach((t=>{r&&t.addEventListener("scroll",o,{passive:!0}),n&&t.addEventListener("resize",o)}));const h=c&&a?observeMove(c,o):null;let u,g=-1,p=null;s&&(p=new ResizeObserver((t=>{let[i]=t;i&&i.target===c&&p&&(p.unobserve(e),cancelAnimationFrame(g),g=requestAnimationFrame((()=>{var t;null==(t=p)||t.observe(e)}))),o()})),c&&!l&&p.observe(c),p.observe(e));let m=l?getBoundingClientRect(t):null;return l&&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,u=requestAnimationFrame(e)}(),o(),()=>{var t;d.forEach((t=>{r&&t.removeEventListener("scroll",o),n&&t.removeEventListener("resize",o)})),null==h||h(),null==(t=p)||t.disconnect(),p=null,l&&cancelAnimationFrame(u)}}const shift=shift$1,flip=flip$1,hide=hide$1,arrow=arrow$1,computePosition=(t,e,o)=>{const i=new Map,r={platform,...o},n={...r.platform,_c:i};return computePosition$1(t,e,{...r,platform:n})};function offsetParent(t){return offsetParentPolyfill(t)}function flatTreeParent(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}function offsetParentPolyfill(t){for(let e=t;e;e=flatTreeParent(e))if(e instanceof Element&&"none"===getComputedStyle(e).display)return null;for(let e=flatTreeParent(t);e;e=flatTreeParent(e)){if(!(e instanceof Element))continue;const t=getComputedStyle(e);if("contents"!==t.display){if("static"!==t.position||"none"!==t.filter)return e;if("BODY"===e.tagName)return e}}return null}function supportsPopover(){return Object.hasOwn(HTMLElement.prototype,"popover")}function isPopover(t){return!!t&&(supportsPopover()&&t.matches("[popover]"))}function getPositionOffset(t,e,o){const i="var(--m-popover-arrow-size)";switch(e){case"top":case"left":return t?`-1 * ${i} - ${o}px`:`-1 * ${o}px`;case"bottom":case"right":return t?`${i} + ${o}px`:`${o}px`;default:return"0px"}}var _Popover_updateCleanup,_Popover_getArrowPosition;const 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},asPopover:{type:Boolean,attribute:"as-popover"}}}constructor(){super(),_Popover_updateCleanup.set(this,void 0),this.getFloatingOffset=()=>10,this.renderArrow=()=>x`<span id="arrow"></span>`,this.reposition=async t=>{if(null==this.floating||null==this.reference)return;const{x:e,y:o,placement:i,middlewareData:r}=await computePosition(this.reference,this.floating,{strategy:this.position??"fixed",placement:this.placement??"bottom-start",platform:{...platform,getOffsetParent:t=>platform.getOffsetParent(t,offsetParent)},middleware:[flip(),shift(),this.arrow?arrow({element:this.arrow,padding:10}):void 0,hide()]});if(r.hide?.referenceHidden)return void Object.assign(this.floating.style,{visibility:"hidden"});const[n]=i.split("-"),s=null!=this.arrow,a={top:{x:"0px",y:getPositionOffset(s,"top",this.getFloatingOffset())},bottom:{x:"0px",y:getPositionOffset(s,"bottom",this.getFloatingOffset())},right:{x:getPositionOffset(s,"right",this.getFloatingOffset()),y:"0px"},left:{x:getPositionOffset(s,"left",this.getFloatingOffset()),y:"0px"}};Object.assign(this.floating.style,{visibility:"visible",top:`calc(${o}px + ${a[n].y})`,left:`calc(${e}px + ${a[n].x})`}),null!=this.arrow&&r.arrow&&Object.assign(this.arrow.style,__classPrivateFieldGet$1(this,_Popover_getArrowPosition,"f").call(this,r.arrow,n)),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==t)return{};const o={top:"bottom",right:"left",bottom:"top",left:"right"}[e],{x:i,y:r}=t;return{left:null!=i?`${i}px`:"",top:null!=r?`${r}px`:"",right:"",bottom:"",[o]:-this.arrow.offsetWidth/2+"px"}})),this.position="fixed",this.placement="top-end",this.open=!1,this.asPopover=!1}disconnectedCallback(){super.disconnectedCallback(),__classPrivateFieldGet$1(this,_Popover_updateCleanup,"f")?.call(this)}firstUpdated(){this.asPopover&&supportsPopover()&&this.floating&&this.floating.setAttribute("popover","manual"),this.open&&this.show()}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.reference&&this.floating&&(isPopover(this.floating)&&this.floating.showPopover(),__classPrivateFieldSet(this,_Popover_updateCleanup,autoUpdate(this.reference,this.floating,(()=>{this.reposition("auto")})),"f")))}hide(){this.open&&(this.open=!1,null!=this.floating&&isPopover(this.floating)&&this.floating.hidePopover(),__classPrivateFieldGet$1(this,_Popover_updateCleanup,"f")?.call(this))}toggle(){this.open?this.hide():this.show()}}_Popover_updateCleanup=new WeakMap,_Popover_getArrowPosition=new WeakMap;const DEFAULT_SELECTORS={referenceSelector:"slot[name='reference']::slotted(*),",floatingSelector:"slot[name='floating']::slotted(*)"};function styles$m(t=DEFAULT_SELECTORS){const{referenceSelector:e,floatingSelector:o}={...DEFAULT_SELECTORS,...t};return[i$5`
|
|
1919
|
+
`}}DrawerHeader.styles=[styles$n()],window.customElements.define("m-drawer-header",DrawerHeader);const sides=["top","right","bottom","left"],min=Math.min,max=Math.max,round=Math.round,floor=Math.floor,createCoords=t=>({x:t,y:t}),oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"},oppositeAlignmentMap={start:"end",end:"start"};function clamp$1(t,e,o){return max(t,min(e,o))}function evaluate(t,e){return"function"==typeof t?t(e):t}function getSide(t){return t.split("-")[0]}function getAlignment(t){return t.split("-")[1]}function getOppositeAxis(t){return"x"===t?"y":"x"}function getAxisLength(t){return"y"===t?"height":"width"}function getSideAxis(t){return["top","bottom"].includes(getSide(t))?"y":"x"}function getAlignmentAxis(t){return getOppositeAxis(getSideAxis(t))}function getAlignmentSides(t,e,o){void 0===o&&(o=!1);const i=getAlignment(t),r=getAlignmentAxis(t),n=getAxisLength(r);let s="x"===r?i===(o?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[n]>e.floating[n]&&(s=getOppositePlacement(s)),[s,getOppositePlacement(s)]}function getExpandedPlacements(t){const e=getOppositePlacement(t);return[getOppositeAlignmentPlacement(t),e,getOppositeAlignmentPlacement(e)]}function getOppositeAlignmentPlacement(t){return t.replace(/start|end/g,(t=>oppositeAlignmentMap[t]))}function getSideList(t,e,o){const i=["left","right"],r=["right","left"],n=["top","bottom"],s=["bottom","top"];switch(t){case"top":case"bottom":return o?e?r:i:e?i:r;case"left":case"right":return e?n:s;default:return[]}}function getOppositeAxisPlacements(t,e,o,i){const r=getAlignment(t);let n=getSideList(getSide(t),"start"===o,i);return r&&(n=n.map((t=>t+"-"+r)),e&&(n=n.concat(n.map(getOppositeAlignmentPlacement)))),n}function getOppositePlacement(t){return t.replace(/left|right|bottom|top/g,(t=>oppositeSideMap[t]))}function expandPaddingObject(t){return{top:0,right:0,bottom:0,left:0,...t}}function getPaddingObject(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}}function computeCoordsFromPlacement(t,e,o){let{reference:i,floating:r}=t;const n=getSideAxis(e),s=getAlignmentAxis(e),a=getAxisLength(s),l=getSide(e),c="y"===n,d=i.x+i.width/2-r.width/2,h=i.y+i.height/2-r.height/2,u=i[a]/2-r[a]/2;let g;switch(l){case"top":g={x:d,y:i.y-r.height};break;case"bottom":g={x:d,y:i.y+i.height};break;case"right":g={x:i.x+i.width,y:h};break;case"left":g={x:i.x-r.width,y:h};break;default:g={x:i.x,y:i.y}}switch(getAlignment(e)){case"start":g[s]-=u*(o&&c?-1:1);break;case"end":g[s]+=u*(o&&c?-1:1)}return g}const computePosition$1=async(t,e,o)=>{const{placement:i="bottom",strategy:r="absolute",middleware:n=[],platform:s}=o,a=n.filter(Boolean),l=await(null==s.isRTL?void 0:s.isRTL(e));let c=await s.getElementRects({reference:t,floating:e,strategy:r}),{x:d,y:h}=computeCoordsFromPlacement(c,i,l),u=i,g={},p=0;for(let o=0;o<a.length;o++){const{name:n,fn:m}=a[o],{x:b,y:$,data:_,reset:f}=await m({x:d,y:h,initialPlacement:i,placement:u,strategy:r,middlewareData:g,rects:c,platform:s,elements:{reference:t,floating:e}});d=null!=b?b:d,h=null!=$?$:h,g={...g,[n]:{...g[n],..._}},f&&p<=50&&(p++,"object"==typeof f&&(f.placement&&(u=f.placement),f.rects&&(c=!0===f.rects?await s.getElementRects({reference:t,floating:e,strategy:r}):f.rects),({x:d,y:h}=computeCoordsFromPlacement(c,u,l))),o=-1)}return{x:d,y:h,placement:u,strategy:r,middlewareData:g}};async function detectOverflow(t,e){var o;void 0===e&&(e={});const{x:i,y:r,platform:n,rects:s,elements:a,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:h="floating",altBoundary:u=!1,padding:g=0}=evaluate(e,t),p=getPaddingObject(g),m=a[u?"floating"===h?"reference":"floating":h],b=rectToClientRect(await n.getClippingRect({element:null==(o=await(null==n.isElement?void 0:n.isElement(m)))||o?m:m.contextElement||await(null==n.getDocumentElement?void 0:n.getDocumentElement(a.floating)),boundary:c,rootBoundary:d,strategy:l})),$="floating"===h?{...s.floating,x:i,y:r}:s.reference,_=await(null==n.getOffsetParent?void 0:n.getOffsetParent(a.floating)),f=await(null==n.isElement?void 0:n.isElement(_))&&await(null==n.getScale?void 0:n.getScale(_))||{x:1,y:1},y=rectToClientRect(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:$,offsetParent:_,strategy:l}):$);return{top:(b.top-y.top+p.top)/f.y,bottom:(y.bottom-b.bottom+p.bottom)/f.y,left:(b.left-y.left+p.left)/f.x,right:(y.right-b.right+p.right)/f.x}}const arrow$1=t=>({name:"arrow",options:t,async fn(e){const{x:o,y:i,placement:r,rects:n,platform:s,elements:a,middlewareData:l}=e,{element:c,padding:d=0}=evaluate(t,e)||{};if(null==c)return{};const h=getPaddingObject(d),u={x:o,y:i},g=getAlignmentAxis(r),p=getAxisLength(g),m=await s.getDimensions(c),b="y"===g,$=b?"top":"left",_=b?"bottom":"right",f=b?"clientHeight":"clientWidth",y=n.reference[p]+n.reference[g]-u[g]-n.floating[p],v=u[g]-n.reference[g],x=await(null==s.getOffsetParent?void 0:s.getOffsetParent(c));let w=x?x[f]:0;w&&await(null==s.isElement?void 0:s.isElement(x))||(w=a.floating[f]||n.floating[p]);const k=y/2-v/2,C=w/2-m[p]/2-1,S=min(h[$],C),T=min(h[_],C),P=S,A=w-m[p]-T,F=w/2-m[p]/2+k,z=clamp$1(P,F,A),B=!l.arrow&&null!=getAlignment(r)&&F!==z&&n.reference[p]/2-(F<P?S:T)-m[p]/2<0,E=B?F<P?F-P:F-A:0;return{[g]:u[g]+E,data:{[g]:z,centerOffset:F-z-E,...B&&{alignmentOffset:E}},reset:B}}}),flip$1=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var o,i;const{placement:r,middlewareData:n,rects:s,initialPlacement:a,platform:l,elements:c}=e,{mainAxis:d=!0,crossAxis:h=!0,fallbackPlacements:u,fallbackStrategy:g="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:m=!0,...b}=evaluate(t,e);if(null!=(o=n.arrow)&&o.alignmentOffset)return{};const $=getSide(r),_=getSide(a)===a,f=await(null==l.isRTL?void 0:l.isRTL(c.floating)),y=u||(_||!m?[getOppositePlacement(a)]:getExpandedPlacements(a));u||"none"===p||y.push(...getOppositeAxisPlacements(a,m,p,f));const v=[a,...y],x=await detectOverflow(e,b),w=[];let k=(null==(i=n.flip)?void 0:i.overflows)||[];if(d&&w.push(x[$]),h){const t=getAlignmentSides(r,s,f);w.push(x[t[0]],x[t[1]])}if(k=[...k,{placement:r,overflows:w}],!w.every((t=>t<=0))){var C,S;const t=((null==(C=n.flip)?void 0:C.index)||0)+1,e=v[t];if(e)return{data:{index:t,overflows:k},reset:{placement:e}};let o=null==(S=k.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:S.placement;if(!o)switch(g){case"bestFit":{var T;const t=null==(T=k.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:T[0];t&&(o=t);break}case"initialPlacement":o=a}if(r!==o)return{reset:{placement:o}}}return{}}}};function getSideOffsets(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function isAnySideFullyClipped(t){return sides.some((e=>t[e]>=0))}const hide$1=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(e){const{rects:o}=e,{strategy:i="referenceHidden",...r}=evaluate(t,e);switch(i){case"referenceHidden":{const t=getSideOffsets(await detectOverflow(e,{...r,elementContext:"reference"}),o.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:isAnySideFullyClipped(t)}}}case"escaped":{const t=getSideOffsets(await detectOverflow(e,{...r,altBoundary:!0}),o.floating);return{data:{escapedOffsets:t,escaped:isAnySideFullyClipped(t)}}}default:return{}}}}},shift$1=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:o,y:i,placement:r}=e,{mainAxis:n=!0,crossAxis:s=!1,limiter:a={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...l}=evaluate(t,e),c={x:o,y:i},d=await detectOverflow(e,l),h=getSideAxis(getSide(r)),u=getOppositeAxis(h);let g=c[u],p=c[h];if(n){const t="y"===u?"bottom":"right";g=clamp$1(g+d["y"===u?"top":"left"],g,g-d[t])}if(s){const t="y"===h?"bottom":"right";p=clamp$1(p+d["y"===h?"top":"left"],p,p-d[t])}const m=a.fn({...e,[u]:g,[h]:p});return{...m,data:{x:m.x-o,y:m.y-i}}}}};function getNodeName(t){return isNode(t)?(t.nodeName||"").toLowerCase():"#document"}function getWindow(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function getDocumentElement(t){var e;return null==(e=(isNode(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function isNode(t){return t instanceof Node||t instanceof getWindow(t).Node}function isElement(t){return t instanceof Element||t instanceof getWindow(t).Element}function isHTMLElement(t){return t instanceof HTMLElement||t instanceof getWindow(t).HTMLElement}function isShadowRoot(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof getWindow(t).ShadowRoot)}function isOverflowElement(t){const{overflow:e,overflowX:o,overflowY:i,display:r}=getComputedStyle$1(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+o)&&!["inline","contents"].includes(r)}function isTableElement(t){return["table","td","th"].includes(getNodeName(t))}function isContainingBlock(t){const e=isWebKit(),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 getContainingBlock(t){let e=getParentNode(t);for(;isHTMLElement(e)&&!isLastTraversableNode(e);){if(isContainingBlock(e))return e;e=getParentNode(e)}return null}function isWebKit(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function isLastTraversableNode(t){return["html","body","#document"].includes(getNodeName(t))}function getComputedStyle$1(t){return getWindow(t).getComputedStyle(t)}function getNodeScroll(t){return isElement(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}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,o){var i;void 0===e&&(e=[]),void 0===o&&(o=!0);const r=getNearestOverflowAncestor(t),n=r===(null==(i=t.ownerDocument)?void 0:i.body),s=getWindow(r);return n?e.concat(s,s.visualViewport||[],isOverflowElement(r)?r:[],s.frameElement&&o?getOverflowAncestors(s.frameElement):[]):e.concat(r,getOverflowAncestors(r,[],o))}function getCssDimensions(t){const e=getComputedStyle$1(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const r=isHTMLElement(t),n=r?t.offsetWidth:o,s=r?t.offsetHeight:i,a=round(o)!==n||round(i)!==s;return a&&(o=n,i=s),{width:o,height:i,$:a}}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:r,$:n}=getCssDimensions(e);let s=(n?round(o.width):o.width)/i,a=(n?round(o.height):o.height)/r;return s&&Number.isFinite(s)||(s=1),a&&Number.isFinite(a)||(a=1),{x:s,y:a}}const noOffsets=createCoords(0);function getVisualOffsets(t){const e=getWindow(t);return isWebKit()&&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 r=t.getBoundingClientRect(),n=unwrapElement(t);let s=createCoords(1);e&&(i?isElement(i)&&(s=getScale(i)):s=getScale(t));const a=shouldAddVisualOffsets(n,o,i)?getVisualOffsets(n):createCoords(0);let l=(r.left+a.x)/s.x,c=(r.top+a.y)/s.y,d=r.width/s.x,h=r.height/s.y;if(n){const t=getWindow(n),e=i&&isElement(i)?getWindow(i):i;let o=t,r=o.frameElement;for(;r&&i&&e!==o;){const t=getScale(r),e=r.getBoundingClientRect(),i=getComputedStyle$1(r),n=e.left+(r.clientLeft+parseFloat(i.paddingLeft))*t.x,s=e.top+(r.clientTop+parseFloat(i.paddingTop))*t.y;l*=t.x,c*=t.y,d*=t.x,h*=t.y,l+=n,c+=s,o=getWindow(r),r=o.frameElement}}return rectToClientRect({width:d,height:h,x:l,y:c})}const topLayerSelectors=[":popover-open",":modal"];function isTopLayer(t){return topLayerSelectors.some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function convertOffsetParentRelativeRectToViewportRelativeRect(t){let{elements:e,rect:o,offsetParent:i,strategy:r}=t;const n="fixed"===r,s=getDocumentElement(i),a=!!e&&isTopLayer(e.floating);if(i===s||a&&n)return o;let l={scrollLeft:0,scrollTop:0},c=createCoords(1);const d=createCoords(0),h=isHTMLElement(i);if((h||!h&&!n)&&(("body"!==getNodeName(i)||isOverflowElement(s))&&(l=getNodeScroll(i)),isHTMLElement(i))){const t=getBoundingClientRect(i);c=getScale(i),d.x=t.x+i.clientLeft,d.y=t.y+i.clientTop}return{width:o.width*c.x,height:o.height*c.y,x:o.x*c.x-l.scrollLeft*c.x+d.x,y:o.y*c.y-l.scrollTop*c.y+d.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,r=max(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),n=max(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let s=-o.scrollLeft+getWindowScrollBarX(t);const a=-o.scrollTop;return"rtl"===getComputedStyle$1(i).direction&&(s+=max(e.clientWidth,i.clientWidth)-r),{width:r,height:n,x:s,y:a}}function getViewportRect(t,e){const o=getWindow(t),i=getDocumentElement(t),r=o.visualViewport;let n=i.clientWidth,s=i.clientHeight,a=0,l=0;if(r){n=r.width,s=r.height;const t=isWebKit();(!t||t&&"fixed"===e)&&(a=r.offsetLeft,l=r.offsetTop)}return{width:n,height:s,x:a,y:l}}function getInnerBoundingClientRect(t,e){const o=getBoundingClientRect(t,!0,"fixed"===e),i=o.top+t.clientTop,r=o.left+t.clientLeft,n=isHTMLElement(t)?getScale(t):createCoords(1);return{width:t.clientWidth*n.x,height:t.clientHeight*n.y,x:r*n.x,y:i*n.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,[],!1).filter((t=>isElement(t)&&"body"!==getNodeName(t))),r=null;const n="fixed"===getComputedStyle$1(t).position;let s=n?getParentNode(t):t;for(;isElement(s)&&!isLastTraversableNode(s);){const e=getComputedStyle$1(s),o=isContainingBlock(s);o||"fixed"!==e.position||(r=null);(n?!o&&!r:!o&&"static"===e.position&&!!r&&["absolute","fixed"].includes(r.position)||isOverflowElement(s)&&!o&&hasFixedPositionAncestor(t,s))?i=i.filter((t=>t!==s)):r=e,s=getParentNode(s)}return e.set(t,i),i}function getClippingRect(t){let{element:e,boundary:o,rootBoundary:i,strategy:r}=t;const n=[..."clippingAncestors"===o?getClippingElementAncestors(e,this._c):[].concat(o),i],s=n[0],a=n.reduce(((t,o)=>{const i=getClientRectFromClippingAncestor(e,o,r);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,r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}}function getDimensions(t){const{width:e,height:o}=getCssDimensions(t);return{width:e,height:o}}function getRectRelativeToOffsetParent(t,e,o){const i=isHTMLElement(e),r=getDocumentElement(e),n="fixed"===o,s=getBoundingClientRect(t,!0,n,e);let a={scrollLeft:0,scrollTop:0};const l=createCoords(0);if(i||!i&&!n)if(("body"!==getNodeName(e)||isOverflowElement(r))&&(a=getNodeScroll(e)),i){const t=getBoundingClientRect(e,!0,n,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else r&&(l.x=getWindowScrollBarX(r));return{x:s.left+a.scrollLeft-l.x,y:s.top+a.scrollTop-l.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 getOffsetParent(t,e){const o=getWindow(t);if(!isHTMLElement(t)||isTopLayer(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){const e=this.getOffsetParent||getOffsetParent,o=this.getDimensions;return{reference:getRectRelativeToOffsetParent(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,...await o(t.floating)}}};function isRTL(t){return"rtl"===getComputedStyle$1(t).direction}const platform={convertOffsetParentRelativeRectToViewportRelativeRect,getDocumentElement,getClippingRect,getOffsetParent,getElementRects,getClientRects,getDimensions,getScale,isElement,isRTL};function observeMove(t,e){let o,i=null;const r=getDocumentElement(t);function n(){var t;clearTimeout(o),null==(t=i)||t.disconnect(),i=null}return function s(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),n();const{left:c,top:d,width:h,height:u}=t.getBoundingClientRect();if(a||e(),!h||!u)return;const g={rootMargin:-floor(d)+"px "+-floor(r.clientWidth-(c+h))+"px "+-floor(r.clientHeight-(d+u))+"px "+-floor(c)+"px",threshold:max(0,min(1,l))||1};let p=!0;function m(t){const e=t[0].intersectionRatio;if(e!==l){if(!p)return s();e?s(!1,e):o=setTimeout((()=>{s(!1,1e-7)}),100)}p=!1}try{i=new IntersectionObserver(m,{...g,root:r.ownerDocument})}catch(t){i=new IntersectionObserver(m,g)}i.observe(t)}(!0),n}function autoUpdate(t,e,o,i){void 0===i&&(i={});const{ancestorScroll:r=!0,ancestorResize:n=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=i,c=unwrapElement(t),d=r||n?[...c?getOverflowAncestors(c):[],...getOverflowAncestors(e)]:[];d.forEach((t=>{r&&t.addEventListener("scroll",o,{passive:!0}),n&&t.addEventListener("resize",o)}));const h=c&&a?observeMove(c,o):null;let u,g=-1,p=null;s&&(p=new ResizeObserver((t=>{let[i]=t;i&&i.target===c&&p&&(p.unobserve(e),cancelAnimationFrame(g),g=requestAnimationFrame((()=>{var t;null==(t=p)||t.observe(e)}))),o()})),c&&!l&&p.observe(c),p.observe(e));let m=l?getBoundingClientRect(t):null;return l&&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,u=requestAnimationFrame(e)}(),o(),()=>{var t;d.forEach((t=>{r&&t.removeEventListener("scroll",o),n&&t.removeEventListener("resize",o)})),null==h||h(),null==(t=p)||t.disconnect(),p=null,l&&cancelAnimationFrame(u)}}const shift=shift$1,flip=flip$1,hide=hide$1,arrow=arrow$1,computePosition=(t,e,o)=>{const i=new Map,r={platform,...o},n={...r.platform,_c:i};return computePosition$1(t,e,{...r,platform:n})};function offsetParent(t){return offsetParentPolyfill(t)}function flatTreeParent(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}function offsetParentPolyfill(t){for(let e=t;e;e=flatTreeParent(e))if(e instanceof Element&&"none"===getComputedStyle(e).display)return null;for(let e=flatTreeParent(t);e;e=flatTreeParent(e)){if(!(e instanceof Element))continue;const t=getComputedStyle(e);if("contents"!==t.display){if("static"!==t.position||"none"!==t.filter)return e;if("BODY"===e.tagName)return e}}return null}function supportsPopover(){return Object.hasOwn(HTMLElement.prototype,"popover")}function isPopover(t){return!!t&&(supportsPopover()&&t.matches("[popover]"))}function getPositionOffset(t,e,o){const i="var(--m-popover-arrow-size)";switch(e){case"top":case"left":return t?`-1 * ${i} - ${o}px`:`-1 * ${o}px`;case"bottom":case"right":return t?`${i} + ${o}px`:`${o}px`;default:return"0px"}}var _Popover_updateCleanup,_Popover_getArrowPosition;const 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},asPopover:{type:Boolean,attribute:"as-popover"}}}constructor(){super(),_Popover_updateCleanup.set(this,void 0),this.getFloatingOffset=()=>10,this.renderArrow=()=>x`<span id="arrow"></span>`,this.reposition=async t=>{if(null==this.floating||null==this.reference)return;const{x:e,y:o,placement:i,middlewareData:r}=await computePosition(this.reference,this.floating,{strategy:this.position??"fixed",placement:this.placement??"bottom-start",platform:{...platform,getOffsetParent:t=>platform.getOffsetParent(t,offsetParent)},middleware:[flip(),shift(),this.arrow?arrow({element:this.arrow,padding:10}):void 0,hide()]});if(r.hide?.referenceHidden)return void Object.assign(this.floating.style,{visibility:"hidden"});const[n]=i.split("-"),s=null!=this.arrow,a={top:{x:"0px",y:getPositionOffset(s,"top",this.getFloatingOffset())},bottom:{x:"0px",y:getPositionOffset(s,"bottom",this.getFloatingOffset())},right:{x:getPositionOffset(s,"right",this.getFloatingOffset()),y:"0px"},left:{x:getPositionOffset(s,"left",this.getFloatingOffset()),y:"0px"}};Object.assign(this.floating.style,{visibility:"visible",top:`calc(${o}px + ${a[n].y})`,left:`calc(${e}px + ${a[n].x})`}),null!=this.arrow&&r.arrow&&Object.assign(this.arrow.style,__classPrivateFieldGet$1(this,_Popover_getArrowPosition,"f").call(this,r.arrow,n)),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==t)return{};const o={top:"bottom",right:"left",bottom:"top",left:"right"}[e],{x:i,y:r}=t;return{left:null!=i?`${i}px`:"",top:null!=r?`${r}px`:"",right:"",bottom:"",[o]:-this.arrow.offsetWidth/2+"px"}})),this.position="fixed",this.placement="top-end",this.open=!1,this.asPopover=!1}disconnectedCallback(){super.disconnectedCallback(),__classPrivateFieldGet$1(this,_Popover_updateCleanup,"f")?.call(this)}firstUpdated(){this.asPopover&&supportsPopover()&&this.floating&&this.floating.setAttribute("popover","manual"),this.open&&this.show()}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.reference&&this.floating&&(isPopover(this.floating)&&this.floating.showPopover(),__classPrivateFieldSet(this,_Popover_updateCleanup,autoUpdate(this.reference,this.floating,(()=>{this.reposition("auto")})),"f")))}hide(){this.open&&(this.open=!1,null!=this.floating&&isPopover(this.floating)&&this.floating.hidePopover(),__classPrivateFieldGet$1(this,_Popover_updateCleanup,"f")?.call(this))}toggle(){this.open?this.hide():this.show()}}_Popover_updateCleanup=new WeakMap,_Popover_getArrowPosition=new WeakMap;const DEFAULT_SELECTORS={referenceSelector:"slot[name='reference']::slotted(*),",floatingSelector:"slot[name='floating']::slotted(*)"};function styles$m(t=DEFAULT_SELECTORS){const{referenceSelector:e,floatingSelector:o}={...DEFAULT_SELECTORS,...t};return[i$5`
|
|
1838
1920
|
:host {
|
|
1839
1921
|
--m-popover-background-color: ${getColor("color-background-secondary-inverted")};
|
|
1840
1922
|
--m-popover-border-radius: ${getToken("border-radius-m")};
|
|
@@ -2124,7 +2206,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2124
2206
|
<slot name="leading"></slot>
|
|
2125
2207
|
<slot></slot>
|
|
2126
2208
|
<slot name="trailing"></slot>
|
|
2127
|
-
`}}DropdownItem.styles=[itemStyles()],window.customElements.define("m-dropdown-item",DropdownItem);const emptyStateContext=n$
|
|
2209
|
+
`}}DropdownItem.styles=[itemStyles()],window.customElements.define("m-dropdown-item",DropdownItem);const emptyStateContext=n$9(Symbol("empty-state"));function getActionSize(t){switch(t){case"panel":case"card":case"card-horizontal":return"small";default:return"default"}}var _EmptyStateAction_contextCallback,_EmptyStateHeader_contextCallback;class EmptyStateAction extends Button{constructor(){super(),_EmptyStateAction_contextCallback.set(this,(({variant:t})=>{this.size=getActionSize(t)})),this.type="button",this.variant="primary",this.context=new s$8(this,{context:emptyStateContext,callback:__classPrivateFieldGet$1(this,_EmptyStateAction_contextCallback,"f"),subscribe:!0})}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","action")}}_EmptyStateAction_contextCallback=new WeakMap,window.customElements.define("m-empty-state-action",EmptyStateAction);class EmptyStateHeader extends Text{constructor(){super(),_EmptyStateHeader_contextCallback.set(this,(t=>{switch(t.variant){case"panel":this.variant="body-md-bold";break;case"card":case"card-horizontal":this.variant="body-sm-bold";break;default:this.variant="heading-sm-bold"}})),this.variant="heading-sm-bold",this.context=new s$8(this,{context:emptyStateContext,callback:__classPrivateFieldGet$1(this,_EmptyStateHeader_contextCallback,"f"),subscribe:!0})}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","header")}}function styles$l(){return i$5`
|
|
2128
2210
|
slot {
|
|
2129
2211
|
display: block;
|
|
2130
2212
|
}
|
|
@@ -2264,12 +2346,12 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2264
2346
|
width: 24px;
|
|
2265
2347
|
height: 24px;
|
|
2266
2348
|
}
|
|
2267
|
-
`}_EmptyStateHeader_contextCallback=new WeakMap,window.customElements.define("m-empty-state-header",EmptyStateHeader);const style=document.createElement("style");style.textContent=illustrationStyles().cssText,document.head.appendChild(style);class EmptyStateIllustration extends s$
|
|
2349
|
+
`}_EmptyStateHeader_contextCallback=new WeakMap,window.customElements.define("m-empty-state-header",EmptyStateHeader);const style=document.createElement("style");style.textContent=illustrationStyles().cssText,document.head.appendChild(style);class EmptyStateIllustration extends s$a{createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","illustration")}}var _EmptyStateMessage_contextCallback,_EmptyState_instances,_EmptyState_contextProvider,_EmptyState_handleClickAction;window.customElements.define("m-empty-state-illustration",EmptyStateIllustration);class EmptyStateMessage extends Text{constructor(){super(),_EmptyStateMessage_contextCallback.set(this,(t=>{if("panel"===t.variant)this.variant="body-sm";else this.variant="body-md"})),this.variant="body-md",this.context=new s$8(this,{context:emptyStateContext,callback:__classPrivateFieldGet$1(this,_EmptyStateMessage_contextCallback,"f"),subscribe:!0})}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","message")}}_EmptyStateMessage_contextCallback=new WeakMap,window.customElements.define("m-empty-state-message",EmptyStateMessage),attachContextRoot();class EmptyState extends Component{static get properties(){return{variant:{type:String,reflect:!0},illustration:{type:String,reflect:!0},header:{type:String,reflect:!0},message:{type:String,reflect:!0},action:{type:String,reflect:!0}}}constructor(){super(),_EmptyState_instances.add(this),_EmptyState_contextProvider.set(this,new i$4(this,{context:emptyStateContext,initialValue:{variant:void 0}})),this.variant="page"}updated(t){super.updated(t),t.has("variant")&&__classPrivateFieldGet$1(this,_EmptyState_contextProvider,"f").setValue({variant:this.variant??"page"})}render(){const t=this.illustration?n$3`<img role="presentation" src=${this.illustration} />`:A$1,e=this.variant?.startsWith("card")?n$3`<slot name="header">${this.header}</slot>`:n$3`
|
|
2268
2350
|
<div class="empty-state-body">
|
|
2269
2351
|
<slot name="header">${this.header}</slot>
|
|
2270
2352
|
<slot name="message">${this.message}</slot>
|
|
2271
2353
|
</div>
|
|
2272
|
-
`,o=this.action?n$
|
|
2354
|
+
`,o=this.action?n$3`
|
|
2273
2355
|
<m-button
|
|
2274
2356
|
type="button"
|
|
2275
2357
|
variant="primary"
|
|
@@ -2277,13 +2359,13 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2277
2359
|
@click=${__classPrivateFieldGet$1(this,_EmptyState_instances,"m",_EmptyState_handleClickAction)}
|
|
2278
2360
|
>${this.action}</m-button
|
|
2279
2361
|
>
|
|
2280
|
-
`:A$1;return n$
|
|
2362
|
+
`:A$1;return n$3`
|
|
2281
2363
|
<div class="illustration-wrapper">
|
|
2282
2364
|
<slot name="illustration">${t}</slot>
|
|
2283
2365
|
</div>
|
|
2284
2366
|
${e}
|
|
2285
2367
|
<slot name="action">${o}</slot>
|
|
2286
|
-
`}}_EmptyState_contextProvider=new WeakMap,_EmptyState_instances=new WeakSet,_EmptyState_handleClickAction=function(t){t.preventDefault(),t.stopPropagation(),this.emit("m-action")},EmptyState.styles=[styles$l()],window.customElements.define("m-empty-state",EmptyState);const EMPTY_STATE_VARIANTS=["page","panel","card","card-horizontal"]
|
|
2368
|
+
`}}_EmptyState_contextProvider=new WeakMap,_EmptyState_instances=new WeakSet,_EmptyState_handleClickAction=function(t){t.preventDefault(),t.stopPropagation(),this.emit("m-action")},EmptyState.styles=[styles$l()],window.customElements.define("m-empty-state",EmptyState);const EMPTY_STATE_VARIANTS=["page","panel","card","card-horizontal"];function styles$k(){return[i$5`
|
|
2287
2369
|
:host {
|
|
2288
2370
|
--m-field-hint-color: ${getColor("color-text-tertiary")};
|
|
2289
2371
|
}
|
|
@@ -2300,10 +2382,10 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2300
2382
|
${typography("body-sm")};
|
|
2301
2383
|
color: var(--m-field-hint-color);
|
|
2302
2384
|
}
|
|
2303
|
-
`]}var _FieldHint_instances,_FieldHint_getStatus;class FieldHint extends Component{static get properties(){return{status:{type:String},slot:{type:String,reflect:!0}}}constructor(){super(),_FieldHint_instances.add(this),this.field=new s$
|
|
2385
|
+
`]}var _FieldHint_instances,_FieldHint_getStatus;class FieldHint extends Component{static get properties(){return{status:{type:String},slot:{type:String,reflect:!0}}}constructor(){super(),_FieldHint_instances.add(this),this.field=new s$8(this,{context:fieldContext,subscribe:!0}),this.slot="hint"}render(){const t={"-status-default":"default"===__classPrivateFieldGet$1(this,_FieldHint_instances,"m",_FieldHint_getStatus).call(this),"-status-danger":"danger"===__classPrivateFieldGet$1(this,_FieldHint_instances,"m",_FieldHint_getStatus).call(this)};return x` <m-group
|
|
2304
2386
|
gap="spacing-0-5"
|
|
2305
2387
|
align="center"
|
|
2306
|
-
class=${o$
|
|
2388
|
+
class=${o$3(t)}
|
|
2307
2389
|
>
|
|
2308
2390
|
<slot name="leading"
|
|
2309
2391
|
>${"danger"===__classPrivateFieldGet$1(this,_FieldHint_instances,"m",_FieldHint_getStatus).call(this)?x`<m-icon
|
|
@@ -2313,7 +2395,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2313
2395
|
></m-icon>`:A$1}</slot
|
|
2314
2396
|
>
|
|
2315
2397
|
<span
|
|
2316
|
-
class=${o$
|
|
2398
|
+
class=${o$3({hint:!0,...t})}
|
|
2317
2399
|
><slot></slot>
|
|
2318
2400
|
</span>
|
|
2319
2401
|
</m-group>`}}function styles$j(){return[i$5`
|
|
@@ -2338,9 +2420,9 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2338
2420
|
.-size-small {
|
|
2339
2421
|
${typography("body-sm")};
|
|
2340
2422
|
}
|
|
2341
|
-
`]}_FieldHint_instances=new WeakSet,_FieldHint_getStatus=function(){return this.status||this.field.value?.status},FieldHint.styles=[styles$k()],window.customElements.define("m-field-hint",FieldHint);class Label extends Component{static get properties(){return{required:{type:Boolean},size:{type:String},slot:{type:String,reflect:!0}}}requiredTemplate(){return this.isRequired()?x`<span class="required" aria-hidden="true"> *</span>`:A$1}labelClassList(){const t=this.getSize();return o$
|
|
2423
|
+
`]}_FieldHint_instances=new WeakSet,_FieldHint_getStatus=function(){return this.status||this.field.value?.status},FieldHint.styles=[styles$k()],window.customElements.define("m-field-hint",FieldHint);class Label extends Component{static get properties(){return{required:{type:Boolean},size:{type:String},slot:{type:String,reflect:!0}}}requiredTemplate(){return this.isRequired()?x`<span class="required" aria-hidden="true"> *</span>`:A$1}labelClassList(){const t=this.getSize();return o$3({label:!0,"-size-small":"small"===t})}render(){return x`<label class=${this.labelClassList()}
|
|
2342
2424
|
><slot></slot>${this.requiredTemplate()}</label
|
|
2343
|
-
>`}getSize(){return this.size}isRequired(){return Boolean(this.required)}}Label.styles=[styles$j()],window.customElements.define("m-label",Label);class FieldLabel extends Label{constructor(){super(...arguments),this.field=new s$
|
|
2425
|
+
>`}getSize(){return this.size}isRequired(){return Boolean(this.required)}}Label.styles=[styles$j()],window.customElements.define("m-label",Label);class FieldLabel extends Label{constructor(){super(...arguments),this.field=new s$8(this,{context:fieldContext,subscribe:!0})}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","label")}isRequired(){return null!=this.required?this.required:Boolean(this.field.value?.required)}getSize(){return this.size??this.field.value?.size}}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 i$4(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`<m-stack gap="spacing-1" align="${l$2(this.align)}">
|
|
2344
2426
|
<slot name="label"
|
|
2345
2427
|
>${this.label?x`<m-field-label>${this.label}</m-field-label>`:A$1}</slot
|
|
2346
2428
|
>
|
|
@@ -2410,37 +2492,37 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2410
2492
|
padding: ${getToken("spacing-6")};
|
|
2411
2493
|
background-color: var(--m-subheader-background-color);
|
|
2412
2494
|
}
|
|
2413
|
-
`}class Header extends s$
|
|
2495
|
+
`}class Header extends s$a{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="page-header"}render(){return x`
|
|
2414
2496
|
<div class="m-header">
|
|
2415
2497
|
<slot name="back-button"></slot>
|
|
2416
2498
|
<slot name="content"></slot>
|
|
2417
2499
|
<slot name="actions"></slot>
|
|
2418
2500
|
</div>
|
|
2419
2501
|
<slot name="sub-header"></slot>
|
|
2420
|
-
`}}Header.styles=[styles$i()],window.customElements.define("m-header",Header);class HeaderActions extends s$
|
|
2502
|
+
`}}Header.styles=[styles$i()],window.customElements.define("m-header",Header);class HeaderActions extends s$a{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 HeaderContent extends s$a{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="content"}render(){return n$3`<slot name="title"></slot> <slot></slot>`}}HeaderContent.styles=[headerContentStyles()],window.customElements.define("m-header-content",HeaderContent);class HeaderTitle extends s$a{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$a{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="sub-header"}render(){return n$3` <m-divider></m-divider>
|
|
2421
2503
|
<div class="content">
|
|
2422
2504
|
<slot></slot>
|
|
2423
|
-
</div>`}}SubHeader.styles=[subHeaderStyles()],window.customElements.define("m-sub-header",SubHeader);const defaultLabeledValueLabelProps={color:"color-text-tertiary",variant:"body-sm"};class LabeledValueLabel extends Text{static get properties(){return{...super.properties,role:{type:String,reflect:!0}}}constructor(){super(),this.color=defaultLabeledValueLabelProps.color,this.variant=defaultLabeledValueLabelProps.variant}connectedCallback(){super.connectedCallback(),this.setAttribute("role","term"),this.setAttribute("slot","label")}update(t){!t.has("color")||void 0!==this.color&&null!==this.color||(this.color=defaultLabeledValueLabelProps.color),!t.has("variant")||void 0!==this.variant&&null!==this.variant||(this.variant=defaultLabeledValueLabelProps.variant),super.update(t)}}window.customElements.define("m-labeled-value-label",LabeledValueLabel);class LabeledValueValue extends Text{connectedCallback(){super.connectedCallback(),this.setAttribute("role","definition"),this.setAttribute("slot","value")}}window.customElements.define("m-labeled-value-value",LabeledValueValue);const defaultLabeledValueProps={gap:"spacing-2",justify:"flex-start"};class LabeledValue extends s$
|
|
2505
|
+
</div>`}}SubHeader.styles=[subHeaderStyles()],window.customElements.define("m-sub-header",SubHeader);const defaultLabeledValueLabelProps={color:"color-text-tertiary",variant:"body-sm"};class LabeledValueLabel extends Text{static get properties(){return{...super.properties,role:{type:String,reflect:!0}}}constructor(){super(),this.color=defaultLabeledValueLabelProps.color,this.variant=defaultLabeledValueLabelProps.variant}connectedCallback(){super.connectedCallback(),this.setAttribute("role","term"),this.setAttribute("slot","label")}update(t){!t.has("color")||void 0!==this.color&&null!==this.color||(this.color=defaultLabeledValueLabelProps.color),!t.has("variant")||void 0!==this.variant&&null!==this.variant||(this.variant=defaultLabeledValueLabelProps.variant),super.update(t)}}window.customElements.define("m-labeled-value-label",LabeledValueLabel);class LabeledValueValue extends Text{connectedCallback(){super.connectedCallback(),this.setAttribute("role","definition"),this.setAttribute("slot","value")}}window.customElements.define("m-labeled-value-value",LabeledValueValue);const defaultLabeledValueProps={gap:"spacing-2",justify:"flex-start"};class LabeledValue extends s$a{constructor(){super(),this.inline=!1,this.gap=defaultLabeledValueProps.gap,this.justify=defaultLabeledValueProps.justify}static get properties(){return{inline:{type:Boolean},label:{type:String},value:{type:String},gap:{type:String},align:{type:String},justify:{type:String},fallbackValue:{type:String,attribute:"fallback-value"},labelVariant:{type:String,attribute:"label-variant"},labelColor:{type:String,attribute:"label-color"},valueVariant:{type:String,attribute:"value-variant"},valueColor:{type:String,attribute:"value-color"}}}getFallback(){return x`<slot name="fallback">${this.fallbackValue??"-"}</slot>`}getLabel(){return x`<slot name="label"
|
|
2424
2506
|
><m-labeled-value-label
|
|
2425
2507
|
variant=${this.getLabelVariant()}
|
|
2426
|
-
color=${l$
|
|
2508
|
+
color=${l$2(this.labelColor)}
|
|
2427
2509
|
>${this.label}</m-labeled-value-label
|
|
2428
2510
|
></slot
|
|
2429
2511
|
>`}getValue(){return x`<slot name="value"
|
|
2430
2512
|
><m-labeled-value-value
|
|
2431
|
-
variant=${l$
|
|
2432
|
-
color=${l$
|
|
2513
|
+
variant=${l$2(this.valueVariant)}
|
|
2514
|
+
color=${l$2(this.valueColor)}
|
|
2433
2515
|
>${this.value??this.getFallback()}</m-labeled-value-value
|
|
2434
2516
|
></slot
|
|
2435
2517
|
>`}getLabelVariant(){return this.labelVariant?this.labelVariant:this.inline?"body-md":"body-sm"}get wrapperAlign(){return this.align?this.align:this.inline?"center":"flex-start"}bodyTemplate(){return x`${this.getLabel()} ${this.getValue()}`}render(){return this.inline?x`<m-group
|
|
2436
|
-
gap="${l$
|
|
2518
|
+
gap="${l$2(this.gap)}"
|
|
2437
2519
|
align="${this.wrapperAlign}"
|
|
2438
|
-
justify="${l$
|
|
2520
|
+
justify="${l$2(this.justify)}"
|
|
2439
2521
|
>${this.bodyTemplate()}</m-group
|
|
2440
2522
|
>`:x`<m-stack
|
|
2441
|
-
gap="${l$
|
|
2523
|
+
gap="${l$2(this.gap)}"
|
|
2442
2524
|
align="${this.wrapperAlign}"
|
|
2443
|
-
justify="${l$
|
|
2525
|
+
justify="${l$2(this.justify)}"
|
|
2444
2526
|
>${this.bodyTemplate()}</m-stack
|
|
2445
2527
|
>`}}function styles$h(){return i$5`
|
|
2446
2528
|
.m-link {
|
|
@@ -2488,13 +2570,13 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2488
2570
|
}
|
|
2489
2571
|
`}var _Link_instances,_Link_disabled_get,_Link_href_get,_Link_rel_get,_Link_handleClick;window.customElements.define("m-labeled-value",LabeledValue);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`
|
|
2490
2572
|
<a
|
|
2491
|
-
class=${o$
|
|
2492
|
-
href=${l$
|
|
2493
|
-
target=${l$
|
|
2494
|
-
rel=${l$
|
|
2495
|
-
download=${l$
|
|
2496
|
-
ping=${l$
|
|
2497
|
-
referrerpolicy=${l$
|
|
2573
|
+
class=${o$3({"m-link":!0,"-small":"small"===this.size,"-default":"default"===this.size,"-large":"large"===this.size,"is-disabled":__classPrivateFieldGet$1(this,_Link_instances,"a",_Link_disabled_get)})}
|
|
2574
|
+
href=${l$2(__classPrivateFieldGet$1(this,_Link_instances,"a",_Link_href_get))}
|
|
2575
|
+
target=${l$2(this.target)}
|
|
2576
|
+
rel=${l$2(__classPrivateFieldGet$1(this,_Link_instances,"a",_Link_rel_get))}
|
|
2577
|
+
download=${l$2(this.download)}
|
|
2578
|
+
ping=${l$2(this.ping)}
|
|
2579
|
+
referrerpolicy=${l$2(this.referrerpolicy)}
|
|
2498
2580
|
@click=${__classPrivateFieldGet$1(this,_Link_instances,"m",_Link_handleClick)}
|
|
2499
2581
|
><slot></slot
|
|
2500
2582
|
></a>
|
|
@@ -2508,7 +2590,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2508
2590
|
slot[name='page-header']::slotted(*) {
|
|
2509
2591
|
border-bottom: ${getToken("border-thin")} solid ${getColor("color-border")};
|
|
2510
2592
|
}
|
|
2511
|
-
`}_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$1(this,_Link_instances,"a",_Link_disabled_get)?void 0:this.href},_Link_rel_get=function(){let t=this.rel;if("_blank"===this.target){const e=new Set((this.rel??"").split(/\s+/).filter(Boolean));this.referrerpolicy?.trim()||e.add("noreferrer"),e.has("opener")||e.add("noopener"),t=Array.from(e).join(" ")}return t},_Link_handleClick=function(t){if(__classPrivateFieldGet$1(this,_Link_instances,"a",_Link_disabled_get))return t.preventDefault(),t.stopPropagation(),!1},Link.styles=[styles$h()],window.customElements.define("m-link",Link);class PageContent extends s$
|
|
2593
|
+
`}_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$1(this,_Link_instances,"a",_Link_disabled_get)?void 0:this.href},_Link_rel_get=function(){let t=this.rel;if("_blank"===this.target){const e=new Set((this.rel??"").split(/\s+/).filter(Boolean));this.referrerpolicy?.trim()||e.add("noreferrer"),e.has("opener")||e.add("noopener"),t=Array.from(e).join(" ")}return t},_Link_handleClick=function(t){if(__classPrivateFieldGet$1(this,_Link_instances,"a",_Link_disabled_get))return t.preventDefault(),t.stopPropagation(),!1},Link.styles=[styles$h()],window.customElements.define("m-link",Link);class PageContent extends s$a{render(){return x`
|
|
2512
2594
|
<slot name="page-header"></slot>
|
|
2513
2595
|
<slot name="page-body"></slot>
|
|
2514
2596
|
`}}function styles$f(){return i$5`
|
|
@@ -2681,10 +2763,10 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2681
2763
|
.-danger {
|
|
2682
2764
|
--m-progress-bar-progress-background: ${getColor("color-danger-60")};
|
|
2683
2765
|
}
|
|
2684
|
-
`}var _ProgressBar_instances,_ProgressBar_safeMaxValue_get,_ProgressBar_safeValue_get;Pagination.styles=[styles$f()],window.customElements.define("m-pagination",Pagination);const DEFAULT_VARIANT="default",DEFAULT_MAX=100,DEFAULT_MIN=0,DEFAULT_VALUE=0;class ProgressBar extends s$
|
|
2766
|
+
`}var _ProgressBar_instances,_ProgressBar_safeMaxValue_get,_ProgressBar_safeValue_get;Pagination.styles=[styles$f()],window.customElements.define("m-pagination",Pagination);const DEFAULT_VARIANT="default",DEFAULT_MAX=100,DEFAULT_MIN=0,DEFAULT_VALUE=0;class ProgressBar extends s$a{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$1(this,_ProgressBar_instances,"a",_ProgressBar_safeValue_get)/__classPrivateFieldGet$1(this,_ProgressBar_instances,"a",_ProgressBar_safeMaxValue_get)}get currentVariant(){return this.variant}render(){return x`
|
|
2685
2767
|
<div class="bar">
|
|
2686
2768
|
<span
|
|
2687
|
-
class=${o$
|
|
2769
|
+
class=${o$3({progress:!0,"-default":"default"===this.currentVariant,"-success":"success"===this.currentVariant,"-warning":"warning"===this.currentVariant,"-danger":"danger"===this.currentVariant})}
|
|
2688
2770
|
style=${o$1({width:`${this.percentage}%`})}
|
|
2689
2771
|
></span>
|
|
2690
2772
|
</div>
|
|
@@ -2791,7 +2873,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2791
2873
|
${on(".radio-button","*").disabled} {
|
|
2792
2874
|
pointer-events: none;
|
|
2793
2875
|
}
|
|
2794
|
-
`}var _Radio_instances,_Radio_button_get,_Radio_handleClick,_Radio_setDisabled,_Radio_setChecked;class Radio extends s$
|
|
2876
|
+
`}var _Radio_instances,_Radio_button_get,_Radio_handleClick,_Radio_setDisabled,_Radio_setChecked;class Radio extends s$a{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??!1))})),_Radio_setChecked.set(this,(()=>{this.setAttribute("aria-checked",String(this.checked??!1))})),this.disabled=!1,this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radio"),this.addEventListener("click",__classPrivateFieldGet$1(this,_Radio_handleClick,"f"))}updated(t){super.updated(t),t.has("disabled")&&__classPrivateFieldGet$1(this,_Radio_setDisabled,"f").call(this),t.has("checked")&&__classPrivateFieldGet$1(this,_Radio_setChecked,"f").call(this)}render(){return x`
|
|
2795
2877
|
<button
|
|
2796
2878
|
type="button"
|
|
2797
2879
|
class="radio-button"
|
|
@@ -2814,9 +2896,9 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2814
2896
|
.radio-group.-horizontal {
|
|
2815
2897
|
flex-direction: row;
|
|
2816
2898
|
}
|
|
2817
|
-
`}_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$
|
|
2899
|
+
`}_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$a{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,(()=>{const t=__classPrivateFieldGet$1(this,_RadioGroup_getButtons,"f").call(this);return t[0]?.value})),_RadioGroup_getButtons.set(this,(()=>{__classPrivateFieldGet$1(this,_RadioGroup_defaultSlot,"f")||__classPrivateFieldSet(this,_RadioGroup_defaultSlot,this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...__classPrivateFieldGet$1(this,_RadioGroup_defaultSlot,"f")?.assignedElements({flatten:!0})??[]].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$1(this,_RadioGroup_selectionController,"f")&&__classPrivateFieldGet$1(this,_RadioGroup_selectionController,"f").init(toArray$1(this.value||__classPrivateFieldGet$1(this,_RadioGroup_getDefaultChecked,"f").call(this))),t.has("selection")&&([this.value]=this.selection)}updated(t){super.updated(t),t.has("selection")&&__classPrivateFieldGet$1(this,_RadioGroup_getButtons,"f").call(this).forEach((t=>{__classPrivateFieldGet$1(this,_RadioGroup_setButtonChecked,"f").call(this,t)})),t.has("disabled")&&__classPrivateFieldGet$1(this,_RadioGroup_getButtons,"f").call(this).forEach((t=>{__classPrivateFieldGet$1(this,_RadioGroup_setButtonDisabled,"f").call(this,t)}))}render(){return x`
|
|
2818
2900
|
<div
|
|
2819
|
-
class=${o$
|
|
2901
|
+
class=${o$3({"radio-group":!0,"-vertical":"vertical"===this.orientation,"-horizontal":"horizontal"===this.orientation})}
|
|
2820
2902
|
>
|
|
2821
2903
|
<slot></slot>
|
|
2822
2904
|
</div>
|
|
@@ -2856,11 +2938,11 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2856
2938
|
${typography("heading-lg-bold")};
|
|
2857
2939
|
margin: 0 0 ${getToken("spacing-2")} 0;
|
|
2858
2940
|
}
|
|
2859
|
-
`}_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$c()],window.customElements.define("m-radio-group",RadioGroup);class Section extends s$
|
|
2941
|
+
`}_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$c()],window.customElements.define("m-radio-group",RadioGroup);class Section extends s$a{render(){return x`
|
|
2860
2942
|
<slot name="title"></slot>
|
|
2861
2943
|
<m-divider></m-divider>
|
|
2862
2944
|
<slot></slot>
|
|
2863
|
-
`}}Section.styles=[styles$b()],window.customElements.define("m-section",Section);const HTML_TAGS=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","label","legend","li","link","main","map","mark","menu","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","slot","small","source","span","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr"],PolymorphicTagMixin=({superClass:t,allowedTags:e=HTML_TAGS,fallbackTag:o="div"})=>class extends t{static get properties(){return{as:{type:String}}}attributeChangedCallback(t,i,r){super.attributeChangedCallback(t,i,r),"as"===t&&(null!==r&&e.includes(r)?this.as=r:this.as=o)}get tag(){return i$
|
|
2945
|
+
`}}Section.styles=[styles$b()],window.customElements.define("m-section",Section);const HTML_TAGS=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","label","legend","li","link","main","map","mark","menu","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","slot","small","source","span","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr"],PolymorphicTagMixin=({superClass:t,allowedTags:e=HTML_TAGS,fallbackTag:o="div"})=>class extends t{static get properties(){return{as:{type:String}}}attributeChangedCallback(t,i,r){super.attributeChangedCallback(t,i,r),"as"===t&&(null!==r&&e.includes(r)?this.as=r:this.as=o)}get tag(){return i$1`${o$2(this.as)}`}},allowedTags=["h1","h2","h3","h4","h5","h6","p","span"];class SectionTitle extends(PolymorphicTagMixin({superClass:s$a,allowedTags,fallbackTag:"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`<${this.tag} class=${o$3({title:!0,"-size-small":"small"===this.size,"-size-default":"default"===this.size,"-size-large":"large"===this.size})}>
|
|
2864
2946
|
<slot name="leading"></slot>
|
|
2865
2947
|
<slot></slot>
|
|
2866
2948
|
</${this.tag}>`}}function styles$a(){return i$5`
|
|
@@ -2883,7 +2965,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2883
2965
|
transform: rotate(359deg);
|
|
2884
2966
|
}
|
|
2885
2967
|
}
|
|
2886
|
-
`}SectionTitle.styles=[sectionTitleStyles()],window.customElements.define("m-section-title",SectionTitle);const DEFAULT_SIZE$1=48;class SpinnerWheel extends s$
|
|
2968
|
+
`}SectionTitle.styles=[sectionTitleStyles()],window.customElements.define("m-section-title",SectionTitle);const DEFAULT_SIZE$1=48;class SpinnerWheel extends s$a{static get properties(){return{size:{type:String}}}update(t){super.update(t),t.has("size")&&null!=this.size&&this.style.setProperty("--m-spinner-size",`${parseInt(String(this.size),10)||48}px`)}render(){return b$1`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#CADBDD" fill-rule="evenodd" d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Zm0-10c7.732 0 14-6.268 14-14s-6.268-14-14-14-14 6.268-14 14 6.268 14 14 14Z" clip-rule="evenodd"/><path fill="url(#a)" d="M24 43.068c0 2.724-2.231 4.983-4.898 4.427a23.999 23.999 0 0 1 0-46.99C21.77-.051 24 2.208 24 4.932c0 2.723-2.273 4.852-4.833 5.783a14.135 14.135 0 0 0-5.163 23.28 14.135 14.135 0 0 0 5.163 3.29c2.56.93 4.833 3.06 4.833 5.783Z"/><defs><linearGradient id="a" x1="9.608" x2="44.189" y1="42.161" y2="7.59" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#00D7D7"/><stop offset="1" stop-color="#84F11E"/></linearGradient></defs></svg>`}}function stepsStyles(){return[i$5`
|
|
2887
2969
|
:host {
|
|
2888
2970
|
--m-steps-circle-size: 24px;
|
|
2889
2971
|
|
|
@@ -3015,7 +3097,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
3015
3097
|
`]}var _Steps_instances,_Steps_stepSequence,_Steps_getDefaultActive,_Steps_queryStep,_Steps_handleSlotChange,_Steps_findStepIndex,_Steps_onNextStep,_Steps_onPreviousStep,_Steps_onNavigateStep,_Steps_onCompleteStep,_Switch_instances,_Switch_controllers,_Switch_toggle,_Switch_handleClick;SpinnerWheel.styles=[styles$a()],window.customElements.define("m-spinner-wheel",SpinnerWheel);class Steps extends Component{constructor(){super(...arguments),_Steps_instances.add(this),_Steps_stepSequence.set(this,[]),_Steps_getDefaultActive.set(this,(()=>this.querySelector("m-step")?.name)),_Steps_queryStep.set(this,(t=>t?this.querySelector(`[name="${t}"]`):null)),_Steps_handleSlotChange.set(this,(()=>{const t=Array.from(this.querySelectorAll("m-step"));__classPrivateFieldSet(this,_Steps_stepSequence,[],"f"),t.forEach(((t,e)=>{__classPrivateFieldGet$1(this,_Steps_stepSequence,"f").push(t.name),t.setAttribute("order",String(e+1))})),this.requestUpdate()})),_Steps_onNextStep.set(this,(()=>{const t=__classPrivateFieldGet$1(this,_Steps_instances,"m",_Steps_findStepIndex).call(this,this.activeStep);if(-1===t||t>=__classPrivateFieldGet$1(this,_Steps_stepSequence,"f").length-1)return;const e=t+1;this.activeStep=__classPrivateFieldGet$1(this,_Steps_stepSequence,"f")[e],this.emit("m-change",{detail:{active:this.activeStep}})})),_Steps_onPreviousStep.set(this,(()=>{const t=__classPrivateFieldGet$1(this,_Steps_instances,"m",_Steps_findStepIndex).call(this,this.activeStep);if(t<=0)return;const e=t-1;this.activeStep=__classPrivateFieldGet$1(this,_Steps_stepSequence,"f")[e],this.emit("m-change",{detail:{active:this.activeStep}})})),_Steps_onNavigateStep.set(this,(t=>{const{detail:e}=t;-1!==__classPrivateFieldGet$1(this,_Steps_instances,"m",_Steps_findStepIndex).call(this,e)&&e!==this.activeStep&&(this.activeStep=e,this.emit("m-change",{detail:{active:e}}))})),_Steps_onCompleteStep.set(this,(()=>{const t=__classPrivateFieldGet$1(this,_Steps_queryStep,"f").call(this,this.activeStep);t&&!0!==t.completed&&(t.completed=!0,this.emit("m-change",{detail:{completed:this.activeStep}}))}))}static get properties(){return{activeStep:{type:String,attribute:"active-step",reflect:!0}}}connectedCallback(){super.connectedCallback(),this.addEventListener("m-next",__classPrivateFieldGet$1(this,_Steps_onNextStep,"f")),this.addEventListener("m-previous",__classPrivateFieldGet$1(this,_Steps_onPreviousStep,"f")),this.addEventListener("m-navigate",__classPrivateFieldGet$1(this,_Steps_onNavigateStep,"f")),this.addEventListener("m-complete",__classPrivateFieldGet$1(this,_Steps_onCompleteStep,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("m-next",__classPrivateFieldGet$1(this,_Steps_onNextStep,"f")),this.removeEventListener("m-previous",__classPrivateFieldGet$1(this,_Steps_onPreviousStep,"f")),this.removeEventListener("m-navigate",__classPrivateFieldGet$1(this,_Steps_onNavigateStep,"f")),this.removeEventListener("m-complete",__classPrivateFieldGet$1(this,_Steps_onCompleteStep,"f"))}update(t){super.update(t);const e=__classPrivateFieldGet$1(this,_Steps_queryStep,"f").call(this,t.get("activeStep"));e&&e.removeAttribute("aria-current"),this.activeStep=this.activeStep??__classPrivateFieldGet$1(this,_Steps_getDefaultActive,"f").call(this);const o=__classPrivateFieldGet$1(this,_Steps_queryStep,"f").call(this,this.activeStep);o&&(o.setAttribute("tabindex","0"),o.setAttribute("aria-current","step"))}render(){return x`<div class="steps-container">
|
|
3016
3098
|
<slot name="step" @slotchange=${__classPrivateFieldGet$1(this,_Steps_handleSlotChange,"f")}></slot>
|
|
3017
3099
|
</div>
|
|
3018
|
-
<div class="content-container"><slot></slot></div>`}}_Steps_stepSequence=new WeakMap,_Steps_getDefaultActive=new WeakMap,_Steps_queryStep=new WeakMap,_Steps_handleSlotChange=new WeakMap,_Steps_onNextStep=new WeakMap,_Steps_onPreviousStep=new WeakMap,_Steps_onNavigateStep=new WeakMap,_Steps_onCompleteStep=new WeakMap,_Steps_instances=new WeakSet,_Steps_findStepIndex=function(t){return t?__classPrivateFieldGet$1(this,_Steps_stepSequence,"f").findIndex((e=>e===t)):-1},Steps.styles=[stepsStyles()],window.customElements.define("m-steps",Steps);class Step extends s$
|
|
3100
|
+
<div class="content-container"><slot></slot></div>`}}_Steps_stepSequence=new WeakMap,_Steps_getDefaultActive=new WeakMap,_Steps_queryStep=new WeakMap,_Steps_handleSlotChange=new WeakMap,_Steps_onNextStep=new WeakMap,_Steps_onPreviousStep=new WeakMap,_Steps_onNavigateStep=new WeakMap,_Steps_onCompleteStep=new WeakMap,_Steps_instances=new WeakSet,_Steps_findStepIndex=function(t){return t?__classPrivateFieldGet$1(this,_Steps_stepSequence,"f").findIndex((e=>e===t)):-1},Steps.styles=[stepsStyles()],window.customElements.define("m-steps",Steps);class Step extends s$a{static get properties(){return{name:{type:String,reflect:!0},order:{type:String},completed:{type:Boolean,reflect:!0},"aria-current":{type:Boolean}}}connectedCallback(){super.connectedCallback(),this.slot="step"}render(){const t="step"===this.getAttribute("aria-current");return x`
|
|
3019
3101
|
<span class="circle">
|
|
3020
3102
|
${this.completed&&!t?A$1:this.order}
|
|
3021
3103
|
<m-icon name="check" size="12"></m-icon>
|
|
@@ -3306,7 +3388,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
3306
3388
|
bottom: 0;
|
|
3307
3389
|
z-index: 1;
|
|
3308
3390
|
}
|
|
3309
|
-
`}_Switch_controllers=new WeakMap,_Switch_handleClick=new WeakMap,_Switch_instances=new WeakSet,_Switch_toggle=function(){this.checked=!this.checked,this.emit("m-change",{detail:{name:this.name,checked:this.checked}})},Switch.styles=[styles$9()],window.customElements.define("m-switch",Switch);const defaultTableProps={size:"default"};class Table extends s$
|
|
3391
|
+
`}_Switch_controllers=new WeakMap,_Switch_handleClick=new WeakMap,_Switch_instances=new WeakSet,_Switch_toggle=function(){this.checked=!this.checked,this.emit("m-change",{detail:{name:this.name,checked:this.checked}})},Switch.styles=[styles$9()],window.customElements.define("m-switch",Switch);const defaultTableProps={size:"default"};class Table extends s$a{static get properties(){return{role:{type:String,reflect:!0},size:{type:String,reflect:!0}}}constructor(){super(),this.role="table",this.size=defaultTableProps.size}render(){return x`
|
|
3310
3392
|
<slot name="table-toolbar"></slot>
|
|
3311
3393
|
<div class="overflow-wrapper">
|
|
3312
3394
|
<div class="table">
|
|
@@ -3317,10 +3399,10 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
3317
3399
|
</div>
|
|
3318
3400
|
<slot name="table-feedback"></slot>
|
|
3319
3401
|
<slot name="table-actions"></slot>
|
|
3320
|
-
`}}Table.styles=[tableStyles()],window.customElements.define("m-table",Table);class TableHead extends s$
|
|
3402
|
+
`}}Table.styles=[tableStyles()],window.customElements.define("m-table",Table);class TableHead extends s$a{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0}}}constructor(){super(),this.slot="table-head",this.role="rowgroup"}render(){return x`<slot name="table-row"></slot>`}}var _TableHeadCell_instances,_TableHeadCell_isSortable,_TableHeadCell_isDisabled,_TableHeadCell_getSortIcon,_TableHeadCell_handleClick;TableHead.styles=[tableHeadStyles()],window.customElements.define("m-table-head",TableHead);const defaultTableHeadCellProps={alignment:"left",verticalAlign:"middle",sortable:!1,sortDirection:void 0,disabled:!1};class TableHeadCell extends Component{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0},alignment:{type:String},verticalAlign:{type:String,attribute:"vertical-align"},columnId:{type:String,attribute:"column-id"},sortable:{type:Boolean,reflect:!0},sortDirection:{type:String,attribute:"sort-direction"},disabled:{type:Boolean,reflect:!0}}}constructor(){super(),_TableHeadCell_instances.add(this),_TableHeadCell_isSortable.set(this,(()=>Boolean(this.sortable))),_TableHeadCell_isDisabled.set(this,(()=>Boolean(this.disabled))),_TableHeadCell_handleClick.set(this,(()=>{if(__classPrivateFieldGet$1(this,_TableHeadCell_isDisabled,"f").call(this)||!__classPrivateFieldGet$1(this,_TableHeadCell_isSortable,"f").call(this))return;let t="asc";"asc"===this.sortDirection?t="desc":"desc"===this.sortDirection&&(t=void 0),this.emit("m-sort",{detail:{columnId:this.columnId,sortDirection:t}})})),this.slot="table-cell",this.role="columnheader",this.alignment=defaultTableHeadCellProps.alignment,this.verticalAlign=defaultTableHeadCellProps.verticalAlign,this.sortable=defaultTableHeadCellProps.sortable,this.sortDirection=defaultTableHeadCellProps.sortDirection,this.disabled=defaultTableHeadCellProps.disabled}connectedCallback(){super.connectedCallback(),this.addEventListener("click",__classPrivateFieldGet$1(this,_TableHeadCell_handleClick,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",__classPrivateFieldGet$1(this,_TableHeadCell_handleClick,"f"))}update(t){super.update(t),t.has("alignment")&&this.style.setProperty("--m-table-cell-text-align",this.alignment??defaultTableHeadCellProps.alignment),t.has("verticalAlign")&&this.style.setProperty("--m-table-cell-vertical-align",this.verticalAlign??defaultTableHeadCellProps.verticalAlign)}render(){return __classPrivateFieldGet$1(this,_TableHeadCell_isSortable,"f").call(this)?x`
|
|
3321
3403
|
<slot></slot>
|
|
3322
3404
|
<m-icon name="${__classPrivateFieldGet$1(this,_TableHeadCell_instances,"m",_TableHeadCell_getSortIcon).call(this)}" size="12"></m-icon>
|
|
3323
|
-
`:x`<slot></slot>`}}_TableHeadCell_isSortable=new WeakMap,_TableHeadCell_isDisabled=new WeakMap,_TableHeadCell_handleClick=new WeakMap,_TableHeadCell_instances=new WeakSet,_TableHeadCell_getSortIcon=function(){switch(this.sortDirection){case"asc":return"arrow-sort-up";case"desc":return"arrow-sort-down";default:return"arrow-sort-up-down"}},TableHeadCell.styles=[tableHeadCellStyles()],window.customElements.define("m-table-head-cell",TableHeadCell);class TableBody extends s$
|
|
3405
|
+
`:x`<slot></slot>`}}_TableHeadCell_isSortable=new WeakMap,_TableHeadCell_isDisabled=new WeakMap,_TableHeadCell_handleClick=new WeakMap,_TableHeadCell_instances=new WeakSet,_TableHeadCell_getSortIcon=function(){switch(this.sortDirection){case"asc":return"arrow-sort-up";case"desc":return"arrow-sort-down";default:return"arrow-sort-up-down"}},TableHeadCell.styles=[tableHeadCellStyles()],window.customElements.define("m-table-head-cell",TableHeadCell);class TableBody extends s$a{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0}}}constructor(){super(),this.slot="table-body",this.role="rowgroup"}render(){return x`<slot name="table-row"></slot>`}}TableBody.styles=[tableBodyStyles()],window.customElements.define("m-table-body",TableBody);class TableFoot extends s$a{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0}}}constructor(){super(),this.slot="table-foot",this.role="rowgroup"}render(){return x`<slot name="table-row"></slot>`}}TableFoot.styles=[tableFootStyles()],window.customElements.define("m-table-foot",TableFoot);class TableRow extends s$a{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0}}}constructor(){super(),this.slot="table-row",this.role="row"}render(){return x`<slot name="table-cell"></slot>`}}TableRow.styles=[tableRowStyles()],window.customElements.define("m-table-row",TableRow);const defaultTableCellProps={alignment:"left",verticalAlign:"middle"};class TableCell extends s$a{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0},alignment:{type:String},verticalAlign:{type:String,attribute:"vertical-align"}}}constructor(){super(),this.slot="table-cell",this.alignment=defaultTableCellProps.alignment,this.verticalAlign=defaultTableCellProps.verticalAlign}firstUpdated(){const t=null!=this.closest("m-table-head");this.role=t?"columnheader":"cell"}update(t){super.update(t),t.has("alignment")&&this.style.setProperty("--m-table-cell-text-align",this.alignment??defaultTableCellProps.alignment),t.has("verticalAlign")&&this.style.setProperty("--m-table-cell-vertical-align",this.verticalAlign??defaultTableCellProps.verticalAlign)}render(){return x`<slot></slot>`}}TableCell.styles=[tableCellStyles()],window.customElements.define("m-table-cell",TableCell);class TableToolbar extends s$a{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="table-toolbar"}render(){return x`<slot></slot>`}}TableToolbar.styles=[tableToolbarStyles()],window.customElements.define("m-table-toolbar",TableToolbar);class TableFeedback extends s$a{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="table-feedback"}render(){return x`<slot></slot>`}}window.customElements.define("m-table-feedback",TableFeedback);class TableActions extends s$a{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0},sticky:{type:Boolean,reflect:!0}}}constructor(){super(),this.slot="table-actions"}render(){return x`<slot></slot>`}}TableActions.styles=[tableActionsStyles()],window.customElements.define("m-table-actions",TableActions);const tabsContext=n$9(Symbol("tabs")),TAB_SELECT_EVENT="m-select-tab";function styles$8(){return i$5`
|
|
3324
3406
|
:host {
|
|
3325
3407
|
--m-tabs-border-width: ${getToken("border-thin")};
|
|
3326
3408
|
--m-tabs-border-color: ${getColor("color-divider")};
|
|
@@ -3334,7 +3416,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
3334
3416
|
border-bottom-width: var(--m-tabs-border-width);
|
|
3335
3417
|
border-bottom-color: var(--m-tabs-border-color);
|
|
3336
3418
|
}
|
|
3337
|
-
`}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,_ActionableTag_instances,_ActionableTag_isSkeleton,_ActionableTag_isRemovable,_ActionableTag_isSelectable,_ActionableTag_isSelected,_ActionableTag_isDisabled,_ActionableTag_handleClose,_ActionableTag_toggle,_ActionableTag_handleClick;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 i(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,(()=>{const t=__classPrivateFieldGet$1(this,_Tabs_getTabs,"f").call(this);return t[0]?.name})),_Tabs_getTabs.set(this,(()=>{__classPrivateFieldGet$1(this,_Tabs_defaultSlot,"f")||__classPrivateFieldSet(this,_Tabs_defaultSlot,this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...__classPrivateFieldGet$1(this,_Tabs_defaultSlot,"f")?.assignedElements({flatten:!0})??[]].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$1(this,_Tabs_onSelectionChange,"f"))}update(t){super.update(t),t.has("activeTab")&&__classPrivateFieldGet$1(this,_Tabs_selectionController,"f")&&__classPrivateFieldGet$1(this,_Tabs_selectionController,"f").init(toArray$1(this.activeTab||__classPrivateFieldGet$1(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`
|
|
3419
|
+
`}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,_ActionableTag_instances,_ActionableTag_isSkeleton,_ActionableTag_isRemovable,_ActionableTag_isSelectable,_ActionableTag_isSelected,_ActionableTag_isDisabled,_ActionableTag_handleClose,_ActionableTag_toggle,_ActionableTag_handleClick;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 i$4(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,(()=>{const t=__classPrivateFieldGet$1(this,_Tabs_getTabs,"f").call(this);return t[0]?.name})),_Tabs_getTabs.set(this,(()=>{__classPrivateFieldGet$1(this,_Tabs_defaultSlot,"f")||__classPrivateFieldSet(this,_Tabs_defaultSlot,this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...__classPrivateFieldGet$1(this,_Tabs_defaultSlot,"f")?.assignedElements({flatten:!0})??[]].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$1(this,_Tabs_onSelectionChange,"f"))}update(t){super.update(t),t.has("activeTab")&&__classPrivateFieldGet$1(this,_Tabs_selectionController,"f")&&__classPrivateFieldGet$1(this,_Tabs_selectionController,"f").init(toArray$1(this.activeTab||__classPrivateFieldGet$1(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`
|
|
3338
3420
|
<div class="tablist" role="tablist"><slot name="tab"></slot></div>
|
|
3339
3421
|
<slot></slot>
|
|
3340
3422
|
`}}function styles$7(){return i$5`
|
|
@@ -3418,10 +3500,10 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
3418
3500
|
${on(".tab","*").disabled} {
|
|
3419
3501
|
pointer-events: none;
|
|
3420
3502
|
}
|
|
3421
|
-
`}_Tabs_selectionController=new WeakMap,_Tabs_defaultSlot=new WeakMap,_Tabs_onSelectionChange=new WeakMap,_Tabs_getDefaultSelected=new WeakMap,_Tabs_getTabs=new WeakMap,Tabs.styles=[styles$8()],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$
|
|
3503
|
+
`}_Tabs_selectionController=new WeakMap,_Tabs_defaultSlot=new WeakMap,_Tabs_onSelectionChange=new WeakMap,_Tabs_getDefaultSelected=new WeakMap,_Tabs_getTabs=new WeakMap,Tabs.styles=[styles$8()],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$8(this,{context:tabsContext,subscribe:!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,(()=>this.tabs.value?.tabContentDirection)),_Tab_isSelected.set(this,(()=>Boolean(this.tabs.value?.selection.has(this.name)))),_Tab_isDisabled.set(this,(()=>this.disabled||Boolean(this.tabs.value?.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$1(this,_Tab_handleClick,"f"))}updated(t){super.updated(t),__classPrivateFieldGet$1(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??!1))}render(){return x`
|
|
3422
3504
|
<button
|
|
3423
3505
|
type="button"
|
|
3424
|
-
class=${o$
|
|
3506
|
+
class=${o$3({tab:!0,"-vertical":"vertical"===__classPrivateFieldGet$1(this,_Tab_getContentDirection,"f").call(this),"-horizontal":"horizontal"===__classPrivateFieldGet$1(this,_Tab_getContentDirection,"f").call(this)})}
|
|
3425
3507
|
?disabled=${__classPrivateFieldGet$1(this,_Tab_isDisabled,"f").call(this)}
|
|
3426
3508
|
aria-selected=${__classPrivateFieldGet$1(this,_Tab_isSelected,"f").call(this)}
|
|
3427
3509
|
>
|
|
@@ -3434,7 +3516,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
3434
3516
|
|
|
3435
3517
|
display: var(--m-tab-panel-display);
|
|
3436
3518
|
}
|
|
3437
|
-
`}_Tab_handleClick=new WeakMap,_Tab_getContentDirection=new WeakMap,_Tab_isSelected=new WeakMap,_Tab_isDisabled=new WeakMap,_Tab_instances=new WeakSet,_Tab_button_get=function(){return this.renderRoot?.querySelector("button")??null},Tab.styles=[styles$7()],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$
|
|
3519
|
+
`}_Tab_handleClick=new WeakMap,_Tab_getContentDirection=new WeakMap,_Tab_isSelected=new WeakMap,_Tab_isDisabled=new WeakMap,_Tab_instances=new WeakSet,_Tab_button_get=function(){return this.renderRoot?.querySelector("button")??null},Tab.styles=[styles$7()],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$8(this,{context:tabsContext,subscribe:!0}),_TabPanel_isSelected.set(this,(()=>Boolean(this.tabs.value?.selection.has(this.forTab)))),_TabPanel_isLazy.set(this,(()=>this.lazy||Boolean(this.tabs.value?.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$1(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$1(this,_TabPanel_isLazy,"f").call(this)&&!__classPrivateFieldGet$1(this,_TabPanel_isSelected,"f").call(this)?x``:x`<slot></slot>`}}function baseTagStyles(){return[skeleton.styles(),i$5`
|
|
3438
3520
|
:host {
|
|
3439
3521
|
--m-tag-skeleton-width: 100px;
|
|
3440
3522
|
|
|
@@ -3506,9 +3588,9 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
3506
3588
|
color: ${getColor("color-text-highlight")};
|
|
3507
3589
|
background: ${getColor("color-accent-20")};
|
|
3508
3590
|
}
|
|
3509
|
-
`]}_a=TabPanel,_TabPanel_isSelected=new WeakMap,_TabPanel_isLazy=new WeakMap,TabPanel.styles=[...Reflect.get(_b,"styles",_a),styles$6()],window.customElements.define("m-tab-panel",TabPanel);class Tag extends s$
|
|
3591
|
+
`]}_a=TabPanel,_TabPanel_isSelected=new WeakMap,_TabPanel_isLazy=new WeakMap,TabPanel.styles=[...Reflect.get(_b,"styles",_a),styles$6()],window.customElements.define("m-tab-panel",TabPanel);class Tag extends s$a{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`
|
|
3510
3592
|
<span
|
|
3511
|
-
class=${o$
|
|
3593
|
+
class=${o$3({tag:!0,"-success":"success"===this.variant,"-neutral":"neutral"===this.variant,"-warning":"warning"===this.variant,"-danger":"danger"===this.variant,"-info":"info"===this.variant,"-is-skeleton":this.isSkeleton,"-size-small":"small"===this.size,"-size-default":"default"===this.size,"-size-large":"large"===this.size})}
|
|
3512
3594
|
>
|
|
3513
3595
|
${this.isSkeleton?x``:x`<slot name="leading"></slot>`}
|
|
3514
3596
|
<slot></slot>
|
|
@@ -3615,14 +3697,14 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
3615
3697
|
// manual/visual increment
|
|
3616
3698
|
padding-inline-end: calc(${getToken("spacing-2")} + 4px);
|
|
3617
3699
|
}
|
|
3618
|
-
`]}Tag.styles=[tagStyles()],window.customElements.define("m-tag",Tag);class ActionableTag extends Component{static get properties(){return{variant:{type:String},size:{type:String},selectable:{type:Boolean,reflect:!0},selected:{type:Boolean,reflect:!0},removable:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},isSkeleton:{type:Boolean,attribute:"is-skeleton"}}}constructor(){super(),_ActionableTag_instances.add(this),_ActionableTag_isSkeleton.set(this,(()=>Boolean(this.isSkeleton))),_ActionableTag_isRemovable.set(this,(()=>Boolean(this.removable))),_ActionableTag_isSelectable.set(this,(()=>Boolean(this.selectable))),_ActionableTag_isSelected.set(this,(()=>Boolean(this.selected))),_ActionableTag_isDisabled.set(this,(()=>Boolean(this.disabled))),_ActionableTag_handleClose.set(this,(t=>{t.stopPropagation(),this.disabled?t.preventDefault():this.emit("m-remove")})),_ActionableTag_handleClick.set(this,(t=>{const e=this.renderRoot.querySelector("m-close-button"),o=e&&t.composedPath().includes(e);if(this.disabled||!__classPrivateFieldGet$1(this,_ActionableTag_isSelectable,"f").call(this)||o)return t.stopPropagation(),void t.preventDefault();__classPrivateFieldGet$1(this,_ActionableTag_instances,"m",_ActionableTag_toggle).call(this)})),this.variant="default",this.size="default",this.removable=!1,this.selectable=!1,this.selected=!1,this.disabled=!1,this.isSkeleton=!1}get tag(){const t=__classPrivateFieldGet$1(this,_ActionableTag_isSelectable,"f").call(this)?"button":"span";return i$
|
|
3700
|
+
`]}Tag.styles=[tagStyles()],window.customElements.define("m-tag",Tag);class ActionableTag extends Component{static get properties(){return{variant:{type:String},size:{type:String},selectable:{type:Boolean,reflect:!0},selected:{type:Boolean,reflect:!0},removable:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},isSkeleton:{type:Boolean,attribute:"is-skeleton"}}}constructor(){super(),_ActionableTag_instances.add(this),_ActionableTag_isSkeleton.set(this,(()=>Boolean(this.isSkeleton))),_ActionableTag_isRemovable.set(this,(()=>Boolean(this.removable))),_ActionableTag_isSelectable.set(this,(()=>Boolean(this.selectable))),_ActionableTag_isSelected.set(this,(()=>Boolean(this.selected))),_ActionableTag_isDisabled.set(this,(()=>Boolean(this.disabled))),_ActionableTag_handleClose.set(this,(t=>{t.stopPropagation(),this.disabled?t.preventDefault():this.emit("m-remove")})),_ActionableTag_handleClick.set(this,(t=>{const e=this.renderRoot.querySelector("m-close-button"),o=e&&t.composedPath().includes(e);if(this.disabled||!__classPrivateFieldGet$1(this,_ActionableTag_isSelectable,"f").call(this)||o)return t.stopPropagation(),void t.preventDefault();__classPrivateFieldGet$1(this,_ActionableTag_instances,"m",_ActionableTag_toggle).call(this)})),this.variant="default",this.size="default",this.removable=!1,this.selectable=!1,this.selected=!1,this.disabled=!1,this.isSkeleton=!1}get tag(){const t=__classPrivateFieldGet$1(this,_ActionableTag_isSelectable,"f").call(this)?"button":"span";return i$1`${o$2(t)}`}render(){return n$3`
|
|
3619
3701
|
<${this.tag}
|
|
3620
|
-
class=${o$
|
|
3702
|
+
class=${o$3({tag:!0,"-default":"default"===this.variant,"-accent":"accent"===this.variant,"-size-small":"small"===this.size,"-size-default":"default"===this.size,"-size-large":"large"===this.size,"-removable":__classPrivateFieldGet$1(this,_ActionableTag_isRemovable,"f").call(this),"-selectable":__classPrivateFieldGet$1(this,_ActionableTag_isSelectable,"f").call(this),"-selected":__classPrivateFieldGet$1(this,_ActionableTag_isSelected,"f").call(this),"-is-skeleton":__classPrivateFieldGet$1(this,_ActionableTag_isSkeleton,"f").call(this),"is-disabled":__classPrivateFieldGet$1(this,_ActionableTag_isDisabled,"f").call(this)})}
|
|
3621
3703
|
@click=${__classPrivateFieldGet$1(this,_ActionableTag_handleClick,"f")}
|
|
3622
3704
|
?disabled="${__classPrivateFieldGet$1(this,_ActionableTag_isSelectable,"f").call(this)?__classPrivateFieldGet$1(this,_ActionableTag_isDisabled,"f").call(this):A$1}"
|
|
3623
3705
|
aria-disabled=${__classPrivateFieldGet$1(this,_ActionableTag_isSelectable,"f").call(this)&&__classPrivateFieldGet$1(this,_ActionableTag_isDisabled,"f").call(this)?"true":"false"}
|
|
3624
3706
|
>
|
|
3625
|
-
${this.isSkeleton?n$
|
|
3707
|
+
${this.isSkeleton?n$3``:n$3`<slot name="leading"></slot>`}
|
|
3626
3708
|
<m-text
|
|
3627
3709
|
variant=${conditional({"chips-sm":"small"===this.size,"chips-md":"default"===this.size,"button-lg":"large"===this.size})}
|
|
3628
3710
|
ellipsized
|
|
@@ -3761,23 +3843,23 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
3761
3843
|
border-radius: ${getToken("border-radius-m")};
|
|
3762
3844
|
background-clip: padding-box;
|
|
3763
3845
|
}
|
|
3764
|
-
`}class TextArea extends Component{static get properties(){return{autosize:{type:Boolean},autocomplete:{type:Boolean},autofocus:{type:Boolean},cols:{type:Number},dirname:{type:String},disabled:{type:Boolean,reflect:!0},maxLength:{type:Number,reflect:!0,attribute:"max-length"},minLength:{type:Number,reflect:!0,attribute:"min-length"},name:{type:String},placeholder:{type:String},readOnly:{type:Boolean,reflect:!0,attribute:"read-only"},resize:{type:String,reflect:!0},rows:{type:Number},spellcheck:{type:Boolean,reflect:!0,attribute:"spell-check"},value:{type:String},wrap:{type:String},status:{type:String,reflect:!0}}}constructor(){super(),this.textAreaElement=null,this.field=new s$
|
|
3765
|
-
name="${l$
|
|
3766
|
-
autocomplete=${l$
|
|
3846
|
+
`}class TextArea extends Component{static get properties(){return{autosize:{type:Boolean},autocomplete:{type:Boolean},autofocus:{type:Boolean},cols:{type:Number},dirname:{type:String},disabled:{type:Boolean,reflect:!0},maxLength:{type:Number,reflect:!0,attribute:"max-length"},minLength:{type:Number,reflect:!0,attribute:"min-length"},name:{type:String},placeholder:{type:String},readOnly:{type:Boolean,reflect:!0,attribute:"read-only"},resize:{type:String,reflect:!0},rows:{type:Number},spellcheck:{type:Boolean,reflect:!0,attribute:"spell-check"},value:{type:String},wrap:{type:String},status:{type:String,reflect:!0}}}constructor(){super(),this.textAreaElement=null,this.field=new s$8(this,{context:fieldContext,subscribe:!0,callback:()=>{__classPrivateFieldGet$1(this,_TextArea_updateStatusClass,"f").call(this)}}),_TextArea_handleInput.set(this,(t=>{this.value=t.target.value,this.reemit(t)})),_TextArea_updateStatusClass.set(this,(()=>{const t=this.status||this.field.value?.status;this.classList.remove("-status-default","-status-danger"),this.classList.add(`-status-${t}`)})),this.cols=40,this.disabled=!1,this.placeholder=void 0,this.resize="vertical",this.rows=6,this.value=void 0}connectedCallback(){super.connectedCallback(),this.setAttribute("role","textbox")}update(t){super.update(t),t.has("status")&&__classPrivateFieldGet$1(this,_TextArea_updateStatusClass,"f").call(this)}updated(t){super.updated(t),t.has("autosize")&&(this.autosize?n(this.textarea):n.destroy(this.textarea))}render(){return x`<textarea
|
|
3847
|
+
name="${l$2(this.name)}"
|
|
3848
|
+
autocomplete=${l$2(this.autocomplete)}
|
|
3767
3849
|
?autofocus=${this.autofocus}
|
|
3768
|
-
dirname="${l$
|
|
3769
|
-
cols="${l$
|
|
3770
|
-
rows="${l$
|
|
3850
|
+
dirname="${l$2(this.dirname)}"
|
|
3851
|
+
cols="${l$2(this.cols)}"
|
|
3852
|
+
rows="${l$2(this.rows)}"
|
|
3771
3853
|
aria-disabled=${this.disabled?"true":"false"}
|
|
3772
3854
|
?disabled="${this.disabled}"
|
|
3773
3855
|
?readonly=${this.readOnly}
|
|
3774
|
-
maxlength=${l$
|
|
3775
|
-
minlength=${l$
|
|
3776
|
-
placeholder="${l$
|
|
3856
|
+
maxlength=${l$2(null!=this.maxLength&&this.maxLength>-1?this.maxLength:void 0)}
|
|
3857
|
+
minlength=${l$2(null!=this.minLength&&this.minLength>-1?this.minLength:void 0)}
|
|
3858
|
+
placeholder="${l$2(this.placeholder)}"
|
|
3777
3859
|
@change=${this.reemit}
|
|
3778
3860
|
@input=${__classPrivateFieldGet$1(this,_TextArea_handleInput,"f")}
|
|
3779
|
-
spellcheck=${l$
|
|
3780
|
-
wrap=${l$
|
|
3861
|
+
spellcheck=${l$2(this.spellcheck)}
|
|
3862
|
+
wrap=${l$2(this.wrap)}
|
|
3781
3863
|
>
|
|
3782
3864
|
${this.value}</textarea
|
|
3783
3865
|
>`}get textarea(){return null==this.textAreaElement&&(this.textAreaElement=this.renderRoot?.querySelector("textArea")??null),this.textAreaElement}focus(){this.textarea?.focus()}}function styles$4(){return i$5`
|
|
@@ -3889,7 +3971,7 @@ ${this.value}</textarea
|
|
|
3889
3971
|
.clear.is-visible {
|
|
3890
3972
|
visibility: visible;
|
|
3891
3973
|
}
|
|
3892
|
-
`}_TextArea_handleInput=new WeakMap,_TextArea_updateStatusClass=new WeakMap,TextArea.styles=[styles$5()],window.customElements.define("m-text-area",TextArea);class TextField extends Component{static get properties(){return{clearable:{type:Boolean},disabled:{type:Boolean,reflect:!0},inputMode:{type:String,attribute:"input-mode"},max:{type:String},maxLength:{type:Number,reflect:!0,attribute:"max-length"},min:{type:String},minLength:{type:Number,reflect:!0,attribute:"min-length"},name:{type:String},pattern:{type:String},placeholder:{type:String},readOnly:{type:Boolean,reflect:!0,attribute:"read-only"},size:{type:String,reflect:!0},status:{type:String,reflect:!0},step:{type:String},type:{type:String},value:{type:String}}}constructor(){super(),_TextField_instances.add(this),this.inputElement=null,this.field=new s$
|
|
3974
|
+
`}_TextArea_handleInput=new WeakMap,_TextArea_updateStatusClass=new WeakMap,TextArea.styles=[styles$5()],window.customElements.define("m-text-area",TextArea);class TextField extends Component{static get properties(){return{clearable:{type:Boolean},disabled:{type:Boolean,reflect:!0},inputMode:{type:String,attribute:"input-mode"},max:{type:String},maxLength:{type:Number,reflect:!0,attribute:"max-length"},min:{type:String},minLength:{type:Number,reflect:!0,attribute:"min-length"},name:{type:String},pattern:{type:String},placeholder:{type:String},readOnly:{type:Boolean,reflect:!0,attribute:"read-only"},size:{type:String,reflect:!0},status:{type:String,reflect:!0},step:{type:String},type:{type:String},value:{type:String}}}constructor(){super(),_TextField_instances.add(this),this.inputElement=null,this.field=new s$8(this,{context:fieldContext,subscribe:!0,callback:()=>{__classPrivateFieldGet$1(this,_TextField_updateStatusClass,"f").call(this)}}),_TextField_updateStatusClass.set(this,(()=>{const t=this.status||this.field.value?.status||"default";this.classList.remove("-status-default","-status-danger"),this.classList.add(`-status-${t}`)})),_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")}update(t){super.update(t),t.has("status")&&__classPrivateFieldGet$1(this,_TextField_updateStatusClass,"f").call(this)}render(){return x`
|
|
3893
3975
|
<slot name="leading"></slot>
|
|
3894
3976
|
<input
|
|
3895
3977
|
?disabled="${this.disabled}"
|
|
@@ -3897,23 +3979,23 @@ ${this.value}</textarea
|
|
|
3897
3979
|
@change=${this.reemit}
|
|
3898
3980
|
@input=${__classPrivateFieldGet$1(this,_TextField_handleInput,"f")}
|
|
3899
3981
|
aria-disabled=${this.disabled?"true":"false"}
|
|
3900
|
-
autocomplete=${l$
|
|
3901
|
-
id="${l$
|
|
3902
|
-
inputmode=${l$
|
|
3982
|
+
autocomplete=${l$2(this.autocomplete)}
|
|
3983
|
+
id="${l$2(this.id)}"
|
|
3984
|
+
inputmode=${l$2(this.inputMode)}
|
|
3903
3985
|
max=${this.max||A$1}
|
|
3904
|
-
maxlength=${l$
|
|
3986
|
+
maxlength=${l$2(null!=this.maxLength&&this.maxLength>-1?this.maxLength:void 0)}
|
|
3905
3987
|
min=${this.min||A$1}
|
|
3906
|
-
minlength=${l$
|
|
3907
|
-
name="${l$
|
|
3908
|
-
pattern=${l$
|
|
3909
|
-
placeholder="${l$
|
|
3988
|
+
minlength=${l$2(null!=this.minLength&&this.minLength>-1?this.minLength:void 0)}
|
|
3989
|
+
name="${l$2(this.name)}"
|
|
3990
|
+
pattern=${l$2(this.pattern)}
|
|
3991
|
+
placeholder="${l$2(this.placeholder)}"
|
|
3910
3992
|
step=${this.step||A$1}
|
|
3911
|
-
type="${l$
|
|
3912
|
-
value="${l$
|
|
3993
|
+
type="${l$2(this.type)}"
|
|
3994
|
+
value="${l$2(this.value)}"
|
|
3913
3995
|
/>
|
|
3914
3996
|
${this.clearable?x`<m-close-button
|
|
3915
|
-
class=${o$
|
|
3916
|
-
controls="${l$
|
|
3997
|
+
class=${o$3({clear:!0,"is-visible":__classPrivateFieldGet$1(this,_TextField_instances,"m",_TextField_isClearVisible).call(this)})}
|
|
3998
|
+
controls="${l$2(this.id)}"
|
|
3917
3999
|
@m-close=${__classPrivateFieldGet$1(this,_TextField_handleClear,"f")}
|
|
3918
4000
|
label="Clear input"
|
|
3919
4001
|
></m-close-button>`:A$1}
|
|
@@ -4140,7 +4222,7 @@ ${this.value}</textarea
|
|
|
4140
4222
|
display: flex;
|
|
4141
4223
|
box-sizing: border-box;
|
|
4142
4224
|
}
|
|
4143
|
-
`}_TextField_updateStatusClass=new WeakMap,_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.styles=[styles$4()],window.customElements.define("m-text-field",TextField);class Timeline extends Component{update(t){if(super.update(t),null!=this.activeEntry){let t=!0;for(const e of this.entries)e.active?t=!1:(e.completed=t,e.active=!1)}}render(){return x`<slot name="item"></slot>`}get entries(){return Array.from(this.querySelectorAll("m-timeline-item"))}get activeEntry(){return this.querySelector("m-timeline-item[active]")}}Timeline.styles=[timelineStyles()],window.customElements.define("m-timeline",Timeline);const timelineItemContext=n$
|
|
4225
|
+
`}_TextField_updateStatusClass=new WeakMap,_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.styles=[styles$4()],window.customElements.define("m-text-field",TextField);class Timeline extends Component{update(t){if(super.update(t),null!=this.activeEntry){let t=!0;for(const e of this.entries)e.active?t=!1:(e.completed=t,e.active=!1)}}render(){return x`<slot name="item"></slot>`}get entries(){return Array.from(this.querySelectorAll("m-timeline-item"))}get activeEntry(){return this.querySelector("m-timeline-item[active]")}}Timeline.styles=[timelineStyles()],window.customElements.define("m-timeline",Timeline);const timelineItemContext=n$9(Symbol("timeline-item"));var _TimelineExpandableItem_instances,_TimelineExpandableItem_contextProvider,_TimelineExpandableItem_timelineItemHeaderTrigger_get,_TimelineExpandableItem_timelineItemBodySection_get,_TimelineExpandableItem_timelineItemBody_get,_TimelineExpandableItem_handleExpand,_TimelineExpandableItem_toggle,_TimelineExpandableItem_handleTransition,_TimelineItem_contextProvider,_TimelineItemHeaderTitle_context,_TimelineItemHeaderTitle_updateTextStyle;attachContextRoot();class TimelineExpandableItem extends Component{constructor(){super(...arguments),_TimelineExpandableItem_instances.add(this),_TimelineExpandableItem_contextProvider.set(this,new i$4(this,{context:timelineItemContext,initialValue:{variant:"neutral",completed:!1,active:!1}})),_TimelineExpandableItem_handleTransition.set(this,(()=>{this.expanded&&(__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get).style.height="auto")}))}static get properties(){return{completed:{type:Boolean,reflect:!0},active:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0},expanded:{type:Boolean,reflect:!0},divider:{type:Boolean,reflect:!0}}}connectedCallback(){super.connectedCallback(),this.slot="item",this.variant=this.variant??"neutral",this.active=this.active??!1,this.completed=this.completed??!1,this.divider=this.divider??!1,this.expanded=this.expanded??!1,this.resizeObserver=new ResizeObserver((t=>{this.bodyHeight=t[0].target.scrollHeight}))}firstUpdated(){__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBody_get).style.transition="visibility 0.35s",__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBody_get).setAttribute("role","region"),this.resizeObserver.observe(__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get)),__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get).addEventListener("transitionend",__classPrivateFieldGet$1(this,_TimelineExpandableItem_handleTransition,"f"))}update(t){super.update(t),t.has("active")&&(this.active?(this.setAttribute("tabindex","0"),this.setAttribute("aria-active","step"),this.closest("m-timeline")?.requestUpdate()):(this.removeAttribute("tabindex"),this.removeAttribute("aria-active"))),t.has("expanded")&&__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"m",_TimelineExpandableItem_handleExpand).call(this)}updated(t){super.updated(t),(t.has("active")||t.has("completed")||t.has("variant"))&&__classPrivateFieldGet$1(this,_TimelineExpandableItem_contextProvider,"f").setValue({variant:this.variant??"neutral",completed:Boolean(this.completed),active:Boolean(this.active)})}disconnectedCallback(){super.disconnectedCallback(),__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get).removeEventListener("transitionend",__classPrivateFieldGet$1(this,_TimelineExpandableItem_handleTransition,"f")),this.resizeObserver.disconnect()}render(){return x`
|
|
4144
4226
|
<div class="side">
|
|
4145
4227
|
<span aria-hidden="true" class="circle">
|
|
4146
4228
|
<slot name="item-icon">
|
|
@@ -4157,7 +4239,7 @@ ${this.value}</textarea
|
|
|
4157
4239
|
<span class="track"></span>
|
|
4158
4240
|
</div>
|
|
4159
4241
|
<div
|
|
4160
|
-
class="${o$
|
|
4242
|
+
class="${o$3({content:!0,"-divider":Boolean(this.divider)})}"
|
|
4161
4243
|
>
|
|
4162
4244
|
<button
|
|
4163
4245
|
class="m-timeline-item-header-trigger"
|
|
@@ -4173,7 +4255,7 @@ ${this.value}</textarea
|
|
|
4173
4255
|
</section>
|
|
4174
4256
|
<slot name="item-footer"></slot>
|
|
4175
4257
|
</div>
|
|
4176
|
-
`}}_TimelineExpandableItem_contextProvider=new WeakMap,_TimelineExpandableItem_handleTransition=new WeakMap,_TimelineExpandableItem_instances=new WeakSet,_TimelineExpandableItem_timelineItemHeaderTrigger_get=function(){return this.renderRoot.querySelector(".m-timeline-item-header-trigger")},_TimelineExpandableItem_timelineItemBodySection_get=function(){return this.renderRoot.querySelector(".m-timeline-item-body-section")},_TimelineExpandableItem_timelineItemBody_get=function(){return this.querySelector("m-timeline-item-body")},_TimelineExpandableItem_handleExpand=function(){__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemHeaderTrigger_get).setAttribute("aria-expanded",`${this.expanded}`),__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get).style.height=`${this.bodyHeight}px`,this.expanded?(__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBody_get).style.visibility="visible",this.style.setProperty("--m-timeline-item-content-gap",toSpacingCSSValue("spacing-6"))):setTimeout((()=>{__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get).style.height="0px",__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBody_get).style.visibility="hidden",this.style.setProperty("--m-timeline-item-content-gap",toSpacingCSSValue("none"))}))},_TimelineExpandableItem_toggle=function(){this.expanded=!this.expanded,this.emit("m-toggle",{detail:{name:"timeline-item-expanded",value:this.expanded}})},TimelineExpandableItem.styles=[timelineItemStyles(),timelineExpandableItemStyles()],window.customElements.define("m-timeline-expandable-item",TimelineExpandableItem),attachContextRoot();class TimelineItem extends s$
|
|
4258
|
+
`}}_TimelineExpandableItem_contextProvider=new WeakMap,_TimelineExpandableItem_handleTransition=new WeakMap,_TimelineExpandableItem_instances=new WeakSet,_TimelineExpandableItem_timelineItemHeaderTrigger_get=function(){return this.renderRoot.querySelector(".m-timeline-item-header-trigger")},_TimelineExpandableItem_timelineItemBodySection_get=function(){return this.renderRoot.querySelector(".m-timeline-item-body-section")},_TimelineExpandableItem_timelineItemBody_get=function(){return this.querySelector("m-timeline-item-body")},_TimelineExpandableItem_handleExpand=function(){__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemHeaderTrigger_get).setAttribute("aria-expanded",`${this.expanded}`),__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get).style.height=`${this.bodyHeight}px`,this.expanded?(__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBody_get).style.visibility="visible",this.style.setProperty("--m-timeline-item-content-gap",toSpacingCSSValue("spacing-6"))):setTimeout((()=>{__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get).style.height="0px",__classPrivateFieldGet$1(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBody_get).style.visibility="hidden",this.style.setProperty("--m-timeline-item-content-gap",toSpacingCSSValue("none"))}))},_TimelineExpandableItem_toggle=function(){this.expanded=!this.expanded,this.emit("m-toggle",{detail:{name:"timeline-item-expanded",value:this.expanded}})},TimelineExpandableItem.styles=[timelineItemStyles(),timelineExpandableItemStyles()],window.customElements.define("m-timeline-expandable-item",TimelineExpandableItem),attachContextRoot();class TimelineItem extends s$a{constructor(){super(...arguments),_TimelineItem_contextProvider.set(this,new i$4(this,{context:timelineItemContext,initialValue:{variant:"neutral",completed:!1,active:!1}}))}static get properties(){return{completed:{type:Boolean,reflect:!0},active:{type:Boolean,reflect:!0},divider:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0}}}connectedCallback(){super.connectedCallback(),this.slot="item",this.variant=this.variant??"neutral",this.active=this.active??!1,this.completed=this.completed??!1,this.divider=this.divider??!1}update(t){super.update(t),t.has("active")&&(this.active?(this.setAttribute("tabindex","0"),this.setAttribute("aria-active","step"),this.closest("m-timeline")?.requestUpdate()):(this.removeAttribute("tabindex"),this.removeAttribute("aria-active")))}updated(t){super.updated(t),(t.has("active")||t.has("completed")||t.has("variant"))&&__classPrivateFieldGet$1(this,_TimelineItem_contextProvider,"f").setValue({variant:this.variant??"neutral",completed:Boolean(this.completed),active:Boolean(this.active)})}render(){return x`
|
|
4177
4259
|
<div class="side">
|
|
4178
4260
|
<span aria-hidden="true" class="circle">
|
|
4179
4261
|
<slot name="item-icon">
|
|
@@ -4190,17 +4272,17 @@ ${this.value}</textarea
|
|
|
4190
4272
|
<span class="track"></span>
|
|
4191
4273
|
</div>
|
|
4192
4274
|
<div
|
|
4193
|
-
class="${o$
|
|
4275
|
+
class="${o$3({content:!0,"-divider":Boolean(this.divider)})}"
|
|
4194
4276
|
>
|
|
4195
4277
|
<slot name="item-header"></slot>
|
|
4196
4278
|
<slot name="item-body"></slot>
|
|
4197
4279
|
<slot name="item-footer"></slot>
|
|
4198
4280
|
</div>
|
|
4199
|
-
`}}_TimelineItem_contextProvider=new WeakMap,TimelineItem.styles=[timelineItemStyles()],window.customElements.define("m-timeline-item",TimelineItem);class TimelineItemBody extends s$
|
|
4281
|
+
`}}_TimelineItem_contextProvider=new WeakMap,TimelineItem.styles=[timelineItemStyles()],window.customElements.define("m-timeline-item",TimelineItem);class TimelineItemBody extends s$a{connectedCallback(){super.connectedCallback(),this.slot="item-body",this.classList.add("m-timeline-item-body")}render(){return x`<slot></slot>`}}TimelineItemBody.styles=[timelineBodyStyles()],window.customElements.define("m-timeline-item-body",TimelineItemBody);class TimelineItemFooter extends s$a{connectedCallback(){super.connectedCallback(),this.slot="item-footer"}render(){return x`<slot></slot>`}}TimelineItemFooter.styles=[timelineFooterStyles()],window.customElements.define("m-timeline-item-footer",TimelineItemFooter);class TimelineItemHeader extends s$a{static get properties(){return{align:{type:String}}}connectedCallback(){super.connectedCallback(),this.slot="item-header"}update(t){super.update(t),t.has("align")&&this.style.setProperty("--m-timeline-item-header-align",this.align??"baseline")}render(){return x`
|
|
4200
4282
|
<slot name="item-header-title"></slot>
|
|
4201
4283
|
<slot name="item-header-subtitle"></slot>
|
|
4202
4284
|
<slot></slot>
|
|
4203
|
-
`}}TimelineItemHeader.styles=[timelineItemHeaderStyles()],window.customElements.define("m-timeline-item-header",TimelineItemHeader);class TimelineItemHeaderSubtitle extends Text{connectedCallback(){super.connectedCallback(),this.slot="item-header-subtitle",this.variant="body-sm",this.color="color-text-tertiary"}}window.customElements.define("m-timeline-item-header-subtitle",TimelineItemHeaderSubtitle);class TimelineItemHeaderTitle extends Text{constructor(){super(),_TimelineItemHeaderTitle_context.set(this,void 0),_TimelineItemHeaderTitle_updateTextStyle.set(this,(()=>{const{value:t}=__classPrivateFieldGet$1(this,_TimelineItemHeaderTitle_context,"f");t&&(t.completed?(this.color="color-text-tertiary",this.variant="heading-sm"):t.active?(this.color="color-primary-60",this.variant="heading-sm-bold"):"warning"===t.variant?(this.color="color-warning-100",this.variant="heading-sm"):(this.color="color-text-secondary",this.variant="heading-sm"))})),__classPrivateFieldSet(this,_TimelineItemHeaderTitle_context,new s$
|
|
4285
|
+
`}}TimelineItemHeader.styles=[timelineItemHeaderStyles()],window.customElements.define("m-timeline-item-header",TimelineItemHeader);class TimelineItemHeaderSubtitle extends Text{connectedCallback(){super.connectedCallback(),this.slot="item-header-subtitle",this.variant="body-sm",this.color="color-text-tertiary"}}window.customElements.define("m-timeline-item-header-subtitle",TimelineItemHeaderSubtitle);class TimelineItemHeaderTitle extends Text{constructor(){super(),_TimelineItemHeaderTitle_context.set(this,void 0),_TimelineItemHeaderTitle_updateTextStyle.set(this,(()=>{const{value:t}=__classPrivateFieldGet$1(this,_TimelineItemHeaderTitle_context,"f");t&&(t.completed?(this.color="color-text-tertiary",this.variant="heading-sm"):t.active?(this.color="color-primary-60",this.variant="heading-sm-bold"):"warning"===t.variant?(this.color="color-warning-100",this.variant="heading-sm"):(this.color="color-text-secondary",this.variant="heading-sm"))})),__classPrivateFieldSet(this,_TimelineItemHeaderTitle_context,new s$8(this,{context:timelineItemContext,subscribe:!0,callback:__classPrivateFieldGet$1(this,_TimelineItemHeaderTitle_updateTextStyle,"f")}),"f")}connectedCallback(){super.connectedCallback(),this.slot="item-header-title",this.variant="heading-sm",this.color="color-text-tertiary"}}_TimelineItemHeaderTitle_context=new WeakMap,_TimelineItemHeaderTitle_updateTextStyle=new WeakMap,window.customElements.define("m-timeline-item-header-title",TimelineItemHeaderTitle);class TimelineItemIcon extends s$a{connectedCallback(){super.connectedCallback(),this.slot="item-icon"}render(){return x`<slot></slot>`}}TimelineItemIcon.styles=[timelineIconStyles()],window.customElements.define("m-timeline-item-icon",TimelineItemIcon);const TOGGLE_EVENT="m-toggle";function styles$3(){return[i$5`
|
|
4204
4286
|
.toggle-group {
|
|
4205
4287
|
inline-size: max-content;
|
|
4206
4288
|
|
|
@@ -4226,9 +4308,9 @@ ${this.value}</textarea
|
|
|
4226
4308
|
.toggle-group.-show-check ::slotted(m-toggle[aria-checked='true']) {
|
|
4227
4309
|
--m-toggle-icon-display: inline-flex;
|
|
4228
4310
|
}
|
|
4229
|
-
`]}var _ToggleGroup_selectionController,_ToggleGroup_defaultSlot,_ToggleGroup_getToggles,_ToggleGroup_setToggleRole,_ToggleGroup_setToggleChecked,_ToggleGroup_setToggleDisabled,_Toggle_instances,_Toggle_button_get,_Toggle_handleClick,_Toggle_setDisabled,_Toggle_setChecked,_Tooltip_hoverTimeout,_Tooltip_focusTimeout,_Tooltip_handleFocus,_Tooltip_handleBlur,_Tooltip_handleClick,_Tooltip_handleKeyDown,_Tooltip_handleMouseOver,_Tooltip_handleMouseOut,_Tooltip_hasTrigger;class ToggleGroup extends s$
|
|
4311
|
+
`]}var _ToggleGroup_selectionController,_ToggleGroup_defaultSlot,_ToggleGroup_getToggles,_ToggleGroup_setToggleRole,_ToggleGroup_setToggleChecked,_ToggleGroup_setToggleDisabled,_Toggle_instances,_Toggle_button_get,_Toggle_handleClick,_Toggle_setDisabled,_Toggle_setChecked,_Tooltip_hoverTimeout,_Tooltip_focusTimeout,_Tooltip_handleFocus,_Tooltip_handleBlur,_Tooltip_handleClick,_Tooltip_handleKeyDown,_Tooltip_handleMouseOver,_Tooltip_handleMouseOut,_Tooltip_hasTrigger;class ToggleGroup extends s$a{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,(()=>{__classPrivateFieldGet$1(this,_ToggleGroup_defaultSlot,"f")||__classPrivateFieldSet(this,_ToggleGroup_defaultSlot,this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...__classPrivateFieldGet$1(this,_ToggleGroup_defaultSlot,"f")?.assignedElements({flatten:!0})??[]].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$1(this,_ToggleGroup_selectionController,"f"))&&(__classPrivateFieldSet(this,_ToggleGroup_selectionController,new SelectionController(this,this.type,"m-toggle"),"f"),__classPrivateFieldGet$1(this,_ToggleGroup_selectionController,"f").init(toArray$1(this.value)),this.role=["single","single-strict"].includes(this.type)?"radiogroup":"group"),t.has("value")&&__classPrivateFieldGet$1(this,_ToggleGroup_selectionController,"f").init(toArray$1(this.value))}updated(t){super.updated(t),t.has("selection")&&__classPrivateFieldGet$1(this,_ToggleGroup_getToggles,"f").call(this).forEach((t=>{__classPrivateFieldGet$1(this,_ToggleGroup_setToggleChecked,"f").call(this,t)})),t.has("disabled")&&__classPrivateFieldGet$1(this,_ToggleGroup_getToggles,"f").call(this).forEach((t=>{__classPrivateFieldGet$1(this,_ToggleGroup_setToggleDisabled,"f").call(this,t)})),t.has("role")&&__classPrivateFieldGet$1(this,_ToggleGroup_getToggles,"f").call(this).forEach((t=>{__classPrivateFieldGet$1(this,_ToggleGroup_setToggleRole,"f").call(this,t)}))}render(){return x`
|
|
4230
4312
|
<m-group
|
|
4231
|
-
class=${o$
|
|
4313
|
+
class=${o$3({"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})}
|
|
4232
4314
|
gap="spacing-1"
|
|
4233
4315
|
>
|
|
4234
4316
|
<slot></slot>
|
|
@@ -4273,10 +4355,10 @@ ${this.value}</textarea
|
|
|
4273
4355
|
|
|
4274
4356
|
display: var(--m-toggle-icon-display);
|
|
4275
4357
|
}
|
|
4276
|
-
`]}_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$
|
|
4358
|
+
`]}_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$a{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??!1))})),_Toggle_setChecked.set(this,(()=>{this.setAttribute("aria-checked",String(this.checked??!1))})),this.disabled=!1,this.checked=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("click",__classPrivateFieldGet$1(this,_Toggle_handleClick,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",__classPrivateFieldGet$1(this,_Toggle_handleClick,"f"))}updated(t){super.updated(t),t.has("disabled")&&__classPrivateFieldGet$1(this,_Toggle_setDisabled,"f").call(this),t.has("checked")&&__classPrivateFieldGet$1(this,_Toggle_setChecked,"f").call(this)}render(){return x`
|
|
4277
4359
|
<button
|
|
4278
4360
|
type="button"
|
|
4279
|
-
class=${o$
|
|
4361
|
+
class=${o$3({button:!0,toggle:!0})}
|
|
4280
4362
|
role="${this.role}"
|
|
4281
4363
|
aria-checked="${this.checked}"
|
|
4282
4364
|
?disabled="${this.disabled}"
|
|
@@ -4319,5 +4401,5 @@ ${this.value}</textarea
|
|
|
4319
4401
|
:host linearGradient {
|
|
4320
4402
|
transform-origin: center;
|
|
4321
4403
|
}
|
|
4322
|
-
`}var _LogoLoader_instances,_LogoLoader_getSize;const DEFAULT_SIZE="48";class LogoLoader extends s$
|
|
4323
|
-
//# sourceMappingURL=index-
|
|
4404
|
+
`}var _LogoLoader_instances,_LogoLoader_getSize;const DEFAULT_SIZE="48";class LogoLoader extends s$a{constructor(){super(...arguments),_LogoLoader_instances.add(this)}static get properties(){return{size:{type:String,reflect:!0}}}connectedCallback(){super.connectedCallback(),this.style.setProperty("--m-logo-size",__classPrivateFieldGet$1(this,_LogoLoader_instances,"m",_LogoLoader_getSize).call(this))}update(t){super.update(t),t.has("size")&&this.style.setProperty("--m-logo-size",__classPrivateFieldGet$1(this,_LogoLoader_instances,"m",_LogoLoader_getSize).call(this))}render(){return b$1`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 49 48"><g opacity=".7"><mask id="a" width="49" height="16" x="0" y="32" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M32.1364 48H.5l15.1072-15.2727H48.5L33.4266 47.317c-.3323.3324-.818.683-1.2902.683Z"/></mask><g mask="url(#a)"><path fill="url(#b)" d="M-10.4091-10.9091h69.8182v69.8182h-69.8182z"/></g></g><mask id="c" width="32" height="17" x="17" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M17.9546 16.3636V0H48.5L33.2273 16.3636H17.9546Z"/></mask><g mask="url(#c)"><path fill="url(#d)" d="M-10.4091-10.9091h69.8182v69.8182h-69.8182z"/></g><g opacity=".7"><mask id="e" width="16" height="31" x="33" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M48.5 30.5455H33.2273V16.3637L48.5 0v30.5455Z"/></mask><g mask="url(#e)"><path fill="url(#f)" d="M-10.4091-10.9091h69.8182v69.8182h-69.8182z"/></g></g><mask id="g" width="16" height="48" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M15.7727 0v32.7273L.5 48V16.94c0-.4722.18803-.9226.52036-1.2571L15.7727 0Z"/></mask><g mask="url(#g)"><path fill="url(#h)" d="M-10.4091-10.9091h69.8182v69.8182h-69.8182z"/></g><defs><linearGradient id="b" x1="3.56649" x2="53.8665" y1="50.4164" y2=".131295" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#00D7D7"/><stop offset="1" stop-color="#84F11E"/><animateTransform attributeName="gradientTransform" dur="0.8s" repeatCount="indefinite" type="rotate" values="0; 360"/></linearGradient><linearGradient id="d" x1="3.56649" x2="53.8665" y1="50.4164" y2=".131295" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#00D7D7"/><stop offset="1" stop-color="#84F11E"/><animateTransform attributeName="gradientTransform" dur="0.8s" repeatCount="indefinite" type="rotate" values="0; 360"/></linearGradient><linearGradient id="f" x1="3.56649" x2="53.8665" y1="50.4164" y2=".131295" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#00D7D7"/><stop offset="1" stop-color="#84F11E"/><animateTransform attributeName="gradientTransform" dur="0.8s" repeatCount="indefinite" type="rotate" values="0; 360"/></linearGradient><linearGradient id="h" x1="3.56649" x2="53.8665" y1="50.4164" y2=".131295" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#00D7D7"/><stop offset="1" stop-color="#84F11E"/><animateTransform attributeName="gradientTransform" dur="0.8s" repeatCount="indefinite" type="rotate" values="0; 360"/></linearGradient></defs></svg>`}}_LogoLoader_instances=new WeakSet,_LogoLoader_getSize=function(){const t=parseInt(this.size??"48",10);return Number.isNaN(t)?"48px":`${t||"48"}px`},LogoLoader.styles=[styles()],window.customElements.define("m-logo-loader",LogoLoader);export{EmptyStateHeader as $,Accordion as A,BackButton as B,Card as C,Dialog as D,DialogActionPrimary as E,DialogActionSecondary as F,DialogActionTertiary as G,DialogActions as H,DialogBody as I,DialogClose as J,DialogFooter as K,DialogHeader as L,Divider as M,Drawer as N,DRAWER_SIZES as O,DrawerActionPrimary as P,DrawerActionSecondary as Q,DrawerActionTertiary as R,DrawerActions as S,DrawerBody as T,DrawerClose as U,DrawerHeader as V,Dropdown as W,DropdownTrigger as X,DropdownMenu as Y,DropdownItem as Z,EmptyStateAction as _,AccordionTitle as a,Tabs as a$,EmptyStateIllustration as a0,EmptyStateMessage as a1,EmptyState as a2,EMPTY_STATE_VARIANTS as a3,Field as a4,FieldHint as a5,FieldLabel as a6,FIELD_STATUSES as a7,Header as a8,HeaderActions as a9,Column as aA,Link as aB,PageContent as aC,Pagination as aD,ProgressBar as aE,ProgressBarCountdown as aF,Radio as aG,RadioGroup as aH,Section as aI,SectionTitle as aJ,SpinnerWheel as aK,Steps as aL,Step as aM,Switch as aN,Table as aO,defaultTableProps as aP,TableHead as aQ,TableHeadCell as aR,defaultTableHeadCellProps as aS,TableBody as aT,TableFoot as aU,TableRow as aV,TableCell as aW,defaultTableCellProps as aX,TableToolbar as aY,TableFeedback as aZ,TableActions as a_,HeaderContent as aa,HeaderTitle as ab,SubHeader as ac,AVAILABLE_ICONS as ad,Icon as ae,Label as af,defaultLabeledValueProps as ag,LabeledValue as ah,LabeledValueLabel as ai,LabeledValueValue as aj,ALIGN_ITEMS_VALUES as ak,JUSTIFY_CONTENT_VALUES as al,Box as am,defaultBoxProps as an,Group as ao,defaultGroupProps as ap,Stack as aq,defaultStackProps as ar,Grid as as,defaultGridProps as at,Sidebar as au,defaultSidebarProps as av,Switcher as aw,defaultSwitcherProps as ax,Container as ay,Row as az,b,Tab as b0,TabPanel as b1,Tag as b2,ActionableTag as b3,Text as b4,TextArea as b5,TextField as b6,Timeline as b7,TimelineExpandableItem as b8,TimelineItem as b9,TimelineItemBody as ba,TimelineItemFooter as bb,TimelineItemHeader as bc,TimelineItemHeaderSubtitle as bd,TimelineItemHeaderTitle as be,TimelineItemIcon as bf,ToggleGroup as bg,Toggle as bh,Tooltip as bi,TOOLTIP_PLACEMENT_VALUES as bj,LogoLoader as bk,AccordionContent as c,Badge as d,BannerActionPrimary as e,BannerActionSecondary as f,BannerActions as g,BannerDescription as h,BannerIcon as i,BannerTitle as j,Banner as k,Body as l,Button as m,CardBody as n,CardSubtitle as o,CardTitle as p,CardDivider as q,CardFooter as r,CardActionPrimary as s,typographyVariants as t,CardActionSecondary as u,CardActionTertiary as v,Checkbox as w,CloseButton as x,DIALOG_SIZES as y,DIALOG_VARIANTS as z};
|
|
4405
|
+
//# sourceMappingURL=index-C7UUuFAO.js.map
|