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

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

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

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

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

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

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

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

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

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

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

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

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

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-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};
+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:"a200a0ed9cc3735eab347999773ca856c8d2ded1"},h("header",{key:"b52c4601e16f356d76bffcb2018bc8cd66d2dbab",class:"header",part:"header"},h("mds-text",{key:"7af7d0c88bb393bd1cad2c5a40a56fd26930e4fc",class:"label",typography:"label"},h("slot",{key:"7f1482ea2b4f1ea553691f7613b9180e3447cc64"})),h("mds-text",{key:"e8246bdc6dbeb8b5efaf3f2170e32cf725fb1462",class:"value",typography:"label"},this.formatValue?this.formatValue(this.value):this.value)),h("div",{key:"1b8ee03cf6ad4213d9370bae15b3db0bb4e3bec3",class:"range"},h("div",{key:"e01ea5fb7bb7217c6e94a4f606ab3567bf6946c3",class:"track",part:"track"},h("div",{key:"a5b33522f8605dad0e07a02749e8905cbe23e689",class:"contrast-area"}),h("div",{key:"14699dffa17f50a13e008bae4c79b507cf1454dd",class:"track-total"},h("div",{key:"b601caf89612bb39ac586b77e14d7e86730098b7",class:"track-progress",style:{"--mds-input-range-progress":"".concat((r=this.progress)!==null&&r!==void 0?r:0)}}))),h("input",{key:"ea2948160dce05d3bdebbcf2f76adf01fb5159e5",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};

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,r,o,e){function n(t){return t instanceof o?t:new o((function(r){r(t)}))}return new(o||(o=Promise))((function(o,i){function a(t){try{c(e.next(t))}catch(t){i(t)}}function s(t){try{c(e["throw"](t))}catch(t){i(t)}}function c(t){t.done?o(t.value):n(t.value).then(a,s)}c((e=e.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},e,n,i,a=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return a.next=s(0),a["throw"]=s(1),a["return"]=s(2),typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(r){return c([t,r])}}function c(s){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(o=0)),o)try{if(e=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:o.label++;return{value:s[1],done:false};case 5:o.label++;n=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){o.label=s[1];break}if(s[0]===6&&o.label<i[1]){o.label=i[1];i=s;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(s);break}if(i[2])o.ops.pop();o.trys.pop();continue}s=r.call(t,o)}catch(t){s=[6,t];n=0}finally{e=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{L as Locale}from"./locale-a4oAcjYG.js";import{m as miBaselineKeyboardArrowDown}from"./keyboard-arrow-down-DiWN48aq.js";var mdsInputSelectCss=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 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-select-variant-color-rgb:var(--tone-neutral-01,255 255 255);--mds-input-select-arrow-icon-background-color:var(--mds-input-select-arrow-icon-blur-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0);--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-color:var(--mds-input-select-arrow-icon-blur-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-hover-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255)));--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;:host(:not(:is([hydrated],.hydrated))),:is(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{--mds-input-select-variant-color-rgb:var(--tone-neutral-01,255 255 255);--mds-input-select-ring:0 0 0 1px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.1);--mds-input-select-shadow:0 1px 3px 0 rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.1),0 1px 2px 0 rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.06);--mds-input-select-arrow-icon-background-color:var(--mds-input-select-arrow-icon-blur-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0);--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-color:var(--mds-input-select-arrow-icon-blur-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-hover-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255)));--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;color:rgb(var(--tone-neutral-02,244 244 244));display:flex;position:relative;-webkit-user-select:none;user-select:none;--mds-input-select-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-select-variant-color-rgb:0 0 0;--mds-input-select-arrow-icon-blur-background-color:rgb(var(--variant-primary-09,0 58 168));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--variant-primary-08,0 83 239));--mds-input-select-arrow-icon-blur-color:rgb(var(--variant-primary-06,90 147 255));--mds-input-select-arrow-icon-hover-color:rgb(var(--variant-primary-04,184 208 255))}:host([required]:not([required=false]):focus-within) .icon{-webkit-transform:translate(calc(var(--spacing,.0025rem)*150),calc(var(--spacing,.0025rem)*150));transform:translate(calc(var(--spacing,.0025rem)*150),calc(var(--spacing,.0025rem)*150))}:host(:focus-within),:host(:hover){--mds-input-select-variant-color-rgb:var(--variant-primary-03,211 226 255);--mds-input-select-ring:0 0 0 3px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/1);--mds-input-select-shadow:0 4px 6px -1px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.1),0 2px 4px -1px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.06);--mds-input-select-arrow-icon-background-color:var(--mds-input-select-arrow-icon-hover-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5));--mds-input-select-arrow-icon-color:var(--mds-input-select-arrow-icon-hover-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))));--mds-input-select-variant-color-rgb:var(--variant-primary-04,184 208 255)}.input{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;appearance:none;background-color:rgb(var(--tone-neutral,0 0 0));border:0;border-radius:var(--radius-xs,8px);-webkit-box-shadow:var(--mds-input-select-ring),var(--mds-input-select-shadow);box-shadow:var(--mds-input-select-ring),var(--mds-input-select-shadow);box-sizing:border-box;color:rgb(var(--tone-neutral-02,244 244 244));cursor:pointer;margin:0;min-height:calc(var(--spacing,.0025rem)*1200);overflow:hidden;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);text-overflow:ellipsis;transition-property:background-color,border-color,box-shadow,color,fill;width:100%}.input,.input:focus,.input:hover{-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:focus,.input:hover{--tw-outline-style:none;color:rgb(var(--tone-neutral-03,233 233 233));outline-style:none}:host([value]:not([value=""])) .input{color:rgb(var(--tone-neutral-03,233 233 233))}:host([required]:not([required=false])) .input{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled{background-color:rgb(var(--tone-neutral-09,76 76 76));opacity:1}:host([disabled]:not([disabled=false])),:host([disabled]:not([disabled=false])) .input{pointer-events:none}:host([disabled]:not([disabled=false])) .icon{fill:rgb(var(--tone-neutral-06,158 158 158));-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))}.icon-container{align-items:center;color:inherit;display:flex;height:calc(var(--spacing,.0025rem)*1200);pointer-events:none;position:absolute;right:calc(var(--spacing,.0025rem)*400)}.icon{background-color:var(--mds-input-select-arrow-icon-background-color,var(--mds-input-select-arrow-icon-blur-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0)));border-radius:var(--radius-full,1000px);display:flex;fill:var(--mds-input-select-arrow-icon-color,var(--mds-input-select-arrow-icon-blur-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5)));-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,fill}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.option-container{display:none}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}@container (max-width:210px){:host .tip__content,:host(:focus-within) .tip__content{grid-template-columns:0fr;opacity:0}:host .tip{padding-left:0;padding-right:0}:host{--mds-input-select-background:rgb(var(--variant-primary-07,44 117 255))}}:host([variant=info]){--mds-input-select-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-select-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-info-09,0 73 116));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-info-08,0 107 151));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-info-06,0 161 208));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-info-04,159 216 241));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=info]:focus-within),:host([variant=info]:hover){--mds-input-select-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-select-variant-color-rgb:var(--status-info-05,112 198 234)}:host([variant=success]){--mds-input-select-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-select-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-success-09,0 82 9));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-success-08,0 116 46));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-success-06,0 171 97));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-success-04,158 222 181));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=success]:focus-within),:host([variant=success]:hover){--mds-input-select-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-select-variant-color-rgb:var(--status-success-05,107 206 147)}:host([variant=warning]){--mds-input-select-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-select-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-warning-09,90 67 0));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-warning-08,129 96 0));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-warning-06,190 142 0));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-warning-04,255 200 33));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=warning]:focus-within),:host([variant=warning]:hover){--mds-input-select-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-select-variant-color-rgb:var(--status-warning-05,237 177 0)}:host([variant=error]){--mds-input-select-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-select-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-error-09,135 0 14));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-error-08,182 50 54));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-error-06,239 108 105));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-error-04,254 193 189));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=error]:focus-within),:host([variant=error]:hover){--mds-input-select-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-select-variant-color-rgb:var(--status-error-05,250 165 160)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-animation-reduce) .input:hover{transition-duration:0s}:host-context(:root.pref-animation-reduce) .input:focus{transition-duration:0s}:host-context(:root.pref-animation-reduce) .icon{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-select-ring:var(--shadow-outline-50);--mds-input-select-arrow-icon-blur-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-select-arrow-icon-hover-color:rgb(var(--variant-primary-08,0 83 239))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .input{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more){--mds-input-select-ring:var(--shadow-outline-strong-50)}:host-context(:root.pref-contrast-more) .input{color:rgb(var(--tone-neutral-01,255 255 255))}@media (forced-colors:active){.input:focus,.input:hover{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]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input:focus,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input:hover{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-select-ring:var(--shadow-outline-50);--mds-input-select-arrow-icon-blur-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-select-arrow-icon-hover-color:rgb(var(--variant-primary-08,0 83 239))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .input{color:rgb(var(--tone-neutral-03,233 233 233))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-select-ring:var(--shadow-outline-strong-50)}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input{color:rgb(var(--tone-neutral-01,255 255 255))}}'};var MdsInputSelect=function(){function t(t){var r=this;registerInstance(this,t);this.changeEvent=createEvent(this,"mdsInputSelectChange");if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.hasFocus=false;this.t=new Locale;this.disabled=false;this.required=false;this.multiple=false;this.size=0;this.value="";this.onInput=function(t){var o=t.target;if(o){r.value=o.value}};this.onBlur=function(){r.hasFocus=false};this.onFocus=function(){r.hasFocus=true};this.emptyOptions=function(){var t;var o=(t=r.host.shadowRoot)===null||t===void 0?void 0:t.querySelector("select");var e=o===null||o===void 0?void 0:o.querySelectorAll("option");if(!e){return}e.forEach((function(t,o){if(!r.placeholder){t.remove()}if(r.placeholder&&o>0){t.remove()}}))};this.onSlotChangeHandler=function(){var t,o,e;var n=(o=(t=r.host.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll("slot")[0])===null||o===void 0?void 0:o.assignedNodes();var i=(e=r.selectEl)===null||e===void 0?void 0:e.querySelectorAll("option");if(!i){return}if(!r.placeholder&&i.length>0){r.emptyOptions()}if(r.placeholder&&i.length>1){r.emptyOptions()}n===null||n===void 0?void 0:n.forEach((function(t){var o;(o=r.selectEl)===null||o===void 0?void 0:o.appendChild(t.cloneNode(true))}));r.setCurrentValue()};this.setCurrentValue=function(){var t;if(!r.selectEl)return;if(r.value){r.selectEl.querySelectorAll("option").forEach((function(t){t.selected=t.value===r.value}))}else if(!r.placeholder){r.value=(t=r.selectEl)===null||t===void 0?void 0:t.querySelectorAll("option")[0].value}}}t.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=this.t.lang(this.host);this.t.update();return[2]}))}))};t.prototype.setValue=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.value=t;return[2,Promise.resolve()]}))}))};t.prototype.valueChanged=function(){var t,r,o;this.changeEvent.emit({value:(t=this.value)===null||t===void 0?void 0:t.toString()});this.setCurrentValue();this.internals.setFormValue((o=(r=this.value)===null||r===void 0?void 0:r.toString())!==null&&o!==void 0?o:null)};t.prototype.disabledChanged=function(t){if(t){this.internals.setFormValue(null)}};t.prototype.placeholderChanged=function(t,r){if(t&&!r){var o=document.querySelector(".placeholder-option");if(o)o.remove();o=document.createElement("option");this.selectEl.insertBefore(o,this.selectEl.firstChild);o.value="";o.text=t;if(!this.defaultValue){o.selected=true;this.value=undefined}if(this.required)o.disabled=true}};t.prototype.formResetCallback=function(){this.internals.setFormValue("")};t.prototype.componentWillLoad=function(){this.language=this.t.lang(this.host);if(this.defaultValue){this.value=this.defaultValue}};t.prototype.componentDidLoad=function(){if(this.value){this.internals.setFormValue(this.value.toString())}};t.prototype.render=function(){var t=this;return h(Host,{key:"e24aa54e808ee37cb277a22859a54d93e23c5283"},h("select",{key:"f172e0a7e94c57dc1b847a816266c1f970b1aa69",class:"input",onInput:this.onInput.bind(this),onBlur:this.onBlur,onFocus:this.onFocus,name:this.name,required:this.required,disabled:this.disabled,multiple:this.multiple,size:this.size,part:"select",ref:function(r){return t.selectEl=r}},h("option",{key:"fe749c05df52318b427c0053c122071dbd29edb9",class:"placeholder-option",value:"",disabled:!this.required?undefined:true,selected:this.defaultValue?undefined:true},this.placeholder)),h("div",{key:"3fcbf72764e5ba5f61f974abb3c0fd2ffa182d3c",class:"icon-container"},h("i",{key:"0545e3600c92ec1a40cab4a7c95d4a4c30af007c",class:"icon",innerHTML:miBaselineKeyboardArrowDown})),h("div",{key:"fad2e3518edecc638f507a186a74af503265fcaf",class:"option-container"},h("slot",{key:"f1cd07b2d41c75ecdbc911c180d245751ae1632e",onSlotchange:this.onSlotChangeHandler})),h("mds-input-tip",{key:"531dbe2be8117e17ab5158fdd64430948a44b5a4",position:"top",lang:this.language,active:this.hasFocus,part:"tip-top"},this.disabled&&h("mds-input-tip-item",{key:"2337cd67e9b88605e2795afdfebafa09ab72ba9e",expanded:true,variant:"disabled"}),this.required&&h("mds-input-tip-item",{key:"e419f3266be106b5b405da2a36a1283d6eff9f7f",expanded:this.hasFocus,variant:this.value===""?"required":"required-success"})))};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:[{valueChanged:0}],disabled:[{disabledChanged:0}],placeholder:[{placeholderChanged:0}]}},enumerable:false,configurable:true});return t}();MdsInputSelect.style=mdsInputSelectCss();export{MdsInputSelect as mds_input_select};
+var __awaiter=this&&this.__awaiter||function(t,r,o,e){function n(t){return t instanceof o?t:new o((function(r){r(t)}))}return new(o||(o=Promise))((function(o,i){function a(t){try{c(e.next(t))}catch(t){i(t)}}function s(t){try{c(e["throw"](t))}catch(t){i(t)}}function c(t){t.done?o(t.value):n(t.value).then(a,s)}c((e=e.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},e,n,i,a=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return a.next=s(0),a["throw"]=s(1),a["return"]=s(2),typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(r){return c([t,r])}}function c(s){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(o=0)),o)try{if(e=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:o.label++;return{value:s[1],done:false};case 5:o.label++;n=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){o.label=s[1];break}if(s[0]===6&&o.label<i[1]){o.label=i[1];i=s;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(s);break}if(i[2])o.ops.pop();o.trys.pop();continue}s=r.call(t,o)}catch(t){s=[6,t];n=0}finally{e=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{L as Locale}from"./locale-a4oAcjYG.js";import{m as miBaselineKeyboardArrowDown}from"./keyboard-arrow-down-DiWN48aq.js";var mdsInputSelectCss=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 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-select-variant-color-rgb:var(--tone-neutral-01,255 255 255);--mds-input-select-arrow-icon-background-color:var(--mds-input-select-arrow-icon-blur-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0);--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-color:var(--mds-input-select-arrow-icon-blur-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-hover-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255)));--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;:host(:not(:is([hydrated],.hydrated))),:is(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{--mds-input-select-variant-color-rgb:var(--tone-neutral-01,255 255 255);--mds-input-select-ring:0 0 0 1px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.1);--mds-input-select-shadow:0 1px 3px 0 rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.1),0 1px 2px 0 rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.06);--mds-input-select-arrow-icon-background-color:var(--mds-input-select-arrow-icon-blur-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0);--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-color:var(--mds-input-select-arrow-icon-blur-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-hover-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255)));--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;color:rgb(var(--tone-neutral-02,244 244 244));display:flex;position:relative;-webkit-user-select:none;user-select:none;--mds-input-select-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-select-variant-color-rgb:0 0 0;--mds-input-select-arrow-icon-blur-background-color:rgb(var(--variant-primary-09,0 58 168));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--variant-primary-08,0 83 239));--mds-input-select-arrow-icon-blur-color:rgb(var(--variant-primary-06,90 147 255));--mds-input-select-arrow-icon-hover-color:rgb(var(--variant-primary-04,184 208 255))}:host([required]:not([required=false]):focus-within) .icon{-webkit-transform:translate(calc(var(--spacing,.0025rem)*150),calc(var(--spacing,.0025rem)*150));transform:translate(calc(var(--spacing,.0025rem)*150),calc(var(--spacing,.0025rem)*150))}:host(:focus-within),:host(:hover){--mds-input-select-variant-color-rgb:var(--variant-primary-03,211 226 255);--mds-input-select-ring:0 0 0 3px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/1);--mds-input-select-shadow:0 4px 6px -1px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.1),0 2px 4px -1px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.06);--mds-input-select-arrow-icon-background-color:var(--mds-input-select-arrow-icon-hover-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5));--mds-input-select-arrow-icon-color:var(--mds-input-select-arrow-icon-hover-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))));--mds-input-select-variant-color-rgb:var(--variant-primary-04,184 208 255)}.input{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;appearance:none;background-color:rgb(var(--tone-neutral,0 0 0));border:0;border-radius:var(--radius-xs,8px);-webkit-box-shadow:var(--mds-input-select-ring),var(--mds-input-select-shadow);box-shadow:var(--mds-input-select-ring),var(--mds-input-select-shadow);box-sizing:border-box;color:rgb(var(--tone-neutral-02,244 244 244));cursor:pointer;margin:0;min-height:calc(var(--spacing,.0025rem)*1200);overflow:hidden;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);text-overflow:ellipsis;transition-property:background-color,border-color,box-shadow,color,fill;width:100%}.input,.input:focus,.input:hover{-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:focus,.input:hover{--tw-outline-style:none;color:rgb(var(--tone-neutral-03,233 233 233));outline-style:none}:host([value]:not([value=""])) .input{color:rgb(var(--tone-neutral-03,233 233 233))}:host([required]:not([required=false])) .input{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled{background-color:rgb(var(--tone-neutral-09,76 76 76));opacity:1}:host([disabled]:not([disabled=false])),:host([disabled]:not([disabled=false])) .input{pointer-events:none}:host([disabled]:not([disabled=false])) .icon{fill:rgb(var(--tone-neutral-06,158 158 158));-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))}.icon-container{align-items:center;color:inherit;display:flex;height:calc(var(--spacing,.0025rem)*1200);pointer-events:none;position:absolute;right:calc(var(--spacing,.0025rem)*400)}.icon{background-color:var(--mds-input-select-arrow-icon-background-color,var(--mds-input-select-arrow-icon-blur-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0)));border-radius:var(--radius-full,1000px);display:flex;fill:var(--mds-input-select-arrow-icon-color,var(--mds-input-select-arrow-icon-blur-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5)));-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,fill}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.option-container{display:none}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}@container (max-width:210px){:host .tip__content,:host(:focus-within) .tip__content{grid-template-columns:0fr;opacity:0}:host .tip{padding-left:0;padding-right:0}:host{--mds-input-select-background:rgb(var(--variant-primary-07,44 117 255))}}:host([variant=info]){--mds-input-select-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-select-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-info-09,0 73 116));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-info-08,0 107 151));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-info-06,0 161 208));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-info-04,159 216 241));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=info]:focus-within),:host([variant=info]:hover){--mds-input-select-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-select-variant-color-rgb:var(--status-info-05,112 198 234)}:host([variant=success]){--mds-input-select-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-select-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-success-09,0 82 9));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-success-08,0 116 46));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-success-06,0 171 97));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-success-04,158 222 181));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=success]:focus-within),:host([variant=success]:hover){--mds-input-select-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-select-variant-color-rgb:var(--status-success-05,107 206 147)}:host([variant=warning]){--mds-input-select-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-select-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-warning-09,90 67 0));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-warning-08,129 96 0));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-warning-06,190 142 0));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-warning-04,255 200 33));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=warning]:focus-within),:host([variant=warning]:hover){--mds-input-select-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-select-variant-color-rgb:var(--status-warning-05,237 177 0)}:host([variant=error]){--mds-input-select-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-select-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-error-09,135 0 14));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-error-08,182 50 54));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-error-06,239 108 105));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-error-04,254 193 189));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=error]:focus-within),:host([variant=error]:hover){--mds-input-select-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-select-variant-color-rgb:var(--status-error-05,250 165 160)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-animation-reduce) .input:hover{transition-duration:0s}:host-context(:root.pref-animation-reduce) .input:focus{transition-duration:0s}:host-context(:root.pref-animation-reduce) .icon{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-select-ring:var(--shadow-outline-50);--mds-input-select-arrow-icon-blur-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-select-arrow-icon-hover-color:rgb(var(--variant-primary-08,0 83 239))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .input{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more){--mds-input-select-ring:var(--shadow-outline-strong-50)}:host-context(:root.pref-contrast-more) .input{color:rgb(var(--tone-neutral-01,255 255 255))}@media (forced-colors:active){.input:focus,.input:hover{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]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input:focus,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input:hover{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-select-ring:var(--shadow-outline-50);--mds-input-select-arrow-icon-blur-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-select-arrow-icon-hover-color:rgb(var(--variant-primary-08,0 83 239))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .input{color:rgb(var(--tone-neutral-03,233 233 233))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-select-ring:var(--shadow-outline-strong-50)}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input{color:rgb(var(--tone-neutral-01,255 255 255))}}'};var MdsInputSelect=function(){function t(t){var r=this;registerInstance(this,t);this.changeEvent=createEvent(this,"mdsInputSelectChange");if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.hasFocus=false;this.t=new Locale;this.disabled=false;this.required=false;this.multiple=false;this.size=0;this.value="";this.onInput=function(t){var o=t.target;if(o){r.value=o.value}};this.onBlur=function(){r.hasFocus=false};this.onFocus=function(){r.hasFocus=true};this.emptyOptions=function(){var t;var o=(t=r.host.shadowRoot)===null||t===void 0?void 0:t.querySelector("select");var e=o===null||o===void 0?void 0:o.querySelectorAll("option");if(!e){return}e.forEach((function(t,o){if(r.placeholder===undefined||r.placeholder===""){t.remove()}if(r.placeholder!==undefined&&r.placeholder!==""&&o>0){t.remove()}}))};this.onSlotChangeHandler=function(){var t,o,e;var n=(o=(t=r.host.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll("slot")[0])===null||o===void 0?void 0:o.assignedNodes();var i=(e=r.selectEl)===null||e===void 0?void 0:e.querySelectorAll("option");if(i==null){return}if((r.placeholder===undefined||r.placeholder==="")&&i.length>0){r.emptyOptions()}if(r.placeholder!==undefined&&r.placeholder!==""&&i.length>1){r.emptyOptions()}n===null||n===void 0?void 0:n.forEach((function(t){var o;(o=r.selectEl)===null||o===void 0?void 0:o.appendChild(t.cloneNode(true))}));r.setCurrentValue()};this.setCurrentValue=function(){var t;if(r.selectEl==null)return;if(r.value!=null&&r.value!==""&&r.value!==0&&!Number.isNaN(r.value)){r.selectEl.querySelectorAll("option").forEach((function(t){t.selected=t.value===r.value}))}else if(r.placeholder===undefined||r.placeholder===""){r.value=(t=r.selectEl)===null||t===void 0?void 0:t.querySelectorAll("option")[0].value}}}t.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=this.t.lang(this.host);this.t.update();return[2]}))}))};t.prototype.setValue=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.value=t;return[2,Promise.resolve()]}))}))};t.prototype.valueChanged=function(){var t,r,o;this.changeEvent.emit({value:(t=this.value)===null||t===void 0?void 0:t.toString()});this.setCurrentValue();this.internals.setFormValue((o=(r=this.value)===null||r===void 0?void 0:r.toString())!==null&&o!==void 0?o:null)};t.prototype.disabledChanged=function(t){if(t){this.internals.setFormValue(null)}};t.prototype.placeholderChanged=function(t,r){if(t!==undefined&&t!==""&&(r===undefined||r==="")){var o=document.querySelector(".placeholder-option");if(o)o.remove();o=document.createElement("option");this.selectEl.insertBefore(o,this.selectEl.firstChild);o.value="";o.text=t;if(this.defaultValue==null||this.defaultValue===""||this.defaultValue===0||Number.isNaN(this.defaultValue)){o.selected=true;this.value=undefined}if(this.required)o.disabled=true}};t.prototype.formResetCallback=function(){this.internals.setFormValue("")};t.prototype.componentWillLoad=function(){this.language=this.t.lang(this.host);if(this.defaultValue!=null&&this.defaultValue!==""&&this.defaultValue!==0&&!Number.isNaN(this.defaultValue)){this.value=this.defaultValue}};t.prototype.componentDidLoad=function(){if(this.value!=null&&this.value!==""&&this.value!==0&&!Number.isNaN(this.value)){this.internals.setFormValue(this.value.toString())}};t.prototype.render=function(){var t=this;return h(Host,{key:"464b7c512e49866bfeb174c68feb33eca3f85bce"},h("select",{key:"fbf891a0e4bc63ea509252bbbb7c5c0de9a04c4a",class:"input",onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,name:this.name,required:this.required,disabled:this.disabled,multiple:this.multiple,size:this.size,part:"select",ref:function(r){return t.selectEl=r}},h("option",{key:"b5b46a1fee6ba457b47c79123051bf5976bfa7fc",class:"placeholder-option",value:"",disabled:!this.required?undefined:true,selected:this.defaultValue!=null&&this.defaultValue!==""&&this.defaultValue!==0&&!Number.isNaN(this.defaultValue)?undefined:true},this.placeholder)),h("div",{key:"e3101de2d9c66aee324ef4dfc332b560e6c561bf",class:"icon-container"},h("i",{key:"f191aadd1e565a1182e9bb7ac956a6149b170d1e",class:"icon",innerHTML:miBaselineKeyboardArrowDown})),h("div",{key:"ae377495ebb30aed7580ebd67d4d2bd0080cc1bf",class:"option-container"},h("slot",{key:"77c743369dbed2bfd1c86f2b9803a3055cc7e7f5",onSlotchange:this.onSlotChangeHandler})),h("mds-input-tip",{key:"31e000f584381fa7c7324f99ccfa9b068eb35af8",position:"top",lang:this.language,active:this.hasFocus,part:"tip-top"},this.disabled&&h("mds-input-tip-item",{key:"456fa339c96db8e85d4d6df4cf61bb880c467d78",expanded:true,variant:"disabled"}),this.required&&h("mds-input-tip-item",{key:"3778f2888a7d3bca817edcbf31d77b30a73fdd77",expanded:this.hasFocus,variant:this.value===""?"required":"required-success"})))};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:[{valueChanged:0}],disabled:[{disabledChanged:0}],placeholder:[{placeholderChanged:0}]}},enumerable:false,configurable:true});return t}();MdsInputSelect.style=mdsInputSelectCss();export{MdsInputSelect as mds_input_select};