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

package/dist/components/mds-avatar-stack-item2.js

@@ -1 +1 @@
-import{proxyCustomElement as a,HTMLElement as t,h as s,Host as r,transformTag as e}from"@stencil/core/internal/client";import{d as m}from"./mds-avatar2.js";import{d as o}from"./mds-button2.js";import{d as i}from"./mds-icon2.js";import{d}from"./mds-img2.js";import{d as c}from"./mds-spinner2.js";import{d as v}from"./mds-text2.js";const n=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.tone="weak"}render(){return s(r,{key:"8ad5051f47c51387c968570afd0934423f8c48dd"},s("mds-avatar",{key:"6b51faaa7960a47e919d0b486f2418d8d6acceb6",class:"avatar",count:this.count,initials:this.initials,src:this.src,tone:this.tone,variant:this.variant}))}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-avatar-stack-item-lg-size:var(--mds-avatar-stack-lg-size,var(--spacing-1500,3.75rem));--mds-avatar-stack-item-md-size:var(--mds-avatar-stack-md-size,var(--spacing-1200,3rem));--mds-avatar-stack-item-sm-size:var(--mds-avatar-stack-sm-size,var(--spacing-900,2.25rem));--mds-avatar-stack-item-lg-border:var(--mds-avatar-stack-lg-border,var(--spacing-100,.25rem));--mds-avatar-stack-item-md-border:var(--mds-avatar-stack-md-border,var(--spacing-100,.25rem));--mds-avatar-stack-item-sm-border:var(--mds-avatar-stack-sm-border,var(--spacing-50,.125rem));--mds-avatar-stack-item-lg-offset:var(--mds-avatar-stack-lg-offset,2);--mds-avatar-stack-item-md-offset:var(--mds-avatar-stack-md-offset,1.75);--mds-avatar-stack-item-sm-offset:var(--mds-avatar-stack-sm-offset,1.5)}*,::backdrop,:after,:before{--mds-avatar-stack-item-background:var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0)));--mds-avatar-stack-item-count-background-color:var(--mds-avatar-stack-count-background-color,rgb(var(--tone-neutral-09,76 76 76)));--mds-avatar-stack-item-count-color:var(--mds-avatar-stack-count-color,rgb(var(--tone-neutral-04,218 218 218)))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-avatar: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-avatar-stack-item-background:var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0)));--mds-avatar-stack-item-count-background-color:var(--mds-avatar-stack-count-background-color,rgb(var(--tone-neutral-09,76 76 76)));--mds-avatar-stack-item-count-color:var(--mds-avatar-stack-count-color,rgb(var(--tone-neutral-04,218 218 218)));--mds-avatar-stack-item-lg-size:var(--mds-avatar-stack-lg-size,calc(var(--spacing,.0025rem)*1500));--mds-avatar-stack-item-md-size:var(--mds-avatar-stack-md-size,calc(var(--spacing,.0025rem)*1200));--mds-avatar-stack-item-sm-size:var(--mds-avatar-stack-sm-size,calc(var(--spacing,.0025rem)*900));--mds-avatar-stack-item-lg-border:var(--mds-avatar-stack-lg-border,calc(var(--spacing,.0025rem)*100));--mds-avatar-stack-item-md-border:var(--mds-avatar-stack-md-border,calc(var(--spacing,.0025rem)*100));--mds-avatar-stack-item-sm-border:var(--mds-avatar-stack-sm-border,calc(var(--spacing,.0025rem)*100));--mds-avatar-stack-item-lg-offset:var(--mds-avatar-stack-lg-offset,2);--mds-avatar-stack-item-md-offset:var(--mds-avatar-stack-md-offset,1.75);--mds-avatar-stack-item-sm-offset:var(--mds-avatar-stack-sm-offset,1.5);--mds-avatar-stack-item-border:var(--mds-avatar-stack-md-border,var(--spacing-100,.25rem));--mds-avatar-stack-item-size:var(--mds-avatar-stack-item-md-size,var(--mds-avatar-stack-md-size,var(--spacing-1200,3rem)));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-item-md-offset,var(--mds-avatar-stack-md-offset,1.75));--mds-avatar-stack-item-offset-margin:calc(var(--mds-avatar-stack-item-size)/var(--mds-avatar-stack-item-offset));display:inline-flex;height:var(--mds-avatar-stack-item-size);position:relative;width:var(--mds-avatar-stack-item-size)}:host(:not(:first-child)){margin-left:calc(var(--mds-avatar-stack-item-size)*-1 - var(--mds-avatar-stack-item-offset-margin)*-1)}.avatar{border:var(--mds-avatar-stack-item-border) solid var(--mds-avatar-stack-item-background,var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0))));box-sizing:border-box;height:var(--mds-avatar-stack-item-size);min-width:var(--mds-avatar-stack-item-size);position:absolute;width:var(--mds-avatar-stack-item-size)}:host([count]) .avatar{--mds-avatar-background-color:var(--mds-avatar-stack-item-count-background-color,var(--mds-avatar-stack-count-background-color,rgb(var(--tone-neutral-09,76 76 76))));--mds-avatar-color:var(--mds-avatar-stack-item-count-color,var(--mds-avatar-stack-count-color,rgb(var(--tone-neutral-04,218 218 218))))}:host-context(mds-avatar-stack[size=sm]){--mds-avatar-stack-item-size:var(--mds-avatar-stack-item-sm-size,var(--mds-avatar-stack-sm-size,var(--spacing-900,2.25rem)));--mds-avatar-stack-item-border:var(--mds-avatar-stack-item-sm-border,var(--mds-avatar-stack-sm-border,var(--spacing-50,.125rem)));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-item-sm-offset,var(--mds-avatar-stack-sm-offset,1.5))}:host-context(mds-avatar-stack[size=md]){--mds-avatar-stack-item-size:var(--mds-avatar-stack-item-md-size,var(--mds-avatar-stack-md-size,var(--spacing-1200,3rem)));--mds-avatar-stack-item-border:var(--mds-avatar-stack-item-md-border,var(--mds-avatar-stack-md-border,var(--spacing-100,.25rem)));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-item-md-offset,var(--mds-avatar-stack-md-offset,1.75))}:host-context(mds-avatar-stack[size=lg]){--mds-avatar-stack-item-size:var(--mds-avatar-stack-item-lg-size,var(--mds-avatar-stack-lg-size,var(--spacing-1500,3.75rem)));--mds-avatar-stack-item-border:var(--mds-avatar-stack-item-lg-border,var(--mds-avatar-stack-lg-border,var(--spacing-100,.25rem)));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-item-lg-offset,var(--mds-avatar-stack-lg-offset,2))}"}},[1,"mds-avatar-stack-item",{count:[514],initials:[1537],src:[513],tone:[513],variant:[513]}]);function k(){"undefined"!=typeof customElements&&["mds-avatar-stack-item","mds-avatar","mds-button","mds-icon","mds-img","mds-spinner","mds-text"].forEach((a=>{switch(a){case"mds-avatar-stack-item":customElements.get(e(a))||customElements.define(e(a),n);break;case"mds-avatar":customElements.get(e(a))||m();break;case"mds-button":customElements.get(e(a))||o();break;case"mds-icon":customElements.get(e(a))||i();break;case"mds-img":customElements.get(e(a))||d();break;case"mds-spinner":customElements.get(e(a))||c();break;case"mds-text":customElements.get(e(a))||v()}}))}export{n as M,k as d}
+import{proxyCustomElement as a,HTMLElement as t,h as r,Host as s,transformTag as e}from"@stencil/core/internal/client";import{d as o}from"./mds-avatar2.js";import{d as m}from"./mds-button2.js";import{d as c}from"./mds-icon2.js";import{d as i}from"./mds-img2.js";import{d as n}from"./mds-spinner2.js";import{d}from"./mds-text2.js";const v=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.tone="weak"}render(){return r(s,{key:"8ad5051f47c51387c968570afd0934423f8c48dd"},r("mds-avatar",{key:"6b51faaa7960a47e919d0b486f2418d8d6acceb6",class:"avatar",count:this.count,initials:this.initials,src:this.src,tone:this.tone,variant:this.variant}))}static get style(){return"@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)))){*,::backdrop,:after,:before{--mds-avatar-stack-item-background:var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0)));--mds-avatar-stack-item-count-background-color:var(--mds-avatar-stack-count-background-color,rgb(var(--tone-neutral-09,76 76 76)));--mds-avatar-stack-item-count-color:var(--mds-avatar-stack-count-color,rgb(var(--tone-neutral-04,218 218 218)))}}}:host(:not(:is([hydrated],.hydrated))),mds-avatar: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-avatar-stack-item-background:var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0)));--mds-avatar-stack-item-count-background-color:var(--mds-avatar-stack-count-background-color,rgb(var(--tone-neutral-09,76 76 76)));--mds-avatar-stack-item-count-color:var(--mds-avatar-stack-count-color,rgb(var(--tone-neutral-04,218 218 218)));--mds-avatar-stack-item-border:var(--mds-avatar-stack-md-border,calc(var(--spacing,.0025rem)*100));--mds-avatar-stack-item-size:var(--mds-avatar-stack-md-size,calc(var(--spacing,.0025rem)*1200));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-md-offset,1.75);--mds-avatar-stack-item-offset-margin:calc(var(--mds-avatar-stack-item-size)/var(--mds-avatar-stack-item-offset));display:inline-flex;height:var(--mds-avatar-stack-item-size);position:relative;width:var(--mds-avatar-stack-item-size)}:host(:not(:first-child)){margin-left:calc(var(--mds-avatar-stack-item-size)*-1 - var(--mds-avatar-stack-item-offset-margin)*-1)}.avatar{border:var(--mds-avatar-stack-item-border) solid var(--mds-avatar-stack-item-background,var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0))));box-sizing:border-box;height:var(--mds-avatar-stack-item-size);min-width:var(--mds-avatar-stack-item-size);position:absolute;width:var(--mds-avatar-stack-item-size)}:host([count]) .avatar{--mds-avatar-background-color:var(--mds-avatar-stack-item-count-background-color,var(--mds-avatar-stack-count-background-color,rgb(var(--tone-neutral-09,76 76 76))));--mds-avatar-color:var(--mds-avatar-stack-item-count-color,var(--mds-avatar-stack-count-color,rgb(var(--tone-neutral-04,218 218 218))))}"}},[1,"mds-avatar-stack-item",{count:[514],initials:[1537],src:[513],tone:[513],variant:[513]}]);function l(){"undefined"!=typeof customElements&&["mds-avatar-stack-item","mds-avatar","mds-button","mds-icon","mds-img","mds-spinner","mds-text"].forEach((a=>{switch(a){case"mds-avatar-stack-item":customElements.get(e(a))||customElements.define(e(a),v);break;case"mds-avatar":customElements.get(e(a))||o();break;case"mds-button":customElements.get(e(a))||m();break;case"mds-icon":customElements.get(e(a))||c();break;case"mds-img":customElements.get(e(a))||i();break;case"mds-spinner":customElements.get(e(a))||n();break;case"mds-text":customElements.get(e(a))||d()}}))}export{v as M,l as d}

package/dist/components/mds-avatar-stack.js

