@maggioli-design-system/magma 2.0.0-beta.1 → 2.0.0-beta.2

package/dist/esm/mds-price-table-list.entry.js

@@ -11,7 +11,7 @@ const MdsPriceTableList = class {
             this.hostElement.querySelectorAll('[slot="item"], mds-price-table-list-item').length > 0;
     }
     render() {
-        return (h(Host, { key: '9839e2822db4193a8deb66c594a425786a535d1f' }, h("div", { key: '58507843f8e7eae61e26eafaeb99f01c77480ed1', class: "header", part: "header" }, h("slot", { key: '5f7541028888ada10f64725d1ecf0ebb5e4d9832', name: "header" })), this.hasItems && h("mds-separator", { key: '566ca8c9ba02b76f47f3bfcaa0100449b07e6146', class: "separator" }), this.hasItems && (h("main", { key: '0f03d7c886ce609ee8efa658408ba2c53e38015b', class: "main", part: "content" }, h("slot", { key: '1044b8d53d3234bcd10dd9cd912c4574c0d3436a', name: "item" }))), h("div", { key: '4f5ace1034982ee7f4d8942819a987439ba36509', class: "footer", part: "footer" }, h("slot", { key: 'a8f206d356219f57376bd341c7447497a6e88c52', name: "price" }), h("slot", { key: 'c9ed7291e71ee29a1c0a7542fb79065934523ec0', name: "action" }))));
+        return (h(Host, { key: 'bb6d784c26371390055494e96fb4194f6525113f' }, h("div", { key: '4158b4739e07535d56db97ff286f6c6339da5f76', class: "header", part: "header" }, h("slot", { key: 'bccecac7c5f63db407b2658e6a9d5ef1eb2f5468', name: "header" })), this.hasItems && h("mds-separator", { key: '2822bfea0edcf58ea26f5ac8f3b2c4f0751f0318', class: "separator" }), this.hasItems && (h("main", { key: '32c5d76670faf634a9d386a78e2e201c16b270b2', class: "main", part: "content" }, h("slot", { key: 'd3c61f5f594a1e4e323e86ecded79587deb875ae', name: "item" }))), h("div", { key: '422d6ac5f00182b404b32fd7adf7bf9214e5bedd', class: "footer", part: "footer" }, h("slot", { key: '74fdaaf493a48a6251f4ca7d38abea6e560d201b', name: "price" }), h("slot", { key: 'eff0dfa6116d33f667f342ccd79b9bff13364511', name: "action" }))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/mds-price-table.entry.js

@@ -7,7 +7,7 @@ const MdsPriceTable = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '2d2b09b6b5ec12bccfa957bf0a7ab636eacf8639' }, h("slot", { key: '1db821d187a0488397440de72739af6d7c30c971' })));
+        return (h(Host, { key: '4a7524eda2d51d229b579063684f617d686bca52' }, h("slot", { key: 'c6eeb79e4b5439383b992832d6e346221a8ee067' })));
     }
 };
 MdsPriceTable.style = mdsPriceTableCss();

package/dist/esm/mds-progress_2.entry.js

@@ -46,7 +46,7 @@ const MdsProgress = class {
         ]);
     }
     setProgress(progress) {
-        if (this.steps) {
+        if (this.steps !== '') {
             this.currentStep = this.stepsList[Math.round(progress * (this.stepsList.length - 1))];
             if (!ifAttribute(this.element, 'aria-hidden')) {
                 this.element.setAttribute('aria-valuetext', this.currentStep);
@@ -60,7 +60,7 @@ const MdsProgress = class {
         this.stepsList = steps.split(',');
     }
     render() {
-        return (h(Host, { key: 'b515b4bc8d9bb3e124374ad1adc90a50016c1434', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": !ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100), role: "progressbar" }, this.direction === 'radial' ? (h("mds-radial-progress", { progress: this.progress, part: "radial-progress", typography: this.typography, variant: this.variant })) : (h("div", { class: "progress", part: "progress", style: this.direction === 'horizontal'
+        return (h(Host, { key: '55ba8cb650c555ca15fd05464edfed54eb419787', "aria-valuemax": "100", "aria-valuemin": "0", "aria-valuenow": !ifAttribute(this.element, 'aria-hidden') && Math.round(this.progress * 100), role: "progressbar" }, this.direction === 'radial' ? (h("mds-radial-progress", { progress: this.progress, part: "radial-progress", typography: this.typography, variant: this.variant })) : (h("div", { class: "progress", part: "progress", style: this.direction === 'horizontal'
                 ? { flexGrow: `${this.progress}` }
                 : { flexGrow: `${this.progress}`, width: '100%' } }))));
     }
@@ -147,7 +147,7 @@ const MdsRadialProgress = class {
     render() {
         const progressVar = `${(this.animatedProgress * 100).toFixed(2)}%`;
         const progressText = this.progressPercentage(this.clampProgress(this.progress));
-        return (h(Host, { key: 'bcac88e69c445c6bfb5de1cbbfc649ffd507dc12', style: { '--mds-radial-progress': progressVar }, role: "progressbar" }, h("div", { key: 'c874c37272324a7edfa12252e22547c4ae6a8c5b', class: "value-container", part: "value-container" }, this.icon && h("mds-icon", { key: 'ab14594f35d5ed15f6997c2cce47ca44612eab1d', class: "icon", name: this.icon, part: "icon" }), h("div", { key: '107216f2319c2895f0a9c6936c1c1ae42a54a0b5', class: "value-container__text" }, h("mds-text", { key: '27127a11de571b6b1703690aa37553b20db84aff', class: "value", typography: this.typography }, progressText)))));
+        return (h(Host, { key: '68c58b94fb1a5b12e843323d1d497a33a2e91e8f', style: { '--mds-radial-progress': progressVar }, role: "progressbar" }, h("div", { key: '0d8b174656f21146ac18a0c613ecc9482262b205', class: "value-container", part: "value-container" }, this.icon && h("mds-icon", { key: 'd17e55a7ba548f7e603f717a828907a873eaa4d6', class: "icon", name: this.icon, part: "icon" }), h("div", { key: 'c4f2d539d974d3a63ec73381d60abc9afc9be8e7', class: "value-container__text" }, h("mds-text", { key: 'c40e43da4bb6d581569cb515c30dd8554a8bfcd2', class: "value", typography: this.typography }, progressText)))));
     }
     static get watchers() { return {
         "progress": [{

package/dist/esm/mds-push-notification-item.entry.js

@@ -202,6 +202,9 @@ const MdsPushNotificationItem = class {
             this.closedEvent.emit();
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -212,7 +215,7 @@ const MdsPushNotificationItem = class {
         var _a;
         this.hasActions = this.host.querySelector(':scope > [slot="action"]') !== null;
         this.hasBadge = this.host.querySelector(':scope > [slot="badge"]') !== null;
-        if (this.datetime) {
+        if (this.datetime !== undefined && this.datetime !== '') {
             this.datetime = sanitizeISO8601Date((_a = this.datetime) === null || _a === void 0 ? void 0 : _a.toString());
         }
         this.t.lang(this.host);
@@ -240,9 +243,9 @@ const MdsPushNotificationItem = class {
     }
     render() {
         var _a;
-        return (h$4(Host, { key: 'cef1482e9e16dcc52b6fc255c7392f575f0c1772' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && (h$4("mds-avatar", { key: '0bfdb9ecf0fa36599c981aa778a02f73d0b80a32', 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$4("mds-img", { key: '719fe7dae8dc94021f0efd96c50b86b614572aca', class: "picture", part: "picture", src: this.src })), h$4("div", { key: 'a5ead1ed262e19ed60a37f23cce81a29889daedb', class: "content", part: "content" }, h$4("div", { key: 'a747e13b1fcb292b193db53ebf2c6174eac99fd9', class: "header" }, h$4("div", { key: '4a402d86378e9b5269dc4ffbbc25a1b0b54be36d', class: "infos" }, this.hasBadge && (h$4("div", { key: '40eb647711cb32839e9ee5cec391c800b5a8d983' }, h$4("slot", { key: 'f73ddcfd20ebb75f62a0ff3b7dfe5dfa0a9477a4', name: "badge" }))), this.subject && (h$4("mds-text", { key: 'aab0df869115c44eecc4d5fa180210392c72e1e1', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject))), this.datetime && (h$4("mds-text", { key: 'e93ee1684aeb8a4df9203a9b416df5181bc2342f', class: "time", typography: "option" }, this.dateFormat === 'timeago'
+        return (h$4(Host, { key: 'fe5ea12872387bc99ada81d55dee421a4d37ba39' }, ((_a = this.icon) !== null && _a !== void 0 ? _a : this.preview === 'avatar') && (h$4("mds-avatar", { key: '06e5ff16f76708c1cc79f48552c8bb8c2a72e723', 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$4("mds-img", { key: '1bb87768a03fd62aecbbc7386bcaf401ecbe1259', class: "picture", part: "picture", src: this.src })), h$4("div", { key: '28c4c0b772b782f9762c04f0cc427ff4da3945b5', class: "content", part: "content" }, h$4("div", { key: '301eb2070f2533ed6b8b8d845dda4d84c3a9cc03', class: "header" }, h$4("div", { key: '6dbd4c9f6eb046caf3c71fea61e93aafd26b052b', class: "infos" }, this.hasBadge && (h$4("div", { key: '13193cf6115c77c24530b037a1dead25b5107d26' }, h$4("slot", { key: '028a3b61823ba984c6a66134eeeff7099712eed1', name: "badge" }))), this.subject && (h$4("mds-text", { key: '0b6e0d5fac1ad8862a445ecf648aff1b5e5ddf96', class: "subject", typography: "h6", variant: "title", truncate: "all" }, this.subject))), this.datetime && (h$4("mds-text", { key: 'd198e534b59b39ccc8f34179b6e7cc8e875cbba4', class: "time", typography: "option" }, this.dateFormat === 'timeago'
             ? dayjs(this.datetime).fromNow()
-            : dayjs(this.datetime).format(this.dateFormat)))), h$4("mds-text", { key: '4554d9ae482fefec3899d740d74227657d612fd5', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && (h$4("div", { key: 'ddc27141fb944f8ecf6c1e72082c9fc2428edb4e', class: "actions", part: "actions" }, h$4("slot", { key: '315db21f5d2f6e3f43849c64de4407422dfafed2', name: "action" })))), this.deletable && (h$4("mds-button", { key: '25190761bcc0b1afb4ae807bc6e880edd98d7dcc', class: "close-button", variant: "dark", tone: "text", title: this.t.get('dismiss'), icon: miBaselineCancel, onClick: this.onClickClose.bind(this) }))));
+            : dayjs(this.datetime).format(this.dateFormat)))), h$4("mds-text", { key: '4ae6ff7676fb2915ba1f0c11c3c888c2e0e90227', class: "message", truncate: "all", typography: "caption", variant: "info" }, this.message), this.hasActions && (h$4("div", { key: '4fdaef14f44055d0b8067a6d5e5c468b3bce978c', class: "actions", part: "actions" }, h$4("slot", { key: '9133fc9fc13f8b049b4c527ee69e536b79404e12', name: "action" })))), this.deletable && (h$4("mds-button", { key: '18673378fcf8dbb38c3db8c0e5c2f95da606f1e3', class: "close-button", variant: "dark", tone: "text", title: this.t.get('dismiss'), icon: miBaselineCancel, onClick: this.onClickClose }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/mds-push-notification.entry.js

@@ -80,7 +80,7 @@ const MdsPushNotification = class {
             const elements = this.slotNotifications
                 .assignedElements()
                 .map((e) => e)
-                .filter((e) => !e.style.visibility);
+                .filter((e) => e.style.visibility === '');
             if (elements.length === 0)
                 return;
             elements.forEach(async (e) => {
@@ -100,19 +100,29 @@ const MdsPushNotification = class {
             this.cssItemsOutroDuration =
                 (_c = elementStyles.getPropertyValue('--mds-push-notification-items-outro-delay')) !== null && _c !== void 0 ? _c : '0ms';
         };
+        this.clear = () => {
+            this.slotNotifications.assignedElements().forEach((e) => this.outroItem(e));
+            this.hide();
+        };
     }
-    clear() {
-        this.slotNotifications.assignedElements().forEach((e) => this.outroItem(e));
-        this.hide();
-    }
+    /**
+     * Shows the notification container.
+     */
     show() {
         this.visible = true;
         return Promise.resolve();
     }
+    /**
+     * Hides the notification container.
+     */
     hide() {
         this.visible = undefined;
         return Promise.resolve();
     }
+    /**
+     * Removes the given notification item(s) from the stack.
+     * @param notification the notification item or items to remove
+     */
     removeNotification(notification) {
         if (Array.isArray(notification)) {
             notification.forEach(this.outroItem);
@@ -141,7 +151,7 @@ const MdsPushNotification = class {
         this.visible = undefined;
     }
     render() {
-        return (h(Host, { key: '018cec5fec78b7abed252a3acc8a13352f534306' }, h("mds-button", { key: 'c96d02897f1fed58ae9d6252d9e53f8023d2c14a', variant: "dark", onClick: this.clear.bind(this) }, "Cancella notifiche"), h("div", { key: 'aabdf019411f23c91a3352ab9bc1a9c8aa02df9e', class: "notifications", part: "notifications" }, h("slot", { key: '52e483e93b453f8f860eaba64f4a2223a2eceb38', ref: (el) => (this.slotNotifications = el) }))));
+        return (h(Host, { key: 'd115a147fe975c346f325931e496bc5a725faca2' }, h("mds-button", { key: 'b9155d4e0666827ff1745da75db1595b2b2530aa', variant: "dark", onClick: this.clear }, "Cancella notifiche"), h("div", { key: '3d73cddf9bc67c9c4c7e68486c7091cd12979b0c', class: "notifications", part: "notifications" }, h("slot", { key: '1a46c225c799b00f02f6e0e44da4a8c490cc6268', ref: (el) => (this.slotNotifications = el) }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/mds-quote.entry.js

@@ -15,7 +15,7 @@ const MdsQuote = class {
         this.tag = 'h3';
     }
     render() {
-        return (h(Host, { key: '26db9230c187400e8df30d1c9300e0a39b4a709f' }, h("mds-text", { key: '4a1227b9e6e66376831c457746e26ec0d47b3144', class: "open-quote", tag: "div", typography: this.typography }, h("span", { key: '9d6f5ae659999f27d8de5b8e92ee13bdff75244b' }, h("i", { key: '89a139df5d605e4695f67a995174a2fbe3ca263b' }, "\u275D\u00A0"))), h("div", { key: '73d10c6274ac92bf79f1acdad40c4e7144738b4f', class: "quote" }, h("mds-text", { key: '8e6d76eec0ed6ca49b1ce01bdf5448b14c84fc1a', tag: this.tag, typography: this.typography }, h("i", { key: 'b7f817a0eda2745607a9c84d77d1059763f3d5e3' }, h("slot", { key: '1617cb4cd4ed8dc8608447c49e8872677bf69367' }), h("span", { key: '2d9982646e27a1f642d3c62bc4007caab348012e' }, "\u00A0\u275E"))), h("slot", { key: '4283ff3a9b4a31cb1e98e88e3ead9aa7e27fedb3', name: "author" }))));
+        return (h(Host, { key: 'e0461e5b838a8e7db53d39384f327fd843e21eda' }, h("mds-text", { key: 'beded9d2cbc0f1a3c723bea0fd7f6068cf7ab27c', class: "open-quote", tag: "div", typography: this.typography }, h("span", { key: '351fd3ab34a3416385141a27247334bab07f74e3' }, h("i", { key: '4ae64a9448f4a62e0bd70477c67ed64c8d2a40ff' }, "\u275D\u00A0"))), h("div", { key: '802b1c82e542f35db1979f2dac7453ca9e861827', class: "quote" }, h("mds-text", { key: '9932770037d60dfa3735981e61ef932970b8e25c', tag: this.tag, typography: this.typography }, h("i", { key: '369ec5348d4da453780dbb07010e9532efcfc5a4' }, h("slot", { key: 'f10a113f38016c56ccd8664197f2fc81f4b4accd' }), h("span", { key: 'dc6c06d16515abdcbb988e2334bb6e0994700114' }, "\u00A0\u275E"))), h("slot", { key: '9240410db5eae81038a3275087fa0edf04d0ce86', name: "author" }))));
     }
 };
 MdsQuote.style = mdsQuoteCss();

package/dist/esm/mds-radial-menu-item.entry.js

@@ -13,10 +13,13 @@ const MdsRadialMenuItem = class {
          * Specifies the color variant for the button
          */
         this.variant = 'dark';
+        /**
+         * Specifies the size of the menu item.
+         */
         this.size = 'lg';
     }
     render() {
-        return (h(Host, { key: '9611b4afe26d59d69b5e934e6048998a5a6b15a1', slot: "item" }, h("mds-button", { key: '93984131bf9fe5aafcb1e08e3ceb86df18a2ee39', "aria-label": this.tooltip, class: "button", icon: this.icon, variant: this.variant, tone: this.tone, size: this.size }), this.tooltip && (h("mds-tooltip", { key: '849a979a53edeca55985f31b88f4e136558fea48', class: "tooltip", target: ".button", placement: "top", autoPlacement: false }, this.tooltip))));
+        return (h(Host, { key: 'aa8e1d03c590ad9efbf6e5090a59f70460782a33', slot: "item" }, h("mds-button", { key: '06ca066406df3e40b262bc0ffbbda3cc65c190cf', "aria-label": this.tooltip, class: "button", icon: this.icon, variant: this.variant, tone: this.tone, size: this.size }), this.tooltip && (h("mds-tooltip", { key: '50a03f527adb6ead0757ea380d31c51943129570', class: "tooltip", target: ".button", placement: "top", autoPlacement: false }, this.tooltip))));
     }
 };
 MdsRadialMenuItem.style = mdsRadialMenuItemCss();

package/dist/esm/mds-radial-menu.entry.js

@@ -119,7 +119,7 @@ const MdsRadialMenu = class {
         this.onInteractionChange(this.interaction);
     }
     disconnectedCallback() {
-        if (!document)
+        if (typeof document === 'undefined')
             return;
         document.removeEventListener('contextmenu', this.toggleRightClickMenu);
     }
@@ -135,7 +135,7 @@ const MdsRadialMenu = class {
         this.handleBackdrop();
     }
     onInteractionChange(newValue) {
-        if (!document)
+        if (typeof document === 'undefined')
             return;
         if (newValue === 'rightclick') {
             document.addEventListener('contextmenu', this.toggleRightClickMenu);
@@ -166,7 +166,7 @@ const MdsRadialMenu = class {
         this.handleBackdrop();
     }
     render() {
-        return (h(Host, { key: '18679022a9759985a3c518df2d733b94d28473dc' }, h("mds-button", { key: '156f0692417d19bc2f9418469d1b011ea5f0f72f', 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: '4277fb28c411a3ec3808d46e260e0800fc92eebb', class: "radial-menu", part: "radial-menu" }, h("slot", { key: 'ff21f4e1110c14954128ec0e891507ff178fa548', name: "item", onSlotchange: this.updateItems })), h("div", { key: 'e5dc3a9fbd3f813721bfdefbbf445fb4b4301995', class: "disc" })));
+        return (h(Host, { key: 'c17ebeeb32b4986baceb48b61e814c6ca2830caf' }, h("mds-button", { key: '7e57c42d3dd0f5067da69c327810f70a31370750', 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: '107da816c1d1aba0cd8f660e6911c6e603728747', class: "radial-menu", part: "radial-menu" }, h("slot", { key: '67c7f462a71df73038287f5fb5cf1a83eb78bc22', name: "item", onSlotchange: this.updateItems })), h("div", { key: '405b0c970a702148029f52c628974f6e38b179df', class: "disc" })));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/mds-separator.entry.js

@@ -7,7 +7,7 @@ const MdsSeparator = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h(Host, { key: 'b77bfa637825f2c45736df617eaac64b69427ad0' });
+        return h(Host, { key: '8056c695f2c418fbcb7041fb5f343a0ce76f80a7' });
     }
 };
 MdsSeparator.style = mdsSeparatorCss();

package/dist/esm/mds-status-bar.entry.js

@@ -24,11 +24,14 @@ const MdsStatusBar = class {
             this.visible = undefined;
         }
     }
+    /**
+     * Hides the status bar.
+     */
     async hide() {
         this.visible = undefined;
     }
     render() {
-        return (h(Host, { key: '2e37f49ed168ac4f92de372d2174073b193ed5f3' }, h("mds-modal", { key: '248f8662369de074f704d86b3ff83597b2403592', class: "modal", opened: this.visible, position: this.position, animation: "custom", overflow: this.overflow }, h("div", { key: '3acce82b21bd279dab72e67cf3ecaa6c2c88c228', class: "status-bar-area", part: "status-bar-area", slot: "window" }, h("div", { key: '40b7f67c8e568860cbdf843ca46b98f5fa61a765', class: "status-bar", part: "status-bar" }, this.description && (h("mds-text", { key: 'e669ba5dfe960c3a11812f55720f35ad2d1514a6', typography: "caption", class: "description" }, this.description)), h("div", { key: 'bb0266d41aa9eabd340e1a709a625e94c08682ed', class: "actions", part: "actions" }, h("slot", { key: 'aac6557450ec7509c1126dfc1ccc629474e4d5e8' })))))));
+        return (h(Host, { key: '8b1a0fd4300583d834e1f33796bb8d01b4b585a8' }, h("mds-modal", { key: 'f1ab035918beff8cffd0c10474fff898b00952cf', class: "modal", opened: this.visible, position: this.position, animation: "custom", overflow: this.overflow }, h("div", { key: 'a2a57a2c80322db3622b8e44ea5ca29f12946eea', class: "status-bar-area", part: "status-bar-area", slot: "window" }, h("div", { key: 'ea668180e6691b33d2a5377e6c6f510be23a227f', class: "status-bar", part: "status-bar" }, this.description && (h("mds-text", { key: '3db7d7efc103c0186f3504db52aea0406c1e57bb', typography: "caption", class: "description" }, this.description)), h("div", { key: 'd1daa893d59a6f7b1c5e7316bc3fec6352b919b8', class: "actions", part: "actions" }, h("slot", { key: 'd24bdaf3e0e25b3f2e8594dbe050436ea270f338' })))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/mds-stepper-bar-item.entry.js

@@ -86,6 +86,9 @@ const MdsStepperBarItem = class {
             return (h("mds-badge", { class: "badge", variant: "dark", tone: "weak", typography: "option" }, this.t.get('badgeQueued')));
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -113,7 +116,7 @@ const MdsStepperBarItem = class {
         this.isCurrent = newValue;
     }
     render() {
-        return (h(Host, { key: '117ff77114f72fb2e58659a53a594b133092edc2' }, h("div", { key: 'bdfcff07ea6e0c849643b1c36d8d0a3004d90a0f', class: "header" }, h("mds-icon", { key: '15a20b0bb4bd3ec80e04890fafe28f657aa50c62', class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), h("mds-progress", { key: '3da9d9cd257d82f7628f5f2845524854fd6a43e2', "aria-hidden": "true", class: "progress", progress: this.isDone ? 1 : 0 })), h("div", { key: '21ceca94f0545a0110558483668f289122fb2dcf', class: "infos" }, this.step && (h("mds-text", { key: 'd7609567247c9cf43acf3a52b8ee0c3e1697fbc5', class: "step", typography: "option" }, this.t.get('step', { index: this.index + 1 }))), this.label && (h("mds-text", { key: '3fc26167d085031d5ff9c7241c80046d28a1843d', class: "text", typography: this.typography }, this.label)), this.badge && h("div", { key: '1ff407f2b05a19f13d3cdf7abc508853e9fb951c', part: "badge" }, this.showBadge()))));
+        return (h(Host, { key: '153ad28fc7602065f33667e8eee0674ed6c03199' }, h("div", { key: 'eb763ce9856102511798408c6d060154e2ac6ea5', class: "header" }, h("mds-icon", { key: '1be42e5b2c360eba80ab2a17b350081a18b47539', class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), h("mds-progress", { key: 'ffc6dd8c3d9e643d6baf1b05847dad5f18425607', "aria-hidden": "true", class: "progress", progress: this.isDone ? 1 : 0 })), h("div", { key: '2ada9d24154c880007dfc39c626ada7605260e00', class: "infos" }, this.step && (h("mds-text", { key: '841db62d45c451aae46b1bd27fe459d9ab35ca00', class: "step", typography: "option" }, this.t.get('step', { index: this.index + 1 }))), this.label && (h("mds-text", { key: 'c11ce137d906cf357e478e53a83cc3b802b2d15d', class: "text", typography: this.typography }, this.label)), this.badge && h("div", { key: 'bc067a6ad5462ddcc7d9b8cdfda458e5e7fff73a', part: "badge" }, this.showBadge()))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/mds-stepper-bar.entry.js

@@ -28,7 +28,7 @@ const MdsStepperBar = class {
                 item.done = false;
                 if (key < this.currentItem) {
                     item.done = true;
-                    if (item.value) {
+                    if (item.value !== undefined && item.value !== '') {
                         values.push(item.value);
                     }
                 }
@@ -98,7 +98,7 @@ const MdsStepperBar = class {
         });
     }
     render() {
-        return (h(Host, { key: 'a0b7e159765a3130fcc67b2e3a1146b0c43907ff' }, h("div", { key: '25d1984f704bc071cda8010ab382384d28b86273', class: "items", part: "items" }, h("slot", { key: 'f32c13a94bbce2e93f28ef23b2dfcaeec17269d1' })), h("div", { key: '7dc90454240058f41ce07f98bb53e4376346b582', class: "contents", part: "contents" }, h("slot", { key: '25185f4817e18132b066c01d9d98353e1f62b19e', name: "content" }))));
+        return (h(Host, { key: '07b3ac18136f0bc4e6b7424238705c951a37e0bf' }, h("div", { key: '7d2e747d084bc581966e88c55ad19a8b27086030', class: "items", part: "items" }, h("slot", { key: '7934e741a279fdf3635c9ef56a92c96441f21081' })), h("div", { key: '3d3c6e31fa33b046604845886bfd94093e51bba8', class: "contents", part: "contents" }, h("slot", { key: '9af87d63470bf64e882477dc4f8d0e25159a708d', name: "content" }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/mds-tab-bar-item.entry.js

@@ -7,6 +7,9 @@ const MdsTabBarItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.selectedEvent = createEvent(this, "mdsTabBarItemSelect");
+        /**
+         * The icon displayed in the tab bar item.
+         */
         this.icon = '';
         /**
          * Specifies the typography of the element
@@ -20,7 +23,7 @@ const MdsTabBarItem = class {
         };
         this.onSlotChangeHandler = () => {
             /* this should be removed in the future once slotted text is no longer used, use the label property instead */
-            if (this.label)
+            if (this.label !== undefined && this.label !== '')
                 return;
             this.label = readSlottedLabel(this.element);
         };
@@ -35,7 +38,7 @@ const MdsTabBarItem = class {
         this.label = sanitizeLabel(newValue);
     }
     render() {
-        return (h(Host, { key: 'cfdd8682bdab7117d3853abff77c31f871314a20', onClick: this.select }, h("mds-icon", { key: '4dd1b08193a0c6c1238104c1484523b7cc074a8a', name: this.icon }), h("mds-text", { key: 'd8bb748fbc4941fd5b65101997a1a21b1b7a1ed4', typography: this.typography }, this.label || h("slot", { key: '7e4fead88e847406b6e22ac534fcd67862fbe613', onSlotchange: this.onSlotChangeHandler }))));
+        return (h(Host, { key: 'f3c37cdf12cd99a5e9c2ffa3ef04af68548c4c3c', onClick: this.select }, h("mds-icon", { key: 'f79a29591079ab87d9afcc6e5bcf3acf8db4c66c', name: this.icon }), h("mds-text", { key: '5399aa307b7c9e097232b903e3482b2f2d8eebc4', typography: this.typography }, this.label || h("slot", { key: 'ebd5d848468f5f0fd895c93b5c67f7954636234a', onSlotchange: this.onSlotChangeHandler }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/mds-tab-bar.entry.js

@@ -22,7 +22,7 @@ const MdsTabBar = class {
         });
     }
     render() {
-        return (h(Host, { key: '65e92345e90f0b287bcb89e42803730b914bb6c1' }, h("slot", { key: 'c5eb2105f89f7957a0fb0aa5752d40d90d4396b3' })));
+        return (h(Host, { key: '84740f9df076cec8856a6cbe740bfc3f1611cbb8' }, h("slot", { key: '0ce78860c913e57192918839130e566b349b7804' })));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/mds-tab_2.entry.js

@@ -42,7 +42,7 @@ const MdsTab = class {
                 item.size = this.size;
             });
             this.tabItems.forEach((item, key) => {
-                if (!item.id) {
+                if (item.id === '') {
                     setAttributeIfEmpty(item, 'id', hashRandomValue('mds-tab-item'));
                 }
                 if (item.selected) {
@@ -73,7 +73,7 @@ const MdsTab = class {
             this.updateOverflowState();
         };
         this.updateOverflowState = () => {
-            if (!this.tabs || !this.tabsContainer)
+            if (this.tabs == null || this.tabsContainer == null)
                 return;
             const containerWidth = this.tabsContainer.offsetWidth;
             const tabsWidth = this.tabs.scrollWidth;
@@ -204,12 +204,12 @@ const MdsTab = class {
         });
     }
     render() {
-        return (h(Host, { key: 'cce3940ff16568da1dfe05f92703e4728bccb046' }, h("div", { key: '36e2dac7142dc4656ffc7e8c0428a3cebf922eeb', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && (h("div", { key: '12f6f6cbbdd3de8aacddb74cd9dd853e4d6b8b3d', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') })), this.overflow && (h("div", { key: '5fbac5f5d688d73c5691a5620876a3d3393ff3ce', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') })), h("div", { key: 'b20ce9bd0f6706d5f8ba7c89cdc1fe7656c59c81', class: "tabs", part: "tabs", role: "tablist" }, h("slot", { key: '6e1266f9ba7bb07121ea46e4b6703b11b6dc1dab' }), this.animation === 'slide' && (h("div", { key: 'b314111ac0a86da0fbe6105d2b152007df9102c8', class: "slider", part: "slider", style: {
+        return (h(Host, { key: '80d8b12242b72f94479bdf196c8bc7135a305a8c' }, h("div", { key: '307d15fe46c0a82d4a3f9806aecc0592e04f9cfb', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && (h("div", { key: 'b593c0214f0e9c11a0d8831093e08c4a96b4e6e9', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') })), this.overflow && (h("div", { key: '384ef0a5d39785aee8dc42e093fe4c50b8270dc7', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') })), h("div", { key: '90f41f2d5ac1fc3e286ac262ae1502c5f9ebb33e', class: "tabs", part: "tabs", role: "tablist" }, h("slot", { key: '4b9183053872aa01d857a3fe3a1009d50125d0b1' }), this.animation === 'slide' && (h("div", { key: 'fdc734f877ef9a41da18e694a7bf68bdb2bf0db5', 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: 'e3cc9d9abc57bd7ddcf6ee17043100d816100531', class: "contents", part: "contents" }, h("slot", { key: '4ecc3ff8d6687f293092d5420d0d4858da344d43', name: "content", onSlotchange: this.updateContentItems }))));
+            } })))), h("div", { key: 'c64737e1a93159defa4b48b56b166f508d40cf84', class: "contents", part: "contents" }, h("slot", { key: '2c795ecacb613662ddd79108d8c0028bc1135fd0', name: "content", onSlotchange: this.updateContentItems }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -275,7 +275,7 @@ const MdsTabItem = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '8e3e4eaa9a5c331d461247f8ac91b1ba4fffbc11' }, h("mds-button", { key: 'f2afbe737326a6c01fd42727e1893c48dc2c5e0c', 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", label: this.label, size: this.size, type: this.type })));
+        return (h(Host, { key: 'a91b51214bfa7b7b77d6dba5332904ba94827ec2' }, h("mds-button", { key: 'cc6ae4285e0084f5f36b28928fd1b3aced17e106', 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", label: this.label, size: this.size, type: this.type })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/mds-table-body.entry.js

@@ -7,7 +7,7 @@ const MdsTableBody = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'a764ed8fcb40bd58e0e343e10ecd7be004f7cd68', role: "rowgroup" }, h("slot", { key: '4976aeaf766ad113e8ee8f1f535f4e1fdf41764c' })));
+        return (h(Host, { key: 'a6a5b376b43a0be644ee648205b7e6abab0da626', role: "rowgroup" }, h("slot", { key: 'da15c2964399841bf18c82350d1fb258d5dfcd38' })));
     }
 };
 MdsTableBody.style = mdsTableBodyCss();

package/dist/esm/mds-table-footer.entry.js

@@ -7,7 +7,7 @@ const MdsTableFooter = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'e2661b9dfe47fa427e9055e435d7ea59c7f6855f', role: "row" }, h("slot", { key: '365a39d3a739ca4ec2b374f6e2c25710cf41dc60' })));
+        return (h(Host, { key: '99c02de554402662fb728dd214d0928e4a554a80', role: "row" }, h("slot", { key: '8afc57c85ff9d5b44c3d0a580e4132ca3b6dab27' })));
     }
 };
 MdsTableFooter.style = mdsTableFooterCss();

package/dist/esm/mds-table-header-cell.entry.js

@@ -19,13 +19,19 @@ const MdsTableHeaderCell = class {
         this.isAscending = true;
         this.currentDirection = Sort.NONE;
         this.index = 0;
+        /**
+         * Specifies the current sort direction of the column.
+         */
         this.direction = 'none';
         this.prepareSorter = () => {
-            var _a, _b;
-            if (!this.sortable || (this.sortable && ((_a = this.tableHeaderCellSiblings) === null || _a === void 0 ? void 0 : _a.length)))
+            var _a, _b, _c;
+            if (!this.sortable ||
+                (this.sortable &&
+                    ((_a = this.tableHeaderCellSiblings) === null || _a === void 0 ? void 0 : _a.length) !== undefined &&
+                    ((_b = this.tableHeaderCellSiblings) === null || _b === void 0 ? void 0 : _b.length) !== 0))
                 return;
-            this.tableBody = (_b = this.element
-                .closest('mds-table')) === null || _b === void 0 ? void 0 : _b.querySelector('mds-table-body');
+            this.tableBody = (_c = this.element
+                .closest('mds-table')) === null || _c === void 0 ? void 0 : _c.querySelector('mds-table-body');
             this.tableHeader = this.element.closest('mds-table-header');
             this.tableHeaderCellSiblings = Array.from(this.tableHeader.children);
             this.index = this.tableHeaderCellSiblings.indexOf(this.element);
@@ -33,10 +39,15 @@ const MdsTableHeaderCell = class {
             this.tableRowsDefaultSorted = Array.from(this.tableBody.children);
         };
         this.getValue = (element) => {
-            if (element.value) {
+            if (element.value !== undefined &&
+                element.value !== '' &&
+                element.value !== 0 &&
+                !Number.isNaN(element.value)) {
                 return element.value;
             }
-            return element.textContent ? element.textContent.trim() : '';
+            return element.textContent !== null && element.textContent !== ''
+                ? element.textContent.trim()
+                : '';
         };
         this.resetSortAttribute = () => {
             this.tableHeaderCellSiblings.forEach((cell) => {
@@ -111,7 +122,7 @@ const MdsTableHeaderCell = class {
         }
     }
     render() {
-        return (h(Host, { key: 'c2ebe9d24d76a9780528c6093dfad8f3b1481354', 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: "text", variant: "dark", size: "sm", part: "action" }, this.label)) : (h("mds-text", { class: "label", typography: "label", part: "label" }, this.label))));
+        return (h(Host, { key: 'a9657b9d88db372312971caaf6bea2a7e6c58499', 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: "text", variant: "dark", size: "sm", part: "action" }, this.label)) : (h("mds-text", { class: "label", typography: "label", part: "label" }, this.label))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/mds-table-header.entry.js

@@ -64,15 +64,23 @@ const MdsTableHeader = class {
             this.table.selectAll(this.selectAll);
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
         this.t.update();
     }
+    /**
+     * Updates the header's select-all state from the number of selected rows.
+     * @param selectedItems the number of currently selected rows
+     * @param totalItems the total number of selectable rows
+     */
     async setSelection(selectedItems, totalItems) {
         var _a;
         this.indeterminate = selectedItems !== 0 && selectedItems !== totalItems;
         if (this.indeterminate) {
-            if (!this.checkboxEl) {
+            if (this.checkboxEl == null) {
                 this.checkboxEl = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.checkbox');
             }
         }
@@ -84,7 +92,7 @@ const MdsTableHeader = class {
         this.hasActions = this.table.querySelector('mds-table-row > [slot="action"]') !== null;
     }
     render() {
-        return (h(Host, { key: '37b1dc996ea1131669eb20bcd7267113722eae2a', role: "row" }, this.selectable && (h("mds-table-cell", { key: 'a9e7504417cf9a44eacda2643fa5485132aeb937', class: "selection", role: "columnheader" }, h("div", { key: 'a0fb9d483af2ad7ed2aa07fbcb3dcb38a2bee64c', class: "checkbox-wrapper" }, h("mds-input-switch", { key: 'c81fc1232bf3b9b5e37a709095f7d9837933c7ba', class: "checkbox", title: this.t.get(this.selectAll ? 'selectNoneRows' : 'selectAllRows'), lang: this.language, type: "checkbox", onMdsInputSwitchChange: this.handleSelectAllChange, indeterminate: this.indeterminate })))), h("slot", { key: '8c02567f4261a7851a6ab624dd281de48366bbc0' }), this.hasActions && (h("mds-table-header-cell", { key: '95340371d6d6f7199633cde4b66eb2177437f63d', part: "actions", class: "actions", label: this.t.get('actions') }))));
+        return (h(Host, { key: '4c1907b2a9d7f3be74b77ea8c4897b39337062f7', role: "row" }, this.selectable && (h("mds-table-cell", { key: 'da97fe04013a2d0627e7d42d83383b1bdc5ad20a', class: "selection", role: "columnheader" }, h("div", { key: '25d63dba96cfa5d0b797644fe5ade059a27130ab', class: "checkbox-wrapper" }, h("mds-input-switch", { key: 'd048fc26d2d851383851907a10fdea46c028af8b', class: "checkbox", title: this.t.get(this.selectAll ? 'selectNoneRows' : 'selectAllRows'), lang: this.language, type: "checkbox", onMdsInputSwitchChange: this.handleSelectAllChange, indeterminate: this.indeterminate })))), h("slot", { key: '02ff4fdb5d9703d6300aac7cdb6ecf090f8db974' }), this.hasActions && (h("mds-table-header-cell", { key: '77b1de04053c57ead60a545d134f60d54de1da48', part: "actions", class: "actions", label: this.t.get('actions') }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/mds-table-row.entry.js

@@ -42,6 +42,9 @@ const MdsTableRow = class {
             es: localeEs,
             it: localeIt,
         });
+        /**
+         * Specifies whether the row can be selected via a checkbox.
+         */
         this.selectable = undefined;
         this.handleSelectionChange = (e) => {
             var _a;
@@ -49,6 +52,9 @@ const MdsTableRow = class {
             (_a = this.host.closest('mds-table')) === null || _a === void 0 ? void 0 : _a.updateSelection();
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
         this.t.update();
@@ -73,13 +79,13 @@ const MdsTableRow = class {
             this.observer.disconnect();
     }
     render() {
-        return (h(Host, { key: '647098c017c85b3b88975a7a98366afbc7140a07', role: "row" }, this.selectable && (h("mds-table-cell", { key: '42fd6b0fa4f38993b6f824c6fb4adabdee05b277', class: "selection-cell" }, h("div", { key: '4aa67fd4526d675c8486335ebea22a7c94b05f88', class: "checkbox-wrapper" }, h("mds-input-switch", { key: '885d7a270ff2c49b1f1d2a0cfc7beeb1e80ab67f', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange })))), h("slot", { key: 'e178eac73e1485a8009248cbcad6d50437c96a3e' }), this.hasActions && isSafari() && (h("mds-table-cell", { key: 'dd49057349406107e8e9bf5c552c900c78d3a2f4', class: "actions-cell actions-cell--disable" }, h("div", { key: '8ea991e4c62686c5d2e488c59abbc72cf20d47e1', class: "actions" }, h("slot", { key: 'e4c312f1022dfb2ca120edd5749f795472c1af5f', name: "action" })))), this.hasActions && !isSafari() && (h("mds-table-cell", { key: '16152eed7d5eb29175ed7db0a046802f2357adad', class: "actions-cell" }, h("div", { key: '8e632cad0c708d6a857db3134a6c979be9893ced', class: "actions-sizer", style: {
+        return (h(Host, { key: '58724450caa507036a51436eee917bf1985b6cf8', role: "row" }, this.selectable && (h("mds-table-cell", { key: '6d139569b397b4ed5255d060078a885807dbf67d', class: "selection-cell" }, h("div", { key: '95608e906cf0d53b0750f13669b6882c5f015887', class: "checkbox-wrapper" }, h("mds-input-switch", { key: 'aed24d0ced8de37f9f2ccc1afd6b5b2732db995f', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange })))), h("slot", { key: 'd83c65bd0ed36ad733c1be6ac75ff75d1e500150' }), this.hasActions && isSafari() && (h("mds-table-cell", { key: 'b22a8f6812a3acd05cb527a0c730c10629ea5fc6', class: "actions-cell actions-cell--disable" }, h("div", { key: 'f5f725888c3f9d16307ac7986a354a304a383aaa', class: "actions" }, h("slot", { key: 'b0b040e230bb68f4260c9bf79a83026cf776ce5d', name: "action" })))), this.hasActions && !isSafari() && (h("mds-table-cell", { key: '10e5c24237e19f349b1c957bd1bd6e5463f6cfd3', class: "actions-cell" }, h("div", { key: 'e7c2577896533236dc3c5c3eaa78629bc310a45f', class: "actions-sizer", style: {
                 minHeight: '1px',
                 maxWidth: this.sizerWidth,
                 minWidth: this.sizerWidth,
-            } }), h("div", { key: 'b29ad0849a425b0ca8f5257b27efd0f248edb3fa', class: "actions-view" }, h("div", { key: '0fe5795c3d1cac06487fc7a7df06369815ba2b44', class: "actions", ref: (el) => (this.actions = el), style: {
+            } }), h("div", { key: 'eca88ae1d742b799979dc783734dc93b1ac2b680', class: "actions-view" }, h("div", { key: '3feeb73ec5018219549a2271954c8140137b5aad', class: "actions", ref: (el) => (this.actions = el), style: {
                 marginRight: `calc(${this.sizerWidth} + var(--mds-table-cell-padding))`,
-            } }, h("slot", { key: '02b63534de3cfcfaca02794ec6043218e887d503', name: "action" })))))));
+            } }, h("slot", { key: '2ef5950a7a389d6ce1c79b182e4eec5e0bc43e71', name: "action" })))))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/mds-table.entry.js

@@ -47,7 +47,7 @@ const MdsTable = class {
             var _a;
             const cells = this.rows[0].querySelectorAll('mds-table-cell');
             const cellSelection = (_a = this.rows[0].shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.selection-cell');
-            this.cellsWidth = cellSelection ? cellSelection.offsetWidth : 0;
+            this.cellsWidth = cellSelection != null ? cellSelection.offsetWidth : 0;
             cells.forEach((cell) => {
                 this.cellsWidth += cell.offsetWidth;
             });
@@ -144,7 +144,7 @@ const MdsTable = class {
         this.tableBodyObserver.disconnect();
     }
     render() {
-        return (h(Host, { key: '26c4ebf8d8dac2b2e8505526cac64abe56f9635f' }, h("div", { key: 'efe2076b369e0898e38ea181b6fa403c4ad97bb1', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: '0951fff09d1ae80d5ed7080b602a64df3a181751', class: clsx('table', this.interactive && 'table--interactive'), role: "table", part: "table" }, h("slot", { key: '360f656f2380d7e211bd2e21f79a575ae76d1bc9', onSlotchange: this.updateSlottedElements }))), this.selectable && this.hasBatchActions && (h("div", { key: '3f0882dbcd34c89d9be13568b1b92fcc4ce76512', class: clsx('batch-actions-wrapper', this.selectedRows.length > 0 ? 'batch-actions-wrapper--has-selected-rows' : ''), part: "batch-actions-wrapper" }, h("div", { key: 'a7738eacba45b945a317573a0245534e69068342', class: "batch-actions", part: "batch-actions" }, h("div", { key: 'd0189b91bb6a3ccd185a52a5945fb20c880b51c0', class: "batch-actions-header" }, h("mds-text", { key: '6b6ba41fb6157e1285135342ce9fe15f6e118926', class: "batch-actions-label", typography: "label" }, this.t.get('batchActions')), h("mds-badge", { key: 'caaf5b9fea8cea12d045b59d8c45b0b4f74c3a5e', variant: "dark", tone: "outline", typography: "label" }, this.selectedRows.length)), h("slot", { key: 'b97911b24077a3197f7a2f5b12d88cf48a89afd0', name: "batch-action" }))))));
+        return (h(Host, { key: '7e29aed526c49ac9021de41ccaaf4e2479df7f2f' }, h("div", { key: 'dae1ff46dad9f3733c0d4e5b3922c0ceef60e397', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: '97c5ef324b98a0ff0d8be1ee1fe8e1ae2b42792c', class: clsx('table', this.interactive && 'table--interactive'), role: "table", part: "table" }, h("slot", { key: '6dbbeed8c36f9ecb347db140c1a8cdb7c792601a', onSlotchange: this.updateSlottedElements }))), this.selectable && this.hasBatchActions && (h("div", { key: 'fac215ed7d4ed631f6df92b212406298088fe906', class: clsx('batch-actions-wrapper', this.selectedRows.length > 0 ? 'batch-actions-wrapper--has-selected-rows' : ''), part: "batch-actions-wrapper" }, h("div", { key: '6c33bb5c57b4fd2ae6d15eda97d6b353cfb6ad67', class: "batch-actions", part: "batch-actions" }, h("div", { key: 'bc10432ff603a335021116fe16a1937288892c5b', class: "batch-actions-header" }, h("mds-text", { key: 'b804e56fc035ddb65da640124612b345bf76c300', class: "batch-actions-label", typography: "label" }, this.t.get('batchActions')), h("mds-badge", { key: '5f0322a4ef1252b237850c596f23c6453b984a8d', variant: "dark", tone: "outline", typography: "label" }, this.selectedRows.length)), h("slot", { key: '977eb1424d5d37b9a429369c43c97b45f8e5f249', name: "batch-action" }))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/mds-text.entry.js

@@ -278,15 +278,15 @@ const MdsText = class {
         if (this.animation === 'none') {
             return;
         }
-        if (this.randomText) {
+        if (this.randomText != null) {
             this.randomText.stop();
         }
-        if (newValue) {
+        if (newValue !== undefined && newValue !== '') {
             this.animateText(newValue);
         }
     }
     render() {
-        return (h(Host, { key: 'a17218098b9bd86f05c2dd6940fababb6e4394f5' }, h(this.tag, { key: 'b0ca477f6dee2adf72652e9327dab5f715419080', class: "text" }, !this.text ? h("slot", null) : this.text)));
+        return (h(Host, { key: 'b6ca00bf5570b74f3d21ef1fac4066cae4c6e555' }, h(this.tag, { key: 'c7fb89120d1fba7a558e6ee13a4c627e2e024a34', class: "text" }, this.text === undefined || this.text === '' ? h("slot", null) : this.text)));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/mds-toast.entry.js

@@ -28,7 +28,7 @@ const MdsToast = class {
         this.reloadTimeListeners = (visible) => {
             if (typeof window === 'undefined')
                 return;
-            if (!this.duration) {
+            if (this.duration === undefined || this.duration === 0 || Number.isNaN(this.duration)) {
                 return;
             }
             if (!visible) {
@@ -62,7 +62,7 @@ const MdsToast = class {
     componentWillLoad() {
         this.hasText = this.hostElement.innerHTML !== '';
         this.actions = this.hostElement.querySelector(':scope > [slot="action"]') !== null;
-        if (!this.duration) {
+        if (this.duration === undefined || this.duration === 0 || Number.isNaN(this.duration)) {
             return;
         }
         if (this.visible) {
@@ -79,7 +79,7 @@ const MdsToast = class {
         this.reloadTimeListeners(!!this.visible);
     }
     render() {
-        return (h(Host, { key: '07bd21eb409fba3bd390a18915b71142ab101f05' }, h("div", { key: '2d24435a16e9e0fc22104f7cc55c3a410a5031af', class: clsx('dialog', this.position && `to-${this.position}`, this.visible && 'dialog--visible') }, h("slot", { key: '113929b405b215eabbdfc79171555fd58ddce51f', name: "icon" }), this.hasText && (h("mds-text", { key: 'c3b763b5a0ea335cbf3451332140bcc12a58c9a8', typography: "caption" }, h("slot", { key: 'd86fe90e7aa7f945cf00addc6c7b82dcd32c438c' }))), this.actions && (h("div", { key: '42212943d1d4e563e459fdd9868ae116fe39fdb3', class: "actions" }, h("slot", { key: 'cf302f49b30627afb5d1c6b1278393292de718ba', name: "action" }))))));
+        return (h(Host, { key: 'f862380888df39c981d61fb122c4812c63c5509f' }, h("div", { key: '8e06caaed76364c1c62cea33f1a05b617dd0b0a4', class: clsx('dialog', this.position && `to-${this.position}`, this.visible && 'dialog--visible') }, h("slot", { key: '2fb9869a252c87b601209a03928add41fccbc976', name: "icon" }), this.hasText && (h("mds-text", { key: '04c0b0e46ae6b486f68b2c8e0c3e6aed59fd7804', typography: "caption" }, h("slot", { key: 'cc1911a261d3040f6dd69b1980d24432f895f7d8' }))), this.actions && (h("div", { key: 'd4c1cebeecbbdfcf68fe41d2a9497c97c4354cc0', class: "actions" }, h("slot", { key: 'db67e0a9556c15885a5857c74286f18a361baa4e', name: "action" }))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {