@loadsmart/miranda-wc 1.44.1 → 1.44.2

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