@@ -1 +1 @@
-import{proxyCustomElement as a,HTMLElement as t,h as s,Host as e,transformTag as r}from"@stencil/core/internal/client";import{d as m}from"./mds-avatar2.js";import{d as o}from"./mds-avatar-stack-item2.js";import{d as n}from"./mds-button2.js";import{d as i}from"./mds-icon2.js";import{d as c}from"./mds-img2.js";import{d}from"./mds-spinner2.js";import{d as l}from"./mds-text2.js";const v=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}componentWillLoad(){this.items=this.host.querySelectorAll(":scope > mds-avatar-stack-item")}render(){return s(e,{key:"a60bd68436a0006d48b550bdc7f9e134824c8ca6"},s("slot",{key:"9c600bfcf5b2baf490d431a75820b8d8d1bb4b9e"}),void 0!==this.total&&this.total-this.items.length>0&&s("mds-avatar-stack-item",{key:"6164b8f843f4455e83ff57391da3ddbf9840881b",count:this.total-this.items.length}))}get host(){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 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)))){*,::backdrop,:after,:before{--mds-avatar-stack-background:rgb(var(--tone-neutral,0 0 0));--mds-avatar-stack-count-background-color:rgb(var(--tone-neutral-09,76 76 76));--mds-avatar-stack-count-color:rgb(var(--tone-neutral-04,218 218 218));--mds-avatar-stack-lg-border:var(--spacing-100,.25rem);--mds-avatar-stack-lg-offset:2;--mds-avatar-stack-lg-size:var(--spacing-1500,3.75rem);--mds-avatar-stack-md-border:var(--spacing-100,.25rem);--mds-avatar-stack-md-offset:1.75;--mds-avatar-stack-md-size:var(--spacing-1200,3rem);--mds-avatar-stack-sm-border:var(--spacing-50,.125rem);--mds-avatar-stack-sm-offset:1.5;--mds-avatar-stack-sm-size:var(--spacing-900,2.25rem)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-avatar-stack-item: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-avatar-stack-lg-offset{syntax:"<integer>";inherits:false;initial-value:2}@property --mds-avatar-stack-md-offset{syntax:"<number>";inherits:false;initial-value:1.75}@property --mds-avatar-stack-sm-offset{syntax:"<number>";inherits:false;initial-value:1.5}:host{--mds-avatar-stack-background:rgb(var(--tone-neutral,0 0 0));--mds-avatar-stack-count-background-color:rgb(var(--tone-neutral-09,76 76 76));--mds-avatar-stack-count-color:rgb(var(--tone-neutral-04,218 218 218));--mds-avatar-stack-lg-border:calc(var(--spacing,.0025rem)*100);--mds-avatar-stack-lg-offset:2;--mds-avatar-stack-lg-size:calc(var(--spacing,.0025rem)*1500);--mds-avatar-stack-md-border:calc(var(--spacing,.0025rem)*100);--mds-avatar-stack-md-offset:1.75;--mds-avatar-stack-md-size:calc(var(--spacing,.0025rem)*1200);--mds-avatar-stack-sm-border:calc(var(--spacing,.0025rem)*50);--mds-avatar-stack-sm-offset:1.5;--mds-avatar-stack-sm-size:calc(var(--spacing,.0025rem)*900);background-color:var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0)));border-radius:1000px;display:inline-flex}'}},[257,"mds-avatar-stack",{size:[513],total:[514]}]),b=v,u=function(){"undefined"!=typeof customElements&&["mds-avatar-stack","mds-avatar","mds-avatar-stack-item","mds-button","mds-icon","mds-img","mds-spinner","mds-text"].forEach((a=>{switch(a){case"mds-avatar-stack":customElements.get(r(a))||customElements.define(r(a),v);break;case"mds-avatar":customElements.get(r(a))||m();break;case"mds-avatar-stack-item":customElements.get(r(a))||o();break;case"mds-button":customElements.get(r(a))||n();break;case"mds-icon":customElements.get(r(a))||i();break;case"mds-img":customElements.get(r(a))||c();break;case"mds-spinner":customElements.get(r(a))||d();break;case"mds-text":customElements.get(r(a))||l()}}))};export{b as MdsAvatarStack,u as defineCustomElement}
+import{proxyCustomElement as a,HTMLElement as s,h as t,Host as r,transformTag as e}from"@stencil/core/internal/client";import{d as m}from"./mds-avatar2.js";import{d}from"./mds-avatar-stack-item2.js";import{d as c}from"./mds-button2.js";import{d as o}from"./mds-icon2.js";import{d as i}from"./mds-img2.js";import{d as n}from"./mds-spinner2.js";import{d as v}from"./mds-text2.js";const k=a(class extends s{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow()}componentWillLoad(){this.items=this.host.querySelectorAll(":scope > mds-avatar-stack-item")}render(){return t(r,{key:"a60bd68436a0006d48b550bdc7f9e134824c8ca6"},t("slot",{key:"9c600bfcf5b2baf490d431a75820b8d8d1bb4b9e"}),void 0!==this.total&&this.total-this.items.length>0&&t("mds-avatar-stack-item",{key:"6164b8f843f4455e83ff57391da3ddbf9840881b",count:this.total-this.items.length}))}get host(){return this}static get style(){return'@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)))){*,::backdrop,:after,:before{--mds-avatar-stack-background:rgb(var(--tone-neutral,0 0 0));--mds-avatar-stack-count-background-color:rgb(var(--tone-neutral-09,76 76 76));--mds-avatar-stack-count-color:rgb(var(--tone-neutral-04,218 218 218));--mds-avatar-stack-lg-border:var(--spacing-100,.25rem);--mds-avatar-stack-lg-offset:2;--mds-avatar-stack-lg-size:var(--spacing-1500,3.75rem);--mds-avatar-stack-md-border:var(--spacing-100,.25rem);--mds-avatar-stack-md-offset:1.75;--mds-avatar-stack-md-size:var(--spacing-1200,3rem);--mds-avatar-stack-sm-border:var(--spacing-50,.125rem);--mds-avatar-stack-sm-offset:1.5;--mds-avatar-stack-sm-size:var(--spacing-900,2.25rem)}}}:host(:not(:is([hydrated],.hydrated))),mds-avatar-stack-item: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([size=sm]) ::slotted(mds-avatar-stack-item){--mds-avatar-stack-item-size:var(--mds-avatar-stack-sm-size,var(--spacing-900,2.25rem));--mds-avatar-stack-item-border:var(--mds-avatar-stack-sm-border,var(--spacing-50,.125rem));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-sm-offset,1.5)}:host([size=md]) ::slotted(mds-avatar-stack-item){--mds-avatar-stack-item-size:var(--mds-avatar-stack-md-size,var(--spacing-1200,3rem));--mds-avatar-stack-item-border:var(--mds-avatar-stack-md-border,var(--spacing-100,.25rem));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-md-offset,1.75)}:host([size=lg]) ::slotted(mds-avatar-stack-item){--mds-avatar-stack-item-size:var(--mds-avatar-stack-lg-size,var(--spacing-1500,3.75rem));--mds-avatar-stack-item-border:var(--mds-avatar-stack-lg-border,var(--spacing-100,.25rem));--mds-avatar-stack-item-offset:var(--mds-avatar-stack-lg-offset,2)}@property --mds-avatar-stack-lg-offset{syntax:"<integer>";inherits:false;initial-value:2}@property --mds-avatar-stack-md-offset{syntax:"<number>";inherits:false;initial-value:1.75}@property --mds-avatar-stack-sm-offset{syntax:"<number>";inherits:false;initial-value:1.5}:host{--mds-avatar-stack-background:rgb(var(--tone-neutral,0 0 0));--mds-avatar-stack-count-background-color:rgb(var(--tone-neutral-09,76 76 76));--mds-avatar-stack-count-color:rgb(var(--tone-neutral-04,218 218 218));--mds-avatar-stack-lg-border:calc(var(--spacing,.0025rem)*100);--mds-avatar-stack-lg-offset:2;--mds-avatar-stack-lg-size:calc(var(--spacing,.0025rem)*1500);--mds-avatar-stack-md-border:calc(var(--spacing,.0025rem)*100);--mds-avatar-stack-md-offset:1.75;--mds-avatar-stack-md-size:calc(var(--spacing,.0025rem)*1200);--mds-avatar-stack-sm-border:calc(var(--spacing,.0025rem)*50);--mds-avatar-stack-sm-offset:1.5;--mds-avatar-stack-sm-size:calc(var(--spacing,.0025rem)*900);background-color:var(--mds-avatar-stack-background,rgb(var(--tone-neutral,0 0 0)));border-radius:1000px;display:inline-flex}'}},[257,"mds-avatar-stack",{size:[513],total:[514]}]),l=k,b=function(){"undefined"!=typeof customElements&&["mds-avatar-stack","mds-avatar","mds-avatar-stack-item","mds-button","mds-icon","mds-img","mds-spinner","mds-text"].forEach((a=>{switch(a){case"mds-avatar-stack":customElements.get(e(a))||customElements.define(e(a),k);break;case"mds-avatar":customElements.get(e(a))||m();break;case"mds-avatar-stack-item":customElements.get(e(a))||d();break;case"mds-button":customElements.get(e(a))||c();break;case"mds-icon":customElements.get(e(a))||o();break;case"mds-img":customElements.get(e(a))||i();break;case"mds-spinner":customElements.get(e(a))||n();break;case"mds-text":customElements.get(e(a))||v()}}))};export{l as MdsAvatarStack,b as defineCustomElement}

package/dist/components/mds-avatar2.js

@@ -1 +1 @@
-import{proxyCustomElement as a,HTMLElement as t,h as r,Host as e,transformTag as o}from"@stencil/core/internal/client";import{c as s}from"./clsx.js";import{g as i}from"./_commonjsHelpers.js";import{d as n}from"./mds-button2.js";import{d as l}from"./mds-icon2.js";import{d}from"./mds-img2.js";import{d as c}from"./mds-spinner2.js";import{d as v}from"./mds-text2.js";var m,b={exports:{}},h=(m||(m=1,b.exports=function(a){if(a){var t=function(a){return[].slice.call(a)},r=3,e=[],o=null,s="requestAnimationFrame"in a?function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{sync:!1};a.cancelAnimationFrame(o);var r=function(){return n(e.filter((function(a){return a.dirty&&a.active})))};if(t.sync)return r();o=a.requestAnimationFrame(r)}:function(){},i=function(a){return function(t){e.forEach((function(t){return t.dirty=a})),s(t)}},n=function(a){a.filter((function(a){return!a.styleComputed})).forEach((function(a){a.styleComputed=v(a)})),a.filter(m).forEach(b);var t=a.filter(c);t.forEach(d),t.forEach((function(a){b(a),l(a)})),t.forEach(h)},l=function(a){return a.dirty=0},d=function(a){a.availableWidth=a.element.parentNode.clientWidth,a.currentWidth=a.element.scrollWidth,a.previousFontSize=a.currentFontSize,a.currentFontSize=Math.min(Math.max(a.minSize,a.availableWidth/a.currentWidth*a.previousFontSize),a.maxSize),a.whiteSpace=a.multiLine&&a.currentFontSize===a.minSize?"normal":"nowrap"},c=function(a){return 2!==a.dirty||2===a.dirty&&a.element.parentNode.clientWidth!==a.availableWidth},v=function(t){var r=a.getComputedStyle(t.element,null);return t.currentFontSize=parseFloat(r.getPropertyValue("font-size")),t.display=r.getPropertyValue("display"),t.whiteSpace=r.getPropertyValue("white-space"),!0},m=function(a){var t=!1;return!a.preStyleTestCompleted&&(/inline-/.test(a.display)||(t=!0,a.display="inline-block"),"nowrap"!==a.whiteSpace&&(t=!0,a.whiteSpace="nowrap"),a.preStyleTestCompleted=!0,t)},b=function(a){a.element.style.whiteSpace=a.whiteSpace,a.element.style.display=a.display,a.element.style.fontSize=a.currentFontSize+"px"},h=function(a){a.element.dispatchEvent(new CustomEvent("fit",{detail:{oldValue:a.previousFontSize,newValue:a.currentFontSize,scaleFactor:a.currentFontSize/a.previousFontSize}}))},u=function(a,t){return function(r){a.dirty=t,a.active&&s(r)}},g=function(a){return function(){e=e.filter((function(t){return t.element!==a.element})),a.observeMutations&&a.observer.disconnect(),a.element.style.whiteSpace=a.originalStyle.whiteSpace,a.element.style.display=a.originalStyle.display,a.element.style.fontSize=a.originalStyle.fontSize}},p=function(a){return function(){a.active||(a.active=!0,s())}},f=function(a){return function(){return a.active=!1}},y=function(a){a.observeMutations&&(a.observer=new MutationObserver(u(a,1)),a.observer.observe(a.element,a.observeMutations))},k={minSize:16,maxSize:512,multiLine:!0,observeMutations:"MutationObserver"in a&&{subtree:!0,childList:!0,characterData:!0}},w=null,x=function(){a.clearTimeout(w),w=a.setTimeout(i(2),j.observeWindowDelay)},z=["resize","orientationchange"];return Object.defineProperty(j,"observeWindow",{set:function(t){var r="".concat(t?"add":"remove","EventListener");z.forEach((function(t){a[r](t,x)}))}}),j.observeWindow=!0,j.observeWindowDelay=100,j.fitAll=i(r),j}function H(a,t){var o=Object.assign({},k,t),i=a.map((function(a){var t=Object.assign({},o,{element:a,active:!0});return function(a){a.originalStyle={whiteSpace:a.element.style.whiteSpace,display:a.element.style.display,fontSize:a.element.style.fontSize},y(a),a.newbie=!0,a.dirty=!0,e.push(a)}(t),{element:a,fit:u(t,r),unfreeze:p(t),freeze:f(t),unsubscribe:g(t)}}));return s(),i}function j(a){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return"string"==typeof a?H(t(document.querySelectorAll(a)),r):H([a],r)[0]}}("undefined"==typeof window?null:window)),b.exports),u=i(h);const g=["bg-brand-maggioli-05","bg-label-amaranth-05","bg-label-aqua-05","bg-label-blue-05","bg-label-green-05","bg-label-lime-05","bg-label-orange-05","bg-label-orchid-05","bg-label-purple-05","bg-label-red-05","bg-label-sky-05","bg-label-violet-05","bg-label-yellow-05","bg-status-error-05","bg-status-info-05","bg-status-success-05","bg-status-warning-05"],p=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.fallback=!1,this.loaded=!0,this.fittyInitialized=!1,this.textChanged=!1,this.variants=["amaranth","aqua","blue","error","green","info","lime","orange","orchid","primary","sky","success","violet","warning","yellow"],this.addFontResize=()=>{var a;if(this.fittyInitialized)return;const t=null===(a=this.element.shadowRoot)||void 0===a?void 0:a.querySelector(".fit");this.fittyElements=u(t,{minSize:10}),this.observer=new ResizeObserver((a=>{a.forEach((()=>{this.fittyElements.fit()}))})),this.observer.observe(this.element),this.fittyInitialized=!0},this.removeFontResize=()=>{this.fittyInitialized&&(this.fittyInitialized=!1,this.observer.unobserve(this.element))},this.checkText=a=>{if(""===a||void 0===a)this.fittyInitialized&&this.removeFontResize();else{if(this.fittyInitialized)return;this.fittyInitialized||this.addFontResize()}},this.checkInitialsVariant=()=>{if(void 0!==this.initials&&""!==this.initials){let a=this.initials.toLowerCase().replace(/[^a-zA-Z0-9]+/g,"").substring(0,2);1===a.length&&(a+=a),this.variant=this.variants[(a.substring(0,1).charCodeAt(0)+a.substring(1,2).charCodeAt(0))%g.length]}}}componentWillLoad(){this.checkInitialsVariant()}componentDidLoad(){void 0!==this.src&&(this.loaded=!1),void 0!==this.initials&&""!==this.initials&&this.checkText(this.initials),void 0===this.count||0===this.count||Number.isNaN(this.count)||this.checkText(this.count.toString())}componentDidRender(){this.textChanged&&(void 0!==this.initials&&""!==this.initials&&this.checkText(this.initials),void 0===this.count||0===this.count||Number.isNaN(this.count)||this.checkText(this.count.toString()),this.textChanged=!1)}initialsHandler(){this.textChanged=!0,this.checkInitialsVariant()}countHandler(){this.textChanged=!0,this.checkInitialsVariant()}srcHandler(a){void 0===a&&(this.loaded=!0)}iconHandler(a){void 0!==a&&(this.loaded=!0)}render(){return r(e,{key:"07722662312e0060753fac4b5db088d291fd4e44"},r("div",{key:"deea787618ef936db82200106b9a7cc06f59cb07",class:s("avatar",this.initials&&!this.fallback&&(void 0===this.src||""===this.src)&&"avatar--initials",(this.fallback||(void 0===this.icon||""===this.icon)&&(void 0===this.initials||""===this.initials)&&(void 0===this.src||""===this.src))&&"avatar--fallback",this.icon&&"avatar--icon",this.loaded?"avatar--loaded":"avatar--pending"),part:"wrapper"},this.initials&&(void 0===this.count||0===this.count||Number.isNaN(this.count))&&!this.fallback&&(void 0===this.src||""===this.src)&&r("div",{key:"5373fafa0241fd295c12ca0349a86b221de5ae7a",class:"initials-text"},r("span",{key:"d771f1f77354bdd0daf3fee4e124bcac2b8c92ed",class:"fit"},this.initials.substring(0,2))),this.count&&!this.fallback&&(void 0===this.src||""===this.src)&&r("div",{key:"e7e0ba534f34c0cff2f79224a5ffdde499345aa8",class:"initials-text"},r("span",{key:"4150adcaeed46edfe4a739bc894b712c394e9bf4",class:"fit"},"+",this.count)),this.src&&(void 0===this.count||0===this.count||Number.isNaN(this.count))&&!this.fallback&&(void 0===this.icon||""===this.icon)&&r("mds-img",{key:"1fae5e0e557de2adaa52f9cddcabd8cf8d0dd236",class:"image",loading:"lazy",onMdsImgLoadError:()=>{this.loaded=!0,this.fallback=!0},onMdsImgLoadSuccess:()=>{this.loaded=!0},part:"media",src:this.src}),this.icon&&(void 0===this.initials||""===this.initials)&&(void 0===this.count||0===this.count||Number.isNaN(this.count))&&r("mds-icon",{key:"ada49c8dde83c842fc9e73f85d09ff8ce1d680e8",class:"icon",part:"icon",name:this.icon}),(this.fallback||(void 0===this.icon||""===this.icon)&&(void 0===this.initials||""===this.initials)&&(void 0===this.count||0===this.count||Number.isNaN(this.count))&&(void 0===this.src||""===this.src))&&r("i",{key:"86182aed0f562e731682e465ee5c33df43fa5b0f",class:"fallback-icon",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>'})))}get element(){return this}static get watchers(){return{initials:[{initialsHandler:0}],count:[{countHandler:0}],src:[{srcHandler:0}],icon:[{iconHandler: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 properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-avatar-background-color-pending:rgb(var(--tone-neutral-08,107 107 107));--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142));--mds-avatar-radius:1000px;--mds-avatar-initials-padding:20%;--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-img):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-avatar-radius{syntax:"<length>";inherits:false;initial-value:1000px}@property --mds-avatar-initials-padding{syntax:"<percentage>";inherits:false;initial-value:20%}:host{--mds-avatar-background-color-pending:rgb(var(--tone-neutral-08,107 107 107));--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142));--mds-avatar-radius:var(--radius-full,1000px);--mds-avatar-initials-padding:20%;aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px);container:mds-avatar/inline-size;display:inline-flex;overflow:hidden;width:calc(var(--spacing,.0025rem)*1200)}.avatar{aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px);color:#0000;display:inline-flex;overflow:hidden;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,background-color,box-shadow,fill;width:100%}.avatar--pending{background-color:var(--mds-avatar-background-color-pending,rgb(var(--tone-neutral-08,107 107 107)))}.avatar--loaded{animation:none}.avatar--fallback,.avatar--icon,.avatar--initials{background-color:var(--mds-avatar-background-color,rgb(var(--variant-primary-05,152 188 255)));-webkit-box-shadow:none;box-shadow:none}.avatar--fallback,.avatar--initials{display:flex;place-items:stretch stretch}.avatar--fallback,.avatar--icon{padding:20%}.avatar--initials{padding:30% var(--mds-avatar-initials-padding,20%) 25%}.image{aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px)}.fallback-icon{aspect-ratio:1;display:flex;fill:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));width:100%}.fallback-icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.initials-text{font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);--tw-font-weight:var(--font-weight-bold,700);align-items:center;color:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));display:flex;font-weight:var(--font-weight-bold,700);height:100%;justify-content:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%}.fit{display:inline-block;white-space:nowrap!important}.icon{fill:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));height:100%;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:fill;-webkit-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));width:100%}@container (max-width:24px){:host-context(:not(.safari)) .avatar--initials{padding:0 var(--mds-avatar-initials-padding,20%)}:host-context(:not(.safari)) .initials-text{--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900)}}:host,:host([variant=primary]){--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142))}:is(:host,:host([variant=primary])):host([tone=weak]){--mds-avatar-background-color:rgb(var(--variant-primary-09,0 58 168));--mds-avatar-color:rgb(var(--variant-primary-05,152 188 255))}:host([variant=red]){--mds-avatar-background-color:rgb(var(--label-red-05,244 167 167));--mds-avatar-color:rgb(var(--label-red-10,115 15 15))}:host([variant=red]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-red-09,134 17 17));--mds-avatar-color:rgb(var(--label-red-05,244 167 167))}:host([variant=amaranth]){--mds-avatar-background-color:rgb(var(--label-amaranth-05,250 163 178));--mds-avatar-color:rgb(var(--label-amaranth-10,114 7 25))}:host([variant=amaranth]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-amaranth-09,135 8 30));--mds-avatar-color:rgb(var(--label-amaranth-05,250 163 178))}:host([variant=orchid]){--mds-avatar-background-color:rgb(var(--label-orchid-05,245 163 203));--mds-avatar-color:rgb(var(--label-orchid-10,111 12 61))}:host([variant=orchid]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-orchid-09,131 14 71));--mds-avatar-color:rgb(var(--label-orchid-05,245 163 203))}:host([variant=violet]){--mds-avatar-background-color:rgb(var(--label-violet-05,198 175 251));--mds-avatar-color:rgb(var(--label-violet-10,57 9 165))}:host([variant=violet]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-violet-09,67 11 195));--mds-avatar-color:rgb(var(--label-violet-05,198 175 251))}:host([variant=purple]){--mds-avatar-background-color:rgb(var(--label-purple-05,212 170 251));--mds-avatar-color:rgb(var(--label-purple-10,78 7 146))}:host([variant=purple]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-purple-09,92 8 173));--mds-avatar-color:rgb(var(--label-purple-05,212 170 251))}:host([variant=blue]){--mds-avatar-background-color:rgb(var(--label-blue-05,170 184 252));--mds-avatar-color:rgb(var(--label-blue-10,6 34 166))}:host([variant=blue]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-blue-09,7 40 196));--mds-avatar-color:rgb(var(--label-blue-05,170 184 252))}:host([variant=sky]){--mds-avatar-background-color:rgb(var(--label-sky-05,94 198 245));--mds-avatar-color:rgb(var(--label-sky-10,5 63 90))}:host([variant=sky]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-sky-09,6 76 107));--mds-avatar-color:rgb(var(--label-sky-05,94 198 245))}:host([variant=aqua]){--mds-avatar-background-color:rgb(var(--label-aqua-05,7 203 237));--mds-avatar-color:rgb(var(--label-aqua-10,2 65 76))}:host([variant=aqua]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-aqua-09,3 77 90));--mds-avatar-color:rgb(var(--label-aqua-05,7 203 237))}:host([variant=green]){--mds-avatar-background-color:rgb(var(--label-green-05,37 213 102));--mds-avatar-color:rgb(var(--label-green-10,12 68 33))}:host([variant=green]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-green-09,14 81 39));--mds-avatar-color:rgb(var(--label-green-05,37 213 102))}:host([variant=lime]){--mds-avatar-background-color:rgb(var(--label-lime-05,134 207 22));--mds-avatar-color:rgb(var(--label-lime-10,43 66 7))}:host([variant=lime]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-lime-09,51 79 8));--mds-avatar-color:rgb(var(--label-lime-05,134 207 22))}:host([variant=yellow]){--mds-avatar-background-color:rgb(var(--label-yellow-05,234 179 8));--mds-avatar-color:rgb(var(--label-yellow-10,75 57 3))}:host([variant=yellow]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-yellow-09,89 68 3));--mds-avatar-color:rgb(var(--label-yellow-05,234 179 8))}:host([variant=orange]){--mds-avatar-background-color:rgb(var(--label-orange-05,251 168 111));--mds-avatar-color:rgb(var(--label-orange-10,99 42 3))}:host([variant=orange]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-orange-09,116 49 3));--mds-avatar-color:rgb(var(--label-orange-05,251 168 111))}:host([variant=error]){--mds-avatar-background-color:rgb(var(--status-error-05,250 165 160));--mds-avatar-color:rgb(var(--status-error-10,115 0 0))}:host([variant=error]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-error-09,135 0 14));--mds-avatar-color:rgb(var(--status-error-05,250 165 160))}:host([variant=warning]){--mds-avatar-background-color:rgb(var(--status-warning-05,237 177 0));--mds-avatar-color:rgb(var(--status-warning-10,77 57 0))}:host([variant=warning]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-warning-09,90 67 0));--mds-avatar-color:rgb(var(--status-warning-05,237 177 0))}:host([variant=info]){--mds-avatar-background-color:rgb(var(--status-info-05,112 198 234));--mds-avatar-color:rgb(var(--status-info-10,0 61 103))}:host([variant=info]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-info-09,0 73 116));--mds-avatar-color:rgb(var(--status-info-05,112 198 234))}:host([variant=success]){--mds-avatar-background-color:rgb(var(--status-success-05,107 206 147));--mds-avatar-color:rgb(var(--status-success-10,0 69 0))}:host([variant=success]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-success-09,0 82 9));--mds-avatar-color:rgb(var(--status-success-05,107 206 147))}:is(:host-context(:root.pref-animation-reduce) .avatar,:host-context(:root.pref-animation-reduce) .icon){transition-duration:0s}:is(:host-context(:root.pref-contrast-more) .avatar--icon,:host-context(:root.pref-contrast-more) .avatar--fallback,:host-context(:root.pref-contrast-more) .avatar--initials){-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}@property --tw-font-weight{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .avatar,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon{transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .avatar--fallback,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .avatar--icon,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .avatar--initials{-webkit-box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}'}},[1,"mds-avatar",{icon:[513],initials:[1537],count:[1538],src:[513],tone:[513],variant:[1537],fallback:[32],loaded:[32]},void 0,{initials:[{initialsHandler:0}],count:[{countHandler:0}],src:[{srcHandler:0}],icon:[{iconHandler:0}]}]);function f(){"undefined"!=typeof customElements&&["mds-avatar","mds-button","mds-icon","mds-img","mds-spinner","mds-text"].forEach((a=>{switch(a){case"mds-avatar":customElements.get(o(a))||customElements.define(o(a),p);break;case"mds-button":customElements.get(o(a))||n();break;case"mds-icon":customElements.get(o(a))||l();break;case"mds-img":customElements.get(o(a))||d();break;case"mds-spinner":customElements.get(o(a))||c();break;case"mds-text":customElements.get(o(a))||v()}}))}export{p as M,f as d}
+import{proxyCustomElement as a,HTMLElement as r,h as t,Host as i,transformTag as o}from"@stencil/core/internal/client";import{c as s}from"./clsx.js";import{g as n}from"./_commonjsHelpers.js";import{s as e}from"./preference.js";import{d as l}from"./mds-button2.js";import{d}from"./mds-icon2.js";import{d as c}from"./mds-img2.js";import{d as v}from"./mds-spinner2.js";import{d as b}from"./mds-text2.js";var h,u={exports:{}},m=(h||(h=1,u.exports=function(a){if(a){var r=function(a){return[].slice.call(a)},t=3,i=[],o=null,s="requestAnimationFrame"in a?function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{sync:!1};a.cancelAnimationFrame(o);var t=function(){return e(i.filter((function(a){return a.dirty&&a.active})))};if(r.sync)return t();o=a.requestAnimationFrame(t)}:function(){},n=function(a){return function(r){i.forEach((function(r){return r.dirty=a})),s(r)}},e=function(a){a.filter((function(a){return!a.styleComputed})).forEach((function(a){a.styleComputed=v(a)})),a.filter(b).forEach(h);var r=a.filter(c);r.forEach(d),r.forEach((function(a){h(a),l(a)})),r.forEach(u)},l=function(a){return a.dirty=0},d=function(a){a.availableWidth=a.element.parentNode.clientWidth,a.currentWidth=a.element.scrollWidth,a.previousFontSize=a.currentFontSize,a.currentFontSize=Math.min(Math.max(a.minSize,a.availableWidth/a.currentWidth*a.previousFontSize),a.maxSize),a.whiteSpace=a.multiLine&&a.currentFontSize===a.minSize?"normal":"nowrap"},c=function(a){return 2!==a.dirty||2===a.dirty&&a.element.parentNode.clientWidth!==a.availableWidth},v=function(r){var t=a.getComputedStyle(r.element,null);return r.currentFontSize=parseFloat(t.getPropertyValue("font-size")),r.display=t.getPropertyValue("display"),r.whiteSpace=t.getPropertyValue("white-space"),!0},b=function(a){var r=!1;return!a.preStyleTestCompleted&&(/inline-/.test(a.display)||(r=!0,a.display="inline-block"),"nowrap"!==a.whiteSpace&&(r=!0,a.whiteSpace="nowrap"),a.preStyleTestCompleted=!0,r)},h=function(a){a.element.style.whiteSpace=a.whiteSpace,a.element.style.display=a.display,a.element.style.fontSize=a.currentFontSize+"px"},u=function(a){a.element.dispatchEvent(new CustomEvent("fit",{detail:{oldValue:a.previousFontSize,newValue:a.currentFontSize,scaleFactor:a.currentFontSize/a.previousFontSize}}))},m=function(a,r){return function(t){a.dirty=r,a.active&&s(t)}},g=function(a){return function(){i=i.filter((function(r){return r.element!==a.element})),a.observeMutations&&a.observer.disconnect(),a.element.style.whiteSpace=a.originalStyle.whiteSpace,a.element.style.display=a.originalStyle.display,a.element.style.fontSize=a.originalStyle.fontSize}},p=function(a){return function(){a.active||(a.active=!0,s())}},f=function(a){return function(){return a.active=!1}},k=function(a){a.observeMutations&&(a.observer=new MutationObserver(m(a,1)),a.observer.observe(a.element,a.observeMutations))},w={minSize:16,maxSize:512,multiLine:!0,observeMutations:"MutationObserver"in a&&{subtree:!0,childList:!0,characterData:!0}},y=null,x=function(){a.clearTimeout(y),y=a.setTimeout(n(2),j.observeWindowDelay)},z=["resize","orientationchange"];return Object.defineProperty(j,"observeWindow",{set:function(r){var t="".concat(r?"add":"remove","EventListener");z.forEach((function(r){a[t](r,x)}))}}),j.observeWindow=!0,j.observeWindowDelay=100,j.fitAll=n(t),j}function H(a,r){var o=Object.assign({},w,r),n=a.map((function(a){var r=Object.assign({},o,{element:a,active:!0});return function(a){a.originalStyle={whiteSpace:a.element.style.whiteSpace,display:a.element.style.display,fontSize:a.element.style.fontSize},k(a),a.newbie=!0,a.dirty=!0,i.push(a)}(r),{element:a,fit:m(r,t),unfreeze:p(r),freeze:f(r),unsubscribe:g(r)}}));return s(),n}function j(a){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return"string"==typeof a?H(r(document.querySelectorAll(a)),t):H([a],t)[0]}}("undefined"==typeof window?null:window)),u.exports),g=n(m);const p=["bg-brand-maggioli-05","bg-label-amaranth-05","bg-label-aqua-05","bg-label-blue-05","bg-label-green-05","bg-label-lime-05","bg-label-orange-05","bg-label-orchid-05","bg-label-purple-05","bg-label-red-05","bg-label-sky-05","bg-label-violet-05","bg-label-yellow-05","bg-status-error-05","bg-status-info-05","bg-status-success-05","bg-status-warning-05"],f=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.fallback=!1,this.loaded=!0,this.fittyInitialized=!1,this.textChanged=!1,this.variants=["amaranth","aqua","blue","error","green","info","lime","orange","orchid","primary","sky","success","violet","warning","yellow"],this.addFontResize=()=>{var a;if(this.fittyInitialized)return;const r=null===(a=this.element.shadowRoot)||void 0===a?void 0:a.querySelector(".fit");this.fittyElements=g(r,{minSize:10}),this.observer=new ResizeObserver((a=>{a.forEach((()=>{this.fittyElements.fit()}))})),this.observer.observe(this.element),this.fittyInitialized=!0},this.removeFontResize=()=>{this.fittyInitialized&&(this.fittyInitialized=!1,this.observer.unobserve(this.element))},this.checkText=a=>{if(""===a||void 0===a)this.fittyInitialized&&this.removeFontResize();else{if(this.fittyInitialized)return;this.fittyInitialized||this.addFontResize()}},this.handleImgLoadError=()=>{this.loaded=!0,this.fallback=!0},this.handleImgLoadSuccess=()=>{this.loaded=!0},this.checkInitialsVariant=()=>{if(void 0!==this.initials&&""!==this.initials){let a=this.initials.toLowerCase().replace(/[^a-zA-Z0-9]+/g,"").substring(0,2);1===a.length&&(a+=a),this.variant=this.variants[(a.substring(0,1).charCodeAt(0)+a.substring(1,2).charCodeAt(0))%p.length]}}}connectedCallback(){this.unsubscribePrefAnimation=e("animation",(a=>{this.prefAnimation=a})),this.unsubscribePrefContrast=e("contrast",(a=>{this.prefContrast=a}))}disconnectedCallback(){var a,r;null===(a=this.unsubscribePrefAnimation)||void 0===a||a.call(this),null===(r=this.unsubscribePrefContrast)||void 0===r||r.call(this)}componentWillLoad(){this.checkInitialsVariant()}componentDidLoad(){void 0!==this.src&&(this.loaded=!1),void 0!==this.initials&&""!==this.initials&&this.checkText(this.initials),void 0===this.count||0===this.count||Number.isNaN(this.count)||this.checkText(this.count.toString())}componentDidRender(){this.textChanged&&(void 0!==this.initials&&""!==this.initials&&this.checkText(this.initials),void 0===this.count||0===this.count||Number.isNaN(this.count)||this.checkText(this.count.toString()),this.textChanged=!1)}initialsHandler(){this.textChanged=!0,this.checkInitialsVariant()}countHandler(){this.textChanged=!0,this.checkInitialsVariant()}srcHandler(a){void 0===a&&(this.loaded=!0)}iconHandler(a){void 0!==a&&(this.loaded=!0)}render(){return t(i,{key:"84e60aaa2c7f931e1c1b56ed0bbf401e96dcdc73","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast},t("div",{key:"36901cad8920e9eb6372db2085d557b0e6047e4d",class:s("avatar",this.initials&&!this.fallback&&(void 0===this.src||""===this.src)&&"avatar--initials",(this.fallback||(void 0===this.icon||""===this.icon)&&(void 0===this.initials||""===this.initials)&&(void 0===this.src||""===this.src))&&"avatar--fallback",this.icon&&"avatar--icon",this.loaded?"avatar--loaded":"avatar--pending"),part:"wrapper"},this.initials&&(void 0===this.count||0===this.count||Number.isNaN(this.count))&&!this.fallback&&(void 0===this.src||""===this.src)&&t("div",{key:"36562791d88b71d89b8d6d380b8911a72a5d32f8",class:"initials-text"},t("span",{key:"fe8ad3478cf3514f6f137f862141d7ea1b66e448",class:"fit"},this.initials.substring(0,2))),this.count&&!this.fallback&&(void 0===this.src||""===this.src)&&t("div",{key:"9ec6fb411ac1ba891d22b106bc22cf7434554d86",class:"initials-text"},t("span",{key:"7e4d69c4dd0bf97a448690e6912942f25a69f4ad",class:"fit"},"+",this.count)),this.src&&(void 0===this.count||0===this.count||Number.isNaN(this.count))&&!this.fallback&&(void 0===this.icon||""===this.icon)&&t("mds-img",{key:"7b47c1edc70953208a677cf373fea6f944e7fccf",class:"image",loading:"lazy",onMdsImgLoadError:this.handleImgLoadError,onMdsImgLoadSuccess:this.handleImgLoadSuccess,part:"media",src:this.src}),this.icon&&(void 0===this.initials||""===this.initials)&&(void 0===this.count||0===this.count||Number.isNaN(this.count))&&t("mds-icon",{key:"ee00461fd6fe6f349bea91ccc66b9f2f13c28122",class:"icon",part:"icon",name:this.icon}),(this.fallback||(void 0===this.icon||""===this.icon)&&(void 0===this.initials||""===this.initials)&&(void 0===this.count||0===this.count||Number.isNaN(this.count))&&(void 0===this.src||""===this.src))&&t("i",{key:"084ae31c1ff096e218db3f95288aee2e450fb711",class:"fallback-icon",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>'})))}get element(){return this}static get watchers(){return{initials:[{initialsHandler:0}],count:[{countHandler:0}],src:[{srcHandler:0}],icon:[{iconHandler:0}]}}static get style(){return'@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)))){*,::backdrop,:after,:before{--mds-avatar-background-color-pending:rgb(var(--tone-neutral-08,107 107 107));--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142));--mds-avatar-radius:1000px;--mds-avatar-initials-padding:20%;--tw-font-weight:initial}}}:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-img):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-avatar-radius{syntax:"<length>";inherits:false;initial-value:1000px}@property --mds-avatar-initials-padding{syntax:"<percentage>";inherits:false;initial-value:20%}:host{--mds-avatar-background-color-pending:rgb(var(--tone-neutral-08,107 107 107));--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142));--mds-avatar-radius:var(--radius-full,1000px);--mds-avatar-initials-padding:20%;--mds-avatar-transition-duration:var(--duration-200,.2s);--private-avatar-transition-duration:var(--mds-avatar-transition-duration);aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px);container:mds-avatar/inline-size;display:inline-flex;overflow:hidden;width:calc(var(--spacing,.0025rem)*1200)}.avatar{aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px);color:#0000;display:inline-flex;overflow:hidden;-webkit-transition-duration:var(--private-avatar-transition-duration);transition-duration:var(--private-avatar-transition-duration);transition-property:color,background-color,box-shadow,fill;width:100%}.avatar--pending{background-color:var(--mds-avatar-background-color-pending,rgb(var(--tone-neutral-08,107 107 107)))}.avatar--loaded{animation:none}.avatar--fallback,.avatar--icon,.avatar--initials{background-color:var(--mds-avatar-background-color,rgb(var(--variant-primary-05,152 188 255)));-webkit-box-shadow:none;box-shadow:none}.avatar--fallback,.avatar--initials{display:flex;place-items:stretch stretch}.avatar--fallback,.avatar--icon{padding:20%}.avatar--initials{padding:30% var(--mds-avatar-initials-padding,20%) 25%}.image{aspect-ratio:1;border-radius:var(--mds-avatar-radius,1000px)}.fallback-icon{aspect-ratio:1;display:flex;fill:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));width:100%}.fallback-icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.initials-text{font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);--tw-font-weight:var(--font-weight-bold,700);align-items:center;color:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));display:flex;font-weight:var(--font-weight-bold,700);height:100%;justify-content:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%}.fit{display:inline-block;white-space:nowrap!important}.icon{fill:var(--mds-avatar-color,rgb(var(--variant-primary-10,0 49 142)));height:100%;-webkit-transition-duration:var(--private-avatar-transition-duration);transition-duration:var(--private-avatar-transition-duration);transition-property:fill;-webkit-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));width:100%}@container (max-width:24px){.avatar--initials{padding:0 var(--mds-avatar-initials-padding,20%)}.initials-text{--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900)}}:host,:host([variant=primary]){--mds-avatar-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-avatar-color:rgb(var(--variant-primary-10,0 49 142))}:is(:host,:host([variant=primary])):host([tone=weak]){--mds-avatar-background-color:rgb(var(--variant-primary-09,0 58 168));--mds-avatar-color:rgb(var(--variant-primary-05,152 188 255))}:host([variant=red]){--mds-avatar-background-color:rgb(var(--label-red-05,244 167 167));--mds-avatar-color:rgb(var(--label-red-10,115 15 15))}:host([variant=red]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-red-09,134 17 17));--mds-avatar-color:rgb(var(--label-red-05,244 167 167))}:host([variant=amaranth]){--mds-avatar-background-color:rgb(var(--label-amaranth-05,250 163 178));--mds-avatar-color:rgb(var(--label-amaranth-10,114 7 25))}:host([variant=amaranth]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-amaranth-09,135 8 30));--mds-avatar-color:rgb(var(--label-amaranth-05,250 163 178))}:host([variant=orchid]){--mds-avatar-background-color:rgb(var(--label-orchid-05,245 163 203));--mds-avatar-color:rgb(var(--label-orchid-10,111 12 61))}:host([variant=orchid]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-orchid-09,131 14 71));--mds-avatar-color:rgb(var(--label-orchid-05,245 163 203))}:host([variant=violet]){--mds-avatar-background-color:rgb(var(--label-violet-05,198 175 251));--mds-avatar-color:rgb(var(--label-violet-10,57 9 165))}:host([variant=violet]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-violet-09,67 11 195));--mds-avatar-color:rgb(var(--label-violet-05,198 175 251))}:host([variant=purple]){--mds-avatar-background-color:rgb(var(--label-purple-05,212 170 251));--mds-avatar-color:rgb(var(--label-purple-10,78 7 146))}:host([variant=purple]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-purple-09,92 8 173));--mds-avatar-color:rgb(var(--label-purple-05,212 170 251))}:host([variant=blue]){--mds-avatar-background-color:rgb(var(--label-blue-05,170 184 252));--mds-avatar-color:rgb(var(--label-blue-10,6 34 166))}:host([variant=blue]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-blue-09,7 40 196));--mds-avatar-color:rgb(var(--label-blue-05,170 184 252))}:host([variant=sky]){--mds-avatar-background-color:rgb(var(--label-sky-05,94 198 245));--mds-avatar-color:rgb(var(--label-sky-10,5 63 90))}:host([variant=sky]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-sky-09,6 76 107));--mds-avatar-color:rgb(var(--label-sky-05,94 198 245))}:host([variant=aqua]){--mds-avatar-background-color:rgb(var(--label-aqua-05,7 203 237));--mds-avatar-color:rgb(var(--label-aqua-10,2 65 76))}:host([variant=aqua]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-aqua-09,3 77 90));--mds-avatar-color:rgb(var(--label-aqua-05,7 203 237))}:host([variant=green]){--mds-avatar-background-color:rgb(var(--label-green-05,37 213 102));--mds-avatar-color:rgb(var(--label-green-10,12 68 33))}:host([variant=green]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-green-09,14 81 39));--mds-avatar-color:rgb(var(--label-green-05,37 213 102))}:host([variant=lime]){--mds-avatar-background-color:rgb(var(--label-lime-05,134 207 22));--mds-avatar-color:rgb(var(--label-lime-10,43 66 7))}:host([variant=lime]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-lime-09,51 79 8));--mds-avatar-color:rgb(var(--label-lime-05,134 207 22))}:host([variant=yellow]){--mds-avatar-background-color:rgb(var(--label-yellow-05,234 179 8));--mds-avatar-color:rgb(var(--label-yellow-10,75 57 3))}:host([variant=yellow]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-yellow-09,89 68 3));--mds-avatar-color:rgb(var(--label-yellow-05,234 179 8))}:host([variant=orange]){--mds-avatar-background-color:rgb(var(--label-orange-05,251 168 111));--mds-avatar-color:rgb(var(--label-orange-10,99 42 3))}:host([variant=orange]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--label-orange-09,116 49 3));--mds-avatar-color:rgb(var(--label-orange-05,251 168 111))}:host([variant=error]){--mds-avatar-background-color:rgb(var(--status-error-05,250 165 160));--mds-avatar-color:rgb(var(--status-error-10,115 0 0))}:host([variant=error]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-error-09,135 0 14));--mds-avatar-color:rgb(var(--status-error-05,250 165 160))}:host([variant=warning]){--mds-avatar-background-color:rgb(var(--status-warning-05,237 177 0));--mds-avatar-color:rgb(var(--status-warning-10,77 57 0))}:host([variant=warning]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-warning-09,90 67 0));--mds-avatar-color:rgb(var(--status-warning-05,237 177 0))}:host([variant=info]){--mds-avatar-background-color:rgb(var(--status-info-05,112 198 234));--mds-avatar-color:rgb(var(--status-info-10,0 61 103))}:host([variant=info]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-info-09,0 73 116));--mds-avatar-color:rgb(var(--status-info-05,112 198 234))}:host([variant=success]){--mds-avatar-background-color:rgb(var(--status-success-05,107 206 147));--mds-avatar-color:rgb(var(--status-success-10,0 69 0))}:host([variant=success]):host([tone=weak]){--mds-avatar-background-color:rgb(var(--status-success-09,0 82 9));--mds-avatar-color:rgb(var(--status-success-05,107 206 147))}:host([pref-animation=reduce]){--private-avatar-transition-duration:0s}:host([pref-contrast=more]) :is(.avatar--fallback,.avatar--icon,.avatar--initials){-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}@property --tw-font-weight{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-avatar-transition-duration:0s}}@media (prefers-contrast:more){:is(:host([pref-contrast=system]),:host(:not([pref-contrast]))) :is(.avatar--fallback,.avatar--icon,.avatar--initials){-webkit-box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}'}},[1,"mds-avatar",{icon:[513],initials:[1537],count:[1538],src:[513],tone:[513],variant:[1537],prefAnimation:[32],prefContrast:[32],fallback:[32],loaded:[32]},void 0,{initials:[{initialsHandler:0}],count:[{countHandler:0}],src:[{srcHandler:0}],icon:[{iconHandler:0}]}]);function k(){"undefined"!=typeof customElements&&["mds-avatar","mds-button","mds-icon","mds-img","mds-spinner","mds-text"].forEach((a=>{switch(a){case"mds-avatar":customElements.get(o(a))||customElements.define(o(a),f);break;case"mds-button":customElements.get(o(a))||l();break;case"mds-icon":customElements.get(o(a))||d();break;case"mds-img":customElements.get(o(a))||c();break;case"mds-spinner":customElements.get(o(a))||v();break;case"mds-text":customElements.get(o(a))||b()}}))}export{f as M,k as d}

package/dist/components/mds-badge2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as r,h as t,Host as o,transformTag as a}from"@stencil/core/internal/client";import{r as s,s as n}from"./slot.js";import{d}from"./mds-text2.js";const b=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant="green",this.tone="weak",this.typography="option",this.onSlotChangeHandler=()=>{void 0!==this.label&&""!==this.label||(this.label=s(this.host))}}labelChanged(e){this.label=n(e)}render(){return t(o,{key:"1c990216eae1dd3ad54815cd9ce69cf06bac9d19"},t("mds-text",{key:"32185147bbdec26ce093679d8162482710782f61",tag:"span",typography:this.typography,variant:"info",text:this.label},this.label||t("slot",{key:"b3ce51b1012d918804f37a0a765fd23c081d4e26",onSlotchange:this.onSlotChangeHandler})))}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;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-badge-border-width:1px;--mds-badge-radius:10px}*,::backdrop,:after,:before{--mds-badge-background:rgb(var(--label-sky-09,6 76 107));--mds-badge-border-color:rgb(var(--label-sky-06,13 158 224));--mds-badge-color:rgb(var(--label-sky-03,191 232 251))}}}@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}@property --mds-badge-border-width{syntax:"<length>";inherits:true;initial-value:1px}@property --mds-badge-radius{syntax:"<length>";inherits:true;initial-value:10px}:host{--mds-badge-background:rgb(var(--label-sky-09,6 76 107));--mds-badge-border-color:rgb(var(--label-sky-06,13 158 224));--mds-badge-border-width:1px;--mds-badge-color:rgb(var(--label-sky-03,191 232 251));--mds-badge-radius:var(--radius-lg,10px);align-items:center;background-color:var(--mds-badge-background,rgb(var(--label-sky-09,6 76 107)));border-radius:var(--mds-badge-radius,10px);color:var(--mds-badge-color,rgb(var(--label-sky-03,191 232 251)));display:inline-flex;min-width:min-content;padding:calc(var(--spacing,.0025rem)*100) calc(var(--spacing,.0025rem)*200);-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,border-width,color;-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-badge-color:rgb(var(--tone-neutral,0 0 0))}:host([tone=outline]){border-color:var(--mds-badge-border-color,rgb(var(--label-sky-06,13 158 224)));border-style:solid;border-width:var(--mds-badge-border-width,1px)}:host([tone=text]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0))}:host([variant=red]){--mds-badge-background:rgb(var(--label-red-04,247 195 195))}:host([variant=red]):host([tone=weak]){--mds-badge-background:rgb(var(--label-red-09,134 17 17));--mds-badge-color:rgb(var(--label-red-02,252 234 234))}:host([variant=red]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-red-06,236 110 110));--mds-badge-color:rgb(var(--label-red-04,247 195 195))}:host([variant=amaranth]){--mds-badge-background:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth]):host([tone=weak]){--mds-badge-background:rgb(var(--label-amaranth-09,135 8 30));--mds-badge-color:rgb(var(--label-amaranth-02,254 233 237))}:host([variant=amaranth]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-amaranth-06,246 99 125));--mds-badge-color:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=aqua]){--mds-badge-background:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua]):host([tone=weak]){--mds-badge-background:rgb(var(--label-aqua-09,3 77 90));--mds-badge-color:rgb(var(--label-aqua-02,203 246 254))}:host([variant=aqua]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-aqua-06,5 163 190));--mds-badge-color:rgb(var(--label-aqua-04,81 225 250))}:host([variant=blue]){--mds-badge-background:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue]):host([tone=weak]){--mds-badge-background:rgb(var(--label-blue-09,7 40 196));--mds-badge-color:rgb(var(--label-blue-02,234 238 254))}:host([variant=blue]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-blue-06,121 143 250));--mds-badge-color:rgb(var(--label-blue-04,196 206 253))}:host([variant=green]){--mds-badge-background:rgb(var(--label-green-04,113 230 156))}:host([variant=green]):host([tone=weak]){--mds-badge-background:rgb(var(--label-green-09,14 81 39));--mds-badge-color:rgb(var(--label-green-02,211 247 224))}:host([variant=green]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-green-06,30 171 82));--mds-badge-color:rgb(var(--label-green-04,113 230 156))}:host([variant=lime]){--mds-badge-background:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime]):host([tone=weak]){--mds-badge-background:rgb(var(--label-lime-09,51 79 8));--mds-badge-color:rgb(var(--label-lime-02,223 247 185))}:host([variant=lime]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-lime-06,108 167 18));--mds-badge-color:rgb(var(--label-lime-04,148 229 25))}:host([variant=orange]){--mds-badge-background:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange]):host([tone=weak]){--mds-badge-background:rgb(var(--label-orange-09,116 49 3));--mds-badge-color:rgb(var(--label-orange-02,254 235 222))}:host([variant=orange]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-orange-06,247 105 6));--mds-badge-color:rgb(var(--label-orange-04,252 196 158))}:host([variant=orchid]){--mds-badge-background:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid]):host([tone=weak]){--mds-badge-background:rgb(var(--label-orchid-09,131 14 71));--mds-badge-color:rgb(var(--label-orchid-02,253 233 243))}:host([variant=orchid]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-orchid-06,239 99 168));--mds-badge-color:rgb(var(--label-orchid-04,248 192 220))}:host([variant=sky]){--mds-badge-background:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky]):host([tone=weak]){--mds-badge-background:rgb(var(--label-sky-09,6 76 107));--mds-badge-color:rgb(var(--label-sky-02,219 242 253))}:host([variant=sky]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-sky-06,13 158 224));--mds-badge-color:rgb(var(--label-sky-04,148 217 249))}:host([variant=violet]){--mds-badge-background:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet]):host([tone=weak]){--mds-badge-background:rgb(var(--label-violet-09,67 11 195));--mds-badge-color:rgb(var(--label-violet-02,241 235 254))}:host([variant=violet]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-violet-06,166 129 248));--mds-badge-color:rgb(var(--label-violet-04,216 200 252))}:host([variant=purple]){--mds-badge-background:rgb(var(--label-purple-04,225 196 252))}:host([variant=purple]):host([tone=weak]){--mds-badge-background:rgb(var(--label-purple-09,92 8 173));--mds-badge-color:rgb(var(--label-purple-02,245 234 254))}:host([variant=purple]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-purple-06,186 119 249));--mds-badge-color:rgb(var(--label-purple-04,225 196 252))}:host([variant=yellow]){--mds-badge-background:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow]):host([tone=weak]){--mds-badge-background:rgb(var(--label-yellow-09,89 68 3));--mds-badge-color:rgb(var(--label-yellow-02,253 238 190))}:host([variant=yellow]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-yellow-06,188 143 6));--mds-badge-color:rgb(var(--label-yellow-04,248 202 60))}:host([variant=warning]){--mds-badge-background:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning]):host([tone=weak]){--mds-badge-background:rgb(var(--status-warning-09,90 67 0));--mds-badge-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-warning-06,190 142 0));--mds-badge-color:rgb(var(--status-warning-04,255 200 33))}:host([variant=error]){--mds-badge-background:rgb(var(--status-error-04,254 193 189))}:host([variant=error]):host([tone=weak]){--mds-badge-background:rgb(var(--status-error-09,135 0 14));--mds-badge-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-error-06,239 108 105));--mds-badge-color:rgb(var(--status-error-04,254 193 189))}:host([variant=success]){--mds-badge-background:rgb(var(--status-success-04,158 222 181))}:host([variant=success]):host([tone=weak]){--mds-badge-background:rgb(var(--status-success-09,0 82 9));--mds-badge-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-success-06,0 171 97));--mds-badge-color:rgb(var(--status-success-04,158 222 181))}:host([variant=info]){--mds-badge-background:rgb(var(--status-info-04,159 216 241))}:host([variant=info]):host([tone=weak]){--mds-badge-background:rgb(var(--status-info-09,0 73 116));--mds-badge-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-info-06,0 161 208));--mds-badge-color:rgb(var(--status-info-04,159 216 241))}:host([variant=light]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0));--mds-badge-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=weak]){--mds-badge-background:rgb(var(--tone-neutral-10,60 60 60));--mds-badge-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=outline]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0));--mds-badge-color:rgb(var(--tone-neutral-02,244 244 244));--mds-badge-border-color:rgb(var(--tone-neutral-06,158 158 158))}:host([variant=dark]){--mds-badge-background:rgb(var(--tone-neutral-03,233 233 233));--mds-badge-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=dark]):host([tone=weak]){--mds-badge-background:rgb(var(--tone-neutral-10,60 60 60));--mds-badge-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=dark]):host([tone=outline]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0));--mds-badge-color:rgb(var(--tone-neutral-02,244 244 244));--mds-badge-border-color:rgb(var(--tone-neutral-06,158 158 158))}:host([tone=outline]),:host([tone=text]){--mds-badge-background:transparent}:host-context(:root.pref-animation-reduce){transition-duration:0s}:is(:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([tone=strong]),:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host-context(:root.pref-contrast-more):host([tone=weak]){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:is(:host-context(:root.pref-contrast-more.pref-theme-dark):host([tone=strong]),:host-context(:root.pref-contrast-more.pref-theme-dark):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset}@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]))):host([tone=strong]),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([tone=weak]){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:is(:host-context(:root.pref-contrast-more.pref-theme-system):host([tone=strong]),:host-context(:root.pref-contrast-more.pref-theme-system):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset}}@media (prefers-contrast:more){:host-context(:root.pref-contrast-system){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host-context(:root:not([data-magma-pref])):host([tone=weak]){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:is(:host-context(:root.pref-contrast-system.pref-theme-dark):host([tone=strong]),:host-context(:root.pref-contrast-system.pref-theme-dark):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:is(:host-context(:root.pref-contrast-system.pref-theme-system):host([tone=strong]),:host-context(:root.pref-contrast-system.pref-theme-system):host([tone=weak])){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset}}'}},[257,"mds-badge",{label:[1537],variant:[513],tone:[513],typography:[513]},void 0,{label:[{labelChanged:0}]}]);function l(){"undefined"!=typeof customElements&&["mds-badge","mds-text"].forEach((e=>{switch(e){case"mds-badge":customElements.get(a(e))||customElements.define(a(e),b);break;case"mds-text":customElements.get(a(e))||d()}}))}export{b as M,l as d}
+import{proxyCustomElement as a,HTMLElement as r,h as e,Host as o,transformTag as t}from"@stencil/core/internal/client";import{r as s,s as d}from"./slot.js";import{s as n}from"./preference.js";import{d as b}from"./mds-text2.js";const l=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.variant="green",this.tone="weak",this.typography="option",this.onSlotChangeHandler=()=>{void 0!==this.label&&""!==this.label||(this.label=s(this.host))}}connectedCallback(){this.unsubscribePrefAnimation=n("animation",(a=>{this.prefAnimation=a})),this.unsubscribePrefContrast=n("contrast",(a=>{this.prefContrast=a})),this.unsubscribePrefTheme=n("theme",(a=>{this.prefTheme=a})),this.unsubscribePrefThemeScheme=n("theme-scheme",(a=>{this.prefThemeScheme=a}))}disconnectedCallback(){var a,r,e,o;null===(a=this.unsubscribePrefAnimation)||void 0===a||a.call(this),null===(r=this.unsubscribePrefContrast)||void 0===r||r.call(this),null===(e=this.unsubscribePrefTheme)||void 0===e||e.call(this),null===(o=this.unsubscribePrefThemeScheme)||void 0===o||o.call(this)}labelChanged(a){this.label=d(a)}render(){return e(o,{key:"61069108c37f3f39b301f1e028f76cc34dc15a89","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},e("mds-text",{key:"2086515f10e02ff4028eced12db1510b455245c4",tag:"span",typography:this.typography,variant:"info",text:this.label},this.label||e("slot",{key:"34c6c046aa4bfed4e6f7324a4ceb5383a09dfad6",onSlotchange:this.onSlotChangeHandler})))}get host(){return this}static get watchers(){return{label:[{labelChanged:0}]}}static get style(){return'@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-badge-border-width:1px;--mds-badge-radius:10px}*,::backdrop,:after,:before{--mds-badge-background:rgb(var(--label-sky-09,6 76 107));--mds-badge-border-color:rgb(var(--label-sky-06,13 158 224));--mds-badge-color:rgb(var(--label-sky-03,191 232 251))}}}: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}@property --mds-badge-border-width{syntax:"<length>";inherits:true;initial-value:1px}@property --mds-badge-radius{syntax:"<length>";inherits:true;initial-value:10px}:host{--mds-badge-background:rgb(var(--label-sky-09,6 76 107));--mds-badge-border-color:rgb(var(--label-sky-06,13 158 224));--mds-badge-border-width:1px;--mds-badge-color:rgb(var(--label-sky-03,191 232 251));--mds-badge-radius:var(--radius-lg,10px);--mds-badge-transition-duration:var(--duration-200,.2s);--private-badge-transition-duration:var(--mds-badge-transition-duration);align-items:center;background-color:var(--mds-badge-background,rgb(var(--label-sky-09,6 76 107)));border-radius:var(--mds-badge-radius,10px);color:var(--mds-badge-color,rgb(var(--label-sky-03,191 232 251)));display:inline-flex;min-width:min-content;padding:calc(var(--spacing,.0025rem)*100) calc(var(--spacing,.0025rem)*200);-webkit-transition-duration:var(--private-badge-transition-duration);transition-duration:var(--private-badge-transition-duration);transition-property:background-color,border-color,border-width,color;-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-badge-color:rgb(var(--tone-neutral,0 0 0))}:host([tone=outline]){border-color:var(--mds-badge-border-color,rgb(var(--label-sky-06,13 158 224)));border-style:solid;border-width:var(--mds-badge-border-width,1px)}:host([tone=text]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0))}:host([variant=red]){--mds-badge-background:rgb(var(--label-red-04,247 195 195))}:host([variant=red]):host([tone=weak]){--mds-badge-background:rgb(var(--label-red-09,134 17 17));--mds-badge-color:rgb(var(--label-red-02,252 234 234))}:host([variant=red]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-red-06,236 110 110));--mds-badge-color:rgb(var(--label-red-04,247 195 195))}:host([variant=amaranth]){--mds-badge-background:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth]):host([tone=weak]){--mds-badge-background:rgb(var(--label-amaranth-09,135 8 30));--mds-badge-color:rgb(var(--label-amaranth-02,254 233 237))}:host([variant=amaranth]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-amaranth-06,246 99 125));--mds-badge-color:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=aqua]){--mds-badge-background:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua]):host([tone=weak]){--mds-badge-background:rgb(var(--label-aqua-09,3 77 90));--mds-badge-color:rgb(var(--label-aqua-02,203 246 254))}:host([variant=aqua]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-aqua-06,5 163 190));--mds-badge-color:rgb(var(--label-aqua-04,81 225 250))}:host([variant=blue]){--mds-badge-background:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue]):host([tone=weak]){--mds-badge-background:rgb(var(--label-blue-09,7 40 196));--mds-badge-color:rgb(var(--label-blue-02,234 238 254))}:host([variant=blue]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-blue-06,121 143 250));--mds-badge-color:rgb(var(--label-blue-04,196 206 253))}:host([variant=green]){--mds-badge-background:rgb(var(--label-green-04,113 230 156))}:host([variant=green]):host([tone=weak]){--mds-badge-background:rgb(var(--label-green-09,14 81 39));--mds-badge-color:rgb(var(--label-green-02,211 247 224))}:host([variant=green]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-green-06,30 171 82));--mds-badge-color:rgb(var(--label-green-04,113 230 156))}:host([variant=lime]){--mds-badge-background:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime]):host([tone=weak]){--mds-badge-background:rgb(var(--label-lime-09,51 79 8));--mds-badge-color:rgb(var(--label-lime-02,223 247 185))}:host([variant=lime]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-lime-06,108 167 18));--mds-badge-color:rgb(var(--label-lime-04,148 229 25))}:host([variant=orange]){--mds-badge-background:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange]):host([tone=weak]){--mds-badge-background:rgb(var(--label-orange-09,116 49 3));--mds-badge-color:rgb(var(--label-orange-02,254 235 222))}:host([variant=orange]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-orange-06,247 105 6));--mds-badge-color:rgb(var(--label-orange-04,252 196 158))}:host([variant=orchid]){--mds-badge-background:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid]):host([tone=weak]){--mds-badge-background:rgb(var(--label-orchid-09,131 14 71));--mds-badge-color:rgb(var(--label-orchid-02,253 233 243))}:host([variant=orchid]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-orchid-06,239 99 168));--mds-badge-color:rgb(var(--label-orchid-04,248 192 220))}:host([variant=sky]){--mds-badge-background:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky]):host([tone=weak]){--mds-badge-background:rgb(var(--label-sky-09,6 76 107));--mds-badge-color:rgb(var(--label-sky-02,219 242 253))}:host([variant=sky]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-sky-06,13 158 224));--mds-badge-color:rgb(var(--label-sky-04,148 217 249))}:host([variant=violet]){--mds-badge-background:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet]):host([tone=weak]){--mds-badge-background:rgb(var(--label-violet-09,67 11 195));--mds-badge-color:rgb(var(--label-violet-02,241 235 254))}:host([variant=violet]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-violet-06,166 129 248));--mds-badge-color:rgb(var(--label-violet-04,216 200 252))}:host([variant=purple]){--mds-badge-background:rgb(var(--label-purple-04,225 196 252))}:host([variant=purple]):host([tone=weak]){--mds-badge-background:rgb(var(--label-purple-09,92 8 173));--mds-badge-color:rgb(var(--label-purple-02,245 234 254))}:host([variant=purple]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-purple-06,186 119 249));--mds-badge-color:rgb(var(--label-purple-04,225 196 252))}:host([variant=yellow]){--mds-badge-background:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow]):host([tone=weak]){--mds-badge-background:rgb(var(--label-yellow-09,89 68 3));--mds-badge-color:rgb(var(--label-yellow-02,253 238 190))}:host([variant=yellow]):host([tone=outline]){--mds-badge-border-color:rgb(var(--label-yellow-06,188 143 6));--mds-badge-color:rgb(var(--label-yellow-04,248 202 60))}:host([variant=warning]){--mds-badge-background:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning]):host([tone=weak]){--mds-badge-background:rgb(var(--status-warning-09,90 67 0));--mds-badge-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-warning-06,190 142 0));--mds-badge-color:rgb(var(--status-warning-04,255 200 33))}:host([variant=error]){--mds-badge-background:rgb(var(--status-error-04,254 193 189))}:host([variant=error]):host([tone=weak]){--mds-badge-background:rgb(var(--status-error-09,135 0 14));--mds-badge-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-error-06,239 108 105));--mds-badge-color:rgb(var(--status-error-04,254 193 189))}:host([variant=success]){--mds-badge-background:rgb(var(--status-success-04,158 222 181))}:host([variant=success]):host([tone=weak]){--mds-badge-background:rgb(var(--status-success-09,0 82 9));--mds-badge-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-success-06,0 171 97));--mds-badge-color:rgb(var(--status-success-04,158 222 181))}:host([variant=info]){--mds-badge-background:rgb(var(--status-info-04,159 216 241))}:host([variant=info]):host([tone=weak]){--mds-badge-background:rgb(var(--status-info-09,0 73 116));--mds-badge-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=outline]){--mds-badge-border-color:rgb(var(--status-info-06,0 161 208));--mds-badge-color:rgb(var(--status-info-04,159 216 241))}:host([variant=light]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0));--mds-badge-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=weak]){--mds-badge-background:rgb(var(--tone-neutral-10,60 60 60));--mds-badge-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=outline]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0));--mds-badge-color:rgb(var(--tone-neutral-02,244 244 244));--mds-badge-border-color:rgb(var(--tone-neutral-06,158 158 158))}:host([variant=dark]){--mds-badge-background:rgb(var(--tone-neutral-03,233 233 233));--mds-badge-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=dark]):host([tone=weak]){--mds-badge-background:rgb(var(--tone-neutral-10,60 60 60));--mds-badge-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=dark]):host([tone=outline]){--mds-badge-background:rgb(var(--tone-neutral,0 0 0));--mds-badge-color:rgb(var(--tone-neutral-02,244 244 244));--mds-badge-border-color:rgb(var(--tone-neutral-06,158 158 158))}:host([tone=outline]),:host([tone=text]){--mds-badge-background:#0000}:host([pref-animation=reduce]){--private-badge-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([tone=strong]),:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([tone=weak]){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host([pref-contrast=more]):host([tone=weak]){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host([pref-contrast=more][pref-theme=dark][tone=strong]),:host([pref-contrast=more][pref-theme=dark][tone=weak]){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-badge-transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([tone=strong]),:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([tone=weak]){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host([pref-contrast=more][pref-theme=system][tone=strong]),:host([pref-contrast=more][pref-theme=system][tone=weak]){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset}}@media (prefers-contrast:more){:host(:not([pref-contrast])):host([tone=weak]),:host([pref-contrast=system]){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host([pref-contrast=system][pref-theme=dark][tone=strong]),:host([pref-contrast=system][pref-theme=dark][tone=weak]){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:host([pref-contrast=system][pref-theme=system][tone=strong]),:host([pref-contrast=system][pref-theme=system][tone=weak]){-webkit-box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset;box-shadow:var(--shadow-outline-strong,#00000040 0 1px 1px,#00000021 0 0 1px 1px) inset}}'}},[257,"mds-badge",{label:[1537],variant:[513],tone:[513],typography:[513],prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32]},void 0,{label:[{labelChanged:0}]}]);function i(){"undefined"!=typeof customElements&&["mds-badge","mds-text"].forEach((a=>{switch(a){case"mds-badge":customElements.get(t(a))||customElements.define(t(a),l);break;case"mds-text":customElements.get(t(a))||b()}}))}export{l as M,i as d}

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");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}
+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{s as c}from"./preference.js";import{d as b}from"./mds-button2.js";import{d as l}from"./mds-icon2.js";import{d as m}from"./mds-spinner2.js";import{d as v}from"./mds-text2.js";var h={cancel:"Ακύρωση"},u={cancel:"Cancel"},g={cancel:"Cancelar"},p={cancel:"Annulla"};const x=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:h,en:u,es:g,it:p}),this.variant="primary",this.tone="weak",this.hideCockade=!1,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()}connectedCallback(){this.unsubscribePrefAnimation=c("animation",(a=>{this.prefAnimation=a})),this.unsubscribePrefContrast=c("contrast",(a=>{this.prefContrast=a})),this.unsubscribePrefTheme=c("theme",(a=>{this.prefTheme=a})),this.unsubscribePrefThemeScheme=c("theme-scheme",(a=>{this.prefThemeScheme=a}))}disconnectedCallback(){var a,r,n,e;null===(a=this.unsubscribePrefAnimation)||void 0===a||a.call(this),null===(r=this.unsubscribePrefContrast)||void 0===r||r.call(this),null===(n=this.unsubscribePrefTheme)||void 0===n||n.call(this),null===(e=this.unsubscribePrefThemeScheme)||void 0===e||e.call(this),this.km.detachClickBehavior()}variantHandler(a){this.setCloseButtonVariant(a)}render(){var a,r;return e(o,{key:"b02dca5f0390c5b8abcb39de54213ee9e1516095","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,"pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},e("div",{key:"acf3e7e9f787f83f6f7848def2b5e83131c351d0",class:"body"},this.icon&&e("mds-icon",{key:"459143ba8c980883419639d5ee9e86e0f5e86d38","aria-hidden":"true",class:"icon",name:this.icon}),e("div",{key:"1267fbd7179eb707f8badc49d51e4d0b6cea8675",class:"content"},this.headline&&e("mds-text",{key:"32c2d53ae4d739c228906743b04da2ef12fe9239","aria-hidden":"true",class:"headline",typography:"h6"},this.headline),e("div",{key:"5bf34c1cf8088b98822c6324e507021d4c4f9dcc",class:"text",part:"text"},e("slot",{key:"0bdc3974118c6966dfd04507bd2322bd0f33224e"}))),this.deletable&&e("mds-button",{key:"54f0619d64b3f12706d96205a41a118bb52a4c45",class:"close-button",icon:s,onClick:this.closeBanner,title:this.t.get("cancel"),variant:this.closeButtonVariant,tone:"text"})),this.actions&&e("div",{key:"6920ca28610c5ee19c79e7d635784c719e3fb3e4",class:"actions"},e("slot",{key:"2d9e43fb91a34f076ef40e3dd451baa49222d5e6",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 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))}}}: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;--private-banner-transition-duration:var(--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(--private-banner-transition-duration);transition-duration:var(--private-banner-transition-duration);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(:not([hide-cockade])) .icon,:host([hide-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(:not([hide-cockade])) .icon,:host([hide-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([pref-animation=reduce]){--private-banner-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host([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:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-banner-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){-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],hideCockade:[516,"hide-cockade"],deletable:[4],headline:[1],icon:[1],prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32],language:[32],closeButtonVariant:[32],updateLang:[64]},void 0,{variant:[{variantHandler:0}]}]);function f(){"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),x);break;case"mds-button":customElements.get(t(a))||b();break;case"mds-icon":customElements.get(t(a))||l();break;case"mds-spinner":customElements.get(t(a))||m();break;case"mds-text":customElements.get(t(a))||v()}}))}export{x as M,f 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=()=>{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}
+import{proxyCustomElement as s,HTMLElement as e,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 c}from"./mds-progress2.js";import{d as l}from"./mds-radial-progress2.js";import{d as n}from"./mds-text2.js";const m=s(class extends e{constructor(s){super(),!1!==s&&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(s){this.label=o(s)}render(){var s;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!==(s=this.alias)&&void 0!==s?s: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;: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((s=>{switch(s){case"mds-benchmark-bar":customElements.get(r(s))||customElements.define(r(s),m);break;case"mds-icon":customElements.get(r(s))||d();break;case"mds-progress":customElements.get(r(s))||c();break;case"mds-radial-progress":customElements.get(r(s))||l();break;case"mds-text":customElements.get(r(s))||n()}}))};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:"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}
+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 n=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(),n=""!==r[0].split(" ")[1]?r[0].split(" ")[1].trim():"";return{apa:this.fullNameAPA(o,n),firstName:o,lastName:n,mla:this.fullNameMLA(o,n),turabian:this.fullNameMLA(o,n)}},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 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))}}}: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));border-radius:var(--radius-lg,16px);color:var(--mds-bibliography-color,rgb(var(--tone-neutral-03,233 233 233)));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));-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;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.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}"}},[1,"mds-bibliography",{format:[1],author:[1],name:[1],publisher:[1],date:[1],location:[1],rel:[1],typography:[1],variant:[1],url:[1]}]),s=n,l=function(){"undefined"!=typeof customElements&&["mds-bibliography","mds-text"].forEach((t=>{switch(t){case"mds-bibliography":customElements.get(r(t))||customElements.define(r(t),n);break;case"mds-text":customElements.get(r(t))||o()}}))};export{s 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 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}
+import{proxyCustomElement as r,HTMLElement as t,createEvent as e,h as o,Host as b,transformTag as n}from"@stencil/core/internal/client";import{d}from"./mds-button2.js";import{d as a}from"./mds-icon2.js";import{d as s}from"./mds-spinner2.js";import{d as m}from"./mds-text2.js";const u=r(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.selectedEvent=e(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 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:#0000;--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}}}@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,#0000);--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,#0000);--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))||d();break;case"mds-icon":customElements.get(n(r))||a();break;case"mds-spinner":customElements.get(n(r))||s();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 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}
+import{proxyCustomElement as t,HTMLElement as r,createEvent as e,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 d}from"./keyboard-manager.js";import{L as i}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"},v={back:"Volver atrás"},p={back:"Indietro"};const g=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.changedEvent=e(this,"mdsBreadcrumbChange",7),this.kb=new d,this.t=new i({el:l,en:h,es:v,it:p}),this.hideBack=!1,this.queryItems=()=>this.element.querySelectorAll("mds-breadcrumb-item"),this.updateBackButton=t=>{var r;if(this.hideBack)return;const e=null===(r=this.element.shadowRoot)||void 0===r?void 0:r.querySelector(".back");if(0===t)return e.setAttribute("disabled",""),void this.kb.detachClickBehavior();e.removeAttribute("disabled"),this.kb.attachClickBehavior()},this.togglePrevious=()=>{const t=this.element.querySelector("mds-breadcrumb-item[selected]");if(!t)return;const r=Number(t.id.replace("item-","")),e=this.queryItems();let o=0;e.forEach(((t,e)=>{t.selected=e===r-1,t.selected&&(o=e)})),this.updateBackButton(o),this.onChanged(o,t)},this.onChanged=(t,r)=>{this.changedEvent.emit({id:""+t,caller:r})}}async updateLang(){this.language=this.t.lang(this.element)}componentDidLoad(){var t;this.queryItems().forEach(((t,r)=>t.id="item-"+r));const r=this.element.querySelector("mds-breadcrumb-item[selected]");if(r&&"item-0"!==r.id||this.updateBackButton(0),!this.hideBack){const r=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".back");this.kb.addElement(r),this.kb.attachClickBehavior()}}componentDidUpdate(){var t;if(!this.hideBack){const r=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".back");return this.kb.addElement(r),void this.kb.attachClickBehavior()}this.kb.detachClickBehavior()}componentWillRender(){this.t.lang(this.element)}disconnectedCallback(){this.kb.detachClickBehavior()}activedEventHandler(t){const r=this.queryItems();let e=0;r.forEach(((r,o)=>{r.selected="item-"+o===t.detail.id&&t.detail.selected,r.selected&&(e=o)})),this.updateBackButton(e),this.onChanged(e,t.target)}render(){return o(s,{key:"816f24af4192b1e5fb296887f817fbdde2a3fb68"},!this.hideBack&&o("mds-button",{key:"75c612c333cc14a018500bd3fc14ccff835ad642",title:this.t.get("back"),class:"back",tone:"text",variant:"dark",icon:n,onClick:this.togglePrevious}),o("slot",{key:"49aa5944b4553e82bf19d34bde70adc14aee0ccc"}))}get element(){return this}static get style(){return'@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:#0000;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-button-background:#0000;--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))}}}: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:#0000;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-breadcrumb-button-background:#0000;--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}'}},[257,"mds-breadcrumb",{hideBack:[4,"hide-back"],language:[32],updateLang:[64]},[[0,"mdsBreadcrumbItemSelect","activedEventHandler"]]]),k=g,f=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,f 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 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}
+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 i}from"./mds-button2.js";import{d}from"./mds-dropdown2.js";import{d as e}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 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)}}}: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))||i();break;case"mds-dropdown":customElements.get(s(t))||d();break;case"mds-icon":customElements.get(s(t))||e();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:"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}
+import{proxyCustomElement as t,HTMLElement as e,h as o,Host as r,transformTag as s}from"@stencil/core/internal/client";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return o(r,{key:"5d7393600c1a9fc3a9502649980eccab9eee6655"},o("slot",{key:"b84075fa821e0fff692a64ced68b683841cbd447"}))}static get style(){return"@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}::slotted(mds-button:not(:first-child)){border-bottom-left-radius:0;border-top-left-radius:0}::slotted(mds-button:not(:last-child)){border-bottom-right-radius:0;border-top-right-radius:0}:host{display:inline-flex;gap:calc(var(--spacing,.0025rem)*50)}"}},[257,"mds-button-group"]),d=n,i=function(){"undefined"!=typeof customElements&&["mds-button-group"].forEach((t=>{"mds-button-group"===t&&(customElements.get(s(t))||customElements.define(s(t),n))}))};export{d as MdsButtonGroup,i as defineCustomElement}