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

package/dist/components/mds-url-view.js

@@ -1,146 +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$5 } from './mds-button2.js';
-import { d as defineCustomElement$4 } from './mds-icon2.js';
-import { d as defineCustomElement$3 } from './mds-spinner2.js';
-import { d as defineCustomElement$2 } from './mds-text2.js';
-
-var miBaselineExplore = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 10.9c-.61 0-1.1.49-1.1 1.1s.49 1.1 1.1 1.1c.61 0 1.1-.49 1.1-1.1s-.49-1.1-1.1-1.1zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm2.19 12.19L6 18l3.81-8.19L18 6l-3.81 8.19z"/></svg>`;
-
-const close$3 = "Κλείσιμο";
-const iframeURL$3 = "Στοιχείο iframe που περιέχει {{ url }}";
-const previewURL$3 = "Παράθυρο με προεπισκόπηση του {{ url }}";
-var localeEl = {
-	close: close$3,
-	iframeURL: iframeURL$3,
-	previewURL: previewURL$3
-};
-
-const close$2 = "Close";
-const iframeURL$2 = "Iframe element containing {{ url }}";
-const previewURL$2 = "Window with a preview of {{ url }}";
-var localeEn = {
-	close: close$2,
-	iframeURL: iframeURL$2,
-	previewURL: previewURL$2
-};
-
-const close$1 = "Cerrar";
-const iframeURL$1 = "Elemento iframe que contiene {{ url }}";
-const previewURL$1 = "Ventana con vista previa de {{ url }}";
-var localeEs = {
-	close: close$1,
-	iframeURL: iframeURL$1,
-	previewURL: previewURL$1
-};
-
-const close = "Chiudi";
-const iframeURL = "Elemento iframe contentente {{ url }}";
-const previewURL = "Finestra con anteprima di {{ url }}";
-var localeIt = {
-	close: close,
-	iframeURL: iframeURL,
-	previewURL: previewURL
-};
-
-const mdsUrlViewCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-url-view-background:rgb(var(--tone-neutral-10,60 60 60));--mds-url-view-color:rgb(var(--tone-neutral-02,244 244 244));--mds-url-view-radius:var(--radius-md,12px);--tw-ease:initial}}}@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}:host{--mds-modal-custom-window-distance:0px;--mds-url-view-background:rgb(var(--tone-neutral-10,60 60 60));--mds-url-view-color:rgb(var(--tone-neutral-02,244 244 244));--mds-url-view-radius:var(--radius-md,12px);--mds-url-view-header-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-url-view-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin:0;padding:calc(var(--spacing,.0025rem)*400)}.window{border-radius:var(--mds-url-view-radius,var(--radius-md,12px));-webkit-box-shadow:var(--mds-url-view-shadow);box-shadow:var(--mds-url-view-shadow);flex-direction:column;flex-grow:1;overflow:hidden;width:100%}.header,.window{--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-url-view-background,rgb(var(--tone-neutral-10,60 60 60)));display:flex;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,box-shadow;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.header{align-items:center;-webkit-box-shadow:var(--mds-url-view-header-shadow);box-shadow:var(--mds-url-view-header-shadow);color:var(--mds-url-view-color,rgb(var(--tone-neutral-02,244 244 244)));flex-shrink:0;gap:calc(var(--spacing,.0025rem)*200);justify-content:space-between;padding:calc(var(--spacing,.0025rem)*200);position:relative}.title{flex-grow:1;min-width:calc(var(--spacing,.0025rem)*0);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.window-icon{flex-shrink:0}.button-close,.window-icon{fill:var(--mds-url-view-color,rgb(var(--tone-neutral-02,244 244 244)))}.button-close{cursor:pointer}.iframe{border:0;flex-grow:1;margin:0;padding:0;width:100%}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .window{transition-duration:0s}:host-context(:root.pref-animation-reduce) .header{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-url-view-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){--mds-url-view-shadow:var(--shadow-outline-50)}@property --tw-ease{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]))) .window{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-url-view-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-url-view-shadow:var(--shadow-outline-50)}}";
-
-const MdsUrlView$1 = /*@__PURE__*/ proxyCustomElement(class MdsUrlView extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.closeEvent = createEvent(this, "mdsUrlViewClose", 7);
-        this.km = new KeyboardManager();
-        this.t = new Locale({
-            el: localeEl,
-            en: localeEn,
-            es: localeEs,
-            it: localeIt,
-        });
-        /**
-         * Specifies whether a browser should load an iframe immediately
-         * or to defer loading of images until some conditions are met.
-         */
-        this.loading = 'lazy';
-        this.urlDomain = (url) => {
-            const domain = new URL(url);
-            return domain.hostname.replace('www.', '');
-        };
-        this.closeUrlView = () => {
-            var _a;
-            this.closeEvent.emit();
-            (_a = this.host.closest('mds-modal')) === null || _a === void 0 ? void 0 : _a.close();
-        };
-        this.disconnectedCallback = () => {
-            this.km.detachClickBehavior();
-        };
-    }
-    async updateLang() {
-        this.language = this.t.lang(this.host);
-    }
-    componentWillLoad() {
-        this.t.lang(this.host);
-    }
-    componentDidLoad() {
-        var _a;
-        const close = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.action-close');
-        this.km.addElement(close);
-        this.km.attachClickBehavior();
-    }
-    render() {
-        var _a, _b;
-        return (h(Host, { key: 'db3646514778edd26539244016b06b39f6c0ab7f', "aria-label": this.t.get('previewURL', { url: this.urlDomain(this.src) }) }, h("div", { key: 'f747eb49ed04e2f0992091ecc927e5315806d2d7', class: "window" }, h("div", { key: '965b87ea11809a8e47f3a90a05520635a81753ab', class: "header" }, h("mds-icon", { key: '29e0996b81341d5d19dad1930b918a45b3e98dc0', class: "window-icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miBaselineExplore }), h("mds-text", { key: '554c30e335f9b982036f9de2adef429d78a6e4ba', class: "title", typography: "caption" }, (_b = this.label) !== null && _b !== void 0 ? _b : this.urlDomain(this.src)), h("mds-button", { key: 'ce209ba666d12b97734211f1f8431b168e72d2c6', title: this.t.get('close'), class: "action-close", variant: "dark", tone: "text", icon: miBaselineClose, onClick: this.closeUrlView })), h("iframe", { key: '29cd963366d5407e922f79c9a5afc83183b93715', class: "iframe", "aria-label": this.t.get('iframeURL', { url: this.urlDomain(this.src) }), src: this.src, loading: this.loading }))));
-    }
-    get host() { return this; }
-    static get style() { return mdsUrlViewCss; }
-}, [257, "mds-url-view", {
-        "icon": [513],
-        "label": [513],
-        "src": [513],
-        "loading": [513],
-        "language": [32],
-        "updateLang": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-url-view", "mds-button", "mds-icon", "mds-spinner", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-url-view":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsUrlView$1);
-            }
-            break;
-        case "mds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "mds-icon":
-            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 MdsUrlView = MdsUrlView$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsUrlView, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as t,createEvent as o,h as r,Host as s,transformTag as i}from"@stencil/core/internal/client";import{m as a}from"./close.js";import{K as n}from"./keyboard-manager.js";import{L as d}from"./locale.js";import{d as l}from"./mds-button2.js";import{d as m}from"./mds-icon2.js";import{d as c}from"./mds-spinner2.js";import{d as h}from"./mds-text2.js";var u={close:"Κλείσιμο",iframeURL:"Στοιχείο iframe που περιέχει {{ url }}",previewURL:"Παράθυρο με προεπισκόπηση του {{ url }}"},w={close:"Close",iframeURL:"Iframe element containing {{ url }}",previewURL:"Window with a preview of {{ url }}"},p={close:"Cerrar",iframeURL:"Elemento iframe que contiene {{ url }}",previewURL:"Ventana con vista previa de {{ url }}"},v={close:"Chiudi",iframeURL:"Elemento iframe contentente {{ url }}",previewURL:"Finestra con anteprima di {{ url }}"};const f=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.closeEvent=o(this,"mdsUrlViewClose",7),this.km=new n,this.t=new d({el:u,en:w,es:p,it:v}),this.loading="lazy",this.urlDomain=e=>new URL(e).hostname.replace("www.",""),this.closeUrlView=()=>{var e;this.closeEvent.emit(),null===(e=this.host.closest("mds-modal"))||void 0===e||e.close()},this.disconnectedCallback=()=>{this.km.detachClickBehavior()}}async updateLang(){this.language=this.t.lang(this.host)}componentWillLoad(){this.t.lang(this.host)}componentDidLoad(){var e;const t=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".action-close");this.km.addElement(t),this.km.attachClickBehavior()}render(){var e,t;return r(s,{key:"db3646514778edd26539244016b06b39f6c0ab7f","aria-label":this.t.get("previewURL",{url:this.urlDomain(this.src)})},r("div",{key:"f747eb49ed04e2f0992091ecc927e5315806d2d7",class:"window"},r("div",{key:"965b87ea11809a8e47f3a90a05520635a81753ab",class:"header"},r("mds-icon",{key:"29e0996b81341d5d19dad1930b918a45b3e98dc0",class:"window-icon",name:null!==(e=this.icon)&&void 0!==e?e:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 10.9c-.61 0-1.1.49-1.1 1.1s.49 1.1 1.1 1.1c.61 0 1.1-.49 1.1-1.1s-.49-1.1-1.1-1.1zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm2.19 12.19L6 18l3.81-8.19L18 6l-3.81 8.19z"/></svg>'}),r("mds-text",{key:"554c30e335f9b982036f9de2adef429d78a6e4ba",class:"title",typography:"caption"},null!==(t=this.label)&&void 0!==t?t:this.urlDomain(this.src)),r("mds-button",{key:"ce209ba666d12b97734211f1f8431b168e72d2c6",title:this.t.get("close"),class:"action-close",variant:"dark",tone:"text",icon:a,onClick:this.closeUrlView})),r("iframe",{key:"29cd963366d5407e922f79c9a5afc83183b93715",class:"iframe","aria-label":this.t.get("iframeURL",{url:this.urlDomain(this.src)}),src:this.src,loading:this.loading})))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer 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-url-view-background:rgb(var(--tone-neutral-10,60 60 60));--mds-url-view-color:rgb(var(--tone-neutral-02,244 244 244));--mds-url-view-radius:var(--radius-md,12px);--tw-ease:initial}}}@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}:host{--mds-modal-custom-window-distance:0px;--mds-url-view-background:rgb(var(--tone-neutral-10,60 60 60));--mds-url-view-color:rgb(var(--tone-neutral-02,244 244 244));--mds-url-view-radius:var(--radius-md,12px);--mds-url-view-header-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-url-view-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin:0;padding:calc(var(--spacing,.0025rem)*400)}.window{border-radius:var(--mds-url-view-radius,var(--radius-md,12px));-webkit-box-shadow:var(--mds-url-view-shadow);box-shadow:var(--mds-url-view-shadow);flex-direction:column;flex-grow:1;overflow:hidden;width:100%}.header,.window{--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-url-view-background,rgb(var(--tone-neutral-10,60 60 60)));display:flex;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,box-shadow;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.header{align-items:center;-webkit-box-shadow:var(--mds-url-view-header-shadow);box-shadow:var(--mds-url-view-header-shadow);color:var(--mds-url-view-color,rgb(var(--tone-neutral-02,244 244 244)));flex-shrink:0;gap:calc(var(--spacing,.0025rem)*200);justify-content:space-between;padding:calc(var(--spacing,.0025rem)*200);position:relative}.title{flex-grow:1;min-width:calc(var(--spacing,.0025rem)*0);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.window-icon{flex-shrink:0}.button-close,.window-icon{fill:var(--mds-url-view-color,rgb(var(--tone-neutral-02,244 244 244)))}.button-close{cursor:pointer}.iframe{border:0;flex-grow:1;margin:0;padding:0;width:100%}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .window{transition-duration:0s}:host-context(:root.pref-animation-reduce) .header{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-url-view-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){--mds-url-view-shadow:var(--shadow-outline-50)}@property --tw-ease{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]))) .window{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-url-view-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-url-view-shadow:var(--shadow-outline-50)}}'}},[1,"mds-url-view",{icon:[513],label:[513],src:[513],loading:[513],language:[32],updateLang:[64]}]),b=f,x=function(){"undefined"!=typeof customElements&&["mds-url-view","mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-url-view":customElements.get(i(e))||customElements.define(i(e),f);break;case"mds-button":customElements.get(i(e))||l();break;case"mds-icon":customElements.get(i(e))||m();break;case"mds-spinner":customElements.get(i(e))||c();break;case"mds-text":customElements.get(i(e))||h()}}))};export{b as MdsUrlView,x as defineCustomElement}

package/dist/components/mds-usage.js

@@ -1,108 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { L as Locale } from './locale.js';
-import { d as defineCustomElement$3 } from './mds-icon2.js';
-import { d as defineCustomElement$2 } from './mds-text2.js';
-
-const dont$3 = "Δεν επιτρέπεται";
-const info$3 = "Πληροφορία";
-const warn$3 = "Προειδοποίηση";
-var localeEl = {
-	"do": "Επιτρέπεται",
-	dont: dont$3,
-	info: info$3,
-	warn: warn$3
-};
-
-const dont$2 = "Not allowed";
-const info$2 = "Information";
-const warn$2 = "Warning";
-var localeEn = {
-	"do": "Allowed",
-	dont: dont$2,
-	info: info$2,
-	warn: warn$2
-};
-
-const dont$1 = "No permitido";
-const info$1 = "Información";
-const warn$1 = "Advertencia";
-var localeEs = {
-	"do": "Permitido",
-	dont: dont$1,
-	info: info$1,
-	warn: warn$1
-};
-
-const dont = "Non consentito";
-const info = "Informazione";
-const warn = "Attenzione";
-var localeIt = {
-	"do": "Consentito",
-	dont: dont,
-	info: info,
-	warn: warn
-};
-
-const mdsUsageCss = "@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-usage-border-color:rgb(var(--status-info-06,0 161 208));--mds-usage-header-background:rgb(var(--status-info-05,112 198 234));--mds-usage-header-color:rgb(var(--status-info-10,0 61 103));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(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}:host{--mds-usage-border-color:rgb(var(--status-info-06,0 161 208));--mds-usage-header-background:var(--mds-usage-border-color,rgb(var(--status-info-06,0 161 208)));--mds-usage-header-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);gap:calc(var(--spacing,.0025rem)*200);padding:calc(var(--spacing,.0025rem)*400);padding-top:calc(var(--spacing,.0025rem)*0);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-color:var(--mds-usage-border-color,rgb(var(--status-info-06,0 161 208)));border-style:solid;border-width:calc(var(--spacing,.0025rem)*50);display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:minmax(0,100%);position:relative;transition-duration:.2s;transition-property:background-color,box-shadow,color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));width:100%}.label{color:var(--mds-usage-header-color,rgb(var(--status-info-10,0 61 103)))}mds-icon{fill:var(--mds-usage-header-color,rgb(var(--status-info-10,0 61 103)));height:calc(var(--spacing,.0025rem)*400);width:calc(var(--spacing,.0025rem)*400)}.header{align-items:center;background-color:var(--mds-usage-border-color,rgb(var(--status-info-06,0 161 208)));border-bottom-left-radius:calc(var(--spacing,.0025rem)*200);border-bottom-right-radius:calc(var(--spacing,.0025rem)*200);display:inline-flex;gap:calc(var(--spacing,.0025rem)*200);height:calc(var(--spacing,.0025rem)*600);justify-self:start;padding-left:calc(var(--spacing,.0025rem)*200);padding-right:calc(var(--spacing,.0025rem)*200)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .badge{transition-duration:0s}:host-context(:root.pref-contrast-more){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more):host([variant=do]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more):host([variant=dont]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more):host([variant=warn]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-usage-header-background:rgb(var(--status-info-05,112 198 234));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=do]){--mds-usage-header-background:rgb(var(--status-success-05,107 206 147))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=dont]){--mds-usage-header-background:rgb(var(--status-error-05,250 165 160))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=warn]){--mds-usage-header-background:rgb(var(--status-warning-05,237 177 0))}:host([variant=do]){--mds-usage-border-color:rgb(var(--status-success-05,107 206 147));--mds-usage-header-color:rgb(var(--status-success-10,0 69 0))}:host([variant=info]){--mds-usage-border-color:rgb(var(--status-info-05,112 198 234));--mds-usage-header-color:rgb(var(--status-info-10,0 61 103))}:host([variant=dont]){--mds-usage-border-color:rgb(var(--status-error-05,250 165 160));--mds-usage-header-color:rgb(var(--status-error-10,115 0 0))}:host([variant=warn]){--mds-usage-border-color:rgb(var(--status-warning-08,129 96 0));--mds-usage-header-color:rgb(var(--status-warning-02,255 237 185))}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:host-context(:root.pref-animation-system){transition-duration:0s}:host-context(:root:not([data-magma-pref])){transition-duration:0s}:host-context(:root:not([data-magma-pref])) .badge{transition-duration:0s}}@media (prefers-contrast:more){:host-context(:root.pref-contrast-system){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root:not([data-magma-pref])){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root:not([data-magma-pref])):host([variant=do]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root:not([data-magma-pref])):host([variant=dont]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root:not([data-magma-pref])):host([variant=warn]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-usage-header-background:rgb(var(--status-info-05,112 198 234));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=do]){--mds-usage-header-background:rgb(var(--status-success-05,107 206 147))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=dont]){--mds-usage-header-background:rgb(var(--status-error-05,250 165 160))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=warn]){--mds-usage-header-background:rgb(var(--status-warning-05,237 177 0))}}";
-
-const MdsUsage$1 = /*@__PURE__*/ proxyCustomElement(class MdsUsage extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.t = new Locale({
-            el: localeEl,
-            en: localeEn,
-            es: localeEs,
-            it: localeIt,
-        });
-        /**
-         * Specifies the delay when the tooltip will trigger
-         */
-        this.variant = 'info';
-    }
-    async updateLang() {
-        this.language = this.t.lang(this.element);
-    }
-    render() {
-        var _a;
-        return (h(Host, { key: '448aa090854adc543ebd50653234aae486f21037' }, h("div", { key: 'be4057f81c86c7accb98a003733af802da34b454', class: "header", part: "header" }, h("mds-icon", { key: 'c0264f5e80cf4ef8922f62935592138f0d6de0e9', name: "mi/baseline/info", part: "icon" }), h("mds-text", { key: 'a30fa64ebb19c2b0187d664b153ee35dae409293', typography: "label", class: "label", part: "label" }, (_a = this.alias) !== null && _a !== void 0 ? _a : this.t.get(this.variant))), h("div", { key: '1d0421d1ec8d2cae52c527db24f4bd30a25bb571', class: "content", role: this.variant === 'do' || this.variant === 'info' ? 'insertion' : 'deletion' }, h("slot", { key: '80c342f0def0b79695703512c70ecf71da61ab3e' }))));
-    }
-    get element() { return this; }
-    static get style() { return mdsUsageCss; }
-}, [257, "mds-usage", {
-        "variant": [1],
-        "alias": [1],
-        "language": [32],
-        "updateLang": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-usage", "mds-icon", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-usage":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsUsage$1);
-            }
-            break;
-        case "mds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const MdsUsage = MdsUsage$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsUsage, defineCustomElement };
+import{proxyCustomElement as t,HTMLElement as e,h as r,Host as o,transformTag as a}from"@stencil/core/internal/client";import{L as s}from"./locale.js";import{d as n}from"./mds-icon2.js";import{d}from"./mds-text2.js";var i={do:"Επιτρέπεται",dont:"Δεν επιτρέπεται",info:"Πληροφορία",warn:"Προειδοποίηση"},c={do:"Allowed",dont:"Not allowed",info:"Information",warn:"Warning"},m={do:"Permitido",dont:"No permitido",info:"Información",warn:"Advertencia"},g={do:"Consentito",dont:"Non consentito",info:"Informazione",warn:"Attenzione"};const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.t=new s({el:i,en:c,es:m,it:g}),this.variant="info"}async updateLang(){this.language=this.t.lang(this.element)}render(){var t;return r(o,{key:"448aa090854adc543ebd50653234aae486f21037"},r("div",{key:"be4057f81c86c7accb98a003733af802da34b454",class:"header",part:"header"},r("mds-icon",{key:"c0264f5e80cf4ef8922f62935592138f0d6de0e9",name:"mi/baseline/info",part:"icon"}),r("mds-text",{key:"a30fa64ebb19c2b0187d664b153ee35dae409293",typography:"label",class:"label",part:"label"},null!==(t=this.alias)&&void 0!==t?t:this.t.get(this.variant))),r("div",{key:"1d0421d1ec8d2cae52c527db24f4bd30a25bb571",class:"content",role:"do"===this.variant||"info"===this.variant?"insertion":"deletion"},r("slot",{key:"80c342f0def0b79695703512c70ecf71da61ab3e"})))}get element(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer 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-usage-border-color:rgb(var(--status-info-06,0 161 208));--mds-usage-header-background:rgb(var(--status-info-05,112 198 234));--mds-usage-header-color:rgb(var(--status-info-10,0 61 103));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(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}:host{--mds-usage-border-color:rgb(var(--status-info-06,0 161 208));--mds-usage-header-background:var(--mds-usage-border-color,rgb(var(--status-info-06,0 161 208)));--mds-usage-header-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);gap:calc(var(--spacing,.0025rem)*200);padding:calc(var(--spacing,.0025rem)*400);padding-top:calc(var(--spacing,.0025rem)*0);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-color:var(--mds-usage-border-color,rgb(var(--status-info-06,0 161 208)));border-style:solid;border-width:calc(var(--spacing,.0025rem)*50);display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:minmax(0,100%);position:relative;transition-duration:.2s;transition-property:background-color,box-shadow,color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));width:100%}.label{color:var(--mds-usage-header-color,rgb(var(--status-info-10,0 61 103)))}mds-icon{fill:var(--mds-usage-header-color,rgb(var(--status-info-10,0 61 103)));height:calc(var(--spacing,.0025rem)*400);width:calc(var(--spacing,.0025rem)*400)}.header{align-items:center;background-color:var(--mds-usage-border-color,rgb(var(--status-info-06,0 161 208)));border-bottom-left-radius:calc(var(--spacing,.0025rem)*200);border-bottom-right-radius:calc(var(--spacing,.0025rem)*200);display:inline-flex;gap:calc(var(--spacing,.0025rem)*200);height:calc(var(--spacing,.0025rem)*600);justify-self:start;padding-left:calc(var(--spacing,.0025rem)*200);padding-right:calc(var(--spacing,.0025rem)*200)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .badge{transition-duration:0s}:host-context(:root.pref-contrast-more){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more):host([variant=do]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more):host([variant=dont]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more):host([variant=warn]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-usage-header-background:rgb(var(--status-info-05,112 198 234));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=do]){--mds-usage-header-background:rgb(var(--status-success-05,107 206 147))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=dont]){--mds-usage-header-background:rgb(var(--status-error-05,250 165 160))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=warn]){--mds-usage-header-background:rgb(var(--status-warning-05,237 177 0))}:host([variant=do]){--mds-usage-border-color:rgb(var(--status-success-05,107 206 147));--mds-usage-header-color:rgb(var(--status-success-10,0 69 0))}:host([variant=info]){--mds-usage-border-color:rgb(var(--status-info-05,112 198 234));--mds-usage-header-color:rgb(var(--status-info-10,0 61 103))}:host([variant=dont]){--mds-usage-border-color:rgb(var(--status-error-05,250 165 160));--mds-usage-header-color:rgb(var(--status-error-10,115 0 0))}:host([variant=warn]){--mds-usage-border-color:rgb(var(--status-warning-08,129 96 0));--mds-usage-header-color:rgb(var(--status-warning-02,255 237 185))}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:host-context(:root.pref-animation-system){transition-duration:0s}:host-context(:root:not([data-magma-pref])){transition-duration:0s}:host-context(:root:not([data-magma-pref])) .badge{transition-duration:0s}}@media (prefers-contrast:more){:host-context(:root.pref-contrast-system){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root:not([data-magma-pref])){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root:not([data-magma-pref])):host([variant=do]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root:not([data-magma-pref])):host([variant=dont]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root:not([data-magma-pref])):host([variant=warn]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-usage-header-background:rgb(var(--status-info-05,112 198 234));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=do]){--mds-usage-header-background:rgb(var(--status-success-05,107 206 147))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=dont]){--mds-usage-header-background:rgb(var(--status-error-05,250 165 160))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=warn]){--mds-usage-header-background:rgb(var(--status-warning-05,237 177 0))}}'}},[257,"mds-usage",{variant:[1],alias:[1],language:[32],updateLang:[64]}]),l=u,h=function(){"undefined"!=typeof customElements&&["mds-usage","mds-icon","mds-text"].forEach((t=>{switch(t){case"mds-usage":customElements.get(a(t))||customElements.define(a(t),u);break;case"mds-icon":customElements.get(a(t))||n();break;case"mds-text":customElements.get(a(t))||d()}}))};export{l as MdsUsage,h as defineCustomElement}

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

