genesys-spark-components 4.111.6 → 4.112.0

package/dist/collection/components/stable/gux-form-field/helper-components/gux-form-field-input-clear-button/gux-form-field-input-clear-button.js

@@ -8,7 +8,7 @@ export class GuxFormFieldInputClearButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '0d3ed1ad679b3c227f53bd60330cedf0d1c368ae', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'b32b2881eb03661dd2d0ed2b06b123da8ebdf9b3', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: '31cd135fdcabd741361a86c29035bab01eab7847', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '79d24ef0d918c2eca7cc9e12c026d7a05e603bb9', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: 'a8a1c753edde229f260ee17885f435b18b61bf97', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '82c0198d99850d56704e97d4462f11b0c770dd5b', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get is() { return "gux-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-inline-alert/gux-inline-alert.js

@@ -28,10 +28,10 @@ export class GuxAlert {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '2c8abf29af3da009e6d4f197df4e49a47587cbda', class: {
+        return (h("div", { key: '382339cbe6641da86ceae1a089de5a2f68487144', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '7b8745a5ec0d98ecbe417dd065431f5df6efdbf3', class: "gux-message-wrapper" }, h("gux-icon", { key: 'cc643d5c1dbfa85e331eee8c052671ca622bdc40', "icon-name": this.getIcon(this.accent), decorative: true }), h("gux-screen-reader-beta", { key: '48401042e5ef698dd0f2810c1b2c4f4e02364983' }, this.i18n(this.accent)), h("div", { key: '7bc3e3ef08e5fc9b51af0bb16cda0f737d3ed14c', class: "gux-content" }, h("slot", { key: 'feaebd15f9ca0e266d3e1d15229fadfaf2bcb66e', name: "content" }, h("slot", { key: '5e667e10f98eef645544a5d3e5c62038a9a1c80d' }))))));
+            } }, h("div", { key: 'f7a3c826d0f8cedb1c9b604c045272b756448fad', class: "gux-message-wrapper" }, h("gux-icon", { key: '3533e99fa673d630e312e558423f0460320cdb43', "icon-name": this.getIcon(this.accent), decorative: true }), h("gux-screen-reader-beta", { key: 'a0f3f3cf8874a1733ad7d61687147c446bb1e24e' }, this.i18n(this.accent)), h("div", { key: 'd1bdefacac8b1ee88682e9bde544470121c313d8', class: "gux-content" }, h("slot", { key: '7e43bacce5ee644d083cc9c62c0b88c68c6ad23b', name: "content" }, h("slot", { key: 'aa4a0548357a28c2c5be081aef49ab133fb58008' }))))));
     }
     static get is() { return "gux-inline-alert"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class GuxListDivider {
     render() {
-        return (h(Host, { key: '99ab618bc89b46fff8379275840bdd3cccd73e31', role: "presentation" }));
+        return (h(Host, { key: 'ac499898dc480de4a4b81dc88c5479b73d76fe3f', role: "presentation" }));
     }
     static get is() { return "gux-list-divider"; }
     static get encapsulation() { return "shadow"; }

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: '64cfb1bab3d1a1eb5b45efd78df2a5c2016a2573', role: "listitem" }, h("button", { key: 'e4555ac230d4556d84e9f9cdef6b70d54ed6d278', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '8972f84901e6f817e1c8d53831d900ba7ca4d651' }))));
+        return (h(Host, { key: 'ef2379bab065d357c8e5661b45547d5283d1ad6c', role: "listitem" }, h("button", { key: 'ea90ae1f1a30751f18056a8d8d65640e22a87332', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '42851f260de18bd5848327c001ddc620291258b0' }))));
     }
     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: 'ca079dbbf47d931b2eb12fc82a70c1c6f37ba03a', role: "list" }, this.renderFocusTarget(), h("slot", { key: '90e341958351a216f8d21a8af1ed4d7c98319e4b' })));
+        return (h(Host, { key: '7bad61064422037a50e05406b8bddda3b482eb9b', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'dbb728de7f367a69a52917d99e271541590a5be4' })));
     }
     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: '2c97646f685d130588c66ef8ceaadeb5b31e44cf', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'c46fc8ba1d4b29ccd18e54e67c342a469cc38e78', class: "gux-option-group" }, h("div", { key: 'c8e3b1ff5645df759cfbdeeae6f4ffda0829f85a', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '200e869d5e6f0cd7b26f0bb4ce95978068ef3bd4', role: "group" }, h("slot", { key: '57c0370e2637b8a43fdde4c5484391b1c1d01897' })), this.renderDivider())));
