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

package/dist/collection/components/mds-usage/mds-usage.js

@@ -5,7 +5,7 @@ import localeEn from "./meta/locale.en.json";
 import localeEs from "./meta/locale.es.json";
 import localeIt from "./meta/locale.it.json";
 /**
- * @slot default - Add `text string`, `HTML elements` or `components` to this slot.
+ * @slot - Add `text string`, `HTML elements` or `components` to this slot.
  */
 export class MdsUsage {
     constructor() {
@@ -20,12 +20,15 @@ export class MdsUsage {
          */
         this.variant = 'info';
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
     render() {
         var _a;
-        return (h(Host, { key: '448aa090854adc543ebd50653234aae486f21037' }, h("div", { key: 'be4057f81c86c7accb98a003733af802da34b454', class: "header", part: "header" }, h("mds-icon", { key: 'c0264f5e80cf4ef8922f62935592138f0d6de0e9', name: "mi/baseline/info", part: "icon" }), h("mds-text", { key: 'a30fa64ebb19c2b0187d664b153ee35dae409293', typography: "label", class: "label", part: "label" }, (_a = this.alias) !== null && _a !== void 0 ? _a : this.t.get(this.variant))), h("div", { key: '1d0421d1ec8d2cae52c527db24f4bd30a25bb571', class: "content", role: this.variant === 'do' || this.variant === 'info' ? 'insertion' : 'deletion' }, h("slot", { key: '80c342f0def0b79695703512c70ecf71da61ab3e' }))));
+        return (h(Host, { key: '3fe417cf16225feff6971a19f708d4bbbe465468' }, h("div", { key: '42921cba1e51f1329990ff410ca9b1998479b90a', class: "header", part: "header" }, h("mds-icon", { key: '1ef5b13324f37b16812c92d1137cde5674a577ae', name: "mi/baseline/info", part: "icon" }), h("mds-text", { key: '554fd00006ffba474cd89a944672181f9434c371', typography: "label", class: "label", part: "label" }, (_a = this.alias) !== null && _a !== void 0 ? _a : this.t.get(this.variant))), h("div", { key: 'cbfb026591913fbee7cb49e31f668ffd03b0051f', class: "content", role: this.variant === 'do' || this.variant === 'info' ? 'insertion' : 'deletion' }, h("slot", { key: 'b6922898d370e5ae96bf05c85593428e8ad2f278' }))));
     }
     static get is() { return "mds-usage"; }
     static get encapsulation() { return "shadow"; }
@@ -109,7 +112,7 @@ export class MdsUsage {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Updates the component's texts to the locale currently set on the host element.",
                     "tags": []
                 }
             }

package/dist/collection/components/mds-video-wall/mds-video-wall.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 import clsx from "clsx";
 /**
- * @slot default - Write browser support missing message here.
+ * @slot - Write browser support missing message here.
  * @slot content - Add video content overlay here, add `text string`, `HTML elements` or `components` to this slot.
  */
 export class MdsVideoWall {
@@ -31,7 +31,7 @@ export class MdsVideoWall {
         this.hasContent = this.hostElement.querySelector(':scope > [slot="content"]') !== null;
     }
     render() {
-        return (h(Host, { key: '82f1f142c13168968cc0652b21612a6872ba63fe' }, this.noise !== 'none' && (h("div", { key: 'a6f179747d63769ec0780986754d9bd04579c39d', "aria-hidden": "true", class: clsx('noise', `noise--${this.noise}`) })), h("video", { key: 'b6d9b4d16a414594624c3bbf6b3c6059538c99de', "aria-hidden": "true", autoplay: this.autoplay, loop: this.loop, muted: this.muted, poster: this.poster, preload: this.preload, src: this.src }, h("slot", { key: '3667c4c9bc1bb1cb28dd42ef0e71841fcbc92013' })), this.hasContent && (h("div", { key: 'a7173bd4b5306bbbada4d875fcbc25ba1702839a', class: "content" }, h("slot", { key: '6f5a6425717d2ee622f53055ac3c4633392110b4', name: "content" })))));
+        return (h(Host, { key: '0a933dddb8d907e76b6fce5b2299f0ebe604e019' }, this.noise !== 'none' && (h("div", { key: 'd87ad1ae5f923b319006211fc653bd15eb7cecea', "aria-hidden": "true", class: clsx('noise', `noise--${this.noise}`) })), h("video", { key: 'c10fd33395a9ff296a93750d089005000ef68e3d', "aria-hidden": "true", autoplay: this.autoplay, loop: this.loop, muted: this.muted, poster: this.poster, preload: this.preload, src: this.src }, h("slot", { key: '552250bcc5f1ea12bcf6f1db4756e9f6f83f7788' })), this.hasContent && (h("div", { key: '4016232546d9e8afdfe632a34d020d0c5e0a9460', class: "content" }, h("slot", { key: '212470d9c24011d120d237e8f1d589c95d25112c', name: "content" })))));
     }
     static get is() { return "mds-video-wall"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-zero/mds-zero.js

@@ -1,6 +1,6 @@
 import { Host, h } from "@stencil/core";
 /**
- * @slot default - Add `HTML elements` or `components` to this slot, it is **recommended** to use `mds-img` or `img` element.
+ * @slot - Add `HTML elements` or `components` to this slot, it is **recommended** to use `mds-img` or `img` element.
  * @slot content - Put text elements here,
  * @slot action - Add `HTML elements` or `components`, it is **recommended** to use `mds-button` element.
  * @part contents - Selects the wrapper of the elements with attribute `slot="content"`.
@@ -8,7 +8,7 @@ import { Host, h } from "@stencil/core";
  */
 export class MdsZero {
     render() {
-        return (h(Host, { key: '4fa8ad6a12089daefb9f6c0c92a0e8e5d4d4514d' }, h("slot", { key: 'b75c4e9d7b1b37a6800fe27c83dbf870bf16bb33' }), h("div", { key: '06800749b5440e93d5d258aa71610ebc17841624', class: "contents", part: "contents" }, h("slot", { key: '802d32def4e717b196e0fa1d4666d316107ef04c', name: "content" })), h("footer", { key: '0da9f38014efaef387026489b81050360af244e7', class: "actions", part: "actions" }, h("slot", { key: '91f9ec1a9a3ace90eb721768d0e54600d057cf1d', name: "action" }))));
+        return (h(Host, { key: '5fc07df830baec28cfb023dcd6bae81cc184c294' }, h("slot", { key: '7823c19de6bcb12f9818522bc8f304597bfcfebe' }), h("div", { key: '4d6c145da8e8bf866dd29b3c9367b75c5bbf212c', class: "contents", part: "contents" }, h("slot", { key: '10a9baa24dd9b3b440b73dec22e10a7ff9a20749', name: "content" })), h("footer", { key: '69e92dfefd828457aa67f148c62c6570b3b7e2f4', class: "actions", part: "actions" }, h("slot", { key: '9cf15fcf22c0f61f1004305963685fe76d6685ed', name: "action" }))));
     }
     static get is() { return "mds-zero"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/index.js

@@ -0,0 +1,15 @@
+/**
+ * Public, non-component entry point for `@maggioli-design-system/magma`.
+ *
+ * Exposed through the `./services` subpath export so consumers can configure the
+ * icon SVG base path programmatically, without relying on `sessionStorage`:
+ *
+ * ```ts
+ * import { IconsSetService } from '@maggioli-design-system/magma/services';
+ * IconsSetService.setSvgPath('/assets/svg/');
+ * ```
+ *
+ * `setSvgPath()` updates the shared icon path (kept on `globalThis`, so every bundled
+ * copy of the service agrees on it) and re-fetches all mounted `<mds-icon>` instances.
+ */
+export { IconsSetService } from './components/mds-icon/services/icons-set.service';

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 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:"70cbd276fd2552fa643a9297ca91479835a3669a"},e("button",{key:"80f2fe79c0c3516330949615ab76e30d76c553c8","aria-controls":"content","aria-expanded":this.selected?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},e("mds-text",{key:"1709a57f269dc53e3530d17e37984d3a90991ec3",typography:this.typography,part:"label"},this.label),e("mds-text",{key:"d9c01a62a36a9a8930b228cc748e7527d8c927bd","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},e("i",{key:"80ecf7c41a6c8ee7a7d7793836466496e6c35149",class:"icon",innerHTML:n}))),e("div",{key:"43617c689361b7748b588af64e4e209f43788f8e",class:"content",id:"content"},e("div",{key:"ee082641d530d31c12e5f0e52464fb64c38ad572","aria-labelledby":"action",class:"content-expander",part:"content",role:"region"},e("slot",{key:"9499ce48fce9fa821ba339c08226c74eea72b63f"}))))}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}

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 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:"2a267905abe7323573c9ba374f876877a4d7d708",onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},i("div",{key:"96fcad4d326cc0cdee6003e874b267b05302d535",class:"row"},i("mds-progress",{key:"ac8f0ef04501960d4a90e2249cd72cfaecc4178d","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:"7550b2107ad942448f6da6e3116174ad2067b257",class:"accordion"},i("button",{key:"084c9f9bd12d5aca2422a64bcea440c248cf1a00","aria-controls":"content","aria-expanded":this.selected?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},i("mds-text",{key:"d5b1d6961ab7b27ef837fd0180bb253885a58aba",typography:this.typography,part:"label"},this.description),i("mds-text",{key:"baac8e278b04ebabc01a434451a367df848cd692","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},i("i",{key:"835a41cd2c377aeff1c489aedad1a2b84651fcfe",class:"icon",innerHTML:a}))),i("div",{key:"e48c87aeb25bb8d7fc33335978ff17ffd07f1577",class:"content",id:"content"},i("div",{key:"4d3b60411f38078738cdc9b6cb4d5b14316391d3","aria-label":this.description,class:"content-expander",part:"content",role:"region"},i("slot",{key:"e474417107b3705901dfe539ce8860d66f4c19b6"}))))))}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,u=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,u 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 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(),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 s(o,{key:"6801e67ac8d8235b3c8610787fcddc6223123284"},s("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}}}@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}]}]),d=n,a=function(){"undefined"!=typeof customElements&&["mds-accordion-timer"].forEach((t=>{"mds-accordion-timer"===t&&(customElements.get(r(t))||customElements.define(r(t),n))}))};export{d as MdsAccordionTimer,a 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 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:"c3abd999f46ae45f2ba929c1719a04b2f6e57e62"},r("slot",{key:"368b026625a477dfc337b5d9b56ee6e01eef15ce"}))}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}

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

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

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

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