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

package/dist/collection/components/mds-stepper-bar/mds-stepper-bar.js

@@ -1,6 +1,6 @@
 import { Host, h, } from "@stencil/core";
 /**
- * @slot default - Add `mds-tepper-bar-item` element/s.
+ * @slot - Add `mds-tepper-bar-item` element/s.
  * @slot content - Add `HTML elements` or `components`, one per mds-stepper-bar-item added
  * @part items - Selects the `items` container element wrapped in shadowDOM.
  * @part contents - Selects the `contents` container element wrapped in shadowDOM.
@@ -29,7 +29,7 @@ export class MdsStepperBar {
                 item.done = false;
                 if (key < this.currentItem) {
                     item.done = true;
-                    if (item.value) {
+                    if (item.value !== undefined && item.value !== '') {
                         values.push(item.value);
                     }
                 }
@@ -99,7 +99,7 @@ export class MdsStepperBar {
         });
     }
     render() {
-        return (h(Host, { key: 'a0b7e159765a3130fcc67b2e3a1146b0c43907ff' }, h("div", { key: '25d1984f704bc071cda8010ab382384d28b86273', class: "items", part: "items" }, h("slot", { key: 'f32c13a94bbce2e93f28ef23b2dfcaeec17269d1' })), h("div", { key: '7dc90454240058f41ce07f98bb53e4376346b582', class: "contents", part: "contents" }, h("slot", { key: '25185f4817e18132b066c01d9d98353e1f62b19e', name: "content" }))));
+        return (h(Host, { key: '07b3ac18136f0bc4e6b7424238705c951a37e0bf' }, h("div", { key: '7d2e747d084bc581966e88c55ad19a8b27086030', class: "items", part: "items" }, h("slot", { key: '7934e741a279fdf3635c9ef56a92c96441f21081' })), h("div", { key: '3d3c6e31fa33b046604845886bfd94093e51bba8', class: "contents", part: "contents" }, h("slot", { key: '9af87d63470bf64e882477dc4f8d0e25159a708d', name: "content" }))));
     }
     static get is() { return "mds-stepper-bar"; }
     static get encapsulation() { return "shadow"; }
@@ -145,7 +145,8 @@ export class MdsStepperBar {
                         "StepperBarNavigationType": {
                             "location": "import",
                             "path": "./meta/meta",
-                            "id": "src/components/mds-stepper-bar/meta/meta.ts::StepperBarNavigationType"
+                            "id": "src/components/mds-stepper-bar/meta/meta.ts::StepperBarNavigationType",
+                            "referenceLocation": "StepperBarNavigationType"
                         }
                     }
                 },
@@ -186,7 +187,8 @@ export class MdsStepperBar {
                         "MdsStepperBarEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-stepper-bar/meta/event-detail.ts::MdsStepperBarEventDetail"
+                            "id": "src/components/mds-stepper-bar/meta/event-detail.ts::MdsStepperBarEventDetail",
+                            "referenceLocation": "MdsStepperBarEventDetail"
                         }
                     }
                 }

package/dist/collection/components/mds-stepper-bar-item/mds-stepper-bar-item.js

@@ -44,6 +44,9 @@ export class MdsStepperBarItem {
             return (h("mds-badge", { class: "badge", variant: "dark", tone: "weak", typography: "option" }, this.t.get('badgeQueued')));
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
     }
@@ -71,7 +74,7 @@ export class MdsStepperBarItem {
         this.isCurrent = newValue;
     }
     render() {
-        return (h(Host, { key: '117ff77114f72fb2e58659a53a594b133092edc2' }, h("div", { key: 'bdfcff07ea6e0c849643b1c36d8d0a3004d90a0f', class: "header" }, h("mds-icon", { key: '15a20b0bb4bd3ec80e04890fafe28f657aa50c62', class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), h("mds-progress", { key: '3da9d9cd257d82f7628f5f2845524854fd6a43e2', "aria-hidden": "true", class: "progress", progress: this.isDone ? 1 : 0 })), h("div", { key: '21ceca94f0545a0110558483668f289122fb2dcf', class: "infos" }, this.step && (h("mds-text", { key: 'd7609567247c9cf43acf3a52b8ee0c3e1697fbc5', class: "step", typography: "option" }, this.t.get('step', { index: this.index + 1 }))), this.label && (h("mds-text", { key: '3fc26167d085031d5ff9c7241c80046d28a1843d', class: "text", typography: this.typography }, this.label)), this.badge && h("div", { key: '1ff407f2b05a19f13d3cdf7abc508853e9fb951c', part: "badge" }, this.showBadge()))));
+        return (h(Host, { key: '153ad28fc7602065f33667e8eee0674ed6c03199' }, h("div", { key: 'eb763ce9856102511798408c6d060154e2ac6ea5', class: "header" }, h("mds-icon", { key: '1be42e5b2c360eba80ab2a17b350081a18b47539', class: "icon", name: clsx(this.isDone && !this.isCurrent ? this.iconChecked : this.icon) }), h("mds-progress", { key: 'ffc6dd8c3d9e643d6baf1b05847dad5f18425607', "aria-hidden": "true", class: "progress", progress: this.isDone ? 1 : 0 })), h("div", { key: '2ada9d24154c880007dfc39c626ada7605260e00', class: "infos" }, this.step && (h("mds-text", { key: '841db62d45c451aae46b1bd27fe459d9ab35ca00', class: "step", typography: "option" }, this.t.get('step', { index: this.index + 1 }))), this.label && (h("mds-text", { key: 'c11ce137d906cf357e478e53a83cc3b802b2d15d', class: "text", typography: this.typography }, this.label)), this.badge && h("div", { key: 'bc067a6ad5462ddcc7d9b8cdfda458e5e7fff73a', part: "badge" }, this.showBadge()))));
     }
     static get is() { return "mds-stepper-bar-item"; }
     static get encapsulation() { return "shadow"; }
@@ -252,7 +255,8 @@ export class MdsStepperBarItem {
                         "TypographyType": {
                             "location": "import",
                             "path": "@type/typography",
-                            "id": "src/type/typography.ts::TypographyType"
+                            "id": "src/type/typography.ts::TypographyType",
+                            "referenceLocation": "TypographyType"
                         }
                     }
                 },
@@ -296,7 +300,8 @@ export class MdsStepperBarItem {
                         "MdsStepperBarItemEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-stepper-bar-item/meta/event-detail.ts::MdsStepperBarItemEventDetail"
+                            "id": "src/components/mds-stepper-bar-item/meta/event-detail.ts::MdsStepperBarItemEventDetail",
+                            "referenceLocation": "MdsStepperBarItemEventDetail"
                         }
                     }
                 }
@@ -317,7 +322,7 @@ export class MdsStepperBarItem {
                     "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-tab/mds-tab.js

@@ -7,7 +7,7 @@ import { cssDurationToMilliseconds } from "../../common/unit";
  * @part slider - Selects the slider element which is visible when attribute `animation` is set to `slide`.
  * @part tabs - Selects the container of `mds-tab-item` list elements.
  * @slot content - Add `HTML elements` or `components`, one per mds-tab-item added.
- * @slot default - Add `mds-tab-item` element/s.
+ * @slot - Add `mds-tab-item` element/s.
  */
 export class MdsTab {
     constructor() {
@@ -44,7 +44,7 @@ export class MdsTab {
                 item.size = this.size;
             });
             this.tabItems.forEach((item, key) => {
-                if (!item.id) {
+                if (item.id === '') {
                     setAttributeIfEmpty(item, 'id', hashRandomValue('mds-tab-item'));
                 }
                 if (item.selected) {
@@ -75,7 +75,7 @@ export class MdsTab {
             this.updateOverflowState();
         };
         this.updateOverflowState = () => {
-            if (!this.tabs || !this.tabsContainer)
+            if (this.tabs == null || this.tabsContainer == null)
                 return;
             const containerWidth = this.tabsContainer.offsetWidth;
             const tabsWidth = this.tabs.scrollWidth;
@@ -206,12 +206,12 @@ export class MdsTab {
         });
     }
     render() {
-        return (h(Host, { key: 'cce3940ff16568da1dfe05f92703e4728bccb046' }, h("div", { key: '36e2dac7142dc4656ffc7e8c0428a3cebf922eeb', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && (h("div", { key: '12f6f6cbbdd3de8aacddb74cd9dd853e4d6b8b3d', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') })), this.overflow && (h("div", { key: '5fbac5f5d688d73c5691a5620876a3d3393ff3ce', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') })), h("div", { key: 'b20ce9bd0f6706d5f8ba7c89cdc1fe7656c59c81', class: "tabs", part: "tabs", role: "tablist" }, h("slot", { key: '6e1266f9ba7bb07121ea46e4b6703b11b6dc1dab' }), this.animation === 'slide' && (h("div", { key: 'b314111ac0a86da0fbe6105d2b152007df9102c8', class: "slider", part: "slider", style: {
+        return (h(Host, { key: '80d8b12242b72f94479bdf196c8bc7135a305a8c' }, h("div", { key: '307d15fe46c0a82d4a3f9806aecc0592e04f9cfb', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && (h("div", { key: 'b593c0214f0e9c11a0d8831093e08c4a96b4e6e9', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') })), this.overflow && (h("div", { key: '384ef0a5d39785aee8dc42e093fe4c50b8270dc7', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') })), h("div", { key: '90f41f2d5ac1fc3e286ac262ae1502c5f9ebb33e', class: "tabs", part: "tabs", role: "tablist" }, h("slot", { key: '4b9183053872aa01d857a3fe3a1009d50125d0b1' }), this.animation === 'slide' && (h("div", { key: 'fdc734f877ef9a41da18e694a7bf68bdb2bf0db5', class: "slider", part: "slider", style: {
                 '--mds-tab-slider-width': `${this.sliderWidth}px`,
                 '--mds-tab-slider-height': `${this.sliderHeight}px`,
                 '--mds-tab-slider-offset-x': `${this.sliderOffsetX}px`,
                 '--mds-tab-slider-offset-y': `${this.sliderOffsetY}px`,
-            } })))), h("div", { key: 'e3cc9d9abc57bd7ddcf6ee17043100d816100531', class: "contents", part: "contents" }, h("slot", { key: '4ecc3ff8d6687f293092d5420d0d4858da344d43', name: "content", onSlotchange: this.updateContentItems }))));
+            } })))), h("div", { key: 'c64737e1a93159defa4b48b56b166f508d40cf84', class: "contents", part: "contents" }, h("slot", { key: '2c795ecacb613662ddd79108d8c0028bc1135fd0', name: "content", onSlotchange: this.updateContentItems }))));
     }
     static get is() { return "mds-tab"; }
     static get encapsulation() { return "shadow"; }
@@ -237,7 +237,8 @@ export class MdsTab {
                         "DirectionType": {
                             "location": "import",
                             "path": "./meta/type",
-                            "id": "src/components/mds-tab/meta/type.ts::DirectionType"
+                            "id": "src/components/mds-tab/meta/type.ts::DirectionType",
+                            "referenceLocation": "DirectionType"
                         }
                     }
                 },
@@ -282,7 +283,8 @@ export class MdsTab {
                         "HorizontalActionsAnimationType": {
                             "location": "import",
                             "path": "@type/animation",
-                            "id": "src/type/animation.ts::HorizontalActionsAnimationType"
+                            "id": "src/type/animation.ts::HorizontalActionsAnimationType",
+                            "referenceLocation": "HorizontalActionsAnimationType"
                         }
                     }
                 },
@@ -346,7 +348,8 @@ export class MdsTab {
                         "TabSizeType": {
                             "location": "import",
                             "path": "@type/button",
-                            "id": "src/type/button.ts::TabSizeType"
+                            "id": "src/type/button.ts::TabSizeType",
+                            "referenceLocation": "TabSizeType"
                         }
                     }
                 },
@@ -391,7 +394,8 @@ export class MdsTab {
                         "MdsTabEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-tab/meta/event-detail.ts::MdsTabEventDetail"
+                            "id": "src/components/mds-tab/meta/event-detail.ts::MdsTabEventDetail",
+                            "referenceLocation": "MdsTabEventDetail"
                         }
                     }
                 }

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