+        return (h(Host, { key: '6ba6c8cb8339bef038e4798e597a7a091d373f60', class: { 'gux-filtered': this.filtered } }, h("div", { key: '052787e5bc75a79d90a9860a953489af04fb9771', class: "gux-option-group" }, h("div", { key: '33b1fb606f881ada521b7c4dbc3f1935ee68c87a', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'a63451749a242e58e581e7aa3584a1e97039435c', role: "group" }, h("slot", { key: '8469021a090c59161ca25ff0af601ef70b8fdd4f' })), 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

@@ -42,13 +42,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: '8c4add4d6fa16439db972a504768ab8738c69224', role: "option", class: {
+        return (h(Host, { key: 'ff80a3463cdc32273b65ce4e994fb02e46ab1e1b', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 '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: '5e0dc0460c85a5b80a51c99af86ba7c68ea60dd6', class: "gux-option-wrapper" }, h("gux-truncate", { key: '9a530744dc7172908a03166f5af3db317ced8fbb', ref: el => (this.truncateElement = el) }, h("slot", { key: '6407fff22315b03eb78de767fdd9f4f68215f945' })), h("slot", { key: '4d3075a2ffa8fb5d99a6234b0bde3bc698f871ae', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'f695337a9c8a53a765f7c1944cf697a852e74ac3', class: "gux-option-wrapper" }, h("gux-truncate", { key: '33a1874e2d3dc7dc25444a2735ce37f3d1fb8e6c', ref: el => (this.truncateElement = el) }, h("slot", { key: '9051543da42fefc1ea57f598c59c8f94a27f59c0' })), h("slot", { key: '630c66ba047018fb58ea4622adf400c7cac2d8a9', 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

@@ -65,14 +65,14 @@ export class GuxOptionIcon {
         return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }));
     }
     render() {
-        return (h(Host, { key: '307cbb465ac143c57af4011285f5b87956a63197', role: "option", class: {
+        return (h(Host, { key: '087c2020b6c9c87c87c5613c6f1bb9ff1253fe47', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 '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() }, this.renderMaybeIcon('start'), h("div", { key: '9167eb409778763f03d174a00ae8ed2746b9ec62', class: "gux-option-wrapper" }, h("gux-truncate", { key: '075b924c37d00e84234fb177d6864a7d23c45c7e', ref: el => (this.truncateElement = el) }, h("slot", { key: '2001e50d8c1efd8588edff586c15d7681bbef071' })), h("slot", { key: '6772193db724a76ff120675c05aa2f3d3ce4c339', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: 'ba5c04a1e609e7b3c155953f6ce2d74c24c79b2e', class: "gux-option-wrapper" }, h("gux-truncate", { key: '63f34402d3f42f1f3cfbf3edbb5204cab292e1a3', ref: el => (this.truncateElement = el) }, h("slot", { key: '77e9c8f302a896de847a0f82191e5eb2c8e859f7' })), h("slot", { key: '4bf9bfd45550129bc685496953d486d5dcfc528f', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     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: '2e31a2fc3956cf6ddebff9220130e2069d3605d0', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '73b33619a8cc5295b4d6f2480877bd5f85db18b3', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '25b4bde532b042e7537f03514ffa3ee21257e9f6', class: "gux-option" }, h("gux-icon", { key: '6c36a6348d6b92f7f51d0811cffdbfb5f06ab336', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '7809f1bf6ac9b0af511270689a27b963013e373b', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'afe42497cca379fb217ee945ff1c1100e40b1d56', class: "gux-option" }, h("gux-icon", { key: '03c01d24caf760f7633edc66baf0a635f5c6d9ce', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'c1b73b235d60cf36937380a0f31f1ce949dc0634', 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

@@ -59,13 +59,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '8cee7569143c309dc362cde7135a71eca7bdd51c', role: "option", class: {
+        return (h(Host, { key: '1d7aa3f1dcc11679352673ffce40ed00e4d8f8fc', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 '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: 'ec405cda31136ed71ff94d81ad1c426aee8cf3a0', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'fbfc158180b34707262c69cb2deefff654f39c8c', ref: el => (this.truncateElement = el) }, h("slot", { key: '764dd3b80592ee6059715c6e5c8b6a96999cfc7f' })), h("slot", { key: 'cc6acc6a3c7fdd8fd9a88b0f798b00046f7c1aa3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '5f02fc2c8c4ea121a627e5d1181d6f8f68cf6d71', class: "gux-option-wrapper" }, h("gux-truncate", { key: '7ecb8bf43bb026ea2cc4bf401a556c5723f34047', ref: el => (this.truncateElement = el) }, h("slot", { key: 'c0744710fdbc5aad62307fe003fc8e5922046749' })), h("slot", { key: 'bde8e3cadc2effbb73c7cc2b30540dead354616e', 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: '7930d3e39d9693f70b561d3ae0861ba51ae7bdef', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'fc0ba552ff4c2aea25e90391dd458acb99102f7c', class: "gux-progress" }, h("slot", { key: 'b637e1486f7f5fd0ed21ceddff677a57d471edbe', name: "progress" })), h("div", { key: '78531542b297e26fa6d7f4c02d03052191aabaa5', class: "gux-primary-message" }, h("slot", { key: '4b15ee1e9ba076e75f6732b659a55f94daad0eb8', name: "primary-message" })), h("div", { key: '69b77a648e3f8910499de0252310f5f16043354d', class: "gux-additional-guidance" }, h("slot", { key: '33a049a29db176892aec241a9564580c05d0eb34', name: "additional-guidance" }))));
+        return (h("div", { key: 'e9678b777df86ecdccb5b0d96fcc203a7480e431', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '683733eccadeeeca9be789ec0e253ee0748ff19c', class: "gux-progress" }, h("slot", { key: 'bf47c89a44a56ec2c7f4d9dccf44550ce56902b4', name: "progress" })), h("div", { key: '6d7460224d5ea9cd0631141c0497ba2a34f678a8', class: "gux-primary-message" }, h("slot", { key: 'a8a724eb75fe1b90c08f9d5a5a4c9bd0cdae7f1e', name: "primary-message" })), h("div", { key: 'c738626a68ddef8a099c785ed105a27f05b73dbd', class: "gux-additional-guidance" }, h("slot", { key: '0aee99eb022b2e28bf2c4a7bdc01f60c1de94b82', 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

@@ -68,7 +68,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '6ba2f1504838667768fa45900df5e560e36b74e7', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '95687ef3e0cfd1909a8e779b1a02bd0761bca929', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'a7e3a4b27d86cecc436373676a666aa6329cf128', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '6cc7bd79784dd058d5e91bcc7ede3b841a0f61cb', class: "gux-modal-content" }, h("p", { key: '1744a4e2cb41df7ee40acf12ab12f7be3478338a' }, h("slot", { key: '1a925dad5e34c669aa2d522f9fb1eddc7b7b0a36', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '61479838a3a8997c5d280cf92375722625e885f2', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '19f1dbb97e48f0fec1972b4b4a79ff4c31d12441', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '6b75e6e7eeafcf3661dc5afd22180b85a9852d32', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '5825818b87cd51b33e47c227dc6222dcf0c4bbce', class: "gux-modal-content" }, h("p", { key: 'b7867ed26ecb6a1257549c537ea917359530ed0f' }, h("slot", { key: '0289db16bfc8b7d0b4700b2ff432a2a5041ee3b5', name: "content" }))), this.renderFooter())));
     }
     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: '882da68c212015e00af497dd89f43f076e5b3426', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '07d87cc87fce507101879e7603c768eef7365eff', 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

@@ -60,7 +60,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'e958f863864c98607597510cf6b4e432a45a31d2', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '27bfa108d79a10bb806232a347022fc5b547661c', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '99bb42559fb7ab1cd27de2127f98b4974f0deb8c', accent: "ghost", "icon-only": true }, h("button", { key: '4e99f57c620cf5abf5fa7d46cfedda0261c1c945', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'bf46b12786f4c455f02c181381f41e43b698539d', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '4a1f95fb3a269310583e77200f4eb4b32e1ed790', accent: "ghost", "icon-only": true }, h("button", { key: 'b4ac9c982e1393174254126ea24b3a58830b6e8f', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '22ae2ba09eadc22bdd9892f7cb9a1e31d40b5db2', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'ae1422a5952ff74b6807521e697ef99d6e943142', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7ebac34047c6327240c173da59b46f91855c6e3f', accent: "ghost", "icon-only": true }, h("button", { key: 'f4a8717e80eb554ee19ac2a6909cb379d5547151', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '2a3fb9830cd8f69802712406308b91ad19b601e8', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '1577095c8a2fceeb3ce2261a476f67fb6804717b', accent: "ghost", "icon-only": true }, h("button", { key: '16d87cbe7a43455a4899a70c24003d9e14c452a5', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '5bb465b65d24bb60318dd5a3cdd68e6472c36b79', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '027881e358a58ea4c1264b7972af5c1a6223938e', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '552ee18fa52cd9997757b75039a1443e3f203b41', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3143b8e60f8dcbac94a237f771f6e54794139aa4', accent: "ghost", "icon-only": true }, h("button", { key: '973dd2dc2702740d3a7450eb6631e1d95d8c7dce', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'fe4925c63146238d5b2c0559d2a8feb87eac7399', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '4213d70714388c863b97922ab66e13716da6ca3f', accent: "ghost", "icon-only": true }, h("button", { key: '7c7491aa55b3ee6014553e47fb90f10d7229d72b', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '3f268219cbd6c9cf88ae2a317a5952eb84a4fccb', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'cefc1d9eb37c15de59ed1699b90a7c42f8bfa781', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'c61cf6229e0e0dff99ee629a54b7a6b0e256956c', accent: "ghost", "icon-only": true }, h("button", { key: '345d941390b3d12ecb23216da6885fe342d0405b', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c6878a66fb637d4755e2f6fd59d0f6e69d272b52', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '2885faa05cab550857af7e0d7bf837ad2d8ffbec', accent: "ghost", "icon-only": true }, h("button", { key: '19dc8a3aa306eb34b5a1570961589769c4c0e54a', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'c08ccc987e1994d14e224cff805c6b14aa04b380', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     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

@@ -97,10 +97,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: '258495300f80e1f80f3e8706e6fc83f315f7d572', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '56dcd682abb12400d7fb2306acc2534a1c1d91b8', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            h("gux-tooltip", { key: 'f1e5e9f7d68b791864ef041f5f577ca0a9634465', for: "popover-target" }, h("div", { key: '746905e11b254b8e96468ba65de519b503dc6f52', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '98a2530f626de66abe173c88a1f84a29e7e5b25d', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '720755b6d126370abf68d1d3cdca76be2c638dc0', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '598923bb82a35dd5f17511e23fe5d7347e5bede8' }, h("input", { key: '2a03837e242b6524e4c6cb0687c25e321fff0d59', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), h("label", { key: 'd43aa39ae19743596a7d3d7d1f640917b7a8b264', slot: "label" })))
+            h("gux-button", { key: 'fc6560a470683cd51a3eca24e34ae12beaa700a2', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'c376152c2258ea389697f66458a94f254c4cf83c', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            h("gux-tooltip", { key: 'e021f32b4edcb45e5ac0e6e540ebbef6cf1f7b13', for: "popover-target" }, h("div", { key: 'e65746e94e7673b95d848bb9b874a6ddb7c15d50', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '9ae8632becdcc7cc6e1043fb4397867598896d28', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '5eac1849b39dc1320324d09ebfdbd0dc1835cbc0', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '7c408518f72beea469a160083bc45e1f23ffc60e' }, h("input", { key: '8466052d99dcecf783f7f6d0de7ac220ec0a7635', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), h("label", { key: 'f95127fee988a11e4a0d24bee0510953f8ad5369', slot: "label" })))
         ];
     }
     static get is() { return "gux-pagination-ellipsis-button"; }

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

@@ -28,10 +28,10 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: '3c8f3194e69eda12fc73beecc31cbf6c42cd1950', class: "gux-pagination-item-counts-container" }, h("span", { key: 'f386c71a2adc3388f0b386c69e1df1e02913fe49', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'a8a5a199b4281491abdf02d052725c8870ae67fb', class: "gux-pagination-item-counts-container" }, h("span", { key: '4e2f9b3a500d06e03d2cb0a11e8703af0f1b756c', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '9367ca1b143ccf3880e18ec23deb33976abe380d', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '24fae2bdf5c40fb35d880283711d4bbe48bb38e1', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     static get is() { return "gux-pagination-item-counts"; }
     static get originalStyleUrls() {

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

@@ -20,7 +20,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: '491addd72506d7e29114939d7793da435371cf02', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'bab279a619dc9c2dccc90f75a78bab6408834466', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '2328aa27aa49839581b99943b42d8a3077e03387', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '1108f8b39706925ec9be07ce81fb896b16439b0a', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'd00d1d593e84f67362dd1cfcda626aa50511b92f', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'ad1cae1b03cd5e1f577615f46e40cea1d1074559', 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

@@ -84,7 +84,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '7c5ae79cc39730d42fbaa8b19eeeaf70cd4578e7', class: "gux-pagination-container" }, h("div", { key: '1cfd5b3b683ade18ecef2a9dec77573dd15b50ee', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'bb9daa0d0521b3b19155daa3d67264a650d7bfb9', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'b58742e8ed402eefbecbcb2d1e2f561ef20b3882', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '78758134142cca16789650536546562c562ce70a', class: "gux-pagination-spacer" }), h("div", { key: '9424a101076f242270ee3905b934232c8442bc6c', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'a8e667edafead07814e40699c76fbea1f98f8556', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '91708f0aff287549bff14b1b7b0b96057d81f8fa', class: "gux-pagination-container" }, h("div", { key: 'cc6550efa9e41c9a1640df7e58dbaf9c56e77b1b', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'f49ac58f93d07c28a6ad419ead86a01e9da8e5e9', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '3f9222e71bc9e47108e53b4e6b4c531f52f3439a', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '0b831657f7868a929da4b0a2bdeeeadc6726b944', class: "gux-pagination-spacer" }), h("div", { key: '84213d0309f85965ebfb8796821973cd6086a1ff', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '3b0912d4fdd9a31ae24d8cdbd9cfc229f63c7c7d', disabled: this.disabled, 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

@@ -156,10 +156,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: 'bfe886ea8b2e268bda3131dffaf7fcd140de36e6', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '46a0ac5ffa18c2449aaf20e58e96aaf7da1d0105', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '3472fc472cd103985156e66fbe838120efdc2c47', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '536cf9942ac41017a857e5bdc8c221499d97333a', class: "gux-arrow-caret" })), h("div", { key: 'dae815a704470c51f7753e7d71f405ef0b5f6a05', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'f9bde5231fe5c82c013f17ea256efe519fa34ae1', name: "title" }), this.renderDismissButton()), h("div", { key: '07731538222b01fa6f4e8970d5aea57e6acdda7e', class: "gux-popover-content" }, h("slot", { key: '3b4c1b2fc454ac3cdca9582783d769d2a54222a1' }))));
+            }, "data-placement": true }, h("div", { key: '9187bab540d53e41cc94983cb26ebc09677d32a1', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '706b8c278e14832113b1a9d0c91b3b05ef999044', class: "gux-arrow-caret" })), h("div", { key: '0e20514a1ba6bc82e3c6615da2695a9ceb4d50c6', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'cf331a0058721a77082283f305e166889b0f9d2b', name: "title" }), this.renderDismissButton()), h("div", { key: '955c0a60e36b208bd0b38026ef45ad4c8e14800e', class: "gux-popover-content" }, h("slot", { key: '8925b4db0802f6c916bba4055608d73ab4bdd55c' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -127,10 +127,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '7c14760b77840270bfc43392f8b2849e33b31f18', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '5a85e0e55bafb075e64397041efbf4d92e4b15cd', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'f41b82e2e8fcc1087792c2fc3b721a4cde7e2be5', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'ce6482380b566b7fdf9c39ef8f85ae093fdf0c20', onClick: this.dismiss.bind(this) })), h("div", { key: '500329594e4561e7ed808386bccfd158fd63ab5f', class: "gux-popover-content" }, h("slot", { key: 'aae65d1129b1492de6e5060b9aae3abcd5cad59c' }))));
+            }, "data-placement": true }, h("div", { key: 'f02cac440ab0f16e46f80e7e4eabc79097fbaffa', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'fd0ddcb404f8ee9bf44c253e0e0d414f4391b21b', onClick: this.dismiss.bind(this) })), h("div", { key: '6907311341d28c60ea7d512cf12282d253bae1d6', class: "gux-popover-content" }, h("slot", { key: 'e346678d0445a1083dbbe13ff8b90884b14754ad' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -103,13 +103,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '5432544dc7eb13578d1dcc56669830be0cce03b9', class: {
+        return (h("div", { key: '1b92d910b7270a7311ce6f0c867296696b5aa53e', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '1de0af3ad7e87825fbbcc2fe64290832749d0ae9', name: "target" }), h("div", { key: 'd19ebb0ef9d8cd0d6fe307b0cfe0dd2227b0ab05', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '104e101a4166b5ff16e61abe26c42958f09a8e58', name: "target" }), h("div", { key: '588aeec5afcf85827af3b2ff6b229dd87acbab88', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '003e4c8f8224907bcf6e264d830df72007c31d09', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '40af0f011cb01e4f196042e24d2567589990a13e', 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: '301d5771e8a7cac678f3c8ec94a50326cbe25310', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '73e5fee9c707dbbf980a5a556eabda267a0ea61f', 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

@@ -101,7 +101,7 @@ export class GuxRating {
         }
     }
     render() {
-        return (h(Host, { key: '70f75fc4fbc1b8228353d5077a3e1d476d2cc818', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '5ba5361adc667d8911254d3ad3a90e50f776ab13', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'b893aad3e3efe3e3d2ab903834a1656badb4f3eb', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '5532203c7b2c5106ef5fa9c210496ec74b340bfc', 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: 'ef70bd3877e5cfb77ad8b5168ae0698616dbb33a', role: "listitem" }, h("slot", { key: 'f214f9afeb9f25f1b111ba8dfe7ad13d8c217725' })));
+        return (h(Host, { key: '1912d21df9e2afe41a33b1b6fb103449d59965a1', role: "listitem" }, h("slot", { key: '77348b37a47b34dee7dc81de349aca9eafb1ac33' })));
     }
     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: '7652e11f7dc3b9743c872007c1ba51b1f2fd7ab6', class: "gux-container" }, h("nav", { key: 'fdfeda3734364ddce3a91503be54221f8d7d3d43', "aria-label": this.i18n('navigationName') }, h("ul", { key: '5c004a96f12ba8a8f1ad3de094e00dc6f685a87c', role: "list" }, h("slot", { key: 'b24323868de0fc2319bc6d0bbfd868290ac6c872' })))));
+        return (h("div", { key: '5777bb9f5132da330f41d91182a6a0ff8c1805b0', class: "gux-container" }, h("nav", { key: '3df5dcd2f086460ada400406351949c758f3c4a3', "aria-label": this.i18n('navigationName') }, h("ul", { key: '07b41a02aa3faa421b1c65629a8035ecacf7fa63', role: "list" }, h("slot", { key: '27abd28938500c62fca0f2c5885c84fcd73407fb' })))));
     }
     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: '40118ef23be01e20e334e572b4f15f9405ee9ae5', "label-position": "screenreader" }, h("input", { key: 'ceec39195dc6859ecbbc81dff3f3f25104bc5c58', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '01471451d8a0a7ffb99a43bcc46289c810f469ac', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '7154d7db0108f5acf91c6b246a3ddd14aa009a8a' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '6dd2a224b853ba2b7b4974f66230d84e12e6ffe7', "label-position": "screenreader" }, h("input", { key: '941dc6e958d5c9783fd4657e403f74651f9f950a', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'eedddf349c2cf951b7bef1cf77d5a27c8c2821c3', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '2fe2c52adc607dfaaf2180627649829aa4c704a3' }, 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,9 +17,9 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '1f2d87cc59ffc24eafa3e7baccc965dee3eea0d1', "label-position": "screenreader" }, h("input", { key: '07931cc1dbf5040210c1b76b08dbfe4dd244adae', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: 'b70161262f093549ef33a5eb158c714252cfed22', "label-position": "screenreader" }, h("input", { key: 'e3ec39309951847955de7c6275b03d137043740e', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '1316c55d43b132eb216dbb279c2b57ab4185ea2d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'da6ea49692acbe96531eb37f1e1b6d220db93cc5' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'b87f15962a9085f96ab485f45a8cc7121e518585', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '1eef5b44455a177b76218e75ff7d485a0b7bcd29' }, 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: '8ab9f64c50cefd9099eb51890591925232c6e255', class: "gux-container" }, h("button", { key: '26b063fafb21d08aa433119075e3fb6e612fc211', class: {
+        return (h("div", { key: '46a83b98fca68c01dc9ceeefa39de6010ef01f6f', class: "gux-container" }, h("button", { key: '486bf38c577bddfadaef697394e2799f87c80be1', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'eb62e21cd33928e73a2d23c5d9e7a4313403ba71', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'c7951b59fb4740330e71ae1325662ed8367a23fb', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '1e8c1aaf3e40c3c8a10ee975ba0fb49c300dbcf1', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '16ef9bc423397832fe1c1cd1e7b283f947b2352a', 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: 'a62985066b97f4357ef9180f00f7fe8306efdd48' }, h("slot", { key: '715cb1c98ed96f6075a2a5fad49e2a6946c5e5cd' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '12d2877e9fd20d5af5e823f2ab862cb501c57d04' }, h("slot", { key: '37b79b1f1bcc418a899563d019bf6d8be740bf11' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

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

@@ -272,7 +272,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: '24653576a15d43fdcf7ebf19efc2374324ebba35', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '32031c3d81d4b81b036b2f9c559572d4e35c207e', class: "gux-table" }, h("div", { key: 'ed8a5cc52afa2df8a5f15b0900f66ec87def2014', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '3bbfd0b8cf641915d071a39a393d904436a49156', name: "data" })), this.isTableEmpty && (h("div", { key: '068b37181ec523cf0e978c448d67ae3169ba087c', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'f2595a3fa21a3de38d499cb2d9cf7b237ca25a46', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '5d27dddb1e69f0e9bf031172ba5ab155208e6e7b', class: "gux-table" }, h("div", { key: '99ecb38f51635c681e3938557ab1bd0869b42da5', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'cf76647ebc7741ccfdcbe4d37bd5682bbedb6b32', name: "data" })), this.isTableEmpty && (h("div", { key: 'ef97be144392a5d9623ca1c0410f6443e240533d', 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

@@ -42,7 +42,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: '46cf47a165164293f1f3dd2642bc36fe8daa9bf5', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '0344c1162b93794246a65da6bf0e2bffb8df0d46', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'ab16d74af8e0fd4851828c221dc2f6db57f0c0da', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: 'e02a92967261c93af0a068d7844ed0e44e139b2e', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'c2bb256740c9041ce924aae5afa5f3eb765f0075', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '4bc5300fc65c241397f9fbf87fbbf6d09a86b5f4', 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

@@ -32,7 +32,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: '11c54f31529146fa3690839623563b2530220ee9', accent: this.accent }, h("button", { key: '68113cffa5309d749bff612165f773ab82f057aa', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '7c8a7cc6833d6eb82e41ca50dc1b5036fdc1f80f', name: "icon" }), h("span", { key: '2b83672322ee333f0a53a3a6dd3b5f530a5ede7f', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'd7ec720dc67b68d95076ca65bf48028fd6781b4c', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'e5df20ae01ebfa1305389bb22e911d1f3a94e22c', accent: this.accent }, h("button", { key: '86e8fd688291cb2fb8c0086d572d580b4e90d785', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '17fab1bf41392e06f5f823f0940e9b9abe6b7866', name: "icon" }), h("span", { key: 'dbaeefa561d40026b1b8e76ef674e6936809fd03', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '16617ef76522438fefc8af3503fa8bf61e3101e5', 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

@@ -84,7 +84,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '78bddee0bdc05b772e4da68a6ca515a1d4532441', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '5073b0731ccd0dcc484622f641f934c9a4e1a478', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'a74e721d8ffa1dccaf3fc0a9f35d187aa5c22ec6', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '475b9b677728ea4b2adbdf895316f4e0280062ee', accent: "secondary" }, h("button", { key: '345ce85dcf1399ffa39b07f836e91e20e9b01aea', 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: '54ca7b2ccd359898f93e1e053619db5e342a61f4', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '0d35ac82191d34b683d47aa62df7dd279d448212', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '1f498dfad8a4ba3a95e574ac7eab9af4a5296ccf', ref: el => (this.listElement = el) }, h("slot", { key: '579fff0dada8f99926130fbdd8c820c47185c9fa' }))))));
+        return (h(Host, { key: 'b1fc2bf1fcbd6623df0fe4d23869b88277bc6194', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'ad933b70701524f43ed3b23c10c3a4fd559522ff', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '187fa20b555ccedea44a1f1167d61c3cf6c41662', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'ae1cd5902847d1d760532addd4a5a7aeaae96425', accent: "secondary" }, h("button", { key: '783aa526c7d67eec19c081f8bd3ca01a05424c0d', 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: '9182cbe2625022b62a88b1b6f9dbf6a5a9f78d65', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '4ccf09160eebfe8d6e719c86ffb8c33fb2a0eb0a', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'df984bced83529d7b4517c16a3005051710ef66f', ref: el => (this.listElement = el) }, h("slot", { key: '38438e7870b41520809ae08f5de1d571c0f2a30c' }))))));
     }
     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

@@ -195,9 +195,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: 'e3204084c089c85be7dae8367a2953d8fa0892fb', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'bb1b491aa570dfe57f0486e24339388f0045032f', class: "search-filter-container" }, h("slot", { key: '9d29eea1316911ff658f905071768a56cc145f32', name: "search-and-filter" })), h("div", { key: '3dbd7a3914b6bb08bbd43604fab33ee88132d56b', class: "section-spacing" }), h("div", { key: '85733eccab5da92d7fe587905c9416f74d5795ef', class: "gux-contextual-permanent-primary" }, h("div", { key: 'ef40b6e22c38ad123e114d271901263d471ba03a', class: {
+        return (h(Host, { key: 'f711bb7188c58d985c21b868ff4a81839c95b860', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '046900086d8fa83ba7d8ddf46cb789c8a3aa5808', class: "search-filter-container" }, h("slot", { key: 'fa39d1a8fe5f9cfcb3bb315ee2e5ae8c25b7f97f', name: "search-and-filter" })), h("div", { key: '91f734fa9dbf235fe84648eff836675a333ef1b9', class: "section-spacing" }), h("div", { key: 'c12594915b7db911f3a51b53e3d61d0b04eb17e3', class: "gux-contextual-permanent-primary" }, h("div", { key: 'bafa91927c3ee8b5ae39a1ca579542778d906572', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '3acf9a699533cab39276f3a405ce0d2d6a460ad9', name: "contextual-actions" })), h("div", { key: '631a4c30e1b0582428e8d3a0b1365708cec7c047', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '8c5dd8cc54be8b1340440a64c3c6dd8408877c5d', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'ffeb60934b07d5de63440466f51a566ea2eb6b61', "show-menu": this.renderMenu() }, h("slot", { key: '3b6d8c09f48cb548954418cd7b85d2ee574b74c3', name: "menu-actions" })), h("slot", { key: 'fb8181ceeea5045d15719111f34d73da7ab9ed0d', name: "primary-action" })))));
+            } }, h("slot", { key: 'f335b1c293f2a653b07c4dd9775149297fb075ef', name: "contextual-actions" })), h("div", { key: 'd94f07c4413d90894ecb166b11db1c7338aa3c1a', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '6b8a11b714dd4884a72bb35e099ac8957bb3f457', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'fa22c6813d9ac11b7266ac6a03da86a5fce9123a', "show-menu": this.renderMenu() }, h("slot", { key: 'fae8035eaa736297f7ec277710a35a888ee556c0', name: "menu-actions" })), h("slot", { key: 'a5d8de79c78a9fc8a03fefebdde803e64faf718d', 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: '798db172db93d7db52cdd369162f9f4386c4bc77', class: {
+        return (h("button", { key: 'c6874a4e782d165e40710eb168ff5806c18bec66', 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: 'c0440041524258f0516f83ed488425f1c895979e', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'fa49e6e0c5d6128c0ee7377a48d6073d750d0e8f' }, h("slot", { key: '677e0e7f2976422567a3763d70136c509bd3b19a' })))));
+            }, 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: '667270bb29f181d1dc10e34db7ba3f21d6b58d1d', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '2c1928583d04eaf9777b71d32fc8b4bebc75e69e' }, h("slot", { key: '74985988879d6dee2f8556c6677f754b3d913fe5' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

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

@@ -263,9 +263,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: 'a7a27997f9a055eb5a7efd1da8c6666bd973fabf', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: 'a4304463518dd6806364a892b6d97275960a62b6', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: 'b51a09e1750326673c6e3475e3c5ca8c706e76f9', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '1c3eb3306eaeb002ece4cf2c5495b612c599b541' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '6db31968ab06415f2171ee098c49714003ad0a8f', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '9c36f6e3f3f8e7668090eca21227bf6700f29b4f' })), 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: '95daf8b94a84f921ab48176b26372ad8c45185a4', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'b6aa40c23cfc436ea3a36378de781441b158b1ba' })));
+        return (h(Host, { key: '8a50b73c31c7e01a83f371ce21d42d999e6ec472', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '819cdd549c11cd5c6b87b048c0ea379ef24bb5b9' })));
     }
     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: '8c5eef393048b188f750a10c53cc40a95a66cf14' }, h("div", { key: '709dc342cdf87dcc30c156937a00611e26e34eec', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '0b89efdba4dbe56f64d8b908ba89a955ae1fc156', name: "tab-list" }), h("div", { key: '751ee7b24a6bad58d23d7aaf222d2cb69e1b34cc', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '8c2d0dccd4132e017408c0dbb746edeaab42493d', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: 'e2f4545c14989cca1745ac0e4f205ff33c2f4973' }, h("div", { key: 'f908fbf9b94454802288bbd25582579f910f8ad0', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '7df832919a7b10ab1693a7ecffce1239e7baf0d8', name: "tab-list" }), h("div", { key: '5e111a126825b469e0d3874839e1a601247bc044', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '5c7073c19f7c62510563d135b6aa6bed3a138d44', 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: '31093b8cf0ff62c9be0b98627e6610b7de31e316', class: {
+            h("div", { key: '3905bc31a425b05a52b185f292a8ff85a1c88190', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: 'ec9c0a9fe640550e518c23fed530594ad3c7ef51', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '8245b90ddf5c22e76c53d3937a094817174b7baf', class: "gux-divider" }))
+                } }, h("div", { key: '4cd7de5a927b72ed747e1a7228f3e4aef67624e1', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '9987aafc82f4e49830c8bf05407eb6c59914af02', class: "gux-divider" }))
         ];
     }
     static get is() { return "gux-tab-advanced"; }