@scania/tegel 1.4.0 → 1.6.0

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

@@ -3,7 +3,7 @@ import inheritAriaAttributes from "../../../utils/inheritAriaAttributes";
 export class TdsSideMenuCloseButton {
     render() {
         const buttonProps = Object.assign({ 'aria-label': 'Close' }, inheritAriaAttributes(this.host));
-        return (h(Host, null, h("button", Object.assign({}, buttonProps), h("tds-icon", { name: "cross", size: "20px" }))));
+        return (h(Host, { key: 'af2986a1df94f1c537dfafdb851829380a21b475' }, h("button", Object.assign({ key: 'e4838583f4c2c13415bf0a73112e0a8a07dbe597' }, buttonProps), h("tds-icon", { key: '47a2f2750155b166766dc493066c764e81122653', name: "cross", size: "20px" }))));
     }
     static get is() { return "tds-side-menu-close-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,14 +28,14 @@ export class TdsSideMenuCollapseButton {
         this.collapsed = this.sideMenuEl.collapsed;
     }
     render() {
-        return (h(Host, { role: "button", tabindex: "0", onClick: () => {
+        return (h(Host, { key: 'e48ec8fc6347ae78b23c2a3e889f5197ede47f66', role: "button", tabindex: "0", onClick: () => {
                 this.handleClick();
-            } }, h("div", { class: {
+            } }, h("div", { key: 'e9db12048f2b2291d001e4b5531a2a0e2ae94869', class: {
                 'wrapper': true,
                 'state-collapsed': this.collapsed,
-            } }, h("tds-side-menu-item", { class: {
+            } }, h("tds-side-menu-item", { key: '43e3d501c4df6701f17b48496d1ffca86b0f4bd5', class: {
                 button: true,
-            } }, h("a", null, h("svg", { class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), !this.collapsed && h("slot", null))))));
+            } }, h("a", { key: '9455d2a2e177eec134267ae09a60fad14d1f0d8a' }, h("svg", { key: '90a0d1b9b9ec1b75fb1c66b2f27f0004921b8699', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: 'b804ec026cfc18f90b04d6d363e7221c3417317a', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), !this.collapsed && h("slot", null))))));
     }
     static get is() { return "tds-side-menu-collapse-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,13 +50,13 @@ export class TdsSideMenuDropdown {
         this.open = this.defaultOpen;
     }
     render() {
-        return (h(Host, null, h("div", { class: {
+        return (h(Host, { key: '6fe745525d89abd54dd170f56a9ba5f0ca3fc139' }, h("div", { key: 'cc11b904347ae67bd54e6545e37b60a587ab6f6e', class: {
                 'wrapper': true,
                 'state-open': this.getIsOpenState(),
                 'state-collapsed': this.collapsed,
-            } }, h("tds-side-menu-item", { class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
+            } }, h("tds-side-menu-item", { key: '857d5f11306ee2fba67b55c5e3319aa8b43f1440', class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
                 this.open = !this.open;
-            } }, h("button", null, h("slot", { name: "icon" }), !this.collapsed && (h(Fragment, null, this.buttonLabel, h("slot", { name: "label" }), h("tds-icon", { class: "dropdown-icon", name: "chevron_down", size: "16px" }))))), h("div", { class: "menu" }, this.collapsed && (h("h3", { class: "heading-collapsed" }, this.buttonLabel, h("slot", { name: "label" }))), h("slot", null)))));
+            } }, h("button", { key: 'c09abf0607ef27872783bf97a61e95727ecbfe93' }, h("slot", { key: 'a90c19a33327ef5a33ca1688c50ae8f16c536482', name: "icon" }), !this.collapsed && (h(Fragment, null, this.buttonLabel, h("slot", { name: "label" }), h("tds-icon", { class: "dropdown-icon", name: "chevron_down", size: "16px" }))))), h("div", { key: '9b4f45f0ee9076a39a0792576bc5e4a4e8368a48', class: "menu" }, this.collapsed && (h("h3", { class: "heading-collapsed" }, this.buttonLabel, h("slot", { name: "label" }))), h("slot", { key: '7603c91608ff39ed9712d52e46cc573a06949078' })))));
     }
     static get is() { return "tds-side-menu-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -15,9 +15,9 @@ export class TdsSideMenuDropdownList {
         this.collapsed = (_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed;
     }
     render() {
-        return (h(Host, { role: "list" }, h("div", { class: {
+        return (h(Host, { key: '6d19bf90638236d3d26b58a79e0621f82077dba7', role: "list" }, h("div", { key: 'cd7bc4480d019604b214443f8f0df688a906d8ab', class: {
                 'state-collapsed': this.collapsed,
-            } }, h("slot", null))));
+            } }, h("slot", { key: '47d1ea3415f77ffbbb407e4ae17a90444b340b65' }))));
     }
     static get is() { return "tds-side-menu-dropdown-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,12 +28,12 @@ export class TdsSideMenuDropdownListItem {
         }
     }
     render() {
-        return (h(Host, { role: "listitem" }, h("div", { class: {
+        return (h(Host, { key: 'f9a26ee973ab394933e507602d55e4ab78ac2a1a', role: "listitem" }, h("div", { key: '28ad60d22c28fc9fd7c5b607b95a2864c90dd5c5', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-dropdown-has-icon': this.dropdownHasIcon,
                 'component-collapsed': this.collapsed,
-            } }, h("slot", null))));
+            } }, h("slot", { key: 'a76c94db492969a407c8e43e9d04ff44af615422' }))));
     }
     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

