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

package/dist/esm/mds-modal.entry.js

@@ -68,16 +68,16 @@ const MdsModal = class {
             clearTimeout(this.animationDelayTimeout);
         };
         this.disableOverflow = () => {
-            if (document) {
-                if (document.body.style.overflow) {
+            if (typeof document !== 'undefined') {
+                if (document.body.style.overflow !== '') {
                     this.bodyOverflow = document.body.style.overflow;
                 }
                 document.body.style.overflow = 'hidden';
             }
         };
         this.enableOverflow = () => {
-            if (document) {
-                if (this.bodyOverflow) {
+            if (typeof document !== 'undefined') {
+                if (this.bodyOverflow !== '') {
                     document.body.style.overflow = this.bodyOverflow;
                 }
                 else {
@@ -154,20 +154,20 @@ const MdsModal = class {
         this.windowElement = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.window');
         this.windowHeaderElement = (_b = this.host.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.window-header');
         this.windowFooterElement = (_c = this.host.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.window-footer');
-        if (this.windowHeaderElement) {
+        if (this.windowHeaderElement != null) {
             this.windowHeaderHeight = this.windowHeaderElement.offsetHeight;
         }
-        if (this.windowFooterElement) {
+        if (this.windowFooterElement != null) {
             this.windowFooterHeight = this.windowFooterElement.offsetHeight;
         }
-        if (this.windowElement) {
+        if (this.windowElement != null) {
             this.addMobileEvents();
         }
         this.updateCSSCustomProps();
     }
     disconnectedCallback() {
         this.enableOverflow();
-        if (this.windowElement) {
+        if (this.windowElement != null) {
             this.windowElement.removeEventListener('touchstart', this.setTouchStart);
             this.windowElement.removeEventListener('touchend', this.setTouchEnd);
         }
@@ -193,16 +193,19 @@ const MdsModal = class {
             this.backdrop = undefined;
         }
     }
+    /**
+     * Closes the modal.
+     */
     async close() {
         this.opened = undefined;
     }
     render() {
-        return (h(Host, { key: 'ecade8e38b83c0576b5e073cf2ec243ba7eeb30f', "aria-modal": clsx(this.opened ? 'true' : 'false'), onMouseDown: (e) => {
+        return (h(Host, { key: '9f4be0a30b1d3cae73348bf48a30dc180f0ac82f', "aria-modal": clsx(this.opened ? 'true' : 'false'), onMouseDown: (e) => {
                 this.closeModal(e);
             } }, this.window ? (h("slot", { name: "window" })) : (h("div", { class: "window", part: "window" }, h("div", { class: clsx('window-header', this.top ? '' : 'window-content--empty') }, h("slot", { name: "top" })), h("div", { class: "window-content-wrapper" }, h("div", { class: "window-content", style: {
                 paddingTop: `${this.windowHeaderHeight}px`,
                 paddingBottom: `${this.windowFooterHeight}px`,
-            } }, h("slot", null))), h("div", { class: clsx('window-footer', this.bottom ? '' : 'window-content--empty') }, h("slot", { name: "bottom" })))), !this.window && (h("mds-button", { key: '6181aec117b9b237f9749926644c7bf591367e20', class: "action-close", icon: miBaselineClose, variant: "light", tone: "text", size: "xl", onClick: (e) => {
+            } }, h("slot", null))), h("div", { class: clsx('window-footer', this.bottom ? '' : 'window-content--empty') }, h("slot", { name: "bottom" })))), !this.window && (h("mds-button", { key: '37ff9d4c6556052e4c53c69d3b14d4f4f57eba5c', class: "action-close", icon: miBaselineClose, variant: "light", tone: "text", size: "xl", onClick: (e) => {
                 this.closeModal(e, true);
             }, part: "action-close" }))));
     }

package/dist/esm/mds-note.entry.js

@@ -48,6 +48,9 @@ const MdsNote = class {
             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);
     }
@@ -70,7 +73,7 @@ const MdsNote = class {
         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" })));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/mds-notification.entry.js

@@ -36,7 +36,7 @@ const MdsNotification = class {
             });
         };
         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()}`;
                 }
@@ -45,12 +45,12 @@ const MdsNotification = class {
         };
     }
     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;
     }
@@ -58,7 +58,7 @@ const MdsNotification = class {
         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);
@@ -74,7 +74,7 @@ const MdsNotification = class {
     }
     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) : '')));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/mds-paginator-item.entry.js

@@ -7,9 +7,6 @@ const MdsPaginatorItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.km = new KeyboardManager();
-        this.disconnectedCallback = () => {
-            this.km.detachClickBehavior();
-        };
     }
     componentDidLoad() {
         this.km.addElement(this.host);
@@ -22,8 +19,11 @@ const MdsPaginatorItem = class {
         }
         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))))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/mds-paginator.entry.js

@@ -66,7 +66,7 @@ const MdsPaginator = class {
         }, 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) })));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/mds-policy-ai.entry.js

@@ -120,6 +120,9 @@ const MdsPolicyAi = class {
          */
         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();
@@ -129,7 +132,7 @@ const MdsPolicyAi = class {
     }
     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')))))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/mds-pref-animation.entry.js

@@ -82,7 +82,7 @@ const MdsPrefAnimation = class {
             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)) {
@@ -94,6 +94,9 @@ const MdsPrefAnimation = class {
             }
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
@@ -107,11 +110,11 @@ const MdsPrefAnimation = class {
     }
     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 }))));
     }

package/dist/esm/mds-pref-consumption.entry.js

@@ -96,7 +96,7 @@ const MdsPrefContrast = class {
             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)) {
@@ -108,6 +108,9 @@ const MdsPrefContrast = class {
             }
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
@@ -121,11 +124,11 @@ const MdsPrefContrast = class {
     }
     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 }))));
     }

package/dist/esm/mds-pref-contrast.entry.js

@@ -88,7 +88,7 @@ const MdsPrefContrast = class {
             },
         };
         this.rollbackContrast = () => {
-            if (!window) {
+            if (typeof window === 'undefined') {
                 return this.defaultMode;
             }
             for (const key in this.prefersDefaults) {
@@ -105,7 +105,7 @@ const MdsPrefContrast = class {
             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)) {
@@ -117,6 +117,9 @@ const MdsPrefContrast = class {
             }
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
@@ -132,11 +135,11 @@ const MdsPrefContrast = class {
     }
     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 }))));
     }

package/dist/esm/mds-pref-language-item.entry.js

@@ -238,6 +238,9 @@ const MdsPrefLanguageItem = class {
             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);
     }
@@ -248,7 +251,7 @@ const MdsPrefLanguageItem = class {
         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')))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/mds-pref-language.entry.js

@@ -926,12 +926,15 @@ const MdsPrefLanguage = class {
                     : 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);
     }
@@ -948,7 +951,7 @@ const MdsPrefLanguage = class {
     }
     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')))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/mds-pref-theme-variant-item.entry.js

@@ -39,17 +39,20 @@ const MdsPrefThemeVariantItem = class {
             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))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/mds-pref-theme-variant.entry.js

@@ -100,7 +100,7 @@ const MdsPrefThemeVariant = class {
             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) {
@@ -108,7 +108,7 @@ const MdsPrefThemeVariant = class {
                         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
@@ -121,6 +121,9 @@ const MdsPrefThemeVariant = class {
             }
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
@@ -135,7 +138,7 @@ const MdsPrefThemeVariant = class {
         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')))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/mds-pref-theme.entry.js

@@ -111,7 +111,7 @@ const MdsPrefTheme = class {
             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)) {
@@ -126,7 +126,7 @@ const MdsPrefTheme = class {
             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';
                 }
@@ -138,7 +138,7 @@ const MdsPrefTheme = class {
             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';
@@ -205,6 +205,9 @@ const MdsPrefTheme = class {
             }
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
@@ -228,7 +231,7 @@ const MdsPrefTheme = class {
         this.setTheme(newValue);
     }
     detachOverlayTransition() {
-        if (!this.overlayEl) {
+        if (this.overlayEl == null) {
             return;
         }
         this.overlayEl.style.backgroundColor = this.overlayBackgroundHidden;
@@ -239,19 +242,19 @@ const MdsPrefTheme = class {
     }
     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;
                 }

package/dist/esm/mds-pref.entry.js

@@ -67,6 +67,9 @@ const MdsPref = class {
             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);
     }
@@ -87,7 +90,7 @@ const MdsPref = class {
     }
     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) {
@@ -96,13 +99,13 @@ const MdsPref = class {
     }
     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'))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/mds-price-table-features-cell.entry.js

@@ -13,7 +13,7 @@ const MdsPriceTableFeaturesCell = class {
         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' })));
     }
 };
 MdsPriceTableFeaturesCell.style = mdsPriceTableFeaturesCellCss();

package/dist/esm/mds-price-table-features-row.entry.js

@@ -14,7 +14,7 @@ const MdsPriceTableFeaturesRow = class {
         });
     }
     render() {
-        return (h(Host, { key: '81ade11b3ab36047fe6ea3abd16b8766f1660b87' }, h("slot", { key: '570984b400f99165ee9f3f40ffd93ad19b437dd9' })));
+        return (h(Host, { key: '49b215263ed6aad599fcf7371fc88091febf16de' }, h("slot", { key: 'edbfb6111c9363ecf3510f29a3d2ce137e303472' })));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/mds-price-table-features.entry.js

@@ -7,7 +7,7 @@ const MdsPriceTableFeatures = class {
         registerInstance(this, hostRef);
     }
     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' }))))));
     }
 };
 MdsPriceTableFeatures.style = mdsPriceTableFeaturesCss();

package/dist/esm/mds-price-table-header.entry.js

@@ -7,7 +7,7 @@ const MdsPriceTableHeader = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '42fabeb365252635792adb6b5f28ba16f6ebe9e3' }, h("slot", { key: '1f2726a1e4df0605cb2e5d635f37193834408d47' })));
+        return (h(Host, { key: 'b882376c905d6e22fddcc441877d7b2ffd2eda12' }, h("slot", { key: 'cc100d18a2026ea3223fefb6207969e8e2ac46ab' })));
     }
 };
 MdsPriceTableHeader.style = mdsPriceTableHeaderCss();

package/dist/esm/mds-price-table-list-item.entry.js

@@ -17,7 +17,7 @@ const MdsPriceTableListItem = class {
         this.typography = 'detail';
     }
     render() {
-        return (h(Host, { key: '90b909850952b68e79aecf6222ca9eb2e0d32a3f', slot: "item" }, h("mds-text", { key: '16c8618310b452ac9f478036605655139eec1513', class: "icon-container", typography: this.typography }, this.supported ? (h("i", { class: "icon", innerHTML: miBaselineCheckCircle, part: "icon" })) : (h("i", { class: "icon", innerHTML: miBaselineHorizontalRule, part: "icon" }))), h("mds-text", { key: '5cc3f23b819caebb5b5c25401da75dbc9b023659', class: "text", typography: this.typography }, h("slot", { key: 'd824314eb2e3e056b2924a159ffa85152ebbf9e4' }))));
+        return (h(Host, { key: '10cdc06ed8d528e21a4d5c9d40752e61e5a670a0', slot: "item" }, h("mds-text", { key: '93487f55363206856aa655044df9b4190b486a77', class: "icon-container", typography: this.typography }, this.supported ? (h("i", { class: "icon", innerHTML: miBaselineCheckCircle, part: "icon" })) : (h("i", { class: "icon", innerHTML: miBaselineHorizontalRule, part: "icon" }))), h("mds-text", { key: '8e91a53122918c3629d7d2db466f66e8f0a2d838', class: "text", typography: this.typography }, h("slot", { key: '9d6d6071ca509914c1b6f467b6cda11d4eb51fec' }))));
     }
 };
 MdsPriceTableListItem.style = mdsPriceTableListItemCss();