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

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

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

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

@@ -2,6 +2,7 @@ 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;
@@ -63,7 +64,7 @@ export class TdsTableHeaderInputWrapper {
         }
     }
     render() {
-        return (h(Host, { key: '5d46a27bdb22aec58736f8f0dce6855d6ef48f23', class: {
+        return (h(Host, { key: '62070c88b54c313b2db10890023db32f0eaf66b5', class: {
                 'focused-input-wrapper': this.inputFocused,
                 'show-icon': this.showIcon,
                 'tds-table__compact': this.compactDesign,
@@ -97,8 +98,10 @@ export class TdsTableHeaderInputWrapper {
                     "tags": [],
                     "text": "Controls if the search icon is shown"
                 },
-                "attribute": "show-icon",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "show-icon",
                 "defaultValue": "true"
             },
             "compactDesign": {
@@ -115,8 +118,10 @@ export class TdsTableHeaderInputWrapper {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "compact-design",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "compact-design",
                 "defaultValue": "false"
             }
         };

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

@@ -11,8 +11,11 @@ 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;
@@ -34,17 +37,15 @@ export class TdsTableToolbar {
         }
     }
     connectedCallback() {
-        var _a;
         this.tableEl = this.host.closest('tds-table');
-        this.tableId = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.tableId;
+        this.tableId = this.tableEl.tableId;
         if (!this.tdsSearchAriaLabel) {
             console.warn('tds-table-toolbar: tdsSearchAriaLabel is highly recommended for accessibility');
         }
     }
     componentWillLoad() {
         relevantTableProps.forEach((tablePropName) => {
-            var _a;
-            this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
+            this[tablePropName] = this.tableEl[tablePropName];
         });
     }
     handleSearch(event) {
@@ -70,10 +71,10 @@ export class TdsTableToolbar {
         return styles;
     }
     render() {
-        return (h(Host, { key: 'e76b6fc0b933bd081686ab3e060cb35c07470f01', class: {
+        return (h(Host, { key: 'e7ce21fcad3bfbc9f93088f777855baa9c6e3869', 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: '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" })))));
     }
     static get is() { return "tds-table-toolbar"; }
     static get encapsulation() { return "shadow"; }
@@ -103,8 +104,10 @@ export class TdsTableToolbar {
                     "tags": [],
                     "text": "Adds title to the Table"
                 },
-                "attribute": "table-title",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "table-title",
                 "defaultValue": "''"
             },
             "filter": {
@@ -121,8 +124,10 @@ export class TdsTableToolbar {
                     "tags": [],
                     "text": "Enables preview of searchbar"
                 },
-                "attribute": "filter",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "filter",
                 "defaultValue": "false"
             },
             "tdsSearchAriaLabel": {
@@ -139,8 +144,10 @@ export class TdsTableToolbar {
                     "tags": [],
                     "text": "Aria label for the search input, providing an accessible description"
                 },
-                "attribute": "tds-search-aria-label",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "tds-search-aria-label",
                 "defaultValue": "''"
             }
         };
@@ -167,8 +174,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 | undefined;\n    query: string;\n  }",
-                    "resolved": "{ tableId: string | undefined; query: string; }",
+                    "original": "{\n    tableId: string;\n    query: string;\n  }",
+                    "resolved": "{ tableId: string; 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,8 +68,10 @@ export class TdsFolderTab {
                     "tags": [],
                     "text": "Disables the Tab."
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             }
         };

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

@@ -4,6 +4,17 @@ 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
@@ -26,8 +37,7 @@ export class TdsFolderTabs {
                     this.updateScrollButtons();
                 });
             });
-            if (this.navWrapperElement)
-                resizeObserver.observe(this.navWrapperElement);
+            resizeObserver.observe(this.navWrapperElement);
         };
         this.addEventListenerToTabs = () => {
             this.children = Array.from(this.host.children);
@@ -58,14 +68,6 @@ 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) {
@@ -96,22 +98,16 @@ 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;
@@ -169,9 +165,9 @@ export class TdsFolderTabs {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (h(Host, { key: '306e3cdd4c692c55c76c219b9103be7f9e5a479c', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: 'f830e2fd7972564b5f340b443b982d8feae44fd8', class: "wrapper", ref: (el) => {
+        return (h(Host, { key: '8c8c4916fe50279d530f99d21fef8f4ceb89fe55', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '5850bbcf52dfadf7a08dbe420916d98ed6d14b41', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            } }, 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" })))));
+            } }, 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" })))));
     }
     static get is() { return "tds-folder-tabs"; }
     static get encapsulation() { return "shadow"; }
@@ -191,8 +187,8 @@ export class TdsFolderTabs {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'primary' | 'secondary' | null",
-                    "resolved": "\"primary\" | \"secondary\" | null",
+                    "original": "'primary' | 'secondary'",
+                    "resolved": "\"primary\" | \"secondary\"",
                     "references": {}
                 },
                 "required": false,
@@ -201,8 +197,10 @@ export class TdsFolderTabs {
                     "tags": [],
                     "text": "Variant of the Tabs, primary= on white, secondary= on grey50"
                 },
-                "attribute": "mode-variant",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "mode-variant",
                 "defaultValue": "null"
             },
             "defaultSelectedIndex": {
@@ -219,8 +217,10 @@ export class TdsFolderTabs {
                     "tags": [],
                     "text": "Sets the default selected Tab."
                 },
-                "attribute": "default-selected-index",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "default-selected-index",
                 "defaultValue": "0"
             },
             "selectedIndex": {
@@ -237,8 +237,10 @@ export class TdsFolderTabs {
                     "tags": [],
                     "text": "Sets the selected Tab.\nIf this is set, all Tab changes need to be handled by the user."
                 },
-                "attribute": "selected-index",
-                "reflect": true
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "selected-index"
             },
             "tdsScrollLeftAriaLabel": {
                 "type": "string",
@@ -254,8 +256,10 @@ export class TdsFolderTabs {
                     "tags": [],
                     "text": "Defines aria-label on left scroll button"
                 },
-                "attribute": "tds-scroll-left-aria-label",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "tds-scroll-left-aria-label",
                 "defaultValue": "'Scroll left'"
             },
             "tdsScrollRightAriaLabel": {
@@ -272,8 +276,10 @@ export class TdsFolderTabs {
                     "tags": [],
                     "text": "Defines aria-label on right scroll button"
                 },
-                "attribute": "tds-scroll-right-aria-label",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "tds-scroll-right-aria-label",
                 "defaultValue": "'Scroll right'"
             }
         };

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

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