@@ -1,6 +1,6 @@
 import { Host, h } from "@stencil/core";
 /**
- * @slot default - Add `mds-tab-bar-item` element/s.
+ * @slot - Add `mds-tab-bar-item` element/s.
  */
 export class MdsTabBar {
     constructor() {
@@ -20,7 +20,7 @@ export class MdsTabBar {
         });
     }
     render() {
-        return (h(Host, { key: '65e92345e90f0b287bcb89e42803730b914bb6c1' }, h("slot", { key: 'c5eb2105f89f7957a0fb0aa5752d40d90d4396b3' })));
+        return (h(Host, { key: '84740f9df076cec8856a6cbe740bfc3f1611cbb8' }, h("slot", { key: '0ce78860c913e57192918839130e566b349b7804' })));
     }
     static get is() { return "mds-tab-bar"; }
     static get encapsulation() { return "shadow"; }
@@ -52,7 +52,8 @@ export class MdsTabBar {
                         "MdsTabBarEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-tab-bar/meta/event-detail.ts::MdsTabBarEventDetail"
+                            "id": "src/components/mds-tab-bar/meta/event-detail.ts::MdsTabBarEventDetail",
+                            "referenceLocation": "MdsTabBarEventDetail"
                         }
                     }
                 }

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

@@ -1,10 +1,13 @@
 import { Host, h, } from "@stencil/core";
 import { readSlottedLabel, sanitizeLabel } from "../../common/slot";
 /**
- * @slot default - **Deprecated**, use the `label` property instead. Add `text string` to this slot, **avoid** to add `HTML elements` or `components` here.
+ * @slot - **Deprecated**, use the `label` property instead. Add `text string` to this slot, **avoid** to add `HTML elements` or `components` here.
  */
 export class MdsTabBarItem {
     constructor() {
+        /**
+         * The icon displayed in the tab bar item.
+         */
         this.icon = '';
         /**
          * Specifies the typography of the element
@@ -18,7 +21,7 @@ export class MdsTabBarItem {
         };
         this.onSlotChangeHandler = () => {
             /* this should be removed in the future once slotted text is no longer used, use the label property instead */
-            if (this.label)
+            if (this.label !== undefined && this.label !== '')
                 return;
             this.label = readSlottedLabel(this.element);
         };
@@ -33,7 +36,7 @@ export class MdsTabBarItem {
         this.label = sanitizeLabel(newValue);
     }
     render() {
-        return (h(Host, { key: 'cfdd8682bdab7117d3853abff77c31f871314a20', onClick: this.select }, h("mds-icon", { key: '4dd1b08193a0c6c1238104c1484523b7cc074a8a', name: this.icon }), h("mds-text", { key: 'd8bb748fbc4941fd5b65101997a1a21b1b7a1ed4', typography: this.typography }, this.label || h("slot", { key: '7e4fead88e847406b6e22ac534fcd67862fbe613', onSlotchange: this.onSlotChangeHandler }))));
+        return (h(Host, { key: 'f3c37cdf12cd99a5e9c2ffa3ef04af68548c4c3c', onClick: this.select }, h("mds-icon", { key: 'f79a29591079ab87d9afcc6e5bcf3acf8db4c66c', name: this.icon }), h("mds-text", { key: '5399aa307b7c9e097232b903e3482b2f2d8eebc4', typography: this.typography }, this.label || h("slot", { key: 'ebd5d848468f5f0fd895c93b5c67f7954636234a', onSlotchange: this.onSlotChangeHandler }))));
     }
     static get is() { return "mds-tab-bar-item"; }
     static get encapsulation() { return "shadow"; }
@@ -61,7 +64,7 @@ export class MdsTabBarItem {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "The icon displayed in the tab bar item."
                 },
                 "getter": false,
                 "setter": false,
@@ -117,7 +120,8 @@ export class MdsTabBarItem {
                         "TypographySmallerType": {
                             "location": "import",
                             "path": "@type/typography",
-                            "id": "src/type/typography.ts::TypographySmallerType"
+                            "id": "src/type/typography.ts::TypographySmallerType",
+                            "referenceLocation": "TypographySmallerType"
                         }
                     }
                 },

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"; }
@@ -159,7 +159,8 @@ export class MdsTabItem {
                         "ButtonIconPositionType": {
                             "location": "import",
                             "path": "@type/button",
-                            "id": "src/type/button.ts::ButtonIconPositionType"
+                            "id": "src/type/button.ts::ButtonIconPositionType",
+                            "referenceLocation": "ButtonIconPositionType"
                         }
                     }
                 },
