@maggioli-design-system/magma 1.11.7 → 1.12.0

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,d,e,r){function a(t){return t instanceof e?t:new e((function(d){d(t)}))}return new(e||(e=Promise))((function(e,n){function i(t){try{o(r.next(t))}catch(t){n(t)}}function s(t){try{o(r["throw"](t))}catch(t){n(t)}}function o(t){t.done?e(t.value):a(t.value).then(i,s)}o((r=r.apply(t,d||[])).next())}))};var __generator=this&&this.__generator||function(t,d){var e={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},r,a,n,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(t){return function(d){return o([t,d])}}function o(s){if(r)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(e=0)),e)try{if(r=1,a&&(n=s[0]&2?a["return"]:s[0]?a["throw"]||((n=a["return"])&&n.call(a),0):a.next)&&!(n=n.call(a,s[1])).done)return n;if(a=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=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(!(n=e.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){e=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){e.label=s[1];break}if(s[0]===6&&e.label<n[1]){e.label=n[1];n=s;break}if(n&&e.label<n[2]){e.label=n[2];e.ops.push(s);break}if(n[2])e.ops.pop();e.trys.pop();continue}s=d.call(t,e)}catch(t){s=[6,t];a=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-7f153b9b.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=':host{--mds-header-bar-hamburger-color:rgb(var(--tone-neutral-03));padding-left:1.5rem;padding-right:1.5rem;padding-top:1rem;padding-bottom:1rem;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:rgb(var(--tone-neutral));-webkit-box-shadow:0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);box-shadow:0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);display:-ms-flexbox;display:flex;inset:0 0 auto;interpolate-size:allow-keywords;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto;max-width:100%;position:fixed;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-property:background-color, border-radius, margin, max-width, width, -webkit-transform;transition-property:background-color, border-radius, margin, max-width, width, -webkit-transform;transition-property:background-color, border-radius, margin, max-width, transform, width;transition-property:background-color, border-radius, margin, max-width, transform, width, -webkit-transform;width:auto;z-index:var(--mds-header-z-index, 1000)}.logo{color:inherit;display:-ms-flexbox;display:flex}.content{max-width:1280px;gap:1rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:justify;justify-content:space-between}.actions{gap:1.5rem;display:-ms-flexbox;display:flex}.nav{gap:1rem;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0}.menu{--mds-button-border-opacity:0;fill:var(--mds-header-bar-hamburger-color);padding:0}.menu::part(icon){width:2rem}@media (max-width: 1023px){:host([menu="desktop"]) .menu,:host([nav="desktop"]) .nav{display:none}}@media (min-width: 1024px){:host([menu="mobile"]) .menu,:host([nav="mobile"]) .nav{display:none}}:host([menu="none"]) .menu,:host([nav="none"]) .nav{display:none}:host-context(.pref-animation-reduce){-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-theme-dark){background-color:rgb(var(--tone-neutral-10));-webkit-box-shadow:0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);box-shadow:0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){background-color:rgb(var(--tone-neutral-10));-webkit-box-shadow:0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);box-shadow:0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)}}:host-context(.pref-contrast-more){--mds-header-bar-hamburger-color:rgb(var(--tone-neutral-01));-webkit-box-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);box-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25)}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-header-bar-hamburger-color:rgb(var(--tone-neutral-01));-webkit-box-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);box-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25)}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}';var MdsHeaderBarStyle0=mdsHeaderBarCss;var MdsHeaderBar=function(){function t(t){var d=this;registerInstance(this,t);this.openedEvent=createEvent(this,"mdsHeaderBarOpen",7);this.menu="mobile";this.nav="desktop";this.open=function(){var t;d.isOpened=true;d.openedEvent.emit();(t=d.host.closest("mds-header"))===null||t===void 0?void 0:t.setOpened(true)}}t.prototype.componentWillLoad=function(){this.hasNav=this.host.querySelector(':scope > [slot="nav"]')!==null};t.prototype.setOpened=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=true}return __generator(this,(function(d){this.isOpened=t;return[2]}))}))};t.prototype.render=function(){return h(Host,{key:"f8dff045e6be9b205bbee68f373ae90ad6f74709"},h("div",{key:"c8d0ab25b9ef9c65c95ab7d637f398716a9ccd69",class:"content",part:"content"},h("div",{key:"8f638de0bc8f252412960300bcbd08eb4507eb97",class:"logo"},h("slot",{key:"a663ac9cc2b1e560a3e124622a0e37ddc939f828"})),h("div",{key:"769051e97bc1487231f9a604c998c555618b96c5",class:"actions",part:"actions"},this.nav!=="none"&&this.hasNav&&h("nav",{key:"56c2c94577457bec5f1799a3ac8b0b975cca6862",class:"nav",part:"nav"},h("slot",{key:"1eae94afa33201e1c3840d848664d36f3e93730c",name:"nav"})),this.menu!=="none"&&h("mds-button",{key:"8ef11e0014ef070974fbef39824cc1ca380d0ce9",class:"menu",variant:"dark",tone:"quiet",icon:miRoundMenu,onClick:this.open,part:"hamburger"}))))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsHeaderBar.style=MdsHeaderBarStyle0;export{MdsHeaderBar as mds_header_bar};
+var __awaiter=this&&this.__awaiter||function(t,d,e,r){function a(t){return t instanceof e?t:new e((function(d){d(t)}))}return new(e||(e=Promise))((function(e,n){function i(t){try{o(r.next(t))}catch(t){n(t)}}function s(t){try{o(r["throw"](t))}catch(t){n(t)}}function o(t){t.done?e(t.value):a(t.value).then(i,s)}o((r=r.apply(t,d||[])).next())}))};var __generator=this&&this.__generator||function(t,d){var e={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},r,a,n,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(t){return function(d){return o([t,d])}}function o(s){if(r)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(e=0)),e)try{if(r=1,a&&(n=s[0]&2?a["return"]:s[0]?a["throw"]||((n=a["return"])&&n.call(a),0):a.next)&&!(n=n.call(a,s[1])).done)return n;if(a=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=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(!(n=e.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){e=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){e.label=s[1];break}if(s[0]===6&&e.label<n[1]){e.label=n[1];n=s;break}if(n&&e.label<n[2]){e.label=n[2];e.ops.push(s);break}if(n[2])e.ops.pop();e.trys.pop();continue}s=d.call(t,e)}catch(t){s=[6,t];a=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-7f153b9b.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=':host{--mds-header-bar-hamburger-color:rgb(var(--tone-neutral-03));padding-left:1.5rem;padding-right:1.5rem;padding-top:1rem;padding-bottom:1rem;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:rgb(var(--tone-neutral));-webkit-box-shadow:0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);box-shadow:0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);display:-ms-flexbox;display:flex;inset:0 0 auto;interpolate-size:allow-keywords;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto;max-width:100%;position:fixed;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-property:background-color, border-radius, margin, max-width, width, -webkit-transform;transition-property:background-color, border-radius, margin, max-width, width, -webkit-transform;transition-property:background-color, border-radius, margin, max-width, transform, width;transition-property:background-color, border-radius, margin, max-width, transform, width, -webkit-transform;width:auto;z-index:var(--mds-header-z-index, 1000)}.logo{color:inherit;display:-ms-flexbox;display:flex}.content{max-width:1280px;gap:1rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:justify;justify-content:space-between}.actions{gap:1.5rem;display:-ms-flexbox;display:flex}.nav{gap:1rem;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0}.menu{--mds-button-border-opacity:0;fill:var(--mds-header-bar-hamburger-color);padding:0}.menu::part(icon){width:2rem}@media (max-width: 1023px){:host([menu="desktop"]) .menu,:host([nav="desktop"]) .nav{display:none}}@media (min-width: 1024px){:host([menu="mobile"]) .menu,:host([nav="mobile"]) .nav{display:none}}:host([menu="none"]) .menu,:host([nav="none"]) .nav{display:none}:host-context(.pref-animation-reduce){-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-theme-dark){background-color:rgb(var(--tone-neutral-10));-webkit-box-shadow:0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);box-shadow:0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){background-color:rgb(var(--tone-neutral-10));-webkit-box-shadow:0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);box-shadow:0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)}}:host-context(.pref-contrast-more){--mds-header-bar-hamburger-color:rgb(var(--tone-neutral-01));-webkit-box-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);box-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25)}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-header-bar-hamburger-color:rgb(var(--tone-neutral-01));-webkit-box-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);box-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25)}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}';var MdsHeaderBarStyle0=mdsHeaderBarCss;var MdsHeaderBar=function(){function t(t){var d=this;registerInstance(this,t);this.openedEvent=createEvent(this,"mdsHeaderBarOpen",7);this.menu="mobile";this.nav="desktop";this.open=function(){var t;d.isOpened=true;d.openedEvent.emit();(t=d.host.closest("mds-header"))===null||t===void 0?void 0:t.setOpened(true)}}t.prototype.componentWillLoad=function(){this.hasNav=this.host.querySelector(':scope > [slot="nav"]')!==null};t.prototype.setOpened=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=true}return __generator(this,(function(d){this.isOpened=t;return[2]}))}))};t.prototype.render=function(){return h(Host,{key:"4f05a5967beb2dc2176612fd9a1c4c762d732d36"},h("div",{key:"d0a9f9d2f21b4f1ec90d843662ddee100d4a8224",class:"content",part:"content"},h("div",{key:"95dba7bda54e9615745c1dbce97877d6c270dfd7",class:"logo"},h("slot",{key:"928754982fc5c8037dda2e96d1b13737681d9229"})),h("div",{key:"b323873b3ab16269815bbc3c8f01299981fcb684",class:"actions",part:"actions"},this.nav!=="none"&&this.hasNav&&h("nav",{key:"72788eba14482c7cb1020016094526370e333609",class:"nav",part:"nav"},h("slot",{key:"6b46a30da15b1960770192f161e8c2c8fcd4dd97",name:"nav"})),this.menu!=="none"&&h("mds-button",{key:"88abd41f054df676ab99e597f172978ef3883bc8",class:"menu",variant:"dark",tone:"quiet",icon:miRoundMenu,onClick:this.open,part:"hamburger"}))))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsHeaderBar.style=MdsHeaderBarStyle0;export{MdsHeaderBar as mds_header_bar};

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,n,t,d){function r(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,a){function i(e){try{o(d.next(e))}catch(e){a(e)}}function s(e){try{o(d["throw"](e))}catch(e){a(e)}}function o(e){e.done?t(e.value):r(e.value).then(i,s)}o((d=d.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},d,r,a,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(n){return o([e,n])}}function o(s){if(d)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(t=0)),t)try{if(d=1,r&&(a=s[0]&2?r["return"]:s[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,s[1])).done)return a;if(r=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;r=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){t.label=s[1];break}if(s[0]===6&&t.label<a[1]){t.label=a[1];a=s;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(s);break}if(a[2])t.ops.pop();t.trys.pop();continue}s=n.call(e,t)}catch(e){s=[6,e];r=0}finally{d=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-7f153b9b.js";var mdsHeaderCss='/**\n * @prop --mds-header-backdrop-background-image: Sets the background-image of the backdrop element visibile when the component attribute `appearance` is set to `inline`, by default is shown when mds-pref-consumtion is set to `medium`\n * @prop --mds-header-backdrop-filter: Sets the backdrop-filter of the backdrop element visibile when the component attribute `appearance` is set to `inline`, by default is shown when mds-pref-consumtion is set to `high`\n * @prop --mds-header-backdrop-height: Sets the height of the backdrop element visibile when the component attribute `appearance` is set to `inline`\n * @prop --mds-header-backdrop-show: Sets if the backdrop element is visible or not, only visible when the component attribute `appearance` is set to `inline`\n * @prop --mds-header-color: Sets the text color of the header and the mobile toggler icon\n * @prop --mds-header-hidden-bar-translate-inline: Sets translateY value for the appearance inline `mds-header-bar` element\n * @prop --mds-header-hidden-bar-translate-stripe: Sets translateY value for the appearance stripe `mds-header-bar` element\n * @prop --mds-header-icon-color: Sets the color of the icon toggler\n * @prop --mds-header-inline-margin-mobile: Sets inline margin on mobile viewport of `the mds-header-bar` when attribute `appearance` is set to `inline`\n * @prop --mds-header-inline-margin: Sets inline margin of `the mds-header-bar` when attribute `appearance` is set to `inline`\n * @prop --mds-header-z-index: Sets the z-index of the modal\n */\n\n:host {\n  --mds-header-color: rgb(var(--tone-neutral-02));\n  --mds-header-hidden-bar-translate-inline: translateY(-150%);\n  --mds-header-hidden-bar-translate-stripe: translateY(-110%);\n  --mds-header-icon-color: var(--mds-header-color, rgb(var(--tone-neutral-02)));\n  --mds-header-modal-icon-color: rgb(var(--tone-neutral));\n  --mds-header-backdrop-filter: blur(10px);\n  --mds-header-backdrop-background-image: linear-gradient(to top, rgb(0 0 0 / 0), rgb(0 0 0 / 0.15));\n  --mds-header-backdrop-height: 4rem;\n  --mds-header-backdrop-show: true;\n  --mds-header-z-index: var(--magma-header-z-index, 1000);\n  --mds-header-inline-margin-mobile: 1rem;\n  --mds-header-inline-margin: 1.5rem;\n\n  color: var(--mds-header-color);\n  fill: var(--mds-header-icon-color);\n  position: relative;\n  z-index: var(--mds-header-z-index);\n}\n\n.modal {\n  --mds-modal-close-icon-color: var(--mds-header-modal-icon-color);\n\n  z-index: var(--mds-header-z-index);\n}\n\n:host([appearance="inline"]) ::slotted(mds-header-bar) {\n  --mds-header-inline-margin-current: var(--mds-header-inline-margin);\n  max-width: 1280px;\n  border-radius: 0.5rem;\n\n  margin-bottom: var(--mds-header-inline-margin-current);\n  margin-top: var(--mds-header-inline-margin-current);\n  width: calc(100% - calc(var(--mds-header-inline-margin-current) * 2));\n}\n\n@media (width <= 767px) {\n  :host([appearance="inline"]) ::slotted(mds-header-bar) {\n    --mds-header-inline-margin-current: var(--mds-header-inline-margin-mobile);\n  }\n}\n\n@media (max-width: 1023px) {\n\n  :host([menu="desktop"]) .menu {\n    display: none;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  :host([menu="mobile"]) .menu {\n    display: none;\n  }\n}\n\n:host([menu="none"]) .menu {\n  display: none;\n}\n\n:host([visibility="hidden"][appearance="stripe"]) ::slotted(mds-header-bar) {\n  -webkit-transform: var(--mds-header-hidden-bar-translate-stripe);\n  transform: var(--mds-header-hidden-bar-translate-stripe);\n}\n\n:host([visibility="hidden"][appearance="inline"]) ::slotted(mds-header-bar) {\n  -webkit-transform: var(--mds-header-hidden-bar-translate-inline);\n  transform: var(--mds-header-hidden-bar-translate-inline);\n}\n\n.backdrop {\n  -ms-flex-align: center;\n  align-items: center;\n  -webkit-backdrop-filter: var(--mds-header-backdrop-filter);\n  backdrop-filter: var(--mds-header-backdrop-filter);\n  background-image: var(--mds-header-backdrop-background-image);\n  content: \'\';\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-header-backdrop-height);\n  inset: 0;\n  opacity: 1;\n  position: fixed;\n  -webkit-transform: translate(0, 0);\n  transform: translate(0, 0);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-property: opacity, -webkit-transform;\n  transition-property: opacity, -webkit-transform;\n  transition-property: opacity, transform;\n  transition-property: opacity, transform, -webkit-transform;\n  width: 100%;\n\n\n  /* should blurs the blur effect but not blurring */\n\n  /* mask-image: linear-gradient(rgb(0 0 0 / 1), transparent); */\n}\n\n:host([appearance="inline"]) .backdrop {\n  opacity: 1;\n  -webkit-transform: translate(0, 0);\n  transform: translate(0, 0);\n}\n\n:host([visibility="hidden"]) .backdrop,\n:host([appearance="stripe"]) .backdrop {\n  opacity: 0;\n  -webkit-transform: translate(0, -100%);\n  transform: translate(0, -100%);\n}\n\n@container style(--mds-header-backdrop-show: false) {\n  :host-context(:not(.safari)) .backdrop {\n    display: none;\n  }\n}\n\n:host-context(.pref-theme-dark) {\n  --mds-header-modal-icon-color: rgb(var(--tone-neutral-01));\n}\n\n@media (prefers-color-scheme: dark) {\n  :host-context(.pref-theme-system) {\n    --mds-header-modal-icon-color: rgb(var(--tone-neutral-01));\n  }\n}\n\n:host-context(.pref-consumption-high) .backdrop {\n  --mds-header-backdrop-background-image: none;\n}\n\n:host-context(.pref-consumption-medium) .backdrop {\n  --mds-header-backdrop-filter: none;\n}\n\n:host-context(.pref-consumption-low) .backdrop {\n  display: none;\n}\n\n:host(:not(:is([hydrated], .hydrated))) {\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n';var MdsHeaderStyle0=mdsHeaderCss;var MdsHeader=function(){function e(e){var n=this;registerInstance(this,e);this.closedEvent=createEvent(this,"mdsHeaderClose",7);this.visibleEvent=createEvent(this,"mdsHeaderVisibilityChange",7);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 n.host.querySelector(':scope > [slot="menu"]')};this.close=function(){n.isOpened=false;n.closedEvent.emit({bar:n.headerBar});n.headerBar.setOpened(false)};this.handleVisibility=function(){if(!n.autoHide){return}if(window.scrollY<n.autoHide){n.visibility="visible";n.relativeThresholdUp=0;n.relativeTresholdDown=0;n.relativePosition=0;return}if(n.relativeTresholdDown-window.scrollY<=0){n.visibility="hidden";n.relativePosition=n.relativeTresholdDown}if(n.relativeThresholdUp-window.scrollY>=n.threshold){n.visibility="visible";n.relativeThresholdUp=window.scrollY;n.relativePosition=n.relativeThresholdUp}if(n.relativePosition<n.autoHide&&n.autoHide-window.scrollY<=0){n.visibility="hidden";n.relativePosition=n.autoHide}if(window.scrollY>n.relativeThresholdUp){n.relativeThresholdUp=window.scrollY}else{n.relativeTresholdDown=window.scrollY+n.threshold}};this.sanitizeAppearance=function(){if(!n.appearanceSet){return[n.appearance]}var e=/\b(\w+)\b/g;var t=n.appearanceSet.match(e);if(t){return t}return[n.appearance]};this.handleAppearance=function(){var e,t;if(window.scrollY>=n.appearanceThreshold){n.appearance=(e=n.sanitizedAppearance[1])!==null&&e!==void 0?e:n.appearance;return}n.appearance=(t=n.sanitizedAppearance[0])!==null&&t!==void 0?t:n.appearance};this.handleScroll=function(){if(typeof window==="undefined")return;if(n.autoHide){n.handleVisibility()}if(n.sanitizedAppearance.length>1){n.handleAppearance()}};this.setAppearanceSetData=function(){n.sanitizedAppearance=n.sanitizeAppearance();if(n.sanitizedAppearance[2]){n.appearanceThreshold=n.sanitizedAppearance[2]}n.relativeTresholdDown=n.threshold};this.initScrollListener=function(){if(!window){return}n.setAppearanceSetData();window.addEventListener("scroll",n.handleScroll)};this.defineHeaderBar=function(){n.headerBar=n.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(n){this.isOpened=e;return[2]}))}))};e.prototype.disconnectedCallback=function(){if(!window){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,n){if(e===n){return}if(this.headerBar){this.headerBar.menu=e}};e.prototype.onNavChangedHandler=function(e,n){if(e===n){return}if(this.headerBar){this.headerBar.nav=e}};e.prototype.onAppearanceSetChangedHandler=function(){this.setAppearanceSetData()};e.prototype.handleVisibilityChange=function(e,n){if(e!==n){this.visibleEvent.emit({visibility:e})}};e.prototype.render=function(){return h(Host,{key:"ed4faa9268044cc9b6046ff39cda66f7553a0043"},this.backdrop&&h("div",{key:"bb88d582b85506376e70e623c5d536392737eac7",class:"backdrop"}),h("slot",{key:"3e3b3b5b19de464572e1a2f1ac3be1b810c41af6"}),this.hasMenu&&h("div",{key:"9bd8c9c2e49b2b2b5df5c6aa69e065a628e1508e",class:"menu",part:"menu"},h("mds-modal",{key:"50de497869acb91e1a3df249c48063aa1a999ad0",class:"modal",opened:this.isOpened,onMdsModalClose:this.close,position:"right"},h("slot",{key:"0d8173ec63daaf17959d2aaec7ffbfbfab9daa24",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"],nav:["onNavChangedHandler"],appearanceSet:["onAppearanceSetChangedHandler"],visibility:["handleVisibilityChange"]}},enumerable:false,configurable:true});return e}();MdsHeader.style=MdsHeaderStyle0;export{MdsHeader as mds_header};
+var __awaiter=this&&this.__awaiter||function(e,n,t,d){function r(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,a){function i(e){try{o(d.next(e))}catch(e){a(e)}}function s(e){try{o(d["throw"](e))}catch(e){a(e)}}function o(e){e.done?t(e.value):r(e.value).then(i,s)}o((d=d.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},d,r,a,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(n){return o([e,n])}}function o(s){if(d)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(t=0)),t)try{if(d=1,r&&(a=s[0]&2?r["return"]:s[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,s[1])).done)return a;if(r=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;r=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){t.label=s[1];break}if(s[0]===6&&t.label<a[1]){t.label=a[1];a=s;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(s);break}if(a[2])t.ops.pop();t.trys.pop();continue}s=n.call(e,t)}catch(e){s=[6,e];r=0}finally{d=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-7f153b9b.js";var mdsHeaderCss='/**\n * @prop --mds-header-backdrop-background-image: Sets the background-image of the backdrop element visibile when the component attribute `appearance` is set to `inline`, by default is shown when mds-pref-consumtion is set to `medium`\n * @prop --mds-header-backdrop-filter: Sets the backdrop-filter of the backdrop element visibile when the component attribute `appearance` is set to `inline`, by default is shown when mds-pref-consumtion is set to `high`\n * @prop --mds-header-backdrop-height: Sets the height of the backdrop element visibile when the component attribute `appearance` is set to `inline`\n * @prop --mds-header-backdrop-show: Sets if the backdrop element is visible or not, only visible when the component attribute `appearance` is set to `inline`\n * @prop --mds-header-color: Sets the text color of the header and the mobile toggler icon\n * @prop --mds-header-hidden-bar-translate-inline: Sets translateY value for the appearance inline `mds-header-bar` element\n * @prop --mds-header-hidden-bar-translate-stripe: Sets translateY value for the appearance stripe `mds-header-bar` element\n * @prop --mds-header-icon-color: Sets the color of the icon toggler\n * @prop --mds-header-inline-margin-mobile: Sets inline margin on mobile viewport of `the mds-header-bar` when attribute `appearance` is set to `inline`\n * @prop --mds-header-inline-margin: Sets inline margin of `the mds-header-bar` when attribute `appearance` is set to `inline`\n * @prop --mds-header-z-index: Sets the z-index of the modal\n */\n\n:host {\n  --mds-header-color: rgb(var(--tone-neutral-02));\n  --mds-header-hidden-bar-translate-inline: translateY(-150%);\n  --mds-header-hidden-bar-translate-stripe: translateY(-110%);\n  --mds-header-icon-color: var(--mds-header-color, rgb(var(--tone-neutral-02)));\n  --mds-header-modal-icon-color: rgb(var(--tone-neutral));\n  --mds-header-backdrop-filter: blur(10px);\n  --mds-header-backdrop-background-image: linear-gradient(to top, rgb(0 0 0 / 0), rgb(0 0 0 / 0.15));\n  --mds-header-backdrop-height: 4rem;\n  --mds-header-backdrop-show: true;\n  --mds-header-z-index: var(--magma-header-z-index, 1000);\n  --mds-header-inline-margin-mobile: 1rem;\n  --mds-header-inline-margin: 1.5rem;\n\n  color: var(--mds-header-color);\n  fill: var(--mds-header-icon-color);\n  position: relative;\n  z-index: var(--mds-header-z-index);\n}\n\n.modal {\n  --mds-modal-close-icon-color: var(--mds-header-modal-icon-color);\n\n  z-index: var(--mds-header-z-index);\n}\n\n:host([appearance="inline"]) ::slotted(mds-header-bar) {\n  --mds-header-inline-margin-current: var(--mds-header-inline-margin);\n  max-width: 1280px;\n  border-radius: 0.5rem;\n\n  margin-bottom: var(--mds-header-inline-margin-current);\n  margin-top: var(--mds-header-inline-margin-current);\n  width: calc(100% - calc(var(--mds-header-inline-margin-current) * 2));\n}\n\n@media (width <= 767px) {\n  :host([appearance="inline"]) ::slotted(mds-header-bar) {\n    --mds-header-inline-margin-current: var(--mds-header-inline-margin-mobile);\n  }\n}\n\n@media (max-width: 1023px) {\n\n  :host([menu="desktop"]) .menu {\n    display: none;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  :host([menu="mobile"]) .menu {\n    display: none;\n  }\n}\n\n:host([menu="none"]) .menu {\n  display: none;\n}\n\n:host([visibility="hidden"][appearance="stripe"]) ::slotted(mds-header-bar) {\n  -webkit-transform: var(--mds-header-hidden-bar-translate-stripe);\n  transform: var(--mds-header-hidden-bar-translate-stripe);\n}\n\n:host([visibility="hidden"][appearance="inline"]) ::slotted(mds-header-bar) {\n  -webkit-transform: var(--mds-header-hidden-bar-translate-inline);\n  transform: var(--mds-header-hidden-bar-translate-inline);\n}\n\n.backdrop {\n  -ms-flex-align: center;\n  align-items: center;\n  -webkit-backdrop-filter: var(--mds-header-backdrop-filter);\n  backdrop-filter: var(--mds-header-backdrop-filter);\n  background-image: var(--mds-header-backdrop-background-image);\n  content: \'\';\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-header-backdrop-height);\n  inset: 0;\n  opacity: 1;\n  position: fixed;\n  -webkit-transform: translate(0, 0);\n  transform: translate(0, 0);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-property: opacity, -webkit-transform;\n  transition-property: opacity, -webkit-transform;\n  transition-property: opacity, transform;\n  transition-property: opacity, transform, -webkit-transform;\n  width: 100%;\n\n\n  /* should blurs the blur effect but not blurring */\n\n  /* mask-image: linear-gradient(rgb(0 0 0 / 1), transparent); */\n}\n\n:host([appearance="inline"]) .backdrop {\n  opacity: 1;\n  -webkit-transform: translate(0, 0);\n  transform: translate(0, 0);\n}\n\n:host([visibility="hidden"]) .backdrop,\n:host([appearance="stripe"]) .backdrop {\n  opacity: 0;\n  -webkit-transform: translate(0, -100%);\n  transform: translate(0, -100%);\n}\n\n@container style(--mds-header-backdrop-show: false) {\n  :host-context(:not(.safari)) .backdrop {\n    display: none;\n  }\n}\n\n:host-context(.pref-theme-dark) {\n  --mds-header-modal-icon-color: rgb(var(--tone-neutral-01));\n}\n\n@media (prefers-color-scheme: dark) {\n  :host-context(.pref-theme-system) {\n    --mds-header-modal-icon-color: rgb(var(--tone-neutral-01));\n  }\n}\n\n:host-context(.pref-consumption-high) .backdrop {\n  --mds-header-backdrop-background-image: none;\n}\n\n:host-context(.pref-consumption-medium) .backdrop {\n  --mds-header-backdrop-filter: none;\n}\n\n:host-context(.pref-consumption-low) .backdrop {\n  display: none;\n}\n\n:host(:not(:is([hydrated], .hydrated))) {\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n';var MdsHeaderStyle0=mdsHeaderCss;var MdsHeader=function(){function e(e){var n=this;registerInstance(this,e);this.closedEvent=createEvent(this,"mdsHeaderClose",7);this.visibleEvent=createEvent(this,"mdsHeaderVisibilityChange",7);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 n.host.querySelector(':scope > [slot="menu"]')};this.close=function(){n.isOpened=false;n.closedEvent.emit({bar:n.headerBar});n.headerBar.setOpened(false)};this.handleVisibility=function(){if(!n.autoHide){return}if(window.scrollY<n.autoHide){n.visibility="visible";n.relativeThresholdUp=0;n.relativeTresholdDown=0;n.relativePosition=0;return}if(n.relativeTresholdDown-window.scrollY<=0){n.visibility="hidden";n.relativePosition=n.relativeTresholdDown}if(n.relativeThresholdUp-window.scrollY>=n.threshold){n.visibility="visible";n.relativeThresholdUp=window.scrollY;n.relativePosition=n.relativeThresholdUp}if(n.relativePosition<n.autoHide&&n.autoHide-window.scrollY<=0){n.visibility="hidden";n.relativePosition=n.autoHide}if(window.scrollY>n.relativeThresholdUp){n.relativeThresholdUp=window.scrollY}else{n.relativeTresholdDown=window.scrollY+n.threshold}};this.sanitizeAppearance=function(){if(!n.appearanceSet){return[n.appearance]}var e=/\b(\w+)\b/g;var t=n.appearanceSet.match(e);if(t){return t}return[n.appearance]};this.handleAppearance=function(){var e,t;if(window.scrollY>=n.appearanceThreshold){n.appearance=(e=n.sanitizedAppearance[1])!==null&&e!==void 0?e:n.appearance;return}n.appearance=(t=n.sanitizedAppearance[0])!==null&&t!==void 0?t:n.appearance};this.handleScroll=function(){if(typeof window==="undefined")return;if(n.autoHide){n.handleVisibility()}if(n.sanitizedAppearance.length>1){n.handleAppearance()}};this.setAppearanceSetData=function(){n.sanitizedAppearance=n.sanitizeAppearance();if(n.sanitizedAppearance[2]){n.appearanceThreshold=n.sanitizedAppearance[2]}n.relativeTresholdDown=n.threshold};this.initScrollListener=function(){if(!window){return}n.setAppearanceSetData();window.addEventListener("scroll",n.handleScroll)};this.defineHeaderBar=function(){n.headerBar=n.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(n){this.isOpened=e;return[2]}))}))};e.prototype.disconnectedCallback=function(){if(!window){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,n){if(e===n){return}if(this.headerBar){this.headerBar.menu=e}};e.prototype.onNavChangedHandler=function(e,n){if(e===n){return}if(this.headerBar){this.headerBar.nav=e}};e.prototype.onAppearanceSetChangedHandler=function(){this.setAppearanceSetData()};e.prototype.handleVisibilityChange=function(e,n){if(e!==n){this.visibleEvent.emit({visibility:e})}};e.prototype.render=function(){return h(Host,{key:"5f7a197284f180ab816c563e388a7f8e521e1f05"},this.backdrop&&h("div",{key:"e02d7329e0556d2cee684004faeefcfedf764fcc",class:"backdrop"}),h("slot",{key:"4ed32166f6ace18694cb3f060a6a23c22abc5771"}),this.hasMenu&&h("div",{key:"ee646a278ebeff78208618be2a601a3c0f62d651",class:"menu",part:"menu"},h("mds-modal",{key:"e29e93cd02bd159d4dee010648f8a919140fbb6a",class:"modal",opened:this.isOpened,onMdsModalClose:this.close,position:"right"},h("slot",{key:"2910bffcf16ace95aead03ac16a358599f3f5b06",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"],nav:["onNavChangedHandler"],appearanceSet:["onAppearanceSetChangedHandler"],visibility:["handleVisibilityChange"]}},enumerable:false,configurable:true});return e}();MdsHeader.style=MdsHeaderStyle0;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-7f153b9b.js";import{m as miBaselineArrowBack}from"./arrow-back-62755bde.js";import{m as miBaselineArrowForward}from"./arrow-forward-5e83e053.js";import{c as clsx}from"./clsx-297c1ffe.js";import{b as cssSizeToNumber}from"./unit-3af59d3d.js";var mdsHorizontalScrollCss='/* stylelint-disable media-query-no-invalid */\n@tailwind components;\n\n/**\n * @prop --mds-horizontal-scroll-background: Sets the background-color of the component\n * @prop --mds-horizontal-scroll-behavior: Sets the scroll-behavior animation\n * @prop --mds-horizontal-scroll-dot-area-background: Sets the dot container area color\n * @prop --mds-horizontal-scroll-dot-background: Sets the navigation dot color\n * @prop --mds-horizontal-scroll-dot-max-width: Sets the navigation dot max-width, if you want to avoid is scales in proportion of the container\n * @prop --mds-horizontal-scroll-max-width: Sets the max-width of the slotted elements container, to keep layout limited as the rest of the sections\n * @prop --mds-horizontal-scroll-scrollbar-margin: Sets the margin of the browser scroll bar (if supported)\n * @prop --mds-horizontal-scroll-scrollbar-radius: Sets the border-radius of the browser scroll bar (if supported)\n * @prop --mds-horizontal-scroll-scrollbar-size: Sets the height and width of the browser scroll bar (if supported)\n * @prop --mds-horizontal-scroll-scrollbar-thumb-background: Sets the background-color of the browser scroll bar thumb (if supported)\n * @prop --mds-horizontal-scroll-scrollbar-track-background: Sets the background-color of the browser scroll bar track (if supported)\n */\n\n:host {\n  --mds-horizontal-scroll-behavior: smooth;\n  --mds-horizontal-scroll-dots-gap: 0.25rem;\n  --mds-horizontal-scroll-dot-size: 0.5rem;\n  --mds-horizontal-scroll-dot-max-width: auto;\n  --mds-horizontal-scroll-dot-background: rgb(var(--tone-neutral));\n  --mds-horizontal-scroll-dot-area-background: rgb(var(--tone-neutral-08));\n  --mds-horizontal-scroll-contents-padding: 1.5rem;\n  --mds-horizontal-scroll-contents-scroll-padding: 0 1.5rem;\n  --mds-horizontal-scroll-controls-margin: 3rem;\n  --mds-horizontal-scroll-gap: 1.5rem;\n  --mds-horizontal-scroll-max-width: 1280px;\n  --mds-horizontal-scroll-scrollbar-margin: 0;\n  --mds-horizontal-scroll-scrollbar-radius: 0;\n  --mds-horizontal-scroll-scrollbar-size: 0.5rem;\n  --mds-horizontal-scroll-scrollbar-thumb-background: rgb(var(--tone-neutral-02) 0.3);\n  --mds-horizontal-scroll-scrollbar-track-background: rgb(var(--tone-neutral-06) 0.3);\n\n  /* private custom props, DO NOT OVERRIDE from outside */\n  --max-width: var(--mds-horizontal-scroll-max-width); /* remember @media (width <= theme(\'screens.wide\')) at the bottom */\n  --scroll-margin: calc(((100svw - var(--max-width)) / 2) + (var(--mds-horizontal-scroll-controls-margin) * 2));\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  container-name: mds-horizontal-scroll;\n  container-type: inline-size;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-pack: center;\n  justify-content: center;\n  position: relative;\n  width: 100%;\n}\n\n.navigation {\n  border-radius: 1000px;\n  display: none;\n  padding: 0;\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translate(0, -50%);\n  transform: translate(0, -50%);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-property: opacity, scale, -webkit-transform;\n  transition-property: opacity, scale, -webkit-transform;\n  transition-property: opacity, scale, transform;\n  transition-property: opacity, scale, transform, -webkit-transform;\n}\n\n\n\n.contents {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  gap: var(--mds-horizontal-scroll-gap);\n  overflow: auto;\n  padding-bottom: var(--mds-horizontal-scroll-contents-padding);\n  padding-top: var(--mds-horizontal-scroll-contents-padding);\n  position: relative;\n  scroll-behavior: var(--mds-horizontal-scroll-behavior);\n  scroll-padding: var(--mds-horizontal-scroll-contents-scroll-padding);\n  -webkit-scroll-snap-type: x mandatory;\n  -ms-scroll-snap-type: x mandatory;\n  scroll-snap-type: x mandatory;\n  width: 100%;\n}\n\n/*\n.contents::after {\n  --width: calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap));\n  --position: calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap) - var(--mds-horizontal-scroll-controls-margin) + 48px);\n\n  background-color: rgb(255 0 255 / 0.1);\n  content: "";\n  display: flex;\n  height: 100%;\n  left: clamp(1px, var(--width), var(--width));\n  pointer-events: none;\n  position: fixed;\n  right: clamp(calc(var(--mds-horizontal-scroll-gap) / 2), var(--position), var(--position));\n}\n  */\n\n.contents > ::slotted(*) {\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-positive: 0;\n  flex-grow: 0;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  scroll-margin: 0 var(--scroll-margin);\n}\n\n.spacer {\n  --width: calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap));\n\n  content: "";\n  display: block;\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-positive: 0;\n  flex-grow: 0;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  min-width: clamp(1px, var(--width), var(--width));\n  scroll-margin: 0 var(--scroll-margin);\n}\n\n@container (max-width: 1024px) {\n  :host {\n    --scroll-margin: var(--mds-horizontal-scroll-contents-scroll-padding);\n  }\n\n  .contents {\n    scroll-padding: var(--mds-horizontal-scroll-contents-scroll-padding);\n  }\n\n  .contents > ::slotted(*) {\n    scroll-margin: 0 var(--mds-horizontal-scroll-contents-scroll-padding);\n  }\n}\n\n:host-context(.pref-animation-reduce) {\n  --mds-horizontal-scroll-behavior: auto;\n}\n\n@media (prefers-reduced-motion) {\n  :host-context(.pref-animation-system) {\n    --mds-horizontal-scroll-behavior: auto;\n  }\n}\n\n\n.navigation--back {\n  --position: calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap) - var(--mds-horizontal-scroll-controls-margin));\n\n  left: clamp(calc(var(--mds-horizontal-scroll-gap) / 2), var(--position), var(--position));\n}\n\n.navigation--forward {\n  --position: calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap) - var(--mds-horizontal-scroll-controls-margin));\n\n  right: clamp(calc(var(--mds-horizontal-scroll-gap) / 2), var(--position), var(--position));\n}\n\n.navigation--disabled {\n  opacity: 0;\n  pointer-events: none;\n  -webkit-transform: translate(0, -50%) scale(0.5);\n  transform: translate(0, -50%) scale(0.5);\n}\n\n:host([controls="all"]) .navigation {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n@media (min-width: 1920px){\n\n  :host([controls="tv"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 1600px){\n\n  :host([controls="xlarge"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 1440px){\n\n  :host([controls="large"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 1280px){\n\n  :host([controls="wide"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 1024px){\n\n  :host([controls="desktop"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 768px){\n\n  :host([controls="tablet"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n.dot-navigation {\n  -ms-flex-item-align: center;\n  align-self: center;\n  background-color: var(--mds-horizontal-scroll-dot-area-background);\n  border-radius: 200px;\n  display: none;\n  gap: var(--mds-horizontal-scroll-dots-gap);\n  -ms-flex-pack: start;\n  justify-content: start;\n  margin: 0 auto var(--mds-horizontal-scroll-contents-padding) auto;\n  max-width: 10rem;\n  padding: 0.125rem;\n  width: 100%;\n}\n\n:host([navigation="position"]) .dot-navigation {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\n.dot {\n  background-color: var(--mds-horizontal-scroll-dot-background);\n  border-radius: 200px;\n  height: var(--mds-horizontal-scroll-dot-size);\n  max-width: var(--mds-horizontal-scroll-dot-max-width);\n  min-width: var(--mds-horizontal-scroll-dot-size);\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-property: width;\n  transition-property: width;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  width: calc(var(--mds-horizontal-scroll-dot-size) * 2);\n}\n\n:host(:not([navigation="scrollbar"])) .contents {\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n\n:host(:not([navigation="scrollbar"])) .contents::-webkit-scrollbar {\n    display: none;\n  }\n\n:host([navigation="scrollbar"]) .contents::-webkit-scrollbar {\n  height: var(--mds-horizontal-scroll-scrollbar-size);\n  width: var(--mds-horizontal-scroll-scrollbar-size);\n}\n\n:host([navigation="scrollbar"]) .contents::-webkit-scrollbar-track {\n  background-color: var(--mds-horizontal-scroll-scrollbar-track-background);\n  border-radius: var(--mds-horizontal-scroll-scrollbar-radius);\n  margin-block: var(--mds-horizontal-scroll-scrollbar-margin);\n  margin-inline: var(--mds-horizontal-scroll-scrollbar-margin);\n}\n\n:host([navigation="scrollbar"]) .contents::-webkit-scrollbar-thumb {\n  background-color: var(--mds-horizontal-scroll-scrollbar-thumb-background);\n  border-radius: var(--mds-horizontal-scroll-scrollbar-radius);\n}\n\n@supports (scrollbar-color: transparent transparent) {\n  .contents {\n    scrollbar-color: var(--mds-horizontal-scroll-scrollbar-thumb-background) var(--mds-horizontal-scroll-scrollbar-track-background);\n    scrollbar-width: thin;\n  }\n}\n\n:host([snap="start"]) .contents > ::slotted(*) {\n  scroll-snap-align: start;\n}\n\n:host([snap="center"]) .contents > ::slotted(*) {\n  scroll-snap-align: center;\n}\n\n:host([snap="end"]) .contents > ::slotted(*) {\n  scroll-snap-align: end;\n}\n\n:host(:not(:is([hydrated], .hydrated))) {\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n';var MdsHorizontalScrollStyle0=mdsHorizontalScrollCss;var MdsHorizontalScroll=function(){function n(n){var t=this;registerInstance(this,n);this.hasCompatibility=true;this.showForward=true;this.showBack=false;this.controls="desktop";this.navigation="position";this.snap="start";this.updateElements=function(){var n,r;t.elements=(r=(n=t.host.shadowRoot)===null||n===void 0?void 0:n.querySelectorAll("slot")[0])===null||r===void 0?void 0:r.assignedNodes()};this.updateCSSCustomProps=function(){if(typeof window==="undefined")return;var n=window.getComputedStyle(t.host);t.scrollGap=cssSizeToNumber(n.getPropertyValue("--mds-horizontal-scroll-gap"))};this.isInViewport=function(n){if(!t.contents){return false}var r=t.spacer.offsetWidth+t.scrollGap;var o=n.getBoundingClientRect();var a=t.contents.getBoundingClientRect();return o.top>=0&&o.left>=r&&o.bottom<=a.height&&o.right<=a.width-r*2};this.checkNavigationButtons=function(){if(!t.elements){throw Error("No elements slotted to the component")}t.showBack=true;t.showForward=true;t.elements.forEach((function(n,r){if(r===0&&t.isInViewport(n)){t.showBack=false}if(t.elements.length-1===r&&t.isInViewport(n)){t.showForward=false}}))};this.moveBack=function(){if(!t.elements){throw Error("No elements slotted to the component")}var n=0;var r;var o;t.elements.forEach((function(a,d){if(t.isInViewport(a)){if(!r){n=d;r=a}o=a}}));t.elements.forEach((function(a,d){if(!t.isInViewport(a)&&d===n-1&&r!==undefined&&o!==undefined){t.contents.scrollLeft=t.contents.scrollLeft+a.offsetLeft-o.offsetLeft-r.offsetWidth-t.scrollGap}}))};this.moveForward=function(){if(!t.elements){throw Error("No elements slotted to the component")}var n=true;t.elements.forEach((function(r){if(!t.isInViewport(r)){if(r.offsetLeft>t.contents.scrollLeft&&n){n=false;t.lastElementOffsetLeft=r.offsetLeft;t.contents.scrollLeft=t.lastElementOffsetLeft}}}))};this.translateNavigationDot=function(){if(!t.elements||!t.contents||!t.navigationDot||!t.navigationDots){console.error("mds-horizontal-scroll.translateNavigationDot: One of the shadowRoot elements is missing.");return}var n=t.contents,r=n.scrollLeft,o=n.scrollWidth,a=n.offsetWidth;var d=window.getComputedStyle(t.navigationDots);var s=parseFloat(d.paddingLeft)||0;var i=parseFloat(d.paddingRight)||0;var e=t.navigationDots.offsetWidth-s-i;var l=t.navigationDot.offsetWidth;if(a===0||o===0){console.error("mds-horizontal-scroll.translateNavigationDot: offsetWidth or scrollWidth is 0, impossible to calculate position");return}var h=o-a;var c=r/h;var m=e-l;var y=c*m;t.navigationDot.style.transform="translateX(".concat(y,"px)")};this.updateNavigationDotSize=function(){if(!t.contents||!t.navigationDot||!t.navigationDots){console.error("mds-horizontal-scroll.updateNavigationDotSize: One of the shadowRoot elements is missing.");return}var n=t.contents,r=n.scrollWidth,o=n.offsetWidth;var a=t.navigationDots.offsetWidth;if(r<=o){t.navigationDot.style.width="".concat(a,"px");return}var d=o/r*a;t.navigationDot.style.width="".concat(d,"px")};this.addNavigationDots=function(){var n,r;t.contents.removeEventListener("scroll",t.translateNavigationDot);t.navigationDot=(n=t.host.shadowRoot)===null||n===void 0?void 0:n.querySelector(".dot");t.navigationDots=(r=t.host.shadowRoot)===null||r===void 0?void 0:r.querySelector(".dot-navigation");t.updateNavigationDotSize();if(!t.navigationDot)return;t.contents.addEventListener("scroll",t.translateNavigationDot)}}n.prototype.watchNavigation=function(n){if(n==="position"){this.addNavigationDots()}};n.prototype.componentWillLoad=function(){this.updateCSSCustomProps()};n.prototype.componentDidLoad=function(){var n,t;this.contents=(n=this.host.shadowRoot)===null||n===void 0?void 0:n.querySelector(".contents");this.spacer=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".spacer");if(this.navigation==="position")this.addNavigationDots();if(window&&typeof window.onscrollend!=="undefined"){this.contents.addEventListener("scrollend",this.checkNavigationButtons)}else{if(this.controls)this.controls=undefined}};n.prototype.disconnectedCallback=function(){this.contents.removeEventListener("scrollend",this.checkNavigationButtons);this.contents.removeEventListener("scroll",this.translateNavigationDot)};n.prototype.render=function(){return h(Host,{key:"b65cd5aef21f81cf9c660b9e16ee0742033b0522"},h("div",{key:"957de53a7aeee4ddb820288c54fe4b976b74bac9",class:"contents",part:"content"},h("div",{key:"385e764035e30f5e0d656c700198de314eb87a8d",class:"spacer"}),h("slot",{key:"85fff563ccf060e4fc590faf05595a79dbd87d57",onSlotchange:this.updateElements}),h("div",{key:"181ee99f3e0d61f4c1062dec205632f0b9d287fc",class:"spacer"})),h("div",{key:"d575c09eab0fa7e5d08e0fcb720d1740035cf38d",class:"dot-navigation"},h("div",{key:"403830bc1cca796930ae5da665f9f3d3a206c7b9",class:"dot"})),this.controls&&this.controls!=="none"&&h("mds-button",{key:"47befe2f2aa6522819c7ff80b3385ab574ce6c30",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:"3bcdf715858fbed99e63957506f751e5188f4a53",onClick:this.moveForward,size:"lg",class:clsx("navigation navigation--forward",!this.showForward&&"navigation--disabled"),icon:miBaselineArrowForward}))};Object.defineProperty(n.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{navigation:["watchNavigation"]}},enumerable:false,configurable:true});return n}();MdsHorizontalScroll.style=MdsHorizontalScrollStyle0;export{MdsHorizontalScroll as mds_horizontal_scroll};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-7f153b9b.js";import{m as miBaselineArrowBack}from"./arrow-back-62755bde.js";import{m as miBaselineArrowForward}from"./arrow-forward-5e83e053.js";import{c as clsx}from"./clsx-297c1ffe.js";import{b as cssSizeToNumber}from"./unit-3af59d3d.js";var mdsHorizontalScrollCss='/* stylelint-disable media-query-no-invalid */\n@tailwind components;\n\n/**\n * @prop --mds-horizontal-scroll-background: Sets the background-color of the component\n * @prop --mds-horizontal-scroll-behavior: Sets the scroll-behavior animation\n * @prop --mds-horizontal-scroll-dot-area-background: Sets the dot container area color\n * @prop --mds-horizontal-scroll-dot-background: Sets the navigation dot color\n * @prop --mds-horizontal-scroll-dot-max-width: Sets the navigation dot max-width, if you want to avoid is scales in proportion of the container\n * @prop --mds-horizontal-scroll-max-width: Sets the max-width of the slotted elements container, to keep layout limited as the rest of the sections\n * @prop --mds-horizontal-scroll-scrollbar-margin: Sets the margin of the browser scroll bar (if supported)\n * @prop --mds-horizontal-scroll-scrollbar-radius: Sets the border-radius of the browser scroll bar (if supported)\n * @prop --mds-horizontal-scroll-scrollbar-size: Sets the height and width of the browser scroll bar (if supported)\n * @prop --mds-horizontal-scroll-scrollbar-thumb-background: Sets the background-color of the browser scroll bar thumb (if supported)\n * @prop --mds-horizontal-scroll-scrollbar-track-background: Sets the background-color of the browser scroll bar track (if supported)\n */\n\n:host {\n  --mds-horizontal-scroll-behavior: smooth;\n  --mds-horizontal-scroll-dots-gap: 0.25rem;\n  --mds-horizontal-scroll-dot-size: 0.5rem;\n  --mds-horizontal-scroll-dot-max-width: auto;\n  --mds-horizontal-scroll-dot-background: rgb(var(--tone-neutral));\n  --mds-horizontal-scroll-dot-area-background: rgb(var(--tone-neutral-08));\n  --mds-horizontal-scroll-contents-padding: 1.5rem;\n  --mds-horizontal-scroll-contents-scroll-padding: 0 1.5rem;\n  --mds-horizontal-scroll-controls-margin: 3rem;\n  --mds-horizontal-scroll-gap: 1.5rem;\n  --mds-horizontal-scroll-max-width: 1280px;\n  --mds-horizontal-scroll-scrollbar-margin: 0;\n  --mds-horizontal-scroll-scrollbar-radius: 0;\n  --mds-horizontal-scroll-scrollbar-size: 0.5rem;\n  --mds-horizontal-scroll-scrollbar-thumb-background: rgb(var(--tone-neutral-02) 0.3);\n  --mds-horizontal-scroll-scrollbar-track-background: rgb(var(--tone-neutral-06) 0.3);\n\n  /* private custom props, DO NOT OVERRIDE from outside */\n  --max-width: var(--mds-horizontal-scroll-max-width); /* remember @media (width <= theme(\'screens.wide\')) at the bottom */\n  --scroll-margin: calc(((100svw - var(--max-width)) / 2) + (var(--mds-horizontal-scroll-controls-margin) * 2));\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  container-name: mds-horizontal-scroll;\n  container-type: inline-size;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-pack: center;\n  justify-content: center;\n  position: relative;\n  width: 100%;\n}\n\n.navigation {\n  border-radius: 1000px;\n  display: none;\n  padding: 0;\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translate(0, -50%);\n  transform: translate(0, -50%);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-property: opacity, scale, -webkit-transform;\n  transition-property: opacity, scale, -webkit-transform;\n  transition-property: opacity, scale, transform;\n  transition-property: opacity, scale, transform, -webkit-transform;\n}\n\n\n\n.contents {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  gap: var(--mds-horizontal-scroll-gap);\n  overflow: auto;\n  padding-bottom: var(--mds-horizontal-scroll-contents-padding);\n  padding-top: var(--mds-horizontal-scroll-contents-padding);\n  position: relative;\n  scroll-behavior: var(--mds-horizontal-scroll-behavior);\n  scroll-padding: var(--mds-horizontal-scroll-contents-scroll-padding);\n  -webkit-scroll-snap-type: x mandatory;\n  -ms-scroll-snap-type: x mandatory;\n  scroll-snap-type: x mandatory;\n  width: 100%;\n}\n\n/*\n.contents::after {\n  --width: calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap));\n  --position: calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap) - var(--mds-horizontal-scroll-controls-margin) + 48px);\n\n  background-color: rgb(255 0 255 / 0.1);\n  content: "";\n  display: flex;\n  height: 100%;\n  left: clamp(1px, var(--width), var(--width));\n  pointer-events: none;\n  position: fixed;\n  right: clamp(calc(var(--mds-horizontal-scroll-gap) / 2), var(--position), var(--position));\n}\n  */\n\n.contents > ::slotted(*) {\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-positive: 0;\n  flex-grow: 0;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  scroll-margin: 0 var(--scroll-margin);\n}\n\n.spacer {\n  --width: calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap));\n\n  content: "";\n  display: block;\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-positive: 0;\n  flex-grow: 0;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  min-width: clamp(1px, var(--width), var(--width));\n  scroll-margin: 0 var(--scroll-margin);\n}\n\n@container (max-width: 1024px) {\n  :host {\n    --scroll-margin: var(--mds-horizontal-scroll-contents-scroll-padding);\n  }\n\n  .contents {\n    scroll-padding: var(--mds-horizontal-scroll-contents-scroll-padding);\n  }\n\n  .contents > ::slotted(*) {\n    scroll-margin: 0 var(--mds-horizontal-scroll-contents-scroll-padding);\n  }\n}\n\n:host-context(.pref-animation-reduce) {\n  --mds-horizontal-scroll-behavior: auto;\n}\n\n@media (prefers-reduced-motion) {\n  :host-context(.pref-animation-system) {\n    --mds-horizontal-scroll-behavior: auto;\n  }\n}\n\n\n.navigation--back {\n  --position: calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap) - var(--mds-horizontal-scroll-controls-margin));\n\n  left: clamp(calc(var(--mds-horizontal-scroll-gap) / 2), var(--position), var(--position));\n}\n\n.navigation--forward {\n  --position: calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap) - var(--mds-horizontal-scroll-controls-margin));\n\n  right: clamp(calc(var(--mds-horizontal-scroll-gap) / 2), var(--position), var(--position));\n}\n\n.navigation--disabled {\n  opacity: 0;\n  pointer-events: none;\n  -webkit-transform: translate(0, -50%) scale(0.5);\n  transform: translate(0, -50%) scale(0.5);\n}\n\n:host([controls="all"]) .navigation {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n@media (min-width: 1920px){\n\n  :host([controls="tv"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 1600px){\n\n  :host([controls="xlarge"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 1440px){\n\n  :host([controls="large"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 1280px){\n\n  :host([controls="wide"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 1024px){\n\n  :host([controls="desktop"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 768px){\n\n  :host([controls="tablet"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n.dot-navigation {\n  -ms-flex-item-align: center;\n  align-self: center;\n  background-color: var(--mds-horizontal-scroll-dot-area-background);\n  border-radius: 200px;\n  display: none;\n  gap: var(--mds-horizontal-scroll-dots-gap);\n  -ms-flex-pack: start;\n  justify-content: start;\n  margin: 0 auto var(--mds-horizontal-scroll-contents-padding) auto;\n  max-width: 10rem;\n  padding: 0.125rem;\n  width: 100%;\n}\n\n:host([navigation="position"]) .dot-navigation {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\n.dot {\n  background-color: var(--mds-horizontal-scroll-dot-background);\n  border-radius: 200px;\n  height: var(--mds-horizontal-scroll-dot-size);\n  max-width: var(--mds-horizontal-scroll-dot-max-width);\n  min-width: var(--mds-horizontal-scroll-dot-size);\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-property: width;\n  transition-property: width;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  width: calc(var(--mds-horizontal-scroll-dot-size) * 2);\n}\n\n:host(:not([navigation="scrollbar"])) .contents {\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n\n:host(:not([navigation="scrollbar"])) .contents::-webkit-scrollbar {\n    display: none;\n  }\n\n:host([navigation="scrollbar"]) .contents::-webkit-scrollbar {\n  height: var(--mds-horizontal-scroll-scrollbar-size);\n  width: var(--mds-horizontal-scroll-scrollbar-size);\n}\n\n:host([navigation="scrollbar"]) .contents::-webkit-scrollbar-track {\n  background-color: var(--mds-horizontal-scroll-scrollbar-track-background);\n  border-radius: var(--mds-horizontal-scroll-scrollbar-radius);\n  margin-block: var(--mds-horizontal-scroll-scrollbar-margin);\n  margin-inline: var(--mds-horizontal-scroll-scrollbar-margin);\n}\n\n:host([navigation="scrollbar"]) .contents::-webkit-scrollbar-thumb {\n  background-color: var(--mds-horizontal-scroll-scrollbar-thumb-background);\n  border-radius: var(--mds-horizontal-scroll-scrollbar-radius);\n}\n\n@supports (scrollbar-color: transparent transparent) {\n  .contents {\n    scrollbar-color: var(--mds-horizontal-scroll-scrollbar-thumb-background) var(--mds-horizontal-scroll-scrollbar-track-background);\n    scrollbar-width: thin;\n  }\n}\n\n:host([snap="start"]) .contents > ::slotted(*) {\n  scroll-snap-align: start;\n}\n\n:host([snap="center"]) .contents > ::slotted(*) {\n  scroll-snap-align: center;\n}\n\n:host([snap="end"]) .contents > ::slotted(*) {\n  scroll-snap-align: end;\n}\n\n:host(:not(:is([hydrated], .hydrated))) {\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n';var MdsHorizontalScrollStyle0=mdsHorizontalScrollCss;var MdsHorizontalScroll=function(){function n(n){var t=this;registerInstance(this,n);this.hasCompatibility=true;this.showForward=true;this.showBack=false;this.controls="desktop";this.navigation="position";this.snap="start";this.updateElements=function(){var n,r;t.elements=(r=(n=t.host.shadowRoot)===null||n===void 0?void 0:n.querySelectorAll("slot")[0])===null||r===void 0?void 0:r.assignedNodes()};this.updateCSSCustomProps=function(){if(typeof window==="undefined")return;var n=window.getComputedStyle(t.host);t.scrollGap=cssSizeToNumber(n.getPropertyValue("--mds-horizontal-scroll-gap"))};this.isInViewport=function(n){if(!t.contents){return false}var r=t.spacer.offsetWidth+t.scrollGap;var o=n.getBoundingClientRect();var a=t.contents.getBoundingClientRect();return o.top>=0&&o.left>=r&&o.bottom<=a.height&&o.right<=a.width-r*2};this.checkNavigationButtons=function(){if(!t.elements){throw Error("No elements slotted to the component")}t.showBack=true;t.showForward=true;t.elements.forEach((function(n,r){if(r===0&&t.isInViewport(n)){t.showBack=false}if(t.elements.length-1===r&&t.isInViewport(n)){t.showForward=false}}))};this.moveBack=function(){if(!t.elements){throw Error("No elements slotted to the component")}var n=0;var r;var o;t.elements.forEach((function(a,d){if(t.isInViewport(a)){if(!r){n=d;r=a}o=a}}));t.elements.forEach((function(a,d){if(!t.isInViewport(a)&&d===n-1&&r!==undefined&&o!==undefined){t.contents.scrollLeft=t.contents.scrollLeft+a.offsetLeft-o.offsetLeft-r.offsetWidth-t.scrollGap}}))};this.moveForward=function(){if(!t.elements){throw Error("No elements slotted to the component")}var n=true;t.elements.forEach((function(r){if(!t.isInViewport(r)){if(r.offsetLeft>t.contents.scrollLeft&&n){n=false;t.lastElementOffsetLeft=r.offsetLeft;t.contents.scrollLeft=t.lastElementOffsetLeft}}}))};this.translateNavigationDot=function(){if(!t.elements||!t.contents||!t.navigationDot||!t.navigationDots){console.error("mds-horizontal-scroll.translateNavigationDot: One of the shadowRoot elements is missing.");return}var n=t.contents,r=n.scrollLeft,o=n.scrollWidth,a=n.offsetWidth;var d=window.getComputedStyle(t.navigationDots);var s=parseFloat(d.paddingLeft)||0;var i=parseFloat(d.paddingRight)||0;var e=t.navigationDots.offsetWidth-s-i;var l=t.navigationDot.offsetWidth;if(a===0||o===0){console.error("mds-horizontal-scroll.translateNavigationDot: offsetWidth or scrollWidth is 0, impossible to calculate position");return}var h=o-a;var c=r/h;var m=e-l;var y=c*m;t.navigationDot.style.transform="translateX(".concat(y,"px)")};this.updateNavigationDotSize=function(){if(!t.contents||!t.navigationDot||!t.navigationDots){console.error("mds-horizontal-scroll.updateNavigationDotSize: One of the shadowRoot elements is missing.");return}var n=t.contents,r=n.scrollWidth,o=n.offsetWidth;var a=t.navigationDots.offsetWidth;if(r<=o){t.navigationDot.style.width="".concat(a,"px");return}var d=o/r*a;t.navigationDot.style.width="".concat(d,"px")};this.addNavigationDots=function(){var n,r;t.contents.removeEventListener("scroll",t.translateNavigationDot);t.navigationDot=(n=t.host.shadowRoot)===null||n===void 0?void 0:n.querySelector(".dot");t.navigationDots=(r=t.host.shadowRoot)===null||r===void 0?void 0:r.querySelector(".dot-navigation");t.updateNavigationDotSize();if(!t.navigationDot)return;t.contents.addEventListener("scroll",t.translateNavigationDot)}}n.prototype.watchNavigation=function(n){if(n==="position"){this.addNavigationDots()}};n.prototype.componentWillLoad=function(){this.updateCSSCustomProps()};n.prototype.componentDidLoad=function(){var n,t;this.contents=(n=this.host.shadowRoot)===null||n===void 0?void 0:n.querySelector(".contents");this.spacer=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".spacer");if(this.navigation==="position")this.addNavigationDots();if(window&&typeof window.onscrollend!=="undefined"){this.contents.addEventListener("scrollend",this.checkNavigationButtons)}else{if(this.controls)this.controls=undefined}};n.prototype.disconnectedCallback=function(){this.contents.removeEventListener("scrollend",this.checkNavigationButtons);this.contents.removeEventListener("scroll",this.translateNavigationDot)};n.prototype.render=function(){return h(Host,{key:"eb238b7afa371c9588db89fc1a721dbefef6d52e"},h("div",{key:"70bc5033b4f8b36b2bbde1b1a2aac2f3d2db99de",class:"contents",part:"content"},h("div",{key:"a13f42f412af0d5c5a0dbfc579cd09b44407d591",class:"spacer"}),h("slot",{key:"8193210041eee84c0486bed982733e50d7c6216f",onSlotchange:this.updateElements}),h("div",{key:"374bf2c6b6862b25c1ccad086eaa6d0ee88c2f8f",class:"spacer"})),h("div",{key:"73c9253ac43b706ea7e5793755b431739a82c4f7",class:"dot-navigation"},h("div",{key:"604b8d2bddb159d35cd69c6cadd33fa879cf1132",class:"dot"})),this.controls&&this.controls!=="none"&&h("mds-button",{key:"75491ac6071cebaa6452e82ddbd7bdd6e9383bd1",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:"99ce389ee2f28dbeafbc740639f9b9f67f3307e5",onClick:this.moveForward,size:"lg",class:clsx("navigation navigation--forward",!this.showForward&&"navigation--disabled"),icon:miBaselineArrowForward}))};Object.defineProperty(n.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{navigation:["watchNavigation"]}},enumerable:false,configurable:true});return n}();MdsHorizontalScroll.style=MdsHorizontalScrollStyle0;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-7f153b9b.js";var mdsHrCss=":host{height:0.25rem;width:100%;border-radius:0.25rem;background-color:rgb(var(--tone-neutral-08));border:0;display:-ms-flexbox;display:flex}:host-context(.pref-theme-dark){background-color:rgb(var(--tone-neutral-07))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){background-color:rgb(var(--tone-neutral-07))}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";var MdsHrStyle0=mdsHrCss;var MdsHr=function(){function d(d){registerInstance(this,d)}d.prototype.render=function(){return h(Host,{key:"cc9708f0bbede0b64897ded6362a273781ac97c4"})};return d}();MdsHr.style=MdsHrStyle0;export{MdsHr as mds_hr};
+import{r as registerInstance,h,H as Host}from"./index-7f153b9b.js";var mdsHrCss=":host{height:0.25rem;width:100%;border-radius:0.25rem;background-color:rgb(var(--tone-neutral-08));border:0;display:-ms-flexbox;display:flex}:host-context(.pref-theme-dark){background-color:rgb(var(--tone-neutral-07))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){background-color:rgb(var(--tone-neutral-07))}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";var MdsHrStyle0=mdsHrCss;var MdsHr=function(){function d(d){registerInstance(this,d)}d.prototype.render=function(){return h(Host,{key:"1feeafb202973ecfbc1964d97f6c4689c71fbc01"})};return d}();MdsHr.style=MdsHrStyle0;export{MdsHr as mds_hr};

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,r,a){function n(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,i){function d(t){try{s(a.next(t))}catch(t){i(t)}}function o(t){try{s(a["throw"](t))}catch(t){i(t)}}function s(t){t.done?r(t.value):n(t.value).then(d,o)}s((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,n,i,d;return d={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function o(t){return function(e){return s([t,e])}}function s(o){if(a)throw new TypeError("Generator is already executing.");while(d&&(d=0,o[0]&&(r=0)),r)try{if(a=1,n&&(i=o[0]&2?n["return"]:o[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,o[1])).done)return i;if(n=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:r.label++;return{value:o[1],done:false};case 5:r.label++;n=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){r=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){r.label=o[1];break}if(o[0]===6&&r.label<i[1]){r.label=i[1];i=o;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(o);break}if(i[2])r.ops.pop();r.trys.pop();continue}o=e.call(t,r)}catch(t){o=[6,t];n=0}finally{a=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-7f153b9b.js";import{m as miBaselineCalendarToday}from"./calendar-today-1a4fecdc.js";import{D as DateTime_1}from"./luxon-f19ca6e2.js";import{c as clsx}from"./clsx-297c1ffe.js";import{L as Locale}from"./locale-2adad180.js";import"./_commonjsHelpers-bdec4bbd.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=':host{--mds-input-date-range-background:rgb(var(--tone-neutral));--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 0.5rem;--mds-input-date-range-icon-color:var(--mds-input-date-range-variant-color);--mds-input-date-range-ring:0 0 0 1px rgb(var(--mds-input-date-range-variant-color) / 0.1);--mds-input-date-range-shadow:0 1px 3px 0 rgb(var(--mds-input-date-range-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-date-range-variant-color) / 0.06);--mds-input-date-range-variant-color:0 0 0;min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;gap:0.5rem;color:rgb(var(--tone-neutral-02));container-type:inline-size;cursor:text;display:-ms-flexbox;display:flex;overflow:visible;position:relative}.date-preselection{display:grid;gap:0.5rem}.inputs{font-family:\'Roboto Mono\', \'Courier New\', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0rem;border-radius:0.5rem;padding-left:1rem;padding-right:3rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);-ms-flex-align:center;align-items:center;background-color:var(--mds-input-date-range-background);border:0;-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);-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--mds-input-date-range-fields-gap);min-height:3rem;overflow:hidden;text-overflow:ellipsis;-webkit-transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform, -webkit-box-shadow, -webkit-transform;width:100%}.input-element{-ms-flex-align:baseline;align-items:baseline;display:-ms-inline-flexbox;display:inline-flex}:host(:focus-within) .inputs{outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);--mds-input-date-range-ring:0 0 0 3px rgb(var(--mds-input-date-range-variant-color) / 1);--mds-input-date-range-shadow:0 4px 6px 3px rgb(var(--mds-input-date-range-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-date-range-variant-color) / 0.06)}.input-wrapper{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}:host() ::slotted(mds-input-date){color:inherit}.date-label{margin-left:0.125rem;margin-right:0.125rem;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;white-space:nowrap}.date-label:first-child{margin-left:0}mds-calendar{min-width:-moz-max-content;min-width:-webkit-max-content;min-width:max-content}.action-open-calendar{--mds-button-color:rgb(var(--mds-input-date-range-icon-color));aspect-ratio:1;bottom:0;position:absolute;right:0;top:0}mds-dropdown{padding:0}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}:host-context(.pref-animation-reduce) .input{-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system) .input{-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-theme-dark){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-dark) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-system) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}}:host-context(.pref-contrast-more){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}}@supports (-moz-appearance: none){.action-open-calendar{display:none}.inputs{padding-right:1rem;-ms-flex-pack:var(--mds-input-date-range-fields-firefox-justify-content);justify-content:var(--mds-input-date-range-fields-firefox-justify-content)}}:host{--mds-input-date-range-icon-color:var(--variant-primary-03);--mds-input-date-range-variant-color:0 0 0}:host(:focus-within){--mds-input-date-range-variant-color:var(--variant-primary-04)}:host([variant="info"]){--mds-input-date-range-icon-color:var(--status-info-05);--mds-input-date-range-variant-color:0 0 0}:host([variant="info"]:focus-within){--mds-input-date-range-icon-color:var(--status-info-04);--mds-input-date-range-variant-color:var(--status-info-05)}:host([variant="success"]){--mds-input-date-range-icon-color:var(--status-success-05);--mds-input-date-range-variant-color:0 0 0}:host([variant="success"]:focus-within){--mds-input-date-range-icon-color:var(--status-success-04);--mds-input-date-range-variant-color:var(--status-success-05)}:host([variant="warning"]){--mds-input-date-range-icon-color:var(--status-warning-05);--mds-input-date-range-variant-color:0 0 0}:host([variant="warning"]:focus-within){--mds-input-date-range-icon-color:var(--status-warning-04);--mds-input-date-range-variant-color:var(--status-warning-05)}:host([variant="error"]){--mds-input-date-range-icon-color:var(--status-error-05);--mds-input-date-range-variant-color:0 0 0}:host([variant="error"]:focus-within){--mds-input-date-range-icon-color:var(--status-error-04);--mds-input-date-range-variant-color:var(--status-error-05)}';var MdsInputDateRangeStyle0=mdsInputDateRangeCss;var MdsInputDateRange=function(){function t(t){var e=this;registerInstance(this,t);this.dateRangeSelected=createEvent(this,"mdsInputDateRangeSelect",7);this.valueChanged=createEvent(this,"mdsInputDateRangeValueChange",7);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.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.lastEmittedStartDate=null;this.lastEmittedEndDate=null;this.initialStartDate="";this.initialEndDate="";this.handleFocusOut=function(t){if(!e.host.contains(t.relatedTarget)){var r=DateTime_1.fromISO(e.internalStartDate).isValid;var a=DateTime_1.fromISO(e.internalEndDate).isValid;if(r&&a){e.validateDateRange();e.syncFormValue();e.dateRangeSelected.emit({startDate:e.internalStartDate,endDate:e.internalEndDate});e.checkPreselections()}if(e.internalStartDate!==e.lastEmittedStartDate||e.internalEndDate!==e.lastEmittedEndDate){e.valueChanged.emit({startDate:e.internalStartDate,endDate:e.internalEndDate});e.lastEmittedStartDate=e.internalStartDate;e.lastEmittedEndDate=e.internalEndDate}}};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"]'))}}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.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;if(this.min&&this.max){var t=DateTime_1.fromISO(this.min);var e=DateTime_1.fromISO(this.max);if(e<t){this.max=this.min}}this.syncFormValue()};t.prototype.disconnectedCallback=function(){this.host.removeEventListener("focusout",this.handleFocusOut)};t.prototype.preselect=function(t){return __awaiter(this,void 0,void 0,(function(){var e,r,a,n,i,d;return __generator(this,(function(o){switch(o.label){case 0:if(!this.togglePreselection){this.togglePreselection=Array.from(this.host.querySelectorAll("mds-input-date-range-preselection"))}this.togglePreselection.forEach((function(t){t.selected=false}));t.caller.selected=true;a=DateTime_1.fromISO(t.start);if(a.isValid){this.internalStartDate=t.start;this.updateInputValue("start",this.internalStartDate)}if(t.end!==undefined){n=DateTime_1.fromISO(t.end);if(n.isValid){this.internalEndDate=t.end}}else{this.internalEndDate=t.start}this.updateInputValue("end",this.internalEndDate);this.syncFormValue();i=(r=(e=this.host)===null||e===void 0?void 0:e.shadowRoot)===null||r===void 0?void 0:r.querySelector("mds-calendar");if(!i)return[3,2];return[4,i.updateCurrentDate(this.internalStartDate)];case 1:o.sent();if(this.delay===0)return[2];d=this.dropdownRef;if(d){setTimeout((function(){d.visible=false}),this.delay)}o.label=2;case 2:this.dateRangeSelected.emit({startDate:this.internalStartDate,endDate:this.internalEndDate});return[2,Promise.resolve()]}}))}))};t.prototype.componentDidLoad=function(){this.updateInputListeners();this.updateInputValue("start",this.internalStartDate);this.updateInputValue("end",this.internalEndDate);this.syncFormValue();this.host.addEventListener("focusout",this.handleFocusOut)};t.prototype.formResetCallback=function(){this.internalStartDate=this.initialStartDate;this.internalEndDate=this.initialEndDate;this.updateInputValue("start",this.internalStartDate);this.updateInputValue("end",this.internalEndDate);this.checkPreselections();this.syncFormValue()};t.prototype.syncExternalDate=function(t,e){var r=e!==null&&e!==void 0?e:"";if(t==="start"){if(r===this.internalStartDate)return;this.internalStartDate=r}else{if(r===this.internalEndDate)return;this.internalEndDate=r}this.validateDateRange();this.updateInputValue("start",this.internalStartDate);this.updateInputValue("end",this.internalEndDate);this.checkPreselections();this.syncFormValue()};t.prototype.updateInputValue=function(t,e){var r;var a=(r=this.host.shadowRoot)===null||r===void 0?void 0:r.querySelector('slot[name="'.concat(t,'"]'));var n=a===null||a===void 0?void 0:a.assignedElements()[0];if(n){n.setValue(e)}};t.prototype.updateInputListeners=function(){var t,e;var r=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="start"]');var a=(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(r){var n=r.assignedElements()[0];n.addEventListener("mdsInputDateSelect",this.createFocusoutListener("start"))}if(a){var n=a.assignedElements()[0];n.addEventListener("mdsInputDateSelect",this.createFocusoutListener("end"))}};t.prototype.createFocusoutListener=function(t){var e=this;return function(r){var a=r;if(t==="start"){e.internalStartDate=a.detail}else{e.internalEndDate=a.detail}e.syncFormValue()}};t.prototype.validateDateRange=function(){if(this.internalStartDate&&this.internalEndDate){var t=DateTime_1.fromISO(this.internalStartDate);var e=DateTime_1.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){e.forEach((function(e){var r=e;var a=r.start===t.internalStartDate&&r.end===t.internalEndDate;var n=r.start===t.internalStartDate&&t.internalStartDate===t.internalEndDate&&r.end===undefined;if(a||n){r.selected=true}else{r.selected=false}}))}};t.prototype.render=function(){var t=this;return h(Host,{key:"a0d2991f2840c21d10410d9a2759bea2140b5fb8",onClick:this.focusDateInput},h("div",{key:"42a70b643de49c02a1db422e9f7e69c4c16b5df2",class:"inputs"},h("div",{key:"9aaef7664e161099e93dcf09f70e8a12ac26cba5",class:"input-element"},h("mds-text",{key:"d7a2f85dbd2ad2d4f2dbeefcad2d23c7062fa193",class:"date-label",typography:"detail",onClick:this.focusStartDateInput},this.t.get("from")),h("div",{key:"c430288d5850666258269faf269934c9771b62bf",class:"input-wrapper"},h("slot",{key:"3cfdeacc1c9b024ce7f5a2a306425eeaa51f1130",name:"start"}))),h("div",{key:"e8543d95071704939d879f87790f0fc711a34046",class:"input-element"},h("mds-text",{key:"125cb1e5b7fe872f353624555af070cad0da30b0",class:"date-label",typography:"detail",onClick:this.focusEndDateInput},this.t.get("to")),h("div",{key:"35884f542a3ebd824dab00a514e3aec69c79ae11",class:"input-wrapper"},h("slot",{key:"74f1b59daecc34daf576297c93fff43071dccabd",name:"end"})))),h("mds-button",{key:"be0b0f4af844d95a82211330de00c3545b136da3",class:"action-open-calendar",variant:"dark",tone:"quiet",icon:miBaselineCalendarToday,id:"calendar-dropdown",onClick:function(){t.calendarKey+=1}}),h("mds-dropdown",{key:"d7bd7782dbcb0f7647643d6054b5fec2947e81e9",ref:function(e){return t.dropdownRef=e},target:"#calendar-dropdown","auto-placement":false,placement:"bottom-end"},h("mds-calendar",Object.assign({lang:this.language,key:this.calendarKey,rangePicker:true,onMdsCalendarChange:function(e){t.internalStartDate=e.detail.startDate;t.updateInputValue("start",t.internalStartDate);if(e.detail.endDate){t.internalEndDate=e.detail.endDate;t.updateInputValue("end",t.internalEndDate)}t.syncFormValue();if(t.internalStartDate&&t.internalEndDate){t.dateRangeSelected.emit({startDate:t.internalStartDate,endDate:t.internalEndDate});if(t.delay===0)return;var r=t.dropdownRef;if(r){setTimeout((function(){r.visible=false}),t.delay)}}},onMdsCalendarPreselect:function(){t.checkPreselections()},startDate:this.internalStartDate,endDate:this.internalEndDate},this.min?{min:this.min}:{},this.max?{max:this.max}:{}),h("div",{key:"5f94b5fef9bdca001020776e18c79875015452c7",slot:"preselection",class:clsx("date-preselection",this.hasPreselection&&"date-preselection--has-preselection")},h("slot",{key:"58524f199d07343671ffc752be0ed74d21c3f021",name:"calendar-preselection"})))))};t.prototype.syncFormValue=function(){var t,e,r,a;var n=(e=(t=this.internalStartDate)===null||t===void 0?void 0:t.trim())!==null&&e!==void 0?e:"";var i=(a=(r=this.internalEndDate)===null||r===void 0?void 0:r.trim())!==null&&a!==void 0?a:"";if(!n&&!i){this.internals.setFormValue(null);return}this.internals.setFormValue(JSON.stringify({startDate:n,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"],endDate:["handleEndDateChange"]}},enumerable:false,configurable:true});return t}();MdsInputDateRange.style=MdsInputDateRangeStyle0;export{MdsInputDateRange as mds_input_date_range};
+var __awaiter=this&&this.__awaiter||function(t,e,a,r){function i(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,n){function d(t){try{o(r.next(t))}catch(t){n(t)}}function s(t){try{o(r["throw"](t))}catch(t){n(t)}}function o(t){t.done?a(t.value):i(t.value).then(d,s)}o((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},r,i,n,d;return d={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function s(t){return function(e){return o([t,e])}}function o(s){if(r)throw new TypeError("Generator is already executing.");while(d&&(d=0,s[0]&&(a=0)),a)try{if(r=1,i&&(n=s[0]&2?i["return"]:s[0]?i["throw"]||((n=i["return"])&&n.call(i),0):i.next)&&!(n=n.call(i,s[1])).done)return n;if(i=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++;i=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=e.call(t,a)}catch(t){s=[6,t];i=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-7f153b9b.js";import{m as miBaselineCalendarToday}from"./calendar-today-1a4fecdc.js";import{D as DateTime_1}from"./luxon-f19ca6e2.js";import{c as clsx}from"./clsx-297c1ffe.js";import{L as Locale}from"./locale-2adad180.js";import"./_commonjsHelpers-bdec4bbd.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=':host{--mds-input-date-range-background:rgb(var(--tone-neutral));--mds-input-date-range-calendar-width:22rem;--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 0.5rem;--mds-input-date-range-icon-color:var(--mds-input-date-range-variant-color);--mds-input-date-range-ring:0 0 0 1px rgb(var(--mds-input-date-range-variant-color) / 0.1);--mds-input-date-range-shadow:0 1px 3px 0 rgb(var(--mds-input-date-range-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-date-range-variant-color) / 0.06);--mds-input-date-range-variant-color:0 0 0;min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;gap:0.5rem;color:rgb(var(--tone-neutral-02));container-type:inline-size;cursor:text;display:-ms-flexbox;display:flex;overflow:visible;position:relative}.date-preselection{display:grid;gap:0.5rem}.inputs{font-family:\'Roboto Mono\', \'Courier New\', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0rem;border-radius:0.5rem;padding-left:1rem;padding-right:3rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);-ms-flex-align:center;align-items:center;background-color:var(--mds-input-date-range-background);border:0;-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);-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--mds-input-date-range-fields-gap);min-height:3rem;overflow:hidden;text-overflow:ellipsis;-webkit-transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform, -webkit-box-shadow, -webkit-transform;width:100%}.input-element{-ms-flex-align:baseline;align-items:baseline;display:-ms-inline-flexbox;display:inline-flex}:host(:focus-within) .inputs{outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);--mds-input-date-range-ring:0 0 0 3px rgb(var(--mds-input-date-range-variant-color) / 1);--mds-input-date-range-shadow:0 4px 6px 3px rgb(var(--mds-input-date-range-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-date-range-variant-color) / 0.06)}.input-wrapper{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}:host() ::slotted(mds-input-date){color:inherit}.date-label{margin-left:0.125rem;margin-right:0.125rem;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;white-space:nowrap}.date-label:first-child{margin-left:0}.calendars{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:--spacing(200);min-width:-moz-max-content;min-width:-webkit-max-content;min-width:max-content}.calendar-preselection-panel{background-color:rgb(var(--tone-neutral-09));border-radius:0.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;-ms-flex-line-pack:start;align-content:start;min-inline-size:-moz-max-content;min-inline-size:-webkit-max-content;min-inline-size:max-content;padding:1rem}.calendar-single{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:--spacing(200);min-width:-moz-max-content;min-width:-webkit-max-content;min-width:max-content}.calendar-single mds-calendar,.calendars mds-calendar{-ms-flex:0 0 var(--mds-input-date-range-calendar-width);flex:0 0 var(--mds-input-date-range-calendar-width);inline-size:var(--mds-input-date-range-calendar-width);max-inline-size:var(--mds-input-date-range-calendar-width);min-inline-size:var(--mds-input-date-range-calendar-width)}.action-open-calendar{--mds-button-color:rgb(var(--mds-input-date-range-icon-color));aspect-ratio:1;bottom:0;position:absolute;right:0;top:0}mds-dropdown{padding:0}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}:host-context(.pref-animation-reduce) .input{-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system) .input{-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-theme-dark){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-dark) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-system) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}}:host-context(.pref-contrast-more){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}}@supports (-moz-appearance: none){.action-open-calendar{display:none}.inputs{padding-right:1rem;-ms-flex-pack:var(--mds-input-date-range-fields-firefox-justify-content);justify-content:var(--mds-input-date-range-fields-firefox-justify-content)}}:host{--mds-input-date-range-icon-color:var(--variant-primary-03);--mds-input-date-range-variant-color:0 0 0}:host(:focus-within){--mds-input-date-range-variant-color:var(--variant-primary-04)}:host([variant="info"]){--mds-input-date-range-icon-color:var(--status-info-05);--mds-input-date-range-variant-color:0 0 0}:host([variant="info"]:focus-within){--mds-input-date-range-icon-color:var(--status-info-04);--mds-input-date-range-variant-color:var(--status-info-05)}:host([variant="success"]){--mds-input-date-range-icon-color:var(--status-success-05);--mds-input-date-range-variant-color:0 0 0}:host([variant="success"]:focus-within){--mds-input-date-range-icon-color:var(--status-success-04);--mds-input-date-range-variant-color:var(--status-success-05)}:host([variant="warning"]){--mds-input-date-range-icon-color:var(--status-warning-05);--mds-input-date-range-variant-color:0 0 0}:host([variant="warning"]:focus-within){--mds-input-date-range-icon-color:var(--status-warning-04);--mds-input-date-range-variant-color:var(--status-warning-05)}:host([variant="error"]){--mds-input-date-range-icon-color:var(--status-error-05);--mds-input-date-range-variant-color:0 0 0}:host([variant="error"]:focus-within){--mds-input-date-range-icon-color:var(--status-error-04);--mds-input-date-range-variant-color:var(--status-error-05)}';var MdsInputDateRangeStyle0=mdsInputDateRangeCss;var MdsInputDateRange=function(){function t(t){var e=this;registerInstance(this,t);this.valueChanged=createEvent(this,"mdsInputDateRangeValueChange",7);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_1.fromISO(e.internalStartDate).isValid;var r=DateTime_1.fromISO(e.internalEndDate).isValid;if(a&&r){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){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 r=a.indexOf(t.target);var i=DateTime_1.fromISO(t.detail.currentDate);if(!i.isValid)return;e.visibleCalendarDate=i.minus({months:r===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 r=[t,e].map((function(t){return DateTime_1.fromISO(t!==null&&t!==void 0?t:"")})).filter((function(t){return t.isValid}));var i=(a=r[0])!==null&&a!==void 0?a:DateTime_1.now();return i.startOf("month").toISODate()};t.prototype.getCalendarViewDate=function(t){if(t===void 0){t=0}var e=DateTime_1.fromISO(this.visibleCalendarDate);var a=DateTime_1.fromISO(this.internalStartDate);var r=DateTime_1.now();if(e.isValid){r=e}else if(a.isValid){r=a}return r.startOf("month").plus({months:t}).toISODate()};t.prototype.setVisibleCalendarDate=function(t){var e=DateTime_1.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){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_1.fromISO(this.internalStartDate);var e=DateTime_1.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&&this.max){var t=DateTime_1.fromISO(this.min);var e=DateTime_1.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,r;var i=this;return __generator(this,(function(n){switch(n.label){case 0:if(!this.togglePreselection){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_1.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_1.fromISO(t.end);if(a.isValid){this.internalEndDate=t.end}}else{this.internalEndDate=t.start}this.updateInputValue("end",this.internalEndDate);this.syncFormValue();r=this.getCalendars();if(!r.length)return[3,2];return[4,Promise.all(r.map((function(t,e){return t.updateCurrentDate(i.getCalendarViewDate(e))})))];case 1:n.sent();this.closeDropdownAfterSelection();n.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 r;var i=(r=this.host.shadowRoot)===null||r===void 0?void 0:r.querySelector('slot[name="'.concat(t,'"]'));var n=i===null||i===void 0?void 0:i.assignedElements()[0];if(n){this.syncingInputSlots.add(t);n.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 r=(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){var i=a.assignedElements()[0];i.addEventListener("mdsInputDateSelect",this.createFocusoutListener("start"))}if(r){var i=r.assignedElements()[0];i.addEventListener("mdsInputDateSelect",this.createFocusoutListener("end"))}};t.prototype.createFocusoutListener=function(t){var e=this;return function(a){if(e.syncingInputSlots.has(t)){return}var r=a;e.clearHoverPreview();if(t==="start"){e.internalStartDate=r.detail;e.setVisibleCalendarDate(e.internalStartDate)}else{e.internalEndDate=r.detail}e.syncFormValue()}};t.prototype.validateDateRange=function(){if(this.internalStartDate&&this.internalEndDate){var t=DateTime_1.fromISO(this.internalStartDate);var e=DateTime_1.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){e.forEach((function(e){var a=e;var r=a.start===t.internalStartDate&&a.end===t.internalEndDate;var i=a.start===t.internalStartDate&&t.internalStartDate===t.internalEndDate&&a.end===undefined;if(r||i){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?{min:this.min}:{},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?{min:this.min}:{},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?{min:this.min}:{},this.max?{max:this.max}:{})))};t.prototype.render=function(){var t=this;return h(Host,{key:"9f1d15ce17187fb4346d4a8248d9fef359235f54",onClick:this.focusDateInput},h("div",{key:"419236ee8bead4665a0164957282bcd5e7659661",class:"inputs"},h("div",{key:"e25a78a35ab091ccf357ade3a27b646b94ec42a6",class:"input-element"},h("mds-text",{key:"7d93c5d1ee1a8c690aeb18b88607f081c3785c1e",class:"date-label",typography:"detail",onClick:this.focusStartDateInput},this.t.get("from")),h("div",{key:"bb2b95cf1de464d9158df7aecb950af7927e7272",class:"input-wrapper"},h("slot",{key:"57cf6f4832fe383e22e5210e8d8f1584ac0a0f34",name:"start"}))),h("div",{key:"dd707a289ce5862549a1d98b3010861af2fe05ac",class:"input-element"},h("mds-text",{key:"212ba05e753f6b5f04032fc9eadbee33a66abccc",class:"date-label",typography:"detail",onClick:this.focusEndDateInput},this.t.get("to")),h("div",{key:"15cf868bb6808fd8f2bf4a8c13720e813c277d66",class:"input-wrapper"},h("slot",{key:"788d2c3ee00fd81724f1b058971a1366f3db6172",name:"end"})))),h("div",{key:"ca0c8be9804fdd2b7c4b7d17d234328182023f0b",class:"action-open-calendar-wrapper"},h("mds-button",{key:"9b4beb75e39698d2877c129b346024d785d8ba98",class:"action-open-calendar",variant:"dark",tone:"quiet",icon:miBaselineCalendarToday,id:"calendar-dropdown",onClick:function(){t.calendarKey+=1}})),h("mds-dropdown",{key:"3274e94a6ae30fa2f060edeaa8f906972689af63",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,r;var i=(e=(t=this.internalStartDate)===null||t===void 0?void 0:t.trim())!==null&&e!==void 0?e:"";var n=(r=(a=this.internalEndDate)===null||a===void 0?void 0:a.trim())!==null&&r!==void 0?r:"";if(!i&&!n){this.internals.setFormValue(null);return}this.internals.setFormValue(JSON.stringify({startDate:i,endDate:n}))};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"],endDate:["handleEndDateChange"]}},enumerable:false,configurable:true});return t}();MdsInputDateRange.style=MdsInputDateRangeStyle0;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,a){function n(t){return t instanceof e?t:new e((function(r){r(t)}))}return new(e||(e=Promise))((function(e,i){function d(t){try{s(a.next(t))}catch(t){i(t)}}function o(t){try{s(a["throw"](t))}catch(t){i(t)}}function s(t){t.done?e(t.value):n(t.value).then(d,o)}s((a=a.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:[]},a,n,i,d;return d={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function o(t){return function(r){return s([t,r])}}function s(o){if(a)throw new TypeError("Generator is already executing.");while(d&&(d=0,o[0]&&(e=0)),e)try{if(a=1,n&&(i=o[0]&2?n["return"]:o[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,o[1])).done)return i;if(n=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;n=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(i=e.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){e.label=o[1];break}if(o[0]===6&&e.label<i[1]){e.label=i[1];i=o;break}if(i&&e.label<i[2]){e.label=i[2];e.ops.push(o);break}if(i[2])e.ops.pop();e.trys.pop();continue}o=r.call(t,e)}catch(t){o=[6,t];n=0}finally{a=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-7f153b9b.js";import{m as miBaselineCalendarToday}from"./calendar-today-1a4fecdc.js";import{D as DateTime_1}from"./luxon-f19ca6e2.js";import{L as Locale}from"./locale-2adad180.js";import"./_commonjsHelpers-bdec4bbd.js";var mdsInputDateCss='@tailwind utilities; :host{--mds-input-date-background:rgb(var(--tone-neutral));--mds-input-date-field-background-empty:rgb(var(--status-error-10));--mds-input-date-field-color-empty:rgb(var(--status-error-06));--mds-input-date-icon-color:var(--mds-input-date-variant-color);--mds-input-date-ring:0 0 0 1px rgb(var(--mds-input-date-variant-color) / 0.1);--mds-input-date-shadow:0 1px 3px 0 rgb(var(--mds-input-date-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-date-variant-color) / 0.06);--mds-input-date-variant-color:0 0 0;min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;gap:0.5rem;color:rgb(var(--tone-neutral-02));container-type:inline-size;display:-ms-flexbox;display:flex;overflow:visible;position:relative}.input::-webkit-calendar-picker-indicator{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;display:none}.input{min-height:1.25rem;font-family:\'Roboto Mono\', \'Courier New\', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:transparent;border:0;border-radius:0.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;overflow:hidden;text-overflow:ellipsis;-webkit-transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform, -webkit-box-shadow, -webkit-transform;width:-moz-min-content;width:-webkit-min-content;width:min-content}:host([empty]) .input{background-color:var(--mds-input-date-field-background-empty);color:var(--mds-input-date-field-color-empty)}:host([slot]){color:inherit;display:contents}:host([slot]) .input{cursor:text;text-align:center}:host(:not([slot])) .input{border-radius:0.5rem;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:3rem;background-color:var(--mds-input-date-background);-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;width:100%}:host(:focus-within) .input{outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);--mds-input-date-ring:0 0 0 3px rgb(var(--mds-input-date-variant-color) / 1);--mds-input-date-shadow:0 4px 6px 3px rgb(var(--mds-input-date-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-date-variant-color) / 0.06)}.input:focus{outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);--mds-input-date-ring:0 0 0 3px rgb(var(--mds-input-date-variant-color) / 1);--mds-input-date-shadow:0 4px 6px 3px rgb(var(--mds-input-date-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-date-variant-color) / 0.06)}.input::-moz-placeholder{color:rgb(var(--tone-neutral-04))}.input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-04))}.input:-ms-input-placeholder{color:rgb(var(--tone-neutral-04))}.input::-ms-input-placeholder{color:rgb(var(--tone-neutral-04))}.input::placeholder{color:rgb(var(--tone-neutral-04))}.input::-webkit-outer-spin-button,.input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;display:none;margin:0}.input:disabled{background-color:rgb(var(--tone-neutral-10))}.input:disabled::-moz-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled::-webkit-input-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled:-ms-input-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled::-ms-input-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled,.input:disabled::placeholder{color:rgb(var(--tone-neutral-05))}.action-open-calendar{--mds-button-color:rgb(var(--mds-input-date-icon-color));aspect-ratio:1;bottom:0;position:absolute;right:0;top:0}:host([disabled]:not([disabled="false"])) .action-open-calendar{-webkit-transform:translate(0.625rem, 0.5rem);transform:translate(0.625rem, 0.5rem)}mds-calendar{min-width:-moz-max-content;min-width:-webkit-max-content;min-width:max-content}mds-dropdown{padding:0}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}:host-context(.pref-animation-reduce) .input{-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system) .input{-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-theme-dark){--mds-input-date-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-background:rgb(var(--tone-neutral-09));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-dark) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-input-date-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-background:rgb(var(--tone-neutral-09));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-system) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}}:host-context(.pref-contrast-more){--mds-input-date-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-background:rgb(var(--tone-neutral-09));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-input-date-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-background:rgb(var(--tone-neutral-09));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}}@supports (-moz-appearance: none){.action-open-calendar{display:none}:host(:not([slot])) .input{padding-right:1rem}}:host{--mds-input-date-icon-color:var(--variant-primary-03);--mds-input-date-variant-color:0 0 0}:host(:focus-within){--mds-input-date-variant-color:var(--variant-primary-04)}:host([variant="info"]){--mds-input-date-icon-color:var(--status-info-05);--mds-input-date-tip-background:var(--status-info-05);--mds-input-date-variant-color:0 0 0}:host([variant="info"]:focus-within){--mds-input-date-icon-color:var(--status-info-04);--mds-input-date-variant-color:var(--status-info-05)}:host([variant="success"]){--mds-input-date-icon-color:var(--status-success-05);--mds-input-date-tip-background:var(--status-success-05);--mds-input-date-variant-color:0 0 0}:host([variant="success"]:focus-within){--mds-input-date-icon-color:var(--status-success-04);--mds-input-date-variant-color:var(--status-success-05)}:host([variant="warning"]){--mds-input-date-icon-color:var(--status-warning-05);--mds-input-date-tip-background:var(--status-warning-05);--mds-input-date-variant-color:0 0 0}:host([variant="warning"]:focus-within){--mds-input-date-icon-color:var(--status-warning-04);--mds-input-date-variant-color:var(--status-warning-05)}:host([variant="error"]){--mds-input-date-icon-color:var(--status-error-05);--mds-input-date-tip-background:var(--status-error-05);--mds-input-date-variant-color:0 0 0}:host([variant="error"]:focus-within){--mds-input-date-icon-color:var(--status-error-04);--mds-input-date-variant-color:var(--status-error-05)}';var MdsInputDateStyle0=mdsInputDateCss;var MdsInputDate=function(){function t(t){var r=this;registerInstance(this,t);this.validationEvent=createEvent(this,"mdsInputValidation",7);this.valueChange=createEvent(this,"mdsInputDateSelect",7);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.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()};this.onBlur=function(t){var e=t.target;r.hasFocus=false;r.value=e.value};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(){var t=DateTime_1.fromISO(this.value);var r=t.invalid;var e=this.max&&DateTime_1.fromISO(this.max)<t||this.min&&DateTime_1.fromISO(this.min)>t;if(r&&this.required||e){this.isValid=false;this.variant="error";this.internals.setFormValue(null)}else{this.isValid=true;this.variant="primary";this.internals.setFormValue(this.value)}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");this.value=this.value||"";this.language=this.t.lang(this.host);if(this.min&&this.max){var t=DateTime_1.fromISO(this.min);var r=DateTime_1.fromISO(this.max);if(r<t){this.max=this.min}}this.validateValue()};t.prototype.render=function(){var t=this;return h(Host,{key:"6f98a43d84a87d7e0540331a3f7d37bbf4eca633"},h("input",{key:"ec75ae2fd091ee48a4f965057e2b2ae1b3ecddd4",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("mds-button",{key:"6c7ea4d660fa79b2ba681d255ab48a6d8a0015a9",id:"calendar-dropdown",class:"action-open-calendar",disabled:this.disabled,variant:"dark",tone:"quiet",icon:miBaselineCalendarToday,onClick:function(){t.calendarKey+=1}}),h("mds-input-tip",{key:"ebbc8300462052aa8bac94a9ac7f66fc96852a0b",lang:this.language,position:"top",active:this.hasFocus},this.disabled&&h("mds-input-tip-item",{key:"54a9dd6905b25759f13fd625a9e64b0e41152e04",expanded:true,variant:"disabled"}),this.readonly&&h("mds-input-tip-item",{key:"ecd6bfc83bda3ee8faeb9a990fc6886ab45f0f8d",expanded:true,variant:"readonly"}),this.required&&h("mds-input-tip-item",{key:"e5b890f827a7a17b58d075bd4f500d208a512512",expanded:this.hasFocus,variant:this.isValid?"required-success":"required"})),!this.isSlotted&&h("mds-dropdown",{key:"34a37a18aea7c9e9476fc660229d3bec208ec8c9",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?{min:this.min}:{},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"]}},enumerable:false,configurable:true});return t}();MdsInputDate.style=MdsInputDateStyle0;export{MdsInputDate as mds_input_date};
+var __awaiter=this&&this.__awaiter||function(t,r,e,a){function n(t){return t instanceof e?t:new e((function(r){r(t)}))}return new(e||(e=Promise))((function(e,i){function d(t){try{s(a.next(t))}catch(t){i(t)}}function o(t){try{s(a["throw"](t))}catch(t){i(t)}}function s(t){t.done?e(t.value):n(t.value).then(d,o)}s((a=a.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:[]},a,n,i,d;return d={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function o(t){return function(r){return s([t,r])}}function s(o){if(a)throw new TypeError("Generator is already executing.");while(d&&(d=0,o[0]&&(e=0)),e)try{if(a=1,n&&(i=o[0]&2?n["return"]:o[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,o[1])).done)return i;if(n=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;n=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(i=e.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){e.label=o[1];break}if(o[0]===6&&e.label<i[1]){e.label=i[1];i=o;break}if(i&&e.label<i[2]){e.label=i[2];e.ops.push(o);break}if(i[2])e.ops.pop();e.trys.pop();continue}o=r.call(t,e)}catch(t){o=[6,t];n=0}finally{a=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-7f153b9b.js";import{m as miBaselineCalendarToday}from"./calendar-today-1a4fecdc.js";import{D as DateTime_1}from"./luxon-f19ca6e2.js";import{L as Locale}from"./locale-2adad180.js";import"./_commonjsHelpers-bdec4bbd.js";var mdsInputDateCss='@tailwind utilities; :host{--mds-input-date-background:rgb(var(--tone-neutral));--mds-input-date-field-background-empty:rgb(var(--status-error-10));--mds-input-date-field-color-empty:rgb(var(--status-error-06));--mds-input-date-icon-color:var(--mds-input-date-variant-color);--mds-input-date-ring:0 0 0 1px rgb(var(--mds-input-date-variant-color) / 0.1);--mds-input-date-shadow:0 1px 3px 0 rgb(var(--mds-input-date-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-date-variant-color) / 0.06);--mds-input-date-variant-color:0 0 0;min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;gap:0.5rem;color:rgb(var(--tone-neutral-02));container-type:inline-size;display:-ms-flexbox;display:flex;overflow:visible;position:relative}.input::-webkit-calendar-picker-indicator{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;display:none}.input{min-height:1.25rem;font-family:\'Roboto Mono\', \'Courier New\', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:transparent;border:0;border-radius:0.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;overflow:hidden;text-overflow:ellipsis;-webkit-transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform, -webkit-box-shadow, -webkit-transform;width:-moz-min-content;width:-webkit-min-content;width:min-content}:host([empty]) .input{background-color:var(--mds-input-date-field-background-empty);color:var(--mds-input-date-field-color-empty)}:host([slot]){color:inherit;display:contents}:host([slot]) .input{cursor:text;text-align:center}:host(:not([slot])) .input{border-radius:0.5rem;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:3rem;background-color:var(--mds-input-date-background);-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;width:100%}:host(:focus-within) .input{outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);--mds-input-date-ring:0 0 0 3px rgb(var(--mds-input-date-variant-color) / 1);--mds-input-date-shadow:0 4px 6px 3px rgb(var(--mds-input-date-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-date-variant-color) / 0.06)}.input:focus{outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);--mds-input-date-ring:0 0 0 3px rgb(var(--mds-input-date-variant-color) / 1);--mds-input-date-shadow:0 4px 6px 3px rgb(var(--mds-input-date-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-date-variant-color) / 0.06)}.input::-moz-placeholder{color:rgb(var(--tone-neutral-04))}.input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-04))}.input:-ms-input-placeholder{color:rgb(var(--tone-neutral-04))}.input::-ms-input-placeholder{color:rgb(var(--tone-neutral-04))}.input::placeholder{color:rgb(var(--tone-neutral-04))}.input::-webkit-outer-spin-button,.input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;display:none;margin:0}.input:disabled{background-color:rgb(var(--tone-neutral-10))}.input:disabled::-moz-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled::-webkit-input-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled:-ms-input-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled::-ms-input-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled,.input:disabled::placeholder{color:rgb(var(--tone-neutral-05))}.action-open-calendar{--mds-button-color:rgb(var(--mds-input-date-icon-color));aspect-ratio:1;bottom:0;position:absolute;right:0;top:0}:host([disabled]:not([disabled="false"])) .action-open-calendar{-webkit-transform:translate(0.625rem, 0.5rem);transform:translate(0.625rem, 0.5rem)}mds-calendar{min-width:-moz-max-content;min-width:-webkit-max-content;min-width:max-content}mds-dropdown{padding:0}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}:host-context(.pref-animation-reduce) .input{-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system) .input{-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-theme-dark){--mds-input-date-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-background:rgb(var(--tone-neutral-09));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-dark) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-input-date-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-background:rgb(var(--tone-neutral-09));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-system) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}}:host-context(.pref-contrast-more){--mds-input-date-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-background:rgb(var(--tone-neutral-09));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-input-date-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-background:rgb(var(--tone-neutral-09));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}}@supports (-moz-appearance: none){.action-open-calendar{display:none}:host(:not([slot])) .input{padding-right:1rem}}:host{--mds-input-date-icon-color:var(--variant-primary-03);--mds-input-date-variant-color:0 0 0}:host(:focus-within){--mds-input-date-variant-color:var(--variant-primary-04)}:host([variant="info"]){--mds-input-date-icon-color:var(--status-info-05);--mds-input-date-tip-background:var(--status-info-05);--mds-input-date-variant-color:0 0 0}:host([variant="info"]:focus-within){--mds-input-date-icon-color:var(--status-info-04);--mds-input-date-variant-color:var(--status-info-05)}:host([variant="success"]){--mds-input-date-icon-color:var(--status-success-05);--mds-input-date-tip-background:var(--status-success-05);--mds-input-date-variant-color:0 0 0}:host([variant="success"]:focus-within){--mds-input-date-icon-color:var(--status-success-04);--mds-input-date-variant-color:var(--status-success-05)}:host([variant="warning"]){--mds-input-date-icon-color:var(--status-warning-05);--mds-input-date-tip-background:var(--status-warning-05);--mds-input-date-variant-color:0 0 0}:host([variant="warning"]:focus-within){--mds-input-date-icon-color:var(--status-warning-04);--mds-input-date-variant-color:var(--status-warning-05)}:host([variant="error"]){--mds-input-date-icon-color:var(--status-error-05);--mds-input-date-tip-background:var(--status-error-05);--mds-input-date-variant-color:0 0 0}:host([variant="error"]:focus-within){--mds-input-date-icon-color:var(--status-error-04);--mds-input-date-variant-color:var(--status-error-05)}';var MdsInputDateStyle0=mdsInputDateCss;var MdsInputDate=function(){function t(t){var r=this;registerInstance(this,t);this.validationEvent=createEvent(this,"mdsInputValidation",7);this.valueChange=createEvent(this,"mdsInputDateSelect",7);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_1.fromISO(this.value);var e=Boolean(this.value);var a=e&&!r.isValid;var n=this.required&&!e;var i=r.isValid&&(this.max&&DateTime_1.fromISO(this.max)<r||this.min&&DateTime_1.fromISO(this.min)>r);if(t||a||n||i){this.isValid=false;this.variant="error";this.internals.setFormValue(null);this.empty=t||a?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");this.value=this.value||"";this.language=this.t.lang(this.host);if(this.min&&this.max){var t=DateTime_1.fromISO(this.min);var r=DateTime_1.fromISO(this.max);if(r<t){this.max=this.min}}this.validateValue()};t.prototype.render=function(){var t=this;return h(Host,{key:"52c3166d9b5401776ff61e0e535571896a9d6ba8",empty:this.empty},h("input",{key:"a4f3f1c9c3602bb977677aa3063f2968c70adf33",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:"e002daf5efa4367d1519acfb566ce4faf61d4fcd",class:"action-open-calendar-wrapper"},h("mds-button",{key:"e9c6f3191dc6fcb226a3f08d8526d44900816ba5",id:"calendar-dropdown",class:"action-open-calendar",disabled:this.disabled,variant:"dark",tone:"quiet",icon:miBaselineCalendarToday,onClick:function(){t.calendarKey+=1}})),h("mds-input-tip",{key:"b4a4308288531dfb0d3b890393d5243b4687d459",lang:this.language,position:"top",active:this.hasFocus},this.disabled&&h("mds-input-tip-item",{key:"4bc411c37bb5da3465443b72db0c7915c5bb5afd",expanded:true,variant:"disabled"}),this.readonly&&h("mds-input-tip-item",{key:"6ba171f9f821354bcfbd7d9e8574dd5681a30a9b",expanded:true,variant:"readonly"}),this.required&&h("mds-input-tip-item",{key:"4f69ccf812baee84c9831f9ce3ac57d74f8a7038",expanded:this.hasFocus,variant:this.isValid?"required-success":"required"})),!this.isSlotted&&h("mds-dropdown",{key:"79f6ffd4fe2f708c9786904406e700c921200356",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?{min:this.min}:{},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"]}},enumerable:false,configurable:true});return t}();MdsInputDate.style=MdsInputDateStyle0;export{MdsInputDate as mds_input_date};