genesys-spark-components 4.29.1-beta.0 → 4.30.0

package/dist/collection/components/stable/gux-list/gux-list-item/gux-list-item.js

@@ -23,7 +23,7 @@ export class GuxListItem {
         }
     }
     render() {
-        return (h(Host, { key: '5a523bb5c86732d4b8499404464d41e25cc6933c', role: "listitem" }, h("button", { key: '51c203f86daf99133685636b6c29559da6c0b913', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '760cb17676acbf334abc54486c55d938a90756c9' }))));
+        return (h(Host, { key: '6e31f0653135456fac4068c765ce997681992ae3', role: "listitem" }, h("button", { key: '472a083d4246a4af11bb39536f8b068d547f5028', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '15d01aa011f8ca1e5c23cc76e937a16c36636ec3' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class GuxList {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: 'e951d90340b5d6009e50c4ca3a26fb244450c85d', role: "list" }, this.renderFocusTarget(), h("slot", { key: '4369355cac57dd8aa4b584082bebc8070f7f9048' })));
+        return (h(Host, { key: '502b5f01972b3fec934fa8db430900be78026733', role: "list" }, this.renderFocusTarget(), h("slot", { key: '6362cc766649bd2c09d090ba2671f793b85da318' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/option-group/gux-option-group.js

@@ -48,7 +48,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '303414032ecbe3d4bea35d8c3fdb892e33b6d3a4', class: { 'gux-filtered': this.filtered } }, h("div", { key: '0fb79752d8a5d95775da11600780a03006947694', class: "gux-option-group" }, h("div", { key: '3b0ebc91918bc43f7997ccb4da1bf5de5af52eee', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'bb079f221798227604d64852cd78ba5c897f0001', role: "group" }, h("slot", { key: '1f844710178cf39e5be52bc5099d57160a8d79e5' })), this.renderDivider())));
+        return (h(Host, { key: '1f8371cf20b5ffcaa51e8a3dc2d290f473c863ba', class: { 'gux-filtered': this.filtered } }, h("div", { key: '7246e79ecb4f0112181433132bf59b6149c75165', class: "gux-option-group" }, h("div", { key: '1b88ef5fc7d324681563906dacacf0da3ebd9a3a', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '4ff183305a4378f21f324e8befad65e19b099cc2', role: "group" }, h("slot", { key: '8d28be3fa040501d17e814f8907e224b5f09dcfb' })), this.renderDivider())));
     }
     static get is() { return "gux-option-group-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/options/gux-option/gux-option.js

@@ -37,13 +37,13 @@ export class GuxOption {
         return this.selected ? 'true' : 'false';
     }
     render() {
-        return (h(Host, { key: 'd5290f15c26e946ab84bf4b8a3b66fdfc63c84ed', role: "option", class: {
+        return (h(Host, { key: '8e83f49da4102f88feffd51bdd674d79eeefd610', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'a1e0f487f75ce7bb361e53a46654d029945bf719', class: "gux-option-wrapper" }, h("gux-truncate", { key: '90730750cdfbed531ecaf1ccd969d86a1a450548', ref: el => (this.truncateElement = el) }, h("slot", { key: '6e8c555dadb6830b99b3b3b6aa9630b423ff9c29' })), h("slot", { key: '41729c019ba908d95192b04f8c73fd47ec4f3d9b', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'ac9a0faffc7df878b1f93dc9939d2761872a62c7', class: "gux-option-wrapper" }, h("gux-truncate", { key: '9ef10d952115322507b0cc2faed9eeca76d4a879', ref: el => (this.truncateElement = el) }, h("slot", { key: '5ce9c08b8d48e7e592f5da3f83ce10e2a5a68bae' })), h("slot", { key: '519ea22e4dcc7e9db88b254e6b6fe7cd21d43851', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.js

@@ -53,14 +53,14 @@ export class GuxOptionIcon {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: '63568b2c9e8468ab2568d1ae640ebef0979ad831', role: "option", class: {
+        return (h(Host, { key: 'cf4414384b69cbc4db334bc095868105f8d73020', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '6009ea6e92f87a3d79614ee544ffc11192373531', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: '769a00a9dd6614f268c11b9cd029c7cbcd1db2e2', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'a4b40f989251ff30e16af3ab8da73f4d9c0be73f', ref: el => (this.truncateElement = el) }, h("slot", { key: '560f2b3d044e2323ccee00c6bd0ae6133c8c6fb6' })), h("slot", { key: 'd77371d26635bac51517893578b98f66f926abbd', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'bd15d1bb671a33651ed9e25cffab3e43688de62a', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'e74594f1dac8c232942d6c592e9dcfe6f22a9e08', class: "gux-option-wrapper" }, h("gux-truncate", { key: '9433bd73dfa84ce17e7d356cd63ce06fc555a60c', ref: el => (this.truncateElement = el) }, h("slot", { key: '851e34182a78f2158419f548c6d6890c74c5c91b' })), h("slot", { key: 'e36faf0d52864ec90741652740becc9550ec5af3', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.js

@@ -31,11 +31,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '44c29c82895286648083b295c265500d0689ee32', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '50613ee38defc2f64ebc5216b4b77caf409bdc62', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'a3e59e3b4dc75010289bf2a0589872903865f9f7', class: "gux-option" }, h("gux-icon", { key: 'ae483318062c29935de2515fb582cd1e40203875', decorative: true, iconName: "add" }), h("div", { key: 'b13563bcd632467585b57ff8803ee6e651ecb72c', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '7c5e1c49b44b4f758000963d9b41016a9487f2ec', class: "gux-option" }, h("gux-icon", { key: '74b961acb44fc0083b902b86ab328fbe8c8ce633', decorative: true, iconName: "add" }), h("div", { key: 'f5edff64f6a9664383ae7ec402d5033368e6197e', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js

@@ -54,13 +54,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: 'b617c9b826f829743d51ab02b36c95d110a11ffa', role: "option", class: {
+        return (h(Host, { key: '1baf096c0e4683e5cd884c20676aa2584cc93f7b', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '41b4b15261c7b3969cb6e97d9da0b9234f802575', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'bc3324c3788c026fbe9e05173a7582b3fd258f6f', ref: el => (this.truncateElement = el) }, h("slot", { key: '1530f2e20a3143a9730c684ecff09b8749c28a98' })), h("slot", { key: '244621055c62bcc00403fdda38b8c45039a069a4', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'e39f5ac6de711f47f679cbdeb20a569490d2f9a7', class: "gux-option-wrapper" }, h("gux-truncate", { key: '8a228a179629b2ca343ca61029e8242787f37838', ref: el => (this.truncateElement = el) }, h("slot", { key: '726b98369f534e1e4631abf0b6a4ba44c5edf9eb' })), h("slot", { key: 'e5390667a6b99c815e5032470286203a919f692a', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-loading-message/gux-loading-message.js

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '95a7cc30e565a50e78ea968463577f3a9aad3f94', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '17a13a459cdd20c968477aa0e84efa5b345c34b2', class: "gux-progress" }, h("slot", { key: 'bb6eb3ba3f0aedac8f88eacf77a86a810d7d2a02', name: "progress" })), h("div", { key: '95c8e3bcd7c8e1beef4fbd0d6cdada2faeaae391', class: "gux-primary-message" }, h("slot", { key: '6663d5050ecf623e8bff192008f0c666a7860f41', name: "primary-message" })), h("div", { key: 'b1b7dcf90053f94022aaa2eaa6ff6d73b2113e56', class: "gux-additional-guidance" }, h("slot", { key: '2b2adce732fe442ef1e540444e686f9f01a0e24b', name: "additional-guidance" }))));
+        return (h("div", { key: '9c593a7f22751093ada6e521cff903d0979b42c4', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '88cde36c045fffd96cb99d8151e44e29593e6717', class: "gux-progress" }, h("slot", { key: 'a495f0c9d0c34831e5cbfba632a671dd472157b5', name: "progress" })), h("div", { key: '53fcc29632c0aabd8957c2400de76844bccc8389', class: "gux-primary-message" }, h("slot", { key: 'a38d090e732f04753e01ee0861ff83a02eb04693', name: "primary-message" })), h("div", { key: 'e4405c609d6b2abfab55d91678cdf24457470a57', class: "gux-additional-guidance" }, h("slot", { key: '7c92456ef5301f4319b6c2c6f8197d7064d49145', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -57,10 +57,10 @@ export class GuxModal {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'd9afdf1178dcb779b5eb7bc3c5ecec890a1a2f9d', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '0c463a14468fa97daa7a8a1bbe9a828e915fbf47', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '8277fed98f4bf29a041aae3f2172154e4b6ad355', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'afb975dbc64388a81bfd688dfca4b270c6388d0c', class: {
+        return (h("dialog", { key: '401bd12f23b174ca41c4268ce0060585875cd798', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'e852c3aa4e123af7a6b4f2ef677f81cfff8cb2b4', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'd6c479cb0c67399476227c7156a8425e2d2b0d15', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '9dd11b59f0ea534a13baaec9a52a141ede467a5a', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '7bf9d3c8805863b01ea01ed3b25b0ccba84a3392' }, h("slot", { key: '32f3089b0128b89da7913cf6b3d0f4e9f807889a', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
+            } }, h("p", { key: '2b9dbef5921358022d0ce677275df77f6f621fb7' }, h("slot", { key: '45230b34b5bd1cd5b04188cfb348a329681c9e08', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

package/dist/collection/components/stable/gux-page-loading-spinner/gux-page-loading-spinner.js

@@ -8,7 +8,7 @@ export class GuxPageLoadingSpinner {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '2d21ac2daeece41c84e83ba6b7d125262d2a47f1', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '4742d0997a3a541c4f9e0b34e6041f57c4986d0b', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     static get is() { return "gux-page-loading-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.js

@@ -59,7 +59,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '593f6c001948188e54c301efdfe6aa031255b7a8', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '9c0bd7211f773f8f492193eeca974f69456d8588', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '33c4a33fc6b0620c7595f1f5645c63c05e70402f', accent: "ghost" }, h("button", { key: 'dfb509bfbb1719278e8e1bb0cdb350ba3a96632d', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'c28b78052595b3ae3b903011685be2d25d4bb57a', decorative: true, "icon-name": "chevron-double-left" }))), h("gux-button-slot", { key: '823a26cdc43783d61dd07a321191679f118d60f5', accent: "ghost" }, h("button", { key: '8ee40251757b7fd33cd3def62e1385fe8f67065e', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '3e00c761635549f18406ac0689ef410d1f7cedc7', decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), h("div", { key: 'a056ab5312a98e597bd08f6a023db653115f5f0e', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '85b010e556b036b5e6b49cddbda831df3bb048bd', accent: "ghost" }, h("button", { key: '6f8356037c05cd2e07607d298bfa2febf1d43efb', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '31598a969e084b23c56f126b655ec4dd4711fbd7', decorative: true, "icon-name": "chevron-small-right" }))), h("gux-button-slot", { key: 'bfa05ac48557735ade8cff2c8349ab731fbcbedc', accent: "ghost" }, h("button", { key: 'a7626e099a683019c0e6d215b2967d15eca872d0', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'b506c68adf995f08617c922e5026c74f5dc9517a', decorative: true, "icon-name": "chevron-double-right" }))))));
+        return (h("div", { key: 'f2e3affedd45f66f511c507006ab0a70b5f7d600', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '1e850f67f113c7124cb4597ffea61600cfda0fae', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'eb115d1492fe33493f1a3fd65589b200afdca3cf', accent: "ghost" }, h("button", { key: 'ded487154839ffb707a7125938a71811ccd08a24', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '24473c22d6045c6b49244683bf9c48ad4e769f0b', decorative: true, "icon-name": "chevron-double-left" }))), h("gux-button-slot", { key: '43c432552eac023102304506d67d9a1a2e9145e5', accent: "ghost" }, h("button", { key: '8c70e12c5b6ac8a4eee47549c91ba575e93e254c', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '33d216a0fd566cb7cd323bcaf855d58053641eb3', decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), h("div", { key: 'cf033e911047eded182d4d27554fb0bc6806b396', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3b7d81557ea071be778024686b5e1d8079eee32c', accent: "ghost" }, h("button", { key: '2372707a7f2446285215a134784ef2bfd93aadbf', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '48a0d3d5fa060ff1c18d35a8a5acfa4c8cb2b01b', decorative: true, "icon-name": "chevron-small-right" }))), h("gux-button-slot", { key: '6cfd8d21c0e61f07797b94790b1e7e4ea38c9c81', accent: "ghost" }, h("button", { key: '7d2c88e9f9cc262df59678386bde05d5cd4df6f8', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'da9c55da19126c1948de02ee1327847d60b5582b', decorative: true, "icon-name": "chevron-double-right" }))))));
     }
     static get is() { return "gux-pagination-buttons"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js

@@ -84,7 +84,7 @@ export class GuxPaginationEllipsisButton {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: '1dcf954fed276aa5e8e299426829b93186629588' }, h("button", { key: '5ecef232aa7fa680b9301e036992e0afb5d461f7', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'f46565abe4943328e03f485f2418c085caa54126', screenreaderText: this.i18n('goToPage'), "icon-name": "menu-kebab-horizontal" })), h("gux-tooltip", { key: 'b03cfe11ffb75843c7a5a499c054e42ec3b6d936', for: "popover-target" }, this.i18n('goToPage')), h("gux-popover", { key: '9e7a733f1d2630de3568dad74e2eea6c1169bd77', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '5589bf322c5cc85fa4c2abb41aa8bf7f992e868f', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'c8e505892c77da6fc986631ae85cd9202aecdbe8' }, h("input", { key: '0a3ad78c3598e2c25821807759c771a7cbf61974', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'd0c6dc41fd19af21742b4a71f502bd487bbd68a5', slot: "label" })))));
+        return (h(Host, { key: '56c4481996a0586ba7747c5229a5032750bd6e9f' }, h("button", { key: 'bc5fa43df94cae02d2f87421c9179c96eb8fbdf7', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'c91a27b30a9f5f6360b1b20765e012ff01e5c48b', screenreaderText: this.i18n('goToPage'), "icon-name": "menu-kebab-horizontal" })), h("gux-tooltip", { key: '3f9284653321d5b3a352efcd63ff778487cb5800', for: "popover-target" }, this.i18n('goToPage')), h("gux-popover", { key: '657fed350fa2dcd5c0004f9487c5598e05624945', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'e1b782d5af5b9339d552d3bd5f16f8132a2600cb', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'd4bfe4296795faedfcce33b0dd114f22ea61b96f' }, h("input", { key: '1f8a79ecf25c5534619882bb776ddbc9bcb7f71a', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'bed728bdfec631c4ff0de294598be342c966575e', slot: "label" })))));
     }
     static get is() { return "gux-pagination-ellipsis-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.js

@@ -28,7 +28,7 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: 'f71829cc8c4e4f577c3f6426d0d1d61880530965', class: "gux-pagination-item-counts-container" }, h("span", { key: '62bc3d24d4ba1b088e3aa59119f42ba40250211a', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'fd8600870e1710a1a59de3a9dc6f15479acfa237', class: "gux-pagination-item-counts-container" }, h("span", { key: 'fce1a84588bfc8753c9163601ba2730404f91a1d', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

package/dist/collection/components/stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.js

@@ -19,7 +19,7 @@ export class GuxPaginationItemsPerPage {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: 'b5e4323e9849899dc52d879469d3e0309658a11a', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'a61d6b49b8e56625469a88154994a8c9fffd042e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'd3d7ed8f10c827dc007743c360078543939147fd', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '01d0f0055b61712e022abbd8f3a085330fcd7f36', class: "gux-pagination-items-per-page-container" }, h("div", { key: '6a6dbd7b35b3f1adf7cc3c353f6e977aad2fa161', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'bd08627faf8ce9d9ad3d0eff56c9dfe8b85d4c30', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page"; }
     static get originalStyleUrls() {

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

@@ -83,7 +83,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '00be70bf087dab63649f4de07150fdaa61a1c904', class: "gux-pagination-container" }, h("div", { key: '5f2576d4b32916f4caaf619fc62ffbe4514df0c0', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '72f3e5f2454d3ff660fe4251ae43c068770abb00', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'd4b1de8070a0e53e1cea28ef6c81907b1e38444c', class: "gux-pagination-spacer" }), h("div", { key: 'e540ae2d2736fb8c99407504e9c517e49d16913c', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'd314c64295f03391993c61cd585a36094a3e512b', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'b4c491506da5c86381fe76e6240f2544b41b954b', class: "gux-pagination-container" }, h("div", { key: 'e38b52e3b3f6ff7f9eb9610e3f5475d360290bbd', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '64b080c8bb0639d8faa088e9f9cd2dbb66a8431f', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '25077aa834c7a65d169913cb844fe3037b50d223', class: "gux-pagination-spacer" }), h("div", { key: '320a8e58e4ff31484fbdd36a3cad7d3b4f24dfd7', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '97617c029b226ff12bbdb5b5664693386f5f66a2', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -135,10 +135,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '632376bddf217f1b556696b406ebd483f6900bad', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '8fc6c741d1303a189ce6b416f6366216732fab39', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'f11882bb2f9781d6fce1620e8ad585978d904e16', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("div", { key: 'b05186e1ac2c1856d145a2431504eef3a4847e00', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '788bdae710fe3845219d8378a39020a7f50fa79d', name: "title" }), this.renderDismissButton()), h("div", { key: '000abfe8718542ba7bafe9b7c4c0b37ce749bdd3', class: "gux-popover-content" }, h("slot", { key: 'b5e435dcdc35e908b1ce19abe98c1c30e3d05d92' }))));
+            }, "data-placement": true }, h("div", { key: '4a56018b80d6c3b917d481764836de9699e6562e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("div", { key: 'f5f0873ad8836fff92be8131ad4364d26c448b6e', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'c4f265a954f5c4106916234e62f248a1999d54f1', name: "title" }), this.renderDismissButton()), h("div", { key: 'b6b5151f6703467f1d33e7e8dac991a9e4bca8d9', class: "gux-popover-content" }, h("slot", { key: 'f5d482e3b4f2b7ba53be036769d190933aff4d82' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-popover-list/gux-popover-list.js

@@ -125,10 +125,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '93a01ca319df39dd65c4391725cf2ea25d391527', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'c265bae10f58a673c97ea91930cbd9bfb44f9189', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '3b2bc9c9591fb17f1b1c7c02b4c168490513ca19', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: '70655782984121609b0acc2ffc82bb022e043882', class: "gux-popover-content" }, h("slot", { key: '782fff3a74f8563a717823de04800f5eaa8fa326' }))));
+            }, "data-placement": true }, h("div", { key: 'd08d83559c86bf8253cf46e001907a21f04a54c4', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: 'cd2884266379eedd9d5606958c9ce4be827646e8', class: "gux-popover-content" }, h("slot", { key: '1239f825661da1adc58da778d9680a5f3fb4af03' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -89,13 +89,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: 'e17a1528af3be2381bb49e654ffaff8be14588c3', class: {
+        return (h("div", { key: '427fe589ae667bedb5508616d98567aabef9f28c', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'c0be9e94bba60b6af8a747f40dca2b9ff82d5e13', name: "target" }), h("div", { key: '11bccadae3d6d40af3747d697b79c31132d90199', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'e7578e5550fdcaf4bac9e5f587b2705b7f57445f', name: "target" }), h("div", { key: 'ce0048bbb1dbb88f65d166a0c0e2fb618efdc6e3', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'b15212bf3336f4755704ecc16660e5cd4091c7e8', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'a3395edb17d1b44e24fad5967143e302072c9213', name: "popup" }))));
     }
     static get is() { return "gux-popup"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.js

@@ -13,7 +13,7 @@ export class GuxRadialLoading {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '673f7e1b3c1059ea7d77eea8ab43602b52f6f805', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '746008b44acb35a065f646a9333af75d7ea4dadc', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     static get is() { return "gux-radial-loading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -99,7 +99,7 @@ export class GuxRating {
         }
     }
     render() {
-        return (h(Host, { key: '05c2a71cca500d52a492bb86dc1dae4e23cdb854', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '0470d153375c14253d6adb397c5337c978a0751e', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'a0c2df88df291e46936be517c0078fe54e8166d8', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'd9fa328dcdadde62881d3a94793b44ead40bc682', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.js

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class GuxSkipNavigationItem {
     render() {
-        return (h(Host, { key: 'dae99892e1df459884e33b7973a93a5aac14d6d2', role: "listitem" }, h("slot", { key: '07d133319c36461c422affa5e1fe818965016d99' })));
+        return (h(Host, { key: '844e4c1933f0377323099f99de6c1fc6f8ce6738', role: "listitem" }, h("slot", { key: '791e27d8c2485809c5f7b9553a1d8684f053ad08' })));
     }
     static get is() { return "gux-skip-navigation-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-list.js

@@ -11,7 +11,7 @@ export class GuxSkipNavigationList {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '9780c57e4f6d0cf5489fdff698efecca6abcafec', class: "gux-container" }, h("nav", { key: '0586fb6148c7670c1eda0b50074e4c7b0b464e88', "aria-label": this.i18n('navigationName') }, h("ul", { key: '436188729818b4c0c56932c136f4a5cfd49a7ab4', role: "list" }, h("slot", { key: '6f3b6465899289f50b458a93903ac68dfc8f147b' })))));
+        return (h("div", { key: '9f12c2e1cf116efc9f587e47a930474e3a8af424', class: "gux-container" }, h("nav", { key: '88fae3b7226bb9b379803d9c34b9b05009fc2b59', "aria-label": this.i18n('navigationName') }, h("ul", { key: '2cd317b80d0637a02dc0539360de3abf9be4cab6', role: "list" }, h("slot", { key: '7ed8ff3ed76301900f9895b79ed37cafef26e6b7' })))));
     }
     static get is() { return "gux-skip-navigation-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -21,7 +21,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '14abe99a50ad9b4f6a854f060968994a2d7248f1', "label-position": "screenreader" }, h("input", { key: 'e2da3b351b0e22cb2210b64027735415029291b3', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '457d3e94ba00df5f644f2fa93a8cc9b44ab0d94a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'ade8b9ec041fdb1ea8fb3f65a7de7d44eddab2f9' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '776ec20bcc26f7742a1f0e01c4fcc9cd728d7a7e', "label-position": "screenreader" }, h("input", { key: 'c6087e83f2b3af6c98dd869f8e85bcca8119bc5e', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'e1653fa9e0f165b32f5253b9eff3812877f03af6', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'f2d5d9a94f82ba4cdd14351db37bdda1f9b6a513' }, this.i18n('selectAllTableRows')))));
     }
     static get is() { return "gux-all-row-select"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'c9b07b21146e8fa832e58171521fd2d8c2366b93', "label-position": "screenreader" }, h("input", { key: '71ebb0fe0a2e0fbd7c2e9187a3a9f2523fbf0a9d', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '2073263bf498db3bf5f8679d3c2b87aeda3922e8', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'fc74b3c5536835461e947b02102c4cafb098743a' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: '64861804226dbf0d71be510c139d9d188c3046b1', "label-position": "screenreader" }, h("input", { key: '62f1d6fad72c6065c0a53e3a999dd74481114d5a', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'a69d5a8bbc1ddad65b09f2f7ded02684f4a60249', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'da4e82ca4b0df5b4360502ae02dbad63294cd230' }, this.i18n('selectTableRow')))));
     }
     static get is() { return "gux-row-select"; }
     static get encapsulation() { return "shadow"; }

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

@@ -98,13 +98,13 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: '2c5efbeaa22ad8bcdbf55f95df7f6cdc3de00ea3', class: "gux-container" }, h("button", { key: 'b40a0049132a26d0f99c402a24b2d369442ce38e', class: {
+        return (h("div", { key: '86ac994f4e7147a91d905d7373353e27a5b110a9', class: "gux-container" }, h("button", { key: '29cca3f11c7ba5be50a0aa6db24eec533245855d', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '37e9a502d3d2786def6fb9f7591ab01ffe151cc6', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '7a69ada5db1812770e8a85197d3b63afad544d81', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'f3fcdb92db0adf6bc5ff09a21f6f079dbf55824d', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '2997e824149e957e98623e26509d7b6d1c0142be', class: "gux-resize-spacer" })));
     }
     static get is() { return "gux-sort-control"; }
     static get encapsulation() { return "shadow"; }

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: '5f80e7bc9e46863f7436fd0d6a2a9ed9f968abf6' }, h("slot", { key: '5d4a490a19f9c11f5a59aea3cfb60a1b633e3945' }), this.renderSelectDropdown()));
+        return (h(Host, { key: 'b193932e5d0bffe7f97ad65f9e4a735be5d7c4be' }, h("slot", { key: 'cb33afda2d6e77f7be5fc2eed2d9fb4cd489f8de' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

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

@@ -269,7 +269,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: '7da8a1c1d9482fad8758f951a737736cede96a63', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'c6f818628833ce740c816663f3cd23120b0bfdcc', class: "gux-table" }, h("div", { key: '282ad2e1188a35a31b11e3431b54653ce61a72fe', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'e5ed66d0fcd87edc955d8de7fd5475c465d809e5', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '77617cceb9c55085c4a47fed16a40c477ad13186', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'b7501899b0eed580b709c28de18f9745aecf718c', class: "gux-table" }, h("div", { key: 'd7776224e7d1efb8eadf5f5d03738170f866148d', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '216f8e375803cc8ac1c88e186a3136c2dd6be0d1', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     static get is() { return "gux-table"; }
     static get encapsulation() { return "shadow"; }

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

@@ -27,7 +27,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: 'f2532089089a680100ed18fe8c740f95e8b9b902', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'f9033f5a1dbc2094aeef95f294eddff80c6eaaf7', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '36f7c35698dcf9ea45f8d972a8c496303ce57dba', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '9fde22ced0276de7c6f84a749c0871e56fade793', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '62bfaf015cad86176ebeb284fd99bda9b7edaae0', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '57faf208fe7d441e43e5a2d156e76489fdb672b0', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     static get is() { return "gux-table-toolbar-action"; }
     static get encapsulation() { return "shadow"; }

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

@@ -26,7 +26,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: '7b1cf3766ae7c7703940607e35fe3068144b2544', accent: this.accent }, h("button", { key: 'f3644abcd087a31e2b685524b3c2cd162628d5f7', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '5f9be7ba7a45cb24ba8155bd272f7ac030e2e051', name: "icon" }), h("span", { key: 'c4c01918a8fec97bca4ebce12cdd11c85e1521d2', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: '068e4e088d0a240e847abaf5cc5998f72e0d01e0', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '0a75f707009fdd3d7b4c1218a2535a067df612f3', accent: this.accent }, h("button", { key: 'c105621b4035c6c2ec610f2dc103c458ca47ee9c', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'd6ed411581b0bf4dd5b7e7be701fa6dd4cde54c9', name: "icon" }), h("span", { key: '06df04c0b5400b7228d92f96f3075614d9fdf3ff', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'd852eceed273f2fa622e16b5e25e76d272573b6e', name: "text" }))), this.renderTooltip()));
     }
     static get is() { return "gux-table-toolbar-custom-action"; }
     static get encapsulation() { return "shadow"; }

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

@@ -85,7 +85,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '3175ba759ce1523f16a0394692bfb8013a720fec', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '8cb912663e187b47b8f9b26e55861999694ee246', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '4d7f6af96be492d18c481d807080c614746f31d1', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '4b7711a78d65a0732b74ba7bca0675feefedb7dc', class: "gux-menu-button" }, h("button", { key: '6c32ef2e7e2deca2b540cf6177e5c1e681a16cd2', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: 'e96370557b8cd2e82152b2503d1bdb2abb301984', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'a2e71643cc5c0c51d5b997318200cf8ba71112f9' }, h("gux-icon", { key: '2a0b6d5623ea613ab2d4d91cc86005d775b16cb4', "screenreader-text": this.i18n('additionalActions'), "icon-name": "menu-kebab-horizontal" })))))), h("div", { key: 'e844c2f4f0e9e621ee0d8cc8854e5dad4d407651', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '5c2106f21ff6d5d2668fe59fc794ed0a4b4e7c26', ref: el => (this.listElement = el) }, h("slot", { key: 'fc83e45e51ea36ef4476ebe7ebb84cf1d458d749' }))))));
+        return (h(Host, { key: '0f0e5c5b978adfc79e5abd6ef1351f189edf967b', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '5df17c91c4d872c85b408cd70e24d7b95ba49301', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '3f87dfbff40a70ae7ee614536a97e34b49e0c83d', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '302abb1d7027d6c10e4ccabc83c09bb3e9fff009', class: "gux-menu-button" }, h("button", { key: '6856081cd026418ccd6cb64c8eea460078b1874c', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '5a07d9ca638bfa9efca132ffbe23ea597d2f6ef8', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'a183bec3bd3d88b83376e5c0498a370dede640c2' }, h("gux-icon", { key: '9ba9d688058f73672d2bc93470491155a4c05793', "screenreader-text": this.i18n('additionalActions'), "icon-name": "menu-kebab-horizontal" })))))), h("div", { key: '370b0bd171cdae900d6a9c251e439a1208251aae', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'd6836dbbdebf94e84a7627f8619fbfad6f8177be', ref: el => (this.listElement = el) }, h("slot", { key: 'ad4fc2caf01373326be8e5118cbdcba5f4f9d8c8' }))))));
     }
     static get is() { return "gux-table-toolbar-menu-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -185,9 +185,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '555f570eb78778055a0aa804158f08d2e12b13f1', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '52a81472e30688331e1349f6a49ebc5bb129ce7c', class: "search-filter-container" }, h("slot", { key: '38499c054fa65fa8f15fe1c7fdd2314931666d88', name: "search-and-filter" })), h("div", { key: '2ac299b307ba157d6f11708e8ceb5d9c3b923a52', class: "section-spacing" }), h("div", { key: '851f0953e3f15409be268aafb2d35e6377708819', class: "gux-contextual-permanent-primary" }, h("div", { key: 'd174c8114e3b2a58f451606f92bdf834b640264e', class: {
+        return (h(Host, { key: '650b52a15c846fa431f39f1e89d87efa649f323f', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '068dfd96eb39bbd5769c447d55bc031157d177cb', class: "search-filter-container" }, h("slot", { key: 'ac7bdd50596e7bd0de470bd1cd422488d839878a', name: "search-and-filter" })), h("div", { key: '4046092cd462e39f56088da62229155ddcacf710', class: "section-spacing" }), h("div", { key: '468820b8a6c182927f00e01047e8f7ddb2c402b6', class: "gux-contextual-permanent-primary" }, h("div", { key: '563e980b8cba3e486e92991e842c49fbbefbc98f', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'e594b6adb9b88c6d68a4ebd3fdfd38b549a7b3b4', name: "contextual-actions" })), h("div", { key: 'a65d75890b1621e962570d8f9051ca3c8a17ab7d', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '697af1b632ce8198e139be9555a35e9fa4d76da5', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '3ada935e405d9968e53de7eb776482f002a025a8', "show-menu": this.renderMenu() }, h("slot", { key: '6d66edccbf2bef08ba3956ccd9c0b7b705dbf542', name: "menu-actions" })), h("slot", { key: '853f608365f1be2f75e4b23996ba3651dd833511', name: "primary-action" })))));
+            } }, h("slot", { key: 'b4ff8502630a23c7dd38915231d8bd8375c0eb2e', name: "contextual-actions" })), h("div", { key: '502be155ad656dd906b00675ad8732b28f8de313', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '77087514023dd455867222dfcf2bb494b5939511', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '8eb34e646850b079feae429e77fc0ba95b1947a7', "show-menu": this.renderMenu() }, h("slot", { key: 'fda4b7d04133ec177fae803c5abbf53aa157daff', name: "menu-actions" })), h("slot", { key: '6aab50089fac2f4e8dfeed2f323d05944b193694', 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

@@ -34,11 +34,11 @@ export class GuxTab {
         return this.active;
     }
     render() {
-        return (h("button", { key: 'f7a45d89fbd3af26b49ad9e60ca62f71febc9323', class: {
+        return (h("button", { key: 'f9c36f107ac2bc741b40903356b82d5c5f961dd4', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '85930035b445995cde166d4c0604527e49a8e25d', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'a50cf1eb480380b9f5cf03e735c185a233ca6795' }, h("slot", { key: '5f6091de074893b0d026fa727222975ef4650642' })))));
+            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'b50ae5064123f1378902cb004c95e1b0bdd33ea7', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '7c89b2ff874354a23d8207e616a4229bca13d52d' }, h("slot", { key: '6367585e29f26eedf62b92a22db21c4a7c9d900f' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

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

@@ -247,9 +247,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: 'c0155765a0339c3fd833972d0c68623882c4035a', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: 'd8f91ecc573199f88d41d8f0238055ac4eec2a76', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '4ca58d61b9de4a383349dcc5e997ee2e4b452b2f', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'c644185249cf5a9a9601eea865221dd54bacc9bb' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '5b78824538f70e9164aeab239c66249b1e29bd48', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'b13c0cc55dd24218807f2cd62d5630a01911c7d7' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -17,7 +17,7 @@ export class GuxTabPanel {
         }
     }
     render() {
-        return (h(Host, { key: '72fee1ca5dd5743d353b11f4e2be086d6fda3103', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '201ceaf770d8f98bd8b91f0b9def62a86e5dc72d' })));
+        return (h(Host, { key: 'd6e265542dbab4af130887e869d6f59bffbb1641', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '81f630f38902b35b62123e061f3908e3a3d2436f' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,7 +45,7 @@ export class GuxTabs {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '3d4745395be738d8fe342ffede42b3360f9f1d54' }, h("div", { key: '6df36fb8c8feb0f1ad31d0c687dec7d3faeabe69', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '0ca9dc2def1cca25b6643e351f867baeef541a0a', name: "tab-list" }), h("div", { key: '76ec9f1ae6f9a10be2fb0a21f4a3d8b424b4b272', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'd0f6d3fc4289cceb9778f009744aa9271b58cc9f', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '6ec66fb353e459319d91fa4d4de1af7b8513248f' }, h("div", { key: 'baa6a68c97049a01b874e556a659ed1ce6468826', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '8c73169498e82670a8d054ed5803e22b499b2a46', name: "tab-list" }), h("div", { key: '84ba7f6b258d9a848a4729876dcf1e47dacfda17', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'f8661d973cb4a302ed7dac5ad43e5752375be8a4', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     static get is() { return "gux-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -152,12 +152,12 @@ export class GuxTabAdvanced {
     }
     render() {
         return [
-            h("div", { key: 'b257c97aaa51c6b99cbf267184db7861164f1594', class: {
+            h("div", { key: '9d64c0858487f1b4a5611cb92d8ac1e8e4b6b18c', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '3213e11cc475fe43c728f91c42ddde5c6931c2e7', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '047df9bd2950797a0858beefdea46410bd782507', class: "gux-divider" }))
+                } }, h("div", { key: 'eb38d344916dcc7e6fc81669de074c7de4fadcb8', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'c03ec6d17adc63b7b9d6f77647749ee32aada3f7', class: "gux-divider" }))
         ];
     }
     static get is() { return "gux-tab-advanced"; }

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

@@ -415,7 +415,7 @@ export class GuxTabAdvancedList {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: '9e02f2a4a018f32c36fe5d45b171eb92290f73ca', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'abf96090632ff44cbbd5ae1f73431ee6ce11c65a', class: "gux-scrollable-section" }, h("div", { key: '648ed086d61097a12a04f451f74a7d8df307cb77', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '20847e37c7aedef829682e750b4affbd71800239' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: 'a3758354de124773ebcd0fd8e633c89a202d0ee6', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '115a1ca6cd439bf31d8cec3883a00f693b17ea01', class: "gux-scrollable-section" }, h("div", { key: '8f6cbaeffb1cf705662c78546f59ec2f6a7a2c7d', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'f7953c5ac526d2245fd096cca4c2fc7d929f73b1' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {

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

@@ -17,7 +17,7 @@ export class GuxTabAdvancedPanel {
         }
     }
     render() {
-        return (h("div", { key: 'fbaa32a820ebb4a06a413640204450359410e0ec', 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: 'a5190c8b5ee7c65d97f230e3f29a56a7a813945e' })));
+        return (h("div", { key: 'e0c597a76bacc3709950eba92abdea973b849dc9', 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: '2f61e8ef9fba21a3325137e7c4e508bd3fdf2c3d' })));
     }
     static get is() { return "gux-tab-advanced-panel"; }
     static get originalStyleUrls() {

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

@@ -46,7 +46,7 @@ export class GuxTabsAdvanced {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '3f473513e0b28a70554170d4e77352d31d0f6e82' }, h("slot", { key: '2fb52b8a9934cf4166a1c9b8dadd0e470ba8a504', name: "tab-list" }), h("slot", { key: '084e589a6fb9cd4df15c528e8285ef85b00a32a3', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '4419b76678c9a92819efaa508826bc7b8ffec03d' }, h("slot", { key: 'f0f8ceda4f688264bcf5ef7f08e8a43671dff99b', name: "tab-list" }), h("slot", { key: '44607242b2e1c469440d681045fd458eea79ac40', onSlotchange: this.onSlotchange.bind(this) })));
     }
     static get is() { return "gux-tabs-advanced"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,7 +53,7 @@ export class GuxTag {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: '0eafa9869f03547bfa0253d6ec7f7a07c1267205', class: {
+        return (h("div", { key: '86a5067f5b1513029fe4908309d49c0106959a2a', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled

package/dist/collection/components/stable/gux-time-picker/gux-time-picker.js

@@ -210,7 +210,7 @@ export class GuxTimePicker {
         return (h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (h("gux-popup", { key: 'a0809a538c06ace8e70a2784335612cefd76eeda', class: {
+        return (h("gux-popup", { key: 'e878a6225dc01d0054b58624fbec76912b8b7bb4', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));