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

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

@@ -38,7 +38,7 @@ export class MdsTabItem {
     }
     render() {
         var _a;
-        return (h(Host, { key: '8e3e4eaa9a5c331d461247f8ac91b1ba4fffbc11' }, h("mds-button", { key: 'f2afbe737326a6c01fd42727e1893c48dc2c5e0c', class: clsx('button', this.selected ? 'selected' : ''), await: this.await, disabled: (_a = this.disabled) !== null && _a !== void 0 ? _a : undefined, href: this.href, icon: this.icon, iconPosition: this.iconPosition, onKeyDown: this.focus, onClick: this.toggle, part: "button", role: "tab", label: this.label, size: this.size, type: this.type })));
+        return (h(Host, { key: 'a91b51214bfa7b7b77d6dba5332904ba94827ec2' }, h("mds-button", { key: 'cc6ae4285e0084f5f36b28928fd1b3aced17e106', class: clsx('button', this.selected ? 'selected' : ''), await: this.await, disabled: (_a = this.disabled) !== null && _a !== void 0 ? _a : undefined, href: this.href, icon: this.icon, iconPosition: this.iconPosition, onKeyDown: this.focus, onClick: this.toggle, part: "button", role: "tab", label: this.label, size: this.size, type: this.type })));
     }
     static get is() { return "mds-tab-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,8 +6,8 @@ import localeEn from "./meta/locale.en.json";
 import localeEs from "./meta/locale.es.json";
 import localeIt from "./meta/locale.it.json";
 /**
- * @slot default - Put `mds-table-header`, `mds-table-body`, `mds-table-footer` element/s.
- * @slot batch-actions - Put `mds-button` element/s.
+ * @slot - Put `mds-table-header`, `mds-table-body`, `mds-table-footer` element/s.
+ * @slot batch-action - Put `mds-button` element/s.
  * @part table-wrapper - Selects the element which wraps the table
  * @part table - Selects the table element
  * @part batch-actions - Selects the element which wraps the batch actions
@@ -33,7 +33,7 @@ export class MdsTable {
             var _a;
             const cells = this.rows[0].querySelectorAll('mds-table-cell');
             const cellSelection = (_a = this.rows[0].shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.selection-cell');
-            this.cellsWidth = cellSelection ? cellSelection.offsetWidth : 0;
+            this.cellsWidth = cellSelection != null ? cellSelection.offsetWidth : 0;
             cells.forEach((cell) => {
                 this.cellsWidth += cell.offsetWidth;
             });
@@ -130,7 +130,7 @@ export class MdsTable {
         this.tableBodyObserver.disconnect();
     }
     render() {
-        return (h(Host, { key: '26c4ebf8d8dac2b2e8505526cac64abe56f9635f' }, h("div", { key: 'efe2076b369e0898e38ea181b6fa403c4ad97bb1', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: '0951fff09d1ae80d5ed7080b602a64df3a181751', class: clsx('table', this.interactive && 'table--interactive'), role: "table", part: "table" }, h("slot", { key: '360f656f2380d7e211bd2e21f79a575ae76d1bc9', onSlotchange: this.updateSlottedElements }))), this.selectable && this.hasBatchActions && (h("div", { key: '3f0882dbcd34c89d9be13568b1b92fcc4ce76512', class: clsx('batch-actions-wrapper', this.selectedRows.length > 0 ? 'batch-actions-wrapper--has-selected-rows' : ''), part: "batch-actions-wrapper" }, h("div", { key: 'a7738eacba45b945a317573a0245534e69068342', class: "batch-actions", part: "batch-actions" }, h("div", { key: 'd0189b91bb6a3ccd185a52a5945fb20c880b51c0', class: "batch-actions-header" }, h("mds-text", { key: '6b6ba41fb6157e1285135342ce9fe15f6e118926', class: "batch-actions-label", typography: "label" }, this.t.get('batchActions')), h("mds-badge", { key: 'caaf5b9fea8cea12d045b59d8c45b0b4f74c3a5e', variant: "dark", tone: "outline", typography: "label" }, this.selectedRows.length)), h("slot", { key: 'b97911b24077a3197f7a2f5b12d88cf48a89afd0', name: "batch-action" }))))));
+        return (h(Host, { key: '7e29aed526c49ac9021de41ccaaf4e2479df7f2f' }, h("div", { key: 'dae1ff46dad9f3733c0d4e5b3922c0ceef60e397', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: '97c5ef324b98a0ff0d8be1ee1fe8e1ae2b42792c', class: clsx('table', this.interactive && 'table--interactive'), role: "table", part: "table" }, h("slot", { key: '6dbbeed8c36f9ecb347db140c1a8cdb7c792601a', onSlotchange: this.updateSlottedElements }))), this.selectable && this.hasBatchActions && (h("div", { key: 'fac215ed7d4ed631f6df92b212406298088fe906', class: clsx('batch-actions-wrapper', this.selectedRows.length > 0 ? 'batch-actions-wrapper--has-selected-rows' : ''), part: "batch-actions-wrapper" }, h("div", { key: '6c33bb5c57b4fd2ae6d15eda97d6b353cfb6ad67', class: "batch-actions", part: "batch-actions" }, h("div", { key: 'bc10432ff603a335021116fe16a1937288892c5b', class: "batch-actions-header" }, h("mds-text", { key: 'b804e56fc035ddb65da640124612b345bf76c300', class: "batch-actions-label", typography: "label" }, this.t.get('batchActions')), h("mds-badge", { key: '5f0322a4ef1252b237850c596f23c6453b984a8d', variant: "dark", tone: "outline", typography: "label" }, this.selectedRows.length)), h("slot", { key: '977eb1424d5d37b9a429369c43c97b45f8e5f249', name: "batch-action" }))))));
     }
     static get is() { return "mds-table"; }
     static get encapsulation() { return "shadow"; }
@@ -196,7 +196,7 @@ export class MdsTable {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Indicates whether row selection is currently active in the table."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/mds-table-body/mds-table-body.js

@@ -1,10 +1,10 @@
 import { Host, h } from "@stencil/core";
 /**
- * @slot default - Put `mds-table-row` element/s.
+ * @slot - Put `mds-table-row` element/s.
  */
 export class MdsTableBody {
     render() {
-        return (h(Host, { key: 'a764ed8fcb40bd58e0e343e10ecd7be004f7cd68', role: "rowgroup" }, h("slot", { key: '4976aeaf766ad113e8ee8f1f535f4e1fdf41764c' })));
+        return (h(Host, { key: 'a6a5b376b43a0be644ee648205b7e6abab0da626', role: "rowgroup" }, h("slot", { key: 'da15c2964399841bf18c82350d1fb258d5dfcd38' })));
     }
     static get is() { return "mds-table-body"; }
     static get encapsulation() { return "shadow"; }
@@ -32,7 +32,7 @@ export class MdsTableBody {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Specifies whether the rows react to user interaction (hover/focus)."
                 },
                 "getter": false,
                 "setter": false,
@@ -51,7 +51,7 @@ export class MdsTableBody {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Enables the selection column for the rows in this table body."
                 },
                 "getter": false,
                 "setter": false,

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

@@ -1,14 +1,14 @@
 import { Host, h } from "@stencil/core";
 import { setAttributeIfEmpty } from "../../common/aria";
 /**
- * @slot default - Add `text string`, `HTML elements` or `components` to this slot.
+ * @slot - Add `text string`, `HTML elements` or `components` to this slot.
  */
 export class MdsTableCell {
     componentWillLoad() {
         setAttributeIfEmpty(this.host, 'role', 'cell');
     }
     render() {
-        return (h(Host, { key: 'f129e0a47627697a61583d2aab152312162d7fd0' }, h("slot", { key: 'c944390e056de47f4376f829f3b9bfe885a5c3b2' })));
+        return (h(Host, { key: '23bf4e14f265a14bdd0ee6fc81ebb76b0b3077c1' }, h("slot", { key: '8d17336ccffc0ca1735fa1af852d93dd64e86973' })));
     }
     static get is() { return "mds-table-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-table-footer/mds-table-footer.js

@@ -1,10 +1,10 @@
 import { Host, h } from "@stencil/core";
 /**
- * @slot default - Add `mds-table-row` element/s.
+ * @slot - Add `mds-table-row` element/s.
  */
 export class MdsTableFooter {
     render() {
-        return (h(Host, { key: 'e2661b9dfe47fa427e9055e435d7ea59c7f6855f', role: "row" }, h("slot", { key: '365a39d3a739ca4ec2b374f6e2c25710cf41dc60' })));
+        return (h(Host, { key: '99c02de554402662fb728dd214d0928e4a554a80', role: "row" }, h("slot", { key: '8afc57c85ff9d5b44c3d0a580e4132ca3b6dab27' })));
     }
     static get is() { return "mds-table-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/mds-table-header/mds-table-header.js

@@ -5,7 +5,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 `mds-table-row` element/s.
+ * @slot - Add `mds-table-row` element/s.
  */
 export class MdsTableHeader {
     constructor() {
@@ -31,15 +31,23 @@ export class MdsTableHeader {
             this.table.selectAll(this.selectAll);
         };
     }
+    /**
+     * 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();
     }
+    /**
+     * Updates the header's select-all state from the number of selected rows.
+     * @param selectedItems the number of currently selected rows
+     * @param totalItems the total number of selectable rows
+     */
     async setSelection(selectedItems, totalItems) {
         var _a;
         this.indeterminate = selectedItems !== 0 && selectedItems !== totalItems;
         if (this.indeterminate) {
-            if (!this.checkboxEl) {
+            if (this.checkboxEl == null) {
                 this.checkboxEl = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.checkbox');
             }
         }
@@ -51,7 +59,7 @@ export class MdsTableHeader {
         this.hasActions = this.table.querySelector('mds-table-row > [slot="action"]') !== null;
     }
     render() {
-        return (h(Host, { key: '37b1dc996ea1131669eb20bcd7267113722eae2a', role: "row" }, this.selectable && (h("mds-table-cell", { key: 'a9e7504417cf9a44eacda2643fa5485132aeb937', class: "selection", role: "columnheader" }, h("div", { key: 'a0fb9d483af2ad7ed2aa07fbcb3dcb38a2bee64c', class: "checkbox-wrapper" }, h("mds-input-switch", { key: 'c81fc1232bf3b9b5e37a709095f7d9837933c7ba', class: "checkbox", title: this.t.get(this.selectAll ? 'selectNoneRows' : 'selectAllRows'), lang: this.language, type: "checkbox", onMdsInputSwitchChange: this.handleSelectAllChange, indeterminate: this.indeterminate })))), h("slot", { key: '8c02567f4261a7851a6ab624dd281de48366bbc0' }), this.hasActions && (h("mds-table-header-cell", { key: '95340371d6d6f7199633cde4b66eb2177437f63d', part: "actions", class: "actions", label: this.t.get('actions') }))));
+        return (h(Host, { key: '4c1907b2a9d7f3be74b77ea8c4897b39337062f7', role: "row" }, this.selectable && (h("mds-table-cell", { key: 'da97fe04013a2d0627e7d42d83383b1bdc5ad20a', class: "selection", role: "columnheader" }, h("div", { key: '25d63dba96cfa5d0b797644fe5ade059a27130ab', class: "checkbox-wrapper" }, h("mds-input-switch", { key: 'd048fc26d2d851383851907a10fdea46c028af8b', class: "checkbox", title: this.t.get(this.selectAll ? 'selectNoneRows' : 'selectAllRows'), lang: this.language, type: "checkbox", onMdsInputSwitchChange: this.handleSelectAllChange, indeterminate: this.indeterminate })))), h("slot", { key: '02ff4fdb5d9703d6300aac7cdb6ecf090f8db974' }), this.hasActions && (h("mds-table-header-cell", { key: '77b1de04053c57ead60a545d134f60d54de1da48', part: "actions", class: "actions", label: this.t.get('actions') }))));
     }
     static get is() { return "mds-table-header"; }
     static get encapsulation() { return "shadow"; }
@@ -79,7 +87,7 @@ export class MdsTableHeader {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Enables the select-all checkbox in the header."
                 },
                 "getter": false,
                 "setter": false,
@@ -112,7 +120,7 @@ export class MdsTableHeader {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Updates the component's texts to the locale currently set on the host element.",
                     "tags": []
                 }
             },
@@ -122,11 +130,11 @@ export class MdsTableHeader {
                     "parameters": [{
                             "name": "selectedItems",
                             "type": "number",
-                            "docs": ""
+                            "docs": "the number of currently selected rows"
                         }, {
                             "name": "totalItems",
                             "type": "number",
-                            "docs": ""
+                            "docs": "the total number of selectable rows"
                         }],
                     "references": {
                         "Promise": {
@@ -141,8 +149,14 @@ export class MdsTableHeader {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
-                    "tags": []
+                    "text": "Updates the header's select-all state from the number of selected rows.",
+                    "tags": [{
+                            "name": "param",
+                            "text": "selectedItems the number of currently selected rows"
+                        }, {
+                            "name": "param",
+                            "text": "totalItems the total number of selectable rows"
+                        }]
                 }
             }
         };

package/dist/collection/components/mds-table-header-cell/mds-table-header-cell.js

@@ -14,13 +14,19 @@ export class MdsTableHeaderCell {
         this.isAscending = true;
         this.currentDirection = Sort.NONE;
         this.index = 0;
+        /**
+         * Specifies the current sort direction of the column.
+         */
         this.direction = 'none';
         this.prepareSorter = () => {
-            var _a, _b;
-            if (!this.sortable || (this.sortable && ((_a = this.tableHeaderCellSiblings) === null || _a === void 0 ? void 0 : _a.length)))
+            var _a, _b, _c;
+            if (!this.sortable ||
+                (this.sortable &&
+                    ((_a = this.tableHeaderCellSiblings) === null || _a === void 0 ? void 0 : _a.length) !== undefined &&
+                    ((_b = this.tableHeaderCellSiblings) === null || _b === void 0 ? void 0 : _b.length) !== 0))
                 return;
-            this.tableBody = (_b = this.element
-                .closest('mds-table')) === null || _b === void 0 ? void 0 : _b.querySelector('mds-table-body');
+            this.tableBody = (_c = this.element
+                .closest('mds-table')) === null || _c === void 0 ? void 0 : _c.querySelector('mds-table-body');
             this.tableHeader = this.element.closest('mds-table-header');
             this.tableHeaderCellSiblings = Array.from(this.tableHeader.children);
             this.index = this.tableHeaderCellSiblings.indexOf(this.element);
@@ -28,10 +34,15 @@ export class MdsTableHeaderCell {
             this.tableRowsDefaultSorted = Array.from(this.tableBody.children);
         };
         this.getValue = (element) => {
-            if (element.value) {
+            if (element.value !== undefined &&
+                element.value !== '' &&
+                element.value !== 0 &&
+                !Number.isNaN(element.value)) {
                 return element.value;
             }
-            return element.textContent ? element.textContent.trim() : '';
+            return element.textContent !== null && element.textContent !== ''
+                ? element.textContent.trim()
+                : '';
         };
         this.resetSortAttribute = () => {
             this.tableHeaderCellSiblings.forEach((cell) => {
@@ -106,7 +117,7 @@ export class MdsTableHeaderCell {
         }
     }
     render() {
-        return (h(Host, { key: 'c2ebe9d24d76a9780528c6093dfad8f3b1481354', role: "columnheader", "aria-sort": this.direction }, this.sortable ? (h("mds-button", { class: "action", icon: clsx(this.direction === 'none' && miBaselineUnfoldMore, this.direction === 'ascending' && miBaselineKeyboardArrowUp, this.direction === 'descending' && miBaselineKeyboardArrowDown), "icon-position": "right", onClick: this.sort, tone: "text", variant: "dark", size: "sm", part: "action" }, this.label)) : (h("mds-text", { class: "label", typography: "label", part: "label" }, this.label))));
+        return (h(Host, { key: 'a9657b9d88db372312971caaf6bea2a7e6c58499', role: "columnheader", "aria-sort": this.direction }, this.sortable ? (h("mds-button", { class: "action", icon: clsx(this.direction === 'none' && miBaselineUnfoldMore, this.direction === 'ascending' && miBaselineKeyboardArrowUp, this.direction === 'descending' && miBaselineKeyboardArrowDown), "icon-position": "right", onClick: this.sort, tone: "text", variant: "dark", size: "sm", part: "action" }, this.label)) : (h("mds-text", { class: "label", typography: "label", part: "label" }, this.label))));
     }
     static get is() { return "mds-table-header-cell"; }
     static get encapsulation() { return "shadow"; }
@@ -179,7 +190,7 @@ export class MdsTableHeaderCell {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Specifies the current sort direction of the column."
                 },
                 "getter": false,
                 "setter": false,

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

@@ -6,7 +6,7 @@ import localeEs from "./meta/locale.es.json";
 import localeIt from "./meta/locale.it.json";
 import { isSafari } from "../../common/browser";
 /**
- * @slot default - Put `mds-table-cell` element/s.
+ * @slot - Put `mds-table-cell` element/s.
  * @slot action - Put `mds-button` element/s or other kind of actions as aside menu for the single row.
  */
 // TODO [bug, style]: on Safari actions menu is visually broken
@@ -19,6 +19,9 @@ export class MdsTableRow {
             es: localeEs,
             it: localeIt,
         });
+        /**
+         * Specifies whether the row can be selected via a checkbox.
+         */
         this.selectable = undefined;
         this.handleSelectionChange = (e) => {
             var _a;
@@ -26,6 +29,9 @@ export class MdsTableRow {
             (_a = this.host.closest('mds-table')) === null || _a === void 0 ? void 0 : _a.updateSelection();
         };
     }
+    /**
+     * 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();
@@ -50,13 +56,13 @@ export class MdsTableRow {
             this.observer.disconnect();
     }
     render() {
-        return (h(Host, { key: '647098c017c85b3b88975a7a98366afbc7140a07', role: "row" }, this.selectable && (h("mds-table-cell", { key: '42fd6b0fa4f38993b6f824c6fb4adabdee05b277', class: "selection-cell" }, h("div", { key: '4aa67fd4526d675c8486335ebea22a7c94b05f88', class: "checkbox-wrapper" }, h("mds-input-switch", { key: '885d7a270ff2c49b1f1d2a0cfc7beeb1e80ab67f', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange })))), h("slot", { key: 'e178eac73e1485a8009248cbcad6d50437c96a3e' }), this.hasActions && isSafari() && (h("mds-table-cell", { key: 'dd49057349406107e8e9bf5c552c900c78d3a2f4', class: "actions-cell actions-cell--disable" }, h("div", { key: '8ea991e4c62686c5d2e488c59abbc72cf20d47e1', class: "actions" }, h("slot", { key: 'e4c312f1022dfb2ca120edd5749f795472c1af5f', name: "action" })))), this.hasActions && !isSafari() && (h("mds-table-cell", { key: '16152eed7d5eb29175ed7db0a046802f2357adad', class: "actions-cell" }, h("div", { key: '8e632cad0c708d6a857db3134a6c979be9893ced', class: "actions-sizer", style: {
+        return (h(Host, { key: '58724450caa507036a51436eee917bf1985b6cf8', role: "row" }, this.selectable && (h("mds-table-cell", { key: '6d139569b397b4ed5255d060078a885807dbf67d', class: "selection-cell" }, h("div", { key: '95608e906cf0d53b0750f13669b6882c5f015887', class: "checkbox-wrapper" }, h("mds-input-switch", { key: 'aed24d0ced8de37f9f2ccc1afd6b5b2732db995f', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange })))), h("slot", { key: 'd83c65bd0ed36ad733c1be6ac75ff75d1e500150' }), this.hasActions && isSafari() && (h("mds-table-cell", { key: 'b22a8f6812a3acd05cb527a0c730c10629ea5fc6', class: "actions-cell actions-cell--disable" }, h("div", { key: 'f5f725888c3f9d16307ac7986a354a304a383aaa', class: "actions" }, h("slot", { key: 'b0b040e230bb68f4260c9bf79a83026cf776ce5d', name: "action" })))), this.hasActions && !isSafari() && (h("mds-table-cell", { key: '10e5c24237e19f349b1c957bd1bd6e5463f6cfd3', class: "actions-cell" }, h("div", { key: 'e7c2577896533236dc3c5c3eaa78629bc310a45f', class: "actions-sizer", style: {
                 minHeight: '1px',
                 maxWidth: this.sizerWidth,
                 minWidth: this.sizerWidth,
-            } }), h("div", { key: 'b29ad0849a425b0ca8f5257b27efd0f248edb3fa', class: "actions-view" }, h("div", { key: '0fe5795c3d1cac06487fc7a7df06369815ba2b44', class: "actions", ref: (el) => (this.actions = el), style: {
+            } }), h("div", { key: 'eca88ae1d742b799979dc783734dc93b1ac2b680', class: "actions-view" }, h("div", { key: '3feeb73ec5018219549a2271954c8140137b5aad', class: "actions", ref: (el) => (this.actions = el), style: {
                 marginRight: `calc(${this.sizerWidth} + var(--mds-table-cell-padding))`,
-            } }, h("slot", { key: '02b63534de3cfcfaca02794ec6043218e887d503', name: "action" })))))));
+            } }, h("slot", { key: '2ef5950a7a389d6ce1c79b182e4eec5e0bc43e71', name: "action" })))))));
     }
     static get is() { return "mds-table-row"; }
     static get encapsulation() { return "shadow"; }
@@ -84,7 +90,7 @@ export class MdsTableRow {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Specifies whether the row reacts to user interaction (hover/focus)."
                 },
                 "getter": false,
                 "setter": false,
@@ -103,7 +109,7 @@ export class MdsTableRow {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Specifies whether the row's actions are shown as an overlay."
                 },
                 "getter": false,
                 "setter": false,
@@ -122,7 +128,7 @@ export class MdsTableRow {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Specifies whether the row can be selected via a checkbox."
                 },
                 "getter": false,
                 "setter": false,
@@ -142,7 +148,7 @@ export class MdsTableRow {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Specifies whether the row is currently selected."
                 },
                 "getter": false,
                 "setter": false,
@@ -161,7 +167,7 @@ export class MdsTableRow {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "The value associated with the row, emitted when the row is selected."
                 },
                 "getter": false,
                 "setter": false,
@@ -191,7 +197,7 @@ export class MdsTableRow {
                     "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-text/mds-text.js

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 import { typographyDefaultsVariant } from "./meta/variants";
 import RandomText from "../../common/yugop/index";
 /**
- * @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 MdsText {
     constructor() {
@@ -60,15 +60,15 @@ export class MdsText {
         if (this.animation === 'none') {
             return;
         }
-        if (this.randomText) {
+        if (this.randomText != null) {
             this.randomText.stop();
         }
-        if (newValue) {
+        if (newValue !== undefined && newValue !== '') {
             this.animateText(newValue);
         }
     }
     render() {
-        return (h(Host, { key: 'a17218098b9bd86f05c2dd6940fababb6e4394f5' }, h(this.tag, { key: 'b0ca477f6dee2adf72652e9327dab5f715419080', class: "text" }, !this.text ? h("slot", null) : this.text)));
+        return (h(Host, { key: 'b6ca00bf5570b74f3d21ef1fac4066cae4c6e555' }, h(this.tag, { key: 'c7fb89120d1fba7a558e6ee13a4c627e2e024a34', class: "text" }, this.text === undefined || this.text === '' ? h("slot", null) : this.text)));
     }
     static get is() { return "mds-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,7 +2,7 @@ import { cssDurationToMilliseconds } from "../../common/unit";
 import { Host, h } from "@stencil/core";
 import clsx from "clsx";
 /**
- * @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.
  * @slot icon - Insert an icon image, it can be `HTML elements` or `components`, it is **recommended** to add `mds-icon` element.
  * @slot action - Add `HTML elements` or `components`, it is **recommended** to use `mds-button` element.
  */
@@ -28,7 +28,7 @@ export class MdsToast {
         this.reloadTimeListeners = (visible) => {
             if (typeof window === 'undefined')
                 return;
-            if (!this.duration) {
+            if (this.duration === undefined || this.duration === 0 || Number.isNaN(this.duration)) {
                 return;
             }
             if (!visible) {
@@ -62,7 +62,7 @@ export class MdsToast {
     componentWillLoad() {
         this.hasText = this.hostElement.innerHTML !== '';
         this.actions = this.hostElement.querySelector(':scope > [slot="action"]') !== null;
-        if (!this.duration) {
+        if (this.duration === undefined || this.duration === 0 || Number.isNaN(this.duration)) {
             return;
         }
         if (this.visible) {
@@ -79,7 +79,7 @@ export class MdsToast {
         this.reloadTimeListeners(!!this.visible);
     }
     render() {
-        return (h(Host, { key: '07bd21eb409fba3bd390a18915b71142ab101f05' }, h("div", { key: '2d24435a16e9e0fc22104f7cc55c3a410a5031af', class: clsx('dialog', this.position && `to-${this.position}`, this.visible && 'dialog--visible') }, h("slot", { key: '113929b405b215eabbdfc79171555fd58ddce51f', name: "icon" }), this.hasText && (h("mds-text", { key: 'c3b763b5a0ea335cbf3451332140bcc12a58c9a8', typography: "caption" }, h("slot", { key: 'd86fe90e7aa7f945cf00addc6c7b82dcd32c438c' }))), this.actions && (h("div", { key: '42212943d1d4e563e459fdd9868ae116fe39fdb3', class: "actions" }, h("slot", { key: 'cf302f49b30627afb5d1c6b1278393292de718ba', name: "action" }))))));
+        return (h(Host, { key: 'f862380888df39c981d61fb122c4812c63c5509f' }, h("div", { key: '8e06caaed76364c1c62cea33f1a05b617dd0b0a4', class: clsx('dialog', this.position && `to-${this.position}`, this.visible && 'dialog--visible') }, h("slot", { key: '2fb9869a252c87b601209a03928add41fccbc976', name: "icon" }), this.hasText && (h("mds-text", { key: '04c0b0e46ae6b486f68b2c8e0c3e6aed59fd7804', typography: "caption" }, h("slot", { key: 'cc1911a261d3040f6dd69b1980d24432f895f7d8' }))), this.actions && (h("div", { key: 'd4c1cebeecbbdfcf68fe41d2a9497c97c4354cc0', class: "actions" }, h("slot", { key: 'db67e0a9556c15885a5857c74286f18a361baa4e', name: "action" }))))));
     }
     static get is() { return "mds-toast"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 import arrowSvg from "./assets/arrow.svg";
 import { FloatingController } from "../../common/floating-controller";
 /**
- * @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 MdsTooltip {
     constructor() {
@@ -88,7 +88,7 @@ export class MdsTooltip {
     }
     targetChanged() {
         var _a;
-        if (!this.target)
+        if (this.target === '')
             return;
         this.caller = (_a = this.floatingController) === null || _a === void 0 ? void 0 : _a.updateCaller(this.target);
         this.caller.addEventListener('mouseleave', this.handleVisibility.bind(this, false));
@@ -104,7 +104,7 @@ export class MdsTooltip {
         this.floatingController.dismiss();
     }
     render() {
-        return (h(Host, { key: 'd59dca4e9f7d244b236258da080e4692aa9b1aaf' }, h("div", { key: '645586e89d4431aa550e4029c1c4a0cd12482616', class: "arrow", innerHTML: arrowSvg }), h("mds-text", { key: '04afba74c1539e2065b366699d3ba0cd60cd2442', class: "text", typography: this.typography, part: "text" }, h("slot", { key: '14fdf2a3e7eb1758920b48e2a9bc3ecba7727617' }))));
+        return (h(Host, { key: '3e87a5065fb0785a6c108b47b0508a20b2fcf3d0' }, h("div", { key: '224497f15c7616211c3d7a5eede797bb31f1f022', class: "arrow", innerHTML: arrowSvg }), h("mds-text", { key: '711e915a632bfcacb16dc1a598d6d817520de363', class: "text", typography: this.typography, part: "text" }, h("slot", { key: 'efad82b8107bf54e566a9c631b536219ba264462' }))));
     }
     static get is() { return "mds-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,6 +1,6 @@
 import { Host, h } from "@stencil/core";
 /**
- * @slot default - Add `mds-tree-item` element/s.
+ * @slot - Add `mds-tree-item` element/s.
  */
 export class MdsTree {
     constructor() {
@@ -66,14 +66,14 @@ export class MdsTree {
         this.updateChildrenTruncate(this.truncate);
         this.updateChildrenToggle(this.toggle);
         const firstLevelElements = this.host.querySelectorAll(':scope > mds-tree-item');
-        if (firstLevelElements) {
+        if (firstLevelElements != null) {
             firstLevelElements.forEach((element) => {
                 element.depth = 0;
             });
         }
     }
     render() {
-        return (h(Host, { key: 'ebef68448b4b4f0d2f1a560477649cbfa344ebd1' }, h("slot", { key: '470af7ca82cce1cacc7acb173f3f480f10cd1d0c', onSlotchange: this.updateElements })));
+        return (h(Host, { key: '8eea9807bbf709cb9c13900003312a3364b2b0ad' }, h("slot", { key: 'f2ad520332f4d634ddcdf9a5c035d1145635d856', onSlotchange: this.updateElements })));
     }
     static get is() { return "mds-tree"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ import { Host, h, } from "@stencil/core";
 import { Locale } from "../../common/locale";
 import { cssDurationToMilliseconds } from "../../common/unit";
 /**
- * @slot default - Add `mds-tree-item` element/s.
+ * @slot - Add `mds-tree-item` element/s.
  * @slot action - Add `mds-button`, `mds-icon` or other types component and HTML element/s.
  * @part actions-container - Selects the wrapper of the container of the actions.
  * @part actions-list - Selects the container of the actions.
@@ -61,6 +61,9 @@ export class MdsTreeItem {
             this.cssToggleChildrenDuration = elementStyles.getPropertyValue('--mds-dropdown-backdrop-duration');
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -77,6 +80,9 @@ export class MdsTreeItem {
             this.collapsedEvent.emit({ element: this.host });
         }, cssDurationToMilliseconds(this.cssToggleChildrenDuration));
     }
+    /**
+     * Expands the tree item, revealing its children.
+     */
     async expand() {
         this.expanded = true;
         this.await = false;
@@ -98,7 +104,7 @@ export class MdsTreeItem {
         this.childrenElement.removeEventListener('transitionend', this.checkChildrenTransitionEnd);
     }
     render() {
-        return (h(Host, { key: '4d9742bb5056fe5ec887cf205e59be84af6f7479' }, h("div", { key: '3b2849f13a57e4bb4ba5420717328454321ccc47', class: clsx('header', this.hasChildren && 'header--has-children') }, h("div", { key: '73f952b5cf6651cbdcd8a751b6b3f39dd575be53', class: "tree-node" }, h("div", { key: '67251d0dab30cf34ed3d45b28d7c86b3e994cc13', class: "tree-branch" }), h("div", { key: 'c4b5caf369bf18603ef6a6ce6d23131c1852acbd', class: "tree-dot" })), h("div", { key: '2105697b07dde1e064b78f3f1cb594adffe03ea4', class: clsx('toggle-icon', `toggle-icon--${this.toggle}`) }, h("mds-button", { key: 'a0bae2969bbb2ed2bd7922c7896e33ee54546017', await: this.await, onClick: this.onClick.bind(this), icon: !this.await ? this.currentToggleIcon : undefined, title: this.t.get(this.expanded ? 'collapse' : 'expand', { label: this.label }), variant: "dark", tone: "text", size: "sm" })), h("div", { key: 'af2ff287dc1a92a7f8b6bd88a608f9f43e63e074', class: "title" }, h("mds-button", { key: '3af511793f88b4464bea2d5345f7ff21183c0cc0', class: clsx('label-action', this.await && 'label-action--await'), disabled: this.await, icon: this.icon, onClick: this.onClick.bind(this), variant: "dark", tone: "text", truncate: this.truncate }, this.label), h("div", { key: 'ee94c987325d1ee8f5f1eb93a563ebd1db83447b', class: clsx('actions-container', this.hasActions && 'actions-container--has-actions'), part: "actions-container" }, h("div", { key: 'f32d4e90f0dc0cd903790497e560263586ddf266', class: "actions", part: "actions-list" }, h("slot", { key: 'b10a1d5e85ad00ebd0fb1a4abcafd95b8a3d70e4', name: "action" }))))), h("div", { key: '403e6fa954e7f9d5683ed8106a127b47a39fa607', class: clsx('children', this.hasChildren && 'children--has-children', this.expanded && 'children--expanded') }, h("slot", { key: '00011292864c1aeeba6bdf216659d03974bcf1e4' }))));
+        return (h(Host, { key: '1968b16ce09355cfd0846a76ca845541a1d4e10b' }, h("div", { key: 'f337a00b3dd1b2c7d4ea524efa2c62ac620e31aa', class: clsx('header', this.hasChildren && 'header--has-children') }, h("div", { key: '7c3929085de3ec9c2b4183f65fc7234cb5ecefe6', class: "tree-node" }, h("div", { key: '8c9e692bbd1c38dcb425b8f8cd519dbd67b5548f', class: "tree-branch" }), h("div", { key: '88893e48863cf9ad8042cc83bcedd8f6eade0cbf', class: "tree-dot" })), h("div", { key: '2ebab75cddfc0963310c514151dd379c550c6921', class: clsx('toggle-icon', `toggle-icon--${this.toggle}`) }, h("mds-button", { key: '56aaa210e2541d1c57b443ca5675accb315847c4', await: this.await, onClick: this.onClick, icon: !this.await ? this.currentToggleIcon : undefined, title: this.t.get(this.expanded ? 'collapse' : 'expand', { label: this.label }), variant: "dark", tone: "text", size: "sm" })), h("div", { key: '8e028b67775e9b925179efa649de9381cb69c040', class: "title" }, h("mds-button", { key: '2d74fbe69bae7efab8e8abcde95618b7fee8846f', class: clsx('label-action', this.await && 'label-action--await'), disabled: this.await, icon: this.icon, onClick: this.onClick, variant: "dark", tone: "text", truncate: this.truncate }, this.label), h("div", { key: '08f7872ed1464643a2c5d7a22752effe4b6dcf47', class: clsx('actions-container', this.hasActions && 'actions-container--has-actions'), part: "actions-container" }, h("div", { key: '3411e6321ac1fe58b03896b447dd7d48d7ca11b6', class: "actions", part: "actions-list" }, h("slot", { key: 'fe8f7cceba502abf3becfa8b2434d0bd1ea52bff', name: "action" }))))), h("div", { key: '74192610dccb1db384c083e0ddc61a980b9878c5', class: clsx('children', this.hasChildren && 'children--has-children', this.expanded && 'children--expanded') }, h("slot", { key: '098eb659d7e49634b756779911d9390ab5f109f0' }))));
     }
     static get is() { return "mds-tree-item"; }
     static get encapsulation() { return "shadow"; }
@@ -171,7 +177,7 @@ export class MdsTreeItem {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Specifies the tree branch depth. Internal: used by CSS to remove branch lines on first-level elements."
                 },
                 "getter": false,
                 "setter": false,
@@ -361,7 +367,7 @@ export class MdsTreeItem {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Updates the component's texts to the locale currently set on the host element.",
                     "tags": []
                 }
             },
@@ -378,7 +384,7 @@ export class MdsTreeItem {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Expands the tree item, revealing its children.",
                     "tags": []
                 }
             }

package/dist/collection/components/mds-url-view/mds-url-view.js

@@ -30,10 +30,10 @@ export class MdsUrlView {
             this.closeEvent.emit();
             (_a = this.host.closest('mds-modal')) === null || _a === void 0 ? void 0 : _a.close();
         };
-        this.disconnectedCallback = () => {
-            this.km.detachClickBehavior();
-        };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -46,9 +46,12 @@ export class MdsUrlView {
         this.km.addElement(close);
         this.km.attachClickBehavior();
     }
+    disconnectedCallback() {
+        this.km.detachClickBehavior();
+    }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'db3646514778edd26539244016b06b39f6c0ab7f', "aria-label": this.t.get('previewURL', { url: this.urlDomain(this.src) }) }, h("div", { key: 'f747eb49ed04e2f0992091ecc927e5315806d2d7', class: "window" }, h("div", { key: '965b87ea11809a8e47f3a90a05520635a81753ab', class: "header" }, h("mds-icon", { key: '29e0996b81341d5d19dad1930b918a45b3e98dc0', class: "window-icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miBaselineExplore }), h("mds-text", { key: '554c30e335f9b982036f9de2adef429d78a6e4ba', class: "title", typography: "caption" }, (_b = this.label) !== null && _b !== void 0 ? _b : this.urlDomain(this.src)), h("mds-button", { key: 'ce209ba666d12b97734211f1f8431b168e72d2c6', title: this.t.get('close'), class: "action-close", variant: "dark", tone: "text", icon: miBaselineClose, onClick: this.closeUrlView })), h("iframe", { key: '29cd963366d5407e922f79c9a5afc83183b93715', class: "iframe", "aria-label": this.t.get('iframeURL', { url: this.urlDomain(this.src) }), src: this.src, loading: this.loading }))));
+        return (h(Host, { key: '7cdaedfa3a5f6852a33e04c376df2a46dd5f28a4', "aria-label": this.t.get('previewURL', { url: this.urlDomain(this.src) }) }, h("div", { key: '2d63ebc6278c37d8a3e6911b6a4606a7f33f6c2e', class: "window" }, h("div", { key: '3ea3657d096bfe1d921eb7853492c4d6ffe36924', class: "header" }, h("mds-icon", { key: 'd8a653fd83cc24550f43a8399c52b244757f02f3', class: "window-icon", name: (_a = this.icon) !== null && _a !== void 0 ? _a : miBaselineExplore }), h("mds-text", { key: 'a39bbe9a04eeeb401aaae6ea2f843cfb2643f969', class: "title", typography: "caption" }, (_b = this.label) !== null && _b !== void 0 ? _b : this.urlDomain(this.src)), h("mds-button", { key: '8f86fd7f760d6b5f70ade98e413010945f30e7e0', title: this.t.get('close'), class: "action-close", variant: "dark", tone: "text", icon: miBaselineClose, onClick: this.closeUrlView })), h("iframe", { key: '92ef7219b3d9e5f6b5250714fc5ed31ed871a0a3', class: "iframe", "aria-label": this.t.get('iframeURL', { url: this.urlDomain(this.src) }), src: this.src, loading: this.loading }))));
     }
     static get is() { return "mds-url-view"; }
     static get encapsulation() { return "shadow"; }
@@ -188,7 +191,7 @@ export class MdsUrlView {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "Updates the component's texts to the locale currently set on the host element.",
                     "tags": []
                 }
             }