@maggioli-design-system/magma 2.0.0-beta.1 → 2.0.0-beta.2

package/dist/components/mds-banner2.js

@@ -1 +1 @@
-import{proxyCustomElement as a,HTMLElement as r,createEvent as n,h as e,Host as o,transformTag as t}from"@stencil/core/internal/client";import{m as s}from"./close.js";import{K as i}from"./keyboard-manager.js";import{L as d}from"./locale.js";import{d as c}from"./mds-button2.js";import{d as b}from"./mds-icon2.js";import{d as l}from"./mds-spinner2.js";import{d as m}from"./mds-text2.js";var v={cancel:"Ακύρωση"},u={cancel:"Cancel"},g={cancel:"Cancelar"},p={cancel:"Annulla"};const h=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.closeEvent=n(this,"mdsBannerClose",7),this.km=new i,this.t=new d({el:v,en:u,es:g,it:p}),this.variant="primary",this.tone="weak",this.cockade=!0,this.ariaVariants={ai:{role:"status",live:"polite"},dark:{role:"presentation",live:void 0},error:{role:"alert",live:"assertive"},info:{role:"status",live:"polite"},light:{role:"presentation",live:void 0},primary:{role:"status",live:"polite"},success:{role:"status",live:"polite"},warning:{role:"alert",live:"assertive"}},this.deletableHandler=()=>{var a;if(this.deletable){const r=null===(a=this.host.shadowRoot)||void 0===a?void 0:a.querySelector(".close-button");return this.km.addElement(r),void this.km.attachClickBehavior()}this.km.detachClickBehavior()},this.setCloseButtonVariant=a=>{this.closeButtonVariant="dark"!==a?"light"!==a?null!=a?a:"primary":"dark":"light"},this.closeBanner=()=>{var a;this.closeEvent.emit();const r=null===(a=this.host)||void 0===a?void 0:a.closest("mds-modal");r&&(r.opened=!1)}}async updateLang(){this.language=this.t.lang(this.host)}componentWillRender(){this.t.lang(this.host)}componentWillLoad(){this.actions=null!==this.host.querySelector(':scope > [slot="action"]'),this.setCloseButtonVariant(this.variant)}componentDidLoad(){this.deletableHandler()}componentDidUpdate(){this.deletableHandler()}disconnectedCallback(){this.km.detachClickBehavior()}variantHandler(a){this.setCloseButtonVariant(a)}render(){var a,r;return e(o,{key:"2afab272d56122cd81155dc183d7ab5e6cefc2c4","aria-label":this.headline,role:this.ariaVariants[null!==(a=this.variant)&&void 0!==a?a:"primary"].role,"aria-live":this.ariaVariants[null!==(r=this.variant)&&void 0!==r?r:"primary"].live},e("div",{key:"e721e7375cb6f81f994c48aa65707dc133f71510",class:"body"},this.icon&&e("mds-icon",{key:"1542bdd9019d144105d09689c4b773ddd7626f13","aria-hidden":"true",class:"icon",name:this.icon}),e("div",{key:"acb819054179bf7fc16da97e0bfb64e9e9d08b5b",class:"content"},this.headline&&e("mds-text",{key:"927594cdfd61d6af3b496761beeb5ab489832d8b","aria-hidden":"true",class:"headline",typography:"h6"},this.headline),e("div",{key:"27cf3213f992682fe923a6a5f028d3ea5d1ae8ba",class:"text",part:"text"},e("slot",{key:"1b4180568e80bf7b05c8c5dc1ba4d10bc0ca2cb6"}))),this.deletable&&e("mds-button",{key:"c479abfc205e76cee8965f26b4c2ba1910e97100",class:"close-button",icon:s,onClick:this.closeBanner,title:this.t.get("cancel"),variant:this.closeButtonVariant,tone:"text"})),this.actions&&e("div",{key:"991cdcbd6965e8df55a016a2b4ae7e6a24f09cf0",class:"actions"},e("slot",{key:"147bf81d81e1e958fb2714b1fff0b41cb5865e9d",name:"action"})))}get host(){return this}static get watchers(){return{variant:[{variantHandler:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-banner-cockade-distance:calc(var(--spacing,.0025rem)*600);--mds-banner-content-gap:calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*400);--mds-banner-radius:var(--radius-lg,16px);--mds-banner-transition-duration:.3s}*,::backdrop,:after,:before{--mds-banner-background:rgb(var(--tone-neutral-10,60 60 60));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-cockade-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-headline-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--tone-neutral-04,218 218 218))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-banner-transition-duration{syntax:"<time>";inherits:true;initial-value:.3s}:host{--mds-banner-background:rgb(var(--tone-neutral-10,60 60 60));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-cockade-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-cockade-distance:calc(var(--spacing,.0025rem)*600);--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-content-gap:calc(var(--spacing,.0025rem)*400);--mds-banner-headline-color:var(--mds-banner-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-banner-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-banner-radius:var(--radius-2xl,24px);--mds-banner-shadow:none;--mds-banner-transition-duration:.3s;--mds-banner-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));background-color:var(--mds-banner-background,rgb(var(--tone-neutral-10,60 60 60)));border-radius:var(--mds-banner-radius,var(--radius-lg,16px));-webkit-box-shadow:var(--mds-banner-shadow);box-shadow:var(--mds-banner-shadow);color:var(--mds-banner-color,rgb(var(--tone-neutral-02,244 244 244)));corner-shape:var(--magma-corner-shape,round);container:mds-banner/inline-size;display:grid;gap:calc(var(--spacing,.0025rem)*600);grid-template-columns:repeat(1,minmax(1px,100%));padding:calc(var(--spacing,.0025rem)*600);position:relative;-webkit-transition-duration:var(--mds-banner-transition-duration,.3s);transition-duration:var(--mds-banner-transition-duration,.3s);transition-property:background-color,box-shadow,color;-webkit-transition-timing-function:var(--mds-banner-transition-timing-function);transition-timing-function:var(--mds-banner-transition-timing-function);width:100%}.body{align-items:flex-start;display:flex;gap:var(--mds-banner-content-gap,calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*400));justify-content:space-between}.headline{color:var(--mds-banner-headline-color,rgb(var(--tone-neutral-02,244 244 244)))}.content{box-sizing:border-box;flex-direction:column;flex-grow:1;justify-content:center}.actions,.content{display:flex;gap:var(--mds-banner-content-gap,calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*400))}.actions{flex-wrap:wrap;justify-content:flex-end}.icon{fill:var(--mds-banner-icon-color,rgb(var(--tone-neutral-04,218 218 218)));flex-shrink:0;-webkit-transition-duration:var(--mds-banner-transition-duration,.3s);transition-duration:var(--mds-banner-transition-duration,.3s);transition-property:background-color,fill;-webkit-transition-timing-function:var(--mds-banner-transition-timing-function);transition-timing-function:var(--mds-banner-transition-timing-function)}.text{display:grid;flex-grow:1;gap:var(--mds-banner-content-gap,calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*400))}@container mds-banner (max-width:300px){:host([deletable]:not([deletable=false])) .headline,:host([deletable]:not([deletable=false])):host(:not([headline])) .content{padding-right:calc(var(--spacing,.0025rem)*800)}::slotted([slot=action]){flex-basis:100%;flex-grow:1}}:host([cockade]:not([cockade=false])) .icon{background-color:var(--mds-banner-cockade-background,rgb(var(--tone-neutral-09,76 76 76)));border-bottom-left-radius:var(--radius-lg,16px);border-bottom-right-radius:var(--radius-lg,16px);margin-top:calc(-1 * var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem) * 600)));padding:calc(var(--spacing,.0025rem)*200);padding-top:var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem)*600))}@container mds-banner (max-width:300px){:host([cockade]:not([cockade=false])) .icon{padding-top:calc(var(--spacing,.0025rem)*200)}.body{flex-direction:column}.close-button{position:absolute;right:calc(var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem) * 600)) / 2);top:calc(var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem) * 600)) / 2)}}:host,:host([variant=primary]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-primary-09,0 58 168));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-banner-headline-color:rgb(var(--variant-primary-02,230 239 255));--mds-banner-cockade-background:rgb(var(--variant-primary-09,0 58 168))}:host([variant=primary]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-primary-10,0 49 142));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--variant-primary-10,0 49 142))}:host([variant=ai]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-ai-09,75 8 189));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-banner-headline-color:rgb(var(--variant-ai-02,242 235 254));--mds-banner-cockade-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=ai]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-ai-10,63 7 161));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--variant-ai-10,63 7 161))}:host([variant=error]){--mds-banner-headline-color:rgb(var(--status-error-03,255 217 214));--mds-banner-background:rgb(var(--status-error-10,115 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-error-08,182 50 54));--mds-banner-color:rgb(var(--status-error-02,255 234 231));--mds-banner-icon-color:rgb(var(--status-error-05,250 165 160));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-error-08,182 50 54))}:host([variant=error]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-error-10,115 0 0));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-error-05,250 165 160));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-error-10,115 0 0))}:host([variant=warning]){--mds-banner-headline-color:rgb(var(--status-warning-03,255 223 129));--mds-banner-background:rgb(var(--status-warning-10,77 57 0));--mds-banner-close-icon-hover-background:rgb(var(--status-warning-08,129 96 0));--mds-banner-color:rgb(var(--status-warning-02,255 237 185));--mds-banner-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-warning-08,129 96 0))}:host([variant=warning]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-warning-10,77 57 0));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-warning-10,77 57 0))}:host([variant=info]){--mds-banner-headline-color:rgb(var(--status-info-03,198 231 247));--mds-banner-background:rgb(var(--status-info-10,0 61 103));--mds-banner-close-icon-hover-background:rgb(var(--status-info-08,0 107 151));--mds-banner-color:rgb(var(--status-info-02,222 242 250));--mds-banner-icon-color:rgb(var(--status-info-05,112 198 234));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-info-08,0 107 151))}:host([variant=info]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-info-10,0 61 103));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-info-05,112 198 234));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-info-10,0 61 103))}:host([variant=success]){--mds-banner-headline-color:rgb(var(--status-success-03,196 235 209));--mds-banner-background:rgb(var(--status-success-10,0 69 0));--mds-banner-close-icon-hover-background:rgb(var(--status-success-08,0 116 46));--mds-banner-color:rgb(var(--status-success-02,222 244 228));--mds-banner-icon-color:rgb(var(--status-success-05,107 206 147));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-success-08,0 116 46))}:host([variant=success]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-success-10,0 69 0));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-success-05,107 206 147));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-success-10,0 69 0))}:host([variant=dark]){--mds-banner-background:rgb(var(--tone-neutral-01,255 255 255));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-03,233 233 233));--mds-banner-cockade-background:rgb(var(--tone-neutral-04,218 218 218));--mds-banner-color:rgb(var(--tone-neutral-08,107 107 107));--mds-banner-headline-color:rgb(var(--tone-neutral,0 0 0));--mds-banner-icon-color:rgb(var(--tone-neutral-07,134 134 134));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d)}:host([variant=dark]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral-03,233 233 233));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-05,197 197 197));--mds-banner-color:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-icon-color:rgb(var(--tone-neutral-07,134 134 134));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a)}:host([variant=light]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--tone-neutral-05,197 197 197));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-banner-headline-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-cockade-background:rgb(var(--tone-neutral-10,60 60 60))}:host([variant=light]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-10,60 60 60));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--tone-neutral-05,197 197 197));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--tone-neutral-09,76 76 76))}:host([tone=box]){-webkit-box-shadow:var(--shadow-box-solid-weak,#0000004d 0 2px 4px,#00000008 0 0 0 1px,#0000001a 0 7px 13px -3px,#0003 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset);box-shadow:var(--shadow-box-solid-weak,#0000004d 0 2px 4px,#00000008 0 0 0 1px,#0000001a 0 7px 13px -3px,#0003 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}'}},[257,"mds-banner",{variant:[513],tone:[513],cockade:[516],deletable:[4],headline:[1],icon:[1],language:[32],closeButtonVariant:[32],updateLang:[64]},void 0,{variant:[{variantHandler:0}]}]);function x(){"undefined"!=typeof customElements&&["mds-banner","mds-button","mds-icon","mds-spinner","mds-text"].forEach((a=>{switch(a){case"mds-banner":customElements.get(t(a))||customElements.define(t(a),h);break;case"mds-button":customElements.get(t(a))||c();break;case"mds-icon":customElements.get(t(a))||b();break;case"mds-spinner":customElements.get(t(a))||l();break;case"mds-text":customElements.get(t(a))||m()}}))}export{h as M,x as d}
+import{proxyCustomElement as a,HTMLElement as r,createEvent as n,h as e,Host as o,transformTag as t}from"@stencil/core/internal/client";import{m as s}from"./close.js";import{K as i}from"./keyboard-manager.js";import{L as d}from"./locale.js";import{d as c}from"./mds-button2.js";import{d as b}from"./mds-icon2.js";import{d as l}from"./mds-spinner2.js";import{d as m}from"./mds-text2.js";var v={cancel:"Ακύρωση"},u={cancel:"Cancel"},g={cancel:"Cancelar"},p={cancel:"Annulla"};const h=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.closeEvent=n(this,"mdsBannerClose",7),this.km=new i,this.t=new d({el:v,en:u,es:g,it:p}),this.variant="primary",this.tone="weak",this.cockade=!0,this.ariaVariants={ai:{role:"status",live:"polite"},dark:{role:"presentation",live:void 0},error:{role:"alert",live:"assertive"},info:{role:"status",live:"polite"},light:{role:"presentation",live:void 0},primary:{role:"status",live:"polite"},success:{role:"status",live:"polite"},warning:{role:"alert",live:"assertive"}},this.deletableHandler=()=>{var a;if(this.deletable){const r=null===(a=this.host.shadowRoot)||void 0===a?void 0:a.querySelector(".close-button");return this.km.addElement(r),void this.km.attachClickBehavior()}this.km.detachClickBehavior()},this.setCloseButtonVariant=a=>{this.closeButtonVariant="dark"!==a?"light"!==a?null!=a?a:"primary":"dark":"light"},this.closeBanner=()=>{var a;this.closeEvent.emit();const r=null===(a=this.host)||void 0===a?void 0:a.closest("mds-modal");null!=r&&(r.opened=!1)}}async updateLang(){this.language=this.t.lang(this.host)}componentWillRender(){this.t.lang(this.host)}componentWillLoad(){this.actions=null!==this.host.querySelector(':scope > [slot="action"]'),this.setCloseButtonVariant(this.variant)}componentDidLoad(){this.deletableHandler()}componentDidUpdate(){this.deletableHandler()}disconnectedCallback(){this.km.detachClickBehavior()}variantHandler(a){this.setCloseButtonVariant(a)}render(){var a,r;return e(o,{key:"8a3293e558bb74ac6b6f2da1f8716de46d6e1c0e","aria-label":this.headline,role:this.ariaVariants[null!==(a=this.variant)&&void 0!==a?a:"primary"].role,"aria-live":this.ariaVariants[null!==(r=this.variant)&&void 0!==r?r:"primary"].live},e("div",{key:"57b677034bdb2c45e838b5f0bfd285fb1588fb2d",class:"body"},this.icon&&e("mds-icon",{key:"e721e46b80995d2fa81cff4bd60a5d8ad453e197","aria-hidden":"true",class:"icon",name:this.icon}),e("div",{key:"6c6af935817431e4d89c29752d0ec32d1a204259",class:"content"},this.headline&&e("mds-text",{key:"cb3e60f23d08876841e635a61c2b67534e5d2833","aria-hidden":"true",class:"headline",typography:"h6"},this.headline),e("div",{key:"248ed7b3b4e89099fa327d4954e6d56a35c781ca",class:"text",part:"text"},e("slot",{key:"26a6b47c16abf4ac990c2f77b17f6a461dc94c1f"}))),this.deletable&&e("mds-button",{key:"f6dce72fed0e6d32ad2cdef1d10521a9aee6ad71",class:"close-button",icon:s,onClick:this.closeBanner,title:this.t.get("cancel"),variant:this.closeButtonVariant,tone:"text"})),this.actions&&e("div",{key:"28e0a3870b0d05250729d75b26c72c96f45e5bbc",class:"actions"},e("slot",{key:"2b0f51b34cf364ac7efc27fb33d586e59ef3ddda",name:"action"})))}get host(){return this}static get watchers(){return{variant:[{variantHandler:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-banner-cockade-distance:calc(var(--spacing,.0025rem)*600);--mds-banner-content-gap:calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*400);--mds-banner-radius:var(--radius-lg,16px);--mds-banner-transition-duration:.3s}*,::backdrop,:after,:before{--mds-banner-background:rgb(var(--tone-neutral-10,60 60 60));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-cockade-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-headline-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--tone-neutral-04,218 218 218))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-banner-transition-duration{syntax:"<time>";inherits:true;initial-value:.3s}:host{--mds-banner-background:rgb(var(--tone-neutral-10,60 60 60));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-cockade-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-cockade-distance:calc(var(--spacing,.0025rem)*600);--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-content-gap:calc(var(--spacing,.0025rem)*400);--mds-banner-headline-color:var(--mds-banner-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-banner-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-banner-radius:var(--radius-2xl,24px);--mds-banner-shadow:none;--mds-banner-transition-duration:.3s;--mds-banner-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));background-color:var(--mds-banner-background,rgb(var(--tone-neutral-10,60 60 60)));border-radius:var(--mds-banner-radius,var(--radius-lg,16px));-webkit-box-shadow:var(--mds-banner-shadow);box-shadow:var(--mds-banner-shadow);color:var(--mds-banner-color,rgb(var(--tone-neutral-02,244 244 244)));corner-shape:var(--magma-corner-shape,round);container:mds-banner/inline-size;display:grid;gap:calc(var(--spacing,.0025rem)*600);grid-template-columns:repeat(1,minmax(1px,100%));padding:calc(var(--spacing,.0025rem)*600);position:relative;-webkit-transition-duration:var(--mds-banner-transition-duration,.3s);transition-duration:var(--mds-banner-transition-duration,.3s);transition-property:background-color,box-shadow,color;-webkit-transition-timing-function:var(--mds-banner-transition-timing-function);transition-timing-function:var(--mds-banner-transition-timing-function);width:100%}.body{align-items:flex-start;display:flex;gap:var(--mds-banner-content-gap,calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*400));justify-content:space-between}.headline{color:var(--mds-banner-headline-color,rgb(var(--tone-neutral-02,244 244 244)))}.content{box-sizing:border-box;flex-direction:column;flex-grow:1;justify-content:center}.actions,.content{display:flex;gap:var(--mds-banner-content-gap,calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*400))}.actions{flex-wrap:wrap;justify-content:flex-end}.icon{fill:var(--mds-banner-icon-color,rgb(var(--tone-neutral-04,218 218 218)));flex-shrink:0;-webkit-transition-duration:var(--mds-banner-transition-duration,.3s);transition-duration:var(--mds-banner-transition-duration,.3s);transition-property:background-color,fill;-webkit-transition-timing-function:var(--mds-banner-transition-timing-function);transition-timing-function:var(--mds-banner-transition-timing-function)}.text{display:grid;flex-grow:1;gap:var(--mds-banner-content-gap,calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*400))}@container mds-banner (max-width:300px){:host([deletable]:not([deletable=false])) .headline,:host([deletable]:not([deletable=false])):host(:not([headline])) .content{padding-right:calc(var(--spacing,.0025rem)*800)}::slotted([slot=action]){flex-basis:100%;flex-grow:1}}:host([cockade]:not([cockade=false])) .icon{background-color:var(--mds-banner-cockade-background,rgb(var(--tone-neutral-09,76 76 76)));border-bottom-left-radius:var(--radius-lg,16px);border-bottom-right-radius:var(--radius-lg,16px);margin-top:calc(-1 * var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem) * 600)));padding:calc(var(--spacing,.0025rem)*200);padding-top:var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem)*600))}@container mds-banner (max-width:300px){:host([cockade]:not([cockade=false])) .icon{padding-top:calc(var(--spacing,.0025rem)*200)}.body{flex-direction:column}.close-button{position:absolute;right:calc(var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem) * 600)) / 2);top:calc(var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem) * 600)) / 2)}}:host,:host([variant=primary]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-primary-09,0 58 168));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-banner-headline-color:rgb(var(--variant-primary-02,230 239 255));--mds-banner-cockade-background:rgb(var(--variant-primary-09,0 58 168))}:host([variant=primary]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-primary-10,0 49 142));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--variant-primary-10,0 49 142))}:host([variant=ai]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-ai-09,75 8 189));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-banner-headline-color:rgb(var(--variant-ai-02,242 235 254));--mds-banner-cockade-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=ai]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-ai-10,63 7 161));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--variant-ai-10,63 7 161))}:host([variant=error]){--mds-banner-headline-color:rgb(var(--status-error-03,255 217 214));--mds-banner-background:rgb(var(--status-error-10,115 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-error-08,182 50 54));--mds-banner-color:rgb(var(--status-error-02,255 234 231));--mds-banner-icon-color:rgb(var(--status-error-05,250 165 160));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-error-08,182 50 54))}:host([variant=error]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-error-10,115 0 0));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-error-05,250 165 160));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-error-10,115 0 0))}:host([variant=warning]){--mds-banner-headline-color:rgb(var(--status-warning-03,255 223 129));--mds-banner-background:rgb(var(--status-warning-10,77 57 0));--mds-banner-close-icon-hover-background:rgb(var(--status-warning-08,129 96 0));--mds-banner-color:rgb(var(--status-warning-02,255 237 185));--mds-banner-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-warning-08,129 96 0))}:host([variant=warning]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-warning-10,77 57 0));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-warning-10,77 57 0))}:host([variant=info]){--mds-banner-headline-color:rgb(var(--status-info-03,198 231 247));--mds-banner-background:rgb(var(--status-info-10,0 61 103));--mds-banner-close-icon-hover-background:rgb(var(--status-info-08,0 107 151));--mds-banner-color:rgb(var(--status-info-02,222 242 250));--mds-banner-icon-color:rgb(var(--status-info-05,112 198 234));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-info-08,0 107 151))}:host([variant=info]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-info-10,0 61 103));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-info-05,112 198 234));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-info-10,0 61 103))}:host([variant=success]){--mds-banner-headline-color:rgb(var(--status-success-03,196 235 209));--mds-banner-background:rgb(var(--status-success-10,0 69 0));--mds-banner-close-icon-hover-background:rgb(var(--status-success-08,0 116 46));--mds-banner-color:rgb(var(--status-success-02,222 244 228));--mds-banner-icon-color:rgb(var(--status-success-05,107 206 147));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-success-08,0 116 46))}:host([variant=success]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-success-10,0 69 0));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-success-05,107 206 147));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-success-10,0 69 0))}:host([variant=dark]){--mds-banner-background:rgb(var(--tone-neutral-01,255 255 255));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-03,233 233 233));--mds-banner-cockade-background:rgb(var(--tone-neutral-04,218 218 218));--mds-banner-color:rgb(var(--tone-neutral-08,107 107 107));--mds-banner-headline-color:rgb(var(--tone-neutral,0 0 0));--mds-banner-icon-color:rgb(var(--tone-neutral-07,134 134 134));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d)}:host([variant=dark]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral-03,233 233 233));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-05,197 197 197));--mds-banner-color:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-icon-color:rgb(var(--tone-neutral-07,134 134 134));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a)}:host([variant=light]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--tone-neutral-05,197 197 197));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-banner-headline-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-cockade-background:rgb(var(--tone-neutral-10,60 60 60))}:host([variant=light]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-10,60 60 60));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--tone-neutral-05,197 197 197));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--tone-neutral-09,76 76 76))}:host([tone=box]){-webkit-box-shadow:var(--shadow-box-solid-weak,#0000004d 0 2px 4px,#00000008 0 0 0 1px,#0000001a 0 7px 13px -3px,#0003 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset);box-shadow:var(--shadow-box-solid-weak,#0000004d 0 2px 4px,#00000008 0 0 0 1px,#0000001a 0 7px 13px -3px,#0003 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}'}},[257,"mds-banner",{variant:[513],tone:[513],cockade:[516],deletable:[4],headline:[1],icon:[1],language:[32],closeButtonVariant:[32],updateLang:[64]},void 0,{variant:[{variantHandler:0}]}]);function x(){"undefined"!=typeof customElements&&["mds-banner","mds-button","mds-icon","mds-spinner","mds-text"].forEach((a=>{switch(a){case"mds-banner":customElements.get(t(a))||customElements.define(t(a),h);break;case"mds-button":customElements.get(t(a))||c();break;case"mds-icon":customElements.get(t(a))||b();break;case"mds-spinner":customElements.get(t(a))||l();break;case"mds-text":customElements.get(t(a))||m()}}))}export{h as M,x as d}

package/dist/components/mds-benchmark-bar.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as t,Host as a,transformTag as r}from"@stencil/core/internal/client";import{r as i,s as o}from"./slot.js";import{d}from"./mds-icon2.js";import{d as l}from"./mds-progress2.js";import{d as n}from"./mds-radial-progress2.js";import{d as c}from"./mds-text2.js";const m=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.typography="label",this.value=0,this.variant="dark",this.size="md",this.onSlotChangeHandler=()=>{this.label||(this.label=i(this.host))}}labelChanged(e){this.label=o(e)}render(){var e;return t(a,{key:"d7b0e761d31d572d12036ff3aaf4c20b289cbf2f"},t("div",{key:"704adf95c2c8d28158b4b42a79b618adcaacec37",class:"infos"},t("mds-text",{key:"aba9432355b5ecf6b2bc624851eeeb804b9d1ce7",typography:this.typography,class:"label",id:"label",truncate:"word"},this.label||t("slot",{key:"87bf1c615242ec2df4c13a22bcb6b17d35286dbf",onSlotchange:this.onSlotChangeHandler})),t("mds-text",{key:"21d31020e10456f29b884c9cd0ed7744f9eeb2cf",typography:this.typography,class:"value",truncate:"word"},null!==(e=this.alias)&&void 0!==e?e:this.value)),t("mds-progress",{key:"9e9db845895d9f0ea025df2a3ea55e206c11e255","aria-labelledby":"label","aria-valuetext":this.alias,class:"progress",variant:this.variant,progress:this.value/100,size:this.size,part:"progress-bar"}))}get host(){return this}static get watchers(){return{label:[{labelChanged:0}]}}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-progress,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100);grid-template-columns:repeat(1,minmax(1px,100%))}.infos{display:flex;gap:calc(var(--spacing,.0025rem)*200);justify-content:space-between;width:100%}.value{flex-shrink:0}.label{min-width:0}:host([size=md]),:host([size=sm]){gap:calc(var(--spacing,.0025rem)*200)}:host([size=lg]),:host([size=xl]){gap:calc(var(--spacing,.0025rem)*300)}"}},[257,"mds-benchmark-bar",{label:[1537],alias:[1],typography:[1],value:[2],variant:[513],size:[513]},void 0,{label:[{labelChanged:0}]}]),h=m,b=function(){"undefined"!=typeof customElements&&["mds-benchmark-bar","mds-icon","mds-progress","mds-radial-progress","mds-text"].forEach((e=>{switch(e){case"mds-benchmark-bar":customElements.get(r(e))||customElements.define(r(e),m);break;case"mds-icon":customElements.get(r(e))||d();break;case"mds-progress":customElements.get(r(e))||l();break;case"mds-radial-progress":customElements.get(r(e))||n();break;case"mds-text":customElements.get(r(e))||c()}}))};export{h as MdsBenchmarkBar,b as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,h as t,Host as a,transformTag as r}from"@stencil/core/internal/client";import{r as i,s as o}from"./slot.js";import{d}from"./mds-icon2.js";import{d as l}from"./mds-progress2.js";import{d as n}from"./mds-radial-progress2.js";import{d as c}from"./mds-text2.js";const m=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.typography="label",this.value=0,this.variant="dark",this.size="md",this.onSlotChangeHandler=()=>{void 0!==this.label&&""!==this.label||(this.label=i(this.host))}}labelChanged(e){this.label=o(e)}render(){var e;return t(a,{key:"1c2d9a434915c3bd3487e3accddc100cb457178b"},t("div",{key:"809bfc18d2042c97685adb031b65f3444a1ba3c4",class:"infos"},t("mds-text",{key:"f328a5c085a268ac48839e9553fe48a0d57873f8",typography:this.typography,class:"label",id:"label",truncate:"word"},this.label||t("slot",{key:"d61cde55186ab7d8aa186fb740b35fb9e5e964f4",onSlotchange:this.onSlotChangeHandler})),t("mds-text",{key:"2f0145a1c718cb646fb28e05e6f828c196c8902e",typography:this.typography,class:"value",truncate:"word"},null!==(e=this.alias)&&void 0!==e?e:this.value)),t("mds-progress",{key:"ad484ee140a19ccde21e5a50df8532c03508350a","aria-labelledby":"label","aria-valuetext":this.alias,class:"progress",variant:this.variant,progress:this.value/100,size:this.size,part:"progress-bar"}))}get host(){return this}static get watchers(){return{label:[{labelChanged:0}]}}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-progress,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100);grid-template-columns:repeat(1,minmax(1px,100%))}.infos{display:flex;gap:calc(var(--spacing,.0025rem)*200);justify-content:space-between;width:100%}.value{flex-shrink:0}.label{min-width:0}:host([size=md]),:host([size=sm]){gap:calc(var(--spacing,.0025rem)*200)}:host([size=lg]),:host([size=xl]){gap:calc(var(--spacing,.0025rem)*300)}"}},[257,"mds-benchmark-bar",{label:[1537],alias:[1],typography:[1],value:[2],variant:[513],size:[513]},void 0,{label:[{labelChanged:0}]}]),h=m,p=function(){"undefined"!=typeof customElements&&["mds-benchmark-bar","mds-icon","mds-progress","mds-radial-progress","mds-text"].forEach((e=>{switch(e){case"mds-benchmark-bar":customElements.get(r(e))||customElements.define(r(e),m);break;case"mds-icon":customElements.get(r(e))||d();break;case"mds-progress":customElements.get(r(e))||l();break;case"mds-radial-progress":customElements.get(r(e))||n();break;case"mds-text":customElements.get(r(e))||c()}}))};export{h as MdsBenchmarkBar,p as defineCustomElement}

package/dist/components/mds-bibliography.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,h as e,Host as a,transformTag as r}from"@stencil/core/internal/client";import{d as o}from"./mds-text2.js";const s=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.separator={apa:"&",mla:"e",turabian:"&"},this.format="apa",this.rel="external",this.typography="detail",this.monthName=t=>["Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre"][t],this.getDate=t=>new Date(isNaN(Number(t))?t:parseInt(t)),this.dateFormatAPA=t=>{const i=this.getDate(t);return""+i=="Invalid Date"?"":`${i.getFullYear()}, ${this.monthName(i.getMonth())} ${i.getDate()}`},this.dateFormatMLA=t=>{const i=this.getDate(t);return""+i=="Invalid Date"?"":`${i.getDate()} ${this.monthName(i.getMonth())} ${i.getFullYear()}`},this.fullNameAPA=(t,i)=>{var e;let a="";if(t.includes(" ")){const i=RegExp(/(\w+)/,"g");null===(e=t.match(i))||void 0===e||e.forEach((t=>{a=`${a} ${t.substring(0,1)}.`}))}else a=` ${t.substring(0,1)}.`;return`${i}${i?",":""}${a}`},this.fullNameMLA=(t,i)=>{var e;let a="";if(t.includes(" ")){const i=RegExp(/(\w+)/,"g");null===(e=t.match(i))||void 0===e||e.forEach(((t,i)=>{a=0===i?t:`${a} ${t.substring(0,1)}.`}))}else a=t;return`${i}${i?",":""} ${a}`},this.formatAuthors=t=>{var i;const e=t.replace(/"/g,"'"),a=RegExp(/([A-Za-z ]{2,})/g),r=null!==(i=e.match(a))&&void 0!==i?i:e;if(r.length>1){const t=r[0].trim(),i=r[1]?r[1].trim():"";return{apa:this.fullNameAPA(t,i),firstName:t,lastName:i,mla:this.fullNameMLA(t,i),turabian:this.fullNameMLA(t,i)}}const o=r[0].split(" ")[0].trim(),s=r[0].split(" ")[1]?r[0].split(" ")[1].trim():"";return{apa:this.fullNameAPA(o,s),firstName:o,lastName:s,mla:this.fullNameMLA(o,s),turabian:this.fullNameMLA(o,s)}},this.normalizeAuthors=t=>{const i=[];return t.includes(",")?(t.split(",").forEach((t=>{i.push(this.formatAuthors(t))})),i):(i.push(this.formatAuthors(t)),i)},this.showAuthors=t=>{let i="";return t.forEach(((t,e)=>{i=0===e?t[this.format]:`${i}, ${this.separator[this.format]} ${t[this.format]}`})),i}}render(){return e(a,{key:"b15c9090bd3af98008b693ed727ed3aae93598e3"},e("mds-text",{key:"c9a1d266aa8e12351774933fb61ec35a147debb1",typography:this.typography,variant:this.variant},this.author&&e("span",{key:"1562ae9b85ebeff30997f581be4ab14039dec414"},this.showAuthors(this.normalizeAuthors(this.author))),"mla"===this.format&&e("span",{key:"d615dbc40a95746f89f4525a54c7ecbfceba7315"},this.name&&" ",this.name&&null!==this.url?e("a",{class:"link",href:this.url,target:"_blank",rel:this.rel},e("b",null,e("i",null,this.name,"."))):e("b",null,e("i",null,this.name,".")),this.location&&e("span",{key:"48817238804e69578f5424355c98130556b3dd51"}," ",this.location,void 0!==this.publisher?":":"."),this.publisher&&e("span",{key:"31ecf7af210e44eb6d89dfc3e4f4189e0d835fb4"}," ",this.publisher,void 0!==this.date?",":"."),this.date&&e("time",{key:"405f1546ea824689d93309c9df696378309c1cea",dateTime:this.date}," ",this.dateFormatMLA(this.date),".")),"apa"===this.format&&e("span",{key:"255f43e6ca4b50c0d872e906e3eb03a41d29401f"},this.date&&e("time",{key:"51c6bfd6c2398c6d5c3e204d75c05450b520091a",dateTime:this.date}," (",this.dateFormatAPA(this.date),")."),this.name&&" ",this.name&&null!==this.url?e("a",{class:"link",href:this.url,target:"_blank",rel:this.rel},e("b",null,e("i",null," ",this.name,"."))):e("b",null,e("i",null," ",this.name,".")),this.location&&e("span",{key:"0c3d8465e4001391afbeeebac0d0a8f08a2ac3cb"}," ",this.location,void 0!==this.publisher?":":"."),this.publisher&&e("span",{key:"121f18deadf23c053c2e3cdf63002f5ea7a8f65d"}," ",this.publisher,".")),"turabian"===this.format&&e("span",{key:"b30c1d3e94af251141c9fac36512efe532811aae"},this.name&&" ",this.name&&null!==this.url?e("a",{class:"link",href:this.url,target:"_blank",rel:this.rel},e("b",null,e("i",null," ",this.name,"."))):e("b",null,e("i",null," ",this.name,".")),this.location&&e("span",{key:"4901457ea26ce985db12194a733169e78d84acbb"}," ",this.location,void 0!==this.publisher?":":","),this.publisher&&e("span",{key:"48122bc66f98323a3cce99d731b5df6ad9e3f482"}," ",this.publisher,void 0!==this.date?",":"."),this.date&&e("time",{key:"b6713043fc1531707338552dd3293b9a79500686",dateTime:this.date}," ",this.dateFormatMLA(this.date),"."))))}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-bibliography-color:rgb(var(--tone-neutral-03,233 233 233));--mds-bibliography-text-decoration-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-bibliography-text-decoration:rgb(var(--tone-neutral-06,158 158 158))}*,::backdrop,:after,:before{--tw-duration:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-bibliography-color:rgb(var(--tone-neutral-03,233 233 233));--mds-bibliography-text-decoration-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-bibliography-text-decoration:rgb(var(--tone-neutral-06,158 158 158));display:inline}.link{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));--tw-duration:.2s;border-radius:var(--radius-lg,16px);color:var(--mds-bibliography-color,rgb(var(--tone-neutral-03,233 233 233)));-webkit-text-decoration-color:var(--mds-bibliography-text-decoration,rgb(var(--tone-neutral-06,158 158 158)));text-decoration-color:var(--mds-bibliography-text-decoration,rgb(var(--tone-neutral-06,158 158 158)));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-property:-webkit-text-decoration,text-decoration,color,outline,outline-offset;transition-timing-function:ease-in-out}.link:hover{-webkit-text-decoration-color:var(--mds-bibliography-text-decoration-hover,rgb(var(--tone-neutral-02,244 244 244)));text-decoration-color:var(--mds-bibliography-text-decoration-hover,rgb(var(--tone-neutral-02,244 244 244)))}.link:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}@property --tw-duration{syntax:"*";inherits:false}'}},[1,"mds-bibliography",{format:[1],author:[1],name:[1],publisher:[1],date:[1],location:[1],rel:[1],typography:[1],variant:[1],url:[1]}]),n=s,l=function(){"undefined"!=typeof customElements&&["mds-bibliography","mds-text"].forEach((t=>{switch(t){case"mds-bibliography":customElements.get(r(t))||customElements.define(r(t),s);break;case"mds-text":customElements.get(r(t))||o()}}))};export{n as MdsBibliography,l as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,h as e,Host as a,transformTag as r}from"@stencil/core/internal/client";import{d as o}from"./mds-text2.js";const s=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.separator={apa:"&",mla:"e",turabian:"&"},this.format="apa",this.rel="external",this.typography="detail",this.monthName=t=>["Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre"][t],this.getDate=t=>new Date(isNaN(Number(t))?t:parseInt(t)),this.dateFormatAPA=t=>{const i=this.getDate(t);return""+i=="Invalid Date"?"":`${i.getFullYear()}, ${this.monthName(i.getMonth())} ${i.getDate()}`},this.dateFormatMLA=t=>{const i=this.getDate(t);return""+i=="Invalid Date"?"":`${i.getDate()} ${this.monthName(i.getMonth())} ${i.getFullYear()}`},this.fullNameAPA=(t,i)=>{var e;let a="";if(t.includes(" ")){const i=RegExp(/(\w+)/,"g");null===(e=t.match(i))||void 0===e||e.forEach((t=>{a=`${a} ${t.substring(0,1)}.`}))}else a=` ${t.substring(0,1)}.`;return`${i}${""!==i?",":""}${a}`},this.fullNameMLA=(t,i)=>{var e;let a="";if(t.includes(" ")){const i=RegExp(/(\w+)/,"g");null===(e=t.match(i))||void 0===e||e.forEach(((t,i)=>{a=0===i?t:`${a} ${t.substring(0,1)}.`}))}else a=t;return`${i}${""!==i?",":""} ${a}`},this.formatAuthors=t=>{var i;const e=t.replace(/"/g,"'"),a=RegExp(/([A-Za-z ]{2,})/g),r=null!==(i=e.match(a))&&void 0!==i?i:e;if(r.length>1){const t=r[0].trim(),i=""!==r[1]?r[1].trim():"";return{apa:this.fullNameAPA(t,i),firstName:t,lastName:i,mla:this.fullNameMLA(t,i),turabian:this.fullNameMLA(t,i)}}const o=r[0].split(" ")[0].trim(),s=""!==r[0].split(" ")[1]?r[0].split(" ")[1].trim():"";return{apa:this.fullNameAPA(o,s),firstName:o,lastName:s,mla:this.fullNameMLA(o,s),turabian:this.fullNameMLA(o,s)}},this.normalizeAuthors=t=>{const i=[];return t.includes(",")?(t.split(",").forEach((t=>{i.push(this.formatAuthors(t))})),i):(i.push(this.formatAuthors(t)),i)},this.showAuthors=t=>{let i="";return t.forEach(((t,e)=>{i=0===e?t[this.format]:`${i}, ${this.separator[this.format]} ${t[this.format]}`})),i}}render(){return e(a,{key:"23f59847854d7d9a89b7dd2750e436d8f02e3d14"},e("mds-text",{key:"b894fe2efb2a5fcb6efed4e71efc21bd226e05fe",typography:this.typography,variant:this.variant},this.author&&e("span",{key:"c4643d727585acf555ddd35a75b899694e5c9402"},this.showAuthors(this.normalizeAuthors(this.author))),"mla"===this.format&&e("span",{key:"6dbda3e1aaeac89017d1fed6d8ff2cd832693199"},this.name&&" ",void 0!==this.name&&""!==this.name&&null!==this.url?e("a",{class:"link",href:this.url,target:"_blank",rel:this.rel},e("b",null,e("i",null,this.name,"."))):e("b",null,e("i",null,this.name,".")),this.location&&e("span",{key:"340b4ecae707224b88baf69235b669ecee608e28"}," ",this.location,void 0!==this.publisher?":":"."),this.publisher&&e("span",{key:"54d44315bbf6859e10136f0cbd73d5a56cbd3af9"}," ",this.publisher,void 0!==this.date?",":"."),this.date&&e("time",{key:"642f54d9348dd05fe0867ef2259c1ed720987b9c",dateTime:this.date}," ",this.dateFormatMLA(this.date),".")),"apa"===this.format&&e("span",{key:"1a6caf7ae4b454bf05b924e56c9aad6e882efe98"},this.date&&e("time",{key:"2dbce299a5459cff5da64ac87925947bcddb2336",dateTime:this.date}," (",this.dateFormatAPA(this.date),")."),this.name&&" ",void 0!==this.name&&""!==this.name&&null!==this.url?e("a",{class:"link",href:this.url,target:"_blank",rel:this.rel},e("b",null,e("i",null," ",this.name,"."))):e("b",null,e("i",null," ",this.name,".")),this.location&&e("span",{key:"c9f7127424939df3e352479e48a298e964ec4d06"}," ",this.location,void 0!==this.publisher?":":"."),this.publisher&&e("span",{key:"abb5252ecfb00b5b00c37c1e8063a2c00ea03cc2"}," ",this.publisher,".")),"turabian"===this.format&&e("span",{key:"91cebf4a49774b5f09f5947378b08c54150c6768"},this.name&&" ",void 0!==this.name&&""!==this.name&&null!==this.url?e("a",{class:"link",href:this.url,target:"_blank",rel:this.rel},e("b",null,e("i",null," ",this.name,"."))):e("b",null,e("i",null," ",this.name,".")),this.location&&e("span",{key:"102f8ccc46702f490624d0de0e0dfc1b69a1ce66"}," ",this.location,void 0!==this.publisher?":":","),this.publisher&&e("span",{key:"f263f731ce15c53982f10273a9918854e9e14564"}," ",this.publisher,void 0!==this.date?",":"."),this.date&&e("time",{key:"fcb9f7211479b4f78a056117f81589d4011ac0fc",dateTime:this.date}," ",this.dateFormatMLA(this.date),"."))))}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-bibliography-color:rgb(var(--tone-neutral-03,233 233 233));--mds-bibliography-text-decoration-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-bibliography-text-decoration:rgb(var(--tone-neutral-06,158 158 158))}*,::backdrop,:after,:before{--tw-duration:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-bibliography-color:rgb(var(--tone-neutral-03,233 233 233));--mds-bibliography-text-decoration-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-bibliography-text-decoration:rgb(var(--tone-neutral-06,158 158 158));display:inline}.link{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));--tw-duration:.2s;border-radius:var(--radius-lg,16px);color:var(--mds-bibliography-color,rgb(var(--tone-neutral-03,233 233 233)));-webkit-text-decoration-color:var(--mds-bibliography-text-decoration,rgb(var(--tone-neutral-06,158 158 158)));text-decoration-color:var(--mds-bibliography-text-decoration,rgb(var(--tone-neutral-06,158 158 158)));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-property:-webkit-text-decoration,text-decoration,color,outline,outline-offset;transition-timing-function:ease-in-out}.link:hover{-webkit-text-decoration-color:var(--mds-bibliography-text-decoration-hover,rgb(var(--tone-neutral-02,244 244 244)));text-decoration-color:var(--mds-bibliography-text-decoration-hover,rgb(var(--tone-neutral-02,244 244 244)))}.link:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}@property --tw-duration{syntax:"*";inherits:false}'}},[1,"mds-bibliography",{format:[1],author:[1],name:[1],publisher:[1],date:[1],location:[1],rel:[1],typography:[1],variant:[1],url:[1]}]),n=s,l=function(){"undefined"!=typeof customElements&&["mds-bibliography","mds-text"].forEach((t=>{switch(t){case"mds-bibliography":customElements.get(r(t))||customElements.define(r(t),s);break;case"mds-text":customElements.get(r(t))||o()}}))};export{n as MdsBibliography,l as defineCustomElement}

