genesys-spark-components 4.94.0 → 4.96.0

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.js

@@ -112,15 +112,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '8542dbf3586a4954e599b474075d2223412a26f3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0b62b512499c8ef97761e2704f3b737cf06f968d', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5935577524f196d395cf644f49814f7766a09fd6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ab1777e7bf925e04e1bf7427aa2c49e2cd0ad5c6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '713b9725d03a6f121397db9bd4f77bb0cfe13c4f', name: "label-info" })), h("div", { key: '85b87e18390636999776496f487ec0c0cf25b0e5', class: "gux-input-and-error-container" }, h("div", { key: 'dac2fb06f90b9db78f46e632f234a7a41456d6d6', class: {
+        return (h(GuxFormFieldContainer, { key: '51e669c1748538aba9e7414b9a2ed819c63860df', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'af40de2c177e0d635ca88ef0aef84c83933efc5c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a127f73e96220914d9211a035d2594f29fff1fd0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e7d62369c264f1464f583c4a8038a0f4c124c5e1', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f43c895cf0d6c2e7c22204651e621ed714c6ed6d', name: "label-info" })), h("div", { key: '047d3f1f266542eed651bf721b1c54153080bf07', class: "gux-input-and-error-container" }, h("div", { key: '26e0ef02b82b6be8ff574ca54a6caeef9061e33b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '3465925d047570189a19f07a93989a60eb8becff', class: {
+            } }, h("div", { key: 'e84b2ad3a05a1327609c5fb66e75f0aec720e67a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '252b146258530413117f35e3462e1c468ed1d508', name: "prefix" }), h("slot", { key: 'ce315116d279a9a7e2839e3f6ba6a3f973efa8b8', name: "input" }), this.renderRadialLoading(), h("slot", { key: '516b7df929a370f62e91f5918e5828ab268e856b', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '22ad01e5c3a63f23ed2cc066a758f704de050222', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '218838c17bf35f44a04cfd16974e6cb34b298da4', show: this.hasError }, h("slot", { key: '4996092e4483018fa7053601b765dfd53ae5af22', name: "error" })), h(GuxFormFieldHelp, { key: '2e2f5d71b0f59528c40a79d6411417814358476f', show: !this.hasError && this.hasHelp }, h("slot", { key: '32e2373d4ff0238fd7dbae1c9c113003ad93cb15', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'e3b8a90222e126aeac6ea73ad6a644becaf57afe', name: "prefix" }), h("slot", { key: 'e89fd93a70afd866d66bd07d4e2c6eaa97f77893', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'f8684a8de61818079637e7dabd5feae5e84e8efc', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '6424ddfe9426d7172a66b652b809f1d27a7a2b90', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'dce09c139b32ecf68a318d5d180fb6cba23971ec', show: this.hasError }, h("slot", { key: '4f0d6b9602ad7635dacd90a033ae91fb75850d7e', name: "error" })), h(GuxFormFieldHelp, { key: '1ee7d2f92fa17b4e7e4d883cbe8c5e07fa69308a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e82672fa997c2bd201ad827e0feddcfe9abf4458', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -88,12 +88,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '2df8e8c0180df0cc9ccc6aa2cebc48705925b2e4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '9772db76e39f4642f7ab05f660dc516dc0467ebf', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'abb7ea432242cf62d860caf1c9c0a2d3a9691744', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fd8256a8d319cc0b49a7c950ac5c6513de00bd42', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0b579b3ee118d7c85944193ff5b3cb4c943aec9c', name: "label-info" })), h("div", { key: '5aa038f7173b329bde1dd5452924b472b6dc5429', class: "gux-input-and-error-container" }, h("div", { key: 'da0492cf401dedf4ce4634a4e8b543a125bca2b1', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '15470eb990134e544a66fc13bb4cf68f0dc05b82', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '85bfdaee051ea0c3bdd180d56ae2cd95291a29ed', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3cac2f55a3d51de83b6255ee83e10548a6b59c1a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0831ae089954c47a861575e8c453574e732e48bc', variant: this.indicatorMark, required: this.required }), h("slot", { key: '24b3204dc423b7ac32d26e40b2da929a1dc97d8e', name: "label-info" })), h("div", { key: 'd6a9ba1fe678d26785e38004af2640eeb2221123', class: "gux-input-and-error-container" }, h("div", { key: '9b09babf6fc6e83ab3f553b6b608841acf05458c', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '4d8f6336f444db1ece5f794a10f44d642a8ad684', name: "input" })), h(GuxFormFieldError, { key: '73a719a285cc1eb1c53943834231fe876d6b6053', show: this.hasError }, h("slot", { key: '1962caac9f235239eeec00c2767ada47c9bba4e4', name: "error" })), h(GuxFormFieldHelp, { key: '89fabd0537049dd567095190180b61b6a1426257', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ab914b417d16a31090c77485bcad9be32e82e250', name: "help" })))));
+            } }, h("slot", { key: '6b81b48aa68d3c7d37eea771288de4647e434f35', name: "input" })), h(GuxFormFieldError, { key: '2fe2b4d91650ea485489c01e6a71c8f4bae31b68', show: this.hasError }, h("slot", { key: '58509e5dcf091821c9790689bd49f0a24d9006d1', name: "error" })), h(GuxFormFieldHelp, { key: '7b851ac6853517a510cfaaaf8772bbe237f8687e', show: !this.hasError && this.hasHelp }, h("slot", { key: '5bbf6cf5634d1eec9bfd8c27d8201a5253e4b326', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -93,14 +93,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '99e5a1a568c15e6cbb374a82670141611bef77bb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'dd14dbcd65f247beb94bd5453aff013f90fa292c' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '5381652c00e6ffb9617b132a3d83a312e01d28e7', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ac571f6ecba8c635b0d1ca060b0c3bf18856ce49', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4e365115b94f2e8a1a9b9a2eb0c083e5514022b7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '736042e117bf95af0bec592e0971591879cebea9', name: "label-info" })), h("div", { key: 'ab7c25cc058b84f6f6a9157dbabe707fc6e44022', class: "gux-input-and-error-container" }, h("div", { key: '3174841e91268f62b402e943fd568b24b5464e69', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'deec575ae4254d2bd2ee163a475a6353f8ac49f0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'c8899ce5d60cf1510357953ee804ce1c86cf1f41' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'eac2c900eaf473fce6624f04997186839216cab1', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '0be8baa608026233d8d27d1cdfdee65d7e426cd3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '84dc5cb8b8e03b28a56c0f7320c167c3dbb32890', variant: this.indicatorMark, required: this.required }), h("slot", { key: '424db029edaba99f1de825164a3c065de6827ce8', name: "label-info" })), h("div", { key: '1f6bd32c7def2a05320f0e4e7ad3523fb197cda7', class: "gux-input-and-error-container" }, h("div", { key: '81a0dbc4d6eadefab6ba373a6860d1e652301151', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '070e8ae58e76f026d01b3bccf96258237c3dfd77', class: {
+            } }, h("div", { key: '00b5a652e62e462e7ec346cab07e049070989b1d', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '3c850e19772bbace5060af078500da64922cd2b4' }))), h(GuxFormFieldError, { key: '6f657e4ef8a097efa41cf4974f2af81d22fae7b1', show: this.hasError }, h("slot", { key: '33039502283c755dc3edf831f23738e6f595a7fc', name: "error" })), h(GuxFormFieldHelp, { key: '2851dfd95ccf73b9b0dfd64a5cd82b2b61cc94cf', show: !this.hasError && this.hasHelp }, h("slot", { key: '4c0e2b86f132bba0c1e3165e0557e6064cf28b01', name: "help" })))));
+            } }, h("slot", { key: '7fdfa360511eb4b6b4a394a18cd4cee34b27d7f7' }))), h(GuxFormFieldError, { key: '141b48eafb76740b50ab8a0ddac245616c03481c', show: this.hasError }, h("slot", { key: 'bb5ee505b7311f10848bcd5f4f59d881207e5dc6', name: "error" })), h(GuxFormFieldHelp, { key: 'c82ec6d5351ddf71550420179e2648e4fc98b84a', show: !this.hasError && this.hasHelp }, h("slot", { key: '5908cec4d86f99702c5c798f4ef828b0cbe0afd9', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -94,13 +94,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'cad29676080233a809bd6d3c5dca50dd04d921a2', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '3b6c3d7a218c2d1bdcb8fd17970499b4b8cff1a9' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '7ad702a194192691090aa5afe2530f92305fc175', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ff793f022bbb9fccb76e12f9c5cd33841a0f9c8f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b4dabe7124c400e9754fc5140c36796a780d7239', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9db41be734b00d67644f1324edb38900076b7392', name: "label-info" })), h("slot", { key: '7ab81d750ba76da7614bb482c6b22496af2efab8', name: "label-info" }), h("div", { key: '98990959c2fdc92b9bf8047d355ed673034dc18b', class: "gux-input-and-error-container" }, h("div", { key: 'd9fed80602110c474cbbd4b6bd8049cb7189f5c8', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '4de5cc87a3d54ed77536f6dc22816028e2601613', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '885c7d996de441f3d5b1d1e10990401f4232da0f' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'e24fde7cacf31d6868423481fc833e8119eb2ecb', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4aad9c52bc42d453d287e08d9e7f841085cb6ca7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '43209f28efe46da5cbb4233e983c89225a0a691c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '138f9fc0af28d31c79aa91160ebf0434a6a80c6b', name: "label-info" })), h("slot", { key: '0e0b9a6efa8c1f82330c785fd64a4ecd8a2a9f46', name: "label-info" }), h("div", { key: '41cf08ab83007df9e1525185470ed9e7a69c1047', class: "gux-input-and-error-container" }, h("div", { key: 'cc600195dd572363932f7d3b7b5c5e9dc4c82f9e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '937623c81273c30d67175d57d76408e3e55aa46e' })), h(GuxFormFieldError, { key: 'a4ea74c31599388f712619ba31c5a57452060241', show: this.hasError }, h("slot", { key: '3f51a30a87a41bff3f15853b2ebddd75b847a48c', name: "error" })), h(GuxFormFieldHelp, { key: 'd47eff0ab977dd70d3114ca8689e73bffa8b00d7', show: !this.hasError && this.hasHelp }, h("slot", { key: '7adb9a57d397057a9f533915c78a36619b38109f', name: "help" })))));
+            } }, h("slot", { key: 'cbc9fba6a87abcd9be1e7dce71f404f77c06f21d' })), h(GuxFormFieldError, { key: '59f96087931db657bf912553c83c06f09b0df158', show: this.hasError }, h("slot", { key: '6bbc3be68b40f940bd2343a849180901f2f859e6', name: "error" })), h(GuxFormFieldHelp, { key: '76fab7949e0db6c0bc8b1858a0d9c058f1472784', show: !this.hasError && this.hasHelp }, h("slot", { key: '70314744b13f8452ca7ec788470250cea7ddbfa3', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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: '7d6f8c70d0e1d0b989b2d50fbd25ea3a2f73142f', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '2915976047bd900f4e96b4eb3a214236e5001c7f', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: 'a26380344ef139d93d67493f35dfa09ea91a0b89', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'c542786efd1704ef1ba4838cf330bd46baafef3a', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '469550b17dbff3ba890d8fd1903039fa34aadda7', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '4aefb9d9cb9c56d866571909cc103b8e4f83a014', 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: 'fde2dfb461f4f9cca557bba7cc7c26e68e089bf2', class: {
+        return (h("div", { key: '85684d31ab53f173057cce0850d0e85a96b497bc', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: 'f605755387c01f481873d88b47ae005d4d8ff45f', class: "gux-message-wrapper" }, h("gux-icon", { key: '351c47da96232211a4ffca7a924dee89cda1ff62', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '0f7d7dd6f360e3ba2d1049b389b4a689f22dca18', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '8adedf88e6c7858b894b587dd15514f8efeb66a6', class: "gux-content" }, h("slot", { key: '6fbd601f20f23b7d5d75e8a0ad8afd7d6be65297', name: "content" }, h("slot", { key: '944f478762d7dd9f71009816c26560734de2bbf3' }))))));
+            } }, h("div", { key: '0923252915d78b504a48103b63fcd503304cb44c', class: "gux-message-wrapper" }, h("gux-icon", { key: '2f088db94087708243aa6b8817ac2f35d3c23707', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '92d026bc9abc942ec4fc2fc04599fdce2e840023', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '473ccb565115616d4a944071bc44799e94768d63', class: "gux-content" }, h("slot", { key: '6892d735f14a37c0488ae19f9a5abfe16c1c8bed', name: "content" }, h("slot", { key: '152db3a54bdb981a4987a1328e5e6c73b42a890c' }))))));
     }
     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: '350ede1a420ac1457665bb88929b2563678950cb', role: "presentation" }));
+        return (h(Host, { key: '713909a50fffe7ac054da956484525f0c871aeee', 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: 'fee0e4774e56d8f92d359fa440b692d91c6fc698', role: "listitem" }, h("button", { key: '9559265528fffb857a5b494a0cbb94a169d768c6', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '3b5093f8771af67724eae1f373f7dfc7d8594435' }))));
+        return (h(Host, { key: '9f28c36c4fe2bd03aac2a9370542dab8a00f300c', role: "listitem" }, h("button", { key: 'fab5254305866b0406c9c8eaddc2bdf5d30bdc94', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '140355df7003361c7d0cd69c55207ba00ed4d444' }))));
     }
     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: 'ad961f6ed0eb29a5359534c174d2fad033948d77', role: "list" }, this.renderFocusTarget(), h("slot", { key: '2dd732f57f7770db60a5fc81a1a7f4aba7b7dfeb' })));
+        return (h(Host, { key: '0a536a823e75bbc2b6c549f585ec0a96d5452687', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'd1ee76be9feb36ef0d926f89d5c399eec0d6d836' })));
     }
     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: '337395bb996aa1d1748dba716e951da4ace55a8b', class: { 'gux-filtered': this.filtered } }, h("div", { key: '585742862e99cd3862acb627b125114392d5d2de', class: "gux-option-group" }, h("div", { key: '9b11d410957cf000af02fd27ac47e50a0e5e7a55', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '172f01d14f4316daa18460926adb75203cf4415c', role: "group" }, h("slot", { key: 'd8565e733b5955bcf4fdcf1fddfc951f7c4b7f19' })), this.renderDivider())));
+        return (h(Host, { key: '7c065117af803d8fb0856c2acd7db615e295d90c', class: { 'gux-filtered': this.filtered } }, h("div", { key: '8f43148de13f61fafbb2f5f0d4324fca79eeb46a', class: "gux-option-group" }, h("div", { key: 'e515f6d9469e96a16f0ba7d33fc251f7c19bf660', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'ee9d353abcc3cf1c435bd2333b52550aa58321f9', role: "group" }, h("slot", { key: '249c5fc7ffb2fbe58caba6460294ae4009cd9ec4' })), 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: 'cf5fe5e745553b6d2dd60a16092c0a3685d3e56f', role: "option", class: {
+        return (h(Host, { key: '23d0dca350a1bcdad8ba2139620afe62c0015fe8', 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: '93046a8e31821e9953f77a288fb00e9ffd3a339e', class: "gux-option-wrapper" }, h("gux-truncate", { key: '573bfa3e236fa31d70f743cdbced7c591526633e', ref: el => (this.truncateElement = el) }, h("slot", { key: 'db1743e32b1a2ef216a785e70d6899bbfcef744d' })), h("slot", { key: '64af95d9800a03704c90112df781157c3429f21e', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '89a9b92a885fe4df1da0bef02355155fc5b151ee', class: "gux-option-wrapper" }, h("gux-truncate", { key: '1e3b298947c60a42937f745b0322dfa985912600', ref: el => (this.truncateElement = el) }, h("slot", { key: '42490572b69e9ab1ff2c1b1f43b0135c74094ca6' })), h("slot", { key: '192d2a1857343aa6da94542317c8452b078f1b86', 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: 'dc574a0bced673e026178da2a876bdb4d20dedd9', role: "option", class: {
+        return (h(Host, { key: '3c870a799ed049ee2ebf70a890d6233f6c262cc9', 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: '3c21333ae6076318bef71a9e31620dc9874ffb81', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'abcbf8e42f255565ede046131bebe1b4469bab8b', class: "gux-option-wrapper" }, h("gux-truncate", { key: '7ca9539795a24a5a5921899cda5204a89d6b6daa', ref: el => (this.truncateElement = el) }, h("slot", { key: '0ebb69750318440542eed81c166f9f401af91718' })), h("slot", { key: '4e4414169fb8b36f58b31209d17559ca0b586393', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '7a537c35a84c8306c2b9eea4cc6f28c09f1c5bcb', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'c9d015569c58bf37c353495bbbebc508f8a8bbed', class: "gux-option-wrapper" }, h("gux-truncate", { key: '725eb0eaf0f7ae3d78534533b9b19d8505719981', ref: el => (this.truncateElement = el) }, h("slot", { key: '9c37629775262db1613aa58f0a3da13296fdf1ff' })), h("slot", { key: 'e1d66aa116b6e3ba38aa5b301ff6bf12b46fb742', 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: '56d9ed4affeb1eb6138577df406ad5ddb397b2b2', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'da695435ea54a4bea95ad5c21d7a35ea1aa352b3', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '96245daaf7f95ac89cf1179b4f5a3ab52f65aa20', class: "gux-option" }, h("gux-icon", { key: 'ab7121b9be86575ab6fd7f4b826ae5e062e73df3', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '0e66206f686c355d0e49827728174ab90024e540', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '0198722f2ddbb156337b0d9913fc9d29893e0d46', class: "gux-option" }, h("gux-icon", { key: 'a6e70aa79abe8d33b9b95b8d866807910420a4c7', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '4f61de90891724e327a1db899740e49ed36d20db', 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: '395decc97ddd804746666789614c94a9a687995b', role: "option", class: {
+        return (h(Host, { key: '4d51e59bb047038d2c49685877d94301dcad5d59', 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: 'f21a9c73606c9b9cac380a00ee9683201372cade', class: "gux-option-wrapper" }, h("gux-truncate", { key: '8c6245a4b893c27d1e08795d924a80829daac250', ref: el => (this.truncateElement = el) }, h("slot", { key: 'a3473d87d097a18db04eb095c1e201c1523a06aa' })), h("slot", { key: '2942a058b4da9b5a7cba6247e90b771638812acc', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '4e048fa5c14a8c0e286605f6112105448423d476', class: "gux-option-wrapper" }, h("gux-truncate", { key: '68b0d6f0838b276ce1e0930c811f218aa89faaf3', ref: el => (this.truncateElement = el) }, h("slot", { key: 'd22aff80a391b4dd5ee526aabb832eacee9f5ed3' })), h("slot", { key: 'eabb2ad94a4de75f074a47dd6dfaead986762eb5', 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: '2a491ffbfbab331acdb1689bb19b318baf2c52a6', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'c544e6f1a01e0c1b8adab7db367cc63c4469d42d', class: "gux-progress" }, h("slot", { key: '90fc79b0b8443cf46ca8fa944d6a1c13430ae716', name: "progress" })), h("div", { key: '37116499b176c0f63b9f919aaa15031455480a51', class: "gux-primary-message" }, h("slot", { key: '8d53d0a567e204dad15ee021c58c6b42eb106556', name: "primary-message" })), h("div", { key: 'ffd6ca8139a4b3797a61ce9337f191323986952d', class: "gux-additional-guidance" }, h("slot", { key: '04caaef6d427e5d4f28aa793e9936fc0a71fcf37', name: "additional-guidance" }))));
+        return (h("div", { key: '1ed0a00d26ea803f76ae79868512ea6b5a94ba1a', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '80185e4db65c7b493b508e10459792cf564d630f', class: "gux-progress" }, h("slot", { key: 'a75ce8736eee6f38dcb7790dc5e8534f9c49529d', name: "progress" })), h("div", { key: 'ae85ac2bcef82e4c9f472ddda93927d49c83ed40', class: "gux-primary-message" }, h("slot", { key: '7a5fc98b6c4e3395e9fb5cb0e6c0f50d4230dead', name: "primary-message" })), h("div", { key: '5d48b2bf4e18e6f47e4cbbd7a28236b7b899057d', class: "gux-additional-guidance" }, h("slot", { key: '5f5e14712b684b4d6e07861ebdadd03ed579417e', 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: 'e5819c3848348a613bfc233984bb4a2bcbf8f664', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '0a938d855247b81ebaed0fb8ac0ecfbc81a23e4f', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'ff71ff38d822c17a525773a3b282e37757bf7ed7', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'd9cdff4415ae8d12509fbdbe02a8e5f7ee2f51c7', class: "gux-modal-content" }, h("p", { key: '8a6a788b0d2ed0a51bc3c769ef733b61acd58fd3' }, h("slot", { key: 'd2ca3056fbeef75fdeabffca8ecd2a545fda238b', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: 'fc69516a142986a16b17b3ba55e75e2d353f86bd', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '0e948feed6231ef86ddd6777d0c8e3800249d02c', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'f25c78d5a91d7beffee4e54e10af29186d938d05', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'eae484fc09acda35734019e3d5a619ab7ad84e23', class: "gux-modal-content" }, h("p", { key: 'f37ac8119c8bb28f38f2212af1ec4ef9d8a067e6' }, h("slot", { key: '31cf5ba3bdf9da15a363b5239693a75bc745f0ae', 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: '017598be977cdb5f42643f71a2f48e4ae473a0f7', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: 'df632f1877b7979596aa293aa997207afc7deedf', 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: '8fa54ea4b43269f8168f911fb73c99b557e51126', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '1aeeb7265b2209bac0a0637d2b16214abad8b3f7', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'bc9a4af3ee4a95d3c779dd011f6fb6851f4fab5d', accent: "ghost", "icon-only": true }, h("button", { key: '155a3124f030675afbfb306e749bc00c536240ed', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'b201fa10d509ec29cb81a8be1b68212ad1db023c', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'b7889c36d2087525776469ad75817bdea98e4ebf', accent: "ghost", "icon-only": true }, h("button", { key: 'e61002ec486248b57a924d9b0b6afd2e5189038a', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'fdb835dbfba0b54f27c6696077d151f38210ae14', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '2d87573a8eb3e02b6718e22b634d4010c4d8dcb2', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '1b32981e75bc249a1ae88ee697d9c1b7be797c35', accent: "ghost", "icon-only": true }, h("button", { key: '2a529494b631c272fa6387ab38ee702401fad808', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '73a269ebd1fa74cf865eccb4db8cbef11ec46f3b', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'c49b0820a5127b7fae8e55336dcefbddff6964e9', accent: "ghost", "icon-only": true }, h("button", { key: 'ed36a338828f8ffd1d52c080652a5d633f5fc221', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'c24d2bc7564240d214cb5bfbec4ce8239de24be9', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'b952c4e31b202553a16b90bcc19d002f578c6542', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '370290db7475ae95cefe1cbfb5f6055c641afb95', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'bb7fdbfbd4a594c40a2d69a2a6efb0f4ec06b4c8', accent: "ghost", "icon-only": true }, h("button", { key: '0c5876e559c9ec1aac03feba1145f5288beb14d6', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '85efe9217bd9c1bf21a48a0be01aef8004030938', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '12d97fb88b464b109399d24318db8e8a3184d4bd', accent: "ghost", "icon-only": true }, h("button", { key: '609647b156e22f7ed497f559ea3494aadffe748f', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '936da1deb961e5d3c783e98265a73e39f69a5500', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '91e82d3cf6ed8cf0f5567ff585ff4223a061b65e', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '9e74913ef314c5c3890e4a58c9a9e1e0824eee9c', accent: "ghost", "icon-only": true }, h("button", { key: '240736ebf7dcf2c6bb4c9d2454628c44c9d8bcff', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'cba0c07811627ce62d55cbdcaf9d6c87c754b99c', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '943ce7038ac7cb018369f0635812800484f2bf48', accent: "ghost", "icon-only": true }, h("button", { key: '56fcaed1e7b4d44764d9864eed2899b3fb045a16', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '932bfafcdc1f86a3e8ffc37a2577534db4a2078a', 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: 'df023788cc78f500b3aeb47701932e2c90d5fd9c', 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: 'b8f1ac86df71c23b5ca0d0840f76deefa9caa9a2', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            h("gux-tooltip", { key: 'cb58bb6e78285e02863ef8e70efcbd1322ac8d9a', for: "popover-target" }, h("div", { key: '45f457bbb83439f1805e0dd5cf813029cfa73316', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: 'd45de16e5c50329a833770f1e8548ac0ae18cdf4', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'ca43611d040dcb8bcdde1730983c9fcb56a52158', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'bac030f99fe693739ddbf1b08920eba178044675' }, h("input", { key: 'd1e3364420ffcf1ec6d89bc574aee67f664244ce', 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: '7c092f5e16f10659f6023aab810e4de3f0c44453', slot: "label" })))
+            h("gux-button", { key: '9edb6e9767ec656e9324362fc61f55f537b4f1ce', 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: '97e0b3624e7981516b6103d3bc66c4dccd674304', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            h("gux-tooltip", { key: '7a870042737e509fcea5f17feef54cf7b023e765', for: "popover-target" }, h("div", { key: '43771cefb10b695b0a6b64db5c895ee8a9c3d680', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '7b19bde4f77e4e144f3deb2e3ecb7787e9ef2647', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '3440beb60515684e7a38884fbb2439e468bc2b4a', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '0d9ae2272cd1d465096400ed4b0016b45717e370' }, h("input", { key: '744e2b0cf012d8078e56515c3229979e0ee5e3dc', 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: '0d46facd40c446fc8c019582339079a86d3b64a2', 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: '857a63dfc776758edfb75604ca39c11d3b081f27', class: "gux-pagination-item-counts-container" }, h("span", { key: 'b8f255a7a341685d1eef8fec9644270d8542bab9', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '3cd160bf18fac085a65877246c4425626a2d5655', class: "gux-pagination-item-counts-container" }, h("span", { key: 'b2d2a5941688c5d50c4245d635a7b427198b9c2d', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '78142978920bccef504da82d326108cd3d0de41e', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '7004e25837f5233341e7870a16dfdb4af1e638a7', 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: 'c74146a000de3473c1a0c0dbf0b3d2776d18dd45', class: "gux-pagination-items-per-page-container" }, h("div", { key: '66fd783332da103db8137dcb0df267e1966149b5', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '654f5b271953bbb2f7b04a3a038a389f911f64fc', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '90030397903afe20d13202559729d51c29d65160', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'e9d11af64a4c878750183e626af2a6918b42c17e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '2703346134649a760c6531e85f2f56bdbc7e492a', 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: '46fdf9929fd216945b7efbe0ce6ad384aa206f79', class: "gux-pagination-container" }, h("div", { key: '93c8d675c683057942cca027c172f6b04efa2594', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '16c33333b18c984b732b5cfd178ff2fcdf27beb7', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'f2ebb9fc3b301c9ebe844cdef26c94f20a48b6f3', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '653e9ee02e25e677c21c5ec60234f5aa58cc3bb0', class: "gux-pagination-spacer" }), h("div", { key: 'f187b7414120c7f1bff4c09f3cfc47732ee7ab65', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '2034d5a7634a77bbe2874f401db9503d78e51bb6', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'c212e0c8707b2e92a89435bb343cda33beae6dc4', class: "gux-pagination-container" }, h("div", { key: '48e3e35673fceeacbed050de622f03cf30eebf58', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '9065c19128d6f5f4d1e5ff520965fbd67c93ed25', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'a230b99ce6bce6f7368d4929ff64ab0cf7ead81a', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'c8074a09276813a5dc1656a0780db42e1641ab08', class: "gux-pagination-spacer" }), h("div", { key: '7e540f154abedfd84e7498bbee80b01c9d2efe97', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '32fb448ddceeacfe1f0df1b102056ebea0575788', 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.css

@@ -8,7 +8,7 @@
   padding: var(--gse-ui-popover-gap);
   background-color: var(--gse-ui-popover-backgroundColor);
   border-radius: var(--gse-ui-popover-borderRadius);
-  box-shadow: var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);
+  box-shadow: var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-popover-boxShadow-color);
 }
 .gux-popover-wrapper.gux-hidden {
   display: none;
@@ -24,7 +24,7 @@
 .gux-popover-wrapper .gux-arrow-caret {
   width: 0;
   height: 0;
-  filter: drop-shadow(var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-tooltip-boxShadow-color));
+  filter: drop-shadow(var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-popover-boxShadow-color));
   border-top: calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);
   border-right: calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;
   border-left: calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;

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

@@ -156,10 +156,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '6cb4b3a2a6767b1715cd3708e6bdd2f277add1fd', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'ddf447a44ce4ca11d5f2ceacbb440a702d8686b2', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'ca4ffd8b0d253726f8a020f0bb9dced86662df7e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '42ebda856869d9955163ac91b72cf039e0097111', class: "gux-arrow-caret" })), h("div", { key: 'a9594853381c15e1c73915ee9b38da05a54b70dc', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '45a1d21097576ef7600eb154834989fdc0f8274c', name: "title" }), this.renderDismissButton()), h("div", { key: 'c790db113d4a4772827a2003e7de2e81e6100f36', class: "gux-popover-content" }, h("slot", { key: 'b651d8e73f8305ccbfd86d04690d3052b28472ad' }))));
+            }, "data-placement": true }, h("div", { key: 'b6445f94664471e1217a4b38bbf81e9c1f260d4c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '97a25a2f85f0654dc7253469baf357e85aae3179', class: "gux-arrow-caret" })), h("div", { key: '2490613933a01a109c51040a1fdb139176111790', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '694be156b0275cdcee2a7e64767b04be6992eddd', name: "title" }), this.renderDismissButton()), h("div", { key: 'db9dfc3b1619e0a84f910e3ceadcfe3f88c321d6', class: "gux-popover-content" }, h("slot", { key: '5ffe140f119294d1d51c4ffef8ae10a72291ed67' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@
   padding: 8px 0;
   background-color: var(--gse-ui-popover-backgroundColor);
   border-radius: var(--gse-ui-popover-borderRadius);
-  box-shadow: var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);
+  box-shadow: var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-popover-boxShadow-color);
 }
 .gux-popover-wrapper.gux-hidden {
   display: none;

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

@@ -127,10 +127,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: 'd5220d4cf04380c518cce24d2de66c51f0275ced', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'd40217d896d54115c9ebcd029518d1931295f4b3', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '0c6d75188d8e7e6bda097e9713c021f9504526e4', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'deefb7f45c18b1cb784561a5575343eeb7611f46', onClick: this.dismiss.bind(this) })), h("div", { key: 'd7b270db202631375a8e817df355c81af2f84565', class: "gux-popover-content" }, h("slot", { key: '29bfabd25ccbe39c3c75c0369748d3be3eaebd75' }))));
+            }, "data-placement": true }, h("div", { key: 'df0b6457d972eaf1734e556261bfefba4f2d57f0', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'd51eaa971f007209c3d33a4e28d982db9dad29ea', onClick: this.dismiss.bind(this) })), h("div", { key: 'f783fe66ae1cdb4e99acc91d4f04f1f4738a22d2', class: "gux-popover-content" }, h("slot", { key: '122a7e6636ba3453055c5990fdbc20022f479912' }))));
     }
     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: 'a0e2b284784bfd90b838a3accc6c72361dbe33b8', class: {
+        return (h("div", { key: '2118b5c51c045d81d9cbffe7cb83a3f3dfd3f694', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'ae7d793274277fea2bd90f7e6ffc1110144b33e3', name: "target" }), h("div", { key: '1386da5a940c1010ae04c8d9fa139268f91bd9ad', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '2ae80bb71738bf6603155633c6d8eb82c62e173f', name: "target" }), h("div", { key: '76a829687678ae3ad3de3ff0f9c8096e26f0098d', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '8cfbf33173aebcf3b0758042afe6832a2cf07c99', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'dbaf8b0a26bf52a4fea90f1e8619aee978a7b9ae', 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: 'a4d822cda0622c0936495b58bc4316ef37fefde4', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '0fc0bb1598dbf863e468e813603bad04bba48125', 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: 'a1976577e15e8ab80dfbac88b4911b910347fe95', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'd562502e1cced11258f30329bcc590143e427a9f', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '228676971abfdcd7a2985ce942ef12f696f26371', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '1074566e6788a45511c60c8a859ba520d74dc277', 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: '7a392d1fd5e0e089162f1f7b6c83eecdccabc1cf', role: "listitem" }, h("slot", { key: 'f4ecc99ab1362a116dcad78244a919bab5bf7b33' })));
+        return (h(Host, { key: '70021d0b28000f24c7ccac622637adef3631efae', role: "listitem" }, h("slot", { key: 'f978c0dbf5fc78d2ef7c9938201f5e3cfc9a9d9d' })));
     }
     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: '351678425dca08b7c61ec0f869b430a3b625c8a2', class: "gux-container" }, h("nav", { key: 'ec0720dfe5df1a8b98b6227edbfb91d27e5a482a', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'd6b73a85c220fe9edd79ba4d2c247ec56049c364', role: "list" }, h("slot", { key: 'bf5662d53b1aeb9b2990bb018574144ef467b444' })))));
+        return (h("div", { key: 'f022a6b85057328d13a1a551115eead682bb2667', class: "gux-container" }, h("nav", { key: '3a4179f19467b9bbc37be9de22de21abe0b419f6', "aria-label": this.i18n('navigationName') }, h("ul", { key: '63c8eed49c9e1d5c83494e03a2a060a7ee06b02b', role: "list" }, h("slot", { key: 'ed9d73ea17dc83467409284a236eb33ed362c3ca' })))));
     }
     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: '822dd2de3181e124d5b778a1a537859ab0f2eb4b', "label-position": "screenreader" }, h("input", { key: '09e6b28decdf3808dd286178791c9ca052938b44', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '976cf7acdede6c88842a1799cdd06c50bd06947a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '9e0ffaafad0d3e2f98bf3b68583ac83510b56e28' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '30bf073c40612cca87ea0cd344f6bdd4736ef4ca', "label-position": "screenreader" }, h("input", { key: 'ff47926da6d087f18248058c5b37ebfc9d6aa751', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '9dee2b646891c74b7f669bfd6284e39257ae4819', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'a5c8e9906e1953a23be15e6158a1593a6d7b0488' }, 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: 'd681d97468b0b9f63a75f3375a70687903641552', "label-position": "screenreader" }, h("input", { key: 'a532d19d23d1af106c4a38babe1503ab8d9c6dd9', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '55991ed38a191f1ae9cb0450edd7879dcc5b20bb', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'e487e377d37fb8bb961bba5c2d4feb5d37b2652a' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: 'da272e5e8512d2ee689e6bf0e5f077b221b43b7c', "label-position": "screenreader" }, h("input", { key: 'a9fbcf5076077e89c5adf4153ee42576111691eb', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'f9fa7849c5abb31eb19cc3719f3cba55f668c11b', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '1d6e594323a71f9a87f89dfee6cbea2c09e423dd' }, 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: '5f7e190347bb99e4abc61a78350f5e06fc7006c5', class: "gux-container" }, h("button", { key: 'a843bb6d2e6e3b50f1a6c72bb33799c9a27ffb43', class: {
+        return (h("div", { key: 'e5df61a82eb6c5f05f224d94d85192657ea864f5', class: "gux-container" }, h("button", { key: '42d57b0585c874da640ef371dc7fb00491bd0956', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'c16595ea28a078b9c899661e31248020bc7649a0', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '50dcc81f30571d1bca32384e384ff2ca56667f18', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '4cfd75b06d5d84b4fb232fce0754b8297a4f4ec2', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '0233cafeae129524e6106a5d6fc895e80be47bde', 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: 'c74845c2ba8802f78cf866331240fd08389630bc' }, h("slot", { key: '9083d83e7caeb6ce53ee294dc881ea46a9c332c2' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '9d3cbc7a85be549c0718a61ac23f3e7f397556ca' }, h("slot", { key: '1ca8151ac928b8e2e1dfda3629068bf2c5c392f3' }), 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: 'a080d54943ebda2aa351d65ec60dc14d3cea95d6', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '9c69e5702134e2e2d182566b291a40131b4fd5ac', class: "gux-table" }, h("div", { key: '646ae76c2eb3938212c340c4e422d427ad318973', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '5e99f0923e5593627079f068a0a83535c78668f5', name: "data" })), this.isTableEmpty && (h("div", { key: 'ef8bb280a8902905284c0223daadd17dd1b75d12', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'f7f01ccf29266b445c4dbf099286ccbee470e90d', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'a8e848e0caff40dbc739410a037ce7cea6ea5401', class: "gux-table" }, h("div", { key: 'e021b1a3cbc9340cd422f7a052eeacb91794311a', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '5e1340312a0a279647a037b0556614c53819167e', name: "data" })), this.isTableEmpty && (h("div", { key: 'f7d1b205c115f77607f630ba2d5e77a11237f614', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     static get is() { return "gux-table"; }
     static get encapsulation() { return "shadow"; }