genesys-spark-components 4.199.0 → 4.199.2

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

@@ -89,13 +89,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '95b1307ae83899f5978ddaf34054191201f66c51', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'db8a4a35beb1dd0c413c35bc62cc2194222dddd7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a805817a5220c93d18d62a7f3adb9ab56150f398', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '419d709c54c8228ff85d4f684c013098a6c16744', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b1344f130052784e29dac48241b1e895e14cc6e3', name: "label-info" })), h("div", { key: 'bc55fa3bdd47cb7a0d76dad4fc15c62fab2fe1ad', class: "gux-input-and-error-container" }, h("div", { key: 'a04f7cedf8ae05aef94cbe64747c5ddcf750b401', class: {
+        return (h(GuxFormFieldContainer, { key: '3402ab1b309475e280788aeddc1655d6c98bbb0f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd1c6f668fcd33c262ee379108fac64805a566709', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f5777b301b592514ad90603dc9bb99408abf0394', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '32ba4ab2cef8afbf106f361be16f5199230cb36d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '532c771fd2061b1dd558f3dd37894035b8ce46da', name: "label-info" })), h("div", { key: 'b965ec78affd82385648fd7bc0a630e2db006ba4', class: "gux-input-and-error-container" }, h("div", { key: '356e7f24566c455a858d1817030af36547ff4233', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '2730d639d0f62854440ee43a2b0761abfbdf6c92', class: {
+            } }, h("div", { key: '664f0dfb99da5793c7ff9e280c04b1bc890b7a6f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'fd0ca6b699de87bced903bb678a562b38b49fe01', name: "input" }), h("gux-icon", { key: '0db4a6a9f4b387f1ca366a6dd164cb5ccb751bf0', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'f2b6f167158037f6027790a94a2b1d439175f009', show: this.hasError }, h("slot", { key: '0014171582ed20fdaa79d498526307d6bff2f993', name: "error" })), h(GuxFormFieldHelp, { key: 'ea68634f4529ace457f236ccd3d296aa129a020a', show: !this.hasError && this.hasHelp }, h("slot", { key: '04f367c56b52dcda0dcc439b721366ab60e4f1c5', name: "help" })))));
+            } }, h("slot", { key: '040b99334fad644a71b1a3aeb1091c52d7b7b6d5', name: "input" }), h("gux-icon", { key: '8dae3067bd9c40566e6cf6be9f8a90da68424f3c', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '6a6050352d4b9334a7a6e7c96e0669de7662f512', show: this.hasError }, h("slot", { key: '416f7e2f55c07d2a5e75d6af96f92de1c0112820', name: "error" })), h(GuxFormFieldHelp, { key: 'e687dd057a1ed398eb1cbb1ca1ebb134f7815d99', show: !this.hasError && this.hasHelp }, h("slot", { key: '010dc853ef4c78f12be27d066989374101f35616', 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

@@ -114,15 +114,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '0eaa7ab4d4be472eab4155d15e2e5fb8f123415d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8497de1f7ac4b2d0b7884b3b63f4134020abb075', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'de382142b072e1e34d5ca1b995989d5c7612e435', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8044d6695e880dba2025c9e999ff12350cc98fde', variant: this.indicatorMark, required: this.required }), h("slot", { key: '766044f3b8dee1e646e394ee35821b05f3225dd7', name: "label-info" })), h("div", { key: 'a618cd6dc8abf89bf40d42be53a9938fac7db24e', class: "gux-input-and-error-container" }, h("div", { key: 'f85ff6b1e4b5f1bccae05959b049fbaf77e6bef1', class: {
+        return (h(GuxFormFieldContainer, { key: '9bfc30b8843eb183867a476354293e9bc9921e82', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a3d0c387d0c3f0cc855b358004af9cac17dbe524', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '1f9e53a84a931b6b970edf0f83ae00f01b67f27d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5e331521e6e947c80c0cd67ce364774fe63e136e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '90ba86260175ae34c5da2a3c28eb56e95dc83c70', name: "label-info" })), h("div", { key: '571f7ad84e3daa205c311e5c46cb4e1ac2aa06ad', class: "gux-input-and-error-container" }, h("div", { key: '1ba0aa3aa2b23ff3ec0d7cad06ff4854049e9728', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'b375a6f2b1cc2a551db68c3d7f47ae52162de355', class: {
+            } }, h("div", { key: 'c7425d80c410708dd2b34118e9fb9e6226051e03', 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: '52b244c818be817ca7c7d736bf10ec28d0da925b', name: "prefix" }), h("slot", { key: 'a5346c5d355bb5cab2883467f117f03f14c5065f', name: "input" }), this.renderRadialLoading(), h("slot", { key: '653c12f386e4d140394599753e3fca1013bdaab9', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'b2bd482483cc9937a69915e1dd7ded22b51e477e', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'b12c4dbdfd8740984b9b7a0215bf508d1827f67a', show: this.hasError }, h("slot", { key: 'fee0dfaee738d00271c008e1b3d07e40f7422eb1', name: "error" })), h(GuxFormFieldHelp, { key: '092b00c92cb0239019a46a1600a801507410a531', show: !this.hasError && this.hasHelp }, h("slot", { key: '444f8c5e49bfef24e18287852bfcb2b58939f7f4', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'e8aa16a816ea9a27fc5ad7bfd9476ebe4ed19660', name: "prefix" }), h("slot", { key: '0b95bdb5aa1b8cbd31a6bc547b9c66f0ac5af156', name: "input" }), this.renderRadialLoading(), h("slot", { key: '9d13b92dcdcd8c4ef2735f262a3d5769c186242a', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'cde944bf5ba83096a41877937f13204e4aef00a8', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'b4d7cf6c07ffc120d0e74a49c4afcd6fdcfc7a0a', show: this.hasError }, h("slot", { key: 'e2ee4593c6d00882409c531761733087fae0664a', name: "error" })), h(GuxFormFieldHelp, { key: 'bd8fccfbd3606b2bf8f4e4671c1b9d7f4b329ca5', show: !this.hasError && this.hasHelp }, h("slot", { key: '887dfb1fafe8c52067ef181bf13e06e7195afdcf', 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

@@ -93,12 +93,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '9d4a14eecf131a8949928deb7d1341b8fd7aa6cb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8f3f9aad9aaf77e13964916b6b72270f0dcbd1a4', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6ae871001183b1eb908a2505bc4f94445ed87711', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9c5b545896d669cf19f0a7c738076f555c3a4517', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9a3e6985da7354c2e73e0ab8dec2e93c3eba6b10', name: "label-info" })), h("div", { key: 'ef9a4d8eb3ba37b9bba43cf7bef3c85688662bde', class: "gux-input-and-error-container" }, h("div", { key: '24f5b080cd8efba1885482ef2b94d6ca2c1f5c38', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '4b1f3a3849b6531be680a2e92a78dba1d0f84140', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a0e84d7b02eb4f05147118adeea7f01ff579af64', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '0ee1e048db694ebf27f192afef5541f112cefd50', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '11451983bdf4ea3996e2a1f78c6c52e5b1cdd0f6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '66c180e6fd82c8cecb91efb110540dcf87469b6a', name: "label-info" })), h("div", { key: '843388f86d120a49e9e350dc3beb1bc5b2b7f67a', class: "gux-input-and-error-container" }, h("div", { key: '754b49d553cfba9f480eae90b023e4abf4cecd1a', 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: 'bbba06d3e1c30eff82c73f7639f7b804e1e4aa30', name: "input" })), h(GuxFormFieldError, { key: 'b258457525950e755e23c165cc5d60ef6e1dc9ee', show: this.hasError }, h("slot", { key: 'faf677c38681fa0dcabf911680d48027bde696b4', name: "error" })), h(GuxFormFieldHelp, { key: 'b74295df0254d41d8dbfe8814316c9994ed4144a', show: !this.hasError && this.hasHelp }, h("slot", { key: '13648cef817f3c5104d6c13fb0648570aa9e7c0f', name: "help" })))));
+            } }, h("slot", { key: '595174105f304eb67df65ecc5b8096b113955534', name: "input" })), h(GuxFormFieldError, { key: '2da19cb23e97dab99cbee4dbeeff7df9514350b6', show: this.hasError }, h("slot", { key: '8d22ad4a8bbe0b08c607d8a80f73f68a56014351', name: "error" })), h(GuxFormFieldHelp, { key: '7974826c93a50268fa795e1ded407f62c0aa350a', show: !this.hasError && this.hasHelp }, h("slot", { key: '75fe9c7988bf8ef1e76488eab2c420c6f4fbc1d2', 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

@@ -98,14 +98,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'db8247513641d3f1216c7649f858c1537b7c4af9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '3624f298a8ad748a22c1e807338185b25c5f6dc3' }, (_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: '8fd8e91f29eeaf7d041d5b3d86b6fa5ddae0a260', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'b37eb164f76dacf6ef1d977dbccc35458419852c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e02c192b5c26df6ea26f85b313dcd19fa4cff4df', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6b515d4c947954b9235290022f45f12da8a661f7', name: "label-info" })), h("div", { key: '13f16c11bba6d4ac7956660bb12f6388e45c8bfd', class: "gux-input-and-error-container" }, h("div", { key: '2199a4b191750fc8f733badecfe0ede9654231bb', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '02cb96a3ca56e49c1f55adc9c336748f1458986d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '0b98d730bf9f6e7db0ff21f474ebd81d09ca7ff3' }, (_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: '309face0b7993819eb29eaa33f25e76164024787', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '75cecfe1b3dc23aa84ffd25bb03ea0f16f767eeb', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fba9d6637f29831a71837604a633f219455875d8', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'aaeb75dae86048147d44f759674e70d217a24ac4', name: "label-info" })), h("div", { key: 'd184479d25644cbae2bda07dd93b9cdcf6a4c3b3', class: "gux-input-and-error-container" }, h("div", { key: '37b5c4911f4506c5e45a470335f0c71d7a427275', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '48926099c83ea49273a2470d6a7c2a9da5b5e11b', class: {
+            } }, h("div", { key: 'c18bd8c95fa643829ac7ef4e5a332a4d977f35a6', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '167417194f8b109842f3a948c187b1caad8b8037' }))), h(GuxFormFieldError, { key: '3c2c5c61d490da2526cdb307dd99446305cec31e', show: this.hasError }, h("slot", { key: '8acfe75ff992b935ada1f6091de5e3b0e9ccaf93', name: "error" })), h(GuxFormFieldHelp, { key: '08b16a6c3a8ff7a94f6f85e06ac98fffa1105f5e', show: !this.hasError && this.hasHelp }, h("slot", { key: '2d8831e69a1580c1663a55f6a2de67cf19d7dcac', name: "help" })))));
+            } }, h("slot", { key: '6f8619955a235511f54fbb68983031cb50be6ddd' }))), h(GuxFormFieldError, { key: '6110a244d25e03ca657d14ddb9f989af3e9d2e81', show: this.hasError }, h("slot", { key: 'ba589609cbc48c647afb6f4c05b55afff726e030', name: "error" })), h(GuxFormFieldHelp, { key: '12c1b379f3dbec23bb49da5a1871d1e19d990118', show: !this.hasError && this.hasHelp }, h("slot", { key: '7c34107baef4d238e601c6e46020d9ad38fbb985', 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

@@ -99,13 +99,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '698a03f7203710e51df8a4c63fd0847500d3fa9c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'cd7cdb03a86e7927ec27fd349da16c1fda31c154' }, (_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: 'adf54b2fa3a4650554d1d084b176ce41807f6152', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ee407db2b4175f92011d5839005ec5b78a0853ad', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b5809be679379648fdb79ca1803af38c9c20e634', variant: this.indicatorMark, required: this.required }), h("slot", { key: '52509ba3cf65d8885645b19b61d526fe2cb848a1', name: "label-info" })), h("slot", { key: 'e62a6928d1cb82f8ba10e6c1eaf1a1087dd961de', name: "label-info" }), h("div", { key: '2a11b0692e8f73257f85c1a7bf5f5e2a82e62a50', class: "gux-input-and-error-container" }, h("div", { key: '1cc573fba25e36a8f96f61361c327a671dc165a7', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '3e57a459ac9b8b1c73c1f9251a5333ddda22f26d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'a14c148a2d4eb9745bce1edaa8ace4aae5f39a64' }, (_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: '4e227677b726d48bf2d6a7af38bb09c05e4a6aa1', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '21fb69c6ff257ddaf1f6864c9ac00a765eee18f9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0c7e44ef498bbfe7e27ddd0ad5bedd8bb4c44940', variant: this.indicatorMark, required: this.required }), h("slot", { key: '72257b3c88d9ef5864a5604b5ed69bfc4962bbac', name: "label-info" })), h("slot", { key: 'b89bdb0b384b306f77375b42dd211bd746d90d5a', name: "label-info" }), h("div", { key: 'e7a9a969bc79200c26ffd310d4ab6f49db2c2c21', class: "gux-input-and-error-container" }, h("div", { key: '84b2420673c503a0edcb05ce019666926805153c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '00fadf06ee72e4118171be3de9b47b03fc6a4302' })), h(GuxFormFieldError, { key: '9c7dca3236e4b9cd6cd52af93a53c98ba427d5ea', show: this.hasError }, h("slot", { key: 'bfd7cf78218f8235c6a8754ea78fe253db92b39c', name: "error" })), h(GuxFormFieldHelp, { key: '3185acd1efc2d620e4b992fdbb8c01d050995013', show: !this.hasError && this.hasHelp }, h("slot", { key: '659851ed78c895b5bc4a6f23251166252af4d68a', name: "help" })))));
+            } }, h("slot", { key: 'bf2cf24a4d1942586aae892662edd28c2999c11e' })), h(GuxFormFieldError, { key: 'be587a3c75b395b4290e20513232baf1a8c53d35', show: this.hasError }, h("slot", { key: 'e5a4d2eff6229c9362519828af3ca2ad581b54f5', name: "error" })), h(GuxFormFieldHelp, { key: '11e61027c09cd59d7f006c219ef3d870b6ec532b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cfd6a9363d800337c91cd53061400f55e957c80d', 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: '779b8e00c708e767fcae1e8d8458a7b38c6aa310', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '2986d3a8ffbe6e38bcb59d3713a2f8c09708795b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '468add6065638c3abcdfd35fd7a6cb7c2b7c00a2', "visual-only": true }, h("div", { key: '24e172e461f7f7378af010946a6cfb7ccaac3f13', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: '1f92bb0930c3a6d8e6191a790458895d6e548b8a', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '22779e1c27671fb68e0ac67a2bd3b5e933f822be', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'a2e4487772f1fbf419fb547dc7551d978f3f7c09', "visual-only": true }, h("div", { key: 'd65cae69fd0f710ba73918eb69e1df3835120c08', slot: "content" }, this.i18n('clear')))));
     }
     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

@@ -73,7 +73,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '57507f01d51b79dc790d622cc656073e6dcf6e60', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: 'cd0eebcd73ab18f151ea5db731bd49f9f4d33a3b', 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: '701e0f8c4d7dbc38ba3ccd2e47369de9e37b52a4', role: "alert", class: {
+        return (h("div", { key: '893f8cb93674e8234d16ebb3771f63685982ef0c', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '440571e9f332509870de353f95713d40a15b2a78', class: "gux-message-wrapper" }, h("gux-icon", { key: '8bc20b88cf67e551660691cb22e18a9bbc6a69b3', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '19b376ddc2c2a47a32ac517ae44d86b7bff8efb7' }, this.i18n(this.accent)), h("div", { key: 'b3f63b115c18d031614dca531ce221acb58055b4', class: "gux-content" }, h("slot", { key: 'ee2436ecbd5a22a033310dbad0bc2e34289fdab2', name: "content" }, h("slot", { key: '023d525781534d8ab225fb756c4b74b60d622ad0' }))))));
+            } }, h("div", { key: '875659a8ed6be235d5161185aae8452e80d4923d', class: "gux-message-wrapper" }, h("gux-icon", { key: '90d8b789054f64cf0c577b831beaa6adf3450a04', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'dc0bb42d6e44e9073b6cbc0020e4e56b13fef5c3' }, this.i18n(this.accent)), h("div", { key: '63b60e0fc00d11893c11d7b883ff41b454e0f03d', class: "gux-content" }, h("slot", { key: '44032f7fb2b49b7b7b850ed1a0e1d871b6288508', name: "content" }, h("slot", { key: '04def049ecf29864c63f478258af0e959ed56909' }))))));
     }
     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: 'fd525c85fc875c9096d657712ab9c27101d46ee5', role: "presentation" }));
