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

package/dist/components/mds-card-content.js

@@ -1,35 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const mdsCardContentCss = "@layer reset,vendor,theme,base,components,utilities;@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}:host{display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-columns:repeat(auto-fit,minmax(1px,100%));min-width:0;padding:calc(var(--spacing,.0025rem)*400)}";
-
-const MdsCardContent$1 = /*@__PURE__*/ proxyCustomElement(class MdsCardContent extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Host, { key: '8473bf383d3e53d5e7fc1d28bb1db7c55e89ed1f', slot: "content" }, h("slot", { key: 'd94a743c850ae055f5cf18ec64cccbc25f2c2386' })));
-    }
-    static get style() { return mdsCardContentCss; }
-}, [257, "mds-card-content"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-card-content"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-card-content":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsCardContent$1);
-            }
-            break;
-    } });
-}
-
-const MdsCardContent = MdsCardContent$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsCardContent, defineCustomElement };
+import{proxyCustomElement as t,HTMLElement as e,h as n,Host as s,transformTag as o}from"@stencil/core/internal/client";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return n(s,{key:"8473bf383d3e53d5e7fc1d28bb1db7c55e89ed1f",slot:"content"},n("slot",{key:"d94a743c850ae055f5cf18ec64cccbc25f2c2386"}))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@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}:host{display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-columns:repeat(auto-fit,minmax(1px,100%));min-width:0;padding:calc(var(--spacing,.0025rem)*400)}"}},[257,"mds-card-content"]),i=c,r=function(){"undefined"!=typeof customElements&&["mds-card-content"].forEach((t=>{"mds-card-content"===t&&(customElements.get(o(t))||customElements.define(o(t),c))}))};export{i as MdsCardContent,r as defineCustomElement}

package/dist/components/mds-card-footer.js

@@ -1,35 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const mdsCardFooterCss = "@layer reset,vendor,theme,base,components,utilities;@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}:host{align-items:center;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:flex-end;min-width:0;padding:calc(var(--spacing,.0025rem)*400)}";
-
-const MdsCardFooter$1 = /*@__PURE__*/ proxyCustomElement(class MdsCardFooter extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Host, { key: 'ece0d1f82874b8418e5fe959f52542fa75562b9c', slot: "footer" }, h("slot", { key: '0e1dc915caf0abf097fa9d2c152b9af919280d1e' })));
-    }
-    static get style() { return mdsCardFooterCss; }
-}, [257, "mds-card-footer"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-card-footer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-card-footer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsCardFooter$1);
-            }
-            break;
-    } });
-}
-
-const MdsCardFooter = MdsCardFooter$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsCardFooter, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as t,h as o,Host as s,transformTag as n}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o(s,{key:"ece0d1f82874b8418e5fe959f52542fa75562b9c",slot:"footer"},o("slot",{key:"0e1dc915caf0abf097fa9d2c152b9af919280d1e"}))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@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}:host{align-items:center;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:flex-end;min-width:0;padding:calc(var(--spacing,.0025rem)*400)}"}},[257,"mds-card-footer"]),i=r,a=function(){"undefined"!=typeof customElements&&["mds-card-footer"].forEach((e=>{"mds-card-footer"===e&&(customElements.get(n(e))||customElements.define(n(e),r))}))};export{i as MdsCardFooter,a as defineCustomElement}

package/dist/components/mds-card-header.js

@@ -1,39 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const mdsCardHeaderCss = "@layer reset,vendor,theme,base,components,utilities;@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}:host{align-items:center;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:space-between;min-width:0;padding:calc(var(--spacing,.0025rem)*400)}";
-
-const MdsCardHeader$1 = /*@__PURE__*/ proxyCustomElement(class MdsCardHeader extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    componentWillLoad() {
-        this.actions = this.hostElement.querySelector(':scope > [slot="action"]') !== null;
-    }
-    render() {
-        return (h(Host, { key: '8330b5f74a2d0995e33d77ea2b5c4131c29266a4', slot: "header" }, h("slot", { key: 'e3a7ca1b4fccc0c4a618808c5285f3af8bc20ca4' }), this.actions && (h("div", { key: 'ace7c1ac31dec0a141673612118bbbdab4ce24c9', class: "actions" }, h("slot", { key: 'd64698964813c57b065b67d27c695ea93d2b2cd8', name: "action" })))));
-    }
-    get hostElement() { return this; }
-    static get style() { return mdsCardHeaderCss; }
-}, [257, "mds-card-header"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-card-header"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-card-header":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsCardHeader$1);
-            }
-            break;
-    } });
-}
-
-const MdsCardHeader = MdsCardHeader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsCardHeader, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as t,h as s,Host as a,transformTag as c}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}componentWillLoad(){this.actions=null!==this.hostElement.querySelector(':scope > [slot="action"]')}render(){return s(a,{key:"8330b5f74a2d0995e33d77ea2b5c4131c29266a4",slot:"header"},s("slot",{key:"e3a7ca1b4fccc0c4a618808c5285f3af8bc20ca4"}),this.actions&&s("div",{key:"ace7c1ac31dec0a141673612118bbbdab4ce24c9",class:"actions"},s("slot",{key:"d64698964813c57b065b67d27c695ea93d2b2cd8",name:"action"})))}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))){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;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:space-between;min-width:0;padding:calc(var(--spacing,.0025rem)*400)}"}},[257,"mds-card-header"]),i=n,o=function(){"undefined"!=typeof customElements&&["mds-card-header"].forEach((e=>{"mds-card-header"===e&&(customElements.get(c(e))||customElements.define(c(e),n))}))};export{i as MdsCardHeader,o as defineCustomElement}

package/dist/components/mds-card-media.js

