genesys-spark-components 4.165.0 → 4.166.1

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

@@ -111,9 +111,9 @@ export class GuxFormFieldRange {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '353cb39fef8b4b878ce5e7eff30d2e8c7e8bc2fb', class: {
+        return (h(Host, { key: 'c8db23124ac758b6813d3df688303ae29071f112', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'a320c1345b2d62bd16a39295b5b46631615a2597', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4bff0c5785ef63dd26f7e0b29345b959bcef96f1', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '8ae21786e3e36efe888c4c3947933a4d754ae979', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6bf840d6f663c0537ffc280b8d32f9b18061f8cd', variant: this.indicatorMark, required: this.required }), h("slot", { key: '75c733ba873e04a0dd22e95cbd1c00e4bf807136', name: "label-info" })), h("div", { key: '18ead08a1a523583561b40a3015cd84def405ec3', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '38be771dcf052017eb3632303c31a20c960802e1', show: this.hasError }, h("slot", { key: 'd57861be4cd0021fe3d6d8483bc7d68c6dde210d', name: "error" })), h(GuxFormFieldHelp, { key: '29244b6b046284637a7f3fb7b55c8b07f56c9f96', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e55bef0ad84834ed1f63dd988f73f57a69e2e23a', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: 'f423f7d110046800cadb27c4b2df400005665bfd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '135af2d3f000255d5515d7824d3343f58c4eb6df', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9a2e01c5cf62a7001438a80591e0a6c20c1808fe', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '14501da95e4b7b7cb20feff701632512c51de914', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5536703085ad626898f9fb4e1c110f9c49f9422b', name: "label-info" })), h("div", { key: '69368e23031fffa9d4017f900b060bf27f124e7d', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'c08f05e1625967048fb4fdf383efabe2b1646c98', show: this.hasError }, h("slot", { key: '883a74de54ba736b35d89aae06b6a4053c34fffc', name: "error" })), h(GuxFormFieldHelp, { key: '214e958edf49e59e18b4ee2088e51c47c2151de2', show: !this.hasError && this.hasHelp }, h("slot", { key: '8c58051d6db52490d1d236be1058292bc290a6b1', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -96,13 +96,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'f694f1398fd3bdda4d7b2b22b4758974b15c5606', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a5918e90d78c73f16db3edefda88f95031f33337', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b0d8641d120e52aa48bfdecb95b792cbabcbbf45', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0c0ae13e161f8f47e127ba291ed71d89d1e2838b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '032d213a879df04ceb54497924bba6bc1a4a5030', name: "label-info" })), h("div", { key: 'b0420d94346a7486787e78490712df4458feaa00', class: "gux-input-and-error-container" }, h("div", { key: '5e8694f49e46e8dcd81c7c6746de07e0c264beb1', class: {
+        return (h(GuxFormFieldContainer, { key: '256d4930ad33f79022b20a706be0113eaf3bbf42', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0fcff84f9fa821f1afdbc3becafedd8c19001f8f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f029f044cd8f1131b1597100fb17245c5ae4c040', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fe7a6dac3f446353193c5be566d8ac58cfb8358f', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5af67483a8d19bf8fd5dbbf76434cfb521a8d5fb', name: "label-info" })), h("div", { key: '28135ac265f5253824bf0287659957f4023c8140', class: "gux-input-and-error-container" }, h("div", { key: '99265dcf80f01671a0bd8c155ced2ac05369b358', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd46b8936acf4f3a48c76681d482e9447fea2ca01', class: {
+            } }, h("div", { key: '06d10381c12f74ac24550dd4c092a191fd2f8d6a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'a74dea834e231496b6f77fd843bc08f072456fd0', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '66a603d2c99990ee3504fc289b60a444b99d8d12', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '11fbe39fda16ceb8480e6c0b33949d31b632c80c', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'd2c504dc5617d304072ee0e978d029f317388674', show: this.hasError }, h("slot", { key: '1084f35eb84ef867a6c7bb077b4bdf54a2ac0399', name: "error" })), h(GuxFormFieldHelp, { key: 'e65e0a4c18d32bc2cb9e162dbe08b45eb33989f6', show: !this.hasError && this.hasHelp }, h("slot", { key: '5a966108930eae25e0f3946058c6685ed82b6b67', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '74bca8c6a76275031d853f954908499a057f83b7', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '1145fc60c25fe6ebfec365c6ffd52a3fe312bc56', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '1fb956e249dc690f0c41503d92b10f81e518f16a', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '132fb8d4df2c19d6f176acca788a8c7fcc2792da', show: this.hasError }, h("slot", { key: '80cac1f956056b42b0067633e1fe6ff34c78a297', name: "error" })), h(GuxFormFieldHelp, { key: 'affc9e474a99cd091d019c9fe202536b86923228', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ce26051cf005d07e6650899140758b0f189f253f', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -86,13 +86,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '0ec716077e334ca13a6186d3e959b1f869503cd0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '9c4f336b0fdfe4e2e3cec1eb33826ea63dbb71b8', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '123da25e2f802afe26d895bfb31c7a4255047b68', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '102a4e30c5022418acdbc811f9727dd09109f1ff', variant: this.indicatorMark, required: this.required }), h("slot", { key: '27006a1e4a743888007b59892d85925443573372', name: "label-info" })), h("div", { key: '5c20c687b71a90484521e83fc2ea4724e025dfec', class: "gux-input-and-error-container" }, h("div", { key: 'fd0350980b91f744e7d7d58e3e1bcc1f9775d754', class: {
+        return (h(GuxFormFieldContainer, { key: '7655405c7530d8a54a5a103987c8c4bb64b989fa', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7a538facdba95780546d44006623428fa2eab353', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b51978cedcb3f1651814ce8459cc3807e712c743', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '23b82ca7c1a139049009dfff1f89d486a7ba6755', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e8b0565877f7f722e302799da889c2c87dec6c6e', name: "label-info" })), h("div", { key: '8dd37fb37d79aefd06b3379462c502a275503716', class: "gux-input-and-error-container" }, h("div", { key: 'f1cabefa8e2e2ab897f65bed432e9dbb716dccf0', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '95a941eb1f373a096c9ba7e0962cd37f6ea171c4', class: {
+            } }, h("div", { key: 'e5a2c88fc04885f48b938c992d98d49e5480f729', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'cdb69f55dd0ca3ea03ba4fb5c0f4c64ef2ca8b09', name: "input" }), h("gux-icon", { key: 'a76ff8b0e2fc54acc82508612553ba560d71bb49', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '1a5b480eb5f43d5784654d3f0ec4024dc644fa12', show: this.hasError }, h("slot", { key: '65862b15656a9d61006cc9e6b5d4b5cde1042f2b', name: "error" })), h(GuxFormFieldHelp, { key: 'b7fa9f77b3626e6226c4f55857f151f44c109e37', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd23ec6e6f93d7e6110e7e1fadb22d36ff67846a0', name: "help" })))));
+            } }, h("slot", { key: 'e9b3b2b2d0daffb8ba5ad84fd0a4d0b81536911a', name: "input" }), h("gux-icon", { key: '77c6df3825df4d857f18fbc5327408bffc812506', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'c940d8214b382a9e6ca1cb613838edf01b9f294f', show: this.hasError }, h("slot", { key: '22bb5b88bb3ebcfcf125926005a19aedd5ae6e74', name: "error" })), h(GuxFormFieldHelp, { key: '5f92a971e0706bf56fb55551d4c5514b818331e8', show: !this.hasError && this.hasHelp }, h("slot", { key: '9600df6422e7529477200af8598d0b21f5cebff2', 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

@@ -111,15 +111,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '2c26c044afa4fe0fc89c66d6d810800e847425f8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '793a39d42bbc5b9b42c9598f2e67f8c8f2e41cd1', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4727e8347e3b607891a4c5117ba9ca9d86b1fc89', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '10a619b84c488418394c810463fd738f364c9418', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b4aa4dbb29075476b84ccffc375a4b6932b02ae5', name: "label-info" })), h("div", { key: 'a02fe33f1ad823c7e23d0c3932f72e0833c8d0d9', class: "gux-input-and-error-container" }, h("div", { key: '648d2bae9cd932fcf700784b7d5903b446d50815', class: {
+        return (h(GuxFormFieldContainer, { key: '32b22672168a9ed329c79683e7f853d5e9e8b9b4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '421152dd852006e4a5ba6ecf93c016b4c2c77141', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '195d5052ac1124c201f2d0ae13f19319a6e8175e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7e6e099375be4192b2fa75fbf8f45ff4f76df3da', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3c76f71f5120759a519eb7910b0bf79e9e787d63', name: "label-info" })), h("div", { key: 'bcd3b5a6d8312d88745524c320427c575821521a', class: "gux-input-and-error-container" }, h("div", { key: 'b249e0545dc254621aab22f1d4443ecd628109d7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '97d46f61b778fb08cca7a397cb4264894d128a1a', class: {
+            } }, h("div", { key: 'dff9fa05f7a3d125ddabd7250813a4053f5fdd3a', 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: '8ea8a1a08250fb40cfff761f9d109a28e7672879', name: "prefix" }), h("slot", { key: '4f3407d94f2d1d51ed50b1f40f184a3ad3392fb3', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'd437a21d3c67d86b0538b229a283684f621fcc67', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '3e74257a9681cd8f15816a584cb8237ca7fbf18f', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '4047ae32297fb17d702074b7490992f674789fd9', show: this.hasError }, h("slot", { key: 'af7ff17fbae6dba561aa59234b616aa94eadc7cb', name: "error" })), h(GuxFormFieldHelp, { key: '78b2fb8e712dd97563ec1d7937fb19bf5c691d40', show: !this.hasError && this.hasHelp }, h("slot", { key: '0cfffb19d5ef2da8031c3ddb51fefb1341d6b42b', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '4307d99bb8acfcd922d716be11a2396ef997a0be', name: "prefix" }), h("slot", { key: 'd5fa840027b6eeb14adf288e95002627b29ef29c', name: "input" }), this.renderRadialLoading(), h("slot", { key: '40ecebfca7db57991d2f0621180d5a20c8a7cb38', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '6ed2e451d9d77ec632eb35c837dd13b040c04e1b', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'a3c7329d17781e6c74d23834523eb224096292b2', show: this.hasError }, h("slot", { key: 'fbb3ffb5386cceff3a40ceaae8aab82ff649392d', name: "error" })), h(GuxFormFieldHelp, { key: '7cd6126538d8e69763ef6fab0af13ef3e99c4188', show: !this.hasError && this.hasHelp }, h("slot", { key: '0074ef5bde613350cfa43e25c7586388f710cd24', 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

@@ -90,12 +90,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'eae077de80ecaca99951c9274f370c3f81fa5303', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c12db32596ace0b44944ddaf3d0a90162ac5afeb', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f1bc28a0f3c18bd50d29c11477475cdb32963fd5', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e4c4cc54d2e151167723c51bf9ade337f2a9e9c5', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ca5ae0fb55805cd44ab2597cc594e8e83fe49c35', name: "label-info" })), h("div", { key: '1cd750f94abdbd4a98aad3207069201975306caa', class: "gux-input-and-error-container" }, h("div", { key: '1f3f3a42191703b3161e499991b240cca8dd6cd2', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '64adce3b55dd613a3396ec7828a76d288bc4130d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '524238ef2347d11b3bdb7be7e4fccedbf66c17c4', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2e44d227196fc02cf684b21b41a2f88004ac0e37', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e4c62a726d2f6fa6ad5b5053732a7cb00f85abda', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4e9a947808b61ae539b003af6e9045e0d1336ace', name: "label-info" })), h("div", { key: 'b1173f18f1bd01173dada8b1b5333530b64d9b50', class: "gux-input-and-error-container" }, h("div", { key: '9bed94084ceae8749b169b197356025508a34e27', 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: '8ecd9ce30cd5a57cda43ee99ae5dcc156353ec72', name: "input" })), h(GuxFormFieldError, { key: '99bb82a0ddc7157e5c40924125d7267966867043', show: this.hasError }, h("slot", { key: 'be8e1f7811db24ae74dd5fb852b7fd9f1706a3dc', name: "error" })), h(GuxFormFieldHelp, { key: '8d91dac711ac3a4c7bb767d65668ddf313c18932', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ec87eafa234992c90b08a9452e13527c3899e320', name: "help" })))));
+            } }, h("slot", { key: '60541e613c62f15cbc68e7497f66682269b33c95', name: "input" })), h(GuxFormFieldError, { key: 'f8c28c6b81ef695b08f9bd50a9fda3ea79cbb867', show: this.hasError }, h("slot", { key: '03449b84967ae24b9c6dcd793b8e8d127976e197', name: "error" })), h(GuxFormFieldHelp, { key: '510f184e72a026a86836cc808b92781c5d3904f3', show: !this.hasError && this.hasHelp }, h("slot", { key: '7d5af2d509bc8321ae144b3357b61a2d35aecc5b', 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

@@ -95,14 +95,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '1ff89d67afc0ed1257bac160944e11d7d5624cb8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '139af17939bb6ca15c315e638e7e073974c79cb0' }, (_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: '10bf70b0ef684ce3a2f7bd373a27f6c0373d2f50', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '736aeeae5c9bd0fff7b139cea13c3d7518b6cb4f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'aae9009419fe59ef9567592b87dcc2135bfa3f00', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8f687953f1e28f6354346ce1a5ca641e43d394b3', name: "label-info" })), h("div", { key: '0c0f12e00cf7f32d002de6b574bfe797c2b951f5', class: "gux-input-and-error-container" }, h("div", { key: 'd59391f0db98c2adaf08d430217f70f22e85a661', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '95f34776c62a41896aea53761368a18b05be9c36', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '2f517c459780576630583dae14107c602ab62793' }, (_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: '188a5e3934a7eaefcf6d09ce85532cbc99ee3dd6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '0a06a05cac1f34dc89df655ec13d7b0a9488a87b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c98fedea60be9740b2d4554ad619ad78316a8d27', variant: this.indicatorMark, required: this.required }), h("slot", { key: '048423e189a76133974df84b98fdaab18ff334b2', name: "label-info" })), h("div", { key: '5a35dda1194fd31f060a8a00476892dc13cccbcb', class: "gux-input-and-error-container" }, h("div", { key: 'fe7b4e012f4027eafe155364053a5766fbc43ed6', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'a52c19c5384ab3775e40bcf86e216303c1b1c2a4', class: {
+            } }, h("div", { key: 'e116346f4111d2e60202c0fa5717e1c7abfa6b69', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '2610f6c7320874c99812b43bd8e29ef574a55e68' }))), h(GuxFormFieldError, { key: '2137e415a7a114f9e01c43b22e9546084759d4e6', show: this.hasError }, h("slot", { key: 'fb47467baf5c5550df33a9767926d413bc933f3a', name: "error" })), h(GuxFormFieldHelp, { key: 'c17554a7264d74e867956b0c02d8049c33c5e8b6', show: !this.hasError && this.hasHelp }, h("slot", { key: '3068885ef06fefde295599fbe8ca06e3f8e41a57', name: "help" })))));
+            } }, h("slot", { key: '31b2f3c4ddedd1e78081d08a6fda827281f4e5bd' }))), h(GuxFormFieldError, { key: 'ce8b9416f9babf221e3e189bfb7ded9b5b4db74a', show: this.hasError }, h("slot", { key: '8a2e0329502f01e68858c4a4456f8d9a00e7ccca', name: "error" })), h(GuxFormFieldHelp, { key: 'ca7135de2259d7e1c966060bfd56faea02eccd18', show: !this.hasError && this.hasHelp }, h("slot", { key: '6ddee5f9e37096e18e8f00bb8a354e57292bc053', 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

@@ -96,13 +96,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '3f0f26036c29bc15eec995a5e9b6bc4a8b98effd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'e26c5eb45751c87e451d7c9412fca6467ae9a708' }, (_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: 'bd92d6b5e7b554b977ea54053da39b4bd85d2735', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '86ee7eff0cf7ab6b0d4e441229a64e4ed63c61c6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ad9f88e38fea15dc0e40ad48c78b8fc67a984a99', variant: this.indicatorMark, required: this.required }), h("slot", { key: '08ce05877ea3406f3a708a6a58be562ffffa4905', name: "label-info" })), h("slot", { key: '452e25bdedde40b4cc569067d4ccf42bbff0fca1', name: "label-info" }), h("div", { key: '1488f04f260830df38ae767a1422dd831232c934', class: "gux-input-and-error-container" }, h("div", { key: '765a7be66e2a6450c83d21cd9c229655d7a8b291', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '726425bc32cc39baf1d739f79ab074e2b29fb08b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'b149f8ef8e881dd6df1f0be71fabf7e89823b153' }, (_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: 'da42472d3cda2da9b21447a44fedc5af1aa8bac2', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '8455d935ce715d40b033bdfc25334682d49f89ff', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4fb74fc00aed6164566475c041eb5a49d17db422', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6dda1fcbdae530e6a553420cd6b161e928cb4881', name: "label-info" })), h("slot", { key: '0b149f7e35d9a6f60dcf1041f7dc75de97d44116', name: "label-info" }), h("div", { key: '4cbc9a5626de507424901d3177fbc63ee02fe58d', class: "gux-input-and-error-container" }, h("div", { key: 'f900ed9aab186a2f36c7b18b38480a3fd82fedba', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '6b00d175e07c2b94d6cba475532fb3ca2c0284ec' })), h(GuxFormFieldError, { key: 'a8f091422c056f0dfefc73669633bc9a077842ae', show: this.hasError }, h("slot", { key: '8e499fc77a1522e2279c502fc96f511ab3b467bb', name: "error" })), h(GuxFormFieldHelp, { key: '987281c616d5f23d82891207579b4f0f9a1267cc', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd46374c53312a17dc88e6d313b42ac7270fcc09a', name: "help" })))));
+            } }, h("slot", { key: '58e80dfc69fc2c7e85bd63e4d3f308477ac95702' })), h(GuxFormFieldError, { key: '18a00d5e1a67f62a9d287b32b3a12717f2ac9284', show: this.hasError }, h("slot", { key: '40808ed67cc4aac79f67da5b3ed486766ef45fd9', name: "error" })), h(GuxFormFieldHelp, { key: '4749aaa901390d2507b930206ee4d39b04414f39', show: !this.hasError && this.hasHelp }, h("slot", { key: '792fd06cb55fc431de9f853aa97beeddb57db927', 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: 'a21ab3976e7e6ba49457aa4b44461a456611f367', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'b4b51e50d8dd85ea803b0650e0c387e97d97c1f9', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
+        return (h("button", { key: '06de4fddfe0da7278f871b14b6c0c97a0bb4700c', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '112590a5e72f7a1c7046a0f6a716d69f58a19eb8', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '4004ca7a7f46fc2672f4a6b03bae147edbc1d319', "visual-only": true }, h("div", { key: 'e2a3a01f991d1f97487a472729e798fbabbc6648', 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

@@ -68,7 +68,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '73019f058619e2fe64665246f6ad58a1848c6e76', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: 'bca4aaf1f637a9df73a423018b74752fa26672d7', 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: 'f1117f07b6e137b6090575a0abb4018bdbdf4c92', role: "alert", class: {
+        return (h("div", { key: 'a5bfa86c195b172fd9afb5b8d8c4b335c417d8d8', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: 'e6bc10ac623ad2b57ec96ad5e9a29fea9c15d828', class: "gux-message-wrapper" }, h("gux-icon", { key: 'e69985bf44b3d24a41b67fd00f682761569ee7a6', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '5931947f6383ef1a090f4e7956f6a926d3470a42' }, this.i18n(this.accent)), h("div", { key: 'eab6c0f48f46d0baaa1ac32fe6983e2029509f06', class: "gux-content" }, h("slot", { key: '3eee75d0ff54efec26d6812aef9fc6aeb7bd8d75', name: "content" }, h("slot", { key: '62de7254925bab38e5c9a5b925972f6653a574be' }))))));
+            } }, h("div", { key: '1d624dad8e67c69578a2e51bd4697935f8710842', class: "gux-message-wrapper" }, h("gux-icon", { key: 'c8e4d6c0a0b925c968908bd1e8cda474c903ff87', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'f17e7caf0028d4ea9a055d6313899c94ebd85f01' }, this.i18n(this.accent)), h("div", { key: 'c96e34870f5f4e113ca5345688fcc7805f688785', class: "gux-content" }, h("slot", { key: '82a5f8c0d398e71600f49862bc91c85d60781b79', name: "content" }, h("slot", { key: '34b1a5077b68c1b291fd79eb7cb24f42a77299b8' }))))));
     }
     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: '1afe7732cb6616a1bb149bec972f52fba699e336', role: "presentation" }));
+        return (h(Host, { key: '42f036425944032a5d60556e8678641811e84f2f', 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: 'cb0338db6ffc7e30ea748845f83f57135648497c', role: "listitem" }, h("button", { key: 'ded3895e4254e274ed41874b6acec8bc73407dd6', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: 'e7f3d59b797f7f7417e52217d6dcc930c321f2a2' }))));
+        return (h(Host, { key: 'aeeb62768446237e58625b028df23790bf12ef57', role: "listitem" }, h("button", { key: '2524c52128c816fa423919d177c81bbf6fc43480', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: 'e28e32fa1d8531b8d9a60e8f334096fc00a94090' }))));
     }
     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: '637fddb7d517312def45839943f3b896cb3fd4bb', tabindex: "-1", role: "list" }, h("slot", { key: '879a68505efa929e3f41adaa267b2efe707cd073' })));
