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

package/dist/collection/storybook/color-scale.stories.js

@@ -457,7 +457,7 @@ const ColorScaleCanvas = () => {
             toneEl.removeEventListener('mdsInputSelectChange', handleToneChange);
         };
     }, []);
-    return (h("div", { class: "grid-cols-full grid desktop:grid-cols-[3fr_2fr] gap-600" }, h("mds-accordion", { class: "auto-rows-min", closable: false, multiple: true }, colorGroups.map((group) => (h(ColorGrid, { group: group, selected: group === 'tone' })))), h("div", { class: "sticky top-0 self-start p-600 grid gap-600 grid-cols-full" }, h("div", { class: "grid gap-600 grid-cols-2" }, h("mds-input-field", { label: "group", class: "col-span-2" }, h("mds-input-select", { id: "color-scale-group-select", value: selectedGroup, ref: groupSelectRef }, colorGroups.map((group) => (h("option", { value: group }, capitalize(group)))))), h("mds-input-field", { label: "variant" }, h("mds-input-select", { id: "color-scale-variant-select", value: selectedVariantKey, ref: variantSelectRef }, variantOptions.map((name) => (h("option", { value: name }, capitalize(name)))))), h("mds-input-field", { label: "tone" }, h("mds-input-select", { id: "color-scale-tone-select", value: selectedTone, ref: toneSelectRef }, variantTones.map((name) => (h("option", { value: name }, capitalize(name))))))), h(ComponentVariants, { variant: selectedVariant, tone: selectedTone }))));
+    return (h("div", { class: "grid-cols-full grid desktop:grid-cols-[3fr_2fr] gap-600" }, h("mds-accordion", { class: "auto-rows-min", "disable-close": true, multiple: true }, colorGroups.map((group) => (h(ColorGrid, { group: group, selected: group === 'tone' })))), h("div", { class: "sticky top-0 self-start p-600 grid gap-600 grid-cols-full" }, h("div", { class: "grid gap-600 grid-cols-2" }, h("mds-input-field", { label: "group", class: "col-span-2" }, h("mds-input-select", { id: "color-scale-group-select", value: selectedGroup, ref: groupSelectRef }, colorGroups.map((group) => (h("option", { value: group }, capitalize(group)))))), h("mds-input-field", { label: "variant" }, h("mds-input-select", { id: "color-scale-variant-select", value: selectedVariantKey, ref: variantSelectRef }, variantOptions.map((name) => (h("option", { value: name }, capitalize(name)))))), h("mds-input-field", { label: "tone" }, h("mds-input-select", { id: "color-scale-tone-select", value: selectedTone, ref: toneSelectRef }, variantTones.map((name) => (h("option", { value: name }, capitalize(name))))))), h(ComponentVariants, { variant: selectedVariant, tone: selectedTone }))));
 };
 const Template = () => h(ColorScaleCanvas, null);
 export const ColorScale = {

package/dist/components/floating-controller.js

@@ -1 +1 @@
-import{a as t,o as s,f as i,s as r,b as e,c as a,d as o}from"./floating-ui.dom.js";import{c as h}from"./unit.js";import{s as n}from"./aria.js";class c{constructor(o,h){this.arrowInset=(t,s)=>{const{arrow:i}=t,r={bottom:"",left:"",right:"",top:""};if(void 0===i)return{};switch(s){case"bottom":r.left=null!==i.x?`${i.x}px`:"",r.top="100%";break;case"left":r.right="100%",r.top=null!==i.y?`${i.y}px`:"";break;case"right":r.left="100%",r.top=null!==i.y?`${i.y}px`:"";break;case"top":r.left=null!==i.x?`${i.x}px`:"",r.top=""}return r},this.arrowTransform=t=>{let s=this._host.arrow&&this._host.visible?"scale(1)":"scale(0)";switch(t){case"bottom":s=`rotate(180deg) ${s} translate(0, -100%)`;break;case"left":s=`rotate(-90deg) ${s} translate(50%, -50%)`;break;case"right":s=`rotate(90deg) ${s} translate(-50%, -50%)`;break;case"top":s=`rotate(0deg) ${s} translate(0, 0)`}return{transform:s}},this.arrowTransformOrigin=t=>{switch(t){case"bottom":default:return{transformOrigin:"center top"};case"left":return{transformOrigin:"right center"};case"right":return{transformOrigin:"left center"};case"top":return{transformOrigin:"center bottom"}}},this.convertToTransformOrigin=t=>({top:"center bottom",right:"left center",bottom:"center top",left:"right center","bottom-end":"top right","bottom-start":"top left","left-end":"right bottom","left-start":"right top","right-end":"left bottom","right-start":"left top","top-end":"bottom right","top-start":"bottom left"}[t]),this.calculatePosition=()=>{if(!this._caller)return;const o=new Array,h={};this._host.shiftPadding&&(h.padding=this._host.shiftPadding),this._host.autoPlacement&&o.push(t()),this._host.offset&&o.push(s(this._host.offset)),!this._host.autoPlacement&&this._host.flip&&o.push(i(h)),this._host.shift&&o.push(r(h)),this.arrowEl&&this._host.arrow&&o.push(e({element:this.arrowEl,padding:this._host.arrowPadding})),a(this._caller,this._host,{middleware:o,placement:this._host.placement,strategy:this._host.strategy}).then((({x:t,y:s,placement:i,middlewareData:r})=>{Object.assign(this._host.style,{left:`${t}px`,top:`${s}px`,transformOrigin:this.convertToTransformOrigin(i),position:this._host.strategy});const e={},a={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];a&&this.arrowEl&&(Object.assign(e,this.arrowTransform(a)),Object.assign(e,this.arrowInset(r,a)),Object.assign(e,this.arrowTransformOrigin(a)),Object.assign(this.arrowEl.style,e))}))},this._host=o,this.arrowEl=h}updateCaller(t){var s,i,r;const e=null!==(r=null===(i=null===(s=this._host.parentElement)||void 0===s?void 0:s.shadowRoot)||void 0===i?void 0:i.querySelector(t))&&void 0!==r?r:this._host.getRootNode().querySelector(t);if(!e)throw Error(`Target not found: ${t}`);return this._caller=e,n(this._caller,"aria-haspopup","true"),n(this._caller,"aria-controls",t),n(this._host,"role","menu"),n(this._host,"aria-labelledby",t),e}updatePosition(){this._host.visible&&(this.dismiss(),this.cleanupAutoUpdate=o(this._caller,this._host,this.calculatePosition))}dismiss(){this.cleanupAutoUpdate&&this.cleanupAutoUpdate()}}class l{constructor(t){this.defaultBackdropId="magma-backdrop",this.backdropBackgroundVisible="rgba(var(--magma-backdrop-color, 0 0 0) / var(--magma-backdrop-opacity, 0.1))",this.backdropBackgroundHidden="rgba(var(--magma-backdrop-color, 0 0 0) / 0)",this.backdropId=null!=t?t:this.defaultBackdropId,this.cssBackdropZIndex=`var(--${this.backdropId}-z-index, 4000)`,this.cssBackdropDuration=`var(--${this.backdropId}-animation-duration, 300ms)`}attachBackdrop(){this.backdropEl||(this.backdropEl=document.createElement("div"),this.backdropEl.className=this.backdropId,this.backdropEl.style.inset="0",this.backdropEl.style.pointerEvents="none",this.backdropEl.style.position="fixed",this.backdropEl.style.transition=`background-color ${this.cssBackdropDuration} ease-out`,this.backdropEl.style.zIndex=this.cssBackdropZIndex),this.backdropEl.style.backgroundColor=this.backdropBackgroundHidden,document.body.appendChild(this.backdropEl),clearTimeout(this.backdropTimer),this.backdropTimer=setTimeout((()=>{this.backdropEl.style.backgroundColor=this.backdropBackgroundVisible}),1)}detachBackdrop(){this.backdropEl&&(this.backdropEl.style.backgroundColor="transparent",clearTimeout(this.backdropTimer),this.backdropTimer=setTimeout((()=>{this.backdropEl.remove()}),h(this.cssBackdropDuration)))}}export{l as B,c as F}
+import{a as t,o as s,f as i,s as r,b as e,c as a,d as o}from"./floating-ui.dom.js";import{c as h}from"./unit.js";import{s as n}from"./aria.js";class c{constructor(o,h){this.arrowInset=(t,s)=>{const{arrow:i}=t,r={bottom:"",left:"",right:"",top:""};if(void 0===i)return{};switch(s){case"bottom":r.left=null!==i.x?`${i.x}px`:"",r.top="100%";break;case"left":r.right="100%",r.top=null!==i.y?`${i.y}px`:"";break;case"right":r.left="100%",r.top=null!==i.y?`${i.y}px`:"";break;case"top":r.left=null!==i.x?`${i.x}px`:"",r.top=""}return r},this.arrowTransform=t=>{let s=!this._host.hideArrow&&this._host.visible?"scale(1)":"scale(0)";switch(t){case"bottom":s=`rotate(180deg) ${s} translate(0, -100%)`;break;case"left":s=`rotate(-90deg) ${s} translate(50%, -50%)`;break;case"right":s=`rotate(90deg) ${s} translate(-50%, -50%)`;break;case"top":s=`rotate(0deg) ${s} translate(0, 0)`}return{transform:s}},this.arrowTransformOrigin=t=>{switch(t){case"bottom":default:return{transformOrigin:"center top"};case"left":return{transformOrigin:"right center"};case"right":return{transformOrigin:"left center"};case"top":return{transformOrigin:"center bottom"}}},this.convertToTransformOrigin=t=>({top:"center bottom",right:"left center",bottom:"center top",left:"right center","bottom-end":"top right","bottom-start":"top left","left-end":"right bottom","left-start":"right top","right-end":"left bottom","right-start":"left top","top-end":"bottom right","top-start":"bottom left"}[t]),this.calculatePosition=()=>{if(!this._caller)return;const o=new Array,h={};this._host.shiftPadding&&(h.padding=this._host.shiftPadding),this._host.disableAutoPlacement||o.push(t()),this._host.offset&&o.push(s(this._host.offset)),this._host.disableAutoPlacement&&this._host.flip&&o.push(i(h)),this._host.disableShift||o.push(r(h)),this.arrowEl&&!this._host.hideArrow&&o.push(e({element:this.arrowEl,padding:this._host.arrowPadding})),a(this._caller,this._host,{middleware:o,placement:this._host.placement,strategy:this._host.strategy}).then((({x:t,y:s,placement:i,middlewareData:r})=>{Object.assign(this._host.style,{left:`${t}px`,top:`${s}px`,transformOrigin:this.convertToTransformOrigin(i),position:this._host.strategy});const e={},a={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];a&&this.arrowEl&&(Object.assign(e,this.arrowTransform(a)),Object.assign(e,this.arrowInset(r,a)),Object.assign(e,this.arrowTransformOrigin(a)),Object.assign(this.arrowEl.style,e))}))},this._host=o,this.arrowEl=h}updateCaller(t){var s,i,r;const e=null!==(r=null===(i=null===(s=this._host.parentElement)||void 0===s?void 0:s.shadowRoot)||void 0===i?void 0:i.querySelector(t))&&void 0!==r?r:this._host.getRootNode().querySelector(t);if(!e)throw Error(`Target not found: ${t}`);return this._caller=e,n(this._caller,"aria-haspopup","true"),n(this._caller,"aria-controls",t),n(this._host,"role","menu"),n(this._host,"aria-labelledby",t),e}updatePosition(){this._host.visible&&(this.dismiss(),this.cleanupAutoUpdate=o(this._caller,this._host,this.calculatePosition))}dismiss(){this.cleanupAutoUpdate&&this.cleanupAutoUpdate()}}class l{constructor(t){this.defaultBackdropId="magma-backdrop",this.backdropBackgroundVisible="rgba(var(--magma-backdrop-color, 0 0 0) / var(--magma-backdrop-opacity, 0.1))",this.backdropBackgroundHidden="rgba(var(--magma-backdrop-color, 0 0 0) / 0)",this.backdropId=null!=t?t:this.defaultBackdropId,this.cssBackdropZIndex=`var(--${this.backdropId}-z-index, 4000)`,this.cssBackdropDuration=`var(--${this.backdropId}-animation-duration, 300ms)`}attachBackdrop(){this.backdropEl||(this.backdropEl=document.createElement("div"),this.backdropEl.className=this.backdropId,this.backdropEl.style.inset="0",this.backdropEl.style.pointerEvents="none",this.backdropEl.style.position="fixed",this.backdropEl.style.transition=`background-color ${this.cssBackdropDuration} ease-out`,this.backdropEl.style.zIndex=this.cssBackdropZIndex),this.backdropEl.style.backgroundColor=this.backdropBackgroundHidden,document.body.appendChild(this.backdropEl),clearTimeout(this.backdropTimer),this.backdropTimer=setTimeout((()=>{this.backdropEl.style.backgroundColor=this.backdropBackgroundVisible}),1)}detachBackdrop(){this.backdropEl&&(this.backdropEl.style.backgroundColor="transparent",clearTimeout(this.backdropTimer),this.backdropTimer=setTimeout((()=>{this.backdropEl.remove()}),h(this.cssBackdropDuration)))}}export{l as B,c as F}

package/dist/components/icons-set.service.js

@@ -0,0 +1 @@
+function t(t){return new Promise(((e,n)=>{t.oncomplete=t.onsuccess=()=>e(t.result),t.onabort=t.onerror=()=>n(t.error)}))}let e;function n(){return e||(e=function(e,n){const s=indexedDB.open("keyval-store");s.onupgradeneeded=()=>s.result.createObjectStore(n);const r=t(s);return(t,e)=>r.then((s=>e(s.transaction(n,t).objectStore(n))))}(0,"keyval")),e}class s{resolveIconName(t){return this._resolveIconName(t,this.name,this.path)}constructor(t,e,n){this.name=t,this.path=e,this._resolveIconName=n}get resolver(){return this._resolveIconName}}const r=Symbol.for("@maggioli-design-system/magma:mdsIconSvgPath"),i=new class{constructor(){this._svgPathKey="mdsIconSvgPath",this._iconsSets=new Map,this._svgPathUpdate="mdsIconSvgPathUpdate",this.cacheExp=864e5,this.listeners=[],this.memoryCache={},this.isCacheAvailable=async e=>{try{const s=await function(e,s=n()){return s("readonly",(n=>t(n.get(e))))}(`loader_${e}`);if(!s)return!1;const r=JSON.parse(s);return Date.now()<r.expiry?r.data:(function(e,s=n()){s("readwrite",(n=>(n.delete(e),t(n.transaction))))}(`loader_${e}`),!1)}catch(t){return console.error("isCacheAvailable error",t),!1}},this.setCache=async(e,s)=>{try{await function(e,s,r=n()){return r("readwrite",(n=>(n.put(s,e),t(n.transaction))))}(`loader_${e}`,JSON.stringify({data:s,expiry:Date.now()+this.cacheExp}))}catch(t){console.error("setCache error",t)}},this.setUpListener()}get _svgPath(){var t;return"undefined"==typeof globalThis?"":null!==(t=globalThis[r])&&void 0!==t?t:""}set _svgPath(t){"undefined"!=typeof globalThis&&(globalThis[r]=t)}addIconSet(t,e,n){let r=n;const i=this._iconsSets.get(t);if(!r&&i&&"function"==typeof i.resolver)r=i.resolver;else{if(r&&"function"!=typeof r)return console.error("MdsIconSvg: the third input of addIconSet should be a function that parses and returns the icons's filename."),!1;if(!r)return console.error(`MdsIconSvg: the set ${t} needs a resolve function for the icon names.`),!1}return this._iconsSets.set(t,new s(t,e,r)),!0}getIconSet(t){return t?{set:this._iconsSets.get(t.split("/")[0])}:{set:null}}setSvgPath(t){const e=/^(((https?:\/\/)?[.\w]+(:\d+)?)|\/)([\w/-]+)*/.exec(t);if(!e)throw Error(`Svg path not recognize ${t}, ensure is a absolute path starting with '/' or a url`);"undefined"!=typeof window&&(this._svgPath=e[1]?e[0]:window.location.origin.concat(e[0]),window.dispatchEvent(new Event(this._svgPathUpdate)))}getSvgPath(){return this._svgPath}registerListener(t){this.listeners.push(t)}setUpListener(){"undefined"!=typeof window&&window.addEventListener(this._svgPathUpdate,(()=>{for(const t of this.listeners)t()}))}async fetchSvg(t){var e;try{if(!this._svgPath&&"undefined"==typeof window)throw Error("Cant find svgPath, ensure you set it");if(!this._svgPath){let t="";try{t=null!==(e=window.sessionStorage.getItem(i._svgPathKey))&&void 0!==e?e:""}catch(t){}t&&this.setSvgPath(t)}const n=this._svgPath&&!t.startsWith("http")?this._svgPath.concat(t,".svg"):t,s=await this.isCacheAvailable(n);if(this.memoryCache[n]||s)return this.memoryCache[n]||s;const r=await fetch(n);if(!r.ok)throw Error(`Request for '${n}' returned ${r.status} (${r.statusText})`);const o=await r.text(),a=o.toLowerCase().trim();if(!a.startsWith("<svg")&&!a.startsWith("<?xml"))throw Error(`Resource '${n}' returned an invalid SVG file`);return this.setCache(n,o),this.memoryCache[n]=o,o}catch(t){return console.error("fetchSvg error",t),""}}};export{i as I}

package/dist/components/index.d.ts

@@ -31,3 +31,5 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export * from '../types';

package/dist/components/index.js

@@ -1 +1 @@
-export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";
+export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";export{I as IconsSetService}from"./icons-set.service.js";

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

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,createEvent as r,h as e,Host as i,transformTag as a}from"@stencil/core/internal/client";import{m as n}from"./keyboard-arrow-right.js";import{d}from"./mds-text2.js";const c=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.selectedEvent=r(this,"mdsAccordionItemSelect",7),this.unselectedEvent=r(this,"mdsAccordionItemUnselect",7),this.changedEvent=r(this,"mdsAccordionItemChange",7),this.typography="h5",this.toggle=()=>{this.selected=!this.selected,this.changedEvent.emit({id:this.element.id,selected:this.selected}),this.selected?this.selectedEvent.emit({id:this.element.id,selected:this.selected}):this.unselectedEvent.emit({id:this.element.id,selected:this.selected})}}render(){return e(i,{key:"bbbd0e2fb054337847f318e13bff5a9d5f836f12"},e("button",{key:"e32a97a11a080c26c9783e7f9653c7df5bd46c98","aria-controls":"content","aria-expanded":this.selected?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},e("mds-text",{key:"d66dc3923030828e734bd0b31021980dc2de5a97",typography:this.typography,part:"label"},this.label),e("mds-text",{key:"fb7b0ca39023ddf53bad7edf68464d62f6f0caa7","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},e("i",{key:"df38dae6c7d8f27ca4e000bc8bc18a9f8575f76c",class:"icon",innerHTML:n}))),e("div",{key:"8a932338cd7b4c87dca040d3730edbddfd1770d9",class:"content",id:"content"},e("div",{key:"7314748049721c8c9c243e3135545e5265f9493e","aria-labelledby":"action",class:"content-expander",part:"content",role:"region"},e("slot",{key:"512b542a030897e6611612ae100e6b5f200f1e4a"}))))}get element(){return this}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)))){*,::backdrop,:after,:before{--mds-accordion-item-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-item-border-width:2px;--mds-accordion-item-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-item-description-color:rgb(var(--tone-neutral-02,244 244 244));--mds-accordion-item-duration:.3s;--mds-accordion-item-padding-selected:1rem 0 2rem 0;--mds-accordion-item-padding-unselected:1rem 0 1rem 0;--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,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-accordion-item-border-width{syntax:"<length>";inherits:false;initial-value:2px}@property --mds-accordion-item-duration{syntax:"<time>";inherits:false;initial-value:.3s}@property --mds-accordion-item-padding-selected{syntax:"<length>+";inherits:false;initial-value:1rem 0 2rem 0}@property --mds-accordion-item-padding-unselected{syntax:"<length>+";inherits:false;initial-value:1rem 0 1rem 0}:host{--mds-accordion-item-border-color:var(--mds-accordion-border-color,rgb(var(--tone-neutral-08,107 107 107)));--mds-accordion-item-border-width:var(--mds-accordion-border-width,2px);--mds-accordion-item-color:var(--mds-accordion-color,rgb(var(--tone-neutral-03,233 233 233)));--mds-accordion-item-description-color:var(--mds-accordion-description-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-accordion-item-duration:var(--mds-accordion-duration,.3s);--mds-accordion-item-padding-selected:var(--mds-accordion-padding-selected,calc(var(--spacing,.0025rem)*400) 0 calc(var(--spacing,.0025rem)*800) 0);--mds-accordion-item-padding-unselected:var(--mds-accordion-padding-unselected,calc(var(--spacing,.0025rem)*400) 0 calc(var(--spacing,.0025rem)*400) 0);border-bottom:var(--mds-accordion-item-border-width,2px) solid transparent;border-top:var(--mds-accordion-item-border-width,2px) solid transparent;color:var(--mds-accordion-item-color,rgb(var(--tone-neutral-03,233 233 233)));display:grid;fill:var(--mds-accordion-item-color,rgb(var(--tone-neutral-03,233 233 233)));margin-top:calc(var(--mds-accordion-item-border-width,2px)*-1);padding:var(--mds-accordion-item-padding-unselected,1rem 0 1rem 0);position:relative;-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:background-color,border-color,color,fill,margin,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}:host(:first-child){margin-top:0}.action{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));background-color:#0000;border:0;border-radius:var(--radius-md,12px);color:var(--mds-accordion-item-description-color,rgb(var(--tone-neutral-02,244 244 244)));cursor:pointer;display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;grid-template-columns:auto 24px;outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));padding:0;text-align:left;transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.action:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.icon-button{--tw-font-weight:var(--font-weight-normal,400);display:block;font-weight:var(--font-weight-normal,400)}.content{display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-rows:0fr;min-height:0;opacity:0;overflow:hidden;padding-top:0;-webkit-transition-duration:var(--mds-accordion-item-duration,.3s);transition-duration:var(--mds-accordion-item-duration,.3s);transition-property:grid-template-rows,opacity,padding,-ms-grid-rows;-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))}.content-expander{display:grid;grid-template-columns:minmax(0,100%);min-height:0;-webkit-transition-duration:var(--mds-accordion-item-duration,.3s);transition-duration:var(--mds-accordion-item-duration,.3s);transition-property:opacity,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.icon{display:flex;fill:var(--mds-accordion-item-color,rgb(var(--tone-neutral-03,233 233 233)));transform:rotate(0);-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host([selected]:not([selected=false])){border-bottom:var(--mds-accordion-item-border-width,2px) solid var(--mds-accordion-item-border-color,rgb(var(--tone-neutral-08,107 107 107)));border-top:var(--mds-accordion-item-border-width,2px) solid var(--mds-accordion-item-border-color,rgb(var(--tone-neutral-08,107 107 107)));padding:var(--mds-accordion-item-padding-selected,1rem 0 2rem 0)}:host([selected]:not([selected=false]):first-child){border-top-color:#0000;margin-top:0}:host([selected]:not([selected=false]):last-child){border-bottom-color:#0000;margin-bottom:0}:host([selected]:not([selected=false])) .content{grid-template-rows:1fr;opacity:1;padding-top:calc(var(--spacing,.0025rem)*400)}:host([selected]:not([selected=false])) .icon{transform:rotate(90deg)}:host-context(:root.pref-animation-reduce){--mds-accordion-item-duration:var(--mds-accordion-duration,0s);transition-duration:0s}:host-context(:root.pref-animation-reduce) .icon{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-accordion-item-border-color:var(--mds-accordion-border-color,rgb(var(--tone-neutral-06,158 158 158)))}:host-context(:root.pref-contrast-more){--mds-accordion-item-border-color:var(--mds-accordion-border-color,rgb(var(--tone-neutral-01,255 255 255)));--mds-accordion-item-color:var(--mds-accordion-color,rgb(var(--tone-neutral-01,255 255 255)))}@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]))){--mds-accordion-item-duration:var(--mds-accordion-duration,0s);transition-duration:0s}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon{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]))){--mds-accordion-item-border-color:var(--mds-accordion-border-color,rgb(var(--tone-neutral-06,158 158 158)))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-accordion-item-border-color:var(--mds-accordion-border-color,rgb(var(--tone-neutral-01,255 255 255)));--mds-accordion-item-color:var(--mds-accordion-color,rgb(var(--tone-neutral-01,255 255 255)))}}'}},[257,"mds-accordion-item",{typography:[1],selected:[1540],label:[1]}]),s=c,m=function(){"undefined"!=typeof customElements&&["mds-accordion-item","mds-text"].forEach((t=>{switch(t){case"mds-accordion-item":customElements.get(a(t))||customElements.define(a(t),c);break;case"mds-text":customElements.get(a(t))||d()}}))};export{s as MdsAccordionItem,m as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as o,createEvent as i,h as e,Host as r,transformTag as a}from"@stencil/core/internal/client";import{m as n}from"./keyboard-arrow-right.js";import{s as d}from"./preference.js";import{d as c}from"./mds-text2.js";const s=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.selectedEvent=i(this,"mdsAccordionItemSelect",7),this.unselectedEvent=i(this,"mdsAccordionItemUnselect",7),this.changedEvent=i(this,"mdsAccordionItemChange",7),this.typography="h5",this.toggle=()=>{this.selected=!this.selected,this.changedEvent.emit({id:this.element.id,selected:this.selected}),this.selected?this.selectedEvent.emit({id:this.element.id,selected:this.selected}):this.unselectedEvent.emit({id:this.element.id,selected:this.selected})}}connectedCallback(){this.unsubscribePrefAnimation=d("animation",(t=>{this.prefAnimation=t})),this.unsubscribePrefContrast=d("contrast",(t=>{this.prefContrast=t})),this.unsubscribePrefTheme=d("theme",(t=>{this.prefTheme=t})),this.unsubscribePrefThemeScheme=d("theme-scheme",(t=>{this.prefThemeScheme=t}))}disconnectedCallback(){var t,o,i,e;null===(t=this.unsubscribePrefAnimation)||void 0===t||t.call(this),null===(o=this.unsubscribePrefContrast)||void 0===o||o.call(this),null===(i=this.unsubscribePrefTheme)||void 0===i||i.call(this),null===(e=this.unsubscribePrefThemeScheme)||void 0===e||e.call(this)}render(){return e(r,{key:"7b7e70c10cad91e1ec770f45167678e9eecd1d71","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},e("button",{key:"364db696fed629520dfa4199162a3ac84efa22e6","aria-controls":"content","aria-expanded":this.selected?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},e("mds-text",{key:"837db44c49d46677057f81f5e5c387180697082c",typography:this.typography,part:"label"},this.label),e("mds-text",{key:"49088fbc9e1de2e5cc9376042a6690289ac2c8e9","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},e("i",{key:"8e189cc02eeb3ded80561409c01a1b35e9372d82",class:"icon",innerHTML:n}))),e("div",{key:"cf8717811a3f4e3b2216bd8ab95114a83fa20316",class:"content",id:"content"},e("div",{key:"5bef366096aee3cecebb9382721b1415fcfe48d6","aria-labelledby":"action",class:"content-expander",part:"content",role:"region"},e("slot",{key:"1dbcf23841df112d2d9d3cfa6e3909d7d9b284eb"}))))}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)))){*,::backdrop,:after,:before{--mds-accordion-item-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-item-border-width:2px;--mds-accordion-item-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-item-description-color:rgb(var(--tone-neutral-02,244 244 244));--mds-accordion-item-duration:.3s;--mds-accordion-item-padding-selected:1rem 0 2rem 0;--mds-accordion-item-padding-unselected:1rem 0 1rem 0;--tw-font-weight:initial}}}@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))),:is(mds-button,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-accordion-item-border-width{syntax:"<length>";inherits:false;initial-value:2px}@property --mds-accordion-item-duration{syntax:"<time>";inherits:false;initial-value:.3s}@property --mds-accordion-item-padding-selected{syntax:"<length>+";inherits:false;initial-value:1rem 0 2rem 0}@property --mds-accordion-item-padding-unselected{syntax:"<length>+";inherits:false;initial-value:1rem 0 1rem 0}:host{--mds-accordion-item-border-color:var(--mds-accordion-border-color,rgb(var(--tone-neutral-08,107 107 107)));--mds-accordion-item-border-width:var(--mds-accordion-border-width,2px);--mds-accordion-item-color:var(--mds-accordion-color,rgb(var(--tone-neutral-03,233 233 233)));--mds-accordion-item-description-color:var(--mds-accordion-description-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-accordion-item-duration:var(--mds-accordion-duration,.3s);--private-accordion-item-duration:var(--mds-accordion-item-duration,.3s);--mds-accordion-item-transition-duration:var(--duration-500,.5s);--private-accordion-item-transition-duration:var(--mds-accordion-item-transition-duration);--mds-accordion-item-padding-selected:var(--mds-accordion-padding-selected,calc(var(--spacing,.0025rem)*400) 0 calc(var(--spacing,.0025rem)*800) 0);--mds-accordion-item-padding-unselected:var(--mds-accordion-padding-unselected,calc(var(--spacing,.0025rem)*400) 0 calc(var(--spacing,.0025rem)*400) 0);border-bottom:var(--mds-accordion-item-border-width,2px) solid #0000;border-top:var(--mds-accordion-item-border-width,2px) solid #0000;color:var(--mds-accordion-item-color,rgb(var(--tone-neutral-03,233 233 233)));display:grid;fill:var(--mds-accordion-item-color,rgb(var(--tone-neutral-03,233 233 233)));margin-top:calc(var(--mds-accordion-item-border-width,2px)*-1);padding:var(--mds-accordion-item-padding-unselected,1rem 0 1rem 0);position:relative;-webkit-transition-duration:var(--private-accordion-item-transition-duration);transition-duration:var(--private-accordion-item-transition-duration);transition-property:background-color,border-color,color,fill,margin,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}:host(:first-child){margin-top:0}.action{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));background-color:#0000;border:0;border-radius:var(--radius-md,12px);color:var(--mds-accordion-item-description-color,rgb(var(--tone-neutral-02,244 244 244)));cursor:pointer;display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;grid-template-columns:auto 24px;outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));padding:0;text-align:left;transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.action:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.icon-button{--tw-font-weight:var(--font-weight-normal,400);display:block;font-weight:var(--font-weight-normal,400)}.content{display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-rows:0fr;min-height:0;opacity:0;overflow:hidden;padding-top:0;-webkit-transition-duration:var(--private-accordion-item-duration);transition-duration:var(--private-accordion-item-duration);transition-property:grid-template-rows,opacity,padding,-ms-grid-rows;-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))}.content-expander{display:grid;grid-template-columns:minmax(0,100%);min-height:0;-webkit-transition-duration:var(--private-accordion-item-duration);transition-duration:var(--private-accordion-item-duration);transition-property:opacity,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.icon{display:flex;fill:var(--mds-accordion-item-color,rgb(var(--tone-neutral-03,233 233 233)));transform:rotate(0);-webkit-transition-duration:var(--private-accordion-item-transition-duration);transition-duration:var(--private-accordion-item-transition-duration);transition-property:transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host([selected]:not([selected=false])){border-bottom:var(--mds-accordion-item-border-width,2px) solid var(--mds-accordion-item-border-color,rgb(var(--tone-neutral-08,107 107 107)));border-top:var(--mds-accordion-item-border-width,2px) solid var(--mds-accordion-item-border-color,rgb(var(--tone-neutral-08,107 107 107)));padding:var(--mds-accordion-item-padding-selected,1rem 0 2rem 0)}:host([selected]:not([selected=false]):first-child){border-top-color:#0000;margin-top:0}:host([selected]:not([selected=false]):last-child){border-bottom-color:#0000;margin-bottom:0}:host([selected]:not([selected=false])) .content{grid-template-rows:1fr;opacity:1;padding-top:calc(var(--spacing,.0025rem)*400)}:host([selected]:not([selected=false])) .icon{transform:rotate(90deg)}:host([pref-animation=reduce]){--private-accordion-item-duration:0s;--private-accordion-item-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-accordion-item-border-color:var(--mds-accordion-border-color,rgb(var(--tone-neutral-06,158 158 158)))}:host([pref-contrast=more]){--mds-accordion-item-border-color:var(--mds-accordion-border-color,rgb(var(--tone-neutral-01,255 255 255)));--mds-accordion-item-color:var(--mds-accordion-color,rgb(var(--tone-neutral-01,255 255 255)))}@property --tw-font-weight{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-accordion-item-duration:0s;--private-accordion-item-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-accordion-item-border-color:var(--mds-accordion-border-color,rgb(var(--tone-neutral-06,158 158 158)))}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-accordion-item-border-color:var(--mds-accordion-border-color,rgb(var(--tone-neutral-01,255 255 255)));--mds-accordion-item-color:var(--mds-accordion-color,rgb(var(--tone-neutral-01,255 255 255)))}}'}},[257,"mds-accordion-item",{typography:[1],selected:[1540],label:[1],prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32]}]),m=s,l=function(){"undefined"!=typeof customElements&&["mds-accordion-item","mds-text"].forEach((t=>{switch(t){case"mds-accordion-item":customElements.get(a(t))||customElements.define(a(t),s);break;case"mds-text":customElements.get(a(t))||c()}}))};export{m as MdsAccordionItem,l as defineCustomElement}

package/dist/components/mds-accordion-timer-item.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as r,h as i,Host as o,transformTag as s}from"@stencil/core/internal/client";import{m as a}from"./keyboard-arrow-right.js";import{d as n}from"./mds-icon2.js";import{d as c}from"./mds-progress2.js";import{d}from"./mds-radial-progress2.js";import{d as m}from"./mds-text2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.clickSelectEvent=r(this,"mdsAccordionTimerItemClickSelect",7),this.selectEvent=r(this,"mdsAccordionTimerItemSelect",7),this.selectedMouseEnterEvent=r(this,"mdsAccordionTimerItemMouseEnterSelect",7),this.selectedMouseLeaveEvent=r(this,"mdsAccordionTimerItemMouseLeaveSelect",7),this.typography="h5",this.selected=!1,this.progress=0,this.uuid=0,this.toggle=()=>{this.selected=!this.selected,this.progress=0,this.selected&&this.clickSelectEvent.emit({selected:this.selected,uuid:this.uuid})},this.mouseEnter=()=>{this.selected&&this.selectedMouseEnterEvent.emit({selected:this.selected,uuid:this.uuid})},this.mouseLeave=()=>{this.selected&&this.selectedMouseLeaveEvent.emit({selected:this.selected,uuid:this.uuid})}}handleSelected(e){this.progress=0,e&&this.selectEvent.emit({selected:this.selected,uuid:this.uuid})}render(){var e;return i(o,{key:"e60d0ab86bb47b64dc7b21bdae10c8ed11e902b5",onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},i("div",{key:"fc6012667a251010fc868b9dd1c8b0603a4f5ce0",class:"row"},i("mds-progress",{key:"a2b5695c093e6c9068f6ef5daba855066336e27a","aria-hidden":"true",class:"progress-bar",progress:Number(null===(e=this.progress)||void 0===e?void 0:e.toFixed(2)),direction:"vertical",size:"sm",part:"progress"}),i("div",{key:"ef96dd04f956cb2337d19b745c2d4126afdcfbd0",class:"accordion"},i("button",{key:"513aeb07bbbfdc9731d4ee9c859f9dc6286d000c","aria-controls":"content","aria-expanded":this.selected?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},i("mds-text",{key:"29b009883c56c52530331593da726840774c5453",typography:this.typography,part:"label"},this.description),i("mds-text",{key:"98d4ddd516f761e279c6844023dfd133f43c3f70","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},i("i",{key:"99c14644569f3a0900322b898224aaf15eeb33b7",class:"icon",innerHTML:a}))),i("div",{key:"964bb74ed0704a92d5a493d733ead61789e4e8f3",class:"content",id:"content"},i("div",{key:"d0023fb03a93a3e12a5e1c1e4e1d7af5d378e5cd","aria-label":this.description,class:"content-expander",part:"content",role:"region"},i("slot",{key:"ce44bbbbbcef87d2d634d60d060f86b51dcfeb92"}))))))}static get watchers(){return{selected:[{handleSelected: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 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-accordion-timer-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-accordion-timer-item-progress-bar-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-timer-item-progress-bar-thickness:calc(var(--spacing,.0025rem)*100);--mds-accordion-timer-item-duration:.5s}}}@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}@property --mds-accordion-timer-item-duration{syntax:"<time>";inherits:false;initial-value:.5s}:host{--mds-accordion-timer-item-color:var(--mds-accordion-timer-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-accordion-timer-item-progress-bar-color:var(--mds-accordion-timer-progress-bar-color,rgb(var(--tone-neutral-03,233 233 233)));--mds-accordion-timer-item-progress-bar-background:var(--mds-accordion-timer-progress-bar-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-accordion-timer-item-progress-bar-thickness:var(--mds-accordion-timer-progress-bar-thickness,calc(var(--spacing,.0025rem)*100));--mds-accordion-timer-item-duration:var(--mds-accordion-timer-duration,.5s);color:var(--mds-accordion-timer-item-color,rgb(var(--tone-neutral-02,244 244 244)));display:grid;padding-bottom:calc(var(--spacing,.0025rem)*400);padding-top:calc(var(--spacing,.0025rem)*400);position:relative;-webkit-transition-duration:var(--mds-accordion-timer-item-duration,.5s);transition-duration:var(--mds-accordion-timer-item-duration,.5s);transition-property:color;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.row{display:flex;gap:calc(var(--spacing,.0025rem)*400)}.accordion{display:grid}.progress-bar{--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color,rgb(var(--tone-neutral-03,233 233 233)));--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness,calc(var(--spacing,.0025rem)*100));flex-shrink:0}.action{background-color:#0000;border:0;border-radius:var(--radius-xs,8px);color:inherit;cursor:pointer;display:flex;justify-content:space-between;padding:0;text-align:left}.action,.content{gap:calc(var(--spacing,.0025rem)*400)}.content{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;padding-top:0;-webkit-transition-duration:var(--mds-accordion-timer-item-duration,.5s);transition-duration:var(--mds-accordion-timer-item-duration,.5s);transition-property:grid-template-rows,opacity,padding,-ms-grid-rows;-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))}.content,.content-expander{min-height:0}.icon{display:flex;fill:currentColor;transform:rotate(0);-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host([selected]:not([selected=false])) .action{cursor:auto}:host([selected]:not([selected=false])) .icon{transform:rotate(90deg)}:host([selected]:not([selected=false])) .content{grid-template-rows:1fr;opacity:1;padding-top:calc(var(--spacing,.0025rem)*400)}:host-context(:root.pref-animation-reduce){--mds-accordion-timer-item-duration:0s}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-accordion-timer-item-duration:0s}}'}},[257,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],duration:[514],progress:[2],uuid:[2]},void 0,{selected:[{handleSelected:0}]}]),p=l,b=function(){"undefined"!=typeof customElements&&["mds-accordion-timer-item","mds-icon","mds-progress","mds-radial-progress","mds-text"].forEach((e=>{switch(e){case"mds-accordion-timer-item":customElements.get(s(e))||customElements.define(s(e),l);break;case"mds-icon":customElements.get(s(e))||n();break;case"mds-progress":customElements.get(s(e))||c();break;case"mds-radial-progress":customElements.get(s(e))||d();break;case"mds-text":customElements.get(s(e))||m()}}))};export{p as MdsAccordionTimerItem,b as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as r,createEvent as t,h as i,Host as o,transformTag as s}from"@stencil/core/internal/client";import{m as a}from"./keyboard-arrow-right.js";import{s as n}from"./preference.js";import{d as c}from"./mds-icon2.js";import{d}from"./mds-progress2.js";import{d as m}from"./mds-radial-progress2.js";import{d as l}from"./mds-text2.js";const p=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.clickSelectEvent=t(this,"mdsAccordionTimerItemClickSelect",7),this.selectEvent=t(this,"mdsAccordionTimerItemSelect",7),this.selectedMouseEnterEvent=t(this,"mdsAccordionTimerItemMouseEnterSelect",7),this.selectedMouseLeaveEvent=t(this,"mdsAccordionTimerItemMouseLeaveSelect",7),this.typography="h5",this.selected=!1,this.progress=0,this.uuid=0,this.toggle=()=>{this.selected=!this.selected,this.progress=0,this.selected&&this.clickSelectEvent.emit({selected:this.selected,uuid:this.uuid})},this.mouseEnter=()=>{this.selected&&this.selectedMouseEnterEvent.emit({selected:this.selected,uuid:this.uuid})},this.mouseLeave=()=>{this.selected&&this.selectedMouseLeaveEvent.emit({selected:this.selected,uuid:this.uuid})}}connectedCallback(){this.unsubscribePrefAnimation=n("animation",(e=>{this.prefAnimation=e}))}disconnectedCallback(){var e;null===(e=this.unsubscribePrefAnimation)||void 0===e||e.call(this)}handleSelected(e){this.progress=0,e&&this.selectEvent.emit({selected:this.selected,uuid:this.uuid})}render(){var e;return i(o,{key:"b4fd2f04a4823e78d8f06dd33d2132160a38de50",onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave,"pref-animation":this.prefAnimation},i("div",{key:"b7763bd61fbb24261f4233e841a8f2298cc0fbf2",class:"row"},i("mds-progress",{key:"6e7f677b567ad3bdc673f16696549e8e59384907","aria-hidden":"true",class:"progress-bar",progress:Number(null===(e=this.progress)||void 0===e?void 0:e.toFixed(2)),direction:"vertical",size:"sm",part:"progress"}),i("div",{key:"f43f00a85db89e358900148e406d025285ff824e",class:"accordion"},i("button",{key:"2b3fc9dba58f4fe3404f2a899ee0b5b5198f9982","aria-controls":"content","aria-expanded":this.selected?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},i("mds-text",{key:"637cd20f152fecdf9df48e5902b347623d83aa63",typography:this.typography,part:"label"},this.description),i("mds-text",{key:"ba9383c769d039a8e1a4b50650774134aecdb26d","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},i("i",{key:"2b883323b6cdd66e377fe44e6a7964fd377d66e1",class:"icon",innerHTML:a}))),i("div",{key:"391ff1c3b393c974f069f491a36f7578f1e09785",class:"content",id:"content"},i("div",{key:"498a565a894ecac0ec827ee638aea4c5328e4d05","aria-label":this.description,class:"content-expander",part:"content",role:"region"},i("slot",{key:"556f485c06e3dc3b45dac8391e6b054d76bc48f7"}))))))}static get watchers(){return{selected:[{handleSelected: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-accordion-timer-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-accordion-timer-item-progress-bar-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-timer-item-progress-bar-background:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-timer-item-progress-bar-thickness:calc(var(--spacing,.0025rem)*100);--mds-accordion-timer-item-duration:.5s}}}: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}@property --mds-accordion-timer-item-duration{syntax:"<time>";inherits:false;initial-value:.5s}:host{--mds-accordion-timer-item-color:var(--mds-accordion-timer-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-accordion-timer-item-progress-bar-color:var(--mds-accordion-timer-progress-bar-color,rgb(var(--tone-neutral-03,233 233 233)));--mds-accordion-timer-item-progress-bar-background:var(--mds-accordion-timer-progress-bar-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-accordion-timer-item-progress-bar-thickness:var(--mds-accordion-timer-progress-bar-thickness,calc(var(--spacing,.0025rem)*100));--mds-accordion-timer-item-duration:var(--mds-accordion-timer-duration,.5s);--private-accordion-timer-item-duration:var(--mds-accordion-timer-item-duration,.5s);color:var(--mds-accordion-timer-item-color,rgb(var(--tone-neutral-02,244 244 244)));display:grid;padding-bottom:calc(var(--spacing,.0025rem)*400);padding-top:calc(var(--spacing,.0025rem)*400);position:relative;-webkit-transition-duration:var(--private-accordion-timer-item-duration);transition-duration:var(--private-accordion-timer-item-duration);transition-property:color;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.row{display:flex;gap:calc(var(--spacing,.0025rem)*400)}.accordion{display:grid}.progress-bar{--mds-progress-color:var(--mds-accordion-timer-item-progress-bar-color,rgb(var(--tone-neutral-03,233 233 233)));--mds-progress-background:var(--mds-accordion-timer-item-progress-bar-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-progress-thickness:var(--mds-accordion-timer-item-progress-bar-thickness,calc(var(--spacing,.0025rem)*100));flex-shrink:0}.action{background-color:#0000;border:0;border-radius:var(--radius-xs,8px);color:inherit;cursor:pointer;display:flex;justify-content:space-between;padding:0;text-align:left}.action,.content{gap:calc(var(--spacing,.0025rem)*400)}.content{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;padding-top:0;-webkit-transition-duration:var(--private-accordion-timer-item-duration);transition-duration:var(--private-accordion-timer-item-duration);transition-property:grid-template-rows,opacity,padding,-ms-grid-rows;-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))}.content,.content-expander{min-height:0}.icon{display:flex;fill:currentColor;transform:rotate(0);-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host([selected]:not([selected=false])) .action{cursor:auto}:host([selected]:not([selected=false])) .icon{transform:rotate(90deg)}:host([selected]:not([selected=false])) .content{grid-template-rows:1fr;opacity:1;padding-top:calc(var(--spacing,.0025rem)*400)}:host([pref-animation=reduce]){--private-accordion-timer-item-duration:0s}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-accordion-timer-item-duration:0s}}'}},[257,"mds-accordion-timer-item",{typography:[1],selected:[516],description:[1],duration:[514],progress:[2],uuid:[2],prefAnimation:[32]},void 0,{selected:[{handleSelected:0}]}]),u=p,b=function(){"undefined"!=typeof customElements&&["mds-accordion-timer-item","mds-icon","mds-progress","mds-radial-progress","mds-text"].forEach((e=>{switch(e){case"mds-accordion-timer-item":customElements.get(s(e))||customElements.define(s(e),p);break;case"mds-icon":customElements.get(s(e))||c();break;case"mds-progress":customElements.get(s(e))||d();break;case"mds-radial-progress":customElements.get(s(e))||m();break;case"mds-text":customElements.get(s(e))||l()}}))};export{u as MdsAccordionTimerItem,b as defineCustomElement}

package/dist/components/mds-accordion-timer.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,Host as o,transformTag as r}from"@stencil/core/internal/client";const n=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.changeEvent=e(this,"mdsAccordionTimerChange",7),this.currentDuration=0,this.time=0,this.duration=1e4,this.clearIntervals=()=>{"undefined"!=typeof window&&window.clearInterval(this.timeChecker),this.timeChecker=0},this.remainingTime=()=>{const t=this.selectedItemRemainingTime-((new Date).getTime()-this.timeStarted);return t>=0?t:0},this.progress=()=>Math.abs(this.remainingTime()/this.currentDuration-1),this.addTimeListener=()=>{"undefined"!=typeof window&&(this.timeChecker=window.setInterval((()=>{const t=this.progress();void 0!==this.selectedItem&&(this.selectedItem.progress=t),1===t&&(this.selectedItem.progress=0,this.startNext())}),100))},this.beginningTime=()=>(this.timeStarted=(new Date).getTime(),this.timeStarted),this.setSelectedItem=t=>{this.children.forEach(((i,e)=>{var s;e===t?(i.selected=!0,this.currentDuration=null!==(s=i.duration)&&void 0!==s?s:this.duration,this.selectedItem=i,this.changeEvent.emit({index:e})):i.selected=!1}))},this.startNext=()=>{this.setSelectedItem(this.selectedItem.uuid+1>this.children.length-1?0:this.selectedItem.uuid+1),this.startTimer()},this.startTimer=()=>{this.clearIntervals(),this.time=this.beginningTime(),this.selectedItemRemainingTime=this.currentDuration,this.addTimeListener()},this.playTimer=()=>{this.beginningTime(),this.addTimeListener()},this.pauseTimer=()=>{this.clearIntervals(),this.selectedItemRemainingTime=this.remainingTime()},this.stopTimer=()=>{this.clearIntervals()}}componentDidLoad(){this.children=this.element.querySelectorAll("mds-accordion-timer-item"),this.children.forEach(((t,i)=>{var e;t.uuid=i,t.selected&&(this.currentDuration=null!==(e=t.duration)&&void 0!==e?e:this.duration,this.selectedItem=t)})),void 0!==this.selectedItem&&this.startTimer(),this.paused&&this.pauseTimer()}disconnectedCallback(){this.stopTimer(),this.clearIntervals()}onClickSelect(t){this.clearIntervals(),this.selectedItem&&(this.selectedItem.progress=0),this.setSelectedItem(t.detail.uuid),this.startTimer(),this.pauseTimer()}onSelect(t){this.clearIntervals(),this.paused=!1,this.selectedItem&&(this.selectedItem.progress=0),this.setSelectedItem(t.detail.uuid),this.startTimer()}onMouseEnterSelect(){this.paused||this.pauseTimer()}onMouseLeaveSelect(){this.paused||0===this.timeChecker&&this.playTimer()}handlePaused(t){t?this.pauseTimer():this.playTimer()}render(){return s(o,{key:"83fbaf714fd50567fb7c035fb6344bea5fc55935"},s("slot",{key:"3106401fa285586903177765544a76b976b5fd8e"}))}get element(){return this}static get watchers(){return{paused:[{handlePaused: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-accordion-timer-progress-bar-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-timer-progress-bar-background:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-timer-progress-bar-thickness:1px;--mds-accordion-timer-duration:.5s}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-accordion-timer-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-accordion-timer-progress-bar-thickness{syntax:"<length>";inherits:false;initial-value:1px}@property --mds-accordion-timer-duration{syntax:"<time>";inherits:false;initial-value:.5s}:host{--mds-accordion-timer-progress-bar-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-timer-progress-bar-background:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-timer-progress-bar-thickness:calc(var(--spacing,.0025rem)*100);--mds-accordion-timer-duration:.5s;display:block}:host-context(:root.pref-animation-reduce){--mds-accordion-timer-item-duration:var(--mds-accordion-timer-duration,0s)}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-accordion-timer-item-duration:var(--mds-accordion-timer-duration,0s)}}'}},[257,"mds-accordion-timer",{duration:[514],paused:[516],time:[32]},[[0,"mdsAccordionTimerItemClickSelect","onClickSelect"],[0,"mdsAccordionTimerItemSelect","onSelect"],[0,"mdsAccordionTimerItemMouseEnterSelect","onMouseEnterSelect"],[0,"mdsAccordionTimerItemMouseLeaveSelect","onMouseLeaveSelect"]],{paused:[{handlePaused:0}]}]),a=n,d=function(){"undefined"!=typeof customElements&&["mds-accordion-timer"].forEach((t=>{"mds-accordion-timer"===t&&(customElements.get(r(t))||customElements.define(r(t),n))}))};export{a as MdsAccordionTimer,d as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as s,h as e,Host as r,transformTag as o}from"@stencil/core/internal/client";const n=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.changeEvent=s(this,"mdsAccordionTimerChange",7),this.currentDuration=0,this.time=0,this.duration=1e4,this.clearIntervals=()=>{"undefined"!=typeof window&&window.clearInterval(this.timeChecker),this.timeChecker=0},this.remainingTime=()=>{const t=this.selectedItemRemainingTime-((new Date).getTime()-this.timeStarted);return t>=0?t:0},this.progress=()=>Math.abs(this.remainingTime()/this.currentDuration-1),this.addTimeListener=()=>{"undefined"!=typeof window&&(this.timeChecker=window.setInterval((()=>{const t=this.progress();void 0!==this.selectedItem&&(this.selectedItem.progress=t),1===t&&(this.selectedItem.progress=0,this.startNext())}),100))},this.beginningTime=()=>(this.timeStarted=(new Date).getTime(),this.timeStarted),this.setSelectedItem=t=>{this.children.forEach(((i,s)=>{var e;s===t?(i.selected=!0,this.currentDuration=null!==(e=i.duration)&&void 0!==e?e:this.duration,this.selectedItem=i,this.changeEvent.emit({index:s})):i.selected=!1}))},this.startNext=()=>{this.setSelectedItem(this.selectedItem.uuid+1>this.children.length-1?0:this.selectedItem.uuid+1),this.startTimer()},this.startTimer=()=>{this.clearIntervals(),this.time=this.beginningTime(),this.selectedItemRemainingTime=this.currentDuration,this.addTimeListener()},this.playTimer=()=>{this.beginningTime(),this.addTimeListener()},this.pauseTimer=()=>{this.clearIntervals(),this.selectedItemRemainingTime=this.remainingTime()},this.stopTimer=()=>{this.clearIntervals()}}componentDidLoad(){this.children=this.element.querySelectorAll("mds-accordion-timer-item"),this.children.forEach(((t,i)=>{var s;t.uuid=i,t.selected&&(this.currentDuration=null!==(s=t.duration)&&void 0!==s?s:this.duration,this.selectedItem=t)})),void 0!==this.selectedItem&&this.startTimer(),this.paused&&this.pauseTimer()}disconnectedCallback(){this.stopTimer(),this.clearIntervals()}onClickSelect(t){this.clearIntervals(),null!=this.selectedItem&&(this.selectedItem.progress=0),this.setSelectedItem(t.detail.uuid),this.startTimer(),this.pauseTimer()}onSelect(t){this.clearIntervals(),this.paused=!1,null!=this.selectedItem&&(this.selectedItem.progress=0),this.setSelectedItem(t.detail.uuid),this.startTimer()}onMouseEnterSelect(){this.paused||this.pauseTimer()}onMouseLeaveSelect(){this.paused||0===this.timeChecker&&this.playTimer()}handlePaused(t){t?this.pauseTimer():this.playTimer()}render(){return e(r,{key:"6801e67ac8d8235b3c8610787fcddc6223123284"},e("slot",{key:"d9c3bebad4f570777a2d64a4ccfad242b22fd1e0"}))}get element(){return this}static get watchers(){return{paused:[{handlePaused: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-accordion-timer-progress-bar-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-timer-progress-bar-background:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-timer-progress-bar-thickness:1px;--mds-accordion-timer-duration:.5s}}}:host(:not(:is([hydrated],.hydrated))),mds-accordion-timer-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-accordion-timer-progress-bar-thickness{syntax:"<length>";inherits:false;initial-value:1px}@property --mds-accordion-timer-duration{syntax:"<time>";inherits:false;initial-value:.5s}:host{--mds-accordion-timer-progress-bar-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-timer-progress-bar-background:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-timer-progress-bar-thickness:calc(var(--spacing,.0025rem)*100);--mds-accordion-timer-duration:.5s;display:block}'}},[257,"mds-accordion-timer",{duration:[514],paused:[516],time:[32]},[[0,"mdsAccordionTimerItemClickSelect","onClickSelect"],[0,"mdsAccordionTimerItemSelect","onSelect"],[0,"mdsAccordionTimerItemMouseEnterSelect","onMouseEnterSelect"],[0,"mdsAccordionTimerItemMouseLeaveSelect","onMouseLeaveSelect"]],{paused:[{handlePaused:0}]}]),h=n,d=function(){"undefined"!=typeof customElements&&["mds-accordion-timer"].forEach((t=>{"mds-accordion-timer"===t&&(customElements.get(o(t))||customElements.define(o(t),n))}))};export{h as MdsAccordionTimer,d as defineCustomElement}