@@ -1,35 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const mdsCardMediaCss = "@layer reset,vendor,theme,base,components,utilities;@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}:host{background-color:rgb(var(--tone-neutral-09,76 76 76));display:grid;min-width:0;position:relative}.content{align-items:flex-end;display:flex;gap:calc(var(--spacing,.0025rem)*200);inset:0;justify-content:center;padding:calc(var(--spacing,.0025rem)*400);position:absolute}.img{-o-object-fit:contain;object-fit:contain}";
-
-const MdsCardMedia$1 = /*@__PURE__*/ proxyCustomElement(class MdsCardMedia extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Host, { key: '3b5160ec822d4f36a670153d18d0c3186c25cea9', slot: "media" }, h("div", { key: '6e4c0488e264f6334041fffe32781eced8a01625', class: "content", part: "content" }, h("slot", { key: '8d19d53a625f894f7f5ad9b4e0980600ef8ffb09', name: "content" })), h("slot", { key: 'c8674d696ebf4d6df73758beed889c65ebdc9ea1' })));
-    }
-    static get style() { return mdsCardMediaCss; }
-}, [257, "mds-card-media"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-card-media"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-card-media":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsCardMedia$1);
-            }
-            break;
-    } });
-}
-
-const MdsCardMedia = MdsCardMedia$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsCardMedia, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as t,h as n,Host as i,transformTag as o}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n(i,{key:"3b5160ec822d4f36a670153d18d0c3186c25cea9",slot:"media"},n("div",{key:"6e4c0488e264f6334041fffe32781eced8a01625",class:"content",part:"content"},n("slot",{key:"8d19d53a625f894f7f5ad9b4e0980600ef8ffb09",name:"content"})),n("slot",{key:"c8674d696ebf4d6df73758beed889c65ebdc9ea1"}))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@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}:host{background-color:rgb(var(--tone-neutral-09,76 76 76));display:grid;min-width:0;position:relative}.content{align-items:flex-end;display:flex;gap:calc(var(--spacing,.0025rem)*200);inset:0;justify-content:center;padding:calc(var(--spacing,.0025rem)*400);position:absolute}.img{-o-object-fit:contain;object-fit:contain}"}},[257,"mds-card-media"]),a=s,c=function(){"undefined"!=typeof customElements&&["mds-card-media"].forEach((e=>{"mds-card-media"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))};export{a as MdsCardMedia,c as defineCustomElement}

package/dist/components/mds-card.js

@@ -1,60 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { c as clsx } from './clsx.js';
-
-const mdsCardCss = "@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-card-gap:0;--mds-card-padding:0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-card-content,mds-card-footer,mds-card-header,mds-card-media):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-card-gap{syntax:\"<length>\";inherits:false;initial-value:0}@property --mds-card-padding{syntax:\"<length>\";inherits:false;initial-value:0}:host{--mds-card-gap:0;--mds-card-padding:0;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-2xl,24px);-webkit-box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);corner-shape:var(--magma-corner-shape,round);container:mds-card/inline-size;display:grid;min-height:calc(var(--spacing,.0025rem)*400);overflow:hidden}.layout:not(.layout--disabled) ::slotted([slot=media]){grid-area:media}.layout:not(.layout--disabled) ::slotted([slot=header]){grid-area:header}.layout:not(.layout--disabled) ::slotted([slot=content]){grid-area:content}.layout:not(.layout--disabled) ::slotted([slot=footer]){grid-area:footer}.layout{display:grid;gap:var(--mds-card-gap,0);grid-template-columns:repeat(auto-fit,minmax(1px,100%));padding:var(--mds-card-padding,0)}.layout--cfhm:not(.layout--disabled){grid-template-areas:\"header\"\"media\"\"content\"\"footer\";grid-template-rows:-webkit-min-content -webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content min-content 1fr min-content}.layout--chm:not(.layout--disabled){grid-template-areas:\"header\"\"media\"\"content\";grid-template-rows:-webkit-min-content -webkit-min-content 1fr;grid-template-rows:min-content min-content 1fr}.layout--cfm:not(.layout--disabled){grid-template-areas:\"media\"\"content\"\"footer\"}.layout--cfm:not(.layout--disabled),.layout--fhm:not(.layout--disabled){grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--fhm:not(.layout--disabled){grid-template-areas:\"header\"\"media\"\"footer\"}.layout--cfh:not(.layout--disabled){grid-template-areas:\"header\"\"content\"\"footer\";grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--hm:not(.layout--disabled){grid-template-areas:\"header\"\"media\";grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--fm:not(.layout--disabled){grid-template-areas:\"media\"\"footer\";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--cm:not(.layout--disabled){grid-template-areas:\"media\"\"content\"}.layout--cm:not(.layout--disabled),.layout--fh:not(.layout--disabled){grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--fh:not(.layout--disabled){grid-template-areas:\"header\"\"footer\"}.layout--ch:not(.layout--disabled){grid-template-areas:\"header\"\"content\";grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--cf:not(.layout--disabled){grid-template-areas:\"content\"\"footer\";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--h:not(.layout--disabled){grid-template-areas:\"header\";grid-template-rows:1fr}.layout--m:not(.layout--disabled){grid-template-areas:\"media\";grid-template-rows:1fr}.layout--c:not(.layout--disabled){grid-template-areas:\"content\";grid-template-rows:1fr}.layout--f:not(.layout--disabled){grid-template-areas:\"footer\";grid-template-rows:1fr}@container mds-card not (max-width:30em){.layout--cfhm:not(.layout--disabled){grid-template-areas:\"media header\"\"media content\"\"media footer\";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--chm:not(.layout--disabled){grid-template-areas:\"media header\"\"media content\"\"media content\";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr 1fr;grid-template-rows:min-content 1fr 1fr}.layout--fhm:not(.layout--disabled){grid-template-areas:\"media header\"\"media footer\";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--cfm:not(.layout--disabled){grid-template-areas:\"media content\"\"media footer\"}.layout--cfm:not(.layout--disabled),.layout--cm:not(.layout--disabled){grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--cm:not(.layout--disabled){grid-template-areas:\"media content\"}}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}:host-context(:root.pref-contrast-more){-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)}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-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)}}";
-
-const MdsCard$1 = /*@__PURE__*/ proxyCustomElement(class MdsCard extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Enables automatic responsive behavior based on container queries
-         */
-        this.autoGrid = true;
-    }
-    componentWillLoad() {
-        this.layout = Array.from(this.host.children)
-            // check custom slot
-            .map((c) => {
-            var _a;
-            return ((_a = c.getAttribute('slot')) !== null && _a !== void 0 ? _a :
-                // if no custom slot find mds-card-{component}
-                c.tagName.startsWith('MDS-CARD-'))
-                ? // replace mds-card-header with header (for all mds-card-{component})
-                    c.tagName.toLocaleLowerCase().replace('mds-card-', '')
-                : // if find other tag do nothing
-                    '';
-        })
-            .sort()
-            .reduce((prev, curr) => prev + curr.charAt(0), '');
-    }
-    render() {
-        return (h(Host, { key: 'e5143babcd5c15b6e626af3dc62824ce1766faea' }, h("div", { key: '9bdd4440748ad05436f9385037dbd0acb9819f3d', class: clsx('layout', this.layout && `layout--${this.layout}`, !this.autoGrid ? 'layout--disabled' : ''), part: "layout" }, h("slot", { key: 'e4cc48c56f8859d82c79e9f3aa5f1d749efe2ce2', name: "media" }), h("slot", { key: 'd1873703aac2d635645e88f852f6a658616f69b5', name: "header" }), h("slot", { key: 'd9d07a179c013d75360262a2f3bc1b026d49c25a', name: "content" }), h("slot", { key: '0b942e340f715a0e25827f680a891083cd73c8cb', name: "footer" }))));
-    }
-    get host() { return this; }
-    static get style() { return mdsCardCss; }
-}, [257, "mds-card", {
-        "autoGrid": [516, "auto-grid"],
-        "layout": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-card"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-card":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsCard$1);
-            }
-            break;
-    } });
-}
-
-const MdsCard = MdsCard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsCard, defineCustomElement };
+import{proxyCustomElement as t,HTMLElement as e,h as a,Host as o,transformTag as r}from"@stencil/core/internal/client";import{c as d}from"./clsx.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.autoGrid=!0}componentWillLoad(){this.layout=Array.from(this.host.children).map((t=>{var e;return(null!==(e=t.getAttribute("slot"))&&void 0!==e?e:t.tagName.startsWith("MDS-CARD-"))?t.tagName.toLocaleLowerCase().replace("mds-card-",""):""})).sort().reduce(((t,e)=>t+e.charAt(0)),"")}render(){return a(o,{key:"e5143babcd5c15b6e626af3dc62824ce1766faea"},a("div",{key:"9bdd4440748ad05436f9385037dbd0acb9819f3d",class:d("layout",this.layout&&"layout--"+this.layout,this.autoGrid?"":"layout--disabled"),part:"layout"},a("slot",{key:"e4cc48c56f8859d82c79e9f3aa5f1d749efe2ce2",name:"media"}),a("slot",{key:"d1873703aac2d635645e88f852f6a658616f69b5",name:"header"}),a("slot",{key:"d9d07a179c013d75360262a2f3bc1b026d49c25a",name:"content"}),a("slot",{key:"0b942e340f715a0e25827f680a891083cd73c8cb",name:"footer"})))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-card-gap:0;--mds-card-padding:0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-card-content,mds-card-footer,mds-card-header,mds-card-media):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-card-gap{syntax:"<length>";inherits:false;initial-value:0}@property --mds-card-padding{syntax:"<length>";inherits:false;initial-value:0}:host{--mds-card-gap:0;--mds-card-padding:0;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-2xl,24px);-webkit-box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);corner-shape:var(--magma-corner-shape,round);container:mds-card/inline-size;display:grid;min-height:calc(var(--spacing,.0025rem)*400);overflow:hidden}.layout:not(.layout--disabled) ::slotted([slot=media]){grid-area:media}.layout:not(.layout--disabled) ::slotted([slot=header]){grid-area:header}.layout:not(.layout--disabled) ::slotted([slot=content]){grid-area:content}.layout:not(.layout--disabled) ::slotted([slot=footer]){grid-area:footer}.layout{display:grid;gap:var(--mds-card-gap,0);grid-template-columns:repeat(auto-fit,minmax(1px,100%));padding:var(--mds-card-padding,0)}.layout--cfhm:not(.layout--disabled){grid-template-areas:"header""media""content""footer";grid-template-rows:-webkit-min-content -webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content min-content 1fr min-content}.layout--chm:not(.layout--disabled){grid-template-areas:"header""media""content";grid-template-rows:-webkit-min-content -webkit-min-content 1fr;grid-template-rows:min-content min-content 1fr}.layout--cfm:not(.layout--disabled){grid-template-areas:"media""content""footer"}.layout--cfm:not(.layout--disabled),.layout--fhm:not(.layout--disabled){grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--fhm:not(.layout--disabled){grid-template-areas:"header""media""footer"}.layout--cfh:not(.layout--disabled){grid-template-areas:"header""content""footer";grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--hm:not(.layout--disabled){grid-template-areas:"header""media";grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--fm:not(.layout--disabled){grid-template-areas:"media""footer";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--cm:not(.layout--disabled){grid-template-areas:"media""content"}.layout--cm:not(.layout--disabled),.layout--fh:not(.layout--disabled){grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--fh:not(.layout--disabled){grid-template-areas:"header""footer"}.layout--ch:not(.layout--disabled){grid-template-areas:"header""content";grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--cf:not(.layout--disabled){grid-template-areas:"content""footer";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--h:not(.layout--disabled){grid-template-areas:"header";grid-template-rows:1fr}.layout--m:not(.layout--disabled){grid-template-areas:"media";grid-template-rows:1fr}.layout--c:not(.layout--disabled){grid-template-areas:"content";grid-template-rows:1fr}.layout--f:not(.layout--disabled){grid-template-areas:"footer";grid-template-rows:1fr}@container mds-card not (max-width:30em){.layout--cfhm:not(.layout--disabled){grid-template-areas:"media header""media content""media footer";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--chm:not(.layout--disabled){grid-template-areas:"media header""media content""media content";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr 1fr;grid-template-rows:min-content 1fr 1fr}.layout--fhm:not(.layout--disabled){grid-template-areas:"media header""media footer";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--cfm:not(.layout--disabled){grid-template-areas:"media content""media footer"}.layout--cfm:not(.layout--disabled),.layout--cm:not(.layout--disabled){grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--cm:not(.layout--disabled){grid-template-areas:"media content"}}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}:host-context(:root.pref-contrast-more){-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)}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-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)}}'}},[257,"mds-card",{autoGrid:[516,"auto-grid"],layout:[32]}]),i=n,l=function(){"undefined"!=typeof customElements&&["mds-card"].forEach((t=>{"mds-card"===t&&(customElements.get(r(t))||customElements.define(r(t),n))}))};export{i as MdsCard,l as defineCustomElement}

package/dist/components/mds-chip.js

@@ -1,6 +1 @@
-import { M as MdsChip$1, d as defineCustomElement$1 } from './mds-chip2.js';
-
-const MdsChip = MdsChip$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsChip, defineCustomElement };
+import{M as s,d as o}from"./mds-chip2.js";const m=s,p=o;export{m as MdsChip,p as defineCustomElement}

package/dist/components/mds-chip2.js

@@ -1,195 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { m as miBaselineCancel } from './cancel.js';
-import { s as setAttributeIfEmpty } from './aria.js';
-import { K as KeyboardManager } from './keyboard-manager.js';
-import { L as Locale } from './locale.js';
-import { d as defineCustomElement$4 } from './mds-button2.js';
-import { d as defineCustomElement$3 } from './mds-icon2.js';
-import { d as defineCustomElement$2 } from './mds-spinner2.js';
-import { d as defineCustomElement$1 } from './mds-text2.js';
-
-const deleteLabel$3 = "Αφαίρεση";
-var localeEl = {
-	deleteLabel: deleteLabel$3
-};
-
-const deleteLabel$2 = "Remove";
-var localeEn = {
-	deleteLabel: deleteLabel$2
-};
-
-const deleteLabel$1 = "Eliminar";
-var localeEs = {
-	deleteLabel: deleteLabel$1
-};
-
-const deleteLabel = "Rimuovi";
-var localeIt = {
-	deleteLabel: deleteLabel
-};
-
-const mdsChipCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-border:transparent;--mds-chip-color:rgb(var(--tone-neutral-03,233 233 233));--mds-chip-icon-background:rgb(var(--variant-primary-06,90 147 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:.5}}}@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-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-chip-border{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --mds-chip-opacity-disabled{syntax:\"<number>\";inherits:false;initial-value:.5}:host{--mds-chip-color:rgb(var(--tone-neutral-03,233 233 233));--mds-chip-icon-background:rgb(var(--variant-primary-06,90 147 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:.5;align-items:center;background-color:var(--mds-chip-background,rgb(var(--tone-neutral,0 0 0)));border:2px solid var(--mds-chip-border,transparent);border-radius:1000px;-webkit-box-shadow:var(--mds-chip-shadow);box-shadow:var(--mds-chip-shadow);box-sizing:border-box;color:var(--mds-chip-color,rgb(var(--tone-neutral-03,233 233 233)));display:inline-flex;gap:calc(var(--spacing,.0025rem)*150);justify-content:center;justify-self:start;max-width:min-content;min-width:min-content;padding:0 calc(var(--spacing,.0025rem)*50);-webkit-transition-duration:var(--duration-150,.15s);transition-duration:var(--duration-150,.15s);transition-property:background-color,border-color,box-shadow,color,opacity;-webkit-transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-border:transparent;--mds-chip-color:rgb(var(--tone-neutral-04,218 218 218));--mds-chip-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a)}.label-wrapper{align-items:center;display:inline-flex;height:calc(var(--spacing,.0025rem)*800);justify-content:start}.label-wrapper:first-child{padding-left:calc(var(--spacing,.0025rem)*200)}.label-wrapper:last-child{padding-right:calc(var(--spacing,.0025rem)*200)}:host([disabled]:not([disabled=false])){opacity:var(--mds-chip-opacity-disabled,.5);pointer-events:none}.label{border-radius:1000px;flex-grow:1;text-decoration-color:#0000;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,text-decoration-color,outline,outline-offset;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94))}:host([clickable]:not([clickable=false])) .label{cursor:pointer;text-decoration:underline}:host([clickable]:not([clickable=false])) .label:hover{-webkit-text-decoration-color:unset;text-decoration-color:unset}.label--interactive{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.label--interactive:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running;z-index:10}.icon-area{align-items:center;background-color:var(--mds-chip-icon-background,rgb(var(--variant-primary-06,90 147 255)));border-radius:1000px;display:flex;flex-shrink:0;height:calc(var(--spacing,.0025rem)*700);justify-content:center;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-timing-function:inherit;transition-timing-function:inherit;width:calc(var(--spacing,.0025rem)*700)}.icon{fill:var(--mds-chip-icon-color,rgb(var(--tone-neutral,0 0 0)));height:calc(var(--spacing,.0025rem)*400);transition:fill;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);width:calc(var(--spacing,.0025rem)*400)}.button-delete{corner-shape:round;border-radius:100px;height:auto;padding:0}.button-delete--hidden{display:none}:host([variant=primary][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-primary-05,152 188 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=primary][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-primary-09,0 58 168));--mds-chip-icon-color:rgb(var(--variant-primary-04,184 208 255))}:host([variant=primary][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-primary-04,184 208 255))}:host([variant=primary][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-primary-06,90 147 255))}:host([variant=secondary][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-secondary-05,161 187 248));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=secondary][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-secondary-09,12 58 168));--mds-chip-icon-color:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-secondary-06,106 147 245))}:host([variant=ai][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-ai-05,202 174 251));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=ai][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-ai-09,75 8 189));--mds-chip-icon-color:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-ai-06,172 126 249))}:host([variant=success][tone=strong]){--mds-chip-icon-background:rgb(var(--status-success-05,107 206 147));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=success][tone=weak]){--mds-chip-icon-background:rgb(var(--status-success-09,0 82 9));--mds-chip-icon-color:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=strong][selected]){--mds-chip-border:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=weak][selected]){--mds-chip-border:rgb(var(--status-success-06,0 171 97))}:host([variant=warning][tone=strong]){--mds-chip-icon-background:rgb(var(--status-warning-05,237 177 0));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=warning][tone=weak]){--mds-chip-icon-background:rgb(var(--status-warning-09,90 67 0));--mds-chip-icon-color:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=strong][selected]){--mds-chip-border:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=weak][selected]){--mds-chip-border:rgb(var(--status-warning-06,190 142 0))}:host([variant=error][tone=strong]){--mds-chip-icon-background:rgb(var(--status-error-05,250 165 160));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=error][tone=weak]){--mds-chip-icon-background:rgb(var(--status-error-09,135 0 14));--mds-chip-icon-color:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=strong][selected]){--mds-chip-border:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=weak][selected]){--mds-chip-border:rgb(var(--status-error-06,239 108 105))}:host([variant=info][tone=strong]){--mds-chip-icon-background:rgb(var(--status-info-05,112 198 234));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=info][tone=weak]){--mds-chip-icon-background:rgb(var(--status-info-09,0 73 116));--mds-chip-icon-color:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=strong][selected]){--mds-chip-border:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=weak][selected]){--mds-chip-border:rgb(var(--status-info-06,0 161 208))}:host([variant=amaranth][tone=strong]){--mds-chip-icon-background:rgb(var(--label-amaranth-05,250 163 178));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=amaranth][tone=weak]){--mds-chip-icon-background:rgb(var(--label-amaranth-09,135 8 30));--mds-chip-icon-color:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth][tone=strong][selected]){--mds-chip-border:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth][tone=weak][selected]){--mds-chip-border:rgb(var(--label-amaranth-06,246 99 125))}:host([variant=aqua][tone=strong]){--mds-chip-icon-background:rgb(var(--label-aqua-05,7 203 237));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=aqua][tone=weak]){--mds-chip-icon-background:rgb(var(--label-aqua-09,3 77 90));--mds-chip-icon-color:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua][tone=strong][selected]){--mds-chip-border:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua][tone=weak][selected]){--mds-chip-border:rgb(var(--label-aqua-06,5 163 190))}:host([variant=blue][tone=strong]){--mds-chip-icon-background:rgb(var(--label-blue-05,170 184 252));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=blue][tone=weak]){--mds-chip-icon-background:rgb(var(--label-blue-09,7 40 196));--mds-chip-icon-color:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue][tone=strong][selected]){--mds-chip-border:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue][tone=weak][selected]){--mds-chip-border:rgb(var(--label-blue-06,121 143 250))}:host([variant=green][tone=strong]){--mds-chip-icon-background:rgb(var(--label-green-05,37 213 102));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=green][tone=weak]){--mds-chip-icon-background:rgb(var(--label-green-09,14 81 39));--mds-chip-icon-color:rgb(var(--label-green-04,113 230 156))}:host([variant=green][tone=strong][selected]){--mds-chip-border:rgb(var(--label-green-04,113 230 156))}:host([variant=green][tone=weak][selected]){--mds-chip-border:rgb(var(--label-green-06,30 171 82))}:host([variant=lime][tone=strong]){--mds-chip-icon-background:rgb(var(--label-lime-05,134 207 22));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=lime][tone=weak]){--mds-chip-icon-background:rgb(var(--label-lime-09,51 79 8));--mds-chip-icon-color:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime][tone=strong][selected]){--mds-chip-border:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime][tone=weak][selected]){--mds-chip-border:rgb(var(--label-lime-06,108 167 18))}:host([variant=orange][tone=strong]){--mds-chip-icon-background:rgb(var(--label-orange-05,251 168 111));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=orange][tone=weak]){--mds-chip-icon-background:rgb(var(--label-orange-09,116 49 3));--mds-chip-icon-color:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange][tone=strong][selected]){--mds-chip-border:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange][tone=weak][selected]){--mds-chip-border:rgb(var(--label-orange-06,247 105 6))}:host([variant=orchid][tone=strong]){--mds-chip-icon-background:rgb(var(--label-orchid-05,245 163 203));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=orchid][tone=weak]){--mds-chip-icon-background:rgb(var(--label-orchid-09,131 14 71));--mds-chip-icon-color:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid][tone=strong][selected]){--mds-chip-border:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid][tone=weak][selected]){--mds-chip-border:rgb(var(--label-orchid-06,239 99 168))}:host([variant=sky][tone=strong]){--mds-chip-icon-background:rgb(var(--label-sky-05,94 198 245));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=sky][tone=weak]){--mds-chip-icon-background:rgb(var(--label-sky-09,6 76 107));--mds-chip-icon-color:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky][tone=strong][selected]){--mds-chip-border:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky][tone=weak][selected]){--mds-chip-border:rgb(var(--label-sky-06,13 158 224))}:host([variant=violet][tone=strong]){--mds-chip-icon-background:rgb(var(--label-violet-05,198 175 251));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=violet][tone=weak]){--mds-chip-icon-background:rgb(var(--label-violet-09,67 11 195));--mds-chip-icon-color:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet][tone=strong][selected]){--mds-chip-border:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet][tone=weak][selected]){--mds-chip-border:rgb(var(--label-violet-06,166 129 248))}:host([variant=yellow][tone=strong]){--mds-chip-icon-background:rgb(var(--label-yellow-05,234 179 8));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=yellow][tone=weak]){--mds-chip-icon-background:rgb(var(--label-yellow-09,89 68 3));--mds-chip-icon-color:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow][tone=strong][selected]){--mds-chip-border:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow][tone=weak][selected]){--mds-chip-border:rgb(var(--label-yellow-06,188 143 6))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .label,:host-context(:root.pref-animation-reduce) .icon){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-chip-background:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-color:rgb(var(--tone-neutral-02,244 244 244));--mds-chip-icon-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:var(--opacity-disabled,.6);--mds-chip-backgroud-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-chip-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-chip-icon-color-selected:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}@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]))) .icon,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .label{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-chip-background:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-color:rgb(var(--tone-neutral-02,244 244 244));--mds-chip-icon-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:var(--opacity-disabled,.6);--mds-chip-backgroud-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-chip-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-chip-icon-color-selected:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}";
-
-const MdsChip = /*@__PURE__*/ proxyCustomElement(class MdsChip extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.clickLabelEvent = createEvent(this, "mdsChipClickLabel", 7);
-        this.deleteEvent = createEvent(this, "mdsChipDelete", 7);
-        this.selectEvent = createEvent(this, "mdsChipSelect", 7);
-        this.km = new KeyboardManager();
-        this.t = new Locale({
-            el: localeEl,
-            en: localeEn,
-            es: localeEs,
-            it: localeIt,
-        });
-        /**
-         * Sets the component disabled status
-         */
-        this.disabled = false;
-        /**
-         * Sets if the component change is status to selected when is clicked
-         */
-        this.selectable = false;
-        /**
-         * Sets the color variant of the component
-         */
-        this.variant = 'primary';
-        /**
-         * Sets the color variant tone of the component
-         */
-        this.tone = 'strong';
-        this.handleClickableKeyboard = (isClickable) => {
-            var _a;
-            if (isClickable) {
-                const label = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.label');
-                this.km.addElement(label, 'label');
-                this.km.attachClickBehavior('label');
-                return;
-            }
-            this.km.detachClickBehavior('label');
-        };
-        this.handleClickableElement = (isClickable) => {
-            var _a;
-            const label = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.label');
-            if (!label) {
-                return;
-            }
-            if (isClickable) {
-                setAttributeIfEmpty(label, 'role', 'button');
-                label.addEventListener('click', this.onClickLabelHandler.bind(this));
-                return;
-            }
-            label.removeAttribute('role');
-            label.removeEventListener('click', this.onClickLabelHandler.bind(this));
-        };
-    }
-    async updateLang() {
-        this.language = this.t.lang(this.host);
-    }
-    handleSelectableProp(newValue) {
-        if (newValue) {
-            this.clickable = true;
-        }
-    }
-    handleClickableProp(newValue) {
-        this.handleClickableElement(newValue);
-        this.handleClickableKeyboard(newValue);
-    }
-    handleSelectedProp(newValue) {
-        if (newValue === false) {
-            this.selected = undefined;
-        }
-    }
-    onClickLabelHandler(event) {
-        if (this.selectable) {
-            this.selected = !this.selected;
-            if (this.selected === false) {
-                this.selected = undefined;
-            }
-            this.selectEvent.emit({ event, element: this.host, selected: this.selected });
-            return;
-        }
-        this.clickLabelEvent.emit({ event, element: this.host });
-    }
-    onDeleteHandler(event) {
-        this.deleteEvent.emit({ event, element: this.host });
-    }
-    componentWillLoad() {
-        this.t.lang(this.host);
-    }
-    componentDidLoad() {
-        if (this.clickable) {
-            this.handleClickableElement(true);
-            this.handleClickableKeyboard(true);
-        }
-    }
-    disconnectedCallback() {
-        this.km.detachClickBehavior('label');
-    }
-    render() {
-        return (h(Host, { key: '0ff9c5f44050e5aae268321b89f3479ad50b3eec', "aria-disabled": this.disabled ? 'true' : 'false' }, this.icon && (h("div", { key: '554e3024e5492fe32fbe14df912d7f48cf3d1e42', "aria-hidden": "true", class: "icon-area" }, h("mds-icon", { key: 'ed4ecb18bee7cf7a5471c8dc2dd212d2264b7188', class: "icon", name: this.icon }))), h("div", { key: '4ded2dcecb606224cdbd336dd6bda407a2a020e7', class: "label-wrapper" }, this.clickable ? (h("mds-text", { class: "label label--interactive", tabindex: "0", typography: "caption", truncate: "word" }, this.label)) : (h("mds-text", { class: "label", typography: "caption", truncate: "word" }, this.label))), this.deletable && (h("mds-button", { key: '847b0fe5c0f111a79a3aac85285c7003ff771183', class: "button-delete", icon: miBaselineCancel, onClick: this.onDeleteHandler.bind(this), title: `${this.t.get('deleteLabel')} ${this.label}`, variant: "dark", tone: "text", size: "sm" }))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "selectable": ["handleSelectableProp"],
-        "clickable": ["handleClickableProp"],
-        "selected": ["handleSelectedProp"]
-    }; }
-    static get style() { return mdsChipCss; }
-}, [257, "mds-chip", {
-        "clickable": [1540],
-        "deletable": [4],
-        "disabled": [4],
-        "icon": [1],
-        "label": [513],
-        "selected": [1540],
-        "selectable": [516],
-        "variant": [513],
-        "tone": [513],
-        "language": [32],
-        "updateLang": [64]
-    }, undefined, {
-        "selectable": ["handleSelectableProp"],
-        "clickable": ["handleClickableProp"],
-        "selected": ["handleSelectedProp"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-chip", "mds-button", "mds-icon", "mds-spinner", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-chip":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsChip);
-            }
-            break;
-        case "mds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "mds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "mds-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { MdsChip as M, defineCustomElement as d };
+import{proxyCustomElement as e,HTMLElement as r,createEvent as t,h as a,Host as o,transformTag as i}from"@stencil/core/internal/client";import{m as n}from"./cancel.js";import{s}from"./aria.js";import{K as c}from"./keyboard-manager.js";import{L as l}from"./locale.js";import{d}from"./mds-button2.js";import{d as b}from"./mds-icon2.js";import{d as h}from"./mds-spinner2.js";import{d as m}from"./mds-text2.js";var v={deleteLabel:"Αφαίρεση"},p={deleteLabel:"Remove"},g={deleteLabel:"Eliminar"},u={deleteLabel:"Rimuovi"};const k=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.clickLabelEvent=t(this,"mdsChipClickLabel",7),this.deleteEvent=t(this,"mdsChipDelete",7),this.selectEvent=t(this,"mdsChipSelect",7),this.km=new c,this.t=new l({el:v,en:p,es:g,it:u}),this.disabled=!1,this.selectable=!1,this.variant="primary",this.tone="strong",this.handleClickableKeyboard=e=>{var r;if(e){const e=null===(r=this.host.shadowRoot)||void 0===r?void 0:r.querySelector(".label");return this.km.addElement(e,"label"),void this.km.attachClickBehavior("label")}this.km.detachClickBehavior("label")},this.handleClickableElement=e=>{var r;const t=null===(r=this.host.shadowRoot)||void 0===r?void 0:r.querySelector(".label");if(t){if(e)return s(t,"role","button"),void t.addEventListener("click",this.onClickLabelHandler.bind(this));t.removeAttribute("role"),t.removeEventListener("click",this.onClickLabelHandler.bind(this))}}}async updateLang(){this.language=this.t.lang(this.host)}handleSelectableProp(e){e&&(this.clickable=!0)}handleClickableProp(e){this.handleClickableElement(e),this.handleClickableKeyboard(e)}handleSelectedProp(e){!1===e&&(this.selected=void 0)}onClickLabelHandler(e){if(this.selectable)return this.selected=!this.selected,!1===this.selected&&(this.selected=void 0),void this.selectEvent.emit({event:e,element:this.host,selected:this.selected});this.clickLabelEvent.emit({event:e,element:this.host})}onDeleteHandler(e){this.deleteEvent.emit({event:e,element:this.host})}componentWillLoad(){this.t.lang(this.host)}componentDidLoad(){this.clickable&&(this.handleClickableElement(!0),this.handleClickableKeyboard(!0))}disconnectedCallback(){this.km.detachClickBehavior("label")}render(){return a(o,{key:"0ff9c5f44050e5aae268321b89f3479ad50b3eec","aria-disabled":this.disabled?"true":"false"},this.icon&&a("div",{key:"554e3024e5492fe32fbe14df912d7f48cf3d1e42","aria-hidden":"true",class:"icon-area"},a("mds-icon",{key:"ed4ecb18bee7cf7a5471c8dc2dd212d2264b7188",class:"icon",name:this.icon})),a("div",{key:"4ded2dcecb606224cdbd336dd6bda407a2a020e7",class:"label-wrapper"},a("mds-text",this.clickable?{class:"label label--interactive",tabindex:"0",typography:"caption",truncate:"word"}:{class:"label",typography:"caption",truncate:"word"},this.label)),this.deletable&&a("mds-button",{key:"847b0fe5c0f111a79a3aac85285c7003ff771183",class:"button-delete",icon:n,onClick:this.onDeleteHandler.bind(this),title:`${this.t.get("deleteLabel")} ${this.label}`,variant:"dark",tone:"text",size:"sm"}))}get host(){return this}static get watchers(){return{selectable:[{handleSelectableProp:0}],clickable:[{handleClickableProp:0}],selected:[{handleSelectedProp:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-border:transparent;--mds-chip-color:rgb(var(--tone-neutral-03,233 233 233));--mds-chip-icon-background:rgb(var(--variant-primary-06,90 147 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:.5}}}@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-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-chip-border{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-chip-opacity-disabled{syntax:"<number>";inherits:false;initial-value:.5}:host{--mds-chip-color:rgb(var(--tone-neutral-03,233 233 233));--mds-chip-icon-background:rgb(var(--variant-primary-06,90 147 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:.5;align-items:center;background-color:var(--mds-chip-background,rgb(var(--tone-neutral,0 0 0)));border:2px solid var(--mds-chip-border,transparent);border-radius:1000px;-webkit-box-shadow:var(--mds-chip-shadow);box-shadow:var(--mds-chip-shadow);box-sizing:border-box;color:var(--mds-chip-color,rgb(var(--tone-neutral-03,233 233 233)));display:inline-flex;gap:calc(var(--spacing,.0025rem)*150);justify-content:center;justify-self:start;max-width:min-content;min-width:min-content;padding:0 calc(var(--spacing,.0025rem)*50);-webkit-transition-duration:var(--duration-150,.15s);transition-duration:var(--duration-150,.15s);transition-property:background-color,border-color,box-shadow,color,opacity;-webkit-transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-border:transparent;--mds-chip-color:rgb(var(--tone-neutral-04,218 218 218));--mds-chip-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a)}.label-wrapper{align-items:center;display:inline-flex;height:calc(var(--spacing,.0025rem)*800);justify-content:start}.label-wrapper:first-child{padding-left:calc(var(--spacing,.0025rem)*200)}.label-wrapper:last-child{padding-right:calc(var(--spacing,.0025rem)*200)}:host([disabled]:not([disabled=false])){opacity:var(--mds-chip-opacity-disabled,.5);pointer-events:none}.label{border-radius:1000px;flex-grow:1;text-decoration-color:#0000;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,text-decoration-color,outline,outline-offset;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94))}:host([clickable]:not([clickable=false])) .label{cursor:pointer;text-decoration:underline}:host([clickable]:not([clickable=false])) .label:hover{-webkit-text-decoration-color:unset;text-decoration-color:unset}.label--interactive{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.label--interactive:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running;z-index:10}.icon-area{align-items:center;background-color:var(--mds-chip-icon-background,rgb(var(--variant-primary-06,90 147 255)));border-radius:1000px;display:flex;flex-shrink:0;height:calc(var(--spacing,.0025rem)*700);justify-content:center;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-timing-function:inherit;transition-timing-function:inherit;width:calc(var(--spacing,.0025rem)*700)}.icon{fill:var(--mds-chip-icon-color,rgb(var(--tone-neutral,0 0 0)));height:calc(var(--spacing,.0025rem)*400);transition:fill;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);width:calc(var(--spacing,.0025rem)*400)}.button-delete{corner-shape:round;border-radius:100px;height:auto;padding:0}.button-delete--hidden{display:none}:host([variant=primary][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-primary-05,152 188 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=primary][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-primary-09,0 58 168));--mds-chip-icon-color:rgb(var(--variant-primary-04,184 208 255))}:host([variant=primary][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-primary-04,184 208 255))}:host([variant=primary][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-primary-06,90 147 255))}:host([variant=secondary][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-secondary-05,161 187 248));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=secondary][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-secondary-09,12 58 168));--mds-chip-icon-color:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-secondary-06,106 147 245))}:host([variant=ai][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-ai-05,202 174 251));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=ai][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-ai-09,75 8 189));--mds-chip-icon-color:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-ai-06,172 126 249))}:host([variant=success][tone=strong]){--mds-chip-icon-background:rgb(var(--status-success-05,107 206 147));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=success][tone=weak]){--mds-chip-icon-background:rgb(var(--status-success-09,0 82 9));--mds-chip-icon-color:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=strong][selected]){--mds-chip-border:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=weak][selected]){--mds-chip-border:rgb(var(--status-success-06,0 171 97))}:host([variant=warning][tone=strong]){--mds-chip-icon-background:rgb(var(--status-warning-05,237 177 0));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=warning][tone=weak]){--mds-chip-icon-background:rgb(var(--status-warning-09,90 67 0));--mds-chip-icon-color:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=strong][selected]){--mds-chip-border:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=weak][selected]){--mds-chip-border:rgb(var(--status-warning-06,190 142 0))}:host([variant=error][tone=strong]){--mds-chip-icon-background:rgb(var(--status-error-05,250 165 160));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=error][tone=weak]){--mds-chip-icon-background:rgb(var(--status-error-09,135 0 14));--mds-chip-icon-color:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=strong][selected]){--mds-chip-border:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=weak][selected]){--mds-chip-border:rgb(var(--status-error-06,239 108 105))}:host([variant=info][tone=strong]){--mds-chip-icon-background:rgb(var(--status-info-05,112 198 234));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=info][tone=weak]){--mds-chip-icon-background:rgb(var(--status-info-09,0 73 116));--mds-chip-icon-color:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=strong][selected]){--mds-chip-border:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=weak][selected]){--mds-chip-border:rgb(var(--status-info-06,0 161 208))}:host([variant=amaranth][tone=strong]){--mds-chip-icon-background:rgb(var(--label-amaranth-05,250 163 178));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=amaranth][tone=weak]){--mds-chip-icon-background:rgb(var(--label-amaranth-09,135 8 30));--mds-chip-icon-color:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth][tone=strong][selected]){--mds-chip-border:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth][tone=weak][selected]){--mds-chip-border:rgb(var(--label-amaranth-06,246 99 125))}:host([variant=aqua][tone=strong]){--mds-chip-icon-background:rgb(var(--label-aqua-05,7 203 237));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=aqua][tone=weak]){--mds-chip-icon-background:rgb(var(--label-aqua-09,3 77 90));--mds-chip-icon-color:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua][tone=strong][selected]){--mds-chip-border:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua][tone=weak][selected]){--mds-chip-border:rgb(var(--label-aqua-06,5 163 190))}:host([variant=blue][tone=strong]){--mds-chip-icon-background:rgb(var(--label-blue-05,170 184 252));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=blue][tone=weak]){--mds-chip-icon-background:rgb(var(--label-blue-09,7 40 196));--mds-chip-icon-color:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue][tone=strong][selected]){--mds-chip-border:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue][tone=weak][selected]){--mds-chip-border:rgb(var(--label-blue-06,121 143 250))}:host([variant=green][tone=strong]){--mds-chip-icon-background:rgb(var(--label-green-05,37 213 102));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=green][tone=weak]){--mds-chip-icon-background:rgb(var(--label-green-09,14 81 39));--mds-chip-icon-color:rgb(var(--label-green-04,113 230 156))}:host([variant=green][tone=strong][selected]){--mds-chip-border:rgb(var(--label-green-04,113 230 156))}:host([variant=green][tone=weak][selected]){--mds-chip-border:rgb(var(--label-green-06,30 171 82))}:host([variant=lime][tone=strong]){--mds-chip-icon-background:rgb(var(--label-lime-05,134 207 22));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=lime][tone=weak]){--mds-chip-icon-background:rgb(var(--label-lime-09,51 79 8));--mds-chip-icon-color:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime][tone=strong][selected]){--mds-chip-border:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime][tone=weak][selected]){--mds-chip-border:rgb(var(--label-lime-06,108 167 18))}:host([variant=orange][tone=strong]){--mds-chip-icon-background:rgb(var(--label-orange-05,251 168 111));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=orange][tone=weak]){--mds-chip-icon-background:rgb(var(--label-orange-09,116 49 3));--mds-chip-icon-color:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange][tone=strong][selected]){--mds-chip-border:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange][tone=weak][selected]){--mds-chip-border:rgb(var(--label-orange-06,247 105 6))}:host([variant=orchid][tone=strong]){--mds-chip-icon-background:rgb(var(--label-orchid-05,245 163 203));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=orchid][tone=weak]){--mds-chip-icon-background:rgb(var(--label-orchid-09,131 14 71));--mds-chip-icon-color:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid][tone=strong][selected]){--mds-chip-border:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid][tone=weak][selected]){--mds-chip-border:rgb(var(--label-orchid-06,239 99 168))}:host([variant=sky][tone=strong]){--mds-chip-icon-background:rgb(var(--label-sky-05,94 198 245));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=sky][tone=weak]){--mds-chip-icon-background:rgb(var(--label-sky-09,6 76 107));--mds-chip-icon-color:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky][tone=strong][selected]){--mds-chip-border:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky][tone=weak][selected]){--mds-chip-border:rgb(var(--label-sky-06,13 158 224))}:host([variant=violet][tone=strong]){--mds-chip-icon-background:rgb(var(--label-violet-05,198 175 251));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=violet][tone=weak]){--mds-chip-icon-background:rgb(var(--label-violet-09,67 11 195));--mds-chip-icon-color:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet][tone=strong][selected]){--mds-chip-border:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet][tone=weak][selected]){--mds-chip-border:rgb(var(--label-violet-06,166 129 248))}:host([variant=yellow][tone=strong]){--mds-chip-icon-background:rgb(var(--label-yellow-05,234 179 8));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=yellow][tone=weak]){--mds-chip-icon-background:rgb(var(--label-yellow-09,89 68 3));--mds-chip-icon-color:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow][tone=strong][selected]){--mds-chip-border:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow][tone=weak][selected]){--mds-chip-border:rgb(var(--label-yellow-06,188 143 6))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .label,:host-context(:root.pref-animation-reduce) .icon){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-chip-background:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-color:rgb(var(--tone-neutral-02,244 244 244));--mds-chip-icon-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:var(--opacity-disabled,.6);--mds-chip-backgroud-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-chip-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-chip-icon-color-selected:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}@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]))) .icon,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .label{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-chip-background:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-color:rgb(var(--tone-neutral-02,244 244 244));--mds-chip-icon-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:var(--opacity-disabled,.6);--mds-chip-backgroud-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-chip-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-chip-icon-color-selected:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}'}},[1,"mds-chip",{clickable:[1540],deletable:[4],disabled:[4],icon:[1],label:[513],selected:[1540],selectable:[516],variant:[513],tone:[513],language:[32],updateLang:[64]},void 0,{selectable:[{handleSelectableProp:0}],clickable:[{handleClickableProp:0}],selected:[{handleSelectedProp:0}]}]);function f(){"undefined"!=typeof customElements&&["mds-chip","mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-chip":customElements.get(i(e))||customElements.define(i(e),k);break;case"mds-button":customElements.get(i(e))||d();break;case"mds-icon":customElements.get(i(e))||b();break;case"mds-spinner":customElements.get(i(e))||h();break;case"mds-text":customElements.get(i(e))||m()}}))}export{k as M,f as d}