@@ -54,12 +54,12 @@ export class TdsSideMenuItem {
         this.updateSlottedElements();
     }
     render() {
-        return (h(Host, null, h("div", { class: {
+        return (h(Host, { key: 'b94e2117fa05134a3aff5fd15b5eae90203d4570' }, h("div", { key: '02ebe255b0c72bdbf709c45739acfeebddec54de', class: {
                 'component': true,
                 'component-selected': this.selected,
                 'component-active': this.active,
                 'component-collapsed': this.collapsed,
-            } }, h("slot", null))));
+            } }, h("slot", { key: '97412b94539aaa451cd5dcb8f9d962e5e0c73e0c' }))));
     }
     static get is() { return "tds-side-menu-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class TdsSideMenuOverlay {
     render() {
-        return (h(Host, null, h("div", null)));
+        return (h(Host, { key: '598597cc04bbf02b861489cd8ad282ece6b8145b' }, h("div", { key: '03fa1dc0991e1cd5721b993a75ea7d8065e3a235' })));
     }
     static get is() { return "tds-side-menu-overlay"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class TdsSideMenuUser {
         this.imgAlt = undefined;
     }
     render() {
-        return (h(Host, null, h("tds-side-menu-user-image", { src: this.imgSrc, alt: this.imgAlt }, h("slot", { name: "image" })), h("tds-side-menu-user-label", { heading: this.heading, subheading: this.subheading })));
+        return (h(Host, { key: 'b540444dcb88b0b0bc0835a7deafd50328b1e0db' }, h("tds-side-menu-user-image", { key: '22ed67e02a8e0787d6b683fd2afb0e71b1e58a18', src: this.imgSrc, alt: this.imgAlt }, h("slot", { key: '9d0ab8c849cd83722b4b766944498c857fbc42c7', name: "image" })), h("tds-side-menu-user-label", { key: 'e455a9edd906f8b702fb2ffd6d1cfaad0596bde3', heading: this.heading, subheading: this.subheading })));
     }
     static get is() { return "tds-side-menu-user"; }
     static get encapsulation() { return "shadow"; }

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, null, h("slot", null), this.src && h("img", { src: this.src, alt: this.alt })));
+        return (h(Host, { key: '3d31dd530f0a93513c30f970c81c1cfb47949096' }, h("slot", { key: 'b9cac74d3f6fd7ba404c88fd729b50dc1771e07d' }), this.src && h("img", { src: this.src, alt: this.alt })));
     }
     static get is() { return "tds-side-menu-user-image"; }
     static get encapsulation() { return "shadow"; }

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, null, this.heading, this.subheading && h("div", { class: "subheading" }, this.subheading)));
+        return (h(Host, { key: '22d584ce36ff543f4e3c30176098591044da165d' }, this.heading, this.subheading && h("div", { class: "subheading" }, this.subheading)));
     }
     static get is() { return "tds-side-menu-user-label"; }
     static get encapsulation() { return "shadow"; }

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