@@ -1,68 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { c as clsx } from './clsx.js';
-
-const mdsVideoWallCss = "@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-video-wall-noise-background-color:rgb(var(--variant-primary-03,211 226 255)/.8);--mds-video-wall-noise-background-size:auto;--mds-video-wall-video-fit:cover}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-video-wall-noise-background-size{syntax:\"auto|<length>\";inherits:false;initial-value:auto}@property --mds-video-wall-video-fit{syntax:\"contain|cover|fill|none|scale-down\";inherits:false;initial-value:cover}:host{--mds-video-wall-noise-background-color:rgb(var(--variant-primary-03,211 226 255)/.8);--mds-video-wall-noise-background-size:auto;--mds-video-wall-noise-fitler:none;--mds-video-wall-video-fit:cover;aspect-ratio:var(--aspect-video,16/9);background-color:rgb(var(--tone-neutral-02,244 244 244));display:flex;position:relative}.content{align-items:center;display:flex;justify-content:center;position:relative;z-index:3}.content,.noise,video{height:100%;width:100%}.noise,video{inset:0;position:absolute}video{-o-object-fit:var(--mds-video-wall-video-fit,cover);object-fit:var(--mds-video-wall-video-fit,cover);z-index:1}.noise{background-color:var(--mds-video-wall-noise-background-color,rgb(var(--variant-primary-03,211 226 255)/.8));background-size:var(--mds-video-wall-noise-background-size,auto);filter:var(--mds-video-wall-noise-fitler);z-index:2}.noise--classic{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAALElEQVQYV2NkwAEYoeIzGRgYtjAwMGxmYGAAs2ESvlBBkDowGyaBYSDpRgEAkLwKoa+v7O8AAAAASUVORK5CYII=)}.noise--sharp{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAOklEQVQoU2NkYGAwZoCAs2hssCAjNkFkMZACGMBqEswErMaDTEJWgNUkmBU4HYpNAYpJyI4ESWCYBAAe2A7Vb66lfAAAAABJRU5ErkJggg==)}.noise--soft{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAOElEQVQYV2NkYGAwZoCA51BaEpnPiKTgLFQCpgHMR1aA0wQpbEYzMDCArQKZAAMoRsOsBinAawIAOXkJ1Ff0CjwAAAAASUVORK5CYII=)}.noise--tv{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAMElEQVQYV2NkYGDwZcABGP8zKBuD5Bj/P4coEf0Kod8wSjH+Z5CVgki+RZc0HghJADPEICMR8Ep/AAAAAElFTkSuQmCC)}:host-context(:root.pref-animation-reduce) video{display:none}@media (prefers-reduced-motion){:host-context(:root.pref-animation-system){display:none}:host-context(:root:not([data-magma-pref])) video{display:none}}";
-
-const MdsVideoWall$1 = /*@__PURE__*/ proxyCustomElement(class MdsVideoWall extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Specifies that the video will start playing as soon as it is ready
-         */
-        this.autoplay = true;
-        /**
-         * Specifies that the video will start over again, every time it is finished
-         */
-        this.loop = true;
-        /**
-         * Specifies that the audio output of the video should be muted
-         */
-        this.muted = true;
-        /**
-         * Specifies if the video has a noise overlay effect
-         */
-        this.noise = 'none';
-        /**
-         * Specifies if and how the author thinks the video should be loaded when the page loads. Note: The preload attribute is ignored if autoplay is present
-         */
-        this.preload = 'auto';
-    }
-    componentWillLoad() {
-        this.hasContent = this.hostElement.querySelector(':scope > [slot="content"]') !== null;
-    }
-    render() {
-        return (h(Host, { key: '82f1f142c13168968cc0652b21612a6872ba63fe' }, this.noise !== 'none' && (h("div", { key: 'a6f179747d63769ec0780986754d9bd04579c39d', "aria-hidden": "true", class: clsx('noise', `noise--${this.noise}`) })), h("video", { key: 'b6d9b4d16a414594624c3bbf6b3c6059538c99de', "aria-hidden": "true", autoplay: this.autoplay, loop: this.loop, muted: this.muted, poster: this.poster, preload: this.preload, src: this.src }, h("slot", { key: '3667c4c9bc1bb1cb28dd42ef0e71841fcbc92013' })), this.hasContent && (h("div", { key: 'a7173bd4b5306bbbada4d875fcbc25ba1702839a', class: "content" }, h("slot", { key: '6f5a6425717d2ee622f53055ac3c4633392110b4', name: "content" })))));
-    }
-    get hostElement() { return this; }
-    static get style() { return mdsVideoWallCss; }
-}, [257, "mds-video-wall", {
-        "autoplay": [4],
-        "loop": [4],
-        "muted": [4],
-        "noise": [1],
-        "poster": [1],
-        "preload": [1],
-        "src": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-video-wall"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-video-wall":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsVideoWall$1);
-            }
-            break;
-    } });
-}
-
-const MdsVideoWall = MdsVideoWall$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsVideoWall, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as o,h as i,Host as t,transformTag as a}from"@stencil/core/internal/client";import{c as s}from"./clsx.js";const n=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.autoplay=!0,this.loop=!0,this.muted=!0,this.noise="none",this.preload="auto"}componentWillLoad(){this.hasContent=null!==this.hostElement.querySelector(':scope > [slot="content"]')}render(){return i(t,{key:"82f1f142c13168968cc0652b21612a6872ba63fe"},"none"!==this.noise&&i("div",{key:"a6f179747d63769ec0780986754d9bd04579c39d","aria-hidden":"true",class:s("noise","noise--"+this.noise)}),i("video",{key:"b6d9b4d16a414594624c3bbf6b3c6059538c99de","aria-hidden":"true",autoplay:this.autoplay,loop:this.loop,muted:this.muted,poster:this.poster,preload:this.preload,src:this.src},i("slot",{key:"3667c4c9bc1bb1cb28dd42ef0e71841fcbc92013"})),this.hasContent&&i("div",{key:"a7173bd4b5306bbbada4d875fcbc25ba1702839a",class:"content"},i("slot",{key:"6f5a6425717d2ee622f53055ac3c4633392110b4",name:"content"})))}get hostElement(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-video-wall-noise-background-color:rgb(var(--variant-primary-03,211 226 255)/.8);--mds-video-wall-noise-background-size:auto;--mds-video-wall-video-fit:cover}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-video-wall-noise-background-size{syntax:"auto|<length>";inherits:false;initial-value:auto}@property --mds-video-wall-video-fit{syntax:"contain|cover|fill|none|scale-down";inherits:false;initial-value:cover}:host{--mds-video-wall-noise-background-color:rgb(var(--variant-primary-03,211 226 255)/.8);--mds-video-wall-noise-background-size:auto;--mds-video-wall-noise-fitler:none;--mds-video-wall-video-fit:cover;aspect-ratio:var(--aspect-video,16/9);background-color:rgb(var(--tone-neutral-02,244 244 244));display:flex;position:relative}.content{align-items:center;display:flex;justify-content:center;position:relative;z-index:3}.content,.noise,video{height:100%;width:100%}.noise,video{inset:0;position:absolute}video{-o-object-fit:var(--mds-video-wall-video-fit,cover);object-fit:var(--mds-video-wall-video-fit,cover);z-index:1}.noise{background-color:var(--mds-video-wall-noise-background-color,rgb(var(--variant-primary-03,211 226 255)/.8));background-size:var(--mds-video-wall-noise-background-size,auto);filter:var(--mds-video-wall-noise-fitler);z-index:2}.noise--classic{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAALElEQVQYV2NkwAEYoeIzGRgYtjAwMGxmYGAAs2ESvlBBkDowGyaBYSDpRgEAkLwKoa+v7O8AAAAASUVORK5CYII=)}.noise--sharp{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAOklEQVQoU2NkYGAwZoCAs2hssCAjNkFkMZACGMBqEswErMaDTEJWgNUkmBU4HYpNAYpJyI4ESWCYBAAe2A7Vb66lfAAAAABJRU5ErkJggg==)}.noise--soft{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAOElEQVQYV2NkYGAwZoCA51BaEpnPiKTgLFQCpgHMR1aA0wQpbEYzMDCArQKZAAMoRsOsBinAawIAOXkJ1Ff0CjwAAAAASUVORK5CYII=)}.noise--tv{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAMElEQVQYV2NkYGDwZcABGP8zKBuD5Bj/P4coEf0Kod8wSjH+Z5CVgki+RZc0HghJADPEICMR8Ep/AAAAAElFTkSuQmCC)}:host-context(:root.pref-animation-reduce) video{display:none}@media (prefers-reduced-motion){:host-context(:root.pref-animation-system){display:none}:host-context(:root:not([data-magma-pref])) video{display:none}}'}},[257,"mds-video-wall",{autoplay:[4],loop:[4],muted:[4],noise:[1],poster:[1],preload:[1],src:[1]}]),r=n,d=function(){"undefined"!=typeof customElements&&["mds-video-wall"].forEach((e=>{"mds-video-wall"===e&&(customElements.get(a(e))||customElements.define(a(e),n))}))};export{r as MdsVideoWall,d as defineCustomElement}

package/dist/components/mds-zero.js

@@ -1,35 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const mdsZeroCss = "@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-zero-contents-max-width:none;--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-zero-contents-max-width{syntax:\"<length>|none\";inherits:false;initial-value:none}:host{--mds-zero-contents-max-width:400px;border-radius:var(--radius-xl,20px);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;background-color:rgb(var(--tone-neutral-10,60 60 60));display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*600);justify-items:center;padding:calc(var(--spacing,.0025rem)*1200);transition-duration:.2s;transition-property:box-shadow,background-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host .contents{display:flex;flex-direction:column;max-width:var(--mds-zero-contents-max-width,none);place-items:center;text-align:center}:host .actions{display:flex;gap:calc(var(--spacing,.0025rem)*200);place-items:center;width:100%}:host ::slotted([slot=action]){margin:auto}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){background-color:rgb(var(--tone-neutral-09,76 76 76));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}: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}@media (min-width:480px){:host{padding-inline:calc(var(--spacing,.0025rem)*600)}}@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]))){background-color:rgb(var(--tone-neutral-09,76 76 76));-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-50);box-shadow:var(--shadow-outline-50)}}";
-
-const MdsZero$1 = /*@__PURE__*/ proxyCustomElement(class MdsZero extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Host, { key: '4fa8ad6a12089daefb9f6c0c92a0e8e5d4d4514d' }, h("slot", { key: 'b75c4e9d7b1b37a6800fe27c83dbf870bf16bb33' }), h("div", { key: '06800749b5440e93d5d258aa71610ebc17841624', class: "contents", part: "contents" }, h("slot", { key: '802d32def4e717b196e0fa1d4666d316107ef04c', name: "content" })), h("footer", { key: '0da9f38014efaef387026489b81050360af244e7', class: "actions", part: "actions" }, h("slot", { key: '91f9ec1a9a3ace90eb721768d0e54600d057cf1d', name: "action" }))));
-    }
-    static get style() { return mdsZeroCss; }
-}, [257, "mds-zero"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-zero"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-zero":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsZero$1);
-            }
-            break;
-    } });
-}
-
-const MdsZero = MdsZero$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsZero, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as t,h as o,Host as a,transformTag as n}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o(a,{key:"4fa8ad6a12089daefb9f6c0c92a0e8e5d4d4514d"},o("slot",{key:"b75c4e9d7b1b37a6800fe27c83dbf870bf16bb33"}),o("div",{key:"06800749b5440e93d5d258aa71610ebc17841624",class:"contents",part:"contents"},o("slot",{key:"802d32def4e717b196e0fa1d4666d316107ef04c",name:"content"})),o("footer",{key:"0da9f38014efaef387026489b81050360af244e7",class:"actions",part:"actions"},o("slot",{key:"91f9ec1a9a3ace90eb721768d0e54600d057cf1d",name:"action"})))}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-zero-contents-max-width:none;--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-zero-contents-max-width{syntax:"<length>|none";inherits:false;initial-value:none}:host{--mds-zero-contents-max-width:400px;border-radius:var(--radius-xl,20px);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;background-color:rgb(var(--tone-neutral-10,60 60 60));display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*600);justify-items:center;padding:calc(var(--spacing,.0025rem)*1200);transition-duration:.2s;transition-property:box-shadow,background-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host .contents{display:flex;flex-direction:column;max-width:var(--mds-zero-contents-max-width,none);place-items:center;text-align:center}:host .actions{display:flex;gap:calc(var(--spacing,.0025rem)*200);place-items:center;width:100%}:host ::slotted([slot=action]){margin:auto}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){background-color:rgb(var(--tone-neutral-09,76 76 76));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}: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}@media (min-width:480px){:host{padding-inline:calc(var(--spacing,.0025rem)*600)}}@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]))){background-color:rgb(var(--tone-neutral-09,76 76 76));-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-50);box-shadow:var(--shadow-outline-50)}}'}},[257,"mds-zero"]),s=r,i=function(){"undefined"!=typeof customElements&&["mds-zero"].forEach((e=>{"mds-zero"===e&&(customElements.get(n(e))||customElements.define(n(e),r))}))};export{s as MdsZero,i as defineCustomElement}

package/dist/components/panorama.js

@@ -1,3 +1 @@
-var baselinePanorama = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M23 18V6c0-1.1-.9-2-2-2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2zM8.5 12.5l2.5 3.01L14.5 11l4.5 6H5l3.5-4.5z"/></svg>`;
-
-export { baselinePanorama as b };
+var h='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M23 18V6c0-1.1-.9-2-2-2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2zM8.5 12.5l2.5 3.01L14.5 11l4.5 6H5l3.5-4.5z"/></svg>';export{h as b}

package/dist/components/remove.js

@@ -1,3 +1 @@
-var miBaselineRemove = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13H5v-2h14v2z"/></svg>`;
-
-export { miBaselineRemove as m };
+var v='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13H5v-2h14v2z"/></svg>';export{v as m}

package/dist/components/settings.js

@@ -1,3 +1 @@
-var miBaselineSettings = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19.14 12.94c.04-.3.06-.61.06-.94c0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.488.488 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.484.484 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6s3.6 1.62 3.6 3.6s-1.62 3.6-3.6 3.6z"/></svg>`;
-
-export { miBaselineSettings as m };
+var c='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19.14 12.94c.04-.3.06-.61.06-.94c0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.488.488 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.484.484 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6s3.6 1.62 3.6 3.6s-1.62 3.6-3.6 3.6z"/></svg>';export{c as m}

