genesys-spark-components 4.100.0 → 4.101.0

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: '331d5e5042089530faa81ff7c4a5cb9511a982bd', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '229e60bf4e71245ef83e86174db07f07d3cb8457', 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: '5ce1b1139bcf9a4ca0236eda6eb8b052763c0b15', class: {
+        return (h("div", { key: 'e6950f55ea19e3f4b87036bec0d5e6ecb0b51213', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '667c7918b9085e3e1073608fb79ae60ab7395887', class: "gux-message-wrapper" }, h("gux-icon", { key: '89cff8d8c2a92aea2cc72cbb938dc22f80ee9b50', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'ff6f2a45ab15c709a6f61702bb8d37e6c88fd359', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: 'a9835f81342cbdb39455c12f20cee94176076fac', class: "gux-content" }, h("slot", { key: 'dd54c84622abe6c5d2f6efdc8be419146b829ceb', name: "content" }, h("slot", { key: 'a39e61793dc7771abf2ffb0ef5589da573951499' }))))));
+            } }, h("div", { key: '92e795abc0b39f6649a1a832f720eee6fc39d558', class: "gux-message-wrapper" }, h("gux-icon", { key: '8bb76a6afee5a722a29844c7a7e10e1265416943', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'd25d7bd5952f5146335e3474eda2aff41abd5f0e', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '4b054312f13d249752ba7176b2d9bac25907a436', class: "gux-content" }, h("slot", { key: 'b493d80805361e4bc49b0b3ff64938fcc9729006', name: "content" }, h("slot", { key: 'd4d52feab9da149eb470afe889564186bc4229e7' }))))));
     }
     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: '56e33e66317185680fcea7741c574989875dac63', role: "presentation" }));
+        return (h(Host, { key: '0c5584e36db607e8d4221e9475e0e77d4ada908c', 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: '60b9d5f42f679e73eda025a3ec38050decbd39ec', role: "listitem" }, h("button", { key: '2e86096457d40c79a0999f10db4fa764c8648445', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'a6e401dc24bf42ef5b4621c75a8fa0f2de156265' }))));
+        return (h(Host, { key: '5c9772e0ce49cb0bb2adc3b590a60225906e9c63', role: "listitem" }, h("button", { key: '8489c5d13c15b75dbfd0d6209808e2fff7010e3b', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'db2ecd4ffa1c33a35f45ecdf338625c0f54d45b1' }))));
     }
     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: '8dda1596a60cfa1ffc6317c924da116372a774a4', role: "list" }, this.renderFocusTarget(), h("slot", { key: '80b5c8de70335c1c1c473045124c42792b392eeb' })));
+        return (h(Host, { key: '6d9c37ce532bc0e0117aea9f8bac84361f11826a', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'de8f0dd65bab3db63416d724d33ede5030464622' })));
     }
     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: 'aa6e6565419c297413e489334421d1045cead446', class: { 'gux-filtered': this.filtered } }, h("div", { key: '1c419e41f09f6d14e9cc789814b5e042615366a6', class: "gux-option-group" }, h("div", { key: '6a58d51aa59eb5177d86bdfc6ccd444545fc8be9', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'f5c4a08cce966b2899770da946f6f7fbb011e72a', role: "group" }, h("slot", { key: 'db2b1678a96ee679fe030f04f9da55b18c56648b' })), this.renderDivider())));
