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

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"; }
@@ -156,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"; }

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"; }

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"; }
@@ -162,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"; }
@@ -185,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 }))));
     }
@@ -182,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": []
                 }
             }

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 }))));
     }
@@ -182,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 }))));
     }
@@ -205,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"; }
@@ -229,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"; }
@@ -131,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;
                 }
@@ -351,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"; }
@@ -275,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"; }
@@ -185,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": []
                 }
             }