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

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

@@ -24,7 +24,7 @@ export class MdsCalendarCell {
         this.today = undefined;
     }
     render() {
-        return (h(Host, { key: 'ca8595ffc3ffce266f0f77898d14ec636ff2f08a' }, h("div", { key: 'c4d083c999c81cdb4cec42f77404314c077616f7', class: "inner-dot" }), h("div", { key: '75e8d406f2b54aa0af396f1b0c1ff42febb37774', class: "area-background" }), h("mds-button", { key: 'f472dc9e3155f695be6042242c42b65dab288f6d', class: "action", variant: "dark", tone: "text", disabled: this.disabled, label: this.label })));
+        return (h(Host, { key: 'eea49336dfecb6f76ef93509fb42228417bac55a' }, h("div", { key: 'ea9d3de623b5e1edf19bba5cab930022e790f8f8', class: "inner-dot" }), h("div", { key: 'f973bf80d0456cbb7151db3dfebc6f80f9afc5ff', class: "area-background" }), h("mds-button", { key: '755324a7827cc9be52f8500f079df1f6f8285bde', class: "action", variant: "dark", tone: "text", disabled: this.disabled, label: this.label })));
     }
     static get is() { return "mds-calendar-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,21 +17,19 @@ export class MdsCard {
     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 (h(Host, { key: 'e5143babcd5c15b6e626af3dc62824ce1766faea' }, h("div", { key: '9bdd4440748ad05436f9385037dbd0acb9819f3d', class: clsx('layout', this.layout && `layout--${this.layout}`, !this.autoGrid ? 'layout--disabled' : ''), part: "layout" }, h("slot", { key: 'e4cc48c56f8859d82c79e9f3aa5f1d749efe2ce2', name: "media" }), h("slot", { key: 'd1873703aac2d635645e88f852f6a658616f69b5', name: "header" }), h("slot", { key: 'd9d07a179c013d75360262a2f3bc1b026d49c25a', name: "content" }), h("slot", { key: '0b942e340f715a0e25827f680a891083cd73c8cb', name: "footer" }))));
+        return (h(Host, { key: '29ed24cfe97cc5d2cc898cf26df0e4251ed4555f' }, h("div", { key: '10c741aefac2067595b80c88879700af7c088824', class: clsx('layout', this.layout && `layout--${this.layout}`, !this.autoGrid ? 'layout--disabled' : ''), part: "layout" }, h("slot", { key: 'ee1956eefa0e1a1715592db6b7790a6120e8fb34', name: "media" }), h("slot", { key: '8aefb8b2cb53dfc9ecfa45183988ec7a8db45524', name: "header" }), h("slot", { key: '3cb04f02b82f2fd314a5e20f169c4efea628985c', name: "content" }), h("slot", { key: 'e87dd33aae38437af938120c2de966d361032228', name: "footer" }))));
     }
     static get is() { return "mds-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-card-content/mds-card-content.js

@@ -1,10 +1,10 @@
 import { Host, h } from "@stencil/core";
 /**
- * @slot default - Add `text string`, `HTML elements` or `components` to this slot.
+ * @slot - Add `text string`, `HTML elements` or `components` to this slot.
  */
 export class MdsCardContent {
     render() {
-        return (h(Host, { key: '8473bf383d3e53d5e7fc1d28bb1db7c55e89ed1f', slot: "content" }, h("slot", { key: 'd94a743c850ae055f5cf18ec64cccbc25f2c2386' })));
+        return (h(Host, { key: '565800120da6d86c184dd5f75c4e18fb5eae0b70', slot: "content" }, h("slot", { key: '85c7feee51473d66cb921e3328f24756ef2436c4' })));
     }
     static get is() { return "mds-card-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,10 +1,10 @@
 import { Host, h } from "@stencil/core";
 /**
- * @slot default - Add `text string`, `HTML elements` or `components` to this slot.
+ * @slot - Add `text string`, `HTML elements` or `components` to this slot.
  */
 export class MdsCardFooter {
     render() {
-        return (h(Host, { key: 'ece0d1f82874b8418e5fe959f52542fa75562b9c', slot: "footer" }, h("slot", { key: '0e1dc915caf0abf097fa9d2c152b9af919280d1e' })));
+        return (h(Host, { key: '09063cd00e75b0949a6836416a2c768bd575f50f', slot: "footer" }, h("slot", { key: 'c06e99b7186e4037aa5c386eddd2ebb404b20e99' })));
     }
     static get is() { return "mds-card-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,6 +1,6 @@
 import { Host, h } from "@stencil/core";
 /**
- * @slot default - Add `text string`, `HTML elements` or `components` to this slot.
+ * @slot - Add `text string`, `HTML elements` or `components` to this slot.
  * @slot action - Add `HTML elements` or `components`, it is **recommended** to use `mds-button` element.
  */
 export class MdsCardHeader {
@@ -8,7 +8,7 @@ export class MdsCardHeader {
         this.actions = this.hostElement.querySelector(':scope > [slot="action"]') !== null;
     }
     render() {
-        return (h(Host, { key: '8330b5f74a2d0995e33d77ea2b5c4131c29266a4', slot: "header" }, h("slot", { key: 'e3a7ca1b4fccc0c4a618808c5285f3af8bc20ca4' }), this.actions && (h("div", { key: 'ace7c1ac31dec0a141673612118bbbdab4ce24c9', class: "actions" }, h("slot", { key: 'd64698964813c57b065b67d27c695ea93d2b2cd8', name: "action" })))));
+        return (h(Host, { key: '6efc9cb2ce54f8114d6143a3b514c66205c44444', slot: "header" }, h("slot", { key: 'c7ad38193e9d5f36c447dd636909cd426f53496d' }), this.actions && (h("div", { key: 'f80bc0f5444df7271c6b09792a7cdc24a79edaf7', class: "actions" }, h("slot", { key: '196095c6e86c45c02450776892ce77b3993e69b3', name: "action" })))));
     }
     static get is() { return "mds-card-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-card-media/mds-card-media.js

@@ -1,11 +1,11 @@
 import { Host, h } from "@stencil/core";
 /**
- * @slot default - Add `HTML elements` or `components` to this slot, it is **recommended** to add `mds-img` element or other component which represents media contents.
+ * @slot - Add `HTML elements` or `components` to this slot, it is **recommended** to add `mds-img` element or other component which represents media contents.
  * @slot content - Add `text string`, `HTML elements` or `components` to this slot, contents will be shown in front of the media element.
  */
 export class MdsCardMedia {
     render() {
-        return (h(Host, { key: '3b5160ec822d4f36a670153d18d0c3186c25cea9', slot: "media" }, h("div", { key: '6e4c0488e264f6334041fffe32781eced8a01625', class: "content", part: "content" }, h("slot", { key: '8d19d53a625f894f7f5ad9b4e0980600ef8ffb09', name: "content" })), h("slot", { key: 'c8674d696ebf4d6df73758beed889c65ebdc9ea1' })));
+        return (h(Host, { key: '2b44ca234a11ddc6775b20081809ba04b63dbf53', slot: "media" }, h("div", { key: '7fa0c8e670f3ee6ec9a1ad656ac5553fab37b9aa', class: "content", part: "content" }, h("slot", { key: '72547efbb5900edd34ce5cc5f4e7782d293b5e78', name: "content" })), h("slot", { key: 'b39be7942b66438b905d9fae1ab0bdf9c437dd81' })));
     }
     static get is() { return "mds-card-media"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,6 +32,9 @@ export class MdsChip {
          * 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) {
@@ -45,7 +48,7 @@ export class MdsChip {
         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) {
@@ -57,6 +60,9 @@ export class MdsChip {
             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);
     }
@@ -85,9 +91,6 @@ export class MdsChip {
         }
         this.clickLabelEvent.emit({ event, element: this.host });
     }
-    onDeleteHandler(event) {
-        this.deleteEvent.emit({ event, element: this.host });
-    }
     componentWillLoad() {
         this.t.lang(this.host);
     }
@@ -101,7 +104,7 @@ export class MdsChip {
         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" }))));
     }
     static get is() { return "mds-chip"; }
     static get encapsulation() { return "shadow"; }
@@ -397,7 +400,7 @@ export class MdsChip {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Updates the component's texts to the locale currently set on the host element.",
                     "tags": []
                 }
             }

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

@@ -3,7 +3,7 @@ import clsx from "clsx";
 import miBaselineKeyboardArrowRight from "@icon/mi/baseline/keyboard-arrow-right.svg";
 import { KeyboardManager } from "../../common/keyboard-manager";
 /**
- * @slot default - Add `text string`, `HTML elements` or `components` to this slot.
+ * @slot - Add `text string`, `HTML elements` or `components` to this slot.
  * @slot action - Add `HTML elements` or `components`, it is **recommended** to use `mds-button` element.
  * @slot icon - Insert an icon image, it can be `HTML elements` or `components`, it is **recommended** to add `mds-icon` element.
  * @slot title - Add a `text string`, `HTML elements` or `components`, it is **recommended** to use `mds-text` element.
@@ -47,7 +47,7 @@ export class MdsDetails {
         this.km.detachClickBehavior();
     }
     render() {
-        return (h(Host, { key: 'b68670a1cb741c24b00788b5a89572c5111222ec' }, h("div", { key: '5af8b496c967b7143e690432a1ee835fac852da7', class: clsx('icon', this.hasIcon ? '' : 'icon--hidden'), onClick: this.toggle }, h("slot", { key: '22952053827e6831c2d076860f2c3f78acaf94ad', name: "icon", onSlotchange: this.onSlotChangeHandler })), h("div", { key: 'ede2234ae7c9d27258b968d1b4e9e9c6da4c6f42', class: "content" }, h("header", { key: '62e2aaacdd4246c581737f84a37fbaff14a7976a', class: "header", part: "header", tabindex: "0", onClick: this.toggle }, h("div", { key: '8f2a07baa3e76757abb194fc6b5f7709c8feb093', class: "title", part: "title" }, h("slot", { key: 'fbeb7c6facfb6dfa71d78b859e7763f5a6c334f7', name: "title" })), h("i", { key: '90bea8dacf62c4013eb2da3099b011a28478465d', class: clsx('helper-icon', this.isOpened && 'opened'), innerHTML: miBaselineKeyboardArrowRight })), h("div", { key: '0a1b8b0753bc148d019bb32304e2b71fece2aa90', class: clsx('details', this.isOpened && 'opened') }, h("div", { key: '5dda2bd4b47bdbc4dacbdb8bab413300c67dc2f8', class: "content-expander", part: "content" }, h("slot", { key: '36361643f560082b16e72307c2570d00f542ddaa' }), h("div", { key: '01bce23c1fd8fa04bb3290b2a07759099209e5cf', class: "actions" }, h("slot", { key: '54e6dd6e93ee2a7044eaf85ce2211278a46f7b95', name: "action" })))))));
+        return (h(Host, { key: 'd74c147e767625599ead47337938ca8314758dac' }, h("div", { key: '6d0b01f008d95f0eafee89d026fc7131008c521e', class: clsx('icon', this.hasIcon ? '' : 'icon--hidden'), onClick: this.toggle }, h("slot", { key: 'da0be4d9fca3fff84841b8ac56c7969103299a8f', name: "icon", onSlotchange: this.onSlotChangeHandler })), h("div", { key: 'dfb7b13ef7a28539c1cc50419887c50e3d2ee3fd', class: "content" }, h("header", { key: '4209585b8554c8aca288f813849446da4b72d532', class: "header", part: "header", tabindex: "0", onClick: this.toggle }, h("div", { key: '825c05b8282b143bf555cf3724a4c61e96fe680d', class: "title", part: "title" }, h("slot", { key: '9d339db4c240c11a334105ee8a3c35eba01497a4', name: "title" })), h("i", { key: '2eff776b4d94546fa56c2c744c03d58d453df89b', class: clsx('helper-icon', this.isOpened && 'opened'), innerHTML: miBaselineKeyboardArrowRight })), h("div", { key: 'cabc3ad3fcb39ca665c73300daf4baad7559fe33', class: clsx('details', this.isOpened && 'opened') }, h("div", { key: 'c0522330a06abb1ad0fa336ab1574da972643840', class: "content-expander", part: "content" }, h("slot", { key: '6f02ec01d42f17bd88733308c3fd4523ea1e14bd' }), h("div", { key: '64590622875aac471b094064cc20591356f5046b', class: "actions" }, h("slot", { key: 'daa26ab68c2421e84f4a25634b264376a3874171', name: "action" })))))));
     }
     static get is() { return "mds-details"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
 import arrowSvg from "./assets/arrow.svg";
 import { Backdrop, FloatingController } from "../../common/floating-controller";
 /**
- * @slot default - Add `text string`, `HTML elements` or `components` to this slot, elements will be shown when the component is triggered.
+ * @slot - Add `text string`, `HTML elements` or `components` to this slot, elements will be shown when the component is triggered.
  */
 export class MdsDropdown {
     constructor() {
@@ -140,7 +140,7 @@ export class MdsDropdown {
         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();
@@ -206,9 +206,9 @@ export class MdsDropdown {
         this.km.detachEscapeBehavior();
     }
     render() {
-        return (h(Host, { key: 'f9ac021fe9c2261e5de88aa08f856366a7c1a6ea', style: {
+        return (h(Host, { key: '38c9f3049e6a174dba9a05327d725bdcc0968692', style: {
                 zIndex: `${this.zIndex}`,
-            } }, h("div", { key: '22392a2806dd8d3c983707c72b66b04c2702c089', class: "arrow", innerHTML: arrowSvg }), h("slot", { key: 'a136d8393d86a44f3e45a96823a76c8480f01cca' })));
+            } }, h("div", { key: '344784493362d917977d14c4f9c356c42c14ad4c', class: "arrow", innerHTML: arrowSvg }), h("slot", { key: 'b8a87aa98e63085aed670018e97134f3452dfedc' })));
     }
     static get is() { return "mds-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,6 +5,9 @@ import miaSvg from "./asset/mia.svg";
 import simiSvg from "./asset/simi.svg";
 export class MdsEmoji {
     constructor() {
+        /**
+         * Specifies which emoji to display.
+         */
         this.name = 'mia';
         this.emojiOriginalSize = 0;
         this.isFollowingMouse = false;
@@ -672,6 +675,10 @@ export class MdsEmoji {
         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;
@@ -740,7 +747,7 @@ export class MdsEmoji {
         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';
@@ -760,7 +767,7 @@ export class MdsEmoji {
         return element;
     }
     render() {
-        return h(Host, { key: 'eb24181cbc0fdb462d523c10ac6a3a835737e673' });
+        return h(Host, { key: 'beb9d92842ae19bbac115d3a3773f2d005fe17b2' });
     }
     static get is() { return "mds-emoji"; }
     static get encapsulation() { return "shadow"; }
@@ -795,7 +802,7 @@ export class MdsEmoji {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Specifies which emoji to display."
                 },
                 "getter": false,
                 "setter": false,
@@ -901,7 +908,7 @@ export class MdsEmoji {
                     "parameters": [{
                             "name": "duration",
                             "type": "number",
-                            "docs": ""
+                            "docs": "the animation duration, in seconds"
                         }],
                     "references": {
                         "Promise": {
@@ -912,8 +919,11 @@ export class MdsEmoji {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
-                    "tags": []
+                    "text": "Stops the \"thinking\" animation after the given duration.",
+                    "tags": [{
+                            "name": "param",
+                            "text": "duration the animation duration, in seconds"
+                        }]
                 }
             },
             "startBlinking": {

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

@@ -1,6 +1,6 @@
 import { Host, h } from "@stencil/core";
 /**
- * @slot default - Add `text string`, `HTML elements` or `components` to this slot.
+ * @slot - Add `text string`, `HTML elements` or `components` to this slot.
  * @slot action - Add `HTML elements` or `components`, it is **recommended** to use `mds-button` element.
  * @slot detail - Add `HTML elements` or `components` to this slot.
  * @part spinner - The spinner element
@@ -28,7 +28,7 @@ export class MdsEntity {
         this.actions = this.hostElement.querySelector(':scope > [slot="action"]') !== null;
     }
     render() {
-        return (h(Host, { key: '461f720cf3434142c646976f3b40286461b27501' }, h("div", { key: '6b2833072a153008a14b3784fd55809f0895f434', class: "spinner", part: "spinner" }, h("mds-spinner", { key: '9e4568cc3575fc2316d8087d98370417e0146801', running: true })), this.checkAvatar() && (h("mds-avatar", { key: 'bf8f09dc25c4069ae77261972799dcc2466bf02b', class: "preview", icon: this.icon, initials: this.initials, src: this.src, tone: this.tone, variant: this.variant, part: "avatar" })), h("div", { key: '5d459817324411d01680d5ef868a94913575160e', class: "infos" }, h("slot", { key: 'a2f905640cfbf6c5112c655176a270f73f703bb8' }), this.details && (h("div", { key: 'bd9c202b4d331da22aeb55a0ae5cecd50c489539', class: "details" }, h("slot", { key: '38509d5cc437e5f411a82692d4c0f6ef3c2002e6', name: "detail" })))), this.actions && (h("div", { key: '1b24b3e17154d0a5b0416b24df869333092875a2', class: "actions" }, h("slot", { key: '9d6023257453c9a00343bd632e95cdb6a048ae08', name: "action" })))));
+        return (h(Host, { key: '22a28d6ba3510d1289e8624a0c40aef3e3c40e1a' }, h("div", { key: '8d37bb90a921442974a84ddd0bce5f0a066c64ec', class: "spinner", part: "spinner" }, h("mds-spinner", { key: '2b4fbf62c4d6031e3ee356b33ccc9c611d9d76a3', running: true })), this.checkAvatar() && (h("mds-avatar", { key: '9ac6dc6620e5ab1c70c4934e4fab94da981b29c3', class: "preview", icon: this.icon, initials: this.initials, src: this.src, tone: this.tone, variant: this.variant, part: "avatar" })), h("div", { key: 'a4145830835e6a826c5f003b424e73014a796c41', class: "infos" }, h("slot", { key: '62218ed33ed9f652c8f268a8d5cbfa73c90f5962' }), this.details && (h("div", { key: 'e7cd7dd749613b038962e8cab76d81d20d4bfb4b', class: "details" }, h("slot", { key: '3b9ad2f9cf5578595886f757904956987fc916f3', name: "detail" })))), this.actions && (h("div", { key: '6f1f4ac54c51fb426ab336a8c4d4c51734d0cced', class: "actions" }, h("slot", { key: 'db576c92ab69bb2b9c786be5e13a190a0d3c3f24', name: "action" })))));
     }
     static get is() { return "mds-entity"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,6 +45,9 @@ export class MdsFile {
         };
         this.getDefaultDescription = () => 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);
     }
@@ -61,7 +64,7 @@ export class MdsFile {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'fc07d6520462d6877b2ce80c20a635a3db76562f', tabindex: "0", onClick: this.handleOnClick }, h("div", { key: 'a1a065c686ef011224c7648d0101d3960f23e738', class: "preview" }, this.preview !== undefined ? (h("div", { class: "image-preview", style: { backgroundImage: `url(${this.preview})` } })) : (h("mds-icon", { class: "icon-preview", name: getFormatsVariant(this.filename, this.suffix).icon })), h("div", { key: '3a4741e0b175400d4954fd1761da8b2d1bab6cb9', class: "download-icon" }, h("mds-icon", { key: '48dc1b1b5af3b9989ccc75be86e3a7beb24bc440', name: miOutlineFileDownload }))), h("div", { key: 'fc001287ab920f2fae34b5bcfae4c95541fa451a', class: "info" }, h("div", { key: '174807172e1a46f8e64752698f1604fd28549b9c', class: "filename", title: this.filename }, h("mds-text", { key: '9750f49569fee6b3f419c02776921ca47663f590', truncate: "word", typography: "h6", class: "name" }, getName(this.filename)), this.suffix === undefined && getSuffix(this.filename, this.suffix) && (h("mds-text", { key: '9bab2d991fdf0a6a37cc68555386a2d13c8b631f', typography: "h6", class: "extension" }, ".", getSuffix(this.filename, this.suffix)))), h("div", { key: 'f06aff476d27046ef4558c9ea65ee00d10fc740d', class: "detail" }, getSuffix(this.filename, this.suffix) && (h("mds-badge", { key: 'f226817fc6681ce5f770475d553e88ad3cd90966', variant: getFormatsVariant(this.filename, this.suffix).variant, tone: "weak", class: "suffix" }, getSuffix(this.filename, this.suffix))), 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 && (h("div", { key: '8016b84257c95b7a9505f10e907c801f3561f993', class: "indicator" }, h("i", { key: '78e44bf63ab425d94508335d006c4bdfda442101', class: "downloaded", innerHTML: miBaselineFileDownloadDone, title: this.t.get('alreadyDownloaded') })))));
+        return (h(Host, { key: 'c0e9cad18f3aece026683f60c792f7f9cb72fe6d', tabindex: "0", onClick: this.handleOnClick }, h("div", { key: '0549f258474a3bfbb2ce14e425768dccb38a1304', class: "preview" }, this.preview !== undefined ? (h("div", { class: "image-preview", style: { backgroundImage: `url(${this.preview})` } })) : (h("mds-icon", { class: "icon-preview", name: getFormatsVariant(this.filename, this.suffix).icon })), h("div", { key: '6af5acdd202cf3f2c372dae43f7410c021436f8b', class: "download-icon" }, h("mds-icon", { key: 'eb9ca7ad12fe39531da1e765f8a176c84ccd5cbc', name: miOutlineFileDownload }))), h("div", { key: '59091a86effee53feba1f3886d91a0fbcc963ad8', class: "info" }, h("div", { key: 'efdac36e055c89999a2055e344bdd2ead3d4a63b', class: "filename", title: this.filename }, h("mds-text", { key: 'e702e1aad1d32052947b5a915d4dcd4c6e7ba8bc', truncate: "word", typography: "h6", class: "name" }, getName(this.filename)), this.suffix === undefined && getSuffix(this.filename, this.suffix) && (h("mds-text", { key: '83d4b4320310a88bcc7ae8bcec8e5c149de637ba', typography: "h6", class: "extension" }, ".", getSuffix(this.filename, this.suffix)))), h("div", { key: 'ed75683122f0612e5e5d0ae7853be9c53da832f1', class: "detail" }, getSuffix(this.filename, this.suffix) && (h("mds-badge", { key: '46be9c88c56795caf101953fe2faf4202a9800aa', variant: getFormatsVariant(this.filename, this.suffix).variant, tone: "weak", class: "suffix" }, getSuffix(this.filename, this.suffix))), 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 && (h("div", { key: '72b97352184cc5e7300b9bcc2577db8817465554', class: "indicator" }, h("i", { key: '40968874d424bf044ba5627550550f09eaba43ed', class: "downloaded", innerHTML: miBaselineFileDownloadDone, title: this.t.get('alreadyDownloaded') })))));
     }
     static get is() { return "mds-file"; }
     static get encapsulation() { return "shadow"; }
@@ -247,7 +250,7 @@ export class MdsFile {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Updates the component's texts to the locale currently set on the host element.",
                     "tags": []
                 }
             }

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

@@ -40,6 +40,9 @@ export class MdsFilePreview {
             });
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -66,7 +69,12 @@ export class MdsFilePreview {
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '11eabf1edcf82c9ec5f0219dcb8e7346de419f8b' }, this.deletable && (h("mds-button", { key: '33c9fccce91b022ce5df51d59b00afd56630c7eb', title: this.t.get('remove'), class: "action-delete", icon: miBaselineCancel, variant: "light", onClick: this.onClickDeletedEvent })), h("div", { key: 'a6c55bb3d1b5b5bf638a1ff6b30aa42595ef0ce2', class: "card", part: "card", onClick: this.onClickDownloadEvent }, this.src && !this.message && getExtensionInfos(this.filename, this.suffix).preview ? (h("mds-img", { src: this.src, class: "preview preview--image", "aspect-ratio": "1/1" })) : (h("div", { class: clsx('preview', !this.message ? 'preview--icon' : 'preview--status') }, this.icon ? (h("mds-icon", { class: "icon", name: this.icon })) : (h("mds-icon", { class: "icon", name: getFormatsVariant(this.filename, this.suffix).icon })), this.message && (h("mds-text", { class: "message", typography: "caption", variant: "info" }, this.message)))), h("mds-text", { key: '7e47a22e9dc9aa7ff9d4deede3d4b0d4ef041d2d', class: "file-name", typography: "h6", variant: "title", truncate: this.truncate, title: this.filename }, this.filename), h("footer", { key: '8746dac0d12f389f8e6f3b541c6f7553a0ae1ca5', class: clsx('infos', this.filesize && 'infos--has-file-size') }, this.filesize && this.filesize === Number(this.filesize).toString() && (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() && (h("mds-text", { key: 'f261b9db7f2b63396555f0cedc0e3d10cee4c246', class: "file-size", truncate: "word", typography: "caption", variant: "info" }, this.filesize)), getSuffix(this.filename, this.suffix) && (h("mds-badge", { key: 'f20723a233b1b1c6f3bc05a18e70d3c37b94acb8', variant: getFormatsVariant(this.filename, this.suffix).variant, tone: "weak", class: "suffix", title: (_a = this.description) !== null && _a !== void 0 ? _a : this.t.get(this.getDefaultKeyDescription()) }, getSuffix(this.filename, this.suffix))), !this.filesize && (h("mds-text", { key: '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 (h(Host, { key: '4191a2f8b58aa3fa6f116ecc845c3298643f405c' }, this.deletable && (h("mds-button", { key: 'a3996c3793c86f913286fc416a2f18c251a629e3', title: this.t.get('remove'), class: "action-delete", icon: miBaselineCancel, variant: "light", onClick: this.onClickDeletedEvent })), h("div", { key: 'deb2fcc20862f851d28db79b2cef37c43fb4cc63', class: "card", part: "card", onClick: this.onClickDownloadEvent }, this.src !== undefined &&
+            this.src !== '' &&
+            (this.message === undefined || this.message === '') &&
+            getExtensionInfos(this.filename, this.suffix).preview ? (h("mds-img", { src: this.src, class: "preview preview--image", "aspect-ratio": "1/1" })) : (h("div", { class: clsx('preview', this.message === undefined || this.message === ''
+                ? 'preview--icon'
+                : 'preview--status') }, this.icon !== '' ? (h("mds-icon", { class: "icon", name: this.icon })) : (h("mds-icon", { class: "icon", name: getFormatsVariant(this.filename, this.suffix).icon })), this.message && (h("mds-text", { class: "message", typography: "caption", variant: "info" }, this.message)))), h("mds-text", { key: '9563cde9752cb3ff7778e1971bd8eff1b95edebf', class: "file-name", typography: "h6", variant: "title", truncate: this.truncate, title: this.filename }, this.filename), h("footer", { key: '824bde798749685fe9d989859f16e5fe96635ea8', class: clsx('infos', this.filesize && 'infos--has-file-size') }, this.filesize && this.filesize === Number(this.filesize).toString() && (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() && (h("mds-text", { key: 'd41bb090c1676b67014d11e478f7bc8975ef6b1f', class: "file-size", truncate: "word", typography: "caption", variant: "info" }, this.filesize)), getSuffix(this.filename, this.suffix) && (h("mds-badge", { key: 'd0cdb8b71431114d023e9df7e4cc9c55841b452d', variant: getFormatsVariant(this.filename, this.suffix).variant, tone: "weak", class: "suffix", title: (_a = this.description) !== null && _a !== void 0 ? _a : this.t.get(this.getDefaultKeyDescription()) }, getSuffix(this.filename, this.suffix))), (this.filesize === undefined || this.filesize === '') && (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())))))));
     }
     static get is() { return "mds-file-preview"; }
     static get encapsulation() { return "shadow"; }
@@ -401,7 +409,7 @@ export class MdsFilePreview {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Updates the component's texts to the locale currently set on the host element.",
                     "tags": []
                 }
             }

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

@@ -2,7 +2,7 @@ import clsx from "clsx";
 import { Host, h, } from "@stencil/core";
 import miBaselineClose from "@icon/mi/baseline/close.svg";
 /**
- * @slot default - Add `mds-filter-item` element/s.
+ * @slot - Add `mds-filter-item` element/s.
  */
 export class MdsFilter {
     constructor() {
@@ -64,7 +64,7 @@ export class MdsFilter {
         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) {
@@ -95,7 +95,7 @@ export class MdsFilter {
         this.changedEvent.emit({ children: items, value: this.itemsValues() });
     }
     render() {
-        return (h(Host, { key: 'df023e26a0590c5eb39c89b1b659c5ee6acbfe60', "aria-label": this.label, role: "menubar" }, this.label && (h("mds-text", { key: '0f18b755f675bf441473c1e9c9ec9aba3dfc14c7', class: "label", typography: "label" }, this.label)), h("div", { key: 'a2562aa4dc33a777f078ed2a043d6526d41d1fe9', class: "items-wrapper" }, h("div", { key: '740cf81017bc78a2cb1005438443a97ee164e097', class: clsx('items', this.active && 'active') }, h("slot", { key: '07905e90c203d3201c94860730d16cf17bdc3ee6' }), h("div", { key: '2feffe6e6e1f149d67303362d83fbc098426ca33', class: clsx('reset', this.active && 'reset--opened') }, h("mds-filter-item", { key: '07f3cdb2b3cfd71ec0ebc2eeab8d2c3f4b33c9f8', selected: this.active, disabled: !this.active && this.reset, class: clsx('reset-button', this.active && 'reset-button-opened'), icon: miBaselineClose, onClick: this.resetItems }))))));
+        return (h(Host, { key: '1dd060145cd00afd5bc869aa0ac39a375e31c45a', "aria-label": this.label, role: "menubar" }, this.label && (h("mds-text", { key: 'bc555868ff4c6599bbd5cbb0b075649b5ab0cca1', class: "label", typography: "label" }, this.label)), h("div", { key: '6dad87b041b6553711bc6b7d16e52bc8effabbcc', class: "items-wrapper" }, h("div", { key: 'd0d888532d201e44c12b273ced3c0106f6fc0641', class: clsx('items', this.active && 'active') }, h("slot", { key: 'd2919aba63eb86e5caa88b955a5eeb405daeccb8' }), h("div", { key: '9c70279b42e365d5f896277ed04add845b323dfc', class: clsx('reset', this.active && 'reset--opened') }, h("mds-filter-item", { key: '85e033c578dd050b5bf0a6407fd3a4836244bb17', selected: this.active, disabled: !this.active && this.reset, class: clsx('reset-button', this.active && 'reset-button-opened'), icon: miBaselineClose, onClick: this.resetItems }))))));
     }
     static get is() { return "mds-filter"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,17 +7,17 @@ export class MdsFilterItem {
             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 (h(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 && h("mds-icon", { key: 'd6afedf47e3216cf03608a33d4fbeddd63c44ed1', "aria-hidden": "true", name: this.icon }), this.label && (h("mds-text", { key: 'b26f486d9008c2ed419285e695e6c06c59e50a73', "aria-hidden": "true", variant: "info", typography: "caption" }, this.label)), this.count && (h("div", { key: '12a9e90f06b125344dc059978311adc3abb60363', class: "count" }, h("mds-text", { key: 'c43a05d0da075b1b61d589d4a3b0e93d9806428a', "aria-hidden": "true", variant: "info", typography: "option" }, this.count)))));
+        return (h(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 && h("mds-icon", { key: '9c9c91f67e70442646a2846ab901e8e56de89064', "aria-hidden": "true", name: this.icon }), this.label && (h("mds-text", { key: '6299fdb29e9ed4a29c55c1c818ad0992fcda1b97', "aria-hidden": "true", variant: "info", typography: "caption" }, this.label)), this.count && (h("div", { key: '6df69e3386a6e6b01fc7262c0c70dd75731acd94', class: "count" }, h("mds-text", { key: '01380c1b2d11b56c6b244f5292ff4276c6866786', "aria-hidden": "true", variant: "info", typography: "option" }, this.count)))));
     }
     static get is() { return "mds-filter-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,7 +2,7 @@ import { Host, h, } from "@stencil/core";
 // import clsx from 'clsx'
 /**
  * @part menu - The container element of the modal
- * @slot default - Add `mds-header-bar` element/s.
+ * @slot - Add `mds-header-bar` element/s.
  * @slot menu - Put actions and other contents that will be shown as mobile menu. Add `text string`, `HTML elements` or `components` to this slot.
  */
 export class MdsHeader {
@@ -46,7 +46,7 @@ export class MdsHeader {
             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
@@ -80,7 +80,7 @@ export class MdsHeader {
             }
         };
         this.sanitizeAppearance = () => {
-            if (!this.appearanceSet) {
+            if (this.appearanceSet === undefined || this.appearanceSet === '') {
                 return [this.appearance];
             }
             const regex = /\b(\w+)\b/g;
@@ -101,7 +101,7 @@ export class MdsHeader {
         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) {
@@ -110,13 +110,15 @@ export class MdsHeader {
         };
         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();
@@ -126,11 +128,15 @@ export class MdsHeader {
             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);
@@ -153,7 +159,7 @@ export class MdsHeader {
         if (newValue === oldValue) {
             return;
         }
-        if (this.headerBar) {
+        if (this.headerBar != null) {
             this.headerBar.menu = newValue;
         }
     }
@@ -161,7 +167,7 @@ export class MdsHeader {
         if (newValue === oldValue) {
             return;
         }
-        if (this.headerBar) {
+        if (this.headerBar != null) {
             this.headerBar.nav = newValue;
         }
     }
@@ -174,7 +180,7 @@ export class MdsHeader {
         }
     }
     render() {
-        return (h(Host, { key: 'fd2460a71688aa65ee0565d4ecf6c214ca34154e' }, this.backdrop && (h("div", { key: 'de34fe54d6aad43628585406a5c2ab15e251ccd3', class: "backdrop" }, h("div", { key: '7d41e6853fa34d662c00694a3e2ba5d6df72da9c', class: "backdrop-blur-item" }), h("div", { key: 'b0d219348da5cfa1710b7b3ed5b2df9dfed06b03', class: "backdrop-blur-item" }), h("div", { key: '47ccf8c2aab974a3d3462b3b5eccab5c8099f4c5', class: "backdrop-blur-item" }), h("div", { key: 'b269780c2cc42aee6a33cede54c4c804e72cf0d5', class: "backdrop-blur-item" }), h("div", { key: 'eb1c837b9d6bef56c8573387a4e8f12eccab754f', class: "backdrop-blur-item" }), h("div", { key: '43debc4aa20f167259cb0e295abae91738f570ae', class: "backdrop-blur-item" }), h("div", { key: 'aed859d7f13aeb1b39405809eebe298b0676b227', class: "backdrop-blur-item" }), h("div", { key: '132a2828e89e260ac0b2235cc936ee58f730c48a', class: "backdrop-blur-item" }), h("div", { key: '10f063695d84dc6e214983f1f4ebe013aca84902', class: "backdrop-blur-item" }), h("div", { key: '93aff2c4d086ffca321495b14aed16f4ff7f2b5c', class: "backdrop-blur-item" }))), h("slot", { key: '417db97ad635f351dfb70b941a64fa3f8ad92064' }), this.hasMenu && (h("div", { key: 'df98336788b29148338e6b29d5b724fe6feff822', class: "menu", part: "menu" }, h("mds-modal", { key: 'b08071d663840e750be9e11c78519a4c56183611', class: "modal", opened: this.isOpened, onMdsModalClose: this.close, position: "right" }, h("slot", { key: '1487f523e00deb9eb1c754eeb9c03fb4be22c5c0', name: "menu" }))))));
+        return (h(Host, { key: '5128bc6c966e7953efd8e10ccc5bc50f17d75acd' }, this.backdrop && (h("div", { key: '9e56e7cf2a7a35b64e420379075a4927a261a0fe', class: "backdrop" }, h("div", { key: '0a6ccef3d03db7c08e3b73435413ca504833b12b', class: "backdrop-blur-item" }), h("div", { key: '22c1a00aed263989d6e89a0daad5e0840fc2260d', class: "backdrop-blur-item" }), h("div", { key: '4aba0c1c47f43f9a86e87884b8561c29b5564dc2', class: "backdrop-blur-item" }), h("div", { key: 'd43b86f9910d0d5542b9ed7aa49b5f251ad2a466', class: "backdrop-blur-item" }), h("div", { key: 'e1e77b70063e61209c839930017df200b91b6cae', class: "backdrop-blur-item" }), h("div", { key: 'fa60a8e58b29cc60fc95c89ecd47db0905fd9aac', class: "backdrop-blur-item" }), h("div", { key: '018ca6f46a7155c50cd3146ad703b941773b9214', class: "backdrop-blur-item" }), h("div", { key: 'b8eb26d49714c5e9d0df3486eafcea46a36a792e', class: "backdrop-blur-item" }), h("div", { key: 'b68ffd1fea3ecaa1489324e1807e0b8192181362', class: "backdrop-blur-item" }), h("div", { key: 'bf1a1fe44c9a8b3a90d0c8b325c2001c0af2cbb0', class: "backdrop-blur-item" }))), h("slot", { key: 'b457cbe705c13f1d4bd48b562417bdb8cc332ae5' }), this.hasMenu && (h("div", { key: '1cd40f7e1c4dd6a3c26a6277a7ac3256f2a39b2b', class: "menu", part: "menu" }, h("mds-modal", { key: '1568c0f8f76b2fa48bffa6b2b30fcd0caad6e845', class: "modal", opened: this.isOpened, onMdsModalClose: this.close, position: "right" }, h("slot", { key: 'b571fcaeef6763648a17ba8344522961b4f68994', name: "menu" }))))));
     }
     static get is() { return "mds-header"; }
     static get encapsulation() { return "shadow"; }
@@ -425,7 +431,7 @@ export class MdsHeader {
                     "parameters": [{
                             "name": "isOpened",
                             "type": "boolean",
-                            "docs": ""
+                            "docs": "whether the header should be opened"
                         }],
                     "references": {
                         "Promise": {
@@ -436,8 +442,11 @@ export class MdsHeader {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
-                    "tags": []
+                    "text": "Opens or closes the header.",
+                    "tags": [{
+                            "name": "param",
+                            "text": "isOpened whether the header should be opened"
+                        }]
                 }
             }
         };