+        return (h(Host, { key: 'ee7c3cea56afdf18b23482e3b5e5277b2b33abb2', class: { 'gux-filtered': this.filtered } }, h("div", { key: '5b00d8958249542925fd204400e8b6c60611b642', class: "gux-option-group" }, h("div", { key: '2b5a182a3b02e6af88aebdc3d2516714838dbd3b', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '928bda9948fcdaf8203ffdaaadd60d12718c44b6', role: "group" }, h("slot", { key: '66f6d1df4259b68af5e34e22d2377a75b5a58482' })), 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: 'f61b345ec9e0da767afe715009747067bb6c540c', role: "option", class: {
+        return (h(Host, { key: 'aae32a97e80c44025c7be573a9d75429ee7039ad', 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: 'b4de3fb088d3a57caaa1c74c64faa7aed0523d3a', class: "gux-option-wrapper" }, h("gux-truncate", { key: '984cef92d7df71c4db8141557099e4494d16439a', ref: el => (this.truncateElement = el) }, h("slot", { key: 'b64cf5d5fc1deb82fe4e13860ad560ba756d4d15' })), h("slot", { key: '637f9a28993227723fa9f2d02a2e37e47c71d3c1', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'd2f5ffd8c7e8abcd606f34ccfc632bce4dc7074f', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'a5b6b88b9838db7918bc820a4dc138b7cdc76fef', ref: el => (this.truncateElement = el) }, h("slot", { key: '12859fad12bd22712a44628f5bba43889da749b0' })), h("slot", { key: 'fd528dbe74bb5db36c1661af06fa4cea85911250', 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

@@ -58,14 +58,14 @@ export class GuxOptionIcon {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: '169d8b4b1d8ff0825e35bc1034f3736a8922b3e7', role: "option", class: {
+        return (h(Host, { key: 'a93ddb9897f8c116a49ee759889fecf8a6ca6d15', 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() }, h("gux-icon", { key: '94269ea0062a823033701e115718f89d68350727', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'acd2951fe5ac321d36b1c88421f4bd785f4032d2', class: "gux-option-wrapper" }, h("gux-truncate", { key: '84da6e0dd5c5c73c55b810506a58a2bdea8400bb', ref: el => (this.truncateElement = el) }, h("slot", { key: 'c73a1654897b5fd7c00b1ba0dc1fc473bcdbab28' })), h("slot", { key: '10a9ee373b0b0e61db82e03b60b78feadd70e38c', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'fab630aa9a1585fc9379195a4db1cc480f037cd9', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'ae9273d21bbc9163c740eb4f6937aa340b115b60', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'dd9f7ebf739126258bb3289b016bb3f5aee60c3b', ref: el => (this.truncateElement = el) }, h("slot", { key: 'd66cd9e96402168a93ba3017a617c6637920a71f' })), h("slot", { key: 'deff50eaa2f2ad0f36122820921828ca7c94067e', 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: '35f9dcc75a10dd47b14432a77b1a7cdcae35268f', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'cb901f8de1c6a8d03250ec1a1473ba508f08dc20', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'e3fbafad37fcfc05aa2e081b1cf5d61503433f5c', class: "gux-option" }, h("gux-icon", { key: 'db02fa83db924600668872f2a1784626ebfd018a', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '525a1c00678b02bc12f19020720d7a5d14f5236f', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'ac9a299a3b022ac6c7c4ab26d2eb7163c1743b73', class: "gux-option" }, h("gux-icon", { key: '10992950e2820a350da08435a2b72e47272ba330', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '7fa78c42a23db9c3cfdbf5701ee9f18c337ecb04', 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: '754e0f2737dd7b307e7798bcd082add939a4df56', role: "option", class: {
+        return (h(Host, { key: '175f5e800f401c0b7a222b3cdc9ec3fde5964c24', 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: '8f27be34a58cba1e2b551a222aaba2f9b1d989d0', class: "gux-option-wrapper" }, h("gux-truncate", { key: '09937ca01eacb357dc079e977989591958b3b915', ref: el => (this.truncateElement = el) }, h("slot", { key: 'c73ce0efdf1b3ee010935bb12c1d6d73befa964f' })), h("slot", { key: '34acc92da3aaf9e7b81a59853bc1d79c657b3bbc', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'cfa2c1bbd1ef8107121f4317382bb49fe71e8a57', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c9d8304ef91e4b9058f4b48edf429c39372d0d6f', ref: el => (this.truncateElement = el) }, h("slot", { key: '3e3a22e7f0566f6f358e9eb9f8b9b5cbb4a36398' })), h("slot", { key: '93b4fceeda2d11d607bbf7c64ac083ca77e4130d', 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: 'd491ad428c7f67a9d12fd10df7da200cd985f63b', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '75b1fb22d1b072870a87a3a8cf062bf453f54167', class: "gux-progress" }, h("slot", { key: '7eb286e717930968714dfe85e1af1d8eb088ffd5', name: "progress" })), h("div", { key: 'c14740882fc72e0e4e7cf7f73f78a6fb70d75138', class: "gux-primary-message" }, h("slot", { key: '3a9e39fd9eb526b1eeb91a743aafb0136357a07a', name: "primary-message" })), h("div", { key: 'ed45f9f9e4db8ad196e5d456d861598642b293a1', class: "gux-additional-guidance" }, h("slot", { key: '604b6ef856a4d658b59d0a2017d038d93632a592', name: "additional-guidance" }))));
+        return (h("div", { key: '9510f8f3d9e7fbfbb5a1943e8249a90c370f2675', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '1a2a6c95427dc8f2e47c4aeb2d6ca284dc5124fa', class: "gux-progress" }, h("slot", { key: '5b6812589ae9f3a127c229774cdacc21339213d4', name: "progress" })), h("div", { key: '38358d59aec706a0e635ba5125f318c1a0b3a935', class: "gux-primary-message" }, h("slot", { key: 'f682056ff344de762a8f22c99c42d1852071073d', name: "primary-message" })), h("div", { key: 'f1ce616fe69d1b8b59d02474f39549815544af8f', class: "gux-additional-guidance" }, h("slot", { key: '5adf18ae00ab8afbca5f85e3c886777c4b6a41ec', 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: '5b9d643639023d108dc7ea3ab780005226be4ac6', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '8e16ffede5d8ad0ecfaf97f0fd85c8807277f606', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'cfe7ee7a752d8f893e92b46eb482c298f514068d', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '87eefb834f4c8007a77cdf96bd253c4adf124db0', class: "gux-modal-content" }, h("p", { key: '78fcfcaff6f6ec181adaa2a27f9c863058f229a3' }, h("slot", { key: '7cd83adaed12e3071259e053373ffb7cce5348cd', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '18b524133b010f522686b88c1f4e724ae5f1b457', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '48f6b6972c30e015617a02b1e2a39d80d8b35b52', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '205df2e00149e2e56993c2a06f83e309f271c9b1', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '0c5e50d2f555e941a60fec204349979172221307', class: "gux-modal-content" }, h("p", { key: '7f5ae94c9de4fba07c0476110ce718502b8453e5' }, h("slot", { key: '07495e05a2e9bbd77ac7eb6d39138b640a2d0490', 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: '7ed360828c70a0a9fa060a5201db6950c21cf19c', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '1f79cfddfa134a9e7c226512d54929510c331ea8', 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: '64159b3d10fb46b0a6998d1170bd70d28d79883c', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '143395915504f40af65b9f8a8eee36b7a817d768', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'adc8e93915d7232bb25cce6ae9f65558bbb83ede', accent: "ghost", "icon-only": true }, h("button", { key: '7b647a3d54f82e5fcc5a19554eeefbbb32322154', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e68c2567a4ba6bdb395ff77926ce6b1284986294', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'a18182b2452300ccfcf89d0ef54f2b74ccdd784e', accent: "ghost", "icon-only": true }, h("button", { key: '5b1557f8c362e7fcbf10f60ad3d08ef0a24113b9', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '793af9d0b0261272339e42a8c985a6c0c8d1bd4d', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'b5f8b9edd06e3b35da14aed49640494d2b2d0bd4', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'de142300488678bcdbd78dd1d519bd1921d600a3', accent: "ghost", "icon-only": true }, h("button", { key: '3451184f8a8c1cfd1ca5bc4f92605945f68192a0', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'd3933e4c76912ab8d5b90dc4ce445335bcfd9472', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'c28913f8d1ece846e017371287100d3f6b81a62d', accent: "ghost", "icon-only": true }, h("button", { key: 'ab3971de7a64ef8d239aff379965035df5437e47', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '344e87ec6f9be5d4be13e374c43bd170f14738fd', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '6038b566e7434b1dfe75d9585d102be8330e6d37', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'f378ac949b9df0e4f2ce0542e530244aa566da5c', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4b2913b96a5ef893d4295725b1dfe11bad53acd7', accent: "ghost", "icon-only": true }, h("button", { key: '3c2597528ae4829eaa7f0f03a678b9c6d2530431', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '4689c35eb4a392e23e531872c2a02387a3e219f3', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '89d5b36b5278a141c54171673f419bf65bdf3a05', accent: "ghost", "icon-only": true }, h("button", { key: '3be3381e56788ab44d2d07b997a1c956d3867eb9', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '8483f44cb5522733ab1f756c218bbd9fb3122a9d', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'b684cbf63da37df3b9739d4ffaebb25bab4ffeb9', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '860b70019031eee43edb76e077fb109878621634', accent: "ghost", "icon-only": true }, h("button", { key: '021687a7091d5e68279117cfbbbc3212b86b6c30', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'a79c25f4ca6bf4c3aa0b1a954d8731fb4ff793ae', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'd66629a9569eacbf0bd4534b10ca7ebf432b0b90', accent: "ghost", "icon-only": true }, h("button", { key: '21a34dad8a8e36654f21f6f99af9940b5b38c4f1', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '28152c969217f462d6e086e1e0c22248c775ed8f', 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: '05a5bd6127c86b62b76cee22fb9c6d2d78e91aa4', 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: 'ec612f75b1f48c17ecda057634550ada3b6a5e10', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            h("gux-tooltip", { key: '5f3d2e2c48f52d53bca508dd61a7d7fa8f2fd656', for: "popover-target" }, h("div", { key: '212b714fa3df60f9e8319dabcb9f5b93d1a7dc70', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '61171cebf4ee3448caf82ad5a18754d51fbb6dc3', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'a1b59a219fe04c61a575d7e9a30cc9861aa3a804', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'a820a1da65f6290152a5bc99bdba2c800f0cb4a9' }, h("input", { key: '7f5a728d3c2d3489f918ff9e06b727422a8067b7', 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: '54ff6cdc06432e11171b7ac8e46ec428aa9cd703', slot: "label" })))
+            h("gux-button", { key: 'ae927f6ad743a532f956e1d4157aa481b876eb73', 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: '2294972e7b873aafe38fc4f31f5d06712e8d7e9c', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            h("gux-tooltip", { key: '3a7c43b988cc7adcad44a0050ac1a28909b59047', for: "popover-target" }, h("div", { key: 'b714b0add84ce3eaafdeaada157d390737b74728', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '4ced98bbc84b997c8da6d2b16def48c988cb8d3a', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '0fa6946c6d83e6d35831ce9b1f1e91a7efd8dd75', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '8bb39850f1962b5d2d9335db2be19c04a20e5303' }, h("input", { key: '9c6348966acb1e29aa401bfe7e2091a4c03912e9', 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: 'e79a5aa2aecbb0e4b2a1b36569e276aa10be9727', 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: '9ccf227e4743a81fdca1db7c181141fe0d981328', class: "gux-pagination-item-counts-container" }, h("span", { key: '71d81935af25ba2d392169b12c605252aa194077', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '80df58e5ca1a8c1858817406eb51923d9f929172', class: "gux-pagination-item-counts-container" }, h("span", { key: 'c05c2c0f69b506c93fe652ef4ce5020a6ec40964', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'a67fa61ebb5f890009011bccf9b65a8934066ad7', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '78c61c85a734abfe2de628c670fa754bdfaa532f', 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: 'bfef0ae16862acba1a3d32e0cd4d7f909ab5ba3f', class: "gux-pagination-items-per-page-container" }, h("div", { key: '403a739d7e7da29826ce7c4f2e714fe28fae7918', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '78a0b7027eb5b0179caf967820c1cbf58b83816d', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '08e5ce0609666d54c7a448465344ea4c334f03fd', class: "gux-pagination-items-per-page-container" }, h("div", { key: '6f044851b41f439951c99067ad467de3eca5a322', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'bdd1f7475285da682a2d70b18a8e611eb5f640d6', 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: 'dfd9eacd7f35c1e982479b5d3ad68f318e904f8f', class: "gux-pagination-container" }, h("div", { key: '413ef5f8d7b9dfc7bc850a6654cc8b1ea2bed55a', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '0b077d1778a73611346db5288936f090e090a7e0', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'db36289447852722d08149c57aeae497b458e002', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'b2b58b66c91449c63c0c457e0d2a836d4201109b', class: "gux-pagination-spacer" }), h("div", { key: 'eef9c7be0ceba82cc9852a390a6850fb47835cd9', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '6b36cfbec6adabd27709244f592314e695120f84', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'c7dbcd2c12157475615ff706d7b2f6ce77ad4a01', class: "gux-pagination-container" }, h("div", { key: 'b40161335eef3abc80ea07dcba6262184e883576', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '4a9908419b26c2e75cb490d2b4efa2558d1dd855', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '22ec649851e86caf9b9e819583bc179d1a5f6132', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'b21aa28c167c86516dd2980cb2b256b3c60b9d40', class: "gux-pagination-spacer" }), h("div", { key: '7432e11e278a22c12b27ad03d90509f0fec5ec87', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '9fc009e059a809b071a6bacf7e13c1098fd5ff4e', 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: '65e34fb37f32a21cfbf382bf2c24ff0fd45b71f3', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '7e93be4266cb986cdac33008eb182c38e18717b9', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '0eb4771beefdd0b23e6019e9f0115818bd98918a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '4f189ca93fe13badabd2b2bbf3e443ea3b08f275', class: "gux-arrow-caret" })), h("div", { key: 'e81988f58300cd6333d92f5ac162c9c8ffe5171c', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'ba14bbab2acefa5c3f9793bb56980c84023dbd35', name: "title" }), this.renderDismissButton()), h("div", { key: '4ffc2a9089118c2f3fa5a11c9bc452ce5eb6811f', class: "gux-popover-content" }, h("slot", { key: '10a0734e9799aacd615bef4e9c965774be32a0e2' }))));
+            }, "data-placement": true }, h("div", { key: '08e3522aab4bf8f62e08e33ef3a256e296438a2c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '91da27c2471b161a5142aa93ab21d12982faf183', class: "gux-arrow-caret" })), h("div", { key: 'caae7a71b1f48858c3d3ec34bd23de92d795bf75', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '55ac554fa073c243274e9eb62f786522f4a17a10', name: "title" }), this.renderDismissButton()), h("div", { key: 'deeb167992d0b8b87227a47ac8350e392b0f5311', class: "gux-popover-content" }, h("slot", { key: '58e64f3ecab425c06c5c314d2281a463993c03f8' }))));
     }
     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: 'cea604c908df05372fb7545d45e2ad87db8a3908', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '814c70f6444a2dde7fa80ec928928d0146052162', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '938bfe8ec1dfad9c0d350fb25866db0a83985577', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'c603b1a39b3d22fa3da5f101268755863f48cbdf', onClick: this.dismiss.bind(this) })), h("div", { key: 'a96fd5f86254ec280ae32c78c0862ab70b1b21ac', class: "gux-popover-content" }, h("slot", { key: '47724f55cd50afffb589cb22af84f3ba6c831ecd' }))));
+            }, "data-placement": true }, h("div", { key: 'cb6180994b17ad483cbeb77a519380ba3a141245', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'a730876ff5e4eca4070376c784e074498fb9e0d4', onClick: this.dismiss.bind(this) })), h("div", { key: '2ac827242eba3b5a6399b649a871e0e157afa970', class: "gux-popover-content" }, h("slot", { key: '8f05c3ddd9eab887186e5ef6579391dca6490cd2' }))));
     }
     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: '9a88fde4d1576ea9d34959fbb46be13bf6486c8f', class: {
+        return (h("div", { key: '9e57ab3226b238f4e9acf928c32bf57697236c0a', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'e5d03a6da381d4a7a4e15b1569bf213283bce38e', name: "target" }), h("div", { key: '356135cffa483793c5f51a7df56a4582dc789d41', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'f037a5a0fbd6208f7438ba88f7d3899db0f5f208', name: "target" }), h("div", { key: '63a24bc8f0fd5a0ed071ee06257d1ee142ebbb9e', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'b404b4a53febd0f542457593a7cd3b50aa272a72', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '14cce33656443ae157dadf20f43d30a14b088cbd', 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: '8a84d5aea3932beb72543b2c710214e3b0d90862', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '1430cf90d2f33949e6b5cd4af6efd58160c8a255', 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: '8e27af3a44718f14d2baea420aef09442a02a27b', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '6912ba58d4643a87e52a37b6c26efaa85e36134e', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '39d2de144499a1da3e45e8f0ee6d2b93b98e365c', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'a1a537db7d74ee356c8503116cd00e0241f16961', 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: 'f158dfbf49d774789a5274a03ee812ab596c41d6', role: "listitem" }, h("slot", { key: '6b8dff21f46df6853d3aa1a98805efc52f19b6b5' })));
+        return (h(Host, { key: '15f5c49b8c2946d1cb96d2ae33e16ca7483a3364', role: "listitem" }, h("slot", { key: 'b623b523806389a143fe22f25c42c2932bbff775' })));
     }
     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: '4430a3ea7167907ea7ed814ecafeafff0a77e038', class: "gux-container" }, h("nav", { key: '784bd8b5088b919e2058136477e1eb4cc4f32e61', "aria-label": this.i18n('navigationName') }, h("ul", { key: '74949a63003979e99581b1bc3b916a78331c29d7', role: "list" }, h("slot", { key: '86a44bc1bdc0c05165a05cc0306a23972a843951' })))));
+        return (h("div", { key: 'd55f6a785f3f477f0937a62447a99b047c8b8555', class: "gux-container" }, h("nav", { key: '0e46eeeec2e9229afac1ed08e6662f3fe227a045', "aria-label": this.i18n('navigationName') }, h("ul", { key: '2ad3b534a666098ac66f243b4a3c3bfb0f5711ee', role: "list" }, h("slot", { key: '2bb04098ffe1493dcdff8fa68007dc7c0eb9f4d1' })))));
     }
     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: '8c2be98e9e2d7e5097edf91a797ce09405465069', "label-position": "screenreader" }, h("input", { key: 'e71f01c4770304c394e4161f137644324cd6390e', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '17ee213e0b298cee021bc5b58454dea127a26e24', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '223712249be4d5fcddf3cb32888bc9ff73a64612' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '478e128a83e942fb6c14c3429ec892b5ea10fbb8', "label-position": "screenreader" }, h("input", { key: 'e3aae24d7c449a9faf83c50dd7c9778b2ba074aa', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '6caef63253cbfb13a3222ce7ecb7a5763bce243b', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '1d4b3d6f738be391046eef766fdb76667fcc055f' }, 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: '5ffbfb46aafca37cdb06cb6398ee9251dac15dd4', "label-position": "screenreader" }, h("input", { key: 'cd61e746419279955be82be0026c79bc9bc993ed', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: '45a55fd8caee65d5cc2f2b2b3545896b0b2e604d', "label-position": "screenreader" }, h("input", { key: '6f6185eb82fd3e3889ac7fbad2f0114ed48ba145', 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: 'd2631e1b10574666615a836d6f74407298c08ddc', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'e5413aacb9c78e6be2bfcc95e29b08952f632d43' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '93040142830bc742ae90ca5f85bf2ee4803da0f3', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '04dff5a173b02eea2e3a55cdf0f7387a1c73d76b' }, 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: '327d945e3a3cc696f8fd99f3a256bf9b8e6db7c3', class: "gux-container" }, h("button", { key: 'a55b78603cccf8d7c0a916710a89f8ced0610931', class: {
+        return (h("div", { key: 'ca96badbee09803ed7df08e49bfb611eb88004b5', class: "gux-container" }, h("button", { key: '6edd32c81093ed6407aa4e4f853a347d1feab7b6', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '8be88af24dc3b94726b7d0ccc40159df14a0cba7', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'a3c1dd5097c83d89ef868c73857f544b828f1c6c', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '0b9530eae9edc3532e1f41bde7954e89221df061', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '90a4aabdbde527aed831495a9783c485edac59c3', 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: 'e685ddcd5df773f539b180432f4ac5f3f2fa5aad' }, h("slot", { key: '918f287831476c2625f81242139dec9630799638' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '9d5841b060c561260d07be0dd13642ecb74669a0' }, h("slot", { key: '28fb0869156c3f08c2aec24ff814a89c3c9352d2' }), 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: 'd87448b7a5caa57ae40723a7198b02964fca6ec8', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'ce0b9e72b9d3e1ce92f7d31f6581908042f05aeb', class: "gux-table" }, h("div", { key: 'e4bb77b2a8b4a231f8465cf56623d03bf9bc9d16', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '0cd69caeac1736839d85d510a799060fccbcddf6', name: "data" })), this.isTableEmpty && (h("div", { key: '6a8501e918da5d9b1c499be1ee5847461328fab4', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '49e4e604e708dccb68986bf8c636af554ca57766', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '177cececefd15a2b33f3825e56f6b6286ae40e93', class: "gux-table" }, h("div", { key: 'dd5159b0bf7630511eb4dc32d1ef89837c01f57a', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'cf4c6d3c16a7cfc313083838d2285e6783e334db', name: "data" })), this.isTableEmpty && (h("div", { key: 'ecb503fe898157d37e2a06d0370a7a66e5883fab', 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: '442452c1faac0fde41c953c7eaa4258d0c5ed369', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '2f25ed6eed07609f7af259b83956fe7af66e7a60', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'df0951fdd70c81167260571ecc3b46c53e7af57d', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '4d899707f437785425aaefdf79fae2ebae5d84db', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '2bdb3be3314e2a6065af37890fbcfbcbcff2d690', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'b364fa0c4544133ac8e0e1a8e6f19c503cdaba65', 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: 'b7ef40b816e50add0344dabcb23bf9dce5620e57', accent: this.accent }, h("button", { key: 'b335c37d4e7136950c0e9bac109eb6028276bd70', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '7992b23c9698d180a6e7dddf4486f41001f97283', name: "icon" }), h("span", { key: '391ba40df08ee3e94fc30f3636f84f1d7e4697c3', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: '2ef3504cb5c0793eb9a9befb58c0c82d1ec87c08', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'f526767c714fac8cf1b4d6695b39093c02088f2e', accent: this.accent }, h("button", { key: '196503528677a72d5674a8d7f236ae318dfea2ea', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '9d1a3479dce67513ebe360897295213cb5c0c62e', name: "icon" }), h("span", { key: 'eb80e014a2bc70d3af5ac20121f38998cfbeb0ba', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'e14decfdd2d853953108790f452ea68151368c59', 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: '7d01cc8f44a5e401e2de2242ec76bf6f7385c845', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '4356d97eb8f3d2871169f1110591e8aca17a80ae', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'a0df7042f92b23ba6e1ceaab93fc04fda0483135', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '2987687532dc1b33f3177c1a893e773bc91ec400', accent: "secondary" }, h("button", { key: '41952af15debd9c0638f12be30a4b38685c8dc3a', 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: '0217d97fbe5151c15ca6dcbb6b6d14b0c7de826f', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '2192225622f814ff0a189ac42a029f1f35cab355', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'df9b98dd123e995cddb49d9889f5795f8bc3636a', ref: el => (this.listElement = el) }, h("slot", { key: 'b88bef7d66f63b2590ecd8c38f6d4fb0df0a16d6' }))))));
+        return (h(Host, { key: '7822e2eced6840d51c542f4d867fc6b325725ad1', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'a5749ee21b0ffb1f82551d8b541a58d42732ccaa', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '0ff587669707b324d26618ed9f4facb23a371c82', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'ec243134e8eb6d47d09f079c446b446d7e6a3e2f', accent: "secondary" }, h("button", { key: '5aebe866d36db9ceb60e6a6326684ddfc19d303e', 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: '09d1d8f3eedabb8aeeaea726a50fc93ea79cee4f', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '1cb9a3d6c0607a3426c4a5150f4d96acd509d375', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '249b4eac2ca256bac3edf798c37382945ec82760', ref: el => (this.listElement = el) }, h("slot", { key: '10855ea5a2a9ae54b68b6dd28e1395c6d0ab6dcd' }))))));
     }
     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: '7875a6e2a040ac3908f722048dbc66b9c4fadbf4', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: 'f7663d42eb720b0ad25bbc91c50e93d37dce7328', class: "search-filter-container" }, h("slot", { key: 'aeee81945a38c2ec301dc16184d0d7046ab9d70b', name: "search-and-filter" })), h("div", { key: '6c7df67bc4ae38eb562dca0d4c9fdce0b9dabf35', class: "section-spacing" }), h("div", { key: 'ce52efc3ee5d4a5f220e8606e87286657a720f50', class: "gux-contextual-permanent-primary" }, h("div", { key: '12962271682b92d410d4749f37b689948791875b', class: {
+        return (h(Host, { key: '9d7cea0192fb40e86f99fc33165b765611213183', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '0006fc3da5f9837a7ee5ccdba8fd3cfbdb5fa0c9', class: "search-filter-container" }, h("slot", { key: 'd0ce95fdf024f11a03fa1b72e040bf52b645e77f', name: "search-and-filter" })), h("div", { key: '3b79388bdef253340baf8c3eddeeeb47fbdb44cd', class: "section-spacing" }), h("div", { key: '3adb08adaf3308752deb7add1697e2028f36ab40', class: "gux-contextual-permanent-primary" }, h("div", { key: 'af409ae22c2399812c072547989688fef5f7014d', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'cf207092f95a0f96b44ce181612f8610c52eab09', name: "contextual-actions" })), h("div", { key: 'fd8a2677b1dfc38b9986cff1f2aac94cf1cdb653', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'a5341539d325b425a65b157dc5e39eb8999bbdf3', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '8d4df61c090defc5be8699dfe69d1757b31510c9', "show-menu": this.renderMenu() }, h("slot", { key: 'adef62fb14801616fbf284137ed3052dffccd6a9', name: "menu-actions" })), h("slot", { key: 'a9b426a11893edd91bf540865d213b82df8fda8d', name: "primary-action" })))));
+            } }, h("slot", { key: 'abf4854bd55c0939f6855920bf5822d80cd7161a', name: "contextual-actions" })), h("div", { key: '6baedb8e6eb19942b984f5b84a3bd0ee9ee717a5', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'b6bdf8c8b4ead0ec5d88a5809bdef2f88dc621d4', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '1e88249d4ee71057ee1534a0a3ad47a7bd567c4a', "show-menu": this.renderMenu() }, h("slot", { key: 'e88c1544fe540672e5d99e488a84d4d8d7b77c97', name: "menu-actions" })), h("slot", { key: '246c1dd61e9f3a4ea7545adfbb9c308a9a39b2de', 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: '646bec4164602a325fd24d4204c2d35bd3ec6e54', class: {
+        return (h("button", { key: '6f60ee32044b7a2bcd5664086e252a1ce68b2f23', 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: '4a5b2841c23c3741152dd44d9e6916f5786c26cc', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'ad4dc23fe89790ee0d6220aa9b8ef7b74c927787' }, h("slot", { key: '7538cf54d468ec7c968c711e3913d876e778ba1c' })))));
+            }, 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: 'a5c6f3285b6350c8f0df2473c63db18ee9a8796f', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '2d64dcab434bbfb6b9da9430dd32c1623d30c490' }, h("slot", { key: 'a1fce9647a9b2b149d780f80607407672316eaa9' })))));
     }
     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: '0d57e6fa3082978348ec2536ac2091e491a34bef', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '9fa926c61cb4e4f464d72fc9b93aa305325e9ced', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '723e959d00b452934630e4dbbe56c70b174143e8', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'bfba363eb894503fd3b38e40ee2427504e2f2510' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: 'a3de628233838a4ce36e49147c3c9e65e0066f5b', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '1b2be3f196b191648f03b5c30d3276e6cd9c1aaa' })), 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: 'a2ccb73193a93dafdac5cf27c7dc99b9eab23502', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '9b37b81badd14c3312ff95d11b660728b7fef9b9' })));
+        return (h(Host, { key: '54b182170e1c5c506611074125b2bd23d768e3a6', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '24e9f880586a7c087669b4b070062b4134ac0de0' })));
     }
     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: '65106f3e76be06360991f4e9117ea2074da6bd36' }, h("div", { key: '6625c9a8156d67606ca0d17908ac387311b748a7', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'fe8417d97e229c395aa7cb8cd5f709e1cf01474b', name: "tab-list" }), h("div", { key: '555cf0ff8742bdd01a391c6e18b0a9204d44e74e', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'c2e58364726f925785ed3e9ece01c9c3c5157668', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '5f2d5fdf8aa7057dacb23b60b9562944f8f3717a' }, h("div", { key: '016126d62a38c62470537f06d0f2a246aeff0ed0', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '773118e929251bcbc48de429762d188b8b6997c7', name: "tab-list" }), h("div", { key: '8e394164f68930bf0590cf661dbfc4d8bfded641', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '026bcfb8b5cbbe2bc6bacb22e85c52ff9ceda705', 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: 'f4a2024bbf767e7251a31c033b49ea7f39ed1dfa', class: {
+            h("div", { key: '829e9dc3ed2bf25124bd575f59a15069781a474b', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '5c9d6fdc6aba950faa0e563b96bd0847714466f1', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'a91a5e1fd3af0dce2fd335ad0656d70bb10673e4', class: "gux-divider" }))
+                } }, h("div", { key: '425dbb05c702a0f94cd2247e70aecab2e004dea8', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '9e8df801efe4a56dfe7063555c86c58096d64e0c', class: "gux-divider" }))
         ];
     }
     static get is() { return "gux-tab-advanced"; }

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

@@ -415,7 +415,7 @@ export class GuxTabAdvancedList {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: 'f683884af9cbabe4b10c6a4e85a612e291bd2756', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'a9826f288df1550cd6f2d5d348ea75a8b9068990', class: "gux-scrollable-section" }, h("div", { key: '4a697a8269c50ab2339324aaea1d07f4483b8ab9', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '8d2cf0beff9dfdc09654855ba744d6da4e2c977c' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: '15928c9342f72527954c2797235b79266507ec85', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'eedac494c02ee5baf667428e1ff18e4a1a5f1560', class: "gux-scrollable-section" }, h("div", { key: '7e996eb84dea03da0d4169c571a7559aa389b4f5', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'd74130abf21c7295cea247e1a34b1a5e55088231' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {