@scania/tegel 1.40.0-ts-strict-mode-beta.0 → 1.41.0

package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js

@@ -15,20 +15,16 @@ export class TdsSideMenuDropdownListItem {
     connectedCallback() {
         var _a;
         this.sideMenuEl = this.host.closest('tds-side-menu');
-        this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
+        this.collapsed = (_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed;
     }
     componentDidLoad() {
-        var _a, _b;
+        var _a;
         const dropdownEl = this.host.closest('tds-side-menu-dropdown');
-        let hasUserMenu = null;
-        let dropdownBtnIconSlotEl = null;
-        if (dropdownEl) {
-            hasUserMenu = dropdownEl.querySelector('tds-side-menu-user');
-            dropdownBtnIconSlotEl = (_a = dropdownEl.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="icon"]');
-        }
-        const btnIconSlottedEls = dropdownBtnIconSlotEl === null || dropdownBtnIconSlotEl === void 0 ? void 0 : dropdownBtnIconSlotEl.assignedElements();
-        const hasBtnIcon = btnIconSlottedEls ? (btnIconSlottedEls === null || btnIconSlottedEls === void 0 ? void 0 : btnIconSlottedEls.length) > 0 : false;
-        const btnIconIsUserImage = ((_b = btnIconSlottedEls === null || btnIconSlottedEls === void 0 ? void 0 : btnIconSlottedEls[0]) === null || _b === void 0 ? void 0 : _b.tagName.toLowerCase()) === 'tds-side-menu-user-image';
+        const hasUserMenu = dropdownEl === null || dropdownEl === void 0 ? void 0 : dropdownEl.querySelector('tds-side-menu-user');
+        const dropdownBtnIconSlotEl = dropdownEl.shadowRoot.querySelector('slot[name="icon"]');
+        const btnIconSlottedEls = dropdownBtnIconSlotEl.assignedElements();
+        const hasBtnIcon = (btnIconSlottedEls === null || btnIconSlottedEls === void 0 ? void 0 : btnIconSlottedEls.length) > 0;
+        const btnIconIsUserImage = ((_a = btnIconSlottedEls === null || btnIconSlottedEls === void 0 ? void 0 : btnIconSlottedEls[0]) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase()) === 'tds-side-menu-user-image';
         if (hasBtnIcon && !btnIconIsUserImage) {
             this.dropdownHasIcon = true;
         }
@@ -37,13 +33,13 @@ export class TdsSideMenuDropdownListItem {
         }
     }
     render() {
-        return (h(Host, { key: 'c47d9154b70987212a197a4e1cee3e031c3a5934', role: "listitem" }, h("div", { key: 'd35ce4e0371380a76e59ee983ce32c33a3aa8167', class: {
+        return (h(Host, { key: '7d711b603579ec67a9f0312071519e31f4a15709', role: "listitem" }, h("div", { key: 'db890287036e3e85f10f7c76454e8ca91ada6f7c', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-dropdown-has-icon': this.dropdownHasIcon,
                 'component-dropdown-has-user': this.dropdownHasUser,
                 'component-collapsed': this.collapsed,
-            } }, h("slot", { key: '915f92493f1a085f66501d0fbe361818e7dbc63f' }))));
+            } }, h("slot", { key: '944534e13549524e2e40fd8ad8e0b1d61e1bdbcf' }))));
     }
     static get is() { return "tds-side-menu-dropdown-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js

@@ -11,10 +11,7 @@ export class TdsSideMenuItem {
         this.hasUserComponent = false;
     }
     findSlottedAndExecute(searchPredicate, callback) {
-        var _a;
-        const assignedElements = (_a = this.slotEl) === null || _a === void 0 ? void 0 : _a.assignedElements({ flatten: true });
-        if (!(assignedElements === null || assignedElements === void 0 ? void 0 : assignedElements.length))
-            return;
+        const assignedElements = this.slotEl.assignedElements({ flatten: true });
         const firstSlottedElement = assignedElements[0];
         if (firstSlottedElement) {
             const foundElement = dfs(firstSlottedElement, searchPredicate);
@@ -55,19 +52,16 @@ export class TdsSideMenuItem {
         // closest() will return null if side-menu-item is inside a shadowRoot that
         // does not contain a side-menu. This is the case for the side-menu-dropdown.
         this.sideMenuEl = this.host.closest('tds-side-menu');
-        this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
+        this.collapsed = (_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed;
     }
     componentDidLoad() {
-        var _a, _b;
-        this.slotEl = (_b = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) !== null && _b !== void 0 ? _b : null;
+        this.slotEl = this.host.shadowRoot.querySelector('slot');
         this.updateSlottedElements();
         this.updateHasUserComponent();
-        if (this.slotEl) {
-            this.slotEl.addEventListener('slotchange', () => {
-                this.updateSlottedElements();
-                this.updateHasUserComponent();
-            });
-        }
+        this.slotEl.addEventListener('slotchange', () => {
+            this.updateSlottedElements();
+            this.updateHasUserComponent();
+        });
     }
     collapseSideMenuEventHandler(event) {
         this.collapsed = event.detail.collapsed;
@@ -75,13 +69,13 @@ export class TdsSideMenuItem {
         this.updateHasUserComponent();
     }
     render() {
-        return (h(Host, { key: 'ff51604316231f08db7135c89336aa40a34ca780' }, h("div", { key: '7ba6d6ad1646cdcca89ba014eb20115ead57a9cc', class: {
+        return (h(Host, { key: '94dc12f57a0eedb5ab1528394352c4a7fcea55ff' }, h("div", { key: '3336a6d1af3c573fdbbbf590fae2be3381c89163', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-active': this.active,
                 'component-collapsed': this.collapsed,
                 'component-has-user': this.hasUserComponent,
-            } }, h("slot", { key: '43b400894c86a51cc1dbe910f8eecab31fad4c45' }))));
+            } }, h("slot", { key: '5c92976a5aa367142e2af23fdacb6d67c3d2b36c' }))));
     }
     static get is() { return "tds-side-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-menu/side-menu.js

@@ -40,8 +40,7 @@ export class TdsSideMenu {
         this.initialCollapsedState = this.collapsed;
     }
     componentDidLoad() {
-        var _a;
-        const upperSlot = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
+        const upperSlot = this.host.shadowRoot.querySelector('slot:not([name])');
         const upperSlotElements = upperSlot.assignedElements();
         const hasUpperSlotElements = (upperSlotElements === null || upperSlotElements === void 0 ? void 0 : upperSlotElements.length) > 0;
         if (!hasUpperSlotElements) {
@@ -85,7 +84,7 @@ export class TdsSideMenu {
         }
     }
     getFocusableElements() {
-        var _a, _b, _c;
+        var _a;
         const focusableSelectors = [
             'a[href]',
             'button:not([disabled])',
@@ -94,13 +93,11 @@ export class TdsSideMenu {
             'select:not([disabled])',
             '[tabindex]:not([tabindex="-1"])',
         ].join(',');
-        const focusableInShadowRoot = Array.from((_b = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(focusableSelectors)) !== null && _b !== void 0 ? _b : []);
+        const focusableInShadowRoot = Array.from(this.host.shadowRoot.querySelectorAll(focusableSelectors));
         const focusableInSlots = Array.from(this.host.querySelectorAll(focusableSelectors));
-        const slottedBtn = this.host.querySelector('[slot="close-button"]');
-        let closeBtn;
-        if (slottedBtn)
-            closeBtn = (_c = slottedBtn.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('button');
-        const focusableElements = [...focusableInShadowRoot, ...focusableInSlots];
+        const closeBtn = (_a = this.host
+            .querySelector('[slot="close-button"]')) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector('button');
+        let focusableElements = [...focusableInShadowRoot, ...focusableInSlots];
         if (closeBtn)
             focusableElements.push(closeBtn);
         /** Focusable elements */
@@ -141,16 +138,16 @@ export class TdsSideMenu {
         this.collapsed = event.detail.collapsed;
     }
     render() {
-        return (h(Host, { key: '9e5d7f1ba74c0d6cbc0718e3ee484e158dd285c4', class: {
+        return (h(Host, { key: '62d159fdff0e4dd3d2a93e0c5542b8e672e3f287', class: {
                 'menu-opened': this.open,
                 'menu-persistent': this.persistent,
                 'menu-collapsed': this.collapsed,
-            }, "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '2232f6fdde0d7bf4b6225b3007feeb5b86699dda', class: {
+            }, "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '17134ffc1c3ca6658f4ff87c203ca3b6ba991b83', class: {
                 'wrapper': true,
                 'state-upper-slot-empty': this.isUpperSlotEmpty,
                 'state-open': this.open,
                 'state-closed': !this.open,
-            } }, h("slot", { key: '26fc446848ef685421cb9fed4b9c633d76104c1c', name: "overlay" }), h("aside", { key: 'd91e1e9d72b8adfa9cd4fb432145cc3ca80574bf', class: `menu` }, h("div", { key: '2b7c94d205caec161cf6cf0442f917828fe3d665', role: "navigation" }, h("slot", { key: 'c7e11cd09171a49363a765fac87da5333247943d', name: "close-button" }), h("div", { key: 'd7273516d1b4104c0736ec547cf47aba5f094d99', class: "tds-side-menu-wrapper" }, h("ul", { key: '46cb7afded919e25b9419cfffb85cbfd06c99b6f', class: `tds-side-menu-list tds-side-menu-list-upper` }, h("li", { key: 'b337af4217469b83d70faf380c3f36d6689c071d' }, h("slot", { key: 'f5fb8d9a9be3d1e121c9ccad7086a56993d739b6' }))), h("ul", { key: '159157ffa0881b8731c3b62644007dcefd72670f', class: `tds-side-menu-list tds-side-menu-list-end` }, h("li", { key: '3e9fbf4ba3823ee12c9d5b9bfbc4c6b45a7599de' }, h("slot", { key: '385756d7a9f855921cfa835e26ab02bc7cc01833', name: "end" })))), h("slot", { key: '53c64695d4e490bf180fe8e1dd52ab6b5e0f0447', name: "sticky-end" }))))));
+            } }, h("slot", { key: '8ed1f309c2188e6de12b874198c36a4698d7a69f', name: "overlay" }), h("aside", { key: '45702b7ff79693b31565550fc1985bfd64e45f92', class: `menu` }, h("div", { key: 'e799983a07a07ad0f4cac8e962e1748d08107b6b', role: "navigation" }, h("slot", { key: '4550b56dae039b94005dd58c8c5cb9818c3ab48a', name: "close-button" }), h("div", { key: 'ad2457482eb6dc9b08428f36078d53143f7b5168', class: "tds-side-menu-wrapper" }, h("ul", { key: '541323ca57ed67565c848a984bd3ac210ce6f135', class: `tds-side-menu-list tds-side-menu-list-upper` }, h("li", { key: '6248720390640a1166e1158caa0f50164fe1dfad' }, h("slot", { key: 'b3d24d582d4781fef041a2c099681fd538d01910' }))), h("ul", { key: '0a5f76474b4b3851d790ab8f698dbea9fd0fda05', class: `tds-side-menu-list tds-side-menu-list-end` }, h("li", { key: '576cf3e91cac7c1a21e6b35105475f1f443c2f45' }, h("slot", { key: '71f9c2d1c061401ef26daf68c7801b5665a25d03', name: "end" })))), h("slot", { key: '41805c2bb7c66f74f47edd2393a9a3452132c769', name: "sticky-end" }))))));
     }
     static get is() { return "tds-side-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/slider/slider.js

@@ -17,8 +17,8 @@ export class TdsSlider {
         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();
@@ -83,22 +83,21 @@ export class TdsSlider {
         }
     }
     handleRelease(event) {
-        var _a, _b, _c;
         if (!this.thumbGrabbed) {
             const clickedOnTrack = event.target === this.trackElement || event.target === this.trackFillElement;
             if (clickedOnTrack) {
                 this.thumbCore(event);
-                (_a = this.trackElement) === null || _a === void 0 ? void 0 : _a.focus();
+                this.trackElement.focus();
             }
             return;
         }
         this.thumbGrabbed = false;
-        (_b = this.thumbInnerElement) === null || _b === void 0 ? void 0 : _b.classList.remove('pressed');
+        this.thumbInnerElement.classList.remove('pressed');
         if (this.thumbElement) {
             this.thumbElement.setAttribute('aria-grabbed', 'false');
         }
         this.updateValue(event);
-        (_c = this.trackElement) === null || _c === void 0 ? void 0 : _c.focus();
+        this.trackElement.focus();
     }
     handleMove(event) {
         if (!this.thumbGrabbed) {
@@ -142,11 +141,8 @@ export class TdsSlider {
         return snappedLocalLeft;
     }
     thumbCore(event) {
-        var _a;
         const numTicks = parseInt(this.ticks);
-        const trackRect = (_a = this.trackElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-        if (!trackRect)
-            return;
+        const trackRect = this.trackElement.getBoundingClientRect();
         let localLeft = 0;
         if (event.type === 'mousemove' || event.type === 'mouseup') {
             localLeft = event.clientX - trackRect.left;
@@ -161,9 +157,7 @@ export class TdsSlider {
             localLeft = this.updateSupposedValueSlot(localLeft);
         }
         this.thumbLeft = this.constrainThumb(localLeft);
-        if (this.thumbElement) {
-            this.thumbElement.style.left = `${this.thumbLeft}px`;
-        }
+        this.thumbElement.style.left = `${this.thumbLeft}px`;
         this.updateValue(event);
     }
     updateTrack() {
@@ -179,8 +173,6 @@ export class TdsSlider {
         // 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);
     }
@@ -304,12 +296,11 @@ export class TdsSlider {
         }
     }
     grabThumb() {
-        var _a;
         if (this.readOnly) {
             return;
         }
         this.thumbGrabbed = true;
-        (_a = this.thumbInnerElement) === null || _a === void 0 ? void 0 : _a.classList.add('pressed');
+        this.thumbInnerElement.classList.add('pressed');
         if (this.thumbElement) {
             this.thumbElement.setAttribute('aria-grabbed', 'true');
         }
@@ -402,8 +393,7 @@ export class TdsSlider {
                 this.calculateThumbLeftFromValue(this.value);
                 this.updateTrack();
             });
-            if (this.wrapperElement)
-                resizeObserver.observe(this.wrapperElement);
+            resizeObserver.observe(this.wrapperElement);
         }
         this.calculateThumbLeftFromValue(this.value);
         this.updateTrack();
@@ -440,30 +430,30 @@ export class TdsSlider {
     }
     render() {
         const ariaLabel = this.readOnly ? this.tdsReadOnlyAriaLabel : this.label || this.tdsAriaLabel;
-        return (h("div", { key: '24887d4b2784913aed5eca30aad868b29bc3dc71', class: {
+        return (h("div", { key: '3a496ff494a47cb2e7f777145731b2b0a99619e5', class: {
                 'tds-slider-wrapper': true,
                 'read-only': this.readOnly,
-            } }, 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 }), h("div", { key: '38a8a4993efb95dc74a6b998a4a6dce68a57193d', class: "sr-only", "aria-live": "assertive", ref: (el) => {
+            } }, 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 }), h("div", { key: '38d7dc7f03e4ce5398f47382ac44b159d03cc9a9', class: "sr-only", "aria-live": "assertive", ref: (el) => {
                 this.ariaLiveElement = el;
-            } }), h("div", { key: 'dbdcd7a7524249488066f6cbc7ccda1edc125348', class: {
+            } }), h("div", { key: '564131065550bb6ef78b813791696af866275b60', class: {
                 'tds-slider': true,
                 'disabled': this.disabled,
                 'tds-slider-small': this.useSmall,
             }, ref: (el) => {
                 this.wrapperElement = el;
-            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("label", { key: '703fef163564db3dab89f7ef62c8ec8ae849091a', id: `${this.sliderId}-label`, class: { offset: this.showTickNumbers } }, this.label), this.useInput && (h("div", { key: '61e0a370c74b04c29b7c3d8f227727df2d72e2e1', class: "tds-slider__input-values" }, h("div", { key: '080c7a8d5fe68231a33946284eaf0b42509ae2aa', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (h("div", { key: 'c281e3c27afb09bbde92bb45b95494bda73a2d1e', class: "tds-slider__controls" }, 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' }, h("tds-icon", { key: 'be17662d98c4e89ac549d7604fb8ef039ec1a4ff', name: "minus", size: "16px" })))), h("div", { key: '2d34951d542b45ff4fce0869bd9877626b414641', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (h("div", { key: '991096492d690f53e0d597bd05d4f9f3fa875831', class: "tds-slider__value-dividers-wrapper" }, h("div", { key: 'e2362ac7b9af796e0d4b2961c99d6ef850f873fc', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && h("span", null, value))))))), h("div", { key: '303410bc80f3fc1a49c1a1954f287151ba1397df', class: "tds-slider__track", ref: (el) => {
+            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("label", { key: 'cc0dd61feaeb64fa866ceee68f03e59844572327', id: `${this.sliderId}-label`, class: this.showTickNumbers && 'offset' }, this.label), this.useInput && (h("div", { key: 'd95cfd517b1d810ba60f47d8f79f27fbcb11cb84', class: "tds-slider__input-values" }, h("div", { key: '253ecd4768fe8ac57e8fb342ed1e363abc9da5cb', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (h("div", { key: '84a35f8c63bf5b723d4244ec8f7ea1dd7cbffc20', class: "tds-slider__controls" }, 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' }, h("tds-icon", { key: '70e6604021a651eadcbaf7767b03f2e62034abe5', name: "minus", size: "16px" })))), h("div", { key: '53550f817e1a032e0e91200752e7d1eeb23ded34', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (h("div", { key: 'f59130b6cdb011c01eb81d5e18cf7e952b96c68e', class: "tds-slider__value-dividers-wrapper" }, h("div", { key: '66f66ceae09f21462e3f28c49844b10e0182ec49', class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && h("span", null, value))))))), h("div", { key: '00f9d38e9aba338091af66ced5f559378354cffd', class: "tds-slider__track", ref: (el) => {
                 this.trackElement = el;
             }, tabindex: this.disabled ? '-1' : '0', role: "presentation", onFocus: () => {
                 if (this.thumbElement) {
                     this.thumbElement.focus();
                 }
-            } }, h("div", { key: '458f4a54a0ffc5eef7ad1933ba1713f378e03bb2', class: "tds-slider__track-fill", ref: (el) => {
+            } }, h("div", { key: '20ea7060588fc4e81be9e2e3d6e5a7c585b6b867', class: "tds-slider__track-fill", ref: (el) => {
                 this.trackFillElement = el;
-            } }), h("div", { key: '09f5c914b3e31f40cbc5114ba11ac8ed6b6c10e3', class: "tds-slider__thumb", ref: (el) => {
+            } }), h("div", { key: 'd6c6155ee44d443dc58ed1c463e927e8de6808b6', 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 && (h("div", { key: '915c5a0873d719e716a9eda6f24df4f289dcc3e3', class: "tds-slider__value" }, this.value, h("svg", { key: 'd1ad51a448a9314c8a9dc87e5b4c969d9699833f', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, 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" })))), h("div", { key: '3c2bd4378b7d2f894bd04af1d0d4f68472d94129', 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 && (h("div", { key: '8ddf95ae707a6bf086f6c414fca62098f7974caf', class: "tds-slider__value" }, this.value, h("svg", { key: '9193dc47663210d904271d10a1e3ffbaad3073bf', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, 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" })))), h("div", { key: '183f49eda3134b87e5b65334265d44fe404a9e1d', class: "tds-slider__thumb-inner", ref: (el) => {
                 this.thumbInnerElement = el;
-            } })))), this.useInput && (h("div", { key: '8d7b06d47eb9c5b8adef909a63b4017143025477', class: "tds-slider__input-values" }, h("div", { key: '1e5e6cb7d0522ca0e89e67fd0125684b32e2c4f6', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), h("div", { key: 'e3a5d242963f2868f2f26674243c36c634422501', class: "tds-slider__input-field-wrapper" }, 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 && (h("div", { key: 'c71f7b90d4565cccdb41ef56e1dc3485506baad1', class: "tds-slider__controls" }, 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' }, h("tds-icon", { key: '8e3488bcad15f4f6dd7182b066a905019d87d20d', name: "plus", size: "16px" })))))));
+            } })))), this.useInput && (h("div", { key: '00e135462f95a4ee21070c25e0b507e4931257ed', class: "tds-slider__input-values" }, h("div", { key: 'ad8029ecff8f448380f291629ee803ee5634bf6e', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), h("div", { key: 'cb7460d3946debbc138b2ae88b61ff9a288ca2ae', class: "tds-slider__input-field-wrapper" }, 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 && (h("div", { key: '2b85ddaf9e31f702773212326f55e8eb4737e3da', class: "tds-slider__controls" }, 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' }, h("tds-icon", { key: 'd66d1a1d49da54d1cafca2872b8462b126154684', name: "plus", size: "16px" })))))));
     }
     static get is() { return "tds-slider"; }
     static get originalStyleUrls() {

package/dist/collection/components/stepper/step/step.js

@@ -21,8 +21,6 @@ export class TdsStep {
     /* 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;
@@ -42,7 +40,7 @@ export class TdsStep {
         }
     }
     render() {
-        return (h(Host, { key: '4da9583f2f8f406775789bb2ba2fb4a048bd2bb2' }, 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' : ''}` }, h("span", { key: '12da4b94879916c29a142ae2b1c9158132369242', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (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' })) : (h("span", { "aria-hidden": "true", class: "index-container" }, this.index))), !this.hideLabels && (h("div", { key: 'b67fe88775ae01d9878bfea0ed65a5e89bcd096c', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, h("slot", { key: '63476ee55ea1577a09b3885dd287ef117c00fc3c', name: "label" }))))));
+        return (h(Host, { key: '871df74d99ed0bdf15fa82e0c2980b08b94735a8' }, 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' : ''}` }, h("span", { key: '8940a00dcd0001d6d264aff8cbc9331d4d890d49', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (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' })) : (h("span", { "aria-hidden": "true", class: "index-container" }, this.index))), !this.hideLabels && (h("div", { key: 'daa62f4d9347c571d214b1b9eb68b7d56418aed2', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, h("slot", { key: '68a20d3daded858cf1188f43747edb77ed2c9cbf', name: "label" }))))));
     }
     static get is() { return "tds-step"; }
     static get encapsulation() { return "shadow"; }

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

@@ -29,19 +29,20 @@ export class TdsTable {
     }
     /** Returns all selected rows data. */
     async getSelectedRows() {
-        var _a;
         let selectedRowsData = [];
         const tableBody = this.host.querySelector('tds-table-body');
-        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);
+        const selectedRows = Array.from(tableBody.querySelectorAll('tds-table-body-row')).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: cell.cellKey,
-                    cellValue: ((_a = cell.cellValue) !== null && _a !== void 0 ? _a : cell.innerText),
+                    cellKey: null,
+                    cellValue: null,
                 };
+                cellObject.cellKey = cell.cellKey;
+                cellObject.cellValue = (_a = cell.cellValue) !== null && _a !== void 0 ? _a : cell.innerText;
                 selectedRow = [...selectedRow, cellObject];
             });
             selectedRowsData = [...selectedRowsData, selectedRow];
@@ -81,21 +82,18 @@ export class TdsTable {
     }
     componentWillRender() {
         if (this.horizontalScrollWidth) {
-            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;
-            }
+            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;
         }
     }
     render() {
-        return (h(Host, { key: '7a09b4ad8b4b79d0c6488ae2fc56b756857abe67', class: {
+        return (h(Host, { key: '7a9b7fb545f7c4cd4c0f118910ce8af6d407851e', class: {
                 'tds-table--responsive': this.responsive,
                 'tds-mode-variant-primary': this.modeVariant === 'primary',
                 'tds-mode-variant-secondary': this.modeVariant === 'secondary',
-            } }, h("table", { key: '949b04b7b26286b8641df078290eadb843899d76', style: this.getStyles(), class: {
+            } }, h("table", { key: '8a1c7e74c38a55e17d7cf322997f6690d6b29f3f', style: this.getStyles(), class: {
                 'tds-table': true,
                 'tds-table--compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
@@ -106,7 +104,7 @@ export class TdsTable {
                 '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,
-            } }, h("slot", { key: '319e8974bf20f3fba6c7ef286a494d4875bd2c44' }))));
+            } }, h("slot", { key: 'a47351a50dbd07b15f969ffaeb75f62045693968' }))));
     }
     static get is() { return "tds-table"; }
     static get encapsulation() { return "shadow"; }
@@ -233,8 +231,8 @@ export class TdsTable {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'primary' | 'secondary' | null",
-                    "resolved": "\"primary\" | \"secondary\" | null",
+                    "original": "'primary' | 'secondary'",
+                    "resolved": "\"primary\" | \"secondary\"",
                     "references": {}
                 },
                 "required": false,
@@ -269,8 +267,8 @@ export class TdsTable {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "string | null",
-                    "resolved": "null | string | undefined",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
@@ -340,31 +338,15 @@ export class TdsTable {
         return {
             "getSelectedRows": {
                 "complexType": {
-                    "signature": "() => Promise<{ cellKey: string; cellValue: string | number; }[][]>",
+                    "signature": "() => Promise<any[]>",
                     "parameters": [],
                     "references": {
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
-                        },
-                        "RowCell": {
-                            "location": "global",
-                            "id": "global::RowCell"
-                        },
-                        "Array": {
-                            "location": "global",
-                            "id": "global::Array"
-                        },
-                        "HTMLTdsTableBodyRowElement": {
-                            "location": "global",
-                            "id": "global::HTMLTdsTableBodyRowElement"
-                        },
-                        "HTMLTdsBodyCellElement": {
-                            "location": "global",
-                            "id": "global::HTMLTdsBodyCellElement"
                         }
                     },
-                    "return": "Promise<RowCell[][]>"
+                    "return": "Promise<any[]>"
                 },
                 "docs": {
                     "text": "Returns all selected rows data.",

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

@@ -41,20 +41,16 @@ export class TdsTableBody {
         this.bodyCheckBoxClicked();
     }
     connectedCallback() {
-        var _a;
         this.tableEl = this.host.closest('tds-table');
-        this.tableId = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.tableId;
+        this.tableId = this.tableEl.tableId;
     }
     componentWillLoad() {
         relevantTableProps.forEach((tablePropName) => {
-            var _a;
-            this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
+            this[tablePropName] = this.tableEl[tablePropName];
         });
     }
     componentWillRender() {
-        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;
+        const headerColumnsNo = this.host.parentElement.querySelector('tds-table-header').children.length;
         // multiselect and expended features requires one extra column for controls...
         if (this.multiselect || this.expandableRows) {
             this.columnsNumber = headerColumnsNo + 1;
@@ -64,12 +60,12 @@ export class TdsTableBody {
         }
     }
     render() {
-        return (h(Host, { key: '80e470d85ca46b398d9254bbcf84865b65656c7c', "data-selected-rows": this.multiselectArrayJSON, class: {
+        return (h(Host, { key: 'f9472ae9b1dcad43aab101811dfe858dea4851e9', "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',
-            } }, h("slot", { key: 'ef1c5c7a13129ff08d48d568088c05e2416b8284' })));
+            } }, h("slot", { key: '61a0ec649d2f7f51ca386c46335a6ae018c993d0' })));
     }
     static get is() { return "tds-table-body"; }
     static get originalStyleUrls() {

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

@@ -63,8 +63,7 @@ export class TdsTableBodyCell {
     componentWillLoad() {
         if (this.tableEl) {
             relevantTableProps.forEach((tablePropName) => {
-                var _a;
-                this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
+                this[tablePropName] = this.tableEl[tablePropName];
             });
         }
         if (this.textAlign) {
@@ -84,13 +83,13 @@ export class TdsTableBodyCell {
             // Conditionally set padding style
             padding: paddingStyle,
         };
-        return (h(Host, { key: '2a56a35d85a6f9f05894ee254edc590c2d7e96b5', class: {
+        return (h(Host, { key: 'cfabd07f5fb68862ec1afe31679d492593e5a579', class: {
                 'tds-table__body-cell': true,
                 'tds-table__body-cell--hover': this.activeSorting,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
                 'tds-table--no-min-width': this.noMinWidth,
-            }, style: dynamicStyles, role: "cell" }, this.cellValue, h("slot", { key: 'daa924435db192e5205247edc52a5a995dff6f08' })));
+            }, style: dynamicStyles, role: "cell" }, this.cellValue, h("slot", { key: 'cb0466abad9e73f9daed8483304246deb79d37e8' })));
     }
     static get is() { return "tds-body-cell"; }
     static get encapsulation() { return "shadow"; }
@@ -124,11 +123,11 @@ export class TdsTableBodyCell {
                 "reflect": true
             },
             "cellKey": {
-                "type": "string",
+                "type": "any",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "any",
+                    "resolved": "any",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js

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

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

@@ -20,19 +20,17 @@ export class TdsTableBodyRow {
         this.tableId = '';
     }
     async handleCheckboxChange(event) {
-        var _a;
         this.selected = event.detail.checked;
         this.tdsSelect.emit({
             tableId: this.tableId,
             checked: this.selected,
-            selectedRows: await ((_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.getSelectedRows()),
+            selectedRows: await this.tableEl.getSelectedRows(),
         });
     }
     handleRowClick(e) {
-        var _a, _b, _c;
         if (!this.clickable)
             return;
-        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);
+        let rowIndex = Array.from(this.host.parentElement.children).indexOf(this.host);
         this.tdsClick.emit({
             event: e,
             tableId: this.tableId,
@@ -65,19 +63,18 @@ export class TdsTableBodyRow {
     componentWillLoad() {
         if (this.tableEl) {
             relevantTableProps.forEach((tablePropName) => {
-                var _a;
-                this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
+                this[tablePropName] = this.tableEl[tablePropName];
             });
         }
     }
     render() {
-        return (h(Host, { key: '377d16a55b6c2cb87940ee6ec8629e71dde6ad17', tabindex: this.clickable ? '0' : null, class: {
+        return (h(Host, { key: '6bf3fee7c066bc4686c9aa0ecba45c04ca7b2aae', 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 && (h("td", { key: 'a65e6eed2e09e49c80c5f25312613c874a3d3b1a', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: '37b7bb583a756031ee86c57015523fdb659d683d', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), h("slot", { key: '35cdd94e92fc239d756b4ba240f10cd1e1914512' })));
+            }, onClick: (e) => this.handleRowClick(e), onKeyDown: (e) => this.handleKeyDown(e), role: "row" }, this.multiselect && (h("td", { key: '845e64408b938254887c7ec840eae48fc4ed01e3', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: '817ef05632a9b2704148a0c9ce190b360b9cec3b', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), h("slot", { key: '50cf1a5aeae24aaceeb813f432abe8e75ad53857' })));
     }
     static get is() { return "tds-table-body-row"; }
     static get encapsulation() { return "shadow"; }
@@ -116,7 +113,7 @@ export class TdsTableBodyRow {
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
-                    "resolved": "boolean | undefined",
+                    "resolved": "boolean",
                     "references": {}
                 },
                 "required": false,
@@ -171,8 +168,8 @@ export class TdsTableBodyRow {
                     "text": "Event emitted when a row is selected/deselected."
                 },
                 "complexType": {
-                    "original": "{\n    tableId: string | undefined;\n    checked: boolean;\n    selectedRows: object[] | undefined;\n  }",
-                    "resolved": "{ tableId: string | undefined; checked: boolean; selectedRows: object[] | undefined; }",
+                    "original": "{\n    tableId: string;\n    checked: boolean;\n    selectedRows: any[];\n  }",
+                    "resolved": "{ tableId: string; checked: boolean; selectedRows: any[]; }",
                     "references": {}
                 }
             }, {
@@ -186,8 +183,8 @@ export class TdsTableBodyRow {
                     "text": "Event emitted when a row is clicked."
                 },
                 "complexType": {
-                    "original": "{\n    event: MouseEvent;\n    tableId: string | undefined;\n    rowIndex: number;\n  }",
-                    "resolved": "{ event: MouseEvent; tableId: string | undefined; rowIndex: number; }",
+                    "original": "{\n    event: MouseEvent;\n    tableId: string;\n    rowIndex: number;\n  }",
+                    "resolved": "{ event: MouseEvent; tableId: string; rowIndex: number; }",
                     "references": {
                         "MouseEvent": {
                             "location": "global",