genesys-spark-components 4.59.0 → 4.60.1

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

@@ -53,13 +53,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '72ea38787283ae092e18b7f48e004024a1e59b98', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'bc46f96bcd85b45f328618c329b800a728404f96', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '11cced80844a01b95f6dc2120d9a925af876bb58', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '61840cecfc4e0ca4b656af5da003d5590c54f906', class: "gux-input-and-error-container" }, h("div", { key: '822f2f358003f14cab79ae3f76ab18987827fdce', class: {
+        return (h(GuxFormFieldContainer, { key: '0f05fda9050e25ffa3dafa20b650a79e5451b557', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'df77654c404549e8649b9fd0825f7cbf2e133271', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'cc902ff85b3a340db13c2bf984af0129be98b9fa', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '5798224cf3620259bbcc051327772bf484b43065', class: "gux-input-and-error-container" }, h("div", { key: '7dc8d4a80418c7f26b4987e0f5a7b9124ae12399', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '6874351a8b3c91b08c96c77aff17b97c38dc38ae', class: {
+            } }, h("div", { key: 'd363aa3963e9be7174d74e96976244ccc3ce7d37', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'a367d5f06134d52039267207ee9d5e234c9a4572', name: "input" }), h("gux-icon", { key: '516bf6ba0bbedf4a0ef93ffd4ac360a7163b7340', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '3f2921b59ed462110f8e62e427165cd7e7269961', show: this.hasError }, h("slot", { key: 'eb50d621311828cf4536957cac6dbebd6ffd1ff3', name: "error" })), h(GuxFormFieldHelp, { key: '48675c384e89c5201f85beecf80d4cb7a36069fd', show: !this.hasError && this.hasHelp }, h("slot", { key: '4a09eb9739507a5b98fe7405dcba1d389a2106ea', name: "help" })))));
+            } }, h("slot", { key: '5933423758246e0a2e6ac345eb74398372c20f4f', name: "input" }), h("gux-icon", { key: '6ad7a5a76f4f84c4b2f8102705ea523baac3f542', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '76effa57179c825bd47ac1c4b608d0528b5f55c5', show: this.hasError }, h("slot", { key: '675f20bf2273b7d82d34a7e628b1dbe70e9e70f7', name: "error" })), h(GuxFormFieldHelp, { key: '56d5679c4bdc9a436fc703b4450ae2d18bb13a9d', show: !this.hasError && this.hasHelp }, h("slot", { key: '3bf29e3d11f598851a2538f6096760a068cc2627', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -80,15 +80,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '31d901d8eb74880635835b24c1170639de41dd07', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '6a7cf6ebe553906aebfdff553451be781aa91ff4', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '33483280309581609f4346e678b0ea3fdaaff2d4', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'ed8493e2a749caebb2d10d47aa6669303bd50009', class: "gux-input-and-error-container" }, h("div", { key: 'ca5bf5c393573822d3a09ddc4e1ea7c7c1f0f680', class: {
+        return (h(GuxFormFieldContainer, { key: '86a510be1423b2e46f8f0e8457dde0c1e9df13ed', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '63c3fc02eb3ec146075c2da84c462f27822ca808', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4ef1afb40888de7df1642f23286e5cffcf6d5864', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'fd35d679cdac2f9c64eedbe144e5792a2cfa03ad', class: "gux-input-and-error-container" }, h("div", { key: 'ae0d6f2d3662997b8e2d7dcb8895ee2a57033119', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '7aefdc2e126f29753fc9240e16bd44169f603158', class: {
+            } }, h("div", { key: 'faced97c3fd4504e59eb8086b0adef95b9ec881f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            } }, h("slot", { key: '28430db859b8834f0468734b910490cb175593d9', name: "prefix" }), h("slot", { key: '2fff82d35dcb63d3020da2c8258e5f3f610ee7b5', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'bd2bf3447f52947db7d292d3caa37de8a3aa0a07', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '60f62b68271f01de02e14b3fbada16805f203709', show: this.hasError }, h("slot", { key: 'a0e1911c34fe75dbc312e752cbbf6ae2ba003e8a', name: "error" })), h(GuxFormFieldHelp, { key: '9cdec572ca90604f8ed1f04b512fceefb4012cac', show: !this.hasError && this.hasHelp }, h("slot", { key: '717b5dbdfe1df684c1c98ad7a3c28453ea411cc7', name: "help" })))));
+            } }, h("slot", { key: '7e936d0be636981e6404c559e20a29dbd8654eee', name: "prefix" }), h("slot", { key: '3945e2a3c79ff28178c355002c576c6fa0fbe099', name: "input" }), this.renderRadialLoading(), h("slot", { key: '2ed2ac89134fe77eb62e286a84d0c0ffe4fe13d2', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '3abfa87d4642948fd21dfd8748e30efbcd18d527', show: this.hasError }, h("slot", { key: 'b77a1af625c5901e31809fee6e88aeadbb76c851', name: "error" })), h(GuxFormFieldHelp, { key: '1e1e5474f87d937186c140690f2e8d85cde0c14a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cffc4e02f2ce1e6c0f64621e760bcf6f5b67c627', 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

@@ -57,12 +57,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'e979a94377785246cdb54e0c02c9d353bdfb951c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ed29b2893a7146495d708a652c461a172d11de01', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e59b2d31b8c5c27894ee08adeafdf04500b31664', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'c3ec954743e260c59c2812b6d4a908cea3022b93', class: "gux-input-and-error-container" }, h("div", { key: '4367a234eb8ce018f492ca654144dcddf522c5fa', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '3e5c4c4fbcac1d5bf9d19d95d7bc1fd70d43019e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '113d8de398b8f7d22bcb07531103c82a3a8e7abf', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3a310279167b2adeeed50e44481c8bbf866d1157', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'f2d964b6e336fe7be88e6e0ba568fc01bf0ef485', class: "gux-input-and-error-container" }, h("div", { key: '712f3f48fb15d0c1481fa1cf81723e0121c736fd', 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: '817d605e6e4a6b3eecb982462a499cd0841f9a92', name: "input" })), h(GuxFormFieldError, { key: 'c8cb6c4de92e4525ccee2240806653d8a3cda6a9', show: this.hasError }, h("slot", { key: '7bfe9951e9ca42702f0ebb46750b8b447e3de122', name: "error" })), h(GuxFormFieldHelp, { key: '57fc8d15edb3faccbc3f3f15cb5fad38d7d67285', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd0545ec9191cd249ef6465a0b48258140cfa8bbb', name: "help" })))));
+            } }, h("slot", { key: 'd9da9023de29d890a935ec1e0b0b79bf0f7d19b1', name: "input" })), h(GuxFormFieldError, { key: 'fa7bbaf903fa1eb0554a29750bbbc018806620e4', show: this.hasError }, h("slot", { key: '790a3c8ae66649ff548e9c651882c529abd3df47', name: "error" })), h(GuxFormFieldHelp, { key: '689e7ce01a75b85e0219096b36bcad0020afd167', show: !this.hasError && this.hasHelp }, h("slot", { key: '2fe135afeb4851885897b3227fd8a67d18f40f53', 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

@@ -61,13 +61,13 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'd9f56ba03fb8bb91c762ac534d2b2c0c830eb617', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '66bb27dd485a699b7556d69d73590b1f72bd6dde', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'e8d11ad28178d7897e47f11bdce14ebcc7b95769', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: 'f38261ee3eae550224508fa1147938bd36a7ac55', class: "gux-input-and-error-container" }, h("div", { key: 'f1d0954da1b5ffca1fc9ce1e5482d545f5d56199', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'dd411e739df07f7c1eba5bd79dd57bc65cd03caf', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'ce01d20567e7424760c81e9fe6668e33ceb12d0b', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '6f2915ad697f455b4f08139eb9838a9e636aa3b8', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '068d6aadb8a70d7b77a82f7837d5a4021eb272fe', class: "gux-input-and-error-container" }, h("div", { key: '4e45c08204dba5e52018bdeb38c39d3454e8cb75', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '62e1515b202fb7d6804ebf86b7ec1ac9122d45ae', class: {
+            } }, h("div", { key: '857c8ab3f5e7cd4c6bca4f3fb51509152d416a22', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '6943949cb8010d2385acc6e6da2c4a7be8061a3c' }))), h(GuxFormFieldError, { key: '2118d51bc453b2185792b24b54c84a2f617d7d95', show: this.hasError }, h("slot", { key: '13fc21b1f8e93e5ff3291b2733361988dc474f5c', name: "error" })), h(GuxFormFieldHelp, { key: '0a3044bae2f160f11bda134af97c6ced67cafcd9', show: !this.hasError && this.hasHelp }, h("slot", { key: '36a334b034afa7e68c1a66353fccc62ee7c42462', name: "help" })))));
+            } }, h("slot", { key: '8d5b8a0856f1562a4d7437f6512f592b6342c228' }))), h(GuxFormFieldError, { key: '00d2bacf3b165896326edf957e8b361d33a72cc4', show: this.hasError }, h("slot", { key: '409e5e1117d520e5a3e8d00f70726545114378df', name: "error" })), h(GuxFormFieldHelp, { key: '53b4932c7332ba0cf6428e7ffa6603afc793dcfa', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e16ced5c18d6df46e4ff2fb849d74657dc16b068', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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

@@ -61,12 +61,12 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'a261e4a0dfef65293bab43cb0b24b8046a049e24', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '51a8a9c6415a8558ff16b0a806f5398581d6238b', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'df1aa773111f8c9177f8f1eede33f456834bcea3', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '68962311832bc62a7e8356c03e64ff7f2e12e96b', class: "gux-input-and-error-container" }, h("div", { key: '4248ebb1c03f89a5b2deb652ebe69353cfd9999c', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'f94434c2698f294abbdb8bb06b05c634f6bd7544', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '36b28fee558e5a55565ee0046a05a8e4074445e8', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '4b1ae9a76308987b21ee89477e28f0b9ccee5590', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '57e80ad01c6c5d4c70851a53c6af5960a194ead4', class: "gux-input-and-error-container" }, h("div", { key: '9dba2395f519b52dca9af3e343665a5a4b89f4a3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '3db291ff951e407a0d1da4363594688a45ea5364' })), h(GuxFormFieldError, { key: '422f599fc666a2c1a98e3b2672d07eb97024ced1', show: this.hasError }, h("slot", { key: '7131273984482a30e9741ab33b91b9cc2f3061a1', name: "error" })), h(GuxFormFieldHelp, { key: '01463b42824158972a53ea3505fc7274c9ab7939', show: !this.hasError && this.hasHelp }, h("slot", { key: '00137dbca755e504388e378deed7f52ccb05b773', name: "help" })))));
+            } }, h("slot", { key: 'c21a0347234434ec2496fb03c2a45cb156109351' })), h(GuxFormFieldError, { key: '93c6e7fe6a8e300145ffba7d31dbd412978cf6c2', show: this.hasError }, h("slot", { key: 'f63893abd4985dc87d923f7b7df46d0979f70dac', name: "error" })), h(GuxFormFieldHelp, { key: 'e1646724b78fc3be329b135041edec3a455a8706', show: !this.hasError && this.hasHelp }, h("slot", { key: '907afd34c8a11d6dac079c7f2c07574e8e61e790', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         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: '3b8fc6590a53d050d63f2f8ccaddb6784325c0a2', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '52f5082dfa228dafbd261917a1d4ee31ac4be68d', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: '2fec9ebe928cf7f23d8752891952bda5809a7c82', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '9470e5bd4e5784f7cbc4ecb1d67bca57502ecb78', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -28,10 +28,10 @@ export class GuxAlert {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '4063506229e1f54f7637b6acc39aed0526877ad0', class: {
+        return (h("div", { key: 'd4897171b315ea142cb4d12a7afff3db063309e4', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '77912ed939e95a6a36b0ab9daf0cf4dbbd6b8742', class: "gux-message-wrapper" }, h("gux-icon", { key: '10586c5a8b3c2fe506db1524c93045f2191a0110', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'a177d833a00fbac94d3b8c3d062d289d186901f0', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '685443900e683e788e4deddebc1b74c92a64ae7e', class: "gux-content" }, h("slot", { key: '087128f818f84e18655d045fd0b357a4157b4fbb', name: "content" }, h("slot", { key: '2dd1a056b3eaa3c9fe61f7b7a899e6c526c6e65d' }))))));
+            } }, h("div", { key: 'a5ca1982a42cfdb2c393e2350668f277b916dec9', class: "gux-message-wrapper" }, h("gux-icon", { key: '5bb1ad27a430cccc0827f26951d33ac093c3d077', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'b04e28df8c293ee1f48d7b635a295c8111e7620a', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '6d65691d9af0fe6dc824b375083c2d2f33c50326', class: "gux-content" }, h("slot", { key: '05b87957bf7e8526e5c5492834659c1bdd1a9ee5', name: "content" }, h("slot", { key: 'ba2843905e91bc367aedd001af0de39938d1d73f' }))))));
     }
     static get is() { return "gux-inline-alert"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -23,7 +23,7 @@ export class GuxListItem {
         }
     }
     render() {
-        return (h(Host, { key: 'fe5e1bdf165b641c47aca53896ee115761879f73', role: "listitem" }, h("button", { key: '165e85944d8914d0448d53a48039e80ff380f103', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'cbfbb7d5f45c3d9f38b5a2f408c5ea8f74f85d0e' }))));
+        return (h(Host, { key: 'e37174b73e9c2259ddd2e3c72c1b8ed47253855c', role: "listitem" }, h("button", { key: 'e0ae42e776f5adb848d0708737a8ad79ee6c06f4', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'ab2ecdbde9d9370bf993d3c2922a6d25a3df0263' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class GuxList {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: 'bdb9996d72473e2a49dab3273a593516d4b72314', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'b90c7de53d03eea4ebe8bee5d36be19f353a8ed1' })));
+        return (h(Host, { key: '99291b87f24f730948663237e24e203ac2ab2c97', role: "list" }, this.renderFocusTarget(), h("slot", { key: '0f35ae3b243d6ef003df8c57aa9a92a40f6159f8' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,7 +48,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '00518aa9772bfe7571278684cb7461f097f5be87', class: { 'gux-filtered': this.filtered } }, h("div", { key: '5f900a6e065e359412cfc67785f85db0cc988cd2', class: "gux-option-group" }, h("div", { key: '68d93d2e3fa43c8762c6e32817b818217627c0fb', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'd2103e79fdc050ff607ed4a69ca6848a8265bdf9', role: "group" }, h("slot", { key: '96fd6a7f8b7add40164c9d0dfba633568582c0c9' })), this.renderDivider())));
+        return (h(Host, { key: '9c2e3431b77d45760ea329e9d44df20f8eaba888', class: { 'gux-filtered': this.filtered } }, h("div", { key: '55f01060f7e5822f4489d71f8738319527cbdb39', class: "gux-option-group" }, h("div", { key: 'b74880e7d3c3d331437152a138268d5d145d596c', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '3e239c1c3aa9cdcbd47456a77717e6f3329d069a', role: "group" }, h("slot", { key: '3bd3fd24263c5ea7fb185bdc41574c4f8ff3168d' })), this.renderDivider())));
     }
     static get is() { return "gux-option-group-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -37,13 +37,13 @@ export class GuxOption {
         return this.selected ? 'true' : 'false';
     }
     render() {
-        return (h(Host, { key: '2ce90e7d99ec17d71f6db0f56fed22f037fe6b10', role: "option", class: {
+        return (h(Host, { key: '158d52dfa54bef255d74f1403552216d319238fa', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '519667ace3ac8ebcf53f5204a75d5cbac4b1a266', class: "gux-option-wrapper" }, h("gux-truncate", { key: '22f523cee15028e56c3164008c5dc064f518d608', ref: el => (this.truncateElement = el) }, h("slot", { key: '57f1638f43138139c121f8cc2ab8df6d7cc70fb9' })), h("slot", { key: '028e005e28fb057f322600a3daf1e8109935dd52', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'a0d1d229beed4ad87fa19b5507f43bc22ed0d3bf', class: "gux-option-wrapper" }, h("gux-truncate", { key: '2a126d7e19fda3147b9190a48f35a5e8efe43695', ref: el => (this.truncateElement = el) }, h("slot", { key: '550e330ac234b0defab7f9d2d973928ff6367ed2' })), h("slot", { key: 'be3f45964a62e240d4c971d48b6393281e3c2c91', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,14 +53,14 @@ export class GuxOptionIcon {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: '10744194aedd070df10fe477029e189f49ba830b', role: "option", class: {
+        return (h(Host, { key: '59aff8c98c8cfde6ee21ef401431ceea51d9cc2d', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '3e39b1b3a086f8e469be3ce6663ea204688e7748', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: '057b13fd1d4558e740c5cdca4923caf568a3db7e', class: "gux-option-wrapper" }, h("gux-truncate", { key: '088fe2e95d23eb890dec33b5ca1bb041b172f43d', ref: el => (this.truncateElement = el) }, h("slot", { key: '26b802e93f0c82cd8f1bff5684bd624625382052' })), h("slot", { key: '08b6e6ab697399c90226f6290dbf85e704c457ca', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'c5033a3d25c57635d50231c91a6b2da05cace359', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: '30d9ed8400a979bd463182b1914fb6a13554fcd3', class: "gux-option-wrapper" }, h("gux-truncate", { key: '5faccb1f2880db690afa2f3ceb09a00978553df2', ref: el => (this.truncateElement = el) }, h("slot", { key: 'dc7e70a8d7b453c8c88862fd3cf14eb0ec5223f5' })), h("slot", { key: '7fa351ac58391774c1bd2103e0b51edc9deb54dd', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,11 +31,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: 'b2e647036b273ac69eb169fc3786b8c80814d682', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'cbe16c34f5d4dbb6c810bd5d4a44ef07a807ef75', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'b3f351cc1de6776dd7ffd2bde3a12c499ec2e8e1', class: "gux-option" }, h("gux-icon", { key: 'fdf2dbf85e5abc08a1670e620281996351b70ae4', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'ffac01c17dca45e59d7197f6753a1698b5b1fab1', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'be0980093f4fc37bf585bfbcf2f875d0208ae925', class: "gux-option" }, h("gux-icon", { key: '3c62a020b6856abf567eda0993e2a53853ab2263', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '9ecfe5f1fdac85bdf773ebd8d7c407ec7d6a6d36', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -54,13 +54,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: 'de44ef79bd1aa9d34f67e1bdba6243ff6ee0a037', role: "option", class: {
+        return (h(Host, { key: '13617ec6f657e0cfbe107a4a94f5e47e52a6cb19', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'a2923ecf6673036f902c9bfb8e3d75362801a9f6', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c98342d5ddee499ef9f3d9ffe7ce746810eacb11', ref: el => (this.truncateElement = el) }, h("slot", { key: 'b3e82c457e9e157cc1ac51515ea12b898f43efa1' })), h("slot", { key: '27abe30082ae332378e6a3c3297f9bf7197e474e', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '7856b48111c3471f4f6c33a387d022e29719240b', class: "gux-option-wrapper" }, h("gux-truncate", { key: '818443317377072e83967c4bfc64943421c4bf68', ref: el => (this.truncateElement = el) }, h("slot", { key: '048f3087c6e4f0c2544134b899b133563c44045d' })), h("slot", { key: 'd17f2f6a5e01d94c2e630bd16d77df93f6764a6b', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'a744b87932a4a5e88e0f19e2cbd341d046396ea7', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '3ab7653d5b85f45a6ced6fd1c65e401c97dcbc9b', class: "gux-progress" }, h("slot", { key: 'ed5ba826e77da142fae518882927ffb1eac81987', name: "progress" })), h("div", { key: 'd3448aba8b83e829521245278eb0334b65d4a27d', class: "gux-primary-message" }, h("slot", { key: 'dfd717bc9d2e9cb66dcb6a3bd0b7cff30cac3ad1', name: "primary-message" })), h("div", { key: '57f483458611569e2d4ca8b525c41231e9ffe64a', class: "gux-additional-guidance" }, h("slot", { key: '9e06c4882e7ef61af8ab47afeea62bc1c946382b', name: "additional-guidance" }))));
+        return (h("div", { key: 'ffecc5f96e59fd484e0203bc14ea2e1a0bcba847', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '05cdf94661a3982005096eefbffb23e6c9b9df12', class: "gux-progress" }, h("slot", { key: 'bd58bb0a13ffdc01beffd19c028207d05033a467', name: "progress" })), h("div", { key: 'a872a464bd067ec17229f158d6562c6a236f6651', class: "gux-primary-message" }, h("slot", { key: 'a1f8848e0efa77365e374ce7331659395628e670', name: "primary-message" })), h("div", { key: '2249cc1e2e8e48e2795fb744fde062acf8922210', class: "gux-additional-guidance" }, h("slot", { key: 'a8a3c5ab7b95170686961c6d0f6055483e2a8bb6', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -59,7 +59,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '53f6d914d65f271ac1592dff7b6edef420cc93b1', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '57f8fea63709f3de3db552cf569037b65cf419ac', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'fc10374b75fc64f320e42af7246a2c69f970f1c8', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '175fa76b3838f74c3436c2443a8d025350973b47', class: "gux-modal-content" }, h("p", { key: '59301763462a573fa6addd5c9700b7075cf89b50' }, h("slot", { key: '93f1599c0282c560fadec6f956749e8dbb036349', name: "content" }))), this.renderButtonFooter())));
+        return (h("dialog", { key: '20f220c650f4da3a60d1afe4597b50c60a4b4deb', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'b6794da5404560adc9a26c8857086f1184f6dc0a', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '12ffcc0aead029035b5864f1e25dd8ccbd2c3c97', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '88b1d03a14b5bac70a4f95ac99dda9ad2a21c9d1', class: "gux-modal-content" }, h("p", { key: '98f4eef566be188688f8d2b8345a672200592379' }, h("slot", { key: '7b0ddab83ffbec56edcbe250edb830525ab66388', name: "content" }))), this.renderButtonFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

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

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

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

@@ -59,7 +59,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'f5ad17d1189b5bd704aab404eda447281fd093a0', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '5920abaea9fa130c3b180b11722ea92e6c2dd44c', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'c6fad6d8674aff92adb067a9d34bcd1364976c44', accent: "ghost" }, h("button", { key: '2f74a571f36816025a798c9e1bb47a53bc16b680', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '25893cde735607d26f26c08760246598f1a41b2e', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '69542ecd39dd41e9d71eb7a59086e8aed481c298', accent: "ghost" }, h("button", { key: '1d695a81cba86ab1c756327415ee235b3dd58e2f', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'eec4f17fc929f74d1f77f1bf1a2884505977eea7', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'fdc9e9f6051c858773eff9bddcfe8c2b7dd912c2', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'dfddfb9199ae14a2bfcbcb262452dc18ad66ebd5', accent: "ghost" }, h("button", { key: '1b78191aa9f2107b9e7d67723e9bf5d3183db0ba', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c9896f06edbc16e847199435924a0beb0643e1b7', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '810a5eda432193095d7af0ca75e17c38dcde0d35', accent: "ghost" }, h("button", { key: '2ddf13a5c3e3cae5fb98b4952c9e9af003eb8736', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '99575811854373493db16c31a64c62fd1cb1d4d7', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '1767becba8f4d43ddce0d6362041e86794909285', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'f1fd014e2db8a11dd80056547e4896b9eaafb9e9', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '98023efe0335a0ec164ff9852f55e85e143aaffc', accent: "ghost" }, h("button", { key: '0b9d4502b172788e84972a86f34418542b405e50', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e13068be2f6f0c44f7446e7c8ea2f501df4896a9', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '0796bba2ff42362afc08201d8001125dd38a2a20', accent: "ghost" }, h("button", { key: '5f57d960f6061103d0bcdfc48f2c5103b5b62fb0', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'e04b9baba464c2d9bd7e688d7b5b9e3563abb79c', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'fe050b6119adc2e98c697139c56fab708ce3ac3b', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '71ff6181739e3c94af76ee16f0ff10eaf9e723ac', accent: "ghost" }, h("button", { key: 'b1c95efcb39a4b0d333b2978b1588161beafb35a', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '93a13a7c02c903f41a24705bbf81f0dd90d444ef', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'a0340c2772d5dc91aa92feadc9c1d6ce33f35294', accent: "ghost" }, h("button", { key: 'd7126d9b302e2dd9173d97bcdaa4d269509be663', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'c306fa2ad3c51fdd3a12146344e1dff2cebe5598', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons"; }
     static get originalStyleUrls() {

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

@@ -84,7 +84,7 @@ export class GuxPaginationEllipsisButton {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: 'b67892e10f8c9cd27b3ff9e3637771f5b0fd5f22' }, h("button", { key: 'd028b4b68f2342108d1e8102ccd600c5ceb860bc', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '692eb92ea32ce9c81c5884c09ace22d63f99758a', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: 'fa3925f2e0e5f64780704a12e3fec791b6cbd7cf', for: "popover-target" }, h("div", { key: 'a7f32805e219507e3d7ce92be850a26c76dd97de', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: '0078beb4bd175d553a5d8ca89bfce6c676a2be0e', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'a74a2aec770ccffbeea68d75162585277f48418e', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '107c1f82891a1b7b63073ef519bbb0c9ee964ab4' }, h("input", { key: '08128c76158aea3c5fc989bb50e3402e7c5f8fb7', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'd23b646f54fa8fc0f53dc0c3f2b9fd18b6c5abaa', slot: "label" })))));
+        return (h(Host, { key: 'dab1fc8e6052e2aa79dc4a890e8e3ff0897dc246' }, h("button", { key: '566b8193319fe1ee5ff9757304d6916ee05ab8c7', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'acdcb04633ebc0a617675b71868a3b087804b7d9', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '0acdb92b9d485e6ce0b3c1f1c93e7373a6ca382c', for: "popover-target" }, h("div", { key: 'b620b366be8049be740b1d6f517d2c38e7085d28', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: '33ac13b5b587b0ff650b1de9e9524f7d5ae33ff1', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'd1a3c0bf4135822d12c9266e30609bc9e63ef092', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '181db9502552947cd9613c8c90178355a28fb4ff' }, h("input", { key: '43b4abc21ea507ac04ceaabd3ae9150ffbb4aaf0', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: '1fe06f80e10128525a7cde0709b52e1067bae648', slot: "label" })))));
     }
     static get is() { return "gux-pagination-ellipsis-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: '8d7f56b9200b1768ed0f53f0a34f54b67e8dacd5', class: "gux-pagination-item-counts-container" }, h("span", { key: '644c3ff70cdd27183a02bc39a39832ecab96914f', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '2300642cfeabda5d5ad993851c61d047ca17539c', class: "gux-pagination-item-counts-container" }, h("span", { key: '2cfcda11a6687c37974309370e8206e3044a1868', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

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

@@ -19,7 +19,7 @@ export class GuxPaginationItemsPerPage {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: 'cb696727e90cfc5e21dd6bfbe09625a0dd9c0783', class: "gux-pagination-items-per-page-container" }, h("div", { key: '46b01489fc6e0b08ff816b8e72258ad6623b9466', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '50d81239769388122722e4fda3d16eae284c1fd4', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '068548c8668b51e640bb9225273814df4b056823', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'a5c0e84b414b3298c6aa1666ab1a346bb596cdbe', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '6f1006831a0abd977c860bed05c378c407fc6fcd', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page"; }
     static get originalStyleUrls() {

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

@@ -83,7 +83,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: 'e7bc57cf1765b0a60284ae0d70e18a53a549f0d6', class: "gux-pagination-container" }, h("div", { key: 'ec00a85fd970f7f310f78bc61da567d32d278f8d', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '7558dbcdeed7cfb49a908381b9b09aaf5d7e46d2', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'f419cfd120a467ba8a6859639c620db395552515', class: "gux-pagination-spacer" }), h("div", { key: 'd2000c8da3e57da112136acee75322d2a07ed22d', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'c741fae15eae4fa6db83e5f00a5579bbbac9e213', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '5e4727876835bcacc1712601fd2b672aaafcebcd', class: "gux-pagination-container" }, h("div", { key: '6137a51fe430512e1c1a44ccc83f99f084657464', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '1c49d09f381c91d615cc4d486ab028ea2bb3027d', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '8dcf0a9a7d7cfd363f59741758012c721956d36d', class: "gux-pagination-spacer" }), h("div", { key: 'a6926c55bba3ba6dc74a5baed1f04ab4d6debc8f', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '7f95c803b9efc6fe8992f42d5189eab75a3da563', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -155,10 +155,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '6b1cec3ada210abd3c64e7f2ee031dd155e81386', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '9d355c890568766c1c35707680195ae716d7fa01', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '0eaf71cbea21a03831a8b96225c8cc764830f436', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '46cab9fdafd4dcc2bb8142ee04782f551145786f', class: "gux-arrow-caret" })), h("div", { key: '2ff38c8cd00019ded970f478f3072057faaf3b42', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'c0a57b3b3405376a3961c91928eaf1781a3cf988', name: "title" }), this.renderDismissButton()), h("div", { key: '07b604c56fc4add8d47aad965757a6adae4f4918', class: "gux-popover-content" }, h("slot", { key: '3fa44ea7b0d90e7351e01e598c915e54fdfa30a2' }))));
+            }, "data-placement": true }, h("div", { key: '1e7f7d6632bb136ebde5556cf981c3b010b1a5fa', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '49ed6cfcc00b17ef308e151b30a07333ab9fb112', class: "gux-arrow-caret" })), h("div", { key: '6b428cc275bdbfdd79dee7e20c9491c43faa81ff', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'e457918fb4896564ad33360bf806ed0c22b87376', name: "title" }), this.renderDismissButton()), h("div", { key: '76b59f4b008362e98fcead5394d94a2c29dd034d', class: "gux-popover-content" }, h("slot", { key: '339fb487fd60e22d39202164306ead41cf49150b' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -87,13 +87,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: 'c2c320dad6001e391d0f3198fbcca1309b489942', class: {
+        return (h("div", { key: '5bb2919df210a0b9061f15c37ae401d0e897c4b7', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '475c6ce707fea5679f381459f1b6d5fb2753b7f4', name: "target" }), h("div", { key: 'c9d3f64f9bcc5514f3672d8f222f3e0494bacb3b', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '51a0e428356cae28b57a083b3cccbc3fe542465b', name: "target" }), h("div", { key: '358cf989b7b958adb14ceb69a7fdf161602eb048', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '06ae5919d9048f10a06e143b41eacb39d33874cd', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '0e97ee013f0ce4501a33cf2eb951732654efc436', name: "popup" }))));
     }
     static get is() { return "gux-popup"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -99,7 +99,7 @@ export class GuxRating {
         }
     }
     render() {
-        return (h(Host, { key: '67755ffe2c0ded62f7c60d5bdf5aee9d0ef6fcd2', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '4325bf652b0ed662d53a4719cb840fc2103f71fa', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '33894ad4c0eae0488ce541d988b50a202fe6978f', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '3724dc952032ff2c71e9e893943c0a8ad90101e3', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

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

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class GuxSkipNavigationItem {
     render() {
-        return (h(Host, { key: '870a7cd6846a9d1bae239c2d09be4d56980fe7cc', role: "listitem" }, h("slot", { key: 'b8484f2e7550a348fa60964ecbb2a9b018e817ab' })));
+        return (h(Host, { key: 'a61c4cf0d10c5d7f6dd840db5f4871027c11ffed', role: "listitem" }, h("slot", { key: '649ab28be83968f03d8783f2ee758ec0627fbd0a' })));
     }
     static get is() { return "gux-skip-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,7 @@ export class GuxSkipNavigationList {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'cb1c0a03a24d6faca31b0bb006a2923507fa6812', class: "gux-container" }, h("nav", { key: '9598acfa0add8b414e180498214ec806efe0147a', "aria-label": this.i18n('navigationName') }, h("ul", { key: '0aa88bd80e7255c6a6b52fb2f7a59bd9b9478b28', role: "list" }, h("slot", { key: 'f3aca9bac5d75b4538b2fad2bdb9dfa7c8232e54' })))));
+        return (h("div", { key: 'efa71f663a9be9c5fa6ef814d9ee97ed5de71073', class: "gux-container" }, h("nav", { key: '218192a4d09b42af3783fc9e79e87af1e4a7ce97', "aria-label": this.i18n('navigationName') }, h("ul", { key: '9644e5621412d089b9cca5064d61b062209195a9', role: "list" }, h("slot", { key: '2bf95080d2a919496f29323e018e6ded1aec63dd' })))));
     }
     static get is() { return "gux-skip-navigation-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -21,7 +21,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'c5d5af678699334589db34e90adab2e5c06507bc', "label-position": "screenreader" }, h("input", { key: '8ac8c519c9709b39f5469ca97b2f1346f626693c', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '958674bcee1eeb3091e4e2eccf553bf9f2566d2f', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'aa20e35e295910399c9f8383901cbb34e4155b5f' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '683ff1381caaf7ffcb78892fdc56077394ea1ee1', "label-position": "screenreader" }, h("input", { key: '14124cfe0f318c78f479ecbc8ddfa00d82c4d88f', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '99757c5cda1b037ac6d8efce98590e413740e062', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '4afc4fdb1e9599acde845007d756dffca5dfb20a' }, this.i18n('selectAllTableRows')))));
     }
     static get is() { return "gux-all-row-select"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'afd1edf8a18a978716aa78c749fe2e71fab83168', "label-position": "screenreader" }, h("input", { key: '3ba5007d634c632324daf0d5634b122a69760642', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '7808387d1beca753769f648d77e73a068d681886', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '56508879ef2710e713a089a3b3029fc1fd471b2f' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: 'b2223c1a765251ab3251a6512c003717370e9cbe', "label-position": "screenreader" }, h("input", { key: 'f577a43199e029946c86137ead9c05f7590d0394', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'c44239bfed79a317719f379e5d0478b228c5825d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'f70b30bb682140041c8f02f25277ebaf176e37ee' }, this.i18n('selectTableRow')))));
     }
     static get is() { return "gux-row-select"; }
     static get encapsulation() { return "shadow"; }

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

@@ -98,13 +98,13 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: '5101ec40d3c109f5b6e1be7e993c08ebbdc1229a', class: "gux-container" }, h("button", { key: 'f19b48a97ea5fe76eb89072911f2e8a55721da43', class: {
+        return (h("div", { key: '3363f0387244cce5cca86775729fbf46c01ac3b5', class: "gux-container" }, h("button", { key: 'bfbabdc471af2c90ecaedad47efb9ca6b62111df', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '6b0e9f1649ad837fd7c49c2131ff00773a2eddd9', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '0539c0012578ee4d8c3f622c1143c800c3c3c353', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '9f9a59626c9534b0aaf0cf05ad9d96f1df7c8816', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '89e605bd4983a2a36886263a389294b1cc0fb0b4', class: "gux-resize-spacer" })));
     }
     static get is() { return "gux-sort-control"; }
     static get encapsulation() { return "shadow"; }

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

@@ -71,7 +71,7 @@ export class GuxTableSelectMenu {
         }
     }
     render() {
-        return (h(Host, { key: '4fe494e22ee95bea30af322ec726a4b02b024277' }, h("slot", { key: 'bcf256510c7801b842ad6a921ab2267a45aaac83' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '57d24acecc5a511d96e25ed63576775bf90612e1' }, h("slot", { key: 'f79c8c6a119d76972d2a84733c751d46885dda2f' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

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

@@ -269,7 +269,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: '5553eee6e642efd58ad3d74a1362256994c400cb', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'e2321571542be72e85907f213c47c6b0d0a05c32', class: "gux-table" }, h("div", { key: 'caf9601fa5af4cd1aa284a53a28019f95e4abcb0', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'e6f292253fa1e5c8fc393fe7fa7699aec2714381', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '54c1096ff5ca800977b56014fe68b56911b6fcf0', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '9bebb1769bee497ff93ab55e6edec1823bbd52d2', class: "gux-table" }, h("div", { key: '8b079898bb49bfd96d85bc1d6cfe7f5860b1af07', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'e80e086308e6730e8f1b7e49e207e8d89e837296', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     static get is() { return "gux-table"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,7 +42,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: '1268bc6c71189c143fbcc92a6ae7baabcc95fe5e', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'ee7d0c765141362f46a878fbf80a64b4bf717cd8', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '01cec099652bc3f6653c656ce28531e46af3014b', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: 'bf892f3d94b4266437bf26a0ba2d12045667072e', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'd675c1e351e36253035354b288aeb8318d954c7e', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '6c9363e4edd3130c7c48b3ac82d5b0946decaf9b', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     static get is() { return "gux-table-toolbar-action"; }
     static get encapsulation() { return "shadow"; }

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

@@ -26,7 +26,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: 'f77926fb5d6eeb3846aeda99c9965f3a4fe533c2', accent: this.accent }, h("button", { key: 'd609ba5bb92dd93a54530bf707ea84b610f9d630', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '9ebf7dd1152b7abce48fe366fe5b6ce6c090615c', name: "icon" }), h("span", { key: '18100f7c8e4a231cb18b224db87a9cc17defd047', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: '8a53c441c2f8c7f69f7c49fb2474959c426b1f81', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '33896d0ae7e8515a96707f15c619bddb9e007aa9', accent: this.accent }, h("button", { key: '6518d705a4ffc7452e39c4537ee98e315a020b13', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'd386c4d52c7b0d441af839e6ce2a8faea7cf7a9a', name: "icon" }), h("span", { key: 'f5db406392c4176d6cbf877b2dbb23a8a0d33b0c', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: '25484d11455b1b00383deaa387cc4add4eced9d3', name: "text" }))), this.renderTooltip()));
     }
     static get is() { return "gux-table-toolbar-custom-action"; }
     static get encapsulation() { return "shadow"; }