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

package/dist/esm/mds-accordion-item.entry.js

@@ -24,7 +24,7 @@ const MdsAccordionItem = class {
         };
     }
     render() {
-        return (h(Host, { key: 'bbbd0e2fb054337847f318e13bff5a9d5f836f12' }, h("button", { key: 'e32a97a11a080c26c9783e7f9653c7df5bd46c98', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { key: 'd66dc3923030828e734bd0b31021980dc2de5a97', typography: this.typography, part: "label" }, this.label), h("mds-text", { key: 'fb7b0ca39023ddf53bad7edf68464d62f6f0caa7', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, h("i", { key: 'df38dae6c7d8f27ca4e000bc8bc18a9f8575f76c', class: "icon", innerHTML: miBaselineKeyboardArrowRight }))), h("div", { key: '8a932338cd7b4c87dca040d3730edbddfd1770d9', class: "content", id: "content" }, h("div", { key: '7314748049721c8c9c243e3135545e5265f9493e', "aria-labelledby": "action", class: "content-expander", part: "content", role: "region" }, h("slot", { key: '512b542a030897e6611612ae100e6b5f200f1e4a' })))));
+        return (h(Host, { key: '70cbd276fd2552fa643a9297ca91479835a3669a' }, h("button", { key: '80f2fe79c0c3516330949615ab76e30d76c553c8', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { key: '1709a57f269dc53e3530d17e37984d3a90991ec3', typography: this.typography, part: "label" }, this.label), h("mds-text", { key: 'd9c01a62a36a9a8930b228cc748e7527d8c927bd', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, h("i", { key: '80ecf7c41a6c8ee7a7d7793836466496e6c35149', class: "icon", innerHTML: miBaselineKeyboardArrowRight }))), h("div", { key: '43617c689361b7748b588af64e4e209f43788f8e', class: "content", id: "content" }, h("div", { key: 'ee082641d530d31c12e5f0e52464fb64c38ad572', "aria-labelledby": "action", class: "content-expander", part: "content", role: "region" }, h("slot", { key: '9499ce48fce9fa821ba339c08226c74eea72b63f' })))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/mds-accordion-timer-item.entry.js

@@ -56,7 +56,7 @@ const MdsAccordionTimerItem = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'e60d0ab86bb47b64dc7b21bdae10c8ed11e902b5', onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { key: 'fc6012667a251010fc868b9dd1c8b0603a4f5ce0', class: "row" }, h("mds-progress", { key: 'a2b5695c093e6c9068f6ef5daba855066336e27a', "aria-hidden": "true", class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical", size: "sm", part: "progress" }), h("div", { key: 'ef96dd04f956cb2337d19b745c2d4126afdcfbd0', class: "accordion" }, h("button", { key: '513aeb07bbbfdc9731d4ee9c859f9dc6286d000c', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { key: '29b009883c56c52530331593da726840774c5453', typography: this.typography, part: "label" }, this.description), h("mds-text", { key: '98d4ddd516f761e279c6844023dfd133f43c3f70', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, h("i", { key: '99c14644569f3a0900322b898224aaf15eeb33b7', class: "icon", innerHTML: miBaselineKeyboardArrowRight }))), h("div", { key: '964bb74ed0704a92d5a493d733ead61789e4e8f3', class: "content", id: "content" }, h("div", { key: 'd0023fb03a93a3e12a5e1c1e4e1d7af5d378e5cd', "aria-label": this.description, class: "content-expander", part: "content", role: "region" }, h("slot", { key: 'ce44bbbbbcef87d2d634d60d060f86b51dcfeb92' })))))));
+        return (h(Host, { key: '2a267905abe7323573c9ba374f876877a4d7d708', onMouseEnter: this.mouseEnter, onMouseLeave: this.mouseLeave }, h("div", { key: '96fcad4d326cc0cdee6003e874b267b05302d535', class: "row" }, h("mds-progress", { key: 'ac8f0ef04501960d4a90e2249cd72cfaecc4178d', "aria-hidden": "true", class: "progress-bar", progress: Number((_a = this.progress) === null || _a === void 0 ? void 0 : _a.toFixed(2)), direction: "vertical", size: "sm", part: "progress" }), h("div", { key: '7550b2107ad942448f6da6e3116174ad2067b257', class: "accordion" }, h("button", { key: '084c9f9bd12d5aca2422a64bcea440c248cf1a00', "aria-controls": "content", "aria-expanded": this.selected ? 'true' : 'false', class: "action", id: "action", onClick: this.toggle, role: "button", tabindex: "0" }, h("mds-text", { key: 'd5b1d6961ab7b27ef837fd0180bb253885a58aba', typography: this.typography, part: "label" }, this.description), h("mds-text", { key: 'baac8e278b04ebabc01a434451a367df848cd692', "aria-hidden": "true", class: "icon-button", typography: this.typography, part: "icon" }, h("i", { key: '835a41cd2c377aeff1c489aedad1a2b84651fcfe', class: "icon", innerHTML: miBaselineKeyboardArrowRight }))), h("div", { key: 'e48c87aeb25bb8d7fc33335978ff17ffd07f1577', class: "content", id: "content" }, h("div", { key: '4d3b60411f38078738cdc9b6cb4d5b14316391d3', "aria-label": this.description, class: "content-expander", part: "content", role: "region" }, h("slot", { key: 'e474417107b3705901dfe539ce8860d66f4c19b6' })))))));
     }
     static get watchers() { return {
         "selected": [{

package/dist/esm/mds-accordion-timer.entry.js

@@ -103,7 +103,7 @@ const MdsAccordionTimer = class {
     }
     onClickSelect(event) {
         this.clearIntervals();
-        if (this.selectedItem) {
+        if (this.selectedItem != null) {
             this.selectedItem.progress = 0;
         }
         this.setSelectedItem(event.detail.uuid);
@@ -113,7 +113,7 @@ const MdsAccordionTimer = class {
     onSelect(event) {
         this.clearIntervals();
         this.paused = false;
-        if (this.selectedItem) {
+        if (this.selectedItem != null) {
             this.selectedItem.progress = 0;
         }
         this.setSelectedItem(event.detail.uuid);
@@ -141,7 +141,7 @@ const MdsAccordionTimer = class {
         this.playTimer();
     }
     render() {
-        return (h(Host, { key: '83fbaf714fd50567fb7c035fb6344bea5fc55935' }, h("slot", { key: '3106401fa285586903177765544a76b976b5fd8e' })));
+        return (h(Host, { key: '6801e67ac8d8235b3c8610787fcddc6223123284' }, h("slot", { key: 'd9c3bebad4f570777a2d64a4ccfad242b22fd1e0' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -51,7 +51,7 @@ const MdsAccordion = class {
         this.changedChildrenHandler(event);
     }
     render() {
-        return (h(Host, { key: 'b0bb67801baf50bffd334901368ec18aceb9c677' }, h("slot", { key: 'babdb382cf841a21db5099025ddfb293265a5503' })));
+        return (h(Host, { key: 'c3abd999f46ae45f2ba929c1719a04b2f6e57e62' }, h("slot", { key: '368b026625a477dfc337b5d9b56ee6e01eef15ce' })));
     }
     get element() { return getElement(this); }
 };

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

@@ -10,7 +10,7 @@ const MdsAuthor = class {
         this.hasAvatar = this.hostElement.querySelector(':scope > [slot="avatar"]') !== null;
     }
     render() {
-        return (h(Host, { key: '5c5f497c1206c82632d9f1d43e654dcff7182078' }, this.hasAvatar && (h("div", { key: '96373e67f2d0bf1b8b95fccb0d769160314d2329', class: "avatar" }, h("slot", { key: '9c688c746f9f9e29ca9b5b87924d2e470190ab04', name: "avatar" }))), h("div", { key: 'e4b9ad107b06481bdefe107b088c28eeeffaf9c2', class: "info" }, h("slot", { key: 'cf278792b4d32d854ef522476cd3e93a4a2182df' }))));
+        return (h(Host, { key: '2b0e6730cb3fb2d7881f527430d2b04a0705fd1b' }, this.hasAvatar && (h("div", { key: 'ee84a202caf229318c122be05abd703a0a7a7719', class: "avatar" }, h("slot", { key: 'd9b69db0285af31444ca333d948eecf36445539b', name: "avatar" }))), h("div", { key: '6a51cca8c63a1967e79a464b846f09d9966055bd', class: "info" }, h("slot", { key: '65e3f059c8d4e5e432b0990ffaa41197fd8186ff' }))));
     }
     get hostElement() { return getElement(this); }
 };

package/dist/esm/mds-avatar-stack-item.entry.js

@@ -11,7 +11,7 @@ const MdsAvatarStackItem = class {
         this.tone = 'weak';
     }
     render() {
-        return (h(Host, { key: '0626ca208c46043a55b76069f8c0c8de4a91f467' }, h("mds-avatar", { key: '376af8e3683bd2c4f19aa5c38728ca5e59ff4f57', class: "avatar", count: this.count, initials: this.initials, src: this.src, tone: this.tone, variant: this.variant })));
+        return (h(Host, { key: '8ad5051f47c51387c968570afd0934423f8c48dd' }, h("mds-avatar", { key: '6b51faaa7960a47e919d0b486f2418d8d6acceb6', class: "avatar", count: this.count, initials: this.initials, src: this.src, tone: this.tone, variant: this.variant })));
     }
 };
 MdsAvatarStackItem.style = mdsAvatarStackItemCss();

package/dist/esm/mds-avatar-stack.entry.js

@@ -10,7 +10,7 @@ const MdsAvatarStack = class {
         this.items = this.host.querySelectorAll(':scope > mds-avatar-stack-item');
     }
     render() {
-        return (h(Host, { key: 'e57b0bdda7fe40f3c914df1e2954985f5b124560' }, h("slot", { key: '05586f1f84de3e29fb66290c2bf44b8608154aa4' }), this.total !== undefined && this.total - this.items.length > 0 && (h("mds-avatar-stack-item", { key: 'd24631df49ea987384eb30e85bcfc07f20d41698', count: this.total - this.items.length }))));
+        return (h(Host, { key: 'a60bd68436a0006d48b550bdc7f9e134824c8ca6' }, h("slot", { key: '9c600bfcf5b2baf490d431a75820b8d8d1bb4b9e' }), this.total !== undefined && this.total - this.items.length > 0 && (h("mds-avatar-stack-item", { key: '6164b8f843f4455e83ff57391da3ddbf9840881b', count: this.total - this.items.length }))));
     }
     get host() { return getElement(this); }
 };

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

@@ -106,7 +106,7 @@ const MdsAvatar = class {
                 this.removeFontResize();
         };
         this.checkInitialsVariant = () => {
-            if (this.initials) {
+            if (this.initials !== undefined && this.initials !== '') {
                 let cleanedInitials = this.initials
                     .toLowerCase()
                     .replace(/[^a-zA-Z0-9]+/g, '')
@@ -128,10 +128,10 @@ const MdsAvatar = class {
         if (this.src !== undefined) {
             this.loaded = false;
         }
-        if (this.initials) {
+        if (this.initials !== undefined && this.initials !== '') {
             this.checkText(this.initials);
         }
-        if (this.count) {
+        if (this.count !== undefined && this.count !== 0 && !Number.isNaN(this.count)) {
             this.checkText(this.count.toString());
         }
     }
@@ -139,9 +139,9 @@ const MdsAvatar = class {
         if (this.textChanged) {
             // placed here becase @Watch('initials') is fired
             // BEFORE the element .fit is attached on shDOM
-            if (this.initials)
+            if (this.initials !== undefined && this.initials !== '')
                 this.checkText(this.initials);
-            if (this.count)
+            if (this.count !== undefined && this.count !== 0 && !Number.isNaN(this.count))
                 this.checkText(this.count.toString());
             this.textChanged = false;
         }
@@ -165,12 +165,31 @@ const MdsAvatar = class {
         }
     }
     render() {
-        return (h(Host, { key: 'dcb0ca706de79f07684daea4efee5d1a69e43494' }, h("div", { key: '784a3d4ed4cbb382c7091894ed15664e38d82979', class: clsx('avatar', this.initials && !this.fallback && !this.src && 'avatar--initials', (this.fallback || (!this.icon && !this.initials && !this.src)) && 'avatar--fallback', this.icon && 'avatar--icon', this.loaded ? 'avatar--loaded' : 'avatar--pending'), part: "wrapper" }, this.initials && !this.count && !this.fallback && !this.src && (h("div", { key: '8ed5b7a608b1ff8b6e36947d8069c4a4932b8dca', class: "initials-text" }, h("span", { key: '6438aafad3d6f87081c56d61838a1e4cbaf23351', class: "fit" }, this.initials.substring(0, 2)))), this.count && !this.fallback && !this.src && (h("div", { key: 'c00430118c9adc6fed1ac3480b41854bfe9a2029', class: "initials-text" }, h("span", { key: '671ca6880e8c8e337efcf4266a3caca3d93910ce', class: "fit" }, "+", this.count))), this.src && !this.count && !this.fallback && !this.icon && (h("mds-img", { key: '290236542764aa0eff224bef9093931d3a6cc650', class: "image", loading: "lazy", onMdsImgLoadError: () => {
+        return (h(Host, { key: '07722662312e0060753fac4b5db088d291fd4e44' }, h("div", { key: 'deea787618ef936db82200106b9a7cc06f59cb07', class: clsx('avatar', this.initials &&
+                !this.fallback &&
+                (this.src === undefined || this.src === '') &&
+                'avatar--initials', (this.fallback ||
+                ((this.icon === undefined || this.icon === '') &&
+                    (this.initials === undefined || this.initials === '') &&
+                    (this.src === undefined || this.src === ''))) &&
+                'avatar--fallback', this.icon && 'avatar--icon', this.loaded ? 'avatar--loaded' : 'avatar--pending'), part: "wrapper" }, this.initials &&
+            (this.count === undefined || this.count === 0 || Number.isNaN(this.count)) &&
+            !this.fallback &&
+            (this.src === undefined || this.src === '') && (h("div", { key: '5373fafa0241fd295c12ca0349a86b221de5ae7a', class: "initials-text" }, h("span", { key: 'd771f1f77354bdd0daf3fee4e124bcac2b8c92ed', class: "fit" }, this.initials.substring(0, 2)))), this.count && !this.fallback && (this.src === undefined || this.src === '') && (h("div", { key: 'e7e0ba534f34c0cff2f79224a5ffdde499345aa8', class: "initials-text" }, h("span", { key: '4150adcaeed46edfe4a739bc894b712c394e9bf4', class: "fit" }, "+", this.count))), this.src &&
+            (this.count === undefined || this.count === 0 || Number.isNaN(this.count)) &&
+            !this.fallback &&
+            (this.icon === undefined || this.icon === '') && (h("mds-img", { key: '1fae5e0e557de2adaa52f9cddcabd8cf8d0dd236', class: "image", loading: "lazy", onMdsImgLoadError: () => {
                 this.loaded = true;
                 this.fallback = true;
             }, onMdsImgLoadSuccess: () => {
                 this.loaded = true;
-            }, part: "media", src: this.src })), this.icon && !this.initials && !this.count && (h("mds-icon", { key: '1a0a2d01fb411772a00891e3a420310118145025', class: "icon", part: "icon", name: this.icon })), (this.fallback || (!this.icon && !this.initials && !this.count && !this.src)) && (h("i", { key: '2e41fa86a08a034ce59ff64e8d95a3b837c645ee', class: "fallback-icon", innerHTML: miBaselinePerson })))));
+            }, part: "media", src: this.src })), this.icon &&
+            (this.initials === undefined || this.initials === '') &&
+            (this.count === undefined || this.count === 0 || Number.isNaN(this.count)) && (h("mds-icon", { key: 'ada49c8dde83c842fc9e73f85d09ff8ce1d680e8', class: "icon", part: "icon", name: this.icon })), (this.fallback ||
+            ((this.icon === undefined || this.icon === '') &&
+                (this.initials === undefined || this.initials === '') &&
+                (this.count === undefined || this.count === 0 || Number.isNaN(this.count)) &&
+                (this.src === undefined || this.src === ''))) && (h("i", { key: '86182aed0f562e731682e465ee5c33df43fa5b0f', class: "fallback-icon", innerHTML: miBaselinePerson })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -20,7 +20,7 @@ const MdsBadge = class {
         this.typography = 'option';
         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.host);
         };
@@ -29,7 +29,7 @@ const MdsBadge = class {
         this.label = sanitizeLabel(newValue);
     }
     render() {
-        return (h(Host, { key: 'bed5c0dccff0e7e796e7e5e76efe25d8330dec2c' }, h("mds-text", { key: 'b9fc73764d75faa0d3102a622b3ecc4d8392c613', tag: "span", typography: this.typography, variant: "info", text: this.label }, this.label || h("slot", { key: 'd8d0e54393b72cc270574e00197cdc703bff3d0a', onSlotchange: this.onSlotChangeHandler }))));
+        return (h(Host, { key: '1c990216eae1dd3ad54815cd9ce69cf06bac9d19' }, h("mds-text", { key: '32185147bbdec26ce093679d8162482710782f61', tag: "span", typography: this.typography, variant: "info", text: this.label }, this.label || h("slot", { key: 'b3ce51b1012d918804f37a0a765fd23c081d4e26', onSlotchange: this.onSlotChangeHandler }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -85,11 +85,14 @@ const MdsBanner = class {
             var _a;
             this.closeEvent.emit();
             const modalEL = (_a = this.host) === null || _a === void 0 ? void 0 : _a.closest('mds-modal');
-            if (modalEL) {
+            if (modalEL != null) {
                 modalEL.opened = false;
             }
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -114,7 +117,7 @@ const MdsBanner = class {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '2afab272d56122cd81155dc183d7ab5e6cefc2c4', "aria-label": this.headline, role: this.ariaVariants[(_a = this.variant) !== null && _a !== void 0 ? _a : 'primary'].role, "aria-live": this.ariaVariants[(_b = this.variant) !== null && _b !== void 0 ? _b : 'primary'].live }, h("div", { key: 'e721e7375cb6f81f994c48aa65707dc133f71510', class: "body" }, this.icon && h("mds-icon", { key: '1542bdd9019d144105d09689c4b773ddd7626f13', "aria-hidden": "true", class: "icon", name: this.icon }), h("div", { key: 'acb819054179bf7fc16da97e0bfb64e9e9d08b5b', class: "content" }, this.headline && (h("mds-text", { key: '927594cdfd61d6af3b496761beeb5ab489832d8b', "aria-hidden": "true", class: "headline", typography: "h6" }, this.headline)), h("div", { key: '27cf3213f992682fe923a6a5f028d3ea5d1ae8ba', class: "text", part: "text" }, h("slot", { key: '1b4180568e80bf7b05c8c5dc1ba4d10bc0ca2cb6' }))), this.deletable && (h("mds-button", { key: 'c479abfc205e76cee8965f26b4c2ba1910e97100', class: "close-button", icon: miBaselineClose, onClick: this.closeBanner, title: this.t.get('cancel'), variant: this.closeButtonVariant, tone: "text" }))), this.actions && (h("div", { key: '991cdcbd6965e8df55a016a2b4ae7e6a24f09cf0', class: "actions" }, h("slot", { key: '147bf81d81e1e958fb2714b1fff0b41cb5865e9d', name: "action" })))));
+        return (h(Host, { key: '8a3293e558bb74ac6b6f2da1f8716de46d6e1c0e', "aria-label": this.headline, role: this.ariaVariants[(_a = this.variant) !== null && _a !== void 0 ? _a : 'primary'].role, "aria-live": this.ariaVariants[(_b = this.variant) !== null && _b !== void 0 ? _b : 'primary'].live }, h("div", { key: '57b677034bdb2c45e838b5f0bfd285fb1588fb2d', class: "body" }, this.icon && h("mds-icon", { key: 'e721e46b80995d2fa81cff4bd60a5d8ad453e197', "aria-hidden": "true", class: "icon", name: this.icon }), h("div", { key: '6c6af935817431e4d89c29752d0ec32d1a204259', class: "content" }, this.headline && (h("mds-text", { key: 'cb3e60f23d08876841e635a61c2b67534e5d2833', "aria-hidden": "true", class: "headline", typography: "h6" }, this.headline)), h("div", { key: '248ed7b3b4e89099fa327d4954e6d56a35c781ca', class: "text", part: "text" }, h("slot", { key: '26a6b47c16abf4ac990c2f77b17f6a461dc94c1f' }))), this.deletable && (h("mds-button", { key: 'f6dce72fed0e6d32ad2cdef1d10521a9aee6ad71', class: "close-button", icon: miBaselineClose, onClick: this.closeBanner, title: this.t.get('cancel'), variant: this.closeButtonVariant, tone: "text" }))), this.actions && (h("div", { key: '28e0a3870b0d05250729d75b26c72c96f45e5bbc', class: "actions" }, h("slot", { key: '2b0f51b34cf364ac7efc27fb33d586e59ef3ddda', name: "action" })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -176,6 +179,9 @@ const MdsChip = class {
          * Sets the color variant tone of the component
          */
         this.tone = 'strong';
+        this.onDeleteHandler = (event) => {
+            this.deleteEvent.emit({ event, element: this.host });
+        };
         this.handleClickableKeyboard = (isClickable) => {
             var _a;
             if (isClickable) {
@@ -189,7 +195,7 @@ const MdsChip = class {
         this.handleClickableElement = (isClickable) => {
             var _a;
             const label = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.label');
-            if (!label) {
+            if (label == null) {
                 return;
             }
             if (isClickable) {
@@ -201,6 +207,9 @@ const MdsChip = class {
             label.removeEventListener('click', this.onClickLabelHandler.bind(this));
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -229,9 +238,6 @@ const MdsChip = class {
         }
         this.clickLabelEvent.emit({ event, element: this.host });
     }
-    onDeleteHandler(event) {
-        this.deleteEvent.emit({ event, element: this.host });
-    }
     componentWillLoad() {
         this.t.lang(this.host);
     }
@@ -245,7 +251,7 @@ const MdsChip = class {
         this.km.detachClickBehavior('label');
     }
     render() {
-        return (h(Host, { key: '0ff9c5f44050e5aae268321b89f3479ad50b3eec', "aria-disabled": this.disabled ? 'true' : 'false' }, this.icon && (h("div", { key: '554e3024e5492fe32fbe14df912d7f48cf3d1e42', "aria-hidden": "true", class: "icon-area" }, h("mds-icon", { key: 'ed4ecb18bee7cf7a5471c8dc2dd212d2264b7188', class: "icon", name: this.icon }))), h("div", { key: '4ded2dcecb606224cdbd336dd6bda407a2a020e7', class: "label-wrapper" }, this.clickable ? (h("mds-text", { class: "label label--interactive", tabindex: "0", typography: "caption", truncate: "word" }, this.label)) : (h("mds-text", { class: "label", typography: "caption", truncate: "word" }, this.label))), this.deletable && (h("mds-button", { key: '847b0fe5c0f111a79a3aac85285c7003ff771183', class: "button-delete", icon: miBaselineCancel, onClick: this.onDeleteHandler.bind(this), title: `${this.t.get('deleteLabel')} ${this.label}`, variant: "dark", tone: "text", size: "sm" }))));
+        return (h(Host, { key: 'a2ff34f9ecfc5f8fa6cb7ab399eb34b2f0c2cf04', "aria-disabled": this.disabled ? 'true' : 'false' }, this.icon && (h("div", { key: '78e888b4c83cd44f05bbbd1377863c5008bfe328', "aria-hidden": "true", class: "icon-area" }, h("mds-icon", { key: '19fc511e306b8a7cc25daf1596e932bb88dec748', class: "icon", name: this.icon }))), h("div", { key: 'ef990de72874ab99987ad8e74ee93f43bdf54dc9', class: "label-wrapper" }, this.clickable ? (h("mds-text", { class: "label label--interactive", tabindex: "0", typography: "caption", truncate: "word" }, this.label)) : (h("mds-text", { class: "label", typography: "caption", truncate: "word" }, this.label))), this.deletable && (h("mds-button", { key: '09edff4f0b1320017ea029742fa9b8d199622cab', class: "button-delete", icon: miBaselineCancel, onClick: this.onDeleteHandler, title: `${this.t.get('deleteLabel')} ${this.label}`, variant: "dark", tone: "text", size: "sm" }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -280,7 +286,7 @@ const MdsHelp = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '7d7673ac454daa8673fcf30d1f7cd62a096efe67' }, h("mds-icon", { key: '19a08bed3129f9bb2a42ffa5308de9d5d6ef2cd8', class: "icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miOutlineHelp, part: "icon" }), h("mds-tooltip", { key: '1b7aa24dd616edd66c9745d7d0ca550608225ecd', placement: this.placement, autoPlacement: this.autoPlacement, strategy: "absolute", target: ".icon" }, h("slot", { key: '8a9f25d575c2b036f8471b4f44911d27fe2627b0' }))));
+        return (h(Host, { key: 'a72b1f2f02ef754022738d9ae5d8f3351541eb06' }, h("mds-icon", { key: 'c0f180c4abe2c5d3c4e512e14f9761aa36906f4f', class: "icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miOutlineHelp, part: "icon" }), h("mds-tooltip", { key: 'c08d15295a145809f35aab2d7f198aa71476ee91', placement: this.placement, autoPlacement: this.autoPlacement, strategy: "absolute", target: ".icon" }, h("slot", { key: 'd3dd10afd797f2079896589da73615fb97dc3d6e' }))));
     }
 };
 MdsHelp.style = mdsHelpCss();

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

@@ -24,7 +24,7 @@ const MdsBenchmarkBar = class {
         this.size = 'md';
         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.host);
         };
@@ -34,7 +34,7 @@ const MdsBenchmarkBar = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'd7b0e761d31d572d12036ff3aaf4c20b289cbf2f' }, h("div", { key: '704adf95c2c8d28158b4b42a79b618adcaacec37', class: "infos" }, h("mds-text", { key: 'aba9432355b5ecf6b2bc624851eeeb804b9d1ce7', typography: this.typography, class: "label", id: "label", truncate: "word" }, this.label || h("slot", { key: '87bf1c615242ec2df4c13a22bcb6b17d35286dbf', onSlotchange: this.onSlotChangeHandler })), h("mds-text", { key: '21d31020e10456f29b884c9cd0ed7744f9eeb2cf', typography: this.typography, class: "value", truncate: "word" }, (_a = this.alias) !== null && _a !== void 0 ? _a : this.value)), h("mds-progress", { key: '9e9db845895d9f0ea025df2a3ea55e206c11e255', "aria-labelledby": "label", "aria-valuetext": this.alias, class: "progress", variant: this.variant, progress: this.value / 100, size: this.size, part: "progress-bar" })));
+        return (h(Host, { key: '1c2d9a434915c3bd3487e3accddc100cb457178b' }, h("div", { key: '809bfc18d2042c97685adb031b65f3444a1ba3c4', class: "infos" }, h("mds-text", { key: 'f328a5c085a268ac48839e9553fe48a0d57873f8', typography: this.typography, class: "label", id: "label", truncate: "word" }, this.label || h("slot", { key: 'd61cde55186ab7d8aa186fb740b35fb9e5e964f4', onSlotchange: this.onSlotChangeHandler })), h("mds-text", { key: '2f0145a1c718cb646fb28e05e6f828c196c8902e', typography: this.typography, class: "value", truncate: "word" }, (_a = this.alias) !== null && _a !== void 0 ? _a : this.value)), h("mds-progress", { key: 'ad484ee140a19ccde21e5a50df8532c03508350a', "aria-labelledby": "label", "aria-valuetext": this.alias, class: "progress", variant: this.variant, progress: this.value / 100, size: this.size, part: "progress-bar" })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -68,7 +68,7 @@ const MdsBibliography = class {
             else {
                 formattedFirstName = ` ${firstName.substring(0, 1)}.`;
             }
-            return `${lastName}${lastName ? ',' : ''}${formattedFirstName}`;
+            return `${lastName}${lastName !== '' ? ',' : ''}${formattedFirstName}`;
         };
         this.fullNameMLA = (firstName, lastName) => {
             var _a;
@@ -82,7 +82,7 @@ const MdsBibliography = class {
             else {
                 formattedFirstName = firstName;
             }
-            return `${lastName}${lastName ? ',' : ''} ${formattedFirstName}`;
+            return `${lastName}${lastName !== '' ? ',' : ''} ${formattedFirstName}`;
         };
         this.formatAuthors = (author) => {
             var _a;
@@ -91,7 +91,7 @@ const MdsBibliography = class {
             const fullName = (_a = authorName.match(splitNames)) !== null && _a !== void 0 ? _a : authorName;
             if (fullName.length > 1) {
                 const firstName = fullName[0].trim();
-                const lastName = fullName[1] ? fullName[1].trim() : '';
+                const lastName = fullName[1] !== '' ? fullName[1].trim() : '';
                 return {
                     apa: this.fullNameAPA(firstName, lastName),
                     firstName,
@@ -101,7 +101,7 @@ const MdsBibliography = class {
                 };
             }
             const firstName = fullName[0].split(' ')[0].trim();
-            const lastName = fullName[0].split(' ')[1] ? fullName[0].split(' ')[1].trim() : '';
+            const lastName = fullName[0].split(' ')[1] !== '' ? fullName[0].split(' ')[1].trim() : '';
             return {
                 apa: this.fullNameAPA(firstName, lastName),
                 firstName,
@@ -134,7 +134,7 @@ const MdsBibliography = class {
         };
     }
     render() {
-        return (h(Host, { key: 'b15c9090bd3af98008b693ed727ed3aae93598e3' }, h("mds-text", { key: 'c9a1d266aa8e12351774933fb61ec35a147debb1', typography: this.typography, variant: this.variant }, this.author && h("span", { key: '1562ae9b85ebeff30997f581be4ab14039dec414' }, this.showAuthors(this.normalizeAuthors(this.author))), this.format === 'mla' && (h("span", { key: 'd615dbc40a95746f89f4525a54c7ecbfceba7315' }, this.name && ' ', this.name && this.url !== null ? (h("a", { class: "link", href: this.url, target: "_blank", rel: this.rel }, h("b", null, h("i", null, this.name, ".")))) : (h("b", null, h("i", null, this.name, "."))), this.location && (h("span", { key: '48817238804e69578f5424355c98130556b3dd51' }, ' ', this.location, this.publisher !== undefined ? ':' : '.')), this.publisher && (h("span", { key: '31ecf7af210e44eb6d89dfc3e4f4189e0d835fb4' }, ' ', this.publisher, this.date !== undefined ? ',' : '.')), this.date && h("time", { key: '405f1546ea824689d93309c9df696378309c1cea', dateTime: this.date }, " ", this.dateFormatMLA(this.date), "."))), this.format === 'apa' && (h("span", { key: '255f43e6ca4b50c0d872e906e3eb03a41d29401f' }, this.date && h("time", { key: '51c6bfd6c2398c6d5c3e204d75c05450b520091a', dateTime: this.date }, " (", this.dateFormatAPA(this.date), ")."), this.name && ' ', this.name && this.url !== null ? (h("a", { class: "link", href: this.url, target: "_blank", rel: this.rel }, h("b", null, h("i", null, " ", this.name, ".")))) : (h("b", null, h("i", null, " ", this.name, "."))), this.location && (h("span", { key: '0c3d8465e4001391afbeeebac0d0a8f08a2ac3cb' }, ' ', this.location, this.publisher !== undefined ? ':' : '.')), this.publisher && h("span", { key: '121f18deadf23c053c2e3cdf63002f5ea7a8f65d' }, " ", this.publisher, "."))), this.format === 'turabian' && (h("span", { key: 'b30c1d3e94af251141c9fac36512efe532811aae' }, this.name && ' ', this.name && this.url !== null ? (h("a", { class: "link", href: this.url, target: "_blank", rel: this.rel }, h("b", null, h("i", null, " ", this.name, ".")))) : (h("b", null, h("i", null, " ", this.name, "."))), this.location && (h("span", { key: '4901457ea26ce985db12194a733169e78d84acbb' }, ' ', this.location, this.publisher !== undefined ? ':' : ',')), this.publisher && (h("span", { key: '48122bc66f98323a3cce99d731b5df6ad9e3f482' }, ' ', this.publisher, this.date !== undefined ? ',' : '.')), this.date && h("time", { key: 'b6713043fc1531707338552dd3293b9a79500686', dateTime: this.date }, " ", this.dateFormatMLA(this.date), "."))))));
+        return (h(Host, { key: '23f59847854d7d9a89b7dd2750e436d8f02e3d14' }, h("mds-text", { key: 'b894fe2efb2a5fcb6efed4e71efc21bd226e05fe', typography: this.typography, variant: this.variant }, this.author && h("span", { key: 'c4643d727585acf555ddd35a75b899694e5c9402' }, this.showAuthors(this.normalizeAuthors(this.author))), this.format === 'mla' && (h("span", { key: '6dbda3e1aaeac89017d1fed6d8ff2cd832693199' }, this.name && ' ', this.name !== undefined && this.name !== '' && this.url !== null ? (h("a", { class: "link", href: this.url, target: "_blank", rel: this.rel }, h("b", null, h("i", null, this.name, ".")))) : (h("b", null, h("i", null, this.name, "."))), this.location && (h("span", { key: '340b4ecae707224b88baf69235b669ecee608e28' }, ' ', this.location, this.publisher !== undefined ? ':' : '.')), this.publisher && (h("span", { key: '54d44315bbf6859e10136f0cbd73d5a56cbd3af9' }, ' ', this.publisher, this.date !== undefined ? ',' : '.')), this.date && h("time", { key: '642f54d9348dd05fe0867ef2259c1ed720987b9c', dateTime: this.date }, " ", this.dateFormatMLA(this.date), "."))), this.format === 'apa' && (h("span", { key: '1a6caf7ae4b454bf05b924e56c9aad6e882efe98' }, this.date && h("time", { key: '2dbce299a5459cff5da64ac87925947bcddb2336', dateTime: this.date }, " (", this.dateFormatAPA(this.date), ")."), this.name && ' ', this.name !== undefined && this.name !== '' && this.url !== null ? (h("a", { class: "link", href: this.url, target: "_blank", rel: this.rel }, h("b", null, h("i", null, " ", this.name, ".")))) : (h("b", null, h("i", null, " ", this.name, "."))), this.location && (h("span", { key: 'c9f7127424939df3e352479e48a298e964ec4d06' }, ' ', this.location, this.publisher !== undefined ? ':' : '.')), this.publisher && h("span", { key: 'abb5252ecfb00b5b00c37c1e8063a2c00ea03cc2' }, " ", this.publisher, "."))), this.format === 'turabian' && (h("span", { key: '91cebf4a49774b5f09f5947378b08c54150c6768' }, this.name && ' ', this.name !== undefined && this.name !== '' && this.url !== null ? (h("a", { class: "link", href: this.url, target: "_blank", rel: this.rel }, h("b", null, h("i", null, " ", this.name, ".")))) : (h("b", null, h("i", null, " ", this.name, "."))), this.location && (h("span", { key: '102f8ccc46702f490624d0de0e0dfc1b69a1ce66' }, ' ', this.location, this.publisher !== undefined ? ':' : ',')), this.publisher && (h("span", { key: 'f263f731ce15c53982f10273a9918854e9e14564' }, ' ', this.publisher, this.date !== undefined ? ',' : '.')), this.date && h("time", { key: 'fcb9f7211479b4f78a056117f81589d4011ac0fc', dateTime: this.date }, " ", this.dateFormatMLA(this.date), "."))))));
     }
 };
 MdsBibliography.style = mdsBibliographyCss();

package/dist/esm/mds-breadcrumb-item.entry.js

@@ -14,7 +14,7 @@ const MdsBreadcrumbItem = class {
         };
     }
     render() {
-        return (h(Host, { key: 'ab3907e19643bf473ee9b8c4d86bfe9347ef332a' }, h("mds-button", { key: '98854e39c5e1607d30a9be677bae9da93191a5ea', onClick: this.toggle, part: "button", label: this.label }), h("i", { key: '105373181228784de85e55aaef02b0684c86d090', "aria-hidden": "true", class: "icon", innerHTML: miBaselineNavigateNext })));
+        return (h(Host, { key: '0637c2938c4b122ee6d74226043108aa62c753c6' }, h("mds-button", { key: '399bb9e3f9f2272e6d0fc6e397fdbe6c4b179437', onClick: this.toggle, part: "button", label: this.label }), h("i", { key: '33527f902e0e871d563bb3813f47271238ddfbf8', "aria-hidden": "true", class: "icon", innerHTML: miBaselineNavigateNext })));
     }
     get element() { return getElement(this); }
 };

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

@@ -74,6 +74,9 @@ const MdsBreadcrumb = class {
             this.changedEvent.emit({ id: id.toString(), caller });
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
@@ -120,7 +123,7 @@ const MdsBreadcrumb = class {
         this.onChanged(selectedId, event.target);
     }
     render() {
-        return (h(Host, { key: '0157e65a0eb34ec757f56c7cdc10b18951fa8be3' }, this.back && (h("mds-button", { key: 'a16a4496ee3c0ff557f83e42bc4b4c0d47d70086', title: this.t.get('back'), class: "back", tone: "text", variant: "dark", icon: miBaselineArrowBack, onClick: this.togglePrevious })), h("slot", { key: 'a225269b1f7a7ea7ba4282c3bbb1b50403c15fac' })));
+        return (h(Host, { key: 'd6153c0dc519e28bb3e6d4abcc21e7525f93bcd6' }, this.back && (h("mds-button", { key: '06352e01170f89f85263a8f5ce6430c05cbbe4c2', title: this.t.get('back'), class: "back", tone: "text", variant: "dark", icon: miBaselineArrowBack, onClick: this.togglePrevious })), h("slot", { key: '6355194ad2a8d7b51ee76d5537dfd206a831c86f' })));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/mds-button-dropdown.entry.js

@@ -32,7 +32,7 @@ const MdsButtonDropdown = class {
         this.truncate = 'word';
     }
     render() {
-        return (h(Host, { key: 'f90fab85c6ee85c8ccf49b74004079844f509927' }, h("mds-button", { key: 'cb5a073527f47a464f02b7806f2cabd9a4b0ccfd', active: this.active, autoFocus: this.autoFocus, await: this.await, disabled: this.disabled, href: this.href, icon: this.icon, size: this.size, target: this.target, tone: this.tone, type: this.type, variant: this.variant, label: this.label }), h("mds-button", { key: '7008620f687989604f5247fadfddf50004d1c1ca', active: this.active, autoFocus: this.autoFocus, await: this.await, class: "dropdown-action", disabled: this.disabled, href: this.href, icon: miBaselineKeyboardArrowDown, size: this.size, target: this.target, tone: this.tone, type: this.type, variant: this.variant }), h("mds-dropdown", { key: 'bdb45a552fc11f8ce3b2c64685b857f54dc6a89f', target: ".dropdown-action", part: "dropdown" }, h("slot", { key: 'fe51f3322d90cfe9d561d194ca9e8a0e3e5290d2' }))));
+        return (h(Host, { key: 'cc838a144e10bc573500c91de8255a40d0ae6c9d' }, h("mds-button", { key: '6491c12f83c66e74917cd94f5b11cb334179a67a', active: this.active, autoFocus: this.autoFocus, await: this.await, disabled: this.disabled, href: this.href, icon: this.icon, size: this.size, target: this.target, tone: this.tone, type: this.type, variant: this.variant, label: this.label }), h("mds-button", { key: '87008d8679548ae49f6365b2e8a5cf61ac1850df', active: this.active, autoFocus: this.autoFocus, await: this.await, class: "dropdown-action", disabled: this.disabled, href: this.href, icon: miBaselineKeyboardArrowDown, size: this.size, target: this.target, tone: this.tone, type: this.type, variant: this.variant }), h("mds-dropdown", { key: '6519ef27ef74e2e3598c61b5624cf947c7c43a27', target: ".dropdown-action", part: "dropdown" }, h("slot", { key: '16edfd3fa1702cf5405d91c811e9993cc528a177' }))));
     }
 };
 MdsButtonDropdown.style = mdsButtonDropdownCss();

package/dist/esm/mds-button-group.entry.js

@@ -7,7 +7,7 @@ const MdsButtonGroup = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '7f14ca7b52b2bc94f1d408c6df06e03e090107c5' }, h("slot", { key: 'fe4d62013f77cf3f12129d340dff20957fc676cc' })));
+        return (h(Host, { key: '5d7393600c1a9fc3a9502649980eccab9eee6655' }, h("slot", { key: 'b84075fa821e0fff692a64ced68b683841cbd447' })));
     }
 };
 MdsButtonGroup.style = mdsButtonGroupCss();