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

package/dist/components/mds-usage.js

@@ -1 +1 @@
-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}
+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 as i}from"./mds-text2.js";var d={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:d,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:"3fe417cf16225feff6971a19f708d4bbbe465468"},r("div",{key:"42921cba1e51f1329990ff410ca9b1998479b90a",class:"header",part:"header"},r("mds-icon",{key:"1ef5b13324f37b16812c92d1137cde5674a577ae",name:"mi/baseline/info",part:"icon"}),r("mds-text",{key:"554fd00006ffba474cd89a944672181f9434c371",typography:"label",class:"label",part:"label"},null!==(t=this.alias)&&void 0!==t?t:this.t.get(this.variant))),r("div",{key:"cbfb026591913fbee7cb49e31f668ffd03b0051f",class:"content",role:"do"===this.variant||"info"===this.variant?"insertion":"deletion"},r("slot",{key:"b6922898d370e5ae96bf05c85593428e8ad2f278"})))}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))||i()}}))};export{l as MdsUsage,h as defineCustomElement}

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

@@ -1 +1 @@
-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}
+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:"0a933dddb8d907e76b6fce5b2299f0ebe604e019"},"none"!==this.noise&&i("div",{key:"d87ad1ae5f923b319006211fc653bd15eb7cecea","aria-hidden":"true",class:s("noise","noise--"+this.noise)}),i("video",{key:"c10fd33395a9ff296a93750d089005000ef68e3d","aria-hidden":"true",autoplay:this.autoplay,loop:this.loop,muted:this.muted,poster:this.poster,preload:this.preload,src:this.src},i("slot",{key:"552250bcc5f1ea12bcf6f1db4756e9f6f83f7788"})),this.hasContent&&i("div",{key:"4016232546d9e8afdfe632a34d020d0c5e0a9460",class:"content"},i("slot",{key:"212470d9c24011d120d237e8f1d589c95d25112c",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 +1 @@
-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}
+import{proxyCustomElement as t,HTMLElement as e,h as o,Host as n,transformTag as a}from"@stencil/core/internal/client";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return o(n,{key:"5fc07df830baec28cfb023dcd6bae81cc184c294"},o("slot",{key:"7823c19de6bcb12f9818522bc8f304597bfcfebe"}),o("div",{key:"4d6c145da8e8bf866dd29b3c9367b75c5bbf212c",class:"contents",part:"contents"},o("slot",{key:"10a9baa24dd9b3b440b73dec22e10a7ff9a20749",name:"content"})),o("footer",{key:"69e92dfefd828457aa67f148c62c6570b3b7e2f4",class:"actions",part:"actions"},o("slot",{key:"9cf15fcf22c0f61f1004305963685fe76d6685ed",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((t=>{"mds-zero"===t&&(customElements.get(a(t))||customElements.define(a(t),r))}))};export{s as MdsZero,i as defineCustomElement}