genesys-spark-components 4.58.0 → 4.60.0

package/dist/collection/components/stable/gux-form-field/functional-components/gux-form-field-error/gux-form-field-error.js

@@ -3,5 +3,5 @@ export const GuxFormFieldError = ({ show }, children) => {
     return (h("div", { class: {
             'gux-form-field-error': true,
             'gux-show': show
-        } }, h("gux-icon", { "icon-name": "fa/hexagon-exclamation-regular", decorative: true }), h("div", { class: "gux-message" }, children)));
+        } }, h("gux-icon", { "icon-name": "fa/hexagon-exclamation-solid", decorative: true }), h("div", { class: "gux-message" }, children)));
 };

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: '0c0332679ab95514e045ffe45c8859585deab429', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'f3ee13ea9fc4643f88909327f3c82a1011b5e78f', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: '2fec9ebe928cf7f23d8752891952bda5809a7c82', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '9470e5bd4e5784f7cbc4ecb1d67bca57502ecb78', "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

@@ -57,7 +57,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '9fd45bbcc6dcdd3fabc148ca1481d9ee8c2faae7', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '694aac75cdd425c301e0088cf80a3a20dd37913e', 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: 'c8c031e22a83d1168eae967e7fb8324682f00a18', class: {
+        return (h("div", { key: 'd4897171b315ea142cb4d12a7afff3db063309e4', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: 'df990f14f0061ea8d07d0d46be3734b3e31cdc94', class: "gux-message-wrapper" }, h("gux-icon", { key: 'ebbec5ab4b7f34f1e185f4ac6eba8b4eada7c3cf', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '5797579326c0e87028d144c89e131486893bf100', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: 'fc3d8361f8b791220c995a724981bc26132eee14', class: "gux-content" }, h("slot", { key: 'fd0547fe4a83ec26bdfcc24a8982efc3aa464b68', name: "content" }, h("slot", { key: '01b1f7bc0c011fe8ab975a2eff683fbe475667a5' }))))));
+            } }, h("div", { key: 'a5ca1982a42cfdb2c393e2350668f277b916dec9', class: "gux-message-wrapper" }, h("gux-icon", { key: '5bb1ad27a430cccc0827f26951d33ac093c3d077', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'b04e28df8c293ee1f48d7b635a295c8111e7620a', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '6d65691d9af0fe6dc824b375083c2d2f33c50326', class: "gux-content" }, h("slot", { key: '05b87957bf7e8526e5c5492834659c1bdd1a9ee5', name: "content" }, h("slot", { key: 'ba2843905e91bc367aedd001af0de39938d1d73f' }))))));
     }
     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: '5e66f7f5c16880d8f92c2b05ee8f617cfef3aed1', role: "presentation" }));
+        return (h(Host, { key: 'afb8a02891446c21b8f96ae006fb508b8500d323', 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: 'fe5e1bdf165b641c47aca53896ee115761879f73', role: "listitem" }, h("button", { key: '165e85944d8914d0448d53a48039e80ff380f103', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'cbfbb7d5f45c3d9f38b5a2f408c5ea8f74f85d0e' }))));
+        return (h(Host, { key: 'e37174b73e9c2259ddd2e3c72c1b8ed47253855c', role: "listitem" }, h("button", { key: 'e0ae42e776f5adb848d0708737a8ad79ee6c06f4', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'ab2ecdbde9d9370bf993d3c2922a6d25a3df0263' }))));
     }
     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: 'bdb9996d72473e2a49dab3273a593516d4b72314', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'b90c7de53d03eea4ebe8bee5d36be19f353a8ed1' })));
+        return (h(Host, { key: '99291b87f24f730948663237e24e203ac2ab2c97', role: "list" }, this.renderFocusTarget(), h("slot", { key: '0f35ae3b243d6ef003df8c57aa9a92a40f6159f8' })));
     }
     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: '00518aa9772bfe7571278684cb7461f097f5be87', class: { 'gux-filtered': this.filtered } }, h("div", { key: '5f900a6e065e359412cfc67785f85db0cc988cd2', class: "gux-option-group" }, h("div", { key: '68d93d2e3fa43c8762c6e32817b818217627c0fb', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'd2103e79fdc050ff607ed4a69ca6848a8265bdf9', role: "group" }, h("slot", { key: '96fd6a7f8b7add40164c9d0dfba633568582c0c9' })), this.renderDivider())));
