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

package/dist/esm-es5/mds-url-view.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,r,t,o){function i(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,a){function n(e){try{l(o.next(e))}catch(e){a(e)}}function s(e){try{l(o["throw"](e))}catch(e){a(e)}}function l(e){e.done?t(e.value):i(e.value).then(n,s)}l((o=o.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,i,a,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=s(0),n["throw"]=s(1),n["return"]=s(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(e){return function(r){return l([e,r])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(n&&(n=0,s[0]&&(t=0)),t)try{if(o=1,i&&(a=s[0]&2?i["return"]:s[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,s[1])).done)return a;if(i=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;i=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){t.label=s[1];break}if(s[0]===6&&t.label<a[1]){t.label=a[1];a=s;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(s);break}if(a[2])t.ops.pop();t.trys.pop();continue}s=r.call(e,t)}catch(e){s=[6,e];i=0}finally{o=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{m as miBaselineClose}from"./close-J-ikDhyq.js";import{K as KeyboardManager}from"./keyboard-manager-BudfaWhu.js";import{L as Locale}from"./locale-a4oAcjYG.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>';var close$3="Κλείσιμο";var iframeURL$3="Στοιχείο iframe που περιέχει {{ url }}";var previewURL$3="Παράθυρο με προεπισκόπηση του {{ url }}";var localeEl={close:close$3,iframeURL:iframeURL$3,previewURL:previewURL$3};var close$2="Close";var iframeURL$2="Iframe element containing {{ url }}";var previewURL$2="Window with a preview of {{ url }}";var localeEn={close:close$2,iframeURL:iframeURL$2,previewURL:previewURL$2};var close$1="Cerrar";var iframeURL$1="Elemento iframe que contiene {{ url }}";var previewURL$1="Ventana con vista previa de {{ url }}";var localeEs={close:close$1,iframeURL:iframeURL$1,previewURL:previewURL$1};var close="Chiudi";var iframeURL="Elemento iframe contentente {{ url }}";var previewURL="Finestra con anteprima di {{ url }}";var localeIt={close:close,iframeURL:iframeURL,previewURL:previewURL};var mdsUrlViewCss=function(){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)}}'};var MdsUrlView=function(){function e(e){var r=this;registerInstance(this,e);this.closeEvent=createEvent(this,"mdsUrlViewClose");this.km=new KeyboardManager;this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.loading="lazy";this.urlDomain=function(e){var r=new URL(e);return r.hostname.replace("www.","")};this.closeUrlView=function(){var e;r.closeEvent.emit();(e=r.host.closest("mds-modal"))===null||e===void 0?void 0:e.close()}}e.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=this.t.lang(this.host);return[2]}))}))};e.prototype.componentWillLoad=function(){this.t.lang(this.host)};e.prototype.componentDidLoad=function(){var e;var r=(e=this.host.shadowRoot)===null||e===void 0?void 0:e.querySelector(".action-close");this.km.addElement(r);this.km.attachClickBehavior()};e.prototype.disconnectedCallback=function(){this.km.detachClickBehavior()};e.prototype.render=function(){var e,r;return h(Host,{key:"7cdaedfa3a5f6852a33e04c376df2a46dd5f28a4","aria-label":this.t.get("previewURL",{url:this.urlDomain(this.src)})},h("div",{key:"2d63ebc6278c37d8a3e6911b6a4606a7f33f6c2e",class:"window"},h("div",{key:"3ea3657d096bfe1d921eb7853492c4d6ffe36924",class:"header"},h("mds-icon",{key:"d8a653fd83cc24550f43a8399c52b244757f02f3",class:"window-icon",name:(e=this.icon)!==null&&e!==void 0?e:miBaselineExplore}),h("mds-text",{key:"a39bbe9a04eeeb401aaae6ea2f843cfb2643f969",class:"title",typography:"caption"},(r=this.label)!==null&&r!==void 0?r:this.urlDomain(this.src)),h("mds-button",{key:"8f86fd7f760d6b5f70ade98e413010945f30e7e0",title:this.t.get("close"),class:"action-close",variant:"dark",tone:"text",icon:miBaselineClose,onClick:this.closeUrlView})),h("iframe",{key:"92ef7219b3d9e5f6b5250714fc5ed31ed871a0a3",class:"iframe","aria-label":this.t.get("iframeURL",{url:this.urlDomain(this.src)}),src:this.src,loading:this.loading})))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsUrlView.style=mdsUrlViewCss();export{MdsUrlView as mds_url_view};
+var __awaiter=this&&this.__awaiter||function(e,r,i,t){function a(e){return e instanceof i?e:new i((function(r){r(e)}))}return new(i||(i=Promise))((function(i,o){function n(e){try{l(t.next(e))}catch(e){o(e)}}function s(e){try{l(t["throw"](e))}catch(e){o(e)}}function l(e){e.done?i(e.value):a(e.value).then(n,s)}l((t=t.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},t,a,o,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=s(0),n["throw"]=s(1),n["return"]=s(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(e){return function(r){return l([e,r])}}function l(s){if(t)throw new TypeError("Generator is already executing.");while(n&&(n=0,s[0]&&(i=0)),i)try{if(t=1,a&&(o=s[0]&2?a["return"]:s[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,s[1])).done)return o;if(a=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;a=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(s[0]===6&&i.label<o[1]){i.label=o[1];o=s;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(s);break}if(o[2])i.ops.pop();i.trys.pop();continue}s=r.call(e,i)}catch(e){s=[6,e];a=0}finally{t=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{m as miBaselineClose}from"./close-J-ikDhyq.js";import{K as KeyboardManager}from"./keyboard-manager-BudfaWhu.js";import{L as Locale}from"./locale-a4oAcjYG.js";import{s as subscribePreference}from"./preference-fMwnXhio.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>';var close$3="Κλείσιμο";var iframeURL$3="Στοιχείο iframe που περιέχει {{ url }}";var previewURL$3="Παράθυρο με προεπισκόπηση του {{ url }}";var localeEl={close:close$3,iframeURL:iframeURL$3,previewURL:previewURL$3};var close$2="Close";var iframeURL$2="Iframe element containing {{ url }}";var previewURL$2="Window with a preview of {{ url }}";var localeEn={close:close$2,iframeURL:iframeURL$2,previewURL:previewURL$2};var close$1="Cerrar";var iframeURL$1="Elemento iframe que contiene {{ url }}";var previewURL$1="Ventana con vista previa de {{ url }}";var localeEs={close:close$1,iframeURL:iframeURL$1,previewURL:previewURL$1};var close="Chiudi";var iframeURL="Elemento iframe contentente {{ url }}";var previewURL="Finestra con anteprima di {{ url }}";var localeIt={close:close,iframeURL:iframeURL,previewURL:previewURL};var mdsUrlViewCss=function(){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-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}}}: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-url-view-transition-duration:var(--duration-200,.2s);--private-url-view-transition-duration:var(--mds-url-view-transition-duration);--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(--private-url-view-transition-duration);transition-duration:var(--private-url-view-transition-duration);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: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([pref-animation=reduce]){--private-url-view-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-url-view-shadow:var(--shadow-outline)}:host([pref-contrast=more]){--mds-url-view-shadow:var(--shadow-outline-50)}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-url-view-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-url-view-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-url-view-shadow:var(--shadow-outline-50)}}'};var MdsUrlView=function(){function e(e){var r=this;registerInstance(this,e);this.closeEvent=createEvent(this,"mdsUrlViewClose");this.km=new KeyboardManager;this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.loading="lazy";this.urlDomain=function(e){var r=new URL(e);return r.hostname.replace("www.","")};this.closeUrlView=function(){var e;r.closeEvent.emit();(e=r.host.closest("mds-modal"))===null||e===void 0?void 0:e.close()}}e.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=this.t.lang(this.host);return[2]}))}))};e.prototype.connectedCallback=function(){var e=this;this.unsubscribePrefAnimation=subscribePreference("animation",(function(r){e.prefAnimation=r}));this.unsubscribePrefContrast=subscribePreference("contrast",(function(r){e.prefContrast=r}));this.unsubscribePrefTheme=subscribePreference("theme",(function(r){e.prefTheme=r}));this.unsubscribePrefThemeScheme=subscribePreference("theme-scheme",(function(r){e.prefThemeScheme=r}))};e.prototype.componentWillLoad=function(){this.t.lang(this.host)};e.prototype.componentDidLoad=function(){var e;var r=(e=this.host.shadowRoot)===null||e===void 0?void 0:e.querySelector(".action-close");this.km.addElement(r);this.km.attachClickBehavior()};e.prototype.disconnectedCallback=function(){var e,r,i,t;(e=this.unsubscribePrefAnimation)===null||e===void 0?void 0:e.call(this);(r=this.unsubscribePrefContrast)===null||r===void 0?void 0:r.call(this);(i=this.unsubscribePrefTheme)===null||i===void 0?void 0:i.call(this);(t=this.unsubscribePrefThemeScheme)===null||t===void 0?void 0:t.call(this);this.km.detachClickBehavior()};e.prototype.render=function(){var e,r;return h(Host,{key:"806641c36d9b4aa568b09ce3617f4ca860ed8817","aria-label":this.t.get("previewURL",{url:this.urlDomain(this.src)}),"pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},h("div",{key:"2205b5e3d0810ba101e3ba78e690f94ae156b042",class:"window"},h("div",{key:"cced352e1926c26eb05f122d8df152f19a695a78",class:"header"},h("mds-icon",{key:"8b386b0a164a176f3a65dd8f0ae9b639efcfbe51",class:"window-icon",name:(e=this.icon)!==null&&e!==void 0?e:miBaselineExplore}),h("mds-text",{key:"14b2574e7a3e28620a7fb098644e3cd1abb66208",class:"title",typography:"caption"},(r=this.label)!==null&&r!==void 0?r:this.urlDomain(this.src)),h("mds-button",{key:"eceac0ff4d497eaf88c675605b833fd3a7eac9f7",title:this.t.get("close"),class:"action-close",variant:"dark",tone:"text",icon:miBaselineClose,onClick:this.closeUrlView})),h("iframe",{key:"a18133eb09c2ef5bf7b7ecdaabef6f3e00b91a8b",class:"iframe","aria-label":this.t.get("iframeURL",{url:this.urlDomain(this.src)}),src:this.src,loading:this.loading})))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsUrlView.style=mdsUrlViewCss();export{MdsUrlView as mds_url_view};

package/dist/esm-es5/mds-usage.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,r,e,o){function a(t){return t instanceof e?t:new e((function(r){r(t)}))}return new(e||(e=Promise))((function(e,n){function s(t){try{d(o.next(t))}catch(t){n(t)}}function i(t){try{d(o["throw"](t))}catch(t){n(t)}}function d(t){t.done?e(t.value):a(t.value).then(s,i)}d((o=o.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var e={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,a,n,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=i(0),s["throw"]=i(1),s["return"]=i(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(t){return function(r){return d([t,r])}}function d(i){if(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,i[0]&&(e=0)),e)try{if(o=1,a&&(n=i[0]&2?a["return"]:i[0]?a["throw"]||((n=a["return"])&&n.call(a),0):a.next)&&!(n=n.call(a,i[1])).done)return n;if(a=0,n)i=[i[0]&2,n.value];switch(i[0]){case 0:case 1:n=i;break;case 4:e.label++;return{value:i[1],done:false};case 5:e.label++;a=i[1];i=[0];continue;case 7:i=e.ops.pop();e.trys.pop();continue;default:if(!(n=e.trys,n=n.length>0&&n[n.length-1])&&(i[0]===6||i[0]===2)){e=0;continue}if(i[0]===3&&(!n||i[1]>n[0]&&i[1]<n[3])){e.label=i[1];break}if(i[0]===6&&e.label<n[1]){e.label=n[1];n=i;break}if(n&&e.label<n[2]){e.label=n[2];e.ops.push(i);break}if(n[2])e.ops.pop();e.trys.pop();continue}i=r.call(t,e)}catch(t){i=[6,t];a=0}finally{o=n=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{L as Locale}from"./locale-a4oAcjYG.js";var dont$3="Δεν επιτρέπεται";var info$3="Πληροφορία";var warn$3="Προειδοποίηση";var localeEl={do:"Επιτρέπεται",dont:dont$3,info:info$3,warn:warn$3};var dont$2="Not allowed";var info$2="Information";var warn$2="Warning";var localeEn={do:"Allowed",dont:dont$2,info:info$2,warn:warn$2};var dont$1="No permitido";var info$1="Información";var warn$1="Advertencia";var localeEs={do:"Permitido",dont:dont$1,info:info$1,warn:warn$1};var dont="Non consentito";var info="Informazione";var warn="Attenzione";var localeIt={do:"Consentito",dont:dont,info:info,warn:warn};var mdsUsageCss=function(){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))}}'};var MdsUsage=function(){function t(t){registerInstance(this,t);this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.variant="info"}t.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=this.t.lang(this.element);return[2]}))}))};t.prototype.render=function(){var t;return h(Host,{key:"3fe417cf16225feff6971a19f708d4bbbe465468"},h("div",{key:"42921cba1e51f1329990ff410ca9b1998479b90a",class:"header",part:"header"},h("mds-icon",{key:"1ef5b13324f37b16812c92d1137cde5674a577ae",name:"mi/baseline/info",part:"icon"}),h("mds-text",{key:"554fd00006ffba474cd89a944672181f9434c371",typography:"label",class:"label",part:"label"},(t=this.alias)!==null&&t!==void 0?t:this.t.get(this.variant))),h("div",{key:"cbfb026591913fbee7cb49e31f668ffd03b0051f",class:"content",role:this.variant==="do"||this.variant==="info"?"insertion":"deletion"},h("slot",{key:"b6922898d370e5ae96bf05c85593428e8ad2f278"})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsUsage.style=mdsUsageCss();export{MdsUsage as mds_usage};
+var __awaiter=this&&this.__awaiter||function(r,e,t,a){function o(r){return r instanceof t?r:new t((function(e){e(r)}))}return new(t||(t=Promise))((function(t,s){function n(r){try{d(a.next(r))}catch(r){s(r)}}function i(r){try{d(a["throw"](r))}catch(r){s(r)}}function d(r){r.done?t(r.value):o(r.value).then(n,i)}d((a=a.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var t={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},a,o,s,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=i(0),n["throw"]=i(1),n["return"]=i(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function i(r){return function(e){return d([r,e])}}function d(i){if(a)throw new TypeError("Generator is already executing.");while(n&&(n=0,i[0]&&(t=0)),t)try{if(a=1,o&&(s=i[0]&2?o["return"]:i[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,i[1])).done)return s;if(o=0,s)i=[i[0]&2,s.value];switch(i[0]){case 0:case 1:s=i;break;case 4:t.label++;return{value:i[1],done:false};case 5:t.label++;o=i[1];i=[0];continue;case 7:i=t.ops.pop();t.trys.pop();continue;default:if(!(s=t.trys,s=s.length>0&&s[s.length-1])&&(i[0]===6||i[0]===2)){t=0;continue}if(i[0]===3&&(!s||i[1]>s[0]&&i[1]<s[3])){t.label=i[1];break}if(i[0]===6&&t.label<s[1]){t.label=s[1];s=i;break}if(s&&t.label<s[2]){t.label=s[2];t.ops.push(i);break}if(s[2])t.ops.pop();t.trys.pop();continue}i=e.call(r,t)}catch(r){i=[6,r];o=0}finally{a=s=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{L as Locale}from"./locale-a4oAcjYG.js";import{s as subscribePreference}from"./preference-fMwnXhio.js";var dont$3="Δεν επιτρέπεται";var info$3="Πληροφορία";var warn$3="Προειδοποίηση";var localeEl={do:"Επιτρέπεται",dont:dont$3,info:info$3,warn:warn$3};var dont$2="Not allowed";var info$2="Information";var warn$2="Warning";var localeEn={do:"Allowed",dont:dont$2,info:info$2,warn:warn$2};var dont$1="No permitido";var info$1="Información";var warn$1="Advertencia";var localeEs={do:"Permitido",dont:dont$1,info:info$1,warn:warn$1};var dont="Non consentito";var info="Informazione";var warn="Attenzione";var localeIt={do:"Consentito",dont:dont,info:info,warn:warn};var mdsUsageCss=function(){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-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-ease:initial}}}: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));--mds-usage-transition-duration:var(--duration-200,.2s);--private-usage-transition-duration:var(--mds-usage-transition-duration);--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-radius:var(--radius-lg,16px);border-style:solid;border-width:calc(var(--spacing,.0025rem)*50);display:grid;gap:calc(var(--spacing,.0025rem)*200);grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:minmax(0,100%);padding:calc(var(--spacing,.0025rem)*400);padding-top:0;position:relative;-webkit-transition-duration:var(--private-usage-transition-duration);transition-duration:var(--private-usage-transition-duration);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([pref-animation=reduce]){--private-usage-transition-duration:0s}:host([pref-contrast=more]),:host([pref-contrast=more]):host([variant=do]),:host([pref-contrast=more]):host([variant=dont]),:host([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([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([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=do]){--mds-usage-header-background:rgb(var(--status-success-05,107 206 147))}:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=dont]){--mds-usage-header-background:rgb(var(--status-error-05,250 165 160))}:host([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-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-usage-transition-duration:0s}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host(:not([pref-contrast])):host([variant=do]),:host(:not([pref-contrast])):host([variant=dont]),:host(:not([pref-contrast])):host([variant=warn]),:host([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))}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]: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)}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=do]){--mds-usage-header-background:rgb(var(--status-success-05,107 206 147))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=dont]){--mds-usage-header-background:rgb(var(--status-error-05,250 165 160))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=warn]){--mds-usage-header-background:rgb(var(--status-warning-05,237 177 0))}}'};var MdsUsage=function(){function r(r){registerInstance(this,r);this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.variant="info"}r.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.language=this.t.lang(this.element);return[2]}))}))};r.prototype.connectedCallback=function(){var r=this;this.unsubscribePrefAnimation=subscribePreference("animation",(function(e){r.prefAnimation=e}));this.unsubscribePrefContrast=subscribePreference("contrast",(function(e){r.prefContrast=e}));this.unsubscribePrefTheme=subscribePreference("theme",(function(e){r.prefTheme=e}));this.unsubscribePrefThemeScheme=subscribePreference("theme-scheme",(function(e){r.prefThemeScheme=e}))};r.prototype.disconnectedCallback=function(){var r,e,t,a;(r=this.unsubscribePrefAnimation)===null||r===void 0?void 0:r.call(this);(e=this.unsubscribePrefContrast)===null||e===void 0?void 0:e.call(this);(t=this.unsubscribePrefTheme)===null||t===void 0?void 0:t.call(this);(a=this.unsubscribePrefThemeScheme)===null||a===void 0?void 0:a.call(this)};r.prototype.render=function(){var r;return h(Host,{key:"85c8efc0f31d70d317575637e4c4e4584170ab10","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},h("div",{key:"b13cc0c447b185362dc7d8a2587ccc3f7f260ab9",class:"header",part:"header"},h("mds-icon",{key:"f739767d950f5f3d65e0571faf1270f73fa658da",name:"mi/baseline/info",part:"icon"}),h("mds-text",{key:"7df4c76d59a017beadb081603a25aab194f74b52",typography:"label",class:"label",part:"label"},(r=this.alias)!==null&&r!==void 0?r:this.t.get(this.variant))),h("div",{key:"1d2fd3a6c1e8a83c59b8c8819d5119e91b4870da",class:"content",role:this.variant==="do"||this.variant==="info"?"insertion":"deletion"},h("slot",{key:"a951eb3d2e26814d585f04d1143d588ddd008b18"})))};Object.defineProperty(r.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();MdsUsage.style=mdsUsageCss();export{MdsUsage as mds_usage};

package/dist/esm-es5/mds-video-wall.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{c as clsx}from"./clsx-ChV9xqsO.js";var mdsVideoWallCss=function(){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}}'};var MdsVideoWall=function(){function e(e){registerInstance(this,e);this.autoplay=true;this.loop=true;this.muted=true;this.noise="none";this.preload="auto"}e.prototype.componentWillLoad=function(){this.hasContent=this.hostElement.querySelector(':scope > [slot="content"]')!==null};e.prototype.render=function(){return h(Host,{key:"0a933dddb8d907e76b6fce5b2299f0ebe604e019"},this.noise!=="none"&&h("div",{key:"d87ad1ae5f923b319006211fc653bd15eb7cecea","aria-hidden":"true",class:clsx("noise","noise--".concat(this.noise))}),h("video",{key:"c10fd33395a9ff296a93750d089005000ef68e3d","aria-hidden":"true",autoplay:this.autoplay,loop:this.loop,muted:this.muted,poster:this.poster,preload:this.preload,src:this.src},h("slot",{key:"552250bcc5f1ea12bcf6f1db4756e9f6f83f7788"})),this.hasContent&&h("div",{key:"4016232546d9e8afdfe632a34d020d0c5e0a9460",class:"content"},h("slot",{key:"212470d9c24011d120d237e8f1d589c95d25112c",name:"content"})))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsVideoWall.style=mdsVideoWallCss();export{MdsVideoWall as mds_video_wall};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{c as clsx}from"./clsx-ChV9xqsO.js";var mdsVideoWallCss=function(){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}}}: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)}@media (prefers-reduced-motion:reduce){video{display:none}}'};var MdsVideoWall=function(){function e(e){registerInstance(this,e);this.autoplay=true;this.loop=true;this.muted=true;this.noise="none";this.preload="auto"}e.prototype.componentWillLoad=function(){this.hasContent=this.hostElement.querySelector(':scope > [slot="content"]')!==null};e.prototype.render=function(){return h(Host,{key:"8f07c944028bfe470b32b16318d116b11b8182e7"},this.noise!=="none"&&h("div",{key:"98490d2cc82b65ff2e3032856af679d455820224","aria-hidden":"true",class:clsx("noise","noise--".concat(this.noise))}),h("video",{key:"6a7d2ecc5a053593b111f4a7bb55a0d559f514a0","aria-hidden":"true",autoplay:this.autoplay,loop:this.loop,muted:this.muted,poster:this.poster,preload:this.preload,src:this.src},h("slot",{key:"34d12c79883050650e0cc6c4585cdf74b2f0da5f"})),this.hasContent&&h("div",{key:"ce5d918aa67250207d7e81698eb0b1d40a9f6a36",class:"content"},h("slot",{key:"68e82013151c87a3b265d3d2cf398e92120e9b5a",name:"content"})))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsVideoWall.style=mdsVideoWallCss();export{MdsVideoWall as mds_video_wall};

package/dist/esm-es5/mds-zero.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-CAd5312P.js";var mdsZeroCss=function(){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)}}'};var MdsZero=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){return h(Host,{key:"5fc07df830baec28cfb023dcd6bae81cc184c294"},h("slot",{key:"7823c19de6bcb12f9818522bc8f304597bfcfebe"}),h("div",{key:"4d6c145da8e8bf866dd29b3c9367b75c5bbf212c",class:"contents",part:"contents"},h("slot",{key:"10a9baa24dd9b3b440b73dec22e10a7ff9a20749",name:"content"})),h("footer",{key:"69e92dfefd828457aa67f148c62c6570b3b7e2f4",class:"actions",part:"actions"},h("slot",{key:"9cf15fcf22c0f61f1004305963685fe76d6685ed",name:"action"})))};return t}();MdsZero.style=mdsZeroCss();export{MdsZero as mds_zero};
+import{r as registerInstance,h,H as Host}from"./index-CAd5312P.js";import{s as subscribePreference}from"./preference-fMwnXhio.js";var mdsZeroCss=function(){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-ease:initial}}}@property --mds-zero-contents-max-width{syntax:"<length>|none";inherits:false;initial-value:none}:host{--mds-zero-contents-max-width:400px;--mds-zero-transition-duration:var(--duration-200,.2s);--private-zero-transition-duration:var(--mds-zero-transition-duration);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;background-color:rgb(var(--tone-neutral-10,60 60 60));border-radius:var(--radius-xl,20px);display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*600);justify-items:center;padding:calc(var(--spacing,.0025rem)*1200);-webkit-transition-duration:var(--private-zero-transition-duration);transition-duration:var(--private-zero-transition-duration);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{align-items:center;display:flex;gap:calc(var(--spacing,.0025rem)*200);justify-items:center;width:100%}:host ::slotted([slot=action]){margin:auto}:host([pref-animation=reduce]){--private-zero-transition-duration:0s}:host([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([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-ease{syntax:"*";inherits:false}@media (min-width:480px){:host{padding-inline:calc(var(--spacing,.0025rem)*600)}}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-zero-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]: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)}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}'};var MdsZero=function(){function e(e){registerInstance(this,e)}e.prototype.connectedCallback=function(){var e=this;this.unsubscribePrefAnimation=subscribePreference("animation",(function(t){e.prefAnimation=t}));this.unsubscribePrefContrast=subscribePreference("contrast",(function(t){e.prefContrast=t}));this.unsubscribePrefTheme=subscribePreference("theme",(function(t){e.prefTheme=t}));this.unsubscribePrefThemeScheme=subscribePreference("theme-scheme",(function(t){e.prefThemeScheme=t}))};e.prototype.disconnectedCallback=function(){var e,t,o,r;(e=this.unsubscribePrefAnimation)===null||e===void 0?void 0:e.call(this);(t=this.unsubscribePrefContrast)===null||t===void 0?void 0:t.call(this);(o=this.unsubscribePrefTheme)===null||o===void 0?void 0:o.call(this);(r=this.unsubscribePrefThemeScheme)===null||r===void 0?void 0:r.call(this)};e.prototype.render=function(){return h(Host,{key:"6313fb7bb691178754bf339cb5ed9fe35c89bf40","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},h("slot",{key:"ad07044307f4d6af9674c6f3f1b7dd1e53880936"}),h("div",{key:"2e99ce2ac84f02d16d119ab2952cfec09d16d8c6",class:"contents",part:"contents"},h("slot",{key:"e27e04c9b63d8312de6ca2ac44db5776ba7da30b",name:"content"})),h("footer",{key:"77d6ffcd4e3a8cc6d1e49662bdd06d91dc020177",class:"actions",part:"actions"},h("slot",{key:"7c774123d4bd3061b6901c95bf7999bf7759ea99",name:"action"})))};return e}();MdsZero.style=mdsZeroCss();export{MdsZero as mds_zero};

package/dist/esm-es5/preference-fMwnXhio.js

@@ -0,0 +1 @@
+var PREFERENCE_VALUES={animation:["reduce","system","no-preference"],consumption:["low","medium","high"],contrast:["more","no-preference","system"],theme:["light","dark","system"],"theme-scheme":["light","dark","all"]};var listeners=new Map;var current=new Map;var observer;var resolve=function(e){var r;var n=(r=PREFERENCE_VALUES[e])!==null&&r!==void 0?r:[];var t=document.documentElement.classList;return n.find((function(r){return t.contains("pref-".concat(e,"-").concat(r))}))};var sync=function(){listeners.forEach((function(e,r){var n=resolve(r);if(n!==current.get(r)){current.set(r,n);e.forEach((function(e){return e(n)}))}}))};var ensureObserver=function(){if(observer||typeof MutationObserver==="undefined"){return}observer=new MutationObserver(sync);observer.observe(document.documentElement,{attributes:true,attributeFilter:["class"]})};var subscribePreference=function(e,r){if(typeof document==="undefined"){r(undefined);return function(){}}ensureObserver();if(!listeners.has(e)){listeners.set(e,new Set);current.set(e,resolve(e))}var n=listeners.get(e);n===null||n===void 0?void 0:n.add(r);r(current.get(e));return function(){n===null||n===void 0?void 0:n.delete(r);if(n&&n.size===0){listeners.delete(e);current.delete(e)}}};export{subscribePreference as s};