@maggioli-design-system/magma 1.10.4 → 1.10.5

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

@@ -25,10 +25,10 @@ export class MdsEntity {
         this.actions = this.hostElement.querySelector(':scope > [slot="action"]') !== null;
     }
     render() {
-        return (h(Host, { key: 'cff96a196a549d41daad2477e6cc71b90b14b615' }, h("div", { key: 'cba22569bef7953da259063fe506e7b54d489272', class: "spinner" }, h("mds-spinner", { key: 'f2559a532b5b177a5b83ac8c67f00f9f976143bc', running: true })), this.checkAvatar() &&
-            h("mds-avatar", { key: '31205129cac2b36f1ee31d9d290b94ff6987c4c2', class: "preview", icon: this.icon, initials: this.initials, src: this.src, tone: this.tone, variant: this.variant }), h("div", { key: '6109abee4ef0f688d67caa378302186bfe15428e', class: "infos" }, h("slot", { key: '522efbd2126cab51f95a7f851a34b3acd2a3ec1a' }), this.details &&
-            h("div", { key: '2c89e366bcc1cc39a0dc79b29bc0b8710e522f63', class: "details" }, h("slot", { key: 'c95c8f7a55952b410e5327f72b9b0893b6bbe048', name: "detail" }))), this.actions &&
-            h("div", { key: '05e9d2ef9e090d87b3aec061e775e2a4b3bb9948', class: "actions" }, h("slot", { key: '96cfcac8332606657a428471486f8aa20f518324', name: "action" }))));
+        return (h(Host, { key: 'e5e5f1785ae0e74bf69fe3ee341074b2f9053d32' }, h("div", { key: '22a995b7e1baaec78953d3b160c99b0c4b63c16a', class: "spinner" }, h("mds-spinner", { key: 'e61d61ae537a4cf07f3ab5d1f5ee064182e317c9', running: true })), this.checkAvatar() &&
+            h("mds-avatar", { key: '24b4619913318b428168d70e7520b411bf5ff968', class: "preview", icon: this.icon, initials: this.initials, src: this.src, tone: this.tone, variant: this.variant }), h("div", { key: 'b6bc7d1a8f1a7edefcae8d6961bf10bea81b88c1', class: "infos" }, h("slot", { key: 'a0d2668e3cd6b639d0e04319172a4648de3fb85f' }), this.details &&
+            h("div", { key: '96fa9f64c3f396554d84f29416d3c835e673ed42', class: "details" }, h("slot", { key: '1955f3bcacf0e654d57e09f3dafe7ea9d7437881', name: "detail" }))), this.actions &&
+            h("div", { key: '76af48b3c66dbb40da3fff69f202fd8f62f88a70', class: "actions" }, h("slot", { key: 'e72be00609b3eb24fa15fa02bb28093077b185a2', name: "action" }))));
     }
     static get is() { return "mds-entity"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,10 +54,10 @@ export class MdsFile {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '2d642314a50ed611b13685d802590b263d33a20e', tabindex: "0", onClick: this.handleOnClick }, h("div", { key: 'b13ae086e2222a55da1e97a1edb13af9b2cb2a66', class: "preview" }, this.preview !== undefined
+        return (h(Host, { key: '98164a90398e0d806e0670b4340d0561603f9136', tabindex: "0", onClick: this.handleOnClick }, h("div", { key: 'aecf3480d6cbbf362579d657e19e83c94efa41c3', class: "preview" }, this.preview !== undefined
             ? h("div", { class: "image-preview", style: { backgroundImage: `url(${this.preview})` } })
-            : h("mds-icon", { name: getFormatsVariant(this.filename, this.suffix).icon })), h("div", { key: '8fc60f821fb4a8d249c4cf337915e1e43ae2cd2d', class: "info" }, h("div", { key: '5cab64431273d780edef73f5e567fac8fdae329f', class: "filename", title: this.filename }, h("mds-text", { key: '74feb73a438d14c1c677b4c7cf84a565b1bdde3a', truncate: "word", typography: "h6", class: "name" }, getName(this.filename)), this.suffix === undefined && getSuffix(this.filename, this.suffix) && h("mds-text", { key: '62fec4fa8b9fd87fdfd98c1bc40729dbd465308d', typography: "h6", class: "extension" }, ".", getSuffix(this.filename, this.suffix))), h("div", { key: 'c7417fc054dd2c8e892b1ebebd8d60b2795b4d19', class: "detail" }, getSuffix(this.filename, this.suffix) && h("mds-badge", { key: 'cd4fe7482e81d1c4e251fcf212d092322faadaa5', variant: getFormatsVariant(this.filename, this.suffix).variant, tone: "weak", class: "suffix" }, getSuffix(this.filename, this.suffix)), h("mds-text", { key: 'afcadbef748ff375d0f307ce1ad4235bf9888e6f', truncate: "word", typography: "caption", class: "description", title: (_a = this.description) !== null && _a !== void 0 ? _a : this.t.get(this.getDefaultDescription()) }, (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get(this.getDefaultDescription())))), this.wasDownloaded && this.showDownloadedIcon &&
-            h("div", { key: '1b46901b9ab59de5c1a85da0b44c87e1a6cba3c4', class: "indicator" }, h("i", { key: '8b40a4a962b16a3000807cf0259d1465ac5797d3', class: "downloaded", innerHTML: miBaselineFileDownloadDone, title: this.t.get('alreadyDownloaded') }))));
+            : h("mds-icon", { name: getFormatsVariant(this.filename, this.suffix).icon })), h("div", { key: 'fda6deb724c9de6a6026682741403118c21a5ea7', class: "info" }, h("div", { key: 'c0a75cddb21deaad91ade553996c212676dfd78c', class: "filename", title: this.filename }, h("mds-text", { key: '18379a4576df47772387ed6a7b166b5477c56747', truncate: "word", typography: "h6", class: "name" }, getName(this.filename)), this.suffix === undefined && getSuffix(this.filename, this.suffix) && h("mds-text", { key: '49a7b61565e18930954d7cbb669747ad51d8b20d', typography: "h6", class: "extension" }, ".", getSuffix(this.filename, this.suffix))), h("div", { key: '39a5744eda874b5b5f983b17791f6c366e5b9ff2', class: "detail" }, getSuffix(this.filename, this.suffix) && h("mds-badge", { key: 'f5898dbc6fb1fa770acde22a473cd163dff5accd', variant: getFormatsVariant(this.filename, this.suffix).variant, tone: "weak", class: "suffix" }, getSuffix(this.filename, this.suffix)), h("mds-text", { key: 'e715745896c8ffb973271fae88bbbed23036190a', truncate: "word", typography: "caption", class: "description", title: (_a = this.description) !== null && _a !== void 0 ? _a : this.t.get(this.getDefaultDescription()) }, (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get(this.getDefaultDescription())))), this.wasDownloaded && this.showDownloadedIcon &&
+            h("div", { key: '67fc181b52fa0cbedc2e0e35ee1def88222815e8', class: "indicator" }, h("i", { key: 'ee1d101f49d8925c11d1dccc91d480a6d84daab4', class: "downloaded", innerHTML: miBaselineFileDownloadDone, title: this.t.get('alreadyDownloaded') }))));
     }
     static get is() { return "mds-file"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-file-preview/mds-file-preview.js

@@ -58,11 +58,11 @@ export class MdsFilePreview {
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '48b5d3bca715ae905b8f29c9ac1d86fd4b2e9ca6' }, this.deletable && h("mds-button", { key: '623d4fc6cb18ac730c9ca57e4424c00067c2cf9c', title: this.t.get('remove'), class: "action-delete", icon: miBaselineCancel, variant: "light", onClick: this.onClickDeletedEvent }), h("div", { key: '5eb373931a0d44162e99c454aa5e94d169daedac', class: "card", part: "card", onClick: this.onClickDownloadEvent }, this.src && !this.message && getExtensionInfos(this.filename, this.suffix).preview
+        return (h(Host, { key: '0710d30368cdde1184606c5faa805cdd0bb9054a' }, this.deletable && h("mds-button", { key: '366d3fe7de6e92b3bf8c0be6736666b593ec16cb', title: this.t.get('remove'), class: "action-delete", icon: miBaselineCancel, variant: "light", onClick: this.onClickDeletedEvent }), h("div", { key: 'a9c09b7749ea1f63e8cb4ee2e5383bfc9ae0d1b3', class: "card", part: "card", onClick: this.onClickDownloadEvent }, this.src && !this.message && getExtensionInfos(this.filename, this.suffix).preview
             ? h("mds-img", { src: this.src, class: "preview preview--image", "aspect-ratio": "1/1" })
             : h("div", { class: clsx('preview', !this.message ? 'preview--icon' : 'preview--status') }, this.icon
                 ? h("mds-icon", { class: "icon", name: this.icon })
-                : h("mds-icon", { class: "icon", name: getFormatsVariant(this.filename, this.suffix).icon }), this.message && h("mds-text", { class: "message", typography: "caption", variant: "info" }, this.message)), h("mds-text", { key: '6aa54f15d42be186a225dd27382a7feda50525f5', class: "file-name", typography: "h6", variant: "title", truncate: this.truncate, title: this.filename }, this.filename), h("footer", { key: 'a787fe52590c16f38875cdfc759f74803658dc1d', class: clsx('infos', this.filesize && 'infos--has-file-size') }, this.filesize && this.filesize === Number(this.filesize).toString() && h("mds-text", { key: 'a34543a6f5cefca1eb21a090eebbfe06938a90e5', class: "file-size", truncate: "word", typography: "caption", variant: "info" }, filesize(Number(this.filesize), { standard: 'jedec' })), this.filesize && this.filesize !== Number(this.filesize).toString() && h("mds-text", { key: 'a2a3e90f21c3a613ddc9343c96ecdb3db4fd8d1b', class: "file-size", truncate: "word", typography: "caption", variant: "info" }, this.filesize), getSuffix(this.filename, this.suffix) && h("mds-badge", { key: 'e9a81f4dd32e59ece603c5c85d9ac61b12d38d39', variant: getFormatsVariant(this.filename, this.suffix).variant, tone: "weak", class: "suffix", title: (_a = this.description) !== null && _a !== void 0 ? _a : this.t.get(this.getDefaultKeyDescription()) }, getSuffix(this.filename, this.suffix)), !this.filesize && h("mds-text", { key: '5f0aa89dd5ad1d364285680cdf8b84651a5fcc58', class: "description", truncate: "word", typography: "caption", variant: "info", title: (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get(this.getDefaultKeyDescription()) }, (_c = this.description) !== null && _c !== void 0 ? _c : this.t.get(this.getDefaultKeyDescription()))))));
+                : h("mds-icon", { class: "icon", name: getFormatsVariant(this.filename, this.suffix).icon }), this.message && h("mds-text", { class: "message", typography: "caption", variant: "info" }, this.message)), h("mds-text", { key: 'e2f1c6aca7f7e98f66d89aea9c53610ab9300f95', class: "file-name", typography: "h6", variant: "title", truncate: this.truncate, title: this.filename }, this.filename), h("footer", { key: '3535084a42e1ad9f62c57ac54032a479f3a34463', class: clsx('infos', this.filesize && 'infos--has-file-size') }, this.filesize && this.filesize === Number(this.filesize).toString() && h("mds-text", { key: '79c2bccab6b0740730193a54551a264beac1d772', class: "file-size", truncate: "word", typography: "caption", variant: "info" }, filesize(Number(this.filesize), { standard: 'jedec' })), this.filesize && this.filesize !== Number(this.filesize).toString() && h("mds-text", { key: '143a603b4d3d974e3f93a06d3e2771a723a257d3', class: "file-size", truncate: "word", typography: "caption", variant: "info" }, this.filesize), getSuffix(this.filename, this.suffix) && h("mds-badge", { key: '39c15b38bc2c5d92151b299f4f93095e9fd17f4e', variant: getFormatsVariant(this.filename, this.suffix).variant, tone: "weak", class: "suffix", title: (_a = this.description) !== null && _a !== void 0 ? _a : this.t.get(this.getDefaultKeyDescription()) }, getSuffix(this.filename, this.suffix)), !this.filesize && h("mds-text", { key: '646a25849f8188fb5ac60cfeac9d0977ecd9f806', class: "description", truncate: "word", typography: "caption", variant: "info", title: (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get(this.getDefaultKeyDescription()) }, (_c = this.description) !== null && _c !== void 0 ? _c : this.t.get(this.getDefaultKeyDescription()))))));
     }
     static get is() { return "mds-file-preview"; }
     static get encapsulation() { return "shadow"; }

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

@@ -91,7 +91,7 @@ export class MdsFilter {
         this.changedEvent.emit({ children: items, value: this.itemsValues() });
     }
     render() {
-        return (h(Host, { key: 'acb0b914ec402c5325cda774ab97d8c3e8b5c1cb', "aria-label": this.label, role: "menubar" }, this.label && h("mds-text", { key: '963d6a4e04b3ccf4cf058ad99500ad08712b26a5', class: "label", typography: "label" }, this.label), h("div", { key: '1232b709d7463748c269d15c58229321fc7f5b8d', class: "items-wrapper" }, h("div", { key: '0972ca86723cc49a15e43b3ef0b42acdf36009b6', class: clsx('items', this.active && 'active') }, h("slot", { key: '9133414574d5dadb0c0cb9cb7e947ca72db0c13c' }), h("div", { key: 'd00735adc8ba3b5e3fe8f6ac0f4ac88c6f27e170', class: clsx('reset', this.active && 'reset--opened') }, h("mds-filter-item", { key: 'd7e31b1cd2dcf46fc79eeaebb15658f6fb5fb427', selected: this.active, disabled: !this.active && this.reset, class: clsx('reset-button', this.active && 'reset-button-opened'), icon: miBaselineClose, onClick: this.resetItems }))))));
+        return (h(Host, { key: '5e8605b02237f9249889191d54ae4246652c92d2', "aria-label": this.label, role: "menubar" }, this.label && h("mds-text", { key: '4d4ee003acd78cbc9a87e2ac9dba5f0aa3481530', class: "label", typography: "label" }, this.label), h("div", { key: '211a57862ff7facadb36b0fc74d82cc2b93c7764', class: "items-wrapper" }, h("div", { key: '99fbbc2e399a0a217a79e453c27e4277bb247721', class: clsx('items', this.active && 'active') }, h("slot", { key: '3803d540618c02719130c4fc44b208190962e3e1' }), h("div", { key: 'd516841b2efe68e2e603099223c6eb0e7d1e5377', class: clsx('reset', this.active && 'reset--opened') }, h("mds-filter-item", { key: 'e9b5c15cd2199d855007a617be24948d16e84fbf', selected: this.active, disabled: !this.active && this.reset, class: clsx('reset-button', this.active && 'reset-button-opened'), icon: miBaselineClose, onClick: this.resetItems }))))));
     }
     static get is() { return "mds-filter"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class MdsFilterItem {
     }
     render() {
         var _a;
-        return (h(Host, { key: '01eb93797f864027c46caf59f744b393ab3dbf59', tabindex: this.disabled ? '-1' : '0', role: "menuitem", "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : this.icon, onClick: this.toggle }, this.icon && h("mds-icon", { key: '817590d56a4f47d7391133a968827f45538c92d3', "aria-hidden": "true", name: this.icon }), this.label && h("mds-text", { key: 'e5754fb4fb1e681dd05f3e87cd4bf9d3784d04a5', "aria-hidden": "true", variant: "info", typography: "caption" }, this.label), this.count && h("div", { key: 'd0e402cc24b00faef1525d59127fffbbe6c08449', class: "count" }, h("mds-text", { key: 'de5c9687735a6480bcdae5051c91cb1423542d6e', "aria-hidden": "true", variant: "info", typography: "option" }, this.count))));
+        return (h(Host, { key: '2c895fbc29ea9a0a3821a0dc60dee5dea65ab6cd', tabindex: this.disabled ? '-1' : '0', role: "menuitem", "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : this.icon, onClick: this.toggle }, this.icon && h("mds-icon", { key: 'a4bc5acb9550092fa6fdea9004a602c6e3912b7a', "aria-hidden": "true", name: this.icon }), this.label && h("mds-text", { key: '14d86de48ed76faeee001c5d4a7077b1997693a1', "aria-hidden": "true", variant: "info", typography: "caption" }, this.label), this.count && h("div", { key: '8fb24204fd2f30917f5041fda4e92c1271877294', class: "count" }, h("mds-text", { key: '2a282fdf25234f0e07c3be767408967070d2d33a', "aria-hidden": "true", variant: "info", typography: "option" }, this.count))));
     }
     static get is() { return "mds-filter-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -174,8 +174,8 @@ export class MdsHeader {
         }
     }
     render() {
-        return (h(Host, { key: '79faddee8d4cdf5280e2ce701c1fa9f990c4ce49' }, this.backdrop && h("div", { key: 'ff1ca4571f429c137c3ccf399fbf3e1f9791af0e', class: "backdrop" }), h("slot", { key: '67e11b62f693547536a3237d4da2f5839da28bbf' }), this.hasMenu &&
-            h("div", { key: 'af627b2bd99ad2b01fd1c26ca213131ca0a8cde4', class: "menu", part: "menu" }, h("mds-modal", { key: '38371facac0d13d101a0cfee94327e353607ddf7', class: "modal", opened: this.isOpened, onMdsModalClose: this.close, position: "right" }, h("slot", { key: 'b2d3610bacfaa5f3d91f026271bc4c312f5b8c1f', name: "menu" })))));
+        return (h(Host, { key: 'ed4faa9268044cc9b6046ff39cda66f7553a0043' }, this.backdrop && h("div", { key: 'bb88d582b85506376e70e623c5d536392737eac7', class: "backdrop" }), h("slot", { key: '3e3b3b5b19de464572e1a2f1ac3be1b810c41af6' }), this.hasMenu &&
+            h("div", { key: '9bd8c9c2e49b2b2b5df5c6aa69e065a628e1508e', class: "menu", part: "menu" }, h("mds-modal", { key: '50de497869acb91e1a3df249c48063aa1a999ad0', class: "modal", opened: this.isOpened, onMdsModalClose: this.close, position: "right" }, h("slot", { key: '0d8173ec63daaf17959d2aaec7ffbfbfab9daa24', name: "menu" })))));
     }
     static get is() { return "mds-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-header-bar/mds-header-bar.js

@@ -31,9 +31,9 @@ export class MdsHeaderBar {
         this.isOpened = isOpened;
     }
     render() {
-        return (h(Host, { key: '484aa97616f0d0a5bfc4c116623dd4f7da2170a7' }, h("div", { key: '51cfc3559edf461b2fe7c3bf57603706d492ce8b', class: "content", part: "content" }, h("div", { key: '3f419f65a5ff12ffe8e8818efdd2aa05860faac1', class: "logo" }, h("slot", { key: 'ae778800d2977a1e35c74bf79c474fdd0f4b2c4a' })), h("div", { key: 'b6fd55598f46e871a6b1e161c2b110ed13306d34', class: "actions", part: "actions" }, this.nav !== 'none' && this.hasNav &&
-            h("nav", { key: '8b4b826e27fef0da44a4bc655e0ba3c933662c49', class: "nav", part: "nav" }, h("slot", { key: '72e5cb32ed7699db8e939db3b9ffed4c14125f55', name: "nav" })), this.menu !== 'none' &&
-            h("mds-button", { key: 'caaa70dbab763134ad6a693ff4d310b0cb40d55b', class: "menu", variant: "dark", tone: "quiet", icon: miRoundMenu, onClick: this.open, part: "hamburger" })))));
+        return (h(Host, { key: 'f8dff045e6be9b205bbee68f373ae90ad6f74709' }, h("div", { key: 'c8d0ab25b9ef9c65c95ab7d637f398716a9ccd69', class: "content", part: "content" }, h("div", { key: '8f638de0bc8f252412960300bcbd08eb4507eb97', class: "logo" }, h("slot", { key: 'a663ac9cc2b1e560a3e124622a0e37ddc939f828' })), h("div", { key: '769051e97bc1487231f9a604c998c555618b96c5', class: "actions", part: "actions" }, this.nav !== 'none' && this.hasNav &&
+            h("nav", { key: '56c2c94577457bec5f1799a3ac8b0b975cca6862', class: "nav", part: "nav" }, h("slot", { key: '1eae94afa33201e1c3840d848664d36f3e93730c', name: "nav" })), this.menu !== 'none' &&
+            h("mds-button", { key: '8ef11e0014ef070974fbef39824cc1ca380d0ce9', class: "menu", variant: "dark", tone: "quiet", icon: miRoundMenu, onClick: this.open, part: "hamburger" })))));
     }
     static get is() { return "mds-header-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,7 +16,7 @@ export class MdsHelp {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'd916d8a8d1c6f4022d1967c0932d73b21ca7c94a' }, h("mds-icon", { key: '59e99dd6f74779a2eb60168ff430dae1b69323d9', class: "icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miOutlineHelp, part: "icon" }), h("mds-tooltip", { key: 'd3d3ded20e6591a2ab78c61d20606077a4fd3b8f', placement: this.placement, autoPlacement: this.autoPlacement, strategy: "absolute", target: ".icon" }, h("slot", { key: 'cb9c40927adab4a2cdde57209b5c99d0408c3639' }))));
+        return (h(Host, { key: '8348457632144e166c3c38d2fd42a13925ba0ec4' }, h("mds-icon", { key: '7b22740b418103eeb49af85a999eb0dfb3766029', class: "icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miOutlineHelp, part: "icon" }), h("mds-tooltip", { key: 'c148617c3e44b8265be5c973683c365f2eefa460', placement: this.placement, autoPlacement: this.autoPlacement, strategy: "absolute", target: ".icon" }, h("slot", { key: '04c9543ea769febd6b68c06a3a4831525063f7c9' }))));
     }
     static get is() { return "mds-help"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-horizontal-scroll/mds-horizontal-scroll.js

@@ -195,7 +195,7 @@ export class MdsHorizontalScroll {
         this.contents.removeEventListener('scroll', this.translateNavigationDot);
     }
     render() {
-        return (h(Host, { key: '813a5af54bdb5a86d7662780f1130726b794598f' }, h("div", { key: '7fc7be70a78e5d1df138842d017ec516965e36d8', class: "contents", part: "content" }, h("div", { key: '9f16ae2a3d5b327685848dac7627e0eabf600c3d', class: "spacer" }), h("slot", { key: 'aab4c93cc415efac5754d63738478f6e1fec9d3e', onSlotchange: this.updateElements }), h("div", { key: '728b3827466733209727823476afd5734bcb581e', class: "spacer" })), h("div", { key: '9d5f8a4bdd74746f6c046172be78f80607458d05', class: "dot-navigation" }, h("div", { key: '7119cfb68b5582f3f906b4f61ea38c320bd84015', class: "dot" })), this.controls && this.controls !== 'none' && h("mds-button", { key: '1ce0a724dd3a2f7e90c897066ea36c150d4357af', onClick: this.moveBack, size: "lg", class: clsx('navigation navigation--back', !this.showBack && 'navigation--disabled'), icon: miBaselineArrowBack }), this.controls && this.controls !== 'none' && h("mds-button", { key: '56fa074dcffc7549215827728472d574a9c6b195', onClick: this.moveForward, size: "lg", class: clsx('navigation navigation--forward', !this.showForward && 'navigation--disabled'), icon: miBaselineArrowForward })));
+        return (h(Host, { key: 'b65cd5aef21f81cf9c660b9e16ee0742033b0522' }, h("div", { key: '957de53a7aeee4ddb820288c54fe4b976b74bac9', class: "contents", part: "content" }, h("div", { key: '385e764035e30f5e0d656c700198de314eb87a8d', class: "spacer" }), h("slot", { key: '85fff563ccf060e4fc590faf05595a79dbd87d57', onSlotchange: this.updateElements }), h("div", { key: '181ee99f3e0d61f4c1062dec205632f0b9d287fc', class: "spacer" })), h("div", { key: 'd575c09eab0fa7e5d08e0fcb720d1740035cf38d', class: "dot-navigation" }, h("div", { key: '403830bc1cca796930ae5da665f9f3d3a206c7b9', class: "dot" })), this.controls && this.controls !== 'none' && h("mds-button", { key: '47befe2f2aa6522819c7ff80b3385ab574ce6c30', onClick: this.moveBack, size: "lg", class: clsx('navigation navigation--back', !this.showBack && 'navigation--disabled'), icon: miBaselineArrowBack }), this.controls && this.controls !== 'none' && h("mds-button", { key: '3bcdf715858fbed99e63957506f751e5188f4a53', onClick: this.moveForward, size: "lg", class: clsx('navigation navigation--forward', !this.showForward && 'navigation--disabled'), icon: miBaselineArrowForward })));
     }
     static get is() { return "mds-horizontal-scroll"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class MdsHr {
     render() {
-        return (h(Host, { key: 'bee4576b1e12ab8120755a7ef50a0c7ff68874f7' }));
+        return (h(Host, { key: 'cc9708f0bbede0b64897ded6362a273781ac97c4' }));
     }
     static get is() { return "mds-hr"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,7 +39,7 @@ export class MdsIcon {
         this.svgHTML = await IconsSetService.fetchSvg(this.name);
     }
     render() {
-        return (h(Host, { key: '992765f41d4d37744457b9e5da2c9531412e58e6' }, this.svgHTML && h("i", { key: '45fbed1f98dc82f5d1cfc5cf1c396d175a515a9d', "aria-hidden": "true", class: "icon", part: "svg", innerHTML: this.svgHTML })));
+        return (h(Host, { key: 'b64516e083273f19955d483ace9a7bf2b8c25903' }, this.svgHTML && h("i", { key: 'e9e61853cb3895c0e291f39358d9ab545cb3cfa6', "aria-hidden": "true", class: "icon", part: "svg", innerHTML: this.svgHTML })));
     }
     static get is() { return "mds-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -25,7 +25,6 @@ export class MdsInput {
         this.isRecording = false;
         this.countVariant = 'count-empty';
         this.isPasswordVisible = false;
-        this.transcript = '';
         // private valuePristine?: string
         this.t = new Locale({
             el: localeEl,
@@ -194,11 +193,19 @@ export class MdsInput {
             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) => {
@@ -359,21 +366,21 @@ export class MdsInput {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '14dfb2925f42f28c3f339aa726250c218c6e8034' }, this.type === 'number'
+        return (h(Host, { key: '6904606bb94fbe4039190d44dc6b146561cb1c9d' }, this.type === 'number'
             && this.controlsLayout === 'horizontal'
-            && h("mds-button", { key: 'dfbbf389f9a428b442d53cb2871ce1ac155dc992', class: "counter-button counter-button--horizontal counter-button--decrease", icon: this.controlsIcon === 'arrow' ? miBaselineArrowDown : miBaselineRemove, onClick: this.stepDown, tabindex: "0", title: this.t.get('decrease'), part: "counter-button-decrease" }), this.type === 'textarea'
+            && h("mds-button", { key: 'e529d4c484cd78950a425b884fe927199acc0b05', class: "counter-button counter-button--horizontal counter-button--decrease", icon: this.controlsIcon === 'arrow' ? miBaselineArrowDown : miBaselineRemove, onClick: this.stepDown, tabindex: "0", title: this.t.get('decrease'), part: "counter-button-decrease" }), this.type === 'textarea'
             ? h("textarea", { class: 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 })
             : h("input", { class: 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'
-            && h("div", { key: '7d39995a7de0c544164e6cb34060982f0b75bcee', class: "counter counter--vertical" }, h("mds-button", { key: '3ec8f2d5ebb37515eba684b222984d501344aefa', class: "counter-button", icon: this.controlsIcon === 'arrow' ? miBaselineArrowUp : miBaselineAdd, onClick: this.stepUp, tabindex: "0", title: this.t.get('increase'), part: "counter-button-increase" }), h("mds-button", { key: '4e3ab5d885d4353599dacd8f3f984fc7e88dcab3', class: "counter-button", icon: this.controlsIcon === 'arrow' ? miBaselineArrowDown : miBaselineRemove, onClick: this.stepDown, tabindex: "0", title: this.t.get('decrease'), part: "counter-button-decrease" })), this.type === 'number'
+            && h("div", { key: 'd000022047e1333c236edce58b177c5f619f4385', class: "counter counter--vertical" }, h("mds-button", { key: 'c96ebc62547c9feec928ffe5ff818015ff011032', class: "counter-button", icon: this.controlsIcon === 'arrow' ? miBaselineArrowUp : miBaselineAdd, onClick: this.stepUp, tabindex: "0", title: this.t.get('increase'), part: "counter-button-increase" }), h("mds-button", { key: 'ee82c65fd71d66b08714461ac8263f4bbfebcc9d', class: "counter-button", icon: this.controlsIcon === 'arrow' ? miBaselineArrowDown : miBaselineRemove, onClick: this.stepDown, tabindex: "0", title: this.t.get('decrease'), part: "counter-button-decrease" })), this.type === 'number'
             && this.controlsLayout === 'horizontal'
-            && h("mds-button", { key: '1c239d77df198fd2b76cd6d8fcfa5506e6961ac9', class: "counter-button counter-button--horizontal counter-button--increase", icon: this.controlsIcon === 'arrow' ? miBaselineArrowUp : miBaselineAdd, onClick: this.stepUp, tabindex: "0", title: this.t.get('increase'), part: "counter-button-increase" }), this.type === 'password'
-            && 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
-            && h("mds-button", { key: 'c478eff96791fec74b209d82179f9db8ac3a2497', class: 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" }), h("mds-input-tip", { key: 'c9e753cd4cb261f5c256cf28b24e57966a132b5c', lang: this.language, position: "top", active: this.hasFocus }, this.disabled && h("mds-input-tip-item", { key: 'de56d7c1cbf6038e7870a4008732db5177895a11', expanded: true, variant: "disabled" }), this.readonly && h("mds-input-tip-item", { key: '3b3c3c845e5f51fae63524538703e2897a230e4f', expanded: true, variant: "readonly" }), this.required &&
-            h("mds-input-tip-item", { key: '3097ce033495937f9bb0702d493350f885d677fa', expanded: this.hasFocus, variant: this.isValid ? 'required-success' : 'required' })), h("mds-input-tip", { key: 'cfc189ab082bcff879aae32e68753b1673f7d7a7', lang: this.language, position: "bottom", active: this.hasFocus }, this.tip && h("mds-input-tip-item", { key: 'ecaf763fdc308a580b81f57a9c45953fa8b76810', expanded: true, variant: "text" }, this.tip), this.maxlength && h("mds-input-tip-item", { key: '3ce50994c06c0e441ccb991848eec904b52ba568', part: "tip-count", expanded: true, variant: this.countVariant }, this.currentLengthLabel)), this.datalist &&
-            h("datalist", { key: 'b837f396a6430518b6f3019f9adc822e6f563908', id: this.datalistId, class: "datalist" }, this.datalist.map((element, i) => {
+            && h("mds-button", { key: 'b4621ae846273b4b70642d6747aa5d69fa234342', class: "counter-button counter-button--horizontal counter-button--increase", icon: this.controlsIcon === 'arrow' ? miBaselineArrowUp : miBaselineAdd, onClick: this.stepUp, tabindex: "0", title: this.t.get('increase'), part: "counter-button-increase" }), this.type === 'password'
+            && 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
+            && h("mds-button", { key: '85613ac5d7b424dc43770a4e54296d0bc9e7794a', class: 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" }), h("mds-input-tip", { key: '156b330252d0f8483c7996d902e1321bcc05dd7c', lang: this.language, position: "top", active: this.hasFocus }, this.disabled && h("mds-input-tip-item", { key: '5ccb7a0700d723bc05bab4fdac21d7bf823cf12f', expanded: true, variant: "disabled" }), this.readonly && h("mds-input-tip-item", { key: 'eed82a87a109822b60e8d0a9ff6b078517087135', expanded: true, variant: "readonly" }), this.required &&
+            h("mds-input-tip-item", { key: '53daa9c77147a4fda3d13e55fdf4bca4c8471b29', expanded: this.hasFocus, variant: this.isValid ? 'required-success' : 'required' })), h("mds-input-tip", { key: 'c95aa6e4c98c074712c772fe3a7513640c4daa63', lang: this.language, position: "bottom", active: this.hasFocus }, this.tip && h("mds-input-tip-item", { key: 'a7813d9e3675924fe00e93248292a48d5e273ada', expanded: true, variant: "text" }, this.tip), this.maxlength && h("mds-input-tip-item", { key: '01305a14e95334b7352dbe9cbccc90af18c0cc1d', part: "tip-count", expanded: true, variant: this.countVariant }, this.currentLengthLabel)), this.datalist &&
+            h("datalist", { key: 'f99c96b4bbb45760252e2a5fc5965dddfbc60c21', id: this.datalistId, class: "datalist" }, this.datalist.map((element, i) => {
                 return h("option", { key: i, value: element });
-            })), this.icon && !this.await && h("mds-icon", { key: '12629ece8dd79082e958dc634e5f610ca4e0fb90', class: clsx('icon', this.variant), name: this.icon }), h("mds-spinner", { key: 'b6dc361107fde37ebebe48c8f417e270fcdb3a28', running: this.await, class: clsx('await', this.variant) })));
+            })), this.icon && !this.await && h("mds-icon", { key: '41f6e990e5f47dbc8821934fc486c44a388d0386', class: clsx('icon', this.variant), name: this.icon }), h("mds-spinner", { key: '85598d3e10e75fff275693b7fe2d17b392e3e8c2', running: this.await, class: clsx('await', this.variant) })));
     }
     static get is() { return "mds-input"; }
     static get encapsulation() { return "shadow"; }
@@ -941,8 +948,7 @@ export class MdsInput {
             "isRecording": {},
             "currentLengthLabel": {},
             "countVariant": {},
-            "isPasswordVisible": {},
-            "transcript": {}
+            "isPasswordVisible": {}
         };
     }
     static get events() {

package/dist/collection/components/mds-input-date/mds-input-date.js

@@ -114,14 +114,16 @@ export class MdsInputDate {
     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 (h(Host, { key: '65bead50746f2ac93e77e3b0d2959d44d6bc6ee3' }, 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 && h("mds-button", { key: 'ed2874e84dc8febec33dfee7a8e1c0ea44b33c61', id: "calendar-dropdown", class: "action-open-calendar", disabled: this.disabled, variant: "dark", tone: "quiet", icon: miBaselineCalendarToday, onClick: () => {
+        return (h(Host, { key: '919d453601a3562de46f9439d3dad1f1eaf3a5e1' }, 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 && h("mds-button", { key: '82957882c6a88bbc3163d1d0f1cfec0352ce5822', id: "calendar-dropdown", class: "action-open-calendar", disabled: this.disabled, variant: "dark", tone: "quiet", icon: miBaselineCalendarToday, onClick: () => {
                 this.calendarKey += 1;
-            } }), h("mds-input-tip", { key: '0c1de4cfda03e12cf04a236a99f735f09ab96d33', lang: this.language, position: "top", active: this.hasFocus }, this.disabled && h("mds-input-tip-item", { key: 'd3a2124d567dafe7ac6845ddd8ff4d640406eb13', expanded: true, variant: "disabled" }), this.readonly && h("mds-input-tip-item", { key: 'df71711af47d3a4146d362b9a1dffe410f2db222', expanded: true, variant: "readonly" }), this.required &&
-            h("mds-input-tip-item", { key: '006715ae91e970a8305ff6c11ede212c8aa847fc', expanded: this.hasFocus, variant: this.isValid ? 'required-success' : 'required' })), !this.isSlotted && h("mds-dropdown", { key: '48bf82eda13f4f7a69fc252ed4ece511cdf6e7c9', placement: "bottom-end", "auto-placement": false, ref: el => this.dropdownRef = el, target: "#calendar-dropdown" }, h("mds-calendar", Object.assign({ key: this.calendarKey, rangePicker: false, lang: this.language, onMdsCalendarChange: ev => {
+            } }), h("mds-input-tip", { key: '7fddea55e6476b4d9ed66fcc2d9008b9887d8bd8', lang: this.language, position: "top", active: this.hasFocus }, this.disabled && h("mds-input-tip-item", { key: '6dadfde7538194e26a86558fe3f2ed912bd951c3', expanded: true, variant: "disabled" }), this.readonly && h("mds-input-tip-item", { key: 'b18b6d06a2ece4f74fdaa93081fe3761675c5337', expanded: true, variant: "readonly" }), this.required &&
+            h("mds-input-tip-item", { key: 'b1bc792f3a3a6f3763d6616efccee124025b85ed', expanded: this.hasFocus, variant: this.isValid ? 'required-success' : 'required' })), !this.isSlotted && h("mds-dropdown", { key: 'e8a3ce8caf29684848cf698d58c838bd5ce10e0b', placement: "bottom-end", "auto-placement": false, ref: el => this.dropdownRef = el, target: "#calendar-dropdown" }, 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/collection/components/mds-input-date-range-preselection/mds-input-date-range-preselection.js

@@ -12,7 +12,7 @@ export class MdsInputDateRangePreselection {
         };
     }
     render() {
-        return (h(Host, { key: '312780cd0f679e10e34c6aa5d9c15fd5d29835fb', slot: "calendar-preselection" }, h("mds-button", { key: '7d0085b9cc58a162ff47fca25daf104cef64bcb1', onClick: this.onClick, class: "action", variant: "primary", tone: "strong" }, h("slot", { key: 'cd15d275d8259f651e3fc9a04fb15c70981f2a67' }))));
+        return (h(Host, { key: '16a53ed6c9e6657eba7b66a2429afd07c32b74f3', slot: "calendar-preselection" }, h("mds-button", { key: 'cd91f744d25462a2118712569443b37e8231ec3b', onClick: this.onClick, class: "action", variant: "primary", tone: "strong" }, h("slot", { key: 'e6d93dfdb6d8323d46b7341776e2bd0421b68f0f' }))));
     }
     static get is() { return "mds-input-date-range-preselection"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-input-field/mds-input-field.js

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

package/dist/collection/components/mds-input-otp/mds-input-otp.js

@@ -75,7 +75,7 @@ export class MdsInputOtp {
         };
     }
     render() {
-        return (h(Host, { key: '12a644ed6f15af0ec2e288353bbe5969ba3ffb06' }, Array.from({ length: this.length }).map(() => (h("mds-input", { class: "input", maxlength: 1, onKeyDown: this.handleKeyDown, onPaste: this.handlePaste })))));
+        return (h(Host, { key: '377691dfe4f437ed62db8b81b7fdae30589bc4c1' }, Array.from({ length: this.length }).map(() => (h("mds-input", { class: "input", maxlength: 1, onKeyDown: this.handleKeyDown, onPaste: this.handlePaste })))));
     }
     static get is() { return "mds-input-otp"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-input-range/mds-input-range.js

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

package/dist/collection/components/mds-input-select/mds-input-select.js

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

package/dist/collection/components/mds-input-switch/mds-input-switch.js

@@ -130,11 +130,11 @@ export class MdsInputSwitch {
         var _a;
         const { iconChecked, iconUnchecked, iconIndeterminate } = inputSwitchIconVariant[this.type];
         const iconCheckedUser = this.icon !== '' ? this.icon : iconChecked;
-        return (h(Host, { key: '7f23da179de8195c1d4f3b29a7fdc70ef038ea3d', onClick: this.handleDirty }, 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 (h(Host, { key: '25fbe1a54f949f20f339c7e44537d0f3b21152d1', onClick: this.handleDirty }, 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'
             ?
                 h("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 }) }, h("div", { class: "switch" }, h("div", { class: "switch-toggle" }, this.explicit && h("mds-icon", { class: "icon-explicit", name: this.checked ? miBaselineChecked : miBaselineRemove }))))
             :
-                h("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, h("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, h("mds-icon", { class: "icon-unchecked", name: clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), this.checked && h("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, h("mds-icon", { class: "icon-checked", name: clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), h("label", { key: '845557dcf1038196b6dad0b899c79c911eb38314', htmlFor: "field", class: clsx('label-text', !this.hasText && 'label-text--empty') }, h("mds-text", { key: '81da81c72be83a16c7262e78ca8ee84a73bbea75', typography: this.typography, variant: this.variant }, h("slot", { key: '71ff96d3083dfac376d9508e23d49ccfc836cba5' })))));
+                h("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, h("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, h("mds-icon", { class: "icon-unchecked", name: clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), this.checked && h("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, h("mds-icon", { class: "icon-checked", name: clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), h("label", { key: '5b653bd7e1b8e23230aea0966d63ae815ed0715c', htmlFor: "field", class: clsx('label-text', !this.hasText && 'label-text--empty') }, h("mds-text", { key: 'd16a2310e71bd1b39bd2fd30366a634e978b5ad6', typography: this.typography, variant: this.variant }, h("slot", { key: '6e52e24564b55b03ddbd33c8542cbd084ac0973c' })))));
     }
     static get is() { return "mds-input-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-input-tip/mds-input-tip.js

@@ -11,7 +11,7 @@ export class MdsInputTip {
         this.position = 'top';
     }
     render() {
-        return (h(Host, { key: '4a6b8bc471afe276bb7461d9b57bcbeaed32b998' }, h("slot", { key: '5e007f21d21f94972f0214d40973ffb89a7489c3' })));
+        return (h(Host, { key: '4554c2d91fec59827b55777cb0385fd10a59b393' }, h("slot", { key: '85fbcfed85e6b48e4dda2795fe5fe81b5842808f' })));
     }
     static get is() { return "mds-input-tip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-input-tip-item/mds-input-tip-item.js

@@ -30,13 +30,13 @@ export class MdsInputTipItem {
         }
     }
     render() {
-        return (h(Host, { key: '823c231cad86a73c8a20e7aaff446c82a6a03bcd' }, h("div", { key: '5c2c1232212f8bd8bc70e20526f781924a29da17', class: "content" }, this.variant === 'text' &&
-            h("mds-text", { key: 'fa33b630d58217037c796ddaa8be4aa2a5887989', typography: "option", truncate: "word" }, h("span", { key: 'd5e2bd02bbd925d7e36cbfc4119ac47ead58be54', class: "text" }, h("slot", { key: '9b5a9677bff367e3993b3aeedc59a987ea7712d4' }))), this.variant === 'readonly' &&
-            h("mds-text", { key: 'ce05c8dde6b7d948f4fba6aea93ead1651720f03', typography: "option", truncate: "word" }, h("span", { key: '0ea70472bf7685ace98f3dba8feead14294d1174', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'disabled' &&
-            h("mds-text", { key: '9346da4a9e2b028eb8123700ea57ee231c138944', typography: "option", truncate: "word" }, h("span", { key: 'a3605874f82bb15ace895c5f5c1a85c5225a5ac7', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required' &&
-            h("mds-text", { key: '6bdf4e66624cd0b28b2320da92c6e09ac4162628', typography: "option", truncate: "word" }, h("span", { key: 'bd4ec56e8c649999b54853047589fea69eae1dae', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required-success' &&
-            h("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') &&
-            h("mds-text", { key: '3d57e1ad0073fdb4b5bbff888b1d4028dbae6afa', typography: "option", truncate: "word" }, h("span", { key: 'c61e4c4bf3b9cc7b87d14d795de4a8c8729c9b12', class: "text" }, h("slot", { key: 'b80cf78fdc612bbb88538a1f0f4ac918f9325f8e' }))))));
+        return (h(Host, { key: '610ec06bcddc82127aeb5eadc441482d2adc30b1' }, h("div", { key: 'c30fc507228aa92351dff9ad05f06222378bb7b2', class: "content" }, this.variant === 'text' &&
+            h("mds-text", { key: '7661cf787c08a3879ef91bf490c0b3a779197b94', typography: "option", truncate: "word" }, h("span", { key: 'aaa421d74b1c1c7e506adaee5efd6e7e1fe367e9', class: "text" }, h("slot", { key: '1e2488a1effa82424500c28c542e8f6c1619a5bb' }))), this.variant === 'readonly' &&
+            h("mds-text", { key: '30d60f70fbfbbab738c481e6e0b6c805f1cc4810', typography: "option", truncate: "word" }, h("span", { key: '89ff9b9f54c9aef62ac1fa2abda54007b1dbfaa5', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'disabled' &&
+            h("mds-text", { key: 'cd41bea9f5af0f2020a37330b33a940b179c28f6', typography: "option", truncate: "word" }, h("span", { key: 'e05d357b1ceafcb4a20cf4cbf3a2850de6d1b7e4', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required' &&
+            h("mds-text", { key: '37b9f6c8efd291a5d90c615d381c26657d8fb983', typography: "option", truncate: "word" }, h("span", { key: '19bf638cf96bf97555a78f1e69027bd1b48f3578', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required-success' &&
+            h("span", { key: '76b3c05bc5162514f1975cd3569dfd04a7355442', 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') &&
+            h("mds-text", { key: '445b3dfa49b2b9374fe81a8ea4eca85007b562d8', typography: "option", truncate: "word" }, h("span", { key: 'e92bc1e04a77ef2687f2769ba8865b2b1cc65ad5', class: "text" }, h("slot", { key: 'a431c2d46f71e3d7ebcdb4c76c3c6ec891de8911' }))))));
     }
     static get is() { return "mds-input-tip-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-input-upload/mds-input-upload.js

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

@@ -162,7 +162,7 @@ export class MdsKeyboard {
         this.stopKeyboardShortcutTest();
     }
     render() {
-        return (h(Host, { key: 'f4a019bb8abbb5d2786623eae83d64cfe61182bd' }, h("div", { key: 'c33ccc56d9ff86191abb53a7f922f8ff5197e5cc', class: "shortcuts" }, h("slot", { key: '302a19180e1cfcc46ae7b556e5cf1f02762fae54' })), this.try && 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 && 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 && h("div", { key: '14be9e7a889ae3918aff50727f97663794d94a8c', class: "errors" }, [...this.errors].map(error => (h("mds-text", { typography: 'tip' }, this.t.get(error))))))));
+        return (h(Host, { key: '598a620f99612fb33610cd90f571740b80134e8f' }, h("div", { key: '470fdb666b7643502360fb4fc8d96fc7deabb872', class: "shortcuts" }, h("slot", { key: '7b8d29a09a1dd89e2360b8cd510a6257f38f0eee' })), this.try && 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 && 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 && h("div", { key: '8828d357af9afd4100f205a4e02c3a9fa8f9bc10', class: "errors" }, [...this.errors].map(error => (h("mds-text", { typography: 'tip' }, this.t.get(error))))))));
     }
     static get is() { return "mds-keyboard"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-keyboard-key/mds-keyboard-key.js

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

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

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class MdsKpi {
     render() {
-        return (h(Host, { key: '4399ae89280bb996ebeb8e7ef5971ec00ee69751', role: "list" }, h("slot", { key: '59c73a18547bb1f9f9053c722d6d508894c87f80' })));
+        return (h(Host, { key: '96a971940592fd1c7d1a2d8e8baff17211f5e1ad', role: "list" }, h("slot", { key: 'fdfbd2d5ed999bdd53143d8e8434f435724f4dc8' })));
     }
     static get is() { return "mds-kpi"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -68,7 +68,7 @@ export class MdsLabel {
         this.km.detachClickBehavior();
     }
     render() {
-        return (h(Host, { key: '8e07b2f4db4c8cd94461d92d0f7092b14da2ca14' }, h("mds-text", { key: 'a4d0fc6386c315ffea2eb8a49839981ab2e2f1a2', class: "text", truncate: this.truncate, typography: this.typography }, h("slot", { key: '738206f293b5220116934edfdbd0ed14cf38d8c9' })), this.deletable && h("mds-button", { key: '17c807ebeb0757d692d408ea64ac8cdb011dbc6a', class: "button-close", icon: miBaselineCancel, onClick: this.onClickDelete.bind(this), title: this.t.get('remove') })));
+        return (h(Host, { key: 'e80d45bf379998144265544a7872891145c34acf' }, h("mds-text", { key: '5318d30e3acc984cdd6b1f0334a4b9c9ea3a523a', class: "text", truncate: this.truncate, typography: this.typography }, h("slot", { key: 'ff2029b1cc6174bcdc9c56f18b24bc2f55178949' })), this.deletable && h("mds-button", { key: '6b6e6e898238b6fe48827417b47b1e9ef21276ee', class: "button-close", icon: miBaselineCancel, onClick: this.onClickDelete.bind(this), title: this.t.get('remove') })));
     }
     static get is() { return "mds-label"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class MdsList {
     render() {
-        return (h(Host, { key: '6b535d21db95eae01155c73f48e3eb43740d37ed', role: "list" }, h("slot", { key: '022a37299f62bd315ee414ad6ec6cb598e44b0aa' })));
+        return (h(Host, { key: '250c301dbea62e0dcb22b5a72e8a5d63461e6f6c', role: "list" }, h("slot", { key: 'c9d79830264d9e878f81505722c97170a767d488' })));
     }
     static get is() { return "mds-list"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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