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

package/dist/components/mds-spinner2.js

@@ -1,54 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-var awaitIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path opacity="0.25" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-width="4"/>
-  <path opacity="0.75" d="M10 2.2002C5.43552 3.12674 2 7.16224 2 12.0002C2 13.5118 2.3354 14.9451 2.93585 16.2297" stroke="currentColor" stroke-width="4" stroke-linecap="round"/>
-</svg>
-`;
-
-const mdsSpinnerCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-spinner-duration:.725s;--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-spinner-duration{syntax:\"<time>\";inherits:false;initial-value:.725s}:host{--mds-spinner-duration:.725s;height:calc(var(--spacing,.0025rem)*1200);width:calc(var(--spacing,.0025rem)*1200);--tw-duration:.3s;--tw-ease:var(--ease-in-out-quart,cubic-bezier(.77,0,.175,1));align-items:center;color:rgb(var(--variant-primary-03,211 226 255));display:inline-flex;justify-content:center;opacity:0;overflow:hidden;transform:scale(0);transition-duration:.3s;transition-property:opacity,transform;transition-timing-function:var(--ease-in-out-quart,cubic-bezier(.77,0,.175,1))}:host([running]){--tw-duration:.7s;--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));opacity:1;transform:scale(1);transition-duration:.7s;transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.await-icon{animation:var(--animate-spin,spin 1s linear infinite);aspect-ratio:1;aspect-ratio:var(--aspect-square,1/1);width:100%;--tw-duration:.3s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));-webkit-animation-duration:var(--mds-spinner-duration,.725s);animation-duration:var(--mds-spinner-duration,.725s);animation-play-state:paused;display:flex;flex-shrink:0;stroke:currentColor;transition-duration:.3s;transition-property:stroke;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.await-icon svg{width:100%}:host([running]) .await-icon{animation-play-state:running}:host-context(:root.pref-animation-reduce){--mds-spinner-duration:8s}:host-context(:root.pref-contrast-more){color:rgb(var(--variant-primary-01,242 246 255))}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-spinner-duration:8s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){color:rgb(var(--variant-primary-01,242 246 255))}}";
-
-const MdsSpinner = /*@__PURE__*/ proxyCustomElement(class MdsSpinner extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Specifies if the animation is running or not, it's required for performance reasons
-         */
-        this.running = false;
-    }
-    handleRunning(newValue) {
-        if (newValue === false) {
-            this.running = undefined;
-        }
-    }
-    render() {
-        return (h(Host, { key: 'da29b22d2ddd2824a2f71aa9a6ea2c31da835b14' }, h("i", { key: 'c8cdc857de88d6e1c89f1365b4f11a7dc96e1ef1', class: "await-icon", innerHTML: awaitIcon })));
-    }
-    static get watchers() { return {
-        "running": ["handleRunning"]
-    }; }
-    static get style() { return mdsSpinnerCss; }
-}, [257, "mds-spinner", {
-        "running": [1540]
-    }, undefined, {
-        "running": ["handleRunning"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-spinner"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-spinner":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsSpinner);
-            }
-            break;
-    } });
-}
-
-export { MdsSpinner as M, defineCustomElement as d };
+import{proxyCustomElement as e,HTMLElement as t,h as s,Host as n,transformTag as i}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.running=!1}handleRunning(e){!1===e&&(this.running=void 0)}render(){return s(n,{key:"da29b22d2ddd2824a2f71aa9a6ea2c31da835b14"},s("i",{key:"c8cdc857de88d6e1c89f1365b4f11a7dc96e1ef1",class:"await-icon",innerHTML:'<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n  <path opacity="0.25" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-width="4"/>\n  <path opacity="0.75" d="M10 2.2002C5.43552 3.12674 2 7.16224 2 12.0002C2 13.5118 2.3354 14.9451 2.93585 16.2297" stroke="currentColor" stroke-width="4" stroke-linecap="round"/>\n</svg>\n'}))}static get watchers(){return{running:[{handleRunning:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-spinner-duration:.725s;--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-spinner-duration{syntax:"<time>";inherits:false;initial-value:.725s}:host{--mds-spinner-duration:.725s;height:calc(var(--spacing,.0025rem)*1200);width:calc(var(--spacing,.0025rem)*1200);--tw-duration:.3s;--tw-ease:var(--ease-in-out-quart,cubic-bezier(.77,0,.175,1));align-items:center;color:rgb(var(--variant-primary-03,211 226 255));display:inline-flex;justify-content:center;opacity:0;overflow:hidden;transform:scale(0);transition-duration:.3s;transition-property:opacity,transform;transition-timing-function:var(--ease-in-out-quart,cubic-bezier(.77,0,.175,1))}:host([running]){--tw-duration:.7s;--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));opacity:1;transform:scale(1);transition-duration:.7s;transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.await-icon{animation:var(--animate-spin,spin 1s linear infinite);aspect-ratio:var(--aspect-square,1/1);width:100%;--tw-duration:.3s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));-webkit-animation-duration:var(--mds-spinner-duration,.725s);animation-duration:var(--mds-spinner-duration,.725s);animation-play-state:paused;display:flex;flex-shrink:0;stroke:currentColor;transition-duration:.3s;transition-property:stroke;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.await-icon svg{width:100%}:host([running]) .await-icon{animation-play-state:running}:host-context(:root.pref-animation-reduce){--mds-spinner-duration:8s}:host-context(:root.pref-contrast-more){color:rgb(var(--variant-primary-01,242 246 255))}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-spinner-duration:8s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){color:rgb(var(--variant-primary-01,242 246 255))}}'}},[1,"mds-spinner",{running:[1540]},void 0,{running:[{handleRunning:0}]}]);function o(){"undefined"!=typeof customElements&&["mds-spinner"].forEach((e=>{"mds-spinner"===e&&(customElements.get(i(e))||customElements.define(i(e),r))}))}export{r as M,o as d}

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

@@ -1,98 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$6 } from './mds-button2.js';
-import { d as defineCustomElement$5 } from './mds-icon2.js';
-import { d as defineCustomElement$4 } from './mds-modal2.js';
-import { d as defineCustomElement$3 } from './mds-spinner2.js';
-import { d as defineCustomElement$2 } from './mds-text2.js';
-
-const mdsStatusBarCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-status-bar-max-width:500px;--mds-status-bar-backdrop:rgb(var(--tone-neutral-01,255 255 255)/.1)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-modal,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-status-bar-max-width{syntax:\"<length>\";inherits:false;initial-value:500px}:host{--mds-status-bar-max-width:500px;--mds-status-bar-backdrop:rgb(var(--tone-neutral-01,255 255 255)/.1);--mds-status-bar-backdrop-filter:blur(10px)}mds-modal{--mds-modal-custom-window-distance:0;--mds-modal-custom-closed-transform:translateY(100%)}.status-bar-area{-webkit-backdrop-filter:var(--mds-status-bar-backdrop-filter);backdrop-filter:var(--mds-status-bar-backdrop-filter);background-color:var(--mds-status-bar-backdrop,rgb(var(--tone-neutral-01,255 255 255)/.1));border-radius:var(--radius-xl,20px)var(--radius-xl,20px)0 0;margin-left:calc(var(--spacing,.0025rem)*600);margin-right:calc(var(--spacing,.0025rem)*600);padding:calc(var(--spacing,.0025rem)*200)calc(var(--spacing,.0025rem)*200)calc(var(--spacing,.0025rem)*600);transition-property:background-color,transform,opacity}.status-bar{align-items:flex-start;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a);box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a);max-width:var(--mds-status-bar-max-width,500px);padding:calc(var(--spacing,.0025rem)*600)}.actions,.status-bar{display:inline-flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*400)}.actions{flex-grow:1}:host-context(:root.pref-animation-reduce) .status-bar-area{transition-duration:0s}:host-context(:root.pref-consumption-medium){--mds-status-bar-backdrop-filter:none}:host-context(:root.pref-contrast-more){--mds-status-bar-backdrop:rgb(var(--tone-neutral-02,244 244 244)/.3)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .status-bar{-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}@media (max-width:480px){.status-bar-area{border-radius:0;margin-left:0;margin-right:0;padding:calc(var(--spacing,.0025rem)*400);width:100%}.status-bar{width:100%}.actions{gap:calc(var(--spacing,.0025rem)*200)}::slotted(*){flex-grow:1}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .status-bar-area{transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-status-bar-backdrop:rgb(var(--tone-neutral-02,244 244 244)/.3)}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .status-bar{-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}}";
-
-const MdsStatusBar$1 = /*@__PURE__*/ proxyCustomElement(class MdsStatusBar extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Specifies if the component prevents the body from scrolling when modal window is opened
-         */
-        this.overflow = 'manual';
-        /**
-         * Specifies the position of the status bar
-         */
-        this.position = 'bottom-right';
-    }
-    componentDidLoad() {
-        var _a;
-        this.modal = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.modal');
-        this.modal.backdrop = undefined;
-    }
-    handleVisbilityProp(newValue) {
-        if (newValue === false) {
-            this.visible = undefined;
-        }
-    }
-    async hide() {
-        this.visible = undefined;
-    }
-    render() {
-        return (h(Host, { key: '2e37f49ed168ac4f92de372d2174073b193ed5f3' }, h("mds-modal", { key: '248f8662369de074f704d86b3ff83597b2403592', class: "modal", opened: this.visible, position: this.position, animation: "custom", overflow: this.overflow }, h("div", { key: '3acce82b21bd279dab72e67cf3ecaa6c2c88c228', class: "status-bar-area", part: "status-bar-area", slot: "window" }, h("div", { key: '40b7f67c8e568860cbdf843ca46b98f5fa61a765', class: "status-bar", part: "status-bar" }, this.description && (h("mds-text", { key: 'e669ba5dfe960c3a11812f55720f35ad2d1514a6', typography: "caption", class: "description" }, this.description)), h("div", { key: 'bb0266d41aa9eabd340e1a709a625e94c08682ed', class: "actions", part: "actions" }, h("slot", { key: 'aac6557450ec7509c1126dfc1ccc629474e4d5e8' })))))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "visible": ["handleVisbilityProp"]
-    }; }
-    static get style() { return mdsStatusBarCss; }
-}, [257, "mds-status-bar", {
-        "description": [513],
-        "overflow": [513],
-        "position": [513],
-        "visible": [1540],
-        "hide": [64]
-    }, undefined, {
-        "visible": ["handleVisbilityProp"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-status-bar", "mds-button", "mds-icon", "mds-modal", "mds-spinner", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-status-bar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsStatusBar$1);
-            }
-            break;
-        case "mds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "mds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "mds-modal":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "mds-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const MdsStatusBar = MdsStatusBar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsStatusBar, defineCustomElement };
+import{proxyCustomElement as t,HTMLElement as a,h as s,Host as e,transformTag as r}from"@stencil/core/internal/client";import{d as o}from"./mds-button2.js";import{d as i}from"./mds-icon2.js";import{d}from"./mds-modal2.js";import{d as n}from"./mds-spinner2.js";import{d as m}from"./mds-text2.js";const c=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.overflow="manual",this.position="bottom-right"}componentDidLoad(){var t;this.modal=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".modal"),this.modal.backdrop=void 0}handleVisbilityProp(t){!1===t&&(this.visible=void 0)}async hide(){this.visible=void 0}render(){return s(e,{key:"2e37f49ed168ac4f92de372d2174073b193ed5f3"},s("mds-modal",{key:"248f8662369de074f704d86b3ff83597b2403592",class:"modal",opened:this.visible,position:this.position,animation:"custom",overflow:this.overflow},s("div",{key:"3acce82b21bd279dab72e67cf3ecaa6c2c88c228",class:"status-bar-area",part:"status-bar-area",slot:"window"},s("div",{key:"40b7f67c8e568860cbdf843ca46b98f5fa61a765",class:"status-bar",part:"status-bar"},this.description&&s("mds-text",{key:"e669ba5dfe960c3a11812f55720f35ad2d1514a6",typography:"caption",class:"description"},this.description),s("div",{key:"bb0266d41aa9eabd340e1a709a625e94c08682ed",class:"actions",part:"actions"},s("slot",{key:"aac6557450ec7509c1126dfc1ccc629474e4d5e8"}))))))}get host(){return this}static get watchers(){return{visible:[{handleVisbilityProp: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 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-status-bar-max-width:500px;--mds-status-bar-backdrop:rgb(var(--tone-neutral-01,255 255 255)/.1)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-modal,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-status-bar-max-width{syntax:"<length>";inherits:false;initial-value:500px}:host{--mds-status-bar-max-width:500px;--mds-status-bar-backdrop:rgb(var(--tone-neutral-01,255 255 255)/.1);--mds-status-bar-backdrop-filter:blur(10px)}mds-modal{--mds-modal-custom-window-distance:0;--mds-modal-custom-closed-transform:translateY(100%)}.status-bar-area{-webkit-backdrop-filter:var(--mds-status-bar-backdrop-filter);backdrop-filter:var(--mds-status-bar-backdrop-filter);background-color:var(--mds-status-bar-backdrop,rgb(var(--tone-neutral-01,255 255 255)/.1));border-radius:var(--radius-xl,20px) var(--radius-xl,20px) 0 0;margin-left:calc(var(--spacing,.0025rem)*600);margin-right:calc(var(--spacing,.0025rem)*600);padding:calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*600);transition-property:background-color,transform,opacity}.status-bar{align-items:flex-start;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a);box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a);max-width:var(--mds-status-bar-max-width,500px);padding:calc(var(--spacing,.0025rem)*600)}.actions,.status-bar{display:inline-flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*400)}.actions{flex-grow:1}:host-context(:root.pref-animation-reduce) .status-bar-area{transition-duration:0s}:host-context(:root.pref-consumption-medium){--mds-status-bar-backdrop-filter:none}:host-context(:root.pref-contrast-more){--mds-status-bar-backdrop:rgb(var(--tone-neutral-02,244 244 244)/.3)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .status-bar{-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}@media (max-width:480px){.status-bar-area{border-radius:0;margin-left:0;margin-right:0;padding:calc(var(--spacing,.0025rem)*400);width:100%}.status-bar{width:100%}.actions{gap:calc(var(--spacing,.0025rem)*200)}::slotted(*){flex-grow:1}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .status-bar-area{transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-status-bar-backdrop:rgb(var(--tone-neutral-02,244 244 244)/.3)}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .status-bar{-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}}'}},[257,"mds-status-bar",{description:[513],overflow:[513],position:[513],visible:[1540],hide:[64]},void 0,{visible:[{handleVisbilityProp:0}]}]),l=c,p=function(){"undefined"!=typeof customElements&&["mds-status-bar","mds-button","mds-icon","mds-modal","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-status-bar":customElements.get(r(t))||customElements.define(r(t),c);break;case"mds-button":customElements.get(r(t))||o();break;case"mds-icon":customElements.get(r(t))||i();break;case"mds-modal":customElements.get(r(t))||d();break;case"mds-spinner":customElements.get(r(t))||n();break;case"mds-text":customElements.get(r(t))||m()}}))};export{l as MdsStatusBar,p as defineCustomElement}

package/dist/components/mds-stepper-bar-item.js

@@ -1,194 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as clsx } from './clsx.js';
-import { K as KeyboardManager } from './keyboard-manager.js';
-import { L as Locale } from './locale.js';
-import { d as defineCustomElement$6 } from './mds-badge2.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 badgeDone$3 = "Ολοκληρώθηκε";
-const badgeCurrent$3 = "Καθημερινή";
-const badgeQueued$3 = "Σε αναμονή";
-const step$3 = "Βήμα {{ index }}";
-var localeEl = {
-	badgeDone: badgeDone$3,
-	badgeCurrent: badgeCurrent$3,
-	badgeQueued: badgeQueued$3,
-	step: step$3
-};
-
-const badgeDone$2 = "Done";
-const badgeCurrent$2 = "Current";
-const badgeQueued$2 = "Queued";
-const step$2 = "Step {{ index }}";
-var localeEn = {
-	badgeDone: badgeDone$2,
-	badgeCurrent: badgeCurrent$2,
-	badgeQueued: badgeQueued$2,
-	step: step$2
-};
-
-const badgeDone$1 = "Completado";
-const badgeCurrent$1 = "En curso";
-const badgeQueued$1 = "En cola";
-const step$1 = "Paso {{ index }}";
-var localeEs = {
-	badgeDone: badgeDone$1,
-	badgeCurrent: badgeCurrent$1,
-	badgeQueued: badgeQueued$1,
-	step: step$1
-};
-
-const badgeDone = "Completato";
-const badgeCurrent = "In corso";
-const badgeQueued = "In coda";
-const step = "Step {{ index }}";
-var localeIt = {
-	badgeDone: badgeDone,
-	badgeCurrent: badgeCurrent,
-	badgeQueued: badgeQueued,
-	step: step
-};
-
-const mdsStepperBarItemCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-stepper-bar-item-color:rgb(var(--tone-neutral-03,233 233 233));--mds-stepper-bar-item-duaration:.25s;--mds-stepper-bar-item-icon-background-done:rgb(var(--status-success-05,107 206 147));--mds-stepper-bar-item-icon-background-current:rgb(var(--variant-primary-04,184 208 255));--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-icon-color-done:rgb(var(--status-success-10,0 69 0));--mds-stepper-bar-item-icon-color-current:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-stepper-bar-item-icon-ring-color:var(--mds-stepper-bar-item-icon-background-current,rgb(var(--variant-primary-04,184 208 255)));--mds-stepper-bar-item-icon-ring-separator-color:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-ring-separator-size:.375rem;--mds-stepper-bar-item-icon-ring-size:var(--height-100);--mds-stepper-bar-item-min-width:180px;--mds-stepper-bar-item-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-stepper-bar-item-progress-color:rgb(var(--status-success-04,158 222 181));--mds-stepper-bar-item-progress-thickness:var(--height-200);--tw-ease:initial;--tw-duration:initial}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-stepper-bar-item-duaration{syntax:\"<time>\";inherits:false;initial-value:.25s}@property --mds-stepper-bar-item-icon-ring-separator-size{syntax:\"<length>\";inherits:false;initial-value:.375rem}@property --mds-stepper-bar-item-min-width{syntax:\"<length>\";inherits:false;initial-value:180px}:host{--mds-stepper-bar-item-header-gap:var(--mds-stepper-bar-gap,calc(var(--spacing,.0025rem)*50));--mds-stepper-bar-item-color:rgb(var(--tone-neutral-03,233 233 233));--mds-stepper-bar-item-duaration:.25s;--mds-stepper-bar-item-icon-background-done:rgb(var(--status-success-05,107 206 147));--mds-stepper-bar-item-icon-background-current:rgb(var(--variant-primary-04,184 208 255));--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-icon-color-done:rgb(var(--status-success-10,0 69 0));--mds-stepper-bar-item-icon-color-current:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-stepper-bar-item-min-width:180px;--mds-stepper-bar-item-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-stepper-bar-item-progress-color:rgb(var(--status-success-04,158 222 181));--mds-stepper-bar-item-progress-thickness:var(--height-200);align-items:flex-start;border-radius:var(--radius-xl,20px);display:grid;flex:1 0 0;flex-direction:column;gap:calc(var(--spacing,.0025rem)*400);min-width:var(--mds-stepper-bar-item-min-width,180px);position:relative;scroll-snap-align:center;-webkit-transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-property:outline,outline-offset,background-color}:host(:last-of-type){flex-basis:calc(var(--spacing,.0025rem)*100)}:host(:last-of-type) .progress{display:none}:host([done]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-done,rgb(var(--status-success-05,107 206 147)));--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-done,rgb(var(--status-success-10,0 69 0)));transition-delay:0s}:host([current]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-current,rgb(var(--variant-primary-04,184 208 255)));--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-current,rgb(var(--tone-neutral,0 0 0)));-webkit-transition-delay:calc(var(--mds-stepper-bar-item-duaration,.25s)/2);transition-delay:calc(var(--mds-stepper-bar-item-duaration,.25s)/2)}.header{border-radius:var(--radius-md,12px);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;display:flex;gap:var(--mds-stepper-bar-item-header-gap);-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:outline,outline-offset;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));width:100%}.icon{border-radius:3.40282e+38px;border-radius:var(--radius-full,1000px);--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-stepper-bar-item-icon-background,var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107))));display:flex;fill:var(--mds-stepper-bar-item-icon-color,rgb(var(--tone-neutral-04,218 218 218)));flex-shrink:0;padding:calc(var(--spacing,.0025rem)*200);position:relative;transition-duration:.15s;-webkit-transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-property:background-color,fill;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.progress{--mds-stepper-bar-item-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-color:var(--mds-stepper-bar-item-progress-color,rgb(var(--status-success-04,158 222 181)));--mds-stepper-bar-item-thickness:var(--mds-stepper-bar-item-progress-thickness,var(--height-200));--mds-progress-radius:0;flex-grow:1}.infos{display:grid;gap:calc(var(--spacing,.0025rem)*100);padding-left:calc(var(--spacing,.0025rem)*100)}.text{--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));color:var(--mds-stepper-bar-item-color,rgb(var(--tone-neutral-03,233 233 233)));pointer-events:none;transition-duration:.15s;-webkit-transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-property:color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.badge,.step{border-radius:3.40282e+38px;border-radius:var(--radius-full,1000px);pointer-events:none}.step{color:rgb(var(--tone-neutral-04,218 218 218))}:host-context(:root.pref-animation-reduce){transition-delay:0s!important;transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .header,:host-context(:root.pref-animation-reduce) .icon,:host-context(:root.pref-animation-reduce) .text){transition-delay:0s!important;transition-duration:0s}@property --tw-ease{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .header,: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]))) .text{transition-delay:0s!important;transition-duration:0s}}";
-
-const MdsStepperBarItem$1 = /*@__PURE__*/ proxyCustomElement(class MdsStepperBarItem extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.doneEvent = createEvent(this, "mdsStepperBarItemDone", 7);
-        this.km = new KeyboardManager();
-        this.t = new Locale({
-            el: localeEl,
-            en: localeEn,
-            es: localeEs,
-            it: localeIt,
-        });
-        /**
-         * Specifies the icon displayed of the component when is checked
-         */
-        this.iconChecked = this.icon;
-        /**
-         * Specifies if the component is checked or not
-         */
-        this.done = false;
-        /**
-         * Specifies if the component is the current or not
-         */
-        this.current = false;
-        /**
-         * Specifies the typography of the element
-         */
-        this.typography = 'h6';
-        this.showBadge = () => {
-            if (this.isDone) {
-                return (h("mds-badge", { class: "badge", variant: "success", tone: "weak", typography: "option" }, this.t.get('badgeDone')));
-            }
-            if (this.isCurrent) {
-                return (h("mds-badge", { class: "badge", variant: "info", tone: "weak", typography: "option" }, this.t.get('badgeCurrent')));
-            }
-            return (h("mds-badge", { class: "badge", variant: "dark", tone: "weak", typography: "option" }, this.t.get('badgeQueued')));
-        };
-    }
-    async updateLang() {
-        this.language = this.t.lang(this.host);
-    }
-    componentWillLoad() {
-        this.isCurrent = this.current;
-        this.isDone = this.done;
-        const parent = this.host.parentElement;
-        if (parent)
-            this.index = [...Array.from(parent.childNodes)].indexOf(this.host);
-    }
-    componentDidLoad() {
-        this.km.addElement(this.host);
-        this.km.attachClickBehavior();
-    }
-    componentWillRender() {
-        this.t.lang(this.host);
-    }
-    disconnectedCallback() {
-        this.km.detachClickBehavior();
-    }
-    selectedHandler(newValue) {
-        this.isDone = newValue;
-    }
-    currentHandler(newValue) {
-        this.isCurrent = newValue;
-    }
-    render() {
-        return (h(Host, { key: '117ff77114f72fb2e58659a53a594b133092edc2' }, h("div", { key: 'bdfcff07ea6e0c849643b1c36d8d0a3004d90a0f', class: "header" }, h("mds-icon", { key: '15a20b0bb4bd3ec80e04890fafe28f657aa50c62', class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), h("mds-progress", { key: '3da9d9cd257d82f7628f5f2845524854fd6a43e2', "aria-hidden": "true", class: "progress", progress: this.isDone ? 1 : 0 })), h("div", { key: '21ceca94f0545a0110558483668f289122fb2dcf', class: "infos" }, this.step && (h("mds-text", { key: 'd7609567247c9cf43acf3a52b8ee0c3e1697fbc5', class: "step", typography: "option" }, this.t.get('step', { index: this.index + 1 }))), this.label && (h("mds-text", { key: '3fc26167d085031d5ff9c7241c80046d28a1843d', class: "text", typography: this.typography }, this.label)), this.badge && h("div", { key: '1ff407f2b05a19f13d3cdf7abc508853e9fb951c', part: "badge" }, this.showBadge()))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "done": ["selectedHandler"],
-        "current": ["currentHandler"]
-    }; }
-    static get style() { return mdsStepperBarItemCss; }
-}, [257, "mds-stepper-bar-item", {
-        "label": [1],
-        "step": [4],
-        "badge": [1540],
-        "icon": [1],
-        "iconChecked": [1, "icon-checked"],
-        "done": [516],
-        "current": [1540],
-        "value": [513],
-        "typography": [1],
-        "isDone": [32],
-        "isCurrent": [32],
-        "index": [32],
-        "language": [32],
-        "updateLang": [64]
-    }, undefined, {
-        "done": ["selectedHandler"],
-        "current": ["currentHandler"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-stepper-bar-item", "mds-badge", "mds-icon", "mds-progress", "mds-radial-progress", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-stepper-bar-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsStepperBarItem$1);
-            }
-            break;
-        case "mds-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            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 MdsStepperBarItem = MdsStepperBarItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsStepperBarItem, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as r,createEvent as t,h as s,Host as a,transformTag as i}from"@stencil/core/internal/client";import{c as o}from"./clsx.js";import{K as n}from"./keyboard-manager.js";import{L as d}from"./locale.js";import{d as p}from"./mds-badge2.js";import{d as c}from"./mds-icon2.js";import{d as m}from"./mds-progress2.js";import{d as b}from"./mds-radial-progress2.js";import{d as u}from"./mds-text2.js";var l={badgeDone:"Ολοκληρώθηκε",badgeCurrent:"Καθημερινή",badgeQueued:"Σε αναμονή",step:"Βήμα {{ index }}"},g={badgeDone:"Done",badgeCurrent:"Current",badgeQueued:"Queued",step:"Step {{ index }}"},h={badgeDone:"Completado",badgeCurrent:"En curso",badgeQueued:"En cola",step:"Paso {{ index }}"},v={badgeDone:"Completato",badgeCurrent:"In corso",badgeQueued:"In coda",step:"Step {{ index }}"};const f=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.doneEvent=t(this,"mdsStepperBarItemDone",7),this.km=new n,this.t=new d({el:l,en:g,es:h,it:v}),this.iconChecked=this.icon,this.done=!1,this.current=!1,this.typography="h6",this.showBadge=()=>this.isDone?s("mds-badge",{class:"badge",variant:"success",tone:"weak",typography:"option"},this.t.get("badgeDone")):this.isCurrent?s("mds-badge",{class:"badge",variant:"info",tone:"weak",typography:"option"},this.t.get("badgeCurrent")):s("mds-badge",{class:"badge",variant:"dark",tone:"weak",typography:"option"},this.t.get("badgeQueued"))}async updateLang(){this.language=this.t.lang(this.host)}componentWillLoad(){this.isCurrent=this.current,this.isDone=this.done;const e=this.host.parentElement;e&&(this.index=[...Array.from(e.childNodes)].indexOf(this.host))}componentDidLoad(){this.km.addElement(this.host),this.km.attachClickBehavior()}componentWillRender(){this.t.lang(this.host)}disconnectedCallback(){this.km.detachClickBehavior()}selectedHandler(e){this.isDone=e}currentHandler(e){this.isCurrent=e}render(){return s(a,{key:"117ff77114f72fb2e58659a53a594b133092edc2"},s("div",{key:"bdfcff07ea6e0c849643b1c36d8d0a3004d90a0f",class:"header"},s("mds-icon",{key:"15a20b0bb4bd3ec80e04890fafe28f657aa50c62",class:"icon",name:o(this.isDone&&!this.isCurrent?this.iconChecked:this.icon)}),s("mds-progress",{key:"3da9d9cd257d82f7628f5f2845524854fd6a43e2","aria-hidden":"true",class:"progress",progress:this.isDone?1:0})),s("div",{key:"21ceca94f0545a0110558483668f289122fb2dcf",class:"infos"},this.step&&s("mds-text",{key:"d7609567247c9cf43acf3a52b8ee0c3e1697fbc5",class:"step",typography:"option"},this.t.get("step",{index:this.index+1})),this.label&&s("mds-text",{key:"3fc26167d085031d5ff9c7241c80046d28a1843d",class:"text",typography:this.typography},this.label),this.badge&&s("div",{key:"1ff407f2b05a19f13d3cdf7abc508853e9fb951c",part:"badge"},this.showBadge())))}get host(){return this}static get watchers(){return{done:[{selectedHandler:0}],current:[{currentHandler: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 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-stepper-bar-item-color:rgb(var(--tone-neutral-03,233 233 233));--mds-stepper-bar-item-duaration:.25s;--mds-stepper-bar-item-icon-background-done:rgb(var(--status-success-05,107 206 147));--mds-stepper-bar-item-icon-background-current:rgb(var(--variant-primary-04,184 208 255));--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-icon-color-done:rgb(var(--status-success-10,0 69 0));--mds-stepper-bar-item-icon-color-current:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-stepper-bar-item-icon-ring-color:var(--mds-stepper-bar-item-icon-background-current,rgb(var(--variant-primary-04,184 208 255)));--mds-stepper-bar-item-icon-ring-separator-color:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-ring-separator-size:.375rem;--mds-stepper-bar-item-icon-ring-size:var(--height-100);--mds-stepper-bar-item-min-width:180px;--mds-stepper-bar-item-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-stepper-bar-item-progress-color:rgb(var(--status-success-04,158 222 181));--mds-stepper-bar-item-progress-thickness:var(--height-200);--tw-ease:initial;--tw-duration:initial}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-stepper-bar-item-duaration{syntax:"<time>";inherits:false;initial-value:.25s}@property --mds-stepper-bar-item-icon-ring-separator-size{syntax:"<length>";inherits:false;initial-value:.375rem}@property --mds-stepper-bar-item-min-width{syntax:"<length>";inherits:false;initial-value:180px}:host{--mds-stepper-bar-item-header-gap:var(--mds-stepper-bar-gap,calc(var(--spacing,.0025rem)*50));--mds-stepper-bar-item-color:rgb(var(--tone-neutral-03,233 233 233));--mds-stepper-bar-item-duaration:.25s;--mds-stepper-bar-item-icon-background-done:rgb(var(--status-success-05,107 206 147));--mds-stepper-bar-item-icon-background-current:rgb(var(--variant-primary-04,184 208 255));--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-icon-color-done:rgb(var(--status-success-10,0 69 0));--mds-stepper-bar-item-icon-color-current:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-stepper-bar-item-min-width:180px;--mds-stepper-bar-item-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-stepper-bar-item-progress-color:rgb(var(--status-success-04,158 222 181));--mds-stepper-bar-item-progress-thickness:var(--height-200);align-items:flex-start;border-radius:var(--radius-xl,20px);display:grid;flex:1 0 0;flex-direction:column;gap:calc(var(--spacing,.0025rem)*400);min-width:var(--mds-stepper-bar-item-min-width,180px);position:relative;scroll-snap-align:center;-webkit-transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-property:outline,outline-offset,background-color}:host(:last-of-type){flex-basis:calc(var(--spacing,.0025rem)*100)}:host(:last-of-type) .progress{display:none}:host([done]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-done,rgb(var(--status-success-05,107 206 147)));--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-done,rgb(var(--status-success-10,0 69 0)));transition-delay:0s}:host([current]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-current,rgb(var(--variant-primary-04,184 208 255)));--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-current,rgb(var(--tone-neutral,0 0 0)));-webkit-transition-delay:calc(var(--mds-stepper-bar-item-duaration,.25s)/2);transition-delay:calc(var(--mds-stepper-bar-item-duaration,.25s)/2)}.header{border-radius:var(--radius-md,12px);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;display:flex;gap:var(--mds-stepper-bar-item-header-gap);-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:outline,outline-offset;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));width:100%}.icon{border-radius:var(--radius-full,1000px);--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-stepper-bar-item-icon-background,var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107))));display:flex;fill:var(--mds-stepper-bar-item-icon-color,rgb(var(--tone-neutral-04,218 218 218)));flex-shrink:0;padding:calc(var(--spacing,.0025rem)*200);position:relative;transition-duration:.15s;-webkit-transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-property:background-color,fill;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.progress{--mds-stepper-bar-item-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-color:var(--mds-stepper-bar-item-progress-color,rgb(var(--status-success-04,158 222 181)));--mds-stepper-bar-item-thickness:var(--mds-stepper-bar-item-progress-thickness,var(--height-200));--mds-progress-radius:0;flex-grow:1}.infos{display:grid;gap:calc(var(--spacing,.0025rem)*100);padding-left:calc(var(--spacing,.0025rem)*100)}.text{--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));color:var(--mds-stepper-bar-item-color,rgb(var(--tone-neutral-03,233 233 233)));pointer-events:none;transition-duration:.15s;-webkit-transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-property:color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.badge,.step{border-radius:var(--radius-full,1000px);pointer-events:none}.step{color:rgb(var(--tone-neutral-04,218 218 218))}:host-context(:root.pref-animation-reduce){transition-delay:0s!important;transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .header,:host-context(:root.pref-animation-reduce) .icon,:host-context(:root.pref-animation-reduce) .text){transition-delay:0s!important;transition-duration:0s}@property --tw-ease{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .header,: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]))) .text{transition-delay:0s!important;transition-duration:0s}}'}},[1,"mds-stepper-bar-item",{label:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32],language:[32],updateLang:[64]},void 0,{done:[{selectedHandler:0}],current:[{currentHandler:0}]}]),y=f,k=function(){"undefined"!=typeof customElements&&["mds-stepper-bar-item","mds-badge","mds-icon","mds-progress","mds-radial-progress","mds-text"].forEach((e=>{switch(e){case"mds-stepper-bar-item":customElements.get(i(e))||customElements.define(i(e),f);break;case"mds-badge":customElements.get(i(e))||p();break;case"mds-icon":customElements.get(i(e))||c();break;case"mds-progress":customElements.get(i(e))||m();break;case"mds-radial-progress":customElements.get(i(e))||b();break;case"mds-text":customElements.get(i(e))||u()}}))};export{y as MdsStepperBarItem,k as defineCustomElement}