genesys-spark-components 4.166.1 → 4.167.0

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

@@ -91,7 +91,7 @@ export class GuxFormFieldFileBeta {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '6df9705a2c3b198ad8cb0183380d4ac68a200021', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'babec682f95ce7b7dfc8f96e61ae9ab302c43ae8', position: "above", required: this.required }, h("slot", { key: '6460de9275dae0cc09a97417b3c317644d6a7e39', name: "label" }), h("gux-form-field-label-indicator", { key: '6687263a131d43add3ca2d6a8ea55a883dd1f121', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0c4cfc5a8108d2bccc5a63d324b026bcedc786c7', name: "label-info" })), h("div", { key: '91845abee3a2b51128d3d2fe3ed18afbfb91a5cb', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '002b03627d81d279c21a2b69c2eb326ee9eba289', show: this.hasHelp }, h("slot", { key: '45ba38775b7edc7e5ab9036595b1c1f36013d7e0', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '61f20455874587c477c6b9014297688014c2ad4f', show: this.hasError }, h("slot", { key: 'c4c392e2a3e5c378bb0d101ddf7f6d66269a9edf', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: 'd6cd4823100ca775ddd66079da9825e9dcf6c41c', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'c35ca22f59ce27c225b92d14002418fbe600fd69', position: "above", required: this.required }, h("slot", { key: 'b19f3e2baacb6d03212926d9f3383c2dd6e75060', name: "label" }), h("gux-form-field-label-indicator", { key: 'baf3c024b9dc7bba0a2ad8ef697a9d0928efdca5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0cb36f65dc3460538daac6bbf62f0edf99e39bd9', name: "label-info" })), h("div", { key: '8f68e0239d124e802752800c054d867508175181', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '3f512ba19d68ec08e72b3f1ab994c0246f15b762', show: this.hasHelp }, h("slot", { key: '3e663f6a7094935eb03ee6a69410190bb0d50a63', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '4d9dd6596e57c32a4e2f86da8684c59b6a72ef69', show: this.hasError }, h("slot", { key: 'dbdbac3f00d3764d9b0bdf70394ba96e4d79cdbe', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="file"][slot="input"]');

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

@@ -102,14 +102,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: 'a61293ae9833b20b2893d1c2f869b8b33b1a82c1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ffc85ffd7fc52e5e5e320d9e5363cee3c255b953', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '354a72c8d0508a2e954ba4d12f4a5b1654ed67fb', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e922292aff40c1222ea4b4a058e85f8d0b0951d8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '849dde1789ad4fe290b8a78a3522b38371c02061', name: "label-info" })), h("div", { key: '476166012961046e6b450b51eb68cbf206915251', class: "gux-input-and-error-container" }, h("div", { key: 'b9ab118e46131fad6fb93a797234d6259ccc2be8', class: {
+        return (h(GuxFormFieldContainer, { key: '064b2007a38027d4f97550745ca7c7f3cf4b7d8f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd1740901d5d5c27ec4f806bf35befa064e6a66d5', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '58027f50032fbeafecd90837708f7d601d10f1fe', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0488b44de3e25719b594ad8d8ddb11bf262ec7dd', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'de7653879e59754090b60f0e252b31e56465aeca', name: "label-info" })), h("div", { key: '90ac5896eca80bcf8f90bd46ddffeb55cb8a8857', class: "gux-input-and-error-container" }, h("div", { key: 'ba18c3897c9c0a05c79db41a2e830cf868278f3b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'ba1a55e1667545efcf917eb2aa9fa433c2e36e40', class: {
+            }, part: "input-section" }, h("div", { key: 'df7c0fda30de62de2b8e60d990db981d46bed398', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '7cb860f92d8d7331b91b6b6e66666a86e7d98c5c', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '4220d8efaa47227e48db4c9fe946e9e756b292a9', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'cca2e4e8f257203d32c7e87ace22ad81ef12b901', show: this.hasError }, h("slot", { key: '30ef376921af4186adb997694c8eac9f8f79080d', name: "error" })), h(GuxFormFieldHelp, { key: '87736f4f75655854fc8d3b24ffdf6676bf2b2167', show: !this.hasError && this.hasHelp }, h("slot", { key: 'eaa21eb7b7a3bc5f7d4f81abd57e8be35be13861', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'db8e57514b91b790ffef0e6527c7453f4b836ff1', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'a94c0704fd44dd528e715f080fb78ce4c01c4c34', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '2b5102f868a4e18812549bf6e96b6e413f352096', show: this.hasError }, h("slot", { key: '9d22a28226b37f1f07269fac2b213a95ea28081a', name: "error" })), h(GuxFormFieldHelp, { key: '337135575dadc0205a503693eb6ed0904048e7ed', show: !this.hasError && this.hasHelp }, h("slot", { key: '5ff91b042057e53e5a0544a1f2f2360d6efcb671', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -95,14 +95,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'aadbf8148763bf3ce3df41b830aa26775eb8eac1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'f809343a40702c5240a1adc9ae9ab1f3e6641834' }, (_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: 'ae4b540388b0d1746d7483e0df86927d73b92a17', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '83c20b8ae2c5dc944b70e431f4c82ca6d4cd40b8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '793a05a460b0a1a09c324186084b38748338a76e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '34584587e4d99c5cb7eba24b915776fd92505f2d', name: "label-info" })), h("div", { key: '6915ee8d23612880bda5fb08cc02bbcfa9a33bb6', class: "gux-input-and-error-container" }, h("div", { key: '8fb01b0909d6011a78764f005ad2c5894da2995e', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '76ec4542d19c73820b60e842627c0a858cc72a01', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'd2602bce25fe1e01096e6da3d3d171730c362688' }, (_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: '6f55fa065e8739cd78cd06568f89611205eb5ee6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '8e4dd8ba32b6ee45ee98f3973d52fc7a8ab52ff8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2574f92ac8b14b7daf54555a15f79ddb2ed94707', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7ed18535d9d73a9cf45c33146a2263221d873edb', name: "label-info" })), h("div", { key: 'c7763fe39299bf1f7f8c8d02e8589ef26bc60d30', class: "gux-input-and-error-container" }, h("div", { key: '3af18fef9a1de6dc05f590310d681a7648e5a55f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '5dcd426c6449cdd22998e4968d5132e2909b498f', class: {
+            } }, h("div", { key: '18aaf519eb2e58eee8fadd543a838cbe87c4371e', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'f6ef9943a678e76598864d38de05adefa37042b8' }))), h(GuxFormFieldError, { key: 'd1918bd858f0114915ab6efbd30591e3f133841b', show: this.hasError }, h("slot", { key: '7956d2ba03568291386000c9aa80c43ea897ba3d', name: "error" })), h(GuxFormFieldHelp, { key: '2da7d907e4ad76538877839926c6692b23c9f555', show: !this.hasError && this.hasHelp }, h("slot", { key: '048826b20010b3523d745d9ea71a91654e4864d9', name: "help" })))));
+            } }, h("slot", { key: '70dfbc0d9a344cbc81cd90834b16f6696316634c' }))), h(GuxFormFieldError, { key: 'e24b52b1084eb2b69398de9e5e0bafbe34efe3a1', show: this.hasError }, h("slot", { key: 'e6785757f2193cc643fb2c5285e5a7d57ac495bf', name: "error" })), h(GuxFormFieldHelp, { key: '27d134d612398cb783e4875b437b0a7fd7135942', show: !this.hasError && this.hasHelp }, h("slot", { key: '98e602e754705715c2793776ef5803c07ecada0d', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -46,10 +46,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: 'fe01cc2a012379e66e08f12f4316d7bab9ad0d19', class: {
+        return (h(Host, { key: '027a65529baac39c48426634b16e216de228e935', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'c331d10f1fc71311755cd3ab7175aa4e8b5f1bb0', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '9feffbe18008d963d849f433b5001ac8b030e019', class: "gux-input-label" }, h("div", { key: 'a51264047c674f4e90b242ae217cd38b3790bde5', class: "gux-input" }, h("slot", { key: 'bac7ed0c057b682624f6d763755701697e9a0ee8', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '017c5999b135c65e0844366d7e11d61fee2d64d4', class: "gux-label" }, h("slot", { key: 'd742871f6aa9524c846ab181dce68e2846c246bb', name: "label" }))), h("div", { key: '4d216547505907de832cbcd75f87d1323ab275d1', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'c3296ab6c04b67ac27c8a263fd77c067577a6501', show: this.hasError }, h("slot", { key: 'd51128c4679a02371809d9253c0f5008c2192040', name: "error" })), h(GuxFormFieldHelp, { key: '733643ad44636a4b3bcfdc93415f9ad635cf50a5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e79678e14165866046c651bbc0be7313519641f9', name: "help" }))))));
+            } }, h("div", { key: 'a368d94400ded63f97a91961c04c68e2b5458c36', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '54ffe9d74bd5b5f2763008ceb774d71b4cad744b', class: "gux-input-label" }, h("div", { key: '4d32d3a82fa16d0ed6461b20779b76c8c6ee8692', class: "gux-input" }, h("slot", { key: '2cc9b7db733a5845f2bd758ae25eea223cdd184d', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'd2e351035f0737fab0eab622148baa0e14bcdca7', class: "gux-label" }, h("slot", { key: '1bcdee07bdd20ce7cb7c2f6905e82ed56611735d', name: "label" }))), h("div", { key: '662f53fba77fda4fd7067a5c255d9ecc6d66ebd7', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '1a2b4f3cdd0ef55638941da8a5f80b109aeea2b9', show: this.hasError }, h("slot", { key: 'ec9fab4a338961d884bf90ad30c61b50fbd1b866', name: "error" })), h(GuxFormFieldHelp, { key: '41e1975a1824c49330654cb7693d314cd765bb45', show: !this.hasError && this.hasHelp }, h("slot", { key: '47fbf0b55fea3fcbff967fec03a134b3dad95384', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -121,8 +121,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '91cdd27ad535e139b75572aae868b90f9fdcaaaa', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '6d962d837d922d7f5b15275ffa0c8c967b37eec2' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '5b267666f09366d6ab89abbd9573b9914ce30741', position: "above", required: this.required }, h("slot", { key: '8a9d800c170ff51571281fd277a92a85703bb340', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'df84cf925ecff32d5bc69020fc877d9f0ed13cc7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2c2347d3af70473e33ee18a2f16505969364280a', name: "group-label-info" })), h("slot", { key: '3dc1785c0d4d70fdae9fa9ce8460e3d2d3df5dbd' }), h(GuxFormFieldError, { key: 'b3c745dfcd865d0e09af6491add6dee2d75771a0', show: this.hasGroupError }, h("slot", { key: 'f8a623e60295876e8953de61186f7f7d05c5201a', name: "group-error" })), h(GuxFormFieldHelp, { key: 'fee571caab68e141352edfc4fc7ae6a10fe12db4', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '89b9a2081f8f92f757d1b6ca4c869f9502f432ca', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '731c2e0b2b969f58583d3df7f813a9c73e59e489', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '18dffd2ce505962b4df7fef1ab31fcf0e44eac38' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'd857a6f447a4e05c30092cf947aaf24ea3fd2a81', position: "above", required: this.required }, h("slot", { key: 'd85271ac786c4556e0452bbfec8b584a1d4f0877', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3a0d099903ac6c3bb938e0744e8f474862e34756', variant: this.indicatorMark, required: this.required }), h("slot", { key: '851cb0c5e43e9b6f65188177e58138e82f1420aa', name: "group-label-info" })), h("slot", { key: 'b538ad5c1be5b6ad27cd60124b1164edf6bbba9d' }), h(GuxFormFieldError, { key: 'bb1ecc4080944f92df270cd270f8e65d319caea6', show: this.hasGroupError }, h("slot", { key: 'a2655f28592b13240491db06e8d3e2059d5a9239', name: "group-error" })), h(GuxFormFieldHelp, { key: '394bbd8bf6c106a2be881a9e456d996ce8904d66', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '60ad4e1b66ddf8ed1a69fa350114614de7f614af', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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: 'c8db23124ac758b6813d3df688303ae29071f112', class: {
+        return (h(Host, { key: '31f01769550d411a4713273f21460ef8a17bfe9b', class: {
                 'gux-active': this.active
-            } }, 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" }))))));
+            } }, h(GuxFormFieldContainer, { key: '05666e5c2da8a83fc5dbb5e4c74fc6cebafe1873', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '944a961259a0ba609321ed18d390643356f46e0b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '251d8d4585e9341a219d6471e6094097e30db03a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b2254578b8fc410c9ad118c18c3fae319fcaf213', variant: this.indicatorMark, required: this.required }), h("slot", { key: '526d1c560163c94a3cd7773fc01e06121c96782f', name: "label-info" })), h("div", { key: '607cd1107fe1b1be5efaf086ce488d7754656412', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '46a6d1cde69ee6bc024dd7d6b5c71a936573464a', show: this.hasError }, h("slot", { key: 'e1166d2a1b2ecc7aa68c6fee47c2ce3515016ec1', name: "error" })), h(GuxFormFieldHelp, { key: 'bc7b2c84530ff62e5eb9e8163b83139409547e76', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fbb856c477c50e0fafdaa74abc8d62dab8a70410', 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: '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: {
+        return (h(GuxFormFieldContainer, { key: 'a74e52145e3730e81a2fc9809f6b91caab36f95d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4ca03c5135a5f0caff983e89c1be29e140b63dbb', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '143a6c904688b0bcdf6bf904cbe9689a0d7893c2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'cd0e5d753d09fb2b129add014a878c7407ff9216', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b647dd68be49b0d54e49c0c88b9ac484dca8b615', name: "label-info" })), h("div", { key: '7f1fec79684afa6943489451d2a02e578e4317bf', class: "gux-input-and-error-container" }, h("div", { key: '9080ac7a90dc51ccd4461f3e20058f93e605bcec', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '06d10381c12f74ac24550dd4c092a191fd2f8d6a', class: {
+            } }, h("div", { key: 'c4a3823de7f3e5e6171c48b7a0b8860379eb70fa', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, 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" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'c751e178a2df12fbb1450c8e634c8ddfc88529ea', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '4c9789b11d5ce5da90e6bf16e0de694878f1b093', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '11e2f54cc02572395b5c23b9e3e6d7382756171a', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '95affd07be581b62a0d1feb8f6f6066b90b32214', show: this.hasError }, h("slot", { key: '521c6e8eac641c4c6cae8fd1eae8c2842078d509', name: "error" })), h(GuxFormFieldHelp, { key: '3fc1bdb3cad4e36bc7852d31164acf67b70ad513', show: !this.hasError && this.hasHelp }, h("slot", { key: '7eb1cbf7147edd67c2b87143ab6f2f5d24877669', 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: '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: {
+        return (h(GuxFormFieldContainer, { key: '1f7af21ae6f4e0f340d7bd1f8b46905a9006affd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8e1e26efc04a630a3210dc9f6f5369e86f5d7b3f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '52bad8ccd6be89d32d481de6dc4593b27d4c373c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9f945d2aa00cf10afb6108d4244471d020c06b38', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1847e3b363f25bb9545044e14ac1a82bff288446', name: "label-info" })), h("div", { key: '9e20271510432d81386e633b3b5235ba515f60e6', class: "gux-input-and-error-container" }, h("div", { key: 'd378c343be8091b1e21c42502712e27d3c4d777f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'e5a2c88fc04885f48b938c992d98d49e5480f729', class: {
+            } }, h("div", { key: '9869b00a57d35e9d9d080ce83695a6cf8a0cb0f4', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("slot", { key: 'fafc752d2d5d26829b46a8ade25606e8dc24a60a', name: "input" }), h("gux-icon", { key: '8ff17bf951a4e28a7f4e4650c53e8e78858cf5dc', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'f907d942bbb78d090d0e40235f6e224c96e7e63c', show: this.hasError }, h("slot", { key: '357466cd4fb1d5aa4c7da17f94a3a69c6e1b4478', name: "error" })), h(GuxFormFieldHelp, { key: '7bf8bc68781ee3a26ebc159eb4802f2f129f0638', show: !this.hasError && this.hasHelp }, h("slot", { key: '6f8c8da344636a9cee18fc27bb0b6a9c17dd41e6', 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: '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: {
+        return (h(GuxFormFieldContainer, { key: '052193dad16740cb33266b39bad1ff6f97491f05', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1321c9db80a9db18592c50648305549aa9f5f3f9', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7c2b5db94cb3755bb88275fd9e8e65e3c104fe8f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '82fa67d4a259d9be2a010b93af28e3ab355b6d73', variant: this.indicatorMark, required: this.required }), h("slot", { key: '73dee45dd499f8ee31d7925040e3abe70d1c8923', name: "label-info" })), h("div", { key: '7603192f8e5b673f5669d402a942abca6b95c29e', class: "gux-input-and-error-container" }, h("div", { key: 'd6422fc785a4ed80d8dd818cbfb9e3f3eff42605', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'dff9fa05f7a3d125ddabd7250813a4053f5fdd3a', class: {
+            } }, h("div", { key: '460152bf2a6a0d764681bcd997ec8167048d699b', 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: '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" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '5470ede1eec1f0cad4c0112a50b7adc6fe0dfc20', name: "prefix" }), h("slot", { key: '9017dc9ec1340605d5840adc7ace438c80797099', name: "input" }), this.renderRadialLoading(), h("slot", { key: '50a7cf9eae2c62f62bc9a41ad53ae185a562551f', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'b02a8880f365da818b968f929a29efbeaae94189', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '8d977af3e6e196815afd63b30d60da604f783e6d', show: this.hasError }, h("slot", { key: 'd86ca74347b21511fdfc5dcf33d11a06510b306d', name: "error" })), h(GuxFormFieldHelp, { key: 'c2c9b8a1cda26789e619a3aac1fd7c241f15a08e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b619fe29487e5f78d49189aa68f9ab4b661210c1', 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: '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: {
+        return (h(GuxFormFieldContainer, { key: 'dc91f1c52f5ff4b03602dc988de4bd98d672b9f5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '9e99c750315f5b791618290ba84646e5d4e62c12', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'c74895595797e2473c1519102e2ce2293f54a877', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'cb0250e5950574c7863838620e775106e69edcc7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7507e6f8d81f1a936aef580367133d42d96322fc', name: "label-info" })), h("div", { key: '5f4e9e7bdb27b0c1487a57693a125e0be4a01485', class: "gux-input-and-error-container" }, h("div", { key: '2256a149e567345c42e056f0a012fec5b057990a', 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: '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" })))));
+            } }, h("slot", { key: '430bba39a0067891aa8b35a2775af5c821914a58', name: "input" })), h(GuxFormFieldError, { key: '8938e6c87d7b30589ee73ef2384c522618482465', show: this.hasError }, h("slot", { key: '5bb212a62026cff9170bf2fd3580392b5296b6dc', name: "error" })), h(GuxFormFieldHelp, { key: '7d9c330c620ba837fd56567abcf2d1361efd5543', show: !this.hasError && this.hasHelp }, h("slot", { key: '78dff60fc984299a30ee0bc2b632789befa8f014', 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: '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: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '0c2cdc6eca40af226ae24079c99d164ddcd12600', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1617f88288293f831889f150ef1d69eabb123a42' }, (_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: 'aeaa56b68b49eb096a9570d5d3dc9d0643b47a57', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'afc71be8118bec86e2041c68e4f261d2a778265f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5238dec8976b892b08367c6fb8e4a82c7126cf3a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'cd5111809b8ff0b3cd0316ed018b524d2db973a2', name: "label-info" })), h("div", { key: '9af39d057c982688352b877aadefdcef8119a31a', class: "gux-input-and-error-container" }, h("div", { key: 'b31672314ac1065f65b99d13dbc774897ac37437', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'e116346f4111d2e60202c0fa5717e1c7abfa6b69', class: {
+            } }, h("div", { key: '8afed2032d884964bb8184acdba88bf3aaf3e9ee', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("slot", { key: '985ce24b804a8388e9edcf153677ba2698a77bef' }))), h(GuxFormFieldError, { key: 'a59b033b7d4f77e5b692cc84f00f9dc46d95baa5', show: this.hasError }, h("slot", { key: '1f9ad63d997b15c22d660198ae66f345b2e62034', name: "error" })), h(GuxFormFieldHelp, { key: '0e2d230e6b2e3768d5794c6e8752a57f710ed466', show: !this.hasError && this.hasHelp }, h("slot", { key: '5d7216036c87afa602947d8d218520792b9580d8', 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: '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: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '1ad4d1c99aabb9a05e74fc29f2b837395f09b509', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ad6f9aad86f1f204bc1e031922854e7d49cbf4bb' }, (_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: 'dae40a4854def934d8f0c36fc4839b489a5daeac', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6bfdc3715997776d902ef4d2fd5e77687c082da0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8216331ad832ec97847bf6eec4bfb2f0fcc5c36a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3f8a3c2ab7f0eafafd5cb5e04655c9db971716e1', name: "label-info" })), h("slot", { key: '2f6f4e8cd88b743cefdd8d3f57b184fec3dd2e24', name: "label-info" }), h("div", { key: '0c64f7fb01d27455a15cf0141922cfed7e8d3903', class: "gux-input-and-error-container" }, h("div", { key: '6435dbd53f58b7562dd26661174ba80150f08c20', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("slot", { key: 'b3753cfe2c0ff405a8d50810e803ded2b788f275' })), h(GuxFormFieldError, { key: '78c8ca42bd66e97d9acfcdc121b6c05c37086fb6', show: this.hasError }, h("slot", { key: 'ca9116ecdb5f8ef1c27ab79c4d15fb482b001e37', name: "error" })), h(GuxFormFieldHelp, { key: 'f8da82f8466efe11d5a6e4ffab6a4fa0c2ea6ef3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f1b21555ecfdeb1b007af82f0d01b7a6db94787f', 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: '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')))));
+        return (h("button", { key: '862f8c928a953bfe7acd8e0db031c263adfb921d', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '16288e57f1813e149f773d11cd091d6d4937781b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'c54f6ecd5a1cbaa6728decc53201bf17c421b3eb', "visual-only": true }, h("div", { key: '32293800c852ff0978b26eb0150c773d8530b8dd', 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: 'bca4aaf1f637a9df73a423018b74752fa26672d7', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: 'a59aba2c4f3cd199767b643dc42e29d4b13f3b12', 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: 'a5bfa86c195b172fd9afb5b8d8c4b335c417d8d8', role: "alert", class: {
+        return (h("div", { key: '916f7d48809d702c93f9859fe6c33160e8172e17', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, 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' }))))));
+            } }, h("div", { key: '2c819f7ce29e9b6f1c9a83b1a2e138250fee9c53', class: "gux-message-wrapper" }, h("gux-icon", { key: 'aeacfc9904adaa1d3d244ca673f45f341a910e40', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '1718705ae90a7239ffe08ea272b45d3bd8eb1ba3' }, this.i18n(this.accent)), h("div", { key: '243f7623d050a7e3bfdf62134c1f826e498dc7c3', class: "gux-content" }, h("slot", { key: '84abf447e95172b66d85da1c06ab5dc885bb90d8', name: "content" }, h("slot", { key: '71fc229ec57399560ad38e51055bacdc60748225' }))))));
     }
     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: '42f036425944032a5d60556e8678641811e84f2f', role: "presentation" }));
+        return (h(Host, { key: '832a958e798918e5a855e468b849cd7f37227764', 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: 'aeeb62768446237e58625b028df23790bf12ef57', role: "listitem" }, h("button", { key: '2524c52128c816fa423919d177c81bbf6fc43480', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: 'e28e32fa1d8531b8d9a60e8f334096fc00a94090' }))));
+        return (h(Host, { key: '431a816cf504da6c5d15e43254b3d26a73e81bb1', role: "listitem" }, h("button", { key: '9f77f42138d9ab3e08df8360e235e92498c4d0b3', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: 'a6bc27b892b8f356aad4d9e1947d59080cdb9277' }))));
     }
     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: '537d192543e550a438d4213bdf941c1c70dee942', tabindex: "-1", role: "list" }, h("slot", { key: '0390e978de7aae3ea8f8a65deccfdaa4ced79282' })));
+        return (h(Host, { key: '769e96008978c3c427f6ac6657289d3a86167b45', tabindex: "-1", role: "list" }, h("slot", { key: 'd8130d172a4589d8dc362fef2299fbc136119598' })));
     }
     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: '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())));
+        return (h(Host, { key: 'c840d62ada3e45597bce575ac5964558cbc02dcf', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'd7afc055fe0be77c6b1911ff85d5439757906659', class: "gux-option-group" }, h("div", { key: '7a037eb4cc1cfbb9aa81f36e5283cb3077b2e0fa', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '47b2614cdd42789782c7e7f123946b13b7994095', role: "group" }, h("slot", { key: '02e69681127a8e660c62b0aff288606bebc311b1' })), 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: 'f23976f14c4134ea07f0676e9fca627f0e8b569c', role: "option", class: {
+        return (h(Host, { key: '4ff53f1b8164fdbb6b4b994aa19f029a8f7dbdae', 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: '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" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'c0b379dd41e0c8aa8423f14d9a4ef569776b5df0', class: "gux-option-wrapper" }, h("gux-truncate", { key: '7acb8113ecf230d978949ffa6fd2c180d2bbc0e6', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '9c99dfe30b919418d5c68d96aab336249bc3c27f' })), h("slot", { key: '9b55759969afdb82230c22caa1de85babfa1f1e0', 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: 'f4e1e4923d942507c50fa5a99e536b696f322242', role: "option", class: {
+        return (h(Host, { key: '37aef2f5b177df6b6591f6f7c39515ee540b312b', 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: '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')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: '3a819d77109a5b81c5396147cb3f07ae87e62da2', class: "gux-option-wrapper" }, h("gux-truncate", { key: '65cfc8baea33e75f84841d057560cfc16201476b', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '3d0bf2e6013aa6829d5c8c0ec83565aa4a68b2c4' })), h("slot", { key: '2622c09b9aec78d3a0bf8756654d2cfe502e07e3', 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: '3401faec06eaac997258143678358592a4f8f33b', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '51a53197a4cf74069c2a1f2d16b2a29d1e9a15fe', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, 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', {
+            } }, h("div", { key: '87bd5e7253b77012a513e884ce760dab62512976', class: "gux-option" }, h("gux-icon", { key: '51841130522f324a46b55820029fc4d5eefc1cf7', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '08ff00766ebc075f7523223f664a52800076907f', 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: 'd76b2f23579f2af984421cbda4168fb251684eaa', role: "option", class: {
+        return (h(Host, { key: '162462d46174ae1c95ab206a45dd16733586973a', 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: '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()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '47cfb63001dd337e815c961b1b95585ecb5523a7', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'd30b965f30418ce2f6b516cf7467493667dc7ec6', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '66347aac70923d2fd7a7c1c318cd15ea29d4e6ff' })), h("slot", { key: 'd8159a0a5f14475bb57bec29b001a4d7ce6ab7f3', 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: '0ac0dc1db26348e35daae7bfcdb4bb622d719117', role: "option", "aria-selected": this.selected.toString(), class: {
+        return (h("div", { key: 'a8cef74a5bb937673799e965d5e1142426b5fe5c', 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: '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())))));
+            } }, h("div", { key: '636d9c58afeab724c34281eb6003649b6738edf8', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'e3b9bb70ac312730461c191241f2de33cdc307ba', class: "gux-option-wrapper" }, h("gux-truncate", { key: '7df38b3922e111053f0ccd329ceed3af20961ab4', "max-lines": 1 }, h("span", { key: 'f9dc910378710006f9cdfda94d8b4f4183771430' }, h("slot", { key: 'a7ad52342ca557180ac94b2bdfc4babcca67f59f' }, this.i18n('allOptions')))), h("gux-truncate", { key: 'b7191a29160c73abb8545cd17bf9bd86977959c9', "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: '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" }))));
+        return (h("div", { key: '6ceae67d1d15161e5bb7f7d4a388a690b29053d1', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'a026c51e83cdc1e4c50ce20641c3b05fd0694123', class: "gux-progress" }, h("slot", { key: '88020bca69d225d414f4975e117cd8594f820d4b', name: "progress" })), h("div", { key: '659503a94494155170b6bce6b7b43562ae6df60a', class: "gux-primary-message" }, h("slot", { key: '036124d7874cc20889d7f70c99860ff7dc7e8e21', name: "primary-message" })), h("div", { key: '95a2dd2b517fb5c85afda947eb66f1eb4cf4adb0', class: "gux-additional-guidance" }, h("slot", { key: '346b97c157c1ede020aa484a8ed09fac7d93643c', 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: '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())));
+        return (h("dialog", { key: 'd1e7ba1706383d2496df01d38fc20e77a56ef9ba', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '4255f6c119d7ea2b4724ba013fead06f255d5757', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '35e1c4f59b1899d7ecc0a4ffc517f8f86fb55ffb', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '4e077c74a448e69eac40449d27106ce9904bc65b', class: "gux-modal-content" }, h("p", { key: '3731c38f4661849d1fba5053d9edd35540d5f810' }, h("slot", { key: '0ed7995f992abc448fdb6e789f19de105f2e95c5', 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: '5b11fc98e277c406ac0d324b49d7d48245ac9e5b', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '067796ed12d160b8a80796b369ba0c22f3a80a3c', 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: '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" }))))));
+        return (h("div", { key: '60f97d7dfd559c636256681ded712f77f2efdc83', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'ecd0054f7cf42334151263c49eacd9ed8bf22bf7', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '619654784dcf7c5a9b6840b9b3519e55db3475ec', accent: "ghost", "icon-only": true }, h("button", { key: '8876fea0d79cec9136e2d58c4ffdf5c1e3b40ba2', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'b624ffa2d3bb0b729f0cfc8590ae9bc2c5c8ac1e', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '146abf1b5513e91d75ac53b471465cd5860645b6', accent: "ghost", "icon-only": true }, h("button", { key: '66dca712b20d66c1cb525c98a4d22bae15496183', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'd488b206cc100a1efb396f4e927eae3f1d33f892', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '14a7cd51324045e758b6ec85a8fc4e22b2a6bdd7', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '722e07ad3e738654f5f9cb1dd81097b4b99609f4', accent: "ghost", "icon-only": true }, h("button", { key: '1e8f9a96869f500fa27548f0bcbd11bb982c9fbf', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '96277edf6a962dd30cffad2a1a3365f12602dbcc', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '8206bdf5ed92fc83cc615d96d6afff3743901fd2', accent: "ghost", "icon-only": true }, h("button", { key: '5d42af899fbe776437ef5b4142a20c6037a13f5a', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '5ee1dda6b6413260ac80ce00c3c7889cf23bdff2', 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: '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" })))
+            h("gux-button", { key: '46f7df217abe675c3d1bc8acf35f0f8510e55e30', 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: 'eacce070298b01b7de303b7f824431571896aa89', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '2c2cf9c5bb590e74079478ba787df7eedf58dd15', for: "popover-target" }, h("div", { key: 'd83fb9d5224f9c7e619ed88d3d2af9d4e85a1547', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'e5498fa5e69144197eb78aa09a94b17f1c7f02ea', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '7be888a347ff662d707a902ac80681beb9e68f9a', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '63219e56afd5d349e4370b3ae960a90a6ac8c403' }, h("input", { key: '10d44a0ea2d3c0322704d8e58782ef42efc8601a', 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: '354220c3b04b3084744276daf4e5cb31982fb27d', 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: '31f7651f2f7f7abeab2ea19d91b89d25934f1f76', class: "gux-pagination-item-counts-container" }, h("span", { key: 'f52404a83f69d7fbefb56e825e48349cf9e791d7', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '0b327e1a3253ac25f9e556b7a11f8c3628fe846c', class: "gux-pagination-item-counts-container" }, h("span", { key: '1db9a20e4b8fa015aae8c9836758b4cceecd354b', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'a8b2e81dff27b386b31a75a7b9e62636ab324de6', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '82c84a6f34c678d3ae3abe484cf5e6f9c34159ee', 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: '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'))));
+        return (h("div", { key: '4645f1093119c12fea6dd169c4a0409f64ccc627', class: "gux-pagination-items-per-page-container" }, h("div", { key: '9307fac7f774bc9b7b6cd04ac904e617202a0537', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '2071f940199b9eb8a5bc9b080d6401f0f8bdc253', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page"; }
     static get originalStyleUrls() {