@maggioli-design-system/magma 1.10.4 → 1.10.5

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

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

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

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

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

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

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

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

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

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

package/dist/collection/components/mds-policy-ai/mds-policy-ai.js

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

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

@@ -91,7 +91,7 @@ export class MdsPref {
         this.removePerfEvents();
     }
     render() {
-        return (h(Host, { key: 'de3136d856df4f53e637a44b60392af6d646750f' }, h("slot", { key: '23d28929d516b33fdef140780bfe37fb04189a96' }), this.showReload && h("div", { key: '808dbac26256dfdfa46e4296c1d74e1992f38901', class: "reload-required" }, h("mds-text", { key: '18a55f404c6aeddcd22b56f8fbd479636acef773', typography: "caption" }, this.t.get('reloadPageToSeeChanges')))));
+        return (h(Host, { key: 'ebbe5a04bed720ac2df81b04d4d7a67f714d1c53' }, h("slot", { key: '0753427d80613560e5f0ed2a8ada2fc537c43237' }), this.showReload && h("div", { key: 'a91ef3ed3ec0c9a7ceaa3cf699733c19048d29b0', class: "reload-required" }, h("mds-text", { key: 'f76105559924959927aae56bca0e0496c544487e', typography: "caption" }, this.t.get('reloadPageToSeeChanges')))));
     }
     static get is() { return "mds-pref"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-pref-animation/mds-pref-animation.js

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

package/dist/collection/components/mds-pref-consumption/mds-pref-consumption.js

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

package/dist/collection/components/mds-pref-contrast/mds-pref-contrast.js

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

package/dist/collection/components/mds-pref-language/mds-pref-language.js

@@ -94,7 +94,7 @@ export class MdsPrefLanguage {
     }
     render() {
         var _a;
-        return (h(Host, { key: '30c4d9175a08f3fcf9f499b75d320c027d5fe6cc' }, h("div", { key: '1aeea8d22e90328d9031817730be9ee0c451d05c', class: "menu" }, h("mds-text", { key: 'b99c19735994acfbb6dd8735de5df7535a16b33e', class: "info", typography: "caption" }, h("b", { key: '7c81f04f6c084dec1a3a87714c3673b734643fd4' }, this.t.get('label'))), h("mds-tab", { key: '41ccd7390c27c5e3e8d1a072d6389828c263c257', fill: true, size: this.size }, 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 ? miBaselineKeyboardArrowUp : miBaselineKeyboardArrowDown }, this.t.get((_a = this.set) !== null && _a !== void 0 ? _a : 'auto')))), 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 }, h("slot", { key: 'ed714fe4ef4a9607f4c6993a4c7ace61bd893a52' })), this.set !== this.defaultLanguage && h("mds-text", { key: 'a1919f790270b1eea5c4b92794b5c0c575e83c32', typography: "caption" }, this.t.get('defaultLanguage'))));
+        return (h(Host, { key: '59c76e3a155537d497d809e494013bee69b44e8c' }, h("div", { key: '2ec686ec890b0e4810061d211755d4555b6d7b91', class: "menu" }, h("mds-text", { key: 'abba07b2a689f9ae97b5aeebddb746835ae24a93', class: "info", typography: "caption" }, h("b", { key: '5c17be3e59c3e491e90bb15db505c4ddf666f23b' }, this.t.get('label'))), h("mds-tab", { key: 'd81c8542ccdd86b9c2856691f8f874ac3ba1ebdd', fill: true, size: this.size }, 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 ? miBaselineKeyboardArrowUp : miBaselineKeyboardArrowDown }, this.t.get((_a = this.set) !== null && _a !== void 0 ? _a : 'auto')))), 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 }, h("slot", { key: '4e6a3df41304ddc2957a2d1ac492dc2026fe51ea' })), this.set !== this.defaultLanguage && h("mds-text", { key: '7a613f9d5291aeb5c5a126061c590b803bc48830', typography: "caption" }, this.t.get('defaultLanguage'))));
     }
     static get is() { return "mds-pref-language"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-pref-language-item/mds-pref-language-item.js

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

package/dist/collection/components/mds-pref-theme/mds-pref-theme.js

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

package/dist/collection/components/mds-price-table/mds-price-table.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class MdsPriceTable {
     render() {
-        return (h(Host, { key: 'e0417530a119c97cbd79258405224be0f168db75' }, h("slot", { key: '4fd39678c16759e07dddc83cfda2fbc9c0e29f08' })));
+        return (h(Host, { key: 'a577e5fb0af3e8a1d61d2f7567f735cb22dcab68' }, h("slot", { key: '74c22ace285d16971a5f1cc8ea7353e276f9c5c9' })));
     }
     static get is() { return "mds-price-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-price-table-features/mds-price-table-features.js

@@ -5,8 +5,8 @@ import { Host, h } from "@stencil/core";
  */
 export class MdsPriceTableFeatures {
     render() {
-        return (h(Host, { key: '1ef1d2675e4f0c86d69b109458fb57da81ee4b32' }, h("div", { key: '157e0596180ff8679de3aeeca1581e7f106de222', class: "table-wrapper" }, this.label &&
-            h("header", { key: 'ff01e4d69f70de954d36e62067685459fa6bc848', part: "header" }, h("mds-text", { key: '1fae2b224e92a49814a49fe0b9f10109b2953336', typography: "detail" }, h("b", { key: '1a725c8f0266b7cbfcebd99345d4223b217fd040' }, this.label))), h("table", { key: '788f7696352facee6b02de88f79a890df5e3241d' }, h("tbody", { key: 'be75dedb22a10c6c9240c0a64c51b66e388fca81' }, h("slot", { key: 'cbd012ba80ca3080f342ee2d3f117f4e4aef0d4e' }))))));
+        return (h(Host, { key: '65fbe8292e0f2cb896d38e251195e1b6336aad65' }, h("div", { key: 'afc0d405aa730019cdf162c51c2e65048ac1a367', class: "table-wrapper" }, this.label &&
+            h("header", { key: '3066a6a4ea70894a4af5dd06751584f4ccaaf96f', part: "header" }, h("mds-text", { key: '61e33977213f3f8d59e7cd8b2a0da80224f1eaac', typography: "detail" }, h("b", { key: 'e27b98d309788d5ba03ed9d0fc5b125057da97d6' }, this.label))), h("table", { key: '57790158982fe3bc897e054806f5bfe77abea87a' }, h("tbody", { key: '7fae29e9d82a73b3f007220f92d2a8831906dd66' }, h("slot", { key: '6ae54c5f2f0954146108da40aa855b7d094dd544' }))))));
     }
     static get is() { return "mds-price-table-features"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-price-table-features-cell/mds-price-table-features-cell.js

@@ -14,12 +14,12 @@ export class MdsPriceTableFeaturesCell {
         this.type = 'text';
     }
     render() {
-        return (h(Host, { key: 'cecaee10d99c846cb03da5fb59c13d071b666446' }, this.type === 'supported' &&
-            h("i", { key: '33c7d0033777170f4bd597868b577845a178f84a', class: "icon icon--supported", innerHTML: miBaselineCheckCircle, part: "icon" }), this.type === 'unsupported' &&
-            h("i", { key: '6d090ba33661ca00a93a0b2cc6dd270944c28a72', class: "icon icon--unsupported", innerHTML: miBaselineHorizontalRule, part: "icon" }), this.type === 'text' &&
-            h("mds-text", { key: '843f97e822b7550084ef973dbe59d0f90f8bdcca', part: "text", typography: "detail" }, h("slot", { key: '1552041e8889c24830e51a8127452b90c50507af' })), this.type === 'custom' &&
-            h("slot", { key: 'e2e1209f67db70845b2a317faef8d005cb9871f5' }), this.type === 'label' &&
-            h("slot", { key: '23554df92079952b34ea0c9d0aaecdddfa8d6d2f' })));
+        return (h(Host, { key: '4a7899a68af9fd5da698426b98181e7f78a2b7d1' }, this.type === 'supported' &&
+            h("i", { key: '361fd2ace1ec0d659aa68d0688c149099449fe5d', class: "icon icon--supported", innerHTML: miBaselineCheckCircle, part: "icon" }), this.type === 'unsupported' &&
+            h("i", { key: '0ce1e47ed3bfb79043cf4b1d685fea9fab682048', class: "icon icon--unsupported", innerHTML: miBaselineHorizontalRule, part: "icon" }), this.type === 'text' &&
+            h("mds-text", { key: 'e981c7761e51d0938cee50e9df7536dcb3c4d57c', part: "text", typography: "detail" }, h("slot", { key: 'd920bbb5e41efd0fc2de2c23642892a9a1b637c1' })), this.type === 'custom' &&
+            h("slot", { key: '51b22fe6cb649ab1f533032bc02f577fecc4d84e' }), this.type === 'label' &&
+            h("slot", { key: '28a06324c22946c0a4340cbd725cc095fb0b46d5' })));
     }
     static get is() { return "mds-price-table-features-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-price-table-features-row/mds-price-table-features-row.js

@@ -11,7 +11,7 @@ export class MdsPriceTableFeaturesRow {
         });
     }
     render() {
-        return (h(Host, { key: 'ea2f40afda6701558b4e81d55a5862f6283c6467' }, h("slot", { key: 'f7fb59037f0299a3e6e59367e3913d371e1a1326' })));
+        return (h(Host, { key: 'be5986865dd83d093e41e510e40f9626167603b9' }, h("slot", { key: '60edb75a6a97f8b27cbbd0b1df7ed3c8d037b313' })));
     }
     static get is() { return "mds-price-table-features-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class MdsPriceTableHeader {
     render() {
-        return (h(Host, { key: '25464e4e71a08ec4c691715afb9b29312b7c176e' }, h("slot", { key: 'ee6356b25a817565fb60282cb62ea76b161b323f' })));
+        return (h(Host, { key: '04ae527a822347cc3256f7ace0ec39a2879d0e19' }, h("slot", { key: 'ac51851e67c93bd6123f39cb03d9ed160818b781' })));
     }
     static get is() { return "mds-price-table-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,8 +13,8 @@ export class MdsPriceTableList {
         this.hasItems = this.hostElement.querySelectorAll('[slot="item"], mds-price-table-list-item').length > 0;
     }
     render() {
-        return (h(Host, { key: 'bcb0f75fd698ed8005ab317502395610e835855a' }, h("div", { key: 'd1bf605fce4b2025e58870aec9f569986cc724e8', class: "header", part: "header" }, h("slot", { key: '09f20d5366ead42b3cd8553ade7e3daba1c661f8', name: "header" })), this.hasItems && h("mds-separator", { key: '19c90e16fd85ad9094e85f142fff93360d111582', class: "separator" }), this.hasItems &&
-            h("main", { key: 'f39cb095107e5ad73750e184f547f0379eb4b694', class: "main", part: "content" }, h("slot", { key: '83168df80fd39f6680a69159a693066b7a2c1744', name: "item" })), h("div", { key: '979a091bd905b47cab12adb9f573d71cc61f3c68', class: "footer", part: "footer" }, h("slot", { key: '980d6b0d21abc27af2d6bcfec073f0f03d77f53d', name: "price" }), h("slot", { key: 'a4c9836889349086bcdc827a43ace7f1f9f2d78e', name: "action" }))));
+        return (h(Host, { key: 'ae7ad5e094f12ef859c7c68a1300d736c754b0ac' }, h("div", { key: '9ac1a25b2abbf4a835cb5d0a79d215b7fb4da690', class: "header", part: "header" }, h("slot", { key: '175bc650f12bb79445fa445c5956070de0db0895', name: "header" })), this.hasItems && h("mds-separator", { key: '972fb858fd455371e3a7612dd3c5a08ae4b9553f', class: "separator" }), this.hasItems &&
+            h("main", { key: '760041e1b60a2e2bcc069680e6f68cfd083ee2fe', class: "main", part: "content" }, h("slot", { key: '09ffd270982f940371bffd76c88638380a1f3d64', name: "item" })), h("div", { key: '2805b0565faaaaa445a1400e893378d1fea9fd7e', class: "footer", part: "footer" }, h("slot", { key: '6e344dfba8394369ef06d8b0183c7debe70468e9', name: "price" }), h("slot", { key: '7d99c3193e3f13c9807d39bb4b8d711d264d0391', name: "action" }))));
     }
     static get is() { return "mds-price-table-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,9 +13,9 @@ export class MdsPriceTableListItem {
         this.typography = 'detail';
     }
     render() {
-        return (h(Host, { key: '79248ac6df369b4f5a91303ad2cbbb5e6d1a4bd5', slot: "item" }, h("mds-text", { key: '26a09b91c750898124896f6c3dde4d9606e80662', class: "icon-container", typography: this.typography }, this.supported
+        return (h(Host, { key: '84a70539151919391dcc57b1ffe25018e3a1f8a5', slot: "item" }, h("mds-text", { key: '059e00e943b8cd4dcb804912462326e7c924c6b8', class: "icon-container", typography: this.typography }, this.supported
             ? h("i", { class: "icon", innerHTML: miBaselineCheckCircle, part: "icon" })
-            : h("i", { class: "icon", innerHTML: miBaselineHorizontalRule, part: "icon" })), h("mds-text", { key: 'd76f0dd36e4da02e7c49cc4ae835c617436e3bf5', class: "text", typography: this.typography }, h("slot", { key: '9ef1b80a26c0b47a4850bed4b17f815f3e033fb9' }))));
+            : h("i", { class: "icon", innerHTML: miBaselineHorizontalRule, part: "icon" })), h("mds-text", { key: 'd672cd3f77a5447fd457dc6a61571fa7dd81aeb9', class: "text", typography: this.typography }, h("slot", { key: '62a386dd15939df3a5c4b677cf09c359331de05f' }))));
     }
     static get is() { return "mds-price-table-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,7 +42,7 @@ export class MdsProgress {
         this.stepsList = steps.split(',');
     }
     render() {
-        return (h(Host, { key: '20f1bd6d8eee5e9c733126dd5d7f85d04cb2d664', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": !ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100), role: "progressbar" }, h("div", { key: '3222763725c233542847a54671f8d828b289ac2d', class: "contrast-area" }), h("div", { key: 'ed532af42aa288bfaa379133182ec54b3f32891a', class: "progress", style: this.direction === 'horizontal'
+        return (h(Host, { key: '0411957a0df297302610af17f83ffacd46998ce5', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": !ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100), role: "progressbar" }, h("div", { key: 'df2bb2e5c355b55193bccf8cc0447d7eddebd244', class: "contrast-area" }), h("div", { key: 'dc046335393cca3792ea9b54fb9ce1c5370933a6', class: "progress", style: this.direction === 'horizontal'
                 ? { flexGrow: `${this.progress}` }
                 : { flexGrow: `${this.progress}`, width: '100%' } })));
     }

package/dist/collection/components/mds-push-notification/mds-push-notification.js

@@ -134,7 +134,7 @@ export class MdsPushNotification {
         this.visible = undefined;
     }
     render() {
-        return (h(Host, { key: '42fd2046e74d018a8f391209769e01ce28ffe20e' }, h("mds-button", { key: 'd8dfbb086fc849b7446c1336468bedc373961671', variant: "dark", onClick: this.clear.bind(this) }, "Cancella notifiche"), h("div", { key: 'b7a3b20fe9c159b9b16a7be3cd51b9c54cbabc12', class: "notifications", part: "notifications" }, h("slot", { key: 'f237446251476ae7bd658a5a4013dccb79b8a26b', ref: el => this.slotNotifications = el }))));
+        return (h(Host, { key: 'fe2ec4473bb0a4a197e6a0d13ed7b0c2b4973bb6' }, h("mds-button", { key: 'cf2e9fb9a91c2606f841d128ebb6567020b718cc', variant: "dark", onClick: this.clear.bind(this) }, "Cancella notifiche"), h("div", { key: '2d12f9359aa9e20c6150d0e92c916246e64b5ed2', class: "notifications", part: "notifications" }, h("slot", { key: '568e77443b6db93f181fd23d5b401faf541d52b5', ref: el => this.slotNotifications = el }))));
     }
     static get is() { return "mds-push-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-push-notification-item/mds-push-notification-item.js

@@ -88,9 +88,9 @@ export class MdsPushNotificationItem {
     }
     render() {
         var _a;
-        return (h(Host, { key: '8b553b771f5e217dd035e797865c6ea6776f5fce' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && h("mds-avatar", { key: 'bf3656568f9b953f2fd34fb158840de11a0cacb1', class: "avatar", icon: this.icon, initials: this.initials, part: "avatar", src: this.src, tone: this.tone, variant: this.variant }), this.src && this.preview !== 'avatar' && h("mds-img", { key: '19205265b640a825d5eed14c7bec25b6d4e3f529', class: "picture", part: "picture", src: this.src }), h("div", { key: 'e6e8142de314d6e3af3b50698acb0f4113b930de', class: "content", part: "content" }, h("div", { key: 'f62c3df2634ee857c75d8c31fbc244fa5f948ac1', class: "header" }, h("div", { key: '2b1489cd597ed1399151868b989ed808481cc826', class: "infos" }, this.hasBadge && h("div", { key: '74b2d570d47da3fbe8bedf07481dd8954663ccf4' }, h("slot", { key: 'a4645a55e2e22c3bef76c0670514312afeec7b35', name: "badge" })), this.subject && h("mds-text", { key: '74fafc102696fe51ff64bda885268c56f12c3c7b', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject)), this.datetime && h("mds-text", { key: 'a5954edcfa9b95efd2afba1914216ee0583f561d', class: "time", typography: "option" }, this.dateFormat === 'timeago'
+        return (h(Host, { key: 'e2b9d90e4b0e8a11d83daf487920ca304ae2d33b' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && h("mds-avatar", { key: 'c3b48e1eca7545f95bbfc0aed0606103decd1a78', class: "avatar", icon: this.icon, initials: this.initials, part: "avatar", src: this.src, tone: this.tone, variant: this.variant }), this.src && this.preview !== 'avatar' && h("mds-img", { key: '297bb4f17c4cdc9e5bea297a1c5bc1776dcf89c6', class: "picture", part: "picture", src: this.src }), h("div", { key: '802b574a02ebeac43d3110f126eeea63d89337d8', class: "content", part: "content" }, h("div", { key: '0c71d1a5e49c0303d4448b36d064a0aafc838342', class: "header" }, h("div", { key: '7586249e45d25fa0d8ccbd8293dafa70b0128e80', class: "infos" }, this.hasBadge && h("div", { key: '880a8f4ff70adc808204f40501ec2e51679c0763' }, h("slot", { key: '1dd325b9d845cb09237264ea7ff9a728c8b2d333', name: "badge" })), this.subject && h("mds-text", { key: 'f4e94a1a45865bda26e2191ba5f3b72a134f9555', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject)), this.datetime && h("mds-text", { key: '8e4aaff7d51bdf1f1a922a27f287ea5089b9a39d', class: "time", typography: "option" }, this.dateFormat === 'timeago'
             ? dayjs(this.datetime).fromNow()
-            : dayjs(this.datetime).format(this.dateFormat))), h("mds-text", { key: '74d242a1db9b8f42b4f615acebdc1858c5827ff1', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && h("div", { key: 'a824f1de1fc2cf0ae1b00f7200bb28a85d4ce227', class: "actions", part: "actions" }, h("slot", { key: 'd6a25cd811ab06a4ea15e67e7bcfbd97a4ab2e13', name: "action" }))), this.deletable && h("mds-button", { key: 'b19f9c267a797e1bfbaa3b6ba8dc3d848c0c944e', class: "close-button", variant: "dark", tone: "quiet", title: this.t.get('dismiss'), icon: miBaselineCancel, onClick: this.onClickClose.bind(this) })));
+            : dayjs(this.datetime).format(this.dateFormat))), h("mds-text", { key: '8bf35de84f3a2d245fe8bafa5a2e43c3205bdb0d', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && h("div", { key: '4da810d1af3f1f967401cec72e6271ab78e81192', class: "actions", part: "actions" }, h("slot", { key: '008b78ebd6ee96b2d7205633997bdf05488859de', name: "action" }))), this.deletable && h("mds-button", { key: '2964c6f4370b2bd95a5ede549703a7ad2b593fa0', class: "close-button", variant: "dark", tone: "quiet", title: this.t.get('dismiss'), icon: miBaselineCancel, onClick: this.onClickClose.bind(this) })));
     }
     static get is() { return "mds-push-notification-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -15,7 +15,7 @@ export class MdsQuote {
         this.tag = 'h3';
     }
     render() {
-        return (h(Host, { key: '3f4d0c5b40ee8e06e15d1953b96efeced801dd2b' }, h("mds-text", { key: '4ef041c0d7a4ade51f54f65ddd04995539912cbf', class: "open-quote", tag: "div", typography: this.typography }, h("span", { key: '2e215c574a48a161687611aee8388de1e547640c' }, h("i", { key: '345417a223125a320502e2140057a4dd9b12adc3' }, "\u275D\u00A0"))), h("div", { key: '72d25648c093963f080f5b78c0877fac1e247be4', class: "quote" }, h("mds-text", { key: '744a6efeff7cf124426d3bfdb836f8f03c4cd6d4', tag: this.tag, typography: this.typography }, h("i", { key: '65a2f803de477ae6fe2709e52bce3cc3de4dad37' }, h("slot", { key: '5c9d80e8e5a004b56b1e1c1699cafc7a752d9a9b' }), h("span", { key: 'dfd86a9d2ea482f98c6ec0ee6fb1a464bcf6d2d4' }, "\u00A0\u275E"))), h("slot", { key: '59d157a53d0a9a138386711fda06e21a9d2a41af', name: "author" }))));
+        return (h(Host, { key: '7819c7e5f9a6c15061989f8dcf5fcfeafb9e6688' }, h("mds-text", { key: '166579abe26b7448ddb1b5456cb876df5152de06', class: "open-quote", tag: "div", typography: this.typography }, h("span", { key: '1df73a4f8cc657dee3ed0317b1dcd42af20ca238' }, h("i", { key: '5ef566230c60a8e83ba1a66a9d971bad27712071' }, "\u275D\u00A0"))), h("div", { key: '9fd88a7b7438b69c46e45c8bbf5f853bcdb7c784', class: "quote" }, h("mds-text", { key: '9afcb022421bd15d07885ed5d32406aed37c32d5', tag: this.tag, typography: this.typography }, h("i", { key: 'b5c1beb4f070c0c11cbd643c892b97e5d2425e14' }, h("slot", { key: 'f821ff9f8d235b95cd1a3ae48ca872064e7d47ad' }), h("span", { key: 'b8d41cd1477e69d28b0d97cfed6e329131984e51' }, "\u00A0\u275E"))), h("slot", { key: '47067df2723a3bd4781071193ab3eb15dfcbd314', name: "author" }))));
     }
     static get is() { return "mds-quote"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-radial-menu/mds-radial-menu.js

@@ -156,7 +156,7 @@ export class MdsRadialMenu {
         this.handleBackdrop();
     }
     render() {
-        return (h(Host, { key: '5d037948696650ac884d6ba51c2023c2afef0691' }, h("mds-button", { key: 'a0148d44906ef0b9bf4c5d56af7876c3b14c5120', class: clsx('menu-button', this.interaction !== 'click' && 'menu-button--hidden'), icon: this.opened ? miBaselineClose : this.icon, tone: this.tone, variant: this.variant, size: this.size, onClick: this.toggleMenu }), h("div", { key: 'de830343c24f744b010dc006ea4b09e6d96034b4', class: "radial-menu", part: "radial-menu" }, h("slot", { key: '39977e667ba8d0217ef8b5e0d7d419bffd39b9b0', name: "item", onSlotchange: this.updateItems })), h("div", { key: 'a83616c73b839a4f59a42ea94471a3f275a21324', class: "disc" })));
+        return (h(Host, { key: 'efe68ced6e3e09260be4a7a680186ccd98394c1d' }, h("mds-button", { key: '55e5a84c4d28b97e1981cca85d28ad4fb2169a10', class: clsx('menu-button', this.interaction !== 'click' && 'menu-button--hidden'), icon: this.opened ? miBaselineClose : this.icon, tone: this.tone, variant: this.variant, size: this.size, onClick: this.toggleMenu }), h("div", { key: '176d7421ad89db3279fd5e4d9e5af2a553d3238d', class: "radial-menu", part: "radial-menu" }, h("slot", { key: '5a0aa43c17560828a8de0e09724d62bc4c02e54e', name: "item", onSlotchange: this.updateItems })), h("div", { key: '7aa6a13fe4bd910438ccbf0e4affa3324b2f4bfc', class: "disc" })));
     }
     static get is() { return "mds-radial-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-radial-menu-item/mds-radial-menu-item.js

@@ -12,7 +12,7 @@ export class MdsRadialMenuItem {
         this.size = 'lg';
     }
     render() {
-        return (h(Host, { key: '2a89d9531f2e2a54c4bdbf3f259b6f8844eb59a5', slot: "item" }, h("mds-button", { key: 'a8cc2d0a377b6e3e9a93d40c7957dbb003055ee0', "aria-label": this.tooltip, class: 'button', icon: this.icon, variant: this.variant, tone: this.tone, size: this.size }), this.tooltip && h("mds-tooltip", { key: '94e92d551152a2ecd60580b16d57be88be9ef890', class: "tooltip", target: ".button", placement: "top", autoPlacement: false }, this.tooltip)));
+        return (h(Host, { key: '2f3531474a5df5c38e8e596801aa4bd50173ad9c', slot: "item" }, h("mds-button", { key: '64600a6b24b7985027b7e40331293f69cc89d602', "aria-label": this.tooltip, class: 'button', icon: this.icon, variant: this.variant, tone: this.tone, size: this.size }), this.tooltip && h("mds-tooltip", { key: '94e951c4cbd2424154acb1152693bbaa88606349', class: "tooltip", target: ".button", placement: "top", autoPlacement: false }, this.tooltip)));
     }
     static get is() { return "mds-radial-menu-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class MdsSeparator {
     render() {
-        return (h(Host, { key: '4f6a46ceb5abb3d9c3fefe23c0851006fa2b92fc' }));
+        return (h(Host, { key: '8ca8c9287fe888c9bf8e24ef5061100cd249477e' }));
     }
     static get is() { return "mds-separator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class MdsSpinner {
         }
     }
     render() {
-        return (h(Host, { key: '26cc04164b95792fbabf4248eceff7b630d14171' }, h("i", { key: '15a3883a3c6777b5475974269e1a946a955b315a', class: "await-icon", innerHTML: awaitIcon })));
+        return (h(Host, { key: 'd7a24ade119468b787a963a6f4223a1210dd52c3' }, h("i", { key: '9b1e19e3508723672118b7ce8d7968bb2966d15f', class: "await-icon", innerHTML: awaitIcon })));
     }
     static get is() { return "mds-spinner"; }
     static get encapsulation() { return "shadow"; }

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

@@ -26,7 +26,7 @@ export class MdsStatusBar {
         this.visible = undefined;
     }
     render() {
-        return (h(Host, { key: '557b8c5ec057b4a4108904f168f74c8b07c407e6' }, h("mds-modal", { key: '1ad9b49f1febd2faadded1fca3526c57ee7073a4', class: "modal", opened: this.visible, position: "bottom-right", animation: "custom", overflow: this.overflow }, h("div", { key: '9985d0ebfc5fdd2d9b625a7134cb1d93a7ca410d', class: "status-bar-area", part: "status-bar-area", slot: "window" }, h("div", { key: '9142b65489fe08bc5b5db433ffc4cc7ab5b793f1', class: "status-bar", part: "status-bar" }, this.description && h("mds-text", { key: '5d6a6a67a64968cf07b44a74998a555c61677155', typography: 'caption', class: "description" }, this.description), h("div", { key: '119525ab7120975331f8e459b343c8cacee1a44c', class: "actions", part: "actions" }, h("slot", { key: '8d0d8a54855692712eb9197b56c2f60ca415be73' })))))));
+        return (h(Host, { key: 'ed5b1448d06c92bbde2188ffddfd30e8d9506e27' }, h("mds-modal", { key: 'c092f190f34d3877b2072d1653a971a8a519a473', class: "modal", opened: this.visible, position: "bottom-right", animation: "custom", overflow: this.overflow }, h("div", { key: 'f0eaadcaf3681c30b3df2213c09d518a573a635c', class: "status-bar-area", part: "status-bar-area", slot: "window" }, h("div", { key: '49f2e8f3c6b23ff238b854164d241f1c2b5ebd5b', class: "status-bar", part: "status-bar" }, this.description && h("mds-text", { key: '7d2c5c60424f1ebac181254030e96d534af86ab0', typography: 'caption', class: "description" }, this.description), h("div", { key: '33fbde57e9a794a3f5dff021f2ebd523e2d8edf0', class: "actions", part: "actions" }, h("slot", { key: 'df2ef8cc67b33ec0c6aa267e0b89d3cc83407ed8' })))))));
     }
     static get is() { return "mds-status-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -89,7 +89,7 @@ export class MdsStepperBar {
         });
     }
     render() {
-        return (h(Host, { key: '800c54e551923fbe81c197de01a506abb4bfa419' }, h("div", { key: '080cba3a595bdd1b94e9a330b416f5b7bdd16328', class: "items" }, h("slot", { key: '9fbf9124f6f6a0cacd6e04cecff2f62b5498ca20' })), h("div", { key: '10b5387564715ebdca4e36cf034c52bde760ddf8', class: "contents", part: "contents" }, h("slot", { key: '4e0ed56cbead4374bdc5e556cd7b8544cfe92bc4', name: "content" }))));
+        return (h(Host, { key: '7c8da6bdab708a9f61dde0b15d84b2763d88a918' }, h("div", { key: '023c5faa3f309dd02b10cdfcf2e588bc7817b92d', class: "items" }, h("slot", { key: '8fc8cec78b800c1cafe974d500c182f1befc9c70' })), h("div", { key: 'f9051ea55de2672712cdfbbdff75fdd7b329925d', class: "contents", part: "contents" }, h("slot", { key: '2afefad756798b574b38597e7b9b2596b6581443', name: "content" }))));
     }
     static get is() { return "mds-stepper-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-stepper-bar-item/mds-stepper-bar-item.js

@@ -42,7 +42,7 @@ export class MdsStepperBarItem {
         this.isCurrent = newValue;
     }
     render() {
-        return (h(Host, { key: 'e2e04f1ea989c7e976bcbe3451e1a9f4768d3790' }, h("div", { key: '048d4604f98a8faa3cb1dd14b006f929efe10c79', class: "header", tabindex: "0" }, h("mds-icon", { key: 'a4ab733608fc44620eea84f2e92f590e02532d33', class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), h("mds-progress", { key: '96457ef1bb940e807202866ee0198e97d960fe5b', "aria-hidden": "true", class: "progress", progress: this.isDone ? 1 : 0 })), h("div", { key: '13ffe9e6e11ca508c51433795583e20eb81d6e84', class: "infos" }, this.step && h("mds-text", { key: 'a85396d814f2e67829140a73d74d729afad79373', class: "step", typography: "option" }, "step ", this.index + 1), this.label && h("mds-text", { key: 'c89c75a5c51bb35d3976a517824a1eb362c7457a', class: "text", typography: this.typography }, this.label), this.badge && h("div", { key: '537a2da9d99e11376bbf3b552026a1db88f49adf' }, this.showBadge()))));
+        return (h(Host, { key: '2aa9bbc6764d636fa42cbbd789e4f028ff4fe403' }, h("div", { key: '102ac21ea9847d93551e796c62484f87cd746aa5', class: "header", tabindex: "0" }, h("mds-icon", { key: '37a31e11ba706461f51b4fe27856ab8c9b927e33', class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), h("mds-progress", { key: 'a4ed4e7f8b62c6ec33438a9bef6959052b8a1ae9', "aria-hidden": "true", class: "progress", progress: this.isDone ? 1 : 0 })), h("div", { key: 'f449bc089a684852300e1e0dfba83a8c9efa6167', class: "infos" }, this.step && h("mds-text", { key: 'a3c9db9792137bc2b2539300d98b756076dd1929', class: "step", typography: "option" }, "step ", this.index + 1), this.label && h("mds-text", { key: '0cb55f334bab5b44fe21cc019ab623335762aba5', class: "text", typography: this.typography }, this.label), this.badge && h("div", { key: 'b2f6f8588de8ab770d5aa80a0313e52bd718700a' }, this.showBadge()))));
     }
     static get is() { return "mds-stepper-bar-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -198,13 +198,13 @@ export class MdsTab {
         });
     }
     render() {
-        return (h(Host, { key: '0cee35f7ed7d3673d76e9f87a81b620273b9859b' }, h("div", { key: 'e4e248908127fb334f72886b03469f94a3826c8c', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && h("div", { key: 'a8b1955806568e1e314ce23ec05563b23a12c7e7', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && h("div", { key: '49ff85dddd8e56d4463f5f233e4d2f69397aca2b', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), h("div", { key: '2f11ace6c2845b4048f413ed1df07775835dbe01', class: "tabs", part: "tabs", role: "tablist" }, h("slot", { key: '9ef816fbdc5008db20bbc0f702167e90ba471330' }), this.animation === 'slide' &&
-            h("div", { key: 'ceadac8b4b5f8891294573d60748fe9e9cdc323e', class: "slider", part: "slider", style: {
+        return (h(Host, { key: '4138e29d5cd3b142e3eac4087cefb536978ef5eb' }, h("div", { key: '59be0248301234a142b740680cfe7cbbf1860c8f', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && h("div", { key: '87ab1aaed2774bb76d42dc0824406df89a7bc51e', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && h("div", { key: '601b3b7303e51e7eda2cd8a53509121c76a951c5', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), h("div", { key: '207c925a238840b4c099aa2b2f042a9805ab911b', class: "tabs", part: "tabs", role: "tablist" }, h("slot", { key: '62193a3970c6a92aa72ef532a57b3a74898a6310' }), this.animation === 'slide' &&
+            h("div", { key: '230ea3829204b4cc334e8bd19e2da7c924892a87', class: "slider", part: "slider", style: {
                     '--mds-tab-slider-width': `${this.sliderWidth}px`,
                     '--mds-tab-slider-height': `${this.sliderHeight}px`,
                     '--mds-tab-slider-offset-x': `${this.sliderOffsetX}px`,
                     '--mds-tab-slider-offset-y': `${this.sliderOffsetY}px`,
-                } }))), h("div", { key: '38d88c11f4a33bb223ceecd40231ad33e5c6ad60', class: "contents", part: "contents" }, h("slot", { key: 'f04a15f918ecea307a07b72a07b26c2695406db0', name: "content", onSlotchange: this.updateContentItems }))));
+                } }))), h("div", { key: '232c152328c93bcc74fad4dc265a446c73b413df', class: "contents", part: "contents" }, h("slot", { key: 'a6257b53c0603ad1edecadc52953d92540ccc2e0', name: "content", onSlotchange: this.updateContentItems }))));
     }
     static get is() { return "mds-tab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,7 +20,7 @@ export class MdsTabBar {
         });
     }
     render() {
-        return (h(Host, { key: '9351167c42a9c9bbf31b12e824f18822b162449b' }, h("slot", { key: 'f2a200b8ef9c6a0e00ebc4fcbc862e7f6f13967a' })));
+        return (h(Host, { key: '6966cd2da8fc78af973b89906b9bdf0e4683aafd' }, h("slot", { key: 'b320da74d285467d3edde00c6fe5d178263d8e29' })));
     }
     static get is() { return "mds-tab-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-tab-bar-item/mds-tab-bar-item.js

@@ -23,7 +23,7 @@ export class MdsTabBarItem {
         this.isSelected = newValue;
     }
     render() {
-        return (h(Host, { key: 'c80554140be9d1f2123f6e9b944a391f11fb4c96', onClick: this.select }, h("mds-icon", { key: '73915df7d55c59636de1759fea18e67e778f2b95', name: this.icon }), h("mds-text", { key: '97bd114b34506730f387ebfbcf20925e9dab7eaf', typography: this.typography }, h("slot", { key: '6d70386aa42912371be0834a5208c41a7878a406' }))));
+        return (h(Host, { key: 'be905d7b7cbbac6f246fac5a8f8894c400f07310', onClick: this.select }, h("mds-icon", { key: '641690b33e138d87408db92f503be4add6a64289', name: this.icon }), h("mds-text", { key: '6a0b8f284dc5559532bfccaf4eb669f74c9ad58e', typography: this.typography }, h("slot", { key: 'be3f1f5bf79b55a22c3dd3eaf4ff4aaa2ee7646e' }))));
     }
     static get is() { return "mds-tab-bar-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -41,7 +41,7 @@ export class MdsTabItem {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'a903efdab2ba601a7391ee1859686cd60fa8c7e5' }, h("mds-button", { key: '25b65b618a26529ce5daa864742927ecfa1cf890', class: clsx('button', this.selected ? 'selected' : ''), await: this.await, disabled: (_a = this.disabled) !== null && _a !== void 0 ? _a : undefined, href: this.href, icon: this.icon, iconPosition: this.iconPosition, onKeyDown: this.focus, onClick: this.toggle, part: "button", role: "tab", size: this.size, type: this.type }, this.hasText && h("slot", { key: 'a406f686115822fa7d12e03838c8c05da1e4344a' }))));
+        return (h(Host, { key: '68ac3ba60165b08af16ab76ecd34ed6740ff889b' }, h("mds-button", { key: 'd004ad30c216bfe131a4c8dce9db6fa66606f07c', class: clsx('button', this.selected ? 'selected' : ''), await: this.await, disabled: (_a = this.disabled) !== null && _a !== void 0 ? _a : undefined, href: this.href, icon: this.icon, iconPosition: this.iconPosition, onKeyDown: this.focus, onClick: this.toggle, part: "button", role: "tab", size: this.size, type: this.type }, this.hasText && h("slot", { key: 'd113146375a3821eeb4515fb87edfca40c0910cf' }))));
     }
     static get is() { return "mds-tab-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -106,7 +106,7 @@ export class MdsTable {
         this.tableBodyObserver.disconnect();
     }
     render() {
-        return (h(Host, { key: '4f097c1e4c9985e20acce993be1c9510b2843010' }, h("table", { key: 'e0176b33cfc4b2b876d658108de7acd3d38d0b2c', class: clsx('table', this.interactive && 'table--interactive'), role: "table" }, h("slot", { key: 'ec9bf47afc49055525aa4c3a7c4d0b6cb7669d37', onSlotchange: this.updateSlottedElements }))));
+        return (h(Host, { key: '657ccbef8268b49eb345799af7a879f14817edcd' }, h("table", { key: '6a261c25b7900ed21ede8a2589773c9dbba02cc7', class: clsx('table', this.interactive && 'table--interactive'), role: "table" }, h("slot", { key: '11085b78efcd328e1287bef9d8a6d798ce04c6af', onSlotchange: this.updateSlottedElements }))));
     }
     static get is() { return "mds-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-table-body/mds-table-body.js

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class MdsTableBody {
     render() {
-        return (h(Host, { key: '2642e2a3623100b5826917367d46ef3a936c4e8e', role: "rowgroup" }, h("slot", { key: '5d4e8807a5b0b3e9774906fe8b0bee9c72913124' })));
+        return (h(Host, { key: 'eef86e1d6736cef5f5a8cb0d994fad7c53895428', role: "rowgroup" }, h("slot", { key: 'fded480454ee18afa92ceeacc85d321f2f3c4521' })));
     }
     static get is() { return "mds-table-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-table-cell/mds-table-cell.js

@@ -8,7 +8,7 @@ export class MdsTableCell {
         setAttributeIfEmpty(this.host, 'role', 'cell');
     }
     render() {
-        return (h(Host, { key: 'e55a206ea01d0ffd28063339b2590b860e373800' }, h("slot", { key: 'd7d15eb91ee8e0d0045a658b05c9963de4b7bd72' })));
+        return (h(Host, { key: '3008a3ff87cc5d6f99837319ddd1c57e023aefdf' }, h("slot", { key: 'c71ef978e091a92583f7dcfa59fcc6915b37d916' })));
     }
     static get is() { return "mds-table-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-table-footer/mds-table-footer.js

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class MdsTableFooter {
     render() {
-        return (h(Host, { key: '2da16f0233064ca5266768ab37a8ceab27b46281', role: "row" }, h("slot", { key: '82e357c7c498f08482e1ef9699f68197dfff2cfb' })));
+        return (h(Host, { key: '2485d97f5ed46baf7dd9e84ee630758d422ba1c4', role: "row" }, h("slot", { key: '52e5f4a75ddb00cc7847eaf239a99eb87eaae387' })));
     }
     static get is() { return "mds-table-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,8 +51,8 @@ export class MdsTableHeader {
         this.hasActions = this.table.querySelector('mds-table-row > [slot="action"]') !== null;
     }
     render() {
-        return (h(Host, { key: '9c0121b658df8468fa16b410855ebd384e37df87', role: "row" }, this.selectable &&
-            h("mds-table-cell", { key: '82a167e2c3826a1a8108d34f468d3ea76b3dd1ee', class: "selection", role: "columnheader" }, h("div", { key: '578625631f7c9c268c3f022bc689e163dec14f57', class: "checkbox-wrapper" }, h("mds-input-switch", { key: '2b00c5e95e319f7590b2f329630a9691e4dbc35f', class: "checkbox", title: this.t.get(this.selectAll ? 'selectNoneRows' : 'selectAllRows'), lang: this.language, type: "checkbox", onMdsInputSwitchChange: this.handleSelectAllChange, indeterminate: this.indeterminate }))), h("slot", { key: '982ef24abe74cfd87498eb4dab60a2329590e41d' }), this.hasActions && h("mds-table-header-cell", { key: 'd3cf24b7f4960a3cd0900db9c151a84b9bd9681b', class: "actions", label: this.t.get('actions') })));
+        return (h(Host, { key: '6e7270f5c8f79cf0f29ca85a4b62218d5a933ced', role: "row" }, this.selectable &&
+            h("mds-table-cell", { key: '3de4c5a114a4d93502c6961212620ca9a475a08a', class: "selection", role: "columnheader" }, h("div", { key: '6b6c9faf354307933b59e7b8d4c5b2d10b8ec2a4', class: "checkbox-wrapper" }, h("mds-input-switch", { key: '6edaf425d0c4f2fb4c24b0f5c7694469a5e1051e', class: "checkbox", title: this.t.get(this.selectAll ? 'selectNoneRows' : 'selectAllRows'), lang: this.language, type: "checkbox", onMdsInputSwitchChange: this.handleSelectAllChange, indeterminate: this.indeterminate }))), h("slot", { key: '5483b2c2725f7473003841f8f8244aadaf34afe4' }), this.hasActions && h("mds-table-header-cell", { key: '2045fad1db9ee99a4822e80b14d857302e4756ad', class: "actions", label: this.t.get('actions') })));
     }
     static get is() { return "mds-table-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -100,7 +100,7 @@ export class MdsTableHeaderCell {
         }
     }
     render() {
-        return (h(Host, { key: 'c08a21beb479086246c775219a8a2f298599e907', role: "columnheader", "aria-sort": this.direction }, this.sortable
+        return (h(Host, { key: '0aa8b6c5f4a9c41dd4c04a599b91dd5e58d22cd0', role: "columnheader", "aria-sort": this.direction }, this.sortable
             ? h("mds-button", { class: "action", icon: clsx(this.direction === 'none' && miBaselineUnfoldMore, this.direction === 'ascending' && miBaselineKeyboardArrowUp, this.direction === 'descending' && miBaselineKeyboardArrowDown), "icon-position": "right", onClick: this.sort, tone: "quiet", variant: "dark", size: "sm", part: "action" }, this.label)
             : h("mds-text", { class: "label", typography: "label", part: "label" }, this.label)));
     }