@scania/tegel 1.40.0-stencil-core-4.38.1-beta.0 → 1.40.0-ts-strict-mode-beta.0

package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js

@@ -16,19 +16,12 @@ const relevantTableProps = [
  */
 export class TdsTableBodyRowExpandable {
     constructor() {
-        /** In case that automatic count of columns does not work, user can manually set this one.
-         *  Take in mind that expandable control is column too */
         this.colSpan = null;
-        /** ID for the table row. Randomly generated if not specified. */
         this.rowId = generateUniqueId();
-        /** Controls the overflow behavior of the expandable row content */
+        this.expanded = undefined;
         this.overflow = 'auto';
-        /** Sets isExpanded state to true or false internally */
-        /** Enables auto-collapse of other expandable rows when one row is expanded */
         this.autoCollapse = false;
-        /** Aria label for the expand button, providing an accessible description */
         this.tdsAriaLabelExpandButton = '';
-        /** Sets isExpanded state to true or fals internally */
         this.isExpanded = false;
         this.tableId = '';
         this.columnsNumber = null;
@@ -79,24 +72,30 @@ export class TdsTableBodyRowExpandable {
         this.tdsChange.emit({ rowId: this.rowId, isExpanded: this.isExpanded, tableId: this.tableId });
     }
     connectedCallback() {
+        var _a;
         /* if user did set a prop we use that as default behaviour */
         if (this.expanded !== undefined) {
             this.isExpanded = this.expanded;
         }
         this.tableEl = this.host.closest('tds-table');
-        this.tableId = this.tableEl.tableId;
+        this.tableId = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.tableId;
     }
     componentWillLoad() {
         relevantTableProps.forEach((tablePropName) => {
-            this[tablePropName] = this.tableEl[tablePropName];
+            var _a;
+            this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
         });
     }
     componentWillRender() {
+        var _a;
         if (this.colSpan !== null) {
             this.columnsNumber = this.colSpan;
         }
         else {
-            this.columnsNumber = this.tableEl.querySelector('tds-table-header').childElementCount + 1;
+            const header = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.querySelector('tds-table-header');
+            if (header) {
+                this.columnsNumber = header.childElementCount + 1;
+            }
         }
     }
     sendValue() {
@@ -108,26 +107,27 @@ export class TdsTableBodyRowExpandable {
         this.sendValue();
     }
     render() {
-        return (h(Host, { key: '3d289d00082c284257728cec4f0ddcfc63dda863', class: {
+        var _a;
+        return (h(Host, { key: 'd818a7b62472e7e6811b2aa6c22332e18d567d6d', class: {
                 'tds-table__row': true,
                 'tds-table__row-expand--active': this.isExpanded,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
-            } }, h("tr", { key: '246ee336a3ab871346e1fcf81f02109121dc9657', id: `expandable-content-${this.rowId}`, class: {
+            } }, h("tr", { key: '0efc401cb4cd6687aa732200990b685acb84000b', id: `expandable-content-${this.rowId}`, class: {
                 'tds-table__row': true,
                 'tds-table__row--expanded': this.isExpanded,
-            }, part: "row" }, h("td", { key: 'b727b78965a4bdf0b6cf8ff7e8460d3dfae8327e', class: {
+            }, part: "row" }, h("td", { key: 'fae9736c8db81cfa7e7df618ebd03953b58c9178', class: {
                 'tds-table__cell-expand': true,
-            } }, h("label", { key: 'c878be3429a3145b62b242f2e3d9c90ec0a74257', class: "tds-table__expand-control-container" }, h("input", { key: '6b99ef165e359012f83f7e298d9f83319493fc52', class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded, "aria-expanded": this.isExpanded ? 'true' : 'false', "aria-controls": `expandable-content-${this.rowId}`, "aria-label": this.tdsAriaLabelExpandButton }), h("span", { key: 'ec9e1aefc553362c0c3e15cb99118a9c2dfffd04', class: "tds-expendable-row-icon" }, h("svg", { key: '84b3270e5f1bfc7671adcea34d862fe0485f40a8', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: 'fc04209a4a2d35c19c7c74875c0ab302077abbf2', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z", fill: "currentColor" }))))), h("slot", { key: '0c16341da217fbe920241a97b179335cb61e2364' })), h("tr", { key: 'a83ca5c30ec4945dfee096a408db4d1d240d3643', class: {
+            } }, h("label", { key: '325036919c99275a30386ec075fc2eb828702c8f', class: "tds-table__expand-control-container" }, h("input", { key: '43e62f1d60a19801a526931ec4a9f0c5f7e98e6b', class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded, "aria-expanded": this.isExpanded ? 'true' : 'false', "aria-controls": `expandable-content-${this.rowId}`, "aria-label": this.tdsAriaLabelExpandButton }), h("span", { key: '0bea7d5d977ab0b2517ec5595a2b8640c6ce591b', class: "tds-expendable-row-icon" }, h("svg", { key: 'e7b63e3a6eb1d418f43259b25b84205abaa75bd7', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: 'ff0e7f089fd0c1c2cfc5cc4339cdaab4e7f9e275', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z", fill: "currentColor" }))))), h("slot", { key: '9bfd6e772f1a56cbcb5ada2fe9dd59c40e975faf' })), h("tr", { key: 'b3f61ca1d940ad529a44f283b81b43aefacc394d', class: {
                 'tds-table__row-expand': true,
                 'tds-table__row-expand--expanded': this.isExpanded,
-            }, part: "expand-row" }, h("td", { key: '2fcafe17b33ce39b5e1a3b149434006a70f6b8f3', class: {
+            }, part: "expand-row" }, h("td", { key: '6635855ce743fa01d531119d90d3491ee416751b', class: {
                 'tds-table__cell-expand': true,
                 'tds-table__cell-expand--overflow-hidden': this.overflow === 'hidden',
                 'tds-table__cell-expand--overflow-visible': this.overflow === 'visible',
-            }, part: "expand-row-cell", colSpan: this.columnsNumber }, h("div", { key: 'b696b23d127e32a8017692b03de1ce8ee9497dcb', style: {
+            }, part: "expand-row-cell", colSpan: (_a = this.columnsNumber) !== null && _a !== void 0 ? _a : undefined }, h("div", { key: '0b99435f7c84aa90155ab7229921bef06e90373b', style: {
                 overflow: this.overflow,
-            } }, h("slot", { key: 'e64e00778fd7c85618ae4cbc19d232e2acb873b5', name: "expand-row" }))))));
+            } }, h("slot", { key: 'd8e730bcfabe84c4a370b111defa1aa1584f4b96', name: "expand-row" }))))));
     }
     static get is() { return "tds-table-body-row-expandable"; }
     static get encapsulation() { return "shadow"; }
@@ -147,8 +147,8 @@ export class TdsTableBodyRowExpandable {
                 "type": "number",
                 "mutable": false,
                 "complexType": {
-                    "original": "number",
-                    "resolved": "number",
+                    "original": "number | null",
+                    "resolved": "null | number",
                     "references": {}
                 },
                 "required": false,
@@ -157,10 +157,8 @@ export class TdsTableBodyRowExpandable {
                     "tags": [],
                     "text": "In case that automatic count of columns does not work, user can manually set this one.\nTake in mind that expandable control is column too"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "col-span",
+                "reflect": false,
                 "defaultValue": "null"
             },
             "rowId": {
@@ -177,10 +175,8 @@ export class TdsTableBodyRowExpandable {
                     "tags": [],
                     "text": "ID for the table row. Randomly generated if not specified."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "row-id",
+                "reflect": true,
                 "defaultValue": "generateUniqueId()"
             },
             "expanded": {
@@ -197,10 +193,8 @@ export class TdsTableBodyRowExpandable {
                     "tags": [],
                     "text": "Sets isExpanded state to true or false externally"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "expanded"
+                "attribute": "expanded",
+                "reflect": true
             },
             "overflow": {
                 "type": "string",
@@ -216,10 +210,8 @@ export class TdsTableBodyRowExpandable {
                     "tags": [],
                     "text": "Controls the overflow behavior of the expandable row content"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "overflow",
+                "reflect": true,
                 "defaultValue": "'auto'"
             },
             "autoCollapse": {
@@ -236,10 +228,8 @@ export class TdsTableBodyRowExpandable {
                     "tags": [],
                     "text": "Enables auto-collapse of other expandable rows when one row is expanded"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "auto-collapse",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "tdsAriaLabelExpandButton": {
@@ -256,10 +246,8 @@ export class TdsTableBodyRowExpandable {
                     "tags": [],
                     "text": "Aria label for the expand button, providing an accessible description"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "tds-aria-label-expand-button",
+                "reflect": true,
                 "defaultValue": "''"
             }
         };
@@ -290,8 +278,8 @@ export class TdsTableBodyRowExpandable {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "any",
-                    "resolved": "any",
+                    "original": "object",
+                    "resolved": "object",
                     "references": {}
                 }
             }, {
@@ -305,8 +293,8 @@ export class TdsTableBodyRowExpandable {
                     "text": "Sends unique table row identifier and isExpanded status when it is expanded/collapsed."
                 },
                 "complexType": {
-                    "original": "{\n    rowId: string;\n    isExpanded: boolean;\n    tableId: string;\n  }",
-                    "resolved": "{ rowId: string; isExpanded: boolean; tableId: string; }",
+                    "original": "{\n    rowId: string;\n    isExpanded: boolean;\n    tableId: string | undefined;\n  }",
+                    "resolved": "{ rowId: string; isExpanded: boolean; tableId: string | undefined; }",
                     "references": {}
                 }
             }];

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

@@ -8,25 +8,6 @@ function removeShakeAnimation(e) {
 }
 export class TdsTableFooter {
     constructor() {
-        /** Enable pagination and show pagination controls  */
-        this.pagination = false;
-        /** Sets the pagination number. */
-        this.paginationValue = 1;
-        /** Enable rows per page dropdown */
-        this.rowsperpage = true;
-        /** Set available rows per page values */
-        this.rowsPerPageValues = [10, 25, 50];
-        /** Sets the number of pages. */
-        this.pages = null;
-        /** <b>Client override</b> Used to set the column span of the footer. Use as fallback if the automatic count of columns fails. */
-        this.cols = null;
-        /** State that memorize number of columns to display colSpan correctly - set from parent level */
-        this.columnsNumber = 0;
-        /* Sets the footer to use compact design. */
-        this.compactDesign = false;
-        this.tableId = '';
-        this.horizontalScrollWidth = null;
-        this.rowsPerPageValue = this.rowsPerPageValues[0];
         this.emitTdsPagination = () => {
             if (this.rowsperpage) {
                 this.tdsPagination.emit({
@@ -54,7 +35,7 @@ export class TdsTableFooter {
         this.nextPage = () => {
             /** If pages and greater or equal to the number of pages, increase pagination value.
              * This is to not get above the number of pages in pagination value.  */
-            if (this.paginationValue <= this.pages) {
+            if (this.pages && this.paginationValue <= this.pages) {
                 this.paginationValue++;
             }
             this.emitTdsPagination();
@@ -70,6 +51,18 @@ export class TdsTableFooter {
             this.emitTdsPagination();
             this.storeLastCorrectValue(this.paginationValue);
         };
+        this.pagination = false;
+        this.paginationValue = 1;
+        this.rowsperpage = true;
+        this.rowsPerPageValues = [10, 25, 50];
+        this.pages = 0;
+        this.cols = null;
+        this.columnsNumber = 0;
+        this.compactDesign = false;
+        this.lastCorrectValue = undefined;
+        this.tableId = '';
+        this.horizontalScrollWidth = null;
+        this.rowsPerPageValue = this.rowsPerPageValues[0];
     }
     internalTdsPropChangeListener(event) {
         if (this.tableId === event.detail.tableId) {
@@ -84,16 +77,19 @@ export class TdsTableFooter {
         }
     }
     connectedCallback() {
+        var _a;
         this.tableEl = this.host.closest('tds-table');
-        this.tableId = this.tableEl.tableId;
+        this.tableId = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.tableId;
     }
     componentWillLoad() {
+        var _a, _b, _c;
         relevantTableProps.forEach((tablePropName) => {
-            this[tablePropName] = this.tableEl[tablePropName];
+            var _a;
+            this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
         });
         this.storeLastCorrectValue(this.paginationValue);
         /** Get the number of columns. */
-        const numberOfColumns = this.host.parentElement.querySelector('tds-table-header').childElementCount;
+        const numberOfColumns = (_c = (_b = (_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector('tds-table-header')) === null || _b === void 0 ? void 0 : _b.childElementCount) !== null && _c !== void 0 ? _c : 0;
         if (this.cols) {
             this.columnsNumber = this.cols;
         }
@@ -134,12 +130,16 @@ export class TdsTableFooter {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'd064beda251b663ad3afccebc98fb4718e3f1d09', class: {
+        return (h(Host, { key: 'ccd4af0d18ff3abac93113618be574eaf4dfeccf', class: {
                 'tds-table--compact': this.compactDesign,
                 'footer__horizontal-scroll': !!this.horizontalScrollWidth,
-            }, style: this.getStyles() }, h("tr", { key: '02d6c97e498e44ad70c86fd08cc665a8b89e2a07', class: "tds-table__footer-row" }, h("td", { key: 'e9d64ea0f3be240867d886973a40c557fe9899da', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (h("div", { key: '4a8f3f921a4e103a1a14e368a4702cd8f6ceb18b', class: "tds-table__pagination" }, h("div", { key: 'c536fb9916071677bf20f033ebb184d469aa0774', class: "tds-table__row-selector" }, this.rowsperpage && ((_a = this.rowsPerPageValues) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { key: '5a935d6c92a574e1ea0a081e955916526ec9da45', class: "rows-per-page" }, h("p", { key: 'ae9f908bc6803a814236a56e5801857a1989df54' }, "Rows per page"), h("tds-dropdown", { key: '1bcac2201accc7d613250c8f38b77ddc04bfb463', modeVariant: "secondary", id: "rows-dropdown", class: "page-dropdown", size: "xs", defaultValue: `${this.rowsPerPageValues[0]}`, onTdsChange: (event) => this.rowsPerPageChange(event) }, this.rowsPerPageValues.map((value) => {
+            }, style: this.getStyles() }, h("tr", { key: '83352ad6041939ce7c7faecf0a3357254bf70d20', class: "tds-table__footer-row" }, h("td", { key: '1c3448a74dedf1523c37598a9cdec1c119d32e29', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (h("div", { key: '49e152077961293d0d61a7ec2f7e6dfe4441812e', class: "tds-table__pagination" }, h("div", { key: '9d1bb01cbb816deaa6cf1f93c9c851f137dca9cf', class: "tds-table__row-selector" }, this.rowsperpage && ((_a = this.rowsPerPageValues) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { key: '5f8609d37e29b4303bd21146113bfc7133a29df8', class: "rows-per-page" }, h("p", { key: '90d62b23f416cfb6544b50a21b83dc0e6de030be' }, "Rows per page"), h("tds-dropdown", { key: '653df3963055fddacad426f82d204f91a98749f4', modeVariant: "secondary", id: "rows-dropdown", class: "page-dropdown", size: "xs", defaultValue: `${this.rowsPerPageValues[0]}`, onTdsChange: (event) => this.rowsPerPageChange(event) }, this.rowsPerPageValues.map((value) => {
             return (h("tds-dropdown-option", { value: `${value}` }, value));
-        }))))), h("div", { key: '08f90bbe4dd64812b95de4be540c65afea1a5d7c', class: "tds-table__page-selector" }, h("input", { key: '4e780ad0a24f39df03edc044d110b6278589a61a', ref: (element) => (this.inputElement = element), class: "tds-table__page-selector-input", type: "number", min: "1", max: this.pages, value: this.paginationValue, pattern: "[0-9]+", dir: "ltr", onChange: (event) => this.paginationInputChange(event), onAnimationEnd: removeShakeAnimation }), h("p", { key: '538690df3c6bef86bf14fe8b7c967b89257e5cb7', class: "tds-table__footer-text" }, "of ", h("span", { key: 'ec38ac0b07103bea8aec7ba3e7e88d73c2a756cb' }, this.pages), " pages"), h("button", { key: 'f196e4b87144a6e66a6a3d0451ca0d4ba32bd1af', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.firstPage() }, h("tds-icon", { key: '80041ff46837e3ba072b740cf79d1cf9bbf21b63', name: "skip_backwards", size: "20px" })), h("button", { key: 'c51d570daeb97dbe2cae4e344eb51b97d88bb10a', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, h("tds-icon", { key: 'bc02c69dc75f412fac63d952458d0ea06530593c', name: "chevron_left", size: "20px" })), h("button", { key: 'df29a47121d892642b24533a0e132d1f2d13d545', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, h("tds-icon", { key: 'b2ae455a7a62c647f5c79cfc8f41bcae4b41b12d', name: "chevron_right", size: "20px" })), h("button", { key: 'd333d73217b7ed86841810bd342e2dd3152ef560', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.lastPage() }, h("tds-icon", { key: '9d94abd5c17bc50b6a33c21dcc74b2689d514f2a', name: "skip_forward", size: "20px" })))))))));
+        }))))), h("div", { key: '0990d81388b9f835edeb24c8cb17a6fb4d11caf9', class: "tds-table__page-selector" }, h("input", { key: 'b9f888009f0f0bfc38b5476c328bb92ae4c0962f', ref: (element) => {
+                if (element) {
+                    this.inputElement = element;
+                }
+            }, class: "tds-table__page-selector-input", type: "number", min: "1", max: this.pages, value: this.paginationValue, pattern: "[0-9]+", dir: "ltr", onChange: (event) => this.paginationInputChange(event), onAnimationEnd: removeShakeAnimation }), h("p", { key: '86f6a581d1f5fe50ea2106821ff4afa6dd479387', class: "tds-table__footer-text" }, "of ", h("span", { key: '91872a9e6eb05e4e1f540d2a6d203cc2e3fd7a27' }, this.pages), " pages"), h("button", { key: '03a354dde544ac8f6e622f6543b69278896963d3', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.firstPage() }, h("tds-icon", { key: '6d80869e6cf2eba108b141113dc3ba3fe31e0a6a', name: "skip_backwards", size: "20px" })), h("button", { key: '0a95763fc3da9a93ca109dcf668ce8c5c5bd0e89', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, h("tds-icon", { key: '43e2b68e24844eb964b63a3fb291921edbcd079a', name: "chevron_left", size: "20px" })), h("button", { key: 'c61b81dc60bd58383055c5d98b311bc74b593518', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, h("tds-icon", { key: 'cdffb08f3cf5a72c98c6a526477add3feb4c5837', name: "chevron_right", size: "20px" })), h("button", { key: 'f6dc3bc7fc879bd205abce12dd235dbeaa767c5f', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.lastPage() }, h("tds-icon", { key: '2c302a54f07077eb3dd3b9665aee6276caceab62', name: "skip_forward", size: "20px" })))))))));
     }
     static get is() { return "tds-table-footer"; }
     static get encapsulation() { return "shadow"; }
@@ -169,10 +169,8 @@ export class TdsTableFooter {
                     "tags": [],
                     "text": "Enable pagination and show pagination controls"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "pagination",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "paginationValue": {
@@ -189,10 +187,8 @@ export class TdsTableFooter {
                     "tags": [],
                     "text": "Sets the pagination number."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "pagination-value",
+                "reflect": true,
                 "defaultValue": "1"
             },
             "rowsperpage": {
@@ -209,10 +205,8 @@ export class TdsTableFooter {
                     "tags": [],
                     "text": "Enable rows per page dropdown"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "rowsperpage",
+                "reflect": true,
                 "defaultValue": "true"
             },
             "rowsPerPageValues": {
@@ -229,8 +223,6 @@ export class TdsTableFooter {
                     "tags": [],
                     "text": "Set available rows per page values"
                 },
-                "getter": false,
-                "setter": false,
                 "defaultValue": "[10, 25, 50]"
             },
             "pages": {
@@ -247,18 +239,16 @@ export class TdsTableFooter {
                     "tags": [],
                     "text": "Sets the number of pages."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "pages",
-                "defaultValue": "null"
+                "reflect": true,
+                "defaultValue": "0"
             },
             "cols": {
                 "type": "number",
                 "mutable": false,
                 "complexType": {
-                    "original": "number",
-                    "resolved": "number",
+                    "original": "number | null",
+                    "resolved": "null | number",
                     "references": {}
                 },
                 "required": false,
@@ -267,10 +257,8 @@ export class TdsTableFooter {
                     "tags": [],
                     "text": "<b>Client override</b> Used to set the column span of the footer. Use as fallback if the automatic count of columns fails."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "cols",
+                "reflect": false,
                 "defaultValue": "null"
             }
         };
@@ -297,8 +285,8 @@ export class TdsTableFooter {
                     "text": "Event to send current page value to tds-table-body component, can also be listened to in order to implement custom pagination logic."
                 },
                 "complexType": {
-                    "original": "{\n    tableId: string;\n    paginationValue: number;\n    rowsPerPage?: number;\n  }",
-                    "resolved": "{ tableId: string; paginationValue: number; rowsPerPage?: number; }",
+                    "original": "{\n    tableId: string | undefined;\n    paginationValue: number;\n    rowsPerPage?: number;\n  }",
+                    "resolved": "{ tableId: string | undefined; paginationValue: number; rowsPerPage?: number | undefined; }",
                     "references": {}
                 }
             }];

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

@@ -11,11 +11,9 @@ const relevantTableProps = [
  */
 export class TdsTableHeaderRow {
     constructor() {
-        /** @deprecated Deprecated, use selected instead. */
         this.allSelected = false;
-        /** Prop for controlling the enabled/disabled state of the "All selected"-checkbox. */
+        this.selected = undefined;
         this.disabled = false;
-        /** Prop for controlling the indeterminate state of the "All selected"-checkbox. */
         this.indeterminate = false;
         this.multiselect = false;
         this.expandableRows = false;
@@ -49,46 +47,52 @@ export class TdsTableHeaderRow {
         }
     }
     bodyExpandClicked() {
-        const numberOfExtendRowsActive = this.host.parentElement
-            .querySelector('tds-table-body')
-            .getElementsByClassName('tds-table__row-extend--active').length;
-        const numberOfExtendRows = this.host.parentElement
-            .querySelector('tds-table-body')
-            .getElementsByTagName('tds-table-body-row-expendable').length;
-        if (numberOfExtendRows === numberOfExtendRowsActive) {
-            this.mainExpendSelected = true;
-        }
-        else {
-            this.mainExpendSelected = false;
+        var _a;
+        const parentBody = (_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector('tds-table-body');
+        if (parentBody) {
+            const numberOfExtendRowsActive = parentBody.getElementsByClassName('tds-table__row-extend--active').length;
+            const numberOfExtendRows = parentBody.getElementsByTagName('tds-table-body-row-expendable').length;
+            if (numberOfExtendRows === numberOfExtendRowsActive) {
+                this.mainExpendSelected = true;
+            }
+            else {
+                this.mainExpendSelected = false;
+            }
         }
     }
     connectedCallback() {
+        var _a;
         this.tableEl = this.host.closest('tds-table');
-        this.tableId = this.tableEl.tableId;
+        this.tableId = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.tableId;
     }
     componentWillLoad() {
         relevantTableProps.forEach((tablePropName) => {
-            this[tablePropName] = this.tableEl[tablePropName];
+            var _a;
+            this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
         });
     }
     componentWillRender() {
-        this.enableToolbarDesign =
-            this.host.closest('tds-table').getElementsByTagName('tds-table-toolbar').length >= 1;
+        const closestTable = this.host.closest('tds-table');
+        if (closestTable) {
+            this.enableToolbarDesign =
+                (closestTable === null || closestTable === void 0 ? void 0 : closestTable.getElementsByTagName('tds-table-toolbar').length) >= 1;
+        }
     }
     async handleCheckboxChange(event) {
+        var _a;
         this.allSelected = event.detail.checked;
         this.tdsSelectAll.emit({
             tableId: this.tableId,
             checked: event.detail.checked,
-            selectedRows: await this.tableEl.getSelectedRows(),
+            selectedRows: await ((_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.getSelectedRows()),
         });
     }
     render() {
-        return (h(Host, { key: '6c1cc431846a627cab836e62a551f9f5d6558a9d', class: {
+        return (h(Host, { key: '0870860808274b91304987249df6c43d3fd90daa', class: {
                 'tds-table--compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
                 'tds-table--toolbar-available': this.enableToolbarDesign,
-            } }, h("tr", { key: 'fe66a0019ffef72437ef0312e07d8e23b0c8f728' }, this.multiselect && (h("th", { key: 'a132d706ef3650e6909a2b1bd90ed51b53a8fe02', class: "tds-table__header-cell tds-table__header-cell--checkbox" }, h("div", { key: 'a4a62796419d0f77a9a9b035a2493ec7cc184e9f', class: "tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: '2b9e308d8098b8e2825936f6ff2ab0e1ec0e8897', checked: this.allSelected || this.selected, disabled: this.disabled, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (h("th", { key: '916a17bb35705db77de44bee119c579dd55c2d8f', class: "tds-table__header-cell tds-table__header-cell--checkbox" })), h("slot", { key: '79d44597fcb6fa6d2e94197c57a1c9dded7e9f3d' }))));
+            } }, h("tr", { key: '29fd58da4486a422897cf98468d284c36fcace41' }, this.multiselect && (h("th", { key: '2234f9207945d4aeeeb001def4b2e3d298f28a01', class: "tds-table__header-cell tds-table__header-cell--checkbox" }, h("div", { key: 'a9ef50d2d8e0d81b7608e084dae9e37c52e49664', class: "tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: '24579bfc15603dd29d73cc3a56cb2633a5aaf0f6', checked: this.allSelected || this.selected, disabled: this.disabled, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (h("th", { key: '5f30578196a9bf2ca3322f249df7318ddd80146f', class: "tds-table__header-cell tds-table__header-cell--checkbox" })), h("slot", { key: '57fb6cecc52634b3f8e247c4eec14e26138d6117' }))));
     }
     static get is() { return "tds-table-header"; }
     static get encapsulation() { return "shadow"; }
@@ -121,10 +125,8 @@ export class TdsTableHeaderRow {
                         }],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "all-selected",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "selected": {
@@ -141,17 +143,15 @@ export class TdsTableHeaderRow {
                     "tags": [],
                     "text": "Prop for controlling the checked/unchecked state of the \"All selected\"-checkbox."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "selected"
+                "attribute": "selected",
+                "reflect": true
             },
             "disabled": {
                 "type": "boolean",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
-                    "resolved": "boolean",
+                    "resolved": "boolean | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -160,10 +160,8 @@ export class TdsTableHeaderRow {
                     "tags": [],
                     "text": "Prop for controlling the enabled/disabled state of the \"All selected\"-checkbox."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "disabled",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "indeterminate": {
@@ -180,10 +178,8 @@ export class TdsTableHeaderRow {
                     "tags": [],
                     "text": "Prop for controlling the indeterminate state of the \"All selected\"-checkbox."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "indeterminate",
+                "reflect": false,
                 "defaultValue": "false"
             }
         };
@@ -214,8 +210,8 @@ export class TdsTableHeaderRow {
                     "text": "Event emitted when the status of the select all checkbox changes."
                 },
                 "complexType": {
-                    "original": "{\n    tableId: string;\n    checked: boolean;\n    selectedRows: any[];\n  }",
-                    "resolved": "{ tableId: string; checked: boolean; selectedRows: any[]; }",
+                    "original": "{\n    tableId: string | undefined;\n    checked: boolean;\n    selectedRows: object[] | undefined;\n  }",
+                    "resolved": "{ tableId: string | undefined; checked: boolean; selectedRows: object[] | undefined; }",
                     "references": {}
                 }
             }];