package/dist/components/slot.js

@@ -1,48 +1 @@
-const hasSlotted = (el, name) => {
-    var _a;
-    const query = 'slot:not([name])';
-    const slot = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(query);
-    if (slot) {
-        return slot.assignedNodes().length > 0 || slot.assignedElements().length > 0;
-    }
-    return false;
-};
-/**
- * Normalises a label-like string: trims whitespace and coerces empty/nullish
- * values to `undefined`. Use inside `@Watch('label')` handlers when a component
- * exposes a `label` prop with a deprecated default slot fallback.
- */
-const sanitizeLabel = (value) => {
-    if (!value)
-        return undefined;
-    const trimmed = value.trim();
-    return trimmed === '' ? undefined : trimmed;
-};
-/**
- * Reads text assigned to the host's default `<slot />` for use as a fallback
- * when a `label` prop has not been set. Intended to be called from an
- * `onSlotchange` handler on a deprecated default slot.
- *
- * Only the nodes actually assigned to the default slot are inspected (named
- * slots like `notification` are ignored). Element nodes are stripped — the
- * concatenated text content of the assigned nodes is returned instead — and a
- * `console.warn` is emitted so developers can migrate to the `label`
- * property. Returns `undefined` for empty/whitespace.
- */
-const readSlottedLabel = (host) => {
-    var _a;
-    const slot = (_a = host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
-    if (!slot)
-        return undefined;
-    const assigned = slot.assignedNodes({ flatten: true });
-    if (assigned.length === 0)
-        return undefined;
-    const hasElements = assigned.some((node) => node.nodeType === Node.ELEMENT_NODE);
-    if (hasElements) {
-        console.warn(`<${host.tagName.toLowerCase()}>: markup inside the default slot is not supported and has been stripped. Use the \`label\` property to pass plain text instead.`);
-    }
-    const text = assigned.map((node) => { var _a; return (_a = node.textContent) !== null && _a !== void 0 ? _a : ''; }).join('');
-    return sanitizeLabel(text);
-};
-
-export { hasSlotted as h, readSlottedLabel as r, sanitizeLabel as s };
+const t=t=>{var n;const e=null===(n=t.shadowRoot)||void 0===n?void 0:n.querySelector("slot:not([name])");return!!e&&(e.assignedNodes().length>0||e.assignedElements().length>0)},n=t=>{if(!t)return;const n=t.trim();return""===n?void 0:n},e=t=>{var e;const o=null===(e=t.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");if(!o)return;const r=o.assignedNodes({flatten:!0});if(0===r.length)return;r.some((t=>t.nodeType===Node.ELEMENT_NODE))&&console.warn(`<${t.tagName.toLowerCase()}>: markup inside the default slot is not supported and has been stripped. Use the \`label\` property to pass plain text instead.`);const s=r.map((t=>{var n;return null!==(n=t.textContent)&&void 0!==n?n:""})).join("");return n(s)};export{t as h,e as r,n as s}

package/dist/components/unit.js

@@ -1,41 +1 @@
-const cssDurationToMilliseconds = (duration, defaultValue = 1000) => {
-    if (duration.includes('ms')) {
-        return Number(duration.replace('ms', ''));
-    }
-    if (duration.includes('s')) {
-        return Number(duration.replace('s', '')) * 1000;
-    }
-    return defaultValue;
-};
-const cssDurationToSeconds = (duration, defaultValue = 1000) => {
-    if (duration.includes('ms')) {
-        return Number(duration.replace('ms', '')) / 1000;
-    }
-    if (duration.includes('s')) {
-        return Number(duration.replace('s', ''));
-    }
-    return defaultValue;
-};
-const cssSizeToNumber = (size, defaultValue = 0) => {
-    if (size.includes('px')) {
-        return Number(size.replace('px', ''));
-    }
-    if (size.includes('rem')) {
-        return Number(size.replace('rem', '')) * 16;
-    }
-    if (size.includes('em')) {
-        return Number(size.replace('em', '')) * 16;
-    }
-    if (size === Number(size).toString()) {
-        return Number(size);
-    }
-    return defaultValue;
-};
-const cssRotationToNumber = (size, defaultValue = 0) => {
-    if (size.includes('deg')) {
-        return Number(size.replace('deg', ''));
-    }
-    return defaultValue;
-};
-
-export { cssSizeToNumber as a, cssRotationToNumber as b, cssDurationToMilliseconds as c, cssDurationToSeconds as d };
+const e=(e,m=1e3)=>e.includes("ms")?Number(e.replace("ms","")):e.includes("s")?1e3*Number(e.replace("s","")):m,m=(e,m=1e3)=>e.includes("ms")?Number(e.replace("ms",""))/1e3:e.includes("s")?Number(e.replace("s","")):m,r=(e,m=0)=>e.includes("px")?Number(e.replace("px","")):e.includes("rem")?16*Number(e.replace("rem","")):e.includes("em")?16*Number(e.replace("em","")):e===Number(e).toString()?Number(e):m,s=(e,m=0)=>e.includes("deg")?Number(e.replace("deg","")):m;export{r as a,s as b,e as c,m as d}

package/dist/documentation.d.ts

@@ -38,6 +38,17 @@ interface ComponentCompilerTypeReference {
    * An ID for this type which is unique within a Stencil project.
    */
   id: string;
+  /**
+   * Whether this type was imported as a default import (e.g., `import MyEnum from './my-enum'`)
+   * vs a named import (e.g., `import { MyType } from './my-type'`)
+   */
+  isDefault?: boolean;
+  /**
+   * The name used in the import statement (before any user-defined alias).
+   * For `import { XAxisOption as moo }`, this would be "XAxisOption".
+   * This is the name exported by the source module.
+   */
+  referenceLocation?: string;
 }
 interface ComponentCompilerReferencedType {
   /**
@@ -196,6 +207,10 @@ export interface JsonDocsComponent {
    * Array of component Parts information, generate from `@part` tags
    */
   parts: JsonDocsPart[];
+  /**
+   * Array of custom states defined via @AttachInternals({ states: {...} })
+   */
+  customStates: JsonDocsCustomState[];
   /**
    * Array of metadata describing where the current component is used
    */
@@ -413,6 +428,28 @@ export interface JsonDocsPart {
    */
   docs: string;
 }
+/**
+ * A descriptor for a Custom State defined via @AttachInternals({ states: {...} })
+ *
+ * Custom states are exposed via the ElementInternals.states CustomStateSet
+ * and can be targeted with the CSS `:state()` pseudo-class.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/CustomStateSet
+ */
+export interface JsonDocsCustomState {
+  /**
+   * The name of the custom state (without dashes)
+   */
+  name: string;
+  /**
+   * The initial/default value of the state
+   */
+  initialValue: boolean;
+  /**
+   * A textual description of the custom state
+   */
+  docs: string;
+}
 /**
  * Represents a parsed block comment in a CSS, Sass, etc. file for a custom property.
  */