@scania/tegel 1.43.0 → 1.44.0-sonarcloud-0

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

@@ -12,7 +12,7 @@ export class TdsSideMenuUserImage {
         this.alt = undefined;
     }
     render() {
-        return (h(Host, { key: '62b6a38f0705b052cb4d5b9379bc77662f66c505' }, h("slot", { key: '99aeba48272e512ce419a934cb4147052a5e0190' }), this.src && h("img", { key: '352e0a3f93558b298835afbfe72193cdbebcffa4', src: this.src, alt: this.alt })));
+        return (h(Host, { key: '22bb496463e8548ddf2ce55f95f112dae1afa181' }, h("slot", { key: 'ebbe1e06c9b27b41f9f206f65890654be3866d03' }), this.src && h("img", { key: '2a378a8e56cb54a5c300123e156ecadf04d92459', src: this.src, alt: this.alt })));
     }
     static get is() { return "tds-side-menu-user-image"; }
     static get encapsulation() { return "shadow"; }
@@ -33,11 +33,11 @@ export class TdsSideMenuUserImage {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "The image source."
@@ -50,11 +50,11 @@ export class TdsSideMenuUserImage {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "The image alt text."

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

@@ -5,7 +5,7 @@ export class TdsSideMenuUserLabel {
         this.subheading = undefined;
     }
     render() {
-        return (h(Host, { key: '5b045eb527ee378f50f6a1bec3a383b9c0f352ef' }, this.heading, this.subheading && h("div", { key: '3e106d0bdbe62438e8d2edbf73f43324cb78ffdd', class: "subheading" }, this.subheading)));
+        return (h(Host, { key: '30326793059e4e25b3c769e94b22780a37754ba4' }, this.heading, this.subheading && h("div", { key: 'e3912bf0571bb8ef67ebea53d37547a0a9284bf7', class: "subheading" }, this.subheading)));
     }
     static get is() { return "tds-side-menu-user-label"; }
     static get encapsulation() { return "shadow"; }
@@ -43,11 +43,11 @@ export class TdsSideMenuUserLabel {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "The subheading text."

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

@@ -1,7 +1,8 @@
 /*
   Contains spacing variables for the layout
 */
-:host {
+:host,
+:root {
   --tds-scrollbar-width-standard: thin;
   --tds-scrollbar-width: 10px;
   --tds-scrollbar-height: 10px;

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

@@ -141,16 +141,16 @@ export class TdsSideMenu {
         this.collapsed = event.detail.collapsed;
     }
     render() {
-        return (h(Host, { key: '9e5d7f1ba74c0d6cbc0718e3ee484e158dd285c4', class: {
+        return (h(Host, { key: '06848ba9d752f9b10c0ffbb8dcb65e1b353ce5a3', 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: '65afb8d82603417c12ab0140df3a6f705d92f48a', 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: '95a5c8e79ccdfcb4547e0884531fcc1be018f650', name: "overlay" }), h("aside", { key: 'af8c91f255a8fd7bcc447b77abab1343fc49a9b2', class: `menu` }, h("div", { key: 'a45b3a9274363862ed17400ccfa5ce5d066426f9', role: "navigation" }, h("slot", { key: 'd196a3f08b28ea220535672483f0682bbbe5744c', name: "close-button" }), h("div", { key: '87d23d9b1454680f1e231ac4b128b182e46931f7', class: "tds-side-menu-wrapper" }, h("ul", { key: '7ffe1f72ec8c19486af835b2b262bc8d492d53f3', class: `tds-side-menu-list tds-side-menu-list-upper` }, h("li", { key: '4dac95ae5a33fc5a5bf8c86e8ffbf677d4d027a8' }, h("slot", { key: '524e93dd76c26ef5e48c960a30653c51146d913b' }))), h("ul", { key: '079a5014d43f9c3637cf09eb92bb4ff82b1d6377', class: `tds-side-menu-list tds-side-menu-list-end` }, h("li", { key: '06d8904d9e4b9ec54b92db6a600f1b79b4fac6f4' }, h("slot", { key: 'bebea535b735681e5896a799d68e44ec80074d42', name: "end" })))), h("slot", { key: '95468fce6d703cd90c491ad5d585549ffcb8da1d', name: "sticky-end" }))))));
     }
     static get is() { return "tds-side-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,6 +16,7 @@ export class TdsSlider {
         this.useSnapping = false;
         this.supposedValueSlot = -1;
         this.resizeObserverAdded = false;
+        this.initialValue = '0';
         this.resetEventListenerAdded = false;
         this.formElement = null;
         this.ariaLiveElement = null;
@@ -440,30 +441,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: '1d089e5942bf7e4872b68bc46a269e975a4957a7', 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: 'cf47a9ec5545aa0dd064b4e900578204ec9865c9', 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: '1867645432d81580de1cb345ad68e55f9c004c28', class: "sr-only", "aria-live": "assertive", ref: (el) => {
                 this.ariaLiveElement = el;
-            } }), h("div", { key: 'dbdcd7a7524249488066f6cbc7ccda1edc125348', class: {
+            } }), h("div", { key: '39c628693700a11cda5f9536c6cfc8d4fcad70b6', 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: '8e0a61a0a9c872eda41f0d38efd9056cdf34906e', id: `${this.sliderId}-label`, class: { offset: this.showTickNumbers } }, this.label), this.useInput && (h("div", { key: '04a9887058c3f4ff2a6cd86a0e351b581becba74', class: "tds-slider__input-values" }, h("div", { key: 'eefa61151c058767d3293bad2ecd0e9878aa3b16', class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (h("div", { key: '241854ca030c62361240e98b112f7ec490cf6570', class: "tds-slider__controls" }, h("div", { key: '9ee83bb2be85b0813abf53d593059c3f8867175b', 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: '80351eb5648c3032cc6356c8494c7fdc38a105a0', name: "minus", size: "16px" })))), h("div", { key: '5abdde18e7e8131b9b3f85d18cbbcc5583d18a52', class: "tds-slider-inner", tabIndex: -1 }, this.tickValues.length > 0 && (h("div", { key: '364212a676b02719c87cce1135b11aa295753f46', class: "tds-slider__value-dividers-wrapper" }, h("div", { key: 'ae1e63e6d45760ca582814ed1e72c3d8db43ef44', 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: 'f3be603d4b0c9e30988265361d6b2c9f8b550483', 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: 'cd786e1d47f5ab9a3f4b824f00849fda01064915', class: "tds-slider__track-fill", ref: (el) => {
                 this.trackFillElement = el;
-            } }), h("div", { key: '09f5c914b3e31f40cbc5114ba11ac8ed6b6c10e3', class: "tds-slider__thumb", ref: (el) => {
+            } }), h("div", { key: '36be5f7f9bb51d138e4a2b5e66dd9116c14260f8', 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: '0ccf5661d2ed49474040b964f3c31c9144effdc1', class: "tds-slider__value" }, this.value, h("svg", { key: 'c93653b56ab7759af24ed4ca9c32af758d51266d', width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f02dd0b4b9274dc9ea36aeb30059aed4bd81007f', 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: '688f3d350bb7175d08b017e804edac1ddde08ee6', 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: '3f85a89df94fe531b1e9a3aa052cae465493aab0', class: "tds-slider__input-values" }, h("div", { key: 'd6f72ceb11a9305485712fed72831257ba3e47ce', class: "tds-slider__input-value", onClick: (event) => this.stepLeft(event) }, this.max), h("div", { key: 'd694e8f0bab9e97be10720bcef2f7d218a997103', class: "tds-slider__input-field-wrapper" }, h("tds-text-field", { key: '50e55ae9e12d7bac3b1bee5132130b57db6082de', 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: '328e507a5ff8c40d01b1eb5769914a07dceb436c', class: "tds-slider__controls" }, h("div", { key: 'f43b7c31a4e5c38c650a24e6b622b84e32e358c2', 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: '707af22bfa42a1e9212199d372edf46db26eead1', name: "plus", size: "16px" })))))));
     }
     static get is() { return "tds-slider"; }
     static get originalStyleUrls() {

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

@@ -42,7 +42,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: '0589d81b64f547deb8f0d9db7c9d377ee9d8db67' }, h("div", { key: '7d01660a996d9c3a63b6c9765aa9e97a3c465f72', 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: 'f11f36b998a8b40842517a4032fe25aad488ccf3', 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: '0e707ca85c128c486906e893f20f7a171ef693f7', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, h("slot", { key: '265d2e99ba2b59749a1ee841895127c90c7750ac', name: "label" }))))));
     }
     static get is() { return "tds-step"; }
     static get encapsulation() { return "shadow"; }
@@ -63,11 +63,11 @@ export class TdsStep {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Index of the step. Will be displayed in the step if the state is current/upcoming."
@@ -98,11 +98,11 @@ export class TdsStep {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

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

@@ -46,7 +46,7 @@ export class TdsStepper {
         });
     }
     render() {
-        return (h(Host, { key: '83520f04716c1a9314858780bcd31d63b6fd1192' }, h("div", { key: '5b024281e8bc253f9790b0670c7c1d78b897e49a', role: "list", "aria-label": this.tdsAriaLabel, class: `${this.orientation} text-position-${this.labelPosition} ${this.size}` }, h("slot", { key: '271835f2b05c6ec8ecf34433897848e23a02da03' }))));
+        return (h(Host, { key: 'a62077cf8b1936e7109eea64cad0ceb67a45c676' }, h("div", { key: 'f958fcd53b074ac8ac72d055162e738116e94956', role: "list", "aria-label": this.tdsAriaLabel, class: `${this.orientation} text-position-${this.labelPosition} ${this.size}` }, h("slot", { key: 'e9dfa6c14ec134baafe5a58394337b09ca091809' }))));
     }
     static get is() { return "tds-stepper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/table/table.css

@@ -1,4 +1,5 @@
-:host {
+:host,
+:root {
   --tds-scrollbar-width-standard: thin;
   --tds-scrollbar-width: 10px;
   --tds-scrollbar-height: 10px;

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

@@ -37,10 +37,10 @@ export class TdsTable {
             let selectedRow = [];
             const rowCells = Array.from(row.getElementsByTagName('tds-body-cell'));
             rowCells.forEach((cell) => {
-                var _a;
+                var _a, _b;
                 const cellObject = {
-                    cellKey: cell.cellKey,
-                    cellValue: ((_a = cell.cellValue) !== null && _a !== void 0 ? _a : cell.innerText),
+                    cellKey: (_a = cell.cellKey) !== null && _a !== void 0 ? _a : '',
+                    cellValue: ((_b = cell.cellValue) !== null && _b !== void 0 ? _b : cell.innerText),
                 };
                 selectedRow = [...selectedRow, cellObject];
             });
@@ -91,22 +91,22 @@ export class TdsTable {
         }
     }
     render() {
-        return (h(Host, { key: '7a09b4ad8b4b79d0c6488ae2fc56b756857abe67', class: {
+        return (h(Host, { key: '2518c49a6d15147aed6989edfbd4cd658ac2219a', 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: '1a845328df98203bd3b4bc3c058310c75ebd83a6', style: this.getStyles(), class: {
                 'tds-table': true,
                 'tds-table--compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
-                'tds-table--no-min-width': this.noMinWidth,
+                'tds-table--no-min-width': !!this.noMinWidth,
                 'tds-table--responsive': this.responsive,
                 'tds-table--horizontal-scroll': !!this.horizontalScrollWidth,
                 'tds-table--horizontal-scroll-toolbar': this.enableHorizontalScrollToolbarDesign && !this.compactDesign,
                 '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: 'ded1d53ea8e07514e45797c0feffa83f58cce6b4' }))));
     }
     static get is() { return "tds-table"; }
     static get encapsulation() { return "shadow"; }
@@ -163,11 +163,11 @@ export class TdsTable {
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
-                    "resolved": "boolean",
+                    "resolved": "boolean | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Enables to customize width on Table columns"

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

@@ -18,7 +18,7 @@ export class TdsTableBody {
         this.enablePaginationTableBody = false;
         this.expandableRows = false;
         this.multiselectArray = [];
-        this.multiselectArrayJSON = undefined;
+        this.multiselectArrayJSON = '';
         this.mainCheckboxStatus = false;
         this.columnsNumber = 0;
         this.zebraMode = 'none';
@@ -64,12 +64,12 @@ export class TdsTableBody {
         }
     }
     render() {
-        return (h(Host, { key: '80e470d85ca46b398d9254bbcf84865b65656c7c', "data-selected-rows": this.multiselectArrayJSON, class: {
+        return (h(Host, { key: '38f8bf195ef802dbf2ee50e5ea6eb1ecc6d35549', "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: '30787d97aa3a0f2a1f447d7ebc5434b6345fd7c3' })));
     }
     static get is() { return "tds-table-body"; }
     static get originalStyleUrls() {

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

@@ -48,9 +48,9 @@ export class TdsTableBodyCell {
                     this.textAlignState = this.textAlign;
                 }
                 else {
-                    this.textAlignState = ['left', 'start', 'center', 'right', 'end'].includes(receivedTextAlign)
+                    this.textAlignState = (['left', 'start', 'right', 'end', 'center'].includes(receivedTextAlign)
                         ? receivedTextAlign
-                        : 'left';
+                        : 'left');
                 }
             }
         }
@@ -84,13 +84,13 @@ export class TdsTableBodyCell {
             // Conditionally set padding style
             padding: paddingStyle,
         };
-        return (h(Host, { key: '2a56a35d85a6f9f05894ee254edc590c2d7e96b5', class: {
+        return (h(Host, { key: '2f095d2b2cf724d8ef18ffb895f327832ef5ce66', 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: '85ffbf1e995c5e797971b97101d350b9e3bc3921' })));
     }
     static get is() { return "tds-body-cell"; }
     static get encapsulation() { return "shadow"; }
@@ -111,11 +111,11 @@ export class TdsTableBodyCell {
                 "mutable": false,
                 "complexType": {
                     "original": "string | number",
-                    "resolved": "number | string",
+                    "resolved": "number | string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Value that will be presented as text inside a cell"
@@ -128,11 +128,11 @@ export class TdsTableBodyCell {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Passing the same cell key for all body cells which is used in head cell enables features of text align and hovering"
@@ -162,12 +162,18 @@ export class TdsTableBodyCell {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'left' | 'start' | 'right' | 'end' | 'center'",
-                    "resolved": "\"center\" | \"end\" | \"left\" | \"right\" | \"start\"",
-                    "references": {}
+                    "original": "TextAlign",
+                    "resolved": "\"center\" | \"end\" | \"left\" | \"right\" | \"start\" | undefined",
+                    "references": {
+                        "TextAlign": {
+                            "location": "import",
+                            "path": "../table/table",
+                            "id": "src/components/table/table/table.tsx::TextAlign"
+                        }
+                    }
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Setting for text align, default value \"left\". Other accepted values are \"left\", \"start\", \"right\", \"end\" or \"center\"."

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: 'ad9ea213210029f368ef88ecb62db60a0d79843d', 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

@@ -71,13 +71,13 @@ export class TdsTableBodyRow {
         }
     }
     render() {
-        return (h(Host, { key: '377d16a55b6c2cb87940ee6ec8629e71dde6ad17', tabindex: this.clickable ? '0' : null, class: {
+        return (h(Host, { key: '94bac5b3613998d805d62da4ce0ca9480e337fbc', 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: 'cb823140e532475537b7f7e78ae667173fa49259', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: 'f4727dca32c80f8c0ec36995f0ac072fc7af1106', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), h("slot", { key: '33046cf6051498b6b1b314f8d7dd380b4c2309d0' })));
     }
     static get is() { return "tds-table-body-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -108,26 +108,26 @@ export class TdsTableBodyRowExpandable {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'd818a7b62472e7e6811b2aa6c22332e18d567d6d', class: {
+        return (h(Host, { key: '9747b45c606d94f6a79e35afd1e126e0d4940761', class: {
                 'tds-table__row': true,
                 'tds-table__row-expand--active': this.isExpanded,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
-            } }, h("tr", { key: '0efc401cb4cd6687aa732200990b685acb84000b', id: `expandable-content-${this.rowId}`, class: {
+            } }, h("tr", { key: 'c3eb7c452c55cd64393d4d0820983a450b3c83de', id: `expandable-content-${this.rowId}`, class: {
                 'tds-table__row': true,
                 'tds-table__row--expanded': this.isExpanded,
-            }, part: "row" }, h("td", { key: 'fae9736c8db81cfa7e7df618ebd03953b58c9178', class: {
+            }, part: "row" }, h("td", { key: 'a269a53c209ac33f82475c92408a824194feea0d', class: {
                 'tds-table__cell-expand': true,
-            } }, h("label", { key: '325036919c99275a30386ec075fc2eb828702c8f', class: "tds-table__expand-control-container" }, h("input", { key: '43e62f1d60a19801a526931ec4a9f0c5f7e98e6b', class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded, "aria-expanded": this.isExpanded ? 'true' : 'false', "aria-controls": `expandable-content-${this.rowId}`, "aria-label": this.tdsAriaLabelExpandButton }), h("span", { key: '0bea7d5d977ab0b2517ec5595a2b8640c6ce591b', class: "tds-expendable-row-icon" }, h("svg", { key: 'e7b63e3a6eb1d418f43259b25b84205abaa75bd7', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: 'ff0e7f089fd0c1c2cfc5cc4339cdaab4e7f9e275', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z", fill: "currentColor" }))))), h("slot", { key: '9bfd6e772f1a56cbcb5ada2fe9dd59c40e975faf' })), h("tr", { key: 'b3f61ca1d940ad529a44f283b81b43aefacc394d', class: {
+            } }, h("label", { key: '3a32f175d6f584850e442a279818bbdec8fbc00a', class: "tds-table__expand-control-container" }, h("input", { key: '073584fdeda9b0aa6dc6fa51030ee84c1478f3a4', class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded, "aria-expanded": this.isExpanded ? 'true' : 'false', "aria-controls": `expandable-content-${this.rowId}`, "aria-label": this.tdsAriaLabelExpandButton }), h("span", { key: 'd3782b0bb66e7ac420c94eaa310a18ec97de34a8', class: "tds-expendable-row-icon" }, h("svg", { key: 'd25d24e492917ecea514da86a7e92238089bfe3c', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '1849dbf3a843f1f98a415a0017ad32951e0af4ff', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z", fill: "currentColor" }))))), h("slot", { key: 'c6af8843f62b83e6e96e3ea65087c276c0fb6e4f' })), h("tr", { key: '12d8127b203fd91f1b0a767b47aa752d84016aed', class: {
                 'tds-table__row-expand': true,
                 'tds-table__row-expand--expanded': this.isExpanded,
-            }, part: "expand-row" }, h("td", { key: '6635855ce743fa01d531119d90d3491ee416751b', class: {
+            }, part: "expand-row" }, h("td", { key: '9bd6d1292ede611479fe3f59239ca0ae1257fddc', 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: (_a = this.columnsNumber) !== null && _a !== void 0 ? _a : undefined }, h("div", { key: '0b99435f7c84aa90155ab7229921bef06e90373b', style: {
+            }, part: "expand-row-cell", colSpan: (_a = this.columnsNumber) !== null && _a !== void 0 ? _a : undefined }, h("div", { key: '6cfcd733564c5e6d1b55f6029e80e2b5713988d5', style: {
                 overflow: this.overflow,
-            } }, h("slot", { key: 'd8e730bcfabe84c4a370b111defa1aa1584f4b96', name: "expand-row" }))))));
+            } }, h("slot", { key: 'fa74913d8c68ad2fbfc359fe9d67f27b9b254d28', name: "expand-row" }))))));
     }
     static get is() { return "tds-table-body-row-expandable"; }
     static get encapsulation() { return "shadow"; }
@@ -184,11 +184,11 @@ export class TdsTableBodyRowExpandable {
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
-                    "resolved": "boolean",
+                    "resolved": "boolean | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Sets isExpanded state to true or false externally"

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

@@ -59,7 +59,7 @@ export class TdsTableFooter {
         this.cols = null;
         this.columnsNumber = 0;
         this.compactDesign = false;
-        this.lastCorrectValue = undefined;
+        this.lastCorrectValue = 1;
         this.tableId = '';
         this.horizontalScrollWidth = null;
         this.rowsPerPageValue = this.rowsPerPageValues[0];
@@ -130,16 +130,16 @@ export class TdsTableFooter {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'ccd4af0d18ff3abac93113618be574eaf4dfeccf', class: {
+        return (h(Host, { key: '96d07c2b5e5b667c809b949d68f65be571ad1235', class: {
                 'tds-table--compact': this.compactDesign,
                 'footer__horizontal-scroll': !!this.horizontalScrollWidth,
-            }, style: this.getStyles() }, h("tr", { key: '83352ad6041939ce7c7faecf0a3357254bf70d20', class: "tds-table__footer-row" }, h("td", { key: '1c3448a74dedf1523c37598a9cdec1c119d32e29', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (h("div", { key: '49e152077961293d0d61a7ec2f7e6dfe4441812e', class: "tds-table__pagination" }, h("div", { key: '9d1bb01cbb816deaa6cf1f93c9c851f137dca9cf', class: "tds-table__row-selector" }, this.rowsperpage && ((_a = this.rowsPerPageValues) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { key: '5f8609d37e29b4303bd21146113bfc7133a29df8', class: "rows-per-page" }, h("p", { key: '90d62b23f416cfb6544b50a21b83dc0e6de030be' }, "Rows per page"), h("tds-dropdown", { key: '653df3963055fddacad426f82d204f91a98749f4', modeVariant: "secondary", id: "rows-dropdown", class: "page-dropdown", size: "xs", defaultValue: `${this.rowsPerPageValues[0]}`, onTdsChange: (event) => this.rowsPerPageChange(event) }, this.rowsPerPageValues.map((value) => {
+            }, style: this.getStyles() }, h("tr", { key: '418f2868d0c4e5366f94d725b6cf3e7aa0346f27', class: "tds-table__footer-row" }, h("td", { key: '8734d546ea3cfba0738c4daf78242e4a5e5397ea', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (h("div", { key: 'b348c2a48e321423523f1b2a46b916a90dc94889', class: "tds-table__pagination" }, h("div", { key: '5ddf22f56fda6e794e34b5e11cc0f84842c9efde', class: "tds-table__row-selector" }, this.rowsperpage && ((_a = this.rowsPerPageValues) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { key: '39c3a7bdc7627c7710735804a121165d0fb204c8', class: "rows-per-page" }, h("p", { key: '0e33895d223c3e456f7847137a2242170ebea58b' }, "Rows per page"), h("tds-dropdown", { key: 'efdaba5e2e40e0bb6eaee4b2fa3ac86a36dd99e7', modeVariant: "secondary", id: "rows-dropdown", class: "page-dropdown", size: "xs", defaultValue: `${this.rowsPerPageValues[0]}`, onTdsChange: (event) => this.rowsPerPageChange(event) }, this.rowsPerPageValues.map((value) => {
             return (h("tds-dropdown-option", { value: `${value}` }, value));
-        }))))), h("div", { key: '0990d81388b9f835edeb24c8cb17a6fb4d11caf9', class: "tds-table__page-selector" }, h("input", { key: 'b9f888009f0f0bfc38b5476c328bb92ae4c0962f', ref: (element) => {
+        }))))), h("div", { key: 'aa4872b13712174bfa21c94b15b93816c713fd29', class: "tds-table__page-selector" }, h("input", { key: 'fa1964c83ec002ccc6e4061ae1f8596d9ee15836', ref: (element) => {
                 if (element) {
                     this.inputElement = element;
                 }
-            }, class: "tds-table__page-selector-input", type: "number", min: "1", max: this.pages, value: this.paginationValue, pattern: "[0-9]+", dir: "ltr", onChange: (event) => this.paginationInputChange(event), onAnimationEnd: removeShakeAnimation }), h("p", { key: '86f6a581d1f5fe50ea2106821ff4afa6dd479387', class: "tds-table__footer-text" }, "of ", h("span", { key: '91872a9e6eb05e4e1f540d2a6d203cc2e3fd7a27' }, this.pages), " pages"), h("button", { key: '03a354dde544ac8f6e622f6543b69278896963d3', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.firstPage() }, h("tds-icon", { key: '6d80869e6cf2eba108b141113dc3ba3fe31e0a6a', name: "skip_backwards", size: "20px" })), h("button", { key: '0a95763fc3da9a93ca109dcf668ce8c5c5bd0e89', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, h("tds-icon", { key: '43e2b68e24844eb964b63a3fb291921edbcd079a', name: "chevron_left", size: "20px" })), h("button", { key: 'c61b81dc60bd58383055c5d98b311bc74b593518', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, h("tds-icon", { key: 'cdffb08f3cf5a72c98c6a526477add3feb4c5837', name: "chevron_right", size: "20px" })), h("button", { key: 'f6dc3bc7fc879bd205abce12dd235dbeaa767c5f', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.lastPage() }, h("tds-icon", { key: '2c302a54f07077eb3dd3b9665aee6276caceab62', name: "skip_forward", size: "20px" })))))))));
+            }, class: "tds-table__page-selector-input", type: "number", min: "1", max: this.pages, value: this.paginationValue, pattern: "[0-9]+", dir: "ltr", onChange: (event) => this.paginationInputChange(event), onAnimationEnd: removeShakeAnimation }), h("p", { key: 'a8b07a6e86e18800f7681eca6377a722f12069ac', class: "tds-table__footer-text" }, "of ", h("span", { key: '17019da6fe48ec045f5d1335d8c08a273dc0ac6a' }, this.pages), " pages"), h("button", { key: 'daa1446d15681d297a024bfa8da1ec2173ed921c', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.firstPage() }, h("tds-icon", { key: '6abd73717c6c232ef603f749f68da72600bf48e8', name: "skip_backwards", size: "20px" })), h("button", { key: '1ea33dbc2d1bcdb0b3613a312a43997bfbc39a55', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, h("tds-icon", { key: '66c0d727d030b343d387b293f7cef4773f54e6b1', name: "chevron_left", size: "20px" })), h("button", { key: '05f18129f73975b81f252721b0f33686e32b8211', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, h("tds-icon", { key: '120e02ba680a6dad5cdfaed8002467d8f09565ad', name: "chevron_right", size: "20px" })), h("button", { key: '58e65e438020594246c0f64fc06c751b13879ee3', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.lastPage() }, h("tds-icon", { key: '9ea98a3a7f40a9051eb46e300e5d5128dc01a95c', name: "skip_forward", size: "20px" })))))))));
     }
     static get is() { return "tds-table-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -88,11 +88,11 @@ export class TdsTableHeaderRow {
         });
     }
     render() {
-        return (h(Host, { key: '0870860808274b91304987249df6c43d3fd90daa', class: {
+        return (h(Host, { key: 'd223210726dcf021431d5dbaae0339f46c948d01', class: {
                 'tds-table--compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
                 'tds-table--toolbar-available': this.enableToolbarDesign,
-            } }, h("tr", { key: '29fd58da4486a422897cf98468d284c36fcace41' }, this.multiselect && (h("th", { key: '2234f9207945d4aeeeb001def4b2e3d298f28a01', class: "tds-table__header-cell tds-table__header-cell--checkbox" }, h("div", { key: 'a9ef50d2d8e0d81b7608e084dae9e37c52e49664', class: "tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: '24579bfc15603dd29d73cc3a56cb2633a5aaf0f6', checked: this.allSelected || this.selected, disabled: this.disabled, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (h("th", { key: '5f30578196a9bf2ca3322f249df7318ddd80146f', class: "tds-table__header-cell tds-table__header-cell--checkbox" })), h("slot", { key: '57fb6cecc52634b3f8e247c4eec14e26138d6117' }))));
+            } }, h("tr", { key: 'e0378b5a3843b17a322b41a6062edfa44a46fc95' }, this.multiselect && (h("th", { key: '9641cb2e3ee11abb9cf30a7592c0b6d00f5f7575', class: "tds-table__header-cell tds-table__header-cell--checkbox" }, h("div", { key: 'a0a02dad1e01d7ffaed5a8069dcd885021076e51', class: "tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: '5ed55d728588753457e279b955f1eba78b6dc311', checked: this.allSelected || this.selected, disabled: this.disabled, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (h("th", { key: '7a5451320a3909e333bdbc21c2f748f95eafef74', class: "tds-table__header-cell tds-table__header-cell--checkbox" })), h("slot", { key: '841f44149457dfe9f5a9e9d09bdddcd8cd443646' }))));
     }
     static get is() { return "tds-table-header"; }
     static get encapsulation() { return "shadow"; }
@@ -134,11 +134,11 @@ export class TdsTableHeaderRow {
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
-                    "resolved": "boolean",
+                    "resolved": "boolean | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Prop for controlling the checked/unchecked state of the \"All selected\"-checkbox."

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

@@ -51,7 +51,7 @@ export class TdsTableHeaderCell {
         this.textAlign = 'left';
         this.disablePadding = false;
         this.tdsAriaLabelSortButton = '';
-        this.textAlignState = undefined;
+        this.textAlignState = 'left';
         this.sortingDirection = undefined;
         this.sortedByMyKey = false;
         this.verticalDividers = false;
@@ -118,7 +118,7 @@ export class TdsTableHeaderCell {
         return 'none';
     }
     render() {
-        return (h(Host, { key: '13dbec19fb1678656b968265add6b87cb97355d7', class: {
+        return (h(Host, { key: '4df64a3d4a0ef86b377db355cfc149daf9b246b5', class: {
                 'tds-table__header-cell': true,
                 'tds-table__header-cell--sortable': this.sortable,
                 'tds-table__header-cell--is-sorted': this.sortedByMyKey,
@@ -218,9 +218,15 @@ export class TdsTableHeaderCell {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'left' | 'start' | 'right' | 'end' | 'center'",
+                    "original": "TextAlign",
                     "resolved": "\"center\" | \"end\" | \"left\" | \"right\" | \"start\"",
-                    "references": {}
+                    "references": {
+                        "TextAlign": {
+                            "location": "import",
+                            "path": "../table/table",
+                            "id": "src/components/table/table/table.tsx::TextAlign"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,

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

@@ -63,7 +63,7 @@ export class TdsTableHeaderInputWrapper {
         }
     }
     render() {
-        return (h(Host, { key: '5d46a27bdb22aec58736f8f0dce6855d6ef48f23', class: {
+        return (h(Host, { key: '76de40e0a578e0592d9c85d278d65187d84d7573', class: {
                 'focused-input-wrapper': this.inputFocused,
                 'show-icon': this.showIcon,
                 'tds-table__compact': this.compactDesign,

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

@@ -70,10 +70,10 @@ export class TdsTableToolbar {
         return styles;
     }
     render() {
-        return (h(Host, { key: 'e76b6fc0b933bd081686ab3e060cb35c07470f01', class: {
+        return (h(Host, { key: '37a65522a8efe0d073906a1c0ad59bc0574faa0c', class: {
                 'tds-table--compact': this.compactDesign,
                 'toolbar__horizontal-scroll': !!this.horizontalScrollWidth,
-            }, style: this.getStyles(), "aria-labelledby": "table-toolbar-title" }, h("div", { key: 'f6cb90f651cac62f4161bc497426e2f364be93ee', class: "tds-table__upper-bar-flex" }, h("div", { key: 'b75b0b23fca7992adcea9848e8e6b950d667cd46', class: "tds-table__actionbar-left" }, this.tableTitle && (h("caption", { key: 'ed679dba3b67ea6ecb43d9fb4318c264d22ab064', id: "table-toolbar-title", class: "tds-table__title" }, this.tableTitle)), h("slot", { key: '2937e33ed397413c608d58955083f5ecd9cfe136', name: "start" })), h("div", { key: 'c002e6d7e31ff3c21dec3a7a889b36ef930b8826', class: "tds-table__actionbar" }, this.filter && (h("div", { key: 'b6e45d1361ddb4c01f2cbce4a5af243e3aaed490', class: "tds-table__searchbar" }, h("input", { key: 'bb57c1a1a593ab22915903eabfb3216bec7a74e8', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event), "aria-label": this.tdsSearchAriaLabel }), h("span", { key: '08bed8155351cba48a5934d797160973df0fc6de', class: "tds-table__searchbar-icon" }, h("tds-icon", { key: '9b5fda16df341aed692c05dc26ba319c563165d5', name: "search", size: "20px" })))), h("slot", { key: '32cbed6b093812e0e811a853b78e915ef091f098', name: "end" })))));
+            }, style: this.getStyles(), "aria-labelledby": "table-toolbar-title" }, h("div", { key: 'f4116716bd302f31f5c5a1c6344cbd263f20aadb', class: "tds-table__upper-bar-flex" }, h("div", { key: '7c1088b56cd537ba8d6734bfdd8a87604c0038c3', class: "tds-table__actionbar-left" }, this.tableTitle && (h("caption", { key: 'aab5ff50d91410486069f9a734fd74606674819b', id: "table-toolbar-title", class: "tds-table__title" }, this.tableTitle)), h("slot", { key: '2e7f6fdbe8865712cba24e3b4a6e5833dd684ef0', name: "start" })), h("div", { key: '1d78a673fc3d4af7955cfb9ee00ff4d2265b73e9', class: "tds-table__actionbar" }, this.filter && (h("div", { key: '6fcef1537fb441d8e835d6d6978a2ca8ae107eef', class: "tds-table__searchbar" }, h("input", { key: 'd74bd73c0b0a969d69ea6d5ac142215466ab3add', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event), "aria-label": this.tdsSearchAriaLabel }), h("span", { key: '6b97b5d9b0ff3bb5b17f228d9786a64b1ea1ebe4', class: "tds-table__searchbar-icon" }, h("tds-icon", { key: '268d432c7c1ed126e2b0186e72ffd4fa53f33d3a', name: "search", size: "20px" })))), h("slot", { key: 'ef138ddefb88afc9967230c39600538a9d112dbb', name: "end" })))));
     }
     static get is() { return "tds-table-toolbar"; }
     static get encapsulation() { return "shadow"; }