@maggioli-design-system/magma 1.10.4 → 1.10.6

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

@@ -124,14 +124,16 @@ const MdsInputDate = class {
     handleChange(event) {
         const input = event.target;
         this.touched = true;
-        this.value = input.value;
+        // manage case when i insert 0 on date and default input behavior change in 01 instead of resetting all date
+        if (input.value)
+            this.value = input.value;
         this.validateValue();
     }
     render() {
-        return (index.h(index.Host, { key: '65bead50746f2ac93e77e3b0d2959d44d6bc6ee3' }, index.h("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 && index.h("mds-button", { key: 'ed2874e84dc8febec33dfee7a8e1c0ea44b33c61', id: "calendar-dropdown", class: "action-open-calendar", disabled: this.disabled, variant: "dark", tone: "quiet", icon: calendarToday.miBaselineCalendarToday, onClick: () => {
+        return (index.h(index.Host, { key: '919d453601a3562de46f9439d3dad1f1eaf3a5e1' }, index.h("input", { key: '8719aa7ed95ed718ec05dd8d9b52e890696692b0', 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 && index.h("mds-button", { key: '82957882c6a88bbc3163d1d0f1cfec0352ce5822', id: "calendar-dropdown", class: "action-open-calendar", disabled: this.disabled, variant: "dark", tone: "quiet", icon: calendarToday.miBaselineCalendarToday, onClick: () => {
                 this.calendarKey += 1;
-            } }), index.h("mds-input-tip", { key: '0c1de4cfda03e12cf04a236a99f735f09ab96d33', lang: this.language, position: "top", active: this.hasFocus }, this.disabled && index.h("mds-input-tip-item", { key: 'd3a2124d567dafe7ac6845ddd8ff4d640406eb13', expanded: true, variant: "disabled" }), this.readonly && index.h("mds-input-tip-item", { key: 'df71711af47d3a4146d362b9a1dffe410f2db222', expanded: true, variant: "readonly" }), this.required &&
-            index.h("mds-input-tip-item", { key: '006715ae91e970a8305ff6c11ede212c8aa847fc', expanded: this.hasFocus, variant: this.isValid ? 'required-success' : 'required' })), !this.isSlotted && index.h("mds-dropdown", { key: '48bf82eda13f4f7a69fc252ed4ece511cdf6e7c9', placement: "bottom-end", "auto-placement": false, ref: el => this.dropdownRef = el, target: "#calendar-dropdown" }, index.h("mds-calendar", Object.assign({ key: this.calendarKey, rangePicker: false, lang: this.language, onMdsCalendarChange: ev => {
+            } }), index.h("mds-input-tip", { key: '7fddea55e6476b4d9ed66fcc2d9008b9887d8bd8', lang: this.language, position: "top", active: this.hasFocus }, this.disabled && index.h("mds-input-tip-item", { key: '6dadfde7538194e26a86558fe3f2ed912bd951c3', expanded: true, variant: "disabled" }), this.readonly && index.h("mds-input-tip-item", { key: 'b18b6d06a2ece4f74fdaa93081fe3761675c5337', expanded: true, variant: "readonly" }), this.required &&
+            index.h("mds-input-tip-item", { key: 'b1bc792f3a3a6f3763d6616efccee124025b85ed', expanded: this.hasFocus, variant: this.isValid ? 'required-success' : 'required' })), !this.isSlotted && index.h("mds-dropdown", { key: 'e8a3ce8caf29684848cf698d58c838bd5ce10e0b', placement: "bottom-end", "auto-placement": false, ref: el => this.dropdownRef = el, target: "#calendar-dropdown" }, index.h("mds-calendar", Object.assign({ key: this.calendarKey, rangePicker: false, lang: this.language, onMdsCalendarChange: ev => {
                 this.value = ev.detail.startDate;
                 if (this.delay === 0)
                     return;

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

@@ -38,7 +38,7 @@ const MdsInputField = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'ce722d7738fa6c03318ae0e15ce00b6c6bb2cb2c' }, index.h("mds-text", { key: 'c954639cf415c9c50ccb09b748ea3fd01f9016aa', class: "label", typography: "label" }, this.label), index.h("div", { key: '1e6f4c4209b77f8cea1934db650afda2e4779569', class: "message-window" }, index.h("div", { key: '59ee9b986484b2f72b423b3887ad79c87bb40bdd', class: "content", part: "content" }, index.h("slot", { key: '532f7f929c13a0002141989f03e0fdd3025026c1', ref: i => this.slotInput = i })), index.h("div", { key: '3d44c1ebc7c741ec9d4efb89640872018b6da2b3', class: "message" }, (_a = this.message) === null || _a === void 0 ? void 0 : _a.split(';').map((m, i) => index.h("mds-text", { typography: "caption", key: i }, m))))));
+        return (index.h(index.Host, { key: '0efc3e882cecffeac369aa2ff720623b27c0f292' }, index.h("mds-text", { key: '29563d1b5ba5fd46f0e215513f7576677c886b65', class: "label", typography: "label" }, this.label), index.h("div", { key: '8dcfff7f2b205e3dac4492aaa9179411c90aa30e', class: "message-window" }, index.h("div", { key: '3d9f60b3aed4ad3f5ae27f74d47f6478f4a4ba4c', class: "content", part: "content" }, index.h("slot", { key: '2ce1395022bef207c7cdac52b60f3b1f5ee71856', ref: i => this.slotInput = i })), index.h("div", { key: 'fbe7e182ffd0a8894c024f0eeefba5145c36531c', class: "message" }, (_a = this.message) === null || _a === void 0 ? void 0 : _a.split(';').map((m, i) => index.h("mds-text", { typography: "caption", key: i }, m))))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }

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

@@ -91,7 +91,7 @@ const MdsInputOtp = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '12a644ed6f15af0ec2e288353bbe5969ba3ffb06' }, Array.from({ length: this.length }).map(() => (index.h("mds-input", { class: "input", maxlength: 1, onKeyDown: this.handleKeyDown, onPaste: this.handlePaste })))));
+        return (index.h(index.Host, { key: '377691dfe4f437ed62db8b81b7fdae30589bc4c1' }, Array.from({ length: this.length }).map(() => (index.h("mds-input", { class: "input", maxlength: 1, onKeyDown: this.handleKeyDown, onPaste: this.handlePaste })))));
     }
     static get formAssociated() { return true; }
     get element() { return index.getElement(this); }

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

@@ -101,7 +101,7 @@ const MdsInputRange = class {
         this.calculateProgress();
     }
     render() {
-        return (index.h(index.Host, { key: '4ac73411f2a163e20bb68a46bc97f39664f13b81' }, index.h("header", { key: '2025dc18061e028fea660711d04985fac10be4a1', class: "header", part: "header" }, index.h("mds-text", { key: '7c9a106655dd8a8764cfd026e6ae903a6e5b7979', class: "label", typography: "label" }, index.h("slot", { key: '9ed95e29e20f2dde0194a954ec2a74550b1b3ea5' })), index.h("mds-text", { key: 'ad4426cb6066ea8acb91ad5a5e332d89c2829484', class: "value", typography: "label" }, this.formatValue ? this.formatValue(this.value) : this.value)), index.h("div", { key: 'a816782c847643515071745a448f1fd59972d861', class: "range" }, index.h("div", { key: 'f51e949cdb467c946282de60f01e20e93215abd9', class: "track" }, index.h("div", { key: '865c0bed59ee8705ae733a7b5b305c53cac8f5ed', class: "contrast-area" }), index.h("div", { key: 'e42af7daed9c0dce15cf04c747241cd816ca77b9', class: "track-total" }, index.h("div", { key: '41c0ec5ee9b202ede52532665e48e28a2c9565da', class: "track-progress", style: { width: `${this.progress}%` } }))), index.h("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 }))));
+        return (index.h(index.Host, { key: '9f3b567730316a72d9571d7a427fa96a60c463d2' }, index.h("header", { key: '1ce2dc3877e29a92a8e3ea3544fbe128b77f3f19', class: "header", part: "header" }, index.h("mds-text", { key: 'ba4a25bb74962715c08ac27296c6fe159129d7d6', class: "label", typography: "label" }, index.h("slot", { key: '5c3e7594489b16efced5333c60965a8458f79d98' })), index.h("mds-text", { key: '6c1a66d85a6ba0690b6ccc48506f2a73031a53fd', class: "value", typography: "label" }, this.formatValue ? this.formatValue(this.value) : this.value)), index.h("div", { key: 'd6a5426c05c15d9ca5c6d28b400c708499e22a11', class: "range" }, index.h("div", { key: '85fbc1608d50ac0dc621703ca2b32b2cdf0e8dfb', class: "track" }, index.h("div", { key: '5273dd1e0402873c60be045e957da135bde821fb', class: "contrast-area" }), index.h("div", { key: 'aee519d849b9fe8157e177e8e155ddbed6120727', class: "track-total" }, index.h("div", { key: 'ccffa1a348e0623458c61e3b439b20daa443601b', class: "track-progress", style: { width: `${this.progress}%` } }))), index.h("input", { key: '2e3778e68f84083b13fa189ac8b88a893b3ef413', 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 index.getElement(this); }

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

@@ -129,8 +129,8 @@ const MdsInputSelect = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '555b4b93fbc778d4293540a8c837adb8741ce617' }, index.h("select", { key: '939e1d4139f6181e25a9eb0a9bb4846cdb32f38d', class: clsx.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 && index.h("option", { key: 'e4411312a224a3104258242844022e5540338da1', value: "", disabled: true, selected: true }, this.placeholder)), index.h("div", { key: '2f220d52db731d2437c529d8b4f7d50fa5298740', class: "icon-container" }, index.h("i", { key: '3b2f32a581248ab723c8c47ed7f0457285736277', class: "icon", innerHTML: keyboardArrowDown.miBaselineKeyboardArrowDown })), index.h("div", { key: '2306b4c0e7b21afe70c9967be224ea45792b8dde', class: "option-container" }, index.h("slot", { key: 'f0b4a86adb23f3097c4660042c73c60fc33f1fca', onSlotchange: this.onSlotChangeHandler })), index.h("mds-input-tip", { key: '1b507e32c4c1f9d11ed38bb999836ab927b5bc6a', position: "top", active: this.hasFocus }, this.disabled && index.h("mds-input-tip-item", { key: 'cd7b15f50a18dee24e7dd73a0940c5e1c93a13dc', expanded: true, variant: "disabled" }), this.required &&
-            index.h("mds-input-tip-item", { key: 'd68e1aa258ad927a7cdcf10dd9ae22b12ba0cf61', expanded: this.hasFocus, variant: this.value === '' ? 'required' : 'required-success' }))));
+        return (index.h(index.Host, { key: '42c8c47d40f44d64c3c522591f196109258ee584' }, index.h("select", { key: '89d1929e9bed34a874094274da2b3897bd48a5fb', class: clsx.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 && index.h("option", { key: '01c84e11e4504e467865657e46419c6e9904beac', value: "", disabled: true, selected: true }, this.placeholder)), index.h("div", { key: '466cba766c7bcfa2b7e8a2e3e383f059fd0fb6e4', class: "icon-container" }, index.h("i", { key: 'fc9f64a92325e1ec116c99f46c6865755bb0d1b8', class: "icon", innerHTML: keyboardArrowDown.miBaselineKeyboardArrowDown })), index.h("div", { key: 'c53f11b9715c9f6fd8d2e0f434da498365d5f101', class: "option-container" }, index.h("slot", { key: 'c3135009efad92a8a0be5cd4797422203a87c8b7', onSlotchange: this.onSlotChangeHandler })), index.h("mds-input-tip", { key: '236ebb4498a6b3f16cc241fb33a9a7b26c4166f1', position: "top", active: this.hasFocus }, this.disabled && index.h("mds-input-tip-item", { key: 'e027575cb716fd8c638ffeb1c09e13c0698c3cc0', expanded: true, variant: "disabled" }), this.required &&
+            index.h("mds-input-tip-item", { key: '8a3458aa14e4b3fba95e1f924816632197fb632d', expanded: this.hasFocus, variant: this.value === '' ? 'required' : 'required-success' }))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }

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

@@ -210,11 +210,11 @@ const MdsInputSwitch = class {
         var _a;
         const { iconChecked, iconUnchecked, iconIndeterminate } = inputSwitchIconVariant[this.type];
         const iconCheckedUser = this.icon !== '' ? this.icon : iconChecked;
-        return (index.h(index.Host, { key: '7f23da179de8195c1d4f3b29a7fdc70ef038ea3d', onClick: this.handleDirty }, index.h("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'
+        return (index.h(index.Host, { key: '25fbe1a54f949f20f339c7e44537d0f3b21152d1', onClick: this.handleDirty }, index.h("input", { key: '854f7c05a99723cb53b88b6ce6b5ceba4e9349d8', 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'
             ?
                 index.h("label", { htmlFor: "field", class: clsx.clsx('switch-container', this.dirty !== false && 'dirty'), tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, index.h("div", { class: "switch" }, index.h("div", { class: "switch-toggle" }, this.explicit && index.h("mds-icon", { class: "icon-explicit", name: this.checked ? miBaselineChecked : remove.miBaselineRemove }))))
             :
-                index.h("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, index.h("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, index.h("mds-icon", { class: "icon-unchecked", name: clsx.clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), this.checked && index.h("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, index.h("mds-icon", { class: "icon-checked", name: clsx.clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), index.h("label", { key: '845557dcf1038196b6dad0b899c79c911eb38314', htmlFor: "field", class: clsx.clsx('label-text', !this.hasText && 'label-text--empty') }, index.h("mds-text", { key: '81da81c72be83a16c7262e78ca8ee84a73bbea75', typography: this.typography, variant: this.variant }, index.h("slot", { key: '71ff96d3083dfac376d9508e23d49ccfc836cba5' })))));
+                index.h("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, index.h("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, index.h("mds-icon", { class: "icon-unchecked", name: clsx.clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), this.checked && index.h("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, index.h("mds-icon", { class: "icon-checked", name: clsx.clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), index.h("label", { key: '5b653bd7e1b8e23230aea0966d63ae815ed0715c', htmlFor: "field", class: clsx.clsx('label-text', !this.hasText && 'label-text--empty') }, index.h("mds-text", { key: 'd16a2310e71bd1b39bd2fd30366a634e978b5ad6', typography: this.typography, variant: this.variant }, index.h("slot", { key: '6e52e24564b55b03ddbd33c8542cbd084ac0973c' })))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
@@ -237,7 +237,7 @@ const MdsTableCell = class {
         aria.setAttributeIfEmpty(this.host, 'role', 'cell');
     }
     render() {
-        return (index.h(index.Host, { key: 'e55a206ea01d0ffd28063339b2590b860e373800' }, index.h("slot", { key: 'd7d15eb91ee8e0d0045a658b05c9963de4b7bd72' })));
+        return (index.h(index.Host, { key: '3008a3ff87cc5d6f99837319ddd1c57e023aefdf' }, index.h("slot", { key: 'c71ef978e091a92583f7dcfa59fcc6915b37d916' })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -23,7 +23,7 @@ const MdsInputTip = class {
         this.position = 'top';
     }
     render() {
-        return (index.h(index.Host, { key: '4a6b8bc471afe276bb7461d9b57bcbeaed32b998' }, index.h("slot", { key: '5e007f21d21f94972f0214d40973ffb89a7489c3' })));
+        return (index.h(index.Host, { key: '4554c2d91fec59827b55777cb0385fd10a59b393' }, index.h("slot", { key: '85fbcfed85e6b48e4dda2795fe5fe81b5842808f' })));
     }
 };
 MdsInputTip.style = MdsInputTipStyle0;
@@ -93,13 +93,13 @@ const MdsInputTipItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '823c231cad86a73c8a20e7aaff446c82a6a03bcd' }, index.h("div", { key: '5c2c1232212f8bd8bc70e20526f781924a29da17', class: "content" }, this.variant === 'text' &&
-            index.h("mds-text", { key: 'fa33b630d58217037c796ddaa8be4aa2a5887989', typography: "option", truncate: "word" }, index.h("span", { key: 'd5e2bd02bbd925d7e36cbfc4119ac47ead58be54', class: "text" }, index.h("slot", { key: '9b5a9677bff367e3993b3aeedc59a987ea7712d4' }))), this.variant === 'readonly' &&
-            index.h("mds-text", { key: 'ce05c8dde6b7d948f4fba6aea93ead1651720f03', typography: "option", truncate: "word" }, index.h("span", { key: '0ea70472bf7685ace98f3dba8feead14294d1174', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'disabled' &&
-            index.h("mds-text", { key: '9346da4a9e2b028eb8123700ea57ee231c138944', typography: "option", truncate: "word" }, index.h("span", { key: 'a3605874f82bb15ace895c5f5c1a85c5225a5ac7', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required' &&
-            index.h("mds-text", { key: '6bdf4e66624cd0b28b2320da92c6e09ac4162628', typography: "option", truncate: "word" }, index.h("span", { key: 'bd4ec56e8c649999b54853047589fea69eae1dae', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required-success' &&
-            index.h("span", { key: '8eded74f87d6f797f20a4e417824f9fa6b1a43a2', class: "icon", innerHTML: done.miBaselineDone }), (this.variant === 'count-almost' || this.variant === 'count-almost-full' || this.variant === 'count-empty' || this.variant === 'count-full' || this.variant === 'count-incomplete') &&
-            index.h("mds-text", { key: '3d57e1ad0073fdb4b5bbff888b1d4028dbae6afa', typography: "option", truncate: "word" }, index.h("span", { key: 'c61e4c4bf3b9cc7b87d14d795de4a8c8729c9b12', class: "text" }, index.h("slot", { key: 'b80cf78fdc612bbb88538a1f0f4ac918f9325f8e' }))))));
+        return (index.h(index.Host, { key: '610ec06bcddc82127aeb5eadc441482d2adc30b1' }, index.h("div", { key: 'c30fc507228aa92351dff9ad05f06222378bb7b2', class: "content" }, this.variant === 'text' &&
+            index.h("mds-text", { key: '7661cf787c08a3879ef91bf490c0b3a779197b94', typography: "option", truncate: "word" }, index.h("span", { key: 'aaa421d74b1c1c7e506adaee5efd6e7e1fe367e9', class: "text" }, index.h("slot", { key: '1e2488a1effa82424500c28c542e8f6c1619a5bb' }))), this.variant === 'readonly' &&
+            index.h("mds-text", { key: '30d60f70fbfbbab738c481e6e0b6c805f1cc4810', typography: "option", truncate: "word" }, index.h("span", { key: '89ff9b9f54c9aef62ac1fa2abda54007b1dbfaa5', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'disabled' &&
+            index.h("mds-text", { key: 'cd41bea9f5af0f2020a37330b33a940b179c28f6', typography: "option", truncate: "word" }, index.h("span", { key: 'e05d357b1ceafcb4a20cf4cbf3a2850de6d1b7e4', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required' &&
+            index.h("mds-text", { key: '37b9f6c8efd291a5d90c615d381c26657d8fb983', typography: "option", truncate: "word" }, index.h("span", { key: '19bf638cf96bf97555a78f1e69027bd1b48f3578', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required-success' &&
+            index.h("span", { key: '76b3c05bc5162514f1975cd3569dfd04a7355442', class: "icon", innerHTML: done.miBaselineDone }), (this.variant === 'count-almost' || this.variant === 'count-almost-full' || this.variant === 'count-empty' || this.variant === 'count-full' || this.variant === 'count-incomplete') &&
+            index.h("mds-text", { key: '445b3dfa49b2b9374fe81a8ea4eca85007b562d8', typography: "option", truncate: "word" }, index.h("span", { key: 'e92bc1e04a77ef2687f2769ba8865b2b1cc65ad5', class: "text" }, index.h("slot", { key: 'a431c2d46f71e3d7ebcdb4c76c3c6ec891de8911' }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -601,12 +601,12 @@ const MdsInputUpload = class {
         return !!this.sort && this.files.length > 1;
     }
     render() {
-        return (index.h(index.Host, { key: 'ff873e7089019666024b2fced3cc1c8c3702a8be' }, index.h("div", { key: '26c2a15d18d6eed7c328b2a3615884c95f9cd03b', class: "drag-area", onDrop: this.onDropHandler, onDragOver: this.onDragOverHandler, onDragEnter: this.onDragEnterHandler, onDragLeave: this.onDragLeaveHandler, ref: dragArea => this.elDragArea = dragArea }, index.h("div", { key: '10dae83654f3b68b9e7599537560b1eaf4f97f37', class: "main-action" }, index.h("div", { key: '551eaeed9e6155edc2a5a2ff5d735d0b4d370fa3', class: "main-action-icon" }, index.h("i", { key: '1ffeb5b74bf5bee22dccbde66a977c5a1d6c681e', class: "icon", innerHTML: miBaselineAddCircle })), index.h("mds-text", { key: '3d3236eb1c8a67ffa276704c0cf07170b862c7f2', animation: this.animateText ? 'yugop' : 'none', variant: "title", typography: "action", text: this.actionTitle })), index.h("div", { key: '828a16fdeee416c4583caf940264c74e24e8e3a0', class: "main-actions" }, index.h("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 && index.h("mds-button", { key: 'e965a2408ae50694d227836764c6cd341aca6818', variant: 'error', onClick: this.onReset }, this.t.get('cancel'))), index.h("div", { key: 'ac205a0a5af79566de4ae866cd55826b00f4c3a7', class: "main-infos" }, index.h("mds-progress", { key: '7111db2c452769fad12e56467f63e904c5e304b9', "aria-hidden": "true", class: "progress-bar", progress: this.progress }), this.files.length < 1
+        return (index.h(index.Host, { key: 'f4f4359a203fa632735b6be5002a905c1e62f114' }, index.h("div", { key: 'd4d03cabf5627b51d74077870c3598e5a9bac24f', class: "drag-area", onDrop: this.onDropHandler, onDragOver: this.onDragOverHandler, onDragEnter: this.onDragEnterHandler, onDragLeave: this.onDragLeaveHandler, ref: dragArea => this.elDragArea = dragArea }, index.h("div", { key: '791798d0eaac8fce170dbe704ca2ea340a03bf87', class: "main-action" }, index.h("div", { key: '8b685400819c746081cac343996d5bac6c138608', class: "main-action-icon" }, index.h("i", { key: 'c4c65d0096cc6a444dfa0f0770b266055aa48ce6', class: "icon", innerHTML: miBaselineAddCircle })), index.h("mds-text", { key: '847fb0bceefe8f8661e72c03b181b52102fe5343', animation: this.animateText ? 'yugop' : 'none', variant: "title", typography: "action", text: this.actionTitle })), index.h("div", { key: 'aa4ec54350c4daf8663251353f22a5234c55ff8d', class: "main-actions" }, index.h("mds-button", { key: 'ff5769b70dc85371d82bd4cc0605922af84b585c', 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 && index.h("mds-button", { key: '576bc1ffe8990458aaef9daf607e1a4d0655dc34', variant: 'error', onClick: this.onReset }, this.t.get('cancel'))), index.h("div", { key: 'f0e744c6f1af2b07351fbb56af3431286038c334', class: "main-infos" }, index.h("mds-progress", { key: '2a1cb3d4ff85e1b86e47a4588d3096328221129a', "aria-hidden": "true", class: "progress-bar", progress: this.progress }), this.files.length < 1
             ? index.h("mds-text", { variant: "info", typography: "caption" }, this.t.get('maxFilesUpload', { maxFiles: this.maxFiles }))
             : index.h("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 })))), index.h("input", { key: '5dd0883901bbbfd1d239cb9811a13237b3ea712c', type: 'file', accept: this.accept, hidden: true, ref: i => this.nativeInput = i, onChange: this.onAdd, multiple: this.maxFiles > 1 }), index.h("div", { key: 'b07d914c29fc30cf08e393e9e830ebefcabfbe78', class: "additional-infos" }, index.h("div", { key: 'd5c664a1fa9407a4e061123b12f312cfa5442c3a', class: clsx.clsx('file-specs', this.isSortTabShown() && 'file-specs-sort') }, index.h("mds-text", { key: '6d35cae9c629aad6b9e9c3000f22b73ce6079bd5', variant: "info", typography: "caption" }, this.extensions ? `${this.t.get('canUpload')} ${this.extensions}` : this.t.get('canUploadAll')), index.h("mds-text", { key: '62b5515e1737f643fe1691709eeb8d955c6523b1', variant: "info", typography: "caption" }, this.t.get('maxFileSizePerFile', { maxFileSize: this.maxFileSize }))), this.isSortTabShown() &&
-            index.h("mds-tab", { key: '3eaddf7b201ab0e3f443998d8786d3e36e397828', class: "action-sort", onMdsTabChange: event => this.onChangeTab(event.detail) }, index.h("mds-tab-item", { key: 'bcd80494ab8bfcfb2e2b5cd2d9e1b595942b76a3', icon: iconSortById, selected: this.userSort === 'date', title: this.t.get('sortByDate'), value: 'date' }), index.h("mds-tab-item", { key: 'b18d310ecb45a30e97bdfc7118e0510594b083dd', icon: iconSortByStatus, selected: this.userSort === 'status', title: this.t.get('sortByStatus'), value: 'status' }))), index.h("div", { key: 'f636fdabf71388ae85c5435fd2a0923a4e7ca6dd', class: clsx.clsx('file-list', this.files.length > this.cssMinCols && 'file-list--more-items') }, this.files.map(file => {
+                : this.t.get('currentFilesNoMax', { currentFiles: this.files.length })))), index.h("input", { key: 'aee6ab320026678fe8f417012375d21463e48ab4', type: 'file', accept: this.accept, hidden: true, ref: i => this.nativeInput = i, onChange: this.onAdd, multiple: this.maxFiles > 1 }), index.h("div", { key: '5999a37cb3ffaa032d4df8b49ef7ba7d57e616de', class: "additional-infos" }, index.h("div", { key: 'dde22de84e1f78c432c1a6a01dab5426d7fea9c2', class: clsx.clsx('file-specs', this.isSortTabShown() && 'file-specs-sort') }, index.h("mds-text", { key: '670c1ee33fbb60410d0d12cc2835e4359dfcfdf7', variant: "info", typography: "caption" }, this.extensions ? `${this.t.get('canUpload')} ${this.extensions}` : this.t.get('canUploadAll')), index.h("mds-text", { key: '74a19ec7bd402e4cc3693cd01895fa06746fd1ab', variant: "info", typography: "caption" }, this.t.get('maxFileSizePerFile', { maxFileSize: this.maxFileSize }))), this.isSortTabShown() &&
+            index.h("mds-tab", { key: '20411fa449805a734129b05ac695384890817bf9', class: "action-sort", onMdsTabChange: event => this.onChangeTab(event.detail) }, index.h("mds-tab-item", { key: '2c2d6ce20349385df25a7952f3e0c3ca0f5ae255', icon: iconSortById, selected: this.userSort === 'date', title: this.t.get('sortByDate'), value: 'date' }), index.h("mds-tab-item", { key: 'd4296413eee846260ea5a200001fc9b326ce2fa3', icon: iconSortByStatus, selected: this.userSort === 'status', title: this.t.get('sortByStatus'), value: 'status' }))), index.h("div", { key: 'c27ca070fdabd20b3f7898fbfa942070a65a352d', class: clsx.clsx('file-list', this.files.length > this.cssMinCols && 'file-list--more-items') }, this.files.map(file => {
             switch (file.status) {
                 case Status.ERROR:
                     return (index.h("mds-file-preview", { deletable: true, variant: "error", filename: file.file.name, filesize: file.file.size.toString(), onMdsFileDelete: () => this.onCancel(file.key), message: file.errorMessage }));

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

@@ -292,7 +292,6 @@ const MdsInput = class {
         this.isRecording = false;
         this.countVariant = 'count-empty';
         this.isPasswordVisible = false;
-        this.transcript = '';
         // private valuePristine?: string
         this.t = new locale.Locale({
             el: localeEl,
@@ -461,11 +460,19 @@ const MdsInput = class {
             this.recognition.lang = navigator.language || 'it-IT';
             this.recognition.interimResults = true;
             this.recognition.maxAlternatives = 1;
+            let transcript = '';
+            let progress = 0; // need to save position progress on speech results
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             this.recognition.onresult = (event) => {
-                const speechResult = event.results[0][0].transcript;
-                this.transcript = speechResult;
-                this.value = this.transcript;
+                const speechResult = event.results;
+                const interimResult = speechResult[progress];
+                if (interimResult.isFinal) {
+                    transcript += interimResult[0].transcript;
+                    this.value = transcript;
+                    progress += 1;
+                    return;
+                }
+                this.value = transcript + interimResult[0].transcript;
             };
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             this.recognition.onerror = (event) => {
@@ -626,21 +633,21 @@ const MdsInput = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: '14dfb2925f42f28c3f339aa726250c218c6e8034' }, this.type === 'number'
+        return (index.h(index.Host, { key: '6904606bb94fbe4039190d44dc6b146561cb1c9d' }, this.type === 'number'
             && this.controlsLayout === 'horizontal'
-            && index.h("mds-button", { key: 'dfbbf389f9a428b442d53cb2871ce1ac155dc992', class: "counter-button counter-button--horizontal counter-button--decrease", icon: this.controlsIcon === 'arrow' ? keyboardArrowDown.miBaselineKeyboardArrowDown : remove.miBaselineRemove, onClick: this.stepDown, tabindex: "0", title: this.t.get('decrease'), part: "counter-button-decrease" }), this.type === 'textarea'
+            && index.h("mds-button", { key: 'e529d4c484cd78950a425b884fe927199acc0b05', class: "counter-button counter-button--horizontal counter-button--decrease", icon: this.controlsIcon === 'arrow' ? keyboardArrowDown.miBaselineKeyboardArrowDown : remove.miBaselineRemove, onClick: this.stepDown, tabindex: "0", title: this.t.get('decrease'), part: "counter-button-decrease" }), this.type === 'textarea'
             ? index.h("textarea", { class: clsx.clsx('input', ((_a = this.icon) !== null && _a !== void 0 ? _a : this.await) && 'has-icon', this.mic && 'has-right-icon'), autoFocus: this.autofocus, disabled: this.disabled, maxLength: this.maxlength, minLength: this.minlength, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, part: "field", placeholder: this.placeholder, readOnly: this.readonly, ref: input => (this.nativeInput = input), required: this.required, tabIndex: this.tabindex, value: this.value })
             : index.h("input", { class: clsx.clsx('input', ((_b = this.icon) !== null && _b !== void 0 ? _b : this.await) && 'has-icon', this.mic && 'has-right-icon'), autoComplete: this.autocomplete, autoFocus: this.autofocus, disabled: this.disabled, max: this.max, maxLength: this.maxlength, min: this.min, minLength: this.minlength, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, pattern: this.pattern, list: this.datalistId, part: "field", placeholder: this.placeholder, readOnly: this.readonly, ref: input => (this.nativeInput = input), required: this.required, step: this.step, tabIndex: this.tabindex, type: this.type === 'password' && this.isPasswordVisible ? 'text' : this.type, value: this.value }), this.type === 'number'
             && this.controlsLayout === 'vertical'
-            && index.h("div", { key: '7d39995a7de0c544164e6cb34060982f0b75bcee', class: "counter counter--vertical" }, index.h("mds-button", { key: '3ec8f2d5ebb37515eba684b222984d501344aefa', class: "counter-button", icon: this.controlsIcon === 'arrow' ? keyboardArrowUp.miBaselineKeyboardArrowUp : miBaselineAdd, onClick: this.stepUp, tabindex: "0", title: this.t.get('increase'), part: "counter-button-increase" }), index.h("mds-button", { key: '4e3ab5d885d4353599dacd8f3f984fc7e88dcab3', class: "counter-button", icon: this.controlsIcon === 'arrow' ? keyboardArrowDown.miBaselineKeyboardArrowDown : remove.miBaselineRemove, onClick: this.stepDown, tabindex: "0", title: this.t.get('decrease'), part: "counter-button-decrease" })), this.type === 'number'
+            && index.h("div", { key: 'd000022047e1333c236edce58b177c5f619f4385', class: "counter counter--vertical" }, index.h("mds-button", { key: 'c96ebc62547c9feec928ffe5ff818015ff011032', class: "counter-button", icon: this.controlsIcon === 'arrow' ? keyboardArrowUp.miBaselineKeyboardArrowUp : miBaselineAdd, onClick: this.stepUp, tabindex: "0", title: this.t.get('increase'), part: "counter-button-increase" }), index.h("mds-button", { key: 'ee82c65fd71d66b08714461ac8263f4bbfebcc9d', class: "counter-button", icon: this.controlsIcon === 'arrow' ? keyboardArrowDown.miBaselineKeyboardArrowDown : remove.miBaselineRemove, onClick: this.stepDown, tabindex: "0", title: this.t.get('decrease'), part: "counter-button-decrease" })), this.type === 'number'
             && this.controlsLayout === 'horizontal'
-            && index.h("mds-button", { key: '1c239d77df198fd2b76cd6d8fcfa5506e6961ac9', class: "counter-button counter-button--horizontal counter-button--increase", icon: this.controlsIcon === 'arrow' ? keyboardArrowUp.miBaselineKeyboardArrowUp : miBaselineAdd, onClick: this.stepUp, tabindex: "0", title: this.t.get('increase'), part: "counter-button-increase" }), this.type === 'password'
-            && index.h("mds-button", { key: '23b5a7134a11cf8fcd90ab7b79299738d55c40be', class: "password-toggle-button", icon: this.isPasswordVisible ? miBaselineVisibleOff : miBaselineVisible, onClick: () => this.isPasswordVisible = !this.isPasswordVisible, tabindex: "0", tone: "quiet", title: this.isPasswordVisible ? this.t.get('hidePassword') : this.t.get('showPassword'), part: "password-toggle-button" }), this.mic
-            && index.h("mds-button", { key: 'c478eff96791fec74b209d82179f9db8ac3a2497', class: clsx.clsx('mic-toggle-button', this.isRecording && 'mic-toggle-button--recording'), icon: this.speechToTextIcon, onClick: () => this.toggleTextRecognition(), tabindex: "0", variant: "dark", tone: "quiet", title: this.speechToTextLabel, part: "mic-toggle-button" }), index.h("mds-input-tip", { key: 'c9e753cd4cb261f5c256cf28b24e57966a132b5c', lang: this.language, position: "top", active: this.hasFocus }, this.disabled && index.h("mds-input-tip-item", { key: 'de56d7c1cbf6038e7870a4008732db5177895a11', expanded: true, variant: "disabled" }), this.readonly && index.h("mds-input-tip-item", { key: '3b3c3c845e5f51fae63524538703e2897a230e4f', expanded: true, variant: "readonly" }), this.required &&
-            index.h("mds-input-tip-item", { key: '3097ce033495937f9bb0702d493350f885d677fa', expanded: this.hasFocus, variant: this.isValid ? 'required-success' : 'required' })), index.h("mds-input-tip", { key: 'cfc189ab082bcff879aae32e68753b1673f7d7a7', lang: this.language, position: "bottom", active: this.hasFocus }, this.tip && index.h("mds-input-tip-item", { key: 'ecaf763fdc308a580b81f57a9c45953fa8b76810', expanded: true, variant: "text" }, this.tip), this.maxlength && index.h("mds-input-tip-item", { key: '3ce50994c06c0e441ccb991848eec904b52ba568', part: "tip-count", expanded: true, variant: this.countVariant }, this.currentLengthLabel)), this.datalist &&
-            index.h("datalist", { key: 'b837f396a6430518b6f3019f9adc822e6f563908', id: this.datalistId, class: "datalist" }, this.datalist.map((element, i) => {
+            && index.h("mds-button", { key: 'b4621ae846273b4b70642d6747aa5d69fa234342', class: "counter-button counter-button--horizontal counter-button--increase", icon: this.controlsIcon === 'arrow' ? keyboardArrowUp.miBaselineKeyboardArrowUp : miBaselineAdd, onClick: this.stepUp, tabindex: "0", title: this.t.get('increase'), part: "counter-button-increase" }), this.type === 'password'
+            && index.h("mds-button", { key: 'fa637888acee00fb2df6d6b5770f5b40eeae7031', class: "password-toggle-button", icon: this.isPasswordVisible ? miBaselineVisibleOff : miBaselineVisible, onClick: () => this.isPasswordVisible = !this.isPasswordVisible, tabindex: "0", tone: "quiet", title: this.isPasswordVisible ? this.t.get('hidePassword') : this.t.get('showPassword'), part: "password-toggle-button" }), this.mic
+            && index.h("mds-button", { key: '85613ac5d7b424dc43770a4e54296d0bc9e7794a', class: clsx.clsx('mic-toggle-button', this.isRecording && 'mic-toggle-button--recording'), icon: this.speechToTextIcon, onClick: () => this.toggleTextRecognition(), tabindex: "0", variant: "dark", tone: "quiet", title: this.speechToTextLabel, part: "mic-toggle-button" }), index.h("mds-input-tip", { key: '156b330252d0f8483c7996d902e1321bcc05dd7c', lang: this.language, position: "top", active: this.hasFocus }, this.disabled && index.h("mds-input-tip-item", { key: '5ccb7a0700d723bc05bab4fdac21d7bf823cf12f', expanded: true, variant: "disabled" }), this.readonly && index.h("mds-input-tip-item", { key: 'eed82a87a109822b60e8d0a9ff6b078517087135', expanded: true, variant: "readonly" }), this.required &&
+            index.h("mds-input-tip-item", { key: '53daa9c77147a4fda3d13e55fdf4bca4c8471b29', expanded: this.hasFocus, variant: this.isValid ? 'required-success' : 'required' })), index.h("mds-input-tip", { key: 'c95aa6e4c98c074712c772fe3a7513640c4daa63', lang: this.language, position: "bottom", active: this.hasFocus }, this.tip && index.h("mds-input-tip-item", { key: 'a7813d9e3675924fe00e93248292a48d5e273ada', expanded: true, variant: "text" }, this.tip), this.maxlength && index.h("mds-input-tip-item", { key: '01305a14e95334b7352dbe9cbccc90af18c0cc1d', part: "tip-count", expanded: true, variant: this.countVariant }, this.currentLengthLabel)), this.datalist &&
+            index.h("datalist", { key: 'f99c96b4bbb45760252e2a5fc5965dddfbc60c21', id: this.datalistId, class: "datalist" }, this.datalist.map((element, i) => {
                 return index.h("option", { key: i, value: element });
-            })), this.icon && !this.await && index.h("mds-icon", { key: '12629ece8dd79082e958dc634e5f610ca4e0fb90', class: clsx.clsx('icon', this.variant), name: this.icon }), index.h("mds-spinner", { key: 'b6dc361107fde37ebebe48c8f417e270fcdb3a28', running: this.await, class: clsx.clsx('await', this.variant) })));
+            })), this.icon && !this.await && index.h("mds-icon", { key: '41f6e990e5f47dbc8821934fc486c44a388d0386', class: clsx.clsx('icon', this.variant), name: this.icon }), index.h("mds-spinner", { key: '85598d3e10e75fff275693b7fe2d17b392e3e8c2', running: this.await, class: clsx.clsx('await', this.variant) })));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/mds-keyboard-key.cjs.entry.js

@@ -291,9 +291,9 @@ const MdsKeyboardKey = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h(index.Host, { key: '802f1f4633d3a756c8bcda46212981ea24e1e61f', title: this.getTitle() }, index.h("div", { key: '907ac88ddc6321b9a61cdaf9a4e7880b745e53dd', class: "physical-key" }, this.name && icons.has(this.name)
+        return (index.h(index.Host, { key: '5b7129504b0ee5de303d8ce4d42e8d30084de687', title: this.getTitle() }, index.h("div", { key: '50e17ff55071255ed3525a2ccf7aa92dd9254f09', class: "physical-key" }, this.name && icons.has(this.name)
             ? index.h("mds-icon", { name: (_a = icons.get(this.name)) !== null && _a !== void 0 ? _a : brokenImage.miBaselineBrokenImage, class: "shortcut-icon" })
-            : index.h("mds-text", { class: "shortcut-text", typography: "detail" }, this.name && index.h("b", null, this.keyboardKeys[this.name].alias)), this.name && ((_b = this.keyboardKeys[this.name]) === null || _b === void 0 ? void 0 : _b.keyboardPosition) && index.h("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'))));
+            : index.h("mds-text", { class: "shortcut-text", typography: "detail" }, this.name && index.h("b", null, this.keyboardKeys[this.name].alias)), this.name && ((_b = this.keyboardKeys[this.name]) === null || _b === void 0 ? void 0 : _b.keyboardPosition) && index.h("mds-text", { key: 'af6479e88a5e499f875036e9076722b4b7be3976', 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 index.getElement(this); }
 };

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

@@ -193,7 +193,7 @@ const MdsKeyboard = class {
         this.stopKeyboardShortcutTest();
     }
     render() {
-        return (index.h(index.Host, { key: 'f4a019bb8abbb5d2786623eae83d64cfe61182bd' }, index.h("div", { key: 'c33ccc56d9ff86191abb53a7f922f8ff5197e5cc', class: "shortcuts" }, index.h("slot", { key: '302a19180e1cfcc46ae7b556e5cf1f02762fae54' })), this.try && index.h("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 && index.h("mds-tooltip", { key: 'ed46df3dc7a6a2ec16742e8865e9576b3f944dc9', target: '.combination-checker' }, this.testPassed === undefined && this.t.get('testKeyCombination'), this.testPassed === true && this.t.get('testPassed'), this.testPassed === false && index.h("div", { key: '14be9e7a889ae3918aff50727f97663794d94a8c', class: "errors" }, [...this.errors].map(error => (index.h("mds-text", { typography: 'tip' }, this.t.get(error))))))));
+        return (index.h(index.Host, { key: '598a620f99612fb33610cd90f571740b80134e8f' }, index.h("div", { key: '470fdb666b7643502360fb4fc8d96fc7deabb872', class: "shortcuts" }, index.h("slot", { key: '7b8d29a09a1dd89e2360b8cd510a6257f38f0eee' })), this.try && index.h("mds-button", { key: '3ffe93c36de59b9b97376bf1155c58028a29b688', icon: this.getButtonIcon(), "aria-title": this.t.get('testKeyCombination'), class: "combination-checker", variant: "dark", tone: "quiet", onClick: this.startKeyboardShortcutTest.bind(this) }), this.try && index.h("mds-tooltip", { key: '9d1b550b6b4b62df3f6c5e45d2a512a1dcb36f71', target: '.combination-checker' }, this.testPassed === undefined && this.t.get('testKeyCombination'), this.testPassed === true && this.t.get('testPassed'), this.testPassed === false && index.h("div", { key: '8828d357af9afd4100f205a4e02c3a9fa8f9bc10', class: "errors" }, [...this.errors].map(error => (index.h("mds-text", { typography: 'tip' }, this.t.get(error))))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/mds-kpi-item.cjs.entry.js

@@ -32,8 +32,8 @@ const MdsKpiItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a548c1197f941df9a27001c04c7b1973e118cf62', "aria-label": `${this.label}: ${this.description}`, role: "listitem" }, this.icon &&
-            index.h("div", { key: '45b4e16c656b8396f937686f94f96e19e5179e83', class: "icon-container", part: "icon-container" }, index.h("mds-icon", { key: '80b25ccdeb97adabf15777ff0aeb5729d0a6e851', class: "icon", name: this.icon, part: "icon" })), index.h("div", { key: 'e8e2e47c10677f452366cba17f68fd67ee709bcc', class: "info", part: "content", "aria-hidden": "true" }, this.label && this.threshold !== 0 && index.h("mds-text", { key: 'f34e784df8edad19785738a4c71ea4f22827b264', class: "value", typography: "h2", text: this.isIntersecting ? this.label : '', animation: "yugop" }), this.label && this.threshold === 0 && index.h("mds-text", { key: '4286792ac9bb8f13518d704816a552c566510e10', class: "value", typography: "h2" }, this.label), this.description && this.threshold !== 0 && index.h("mds-text", { key: '6ff1ee311b55e983d24dc6969c7dd40f0dc99289', class: "description", typography: "label", text: this.isIntersecting ? this.description : '', animation: "yugop" }), this.description && this.threshold === 0 && index.h("mds-text", { key: '990e39c96111524372155bdf3486fda699a33ae0', class: "description", typography: "label" }, this.description))));
+        return (index.h(index.Host, { key: '1485f1246e75cbd0a8e4eea4dc48627c6036b0c2', "aria-label": `${this.label}: ${this.description}`, role: "listitem" }, this.icon &&
+            index.h("div", { key: '1fb07fe15c976612c77cbf7e4ebe4a7e9be3d4b9', class: "icon-container", part: "icon-container" }, index.h("mds-icon", { key: 'b454b082899fd16b8564b710e5ba6c1ba3bba8f7', class: "icon", name: this.icon, part: "icon" })), index.h("div", { key: '14285e23aea734f28d9947820a6eb34dbae009f3', class: "info", part: "content", "aria-hidden": "true" }, this.label && this.threshold !== 0 && index.h("mds-text", { key: '676a38eb05efa550de734fecd0ddc1c0de6c43a8', class: "value", typography: "h2", text: this.isIntersecting ? this.label : '', animation: "yugop" }), this.label && this.threshold === 0 && index.h("mds-text", { key: 'e41e789f449a70ee280bdfa676a4e719424b678c', class: "value", typography: "h2" }, this.label), this.description && this.threshold !== 0 && index.h("mds-text", { key: '5e107778e1eea06f90d2ecb2ef33e23c2848fed7', class: "description", typography: "label", text: this.isIntersecting ? this.description : '', animation: "yugop" }), this.description && this.threshold === 0 && index.h("mds-text", { key: '76a02b87ef1414df9ad50799344dbfebcb6c5eb8', class: "description", typography: "label" }, this.description))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const MdsKpi = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '4399ae89280bb996ebeb8e7ef5971ec00ee69751', role: "list" }, index.h("slot", { key: '59c73a18547bb1f9f9053c722d6d508894c87f80' })));
+        return (index.h(index.Host, { key: '96a971940592fd1c7d1a2d8e8baff17211f5e1ad', role: "list" }, index.h("slot", { key: 'fdfbd2d5ed999bdd53143d8e8434f435724f4dc8' })));
     }
 };
 MdsKpi.style = MdsKpiStyle0;

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

@@ -87,7 +87,7 @@ const MdsLabel = class {
         this.km.detachClickBehavior();
     }
     render() {
-        return (index.h(index.Host, { key: '8e07b2f4db4c8cd94461d92d0f7092b14da2ca14' }, index.h("mds-text", { key: 'a4d0fc6386c315ffea2eb8a49839981ab2e2f1a2', class: "text", truncate: this.truncate, typography: this.typography }, index.h("slot", { key: '738206f293b5220116934edfdbd0ed14cf38d8c9' })), this.deletable && index.h("mds-button", { key: '17c807ebeb0757d692d408ea64ac8cdb011dbc6a', class: "button-close", icon: cancel.miBaselineCancel, onClick: this.onClickDelete.bind(this), title: this.t.get('remove') })));
+        return (index.h(index.Host, { key: 'e80d45bf379998144265544a7872891145c34acf' }, index.h("mds-text", { key: '5318d30e3acc984cdd6b1f0334a4b9c9ea3a523a', class: "text", truncate: this.truncate, typography: this.typography }, index.h("slot", { key: 'ff2029b1cc6174bcdc9c56f18b24bc2f55178949' })), this.deletable && index.h("mds-button", { key: '6b6e6e898238b6fe48827417b47b1e9ef21276ee', class: "button-close", icon: cancel.miBaselineCancel, onClick: this.onClickDelete.bind(this), title: this.t.get('remove') })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/mds-list-item.cjs.entry.js

@@ -26,7 +26,7 @@ const MdsListItem = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '689404d1e24ccca3f7b6dae14c9de758a9958433', role: "listitem" }, index.h("mds-icon", { key: '55e226db64ac816f361d6de838a5d7a12a249bdc', "aria-hidden": "true", class: "icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : mggListDot, part: "icon" }), index.h("mds-text", { key: '9ea43df05abfe834015a0b1f48b4676d068c4999', tag: "span", typography: this.typography, variant: this.variant, part: "text" }, index.h("slot", { key: '5767deb4dc3f9d831be9110f09754f3f7044406d' }))));
+        return (index.h(index.Host, { key: 'f136f38547f3b45e5710fb33f53f9ad5beb5eada', role: "listitem" }, index.h("mds-icon", { key: 'ec5e928be354f5d67874081d7735da646c121be2', "aria-hidden": "true", class: "icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : mggListDot, part: "icon" }), index.h("mds-text", { key: '3536b45928192a003dfdb9fc16f11ff5a849281a', tag: "span", typography: this.typography, variant: this.variant, part: "text" }, index.h("slot", { key: '523e809b4da37e3cbc55724ba0a4e1b63dd284e0' }))));
     }
 };
 MdsListItem.style = MdsListItemStyle0;

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

@@ -12,7 +12,7 @@ const MdsList = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '6b535d21db95eae01155c73f48e3eb43740d37ed', role: "list" }, index.h("slot", { key: '022a37299f62bd315ee414ad6ec6cb598e44b0aa' })));
+        return (index.h(index.Host, { key: '250c301dbea62e0dcb22b5a72e8a5d63461e6f6c', role: "list" }, index.h("slot", { key: 'c9d79830264d9e878f81505722c97170a767d488' })));
     }
 };
 MdsList.style = MdsListStyle0;

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

@@ -24,7 +24,7 @@ const MdsMention = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'df0bfe4704b4e21795b4eadfeb53eef140ceaabc' }, index.h("mds-icon", { key: 'ba77f6b3c8eb89a9387ca2bb89ef423e52f42da4', name: this.icon ? this.icon : miBaselineAlternateEmail }), index.h("mds-text", { key: 'd8cee91020acc06427aff06492ae2ce0a9022c48', typography: this.sizeTypography[(_a = this.size) !== null && _a !== void 0 ? _a : 'md'] }, this.size === 'lg'
+        return (index.h(index.Host, { key: 'e512ce01c50eb7de62f0531db49fec36ed7d40ec' }, index.h("mds-icon", { key: 'f115766ec939a784de58b190ec21f00efcc362fb', name: this.icon ? this.icon : miBaselineAlternateEmail }), index.h("mds-text", { key: '04e0217264db185a183f391730c416404006ffd5', typography: this.sizeTypography[(_a = this.size) !== null && _a !== void 0 ? _a : 'md'] }, this.size === 'lg'
             ? this.label
             : index.h("b", null, this.label))));
     }

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

@@ -177,11 +177,11 @@ const MdsModal = class {
         this.opened = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '0bb39d317dac6a8a10eb12955f4f5a4f398ea3e9', "aria-modal": clsx.clsx(this.opened ? 'true' : 'false'), onMouseDown: (e) => { this.closeModal(e); } }, this.window
+        return (index.h(index.Host, { key: '1b268f34c7f25eeb5436daa9018132881b9958c9', "aria-modal": clsx.clsx(this.opened ? 'true' : 'false'), onMouseDown: (e) => { this.closeModal(e); } }, this.window
             ? index.h("slot", { name: "window" })
             : index.h("div", { class: clsx.clsx('window', (this.top || this.bottom) && `window-${this.top ? '-top' : ''}${this.bottom ? '-bottom' : ''}`), part: "window" }, this.top &&
                 index.h("slot", { name: "top" }), index.h("slot", null), this.bottom &&
-                index.h("slot", { name: "bottom" })), !this.window && index.h("mds-button", { key: '4609abeb254fc6391440f6761d23e106086c8d3f', class: "action-close", icon: close.miBaselineClose, variant: "light", tone: "quiet", size: "xl", onClick: (e) => { this.closeModal(e); }, part: "action-close" })));
+                index.h("slot", { name: "bottom" })), !this.window && index.h("mds-button", { key: 'c7405ab0b5113521826736951ebc0653f6d0998f', class: "action-close", icon: close.miBaselineClose, variant: "light", tone: "quiet", size: "xl", onClick: (e) => { this.closeModal(e); }, part: "action-close" })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -76,7 +76,7 @@ const MdsNote = class {
         this.km.detachClickBehavior();
     }
     render() {
-        return (index.h(index.Host, { key: 'd6896e8d413d8e2ad96a9a6e55c1d7bc80001341', role: "note" }, this.deletable && index.h("mds-button", { key: 'e4694d1e37c020ad8f049e14e3fd2d0cedb0f725', title: this.t.get('deleteLabel'), icon: close.miBaselineClose, class: "button-close", variant: "dark", tone: "quiet", onClick: this.onClickClose.bind(this) }), index.h("slot", { key: '5abf58c10af4d649881d3e34fbfcf66977a3088f', name: "title" }), index.h("slot", { key: '66ef5a0e8f728bad0dbf4f03df2ec8ecad551074' }), index.h("div", { key: '426fad87e059f3d98255d4ee0b3d994c0a7c499f', "aria-hidden": "true", class: "fold" })));
+        return (index.h(index.Host, { key: '4132b95eb28b42f2030eb9e5c72e8d312e64b5f1', role: "note" }, this.deletable && index.h("mds-button", { key: 'da7c7377201afb407282d038f8476dc5cac97de1', title: this.t.get('deleteLabel'), icon: close.miBaselineClose, class: "button-close", variant: "dark", tone: "quiet", onClick: this.onClickClose.bind(this) }), index.h("slot", { key: '67d443edd49895dc2e33f7104f68df7f5a1150eb', name: "title" }), index.h("slot", { key: '744b75fa5ce7eab43a92a5292f99c719fec56b2f' }), index.h("div", { key: '106fdbefaa7d19893c670480272d0cfd2f7770a9', "aria-hidden": "true", class: "fold" })));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -79,7 +79,7 @@ const MdsNotification = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '3ac46007378c8ad67579440f9de2d998dff2fdd1', "aria-labelledby": this.target, "aria-label": (_a = this.value) !== null && _a !== void 0 ? _a : '0' }, index.h("mds-text", { key: '11638c845d46a5af96a4fcf91530dee39fb38e2f', typography: "caption", class: "dot", "aria-hidden": "true" }, this.value ? this.clean(this.value) : '')));
+        return (index.h(index.Host, { key: '917bb13a40761b4c1eda6c0e5136ed472e66bae4', "aria-labelledby": this.target, "aria-label": (_a = this.value) !== null && _a !== void 0 ? _a : '0' }, index.h("mds-text", { key: '9b00bd0a323c7bef977e5170e26817491f86fde6', typography: "caption", class: "dot", "aria-hidden": "true" }, this.value ? this.clean(this.value) : '')));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/mds-paginator-item.cjs.entry.js

@@ -28,7 +28,7 @@ const MdsPaginatorItem = class {
         this.km.detachClickBehavior();
     }
     render() {
-        return (index.h(index.Host, { key: '62cc2772c438490906e2a23f47371ce4cc5ee359', tabindex: "0" }, this.icon !== undefined
+        return (index.h(index.Host, { key: '83a9889fd9d3228c8ec3d10ae44f91c8f1b9c8ff', tabindex: "0" }, this.icon !== undefined
             ? index.h("mds-icon", { class: "icon", name: this.icon })
             : index.h("mds-text", { class: "text", typography: "caption" }, index.h("b", null, index.h("slot", null)))));
     }

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

@@ -67,8 +67,8 @@ const MdsPaginator = class {
         }, 10);
     }
     render() {
-        return (index.h(index.Host, { key: '22b775fc7a3becbd152bb6d216404da2da7e09d0' }, index.h("mds-paginator-item", { key: '55fd5a7ca06ceb07c2d5c691590b0fb59caba486', class: "item-icon", icon: arrowBack.miBaselineArrowBack, disabled: this.currentPage === 1, onClick: ev => this.goToPage(this.currentPage - 1, ev.target) }), this.pages > 0 && index.h("mds-paginator-item", { key: '3eba254154385c6f5981551979526ad7d1c9ba47', class: "item-first", selected: this.currentPage === 1, onClick: ev => this.goToPage(1, ev.target) }, "1"), this.pages > 2 &&
-            index.h("div", { key: '57632cd05faebece7d1d6840677f687c6c7b12ff', class: "pages" }, Array.from(Array(this.pages - 2).keys()).map(i => index.h("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 && index.h("mds-paginator-item", { key: 'b48fea4189608e7bdf2c2da823e6e74c8dcff140', class: "item-last", selected: this.currentPage === this.pages, onClick: ev => this.goToPage(this.pages, ev.target) }, this.pages), index.h("mds-paginator-item", { key: 'bcfec3ebfb6cbb36c4d8b65500f00895dbf6dafd', class: "item-icon", icon: arrowForward.miBaselineArrowForward, disabled: this.currentPage === this.pages, onClick: ev => this.goToPage(this.currentPage + 1, ev.target) })));
+        return (index.h(index.Host, { key: 'b9d657eba839f340e6884a33a60679318d54f34d' }, index.h("mds-paginator-item", { key: 'cf00f632028acf9b723cd5262445d344d5eaf247', class: "item-icon", icon: arrowBack.miBaselineArrowBack, disabled: this.currentPage === 1, onClick: ev => this.goToPage(this.currentPage - 1, ev.target) }), this.pages > 0 && index.h("mds-paginator-item", { key: 'fa939c14a850380e2f176bab540822569ad69920', class: "item-first", selected: this.currentPage === 1, onClick: ev => this.goToPage(1, ev.target) }, "1"), this.pages > 2 &&
+            index.h("div", { key: '59d2f6299c3272a5a9eeb775debd951c92b010d3', class: "pages" }, Array.from(Array(this.pages - 2).keys()).map(i => index.h("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 && index.h("mds-paginator-item", { key: 'da7bdcac91a730b578d40d87d3eafe376c504d0a', class: "item-last", selected: this.currentPage === this.pages, onClick: ev => this.goToPage(this.pages, ev.target) }, this.pages), index.h("mds-paginator-item", { key: '96c940a778f155d35297834eada78c7fb5207ef6', class: "item-icon", icon: arrowForward.miBaselineArrowForward, disabled: this.currentPage === this.pages, onClick: ev => this.goToPage(this.currentPage + 1, ev.target) })));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/mds-policy-ai.cjs.entry.js

@@ -135,7 +135,7 @@ const MdsPolicyAi = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (index.h(index.Host, { key: '7b3b325b4e9e506f0a616b9226aa03c645657af3' }, this.variant === 'icon' && (index.h("mds-help", { key: '1a447115fa180c1ba7177c635d1aee6cff6d56af', icon: mggAiChatbot, class: "icon-help", onClick: () => window.open(this.href, '_blank'), part: "icon" }, index.h("div", { key: '03659e3d39e8975275b49f979cda4e8299ee8427', class: "icon-tip-content" }, index.h("mds-text", { key: 'ad6ee7a3ebe799862c9271dd0a5ca09f4a751341', typography: "tip" }, (_a = this.headline) !== null && _a !== void 0 ? _a : this.t.get('iconTooltip')), index.h("mds-text", { key: '85f04c35983e39c2b9a29d113eaa09ff4ce0c14a', typography: "tip" }, (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get('iconLinkLabel'))))), this.variant === 'chip' && (index.h("div", { key: 'ccdaa6cb631ce7f2221215ef8317176870bc3a69', class: "chip-wrapper", part: "chip" }, index.h("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') }), index.h("mds-dropdown", { key: '723c1752cc3885cc3e3fba3e4e5c05801ec6aecb', target: "#chip", class: "chip-dropdown", interaction: "mouseover" }, index.h("mds-text", { key: '2f064ded6edfa4e3f145f3b2209e998f9c6bb2f0', typography: "tip" }, (_d = this.description) !== null && _d !== void 0 ? _d : this.t.get('cardDescription')), index.h("mds-button", { key: '09bf7e7e5b5798733515c9f7bdecd46aef1f382c', icon: miOutlinePolicy, href: this.href, variant: "ai", tone: "weak", size: "sm" }, this.t.get('linkLabel'))))), this.variant === 'card' && (index.h("div", { key: 'd9a7053e2554e2f21c4483f995cb63839c44bd87', class: "mini-card", part: "card" }, index.h("mds-icon", { key: '0d85ed781a4072c21d629e3a06a518c7061be311', name: mggAiChatbot, class: "mini-card-icon" }), index.h("div", { key: '9c0ed48327600ca808c03eb0d643b2658e2beb73', class: "mini-card-content" }, index.h("mds-text", { key: 'd23fbe3584a7723765561898fb6b4d1489165797', typography: "caption" }, (_e = this.description) !== null && _e !== void 0 ? _e : this.t.get('iconTooltip')), index.h("mds-button", { key: 'b9e5034cbea3a96c96d7bf6d0e4618252a610efc', class: "mini-card-button", icon: miOutlinePolicy, href: this.href, variant: "ai", tone: "weak", size: "sm" }, index.h("span", { key: 'a92021b49245a534cf3dd1e0e59846b1cde43467', class: "link-label-long" }, this.t.get('linkLabel')), index.h("span", { key: 'e9806827a701a6cb74f615a6c918954346ed0cc7', class: "link-label-short" }, this.t.get('linkLabelShort')))))), this.variant === 'banner' && (index.h("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" }, index.h("mds-text", { key: '4cb7e4ef50bb37d2615f41adb372c43a5e12f8ec', typography: "caption" }, (_g = this.description) !== null && _g !== void 0 ? _g : this.t.get('bannerDescription')), index.h("mds-button", { key: '8b9d0e1fb43a56bd85ae4f442f30a57de4251048', icon: miOutlinePolicy, slot: "action", href: this.href, variant: "ai", tone: "weak", size: "sm" }, index.h("span", { key: '5ddab433bcebbf840975ea948bb5806025eb85d5', class: "link-label-long" }, this.t.get('linkLabel')), index.h("span", { key: 'cc02bfe5e6b22cb2732db55b5b89b5a76627336f', class: "link-label-short" }, this.t.get('linkLabelShort')))))));
+        return (index.h(index.Host, { key: '72d7e3bc8886d4c6f59012e2cb0b91252143dce3' }, this.variant === 'icon' && (index.h("mds-help", { key: 'cf90aecdca7503a31e8a0eea27a70043436c0dcb', icon: mggAiChatbot, class: "icon-help", onClick: () => window.open(this.href, '_blank'), part: "icon" }, index.h("div", { key: '14d608168b16a49512400ea8dfa3aea1680802d3', class: "icon-tip-content" }, index.h("mds-text", { key: '2a735997621d2bc9e8e20845e5372ef492872535', typography: "tip" }, (_a = this.headline) !== null && _a !== void 0 ? _a : this.t.get('iconTooltip')), index.h("mds-text", { key: '6be3500bc2859844b2bbb27e8da817c615b5770b', typography: "tip" }, (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get('iconLinkLabel'))))), this.variant === 'chip' && (index.h("div", { key: '57a52a17c8d2f74672bb015adf315ce0199b8016', class: "chip-wrapper", part: "chip" }, index.h("mds-chip", { key: 'f15b61e8dce8f63a9314218fdd60bf95d9958021', id: "chip", icon: mggAiChatbot, class: "chip", variant: "ai", label: (_c = this.headline) !== null && _c !== void 0 ? _c : this.t.get('chipLabel') }), index.h("mds-dropdown", { key: '703a3417615e91fc633b16de3d14c6dd0bbead6b', target: "#chip", class: "chip-dropdown", interaction: "mouseover" }, index.h("mds-text", { key: '8d1c9c30777f62edd6d2f758f91df649f34d7352', typography: "tip" }, (_d = this.description) !== null && _d !== void 0 ? _d : this.t.get('cardDescription')), index.h("mds-button", { key: '477ba35f2ce3ab2358c96cde22c07c218131887d', icon: miOutlinePolicy, href: this.href, variant: "ai", tone: "weak", size: "sm" }, this.t.get('linkLabel'))))), this.variant === 'card' && (index.h("div", { key: '2b7f145e7101cce14187a4635f6dbc423074e4d9', class: "mini-card", part: "card" }, index.h("mds-icon", { key: '10867cba24062a9bdb1d34fcd200d70bf79e5987', name: mggAiChatbot, class: "mini-card-icon" }), index.h("div", { key: '26b31278f27cf2362a7ce28d66cf5c612c02b148', class: "mini-card-content" }, index.h("mds-text", { key: '9ea1156539157d4d0e15d8f2d8e2fefce78a6e5f', typography: "caption" }, (_e = this.description) !== null && _e !== void 0 ? _e : this.t.get('iconTooltip')), index.h("mds-button", { key: '432dc16dddfc90e5f4a5103a8b0833c5d733d2c2', class: "mini-card-button", icon: miOutlinePolicy, href: this.href, variant: "ai", tone: "weak", size: "sm" }, index.h("span", { key: '140f4b47749bd58f54cfa6e2a76a898bd05b52c2', class: "link-label-long" }, this.t.get('linkLabel')), index.h("span", { key: '283c3bd3223f586722f26f696bfbf934c9433a53', class: "link-label-short" }, this.t.get('linkLabelShort')))))), this.variant === 'banner' && (index.h("mds-banner", { key: 'aca7d32e132d32f7d6ffe2287c9c7976cd6cb8d7', class: "banner", variant: "ai", tone: "weak", icon: mggAiChatbot, headline: (_f = this.headline) !== null && _f !== void 0 ? _f : this.t.get('bannerTitle'), part: "banner" }, index.h("mds-text", { key: '33fb6d756c16baa331868822946b0ebf768a0199', typography: "caption" }, (_g = this.description) !== null && _g !== void 0 ? _g : this.t.get('bannerDescription')), index.h("mds-button", { key: 'cbec6e47269b8090e9fdd45a3cd6a04a05b46bb0', icon: miOutlinePolicy, slot: "action", href: this.href, variant: "ai", tone: "weak", size: "sm" }, index.h("span", { key: 'b9baffca2598d06bc5ca8af1bdc7757130a42485', class: "link-label-long" }, this.t.get('linkLabel')), index.h("span", { key: 'c16e327d6f4b19ecd6c8ef9f8d964d84524f9461', class: "link-label-short" }, this.t.get('linkLabelShort')))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/mds-pref-animation.cjs.entry.js

@@ -113,7 +113,7 @@ const MdsPrefAnimation = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '2821c3f697981c845ed938ef098c4338233adf4f' }, index.h("mds-text", { key: '393df047794c7c3caa76f8bb42c64c47843e8a6e', class: "info", typography: "caption" }, index.h("b", { key: '59cb5d343a080753961e7d2dc1b68489cecf5444' }, this.t.get('label')), " ", this.t.get(this.animation[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), index.h("mds-tab", { key: '804cbd538828ba8d09c7cf47dc486dead953d2cf', fill: true, size: this.size }, index.h("mds-tab-item", { key: '8cdc09c3c4a36610ac3e3ca3f31180a27236ce86', selected: this.mode === 'reduce', onClick: () => { this.setAnimation('reduce'); }, class: "item item--reduce", icon: circle.miOutlineCircle }), index.h("mds-tab-item", { key: '28d3d634639ca021147bb4d0310eba349d399fe0', selected: this.mode === 'system', onClick: () => { this.setAnimation('system'); }, class: "item item--system", icon: settings.miBaselineSettings }), index.h("mds-tab-item", { key: 'de5a9a6778d4fc97deee6d237d4777cc6966a914', selected: this.mode === 'no-preference', onClick: () => { this.setAnimation('no-preference'); }, class: "item item--no-preference", icon: miBaselineAnimation }))));
+        return (index.h(index.Host, { key: '71cca120364748b8f31e4b7698c4e10ee973c989' }, index.h("mds-text", { key: '17f1ac60b45e86483b89256115958d9939a78ed9', class: "info", typography: "caption" }, index.h("b", { key: '0fa32f4e8cdd821f3e271db8b62a93a73834cf3d' }, this.t.get('label')), " ", this.t.get(this.animation[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), index.h("mds-tab", { key: '4710ba7f3b1eb8bc9736803480bab1e091b19537', fill: true, size: this.size }, index.h("mds-tab-item", { key: '47b6c74a616c8ea1421fb145364fb0c03d263394', selected: this.mode === 'reduce', onClick: () => { this.setAnimation('reduce'); }, class: "item item--reduce", icon: circle.miOutlineCircle }), index.h("mds-tab-item", { key: 'dd73815b8e9d518f30be300779b7504096027ca3', selected: this.mode === 'system', onClick: () => { this.setAnimation('system'); }, class: "item item--system", icon: settings.miBaselineSettings }), index.h("mds-tab-item", { key: 'de62a0738572393c7eaef22c55f19ddb1b373f1e', selected: this.mode === 'no-preference', onClick: () => { this.setAnimation('no-preference'); }, class: "item item--no-preference", icon: miBaselineAnimation }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/mds-pref-consumption.cjs.entry.js

@@ -127,7 +127,7 @@ const MdsPrefContrast = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '811e0958ae6ecf6566275ad7d9d02b5808791d36' }, index.h("mds-text", { key: '0f28bfb60e9158f045bbb790b2d7b3c5b093311a', class: "info", typography: "caption" }, index.h("b", { key: 'a3a132f262554f5a38309c5e54841d8b6df8842b' }, this.t.get('label')), " ", this.t.get(this.consumption[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), index.h("mds-tab", { key: 'b958aff782461637ea7a3c8903c47e2fbea66241', fill: true, size: this.size }, index.h("mds-tab-item", { key: '07b02ec88331281d6efc054f40c70030d5532ad4', selected: this.mode === 'low', onClick: () => { this.setConsumption('low'); }, class: "item item--low", icon: mggConsumptionLow }), index.h("mds-tab-item", { key: '41909a5ac3cc66fc19cc79a631269e9fad96d838', selected: this.mode === 'medium', onClick: () => { this.setConsumption('medium'); }, class: "item item--medium", icon: mggConsumptionMedium }), index.h("mds-tab-item", { key: '36c5f60996c6d89fc0d37c6f2d16a463a811a0fb', selected: this.mode === 'high', onClick: () => { this.setConsumption('high'); }, class: "item item--high", icon: mggConsumptionHigh }))));
+        return (index.h(index.Host, { key: '6c22c70a6d7fc957086c173ec28ca99c42c368dc' }, index.h("mds-text", { key: '88edcfc798f5bf58c324e2ee171260bd2e2a355b', class: "info", typography: "caption" }, index.h("b", { key: '35643f30b48a80a089fb7b10f68d14f2a44a06eb' }, this.t.get('label')), " ", this.t.get(this.consumption[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), index.h("mds-tab", { key: 'cb63e033dc4bee3b6c1b3358b6fd3cd0b2939105', fill: true, size: this.size }, index.h("mds-tab-item", { key: 'b28704cadb7eea4320fba65c192d56b01dc92642', selected: this.mode === 'low', onClick: () => { this.setConsumption('low'); }, class: "item item--low", icon: mggConsumptionLow }), index.h("mds-tab-item", { key: 'de8dcb45ffc1c2e333454fa82c8ac209ad8ae1a7', selected: this.mode === 'medium', onClick: () => { this.setConsumption('medium'); }, class: "item item--medium", icon: mggConsumptionMedium }), index.h("mds-tab-item", { key: 'aa6606c7b8a8e6909d3bac549434e56990449c50', selected: this.mode === 'high', onClick: () => { this.setConsumption('high'); }, class: "item item--high", icon: mggConsumptionHigh }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/mds-pref-contrast.cjs.entry.js

@@ -138,7 +138,7 @@ const MdsPrefContrast = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '2568b6a5c9d89197d9e0effd9e15693b18b766bc' }, index.h("mds-text", { key: '1ccdc6cf3f28dab94cb1d97c7072886302d9c8a1', class: "info", typography: "caption" }, index.h("b", { key: '55c3676118d0dd051bf6ede4c9bc230487560465' }, this.t.get('label')), " ", this.t.get(this.contrast[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), index.h("mds-tab", { key: 'ba3f0cd7782972ade4d92817c1aa41024b94d851', fill: true, size: this.size }, index.h("mds-tab-item", { key: '4dbdae43b6a4910969aad293fc75270cf07bbd8a', selected: this.mode === 'more', onClick: () => { this.setContrast('more'); }, class: "item item--more", icon: miBaselineContrast }), index.h("mds-tab-item", { key: '8994863ac2af6236aba1f0a28d8efebae5fdc6e3', selected: this.mode === 'system', onClick: () => { this.setContrast('system'); }, class: "item item--system", icon: settings.miBaselineSettings }), index.h("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 }))));
+        return (index.h(index.Host, { key: '48ce071520023dbc7e564b23fea26e6c5428f188' }, index.h("mds-text", { key: '9adeb519156fbbd39dc61ebd2c7e1619869fbeeb', class: "info", typography: "caption" }, index.h("b", { key: '4e8fbe1afe468a5b01da6bbd57220f25d425c79f' }, this.t.get('label')), " ", this.t.get(this.contrast[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), index.h("mds-tab", { key: '75f3151b3f6f9f8819d1fe7773777dcd1cde5bdf', fill: true, size: this.size }, index.h("mds-tab-item", { key: '1fa13d9161b14396aff119d0c07d9fd7ade3718f', selected: this.mode === 'more', onClick: () => { this.setContrast('more'); }, class: "item item--more", icon: miBaselineContrast }), index.h("mds-tab-item", { key: '00bd276c675ebde3dd9af9069d4b2640a4d80390', selected: this.mode === 'system', onClick: () => { this.setContrast('system'); }, class: "item item--system", icon: settings.miBaselineSettings }), index.h("mds-tab-item", { key: 'bdd8aeefe91c02b8541263466fe423a793bbdd1e', selected: this.mode === 'no-preference', onClick: () => { this.setContrast('no-preference'); }, class: "item item--default", icon: this.mode === 'no-preference' ? miBaselineAutoAwesome : miOutlineAutoAwesome }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/mds-pref-language-item.cjs.entry.js

@@ -254,7 +254,7 @@ const MdsPrefLanguageItem = class {
         this.t.lang(this.element);
     }
     render() {
-        return (index.h(index.Host, { key: 'f32553b56118796faa84635b9d3dcfef18b3a80b', onClick: this.handleClick }, this.code
+        return (index.h(index.Host, { key: '04abb1030e35f38b9eff411abf47a6fd0fef9e8d', onClick: this.handleClick }, this.code
             ? index.h("mds-button", { icon: this.selected ? checkCircle.miBaselineCheckCircle : circle.miOutlineCircle, variant: "dark", tone: "quiet" }, localeDefault[this.code])
             : index.h("mds-button", { icon: checkCircle.miBaselineCheckCircle, variant: "error", tone: "quiet" }, this.t.get('noCode'))));
     }

package/dist/cjs/mds-pref-language.cjs.entry.js

@@ -951,7 +951,7 @@ const MdsPrefLanguage = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '30c4d9175a08f3fcf9f499b75d320c027d5fe6cc' }, index.h("div", { key: '1aeea8d22e90328d9031817730be9ee0c451d05c', class: "menu" }, index.h("mds-text", { key: 'b99c19735994acfbb6dd8735de5df7535a16b33e', class: "info", typography: "caption" }, index.h("b", { key: '7c81f04f6c084dec1a3a87714c3673b734643fd4' }, this.t.get('label'))), index.h("mds-tab", { key: '41ccd7390c27c5e3e8d1a072d6389828c263c257', fill: true, size: this.size }, index.h("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 ? keyboardArrowUp.miBaselineKeyboardArrowUp : keyboardArrowDown.miBaselineKeyboardArrowDown }, this.t.get((_a = this.set) !== null && _a !== void 0 ? _a : 'auto')))), index.h("mds-dropdown", { key: '49a54033bafa12b6c0c60bd7c9a2753fa8df8507', class: "mds-pref-language-dropdown", target: "#mds-pref-language-nav", interaction: "none", visible: this.showDropdown, onMdsDropdownHide: this.hideLanguageSelectDropdown, autoPlacement: true }, index.h("slot", { key: 'ed714fe4ef4a9607f4c6993a4c7ace61bd893a52' })), this.set !== this.defaultLanguage && index.h("mds-text", { key: 'a1919f790270b1eea5c4b92794b5c0c575e83c32', typography: "caption" }, this.t.get('defaultLanguage'))));
+        return (index.h(index.Host, { key: '59c76e3a155537d497d809e494013bee69b44e8c' }, index.h("div", { key: '2ec686ec890b0e4810061d211755d4555b6d7b91', class: "menu" }, index.h("mds-text", { key: 'abba07b2a689f9ae97b5aeebddb746835ae24a93', class: "info", typography: "caption" }, index.h("b", { key: '5c17be3e59c3e491e90bb15db505c4ddf666f23b' }, this.t.get('label'))), index.h("mds-tab", { key: 'd81c8542ccdd86b9c2856691f8f874ac3ba1ebdd', fill: true, size: this.size }, index.h("mds-tab-item", { key: '687d9ba15b927ea26f4890eb1d6090f9db9ed955', selected: true, onClick: this.toggleDropdown, id: "mds-pref-language-nav", class: "item item--custom-language", "icon-position": "right", icon: this.showDropdown ? keyboardArrowUp.miBaselineKeyboardArrowUp : keyboardArrowDown.miBaselineKeyboardArrowDown }, this.t.get((_a = this.set) !== null && _a !== void 0 ? _a : 'auto')))), index.h("mds-dropdown", { key: '666c0dd75372739354955d6283f2a2f7880dac0f', class: "mds-pref-language-dropdown", target: "#mds-pref-language-nav", interaction: "none", visible: this.showDropdown, onMdsDropdownHide: this.hideLanguageSelectDropdown, autoPlacement: true }, index.h("slot", { key: '4e6a3df41304ddc2957a2d1ac492dc2026fe51ea' })), this.set !== this.defaultLanguage && index.h("mds-text", { key: '7a613f9d5291aeb5c5a126061c590b803bc48830', typography: "caption" }, this.t.get('defaultLanguage'))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/mds-pref-theme.cjs.entry.js

@@ -242,17 +242,17 @@ const MdsPrefTheme = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: '28c09d23c1a91df3ae5fe14be3ca8c87ee0b5a3a' }, index.h("mds-text", { key: 'eeb9b71b7dc618ff2d9415e08a97d6b01a5f5368', class: "info", typography: "caption" }, index.h("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 })), index.h("mds-tab", { key: '250516da156920fb7b0cf727d81c8da1c6fa3f6a', fill: true, size: this.size }, index.h("mds-tab-item", { key: '58f785463be3c4bf7a9f22c5c410fb76fad6dab4', disabled: this.disabled, selected: this.mode === 'light', onClick: () => {
+        return (index.h(index.Host, { key: '8a6877704c561751044cad5fea908d317974ecc4' }, index.h("mds-text", { key: 'c7547b26324db0e91bfaee3dfd1186bac8b7f5e4', class: "info", typography: "caption" }, index.h("b", { key: 'a6a9f58db4957fe1d0058462589028883da76e7c' }, 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 })), index.h("mds-tab", { key: 'cfc9d7d3dd3205a2ff6ef96d8c827fbce33d94a2', fill: true, size: this.size }, index.h("mds-tab-item", { key: 'd072ad1253a0062699fc31624067cad3a6f9aa82', disabled: this.disabled, selected: this.mode === 'light', onClick: () => {
                 if (this.overlayShow) {
                     return;
                 }
                 this.changeTheme('light');
-            }, class: "item item--light", icon: miBaselineLightMode }), index.h("mds-tab-item", { key: '85862f369dbb7b47e0d6b022c273d7ef52b09822', disabled: this.disabled, selected: this.mode === 'system', onClick: () => {
+            }, class: "item item--light", icon: miBaselineLightMode }), index.h("mds-tab-item", { key: '5d77b1a075f16cfebd7a73e6944cd81ef478a29e', disabled: this.disabled, selected: this.mode === 'system', onClick: () => {
                 if (this.overlayShow) {
                     return;
                 }
                 this.changeTheme('system');
-            }, class: "item item--system", icon: settings.miBaselineSettings }), index.h("mds-tab-item", { key: '7b9018a52de92d02121e21eda8cc0a053ef47d6a', disabled: this.disabled, selected: this.mode === 'dark', onClick: () => {
+            }, class: "item item--system", icon: settings.miBaselineSettings }), index.h("mds-tab-item", { key: '6295df2ceaa0c5724b1aaf99230b33032faf5394', disabled: this.disabled, selected: this.mode === 'dark', onClick: () => {
                 if (this.overlayShow) {
                     return;
                 }