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

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

@@ -11,22 +11,6 @@ const relevantTableProps = [
  */
 export class TdsTableHeaderCell {
     constructor() {
-        /** Enables sorting on that column */
-        this.sortable = false;
-        /** Setting for text align, default is "left". Other accepted values are "left", "start", "right" or "end". */
-        this.textAlign = 'left';
-        /** Disables internal padding. Useful when passing other components to cell. */
-        this.disablePadding = false;
-        /** Aria label for the sort button, providing an accessible description */
-        this.tdsAriaLabelSortButton = '';
-        this.sortedByMyKey = false;
-        this.verticalDividers = false;
-        this.compactDesign = false;
-        this.noMinWidth = false;
-        this.multiselect = false;
-        this.enableToolbarDesign = false;
-        this.tableId = '';
-        this.expandableRows = false;
         this.sortButtonClick = () => {
             if (this.sortingDirection !== 'asc' && this.sortingDirection !== 'desc') {
                 this.sortingDirection = 'asc';
@@ -60,6 +44,23 @@ export class TdsTableHeaderCell {
                 key,
             });
         };
+        this.cellKey = undefined;
+        this.cellValue = undefined;
+        this.customWidth = undefined;
+        this.sortable = false;
+        this.textAlign = 'left';
+        this.disablePadding = false;
+        this.tdsAriaLabelSortButton = '';
+        this.textAlignState = undefined;
+        this.sortingDirection = undefined;
+        this.sortedByMyKey = false;
+        this.verticalDividers = false;
+        this.compactDesign = false;
+        this.noMinWidth = false;
+        this.multiselect = false;
+        this.enableToolbarDesign = false;
+        this.tableId = '';
+        this.expandableRows = false;
     }
     internalTdsPropChangeListener(event) {
         if (this.tableId === event.detail.tableId) {
@@ -86,12 +87,14 @@ export class TdsTableHeaderCell {
         }
     }
     connectedCallback() {
+        var _a;
         this.tableEl = this.host.closest('tds-table');
-        this.tableId = this.tableEl.tableId;
+        this.tableId = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.tableId;
     }
     componentWillLoad() {
         relevantTableProps.forEach((tablePropName) => {
-            this[tablePropName] = this.tableEl[tablePropName];
+            var _a;
+            this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
         });
     }
     componentWillRender() {
@@ -101,8 +104,11 @@ export class TdsTableHeaderCell {
             : 'left';
         // To enable body cells text align per rules set in head cell
         this.internalTdsTextAlign.emit([this.tableId, this.cellKey, this.textAlignState]);
-        this.enableToolbarDesign =
-            this.host.closest('tds-table').getElementsByTagName('tds-table-toolbar').length >= 1;
+        const closesetTable = this.host.closest('tds-table');
+        if (closesetTable) {
+            this.enableToolbarDesign =
+                closesetTable.getElementsByTagName('tds-table-toolbar').length >= 1;
+        }
     }
     getAriaSort() {
         if (this.sortingDirection === 'asc')
@@ -112,7 +118,7 @@ export class TdsTableHeaderCell {
         return 'none';
     }
     render() {
-        return (h(Host, { key: 'f128527938679fe448019802ea76cda1a57d75be', class: {
+        return (h(Host, { key: '13dbec19fb1678656b968265add6b87cb97355d7', class: {
                 'tds-table__header-cell': true,
                 'tds-table__header-cell--sortable': this.sortable,
                 'tds-table__header-cell--is-sorted': this.sortedByMyKey,
@@ -144,7 +150,7 @@ export class TdsTableHeaderCell {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -153,17 +159,15 @@ export class TdsTableHeaderCell {
                     "tags": [],
                     "text": "The value of column key, usually comes from JSON, needed for sorting"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "cell-key"
+                "attribute": "cell-key",
+                "reflect": true
             },
             "cellValue": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -172,17 +176,15 @@ export class TdsTableHeaderCell {
                     "tags": [],
                     "text": "Text that displays in column cell"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "cell-value"
+                "attribute": "cell-value",
+                "reflect": true
             },
             "customWidth": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -191,10 +193,8 @@ export class TdsTableHeaderCell {
                     "tags": [],
                     "text": "In case noMinWidth is set, the user has to specify the width value for each column."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "custom-width"
+                "attribute": "custom-width",
+                "reflect": true
             },
             "sortable": {
                 "type": "boolean",
@@ -210,10 +210,8 @@ export class TdsTableHeaderCell {
                     "tags": [],
                     "text": "Enables sorting on that column"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "sortable",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "textAlign": {
@@ -230,10 +228,8 @@ export class TdsTableHeaderCell {
                     "tags": [],
                     "text": "Setting for text align, default is \"left\". Other accepted values are \"left\", \"start\", \"right\" or \"end\"."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "text-align",
+                "reflect": true,
                 "defaultValue": "'left'"
             },
             "disablePadding": {
@@ -250,10 +246,8 @@ export class TdsTableHeaderCell {
                     "tags": [],
                     "text": "Disables internal padding. Useful when passing other components to cell."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "disable-padding",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "tdsAriaLabelSortButton": {
@@ -261,7 +255,7 @@ export class TdsTableHeaderCell {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
@@ -270,10 +264,8 @@ export class TdsTableHeaderCell {
                     "tags": [],
                     "text": "Aria label for the sort button, providing an accessible description"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "tds-aria-label-sort-button",
+                "reflect": true,
                 "defaultValue": "''"
             }
         };
@@ -304,8 +296,8 @@ export class TdsTableHeaderCell {
                     "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  }",
-                    "resolved": "{ tableId: string; columnKey: string; sortingDirection: \"desc\" | \"asc\"; }",
+                    "original": "{\n    tableId: string | undefined;\n    columnKey: string | undefined;\n    sortingDirection: 'asc' | 'desc';\n  }",
+                    "resolved": "{ tableId: string | undefined; columnKey: string | undefined; sortingDirection: \"desc\" | \"asc\"; }",
                     "references": {}
                 }
             }, {
@@ -322,8 +314,8 @@ export class TdsTableHeaderCell {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "{\n    tableId: string;\n    key: string;\n  }",
-                    "resolved": "{ tableId: string; key: string; }",
+                    "original": "{\n    tableId: string | undefined;\n    key: string | undefined;\n  }",
+                    "resolved": "{ tableId: string | undefined; key: string | undefined; }",
                     "references": {}
                 }
             }, {
@@ -340,8 +332,8 @@ export class TdsTableHeaderCell {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "any",
-                    "resolved": "any",
+                    "original": "object",
+                    "resolved": "object",
                     "references": {}
                 }
             }, {
@@ -358,8 +350,8 @@ export class TdsTableHeaderCell {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "{\n    tableId: string;\n    key: string;\n  }",
-                    "resolved": "{ tableId: string; key: string; }",
+                    "original": "{\n    tableId: string | undefined;\n    key: string;\n  }",
+                    "resolved": "{ tableId: string | undefined; key: string; }",
                     "references": {}
                 }
             }];

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

@@ -2,7 +2,6 @@ import { h, Host } from "@stencil/core";
 const relevantTableProps = ['compactDesign'];
 export class TdsTableHeaderInputWrapper {
     constructor() {
-        /** Controls if the search icon is shown */
         this.showIcon = true;
         this.renderSlot = true;
         this.inputFocused = false;
@@ -64,7 +63,7 @@ export class TdsTableHeaderInputWrapper {
         }
     }
     render() {
-        return (h(Host, { key: '62070c88b54c313b2db10890023db32f0eaf66b5', class: {
+        return (h(Host, { key: '5d46a27bdb22aec58736f8f0dce6855d6ef48f23', class: {
                 'focused-input-wrapper': this.inputFocused,
                 'show-icon': this.showIcon,
                 'tds-table__compact': this.compactDesign,
@@ -98,10 +97,8 @@ export class TdsTableHeaderInputWrapper {
                     "tags": [],
                     "text": "Controls if the search icon is shown"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "show-icon",
+                "reflect": false,
                 "defaultValue": "true"
             },
             "compactDesign": {
@@ -118,10 +115,8 @@ export class TdsTableHeaderInputWrapper {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "compact-design",
+                "reflect": false,
                 "defaultValue": "false"
             }
         };

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

@@ -11,11 +11,8 @@ const relevantTableProps = [
  */
 export class TdsTableToolbar {
     constructor() {
-        /** Adds title to the Table */
         this.tableTitle = '';
-        /** Enables preview of searchbar */
         this.filter = false;
-        /** Aria label for the search input, providing an accessible description */
         this.tdsSearchAriaLabel = '';
         this.verticalDividers = false;
         this.compactDesign = false;
@@ -37,15 +34,17 @@ export class TdsTableToolbar {
         }
     }
     connectedCallback() {
+        var _a;
         this.tableEl = this.host.closest('tds-table');
-        this.tableId = this.tableEl.tableId;
+        this.tableId = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.tableId;
         if (!this.tdsSearchAriaLabel) {
             console.warn('tds-table-toolbar: tdsSearchAriaLabel is highly recommended for accessibility');
         }
     }
     componentWillLoad() {
         relevantTableProps.forEach((tablePropName) => {
-            this[tablePropName] = this.tableEl[tablePropName];
+            var _a;
+            this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
         });
     }
     handleSearch(event) {
@@ -71,10 +70,10 @@ export class TdsTableToolbar {
         return styles;
     }
     render() {
-        return (h(Host, { key: 'e7ce21fcad3bfbc9f93088f777855baa9c6e3869', class: {
+        return (h(Host, { key: 'e76b6fc0b933bd081686ab3e060cb35c07470f01', class: {
                 'tds-table--compact': this.compactDesign,
                 'toolbar__horizontal-scroll': !!this.horizontalScrollWidth,
-            }, style: this.getStyles(), "aria-labelledby": "table-toolbar-title" }, h("div", { key: '7310ec2851d440ba6529eb2d48bb20bcb508429f', class: "tds-table__upper-bar-flex" }, h("div", { key: '5b901252d433968edb04de20a25ea9c09bb39b4b', class: "tds-table__actionbar-left" }, this.tableTitle && (h("caption", { key: '661f8de9fe38cd72b098251b027c7e6f554033e5', id: "table-toolbar-title", class: "tds-table__title" }, this.tableTitle)), h("slot", { key: '8d00d01e2ac92c75f95dc6ae89e7b8769cde6dc1', name: "start" })), h("div", { key: 'fd28cb512ed5ad997cdb1f0b1dff8f7489f95db5', class: "tds-table__actionbar" }, this.filter && (h("div", { key: 'fb2649d623a21eeb1a8c3ed5c512d02d7bbb2efc', class: "tds-table__searchbar" }, h("input", { key: '9cd1284bec12081a2e99996eb6bd160ac926b751', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event), "aria-label": this.tdsSearchAriaLabel }), h("span", { key: '015060f9c59d06c430fabb0acabb8b476a477616', class: "tds-table__searchbar-icon" }, h("tds-icon", { key: '5f990c7f452a46bb0471dd658f24afd848d029e9', name: "search", size: "20px" })))), h("slot", { key: 'a91b2aee680ef316d2fdd46d46bfe9ec3eb3e314', name: "end" })))));
+            }, 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" })))));
     }
     static get is() { return "tds-table-toolbar"; }
     static get encapsulation() { return "shadow"; }
@@ -104,10 +103,8 @@ export class TdsTableToolbar {
                     "tags": [],
                     "text": "Adds title to the Table"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "table-title",
+                "reflect": true,
                 "defaultValue": "''"
             },
             "filter": {
@@ -124,10 +121,8 @@ export class TdsTableToolbar {
                     "tags": [],
                     "text": "Enables preview of searchbar"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "filter",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "tdsSearchAriaLabel": {
@@ -144,10 +139,8 @@ export class TdsTableToolbar {
                     "tags": [],
                     "text": "Aria label for the search input, providing an accessible description"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "tds-search-aria-label",
+                "reflect": false,
                 "defaultValue": "''"
             }
         };
@@ -174,8 +167,8 @@ export class TdsTableToolbar {
                     "text": "Used for sending users' input to the main parent tds-table the component,\ncan also be listened to in order to implement custom sorting logic."
                 },
                 "complexType": {
-                    "original": "{\n    tableId: string;\n    query: string;\n  }",
-                    "resolved": "{ tableId: string; query: string; }",
+                    "original": "{\n    tableId: string | undefined;\n    query: string;\n  }",
+                    "resolved": "{ tableId: string | undefined; query: string; }",
                     "references": {}
                 }
             }];

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

@@ -4,9 +4,9 @@ import { Host, h } from "@stencil/core";
  */
 export class TdsFolderTab {
     constructor() {
-        /** Disables the Tab. */
         this.disabled = false;
         this.selected = false;
+        this.tabWidth = undefined;
     }
     /** @internal Method to set the width of the tab. Used by the <tds-folder-tabs> */
     async setTabWidth(width) {
@@ -68,10 +68,8 @@ export class TdsFolderTab {
                     "tags": [],
                     "text": "Disables the Tab."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "disabled",
+                "reflect": false,
                 "defaultValue": "false"
             }
         };

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

@@ -4,17 +4,6 @@ import { Host, h, } from "@stencil/core";
  */
 export class TdsFolderTabs {
     constructor() {
-        /** Variant of the Tabs, primary= on white, secondary= on grey50 */
-        this.modeVariant = null;
-        /** Sets the default selected Tab. */
-        this.defaultSelectedIndex = 0;
-        /** Defines aria-label on left scroll button */
-        this.tdsScrollLeftAriaLabel = 'Scroll left';
-        /** Defines aria-label on right scroll button */
-        this.tdsScrollRightAriaLabel = 'Scroll right';
-        this.buttonWidth = 0;
-        this.showLeftScroll = false;
-        this.showRightScroll = false;
         this.navWrapperElement = null; // reference to container with nav buttons
         this.componentWidth = 0; // visible width of this component
         this.buttonsWidth = 0; // total width of all nav items combined
@@ -37,7 +26,8 @@ export class TdsFolderTabs {
                     this.updateScrollButtons();
                 });
             });
-            resizeObserver.observe(this.navWrapperElement);
+            if (this.navWrapperElement)
+                resizeObserver.observe(this.navWrapperElement);
         };
         this.addEventListenerToTabs = () => {
             this.children = Array.from(this.host.children);
@@ -68,6 +58,14 @@ export class TdsFolderTabs {
                 }
             });
         };
+        this.modeVariant = null;
+        this.defaultSelectedIndex = 0;
+        this.selectedIndex = undefined;
+        this.tdsScrollLeftAriaLabel = 'Scroll left';
+        this.tdsScrollRightAriaLabel = 'Scroll right';
+        this.buttonWidth = 0;
+        this.showLeftScroll = false;
+        this.showRightScroll = false;
     }
     /** Sets the passed tabindex as the selected Tab. */
     async selectTab(tabIndex) {
@@ -98,16 +96,22 @@ export class TdsFolderTabs {
         this.children[this.selectedIndex].setSelected(true);
     }
     scrollRight() {
+        if (!this.navWrapperElement)
+            return;
         const scroll = this.navWrapperElement.scrollLeft;
         this.navWrapperElement.scrollLeft = scroll + this.buttonsWidth;
         this.evaluateScrollButtons();
     }
     scrollLeft() {
+        if (!this.navWrapperElement)
+            return;
         const scroll = this.navWrapperElement.scrollLeft;
         this.navWrapperElement.scrollLeft = scroll - this.buttonsWidth;
         this.evaluateScrollButtons();
     }
     evaluateScrollButtons() {
+        if (!this.navWrapperElement)
+            return;
         const scroll = this.navWrapperElement.scrollLeft;
         this.showRightScroll = scroll <= this.scrollWidth;
         this.showLeftScroll = scroll > 0;
@@ -165,9 +169,9 @@ export class TdsFolderTabs {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (h(Host, { key: '8c8c4916fe50279d530f99d21fef8f4ceb89fe55', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '5850bbcf52dfadf7a08dbe420916d98ed6d14b41', class: "wrapper", ref: (el) => {
+        return (h(Host, { key: '306e3cdd4c692c55c76c219b9103be7f9e5a479c', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: 'f830e2fd7972564b5f340b443b982d8feae44fd8', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            } }, h("button", { key: '9506486a1d6a2415bc8213cf1c0ab8c7789ad82c', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: 'e721ba34d2d703bd0ee2fe833e7859f282b6b332', name: "chevron_left", size: "20px" })), h("slot", { key: 'ee2558c4a7d35d8d6355df59b735344151742884', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '6ac20fbd52634a08bd6ef369a45fe0ebb7de9d5d', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: '20a1096cec8ef7e121200f469761fac9a2a5086d', name: "chevron_right", size: "20px" })))));
+            } }, h("button", { key: 'e5d1dd48c99588f66ef6525809dd4b6f5e3af6ad', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: 'dc873eb0a1ebddf4c15382bfdd6b07b20904233e', name: "chevron_left", size: "20px" })), h("slot", { key: '5485e73e2b54f94c7fdde910f479b402c082cbc8', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '42271e07b78aff4750be45162d132b6103993d9a', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: 'dbb99a44c0afbd0a8b59ecf10592d991294da9fa', name: "chevron_right", size: "20px" })))));
     }
     static get is() { return "tds-folder-tabs"; }
     static get encapsulation() { return "shadow"; }
@@ -187,8 +191,8 @@ export class TdsFolderTabs {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'primary' | 'secondary'",
-                    "resolved": "\"primary\" | \"secondary\"",
+                    "original": "'primary' | 'secondary' | null",
+                    "resolved": "\"primary\" | \"secondary\" | null",
                     "references": {}
                 },
                 "required": false,
@@ -197,10 +201,8 @@ export class TdsFolderTabs {
                     "tags": [],
                     "text": "Variant of the Tabs, primary= on white, secondary= on grey50"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "mode-variant",
+                "reflect": false,
                 "defaultValue": "null"
             },
             "defaultSelectedIndex": {
@@ -217,10 +219,8 @@ export class TdsFolderTabs {
                     "tags": [],
                     "text": "Sets the default selected Tab."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "default-selected-index",
+                "reflect": false,
                 "defaultValue": "0"
             },
             "selectedIndex": {
@@ -237,10 +237,8 @@ export class TdsFolderTabs {
                     "tags": [],
                     "text": "Sets the selected Tab.\nIf this is set, all Tab changes need to be handled by the user."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "selected-index"
+                "attribute": "selected-index",
+                "reflect": true
             },
             "tdsScrollLeftAriaLabel": {
                 "type": "string",
@@ -256,10 +254,8 @@ export class TdsFolderTabs {
                     "tags": [],
                     "text": "Defines aria-label on left scroll button"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "tds-scroll-left-aria-label",
+                "reflect": false,
                 "defaultValue": "'Scroll left'"
             },
             "tdsScrollRightAriaLabel": {
@@ -276,10 +272,8 @@ export class TdsFolderTabs {
                     "tags": [],
                     "text": "Defines aria-label on right scroll button"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "tds-scroll-right-aria-label",
+                "reflect": false,
                 "defaultValue": "'Scroll right'"
             }
         };

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

@@ -4,7 +4,6 @@ import { Host, h } from "@stencil/core";
  */
 export class TdsInlineTab {
     constructor() {
-        /** Disables the Tab. */
         this.disabled = false;
         this.selected = false;
     }
@@ -65,10 +64,8 @@ export class TdsInlineTab {
                     "tags": [],
                     "text": "Disables the Tab."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "disabled",
+                "reflect": false,
                 "defaultValue": "false"
             }
         };