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

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

@@ -51,6 +51,9 @@ export class MdsLabel {
             this.km.detachClickBehavior();
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -65,7 +68,7 @@ export class MdsLabel {
         this.km.detachClickBehavior();
     }
     render() {
-        return (h(Host, { key: 'acc65a6cee82dbd04b07784b3d72555144957ea1' }, h("mds-text", { key: '4922d3d7d6ba02735aadc6732f1873616192c871', class: "text", truncate: this.truncate, typography: this.typography }, this.label), this.deletable && (h("mds-button", { key: '3c91c3ccea28f6c81299e77109dc36956934f1a8', class: "button-close", icon: miBaselineCancel, onClick: this.onClickDelete.bind(this), title: this.t.get('remove'), size: "sm" }))));
+        return (h(Host, { key: '479ecf8ecb56445fe7ce90aaffb48a5287d7d2d8' }, h("mds-text", { key: 'fba92e724fd68f1fd41fc5143865eb6f0563d1d7', class: "text", truncate: this.truncate, typography: this.typography }, this.label), this.deletable && (h("mds-button", { key: 'dd39ea8a9f20c24663e962d1d103ee646c802880', class: "button-close", icon: miBaselineCancel, onClick: this.onClickDelete, title: this.t.get('remove'), size: "sm" }))));
     }
     static get is() { return "mds-label"; }
     static get encapsulation() { return "shadow"; }
@@ -136,7 +139,8 @@ export class MdsLabel {
                         "ToneMinimalVariantType": {
                             "location": "import",
                             "path": "@type/tone",
-                            "id": "src/type/tone.ts::ToneMinimalVariantType"
+                            "id": "src/type/tone.ts::ToneMinimalVariantType",
+                            "referenceLocation": "ToneMinimalVariantType"
                         }
                     }
                 },
@@ -162,7 +166,8 @@ export class MdsLabel {
                         "TypographyTruncateType": {
                             "location": "import",
                             "path": "@type/text",
-                            "id": "src/type/text.ts::TypographyTruncateType"
+                            "id": "src/type/text.ts::TypographyTruncateType",
+                            "referenceLocation": "TypographyTruncateType"
                         }
                     }
                 },
@@ -188,7 +193,8 @@ export class MdsLabel {
                         "TypographyTooltipType": {
                             "location": "import",
                             "path": "@type/typography",
-                            "id": "src/type/typography.ts::TypographyTooltipType"
+                            "id": "src/type/typography.ts::TypographyTooltipType",
+                            "referenceLocation": "TypographyTooltipType"
                         }
                     }
                 },