package/dist/components/mds-accordion.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as o,createEvent as t,h as r,Host as n,transformTag as s}from"@stencil/core/internal/client";const i=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.changedEvent=t(this,"mdsAccordionChange",7),this.multiple=!1,this.closable=!0,this.queryItems=()=>this.element.querySelectorAll("mds-accordion-item"),this.selectMultipleItems=()=>{const e=this.queryItems(),o=[];e.forEach(((e,t)=>{e.selected&&o.push(t)})),this.changedEvent.emit({children:e,selected:""+o})},this.changedChildrenHandler=e=>{const o=this.queryItems();this.multiple?this.selectMultipleItems():o.forEach(((t,r)=>{t.selected="item-"+r===e.detail.id&&(e.detail.selected||!this.closable),t.selected&&this.changedEvent.emit({children:o,selected:""+r})}))}}componentWillLoad(){this.queryItems().forEach(((e,o)=>e.id="item-"+o))}selectedEventHandler(e){this.changedChildrenHandler(e)}unselectedEventHandler(e){this.changedChildrenHandler(e)}render(){return r(n,{key:"b0bb67801baf50bffd334901368ec18aceb9c677"},r("slot",{key:"babdb382cf841a21db5099025ddfb293265a5503"}))}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)))){*,::backdrop,:after,:before{--mds-accordion-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-description-color:rgb(var(--tone-neutral-02,244 244 244));--mds-accordion-border-width:2px;--mds-accordion-duration:.3s;--mds-accordion-padding-selected:1rem 0 2rem 0;--mds-accordion-padding-unselected:1rem 0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-accordion-border-width{syntax:"<length>";inherits:false;initial-value:2px}@property --mds-accordion-duration{syntax:"<time>";inherits:false;initial-value:.3s}@property --mds-accordion-padding-selected{syntax:"<length>+";inherits:false;initial-value:1rem 0 2rem 0}@property --mds-accordion-padding-unselected{syntax:"<length>+";inherits:false;initial-value:1rem 0}:host{--mds-accordion-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-border-width:2px;--mds-accordion-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-description-color:rgb(var(--tone-neutral-02,244 244 244));--mds-accordion-duration:.3s;--mds-accordion-padding-selected:calc(var(--spacing,.0025rem)*400) 0 calc(var(--spacing,.0025rem)*800) 0;--mds-accordion-padding-unselected:calc(var(--spacing,.0025rem)*400) 0;display:grid}:host-context(:root.pref-animation-reduce){--mds-accordion-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-accordion-border-color:rgb(var(--tone-neutral-06,158 158 158))}:host-context(:root.pref-contrast-more){--mds-accordion-border-color:rgb(var(--tone-neutral-01,255 255 255));--mds-accordion-color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-accordion-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]))){--mds-accordion-border-color:rgb(var(--tone-neutral-06,158 158 158))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-accordion-border-color:rgb(var(--tone-neutral-01,255 255 255));--mds-accordion-color:rgb(var(--tone-neutral-01,255 255 255))}}'}},[257,"mds-accordion",{multiple:[4],closable:[4]},[[0,"mdsAccordionItemSelect","selectedEventHandler"],[0,"mdsAccordionItemUnselect","unselectedEventHandler"]]]),d=i,a=function(){"undefined"!=typeof customElements&&["mds-accordion"].forEach((e=>{"mds-accordion"===e&&(customElements.get(s(e))||customElements.define(s(e),i))}))};export{d as MdsAccordion,a as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as r,createEvent as t,h as o,Host as s,transformTag as n}from"@stencil/core/internal/client";import{s as i}from"./preference.js";const c=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.changedEvent=t(this,"mdsAccordionChange",7),this.multiple=!1,this.disableClose=!1,this.queryItems=()=>this.element.querySelectorAll("mds-accordion-item"),this.selectMultipleItems=()=>{const e=this.queryItems(),r=[];e.forEach(((e,t)=>{e.selected&&r.push(t)})),this.changedEvent.emit({children:e,selected:""+r})},this.changedChildrenHandler=e=>{const r=this.queryItems();if(this.multiple){if(this.disableClose&&!e.detail.selected&&!Array.from(r).some((r=>r.id!==e.detail.id&&r.selected))){const t=Array.from(r).find((r=>r.id===e.detail.id));t&&(t.selected=!0)}this.selectMultipleItems()}else r.forEach(((t,o)=>{t.selected="item-"+o===e.detail.id&&(e.detail.selected||this.disableClose),t.selected&&this.changedEvent.emit({children:r,selected:""+o})}))}}connectedCallback(){this.unsubscribePrefContrast=i("contrast",(e=>{this.prefContrast=e})),this.unsubscribePrefTheme=i("theme",(e=>{this.prefTheme=e})),this.unsubscribePrefThemeScheme=i("theme-scheme",(e=>{this.prefThemeScheme=e}))}disconnectedCallback(){var e,r,t;null===(e=this.unsubscribePrefContrast)||void 0===e||e.call(this),null===(r=this.unsubscribePrefTheme)||void 0===r||r.call(this),null===(t=this.unsubscribePrefThemeScheme)||void 0===t||t.call(this)}componentWillLoad(){this.queryItems().forEach(((e,r)=>e.id="item-"+r))}selectedEventHandler(e){this.changedChildrenHandler(e)}unselectedEventHandler(e){this.changedChildrenHandler(e)}render(){return o(s,{key:"291876971fed6c87a8c6644472b2fa952b7998bb","pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},o("slot",{key:"7779b91cd742c90cab357edb0b798c853406d722"}))}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)))){*,::backdrop,:after,:before{--mds-accordion-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-description-color:rgb(var(--tone-neutral-02,244 244 244));--mds-accordion-border-width:2px;--mds-accordion-duration:.3s;--mds-accordion-padding-selected:1rem 0 2rem 0;--mds-accordion-padding-unselected:1rem 0}}}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-accordion-border-width{syntax:"<length>";inherits:false;initial-value:2px}@property --mds-accordion-duration{syntax:"<time>";inherits:false;initial-value:.3s}@property --mds-accordion-padding-selected{syntax:"<length>+";inherits:false;initial-value:1rem 0 2rem 0}@property --mds-accordion-padding-unselected{syntax:"<length>+";inherits:false;initial-value:1rem 0}:host{--mds-accordion-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-accordion-border-width:2px;--mds-accordion-color:rgb(var(--tone-neutral-03,233 233 233));--mds-accordion-description-color:rgb(var(--tone-neutral-02,244 244 244));--mds-accordion-duration:.3s;--mds-accordion-padding-selected:calc(var(--spacing,.0025rem)*400) 0 calc(var(--spacing,.0025rem)*800) 0;--mds-accordion-padding-unselected:calc(var(--spacing,.0025rem)*400) 0;display:grid}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-accordion-border-color:rgb(var(--tone-neutral-06,158 158 158))}:host([pref-contrast=more]){--mds-accordion-border-color:rgb(var(--tone-neutral-01,255 255 255));--mds-accordion-color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-accordion-border-color:rgb(var(--tone-neutral-06,158 158 158))}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-accordion-border-color:rgb(var(--tone-neutral-01,255 255 255));--mds-accordion-color:rgb(var(--tone-neutral-01,255 255 255))}}'}},[257,"mds-accordion",{multiple:[4],disableClose:[4,"disable-close"],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32]},[[0,"mdsAccordionItemSelect","selectedEventHandler"],[0,"mdsAccordionItemUnselect","unselectedEventHandler"]]]),d=c,a=function(){"undefined"!=typeof customElements&&["mds-accordion"].forEach((e=>{"mds-accordion"===e&&(customElements.get(n(e))||customElements.define(n(e),c))}))};export{d as MdsAccordion,a as defineCustomElement}