@@ -58,16 +58,16 @@ export class TdsSideMenu {
         this.collapsed = event.detail.collapsed;
     }
     render() {
-        return (h(Host, { role: "navigation", class: {
+        return (h(Host, { key: 'ed2a20dcd884744ac411ea9e51903f0fb8120c90', role: "navigation", class: {
                 'menu-opened': this.open,
                 'menu-persistent': this.persistent,
                 'menu-collapsed': this.collapsed,
-            } }, h("div", { class: {
+            } }, h("div", { key: 'bf4c5f42a4ee78f5e6af782bcf4382a5d5978f3c', class: {
                 'wrapper': true,
                 'state-upper-slot-empty': this.isUpperSlotEmpty,
                 'state-open': this.open,
                 'state-closed': !this.open,
-            } }, h("slot", { name: "overlay" }), h("aside", { class: `menu` }, h("slot", { name: "close-button" }), h("div", { class: "tds-side-menu-wrapper" }, h("ul", { class: `tds-side-menu-list tds-side-menu-list-upper` }, h("slot", null)), h("ul", { class: `tds-side-menu-list tds-side-menu-list-end` }, h("slot", { name: "end" }))), h("slot", { name: "sticky-end" })))));
+            } }, h("slot", { key: '7ba1a82ae21a7c2a22c2a470c67ed5acc0dfcad9', name: "overlay" }), h("aside", { key: 'c794132de394376c6b525cee5c1e58939c9159b5', class: `menu` }, h("slot", { key: 'ebd07545d79267ea3daa8a931eca6e46431a8993', name: "close-button" }), h("div", { key: '4d19ee85e6ae60ad4a745169e3690d022db26871', class: "tds-side-menu-wrapper" }, h("ul", { key: '055d5d0004aecbfa6abf5ff83025ce147b941ce0', class: `tds-side-menu-list tds-side-menu-list-upper` }, h("slot", { key: 'e8e8827959284214c469edd16b8b2ccb7e0f2daa' })), h("ul", { key: 'c1b4f82c9446e11c4d454336690c4b71998bdffd', class: `tds-side-menu-list tds-side-menu-list-end` }, h("slot", { key: 'ee1d129567b8c11b9355dfbfebffa76674f8d281', name: "end" }))), h("slot", { key: '3b320259f8ea48744d3698e7271931671810f1b9', name: "sticky-end" })))));
     }
     static get is() { return "tds-side-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -289,22 +289,22 @@ export class TdsSlider {
         this.updateTrack();
     }
     render() {
-        return (h("div", { class: {
+        return (h("div", { key: '08af5b4825c074a283e570796c508aa72dd55bca', class: {
                 'tds-slider-wrapper': true,
                 'read-only': this.readOnly,
-            } }, h("input", { class: "tds-slider-native-element", type: "range", name: this.name, min: this.min, max: this.max, value: this.value, disabled: this.disabled }), h("div", { class: {
+            } }, h("input", { key: '28e28c09a2f975fe884c10d3d4101f13bad69d74', class: "tds-slider-native-element", type: "range", name: this.name, min: this.min, max: this.max, value: this.value, disabled: this.disabled }), h("div", { key: '0e500280ad8d0aa77fae11d44f25cda5506576fb', class: {
                 'tds-slider': true,
                 'disabled': this.disabled,
                 'tds-slider-small': this.useSmall,
             }, ref: (el) => {
                 this.wrapperElement = el;
-            } }, h("label", { class: this.showTickNumbers && 'offset' }, this.label), this.useInput && (h("div", { class: "tds-slider__input-values" }, h("div", { class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (h("div", { class: "tds-slider__controls" }, h("div", { class: "tds-slider__control tds-slider__control-minus", onClick: () => this.stepLeft() }, h("tds-icon", { name: "minus", size: "16px" })))), h("div", { class: "tds-slider-inner" }, this.tickValues.length > 0 && (h("div", { class: "tds-slider__value-dividers-wrapper" }, h("div", { class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && h("span", null, value))))))), h("div", { class: "tds-slider__track", ref: (el) => {
+            } }, h("label", { key: '6a8bd064dbdaef1868a2b7c204490309075a3760', class: this.showTickNumbers && 'offset' }, this.label), this.useInput && (h("div", { class: "tds-slider__input-values" }, h("div", { class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (h("div", { class: "tds-slider__controls" }, h("div", { class: "tds-slider__control tds-slider__control-minus", onClick: () => this.stepLeft() }, h("tds-icon", { name: "minus", size: "16px" })))), h("div", { key: '6a6edf11ee88faf3fd1a9730023f7a89e90abe66', class: "tds-slider-inner" }, this.tickValues.length > 0 && (h("div", { class: "tds-slider__value-dividers-wrapper" }, h("div", { 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: '6bceaaa53bed86067f596ca13b7c00ed88d06282', class: "tds-slider__track", ref: (el) => {
                 this.trackElement = el;
-            }, tabindex: this.disabled ? '-1' : '0' }, h("div", { class: "tds-slider__track-fill", ref: (el) => {
+            }, tabindex: this.disabled ? '-1' : '0' }, h("div", { key: '327ebb76dce92a13eccee7fd3dd7219bbed43d6c', class: "tds-slider__track-fill", ref: (el) => {
                 this.trackFillElement = el;
-            } }), h("div", { class: "tds-slider__thumb", ref: (el) => {
+            } }), h("div", { key: 'c40c1cdedbb20dcd1491f5f1db1f8d4c6dafad49', class: "tds-slider__thumb", ref: (el) => {
                 this.thumbElement = el;
-            }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb() }, this.tooltip && (h("div", { class: "tds-slider__value" }, this.value, h("svg", { width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { 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", { class: "tds-slider__thumb-inner", ref: (el) => {
+            }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb() }, this.tooltip && (h("div", { class: "tds-slider__value" }, this.value, h("svg", { width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { 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: '6f963c34cf9ecd038f829969a4c19c90e1c32eff', class: "tds-slider__thumb-inner", ref: (el) => {
                 this.thumbInnerElement = el;
             } })))), this.useInput && (h("div", { class: "tds-slider__input-values" }, h("div", { class: "tds-slider__input-value", onClick: () => this.stepLeft() }, this.max), h("div", { class: "tds-slider__input-field-wrapper" }, h("input", { size: this.calculateInputSizeFromMax(), class: "tds-slider__input-field", value: this.value, readOnly: this.readOnly, onBlur: (event) => this.updateSliderValueOnInputChange(event), onKeyDown: (event) => this.handleInputFieldEnterPress(event) })))), this.useControls && (h("div", { class: "tds-slider__controls" }, h("div", { class: "tds-slider__control tds-slider__control-plus", onClick: () => this.stepRight() }, h("tds-icon", { name: "plus", size: "16px" })))))));
     }

package/dist/collection/components/spinner/spinner.js

@@ -5,7 +5,7 @@ export class TdsSpinner {
         this.variant = 'standard';
     }
     render() {
-        return (h("div", { "aria-live": "assertive", role: "status", "aria-label": "loading" }, h("svg", { class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, h("circle", { class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
+        return (h("div", { key: '152350d165fc9410c715b967c928f40487a0f636', "aria-live": "assertive", role: "status", "aria-label": "loading" }, h("svg", { key: '3b02495d7d68735181e0cce975d6717d0d75bd89', class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, h("circle", { key: 'dd68d0e6b90d2a32752d4499145f766d3ada79bc', class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
     }
     static get is() { return "tds-spinner"; }
     static get originalStyleUrls() {

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

@@ -39,7 +39,7 @@ export class TdsStep {
         }
     }
     render() {
-        return (h(Host, null, h("div", { role: "listitem", class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, h("div", { class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (h("tds-icon", { name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (this.index)), !this.hideLabels && (h("div", { class: `label ${this.size} ${this.state}` }, h("slot", { name: "label" }))))));
+        return (h(Host, { key: '1a28ad519601ffc63918ca1ed585c68c7fe0a99a' }, h("div", { key: 'dd3afe46dfd76674833be41e9eaa98c400769081', role: "listitem", class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, h("div", { key: '5d4534ca241ddf43653ffb97c9784127bd6752dd', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (h("tds-icon", { name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (this.index)), !this.hideLabels && (h("div", { class: `label ${this.size} ${this.state}` }, h("slot", { name: "label" }))))));
     }
     static get is() { return "tds-step"; }
     static get encapsulation() { return "shadow"; }

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

@@ -47,7 +47,7 @@ export class TdsStepper {
         });
     }
     render() {
-        return (h(Host, null, h("div", { role: "list", class: `${this.orientation} text-position-${this.labelPosition} ${this.size}` }, h("slot", null))));
+        return (h(Host, { key: 'dcc6fc6be2e37bc4dcd4f0ab5dbe643ae26a1cbb' }, h("div", { key: '030eec1bc0b3075f7158f6936faad30c33272e02', role: "list", class: `${this.orientation} text-position-${this.labelPosition} ${this.size}` }, h("slot", { key: 'e4460b2a26a98cad97915059e2c4628a0e91a97e' }))));
     }
     static get is() { return "tds-stepper"; }
     static get encapsulation() { return "shadow"; }

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

@@ -64,17 +64,17 @@ export class TdsTable {
         this.emitInternalTdsPropChange('modeVariant', newValue);
     }
     render() {
-        return (h(Host, { class: {
+        return (h(Host, { key: 'e90429bc887c2a3a24eaf3acf0bba7748fd291ed', class: {
                 'tds-table--responsive': this.responsive,
                 'tds-mode-variant-primary': this.modeVariant === 'primary',
                 'tds-mode-variant-secondary': this.modeVariant === 'secondary',
-            } }, h("table", { class: {
+            } }, h("table", { key: '0ab17fb64542a59745bf6b5a8dee0fc365adecf3', class: {
                 'tds-table': true,
                 'tds-table--compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
                 'tds-table--no-min-width': this.noMinWidth,
                 'tds-table--responsive': this.responsive,
-            } }, h("slot", null))));
+            } }, h("slot", { key: '855c9d02a5564e5ac5cba37c92b87e19e6fba919' }))));
     }
     static get is() { return "tds-table"; }
     static get encapsulation() { return "shadow"; }

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

@@ -56,7 +56,7 @@ export class TdsTableBody {
         }
     }
     render() {
-        return (h(Host, { "data-selected-rows": this.multiselectArrayJSON }, h("slot", null)));
+        return (h(Host, { key: '1b8be2776860786f9a3f82f05bbdfc0205fcc5d1', "data-selected-rows": this.multiselectArrayJSON }, h("slot", { key: '6ec26061a4861faec740d2ae2b706d533dabfa3f' })));
     }
     static get is() { return "tds-table-body"; }
     static get originalStyleUrls() {

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

@@ -58,14 +58,14 @@ export class TdsTableBodyCell {
         });
     }
     render() {
-        return (h(Host, { class: {
+        return (h(Host, { key: '70e15157b5cdb058c0bb1a57bc45ba2a63a7cf1e', 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,
                 'tds-table__body-cell--no-padding': this.disablePadding,
-            }, style: { textAlign: this.textAlignState } }, this.cellValue, h("slot", null)));
+            }, style: { textAlign: this.textAlignState } }, this.cellValue, h("slot", { key: '2f006a87a5c0ed1b7212ab96913b40683df4c8a6' })));
     }
     static get is() { return "tds-body-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,6 +10,7 @@ const relevantTableProps = [
 export class TdsTableBodyRow {
     constructor() {
         this.selected = false;
+        this.disabled = false;
         this.multiselect = false;
         this.mainCheckBoxStatus = false;
         this.verticalDividers = false;
@@ -47,12 +48,12 @@ export class TdsTableBodyRow {
         });
     }
     render() {
-        return (h(Host, { class: {
+        return (h(Host, { key: '4d4328aa863f838b14a43d98fe356a39fd497860', class: {
                 'tds-table__row': true,
                 'tds-table__row--selected': this.selected,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
-            } }, this.multiselect && (h("td", { class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected }))), h("slot", null)));
+            } }, this.multiselect && (h("td", { class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), h("slot", { key: 'e6c0cab232ece7b5ff14f3283478de5b36f405c7' })));
     }
     static get is() { return "tds-table-body-row"; }
     static get encapsulation() { return "shadow"; }
@@ -85,6 +86,24 @@ export class TdsTableBodyRow {
                 "attribute": "selected",
                 "reflect": true,
                 "defaultValue": "false"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Marks the row as disabled, used for multiselect table."
+                },
+                "attribute": "disabled",
+                "reflect": true,
+                "defaultValue": "false"
             }
         };
     }

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

@@ -57,12 +57,12 @@ export class TdsTableBodyRowExpandable {
         this.sendValue();
     }
     render() {
-        return (h(Host, { class: {
+        return (h(Host, { key: '9626f70d55237e1329fc2e0f5df22528a72a9f0b', class: {
                 'tds-table__row': true,
                 'tds-table__row-expand--active': this.isExpanded,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
-            } }, h("tr", { class: "tds-table__row" }, h("td", { class: "tds-table__cell tds-table__cell--expand" }, h("label", { class: "tds-table__expand-control-container" }, h("input", { class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded }), h("span", { class: "tds-expendable-row-icon" }, h("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { "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", null)), h("tr", { class: "tds-table__row-expand" }, h("td", { class: "tds-table__cell-expand", colSpan: this.columnsNumber }, h("slot", { name: "expand-row" })))));
+            } }, h("tr", { key: 'ae5d76d08d0cd5e7c20d42bed127848b9fb73283', class: "tds-table__row" }, h("td", { key: 'd2b87e039627fa91c093ce11a252f813687f3c41', class: "tds-table__cell tds-table__cell--expand" }, h("label", { key: 'e5b5d74c7f65aa4503127a81a7e305a513ef2e8b', class: "tds-table__expand-control-container" }, h("input", { key: '3d574c291be5a4b283496b51de6116e86cf2c753', class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded }), h("span", { key: 'f8560da1bee34be6a79d22176c7228645d6c7a6a', class: "tds-expendable-row-icon" }, h("svg", { key: '5ed6f50b7a6b7a7b96a366439411db3f9f915041', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '9e97250e72daaa53b974235949e3a6b06009d553', "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: '85e65109691af6470c407f737e80404c0aa6292a' })), h("tr", { key: '54c52a50db17b76cbeed3d9675b8dfd350d7fdd5', class: "tds-table__row-expand" }, h("td", { key: '6876e76c7e0c81a12d77a0f4d1375a778df40ff8', class: "tds-table__cell-expand", colSpan: this.columnsNumber }, h("slot", { key: '2857aa53b2360769bea65f4263a59de799c7d945', name: "expand-row" })))));
     }
     static get is() { return "tds-table-body-row-expandable"; }
     static get encapsulation() { return "shadow"; }

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

@@ -90,7 +90,7 @@ export class TdsTableFooter {
         this.storeLastCorrectValue(this.paginationValue);
     }
     render() {
-        return (h(Host, { class: this.compactDesign ? 'tds-table--compact' : '' }, h("tr", { class: "tds-table__footer-row" }, h("td", { class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (h("div", { class: "tds-table__pagination" }, h("div", { class: "tds-table__row-selector" }), h("div", { class: "tds-table__page-selector" }, h("input", { ref: (element) => (this.inputElement = element), class: "tds-table__page-selector-input", type: "number", min: "1", max: this.pages, value: this.paginationValue, pattern: "[0-9]+", dir: "ltr", onChange: (event) => this.paginationInputChange(event), onAnimationEnd: removeShakeAnimation }), h("p", { class: "tds-table__footer-text" }, "of ", h("span", null, this.pages), " pages"), h("button", { type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, h("tds-icon", { name: "chevron_left", size: "20px" })), h("button", { type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, h("tds-icon", { name: "chevron_right", size: "20px" })))))))));
+        return (h(Host, { key: 'ae4ce3e329813100d2fa669bf9278cc44329f581', class: this.compactDesign ? 'tds-table--compact' : '' }, h("tr", { key: '833409674137c346a5e0aa68a55bf1aed21762e9', class: "tds-table__footer-row" }, h("td", { key: 'f8570501ea5279dc1ed65c71fe37ac173b28e0cb', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (h("div", { class: "tds-table__pagination" }, h("div", { class: "tds-table__row-selector" }), h("div", { class: "tds-table__page-selector" }, h("input", { ref: (element) => (this.inputElement = element), class: "tds-table__page-selector-input", type: "number", min: "1", max: this.pages, value: this.paginationValue, pattern: "[0-9]+", dir: "ltr", onChange: (event) => this.paginationInputChange(event), onAnimationEnd: removeShakeAnimation }), h("p", { class: "tds-table__footer-text" }, "of ", h("span", null, this.pages), " pages"), h("button", { type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, h("tds-icon", { name: "chevron_left", size: "20px" })), h("button", { type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, h("tds-icon", { name: "chevron_right", size: "20px" })))))))));
     }
     static get is() { return "tds-table-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,6 +13,7 @@ export class TdsTableHeaderRow {
     constructor() {
         this.allSelected = false;
         this.selected = undefined;
+        this.disabled = false;
         this.indeterminate = false;
         this.multiselect = false;
         this.expandableRows = false;
@@ -81,11 +82,11 @@ export class TdsTableHeaderRow {
         });
     }
     render() {
-        return (h(Host, { class: {
+        return (h(Host, { key: '53981e80f911cd21366edac319ae313723ab4d88', class: {
                 'tds-table--compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
                 'tds-table--toolbar-available': this.enableToolbarDesign,
-            } }, h("tr", null, this.multiselect && (h("th", { class: "tds-table__header-cell tds-table__header-cell--checkbox" }, h("div", { class: "tds-form-label tds-form-label--table" }, h("tds-checkbox", { checked: this.allSelected || this.selected, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (h("th", { class: "tds-table__header-cell tds-table__header-cell--checkbox" })), h("slot", null))));
+            } }, h("tr", { key: '122f5cb4bd9d70b8a5d6ebef26fb2cce6848b4f9' }, this.multiselect && (h("th", { class: "tds-table__header-cell tds-table__header-cell--checkbox" }, h("div", { class: "tds-form-label tds-form-label--table" }, h("tds-checkbox", { checked: this.allSelected || this.selected, disabled: this.disabled, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (h("th", { class: "tds-table__header-cell tds-table__header-cell--checkbox" })), h("slot", { key: '355e7a0942a0c3764e021093aff4bb9010f0d030' }))));
     }
     static get is() { return "tds-table-header"; }
     static get encapsulation() { return "shadow"; }
@@ -114,7 +115,7 @@ export class TdsTableHeaderRow {
                 "docs": {
                     "tags": [{
                             "name": "deprecated",
-                            "text": "Deprecated, use selected instead.."
+                            "text": "Deprecated, use selected instead."
                         }],
                     "text": ""
                 },
@@ -134,11 +135,29 @@ export class TdsTableHeaderRow {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Prop for controling the checked/unchecked state of the \"All selected\"-checkbox."
+                    "text": "Prop for controlling the checked/unchecked state of the \"All selected\"-checkbox."
                 },
                 "attribute": "selected",
                 "reflect": true
             },
+            "disabled": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Prop for controlling the enabled/disabled state of the \"All selected\"-checkbox."
+                },
+                "attribute": "disabled",
+                "reflect": true,
+                "defaultValue": "false"
+            },
             "indeterminate": {
                 "type": "boolean",
                 "mutable": false,
@@ -151,7 +170,7 @@ export class TdsTableHeaderRow {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Prop for controling the indeterminate state of the \"All selected\"-checkbox."
+                    "text": "Prop for controlling the indeterminate state of the \"All selected\"-checkbox."
                 },
                 "attribute": "indeterminate",
                 "reflect": false,

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

@@ -6,6 +6,9 @@ const relevantTableProps = [
     'noMinWidth',
     'verticalDividers',
 ];
+/**
+ * @slot <default> - <b>Unnamed slot.</b> For the cell contents.
+ */
 export class TdsTableHeaderCell {
     constructor() {
         this.sortButtonClick = () => {
@@ -35,9 +38,9 @@ export class TdsTableHeaderCell {
         };
         this.headerCellContent = () => {
             if (this.sortable) {
-                return (h("button", { class: "tds-table__header-button", onClick: () => this.sortButtonClick() }, h("span", { class: "tds-table__header-button-text", style: { textAlign: this.textAlignState } }, this.cellValue), this.sortingDirection === null && (h("svg", { class: "tds-table__header-button-icon", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 15" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.45 13.67V4.62a.5.5 0 0 1 1 0v9.05h-1Z" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.07 10.28a.5.5 0 0 1 .7.08l2.1 2.66a.1.1 0 0 0 .15 0l2.09-2.66a.5.5 0 1 1 .78.62l-2.08 2.66a1.1 1.1 0 0 1-1.73 0l-2.1-2.66a.5.5 0 0 1 .1-.7ZM3.55.4v9.04a.5.5 0 1 1-1 0V.39h1Z" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.93 3.78a.5.5 0 0 1-.7-.08l-2.1-2.66a.1.1 0 0 0-.15 0L.89 3.7a.5.5 0 0 1-.78-.62L2.19.42a1.1 1.1 0 0 1 1.73 0l2.1 2.66a.5.5 0 0 1-.1.7Z" }))), this.sortingDirection && (h("svg", { class: `tds-table__header-button-icon ${this.sortingDirection === 'desc' ? 'tds-table__header-button-icon--rotate' : ''}`, fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17 2.974a1 1 0 0 0-2 0v24.3l-9.312-9.312a1 1 0 0 0-1.414 1.414l9.887 9.888a2.6 2.6 0 0 0 3.677 0l9.888-9.888a1 1 0 0 0-1.414-1.414L17 27.274v-24.3Z" })))));
+                return (h("button", { class: "tds-table__header-button", onClick: () => this.sortButtonClick() }, h("span", { class: "tds-table__header-button-text", style: { textAlign: this.textAlignState } }, this.cellValue, h("slot", null)), this.sortingDirection === null && (h("svg", { class: "tds-table__header-button-icon", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 15" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.45 13.67V4.62a.5.5 0 0 1 1 0v9.05h-1Z" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.07 10.28a.5.5 0 0 1 .7.08l2.1 2.66a.1.1 0 0 0 .15 0l2.09-2.66a.5.5 0 1 1 .78.62l-2.08 2.66a1.1 1.1 0 0 1-1.73 0l-2.1-2.66a.5.5 0 0 1 .1-.7ZM3.55.4v9.04a.5.5 0 1 1-1 0V.39h1Z" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.93 3.78a.5.5 0 0 1-.7-.08l-2.1-2.66a.1.1 0 0 0-.15 0L.89 3.7a.5.5 0 0 1-.78-.62L2.19.42a1.1 1.1 0 0 1 1.73 0l2.1 2.66a.5.5 0 0 1-.1.7Z" }))), this.sortingDirection && (h("svg", { class: `tds-table__header-button-icon ${this.sortingDirection === 'desc' ? 'tds-table__header-button-icon--rotate' : ''}`, fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17 2.974a1 1 0 0 0-2 0v24.3l-9.312-9.312a1 1 0 0 0-1.414 1.414l9.887 9.888a2.6 2.6 0 0 0 3.677 0l9.888-9.888a1 1 0 0 0-1.414-1.414L17 27.274v-24.3Z" })))));
             }
-            return (h("p", { class: "tds-table__header-text", style: { textAlign: this.textAlignState } }, this.cellValue));
+            return (h("p", { class: "tds-table__header-text", style: { textAlign: this.textAlignState } }, this.cellValue, h("slot", null)));
         };
         this.onHeadCellHover = (key) => {
             this.internalTdsHover.emit({
@@ -108,7 +111,7 @@ export class TdsTableHeaderCell {
             this.host.closest('tds-table').getElementsByTagName('tds-table-toolbar').length >= 1;
     }
     render() {
-        return (h(Host, { class: {
+        return (h(Host, { key: 'd09c42078df2774f9bae1e9e2906abdf9e52f5ac', class: {
                 'tds-table__header-cell': true,
                 'tds-table__header-cell--sortable': this.sortable,
                 'tds-table__header-cell--is-sorted': this.sortedByMyKey,
@@ -146,7 +149,7 @@ export class TdsTableHeaderCell {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "The value of column key, usually comes from JSON, needed for sorting"
@@ -163,7 +166,7 @@ export class TdsTableHeaderCell {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Text that displays in column cell"
@@ -180,10 +183,10 @@ export class TdsTableHeaderCell {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "In case noMinWidth is set, the user has to specify width value for each column."
+                    "text": "In case noMinWidth is set, the user has to specify the width value for each column."
                 },
                 "attribute": "custom-width",
                 "reflect": true
@@ -215,7 +218,7 @@ export class TdsTableHeaderCell {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Setting for text align, default is left. Other accepted values are \"right\" or \"end\"."
@@ -248,7 +251,7 @@ export class TdsTableHeaderCell {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": "Sends unique Table identifier, column key and sorting direction to the tds-table-body component, can also be listened to in order to implement custom-sorting logic."
+                    "text": "Sends unique Table identifier, column key and sorting direction to the tds-table-body component,\ncan also be listened to implement custom-sorting logic."
                 },
                 "complexType": {
                     "original": "{\n    tableId: string;\n    columnKey: string;\n    sortingDirection: 'asc' | 'desc';\n  }",
@@ -264,7 +267,7 @@ export class TdsTableHeaderCell {
                 "docs": {
                     "tags": [{
                             "name": "internal",
-                            "text": "Sends unique Table identifier, column key and sorting direction to the tds-table-body component, can also be listened to in order to implement custom-sorting logic."
+                            "text": "Sends unique Table identifier, column key and sorting direction to the tds-table-body component,\ncan also be listened to implement custom-sorting logic."
                         }],
                     "text": ""
                 },
@@ -282,7 +285,7 @@ export class TdsTableHeaderCell {
                 "docs": {
                     "tags": [{
                             "name": "internal",
-                            "text": "Sends unique Table identifier,column key and text align value so the body cells with a same key take the same text alignment as header cell"
+                            "text": "Sends unique Table identifier,\ncolumn key and text align value so the body cells with a same key take the same text alignment as header cell"
                         }],
                     "text": ""
                 },

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

@@ -54,7 +54,7 @@ export class TdsTableToolbar {
         }
     }
     render() {
-        return (h(Host, { class: this.compactDesign ? 'tds-table--compact' : '' }, h("div", { class: "tds-table__upper-bar-flex" }, h("caption", { class: "tds-table__title" }, this.tableTitle), h("div", { class: "tds-table__actionbar" }, this.filter && (h("div", { class: "tds-table__searchbar" }, h("input", { class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event) }), h("span", { class: "tds-table__searchbar-icon" }, h("tds-icon", { name: "search", size: "20px" })))), h("slot", { name: "end" })))));
+        return (h(Host, { key: '8da67bc90ca3b04449261ef63929959e7cb2dce8', class: this.compactDesign ? 'tds-table--compact' : '' }, h("div", { key: '2b5b7719b644bfa845fcf4d22f8bb975e0edef91', class: "tds-table__upper-bar-flex" }, h("caption", { key: 'd1447f81583ed926ff70b3f509092c49f3b9d03f', class: "tds-table__title" }, this.tableTitle), h("div", { key: '438cb445a8dc759db37396e505b14257aa03f337', class: "tds-table__actionbar" }, this.filter && (h("div", { class: "tds-table__searchbar" }, h("input", { class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event) }), h("span", { class: "tds-table__searchbar-icon" }, h("tds-icon", { name: "search", size: "20px" })))), h("slot", { key: '4906ceb0f3d87650e90499d50a040f7a92ad5a6a', name: "end" })))));
     }
     static get is() { return "tds-table-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js

@@ -17,8 +17,8 @@ export class TdsFolderTab {
         this.selected = selected;
     }
     render() {
-        return (h(Host, { role: "listitem" }, h("div", { class: `${this.disabled ? 'disabled' : ''}
-                  ${this.selected ? 'selected' : ''}`, style: { width: `${this.tabWidth}px` } }, h("slot", null))));
+        return (h(Host, { key: '032b4d95a93760db31444194d7b21a0b9b581009', role: "listitem" }, h("div", { key: '2c7b72725e53390bce85ba156adb3ba05fe5e406', class: `${this.disabled ? 'disabled' : ''}
+                  ${this.selected ? 'selected' : ''}`, style: { width: `${this.tabWidth}px` } }, h("slot", { key: '372ea4281495f89a49099001f6c15e9ecb9caa34' }))));
     }
     static get is() { return "tds-folder-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tabs/folder-tabs/folder-tabs.js

@@ -153,9 +153,9 @@ export class TdsFolderTabs {
         this.addResizeObserver();
     }
     render() {
-        return (h(Host, { role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { class: "wrapper", ref: (el) => {
+        return (h(Host, { key: 'eb1635179f54af77e7438282c76e3eaa11d53bd8', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '615a36341f659d538ee48742cb565357d4bc4f89', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            } }, h("button", { class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { name: "chevron_left", size: "20px" })), h("slot", null), h("button", { class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { name: "chevron_right", size: "20px" })))));
+            } }, h("button", { key: 'e2c7ac86a3fd268d9f81c9429df110e01007297a', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: 'c3f4cfdadfdc0e727405741a0255573bfac48e77', name: "chevron_left", size: "20px" })), h("slot", { key: 'c8a92e5d6ceabf50f4a8275282c4f49b8b21e232' }), h("button", { key: 'af855609041ab58deb465d35e2f03fe5c49e68ed', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: 'd212ddb172369557a9cb06cf26533c4eba8e7108', name: "chevron_right", size: "20px" })))));
     }
     static get is() { return "tds-folder-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js

@@ -12,8 +12,8 @@ export class TdsInlineTab {
         this.selected = selected;
     }
     render() {
-        return (h(Host, { role: "listitem" }, h("div", { class: `inline-tab-item  ${this.selected ? 'selected' : ''}
-           ${this.disabled ? 'disabled' : ''}` }, h("slot", null))));
+        return (h(Host, { key: '5f6c3c68e4355801030c8bf2a9eb7650028db392', role: "listitem" }, h("div", { key: '913d4e8af5aa0b4810bc510bd6521ec98d555d60', class: `inline-tab-item  ${this.selected ? 'selected' : ''}
+           ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: 'ec29b967f9386151b89a9ae6e390b3ab024b8471' }))));
     }
     static get is() { return "tds-inline-tab"; }
     static get encapsulation() { return "shadow"; }