@maggioli-design-system/magma 2.0.0-alpha.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"; }
@@ -50,7 +50,8 @@ export class MdsCalendarCell {
                         "CalendarCellType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-calendar-cell/meta/types.ts::CalendarCellType"
+                            "id": "src/components/mds-calendar-cell/meta/types.ts::CalendarCellType",
+                            "referenceLocation": "CalendarCellType"
                         }
                     }
                 },
@@ -117,7 +118,8 @@ export class MdsCalendarCell {
                         "CalendarCellSelectionOrieintationType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-calendar-cell/meta/types.ts::CalendarCellSelectionOrieintationType"
+                            "id": "src/components/mds-calendar-cell/meta/types.ts::CalendarCellSelectionOrieintationType",
+                            "referenceLocation": "CalendarCellSelectionOrieintationType"
                         }
                     }
                 },
@@ -166,7 +168,8 @@ export class MdsCalendarCell {
                         "CalendarCellSelectionPositionType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-calendar-cell/meta/types.ts::CalendarCellSelectionPositionType"
+                            "id": "src/components/mds-calendar-cell/meta/types.ts::CalendarCellSelectionPositionType",
+                            "referenceLocation": "CalendarCellSelectionPositionType"
                         }
                     }
                 },

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"; }
@@ -257,12 +260,13 @@ export class MdsChip {
                 "mutable": false,
                 "complexType": {
                     "original": "ChipVariantType",
-                    "resolved": "\"info\" | \"error\" | \"success\" | \"warning\" | \"amaranth\" | \"red\" | \"aqua\" | \"blue\" | \"green\" | \"lime\" | \"orange\" | \"orchid\" | \"purple\" | \"sky\" | \"violet\" | \"yellow\" | \"dark\" | \"ai\" | \"primary\" | \"secondary\" | undefined",
+                    "resolved": "\"ai\" | \"amaranth\" | \"aqua\" | \"blue\" | \"dark\" | \"error\" | \"green\" | \"info\" | \"lime\" | \"orange\" | \"orchid\" | \"primary\" | \"purple\" | \"red\" | \"secondary\" | \"sky\" | \"success\" | \"violet\" | \"warning\" | \"yellow\" | undefined",
                     "references": {
                         "ChipVariantType": {
                             "location": "import",
                             "path": "@type/variant",
-                            "id": "src/type/variant.ts::ChipVariantType"
+                            "id": "src/type/variant.ts::ChipVariantType",
+                            "referenceLocation": "ChipVariantType"
                         }
                     }
                 },
@@ -288,7 +292,8 @@ export class MdsChip {
                         "ToneMinimalVariantType": {
                             "location": "import",
                             "path": "@type/tone",
-                            "id": "src/type/tone.ts::ToneMinimalVariantType"
+                            "id": "src/type/tone.ts::ToneMinimalVariantType",
+                            "referenceLocation": "ToneMinimalVariantType"
                         }
                     }
                 },
@@ -329,7 +334,8 @@ export class MdsChip {
                         "MdsChipEvent": {
                             "location": "import",
                             "path": "./meta/interface",
-                            "id": "src/components/mds-chip/meta/interface.ts::MdsChipEvent"
+                            "id": "src/components/mds-chip/meta/interface.ts::MdsChipEvent",
+                            "referenceLocation": "MdsChipEvent"
                         }
                     }
                 }
@@ -350,7 +356,8 @@ export class MdsChip {
                         "MdsChipEvent": {
                             "location": "import",
                             "path": "./meta/interface",
-                            "id": "src/components/mds-chip/meta/interface.ts::MdsChipEvent"
+                            "id": "src/components/mds-chip/meta/interface.ts::MdsChipEvent",
+                            "referenceLocation": "MdsChipEvent"
                         }
                     }
                 }
@@ -371,7 +378,8 @@ export class MdsChip {
                         "MdsChipEvent": {
                             "location": "import",
                             "path": "./meta/interface",
-                            "id": "src/components/mds-chip/meta/interface.ts::MdsChipEvent"
+                            "id": "src/components/mds-chip/meta/interface.ts::MdsChipEvent",
+                            "referenceLocation": "MdsChipEvent"
                         }
                     }
                 }
@@ -392,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"; }
@@ -334,7 +334,8 @@ export class MdsDropdown {
                         "DropdownInteractionType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-dropdown/meta/types.ts::DropdownInteractionType"
+                            "id": "src/components/mds-dropdown/meta/types.ts::DropdownInteractionType",
+                            "referenceLocation": "DropdownInteractionType"
                         }
                     }
                 },
@@ -399,7 +400,8 @@ export class MdsDropdown {
                         "FloatingUIPlacement": {
                             "location": "import",
                             "path": "@type/floating-ui",
-                            "id": "src/type/floating-ui.ts::FloatingUIPlacement"
+                            "id": "src/type/floating-ui.ts::FloatingUIPlacement",
+                            "referenceLocation": "FloatingUIPlacement"
                         }
                     }
                 },
@@ -485,7 +487,8 @@ export class MdsDropdown {
                         "FloatingUIStrategy": {
                             "location": "import",
                             "path": "@type/floating-ui",
-                            "id": "src/type/floating-ui.ts::FloatingUIStrategy"
+                            "id": "src/type/floating-ui.ts::FloatingUIStrategy",
+                            "referenceLocation": "FloatingUIStrategy"
                         }
                     }
                 },
@@ -560,7 +563,8 @@ export class MdsDropdown {
                         "MdsDropdownEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-dropdown/meta/event-detail.ts::MdsDropdownEventDetail"
+                            "id": "src/components/mds-dropdown/meta/event-detail.ts::MdsDropdownEventDetail",
+                            "referenceLocation": "MdsDropdownEventDetail"
                         }
                     }
                 }
@@ -581,7 +585,8 @@ export class MdsDropdown {
                         "MdsDropdownEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-dropdown/meta/event-detail.ts::MdsDropdownEventDetail"
+                            "id": "src/components/mds-dropdown/meta/event-detail.ts::MdsDropdownEventDetail",
+                            "referenceLocation": "MdsDropdownEventDetail"
                         }
                     }
                 }
@@ -602,7 +607,8 @@ export class MdsDropdown {
                         "MdsDropdownEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-dropdown/meta/event-detail.ts::MdsDropdownEventDetail"
+                            "id": "src/components/mds-dropdown/meta/event-detail.ts::MdsDropdownEventDetail",
+                            "referenceLocation": "MdsDropdownEventDetail"
                         }
                     }
                 }

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"; }
@@ -786,7 +793,8 @@ export class MdsEmoji {
                         "EmojiNames": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-emoji/meta/types.ts::EmojiNames"
+                            "id": "src/components/mds-emoji/meta/types.ts::EmojiNames",
+                            "referenceLocation": "EmojiNames"
                         }
                     }
                 },
@@ -794,7 +802,7 @@ export class MdsEmoji {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Specifies which emoji to display."
                 },
                 "getter": false,
                 "setter": false,
@@ -900,7 +908,7 @@ export class MdsEmoji {
                     "parameters": [{
                             "name": "duration",
                             "type": "number",
-                            "docs": ""
+                            "docs": "the animation duration, in seconds"
                         }],
                     "references": {
                         "Promise": {
@@ -911,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"; }
@@ -130,7 +130,8 @@ export class MdsEntity {
                         "ToneMinimalVariantType": {
                             "location": "import",
                             "path": "@type/tone",
-                            "id": "src/type/tone.ts::ToneMinimalVariantType"
+                            "id": "src/type/tone.ts::ToneMinimalVariantType",
+                            "referenceLocation": "ToneMinimalVariantType"
                         }
                     }
                 },
@@ -155,7 +156,8 @@ export class MdsEntity {
                         "ThemeFullVariantAvatarType": {
                             "location": "import",
                             "path": "@type/variant",
-                            "id": "src/type/variant.ts::ThemeFullVariantAvatarType"
+                            "id": "src/type/variant.ts::ThemeFullVariantAvatarType",
+                            "referenceLocation": "ThemeFullVariantAvatarType"
                         }
                     }
                 },

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"; }
@@ -82,12 +85,13 @@ export class MdsFile {
                 "mutable": false,
                 "complexType": {
                     "original": "ExtensionSuffixType",
-                    "resolved": "\"ai\" | \"7z\" | \"ace\" | \"db\" | \"default\" | \"dmg\" | \"doc\" | \"docm\" | \"docx\" | \"eml\" | \"eps\" | \"exe\" | \"flac\" | \"gif\" | \"heic\" | \"htm\" | \"html\" | \"jpe\" | \"jpeg\" | \"jpg\" | \"js\" | \"json\" | \"jsx\" | \"m2v\" | \"mp2\" | \"mp3\" | \"mp4\" | \"mp4v\" | \"mpeg\" | \"mpg4\" | \"mpg\" | \"mpga\" | \"odf\" | \"odp\" | \"ods\" | \"odt\" | \"ole\" | \"p7m\" | \"pdf\" | \"php\" | \"png\" | \"ppt\" | \"rar\" | \"rtf\" | \"sass\" | \"shtml\" | \"svg\" | \"tar\" | \"tiff\" | \"ts\" | \"tsd\" | \"txt\" | \"wav\" | \"webp\" | \"xar\" | \"xls\" | \"xlsx\" | \"xml\" | \"zip\" | undefined",
+                    "resolved": "\"7z\" | \"ace\" | \"ai\" | \"db\" | \"default\" | \"dmg\" | \"doc\" | \"docm\" | \"docx\" | \"eml\" | \"eps\" | \"exe\" | \"flac\" | \"gif\" | \"heic\" | \"htm\" | \"html\" | \"jpe\" | \"jpeg\" | \"jpg\" | \"js\" | \"json\" | \"jsx\" | \"m2v\" | \"mp2\" | \"mp3\" | \"mp4\" | \"mp4v\" | \"mpeg\" | \"mpg\" | \"mpg4\" | \"mpga\" | \"odf\" | \"odp\" | \"ods\" | \"odt\" | \"ole\" | \"p7m\" | \"pdf\" | \"php\" | \"png\" | \"ppt\" | \"rar\" | \"rtf\" | \"sass\" | \"shtml\" | \"svg\" | \"tar\" | \"tiff\" | \"ts\" | \"tsd\" | \"txt\" | \"wav\" | \"webp\" | \"xar\" | \"xls\" | \"xlsx\" | \"xml\" | \"zip\" | undefined",
                     "references": {
                         "ExtensionSuffixType": {
                             "location": "import",
                             "path": "@type/file-types",
-                            "id": "src/type/file-types.ts::ExtensionSuffixType"
+                            "id": "src/type/file-types.ts::ExtensionSuffixType",
+                            "referenceLocation": "ExtensionSuffixType"
                         }
                     }
                 },
@@ -224,7 +228,8 @@ export class MdsFile {
                         "MdsFileEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-file/meta/event-detail.ts::MdsFileEventDetail"
+                            "id": "src/components/mds-file/meta/event-detail.ts::MdsFileEventDetail",
+                            "referenceLocation": "MdsFileEventDetail"
                         }
                     }
                 }
@@ -245,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": []
                 }
             }