package/dist/components/mds-breadcrumb-item.js

@@ -1 +1 @@
-import{proxyCustomElement as r,HTMLElement as e,createEvent as t,h as o,Host as n,transformTag as b}from"@stencil/core/internal/client";import{d as a}from"./mds-button2.js";import{d as s}from"./mds-icon2.js";import{d}from"./mds-spinner2.js";import{d as m}from"./mds-text2.js";const u=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.selectedEvent=t(this,"mdsBreadcrumbItemSelect",7),this.toggle=()=>{this.selected=!this.selected,this.selectedEvent.emit({id:this.element.id,selected:this.selected})}}render(){return o(n,{key:"ab3907e19643bf473ee9b8c4d86bfe9347ef332a"},o("mds-button",{key:"98854e39c5e1607d30a9be677bae9da93191a5ea",onClick:this.toggle,part:"button",label:this.label}),o("i",{key:"105373181228784de85e55aaef02b0684c86d090","aria-hidden":"true",class:"icon",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41L13.17 12l-4.58 4.59L10 18l6-6z"/></svg>'}))}get element(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-breadcrumb-item-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-item-button-background-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-item-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-item-button-background:transparent;--mds-breadcrumb-item-button-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-item-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-item-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-item-button-border-radius:1000px}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-breadcrumb-item-button-background{syntax:"<color>";inherits:true;initial-value:#0000}@property --mds-breadcrumb-item-button-border-radius{syntax:"<length>";inherits:true;initial-value:1000px}:host{--mds-breadcrumb-item-arrow-depth-color:var(--mds-breadcrumb-arrow-depth-color,rgb(var(--tone-neutral-04,218 218 218)));--mds-breadcrumb-item-button-background-selected:var(--mds-breadcrumb-button-background-selected,rgb(var(--mds-breadcrumb-item-button-border-color-rgb-selected)));--mds-breadcrumb-item-button-background-hover:var(--mds-breadcrumb-button-background-hover,rgb(var(--mds-breadcrumb-item-button-border-color-rgb-hover)));--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-button-background,transparent);--mds-breadcrumb-item-button-border-color-rgb-selected:var(--tone-neutral-09,76 76 76);--mds-breadcrumb-item-button-border-color-rgb-hover:var(--tone-neutral-10,60 60 60);--mds-breadcrumb-item-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-hover);--mds-breadcrumb-item-button-color-selected:var(--mds-breadcrumb-button-color-selected,rgb(var(--tone-neutral-01,255 255 255)));--mds-breadcrumb-item-button-color-hover:var(--mds-breadcrumb-button-color-hover,rgb(var(--tone-neutral-02,244 244 244)));--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-button-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-breadcrumb-item-button-border-radius:1000px;align-items:center;display:flex;flex-shrink:0;gap:0;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:box-shadow,outline,outline-offset;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));-webkit-user-select:none;user-select:none}:host mds-button{--mds-button-background:var(--mds-breadcrumb-item-button-background,transparent);--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb);--mds-button-color:var(--mds-breadcrumb-item-button-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-button-radius:var(--mds-breadcrumb-item-button-border-radius,1000px)}:host mds-button:hover{--mds-button-background:var(--mds-breadcrumb-item-button-background-hover,rgb(var(--tone-neutral-10,60 60 60)));--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-hover);--mds-button-color:var(--mds-breadcrumb-item-button-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([selected]) mds-button{--mds-button-background:var(--mds-breadcrumb-item-button-background-selected,rgb(var(--tone-neutral-09,76 76 76)));--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-selected);--mds-button-color:var(--mds-breadcrumb-item-button-color-selected,rgb(var(--tone-neutral-01,255 255 255)));pointer-events:none}.icon{display:flex;fill:var(--mds-breadcrumb-item-arrow-depth-color,rgb(var(--tone-neutral-04,218 218 218)))}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host(:last-child) .icon{display:none}'}},[1,"mds-breadcrumb-item",{selected:[1540],label:[513]}]),i=u,c=function(){"undefined"!=typeof customElements&&["mds-breadcrumb-item","mds-button","mds-icon","mds-spinner","mds-text"].forEach((r=>{switch(r){case"mds-breadcrumb-item":customElements.get(b(r))||customElements.define(b(r),u);break;case"mds-button":customElements.get(b(r))||a();break;case"mds-icon":customElements.get(b(r))||s();break;case"mds-spinner":customElements.get(b(r))||d();break;case"mds-text":customElements.get(b(r))||m()}}))};export{i as MdsBreadcrumbItem,c as defineCustomElement}
+import{proxyCustomElement as r,HTMLElement as e,createEvent as t,h as o,Host as b,transformTag as n}from"@stencil/core/internal/client";import{d as s}from"./mds-button2.js";import{d as a}from"./mds-icon2.js";import{d}from"./mds-spinner2.js";import{d as m}from"./mds-text2.js";const u=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.selectedEvent=t(this,"mdsBreadcrumbItemSelect",7),this.toggle=()=>{this.selected=!this.selected,this.selectedEvent.emit({id:this.element.id,selected:this.selected})}}render(){return o(b,{key:"0637c2938c4b122ee6d74226043108aa62c753c6"},o("mds-button",{key:"399bb9e3f9f2272e6d0fc6e397fdbe6c4b179437",onClick:this.toggle,part:"button",label:this.label}),o("i",{key:"33527f902e0e871d563bb3813f47271238ddfbf8","aria-hidden":"true",class:"icon",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41L13.17 12l-4.58 4.59L10 18l6-6z"/></svg>'}))}get element(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-breadcrumb-item-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-item-button-background-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-item-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-item-button-background:transparent;--mds-breadcrumb-item-button-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-item-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-item-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-item-button-border-radius:1000px}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-breadcrumb-item-button-background{syntax:"<color>";inherits:true;initial-value:#0000}@property --mds-breadcrumb-item-button-border-radius{syntax:"<length>";inherits:true;initial-value:1000px}:host{--mds-breadcrumb-item-arrow-depth-color:var(--mds-breadcrumb-arrow-depth-color,rgb(var(--tone-neutral-04,218 218 218)));--mds-breadcrumb-item-button-background-selected:var(--mds-breadcrumb-button-background-selected,rgb(var(--mds-breadcrumb-item-button-border-color-rgb-selected)));--mds-breadcrumb-item-button-background-hover:var(--mds-breadcrumb-button-background-hover,rgb(var(--mds-breadcrumb-item-button-border-color-rgb-hover)));--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-button-background,transparent);--mds-breadcrumb-item-button-border-color-rgb-selected:var(--tone-neutral-09,76 76 76);--mds-breadcrumb-item-button-border-color-rgb-hover:var(--tone-neutral-10,60 60 60);--mds-breadcrumb-item-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-hover);--mds-breadcrumb-item-button-color-selected:var(--mds-breadcrumb-button-color-selected,rgb(var(--tone-neutral-01,255 255 255)));--mds-breadcrumb-item-button-color-hover:var(--mds-breadcrumb-button-color-hover,rgb(var(--tone-neutral-02,244 244 244)));--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-button-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-breadcrumb-item-button-border-radius:1000px;align-items:center;display:flex;flex-shrink:0;gap:0;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:box-shadow,outline,outline-offset;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));-webkit-user-select:none;user-select:none}:host mds-button{--mds-button-background:var(--mds-breadcrumb-item-button-background,transparent);--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb);--mds-button-color:var(--mds-breadcrumb-item-button-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-button-radius:var(--mds-breadcrumb-item-button-border-radius,1000px)}:host mds-button:hover{--mds-button-background:var(--mds-breadcrumb-item-button-background-hover,rgb(var(--tone-neutral-10,60 60 60)));--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-hover);--mds-button-color:var(--mds-breadcrumb-item-button-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([selected]) mds-button{--mds-button-background:var(--mds-breadcrumb-item-button-background-selected,rgb(var(--tone-neutral-09,76 76 76)));--mds-button-border-color-rgb:var(--mds-breadcrumb-item-button-border-color-rgb-selected);--mds-button-color:var(--mds-breadcrumb-item-button-color-selected,rgb(var(--tone-neutral-01,255 255 255)));pointer-events:none}.icon{display:flex;fill:var(--mds-breadcrumb-item-arrow-depth-color,rgb(var(--tone-neutral-04,218 218 218)))}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host(:last-child) .icon{display:none}'}},[1,"mds-breadcrumb-item",{selected:[1540],label:[513]}]),i=u,c=function(){"undefined"!=typeof customElements&&["mds-breadcrumb-item","mds-button","mds-icon","mds-spinner","mds-text"].forEach((r=>{switch(r){case"mds-breadcrumb-item":customElements.get(n(r))||customElements.define(n(r),u);break;case"mds-button":customElements.get(n(r))||s();break;case"mds-icon":customElements.get(n(r))||a();break;case"mds-spinner":customElements.get(n(r))||d();break;case"mds-text":customElements.get(n(r))||m()}}))};export{i as MdsBreadcrumbItem,c as defineCustomElement}

package/dist/components/mds-breadcrumb.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as r,h as o,Host as s,transformTag as a}from"@stencil/core/internal/client";import{m as n}from"./arrow-back.js";import{K as i}from"./keyboard-manager.js";import{L as d}from"./locale.js";import{d as b}from"./mds-button2.js";import{d as c}from"./mds-icon2.js";import{d as m}from"./mds-spinner2.js";import{d as u}from"./mds-text2.js";var l={back:"Πήγαινε πίσω"},h={back:"Go back"},p={back:"Volver atrás"},v={back:"Indietro"};const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.changedEvent=r(this,"mdsBreadcrumbChange",7),this.kb=new i,this.t=new d({el:l,en:h,es:p,it:v}),this.back=!0,this.queryItems=()=>this.element.querySelectorAll("mds-breadcrumb-item"),this.updateBackButton=t=>{var e;if(!this.back)return;const r=null===(e=this.element.shadowRoot)||void 0===e?void 0:e.querySelector(".back");if(0===t)return r.setAttribute("disabled",""),void this.kb.detachClickBehavior();r.removeAttribute("disabled"),this.kb.attachClickBehavior()},this.togglePrevious=()=>{const t=this.element.querySelector("mds-breadcrumb-item[selected]");if(!t)return;const e=Number(t.id.replace("item-","")),r=this.queryItems();let o=0;r.forEach(((t,r)=>{t.selected=r===e-1,t.selected&&(o=r)})),this.updateBackButton(o),this.onChanged(o,t)},this.onChanged=(t,e)=>{this.changedEvent.emit({id:""+t,caller:e})}}async updateLang(){this.language=this.t.lang(this.element)}componentDidLoad(){var t;this.queryItems().forEach(((t,e)=>t.id="item-"+e));const e=this.element.querySelector("mds-breadcrumb-item[selected]");if(e&&"item-0"!==e.id||this.updateBackButton(0),this.back){const e=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".back");this.kb.addElement(e),this.kb.attachClickBehavior()}}componentDidUpdate(){var t;if(this.back){const e=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".back");return this.kb.addElement(e),void this.kb.attachClickBehavior()}this.kb.detachClickBehavior()}componentWillRender(){this.t.lang(this.element)}disconnectedCallback(){this.kb.detachClickBehavior()}activedEventHandler(t){const e=this.queryItems();let r=0;e.forEach(((e,o)=>{e.selected="item-"+o===t.detail.id&&t.detail.selected,e.selected&&(r=o)})),this.updateBackButton(r),this.onChanged(r,t.target)}render(){return o(s,{key:"0157e65a0eb34ec757f56c7cdc10b18951fa8be3"},this.back&&o("mds-button",{key:"a16a4496ee3c0ff557f83e42bc4b4c0d47d70086",title:this.t.get("back"),class:"back",tone:"text",variant:"dark",icon:n,onClick:this.togglePrevious}),o("slot",{key:"a225269b1f7a7ea7ba4282c3bbb1b50403c15fac"}))}get element(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05,197 197 197))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-breadcrumb-button-background-disabled{syntax:"<color>";inherits:true;initial-value:#0000}@property --mds-breadcrumb-button-background{syntax:"<color>";inherits:true;initial-value:#0000}:host{--mds-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05,197 197 197));-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:center;display:flex;gap:0;overflow:auto;padding:calc(var(--spacing,.0025rem)*200);scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}:host::-webkit-scrollbar{display:none}:host-context(:root.pref-animation-reduce){scroll-behavior:auto}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){scroll-behavior:auto}}'}},[257,"mds-breadcrumb",{back:[4],language:[32],updateLang:[64]},[[0,"mdsBreadcrumbItemSelect","activedEventHandler"]]]),k=g,y=function(){"undefined"!=typeof customElements&&["mds-breadcrumb","mds-button","mds-icon","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-breadcrumb":customElements.get(a(t))||customElements.define(a(t),g);break;case"mds-button":customElements.get(a(t))||b();break;case"mds-icon":customElements.get(a(t))||c();break;case"mds-spinner":customElements.get(a(t))||m();break;case"mds-text":customElements.get(a(t))||u()}}))};export{k as MdsBreadcrumb,y as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as r,h as o,Host as s,transformTag as n}from"@stencil/core/internal/client";import{m as a}from"./arrow-back.js";import{K as i}from"./keyboard-manager.js";import{L as d}from"./locale.js";import{d as b}from"./mds-button2.js";import{d as c}from"./mds-icon2.js";import{d as m}from"./mds-spinner2.js";import{d as u}from"./mds-text2.js";var l={back:"Πήγαινε πίσω"},h={back:"Go back"},p={back:"Volver atrás"},v={back:"Indietro"};const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.changedEvent=r(this,"mdsBreadcrumbChange",7),this.kb=new i,this.t=new d({el:l,en:h,es:p,it:v}),this.back=!0,this.queryItems=()=>this.element.querySelectorAll("mds-breadcrumb-item"),this.updateBackButton=t=>{var e;if(!this.back)return;const r=null===(e=this.element.shadowRoot)||void 0===e?void 0:e.querySelector(".back");if(0===t)return r.setAttribute("disabled",""),void this.kb.detachClickBehavior();r.removeAttribute("disabled"),this.kb.attachClickBehavior()},this.togglePrevious=()=>{const t=this.element.querySelector("mds-breadcrumb-item[selected]");if(!t)return;const e=Number(t.id.replace("item-","")),r=this.queryItems();let o=0;r.forEach(((t,r)=>{t.selected=r===e-1,t.selected&&(o=r)})),this.updateBackButton(o),this.onChanged(o,t)},this.onChanged=(t,e)=>{this.changedEvent.emit({id:""+t,caller:e})}}async updateLang(){this.language=this.t.lang(this.element)}componentDidLoad(){var t;this.queryItems().forEach(((t,e)=>t.id="item-"+e));const e=this.element.querySelector("mds-breadcrumb-item[selected]");if(e&&"item-0"!==e.id||this.updateBackButton(0),this.back){const e=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".back");this.kb.addElement(e),this.kb.attachClickBehavior()}}componentDidUpdate(){var t;if(this.back){const e=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".back");return this.kb.addElement(e),void this.kb.attachClickBehavior()}this.kb.detachClickBehavior()}componentWillRender(){this.t.lang(this.element)}disconnectedCallback(){this.kb.detachClickBehavior()}activedEventHandler(t){const e=this.queryItems();let r=0;e.forEach(((e,o)=>{e.selected="item-"+o===t.detail.id&&t.detail.selected,e.selected&&(r=o)})),this.updateBackButton(r),this.onChanged(r,t.target)}render(){return o(s,{key:"d6153c0dc519e28bb3e6d4abcc21e7525f93bcd6"},this.back&&o("mds-button",{key:"06352e01170f89f85263a8f5ce6430c05cbbe4c2",title:this.t.get("back"),class:"back",tone:"text",variant:"dark",icon:a,onClick:this.togglePrevious}),o("slot",{key:"6355194ad2a8d7b51ee76d5537dfd206a831c86f"}))}get element(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05,197 197 197))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-breadcrumb-button-background-disabled{syntax:"<color>";inherits:true;initial-value:#0000}@property --mds-breadcrumb-button-background{syntax:"<color>";inherits:true;initial-value:#0000}:host{--mds-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04,218 218 218));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09,76 76 76));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01,255 255 255));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02,244 244 244));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05,197 197 197));-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:center;display:flex;gap:0;overflow:auto;padding:calc(var(--spacing,.0025rem)*200);scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}:host::-webkit-scrollbar{display:none}:host-context(:root.pref-animation-reduce){scroll-behavior:auto}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){scroll-behavior:auto}}'}},[257,"mds-breadcrumb",{back:[4],language:[32],updateLang:[64]},[[0,"mdsBreadcrumbItemSelect","activedEventHandler"]]]),k=g,y=function(){"undefined"!=typeof customElements&&["mds-breadcrumb","mds-button","mds-icon","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-breadcrumb":customElements.get(n(t))||customElements.define(n(t),g);break;case"mds-button":customElements.get(n(t))||b();break;case"mds-icon":customElements.get(n(t))||c();break;case"mds-spinner":customElements.get(n(t))||m();break;case"mds-text":customElements.get(n(t))||u()}}))};export{k as MdsBreadcrumb,y as defineCustomElement}

package/dist/components/mds-button-dropdown.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,h as r,Host as a,transformTag as s}from"@stencil/core/internal/client";import{m as n}from"./keyboard-arrow-down.js";import{d as e}from"./mds-button2.js";import{d as i}from"./mds-dropdown2.js";import{d}from"./mds-icon2.js";import{d as u}from"./mds-spinner2.js";import{d as c}from"./mds-text2.js";const b=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.type="submit",this.variant="primary",this.tone="strong",this.size="md",this.target="self",this.truncate="word"}render(){return r(a,{key:"f90fab85c6ee85c8ccf49b74004079844f509927"},r("mds-button",{key:"cb5a073527f47a464f02b7806f2cabd9a4b0ccfd",active:this.active,autoFocus:this.autoFocus,await:this.await,disabled:this.disabled,href:this.href,icon:this.icon,size:this.size,target:this.target,tone:this.tone,type:this.type,variant:this.variant,label:this.label}),r("mds-button",{key:"7008620f687989604f5247fadfddf50004d1c1ca",active:this.active,autoFocus:this.autoFocus,await:this.await,class:"dropdown-action",disabled:this.disabled,href:this.href,icon:n,size:this.size,target:this.target,tone:this.tone,type:this.type,variant:this.variant}),r("mds-dropdown",{key:"bdb45a552fc11f8ce3b2c64685b857f54dc6a89f",target:".dropdown-action",part:"dropdown"},r("slot",{key:"fe51f3322d90cfe9d561d194ca9e8a0e3e5290d2"})))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-button-dropdown-radius:var(--radius-2xl,24px);--mds-button-dropdown-window-radius:var(--radius-2xl,24px)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-dropdown):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-button-dropdown-radius:var(--radius-2xl,24px);--mds-button-dropdown-window-radius:var(--radius-2xl,24px);border-radius:var(--mds-button-dropdown-radius,var(--radius-2xl,24px));display:inline-flex;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,box-shadow;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94))}mds-dropdown{border-radius:var(--mds-button-dropdown-window-radius,var(--radius-2xl,24px));gap:calc(var(--spacing,.0025rem)*50);padding:calc(var(--spacing,.0025rem)*200)}mds-button{--mds-button-radius:var(--mds-button-dropdown-radius,var(--radius-2xl,24px));--mds-button-border-tone-strong-hover-width:0;--mds-button-border-tone-ghost-hover-width:0;--mds-button-border-tone-weak-hover-width:0;--mds-button-border-high-contrast-width:0}mds-button:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.dropdown-action{border-bottom-left-radius:0;border-top-left-radius:0}::slotted(mds-button){justify-content:flex-start}:host([size=sm]){--mds-button-dropdown-radius:var(--radius-md,12px)}:host([variant=error][tone=strong]){background-color:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=weak]){background-color:rgb(var(--status-error-08,182 50 54))}:host([variant=success][tone=strong]){background-color:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=weak]){background-color:rgb(var(--status-success-08,0 116 46))}:host([variant=warning][tone=strong]){background-color:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=weak]){background-color:rgb(var(--status-warning-08,129 96 0))}:host([variant=info][tone=strong]){background-color:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=weak]){background-color:rgb(var(--status-info-08,0 107 151))}:host([variant=ai][tone=strong]){background-color:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=weak]){background-color:rgb(var(--variant-ai-08,118 44 246))}:host([variant=primary][tone=strong]){background-color:rgb(var(--variant-primary-03,211 226 255))}:host([variant=primary][tone=weak]){background-color:rgb(var(--variant-primary-08,0 83 239))}:host([variant=secondary][tone=strong]){background-color:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=weak]){background-color:rgb(var(--variant-secondary-08,18 83 238))}:host([variant=dark][tone=strong]){background-color:rgb(var(--tone-neutral-05,197 197 197))}:host([variant=dark][tone=weak]){background-color:rgb(var(--tone-neutral-07,134 134 134))}:host([variant=light][tone=strong]){background-color:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}:host([variant=light][tone=weak]){background-color:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline-light-50);box-shadow:var(--shadow-outline-light-50)}"}},[257,"mds-button-dropdown",{label:[1],autoFocus:[4,"auto-focus"],icon:[1537],type:[513],variant:[513],tone:[513],size:[513],active:[1540],disabled:[1540],await:[1540],href:[513],target:[1],truncate:[513]}]),m=b,h=function(){"undefined"!=typeof customElements&&["mds-button-dropdown","mds-button","mds-dropdown","mds-icon","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-button-dropdown":customElements.get(s(t))||customElements.define(s(t),b);break;case"mds-button":customElements.get(s(t))||e();break;case"mds-dropdown":customElements.get(s(t))||i();break;case"mds-icon":customElements.get(s(t))||d();break;case"mds-spinner":customElements.get(s(t))||u();break;case"mds-text":customElements.get(s(t))||c()}}))};export{m as MdsButtonDropdown,h as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as o,h as r,Host as a,transformTag as s}from"@stencil/core/internal/client";import{m as n}from"./keyboard-arrow-down.js";import{d as e}from"./mds-button2.js";import{d as i}from"./mds-dropdown2.js";import{d}from"./mds-icon2.js";import{d as c}from"./mds-spinner2.js";import{d as u}from"./mds-text2.js";const b=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.type="submit",this.variant="primary",this.tone="strong",this.size="md",this.target="self",this.truncate="word"}render(){return r(a,{key:"cc838a144e10bc573500c91de8255a40d0ae6c9d"},r("mds-button",{key:"6491c12f83c66e74917cd94f5b11cb334179a67a",active:this.active,autoFocus:this.autoFocus,await:this.await,disabled:this.disabled,href:this.href,icon:this.icon,size:this.size,target:this.target,tone:this.tone,type:this.type,variant:this.variant,label:this.label}),r("mds-button",{key:"87008d8679548ae49f6365b2e8a5cf61ac1850df",active:this.active,autoFocus:this.autoFocus,await:this.await,class:"dropdown-action",disabled:this.disabled,href:this.href,icon:n,size:this.size,target:this.target,tone:this.tone,type:this.type,variant:this.variant}),r("mds-dropdown",{key:"6519ef27ef74e2e3598c61b5624cf947c7c43a27",target:".dropdown-action",part:"dropdown"},r("slot",{key:"16edfd3fa1702cf5405d91c811e9993cc528a177"})))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-button-dropdown-radius:var(--radius-2xl,24px);--mds-button-dropdown-window-radius:var(--radius-2xl,24px)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-dropdown):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-button-dropdown-radius:var(--radius-2xl,24px);--mds-button-dropdown-window-radius:var(--radius-2xl,24px);border-radius:var(--mds-button-dropdown-radius,var(--radius-2xl,24px));display:inline-flex;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,box-shadow;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94))}mds-dropdown{border-radius:var(--mds-button-dropdown-window-radius,var(--radius-2xl,24px));gap:calc(var(--spacing,.0025rem)*50);padding:calc(var(--spacing,.0025rem)*200)}mds-button{--mds-button-radius:var(--mds-button-dropdown-radius,var(--radius-2xl,24px));--mds-button-border-tone-strong-hover-width:0;--mds-button-border-tone-ghost-hover-width:0;--mds-button-border-tone-weak-hover-width:0;--mds-button-border-high-contrast-width:0}mds-button:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.dropdown-action{border-bottom-left-radius:0;border-top-left-radius:0}::slotted(mds-button){justify-content:flex-start}:host([size=sm]){--mds-button-dropdown-radius:var(--radius-md,12px)}:host([variant=error][tone=strong]){background-color:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=weak]){background-color:rgb(var(--status-error-08,182 50 54))}:host([variant=success][tone=strong]){background-color:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=weak]){background-color:rgb(var(--status-success-08,0 116 46))}:host([variant=warning][tone=strong]){background-color:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=weak]){background-color:rgb(var(--status-warning-08,129 96 0))}:host([variant=info][tone=strong]){background-color:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=weak]){background-color:rgb(var(--status-info-08,0 107 151))}:host([variant=ai][tone=strong]){background-color:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=weak]){background-color:rgb(var(--variant-ai-08,118 44 246))}:host([variant=primary][tone=strong]){background-color:rgb(var(--variant-primary-03,211 226 255))}:host([variant=primary][tone=weak]){background-color:rgb(var(--variant-primary-08,0 83 239))}:host([variant=secondary][tone=strong]){background-color:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=weak]){background-color:rgb(var(--variant-secondary-08,18 83 238))}:host([variant=dark][tone=strong]){background-color:rgb(var(--tone-neutral-05,197 197 197))}:host([variant=dark][tone=weak]){background-color:rgb(var(--tone-neutral-07,134 134 134))}:host([variant=light][tone=strong]){background-color:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}:host([variant=light][tone=weak]){background-color:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline-light-50);box-shadow:var(--shadow-outline-light-50)}"}},[257,"mds-button-dropdown",{label:[1],autoFocus:[4,"auto-focus"],icon:[1537],type:[513],variant:[513],tone:[513],size:[513],active:[1540],disabled:[1540],await:[1540],href:[513],target:[1],truncate:[513]}]),m=b,h=function(){"undefined"!=typeof customElements&&["mds-button-dropdown","mds-button","mds-dropdown","mds-icon","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-button-dropdown":customElements.get(s(t))||customElements.define(s(t),b);break;case"mds-button":customElements.get(s(t))||e();break;case"mds-dropdown":customElements.get(s(t))||i();break;case"mds-icon":customElements.get(s(t))||d();break;case"mds-spinner":customElements.get(s(t))||c();break;case"mds-text":customElements.get(s(t))||u()}}))};export{m as MdsButtonDropdown,h as defineCustomElement}

package/dist/components/mds-button-group.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as o,Host as s,transformTag as n}from"@stencil/core/internal/client";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return o(s,{key:"7f14ca7b52b2bc94f1d408c6df06e03e090107c5"},o("slot",{key:"fe4d62013f77cf3f12129d340dff20957fc676cc"}))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:inline-flex;gap:calc(var(--spacing,.0025rem)*50)}"}},[257,"mds-button-group"]),i=r,d=function(){"undefined"!=typeof customElements&&["mds-button-group"].forEach((t=>{"mds-button-group"===t&&(customElements.get(n(t))||customElements.define(n(t),r))}))};export{i as MdsButtonGroup,d as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as o,Host as s,transformTag as n}from"@stencil/core/internal/client";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return o(s,{key:"5d7393600c1a9fc3a9502649980eccab9eee6655"},o("slot",{key:"b84075fa821e0fff692a64ced68b683841cbd447"}))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:inline-flex;gap:calc(var(--spacing,.0025rem)*50)}"}},[257,"mds-button-group"]),i=r,a=function(){"undefined"!=typeof customElements&&["mds-button-group"].forEach((t=>{"mds-button-group"===t&&(customElements.get(n(t))||customElements.define(n(t),r))}))};export{i as MdsButtonGroup,a as defineCustomElement}