package/dist/components/mds-author.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as s,Host as n,transformTag as i}from"@stencil/core/internal/client";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}componentWillLoad(){this.hasAvatar=null!==this.hostElement.querySelector(':scope > [slot="avatar"]')}render(){return s(n,{key:"5c5f497c1206c82632d9f1d43e654dcff7182078"},this.hasAvatar&&s("div",{key:"96373e67f2d0bf1b8b95fccb0d769160314d2329",class:"avatar"},s("slot",{key:"9c688c746f9f9e29ca9b5b87924d2e470190ab04",name:"avatar"})),s("div",{key:"e4b9ad107b06481bdefe107b088c28eeeffaf9c2",class:"info"},s("slot",{key:"cf278792b4d32d854ef522476cd3e93a4a2182df"})))}get hostElement(){return this}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@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{align-items:center;container:mds-author/inline-size;display:flex;gap:calc(var(--spacing,.0025rem)*400);width:100%}.avatar{display:flex;flex-shrink:0;-webkit-user-select:none;user-select:none}.info{display:grid;flex-grow:1;min-width:0}@container (max-width:200px){:host-context(:not(.safari)){flex-direction:column;justify-content:center;text-align:center}}"}},[257,"mds-author"]),o=a,r=function(){"undefined"!=typeof customElements&&["mds-author"].forEach((e=>{"mds-author"===e&&(customElements.get(i(e))||customElements.define(i(e),a))}))};export{o as MdsAuthor,r as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as a,Host as s,transformTag as n}from"@stencil/core/internal/client";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}componentWillLoad(){this.hasAvatar=null!==this.hostElement.querySelector(':scope > [slot="avatar"]')}render(){return a(s,{key:"2b0e6730cb3fb2d7881f527430d2b04a0705fd1b"},this.hasAvatar&&a("div",{key:"ee84a202caf229318c122be05abd703a0a7a7719",class:"avatar"},a("slot",{key:"d9b69db0285af31444ca333d948eecf36445539b",name:"avatar"})),a("div",{key:"6a51cca8c63a1967e79a464b846f09d9966055bd",class:"info"},a("slot",{key:"65e3f059c8d4e5e432b0990ffaa41197fd8186ff"})))}get hostElement(){return this}static get style(){return"@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{align-items:center;container:mds-author/inline-size;display:flex;gap:calc(var(--spacing,.0025rem)*400);width:100%}.avatar{display:flex;flex-shrink:0;-webkit-user-select:none;user-select:none}.info{display:grid;flex-grow:1;min-width:0}@container (max-width:200px){:host{flex-direction:column;justify-content:center;text-align:center}}"}},[257,"mds-author"]),o=i,r=function(){"undefined"!=typeof customElements&&["mds-author"].forEach((e=>{"mds-author"===e&&(customElements.get(n(e))||customElements.define(n(e),i))}))};export{o as MdsAuthor,r as defineCustomElement}

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 as c}from"./mds-img2.js";import{d}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:"0626ca208c46043a55b76069f8c0c8de4a91f467"},s("mds-avatar",{key:"376af8e3683bd2c4f19aa5c38728ca5e59ff4f57",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))||c();break;case"mds-spinner":customElements.get(e(a))||d();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:"e57b0bdda7fe40f3c914df1e2954985f5b124560"},s("slot",{key:"05586f1f84de3e29fb66290c2bf44b8608154aa4"}),void 0!==this.total&&this.total-this.items.length>0&&s("mds-avatar-stack-item",{key:"d24631df49ea987384eb30e85bcfc07f20d41698",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 as c}from"./mds-img2.js";import{d}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(d);t.forEach(c),t.forEach((function(a){b(a),l(a)})),t.forEach(h)},l=function(a){return a.dirty=0},c=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"},d=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(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),this.initials&&this.checkText(this.initials),this.count&&this.checkText(this.count.toString())}componentDidRender(){this.textChanged&&(this.initials&&this.checkText(this.initials),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:"dcb0ca706de79f07684daea4efee5d1a69e43494"},r("div",{key:"784a3d4ed4cbb382c7091894ed15664e38d82979",class:s("avatar",this.initials&&!this.fallback&&!this.src&&"avatar--initials",(this.fallback||!this.icon&&!this.initials&&!this.src)&&"avatar--fallback",this.icon&&"avatar--icon",this.loaded?"avatar--loaded":"avatar--pending"),part:"wrapper"},this.initials&&!this.count&&!this.fallback&&!this.src&&r("div",{key:"8ed5b7a608b1ff8b6e36947d8069c4a4932b8dca",class:"initials-text"},r("span",{key:"6438aafad3d6f87081c56d61838a1e4cbaf23351",class:"fit"},this.initials.substring(0,2))),this.count&&!this.fallback&&!this.src&&r("div",{key:"c00430118c9adc6fed1ac3480b41854bfe9a2029",class:"initials-text"},r("span",{key:"671ca6880e8c8e337efcf4266a3caca3d93910ce",class:"fit"},"+",this.count)),this.src&&!this.count&&!this.fallback&&!this.icon&&r("mds-img",{key:"290236542764aa0eff224bef9093931d3a6cc650",class:"image",loading:"lazy",onMdsImgLoadError:()=>{this.loaded=!0,this.fallback=!0},onMdsImgLoadSuccess:()=>{this.loaded=!0},part:"media",src:this.src}),this.icon&&!this.initials&&!this.count&&r("mds-icon",{key:"1a0a2d01fb411772a00891e3a420310118145025",class:"icon",part:"icon",name:this.icon}),(this.fallback||!this.icon&&!this.initials&&!this.count&&!this.src)&&r("i",{key:"2e41fa86a08a034ce59ff64e8d95a3b837c645ee",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))||c();break;case"mds-spinner":customElements.get(o(a))||d();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=()=>{this.label||(this.label=s(this.host))}}labelChanged(e){this.label=n(e)}render(){return t(o,{key:"bed5c0dccff0e7e796e7e5e76efe25d8330dec2c"},t("mds-text",{key:"b9fc73764d75faa0d3102a622b3ecc4d8392c613",tag:"span",typography:this.typography,variant:"info",text:this.label},this.label||t("slot",{key:"d8d0e54393b72cc270574e00197cdc703bff3d0a",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");r&&(r.opened=!1)}}async updateLang(){this.language=this.t.lang(this.host)}componentWillRender(){this.t.lang(this.host)}componentWillLoad(){this.actions=null!==this.host.querySelector(':scope > [slot="action"]'),this.setCloseButtonVariant(this.variant)}componentDidLoad(){this.deletableHandler()}componentDidUpdate(){this.deletableHandler()}disconnectedCallback(){this.km.detachClickBehavior()}variantHandler(a){this.setCloseButtonVariant(a)}render(){var a,r;return e(o,{key:"2afab272d56122cd81155dc183d7ab5e6cefc2c4","aria-label":this.headline,role:this.ariaVariants[null!==(a=this.variant)&&void 0!==a?a:"primary"].role,"aria-live":this.ariaVariants[null!==(r=this.variant)&&void 0!==r?r:"primary"].live},e("div",{key:"e721e7375cb6f81f994c48aa65707dc133f71510",class:"body"},this.icon&&e("mds-icon",{key:"1542bdd9019d144105d09689c4b773ddd7626f13","aria-hidden":"true",class:"icon",name:this.icon}),e("div",{key:"acb819054179bf7fc16da97e0bfb64e9e9d08b5b",class:"content"},this.headline&&e("mds-text",{key:"927594cdfd61d6af3b496761beeb5ab489832d8b","aria-hidden":"true",class:"headline",typography:"h6"},this.headline),e("div",{key:"27cf3213f992682fe923a6a5f028d3ea5d1ae8ba",class:"text",part:"text"},e("slot",{key:"1b4180568e80bf7b05c8c5dc1ba4d10bc0ca2cb6"}))),this.deletable&&e("mds-button",{key:"c479abfc205e76cee8965f26b4c2ba1910e97100",class:"close-button",icon:s,onClick:this.closeBanner,title:this.t.get("cancel"),variant:this.closeButtonVariant,tone:"text"})),this.actions&&e("div",{key:"991cdcbd6965e8df55a016a2b4ae7e6a24f09cf0",class:"actions"},e("slot",{key:"147bf81d81e1e958fb2714b1fff0b41cb5865e9d",name:"action"})))}get host(){return this}static get watchers(){return{variant:[{variantHandler:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-banner-cockade-distance:calc(var(--spacing,.0025rem)*600);--mds-banner-content-gap:calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*400);--mds-banner-radius:var(--radius-lg,16px);--mds-banner-transition-duration:.3s}*,::backdrop,:after,:before{--mds-banner-background:rgb(var(--tone-neutral-10,60 60 60));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-cockade-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-headline-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--tone-neutral-04,218 218 218))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-banner-transition-duration{syntax:"<time>";inherits:true;initial-value:.3s}:host{--mds-banner-background:rgb(var(--tone-neutral-10,60 60 60));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-cockade-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-cockade-distance:calc(var(--spacing,.0025rem)*600);--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-content-gap:calc(var(--spacing,.0025rem)*400);--mds-banner-headline-color:var(--mds-banner-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-banner-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-banner-radius:var(--radius-2xl,24px);--mds-banner-shadow:none;--mds-banner-transition-duration:.3s;--mds-banner-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));background-color:var(--mds-banner-background,rgb(var(--tone-neutral-10,60 60 60)));border-radius:var(--mds-banner-radius,var(--radius-lg,16px));-webkit-box-shadow:var(--mds-banner-shadow);box-shadow:var(--mds-banner-shadow);color:var(--mds-banner-color,rgb(var(--tone-neutral-02,244 244 244)));corner-shape:var(--magma-corner-shape,round);container:mds-banner/inline-size;display:grid;gap:calc(var(--spacing,.0025rem)*600);grid-template-columns:repeat(1,minmax(1px,100%));padding:calc(var(--spacing,.0025rem)*600);position:relative;-webkit-transition-duration:var(--mds-banner-transition-duration,.3s);transition-duration:var(--mds-banner-transition-duration,.3s);transition-property:background-color,box-shadow,color;-webkit-transition-timing-function:var(--mds-banner-transition-timing-function);transition-timing-function:var(--mds-banner-transition-timing-function);width:100%}.body{align-items:flex-start;display:flex;gap:var(--mds-banner-content-gap,calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*400));justify-content:space-between}.headline{color:var(--mds-banner-headline-color,rgb(var(--tone-neutral-02,244 244 244)))}.content{box-sizing:border-box;flex-direction:column;flex-grow:1;justify-content:center}.actions,.content{display:flex;gap:var(--mds-banner-content-gap,calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*400))}.actions{flex-wrap:wrap;justify-content:flex-end}.icon{fill:var(--mds-banner-icon-color,rgb(var(--tone-neutral-04,218 218 218)));flex-shrink:0;-webkit-transition-duration:var(--mds-banner-transition-duration,.3s);transition-duration:var(--mds-banner-transition-duration,.3s);transition-property:background-color,fill;-webkit-transition-timing-function:var(--mds-banner-transition-timing-function);transition-timing-function:var(--mds-banner-transition-timing-function)}.text{display:grid;flex-grow:1;gap:var(--mds-banner-content-gap,calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*400))}@container mds-banner (max-width:300px){:host([deletable]:not([deletable=false])) .headline,:host([deletable]:not([deletable=false])):host(:not([headline])) .content{padding-right:calc(var(--spacing,.0025rem)*800)}::slotted([slot=action]){flex-basis:100%;flex-grow:1}}:host([cockade]:not([cockade=false])) .icon{background-color:var(--mds-banner-cockade-background,rgb(var(--tone-neutral-09,76 76 76)));border-bottom-left-radius:var(--radius-lg,16px);border-bottom-right-radius:var(--radius-lg,16px);margin-top:calc(-1 * var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem) * 600)));padding:calc(var(--spacing,.0025rem)*200);padding-top:var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem)*600))}@container mds-banner (max-width:300px){:host([cockade]:not([cockade=false])) .icon{padding-top:calc(var(--spacing,.0025rem)*200)}.body{flex-direction:column}.close-button{position:absolute;right:calc(var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem) * 600)) / 2);top:calc(var(--mds-banner-cockade-distance,calc(var(--spacing,.0025rem) * 600)) / 2)}}:host,:host([variant=primary]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-primary-09,0 58 168));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-banner-headline-color:rgb(var(--variant-primary-02,230 239 255));--mds-banner-cockade-background:rgb(var(--variant-primary-09,0 58 168))}:host([variant=primary]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-primary-10,0 49 142));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--variant-primary-10,0 49 142))}:host([variant=ai]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-ai-09,75 8 189));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-banner-headline-color:rgb(var(--variant-ai-02,242 235 254));--mds-banner-cockade-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=ai]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--variant-ai-10,63 7 161));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--variant-ai-10,63 7 161))}:host([variant=error]){--mds-banner-headline-color:rgb(var(--status-error-03,255 217 214));--mds-banner-background:rgb(var(--status-error-10,115 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-error-08,182 50 54));--mds-banner-color:rgb(var(--status-error-02,255 234 231));--mds-banner-icon-color:rgb(var(--status-error-05,250 165 160));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-error-08,182 50 54))}:host([variant=error]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-error-10,115 0 0));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-error-05,250 165 160));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-error-10,115 0 0))}:host([variant=warning]){--mds-banner-headline-color:rgb(var(--status-warning-03,255 223 129));--mds-banner-background:rgb(var(--status-warning-10,77 57 0));--mds-banner-close-icon-hover-background:rgb(var(--status-warning-08,129 96 0));--mds-banner-color:rgb(var(--status-warning-02,255 237 185));--mds-banner-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-warning-08,129 96 0))}:host([variant=warning]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-warning-10,77 57 0));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-warning-10,77 57 0))}:host([variant=info]){--mds-banner-headline-color:rgb(var(--status-info-03,198 231 247));--mds-banner-background:rgb(var(--status-info-10,0 61 103));--mds-banner-close-icon-hover-background:rgb(var(--status-info-08,0 107 151));--mds-banner-color:rgb(var(--status-info-02,222 242 250));--mds-banner-icon-color:rgb(var(--status-info-05,112 198 234));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-info-08,0 107 151))}:host([variant=info]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-info-10,0 61 103));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-info-05,112 198 234));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-info-10,0 61 103))}:host([variant=success]){--mds-banner-headline-color:rgb(var(--status-success-03,196 235 209));--mds-banner-background:rgb(var(--status-success-10,0 69 0));--mds-banner-close-icon-hover-background:rgb(var(--status-success-08,0 116 46));--mds-banner-color:rgb(var(--status-success-02,222 244 228));--mds-banner-icon-color:rgb(var(--status-success-05,107 206 147));--mds-banner-shadow:none;--mds-banner-cockade-background:rgb(var(--status-success-08,0 116 46))}:host([variant=success]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--status-success-10,0 69 0));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--status-success-05,107 206 147));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--status-success-10,0 69 0))}:host([variant=dark]){--mds-banner-background:rgb(var(--tone-neutral-01,255 255 255));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-03,233 233 233));--mds-banner-cockade-background:rgb(var(--tone-neutral-04,218 218 218));--mds-banner-color:rgb(var(--tone-neutral-08,107 107 107));--mds-banner-headline-color:rgb(var(--tone-neutral,0 0 0));--mds-banner-icon-color:rgb(var(--tone-neutral-07,134 134 134));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d)}:host([variant=dark]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral-03,233 233 233));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-05,197 197 197));--mds-banner-color:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-icon-color:rgb(var(--tone-neutral-07,134 134 134));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a)}:host([variant=light]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-09,76 76 76));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--tone-neutral-05,197 197 197));--mds-banner-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-banner-headline-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-cockade-background:rgb(var(--tone-neutral-10,60 60 60))}:host([variant=light]):host([tone=weak]){--mds-banner-background:rgb(var(--tone-neutral,0 0 0));--mds-banner-close-icon-hover-background:rgb(var(--tone-neutral-10,60 60 60));--mds-banner-color:rgb(var(--tone-neutral-02,244 244 244));--mds-banner-icon-color:rgb(var(--tone-neutral-05,197 197 197));--mds-banner-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-banner-cockade-background:rgb(var(--tone-neutral-09,76 76 76))}:host([tone=box]){-webkit-box-shadow:var(--shadow-box-solid-weak,#0000004d 0 2px 4px,#00000008 0 0 0 1px,#0000001a 0 7px 13px -3px,#0003 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset);box-shadow:var(--shadow-box-solid-weak,#0000004d 0 2px 4px,#00000008 0 0 0 1px,#0000001a 0 7px 13px -3px,#0003 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-strong-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}'}},[257,"mds-banner",{variant:[513],tone:[513],cockade:[516],deletable:[4],headline:[1],icon:[1],language:[32],closeButtonVariant:[32],updateLang:[64]},void 0,{variant:[{variantHandler:0}]}]);function x(){"undefined"!=typeof customElements&&["mds-banner","mds-button","mds-icon","mds-spinner","mds-text"].forEach((a=>{switch(a){case"mds-banner":customElements.get(t(a))||customElements.define(t(a),h);break;case"mds-button":customElements.get(t(a))||c();break;case"mds-icon":customElements.get(t(a))||b();break;case"mds-spinner":customElements.get(t(a))||l();break;case"mds-text":customElements.get(t(a))||m()}}))}export{h as M,x as d}
+import{proxyCustomElement as a,HTMLElement as r,createEvent as n,h as e,Host as o,transformTag as t}from"@stencil/core/internal/client";import{m as s}from"./close.js";import{K as i}from"./keyboard-manager.js";import{L as d}from"./locale.js";import{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}