@scania/tegel 1.41.0 → 1.42.0-sass-migration-beta.0

package/dist/cjs/tds-slider.cjs.entry.js

@@ -28,8 +28,8 @@ const TdsSlider = class {
         this.supposedValueSlot = -1;
         this.resizeObserverAdded = false;
         this.resetEventListenerAdded = false;
+        this.formElement = null;
         this.ariaLiveElement = null;
-        this.announcementDebounceTimeout = null;
         this.resetToInitialValue = () => {
             this.forceValueUpdate(this.initialValue);
             this.reset();
@@ -92,21 +92,22 @@ const TdsSlider = class {
         }
     }
     handleRelease(event) {
+        var _a, _b, _c;
         if (!this.thumbGrabbed) {
             const clickedOnTrack = event.target === this.trackElement || event.target === this.trackFillElement;
             if (clickedOnTrack) {
                 this.thumbCore(event);
-                this.trackElement.focus();
+                (_a = this.trackElement) === null || _a === void 0 ? void 0 : _a.focus();
             }
             return;
         }
         this.thumbGrabbed = false;
-        this.thumbInnerElement.classList.remove('pressed');
+        (_b = this.thumbInnerElement) === null || _b === void 0 ? void 0 : _b.classList.remove('pressed');
         if (this.thumbElement) {
             this.thumbElement.setAttribute('aria-grabbed', 'false');
         }
         this.updateValue(event);
-        this.trackElement.focus();
+        (_c = this.trackElement) === null || _c === void 0 ? void 0 : _c.focus();
     }
     handleMove(event) {
         if (!this.thumbGrabbed) {
@@ -150,8 +151,11 @@ const TdsSlider = class {
         return snappedLocalLeft;
     }
     thumbCore(event) {
+        var _a;
         const numTicks = parseInt(this.ticks);
-        const trackRect = this.trackElement.getBoundingClientRect();
+        const trackRect = (_a = this.trackElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        if (!trackRect)
+            return;
         let localLeft = 0;
         if (event.type === 'mousemove' || event.type === 'mouseup') {
             localLeft = event.clientX - trackRect.left;
@@ -166,7 +170,9 @@ const TdsSlider = class {
             localLeft = this.updateSupposedValueSlot(localLeft);
         }
         this.thumbLeft = this.constrainThumb(localLeft);
-        this.thumbElement.style.left = `${this.thumbLeft}px`;
+        if (this.thumbElement) {
+            this.thumbElement.style.left = `${this.thumbLeft}px`;
+        }
         this.updateValue(event);
     }
     updateTrack() {
@@ -182,6 +188,8 @@ const TdsSlider = class {
         // Debounce announcements to prevent too many rapid announcements
         clearTimeout(this.announcementDebounceTimeout);
         this.announcementDebounceTimeout = setTimeout(() => {
+            if (!this.ariaLiveElement)
+                return;
             this.ariaLiveElement.textContent = `${this.label ? this.label + ' ' : ''}${this.value} of ${this.max}`;
         }, 50);
     }
@@ -305,11 +313,12 @@ const TdsSlider = class {
         }
     }
     grabThumb() {
+        var _a;
         if (this.readOnly) {
             return;
         }
         this.thumbGrabbed = true;
-        this.thumbInnerElement.classList.add('pressed');
+        (_a = this.thumbInnerElement) === null || _a === void 0 ? void 0 : _a.classList.add('pressed');
         if (this.thumbElement) {
             this.thumbElement.setAttribute('aria-grabbed', 'true');
         }
@@ -402,7 +411,8 @@ const TdsSlider = class {
                 this.calculateThumbLeftFromValue(this.value);
                 this.updateTrack();
             });
-            resizeObserver.observe(this.wrapperElement);
+            if (this.wrapperElement)
+                resizeObserver.observe(this.wrapperElement);
         }
         this.calculateThumbLeftFromValue(this.value);
         this.updateTrack();
@@ -439,30 +449,30 @@ const TdsSlider = class {
     }
     render() {
         const ariaLabel = this.readOnly ? this.tdsReadOnlyAriaLabel : this.label || this.tdsAriaLabel;
-        return (index.h("div", { key: '3a496ff494a47cb2e7f777145731b2b0a99619e5', class: {
+        return (index.h("div", { key: '24887d4b2784913aed5eca30aad868b29bc3dc71', class: {
                 'tds-slider-wrapper': true,
                 'read-only': this.readOnly,
-            } }, index.h("input", { key: 'b1afaaf8c2c20278e5897d3973bc2267bd277f85', class: "tds-slider-native-element", type: "range", name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled }), index.h("div", { key: '38d7dc7f03e4ce5398f47382ac44b159d03cc9a9', class: "sr-only", "aria-live": "assertive", ref: (el) => {
+            } }, index.h("input", { key: 'a30068ce649a2a4154df73f076b0d889898e2220', class: "tds-slider-native-element", type: "range", name: this.name, min: this.min, max: this.max, step: this.step, value: this.value, disabled: this.disabled }), index.h("div", { key: '38a8a4993efb95dc74a6b998a4a6dce68a57193d', class: "sr-only", "aria-live": "assertive", ref: (el) => {
                 this.ariaLiveElement = el;
-            } }), index.h("div", { key: '564131065550bb6ef78b813791696af866275b60', class: {
+            } }), index.h("div", { key: 'dbdcd7a7524249488066f6cbc7ccda1edc125348', class: {
                 'tds-slider': true,
                 'disabled': this.disabled,
                 'tds-slider-small': this.useSmall,
             }, ref: (el) => {
                 this.wrapperElement = el;
-            }, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("label", { key: 'cc0dd61feaeb64fa866ceee68f03e59844572327', id: `${this.sliderId}-label`, class: this.showTickNumbers && 'offset' }, this.label), this.useInput && (index.h("div", { key: 'd95cfd517b1d810ba60f47d8f79f27fbcb11cb84', class: "tds-slider__input-values" }, index.h("div", { key: '253ecd4768fe8ac57e8fb342ed1e363abc9da5cb', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (index.h("div", { key: '84a35f8c63bf5b723d4244ec8f7ea1dd7cbffc20', class: "tds-slider__controls" }, index.h("div", { key: '754a34b2b234d7e2354c00f34b86db02d4f114a0', class: "tds-slider__control tds-slider__control-minus", onClick: (event) => this.stepLeft(event), role: "button", "aria-label": "Decrease value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, index.h("tds-icon", { key: '70e6604021a651eadcbaf7767b03f2e62034abe5', name: "minus", size: "16px" })))), index.h("div", { key: '53550f817e1a032e0e91200752e7d1eeb23ded34', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (index.h("div", { key: 'f59130b6cdb011c01eb81d5e18cf7e952b96c68e', class: "tds-slider__value-dividers-wrapper" }, index.h("div", { key: '66f66ceae09f21462e3f28c49844b10e0182ec49', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (index.h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && index.h("span", null, value))))))), index.h("div", { key: '00f9d38e9aba338091af66ced5f559378354cffd', class: "tds-slider__track", ref: (el) => {
+            }, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("label", { key: '703fef163564db3dab89f7ef62c8ec8ae849091a', id: `${this.sliderId}-label`, class: { offset: this.showTickNumbers } }, this.label), this.useInput && (index.h("div", { key: '61e0a370c74b04c29b7c3d8f227727df2d72e2e1', class: "tds-slider__input-values" }, index.h("div", { key: '080c7a8d5fe68231a33946284eaf0b42509ae2aa', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (index.h("div", { key: 'c281e3c27afb09bbde92bb45b95494bda73a2d1e', class: "tds-slider__controls" }, index.h("div", { key: '43388973041f6257683c1e95c28273b36329584b', class: "tds-slider__control tds-slider__control-minus", onClick: (event) => this.stepLeft(event), role: "button", "aria-label": "Decrease value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, index.h("tds-icon", { key: 'be17662d98c4e89ac549d7604fb8ef039ec1a4ff', name: "minus", size: "16px" })))), index.h("div", { key: '2d34951d542b45ff4fce0869bd9877626b414641', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (index.h("div", { key: '991096492d690f53e0d597bd05d4f9f3fa875831', class: "tds-slider__value-dividers-wrapper" }, index.h("div", { key: 'e2362ac7b9af796e0d4b2961c99d6ef850f873fc', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (index.h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && index.h("span", null, value))))))), index.h("div", { key: '303410bc80f3fc1a49c1a1954f287151ba1397df', class: "tds-slider__track", ref: (el) => {
                 this.trackElement = el;
             }, tabindex: this.disabled ? '-1' : '0', role: "presentation", onFocus: () => {
                 if (this.thumbElement) {
                     this.thumbElement.focus();
                 }
-            } }, index.h("div", { key: '20ea7060588fc4e81be9e2e3d6e5a7c585b6b867', class: "tds-slider__track-fill", ref: (el) => {
+            } }, index.h("div", { key: '458f4a54a0ffc5eef7ad1933ba1713f378e03bb2', class: "tds-slider__track-fill", ref: (el) => {
                 this.trackFillElement = el;
-            } }), index.h("div", { key: 'd6c6155ee44d443dc58ed1c463e927e8de6808b6', class: "tds-slider__thumb", ref: (el) => {
+            } }), index.h("div", { key: '09f5c914b3e31f40cbc5114ba11ac8ed6b6c10e3', class: "tds-slider__thumb", ref: (el) => {
                 this.thumbElement = el;
-            }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb(), role: "slider", "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} of ${this.max}`, "aria-labelledby": `${this.sliderId}-label`, "aria-grabbed": this.thumbGrabbed ? 'true' : 'false', "aria-label": ariaLabel, tabindex: this.disabled ? '-1' : '0' }, this.tooltip && (index.h("div", { key: '8ddf95ae707a6bf086f6c414fca62098f7974caf', class: "tds-slider__value" }, this.value, index.h("svg", { key: '9193dc47663210d904271d10a1e3ffbaad3073bf', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '6d5c154ec0dd136ee3898e8350fd65c30794571b', d: "M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z", fill: "currentColor" })))), index.h("div", { key: '183f49eda3134b87e5b65334265d44fe404a9e1d', class: "tds-slider__thumb-inner", ref: (el) => {
+            }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb(), role: "slider", "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} of ${this.max}`, "aria-labelledby": `${this.sliderId}-label`, "aria-grabbed": this.thumbGrabbed ? 'true' : 'false', "aria-label": ariaLabel, tabindex: this.disabled ? '-1' : '0' }, this.tooltip && (index.h("div", { key: '915c5a0873d719e716a9eda6f24df4f289dcc3e3', class: "tds-slider__value" }, this.value, index.h("svg", { key: 'd1ad51a448a9314c8a9dc87e5b4c969d9699833f', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '84dd5e1bfdddb3f96ce260fde63ec01979e2e8f7', d: "M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z", fill: "currentColor" })))), index.h("div", { key: '3c2bd4378b7d2f894bd04af1d0d4f68472d94129', class: "tds-slider__thumb-inner", ref: (el) => {
                 this.thumbInnerElement = el;
-            } })))), this.useInput && (index.h("div", { key: '00e135462f95a4ee21070c25e0b507e4931257ed', class: "tds-slider__input-values" }, index.h("div", { key: 'ad8029ecff8f448380f291629ee803ee5634bf6e', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), index.h("div", { key: 'cb7460d3946debbc138b2ae88b61ff9a288ca2ae', class: "tds-slider__input-field-wrapper" }, index.h("tds-text-field", { key: '226a0bbdee3910431c4d72065e2ca9d09abf2fa1', noMinWidth: true, size: "sm", type: "number", value: this.value, min: this.min, max: this.max, readOnly: this.readOnly, disabled: this.disabled, onTdsChange: (e) => console.log(e), tdsAriaLabel: this.readOnly ? this.tdsReadOnlyAriaLabel : undefined, onTdsBlur: (event) => this.updateSliderValueFromTextField(event), onKeyDown: (event) => this.handleInputFieldEnterPress(event) })))), this.useControls && (index.h("div", { key: '2b85ddaf9e31f702773212326f55e8eb4737e3da', class: "tds-slider__controls" }, index.h("div", { key: '7376eac80ff3955ddc6c0b27eb99b463bc0d5985', class: "tds-slider__control tds-slider__control-plus", onClick: (event) => this.stepRight(event), role: "button", "aria-label": "Increase value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, index.h("tds-icon", { key: 'd66d1a1d49da54d1cafca2872b8462b126154684', name: "plus", size: "16px" })))))));
+            } })))), this.useInput && (index.h("div", { key: '8d7b06d47eb9c5b8adef909a63b4017143025477', class: "tds-slider__input-values" }, index.h("div", { key: '1e5e6cb7d0522ca0e89e67fd0125684b32e2c4f6', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), index.h("div", { key: 'e3a5d242963f2868f2f26674243c36c634422501', class: "tds-slider__input-field-wrapper" }, index.h("tds-text-field", { key: '840ddc76488d4d1de29be8d3b2032d57894d2b7a', noMinWidth: true, size: "sm", type: "number", value: this.value, min: this.min, max: this.max, readOnly: this.readOnly, disabled: this.disabled, onTdsChange: (e) => console.log(e), tdsAriaLabel: this.readOnly ? this.tdsReadOnlyAriaLabel : undefined, onTdsBlur: (event) => this.updateSliderValueFromTextField(event), onKeyDown: (event) => this.handleInputFieldEnterPress(event) })))), this.useControls && (index.h("div", { key: 'c71f7b90d4565cccdb41ef56e1dc3485506baad1', class: "tds-slider__controls" }, index.h("div", { key: 'c968cc1187252f95b5953a7a91437a09d0255d72', class: "tds-slider__control tds-slider__control-plus", onClick: (event) => this.stepRight(event), role: "button", "aria-label": "Increase value", tabindex: this.disabled || this.readOnly ? '-1' : '0' }, index.h("tds-icon", { key: '8e3488bcad15f4f6dd7182b066a905019d87d20d', name: "plus", size: "16px" })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/tds-step.cjs.entry.js

@@ -27,6 +27,8 @@ const TdsStep = class {
     /* Needs to be onload to do this on any updates. */
     componentWillLoad() {
         this.stepperEl = this.el.closest('tds-stepper');
+        if (!this.stepperEl)
+            return;
         this.orientation = this.stepperEl.orientation;
         this.labelPosition = this.stepperEl.labelPosition;
         this.size = this.stepperEl.size;
@@ -46,7 +48,7 @@ const TdsStep = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '871df74d99ed0bdf15fa82e0c2980b08b94735a8' }, index.h("div", { key: 'e108eb5e43390635fbd6020195cb7e6a4912c7c2', role: "listitem", "aria-disabled": this.state === 'upcoming' ? 'true' : 'false', "aria-current": this.tdsAriaCurrent, tabIndex: -1, "aria-label": `Step ${this.index}: ${this.state}`, class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, index.h("span", { key: '8940a00dcd0001d6d264aff8cbc9331d4d890d49', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (index.h("tds-icon", { "aria-hidden": "true", svgTitle: `tds-step-icon-${this.stepperId}`, class: 'tds-step-icon', name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (index.h("span", { "aria-hidden": "true", class: "index-container" }, this.index))), !this.hideLabels && (index.h("div", { key: 'daa62f4d9347c571d214b1b9eb68b7d56418aed2', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, index.h("slot", { key: '68a20d3daded858cf1188f43747edb77ed2c9cbf', name: "label" }))))));
+        return (index.h(index.Host, { key: '4da9583f2f8f406775789bb2ba2fb4a048bd2bb2' }, index.h("div", { key: '68552288702a78338767482726cc50c294c813c4', role: "listitem", "aria-disabled": this.state === 'upcoming' ? 'true' : 'false', "aria-current": this.tdsAriaCurrent, tabIndex: -1, "aria-label": `Step ${this.index}: ${this.state}`, class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, index.h("span", { key: '12da4b94879916c29a142ae2b1c9158132369242', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (index.h("tds-icon", { "aria-hidden": "true", svgTitle: `tds-step-icon-${this.stepperId}`, class: 'tds-step-icon', name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (index.h("span", { "aria-hidden": "true", class: "index-container" }, this.index))), !this.hideLabels && (index.h("div", { key: 'b67fe88775ae01d9878bfea0ed65a5e89bcd096c', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, index.h("slot", { key: '63476ee55ea1577a09b3885dd287ef117c00fc3c', name: "label" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js

@@ -90,7 +90,7 @@ const TdsTableBodyInputWrapper = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1ebf0bf16490030ce20a99e1234e68d81430eaf8', class: {
+        return (index.h(index.Host, { key: '332c2ebf290f802f6b8067a1b7b0754cbca2b9aa', class: {
                 'focused-input-wrapper': this.inputFocused,
                 'show-icon': this.showIcon,
                 'tds-table__compact': this.compactDesign,

package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js

@@ -75,24 +75,30 @@ const TdsTableBodyRowExpandable = class {
         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() {
@@ -104,26 +110,27 @@ const TdsTableBodyRowExpandable = class {
         this.sendValue();
     }
     render() {
-        return (index.h(index.Host, { key: '3d289d00082c284257728cec4f0ddcfc63dda863', class: {
+        var _a;
+        return (index.h(index.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,
-            } }, index.h("tr", { key: '246ee336a3ab871346e1fcf81f02109121dc9657', id: `expandable-content-${this.rowId}`, class: {
+            } }, index.h("tr", { key: '0efc401cb4cd6687aa732200990b685acb84000b', id: `expandable-content-${this.rowId}`, class: {
                 'tds-table__row': true,
                 'tds-table__row--expanded': this.isExpanded,
-            }, part: "row" }, index.h("td", { key: 'b727b78965a4bdf0b6cf8ff7e8460d3dfae8327e', class: {
+            }, part: "row" }, index.h("td", { key: 'fae9736c8db81cfa7e7df618ebd03953b58c9178', class: {
                 'tds-table__cell-expand': true,
-            } }, index.h("label", { key: 'c878be3429a3145b62b242f2e3d9c90ec0a74257', class: "tds-table__expand-control-container" }, index.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 }), index.h("span", { key: 'ec9e1aefc553362c0c3e15cb99118a9c2dfffd04', class: "tds-expendable-row-icon" }, index.h("svg", { key: '84b3270e5f1bfc7671adcea34d862fe0485f40a8', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.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" }))))), index.h("slot", { key: '0c16341da217fbe920241a97b179335cb61e2364' })), index.h("tr", { key: 'a83ca5c30ec4945dfee096a408db4d1d240d3643', class: {
+            } }, index.h("label", { key: '325036919c99275a30386ec075fc2eb828702c8f', class: "tds-table__expand-control-container" }, index.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 }), index.h("span", { key: '0bea7d5d977ab0b2517ec5595a2b8640c6ce591b', class: "tds-expendable-row-icon" }, index.h("svg", { key: 'e7b63e3a6eb1d418f43259b25b84205abaa75bd7', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.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" }))))), index.h("slot", { key: '9bfd6e772f1a56cbcb5ada2fe9dd59c40e975faf' })), index.h("tr", { key: 'b3f61ca1d940ad529a44f283b81b43aefacc394d', class: {
                 'tds-table__row-expand': true,
                 'tds-table__row-expand--expanded': this.isExpanded,
-            }, part: "expand-row" }, index.h("td", { key: '2fcafe17b33ce39b5e1a3b149434006a70f6b8f3', class: {
+            }, part: "expand-row" }, index.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 }, index.h("div", { key: 'b696b23d127e32a8017692b03de1ce8ee9497dcb', style: {
+            }, part: "expand-row-cell", colSpan: (_a = this.columnsNumber) !== null && _a !== void 0 ? _a : undefined }, index.h("div", { key: '0b99435f7c84aa90155ab7229921bef06e90373b', style: {
                 overflow: this.overflow,
-            } }, index.h("slot", { key: 'e64e00778fd7c85618ae4cbc19d232e2acb873b5', name: "expand-row" }))))));
+            } }, index.h("slot", { key: 'd8e730bcfabe84c4a370b111defa1aa1584f4b96', name: "expand-row" }))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/tds-table-body-row.cjs.entry.js

@@ -28,17 +28,19 @@ const TdsTableBodyRow = class {
         this.tableId = '';
     }
     async handleCheckboxChange(event) {
+        var _a;
         this.selected = event.detail.checked;
         this.tdsSelect.emit({
             tableId: this.tableId,
             checked: this.selected,
-            selectedRows: await this.tableEl.getSelectedRows(),
+            selectedRows: await ((_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.getSelectedRows()),
         });
     }
     handleRowClick(e) {
+        var _a, _b, _c;
         if (!this.clickable)
             return;
-        let rowIndex = Array.from(this.host.parentElement.children).indexOf(this.host);
+        const rowIndex = Array.from((_c = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.children) !== null && _c !== void 0 ? _c : []).indexOf(this.host);
         this.tdsClick.emit({
             event: e,
             tableId: this.tableId,
@@ -71,18 +73,19 @@ const TdsTableBodyRow = class {
     componentWillLoad() {
         if (this.tableEl) {
             relevantTableProps.forEach((tablePropName) => {
-                this[tablePropName] = this.tableEl[tablePropName];
+                var _a;
+                this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
             });
         }
     }
     render() {
-        return (index.h(index.Host, { key: '6bf3fee7c066bc4686c9aa0ecba45c04ca7b2aae', tabindex: this.clickable ? '0' : null, class: {
+        return (index.h(index.Host, { key: '377d16a55b6c2cb87940ee6ec8629e71dde6ad17', tabindex: this.clickable ? '0' : null, class: {
                 'tds-table__row': true,
                 'tds-table__row--selected': this.selected,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
                 'tds-table__row--clickable': this.clickable,
-            }, onClick: (e) => this.handleRowClick(e), onKeyDown: (e) => this.handleKeyDown(e), role: "row" }, this.multiselect && (index.h("td", { key: '845e64408b938254887c7ec840eae48fc4ed01e3', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, index.h("tds-checkbox", { key: '817ef05632a9b2704148a0c9ce190b360b9cec3b', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), index.h("slot", { key: '50cf1a5aeae24aaceeb813f432abe8e75ad53857' })));
+            }, onClick: (e) => this.handleRowClick(e), onKeyDown: (e) => this.handleKeyDown(e), role: "row" }, this.multiselect && (index.h("td", { key: 'a65e6eed2e09e49c80c5f25312613c874a3d3b1a', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, index.h("tds-checkbox", { key: '37b7bb583a756031ee86c57015523fdb659d683d', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), index.h("slot", { key: '35cdd94e92fc239d756b4ba240f10cd1e1914512' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-table-body.cjs.entry.js

@@ -47,16 +47,20 @@ const TdsTableBody = class {
         this.bodyCheckBoxClicked();
     }
     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() {
-        const headerColumnsNo = this.host.parentElement.querySelector('tds-table-header').children.length;
+        var _a, _b;
+        const headrColumn = (_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector('tds-table-header');
+        const headerColumnsNo = (_b = headrColumn === null || headrColumn === void 0 ? void 0 : headrColumn.children.length) !== null && _b !== void 0 ? _b : 0;
         // multiselect and expended features requires one extra column for controls...
         if (this.multiselect || this.expandableRows) {
             this.columnsNumber = headerColumnsNo + 1;
@@ -66,12 +70,12 @@ const TdsTableBody = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f9472ae9b1dcad43aab101811dfe858dea4851e9', "data-selected-rows": this.multiselectArrayJSON, class: {
+        return (index.h(index.Host, { key: '80e470d85ca46b398d9254bbcf84865b65656c7c', "data-selected-rows": this.multiselectArrayJSON, class: {
                 'tds-table--zebra-mode-rows-odd': this.zebraMode === 'rows-odd',
                 'tds-table--zebra-mode-rows-even': this.zebraMode === 'rows-even',
                 'tds-table--zebra-mode-columns-odd': this.zebraMode === 'columns-odd',
                 'tds-table--zebra-mode-columns-even': this.zebraMode === 'columns-even',
-            } }, index.h("slot", { key: '61a0ec649d2f7f51ca386c46335a6ae018c993d0' })));
+            } }, index.h("slot", { key: 'ef1c5c7a13129ff08d48d568088c05e2416b8284' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-table-footer.cjs.entry.js

@@ -45,7 +45,7 @@ const TdsTableFooter = class {
         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();
@@ -65,7 +65,7 @@ const TdsTableFooter = class {
         this.paginationValue = 1;
         this.rowsperpage = true;
         this.rowsPerPageValues = [10, 25, 50];
-        this.pages = null;
+        this.pages = 0;
         this.cols = null;
         this.columnsNumber = 0;
         this.compactDesign = false;
@@ -87,16 +87,19 @@ const TdsTableFooter = class {
         }
     }
     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;
         }
@@ -137,12 +140,16 @@ const TdsTableFooter = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'd064beda251b663ad3afccebc98fb4718e3f1d09', class: {
+        return (index.h(index.Host, { key: 'ccd4af0d18ff3abac93113618be574eaf4dfeccf', class: {
                 'tds-table--compact': this.compactDesign,
                 'footer__horizontal-scroll': !!this.horizontalScrollWidth,
-            }, style: this.getStyles() }, index.h("tr", { key: '02d6c97e498e44ad70c86fd08cc665a8b89e2a07', class: "tds-table__footer-row" }, index.h("td", { key: 'e9d64ea0f3be240867d886973a40c557fe9899da', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (index.h("div", { key: '4a8f3f921a4e103a1a14e368a4702cd8f6ceb18b', class: "tds-table__pagination" }, index.h("div", { key: 'c536fb9916071677bf20f033ebb184d469aa0774', class: "tds-table__row-selector" }, this.rowsperpage && ((_a = this.rowsPerPageValues) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("div", { key: '5a935d6c92a574e1ea0a081e955916526ec9da45', class: "rows-per-page" }, index.h("p", { key: 'ae9f908bc6803a814236a56e5801857a1989df54' }, "Rows per page"), index.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() }, index.h("tr", { key: '83352ad6041939ce7c7faecf0a3357254bf70d20', class: "tds-table__footer-row" }, index.h("td", { key: '1c3448a74dedf1523c37598a9cdec1c119d32e29', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (index.h("div", { key: '49e152077961293d0d61a7ec2f7e6dfe4441812e', class: "tds-table__pagination" }, index.h("div", { key: '9d1bb01cbb816deaa6cf1f93c9c851f137dca9cf', class: "tds-table__row-selector" }, this.rowsperpage && ((_a = this.rowsPerPageValues) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("div", { key: '5f8609d37e29b4303bd21146113bfc7133a29df8', class: "rows-per-page" }, index.h("p", { key: '90d62b23f416cfb6544b50a21b83dc0e6de030be' }, "Rows per page"), index.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 (index.h("tds-dropdown-option", { value: `${value}` }, value));
-        }))))), index.h("div", { key: '08f90bbe4dd64812b95de4be540c65afea1a5d7c', class: "tds-table__page-selector" }, index.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 }), index.h("p", { key: '538690df3c6bef86bf14fe8b7c967b89257e5cb7', class: "tds-table__footer-text" }, "of ", index.h("span", { key: 'ec38ac0b07103bea8aec7ba3e7e88d73c2a756cb' }, this.pages), " pages"), index.h("button", { key: 'f196e4b87144a6e66a6a3d0451ca0d4ba32bd1af', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.firstPage() }, index.h("tds-icon", { key: '80041ff46837e3ba072b740cf79d1cf9bbf21b63', name: "skip_backwards", size: "20px" })), index.h("button", { key: 'c51d570daeb97dbe2cae4e344eb51b97d88bb10a', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, index.h("tds-icon", { key: 'bc02c69dc75f412fac63d952458d0ea06530593c', name: "chevron_left", size: "20px" })), index.h("button", { key: 'df29a47121d892642b24533a0e132d1f2d13d545', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, index.h("tds-icon", { key: 'b2ae455a7a62c647f5c79cfc8f41bcae4b41b12d', name: "chevron_right", size: "20px" })), index.h("button", { key: 'd333d73217b7ed86841810bd342e2dd3152ef560', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.lastPage() }, index.h("tds-icon", { key: '9d94abd5c17bc50b6a33c21dcc74b2689d514f2a', name: "skip_forward", size: "20px" })))))))));
+        }))))), index.h("div", { key: '0990d81388b9f835edeb24c8cb17a6fb4d11caf9', class: "tds-table__page-selector" }, index.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 }), index.h("p", { key: '86f6a581d1f5fe50ea2106821ff4afa6dd479387', class: "tds-table__footer-text" }, "of ", index.h("span", { key: '91872a9e6eb05e4e1f540d2a6d203cc2e3fd7a27' }, this.pages), " pages"), index.h("button", { key: '03a354dde544ac8f6e622f6543b69278896963d3', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.firstPage() }, index.h("tds-icon", { key: '6d80869e6cf2eba108b141113dc3ba3fe31e0a6a', name: "skip_backwards", size: "20px" })), index.h("button", { key: '0a95763fc3da9a93ca109dcf668ce8c5c5bd0e89', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, index.h("tds-icon", { key: '43e2b68e24844eb964b63a3fb291921edbcd079a', name: "chevron_left", size: "20px" })), index.h("button", { key: 'c61b81dc60bd58383055c5d98b311bc74b593518', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, index.h("tds-icon", { key: 'cdffb08f3cf5a72c98c6a526477add3feb4c5837', name: "chevron_right", size: "20px" })), index.h("button", { key: 'f6dc3bc7fc879bd205abce12dd235dbeaa767c5f', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.lastPage() }, index.h("tds-icon", { key: '2c302a54f07077eb3dd3b9665aee6276caceab62', name: "skip_forward", size: "20px" })))))))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js

@@ -72,7 +72,7 @@ const TdsTableHeaderInputWrapper = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '62070c88b54c313b2db10890023db32f0eaf66b5', class: {
+        return (index.h(index.Host, { key: '5d46a27bdb22aec58736f8f0dce6855d6ef48f23', class: {
                 'focused-input-wrapper': this.inputFocused,
                 'show-icon': this.showIcon,
                 'tds-table__compact': this.compactDesign,

package/dist/cjs/tds-table-header.cjs.entry.js

@@ -54,46 +54,52 @@ const TdsTableHeaderRow = class {
         }
     }
     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 (index.h(index.Host, { key: '6c1cc431846a627cab836e62a551f9f5d6558a9d', class: {
+        return (index.h(index.Host, { key: '0870860808274b91304987249df6c43d3fd90daa', class: {
                 'tds-table--compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
                 'tds-table--toolbar-available': this.enableToolbarDesign,
-            } }, index.h("tr", { key: 'fe66a0019ffef72437ef0312e07d8e23b0c8f728' }, this.multiselect && (index.h("th", { key: 'a132d706ef3650e6909a2b1bd90ed51b53a8fe02', class: "tds-table__header-cell tds-table__header-cell--checkbox" }, index.h("div", { key: 'a4a62796419d0f77a9a9b035a2493ec7cc184e9f', class: "tds-form-label tds-form-label--table" }, index.h("tds-checkbox", { key: '2b9e308d8098b8e2825936f6ff2ab0e1ec0e8897', checked: this.allSelected || this.selected, disabled: this.disabled, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (index.h("th", { key: '916a17bb35705db77de44bee119c579dd55c2d8f', class: "tds-table__header-cell tds-table__header-cell--checkbox" })), index.h("slot", { key: '79d44597fcb6fa6d2e94197c57a1c9dded7e9f3d' }))));
+            } }, index.h("tr", { key: '29fd58da4486a422897cf98468d284c36fcace41' }, this.multiselect && (index.h("th", { key: '2234f9207945d4aeeeb001def4b2e3d298f28a01', class: "tds-table__header-cell tds-table__header-cell--checkbox" }, index.h("div", { key: 'a9ef50d2d8e0d81b7608e084dae9e37c52e49664', class: "tds-form-label tds-form-label--table" }, index.h("tds-checkbox", { key: '24579bfc15603dd29d73cc3a56cb2633a5aaf0f6', checked: this.allSelected || this.selected, disabled: this.disabled, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (index.h("th", { key: '5f30578196a9bf2ca3322f249df7318ddd80146f', class: "tds-table__header-cell tds-table__header-cell--checkbox" })), index.h("slot", { key: '57fb6cecc52634b3f8e247c4eec14e26138d6117' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-table-toolbar.cjs.entry.js

@@ -40,15 +40,17 @@ const TdsTableToolbar = class {
         }
     }
     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;
         if (!this.tdsSearchAriaLabel) {
             console.warn('tds-table-toolbar: tdsSearchAriaLabel is highly recommended for accessibility');
         }
     }
     componentWillLoad() {
         relevantTableProps.forEach((tablePropName) => {
-            this[tablePropName] = this.tableEl[tablePropName];
+            var _a;
+            this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
         });
     }
     handleSearch(event) {
@@ -74,10 +76,10 @@ const TdsTableToolbar = class {
         return styles;
     }
     render() {
-        return (index.h(index.Host, { key: 'e7ce21fcad3bfbc9f93088f777855baa9c6e3869', class: {
+        return (index.h(index.Host, { key: 'e76b6fc0b933bd081686ab3e060cb35c07470f01', class: {
                 'tds-table--compact': this.compactDesign,
                 'toolbar__horizontal-scroll': !!this.horizontalScrollWidth,
-            }, style: this.getStyles(), "aria-labelledby": "table-toolbar-title" }, index.h("div", { key: '7310ec2851d440ba6529eb2d48bb20bcb508429f', class: "tds-table__upper-bar-flex" }, index.h("div", { key: '5b901252d433968edb04de20a25ea9c09bb39b4b', class: "tds-table__actionbar-left" }, this.tableTitle && (index.h("caption", { key: '661f8de9fe38cd72b098251b027c7e6f554033e5', id: "table-toolbar-title", class: "tds-table__title" }, this.tableTitle)), index.h("slot", { key: '8d00d01e2ac92c75f95dc6ae89e7b8769cde6dc1', name: "start" })), index.h("div", { key: 'fd28cb512ed5ad997cdb1f0b1dff8f7489f95db5', class: "tds-table__actionbar" }, this.filter && (index.h("div", { key: 'fb2649d623a21eeb1a8c3ed5c512d02d7bbb2efc', class: "tds-table__searchbar" }, index.h("input", { key: '9cd1284bec12081a2e99996eb6bd160ac926b751', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event), "aria-label": this.tdsSearchAriaLabel }), index.h("span", { key: '015060f9c59d06c430fabb0acabb8b476a477616', class: "tds-table__searchbar-icon" }, index.h("tds-icon", { key: '5f990c7f452a46bb0471dd658f24afd848d029e9', name: "search", size: "20px" })))), index.h("slot", { key: 'a91b2aee680ef316d2fdd46d46bfe9ec3eb3e314', name: "end" })))));
+            }, style: this.getStyles(), "aria-labelledby": "table-toolbar-title" }, index.h("div", { key: 'f6cb90f651cac62f4161bc497426e2f364be93ee', class: "tds-table__upper-bar-flex" }, index.h("div", { key: 'b75b0b23fca7992adcea9848e8e6b950d667cd46', class: "tds-table__actionbar-left" }, this.tableTitle && (index.h("caption", { key: 'ed679dba3b67ea6ecb43d9fb4318c264d22ab064', id: "table-toolbar-title", class: "tds-table__title" }, this.tableTitle)), index.h("slot", { key: '2937e33ed397413c608d58955083f5ecd9cfe136', name: "start" })), index.h("div", { key: 'c002e6d7e31ff3c21dec3a7a889b36ef930b8826', class: "tds-table__actionbar" }, this.filter && (index.h("div", { key: 'b6e45d1361ddb4c01f2cbce4a5af243e3aaed490', class: "tds-table__searchbar" }, index.h("input", { key: 'bb57c1a1a593ab22915903eabfb3216bec7a74e8', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event), "aria-label": this.tdsSearchAriaLabel }), index.h("span", { key: '08bed8155351cba48a5934d797160973df0fc6de', class: "tds-table__searchbar-icon" }, index.h("tds-icon", { key: '9b5fda16df341aed692c05dc26ba319c563165d5', name: "search", size: "20px" })))), index.h("slot", { key: '32cbed6b093812e0e811a853b78e915ef091f098', name: "end" })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/tds-table.cjs.entry.js

@@ -34,20 +34,19 @@ const TdsTable = class {
     }
     /** Returns all selected rows data. */
     async getSelectedRows() {
+        var _a;
         let selectedRowsData = [];
         const tableBody = this.host.querySelector('tds-table-body');
-        const selectedRows = Array.from(tableBody.querySelectorAll('tds-table-body-row')).filter((element) => element.selected);
+        const selectedRows = Array.from((_a = tableBody === null || tableBody === void 0 ? void 0 : tableBody.querySelectorAll('tds-table-body-row')) !== null && _a !== void 0 ? _a : []).filter((element) => element.selected);
         selectedRows.forEach((row) => {
             let selectedRow = [];
             const rowCells = Array.from(row.getElementsByTagName('tds-body-cell'));
             rowCells.forEach((cell) => {
                 var _a;
                 const cellObject = {
-                    cellKey: null,
-                    cellValue: null,
+                    cellKey: cell.cellKey,
+                    cellValue: ((_a = cell.cellValue) !== null && _a !== void 0 ? _a : cell.innerText),
                 };
-                cellObject.cellKey = cell.cellKey;
-                cellObject.cellValue = (_a = cell.cellValue) !== null && _a !== void 0 ? _a : cell.innerText;
                 selectedRow = [...selectedRow, cellObject];
             });
             selectedRowsData = [...selectedRowsData, selectedRow];
@@ -87,18 +86,21 @@ const TdsTable = class {
     }
     componentWillRender() {
         if (this.horizontalScrollWidth) {
-            this.enableHorizontalScrollToolbarDesign =
-                this.host.closest('tds-table').getElementsByTagName('tds-table-toolbar').length >= 1;
-            this.enableHorizontalScrollFooterDesign =
-                this.host.closest('tds-table').getElementsByTagName('tds-table-footer').length >= 1;
+            const closestTable = this.host.closest('tds-table');
+            if (closestTable) {
+                this.enableHorizontalScrollToolbarDesign =
+                    closestTable.getElementsByTagName('tds-table-toolbar').length >= 1;
+                this.enableHorizontalScrollFooterDesign =
+                    closestTable.getElementsByTagName('tds-table-footer').length >= 1;
+            }
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7a9b7fb545f7c4cd4c0f118910ce8af6d407851e', class: {
+        return (index.h(index.Host, { key: '7a09b4ad8b4b79d0c6488ae2fc56b756857abe67', class: {
                 'tds-table--responsive': this.responsive,
                 'tds-mode-variant-primary': this.modeVariant === 'primary',
                 'tds-mode-variant-secondary': this.modeVariant === 'secondary',
-            } }, index.h("table", { key: '8a1c7e74c38a55e17d7cf322997f6690d6b29f3f', style: this.getStyles(), class: {
+            } }, index.h("table", { key: '949b04b7b26286b8641df078290eadb843899d76', style: this.getStyles(), class: {
                 'tds-table': true,
                 'tds-table--compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
@@ -109,7 +111,7 @@ const TdsTable = class {
                 'tds-table--horizontal-scroll-toolbar-compact': this.enableHorizontalScrollToolbarDesign && this.compactDesign,
                 'tds-table--horizontal-scroll-footer': this.enableHorizontalScrollFooterDesign && !this.compactDesign,
                 'tds-table--horizontal-scroll-footer-compact': this.enableHorizontalScrollFooterDesign && this.compactDesign,
-            } }, index.h("slot", { key: 'a47351a50dbd07b15f969ffaeb75f62045693968' }))));
+            } }, index.h("slot", { key: '319e8974bf20f3fba6c7ef286a494d4875bd2c44' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {