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

package/dist/cjs/mds-card-content.cjs.entry.js

@@ -9,7 +9,7 @@ const MdsCardContent = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '8473bf383d3e53d5e7fc1d28bb1db7c55e89ed1f', slot: "content" }, index.h("slot", { key: 'd94a743c850ae055f5cf18ec64cccbc25f2c2386' })));
+        return (index.h(index.Host, { key: '565800120da6d86c184dd5f75c4e18fb5eae0b70', slot: "content" }, index.h("slot", { key: '85c7feee51473d66cb921e3328f24756ef2436c4' })));
     }
 };
 MdsCardContent.style = mdsCardContentCss();

package/dist/cjs/mds-card-footer.cjs.entry.js

@@ -9,7 +9,7 @@ const MdsCardFooter = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'ece0d1f82874b8418e5fe959f52542fa75562b9c', slot: "footer" }, index.h("slot", { key: '0e1dc915caf0abf097fa9d2c152b9af919280d1e' })));
+        return (index.h(index.Host, { key: '09063cd00e75b0949a6836416a2c768bd575f50f', slot: "footer" }, index.h("slot", { key: 'c06e99b7186e4037aa5c386eddd2ebb404b20e99' })));
     }
 };
 MdsCardFooter.style = mdsCardFooterCss();

package/dist/cjs/mds-card-header.cjs.entry.js

@@ -12,7 +12,7 @@ const MdsCardHeader = class {
         this.actions = this.hostElement.querySelector(':scope > [slot="action"]') !== null;
     }
     render() {
-        return (index.h(index.Host, { key: '8330b5f74a2d0995e33d77ea2b5c4131c29266a4', slot: "header" }, index.h("slot", { key: 'e3a7ca1b4fccc0c4a618808c5285f3af8bc20ca4' }), this.actions && (index.h("div", { key: 'ace7c1ac31dec0a141673612118bbbdab4ce24c9', class: "actions" }, index.h("slot", { key: 'd64698964813c57b065b67d27c695ea93d2b2cd8', name: "action" })))));
+        return (index.h(index.Host, { key: '6efc9cb2ce54f8114d6143a3b514c66205c44444', slot: "header" }, index.h("slot", { key: 'c7ad38193e9d5f36c447dd636909cd426f53496d' }), this.actions && (index.h("div", { key: 'f80bc0f5444df7271c6b09792a7cdc24a79edaf7', class: "actions" }, index.h("slot", { key: '196095c6e86c45c02450776892ce77b3993e69b3', name: "action" })))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/mds-card-media.cjs.entry.js

@@ -9,7 +9,7 @@ const MdsCardMedia = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '3b5160ec822d4f36a670153d18d0c3186c25cea9', slot: "media" }, index.h("div", { key: '6e4c0488e264f6334041fffe32781eced8a01625', class: "content", part: "content" }, index.h("slot", { key: '8d19d53a625f894f7f5ad9b4e0980600ef8ffb09', name: "content" })), index.h("slot", { key: 'c8674d696ebf4d6df73758beed889c65ebdc9ea1' })));
+        return (index.h(index.Host, { key: '2b44ca234a11ddc6775b20081809ba04b63dbf53', slot: "media" }, index.h("div", { key: '7fa0c8e670f3ee6ec9a1ad656ac5553fab37b9aa', class: "content", part: "content" }, index.h("slot", { key: '72547efbb5900edd34ce5cc5f4e7782d293b5e78', name: "content" })), index.h("slot", { key: 'b39be7942b66438b905d9fae1ab0bdf9c437dd81' })));
     }
 };
 MdsCardMedia.style = mdsCardMediaCss();

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

@@ -16,21 +16,19 @@ const MdsCard = class {
     componentWillLoad() {
         this.layout = Array.from(this.host.children)
             // check custom slot
-            .map((c) => {
-            var _a;
-            return ((_a = c.getAttribute('slot')) !== null && _a !== void 0 ? _a :
-                // if no custom slot find mds-card-{component}
+            .map((c) => (c.getAttribute('slot') != null
+            ? c.getAttribute('slot') !== ''
+            : // if no custom slot find mds-card-{component}
                 c.tagName.startsWith('MDS-CARD-'))
-                ? // replace mds-card-header with header (for all mds-card-{component})
-                    c.tagName.toLocaleLowerCase().replace('mds-card-', '')
-                : // if find other tag do nothing
-                    '';
-        })
+            ? // replace mds-card-header with header (for all mds-card-{component})
+                c.tagName.toLocaleLowerCase().replace('mds-card-', '')
+            : // if find other tag do nothing
+                '')
             .sort()
             .reduce((prev, curr) => prev + curr.charAt(0), '');
     }
     render() {
-        return (index.h(index.Host, { key: 'e5143babcd5c15b6e626af3dc62824ce1766faea' }, index.h("div", { key: '9bdd4440748ad05436f9385037dbd0acb9819f3d', class: clsx.clsx('layout', this.layout && `layout--${this.layout}`, !this.autoGrid ? 'layout--disabled' : ''), part: "layout" }, index.h("slot", { key: 'e4cc48c56f8859d82c79e9f3aa5f1d749efe2ce2', name: "media" }), index.h("slot", { key: 'd1873703aac2d635645e88f852f6a658616f69b5', name: "header" }), index.h("slot", { key: 'd9d07a179c013d75360262a2f3bc1b026d49c25a', name: "content" }), index.h("slot", { key: '0b942e340f715a0e25827f680a891083cd73c8cb', name: "footer" }))));
+        return (index.h(index.Host, { key: '29ed24cfe97cc5d2cc898cf26df0e4251ed4555f' }, index.h("div", { key: '10c741aefac2067595b80c88879700af7c088824', class: clsx.clsx('layout', this.layout && `layout--${this.layout}`, !this.autoGrid ? 'layout--disabled' : ''), part: "layout" }, index.h("slot", { key: 'ee1956eefa0e1a1715592db6b7790a6120e8fb34', name: "media" }), index.h("slot", { key: '8aefb8b2cb53dfc9ecfa45183988ec7a8db45524', name: "header" }), index.h("slot", { key: '3cb04f02b82f2fd314a5e20f169c4efea628985c', name: "content" }), index.h("slot", { key: 'e87dd33aae38437af938120c2de966d361032228', name: "footer" }))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -45,7 +45,7 @@ const MdsDetails = class {
         this.km.detachClickBehavior();
     }
     render() {
-        return (index.h(index.Host, { key: 'b68670a1cb741c24b00788b5a89572c5111222ec' }, index.h("div", { key: '5af8b496c967b7143e690432a1ee835fac852da7', class: clsx.clsx('icon', this.hasIcon ? '' : 'icon--hidden'), onClick: this.toggle }, index.h("slot", { key: '22952053827e6831c2d076860f2c3f78acaf94ad', name: "icon", onSlotchange: this.onSlotChangeHandler })), index.h("div", { key: 'ede2234ae7c9d27258b968d1b4e9e9c6da4c6f42', class: "content" }, index.h("header", { key: '62e2aaacdd4246c581737f84a37fbaff14a7976a', class: "header", part: "header", tabindex: "0", onClick: this.toggle }, index.h("div", { key: '8f2a07baa3e76757abb194fc6b5f7709c8feb093', class: "title", part: "title" }, index.h("slot", { key: 'fbeb7c6facfb6dfa71d78b859e7763f5a6c334f7', name: "title" })), index.h("i", { key: '90bea8dacf62c4013eb2da3099b011a28478465d', class: clsx.clsx('helper-icon', this.isOpened && 'opened'), innerHTML: keyboardArrowRight.miBaselineKeyboardArrowRight })), index.h("div", { key: '0a1b8b0753bc148d019bb32304e2b71fece2aa90', class: clsx.clsx('details', this.isOpened && 'opened') }, index.h("div", { key: '5dda2bd4b47bdbc4dacbdb8bab413300c67dc2f8', class: "content-expander", part: "content" }, index.h("slot", { key: '36361643f560082b16e72307c2570d00f542ddaa' }), index.h("div", { key: '01bce23c1fd8fa04bb3290b2a07759099209e5cf', class: "actions" }, index.h("slot", { key: '54e6dd6e93ee2a7044eaf85ce2211278a46f7b95', name: "action" })))))));
+        return (index.h(index.Host, { key: 'd74c147e767625599ead47337938ca8314758dac' }, index.h("div", { key: '6d0b01f008d95f0eafee89d026fc7131008c521e', class: clsx.clsx('icon', this.hasIcon ? '' : 'icon--hidden'), onClick: this.toggle }, index.h("slot", { key: 'da0be4d9fca3fff84841b8ac56c7969103299a8f', name: "icon", onSlotchange: this.onSlotChangeHandler })), index.h("div", { key: 'dfb7b13ef7a28539c1cc50419887c50e3d2ee3fd', class: "content" }, index.h("header", { key: '4209585b8554c8aca288f813849446da4b72d532', class: "header", part: "header", tabindex: "0", onClick: this.toggle }, index.h("div", { key: '825c05b8282b143bf555cf3724a4c61e96fe680d', class: "title", part: "title" }, index.h("slot", { key: '9d339db4c240c11a334105ee8a3c35eba01497a4', name: "title" })), index.h("i", { key: '2eff776b4d94546fa56c2c744c03d58d453df89b', class: clsx.clsx('helper-icon', this.isOpened && 'opened'), innerHTML: keyboardArrowRight.miBaselineKeyboardArrowRight })), index.h("div", { key: 'cabc3ad3fcb39ca665c73300daf4baad7559fe33', class: clsx.clsx('details', this.isOpened && 'opened') }, index.h("div", { key: 'c0522330a06abb1ad0fa336ab1574da972643840', class: "content-expander", part: "content" }, index.h("slot", { key: '6f02ec01d42f17bd88733308c3fd4523ea1e14bd' }), index.h("div", { key: '64590622875aac471b094064cc20591356f5046b', class: "actions" }, index.h("slot", { key: 'daa26ab68c2421e84f4a25634b264376a3874171', name: "action" })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -152,7 +152,7 @@ const MdsDropdown = class {
         this.floatingController.updatePosition();
     }
     targetChanged() {
-        if (!this.target || !this.floatingController)
+        if (this.target === '' || this.floatingController == null)
             return;
         this.caller = this.floatingController.updateCaller(this.target);
         this.setInteractionBehaviour();
@@ -218,9 +218,9 @@ const MdsDropdown = class {
         this.km.detachEscapeBehavior();
     }
     render() {
-        return (index.h(index.Host, { key: 'f9ac021fe9c2261e5de88aa08f856366a7c1a6ea', style: {
+        return (index.h(index.Host, { key: '38c9f3049e6a174dba9a05327d725bdcc0968692', style: {
                 zIndex: `${this.zIndex}`,
-            } }, index.h("div", { key: '22392a2806dd8d3c983707c72b66b04c2702c089', class: "arrow", innerHTML: arrowSvg }), index.h("slot", { key: 'a136d8393d86a44f3e45a96823a76c8480f01cca' })));
+            } }, index.h("div", { key: '344784493362d917977d14c4f9c356c42c14ad4c', class: "arrow", innerHTML: arrowSvg }), index.h("slot", { key: 'b8a87aa98e63085aed670018e97134f3452dfedc' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -6188,6 +6188,9 @@ const mdsEmojiCss = () => `@layer reset,vendor,theme,base,components,utilities;@
 const MdsEmoji = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * Specifies which emoji to display.
+         */
         this.name = 'mia';
         this.emojiOriginalSize = 0;
         this.isFollowingMouse = false;
@@ -6855,6 +6858,10 @@ const MdsEmoji = class {
         await this.setStartThinkingAnimation(duration);
         return Promise.resolve();
     }
+    /**
+     * Stops the "thinking" animation after the given duration.
+     * @param duration the animation duration, in seconds
+     */
     async stopThinking(duration = 0.5) {
         if (!this.isBusy)
             return;
@@ -6923,7 +6930,7 @@ const MdsEmoji = class {
         const group = (_b = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.firstElementChild) === null || _b === void 0 ? void 0 : _b.querySelectorAll(`[id^='${part}-']`);
         if (group.length === 0)
             return null;
-        if (!state && group) {
+        if ((state === undefined || state === '') && group) {
             group === null || group === void 0 ? void 0 : group.forEach((el) => {
                 // const currentState = el.id.split('-')[1]
                 el.style.visibility = 'hidden';
@@ -6943,7 +6950,7 @@ const MdsEmoji = class {
         return element;
     }
     render() {
-        return index.h(index.Host, { key: 'eb24181cbc0fdb462d523c10ac6a3a835737e673' });
+        return index.h(index.Host, { key: 'beb9d92842ae19bbac115d3a3773f2d005fe17b2' });
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -29,7 +29,7 @@ const MdsEntity = class {
         this.actions = this.hostElement.querySelector(':scope > [slot="action"]') !== null;
     }
     render() {
-        return (index.h(index.Host, { key: '461f720cf3434142c646976f3b40286461b27501' }, index.h("div", { key: '6b2833072a153008a14b3784fd55809f0895f434', class: "spinner", part: "spinner" }, index.h("mds-spinner", { key: '9e4568cc3575fc2316d8087d98370417e0146801', running: true })), this.checkAvatar() && (index.h("mds-avatar", { key: 'bf8f09dc25c4069ae77261972799dcc2466bf02b', class: "preview", icon: this.icon, initials: this.initials, src: this.src, tone: this.tone, variant: this.variant, part: "avatar" })), index.h("div", { key: '5d459817324411d01680d5ef868a94913575160e', class: "infos" }, index.h("slot", { key: 'a2f905640cfbf6c5112c655176a270f73f703bb8' }), this.details && (index.h("div", { key: 'bd9c202b4d331da22aeb55a0ae5cecd50c489539', class: "details" }, index.h("slot", { key: '38509d5cc437e5f411a82692d4c0f6ef3c2002e6', name: "detail" })))), this.actions && (index.h("div", { key: '1b24b3e17154d0a5b0416b24df869333092875a2', class: "actions" }, index.h("slot", { key: '9d6023257453c9a00343bd632e95cdb6a048ae08', name: "action" })))));
+        return (index.h(index.Host, { key: '22a28d6ba3510d1289e8624a0c40aef3e3c40e1a' }, index.h("div", { key: '8d37bb90a921442974a84ddd0bce5f0a066c64ec', class: "spinner", part: "spinner" }, index.h("mds-spinner", { key: '2b4fbf62c4d6031e3ee356b33ccc9c611d9d76a3', running: true })), this.checkAvatar() && (index.h("mds-avatar", { key: '9ac6dc6620e5ab1c70c4934e4fab94da981b29c3', class: "preview", icon: this.icon, initials: this.initials, src: this.src, tone: this.tone, variant: this.variant, part: "avatar" })), index.h("div", { key: 'a4145830835e6a826c5f003b424e73014a796c41', class: "infos" }, index.h("slot", { key: '62218ed33ed9f652c8f268a8d5cbfa73c90f5962' }), this.details && (index.h("div", { key: 'e7cd7dd749613b038962e8cab76d81d20d4bfb4b', class: "details" }, index.h("slot", { key: '3b9ad2f9cf5578595886f757904956987fc916f3', name: "detail" })))), this.actions && (index.h("div", { key: '6f1f4ac54c51fb426ab336a8c4d4c51734d0cced', class: "actions" }, index.h("slot", { key: 'db576c92ab69bb2b9c786be5e13a190a0d3c3f24', name: "action" })))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/mds-file-preview.cjs.entry.js

@@ -253,6 +253,9 @@ const MdsFilePreview = class {
             });
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -279,7 +282,12 @@ const MdsFilePreview = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h(index.Host, { key: '11eabf1edcf82c9ec5f0219dcb8e7346de419f8b' }, this.deletable && (index.h("mds-button", { key: '33c9fccce91b022ce5df51d59b00afd56630c7eb', title: this.t.get('remove'), class: "action-delete", icon: cancel.miBaselineCancel, variant: "light", onClick: this.onClickDeletedEvent })), index.h("div", { key: 'a6c55bb3d1b5b5bf638a1ff6b30aa42595ef0ce2', class: "card", part: "card", onClick: this.onClickDownloadEvent }, this.src && !this.message && locale_it.getExtensionInfos(this.filename, this.suffix).preview ? (index.h("mds-img", { src: this.src, class: "preview preview--image", "aspect-ratio": "1/1" })) : (index.h("div", { class: clsx.clsx('preview', !this.message ? 'preview--icon' : 'preview--status') }, this.icon ? (index.h("mds-icon", { class: "icon", name: this.icon })) : (index.h("mds-icon", { class: "icon", name: locale_it.getFormatsVariant(this.filename, this.suffix).icon })), this.message && (index.h("mds-text", { class: "message", typography: "caption", variant: "info" }, this.message)))), index.h("mds-text", { key: '7e47a22e9dc9aa7ff9d4deede3d4b0d4ef041d2d', class: "file-name", typography: "h6", variant: "title", truncate: this.truncate, title: this.filename }, this.filename), index.h("footer", { key: '8746dac0d12f389f8e6f3b541c6f7553a0ae1ca5', class: clsx.clsx('infos', this.filesize && 'infos--has-file-size') }, this.filesize && this.filesize === Number(this.filesize).toString() && (index.h("mds-text", { key: '995af9155e0c90696915fdad7312dbd3322dc457', class: "file-size", truncate: "word", typography: "caption", variant: "info" }, filesize(Number(this.filesize), { standard: 'jedec' }))), this.filesize && this.filesize !== Number(this.filesize).toString() && (index.h("mds-text", { key: 'f261b9db7f2b63396555f0cedc0e3d10cee4c246', class: "file-size", truncate: "word", typography: "caption", variant: "info" }, this.filesize)), locale_it.getSuffix(this.filename, this.suffix) && (index.h("mds-badge", { key: 'f20723a233b1b1c6f3bc05a18e70d3c37b94acb8', variant: locale_it.getFormatsVariant(this.filename, this.suffix).variant, tone: "weak", class: "suffix", title: (_a = this.description) !== null && _a !== void 0 ? _a : this.t.get(this.getDefaultKeyDescription()) }, locale_it.getSuffix(this.filename, this.suffix))), !this.filesize && (index.h("mds-text", { key: '99892ace53a5709df50e01780f84619e5996b744', class: "description", truncate: "word", typography: "caption", variant: "info", title: (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get(this.getDefaultKeyDescription()) }, (_c = this.description) !== null && _c !== void 0 ? _c : this.t.get(this.getDefaultKeyDescription())))))));
+        return (index.h(index.Host, { key: '4191a2f8b58aa3fa6f116ecc845c3298643f405c' }, this.deletable && (index.h("mds-button", { key: 'a3996c3793c86f913286fc416a2f18c251a629e3', title: this.t.get('remove'), class: "action-delete", icon: cancel.miBaselineCancel, variant: "light", onClick: this.onClickDeletedEvent })), index.h("div", { key: 'deb2fcc20862f851d28db79b2cef37c43fb4cc63', class: "card", part: "card", onClick: this.onClickDownloadEvent }, this.src !== undefined &&
+            this.src !== '' &&
+            (this.message === undefined || this.message === '') &&
+            locale_it.getExtensionInfos(this.filename, this.suffix).preview ? (index.h("mds-img", { src: this.src, class: "preview preview--image", "aspect-ratio": "1/1" })) : (index.h("div", { class: clsx.clsx('preview', this.message === undefined || this.message === ''
+                ? 'preview--icon'
+                : 'preview--status') }, this.icon !== '' ? (index.h("mds-icon", { class: "icon", name: this.icon })) : (index.h("mds-icon", { class: "icon", name: locale_it.getFormatsVariant(this.filename, this.suffix).icon })), this.message && (index.h("mds-text", { class: "message", typography: "caption", variant: "info" }, this.message)))), index.h("mds-text", { key: '9563cde9752cb3ff7778e1971bd8eff1b95edebf', class: "file-name", typography: "h6", variant: "title", truncate: this.truncate, title: this.filename }, this.filename), index.h("footer", { key: '824bde798749685fe9d989859f16e5fe96635ea8', class: clsx.clsx('infos', this.filesize && 'infos--has-file-size') }, this.filesize && this.filesize === Number(this.filesize).toString() && (index.h("mds-text", { key: 'e709b610d25e8d235b15fd8c47bc25982951f9fa', class: "file-size", truncate: "word", typography: "caption", variant: "info" }, filesize(Number(this.filesize), { standard: 'jedec' }))), this.filesize && this.filesize !== Number(this.filesize).toString() && (index.h("mds-text", { key: 'd41bb090c1676b67014d11e478f7bc8975ef6b1f', class: "file-size", truncate: "word", typography: "caption", variant: "info" }, this.filesize)), locale_it.getSuffix(this.filename, this.suffix) && (index.h("mds-badge", { key: 'd0cdb8b71431114d023e9df7e4cc9c55841b452d', variant: locale_it.getFormatsVariant(this.filename, this.suffix).variant, tone: "weak", class: "suffix", title: (_a = this.description) !== null && _a !== void 0 ? _a : this.t.get(this.getDefaultKeyDescription()) }, locale_it.getSuffix(this.filename, this.suffix))), (this.filesize === undefined || this.filesize === '') && (index.h("mds-text", { key: 'e4b78b52eba52f2cc6632539b56888774d005236', class: "description", truncate: "word", typography: "caption", variant: "info", title: (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get(this.getDefaultKeyDescription()) }, (_c = this.description) !== null && _c !== void 0 ? _c : this.t.get(this.getDefaultKeyDescription())))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -7579,6 +7579,9 @@ const MdsFile = class {
         };
         this.getDefaultDescription = () => locale_it.getExtensionInfos(this.filename, this.suffix).description;
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -7595,7 +7598,7 @@ const MdsFile = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: 'fc07d6520462d6877b2ce80c20a635a3db76562f', tabindex: "0", onClick: this.handleOnClick }, index.h("div", { key: 'a1a065c686ef011224c7648d0101d3960f23e738', class: "preview" }, this.preview !== undefined ? (index.h("div", { class: "image-preview", style: { backgroundImage: `url(${this.preview})` } })) : (index.h("mds-icon", { class: "icon-preview", name: locale_it.getFormatsVariant(this.filename, this.suffix).icon })), index.h("div", { key: '3a4741e0b175400d4954fd1761da8b2d1bab6cb9', class: "download-icon" }, index.h("mds-icon", { key: '48dc1b1b5af3b9989ccc75be86e3a7beb24bc440', name: miOutlineFileDownload }))), index.h("div", { key: 'fc001287ab920f2fae34b5bcfae4c95541fa451a', class: "info" }, index.h("div", { key: '174807172e1a46f8e64752698f1604fd28549b9c', class: "filename", title: this.filename }, index.h("mds-text", { key: '9750f49569fee6b3f419c02776921ca47663f590', truncate: "word", typography: "h6", class: "name" }, locale_it.getName(this.filename)), this.suffix === undefined && locale_it.getSuffix(this.filename, this.suffix) && (index.h("mds-text", { key: '9bab2d991fdf0a6a37cc68555386a2d13c8b631f', typography: "h6", class: "extension" }, ".", locale_it.getSuffix(this.filename, this.suffix)))), index.h("div", { key: 'f06aff476d27046ef4558c9ea65ee00d10fc740d', class: "detail" }, locale_it.getSuffix(this.filename, this.suffix) && (index.h("mds-badge", { key: 'f226817fc6681ce5f770475d553e88ad3cd90966', variant: locale_it.getFormatsVariant(this.filename, this.suffix).variant, tone: "weak", class: "suffix" }, locale_it.getSuffix(this.filename, this.suffix))), index.h("mds-text", { key: '2856f34ab2c0bb46d77b74cb54d1d79131616457', truncate: "word", typography: "caption", class: "description", title: (_a = this.description) !== null && _a !== void 0 ? _a : this.t.get(this.getDefaultDescription()) }, (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get(this.getDefaultDescription())))), this.wasDownloaded && this.showDownloadedIcon && (index.h("div", { key: '8016b84257c95b7a9505f10e907c801f3561f993', class: "indicator" }, index.h("i", { key: '78e44bf63ab425d94508335d006c4bdfda442101', class: "downloaded", innerHTML: miBaselineFileDownloadDone, title: this.t.get('alreadyDownloaded') })))));
+        return (index.h(index.Host, { key: 'c0e9cad18f3aece026683f60c792f7f9cb72fe6d', tabindex: "0", onClick: this.handleOnClick }, index.h("div", { key: '0549f258474a3bfbb2ce14e425768dccb38a1304', class: "preview" }, this.preview !== undefined ? (index.h("div", { class: "image-preview", style: { backgroundImage: `url(${this.preview})` } })) : (index.h("mds-icon", { class: "icon-preview", name: locale_it.getFormatsVariant(this.filename, this.suffix).icon })), index.h("div", { key: '6af5acdd202cf3f2c372dae43f7410c021436f8b', class: "download-icon" }, index.h("mds-icon", { key: 'eb9ca7ad12fe39531da1e765f8a176c84ccd5cbc', name: miOutlineFileDownload }))), index.h("div", { key: '59091a86effee53feba1f3886d91a0fbcc963ad8', class: "info" }, index.h("div", { key: 'efdac36e055c89999a2055e344bdd2ead3d4a63b', class: "filename", title: this.filename }, index.h("mds-text", { key: 'e702e1aad1d32052947b5a915d4dcd4c6e7ba8bc', truncate: "word", typography: "h6", class: "name" }, locale_it.getName(this.filename)), this.suffix === undefined && locale_it.getSuffix(this.filename, this.suffix) && (index.h("mds-text", { key: '83d4b4320310a88bcc7ae8bcec8e5c149de637ba', typography: "h6", class: "extension" }, ".", locale_it.getSuffix(this.filename, this.suffix)))), index.h("div", { key: 'ed75683122f0612e5e5d0ae7853be9c53da832f1', class: "detail" }, locale_it.getSuffix(this.filename, this.suffix) && (index.h("mds-badge", { key: '46be9c88c56795caf101953fe2faf4202a9800aa', variant: locale_it.getFormatsVariant(this.filename, this.suffix).variant, tone: "weak", class: "suffix" }, locale_it.getSuffix(this.filename, this.suffix))), index.h("mds-text", { key: '9dd1b4541bddb18f74bcc958697d6ebf22b33f6d', truncate: "word", typography: "caption", class: "description", title: (_a = this.description) !== null && _a !== void 0 ? _a : this.t.get(this.getDefaultDescription()) }, (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get(this.getDefaultDescription())))), this.wasDownloaded && this.showDownloadedIcon && (index.h("div", { key: '72b97352184cc5e7300b9bcc2577db8817465554', class: "indicator" }, index.h("i", { key: '40968874d424bf044ba5627550550f09eaba43ed', class: "downloaded", innerHTML: miBaselineFileDownloadDone, title: this.t.get('alreadyDownloaded') })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -14,17 +14,17 @@ const MdsFilterItem = class {
             this.selected = !this.selected;
             this.selectedEvent.emit({ id: this.element.id, selected: this.selected });
         };
-        this.disconnectedCallback = () => {
-            this.km.detachClickBehavior();
-        };
     }
     componentDidLoad() {
         this.km.addElement(this.element);
         this.km.attachClickBehavior();
     }
+    disconnectedCallback() {
+        this.km.detachClickBehavior();
+    }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'f624e29b6b4b094fa7dc065b13c12b5dbe0b7d4b', tabindex: this.disabled ? '-1' : '0', role: "menuitem", "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : this.icon, onClick: this.toggle }, this.icon && index.h("mds-icon", { key: 'd6afedf47e3216cf03608a33d4fbeddd63c44ed1', "aria-hidden": "true", name: this.icon }), this.label && (index.h("mds-text", { key: 'b26f486d9008c2ed419285e695e6c06c59e50a73', "aria-hidden": "true", variant: "info", typography: "caption" }, this.label)), this.count && (index.h("div", { key: '12a9e90f06b125344dc059978311adc3abb60363', class: "count" }, index.h("mds-text", { key: 'c43a05d0da075b1b61d589d4a3b0e93d9806428a', "aria-hidden": "true", variant: "info", typography: "option" }, this.count)))));
+        return (index.h(index.Host, { key: '9d4686de0bb4371076bb1d78b428b09efd0946f3', tabindex: this.disabled ? '-1' : '0', role: "menuitem", "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : this.icon, onClick: this.toggle }, this.icon && index.h("mds-icon", { key: '9c9c91f67e70442646a2846ab901e8e56de89064', "aria-hidden": "true", name: this.icon }), this.label && (index.h("mds-text", { key: '6299fdb29e9ed4a29c55c1c818ad0992fcda1b97', "aria-hidden": "true", variant: "info", typography: "caption" }, this.label)), this.count && (index.h("div", { key: '6df69e3386a6e6b01fc7262c0c70dd75731acd94', class: "count" }, index.h("mds-text", { key: '01380c1b2d11b56c6b244f5292ff4276c6866786', "aria-hidden": "true", variant: "info", typography: "option" }, this.count)))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -68,7 +68,7 @@ const MdsFilter = class {
         this.checkSelectedItem();
     }
     activeEventHandler(event) {
-        this.lastSelectedItem = Number(event.detail.id ? event.detail.id.replace('item-', '') : 0);
+        this.lastSelectedItem = Number(event.detail.id !== '' ? event.detail.id.replace('item-', '') : 0);
         this.scrollTabs();
         const items = this.queryItems();
         if (this.multiple) {
@@ -99,7 +99,7 @@ const MdsFilter = class {
         this.changedEvent.emit({ children: items, value: this.itemsValues() });
     }
     render() {
-        return (index.h(index.Host, { key: 'df023e26a0590c5eb39c89b1b659c5ee6acbfe60', "aria-label": this.label, role: "menubar" }, this.label && (index.h("mds-text", { key: '0f18b755f675bf441473c1e9c9ec9aba3dfc14c7', class: "label", typography: "label" }, this.label)), index.h("div", { key: 'a2562aa4dc33a777f078ed2a043d6526d41d1fe9', class: "items-wrapper" }, index.h("div", { key: '740cf81017bc78a2cb1005438443a97ee164e097', class: clsx.clsx('items', this.active && 'active') }, index.h("slot", { key: '07905e90c203d3201c94860730d16cf17bdc3ee6' }), index.h("div", { key: '2feffe6e6e1f149d67303362d83fbc098426ca33', class: clsx.clsx('reset', this.active && 'reset--opened') }, index.h("mds-filter-item", { key: '07f3cdb2b3cfd71ec0ebc2eeab8d2c3f4b33c9f8', selected: this.active, disabled: !this.active && this.reset, class: clsx.clsx('reset-button', this.active && 'reset-button-opened'), icon: close.miBaselineClose, onClick: this.resetItems }))))));
+        return (index.h(index.Host, { key: '1dd060145cd00afd5bc869aa0ac39a375e31c45a', "aria-label": this.label, role: "menubar" }, this.label && (index.h("mds-text", { key: 'bc555868ff4c6599bbd5cbb0b075649b5ab0cca1', class: "label", typography: "label" }, this.label)), index.h("div", { key: '6dad87b041b6553711bc6b7d16e52bc8effabbcc', class: "items-wrapper" }, index.h("div", { key: 'd0d888532d201e44c12b273ced3c0106f6fc0641', class: clsx.clsx('items', this.active && 'active') }, index.h("slot", { key: 'd2919aba63eb86e5caa88b955a5eeb405daeccb8' }), index.h("div", { key: '9c70279b42e365d5f896277ed04add845b323dfc', class: clsx.clsx('reset', this.active && 'reset--opened') }, index.h("mds-filter-item", { key: '85e033c578dd050b5bf0a6407fd3a4836244bb17', selected: this.active, disabled: !this.active && this.reset, class: clsx.clsx('reset-button', this.active && 'reset-button-opened'), icon: close.miBaselineClose, onClick: this.resetItems }))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/mds-header-bar.cjs.entry.js

@@ -28,11 +28,15 @@ const MdsHeaderBar = class {
     componentWillLoad() {
         this.hasNav = this.host.querySelector(':scope > [slot="nav"]') !== null;
     }
+    /**
+     * Opens or closes the header bar.
+     * @param isOpened whether the header bar should be opened
+     */
     async setOpened(isOpened = true) {
         this.isOpened = isOpened;
     }
     render() {
-        return (index.h(index.Host, { key: 'a178d875406a0d139ec4d4853f2da7495b86374c' }, index.h("div", { key: '51e3151cae7173f67d7beb22dca28ea89a9cdf03', class: "content", part: "content" }, index.h("div", { key: '9648cf1eaa609f2fdb6ba28e5b63c4b0223729fa', class: "logo" }, index.h("slot", { key: 'edf1ea3ba82bd5e9302659ca76627998aebcfea1' })), index.h("div", { key: '87845ffe8e7181e8ec572c28a55c0a323808f2a6', class: "actions", part: "actions" }, this.nav !== 'none' && this.hasNav && (index.h("nav", { key: '6a7911143923bf0de2d23c002bd1765cb2801859', class: "nav", part: "nav" }, index.h("slot", { key: '58b8cbfe785982b04b9ac1d4dbdfa2a44fe20053', name: "nav" }))), this.menu !== 'none' && (index.h("mds-button", { key: 'a948a0b38722ee2c6802f9ad62278f2af6249e38', class: "menu", variant: "dark", tone: "text", icon: miRoundMenu, onClick: this.open, part: "hamburger" }))))));
+        return (index.h(index.Host, { key: '6dd35a371fa5c356edb5f3dcdb3a7055ef59088b' }, index.h("div", { key: '2550f4a19b20204359c89fc7ba4d352ccc7fae68', class: "content", part: "content" }, index.h("div", { key: '41f1db71c01221c51e763d155ab701bd6c8ceb53', class: "logo" }, index.h("slot", { key: '2dec39a7e14263b3c2af14d7bc2892355c369db7' })), index.h("div", { key: '4b2191c4b205abc0a56bab40d8266a81fcd5dcff', class: "actions", part: "actions" }, this.nav !== 'none' && this.hasNav && (index.h("nav", { key: 'e0211adaa22e20fdfc213db906577704b55d752c', class: "nav", part: "nav" }, index.h("slot", { key: 'bd5aab236894a32ee0a46c1fbeebfcc386214dc3', name: "nav" }))), this.menu !== 'none' && (index.h("mds-button", { key: '233bd731f391808dec162ff73cc9a1ed6453998f', class: "menu", variant: "dark", tone: "text", icon: miRoundMenu, onClick: this.open, part: "hamburger" }))))));
     }
     get host() { return index.getElement(this); }
 };

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

@@ -48,7 +48,7 @@ const MdsHeader = class {
             this.headerBar.setOpened(false);
         };
         this.handleVisibility = () => {
-            if (!this.autoHide) {
+            if (this.autoHide === undefined || this.autoHide === 0 || Number.isNaN(this.autoHide)) {
                 return;
             }
             // reset var if the page is scrolled to top
@@ -82,7 +82,7 @@ const MdsHeader = class {
             }
         };
         this.sanitizeAppearance = () => {
-            if (!this.appearanceSet) {
+            if (this.appearanceSet === undefined || this.appearanceSet === '') {
                 return [this.appearance];
             }
             const regex = /\b(\w+)\b/g;
@@ -103,7 +103,7 @@ const MdsHeader = class {
         this.handleScroll = () => {
             if (typeof window === 'undefined')
                 return;
-            if (this.autoHide) {
+            if (this.autoHide !== undefined && this.autoHide !== 0 && !Number.isNaN(this.autoHide)) {
                 this.handleVisibility();
             }
             if (this.sanitizedAppearance.length > 1) {
@@ -112,13 +112,15 @@ const MdsHeader = class {
         };
         this.setAppearanceSetData = () => {
             this.sanitizedAppearance = this.sanitizeAppearance();
-            if (this.sanitizedAppearance[2]) {
+            if (this.sanitizedAppearance[2] !== undefined &&
+                this.sanitizedAppearance[2] !== 0 &&
+                !Number.isNaN(this.sanitizedAppearance[2])) {
                 this.appearanceThreshold = this.sanitizedAppearance[2];
             }
             this.relativeTresholdDown = this.threshold;
         };
         this.initScrollListener = () => {
-            if (!window) {
+            if (typeof window === 'undefined') {
                 return;
             }
             this.setAppearanceSetData();
@@ -128,11 +130,15 @@ const MdsHeader = class {
             this.headerBar = this.host.querySelector('mds-header-bar');
         };
     }
+    /**
+     * Opens or closes the header.
+     * @param isOpened whether the header should be opened
+     */
     async setOpened(isOpened = true) {
         this.isOpened = isOpened;
     }
     disconnectedCallback() {
-        if (!window) {
+        if (typeof window === 'undefined') {
             return;
         }
         window.removeEventListener('scroll', this.handleScroll);
@@ -155,7 +161,7 @@ const MdsHeader = class {
         if (newValue === oldValue) {
             return;
         }
-        if (this.headerBar) {
+        if (this.headerBar != null) {
             this.headerBar.menu = newValue;
         }
     }
@@ -163,7 +169,7 @@ const MdsHeader = class {
         if (newValue === oldValue) {
             return;
         }
-        if (this.headerBar) {
+        if (this.headerBar != null) {
             this.headerBar.nav = newValue;
         }
     }
@@ -176,7 +182,7 @@ const MdsHeader = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'fd2460a71688aa65ee0565d4ecf6c214ca34154e' }, this.backdrop && (index.h("div", { key: 'de34fe54d6aad43628585406a5c2ab15e251ccd3', class: "backdrop" }, index.h("div", { key: '7d41e6853fa34d662c00694a3e2ba5d6df72da9c', class: "backdrop-blur-item" }), index.h("div", { key: 'b0d219348da5cfa1710b7b3ed5b2df9dfed06b03', class: "backdrop-blur-item" }), index.h("div", { key: '47ccf8c2aab974a3d3462b3b5eccab5c8099f4c5', class: "backdrop-blur-item" }), index.h("div", { key: 'b269780c2cc42aee6a33cede54c4c804e72cf0d5', class: "backdrop-blur-item" }), index.h("div", { key: 'eb1c837b9d6bef56c8573387a4e8f12eccab754f', class: "backdrop-blur-item" }), index.h("div", { key: '43debc4aa20f167259cb0e295abae91738f570ae', class: "backdrop-blur-item" }), index.h("div", { key: 'aed859d7f13aeb1b39405809eebe298b0676b227', class: "backdrop-blur-item" }), index.h("div", { key: '132a2828e89e260ac0b2235cc936ee58f730c48a', class: "backdrop-blur-item" }), index.h("div", { key: '10f063695d84dc6e214983f1f4ebe013aca84902', class: "backdrop-blur-item" }), index.h("div", { key: '93aff2c4d086ffca321495b14aed16f4ff7f2b5c', class: "backdrop-blur-item" }))), index.h("slot", { key: '417db97ad635f351dfb70b941a64fa3f8ad92064' }), this.hasMenu && (index.h("div", { key: 'df98336788b29148338e6b29d5b724fe6feff822', class: "menu", part: "menu" }, index.h("mds-modal", { key: 'b08071d663840e750be9e11c78519a4c56183611', class: "modal", opened: this.isOpened, onMdsModalClose: this.close, position: "right" }, index.h("slot", { key: '1487f523e00deb9eb1c754eeb9c03fb4be22c5c0', name: "menu" }))))));
+        return (index.h(index.Host, { key: '5128bc6c966e7953efd8e10ccc5bc50f17d75acd' }, this.backdrop && (index.h("div", { key: '9e56e7cf2a7a35b64e420379075a4927a261a0fe', class: "backdrop" }, index.h("div", { key: '0a6ccef3d03db7c08e3b73435413ca504833b12b', class: "backdrop-blur-item" }), index.h("div", { key: '22c1a00aed263989d6e89a0daad5e0840fc2260d', class: "backdrop-blur-item" }), index.h("div", { key: '4aba0c1c47f43f9a86e87884b8561c29b5564dc2', class: "backdrop-blur-item" }), index.h("div", { key: 'd43b86f9910d0d5542b9ed7aa49b5f251ad2a466', class: "backdrop-blur-item" }), index.h("div", { key: 'e1e77b70063e61209c839930017df200b91b6cae', class: "backdrop-blur-item" }), index.h("div", { key: 'fa60a8e58b29cc60fc95c89ecd47db0905fd9aac', class: "backdrop-blur-item" }), index.h("div", { key: '018ca6f46a7155c50cd3146ad703b941773b9214', class: "backdrop-blur-item" }), index.h("div", { key: 'b8eb26d49714c5e9d0df3486eafcea46a36a792e', class: "backdrop-blur-item" }), index.h("div", { key: 'b68ffd1fea3ecaa1489324e1807e0b8192181362', class: "backdrop-blur-item" }), index.h("div", { key: 'bf1a1fe44c9a8b3a90d0c8b325c2001c0af2cbb0', class: "backdrop-blur-item" }))), index.h("slot", { key: 'b457cbe705c13f1d4bd48b562417bdb8cc332ae5' }), this.hasMenu && (index.h("div", { key: '1cd40f7e1c4dd6a3c26a6277a7ac3256f2a39b2b', class: "menu", part: "menu" }, index.h("mds-modal", { key: '1568c0f8f76b2fa48bffa6b2b30fcd0caad6e845', class: "modal", opened: this.isOpened, onMdsModalClose: this.close, position: "right" }, index.h("slot", { key: 'b571fcaeef6763648a17ba8344522961b4f68994', name: "menu" }))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/mds-horizontal-scroll.cjs.entry.js

@@ -37,7 +37,7 @@ const MdsHorizontalScroll = class {
             this.scrollGap = unit.cssSizeToNumber(elementStyles.getPropertyValue('--mds-horizontal-scroll-gap'));
         };
         this.isInViewport = (element) => {
-            if (!this.contents) {
+            if (this.contents == null) {
                 return false;
             }
             const spacerWidth = this.spacer.offsetWidth + this.scrollGap;
@@ -63,7 +63,7 @@ const MdsHorizontalScroll = class {
         //   )
         // }
         this.checkNavigationButtons = () => {
-            if (!this.elements) {
+            if (this.elements == null) {
                 throw Error('No elements slotted to the component');
             }
             this.showBack = true;
@@ -78,7 +78,7 @@ const MdsHorizontalScroll = class {
             });
         };
         this.moveBack = () => {
-            if (!this.elements) {
+            if (this.elements == null) {
                 throw Error('No elements slotted to the component');
             }
             let firstIndex = 0;
@@ -111,7 +111,7 @@ const MdsHorizontalScroll = class {
             });
         };
         this.moveForward = () => {
-            if (!this.elements) {
+            if (this.elements == null) {
                 throw Error('No elements slotted to the component');
             }
             let isFirstOutside = true;
@@ -128,7 +128,10 @@ const MdsHorizontalScroll = class {
             });
         };
         this.translateNavigationDot = () => {
-            if (!this.elements || !this.contents || !this.navigationDot || !this.navigationDots) {
+            if (this.elements == null ||
+                this.contents == null ||
+                this.navigationDot == null ||
+                this.navigationDots == null) {
                 console.error('mds-horizontal-scroll.translateNavigationDot: One of the shadowRoot elements is missing.');
                 return;
             }
@@ -150,7 +153,7 @@ const MdsHorizontalScroll = class {
             this.navigationDot.style.transform = `translateX(${translationX}px)`;
         };
         this.updateNavigationDotSize = () => {
-            if (!this.contents || !this.navigationDot || !this.navigationDots) {
+            if (this.contents == null || this.navigationDot == null || this.navigationDots == null) {
                 console.error('mds-horizontal-scroll.updateNavigationDotSize: One of the shadowRoot elements is missing.');
                 return;
             }
@@ -171,7 +174,7 @@ const MdsHorizontalScroll = class {
             this.navigationDot = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.dot');
             this.navigationDots = (_b = this.host.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.dot-navigation');
             this.updateNavigationDotSize();
-            if (!this.navigationDot)
+            if (this.navigationDot == null)
                 return;
             this.contents.addEventListener('scroll', this.translateNavigationDot);
         };
@@ -195,7 +198,7 @@ const MdsHorizontalScroll = class {
             this.contents.addEventListener('scrollend', this.checkNavigationButtons);
         }
         else {
-            if (this.controls)
+            if (this.controls !== undefined)
                 this.controls = undefined;
         }
     }
@@ -204,7 +207,7 @@ const MdsHorizontalScroll = class {
         this.contents.removeEventListener('scroll', this.translateNavigationDot);
     }
     render() {
-        return (index.h(index.Host, { key: '4520b825ea6fcd3dce1f0207e03c3c434e6ea96a' }, index.h("div", { key: '203d92b0b3b850b4bad295682e3f769d6dfd03ba', class: "contents", part: "content" }, index.h("div", { key: '78a013d06726742419fbd61eea9c568cb0f8a649', class: "spacer" }), index.h("slot", { key: '1ae791267b68c05f2ea1ed218624e4bc600f927e', onSlotchange: this.updateElements }), index.h("div", { key: 'bbb1876c42feecbf622c8ae740e4ae1a88ffb247', class: "spacer" })), index.h("div", { key: '04b7204347fe8101dfa8ac2ba3b57ae8c2e4e631', class: "dot-navigation" }, index.h("div", { key: 'b37d218d314c67b9cc28cd5800987d1803f88e8e', class: "dot" })), this.controls && this.controls !== 'none' && (index.h("mds-button", { key: '57061c22ce779c72d2655925b79507a29bfdc69f', onClick: this.moveBack, size: "lg", class: clsx.clsx('navigation navigation--back', !this.showBack && 'navigation--disabled'), icon: arrowBack.miBaselineArrowBack })), this.controls && this.controls !== 'none' && (index.h("mds-button", { key: '64a0806aedb65a722378e3b8081e7dc2a5be915d', onClick: this.moveForward, size: "lg", class: clsx.clsx('navigation navigation--forward', !this.showForward && 'navigation--disabled'), icon: arrowForward.miBaselineArrowForward }))));
+        return (index.h(index.Host, { key: '636ebfd9eac9424b06093ee2990a434519af154c' }, index.h("div", { key: '0828132e0a00ff2d72ace5806d1cc07a8f7f3335', class: "contents", part: "content" }, index.h("div", { key: 'e1156c7aeeb7da48b55864ee35a7b54cdebce1e3', class: "spacer" }), index.h("slot", { key: '91c97d1e9c9477b07476cdf7c5b8f77df2d4dcf0', onSlotchange: this.updateElements }), index.h("div", { key: '8b02b270ebad91c7fe56315132200c43d96f4a77', class: "spacer" })), index.h("div", { key: '5ed9c9ced06458f9aa4796a6182a7ae6746ed3fb', class: "dot-navigation" }, index.h("div", { key: '778f7543ac11b70fad1169b6cbd05732d5fbabc2', class: "dot" })), this.controls && this.controls !== 'none' && (index.h("mds-button", { key: '63d99a5cbd4cb64a42c68a4ef4d1cae5a768c377', onClick: this.moveBack, size: "lg", class: clsx.clsx('navigation navigation--back', !this.showBack && 'navigation--disabled'), icon: arrowBack.miBaselineArrowBack })), this.controls && this.controls !== 'none' && (index.h("mds-button", { key: '4874cc67646aac477e164df8b1078ad3f631bab4', onClick: this.moveForward, size: "lg", class: clsx.clsx('navigation navigation--forward', !this.showForward && 'navigation--disabled'), icon: arrowForward.miBaselineArrowForward }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -9,7 +9,7 @@ const MdsHr = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h(index.Host, { key: 'e1055c3a5074fb93c5b51ce658a5eced9516b231' });
+        return index.h(index.Host, { key: 'c58a2de198d533e91d8bd077c444e0744933c25a' });
     }
 };
 MdsHr.style = mdsHrCss();

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

@@ -89,7 +89,7 @@ const MdsImg = class {
             return imageConsumptionData;
         };
         this.autoAltName = () => {
-            if (this.src) {
+            if (this.src !== '') {
                 const index = this.src.lastIndexOf('/') + 1;
                 return this.src.substring(index);
             }
@@ -99,6 +99,9 @@ const MdsImg = class {
             aria.setAttributeIfEmpty(this.host, 'aria-label', this.alt);
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -112,11 +115,11 @@ const MdsImg = class {
         var _a;
         this.consumptionMode =
             (_a = localStorage.getItem('mdsPrefConsumption')) !== null && _a !== void 0 ? _a : 'high';
-        if (this.srcsetConsumption) {
+        if (this.srcsetConsumption !== undefined && this.srcsetConsumption !== '') {
             this.srcsetConsumptionData = this.formatConsumptionData(this.srcsetConsumption);
         }
         this.image = this.host.querySelector('img');
-        if (!this.alt) {
+        if (this.alt === '') {
             this.alt = this.autoAltName();
         }
     }

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

@@ -18,7 +18,7 @@ const MdsInputDateRangePreselection = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '8fa6eff199d4eb92067407c1efd132a4185caf71', slot: "calendar-preselection" }, index.h("mds-button", { key: 'c44190a71d6fc70321dbbf987c09d0b5e7398515', onClick: this.onClick, class: "action", variant: "primary", tone: "strong" }, index.h("slot", { key: '61050bd14f48b266a8db2dc120e51c40aa2ebadc' }))));
+        return (index.h(index.Host, { key: 'e5571b251d0b86eccf975c07af016fd0e25387d3', slot: "calendar-preselection" }, index.h("mds-button", { key: '95b8be91464b8e283c623c191514f7c293b941af', onClick: this.onClick, class: "action", variant: "primary", tone: "strong" }, index.h("slot", { key: '6a96b556f736d867ab858ffba7307c45fb15dd65' }))));
     }
     get host() { return index.getElement(this); }
 };