@maggioli-design-system/magma 1.11.7 → 1.12.0

package/dist/cjs/mds-input-date-range.cjs.entry.js

@@ -37,13 +37,12 @@ const localeIt = {
 	to: to
 };
 
-const mdsInputDateRangeCss = ":host{--mds-input-date-range-background:rgb(var(--tone-neutral));--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 0.5rem;--mds-input-date-range-icon-color:var(--mds-input-date-range-variant-color);--mds-input-date-range-ring:0 0 0 1px rgb(var(--mds-input-date-range-variant-color) / 0.1);--mds-input-date-range-shadow:0 1px 3px 0 rgb(var(--mds-input-date-range-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-date-range-variant-color) / 0.06);--mds-input-date-range-variant-color:0 0 0;min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;gap:0.5rem;color:rgb(var(--tone-neutral-02));container-type:inline-size;cursor:text;display:-ms-flexbox;display:flex;overflow:visible;position:relative}.date-preselection{display:grid;gap:0.5rem}.inputs{font-family:'Roboto Mono', 'Courier New', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0rem;border-radius:0.5rem;padding-left:1rem;padding-right:3rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);-ms-flex-align:center;align-items:center;background-color:var(--mds-input-date-range-background);border:0;-webkit-box-shadow:var(--mds-input-date-range-ring), var(--mds-input-date-range-shadow);box-shadow:var(--mds-input-date-range-ring), var(--mds-input-date-range-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--mds-input-date-range-fields-gap);min-height:3rem;overflow:hidden;text-overflow:ellipsis;-webkit-transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform, -webkit-box-shadow, -webkit-transform;width:100%}.input-element{-ms-flex-align:baseline;align-items:baseline;display:-ms-inline-flexbox;display:inline-flex}:host(:focus-within) .inputs{outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);--mds-input-date-range-ring:0 0 0 3px rgb(var(--mds-input-date-range-variant-color) / 1);--mds-input-date-range-shadow:0 4px 6px 3px rgb(var(--mds-input-date-range-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-date-range-variant-color) / 0.06)}.input-wrapper{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}:host() ::slotted(mds-input-date){color:inherit}.date-label{margin-left:0.125rem;margin-right:0.125rem;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;white-space:nowrap}.date-label:first-child{margin-left:0}mds-calendar{min-width:-moz-max-content;min-width:-webkit-max-content;min-width:max-content}.action-open-calendar{--mds-button-color:rgb(var(--mds-input-date-range-icon-color));aspect-ratio:1;bottom:0;position:absolute;right:0;top:0}mds-dropdown{padding:0}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}:host-context(.pref-animation-reduce) .input{-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system) .input{-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-theme-dark){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-dark) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-system) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}}:host-context(.pref-contrast-more){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}}@supports (-moz-appearance: none){.action-open-calendar{display:none}.inputs{padding-right:1rem;-ms-flex-pack:var(--mds-input-date-range-fields-firefox-justify-content);justify-content:var(--mds-input-date-range-fields-firefox-justify-content)}}:host{--mds-input-date-range-icon-color:var(--variant-primary-03);--mds-input-date-range-variant-color:0 0 0}:host(:focus-within){--mds-input-date-range-variant-color:var(--variant-primary-04)}:host([variant=\"info\"]){--mds-input-date-range-icon-color:var(--status-info-05);--mds-input-date-range-variant-color:0 0 0}:host([variant=\"info\"]:focus-within){--mds-input-date-range-icon-color:var(--status-info-04);--mds-input-date-range-variant-color:var(--status-info-05)}:host([variant=\"success\"]){--mds-input-date-range-icon-color:var(--status-success-05);--mds-input-date-range-variant-color:0 0 0}:host([variant=\"success\"]:focus-within){--mds-input-date-range-icon-color:var(--status-success-04);--mds-input-date-range-variant-color:var(--status-success-05)}:host([variant=\"warning\"]){--mds-input-date-range-icon-color:var(--status-warning-05);--mds-input-date-range-variant-color:0 0 0}:host([variant=\"warning\"]:focus-within){--mds-input-date-range-icon-color:var(--status-warning-04);--mds-input-date-range-variant-color:var(--status-warning-05)}:host([variant=\"error\"]){--mds-input-date-range-icon-color:var(--status-error-05);--mds-input-date-range-variant-color:0 0 0}:host([variant=\"error\"]:focus-within){--mds-input-date-range-icon-color:var(--status-error-04);--mds-input-date-range-variant-color:var(--status-error-05)}";
+const mdsInputDateRangeCss = ":host{--mds-input-date-range-background:rgb(var(--tone-neutral));--mds-input-date-range-calendar-width:22rem;--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 0.5rem;--mds-input-date-range-icon-color:var(--mds-input-date-range-variant-color);--mds-input-date-range-ring:0 0 0 1px rgb(var(--mds-input-date-range-variant-color) / 0.1);--mds-input-date-range-shadow:0 1px 3px 0 rgb(var(--mds-input-date-range-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-date-range-variant-color) / 0.06);--mds-input-date-range-variant-color:0 0 0;min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;gap:0.5rem;color:rgb(var(--tone-neutral-02));container-type:inline-size;cursor:text;display:-ms-flexbox;display:flex;overflow:visible;position:relative}.date-preselection{display:grid;gap:0.5rem}.inputs{font-family:'Roboto Mono', 'Courier New', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0rem;border-radius:0.5rem;padding-left:1rem;padding-right:3rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);-ms-flex-align:center;align-items:center;background-color:var(--mds-input-date-range-background);border:0;-webkit-box-shadow:var(--mds-input-date-range-ring), var(--mds-input-date-range-shadow);box-shadow:var(--mds-input-date-range-ring), var(--mds-input-date-range-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--mds-input-date-range-fields-gap);min-height:3rem;overflow:hidden;text-overflow:ellipsis;-webkit-transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform, -webkit-box-shadow, -webkit-transform;width:100%}.input-element{-ms-flex-align:baseline;align-items:baseline;display:-ms-inline-flexbox;display:inline-flex}:host(:focus-within) .inputs{outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);--mds-input-date-range-ring:0 0 0 3px rgb(var(--mds-input-date-range-variant-color) / 1);--mds-input-date-range-shadow:0 4px 6px 3px rgb(var(--mds-input-date-range-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-date-range-variant-color) / 0.06)}.input-wrapper{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}:host() ::slotted(mds-input-date){color:inherit}.date-label{margin-left:0.125rem;margin-right:0.125rem;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;white-space:nowrap}.date-label:first-child{margin-left:0}.calendars{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:--spacing(200);min-width:-moz-max-content;min-width:-webkit-max-content;min-width:max-content}.calendar-preselection-panel{background-color:rgb(var(--tone-neutral-09));border-radius:0.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;-ms-flex-line-pack:start;align-content:start;min-inline-size:-moz-max-content;min-inline-size:-webkit-max-content;min-inline-size:max-content;padding:1rem}.calendar-single{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:--spacing(200);min-width:-moz-max-content;min-width:-webkit-max-content;min-width:max-content}.calendar-single mds-calendar,.calendars mds-calendar{-ms-flex:0 0 var(--mds-input-date-range-calendar-width);flex:0 0 var(--mds-input-date-range-calendar-width);inline-size:var(--mds-input-date-range-calendar-width);max-inline-size:var(--mds-input-date-range-calendar-width);min-inline-size:var(--mds-input-date-range-calendar-width)}.action-open-calendar{--mds-button-color:rgb(var(--mds-input-date-range-icon-color));aspect-ratio:1;bottom:0;position:absolute;right:0;top:0}mds-dropdown{padding:0}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}:host-context(.pref-animation-reduce) .input{-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system) .input{-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-theme-dark){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-dark) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-system) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}}:host-context(.pref-contrast-more){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-input-date-range-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-range-background:rgb(var(--tone-neutral-09));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}}@supports (-moz-appearance: none){.action-open-calendar{display:none}.inputs{padding-right:1rem;-ms-flex-pack:var(--mds-input-date-range-fields-firefox-justify-content);justify-content:var(--mds-input-date-range-fields-firefox-justify-content)}}:host{--mds-input-date-range-icon-color:var(--variant-primary-03);--mds-input-date-range-variant-color:0 0 0}:host(:focus-within){--mds-input-date-range-variant-color:var(--variant-primary-04)}:host([variant=\"info\"]){--mds-input-date-range-icon-color:var(--status-info-05);--mds-input-date-range-variant-color:0 0 0}:host([variant=\"info\"]:focus-within){--mds-input-date-range-icon-color:var(--status-info-04);--mds-input-date-range-variant-color:var(--status-info-05)}:host([variant=\"success\"]){--mds-input-date-range-icon-color:var(--status-success-05);--mds-input-date-range-variant-color:0 0 0}:host([variant=\"success\"]:focus-within){--mds-input-date-range-icon-color:var(--status-success-04);--mds-input-date-range-variant-color:var(--status-success-05)}:host([variant=\"warning\"]){--mds-input-date-range-icon-color:var(--status-warning-05);--mds-input-date-range-variant-color:0 0 0}:host([variant=\"warning\"]:focus-within){--mds-input-date-range-icon-color:var(--status-warning-04);--mds-input-date-range-variant-color:var(--status-warning-05)}:host([variant=\"error\"]){--mds-input-date-range-icon-color:var(--status-error-05);--mds-input-date-range-variant-color:0 0 0}:host([variant=\"error\"]:focus-within){--mds-input-date-range-icon-color:var(--status-error-04);--mds-input-date-range-variant-color:var(--status-error-05)}";
 const MdsInputDateRangeStyle0 = mdsInputDateRangeCss;
 
 const MdsInputDateRange = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.dateRangeSelected = index.createEvent(this, "mdsInputDateRangeSelect", 7);
         this.valueChanged = index.createEvent(this, "mdsInputDateRangeValueChange", 7);
         if (hostRef.$hostElement$["s-ei"]) {
             this.internals = hostRef.$hostElement$["s-ei"];
@@ -55,6 +54,7 @@ const MdsInputDateRange = class {
         this.calendarKey = 0;
         this.internalStartDate = '';
         this.internalEndDate = '';
+        this.visibleCalendarDate = '';
         this.hasPreselection = false;
         this.t = new locale.Locale({
             el: localeEl,
@@ -87,10 +87,16 @@ const MdsInputDateRange = class {
          * @description Default is 500
          */
         this.delay = 500;
+        /**
+         * Enables the linked dual-calendar range picker behavior.
+         */
+        this.dualCalendar = false;
         this.lastEmittedStartDate = null;
         this.lastEmittedEndDate = null;
         this.initialStartDate = '';
         this.initialEndDate = '';
+        this.hoveredCalendarDate = null;
+        this.syncingInputSlots = new Set();
         this.handleFocusOut = (event) => {
             if (!this.host.contains(event.relatedTarget)) {
                 const startValid = luxon.DateTime_1.fromISO(this.internalStartDate).isValid;
@@ -98,20 +104,8 @@ const MdsInputDateRange = class {
                 if (startValid && endValid) {
                     this.validateDateRange();
                     this.syncFormValue();
-                    this.dateRangeSelected.emit({
-                        startDate: this.internalStartDate,
-                        endDate: this.internalEndDate,
-                    });
                     this.checkPreselections();
-                }
-                if (this.internalStartDate !== this.lastEmittedStartDate ||
-                    this.internalEndDate !== this.lastEmittedEndDate) {
-                    this.valueChanged.emit({
-                        startDate: this.internalStartDate,
-                        endDate: this.internalEndDate,
-                    });
-                    this.lastEmittedStartDate = this.internalStartDate;
-                    this.lastEmittedEndDate = this.internalEndDate;
+                    this.emitValueChanged();
                 }
             }
         };
@@ -134,10 +128,152 @@ const MdsInputDateRange = class {
             ev.stopPropagation();
             this.focusInput(this.host.querySelector('mds-input-date[slot="end"]'));
         };
+        this.handleCalendarHover = (ev) => {
+            if (!this.internalStartDate || this.internalEndDate) {
+                this.clearHoverPreview();
+                return;
+            }
+            const nextHoverDate = ev.detail.hoverDate;
+            if (this.hoveredCalendarDate === nextHoverDate)
+                return;
+            this.hoveredCalendarDate = nextHoverDate;
+            this.syncCalendarsHoverAttributes();
+        };
+        this.handleCalendarChange = (ev) => {
+            this.clearHoverPreview();
+            this.internalStartDate = ev.detail.startDate;
+            this.updateInputValue('start', this.internalStartDate);
+            if (ev.detail.endDate) {
+                this.internalEndDate = ev.detail.endDate;
+                this.updateInputValue('end', this.internalEndDate);
+            }
+            else {
+                this.internalEndDate = '';
+                this.updateInputValue('end', this.internalEndDate);
+            }
+            this.syncFormValue();
+            this.syncCalendarsSelectionAttributes();
+            if (this.internalStartDate && this.internalEndDate) {
+                this.emitValueChanged();
+                this.closeDropdownAfterSelection();
+            }
+        };
+        this.handleCalendarNavigate = (ev) => {
+            if (!this.dualCalendar)
+                return;
+            const calendars = this.getCalendars();
+            const calendarIndex = calendars.indexOf(ev.target);
+            const currentDate = luxon.DateTime_1.fromISO(ev.detail.currentDate);
+            if (!currentDate.isValid)
+                return;
+            this.visibleCalendarDate = currentDate
+                .minus({ months: calendarIndex === 1 ? 1 : 0 })
+                .startOf('month')
+                .toISODate();
+        };
     }
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
+    getCalendars() {
+        var _a, _b;
+        return Array.from((_b = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('mds-calendar')) !== null && _b !== void 0 ? _b : []);
+    }
+    resolveVisibleCalendarDate(startDate, endDate) {
+        var _a;
+        const initialDates = [startDate, endDate]
+            .map(value => luxon.DateTime_1.fromISO(value !== null && value !== void 0 ? value : ''))
+            .filter(date => date.isValid);
+        const initialVisibleDate = (_a = initialDates[0]) !== null && _a !== void 0 ? _a : luxon.DateTime_1.now();
+        return initialVisibleDate.startOf('month').toISODate();
+    }
+    getCalendarViewDate(monthOffset = 0) {
+        const visibleCalendarDate = luxon.DateTime_1.fromISO(this.visibleCalendarDate);
+        const startDate = luxon.DateTime_1.fromISO(this.internalStartDate);
+        let baseDate = luxon.DateTime_1.now();
+        if (visibleCalendarDate.isValid) {
+            baseDate = visibleCalendarDate;
+        }
+        else if (startDate.isValid) {
+            baseDate = startDate;
+        }
+        return baseDate.startOf('month').plus({ months: monthOffset }).toISODate();
+    }
+    setVisibleCalendarDate(date) {
+        const visibleCalendarDate = luxon.DateTime_1.fromISO(date);
+        if (visibleCalendarDate.isValid) {
+            this.visibleCalendarDate = visibleCalendarDate.startOf('month').toISODate();
+        }
+    }
+    closeDropdownAfterSelection() {
+        if (this.delay === 0)
+            return;
+        const { dropdownRef } = this;
+        if (dropdownRef) {
+            setTimeout(() => {
+                dropdownRef.visible = false;
+            }, this.delay);
+        }
+    }
+    syncCalendarsSelectionAttributes() {
+        var _a;
+        (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('mds-calendar').forEach(calendar => {
+            if (this.internalStartDate) {
+                calendar.setAttribute('start-date', this.internalStartDate);
+            }
+            else {
+                calendar.removeAttribute('start-date');
+            }
+            if (this.internalEndDate) {
+                calendar.setAttribute('end-date', this.internalEndDate);
+            }
+            else {
+                calendar.removeAttribute('end-date');
+            }
+        });
+        this.syncCalendarsHoverAttributes();
+    }
+    syncCalendarsHoverAttributes() {
+        var _a;
+        (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('mds-calendar').forEach(calendar => {
+            if (this.hoveredCalendarDate) {
+                calendar.setAttribute('hover-date', this.hoveredCalendarDate);
+            }
+            else {
+                calendar.removeAttribute('hover-date');
+            }
+        });
+    }
+    clearHoverPreview() {
+        if (this.hoveredCalendarDate === null)
+            return;
+        this.hoveredCalendarDate = null;
+        this.syncCalendarsHoverAttributes();
+    }
+    getEmittableDateRangeDetail() {
+        const startDate = luxon.DateTime_1.fromISO(this.internalStartDate);
+        const endDate = luxon.DateTime_1.fromISO(this.internalEndDate);
+        if (!startDate.isValid || !endDate.isValid) {
+            return null;
+        }
+        return {
+            startDate: this.internalStartDate,
+            endDate: this.internalEndDate,
+        };
+    }
+    emitValueChanged() {
+        const detail = this.getEmittableDateRangeDetail();
+        if (!detail)
+            return false;
+        if (detail.startDate === this.lastEmittedStartDate &&
+            detail.endDate === this.lastEmittedEndDate) {
+            return false;
+        }
+        this.valueChanged.emit(detail);
+        this.lastEmittedStartDate = detail.startDate;
+        this.lastEmittedEndDate = detail.endDate;
+        return true;
+    }
     handleStartDateChange(newValue) {
         this.syncExternalDate('start', newValue);
     }
@@ -150,6 +286,7 @@ const MdsInputDateRange = class {
         this.internalEndDate = this.endDate;
         this.initialStartDate = this.startDate;
         this.initialEndDate = this.endDate;
+        this.visibleCalendarDate = this.resolveVisibleCalendarDate(this.internalStartDate, this.internalEndDate);
         // Se max è precedente a min, imposto max uguale a min
         if (this.min && this.max) {
             const minDate = luxon.DateTime_1.fromISO(this.min);
@@ -161,10 +298,11 @@ const MdsInputDateRange = class {
         this.syncFormValue();
     }
     disconnectedCallback() {
+        var _a;
         this.host.removeEventListener('focusout', this.handleFocusOut);
+        (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.removeEventListener('mdsCalendarHover', this.handleCalendarHover);
     }
     async preselect(event) {
-        var _a, _b;
         if (!this.togglePreselection) {
             this.togglePreselection = Array.from(this.host.querySelectorAll('mds-input-date-range-preselection'));
         }
@@ -172,9 +310,11 @@ const MdsInputDateRange = class {
             element.selected = false;
         });
         event.caller.selected = true;
+        this.clearHoverPreview();
         const startDate = luxon.DateTime_1.fromISO(event.start);
         if (startDate.isValid) {
             this.internalStartDate = event.start;
+            this.setVisibleCalendarDate(this.internalStartDate);
             this.updateInputValue('start', this.internalStartDate);
         }
         if (event.end !== undefined) {
@@ -188,31 +328,28 @@ const MdsInputDateRange = class {
         }
         this.updateInputValue('end', this.internalEndDate);
         this.syncFormValue();
-        const calendar = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('mds-calendar');
-        if (calendar) {
-            await calendar.updateCurrentDate(this.internalStartDate);
-            if (this.delay === 0)
-                return;
-            const { dropdownRef } = this;
-            if (dropdownRef) {
-                setTimeout(() => {
-                    dropdownRef.visible = false;
-                }, this.delay);
-            }
+        const calendars = this.getCalendars();
+        if (calendars.length) {
+            await Promise.all(calendars.map((calendar, index) => calendar.updateCurrentDate(this.getCalendarViewDate(index))));
+            this.closeDropdownAfterSelection();
         }
-        this.dateRangeSelected.emit({ startDate: this.internalStartDate, endDate: this.internalEndDate });
+        this.emitValueChanged();
         return Promise.resolve();
     }
     componentDidLoad() {
+        var _a;
         this.updateInputListeners();
         this.updateInputValue('start', this.internalStartDate);
         this.updateInputValue('end', this.internalEndDate);
         this.syncFormValue();
         this.host.addEventListener('focusout', this.handleFocusOut);
+        (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.addEventListener('mdsCalendarHover', this.handleCalendarHover);
     }
     formResetCallback() {
+        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();
@@ -220,10 +357,12 @@ const MdsInputDateRange = class {
     }
     syncExternalDate(slotName, newValue) {
         const normalizedValue = newValue !== null && newValue !== void 0 ? newValue : '';
+        this.clearHoverPreview();
         if (slotName === 'start') {
             if (normalizedValue === this.internalStartDate)
                 return;
             this.internalStartDate = normalizedValue;
+            this.setVisibleCalendarDate(this.internalStartDate);
         }
         else {
             if (normalizedValue === this.internalEndDate)
@@ -241,7 +380,12 @@ const MdsInputDateRange = class {
         const slot = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`slot[name="${slotName}"]`);
         const input = slot === null || slot === void 0 ? void 0 : slot.assignedElements()[0];
         if (input) {
-            input.setValue(newValue);
+            this.syncingInputSlots.add(slotName);
+            input.setValue(newValue).finally(() => {
+                requestAnimationFrame(() => {
+                    this.syncingInputSlots.delete(slotName);
+                });
+            });
         }
     }
     updateInputListeners() {
@@ -260,9 +404,14 @@ const MdsInputDateRange = class {
     }
     createFocusoutListener(slotName) {
         return (ev) => {
+            if (this.syncingInputSlots.has(slotName)) {
+                return;
+            }
             const event = ev;
+            this.clearHoverPreview();
             if (slotName === 'start') {
                 this.internalStartDate = event.detail;
+                this.setVisibleCalendarDate(this.internalStartDate);
             }
             else {
                 this.internalEndDate = event.detail;
@@ -299,34 +448,27 @@ const MdsInputDateRange = class {
             });
         }
     }
+    renderCalendarPreselectionPanel() {
+        if (!this.hasPreselection)
+            return null;
+        return (index.h("div", { class: "calendar-preselection-panel" }, index.h("div", { class: clsx.clsx('date-preselection', this.hasPreselection && 'date-preselection--has-preselection') }, index.h("slot", { name: "calendar-preselection" }))));
+    }
+    renderSingleCalendar() {
+        return (index.h("div", { class: "calendar-single" }, this.renderCalendarPreselectionPanel(), index.h("mds-calendar", Object.assign({ lang: this.language, key: this.calendarKey, rangePicker: true, onMdsCalendarChange: this.handleCalendarChange, onMdsCalendarPreselect: () => {
+                this.checkPreselections();
+            }, startDate: this.internalStartDate, endDate: this.internalEndDate }, (this.min ? { min: this.min } : {}), (this.max ? { max: this.max } : {})))));
+    }
+    renderDualCalendars() {
+        return (index.h("div", { class: "calendars" }, this.renderCalendarPreselectionPanel(), index.h("mds-calendar", Object.assign({ lang: this.language, key: `${this.calendarKey}-start`, rangePicker: true, showNextButton: false, disableMonthYearSelection: true, viewDate: this.getCalendarViewDate(), onMdsCalendarNavigate: this.handleCalendarNavigate, onMdsCalendarChange: this.handleCalendarChange, onMdsCalendarPreselect: () => {
+                this.checkPreselections();
+            }, startDate: this.internalStartDate, endDate: this.internalEndDate }, (this.min ? { min: this.min } : {}), (this.max ? { max: this.max } : {}))), index.h("mds-calendar", Object.assign({ lang: this.language, key: `${this.calendarKey}-end`, rangePicker: true, showPreviousButton: false, disableMonthYearSelection: true, viewDate: this.getCalendarViewDate(1), onMdsCalendarNavigate: this.handleCalendarNavigate, onMdsCalendarChange: this.handleCalendarChange, onMdsCalendarPreselect: () => {
+                this.checkPreselections();
+            }, startDate: this.internalStartDate, endDate: this.internalEndDate }, (this.min ? { min: this.min } : {}), (this.max ? { max: this.max } : {})))));
+    }
     render() {
-        return (index.h(index.Host, { key: 'a0d2991f2840c21d10410d9a2759bea2140b5fb8', onClick: this.focusDateInput }, index.h("div", { key: '42a70b643de49c02a1db422e9f7e69c4c16b5df2', class: "inputs" }, index.h("div", { key: '9aaef7664e161099e93dcf09f70e8a12ac26cba5', class: "input-element" }, index.h("mds-text", { key: 'd7a2f85dbd2ad2d4f2dbeefcad2d23c7062fa193', class: "date-label", typography: "detail", onClick: this.focusStartDateInput }, this.t.get('from')), index.h("div", { key: 'c430288d5850666258269faf269934c9771b62bf', class: "input-wrapper" }, index.h("slot", { key: '3cfdeacc1c9b024ce7f5a2a306425eeaa51f1130', name: "start" }))), index.h("div", { key: 'e8543d95071704939d879f87790f0fc711a34046', class: "input-element" }, index.h("mds-text", { key: '125cb1e5b7fe872f353624555af070cad0da30b0', class: "date-label", typography: "detail", onClick: this.focusEndDateInput }, this.t.get('to')), index.h("div", { key: '35884f542a3ebd824dab00a514e3aec69c79ae11', class: "input-wrapper" }, index.h("slot", { key: '74f1b59daecc34daf576297c93fff43071dccabd', name: "end" })))), index.h("mds-button", { key: 'be0b0f4af844d95a82211330de00c3545b136da3', class: "action-open-calendar", variant: "dark", tone: "quiet", icon: calendarToday.miBaselineCalendarToday, id: "calendar-dropdown", onClick: () => {
+        return (index.h(index.Host, { key: '9f1d15ce17187fb4346d4a8248d9fef359235f54', onClick: this.focusDateInput }, index.h("div", { key: '419236ee8bead4665a0164957282bcd5e7659661', class: "inputs" }, index.h("div", { key: 'e25a78a35ab091ccf357ade3a27b646b94ec42a6', class: "input-element" }, index.h("mds-text", { key: '7d93c5d1ee1a8c690aeb18b88607f081c3785c1e', class: "date-label", typography: "detail", onClick: this.focusStartDateInput }, this.t.get('from')), index.h("div", { key: 'bb2b95cf1de464d9158df7aecb950af7927e7272', class: "input-wrapper" }, index.h("slot", { key: '57cf6f4832fe383e22e5210e8d8f1584ac0a0f34', name: "start" }))), index.h("div", { key: 'dd707a289ce5862549a1d98b3010861af2fe05ac', class: "input-element" }, index.h("mds-text", { key: '212ba05e753f6b5f04032fc9eadbee33a66abccc', class: "date-label", typography: "detail", onClick: this.focusEndDateInput }, this.t.get('to')), index.h("div", { key: '15cf868bb6808fd8f2bf4a8c13720e813c277d66', class: "input-wrapper" }, index.h("slot", { key: '788d2c3ee00fd81724f1b058971a1366f3db6172', name: "end" })))), index.h("div", { key: 'ca0c8be9804fdd2b7c4b7d17d234328182023f0b', class: "action-open-calendar-wrapper" }, index.h("mds-button", { key: '9b4beb75e39698d2877c129b346024d785d8ba98', class: "action-open-calendar", variant: "dark", tone: "quiet", icon: calendarToday.miBaselineCalendarToday, id: "calendar-dropdown", onClick: () => {
                 this.calendarKey += 1;
-            } }), index.h("mds-dropdown", { key: 'd7bd7782dbcb0f7647643d6054b5fec2947e81e9', ref: el => this.dropdownRef = el, target: "#calendar-dropdown", "auto-placement": false, placement: "bottom-end" }, index.h("mds-calendar", Object.assign({ lang: this.language, key: this.calendarKey, rangePicker: true, onMdsCalendarChange: ev => {
-                this.internalStartDate = ev.detail.startDate;
-                this.updateInputValue('start', this.internalStartDate);
-                if (ev.detail.endDate) {
-                    this.internalEndDate = ev.detail.endDate;
-                    this.updateInputValue('end', this.internalEndDate);
-                }
-                this.syncFormValue();
-                if (this.internalStartDate && this.internalEndDate) {
-                    this.dateRangeSelected.emit({
-                        startDate: this.internalStartDate,
-                        endDate: this.internalEndDate,
-                    });
-                    if (this.delay === 0)
-                        return;
-                    const { dropdownRef } = this;
-                    if (dropdownRef) {
-                        setTimeout(() => {
-                            dropdownRef.visible = false;
-                        }, this.delay);
-                    }
-                }
-            }, onMdsCalendarPreselect: () => {
-                this.checkPreselections();
-            }, startDate: this.internalStartDate, endDate: this.internalEndDate }, (this.min ? { min: this.min } : {}), (this.max ? { max: this.max } : {})), index.h("div", { key: '5f94b5fef9bdca001020776e18c79875015452c7', slot: "preselection", class: clsx.clsx('date-preselection', this.hasPreselection && 'date-preselection--has-preselection') }, index.h("slot", { key: '58524f199d07343671ffc752be0ed74d21c3f021', name: "calendar-preselection" }))))));
+            } })), index.h("mds-dropdown", { key: '3274e94a6ae30fa2f060edeaa8f906972689af63', ref: el => (this.dropdownRef = el), target: "#calendar-dropdown", "auto-placement": false, placement: "bottom-end" }, this.dualCalendar ? this.renderDualCalendars() : this.renderSingleCalendar())));
     }
     syncFormValue() {
         var _a, _b, _c, _d;

package/dist/cjs/mds-input-date.cjs.entry.js

@@ -24,6 +24,7 @@ const MdsInputDate = class {
             hostRef.$hostElement$["s-ei"] = this.internals;
         }
         this.isSlotted = false;
+        this.empty = undefined;
         this.t = new locale.Locale({
             el: {},
             en: {},
@@ -75,12 +76,13 @@ const MdsInputDate = class {
             // manage case when i insert 0 on date and default input behavior change in 01 instead of resetting all date
             if (input.value)
                 this.value = input.value;
-            this.validateValue();
+            this.validateValue(input.validity.badInput);
         };
         this.onBlur = (ev) => {
             const input = ev.target;
             this.hasFocus = false;
             this.value = input.value;
+            this.validateValue(input.validity.badInput);
         };
         this.onFocus = (ev) => {
             const input = ev.target;
@@ -101,20 +103,25 @@ const MdsInputDate = class {
         this.valueChange.emit(this.value);
         this.validateValue();
     }
-    validateValue() {
+    validateValue(hasBadInput = false) {
         const date = luxon.DateTime_1.fromISO(this.value);
-        const isInvalidDate = date.invalid;
-        const outOfRange = (this.max && luxon.DateTime_1.fromISO(this.max) < date) ||
-            (this.min && luxon.DateTime_1.fromISO(this.min) > date);
-        if ((isInvalidDate && this.required) || outOfRange) {
+        const hasValue = Boolean(this.value);
+        const hasInvalidValue = hasValue && !date.isValid;
+        const isMissingRequiredValue = this.required && !hasValue;
+        const outOfRange = date.isValid &&
+            ((this.max && luxon.DateTime_1.fromISO(this.max) < date) ||
+                (this.min && luxon.DateTime_1.fromISO(this.min) > date));
+        if (hasBadInput || hasInvalidValue || isMissingRequiredValue || outOfRange) {
             this.isValid = false;
             this.variant = 'error';
             this.internals.setFormValue(null);
+            this.empty = hasBadInput || hasInvalidValue ? true : undefined;
         }
         else {
             this.isValid = true;
             this.variant = 'primary';
             this.internals.setFormValue(this.value);
+            this.empty = undefined;
         }
         this.validationEvent.emit(this.isValid);
     }
@@ -149,10 +156,9 @@ const MdsInputDate = class {
         this.validateValue();
     }
     render() {
-        return (index.h(index.Host, { key: '6f98a43d84a87d7e0540331a3f7d37bbf4eca633' }, index.h("input", { key: 'ec75ae2fd091ee48a4f965057e2b2ae1b3ecddd4', value: this.value, id: "dateInput", class: "input", part: "input-date", type: "date", disabled: this.disabled, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.handleChange, onChange: this.handleChange }), !this.isSlotted && index.h("mds-button", { key: '6c7ea4d660fa79b2ba681d255ab48a6d8a0015a9', id: "calendar-dropdown", class: "action-open-calendar", disabled: this.disabled, variant: "dark", tone: "quiet", icon: calendarToday.miBaselineCalendarToday, onClick: () => {
+        return (index.h(index.Host, { key: '52c3166d9b5401776ff61e0e535571896a9d6ba8', empty: this.empty }, index.h("input", { key: 'a4f3f1c9c3602bb977677aa3063f2968c70adf33', value: this.value, id: "dateInput", class: "input", part: "input-date", type: "date", disabled: this.disabled, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.handleChange, onChange: this.handleChange }), !this.isSlotted && (index.h("div", { key: 'e002daf5efa4367d1519acfb566ce4faf61d4fcd', class: "action-open-calendar-wrapper" }, index.h("mds-button", { key: 'e9c6f3191dc6fcb226a3f08d8526d44900816ba5', id: "calendar-dropdown", class: "action-open-calendar", disabled: this.disabled, variant: "dark", tone: "quiet", icon: calendarToday.miBaselineCalendarToday, onClick: () => {
                 this.calendarKey += 1;
-            } }), index.h("mds-input-tip", { key: 'ebbc8300462052aa8bac94a9ac7f66fc96852a0b', lang: this.language, position: "top", active: this.hasFocus }, this.disabled && index.h("mds-input-tip-item", { key: '54a9dd6905b25759f13fd625a9e64b0e41152e04', expanded: true, variant: "disabled" }), this.readonly && index.h("mds-input-tip-item", { key: 'ecd6bfc83bda3ee8faeb9a990fc6886ab45f0f8d', expanded: true, variant: "readonly" }), this.required &&
-            index.h("mds-input-tip-item", { key: 'e5b890f827a7a17b58d075bd4f500d208a512512', expanded: this.hasFocus, variant: this.isValid ? 'required-success' : 'required' })), !this.isSlotted && index.h("mds-dropdown", { key: '34a37a18aea7c9e9476fc660229d3bec208ec8c9', placement: "bottom-end", "auto-placement": false, ref: el => this.dropdownRef = el, target: "#calendar-dropdown" }, index.h("mds-calendar", Object.assign({ key: this.calendarKey, rangePicker: false, lang: this.language, onMdsCalendarChange: ev => {
+            } }))), index.h("mds-input-tip", { key: 'b4a4308288531dfb0d3b890393d5243b4687d459', lang: this.language, position: "top", active: this.hasFocus }, this.disabled && index.h("mds-input-tip-item", { key: '4bc411c37bb5da3465443b72db0c7915c5bb5afd', expanded: true, variant: "disabled" }), this.readonly && index.h("mds-input-tip-item", { key: '6ba171f9f821354bcfbd7d9e8574dd5681a30a9b', expanded: true, variant: "readonly" }), this.required && (index.h("mds-input-tip-item", { key: '4f69ccf812baee84c9831f9ce3ac57d74f8a7038', expanded: this.hasFocus, variant: this.isValid ? 'required-success' : 'required' }))), !this.isSlotted && (index.h("mds-dropdown", { key: '79f6ffd4fe2f708c9786904406e700c921200356', placement: "bottom-end", "auto-placement": false, ref: el => (this.dropdownRef = el), target: "#calendar-dropdown" }, index.h("mds-calendar", Object.assign({ key: this.calendarKey, rangePicker: false, lang: this.language, onMdsCalendarChange: ev => {
                 this.value = ev.detail.startDate;
                 if (this.delay === 0)
                     return;
@@ -162,7 +168,7 @@ const MdsInputDate = class {
                         dropdownRef.visible = false;
                     }, this.delay);
                 }
-            }, startDate: this.value }, this.min ? { min: this.min } : {}, this.max ? { max: this.max } : {})))));
+            }, startDate: this.value }, (this.min ? { min: this.min } : {}), (this.max ? { max: this.max } : {})))))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }

package/dist/cjs/mds-input.cjs.entry.js

@@ -629,21 +629,21 @@ const MdsInput = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: '35c2ab35ec7761a4704f04eb660be93492de7672' }, this.type === 'number'
+        return (index.h(index.Host, { key: 'ebbe46c4c882755da77b567e1f13fc97c07e2513' }, this.type === 'number'
             && this.controlsLayout === 'horizontal'
-            && index.h("mds-button", { key: 'cf2fe92bdb18e8eb62499aff789888bd29baf248', class: "counter-button counter-button--horizontal counter-button--decrease", icon: this.controlsIcon === 'arrow' ? keyboardArrowDown.miBaselineKeyboardArrowDown : remove.miBaselineRemove, onClick: this.stepDown, tabindex: "0", title: this.t.get('decrease'), part: "counter-button-decrease" }), this.type === 'textarea'
+            && index.h("mds-button", { key: '0158cfb2383b201582346182d4e091d7a4335aaa', class: "counter-button counter-button--horizontal counter-button--decrease", icon: this.controlsIcon === 'arrow' ? keyboardArrowDown.miBaselineKeyboardArrowDown : remove.miBaselineRemove, onClick: this.stepDown, tabindex: "0", title: this.t.get('decrease'), part: "counter-button-decrease" }), this.type === 'textarea'
             ? index.h("textarea", { class: clsx.clsx('input', ((_a = this.icon) !== null && _a !== void 0 ? _a : this.await) && 'has-icon', this.mic && 'has-right-icon'), autoFocus: this.autofocus, disabled: this.disabled, maxLength: this.maxlength, minLength: this.minlength, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, part: "field", placeholder: this.placeholder, readOnly: this.readonly, ref: input => (this.nativeInput = input), required: this.required, tabIndex: this.tabindex, value: this.value })
             : index.h("input", { class: clsx.clsx('input', ((_b = this.icon) !== null && _b !== void 0 ? _b : this.await) && 'has-icon', this.mic && 'has-right-icon'), autoComplete: this.autocomplete, autoFocus: this.autofocus, disabled: this.disabled, max: this.max, maxLength: this.maxlength, min: this.min, minLength: this.minlength, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, pattern: this.pattern, list: this.datalistId, part: "field", placeholder: this.placeholder, readOnly: this.readonly, ref: input => (this.nativeInput = input), required: this.required, step: this.step, tabIndex: this.tabindex, type: this.type === 'password' && this.isPasswordVisible ? 'text' : this.type, value: this.value }), this.type === 'number'
             && this.controlsLayout === 'vertical'
-            && index.h("div", { key: 'b1143910c3612421b69ebe9a70db755d03c0c633', class: "counter counter--vertical" }, index.h("mds-button", { key: '9b37d4cb10284697cffbc4158b6d9896e24c28c3', class: "counter-button", icon: this.controlsIcon === 'arrow' ? keyboardArrowUp.miBaselineKeyboardArrowUp : miBaselineAdd, onClick: this.stepUp, tabindex: "0", title: this.t.get('increase'), part: "counter-button-increase" }), index.h("mds-button", { key: '2da5ac1d379d52bb86baf345b632ac1d07adfbcc', class: "counter-button", icon: this.controlsIcon === 'arrow' ? keyboardArrowDown.miBaselineKeyboardArrowDown : remove.miBaselineRemove, onClick: this.stepDown, tabindex: "0", title: this.t.get('decrease'), part: "counter-button-decrease" })), this.type === 'number'
+            && index.h("div", { key: 'f45f2154fc54ca72cc21a2d961bd2bd20d4efd78', class: "counter counter--vertical" }, index.h("mds-button", { key: '5d854eca0c1c4a76a635830cc818902ccf291852', class: "counter-button", icon: this.controlsIcon === 'arrow' ? keyboardArrowUp.miBaselineKeyboardArrowUp : miBaselineAdd, onClick: this.stepUp, tabindex: "0", title: this.t.get('increase'), part: "counter-button-increase" }), index.h("mds-button", { key: '2617f16ee356d1b2e1a8908c9aa462f066dc1f0a', class: "counter-button", icon: this.controlsIcon === 'arrow' ? keyboardArrowDown.miBaselineKeyboardArrowDown : remove.miBaselineRemove, onClick: this.stepDown, tabindex: "0", title: this.t.get('decrease'), part: "counter-button-decrease" })), this.type === 'number'
             && this.controlsLayout === 'horizontal'
-            && index.h("mds-button", { key: '5cc396eaee3ad5ffcd88f6b29f611a7964f610b8', class: "counter-button counter-button--horizontal counter-button--increase", icon: this.controlsIcon === 'arrow' ? keyboardArrowUp.miBaselineKeyboardArrowUp : miBaselineAdd, onClick: this.stepUp, tabindex: "0", title: this.t.get('increase'), part: "counter-button-increase" }), this.type === 'password'
-            && index.h("mds-button", { key: 'cc00dcade25b03f409259915e3b5f6e5a2455f86', class: "password-toggle-button", icon: this.isPasswordVisible ? miBaselineVisibleOff : miBaselineVisible, onClick: () => this.isPasswordVisible = !this.isPasswordVisible, tabindex: "0", tone: "quiet", title: this.isPasswordVisible ? this.t.get('hidePassword') : this.t.get('showPassword'), part: "password-toggle-button" }), this.mic
-            && index.h("mds-button", { key: '54a50f335ccddfd1a9eaed43d022cfabdbfe9cec', class: clsx.clsx('mic-toggle-button', this.isRecording && 'mic-toggle-button--recording'), icon: this.speechToTextIcon, onClick: () => this.toggleTextRecognition(), tabindex: "0", variant: "dark", tone: "quiet", title: this.speechToTextLabel, part: "mic-toggle-button" }), index.h("mds-input-tip", { key: '80f7c4c48c5af44ca38a53fa5ad979787effd64b', lang: this.language, position: "top", active: this.hasFocus, part: 'tip-top' }, this.disabled && index.h("mds-input-tip-item", { key: '96b7685242f4553ee779632714e76370bdfc2fb8', expanded: true, variant: "disabled" }), this.readonly && index.h("mds-input-tip-item", { key: '622ba54b143433de4043b24bd66071b2c2ea9252', expanded: true, variant: "readonly" }), this.required &&
-            index.h("mds-input-tip-item", { key: '2f8a18a7c813af38db53f5454985c82b05e4a488', expanded: this.hasFocus, variant: this.isValid ? 'required-success' : 'required' })), index.h("mds-input-tip", { key: '39c14635fa94b923e7915f406414d990a6d5915c', lang: this.language, position: "bottom", active: this.hasFocus, part: 'tip-bottom' }, this.tip && index.h("mds-input-tip-item", { key: 'b267fd5c6de684068938b8e012ca03b5feab129a', expanded: true, variant: "text" }, this.tip), this.maxlength && index.h("mds-input-tip-item", { key: 'f9e0203c4686831dd3a713c0bc5de3b27f8ed23a', part: "tip-count", expanded: true, variant: this.countVariant }, this.currentLengthLabel)), this.datalist &&
-            index.h("datalist", { key: '257a7e6dad1352eafd5149280b2ccf425bd6cf38', id: this.datalistId, class: "datalist" }, this.datalist.map((element, i) => {
+            && index.h("mds-button", { key: 'df1cf80a287bbec3ca0ab54023931fe7304adb9d', class: "counter-button counter-button--horizontal counter-button--increase", icon: this.controlsIcon === 'arrow' ? keyboardArrowUp.miBaselineKeyboardArrowUp : miBaselineAdd, onClick: this.stepUp, tabindex: "0", title: this.t.get('increase'), part: "counter-button-increase" }), this.type === 'password'
+            && index.h("mds-button", { key: 'ac5c8680a80dd3dedb363e3aaf0a11bf0c8c51f0', class: "password-toggle-button", icon: this.isPasswordVisible ? miBaselineVisibleOff : miBaselineVisible, onClick: () => this.isPasswordVisible = !this.isPasswordVisible, tabindex: "0", tone: "quiet", title: this.isPasswordVisible ? this.t.get('hidePassword') : this.t.get('showPassword'), part: "password-toggle-button" }), this.mic
+            && index.h("mds-button", { key: '703c6f48c6357d3de79f305564b6c31e1ba0678b', class: clsx.clsx('mic-toggle-button', this.isRecording && 'mic-toggle-button--recording'), icon: this.speechToTextIcon, onClick: () => this.toggleTextRecognition(), tabindex: "0", variant: "dark", tone: "quiet", title: this.speechToTextLabel, part: "mic-toggle-button" }), index.h("mds-input-tip", { key: '6300abd186f702372b8cc38f727896086e8f994a', lang: this.language, position: "top", active: this.hasFocus, part: 'tip-top' }, this.disabled && index.h("mds-input-tip-item", { key: 'd47cf370835d9e8c750a0950b9e86a32306d26f3', expanded: true, variant: "disabled" }), this.readonly && index.h("mds-input-tip-item", { key: '1ff24111dc1b14da62784f3354e6f124f8741cf0', expanded: true, variant: "readonly" }), this.required &&
+            index.h("mds-input-tip-item", { key: '4e991439eab49a60c27d44df7257212a10047ad6', expanded: this.hasFocus, variant: this.isValid ? 'required-success' : 'required' })), index.h("mds-input-tip", { key: 'eba28daea6dff97b5072f792976fced121bfc0be', lang: this.language, position: "bottom", active: this.hasFocus, part: 'tip-bottom' }, this.tip && index.h("mds-input-tip-item", { key: 'c4154c51c86efdd1fb973ab013df3fb19880a042', expanded: true, variant: "text" }, this.tip), this.maxlength && index.h("mds-input-tip-item", { key: '01700711312f6146c6acbd8f7cbbb5d507460626', part: "tip-count", expanded: true, variant: this.countVariant }, this.currentLengthLabel)), this.datalist &&
+            index.h("datalist", { key: '63458f5f6097dff8a67aef131de941a18cae754e', id: this.datalistId, class: "datalist" }, this.datalist.map((element, i) => {
                 return index.h("option", { key: i, value: element });
-            })), this.icon && !this.await && index.h("mds-icon", { key: '85e7ff12195f5ad48eacb59e95532572ea6e14bc', class: clsx.clsx('icon', this.variant), name: this.icon }), index.h("mds-spinner", { key: '0f35bc59f5f4a5aae941adbd3d0b8d0ddd8a1e42', running: this.await, class: clsx.clsx('await', this.variant) })));
+            })), this.icon && !this.await && index.h("mds-icon", { key: '5e46fdcc469c528e1516deb07f110b208990e08d', class: clsx.clsx('icon', this.variant), name: this.icon }), index.h("mds-spinner", { key: '19d7c3c5ac40822f72a58c8d4a8ccd93adb7cc05', running: this.await, class: clsx.clsx('await', this.variant) })));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/collection/components/mds-accordion/mds-accordion.js

@@ -50,7 +50,7 @@ export class MdsAccordion {
         this.changedChildrenHandler(event);
     }
     render() {
-        return (h(Host, { key: 'afe5b07ff67cf2848028cf406bf0818b887b4842' }, h("slot", { key: '7f39b4fdb7dbdc1ecff49cfb522ef09191a918a3' })));
+        return (h(Host, { key: 'c408ce575006a26accb7f111ec4a27ce04fcb4ed' }, h("slot", { key: 'b24a2d755fb82ee28d0226d01be146c49f6d0ffa' })));
     }
     static get is() { return "mds-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-accordion-item/mds-accordion-item.js

@@ -23,7 +23,7 @@ export class MdsAccordionItem {
         };
     }
     render() {
-        return (h(Host, { key: '7ad938ebcbde447b4070224649eb995598093362' }, h("button", { key: '9a61dca6dc983351407193a9a9687491b59eb575', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { key: '3b0272888061382be5ba3f22b6cdf3ad4e674076', typography: this.typography, part: "label" }, this.label), h("mds-text", { key: '1e97b83009f19713705ec8d38cd2b8da7caedea0', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, h("i", { key: '8f9795421e23fcd349e3bce86044a169702037ce', class: "icon", innerHTML: miBaselineKeyboardArrowDown }))), h("div", { key: 'a212a3e80a1aab97e1d15c62e70cd21f8ee8563d', class: "content", id: "content" }, h("div", { key: '578696cea72457f0997ccfa22686165fe1fd95e9', "aria-labelledby": "action", class: "content-expander", part: "content", role: "region" }, h("slot", { key: 'ddb9a8e1e209a2bcbb46f701352621eb28b965a1' })))));
+        return (h(Host, { key: '9f1cc3117afc29a68c815ece34fbe0921fabae13' }, h("button", { key: 'c25f41a95d7ac9d17d7ec1ad40bb675ad65118b9', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { key: '9d2b4ecfd24756915f9ba6a90dee193c0a9a0f2e', typography: this.typography, part: "label" }, this.label), h("mds-text", { key: '9182f95912f0b7730f5490ed004823b74cb86200', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, h("i", { key: '7b3decf33b434cafb599cfb2b92f6499a6107f75', class: "icon", innerHTML: miBaselineKeyboardArrowDown }))), h("div", { key: '25fe5e0645f12ec051d1ce9e9f21b51d820ef707', class: "content", id: "content" }, h("div", { key: '478e6dc7a2b4dfaee5bb057ca51ff2328b85350c', "aria-labelledby": "action", class: "content-expander", part: "content", role: "region" }, h("slot", { key: '9de5537e2024754883a842c5ac14431e82398f8f' })))));
     }
     static get is() { return "mds-accordion-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-accordion-timer/mds-accordion-timer.js

@@ -139,7 +139,7 @@ export class MdsAccordionTimer {
         this.playTimer();
     }
     render() {
-        return (h(Host, { key: 'c6aa8a3f33c20001a9457d59ec5ac5de0a2026c1' }, h("slot", { key: '4731ef1339b4fec10d741fbcb7d48d323f0db5a5' })));
+        return (h(Host, { key: '18d9351e729eed662ef37aca4db1b1da573e7973' }, h("slot", { key: 'd766385ca2efd9650ec3572a8416d89a7ceabf21' })));
     }
     static get is() { return "mds-accordion-timer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-accordion-timer-item/mds-accordion-timer-item.js

@@ -55,7 +55,7 @@ export class MdsAccordionTimerItem {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'bc5ef8f8b22da3dcdf9bc860b6b79af869277ddf', onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { key: 'bbe8dbbce388ba0487aa84d920be97bea09dc186', class: "row" }, h("mds-progress", { key: '455f4bf36b284c8e9a1d8dac74dd59ebeb7f6a42', "aria-hidden": "true", class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical", part: "progress" }), h("div", { key: '65c0748ef3ef0bca8936831a24a41fbfa3746b31', class: "accordion" }, h("button", { key: '73766ed2d4c1ab0ebd289378075284f3f2516fa8', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action focus-bounce", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { key: 'a6b3be3cd593cef1aa4ce0c68f262c08e9c9cf8d', typography: this.typography, part: "label" }, this.description), h("mds-text", { key: 'b7d3d02998d9d736c72ac17798d374f581e554e4', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, h("i", { key: '268d2920014019914b8681c8e5659d9f5d39916f', class: "icon", innerHTML: miBaselineKeyboardArrowDown }))), h("div", { key: 'a4a7ab12e4aaf2554c21ba57c611a703d82f2528', class: "content", id: "content" }, h("div", { key: 'eb37abce0080625cad81ee42e66156c6d03d5d55', "aria-label": this.description, class: "content-expander", part: "content", role: "region" }, h("slot", { key: '9cdd701825c99af45db525609f4360dd906f3268' })))))));
+        return (h(Host, { key: 'e9ac7110c69c963436e949ca1fd5808b8f136fa1', onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { key: '5491150224ae59baabc2cbd43b6de279c20d1509', class: "row" }, h("mds-progress", { key: '006bd6f0750f14a867ea793fdda10dc3dfed16db', "aria-hidden": "true", class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical", part: "progress" }), h("div", { key: '3ce632fb1937949599a5bbadc555a69c58bd088f', class: "accordion" }, h("button", { key: '812c73ecf6ed995caee81217ed151f22d8e138c8', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action focus-bounce", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { key: '95868c912027d2ea3c182307df9720aed8f05956', typography: this.typography, part: "label" }, this.description), h("mds-text", { key: '6d82c4a96302e7c48f131431f8ed4083fd2e5ddd', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, h("i", { key: 'a0414f53ea6652b3ee68ed3dabef5df41d0798ae', class: "icon", innerHTML: miBaselineKeyboardArrowDown }))), h("div", { key: '76c27f6162e611edf832434ac247dcd5ca58d6cc', class: "content", id: "content" }, h("div", { key: '05a2c529875c430ab5303fbae07e96aeb3d38449', "aria-label": this.description, class: "content-expander", part: "content", role: "region" }, h("slot", { key: '0ea0b8b04f1ea0211a11cf3c68e762e5104ee30a' })))))));
     }
     static get is() { return "mds-accordion-timer-item"; }
     static get encapsulation() { return "shadow"; }