@@ -264,7 +270,7 @@ export class MdsLabel {
                     "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-list/mds-list.js

@@ -1,10 +1,10 @@
 import { Host, h } from "@stencil/core";
 /**
- * @slot default - Add `mds-list-item` element/s.
+ * @slot - Add `mds-list-item` element/s.
  */
 export class MdsList {
     render() {
-        return (h(Host, { key: 'e3e9c6ade5cf1046a28c20bd10803c4decbe861f', role: "list" }, h("slot", { key: 'a67d2e2b2485fa725caab64304fc507ef03e609a' })));
+        return (h(Host, { key: '61a4dc9195da0950bbf27a0403e37cfda7ba20ba', role: "list" }, h("slot", { key: 'f698fed656a47046f0b04bb9ce2f4f53a7c76033' })));
     }
     static get is() { return "mds-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 import mggListDot from "@icon/mgg/list-dot.svg";
 /**
- * @slot default - Add `text string` to this slot, **avoid** to add `HTML elements` or `components` here.
+ * @slot - Add `text string` to this slot, **avoid** to add `HTML elements` or `components` here.
  */
 export class MdsListItem {
     constructor() {
@@ -16,7 +16,7 @@ export class MdsListItem {
     }
     render() {
         var _a;
-        return (h(Host, { key: '56fca284c2151af0e255ec590076e79cc3082afd', role: "listitem" }, h("mds-icon", { key: 'a7e2452b344c511ed17a4fe31f0f02d896159474', "aria-hidden": "true", class: "icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : mggListDot, part: "icon" }), h("mds-text", { key: '2b1127b4179dda4d9fa1d35a777e8e6712019f3a', tag: "span", typography: this.typography, variant: this.variant, part: "text" }, h("slot", { key: '4cd2da181f9dac8a10373ec4f83215f0c49e6bb9' }))));
+        return (h(Host, { key: '07618503a5c3257ae34fdceb7273bcd8fa2ecb14', role: "listitem" }, h("mds-icon", { key: '9f22170dcdb6432905df8bbd6d448cb247a394fd', "aria-hidden": "true", class: "icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : mggListDot, part: "icon" }), h("mds-text", { key: 'c9984a427031b24c5f0f4af33b07a836b2d81289', tag: "span", typography: this.typography, variant: this.variant, part: "text" }, h("slot", { key: '3e16aba7cb14207c26a6b6b61ea895bc33cbc3de' }))));
     }
     static get is() { return "mds-list-item"; }
     static get encapsulation() { return "shadow"; }
@@ -42,12 +42,14 @@ export class MdsListItem {
                         "TypographyInfoType": {
                             "location": "import",
                             "path": "@type/typography",
-                            "id": "src/type/typography.ts::TypographyInfoType"
+                            "id": "src/type/typography.ts::TypographyInfoType",
+                            "referenceLocation": "TypographyInfoType"
                         },
                         "TypographyReadType": {
                             "location": "import",
                             "path": "@type/typography",
-                            "id": "src/type/typography.ts::TypographyReadType"
+                            "id": "src/type/typography.ts::TypographyReadType",
+                            "referenceLocation": "TypographyReadType"
                         }
                     }
                 },
@@ -73,7 +75,8 @@ export class MdsListItem {
                         "TypographyReadingVariants": {
                             "location": "import",
                             "path": "@type/typography",
-                            "id": "src/type/typography.ts::TypographyReadingVariants"
+                            "id": "src/type/typography.ts::TypographyReadingVariants",
+                            "referenceLocation": "TypographyReadingVariants"
                         }
                     }
                 },

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

@@ -15,7 +15,7 @@ export class MdsMention {
     }
     render() {
         var _a;
-        return (h(Host, { key: '8b993e588b5dab5936238704987422057ba1dd5e' }, h("mds-icon", { key: '89f10e460c991604f7ea75c56c8a93a59cf7864c', name: this.icon ? this.icon : miBaselineAlternateEmail }), h("mds-text", { key: '1dd9b4342e5cab1f2dd979c8c340a98fa22bf03d', typography: this.sizeTypography[(_a = this.size) !== null && _a !== void 0 ? _a : 'md'] }, this.size === 'lg' ? this.label : h("b", null, this.label)), h("mds-button", { key: '4b58b05e57e4cd5479ad4781a5d7b300258c7c72', class: "action-remove", title: "Remove", variant: "dark", tone: "text", size: "sm", icon: miBaselineCancel })));
+        return (h(Host, { key: '47999ac9e8ee8efc5ca6a680a83681dd4f2d4010' }, h("mds-icon", { key: 'c8a9fceeef02c8501f9d65c90b4be304dad57318', name: this.icon !== undefined && this.icon !== '' ? this.icon : miBaselineAlternateEmail }), h("mds-text", { key: '1cb65d52dc8ebd0582197a7dd9a7259c9dfdf41a', typography: this.sizeTypography[(_a = this.size) !== null && _a !== void 0 ? _a : 'md'] }, this.size === 'lg' ? this.label : h("b", null, this.label)), h("mds-button", { key: '35c8ec7025eb109f514a3d6d99a4716a86968081', class: "action-remove", title: "Remove", variant: "dark", tone: "text", size: "sm", icon: miBaselineCancel })));
     }
     static get is() { return "mds-mention"; }
     static get encapsulation() { return "shadow"; }
@@ -79,7 +79,8 @@ export class MdsMention {
                         "MentionSize": {
                             "location": "import",
                             "path": "./meta/type",
-                            "id": "src/components/mds-mention/meta/type.ts::MentionSize"
+                            "id": "src/components/mds-mention/meta/type.ts::MentionSize",
+                            "referenceLocation": "MentionSize"
                         }
                     }
                 },

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

@@ -6,7 +6,7 @@ import miBaselineClose from "@icon/mi/baseline/close.svg";
  * @part action-close - Selects the close button of the modal.
  * @part window - Selects the default window element of the modal when used.
  * @slot bottom - Contents that will be placed on bottom of the window. Add `text string`, `HTML elements` or `components` to this slot.
- * @slot default - Contents that will be placed in the center of the window. Add `text string`, `HTML elements` or `components` to this slot.
+ * @slot - Contents that will be placed in the center of the window. Add `text string`, `HTML elements` or `components` to this slot.
  * @slot top - Contents that will be placed on top of the window. Add `text string`, `HTML elements` or `components` to this slot.
  * @slot window - Use directly a window component if you need it. Add `text string`, `HTML elements` or `components` to this slot.
  */
@@ -68,16 +68,16 @@ export class MdsModal {
             clearTimeout(this.animationDelayTimeout);
         };
         this.disableOverflow = () => {
-            if (document) {
-                if (document.body.style.overflow) {
+            if (typeof document !== 'undefined') {
+                if (document.body.style.overflow !== '') {
                     this.bodyOverflow = document.body.style.overflow;
                 }
                 document.body.style.overflow = 'hidden';
             }
         };
         this.enableOverflow = () => {
-            if (document) {
-                if (this.bodyOverflow) {
+            if (typeof document !== 'undefined') {
+                if (this.bodyOverflow !== '') {
                     document.body.style.overflow = this.bodyOverflow;
                 }
                 else {
@@ -154,20 +154,20 @@ export class MdsModal {
         this.windowElement = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.window');
         this.windowHeaderElement = (_b = this.host.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.window-header');
         this.windowFooterElement = (_c = this.host.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.window-footer');
-        if (this.windowHeaderElement) {
+        if (this.windowHeaderElement != null) {
             this.windowHeaderHeight = this.windowHeaderElement.offsetHeight;
         }
-        if (this.windowFooterElement) {
+        if (this.windowFooterElement != null) {
             this.windowFooterHeight = this.windowFooterElement.offsetHeight;
         }
-        if (this.windowElement) {
+        if (this.windowElement != null) {
             this.addMobileEvents();
         }
         this.updateCSSCustomProps();
     }
     disconnectedCallback() {
         this.enableOverflow();
-        if (this.windowElement) {
+        if (this.windowElement != null) {
             this.windowElement.removeEventListener('touchstart', this.setTouchStart);
             this.windowElement.removeEventListener('touchend', this.setTouchEnd);
         }
@@ -193,16 +193,19 @@ export class MdsModal {
             this.backdrop = undefined;
         }
     }
+    /**
+     * Closes the modal.
+     */
     async close() {
         this.opened = undefined;
     }
     render() {
-        return (h(Host, { key: 'ecade8e38b83c0576b5e073cf2ec243ba7eeb30f', "aria-modal": clsx(this.opened ? 'true' : 'false'), onMouseDown: (e) => {
+        return (h(Host, { key: '9f4be0a30b1d3cae73348bf48a30dc180f0ac82f', "aria-modal": clsx(this.opened ? 'true' : 'false'), onMouseDown: (e) => {
                 this.closeModal(e);
             } }, this.window ? (h("slot", { name: "window" })) : (h("div", { class: "window", part: "window" }, h("div", { class: clsx('window-header', this.top ? '' : 'window-content--empty') }, h("slot", { name: "top" })), h("div", { class: "window-content-wrapper" }, h("div", { class: "window-content", style: {
                 paddingTop: `${this.windowHeaderHeight}px`,
                 paddingBottom: `${this.windowFooterHeight}px`,
-            } }, h("slot", null))), h("div", { class: clsx('window-footer', this.bottom ? '' : 'window-content--empty') }, h("slot", { name: "bottom" })))), !this.window && (h("mds-button", { key: '6181aec117b9b237f9749926644c7bf591367e20', class: "action-close", icon: miBaselineClose, variant: "light", tone: "text", size: "xl", onClick: (e) => {
+            } }, h("slot", null))), h("div", { class: clsx('window-footer', this.bottom ? '' : 'window-content--empty') }, h("slot", { name: "bottom" })))), !this.window && (h("mds-button", { key: '37ff9d4c6556052e4c53c69d3b14d4f4f57eba5c', class: "action-close", icon: miBaselineClose, variant: "light", tone: "text", size: "xl", onClick: (e) => {
                 this.closeModal(e, true);
             }, part: "action-close" }))));
     }
@@ -270,7 +273,8 @@ export class MdsModal {
                         "ModalPositionType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-modal/meta/types.ts::ModalPositionType"
+                            "id": "src/components/mds-modal/meta/types.ts::ModalPositionType",
+                            "referenceLocation": "ModalPositionType"
                         }
                     }
                 },
@@ -296,7 +300,8 @@ export class MdsModal {
                         "ModalAnimationStateType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-modal/meta/types.ts::ModalAnimationStateType"
+                            "id": "src/components/mds-modal/meta/types.ts::ModalAnimationStateType",
+                            "referenceLocation": "ModalAnimationStateType"
                         }
                     }
                 },
@@ -322,7 +327,8 @@ export class MdsModal {
                         "ModalAnimationStyleType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-modal/meta/types.ts::ModalAnimationStyleType"
+                            "id": "src/components/mds-modal/meta/types.ts::ModalAnimationStyleType",
+                            "referenceLocation": "ModalAnimationStyleType"
                         }
                     }
                 },
@@ -348,7 +354,8 @@ export class MdsModal {
                         "ModalOverflowType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-modal/meta/types.ts::ModalOverflowType"
+                            "id": "src/components/mds-modal/meta/types.ts::ModalOverflowType",
+                            "referenceLocation": "ModalOverflowType"
                         }
                     }
                 },
@@ -374,7 +381,8 @@ export class MdsModal {
                         "ModalInteractionType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-modal/meta/types.ts::ModalInteractionType"
+                            "id": "src/components/mds-modal/meta/types.ts::ModalInteractionType",
+                            "referenceLocation": "ModalInteractionType"
                         }
                     }
                 },
@@ -470,7 +478,7 @@ export class MdsModal {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Closes the modal.",
                     "tags": []
                 }
             }

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

@@ -7,7 +7,7 @@ import localeEn from "./meta/locale.en.json";
 import localeEs from "./meta/locale.es.json";
 import localeIt from "./meta/locale.it.json";
 /**
- * @slot default - Add `text string`, `HTML elements` or `components` to this slot.
+ * @slot - Add `text string`, `HTML elements` or `components` to this slot.
  * @slot title - Add `text string`, `HTML elements` or `components` to this slot.
  */
 export class MdsNote {
@@ -31,6 +31,9 @@ export class MdsNote {
             this.deleteEvent.emit();
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -53,7 +56,7 @@ export class MdsNote {
         this.km.detachClickBehavior();
     }
     render() {
-        return (h(Host, { key: 'bb7105ecd6e6a7fe003e2b4aafde387305eb7ca4', role: "note" }, this.deletable && (h("mds-button", { key: '8770db0d4b69a2abf27d9a27d49b2db0a7e659b5', title: this.t.get('deleteLabel'), icon: miBaselineClose, class: "button-close", variant: "dark", tone: "text", onClick: this.onClickClose.bind(this) })), h("slot", { key: '74ddb954eb7b8919c414a6cbc2279746f55992bd', name: "title" }), h("slot", { key: '088ab53a3820f94d61951b9147cdce50f1a45304' }), h("div", { key: 'c1cfcab4a0657963b6b7846ccd145afc62934541', "aria-hidden": "true", class: "fold" })));
+        return (h(Host, { key: '50df66ebc4a5d691ec06b2afbe6aa3a8359e18a7', role: "note" }, this.deletable && (h("mds-button", { key: '06dd4061821acea5f5b060f216693e9f42f10990', title: this.t.get('deleteLabel'), icon: miBaselineClose, class: "button-close", variant: "dark", tone: "text", onClick: this.onClickClose })), h("slot", { key: '1d070ff5a29efac7dd04928fc4e6a6a172f4a649', name: "title" }), h("slot", { key: 'e90c46a1dc161ca4b1c42628d0d3e6fa5a2080bb' }), h("div", { key: '9019e08441d708477ef9d9099e283479ae49e4ae', "aria-hidden": "true", class: "fold" })));
     }
     static get is() { return "mds-note"; }
     static get encapsulation() { return "shadow"; }
@@ -99,7 +102,8 @@ export class MdsNote {
                         "ThemeLabelVariantType": {
                             "location": "import",
                             "path": "@type/variant",
-                            "id": "src/type/variant.ts::ThemeLabelVariantType"
+                            "id": "src/type/variant.ts::ThemeLabelVariantType",
+                            "referenceLocation": "ThemeLabelVariantType"
                         }
                     }
                 },
@@ -155,7 +159,7 @@ export class MdsNote {
                     "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-notification/mds-notification.js

@@ -32,7 +32,7 @@ export class MdsNotification {
             });
         };
         this.clean = (value) => {
-            if (this.max) {
+            if (this.max !== undefined && this.max !== 0 && !Number.isNaN(this.max)) {
                 if (value > this.max) {
                     return `+${Number(this.max).toLocaleString()}`;
                 }
@@ -41,12 +41,12 @@ export class MdsNotification {
         };
     }
     componentDidRender() {
-        if (!this.target) {
+        if (this.target === '') {
             this.strategy = 'disabled';
             return;
         }
         const c = document.querySelector(this.target);
-        if (!c)
+        if (c == null)
             throw new Error('No valid target found');
         this.caller = c;
     }
@@ -54,7 +54,7 @@ export class MdsNotification {
         if (this.strategy === 'disabled') {
             return;
         }
-        if (this.target && !this.cleanupAutoUpdate) {
+        if (this.target !== '' && this.cleanupAutoUpdate == null) {
             setTimeout(() => {
                 this.cleanupAutoUpdate = autoUpdate(this.caller, this.host, this.updatePosition);
             }, 100);
@@ -70,7 +70,7 @@ export class MdsNotification {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'ec403d27cc9c21f61b0a4378963b718752d944ed', "aria-labelledby": this.target, "aria-label": (_a = this.value) !== null && _a !== void 0 ? _a : '0' }, h("mds-text", { key: '28628bbfc84407df67f6accc1478df951695a408', typography: "caption", class: "dot", "aria-hidden": "true" }, this.value ? this.clean(this.value) : '')));
+        return (h(Host, { key: 'e4caa7112453beaebfde8d5144636410bed9121c', "aria-labelledby": this.target, "aria-label": (_a = this.value) !== null && _a !== void 0 ? _a : '0' }, h("mds-text", { key: '66204d238173dd8cf2db564907f8977728abf6c4', typography: "caption", class: "dot", "aria-hidden": "true" }, this.value !== 0 && !Number.isNaN(this.value) ? this.clean(this.value) : '')));
     }
     static get is() { return "mds-notification"; }
     static get encapsulation() { return "shadow"; }
@@ -155,7 +155,8 @@ export class MdsNotification {
                         "StrategyType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-notification/meta/types.ts::StrategyType"
+                            "id": "src/components/mds-notification/meta/types.ts::StrategyType",
+                            "referenceLocation": "StrategyType"
                         }
                     }
                 },

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

@@ -61,7 +61,7 @@ export class MdsPaginator {
         }, 10);
     }
     render() {
-        return (h(Host, { key: '53dadbcd0f1a03c83615b9847868c3d16b8e2b04' }, h("mds-paginator-item", { key: 'e9e6a0ce2b6dd608c5bef66e9eb928794d2bebb7', class: "item-icon", icon: miBaselineArrowBack, disabled: this.currentPage === 1, onClick: (ev) => this.goToPage(this.currentPage - 1, ev.target) }), this.pages > 0 && (h("mds-paginator-item", { key: 'ab71d039385d9255485e44e99fc4847e8de97f4d', class: "item-first", selected: this.currentPage === 1, onClick: (ev) => this.goToPage(1, ev.target) }, "1")), this.pages > 2 && (h("div", { key: 'da162b65848571503faded3ea6b856e617dda1f8', class: "pages" }, Array.from(Array(this.pages - 2).keys()).map((i) => (h("mds-paginator-item", { key: i, class: "item", selected: this.currentPage === i + 2, onClick: (ev) => this.goToPage(i + 2, ev.target), onFocus: this.focus }, i + 2))))), this.pages > 1 && (h("mds-paginator-item", { key: '3b3206c3545b29c8fac56754b3d18918ea9d517f', class: "item-last", selected: this.currentPage === this.pages, onClick: (ev) => this.goToPage(this.pages, ev.target) }, this.pages)), h("mds-paginator-item", { key: '0b909ae6420a8744617ade4372aacbc4ca9e2795', class: "item-icon", icon: miBaselineArrowForward, disabled: this.currentPage === this.pages, onClick: (ev) => this.goToPage(this.currentPage + 1, ev.target) })));
+        return (h(Host, { key: '4ed1b9e1dba19bfa2d273b9a6e97acdf70bcbd98' }, h("mds-paginator-item", { key: '61c2c9e923a9685a13521dce6e62f200346ac0f5', class: "item-icon", icon: miBaselineArrowBack, disabled: this.currentPage === 1, onClick: (ev) => this.goToPage(this.currentPage - 1, ev.target) }), this.pages > 0 && (h("mds-paginator-item", { key: 'add4aed4b4db4a9f80be51c5725831a5da470e5d', class: "item-first", selected: this.currentPage === 1, onClick: (ev) => this.goToPage(1, ev.target) }, "1")), this.pages > 2 && (h("div", { key: 'd0dc076d524c9069d5698861f8c04027d4c1533a', class: "pages" }, Array.from(Array(this.pages - 2).keys()).map((i) => (h("mds-paginator-item", { key: i, class: "item", selected: this.currentPage === i + 2, onClick: (ev) => this.goToPage(i + 2, ev.target), onFocus: this.focus }, i + 2))))), this.pages > 1 && (h("mds-paginator-item", { key: '1df645052a85be2f27c51204a2e6bb62c3d38100', class: "item-last", selected: this.currentPage === this.pages, onClick: (ev) => this.goToPage(this.pages, ev.target) }, this.pages)), h("mds-paginator-item", { key: '68bbe209171c987c6ca3df09347ad430ad2bd179', class: "item-icon", icon: miBaselineArrowForward, disabled: this.currentPage === this.pages, onClick: (ev) => this.goToPage(this.currentPage + 1, ev.target) })));
     }
     static get is() { return "mds-paginator"; }
     static get encapsulation() { return "shadow"; }
@@ -137,7 +137,8 @@ export class MdsPaginator {
                         "MdsPaginatorEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-paginator/meta/event-detail.ts::MdsPaginatorEventDetail"
+                            "id": "src/components/mds-paginator/meta/event-detail.ts::MdsPaginatorEventDetail",
+                            "referenceLocation": "MdsPaginatorEventDetail"
                         }
                     }
                 }

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

@@ -1,14 +1,11 @@
 import { Host, h } from "@stencil/core";
 import { KeyboardManager } from "../../common/keyboard-manager";
 /**
- * @slot default - Add `text string` to this slot, **avoid** to add `HTML elements` or `components` here.
+ * @slot - Add `text string` to this slot, **avoid** to add `HTML elements` or `components` here.
  */
 export class MdsPaginatorItem {
     constructor() {
         this.km = new KeyboardManager();
-        this.disconnectedCallback = () => {
-            this.km.detachClickBehavior();
-        };
     }
     componentDidLoad() {
         this.km.addElement(this.host);
@@ -21,8 +18,11 @@ export class MdsPaginatorItem {
         }
         this.km.detachClickBehavior();
     }
+    disconnectedCallback() {
+        this.km.detachClickBehavior();
+    }
     render() {
-        return (h(Host, { key: '5fb1effadd36aa5f45ca7cd090b890abd3f0df39', tabindex: "0" }, this.icon !== undefined ? (h("mds-icon", { class: "icon", name: this.icon })) : (h("mds-text", { class: "text", typography: "caption" }, h("b", null, h("slot", null))))));
+        return (h(Host, { key: 'a3ce23954b5e1d520399f1b21d70d585ee016d47', tabindex: "0" }, this.icon !== undefined ? (h("mds-icon", { class: "icon", name: this.icon })) : (h("mds-text", { class: "text", typography: "caption" }, h("b", null, h("slot", null))))));
     }
     static get is() { return "mds-paginator-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-policy-ai/mds-policy-ai.js

@@ -30,6 +30,9 @@ export class MdsPolicyAi {
          */
         this.href = 'https://www.maggiolieditore.it/il-regolamento-europeo-sull-intelligenza-artificiale.html';
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
         this.t.update();
@@ -39,7 +42,7 @@ export class MdsPolicyAi {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h(Host, { key: '52e4084390944e6b5997224013f16c85b79881b6' }, this.variant === 'icon' && (h("mds-help", { key: '13b88d273708b5c87a2e2217020d82a5bb3ecb63', icon: mggAiChatbot, class: "icon-help", onClick: () => window.open(this.href, '_blank'), part: "icon" }, h("div", { key: '435a308d598368d4fb7f94c704e1654228372e4f', class: "icon-tip-content" }, h("mds-text", { key: 'd7d12d83e7a40091faf657f9eef83577e59b91d5', typography: "tip" }, (_a = this.headline) !== null && _a !== void 0 ? _a : this.t.get('iconTooltip')), h("mds-text", { key: 'cc00b62ea4d83d3f4710a49eda0391e9a32d5e53', typography: "tip" }, (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get('iconLinkLabel'))))), this.variant === 'chip' && (h("div", { key: '16c46a6a4d593ef3e92de6e35467fef86bea776e', class: "chip-wrapper", part: "chip" }, h("mds-chip", { key: '9ff4a524805a36cbb6790f104c7ea08db292cf0d', id: "chip", icon: mggAiChatbot, class: "chip", variant: "ai", label: (_c = this.headline) !== null && _c !== void 0 ? _c : this.t.get('chipLabel') }), h("mds-dropdown", { key: '03c850f6519a43a51435e8efb922885f9cd63d9f', target: "#chip", class: "chip-dropdown", interaction: "mouseover" }, h("mds-text", { key: '486f6ff03cb46581c070fd9ee6eec7cef0b54cdf', typography: "tip" }, (_d = this.description) !== null && _d !== void 0 ? _d : this.t.get('cardDescription')), h("mds-button", { key: '15696484d187340f64874982bfa85645203ce258', icon: miOutlinePolicy, href: this.href, variant: "ai", tone: "weak", size: "sm" }, this.t.get('linkLabel'))))), this.variant === 'card' && (h("div", { key: 'b8a3a49f8860f280aafab125e86b19e87f10b64b', class: "mini-card", part: "card" }, h("mds-icon", { key: '50a3a9290642b35e55ab974e51787ac2805846b3', name: mggAiChatbot, class: "mini-card-icon" }), h("div", { key: '29e9d9fdf11586717208ea0d49772cb2a29e5fff', class: "mini-card-content" }, h("mds-text", { key: '7364a5dc1ae7138abc0143af1665090bd0c43b89', typography: "caption" }, (_e = this.description) !== null && _e !== void 0 ? _e : this.t.get('iconTooltip')), h("mds-button", { key: 'febc3610d58da8ea6ce532572a85af62236e11de', class: "mini-card-button", icon: miOutlinePolicy, href: this.href, variant: "ai", tone: "weak", size: "sm" }, h("span", { key: 'fec3de6d377fc90078c93a606056798dbfdd5cf5', class: "link-label-long" }, this.t.get('linkLabel')), h("span", { key: '4fb2efb5a11e1953c5e30c39abc641c1e914ffc6', class: "link-label-short" }, this.t.get('linkLabelShort')))))), this.variant === 'banner' && (h("mds-banner", { key: '8fe8399ba4b942b8d5ea0e54ee69857a5a5441d6', class: "banner", variant: "ai", tone: "weak", icon: mggAiChatbot, headline: (_f = this.headline) !== null && _f !== void 0 ? _f : this.t.get('bannerTitle'), part: "banner" }, h("mds-text", { key: '015aec47af1a58fad80cafd49c7b11334e862d8b', typography: "caption" }, (_g = this.description) !== null && _g !== void 0 ? _g : this.t.get('bannerDescription')), h("mds-button", { key: '4bcd115e47e83db1b48f8c8af23506410d280828', icon: miOutlinePolicy, slot: "action", href: this.href, variant: "ai", tone: "weak", size: "sm" }, h("span", { key: '40f2bd1b17300871148d76d278fb9082665bb429', class: "link-label-long" }, this.t.get('linkLabel')), h("span", { key: '27928dd565847e43e9585368add57e8304d05e7c', class: "link-label-short" }, this.t.get('linkLabelShort')))))));
+        return (h(Host, { key: '180b7243e44a357e7db8b7229f5e1a611ad348ef' }, this.variant === 'icon' && (h("mds-help", { key: '0e0a58df39c44b69fe57d0334ff056e334d6a72c', icon: mggAiChatbot, class: "icon-help", onClick: () => window.open(this.href, '_blank'), part: "icon" }, h("div", { key: 'd4be853abef5c66e8f3324164bbdb669e37e5c03', class: "icon-tip-content" }, h("mds-text", { key: 'af0f50fd3b06d0c0ab74c5c12ff8e5961806e700', typography: "tip" }, (_a = this.headline) !== null && _a !== void 0 ? _a : this.t.get('iconTooltip')), h("mds-text", { key: 'bad93f3743723f58ee2435a716e92cb9ada5f5bb', typography: "tip" }, (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get('iconLinkLabel'))))), this.variant === 'chip' && (h("div", { key: '037832247d7ca9649c9406816e8d7ca7922dfa2d', class: "chip-wrapper", part: "chip" }, h("mds-chip", { key: '2e14a6f7023c18f4e010e23bdd57a6fa4723628c', id: "chip", icon: mggAiChatbot, class: "chip", variant: "ai", label: (_c = this.headline) !== null && _c !== void 0 ? _c : this.t.get('chipLabel') }), h("mds-dropdown", { key: '3b72d13f2102d298886e645f3b70194d5c8bf734', target: "#chip", class: "chip-dropdown", interaction: "mouseover" }, h("mds-text", { key: '24b27e379de7649dfbdf077e1caefa0acf3a5869', typography: "tip" }, (_d = this.description) !== null && _d !== void 0 ? _d : this.t.get('cardDescription')), h("mds-button", { key: 'e47c83b97052c9bfe242db9a483e45297458c083', icon: miOutlinePolicy, href: this.href, variant: "ai", tone: "weak", size: "sm" }, this.t.get('linkLabel'))))), this.variant === 'card' && (h("div", { key: '06fb1b85d8fd6427330168b65b9b37220dd4db85', class: "mini-card", part: "card" }, h("mds-icon", { key: '71135cc52957dd7c5d57da17ea318fcfda0e47e0', name: mggAiChatbot, class: "mini-card-icon" }), h("div", { key: 'f6f56a483d41281610f2f0e4a985608682064b2f', class: "mini-card-content" }, h("mds-text", { key: '657ad59925488f4d9607b46adaadf42a9518feac', typography: "caption" }, (_e = this.description) !== null && _e !== void 0 ? _e : this.t.get('iconTooltip')), h("mds-button", { key: '497017289206c7c759af010ebcd3577ad3a651fe', class: "mini-card-button", icon: miOutlinePolicy, href: this.href, variant: "ai", tone: "weak", size: "sm" }, h("span", { key: '6f3b46fa197f97225b32b4e5c7a093a1385fa37a', class: "link-label-long" }, this.t.get('linkLabel')), h("span", { key: '62969daf704920f6009acb5982f7b83c5030ac03', class: "link-label-short" }, this.t.get('linkLabelShort')))))), this.variant === 'banner' && (h("mds-banner", { key: '70ce614c9095b73996ebfe1340ff84e03db63355', class: "banner", variant: "ai", tone: "weak", icon: mggAiChatbot, headline: (_f = this.headline) !== null && _f !== void 0 ? _f : this.t.get('bannerTitle'), part: "banner" }, h("mds-text", { key: '89380acb2e798700055248211aafa26476868cc8', typography: "caption" }, (_g = this.description) !== null && _g !== void 0 ? _g : this.t.get('bannerDescription')), h("mds-button", { key: 'db2abdc66d0571891bbfca5b4cf4d5e961ee30fb', icon: miOutlinePolicy, slot: "action", href: this.href, variant: "ai", tone: "weak", size: "sm" }, h("span", { key: 'd5ce410ac6dd095f04547760e6d868cd1c624ca7', class: "link-label-long" }, this.t.get('linkLabel')), h("span", { key: '98268919c96e34a931c55bf2cf39dde5227dabfa', class: "link-label-short" }, this.t.get('linkLabelShort')))))));
     }
     static get is() { return "mds-policy-ai"; }
     static get encapsulation() { return "shadow"; }
@@ -103,7 +106,8 @@ export class MdsPolicyAi {
                         "PolicyAiVariant": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-policy-ai/meta/types.ts::PolicyAiVariant"
+                            "id": "src/components/mds-policy-ai/meta/types.ts::PolicyAiVariant",
+                            "referenceLocation": "PolicyAiVariant"
                         }
                     }
                 },
@@ -161,7 +165,7 @@ export class MdsPolicyAi {
                     "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-pref/mds-pref.js

@@ -11,7 +11,7 @@ import localeIt from "./meta/locale.it.json";
  *  <mds-text>Accessibility preferences in web browsers allow users to customize their navigation to improve readability, interaction, and usability. Common options include dark mode, text resizing, screen reader support, keyboard navigation, and blocking animated content. These settings help people with visual, hearing, motor, or cognitive disabilities experience the web more effectively and inclusively.</mds-text>
  * @category Patterns
  * @tags pattern, user, tab
- * @slot default - Add `mds-pref-animation`, `mds-pref-consumption`, `mds-pref-contrast`, `mds-pref-language`, or `mds-pref-theme` element/s.
+ * @slot - Add `mds-pref-animation`, `mds-pref-consumption`, `mds-pref-contrast`, `mds-pref-language`, or `mds-pref-theme` element/s.
  * @example <mds-pref>
  *    <mds-pref-animation></mds-pref-animation>
  *    <mds-pref-consumption></mds-pref-consumption>
@@ -66,6 +66,9 @@ export class MdsPref {
             element.removeEventListener('mdsPrefChange', this.handlePrefChangeEvent.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);
     }
@@ -86,7 +89,7 @@ export class MdsPref {
     }
     componentDidLoad() {
         var _a;
-        if (window) {
+        if (typeof window !== 'undefined') {
             (_a = document.documentElement) === null || _a === void 0 ? void 0 : _a.setAttribute('data-magma-pref', '');
         }
         if (this.controller) {
@@ -95,13 +98,13 @@ export class MdsPref {
     }
     disconnectedCallback() {
         var _a;
-        if (window) {
+        if (typeof window !== 'undefined') {
             (_a = document.documentElement) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-magma-pref');
         }
         this.removePerfEvents();
     }
     render() {
-        return (h(Host, { key: '8c5ead4e84eabbf2382ed64eaec6a6b9efb5ffee' }, h("slot", { key: '136f362db37befead20e9f04a9e3a9e8c0f9a94c' }), this.showReload && (h("div", { key: '96959ca6338ac7d11259e97f74712378941aab38', class: "reload-required" }, h("mds-text", { key: '3d7c32617dc21f76c22e940a7cbc791515863b6a', typography: "caption" }, this.t.get('reloadPageToSeeChanges'))))));
+        return (h(Host, { key: '9b6e06abc8d530f2e148f4823bb70ace4cfd786b' }, h("slot", { key: '5be136360ee11b12cec8664a1e6c228c924a4123' }), this.showReload && (h("div", { key: 'a10b658b7a064be2b89101422e273402235c92c8', class: "reload-required" }, h("mds-text", { key: 'd66a8213bfc744d590817f72e4ae63e8b3684d40', typography: "caption" }, this.t.get('reloadPageToSeeChanges'))))));
     }
     static get is() { return "mds-pref"; }
     static get encapsulation() { return "shadow"; }
@@ -127,7 +130,8 @@ export class MdsPref {
                         "TabSizeType": {
                             "location": "import",
                             "path": "@type/button",
-                            "id": "src/type/button.ts::TabSizeType"
+                            "id": "src/type/button.ts::TabSizeType",
+                            "referenceLocation": "TabSizeType"
                         }
                     }
                 },
@@ -184,7 +188,7 @@ export class MdsPref {
                     "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-pref-animation/mds-pref-animation.js

@@ -36,7 +36,7 @@ export class MdsPrefAnimation {
             this.prefChangeEvent.emit({ preference: 'animation' });
             this.mode = mode;
             localStorage.setItem(this.localStorageAlias, this.mode);
-            if (document) {
+            if (typeof document !== 'undefined') {
                 const element = document.querySelector('html');
                 for (const key in this.animation) {
                     if ({}.hasOwnProperty.call(this.animation, key)) {
@@ -48,6 +48,9 @@ export class MdsPrefAnimation {
             }
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
@@ -61,11 +64,11 @@ export class MdsPrefAnimation {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'd8d97e6e1a5684af95b6a4602e759a1cbcf7cae7' }, h("mds-text", { key: '14bbea6444bc69042583a78ff48135ae6b87a1bf', class: "info", typography: "caption" }, h("b", { key: '5fc12248f44981ef9f2174a7073822b1640c93ad' }, this.t.get('label')), ' ', this.t.get(this.animation[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), h("mds-tab", { key: '9ecce808da035fca4887ccaeaeaba4d0479ceea9', fill: true, size: this.size }, h("mds-tab-item", { key: 'fbf817158e8aed566bc42b788b3c1e7e1bd70424', selected: this.mode === 'reduce', onClick: () => {
+        return (h(Host, { key: 'e1be2ae76dff92f92d5e69ab734bed63ad01424b' }, h("mds-text", { key: '417cb750be71fae999a965bfc145369261612756', class: "info", typography: "caption" }, h("b", { key: '477428e9968b1758f407229d4efe007ec7262e14' }, this.t.get('label')), ' ', this.t.get(this.animation[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), h("mds-tab", { key: '3757e5d83c8dbbfa00684e4b6401410c748610e5', fill: true, size: this.size }, h("mds-tab-item", { key: '8b5f05aea83cee047f799b620c5523b2afdd862a', selected: this.mode === 'reduce', onClick: () => {
                 this.setAnimation('reduce');
-            }, class: "item item--reduce", icon: miOutlineCircle }), h("mds-tab-item", { key: '1d030f1e4b64ad1005581c77181a284f88906ae3', selected: this.mode === 'system', onClick: () => {
+            }, class: "item item--reduce", icon: miOutlineCircle }), h("mds-tab-item", { key: '3b782904bc5c2478aab5b448080b49008b0ad300', selected: this.mode === 'system', onClick: () => {
                 this.setAnimation('system');
-            }, class: "item item--system", icon: miBaselineSettings }), h("mds-tab-item", { key: '6a1c4bbc869df8c0f9596ef522848ff6e99f7581', selected: this.mode === 'no-preference', onClick: () => {
+            }, class: "item item--system", icon: miBaselineSettings }), h("mds-tab-item", { key: 'bb84745ea8b40acc0de41d904407a773fedff98a', selected: this.mode === 'no-preference', onClick: () => {
                 this.setAnimation('no-preference');
             }, class: "item item--no-preference", icon: miBaselineAnimation }))));
     }
@@ -93,7 +96,8 @@ export class MdsPrefAnimation {
                         "TabSizeType": {
                             "location": "import",
                             "path": "@type/button",
-                            "id": "src/type/button.ts::TabSizeType"
+                            "id": "src/type/button.ts::TabSizeType",
+                            "referenceLocation": "TabSizeType"
                         }
                     }
                 },
@@ -118,7 +122,8 @@ export class MdsPrefAnimation {
                         "AnimationModeType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-pref-animation/meta/types.ts::AnimationModeType"
+                            "id": "src/components/mds-pref-animation/meta/types.ts::AnimationModeType",
+                            "referenceLocation": "AnimationModeType"
                         }
                     }
                 },
@@ -158,7 +163,8 @@ export class MdsPrefAnimation {
                         "MdsPrefChangeEventDetail": {
                             "location": "import",
                             "path": "@event/preference",
-                            "id": "src/event-detail/preference.ts::MdsPrefChangeEventDetail"
+                            "id": "src/event-detail/preference.ts::MdsPrefChangeEventDetail",
+                            "referenceLocation": "MdsPrefChangeEventDetail"
                         }
                     }
                 }
@@ -179,7 +185,7 @@ export class MdsPrefAnimation {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Updates the component's texts to the locale currently set on the host element.",
                     "tags": []
                 }
             }