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

package/dist/esm-es5/mds-header-bar.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,a,r){function o(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,n){function i(e){try{d(r.next(e))}catch(e){n(e)}}function s(e){try{d(r["throw"](e))}catch(e){n(e)}}function d(e){e.done?a(e.value):o(e.value).then(i,s)}d((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},r,o,n,i=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return i.next=s(0),i["throw"]=s(1),i["return"]=s(2),typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(t){return d([e,t])}}function d(s){if(r)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(a=0)),a)try{if(r=1,o&&(n=s[0]&2?o["return"]:s[0]?o["throw"]||((n=o["return"])&&n.call(o),0):o.next)&&!(n=n.call(o,s[1])).done)return n;if(o=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:a.label++;return{value:s[1],done:false};case 5:a.label++;o=s[1];s=[0];continue;case 7:s=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){a=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){a.label=s[1];break}if(s[0]===6&&a.label<n[1]){a.label=n[1];n=s;break}if(n&&a.label<n[2]){a.label=n[2];a.ops.push(s);break}if(n[2])a.ops.pop();a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e];o=0}finally{r=n=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";var miRoundMenu='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"/></svg>';var mdsHeaderBarCss=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-header-bar-hamburger-color:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button: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-header-bar-hamburger-color:rgb(var(--tone-neutral-03,233 233 233));background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);interpolate-size:allow-keywords;display:flex;inset:0 0 auto;justify-content:center;margin-left:auto;margin-right:auto;max-width:100%;padding:calc(var(--spacing,.0025rem)*400) calc(var(--spacing,.0025rem)*600);position:fixed;transition-duration:.5s;transition-property:background-color,border-radius,margin,max-width,transform,width;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:auto;z-index:var(--mds-header-z-index,1000)}.logo{color:inherit;display:flex}.content{align-items:center;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:space-between;max-width:var(--breakpoint-wide,1280px)}.actions{display:flex;gap:calc(var(--spacing,.0025rem)*600)}.nav{display:inline-flex;flex-shrink:0;gap:calc(var(--spacing,.0025rem)*400)}.menu{--mds-button-border-opacity:0;fill:var(--mds-header-bar-hamburger-color,rgb(var(--tone-neutral-03,233 233 233)));padding:0}.menu::part(icon){width:calc(var(--spacing,.0025rem)*800)}:host([menu=none]) .menu,:host([nav=none]) .nav{display:none}: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-10,60 60 60));-webkit-box-shadow:var(--shadow-outline),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}:host-context(:root.pref-contrast-more){--mds-header-bar-hamburger-color:rgb(var(--tone-neutral-01,255 255 255));-webkit-box-shadow:var(--shadow-outline-strong-50),var(--shadow-2xl,0 25px 50px -12px #00000040);box-shadow:var(--shadow-outline-strong-50),var(--shadow-2xl,0 25px 50px -12px #00000040)}@media not all and (min-width:768px){:host([menu=desktop]) .menu,:host([nav=desktop]) .nav{display:none}}@media (min-width:1024px){:host([menu=mobile]) .menu,:host([nav=mobile]) .nav{display:none}}@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-10,60 60 60));-webkit-box-shadow:var(--shadow-outline),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-header-bar-hamburger-color:rgb(var(--tone-neutral-01,255 255 255));-webkit-box-shadow:var(--shadow-outline-strong-50),var(--shadow-2xl,0 25px 50px -12px #00000040);box-shadow:var(--shadow-outline-strong-50),var(--shadow-2xl,0 25px 50px -12px #00000040)}}"};var MdsHeaderBar=function(){function e(e){var t=this;registerInstance(this,e);this.openedEvent=createEvent(this,"mdsHeaderBarOpen");this.menu="mobile";this.nav="desktop";this.open=function(){var e;t.isOpened=true;t.openedEvent.emit();(e=t.host.closest("mds-header"))===null||e===void 0?void 0:e.setOpened(true)}}e.prototype.componentWillLoad=function(){this.hasNav=this.host.querySelector(':scope > [slot="nav"]')!==null};e.prototype.setOpened=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=true}return __generator(this,(function(t){this.isOpened=e;return[2]}))}))};e.prototype.render=function(){return h(Host,{key:"6dd35a371fa5c356edb5f3dcdb3a7055ef59088b"},h("div",{key:"2550f4a19b20204359c89fc7ba4d352ccc7fae68",class:"content",part:"content"},h("div",{key:"41f1db71c01221c51e763d155ab701bd6c8ceb53",class:"logo"},h("slot",{key:"2dec39a7e14263b3c2af14d7bc2892355c369db7"})),h("div",{key:"4b2191c4b205abc0a56bab40d8266a81fcd5dcff",class:"actions",part:"actions"},this.nav!=="none"&&this.hasNav&&h("nav",{key:"e0211adaa22e20fdfc213db906577704b55d752c",class:"nav",part:"nav"},h("slot",{key:"bd5aab236894a32ee0a46c1fbeebfcc386214dc3",name:"nav"})),this.menu!=="none"&&h("mds-button",{key:"233bd731f391808dec162ff73cc9a1ed6453998f",class:"menu",variant:"dark",tone:"text",icon:miRoundMenu,onClick:this.open,part:"hamburger"}))))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsHeaderBar.style=mdsHeaderBarCss();export{MdsHeaderBar as mds_header_bar};
+var __awaiter=this&&this.__awaiter||function(e,t,r,a){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function i(e){try{d(a.next(e))}catch(e){o(e)}}function s(e){try{d(a["throw"](e))}catch(e){o(e)}}function d(e){e.done?r(e.value):n(e.value).then(i,s)}d((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,n,o,i=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return i.next=s(0),i["throw"]=s(1),i["return"]=s(2),typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(t){return d([e,t])}}function d(s){if(a)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(r=0)),r)try{if(a=1,n&&(o=s[0]&2?n["return"]:s[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;if(n=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){r.label=s[1];break}if(s[0]===6&&r.label<o[1]){r.label=o[1];o=s;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(s);break}if(o[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];n=0}finally{a=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{s as subscribePreference}from"./preference-fMwnXhio.js";var miRoundMenu='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"/></svg>';var mdsHeaderBarCss=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-header-bar-hamburger-color:rgb(var(--tone-neutral-03,233 233 233))}}}:host(:not(:is([hydrated],.hydrated))),mds-button: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-header-bar-hamburger-color:rgb(var(--tone-neutral-03,233 233 233));--mds-header-bar-transition-duration:.5s;--private-header-bar-transition-duration:var(--mds-header-bar-transition-duration);background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);interpolate-size:allow-keywords;display:flex;inset:0 0 auto;justify-content:center;margin-left:auto;margin-right:auto;max-width:100%;padding:calc(var(--spacing,.0025rem)*400) calc(var(--spacing,.0025rem)*600);position:fixed;-webkit-transition-duration:var(--private-header-bar-transition-duration);transition-duration:var(--private-header-bar-transition-duration);transition-property:background-color,border-radius,margin,max-width,transform,width;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:auto;z-index:var(--mds-header-z-index,1000)}.logo{color:inherit;display:flex}.content{align-items:center;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:space-between;max-width:var(--breakpoint-wide,1280px)}.actions{display:flex;gap:calc(var(--spacing,.0025rem)*600)}.nav{display:inline-flex;flex-shrink:0;gap:calc(var(--spacing,.0025rem)*400)}.menu{--mds-button-border-opacity:0;fill:var(--mds-header-bar-hamburger-color,rgb(var(--tone-neutral-03,233 233 233)));padding:0}.menu::part(icon){width:calc(var(--spacing,.0025rem)*800)}:host([menu=none]) .menu,:host([nav=none]) .nav{display:none}:host([pref-animation=reduce]){--private-header-bar-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){background-color:rgb(var(--tone-neutral-10,60 60 60));-webkit-box-shadow:var(--shadow-outline),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}:host([pref-contrast=more]){--mds-header-bar-hamburger-color:rgb(var(--tone-neutral-01,255 255 255));-webkit-box-shadow:var(--shadow-outline-strong-50),var(--shadow-2xl,0 25px 50px -12px #00000040);box-shadow:var(--shadow-outline-strong-50),var(--shadow-2xl,0 25px 50px -12px #00000040)}@media not all and (min-width:768px){:host([menu=desktop]) .menu,:host([nav=desktop]) .nav{display:none}}@media (min-width:1024px){:host([menu=mobile]) .menu,:host([nav=mobile]) .nav{display:none}}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-header-bar-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-10,60 60 60));-webkit-box-shadow:var(--shadow-outline),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-header-bar-hamburger-color:rgb(var(--tone-neutral-01,255 255 255));-webkit-box-shadow:var(--shadow-outline-strong-50),var(--shadow-2xl,0 25px 50px -12px #00000040);box-shadow:var(--shadow-outline-strong-50),var(--shadow-2xl,0 25px 50px -12px #00000040)}}"};var MdsHeaderBar=function(){function e(e){var t=this;registerInstance(this,e);this.openedEvent=createEvent(this,"mdsHeaderBarOpen");this.menu="mobile";this.nav="desktop";this.open=function(){var e;t.isOpened=true;t.openedEvent.emit();(e=t.host.closest("mds-header"))===null||e===void 0?void 0:e.setOpened(true)}}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,r,a;(e=this.unsubscribePrefAnimation)===null||e===void 0?void 0:e.call(this);(t=this.unsubscribePrefContrast)===null||t===void 0?void 0:t.call(this);(r=this.unsubscribePrefTheme)===null||r===void 0?void 0:r.call(this);(a=this.unsubscribePrefThemeScheme)===null||a===void 0?void 0:a.call(this)};e.prototype.componentWillLoad=function(){this.hasNav=this.host.querySelector(':scope > [slot="nav"]')!==null};e.prototype.setOpened=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=true}return __generator(this,(function(t){this.isOpened=e;return[2]}))}))};e.prototype.render=function(){return h(Host,{key:"b1c85dfc8206bae1df8c6646da41ad85775c0eb7","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},h("div",{key:"3f73b7a9ffbf542b60c81e313b1164f6208eb4f2",class:"content",part:"content"},h("div",{key:"47f423bd40c504c2e058152ce8ca9f0a8ca45326",class:"logo"},h("slot",{key:"d0a7f9e9d818fd3e02418bd0cd570eb292cf1095"})),h("div",{key:"4fe0b5d41e3c38ab175a71c8f949ab40c98e30fa",class:"actions",part:"actions"},this.nav!=="none"&&this.hasNav&&h("nav",{key:"4668b44604cd6619d4b8b894e4bb2086abea0e15",class:"nav",part:"nav"},h("slot",{key:"0d75f2f06c05c5613b107d3a96a2ecba2bdedcb6",name:"nav"})),this.menu!=="none"&&h("mds-button",{key:"225c889c6731cd4db3866ec57f996348f9475ea9",class:"menu",variant:"dark",tone:"text",icon:miRoundMenu,onClick:this.open,part:"hamburger"}))))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsHeaderBar.style=mdsHeaderBarCss();export{MdsHeaderBar as mds_header_bar};

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,r,a,t){function i(e){return e instanceof a?e:new a((function(r){r(e)}))}return new(a||(a=Promise))((function(a,n){function o(e){try{s(t.next(e))}catch(e){n(e)}}function d(e){try{s(t["throw"](e))}catch(e){n(e)}}function s(e){e.done?a(e.value):i(e.value).then(o,d)}s((t=t.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},t,i,n,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=d(0),o["throw"]=d(1),o["return"]=d(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function d(e){return function(r){return s([e,r])}}function s(d){if(t)throw new TypeError("Generator is already executing.");while(o&&(o=0,d[0]&&(a=0)),a)try{if(t=1,i&&(n=d[0]&2?i["return"]:d[0]?i["throw"]||((n=i["return"])&&n.call(i),0):i.next)&&!(n=n.call(i,d[1])).done)return n;if(i=0,n)d=[d[0]&2,n.value];switch(d[0]){case 0:case 1:n=d;break;case 4:a.label++;return{value:d[1],done:false};case 5:a.label++;i=d[1];d=[0];continue;case 7:d=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(d[0]===6||d[0]===2)){a=0;continue}if(d[0]===3&&(!n||d[1]>n[0]&&d[1]<n[3])){a.label=d[1];break}if(d[0]===6&&a.label<n[1]){a.label=n[1];n=d;break}if(n&&a.label<n[2]){a.label=n[2];a.ops.push(d);break}if(n[2])a.ops.pop();a.trys.pop();continue}d=r.call(e,a)}catch(e){d=[6,e];i=0}finally{t=n=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";var mdsHeaderCss=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 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-header-color:rgb(var(--tone-neutral-02,244 244 244));--mds-header-icon-color:var(--mds-header-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-header-modal-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-header-backdrop-height:calc(var(--spacing,.0025rem)*1600);--mds-header-inline-margin-mobile:calc(var(--spacing,.0025rem)*400);--mds-header-inline-margin:calc(var(--spacing,.0025rem)*600);--mds-header-z-index:var(--magma-header-z-index,1000);--mds-header-backdrop-show:true;--mds-header-backdrop-blur-strength:2px}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-modal: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-header-backdrop-show{syntax:"true|false";inherits:false;initial-value:true}@property --mds-header-backdrop-blur-strength{syntax:"<length>";inherits:false;initial-value:2px}:host{--mds-header-color:rgb(var(--tone-neutral-02,244 244 244));--mds-header-hidden-bar-translate-inline:translateY(-150%);--mds-header-hidden-bar-translate-stripe:translateY(-110%);--mds-header-icon-color:var(--mds-header-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-header-modal-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-header-backdrop-blur-strength:2px;--mds-header-backdrop-height:calc(var(--spacing,.0025rem)*1600);--mds-header-backdrop-show:true;--mds-header-z-index:var(--magma-header-z-index,1000);--mds-header-inline-margin-mobile:calc(var(--spacing,.0025rem)*400);--mds-header-inline-margin:calc(var(--spacing,.0025rem)*600);--mds-header-backdrop-background-image:linear-gradient(0deg,#0000,#00000026);--private-mask-opacity:1;color:var(--mds-header-color,rgb(var(--tone-neutral-02,244 244 244)));fill:var(--mds-header-icon-color,var(--mds-header-color,rgb(var(--tone-neutral-02,244 244 244))));position:relative;z-index:var(--mds-header-z-index,var(--magma-header-z-index,1000))}.modal{--mds-modal-close-icon-color:var(--mds-header-modal-icon-color,rgb(var(--tone-neutral,0 0 0)));z-index:var(--mds-header-z-index,var(--magma-header-z-index,1000))}:host([appearance=inline]) ::slotted(mds-header-bar){--mds-header-inline-margin-current:var(--mds-header-inline-margin,calc(var(--spacing,.0025rem)*600));border-radius:var(--radius-lg,16px);margin-bottom:var(--mds-header-inline-margin-current);margin-top:var(--mds-header-inline-margin-current);max-width:var(--breakpoint-wide,1280px);width:calc(100% - var(--mds-header-inline-margin-current)*2)}:host([menu=none]) .menu{display:none}:host([visibility=hidden][appearance=stripe]) ::slotted(mds-header-bar){-webkit-transform:var(--mds-header-hidden-bar-translate-stripe);transform:var(--mds-header-hidden-bar-translate-stripe)}:host([visibility=hidden][appearance=inline]) ::slotted(mds-header-bar){-webkit-transform:var(--mds-header-hidden-bar-translate-inline);transform:var(--mds-header-hidden-bar-translate-inline)}.backdrop{align-items:center;-webkit-backdrop-filter:blur(var(--mds-header-backdrop-blur-strength,10px));backdrop-filter:blur(var(--mds-header-backdrop-blur-strength,10px));background-image:var(--mds-header-backdrop-background-image);content:"";display:flex;height:var(--mds-header-backdrop-height,calc(var(--spacing,.0025rem)*1600));inset:0;opacity:1;position:fixed;transform:translate(0);transition-duration:.2s;transition-property:opacity,transform;width:100%}.backdrop-blur-item{--private-gradient-position:calc(100% - (sibling-count() - sibling-index())*5%);display:none}.backdrop-blur-item:first-child{--private-gradient-position:100%}.backdrop-blur-item:nth-child(2){--private-gradient-position:95%}.backdrop-blur-item:nth-child(3){--private-gradient-position:90%}.backdrop-blur-item:nth-child(4){--private-gradient-position:85%}.backdrop-blur-item:nth-child(5){--private-gradient-position:80%}.backdrop-blur-item:nth-child(6){--private-gradient-position:75%}.backdrop-blur-item:nth-child(7){--private-gradient-position:70%}.backdrop-blur-item:nth-child(8){--private-gradient-position:65%}.backdrop-blur-item:nth-child(9){--private-gradient-position:60%}.backdrop-blur-item:nth-child(10){--private-gradient-position:55%}.backdrop-blur-item:nth-child(11){--private-gradient-position:50%}@supports ((-webkit-mask-image:linear-gradient(rgb(0 0 0/1),transparent)) or (mask-image:linear-gradient(rgb(0 0 0/1),transparent))){.backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background-image:none}.backdrop-blur-item{-webkit-backdrop-filter:blur(var(--mds-header-backdrop-blur-strength,1px));backdrop-filter:blur(var(--mds-header-backdrop-blur-strength,1px));display:flex;inset:0;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(40%,rgb(0 0 0/var(--private-mask-opacity,1))),to(#0000));mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(40%,rgb(0 0 0/var(--private-mask-opacity,1))),to(#0000));-webkit-mask-image:linear-gradient(to bottom,rgb(0 0 0/var(--private-mask-opacity,1)) 40%,#0000 var(--private-gradient-position,100%));mask-image:linear-gradient(to bottom,rgb(0 0 0/var(--private-mask-opacity,1)) 40%,#0000 var(--private-gradient-position,100%));pointer-events:none;position:absolute}}:host([appearance=inline]) .backdrop{transform:translate(0)}:host([appearance=stripe]) .backdrop,:host([visibility=hidden]) .backdrop{--mds-header-backdrop-blur-strength:0px;transform:translateY(-100%)}@container style(--mds-header-backdrop-show:false){:host-context(:not(.safari)) .backdrop{display:none}}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-header-modal-icon-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-consumption-high) .backdrop{--mds-header-backdrop-background-image:none}:host-context(:root.pref-consumption-medium) .backdrop{--mds-header-backdrop-blur-strength:1px}:host-context(:root.pref-consumption-low) .backdrop{--mds-header-backdrop-blur-strength:0px;display:none}@media (max-width:767px){:host([appearance=inline]) ::slotted(mds-header-bar){--mds-header-inline-margin-current:var(--mds-header-inline-margin-mobile,calc(var(--spacing,.0025rem)*400))}}@media not all and (min-width:768px){:host([menu=desktop]) .menu{display:none}}@media (min-width:1024px){:host([menu=mobile]) .menu{display:none}}@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-header-modal-icon-color:rgb(var(--tone-neutral-01,255 255 255))}}'};var MdsHeader=function(){function e(e){var r=this;registerInstance(this,e);this.closedEvent=createEvent(this,"mdsHeaderClose");this.visibleEvent=createEvent(this,"mdsHeaderVisibilityChange");this.relativeTresholdDown=0;this.relativePosition=0;this.relativeThresholdUp=0;this.sanitizedAppearance=["stripe"];this.appearanceThreshold=300;this.appearance="stripe";this.backdrop=true;this.menu="mobile";this.nav="desktop";this.threshold=1;this.visibility="visible";this.mobileMenu=function(){return r.host.querySelector(':scope > [slot="menu"]')};this.close=function(){r.isOpened=false;r.closedEvent.emit({bar:r.headerBar});r.headerBar.setOpened(false)};this.handleVisibility=function(){if(r.autoHide===undefined||r.autoHide===0||Number.isNaN(r.autoHide)){return}if(window.scrollY<r.autoHide){r.visibility="visible";r.relativeThresholdUp=0;r.relativeTresholdDown=0;r.relativePosition=0;return}if(r.relativeTresholdDown-window.scrollY<=0){r.visibility="hidden";r.relativePosition=r.relativeTresholdDown}if(r.relativeThresholdUp-window.scrollY>=r.threshold){r.visibility="visible";r.relativeThresholdUp=window.scrollY;r.relativePosition=r.relativeThresholdUp}if(r.relativePosition<r.autoHide&&r.autoHide-window.scrollY<=0){r.visibility="hidden";r.relativePosition=r.autoHide}if(window.scrollY>r.relativeThresholdUp){r.relativeThresholdUp=window.scrollY}else{r.relativeTresholdDown=window.scrollY+r.threshold}};this.sanitizeAppearance=function(){if(r.appearanceSet===undefined||r.appearanceSet===""){return[r.appearance]}var e=/\b(\w+)\b/g;var a=r.appearanceSet.match(e);if(a){return a}return[r.appearance]};this.handleAppearance=function(){var e,a;if(window.scrollY>=r.appearanceThreshold){r.appearance=(e=r.sanitizedAppearance[1])!==null&&e!==void 0?e:r.appearance;return}r.appearance=(a=r.sanitizedAppearance[0])!==null&&a!==void 0?a:r.appearance};this.handleScroll=function(){if(typeof window==="undefined")return;if(r.autoHide!==undefined&&r.autoHide!==0&&!Number.isNaN(r.autoHide)){r.handleVisibility()}if(r.sanitizedAppearance.length>1){r.handleAppearance()}};this.setAppearanceSetData=function(){r.sanitizedAppearance=r.sanitizeAppearance();if(r.sanitizedAppearance[2]!==undefined&&r.sanitizedAppearance[2]!==0&&!Number.isNaN(r.sanitizedAppearance[2])){r.appearanceThreshold=r.sanitizedAppearance[2]}r.relativeTresholdDown=r.threshold};this.initScrollListener=function(){if(typeof window==="undefined"){return}r.setAppearanceSetData();window.addEventListener("scroll",r.handleScroll)};this.defineHeaderBar=function(){r.headerBar=r.host.querySelector("mds-header-bar")}}e.prototype.setOpened=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=true}return __generator(this,(function(r){this.isOpened=e;return[2]}))}))};e.prototype.disconnectedCallback=function(){if(typeof window==="undefined"){return}window.removeEventListener("scroll",this.handleScroll)};e.prototype.componentWillLoad=function(){this.hasMenu=this.mobileMenu()!==null;if(this.hasMenu){this.onMenuChangedHandler(this.menu);return}this.onMenuChangedHandler("none")};e.prototype.componentDidLoad=function(){this.defineHeaderBar();this.onMenuChangedHandler(this.menu);this.onNavChangedHandler(this.nav);this.initScrollListener()};e.prototype.onMenuChangedHandler=function(e,r){if(e===r){return}if(this.headerBar!=null){this.headerBar.menu=e}};e.prototype.onNavChangedHandler=function(e,r){if(e===r){return}if(this.headerBar!=null){this.headerBar.nav=e}};e.prototype.onAppearanceSetChangedHandler=function(){this.setAppearanceSetData()};e.prototype.handleVisibilityChange=function(e,r){if(e!==r){this.visibleEvent.emit({visibility:e})}};e.prototype.render=function(){return h(Host,{key:"5128bc6c966e7953efd8e10ccc5bc50f17d75acd"},this.backdrop&&h("div",{key:"9e56e7cf2a7a35b64e420379075a4927a261a0fe",class:"backdrop"},h("div",{key:"0a6ccef3d03db7c08e3b73435413ca504833b12b",class:"backdrop-blur-item"}),h("div",{key:"22c1a00aed263989d6e89a0daad5e0840fc2260d",class:"backdrop-blur-item"}),h("div",{key:"4aba0c1c47f43f9a86e87884b8561c29b5564dc2",class:"backdrop-blur-item"}),h("div",{key:"d43b86f9910d0d5542b9ed7aa49b5f251ad2a466",class:"backdrop-blur-item"}),h("div",{key:"e1e77b70063e61209c839930017df200b91b6cae",class:"backdrop-blur-item"}),h("div",{key:"fa60a8e58b29cc60fc95c89ecd47db0905fd9aac",class:"backdrop-blur-item"}),h("div",{key:"018ca6f46a7155c50cd3146ad703b941773b9214",class:"backdrop-blur-item"}),h("div",{key:"b8eb26d49714c5e9d0df3486eafcea46a36a792e",class:"backdrop-blur-item"}),h("div",{key:"b68ffd1fea3ecaa1489324e1807e0b8192181362",class:"backdrop-blur-item"}),h("div",{key:"bf1a1fe44c9a8b3a90d0c8b325c2001c0af2cbb0",class:"backdrop-blur-item"})),h("slot",{key:"b457cbe705c13f1d4bd48b562417bdb8cc332ae5"}),this.hasMenu&&h("div",{key:"1cd40f7e1c4dd6a3c26a6277a7ac3256f2a39b2b",class:"menu",part:"menu"},h("mds-modal",{key:"1568c0f8f76b2fa48bffa6b2b30fcd0caad6e845",class:"modal",opened:this.isOpened,onMdsModalClose:this.close,position:"right"},h("slot",{key:"b571fcaeef6763648a17ba8344522961b4f68994",name:"menu"}))))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{menu:[{onMenuChangedHandler:0}],nav:[{onNavChangedHandler:0}],appearanceSet:[{onAppearanceSetChangedHandler:0}],visibility:[{handleVisibilityChange:0}]}},enumerable:false,configurable:true});return e}();MdsHeader.style=mdsHeaderCss();export{MdsHeader as mds_header};
+var __awaiter=this&&this.__awaiter||function(e,r,i,a){function t(e){return e instanceof i?e:new i((function(r){r(e)}))}return new(i||(i=Promise))((function(i,n){function d(e){try{s(a.next(e))}catch(e){n(e)}}function o(e){try{s(a["throw"](e))}catch(e){n(e)}}function s(e){e.done?i(e.value):t(e.value).then(d,o)}s((a=a.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,t,n,d=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return d.next=o(0),d["throw"]=o(1),d["return"]=o(2),typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function o(e){return function(r){return s([e,r])}}function s(o){if(a)throw new TypeError("Generator is already executing.");while(d&&(d=0,o[0]&&(i=0)),i)try{if(a=1,t&&(n=o[0]&2?t["return"]:o[0]?t["throw"]||((n=t["return"])&&n.call(t),0):t.next)&&!(n=n.call(t,o[1])).done)return n;if(t=0,n)o=[o[0]&2,n.value];switch(o[0]){case 0:case 1:n=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;t=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]<n[3])){i.label=o[1];break}if(o[0]===6&&i.label<n[1]){i.label=n[1];n=o;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(o);break}if(n[2])i.ops.pop();i.trys.pop();continue}o=r.call(e,i)}catch(e){o=[6,e];t=0}finally{a=n=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{s as subscribePreference}from"./preference-fMwnXhio.js";var mdsHeaderCss=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-header-color:rgb(var(--tone-neutral-02,244 244 244));--mds-header-icon-color:var(--mds-header-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-header-modal-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-header-backdrop-height:calc(var(--spacing,.0025rem)*1600);--mds-header-inline-margin-mobile:calc(var(--spacing,.0025rem)*400);--mds-header-inline-margin:calc(var(--spacing,.0025rem)*600);--mds-header-z-index:var(--magma-header-z-index,1000);--mds-header-backdrop-show:true;--mds-header-backdrop-blur-strength:2px}}}:host(:not(:is([hydrated],.hydrated))),mds-modal: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-header-backdrop-show{syntax:"true|false";inherits:false;initial-value:true}@property --mds-header-backdrop-blur-strength{syntax:"<length>";inherits:false;initial-value:2px}:host{--mds-header-color:rgb(var(--tone-neutral-02,244 244 244));--mds-header-hidden-bar-translate-inline:translateY(-150%);--mds-header-hidden-bar-translate-stripe:translateY(-110%);--mds-header-icon-color:var(--mds-header-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-header-modal-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-header-backdrop-blur-strength:2px;--mds-header-backdrop-height:calc(var(--spacing,.0025rem)*1600);--mds-header-backdrop-show:true;--mds-header-z-index:var(--magma-header-z-index,1000);--mds-header-inline-margin-mobile:calc(var(--spacing,.0025rem)*400);--mds-header-inline-margin:calc(var(--spacing,.0025rem)*600);--mds-header-backdrop-background-image:linear-gradient(0deg,#0000,#00000026);--private-mask-opacity:1;color:var(--mds-header-color,rgb(var(--tone-neutral-02,244 244 244)));fill:var(--mds-header-icon-color,var(--mds-header-color,rgb(var(--tone-neutral-02,244 244 244))));position:relative;z-index:var(--mds-header-z-index,var(--magma-header-z-index,1000))}.modal{--mds-modal-close-icon-color:var(--mds-header-modal-icon-color,rgb(var(--tone-neutral,0 0 0)));z-index:var(--mds-header-z-index,var(--magma-header-z-index,1000))}:host([appearance=inline]) ::slotted(mds-header-bar){--mds-header-inline-margin-current:var(--mds-header-inline-margin,calc(var(--spacing,.0025rem)*600));border-radius:var(--radius-lg,16px);margin-bottom:var(--mds-header-inline-margin-current);margin-top:var(--mds-header-inline-margin-current);max-width:var(--breakpoint-wide,1280px);width:calc(100% - var(--mds-header-inline-margin-current)*2)}:host([menu=none]) .menu{display:none}:host([visibility=hidden][appearance=stripe]) ::slotted(mds-header-bar){-webkit-transform:var(--mds-header-hidden-bar-translate-stripe);transform:var(--mds-header-hidden-bar-translate-stripe)}:host([visibility=hidden][appearance=inline]) ::slotted(mds-header-bar){-webkit-transform:var(--mds-header-hidden-bar-translate-inline);transform:var(--mds-header-hidden-bar-translate-inline)}.backdrop{align-items:center;-webkit-backdrop-filter:blur(var(--mds-header-backdrop-blur-strength,10px));backdrop-filter:blur(var(--mds-header-backdrop-blur-strength,10px));background-image:var(--mds-header-backdrop-background-image);content:"";display:flex;height:var(--mds-header-backdrop-height,calc(var(--spacing,.0025rem)*1600));inset:0;opacity:1;position:fixed;transform:translate(0);transition-duration:.2s;transition-property:opacity,transform;width:100%}.backdrop-blur-item{--private-gradient-position:calc(100% - (sibling-count() - sibling-index())*5%);display:none}.backdrop-blur-item:first-child{--private-gradient-position:100%}.backdrop-blur-item:nth-child(2){--private-gradient-position:95%}.backdrop-blur-item:nth-child(3){--private-gradient-position:90%}.backdrop-blur-item:nth-child(4){--private-gradient-position:85%}.backdrop-blur-item:nth-child(5){--private-gradient-position:80%}.backdrop-blur-item:nth-child(6){--private-gradient-position:75%}.backdrop-blur-item:nth-child(7){--private-gradient-position:70%}.backdrop-blur-item:nth-child(8){--private-gradient-position:65%}.backdrop-blur-item:nth-child(9){--private-gradient-position:60%}.backdrop-blur-item:nth-child(10){--private-gradient-position:55%}.backdrop-blur-item:nth-child(11){--private-gradient-position:50%}@supports ((-webkit-mask-image:linear-gradient(rgb(0 0 0/1),transparent)) or (mask-image:linear-gradient(rgb(0 0 0/1),transparent))){.backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background-image:none}.backdrop-blur-item{-webkit-backdrop-filter:blur(var(--mds-header-backdrop-blur-strength,1px));backdrop-filter:blur(var(--mds-header-backdrop-blur-strength,1px));display:flex;inset:0;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(40%,rgb(0 0 0/var(--private-mask-opacity,1))),to(#0000));mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(40%,rgb(0 0 0/var(--private-mask-opacity,1))),to(#0000));-webkit-mask-image:linear-gradient(to bottom,rgb(0 0 0/var(--private-mask-opacity,1)) 40%,#0000 var(--private-gradient-position,100%));mask-image:linear-gradient(to bottom,rgb(0 0 0/var(--private-mask-opacity,1)) 40%,#0000 var(--private-gradient-position,100%));pointer-events:none;position:absolute}}:host([appearance=inline]) .backdrop{transform:translate(0)}:host([appearance=stripe]) .backdrop,:host([visibility=hidden]) .backdrop{--mds-header-backdrop-blur-strength:0px;transform:translateY(-100%)}@container style(--mds-header-backdrop-show:false){.backdrop{display:none}}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-header-modal-icon-color:rgb(var(--tone-neutral-01,255 255 255))}:host([pref-consumption=high]) .backdrop{--mds-header-backdrop-background-image:none}:host([pref-consumption=medium]) .backdrop{--mds-header-backdrop-blur-strength:1px}:host([pref-consumption=low]) .backdrop{--mds-header-backdrop-blur-strength:0px;display:none}@media (max-width:767px){:host([appearance=inline]) ::slotted(mds-header-bar){--mds-header-inline-margin-current:var(--mds-header-inline-margin-mobile,calc(var(--spacing,.0025rem)*400))}}@media not all and (min-width:768px){:host([menu=desktop]) .menu{display:none}}@media (min-width:1024px){:host([menu=mobile]) .menu{display:none}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-header-modal-icon-color:rgb(var(--tone-neutral-01,255 255 255))}}'};var MdsHeader=function(){function e(e){var r=this;registerInstance(this,e);this.closedEvent=createEvent(this,"mdsHeaderClose");this.visibleEvent=createEvent(this,"mdsHeaderVisibilityChange");this.relativeTresholdDown=0;this.relativePosition=0;this.relativeThresholdUp=0;this.sanitizedAppearance=["stripe"];this.appearanceThreshold=300;this.appearance="stripe";this.hideBackdrop=false;this.menu="mobile";this.nav="desktop";this.threshold=1;this.visibility="visible";this.mobileMenu=function(){return r.host.querySelector(':scope > [slot="menu"]')};this.close=function(){r.isOpened=false;r.closedEvent.emit({bar:r.headerBar});r.headerBar.setOpened(false)};this.handleVisibility=function(){if(r.autoHide===undefined||r.autoHide===0||Number.isNaN(r.autoHide)){return}if(window.scrollY<r.autoHide){r.visibility="visible";r.relativeThresholdUp=0;r.relativeTresholdDown=0;r.relativePosition=0;return}if(r.relativeTresholdDown-window.scrollY<=0){r.visibility="hidden";r.relativePosition=r.relativeTresholdDown}if(r.relativeThresholdUp-window.scrollY>=r.threshold){r.visibility="visible";r.relativeThresholdUp=window.scrollY;r.relativePosition=r.relativeThresholdUp}if(r.relativePosition<r.autoHide&&r.autoHide-window.scrollY<=0){r.visibility="hidden";r.relativePosition=r.autoHide}if(window.scrollY>r.relativeThresholdUp){r.relativeThresholdUp=window.scrollY}else{r.relativeTresholdDown=window.scrollY+r.threshold}};this.sanitizeAppearance=function(){if(r.appearanceSet===undefined||r.appearanceSet===""){return[r.appearance]}var e=/\b(\w+)\b/g;var i=r.appearanceSet.match(e);if(i){return i}return[r.appearance]};this.handleAppearance=function(){var e,i;if(window.scrollY>=r.appearanceThreshold){r.appearance=(e=r.sanitizedAppearance[1])!==null&&e!==void 0?e:r.appearance;return}r.appearance=(i=r.sanitizedAppearance[0])!==null&&i!==void 0?i:r.appearance};this.handleScroll=function(){if(typeof window==="undefined")return;if(r.autoHide!==undefined&&r.autoHide!==0&&!Number.isNaN(r.autoHide)){r.handleVisibility()}if(r.sanitizedAppearance.length>1){r.handleAppearance()}};this.setAppearanceSetData=function(){r.sanitizedAppearance=r.sanitizeAppearance();if(r.sanitizedAppearance[2]!==undefined&&r.sanitizedAppearance[2]!==0&&!Number.isNaN(r.sanitizedAppearance[2])){r.appearanceThreshold=r.sanitizedAppearance[2]}r.relativeTresholdDown=r.threshold};this.initScrollListener=function(){if(typeof window==="undefined"){return}r.setAppearanceSetData();window.addEventListener("scroll",r.handleScroll)};this.defineHeaderBar=function(){r.headerBar=r.host.querySelector("mds-header-bar")}}e.prototype.setOpened=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=true}return __generator(this,(function(r){this.isOpened=e;return[2]}))}))};e.prototype.connectedCallback=function(){var e=this;this.unsubscribeConsumption=subscribePreference("consumption",(function(r){e.consumption=r}));this.unsubscribePrefTheme=subscribePreference("theme",(function(r){e.prefTheme=r}));this.unsubscribePrefThemeScheme=subscribePreference("theme-scheme",(function(r){e.prefThemeScheme=r}))};e.prototype.disconnectedCallback=function(){var e,r,i;(e=this.unsubscribeConsumption)===null||e===void 0?void 0:e.call(this);(r=this.unsubscribePrefTheme)===null||r===void 0?void 0:r.call(this);(i=this.unsubscribePrefThemeScheme)===null||i===void 0?void 0:i.call(this);if(typeof window==="undefined"){return}window.removeEventListener("scroll",this.handleScroll)};e.prototype.componentWillLoad=function(){this.hasMenu=this.mobileMenu()!==null;if(this.hasMenu){this.onMenuChangedHandler(this.menu);return}this.onMenuChangedHandler("none")};e.prototype.componentDidLoad=function(){this.defineHeaderBar();this.onMenuChangedHandler(this.menu);this.onNavChangedHandler(this.nav);this.initScrollListener()};e.prototype.onMenuChangedHandler=function(e,r){if(e===r){return}if(this.headerBar!=null){this.headerBar.menu=e}};e.prototype.onNavChangedHandler=function(e,r){if(e===r){return}if(this.headerBar!=null){this.headerBar.nav=e}};e.prototype.onAppearanceSetChangedHandler=function(){this.setAppearanceSetData()};e.prototype.handleVisibilityChange=function(e,r){if(e!==r){this.visibleEvent.emit({visibility:e})}};e.prototype.render=function(){return h(Host,{key:"97953a24f9b130d1f99dadc6f6c3f4c23caf6272","pref-consumption":this.consumption,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},!this.hideBackdrop&&h("div",{key:"f271e2a67f6a244927b0f5a219da6680eae4f1a2",class:"backdrop"},h("div",{key:"68474c76bfe1d12b58ab87f5f79c68d0922da2c0",class:"backdrop-blur-item"}),h("div",{key:"06fea728d26324dae0e6f4247287fb4b8e8e4b54",class:"backdrop-blur-item"}),h("div",{key:"ddb4e76a63a86312555756c641ff5d2ca8cb12c6",class:"backdrop-blur-item"}),h("div",{key:"dc971c217e599227047fabf79ac9f9f99fa7849f",class:"backdrop-blur-item"}),h("div",{key:"e84678f00349431d723b32acf50653c335b4f612",class:"backdrop-blur-item"}),h("div",{key:"2c139eeaca64cc2f22d6ce95ded41f0e5b87afa8",class:"backdrop-blur-item"}),h("div",{key:"c6fe66897d0580051b9e1f045419d8021802dfed",class:"backdrop-blur-item"}),h("div",{key:"8237d3e49e4c782b9dbb41c31fdb1291ea6cabfb",class:"backdrop-blur-item"}),h("div",{key:"a87ee5faf0ee0fc3e86a4a70f708c126894c423b",class:"backdrop-blur-item"}),h("div",{key:"5289da76b9d4ee0e0d73c5a0275bb737558ab96d",class:"backdrop-blur-item"})),h("slot",{key:"3b68fcf1e23725b767dc791991e28e22d18f8633"}),this.hasMenu&&h("div",{key:"d54f8cba235e3217833087adee0c3989fad8acc0",class:"menu",part:"menu"},h("mds-modal",{key:"0f540700417c5caa8fc2d2336814246375491c53",class:"modal",opened:this.isOpened,onMdsModalClose:this.close,position:"right"},h("slot",{key:"25ac67a9dbedd7d50613bfe5acfabeb128de7193",name:"menu"}))))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{menu:[{onMenuChangedHandler:0}],nav:[{onNavChangedHandler:0}],appearanceSet:[{onAppearanceSetChangedHandler:0}],visibility:[{handleVisibilityChange:0}]}},enumerable:false,configurable:true});return e}();MdsHeader.style=mdsHeaderCss();export{MdsHeader as mds_header};

package/dist/esm-es5/mds-horizontal-scroll.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{m as miBaselineArrowBack}from"./arrow-back-DnEUG7st.js";import{m as miBaselineArrowForward}from"./arrow-forward-Bd0uuNDE.js";import{c as clsx}from"./clsx-ChV9xqsO.js";import{a as cssSizeToNumber}from"./unit-D8eZRaSQ.js";var mdsHorizontalScrollCss=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-horizontal-scroll-dots-gap:calc(var(--spacing,.0025rem)*100);--mds-horizontal-scroll-dot-size:calc(var(--spacing,.0025rem)*200);--mds-horizontal-scroll-contents-padding:calc(var(--spacing,.0025rem)*600);--mds-horizontal-scroll-contents-scroll-padding:0 calc(var(--spacing,.0025rem)*600);--mds-horizontal-scroll-controls-margin:calc(var(--spacing,.0025rem)*1200);--mds-horizontal-scroll-gap:calc(var(--spacing,.0025rem)*600);--mds-horizontal-scroll-max-width:var(--breakpoint-wide,1280px);--mds-horizontal-scroll-scrollbar-margin:0;--mds-horizontal-scroll-scrollbar-radius:0;--mds-horizontal-scroll-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-horizontal-scroll-dot-background:rgb(var(--tone-neutral,0 0 0));--mds-horizontal-scroll-dot-area-background:rgb(var(--tone-neutral-08,107 107 107));--mds-horizontal-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02,244 244 244)/.3);--mds-horizontal-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06,158 158 158)/.3)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button: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-horizontal-scroll-scrollbar-margin{syntax:"<length>";inherits:false;initial-value:0}@property --mds-horizontal-scroll-scrollbar-radius{syntax:"<length>";inherits:false;initial-value:0}:host{--mds-horizontal-scroll-behavior:smooth;--mds-horizontal-scroll-dots-gap:calc(var(--spacing,.0025rem)*100);--mds-horizontal-scroll-dot-size:calc(var(--spacing,.0025rem)*200);--mds-horizontal-scroll-dot-max-width:auto;--mds-horizontal-scroll-dot-background:rgb(var(--tone-neutral,0 0 0));--mds-horizontal-scroll-dot-area-background:rgb(var(--tone-neutral-08,107 107 107));--mds-horizontal-scroll-contents-padding:calc(var(--spacing,.0025rem)*600);--mds-horizontal-scroll-contents-scroll-padding:0 calc(var(--spacing,.0025rem)*600);--mds-horizontal-scroll-controls-margin:calc(var(--spacing,.0025rem)*1200);--mds-horizontal-scroll-gap:calc(var(--spacing,.0025rem)*600);--mds-horizontal-scroll-max-width:var(--breakpoint-wide,1280px);--mds-horizontal-scroll-scrollbar-margin:0;--mds-horizontal-scroll-scrollbar-radius:0;--mds-horizontal-scroll-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-horizontal-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02,244 244 244)/.3);--mds-horizontal-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06,158 158 158)/.3);--max-width:var(--mds-horizontal-scroll-max-width,var(--breakpoint-wide,1280px));--scroll-margin:calc(((100svw - var(--max-width)) / 2) + (var(--mds-horizontal-scroll-controls-margin,calc(var(--spacing,.0025rem) * 1200)) * 2));align-items:center;container:mds-horizontal-scroll/inline-size;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}.navigation{border-radius:1000px;display:none;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition-duration:.2s;transition-property:opacity,scale,transform}.contents{box-sizing:border-box;display:flex;gap:var(--mds-horizontal-scroll-gap,calc(var(--spacing,.0025rem)*600));overflow:auto;padding-bottom:var(--mds-horizontal-scroll-contents-padding,calc(var(--spacing,.0025rem)*600));padding-top:var(--mds-horizontal-scroll-contents-padding,calc(var(--spacing,.0025rem)*600));position:relative;scroll-behavior:var(--mds-horizontal-scroll-behavior);scroll-padding:var(--mds-horizontal-scroll-contents-scroll-padding,0 calc(var(--spacing,.0025rem)*600));-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;width:100%}.contents>::slotted(*){flex:0 0 0;scroll-margin:0 var(--scroll-margin)}.spacer{--width:calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap,calc(var(--spacing,.0025rem) * 600)));content:"";display:block;flex:0 0 0;min-width:clamp(1px,var(--width),var(--width));scroll-margin:0 var(--scroll-margin)}@container (max-width:1024px){:host{--scroll-margin:var(--mds-horizontal-scroll-contents-scroll-padding,0 calc(var(--spacing,.0025rem)*600))}.contents{scroll-padding:var(--mds-horizontal-scroll-contents-scroll-padding,0 calc(var(--spacing,.0025rem)*600))}.contents>::slotted(*){scroll-margin:0 var(--mds-horizontal-scroll-contents-scroll-padding,0 calc(var(--spacing,.0025rem)*600))}}:host-context(:root.pref-animation-reduce){--mds-horizontal-scroll-behavior:auto}.navigation--back{left:clamp(calc(var(--mds-horizontal-scroll-gap,calc(var(--spacing,.0025rem) * 600)) / 2),var(--position),var(--position))}.navigation--back,.navigation--forward{--position:calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap,calc(var(--spacing,.0025rem) * 600)) - var(--mds-horizontal-scroll-controls-margin,calc(var(--spacing,.0025rem) * 1200)))}.navigation--forward{right:clamp(calc(var(--mds-horizontal-scroll-gap,calc(var(--spacing,.0025rem) * 600)) / 2),var(--position),var(--position))}.navigation--disabled{opacity:0;pointer-events:none;transform:translateY(-50%)scale(.5)}:host([controls=all]) .navigation{display:flex}.dot-navigation{align-self:center;background-color:var(--mds-horizontal-scroll-dot-area-background,rgb(var(--tone-neutral-08,107 107 107)));border-radius:200px;display:none;gap:var(--mds-horizontal-scroll-dots-gap,calc(var(--spacing,.0025rem)*100));justify-content:start;margin:0 auto var(--mds-horizontal-scroll-contents-padding,calc(var(--spacing,.0025rem)*600)) auto;max-width:calc(var(--spacing,.0025rem)*4000);padding:calc(var(--spacing,.0025rem)*50);width:100%}:host([navigation=position]) .dot-navigation{display:inline-flex}.dot{background-color:var(--mds-horizontal-scroll-dot-background,rgb(var(--tone-neutral,0 0 0)));border-radius:200px;height:var(--mds-horizontal-scroll-dot-size,calc(var(--spacing,.0025rem)*200));max-width:var(--mds-horizontal-scroll-dot-max-width);min-width:var(--mds-horizontal-scroll-dot-size,calc(var(--spacing,.0025rem)*200));transition-duration:.3s;transition-property:width;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:calc(var(--mds-horizontal-scroll-dot-size,calc(var(--spacing,.0025rem) * 200)) * 2)}:host(:not([navigation=scrollbar])) .contents{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([navigation=scrollbar])) .contents::-webkit-scrollbar{display:none}:host([navigation=scrollbar]) .contents::-webkit-scrollbar{height:var(--mds-horizontal-scroll-scrollbar-size,calc(var(--spacing,.0025rem)*200));width:var(--mds-horizontal-scroll-scrollbar-size,calc(var(--spacing,.0025rem)*200))}:host([navigation=scrollbar]) .contents::-webkit-scrollbar-track{background-color:var(--mds-horizontal-scroll-scrollbar-track-background,rgb(var(--tone-neutral-06,158 158 158)/.3));border-radius:var(--mds-horizontal-scroll-scrollbar-radius,0);margin-block:var(--mds-horizontal-scroll-scrollbar-margin,0);margin-inline:var(--mds-horizontal-scroll-scrollbar-margin,0)}:host([navigation=scrollbar]) .contents::-webkit-scrollbar-thumb{background-color:var(--mds-horizontal-scroll-scrollbar-thumb-background,rgb(var(--tone-neutral-02,244 244 244)/.3));border-radius:var(--mds-horizontal-scroll-scrollbar-radius,0)}@supports (scrollbar-color:transparent transparent){.contents{scrollbar-color:var(--mds-horizontal-scroll-scrollbar-thumb-background,rgb(var(--tone-neutral-02,244 244 244)/.3)) var(--mds-horizontal-scroll-scrollbar-track-background,rgb(var(--tone-neutral-06,158 158 158)/.3));scrollbar-width:thin}}:host([snap=start]) .contents>::slotted(*){scroll-snap-align:start}:host([snap=center]) .contents>::slotted(*){scroll-snap-align:center}:host([snap=end]) .contents>::slotted(*){scroll-snap-align:end}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-horizontal-scroll-behavior:auto}}@media (min-width:1920px){:host([controls=tv]) .navigation{display:flex}}@media (min-width:1600px){:host([controls=xlarge]) .navigation{display:flex}}@media (min-width:1440px){:host([controls=large]) .navigation{display:flex}}@media (min-width:1280px){:host([controls=wide]) .navigation{display:flex}}@media (min-width:1024px){:host([controls=desktop]) .navigation{display:flex}}@media (min-width:768px){:host([controls=tablet]) .navigation{display:flex}}'};var MdsHorizontalScroll=function(){function o(o){var r=this;registerInstance(this,o);this.hasCompatibility=true;this.showForward=true;this.showBack=false;this.controls="desktop";this.navigation="position";this.snap="start";this.updateElements=function(){var o,a;r.elements=(a=(o=r.host.shadowRoot)===null||o===void 0?void 0:o.querySelectorAll("slot")[0])===null||a===void 0?void 0:a.assignedNodes()};this.updateCSSCustomProps=function(){if(typeof window==="undefined")return;var o=window.getComputedStyle(r.host);r.scrollGap=cssSizeToNumber(o.getPropertyValue("--mds-horizontal-scroll-gap"))};this.isInViewport=function(o){if(r.contents==null){return false}var a=r.spacer.offsetWidth+r.scrollGap;var t=o.getBoundingClientRect();var n=r.contents.getBoundingClientRect();return t.top>=0&&t.left>=a&&t.bottom<=n.height&&t.right<=n.width-a*2};this.checkNavigationButtons=function(){if(r.elements==null){throw Error("No elements slotted to the component")}r.showBack=true;r.showForward=true;r.elements.forEach((function(o,a){if(a===0&&r.isInViewport(o)){r.showBack=false}if(r.elements.length-1===a&&r.isInViewport(o)){r.showForward=false}}))};this.moveBack=function(){if(r.elements==null){throw Error("No elements slotted to the component")}var o=0;var a;var t;r.elements.forEach((function(n,l){if(r.isInViewport(n)){if(!a){o=l;a=n}t=n}}));r.elements.forEach((function(n,l){if(!r.isInViewport(n)&&l===o-1&&a!==undefined&&t!==undefined){r.contents.scrollLeft=r.contents.scrollLeft+n.offsetLeft-t.offsetLeft-a.offsetWidth-r.scrollGap}}))};this.moveForward=function(){if(r.elements==null){throw Error("No elements slotted to the component")}var o=true;r.elements.forEach((function(a){if(!r.isInViewport(a)){if(a.offsetLeft>r.contents.scrollLeft&&o){o=false;r.lastElementOffsetLeft=a.offsetLeft;r.contents.scrollLeft=r.lastElementOffsetLeft}}}))};this.translateNavigationDot=function(){if(r.elements==null||r.contents==null||r.navigationDot==null||r.navigationDots==null){console.error("mds-horizontal-scroll.translateNavigationDot: One of the shadowRoot elements is missing.");return}var o=r.contents,a=o.scrollLeft,t=o.scrollWidth,n=o.offsetWidth;var l=window.getComputedStyle(r.navigationDots);var i=parseFloat(l.paddingLeft)||0;var s=parseFloat(l.paddingRight)||0;var e=r.navigationDots.offsetWidth-i-s;var c=r.navigationDot.offsetWidth;if(n===0||t===0){console.error("mds-horizontal-scroll.translateNavigationDot: offsetWidth or scrollWidth is 0, impossible to calculate position");return}var d=t-n;var m=a/d;var h=e-c;var v=m*h;r.navigationDot.style.transform="translateX(".concat(v,"px)")};this.updateNavigationDotSize=function(){if(r.contents==null||r.navigationDot==null||r.navigationDots==null){console.error("mds-horizontal-scroll.updateNavigationDotSize: One of the shadowRoot elements is missing.");return}var o=r.contents,a=o.scrollWidth,t=o.offsetWidth;var n=r.navigationDots.offsetWidth;if(a<=t){r.navigationDot.style.width="".concat(n,"px");return}var l=t/a*n;r.navigationDot.style.width="".concat(l,"px")};this.addNavigationDots=function(){var o,a;r.contents.removeEventListener("scroll",r.translateNavigationDot);r.navigationDot=(o=r.host.shadowRoot)===null||o===void 0?void 0:o.querySelector(".dot");r.navigationDots=(a=r.host.shadowRoot)===null||a===void 0?void 0:a.querySelector(".dot-navigation");r.updateNavigationDotSize();if(r.navigationDot==null)return;r.contents.addEventListener("scroll",r.translateNavigationDot)}}o.prototype.watchNavigation=function(o){if(o==="position"){this.addNavigationDots()}};o.prototype.componentWillLoad=function(){this.updateCSSCustomProps()};o.prototype.componentDidLoad=function(){var o,r;this.contents=(o=this.host.shadowRoot)===null||o===void 0?void 0:o.querySelector(".contents");this.spacer=(r=this.host.shadowRoot)===null||r===void 0?void 0:r.querySelector(".spacer");if(this.navigation==="position")this.addNavigationDots();if(window&&typeof window.onscrollend!=="undefined"){this.contents.addEventListener("scrollend",this.checkNavigationButtons)}else{if(this.controls!==undefined)this.controls=undefined}};o.prototype.disconnectedCallback=function(){this.contents.removeEventListener("scrollend",this.checkNavigationButtons);this.contents.removeEventListener("scroll",this.translateNavigationDot)};o.prototype.render=function(){return h(Host,{key:"636ebfd9eac9424b06093ee2990a434519af154c"},h("div",{key:"0828132e0a00ff2d72ace5806d1cc07a8f7f3335",class:"contents",part:"content"},h("div",{key:"e1156c7aeeb7da48b55864ee35a7b54cdebce1e3",class:"spacer"}),h("slot",{key:"91c97d1e9c9477b07476cdf7c5b8f77df2d4dcf0",onSlotchange:this.updateElements}),h("div",{key:"8b02b270ebad91c7fe56315132200c43d96f4a77",class:"spacer"})),h("div",{key:"5ed9c9ced06458f9aa4796a6182a7ae6746ed3fb",class:"dot-navigation"},h("div",{key:"778f7543ac11b70fad1169b6cbd05732d5fbabc2",class:"dot"})),this.controls&&this.controls!=="none"&&h("mds-button",{key:"63d99a5cbd4cb64a42c68a4ef4d1cae5a768c377",onClick:this.moveBack,size:"lg",class:clsx("navigation navigation--back",!this.showBack&&"navigation--disabled"),icon:miBaselineArrowBack}),this.controls&&this.controls!=="none"&&h("mds-button",{key:"4874cc67646aac477e164df8b1078ad3f631bab4",onClick:this.moveForward,size:"lg",class:clsx("navigation navigation--forward",!this.showForward&&"navigation--disabled"),icon:miBaselineArrowForward}))};Object.defineProperty(o.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{navigation:[{watchNavigation:0}]}},enumerable:false,configurable:true});return o}();MdsHorizontalScroll.style=mdsHorizontalScrollCss();export{MdsHorizontalScroll as mds_horizontal_scroll};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{m as miBaselineArrowBack}from"./arrow-back-DnEUG7st.js";import{m as miBaselineArrowForward}from"./arrow-forward-Bd0uuNDE.js";import{c as clsx}from"./clsx-ChV9xqsO.js";import{a as cssSizeToNumber}from"./unit-D8eZRaSQ.js";var mdsHorizontalScrollCss=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-horizontal-scroll-behavior:smooth;--mds-horizontal-scroll-dots-gap:calc(var(--spacing,.0025rem)*100);--mds-horizontal-scroll-dot-size:calc(var(--spacing,.0025rem)*200);--mds-horizontal-scroll-contents-padding:calc(var(--spacing,.0025rem)*600);--mds-horizontal-scroll-contents-scroll-padding:0 calc(var(--spacing,.0025rem)*600);--mds-horizontal-scroll-controls-margin:calc(var(--spacing,.0025rem)*1200);--mds-horizontal-scroll-gap:calc(var(--spacing,.0025rem)*600);--mds-horizontal-scroll-max-width:var(--breakpoint-wide,1280px);--mds-horizontal-scroll-scrollbar-margin:0;--mds-horizontal-scroll-scrollbar-radius:0;--mds-horizontal-scroll-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-horizontal-scroll-dot-background:rgb(var(--tone-neutral,0 0 0));--mds-horizontal-scroll-dot-area-background:rgb(var(--tone-neutral-08,107 107 107));--mds-horizontal-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02,244 244 244)/.3);--mds-horizontal-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06,158 158 158)/.3)}}}:host(:not(:is([hydrated],.hydrated))),mds-button: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-horizontal-scroll-behavior{syntax:"auto|smooth";inherits:false;initial-value:smooth}@property --mds-horizontal-scroll-scrollbar-margin{syntax:"<length>";inherits:false;initial-value:0}@property --mds-horizontal-scroll-scrollbar-radius{syntax:"<length>";inherits:false;initial-value:0}:host{--mds-horizontal-scroll-behavior:smooth;--mds-horizontal-scroll-dots-gap:calc(var(--spacing,.0025rem)*100);--mds-horizontal-scroll-dot-size:calc(var(--spacing,.0025rem)*200);--mds-horizontal-scroll-dot-max-width:auto;--mds-horizontal-scroll-dot-background:rgb(var(--tone-neutral,0 0 0));--mds-horizontal-scroll-dot-area-background:rgb(var(--tone-neutral-08,107 107 107));--mds-horizontal-scroll-contents-padding:calc(var(--spacing,.0025rem)*600);--mds-horizontal-scroll-contents-scroll-padding:0 calc(var(--spacing,.0025rem)*600);--mds-horizontal-scroll-controls-margin:calc(var(--spacing,.0025rem)*1200);--mds-horizontal-scroll-gap:calc(var(--spacing,.0025rem)*600);--mds-horizontal-scroll-max-width:var(--breakpoint-wide,1280px);--mds-horizontal-scroll-scrollbar-margin:0;--mds-horizontal-scroll-scrollbar-radius:0;--mds-horizontal-scroll-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-horizontal-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02,244 244 244)/.3);--mds-horizontal-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06,158 158 158)/.3);--max-width:var(--mds-horizontal-scroll-max-width,var(--breakpoint-wide,1280px));--scroll-margin:calc(((100svw - var(--max-width)) / 2) + (var(--mds-horizontal-scroll-controls-margin,calc(var(--spacing,.0025rem) * 1200)) * 2));align-items:center;container:mds-horizontal-scroll/inline-size;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}.navigation{border-radius:1000px;display:none;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition-duration:.2s;transition-property:opacity,scale,transform}.contents{box-sizing:border-box;display:flex;gap:var(--mds-horizontal-scroll-gap,calc(var(--spacing,.0025rem)*600));overflow:auto;padding-bottom:var(--mds-horizontal-scroll-contents-padding,calc(var(--spacing,.0025rem)*600));padding-top:var(--mds-horizontal-scroll-contents-padding,calc(var(--spacing,.0025rem)*600));position:relative;scroll-behavior:var(--mds-horizontal-scroll-behavior,smooth);scroll-padding:var(--mds-horizontal-scroll-contents-scroll-padding,0 calc(var(--spacing,.0025rem)*600));-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;width:100%}.contents>::slotted(*){flex:0 0 0;scroll-margin:0 var(--scroll-margin)}.spacer{--width:calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap,calc(var(--spacing,.0025rem) * 600)));content:"";display:block;flex:0 0 0;min-width:clamp(1px,var(--width),var(--width));scroll-margin:0 var(--scroll-margin)}@container (max-width:1024px){:host{--scroll-margin:var(--mds-horizontal-scroll-contents-scroll-padding,0 calc(var(--spacing,.0025rem)*600))}.contents{scroll-padding:var(--mds-horizontal-scroll-contents-scroll-padding,0 calc(var(--spacing,.0025rem)*600))}.contents>::slotted(*){scroll-margin:0 var(--mds-horizontal-scroll-contents-scroll-padding,0 calc(var(--spacing,.0025rem)*600))}}.navigation--back{left:clamp(calc(var(--mds-horizontal-scroll-gap,calc(var(--spacing,.0025rem) * 600)) / 2),var(--position),var(--position))}.navigation--back,.navigation--forward{--position:calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap,calc(var(--spacing,.0025rem) * 600)) - var(--mds-horizontal-scroll-controls-margin,calc(var(--spacing,.0025rem) * 1200)))}.navigation--forward{right:clamp(calc(var(--mds-horizontal-scroll-gap,calc(var(--spacing,.0025rem) * 600)) / 2),var(--position),var(--position))}.navigation--disabled{opacity:0;pointer-events:none;transform:translateY(-50%)scale(.5)}:host([controls=all]) .navigation{display:flex}.dot-navigation{align-self:center;background-color:var(--mds-horizontal-scroll-dot-area-background,rgb(var(--tone-neutral-08,107 107 107)));border-radius:200px;display:none;gap:var(--mds-horizontal-scroll-dots-gap,calc(var(--spacing,.0025rem)*100));justify-content:start;margin:0 auto var(--mds-horizontal-scroll-contents-padding,calc(var(--spacing,.0025rem)*600)) auto;max-width:calc(var(--spacing,.0025rem)*4000);padding:calc(var(--spacing,.0025rem)*50);width:100%}:host([navigation=position]) .dot-navigation{display:inline-flex}.dot{background-color:var(--mds-horizontal-scroll-dot-background,rgb(var(--tone-neutral,0 0 0)));border-radius:200px;height:var(--mds-horizontal-scroll-dot-size,calc(var(--spacing,.0025rem)*200));max-width:var(--mds-horizontal-scroll-dot-max-width);min-width:var(--mds-horizontal-scroll-dot-size,calc(var(--spacing,.0025rem)*200));transition-duration:.3s;transition-property:width;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:calc(var(--mds-horizontal-scroll-dot-size,calc(var(--spacing,.0025rem) * 200)) * 2)}:host(:not([navigation=scrollbar])) .contents{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([navigation=scrollbar])) .contents::-webkit-scrollbar{display:none}:host([navigation=scrollbar]) .contents::-webkit-scrollbar{height:var(--mds-horizontal-scroll-scrollbar-size,calc(var(--spacing,.0025rem)*200));width:var(--mds-horizontal-scroll-scrollbar-size,calc(var(--spacing,.0025rem)*200))}:host([navigation=scrollbar]) .contents::-webkit-scrollbar-track{background-color:var(--mds-horizontal-scroll-scrollbar-track-background,rgb(var(--tone-neutral-06,158 158 158)/.3));border-radius:var(--mds-horizontal-scroll-scrollbar-radius,0);margin-block:var(--mds-horizontal-scroll-scrollbar-margin,0);margin-inline:var(--mds-horizontal-scroll-scrollbar-margin,0)}:host([navigation=scrollbar]) .contents::-webkit-scrollbar-thumb{background-color:var(--mds-horizontal-scroll-scrollbar-thumb-background,rgb(var(--tone-neutral-02,244 244 244)/.3));border-radius:var(--mds-horizontal-scroll-scrollbar-radius,0)}@supports (scrollbar-color:transparent transparent){.contents{scrollbar-color:var(--mds-horizontal-scroll-scrollbar-thumb-background,rgb(var(--tone-neutral-02,244 244 244)/.3)) var(--mds-horizontal-scroll-scrollbar-track-background,rgb(var(--tone-neutral-06,158 158 158)/.3));scrollbar-width:thin}}:host([snap=start]) .contents>::slotted(*){scroll-snap-align:start}:host([snap=center]) .contents>::slotted(*){scroll-snap-align:center}:host([snap=end]) .contents>::slotted(*){scroll-snap-align:end}@media (prefers-reduced-motion:reduce){:host{--mds-horizontal-scroll-behavior:auto}}@media (min-width:1920px){:host([controls=tv]) .navigation{display:flex}}@media (min-width:1600px){:host([controls=xlarge]) .navigation{display:flex}}@media (min-width:1440px){:host([controls=large]) .navigation{display:flex}}@media (min-width:1280px){:host([controls=wide]) .navigation{display:flex}}@media (min-width:1024px){:host([controls=desktop]) .navigation{display:flex}}@media (min-width:768px){:host([controls=tablet]) .navigation{display:flex}}'};var MdsHorizontalScroll=function(){function o(o){var r=this;registerInstance(this,o);this.hasCompatibility=true;this.showForward=true;this.showBack=false;this.controls="desktop";this.navigation="position";this.snap="start";this.updateElements=function(){var o,a;r.elements=(a=(o=r.host.shadowRoot)===null||o===void 0?void 0:o.querySelectorAll("slot")[0])===null||a===void 0?void 0:a.assignedNodes()};this.updateCSSCustomProps=function(){if(typeof window==="undefined")return;var o=window.getComputedStyle(r.host);r.scrollGap=cssSizeToNumber(o.getPropertyValue("--mds-horizontal-scroll-gap"))};this.isInViewport=function(o){if(r.contents==null){return false}var a=r.spacer.offsetWidth+r.scrollGap;var t=o.getBoundingClientRect();var n=r.contents.getBoundingClientRect();return t.top>=0&&t.left>=a&&t.bottom<=n.height&&t.right<=n.width-a*2};this.checkNavigationButtons=function(){if(r.elements==null){throw Error("No elements slotted to the component")}r.showBack=true;r.showForward=true;r.elements.forEach((function(o,a){if(a===0&&r.isInViewport(o)){r.showBack=false}if(r.elements.length-1===a&&r.isInViewport(o)){r.showForward=false}}))};this.moveBack=function(){if(r.elements==null){throw Error("No elements slotted to the component")}var o=0;var a;var t;r.elements.forEach((function(n,l){if(r.isInViewport(n)){if(!a){o=l;a=n}t=n}}));r.elements.forEach((function(n,l){if(!r.isInViewport(n)&&l===o-1&&a!==undefined&&t!==undefined){r.contents.scrollLeft=r.contents.scrollLeft+n.offsetLeft-t.offsetLeft-a.offsetWidth-r.scrollGap}}))};this.moveForward=function(){if(r.elements==null){throw Error("No elements slotted to the component")}var o=true;r.elements.forEach((function(a){if(!r.isInViewport(a)){if(a.offsetLeft>r.contents.scrollLeft&&o){o=false;r.lastElementOffsetLeft=a.offsetLeft;r.contents.scrollLeft=r.lastElementOffsetLeft}}}))};this.translateNavigationDot=function(){if(r.elements==null||r.contents==null||r.navigationDot==null||r.navigationDots==null){console.error("mds-horizontal-scroll.translateNavigationDot: One of the shadowRoot elements is missing.");return}var o=r.contents,a=o.scrollLeft,t=o.scrollWidth,n=o.offsetWidth;var l=window.getComputedStyle(r.navigationDots);var i=parseFloat(l.paddingLeft)||0;var s=parseFloat(l.paddingRight)||0;var c=r.navigationDots.offsetWidth-i-s;var e=r.navigationDot.offsetWidth;if(n===0||t===0){console.error("mds-horizontal-scroll.translateNavigationDot: offsetWidth or scrollWidth is 0, impossible to calculate position");return}var d=t-n;var h=a/d;var m=c-e;var v=h*m;r.navigationDot.style.transform="translateX(".concat(v,"px)")};this.updateNavigationDotSize=function(){if(r.contents==null||r.navigationDot==null||r.navigationDots==null){console.error("mds-horizontal-scroll.updateNavigationDotSize: One of the shadowRoot elements is missing.");return}var o=r.contents,a=o.scrollWidth,t=o.offsetWidth;var n=r.navigationDots.offsetWidth;if(a<=t){r.navigationDot.style.width="".concat(n,"px");return}var l=t/a*n;r.navigationDot.style.width="".concat(l,"px")};this.addNavigationDots=function(){var o,a;r.contents.removeEventListener("scroll",r.translateNavigationDot);r.navigationDot=(o=r.host.shadowRoot)===null||o===void 0?void 0:o.querySelector(".dot");r.navigationDots=(a=r.host.shadowRoot)===null||a===void 0?void 0:a.querySelector(".dot-navigation");r.updateNavigationDotSize();if(r.navigationDot==null)return;r.contents.addEventListener("scroll",r.translateNavigationDot)}}o.prototype.watchNavigation=function(o){if(o==="position"){this.addNavigationDots()}};o.prototype.componentWillLoad=function(){this.updateCSSCustomProps()};o.prototype.componentDidLoad=function(){var o,r;this.contents=(o=this.host.shadowRoot)===null||o===void 0?void 0:o.querySelector(".contents");this.spacer=(r=this.host.shadowRoot)===null||r===void 0?void 0:r.querySelector(".spacer");if(this.navigation==="position")this.addNavigationDots();if(window&&typeof window.onscrollend!=="undefined"){this.contents.addEventListener("scrollend",this.checkNavigationButtons)}else{if(this.controls!==undefined)this.controls=undefined}};o.prototype.disconnectedCallback=function(){this.contents.removeEventListener("scrollend",this.checkNavigationButtons);this.contents.removeEventListener("scroll",this.translateNavigationDot)};o.prototype.render=function(){return h(Host,{key:"636ebfd9eac9424b06093ee2990a434519af154c"},h("div",{key:"0828132e0a00ff2d72ace5806d1cc07a8f7f3335",class:"contents",part:"content"},h("div",{key:"e1156c7aeeb7da48b55864ee35a7b54cdebce1e3",class:"spacer"}),h("slot",{key:"91c97d1e9c9477b07476cdf7c5b8f77df2d4dcf0",onSlotchange:this.updateElements}),h("div",{key:"8b02b270ebad91c7fe56315132200c43d96f4a77",class:"spacer"})),h("div",{key:"5ed9c9ced06458f9aa4796a6182a7ae6746ed3fb",class:"dot-navigation"},h("div",{key:"778f7543ac11b70fad1169b6cbd05732d5fbabc2",class:"dot"})),this.controls&&this.controls!=="none"&&h("mds-button",{key:"63d99a5cbd4cb64a42c68a4ef4d1cae5a768c377",onClick:this.moveBack,size:"lg",class:clsx("navigation navigation--back",!this.showBack&&"navigation--disabled"),icon:miBaselineArrowBack}),this.controls&&this.controls!=="none"&&h("mds-button",{key:"4874cc67646aac477e164df8b1078ad3f631bab4",onClick:this.moveForward,size:"lg",class:clsx("navigation navigation--forward",!this.showForward&&"navigation--disabled"),icon:miBaselineArrowForward}))};Object.defineProperty(o.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(o,"watchers",{get:function(){return{navigation:[{watchNavigation:0}]}},enumerable:false,configurable:true});return o}();MdsHorizontalScroll.style=mdsHorizontalScrollCss();export{MdsHorizontalScroll as mds_horizontal_scroll};

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

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-CAd5312P.js";var mdsHrCss=function(){return"@layer reset,vendor,theme,base,components,utilities;@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}:host{background-color:rgb(var(--tone-neutral-08,107 107 107));border:0;border-radius:1000px;display:flex;height:1px;width:100%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){background-color:rgb(var(--tone-neutral-07,134 134 134))}@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-07,134 134 134))}}"};var MdsHr=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{key:"c58a2de198d533e91d8bd077c444e0744933c25a"})};return e}();MdsHr.style=mdsHrCss();export{MdsHr as mds_hr};
+import{r as registerInstance,h,H as Host}from"./index-CAd5312P.js";import{s as subscribePreference}from"./preference-fMwnXhio.js";var mdsHrCss=function(){return"@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}:host{background-color:rgb(var(--tone-neutral-08,107 107 107));border:0;border-radius:1000px;display:flex;height:1px;width:100%}:host([pref-theme=dark]:not([pref-theme-scheme=light])){background-color:rgb(var(--tone-neutral-07,134 134 134))}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){background-color:rgb(var(--tone-neutral-07,134 134 134))}}"};var MdsHr=function(){function e(e){registerInstance(this,e)}e.prototype.connectedCallback=function(){var e=this;this.unsubscribePrefTheme=subscribePreference("theme",(function(r){e.prefTheme=r}));this.unsubscribePrefThemeScheme=subscribePreference("theme-scheme",(function(r){e.prefThemeScheme=r}))};e.prototype.disconnectedCallback=function(){var e,r;(e=this.unsubscribePrefTheme)===null||e===void 0?void 0:e.call(this);(r=this.unsubscribePrefThemeScheme)===null||r===void 0?void 0:r.call(this)};e.prototype.render=function(){return h(Host,{key:"655c896905ebfdb8f5a170f108f338edde6a4d4f","pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme})};return e}();MdsHr.style=mdsHrCss();export{MdsHr as mds_hr};

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,r,i){function s(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function n(e){try{l(i.next(e))}catch(e){o(e)}}function a(e){try{l(i["throw"](e))}catch(e){o(e)}}function l(e){e.done?r(e.value):s(e.value).then(n,a)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,s,o,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=a(0),n["throw"]=a(1),n["return"]=a(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function a(e){return function(t){return l([e,t])}}function l(a){if(i)throw new TypeError("Generator is already executing.");while(n&&(n=0,a[0]&&(r=0)),r)try{if(i=1,s&&(o=a[0]&2?s["return"]:a[0]?s["throw"]||((o=s["return"])&&o.call(s),0):s.next)&&!(o=o.call(s,a[1])).done)return o;if(s=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:r.label++;return{value:a[1],done:false};case 5:r.label++;s=a[1];a=[0];continue;case 7:a=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){r=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){r.label=a[1];break}if(a[0]===6&&r.label<o[1]){r.label=o[1];o=a;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(a);break}if(o[2])r.ops.pop();r.trys.pop();continue}a=t.call(e,r)}catch(e){a=[6,e];s=0}finally{i=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{s as setAttributeIfEmpty}from"./aria-CSCy6TMW.js";import{m as miBaselinePanorama}from"./panorama-b1ORvfSX.js";import{m as miBaselineBrokenImage}from"./broken-image-0FAG3rkw.js";import{L as Locale}from"./locale-a4oAcjYG.js";var clickToLoad$3="Φόρτωση εικόνας";var localeEl={clickToLoad:clickToLoad$3};var clickToLoad$2="Load image";var localeEn={clickToLoad:clickToLoad$2};var clickToLoad$1="Cargar imagen";var localeEs={clickToLoad:clickToLoad$1};var clickToLoad="Carica immagine";var localeIt={clickToLoad:clickToLoad};var mdsImgCss=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 reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-img-background:rgb(var(--variant-primary-03,211 226 255));--mds-img-color:rgb(var(--variant-primary-09,0 58 168));--mds-img-icon-color:rgb(var(--variant-primary-07,44 117 255));--mds-img-error-background:rgb(var(--status-error-09,135 0 14));--mds-img-error-color:rgb(var(--status-error-04,254 193 189));--mds-img-error-icon-color:rgb(var(--status-error-06,239 108 105))}}}@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-img-background:rgb(var(--variant-primary-03,211 226 255));--mds-img-color:rgb(var(--variant-primary-09,0 58 168));--mds-img-icon-color:rgb(var(--variant-primary-07,44 117 255));--mds-img-error-background:rgb(var(--status-error-09,135 0 14));--mds-img-error-color:rgb(var(--status-error-04,254 193 189));--mds-img-error-icon-color:rgb(var(--status-error-06,239 108 105));display:flex;height:auto;-o-object-fit:contain;object-fit:contain;overflow:hidden;position:relative;width:100%}img{height:inherit;-o-object-fit:inherit;object-fit:inherit;width:inherit}.alt-text-container{align-items:center;background-color:var(--mds-img-background,rgb(var(--variant-primary-03,211 226 255)));color:var(--mds-img-color,rgb(var(--variant-primary-09,0 58 168)));display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*600);justify-content:center;padding:calc(var(--spacing,.0025rem)*600);text-align:center}.alt-text-container--absolute{cursor:pointer;inset:0;position:absolute}.alt-text-container--error{--mds-img-background:var(--mds-img-error-background,rgb(var(--status-error-09,135 0 14)));--mds-img-color:var(--mds-img-error-color,rgb(var(--status-error-04,254 193 189)));--mds-img-icon-color:var(--mds-img-error-icon-color,rgb(var(--status-error-06,239 108 105)));cursor:not-allowed}.alt-text-container--default-aspect-ratio{cursor:pointer;width:100%}.click-to-load{pointer-events:none}.icon{fill:var(--mds-img-icon-color,rgb(var(--variant-primary-07,44 117 255)));width:calc(var(--spacing,.0025rem)*900)}"};var MdsImg=function(){function e(e){var t=this;registerInstance(this,e);this.loadErrorEvent=createEvent(this,"mdsImgLoadError");this.loadSuccessEvent=createEvent(this,"mdsImgLoadSuccess");this.imageConsumptionLoaded=false;this.imageError=false;this.consumptionMode="high";this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.alt="";this.crossorigin="use-credentials";this.loading="lazy";this.referrerpolicy="no-referrer-when-downgrade";this.onSuccess=function(e){t.image=e.target;t.loadSuccessEvent.emit({image:t.image})};this.onError=function(e){t.image=e.target;t.loadErrorEvent.emit({image:t.image});t.imageError=true};this.formatConsumptionData=function(e){var t={};e.split(",").forEach((function(e){var r=e.trim().replace(/[ ]{2,}/g," ").split(" ");if(r[1].toLocaleLowerCase()==="low"){t.low=r[0]}if(r[1].toLocaleLowerCase()==="medium"){t.medium=r[0]}if(r[1].toLocaleLowerCase()==="high"){t.high=r[0]}}));return t};this.autoAltName=function(){if(t.src!==""){var e=t.src.lastIndexOf("/")+1;return t.src.substring(e)}return""};this.setAriaAttributes=function(){setAttributeIfEmpty(t.host,"aria-label",t.alt)}}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.srcsetConsumptionHandler=function(e){this.srcsetConsumptionData=this.formatConsumptionData(e)};e.prototype.srcHandler=function(){this.imageError=false};e.prototype.componentWillLoad=function(){var e;this.consumptionMode=(e=localStorage.getItem("mdsPrefConsumption"))!==null&&e!==void 0?e:"high";if(this.srcsetConsumption!==undefined&&this.srcsetConsumption!==""){this.srcsetConsumptionData=this.formatConsumptionData(this.srcsetConsumption)}this.image=this.host.querySelector("img");if(this.alt===""){this.alt=this.autoAltName()}};e.prototype.componentWillRender=function(){this.t.lang(this.host)};e.prototype.componentDidLoad=function(){this.setAriaAttributes()};e.prototype.render=function(){var e=this;var t,r;if(this.imageError){return h(Host,{"aria-label":this.alt,role:"img"},h("div",{class:"contrast-area-50"}),h("div",{class:"alt-text-container alt-text-container--error alt-text-container--default-aspect-ratio"},h("mds-icon",{class:"icon",name:miBaselineBrokenImage}),h("mds-text",{class:"alt-text","aria-hidden":"true",typography:"h6"},h("i",null,this.alt))))}if(this.srcsetConsumptionData){if(this.consumptionMode==="low"){return h(Host,{"aria-label":this.alt,role:"img",onClick:function(){e.imageConsumptionLoaded=true}},h("div",{class:"contrast-area-50"}),!this.imageConsumptionLoaded?h("div",{"aria-hidden":"true",class:"alt-text-container alt-text-container--default-aspect-ratio"},h("mds-icon",{class:"icon",name:miBaselinePanorama}),h("mds-text",{class:"alt-text",typography:"h6"},h("i",null,this.alt)),h("mds-button",{"aria-hidden":"true",role:"none",class:"click-to-load",tabIndex:-1,variant:"light",tone:"outline"},this.t.get("clickToLoad"))):h("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,part:"media",sizes:this.sizes,src:(t=this.srcsetConsumptionData[this.consumptionMode])!==null&&t!==void 0?t:this.src,srcset:this.srcset,width:this.width}))}return h(Host,{"aria-label":this.alt,role:"img"},h("div",{class:"contrast-area-50"}),h("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,part:"media",sizes:this.sizes,src:(r=this.srcsetConsumptionData[this.consumptionMode])!==null&&r!==void 0?r:this.src,srcset:this.srcset,width:this.width}))}return h(Host,{"aria-label":this.alt,role:"img"},h("div",{class:"contrast-area-50"}),h("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,part:"media",sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{srcsetConsumption:[{srcsetConsumptionHandler:0}],src:[{srcHandler:0}]}},enumerable:false,configurable:true});return e}();MdsImg.style=mdsImgCss();export{MdsImg as mds_img};
+var __awaiter=this&&this.__awaiter||function(t,r,i,a){function e(t){return t instanceof i?t:new i((function(r){r(t)}))}return new(i||(i=Promise))((function(i,o){function n(t){try{c(a.next(t))}catch(t){o(t)}}function s(t){try{c(a["throw"](t))}catch(t){o(t)}}function c(t){t.done?i(t.value):e(t.value).then(n,s)}c((a=a.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,e,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(t){return function(r){return c([t,r])}}function c(s){if(a)throw new TypeError("Generator is already executing.");while(n&&(n=0,s[0]&&(i=0)),i)try{if(a=1,e&&(o=s[0]&2?e["return"]:s[0]?e["throw"]||((o=e["return"])&&o.call(e),0):e.next)&&!(o=o.call(e,s[1])).done)return o;if(e=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++;e=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(t,i)}catch(t){s=[6,t];e=0}finally{a=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{s as setAttributeIfEmpty}from"./aria-CSCy6TMW.js";import{m as miBaselinePanorama}from"./panorama-b1ORvfSX.js";import{m as miBaselineBrokenImage}from"./broken-image-0FAG3rkw.js";import{L as Locale}from"./locale-a4oAcjYG.js";var clickToLoad$3="Φόρτωση εικόνας";var localeEl={clickToLoad:clickToLoad$3};var clickToLoad$2="Load image";var localeEn={clickToLoad:clickToLoad$2};var clickToLoad$1="Cargar imagen";var localeEs={clickToLoad:clickToLoad$1};var clickToLoad="Carica immagine";var localeIt={clickToLoad:clickToLoad};var mdsImgCss=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-img-background:rgb(var(--variant-primary-03,211 226 255));--mds-img-color:rgb(var(--variant-primary-09,0 58 168));--mds-img-icon-color:rgb(var(--variant-primary-07,44 117 255));--mds-img-error-background:rgb(var(--status-error-09,135 0 14));--mds-img-error-color:rgb(var(--status-error-04,254 193 189));--mds-img-error-icon-color:rgb(var(--status-error-06,239 108 105))}}}: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-img-background:rgb(var(--variant-primary-03,211 226 255));--mds-img-color:rgb(var(--variant-primary-09,0 58 168));--mds-img-icon-color:rgb(var(--variant-primary-07,44 117 255));--mds-img-error-background:rgb(var(--status-error-09,135 0 14));--mds-img-error-color:rgb(var(--status-error-04,254 193 189));--mds-img-error-icon-color:rgb(var(--status-error-06,239 108 105));display:flex;height:auto;-o-object-fit:contain;object-fit:contain;overflow:hidden;position:relative;width:100%}img{height:inherit;-o-object-fit:inherit;object-fit:inherit;width:inherit}.alt-text-container{align-items:center;background-color:var(--mds-img-background,rgb(var(--variant-primary-03,211 226 255)));color:var(--mds-img-color,rgb(var(--variant-primary-09,0 58 168)));display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*600);justify-content:center;padding:calc(var(--spacing,.0025rem)*600);text-align:center}.alt-text-container--absolute{cursor:pointer;inset:0;position:absolute}.alt-text-container--error{--mds-img-background:var(--mds-img-error-background,rgb(var(--status-error-09,135 0 14)));--mds-img-color:var(--mds-img-error-color,rgb(var(--status-error-04,254 193 189)));--mds-img-icon-color:var(--mds-img-error-icon-color,rgb(var(--status-error-06,239 108 105)));cursor:not-allowed}.alt-text-container--default-aspect-ratio{cursor:pointer;width:100%}.click-to-load{pointer-events:none}.icon{fill:var(--mds-img-icon-color,rgb(var(--variant-primary-07,44 117 255)));width:calc(var(--spacing,.0025rem)*900)}"};var MdsImg=function(){function t(t){var r=this;registerInstance(this,t);this.loadErrorEvent=createEvent(this,"mdsImgLoadError");this.loadSuccessEvent=createEvent(this,"mdsImgLoadSuccess");this.imageConsumptionLoaded=false;this.imageError=false;this.consumptionMode="high";this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.alt="";this.crossorigin="use-credentials";this.loading="lazy";this.referrerpolicy="no-referrer-when-downgrade";this.onSuccess=function(t){r.image=t.target;r.loadSuccessEvent.emit({image:r.image})};this.onError=function(t){r.image=t.target;r.loadErrorEvent.emit({image:r.image});r.imageError=true};this.formatConsumptionData=function(t){var r={};t.split(",").forEach((function(t){var i=t.trim().replace(/[ ]{2,}/g," ").split(" ");if(i[1].toLocaleLowerCase()==="low"){r.low=i[0]}if(i[1].toLocaleLowerCase()==="medium"){r.medium=i[0]}if(i[1].toLocaleLowerCase()==="high"){r.high=i[0]}}));return r};this.autoAltName=function(){if(r.src!==""){var t=r.src.lastIndexOf("/")+1;return r.src.substring(t)}return""};this.setAriaAttributes=function(){setAttributeIfEmpty(r.host,"aria-label",r.alt)};this.handleConsumptionLoadClick=function(){r.imageConsumptionLoaded=true}}t.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=this.t.lang(this.host);return[2]}))}))};t.prototype.srcsetConsumptionHandler=function(t){this.srcsetConsumptionData=this.formatConsumptionData(t)};t.prototype.srcHandler=function(){this.imageError=false};t.prototype.componentWillLoad=function(){var t;this.consumptionMode=(t=localStorage.getItem("mdsPrefConsumption"))!==null&&t!==void 0?t:"high";if(this.srcsetConsumption!==undefined&&this.srcsetConsumption!==""){this.srcsetConsumptionData=this.formatConsumptionData(this.srcsetConsumption)}this.image=this.host.querySelector("img");if(this.alt===""){this.alt=this.autoAltName()}};t.prototype.componentWillRender=function(){this.t.lang(this.host)};t.prototype.componentDidLoad=function(){this.setAriaAttributes()};t.prototype.render=function(){var t,r;if(this.imageError){return h(Host,{"aria-label":this.alt,role:"img"},h("div",{class:"contrast-area-50"}),h("div",{class:"alt-text-container alt-text-container--error alt-text-container--default-aspect-ratio"},h("mds-icon",{class:"icon",name:miBaselineBrokenImage}),h("mds-text",{class:"alt-text","aria-hidden":"true",typography:"h6"},h("i",null,this.alt))))}if(this.srcsetConsumptionData){if(this.consumptionMode==="low"){return h(Host,{"aria-label":this.alt,role:"img",onClick:this.handleConsumptionLoadClick},h("div",{class:"contrast-area-50"}),!this.imageConsumptionLoaded?h("div",{"aria-hidden":"true",class:"alt-text-container alt-text-container--default-aspect-ratio"},h("mds-icon",{class:"icon",name:miBaselinePanorama}),h("mds-text",{class:"alt-text",typography:"h6"},h("i",null,this.alt)),h("mds-button",{"aria-hidden":"true",role:"none",class:"click-to-load",tabIndex:-1,variant:"light",tone:"outline"},this.t.get("clickToLoad"))):h("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,part:"media",sizes:this.sizes,src:(t=this.srcsetConsumptionData[this.consumptionMode])!==null&&t!==void 0?t:this.src,srcset:this.srcset,width:this.width}))}return h(Host,{"aria-label":this.alt,role:"img"},h("div",{class:"contrast-area-50"}),h("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,part:"media",sizes:this.sizes,src:(r=this.srcsetConsumptionData[this.consumptionMode])!==null&&r!==void 0?r:this.src,srcset:this.srcset,width:this.width}))}return h(Host,{"aria-label":this.alt,role:"img"},h("div",{class:"contrast-area-50"}),h("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,part:"media",sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{srcsetConsumption:[{srcsetConsumptionHandler:0}],src:[{srcHandler:0}]}},enumerable:false,configurable:true});return t}();MdsImg.style=mdsImgCss();export{MdsImg as mds_img};

package/dist/esm-es5/mds-input-date-range-preselection.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";var mdsInputDateRangePreselectionCss=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-date-range-preselection-default-background:rgb(var(--tone-neutral-08,107 107 107)/0);--mds-date-range-preselection-default-border:var(--tone-neutral-08,107 107 107);--mds-date-range-preselection-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-selected-background:rgb(var(--variant-primary-03,211 226 255));--mds-date-range-preselection-selected-border:var(--variant-primary-03,211 226 255);--mds-date-range-preselection-selected-color:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-background:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-border:var(--tone-neutral,0 0 0);--mds-date-range-preselection-hover-color:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button: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-date-range-preselection-default-background:rgb(var(--tone-neutral-08,107 107 107)/0);--mds-date-range-preselection-default-border:var(--tone-neutral-08,107 107 107);--mds-date-range-preselection-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-selected-background:rgb(var(--variant-primary-03,211 226 255));--mds-date-range-preselection-selected-border:var(--variant-primary-03,211 226 255);--mds-date-range-preselection-selected-color:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-background:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-border:var(--tone-neutral,0 0 0);--mds-date-range-preselection-hover-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-background:var(--mds-date-range-preselection-default-background,rgb(var(--tone-neutral-08,107 107 107)/0));--mds-date-range-preselection-border:var(--mds-date-range-preselection-default-border,var(--tone-neutral-08,107 107 107));--mds-date-range-preselection-color:var(--mds-date-range-preselection-default-color,rgb(var(--tone-neutral-03,233 233 233)));display:inline-flex;justify-self:start}:host .action{--mds-button-background:var(--mds-date-range-preselection-background);--mds-button-border-color:var(--mds-date-range-preselection-border);--mds-button-color:var(--mds-date-range-preselection-color)}:host .action:hover{--mds-date-range-preselection-background:var(--mds-date-range-preselection-hover-background,rgb(var(--tone-neutral,0 0 0)));--mds-date-range-preselection-border:var(--mds-date-range-preselection-hover-border,var(--tone-neutral,0 0 0));--mds-date-range-preselection-color:var(--mds-date-range-preselection-hover-color,rgb(var(--tone-neutral-03,233 233 233)))}:host([selected]) .action{--mds-date-range-preselection-background:var(--mds-date-range-preselection-selected-background,rgb(var(--variant-primary-03,211 226 255)));--mds-date-range-preselection-border:var(--mds-date-range-preselection-selected-border,var(--variant-primary-03,211 226 255));--mds-date-range-preselection-color:var(--mds-date-range-preselection-selected-color,rgb(var(--tone-neutral,0 0 0)));pointer-events:none}"};var MdsInputDateRangePreselection=function(){function e(e){var r=this;registerInstance(this,e);this.onClick=function(e){var t;e.stopPropagation();var a=(t=r.host)===null||t===void 0?void 0:t.closest("mds-input-date-range");if(a){a.preselect({caller:r.host,start:r.start,end:r.end});r.selected=true}}}e.prototype.render=function(){return h(Host,{key:"e5571b251d0b86eccf975c07af016fd0e25387d3",slot:"calendar-preselection"},h("mds-button",{key:"95b8be91464b8e283c623c191514f7c293b941af",onClick:this.onClick,class:"action",variant:"primary",tone:"strong"},h("slot",{key:"6a96b556f736d867ab858ffba7307c45fb15dd65"})))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsInputDateRangePreselection.style=mdsInputDateRangePreselectionCss();export{MdsInputDateRangePreselection as mds_input_date_range_preselection};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";var mdsInputDateRangePreselectionCss=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-date-range-preselection-default-background:rgb(var(--tone-neutral-08,107 107 107)/0);--mds-date-range-preselection-default-border:var(--tone-neutral-08,107 107 107);--mds-date-range-preselection-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-selected-background:rgb(var(--variant-primary-03,211 226 255));--mds-date-range-preselection-selected-border:var(--variant-primary-03,211 226 255);--mds-date-range-preselection-selected-color:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-background:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-border:var(--tone-neutral,0 0 0);--mds-date-range-preselection-hover-color:rgb(var(--tone-neutral-03,233 233 233))}}}:host(:not(:is([hydrated],.hydrated))),mds-button: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-date-range-preselection-default-background:rgb(var(--tone-neutral-08,107 107 107)/0);--mds-date-range-preselection-default-border:var(--tone-neutral-08,107 107 107);--mds-date-range-preselection-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-selected-background:rgb(var(--variant-primary-03,211 226 255));--mds-date-range-preselection-selected-border:var(--variant-primary-03,211 226 255);--mds-date-range-preselection-selected-color:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-background:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-border:var(--tone-neutral,0 0 0);--mds-date-range-preselection-hover-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-background:var(--mds-date-range-preselection-default-background,rgb(var(--tone-neutral-08,107 107 107)/0));--mds-date-range-preselection-border:var(--mds-date-range-preselection-default-border,var(--tone-neutral-08,107 107 107));--mds-date-range-preselection-color:var(--mds-date-range-preselection-default-color,rgb(var(--tone-neutral-03,233 233 233)));display:inline-flex;justify-self:start}:host .action{--mds-button-background:var(--mds-date-range-preselection-background);--mds-button-border-color:var(--mds-date-range-preselection-border);--mds-button-color:var(--mds-date-range-preselection-color)}:host .action:hover{--mds-date-range-preselection-background:var(--mds-date-range-preselection-hover-background,rgb(var(--tone-neutral,0 0 0)));--mds-date-range-preselection-border:var(--mds-date-range-preselection-hover-border,var(--tone-neutral,0 0 0));--mds-date-range-preselection-color:var(--mds-date-range-preselection-hover-color,rgb(var(--tone-neutral-03,233 233 233)))}:host([selected]) .action{--mds-date-range-preselection-background:var(--mds-date-range-preselection-selected-background,rgb(var(--variant-primary-03,211 226 255)));--mds-date-range-preselection-border:var(--mds-date-range-preselection-selected-border,var(--variant-primary-03,211 226 255));--mds-date-range-preselection-color:var(--mds-date-range-preselection-selected-color,rgb(var(--tone-neutral,0 0 0)));pointer-events:none}"};var MdsInputDateRangePreselection=function(){function e(e){var r=this;registerInstance(this,e);this.onClick=function(e){var t;e.stopPropagation();var a=(t=r.host)===null||t===void 0?void 0:t.closest("mds-input-date-range");if(a){a.preselect({caller:r.host,start:r.start,end:r.end});r.selected=true}}}e.prototype.render=function(){return h(Host,{key:"e5571b251d0b86eccf975c07af016fd0e25387d3",slot:"calendar-preselection"},h("mds-button",{key:"95b8be91464b8e283c623c191514f7c293b941af",onClick:this.onClick,class:"action",variant:"primary",tone:"strong"},h("slot",{key:"6a96b556f736d867ab858ffba7307c45fb15dd65"})))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsInputDateRangePreselection.style=mdsInputDateRangePreselectionCss();export{MdsInputDateRangePreselection as mds_input_date_range_preselection};

package/dist/esm-es5/mds-input-date-range.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,a,n){function r(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,i){function s(t){try{d(n.next(t))}catch(t){i(t)}}function o(t){try{d(n["throw"](t))}catch(t){i(t)}}function d(t){t.done?a(t.value):r(t.value).then(s,o)}d((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,r,i,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=o(0),s["throw"]=o(1),s["return"]=o(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return d([t,e])}}function d(o){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(a=0)),a)try{if(n=1,r&&(i=o[0]&2?r["return"]:o[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;if(r=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;r=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(i=a.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){a.label=o[1];break}if(o[0]===6&&a.label<i[1]){a.label=i[1];i=o;break}if(i&&a.label<i[2]){a.label=i[2];a.ops.push(o);break}if(i[2])a.ops.pop();a.trys.pop();continue}o=e.call(t,a)}catch(t){o=[6,t];r=0}finally{n=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[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 miBaselineCalendarToday}from"./calendar-today-BVQMG7KJ.js";import{D as DateTime}from"./datetime-BJtA1qmE.js";import{c as clsx}from"./clsx-ChV9xqsO.js";import{L as Locale}from"./locale-a4oAcjYG.js";var from$3="Από";var to$3="έως";var localeEl={from:from$3,to:to$3};var from$2="From";var to$2="to";var localeEn={from:from$2,to:to$2};var from$1="De";var to$1="a";var localeEs={from:from$1,to:to$1};var from="Dal";var to="al";var localeIt={from:from,to:to};var mdsInputDateRangeCss=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 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-input-date-range-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-range-calendar-width:22rem;--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 calc(var(--spacing,.0025rem)*200);--mds-input-date-range-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-range-variant-color-rgb:0 0 0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-calendar,mds-dropdown,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-input-date-range-calendar-width{syntax:"<length>";inherits:false;initial-value:22rem}@property --mds-input-date-range-fields-firefox-justify-content{syntax:"start|end|center|left|right|flex-start|flex-end";inherits:false;initial-value:start}@property --mds-input-date-range-variant-color-rgb{syntax:"<integer>+";inherits:false;initial-value:0 0 0}:host{--mds-input-date-range-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-range-calendar-width:22rem;--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 calc(var(--spacing,.0025rem)*200);--mds-input-date-range-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-range-ring:0 0 0 1px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1);--mds-input-date-range-shadow:0 1px 3px 0 rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1),0 1px 2px 0 rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.06);font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--radius-2xl,24px);color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);container-type:inline-size;cursor:text;display:flex;gap:calc(var(--spacing,.0025rem)*200);overflow:visible;position:relative;--mds-input-date-range-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-date-range-variant-color-rgb:0 0 0}.date-preselection{display:grid;gap:calc(var(--spacing,.0025rem)*200)}.inputs{font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--mds-input-date-range-background,rgb(var(--tone-neutral,0 0 0)));border-radius:inherit;-webkit-box-shadow:var(--mds-input-date-range-ring),var(--mds-input-date-range-shadow);box-shadow:var(--mds-input-date-range-ring),var(--mds-input-date-range-shadow);box-sizing:border-box;color:inherit;corner-shape:inherit;align-items:center;border:0;display:inline-flex;flex-wrap:wrap;gap:var(--mds-input-date-range-fields-gap,0 calc(var(--spacing,.0025rem)*200));margin:0;min-height:3rem;overflow:hidden;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);text-overflow:ellipsis;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,border-color,box-shadow,color,fill,margin,opacity,padding,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:100%}.input-element{align-items:baseline;display:inline-flex}:host(:focus-within) .inputs{--tw-outline-style:none;outline-style:none;transition-duration:var(--default-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--default-transition-timing-function);--mds-input-date-range-ring:0 0 0 3px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/1);--mds-input-date-range-shadow:0 4px 6px 3px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1),0 2px 4px -1px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.06);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input-wrapper{display:flex;flex-shrink:0}.date-label{margin-left:calc(var(--spacing,.0025rem)*50);margin-right:calc(var(--spacing,.0025rem)*50);min-width:min-content;white-space:nowrap}.date-label:first-child{margin-left:0}.calendars{display:flex;flex-wrap:nowrap;gap:calc(var(--spacing,.0025rem)*200);min-width:max-content}.calendar-preselection-panel{align-content:start;background-color:rgb(var(--tone-neutral-09,76 76 76));border-radius:var(--radius-lg,16px);box-sizing:border-box;display:grid;min-inline-size:max-content;padding:calc(var(--spacing,.0025rem)*400)}.calendar-single{display:flex;flex-wrap:nowrap;gap:calc(var(--spacing,.0025rem)*200);min-width:max-content}.calendar-single mds-calendar,.calendars mds-calendar{-ms-flex:0 0 var(--mds-input-date-range-calendar-width,22rem);flex:0 0 var(--mds-input-date-range-calendar-width,22rem);inline-size:var(--mds-input-date-range-calendar-width,22rem);max-inline-size:var(--mds-input-date-range-calendar-width,22rem);min-inline-size:var(--mds-input-date-range-calendar-width,22rem)}.action-open-calendar-wrapper{align-items:center;aspect-ratio:1;bottom:0;display:flex;justify-content:center;position:absolute;right:0;top:0}.action-open-calendar{--mds-button-color:var(--mds-input-date-range-icon-color,rgb(var(--variant-primary-03,211 226 255)))}mds-dropdown{padding:0}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-date-range-ring:var(--shadow-outline-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}:host-context(:root.pref-contrast-more){--mds-input-date-range-ring:var(--shadow-outline-strong-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}@supports ((-moz-appearance:none)){.action-open-calendar{display:none}.inputs{-ms-flex-pack:var(--mds-input-date-range-fields-firefox-justify-content,start);justify-content:var(--mds-input-date-range-fields-firefox-justify-content,start);padding-right:calc(var(--spacing,.0025rem)*400)}}:host(:focus-within){--mds-input-date-range-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-date-range-variant-color-rgb:var(--variant-primary-04,184 208 255)}:host([variant=ai]){--mds-input-date-range-icon-color:rgb(var(--variant-ai-04,218 199 253));--mds-input-tip-background:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=ai]:focus-within){--mds-input-date-range-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-range-variant-color-rgb:var(--variant-ai-04,218 199 253)}:host([variant=info]){--mds-input-date-range-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=info]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-date-range-variant-color-rgb:var(--status-info-04,159 216 241)}:host([variant=success]){--mds-input-date-range-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=success]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-date-range-variant-color-rgb:var(--status-success-04,158 222 181)}:host([variant=warning]){--mds-input-date-range-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=warning]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-date-range-variant-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=error]){--mds-input-date-range-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=error]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-date-range-variant-color-rgb:var(--status-error-04,254 193 189)}@media (forced-colors:active){:host(:focus-within) .inputs{outline:2px solid #0000;outline-offset:2px}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input{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-input-date-range-ring:var(--shadow-outline-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-date-range-ring:var(--shadow-outline-strong-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}}'};var MdsInputDateRange=function(){function t(t){var e=this;registerInstance(this,t);this.valueChanged=createEvent(this,"mdsInputDateRangeValueChange");if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.calendarKey=0;this.internalStartDate="";this.internalEndDate="";this.visibleCalendarDate="";this.hasPreselection=false;this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.startDate="";this.endDate="";this.min=null;this.max=null;this.delay=500;this.dualCalendar=false;this.lastEmittedStartDate=null;this.lastEmittedEndDate=null;this.initialStartDate="";this.initialEndDate="";this.hoveredCalendarDate=null;this.syncingInputSlots=new Set;this.handleFocusOut=function(t){if(!e.host.contains(t.relatedTarget)){var a=DateTime.fromISO(e.internalStartDate).isValid;var n=DateTime.fromISO(e.internalEndDate).isValid;if(a&&n){e.validateDateRange();e.syncFormValue();e.checkPreselections();e.emitValueChanged()}}};this.focusInput=function(t){t.focusInput()};this.focusDateInput=function(t){if(t.target!==e.host){return}e.focusStartDateInput(t)};this.focusStartDateInput=function(t){t.preventDefault();t.stopPropagation();e.focusInput(e.host.querySelector('mds-input-date[slot="start"]'))};this.focusEndDateInput=function(t){t.preventDefault();t.stopPropagation();e.focusInput(e.host.querySelector('mds-input-date[slot="end"]'))};this.handleCalendarHover=function(t){if(e.internalStartDate===""||e.internalEndDate!==""){e.clearHoverPreview();return}var a=t.detail.hoverDate;if(e.hoveredCalendarDate===a)return;e.hoveredCalendarDate=a;e.syncCalendarsHoverAttributes()};this.handleCalendarChange=function(t){e.clearHoverPreview();e.internalStartDate=t.detail.startDate;e.updateInputValue("start",e.internalStartDate);if(t.detail.endDate!==undefined&&t.detail.endDate!==""){e.internalEndDate=t.detail.endDate;e.updateInputValue("end",e.internalEndDate)}else{e.internalEndDate="";e.updateInputValue("end",e.internalEndDate)}e.syncFormValue();e.syncCalendarsSelectionAttributes();if(e.internalStartDate!==""&&e.internalEndDate!==""){e.emitValueChanged();e.closeDropdownAfterSelection()}};this.handleCalendarNavigate=function(t){if(!e.dualCalendar)return;var a=e.getCalendars();var n=a.indexOf(t.target);var r=DateTime.fromISO(t.detail.currentDate);if(!r.isValid)return;e.visibleCalendarDate=r.minus({months:n===1?1:0}).startOf("month").toISODate()}}t.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=this.t.lang(this.host);return[2]}))}))};t.prototype.getCalendars=function(){var t,e;return Array.from((e=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll("mds-calendar"))!==null&&e!==void 0?e:[])};t.prototype.resolveVisibleCalendarDate=function(t,e){var a;var n=[t,e].map((function(t){return DateTime.fromISO(t!==null&&t!==void 0?t:"")})).filter((function(t){return t.isValid}));var r=(a=n[0])!==null&&a!==void 0?a:DateTime.now();return r.startOf("month").toISODate()};t.prototype.getCalendarViewDate=function(t){if(t===void 0){t=0}var e=DateTime.fromISO(this.visibleCalendarDate);var a=DateTime.fromISO(this.internalStartDate);var n=DateTime.now();if(e.isValid){n=e}else if(a.isValid){n=a}return n.startOf("month").plus({months:t}).toISODate()};t.prototype.setVisibleCalendarDate=function(t){var e=DateTime.fromISO(t);if(e.isValid){this.visibleCalendarDate=e.startOf("month").toISODate()}};t.prototype.closeDropdownAfterSelection=function(){if(this.delay===0)return;var t=this.dropdownRef;if(t){setTimeout((function(){t.visible=false}),this.delay)}};t.prototype.syncCalendarsSelectionAttributes=function(){var t=this;var e;(e=this.host.shadowRoot)===null||e===void 0?void 0:e.querySelectorAll("mds-calendar").forEach((function(e){if(t.internalStartDate!==""){e.setAttribute("start-date",t.internalStartDate)}else{e.removeAttribute("start-date")}if(t.internalEndDate!==""){e.setAttribute("end-date",t.internalEndDate)}else{e.removeAttribute("end-date")}}));this.syncCalendarsHoverAttributes()};t.prototype.syncCalendarsHoverAttributes=function(){var t=this;var e;(e=this.host.shadowRoot)===null||e===void 0?void 0:e.querySelectorAll("mds-calendar").forEach((function(e){if(t.hoveredCalendarDate!==null&&t.hoveredCalendarDate!==""){e.setAttribute("hover-date",t.hoveredCalendarDate)}else{e.removeAttribute("hover-date")}}))};t.prototype.clearHoverPreview=function(){if(this.hoveredCalendarDate===null)return;this.hoveredCalendarDate=null;this.syncCalendarsHoverAttributes()};t.prototype.getEmittableDateRangeDetail=function(){var t=DateTime.fromISO(this.internalStartDate);var e=DateTime.fromISO(this.internalEndDate);if(!t.isValid||!e.isValid){return null}return{startDate:this.internalStartDate,endDate:this.internalEndDate}};t.prototype.emitValueChanged=function(){var t=this.getEmittableDateRangeDetail();if(!t)return false;if(t.startDate===this.lastEmittedStartDate&&t.endDate===this.lastEmittedEndDate){return false}this.valueChanged.emit(t);this.lastEmittedStartDate=t.startDate;this.lastEmittedEndDate=t.endDate;return true};t.prototype.handleStartDateChange=function(t){this.syncExternalDate("start",t)};t.prototype.handleEndDateChange=function(t){this.syncExternalDate("end",t)};t.prototype.componentWillLoad=function(){this.language=this.t.lang(this.host);this.internalStartDate=this.startDate;this.internalEndDate=this.endDate;this.initialStartDate=this.startDate;this.initialEndDate=this.endDate;this.visibleCalendarDate=this.resolveVisibleCalendarDate(this.internalStartDate,this.internalEndDate);if(this.min!==null&&this.min!==""&&this.max!==null&&this.max!==""){var t=DateTime.fromISO(this.min);var e=DateTime.fromISO(this.max);if(e<t){this.max=this.min}}this.syncFormValue()};t.prototype.disconnectedCallback=function(){var t;this.host.removeEventListener("focusout",this.handleFocusOut);(t=this.host.shadowRoot)===null||t===void 0?void 0:t.removeEventListener("mdsCalendarHover",this.handleCalendarHover)};t.prototype.preselect=function(t){return __awaiter(this,void 0,void 0,(function(){var e,a,n;var r=this;return __generator(this,(function(i){switch(i.label){case 0:if(this.togglePreselection==null){this.togglePreselection=Array.from(this.host.querySelectorAll("mds-input-date-range-preselection"))}this.togglePreselection.forEach((function(t){t.selected=false}));t.caller.selected=true;this.clearHoverPreview();e=DateTime.fromISO(t.start);if(e.isValid){this.internalStartDate=t.start;this.setVisibleCalendarDate(this.internalStartDate);this.updateInputValue("start",this.internalStartDate)}if(t.end!==undefined){a=DateTime.fromISO(t.end);if(a.isValid){this.internalEndDate=t.end}}else{this.internalEndDate=t.start}this.updateInputValue("end",this.internalEndDate);this.syncFormValue();n=this.getCalendars();if(!(n.length!==0))return[3,2];return[4,Promise.all(n.map((function(t,e){return t.updateCurrentDate(r.getCalendarViewDate(e))})))];case 1:i.sent();this.closeDropdownAfterSelection();i.label=2;case 2:this.emitValueChanged();return[2,Promise.resolve()]}}))}))};t.prototype.componentDidLoad=function(){var t;this.updateInputListeners();this.updateInputValue("start",this.internalStartDate);this.updateInputValue("end",this.internalEndDate);this.syncFormValue();this.host.addEventListener("focusout",this.handleFocusOut);(t=this.host.shadowRoot)===null||t===void 0?void 0:t.addEventListener("mdsCalendarHover",this.handleCalendarHover)};t.prototype.formResetCallback=function(){this.clearHoverPreview();this.internalStartDate=this.initialStartDate;this.internalEndDate=this.initialEndDate;this.visibleCalendarDate=this.resolveVisibleCalendarDate(this.initialStartDate,this.initialEndDate);this.updateInputValue("start",this.internalStartDate);this.updateInputValue("end",this.internalEndDate);this.checkPreselections();this.syncFormValue()};t.prototype.syncExternalDate=function(t,e){var a=e!==null&&e!==void 0?e:"";this.clearHoverPreview();if(t==="start"){if(a===this.internalStartDate)return;this.internalStartDate=a;this.setVisibleCalendarDate(this.internalStartDate)}else{if(a===this.internalEndDate)return;this.internalEndDate=a}this.validateDateRange();this.updateInputValue("start",this.internalStartDate);this.updateInputValue("end",this.internalEndDate);this.checkPreselections();this.syncFormValue()};t.prototype.updateInputValue=function(t,e){var a=this;var n;var r=(n=this.host.shadowRoot)===null||n===void 0?void 0:n.querySelector('slot[name="'.concat(t,'"]'));var i=r===null||r===void 0?void 0:r.assignedElements()[0];if(i!=null){this.syncingInputSlots.add(t);i.setValue(e).finally((function(){requestAnimationFrame((function(){a.syncingInputSlots.delete(t)}))}))}};t.prototype.updateInputListeners=function(){var t,e;var a=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="start"]');var n=(e=this.host.shadowRoot)===null||e===void 0?void 0:e.querySelector('slot[name="end"]');this.hasPreselection=this.host.querySelector("mds-input-date-range-preselection")!==null;if(a!=null){var r=a.assignedElements()[0];r.addEventListener("mdsInputDateSelect",this.createFocusoutListener("start"))}if(n!=null){var r=n.assignedElements()[0];r.addEventListener("mdsInputDateSelect",this.createFocusoutListener("end"))}};t.prototype.createFocusoutListener=function(t){var e=this;return function(a){if(e.syncingInputSlots.has(t)){return}var n=a;e.clearHoverPreview();if(t==="start"){e.internalStartDate=n.detail;e.setVisibleCalendarDate(e.internalStartDate)}else{e.internalEndDate=n.detail}e.syncFormValue()}};t.prototype.validateDateRange=function(){if(this.internalStartDate!==""&&this.internalEndDate!==""){var t=DateTime.fromISO(this.internalStartDate);var e=DateTime.fromISO(this.internalEndDate);if(e<t){this.internalEndDate=this.internalStartDate;this.updateInputValue("end",this.internalEndDate)}}};t.prototype.checkPreselections=function(){var t=this;var e=Array.from(this.host.querySelectorAll("mds-input-date-range-preselection"));if(e!=null){e.forEach((function(e){var a=e;var n=a.start===t.internalStartDate&&a.end===t.internalEndDate;var r=a.start===t.internalStartDate&&t.internalStartDate===t.internalEndDate&&a.end===undefined;if(n||r){a.selected=true}else{a.selected=false}}))}};t.prototype.renderCalendarPreselectionPanel=function(){if(!this.hasPreselection)return null;return h("div",{class:"calendar-preselection-panel"},h("div",{class:clsx("date-preselection",this.hasPreselection&&"date-preselection--has-preselection")},h("slot",{name:"calendar-preselection"})))};t.prototype.renderSingleCalendar=function(){var t=this;return h("div",{class:"calendar-single"},this.renderCalendarPreselectionPanel(),h("mds-calendar",Object.assign({lang:this.language,key:this.calendarKey,rangePicker:true,onMdsCalendarChange:this.handleCalendarChange,onMdsCalendarPreselect:function(){t.checkPreselections()},startDate:this.internalStartDate,endDate:this.internalEndDate},this.min!==null&&this.min!==""?{min:this.min}:{},this.max!==null&&this.max!==""?{max:this.max}:{})))};t.prototype.renderDualCalendars=function(){var t=this;return h("div",{class:"calendars"},this.renderCalendarPreselectionPanel(),h("mds-calendar",Object.assign({lang:this.language,key:"".concat(this.calendarKey,"-start"),rangePicker:true,showNextButton:false,disableMonthYearSelection:true,viewDate:this.getCalendarViewDate(),onMdsCalendarNavigate:this.handleCalendarNavigate,onMdsCalendarChange:this.handleCalendarChange,onMdsCalendarPreselect:function(){t.checkPreselections()},startDate:this.internalStartDate,endDate:this.internalEndDate},this.min!==null&&this.min!==""?{min:this.min}:{},this.max!==null&&this.max!==""?{max:this.max}:{})),h("mds-calendar",Object.assign({lang:this.language,key:"".concat(this.calendarKey,"-end"),rangePicker:true,showPreviousButton:false,disableMonthYearSelection:true,viewDate:this.getCalendarViewDate(1),onMdsCalendarNavigate:this.handleCalendarNavigate,onMdsCalendarChange:this.handleCalendarChange,onMdsCalendarPreselect:function(){t.checkPreselections()},startDate:this.internalStartDate,endDate:this.internalEndDate},this.min!==null&&this.min!==""?{min:this.min}:{},this.max!==null&&this.max!==""?{max:this.max}:{})))};t.prototype.render=function(){var t=this;return h(Host,{key:"13d9a565316927ca4ec2586f82e2f25f7d04ae25",onClick:this.focusDateInput},h("div",{key:"71bda796783e6ead96c24ad4ed84ac79265291e8",class:"inputs"},h("div",{key:"c06b73facc486130eb89e857b782b15581cfba20",class:"input-element"},h("mds-text",{key:"340fa48ce0a88bd6445cfc874c27ec70e2426feb",class:"date-label",typography:"detail",onClick:this.focusStartDateInput},this.t.get("from")),h("div",{key:"b82416e3ffa442ee84004d20e298b859ca5543a8",class:"input-wrapper"},h("slot",{key:"9b8741fecf76c4503e58b044222b4ccb6bb889e0",name:"start"}))),h("div",{key:"fcd38e4e5d5a065001c712a960dd5bcae1dd5e79",class:"input-element"},h("mds-text",{key:"269cdf295bfefe625a3cf98f1aaf7fb021b688d4",class:"date-label",typography:"detail",onClick:this.focusEndDateInput},this.t.get("to")),h("div",{key:"ee917dba0a0af805e1ebe5b69fb997b492e044ba",class:"input-wrapper"},h("slot",{key:"dd22c8a98be387b76aa6b355f6b025db1a8fdbb6",name:"end"})))),h("div",{key:"ca651a85e149d23e4eafdf66c121ffa3d5685dca",class:"action-open-calendar-wrapper"},h("mds-button",{key:"ff5e89aec57614f98890f52859bc2f10e33bc85d",class:"action-open-calendar",variant:"dark",tone:"text",icon:miBaselineCalendarToday,id:"calendar-dropdown",onClick:function(){t.calendarKey+=1}})),h("mds-dropdown",{key:"30609e1d1eb75209b5e17444758b1b9b2ac19bce",ref:function(e){return t.dropdownRef=e},target:"#calendar-dropdown","auto-placement":false,placement:"bottom-end"},this.dualCalendar?this.renderDualCalendars():this.renderSingleCalendar()))};t.prototype.syncFormValue=function(){var t,e,a,n;var r=(e=(t=this.internalStartDate)===null||t===void 0?void 0:t.trim())!==null&&e!==void 0?e:"";var i=(n=(a=this.internalEndDate)===null||a===void 0?void 0:a.trim())!==null&&n!==void 0?n:"";if(r===""&&i===""){this.internals.setFormValue(null);return}this.internals.setFormValue(JSON.stringify({startDate:r,endDate:i}))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{startDate:[{handleStartDateChange:0}],endDate:[{handleEndDateChange:0}]}},enumerable:false,configurable:true});return t}();MdsInputDateRange.style=mdsInputDateRangeCss();export{MdsInputDateRange as mds_input_date_range};
+var __awaiter=this&&this.__awaiter||function(t,e,n,i){function a(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function s(t){try{d(i.next(t))}catch(t){r(t)}}function o(t){try{d(i["throw"](t))}catch(t){r(t)}}function d(t){t.done?n(t.value):a(t.value).then(s,o)}d((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,a,r,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=o(0),s["throw"]=o(1),s["return"]=o(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return d([t,e])}}function d(o){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(n=0)),n)try{if(i=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;a=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){n.label=o[1];break}if(o[0]===6&&n.label<r[1]){n.label=r[1];r=o;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(o);break}if(r[2])n.ops.pop();n.trys.pop();continue}o=e.call(t,n)}catch(t){o=[6,t];a=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[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 miBaselineCalendarToday}from"./calendar-today-BVQMG7KJ.js";import{D as DateTime}from"./datetime-BJtA1qmE.js";import{c as clsx}from"./clsx-ChV9xqsO.js";import{L as Locale}from"./locale-a4oAcjYG.js";import{s as subscribePreference}from"./preference-fMwnXhio.js";var from$3="Από";var to$3="έως";var localeEl={from:from$3,to:to$3};var from$2="From";var to$2="to";var localeEn={from:from$2,to:to$2};var from$1="De";var to$1="a";var localeEs={from:from$1,to:to$1};var from="Dal";var to="al";var localeIt={from:from,to:to};var mdsInputDateRangeCss=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-input-date-range-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-range-calendar-width:22rem;--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 calc(var(--spacing,.0025rem)*200);--mds-input-date-range-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-range-variant-color-rgb:0 0 0}}}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-calendar,mds-dropdown,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-input-date-range-calendar-width{syntax:"<length>";inherits:false;initial-value:22rem}@property --mds-input-date-range-fields-firefox-justify-content{syntax:"start|end|center|left|right|flex-start|flex-end";inherits:false;initial-value:start}@property --mds-input-date-range-variant-color-rgb{syntax:"<integer>+";inherits:false;initial-value:0 0 0}:host{--mds-input-date-range-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-range-calendar-width:22rem;--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 calc(var(--spacing,.0025rem)*200);--mds-input-date-range-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-range-ring:0 0 0 1px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1);--mds-input-date-range-shadow:0 1px 3px 0 rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1),0 1px 2px 0 rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.06);--mds-input-date-range-transition-duration:var(--duration-300,.3s);--private-input-date-range-transition-duration:var(--mds-input-date-range-transition-duration);font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--radius-2xl,24px);color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);container-type:inline-size;cursor:text;display:flex;gap:calc(var(--spacing,.0025rem)*200);overflow:visible;position:relative;--mds-input-date-range-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-date-range-variant-color-rgb:0 0 0}.date-preselection{display:grid;gap:calc(var(--spacing,.0025rem)*200)}.inputs{font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--mds-input-date-range-background,rgb(var(--tone-neutral,0 0 0)));border-radius:inherit;-webkit-box-shadow:var(--mds-input-date-range-ring),var(--mds-input-date-range-shadow);box-shadow:var(--mds-input-date-range-ring),var(--mds-input-date-range-shadow);box-sizing:border-box;color:inherit;corner-shape:inherit;align-items:center;border:0;display:inline-flex;flex-wrap:wrap;gap:var(--mds-input-date-range-fields-gap,0 calc(var(--spacing,.0025rem)*200));margin:0;min-height:3rem;overflow:hidden;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);text-overflow:ellipsis;-webkit-transition-duration:var(--private-input-date-range-transition-duration);transition-duration:var(--private-input-date-range-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,margin,opacity,padding,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:100%}.input-element{align-items:baseline;display:inline-flex}:host(:focus-within) .inputs{--tw-outline-style:none;outline-style:none;transition-duration:var(--default-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--default-transition-timing-function);--mds-input-date-range-ring:0 0 0 3px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/1);--mds-input-date-range-shadow:0 4px 6px 3px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1),0 2px 4px -1px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.06);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input-wrapper{display:flex;flex-shrink:0}.date-label{margin-left:calc(var(--spacing,.0025rem)*50);margin-right:calc(var(--spacing,.0025rem)*50);min-width:min-content;white-space:nowrap}.date-label:first-child{margin-left:0}.calendars{display:flex;flex-wrap:nowrap;gap:calc(var(--spacing,.0025rem)*200);min-width:max-content}.calendar-preselection-panel{align-content:start;background-color:rgb(var(--tone-neutral-09,76 76 76));border-radius:var(--radius-lg,16px);box-sizing:border-box;display:grid;min-inline-size:max-content;padding:calc(var(--spacing,.0025rem)*400)}.calendar-single{display:flex;flex-wrap:nowrap;gap:calc(var(--spacing,.0025rem)*200);min-width:max-content}:is(.calendar-single,.calendars) mds-calendar{-ms-flex:0 0 var(--mds-input-date-range-calendar-width,22rem);flex:0 0 var(--mds-input-date-range-calendar-width,22rem);inline-size:var(--mds-input-date-range-calendar-width,22rem);max-inline-size:var(--mds-input-date-range-calendar-width,22rem);min-inline-size:var(--mds-input-date-range-calendar-width,22rem)}.action-open-calendar-wrapper{align-items:center;aspect-ratio:1;bottom:0;display:flex;justify-content:center;position:absolute;right:0;top:0}.action-open-calendar{--mds-button-color:var(--mds-input-date-range-icon-color,rgb(var(--variant-primary-03,211 226 255)))}mds-dropdown{padding:0}:host([pref-animation=reduce]){--private-input-date-range-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-input-date-range-ring:var(--shadow-outline-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:host([pref-theme=dark]:not([pref-theme-scheme=light])) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}:host([pref-contrast=more]){--mds-input-date-range-ring:var(--shadow-outline-strong-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:host([pref-contrast=more]) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:host([pref-contrast=more]) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}@supports ((-moz-appearance:none)){.action-open-calendar{display:none}.inputs{-ms-flex-pack:var(--mds-input-date-range-fields-firefox-justify-content,start);justify-content:var(--mds-input-date-range-fields-firefox-justify-content,start);padding-right:calc(var(--spacing,.0025rem)*400)}}:host(:focus-within){--mds-input-date-range-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-date-range-variant-color-rgb:var(--variant-primary-04,184 208 255)}:host([variant=ai]){--mds-input-date-range-icon-color:rgb(var(--variant-ai-04,218 199 253));--mds-input-tip-background:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=ai]:focus-within){--mds-input-date-range-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-range-variant-color-rgb:var(--variant-ai-04,218 199 253)}:host([variant=info]){--mds-input-date-range-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=info]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-date-range-variant-color-rgb:var(--status-info-04,159 216 241)}:host([variant=success]){--mds-input-date-range-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=success]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-date-range-variant-color-rgb:var(--status-success-04,158 222 181)}:host([variant=warning]){--mds-input-date-range-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=warning]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-date-range-variant-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=error]){--mds-input-date-range-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=error]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-date-range-variant-color-rgb:var(--status-error-04,254 193 189)}@media (forced-colors:active){:host(:focus-within) .inputs{outline:2px solid #0000;outline-offset:2px}}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-input-date-range-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-input-date-range-ring:var(--shadow-outline-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-input-date-range-ring:var(--shadow-outline-strong-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:is(:host([pref-contrast=system]),:host(:not([pref-contrast]))) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host([pref-contrast=system]),:host(:not([pref-contrast]))) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host([pref-contrast=system]),:host(:not([pref-contrast]))) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}}'};var MdsInputDateRange=function(){function t(t){var e=this;registerInstance(this,t);this.valueChanged=createEvent(this,"mdsInputDateRangeValueChange");if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.calendarKey=0;this.internalStartDate="";this.internalEndDate="";this.visibleCalendarDate="";this.hasPreselection=false;this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.startDate="";this.endDate="";this.min=null;this.max=null;this.delay=500;this.dualCalendar=false;this.lastEmittedStartDate=null;this.lastEmittedEndDate=null;this.initialStartDate="";this.initialEndDate="";this.hoveredCalendarDate=null;this.syncingInputSlots=new Set;this.handleFocusOut=function(t){if(!e.host.contains(t.relatedTarget)){var n=DateTime.fromISO(e.internalStartDate).isValid;var i=DateTime.fromISO(e.internalEndDate).isValid;if(n&&i){e.validateDateRange();e.syncFormValue();e.checkPreselections();e.emitValueChanged()}}};this.focusInput=function(t){t.focusInput()};this.focusDateInput=function(t){if(t.target!==e.host){return}e.focusStartDateInput(t)};this.focusStartDateInput=function(t){t.preventDefault();t.stopPropagation();e.focusInput(e.host.querySelector('mds-input-date[slot="start"]'))};this.focusEndDateInput=function(t){t.preventDefault();t.stopPropagation();e.focusInput(e.host.querySelector('mds-input-date[slot="end"]'))};this.handleCalendarHover=function(t){if(e.internalStartDate===""||e.internalEndDate!==""){e.clearHoverPreview();return}var n=t.detail.hoverDate;if(e.hoveredCalendarDate===n)return;e.hoveredCalendarDate=n;e.syncCalendarsHoverAttributes()};this.handleCalendarChange=function(t){e.clearHoverPreview();e.internalStartDate=t.detail.startDate;e.updateInputValue("start",e.internalStartDate);if(t.detail.endDate!==undefined&&t.detail.endDate!==""){e.internalEndDate=t.detail.endDate;e.updateInputValue("end",e.internalEndDate)}else{e.internalEndDate="";e.updateInputValue("end",e.internalEndDate)}e.syncFormValue();e.syncCalendarsSelectionAttributes();if(e.internalStartDate!==""&&e.internalEndDate!==""){e.emitValueChanged();e.closeDropdownAfterSelection()}};this.handleCalendarNavigate=function(t){if(!e.dualCalendar)return;var n=e.getCalendars();var i=n.indexOf(t.target);var a=DateTime.fromISO(t.detail.currentDate);if(!a.isValid)return;e.visibleCalendarDate=a.minus({months:i===1?1:0}).startOf("month").toISODate()};this.handleCalendarPreselect=function(){e.checkPreselections()};this.handleOpenCalendarClick=function(){e.calendarKey+=1}}t.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=this.t.lang(this.host);return[2]}))}))};t.prototype.getCalendars=function(){var t,e;return Array.from((e=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll("mds-calendar"))!==null&&e!==void 0?e:[])};t.prototype.resolveVisibleCalendarDate=function(t,e){var n;var i=[t,e].map((function(t){return DateTime.fromISO(t!==null&&t!==void 0?t:"")})).filter((function(t){return t.isValid}));var a=(n=i[0])!==null&&n!==void 0?n:DateTime.now();return a.startOf("month").toISODate()};t.prototype.getCalendarViewDate=function(t){if(t===void 0){t=0}var e=DateTime.fromISO(this.visibleCalendarDate);var n=DateTime.fromISO(this.internalStartDate);var i=DateTime.now();if(e.isValid){i=e}else if(n.isValid){i=n}return i.startOf("month").plus({months:t}).toISODate()};t.prototype.setVisibleCalendarDate=function(t){var e=DateTime.fromISO(t);if(e.isValid){this.visibleCalendarDate=e.startOf("month").toISODate()}};t.prototype.closeDropdownAfterSelection=function(){if(this.delay===0)return;var t=this.dropdownRef;if(t){setTimeout((function(){t.visible=false}),this.delay)}};t.prototype.syncCalendarsSelectionAttributes=function(){var t=this;var e;(e=this.host.shadowRoot)===null||e===void 0?void 0:e.querySelectorAll("mds-calendar").forEach((function(e){if(t.internalStartDate!==""){e.setAttribute("start-date",t.internalStartDate)}else{e.removeAttribute("start-date")}if(t.internalEndDate!==""){e.setAttribute("end-date",t.internalEndDate)}else{e.removeAttribute("end-date")}}));this.syncCalendarsHoverAttributes()};t.prototype.syncCalendarsHoverAttributes=function(){var t=this;var e;(e=this.host.shadowRoot)===null||e===void 0?void 0:e.querySelectorAll("mds-calendar").forEach((function(e){if(t.hoveredCalendarDate!==null&&t.hoveredCalendarDate!==""){e.setAttribute("hover-date",t.hoveredCalendarDate)}else{e.removeAttribute("hover-date")}}))};t.prototype.clearHoverPreview=function(){if(this.hoveredCalendarDate===null)return;this.hoveredCalendarDate=null;this.syncCalendarsHoverAttributes()};t.prototype.getEmittableDateRangeDetail=function(){var t=DateTime.fromISO(this.internalStartDate);var e=DateTime.fromISO(this.internalEndDate);if(!t.isValid||!e.isValid){return null}return{startDate:this.internalStartDate,endDate:this.internalEndDate}};t.prototype.emitValueChanged=function(){var t=this.getEmittableDateRangeDetail();if(!t)return false;if(t.startDate===this.lastEmittedStartDate&&t.endDate===this.lastEmittedEndDate){return false}this.valueChanged.emit(t);this.lastEmittedStartDate=t.startDate;this.lastEmittedEndDate=t.endDate;return true};t.prototype.handleStartDateChange=function(t){this.syncExternalDate("start",t)};t.prototype.handleEndDateChange=function(t){this.syncExternalDate("end",t)};t.prototype.componentWillLoad=function(){this.language=this.t.lang(this.host);this.internalStartDate=this.startDate;this.internalEndDate=this.endDate;this.initialStartDate=this.startDate;this.initialEndDate=this.endDate;this.visibleCalendarDate=this.resolveVisibleCalendarDate(this.internalStartDate,this.internalEndDate);if(this.min!==null&&this.min!==""&&this.max!==null&&this.max!==""){var t=DateTime.fromISO(this.min);var e=DateTime.fromISO(this.max);if(e<t){this.max=this.min}}this.syncFormValue()};t.prototype.connectedCallback=function(){var t=this;this.unsubscribePrefAnimation=subscribePreference("animation",(function(e){t.prefAnimation=e}));this.unsubscribePrefContrast=subscribePreference("contrast",(function(e){t.prefContrast=e}));this.unsubscribePrefTheme=subscribePreference("theme",(function(e){t.prefTheme=e}));this.unsubscribePrefThemeScheme=subscribePreference("theme-scheme",(function(e){t.prefThemeScheme=e}))};t.prototype.disconnectedCallback=function(){var t,e,n,i,a;(t=this.unsubscribePrefAnimation)===null||t===void 0?void 0:t.call(this);(e=this.unsubscribePrefContrast)===null||e===void 0?void 0:e.call(this);(n=this.unsubscribePrefTheme)===null||n===void 0?void 0:n.call(this);(i=this.unsubscribePrefThemeScheme)===null||i===void 0?void 0:i.call(this);this.host.removeEventListener("focusout",this.handleFocusOut);(a=this.host.shadowRoot)===null||a===void 0?void 0:a.removeEventListener("mdsCalendarHover",this.handleCalendarHover)};t.prototype.preselect=function(t){return __awaiter(this,void 0,void 0,(function(){var e,n,i;var a=this;return __generator(this,(function(r){switch(r.label){case 0:if(this.togglePreselection==null){this.togglePreselection=Array.from(this.host.querySelectorAll("mds-input-date-range-preselection"))}this.togglePreselection.forEach((function(t){t.selected=false}));t.caller.selected=true;this.clearHoverPreview();e=DateTime.fromISO(t.start);if(e.isValid){this.internalStartDate=t.start;this.setVisibleCalendarDate(this.internalStartDate);this.updateInputValue("start",this.internalStartDate)}if(t.end!==undefined){n=DateTime.fromISO(t.end);if(n.isValid){this.internalEndDate=t.end}}else{this.internalEndDate=t.start}this.updateInputValue("end",this.internalEndDate);this.syncFormValue();i=this.getCalendars();if(!(i.length!==0))return[3,2];return[4,Promise.all(i.map((function(t,e){return t.updateCurrentDate(a.getCalendarViewDate(e))})))];case 1:r.sent();this.closeDropdownAfterSelection();r.label=2;case 2:this.emitValueChanged();return[2,Promise.resolve()]}}))}))};t.prototype.componentDidLoad=function(){var t;this.updateInputListeners();this.updateInputValue("start",this.internalStartDate);this.updateInputValue("end",this.internalEndDate);this.syncFormValue();this.host.addEventListener("focusout",this.handleFocusOut);(t=this.host.shadowRoot)===null||t===void 0?void 0:t.addEventListener("mdsCalendarHover",this.handleCalendarHover)};t.prototype.formResetCallback=function(){this.clearHoverPreview();this.internalStartDate=this.initialStartDate;this.internalEndDate=this.initialEndDate;this.visibleCalendarDate=this.resolveVisibleCalendarDate(this.initialStartDate,this.initialEndDate);this.updateInputValue("start",this.internalStartDate);this.updateInputValue("end",this.internalEndDate);this.checkPreselections();this.syncFormValue()};t.prototype.syncExternalDate=function(t,e){var n=e!==null&&e!==void 0?e:"";this.clearHoverPreview();if(t==="start"){if(n===this.internalStartDate)return;this.internalStartDate=n;this.setVisibleCalendarDate(this.internalStartDate)}else{if(n===this.internalEndDate)return;this.internalEndDate=n}this.validateDateRange();this.updateInputValue("start",this.internalStartDate);this.updateInputValue("end",this.internalEndDate);this.checkPreselections();this.syncFormValue()};t.prototype.updateInputValue=function(t,e){var n=this;var i;var a=(i=this.host.shadowRoot)===null||i===void 0?void 0:i.querySelector('slot[name="'.concat(t,'"]'));var r=a===null||a===void 0?void 0:a.assignedElements()[0];if(r!=null){this.syncingInputSlots.add(t);r.setValue(e).finally((function(){requestAnimationFrame((function(){n.syncingInputSlots.delete(t)}))}))}};t.prototype.updateInputListeners=function(){var t,e;var n=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="start"]');var i=(e=this.host.shadowRoot)===null||e===void 0?void 0:e.querySelector('slot[name="end"]');this.hasPreselection=this.host.querySelector("mds-input-date-range-preselection")!==null;if(n!=null){var a=n.assignedElements()[0];a.addEventListener("mdsInputDateSelect",this.createFocusoutListener("start"))}if(i!=null){var a=i.assignedElements()[0];a.addEventListener("mdsInputDateSelect",this.createFocusoutListener("end"))}};t.prototype.createFocusoutListener=function(t){var e=this;return function(n){if(e.syncingInputSlots.has(t)){return}var i=n;e.clearHoverPreview();if(t==="start"){e.internalStartDate=i.detail;e.setVisibleCalendarDate(e.internalStartDate)}else{e.internalEndDate=i.detail}e.syncFormValue()}};t.prototype.validateDateRange=function(){if(this.internalStartDate!==""&&this.internalEndDate!==""){var t=DateTime.fromISO(this.internalStartDate);var e=DateTime.fromISO(this.internalEndDate);if(e<t){this.internalEndDate=this.internalStartDate;this.updateInputValue("end",this.internalEndDate)}}};t.prototype.checkPreselections=function(){var t=this;var e=Array.from(this.host.querySelectorAll("mds-input-date-range-preselection"));if(e!=null){e.forEach((function(e){var n=e;var i=n.start===t.internalStartDate&&n.end===t.internalEndDate;var a=n.start===t.internalStartDate&&t.internalStartDate===t.internalEndDate&&n.end===undefined;if(i||a){n.selected=true}else{n.selected=false}}))}};t.prototype.renderCalendarPreselectionPanel=function(){if(!this.hasPreselection)return null;return h("div",{class:"calendar-preselection-panel"},h("div",{class:clsx("date-preselection",this.hasPreselection&&"date-preselection--has-preselection")},h("slot",{name:"calendar-preselection"})))};t.prototype.renderSingleCalendar=function(){return h("div",{class:"calendar-single"},this.renderCalendarPreselectionPanel(),h("mds-calendar",Object.assign({lang:this.language,key:this.calendarKey,rangePicker:true,onMdsCalendarChange:this.handleCalendarChange,onMdsCalendarPreselect:this.handleCalendarPreselect,startDate:this.internalStartDate,endDate:this.internalEndDate},this.min!==null&&this.min!==""?{min:this.min}:{},this.max!==null&&this.max!==""?{max:this.max}:{})))};t.prototype.renderDualCalendars=function(){return h("div",{class:"calendars"},this.renderCalendarPreselectionPanel(),h("mds-calendar",Object.assign({lang:this.language,key:"".concat(this.calendarKey,"-start"),rangePicker:true,showNextButton:false,disableMonthYearSelection:true,viewDate:this.getCalendarViewDate(),onMdsCalendarNavigate:this.handleCalendarNavigate,onMdsCalendarChange:this.handleCalendarChange,onMdsCalendarPreselect:this.handleCalendarPreselect,startDate:this.internalStartDate,endDate:this.internalEndDate},this.min!==null&&this.min!==""?{min:this.min}:{},this.max!==null&&this.max!==""?{max:this.max}:{})),h("mds-calendar",Object.assign({lang:this.language,key:"".concat(this.calendarKey,"-end"),rangePicker:true,showPreviousButton:false,disableMonthYearSelection:true,viewDate:this.getCalendarViewDate(1),onMdsCalendarNavigate:this.handleCalendarNavigate,onMdsCalendarChange:this.handleCalendarChange,onMdsCalendarPreselect:this.handleCalendarPreselect,startDate:this.internalStartDate,endDate:this.internalEndDate},this.min!==null&&this.min!==""?{min:this.min}:{},this.max!==null&&this.max!==""?{max:this.max}:{})))};t.prototype.render=function(){var t=this;return h(Host,{key:"70d713a2ba286fe3ee69feb5b804e043c0357166",onClick:this.focusDateInput,"pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},h("div",{key:"35518a0ed132cd6977c0a557a2f45438c7a9db6b",class:"inputs"},h("div",{key:"befa6ce8026d0f02451c5bda8f174252214a3457",class:"input-element"},h("mds-text",{key:"7919fc8583f940b6a7ab46f6da35067c245f1c4e",class:"date-label",typography:"detail",onClick:this.focusStartDateInput},this.t.get("from")),h("div",{key:"9a9d1e950e8523423fba228b66b99d63722ae3f3",class:"input-wrapper"},h("slot",{key:"a4c7031eb4db25ebe766650676475a1b70c7a27f",name:"start"}))),h("div",{key:"c033efadef102cac6d615505e1b8cd476e4bd911",class:"input-element"},h("mds-text",{key:"fe5cbbbb85d2f4895236de71c79b3850c076fbac",class:"date-label",typography:"detail",onClick:this.focusEndDateInput},this.t.get("to")),h("div",{key:"64e5392cb8d476e099d3efcd4b86958f2601986f",class:"input-wrapper"},h("slot",{key:"c2ff17f4e61a42a8afe50488847ccd3b71c670cf",name:"end"})))),h("div",{key:"8e3d4fecf6eca2c7cfc90aa3cec5835626a33cbc",class:"action-open-calendar-wrapper"},h("mds-button",{key:"c12b6fcbe2a7e233ba45a224620a26f37200e097",class:"action-open-calendar",variant:"dark",tone:"text",icon:miBaselineCalendarToday,id:"calendar-dropdown",onClick:this.handleOpenCalendarClick})),h("mds-dropdown",{key:"eb088ba8ec6c6c82373efa9f5dad8cae23c63604",ref:function(e){return t.dropdownRef=e},target:"#calendar-dropdown","disable-auto-placement":true,placement:"bottom-end"},this.dualCalendar?this.renderDualCalendars():this.renderSingleCalendar()))};t.prototype.syncFormValue=function(){var t,e,n,i;var a=(e=(t=this.internalStartDate)===null||t===void 0?void 0:t.trim())!==null&&e!==void 0?e:"";var r=(i=(n=this.internalEndDate)===null||n===void 0?void 0:n.trim())!==null&&i!==void 0?i:"";if(a===""&&r===""){this.internals.setFormValue(null);return}this.internals.setFormValue(JSON.stringify({startDate:a,endDate:r}))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{startDate:[{handleStartDateChange:0}],endDate:[{handleEndDateChange:0}]}},enumerable:false,configurable:true});return t}();MdsInputDateRange.style=mdsInputDateRangeCss();export{MdsInputDateRange as mds_input_date_range};

package/dist/esm-es5/mds-input-date.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,r,e,n){function a(t){return t instanceof e?t:new e((function(r){r(t)}))}return new(e||(e=Promise))((function(e,i){function o(t){try{d(n.next(t))}catch(t){i(t)}}function s(t){try{d(n["throw"](t))}catch(t){i(t)}}function d(t){t.done?e(t.value):a(t.value).then(o,s)}d((n=n.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var e={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=s(0),o["throw"]=s(1),o["return"]=s(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(r){return d([t,r])}}function d(s){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(e=0)),e)try{if(n=1,a&&(i=s[0]&2?a["return"]:s[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,s[1])).done)return i;if(a=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:e.label++;return{value:s[1],done:false};case 5:e.label++;a=s[1];s=[0];continue;case 7:s=e.ops.pop();e.trys.pop();continue;default:if(!(i=e.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){e=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){e.label=s[1];break}if(s[0]===6&&e.label<i[1]){e.label=i[1];i=s;break}if(i&&e.label<i[2]){e.label=i[2];e.ops.push(s);break}if(i[2])e.ops.pop();e.trys.pop();continue}s=r.call(t,e)}catch(t){s=[6,t];a=0}finally{n=i=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 miBaselineCalendarToday}from"./calendar-today-BVQMG7KJ.js";import{D as DateTime}from"./datetime-BJtA1qmE.js";import{L as Locale}from"./locale-a4oAcjYG.js";var mdsInputDateCss=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 reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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-input-date-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-field-background-empty:rgb(var(--status-error-10,115 0 0));--mds-input-date-field-color-empty:rgb(var(--status-error-06,239 108 105));--mds-input-date-icon-color-rgb:var(--mds-input-date-variant-color-rgb,0 0 0);--mds-input-date-variant-color-rgb:0 0 0;--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-input-date-variant-color-rgb{syntax:"<integer>+";inherits:false;initial-value:0 0 0}:host{--mds-input-date-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-field-background-empty:rgb(var(--status-error-10,115 0 0));--mds-input-date-field-color-empty:rgb(var(--status-error-06,239 108 105));--mds-input-date-icon-color-rgb:var(--mds-input-date-variant-color-rgb,0 0 0);--mds-input-date-ring:0 0 0 1px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1);--mds-input-date-shadow:0 1px 3px 0 rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1),0 1px 2px 0 rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.06);--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--radius-2xl,24px);color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);container-type:inline-size;display:flex;gap:calc(var(--spacing,.0025rem)*200);overflow:visible;position:relative;--mds-input-date-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-date-variant-color-rgb:0 0 0}.input::-webkit-calendar-picker-indicator{appearance:textfield;display:none}.input{font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:inherit;box-sizing:border-box;color:inherit;corner-shape:inherit;background-color:#0000;border:0;margin:0;overflow:hidden;text-overflow:ellipsis;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,border-color,box-shadow,color,fill,margin,opacity,padding,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:min-content}:host([empty]) .input{background-color:var(--mds-input-date-field-background-empty,rgb(var(--status-error-10,115 0 0)));color:var(--mds-input-date-field-color-empty,rgb(var(--status-error-06,239 108 105)))}:host([slot]){color:inherit;display:contents}:host([slot]) .input{cursor:text;text-align:center}:host(:not([slot])) .input{background-color:var(--mds-input-date-background,rgb(var(--tone-neutral,0 0 0)));-webkit-box-shadow:var(--mds-input-date-ring),var(--mds-input-date-shadow);box-shadow:var(--mds-input-date-ring),var(--mds-input-date-shadow);min-height:3rem;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);padding-top:calc(var(--spacing,.0025rem)*300);width:100%}:host(:focus-within) .input{--tw-outline-style:none;outline-style:none;transition-duration:var(--default-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--default-transition-timing-function);--mds-input-date-ring:0 0 0 3px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/1);--mds-input-date-shadow:0 4px 6px 3px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1),0 2px 4px -1px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.06);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input::placeholder{color:rgb(var(--tone-neutral-04,218 218 218))}.input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-04,218 218 218))}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{appearance:none;display:none;margin:0}.input:disabled{background-color:rgb(var(--tone-neutral-10,60 60 60))}.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled:-ms-placeholder-shown{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled::-moz-placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled,.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.action-open-calendar-wrapper{align-items:center;aspect-ratio:1;bottom:0;display:flex;justify-content:center;position:absolute;right:0;top:0}.action-open-calendar{--mds-button-color:var(--mds-input-date-icon-color,rgb(var(--variant-primary-03,211 226 255)))}:host([disabled]:not([disabled=false])) .action-open-calendar{-webkit-transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200));transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200))}mds-calendar{min-width:max-content}mds-dropdown{padding:0}mds-input-tip{--mds-input-tip-horizontal-offset:inherit;--mds-input-tip-horizontal-offset-focused:inherit;--mds-input-tip-vertical-offset:inherit;--mds-input-tip-background:inherit}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-calendar,mds-dropdown,mds-input-tip,mds-input-tip-item):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-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-date-ring:var(--shadow-outline-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}:host-context(:root.pref-contrast-more){--mds-input-date-ring:var(--shadow-outline-strong-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}@supports ((-moz-appearance:none)){.action-open-calendar{display:none}:host(:not([slot])) .input{padding-right:calc(var(--spacing,.0025rem)*400)}}:host(:focus){--mds-input-date-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-date-variant-color-rgb:var(--variant-primary-04,184 208 255)}:host([variant=ai]){--mds-input-date-icon-color:rgb(var(--variant-ai-04,218 199 253));--mds-input-tip-background:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=ai]:focus){--mds-input-date-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-variant-color-rgb:var(--variant-ai-04,218 199 253)}:host([variant=info]){--mds-input-date-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=info]:focus){--mds-input-date-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-date-variant-color-rgb:var(--status-info-04,159 216 241)}:host([variant=success]){--mds-input-date-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=success]:focus){--mds-input-date-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-date-variant-color-rgb:var(--status-success-04,158 222 181)}:host([variant=warning]){--mds-input-date-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=warning]:focus){--mds-input-date-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-date-variant-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=error]){--mds-input-date-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=error]:focus){--mds-input-date-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-date-variant-color-rgb:var(--status-error-04,254 193 189)}@media (forced-colors:active){:host(:focus-within) .input{outline:2px solid #0000;outline-offset:2px}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input{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-input-date-ring:var(--shadow-outline-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-date-ring:var(--shadow-outline-strong-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}}'};var MdsInputDate=function(){function t(t){var r=this;registerInstance(this,t);this.validationEvent=createEvent(this,"mdsInputValidation");this.valueChange=createEvent(this,"mdsInputDateSelect");if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.isSlotted=false;this.empty=undefined;this.t=new Locale({el:{},en:{},es:{},it:{}});this.touched=false;this.value="";this.variant="primary";this.min=null;this.max=null;this.delay=500;this.disabled=false;this.readonly=false;this.required=false;this.calendarKey=0;this.hasFocus=false;this.handleChange=function(t){var e=t.target;r.touched=true;if(e.value!=="")r.value=e.value;r.validateValue(e.validity.badInput)};this.onBlur=function(t){var e=t.target;r.hasFocus=false;r.value=e.value;r.validateValue(e.validity.badInput)};this.onFocus=function(t){var e=t.target;r.hasFocus=true;if(r.readonly){setTimeout((function(){e.select()}),10)}}}t.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=this.t.lang(this.host);return[2]}))}))};t.prototype.handleValue=function(){this.valueChange.emit(this.value);this.validateValue()};t.prototype.validateValue=function(t){if(t===void 0){t=false}var r=DateTime.fromISO(this.value);var e=Boolean(this.value);var n=e&&!r.isValid;var a=this.required&&!e;var i=r.isValid&&(this.max&&DateTime.fromISO(this.max)<r||this.min&&DateTime.fromISO(this.min)>r);if(t||n||a||i){this.isValid=false;this.variant="error";this.internals.setFormValue(null);this.empty=t||n?true:undefined}else{this.isValid=true;this.variant="primary";this.internals.setFormValue(this.value);this.empty=undefined}this.validationEvent.emit(this.isValid)};t.prototype.focusInput=function(){return __awaiter(this,void 0,void 0,(function(){var t,r;return __generator(this,(function(e){r=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".input");r.focus();return[2]}))}))};t.prototype.setValue=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.value=t;this.validateValue();return[2,Promise.resolve()]}))}))};t.prototype.getErrors=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,Promise.resolve(this.isValid?null:{error:""})]}))}))};t.prototype.formResetCallback=function(){this.internals.setFormValue("")};t.prototype.componentWillLoad=function(){this.isSlotted=!(this.host.getAttribute("slot")===null||this.host.getAttribute("slot")==="");this.value=this.value||"";this.language=this.t.lang(this.host);if(this.min!==null&&this.min!==""&&this.max!==null&&this.max!==""){var t=DateTime.fromISO(this.min);var r=DateTime.fromISO(this.max);if(r<t){this.max=this.min}}this.validateValue()};t.prototype.render=function(){var t=this;return h(Host,{key:"1c3f9c46a1a1bc77e6639135ffe9615b91754289",empty:this.empty},h("input",{key:"e8867ce0ccc07885b616cd0c898859d4d378d70c",value:this.value,id:"dateInput",class:"input",part:"input-date",type:"date",disabled:this.disabled,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.handleChange,onChange:this.handleChange}),!this.isSlotted&&h("div",{key:"82e8e07567fceed4f0a589f8ceac9057c9aaa324",class:"action-open-calendar-wrapper"},h("mds-button",{key:"9c22475d725089ae3ccfe4c39aac26149726e8ff",id:"calendar-dropdown",class:"action-open-calendar",disabled:this.disabled,variant:"dark",tone:"text",icon:miBaselineCalendarToday,onClick:function(){t.calendarKey+=1}})),h("mds-input-tip",{key:"3b4a5d49acf05f853839b7317a2e8bfe8d7d487d",lang:this.language,position:"top",active:this.hasFocus},this.disabled&&h("mds-input-tip-item",{key:"987565a2df5bcaf1a538f3bf276cd6f7a12811a9",expanded:true,variant:"disabled"}),this.readonly&&h("mds-input-tip-item",{key:"b51c192d654c65279fb2bdb0eb43952cc51e02e0",expanded:true,variant:"readonly"}),this.required&&h("mds-input-tip-item",{key:"acd20e717f7abab93a5750f7125f06f55d618da8",expanded:this.hasFocus,variant:this.isValid?"required-success":"required"})),!this.isSlotted&&h("mds-dropdown",{key:"9c2d0e843d019c530509f30cd37e890f5ab351a8",placement:"bottom-end","auto-placement":false,ref:function(r){return t.dropdownRef=r},target:"#calendar-dropdown"},h("mds-calendar",Object.assign({key:this.calendarKey,rangePicker:false,lang:this.language,onMdsCalendarChange:function(r){t.value=r.detail.startDate;if(t.delay===0)return;var e=t.dropdownRef;if(e){setTimeout((function(){e.visible=false}),t.delay)}},startDate:this.value},this.min!==null&&this.min!==""?{min:this.min}:{},this.max!==null&&this.max!==""?{max:this.max}:{}))))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:[{handleValue:0}]}},enumerable:false,configurable:true});return t}();MdsInputDate.style=mdsInputDateCss();export{MdsInputDate as mds_input_date};
+var __awaiter=this&&this.__awaiter||function(t,r,i,e){function n(t){return t instanceof i?t:new i((function(r){r(t)}))}return new(i||(i=Promise))((function(i,a){function o(t){try{d(e.next(t))}catch(t){a(t)}}function s(t){try{d(e["throw"](t))}catch(t){a(t)}}function d(t){t.done?i(t.value):n(t.value).then(o,s)}d((e=e.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,n,a,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=s(0),o["throw"]=s(1),o["return"]=s(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(r){return d([t,r])}}function d(s){if(e)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(i=0)),i)try{if(e=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(s[0]===6&&i.label<a[1]){i.label=a[1];a=s;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(s);break}if(a[2])i.ops.pop();i.trys.pop();continue}s=r.call(t,i)}catch(t){s=[6,t];n=0}finally{e=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 miBaselineCalendarToday}from"./calendar-today-BVQMG7KJ.js";import{D as DateTime}from"./datetime-BJtA1qmE.js";import{L as Locale}from"./locale-a4oAcjYG.js";import{s as subscribePreference}from"./preference-fMwnXhio.js";var mdsInputDateCss=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-input-date-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-field-background-empty:rgb(var(--status-error-10,115 0 0));--mds-input-date-field-color-empty:rgb(var(--status-error-06,239 108 105));--mds-input-date-icon-color-rgb:var(--mds-input-date-variant-color-rgb,0 0 0);--mds-input-date-variant-color-rgb:0 0 0;--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233))}}}@property --mds-input-date-variant-color-rgb{syntax:"<integer>+";inherits:false;initial-value:0 0 0}:host{--mds-input-date-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-field-background-empty:rgb(var(--status-error-10,115 0 0));--mds-input-date-field-color-empty:rgb(var(--status-error-06,239 108 105));--mds-input-date-icon-color-rgb:var(--mds-input-date-variant-color-rgb,0 0 0);--mds-input-date-ring:0 0 0 1px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1);--mds-input-date-shadow:0 1px 3px 0 rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1),0 1px 2px 0 rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.06);--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));--mds-input-date-transition-duration:var(--duration-300,.3s);--private-input-date-transition-duration:var(--mds-input-date-transition-duration);font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--radius-2xl,24px);color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);container-type:inline-size;display:flex;gap:calc(var(--spacing,.0025rem)*200);overflow:visible;position:relative;--mds-input-date-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-date-variant-color-rgb:0 0 0}.input::-webkit-calendar-picker-indicator{appearance:textfield;display:none}.input{font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:inherit;box-sizing:border-box;color:inherit;corner-shape:inherit;background-color:#0000;border:0;margin:0;overflow:hidden;text-overflow:ellipsis;-webkit-transition-duration:var(--private-input-date-transition-duration);transition-duration:var(--private-input-date-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,margin,opacity,padding,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:min-content}:host([empty]) .input{background-color:var(--mds-input-date-field-background-empty,rgb(var(--status-error-10,115 0 0)));color:var(--mds-input-date-field-color-empty,rgb(var(--status-error-06,239 108 105)))}:host([slot]){color:inherit;display:contents}:host([slot]) .input{cursor:text;text-align:center}:host(:not([slot])) .input{background-color:var(--mds-input-date-background,rgb(var(--tone-neutral,0 0 0)));-webkit-box-shadow:var(--mds-input-date-ring),var(--mds-input-date-shadow);box-shadow:var(--mds-input-date-ring),var(--mds-input-date-shadow);min-height:3rem;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);width:100%}:host(:focus-within) .input{--tw-outline-style:none;outline-style:none;transition-duration:var(--default-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--default-transition-timing-function);--mds-input-date-ring:0 0 0 3px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/1);--mds-input-date-shadow:0 4px 6px 3px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1),0 2px 4px -1px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.06);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input::placeholder{color:rgb(var(--tone-neutral-04,218 218 218))}.input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-04,218 218 218))}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{appearance:none;display:none;margin:0}.input:disabled{background-color:rgb(var(--tone-neutral-10,60 60 60))}.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled:-ms-placeholder-shown{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled::-moz-placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled,.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.action-open-calendar-wrapper{align-items:center;aspect-ratio:1;bottom:0;display:flex;justify-content:center;position:absolute;right:0;top:0}.action-open-calendar{--mds-button-color:var(--mds-input-date-icon-color,rgb(var(--variant-primary-03,211 226 255)))}:host([disabled]:not([disabled=false])) .action-open-calendar{-webkit-transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200));transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200))}mds-calendar{min-width:max-content}mds-dropdown{padding:0}mds-input-tip{--mds-input-tip-horizontal-offset:inherit;--mds-input-tip-horizontal-offset-focused:inherit;--mds-input-tip-vertical-offset:inherit;--mds-input-tip-background:inherit}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-calendar,mds-dropdown,mds-input-tip,mds-input-tip-item):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([pref-animation=reduce]){--private-input-date-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-input-date-ring:var(--shadow-outline-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:host([pref-theme=dark]:not([pref-theme-scheme=light])) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}:host([pref-contrast=more]){--mds-input-date-ring:var(--shadow-outline-strong-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:host([pref-contrast=more]) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:host([pref-contrast=more]) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}@supports ((-moz-appearance:none)){.action-open-calendar{display:none}:host(:not([slot])) .input{padding-right:calc(var(--spacing,.0025rem)*400)}}:host(:focus){--mds-input-date-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-date-variant-color-rgb:var(--variant-primary-04,184 208 255)}:host([variant=ai]){--mds-input-date-icon-color:rgb(var(--variant-ai-04,218 199 253));--mds-input-tip-background:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=ai]:focus){--mds-input-date-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-variant-color-rgb:var(--variant-ai-04,218 199 253)}:host([variant=info]){--mds-input-date-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=info]:focus){--mds-input-date-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-date-variant-color-rgb:var(--status-info-04,159 216 241)}:host([variant=success]){--mds-input-date-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=success]:focus){--mds-input-date-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-date-variant-color-rgb:var(--status-success-04,158 222 181)}:host([variant=warning]){--mds-input-date-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=warning]:focus){--mds-input-date-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-date-variant-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=error]){--mds-input-date-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=error]:focus){--mds-input-date-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-date-variant-color-rgb:var(--status-error-04,254 193 189)}@media (forced-colors:active){:host(:focus-within) .input{outline:2px solid #0000;outline-offset:2px}}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-input-date-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-input-date-ring:var(--shadow-outline-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-input-date-ring:var(--shadow-outline-strong-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:is(:host([pref-contrast=system]),:host(:not([pref-contrast]))) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host([pref-contrast=system]),:host(:not([pref-contrast]))) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host([pref-contrast=system]),:host(:not([pref-contrast]))) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}}'};var MdsInputDate=function(){function t(t){var r=this;registerInstance(this,t);this.validationEvent=createEvent(this,"mdsInputValidation");this.valueChange=createEvent(this,"mdsInputDateSelect");if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.isSlotted=false;this.empty=undefined;this.t=new Locale({el:{},en:{},es:{},it:{}});this.touched=false;this.value="";this.variant="primary";this.min=null;this.max=null;this.delay=500;this.disabled=false;this.readonly=false;this.required=false;this.calendarKey=0;this.hasFocus=false;this.handleChange=function(t){var i=t.target;r.touched=true;if(i.value!=="")r.value=i.value;r.validateValue(i.validity.badInput)};this.onBlur=function(t){var i=t.target;r.hasFocus=false;r.value=i.value;r.validateValue(i.validity.badInput)};this.onFocus=function(t){var i=t.target;r.hasFocus=true;if(r.readonly){setTimeout((function(){i.select()}),10)}};this.handleOpenCalendarClick=function(){r.calendarKey+=1};this.handleCalendarChange=function(t){r.value=t.detail.startDate;if(r.delay===0)return;var i=r.dropdownRef;if(i){setTimeout((function(){i.visible=false}),r.delay)}}}t.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=this.t.lang(this.host);return[2]}))}))};t.prototype.handleValue=function(){this.valueChange.emit(this.value);this.validateValue()};t.prototype.validateValue=function(t){if(t===void 0){t=false}var r=DateTime.fromISO(this.value);var i=Boolean(this.value);var e=i&&!r.isValid;var n=this.required&&!i;var a=r.isValid&&(this.max&&DateTime.fromISO(this.max)<r||this.min&&DateTime.fromISO(this.min)>r);if(t||e||n||a){this.isValid=false;this.variant="error";this.internals.setFormValue(null);this.empty=t||e?true:undefined}else{this.isValid=true;this.variant="primary";this.internals.setFormValue(this.value);this.empty=undefined}this.validationEvent.emit(this.isValid)};t.prototype.focusInput=function(){return __awaiter(this,void 0,void 0,(function(){var t,r;return __generator(this,(function(i){r=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".input");r.focus();return[2]}))}))};t.prototype.setValue=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.value=t;this.validateValue();return[2,Promise.resolve()]}))}))};t.prototype.getErrors=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,Promise.resolve(this.isValid?null:{error:""})]}))}))};t.prototype.formResetCallback=function(){this.internals.setFormValue("")};t.prototype.connectedCallback=function(){var t=this;this.unsubscribePrefAnimation=subscribePreference("animation",(function(r){t.prefAnimation=r}));this.unsubscribePrefContrast=subscribePreference("contrast",(function(r){t.prefContrast=r}));this.unsubscribePrefTheme=subscribePreference("theme",(function(r){t.prefTheme=r}));this.unsubscribePrefThemeScheme=subscribePreference("theme-scheme",(function(r){t.prefThemeScheme=r}))};t.prototype.disconnectedCallback=function(){var t,r,i,e;(t=this.unsubscribePrefAnimation)===null||t===void 0?void 0:t.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);(e=this.unsubscribePrefThemeScheme)===null||e===void 0?void 0:e.call(this)};t.prototype.componentWillLoad=function(){this.isSlotted=!(this.host.getAttribute("slot")===null||this.host.getAttribute("slot")==="");this.value=this.value||"";this.language=this.t.lang(this.host);if(this.min!==null&&this.min!==""&&this.max!==null&&this.max!==""){var t=DateTime.fromISO(this.min);var r=DateTime.fromISO(this.max);if(r<t){this.max=this.min}}this.validateValue()};t.prototype.render=function(){var t=this;return h(Host,{key:"4d896aae88a4637f371861ee251e2337530baded",empty:this.empty,"pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},h("input",{key:"5e58df1c7b4e43e9c31c2660d31180efd2ac813e",value:this.value,id:"dateInput",class:"input",part:"input-date",type:"date",disabled:this.disabled,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.handleChange,onChange:this.handleChange}),!this.isSlotted&&h("div",{key:"bd68590ff1bbbc0a3a744e44e88d6a3bca11fdca",class:"action-open-calendar-wrapper"},h("mds-button",{key:"f3bd3316bce646eb4df4eb368a952096397447e7",id:"calendar-dropdown",class:"action-open-calendar",disabled:this.disabled,variant:"dark",tone:"text",icon:miBaselineCalendarToday,onClick:this.handleOpenCalendarClick})),h("mds-input-tip",{key:"9f4264859de66046a3761ec96083c09c53bdced9",lang:this.language,position:"top",active:this.hasFocus},this.disabled&&h("mds-input-tip-item",{key:"8be9f58f10be7407d6c76d5e7b79e2faaa6aaa86",expanded:true,variant:"disabled"}),this.readonly&&h("mds-input-tip-item",{key:"144bce0f9a1a67593be23decd4a59e34c342b359",expanded:true,variant:"readonly"}),this.required&&h("mds-input-tip-item",{key:"efcafab1b01ddb3983299273dbddae86af6f621d",expanded:this.hasFocus,variant:this.isValid?"required-success":"required"})),!this.isSlotted&&h("mds-dropdown",{key:"df129e18751e4312509dc60ea4538fb4797071ff",placement:"bottom-end","disable-auto-placement":true,ref:function(r){return t.dropdownRef=r},target:"#calendar-dropdown"},h("mds-calendar",Object.assign({key:this.calendarKey,rangePicker:false,lang:this.language,onMdsCalendarChange:this.handleCalendarChange,startDate:this.value},this.min!==null&&this.min!==""?{min:this.min}:{},this.max!==null&&this.max!==""?{max:this.max}:{}))))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:[{handleValue:0}]}},enumerable:false,configurable:true});return t}();MdsInputDate.style=mdsInputDateCss();export{MdsInputDate as mds_input_date};

package/dist/esm-es5/mds-input-field.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";var mdsInputFieldCss=function(){return"@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-input-field-message-color:rgb(var(--tone-neutral-03,233 233 233));--mds-input-field-message-background:rgb(var(--tone-neutral-10,60 60 60))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-input-field-message-color:rgb(var(--tone-neutral-03,233 233 233));--mds-input-field-message-background:rgb(var(--tone-neutral-10,60 60 60));color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);display:grid;gap:calc(var(--spacing,.0025rem)*300)}.message-window{border-radius:var(--radius-2xl,24px);color:var(--mds-input-field-message-color,rgb(var(--tone-neutral-03,233 233 233)));corner-shape:inherit;background-color:#0000;display:grid;gap:0;padding:0;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,color,gap,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.message-window:has(.message:not(:empty)){background-color:var(--mds-input-field-message-background,rgb(var(--tone-neutral-10,60 60 60)));gap:calc(var(--spacing,.0025rem)*200);padding:calc(var(--spacing,.0025rem)*200)}.message{interpolate-size:allow-keywords;display:flex;flex-direction:column;height:auto;padding:calc(var(--spacing,.0025rem)*100) calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*200);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:height,margin-top,opacity,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.message:empty{height:0;max-height:0;opacity:0;padding:0}.label:empty{display:none}.content{container:content/inline-size;display:flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*200)}::slotted(:first-child){flex-grow:1}::slotted(:not(:first-child)){flex-shrink:0}@container content (max-width:300px){::slotted(*){flex-grow:1;min-width:100%}}:host([variant=ai]){--mds-input-field-message-color:rgb(var(--variant-ai-02,242 235 254));--mds-input-field-message-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=info]){--mds-input-field-message-color:rgb(var(--status-info-02,222 242 250));--mds-input-field-message-background:rgb(var(--status-info-09,0 73 116))}:host([variant=success]){--mds-input-field-message-color:rgb(var(--status-success-02,222 244 228));--mds-input-field-message-background:rgb(var(--status-success-09,0 82 9))}:host([variant=warning]){--mds-input-field-message-color:rgb(var(--status-warning-02,255 237 185));--mds-input-field-message-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=error]){--mds-input-field-message-color:rgb(var(--status-error-02,255 234 231));--mds-input-field-message-background:rgb(var(--status-error-09,135 0 14))}"};var MdsInputField=function(){function e(e){registerInstance(this,e);this.variant="primary"}e.prototype.handleValidation=function(e){var t=this;e.getErrors().then((function(e){if(e!=null){t.variant="error";var r=Object.entries(e).map((function(e){return e[1]})).filter((function(e){return e}));t.message=r.length!==0?r.join(";"):undefined;return}t.variant="success";t.message=undefined}))};e.prototype.componentDidLoad=function(){var e=this;var t=this.slotInput.assignedElements()[0];if(t==null)throw new Error("Mds input not found");t.addEventListener("mdsInputValidation",(function(){return e.handleValidation(t)}))};e.prototype.render=function(){var e=this;var t;return h(Host,{key:"7d2b6e591f2da90402eef9c453b6b229d04f56f8"},h("mds-text",{key:"6058dec040f453a65f5d34c8d16ddf786ade620f",class:"label",typography:"label"},this.label),h("div",{key:"dda1efd3aed92889c8aa28d5958630d304f81f9e",class:"message-window"},h("div",{key:"66196e8f4f024dbbd2c59dc6c8d00b46b4997ff4",class:"content",part:"content"},h("slot",{key:"ba8af714da43300a70833acbd281bfe19c5d3e4b",ref:function(t){return e.slotInput=t}})),h("div",{key:"dbc5d405bb47cd7f3d730d3732e2ef0c49d9bfc6",class:"message"},(t=this.message)===null||t===void 0?void 0:t.split(";").map((function(e,t){return h("mds-text",{typography:"caption",key:t},e)})))))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsInputField.style=mdsInputFieldCss();export{MdsInputField as mds_input_field};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";var mdsInputFieldCss=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-input-field-message-color:rgb(var(--tone-neutral-03,233 233 233));--mds-input-field-message-background:rgb(var(--tone-neutral-10,60 60 60))}}}:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-input-field-message-color:rgb(var(--tone-neutral-03,233 233 233));--mds-input-field-message-background:rgb(var(--tone-neutral-10,60 60 60));color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);display:grid;gap:calc(var(--spacing,.0025rem)*300)}.message-window{border-radius:var(--radius-2xl,24px);color:var(--mds-input-field-message-color,rgb(var(--tone-neutral-03,233 233 233)));corner-shape:inherit;background-color:#0000;display:grid;gap:0;padding:0;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,color,gap,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.message-window:has(.message:not(:empty)){background-color:var(--mds-input-field-message-background,rgb(var(--tone-neutral-10,60 60 60)));gap:calc(var(--spacing,.0025rem)*200);padding:calc(var(--spacing,.0025rem)*200)}.message{interpolate-size:allow-keywords;display:flex;flex-direction:column;height:auto;padding:calc(var(--spacing,.0025rem)*100) calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*200);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:height,margin-top,opacity,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.message:empty{height:0;max-height:0;opacity:0;padding:0}.label:empty{display:none}.content{container:content/inline-size;display:flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*200)}::slotted(:first-child){flex-grow:1}::slotted(:not(:first-child)){flex-shrink:0}@container content (max-width:300px){::slotted(*){flex-grow:1;min-width:100%}}:host([variant=ai]){--mds-input-field-message-color:rgb(var(--variant-ai-02,242 235 254));--mds-input-field-message-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=info]){--mds-input-field-message-color:rgb(var(--status-info-02,222 242 250));--mds-input-field-message-background:rgb(var(--status-info-09,0 73 116))}:host([variant=success]){--mds-input-field-message-color:rgb(var(--status-success-02,222 244 228));--mds-input-field-message-background:rgb(var(--status-success-09,0 82 9))}:host([variant=warning]){--mds-input-field-message-color:rgb(var(--status-warning-02,255 237 185));--mds-input-field-message-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=error]){--mds-input-field-message-color:rgb(var(--status-error-02,255 234 231));--mds-input-field-message-background:rgb(var(--status-error-09,135 0 14))}:host([variant=info]) ::slotted(mds-input){--mds-input-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-variant-color-rgb:0 0 0}:host([variant=info]) ::slotted(mds-input:focus){--mds-input-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-variant-color-rgb:var(--status-info-04,159 216 241)}:host([variant=warning]) ::slotted(mds-input){--mds-input-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-variant-color-rgb:0 0 0}:host([variant=warning]) ::slotted(mds-input:focus){--mds-input-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-variant-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=success]) ::slotted(mds-input){--mds-input-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-variant-color-rgb:0 0 0}:host([variant=success]) ::slotted(mds-input:focus){--mds-input-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-variant-color-rgb:var(--status-success-04,158 222 181)}:host([variant=error]) ::slotted(mds-input){--mds-input-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-variant-color-rgb:0 0 0}:host([variant=error]) ::slotted(mds-input:focus){--mds-input-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-variant-color-rgb:var(--status-error-04,254 193 189)}"};var MdsInputField=function(){function t(t){registerInstance(this,t);this.variant="primary"}t.prototype.handleValidation=function(t){var r=this;t.getErrors().then((function(t){if(t!=null){r.variant="error";var a=Object.entries(t).map((function(t){return t[1]})).filter((function(t){return t}));r.message=a.length!==0?a.join(";"):undefined;return}r.variant="success";r.message=undefined}))};t.prototype.componentDidLoad=function(){var t=this;var r=this.slotInput.assignedElements()[0];if(r==null)throw new Error("Mds input not found");r.addEventListener("mdsInputValidation",(function(){return t.handleValidation(r)}))};t.prototype.render=function(){var t=this;var r;return h(Host,{key:"7d2b6e591f2da90402eef9c453b6b229d04f56f8"},h("mds-text",{key:"6058dec040f453a65f5d34c8d16ddf786ade620f",class:"label",typography:"label"},this.label),h("div",{key:"dda1efd3aed92889c8aa28d5958630d304f81f9e",class:"message-window"},h("div",{key:"66196e8f4f024dbbd2c59dc6c8d00b46b4997ff4",class:"content",part:"content"},h("slot",{key:"ba8af714da43300a70833acbd281bfe19c5d3e4b",ref:function(r){return t.slotInput=r}})),h("div",{key:"dbc5d405bb47cd7f3d730d3732e2ef0c49d9bfc6",class:"message"},(r=this.message)===null||r===void 0?void 0:r.split(";").map((function(t,r){return h("mds-text",{typography:"caption",key:r},t)})))))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsInputField.style=mdsInputFieldCss();export{MdsInputField as mds_input_field};

package/dist/esm-es5/mds-input-otp.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";var mdsInputOtpCss=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 reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host{display:inline-flex;gap:calc(var(--spacing,.0025rem)*400)}.input{width:calc(var(--spacing,.0025rem)*1200)}.input::part(field){text-align:center}.input::part(tip-count){display:none}"};var MdsInputOtp=function(){function e(e){var t=this;registerInstance(this,e);if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this.length=6;this.autosubmit=false;this.value="";this.getOtpCode=function(){var e=Array.from(t.element.shadowRoot.querySelectorAll("mds-input"));var n=e.map((function(e){return e.value})).join("");return n};this.setOtpDigit=function(e,n){e.value=n;var r=t.getOtpCode();t.value=r;t.internals.setFormValue(r)};this.submit=function(e){var n;var r=t.getOtpCode().length===t.length;e.blur();if(t.autosubmit&&r){(n=t.internals.form)===null||n===void 0?void 0:n.requestSubmit()}};this.handleKeyDown=function(e){if(e.ctrlKey){return}e.preventDefault();if(isNaN(Number(e.key))){return}var n=e.target;t.setOtpDigit(n,e.key);var r=n.nextElementSibling;if(r!=null){r.setFocus()}else{t.submit(n)}};this.handlePaste=function(e){var n,r;e.preventDefault();var i=(n=e.clipboardData)===null||n===void 0?void 0:n.getData("text");if(isNaN(Number(i))){return}var s=(r=i===null||i===void 0?void 0:i.split(""))!==null&&r!==void 0?r:[];var a=e.target;for(var o=0,u=s;o<u.length;o++){var l=u[o];t.setOtpDigit(a,l);a=a.nextElementSibling;if(a!=null){a.setFocus()}else{t.submit(a);return}}}}e.prototype.render=function(){var e=this;return h(Host,{key:"b8ed6443032efcace51ea84c5dbae2533796a7f7"},Array.from({length:this.length}).map((function(){return h("mds-input",{class:"input",maxlength:1,onKeyDown:e.handleKeyDown,onPaste:e.handlePaste})})))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsInputOtp.style=mdsInputOtpCss();export{MdsInputOtp as mds_input_otp};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";var mdsInputOtpCss=function(){return"@layer reset,vendor,theme,base,components,utilities;:host{display:inline-flex;gap:calc(var(--spacing,.0025rem)*400)}.input{width:calc(var(--spacing,.0025rem)*1200)}.input::part(field){text-align:center}.input::part(tip-count){display:none}"};var MdsInputOtp=function(){function t(t){var e=this;registerInstance(this,t);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.length=6;this.autosubmit=false;this.value="";this.getOtpCode=function(){var t=Array.from(e.element.shadowRoot.querySelectorAll("mds-input"));var n=t.map((function(t){return t.value})).join("");return n};this.setOtpDigit=function(t,n){t.value=n;var r=e.getOtpCode();e.value=r;e.internals.setFormValue(r)};this.submit=function(t){var n;var r=e.getOtpCode().length===e.length;t.blur();if(e.autosubmit&&r){(n=e.internals.form)===null||n===void 0?void 0:n.requestSubmit()}};this.handleKeyDown=function(t){if(t.ctrlKey){return}t.preventDefault();if(isNaN(Number(t.key))){return}var n=t.target;e.setOtpDigit(n,t.key);var r=n.nextElementSibling;if(r!=null){r.setFocus()}else{e.submit(n)}};this.handlePaste=function(t){var n,r;t.preventDefault();var i=(n=t.clipboardData)===null||n===void 0?void 0:n.getData("text");if(isNaN(Number(i))){return}var s=(r=i===null||i===void 0?void 0:i.split(""))!==null&&r!==void 0?r:[];var a=t.target;for(var u=0,o=s;u<o.length;u++){var l=o[u];e.setOtpDigit(a,l);a=a.nextElementSibling;if(a!=null){a.setFocus()}else{e.submit(a);return}}}}t.prototype.render=function(){var t=this;return h(Host,{key:"b8ed6443032efcace51ea84c5dbae2533796a7f7"},Array.from({length:this.length}).map((function(){return h("mds-input",{class:"input",maxlength:1,onKeyDown:t.handleKeyDown,onPaste:t.handlePaste})})))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsInputOtp.style=mdsInputOtpCss();export{MdsInputOtp as mds_input_otp};