+        return (h(Host, { key: '9c2e3431b77d45760ea329e9d44df20f8eaba888', class: { 'gux-filtered': this.filtered } }, h("div", { key: '55f01060f7e5822f4489d71f8738319527cbdb39', class: "gux-option-group" }, h("div", { key: 'b74880e7d3c3d331437152a138268d5d145d596c', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '3e239c1c3aa9cdcbd47456a77717e6f3329d069a', role: "group" }, h("slot", { key: '3bd3fd24263c5ea7fb185bdc41574c4f8ff3168d' })), 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: '2ce90e7d99ec17d71f6db0f56fed22f037fe6b10', role: "option", class: {
+        return (h(Host, { key: '158d52dfa54bef255d74f1403552216d319238fa', 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: '519667ace3ac8ebcf53f5204a75d5cbac4b1a266', class: "gux-option-wrapper" }, h("gux-truncate", { key: '22f523cee15028e56c3164008c5dc064f518d608', ref: el => (this.truncateElement = el) }, h("slot", { key: '57f1638f43138139c121f8cc2ab8df6d7cc70fb9' })), h("slot", { key: '028e005e28fb057f322600a3daf1e8109935dd52', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'a0d1d229beed4ad87fa19b5507f43bc22ed0d3bf', class: "gux-option-wrapper" }, h("gux-truncate", { key: '2a126d7e19fda3147b9190a48f35a5e8efe43695', ref: el => (this.truncateElement = el) }, h("slot", { key: '550e330ac234b0defab7f9d2d973928ff6367ed2' })), h("slot", { key: 'be3f45964a62e240d4c971d48b6393281e3c2c91', 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: '10744194aedd070df10fe477029e189f49ba830b', role: "option", class: {
+        return (h(Host, { key: '59aff8c98c8cfde6ee21ef401431ceea51d9cc2d', 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: '3e39b1b3a086f8e469be3ce6663ea204688e7748', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: '057b13fd1d4558e740c5cdca4923caf568a3db7e', class: "gux-option-wrapper" }, h("gux-truncate", { key: '088fe2e95d23eb890dec33b5ca1bb041b172f43d', ref: el => (this.truncateElement = el) }, h("slot", { key: '26b802e93f0c82cd8f1bff5684bd624625382052' })), h("slot", { key: '08b6e6ab697399c90226f6290dbf85e704c457ca', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'c5033a3d25c57635d50231c91a6b2da05cace359', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: '30d9ed8400a979bd463182b1914fb6a13554fcd3', class: "gux-option-wrapper" }, h("gux-truncate", { key: '5faccb1f2880db690afa2f3ceb09a00978553df2', ref: el => (this.truncateElement = el) }, h("slot", { key: 'dc7e70a8d7b453c8c88862fd3cf14eb0ec5223f5' })), h("slot", { key: '7fa351ac58391774c1bd2103e0b51edc9deb54dd', 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: '3c98bce36df793a43b93a950aec9c4b381e6c5d4', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'cbe16c34f5d4dbb6c810bd5d4a44ef07a807ef75', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'a6225f9b6829cc2d94213668aeb387770111210c', class: "gux-option" }, h("gux-icon", { key: 'cfc4355a3c0df088c3dbc1e05a7448c11716caa6', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'be18bfdca17a86f88f43f3a6570ab0dc3d02884a', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'be0980093f4fc37bf585bfbcf2f875d0208ae925', class: "gux-option" }, h("gux-icon", { key: '3c62a020b6856abf567eda0993e2a53853ab2263', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '9ecfe5f1fdac85bdf773ebd8d7c407ec7d6a6d36', 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: 'de44ef79bd1aa9d34f67e1bdba6243ff6ee0a037', role: "option", class: {
+        return (h(Host, { key: '13617ec6f657e0cfbe107a4a94f5e47e52a6cb19', 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: 'a2923ecf6673036f902c9bfb8e3d75362801a9f6', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c98342d5ddee499ef9f3d9ffe7ce746810eacb11', ref: el => (this.truncateElement = el) }, h("slot", { key: 'b3e82c457e9e157cc1ac51515ea12b898f43efa1' })), h("slot", { key: '27abe30082ae332378e6a3c3297f9bf7197e474e', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '7856b48111c3471f4f6c33a387d022e29719240b', class: "gux-option-wrapper" }, h("gux-truncate", { key: '818443317377072e83967c4bfc64943421c4bf68', ref: el => (this.truncateElement = el) }, h("slot", { key: '048f3087c6e4f0c2544134b899b133563c44045d' })), h("slot", { key: 'd17f2f6a5e01d94c2e630bd16d77df93f6764a6b', 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: '4c1d327a33afdc357be1bc3acee4fc00e60e7e64', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '554844f7832d1ad881b21a86fef84bd9e0215bfc', class: "gux-progress" }, h("slot", { key: '33c76e3e1354b3a64f81ef7f1463215f6ffcee7a', name: "progress" })), h("div", { key: '805a73048b087e1ec9958b4af80417cada58ad76', class: "gux-primary-message" }, h("slot", { key: 'b15a399171d6cdc621960c626291d39041ff8829', name: "primary-message" })), h("div", { key: '6aaf50c2ab13019bc0ad701996acfd5ad3ba43a3', class: "gux-additional-guidance" }, h("slot", { key: 'cfff6d416cddfd1f12fed8504b746560c0ac0340', name: "additional-guidance" }))));
+        return (h("div", { key: 'ffecc5f96e59fd484e0203bc14ea2e1a0bcba847', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '05cdf94661a3982005096eefbffb23e6c9b9df12', class: "gux-progress" }, h("slot", { key: 'bd58bb0a13ffdc01beffd19c028207d05033a467', name: "progress" })), h("div", { key: 'a872a464bd067ec17229f158d6562c6a236f6651', class: "gux-primary-message" }, h("slot", { key: 'a1f8848e0efa77365e374ce7331659395628e670', name: "primary-message" })), h("div", { key: '2249cc1e2e8e48e2795fb744fde062acf8922210', class: "gux-additional-guidance" }, h("slot", { key: 'a8a3c5ab7b95170686961c6d0f6055483e2a8bb6', 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

@@ -59,7 +59,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'ac1115c2f1f82756df5d91c3d5659fa3d5dd781a', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'bfcfd0f73112b008ef2cf3202076598a87de3f26', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '200698852414120c36c9ec52edde4674fa78c66b', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '6b0fbadcd779f6b71e919a8e1e09bf6a1cbb8bd2', class: "gux-modal-content" }, h("p", { key: '9a526f2eadad360a889850a1f0e4bda2d7c88997' }, h("slot", { key: '2c11aa392f022ba9752c783d309bbb04dd91c46b', name: "content" }))), this.renderButtonFooter())));
+        return (h("dialog", { key: '20f220c650f4da3a60d1afe4597b50c60a4b4deb', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'b6794da5404560adc9a26c8857086f1184f6dc0a', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '12ffcc0aead029035b5864f1e25dd8ccbd2c3c97', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '88b1d03a14b5bac70a4f95ac99dda9ad2a21c9d1', class: "gux-modal-content" }, h("p", { key: '98f4eef566be188688f8d2b8345a672200592379' }, h("slot", { key: '7b0ddab83ffbec56edcbe250edb830525ab66388', name: "content" }))), 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: 'f1d8f0c081b4690abea87368d89ac1754524478d', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '965c1d191ed200f6b06d9e86aeb64f442772735f', 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: '3857372a99186229ec3e298b82c401bc31941fd0', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '16d04f43cfcc2a451f5354a277f0238a36f70421', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '6f81ff303dcd68958c69f5e4bef0342ba704df53', accent: "ghost" }, h("button", { key: 'bbd2882b6bd7239735b8df78696f61a57a898ffc', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '6d564f68610b87ac978ead7423420968ddd531a7', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'eca4ce239e6c8fb53f272841dd8eac750cd17e36', accent: "ghost" }, h("button", { key: 'ceb4f71700d1cdac17d25e9c060b05816bf63743', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '2f9e20ee6e98c77aa0ceb04cb77f8d626fe4d68a', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '7410a5875a87ca14a02d52164e86b767b53b92eb', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'c704a1ab74d2d6045f2a4356e37d15d6e3635f1b', accent: "ghost" }, h("button", { key: 'de041f3e4f5fef052fc312c37bf0dc05a8520600', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '4ece5a227ae20afbbac1d82b2ac6d072789217ad', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '1c038f1f6cbe3d55493b0d236aee783543e3032f', accent: "ghost" }, h("button", { key: '3955235a33f2f54e372eeafffeb9af414799be40', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '7565654b79230d0f5e1ec5bbe43c066ae5305923', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '1767becba8f4d43ddce0d6362041e86794909285', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'f1fd014e2db8a11dd80056547e4896b9eaafb9e9', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '98023efe0335a0ec164ff9852f55e85e143aaffc', accent: "ghost" }, h("button", { key: '0b9d4502b172788e84972a86f34418542b405e50', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e13068be2f6f0c44f7446e7c8ea2f501df4896a9', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '0796bba2ff42362afc08201d8001125dd38a2a20', accent: "ghost" }, h("button", { key: '5f57d960f6061103d0bcdfc48f2c5103b5b62fb0', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'e04b9baba464c2d9bd7e688d7b5b9e3563abb79c', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'fe050b6119adc2e98c697139c56fab708ce3ac3b', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '71ff6181739e3c94af76ee16f0ff10eaf9e723ac', accent: "ghost" }, h("button", { key: 'b1c95efcb39a4b0d333b2978b1588161beafb35a', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '93a13a7c02c903f41a24705bbf81f0dd90d444ef', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'a0340c2772d5dc91aa92feadc9c1d6ce33f35294', accent: "ghost" }, h("button", { key: 'd7126d9b302e2dd9173d97bcdaa4d269509be663', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'c306fa2ad3c51fdd3a12146344e1dff2cebe5598', 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

@@ -84,7 +84,7 @@ export class GuxPaginationEllipsisButton {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: '5979c0eb8f14e6ef6f8116f32fb9767bfbb8afa2' }, h("button", { key: '39050d70fbad9934bfb716147bb6b34b8d93fe7a', 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: '1b770c24d315059b532fc0461d38a96b723a09bd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '5edec81da9f5d2cf5b6462faa22a2bcb6b244e15', for: "popover-target" }, h("div", { key: '6b35b456eeed78feae1d5dee1d94f7937d607a0d', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: '1575c0d1573a88ec4c6f6258851bebde33832706', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '51a98e4b06d6f5ab850cdb6fc2c71aa2f4b9cb0c', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'e0fe05c1bf3eb004cadd637467027d6244a4d86f' }, h("input", { key: '99144f1f90e7ba16e00710da268df21645ae456d', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'dd72b30cad5eaf7fdabe8279c512dd118e4f64a0', slot: "label" })))));
+        return (h(Host, { key: 'dab1fc8e6052e2aa79dc4a890e8e3ff0897dc246' }, h("button", { key: '566b8193319fe1ee5ff9757304d6916ee05ab8c7', 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: 'acdcb04633ebc0a617675b71868a3b087804b7d9', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '0acdb92b9d485e6ce0b3c1f1c93e7373a6ca382c', for: "popover-target" }, h("div", { key: 'b620b366be8049be740b1d6f517d2c38e7085d28', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: '33ac13b5b587b0ff650b1de9e9524f7d5ae33ff1', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'd1a3c0bf4135822d12c9266e30609bc9e63ef092', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '181db9502552947cd9613c8c90178355a28fb4ff' }, h("input", { key: '43b4abc21ea507ac04ceaabd3ae9150ffbb4aaf0', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: '1fe06f80e10128525a7cde0709b52e1067bae648', 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: '0405f2cb234fc32e8bc39f68f0e0565ed22fb88c', class: "gux-pagination-item-counts-container" }, h("span", { key: '22a37b896e4868d7a1de646c1a51beaefd0f9088', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '2300642cfeabda5d5ad993851c61d047ca17539c', class: "gux-pagination-item-counts-container" }, h("span", { key: '2cfcda11a6687c37974309370e8206e3044a1868', 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: '67c09cd61fc1fb7b8235efdac9203baea373995e', class: "gux-pagination-items-per-page-container" }, h("div", { key: '362a8df1b349f2e7ea3feaff922a703454219691', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c1f30f957e7f7da2c907c64548e6617e8f870db7', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '068548c8668b51e640bb9225273814df4b056823', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'a5c0e84b414b3298c6aa1666ab1a346bb596cdbe', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '6f1006831a0abd977c860bed05c378c407fc6fcd', 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: '3ca140e19c9944991c25ee39f9017be3b0321931', class: "gux-pagination-container" }, h("div", { key: '322cf7df7259d28eccac10a2deff6f42a25a6a09', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '3ccb192e564398ad35a6fc4c5e4b7da46bdec988', "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: '8ccde3fe5b7f3926702c5ae0d3378b9358e3e99c', class: "gux-pagination-spacer" }), h("div", { key: 'bf75e97264e6f32125cd4ddd288018560f902109', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'c6cd69ca92448ac9d7c06c79444523fe56c769d7', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '5e4727876835bcacc1712601fd2b672aaafcebcd', class: "gux-pagination-container" }, h("div", { key: '6137a51fe430512e1c1a44ccc83f99f084657464', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '1c49d09f381c91d615cc4d486ab028ea2bb3027d', "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: '8dcf0a9a7d7cfd363f59741758012c721956d36d', class: "gux-pagination-spacer" }), h("div", { key: 'a6926c55bba3ba6dc74a5baed1f04ab4d6debc8f', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '7f95c803b9efc6fe8992f42d5189eab75a3da563', 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

@@ -155,10 +155,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: 'ebd5953dfeebf36d503e72fe24bb347cb394ee81', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '9d355c890568766c1c35707680195ae716d7fa01', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'c915561ff767e729699e35b1602ce3a31d4939f4', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '2fe6b4cf1879862e03da0ce820791930f0f21248', class: "gux-arrow-caret" })), h("div", { key: '5cd7f71f186c054463ac7fec8e8159e24e421a1b', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '6fc6a89766b07c578e5dcf170ef3cba6e2ec48a8', name: "title" }), this.renderDismissButton()), h("div", { key: '818e2f62bd2b2988775ee19bdd856d836e3a2fa2', class: "gux-popover-content" }, h("slot", { key: '0003f65955c610da9ce27f3179f5ce1138ae96ce' }))));
+            }, "data-placement": true }, h("div", { key: '1e7f7d6632bb136ebde5556cf981c3b010b1a5fa', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '49ed6cfcc00b17ef308e151b30a07333ab9fb112', class: "gux-arrow-caret" })), h("div", { key: '6b428cc275bdbfdd79dee7e20c9491c43faa81ff', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'e457918fb4896564ad33360bf806ed0c22b87376', name: "title" }), this.renderDismissButton()), h("div", { key: '76b59f4b008362e98fcead5394d94a2c29dd034d', class: "gux-popover-content" }, h("slot", { key: '339fb487fd60e22d39202164306ead41cf49150b' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -126,10 +126,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '424ec49a8df793d4e3ef4c68aaca9794c761248e', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '3b0847bf52461f3e550f8a1d7ea86874d186cd25', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '3273e0f5b407ebecfe67dff9d44340d83e15cf24', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: 'a3a3ef85f2a84a285d68f94def1e8a4bb72a009e', class: "gux-popover-content" }, h("slot", { key: '36427e39777c5734ebcfffe4812172ff755661ea' }))));
+            }, "data-placement": true }, h("div", { key: '504ac399c275f06633bd56c482cab527da9b139f', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: '219ff707cadf8b3d2bbb792d02ea054b186b96e6', class: "gux-popover-content" }, h("slot", { key: '4caf1e61b1177aff73f636e3445eb0f64958537a' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -87,13 +87,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '2f558a1132cf93a5192238af0d3dd32bc6d83a39', class: {
+        return (h("div", { key: '5bb2919df210a0b9061f15c37ae401d0e897c4b7', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '4ab83f3d355097544e1bf8d1c2c14df88f64e5c8', name: "target" }), h("div", { key: 'b1c8e2b4b7244b2f37db5027fc8b2295319f9f72', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '51a0e428356cae28b57a083b3cccbc3fe542465b', name: "target" }), h("div", { key: '358cf989b7b958adb14ceb69a7fdf161602eb048', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '138306e10d99a02247b9dc1764969af14f0fe047', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '0e97ee013f0ce4501a33cf2eb951732654efc436', 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: 'd161bde7c2650393d25832c93afe72563ee0b173', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: 'd36b44da4adb4821556577ee12b6dfd27e110f8b', 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: '624f8d79c2dc38f29d4236a12cd6c2489f497cf8', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '7a272f8c57ad78f2836e4e86a76c7ed6f0cc190c', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '33894ad4c0eae0488ce541d988b50a202fe6978f', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '3724dc952032ff2c71e9e893943c0a8ad90101e3', 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: '5394ed7959d46e0134f1629285e8109d18a227a0', role: "listitem" }, h("slot", { key: 'c9f02719eeb6fe344acec077022d471a83f58699' })));
+        return (h(Host, { key: 'a61c4cf0d10c5d7f6dd840db5f4871027c11ffed', role: "listitem" }, h("slot", { key: '649ab28be83968f03d8783f2ee758ec0627fbd0a' })));
     }
     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: 'ddcdcd8ed1cd480c0a9be1a624c5a125c9f35646', class: "gux-container" }, h("nav", { key: 'df1b23ccef8f13de493324fb7db74c706ca6b34f', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'a32bac57ef8cfb718efa563c20af6d5adb13529a', role: "list" }, h("slot", { key: 'f860149204467c0054b42b4dc471f0cc4c78608f' })))));
+        return (h("div", { key: 'efa71f663a9be9c5fa6ef814d9ee97ed5de71073', class: "gux-container" }, h("nav", { key: '218192a4d09b42af3783fc9e79e87af1e4a7ce97', "aria-label": this.i18n('navigationName') }, h("ul", { key: '9644e5621412d089b9cca5064d61b062209195a9', role: "list" }, h("slot", { key: '2bf95080d2a919496f29323e018e6ded1aec63dd' })))));
     }
     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: '8252720fcb24faaec0323950a616054d290123d0', "label-position": "screenreader" }, h("input", { key: 'dd30dcbc2e458b72e79d574f449ba256acdedfdc', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '75d12f3dfd09ae276a456fc322907c1ac2224bf1', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '082b034e5a418f6fdc95ab03b50aaf29da922771' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '683ff1381caaf7ffcb78892fdc56077394ea1ee1', "label-position": "screenreader" }, h("input", { key: '14124cfe0f318c78f479ecbc8ddfa00d82c4d88f', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '99757c5cda1b037ac6d8efce98590e413740e062', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '4afc4fdb1e9599acde845007d756dffca5dfb20a' }, 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: 'e846e98dfe0776f353fa146f9af2dc7bae801e12', "label-position": "screenreader" }, h("input", { key: 'cb7d663fcaa75a2b9e8b4cf89477d8c7547f539c', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '34355147abc791e7aba05f026b87582e23ec3712', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '65bf384e39261e06214bf40845d827b964bdcbb8' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: 'b2223c1a765251ab3251a6512c003717370e9cbe', "label-position": "screenreader" }, h("input", { key: 'f577a43199e029946c86137ead9c05f7590d0394', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'c44239bfed79a317719f379e5d0478b228c5825d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'f70b30bb682140041c8f02f25277ebaf176e37ee' }, 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: 'a74522b0ba919a9ddaa905b85c680ebb88ece5e4', class: "gux-container" }, h("button", { key: '0c0d61408cd40819f15f4d916331027f38735dcc', class: {
+        return (h("div", { key: '3363f0387244cce5cca86775729fbf46c01ac3b5', class: "gux-container" }, h("button", { key: 'bfbabdc471af2c90ecaedad47efb9ca6b62111df', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '2398a4a52a6a81bcbbb5a2c9fc97387fe74cf5b1', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '0539c0012578ee4d8c3f622c1143c800c3c3c353', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'adb974d9904147c205649739a12ef915a5a80e53', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '89e605bd4983a2a36886263a389294b1cc0fb0b4', 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: '9c88819fd54c1c443eedf6afcaf76936eb37b5e5' }, h("slot", { key: 'fba3e3e5048e14b0628a61929104690c0fa5a8b2' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '57d24acecc5a511d96e25ed63576775bf90612e1' }, h("slot", { key: 'f79c8c6a119d76972d2a84733c751d46885dda2f' }), 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: '2bbd3297cabf5ef716b35a8eb4c55d4bb3600fe1', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '39f522246cadec2a01d57b36b1e64d72b1eefc08', class: "gux-table" }, h("div", { key: '75ef6fc168b00795ddb4fff0dee0fc178fe720de', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '67a0c3d58ee08cf0fa569f430a998cc2149a247c', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '54c1096ff5ca800977b56014fe68b56911b6fcf0', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '9bebb1769bee497ff93ab55e6edec1823bbd52d2', class: "gux-table" }, h("div", { key: '8b079898bb49bfd96d85bc1d6cfe7f5860b1af07', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'e80e086308e6730e8f1b7e49e207e8d89e837296', 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

@@ -42,7 +42,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: 'cbca19b4523c69201b0f34a84a61a3a535355510', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'ea5e6a561fe520f40678edfeb74ac10a09d7150e', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '18c4a36f74c9f4d64e4d7617ea0e0172fedcc254', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: 'bf892f3d94b4266437bf26a0ba2d12045667072e', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'd675c1e351e36253035354b288aeb8318d954c7e', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '6c9363e4edd3130c7c48b3ac82d5b0946decaf9b', 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: 'ddec74cf0539d8c6e2b87a579804bda785f97e99', accent: this.accent }, h("button", { key: 'e95ec7090b4a72ebe82002b7aca8f36b1e84c1fe', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'ed5693d31b93500f9b85d7a02d63d5f1417a3077', name: "icon" }), h("span", { key: '31369e6fbc2a3cfeb3f389b09d3b2ca92de8df61', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'a1a82b9fdbd39d35e42f3a621dc2c81397491bdb', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '33896d0ae7e8515a96707f15c619bddb9e007aa9', accent: this.accent }, h("button", { key: '6518d705a4ffc7452e39c4537ee98e315a020b13', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'd386c4d52c7b0d441af839e6ce2a8faea7cf7a9a', name: "icon" }), h("span", { key: 'f5db406392c4176d6cbf877b2dbb23a8a0d33b0c', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: '25484d11455b1b00383deaa387cc4add4eced9d3', 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: '627da8eda3a9f9257cb64adb8881f6640fd9a8f4', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'a20a27555fb003d8ee756209efc86477c90b41f3', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '37dac19f526ebd17b74de2b3a36c2149da9b75d8', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '6c6e619b4a9632ee52a3fdb5f01d49c567876e37', class: "gux-menu-button" }, h("button", { key: '959ea053e2f5557abecf3f6c8e5274271cc94d55', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '0e53ce9466eb1695b0ded8c4e91219a0c8ea726b', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '856d82c337778cdb49d05b9fae120b0072b65e7f' }, h("gux-icon", { key: 'c7040c7839ee6750f12494aa5b94e4c4de3eb7c2', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '02f7bf362706a446b4dcf96f93f71d60f1faa1b6', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '4a146c32fd4586aa0b2ed7d42abb35a458c2c6c1', ref: el => (this.listElement = el) }, h("slot", { key: '1b8cfb59a1f631d59f63ec05506ab4731de90910' }))))));
+        return (h(Host, { key: 'a3864b546569f9146b41330bb68a3ffcbbc5f06a', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '789358ce11f12913cfa371d31efbdc332d11d493', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '8a2186adc0299380c2ae8253e0af587b3cb56b39', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '66f9abc67a324aa56c8a2487dd92305abff80e70', class: "gux-menu-button" }, h("button", { key: '76cffa282a31b035d3f87b7d5b9c1c617a26ee7b', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: 'd6b32687ca671e4db0a3a89e79ec4162a89394ee', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'c4c8404545b9f9e7ea2facf49fcce6a91cd18805' }, h("gux-icon", { key: 'a17977ccebca6b8674112a915f02480adab237d5', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '2f0800066d3165e9c934c313da4e7a4e86d02efa', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '36400ffabe835109128662541c3c28461e5b7303', ref: el => (this.listElement = el) }, h("slot", { key: 'fe072e585dd75b596b5b8879bf09ecd301dbd5cf' }))))));
     }
     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: 'c21be3ed5d19e5dace73533cae481cc4efacd09b', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '17babd621e9e252e601751a8176822b64d0c61b5', class: "search-filter-container" }, h("slot", { key: '3183c3ba84d3f2b58addbe2c2745a1e807b63de5', name: "search-and-filter" })), h("div", { key: 'bcd551118ad60491e9d9d684ceed08b2f431cf13', class: "section-spacing" }), h("div", { key: '7e490fcfe965096faefdf880d5acba15434a9f44', class: "gux-contextual-permanent-primary" }, h("div", { key: '8948f5ba8881932c70db7b09cf357e9cbdde5e30', class: {
+        return (h(Host, { key: 'e34d65f15f7a1d0fd6ff9188fa61fac9b37a6885', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '1cef2df729da1c7059752cb318da76bcdf492068', class: "search-filter-container" }, h("slot", { key: '5bb2acfef16e69998976a054239b64e076dded7e', name: "search-and-filter" })), h("div", { key: '0f65d246343e36695ac11aefe6e2f7d3f3a42027', class: "section-spacing" }), h("div", { key: '8765792c38a2ee3aa1e56f9eeeafefc0433daee9', class: "gux-contextual-permanent-primary" }, h("div", { key: 'c1d98a8b7cef0a0748c3e30be3b4113489ffade4', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '8e49f90c76b3b816c2f38a6951947757252288f5', name: "contextual-actions" })), h("div", { key: '345ccddbce7cdc4258c6f418be67a1420fb21998', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '131cb62ed030d67546c697b6d4d90dd91fab3897', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'ad958f874b280c12d130bd5150a76606a7faee18', "show-menu": this.renderMenu() }, h("slot", { key: 'e59bd1997e2577ea25f79f77d6ade3d4c7d4cc5b', name: "menu-actions" })), h("slot", { key: '2612591a54cb9971cfd3c8712d117daf28cc2102', name: "primary-action" })))));
+            } }, h("slot", { key: '21306a2a7a7047a3fcc15555bfe56ea5454208bd', name: "contextual-actions" })), h("div", { key: 'e15a6bf58cbbe098ca1df8eedfc10d448a00512d', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'c4f2d6b87d3089cd481378e808e1b969095490d5', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '497dee863f297a3be54dc484775594176429e73f', "show-menu": this.renderMenu() }, h("slot", { key: 'fa8cfc9d45250c14168ab68858e3e55d90c80508', name: "menu-actions" })), h("slot", { key: 'd14b95adbdeda5be4a207a6c95040a05af8eccb5', 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: '0a1d15ecf3de66664d4f236ac78797947e1a6e6d', class: {
+        return (h("button", { key: '35bb6865574520cfcbebac0aa4318ba5470f6108', 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: 'f06987cc3d5c715137b27c77431378f372757ca0', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'c5148a47f7ba2ef902b2e6c13da5645a3260b16c' }, h("slot", { key: 'fb2dbb314e885dedb6c801ea6d8d8775d089a65e' })))));
+            }, 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: 'a6af3071c828e6aca06f43d34f1f1f5f9d1b6a3f', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '8d408deb705230ad65f7ed0cf39e629fbaaac804' }, h("slot", { key: '3aa6a69d9482c0a6b8e29eccbdfa54ee2748aeef' })))));
     }
     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: '39c11953bfb55bdc833468bdba8b24ee05013b5e', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: 'a5ce7a9f5802a0fa8cd9a297da4f6879784c4ef5', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: 'd01a78ab5f6f9080b3b373183bbde61a6f74656e', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '97039e9a3679f4ca15d483e248b07df3e44df295' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '59bbdd153bd668b344141c49a3da282bcf14eea8', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '3e6fb59cddb99291178763676fb4fd99d59e6e05' })), 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: 'd98eb2a903bcc431686570c4153a7689d1d0458a', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '7644ffd8eef7e9ab8fc82f3655d4aa509f0c70ab' })));
+        return (h(Host, { key: '998c62bb0d2188730232aa9f12a13a6ca7ee776a', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'c66f4b6b40d7d753011a0f098db5dce628a39328' })));
     }
     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: '202594f5087b11ecfabdd781f6f5d96577a75886' }, h("div", { key: '28ae208f311499e63f938b75de6d1a0f1c95045d', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '02eace35fa55f7c5c30010cff9101fb2899f9e8c', name: "tab-list" }), h("div", { key: 'a042331855cf167b9fa783c4a2162cf558781f91', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '4eaab57979d84c2490320e42d0ed966031a463ca', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: 'b09c9868a94755347a64409e7d3cdff9fee488ee' }, h("div", { key: 'ebb52fe7b11c6f27e9f4294fc78eb6520e9516f6', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'b98f3c2c738b024995dd6bd1fe0af39ea6eca32b', name: "tab-list" }), h("div", { key: '2a1c2c57485af6ce17d01ca267e5ece859651c15', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '678d45c65ed6babb53f849a2b09a9751806079d7', 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: '5287a3db6fb129563c880e47a4b3bb0c88b88610', class: {
+            h("div", { key: '17191d87d4242bc349f7a03201faea8237dd4fd0', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '1cda409079a706255b1cd13750d8bc8509c976c7', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '1ad7b3eb49d3954c88b0fa87a5c6a3030d540f76', class: "gux-divider" }))
+                } }, h("div", { key: '4bcf610b163f869edcc8dc3cde1e4feb93d3dc2d', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'b34af54b69ef2525a08820d0184621d0445c9fb6', class: "gux-divider" }))
         ];
     }
     static get is() { return "gux-tab-advanced"; }