genesys-spark-components 4.137.1 → 4.138.0

package/dist/collection/components/stable/gux-table/gux-sort-control/gux-sort-control.js

@@ -7,7 +7,6 @@ import tableResources from "../i18n/en.json";
 export class GuxSortControl {
     constructor() {
         this.includeUnsorted = false;
-        this.headerContent = undefined;
         this.active = false;
         this.sort = 'none';
         this.isLeftAlignIcon = false;
@@ -98,13 +97,13 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: 'dcce3ef2da1539f35d6af9b09de40c9ab8c3c524', class: "gux-container" }, h("button", { key: 'bcf9d4b7ff8fb9eaa9635e28644d7b77357784f4', class: {
+        return (h("div", { key: 'aa170c870d94e6c2f3acdfbe03e65fae3996f812', class: "gux-container" }, h("button", { key: '80f7f2850f97dd19d365e289ab7857ebd9969974', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '9c7dcb1b08c6993ca969c59cbec2fb2031a9ab5c', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '4f58f69a39e381ab12dbd452ea3267cdd7e236b4', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '9962b9f8d8a4c384f23d7c0fbb70b01108acb66a', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'ff84b735e791eadf2309fd487106d6612d1d301d', class: "gux-resize-spacer" })));
     }
     static get is() { return "gux-sort-control"; }
     static get encapsulation() { return "shadow"; }
@@ -135,6 +134,8 @@ export class GuxSortControl {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "include-unsorted",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-table/gux-table-select-menu/gux-table-select-menu.js

@@ -71,7 +71,7 @@ export class GuxTableSelectMenu {
         }
     }
     render() {
-        return (h(Host, { key: '5a48581e9d8eaaf4c96e44f05d0ded133a13187e' }, h("slot", { key: '3702e397db4d2e237a26f2f6f1e0384453eeddaf' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '9d792e38a8a5f9e0df096e66a4facfcf94e1b766' }, h("slot", { key: 'b55a072b3ea6070b47bc1883b3e269945ddf99e4' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {
@@ -100,6 +100,8 @@ export class GuxTableSelectMenu {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "dropdown-disabled",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-table/gux-table.js

@@ -16,12 +16,22 @@ export class GuxTable {
         });
         this.tableId = randomHTMLId('gux-table');
         this.columnsWidths = {};
+        /**
+         * Indicates that vertical scroll is presented for table
+         */
         this.isVerticalScroll = false;
+        /**
+         * Indicates if the mouse is in a position that supports starting resize
+         */
         this.columnResizeHover = false;
+        /**
+         * Indicates table row density style
+         */
         this.compact = false;
+        /**
+         * Indicates that object table specific styles should be applied
+         */
         this.objectTable = false;
-        this.emptyMessage = undefined;
-        this.resizableColumns = undefined;
     }
     /******************************* Lifecycle Hooks *******************************/
     async componentWillLoad() {
@@ -272,7 +282,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: 'a310e0d83e627dcf7b8177bef5b7da6c8a49e4a0', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '4dbbdbfbbed3058c0d9ca0bd317bed0673bbda94', class: "gux-table" }, h("div", { key: '7e8093d4dda42c908b5be66b0f38c7e98533e96b', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '54b6c66855dc72ffecf801494add3fed8323efa1', name: "data" })), this.isTableEmpty && (h("div", { key: '0d8294e84fb357d4dbbf98aca88f9fdf598c1959', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '9faff47ff4190f6a46a5b52c44b54478b3856015', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'f00939a6c497e2e22d46cd006c1807e894ec58b4', class: "gux-table" }, h("div", { key: '742a85b1b2c6071c04be8e7a2c81a4166a1b583a', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '45a0561efbb62c0b0e7f1a31f1cb868477f08edb', name: "data" })), this.isTableEmpty && (h("div", { key: '8855957b7bef11136b0bc3c12c334314b77bcd26', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     static get is() { return "gux-table"; }
     static get encapsulation() { return "shadow"; }
@@ -302,6 +312,8 @@ export class GuxTable {
                     "tags": [],
                     "text": "Indicates table row density style"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "compact",
                 "reflect": false,
                 "defaultValue": "false"
@@ -320,6 +332,8 @@ export class GuxTable {
                     "tags": [],
                     "text": "Indicates that object table specific styles should be applied"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "object-table",
                 "reflect": false,
                 "defaultValue": "false"
@@ -338,6 +352,8 @@ export class GuxTable {
                     "tags": [],
                     "text": "Represents info message that should be displayed for empty table"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "empty-message",
                 "reflect": false
             },
@@ -355,6 +371,8 @@ export class GuxTable {
                     "tags": [],
                     "text": "Indicates that table should have resizable columns"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "resizable-columns",
                 "reflect": false
             }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-action/gux-table-toolbar-action.js

@@ -5,7 +5,6 @@ import { buildI18nForComponent } from "../../../../i18n";
 import translationResources from "./i18n/en.json";
 export class GuxTableToolbarAction {
     constructor() {
-        this.action = undefined;
         this.accent = 'secondary';
         this.iconOnly = false;
         this.disabled = false;
@@ -42,7 +41,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: 'e8538ef34e03519c734e77f5f476b53b16ef0dc9', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '4cadbb502341deb331f15ed75661f0b1effa54af', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '1882d0c96014b7d9abea89e178b9237cf15360a1', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '7275cff0eb26d84b7af1d15f29cb812770be7ced', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'aebca288330d1bf23f156d80d42263cd217d1ae5', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '336d56282e3e3f5475d00804da7577b1ad48f2cb', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     static get is() { return "gux-table-toolbar-action"; }
     static get encapsulation() { return "shadow"; }
@@ -78,6 +77,8 @@ export class GuxTableToolbarAction {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "action",
                 "reflect": false
             },
@@ -101,6 +102,8 @@ export class GuxTableToolbarAction {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accent",
                 "reflect": false,
                 "defaultValue": "'secondary'"
@@ -119,6 +122,8 @@ export class GuxTableToolbarAction {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon-only",
                 "reflect": false,
                 "defaultValue": "false"
@@ -137,6 +142,8 @@ export class GuxTableToolbarAction {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-custom-action/gux-table-toolbar-custom-action.js

@@ -32,7 +32,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: 'ca49e2eb936dfb631243119c86c41178dfa68880', accent: this.accent }, h("button", { key: '13b95b19439edb3f9f451d6f50b9a57cd4df4231', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '1db9793c1c6fd061ecb09ed335a6c426620988f7', name: "icon" }), h("span", { key: '44b08116f2155b7c8263f2faa1f5f01787b59917', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '536348a7c568596d7bc291557a9c5248d818ec17', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'a8d01e76058e1d7585bb5bc7d0bbff1ff1a1e0c1', accent: this.accent }, h("button", { key: '9aded0e4c8a4c66384cda6f952da9572f8939b19', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'ae94fcb7e44ea806abd7954873e748758f59f51b', name: "icon" }), h("span", { key: 'ae591615ebca8cee8c93e09a7b6020a22e91b960', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '3e822d9f63f14506e56730093a60b1486d1fab2a', name: "text" }))), this.renderTooltip()));
     }
     static get is() { return "gux-table-toolbar-custom-action"; }
     static get encapsulation() { return "shadow"; }
@@ -63,6 +63,8 @@ export class GuxTableToolbarCustomAction {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon-only",
                 "reflect": false,
                 "defaultValue": "false"
@@ -87,6 +89,8 @@ export class GuxTableToolbarCustomAction {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "accent",
                 "reflect": false,
                 "defaultValue": "'secondary'"
@@ -105,6 +109,8 @@ export class GuxTableToolbarCustomAction {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-menu-button/gux-table-toolbar-menu-button.js

@@ -16,7 +16,6 @@ import translationResources from "./i18n/en.json";
 import { afterNextRender } from "../../../../utils/dom/after-next-render";
 export class GuxTableToolbarMenuButton {
     constructor() {
-        this.showMenu = undefined;
         this.expanded = false;
     }
     handleKeyDown(event) {
@@ -84,7 +83,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'd78b3d6d952599b820526a5a9ddb2ad20ba3269c', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '14fed00f5b7f823c403c513927efcb76e6d0c0ae', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'c3b3f0061fe8acc14bf5e6ec915661c4d67c67bd', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '612641edd5bcdca3f1e66a47f336b4acee2cb754', accent: "secondary" }, h("button", { key: '0cb07af08b15c018aa40a0098e5f50b0f792c5f6', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: '4710754d3c15fd9c96b5612d1150f1603dc45e1b', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), this.renderTooltip()))), h("div", { key: 'b6362a0d227a977c403a36de1a537ac1ec659158', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '858338dd24b7292a3cc156f85a15f022e9a55cc2', ref: el => (this.listElement = el) }, h("slot", { key: '5a30837a55ca239e760143334a4a0341dc6d3ecc' }))))));
+        return (h(Host, { key: '5f7d025e3d029801dcc195eb7fb0d6d0feb3a835', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '227c2f581f8a6cdd0ff0487049b8e35ba767de2a', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '9dfafdf865b045bf37c19fa1f2f69b181c7e9a4e', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '60b452473bfff9d846dee14be7ac52c3c20d883a', accent: "secondary" }, h("button", { key: '1f8e12f5a2db6be6e806022b2e34e9af9b00316c', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: '4700a003ae7da5096749706dfc93662e9510c3eb', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), this.renderTooltip()))), h("div", { key: '04e3c234d1bc292e3953e080364d31eed44ba6fb', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'f2b559874219b85b34f7bbbd1636b26665391c14', ref: el => (this.listElement = el) }, h("slot", { key: '987134c46b3dfb7fe1e048423525e1bbdc8705a6' }))))));
     }
     static get is() { return "gux-table-toolbar-menu-button"; }
     static get encapsulation() { return "shadow"; }
@@ -115,6 +114,8 @@ export class GuxTableToolbarMenuButton {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "show-menu",
                 "reflect": false
             }

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

@@ -24,13 +24,13 @@ import { afterNextRenderTimeout } from "../../../utils/dom/after-next-render";
  */
 export class GuxTableToolbar {
     constructor() {
+        this.displayedLayout = 'full';
+        this.hasContextDivider = false;
         this.minimumSizes = {
             full: 0,
             iconOnly: 0,
             condensed: 0
         };
-        this.displayedLayout = 'full';
-        this.hasContextDivider = false;
     }
     onMutation() {
         this.hasContextDivider = this.needsContextDivider();
@@ -195,9 +195,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '61e2577218efba771229bea4189d020103b9c04c', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '06e9cf9b5321acf58888b2e15bb665cf049bb242', class: "search-filter-container" }, h("slot", { key: '5371111abbc86dbca38f0c8388dfe735d2392c88', name: "search-and-filter" })), h("div", { key: 'dc57b16a1475df79b222c05ca62f218061fbdcb3', class: "section-spacing" }), h("div", { key: '3e3d9744d1de2e9c7368dc217c20f1ace7f2ffb4', class: "gux-contextual-permanent-primary" }, h("div", { key: '4c16cc307cf3f0a42e7c4c58236764d7d4b7a796', class: {
+        return (h(Host, { key: '286d16c8c0256fcdc3fc16bd8198ca522ec46561', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '81848d87616892f1116428a6955501e48bbbc8f2', class: "search-filter-container" }, h("slot", { key: 'acf93a2292d0bc75c41491c7e53de644d2f63b01', name: "search-and-filter" })), h("div", { key: '64524af5d3e61a5a9c2ad534047516ea375989d8', class: "section-spacing" }), h("div", { key: '63c1aa11001f861991e48a6e761b64bce5182c72', class: "gux-contextual-permanent-primary" }, h("div", { key: 'f56906133c61a97d28144221d49f7aebd01cca78', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'a4a7fa3f0dd73fd9e69e1ab962a87e9cfcfb4dff', name: "contextual-actions" })), h("div", { key: '9cab6bdc78e18461f24b69d215e14df6ae6c1ee7', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '01853b5fcb8391cbe0ed80f627f97375cf58dfa6', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '1504f5b0e12dcde9dcede180d781cd2428eb40c3', "show-menu": this.renderMenu() }, h("slot", { key: '6eec01d9cbb35302d4dae6f498e3239114dace0d', name: "menu-actions" })), h("slot", { key: '816b068157bba14a54a9c845fe9a2433d70a11b6', name: "primary-action" })))));
+            } }, h("slot", { key: 'fc6d51300cb27009249040c0ab2c201a6d54bf3d', name: "contextual-actions" })), h("div", { key: '8104450e965aa066b05e96364443a453b12c8496', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'c4bdb389d256c5c1eb374acd4738df6aa59f8337', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '6bddd1b1fb4fe2f5d58ff02be1ac72efcea56fb9', "show-menu": this.renderMenu() }, h("slot", { key: '3de1e2e717e5baff05bba22f68c047d74d798ed2', name: "menu-actions" })), h("slot", { key: 'e548f18daeb4f5d97696ce8a0eb144fe9d0d1cb8', name: "primary-action" })))));
     }
     static get is() { return "gux-table-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tabs/gux-tab/gux-tab.js

@@ -4,7 +4,9 @@ import { h } from "@stencil/core";
  */
 export class GuxTab {
     constructor() {
-        this.tabId = undefined;
+        /**
+         * Specifies if tab is disabled
+         */
         this.guxDisabled = false;
         this.active = false;
     }
@@ -43,11 +45,11 @@ export class GuxTab {
         return -1;
     }
     render() {
-        return (h("button", { key: '9fc0fd45b66be700c1c22d826529cf038a856895', class: {
+        return (h("button", { key: 'a36a3b6b93516719a59c31ad7376e25c342f194a', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'f077e0cc9928622efdc549d1a48f82fe2b856e98', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '25e21a845a08e430d61b93ec4631dfadb1115808' }, h("slot", { key: '57e0a14c0b3c1c6f369fc6a26294b304f9ebd3ab' })))));
+            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '7c01ed22b5b7d1672ca66146468d767ba6d9efee', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '177ec34701424ea6fc819ed69c467e60e4a9aa9c' }, h("slot", { key: '2e3b72b4e0f14b96fda1190c880e241d66f98b15' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {
@@ -76,6 +78,8 @@ export class GuxTab {
                     "tags": [],
                     "text": "Tab id for the tab"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tab-id",
                 "reflect": false
             },
@@ -93,6 +97,8 @@ export class GuxTab {
                     "tags": [],
                     "text": "Specifies if tab is disabled"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "gux-disabled",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-tabs/gux-tab-list/gux-tab-list.js

@@ -17,7 +17,6 @@ export class GuxTabList {
     constructor() {
         this.currentScrollIndex = 0;
         this.focused = 0;
-        this.tabTriggers = undefined;
         this.hasHorizontalScrollbar = false;
         this.hasVerticalScrollbar = false;
         this.isScrolledToBeginning = false;
@@ -263,9 +262,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: 'ea92899da7e71907b79c4e83be0b366944e3339b', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '04b133cb31efb7973818cdf11a87d821e63812a5', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '3c0d8c538eaa5ba7d4cceb699fad7e5128c09f27', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '59925447a419da26682d36abe57979684bf8ea31' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '9b84b1e8871e2f6f410899e5215f7f48f0ee5e62', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '036f7a2bf31f783e0a6807690c2a46bb29fbd7e1' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

package/dist/collection/components/stable/gux-tabs/gux-tab-panel/gux-tab-panel.js

@@ -4,7 +4,6 @@ import { h, Host } from "@stencil/core";
  */
 export class GuxTabPanel {
     constructor() {
-        this.tabId = undefined;
         this.active = false;
     }
     // eslint-disable-next-line @typescript-eslint/require-await
@@ -17,7 +16,7 @@ export class GuxTabPanel {
         }
     }
     render() {
-        return (h(Host, { key: '53d403f45b24ecfd4085d01228e4df7cd1b6be35', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '6cd5c17b0b181825dc54a952639ce56f6facb210' })));
+        return (h(Host, { key: 'f40b8322c5e6b4e24445c27cb2ecb8f548c6049a', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '9f795119de5a767180af511fcabc576beb5d3885' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }
@@ -47,6 +46,8 @@ export class GuxTabPanel {
                     "tags": [],
                     "text": "Tab id of the tab that is associated with the panel"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tab-id",
                 "reflect": false
             }

package/dist/collection/components/stable/gux-tabs/gux-tabs.js

@@ -6,10 +6,14 @@ import { trackComponent } from "../../../utils/tracking/usage";
  */
 export class GuxTabs {
     constructor() {
-        this.activeTab = undefined;
+        /**
+         * Specifies horizontal or vertical orientation of tabs
+         */
         this.orientation = 'horizontal';
+        /**
+         * Specifies left aligned, centered, or full width tabs
+         */
         this.alignment = 'left';
-        this.tabList = undefined;
         this.tabPanels = [];
     }
     watchActiveTab(newValue) {
@@ -45,7 +49,7 @@ export class GuxTabs {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '3e75f6bbe1ca70d2e06252256dd7e0da9d87414e' }, h("div", { key: '2fefd55f8960a7ffd28d78145b53133fa24753dc', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '83fb2462545b9e07bd13e1562725c4f97114fab5', name: "tab-list" }), h("div", { key: '058ce4ed6f4c41a0ba84436d959b1b04a26cf978', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'a33c5b51269f29f4cbb2593be17cf7c75449fd21', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '7fdc61c4f732fb4bee5375e0672a85ae5dfe4b05' }, h("div", { key: '5b81a10ce41c2b7888b7247c92207ebe3bd9fa65', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '7cbaa1cae34b019e0161a1aec7c20e575e9b7021', name: "tab-list" }), h("div", { key: '5337ba55bb7c74f832fe97c113a3f95bd3369931', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '003ed2350c122ea5c1aded128bea3a1efd0f2797', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     static get is() { return "gux-tabs"; }
     static get encapsulation() { return "shadow"; }
@@ -75,6 +79,8 @@ export class GuxTabs {
                     "tags": [],
                     "text": "tabId of the currently selected tab"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "active-tab",
                 "reflect": false
             },
@@ -98,6 +104,8 @@ export class GuxTabs {
                     "tags": [],
                     "text": "Specifies horizontal or vertical orientation of tabs"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "orientation",
                 "reflect": false,
                 "defaultValue": "'horizontal'"
@@ -122,6 +130,8 @@ export class GuxTabs {
                     "tags": [],
                     "text": "Specifies left aligned, centered, or full width tabs"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "alignment",
                 "reflect": false,
                 "defaultValue": "'left'"

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced/gux-tab-advanced.js

@@ -13,7 +13,9 @@ export class GuxTabAdvanced {
         this.dropdownOptionsButtonId = randomHTMLId();
         this.tabTitle = '';
         this.focusinFromClick = false;
-        this.tabId = undefined;
+        /**
+         * indicates whether or not the tab is selected
+         */
         this.active = false;
         this.guxDisabled = false;
         this.popoverHidden = true;
@@ -152,12 +154,12 @@ export class GuxTabAdvanced {
     }
     render() {
         return [
-            h("div", { key: 'd75b1f59539186ba3467b81285aaa8744c2d1556', class: {
+            h("div", { key: '25e199a32da51a54d2a6624e0f5ee29af206b4af', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: 'fb30c240ecb5ab9e0baedcf750d7414f93b9fa8f', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'a75134dce2237f879933073e03ef28a43b6e82f0', class: "gux-divider" }))
+                } }, h("div", { key: '793e674d960080b19b680ce6168ed19552c02363', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '5e178631124739a5ee97eaf95b6b9e3269e5ed38', class: "gux-divider" }))
         ];
     }
     static get is() { return "gux-tab-advanced"; }
@@ -187,6 +189,8 @@ export class GuxTabAdvanced {
                     "tags": [],
                     "text": "unique id for the tab"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tab-id",
                 "reflect": false
             },
@@ -204,6 +208,8 @@ export class GuxTabAdvanced {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "gux-disabled",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.js

@@ -17,16 +17,38 @@ import { buildI18nForComponent } from "../../../../i18n";
 import tabsResources from "../i18n/en.json";
 export class GuxTabAdvancedList {
     constructor() {
+        /**
+         * Enable new tab button
+         */
         this.showNewTabButton = true;
+        /**
+         * Maximum nuber of tabs created
+         */
         this.tabLimit = Infinity;
+        /**
+         * Enable tab sorting by drag/drop
+         */
         this.allowSort = true;
         this.focused = 0;
+        /**
+         * Disable new tab button event
+         */
         this.disableAddTabButton = false;
-        this.tabTriggers = undefined;
+        /**
+         * Tabs show scrollbar when tabs overflow container
+         */
         this.hasScrollbar = false;
+        /**
+         * Keyboard sort has been triggered using space
+         */
         this.keyboardSort = false;
+        /**
+         * Index of sort target before sort starts
+         */
         this.initialSortIndex = 0;
-        this.sortTarget = undefined;
+        /**
+         * Translation key for aria live alert for keyboard sort
+         */
         this.ariaLiveAlert = '';
     }
     onFocusin(event) {
@@ -415,7 +437,7 @@ export class GuxTabAdvancedList {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: 'c20a6f30f88278f41cb5f07c1ce54bb4da3c8e8c', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '34666c50bc4867673593e10034ca2271891d385f', class: "gux-scrollable-section" }, h("div", { key: '0c8a2fbe474018efe765cd2648cd7c70e67f6099', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'dbfb73bf525cdfbe8c74e0bce2742f8c134c1805' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            h("div", { key: '417d6df9ad233a8b9914ce8741455238bc5cde8a', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'c87bd9a6116fcf0d17c3ebe3d03092e41514dfac', class: "gux-scrollable-section" }, h("div", { key: '153d651e1b5bd9276065f955c2a64793ab002139', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '2a3eca29df2b4fdcdf7f4042629aade3eda07338' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
         ];
     }
     renderAlert() {
@@ -478,6 +500,8 @@ export class GuxTabAdvancedList {
                     "tags": [],
                     "text": "Enable new tab button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "show-new-tab-button",
                 "reflect": false,
                 "defaultValue": "true"
@@ -496,6 +520,8 @@ export class GuxTabAdvancedList {
                     "tags": [],
                     "text": "Maximum nuber of tabs created"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tab-limit",
                 "reflect": false,
                 "defaultValue": "Infinity"
@@ -514,6 +540,8 @@ export class GuxTabAdvancedList {
                     "tags": [],
                     "text": "Enable tab sorting by drag/drop"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "allow-sort",
                 "reflect": false,
                 "defaultValue": "true"

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-panel/gux-tab-advanced-panel.js

@@ -4,7 +4,6 @@ import { h } from "@stencil/core";
  */
 export class GuxTabAdvancedPanel {
     constructor() {
-        this.tabId = undefined;
         this.active = false;
     }
     // eslint-disable-next-line @typescript-eslint/require-await
@@ -17,7 +16,7 @@ export class GuxTabAdvancedPanel {
         }
     }
     render() {
-        return (h("div", { key: '99a21c23f637790a99b8264770cb47b48f6b0f37', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: '0c64548272e8aebb50b81b0596be7ce74dbb04bc' })));
+        return (h("div", { key: 'a9fc6289b36cec1bf4583d154bf8d502aa6288e4', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: 'ddb143d358e7ac5bf3be4ff15836961dcee1554c' })));
     }
     static get is() { return "gux-tab-advanced-panel"; }
     static get originalStyleUrls() {
@@ -46,6 +45,8 @@ export class GuxTabAdvancedPanel {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tab-id",
                 "reflect": false
             }

package/dist/collection/components/stable/gux-tabs-advanced/gux-tabs-advanced.js

@@ -6,9 +6,7 @@ import { trackComponent } from "../../../utils/tracking/usage";
  */
 export class GuxTabsAdvanced {
     constructor() {
-        this.tabList = undefined;
         this.tabPanels = [];
-        this.activeTab = undefined;
     }
     watchActiveTab(newValue) {
         this.activateTab(newValue, this.tabList, this.tabPanels);
@@ -46,7 +44,7 @@ export class GuxTabsAdvanced {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '738526f46371d0566ff35e5f871a0f2d3144bacd' }, h("slot", { key: '5080b3e06a793f7e22625b645ec5f66e211706af', name: "tab-list" }), h("slot", { key: 'b8a46244621da8d202d67f9101b0fbaea49b8a84', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '2c8bc5fba1915034cccb58955d15bb222e010abf' }, h("slot", { key: '61e8e24100068325c638cfcdd8f8581b2d0213cd', name: "tab-list" }), h("slot", { key: 'e94a0abde8c0eb50f9e58874f9d07fef200c3cce', onSlotchange: this.onSlotchange.bind(this) })));
     }
     static get is() { return "gux-tabs-advanced"; }
     static get encapsulation() { return "shadow"; }
@@ -66,6 +64,8 @@ export class GuxTabsAdvanced {
                     "tags": [],
                     "text": "tabId of the currently selected tab"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "active-tab",
                 "reflect": false
             }