+        return (h(Host, { key: '537d192543e550a438d4213bdf941c1c70dee942', tabindex: "-1", role: "list" }, h("slot", { key: '0390e978de7aae3ea8f8a65deccfdaa4ced79282' })));
     }
     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: '9bed5f69135580e48cd346237ec6ee3a3d170a86', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'dd4a9c8dc1d0268db3a4b814b6fc4e3f5410ed10', class: "gux-option-group" }, h("div", { key: 'f8ed474032c17a35cf90749d3d99f1b0ac963bad', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'd6ab2fa6fe9978a1af00eb736cbc21d2d0875b4b', role: "group" }, h("slot", { key: '184dc5ac4728703bdb90f0c6520f42051303b7dc' })), this.renderDivider())));
+        return (h(Host, { key: '115e7d85dea308ad9865662993647d954a89b7ba', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'c9ca2c6c9ab42fcea7593bc5439aa97261b6182b', class: "gux-option-group" }, h("div", { key: '7823d42bcb72b26e47b8fcffa20cee3cb381e28f', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'e030b523f3773fb12b606495ab462f07f9369137', role: "group" }, h("slot", { key: '046eb1e391bcad664c194c8cb6724cde13868f76' })), 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

@@ -41,13 +41,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: 'bdd62143a1608793696ce79b8c7706fd25adda6c', role: "option", class: {
+        return (h(Host, { key: 'f23976f14c4134ea07f0676e9fca627f0e8b569c', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'dcdd4752efff5e7028286bceaf5ec794495bb6d0', class: "gux-option-wrapper" }, h("gux-truncate", { key: '386152d4643e7f7c25aa54d74d9a2878d058069a', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '553d5cc29d887e8ae220f877749b4c998c6af63a' })), h("slot", { key: 'a6c6bc79dfa32e6b782d35c48490a74e0d40b666', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '34da3cd1db62ae3b3e9646eae506835ce9e1ea5b', class: "gux-option-wrapper" }, h("gux-truncate", { key: '307079bbe4279c0e42cf5f850ee620aceca2f84a', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '12cc98785efd99f61e4e4a3c5b2318bbb92bd08d' })), h("slot", { key: '331d39f0afa9f311c680906d978ab422a7f69f24', 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

@@ -61,14 +61,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: 'fe14e8a7307fe2c59a8c6bc56acadbb0de3308b6', role: "option", class: {
+        return (h(Host, { key: 'f4e1e4923d942507c50fa5a99e536b696f322242', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: 'c44f25c0ba0a3d095dedd51fbec43292d5ffd197', class: "gux-option-wrapper" }, h("gux-truncate", { key: '755161289796b2848495c334f4488cad858bcf80', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '78fc27128d3f51158e8dd05031ca58d353dce59a' })), h("slot", { key: 'ffa3355a356944a18d4908dcaeffb71831654d3c', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: '4d8e03355a99292e7447fc23c176759ce5be9124', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'b783ec84bbf575905b7bb26f55cc4dbb27441f63', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'afc4cb398ec9225f2b07e955a142275478c9f785' })), h("slot", { key: 'fb7ba407bcfcf101fe638a3ca6430a0978341e59', 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("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: 'd370ef5d4fe148d6e2e086eb6fecd5c44bfa2a68', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '3401faec06eaac997258143678358592a4f8f33b', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '4a63454c224b949cc3bca569ff0cee5e67ebb580', class: "gux-option" }, h("gux-icon", { key: 'b384ee1e012d964de900acc2159f115dffa32159', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'efa2a2a1ae6091463abc5765ed42de7cadad6050', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '8d9df3f9a31cd30d161c50d9b00d1f88b5906e2b', class: "gux-option" }, h("gux-icon", { key: 'a443c12e71fe449e5d3c882cdd611eae82d248be', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'eaaf7cbca1d44cb86bf06af7d96e5de6cba5d396', 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

@@ -58,13 +58,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: 'd934ab3fcab0a3301177c235e52ea37aab193444', role: "option", class: {
+        return (h(Host, { key: 'd76b2f23579f2af984421cbda4168fb251684eaa', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '02cb6e4b3002aba46fabac610c51f635b31c2e3f', class: "gux-option-wrapper" }, h("gux-truncate", { key: '8815e8f3259a9852acc8046fc0ec9a836c7b7165', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'bf4160fea4ca54d03435e620d5ba2cf5041dbbe4' })), h("slot", { key: '854139cd3300be6926722fa6e3d41819c5be25d4', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '4313be9c35c2e8b53634c8515986e3e70236a558', class: "gux-option-wrapper" }, h("gux-truncate", { key: '9f2719a87a7d201a4da4f6e08b2f1c82164c1102', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'd0aa6ae67fe2d325f2393f2725f5c51d638cb142' })), h("slot", { key: '655438af40de87160dc45e4fd0358bbd7e910313', 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

@@ -55,13 +55,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: '4ca084a8d85a2c6bfad91b4e6ea10f904e351f87', role: "option", "aria-selected": this.selected.toString(), class: {
+        return (h("div", { key: '0ac0dc1db26348e35daae7bfcdb4bb622d719117', 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: '00c3f3d69a670e4879771ea42a3779e6c0d0efe9', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: '3ba453e9f0191278f1d319d018d6b142271909f8', class: "gux-option-wrapper" }, h("gux-truncate", { key: '16c563dcbf17d9b1b1b3d41ad350d1cd9aca8b98', "max-lines": 1 }, h("span", { key: '42fc0442b396470c800612386f94fb4b8e46acba' }, h("slot", { key: 'b9062c3cc7e294d02ef6de9f0cb9220f2e456905' }, this.i18n('allOptions')))), h("gux-truncate", { key: '9fba1c9cc6126c3f3163a1e646034de3ed13956a', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
+            } }, h("div", { key: 'bce5b383ee723346e67e68a557fd97713a3d4b69', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: '2c514b50acd1d2a561dcf6ef954ede05c6d7db82', class: "gux-option-wrapper" }, h("gux-truncate", { key: '3e5869f682b70496a4909de76d29a22affda14d2', "max-lines": 1 }, h("span", { key: 'c1b2b41d8f8f3f0f72237505606d2676df3c96f4' }, h("slot", { key: '2edcfc03f46b2ccfe666dbdb7bc017394883b0e8' }, this.i18n('allOptions')))), h("gux-truncate", { key: 'f91e0fa89c9096ace2cf6e1704ce2a4730049eba', "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: 'b51f1bd26a86deeda5760aaaa7726cab58f5d276', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'b5c67170e9aa380209094dbfcac9f51cc229cae1', class: "gux-progress" }, h("slot", { key: '59debe8548711198a29787cb8cc173db8318d087', name: "progress" })), h("div", { key: '9f3c9cdce81470dd05c59add060a5e69fbd3e822', class: "gux-primary-message" }, h("slot", { key: '900b68d5e257f827821a27df0ca4667bd0dd8965', name: "primary-message" })), h("div", { key: 'a61c07ebefc2203118f051c1515e66705b321c24', class: "gux-additional-guidance" }, h("slot", { key: '4981f5781d696612baf34027748189d7180fb197', name: "additional-guidance" }))));
+        return (h("div", { key: '1a9bcd59836f4528ad230582ee14e42317cd2b54', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '666f264b028594be072adb8a122cdf78aa704892', class: "gux-progress" }, h("slot", { key: 'e86bc5e8e5d106467456512507d3f1b3e50598ef', name: "progress" })), h("div", { key: 'c7c8c14b9f1512a1d2a45307be3a95d9c81d1c4d', class: "gux-primary-message" }, h("slot", { key: 'debb40f2dc91cda87d83b410ea0d3f5a10102ebe', name: "primary-message" })), h("div", { key: '600332b5fc766f8bdc92d21c24e4ebf152c4804c', class: "gux-additional-guidance" }, h("slot", { key: '76fc95d39fa4527579ce1c77a4d4605ec4164c1a', 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: '5077f0a687e81c8985f2c80673b171464bfd4f6a', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '0210520f377532aed0bf62609b85a90d0812c7e5', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'a4bd189b4e1c681144fcfc77ff5be3900b0b5bee', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'bb691b147a21bf73c66174064d98bb416d748541', class: "gux-modal-content" }, h("p", { key: 'c7304bb01757ab4e712c45fb2ed64f8d43edf811' }, h("slot", { key: '0f26152e93ce394752ee77f1f8157e84e077406b', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: 'dfa7c2cde0e5d97ddb81e49192e1ac478dd78958', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '7b931ec6ff0d427cf4b5706c5617e751ede73747', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '2d39661d8a43ea486238677036ebe7865233a6ed', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '64b37f31f3238de9d6a466a331ee19e04471ce5c', class: "gux-modal-content" }, h("p", { key: '6f3a93880355aa10163ba7bef3f482733dff17fe' }, h("slot", { key: 'b629eb9abfb4961c9fc25f5dc72b67b7e0a80a0b', 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-modal/tests/gux-modal.common.js

@@ -0,0 +1,113 @@
+export const renderConfigs = [
+    {
+        description: 'should render modal with separate button slots (to be deprecated)',
+        html: `
+      <gux-modal size="small" open>
+        <div slot="title">Modal Titlezzzzzzz</div>
+        <div slot="content">This contains the modal content.</div>
+        <div slot="start-align-buttons">
+            <gux-button-slot><button>Cancel</button></gux-button-slot>
+        </div>
+        <div slot="end-align-buttons">
+            <gux-button-slot accent='primary'><button>Accept</button></gux-button-slot>
+        </div>
+      </gux-modal>
+    `
+    },
+    {
+        description: 'should render modal with just left align buttons (to be deprecated)',
+        html: `
+      <gux-modal size="small" open>
+        <div slot="title">Modal Title</div>
+        <div slot="content">This contains the modal content.</div>
+        <div slot="start-align-buttons">
+            <gux-button-slot><button>Cancel</button></gux-button-slot>
+        </div>
+      </gux-modal>
+      `
+    },
+    {
+        description: 'should render modal with just right align buttons (to be deprecated)',
+        html: `
+      <gux-modal size="small" open>
+        <div slot="title">Modal Title</div>
+        <div slot="content">This contains the modal content.</div>
+        <div slot="end-align-buttons">
+            <gux-button-slot accent='primary'><button>Accept</button></gux-button-slot>
+        </div>
+      </gux-modal>`
+    },
+    {
+        description: 'should render small modal',
+        html: `
+      <gux-modal lang="en" size="small" open>
+        <div slot="title">Modal Title</div>
+        <div slot="content">This contains the modal content.</div>
+        <gux-cta-group slot="footer" align="end">
+            <gux-button slot="primary">Primary</gux-button>
+            <gux-button slot="dismiss">Cancel</gux-button>
+        </gux-cta-group>
+      </gux-modal>
+      `
+    },
+    {
+        description: 'should render medium modal',
+        html: `
+      <gux-modal lang="en" size="medium" open>
+      <div slot="title">Modal Title</div>
+      <div slot="content">This contains the modal content.</div>
+      <gux-cta-group slot="footer" align="end">
+          <gux-button slot="primary">Primary</gux-button>
+          <gux-button slot="dismiss">Cancel</gux-button>
+      </gux-cta-group>
+      </gux-modal>
+    `
+    },
+    {
+        description: 'should render large modal',
+        html: `
+      <gux-modal lang="en" size="large" open>
+        <div slot="title">Modal Title</div>
+        <div slot="content">This contains the modal content.</div>
+        <gux-cta-group slot="footer" align="end">
+            <gux-button slot="primary">Primary</gux-button>
+            <gux-button slot="dismiss">Cancel</gux-button>
+        </gux-cta-group>
+      </gux-modal>
+    `
+    },
+    {
+        description: 'should render modal without a title',
+        html: `
+      <gux-modal lang="en" size="large" open>
+        <div slot="content">This contains the modal content.</div>
+        <gux-cta-group slot="footer" align="end">
+            <gux-button slot="primary">Primary</gux-button>
+            <gux-button slot="dismiss">Cancel</gux-button>
+        </gux-cta-group>
+      </gux-modal>
+    `
+    },
+    {
+        description: 'should render modal without buttons',
+        html: `
+      <gux-modal lang="en" size="small" open>
+        <div slot="title">Modal Title</div>
+        <div slot="content">This contains the modal content.</div>
+      </gux-modal>
+    `
+    },
+    {
+        description: 'should render small modal by default',
+        html: `
+      <gux-modal lang="en" open>
+        <div slot="title">Modal Title</div>
+        <div slot="content">This contains the modal content.</div>
+        <gux-cta-group slot="footer" align="end">
+            <gux-button slot="primary">Primary</gux-button>
+            <gux-button slot="dismiss">Cancel</gux-button>
+        </gux-cta-group>
+      </gux-modal>
+    `
+    }
+];

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: '2f65fee96ad84602de6b2aa16d5b8f1425e12f28', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '5b11fc98e277c406ac0d324b49d7d48245ac9e5b', 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: '39482546d5cd5d24b52082a98f3cb836fb16e592', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'd86f7fa36520f3db68ea47711c82b396c9266a98', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '52d9a710044697efd9b45c2457030f01d4e50149', accent: "ghost", "icon-only": true }, h("button", { key: '5075ed510265ac7a0a7fddd0512f7ba0128f5189', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'c94778dd94aacad59480c62c78e4af7f219ab190', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '1df7ea4cb71eb48422902483ac041df5f3633f94', accent: "ghost", "icon-only": true }, h("button", { key: '38249329af8044bc82efb61590a244568cb35c2d', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '2965a7a39bd1c9dad0917b442dd4a24d26d7a659', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '3290f22e1f3b772252c09df8886d127afe8786d5', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f07ee245e5cb68ace61b1ca30f315fc38e8a6df5', accent: "ghost", "icon-only": true }, h("button", { key: '30e53e8aca2ac23ea6fe09aebc80d79d197a3211', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '792cdebe04dab706451cb2e684e92fd3cae0b624', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'c6c6a425d6316ee05c8158a7bb8c147c6479c70a', accent: "ghost", "icon-only": true }, h("button", { key: '0f88276a172574810e685fd4403ab7835d3ce43b', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'd09379c94dce703750dbae6d8142d19beae706ed', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '743612bb1ccb6173d6549d548fe0c616a5dd7542', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'd569698d018e4e06f708d065a24a380b0a16b1dd', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '5635a63d57b8f3fae4832f14da5b74fd188de79a', accent: "ghost", "icon-only": true }, h("button", { key: '00e6644109e6d69e210a775dbc5726ceb4090f20', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '37f3b6d065d586de8a46d4d2e464bbed82495f6b', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'b7fdaf3aeb9a4e80c68b7f14e4528ea8c1bd78af', accent: "ghost", "icon-only": true }, h("button", { key: '110a2198d9a4f53f253dcc296cb7a1deef0f44d1', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '77f4777e3157e27b12dd9685daeef793938be5e3', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '063b517677438aa6a0469988bb96d15cf1cacd13', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '076cc2b696f476f06f87bbbfe2ca5e82bf4c6e72', accent: "ghost", "icon-only": true }, h("button", { key: '8aeb4ef63a90b99048c1c423af7d03cb7e3b0173', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '1a4db2b2db4433c8bb4d51fd56a46d5507ed0183', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '11e8bf84471234ce8df84adeb807032b50fefe1f', accent: "ghost", "icon-only": true }, h("button", { key: '78584640facf333293bce0936143fdd7d42e0bfc', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '5e94c4d78366c7d858b9a94254687e887c024fb6', 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: 'dc015b7739d962fc7ad58df07a6efe78fb53d373', 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: 'c89f356768379f5752a7fae70dd5c832f5a420dd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '6aef11a250c6117a75e5b4ed8c5a31dbd7e900e8', for: "popover-target" }, h("div", { key: 'a442ab9a7d75705bcf265d4c607a4efb502deb08', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: 'f5e9eb84fcbe0abc46bf8324218ea4d5dbeb11b3', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'd77f17fb28b272c77996ce2ad3d699a605fb4205', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '6029f39ab6eaacd2ad7be4c1622ae8b9ee3bc3b5' }, h("input", { key: '534cc01d29ca04e1b0a6a571eca54c8c1c8a7212', 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: 'cce9048fb4ba0f259cbc8cba8604669194c5fe7a', slot: "label" })))
+            h("gux-button", { key: '0c40e05f921013922713ea83509c1e786698c413', 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: '43eac0a3765de1a0b6a61dcf7042504e8b15b683', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: 'bc7ea8e460a0636614773f2757e21be78ecb131f', for: "popover-target" }, h("div", { key: 'cc8fb0457c6d32f486f9cce93bf60b2783de5425', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '88b46c5df7c0530ee4dd9c12f4b753fcd964b809', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '1b02a45c06ac9d3bcb6b19d2eafafa4983934ad3', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '7489d3675a97f9287e83fbe01e56c0ce5ff6fb02' }, h("input", { key: 'b9e58c2a94cf6df9752e0926ffd4232a2a61be1c', 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: 'cb15c6b868174b201cec5d82f35ab3bd0bedb95c', 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: '3f90b138e1c8590200b6e9de6975ce8397757408', class: "gux-pagination-item-counts-container" }, h("span", { key: '63f1abd638c0d5c2bebf567038d17d846aad90c0', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '31f7651f2f7f7abeab2ea19d91b89d25934f1f76', class: "gux-pagination-item-counts-container" }, h("span", { key: 'f52404a83f69d7fbefb56e825e48349cf9e791d7', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '80ac54ee1509ef450b172f76ec101125b29e10fc', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: 'a8b2e81dff27b386b31a75a7b9e62636ab324de6', 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: '8192a10e0e41a773cef585a4b7e7b062ddfd7e8a', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'f0265fc20e04a2ef7d6a8f3b8ca6be669a7edb86', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '8f1c5e4c2a3a1d2200806a6121eb9530804d9ede', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '4150dc095359046635df698c53dcb773a769a91f', class: "gux-pagination-items-per-page-container" }, h("div", { key: '3cbb78ca73b8d7b69ed37ee603af6e1e8e96ea5f', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '86bafdfe1f0dd0e4bd75ede9c63f6011b65ccf92', 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: '075391f06ef9d96119a45663ee2a26b767118fee', class: "gux-pagination-container" }, h("div", { key: '63ee9bc1c8331d458e1e2787a7462443c8a48b75', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'fbf300bb820824cd4253564341c4ada205a615e2', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'e31152de6a1744978388bc832dc329324b0a0944', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '2f65c4755140014324964dd35a49ef0a40546c5e', class: "gux-pagination-spacer" }), h("div", { key: 'c97dd23c5341df4585fe23095b2c9e04bf82511a', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '672fafeb01590d7a2bac11f12acb82a14cabfda7', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '2e568cb8c1eed21e69c340da413a957ad818ea22', class: "gux-pagination-container" }, h("div", { key: '8b54f7801a2aa1e10c6747de6814127e2fbc688c', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '14771d5497d527d3fa1e92b7ffc9136a58876207', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'f2ff8681e823e6ba55b6aa530df83103f81d4348', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '247283d3040efb546c0745d5b24c1b32a2b41f60', class: "gux-pagination-spacer" }), h("div", { key: '7bdb9a45f658ed68e6a13627eb9611b2ebf2c49e', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '1795c6ccf211b087b68d78700d99bcfc4d2397f1', 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"; }