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

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,r,a,t){function i(e){return e instanceof a?e:new a((function(r){r(e)}))}return new(a||(a=Promise))((function(a,n){function o(e){try{s(t.next(e))}catch(e){n(e)}}function d(e){try{s(t["throw"](e))}catch(e){n(e)}}function s(e){e.done?a(e.value):i(e.value).then(o,d)}s((t=t.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},t,i,n,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=d(0),o["throw"]=d(1),o["return"]=d(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function d(e){return function(r){return s([e,r])}}function s(d){if(t)throw new TypeError("Generator is already executing.");while(o&&(o=0,d[0]&&(a=0)),a)try{if(t=1,i&&(n=d[0]&2?i["return"]:d[0]?i["throw"]||((n=i["return"])&&n.call(i),0):i.next)&&!(n=n.call(i,d[1])).done)return n;if(i=0,n)d=[d[0]&2,n.value];switch(d[0]){case 0:case 1:n=d;break;case 4:a.label++;return{value:d[1],done:false};case 5:a.label++;i=d[1];d=[0];continue;case 7:d=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(d[0]===6||d[0]===2)){a=0;continue}if(d[0]===3&&(!n||d[1]>n[0]&&d[1]<n[3])){a.label=d[1];break}if(d[0]===6&&a.label<n[1]){a.label=n[1];n=d;break}if(n&&a.label<n[2]){a.label=n[2];a.ops.push(d);break}if(n[2])a.ops.pop();a.trys.pop();continue}d=r.call(e,a)}catch(e){d=[6,e];i=0}finally{t=n=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-BfAC4pqU.js";var mdsHeaderCss='@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-header-color:rgb(var(--tone-neutral-02,244 244 244));--mds-header-icon-color:var(--mds-header-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-header-modal-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-header-backdrop-height:calc(var(--spacing,.0025rem)*1600);--mds-header-inline-margin-mobile:calc(var(--spacing,.0025rem)*400);--mds-header-inline-margin:calc(var(--spacing,.0025rem)*600);--mds-header-z-index:var(--magma-header-z-index,1000);--mds-header-backdrop-show:true;--mds-header-backdrop-blur-strength:2px}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-modal:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-header-backdrop-show{syntax:"true|false";inherits:false;initial-value:true}@property --mds-header-backdrop-blur-strength{syntax:"<length>";inherits:false;initial-value:2px}:host{--mds-header-color:rgb(var(--tone-neutral-02,244 244 244));--mds-header-hidden-bar-translate-inline:translateY(-150%);--mds-header-hidden-bar-translate-stripe:translateY(-110%);--mds-header-icon-color:var(--mds-header-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-header-modal-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-header-backdrop-blur-strength:2px;--mds-header-backdrop-height:calc(var(--spacing,.0025rem)*1600);--mds-header-backdrop-show:true;--mds-header-z-index:var(--magma-header-z-index,1000);--mds-header-inline-margin-mobile:calc(var(--spacing,.0025rem)*400);--mds-header-inline-margin:calc(var(--spacing,.0025rem)*600);--mds-header-backdrop-background-image:linear-gradient(0deg,#0000,#00000026);--private-mask-opacity:1;color:var(--mds-header-color,rgb(var(--tone-neutral-02,244 244 244)));fill:var(--mds-header-icon-color,var(--mds-header-color,rgb(var(--tone-neutral-02,244 244 244))));position:relative;z-index:var(--mds-header-z-index,var(--magma-header-z-index,1000))}.modal{--mds-modal-close-icon-color:var(--mds-header-modal-icon-color,rgb(var(--tone-neutral,0 0 0)));z-index:var(--mds-header-z-index,var(--magma-header-z-index,1000))}:host([appearance=inline]) ::slotted(mds-header-bar){--mds-header-inline-margin-current:var(--mds-header-inline-margin,calc(var(--spacing,.0025rem)*600));border-radius:var(--radius-lg,16px);margin-bottom:var(--mds-header-inline-margin-current);margin-top:var(--mds-header-inline-margin-current);max-width:var(--breakpoint-wide,1280px);width:calc(100% - var(--mds-header-inline-margin-current)*2)}:host([menu=none]) .menu{display:none}:host([visibility=hidden][appearance=stripe]) ::slotted(mds-header-bar){-webkit-transform:var(--mds-header-hidden-bar-translate-stripe);transform:var(--mds-header-hidden-bar-translate-stripe)}:host([visibility=hidden][appearance=inline]) ::slotted(mds-header-bar){-webkit-transform:var(--mds-header-hidden-bar-translate-inline);transform:var(--mds-header-hidden-bar-translate-inline)}.backdrop{align-items:center;-webkit-backdrop-filter:blur(var(--mds-header-backdrop-blur-strength,10px));backdrop-filter:blur(var(--mds-header-backdrop-blur-strength,10px));background-image:var(--mds-header-backdrop-background-image);content:"";display:flex;height:var(--mds-header-backdrop-height,calc(var(--spacing,.0025rem)*1600));inset:0;opacity:1;position:fixed;transform:translate(0);transition-duration:.2s;transition-property:opacity,transform;width:100%}.backdrop-blur-item{--private-gradient-position:calc(100% - (sibling-count() - sibling-index())*5%);display:none}.backdrop-blur-item:first-child{--private-gradient-position:100%}.backdrop-blur-item:nth-child(2){--private-gradient-position:95%}.backdrop-blur-item:nth-child(3){--private-gradient-position:90%}.backdrop-blur-item:nth-child(4){--private-gradient-position:85%}.backdrop-blur-item:nth-child(5){--private-gradient-position:80%}.backdrop-blur-item:nth-child(6){--private-gradient-position:75%}.backdrop-blur-item:nth-child(7){--private-gradient-position:70%}.backdrop-blur-item:nth-child(8){--private-gradient-position:65%}.backdrop-blur-item:nth-child(9){--private-gradient-position:60%}.backdrop-blur-item:nth-child(10){--private-gradient-position:55%}.backdrop-blur-item:nth-child(11){--private-gradient-position:50%}@supports ((-webkit-mask-image:linear-gradient(rgb(0 0 0/1),transparent)) or (mask-image:linear-gradient(rgb(0 0 0/1),transparent))){.backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background-image:none}.backdrop-blur-item{-webkit-backdrop-filter:blur(var(--mds-header-backdrop-blur-strength,1px));backdrop-filter:blur(var(--mds-header-backdrop-blur-strength,1px));display:flex;inset:0;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(40%,rgb(0 0 0/var(--private-mask-opacity,1))),to(#0000));mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(40%,rgb(0 0 0/var(--private-mask-opacity,1))),to(#0000));-webkit-mask-image:linear-gradient(to bottom,rgb(0 0 0/var(--private-mask-opacity,1)) 40%,#0000 var(--private-gradient-position,100%));mask-image:linear-gradient(to bottom,rgb(0 0 0/var(--private-mask-opacity,1)) 40%,#0000 var(--private-gradient-position,100%));pointer-events:none;position:absolute}}:host([appearance=inline]) .backdrop{transform:translate(0)}:host([appearance=stripe]) .backdrop,:host([visibility=hidden]) .backdrop{--mds-header-backdrop-blur-strength:0px;transform:translateY(-100%)}@container style(--mds-header-backdrop-show:false){:host-context(:not(.safari)) .backdrop{display:none}}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-header-modal-icon-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-consumption-high) .backdrop{--mds-header-backdrop-background-image:none}:host-context(:root.pref-consumption-medium) .backdrop{--mds-header-backdrop-blur-strength:1px}:host-context(:root.pref-consumption-low) .backdrop{--mds-header-backdrop-blur-strength:0px;display:none}@media (max-width:767px){:host([appearance=inline]) ::slotted(mds-header-bar){--mds-header-inline-margin-current:var(--mds-header-inline-margin-mobile,calc(var(--spacing,.0025rem)*400))}}@media not all and (min-width:768px){:host([menu=desktop]) .menu{display:none}}@media (min-width:1024px){:host([menu=mobile]) .menu{display:none}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-header-modal-icon-color:rgb(var(--tone-neutral-01,255 255 255))}}';var MdsHeader=function(){function e(e){var r=this;registerInstance(this,e);this.closedEvent=createEvent(this,"mdsHeaderClose");this.visibleEvent=createEvent(this,"mdsHeaderVisibilityChange");this.relativeTresholdDown=0;this.relativePosition=0;this.relativeThresholdUp=0;this.sanitizedAppearance=["stripe"];this.appearanceThreshold=300;this.appearance="stripe";this.backdrop=true;this.menu="mobile";this.nav="desktop";this.threshold=1;this.visibility="visible";this.mobileMenu=function(){return r.host.querySelector(':scope > [slot="menu"]')};this.close=function(){r.isOpened=false;r.closedEvent.emit({bar:r.headerBar});r.headerBar.setOpened(false)};this.handleVisibility=function(){if(!r.autoHide){return}if(window.scrollY<r.autoHide){r.visibility="visible";r.relativeThresholdUp=0;r.relativeTresholdDown=0;r.relativePosition=0;return}if(r.relativeTresholdDown-window.scrollY<=0){r.visibility="hidden";r.relativePosition=r.relativeTresholdDown}if(r.relativeThresholdUp-window.scrollY>=r.threshold){r.visibility="visible";r.relativeThresholdUp=window.scrollY;r.relativePosition=r.relativeThresholdUp}if(r.relativePosition<r.autoHide&&r.autoHide-window.scrollY<=0){r.visibility="hidden";r.relativePosition=r.autoHide}if(window.scrollY>r.relativeThresholdUp){r.relativeThresholdUp=window.scrollY}else{r.relativeTresholdDown=window.scrollY+r.threshold}};this.sanitizeAppearance=function(){if(!r.appearanceSet){return[r.appearance]}var e=/\b(\w+)\b/g;var a=r.appearanceSet.match(e);if(a){return a}return[r.appearance]};this.handleAppearance=function(){var e,a;if(window.scrollY>=r.appearanceThreshold){r.appearance=(e=r.sanitizedAppearance[1])!==null&&e!==void 0?e:r.appearance;return}r.appearance=(a=r.sanitizedAppearance[0])!==null&&a!==void 0?a:r.appearance};this.handleScroll=function(){if(typeof window==="undefined")return;if(r.autoHide){r.handleVisibility()}if(r.sanitizedAppearance.length>1){r.handleAppearance()}};this.setAppearanceSetData=function(){r.sanitizedAppearance=r.sanitizeAppearance();if(r.sanitizedAppearance[2]){r.appearanceThreshold=r.sanitizedAppearance[2]}r.relativeTresholdDown=r.threshold};this.initScrollListener=function(){if(!window){return}r.setAppearanceSetData();window.addEventListener("scroll",r.handleScroll)};this.defineHeaderBar=function(){r.headerBar=r.host.querySelector("mds-header-bar")}}e.prototype.setOpened=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=true}return __generator(this,(function(r){this.isOpened=e;return[2]}))}))};e.prototype.disconnectedCallback=function(){if(!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,r){if(e===r){return}if(this.headerBar){this.headerBar.menu=e}};e.prototype.onNavChangedHandler=function(e,r){if(e===r){return}if(this.headerBar){this.headerBar.nav=e}};e.prototype.onAppearanceSetChangedHandler=function(){this.setAppearanceSetData()};e.prototype.handleVisibilityChange=function(e,r){if(e!==r){this.visibleEvent.emit({visibility:e})}};e.prototype.render=function(){return h(Host,{key:"fd2460a71688aa65ee0565d4ecf6c214ca34154e"},this.backdrop&&h("div",{key:"de34fe54d6aad43628585406a5c2ab15e251ccd3",class:"backdrop"},h("div",{key:"7d41e6853fa34d662c00694a3e2ba5d6df72da9c",class:"backdrop-blur-item"}),h("div",{key:"b0d219348da5cfa1710b7b3ed5b2df9dfed06b03",class:"backdrop-blur-item"}),h("div",{key:"47ccf8c2aab974a3d3462b3b5eccab5c8099f4c5",class:"backdrop-blur-item"}),h("div",{key:"b269780c2cc42aee6a33cede54c4c804e72cf0d5",class:"backdrop-blur-item"}),h("div",{key:"eb1c837b9d6bef56c8573387a4e8f12eccab754f",class:"backdrop-blur-item"}),h("div",{key:"43debc4aa20f167259cb0e295abae91738f570ae",class:"backdrop-blur-item"}),h("div",{key:"aed859d7f13aeb1b39405809eebe298b0676b227",class:"backdrop-blur-item"}),h("div",{key:"132a2828e89e260ac0b2235cc936ee58f730c48a",class:"backdrop-blur-item"}),h("div",{key:"10f063695d84dc6e214983f1f4ebe013aca84902",class:"backdrop-blur-item"}),h("div",{key:"93aff2c4d086ffca321495b14aed16f4ff7f2b5c",class:"backdrop-blur-item"})),h("slot",{key:"417db97ad635f351dfb70b941a64fa3f8ad92064"}),this.hasMenu&&h("div",{key:"df98336788b29148338e6b29d5b724fe6feff822",class:"menu",part:"menu"},h("mds-modal",{key:"b08071d663840e750be9e11c78519a4c56183611",class:"modal",opened:this.isOpened,onMdsModalClose:this.close,position:"right"},h("slot",{key:"1487f523e00deb9eb1c754eeb9c03fb4be22c5c0",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=mdsHeaderCss;export{MdsHeader as mds_header};
+var __awaiter=this&&this.__awaiter||function(e,r,a,t){function i(e){return e instanceof a?e:new a((function(r){r(e)}))}return new(a||(a=Promise))((function(a,n){function o(e){try{s(t.next(e))}catch(e){n(e)}}function d(e){try{s(t["throw"](e))}catch(e){n(e)}}function s(e){e.done?a(e.value):i(e.value).then(o,d)}s((t=t.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},t,i,n,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=d(0),o["throw"]=d(1),o["return"]=d(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function d(e){return function(r){return s([e,r])}}function s(d){if(t)throw new TypeError("Generator is already executing.");while(o&&(o=0,d[0]&&(a=0)),a)try{if(t=1,i&&(n=d[0]&2?i["return"]:d[0]?i["throw"]||((n=i["return"])&&n.call(i),0):i.next)&&!(n=n.call(i,d[1])).done)return n;if(i=0,n)d=[d[0]&2,n.value];switch(d[0]){case 0:case 1:n=d;break;case 4:a.label++;return{value:d[1],done:false};case 5:a.label++;i=d[1];d=[0];continue;case 7:d=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(d[0]===6||d[0]===2)){a=0;continue}if(d[0]===3&&(!n||d[1]>n[0]&&d[1]<n[3])){a.label=d[1];break}if(d[0]===6&&a.label<n[1]){a.label=n[1];n=d;break}if(n&&a.label<n[2]){a.label=n[2];a.ops.push(d);break}if(n[2])a.ops.pop();a.trys.pop();continue}d=r.call(e,a)}catch(e){d=[6,e];i=0}finally{t=n=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";var mdsHeaderCss=function(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-header-color:rgb(var(--tone-neutral-02,244 244 244));--mds-header-icon-color:var(--mds-header-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-header-modal-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-header-backdrop-height:calc(var(--spacing,.0025rem)*1600);--mds-header-inline-margin-mobile:calc(var(--spacing,.0025rem)*400);--mds-header-inline-margin:calc(var(--spacing,.0025rem)*600);--mds-header-z-index:var(--magma-header-z-index,1000);--mds-header-backdrop-show:true;--mds-header-backdrop-blur-strength:2px}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-modal:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-header-backdrop-show{syntax:"true|false";inherits:false;initial-value:true}@property --mds-header-backdrop-blur-strength{syntax:"<length>";inherits:false;initial-value:2px}:host{--mds-header-color:rgb(var(--tone-neutral-02,244 244 244));--mds-header-hidden-bar-translate-inline:translateY(-150%);--mds-header-hidden-bar-translate-stripe:translateY(-110%);--mds-header-icon-color:var(--mds-header-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-header-modal-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-header-backdrop-blur-strength:2px;--mds-header-backdrop-height:calc(var(--spacing,.0025rem)*1600);--mds-header-backdrop-show:true;--mds-header-z-index:var(--magma-header-z-index,1000);--mds-header-inline-margin-mobile:calc(var(--spacing,.0025rem)*400);--mds-header-inline-margin:calc(var(--spacing,.0025rem)*600);--mds-header-backdrop-background-image:linear-gradient(0deg,#0000,#00000026);--private-mask-opacity:1;color:var(--mds-header-color,rgb(var(--tone-neutral-02,244 244 244)));fill:var(--mds-header-icon-color,var(--mds-header-color,rgb(var(--tone-neutral-02,244 244 244))));position:relative;z-index:var(--mds-header-z-index,var(--magma-header-z-index,1000))}.modal{--mds-modal-close-icon-color:var(--mds-header-modal-icon-color,rgb(var(--tone-neutral,0 0 0)));z-index:var(--mds-header-z-index,var(--magma-header-z-index,1000))}:host([appearance=inline]) ::slotted(mds-header-bar){--mds-header-inline-margin-current:var(--mds-header-inline-margin,calc(var(--spacing,.0025rem)*600));border-radius:var(--radius-lg,16px);margin-bottom:var(--mds-header-inline-margin-current);margin-top:var(--mds-header-inline-margin-current);max-width:var(--breakpoint-wide,1280px);width:calc(100% - var(--mds-header-inline-margin-current)*2)}:host([menu=none]) .menu{display:none}:host([visibility=hidden][appearance=stripe]) ::slotted(mds-header-bar){-webkit-transform:var(--mds-header-hidden-bar-translate-stripe);transform:var(--mds-header-hidden-bar-translate-stripe)}:host([visibility=hidden][appearance=inline]) ::slotted(mds-header-bar){-webkit-transform:var(--mds-header-hidden-bar-translate-inline);transform:var(--mds-header-hidden-bar-translate-inline)}.backdrop{align-items:center;-webkit-backdrop-filter:blur(var(--mds-header-backdrop-blur-strength,10px));backdrop-filter:blur(var(--mds-header-backdrop-blur-strength,10px));background-image:var(--mds-header-backdrop-background-image);content:"";display:flex;height:var(--mds-header-backdrop-height,calc(var(--spacing,.0025rem)*1600));inset:0;opacity:1;position:fixed;transform:translate(0);transition-duration:.2s;transition-property:opacity,transform;width:100%}.backdrop-blur-item{--private-gradient-position:calc(100% - (sibling-count() - sibling-index())*5%);display:none}.backdrop-blur-item:first-child{--private-gradient-position:100%}.backdrop-blur-item:nth-child(2){--private-gradient-position:95%}.backdrop-blur-item:nth-child(3){--private-gradient-position:90%}.backdrop-blur-item:nth-child(4){--private-gradient-position:85%}.backdrop-blur-item:nth-child(5){--private-gradient-position:80%}.backdrop-blur-item:nth-child(6){--private-gradient-position:75%}.backdrop-blur-item:nth-child(7){--private-gradient-position:70%}.backdrop-blur-item:nth-child(8){--private-gradient-position:65%}.backdrop-blur-item:nth-child(9){--private-gradient-position:60%}.backdrop-blur-item:nth-child(10){--private-gradient-position:55%}.backdrop-blur-item:nth-child(11){--private-gradient-position:50%}@supports ((-webkit-mask-image:linear-gradient(rgb(0 0 0/1),transparent)) or (mask-image:linear-gradient(rgb(0 0 0/1),transparent))){.backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background-image:none}.backdrop-blur-item{-webkit-backdrop-filter:blur(var(--mds-header-backdrop-blur-strength,1px));backdrop-filter:blur(var(--mds-header-backdrop-blur-strength,1px));display:flex;inset:0;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(40%,rgb(0 0 0/var(--private-mask-opacity,1))),to(#0000));mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(40%,rgb(0 0 0/var(--private-mask-opacity,1))),to(#0000));-webkit-mask-image:linear-gradient(to bottom,rgb(0 0 0/var(--private-mask-opacity,1)) 40%,#0000 var(--private-gradient-position,100%));mask-image:linear-gradient(to bottom,rgb(0 0 0/var(--private-mask-opacity,1)) 40%,#0000 var(--private-gradient-position,100%));pointer-events:none;position:absolute}}:host([appearance=inline]) .backdrop{transform:translate(0)}:host([appearance=stripe]) .backdrop,:host([visibility=hidden]) .backdrop{--mds-header-backdrop-blur-strength:0px;transform:translateY(-100%)}@container style(--mds-header-backdrop-show:false){:host-context(:not(.safari)) .backdrop{display:none}}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-header-modal-icon-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-consumption-high) .backdrop{--mds-header-backdrop-background-image:none}:host-context(:root.pref-consumption-medium) .backdrop{--mds-header-backdrop-blur-strength:1px}:host-context(:root.pref-consumption-low) .backdrop{--mds-header-backdrop-blur-strength:0px;display:none}@media (max-width:767px){:host([appearance=inline]) ::slotted(mds-header-bar){--mds-header-inline-margin-current:var(--mds-header-inline-margin-mobile,calc(var(--spacing,.0025rem)*400))}}@media not all and (min-width:768px){:host([menu=desktop]) .menu{display:none}}@media (min-width:1024px){:host([menu=mobile]) .menu{display:none}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-header-modal-icon-color:rgb(var(--tone-neutral-01,255 255 255))}}'};var MdsHeader=function(){function e(e){var r=this;registerInstance(this,e);this.closedEvent=createEvent(this,"mdsHeaderClose");this.visibleEvent=createEvent(this,"mdsHeaderVisibilityChange");this.relativeTresholdDown=0;this.relativePosition=0;this.relativeThresholdUp=0;this.sanitizedAppearance=["stripe"];this.appearanceThreshold=300;this.appearance="stripe";this.backdrop=true;this.menu="mobile";this.nav="desktop";this.threshold=1;this.visibility="visible";this.mobileMenu=function(){return r.host.querySelector(':scope > [slot="menu"]')};this.close=function(){r.isOpened=false;r.closedEvent.emit({bar:r.headerBar});r.headerBar.setOpened(false)};this.handleVisibility=function(){if(!r.autoHide){return}if(window.scrollY<r.autoHide){r.visibility="visible";r.relativeThresholdUp=0;r.relativeTresholdDown=0;r.relativePosition=0;return}if(r.relativeTresholdDown-window.scrollY<=0){r.visibility="hidden";r.relativePosition=r.relativeTresholdDown}if(r.relativeThresholdUp-window.scrollY>=r.threshold){r.visibility="visible";r.relativeThresholdUp=window.scrollY;r.relativePosition=r.relativeThresholdUp}if(r.relativePosition<r.autoHide&&r.autoHide-window.scrollY<=0){r.visibility="hidden";r.relativePosition=r.autoHide}if(window.scrollY>r.relativeThresholdUp){r.relativeThresholdUp=window.scrollY}else{r.relativeTresholdDown=window.scrollY+r.threshold}};this.sanitizeAppearance=function(){if(!r.appearanceSet){return[r.appearance]}var e=/\b(\w+)\b/g;var a=r.appearanceSet.match(e);if(a){return a}return[r.appearance]};this.handleAppearance=function(){var e,a;if(window.scrollY>=r.appearanceThreshold){r.appearance=(e=r.sanitizedAppearance[1])!==null&&e!==void 0?e:r.appearance;return}r.appearance=(a=r.sanitizedAppearance[0])!==null&&a!==void 0?a:r.appearance};this.handleScroll=function(){if(typeof window==="undefined")return;if(r.autoHide){r.handleVisibility()}if(r.sanitizedAppearance.length>1){r.handleAppearance()}};this.setAppearanceSetData=function(){r.sanitizedAppearance=r.sanitizeAppearance();if(r.sanitizedAppearance[2]){r.appearanceThreshold=r.sanitizedAppearance[2]}r.relativeTresholdDown=r.threshold};this.initScrollListener=function(){if(!window){return}r.setAppearanceSetData();window.addEventListener("scroll",r.handleScroll)};this.defineHeaderBar=function(){r.headerBar=r.host.querySelector("mds-header-bar")}}e.prototype.setOpened=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e=true}return __generator(this,(function(r){this.isOpened=e;return[2]}))}))};e.prototype.disconnectedCallback=function(){if(!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,r){if(e===r){return}if(this.headerBar){this.headerBar.menu=e}};e.prototype.onNavChangedHandler=function(e,r){if(e===r){return}if(this.headerBar){this.headerBar.nav=e}};e.prototype.onAppearanceSetChangedHandler=function(){this.setAppearanceSetData()};e.prototype.handleVisibilityChange=function(e,r){if(e!==r){this.visibleEvent.emit({visibility:e})}};e.prototype.render=function(){return h(Host,{key:"fd2460a71688aa65ee0565d4ecf6c214ca34154e"},this.backdrop&&h("div",{key:"de34fe54d6aad43628585406a5c2ab15e251ccd3",class:"backdrop"},h("div",{key:"7d41e6853fa34d662c00694a3e2ba5d6df72da9c",class:"backdrop-blur-item"}),h("div",{key:"b0d219348da5cfa1710b7b3ed5b2df9dfed06b03",class:"backdrop-blur-item"}),h("div",{key:"47ccf8c2aab974a3d3462b3b5eccab5c8099f4c5",class:"backdrop-blur-item"}),h("div",{key:"b269780c2cc42aee6a33cede54c4c804e72cf0d5",class:"backdrop-blur-item"}),h("div",{key:"eb1c837b9d6bef56c8573387a4e8f12eccab754f",class:"backdrop-blur-item"}),h("div",{key:"43debc4aa20f167259cb0e295abae91738f570ae",class:"backdrop-blur-item"}),h("div",{key:"aed859d7f13aeb1b39405809eebe298b0676b227",class:"backdrop-blur-item"}),h("div",{key:"132a2828e89e260ac0b2235cc936ee58f730c48a",class:"backdrop-blur-item"}),h("div",{key:"10f063695d84dc6e214983f1f4ebe013aca84902",class:"backdrop-blur-item"}),h("div",{key:"93aff2c4d086ffca321495b14aed16f4ff7f2b5c",class:"backdrop-blur-item"})),h("slot",{key:"417db97ad635f351dfb70b941a64fa3f8ad92064"}),this.hasMenu&&h("div",{key:"df98336788b29148338e6b29d5b724fe6feff822",class:"menu",part:"menu"},h("mds-modal",{key:"b08071d663840e750be9e11c78519a4c56183611",class:"modal",opened:this.isOpened,onMdsModalClose:this.close,position:"right"},h("slot",{key:"1487f523e00deb9eb1c754eeb9c03fb4be22c5c0",name:"menu"}))))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{menu:[{onMenuChangedHandler:0}],nav:[{onNavChangedHandler:0}],appearanceSet:[{onAppearanceSetChangedHandler:0}],visibility:[{handleVisibilityChange:0}]}},enumerable:false,configurable:true});return e}();MdsHeader.style=mdsHeaderCss();export{MdsHeader as mds_header};

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

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

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

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-BfAC4pqU.js";var mdsHrCss="@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{background-color:rgb(var(--tone-neutral-08,107 107 107));border:0;border-radius:1000px;display:flex;height:1px;width:100%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){background-color:rgb(var(--tone-neutral-07,134 134 134))}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){background-color:rgb(var(--tone-neutral-07,134 134 134))}}";var MdsHr=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{key:"e1055c3a5074fb93c5b51ce658a5eced9516b231"})};return e}();MdsHr.style=mdsHrCss;export{MdsHr as mds_hr};
+import{r as registerInstance,h,H as Host}from"./index-CAd5312P.js";var mdsHrCss=function(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{background-color:rgb(var(--tone-neutral-08,107 107 107));border:0;border-radius:1000px;display:flex;height:1px;width:100%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){background-color:rgb(var(--tone-neutral-07,134 134 134))}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){background-color:rgb(var(--tone-neutral-07,134 134 134))}}"};var MdsHr=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{key:"e1055c3a5074fb93c5b51ce658a5eced9516b231"})};return e}();MdsHr.style=mdsHrCss();export{MdsHr as mds_hr};

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

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

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

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-BfAC4pqU.js";var mdsInputDateRangePreselectionCss="@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-date-range-preselection-default-background:rgb(var(--tone-neutral-08,107 107 107)/0);--mds-date-range-preselection-default-border:var(--tone-neutral-08,107 107 107);--mds-date-range-preselection-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-selected-background:rgb(var(--variant-primary-03,211 226 255));--mds-date-range-preselection-selected-border:var(--variant-primary-03,211 226 255);--mds-date-range-preselection-selected-color:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-background:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-border:var(--tone-neutral,0 0 0);--mds-date-range-preselection-hover-color:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-date-range-preselection-default-background:rgb(var(--tone-neutral-08,107 107 107)/0);--mds-date-range-preselection-default-border:var(--tone-neutral-08,107 107 107);--mds-date-range-preselection-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-selected-background:rgb(var(--variant-primary-03,211 226 255));--mds-date-range-preselection-selected-border:var(--variant-primary-03,211 226 255);--mds-date-range-preselection-selected-color:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-background:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-border:var(--tone-neutral,0 0 0);--mds-date-range-preselection-hover-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-background:var(--mds-date-range-preselection-default-background,rgb(var(--tone-neutral-08,107 107 107)/0));--mds-date-range-preselection-border:var(--mds-date-range-preselection-default-border,var(--tone-neutral-08,107 107 107));--mds-date-range-preselection-color:var(--mds-date-range-preselection-default-color,rgb(var(--tone-neutral-03,233 233 233)));display:inline-flex;justify-self:start}:host .action{--mds-button-background:var(--mds-date-range-preselection-background);--mds-button-border-color:var(--mds-date-range-preselection-border);--mds-button-color:var(--mds-date-range-preselection-color)}:host .action:hover{--mds-date-range-preselection-background:var(--mds-date-range-preselection-hover-background,rgb(var(--tone-neutral,0 0 0)));--mds-date-range-preselection-border:var(--mds-date-range-preselection-hover-border,var(--tone-neutral,0 0 0));--mds-date-range-preselection-color:var(--mds-date-range-preselection-hover-color,rgb(var(--tone-neutral-03,233 233 233)))}:host([selected]) .action{--mds-date-range-preselection-background:var(--mds-date-range-preselection-selected-background,rgb(var(--variant-primary-03,211 226 255)));--mds-date-range-preselection-border:var(--mds-date-range-preselection-selected-border,var(--variant-primary-03,211 226 255));--mds-date-range-preselection-color:var(--mds-date-range-preselection-selected-color,rgb(var(--tone-neutral,0 0 0)));pointer-events:none}";var MdsInputDateRangePreselection=function(){function e(e){var r=this;registerInstance(this,e);this.onClick=function(e){var t;e.stopPropagation();var a=(t=r.host)===null||t===void 0?void 0:t.closest("mds-input-date-range");if(a){a.preselect({caller:r.host,start:r.start,end:r.end});r.selected=true}}}e.prototype.render=function(){return h(Host,{key:"8fa6eff199d4eb92067407c1efd132a4185caf71",slot:"calendar-preselection"},h("mds-button",{key:"c44190a71d6fc70321dbbf987c09d0b5e7398515",onClick:this.onClick,class:"action",variant:"primary",tone:"strong"},h("slot",{key:"61050bd14f48b266a8db2dc120e51c40aa2ebadc"})))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsInputDateRangePreselection.style=mdsInputDateRangePreselectionCss;export{MdsInputDateRangePreselection as mds_input_date_range_preselection};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";var mdsInputDateRangePreselectionCss=function(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-date-range-preselection-default-background:rgb(var(--tone-neutral-08,107 107 107)/0);--mds-date-range-preselection-default-border:var(--tone-neutral-08,107 107 107);--mds-date-range-preselection-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-selected-background:rgb(var(--variant-primary-03,211 226 255));--mds-date-range-preselection-selected-border:var(--variant-primary-03,211 226 255);--mds-date-range-preselection-selected-color:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-background:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-border:var(--tone-neutral,0 0 0);--mds-date-range-preselection-hover-color:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-date-range-preselection-default-background:rgb(var(--tone-neutral-08,107 107 107)/0);--mds-date-range-preselection-default-border:var(--tone-neutral-08,107 107 107);--mds-date-range-preselection-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-selected-background:rgb(var(--variant-primary-03,211 226 255));--mds-date-range-preselection-selected-border:var(--variant-primary-03,211 226 255);--mds-date-range-preselection-selected-color:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-background:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-border:var(--tone-neutral,0 0 0);--mds-date-range-preselection-hover-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-background:var(--mds-date-range-preselection-default-background,rgb(var(--tone-neutral-08,107 107 107)/0));--mds-date-range-preselection-border:var(--mds-date-range-preselection-default-border,var(--tone-neutral-08,107 107 107));--mds-date-range-preselection-color:var(--mds-date-range-preselection-default-color,rgb(var(--tone-neutral-03,233 233 233)));display:inline-flex;justify-self:start}:host .action{--mds-button-background:var(--mds-date-range-preselection-background);--mds-button-border-color:var(--mds-date-range-preselection-border);--mds-button-color:var(--mds-date-range-preselection-color)}:host .action:hover{--mds-date-range-preselection-background:var(--mds-date-range-preselection-hover-background,rgb(var(--tone-neutral,0 0 0)));--mds-date-range-preselection-border:var(--mds-date-range-preselection-hover-border,var(--tone-neutral,0 0 0));--mds-date-range-preselection-color:var(--mds-date-range-preselection-hover-color,rgb(var(--tone-neutral-03,233 233 233)))}:host([selected]) .action{--mds-date-range-preselection-background:var(--mds-date-range-preselection-selected-background,rgb(var(--variant-primary-03,211 226 255)));--mds-date-range-preselection-border:var(--mds-date-range-preselection-selected-border,var(--variant-primary-03,211 226 255));--mds-date-range-preselection-color:var(--mds-date-range-preselection-selected-color,rgb(var(--tone-neutral,0 0 0)));pointer-events:none}"};var MdsInputDateRangePreselection=function(){function e(e){var r=this;registerInstance(this,e);this.onClick=function(e){var t;e.stopPropagation();var a=(t=r.host)===null||t===void 0?void 0:t.closest("mds-input-date-range");if(a){a.preselect({caller:r.host,start:r.start,end:r.end});r.selected=true}}}e.prototype.render=function(){return h(Host,{key:"8fa6eff199d4eb92067407c1efd132a4185caf71",slot:"calendar-preselection"},h("mds-button",{key:"c44190a71d6fc70321dbbf987c09d0b5e7398515",onClick:this.onClick,class:"action",variant:"primary",tone:"strong"},h("slot",{key:"61050bd14f48b266a8db2dc120e51c40aa2ebadc"})))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsInputDateRangePreselection.style=mdsInputDateRangePreselectionCss();export{MdsInputDateRangePreselection as mds_input_date_range_preselection};

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,a,r){function n(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,i){function o(t){try{d(r.next(t))}catch(t){i(t)}}function s(t){try{d(r["throw"](t))}catch(t){i(t)}}function d(t){t.done?a(t.value):n(t.value).then(o,s)}d((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,n,i,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=s(0),o["throw"]=s(1),o["return"]=s(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return d([t,e])}}function d(s){if(r)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(a=0)),a)try{if(r=1,n&&(i=s[0]&2?n["return"]:s[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;if(n=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:a.label++;return{value:s[1],done:false};case 5:a.label++;n=s[1];s=[0];continue;case 7:s=a.ops.pop();a.trys.pop();continue;default:if(!(i=a.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){a=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(s[0]===6&&a.label<i[1]){a.label=i[1];i=s;break}if(i&&a.label<i[2]){a.label=i[2];a.ops.push(s);break}if(i[2])a.ops.pop();a.trys.pop();continue}s=e.call(t,a)}catch(t){s=[6,t];n=0}finally{r=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-BfAC4pqU.js";import{m as miBaselineCalendarToday}from"./calendar-today-BVQMG7KJ.js";import{D as DateTime}from"./datetime-C4yPBff1.js";import{c as clsx}from"./clsx-ChV9xqsO.js";import{L as Locale}from"./locale-a4oAcjYG.js";var from$3="Από";var to$3="έως";var localeEl={from:from$3,to:to$3};var from$2="From";var to$2="to";var localeEn={from:from$2,to:to$2};var from$1="De";var to$1="a";var localeEs={from:from$1,to:to$1};var from="Dal";var to="al";var localeIt={from:from,to:to};var mdsInputDateRangeCss='@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-input-date-range-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 calc(var(--spacing,.0025rem)*200);--mds-input-date-range-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-range-variant-color-rgb:0 0 0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-calendar,mds-dropdown,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-input-date-range-fields-firefox-justify-content{syntax:"start|end|center|left|right|flex-start|flex-end";inherits:false;initial-value:start}@property --mds-input-date-range-variant-color-rgb{syntax:"<integer>+";inherits:false;initial-value:0 0 0}:host{--mds-input-date-range-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 calc(var(--spacing,.0025rem)*200);--mds-input-date-range-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-range-ring:0 0 0 1px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1);--mds-input-date-range-shadow:0 1px 3px 0 rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1),0 1px 2px 0 rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.06);font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--radius-2xl,24px);color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);container-type:inline-size;cursor:text;display:flex;gap:calc(var(--spacing,.0025rem)*200);overflow:visible;position:relative;--mds-input-date-range-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-date-range-variant-color-rgb:0 0 0}.date-preselection{display:grid;gap:calc(var(--spacing,.0025rem)*200)}.inputs{font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--mds-input-date-range-background,rgb(var(--tone-neutral,0 0 0)));border-radius:inherit;-webkit-box-shadow:var(--mds-input-date-range-ring),var(--mds-input-date-range-shadow);box-shadow:var(--mds-input-date-range-ring),var(--mds-input-date-range-shadow);box-sizing:border-box;color:inherit;corner-shape:inherit;align-items:center;border:0;display:inline-flex;flex-wrap:wrap;gap:var(--mds-input-date-range-fields-gap,0 calc(var(--spacing,.0025rem)*200));margin:0;min-height:3rem;overflow:hidden;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);text-overflow:ellipsis;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,border-color,box-shadow,color,fill,margin,opacity,padding,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:100%}.input-element{align-items:baseline;display:inline-flex}:host(:focus-within) .inputs{--tw-outline-style:none;outline-style:none;transition-duration:var(--default-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--default-transition-timing-function);--mds-input-date-range-ring:0 0 0 3px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/1);--mds-input-date-range-shadow:0 4px 6px 3px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1),0 2px 4px -1px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.06);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input-wrapper{display:flex;flex-shrink:0}.date-label{margin-left:calc(var(--spacing,.0025rem)*50);margin-right:calc(var(--spacing,.0025rem)*50);min-width:min-content;white-space:nowrap}.date-label:first-child{margin-left:0}mds-calendar{min-width:max-content}.action-open-calendar-wrapper{align-items:center;aspect-ratio:1;bottom:0;display:flex;justify-content:center;position:absolute;right:0;top:0}.action-open-calendar{--mds-button-color:var(--mds-input-date-range-icon-color,rgb(var(--variant-primary-03,211 226 255)))}mds-dropdown{padding:0}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-date-range-ring:var(--shadow-outline-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}:host-context(:root.pref-contrast-more){--mds-input-date-range-ring:var(--shadow-outline-strong-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}@supports ((-moz-appearance:none)){.action-open-calendar{display:none}.inputs{-ms-flex-pack:var(--mds-input-date-range-fields-firefox-justify-content,start);justify-content:var(--mds-input-date-range-fields-firefox-justify-content,start);padding-right:calc(var(--spacing,.0025rem)*400)}}:host(:focus-within){--mds-input-date-range-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-date-range-variant-color-rgb:var(--variant-primary-04,184 208 255)}:host([variant=ai]){--mds-input-date-range-icon-color:rgb(var(--variant-ai-04,218 199 253));--mds-input-tip-background:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=ai]:focus-within){--mds-input-date-range-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-range-variant-color-rgb:var(--variant-ai-04,218 199 253)}:host([variant=info]){--mds-input-date-range-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=info]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-date-range-variant-color-rgb:var(--status-info-04,159 216 241)}:host([variant=success]){--mds-input-date-range-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=success]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-date-range-variant-color-rgb:var(--status-success-04,158 222 181)}:host([variant=warning]){--mds-input-date-range-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=warning]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-date-range-variant-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=error]){--mds-input-date-range-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=error]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-date-range-variant-color-rgb:var(--status-error-04,254 193 189)}@media (forced-colors:active){:host(:focus-within) .inputs{outline:2px solid #0000;outline-offset:2px}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-input-date-range-ring:var(--shadow-outline-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-date-range-ring:var(--shadow-outline-strong-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}}';var MdsInputDateRange=function(){function t(t){var e=this;registerInstance(this,t);this.dateRangeSelected=createEvent(this,"mdsInputDateRangeSelect");this.valueChanged=createEvent(this,"mdsInputDateRangeValueChange");if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.calendarKey=0;this.internalStartDate="";this.internalEndDate="";this.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 a=DateTime.fromISO(e.internalStartDate).isValid;var r=DateTime.fromISO(e.internalEndDate).isValid;if(a&&r){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.fromISO(this.min);var e=DateTime.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,a,r,n,i,o;return __generator(this,(function(s){switch(s.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;r=DateTime.fromISO(t.start);if(r.isValid){this.internalStartDate=t.start;this.updateInputValue("start",this.internalStartDate)}if(t.end!==undefined){n=DateTime.fromISO(t.end);if(n.isValid){this.internalEndDate=t.end}}else{this.internalEndDate=t.start}this.updateInputValue("end",this.internalEndDate);this.syncFormValue();i=(a=(e=this.host)===null||e===void 0?void 0:e.shadowRoot)===null||a===void 0?void 0:a.querySelector("mds-calendar");if(!i)return[3,2];return[4,i.updateCurrentDate(this.internalStartDate)];case 1:s.sent();if(this.delay===0)return[2];o=this.dropdownRef;if(o){setTimeout((function(){o.visible=false}),this.delay)}s.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 a=e!==null&&e!==void 0?e:"";if(t==="start"){if(a===this.internalStartDate)return;this.internalStartDate=a}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;var r=(a=this.host.shadowRoot)===null||a===void 0?void 0:a.querySelector('slot[name="'.concat(t,'"]'));var n=r===null||r===void 0?void 0:r.assignedElements()[0];if(n){n.setValue(e)}};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 n=a.assignedElements()[0];n.addEventListener("mdsInputDateSelect",this.createFocusoutListener("start"))}if(r){var n=r.assignedElements()[0];n.addEventListener("mdsInputDateSelect",this.createFocusoutListener("end"))}};t.prototype.createFocusoutListener=function(t){var e=this;return function(a){var r=a;if(t==="start"){e.internalStartDate=r.detail}else{e.internalEndDate=r.detail}e.syncFormValue()}};t.prototype.validateDateRange=function(){if(this.internalStartDate&&this.internalEndDate){var t=DateTime.fromISO(this.internalStartDate);var e=DateTime.fromISO(this.internalEndDate);if(e<t){this.internalEndDate=this.internalStartDate;this.updateInputValue("end",this.internalEndDate)}}};t.prototype.checkPreselections=function(){var t=this;var e=Array.from(this.host.querySelectorAll("mds-input-date-range-preselection"));if(e){e.forEach((function(e){var a=e;var r=a.start===t.internalStartDate&&a.end===t.internalEndDate;var n=a.start===t.internalStartDate&&t.internalStartDate===t.internalEndDate&&a.end===undefined;if(r||n){a.selected=true}else{a.selected=false}}))}};t.prototype.render=function(){var t=this;return h(Host,{key:"4aef8d318b0cab17f4ad1d7c276cbd0db2d2038d",onClick:this.focusDateInput},h("div",{key:"8cc6be57143826af84c01a617fe4e2f47f45b63d",class:"inputs"},h("div",{key:"b79ce756d5064394cc2a3920ff72beb30e01ceb1",class:"input-element"},h("mds-text",{key:"29825a813f7b8fb553c7ffce9db377e1884409fe",class:"date-label",typography:"detail",onClick:this.focusStartDateInput},this.t.get("from")),h("div",{key:"829e272b2e59be82c1e7d46e1c7f219965ed9645",class:"input-wrapper"},h("slot",{key:"9dce89ebb990e417772dfd22f3773e34e0372087",name:"start"}))),h("div",{key:"7d1c88dac297479bbb7ac19d29bdc2a61878c9ec",class:"input-element"},h("mds-text",{key:"ed4e0bf4f145127142cb4b093aadc8e065259395",class:"date-label",typography:"detail",onClick:this.focusEndDateInput},this.t.get("to")),h("div",{key:"41c3ec52338798b32eb5439c6c429785405fb17d",class:"input-wrapper"},h("slot",{key:"9d2c09367d5aa5e4f53dfbfb46ddab6695372cbb",name:"end"})))),h("div",{key:"6a3d364492b926fc9ff36173acc973b4a2f5d549",class:"action-open-calendar-wrapper"},h("mds-button",{key:"1542474a4fd9d8f293511daa0021105d995d59a2",class:"action-open-calendar",variant:"dark",tone:"text",icon:miBaselineCalendarToday,id:"calendar-dropdown",onClick:function(){t.calendarKey+=1}})),h("mds-dropdown",{key:"aaa26eeab22f16125384fcfcc35ea7b1e6daf8cf",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 a=t.dropdownRef;if(a){setTimeout((function(){a.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:"906707dd59ff68bb46a411aae205d74cb61113bf",slot:"preselection",class:clsx("date-preselection",this.hasPreselection&&"date-preselection--has-preselection")},h("slot",{key:"e96a49b3797994bb00f66f5f9e88d4c7435e91cb",name:"calendar-preselection"})))))};t.prototype.syncFormValue=function(){var t,e,a,r;var n=(e=(t=this.internalStartDate)===null||t===void 0?void 0:t.trim())!==null&&e!==void 0?e:"";var i=(r=(a=this.internalEndDate)===null||a===void 0?void 0:a.trim())!==null&&r!==void 0?r:"";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=mdsInputDateRangeCss;export{MdsInputDateRange as mds_input_date_range};
+var __awaiter=this&&this.__awaiter||function(t,e,a,r){function n(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,i){function o(t){try{d(r.next(t))}catch(t){i(t)}}function s(t){try{d(r["throw"](t))}catch(t){i(t)}}function d(t){t.done?a(t.value):n(t.value).then(o,s)}d((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,n,i,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=s(0),o["throw"]=s(1),o["return"]=s(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return d([t,e])}}function d(s){if(r)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(a=0)),a)try{if(r=1,n&&(i=s[0]&2?n["return"]:s[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;if(n=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:a.label++;return{value:s[1],done:false};case 5:a.label++;n=s[1];s=[0];continue;case 7:s=a.ops.pop();a.trys.pop();continue;default:if(!(i=a.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){a=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(s[0]===6&&a.label<i[1]){a.label=i[1];i=s;break}if(i&&a.label<i[2]){a.label=i[2];a.ops.push(s);break}if(i[2])a.ops.pop();a.trys.pop();continue}s=e.call(t,a)}catch(t){s=[6,t];n=0}finally{r=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{m as miBaselineCalendarToday}from"./calendar-today-BVQMG7KJ.js";import{D as DateTime}from"./datetime-BJtA1qmE.js";import{c as clsx}from"./clsx-ChV9xqsO.js";import{L as Locale}from"./locale-a4oAcjYG.js";var from$3="Από";var to$3="έως";var localeEl={from:from$3,to:to$3};var from$2="From";var to$2="to";var localeEn={from:from$2,to:to$2};var from$1="De";var to$1="a";var localeEs={from:from$1,to:to$1};var from="Dal";var to="al";var localeIt={from:from,to:to};var mdsInputDateRangeCss=function(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-input-date-range-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 calc(var(--spacing,.0025rem)*200);--mds-input-date-range-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-range-variant-color-rgb:0 0 0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-calendar,mds-dropdown,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-input-date-range-fields-firefox-justify-content{syntax:"start|end|center|left|right|flex-start|flex-end";inherits:false;initial-value:start}@property --mds-input-date-range-variant-color-rgb{syntax:"<integer>+";inherits:false;initial-value:0 0 0}:host{--mds-input-date-range-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 calc(var(--spacing,.0025rem)*200);--mds-input-date-range-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-range-ring:0 0 0 1px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1);--mds-input-date-range-shadow:0 1px 3px 0 rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1),0 1px 2px 0 rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.06);font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--radius-2xl,24px);color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);container-type:inline-size;cursor:text;display:flex;gap:calc(var(--spacing,.0025rem)*200);overflow:visible;position:relative;--mds-input-date-range-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-date-range-variant-color-rgb:0 0 0}.date-preselection{display:grid;gap:calc(var(--spacing,.0025rem)*200)}.inputs{font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--mds-input-date-range-background,rgb(var(--tone-neutral,0 0 0)));border-radius:inherit;-webkit-box-shadow:var(--mds-input-date-range-ring),var(--mds-input-date-range-shadow);box-shadow:var(--mds-input-date-range-ring),var(--mds-input-date-range-shadow);box-sizing:border-box;color:inherit;corner-shape:inherit;align-items:center;border:0;display:inline-flex;flex-wrap:wrap;gap:var(--mds-input-date-range-fields-gap,0 calc(var(--spacing,.0025rem)*200));margin:0;min-height:3rem;overflow:hidden;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);text-overflow:ellipsis;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,border-color,box-shadow,color,fill,margin,opacity,padding,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:100%}.input-element{align-items:baseline;display:inline-flex}:host(:focus-within) .inputs{--tw-outline-style:none;outline-style:none;transition-duration:var(--default-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--default-transition-timing-function);--mds-input-date-range-ring:0 0 0 3px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/1);--mds-input-date-range-shadow:0 4px 6px 3px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1),0 2px 4px -1px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.06);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input-wrapper{display:flex;flex-shrink:0}.date-label{margin-left:calc(var(--spacing,.0025rem)*50);margin-right:calc(var(--spacing,.0025rem)*50);min-width:min-content;white-space:nowrap}.date-label:first-child{margin-left:0}mds-calendar{min-width:max-content}.action-open-calendar-wrapper{align-items:center;aspect-ratio:1;bottom:0;display:flex;justify-content:center;position:absolute;right:0;top:0}.action-open-calendar{--mds-button-color:var(--mds-input-date-range-icon-color,rgb(var(--variant-primary-03,211 226 255)))}mds-dropdown{padding:0}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-date-range-ring:var(--shadow-outline-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}:host-context(:root.pref-contrast-more){--mds-input-date-range-ring:var(--shadow-outline-strong-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}@supports ((-moz-appearance:none)){.action-open-calendar{display:none}.inputs{-ms-flex-pack:var(--mds-input-date-range-fields-firefox-justify-content,start);justify-content:var(--mds-input-date-range-fields-firefox-justify-content,start);padding-right:calc(var(--spacing,.0025rem)*400)}}:host(:focus-within){--mds-input-date-range-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-date-range-variant-color-rgb:var(--variant-primary-04,184 208 255)}:host([variant=ai]){--mds-input-date-range-icon-color:rgb(var(--variant-ai-04,218 199 253));--mds-input-tip-background:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=ai]:focus-within){--mds-input-date-range-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-range-variant-color-rgb:var(--variant-ai-04,218 199 253)}:host([variant=info]){--mds-input-date-range-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=info]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-date-range-variant-color-rgb:var(--status-info-04,159 216 241)}:host([variant=success]){--mds-input-date-range-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=success]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-date-range-variant-color-rgb:var(--status-success-04,158 222 181)}:host([variant=warning]){--mds-input-date-range-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=warning]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-date-range-variant-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=error]){--mds-input-date-range-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=error]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-date-range-variant-color-rgb:var(--status-error-04,254 193 189)}@media (forced-colors:active){:host(:focus-within) .inputs{outline:2px solid #0000;outline-offset:2px}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-input-date-range-ring:var(--shadow-outline-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-date-range-ring:var(--shadow-outline-strong-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}}'};var MdsInputDateRange=function(){function t(t){var e=this;registerInstance(this,t);this.dateRangeSelected=createEvent(this,"mdsInputDateRangeSelect");this.valueChanged=createEvent(this,"mdsInputDateRangeValueChange");if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.calendarKey=0;this.internalStartDate="";this.internalEndDate="";this.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 a=DateTime.fromISO(e.internalStartDate).isValid;var r=DateTime.fromISO(e.internalEndDate).isValid;if(a&&r){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.fromISO(this.min);var e=DateTime.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,a,r,n,i,o;return __generator(this,(function(s){switch(s.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;r=DateTime.fromISO(t.start);if(r.isValid){this.internalStartDate=t.start;this.updateInputValue("start",this.internalStartDate)}if(t.end!==undefined){n=DateTime.fromISO(t.end);if(n.isValid){this.internalEndDate=t.end}}else{this.internalEndDate=t.start}this.updateInputValue("end",this.internalEndDate);this.syncFormValue();i=(a=(e=this.host)===null||e===void 0?void 0:e.shadowRoot)===null||a===void 0?void 0:a.querySelector("mds-calendar");if(!i)return[3,2];return[4,i.updateCurrentDate(this.internalStartDate)];case 1:s.sent();if(this.delay===0)return[2];o=this.dropdownRef;if(o){setTimeout((function(){o.visible=false}),this.delay)}s.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 a=e!==null&&e!==void 0?e:"";if(t==="start"){if(a===this.internalStartDate)return;this.internalStartDate=a}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;var r=(a=this.host.shadowRoot)===null||a===void 0?void 0:a.querySelector('slot[name="'.concat(t,'"]'));var n=r===null||r===void 0?void 0:r.assignedElements()[0];if(n){n.setValue(e)}};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 n=a.assignedElements()[0];n.addEventListener("mdsInputDateSelect",this.createFocusoutListener("start"))}if(r){var n=r.assignedElements()[0];n.addEventListener("mdsInputDateSelect",this.createFocusoutListener("end"))}};t.prototype.createFocusoutListener=function(t){var e=this;return function(a){var r=a;if(t==="start"){e.internalStartDate=r.detail}else{e.internalEndDate=r.detail}e.syncFormValue()}};t.prototype.validateDateRange=function(){if(this.internalStartDate&&this.internalEndDate){var t=DateTime.fromISO(this.internalStartDate);var e=DateTime.fromISO(this.internalEndDate);if(e<t){this.internalEndDate=this.internalStartDate;this.updateInputValue("end",this.internalEndDate)}}};t.prototype.checkPreselections=function(){var t=this;var e=Array.from(this.host.querySelectorAll("mds-input-date-range-preselection"));if(e){e.forEach((function(e){var a=e;var r=a.start===t.internalStartDate&&a.end===t.internalEndDate;var n=a.start===t.internalStartDate&&t.internalStartDate===t.internalEndDate&&a.end===undefined;if(r||n){a.selected=true}else{a.selected=false}}))}};t.prototype.render=function(){var t=this;return h(Host,{key:"4aef8d318b0cab17f4ad1d7c276cbd0db2d2038d",onClick:this.focusDateInput},h("div",{key:"8cc6be57143826af84c01a617fe4e2f47f45b63d",class:"inputs"},h("div",{key:"b79ce756d5064394cc2a3920ff72beb30e01ceb1",class:"input-element"},h("mds-text",{key:"29825a813f7b8fb553c7ffce9db377e1884409fe",class:"date-label",typography:"detail",onClick:this.focusStartDateInput},this.t.get("from")),h("div",{key:"829e272b2e59be82c1e7d46e1c7f219965ed9645",class:"input-wrapper"},h("slot",{key:"9dce89ebb990e417772dfd22f3773e34e0372087",name:"start"}))),h("div",{key:"7d1c88dac297479bbb7ac19d29bdc2a61878c9ec",class:"input-element"},h("mds-text",{key:"ed4e0bf4f145127142cb4b093aadc8e065259395",class:"date-label",typography:"detail",onClick:this.focusEndDateInput},this.t.get("to")),h("div",{key:"41c3ec52338798b32eb5439c6c429785405fb17d",class:"input-wrapper"},h("slot",{key:"9d2c09367d5aa5e4f53dfbfb46ddab6695372cbb",name:"end"})))),h("div",{key:"6a3d364492b926fc9ff36173acc973b4a2f5d549",class:"action-open-calendar-wrapper"},h("mds-button",{key:"1542474a4fd9d8f293511daa0021105d995d59a2",class:"action-open-calendar",variant:"dark",tone:"text",icon:miBaselineCalendarToday,id:"calendar-dropdown",onClick:function(){t.calendarKey+=1}})),h("mds-dropdown",{key:"aaa26eeab22f16125384fcfcc35ea7b1e6daf8cf",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 a=t.dropdownRef;if(a){setTimeout((function(){a.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:"906707dd59ff68bb46a411aae205d74cb61113bf",slot:"preselection",class:clsx("date-preselection",this.hasPreselection&&"date-preselection--has-preselection")},h("slot",{key:"e96a49b3797994bb00f66f5f9e88d4c7435e91cb",name:"calendar-preselection"})))))};t.prototype.syncFormValue=function(){var t,e,a,r;var n=(e=(t=this.internalStartDate)===null||t===void 0?void 0:t.trim())!==null&&e!==void 0?e:"";var i=(r=(a=this.internalEndDate)===null||a===void 0?void 0:a.trim())!==null&&r!==void 0?r:"";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:0}],endDate:[{handleEndDateChange:0}]}},enumerable:false,configurable:true});return t}();MdsInputDateRange.style=mdsInputDateRangeCss();export{MdsInputDateRange as mds_input_date_range};

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,r,e,n){function a(t){return t instanceof e?t:new e((function(r){r(t)}))}return new(e||(e=Promise))((function(e,i){function o(t){try{d(n.next(t))}catch(t){i(t)}}function s(t){try{d(n["throw"](t))}catch(t){i(t)}}function d(t){t.done?e(t.value):a(t.value).then(o,s)}d((n=n.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var e={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=s(0),o["throw"]=s(1),o["return"]=s(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(r){return d([t,r])}}function d(s){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(e=0)),e)try{if(n=1,a&&(i=s[0]&2?a["return"]:s[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,s[1])).done)return i;if(a=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:e.label++;return{value:s[1],done:false};case 5:e.label++;a=s[1];s=[0];continue;case 7:s=e.ops.pop();e.trys.pop();continue;default:if(!(i=e.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){e=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){e.label=s[1];break}if(s[0]===6&&e.label<i[1]){e.label=i[1];i=s;break}if(i&&e.label<i[2]){e.label=i[2];e.ops.push(s);break}if(i[2])e.ops.pop();e.trys.pop();continue}s=r.call(t,e)}catch(t){s=[6,t];a=0}finally{n=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-BfAC4pqU.js";import{m as miBaselineCalendarToday}from"./calendar-today-BVQMG7KJ.js";import{D as DateTime}from"./datetime-C4yPBff1.js";import{L as Locale}from"./locale-a4oAcjYG.js";var mdsInputDateCss='@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-input-date-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-field-background-empty:rgb(var(--status-error-10,115 0 0));--mds-input-date-field-color-empty:rgb(var(--status-error-06,239 108 105));--mds-input-date-icon-color-rgb:var(--mds-input-date-variant-color-rgb,0 0 0);--mds-input-date-variant-color-rgb:0 0 0;--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-input-date-variant-color-rgb{syntax:"<integer>+";inherits:false;initial-value:0 0 0}:host{--mds-input-date-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-field-background-empty:rgb(var(--status-error-10,115 0 0));--mds-input-date-field-color-empty:rgb(var(--status-error-06,239 108 105));--mds-input-date-icon-color-rgb:var(--mds-input-date-variant-color-rgb,0 0 0);--mds-input-date-ring:0 0 0 1px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1);--mds-input-date-shadow:0 1px 3px 0 rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1),0 1px 2px 0 rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.06);--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--radius-2xl,24px);color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);container-type:inline-size;display:flex;gap:calc(var(--spacing,.0025rem)*200);overflow:visible;position:relative;--mds-input-date-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-date-variant-color-rgb:0 0 0}.input::-webkit-calendar-picker-indicator{appearance:textfield;display:none}.input{font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:inherit;box-sizing:border-box;color:inherit;corner-shape:inherit;background-color:#0000;border:0;margin:0;overflow:hidden;text-overflow:ellipsis;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,border-color,box-shadow,color,fill,margin,opacity,padding,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:min-content}:host([empty]) .input{background-color:var(--mds-input-date-field-background-empty,rgb(var(--status-error-10,115 0 0)));color:var(--mds-input-date-field-color-empty,rgb(var(--status-error-06,239 108 105)))}:host([slot]){color:inherit;display:contents}:host([slot]) .input{cursor:text;text-align:center}:host(:not([slot])) .input{background-color:var(--mds-input-date-background,rgb(var(--tone-neutral,0 0 0)));-webkit-box-shadow:var(--mds-input-date-ring),var(--mds-input-date-shadow);box-shadow:var(--mds-input-date-ring),var(--mds-input-date-shadow);min-height:3rem;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);padding-top:calc(var(--spacing,.0025rem)*300);width:100%}:host(:focus-within) .input{--tw-outline-style:none;outline-style:none;transition-duration:var(--default-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--default-transition-timing-function);--mds-input-date-ring:0 0 0 3px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/1);--mds-input-date-shadow:0 4px 6px 3px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1),0 2px 4px -1px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.06);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input::placeholder{color:rgb(var(--tone-neutral-04,218 218 218))}.input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-04,218 218 218))}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{appearance:none;display:none;margin:0}.input:disabled{background-color:rgb(var(--tone-neutral-10,60 60 60))}.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled:-ms-placeholder-shown{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled::-moz-placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled,.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.action-open-calendar-wrapper{align-items:center;aspect-ratio:1;bottom:0;display:flex;justify-content:center;position:absolute;right:0;top:0}.action-open-calendar{--mds-button-color:var(--mds-input-date-icon-color,rgb(var(--variant-primary-03,211 226 255)))}:host([disabled]:not([disabled=false])) .action-open-calendar{-webkit-transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200));transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200))}mds-calendar{min-width:max-content}mds-dropdown{padding:0}mds-input-tip{--mds-input-tip-horizontal-offset:inherit;--mds-input-tip-horizontal-offset-focused:inherit;--mds-input-tip-vertical-offset:inherit;--mds-input-tip-background:inherit}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-calendar,mds-dropdown,mds-input-tip,mds-input-tip-item):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-date-ring:var(--shadow-outline-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}:host-context(:root.pref-contrast-more){--mds-input-date-ring:var(--shadow-outline-strong-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}@supports ((-moz-appearance:none)){.action-open-calendar{display:none}:host(:not([slot])) .input{padding-right:calc(var(--spacing,.0025rem)*400)}}:host(:focus){--mds-input-date-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-date-variant-color-rgb:var(--variant-primary-04,184 208 255)}:host([variant=ai]){--mds-input-date-icon-color:rgb(var(--variant-ai-04,218 199 253));--mds-input-tip-background:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=ai]:focus){--mds-input-date-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-variant-color-rgb:var(--variant-ai-04,218 199 253)}:host([variant=info]){--mds-input-date-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=info]:focus){--mds-input-date-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-date-variant-color-rgb:var(--status-info-04,159 216 241)}:host([variant=success]){--mds-input-date-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=success]:focus){--mds-input-date-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-date-variant-color-rgb:var(--status-success-04,158 222 181)}:host([variant=warning]){--mds-input-date-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=warning]:focus){--mds-input-date-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-date-variant-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=error]){--mds-input-date-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=error]:focus){--mds-input-date-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-date-variant-color-rgb:var(--status-error-04,254 193 189)}@media (forced-colors:active){:host(:focus-within) .input{outline:2px solid #0000;outline-offset:2px}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-input-date-ring:var(--shadow-outline-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-date-ring:var(--shadow-outline-strong-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}}';var MdsInputDate=function(){function t(t){var r=this;registerInstance(this,t);this.validationEvent=createEvent(this,"mdsInputValidation");this.valueChange=createEvent(this,"mdsInputDateSelect");if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.isSlotted=false;this.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.fromISO(this.value);var r=t.invalid;var e=this.max&&DateTime.fromISO(this.max)<t||this.min&&DateTime.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.fromISO(this.min);var r=DateTime.fromISO(this.max);if(r<t){this.max=this.min}}this.validateValue()};t.prototype.render=function(){var t=this;return h(Host,{key:"8efaa64794d705ab057db7b0b7743b588e35a3e7"},h("input",{key:"1e109892c36eae01e91d2aa5860b446c5d983006",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:"3e9fb074efbfc12022587a627ea4815ec1428d31",class:"action-open-calendar-wrapper"},h("mds-button",{key:"d4cd21ec69ea8b30cf8fcd95b4052b401e1435a2",id:"calendar-dropdown",class:"action-open-calendar",disabled:this.disabled,variant:"dark",tone:"text",icon:miBaselineCalendarToday,onClick:function(){t.calendarKey+=1}})),h("mds-input-tip",{key:"472adce47e2ad731fc1c742919ed2b6b32504558",lang:this.language,position:"top",active:this.hasFocus},this.disabled&&h("mds-input-tip-item",{key:"108c1310e84fce62fe49b7c19662e73535720807",expanded:true,variant:"disabled"}),this.readonly&&h("mds-input-tip-item",{key:"bcbc3b4374824307b4e8b473a4a8b4d62a1bfd30",expanded:true,variant:"readonly"}),this.required&&h("mds-input-tip-item",{key:"e9bea14210b583a0a16c353ad402520df436f957",expanded:this.hasFocus,variant:this.isValid?"required-success":"required"})),!this.isSlotted&&h("mds-dropdown",{key:"a567e5b0e1ce481d9829b0438d235c87f77153ef",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=mdsInputDateCss;export{MdsInputDate as mds_input_date};
+var __awaiter=this&&this.__awaiter||function(t,r,e,n){function a(t){return t instanceof e?t:new e((function(r){r(t)}))}return new(e||(e=Promise))((function(e,i){function o(t){try{d(n.next(t))}catch(t){i(t)}}function s(t){try{d(n["throw"](t))}catch(t){i(t)}}function d(t){t.done?e(t.value):a(t.value).then(o,s)}d((n=n.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var e={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=s(0),o["throw"]=s(1),o["return"]=s(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(r){return d([t,r])}}function d(s){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(e=0)),e)try{if(n=1,a&&(i=s[0]&2?a["return"]:s[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,s[1])).done)return i;if(a=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:e.label++;return{value:s[1],done:false};case 5:e.label++;a=s[1];s=[0];continue;case 7:s=e.ops.pop();e.trys.pop();continue;default:if(!(i=e.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){e=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){e.label=s[1];break}if(s[0]===6&&e.label<i[1]){e.label=i[1];i=s;break}if(i&&e.label<i[2]){e.label=i[2];e.ops.push(s);break}if(i[2])e.ops.pop();e.trys.pop();continue}s=r.call(t,e)}catch(t){s=[6,t];a=0}finally{n=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{m as miBaselineCalendarToday}from"./calendar-today-BVQMG7KJ.js";import{D as DateTime}from"./datetime-BJtA1qmE.js";import{L as Locale}from"./locale-a4oAcjYG.js";var mdsInputDateCss=function(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-input-date-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-field-background-empty:rgb(var(--status-error-10,115 0 0));--mds-input-date-field-color-empty:rgb(var(--status-error-06,239 108 105));--mds-input-date-icon-color-rgb:var(--mds-input-date-variant-color-rgb,0 0 0);--mds-input-date-variant-color-rgb:0 0 0;--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-input-date-variant-color-rgb{syntax:"<integer>+";inherits:false;initial-value:0 0 0}:host{--mds-input-date-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-field-background-empty:rgb(var(--status-error-10,115 0 0));--mds-input-date-field-color-empty:rgb(var(--status-error-06,239 108 105));--mds-input-date-icon-color-rgb:var(--mds-input-date-variant-color-rgb,0 0 0);--mds-input-date-ring:0 0 0 1px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1);--mds-input-date-shadow:0 1px 3px 0 rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1),0 1px 2px 0 rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.06);--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--radius-2xl,24px);color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);container-type:inline-size;display:flex;gap:calc(var(--spacing,.0025rem)*200);overflow:visible;position:relative;--mds-input-date-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-date-variant-color-rgb:0 0 0}.input::-webkit-calendar-picker-indicator{appearance:textfield;display:none}.input{font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:inherit;box-sizing:border-box;color:inherit;corner-shape:inherit;background-color:#0000;border:0;margin:0;overflow:hidden;text-overflow:ellipsis;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,border-color,box-shadow,color,fill,margin,opacity,padding,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:min-content}:host([empty]) .input{background-color:var(--mds-input-date-field-background-empty,rgb(var(--status-error-10,115 0 0)));color:var(--mds-input-date-field-color-empty,rgb(var(--status-error-06,239 108 105)))}:host([slot]){color:inherit;display:contents}:host([slot]) .input{cursor:text;text-align:center}:host(:not([slot])) .input{background-color:var(--mds-input-date-background,rgb(var(--tone-neutral,0 0 0)));-webkit-box-shadow:var(--mds-input-date-ring),var(--mds-input-date-shadow);box-shadow:var(--mds-input-date-ring),var(--mds-input-date-shadow);min-height:3rem;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);padding-top:calc(var(--spacing,.0025rem)*300);width:100%}:host(:focus-within) .input{--tw-outline-style:none;outline-style:none;transition-duration:var(--default-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--default-transition-timing-function);--mds-input-date-ring:0 0 0 3px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/1);--mds-input-date-shadow:0 4px 6px 3px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1),0 2px 4px -1px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.06);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input::placeholder{color:rgb(var(--tone-neutral-04,218 218 218))}.input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-04,218 218 218))}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{appearance:none;display:none;margin:0}.input:disabled{background-color:rgb(var(--tone-neutral-10,60 60 60))}.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled:-ms-placeholder-shown{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled::-moz-placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled,.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.action-open-calendar-wrapper{align-items:center;aspect-ratio:1;bottom:0;display:flex;justify-content:center;position:absolute;right:0;top:0}.action-open-calendar{--mds-button-color:var(--mds-input-date-icon-color,rgb(var(--variant-primary-03,211 226 255)))}:host([disabled]:not([disabled=false])) .action-open-calendar{-webkit-transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200));transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200))}mds-calendar{min-width:max-content}mds-dropdown{padding:0}mds-input-tip{--mds-input-tip-horizontal-offset:inherit;--mds-input-tip-horizontal-offset-focused:inherit;--mds-input-tip-vertical-offset:inherit;--mds-input-tip-background:inherit}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-calendar,mds-dropdown,mds-input-tip,mds-input-tip-item):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-date-ring:var(--shadow-outline-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}:host-context(:root.pref-contrast-more){--mds-input-date-ring:var(--shadow-outline-strong-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}@supports ((-moz-appearance:none)){.action-open-calendar{display:none}:host(:not([slot])) .input{padding-right:calc(var(--spacing,.0025rem)*400)}}:host(:focus){--mds-input-date-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-date-variant-color-rgb:var(--variant-primary-04,184 208 255)}:host([variant=ai]){--mds-input-date-icon-color:rgb(var(--variant-ai-04,218 199 253));--mds-input-tip-background:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=ai]:focus){--mds-input-date-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-variant-color-rgb:var(--variant-ai-04,218 199 253)}:host([variant=info]){--mds-input-date-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=info]:focus){--mds-input-date-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-date-variant-color-rgb:var(--status-info-04,159 216 241)}:host([variant=success]){--mds-input-date-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=success]:focus){--mds-input-date-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-date-variant-color-rgb:var(--status-success-04,158 222 181)}:host([variant=warning]){--mds-input-date-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=warning]:focus){--mds-input-date-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-date-variant-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=error]){--mds-input-date-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=error]:focus){--mds-input-date-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-date-variant-color-rgb:var(--status-error-04,254 193 189)}@media (forced-colors:active){:host(:focus-within) .input{outline:2px solid #0000;outline-offset:2px}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-input-date-ring:var(--shadow-outline-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-date-ring:var(--shadow-outline-strong-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}}'};var MdsInputDate=function(){function t(t){var r=this;registerInstance(this,t);this.validationEvent=createEvent(this,"mdsInputValidation");this.valueChange=createEvent(this,"mdsInputDateSelect");if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.isSlotted=false;this.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.fromISO(this.value);var r=t.invalid;var e=this.max&&DateTime.fromISO(this.max)<t||this.min&&DateTime.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.fromISO(this.min);var r=DateTime.fromISO(this.max);if(r<t){this.max=this.min}}this.validateValue()};t.prototype.render=function(){var t=this;return h(Host,{key:"8efaa64794d705ab057db7b0b7743b588e35a3e7"},h("input",{key:"1e109892c36eae01e91d2aa5860b446c5d983006",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:"3e9fb074efbfc12022587a627ea4815ec1428d31",class:"action-open-calendar-wrapper"},h("mds-button",{key:"d4cd21ec69ea8b30cf8fcd95b4052b401e1435a2",id:"calendar-dropdown",class:"action-open-calendar",disabled:this.disabled,variant:"dark",tone:"text",icon:miBaselineCalendarToday,onClick:function(){t.calendarKey+=1}})),h("mds-input-tip",{key:"472adce47e2ad731fc1c742919ed2b6b32504558",lang:this.language,position:"top",active:this.hasFocus},this.disabled&&h("mds-input-tip-item",{key:"108c1310e84fce62fe49b7c19662e73535720807",expanded:true,variant:"disabled"}),this.readonly&&h("mds-input-tip-item",{key:"bcbc3b4374824307b4e8b473a4a8b4d62a1bfd30",expanded:true,variant:"readonly"}),this.required&&h("mds-input-tip-item",{key:"e9bea14210b583a0a16c353ad402520df436f957",expanded:this.hasFocus,variant:this.isValid?"required-success":"required"})),!this.isSlotted&&h("mds-dropdown",{key:"a567e5b0e1ce481d9829b0438d235c87f77153ef",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:0}]}},enumerable:false,configurable:true});return t}();MdsInputDate.style=mdsInputDateCss();export{MdsInputDate as mds_input_date};

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

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-BfAC4pqU.js";var mdsInputFieldCss="@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-input-field-message-color:rgb(var(--tone-neutral-03,233 233 233));--mds-input-field-message-background:rgb(var(--tone-neutral-10,60 60 60))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-input-field-message-color:rgb(var(--tone-neutral-03,233 233 233));--mds-input-field-message-background:rgb(var(--tone-neutral-10,60 60 60));color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);display:grid;gap:calc(var(--spacing,.0025rem)*300)}.message-window{border-radius:var(--radius-2xl,24px);color:var(--mds-input-field-message-color,rgb(var(--tone-neutral-03,233 233 233)));corner-shape:inherit;background-color:#0000;display:grid;gap:0;padding:0;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,color,gap,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.message-window:has(.message:not(:empty)){background-color:var(--mds-input-field-message-background,rgb(var(--tone-neutral-10,60 60 60)));gap:calc(var(--spacing,.0025rem)*200);padding:calc(var(--spacing,.0025rem)*200)}.message{interpolate-size:allow-keywords;display:flex;flex-direction:column;height:auto;padding:calc(var(--spacing,.0025rem)*100) calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*200);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:height,margin-top,opacity,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.message:empty{height:0;max-height:0;opacity:0;padding:0}.label:empty{display:none}.content{container:content/inline-size;display:flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*200)}::slotted(:first-child){flex-grow:1}::slotted(:not(:first-child)){flex-shrink:0}@container content (max-width:300px){::slotted(*){flex-grow:1;min-width:100%}}:host([variant=ai]){--mds-input-field-message-color:rgb(var(--variant-ai-02,242 235 254));--mds-input-field-message-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=info]){--mds-input-field-message-color:rgb(var(--status-info-02,222 242 250));--mds-input-field-message-background:rgb(var(--status-info-09,0 73 116))}:host([variant=success]){--mds-input-field-message-color:rgb(var(--status-success-02,222 244 228));--mds-input-field-message-background:rgb(var(--status-success-09,0 82 9))}:host([variant=warning]){--mds-input-field-message-color:rgb(var(--status-warning-02,255 237 185));--mds-input-field-message-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=error]){--mds-input-field-message-color:rgb(var(--status-error-02,255 234 231));--mds-input-field-message-background:rgb(var(--status-error-09,135 0 14))}";var MdsInputField=function(){function e(e){registerInstance(this,e);this.variant="primary"}e.prototype.handleValidation=function(e){var t=this;e.getErrors().then((function(e){if(e){t.variant="error";var r=Object.entries(e).map((function(e){return e[1]})).filter((function(e){return e}));t.message=r.length?r.join(";"):undefined;return}t.variant="success";t.message=undefined}))};e.prototype.componentDidLoad=function(){var e=this;var t=this.slotInput.assignedElements()[0];if(!t)throw new Error("Mds input not found");t.addEventListener("mdsInputValidation",(function(){return e.handleValidation(t)}))};e.prototype.render=function(){var e=this;var t;return h(Host,{key:"07a3f00c463755ed5699415bda96b8a6ab0088e8"},h("mds-text",{key:"a76488419fd68dd54fbb814bd464445f963ff20d",class:"label",typography:"label"},this.label),h("div",{key:"288d029bde16c91ace57a906abd4bff5a6a2b26d",class:"message-window"},h("div",{key:"b9a8bc1f7967741b91f09b7f944c7b598cba86e9",class:"content",part:"content"},h("slot",{key:"cb260b91c2dccb8161a76043bd7257eed51b275d",ref:function(t){return e.slotInput=t}})),h("div",{key:"9be6a675440795d75cd580f22f19d45db01840fa",class:"message"},(t=this.message)===null||t===void 0?void 0:t.split(";").map((function(e,t){return h("mds-text",{typography:"caption",key:t},e)})))))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsInputField.style=mdsInputFieldCss;export{MdsInputField as mds_input_field};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";var mdsInputFieldCss=function(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-input-field-message-color:rgb(var(--tone-neutral-03,233 233 233));--mds-input-field-message-background:rgb(var(--tone-neutral-10,60 60 60))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-input-field-message-color:rgb(var(--tone-neutral-03,233 233 233));--mds-input-field-message-background:rgb(var(--tone-neutral-10,60 60 60));color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);display:grid;gap:calc(var(--spacing,.0025rem)*300)}.message-window{border-radius:var(--radius-2xl,24px);color:var(--mds-input-field-message-color,rgb(var(--tone-neutral-03,233 233 233)));corner-shape:inherit;background-color:#0000;display:grid;gap:0;padding:0;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,color,gap,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.message-window:has(.message:not(:empty)){background-color:var(--mds-input-field-message-background,rgb(var(--tone-neutral-10,60 60 60)));gap:calc(var(--spacing,.0025rem)*200);padding:calc(var(--spacing,.0025rem)*200)}.message{interpolate-size:allow-keywords;display:flex;flex-direction:column;height:auto;padding:calc(var(--spacing,.0025rem)*100) calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*200);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:height,margin-top,opacity,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.message:empty{height:0;max-height:0;opacity:0;padding:0}.label:empty{display:none}.content{container:content/inline-size;display:flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*200)}::slotted(:first-child){flex-grow:1}::slotted(:not(:first-child)){flex-shrink:0}@container content (max-width:300px){::slotted(*){flex-grow:1;min-width:100%}}:host([variant=ai]){--mds-input-field-message-color:rgb(var(--variant-ai-02,242 235 254));--mds-input-field-message-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=info]){--mds-input-field-message-color:rgb(var(--status-info-02,222 242 250));--mds-input-field-message-background:rgb(var(--status-info-09,0 73 116))}:host([variant=success]){--mds-input-field-message-color:rgb(var(--status-success-02,222 244 228));--mds-input-field-message-background:rgb(var(--status-success-09,0 82 9))}:host([variant=warning]){--mds-input-field-message-color:rgb(var(--status-warning-02,255 237 185));--mds-input-field-message-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=error]){--mds-input-field-message-color:rgb(var(--status-error-02,255 234 231));--mds-input-field-message-background:rgb(var(--status-error-09,135 0 14))}"};var MdsInputField=function(){function e(e){registerInstance(this,e);this.variant="primary"}e.prototype.handleValidation=function(e){var t=this;e.getErrors().then((function(e){if(e){t.variant="error";var r=Object.entries(e).map((function(e){return e[1]})).filter((function(e){return e}));t.message=r.length?r.join(";"):undefined;return}t.variant="success";t.message=undefined}))};e.prototype.componentDidLoad=function(){var e=this;var t=this.slotInput.assignedElements()[0];if(!t)throw new Error("Mds input not found");t.addEventListener("mdsInputValidation",(function(){return e.handleValidation(t)}))};e.prototype.render=function(){var e=this;var t;return h(Host,{key:"07a3f00c463755ed5699415bda96b8a6ab0088e8"},h("mds-text",{key:"a76488419fd68dd54fbb814bd464445f963ff20d",class:"label",typography:"label"},this.label),h("div",{key:"288d029bde16c91ace57a906abd4bff5a6a2b26d",class:"message-window"},h("div",{key:"b9a8bc1f7967741b91f09b7f944c7b598cba86e9",class:"content",part:"content"},h("slot",{key:"cb260b91c2dccb8161a76043bd7257eed51b275d",ref:function(t){return e.slotInput=t}})),h("div",{key:"9be6a675440795d75cd580f22f19d45db01840fa",class:"message"},(t=this.message)===null||t===void 0?void 0:t.split(";").map((function(e,t){return h("mds-text",{typography:"caption",key:t},e)})))))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsInputField.style=mdsInputFieldCss();export{MdsInputField as mds_input_field};

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

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

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

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-BfAC4pqU.js";var mdsInputRangeCss='@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-input-range-thumb-background-disabled:rgb(var(--tone-neutral-08,107 107 107));--mds-input-range-thumb-background:rgb(var(--tone-neutral,0 0 0));--mds-input-range-thumb-cursor:col-resize;--mds-input-range-thumb-size:calc(var(--spacing,.0025rem)*400);--mds-input-range-track-background-disabled:rgb(var(--tone-neutral-08,107 107 107));--mds-input-range-track-background:rgb(var(--tone-neutral-08,107 107 107));--mds-input-range-track-progress-background-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-range-track-progress-background:rgb(var(--variant-primary-03,211 226 255));--mds-input-range-track-size:calc(var(--spacing,.0025rem)*600);--private-border-width:calc(var(--mds-input-range-track-size)/2 - var(--mds-input-range-thumb-size)/2);--private-thumb-size:calc(var(--mds-input-range-thumb-size) + var(--private-border-width)*2);gap:calc(var(--spacing,.0025rem)*200);--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));display:grid;gap:calc(var(--spacing,.0025rem)*100);transition-duration:.3s;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));-webkit-transition-timing-function:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.header{display:flex;gap:calc(var(--spacing,.0025rem)*200)}.label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.value{margin-left:auto}.range{align-items:center;display:flex;height:var(--private-thumb-size);position:relative}.track{box-sizing:border-box;position:absolute;width:100%}.field{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));appearance:none;background-color:#0000;border-radius:1000px;flex-grow:1;height:calc(var(--spacing,.0025rem)*400);margin:0;outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out;z-index:20}.field:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.field::-webkit-slider-thumb{appearance:none;background-color:var(--mds-input-range-thumb-background);border-color:var(--mds-input-range-track-progress-background);border-radius:var(--mds-input-range-thumb-size);border-style:solid;border-width:var(--private-border-width);cursor:var(--mds-input-range-thumb-cursor);height:var(--private-thumb-size);line-height:0;transform:translateY(-50%);transition-property:background-color,border;width:var(--private-thumb-size)}.field::-webkit-slider-runnable-track{appearance:none;border:0;height:0;width:100%}.track-progress{background-color:var(--mds-input-range-track-progress-background);width:calc((100% - var(--mds-input-range-track-size))*(var(--mds-input-range-progress,0)*0.01) + var(--mds-input-range-track-size)/2)}.track-progress,.track-total{display:flex;height:var(--mds-input-range-track-size);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color}.track-total{background-color:var(--mds-input-range-track-background);overflow:hidden;-webkit-transition-timing-function:var(--ease-in-out);transition-timing-function:var(--ease-in-out);width:100%}.contrast-area,.track-total{border-radius:var(--mds-input-range-track-size)}.contrast-area{margin-left:calc(var(--spacing,.0025rem)*100);margin-right:calc(var(--spacing,.0025rem)*100)}:host([disabled]:not([disabled=false])){--mds-input-range-thumb-background:var(--mds-input-range-thumb-background-disabled);--mds-input-range-track-background:var(--mds-input-range-track-background-disabled);--mds-input-range-track-progress-background:var(--mds-input-range-track-progress-background-disabled)}:host([disabled]:not([disabled=false])) .field::-webkit-slider-thumb{cursor:not-allowed}:host-context(:root.pref-animation-reduce){transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .track-progress,:host-context(:root.pref-animation-reduce) .track-total){transition-duration:0s}:host-context(:root.pref-animation-reduce) .field::-webkit-slider-thumb{transition-duration:0s}:host-context(:root.pref-animation-reduce) .field::-webkit-slider-runnable-track{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-range-thumb-background:rgb(var(--variant-primary-04,184 208 255));--mds-input-range-track-background:rgb(var(--tone-neutral-07,134 134 134));--mds-input-range-track-progress-background:rgb(var(--variant-primary-05,152 188 255))}:host-context(:root.pref-contrast-more){color:rgb(var(--tone-neutral-01,255 255 255))}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .track-progress,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .track-total{transition-duration:0s}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .field::-webkit-slider-thumb{transition-duration:0s}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .field::-webkit-slider-runnable-track{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-input-range-thumb-background:rgb(var(--variant-primary-04,184 208 255));--mds-input-range-track-background:rgb(var(--tone-neutral-07,134 134 134));--mds-input-range-track-progress-background:rgb(var(--variant-primary-05,152 188 255))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){color:rgb(var(--tone-neutral-01,255 255 255))}}';var MdsInputRange=function(){function t(t){var r=this;registerInstance(this,t);this.changeEvent=createEvent(this,"mdsInputRangeChange");if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.max=100;this.min=0;this.step=1;this.onInput=function(){if(Number.isNaN(r.inputElement.value))throw Error("Entered value ".concat(r.inputElement.value," is not a Number"));r.value=Number(r.inputElement.value)}}t.prototype.calculateProgress=function(){var t=Number(this.inputElement.value);var r=Math.pow(10,this.decimalPlaces);if(t>this.max)t=this.max;else if(t<this.min)t=this.min;if((t-this.min)*r%(this.step*r)!==0){t=(Math.round((t*r-this.min*r)/(this.step*r))*(this.step*r)+this.min*r)/r}this.value=t;this.internals.setFormValue(this.value.toString());var a=this.max-this.min;var e=this.value-this.min;this.progress=e/a*100};t.prototype.countDecimals=function(t){if(Math.floor(t)===t)return 0;return t.toString().split(".")[1].length||0};t.prototype.disabledChanged=function(t){if(t){this.internals.setFormValue(null)}};t.prototype.valueChanged=function(t,r){if(t===r)return;this.inputElement.value=this.value.toString();this.calculateProgress();this.changeEvent.emit(this.value)};t.prototype.minChanged=function(){this.calculateProgress()};t.prototype.maxChanged=function(){this.calculateProgress()};t.prototype.stepChanged=function(){if(this.step<=0)throw Error("step cant be negative or zero");this.decimalPlaces=this.countDecimals(this.step);this.calculateProgress()};t.prototype.formResetCallback=function(){this.internals.setFormValue("")};t.prototype.componentDidLoad=function(){var t;this.decimalPlaces=this.countDecimals(this.step);this.onInput();this.label=(t=this.element.textContent)!==null&&t!==void 0?t:"";this.calculateProgress()};t.prototype.render=function(){var t=this;var r;return h(Host,{key:"78e82c801e70cf992bc5deabaa9e808316213e1f"},h("header",{key:"0f7e2c943c28ae1674a5a530647e77f9303540fa",class:"header",part:"header"},h("mds-text",{key:"5fafac003285baa5d6d7cc62e9d4e4960b2e6a4b",class:"label",typography:"label"},h("slot",{key:"a8ed6b9ed62609a2f308e205419ccb822c5d330a"})),h("mds-text",{key:"0a2d6f18a4b0ed1efe8a7268aad848841d4291bb",class:"value",typography:"label"},this.formatValue?this.formatValue(this.value):this.value)),h("div",{key:"3686881a383b073db00887c011e8dc1c7324c77f",class:"range"},h("div",{key:"6acdd16108a2d21ced425bcde5dedaafb56729b9",class:"track",part:"track"},h("div",{key:"ac2ec72946c8971764189c987762700786e782b8",class:"contrast-area"}),h("div",{key:"dd3336b85af882a8d2e97d856a1ac4c585dc8cd9",class:"track-total"},h("div",{key:"2d2689cc0696a679726b353ccc8284cb80dd6ef7",class:"track-progress",style:{"--mds-input-range-progress":"".concat((r=this.progress)!==null&&r!==void 0?r:0)}}))),h("input",{key:"38cfab4ef130022b6e8d0673431174801c6beac5",ref:function(r){return t.inputElement=r},class:"field","aria-label":this.label,disabled:this.disabled,max:this.max,min:this.min,onInput:this.onInput,step:this.step,type:"range",value:this.value,name:this.name})))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["disabledChanged"],value:["valueChanged"],min:["minChanged"],max:["maxChanged"],step:["stepChanged"]}},enumerable:false,configurable:true});return t}();MdsInputRange.style=mdsInputRangeCss;export{MdsInputRange as mds_input_range};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";var mdsInputRangeCss=function(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-input-range-thumb-background-disabled:rgb(var(--tone-neutral-08,107 107 107));--mds-input-range-thumb-background:rgb(var(--tone-neutral,0 0 0));--mds-input-range-thumb-cursor:col-resize;--mds-input-range-thumb-size:calc(var(--spacing,.0025rem)*400);--mds-input-range-track-background-disabled:rgb(var(--tone-neutral-08,107 107 107));--mds-input-range-track-background:rgb(var(--tone-neutral-08,107 107 107));--mds-input-range-track-progress-background-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-range-track-progress-background:rgb(var(--variant-primary-03,211 226 255));--mds-input-range-track-size:calc(var(--spacing,.0025rem)*600);--private-border-width:calc(var(--mds-input-range-track-size)/2 - var(--mds-input-range-thumb-size)/2);--private-thumb-size:calc(var(--mds-input-range-thumb-size) + var(--private-border-width)*2);gap:calc(var(--spacing,.0025rem)*200);--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));display:grid;gap:calc(var(--spacing,.0025rem)*100);transition-duration:.3s;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));-webkit-transition-timing-function:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.header{display:flex;gap:calc(var(--spacing,.0025rem)*200)}.label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.value{margin-left:auto}.range{align-items:center;display:flex;height:var(--private-thumb-size);position:relative}.track{box-sizing:border-box;position:absolute;width:100%}.field{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));appearance:none;background-color:#0000;border-radius:1000px;flex-grow:1;height:calc(var(--spacing,.0025rem)*400);margin:0;outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out;z-index:20}.field:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.field::-webkit-slider-thumb{appearance:none;background-color:var(--mds-input-range-thumb-background);border-color:var(--mds-input-range-track-progress-background);border-radius:var(--mds-input-range-thumb-size);border-style:solid;border-width:var(--private-border-width);cursor:var(--mds-input-range-thumb-cursor);height:var(--private-thumb-size);line-height:0;transform:translateY(-50%);transition-property:background-color,border;width:var(--private-thumb-size)}.field::-webkit-slider-runnable-track{appearance:none;border:0;height:0;width:100%}.track-progress{background-color:var(--mds-input-range-track-progress-background);width:calc((100% - var(--mds-input-range-track-size))*(var(--mds-input-range-progress,0)*0.01) + var(--mds-input-range-track-size)/2)}.track-progress,.track-total{display:flex;height:var(--mds-input-range-track-size);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color}.track-total{background-color:var(--mds-input-range-track-background);overflow:hidden;-webkit-transition-timing-function:var(--ease-in-out);transition-timing-function:var(--ease-in-out);width:100%}.contrast-area,.track-total{border-radius:var(--mds-input-range-track-size)}.contrast-area{margin-left:calc(var(--spacing,.0025rem)*100);margin-right:calc(var(--spacing,.0025rem)*100)}:host([disabled]:not([disabled=false])){--mds-input-range-thumb-background:var(--mds-input-range-thumb-background-disabled);--mds-input-range-track-background:var(--mds-input-range-track-background-disabled);--mds-input-range-track-progress-background:var(--mds-input-range-track-progress-background-disabled)}:host([disabled]:not([disabled=false])) .field::-webkit-slider-thumb{cursor:not-allowed}:host-context(:root.pref-animation-reduce){transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .track-progress,:host-context(:root.pref-animation-reduce) .track-total){transition-duration:0s}:host-context(:root.pref-animation-reduce) .field::-webkit-slider-thumb{transition-duration:0s}:host-context(:root.pref-animation-reduce) .field::-webkit-slider-runnable-track{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-range-thumb-background:rgb(var(--variant-primary-04,184 208 255));--mds-input-range-track-background:rgb(var(--tone-neutral-07,134 134 134));--mds-input-range-track-progress-background:rgb(var(--variant-primary-05,152 188 255))}:host-context(:root.pref-contrast-more){color:rgb(var(--tone-neutral-01,255 255 255))}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .track-progress,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .track-total{transition-duration:0s}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .field::-webkit-slider-thumb{transition-duration:0s}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .field::-webkit-slider-runnable-track{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-input-range-thumb-background:rgb(var(--variant-primary-04,184 208 255));--mds-input-range-track-background:rgb(var(--tone-neutral-07,134 134 134));--mds-input-range-track-progress-background:rgb(var(--variant-primary-05,152 188 255))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){color:rgb(var(--tone-neutral-01,255 255 255))}}'};var MdsInputRange=function(){function t(t){var r=this;registerInstance(this,t);this.changeEvent=createEvent(this,"mdsInputRangeChange");if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.max=100;this.min=0;this.step=1;this.onInput=function(){if(Number.isNaN(r.inputElement.value))throw Error("Entered value ".concat(r.inputElement.value," is not a Number"));r.value=Number(r.inputElement.value)}}t.prototype.calculateProgress=function(){var t=Number(this.inputElement.value);var r=Math.pow(10,this.decimalPlaces);if(t>this.max)t=this.max;else if(t<this.min)t=this.min;if((t-this.min)*r%(this.step*r)!==0){t=(Math.round((t*r-this.min*r)/(this.step*r))*(this.step*r)+this.min*r)/r}this.value=t;this.internals.setFormValue(this.value.toString());var a=this.max-this.min;var e=this.value-this.min;this.progress=e/a*100};t.prototype.countDecimals=function(t){if(Math.floor(t)===t)return 0;return t.toString().split(".")[1].length||0};t.prototype.disabledChanged=function(t){if(t){this.internals.setFormValue(null)}};t.prototype.valueChanged=function(t,r){if(t===r)return;this.inputElement.value=this.value.toString();this.calculateProgress();this.changeEvent.emit(this.value)};t.prototype.minChanged=function(){this.calculateProgress()};t.prototype.maxChanged=function(){this.calculateProgress()};t.prototype.stepChanged=function(){if(this.step<=0)throw Error("step cant be negative or zero");this.decimalPlaces=this.countDecimals(this.step);this.calculateProgress()};t.prototype.formResetCallback=function(){this.internals.setFormValue("")};t.prototype.componentDidLoad=function(){var t;this.decimalPlaces=this.countDecimals(this.step);this.onInput();this.label=(t=this.element.textContent)!==null&&t!==void 0?t:"";this.calculateProgress()};t.prototype.render=function(){var t=this;var r;return h(Host,{key:"78e82c801e70cf992bc5deabaa9e808316213e1f"},h("header",{key:"0f7e2c943c28ae1674a5a530647e77f9303540fa",class:"header",part:"header"},h("mds-text",{key:"5fafac003285baa5d6d7cc62e9d4e4960b2e6a4b",class:"label",typography:"label"},h("slot",{key:"a8ed6b9ed62609a2f308e205419ccb822c5d330a"})),h("mds-text",{key:"0a2d6f18a4b0ed1efe8a7268aad848841d4291bb",class:"value",typography:"label"},this.formatValue?this.formatValue(this.value):this.value)),h("div",{key:"3686881a383b073db00887c011e8dc1c7324c77f",class:"range"},h("div",{key:"6acdd16108a2d21ced425bcde5dedaafb56729b9",class:"track",part:"track"},h("div",{key:"ac2ec72946c8971764189c987762700786e782b8",class:"contrast-area"}),h("div",{key:"dd3336b85af882a8d2e97d856a1ac4c585dc8cd9",class:"track-total"},h("div",{key:"2d2689cc0696a679726b353ccc8284cb80dd6ef7",class:"track-progress",style:{"--mds-input-range-progress":"".concat((r=this.progress)!==null&&r!==void 0?r:0)}}))),h("input",{key:"38cfab4ef130022b6e8d0673431174801c6beac5",ref:function(r){return t.inputElement=r},class:"field","aria-label":this.label,disabled:this.disabled,max:this.max,min:this.min,onInput:this.onInput,step:this.step,type:"range",value:this.value,name:this.name})))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:[{disabledChanged:0}],value:[{valueChanged:0}],min:[{minChanged:0}],max:[{maxChanged:0}],step:[{stepChanged:0}]}},enumerable:false,configurable:true});return t}();MdsInputRange.style=mdsInputRangeCss();export{MdsInputRange as mds_input_range};