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

package/dist/components/mds-badge2.js

@@ -1,71 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { r as readSlottedLabel, s as sanitizeLabel } from './slot.js';
-import { d as defineCustomElement$1 } from './mds-text2.js';
-
-const mdsBadgeCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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}}";
-
-const MdsBadge = /*@__PURE__*/ proxyCustomElement(class MdsBadge extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Sets the theme variant colors
-         */
-        this.variant = 'green';
-        /**
-         * Sets the tone of the color variant
-         */
-        this.tone = 'weak';
-        /**
-         * Specifies the typography of the element
-         */
-        this.typography = 'option';
-        this.onSlotChangeHandler = () => {
-            /* this should be removed in the future once slotted text is no longer used, use the label property instead */
-            if (this.label)
-                return;
-            this.label = readSlottedLabel(this.host);
-        };
-    }
-    labelChanged(newValue) {
-        this.label = sanitizeLabel(newValue);
-    }
-    render() {
-        return (h(Host, { key: 'bed5c0dccff0e7e796e7e5e76efe25d8330dec2c' }, h("mds-text", { key: 'b9fc73764d75faa0d3102a622b3ecc4d8392c613', tag: "span", typography: this.typography, variant: "info", text: this.label }, this.label || h("slot", { key: 'd8d0e54393b72cc270574e00197cdc703bff3d0a', onSlotchange: this.onSlotChangeHandler }))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "label": ["labelChanged"]
-    }; }
-    static get style() { return mdsBadgeCss; }
-}, [257, "mds-badge", {
-        "label": [1537],
-        "variant": [513],
-        "tone": [513],
-        "typography": [513]
-    }, undefined, {
-        "label": ["labelChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-badge", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-badge":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsBadge);
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { MdsBadge as M, defineCustomElement 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}

package/dist/components/mds-banner.js

@@ -1,6 +1 @@
-import { M as MdsBanner$1, d as defineCustomElement$1 } from './mds-banner2.js';
-
-const MdsBanner = MdsBanner$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsBanner, defineCustomElement };
+import{M as s,d as o}from"./mds-banner2.js";const r=s,a=o;export{r as MdsBanner,a as defineCustomElement}

package/dist/components/mds-banner2.js

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

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

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