package/dist/components/mds-button2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as r,Host as o,transformTag as s}from"@stencil/core/internal/client";import{K as n}from"./keyboard-manager.js";import{u as a,s as i}from"./aria.js";import{i as l,a as m,d}from"./mds-icon2.js";import{r as b,s as u}from"./slot.js";import{d as c}from"./mds-spinner2.js";import{d as h}from"./mds-text2.js";const v={sm:"action",md:"action",lg:"h6",xl:"h5"},p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.internals=this.attachInternals(),this.km=new n,this.animation="none",this.iconPosition="left",this.type="submit",this.variant="primary",this.tone="strong",this.size="md",this.target="self",this.truncate="word",this.handleRequestSubmitForm=e=>{var t;e.preventDefault(),null===(t=this.internals.form)||void 0===t||t.requestSubmit()},this.handleReset=e=>{var t;e.preventDefault(),null===(t=this.internals.form)||void 0===t||t.reset()},this.mouseDown=()=>{this.active=!0},this.mouseUp=()=>{this.active=!1},this.redirectBlank=()=>{if("undefined"==typeof window)throw Error("Object window is not defined");window.open(this.href,"_blank")},this.onSlotChangeHandler=()=>{this.label||(this.label=b(this.host))}}disabledChanged(e){e?this.km.attachClickBehavior():(this.km.detachClickBehavior(),this.disabled=void 0)}labelChanged(e){this.label=u(e)}awaitChanged(e){this.host.setAttribute("aria-busy",(!!e).toString()),e?this.km.attachClickBehavior():this.km.detachClickBehavior()}handleTypeChange(e){this.internals.form&&("submit"===e?(this.host.removeEventListener("click",this.handleReset),this.host.addEventListener("click",this.handleRequestSubmitForm)):"reset"===e?(this.host.removeEventListener("click",this.handleRequestSubmitForm),this.host.addEventListener("click",this.handleReset)):(this.host.removeEventListener("click",this.handleRequestSubmitForm),this.host.removeEventListener("click",this.handleReset)))}handleVariantChange(e){"google"!==e?"apple"!==e||(this.icon='<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple" viewBox="0 0 24 24"><path d="M18.71,19.5C17.88,20.74 17,21.95 15.66,21.97C14.32,22 13.89,21.18 12.37,21.18C10.84,21.18 10.37,21.95 9.1,22C7.79,22.05 6.8,20.68 5.96,19.47C4.25,17 2.94,12.45 4.7,9.39C5.57,7.87 7.13,6.91 8.82,6.88C10.1,6.86 11.32,7.75 12.11,7.75C12.89,7.75 14.37,6.68 15.92,6.84C16.57,6.87 18.39,7.1 19.56,8.82C19.47,8.88 17.39,10.1 17.41,12.63C17.44,15.65 20.06,16.66 20.09,16.67C20.06,16.74 19.67,18.11 18.71,19.5M13,3.5C13.73,2.67 14.94,2.04 15.94,2C16.07,3.17 15.6,4.35 14.9,5.19C14.21,6.04 13.07,6.7 11.95,6.61C11.8,5.46 12.36,4.26 13,3.5Z" /></svg>'):this.icon='<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" xmlnsXlink="http://www.w3.org/1999/xlink"><path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path><path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path><path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path><path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path><path fill="none" d="M0 0h48v48H0z"></path></svg>\n'}componentWillLoad(){this.hasNotification=null!==this.host.querySelector(':scope > [slot="notification"]'),this.handleVariantChange(this.variant),this.href?this.host.addEventListener("click",(e=>{var t;e.preventDefault(),"blank"!==this.target?"undefined"!=typeof window&&(window.location.href=null!==(t=this.href)&&void 0!==t?t:""):this.redirectBlank()})):this.internals.form&&("submit"===this.type?this.host.addEventListener("click",this.handleRequestSubmitForm):"reset"===this.type&&this.host.addEventListener("click",this.handleReset))}componentDidLoad(){if(this.km.addElement(this.host),this.await||this.km.attachClickBehavior(),this.host.setAttribute("aria-busy",this.await?"true":"false"),this.autoFocus&&this.host.focus(),!l(this.icon)&&!m(this.icon)){if(""===this.label&&(this.label=void 0),!this.label&&this.icon){const e=a(this.icon);this.host.hasAttribute("aria-label")||i(this.host,"title",e),this.host.hasAttribute("title")||i(this.host,"aria-label",e)}i(this.host,"role","button")}}handleAwaitChange(e){if(!1===e)return this.await=void 0,void this.km.detachClickBehavior();this.km.attachClickBehavior()}connectedCallback(){this.disabled||this.host.removeAttribute("disabled")}disconnectedCallback(){this.km.detachClickBehavior()}render(){return this.typography=v[this.size],r(o,{key:"f11b3fefe2624b532172ff91eef4c91f7cf49f76",onMouseDown:this.mouseDown,onMouseUp:this.mouseUp,onMouseOut:this.mouseUp,tabindex:"0"},r("div",{key:"5ddaf6c8982768d5eea3d9d4fb075dca853d6124",class:"await"},r("mds-spinner",{key:"d4222c0a3c853f37b2755d3cbe5bdcfee6fcdb6c",class:"spinner",running:this.await})),this.icon&&"left"===this.iconPosition&&r("mds-icon",{key:"ee5c6213360f7769db2eaee747ae1781feb9fa59","aria-hidden":"true",class:"icon",name:this.icon,part:"icon"}),r("mds-text",{key:"1e7031f617a395c699647df1e1d0885f0774f0ec",class:"text",part:"label",tag:"span",typography:this.typography,truncate:this.truncate,animation:this.animation,text:this.label},this.label||r("slot",{key:"2051ccbb05ccb1dbec17c50f6db9a69a68aa5762",onSlotchange:this.onSlotChangeHandler})),this.hasNotification&&r("slot",{key:"12a418d582c23872e68cf0832b76ea6092f0e340",name:"notification"}),this.icon&&"right"===this.iconPosition&&r("mds-icon",{key:"bc125dee8740f533463f53db511012ea52bb7ad8","aria-hidden":"true",class:"icon",name:this.icon,part:"icon"}))}static get formAssociated(){return!0}get host(){return this}static get watchers(){return{disabled:[{disabledChanged:0}],label:[{labelChanged:0}],await:[{awaitChanged:0},{handleAwaitChange:0}],type:[{handleTypeChange:0}],variant:[{handleVariantChange:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-button-await-duration:.725s;--mds-button-background:rgb(var(--variant-primary-02,230 239 255));--mds-button-border-color-rgb:0 0 0;--mds-button-border-hover-opacity:.75;--mds-button-border-tone-strong-hover-width:.0625rem;--mds-button-border-tone-outline-hover-width:3px;--mds-button-border-tone-weak-hover-width:.0625rem;--mds-button-border-high-contrast-width:.125rem;--mds-button-border-high-contrast-hover-width:3px;--mds-button-border-default-opacity:0;--mds-button-border-opacity:0;--mds-button-border-width:.125rem;--mds-button-color:rgb(var(--tone-neutral,0 0 0));--mds-button-gap:.5rem;--mds-button-line-clamp:1;--mds-button-radius:var(--radius-xs,8px)}*,::backdrop,:after,:before{--tw-duration:initial;--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-button-background:rgb(var(--variant-primary-04,184 208 255));--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);min-height:calc(var(--spacing,.0025rem)*900);min-width:calc(var(--spacing,.0025rem)*900);--mds-button-await-duration:.725s;--mds-button-background:rgb(var(--mds-button-border-color-rgb,0 0 0));--mds-button-border-color-rgb:var(--variant-primary-02,230 239 255);--mds-button-border-hover-opacity:.75;--mds-button-border-high-contrast-hover-width:3px;--mds-button-border-high-contrast-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-tone-outline-hover-width:3px;--mds-button-border-tone-outline-opacity:.3;--mds-button-border-tone-strong-hover-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-tone-weak-hover-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-default-opacity:0;--mds-button-border-opacity:0;--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-color:rgb(var(--tone-neutral,0 0 0));--mds-button-gap:calc(var(--spacing,.0025rem)*200);--mds-button-line-clamp:1;--mds-button-radius:var(--radius-2xl,24px);animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));--tw-duration:.2s;background-color:var(--mds-button-background,rgb(var(--variant-primary-02,230 239 255)));border-radius:var(--mds-button-radius,var(--radius-xs,8px));-webkit-box-shadow:0 0 0 var(--mds-button-border-width,.125rem) rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0));box-shadow:0 0 0 var(--mds-button-border-width,.125rem) rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0));box-sizing:border-box;color:var(--mds-button-color,rgb(var(--tone-neutral,0 0 0)));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out;corner-shape:var(--magma-corner-shape,round);align-items:center;cursor:pointer;display:inline-flex;fill:currentColor;gap:var(--mds-button-gap,.5rem);justify-content:center;padding:0 calc(var(--spacing,.0025rem)*400);position:relative;transition-property:background-color,border-color,box-shadow,color,outline,outline-offset,transform;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));-webkit-user-select:none;user-select:none}:is(mds-icon,mds-spinner,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-button-await-duration{syntax:"<time>";inherits:true;initial-value:.725s}@property --mds-button-border-color-rgb{syntax:"<number>+";inherits:true;initial-value:0 0 0}@property --mds-button-border-hover-opacity{syntax:"<number>";inherits:true;initial-value:.75}@property --mds-button-border-tone-strong-hover-width{syntax:"<length>";inherits:true;initial-value:.0625rem}@property --mds-button-border-tone-outline-hover-width{syntax:"<length>";inherits:true;initial-value:3px}@property --mds-button-border-tone-weak-hover-width{syntax:"<length>";inherits:true;initial-value:.0625rem}@property --mds-button-border-high-contrast-width{syntax:"<length>";inherits:true;initial-value:.125rem}@property --mds-button-border-high-contrast-hover-width{syntax:"<length>";inherits:true;initial-value:3px}@property --mds-button-border-default-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --mds-button-border-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --mds-button-border-width{syntax:"<length>";inherits:true;initial-value:.125rem}@property --mds-button-gap{syntax:"<length>";inherits:true;initial-value:.5rem}@property --mds-button-line-clamp{syntax:"<integer>";inherits:true;initial-value:1}:host:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}:host(:focus-visible){--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running;z-index:10}.text{--mds-text-line-clamp:var(--mds-button-line-clamp,1)}.text:first-letter{text-transform:uppercase}.icon{align-items:center;display:inline-flex;fill:inherit;flex-shrink:0;justify-content:center;pointer-events:none;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:fill;-webkit-transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955))}:host-context(mds-button-group):host(:not(:first-child)){border-bottom-left-radius:0;border-top-left-radius:0}:host-context(mds-button-group):host(:not(:last-child)){border-bottom-right-radius:0;border-top-right-radius:0}.await{display:none;margin-right:calc(var(--mds-button-gap,.5rem)*-1 - var(--spacing,.0025rem)*600);transform:scale(0);transition-behavior:allow-discrete;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:display,margin-right,opacity,transform,width;-webkit-transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955))}.await,.spinner{height:calc(var(--spacing,.0025rem)*600);width:calc(var(--spacing,.0025rem)*600)}.spinner{--mds-spinner-duration:var(--mds-button-await-duration,.725s);color:currentColor}:is(:host(:not([await])),:host([await=false])) .spinner{-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94))}:host([await]:not([await=false])) .await{display:flex;margin-right:0;opacity:1;transform:scale(1)}@starting-style{:host([await]:not([await=false])) .await{margin-right:calc(var(--mds-button-gap,.5rem)*-1 - var(--spacing,.0025rem)*600);opacity:0;transform:scale(0)}}:host([await]:not([await=false])){pointer-events:none}:host([disabled]:not([disabled=false])){opacity:.5;pointer-events:none}:host([size=sm]){--mds-button-radius:var(--radius-md,12px);min-height:calc(var(--spacing,.0025rem)*700);min-width:calc(var(--spacing,.0025rem)*700);padding:0 calc(var(--spacing,.0025rem)*300)}:host([size=sm]) .icon{height:calc(var(--spacing,.0025rem)*400);width:calc(var(--spacing,.0025rem)*400)}:host([size=sm]) .text{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}:host([size=sm]):host([await]:not([await=false])) .await{transform:scale(75)}:host([size=md]){min-height:calc(var(--spacing,.0025rem)*900);min-width:calc(var(--spacing,.0025rem)*900);padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*400)}:host([size=md]):host([icon][icon-position=left]){padding-left:calc(var(--spacing,.0025rem)*300)}:host([size=md]):host([icon][icon-position=right]){padding-right:calc(var(--spacing,.0025rem)*300)}:host([size=lg]){min-height:calc(var(--spacing,.0025rem)*1200);min-width:calc(var(--spacing,.0025rem)*1200);padding-left:calc(var(--spacing,.0025rem)*500);padding-right:calc(var(--spacing,.0025rem)*500)}:host([size=lg]):host([icon][icon-position=left]){padding-left:calc(var(--spacing,.0025rem)*400)}:host([size=lg]):host([icon][icon-position=right]){padding-right:calc(var(--spacing,.0025rem)*400)}:host([size=xl]){min-height:calc(var(--spacing,.0025rem)*1300);min-width:calc(var(--spacing,.0025rem)*1300);padding-left:calc(var(--spacing,.0025rem)*600);padding-right:calc(var(--spacing,.0025rem)*600)}:host([size=xl]) .icon{height:calc(var(--spacing,.0025rem)*800);width:calc(var(--spacing,.0025rem)*800)}:host([size][icon][icon-position]:not([label])){aspect-ratio:1;padding:0}:host(:not([label])) .text,:host([label=""]) .text{display:none}:host([variant=primary]){--mds-button-background:rgb(var(--variant-primary-04,184 208 255));--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=primary]):host([tone=strong]:hover){--mds-button-background:rgb(var(--variant-primary-03,211 226 255));--mds-button-border-color-rgb:var(--variant-primary-03,211 226 255)}:host([variant=primary]):host([tone=weak]){--mds-button-background:rgb(var(--variant-primary-09,0 58 168));--mds-button-border-color-rgb:var(--variant-primary-09,0 58 168);--mds-button-color:rgb(var(--variant-primary-03,211 226 255));fill:rgb(var(--variant-primary-03,211 226 255))}:host([variant=primary]):host([tone=weak]:hover){--mds-button-background:rgb(var(--variant-primary-08,0 83 239));--mds-button-border-color-rgb:var(--variant-primary-08,0 83 239)}:host([variant=primary]):host([tone=outline]){--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);--mds-button-color:rgb(var(--variant-primary-03,211 226 255))}:host([variant=primary]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);--mds-button-color:rgb(var(--variant-primary-02,230 239 255))}:host([variant=primary]):host([tone=text]){--mds-button-color:rgb(var(--variant-primary-02,230 239 255))}:host([variant=primary]):host([tone=text]:hover){--mds-button-color:rgb(var(--variant-primary-04,184 208 255));--mds-button-background:rgb(var(--variant-primary-10,0 49 142))}:host([variant=primary]):host([tone=text][active]){--mds-button-color:rgb(var(--variant-primary-01,242 246 255))}:host([variant=secondary]){--mds-button-background:rgb(var(--variant-secondary-04,190 208 250));--mds-button-border-color-rgb:var(--variant-secondary-04,190 208 250);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=secondary]):host([tone=strong]:hover){--mds-button-background:rgb(var(--variant-secondary-03,215 226 252));--mds-button-border-color-rgb:var(--variant-secondary-03,215 226 252)}:host([variant=secondary]):host([tone=weak]){--mds-button-background:rgb(var(--variant-secondary-09,12 58 168));--mds-button-border-color-rgb:var(--variant-secondary-09,12 58 168);--mds-button-color:rgb(var(--variant-secondary-03,215 226 252));fill:rgb(var(--variant-secondary-03,215 226 252))}:host([variant=secondary]):host([tone=weak]:hover){--mds-button-background:rgb(var(--variant-secondary-08,18 83 238));--mds-button-border-color-rgb:var(--variant-secondary-08,18 83 238)}:host([variant=secondary]):host([tone=outline]){--mds-button-border-color-rgb:var(--variant-secondary-04,190 208 250);--mds-button-color:rgb(var(--variant-secondary-03,215 226 252))}:host([variant=secondary]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--variant-secondary-04,190 208 250);--mds-button-color:rgb(var(--variant-secondary-02,232 238 253))}:host([variant=secondary]):host([tone=text]){--mds-button-color:rgb(var(--variant-secondary-02,232 238 253))}:host([variant=secondary]):host([tone=text]:hover){--mds-button-color:rgb(var(--variant-secondary-04,190 208 250));--mds-button-background:rgb(var(--variant-secondary-10,10 49 142))}:host([variant=secondary]):host([tone=text][active]){--mds-button-color:rgb(var(--variant-secondary-01,243 246 254))}:host([variant=ai]){--mds-button-background:rgb(var(--variant-ai-04,218 199 253));--mds-button-border-color-rgb:var(--variant-ai-04,218 199 253);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=ai]):host([tone=strong]:hover){--mds-button-background:rgb(var(--variant-ai-03,233 220 254));--mds-button-border-color-rgb:var(--variant-ai-03,233 220 254)}:host([variant=ai]):host([tone=weak]){--mds-button-background:rgb(var(--variant-ai-09,75 8 189));--mds-button-border-color-rgb:var(--variant-ai-09,75 8 189);--mds-button-color:rgb(var(--variant-ai-03,233 220 254));fill:rgb(var(--variant-ai-03,233 220 254))}:host([variant=ai]):host([tone=weak]:hover){--mds-button-background:rgb(var(--variant-ai-08,118 44 246));--mds-button-border-color-rgb:var(--variant-ai-08,118 44 246)}:host([variant=ai]):host([tone=outline]){--mds-button-border-color-rgb:var(--variant-ai-04,218 199 253);--mds-button-color:rgb(var(--variant-ai-03,233 220 254))}:host([variant=ai]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--variant-ai-04,218 199 253);--mds-button-color:rgb(var(--variant-ai-02,242 235 254))}:host([variant=ai]):host([tone=text]){--mds-button-color:rgb(var(--variant-ai-02,242 235 254))}:host([variant=ai]):host([tone=text]:hover){--mds-button-color:rgb(var(--variant-ai-04,218 199 253));--mds-button-background:rgb(var(--variant-ai-10,63 7 161))}:host([variant=ai]):host([tone=text][active]){--mds-button-color:rgb(var(--variant-ai-01,248 244 255))}:host([variant=info]){--mds-button-background:rgb(var(--status-info-05,112 198 234));--mds-button-border-color-rgb:var(--status-info-05,112 198 234);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=info]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-info-04,159 216 241));--mds-button-border-color-rgb:var(--status-info-04,159 216 241)}:host([variant=info]):host([tone=weak]){--mds-button-background:rgb(var(--status-info-09,0 73 116));--mds-button-border-color-rgb:var(--status-info-09,0 73 116);--mds-button-color:rgb(var(--status-info-03,198 231 247));fill:rgb(var(--status-info-03,198 231 247))}:host([variant=info]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-info-08,0 107 151));--mds-button-border-color-rgb:var(--status-info-08,0 107 151);--mds-button-color:rgb(var(--status-info-01,237 248 253))}:host([variant=info]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-info-04,159 216 241);--mds-button-color:rgb(var(--status-info-03,198 231 247))}:host([variant=info]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-info-04,159 216 241);--mds-button-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=text]){--mds-button-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-info-04,159 216 241));--mds-button-background:rgb(var(--status-info-10,0 61 103))}:host([variant=info]):host([tone=text][active]){--mds-button-color:rgb(var(--status-info-01,237 248 253))}:host([variant=success]){--mds-button-background:rgb(var(--status-success-05,107 206 147));--mds-button-border-color-rgb:var(--status-success-05,107 206 147);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=success]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-success-04,158 222 181));--mds-button-border-color-rgb:var(--status-success-04,158 222 181)}:host([variant=success]):host([tone=weak]){--mds-button-background:rgb(var(--status-success-09,0 82 9));--mds-button-border-color-rgb:var(--status-success-09,0 82 9);--mds-button-color:rgb(var(--status-success-03,196 235 209));fill:rgb(var(--status-success-03,196 235 209))}:host([variant=success]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-success-08,0 116 46));--mds-button-border-color-rgb:var(--status-success-08,0 116 46);--mds-button-color:rgb(var(--status-success-01,237 249 241))}:host([variant=success]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-success-04,158 222 181);--mds-button-color:rgb(var(--status-success-03,196 235 209))}:host([variant=success]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-success-04,158 222 181);--mds-button-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=text]){--mds-button-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-success-04,158 222 181));--mds-button-background:rgb(var(--status-success-10,0 69 0))}:host([variant=success]):host([tone=text][active]){--mds-button-color:rgb(var(--status-success-01,237 249 241))}:host([variant=warning]){--mds-button-background:rgb(var(--status-warning-05,237 177 0));--mds-button-border-color-rgb:var(--status-warning-05,237 177 0);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=warning]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-warning-04,255 200 33));--mds-button-border-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=warning]):host([tone=weak]){--mds-button-background:rgb(var(--status-warning-09,90 67 0));--mds-button-border-color-rgb:var(--status-warning-09,90 67 0);--mds-button-color:rgb(var(--status-warning-03,255 223 129));fill:rgb(var(--status-warning-03,255 223 129))}:host([variant=warning]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-warning-08,129 96 0));--mds-button-border-color-rgb:var(--status-warning-08,129 96 0);--mds-button-color:rgb(var(--status-warning-01,255 246 217))}:host([variant=warning]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-warning-04,255 200 33);--mds-button-color:rgb(var(--status-warning-03,255 223 129))}:host([variant=warning]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-warning-04,255 200 33);--mds-button-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=text]){--mds-button-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-warning-04,255 200 33));--mds-button-background:rgb(var(--status-warning-10,77 57 0))}:host([variant=warning]):host([tone=text][active]){--mds-button-color:rgb(var(--status-warning-01,255 246 217))}:host([variant=error]){--mds-button-background:rgb(var(--status-error-05,250 165 160));--mds-button-border-color-rgb:var(--status-error-05,250 165 160);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=error]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-error-04,254 193 189));--mds-button-border-color-rgb:var(--status-error-04,254 193 189)}:host([variant=error]):host([tone=weak]){--mds-button-background:rgb(var(--status-error-09,135 0 14));--mds-button-border-color-rgb:var(--status-error-09,135 0 14);--mds-button-color:rgb(var(--status-error-03,255 217 214));fill:rgb(var(--status-error-03,255 217 214))}:host([variant=error]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-error-08,182 50 54));--mds-button-border-color-rgb:var(--status-error-08,182 50 54);--mds-button-color:rgb(var(--status-error-01,255 243 242))}:host([variant=error]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-error-04,254 193 189);--mds-button-color:rgb(var(--status-error-03,255 217 214))}:host([variant=error]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-error-04,254 193 189);--mds-button-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=text]){--mds-button-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-error-04,254 193 189));--mds-button-background:rgb(var(--status-error-10,115 0 0))}:host([variant=error]):host([tone=text][active]){--mds-button-color:rgb(var(--status-error-01,255 243 242))}:host([variant=light]){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=strong]:hover){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0)}:host([variant=light]):host([tone=weak]){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233));fill:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=weak]:hover){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=light]):host([tone=outline]),:host([variant=light]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=light]):host([tone=text]){--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=light]):host([tone=text]:hover){--mds-button-color:rgb(var(--tone-neutral-10,60 60 60));--mds-button-background:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=text][active]){--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=dark]){--mds-button-background:rgb(var(--tone-neutral-04,218 218 218));--mds-button-border-color-rgb:var(--tone-neutral-04,218 218 218);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=dark]):host([tone=strong]:hover){--mds-button-background:rgb(var(--tone-neutral-05,197 197 197));--mds-button-border-color-rgb:var(--tone-neutral-05,197 197 197)}:host([variant=dark]):host([tone=weak]){--mds-button-background:rgb(var(--tone-neutral-08,107 107 107));--mds-button-border-color-rgb:var(--tone-neutral-08,107 107 107);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233));fill:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=dark]):host([tone=weak]:hover){--mds-button-background:rgb(var(--tone-neutral-07,134 134 134));--mds-button-border-color-rgb:var(--tone-neutral-07,134 134 134);--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=dark]):host([tone=outline]){--mds-button-border-color-rgb:var(--tone-neutral-04,218 218 218);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=dark]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--tone-neutral-04,218 218 218);--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=dark]):host([tone=text]){--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=dark]):host([tone=text]:hover){--mds-button-color:rgb(var(--tone-neutral-01,255 255 255));--mds-button-background:rgb(var(--tone-neutral-10,60 60 60))}:host([variant=dark]):host([tone=text][active]){--mds-button-color:rgb(var(--tone-neutral-01,255 255 255))}:host([variant=google]),:host([variant=google][tone]){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-hover-opacity:50%;--mds-button-border-hover-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:20%;--mds-button-border-width:calc(var(--spacing,.0025rem)*25);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233));--mds-button-border-color-rgb:var(--tone-neutral-01,255 255 255);-webkit-box-shadow:0 0 0 var(--mds-button-border-width,.125rem) rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0));box-shadow:0 0 0 var(--mds-button-border-width,.125rem) rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0))}:host([variant=google]:hover),:host([variant=google][tone]:hover){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-width:var(--mds-button-border-hover-width);--mds-button-border-opacity:var(--mds-button-border-hover-opacity,.75)}:host([variant=apple]) .icon{transform:translateY(-5%)}:host([variant=apple]),:host([variant=apple][tone]){--mds-button-background:rgb(var(--tone-neutral-02,244 244 244));--mds-button-color:rgb(var(--tone-neutral,0 0 0));--mds-button-border-width:0;--mds-button-border-color-rgb:var(--tone-neutral-02,244 244 244)}:host([variant=apple]:hover),:host([variant=apple][tone]:hover){--mds-button-background:rgb(var(--tone-neutral-02,244 244 244));--mds-button-border-opacity:100%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=google]){--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:30%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=google][tone]){--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:30%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=google]:hover){--mds-button-border-opacity:50%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=google][tone]:hover){--mds-button-border-opacity:50%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=apple]){--mds-button-background:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=apple][tone]){--mds-button-background:rgb(var(--tone-neutral-01,255 255 255))}:host([tone=outline]),:host([tone=text]){--mds-button-background:transparent}:host([tone=box]),:host([tone=strong]),:host([tone=weak]){--mds-button-border-default-opacity:1;--mds-button-border-width:0;--mds-button-border-opacity:var(--mds-button-border-default-opacity,0)}:host([tone=strong]:hover),:host([tone=strong][active]){--mds-button-border-width:var(--mds-button-border-tone-strong-hover-width,.0625rem)}:host([tone=weak]:hover),:host([tone=weak][active]){--mds-button-border-width:var(--mds-button-border-tone-weak-hover-width,.0625rem)}:host([tone=outline]){--mds-button-border-opacity:var(--mds-button-border-tone-outline-opacity)}:host([tone=outline]:hover),:host([tone=outline][active]){--mds-button-background:transparent;--mds-button-border-width:var(--mds-button-border-tone-outline-hover-width,3px);--mds-button-border-opacity:var(--mds-button-border-hover-opacity,.75)}:host([tone=box]){-webkit-box-shadow:var(--shadow-box-solid-strong,#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#00000059 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset);box-shadow:var(--shadow-box-solid-strong,#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#00000059 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset);transition-property:background-color,border-color,box-shadow,color,outline,filter,outline-offset,transform}:host([tone=box]):host(:hover){filter:brightness(1.1)}:is(:host-context(:root.pref-animation-reduce) .await,:host-context(:root.pref-animation-reduce) .icon){transition-duration:0s}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=apple]),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=apple][tone]){--mds-button-background:rgb(var(--tone-neutral-01,255 255 255))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=google]),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=google][tone]){--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:30%}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=google]:hover),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=google][tone]:hover){--mds-button-border-opacity:50%}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .await,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon{transition-duration:0s}}'}},[321,"mds-button",{autoFocus:[4,"auto-focus"],label:[1537],animation:[513],icon:[1537],iconPosition:[513,"icon-position"],type:[513],variant:[513],tone:[513],size:[513],active:[1540],disabled:[1540],await:[1540],href:[513],target:[1],truncate:[513]},void 0,{disabled:[{disabledChanged:0}],label:[{labelChanged:0}],await:[{awaitChanged:0},{handleAwaitChange:0}],type:[{handleTypeChange:0}],variant:[{handleVariantChange:0}]}]);function g(){"undefined"!=typeof customElements&&["mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-button":customElements.get(s(e))||customElements.define(s(e),p);break;case"mds-icon":customElements.get(s(e))||d();break;case"mds-spinner":customElements.get(s(e))||c();break;case"mds-text":customElements.get(s(e))||h()}}))}export{p as M,g as d}
+import{proxyCustomElement as e,HTMLElement as t,h as r,Host as o,transformTag as s}from"@stencil/core/internal/client";import{K as n}from"./keyboard-manager.js";import{u as a,s as i}from"./aria.js";import{i as l,a as m,d}from"./mds-icon2.js";import{r as b,s as u}from"./slot.js";import{d as c}from"./mds-spinner2.js";import{d as h}from"./mds-text2.js";const v={sm:"action",md:"action",lg:"h6",xl:"h5"},p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.internals=this.attachInternals(),this.km=new n,this.animation="none",this.iconPosition="left",this.type="submit",this.variant="primary",this.tone="strong",this.size="md",this.target="self",this.truncate="word",this.handleRequestSubmitForm=e=>{var t;e.preventDefault(),null===(t=this.internals.form)||void 0===t||t.requestSubmit()},this.handleReset=e=>{var t;e.preventDefault(),null===(t=this.internals.form)||void 0===t||t.reset()},this.mouseDown=()=>{this.active=!0},this.mouseUp=()=>{this.active=!1},this.redirectBlank=()=>{if("undefined"==typeof window)throw Error("Object window is not defined");window.open(this.href,"_blank")},this.onSlotChangeHandler=()=>{void 0!==this.label&&""!==this.label||(this.label=b(this.host))}}disabledChanged(e){e?this.km.attachClickBehavior():(this.km.detachClickBehavior(),this.disabled=void 0)}labelChanged(e){this.label=u(e)}awaitChanged(e){this.host.setAttribute("aria-busy",(!!e).toString()),e?this.km.attachClickBehavior():this.km.detachClickBehavior()}handleTypeChange(e){this.internals.form&&("submit"===e?(this.host.removeEventListener("click",this.handleReset),this.host.addEventListener("click",this.handleRequestSubmitForm)):"reset"===e?(this.host.removeEventListener("click",this.handleRequestSubmitForm),this.host.addEventListener("click",this.handleReset)):(this.host.removeEventListener("click",this.handleRequestSubmitForm),this.host.removeEventListener("click",this.handleReset)))}handleVariantChange(e){"google"!==e?"apple"!==e||(this.icon='<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple" viewBox="0 0 24 24"><path d="M18.71,19.5C17.88,20.74 17,21.95 15.66,21.97C14.32,22 13.89,21.18 12.37,21.18C10.84,21.18 10.37,21.95 9.1,22C7.79,22.05 6.8,20.68 5.96,19.47C4.25,17 2.94,12.45 4.7,9.39C5.57,7.87 7.13,6.91 8.82,6.88C10.1,6.86 11.32,7.75 12.11,7.75C12.89,7.75 14.37,6.68 15.92,6.84C16.57,6.87 18.39,7.1 19.56,8.82C19.47,8.88 17.39,10.1 17.41,12.63C17.44,15.65 20.06,16.66 20.09,16.67C20.06,16.74 19.67,18.11 18.71,19.5M13,3.5C13.73,2.67 14.94,2.04 15.94,2C16.07,3.17 15.6,4.35 14.9,5.19C14.21,6.04 13.07,6.7 11.95,6.61C11.8,5.46 12.36,4.26 13,3.5Z" /></svg>'):this.icon='<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" xmlnsXlink="http://www.w3.org/1999/xlink"><path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path><path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path><path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path><path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path><path fill="none" d="M0 0h48v48H0z"></path></svg>\n'}componentWillLoad(){this.hasNotification=null!==this.host.querySelector(':scope > [slot="notification"]'),this.handleVariantChange(this.variant),void 0!==this.href&&""!==this.href?this.host.addEventListener("click",(e=>{var t;e.preventDefault(),"blank"!==this.target?"undefined"!=typeof window&&(window.location.href=null!==(t=this.href)&&void 0!==t?t:""):this.redirectBlank()})):this.internals.form&&("submit"===this.type?this.host.addEventListener("click",this.handleRequestSubmitForm):"reset"===this.type&&this.host.addEventListener("click",this.handleReset))}componentDidLoad(){if(this.km.addElement(this.host),this.await||this.km.attachClickBehavior(),this.host.setAttribute("aria-busy",this.await?"true":"false"),this.autoFocus&&this.host.focus(),!l(this.icon)&&!m(this.icon)){if(""===this.label&&(this.label=void 0),(void 0===this.label||""===this.label)&&void 0!==this.icon&&""!==this.icon){const e=a(this.icon);this.host.hasAttribute("aria-label")||i(this.host,"title",e),this.host.hasAttribute("title")||i(this.host,"aria-label",e)}i(this.host,"role","button")}}handleAwaitChange(e){if(!1===e)return this.await=void 0,void this.km.detachClickBehavior();this.km.attachClickBehavior()}connectedCallback(){this.disabled||this.host.removeAttribute("disabled")}disconnectedCallback(){this.km.detachClickBehavior()}render(){return this.typography=v[this.size],r(o,{key:"742df7f0ff9096e2af56b47970cad3ce1d97ded9",onMouseDown:this.mouseDown,onMouseUp:this.mouseUp,onMouseOut:this.mouseUp,tabindex:"0"},r("div",{key:"feb94db67f8782363ff7cd8bc2472617ef668c1c",class:"await"},r("mds-spinner",{key:"f43ddd7651ff63bde32e58b21ae688ad9f99e3fc",class:"spinner",running:this.await})),this.icon&&"left"===this.iconPosition&&r("mds-icon",{key:"9977013bc0251f8c3184c09a7718e7b111191941","aria-hidden":"true",class:"icon",name:this.icon,part:"icon"}),r("mds-text",{key:"c77755a17e22c8e00457a093a3041d42936c807c",class:"text",part:"label",tag:"span",typography:this.typography,truncate:this.truncate,animation:this.animation,text:this.label},this.label||r("slot",{key:"da65921ecf3fdcf43a9a657ca79b9c31d1c1f4d4",onSlotchange:this.onSlotChangeHandler})),this.hasNotification&&r("slot",{key:"6fa74b557775f3ac3b13898c2b6271c7cfac74e8",name:"notification"}),this.icon&&"right"===this.iconPosition&&r("mds-icon",{key:"bf6d2d99d3e9c405edec7d1778df8197cd3b453e","aria-hidden":"true",class:"icon",name:this.icon,part:"icon"}))}static get formAssociated(){return!0}get host(){return this}static get watchers(){return{disabled:[{disabledChanged:0}],label:[{labelChanged:0}],await:[{awaitChanged:0},{handleAwaitChange:0}],type:[{handleTypeChange:0}],variant:[{handleVariantChange:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-button-await-duration:.725s;--mds-button-background:rgb(var(--variant-primary-02,230 239 255));--mds-button-border-color-rgb:0 0 0;--mds-button-border-hover-opacity:.75;--mds-button-border-tone-strong-hover-width:.0625rem;--mds-button-border-tone-outline-hover-width:3px;--mds-button-border-tone-weak-hover-width:.0625rem;--mds-button-border-high-contrast-width:.125rem;--mds-button-border-high-contrast-hover-width:3px;--mds-button-border-default-opacity:0;--mds-button-border-opacity:0;--mds-button-border-width:.125rem;--mds-button-color:rgb(var(--tone-neutral,0 0 0));--mds-button-gap:.5rem;--mds-button-line-clamp:1;--mds-button-radius:var(--radius-xs,8px)}*,::backdrop,:after,:before{--tw-duration:initial;--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-button-background:rgb(var(--variant-primary-04,184 208 255));--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);min-height:calc(var(--spacing,.0025rem)*900);min-width:calc(var(--spacing,.0025rem)*900);--mds-button-await-duration:.725s;--mds-button-background:rgb(var(--mds-button-border-color-rgb,0 0 0));--mds-button-border-color-rgb:var(--variant-primary-02,230 239 255);--mds-button-border-hover-opacity:.75;--mds-button-border-high-contrast-hover-width:3px;--mds-button-border-high-contrast-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-tone-outline-hover-width:3px;--mds-button-border-tone-outline-opacity:.3;--mds-button-border-tone-strong-hover-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-tone-weak-hover-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-default-opacity:0;--mds-button-border-opacity:0;--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-color:rgb(var(--tone-neutral,0 0 0));--mds-button-gap:calc(var(--spacing,.0025rem)*200);--mds-button-line-clamp:1;--mds-button-radius:var(--radius-2xl,24px);animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));--tw-duration:.2s;background-color:var(--mds-button-background,rgb(var(--variant-primary-02,230 239 255)));border-radius:var(--mds-button-radius,var(--radius-xs,8px));-webkit-box-shadow:0 0 0 var(--mds-button-border-width,.125rem) rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0));box-shadow:0 0 0 var(--mds-button-border-width,.125rem) rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0));box-sizing:border-box;color:var(--mds-button-color,rgb(var(--tone-neutral,0 0 0)));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out;corner-shape:var(--magma-corner-shape,round);align-items:center;cursor:pointer;display:inline-flex;fill:currentColor;gap:var(--mds-button-gap,.5rem);justify-content:center;padding:0 calc(var(--spacing,.0025rem)*400);position:relative;transition-property:background-color,border-color,box-shadow,color,outline,outline-offset,transform;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));-webkit-user-select:none;user-select:none}:is(mds-icon,mds-spinner,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-button-await-duration{syntax:"<time>";inherits:true;initial-value:.725s}@property --mds-button-border-color-rgb{syntax:"<number>+";inherits:true;initial-value:0 0 0}@property --mds-button-border-hover-opacity{syntax:"<number>";inherits:true;initial-value:.75}@property --mds-button-border-tone-strong-hover-width{syntax:"<length>";inherits:true;initial-value:.0625rem}@property --mds-button-border-tone-outline-hover-width{syntax:"<length>";inherits:true;initial-value:3px}@property --mds-button-border-tone-weak-hover-width{syntax:"<length>";inherits:true;initial-value:.0625rem}@property --mds-button-border-high-contrast-width{syntax:"<length>";inherits:true;initial-value:.125rem}@property --mds-button-border-high-contrast-hover-width{syntax:"<length>";inherits:true;initial-value:3px}@property --mds-button-border-default-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --mds-button-border-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --mds-button-border-width{syntax:"<length>";inherits:true;initial-value:.125rem}@property --mds-button-gap{syntax:"<length>";inherits:true;initial-value:.5rem}@property --mds-button-line-clamp{syntax:"<integer>";inherits:true;initial-value:1}:host:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}:host(:focus-visible){--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running;z-index:10}.text{--mds-text-line-clamp:var(--mds-button-line-clamp,1)}.text:first-letter{text-transform:uppercase}.icon{align-items:center;display:inline-flex;fill:inherit;flex-shrink:0;justify-content:center;pointer-events:none;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:fill;-webkit-transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955))}:host-context(mds-button-group):host(:not(:first-child)){border-bottom-left-radius:0;border-top-left-radius:0}:host-context(mds-button-group):host(:not(:last-child)){border-bottom-right-radius:0;border-top-right-radius:0}.await{display:none;margin-right:calc(var(--mds-button-gap,.5rem)*-1 - var(--spacing,.0025rem)*600);transform:scale(0);transition-behavior:allow-discrete;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:display,margin-right,opacity,transform,width;-webkit-transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955))}.await,.spinner{height:calc(var(--spacing,.0025rem)*600);width:calc(var(--spacing,.0025rem)*600)}.spinner{--mds-spinner-duration:var(--mds-button-await-duration,.725s);color:currentColor}:is(:host(:not([await])),:host([await=false])) .spinner{-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94))}:host([await]:not([await=false])) .await{display:flex;margin-right:0;opacity:1;transform:scale(1)}@starting-style{:host([await]:not([await=false])) .await{margin-right:calc(var(--mds-button-gap,.5rem)*-1 - var(--spacing,.0025rem)*600);opacity:0;transform:scale(0)}}:host([await]:not([await=false])){pointer-events:none}:host([disabled]:not([disabled=false])){opacity:.5;pointer-events:none}:host([size=sm]){--mds-button-radius:var(--radius-md,12px);min-height:calc(var(--spacing,.0025rem)*700);min-width:calc(var(--spacing,.0025rem)*700);padding:0 calc(var(--spacing,.0025rem)*300)}:host([size=sm]) .icon{height:calc(var(--spacing,.0025rem)*400);width:calc(var(--spacing,.0025rem)*400)}:host([size=sm]) .text{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}:host([size=sm]):host([await]:not([await=false])) .await{transform:scale(75)}:host([size=md]){min-height:calc(var(--spacing,.0025rem)*900);min-width:calc(var(--spacing,.0025rem)*900);padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*400)}:host([size=md]):host([icon][icon-position=left]){padding-left:calc(var(--spacing,.0025rem)*300)}:host([size=md]):host([icon][icon-position=right]){padding-right:calc(var(--spacing,.0025rem)*300)}:host([size=lg]){min-height:calc(var(--spacing,.0025rem)*1200);min-width:calc(var(--spacing,.0025rem)*1200);padding-left:calc(var(--spacing,.0025rem)*500);padding-right:calc(var(--spacing,.0025rem)*500)}:host([size=lg]):host([icon][icon-position=left]){padding-left:calc(var(--spacing,.0025rem)*400)}:host([size=lg]):host([icon][icon-position=right]){padding-right:calc(var(--spacing,.0025rem)*400)}:host([size=xl]){min-height:calc(var(--spacing,.0025rem)*1300);min-width:calc(var(--spacing,.0025rem)*1300);padding-left:calc(var(--spacing,.0025rem)*600);padding-right:calc(var(--spacing,.0025rem)*600)}:host([size=xl]) .icon{height:calc(var(--spacing,.0025rem)*800);width:calc(var(--spacing,.0025rem)*800)}:host([size][icon][icon-position]:not([label])){aspect-ratio:1;padding:0}:host(:not([label])) .text,:host([label=""]) .text{display:none}:host([variant=primary]){--mds-button-background:rgb(var(--variant-primary-04,184 208 255));--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=primary]):host([tone=strong]:hover){--mds-button-background:rgb(var(--variant-primary-03,211 226 255));--mds-button-border-color-rgb:var(--variant-primary-03,211 226 255)}:host([variant=primary]):host([tone=weak]){--mds-button-background:rgb(var(--variant-primary-09,0 58 168));--mds-button-border-color-rgb:var(--variant-primary-09,0 58 168);--mds-button-color:rgb(var(--variant-primary-03,211 226 255));fill:rgb(var(--variant-primary-03,211 226 255))}:host([variant=primary]):host([tone=weak]:hover){--mds-button-background:rgb(var(--variant-primary-08,0 83 239));--mds-button-border-color-rgb:var(--variant-primary-08,0 83 239)}:host([variant=primary]):host([tone=outline]){--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);--mds-button-color:rgb(var(--variant-primary-03,211 226 255))}:host([variant=primary]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);--mds-button-color:rgb(var(--variant-primary-02,230 239 255))}:host([variant=primary]):host([tone=text]){--mds-button-color:rgb(var(--variant-primary-02,230 239 255))}:host([variant=primary]):host([tone=text]:hover){--mds-button-color:rgb(var(--variant-primary-04,184 208 255));--mds-button-background:rgb(var(--variant-primary-10,0 49 142))}:host([variant=primary]):host([tone=text][active]){--mds-button-color:rgb(var(--variant-primary-01,242 246 255))}:host([variant=secondary]){--mds-button-background:rgb(var(--variant-secondary-04,190 208 250));--mds-button-border-color-rgb:var(--variant-secondary-04,190 208 250);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=secondary]):host([tone=strong]:hover){--mds-button-background:rgb(var(--variant-secondary-03,215 226 252));--mds-button-border-color-rgb:var(--variant-secondary-03,215 226 252)}:host([variant=secondary]):host([tone=weak]){--mds-button-background:rgb(var(--variant-secondary-09,12 58 168));--mds-button-border-color-rgb:var(--variant-secondary-09,12 58 168);--mds-button-color:rgb(var(--variant-secondary-03,215 226 252));fill:rgb(var(--variant-secondary-03,215 226 252))}:host([variant=secondary]):host([tone=weak]:hover){--mds-button-background:rgb(var(--variant-secondary-08,18 83 238));--mds-button-border-color-rgb:var(--variant-secondary-08,18 83 238)}:host([variant=secondary]):host([tone=outline]){--mds-button-border-color-rgb:var(--variant-secondary-04,190 208 250);--mds-button-color:rgb(var(--variant-secondary-03,215 226 252))}:host([variant=secondary]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--variant-secondary-04,190 208 250);--mds-button-color:rgb(var(--variant-secondary-02,232 238 253))}:host([variant=secondary]):host([tone=text]){--mds-button-color:rgb(var(--variant-secondary-02,232 238 253))}:host([variant=secondary]):host([tone=text]:hover){--mds-button-color:rgb(var(--variant-secondary-04,190 208 250));--mds-button-background:rgb(var(--variant-secondary-10,10 49 142))}:host([variant=secondary]):host([tone=text][active]){--mds-button-color:rgb(var(--variant-secondary-01,243 246 254))}:host([variant=ai]){--mds-button-background:rgb(var(--variant-ai-04,218 199 253));--mds-button-border-color-rgb:var(--variant-ai-04,218 199 253);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=ai]):host([tone=strong]:hover){--mds-button-background:rgb(var(--variant-ai-03,233 220 254));--mds-button-border-color-rgb:var(--variant-ai-03,233 220 254)}:host([variant=ai]):host([tone=weak]){--mds-button-background:rgb(var(--variant-ai-09,75 8 189));--mds-button-border-color-rgb:var(--variant-ai-09,75 8 189);--mds-button-color:rgb(var(--variant-ai-03,233 220 254));fill:rgb(var(--variant-ai-03,233 220 254))}:host([variant=ai]):host([tone=weak]:hover){--mds-button-background:rgb(var(--variant-ai-08,118 44 246));--mds-button-border-color-rgb:var(--variant-ai-08,118 44 246)}:host([variant=ai]):host([tone=outline]){--mds-button-border-color-rgb:var(--variant-ai-04,218 199 253);--mds-button-color:rgb(var(--variant-ai-03,233 220 254))}:host([variant=ai]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--variant-ai-04,218 199 253);--mds-button-color:rgb(var(--variant-ai-02,242 235 254))}:host([variant=ai]):host([tone=text]){--mds-button-color:rgb(var(--variant-ai-02,242 235 254))}:host([variant=ai]):host([tone=text]:hover){--mds-button-color:rgb(var(--variant-ai-04,218 199 253));--mds-button-background:rgb(var(--variant-ai-10,63 7 161))}:host([variant=ai]):host([tone=text][active]){--mds-button-color:rgb(var(--variant-ai-01,248 244 255))}:host([variant=info]){--mds-button-background:rgb(var(--status-info-05,112 198 234));--mds-button-border-color-rgb:var(--status-info-05,112 198 234);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=info]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-info-04,159 216 241));--mds-button-border-color-rgb:var(--status-info-04,159 216 241)}:host([variant=info]):host([tone=weak]){--mds-button-background:rgb(var(--status-info-09,0 73 116));--mds-button-border-color-rgb:var(--status-info-09,0 73 116);--mds-button-color:rgb(var(--status-info-03,198 231 247));fill:rgb(var(--status-info-03,198 231 247))}:host([variant=info]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-info-08,0 107 151));--mds-button-border-color-rgb:var(--status-info-08,0 107 151);--mds-button-color:rgb(var(--status-info-01,237 248 253))}:host([variant=info]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-info-04,159 216 241);--mds-button-color:rgb(var(--status-info-03,198 231 247))}:host([variant=info]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-info-04,159 216 241);--mds-button-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=text]){--mds-button-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-info-04,159 216 241));--mds-button-background:rgb(var(--status-info-10,0 61 103))}:host([variant=info]):host([tone=text][active]){--mds-button-color:rgb(var(--status-info-01,237 248 253))}:host([variant=success]){--mds-button-background:rgb(var(--status-success-05,107 206 147));--mds-button-border-color-rgb:var(--status-success-05,107 206 147);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=success]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-success-04,158 222 181));--mds-button-border-color-rgb:var(--status-success-04,158 222 181)}:host([variant=success]):host([tone=weak]){--mds-button-background:rgb(var(--status-success-09,0 82 9));--mds-button-border-color-rgb:var(--status-success-09,0 82 9);--mds-button-color:rgb(var(--status-success-03,196 235 209));fill:rgb(var(--status-success-03,196 235 209))}:host([variant=success]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-success-08,0 116 46));--mds-button-border-color-rgb:var(--status-success-08,0 116 46);--mds-button-color:rgb(var(--status-success-01,237 249 241))}:host([variant=success]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-success-04,158 222 181);--mds-button-color:rgb(var(--status-success-03,196 235 209))}:host([variant=success]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-success-04,158 222 181);--mds-button-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=text]){--mds-button-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-success-04,158 222 181));--mds-button-background:rgb(var(--status-success-10,0 69 0))}:host([variant=success]):host([tone=text][active]){--mds-button-color:rgb(var(--status-success-01,237 249 241))}:host([variant=warning]){--mds-button-background:rgb(var(--status-warning-05,237 177 0));--mds-button-border-color-rgb:var(--status-warning-05,237 177 0);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=warning]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-warning-04,255 200 33));--mds-button-border-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=warning]):host([tone=weak]){--mds-button-background:rgb(var(--status-warning-09,90 67 0));--mds-button-border-color-rgb:var(--status-warning-09,90 67 0);--mds-button-color:rgb(var(--status-warning-03,255 223 129));fill:rgb(var(--status-warning-03,255 223 129))}:host([variant=warning]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-warning-08,129 96 0));--mds-button-border-color-rgb:var(--status-warning-08,129 96 0);--mds-button-color:rgb(var(--status-warning-01,255 246 217))}:host([variant=warning]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-warning-04,255 200 33);--mds-button-color:rgb(var(--status-warning-03,255 223 129))}:host([variant=warning]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-warning-04,255 200 33);--mds-button-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=text]){--mds-button-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-warning-04,255 200 33));--mds-button-background:rgb(var(--status-warning-10,77 57 0))}:host([variant=warning]):host([tone=text][active]){--mds-button-color:rgb(var(--status-warning-01,255 246 217))}:host([variant=error]){--mds-button-background:rgb(var(--status-error-05,250 165 160));--mds-button-border-color-rgb:var(--status-error-05,250 165 160);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=error]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-error-04,254 193 189));--mds-button-border-color-rgb:var(--status-error-04,254 193 189)}:host([variant=error]):host([tone=weak]){--mds-button-background:rgb(var(--status-error-09,135 0 14));--mds-button-border-color-rgb:var(--status-error-09,135 0 14);--mds-button-color:rgb(var(--status-error-03,255 217 214));fill:rgb(var(--status-error-03,255 217 214))}:host([variant=error]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-error-08,182 50 54));--mds-button-border-color-rgb:var(--status-error-08,182 50 54);--mds-button-color:rgb(var(--status-error-01,255 243 242))}:host([variant=error]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-error-04,254 193 189);--mds-button-color:rgb(var(--status-error-03,255 217 214))}:host([variant=error]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-error-04,254 193 189);--mds-button-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=text]){--mds-button-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-error-04,254 193 189));--mds-button-background:rgb(var(--status-error-10,115 0 0))}:host([variant=error]):host([tone=text][active]){--mds-button-color:rgb(var(--status-error-01,255 243 242))}:host([variant=light]){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=strong]:hover){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0)}:host([variant=light]):host([tone=weak]){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233));fill:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=weak]:hover){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=light]):host([tone=outline]),:host([variant=light]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=light]):host([tone=text]){--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=light]):host([tone=text]:hover){--mds-button-color:rgb(var(--tone-neutral-10,60 60 60));--mds-button-background:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=text][active]){--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=dark]){--mds-button-background:rgb(var(--tone-neutral-04,218 218 218));--mds-button-border-color-rgb:var(--tone-neutral-04,218 218 218);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=dark]):host([tone=strong]:hover){--mds-button-background:rgb(var(--tone-neutral-05,197 197 197));--mds-button-border-color-rgb:var(--tone-neutral-05,197 197 197)}:host([variant=dark]):host([tone=weak]){--mds-button-background:rgb(var(--tone-neutral-08,107 107 107));--mds-button-border-color-rgb:var(--tone-neutral-08,107 107 107);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233));fill:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=dark]):host([tone=weak]:hover){--mds-button-background:rgb(var(--tone-neutral-07,134 134 134));--mds-button-border-color-rgb:var(--tone-neutral-07,134 134 134);--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=dark]):host([tone=outline]){--mds-button-border-color-rgb:var(--tone-neutral-04,218 218 218);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=dark]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--tone-neutral-04,218 218 218);--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=dark]):host([tone=text]){--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=dark]):host([tone=text]:hover){--mds-button-color:rgb(var(--tone-neutral-01,255 255 255));--mds-button-background:rgb(var(--tone-neutral-10,60 60 60))}:host([variant=dark]):host([tone=text][active]){--mds-button-color:rgb(var(--tone-neutral-01,255 255 255))}:host([variant=google]),:host([variant=google][tone]){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-hover-opacity:50%;--mds-button-border-hover-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:20%;--mds-button-border-width:calc(var(--spacing,.0025rem)*25);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233));--mds-button-border-color-rgb:var(--tone-neutral-01,255 255 255);-webkit-box-shadow:0 0 0 var(--mds-button-border-width,.125rem) rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0));box-shadow:0 0 0 var(--mds-button-border-width,.125rem) rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0))}:host([variant=google]:hover),:host([variant=google][tone]:hover){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-width:var(--mds-button-border-hover-width);--mds-button-border-opacity:var(--mds-button-border-hover-opacity,.75)}:host([variant=apple]) .icon{transform:translateY(-5%)}:host([variant=apple]),:host([variant=apple][tone]){--mds-button-background:rgb(var(--tone-neutral-02,244 244 244));--mds-button-color:rgb(var(--tone-neutral,0 0 0));--mds-button-border-width:0;--mds-button-border-color-rgb:var(--tone-neutral-02,244 244 244)}:host([variant=apple]:hover),:host([variant=apple][tone]:hover){--mds-button-background:rgb(var(--tone-neutral-02,244 244 244));--mds-button-border-opacity:100%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=google]){--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:30%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=google][tone]){--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:30%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=google]:hover){--mds-button-border-opacity:50%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=google][tone]:hover){--mds-button-border-opacity:50%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=apple]){--mds-button-background:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=apple][tone]){--mds-button-background:rgb(var(--tone-neutral-01,255 255 255))}:host([tone=outline]),:host([tone=text]){--mds-button-background:transparent}:host([tone=box]),:host([tone=strong]),:host([tone=weak]){--mds-button-border-default-opacity:1;--mds-button-border-width:0;--mds-button-border-opacity:var(--mds-button-border-default-opacity,0)}:host([tone=strong]:hover),:host([tone=strong][active]){--mds-button-border-width:var(--mds-button-border-tone-strong-hover-width,.0625rem)}:host([tone=weak]:hover),:host([tone=weak][active]){--mds-button-border-width:var(--mds-button-border-tone-weak-hover-width,.0625rem)}:host([tone=outline]){--mds-button-border-opacity:var(--mds-button-border-tone-outline-opacity)}:host([tone=outline]:hover),:host([tone=outline][active]){--mds-button-background:transparent;--mds-button-border-width:var(--mds-button-border-tone-outline-hover-width,3px);--mds-button-border-opacity:var(--mds-button-border-hover-opacity,.75)}:host([tone=box]){-webkit-box-shadow:var(--shadow-box-solid-strong,#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#00000059 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset);box-shadow:var(--shadow-box-solid-strong,#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#00000059 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset);transition-property:background-color,border-color,box-shadow,color,outline,filter,outline-offset,transform}:host([tone=box]):host(:hover){filter:brightness(1.1)}:is(:host-context(:root.pref-animation-reduce) .await,:host-context(:root.pref-animation-reduce) .icon){transition-duration:0s}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=apple]),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=apple][tone]){--mds-button-background:rgb(var(--tone-neutral-01,255 255 255))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=google]),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=google][tone]){--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:30%}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=google]:hover),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=google][tone]:hover){--mds-button-border-opacity:50%}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .await,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon{transition-duration:0s}}'}},[321,"mds-button",{autoFocus:[4,"auto-focus"],label:[1537],animation:[513],icon:[1537],iconPosition:[513,"icon-position"],type:[513],variant:[513],tone:[513],size:[513],active:[1540],disabled:[1540],await:[1540],href:[513],target:[1],truncate:[513]},void 0,{disabled:[{disabledChanged:0}],label:[{labelChanged:0}],await:[{awaitChanged:0},{handleAwaitChange:0}],type:[{handleTypeChange:0}],variant:[{handleVariantChange:0}]}]);function g(){"undefined"!=typeof customElements&&["mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-button":customElements.get(s(e))||customElements.define(s(e),p);break;case"mds-icon":customElements.get(s(e))||d();break;case"mds-spinner":customElements.get(s(e))||c();break;case"mds-text":customElements.get(s(e))||h()}}))}export{p as M,g as d}