@maggioli-design-system/magma 1.10.1 → 1.10.3

package/dist/hydrate/index.js

@@ -14968,7 +14968,7 @@ var localeIt$q = {
 	deleteLabel: deleteLabel$4
 };
 
-const mdsChipCss = "@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; :host{--mds-chip-background:rgb(var(--tone-neutral));--mds-chip-border:transparent;--mds-chip-color:rgb(var(--tone-neutral-03));--mds-chip-icon-background:rgb(var(--variant-primary-06));--mds-chip-icon-color:rgb(var(--tone-neutral));--mds-chip-opacity-disabled:var(--opacity-disabled, 0.5);--mds-chip-shadow:0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1);height:2.25rem;gap:0.375rem;border-radius:9999px;padding-top:0.375rem;padding-bottom:0.375rem;padding-left:0.25rem;padding-right:0.25rem;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-ms-flex-align:center;align-items:center;background-color:var(--mds-chip-background);border:2px solid var(--mds-chip-border);-webkit-box-shadow:var(--mds-chip-shadow);box-shadow:var(--mds-chip-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--mds-chip-color);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;justify-self:start;max-width:-moz-min-content;max-width:-webkit-min-content;max-width:min-content;min-width:200px;-webkit-transition-property:background-color, border-color, color, opacity, -webkit-box-shadow;transition-property:background-color, border-color, color, opacity, -webkit-box-shadow;transition-property:background-color, border-color, box-shadow, color, opacity;transition-property:background-color, border-color, box-shadow, color, opacity, -webkit-box-shadow;width:100%}:host([disabled]:not([disabled=\"false\"])){opacity:var(--mds-chip-opacity-disabled);pointer-events:none}.label{border-radius:9999px;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-positive:1;flex-grow:1;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;-webkit-transition-property:color, outline, outline-offset, -webkit-text-decoration-color;transition-property:color, outline, outline-offset, -webkit-text-decoration-color;transition-property:color, text-decoration-color, outline, outline-offset;transition-property:color, text-decoration-color, outline, outline-offset, -webkit-text-decoration-color}:host([clickable]:not([clickable=\"false\"])) .label{cursor:pointer;text-decoration:underline}:host([clickable]:not([clickable=\"false\"])) .label:hover{-webkit-text-decoration-color:unset;text-decoration-color:unset}.label:first-child{padding-left:0.5rem}.label:last-child{padding-right:0.5rem}.label--interactive{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.label--interactive:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running;z-index:10}.icon-area{height:1.5rem;width:1.5rem;-ms-flex-pack:center;justify-content:center;border-radius:9999px;-ms-flex-align:center;align-items:center;background-color:var(--mds-chip-icon-background);display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-timing-function:inherit;transition-timing-function:inherit}.icon{height:1rem;width:1rem;-webkit-transition-duration:200ms;transition-duration:200ms;fill:var(--mds-chip-icon-color);-webkit-transition:fill;transition:fill}.button-delete{border-radius:100px;height:auto;padding:0}:host{--mds-chip-background:rgb(var(--tone-neutral));--mds-chip-border:transparent;--mds-chip-color:rgb(var(--tone-neutral-04));--mds-chip-shadow:0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1)}:host([variant=\"primary\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--variant-primary-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"primary\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--variant-primary-09));--mds-chip-icon-color:rgb(var(--variant-primary-04))}:host([variant=\"primary\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--variant-primary-04))}:host([variant=\"primary\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--variant-primary-06))}:host([variant=\"secondary\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--variant-secondary-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"secondary\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--variant-secondary-09));--mds-chip-icon-color:rgb(var(--variant-secondary-04))}:host([variant=\"secondary\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--variant-secondary-04))}:host([variant=\"secondary\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--variant-secondary-06))}:host([variant=\"ai\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--variant-ai-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"ai\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--variant-ai-09));--mds-chip-icon-color:rgb(var(--variant-ai-04))}:host([variant=\"ai\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--variant-ai-04))}:host([variant=\"ai\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--variant-ai-06))}:host([variant=\"success\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--status-success-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"success\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--status-success-09));--mds-chip-icon-color:rgb(var(--status-success-04))}:host([variant=\"success\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--status-success-04))}:host([variant=\"success\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--status-success-06))}:host([variant=\"warning\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--status-warning-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"warning\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--status-warning-09));--mds-chip-icon-color:rgb(var(--status-warning-04))}:host([variant=\"warning\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--status-warning-04))}:host([variant=\"warning\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--status-warning-06))}:host([variant=\"error\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--status-error-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"error\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--status-error-09));--mds-chip-icon-color:rgb(var(--status-error-04))}:host([variant=\"error\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--status-error-04))}:host([variant=\"error\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--status-error-06))}:host([variant=\"info\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--status-info-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"info\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--status-info-09));--mds-chip-icon-color:rgb(var(--status-info-04))}:host([variant=\"info\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--status-info-04))}:host([variant=\"info\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--status-info-06))}:host([variant=\"amaranth\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--label-amaranth-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"amaranth\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--label-amaranth-09));--mds-chip-icon-color:rgb(var(--label-amaranth-04))}:host([variant=\"amaranth\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--label-amaranth-04))}:host([variant=\"amaranth\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--label-amaranth-06))}:host([variant=\"aqua\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--label-aqua-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"aqua\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--label-aqua-09));--mds-chip-icon-color:rgb(var(--label-aqua-04))}:host([variant=\"aqua\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--label-aqua-04))}:host([variant=\"aqua\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--label-aqua-06))}:host([variant=\"blue\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--label-blue-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"blue\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--label-blue-09));--mds-chip-icon-color:rgb(var(--label-blue-04))}:host([variant=\"blue\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--label-blue-04))}:host([variant=\"blue\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--label-blue-06))}:host([variant=\"green\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--label-green-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"green\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--label-green-09));--mds-chip-icon-color:rgb(var(--label-green-04))}:host([variant=\"green\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--label-green-04))}:host([variant=\"green\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--label-green-06))}:host([variant=\"lime\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--label-lime-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"lime\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--label-lime-09));--mds-chip-icon-color:rgb(var(--label-lime-04))}:host([variant=\"lime\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--label-lime-04))}:host([variant=\"lime\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--label-lime-06))}:host([variant=\"orange\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--label-orange-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"orange\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--label-orange-09));--mds-chip-icon-color:rgb(var(--label-orange-04))}:host([variant=\"orange\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--label-orange-04))}:host([variant=\"orange\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--label-orange-06))}:host([variant=\"orchid\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--label-orchid-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"orchid\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--label-orchid-09));--mds-chip-icon-color:rgb(var(--label-orchid-04))}:host([variant=\"orchid\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--label-orchid-04))}:host([variant=\"orchid\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--label-orchid-06))}:host([variant=\"sky\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--label-sky-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"sky\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--label-sky-09));--mds-chip-icon-color:rgb(var(--label-sky-04))}:host([variant=\"sky\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--label-sky-04))}:host([variant=\"sky\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--label-sky-06))}:host([variant=\"violet\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--label-violet-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"violet\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--label-violet-09));--mds-chip-icon-color:rgb(var(--label-violet-04))}:host([variant=\"violet\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--label-violet-04))}:host([variant=\"violet\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--label-violet-06))}:host([variant=\"yellow\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--label-yellow-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"yellow\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--label-yellow-09));--mds-chip-icon-color:rgb(var(--label-yellow-04))}:host([variant=\"yellow\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--label-yellow-04))}:host([variant=\"yellow\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--label-yellow-06))}:host-context(.pref-animation-reduce),:host-context(.pref-animation-reduce) .label,:host-context(.pref-animation-reduce) .icon{-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system),:host-context(.pref-animation-system) .label,:host-context(.pref-animation-system) .icon{-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-theme-dark){--mds-chip-background:rgb(var(--tone-neutral-08));-webkit-box-shadow:0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);box-shadow:0 0 0 1px rgb(var(--tone-neutral-01) / 0.3)}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-chip-background:rgb(var(--tone-neutral-08));-webkit-box-shadow:0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);box-shadow:0 0 0 1px rgb(var(--tone-neutral-01) / 0.3)}}:host-context(.pref-contrast-more){--mds-chip-background:rgb(var(--tone-neutral));--mds-chip-color:rgb(var(--tone-neutral-02));--mds-chip-icon-background-selected:rgb(var(--variant-primary-03));--mds-chip-icon-color:rgb(var(--tone-neutral));--mds-chip-opacity-disabled:var(--opacity-disabled, 0.6);--mds-chip-backgroud-selected:rgb(var(--tone-neutral-09));--mds-chip-color-selected:rgb(var(--tone-neutral-01));--mds-chip-icon-color-selected:rgb(var(--tone-neutral));-webkit-box-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);box-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3)}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-chip-background:rgb(var(--tone-neutral));--mds-chip-color:rgb(var(--tone-neutral-02));--mds-chip-icon-background-selected:rgb(var(--variant-primary-03));--mds-chip-icon-color:rgb(var(--tone-neutral));--mds-chip-opacity-disabled:var(--opacity-disabled, 0.6);--mds-chip-backgroud-selected:rgb(var(--tone-neutral-09));--mds-chip-color-selected:rgb(var(--tone-neutral-01));--mds-chip-icon-color-selected:rgb(var(--tone-neutral));-webkit-box-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);box-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3)}}: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}";
+const mdsChipCss = "@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; :host{--mds-chip-background:rgb(var(--tone-neutral));--mds-chip-border:transparent;--mds-chip-color:rgb(var(--tone-neutral-03));--mds-chip-icon-background:rgb(var(--variant-primary-06));--mds-chip-icon-color:rgb(var(--tone-neutral));--mds-chip-opacity-disabled:var(--opacity-disabled, 0.5);--mds-chip-shadow:0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1);height:2.25rem;gap:0.375rem;border-radius:9999px;padding-top:0.375rem;padding-bottom:0.375rem;padding-left:0.25rem;padding-right:0.25rem;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-ms-flex-align:center;align-items:center;background-color:var(--mds-chip-background);border:2px solid var(--mds-chip-border);-webkit-box-shadow:var(--mds-chip-shadow);box-shadow:var(--mds-chip-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--mds-chip-color);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;justify-self:start;max-width:-moz-min-content;max-width:-webkit-min-content;max-width:min-content;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;-webkit-transition-property:background-color, border-color, color, opacity, -webkit-box-shadow;transition-property:background-color, border-color, color, opacity, -webkit-box-shadow;transition-property:background-color, border-color, box-shadow, color, opacity;transition-property:background-color, border-color, box-shadow, color, opacity, -webkit-box-shadow;width:100%}:host([disabled]:not([disabled=\"false\"])){opacity:var(--mds-chip-opacity-disabled);pointer-events:none}.label{border-radius:9999px;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-positive:1;flex-grow:1;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;-webkit-transition-property:color, outline, outline-offset, -webkit-text-decoration-color;transition-property:color, outline, outline-offset, -webkit-text-decoration-color;transition-property:color, text-decoration-color, outline, outline-offset;transition-property:color, text-decoration-color, outline, outline-offset, -webkit-text-decoration-color}:host([clickable]:not([clickable=\"false\"])) .label{cursor:pointer;text-decoration:underline}:host([clickable]:not([clickable=\"false\"])) .label:hover{-webkit-text-decoration-color:unset;text-decoration-color:unset}.label:first-child{padding-left:0.5rem}.label:last-child{padding-right:0.5rem}.label--interactive{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.label--interactive:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running;z-index:10}.icon-area{height:1.5rem;width:1.5rem;-ms-flex-pack:center;justify-content:center;border-radius:9999px;-ms-flex-align:center;align-items:center;background-color:var(--mds-chip-icon-background);display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-timing-function:inherit;transition-timing-function:inherit}.icon{height:1rem;width:1rem;-webkit-transition-duration:200ms;transition-duration:200ms;fill:var(--mds-chip-icon-color);-webkit-transition:fill;transition:fill}.button-delete{border-radius:100px;height:auto;padding:0}.button-delete--hidden{display:none}:host{--mds-chip-background:rgb(var(--tone-neutral));--mds-chip-border:transparent;--mds-chip-color:rgb(var(--tone-neutral-04));--mds-chip-shadow:0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1)}:host([variant=\"primary\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--variant-primary-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"primary\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--variant-primary-09));--mds-chip-icon-color:rgb(var(--variant-primary-04))}:host([variant=\"primary\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--variant-primary-04))}:host([variant=\"primary\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--variant-primary-06))}:host([variant=\"secondary\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--variant-secondary-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"secondary\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--variant-secondary-09));--mds-chip-icon-color:rgb(var(--variant-secondary-04))}:host([variant=\"secondary\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--variant-secondary-04))}:host([variant=\"secondary\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--variant-secondary-06))}:host([variant=\"ai\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--variant-ai-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"ai\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--variant-ai-09));--mds-chip-icon-color:rgb(var(--variant-ai-04))}:host([variant=\"ai\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--variant-ai-04))}:host([variant=\"ai\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--variant-ai-06))}:host([variant=\"success\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--status-success-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"success\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--status-success-09));--mds-chip-icon-color:rgb(var(--status-success-04))}:host([variant=\"success\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--status-success-04))}:host([variant=\"success\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--status-success-06))}:host([variant=\"warning\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--status-warning-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"warning\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--status-warning-09));--mds-chip-icon-color:rgb(var(--status-warning-04))}:host([variant=\"warning\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--status-warning-04))}:host([variant=\"warning\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--status-warning-06))}:host([variant=\"error\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--status-error-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"error\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--status-error-09));--mds-chip-icon-color:rgb(var(--status-error-04))}:host([variant=\"error\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--status-error-04))}:host([variant=\"error\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--status-error-06))}:host([variant=\"info\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--status-info-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"info\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--status-info-09));--mds-chip-icon-color:rgb(var(--status-info-04))}:host([variant=\"info\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--status-info-04))}:host([variant=\"info\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--status-info-06))}:host([variant=\"amaranth\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--label-amaranth-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"amaranth\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--label-amaranth-09));--mds-chip-icon-color:rgb(var(--label-amaranth-04))}:host([variant=\"amaranth\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--label-amaranth-04))}:host([variant=\"amaranth\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--label-amaranth-06))}:host([variant=\"aqua\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--label-aqua-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"aqua\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--label-aqua-09));--mds-chip-icon-color:rgb(var(--label-aqua-04))}:host([variant=\"aqua\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--label-aqua-04))}:host([variant=\"aqua\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--label-aqua-06))}:host([variant=\"blue\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--label-blue-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"blue\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--label-blue-09));--mds-chip-icon-color:rgb(var(--label-blue-04))}:host([variant=\"blue\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--label-blue-04))}:host([variant=\"blue\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--label-blue-06))}:host([variant=\"green\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--label-green-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"green\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--label-green-09));--mds-chip-icon-color:rgb(var(--label-green-04))}:host([variant=\"green\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--label-green-04))}:host([variant=\"green\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--label-green-06))}:host([variant=\"lime\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--label-lime-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"lime\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--label-lime-09));--mds-chip-icon-color:rgb(var(--label-lime-04))}:host([variant=\"lime\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--label-lime-04))}:host([variant=\"lime\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--label-lime-06))}:host([variant=\"orange\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--label-orange-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"orange\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--label-orange-09));--mds-chip-icon-color:rgb(var(--label-orange-04))}:host([variant=\"orange\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--label-orange-04))}:host([variant=\"orange\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--label-orange-06))}:host([variant=\"orchid\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--label-orchid-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"orchid\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--label-orchid-09));--mds-chip-icon-color:rgb(var(--label-orchid-04))}:host([variant=\"orchid\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--label-orchid-04))}:host([variant=\"orchid\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--label-orchid-06))}:host([variant=\"sky\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--label-sky-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"sky\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--label-sky-09));--mds-chip-icon-color:rgb(var(--label-sky-04))}:host([variant=\"sky\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--label-sky-04))}:host([variant=\"sky\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--label-sky-06))}:host([variant=\"violet\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--label-violet-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"violet\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--label-violet-09));--mds-chip-icon-color:rgb(var(--label-violet-04))}:host([variant=\"violet\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--label-violet-04))}:host([variant=\"violet\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--label-violet-06))}:host([variant=\"yellow\"][tone=\"strong\"]){--mds-chip-icon-background:rgb(var(--label-yellow-05));--mds-chip-icon-color:rgb(var(--tone-neutral))}:host([variant=\"yellow\"][tone=\"weak\"]){--mds-chip-icon-background:rgb(var(--label-yellow-09));--mds-chip-icon-color:rgb(var(--label-yellow-04))}:host([variant=\"yellow\"][tone=\"strong\"][selected]){--mds-chip-border:rgb(var(--label-yellow-04))}:host([variant=\"yellow\"][tone=\"weak\"][selected]){--mds-chip-border:rgb(var(--label-yellow-06))}:host-context(.pref-animation-reduce),:host-context(.pref-animation-reduce) .label,:host-context(.pref-animation-reduce) .icon{-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system),:host-context(.pref-animation-system) .label,:host-context(.pref-animation-system) .icon{-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-theme-dark){--mds-chip-background:rgb(var(--tone-neutral-08));-webkit-box-shadow:0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);box-shadow:0 0 0 1px rgb(var(--tone-neutral-01) / 0.3)}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-chip-background:rgb(var(--tone-neutral-08));-webkit-box-shadow:0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);box-shadow:0 0 0 1px rgb(var(--tone-neutral-01) / 0.3)}}:host-context(.pref-contrast-more){--mds-chip-background:rgb(var(--tone-neutral));--mds-chip-color:rgb(var(--tone-neutral-02));--mds-chip-icon-background-selected:rgb(var(--variant-primary-03));--mds-chip-icon-color:rgb(var(--tone-neutral));--mds-chip-opacity-disabled:var(--opacity-disabled, 0.6);--mds-chip-backgroud-selected:rgb(var(--tone-neutral-09));--mds-chip-color-selected:rgb(var(--tone-neutral-01));--mds-chip-icon-color-selected:rgb(var(--tone-neutral));-webkit-box-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);box-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3)}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-chip-background:rgb(var(--tone-neutral));--mds-chip-color:rgb(var(--tone-neutral-02));--mds-chip-icon-background-selected:rgb(var(--variant-primary-03));--mds-chip-icon-color:rgb(var(--tone-neutral));--mds-chip-opacity-disabled:var(--opacity-disabled, 0.6);--mds-chip-backgroud-selected:rgb(var(--tone-neutral-09));--mds-chip-color-selected:rgb(var(--tone-neutral-01));--mds-chip-icon-color-selected:rgb(var(--tone-neutral));-webkit-box-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);box-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3)}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";
 var MdsChipStyle0 = mdsChipCss;
 
 class MdsChip {
@@ -14976,6 +14976,7 @@ class MdsChip {
         registerInstance(this, hostRef);
         this.clickLabelEvent = createEvent(this, "mdsChipClickLabel", 7);
         this.deleteEvent = createEvent(this, "mdsChipDelete", 7);
+        this.selectEvent = createEvent(this, "mdsChipSelect", 7);
         this.km = new KeyboardManager();
         this.t = new Locale$1({
             el: localeEl$p,
@@ -15069,10 +15070,15 @@ class MdsChip {
         }
     }
     onClickLabelHandler(event) {
-        this.clickLabelEvent.emit({ event, element: this.host });
         if (this.selectable) {
             this.selected = !this.selected;
+            if (this.selected === false) {
+                this.selected = undefined;
+            }
+            this.selectEvent.emit({ event, element: this.host, selected: this.selected });
+            return;
         }
+        this.clickLabelEvent.emit({ event, element: this.host });
     }
     onDeleteHandler(event) {
         this.deleteEvent.emit({ event, element: this.host });
@@ -15095,10 +15101,10 @@ class MdsChip {
         this.km.detachClickBehavior('delete');
     }
     render() {
-        return (hAsync(Host, { key: '1fd68fe6768324adc1fdc94a83e21b540c02e3aa', "aria-disabled": this.disabled ? 'true' : 'false' }, this.icon &&
-            hAsync("div", { key: '970432deda3880f256adc1724d6c7e16b23f0ca9', "aria-hidden": "true", class: "icon-area" }, hAsync("mds-icon", { key: '62937d3e14206cca3b66eeb24cc0bb995c933318', class: "icon", name: this.icon })), this.clickable
+        return (hAsync(Host, { key: '17468677d828388fa41e38f7b74be27e1e35553a', "aria-disabled": this.disabled ? 'true' : 'false' }, this.icon &&
+            hAsync("div", { key: 'b86852c1e15e990fadc462cb371467bb70d42907', "aria-hidden": "true", class: "icon-area" }, hAsync("mds-icon", { key: '8281aebce5646136442ca70d2c7d12a1746b1edc', class: "icon", name: this.icon })), this.clickable
             ? hAsync("mds-text", { class: "label label--interactive", tabindex: "0", typography: "caption", truncate: "word" }, this.label)
-            : hAsync("mds-text", { class: "label", typography: "caption", truncate: "word" }, this.label), this.deletable && hAsync("mds-button", { key: '0fcf99ae3e741190c8138154c33e06b2f27a6a1f', class: "button-delete", icon: miBaselineCancel, onClick: this.onDeleteHandler.bind(this), title: `${this.t.get('deleteLabel')} ${this.label}`, variant: "dark", tone: "quiet", size: "sm" })));
+            : hAsync("mds-text", { class: "label", typography: "caption", truncate: "word" }, this.label), this.deletable && hAsync("mds-button", { key: 'af570ba680b51ae21a3a517e22cda03ef06f0203', class: "button-delete", icon: miBaselineCancel, onClick: this.onDeleteHandler.bind(this), title: `${this.t.get('deleteLabel')} ${this.label}`, variant: "dark", tone: "quiet", size: "sm" })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -15841,7 +15847,7 @@ const flip$1 = function (options) {
           if (!ignoreCrossAxisOverflow ||
           // We leave the current main axis only if every placement on that axis
           // overflows the main axis.
-          overflowsData.every(d => d.overflows[0] > 0 && getSideAxis(d.placement) === initialSideAxis)) {
+          overflowsData.every(d => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {
             // Try next placement and re-run the lifecycle.
             return {
               data: {
@@ -32550,7 +32556,7 @@ class MdsFilterItem {
     }; }
 }
 
-const mdsHeaderCss = "/**\n * @prop --mds-header-backdrop-background-image: Sets the background-image of the backdrop element visibile when the component attribute `appearance` is set to `inline`, by default is shown when mds-pref-consumtion is set to `medium`\n * @prop --mds-header-backdrop-filter: Sets the backdrop-filter of the backdrop element visibile when the component attribute `appearance` is set to `inline`, by default is shown when mds-pref-consumtion is set to `high`\n * @prop --mds-header-backdrop-height: Sets the height of the backdrop element visibile when the component attribute `appearance` is set to `inline`\n * @prop --mds-header-backdrop-show: Sets if the backdrop element is visible or not, only visible when the component attribute `appearance` is set to `inline`\n * @prop --mds-header-color: Sets the text color of the header and the mobile toggler icon\n * @prop --mds-header-hidden-bar-translate-inline: Sets translateY value for the appearance inline `mds-header-bar` element\n * @prop --mds-header-hidden-bar-translate-stripe: Sets translateY value for the appearance stripe `mds-header-bar` element\n * @prop --mds-header-icon-color: Sets the color of the icon toggler\n * @prop --mds-header-inline-margin-mobile: Sets inline margin on mobile viewport of `the mds-header-bar` when attribute `appearance` is set to `inline`\n * @prop --mds-header-inline-margin: Sets inline margin of `the mds-header-bar` when attribute `appearance` is set to `inline`\n * @prop --mds-header-z-index: Sets the z-index of the modal\n */\n\n:host {\n  --mds-header-color: rgb(var(--tone-neutral-02));\n  --mds-header-hidden-bar-translate-inline: translateY(-150%);\n  --mds-header-hidden-bar-translate-stripe: translateY(-110%);\n  --mds-header-icon-color: var(--mds-header-color, rgb(var(--tone-neutral-02)));\n  --mds-header-modal-icon-color: rgb(var(--tone-neutral));\n  --mds-header-backdrop-filter: blur(10px);\n  --mds-header-backdrop-background-image: linear-gradient(to top, rgb(0 0 0 / 0), rgb(0 0 0 / 0.15));\n  --mds-header-backdrop-height: 4rem;\n  --mds-header-backdrop-show: true;\n  --mds-header-z-index: var(--magma-header-z-index, 1000);\n  --mds-header-inline-margin-mobile: 1rem;\n  --mds-header-inline-margin: 1.5rem;\n\n  color: var(--mds-header-color);\n  fill: var(--mds-header-icon-color);\n  position: relative;\n  z-index: var(--mds-header-z-index);\n}\n\n.modal {\n  --mds-modal-close-icon-color: var(--mds-header-modal-icon-color);\n\n  z-index: var(--mds-header-z-index);\n}\n\n:host([appearance=\"inline\"]) ::slotted(mds-header-bar) {\n  --mds-header-inline-margin-current: var(--mds-header-inline-margin);\n  max-width: 1280px;\n  border-radius: 0.5rem;\n\n  margin-bottom: var(--mds-header-inline-margin-current);\n  margin-top: var(--mds-header-inline-margin-current);\n  width: calc(100% - calc(var(--mds-header-inline-margin-current) * 2));\n}\n\n@media (width <= 767px) {\n  :host([appearance=\"inline\"]) ::slotted(mds-header-bar) {\n    --mds-header-inline-margin-current: var(--mds-header-inline-margin-mobile);\n  }\n}\n\n@media (max-width: 1023px) {\n\n  :host([menu=\"desktop\"]) .menu {\n    display: none;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  :host([menu=\"mobile\"]) .menu {\n    display: none;\n  }\n}\n\n:host([menu=\"none\"]) .menu {\n  display: none;\n}\n\n:host([visibility=\"hidden\"][appearance=\"stripe\"]) ::slotted(mds-header-bar) {\n  -webkit-transform: var(--mds-header-hidden-bar-translate-stripe);\n  transform: var(--mds-header-hidden-bar-translate-stripe);\n}\n\n:host([visibility=\"hidden\"][appearance=\"inline\"]) ::slotted(mds-header-bar) {\n  -webkit-transform: var(--mds-header-hidden-bar-translate-inline);\n  transform: var(--mds-header-hidden-bar-translate-inline);\n}\n\n.backdrop {\n  -ms-flex-align: center;\n  align-items: center;\n  -webkit-backdrop-filter: var(--mds-header-backdrop-filter);\n          backdrop-filter: var(--mds-header-backdrop-filter);\n  background-image: var(--mds-header-backdrop-background-image);\n  content: '';\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-header-backdrop-height);\n  inset: 0;\n  opacity: 1;\n  position: fixed;\n  -webkit-transform: translate(0, 0);\n  transform: translate(0, 0);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-property: opacity, -webkit-transform;\n  transition-property: opacity, -webkit-transform;\n  transition-property: opacity, transform;\n  transition-property: opacity, transform, -webkit-transform;\n  width: 100%;\n\n\n  /* should blurs the blur effect but not blurring */\n\n  /* mask-image: linear-gradient(rgb(0 0 0 / 1), transparent); */\n}\n\n:host([appearance=\"inline\"]) .backdrop {\n  opacity: 1;\n  -webkit-transform: translate(0, 0);\n  transform: translate(0, 0);\n}\n\n:host([visibility=\"hidden\"]) .backdrop,\n:host([appearance=\"stripe\"]) .backdrop {\n  opacity: 0;\n  -webkit-transform: translate(0, -100%);\n  transform: translate(0, -100%);\n}\n\n@container style(--mds-header-backdrop-show: false) {\n  :host-context(:not(.safari)) .backdrop {\n    display: none;\n  }\n}\n\n:host-context(.pref-theme-dark) {\n  --mds-header-modal-icon-color: rgb(var(--tone-neutral-01));\n}\n\n@media (prefers-color-scheme: dark) {\n  :host-context(.pref-theme-system) {\n    --mds-header-modal-icon-color: rgb(var(--tone-neutral-01));\n  }\n}\n\n:host-context(.pref-consumption-high) .backdrop {\n  --mds-header-backdrop-background-image: none;\n}\n\n:host-context(.pref-consumption-medium) .backdrop {\n  --mds-header-backdrop-filter: none;\n}\n\n:host-context(.pref-consumption-low) .backdrop {\n  display: none;\n}\n\n:host(:not(:is([hydrated], .hydrated))) {\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n";
+const mdsHeaderCss = "/**\n * @prop --mds-header-backdrop-background-image: Sets the background-image of the backdrop element visibile when the component attribute `appearance` is set to `inline`, by default is shown when mds-pref-consumtion is set to `medium`\n * @prop --mds-header-backdrop-filter: Sets the backdrop-filter of the backdrop element visibile when the component attribute `appearance` is set to `inline`, by default is shown when mds-pref-consumtion is set to `high`\n * @prop --mds-header-backdrop-height: Sets the height of the backdrop element visibile when the component attribute `appearance` is set to `inline`\n * @prop --mds-header-backdrop-show: Sets if the backdrop element is visible or not, only visible when the component attribute `appearance` is set to `inline`\n * @prop --mds-header-color: Sets the text color of the header and the mobile toggler icon\n * @prop --mds-header-hidden-bar-translate-inline: Sets translateY value for the appearance inline `mds-header-bar` element\n * @prop --mds-header-hidden-bar-translate-stripe: Sets translateY value for the appearance stripe `mds-header-bar` element\n * @prop --mds-header-icon-color: Sets the color of the icon toggler\n * @prop --mds-header-inline-margin-mobile: Sets inline margin on mobile viewport of `the mds-header-bar` when attribute `appearance` is set to `inline`\n * @prop --mds-header-inline-margin: Sets inline margin of `the mds-header-bar` when attribute `appearance` is set to `inline`\n * @prop --mds-header-z-index: Sets the z-index of the modal\n */\n\n:host {\n  --mds-header-color: rgb(var(--tone-neutral-02));\n  --mds-header-hidden-bar-translate-inline: translateY(-150%);\n  --mds-header-hidden-bar-translate-stripe: translateY(-110%);\n  --mds-header-icon-color: var(--mds-header-color, rgb(var(--tone-neutral-02)));\n  --mds-header-modal-icon-color: rgb(var(--tone-neutral));\n  --mds-header-backdrop-filter: blur(10px);\n  --mds-header-backdrop-background-image: linear-gradient(to top, rgb(0 0 0 / 0), rgb(0 0 0 / 0.15));\n  --mds-header-backdrop-height: 4rem;\n  --mds-header-backdrop-show: true;\n  --mds-header-z-index: var(--magma-header-z-index, 1000);\n  --mds-header-inline-margin-mobile: 1rem;\n  --mds-header-inline-margin: 1.5rem;\n\n  color: var(--mds-header-color);\n  fill: var(--mds-header-icon-color);\n  position: relative;\n  z-index: var(--mds-header-z-index);\n}\n\n.modal {\n  --mds-modal-close-icon-color: var(--mds-header-modal-icon-color);\n\n  z-index: var(--mds-header-z-index);\n}\n\n:host([appearance=\"inline\"]) ::slotted(mds-header-bar) {\n  --mds-header-inline-margin-current: var(--mds-header-inline-margin);\n  max-width: 1280px;\n  border-radius: 0.5rem;\n\n  margin-bottom: var(--mds-header-inline-margin-current);\n  margin-top: var(--mds-header-inline-margin-current);\n  width: calc(100% - calc(var(--mds-header-inline-margin-current) * 2));\n}\n\n@media (width <= 767px) {\n  :host([appearance=\"inline\"]) ::slotted(mds-header-bar) {\n    --mds-header-inline-margin-current: var(--mds-header-inline-margin-mobile);\n  }\n}\n\n@media (max-width: 1023px) {\n\n  :host([menu=\"desktop\"]) .menu {\n    display: none;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  :host([menu=\"mobile\"]) .menu {\n    display: none;\n  }\n}\n\n:host([menu=\"none\"]) .menu {\n  display: none;\n}\n\n:host([visibility=\"hidden\"][appearance=\"stripe\"]) ::slotted(mds-header-bar) {\n  -webkit-transform: var(--mds-header-hidden-bar-translate-stripe);\n  transform: var(--mds-header-hidden-bar-translate-stripe);\n}\n\n:host([visibility=\"hidden\"][appearance=\"inline\"]) ::slotted(mds-header-bar) {\n  -webkit-transform: var(--mds-header-hidden-bar-translate-inline);\n  transform: var(--mds-header-hidden-bar-translate-inline);\n}\n\n.backdrop {\n  -ms-flex-align: center;\n  align-items: center;\n  -webkit-backdrop-filter: var(--mds-header-backdrop-filter);\n  backdrop-filter: var(--mds-header-backdrop-filter);\n  background-image: var(--mds-header-backdrop-background-image);\n  content: '';\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-header-backdrop-height);\n  inset: 0;\n  opacity: 1;\n  position: fixed;\n  -webkit-transform: translate(0, 0);\n  transform: translate(0, 0);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-property: opacity, -webkit-transform;\n  transition-property: opacity, -webkit-transform;\n  transition-property: opacity, transform;\n  transition-property: opacity, transform, -webkit-transform;\n  width: 100%;\n\n\n  /* should blurs the blur effect but not blurring */\n\n  /* mask-image: linear-gradient(rgb(0 0 0 / 1), transparent); */\n}\n\n:host([appearance=\"inline\"]) .backdrop {\n  opacity: 1;\n  -webkit-transform: translate(0, 0);\n  transform: translate(0, 0);\n}\n\n:host([visibility=\"hidden\"]) .backdrop,\n:host([appearance=\"stripe\"]) .backdrop {\n  opacity: 0;\n  -webkit-transform: translate(0, -100%);\n  transform: translate(0, -100%);\n}\n\n@container style(--mds-header-backdrop-show: false) {\n  :host-context(:not(.safari)) .backdrop {\n    display: none;\n  }\n}\n\n:host-context(.pref-theme-dark) {\n  --mds-header-modal-icon-color: rgb(var(--tone-neutral-01));\n}\n\n@media (prefers-color-scheme: dark) {\n  :host-context(.pref-theme-system) {\n    --mds-header-modal-icon-color: rgb(var(--tone-neutral-01));\n  }\n}\n\n:host-context(.pref-consumption-high) .backdrop {\n  --mds-header-backdrop-background-image: none;\n}\n\n:host-context(.pref-consumption-medium) .backdrop {\n  --mds-header-backdrop-filter: none;\n}\n\n:host-context(.pref-consumption-low) .backdrop {\n  display: none;\n}\n\n:host(:not(:is([hydrated], .hydrated))) {\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n";
 var MdsHeaderStyle0 = mdsHeaderCss;
 
 // import clsx from 'clsx'
@@ -34284,9 +34290,10 @@ class MdsInput {
 
 var miBaselineCalendarToday = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>`;
 
-const mdsInputDateCss = "@tailwind utilities; :host{--mds-input-date-background:rgb(var(--tone-neutral));--mds-input-date-field-background-empty:rgb(var(--status-error-10));--mds-input-date-field-color-empty:rgb(var(--status-error-06));--mds-input-date-icon-color:var(--mds-input-date-variant-color);--mds-input-date-ring:0 0 0 1px rgb(var(--mds-input-date-variant-color) / 0.1);--mds-input-date-shadow:0 1px 3px 0 rgb(var(--mds-input-date-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-date-variant-color) / 0.06);--mds-input-date-variant-color:0 0 0;min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;gap:0.5rem;color:rgb(var(--tone-neutral-02));container-type:inline-size;display:-ms-flexbox;display:flex;overflow:visible;position:relative}.input::-webkit-calendar-picker-indicator{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;display:none}.input{min-height:1.25rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:transparent;border:0;border-radius:0.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;overflow:hidden;text-overflow:ellipsis;-webkit-transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform, -webkit-box-shadow, -webkit-transform;width:-moz-min-content;width:-webkit-min-content;width:min-content}:host([empty]) .input{background-color:var(--mds-input-date-field-background-empty);color:var(--mds-input-date-field-color-empty)}:host([slot]){color:inherit;display:contents}:host([slot]) .input{cursor:text;text-align:center}:host(:not([slot])) .input{border-radius:0.5rem;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:3rem;background-color:var(--mds-input-date-background);-webkit-box-shadow:var(--mds-input-date-ring), var(--mds-input-date-shadow);box-shadow:var(--mds-input-date-ring), var(--mds-input-date-shadow);min-height:3rem;width:100%}:host(:focus-within) .input{outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);--mds-input-date-ring:0 0 0 3px rgb(var(--mds-input-date-variant-color) / 1);--mds-input-date-shadow:0 4px 6px 3px rgb(var(--mds-input-date-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-date-variant-color) / 0.06)}.input:focus{outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);--mds-input-date-ring:0 0 0 3px rgb(var(--mds-input-date-variant-color) / 1);--mds-input-date-shadow:0 4px 6px 3px rgb(var(--mds-input-date-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-date-variant-color) / 0.06)}.input::-moz-placeholder{color:rgb(var(--tone-neutral-04))}.input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-04))}.input:-ms-input-placeholder{color:rgb(var(--tone-neutral-04))}.input::-ms-input-placeholder{color:rgb(var(--tone-neutral-04))}.input::placeholder{color:rgb(var(--tone-neutral-04))}.input::-webkit-outer-spin-button,.input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;display:none;margin:0}.input:disabled{background-color:rgb(var(--tone-neutral-10))}.input:disabled::-moz-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled::-webkit-input-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled:-ms-input-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled::-ms-input-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled,.input:disabled::placeholder{color:rgb(var(--tone-neutral-05))}.action-open-calendar{--mds-button-color:rgb(var(--mds-input-date-icon-color));aspect-ratio:1;bottom:0;position:absolute;right:0;top:0}mds-calendar{min-width:-moz-max-content;min-width:-webkit-max-content;min-width:max-content}mds-dropdown{padding:0}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}:host-context(.pref-animation-reduce) .input{-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system) .input{-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-theme-dark){--mds-input-date-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-background:rgb(var(--tone-neutral-09));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-dark) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-input-date-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-background:rgb(var(--tone-neutral-09));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-system) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}}:host-context(.pref-contrast-more){--mds-input-date-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-background:rgb(var(--tone-neutral-09));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-input-date-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-background:rgb(var(--tone-neutral-09));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}}@supports (-moz-appearance: none){.action-open-calendar{display:none}:host(:not([slot])) .input{padding-right:1rem}}:host{--mds-input-date-icon-color:var(--variant-primary-03);--mds-input-date-variant-color:0 0 0}:host(:focus-within){--mds-input-date-variant-color:var(--variant-primary-04)}:host([variant=\"info\"]){--mds-input-date-icon-color:var(--status-info-05);--mds-input-date-tip-background:var(--status-info-05);--mds-input-date-variant-color:0 0 0}:host([variant=\"info\"]:focus-within){--mds-input-date-icon-color:var(--status-info-04);--mds-input-date-variant-color:var(--status-info-05)}:host([variant=\"success\"]){--mds-input-date-icon-color:var(--status-success-05);--mds-input-date-tip-background:var(--status-success-05);--mds-input-date-variant-color:0 0 0}:host([variant=\"success\"]:focus-within){--mds-input-date-icon-color:var(--status-success-04);--mds-input-date-variant-color:var(--status-success-05)}:host([variant=\"warning\"]){--mds-input-date-icon-color:var(--status-warning-05);--mds-input-date-tip-background:var(--status-warning-05);--mds-input-date-variant-color:0 0 0}:host([variant=\"warning\"]:focus-within){--mds-input-date-icon-color:var(--status-warning-04);--mds-input-date-variant-color:var(--status-warning-05)}:host([variant=\"error\"]){--mds-input-date-icon-color:var(--status-error-05);--mds-input-date-tip-background:var(--status-error-05);--mds-input-date-variant-color:0 0 0}:host([variant=\"error\"]:focus-within){--mds-input-date-icon-color:var(--status-error-04);--mds-input-date-variant-color:var(--status-error-05)}";
+const mdsInputDateCss = "@tailwind utilities; :host{--mds-input-date-background:rgb(var(--tone-neutral));--mds-input-date-field-background-empty:rgb(var(--status-error-10));--mds-input-date-field-color-empty:rgb(var(--status-error-06));--mds-input-date-icon-color:var(--mds-input-date-variant-color);--mds-input-date-ring:0 0 0 1px rgb(var(--mds-input-date-variant-color) / 0.1);--mds-input-date-shadow:0 1px 3px 0 rgb(var(--mds-input-date-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-date-variant-color) / 0.06);--mds-input-date-variant-color:0 0 0;min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;gap:0.5rem;color:rgb(var(--tone-neutral-02));container-type:inline-size;display:-ms-flexbox;display:flex;overflow:visible;position:relative}.input::-webkit-calendar-picker-indicator{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;display:none}.input{min-height:1.25rem;font-family:'Roboto Mono', 'Courier New', monospace;font-size:0.875rem;line-height:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:transparent;border:0;border-radius:0.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;overflow:hidden;text-overflow:ellipsis;-webkit-transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform;transition-property:background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform, -webkit-box-shadow, -webkit-transform;width:-moz-min-content;width:-webkit-min-content;width:min-content}:host([empty]) .input{background-color:var(--mds-input-date-field-background-empty);color:var(--mds-input-date-field-color-empty)}:host([slot]){color:inherit;display:contents}:host([slot]) .input{cursor:text;text-align:center}:host(:not([slot])) .input{border-radius:0.5rem;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:3rem;background-color:var(--mds-input-date-background);-webkit-box-shadow:var(--mds-input-date-ring), var(--mds-input-date-shadow);box-shadow:var(--mds-input-date-ring), var(--mds-input-date-shadow);min-height:3rem;width:100%}:host(:focus-within) .input{outline:2px solid transparent;outline-offset:2px;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);--mds-input-date-ring:0 0 0 3px rgb(var(--mds-input-date-variant-color) / 1);--mds-input-date-shadow:0 4px 6px 3px rgb(var(--mds-input-date-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-date-variant-color) / 0.06)}.input:focus{outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);--mds-input-date-ring:0 0 0 3px rgb(var(--mds-input-date-variant-color) / 1);--mds-input-date-shadow:0 4px 6px 3px rgb(var(--mds-input-date-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-date-variant-color) / 0.06)}.input::-moz-placeholder{color:rgb(var(--tone-neutral-04))}.input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-04))}.input:-ms-input-placeholder{color:rgb(var(--tone-neutral-04))}.input::-ms-input-placeholder{color:rgb(var(--tone-neutral-04))}.input::placeholder{color:rgb(var(--tone-neutral-04))}.input::-webkit-outer-spin-button,.input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;display:none;margin:0}.input:disabled{background-color:rgb(var(--tone-neutral-10))}.input:disabled::-moz-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled::-webkit-input-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled:-ms-input-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled::-ms-input-placeholder{color:rgb(var(--tone-neutral-05))}.input:disabled,.input:disabled::placeholder{color:rgb(var(--tone-neutral-05))}.action-open-calendar{--mds-button-color:rgb(var(--mds-input-date-icon-color));aspect-ratio:1;bottom:0;position:absolute;right:0;top:0}:host([disabled]:not([disabled=\"false\"])) .action-open-calendar{-webkit-transform:translate(0.625rem, 0.5rem);transform:translate(0.625rem, 0.5rem)}mds-calendar{min-width:-moz-max-content;min-width:-webkit-max-content;min-width:max-content}mds-dropdown{padding:0}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}:host-context(.pref-animation-reduce) .input{-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system) .input{-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-theme-dark){--mds-input-date-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-background:rgb(var(--tone-neutral-09));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-dark) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-input-date-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-input-date-background:rgb(var(--tone-neutral-09));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06))}:host-context(.pref-theme-system) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08))}}:host-context(.pref-contrast-more){--mds-input-date-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-background:rgb(var(--tone-neutral-09));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-input-date-ring:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);--mds-input-date-background:rgb(var(--tone-neutral-09));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05))}:host-context(.pref-contrast-more) .input::-moz-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-webkit-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input:-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::-ms-input-placeholder{color:rgb(var(--tone-neutral-03))}:host-context(.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03))}}@supports (-moz-appearance: none){.action-open-calendar{display:none}:host(:not([slot])) .input{padding-right:1rem}}:host{--mds-input-date-icon-color:var(--variant-primary-03);--mds-input-date-variant-color:0 0 0}:host(:focus-within){--mds-input-date-variant-color:var(--variant-primary-04)}:host([variant=\"info\"]){--mds-input-date-icon-color:var(--status-info-05);--mds-input-date-tip-background:var(--status-info-05);--mds-input-date-variant-color:0 0 0}:host([variant=\"info\"]:focus-within){--mds-input-date-icon-color:var(--status-info-04);--mds-input-date-variant-color:var(--status-info-05)}:host([variant=\"success\"]){--mds-input-date-icon-color:var(--status-success-05);--mds-input-date-tip-background:var(--status-success-05);--mds-input-date-variant-color:0 0 0}:host([variant=\"success\"]:focus-within){--mds-input-date-icon-color:var(--status-success-04);--mds-input-date-variant-color:var(--status-success-05)}:host([variant=\"warning\"]){--mds-input-date-icon-color:var(--status-warning-05);--mds-input-date-tip-background:var(--status-warning-05);--mds-input-date-variant-color:0 0 0}:host([variant=\"warning\"]:focus-within){--mds-input-date-icon-color:var(--status-warning-04);--mds-input-date-variant-color:var(--status-warning-05)}:host([variant=\"error\"]){--mds-input-date-icon-color:var(--status-error-05);--mds-input-date-tip-background:var(--status-error-05);--mds-input-date-variant-color:0 0 0}:host([variant=\"error\"]:focus-within){--mds-input-date-icon-color:var(--status-error-04);--mds-input-date-variant-color:var(--status-error-05)}";
 var MdsInputDateStyle0 = mdsInputDateCss;
 
+// TODO add input validation manager for error message
 class MdsInputDate {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -34304,6 +34311,10 @@ class MdsInputDate {
          * @description It's in ISO format (YYYY-MM-DD).
          */
         this.value = '';
+        /**
+         * Sets the variant of the input field
+         */
+        this.variant = 'primary';
         /**
          * Specifies the min date of the range, user cannot set dates before this date
          * @description It's in ISO format (YYYY-MM-DD).
@@ -34319,33 +34330,55 @@ class MdsInputDate {
          * @description Default is 500
          */
         this.delay = 500;
-        this.empty = undefined;
-        this.internalValue = '';
+        /**
+         * If true, the element is displayed as disabled
+         */
+        this.disabled = false;
+        /**
+         * Specifies that the element is read-only
+         */
+        this.readonly = false;
+        /**
+         * Specifies that the element must be filled out before submitting the form
+         */
+        this.required = false;
         this.calendarKey = 0;
+        this.hasFocus = false;
+        this.onBlur = (ev) => {
+            const input = ev.target;
+            this.hasFocus = false;
+            this.value = input.value;
+        };
+        this.onFocus = (ev) => {
+            const input = ev.target;
+            this.hasFocus = true;
+            if (this.readonly) {
+                // setTimeout to avoid Safari 14.1.2
+                // to unselect text when mouse is clicked slowly
+                setTimeout(() => {
+                    input.select();
+                }, 10);
+            }
+        };
     }
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
-    handleValue(newValue) {
-        this.internalValue = newValue;
-        this.validateValue(newValue);
+    handleValue() {
+        this.valueChange.emit(this.value);
+        this.validateValue();
     }
-    validateValue(value) {
-        const date = DateTime_1.fromISO(value);
-        if (!this.touched) {
-            this.empty = undefined;
+    validateValue() {
+        const date = DateTime_1.fromISO(this.value);
+        this.isValid = false;
+        this.variant = 'error';
+        if (date.invalid && this.required)
             return;
-        }
-        if (value === '') {
-            this.empty = undefined;
+        if ((this.max && DateTime_1.fromISO(this.max) < date) ||
+            (this.min && DateTime_1.fromISO(this.min) > date))
             return;
-        }
-        if (!date.isValid) {
-            this.empty = true;
-        }
-        else {
-            this.empty = undefined;
-        }
+        this.isValid = true;
+        this.variant = 'primary';
     }
     async focusInput() {
         var _a;
@@ -34353,13 +34386,13 @@ class MdsInputDate {
         input.focus();
     }
     async setValue(value) {
-        this.internalValue = value;
-        this.validateValue(value);
+        this.value = value;
+        this.validateValue();
         return Promise.resolve();
     }
     componentWillLoad() {
         this.isSlotted = !!this.host.getAttribute('slot');
-        this.internalValue = this.value || '';
+        this.value = this.value || '';
         this.language = this.t.lang(this.host);
         // Se max è precedente a min, imposto max uguale a min
         if (this.min && this.max) {
@@ -34369,43 +34402,20 @@ class MdsInputDate {
                 this.max = this.min;
             }
         }
-    }
-    handleInput(event) {
-        const input = event.target;
-        this.touched = true;
-        this.internalValue = input.value;
-        this.validateValue(this.internalValue);
+        this.validateValue();
     }
     handleChange(event) {
         const input = event.target;
         this.touched = true;
-        this.internalValue = input.value;
-        this.validateValue(this.internalValue);
-    }
-    manageValue(ev) {
-        const input = ev.target;
-        this.internalValue = input.value;
-        if (!input.validity.badInput && input.value === '') {
-            this.empty = undefined;
-        }
-        else {
-            this.empty = true;
-        }
-        this.valueChange.emit(this.internalValue);
+        this.value = input.value;
+        this.validateValue();
     }
     render() {
-        return (hAsync(Host, { key: 'df929f81b6ae0022f54547b091e74ed53a8eb5df', empty: this.empty }, hAsync("input", { key: '42821c4eccf20353b1f3f6b010fa33adc5c3a3b9', value: this.internalValue, id: "dateInput", class: "input", part: "input-date", type: "date", onInput: event => this.handleInput(event), onChange: event => this.handleChange(event), onFocusout: event => this.manageValue(event) }), !this.isSlotted && hAsync("mds-button", { key: 'ff01a3a923b207d56600cbbe57684aacf828017c', id: "calendar-dropdown", class: "action-open-calendar", variant: "dark", tone: "quiet", icon: miBaselineCalendarToday, onClick: () => {
+        return (hAsync(Host, { key: '65bead50746f2ac93e77e3b0d2959d44d6bc6ee3' }, hAsync("input", { key: '1c0b86d98f32e82378dea84a2f48acffb87d596b', value: this.value, id: "dateInput", class: "input", part: "input-date", type: "date", disabled: this.disabled, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.handleChange, onChange: this.handleChange }), !this.isSlotted && hAsync("mds-button", { key: 'ed2874e84dc8febec33dfee7a8e1c0ea44b33c61', id: "calendar-dropdown", class: "action-open-calendar", disabled: this.disabled, variant: "dark", tone: "quiet", icon: miBaselineCalendarToday, onClick: () => {
                 this.calendarKey += 1;
-            } }), !this.isSlotted && hAsync("mds-dropdown", { key: '1726c2eb55ed43dd61510cda589a4e85e45e3d33', placement: "bottom-end", "auto-placement": false, ref: el => this.dropdownRef = el, target: "#calendar-dropdown" }, hAsync("mds-calendar", Object.assign({ key: this.calendarKey, rangePicker: false, lang: this.language, onMdsCalendarChange: ev => {
-                this.internalValue = ev.detail.startDate;
-                const date = DateTime_1.fromISO(this.internalValue);
-                if (!date.isValid) {
-                    this.empty = true;
-                }
-                else {
-                    this.empty = undefined;
-                }
-                this.valueChange.emit(this.internalValue);
+            } }), hAsync("mds-input-tip", { key: '0c1de4cfda03e12cf04a236a99f735f09ab96d33', lang: this.language, position: "top", active: this.hasFocus }, this.disabled && hAsync("mds-input-tip-item", { key: 'd3a2124d567dafe7ac6845ddd8ff4d640406eb13', expanded: true, variant: "disabled" }), this.readonly && hAsync("mds-input-tip-item", { key: 'df71711af47d3a4146d362b9a1dffe410f2db222', expanded: true, variant: "readonly" }), this.required &&
+            hAsync("mds-input-tip-item", { key: '006715ae91e970a8305ff6c11ede212c8aa847fc', expanded: this.hasFocus, variant: this.isValid ? 'required-success' : 'required' })), !this.isSlotted && hAsync("mds-dropdown", { key: '48bf82eda13f4f7a69fc252ed4ece511cdf6e7c9', placement: "bottom-end", "auto-placement": false, ref: el => this.dropdownRef = el, target: "#calendar-dropdown" }, hAsync("mds-calendar", Object.assign({ key: this.calendarKey, rangePicker: false, lang: this.language, onMdsCalendarChange: ev => {
+                this.value = ev.detail.startDate;
                 if (this.delay === 0)
                     return;
                 const { dropdownRef } = this;
@@ -34414,7 +34424,7 @@ class MdsInputDate {
                         dropdownRef.visible = false;
                     }, this.delay);
                 }
-            }, startDate: this.internalValue }, this.min ? { min: this.min } : {}, this.max ? { max: this.max } : {})))));
+            }, startDate: this.value }, this.min ? { min: this.min } : {}, this.max ? { max: this.max } : {})))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -34426,22 +34436,26 @@ class MdsInputDate {
         "$tagName$": "mds-input-date",
         "$members$": {
             "value": [513],
+            "variant": [1537],
             "min": [1537],
             "max": [1537],
             "delay": [514],
+            "disabled": [516],
+            "readonly": [516],
+            "required": [516],
+            "isValid": [32],
             "language": [32],
             "touched": [32],
-            "empty": [32],
-            "internalValue": [32],
             "calendarKey": [32],
             "dropdownRef": [32],
+            "hasFocus": [32],
             "updateLang": [64],
             "focusInput": [64],
             "setValue": [64]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["value", "value"], ["min", "min"], ["max", "max"], ["delay", "delay"]]
+        "$attrsToReflect$": [["value", "value"], ["variant", "variant"], ["min", "min"], ["max", "max"], ["delay", "delay"], ["disabled", "disabled"], ["readonly", "readonly"], ["required", "required"]]
     }; }
 }
 
@@ -34758,7 +34772,7 @@ class MdsInputDateRangePreselection {
         };
     }
     render() {
-        return (hAsync(Host, { key: 'b2c69bd35a04e2039351d7ab89e46d43423d33f6', slot: "calendar-preselection" }, hAsync("mds-button", { key: 'b3774fb81eb780c2303144cd33b2db493ede9c63', onClick: this.onClick, class: "action", variant: "primary", tone: "strong" }, hAsync("slot", { key: 'aeaefe2cc021173222dc68c8ab9110c4aa96bac4' }))));
+        return (hAsync(Host, { key: '312780cd0f679e10e34c6aa5d9c15fd5d29835fb', slot: "calendar-preselection" }, hAsync("mds-button", { key: '7d0085b9cc58a162ff47fca25daf104cef64bcb1', onClick: this.onClick, class: "action", variant: "primary", tone: "strong" }, hAsync("slot", { key: 'cd15d275d8259f651e3fc9a04fb15c70981f2a67' }))));
     }
     get host() { return getElement(this); }
     static get style() { return MdsInputDateRangePreselectionStyle0; }
@@ -34810,7 +34824,7 @@ class MdsInputField {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: 'c2025f0f747a18de36fedb5f9c17254004cde6b4' }, hAsync("mds-text", { key: '95febdd1880977f8e31ed1bb677eb6e5d957955d', class: "label", typography: "label" }, this.label), hAsync("div", { key: 'e6eed910d8df452ce74bbfc488513c12c4e5b323', class: "message-window" }, hAsync("div", { key: 'd365ff8949246e8fd4efab77474732f8fde491c6', class: "content", part: "content" }, hAsync("slot", { key: '9af41f329e00c32c045be4c60314c499c95e3ce5', ref: i => this.slotInput = i })), hAsync("div", { key: 'f1583475ed470a4f753fcc0acb076b6214e81021', class: "message" }, (_a = this.message) === null || _a === void 0 ? void 0 : _a.split(';').map((m, i) => hAsync("mds-text", { typography: "caption", key: i }, m))))));
+        return (hAsync(Host, { key: 'ce722d7738fa6c03318ae0e15ce00b6c6bb2cb2c' }, hAsync("mds-text", { key: 'c954639cf415c9c50ccb09b748ea3fd01f9016aa', class: "label", typography: "label" }, this.label), hAsync("div", { key: '1e6f4c4209b77f8cea1934db650afda2e4779569', class: "message-window" }, hAsync("div", { key: '59ee9b986484b2f72b423b3887ad79c87bb40bdd', class: "content", part: "content" }, hAsync("slot", { key: '532f7f929c13a0002141989f03e0fdd3025026c1', ref: i => this.slotInput = i })), hAsync("div", { key: '3d44c1ebc7c741ec9d4efb89640872018b6da2b3', class: "message" }, (_a = this.message) === null || _a === void 0 ? void 0 : _a.split(';').map((m, i) => hAsync("mds-text", { typography: "caption", key: i }, m))))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -34916,7 +34930,7 @@ class MdsInputOtp {
         };
     }
     render() {
-        return (hAsync(Host, { key: '43073cfddac2e4ef914187a64de80cf5575cf4c8' }, Array.from({ length: this.length }).map(() => (hAsync("mds-input", { class: "input", maxlength: 1, onKeyDown: this.handleKeyDown, onPaste: this.handlePaste })))));
+        return (hAsync(Host, { key: '12a644ed6f15af0ec2e288353bbe5969ba3ffb06' }, Array.from({ length: this.length }).map(() => (hAsync("mds-input", { class: "input", maxlength: 1, onKeyDown: this.handleKeyDown, onPaste: this.handlePaste })))));
     }
     static get formAssociated() { return true; }
     get element() { return getElement(this); }
@@ -35035,7 +35049,7 @@ class MdsInputRange {
         this.calculateProgress();
     }
     render() {
-        return (hAsync(Host, { key: '00a2ccedbfc55530151b1e3f1b2474b3b7dcb200' }, hAsync("header", { key: '049f23ef6dc9f8497fbe0995d92d320325766f82', class: "header", part: "header" }, hAsync("mds-text", { key: 'b28dfb984faf6f7765a641c5f690fdc2482d6901', class: "label", typography: "label" }, hAsync("slot", { key: 'be03c5df8c6d768733a621cf3ecc8a233eca1549' })), hAsync("mds-text", { key: 'af4c39bdcc0e365359bc5432e3a4b4f5ccfe67a5', class: "value", typography: "label" }, this.formatValue ? this.formatValue(this.value) : this.value)), hAsync("div", { key: '02e45b0a101196342dccdec934d8206983c42fb6', class: "range" }, hAsync("div", { key: 'f3ea19b214837250ddc422aeca138a8f5c6671f5', class: "track" }, hAsync("div", { key: '6808fcd5269d76b452383444e0a84ff86bc9542e', class: "contrast-area" }), hAsync("div", { key: '2b4b3fff237311c751f3b38c7d0cc1d3a59d01f0', class: "track-total" }, hAsync("div", { key: '31835084146ab6635def9908a4df460f97bf8cdb', class: "track-progress", style: { width: `${this.progress}%` } }))), hAsync("input", { key: '4288abeec5606ddcace352ef4aae95850fff1fd7', ref: el => this.inputElement = el, 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 }))));
+        return (hAsync(Host, { key: '4ac73411f2a163e20bb68a46bc97f39664f13b81' }, hAsync("header", { key: '2025dc18061e028fea660711d04985fac10be4a1', class: "header", part: "header" }, hAsync("mds-text", { key: '7c9a106655dd8a8764cfd026e6ae903a6e5b7979', class: "label", typography: "label" }, hAsync("slot", { key: '9ed95e29e20f2dde0194a954ec2a74550b1b3ea5' })), hAsync("mds-text", { key: 'ad4426cb6066ea8acb91ad5a5e332d89c2829484', class: "value", typography: "label" }, this.formatValue ? this.formatValue(this.value) : this.value)), hAsync("div", { key: 'a816782c847643515071745a448f1fd59972d861', class: "range" }, hAsync("div", { key: 'f51e949cdb467c946282de60f01e20e93215abd9', class: "track" }, hAsync("div", { key: '865c0bed59ee8705ae733a7b5b305c53cac8f5ed', class: "contrast-area" }), hAsync("div", { key: 'e42af7daed9c0dce15cf04c747241cd816ca77b9', class: "track-total" }, hAsync("div", { key: '41c0ec5ee9b202ede52532665e48e28a2c9565da', class: "track-progress", style: { width: `${this.progress}%` } }))), hAsync("input", { key: '072ec18380f0b978c7ad1d8ecd39c116829e0a88', ref: el => this.inputElement = el, 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 }))));
     }
     static get formAssociated() { return true; }
     get element() { return getElement(this); }
@@ -35191,8 +35205,8 @@ class MdsInputSelect {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'a4f8f29a6be109811a6ce945273ed2116d3edcd6' }, hAsync("select", { key: '4f8735e5ec493e8eddde0a6edc89d414875b89c9', class: clsx('input', this.selected && 'input--selected'), 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" }, this.placeholder && hAsync("option", { key: 'de6f4bad5c296af57503a5d8039e7d9aceaa6fd1', value: "", disabled: true, selected: true }, this.placeholder)), hAsync("div", { key: 'd652531504aec39a995683df7309c9ca718987a8', class: "icon-container" }, hAsync("i", { key: '1faf0151901769f51eaeea55c9058418ca379515', class: "icon", innerHTML: miBaselineKeyboardArrowDown })), hAsync("div", { key: '7d38f040f6c938e5db5e9e8bd6ffc4ad8cbae702', class: "option-container" }, hAsync("slot", { key: 'f49389d1149014039db99c8a90792628264244a5', onSlotchange: this.onSlotChangeHandler })), hAsync("mds-input-tip", { key: 'a54a9a371dff7f1ca56ce7ca35c4c13171e6ed10', position: "top", active: this.hasFocus }, this.disabled && hAsync("mds-input-tip-item", { key: '1db8c0aef4d2707dcd788bc612d7683684fc36e5', expanded: true, variant: "disabled" }), this.required &&
-            hAsync("mds-input-tip-item", { key: '9231d353acb6d996084c4e63de35e3779e44c7dc', expanded: this.hasFocus, variant: this.value === '' ? 'required' : 'required-success' }))));
+        return (hAsync(Host, { key: '555b4b93fbc778d4293540a8c837adb8741ce617' }, hAsync("select", { key: '939e1d4139f6181e25a9eb0a9bb4846cdb32f38d', class: clsx('input', this.selected && 'input--selected'), 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" }, this.placeholder && hAsync("option", { key: 'e4411312a224a3104258242844022e5540338da1', value: "", disabled: true, selected: true }, this.placeholder)), hAsync("div", { key: '2f220d52db731d2437c529d8b4f7d50fa5298740', class: "icon-container" }, hAsync("i", { key: '3b2f32a581248ab723c8c47ed7f0457285736277', class: "icon", innerHTML: miBaselineKeyboardArrowDown })), hAsync("div", { key: '2306b4c0e7b21afe70c9967be224ea45792b8dde', class: "option-container" }, hAsync("slot", { key: 'f0b4a86adb23f3097c4660042c73c60fc33f1fca', onSlotchange: this.onSlotChangeHandler })), hAsync("mds-input-tip", { key: '1b507e32c4c1f9d11ed38bb999836ab927b5bc6a', position: "top", active: this.hasFocus }, this.disabled && hAsync("mds-input-tip-item", { key: 'cd7b15f50a18dee24e7dd73a0940c5e1c93a13dc', expanded: true, variant: "disabled" }), this.required &&
+            hAsync("mds-input-tip-item", { key: 'd68e1aa258ad927a7cdcf10dd9ae22b12ba0cf61', expanded: this.hasFocus, variant: this.value === '' ? 'required' : 'required-success' }))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -35427,11 +35441,11 @@ class MdsInputSwitch {
         var _a;
         const { iconChecked, iconUnchecked, iconIndeterminate } = inputSwitchIconVariant[this.type];
         const iconCheckedUser = this.icon !== '' ? this.icon : iconChecked;
-        return (hAsync(Host, { key: '061d25c0e5a3a3769dd25e047b876a738f95289c', onClick: this.handleDirty }, hAsync("input", { key: 'a4f1f695eeea8364855fcfdf42c8982446eb5da8', autoFocus: this.autofocus, checked: this.checked, class: "field", disabled: this.disabled, id: "field", indeterminate: this.indeterminate, name: this.name, onChange: event => this.handleInputOnChange(event), type: this.type === 'switch' ? 'checkbox' : this.type, value: (_a = this.value) !== null && _a !== void 0 ? _a : undefined }), this.type === 'switch'
+        return (hAsync(Host, { key: '7f23da179de8195c1d4f3b29a7fdc70ef038ea3d', onClick: this.handleDirty }, hAsync("input", { key: '584d64ee6b6476783cc61fde4643707204d31f0e', autoFocus: this.autofocus, checked: this.checked, class: "field", disabled: this.disabled, id: "field", indeterminate: this.indeterminate, name: this.name, onChange: event => this.handleInputOnChange(event), type: this.type === 'switch' ? 'checkbox' : this.type, value: (_a = this.value) !== null && _a !== void 0 ? _a : undefined }), this.type === 'switch'
             ?
                 hAsync("label", { htmlFor: "field", class: clsx('switch-container', this.dirty !== false && 'dirty'), tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, hAsync("div", { class: "switch" }, hAsync("div", { class: "switch-toggle" }, this.explicit && hAsync("mds-icon", { class: "icon-explicit", name: this.checked ? miBaselineChecked : miBaselineRemove }))))
             :
-                hAsync("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, hAsync("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, hAsync("mds-icon", { class: "icon-unchecked", name: clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), hAsync("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, hAsync("mds-icon", { class: "icon-checked", name: clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), hAsync("label", { key: '5721756e321d4605927db564ade3f0ff2d823b92', htmlFor: "field", class: clsx('label-text', !this.hasText && 'label-text--empty') }, hAsync("mds-text", { key: '9c8e3ec296316433b883baa8f08a614ea9a814e6', typography: this.typography, variant: this.variant }, hAsync("slot", { key: 'a7bb2fd56769d8e0c6e9584a78109389d85dc529' })))));
+                hAsync("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, hAsync("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, hAsync("mds-icon", { class: "icon-unchecked", name: clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), hAsync("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, hAsync("mds-icon", { class: "icon-checked", name: clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), hAsync("label", { key: 'f3303a33fd8a2f60e67ed443687ce8dedc0d3b0b', htmlFor: "field", class: clsx('label-text', !this.hasText && 'label-text--empty') }, hAsync("mds-text", { key: '334c449310e68258109da6983deb0e7aae5fc15b', typography: this.typography, variant: this.variant }, hAsync("slot", { key: 'ffe72183468fc62aa9160bfbaa5f24cf60337a2f' })))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -35484,7 +35498,7 @@ class MdsInputTip {
         this.position = 'top';
     }
     render() {
-        return (hAsync(Host, { key: '2e81e72a43d5f0db9bb33a60d626bfb76f5747e7' }, hAsync("slot", { key: '4232169da062d30c90a1e96cef6e46b77ebd01a9' })));
+        return (hAsync(Host, { key: '4a6b8bc471afe276bb7461d9b57bcbeaed32b998' }, hAsync("slot", { key: '5e007f21d21f94972f0214d40973ffb89a7489c3' })));
     }
     static get style() { return MdsInputTipStyle0; }
     static get cmpMeta() { return {
@@ -35565,13 +35579,13 @@ class MdsInputTipItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: '74edc4bf34eaebe0a6b489639f30fb9bc2b7f2d3' }, hAsync("div", { key: '051c623f0f6bc7adc8e58e8bb75a266c70040483', class: "content" }, this.variant === 'text' &&
-            hAsync("mds-text", { key: '5be01d8bce2b5eae9ec062836f15f77e70599faa', typography: "option", truncate: "word" }, hAsync("span", { key: '3fd907d49c6b0b66b4d16c135c9d6702ef4ce260', class: "text" }, hAsync("slot", { key: '0fcbb034b9bdf6f30d67fac6d7ceeac01269914b' }))), this.variant === 'readonly' &&
-            hAsync("mds-text", { key: '86592965943f63c7798e29798b51221a9ed6ae77', typography: "option", truncate: "word" }, hAsync("span", { key: '1263bb5a20525ff70683a25d8086a7f6729983ec', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'disabled' &&
-            hAsync("mds-text", { key: 'eb71a80bca4709b3e1767bce0fc299b2c7d3f1eb', typography: "option", truncate: "word" }, hAsync("span", { key: 'ab5fb8dfefe5c83fe191cf461bb1e97b378db8d6', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required' &&
-            hAsync("mds-text", { key: '194dcd24dd03ec85cfafaf11566d7e2359f4c8e9', typography: "option", truncate: "word" }, hAsync("span", { key: '5470811b2c456c167643e1d102bc27484d778aa2', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required-success' &&
-            hAsync("span", { key: 'd828b720652d6cfbe40bec8e4718611a11837204', class: "icon", innerHTML: miBaselineDone }), (this.variant === 'count-almost' || this.variant === 'count-almost-full' || this.variant === 'count-empty' || this.variant === 'count-full' || this.variant === 'count-incomplete') &&
-            hAsync("mds-text", { key: 'e18eec6f3e0b7a99271d07e8ed7a13d34b35470c', typography: "option", truncate: "word" }, hAsync("span", { key: '8e5441256e6f9902667064e8fa01de4781df398b', class: "text" }, hAsync("slot", { key: '89e4049e90c94500b36130adfb13abe41a0f183e' }))))));
+        return (hAsync(Host, { key: '823c231cad86a73c8a20e7aaff446c82a6a03bcd' }, hAsync("div", { key: '5c2c1232212f8bd8bc70e20526f781924a29da17', class: "content" }, this.variant === 'text' &&
+            hAsync("mds-text", { key: 'fa33b630d58217037c796ddaa8be4aa2a5887989', typography: "option", truncate: "word" }, hAsync("span", { key: 'd5e2bd02bbd925d7e36cbfc4119ac47ead58be54', class: "text" }, hAsync("slot", { key: '9b5a9677bff367e3993b3aeedc59a987ea7712d4' }))), this.variant === 'readonly' &&
+            hAsync("mds-text", { key: 'ce05c8dde6b7d948f4fba6aea93ead1651720f03', typography: "option", truncate: "word" }, hAsync("span", { key: '0ea70472bf7685ace98f3dba8feead14294d1174', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'disabled' &&
+            hAsync("mds-text", { key: '9346da4a9e2b028eb8123700ea57ee231c138944', typography: "option", truncate: "word" }, hAsync("span", { key: 'a3605874f82bb15ace895c5f5c1a85c5225a5ac7', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required' &&
+            hAsync("mds-text", { key: '6bdf4e66624cd0b28b2320da92c6e09ac4162628', typography: "option", truncate: "word" }, hAsync("span", { key: 'bd4ec56e8c649999b54853047589fea69eae1dae', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required-success' &&
+            hAsync("span", { key: '8eded74f87d6f797f20a4e417824f9fa6b1a43a2', class: "icon", innerHTML: miBaselineDone }), (this.variant === 'count-almost' || this.variant === 'count-almost-full' || this.variant === 'count-empty' || this.variant === 'count-full' || this.variant === 'count-incomplete') &&
+            hAsync("mds-text", { key: '3d57e1ad0073fdb4b5bbff888b1d4028dbae6afa', typography: "option", truncate: "word" }, hAsync("span", { key: 'c61e4c4bf3b9cc7b87d14d795de4a8c8729c9b12', class: "text" }, hAsync("slot", { key: 'b80cf78fdc612bbb88538a1f0f4ac918f9325f8e' }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -36003,7 +36017,7 @@ class MdsInputUpload {
         this.language = this.t.lang(this.host);
     }
     formResetCallback() {
-        this.internals.setFormValue('');
+        this.onReset();
     }
     componentWillLoad() {
         var _a;
@@ -36035,6 +36049,13 @@ class MdsInputUpload {
             this.actionTitle = this.t.get('clickOrDrag', { maxFiles: newValue });
         }
     }
+    /**
+     * Reset component's files
+     */
+    reset() {
+        this.onReset();
+        return Promise.resolve();
+    }
     /**
      * Prepare file to be submitted.
      * Limit number of file to maxFiles
@@ -36179,12 +36200,12 @@ class MdsInputUpload {
         return !!this.sort && this.files.length > 1;
     }
     render() {
-        return (hAsync(Host, { key: '58cbbc849fe2bb88b480ad95e14061510e25ae17' }, hAsync("div", { key: 'fc4687570b8bb50fe21dd0217881eefdd217459a', class: "drag-area", onDrop: this.onDropHandler, onDragOver: this.onDragOverHandler, onDragEnter: this.onDragEnterHandler, onDragLeave: this.onDragLeaveHandler, ref: dragArea => this.elDragArea = dragArea }, hAsync("div", { key: 'e41420057c0f1f486c252345ceda9935fd8783a4', class: "main-action" }, hAsync("div", { key: 'b515e78c7a53103b5cda974166809906ef460ca7', class: "main-action-icon" }, hAsync("i", { key: 'dcc6d55e0c5a8c37e7ccc70a939ae5e5c3111623', class: "icon", innerHTML: miBaselineAddCircle })), hAsync("mds-text", { key: '30f60abdb67cfe4228f8b6b8dbbbc601bd372339', animation: this.animateText ? 'yugop' : 'none', variant: "title", typography: "action", text: this.actionTitle })), hAsync("div", { key: '5dc259b27fa8005bab6631f7ae6f6a6b6bf69a8a', class: "main-actions" }, hAsync("mds-button", { key: '95139412610ed02ad41c6bd7e29a92a92fae1b75', variant: 'primary', onClick: () => { var _a; return (_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.click(); } }, " ", this.files ? this.t.get('addFile', { maxFiles: this.maxFiles }) : this.t.get('selectFile')), this.files.length > 0 && hAsync("mds-button", { key: '0ee5c0930bbdb707e430d74a1b395f46ac98e631', variant: 'error', onClick: this.onReset }, this.t.get('cancel'))), hAsync("div", { key: '7b9620e7eb1a51234f0df0a6a150c6b08b84163f', class: "main-infos" }, hAsync("mds-progress", { key: '6cc5dbe5129be2e876fe578f3ab15fd17dc733c1', "aria-hidden": "true", class: "progress-bar", progress: this.progress }), this.files.length < 1
+        return (hAsync(Host, { key: 'ff873e7089019666024b2fced3cc1c8c3702a8be' }, hAsync("div", { key: '26c2a15d18d6eed7c328b2a3615884c95f9cd03b', class: "drag-area", onDrop: this.onDropHandler, onDragOver: this.onDragOverHandler, onDragEnter: this.onDragEnterHandler, onDragLeave: this.onDragLeaveHandler, ref: dragArea => this.elDragArea = dragArea }, hAsync("div", { key: '10dae83654f3b68b9e7599537560b1eaf4f97f37', class: "main-action" }, hAsync("div", { key: '551eaeed9e6155edc2a5a2ff5d735d0b4d370fa3', class: "main-action-icon" }, hAsync("i", { key: '1ffeb5b74bf5bee22dccbde66a977c5a1d6c681e', class: "icon", innerHTML: miBaselineAddCircle })), hAsync("mds-text", { key: '3d3236eb1c8a67ffa276704c0cf07170b862c7f2', animation: this.animateText ? 'yugop' : 'none', variant: "title", typography: "action", text: this.actionTitle })), hAsync("div", { key: '828a16fdeee416c4583caf940264c74e24e8e3a0', class: "main-actions" }, hAsync("mds-button", { key: 'e5aa06e83c0fb3464c54c8d5540c45b7aefd6073', variant: 'primary', onClick: () => { var _a; return (_a = this.nativeInput) === null || _a === void 0 ? void 0 : _a.click(); } }, " ", this.files ? this.t.get('addFile', { maxFiles: this.maxFiles }) : this.t.get('selectFile')), this.files.length > 0 && hAsync("mds-button", { key: 'e965a2408ae50694d227836764c6cd341aca6818', variant: 'error', onClick: this.onReset }, this.t.get('cancel'))), hAsync("div", { key: 'ac205a0a5af79566de4ae866cd55826b00f4c3a7', class: "main-infos" }, hAsync("mds-progress", { key: '7111db2c452769fad12e56467f63e904c5e304b9', "aria-hidden": "true", class: "progress-bar", progress: this.progress }), this.files.length < 1
             ? hAsync("mds-text", { variant: "info", typography: "caption" }, this.t.get('maxFilesUpload', { maxFiles: this.maxFiles }))
             : hAsync("mds-text", { variant: "info", typography: "caption" }, this.maxFiles
                 ? this.t.get('currentFilesWithMax', { currentFiles: this.files.length, maxFiles: this.maxFiles })
-                : this.t.get('currentFilesNoMax', { currentFiles: this.files.length })))), hAsync("input", { key: '96fe5b72b4e18933f8695db4e38d976f4c6e4c5a', type: 'file', accept: this.accept, hidden: true, ref: i => this.nativeInput = i, onChange: this.onAdd, multiple: this.maxFiles > 1 }), hAsync("div", { key: 'e903711034c3402f98dd584283bd8d69c37b52b5', class: "additional-infos" }, hAsync("div", { key: '57ff65678fd0e171c09e36a3744932111169cabc', class: clsx('file-specs', this.isSortTabShown() && 'file-specs-sort') }, hAsync("mds-text", { key: '7611bf84ebbfaa792d18ee4cb1206a6022054c92', variant: "info", typography: "caption" }, this.extensions ? `${this.t.get('canUpload')} ${this.extensions}` : this.t.get('canUploadAll')), hAsync("mds-text", { key: '891bdddc5a7b30db596508b21527d84f8e3df8f8', variant: "info", typography: "caption" }, this.t.get('maxFileSizePerFile', { maxFileSize: this.maxFileSize }))), this.isSortTabShown() &&
-            hAsync("mds-tab", { key: '5d19a61cb35b3b5575986944f7776ae6d8e05465', class: "action-sort", onMdsTabChange: event => this.onChangeTab(event.detail) }, hAsync("mds-tab-item", { key: 'edc46ea9124109c81c6dcd63248bfb4eda20e7b3', icon: iconSortById, selected: this.userSort === 'date', title: this.t.get('sortByDate'), value: 'date' }), hAsync("mds-tab-item", { key: '5109df3852c73f570cd0fac15a17d28b5a457e1e', icon: iconSortByStatus, selected: this.userSort === 'status', title: this.t.get('sortByStatus'), value: 'status' }))), hAsync("div", { key: '5428a408c74798c2e68541c49b5bd342a0cbf93d', class: clsx('file-list', this.files.length > this.cssMinCols && 'file-list--more-items') }, this.files.map(file => {
+                : this.t.get('currentFilesNoMax', { currentFiles: this.files.length })))), hAsync("input", { key: '5dd0883901bbbfd1d239cb9811a13237b3ea712c', type: 'file', accept: this.accept, hidden: true, ref: i => this.nativeInput = i, onChange: this.onAdd, multiple: this.maxFiles > 1 }), hAsync("div", { key: 'b07d914c29fc30cf08e393e9e830ebefcabfbe78', class: "additional-infos" }, hAsync("div", { key: 'd5c664a1fa9407a4e061123b12f312cfa5442c3a', class: clsx('file-specs', this.isSortTabShown() && 'file-specs-sort') }, hAsync("mds-text", { key: '6d35cae9c629aad6b9e9c3000f22b73ce6079bd5', variant: "info", typography: "caption" }, this.extensions ? `${this.t.get('canUpload')} ${this.extensions}` : this.t.get('canUploadAll')), hAsync("mds-text", { key: '62b5515e1737f643fe1691709eeb8d955c6523b1', variant: "info", typography: "caption" }, this.t.get('maxFileSizePerFile', { maxFileSize: this.maxFileSize }))), this.isSortTabShown() &&
+            hAsync("mds-tab", { key: '3eaddf7b201ab0e3f443998d8786d3e36e397828', class: "action-sort", onMdsTabChange: event => this.onChangeTab(event.detail) }, hAsync("mds-tab-item", { key: 'bcd80494ab8bfcfb2e2b5cd2d9e1b595942b76a3', icon: iconSortById, selected: this.userSort === 'date', title: this.t.get('sortByDate'), value: 'date' }), hAsync("mds-tab-item", { key: 'b18d310ecb45a30e97bdfc7118e0510594b083dd', icon: iconSortByStatus, selected: this.userSort === 'status', title: this.t.get('sortByStatus'), value: 'status' }))), hAsync("div", { key: 'f636fdabf71388ae85c5435fd2a0923a4e7ca6dd', class: clsx('file-list', this.files.length > this.cssMinCols && 'file-list--more-items') }, this.files.map(file => {
             switch (file.status) {
                 case Status.ERROR:
                     return (hAsync("mds-file-preview", { deletable: true, variant: "error", filename: file.file.name, filesize: file.file.size.toString(), onMdsFileDelete: () => this.onCancel(file.key), message: file.errorMessage }));
@@ -36214,7 +36235,8 @@ class MdsInputUpload {
             "animateText": [32],
             "updateLang": [64],
             "getFiles": [64],
-            "getFilesError": [64]
+            "getFilesError": [64],
+            "reset": [64]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -37180,7 +37202,7 @@ class MdsKeyboard {
         this.stopKeyboardShortcutTest();
     }
     render() {
-        return (hAsync(Host, { key: 'bb817e3f67ce65dc90947c8c298bb1c3b1adea5f' }, hAsync("div", { key: '9cc59ebe7ded2f9115f1898c5ae2f6ac4dc00155', class: "shortcuts" }, hAsync("slot", { key: '3a97bf3d8ec84797bf73a29871ab984a2ee6b061' })), this.try && hAsync("mds-button", { key: '4fce4f6ad9e5085a33a5bcd2e698716fc10e9236', icon: this.getButtonIcon(), "aria-title": this.t.get('testKeyCombination'), class: "combination-checker", variant: "dark", tone: "quiet", onClick: this.startKeyboardShortcutTest.bind(this) }), this.try && hAsync("mds-tooltip", { key: '000555215520f2432b7bf3ecd6d4edb9bc9b6eb8', target: '.combination-checker' }, this.testPassed === undefined && this.t.get('testKeyCombination'), this.testPassed === true && this.t.get('testPassed'), this.testPassed === false && hAsync("div", { key: '8bb6dc0e1ed2e92bffadde67059dd484ba2d9518', class: "errors" }, [...this.errors].map(error => (hAsync("mds-text", { typography: 'tip' }, this.t.get(error))))))));
+        return (hAsync(Host, { key: 'f4a019bb8abbb5d2786623eae83d64cfe61182bd' }, hAsync("div", { key: 'c33ccc56d9ff86191abb53a7f922f8ff5197e5cc', class: "shortcuts" }, hAsync("slot", { key: '302a19180e1cfcc46ae7b556e5cf1f02762fae54' })), this.try && hAsync("mds-button", { key: '8111e2709ffe3e11e96b4e436e39b50f0e168b24', icon: this.getButtonIcon(), "aria-title": this.t.get('testKeyCombination'), class: "combination-checker", variant: "dark", tone: "quiet", onClick: this.startKeyboardShortcutTest.bind(this) }), this.try && hAsync("mds-tooltip", { key: 'ed46df3dc7a6a2ec16742e8865e9576b3f944dc9', target: '.combination-checker' }, this.testPassed === undefined && this.t.get('testKeyCombination'), this.testPassed === true && this.t.get('testPassed'), this.testPassed === false && hAsync("div", { key: '14be9e7a889ae3918aff50727f97663794d94a8c', class: "errors" }, [...this.errors].map(error => (hAsync("mds-text", { typography: 'tip' }, this.t.get(error))))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -37484,9 +37506,9 @@ class MdsKeyboardKey {
     }
     render() {
         var _a, _b, _c, _d;
-        return (hAsync(Host, { key: '9f46e80c65cb19f5566b13005ca6845a1fc8ea42', title: this.getTitle() }, hAsync("div", { key: '553e5d31ebdfdcdb860a6e4aa8eb36063c1e06b8', class: "physical-key" }, this.name && icons.has(this.name)
+        return (hAsync(Host, { key: '802f1f4633d3a756c8bcda46212981ea24e1e61f', title: this.getTitle() }, hAsync("div", { key: '907ac88ddc6321b9a61cdaf9a4e7880b745e53dd', class: "physical-key" }, this.name && icons.has(this.name)
             ? hAsync("mds-icon", { name: (_a = icons.get(this.name)) !== null && _a !== void 0 ? _a : miBaselineBrokenImage, class: "shortcut-icon" })
-            : hAsync("mds-text", { class: "shortcut-text", typography: "detail" }, this.name && hAsync("b", null, this.keyboardKeys[this.name].alias)), this.name && ((_b = this.keyboardKeys[this.name]) === null || _b === void 0 ? void 0 : _b.keyboardPosition) && hAsync("mds-text", { key: '7e5bb5e2b8abb472fdc0a0557371542cec04ec0e', typography: "label" }, ((_c = this.keyboardKeys[this.name].keyboardPosition) === null || _c === void 0 ? void 0 : _c.left) && 'l', ((_d = this.keyboardKeys[this.name].keyboardPosition) === null || _d === void 0 ? void 0 : _d.right) && 'r'))));
+            : hAsync("mds-text", { class: "shortcut-text", typography: "detail" }, this.name && hAsync("b", null, this.keyboardKeys[this.name].alias)), this.name && ((_b = this.keyboardKeys[this.name]) === null || _b === void 0 ? void 0 : _b.keyboardPosition) && hAsync("mds-text", { key: 'd3f68d86fd848f9909c1056a6cbbb19f591dbbff', typography: "label" }, ((_c = this.keyboardKeys[this.name].keyboardPosition) === null || _c === void 0 ? void 0 : _c.left) && 'l', ((_d = this.keyboardKeys[this.name].keyboardPosition) === null || _d === void 0 ? void 0 : _d.right) && 'r'))));
     }
     get host() { return getElement(this); }
     static get style() { return MdsKeyboardKeyStyle0; }
@@ -37516,7 +37538,7 @@ class MdsKpi {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'dd4fdc884709887fe3ca17f9895de6ccbd746c95', role: "list" }, hAsync("slot", { key: '8a53e1bf3d904d0ed3e5b8538a3de3e955141c76' })));
+        return (hAsync(Host, { key: '4399ae89280bb996ebeb8e7ef5971ec00ee69751', role: "list" }, hAsync("slot", { key: '59c73a18547bb1f9f9053c722d6d508894c87f80' })));
     }
     static get style() { return MdsKpiStyle0; }
     static get cmpMeta() { return {
@@ -37562,8 +37584,8 @@ class MdsKpiItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: '8ad40011600e1570582dc414869ac295dd756f49', "aria-label": `${this.label}: ${this.description}`, role: "listitem" }, this.icon &&
-            hAsync("div", { key: 'e61cdfb35407b45c5b3dc6d62ee2dae4bf66ff8d', class: "icon-container", part: "icon-container" }, hAsync("mds-icon", { key: '2494447a51e7ead1aedb4b55c8ab706bd6351d21', class: "icon", name: this.icon, part: "icon" })), hAsync("div", { key: 'f84b09602a46e962cb568fcdc579537fbaf08823', class: "info", part: "content", "aria-hidden": "true" }, this.label && this.threshold !== 0 && hAsync("mds-text", { key: '6881c55c05c721780c6dd881aed9290a7991df31', class: "value", typography: "h2", text: this.isIntersecting ? this.label : '', animation: "yugop" }), this.label && this.threshold === 0 && hAsync("mds-text", { key: '04fbff9a16a3467956181e51ccd29454c8559b8c', class: "value", typography: "h2" }, this.label), this.description && this.threshold !== 0 && hAsync("mds-text", { key: '3ec6b32dc332837d3c305cf3b9c0187ccc0caa5d', class: "description", typography: "label", text: this.isIntersecting ? this.description : '', animation: "yugop" }), this.description && this.threshold === 0 && hAsync("mds-text", { key: 'e755d349aa9dff370c5042f5dc0f2c23df4d9eca', class: "description", typography: "label" }, this.description))));
+        return (hAsync(Host, { key: 'a548c1197f941df9a27001c04c7b1973e118cf62', "aria-label": `${this.label}: ${this.description}`, role: "listitem" }, this.icon &&
+            hAsync("div", { key: '45b4e16c656b8396f937686f94f96e19e5179e83', class: "icon-container", part: "icon-container" }, hAsync("mds-icon", { key: '80b25ccdeb97adabf15777ff0aeb5729d0a6e851', class: "icon", name: this.icon, part: "icon" })), hAsync("div", { key: 'e8e2e47c10677f452366cba17f68fd67ee709bcc', class: "info", part: "content", "aria-hidden": "true" }, this.label && this.threshold !== 0 && hAsync("mds-text", { key: 'f34e784df8edad19785738a4c71ea4f22827b264', class: "value", typography: "h2", text: this.isIntersecting ? this.label : '', animation: "yugop" }), this.label && this.threshold === 0 && hAsync("mds-text", { key: '4286792ac9bb8f13518d704816a552c566510e10', class: "value", typography: "h2" }, this.label), this.description && this.threshold !== 0 && hAsync("mds-text", { key: '6ff1ee311b55e983d24dc6969c7dd40f0dc99289', class: "description", typography: "label", text: this.isIntersecting ? this.description : '', animation: "yugop" }), this.description && this.threshold === 0 && hAsync("mds-text", { key: '990e39c96111524372155bdf3486fda699a33ae0', class: "description", typography: "label" }, this.description))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return MdsKpiItemStyle0; }
@@ -37665,7 +37687,7 @@ class MdsLabel {
         this.km.detachClickBehavior();
     }
     render() {
-        return (hAsync(Host, { key: 'e4fe178443dcfc526aec277e117f4bed62661f0e' }, hAsync("mds-text", { key: '1833cc2140d8052f720575b3e871c6be411eacfc', class: "text", truncate: this.truncate, typography: this.typography }, hAsync("slot", { key: '43a44aa9d8ccebccf4c14774cc9af290b3eefc4d' })), this.deletable && hAsync("mds-button", { key: 'e0fbbbc60e42f1c5503f2b4e70f6c7351a4938b3', class: "button-close", icon: miBaselineCancel, onClick: this.onClickDelete.bind(this), title: this.t.get('remove') })));
+        return (hAsync(Host, { key: '8e07b2f4db4c8cd94461d92d0f7092b14da2ca14' }, hAsync("mds-text", { key: 'a4d0fc6386c315ffea2eb8a49839981ab2e2f1a2', class: "text", truncate: this.truncate, typography: this.typography }, hAsync("slot", { key: '738206f293b5220116934edfdbd0ed14cf38d8c9' })), this.deletable && hAsync("mds-button", { key: '17c807ebeb0757d692d408ea64ac8cdb011dbc6a', class: "button-close", icon: miBaselineCancel, onClick: this.onClickDelete.bind(this), title: this.t.get('remove') })));
     }
     get host() { return getElement(this); }
     static get style() { return MdsLabelStyle0; }
@@ -37699,7 +37721,7 @@ class MdsList {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '8092c9a0ff02484900fbcdf0a546ffa1a653d0dd', role: "list" }, hAsync("slot", { key: 'f0e4fb4d174a582366ae5709b802c1370c9bd4fc' })));
+        return (hAsync(Host, { key: '6b535d21db95eae01155c73f48e3eb43740d37ed', role: "list" }, hAsync("slot", { key: '022a37299f62bd315ee414ad6ec6cb598e44b0aa' })));
     }
     static get style() { return MdsListStyle0; }
     static get cmpMeta() { return {
@@ -37737,7 +37759,7 @@ class MdsListItem {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: 'f0e35e5a955f4cf0bf1c7a80de16f5de8cbc807b', role: "listitem" }, hAsync("mds-icon", { key: 'cdb502661d07ca362acb86418156f2503267900d', "aria-hidden": "true", class: "icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : mggListDot, part: "icon" }), hAsync("mds-text", { key: 'efc3133aeb5022981c2cd0da2b9419d44cf7e524', tag: "span", typography: this.typography, variant: this.variant, part: "text" }, hAsync("slot", { key: '7d22a207b50682e31ece3dd80a99c1a4a881a714' }))));
+        return (hAsync(Host, { key: '689404d1e24ccca3f7b6dae14c9de758a9958433', role: "listitem" }, hAsync("mds-icon", { key: '55e226db64ac816f361d6de838a5d7a12a249bdc', "aria-hidden": "true", class: "icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : mggListDot, part: "icon" }), hAsync("mds-text", { key: '9ea43df05abfe834015a0b1f48b4676d068c4999', tag: "span", typography: this.typography, variant: this.variant, part: "text" }, hAsync("slot", { key: '5767deb4dc3f9d831be9110f09754f3f7044406d' }))));
     }
     static get style() { return MdsListItemStyle0; }
     static get cmpMeta() { return {
@@ -37774,7 +37796,7 @@ class MdsMention {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '8c65c978d96843790ef566debb70002fbeb5a33d' }, hAsync("mds-icon", { key: '1e9dbb129b4d1494c8a4df5f27fe4674dad907bc', name: this.icon ? this.icon : miBaselineAlternateEmail }), hAsync("mds-text", { key: '56698676ed40154763bb3dc2c1446423d7fc46a0', typography: this.sizeTypography[(_a = this.size) !== null && _a !== void 0 ? _a : 'md'] }, this.size === 'lg'
+        return (hAsync(Host, { key: 'df0bfe4704b4e21795b4eadfeb53eef140ceaabc' }, hAsync("mds-icon", { key: 'ba77f6b3c8eb89a9387ca2bb89ef423e52f42da4', name: this.icon ? this.icon : miBaselineAlternateEmail }), hAsync("mds-text", { key: 'd8cee91020acc06427aff06492ae2ce0a9022c48', typography: this.sizeTypography[(_a = this.size) !== null && _a !== void 0 ? _a : 'md'] }, this.size === 'lg'
             ? this.label
             : hAsync("b", null, this.label))));
     }
@@ -37812,6 +37834,7 @@ class MdsModal {
         this.window = false;
         this.top = false;
         this.bottom = false;
+        this.cssTransitionDuration = '500';
         this.touchMargin = 50;
         /**
          * Specifies if the modal is opened or not
@@ -37970,11 +37993,11 @@ class MdsModal {
         this.opened = undefined;
     }
     render() {
-        return (hAsync(Host, { key: '399f859a07de26f7cd190bd8f1d735fdd9d481d5', "aria-modal": clsx(this.opened ? 'true' : 'false'), onClick: (e) => { this.closeModal(e); } }, this.window
+        return (hAsync(Host, { key: '0bb39d317dac6a8a10eb12955f4f5a4f398ea3e9', "aria-modal": clsx(this.opened ? 'true' : 'false'), onMouseDown: (e) => { this.closeModal(e); } }, this.window
             ? hAsync("slot", { name: "window" })
             : hAsync("div", { class: clsx('window', (this.top || this.bottom) && `window-${this.top ? '-top' : ''}${this.bottom ? '-bottom' : ''}`), part: "window" }, this.top &&
                 hAsync("slot", { name: "top" }), hAsync("slot", null), this.bottom &&
-                hAsync("slot", { name: "bottom" })), !this.window && hAsync("mds-button", { key: 'aa92c024f3f5cbc13c2eeb5fe0327f0839780ab5', class: "action-close", icon: miBaselineClose, variant: "light", tone: "quiet", size: "xl", onClick: (e) => { this.closeModal(e); }, part: "action-close" })));
+                hAsync("slot", { name: "bottom" })), !this.window && hAsync("mds-button", { key: '4609abeb254fc6391440f6761d23e106086c8d3f', class: "action-close", icon: miBaselineClose, variant: "light", tone: "quiet", size: "xl", onClick: (e) => { this.closeModal(e); }, part: "action-close" })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -38072,7 +38095,7 @@ class MdsNote {
         this.km.detachClickBehavior();
     }
     render() {
-        return (hAsync(Host, { key: '45ac02d987e505dce3abd0de4988867d3625762e', role: "note" }, this.deletable && hAsync("mds-button", { key: '9796486200c071dd67cdf4cdcd4b26009e1ce04d', title: this.t.get('deleteLabel'), icon: miBaselineClose, class: "button-close", variant: "dark", tone: "quiet", onClick: this.onClickClose.bind(this) }), hAsync("slot", { key: 'b5638592b4972a83c81911d1eeb5ff005a286052', name: "title" }), hAsync("slot", { key: '02d70a2e94615cc04178589a960619faeb012af7' }), hAsync("div", { key: '43dcdaf9ee62de3ea4b40221c983086134052452', "aria-hidden": "true", class: "fold" })));
+        return (hAsync(Host, { key: 'd6896e8d413d8e2ad96a9a6e55c1d7bc80001341', role: "note" }, this.deletable && hAsync("mds-button", { key: 'e4694d1e37c020ad8f049e14e3fd2d0cedb0f725', title: this.t.get('deleteLabel'), icon: miBaselineClose, class: "button-close", variant: "dark", tone: "quiet", onClick: this.onClickClose.bind(this) }), hAsync("slot", { key: '5abf58c10af4d649881d3e34fbfcf66977a3088f', name: "title" }), hAsync("slot", { key: '66ef5a0e8f728bad0dbf4f03df2ec8ecad551074' }), hAsync("div", { key: '426fad87e059f3d98255d4ee0b3d994c0a7c499f', "aria-hidden": "true", class: "fold" })));
     }
     get host() { return getElement(this); }
     static get style() { return MdsNoteStyle0; }
@@ -38165,7 +38188,7 @@ class MdsNotification {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '6a438d252418a94c635072b43e316328e260000e', "aria-labelledby": this.target, "aria-label": (_a = this.value) !== null && _a !== void 0 ? _a : '0' }, hAsync("mds-text", { key: 'fdacb2c359c1961001e047e58214222f0b33b2a9', typography: "caption", class: "dot", "aria-hidden": "true" }, this.value ? this.clean(this.value) : '')));
+        return (hAsync(Host, { key: '3ac46007378c8ad67579440f9de2d998dff2fdd1', "aria-labelledby": this.target, "aria-label": (_a = this.value) !== null && _a !== void 0 ? _a : '0' }, hAsync("mds-text", { key: '11638c845d46a5af96a4fcf91530dee39fb38e2f', typography: "caption", class: "dot", "aria-hidden": "true" }, this.value ? this.clean(this.value) : '')));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -38249,8 +38272,8 @@ class MdsPaginator {
         }, 10);
     }
     render() {
-        return (hAsync(Host, { key: '2b1fe5687532309599dc689efd770d8622a3acb8' }, hAsync("mds-paginator-item", { key: 'ef2dbf3f9027e553ea55b12eea71688cdfdfdc3a', class: "item-icon", icon: miBaselineArrowBack, disabled: this.currentPage === 1, onClick: ev => this.goToPage(this.currentPage - 1, ev.target) }), this.pages > 0 && hAsync("mds-paginator-item", { key: 'f7eeeb478ccfb144d51c6a269158639e06f7c712', class: "item-first", selected: this.currentPage === 1, onClick: ev => this.goToPage(1, ev.target) }, "1"), this.pages > 2 &&
-            hAsync("div", { key: '9ee38fddd57b91cb098e9bbbc3d2ec8ebca99941', class: "pages" }, Array.from(Array(this.pages - 2).keys()).map(i => hAsync("mds-paginator-item", { key: i, class: "item", selected: this.currentPage === i + 2, onClick: ev => this.goToPage(i + 2, ev.target), onFocus: this.focus }, i + 2))), this.pages > 1 && hAsync("mds-paginator-item", { key: '56e8cf296e268e44b5c272ff65aa1e900e69adbe', class: "item-last", selected: this.currentPage === this.pages, onClick: ev => this.goToPage(this.pages, ev.target) }, this.pages), hAsync("mds-paginator-item", { key: '9e32b3007efb31c44bfbf9e6820329be41e4d0be', class: "item-icon", icon: miBaselineArrowForward, disabled: this.currentPage === this.pages, onClick: ev => this.goToPage(this.currentPage + 1, ev.target) })));
+        return (hAsync(Host, { key: '22b775fc7a3becbd152bb6d216404da2da7e09d0' }, hAsync("mds-paginator-item", { key: '55fd5a7ca06ceb07c2d5c691590b0fb59caba486', class: "item-icon", icon: miBaselineArrowBack, disabled: this.currentPage === 1, onClick: ev => this.goToPage(this.currentPage - 1, ev.target) }), this.pages > 0 && hAsync("mds-paginator-item", { key: '3eba254154385c6f5981551979526ad7d1c9ba47', class: "item-first", selected: this.currentPage === 1, onClick: ev => this.goToPage(1, ev.target) }, "1"), this.pages > 2 &&
+            hAsync("div", { key: '57632cd05faebece7d1d6840677f687c6c7b12ff', class: "pages" }, Array.from(Array(this.pages - 2).keys()).map(i => hAsync("mds-paginator-item", { key: i, class: "item", selected: this.currentPage === i + 2, onClick: ev => this.goToPage(i + 2, ev.target), onFocus: this.focus }, i + 2))), this.pages > 1 && hAsync("mds-paginator-item", { key: 'b48fea4189608e7bdf2c2da823e6e74c8dcff140', class: "item-last", selected: this.currentPage === this.pages, onClick: ev => this.goToPage(this.pages, ev.target) }, this.pages), hAsync("mds-paginator-item", { key: 'bcfec3ebfb6cbb36c4d8b65500f00895dbf6dafd', class: "item-icon", icon: miBaselineArrowForward, disabled: this.currentPage === this.pages, onClick: ev => this.goToPage(this.currentPage + 1, ev.target) })));
     }
     get element() { return getElement(this); }
     static get style() { return MdsPaginatorStyle0; }
@@ -38293,7 +38316,7 @@ class MdsPaginatorItem {
         this.km.detachClickBehavior();
     }
     render() {
-        return (hAsync(Host, { key: '4ba6240c758d843d127906145755e0fd670fad29', tabindex: "0" }, this.icon !== undefined
+        return (hAsync(Host, { key: '62cc2772c438490906e2a23f47371ce4cc5ee359', tabindex: "0" }, this.icon !== undefined
             ? hAsync("mds-icon", { class: "icon", name: this.icon })
             : hAsync("mds-text", { class: "text", typography: "caption" }, hAsync("b", null, hAsync("slot", null)))));
     }
@@ -38320,16 +38343,16 @@ var mggAiChatbot = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
 
 var miOutlinePolicy = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12c5.16-1.26 9-6.45 9-12V5l-9-4zm7 10c0 1.85-.51 3.65-1.38 5.21l-1.45-1.45a4.994 4.994 0 0 0-.64-6.29a5.003 5.003 0 0 0-7.07 0a5.003 5.003 0 0 0 0 7.07a5.006 5.006 0 0 0 6.29.64l1.72 1.72c-1.19 1.42-2.73 2.51-4.47 3.04c-4.02-1.25-7-5.42-7-9.94V6.3l7-3.11l7 3.11V11zm-7 4c-1.66 0-3-1.34-3-3s1.34-3 3-3s3 1.34 3 3s-1.34 3-3 3z"/></svg>`;
 
-const bannerDescription$3 = "Αυτό το περιεχόμενο δημιουργήθηκε αυτόματα μέσω τεχνητής νοημοσύνης και ενδέχεται να περιέχει ανακρίβειες. Σας προτείνουμε να επαληθεύσετε την ακρίβειά του και να συμβουλευτείτε επίσημες πηγές για οριστικές πληροφορίες.";
-const bannerTitle$3 = "Περιεχόμενο που δημιουργήθηκε με τεχνητή νοημοσύνη";
-const cardDescription$3 = "Αυτό το περιεχόμενο δημιουργήθηκε αυτόματα μέσω τεχνητής νοημοσύνης και ενδέχεται να περιέχει ανακρίβειες.";
-const cardTitle$3 = "Περιεχόμενο που δημιουργήθηκε με ΤΝ";
-const chipLabel$3 = "Δημιουργήθηκε με ΤΝ";
-const iconTooltip$3 = "Αυτό το περιεχόμενο δημιουργήθηκε αυτόματα μέσω τεχνητής νοημοσύνης και ενδέχεται να περιέχει ανακρίβειες.";
+const bannerDescription$3 = "Αυτό το περιεχόμενο δημιουργήθηκε αυτόματα από την τεχνητή μας νοημοσύνη MIA και ενδέχεται να περιέχει ανακρίβειες. Σας συνιστούμε να επαληθεύσετε την ακρίβειά του και να συμβουλευτείτε επίσημες πηγές για οριστικές πληροφορίες.";
+const bannerTitle$3 = "Περιεχόμενο που δημιουργήθηκε με την MIA";
+const cardDescription$3 = "Αυτό το περιεχόμενο δημιουργήθηκε αυτόματα από την τεχνητή μας νοημοσύνη MIA και ενδέχεται να περιέχει ανακρίβειες.";
+const cardTitle$3 = "Περιεχόμενο που δημιουργήθηκε με την MIA";
+const chipLabel$3 = "Δημιουργήθηκε με MIA";
+const iconTooltip$3 = "Αυτό το περιεχόμενο δημιουργήθηκε αυτόματα από την τεχνητή μας νοημοσύνη MIA και ενδέχεται να περιέχει ανακρίβειες.";
 const iconLinkLabel$3 = "Κάντε κλικ για να διαβάσετε τις πολιτικές μας για την τεχνητή νοημοσύνη";
-const linkLabel$3 = "Πολιτική τεχνητής νοημοσύνης";
-const linkLabelShort$3 = "Πολιτική ΤΝ";
-const linkLabelTitle$3 = "Διαβάστε τις πολιτικές μας για την τεχνητή νοημοσύνη και τη δημιουργία αυτόματου περιεχομένου";
+const linkLabel$3 = "Πολιτική τεχνητής νοημοσύνης MIA";
+const linkLabelShort$3 = "Πολιτική MIA";
+const linkLabelTitle$3 = "Διαβάστε τις πολιτικές μας για τη χρήση της MIA, της τεχνητής μας νοημοσύνης, και τη δημιουργία αυτόματου περιεχομένου";
 var localeEl$c = {
 	bannerDescription: bannerDescription$3,
 	bannerTitle: bannerTitle$3,
@@ -38343,16 +38366,16 @@ var localeEl$c = {
 	linkLabelTitle: linkLabelTitle$3
 };
 
-const bannerDescription$2 = "This content was automatically generated using artificial intelligence and may contain inaccuracies. Please verify its accuracy and refer to official sources for definitive information.";
-const bannerTitle$2 = "AI-generated content";
-const cardDescription$2 = "This content was automatically generated using artificial intelligence and may contain inaccuracies.";
-const cardTitle$2 = "AI-generated content";
-const chipLabel$2 = "AI-generated";
-const iconTooltip$2 = "This content was automatically generated using artificial intelligence and may contain inaccuracies.";
+const bannerDescription$2 = "This content was automatically generated by our artificial intelligence MIA and may contain inaccuracies. Please verify its accuracy and consult official sources for definitive information.";
+const bannerTitle$2 = "Content generated with MIA";
+const cardDescription$2 = "This content was automatically generated by our artificial intelligence MIA and may contain inaccuracies.";
+const cardTitle$2 = "Content generated with MIA";
+const chipLabel$2 = "Generated with MIA";
+const iconTooltip$2 = "This content was automatically generated by our artificial intelligence MIA and may contain inaccuracies.";
 const iconLinkLabel$2 = "Click to read our artificial intelligence policies";
-const linkLabel$2 = "Artificial Intelligence Policy";
-const linkLabelShort$2 = "AI Policy";
-const linkLabelTitle$2 = "Read our policies on artificial intelligence and automated content generation";
+const linkLabel$2 = "MIA Artificial Intelligence Policy";
+const linkLabelShort$2 = "MIA Policy";
+const linkLabelTitle$2 = "Read our policies on the use of MIA, our artificial intelligence, and the automatic generation of content";
 var localeEn$d = {
 	bannerDescription: bannerDescription$2,
 	bannerTitle: bannerTitle$2,
@@ -38366,16 +38389,16 @@ var localeEn$d = {
 	linkLabelTitle: linkLabelTitle$2
 };
 
-const bannerDescription$1 = "Este contenido fue generado automáticamente mediante inteligencia artificial y puede contener inexactitudes. Te recomendamos verificar su precisión y consultar fuentes oficiales para obtener información definitiva.";
-const bannerTitle$1 = "Contenido generado con inteligencia artificial";
-const cardDescription$1 = "Este contenido fue generado automáticamente mediante inteligencia artificial y puede contener inexactitudes.";
-const cardTitle$1 = "Contenido generado con IA";
-const chipLabel$1 = "Generado con IA";
-const iconTooltip$1 = "Este contenido fue generado automáticamente mediante inteligencia artificial y puede contener inexactitudes.";
+const bannerDescription$1 = "Este contenido fue generado automáticamente por nuestra inteligencia artificial MIA y puede contener inexactitudes. Te recomendamos verificar su precisión y consultar fuentes oficiales para obtener información definitiva.";
+const bannerTitle$1 = "Contenido generado con MIA";
+const cardDescription$1 = "Este contenido fue generado automáticamente por nuestra inteligencia artificial MIA y puede contener inexactitudes.";
+const cardTitle$1 = "Contenido generado con MIA";
+const chipLabel$1 = "Generado con MIA";
+const iconTooltip$1 = "Este contenido fue generado automáticamente por nuestra inteligencia artificial MIA y puede contener inexactitudes.";
 const iconLinkLabel$1 = "Haz clic para leer nuestras políticas sobre inteligencia artificial";
-const linkLabel$1 = "Política de inteligencia artificial";
-const linkLabelShort$1 = "Política IA";
-const linkLabelTitle$1 = "Lee nuestras políticas sobre inteligencia artificial y generación automatizada de contenido";
+const linkLabel$1 = "Política de inteligencia artificial de MIA";
+const linkLabelShort$1 = "Política MIA";
+const linkLabelTitle$1 = "Lee nuestras políticas sobre el uso de MIA, nuestra inteligencia artificial, y la generación automática de contenidos";
 var localeEs$c = {
 	bannerDescription: bannerDescription$1,
 	bannerTitle: bannerTitle$1,
@@ -38389,16 +38412,16 @@ var localeEs$c = {
 	linkLabelTitle: linkLabelTitle$1
 };
 
-const bannerDescription = "Questo contenuto è stato generato automaticamente tramite intelligenza artificiale e potrebbe contenere inesattezze, ti invitiamo a verificarne l'accuratezza e a consultare fonti ufficiali per informazioni definitive.";
-const bannerTitle = "Contenuto generato con intelligenza artificiale";
-const cardDescription = "Questo contenuto è stato generato automaticamente tramite intelligenza artificiale e potrebbe contenere inesattezze.";
-const cardTitle = "Contenuto generato con IA";
-const chipLabel = "Generato con IA";
-const iconTooltip = "Questo contenuto è stato generato automaticamente tramite intelligenza artificiale e potrebbe contenere inesattezze.";
+const bannerDescription = "Questo contenuto è stato generato automaticamente tramite la nostra intelligenza artificiale MIA e potrebbe contenere inesattezze, ti invitiamo a verificarne l'accuratezza e a consultare fonti ufficiali per informazioni definitive.";
+const bannerTitle = "Contenuto generato con MIA";
+const cardDescription = "Questo contenuto è stato generato automaticamente tramite la nostra intelligenza artificiale MIA e potrebbe contenere inesattezze.";
+const cardTitle = "Contenuto generato con MIA";
+const chipLabel = "Generato con MIA";
+const iconTooltip = "Questo contenuto è stato generato automaticamente dalla nostra intelligenza artificiale MIA e potrebbe contenere inesattezze.";
 const iconLinkLabel = "Clicca per leggere le nostre policy sulla intelligenza artificiale";
-const linkLabel = "Policy intelligenza artificiale";
-const linkLabelShort = "Policy IA";
-const linkLabelTitle = "Leggi le nostre policy sulla intelligenza artificiale e la generazione automatica dei contenuti";
+const linkLabel = "Policy MIA intelligenza artificiale";
+const linkLabelShort = "Policy MIA";
+const linkLabelTitle = "Leggi le nostre policy sull'utilizzo di MIA, la nostra intelligenza artificiale e la generazione automatica dei contenuti";
 var localeIt$d = {
 	bannerDescription: bannerDescription,
 	bannerTitle: bannerTitle,
@@ -38412,7 +38435,7 @@ var localeIt$d = {
 	linkLabelTitle: linkLabelTitle
 };
 
-const mdsPolicyAiCss = ":host {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\n:host(:not([variant=\"icon\"])) {\n  container-name: mds-policy-ai;\n  container-type: inline-size;\n  width: 100%;\n}\n\nmds-button {\n  justify-self: start;\n}\n\n.banner {\n  --mds-banner-cockade-background: rgb(var(--variant-ai-05));\n  --mds-banner-icon-color: rgb(var(--variant-ai-10));\n}\n\n.mini-card {\n  grid-template-columns: repeat(1, minmax(1px, 100%));\n\n  background-color: rgb(var(--tone-neutral));\n  border-radius: 0.5rem;\n  -webkit-box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  gap: 0.75rem;\n  padding: 1rem;\n}\n\n.mini-card-icon {\n  margin-top: -1rem;\n  border-radius: 1rem;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  padding: 0.25rem;\n  padding-top: 1rem;\n\n  background-color: rgb(var(--variant-ai-05));\n  fill: rgb(var(--variant-ai-10));\n  height: 1.5rem;\n  width: 1.5rem;\n}\n\n.link-label-short {\n  display: none;\n}\n\n.mini-card-content {\n  grid-template-columns: repeat(1, minmax(1px, 100%));\n\n  display: grid;\n  gap: 0.75rem;\n}\n\n.mini-card-button {\n  max-width: -moz-min-content;\n  max-width: -webkit-min-content;\n  max-width: min-content;\n  min-width: 0;\n  width: 100%;\n}\n\n@container mds-policy-ai (max-width: 260px) {\n  .mini-card {\n    display: grid;\n  }\n\n  .mini-card-icon {\n    margin-top: -1rem;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    padding-top: 0.5rem;\n  }\n\n  .mini-card-button {\n    max-width: none;\n  }\n\n  .link-label-long {\n    display: none;\n  }\n\n  .link-label-short {\n    display: inline;\n  }\n}\n\n.chip {\n  cursor: help;\n}\n\n.chip-dropdown {\n  max-width: 18rem;\n  padding: 0.75rem 1rem;\n}\n\n.icon-help {\n  background-color: rgb(var(--variant-ai-06));\n  border: 1px solid rgb(var(--tone-neutral));\n  border-radius: 1.5rem;\n  cursor: pointer;\n  fill: rgb(var(--variant-ai-10));\n  height: -moz-min-content;\n  height: -webkit-min-content;\n  height: min-content;\n  width: -moz-min-content;\n  width: -webkit-min-content;\n  width: min-content;\n}\n\n.icon-tip-content {\n  display: grid;\n  gap: 0.5rem;\n}\n\n.icon-help::part(icon) {\n  height: 1.5rem;\n  padding: 0.25rem;\n  width: 1.5rem;\n}\n\n:host(:not(:is([hydrated], .hydrated))) {\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n";
+const mdsPolicyAiCss = ":host {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\n:host(:not([variant=\"icon\"])) {\n  container-name: mds-policy-ai;\n  container-type: inline-size;\n  width: 100%;\n}\n\nmds-button {\n  justify-self: start;\n}\n\n.banner {\n  --mds-banner-cockade-background: rgb(var(--variant-ai-05));\n  --mds-banner-icon-color: rgb(var(--variant-ai-10));\n}\n\n.mini-card {\n  grid-template-columns: repeat(1, minmax(1px, 100%));\n\n  background-color: rgb(var(--tone-neutral));\n  border-radius: 0.5rem;\n  -webkit-box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  gap: 0.75rem;\n  padding: 1rem;\n}\n\n.mini-card-icon {\n  margin-top: -1rem;\n  border-radius: 1rem;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  padding: 0.25rem;\n  padding-top: 1rem;\n\n  background-color: rgb(var(--variant-ai-05));\n  fill: rgb(var(--variant-ai-10));\n  height: 1.5rem;\n  width: 1.5rem;\n}\n\n.link-label-short {\n  display: none;\n}\n\n.mini-card-content {\n  grid-template-columns: repeat(1, minmax(1px, 100%));\n\n  display: grid;\n  gap: 0.75rem;\n}\n\n.mini-card-button {\n  max-width: -moz-min-content;\n  max-width: -webkit-min-content;\n  max-width: min-content;\n  min-width: 0;\n  width: 100%;\n}\n\n@container mds-policy-ai (max-width: 260px) {\n  .mini-card {\n    display: grid;\n  }\n\n  .mini-card-icon {\n    margin-top: -1rem;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    padding-top: 0.5rem;\n  }\n\n  .mini-card-button {\n    max-width: none;\n  }\n\n  .link-label-long {\n    display: none;\n  }\n\n  .link-label-short {\n    display: inline;\n  }\n}\n\n.chip {\n  cursor: help;\n}\n\n.chip-dropdown {\n  max-width: 18rem;\n  padding: 0.75rem 1rem;\n}\n\n.icon-help {\n  background-color: rgb(var(--variant-ai-05));\n  border: 1px solid rgb(var(--tone-neutral));\n  border-radius: 1.5rem;\n  cursor: pointer;\n  fill: rgb(var(--variant-ai-10));\n  height: -moz-min-content;\n  height: -webkit-min-content;\n  height: min-content;\n  width: -moz-min-content;\n  width: -webkit-min-content;\n  width: min-content;\n}\n\n.icon-tip-content {\n  display: grid;\n  gap: 0.5rem;\n}\n\n.icon-help::part(icon) {\n  height: 1.5rem;\n  padding: 0.25rem;\n  width: 1.5rem;\n}\n\n:host(:not(:is([hydrated], .hydrated))) {\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n";
 var MdsPolicyAiStyle0 = mdsPolicyAiCss;
 
 /**
@@ -38448,7 +38471,7 @@ class MdsPolicyAi {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (hAsync(Host, { key: '3088b5dca9bf124372dac0ffe359268558d4638f' }, this.variant === 'icon' && (hAsync("mds-help", { key: '66bd8bc3003208765fbc43b84d9411ccd4e8e7a4', icon: mggAiChatbot, class: "icon-help", onClick: () => window.open(this.href, '_blank'), part: "icon" }, hAsync("div", { key: '354cb3e9b005409280f9e69b2ce413ae070c4c0b', class: "icon-tip-content" }, hAsync("mds-text", { key: '3e8cbd57cf7916349caa12e72fa992d6feae33d0', typography: "tip" }, (_a = this.headline) !== null && _a !== void 0 ? _a : this.t.get('iconTooltip')), hAsync("mds-text", { key: '6ff4521b3802629e91558778c9565e971d0e8a33', typography: "tip" }, (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get('iconLinkLabel'))))), this.variant === 'chip' && (hAsync("div", { key: '9649dc3a9a83bbd2b00f258aff576e8691b1a28f', class: "chip-wrapper", part: "chip" }, hAsync("mds-chip", { key: 'ae303fdacdaad57354e1c425b440bdbf710a54ae', id: "chip", icon: mggAiChatbot, class: "chip", variant: "ai", label: (_c = this.headline) !== null && _c !== void 0 ? _c : this.t.get('chipLabel') }), hAsync("mds-dropdown", { key: 'c05941ff8c45ee0453c2f7566da469b27969b50f', target: "#chip", class: "chip-dropdown", interaction: "mouseover" }, hAsync("mds-text", { key: 'a7835e55591feeb24fd6a51a6a16b051d8c00caa', typography: "tip" }, (_d = this.description) !== null && _d !== void 0 ? _d : this.t.get('cardDescription')), hAsync("mds-button", { key: '3311b907128552c1a2d159e6b9138c61455aa42c', icon: miOutlinePolicy, href: this.href, variant: "ai", tone: "weak", size: "sm" }, this.t.get('linkLabel'))))), this.variant === 'card' && (hAsync("div", { key: '36d688f31631b6a90ba177fa8630013f009fcef7', class: "mini-card", part: "card" }, hAsync("mds-icon", { key: 'f89d75023a9fc4d9135220f2855850b80d79481b', name: mggAiChatbot, class: "mini-card-icon" }), hAsync("div", { key: '4a312a19d81a0af5291b8dcdebfac906b5df83fb', class: "mini-card-content" }, hAsync("mds-text", { key: 'd1f151dbbd2b7adb5fa56a3f0337dce4b5f52b4a', typography: "caption" }, (_e = this.description) !== null && _e !== void 0 ? _e : this.t.get('iconTooltip')), hAsync("mds-button", { key: '5a814173e918806324b4efb6597188b0e6b164be', class: "mini-card-button", icon: miOutlinePolicy, href: this.href, variant: "ai", tone: "weak", size: "sm" }, hAsync("span", { key: '238d8a2700057f3d3a9da16e8da349e659b11dc1', class: "link-label-long" }, this.t.get('linkLabel')), hAsync("span", { key: 'bd2ea94e80e4e225e0e3a3b327611136d3a31a19', class: "link-label-short" }, this.t.get('linkLabelShort')))))), this.variant === 'banner' && (hAsync("mds-banner", { key: '1c778f1f6ef2458c2679349298f10937d719a74e', class: "banner", variant: "ai", tone: "weak", icon: mggAiChatbot, headline: (_f = this.headline) !== null && _f !== void 0 ? _f : this.t.get('bannerTitle'), part: "banner" }, hAsync("mds-text", { key: '2370994f0bfa6a6ac841b0f8733d6877587b3dab', typography: "caption" }, (_g = this.description) !== null && _g !== void 0 ? _g : this.t.get('bannerDescription')), hAsync("mds-button", { key: '6f8aa92e83ceb79d7d6aef0864f97d7ebf70fbfc', icon: miOutlinePolicy, slot: "action", href: this.href, variant: "ai", tone: "weak", size: "sm" }, hAsync("span", { key: '468adcba05f3c04ad98423b0a1e9c408176004fa', class: "link-label-long" }, this.t.get('linkLabel')), hAsync("span", { key: '62178e01f25f84c60ec47a3e8a55d4dac9c5380b', class: "link-label-short" }, this.t.get('linkLabelShort')))))));
+        return (hAsync(Host, { key: '7b3b325b4e9e506f0a616b9226aa03c645657af3' }, this.variant === 'icon' && (hAsync("mds-help", { key: '1a447115fa180c1ba7177c635d1aee6cff6d56af', icon: mggAiChatbot, class: "icon-help", onClick: () => window.open(this.href, '_blank'), part: "icon" }, hAsync("div", { key: '03659e3d39e8975275b49f979cda4e8299ee8427', class: "icon-tip-content" }, hAsync("mds-text", { key: 'ad6ee7a3ebe799862c9271dd0a5ca09f4a751341', typography: "tip" }, (_a = this.headline) !== null && _a !== void 0 ? _a : this.t.get('iconTooltip')), hAsync("mds-text", { key: '85f04c35983e39c2b9a29d113eaa09ff4ce0c14a', typography: "tip" }, (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get('iconLinkLabel'))))), this.variant === 'chip' && (hAsync("div", { key: 'ccdaa6cb631ce7f2221215ef8317176870bc3a69', class: "chip-wrapper", part: "chip" }, hAsync("mds-chip", { key: '8ab1fb2fa360ca6f7c26412c750dc6ed833f430e', id: "chip", icon: mggAiChatbot, class: "chip", variant: "ai", label: (_c = this.headline) !== null && _c !== void 0 ? _c : this.t.get('chipLabel') }), hAsync("mds-dropdown", { key: '723c1752cc3885cc3e3fba3e4e5c05801ec6aecb', target: "#chip", class: "chip-dropdown", interaction: "mouseover" }, hAsync("mds-text", { key: '2f064ded6edfa4e3f145f3b2209e998f9c6bb2f0', typography: "tip" }, (_d = this.description) !== null && _d !== void 0 ? _d : this.t.get('cardDescription')), hAsync("mds-button", { key: '09bf7e7e5b5798733515c9f7bdecd46aef1f382c', icon: miOutlinePolicy, href: this.href, variant: "ai", tone: "weak", size: "sm" }, this.t.get('linkLabel'))))), this.variant === 'card' && (hAsync("div", { key: 'd9a7053e2554e2f21c4483f995cb63839c44bd87', class: "mini-card", part: "card" }, hAsync("mds-icon", { key: '0d85ed781a4072c21d629e3a06a518c7061be311', name: mggAiChatbot, class: "mini-card-icon" }), hAsync("div", { key: '9c0ed48327600ca808c03eb0d643b2658e2beb73', class: "mini-card-content" }, hAsync("mds-text", { key: 'd23fbe3584a7723765561898fb6b4d1489165797', typography: "caption" }, (_e = this.description) !== null && _e !== void 0 ? _e : this.t.get('iconTooltip')), hAsync("mds-button", { key: 'b9e5034cbea3a96c96d7bf6d0e4618252a610efc', class: "mini-card-button", icon: miOutlinePolicy, href: this.href, variant: "ai", tone: "weak", size: "sm" }, hAsync("span", { key: 'a92021b49245a534cf3dd1e0e59846b1cde43467', class: "link-label-long" }, this.t.get('linkLabel')), hAsync("span", { key: 'e9806827a701a6cb74f615a6c918954346ed0cc7', class: "link-label-short" }, this.t.get('linkLabelShort')))))), this.variant === 'banner' && (hAsync("mds-banner", { key: 'e4d1fa96ac6676e3f6b234c340e5532bfd879a74', class: "banner", variant: "ai", tone: "weak", icon: mggAiChatbot, headline: (_f = this.headline) !== null && _f !== void 0 ? _f : this.t.get('bannerTitle'), part: "banner" }, hAsync("mds-text", { key: '4cb7e4ef50bb37d2615f41adb372c43a5e12f8ec', typography: "caption" }, (_g = this.description) !== null && _g !== void 0 ? _g : this.t.get('bannerDescription')), hAsync("mds-button", { key: '8b9d0e1fb43a56bd85ae4f442f30a57de4251048', icon: miOutlinePolicy, slot: "action", href: this.href, variant: "ai", tone: "weak", size: "sm" }, hAsync("span", { key: '5ddab433bcebbf840975ea948bb5806025eb85d5', class: "link-label-long" }, this.t.get('linkLabel')), hAsync("span", { key: 'cc02bfe5e6b22cb2732db55b5b89b5a76627336f', class: "link-label-short" }, this.t.get('linkLabelShort')))))));
     }
     get host() { return getElement(this); }
     static get style() { return MdsPolicyAiStyle0; }
@@ -38580,7 +38603,7 @@ class MdsPref {
         this.removePerfEvents();
     }
     render() {
-        return (hAsync(Host, { key: '0bdeba8940de519175d03c3176d3135956974e56' }, hAsync("slot", { key: 'd4b79d8586bad05fd682dec9e61db2b8011c9134' }), this.showReload && hAsync("div", { key: 'a7e2ea1658954a0e1c207419a0aba3a595591d07', class: "reload-required" }, hAsync("mds-text", { key: '1f2177a59c8ce7b617a1bce3dcfe389433cdf6f5', typography: "caption" }, this.t.get('reloadPageToSeeChanges')))));
+        return (hAsync(Host, { key: 'de3136d856df4f53e637a44b60392af6d646750f' }, hAsync("slot", { key: '23d28929d516b33fdef140780bfe37fb04189a96' }), this.showReload && hAsync("div", { key: '808dbac26256dfdfa46e4296c1d74e1992f38901', class: "reload-required" }, hAsync("mds-text", { key: '18a55f404c6aeddcd22b56f8fbd479636acef773', typography: "caption" }, this.t.get('reloadPageToSeeChanges')))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -38713,7 +38736,7 @@ class MdsPrefAnimation {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '8c6e0456960e15dd768255bda7939611d8eb5cba' }, hAsync("mds-text", { key: '917dcd768900b3b191e02dca6f30f04238135c7f', class: "info", typography: "caption" }, hAsync("b", { key: 'ec16ea1fc0d390c0f651ab7f6f733495bc2f9e94' }, this.t.get('label')), " ", this.t.get(this.animation[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), hAsync("mds-tab", { key: '7a49e043b2eb4e07797b55b053bdce50e17f8723', fill: true, size: this.size }, hAsync("mds-tab-item", { key: '94a588da865ed1b8ece4b12aad7880fac34648a5', selected: this.mode === 'reduce', onClick: () => { this.setAnimation('reduce'); }, class: "item item--reduce", icon: miOutlineCircle }), hAsync("mds-tab-item", { key: 'a069cd3360eef3d5e0dbacbbc278a8da76ebd8a9', selected: this.mode === 'system', onClick: () => { this.setAnimation('system'); }, class: "item item--system", icon: miBaselineSettings }), hAsync("mds-tab-item", { key: 'd2b2abbd53995ea32cf6ad02ae53be5a512a2406', selected: this.mode === 'no-preference', onClick: () => { this.setAnimation('no-preference'); }, class: "item item--no-preference", icon: miBaselineAnimation }))));
+        return (hAsync(Host, { key: '2821c3f697981c845ed938ef098c4338233adf4f' }, hAsync("mds-text", { key: '393df047794c7c3caa76f8bb42c64c47843e8a6e', class: "info", typography: "caption" }, hAsync("b", { key: '59cb5d343a080753961e7d2dc1b68489cecf5444' }, this.t.get('label')), " ", this.t.get(this.animation[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), hAsync("mds-tab", { key: '804cbd538828ba8d09c7cf47dc486dead953d2cf', fill: true, size: this.size }, hAsync("mds-tab-item", { key: '8cdc09c3c4a36610ac3e3ca3f31180a27236ce86', selected: this.mode === 'reduce', onClick: () => { this.setAnimation('reduce'); }, class: "item item--reduce", icon: miOutlineCircle }), hAsync("mds-tab-item", { key: '28d3d634639ca021147bb4d0310eba349d399fe0', selected: this.mode === 'system', onClick: () => { this.setAnimation('system'); }, class: "item item--system", icon: miBaselineSettings }), hAsync("mds-tab-item", { key: 'de5a9a6778d4fc97deee6d237d4777cc6966a914', selected: this.mode === 'no-preference', onClick: () => { this.setAnimation('no-preference'); }, class: "item item--no-preference", icon: miBaselineAnimation }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -38856,7 +38879,7 @@ class MdsPrefContrast$1 {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '601b4b7aac122d7fdabb079dbbc828c598f3d507' }, hAsync("mds-text", { key: 'a3ed8d608890edd6cc26288fd03ae7b2733e31d7', class: "info", typography: "caption" }, hAsync("b", { key: 'd07d402cbe0c6f72f00bdfada37a75c18bbb7852' }, this.t.get('label')), " ", this.t.get(this.consumption[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), hAsync("mds-tab", { key: 'eb8bc275a20eb72ae9fc2b69c91e926a6938488c', fill: true, size: this.size }, hAsync("mds-tab-item", { key: '5c456ddffcbb2ef63a5b11fe574dde0d074d68ef', selected: this.mode === 'low', onClick: () => { this.setConsumption('low'); }, class: "item item--low", icon: mggConsumptionLow }), hAsync("mds-tab-item", { key: '895749d47ca42c40cc0d9409b8de9b1b2064daf2', selected: this.mode === 'medium', onClick: () => { this.setConsumption('medium'); }, class: "item item--medium", icon: mggConsumptionMedium }), hAsync("mds-tab-item", { key: '3bbd22f43ca5cbee98156b05e6b29567dea68915', selected: this.mode === 'high', onClick: () => { this.setConsumption('high'); }, class: "item item--high", icon: mggConsumptionHigh }))));
+        return (hAsync(Host, { key: '811e0958ae6ecf6566275ad7d9d02b5808791d36' }, hAsync("mds-text", { key: '0f28bfb60e9158f045bbb790b2d7b3c5b093311a', class: "info", typography: "caption" }, hAsync("b", { key: 'a3a132f262554f5a38309c5e54841d8b6df8842b' }, this.t.get('label')), " ", this.t.get(this.consumption[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), hAsync("mds-tab", { key: 'b958aff782461637ea7a3c8903c47e2fbea66241', fill: true, size: this.size }, hAsync("mds-tab-item", { key: '07b02ec88331281d6efc054f40c70030d5532ad4', selected: this.mode === 'low', onClick: () => { this.setConsumption('low'); }, class: "item item--low", icon: mggConsumptionLow }), hAsync("mds-tab-item", { key: '41909a5ac3cc66fc19cc79a631269e9fad96d838', selected: this.mode === 'medium', onClick: () => { this.setConsumption('medium'); }, class: "item item--medium", icon: mggConsumptionMedium }), hAsync("mds-tab-item", { key: '36c5f60996c6d89fc0d37c6f2d16a463a811a0fb', selected: this.mode === 'high', onClick: () => { this.setConsumption('high'); }, class: "item item--high", icon: mggConsumptionHigh }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -39009,7 +39032,7 @@ class MdsPrefContrast {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: 'd85d7e85d830cfa0cc16481bdb40296eb1583fdf' }, hAsync("mds-text", { key: '7fd77214e1407740bdf58ff87f49b05381c9e96b', class: "info", typography: "caption" }, hAsync("b", { key: '0160658de68f057321ee7876115ade5e296a82d3' }, this.t.get('label')), " ", this.t.get(this.contrast[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), hAsync("mds-tab", { key: 'ca5f4569caee3418e119525555e2a18f29445526', fill: true, size: this.size }, hAsync("mds-tab-item", { key: '24433af0efac4cd64114f7acb7772d2a6c4e2858', selected: this.mode === 'more', onClick: () => { this.setContrast('more'); }, class: "item item--more", icon: miBaselineContrast }), hAsync("mds-tab-item", { key: 'd5ccc7555cf4e7a930bafad8c7ae1b0c0e8b5740', selected: this.mode === 'system', onClick: () => { this.setContrast('system'); }, class: "item item--system", icon: miBaselineSettings }), hAsync("mds-tab-item", { key: 'd9f056279513dc090b8691cc22f1073a12dbe2b3', selected: this.mode === 'no-preference', onClick: () => { this.setContrast('no-preference'); }, class: "item item--default", icon: this.mode === 'no-preference' ? miBaselineAutoAwesome : miOutlineAutoAwesome }))));
+        return (hAsync(Host, { key: '2568b6a5c9d89197d9e0effd9e15693b18b766bc' }, hAsync("mds-text", { key: '1ccdc6cf3f28dab94cb1d97c7072886302d9c8a1', class: "info", typography: "caption" }, hAsync("b", { key: '55c3676118d0dd051bf6ede4c9bc230487560465' }, this.t.get('label')), " ", this.t.get(this.contrast[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), hAsync("mds-tab", { key: 'ba3f0cd7782972ade4d92817c1aa41024b94d851', fill: true, size: this.size }, hAsync("mds-tab-item", { key: '4dbdae43b6a4910969aad293fc75270cf07bbd8a', selected: this.mode === 'more', onClick: () => { this.setContrast('more'); }, class: "item item--more", icon: miBaselineContrast }), hAsync("mds-tab-item", { key: '8994863ac2af6236aba1f0a28d8efebae5fdc6e3', selected: this.mode === 'system', onClick: () => { this.setContrast('system'); }, class: "item item--system", icon: miBaselineSettings }), hAsync("mds-tab-item", { key: 'ea53d733041e01f6ab28567dd6e59dbdb5387c80', selected: this.mode === 'no-preference', onClick: () => { this.setContrast('no-preference'); }, class: "item item--default", icon: this.mode === 'no-preference' ? miBaselineAutoAwesome : miOutlineAutoAwesome }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -39977,7 +40000,7 @@ class MdsPrefLanguage {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '2ca089fc36b851246839902cdb7bee5b71fc8817' }, hAsync("div", { key: '82d10f3ed010158d29bd6534f276df06376edb03', class: "menu" }, hAsync("mds-text", { key: '4afbec13f5356ef6eef37f5e0267fff333dd56e9', class: "info", typography: "caption" }, hAsync("b", { key: '6b429df4dd457a9a45142cbffc67f220162e4f54' }, this.t.get('label'))), hAsync("mds-tab", { key: 'c4e67ae2c64a207a6cf7c466b71d0e71d2fb130d', fill: true, size: this.size }, hAsync("mds-tab-item", { key: '997e3343e70ab62b21b5f3a5bdb05b62167cb90d', selected: true, onClick: this.toggleDropdown, id: "mds-pref-language-nav", class: "item item--custom-language", "icon-position": "right", icon: this.showDropdown ? miBaselineKeyboardArrowUp : miBaselineKeyboardArrowDown }, this.t.get((_a = this.set) !== null && _a !== void 0 ? _a : 'auto')))), hAsync("mds-dropdown", { key: '6438da037349dc7c0617165a16bac25c0d0c9e7e', class: "mds-pref-language-dropdown", target: "#mds-pref-language-nav", interaction: "none", visible: this.showDropdown, onMdsDropdownHide: this.hideLanguageSelectDropdown, autoPlacement: true }, hAsync("slot", { key: '90481cdce1f8e4d129432b54d5f51e2127784703' })), this.set !== this.defaultLanguage && hAsync("mds-text", { key: 'd4afd89ba65f46fe5c3310e74b55387c92b4f8cb', typography: "caption" }, this.t.get('defaultLanguage'))));
+        return (hAsync(Host, { key: '30c4d9175a08f3fcf9f499b75d320c027d5fe6cc' }, hAsync("div", { key: '1aeea8d22e90328d9031817730be9ee0c451d05c', class: "menu" }, hAsync("mds-text", { key: 'b99c19735994acfbb6dd8735de5df7535a16b33e', class: "info", typography: "caption" }, hAsync("b", { key: '7c81f04f6c084dec1a3a87714c3673b734643fd4' }, this.t.get('label'))), hAsync("mds-tab", { key: '41ccd7390c27c5e3e8d1a072d6389828c263c257', fill: true, size: this.size }, hAsync("mds-tab-item", { key: 'b254d907a69b9ca92214b571cd487259860651c4', selected: true, onClick: this.toggleDropdown, id: "mds-pref-language-nav", class: "item item--custom-language", "icon-position": "right", icon: this.showDropdown ? miBaselineKeyboardArrowUp : miBaselineKeyboardArrowDown }, this.t.get((_a = this.set) !== null && _a !== void 0 ? _a : 'auto')))), hAsync("mds-dropdown", { key: '49a54033bafa12b6c0c60bd7c9a2753fa8df8507', class: "mds-pref-language-dropdown", target: "#mds-pref-language-nav", interaction: "none", visible: this.showDropdown, onMdsDropdownHide: this.hideLanguageSelectDropdown, autoPlacement: true }, hAsync("slot", { key: 'ed714fe4ef4a9607f4c6993a4c7ace61bd893a52' })), this.set !== this.defaultLanguage && hAsync("mds-text", { key: 'a1919f790270b1eea5c4b92794b5c0c575e83c32', typography: "caption" }, this.t.get('defaultLanguage'))));
     }
     get element() { return getElement(this); }
     static get style() { return MdsPrefLanguageStyle0; }
@@ -40245,7 +40268,7 @@ class MdsPrefLanguageItem {
         this.t.lang(this.element);
     }
     render() {
-        return (hAsync(Host, { key: '7f7e0c791baff84c41cfebc909cbaf0012f1408f', onClick: this.handleClick }, this.code
+        return (hAsync(Host, { key: 'f32553b56118796faa84635b9d3dcfef18b3a80b', onClick: this.handleClick }, this.code
             ? hAsync("mds-button", { icon: this.selected ? miBaselineCheckCircle : miOutlineCircle, variant: "dark", tone: "quiet" }, localeDefault[this.code])
             : hAsync("mds-button", { icon: miBaselineCheckCircle, variant: "error", tone: "quiet" }, this.t.get('noCode'))));
     }
@@ -40506,17 +40529,17 @@ class MdsPrefTheme {
     }
     render() {
         var _a, _b;
-        return (hAsync(Host, { key: 'd96506f265703438f3c93d667a84508d36794f85' }, hAsync("mds-text", { key: '97618fa81743fd6b4d94d4dff81f8a5399929513', class: "info", typography: "caption" }, hAsync("b", { key: '1ad115201e219859ff5cb5fa392747486df7d023' }, this.t.get('label')), " ", this.disabled ? this.t.get(this.theme[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label, { forced: true }) : this.t.get(this.theme[(_b = this.mode) !== null && _b !== void 0 ? _b : this.defaultMode].label, { forced: false })), hAsync("mds-tab", { key: 'da397017b61b4479c4b37bfdac347b8e9736bc49', fill: true, size: this.size }, hAsync("mds-tab-item", { key: '2457d539b04c8ddbc01aaba67f296c867a543035', disabled: this.disabled, selected: this.mode === 'light', onClick: () => {
+        return (hAsync(Host, { key: '28c09d23c1a91df3ae5fe14be3ca8c87ee0b5a3a' }, hAsync("mds-text", { key: 'eeb9b71b7dc618ff2d9415e08a97d6b01a5f5368', class: "info", typography: "caption" }, hAsync("b", { key: '19917c8f74ed91493b7cff55de5421eef2dceea0' }, this.t.get('label')), " ", this.disabled ? this.t.get(this.theme[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label, { forced: true }) : this.t.get(this.theme[(_b = this.mode) !== null && _b !== void 0 ? _b : this.defaultMode].label, { forced: false })), hAsync("mds-tab", { key: '250516da156920fb7b0cf727d81c8da1c6fa3f6a', fill: true, size: this.size }, hAsync("mds-tab-item", { key: '58f785463be3c4bf7a9f22c5c410fb76fad6dab4', disabled: this.disabled, selected: this.mode === 'light', onClick: () => {
                 if (this.overlayShow) {
                     return;
                 }
                 this.changeTheme('light');
-            }, class: "item item--light", icon: miBaselineLightMode }), hAsync("mds-tab-item", { key: 'da783eec1b93e446ff8cd9c4300c4e2bc7ed4f0a', disabled: this.disabled, selected: this.mode === 'system', onClick: () => {
+            }, class: "item item--light", icon: miBaselineLightMode }), hAsync("mds-tab-item", { key: '85862f369dbb7b47e0d6b022c273d7ef52b09822', disabled: this.disabled, selected: this.mode === 'system', onClick: () => {
                 if (this.overlayShow) {
                     return;
                 }
                 this.changeTheme('system');
-            }, class: "item item--system", icon: miBaselineSettings }), hAsync("mds-tab-item", { key: 'e4898019e6dffcc737b46804da5281b4cbc60a67', disabled: this.disabled, selected: this.mode === 'dark', onClick: () => {
+            }, class: "item item--system", icon: miBaselineSettings }), hAsync("mds-tab-item", { key: '7b9018a52de92d02121e21eda8cc0a053ef47d6a', disabled: this.disabled, selected: this.mode === 'dark', onClick: () => {
                 if (this.overlayShow) {
                     return;
                 }
@@ -40553,7 +40576,7 @@ class MdsPriceTable {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '322f40ba924d00123b0b5ff4e71b22725ad12b4a' }, hAsync("slot", { key: '93abdb2140eed3f8497af744a999b31ed8ff2b47' })));
+        return (hAsync(Host, { key: 'e0417530a119c97cbd79258405224be0f168db75' }, hAsync("slot", { key: '4fd39678c16759e07dddc83cfda2fbc9c0e29f08' })));
     }
     static get style() { return MdsPriceTableStyle0; }
     static get cmpMeta() { return {
@@ -40578,8 +40601,8 @@ class MdsPriceTableFeatures {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '808681b0301d86b06e128995d489aba63b2c29a4' }, hAsync("div", { key: 'b601d115ea0d8dc5c47e4e7e56742d92558f2e7e', class: "table-wrapper" }, this.label &&
-            hAsync("header", { key: '279b214161f7973ac649dd4cf57b421bc16e188f', part: "header" }, hAsync("mds-text", { key: '8627183daf8023fd49691d0a6c3b140677620013', typography: "detail" }, hAsync("b", { key: 'f8b2af2d9f6755c627d57c5c54cead6314d64dfc' }, this.label))), hAsync("table", { key: 'faf237826d6dd71ed45784fc6252f2aba7b7d0b3' }, hAsync("tbody", { key: 'b84a6c9f8b43f4457435aaca3ffd6de549040bb3' }, hAsync("slot", { key: 'd560a1b34f8c69f7fa492f739c8bb7519fbcd8a3' }))))));
+        return (hAsync(Host, { key: '1ef1d2675e4f0c86d69b109458fb57da81ee4b32' }, hAsync("div", { key: '157e0596180ff8679de3aeeca1581e7f106de222', class: "table-wrapper" }, this.label &&
+            hAsync("header", { key: 'ff01e4d69f70de954d36e62067685459fa6bc848', part: "header" }, hAsync("mds-text", { key: '1fae2b224e92a49814a49fe0b9f10109b2953336', typography: "detail" }, hAsync("b", { key: '1a725c8f0266b7cbfcebd99345d4223b217fd040' }, this.label))), hAsync("table", { key: '788f7696352facee6b02de88f79a890df5e3241d' }, hAsync("tbody", { key: 'be75dedb22a10c6c9240c0a64c51b66e388fca81' }, hAsync("slot", { key: 'cbd012ba80ca3080f342ee2d3f117f4e4aef0d4e' }))))));
     }
     static get style() { return MdsPriceTableFeaturesStyle0; }
     static get cmpMeta() { return {
@@ -40613,12 +40636,12 @@ class MdsPriceTableFeaturesCell {
         this.type = 'text';
     }
     render() {
-        return (hAsync(Host, { key: 'b68d54518329181d5de0c7a9f17829a40053ac46' }, this.type === 'supported' &&
-            hAsync("i", { key: 'bf290bf2fb237731a6dd90483950b8af520ff7d9', class: "icon icon--supported", innerHTML: miBaselineCheckCircle, part: "icon" }), this.type === 'unsupported' &&
-            hAsync("i", { key: '5439256931a92ef22617514ad30c3e2517cbf1ca', class: "icon icon--unsupported", innerHTML: miBaselineHorizontalRule, part: "icon" }), this.type === 'text' &&
-            hAsync("mds-text", { key: 'b460f8a84640f95f6dbcd26af98ce03a574a4745', part: "text", typography: "detail" }, hAsync("slot", { key: '776e53046f2e4fda0fb18709090bfc6d6a277755' })), this.type === 'custom' &&
-            hAsync("slot", { key: '7d59c975d0a1ceaca97d95301807cc62c2bed43e' }), this.type === 'label' &&
-            hAsync("slot", { key: '4f6e1e0d92fca58f45f24f80ab240fa9a0033084' })));
+        return (hAsync(Host, { key: 'cecaee10d99c846cb03da5fb59c13d071b666446' }, this.type === 'supported' &&
+            hAsync("i", { key: '33c7d0033777170f4bd597868b577845a178f84a', class: "icon icon--supported", innerHTML: miBaselineCheckCircle, part: "icon" }), this.type === 'unsupported' &&
+            hAsync("i", { key: '6d090ba33661ca00a93a0b2cc6dd270944c28a72', class: "icon icon--unsupported", innerHTML: miBaselineHorizontalRule, part: "icon" }), this.type === 'text' &&
+            hAsync("mds-text", { key: '843f97e822b7550084ef973dbe59d0f90f8bdcca', part: "text", typography: "detail" }, hAsync("slot", { key: '1552041e8889c24830e51a8127452b90c50507af' })), this.type === 'custom' &&
+            hAsync("slot", { key: 'e2e1209f67db70845b2a317faef8d005cb9871f5' }), this.type === 'label' &&
+            hAsync("slot", { key: '23554df92079952b34ea0c9d0aaecdddfa8d6d2f' })));
     }
     static get style() { return MdsPriceTableFeaturesCellStyle0; }
     static get cmpMeta() { return {
@@ -40651,7 +40674,7 @@ class MdsPriceTableFeaturesRow {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'b80e947c63259b02194ac776d5f8932b61df3aff' }, hAsync("slot", { key: '9ce7104a8703c77bdcb9c1cce577f0398ebcff57' })));
+        return (hAsync(Host, { key: 'ea2f40afda6701558b4e81d55a5862f6283c6467' }, hAsync("slot", { key: 'f7fb59037f0299a3e6e59367e3913d371e1a1326' })));
     }
     get host() { return getElement(this); }
     static get style() { return MdsPriceTableFeaturesRowStyle0; }
@@ -40675,7 +40698,7 @@ class MdsPriceTableHeader {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'd9ee426dc0eb1e9251de357fd44f3d8d01148f4a' }, hAsync("slot", { key: 'ff6d0ff52450c03438752e4e62556afe2e2117d0' })));
+        return (hAsync(Host, { key: '25464e4e71a08ec4c691715afb9b29312b7c176e' }, hAsync("slot", { key: 'ee6356b25a817565fb60282cb62ea76b161b323f' })));
     }
     static get style() { return MdsPriceTableHeaderStyle0; }
     static get cmpMeta() { return {
@@ -40708,8 +40731,8 @@ class MdsPriceTableList {
         this.hasItems = this.hostElement.querySelectorAll('[slot="item"], mds-price-table-list-item').length > 0;
     }
     render() {
-        return (hAsync(Host, { key: '44e7b83daa3ab64cb7ad77da4439c569a15e5ced' }, hAsync("div", { key: '686398336c414bfdbafc68952cf84c1055900f7e', class: "header", part: "header" }, hAsync("slot", { key: '5525a8ccfd9570a6cdc281c51b8b6296414fcbd3', name: "header" })), this.hasItems && hAsync("mds-separator", { key: 'e47e04763d11a87d6db141f7bafb7047e1e994b3', class: "separator" }), this.hasItems &&
-            hAsync("main", { key: 'dc20ac3fea31d1eefb8e4fe502689c77f8dc3614', class: "main", part: "content" }, hAsync("slot", { key: '78dfcecd61f14126838ca48723b50d0dfef906fb', name: "item" })), hAsync("div", { key: '8130b4251ac67b9468fb7744e32289cad99c0aa2', class: "footer", part: "footer" }, hAsync("slot", { key: 'f445d5ab14cbe4720e7538c3f55e528f78d827de', name: "price" }), hAsync("slot", { key: '15fa24dbac497ae973d29d7297151f029da1ca07', name: "action" }))));
+        return (hAsync(Host, { key: 'bcb0f75fd698ed8005ab317502395610e835855a' }, hAsync("div", { key: 'd1bf605fce4b2025e58870aec9f569986cc724e8', class: "header", part: "header" }, hAsync("slot", { key: '09f20d5366ead42b3cd8553ade7e3daba1c661f8', name: "header" })), this.hasItems && hAsync("mds-separator", { key: '19c90e16fd85ad9094e85f142fff93360d111582', class: "separator" }), this.hasItems &&
+            hAsync("main", { key: 'f39cb095107e5ad73750e184f547f0379eb4b694', class: "main", part: "content" }, hAsync("slot", { key: '83168df80fd39f6680a69159a693066b7a2c1744', name: "item" })), hAsync("div", { key: '979a091bd905b47cab12adb9f573d71cc61f3c68', class: "footer", part: "footer" }, hAsync("slot", { key: '980d6b0d21abc27af2d6bcfec073f0f03d77f53d', name: "price" }), hAsync("slot", { key: 'a4c9836889349086bcdc827a43ace7f1f9f2d78e', name: "action" }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return MdsPriceTableListStyle0; }
@@ -40741,9 +40764,9 @@ class MdsPriceTableListItem {
         this.typography = 'detail';
     }
     render() {
-        return (hAsync(Host, { key: '6325016fa301257b047ec945aecf5bc3a9e4bd26', slot: "item" }, hAsync("mds-text", { key: '72d493d55fe0ad31ed2ab49610fcfa0bfdf565c3', class: "icon-container", typography: this.typography }, this.supported
+        return (hAsync(Host, { key: '79248ac6df369b4f5a91303ad2cbbb5e6d1a4bd5', slot: "item" }, hAsync("mds-text", { key: '26a09b91c750898124896f6c3dde4d9606e80662', class: "icon-container", typography: this.typography }, this.supported
             ? hAsync("i", { class: "icon", innerHTML: miBaselineCheckCircle, part: "icon" })
-            : hAsync("i", { class: "icon", innerHTML: miBaselineHorizontalRule, part: "icon" })), hAsync("mds-text", { key: '940970a24768711a2ee659628a4819494076bb37', class: "text", typography: this.typography }, hAsync("slot", { key: '308ab6ca53ac12d7232c49207d8d9d051589684a' }))));
+            : hAsync("i", { class: "icon", innerHTML: miBaselineHorizontalRule, part: "icon" })), hAsync("mds-text", { key: 'd76f0dd36e4da02e7c49cc4ae835c617436e3bf5', class: "text", typography: this.typography }, hAsync("slot", { key: '9ef1b80a26c0b47a4850bed4b17f815f3e033fb9' }))));
     }
     static get style() { return MdsPriceTableListItemStyle0; }
     static get cmpMeta() { return {
@@ -40805,7 +40828,7 @@ class MdsProgress {
         this.stepsList = steps.split(',');
     }
     render() {
-        return (hAsync(Host, { key: '89802a0162664684e01ececfac608347b06d4673', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": !ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100), role: "progressbar" }, hAsync("div", { key: '64aeff2ff6cb6bf33410bf0ec5a14b18bf7b71f6', class: "contrast-area" }), hAsync("div", { key: 'c07c3569c5ce1e9abe794caa54b05127cc696109', class: "progress", style: this.direction === 'horizontal'
+        return (hAsync(Host, { key: '20f1bd6d8eee5e9c733126dd5d7f85d04cb2d664', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": !ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100), role: "progressbar" }, hAsync("div", { key: '3222763725c233542847a54671f8d828b289ac2d', class: "contrast-area" }), hAsync("div", { key: 'ed532af42aa288bfaa379133182ec54b3f32891a', class: "progress", style: this.direction === 'horizontal'
                 ? { flexGrow: `${this.progress}` }
                 : { flexGrow: `${this.progress}`, width: '100%' } })));
     }
@@ -40972,7 +40995,7 @@ class MdsPushNotification {
         this.visible = undefined;
     }
     render() {
-        return (hAsync(Host, { key: 'b4933b8c8eed6836f6a7605b79ceae1ed1c988a4' }, hAsync("mds-button", { key: 'b465e8855880734a9bc68edfe066299a3c822e0d', variant: "dark", onClick: this.clear.bind(this) }, "Cancella notifiche"), hAsync("div", { key: '8edb847b522a693030ffeaa127e3a732fd0e1a8d', class: "notifications", part: "notifications" }, hAsync("slot", { key: '03a5db93e66f09170682a4a48f11cc5df8649d9d', ref: el => this.slotNotifications = el }))));
+        return (hAsync(Host, { key: '42fd2046e74d018a8f391209769e01ce28ffe20e' }, hAsync("mds-button", { key: 'd8dfbb086fc849b7446c1336468bedc373961671', variant: "dark", onClick: this.clear.bind(this) }, "Cancella notifiche"), hAsync("div", { key: 'b7a3b20fe9c159b9b16a7be3cd51b9c54cbabc12', class: "notifications", part: "notifications" }, hAsync("slot", { key: 'f237446251476ae7bd658a5a4013dccb79b8a26b', ref: el => this.slotNotifications = el }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -41220,9 +41243,9 @@ class MdsPushNotificationItem {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '72c00343b3dc6992311bc024294370a05efdcfdf' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && hAsync("mds-avatar", { key: '967200f211fb83a9f4c7ac0af7b2a8f4c38e9644', class: "avatar", icon: this.icon, initials: this.initials, part: "avatar", src: this.src, tone: this.tone, variant: this.variant }), this.src && this.preview !== 'avatar' && hAsync("mds-img", { key: '0601eda339fbc955715f765d13e06ef119e17d4a', class: "picture", part: "picture", src: this.src }), hAsync("div", { key: '9d1c1011556133cddc5d96426e8654761aeae43f', class: "content", part: "content" }, hAsync("div", { key: 'bba43426862b6cd6935eba85f65f69daec0214e4', class: "header" }, hAsync("div", { key: 'a8433e0d75b59c015208751f224fb2b413102523', class: "infos" }, this.hasBadge && hAsync("div", { key: '9c505d525aa96213a8bca3f74e3429c99cea60c8' }, hAsync("slot", { key: '39e60e15049c72fd0b156602264d075069fe69ee', name: "badge" })), this.subject && hAsync("mds-text", { key: '0864903e20555d59e550fc32537614e758fcaed6', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject)), this.datetime && hAsync("mds-text", { key: '2fafe99f8cc8e82ce31be0a7703209807024acf1', class: "time", typography: "option" }, this.dateFormat === 'timeago'
+        return (hAsync(Host, { key: '8b553b771f5e217dd035e797865c6ea6776f5fce' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && hAsync("mds-avatar", { key: 'bf3656568f9b953f2fd34fb158840de11a0cacb1', class: "avatar", icon: this.icon, initials: this.initials, part: "avatar", src: this.src, tone: this.tone, variant: this.variant }), this.src && this.preview !== 'avatar' && hAsync("mds-img", { key: '19205265b640a825d5eed14c7bec25b6d4e3f529', class: "picture", part: "picture", src: this.src }), hAsync("div", { key: 'e6e8142de314d6e3af3b50698acb0f4113b930de', class: "content", part: "content" }, hAsync("div", { key: 'f62c3df2634ee857c75d8c31fbc244fa5f948ac1', class: "header" }, hAsync("div", { key: '2b1489cd597ed1399151868b989ed808481cc826', class: "infos" }, this.hasBadge && hAsync("div", { key: '74b2d570d47da3fbe8bedf07481dd8954663ccf4' }, hAsync("slot", { key: 'a4645a55e2e22c3bef76c0670514312afeec7b35', name: "badge" })), this.subject && hAsync("mds-text", { key: '74fafc102696fe51ff64bda885268c56f12c3c7b', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject)), this.datetime && hAsync("mds-text", { key: 'a5954edcfa9b95efd2afba1914216ee0583f561d', class: "time", typography: "option" }, this.dateFormat === 'timeago'
             ? dayjs(this.datetime).fromNow()
-            : dayjs(this.datetime).format(this.dateFormat))), hAsync("mds-text", { key: 'c61c60937e6c83f1e0192f56bb12d008dab51598', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && hAsync("div", { key: 'ce496b91f146bb5c1e58093ba076b46e07b90add', class: "actions", part: "actions" }, hAsync("slot", { key: 'a6f572f618676887ad8aa98510979d6e0555f643', name: "action" }))), this.deletable && hAsync("mds-button", { key: '3f4aa96ed207321ae251d1754db9643ac79620a7', class: "close-button", variant: "dark", tone: "quiet", title: this.t.get('dismiss'), icon: miBaselineCancel, onClick: this.onClickClose.bind(this) })));
+            : dayjs(this.datetime).format(this.dateFormat))), hAsync("mds-text", { key: '74d242a1db9b8f42b4f615acebdc1858c5827ff1', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && hAsync("div", { key: 'a824f1de1fc2cf0ae1b00f7200bb28a85d4ce227', class: "actions", part: "actions" }, hAsync("slot", { key: 'd6a25cd811ab06a4ea15e67e7bcfbd97a4ab2e13', name: "action" }))), this.deletable && hAsync("mds-button", { key: 'b19f9c267a797e1bfbaa3b6ba8dc3d848c0c944e', class: "close-button", variant: "dark", tone: "quiet", title: this.t.get('dismiss'), icon: miBaselineCancel, onClick: this.onClickClose.bind(this) })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -41273,7 +41296,7 @@ class MdsQuote {
         this.tag = 'h3';
     }
     render() {
-        return (hAsync(Host, { key: '173a87f6a76c16782e2d177d35ce4c564713032d' }, hAsync("mds-text", { key: 'c01d02f7cf83a59ab5f034da6eeb2a26dfffaabd', class: "open-quote", tag: "div", typography: this.typography }, hAsync("span", { key: '793ae037fcc64d77874940a60372503cd61beff4' }, hAsync("i", { key: '364b9123b216a7004fd1d96e3718c609f035aa07' }, "\u275D\u00A0"))), hAsync("div", { key: '23c0fc5d45c1dcc3dd7ff683bdf75308f08aa709', class: "quote" }, hAsync("mds-text", { key: '4bdfaf7ab97629410dbf039fb07dd10012708d52', tag: this.tag, typography: this.typography }, hAsync("i", { key: '7e965406175b4d58447f2d845dc9e7be50ec5470' }, hAsync("slot", { key: 'fbbbd8d44591ea0cfbcb59a1e668fbf76aba5618' }), hAsync("span", { key: 'a52a4b6e3f555ec6ea9a0edeb8464bd2630377a6' }, "\u00A0\u275E"))), hAsync("slot", { key: '5584e95fa4cf6c9f40709463b056c71e69095021', name: "author" }))));
+        return (hAsync(Host, { key: '3f4d0c5b40ee8e06e15d1953b96efeced801dd2b' }, hAsync("mds-text", { key: '4ef041c0d7a4ade51f54f65ddd04995539912cbf', class: "open-quote", tag: "div", typography: this.typography }, hAsync("span", { key: '2e215c574a48a161687611aee8388de1e547640c' }, hAsync("i", { key: '345417a223125a320502e2140057a4dd9b12adc3' }, "\u275D\u00A0"))), hAsync("div", { key: '72d25648c093963f080f5b78c0877fac1e247be4', class: "quote" }, hAsync("mds-text", { key: '744a6efeff7cf124426d3bfdb836f8f03c4cd6d4', tag: this.tag, typography: this.typography }, hAsync("i", { key: '65a2f803de477ae6fe2709e52bce3cc3de4dad37' }, hAsync("slot", { key: '5c9d80e8e5a004b56b1e1c1699cafc7a752d9a9b' }), hAsync("span", { key: 'dfd86a9d2ea482f98c6ec0ee6fb1a464bcf6d2d4' }, "\u00A0\u275E"))), hAsync("slot", { key: '59d157a53d0a9a138386711fda06e21a9d2a41af', name: "author" }))));
     }
     static get style() { return MdsQuoteStyle0; }
     static get cmpMeta() { return {
@@ -41448,7 +41471,7 @@ class MdsRadialMenu {
         this.handleBackdrop();
     }
     render() {
-        return (hAsync(Host, { key: '4c7e3c496191b79c48b979858c024153f0e4f586' }, hAsync("mds-button", { key: '143efc2ecc90dc2f00c4e64349eb5b4dc8ac297b', class: clsx('menu-button', this.interaction !== 'click' && 'menu-button--hidden'), icon: this.opened ? miBaselineClose : this.icon, tone: this.tone, variant: this.variant, size: this.size, onClick: this.toggleMenu }), hAsync("div", { key: '93840b7a8afac21332be8d3b5489b7423a9b4958', class: "radial-menu", part: "radial-menu" }, hAsync("slot", { key: '94fb556b653b8f2df944f9e7574c7789999c38de', name: "item", onSlotchange: this.updateItems })), hAsync("div", { key: '3faf3283674eb47608f108a2a8ea6d1a515098c7', class: "disc" })));
+        return (hAsync(Host, { key: '5d037948696650ac884d6ba51c2023c2afef0691' }, hAsync("mds-button", { key: 'a0148d44906ef0b9bf4c5d56af7876c3b14c5120', class: clsx('menu-button', this.interaction !== 'click' && 'menu-button--hidden'), icon: this.opened ? miBaselineClose : this.icon, tone: this.tone, variant: this.variant, size: this.size, onClick: this.toggleMenu }), hAsync("div", { key: 'de830343c24f744b010dc006ea4b09e6d96034b4', class: "radial-menu", part: "radial-menu" }, hAsync("slot", { key: '39977e667ba8d0217ef8b5e0d7d419bffd39b9b0', name: "item", onSlotchange: this.updateItems })), hAsync("div", { key: 'a83616c73b839a4f59a42ea94471a3f275a21324', class: "disc" })));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -41502,7 +41525,7 @@ class MdsRadialMenuItem {
         this.size = 'lg';
     }
     render() {
-        return (hAsync(Host, { key: 'dd0fe0085efc06d9f0585f1780e032193017348a', slot: "item" }, hAsync("mds-button", { key: '973599da6fbe042d393de4efc008d123709d0af0', "aria-label": this.tooltip, class: 'button', icon: this.icon, variant: this.variant, tone: this.tone, size: this.size }), this.tooltip && hAsync("mds-tooltip", { key: 'ec8d410580bfd64103eadf6cb12bb4507f5d6423', class: "tooltip", target: ".button", placement: "top", autoPlacement: false }, this.tooltip)));
+        return (hAsync(Host, { key: '2a89d9531f2e2a54c4bdbf3f259b6f8844eb59a5', slot: "item" }, hAsync("mds-button", { key: 'a8cc2d0a377b6e3e9a93d40c7957dbb003055ee0', "aria-label": this.tooltip, class: 'button', icon: this.icon, variant: this.variant, tone: this.tone, size: this.size }), this.tooltip && hAsync("mds-tooltip", { key: '94e92d551152a2ecd60580b16d57be88be9ef890', class: "tooltip", target: ".button", placement: "top", autoPlacement: false }, this.tooltip)));
     }
     static get style() { return MdsRadialMenuItemStyle0; }
     static get cmpMeta() { return {
@@ -41529,7 +41552,7 @@ class MdsSeparator {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '4d937180330d1ebe7a347d075801000f8041d850' }));
+        return (hAsync(Host, { key: '4f6a46ceb5abb3d9c3fefe23c0851006fa2b92fc' }));
     }
     static get style() { return MdsSeparatorStyle0; }
     static get cmpMeta() { return {
@@ -41565,7 +41588,7 @@ class MdsSpinner {
         }
     }
     render() {
-        return (hAsync(Host, { key: '95ad532f828d302f75c7f0e18f07f1c91a36e1eb' }, hAsync("i", { key: 'b1e16e3a8d4ea0b41d895a9c7dd0b5133a324f84', class: "await-icon", innerHTML: awaitIcon })));
+        return (hAsync(Host, { key: '26cc04164b95792fbabf4248eceff7b630d14171' }, hAsync("i", { key: '15a3883a3c6777b5475974269e1a946a955b315a', class: "await-icon", innerHTML: awaitIcon })));
     }
     static get watchers() { return {
         "running": ["handleRunning"]
@@ -41614,7 +41637,7 @@ class MdsStatusBar {
         this.visible = undefined;
     }
     render() {
-        return (hAsync(Host, { key: '4d9f40ff1993e41c49d65e1e520c782f2aa0e833' }, hAsync("mds-modal", { key: '3e14d81d01ab14236ed992c73f47522d16057952', class: "modal", opened: this.visible, position: "bottom-right", animation: "custom", overflow: this.overflow }, hAsync("div", { key: '5532a85b62f7e82c439e1d469a022af857b71f80', class: "status-bar-area", part: "status-bar-area", slot: "window" }, hAsync("div", { key: 'a239439905a942504536c102af387c03b2eb2502', class: "status-bar", part: "status-bar" }, this.description && hAsync("mds-text", { key: '0cb59f552134cabe0121edd83584c0bf9bf8a8c1', typography: 'caption', class: "description" }, this.description), hAsync("div", { key: '96d24a289af6a7a47aab157181e73f8d15f1354c', class: "actions", part: "actions" }, hAsync("slot", { key: '88d471b92c79f43728163d5aa582b5d8ab2ed353' })))))));
+        return (hAsync(Host, { key: '557b8c5ec057b4a4108904f168f74c8b07c407e6' }, hAsync("mds-modal", { key: '1ad9b49f1febd2faadded1fca3526c57ee7073a4', class: "modal", opened: this.visible, position: "bottom-right", animation: "custom", overflow: this.overflow }, hAsync("div", { key: '9985d0ebfc5fdd2d9b625a7134cb1d93a7ca410d', class: "status-bar-area", part: "status-bar-area", slot: "window" }, hAsync("div", { key: '9142b65489fe08bc5b5db433ffc4cc7ab5b793f1', class: "status-bar", part: "status-bar" }, this.description && hAsync("mds-text", { key: '5d6a6a67a64968cf07b44a74998a555c61677155', typography: 'caption', class: "description" }, this.description), hAsync("div", { key: '119525ab7120975331f8e459b343c8cacee1a44c', class: "actions", part: "actions" }, hAsync("slot", { key: '8d0d8a54855692712eb9197b56c2f60ca415be73' })))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -41731,7 +41754,7 @@ class MdsStepperBar {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'ac3de14a23167cfb02200eefb28bfc9aa8469775' }, hAsync("div", { key: '6bce6c9762fdc4ecc136f78b06e17b3276e06565', class: "items" }, hAsync("slot", { key: '32bf226de32e3fc8241dc927f83368fe26c4c99a' })), hAsync("div", { key: '05b642fa14b99022bb77b14d59ca38fddb622f85', class: "contents", part: "contents" }, hAsync("slot", { key: 'd1a22d14fff9ce32878e03d43624b0d19629090c', name: "content" }))));
+        return (hAsync(Host, { key: '800c54e551923fbe81c197de01a506abb4bfa419' }, hAsync("div", { key: '080cba3a595bdd1b94e9a330b416f5b7bdd16328', class: "items" }, hAsync("slot", { key: '9fbf9124f6f6a0cacd6e04cecff2f62b5498ca20' })), hAsync("div", { key: '10b5387564715ebdca4e36cf034c52bde760ddf8', class: "contents", part: "contents" }, hAsync("slot", { key: '4e0ed56cbead4374bdc5e556cd7b8544cfe92bc4', name: "content" }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -41798,7 +41821,7 @@ class MdsStepperBarItem {
         this.isCurrent = newValue;
     }
     render() {
-        return (hAsync(Host, { key: '1769535b402ecea871e29706825702938bc7ce95' }, hAsync("div", { key: '4de70bec9e9962cc7d3cde3ad938fcaff4ee57ba', class: "header", tabindex: "0" }, hAsync("mds-icon", { key: '75d2a14571a5eb81aad9a5b73a54c9f916dc9973', class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), hAsync("mds-progress", { key: '7dad2da69f3da3e54ee9210cb33cf833f967794b', "aria-hidden": "true", class: "progress", progress: this.isDone ? 1 : 0 })), hAsync("div", { key: '0e102f7460d8957c5e08a6f41711d483e23bfff8', class: "infos" }, this.step && hAsync("mds-text", { key: 'e4a88c3a2892ff75e5dd9aca09f190a1b2388428', class: "step", typography: "option" }, "step ", this.index + 1), this.label && hAsync("mds-text", { key: '1f45dc939a454372b9e51bbcf742679eedba80cd', class: "text", typography: this.typography }, this.label), this.badge && hAsync("div", { key: 'cf231e8318b2be78170a2dab9b03aec85e60efcf' }, this.showBadge()))));
+        return (hAsync(Host, { key: 'e2e04f1ea989c7e976bcbe3451e1a9f4768d3790' }, hAsync("div", { key: '048d4604f98a8faa3cb1dd14b006f929efe10c79', class: "header", tabindex: "0" }, hAsync("mds-icon", { key: 'a4ab733608fc44620eea84f2e92f590e02532d33', class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), hAsync("mds-progress", { key: '96457ef1bb940e807202866ee0198e97d960fe5b', "aria-hidden": "true", class: "progress", progress: this.isDone ? 1 : 0 })), hAsync("div", { key: '13ffe9e6e11ca508c51433795583e20eb81d6e84', class: "infos" }, this.step && hAsync("mds-text", { key: 'a85396d814f2e67829140a73d74d729afad79373', class: "step", typography: "option" }, "step ", this.index + 1), this.label && hAsync("mds-text", { key: 'c89c75a5c51bb35d3976a517824a1eb362c7457a', class: "text", typography: this.typography }, this.label), this.badge && hAsync("div", { key: '537a2da9d99e11376bbf3b552026a1db88f49adf' }, this.showBadge()))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -42030,13 +42053,13 @@ class MdsTab {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'e479e442a3c52312662cda25939b3b83567af66b' }, hAsync("div", { key: 'ee1cefdf659ac3b7e5d28d1947212710aa16714d', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && hAsync("div", { key: '7fdf2ffaf55b05e5b0dc9547526895fe64fa1651', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && hAsync("div", { key: 'b3ba43daf10baf4830d36370d4f6616e2037ae94', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), hAsync("div", { key: 'd87207b5ddd5c5d564df70199653134b5714b906', class: "tabs", part: "tabs", role: "tablist" }, hAsync("slot", { key: '4c53424b02ef21c86ed7bf5f1e6c308125ff34ed' }), this.animation === 'slide' &&
-            hAsync("div", { key: '05175662f44032fd35d14d4bb0bad0ed9b1650fa', class: "slider", part: "slider", style: {
+        return (hAsync(Host, { key: '0cee35f7ed7d3673d76e9f87a81b620273b9859b' }, hAsync("div", { key: 'e4e248908127fb334f72886b03469f94a3826c8c', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && hAsync("div", { key: 'a8b1955806568e1e314ce23ec05563b23a12c7e7', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && hAsync("div", { key: '49ff85dddd8e56d4463f5f233e4d2f69397aca2b', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), hAsync("div", { key: '2f11ace6c2845b4048f413ed1df07775835dbe01', class: "tabs", part: "tabs", role: "tablist" }, hAsync("slot", { key: '9ef816fbdc5008db20bbc0f702167e90ba471330' }), this.animation === 'slide' &&
+            hAsync("div", { key: 'ceadac8b4b5f8891294573d60748fe9e9cdc323e', class: "slider", part: "slider", style: {
                     '--mds-tab-slider-width': `${this.sliderWidth}px`,
                     '--mds-tab-slider-height': `${this.sliderHeight}px`,
                     '--mds-tab-slider-offset-x': `${this.sliderOffsetX}px`,
                     '--mds-tab-slider-offset-y': `${this.sliderOffsetY}px`,
-                } }))), hAsync("div", { key: '5ffcc28e7f1217ee2d3732531e88ca8c9b978dcc', class: "contents", part: "contents" }, hAsync("slot", { key: '8368a176e6def9f6bcb74f6989d62d7cce663418', name: "content", onSlotchange: this.updateContentItems }))));
+                } }))), hAsync("div", { key: '38d88c11f4a33bb223ceecd40231ad33e5c6ad60', class: "contents", part: "contents" }, hAsync("slot", { key: 'f04a15f918ecea307a07b72a07b26c2695406db0', name: "content", onSlotchange: this.updateContentItems }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -42096,7 +42119,7 @@ class MdsTabBar {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'd5f10ae8567c9d5fb1d20dbe72487f02c82a4781' }, hAsync("slot", { key: 'e019226868409dbc9ba24d19ef54df6785190ddf' })));
+        return (hAsync(Host, { key: '9351167c42a9c9bbf31b12e824f18822b162449b' }, hAsync("slot", { key: 'f2a200b8ef9c6a0e00ebc4fcbc862e7f6f13967a' })));
     }
     get element() { return getElement(this); }
     static get style() { return MdsTabBarStyle0; }
@@ -42139,7 +42162,7 @@ class MdsTabBarItem {
         this.isSelected = newValue;
     }
     render() {
-        return (hAsync(Host, { key: '59b61a164ce7d848e443d2f55f1d62000af46774', onClick: this.select }, hAsync("mds-icon", { key: '84bd8d9c50982891562d9fc14cd7fb0f4502174e', name: this.icon }), hAsync("mds-text", { key: 'ef3f3683cc740d9a055fd9b211be84ae6a2e647e', typography: this.typography }, hAsync("slot", { key: 'ab1e9d6644823b01da86c3e31c63d0fcf27dfec9' }))));
+        return (hAsync(Host, { key: 'c80554140be9d1f2123f6e9b944a391f11fb4c96', onClick: this.select }, hAsync("mds-icon", { key: '73915df7d55c59636de1759fea18e67e778f2b95', name: this.icon }), hAsync("mds-text", { key: '97bd114b34506730f387ebfbcf20925e9dab7eaf', typography: this.typography }, hAsync("slot", { key: '6d70386aa42912371be0834a5208c41a7878a406' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -42208,7 +42231,7 @@ class MdsTabItem {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '889c1b104fe40ed3fbe5fd7dcf30ab274e8b3bf2' }, hAsync("mds-button", { key: '1687cc61d225d561a3241bd81438161cff9669a8', class: clsx('button', this.selected ? 'selected' : ''), await: this.await, disabled: (_a = this.disabled) !== null && _a !== void 0 ? _a : undefined, href: this.href, icon: this.icon, iconPosition: this.iconPosition, onKeyDown: this.focus, onClick: this.toggle, part: "button", role: "tab", size: this.size, type: this.type }, this.hasText && hAsync("slot", { key: 'adf0aaea12e79b0b534dd2545522cc658d6e2dd4' }))));
+        return (hAsync(Host, { key: 'a903efdab2ba601a7391ee1859686cd60fa8c7e5' }, hAsync("mds-button", { key: '25b65b618a26529ce5daa864742927ecfa1cf890', class: clsx('button', this.selected ? 'selected' : ''), await: this.await, disabled: (_a = this.disabled) !== null && _a !== void 0 ? _a : undefined, href: this.href, icon: this.icon, iconPosition: this.iconPosition, onKeyDown: this.focus, onClick: this.toggle, part: "button", role: "tab", size: this.size, type: this.type }, this.hasText && hAsync("slot", { key: 'a406f686115822fa7d12e03838c8c05da1e4344a' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -42348,7 +42371,7 @@ class MdsTable {
         this.tableBodyObserver.disconnect();
     }
     render() {
-        return (hAsync(Host, { key: 'e14e2d37c68e18dfac5aa87f1e4eeddbb8c494ae' }, hAsync("table", { key: 'e42d0dbcbaa186ad679cf5888274887150f518ea', class: clsx('table', this.interactive && 'table--interactive'), role: "table" }, hAsync("slot", { key: '6795ba1a98a148ef1413e0a929f8938dea32a00b', onSlotchange: this.updateSlottedElements }))));
+        return (hAsync(Host, { key: '4f097c1e4c9985e20acce993be1c9510b2843010' }, hAsync("table", { key: 'e0176b33cfc4b2b876d658108de7acd3d38d0b2c', class: clsx('table', this.interactive && 'table--interactive'), role: "table" }, hAsync("slot", { key: 'ec9bf47afc49055525aa4c3a7c4d0b6cb7669d37', onSlotchange: this.updateSlottedElements }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -42384,7 +42407,7 @@ class MdsTableBody {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '0e91969027604c32821ecbe1952712f65971a531', role: "rowgroup" }, hAsync("slot", { key: '25e866685d58220ea78e01cc75c8bb66b665fe13' })));
+        return (hAsync(Host, { key: '2642e2a3623100b5826917367d46ef3a936c4e8e', role: "rowgroup" }, hAsync("slot", { key: '5d4e8807a5b0b3e9774906fe8b0bee9c72913124' })));
     }
     static get style() { return MdsTableBodyStyle0; }
     static get cmpMeta() { return {
@@ -42414,7 +42437,7 @@ class MdsTableCell {
         setAttributeIfEmpty(this.host, 'role', 'cell');
     }
     render() {
-        return (hAsync(Host, { key: 'c1a0ee7e35d477a5fc1bd0338f3b5d877178e5b9' }, hAsync("slot", { key: 'a47da6082e95dd20e9d104aceb8f6c5f8798ea91' })));
+        return (hAsync(Host, { key: 'e55a206ea01d0ffd28063339b2590b860e373800' }, hAsync("slot", { key: 'd7d15eb91ee8e0d0045a658b05c9963de4b7bd72' })));
     }
     get host() { return getElement(this); }
     static get style() { return MdsTableCellStyle0; }
@@ -42441,7 +42464,7 @@ class MdsTableFooter {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '0ff648cfa6ff6b7471bec755bffd53149c42aef4', role: "row" }, hAsync("slot", { key: '63abcc51b4e82fe9c6e2c0409316aefa9adc9b10' })));
+        return (hAsync(Host, { key: '2da16f0233064ca5266768ab37a8ceab27b46281', role: "row" }, hAsync("slot", { key: '82e357c7c498f08482e1ef9699f68197dfff2cfb' })));
     }
     static get style() { return MdsTableFooterStyle0; }
     static get cmpMeta() { return {
@@ -42541,8 +42564,8 @@ class MdsTableHeader {
         this.hasActions = this.table.querySelector('mds-table-row > [slot="action"]') !== null;
     }
     render() {
-        return (hAsync(Host, { key: '5b133db6b0998859ba5402d08fc7ff5246fc5f24', role: "row" }, this.selectable &&
-            hAsync("mds-table-cell", { key: 'c23db1d7a232fba202511f652c0d17a44aca38c6', class: "selection", role: "columnheader" }, hAsync("div", { key: '7c98959b2c2d05b4fcc82e6611383c9e5568d17f', class: "checkbox-wrapper" }, hAsync("mds-input-switch", { key: '6e3e4c2d597332213007d523fc9ea67cf81a00e8', class: "checkbox", title: this.t.get(this.selectAll ? 'selectNoneRows' : 'selectAllRows'), lang: this.language, type: "checkbox", onMdsInputSwitchChange: this.handleSelectAllChange, indeterminate: this.indeterminate }))), hAsync("slot", { key: '3d38d6efe45f52d2690cd2a85100a81ae0966748' }), this.hasActions && hAsync("mds-table-header-cell", { key: 'e989298c14d75dd8da31f93fb9d6b9ff48dcd03b', class: "actions", label: this.t.get('actions') })));
+        return (hAsync(Host, { key: '9c0121b658df8468fa16b410855ebd384e37df87', role: "row" }, this.selectable &&
+            hAsync("mds-table-cell", { key: '82a167e2c3826a1a8108d34f468d3ea76b3dd1ee', class: "selection", role: "columnheader" }, hAsync("div", { key: '578625631f7c9c268c3f022bc689e163dec14f57', class: "checkbox-wrapper" }, hAsync("mds-input-switch", { key: '2b00c5e95e319f7590b2f329630a9691e4dbc35f', class: "checkbox", title: this.t.get(this.selectAll ? 'selectNoneRows' : 'selectAllRows'), lang: this.language, type: "checkbox", onMdsInputSwitchChange: this.handleSelectAllChange, indeterminate: this.indeterminate }))), hAsync("slot", { key: '982ef24abe74cfd87498eb4dab60a2329590e41d' }), this.hasActions && hAsync("mds-table-header-cell", { key: 'd3cf24b7f4960a3cd0900db9c151a84b9bd9681b', class: "actions", label: this.t.get('actions') })));
     }
     get host() { return getElement(this); }
     static get style() { return MdsTableHeaderStyle0; }
@@ -42668,7 +42691,7 @@ class MdsTableHeaderCell {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'b718afc22cef4515fced9b331d5b6b6ff8ce2890', role: "columnheader", "aria-sort": this.direction }, this.sortable
+        return (hAsync(Host, { key: 'c08a21beb479086246c775219a8a2f298599e907', role: "columnheader", "aria-sort": this.direction }, this.sortable
             ? hAsync("mds-button", { class: "action", icon: clsx(this.direction === 'none' && miBaselineUnfoldMore, this.direction === 'ascending' && miBaselineKeyboardArrowUp, this.direction === 'descending' && miBaselineKeyboardArrowDown), "icon-position": "right", onClick: this.sort, tone: "quiet", variant: "dark", size: "sm", part: "action" }, this.label)
             : hAsync("mds-text", { class: "label", typography: "label", part: "label" }, this.label)));
     }
@@ -42771,16 +42794,16 @@ class MdsTableRow {
         observer.observe(this.host);
     }
     render() {
-        return (hAsync(Host, { key: '66c47438b668429fe36deb906130f6ea51ea893d', role: "row" }, this.selectable &&
-            hAsync("mds-table-cell", { key: '28492dc49660d129b5d999efbd11b91ec70879fd', class: "selection-cell" }, hAsync("div", { key: '027c2f10dfb4c635b9657f21e3e576fa3241f97f', class: "checkbox-wrapper" }, hAsync("mds-input-switch", { key: 'bdf5c7488c42a08b50ba7054c875d38647e83a3a', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange }))), hAsync("slot", { key: '7f49b1c6986d7656d0fde7fb89da4bf83f976448' }), this.hasActions && isSafari() &&
-            hAsync("mds-table-cell", { key: 'b259075afd7293250d151af3896260af70897893', class: "actions-cell actions-cell--disable" }, hAsync("div", { key: '0712f7520acf2acc3f545f4bed3a52beebba27b4', class: "actions" }, hAsync("slot", { key: '1a7213aa0874604c20cca603dc6a5d06acb3d560', name: "action" }))), this.hasActions && !isSafari() &&
-            hAsync("mds-table-cell", { key: '239b36be65f334227e865b5b4eead186f1b6903a', class: "actions-cell" }, hAsync("div", { key: '9c73bb13bd5b7f2a7e21d3f2c0b1e7720580223b', class: "actions-sizer", style: {
+        return (hAsync(Host, { key: 'ca022834802e66713fdb077dfffbc42d2836eee1', role: "row" }, this.selectable &&
+            hAsync("mds-table-cell", { key: '7243f44094f5240a8d4cfb1cb8dd9b4af8b4370d', class: "selection-cell" }, hAsync("div", { key: '5946a5367e8a7931c6241acecaa28bd23c9fbfc9', class: "checkbox-wrapper" }, hAsync("mds-input-switch", { key: 'a57c4e471504b0ae5c665889229c942bfc470e0a', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange }))), hAsync("slot", { key: '2ffcec67776d5032f3d024e6a473749165ba2486' }), this.hasActions && isSafari() &&
+            hAsync("mds-table-cell", { key: '89a4a8a8240487c3c1baa8f7f9e9919f132a182d', class: "actions-cell actions-cell--disable" }, hAsync("div", { key: 'eca923f4fcf71d2eb411b6896ccf4a4bb8ce855f', class: "actions" }, hAsync("slot", { key: '6f0ee828cdfe2624b2c260571a2949fadb9a26d7', name: "action" }))), this.hasActions && !isSafari() &&
+            hAsync("mds-table-cell", { key: 'f165f40bd7a0c3538e7000a58f2e952a84fd87b9', class: "actions-cell" }, hAsync("div", { key: '8034709aac3afa03306c73e6b26c1a15af7ee5e0', class: "actions-sizer", style: {
                     minHeight: '1px',
                     maxWidth: this.sizerWidth,
                     minWidth: this.sizerWidth,
-                } }), hAsync("div", { key: '8371b3456a6e2c6a47584cd77d0aacfc922f2c94', class: "actions-view" }, hAsync("div", { key: '7060c22dc2ead6ce4de10a37f4bb459e800111c4', class: "actions", ref: el => this.actions = el, style: {
+                } }), hAsync("div", { key: '64f7f1e7593e87fdec29ad8f413e39f95222d352', class: "actions-view" }, hAsync("div", { key: '376f1bac253c67ab38f673de12f2cfdbe087d0e5', class: "actions", ref: el => this.actions = el, style: {
                     marginRight: `calc(${this.sizerWidth} + var(--mds-table-cell-padding))`,
-                } }, hAsync("slot", { key: '9a8ab45141fdd6de6f98b7debb6987e1d3582915', name: "action" }))))));
+                } }, hAsync("slot", { key: '3225feec7b4a1004cd07797a27652aaae143a346', name: "action" }))))));
     }
     get host() { return getElement(this); }
     static get style() { return MdsTableRowStyle0; }
@@ -43090,7 +43113,7 @@ class MdsText {
         }
     }
     render() {
-        return (hAsync(Host, { key: '0957c0c1e6f012c640e274885f4902cd1bcc5fa3' }, hAsync(this.tag, { key: '6c254b7066f7a215b8f72756140f96d89cfe776f', class: "text" }, !this.text
+        return (hAsync(Host, { key: '8533b79c21f4af1840905e2d3c8d4da012e62134' }, hAsync(this.tag, { key: 'f964e6efa6306c07129253b914425b836fa76cf3', class: "text" }, !this.text
             ? hAsync("slot", null)
             : this.text)));
     }
@@ -43199,9 +43222,9 @@ class MdsToast {
         this.reloadTimeListeners(!!this.visible);
     }
     render() {
-        return (hAsync(Host, { key: 'df5cad634dd57bf1a41084c77008a7ff144a4524' }, hAsync("div", { key: '2ac22242d7ffed845d4cbf821681abe965993fb6', class: clsx('dialog', this.position && `to-${this.position}`, this.visible && 'dialog--visible') }, hAsync("slot", { key: '1fa4f9655e70907810eaefc081f094f6da8ae137', name: "icon" }), this.hasText &&
-            hAsync("mds-text", { key: '28afa90809fab9c439694f8b8422b1c3f4fa87f9', typography: "caption" }, hAsync("slot", { key: 'e6e05517b2e517eedf625f2d0d54269707bae354' })), this.actions &&
-            hAsync("div", { key: '794fd0400c7ae9192ea3342f91bd660174ef074c', class: "actions" }, hAsync("slot", { key: 'c2af7ef6a1b5cfa674f5f3352330c1f6002371e2', name: "action" })))));
+        return (hAsync(Host, { key: '7495bdad207e6353c4b4346fbd0c2dd3195943eb' }, hAsync("div", { key: 'faae568ee8ef41348b74991fb338d7b201ad6ab6', class: clsx('dialog', this.position && `to-${this.position}`, this.visible && 'dialog--visible') }, hAsync("slot", { key: 'b7a86eed3141511c7ab41e1bcca5a2dfd99fd97d', name: "icon" }), this.hasText &&
+            hAsync("mds-text", { key: '074355c350000e93c3f31d63a8c2cbb115ded5d3', typography: "caption" }, hAsync("slot", { key: '6ee5ed0249561daae000658ba9898a949950c047' })), this.actions &&
+            hAsync("div", { key: 'ce253edae93e1f23ed9e44f0dcba1dc48d64e6e9', class: "actions" }, hAsync("slot", { key: 'f638f10050478c3d33ede4f2ac2375f8c8ecceb5', name: "action" })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -43337,7 +43360,7 @@ class MdsTooltip {
         this.floatingController.dismiss();
     }
     render() {
-        return (hAsync(Host, { key: 'cfb6967b337a5c547dc76fe0ce85b3a71d582e44' }, hAsync("div", { key: '67c93d4cc8a41cacd73c34e2c44a1afb300389c5', class: "arrow", innerHTML: arrowSvg }), hAsync("mds-text", { key: 'cb13590163254d0d9daf20924a1d3657b80f5d4a', class: "text", typography: this.typography, part: "text" }, hAsync("slot", { key: '764019ffcaea030360d0bbe5bd50984ac2e0d66f' }))));
+        return (hAsync(Host, { key: '4fd46ae976048b84ab2f9a413eea5d17652c4c57' }, hAsync("div", { key: 'c8d7704c450affa3eace4d4c82ab042edff5f618', class: "arrow", innerHTML: arrowSvg }), hAsync("mds-text", { key: 'eebae6587393f078dca5fb1904cd02c2d102e458', class: "text", typography: this.typography, part: "text" }, hAsync("slot", { key: '59cb89cb8de4c0703a89468a99ab12c1535656d0' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -43454,7 +43477,7 @@ class MdsTree {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'b4cab9183fcec6efb7a8eb4fe3944f6b56c127fc' }, hAsync("slot", { key: '092f2930b23e743e042674340408a4aa371a36ab', onSlotchange: this.updateElements })));
+        return (hAsync(Host, { key: 'aff474616a0a6bd13d09eb99e2af66cd44704ebf' }, hAsync("slot", { key: 'e7a11f3bb6a88336672a80305ba498567baa1f20', onSlotchange: this.updateElements })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -43611,7 +43634,7 @@ class MdsTreeItem {
         this.childrenElement.removeEventListener('transitionend', this.checkChildrenTransitionEnd);
     }
     render() {
-        return (hAsync(Host, { key: '20de0e95adbbfe33df0986097cdd711e419c297e' }, hAsync("div", { key: '249d9a0d21986e8e3b5a9bf41b44eb32f27cd618', class: clsx('header', this.hasChildren && 'header--has-children') }, hAsync("div", { key: 'f675c408ae19deb562c67d407c6ebc8a7484d2bb', class: "tree-node" }, hAsync("div", { key: '372b090e132e2ce4a3d320ed2ffe28561a610954', class: "tree-branch" }), hAsync("div", { key: 'c85b635ae71f533f49dd986e4898f9e71b58c201', class: "tree-dot" })), hAsync("div", { key: '1f7e5ce5d6279acb664a89124acba6b907c76b47', class: clsx('toggle-icon', `toggle-icon--${this.toggle}`) }, hAsync("mds-button", { key: 'bd746345df1439ec2248bf152478d075e31089ad', await: this.await, onClick: this.onClick.bind(this), icon: !this.await ? this.currentToggleIcon : undefined, title: this.t.get(this.expanded ? 'collapse' : 'expand', { label: this.label }), variant: "dark", tone: "quiet", size: "sm" })), hAsync("div", { key: '5a2503ccaf5a26607cae073cfa7c8d3ada8af64a', class: "title" }, hAsync("mds-button", { key: '88c4954cd8cda679e2f288beca2e8001f5ddeba5', class: clsx('label-action', this.await && 'label-action--await'), disabled: this.await, icon: this.icon, onClick: this.onClick.bind(this), variant: "dark", tone: "quiet", truncate: this.truncate }, this.label), hAsync("div", { key: '458f719370ca3d7a1d9ad2a39c623ce4af91cd74', class: clsx('actions-container', this.hasActions && 'actions-container--has-actions'), part: "actions-container" }, hAsync("div", { key: 'cc0e270345d2129d6bfa0ed7282ef53946627923', class: "actions", part: "actions-list" }, hAsync("slot", { key: '61b2e07adf4ef54127a036152b73875758b4962e', name: "action" }))))), hAsync("div", { key: 'aa9cc3ea78b0befdbfebd34185d39ca7c86586a4', class: clsx('children', this.hasChildren && 'children--has-children', this.expanded && 'children--expanded') }, hAsync("slot", { key: 'a91f61e5393605f7440d142458ac5fdb412a6bde' }))));
+        return (hAsync(Host, { key: 'c25035892d1a31fbb1741cd682cf0cccb760e010' }, hAsync("div", { key: 'c1145af11c2bce0a4dbb6f6ce26ff0a8260ee053', class: clsx('header', this.hasChildren && 'header--has-children') }, hAsync("div", { key: '95e5777b8da53b6f7b753b692a8cbd58a4c7c5e4', class: "tree-node" }, hAsync("div", { key: 'ed3e02a600f2ea4d96f7e412f7cb30db6e689b99', class: "tree-branch" }), hAsync("div", { key: '3c2f2f356210e80403bef98794b30a8da4cc1cab', class: "tree-dot" })), hAsync("div", { key: '2d57ab0b5b4062198af3f8d4188c848c1a6d9081', class: clsx('toggle-icon', `toggle-icon--${this.toggle}`) }, hAsync("mds-button", { key: 'c4f2e7870c3a4f2d7be5943a2b4a5617fcfdf122', await: this.await, onClick: this.onClick.bind(this), icon: !this.await ? this.currentToggleIcon : undefined, title: this.t.get(this.expanded ? 'collapse' : 'expand', { label: this.label }), variant: "dark", tone: "quiet", size: "sm" })), hAsync("div", { key: 'e8beb8a1cd09ea59e4bdef1d49c16796d8bc7b8f', class: "title" }, hAsync("mds-button", { key: '2245e357fd15e49a7be2e0943d24f3b48e7a9fd7', class: clsx('label-action', this.await && 'label-action--await'), disabled: this.await, icon: this.icon, onClick: this.onClick.bind(this), variant: "dark", tone: "quiet", truncate: this.truncate }, this.label), hAsync("div", { key: '6cad75bda2e6aba9524473f768db0e0c9f785ac4', class: clsx('actions-container', this.hasActions && 'actions-container--has-actions'), part: "actions-container" }, hAsync("div", { key: '048fc77dbb4e769441ebf28c8fe5ad3b3874c5f9', class: "actions", part: "actions-list" }, hAsync("slot", { key: 'db818f8161b313944a23e5cb646b319ced51adb0', name: "action" }))))), hAsync("div", { key: '62bd51c09cb4d9b9b111680865c0c5ef36f9436f', class: clsx('children', this.hasChildren && 'children--has-children', this.expanded && 'children--expanded') }, hAsync("slot", { key: 'abb46a3a3852d6580ac94111c024d57c816ed771' }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -43729,7 +43752,7 @@ class MdsUrlView {
     }
     render() {
         var _a, _b;
-        return (hAsync(Host, { key: '2a1f2c032379b4eeca2b0a9ab6f3c651be38abb0', "aria-label": this.t.get('previewURL', { url: this.urlDomain(this.src) }) }, hAsync("div", { key: '781a80558876c11c3fb2931f4494bc2b342a92b1', class: "window" }, hAsync("div", { key: '051d5c93f1fac155ca8d31f3abe1f22695f90a54', class: "header" }, hAsync("mds-icon", { key: '2dfb346e778df2ade901ad2cab09c54dcfc1acae', class: "window-icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miBaselineExplore }), hAsync("mds-text", { key: 'e6675bec8fdc93b3300dfa9adb5251bc95c30be0', class: "title", typography: "caption" }, (_b = this.label) !== null && _b !== void 0 ? _b : this.urlDomain(this.src)), hAsync("mds-button", { key: '9485bfdaaaa7967ca42ff9cfaccc951058b5d0d9', title: this.t.get('close'), class: "action-close", variant: "dark", tone: "quiet", icon: miBaselineClose, onClick: this.closeUrlView })), hAsync("iframe", { key: 'd9fac9795afb0a775780f04cceab6f3bdf922d6c', class: "iframe", "aria-label": this.t.get('iframeURL', { url: this.urlDomain(this.src) }), src: this.src }))));
+        return (hAsync(Host, { key: '646040af3bbb5e48e64801a02cce58734c9901b0', "aria-label": this.t.get('previewURL', { url: this.urlDomain(this.src) }) }, hAsync("div", { key: '4480a681651eedb2c2949fa5ea52a7c5f61b3be8', class: "window" }, hAsync("div", { key: 'a13744ec1762282f545f3bb890ef107148a194cf', class: "header" }, hAsync("mds-icon", { key: '34bd5b28464921eaceb4ec124b2c36c37dfa3b4d', class: "window-icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miBaselineExplore }), hAsync("mds-text", { key: '7f2e728a7a90a8186f49ce5f76b8cb73783a5970', class: "title", typography: "caption" }, (_b = this.label) !== null && _b !== void 0 ? _b : this.urlDomain(this.src)), hAsync("mds-button", { key: 'bedcc2f7e4657d3e811cf3939d36d51709c9a7ca', title: this.t.get('close'), class: "action-close", variant: "dark", tone: "quiet", icon: miBaselineClose, onClick: this.closeUrlView })), hAsync("iframe", { key: 'cccb5287b42e9048e312ee560f3a531dc754cb20', class: "iframe", "aria-label": this.t.get('iframeURL', { url: this.urlDomain(this.src) }), src: this.src }))));
     }
     get host() { return getElement(this); }
     static get style() { return MdsUrlViewStyle0; }
@@ -43815,7 +43838,7 @@ class MdsUsage {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '7265829110c73457abc8d5d24d6ef08435c828cc', role: "suggestion" }, hAsync("mds-badge", { key: 'de6de7c526cd70b3c54764643080493e7742744a', class: "badge" }, (_a = this.alias) !== null && _a !== void 0 ? _a : this.t.get(this.variant)), hAsync("div", { key: '5b231a99817b70e1850335c412917edfe5faadf3', class: "content", role: this.variant === 'do' || this.variant === 'info' ? 'insertion' : 'deletion' }, hAsync("slot", { key: '3128a0d52a679f0ebe890cb43c0aad8bc577a896' }))));
+        return (hAsync(Host, { key: 'f6b84fa67fa40c5b0b047bbc976846a6facb5484', role: "suggestion" }, hAsync("mds-badge", { key: '76dbdc568ce7ff15357f6d8c642a8a51632809f3', class: "badge" }, (_a = this.alias) !== null && _a !== void 0 ? _a : this.t.get(this.variant)), hAsync("div", { key: '01fdfd6062427ac4bd7383bda2d595e59af6de4c', class: "content", role: this.variant === 'do' || this.variant === 'info' ? 'insertion' : 'deletion' }, hAsync("slot", { key: 'bb9a6213ada74d2d743444a36fdbe79dfec05687' }))));
     }
     get element() { return getElement(this); }
     static get style() { return MdsUsageStyle0; }
@@ -43869,9 +43892,9 @@ class MdsVideoWall {
         this.hasContent = this.hostElement.querySelector(':scope > [slot="content"]') !== null;
     }
     render() {
-        return (hAsync(Host, { key: '5e33c906e882e6b8a4e1fefcdb7adcffb1205891' }, this.noise !== 'none' &&
-            hAsync("div", { key: 'ddf61e33e0f9d32dbc606329764e5931ee54d17e', "aria-hidden": "true", class: clsx('noise', `noise--${this.noise}`) }), hAsync("video", { key: 'a1863589eae69054f42650ef6da2dc2180445080', "aria-hidden": "true", autoplay: this.autoplay, loop: this.loop, muted: this.muted, poster: this.poster, preload: this.preload, src: this.src }, hAsync("slot", { key: '1c21ed12a5b14d528378e92f37442b2540335a2b' })), this.hasContent &&
-            hAsync("div", { key: 'c4b614c3a31867b80a782ef7ca1e455fbb6a5923', class: "content" }, hAsync("slot", { key: '86ee5c4fdc79d2245ddf7242383663e5987ad89a', name: "content" }))));
+        return (hAsync(Host, { key: '627a8591d322d0c7144af7e1b714dd2c13d3df2b' }, this.noise !== 'none' &&
+            hAsync("div", { key: '90e1e31d0fcdf20e740d5a650e1ce0df24ff9b18', "aria-hidden": "true", class: clsx('noise', `noise--${this.noise}`) }), hAsync("video", { key: '8f26e187601a0c2af067da0bdd03fc0150376579', "aria-hidden": "true", autoplay: this.autoplay, loop: this.loop, muted: this.muted, poster: this.poster, preload: this.preload, src: this.src }, hAsync("slot", { key: '2b88bb347de8198568489b35ab6a302c91a39935' })), this.hasContent &&
+            hAsync("div", { key: '2be098b3e94ad54311cd277fa975099a1a89726c', class: "content" }, hAsync("slot", { key: '9be42f7799f132fb91004082ba797942f083c141', name: "content" }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return MdsVideoWallStyle0; }
@@ -43908,7 +43931,7 @@ class MdsZero {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'e4c818a10c3015eb27b3455d2f7eac73b35b0700' }, hAsync("slot", { key: 'f5f9c7b011be77a3cf71bd063500af71ba9e1994' }), hAsync("div", { key: '489387ed4c84eb6d270678efff8a97e4cd193e41', class: "contents", part: "contents" }, hAsync("slot", { key: '88e563043564b3ef1ba07398a8d7c3bfd9d3c6b8', name: "content" })), hAsync("footer", { key: '782e8da647b0e21c2f6d81aefbc1449278589137', class: "actions", part: "actions" }, hAsync("slot", { key: 'c467494868499b00ce5226360e8cb295859418e8', name: "action" }))));
+        return (hAsync(Host, { key: 'de860aabb59ac72a622f4d30c738ce2f4875b242' }, hAsync("slot", { key: '7fd140a109ce8de2ea8d7330ae072b07e7b31c7f' }), hAsync("div", { key: '56230d509a3dfc6af8e44224c3b92cbd0f119aef', class: "contents", part: "contents" }, hAsync("slot", { key: 'fe5d4a18d78ab72cae8f8cec3efdb0cec49f6a98', name: "content" })), hAsync("footer", { key: '7760264c367fd807c75115c3ab13decd479929c8', class: "actions", part: "actions" }, hAsync("slot", { key: '20c2352409a91c4329429e3fff254db2143dec0a', name: "action" }))));
     }
     static get style() { return MdsZeroStyle0; }
     static get cmpMeta() { return {