+        return (h(Host, { key: 'f7d424b18ed244dd03fc6f6c65f78ad10bac18ac', 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

@@ -7,7 +7,7 @@ export class GuxListItem {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '15ab7e6fd4db436ae3c23eb9b8d09b3ce070681b', role: "listitem" }, h("button", { key: 'b0abc22d589e1929d1f575f0e833a6a828e4c001', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: 'ec66d570c993a51c4a20c13dbd951796f07522c2' }))));
+        return (h(Host, { key: '0ae25b7f97873743757c06efc8e4b975e4cae214', role: "listitem" }, h("button", { key: 'ef7aa9b2aeeb740dea9ac73c63d3abfe63646a77', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: '08ebf5289d565116783d82ff16ebd7f03163229f' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,7 +46,7 @@ export class GuxList {
         last(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: '8395a8f463a004348db09d3f93a2393a52719a43', tabindex: "-1", role: "list" }, h("slot", { key: '3c5a179b63b142e0973bdc225560324da0f385bc' })));
+        return (h(Host, { key: '4d3b4fb9b853a983166a125ca59713584d93432c', tabindex: "-1", role: "list" }, h("slot", { key: 'd3cb52444d2748295158ac071427756c5a484a32' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,7 +50,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '376c4d9aeba2e5d853e789139b602f887fec4d59', class: { 'gux-filtered': this.filtered } }, h("div", { key: '7d1412d3478d5a5a54706045cd8cec63d8d42883', class: "gux-option-group" }, h("div", { key: 'c1aa8cdb10aa82929dd69c80bb777cd3c27a6008', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '086f3e0823cc64b75c23cbde506971b07d56573f', role: "group" }, h("slot", { key: 'b8fa6b0e5af1aab97b334b1e4e0d4af6a04b017d' })), this.renderDivider())));
+        return (h(Host, { key: '09c3f56d626dbe64bbd35193ec590fd0ebc94b06', class: { 'gux-filtered': this.filtered } }, h("div", { key: '38f09d8d52cc298889c5f5decd623cb87b3953dd', class: "gux-option-group" }, h("div", { key: '177f1266b88a5d26d7fd9431587d340803a7e718', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '463b5c686c7dcf602b2d3618dc61eb702ca973c8', role: "group" }, h("slot", { key: 'dcea8f4fad1b3709e1d6144f4b467bca6f7759bf' })), 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

@@ -43,13 +43,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: 'b04390887a747ee520c74e9aa76d9115b6522162', role: "option", class: {
+        return (h(Host, { key: '4e62af5e88e8a161bd21adbd7bfc0c3feb30ea7a', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, h("div", { key: 'c4f1d57329ea6f11b3105350d541adca91284d53', class: "gux-option-wrapper" }, h("gux-truncate", { key: '6ff141ac7c6145413a2d45ec6a194a4289537454', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'c64cb966786cfa051b040f884b707c7bea0998af' })), h("slot", { key: '6af7b43a8b7aacc20c41610c82f5cc68a95bcee3', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, h("div", { key: 'be7d5ab42155ebc2096c9c91d98f93271ac11738', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'd464d586da1888b1b7dcb73c062849301fea99bf', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'd323f844b46238ad580b537724c559e619d03fda' })), h("slot", { key: 'fac32caf4469f4c3c78a3a4310046ed9babd52cc', 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

@@ -62,14 +62,14 @@ export class GuxOptionIcon {
         return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (h(Host, { key: 'a3217b52a53817185000dd2d4c8362fb9f9b2e55', role: "option", class: {
+        return (h(Host, { key: '1068d1f0f436b632985d1fc34baedcae532fb16d', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderMaybeIcon('start'), h("div", { key: '39ea9e98454722d6cf336a81a696771801f72614', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'f60b217abc9ffa063c552d5e80a43d11b6929a9f', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'f4d667ee6a783c00191eb367c01c707acde8afc2' })), h("slot", { key: '9660ea5bea515a69d0b4a60f0ac9983f86f6b446', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderMaybeIcon('start'), h("div", { key: 'b625d6efe6382323cb0470daae78b6c6f10af987', class: "gux-option-wrapper" }, h("gux-truncate", { key: '4b193caacf57b6382a7f00a6287d3a9f1d1c9d55', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '1373b5c30a53fc60ce113f3aa5057661de4bc29c' })), h("slot", { key: '36a691705831fd1e7d0ebfc7e9204e8b6a7e8571', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     static get is() { return "gux-option-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,11 +32,11 @@ export class GuxCreateOption {
         return (h("gux-screen-reader-beta", null, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '00c3883ebb4be184f4976e67eea6eb90ff137be5', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '0659710cecb6a4be475e884023d406b3e64d63a5', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '81644d3707458da3491fcf2b760d8556c773750a', class: "gux-option" }, h("gux-icon", { key: 'd1d0b2092a9f229b50a124408e5f40629179dbbd', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '9bf974c928f1c6b1319ed15e6e606c0be1b2abdc', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '63cd7bc57902cce6b6e943eceb48c5975d1b36e8', class: "gux-option" }, h("gux-icon", { key: '1c25a460dfbb4dd96b902656522c8e360745233a', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'a94fc19816ee91a73cb800680959922cd9b60dfd', 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

@@ -60,13 +60,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '98385741ffaa4af7aa5e8bdfbc0061b465d8b7de', role: "option", class: {
+        return (h(Host, { key: '832db3f02de1b66a5302c0365785b1a15a969c74', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderSVGCheckbox(), h("div", { key: 'c4dabe8458e33768668bcab98eba318e4330dee1', class: "gux-option-wrapper" }, h("gux-truncate", { key: '9c94aa524ff9541d08db16a78dc54a56433c50c3', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '1023eedbe9b9820ba80b927ad7efee72adbbbba5' })), h("slot", { key: 'a014619badd4f5a364c0c241498abf1c4377f27a', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderSVGCheckbox(), h("div", { key: 'c4d4fb43ba511d6b43d8a804eeb1df334c5dec09', class: "gux-option-wrapper" }, h("gux-truncate", { key: '945be15d5bcf51342f430c9a06c09b1a30d5797d', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'ee7c5adb35764dc4fff585221f4920580e2c24ff' })), h("slot", { key: '56ded69f8ec00d648cfceafe9ecd70de3e89c36a', 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-listbox-multi/gux-select-all/gux-select-all.js

@@ -60,13 +60,13 @@ export class GuxSelectAll {
         return (h("svg", { class: "gux-checkbox-container", xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: paths[pathKey] })));
     }
     render() {
-        return (h("div", { key: 'bcf806d6a2458bb6c74743c8dfb9e900ca10608a', role: "option", "aria-selected": this.selected.toString(), class: {
+        return (h("div", { key: 'c3e075ee55b9693e25c899aa1545af0127cbf172', role: "option", "aria-selected": this.selected.toString(), class: {
                 'gux-select-all-container': true,
                 'gux-active': this.active,
                 'gux-selected': this.selected,
                 'gux-indeterminate': this.indeterminate,
                 'gux-has-scrolled': this.hasScrolled
-            } }, h("div", { key: '48102c007997133ab904798b617b22ec1d083eda', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'f875b31fb6f862702a0987ae86683fafa208366e', class: "gux-option-wrapper" }, h("gux-truncate", { key: '150417ad2132b98829c0e93a151837172fad8fce', "max-lines": 1 }, h("span", { key: '96f81731b58b884fc2ae5f2d0d3ac5605cf82271' }, h("slot", { key: '790faaeffa5964e501ccc28c448158134af2a869' }, this.i18n('allOptions')))), h("gux-truncate", { key: '29459de7c3d6e9a7542f435ed2d036fe8764dcf5', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
+            } }, h("div", { key: '5f3b6b5121310dcf5998e8902056bbcda6be0ee4', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'f7c411260319bef9416b479f676b880f06945654', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'be28a1ea88efaaea8e2dc2bfd2c4758b494c4a68', "max-lines": 1 }, h("span", { key: '3a063d95ffa95c26a16eba6fc31711a82f1a2f9a' }, h("slot", { key: '482ad2d605e7a594edff87ebefd8cd585cd3f7b8' }, this.i18n('allOptions')))), h("gux-truncate", { key: '1562ac7803825b06f52d9925171937aa1977e5cc', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
     }
     static get is() { return "gux-select-all"; }
     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: '46580fe13de56c4c7e2933bed747b72f9fd836b4', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '73c9cbdb2177dab3e5d6cac671b51c76a862fbf9', class: "gux-progress" }, h("slot", { key: '5cae8df5abf1fe9be32a74c96e7084eb580e5b1e', name: "progress" })), h("div", { key: '3924b247e7114fe4ba65c528744ebed3f10dd0ff', class: "gux-primary-message" }, h("slot", { key: '91f32355082d4c9e9616e6110e995582590371bf', name: "primary-message" })), h("div", { key: '7c80480ed92b09228ef564c268fa01f22b4df2fb', class: "gux-additional-guidance" }, h("slot", { key: '252d093bc66e3e95494012d39f75edb35c15cb69', name: "additional-guidance" }))));
+        return (h("div", { key: '75caa1ab4117ca7b09e15df54e9ac7dc9505fbc3', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '435044ed2d7e44b4647d810d8c556b8712b28659', class: "gux-progress" }, h("slot", { key: '621e70026cbe7bdd81867da723eaf2483c364746', name: "progress" })), h("div", { key: 'f6c7e81f143f408453eefd3581b2ef30d684f4cf', class: "gux-primary-message" }, h("slot", { key: 'f45954b1489f6e11e25f2630e9ccec6af55143d5', name: "primary-message" })), h("div", { key: '228d3b2183013c2792c8400c609d19f7be1db9aa', class: "gux-additional-guidance" }, h("slot", { key: '3c0e5f7c0b31969d86fa4afc88959af3f6fdefba', 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

@@ -76,7 +76,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'fc8f8e295a6c38b6d0f02c17f7bca1e1d12dfd7b', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '5446a432c1e49bfecc35b9e239594fa8a5bb1d86', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'a7a0a83c615b1cc831b0af03ea97394480ae9d82', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'a13788b0f1f6ed2fd41a0efc64f90ac1c5a5bb3e', class: "gux-modal-content" }, h("p", { key: '5934c6827eb053442a630f4fbf0ce2737c1dd3d3' }, h("slot", { key: '79199c58a26989ff83c61a18cd1ebd37ae57c987', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '579c7911312c907960331630f9d9c344ef690c48', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '5f19b52614728ebd2a4acc21225a7f34e561761c', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'ed90c6d018dcffe14dbd590c09bab5aa0d4e9307', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '0facc7c6a76777d756f136a0f7ffd39176308354', class: "gux-modal-content" }, h("p", { key: 'a3e6e383ad754f22d59993fd397671dffc3ad73b' }, h("slot", { key: '9a9e5e012af2abacaa435159aaebd2aab1fc4fe6', 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

@@ -5,7 +5,7 @@ export class GuxPageLoadingSpinner {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: 'e47202d630e2dd925401cfa2903733e76e7c421e', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '7675fc43f4ae1f2135615ba47fb37f8aef8b58f1', 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

@@ -58,7 +58,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'fd4798d0c449038f6328c7f76e83f13625019d14', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '600cd55d9e2ac49c948b29c36a63b33ba4e27069', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7e4e15b5b8990ad4c957bc92292fa88cb09dcaa3', accent: "ghost", "icon-only": true }, h("button", { key: 'f3c11cdc32ece0020659d1158717a103b1292772', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '4393da4c2b46d725d527802da0c352ee7adf4631', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'cc0f9e399048c64f08b862ef7aa99e226df08165', accent: "ghost", "icon-only": true }, h("button", { key: '802a3e94e2f125c9d03b13786d35e43acf0b0e0f', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '08a5f5c5d54ab23d386aa828d67f95ebd5e5c7ac', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '5c5dd6da1ea528d629f9170c33ecc12f3832a879', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'c0344f416d50ad57dca72b7873dceb6db87714f2', accent: "ghost", "icon-only": true }, h("button", { key: 'da5c286198529e4dbfb697a51905ed1fcf1bea2c', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'bf29eefd8eb50a2f70688652adbdfd050bf19c6c', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '51a9af3361f6c7a99c730e0dbb382748d8c5a721', accent: "ghost", "icon-only": true }, h("button", { key: 'fcc224495a014023363a326ee3a21d60cfe4013a', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'd24ae3c9a28b41078f8f8ba956535ef311b483ee', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '76b5aca128a532b575dcf509f9572e4db225119a', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '8f2e749dbaa0498b03c9538fd7559f6cfa1b7847', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'baa630da2a88d5b06a848638bee4915e5c182ddf', accent: "ghost", "icon-only": true }, h("button", { key: 'a9ea7ac1e03bfb8d1e380e6e6dcbfcf636040d4b', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'c7155355d9619e2204e1025b220847a5b997f303', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '3ab0d49dadc6a334ae5a23fa5d30cace8e8a3523', accent: "ghost", "icon-only": true }, h("button", { key: 'cbe42fd606ab8f4bacc5b77bd9f91fbf80397784', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '88c34f3bd57b7a023c95ebb867f6cf7ec2d4d87b', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'fa32b22f7744bc09d838aa2857215c7b6f243dd0', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '356d6b100004650618cb43770e219e33e598d23b', accent: "ghost", "icon-only": true }, h("button", { key: '10998838a35f9ac4c7010904d9072ff50458f0a3', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'b22cd9346148bd7b2f04f026e9c86c2678f32007', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '9f3815594747696c86c494b6cef46d449180b20f', accent: "ghost", "icon-only": true }, h("button", { key: 'c3c2df08067ba030fc2b48cd1d5226808840ab79', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '9adca27a9c5fd05736189df296a2230bc3f4dc20', 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

@@ -96,10 +96,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: '54d4931acd0b6adbf452b5234e225c4e531302a1', 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: 'cece20bd08a8fd503168a8c2b5a84c10a53ae1d0', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: 'aee4ee449d689c54f26c234f07ea15bf6044ab5c', for: "popover-target" }, h("div", { key: '304258ccba1ec70a299b0c4e8635675b71a147f3', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '8b8411e720a78c6fb7e45d1f7133175d72985797', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '6e670634e2677cd8f46c3985f3e436b3b82d2d15', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'd7c88f32207584e289f1eabeb56b7838066c3bfa' }, h("input", { key: '234b7415c9a861f9a3b7d1d328f95e8061746c8f', 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: '72490115bd1baec1333b48457002ce9d934b45b0', slot: "label" })))
+            h("gux-button", { key: '41fa8ef4c3c0019bf67b93db08f601f88d805c8f', 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: 'bf25edf05ed8ab988c5119570478f1cec13b87cd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '1713d68208cc7fa115dac5029e6be2b04ceb5648', for: "popover-target" }, h("div", { key: 'af473fdd17ea5a002e47eb75f8633e6a0c67ce47', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '5d3ee487cb610eb007c19f436b9b30b24310a5c5', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '346d66913d5f1fec8d15827aca51c63bd0d85de6', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'c6831032a1576b0fbb5287696cee3fcccd8ef810' }, h("input", { key: 'a576ecd7bd9cac0645964ec78be84fa047ba5019', 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: 'd9efd50b577a7148c963d514af54c83e7c1af5b5', 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: 'f1a9cb407069fe1662449412246f0635eeabf243', class: "gux-pagination-item-counts-container" }, h("span", { key: '8e0f47180f52e380de91e13a9c0863e1233481a6', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '0fa43a8cec23f4ebddb3031e0ba571a669b25841', class: "gux-pagination-item-counts-container" }, h("span", { key: 'c0858dfb2652b37a3c51fea93f22d07551b5cc9c', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '1382bf5da836df1609cad5113486d975162bee88', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: 'a12125027176c87561ff601b64213e8533b6b824', 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: '735bbf225e2eec74a70876a44004fe76b98409b2', class: "gux-pagination-items-per-page-container" }, h("div", { key: '58076888683def33f7ded16c942788b0fc127262', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c9264977effcfef4c31a0e32fbeea9a3f3efd797', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '873c267a9e7f8f055f9e1c854e79bdbfd08b782c', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'a5ac2ee8177fe8d0e20a0309219216b7bc4c6e40', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '76eab5e7284b7576854cf3b31c3f8d4740f49809', 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

@@ -94,7 +94,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '1d15cb0a7ac97eb394c57b8d04cd0d282f442a87', class: "gux-pagination-container" }, h("div", { key: '76d13b5ee2f6de6c81789831af0bdc11e3853d9e', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '41cd5f25d8a713b3ef152ac130f768e84694584a', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '03e956bd8958c614550b708256099ff0fa6a2ab0', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '0c252066b864a59e3060d1f39d1bb5668e56ecc8', class: "gux-pagination-spacer" }), h("div", { key: '2a5752ad88fbf84ee54ec4ebf895f72790c5bc59', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'cab7ac81d2211176be59db72c4d94ccf42998fa4', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '8e5a4835e83acc2bbf6702c403fa5ee7c788b679', class: "gux-pagination-container" }, h("div", { key: '76939bd9fcf17fa801adb3bd07fed343e859f636', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '9fb4b8d5af2e15779e384b3ec28fd8a4f6123ad2', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '56e06c7e53d2c30d05e90d726d991b4b4541e9c2', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '7d092a4bfc9b581954e5e49bbb4711d570b4bb7e', class: "gux-pagination-spacer" }), h("div", { key: '6b9d6d62271813633da9bf4d1a89cfab2acc8a51', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '7d0645ab565f7c0213dbdfbfe6b6221fce18c106', 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-pagination-cursor/gux-pagination-cursor.js

@@ -7,11 +7,15 @@ export class GuxPaginationCursor {
         this.hasPrevious = false;
         this.hasNext = false;
         this.layout = 'simple';
+        this.disabled = false;
     }
     handleInternalitemsperpagechange(event) {
         this.guxitemsperpagechange.emit(event.detail);
     }
     onButtonClick(paginationDetail) {
+        if (this.disabled) {
+            return;
+        }
         if ((paginationDetail === 'previous' && this.hasPrevious) ||
             (paginationDetail === 'next' && this.hasNext)) {
             this.guxPaginationCursorchange.emit(paginationDetail);
@@ -23,18 +27,19 @@ export class GuxPaginationCursor {
     }
     renderSimpleLayout() {
         return [
-            h("nav", { "aria-label": this.label, class: "gux-pagination-button-container" }, h("gux-button-slot", { accent: "ghost" }, h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, h("gux-icon", { iconName: "custom/chevron-left-small-regular", decorative: true, size: "small" }), h("gux-screen-reader-beta", null, this.i18n('previous')))), h("gux-button-slot", { accent: "ghost" }, h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, h("gux-icon", { iconName: "custom/chevron-right-small-regular", decorative: true, size: "small" }), h("gux-screen-reader-beta", null, this.i18n('next')))))
+            h("nav", { "aria-label": this.label, class: "gux-pagination-button-container" }, h("gux-button-slot", { accent: "ghost" }, h("button", { class: "gux-simple-button", type: "button", disabled: this.disabled || !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, h("gux-icon", { iconName: "custom/chevron-left-small-regular", decorative: true, size: "small" }), h("gux-screen-reader-beta", null, this.i18n('previous')))), h("gux-button-slot", { accent: "ghost" }, h("button", { class: "gux-simple-button", type: "button", disabled: this.disabled || !this.hasNext, onClick: () => this.onButtonClick('next') }, h("gux-icon", { iconName: "custom/chevron-right-small-regular", decorative: true, size: "small" }), h("gux-screen-reader-beta", null, this.i18n('next')))))
         ];
     }
     renderAdvancedLayout() {
         return [
-            h("nav", { "aria-label": this.label, class: "gux-pagination-button-container" }, h("gux-button-slot", { accent: "ghost" }, h("button", { type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, h("div", { class: "gux-button-align-content" }, h("gux-icon", { decorative: true, iconName: "custom/chevron-left-small-regular", size: "small" }), h("span", null, this.i18n('previous'))))), h("gux-button-slot", { accent: "ghost" }, h("button", { type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, h("div", { class: "gux-button-align-content" }, h("span", null, this.i18n('next')), h("gux-icon", { decorative: true, iconName: "custom/chevron-right-small-regular", size: "small" }))))),
+            h("nav", { "aria-label": this.label, class: "gux-pagination-button-container" }, h("gux-button-slot", { accent: "ghost" }, h("button", { type: "button", disabled: this.disabled || !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, h("div", { class: "gux-button-align-content" }, h("gux-icon", { decorative: true, iconName: "custom/chevron-left-small-regular", size: "small" }), h("span", null, this.i18n('previous'))))), h("gux-button-slot", { accent: "ghost" }, h("button", { type: "button", disabled: this.disabled || !this.hasNext, onClick: () => this.onButtonClick('next') }, h("div", { class: "gux-button-align-content" }, h("span", null, this.i18n('next')), h("gux-icon", { decorative: true, iconName: "custom/chevron-right-small-regular", size: "small" }))))),
             this.renderItemsPerPage()
         ];
     }
     renderItemsPerPage() {
-        return (this.itemsPerPage &&
-            (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) })));
+        if (this.itemsPerPage) {
+            return (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, disabled: this.disabled, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }));
+        }
     }
     render() {
         return this.layout === 'advanced'
@@ -158,6 +163,26 @@ export class GuxPaginationCursor {
                 "setter": false,
                 "reflect": false,
                 "defaultValue": "'simple'"
+            },
+            "disabled": {
+                "type": "boolean",
+                "attribute": "disabled",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

package/dist/collection/components/stable/gux-pagination-cursor/tests/gux-pagination-cursor.common.js

@@ -1,42 +1,16 @@
-export const renderConfigs = [
-    ...['simple', 'advanced'].map(layout => ({
-        description: `Should render as expected for "${layout}" layout`,
-        html: `
-        <gux-pagination-cursor layout=${layout}
-            label="Pagination for default example"
-        ></gux-pagination-cursor>
-    `
-    })),
-    {
-        description: 'Should render as expected for has-previous',
-        html: `
-        <gux-pagination-cursor has-previous
-            label="Pagination for default example"
-        ></gux-pagination-cursor>
-    `
-    },
-    {
-        description: 'Should render as expected for has-next',
-        html: `
-        <gux-pagination-cursor has-next
-            label="Pagination for default example"
-        ></gux-pagination-cursor>
-    `
-    },
-    {
-        description: 'Should render as expected for has-previous and has-next',
-        html: `
-        <gux-pagination-cursor has-previous has-next
-            label="Pagination for default example"
-        ></gux-pagination-cursor>
-    `
-    },
-    {
-        description: 'Should render as expected for has-previous and has-next and layout advanced',
-        html: `
-        <gux-pagination-cursor has-previous has-next layout="advanced"
-            label="Pagination for default example"
+const layouts = ['simple', 'advanced'];
+const states = [
+    { props: '', description: 'default' },
+    { props: 'has-previous', description: 'has-previous' },
+    { props: 'has-next', description: 'has-next' },
+    { props: 'has-previous has-next', description: 'has-previous and has-next' },
+    { props: 'has-previous has-next disabled', description: 'disabled state' }
+];
+export const renderConfigs = layouts.flatMap(layout => states.map(state => ({
+    description: `should render as expected for ${state.description} with ${layout} layout`,
+    html: `
+        <gux-pagination-cursor layout="${layout}" ${state.props}
+            label="Pagination label"
         ></gux-pagination-cursor>
     `
-    }
-];
+})));

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

@@ -169,10 +169,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '7f45f2e9d6c2e41369fb895a3e63d9e0320eff6e', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'aebb82aa282a130f2d36fad10c071dff5a0e43a8', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '96f21a6752d0ac9f753b413ca66b598bda29baa0', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'd8fe0311b51732a7cffe51f3e344366281d59d05', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '58b76a646f2c4d1b65f7ab4a53ecffa22b25786f', onClick: this.dismiss.bind(this) })), h("div", { key: '264389d6999144df7bb853a6722d80fcd01e46a3', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '8dc5cfabbe814d9df168b543ee6e64bbaaf4211f', name: "title" })), h("div", { key: '4e32ed6bc13652905086c35e8949f67432ec1184', class: "gux-popover-content" }, h("slot", { key: 'af66d314463e695c7e7a60c38842e167be36c788' })), h("div", { key: '036f4658b663ded4a17c58b206ed8b6361c12af8', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: 'e33ba6300df65518fb96711258c5c4b039aa391d', name: "footer" }))));
+            }, "data-placement": true }, h("div", { key: 'abdb38981fe7dad6c6d0b9271c089daf77fa9104', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '78d8eae0ecf381f0df110582e0f40b09dfe7dfc4', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: 'ea176709f0fa722937dbf064411f8bcf16c4e4a1', onClick: this.dismiss.bind(this) })), h("div", { key: '6aa07cf3f9159c81e0330d3fa13f55368ee8e292', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'f60f52acfb0275311127aea3eac40a7151d4b4ac', name: "title" })), h("div", { key: 'e73b656b37a15952d5c48ca5aee4d0f3818df2d4', class: "gux-popover-content" }, h("slot", { key: '0211aeebc0868bef8c9afb0e9b58c0ec400b576e' })), h("div", { key: '92a88c28b76f6d0820218ddca4be453364f07eb8', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: '1cc46952f38dd4ad551b18b9c0321113f634cd79', name: "footer" }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }