genesys-spark-components 4.155.0 → 4.156.0

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: 'b1f2570e7a6a573219d6056b8d175e71e7285147' }, h("slot", { key: 'eedefff37b97369c9aa5717b314c667b31001429' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '19a7a5b2280ef1980f15b7b67038c1a4bc9e575f' }, h("slot", { key: 'cc06b3e2792f400afe3dbb37fb19b8b7aa37161e' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {
@@ -88,6 +88,7 @@ export class GuxTableSelectMenu {
         return {
             "dropdownDisabled": {
                 "type": "boolean",
+                "attribute": "dropdown-disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -102,7 +103,6 @@ export class GuxTableSelectMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "dropdown-disabled",
                 "reflect": false,
                 "defaultValue": "false"
             }

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

@@ -283,7 +283,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: 'a3ffcccd13ef8e71bad921ebe6619c8f0db9c6cc', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '9f72c237f6c50e4d96771d874427815395f9fcde', class: "gux-table" }, h("div", { key: 'c7ef07c6a7b9995e0c2cbacfa217ed670f75ecea', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'a757a36695d1af30a34becf46ac20c0fe2f31fe0', name: "data" })), this.isTableEmpty && (h("div", { key: '7cd8741fdf5c17939a1ee78970d447404b32ccc4', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'd95028e1211e2e6a68baebf93cf9691803d443e0', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '4c371f688538e2e781bc783c0e51cc2da916232a', class: "gux-table" }, h("div", { key: '4d445606838ad4b2a380dbc8a25621d5f4a63827', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '3ea2b8ed6167bef2a62af983eb541a1009537bb4', name: "data" })), this.isTableEmpty && (h("div", { key: '2d0a9a01a71a2062313f232a1f8ff6b1f96dbe38', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     static get is() { return "gux-table"; }
     static get encapsulation() { return "shadow"; }
@@ -301,6 +301,7 @@ export class GuxTable {
         return {
             "compact": {
                 "type": "boolean",
+                "attribute": "compact",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -315,12 +316,12 @@ export class GuxTable {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "compact",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "objectTable": {
                 "type": "boolean",
+                "attribute": "object-table",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -335,12 +336,12 @@ export class GuxTable {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "object-table",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "emptyMessage": {
                 "type": "string",
+                "attribute": "empty-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -355,11 +356,11 @@ export class GuxTable {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "empty-message",
                 "reflect": false
             },
             "resizableColumns": {
                 "type": "boolean",
+                "attribute": "resizable-columns",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -374,7 +375,6 @@ export class GuxTable {
                 },
                 "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

@@ -41,7 +41,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: 'da8e9c8e79fb2f4c224f00da780438f35c2330af', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '4abb79967fa91d433d04b75956e908546f5ec09c', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'b943047bbf5378ac386f7b015c715c2e7221d1a0', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: 'f459ac4d8bb85c52d56e83300e74f658370c2e58', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'b0c50b3f8d4482f7cf2574c2330d1e4be892b7b0', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '6f04f46a5403ee081a1ddf0761ce496e62ca66e0', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     static get is() { return "gux-table-toolbar-action"; }
     static get encapsulation() { return "shadow"; }
@@ -59,6 +59,7 @@ export class GuxTableToolbarAction {
         return {
             "action": {
                 "type": "string",
+                "attribute": "action",
                 "mutable": false,
                 "complexType": {
                     "original": "GuxTableToolbarActionTypes",
@@ -79,11 +80,11 @@ export class GuxTableToolbarAction {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "action",
                 "reflect": false
             },
             "accent": {
                 "type": "string",
+                "attribute": "accent",
                 "mutable": false,
                 "complexType": {
                     "original": "GuxTableToolbarActionAccent",
@@ -104,12 +105,12 @@ export class GuxTableToolbarAction {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "accent",
                 "reflect": false,
                 "defaultValue": "'secondary'"
             },
             "iconOnly": {
                 "type": "boolean",
+                "attribute": "icon-only",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -124,12 +125,12 @@ export class GuxTableToolbarAction {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "icon-only",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -144,7 +145,6 @@ export class GuxTableToolbarAction {
                 },
                 "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: 'f9b1fb3d8a97cd2139eb5af4c426bdaa1ae44baa', accent: this.accent }, h("button", { key: 'd88f8eae437463c945ac7863bb97848db6480943', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '4ca4c537952d630182405e44f5d248da06ef8a3e', name: "icon" }), h("span", { key: '21c5073044bffa2e8214d18091dc2b8ea03b8d12', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '6a6130c88cc98dc4e6fd234efb9415ae868803c5', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '61217c24713e01b9209acd9fc11af084a66f1e5a', accent: this.accent }, h("button", { key: 'd55ec1093371c0bac72df7844ec74c9367cc9844', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '8aa9bbd6693a1bf456f03db7dabb17a3007fe33f', name: "icon" }), h("span", { key: '1ea0dcc0f10779786aa2a82642f58cc847ad665e', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '8460cb5eec68e07b36c229b0b1264a443868eaaf', name: "text" }))), this.renderTooltip()));
     }
     static get is() { return "gux-table-toolbar-custom-action"; }
     static get encapsulation() { return "shadow"; }
@@ -51,6 +51,7 @@ export class GuxTableToolbarCustomAction {
         return {
             "iconOnly": {
                 "type": "boolean",
+                "attribute": "icon-only",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -65,12 +66,12 @@ export class GuxTableToolbarCustomAction {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "icon-only",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "accent": {
                 "type": "string",
+                "attribute": "accent",
                 "mutable": false,
                 "complexType": {
                     "original": "GuxTableToolbarActionAccent",
@@ -91,12 +92,12 @@ export class GuxTableToolbarCustomAction {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "accent",
                 "reflect": false,
                 "defaultValue": "'secondary'"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -111,7 +112,6 @@ export class GuxTableToolbarCustomAction {
                 },
                 "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

@@ -83,7 +83,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '6c806b651443caec93e7ec690a2ca80d2ed06b50', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'e2623d24f57b2ccbaf811ed588b63610fa171805', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '63e7430a934c25ee1334504eb5ff86d59e263637', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'd6321d4f860ef371c70c77743565426ae11e3b6c', accent: "secondary" }, h("button", { key: '3120ea93042f5199b3198f6de1cffe037c506a90', 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: '753a2999547783dd92559f572ffae6dfba402047', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: '2cdb1133dc8e82f1c2c890e9fefbb1d7314a6c1f' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '2c9329e2da6d6144361225b8566877d9a6ff7aac', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'd980378020d16e499bad5310eba6b45b3da2ba55', ref: el => (this.listElement = el) }, h("slot", { key: 'e42992fca9056b3896c1c25b9937462f5c990759' }))))));
+        return (h(Host, { key: 'acc9a3590854223ac99cff9f9fdb79f0c45e3b34', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '3dfcd0901cb7ecf4d8f68a541b571d69ab9c8dc4', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '48ef9657c0d9ff9adde14179a323730f9f7e60ae', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '807bff8898b9560a2faf723ad865bb0f7368b83d', accent: "secondary" }, h("button", { key: '8637791c122ee1683fcd56f9ab559c763689b4e6', 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: '20ef23bd4d57592356bb35af6c77eb8dd994a5cf', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: '8bd9ed576b8ba2bcb0d2adca54d99e00a62f9fea' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '41658ed678031a071d6967b41c285d9dee280cc5', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '703000ebf60b1d1e0b35496e18d81a98d8cc056a', ref: el => (this.listElement = el) }, h("slot", { key: '07bfabc74212d389991a201f6dcf78cdfcb1bf1e' }))))));
     }
     static get is() { return "gux-table-toolbar-menu-button"; }
     static get encapsulation() { return "shadow"; }
@@ -102,6 +102,7 @@ export class GuxTableToolbarMenuButton {
         return {
             "showMenu": {
                 "type": "boolean",
+                "attribute": "show-menu",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -116,7 +117,6 @@ export class GuxTableToolbarMenuButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "show-menu",
                 "reflect": false
             }
         };

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

@@ -198,9 +198,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '337dbcf7b2dcf25530dcac20776ff4bcb64fa00b', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'ff3485b6b3eaf5fa216c53502aa28e4c59f054b2', class: "search-filter-container" }, h("slot", { key: 'ecb9f0fd9b0166a09b067261c7f5cd065632b191', name: "search-and-filter" })), h("div", { key: '56327ee8962b333be4bd47db502c0ade7ad6b077', class: "section-spacing" }), h("div", { key: '09e5fb47e40c2ac796364ffdce517df345ac13ad', class: "gux-contextual-permanent-primary" }, h("div", { key: '8d022078707ee1e7b9894fb3f17214fcba6f0f83', class: {
+        return (h(Host, { key: '471d6d31eae27b80afed8e6846a49fe75538a168', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'c751a7c677c79b1c850c9ab77f70c0d1e1c8d43e', class: "search-filter-container" }, h("slot", { key: '51b3cc5143e505275887088260866a026b262e2f', name: "search-and-filter" })), h("div", { key: 'e9a395f40a63f2ac424ca33c6abb1fa1b20d7831', class: "section-spacing" }), h("div", { key: 'eede64181488b62225df19d7d9fb14848ef999a3', class: "gux-contextual-permanent-primary" }, h("div", { key: 'f17b77eb2f6a4cb2ef2242208fc39f0e4af5936e', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '64c524e4284e630310d44038ac68b909db3c55e8', name: "contextual-actions" })), h("div", { key: '6962e2ef361c483cb67a41e19509daa4d9751a1b', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '57e776b841a9c9fc8d7934b0c507bc836f1532f7', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '74528cec9977109f97bfc530ad428ad5a517adbb', "show-menu": this.renderMenu() }, h("slot", { key: 'dee04cd0915b223f4b71ae4fb20e5cb9568c19c2', name: "menu-actions" })), h("slot", { key: '5694296b21c1a5cbff1131a1e6e8776bb8de54c0', name: "primary-action" })))));
+            } }, h("slot", { key: 'd71831933a6a1814c3a60b4d7177088562aa601b', name: "contextual-actions" })), h("div", { key: '1c14c12834419b7b9813ca06b601f1a0a03067ed', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '99388b024dbc31203b4a156a7e79a5d7720357c8', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '9a4084fdb35b5bae952134f7c8eecc9a77de32f3', "show-menu": this.renderMenu() }, h("slot", { key: 'df823a8496e4608426abb807d8deaf80fa561cb0', name: "menu-actions" })), h("slot", { key: 'fa81088e82c220b2d824a41119e4adc23f10caf5', 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

@@ -45,11 +45,11 @@ export class GuxTab {
         return -1;
     }
     render() {
-        return (h("button", { key: '446a339c553365f12c3f975367975bee95429bef', class: {
+        return (h("button", { key: 'af9cc1d13fd343ed639af5b5c0a823ecb1d9cbaa', 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: 'e9a6eea06d6a09e9b9409601a1f106d0bd052209', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '2f8448e00ebbdcee941c92d5f29ae2aaccad6627' }, h("slot", { key: '7d67bf3060939f7e04d1637b46799a791e16cd05' })))));
+            }, 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: 'af4042e5e292f3e08d71e6aae02b46ccc2ad2317', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '4f9d4c95ac84a6dea7315df0603c4afbfbdcfebb' }, h("slot", { key: 'f7a3783d3665bc784efde8f190fd0dc37474ceae' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {
@@ -66,6 +66,7 @@ export class GuxTab {
         return {
             "tabId": {
                 "type": "string",
+                "attribute": "tab-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -80,11 +81,11 @@ export class GuxTab {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tab-id",
                 "reflect": false
             },
             "guxDisabled": {
                 "type": "boolean",
+                "attribute": "gux-disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -99,7 +100,6 @@ export class GuxTab {
                 },
                 "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

@@ -266,9 +266,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: '9be65cfb80e3d3b3f9f055264439ef83dffa028b', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: 'c5845287442a47d392b395a81d621eb676afa5f1', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: 'fdf9841c13ae98827dd9efaa5510061cf68cf0ad', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'a0d20ab635fe17efcc04275470e18cc6ddee2ce1' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '7fea2d8285bba7ec3b226d927d12ad9ee9358a9e', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'aaeaef7ff1162c7d285cd19e0729743c11bd4c9e' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -16,7 +16,7 @@ export class GuxTabPanel {
         }
     }
     render() {
-        return (h(Host, { key: 'c1311f1e6cf5c29a551b2ded2896640cee5a9235', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '87eb82592c99dfe4f99bf1d94dee68c999b12953' })));
+        return (h(Host, { key: '3e53cdd5550102de55d37f4c86c68c3086393328', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'c400039a555250263dc4b48ba2a940895634bb50' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }
@@ -34,6 +34,7 @@ export class GuxTabPanel {
         return {
             "tabId": {
                 "type": "string",
+                "attribute": "tab-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -48,7 +49,6 @@ export class GuxTabPanel {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tab-id",
                 "reflect": false
             }
         };

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

@@ -49,7 +49,7 @@ export class GuxTabs {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '9622f6a469aa84ec687488aa8a6484d1db44ab2a' }, h("div", { key: '696f9744944840c29b0f86a25a66058799b527f6', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '98924f0a0d6fb9a2dd62445408f9d95819548d34', name: "tab-list" }), h("div", { key: 'e2287aecceda78595d474d6dfd1c94d7aa4d2a7d', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'd9303351080e8a85569e9c50aab775772a0d6e36', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '581ca952c8086815333b906d56a2ae00e85a3b9c' }, h("div", { key: '51d770acd321212e11ec654d9fb9a0d53d79cab1', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'e1ff7b3d10b9f5c9a612fc9b856d0bbc24b38475', name: "tab-list" }), h("div", { key: '78ecb01306e91a18392572b9ffb79a7d56594478', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'fe3c9960ce70990a5d460b1d70a4eff560413216', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     static get is() { return "gux-tabs"; }
     static get encapsulation() { return "shadow"; }
@@ -67,6 +67,7 @@ export class GuxTabs {
         return {
             "activeTab": {
                 "type": "string",
+                "attribute": "active-tab",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -81,11 +82,11 @@ export class GuxTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "active-tab",
                 "reflect": false
             },
             "orientation": {
                 "type": "string",
+                "attribute": "orientation",
                 "mutable": false,
                 "complexType": {
                     "original": "GuxTabsOrientation",
@@ -106,12 +107,12 @@ export class GuxTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "orientation",
                 "reflect": false,
                 "defaultValue": "'horizontal'"
             },
             "alignment": {
                 "type": "string",
+                "attribute": "alignment",
                 "mutable": false,
                 "complexType": {
                     "original": "GuxTabsAlignment",
@@ -132,7 +133,6 @@ export class GuxTabs {
                 },
                 "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

@@ -154,12 +154,12 @@ export class GuxTabAdvanced {
     }
     render() {
         return [
-            h("div", { key: '31a558f4587352c3e3b3443e32bd1ffc34cd25ea', class: {
+            h("div", { key: '52a69d1ebe547237edf9525191427199d3148913', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: 'c449f7b7350801ef0e85a96e6b2fb03da343660f', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '88dbb73aa64c45d1e7a74844dcad9d8ee167c5ce', class: "gux-divider" }))
+                } }, h("div", { key: '8dfe556cdb1fecf686a8d7d309bba69404bf8220', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'a4126f4a5fd1c4e45104f6044433fbeb69024dbc', class: "gux-divider" }))
         ];
     }
     static get is() { return "gux-tab-advanced"; }
@@ -177,6 +177,7 @@ export class GuxTabAdvanced {
         return {
             "tabId": {
                 "type": "string",
+                "attribute": "tab-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -191,11 +192,11 @@ export class GuxTabAdvanced {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tab-id",
                 "reflect": false
             },
             "guxDisabled": {
                 "type": "boolean",
+                "attribute": "gux-disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -210,7 +211,6 @@ export class GuxTabAdvanced {
                 },
                 "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

@@ -437,7 +437,7 @@ export class GuxTabAdvancedList {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: '3205aa326f36c3b0fc1cbd25875cc5c202bd65b9', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'dcf73a0e8ed41b5d1a26143f17d16118390caa49', class: "gux-scrollable-section" }, h("div", { key: 'e5832f4f8b81e913c81c311d5cb8b9075391ff92', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '7c9cdd60280b31a502e824598abeba371c3771b6' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            h("div", { key: '75298fa80e0367aec3073190714c952b1b3184d0', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'd09b2a947e47a06efa6678ca02a1c611235d8cc9', class: "gux-scrollable-section" }, h("div", { key: 'd42455c169f668fae9ef93b6e7a4bb088020bedb', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'd0cc964cb3532079d15fac8658c585d7fa794714' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
         ];
     }
     renderAlert() {
@@ -488,6 +488,7 @@ export class GuxTabAdvancedList {
         return {
             "showNewTabButton": {
                 "type": "boolean",
+                "attribute": "show-new-tab-button",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -502,12 +503,12 @@ export class GuxTabAdvancedList {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "show-new-tab-button",
                 "reflect": false,
                 "defaultValue": "true"
             },
             "tabLimit": {
                 "type": "number",
+                "attribute": "tab-limit",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -522,12 +523,12 @@ export class GuxTabAdvancedList {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tab-limit",
                 "reflect": false,
                 "defaultValue": "Infinity"
             },
             "allowSort": {
                 "type": "boolean",
+                "attribute": "allow-sort",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -542,7 +543,6 @@ export class GuxTabAdvancedList {
                 },
                 "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

@@ -16,7 +16,7 @@ export class GuxTabAdvancedPanel {
         }
     }
     render() {
-        return (h("div", { key: 'd810ab34712163c91c5ede0308fdda2301da1cd8', 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: '00e5815ea28ee96517a2c6b4798a2624f4dae325' })));
+        return (h("div", { key: '2e58faf0af3feab38273e814df801fea0d3aeb73', 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: '41814de696097de2fac633849d4f400e399a7796' })));
     }
     static get is() { return "gux-tab-advanced-panel"; }
     static get originalStyleUrls() {
@@ -33,6 +33,7 @@ export class GuxTabAdvancedPanel {
         return {
             "tabId": {
                 "type": "string",
+                "attribute": "tab-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -47,7 +48,6 @@ export class GuxTabAdvancedPanel {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tab-id",
                 "reflect": false
             }
         };

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

@@ -44,7 +44,7 @@ export class GuxTabsAdvanced {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'ff8dc727f1d22924681b1bb773149410625038e5' }, h("slot", { key: 'ea6c56622105d32a5a69a389551032729067492d', name: "tab-list" }), h("slot", { key: 'b79b2dc3889a5a50eb95c8984b0c0aeead58c2aa', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: 'f8d467e69f5ecd3eacb96b499a33e169dfaaa6da' }, h("slot", { key: 'd78a28bbe2ece06e6f5d71cbececfe22d230d1f8', name: "tab-list" }), h("slot", { key: 'b5e506c353ea542b2fa58289811fd781f9366cbd', onSlotchange: this.onSlotchange.bind(this) })));
     }
     static get is() { return "gux-tabs-advanced"; }
     static get encapsulation() { return "shadow"; }
@@ -52,6 +52,7 @@ export class GuxTabsAdvanced {
         return {
             "activeTab": {
                 "type": "string",
+                "attribute": "active-tab",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -66,7 +67,6 @@ export class GuxTabsAdvanced {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "active-tab",
                 "reflect": false
             }
         };

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

@@ -54,7 +54,7 @@ export class GuxTag {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: '6eb8ff81a80e292eb65c87ad0521968ede95df46', class: {
+        return (h("div", { key: '1ce83ca8403a1dfea1923387c536468e50915071', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,
@@ -78,6 +78,7 @@ export class GuxTag {
         return {
             "accent": {
                 "type": "string",
+                "attribute": "accent",
                 "mutable": false,
                 "complexType": {
                     "original": "GuxTagAccent",
@@ -98,12 +99,12 @@ export class GuxTag {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "accent",
                 "reflect": false,
                 "defaultValue": "'default'"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -118,12 +119,12 @@ export class GuxTag {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "removable": {
                 "type": "boolean",
+                "attribute": "removable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -138,12 +139,12 @@ export class GuxTag {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "removable",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "GuxTagSize",
@@ -164,12 +165,12 @@ export class GuxTag {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": false,
                 "defaultValue": "'small'"
             },
             "emphasis": {
                 "type": "string",
+                "attribute": "emphasis",
                 "mutable": false,
                 "complexType": {
                     "original": "GuxTagEmphasis",
@@ -190,7 +191,6 @@ export class GuxTag {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "emphasis",
                 "reflect": false,
                 "defaultValue": "'bold'"
             }