@@ -185,7 +186,8 @@ export class MdsTabItem {
                         "ButtonType": {
                             "location": "import",
                             "path": "@type/button",
-                            "id": "src/type/button.ts::ButtonType"
+                            "id": "src/type/button.ts::ButtonType",
+                            "referenceLocation": "ButtonType"
                         }
                     }
                 },
@@ -211,7 +213,8 @@ export class MdsTabItem {
                         "ButtonSizeType": {
                             "location": "import",
                             "path": "@type/button",
-                            "id": "src/type/button.ts::ButtonSizeType"
+                            "id": "src/type/button.ts::ButtonSizeType",
+                            "referenceLocation": "ButtonSizeType"
                         }
                     }
                 },
@@ -291,7 +294,8 @@ export class MdsTabItem {
                         "MdsTabItemEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-tab-item/meta/event-detail.ts::MdsTabItemEventDetail"
+                            "id": "src/components/mds-tab-item/meta/event-detail.ts::MdsTabItemEventDetail",
+                            "referenceLocation": "MdsTabItemEventDetail"
                         }
                     }
                 }
@@ -312,7 +316,8 @@ export class MdsTabItem {
                         "MdsTabItemEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-tab-item/meta/event-detail.ts::MdsTabItemEventDetail"
+                            "id": "src/components/mds-tab-item/meta/event-detail.ts::MdsTabItemEventDetail",
+                            "referenceLocation": "MdsTabItemEventDetail"
                         }
                     }
                 }

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,
@@ -229,7 +229,8 @@ export class MdsTable {
                         "MdsTableSelectionEventDetail": {
                             "location": "import",
                             "path": "./meta/event-detail",
-                            "id": "src/components/mds-table/meta/event-detail.ts::MdsTableSelectionEventDetail"
+                            "id": "src/components/mds-table/meta/event-detail.ts::MdsTableSelectionEventDetail",
+                            "referenceLocation": "MdsTableSelectionEventDetail"
                         }
                     }
                 }
@@ -253,7 +254,8 @@ export class MdsTable {
                         "MdsTableRowSelection": {
                             "location": "import",
                             "path": "./meta/type",
-                            "id": "src/components/mds-table/meta/type.ts::MdsTableRowSelection"
+                            "id": "src/components/mds-table/meta/type.ts::MdsTableRowSelection",
+                            "referenceLocation": "MdsTableRowSelection"
                         }
                     },
                     "return": "Promise<void>"

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"; }
@@ -170,7 +181,8 @@ export class MdsTableHeaderCell {
                         "SortDirectionType": {
                             "location": "import",
                             "path": "./meta/types",
-                            "id": "src/components/mds-table-header-cell/meta/types.ts::SortDirectionType"
+                            "id": "src/components/mds-table-header-cell/meta/types.ts::SortDirectionType",
+                            "referenceLocation": "SortDirectionType"
                         }
                     }
                 },
@@ -178,7 +190,7 @@ export class MdsTableHeaderCell {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "Specifies the current sort direction of the column."
                 },
                 "getter": false,
                 "setter": false,