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

package/dist/collection/components/mds-pref-consumption/mds-pref-consumption.js

@@ -36,7 +36,7 @@ export class MdsPrefContrast {
             this.prefChangeEvent.emit({ preference: 'consumption' });
             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.consumption) {
                     if ({}.hasOwnProperty.call(this.consumption, key)) {
@@ -48,6 +48,9 @@ export class MdsPrefContrast {
             }
         };
     }
+    /**
+     * 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 MdsPrefContrast {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'a868cca8f5a2bf2bc9c9836e63f85fa3ff275851' }, h("mds-text", { key: '60c3ce183c6d1ef984ad4acd2a020257c905aae9', class: "info", typography: "caption" }, h("b", { key: '5e2f6d2360c6f3fb483fa1f2b93b3acd53854c35' }, this.t.get('label')), ' ', this.t.get(this.consumption[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), h("mds-tab", { key: 'a09fc79aad33d6a1e91a49e806a768bb72586462', fill: true, size: this.size }, h("mds-tab-item", { key: '33b0f441536fc9362f18ecd4704f431f256fbee6', selected: this.mode === 'low', onClick: () => {
+        return (h(Host, { key: '7b3edd2f572afd06f1d1ee154b934d328cc6c0fc' }, h("mds-text", { key: '196b4cdad855f3b67ddb455fb0aa692f48d12c04', class: "info", typography: "caption" }, h("b", { key: '40b3840da0365693b1e6b08cff11e3cdd1da4819' }, this.t.get('label')), ' ', this.t.get(this.consumption[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), h("mds-tab", { key: '7db022de1dadbaf0efc5ec5184eba9d6d1b51f2a', fill: true, size: this.size }, h("mds-tab-item", { key: '4c7aa5cfdae5fd2e3cf5376f216500c0ad4f6bd9', selected: this.mode === 'low', onClick: () => {
                 this.setConsumption('low');
-            }, class: "item item--low", icon: mggConsumptionLow }), h("mds-tab-item", { key: '79884e15aa766b134beeb20d82286caac3d08ebf', selected: this.mode === 'medium', onClick: () => {
+            }, class: "item item--low", icon: mggConsumptionLow }), h("mds-tab-item", { key: '3d8c6709bdba914e4aaf6b8969a32b5d2672ebee', selected: this.mode === 'medium', onClick: () => {
                 this.setConsumption('medium');
-            }, class: "item item--medium", icon: mggConsumptionMedium }), h("mds-tab-item", { key: '9c6604fe0bd3827d676fbf2bb4305a5e15317ab3', selected: this.mode === 'high', onClick: () => {
+            }, class: "item item--medium", icon: mggConsumptionMedium }), h("mds-tab-item", { key: '53cdc86ee488d3e28a0602db93c5dd7d8bcdfd65', selected: this.mode === 'high', onClick: () => {
                 this.setConsumption('high');
             }, class: "item item--high", icon: mggConsumptionHigh }))));
     }
@@ -93,7 +96,8 @@ export class MdsPrefContrast {
                         "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 MdsPrefContrast {
                         "ConsumptionModeType": {
                             "location": "import",
                             "path": "@type/preference",
-                            "id": "src/type/preference.ts::ConsumptionModeType"
+                            "id": "src/type/preference.ts::ConsumptionModeType",
+                            "referenceLocation": "ConsumptionModeType"
                         }
                     }
                 },
@@ -158,7 +163,8 @@ export class MdsPrefContrast {
                         "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 MdsPrefContrast {
                     "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-contrast/mds-pref-contrast.js

@@ -40,7 +40,7 @@ export class MdsPrefContrast {
             },
         };
         this.rollbackContrast = () => {
-            if (!window) {
+            if (typeof window === 'undefined') {
                 return this.defaultMode;
             }
             for (const key in this.prefersDefaults) {
@@ -57,7 +57,7 @@ export class MdsPrefContrast {
             this.rollbackContrast();
             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.contrast) {
                     if ({}.hasOwnProperty.call(this.contrast, key)) {
@@ -69,6 +69,9 @@ export class MdsPrefContrast {
             }
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
@@ -84,11 +87,11 @@ export class MdsPrefContrast {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'b2b65db3b7a382669e8d71bbb97eff1ba8ded19d' }, h("mds-text", { key: '8a6345d6b3fe5f2bfed8f492edc8559c68841128', class: "info", typography: "caption" }, h("b", { key: 'ea6c8753913b860d5ace1696ead1bd422574fa6a' }, this.t.get('label')), ' ', this.t.get(this.contrast[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), h("mds-tab", { key: '1ec637db0edc73c08a4e5a7ee27170383d972d7c', fill: true, size: this.size }, h("mds-tab-item", { key: 'ce53045c2487cae49bea7efe5ed262b04b5ed329', selected: this.mode === 'more', onClick: () => {
+        return (h(Host, { key: '94956cf5cf0e28c943af188fbdd0874b04edea3b' }, h("mds-text", { key: '0f9efae82fe5037ce9b13fa1a7125c25bf1bb509', class: "info", typography: "caption" }, h("b", { key: 'ba27caca42dd23403991521fd903e8ab7dbfacdf' }, this.t.get('label')), ' ', this.t.get(this.contrast[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), h("mds-tab", { key: 'adf51f71a7551553663038f87ce72868fa04ac70', fill: true, size: this.size }, h("mds-tab-item", { key: '5314ee6c1ae2e23635952a6dfa56ed24c3e57050', selected: this.mode === 'more', onClick: () => {
                 this.setContrast('more');
-            }, class: "item item--more", icon: miBaselineContrast }), h("mds-tab-item", { key: '3798cbdb8df68f9b9d46d91136cb4f1cf0926139', selected: this.mode === 'system', onClick: () => {
+            }, class: "item item--more", icon: miBaselineContrast }), h("mds-tab-item", { key: '0e88e0bb0276a8ca0b8cb75228118a6574788299', selected: this.mode === 'system', onClick: () => {
                 this.setContrast('system');
-            }, class: "item item--system", icon: miBaselineSettings }), h("mds-tab-item", { key: 'c626f5db4b9d8a5e4fee01ff441de35f6fc3fb5b', selected: this.mode === 'no-preference', onClick: () => {
+            }, class: "item item--system", icon: miBaselineSettings }), h("mds-tab-item", { key: '223643f6d9a03b429d58bab08e28ac29c6be7671', selected: this.mode === 'no-preference', onClick: () => {
                 this.setContrast('no-preference');
             }, class: "item item--default", icon: this.mode === 'no-preference' ? miBaselineAutoAwesome : miOutlineAutoAwesome }))));
     }
@@ -116,7 +119,8 @@ export class MdsPrefContrast {
                         "TabSizeType": {
                             "location": "import",
                             "path": "@type/button",
-                            "id": "src/type/button.ts::TabSizeType"
+                            "id": "src/type/button.ts::TabSizeType",
+                            "referenceLocation": "TabSizeType"
                         }
                     }
                 },
@@ -141,7 +145,8 @@ export class MdsPrefContrast {
                         "ContrastModeType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-pref-contrast/meta/types.ts::ContrastModeType"
+                            "id": "src/components/mds-pref-contrast/meta/types.ts::ContrastModeType",
+                            "referenceLocation": "ContrastModeType"
                         }
                     }
                 },
@@ -181,7 +186,8 @@ export class MdsPrefContrast {
                         "MdsPrefChangeEventDetail": {
                             "location": "import",
                             "path": "@event/preference",
-                            "id": "src/event-detail/preference.ts::MdsPrefChangeEventDetail"
+                            "id": "src/event-detail/preference.ts::MdsPrefChangeEventDetail",
+                            "referenceLocation": "MdsPrefChangeEventDetail"
                         }
                     }
                 }
@@ -202,7 +208,7 @@ export class MdsPrefContrast {
                     "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-language/mds-pref-language.js

@@ -7,7 +7,7 @@ import localeIt from "./meta/locale.it.json";
 import miBaselineKeyboardArrowDown from "@icon/mi/baseline/keyboard-arrow-down.svg";
 import miBaselineKeyboardArrowUp from "@icon/mi/baseline/keyboard-arrow-up.svg";
 /**
- * @slot default - Add `mds-pref-language-item` element/s.
+ * @slot - Add `mds-pref-language-item` element/s.
  */
 export class MdsPrefLanguage {
     constructor() {
@@ -75,12 +75,15 @@ export class MdsPrefLanguage {
                     : this.sanitizeLanguage(set);
             this.prefChangeEvent.emit({ preference: 'language' });
             localStorage.setItem(this.localStorageAlias, this.set);
-            if (document) {
+            if (typeof document !== 'undefined') {
                 const element = document.querySelector('html');
                 element === null || element === void 0 ? void 0 : element.setAttribute('lang', this.set);
             }
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
@@ -97,7 +100,7 @@ export class MdsPrefLanguage {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'dc71143924209440f083fcec65bcb7bd504dd25a' }, h("div", { key: '292239b82496f972e66d40c3545f744bbb3b3c7f', class: "menu" }, h("mds-text", { key: '40a055e9e7b833b54be9d0a94bf3a3dcdfc0c8b8', class: "info", typography: "caption" }, h("b", { key: 'a18868d48b74d314e96b11a090910094dadc3f32' }, this.t.get('label'))), h("mds-tab", { key: '565d66dfa81b0991ff2c456c20f0880b5608a5b3', fill: true, size: this.size }, h("mds-tab-item", { key: '5b9bccdca9afc5dacd2ded61f34001b7dffe39da', selected: true, onClick: this.toggleDropdown, id: "mds-pref-language-nav", class: "item item--custom-language", "icon-position": "right", icon: this.showDropdown ? miBaselineKeyboardArrowUp : miBaselineKeyboardArrowDown }, this.t.get((_a = this.set) !== null && _a !== void 0 ? _a : 'auto')))), h("mds-dropdown", { key: '82f77f40b5b589cf3ee6097ecdd27b2f55f50779', class: "mds-pref-language-dropdown", target: "#mds-pref-language-nav", interaction: "none", visible: this.showDropdown, onMdsDropdownHide: this.hideLanguageSelectDropdown, autoPlacement: true }, h("slot", { key: 'f2ad1acf8456a7d8a284a802342138424f26628a' })), this.set !== this.defaultLanguage && (h("mds-text", { key: 'fc2901f08f355fac291535936079e3d54ed6bcc9', typography: "caption" }, this.t.get('defaultLanguage')))));
+        return (h(Host, { key: '5817657d210b33095d874782e22a9474deb07186' }, h("div", { key: '115825b394ff21c1cbd839592d08371fe4e9088b', class: "menu" }, h("mds-text", { key: 'cb0bcd46bedc0b7746147884ac26ffcfbf31e1af', class: "info", typography: "caption" }, h("b", { key: 'c9184216e4219ff8a2097cf1728903e16d0a1e07' }, this.t.get('label'))), h("mds-tab", { key: 'f71a4aa2177c36761317215d0e1fa81400f6bb8c', fill: true, size: this.size }, h("mds-tab-item", { key: '1991f5acca41b36d299deb007ff46755071c37f9', selected: true, onClick: this.toggleDropdown, id: "mds-pref-language-nav", class: "item item--custom-language", "icon-position": "right", icon: this.showDropdown ? miBaselineKeyboardArrowUp : miBaselineKeyboardArrowDown }, this.t.get((_a = this.set) !== null && _a !== void 0 ? _a : 'auto')))), h("mds-dropdown", { key: 'f7fd96c2eef84b5b2230cfd5f8a74083d00d9846', class: "mds-pref-language-dropdown", target: "#mds-pref-language-nav", interaction: "none", visible: this.showDropdown, onMdsDropdownHide: this.hideLanguageSelectDropdown, autoPlacement: true }, h("slot", { key: 'ce4d781b3b08cae00029bb36e8ea6d1f86461b30' })), this.set !== this.defaultLanguage && (h("mds-text", { key: '6ea5f8ca5cdc07692204f1b3635d4393ababfda9', typography: "caption" }, this.t.get('defaultLanguage')))));
     }
     static get is() { return "mds-pref-language"; }
     static get encapsulation() { return "shadow"; }
@@ -123,7 +126,8 @@ export class MdsPrefLanguage {
                         "TabSizeType": {
                             "location": "import",
                             "path": "@type/button",
-                            "id": "src/type/button.ts::TabSizeType"
+                            "id": "src/type/button.ts::TabSizeType",
+                            "referenceLocation": "TabSizeType"
                         }
                     }
                 },
@@ -184,7 +188,8 @@ export class MdsPrefLanguage {
                         "MdsPrefLanguageEventDetail": {
                             "location": "import",
                             "path": "@event/language",
-                            "id": "src/event-detail/language.ts::MdsPrefLanguageEventDetail"
+                            "id": "src/event-detail/language.ts::MdsPrefLanguageEventDetail",
+                            "referenceLocation": "MdsPrefLanguageEventDetail"
                         }
                     }
                 }
@@ -205,7 +210,8 @@ export class MdsPrefLanguage {
                         "MdsPrefChangeEventDetail": {
                             "location": "import",
                             "path": "@event/preference",
-                            "id": "src/event-detail/preference.ts::MdsPrefChangeEventDetail"
+                            "id": "src/event-detail/preference.ts::MdsPrefChangeEventDetail",
+                            "referenceLocation": "MdsPrefChangeEventDetail"
                         }
                     }
                 }
@@ -226,7 +232,7 @@ export class MdsPrefLanguage {
                     "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-language-item/mds-pref-language-item.js

@@ -19,6 +19,9 @@ export class MdsPrefLanguageItem {
             this.selectLanguageEvent.emit({ language: this.code });
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
@@ -29,7 +32,7 @@ export class MdsPrefLanguageItem {
         this.t.lang(this.element);
     }
     render() {
-        return (h(Host, { key: '518c33d30c27e54512f2490c78da1ad1f97328eb', onClick: this.handleClick }, this.code ? (h("mds-button", { icon: this.selected ? miBaselineCheckCircle : miOutlineCircle, variant: "dark", tone: "text" }, localeDefault[this.code])) : (h("mds-button", { icon: miBaselineCheckCircle, variant: "error", tone: "text" }, this.t.get('noCode')))));
+        return (h(Host, { key: '733f906b459d62d9dda8c353a30a74110e07b03a', onClick: this.handleClick }, this.code !== '' ? (h("mds-button", { icon: this.selected ? miBaselineCheckCircle : miOutlineCircle, variant: "dark", tone: "text" }, localeDefault[this.code])) : (h("mds-button", { icon: miBaselineCheckCircle, variant: "error", tone: "text" }, this.t.get('noCode')))));
     }
     static get is() { return "mds-pref-language-item"; }
     static get encapsulation() { return "shadow"; }
@@ -109,7 +112,8 @@ export class MdsPrefLanguageItem {
                         "MdsPrefLanguageEventDetail": {
                             "location": "import",
                             "path": "@event/language",
-                            "id": "src/event-detail/language.ts::MdsPrefLanguageEventDetail"
+                            "id": "src/event-detail/language.ts::MdsPrefLanguageEventDetail",
+                            "referenceLocation": "MdsPrefLanguageEventDetail"
                         }
                     }
                 }
@@ -130,7 +134,7 @@ export class MdsPrefLanguageItem {
                     "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-theme/mds-pref-theme.js

@@ -63,7 +63,7 @@ export class MdsPrefTheme {
             this.prefChangeEvent.emit({ preference: 'theme-mode' });
             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.theme) {
                     if ({}.hasOwnProperty.call(this.theme, key)) {
@@ -78,7 +78,7 @@ export class MdsPrefTheme {
             return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
         };
         this.getColorScheme = (mode) => {
-            if (mode) {
+            if (mode !== undefined) {
                 if (mode === 'system') {
                     return this.isDarkMode() ? 'dark' : 'light';
                 }
@@ -90,7 +90,7 @@ export class MdsPrefTheme {
             return this.mode;
         };
         this.instanceOverlay = () => {
-            if (!this.overlayEl) {
+            if (this.overlayEl == null) {
                 this.overlayEl = document.createElement('div');
                 this.overlayEl.className = this.overlayId;
                 this.overlayEl.style.inset = '0';
@@ -157,6 +157,9 @@ export class MdsPrefTheme {
             }
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
@@ -180,7 +183,7 @@ export class MdsPrefTheme {
         this.setTheme(newValue);
     }
     detachOverlayTransition() {
-        if (!this.overlayEl) {
+        if (this.overlayEl == null) {
             return;
         }
         this.overlayEl.style.backgroundColor = this.overlayBackgroundHidden;
@@ -191,19 +194,19 @@ export class MdsPrefTheme {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'c78474ccae6afb47766f571d86fe235c7d61d1ba' }, h("mds-text", { key: '3535c07209e5465959044593d89cce53ab128180', class: "info", typography: "caption" }, h("b", { key: '68be38f8895654dd40214f66fb7241012d392199' }, this.t.get('label')), ' ', this.disabled
+        return (h(Host, { key: 'd39c062c0ddd2b9f321ce4d153613ab35628ba07' }, h("mds-text", { key: '547812a4d5c9e790fdb71e19e39156842a1635e2', class: "info", typography: "caption" }, h("b", { key: '343a8359be692988c9ec734d52246d16950e6185' }, this.t.get('label')), ' ', this.disabled
             ? this.t.get(this.theme[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label, { forced: true })
-            : this.t.get(this.theme[(_b = this.mode) !== null && _b !== void 0 ? _b : this.defaultMode].label, { forced: false })), h("mds-tab", { key: '22fe4bd6c21908dc356a322226cfe7518952f68d', fill: true, size: this.size }, h("mds-tab-item", { key: 'c40a7c19794324a2156bd0cfa6a085e4ed98194e', disabled: this.disabled, selected: this.mode === 'light', onClick: () => {
+            : this.t.get(this.theme[(_b = this.mode) !== null && _b !== void 0 ? _b : this.defaultMode].label, { forced: false })), h("mds-tab", { key: '86baac9e84e019c9367a521fcc6d1a61adbc43ce', fill: true, size: this.size }, h("mds-tab-item", { key: '8c1d7742877300f0efe7c9e93ddb99aa24722cca', disabled: this.disabled, selected: this.mode === 'light', onClick: () => {
                 if (this.overlayShow) {
                     return;
                 }
                 this.changeTheme('light');
-            }, class: "item item--light", icon: miBaselineLightMode }), h("mds-tab-item", { key: '4986b3c390f38ffbe292d36180ab8b6799eda730', disabled: this.disabled, selected: this.mode === 'system', onClick: () => {
+            }, class: "item item--light", icon: miBaselineLightMode }), h("mds-tab-item", { key: '1974867e21420238c2e8000091dd2e5dfaf4d0c1', disabled: this.disabled, selected: this.mode === 'system', onClick: () => {
                 if (this.overlayShow) {
                     return;
                 }
                 this.changeTheme('system');
-            }, class: "item item--system", icon: miBaselineSettings }), h("mds-tab-item", { key: '5e211984d3891daa894fe391277a1574d98ea1a1', disabled: this.disabled, selected: this.mode === 'dark', onClick: () => {
+            }, class: "item item--system", icon: miBaselineSettings }), h("mds-tab-item", { key: '1c433c2879c2165b08d896bdb8fff6d7d8fe1b2e', disabled: this.disabled, selected: this.mode === 'dark', onClick: () => {
                 if (this.overlayShow) {
                     return;
                 }
@@ -234,7 +237,8 @@ export class MdsPrefTheme {
                         "TabSizeType": {
                             "location": "import",
                             "path": "@type/button",
-                            "id": "src/type/button.ts::TabSizeType"
+                            "id": "src/type/button.ts::TabSizeType",
+                            "referenceLocation": "TabSizeType"
                         }
                     }
                 },
@@ -259,7 +263,8 @@ export class MdsPrefTheme {
                         "PreferenceThemeModeType": {
                             "location": "import",
                             "path": "@type/preference",
-                            "id": "src/type/preference.ts::PreferenceThemeModeType"
+                            "id": "src/type/preference.ts::PreferenceThemeModeType",
+                            "referenceLocation": "PreferenceThemeModeType"
                         }
                     }
                 },
@@ -284,7 +289,8 @@ export class MdsPrefTheme {
                         "PreferenceThemeTransitionType": {
                             "location": "import",
                             "path": "@type/preference",
-                            "id": "src/type/preference.ts::PreferenceThemeTransitionType"
+                            "id": "src/type/preference.ts::PreferenceThemeTransitionType",
+                            "referenceLocation": "PreferenceThemeTransitionType"
                         }
                     }
                 },
@@ -326,7 +332,8 @@ export class MdsPrefTheme {
                         "MdsPrefChangeEventDetail": {
                             "location": "import",
                             "path": "@event/preference",
-                            "id": "src/event-detail/preference.ts::MdsPrefChangeEventDetail"
+                            "id": "src/event-detail/preference.ts::MdsPrefChangeEventDetail",
+                            "referenceLocation": "MdsPrefChangeEventDetail"
                         }
                     }
                 }
@@ -347,7 +354,7 @@ export class MdsPrefTheme {
                     "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-theme-variant/mds-pref-theme-variant.js

@@ -7,7 +7,7 @@ import localeIt from "./meta/locale.it.json";
 import miBaselineKeyboardArrowDown from "@icon/mi/baseline/keyboard-arrow-down.svg";
 import miBaselineKeyboardArrowUp from "@icon/mi/baseline/keyboard-arrow-up.svg";
 /**
- * @slot default - Add `mds-pref-theme-variant-item` element/s.
+ * @slot - Add `mds-pref-theme-variant-item` element/s.
  */
 export class MdsPrefThemeVariant {
     constructor() {
@@ -81,7 +81,7 @@ export class MdsPrefThemeVariant {
             this.prefChangeEvent.emit({ preference: 'theme-variant' });
             localStorage.setItem(this.localStorageAliasThemeName, this.name);
             localStorage.setItem(this.localStorageAliasThemeScheme, this.scheme);
-            if (document) {
+            if (typeof document !== 'undefined') {
                 const element = document.querySelector('html');
                 // cleanup previeous selection
                 for (const key in this.schemeSet) {
@@ -89,7 +89,7 @@ export class MdsPrefThemeVariant {
                         element === null || element === void 0 ? void 0 : element.classList.remove(this.schemeSet[key]);
                     }
                 }
-                if (this.previousName) {
+                if (this.previousName !== null && this.previousName !== '') {
                     element === null || element === void 0 ? void 0 : element.classList.remove(this.clasNameThemeNamePrefix + this.previousName);
                 }
                 // set new selection
@@ -102,6 +102,9 @@ export class MdsPrefThemeVariant {
             }
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
@@ -116,7 +119,7 @@ export class MdsPrefThemeVariant {
         this.t.lang(this.element);
     }
     render() {
-        return (h(Host, { key: '15e431592fa7b91f8b964a3848de67406baf072f' }, h("div", { key: 'a0a16b7172f212c8664ee3cf1fa298884922b62f', class: "menu" }, h("mds-text", { key: 'b76c54c74c66191278d1dfe9c3eb9bc7e6d55fad', class: "info", typography: "caption" }, h("b", { key: 'ec9f3e8fc0887393539ba47220d20c9db03a3449' }, this.t.get('label'))), h("mds-tab", { key: '7df63e45e1d9265ffc3617cfc49a1e167996d66b', fill: true, size: this.size }, h("mds-tab-item", { key: '2b80350e8481b2e0b7d82f3b4a4f013b6ff949d0', selected: true, onClick: this.toggleDropdown, id: "mds-pref-theme-variant-nav", class: "item item--custom-theme-variant", "icon-position": "right", icon: this.showDropdown ? miBaselineKeyboardArrowUp : miBaselineKeyboardArrowDown }, this.name))), h("mds-dropdown", { key: '05732e03bb52fe1477f2933e127cfc699f92f941', class: "mds-pref-theme-variant-dropdown", target: "#mds-pref-theme-variant-nav", interaction: "none", visible: this.showDropdown, onMdsDropdownHide: this.hideThemeVariantDropdownSelect, autoPlacement: true }, h("slot", { key: '1b984764ffcb3467ff1050b3eef5c1c83edff918' })), this.name !== this.defaultTheme && (h("mds-text", { key: '7871a4799701c0fda9f6c35b913cf7a00e9d7510', typography: "caption" }, this.t.get('defaultTheme')))));
+        return (h(Host, { key: '5232c814c636b1f3cf3351e67460cdfd9b9c1b56' }, h("div", { key: 'a2a255a4c62cc2aa4cbac79886e629bebce294f7', class: "menu" }, h("mds-text", { key: '02a7f081c306907d973009a3a7e73b8059940352', class: "info", typography: "caption" }, h("b", { key: '01967f8b9aea1f6324ef1f15d5ae958b92e005b4' }, this.t.get('label'))), h("mds-tab", { key: 'ef02c8b82bbadcad95541f67be2dcf4ba0ddc2fc', fill: true, size: this.size }, h("mds-tab-item", { key: '663e683eac4d520e61fbc76cf4d048feacb798d2', selected: true, onClick: this.toggleDropdown, id: "mds-pref-theme-variant-nav", class: "item item--custom-theme-variant", "icon-position": "right", icon: this.showDropdown ? miBaselineKeyboardArrowUp : miBaselineKeyboardArrowDown }, this.name))), h("mds-dropdown", { key: 'e86ce5ba509a6b015add47622fe94d6d59aba713', class: "mds-pref-theme-variant-dropdown", target: "#mds-pref-theme-variant-nav", interaction: "none", visible: this.showDropdown, onMdsDropdownHide: this.hideThemeVariantDropdownSelect, autoPlacement: true }, h("slot", { key: '9b18d8d7f8d5bdb1b75150ee0559c12f8d385bda' })), this.name !== this.defaultTheme && (h("mds-text", { key: '60cb41f838f81abdbf7e7d78fb56ea6faca48c26', typography: "caption" }, this.t.get('defaultTheme')))));
     }
     static get is() { return "mds-pref-theme-variant"; }
     static get encapsulation() { return "shadow"; }
@@ -142,7 +145,8 @@ export class MdsPrefThemeVariant {
                         "TabSizeType": {
                             "location": "import",
                             "path": "@type/button",
-                            "id": "src/type/button.ts::TabSizeType"
+                            "id": "src/type/button.ts::TabSizeType",
+                            "referenceLocation": "TabSizeType"
                         }
                     }
                 },
@@ -187,7 +191,8 @@ export class MdsPrefThemeVariant {
                         "PreferenceThemeSchemeType": {
                             "location": "import",
                             "path": "@type/preference",
-                            "id": "src/type/preference.ts::PreferenceThemeSchemeType"
+                            "id": "src/type/preference.ts::PreferenceThemeSchemeType",
+                            "referenceLocation": "PreferenceThemeSchemeType"
                         }
                     }
                 },
@@ -229,7 +234,8 @@ export class MdsPrefThemeVariant {
                         "MdsPrefThemeVariantEventDetail": {
                             "location": "import",
                             "path": "@event/theme-variant",
-                            "id": "src/event-detail/theme-variant.ts::MdsPrefThemeVariantEventDetail"
+                            "id": "src/event-detail/theme-variant.ts::MdsPrefThemeVariantEventDetail",
+                            "referenceLocation": "MdsPrefThemeVariantEventDetail"
                         }
                     }
                 }
@@ -250,7 +256,8 @@ export class MdsPrefThemeVariant {
                         "MdsPrefChangeEventDetail": {
                             "location": "import",
                             "path": "@event/preference",
-                            "id": "src/event-detail/preference.ts::MdsPrefChangeEventDetail"
+                            "id": "src/event-detail/preference.ts::MdsPrefChangeEventDetail",
+                            "referenceLocation": "MdsPrefChangeEventDetail"
                         }
                     }
                 }
@@ -271,7 +278,7 @@ export class MdsPrefThemeVariant {
                     "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-theme-variant-item/mds-pref-theme-variant-item.js

@@ -26,17 +26,20 @@ export class MdsPrefThemeVariantItem {
             this.selectVariantEvent.emit({ name: this.name, scheme: this.scheme });
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
     componentWillRender() {
         this.t.lang(this.element);
-        if (!this.label) {
+        if (this.label === undefined || this.label === '') {
             this.label = this.name.charAt(0).toUpperCase() + this.name.slice(1).replace(/-/g, ' ');
         }
     }
     render() {
-        return (h(Host, { key: '7226e8612de14cb55f08e59867a85bac2a818c20', onClick: this.handleClick }, h("mds-button", { key: '9ba3cfd0a254eaeff4e3ccb6c6b1ceab5f245e07', icon: this.selected ? miBaselineCheckCircle : miOutlineCircle, variant: "dark", tone: "text" }, h("div", { key: '98e24fcf47e692495a0f5c05d5ef9d7924f08949', class: "label" }, h("div", { key: '25d6de60ebe19d3e7f21a425e6fd8069927ee46f', class: "theme-preview" }, h("div", { key: 'd8820f6717263184e7af45e8f9f999a1e013481c', class: "theme-color theme-color--variant-primary" }), h("div", { key: 'd058474d0c8aa30e37647f6a0d07dd2b66bf5bee', class: "theme-color theme-color--status-success" }), h("div", { key: '50ef0f48869b26b846b668963f1ce95ccd2517e4', class: "theme-color theme-color--status-warning" }), h("div", { key: 'f6ca3f58fb1e4df027f79fed26c46e62379e7733', class: "theme-color theme-color--status-error" })), this.label))));
+        return (h(Host, { key: '7c67e626a1111e762cf384dd1e07cca9e8ab3025', onClick: this.handleClick }, h("mds-button", { key: '12b4207889f201e6b4424aa28472fcd4a637fb0b', icon: this.selected ? miBaselineCheckCircle : miOutlineCircle, variant: "dark", tone: "text" }, h("div", { key: '7ab3d3e6667f2ff83d578579210888af336b7170', class: "label" }, h("div", { key: 'fadd43f41276b708742e4cf1a3902d2bb6c7dddf', class: "theme-preview" }, h("div", { key: '0338afc3745f1212f9e924d7b7fb9e55d7f455fb', class: "theme-color theme-color--variant-primary" }), h("div", { key: '23acf3c5f95614ee9b83562f1061a612ee139332', class: "theme-color theme-color--status-success" }), h("div", { key: 'bdefd9b571f74615d63a4e015626a096a92446dd', class: "theme-color theme-color--status-warning" }), h("div", { key: 'fc128b9b30699cf52881ee3f559dc10d9323486a', class: "theme-color theme-color--status-error" })), this.label))));
     }
     static get is() { return "mds-pref-theme-variant-item"; }
     static get encapsulation() { return "shadow"; }
@@ -101,7 +104,8 @@ export class MdsPrefThemeVariantItem {
                         "PreferenceThemeSchemeType": {
                             "location": "import",
                             "path": "@type/preference",
-                            "id": "src/type/preference.ts::PreferenceThemeSchemeType"
+                            "id": "src/type/preference.ts::PreferenceThemeSchemeType",
+                            "referenceLocation": "PreferenceThemeSchemeType"
                         }
                     }
                 },
@@ -162,7 +166,8 @@ export class MdsPrefThemeVariantItem {
                         "MdsPrefThemeVariantEventDetail": {
                             "location": "import",
                             "path": "@event/theme-variant",
-                            "id": "src/event-detail/theme-variant.ts::MdsPrefThemeVariantEventDetail"
+                            "id": "src/event-detail/theme-variant.ts::MdsPrefThemeVariantEventDetail",
+                            "referenceLocation": "MdsPrefThemeVariantEventDetail"
                         }
                     }
                 }
@@ -183,7 +188,7 @@ export class MdsPrefThemeVariantItem {
                     "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-price-table/mds-price-table.js

@@ -1,7 +1,10 @@
 import { Host, h } from "@stencil/core";
+/**
+ * @slot - Add `mds-price-table-list` elements or `components` to this slot.
+ */
 export class MdsPriceTable {
     render() {
-        return (h(Host, { key: '2d2b09b6b5ec12bccfa957bf0a7ab636eacf8639' }, h("slot", { key: '1db821d187a0488397440de72739af6d7c30c971' })));
+        return (h(Host, { key: '4a7524eda2d51d229b579063684f617d686bca52' }, h("slot", { key: 'c6eeb79e4b5439383b992832d6e346221a8ee067' })));
     }
     static get is() { return "mds-price-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-price-table-features/mds-price-table-features.js

@@ -1,11 +1,11 @@
 import { Host, h } from "@stencil/core";
 /**
  * @part header - Selects the HTML element wrapper of label text
- * @slot default - Expects to slot `mds-price-table-features-row` component
+ * @slot - Expects to slot `mds-price-table-features-row` component
  */
 export class MdsPriceTableFeatures {
     render() {
-        return (h(Host, { key: 'c1c9c47c868a3811604fa8a2a163b2093f146e03' }, h("div", { key: 'a308014a1778ff72e0e3e552bff15c0f1d18c15d', class: "table-wrapper" }, this.label && (h("header", { key: '421aecece294adb7d717a8f5b5b55bc7cb39e801', part: "header" }, h("mds-text", { key: '4506989506031cc040e201e2aa1ee1f2b217b53c', typography: "detail" }, h("b", { key: 'f065ba3c8c054f385ee8fef05dcff1b4bdf65ade' }, this.label)))), h("table", { key: '97bb2c61f606d69a815f29a5d6c994cc19ae4e84' }, h("tbody", { key: 'c70053b39c21e3ad4f9558d0fe031c111ce5b9cd' }, h("slot", { key: 'c854ebd92ead2d68d63b4838f8826cadf3338211' }))))));
+        return (h(Host, { key: 'e7f9344d10b9d60dc268381a74eccf8514b3c398' }, h("div", { key: '5b705f564d319faeac9d4eb622e462eabeee7031', class: "table-wrapper" }, this.label && (h("header", { key: '5f84a45d54385488a527afc523448756624170f9', part: "header" }, h("mds-text", { key: '7316e7c2d5793513f582643b76974c266faedc10', typography: "detail" }, h("b", { key: 'baa6b6737d4cdd98c8405d3eb4421a1fb0b1b518' }, this.label)))), h("table", { key: 'f20e7627f4e4770b1e4bd475a945acc111e5ce8a' }, h("tbody", { key: '6f4d54def644b954a56e8a7ada75ca913f65a837' }, h("slot", { key: '2b96abcc2dc865bd55ec953d429f345d89904dc7' }))))));
     }
     static get is() { return "mds-price-table-features"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-price-table-features-cell/mds-price-table-features-cell.js

@@ -4,7 +4,7 @@ import miBaselineHorizontalRule from "@icon/mi/baseline/horizontal-rule.svg";
 /**
  * @part icon - Selects the HTML element of the icon when `type` attribute when is `supported` or `unsupported`.
  * @part text - Selects the HTML element wrapper of text when `type` attribute when is `text`.
- * @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 MdsPriceTableFeaturesCell {
     constructor() {
@@ -14,7 +14,7 @@ export class MdsPriceTableFeaturesCell {
         this.type = 'text';
     }
     render() {
-        return (h(Host, { key: '54e7d4ba98f366ca072ce0e4faf02a093db43369' }, this.type === 'supported' && (h("i", { key: '3131fd8fc3fae4b821fd643e84477ef78700d2e2', class: "icon icon--supported", innerHTML: miBaselineCheckCircle, part: "icon" })), this.type === 'unsupported' && (h("i", { key: '8080a37fd7dc031bc3e162480a76d88b5b1a32f6', class: "icon icon--unsupported", innerHTML: miBaselineHorizontalRule, part: "icon" })), this.type === 'text' && (h("mds-text", { key: '47ccf913caed4f3a3b8070e8c5d51699fa66b96b', part: "text", typography: "detail" }, h("slot", { key: '125c00d4287ce168a20d1cde74ad06bd61d19112' }))), this.type === 'custom' && h("slot", { key: '875b44b69e06f7d8a464b4d598b5a00680d78a3a' }), this.type === 'label' && h("slot", { key: 'f584c21d6d8af59d3a8a0be9b4f008478eefd279' })));
+        return (h(Host, { key: 'c2128e191ac5c1b87f07094c22ec8933b7a21874' }, this.type === 'supported' && (h("i", { key: 'af9fc4de6bdf3698ce80126b5166809920ec209c', class: "icon icon--supported", innerHTML: miBaselineCheckCircle, part: "icon" })), this.type === 'unsupported' && (h("i", { key: 'ca1fd3835fa926af3989f75e79354512d46ae37a', class: "icon icon--unsupported", innerHTML: miBaselineHorizontalRule, part: "icon" })), this.type === 'text' && (h("mds-text", { key: '6ad51db1f44912c8e175edf8530234d947bda5a5', part: "text", typography: "detail" }, h("slot", { key: '856ddd5a1d444fe3127379f2d7b2c2ce1a27c292' }))), this.type === 'custom' && h("slot", { key: '0a206aad7c9d1e7ba0e647db8ebb47a8eef396aa' }), this.type === 'label' && h("slot", { key: '17d326be1ffeb2fb4f0dc832e0233a8cf5fcd197' })));
     }
     static get is() { return "mds-price-table-features-cell"; }
     static get encapsulation() { return "shadow"; }
@@ -40,7 +40,8 @@ export class MdsPriceTableFeaturesCell {
                         "PriceTableFeaturesCellType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-price-table-features-cell/meta/types.ts::PriceTableFeaturesCellType"
+                            "id": "src/components/mds-price-table-features-cell/meta/types.ts::PriceTableFeaturesCellType",
+                            "referenceLocation": "PriceTableFeaturesCellType"
                         }
                     }
                 },

package/dist/collection/components/mds-price-table-features-row/mds-price-table-features-row.js

@@ -1,6 +1,6 @@
 import { Host, h } from "@stencil/core";
 /**
- * @slot default - Expects to slot `mds-price-table-features-cell` component
+ * @slot - Expects to slot `mds-price-table-features-cell` component
  */
 export class MdsPriceTableFeaturesRow {
     componentWillRender() {
@@ -11,7 +11,7 @@ export class MdsPriceTableFeaturesRow {
         });
     }
     render() {
-        return (h(Host, { key: '81ade11b3ab36047fe6ea3abd16b8766f1660b87' }, h("slot", { key: '570984b400f99165ee9f3f40ffd93ad19b437dd9' })));
+        return (h(Host, { key: '49b215263ed6aad599fcf7371fc88091febf16de' }, h("slot", { key: 'edbfb6111c9363ecf3510f29a3d2ce137e303472' })));
     }
     static get is() { return "mds-price-table-features-row"; }
     static get encapsulation() { return "shadow"; }