genesys-spark-components 4.122.0 → 4.123.0

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

@@ -84,13 +84,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '35c231188ad1439c01b9db6092219d0c10a71e62', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'bbfed9555f80ccadd46b3c61ccf4177ab2822e6c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3a6c05a6d7153c5fad795f4755497d11973094c6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b5ac648377ff0250c4ca0f5eb806b1923afba3ca', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fc926a731dbe99e847b34bdbb8926abccff36ee3', name: "label-info" })), h("div", { key: '3da6f05bec079676dfb91e76ff0cbe72bdd55728', class: "gux-input-and-error-container" }, h("div", { key: 'd9f2d4b73289d89a32c1e98ecf77691d441b4881', class: {
+        return (h(GuxFormFieldContainer, { key: '07d044e47711b028ded90b9ffd393eb276b060db', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '249e72d3656074279b7e6870239b54f44d5d7567', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5b7cb890506fcff2d6ec307ed36ce72941668754', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '89ba185cd75462b462a38f5a12b1106a0b19681d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '25c15bb03bfd830194ce2349445acd358bf4ba3e', name: "label-info" })), h("div", { key: 'f2d0ec4ccc8e8a84913e48cf7a44223717591af9', class: "gux-input-and-error-container" }, h("div", { key: 'c3d1badb9997476a8dedf60d846e752549557756', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ec676f890cd36573503ac7112ff8115e2168912f', class: {
+            } }, h("div", { key: '29e3884c40bb051ded5857cafbfe87f85fd38b81', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '91bd242ea19e802406a66ecd49623a5ecaa2854b', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'a91116d35ceedb49890aa650cc5de9f31a5de63a', show: this.hasError }, h("slot", { key: 'fbe5a3cfb60a271167bd4d710a97ec4d7804e404', name: "error" })), h(GuxFormFieldHelp, { key: 'd71de70d53409c4301563cc7eb0cb10120c8fc4f', show: !this.hasError && this.hasHelp }, h("slot", { key: '0388c43bbfca02c903db3a3f50ad8bacd48da52c', name: "help" })))));
+            } }, h("slot", { key: 'd424d15842987a746161f35c144a8df138bda123', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '4539fe29e0af49e460fbe782bdcda64fea276cf6', show: this.hasError }, h("slot", { key: '9c58570aa945d480f4401c73b1af737844a7314c', name: "error" })), h(GuxFormFieldHelp, { key: '572afeb9a117e9149479692f264b70ad43c62ac0', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f2e34e4a6acad402a3c10748f38bc062350b3f0e', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -96,11 +96,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'fcbe3825092d7936bf885a7be1f7c929fae0f42c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '2d5ab3b48267ce070105d49115951c9c8c11436b' }, (_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, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '46bf523f4cf9ba4d2315c58c0064865b8c574782', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1ff1ae9ac980081f8a02cb85a724731729688e02', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8076b21c0fcdf561599e2e0508b2e5361e711c07', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5c74fec07707c3c02d4e79fda6abfc06509152c9', name: "label-info" })), h("div", { key: 'af31ac1d91d5dc3937bfb685defa3cae7e783315', class: "gux-input-and-error-container" }, h("div", { key: '3c2a108ffe21e1d342fad16747e102832f578f88', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'a6ee83b742d61c65e50db07030e05765be7b60bc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'fc88941e8fa8b0294d7d76ed135d6c155aef04dd' }, (_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, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '5fa7cce54e89bc2a11920b9ef8f850f9e4de9e99', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'eff8293c62bbfe8603b1b1e183c87ce503e2c6fd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd5f4ed4eab557af0378ed4c3bedcbd8c79059c60', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'aa1bf3390df959bea596d3f59ac4bfcfcb81f679', name: "label-info" })), h("div", { key: 'c9b9f33ea316bed06d6978056baee1500726ebe0', class: "gux-input-and-error-container" }, h("div", { key: 'd3a29cf1b5439c00e1791c8927d8b8023f0ba58d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'f68c3aa57bb9527cde24fff8e62fa0a54ea131ab' })), h(GuxFormFieldError, { key: '3381dc6990aefa8d563b3ee623eeda2b48509a9e', show: this.hasError }, h("slot", { key: 'a1cc0cabc98fd9f7bb8a506c9e4670eff1332b9e', name: "error" })), h(GuxFormFieldHelp, { key: 'd785eeb373e07ec70bf15b47d7433d7abf6b8953', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c0030a20a2b757bca848aa6f84fd6ced73469d27', name: "help" })))));
+            } }, h("slot", { key: '6cb72e0b7b25f144a5fb28784139843a9aa98a2a' })), h(GuxFormFieldError, { key: 'a153d5e5d848f3b7232dfd2695f1bb373d325423', show: this.hasError }, h("slot", { key: '5b30ac581ed93f216ca73339d50c3f470a2cdcfe', name: "error" })), h(GuxFormFieldHelp, { key: 'df0450d718e3b1aab2b1c691d0f91e1adc1002ae', show: !this.hasError && this.hasHelp }, h("slot", { key: '063dbd0e0dbdeb8bf36c1660576b0f0ac0a8aa08', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -98,7 +98,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'b27324b472d6a26cec149d28ef968e329a870b80', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fea137ce4812f4b231e8653bcb425857d5ec1c5b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '156eb453546ee38051dccd8d1ad86870da080f8c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bbe992fe822dfa660b60c147db65d15d5686d32c', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ebe144b46872b25a21c29b0340de06c5ca598583', name: "label-info" })), h("div", { key: 'd2b225aad3f0f097ce709d1f972a7d03b8ff333c', class: "gux-input-and-error-container" }, h("slot", { key: 'e21a6fa23a9204af0cc9e7faac7e8f4c79dbdd89', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'af905716a4a0e7b605608e1b84ccdcb048e5b98a', show: this.hasError }, h("slot", { key: '11e1bd7028880a3a25fbf0c42a56439e0952a5d1', name: "error" })), h(GuxFormFieldHelp, { key: '0af2d7064f94059ce28142b9e7bec8183c1b3489', show: !this.hasError && this.hasHelp }, h("slot", { key: '2944e2846c8d11ffbc8090f6bc8bbed432b0df7f', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: 'b4979c91b509011952b95cef5d259857cf76e6c1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5f48c85f8e8605b9aae03d21893cdb08860d12e6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '616f0bc4eecdd2c811917508aa4b5aa088a5d391', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7f7a137786883f86f74e214438a21f961d375c25', variant: this.indicatorMark, required: this.required }), h("slot", { key: '89590dc1113c88aeb0de99bd91935b48576b4853', name: "label-info" })), h("div", { key: '5fa096f225b34670fc3d9c6b57338e5dc5c13590', class: "gux-input-and-error-container" }, h("slot", { key: '26c82efe9f980b18c11d9408e55cc2e564867028', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '7a2a52d8c23fcb5882c51df48fea669e70d6a2b6', show: this.hasError }, h("slot", { key: 'e3895126f0568980f1be45a852913f20f6237cbf', name: "error" })), h(GuxFormFieldHelp, { key: '0173b8bb2db7ecc54454c1cb496f29c5d091a5c7', show: !this.hasError && this.hasHelp }, h("slot", { key: '40b1d3fb225a2e41a41b7572d510cc6a4c8f53ab', name: "help" })))));
     }
     static get is() { return "gux-form-field-file"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,11 +14,11 @@ export class GuxFileListItem {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'e13745e5800415a2caac07873061613a20ab3085', class: {
+        return (h("div", { key: 'f45c9a8fd63502fc11f7b335556beb2d70acb49b', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '045c4a7aa5ec18daad0ec84080023c54fd4b60c1', class: "gux-info" }, h("gux-truncate", { key: '9f51346c68b037ebe27018abadaa37ee044582c4' }, h("span", { key: 'f55480c4877bcb4cbd3cc8e03338881cd1e3d098', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '86bafb60a2b20e14e0e6ef5bd38fee47d0ea3096', class: "gux-info" }, h("gux-truncate", { key: 'f4f841214860f392ed88741b44139dcf8a3e18c2' }, h("span", { key: 'f23791db1fe4fe023f1809376658882635ec1d91', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

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

@@ -85,7 +85,7 @@ export class GuxFormFieldFileBeta {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'a3a433f99f39c13c6ba0c052b4c68b12ac6a9912', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '0130b0fadf2fae60383d528f39cf9a4a41602446', position: "above", required: this.required }, h("slot", { key: 'fa0ca532f8b1f01b9580592c1b182980f7588d8d', name: "label" }), h("gux-form-field-label-indicator", { key: '2bdfdbf7f91ea59b2f55402b62f21cc9a1524a02', variant: this.indicatorMark, required: this.required }), h("slot", { key: '886061de4e0245595d6a8d8276cd8171917674ac', name: "label-info" })), h("div", { key: 'ce5c3bd1d15cadc6464e35b711fc6e7ec3730437', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '7a3978d92aeb595c8fbf2fcd6866838f93c1693c', show: this.hasHelp }, h("slot", { key: 'cd64b06c45bdd1bbfe43fdfd6ef49324904a1de9', name: "help" })), this.renderInputSlot(), this.renderFileList(), h(GuxFormFieldError, { key: 'd98fc278c377870703f993fae72aaab4d322cd0e', show: this.hasError }, h("slot", { key: '30fce4fa958537b80e609e3c0d55ec1adc648dbd', name: "error" })))));
+        return (h(GuxFormFieldContainer, { key: '1fe256a52a5afe4adaa1206bb7facc912f8feef9', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '9ffdb4cd13b4b901dc72be9a0f1afcbcbd1702c7', position: "above", required: this.required }, h("slot", { key: '9189c449cd4522b16abdaf9b637cea9673630693', name: "label" }), h("gux-form-field-label-indicator", { key: '093191ddb1df0466f7a2ebce53e53ac135e03ac3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '93c66fcee587c739317f77143f55d00271c8aa0a', name: "label-info" })), h("div", { key: 'c02ed85d99dc15c93e1e59066bb0ed9cea2bfef0', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '0eed67d08b8a92a07ae7eee1947c9c8181c7934a', show: this.hasHelp }, h("slot", { key: '3baa46080c9e58dc4683daa4d291c6f6b5446455', name: "help" })), this.renderInputSlot(), this.renderFileList(), h(GuxFormFieldError, { key: '0c47f4fa737ef84e2da18b873b5c7f52f64ac540', show: this.hasError }, h("slot", { key: '22fde6b4eb08b4c97c715adefd942e628f70da37', name: "error" })))));
     }
     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

@@ -101,14 +101,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '687dccbc2feb887c8096afe5607fe5308a9230d2', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a58844bcba501e2c12dd2b0d6425161387501ea9', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f028bcd0585a38a94391dd199988e61d6248e641', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5331224ff673d77c40b4d860c6bfd049b1d43254', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'de435ce3eb2d7b791f01aabf147f9bafcceb6800', name: "label-info" })), h("div", { key: '758d196c36e6770c5d4e532639c0770e6c46311c', class: "gux-input-and-error-container" }, h("div", { key: 'e974161dfca25ce0faef27274cb40bb4d395e302', class: {
+        return (h(GuxFormFieldContainer, { key: '13afe422f642ba16e4857ecf9e892dfb04b2fdfc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c51102e1f37223ea40c28a3cea3984fa941ceb88', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'cdda6da6b27dd3050bd62ab96b27282b2ce896f5', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7e6799c85fbfb9aec78e580624ef004427106385', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8e2603f682330e09f19d4bf193f066558aa0e5fc', name: "label-info" })), h("div", { key: '09dc4e40a2f1e6ced84f7802867606304ca70643', class: "gux-input-and-error-container" }, h("div", { key: '6ead414d68a59cfb4aa9826bf49276168031ae86', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '8ffcf7633b7132cfdb35c0e80a53c850cdbba6b7', class: {
+            }, part: "input-section" }, h("div", { key: 'd340997a36a661978124bccba8b171b160345671', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '703aaf4194921bf385292b0cbfd3c5d4fe2d8858', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'a949b06c98eff6a049c802de3c3297e129b6d409', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'e0c6cccba4d62b2aa9f50ead9ecc335284992a8a', show: this.hasError }, h("slot", { key: '9ef58993a005656abdc9beb0a877439ea63d8942', name: "error" })), h(GuxFormFieldHelp, { key: '3414a4f641c2cac0f9ead28842cdb1cbc0a74a87', show: !this.hasError && this.hasHelp }, h("slot", { key: '0b984ebaf280d03d47375553593cb0537d9841d8', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '638416f9ee4a3f40f48529536656563d79aaed8a', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'c9355e0b289ecd4f3658a45c6d488b26f85974b0', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'fbb6480b1c69042af3d5f6485cd1371607c94a76', show: this.hasError }, h("slot", { key: '7d46cc8782108319b94df06142f93207397faee5', name: "error" })), h(GuxFormFieldHelp, { key: '5d12b7543a51b32fc15594ba4a2d0870e9884e78', show: !this.hasError && this.hasHelp }, h("slot", { key: '39e96aa71e408886eb675506e4cb2c90d69d2d33', 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

@@ -92,14 +92,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '7ca5bb26bb6c60239e220ea1fc8a4a985027cd60', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '5859374c90e18849348dd2d245422e365f344a3c' }, (_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: '7aaa976e0432b326bb9410fbc7c2cd4c38dd9946', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3118166302accc10f35d6ab15fd423bfce722a98', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '697efec5f8a161b3c2ece6aa68e528ee1c479058', variant: this.indicatorMark, required: this.required }), h("slot", { key: '775ff0fa00db14440c60da572d9c270ab6952893', name: "label-info" })), h("div", { key: 'b8cf84be282214c766ba58144a61358197e63519', class: "gux-input-and-error-container" }, h("div", { key: '3c063b873644d07e680096f2533fcdd38970a4b1', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'cb22a38e15f35369c2779681f14fe3c7af6eb36c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '010ae6c520b894eb03c47577092b0d04464bf5c3' }, (_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: '1675cc82868b0a45203ec2d39bb7d42dca73eb34', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3ef3a280d0fa1fa4b93a9d676eb7644eeb34e124', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '37c68ec4a291fa3f9e54d7b63d8aea4798c436cb', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8a47e9994a19d868fcddeb4942246e1c5bb16be5', name: "label-info" })), h("div", { key: 'dfb0e686a3ec393b1baf6e819834fa7e9166f7bd', class: "gux-input-and-error-container" }, h("div", { key: '27c65f48ed2beca9587a36222ca99ec6b9508dd3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '4580b993a9e9ef20846c27500418ed8e0677c106', class: {
+            } }, h("div", { key: '2e169ccb413b996fda8edd13807419584ed73667', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'a01d008e43b29e6c13ec5951f66fa82689e59f35' }))), h(GuxFormFieldError, { key: '0e3e6d18605d750816b346882456172346259538', show: this.hasError }, h("slot", { key: 'b11234a42153e961c95a09c8fec290e602f51ccb', name: "error" })), h(GuxFormFieldHelp, { key: '157aa2c12490ac8781385126ed83514b02c3d785', show: !this.hasError && this.hasHelp }, h("slot", { key: '10323a1f88726f733cc45a0ebb90264558c96ac7', name: "help" })))));
+            } }, h("slot", { key: '790b1c844cc701b8b158544c26a0eb185e4da5b7' }))), h(GuxFormFieldError, { key: '4d5a81451da174070035596798167a6d6ee5f98f', show: this.hasError }, h("slot", { key: '46e13e3d51e81ffdfb3c739d576182fee5b2a733', name: "error" })), h(GuxFormFieldHelp, { key: '51717e9d2379d70812cdabc3fdd888b9e5de96dd', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e6736ba533b244ca9fbaeab76ef098cba57af072', 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

@@ -47,10 +47,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: '2520d50e0775bb6ea0fd1f023867c6a171d0e0b2', class: {
+        return (h(Host, { key: '0358f43c3ff844db4a6897205ae43d5b82a01270', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'd83990de51b2a5105fab6f9f5af9fe29042dfee7', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '59b09979d66f687749535b157d878e1539510b64', class: "gux-input-label" }, h("div", { key: 'f788de469e51d4cf07e9a39e60e7697eb110dd8c', class: "gux-input" }, h("slot", { key: '2e9b26549b50a674339197d91db92d46685f61ac', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '0b14ef2a58cd6d64b4e0c6739d814ad3e5a80a5a', class: "gux-label" }, h("slot", { key: 'c4b8fbd3eec42d2e87602e831f959b75b550798e', name: "label" }))), h("div", { key: 'b81e6df2d3943e9ebb0b0f283b41d347fc4dfee7', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '7ab507f3759877f0cae6b8bfe4d1b6810155346d', show: this.hasError }, h("slot", { key: '1c18384ac2a2e2e2f98572d6c2497d9a8d2fadd1', name: "error" })), h(GuxFormFieldHelp, { key: '8a7204eab0fab55c8e0724403e8d40956c1e5c2d', show: !this.hasError && this.hasHelp }, h("slot", { key: '6017e854bdd167b59fbd9b902ee0f192b1fef659', name: "help" }))))));
+            } }, h("div", { key: 'f52e0d74f3eaec5c56ca931780d73c769923d3cf', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '435e3853638aae6404452885c1b1d31d7b175ddd', class: "gux-input-label" }, h("div", { key: '9ca2be4268e5774f5e513e17667d0af5c82fd2d7', class: "gux-input" }, h("slot", { key: '267b6dfa2cf566497adff2c1aa75925be3c35bb4', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'dca5100fb8c8d98a051ba4b4ec6d86e36f840edb', class: "gux-label" }, h("slot", { key: '1ac72d2086c0ec22d702172a194c9173247a85b6', name: "label" }))), h("div", { key: 'c82844f84efab44dfd0d05b3d892a40da7529496', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'f67380664bb9bfbfe0b73372f03abdb04478cdc9', show: this.hasError }, h("slot", { key: '39cb75ad0d332d4f5cf966e8405b069d77ef5940', name: "error" })), h(GuxFormFieldHelp, { key: 'c608f3b4e7dfb9f92d5303e05457a16a34520f02', show: !this.hasError && this.hasHelp }, h("slot", { key: '03db82507903bf091edcc0753c75a79bbc1e86e8', 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

@@ -104,8 +104,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '2d72ce22730838cbd084ed8ea0754e703bff1fc1', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'af3d529914a0b18b150bad0722c0294450bdbf7c' }, (_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: '019d1c8df129afc9fb34a03e17ebf1e5c324a3e4', position: "above", required: this.required }, h("slot", { key: 'bd413458aa2b72a5643a65b16ab9b9b47b10c2ee', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6ac7d2adcf048e5a2c1ce3cbcbd6df5d61658ee7', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'cb1e4cdd2d01135a68de3f262956b5103ae9e360', name: "group-label-info" })), h("slot", { key: '95a56281e8be235d164e373beeb1c3ebb5215c5e' }), h(GuxFormFieldError, { key: 'ed51fe3db53c0880656f87eb468488718f3d54a2', show: this.hasGroupError }, h("slot", { key: '4d6e2588c55350a5f1c31532f72cf3b196e4e3bd', name: "group-error" })), h(GuxFormFieldHelp, { key: '850f72539688ca9e25b444acfab332ef4aaf44b7', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'e46869ab5d80867611375cc57dd120f403e90e85', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '2eb182ced11f796f8a0524fcf7790d88ca7fca9e', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '8ce290e6964ee5f609f3253659c317ce19b176b0' }, (_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: '7bdbcff0095157f6a122ffd2fdf6613ebc9bd091', position: "above", required: this.required }, h("slot", { key: '19016758f3bf890b18439bf3ddf85ac5149e142a', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '72a6b19db5c8f42109f22f03d18ec64f4d381d5d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4f21b3646beca70b8751707387db85862bc66566', name: "group-label-info" })), h("slot", { key: 'acee53340e2fb41fe667e6f862e1b5a9d020e2e2' }), h(GuxFormFieldError, { key: '5585e3fa5e0134f2a5867739f16e69563aa73f82', show: this.hasGroupError }, h("slot", { key: 'c5271ceca928c159b35a44d57d78717b21ef1688', name: "group-error" })), h(GuxFormFieldHelp, { key: 'eb7221b200a431c6d04d7342253a9b188c94d02d', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'b56818ff33713d6a87e346f126de29c37ba52da5', 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

@@ -114,9 +114,9 @@ export class GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '10030bc0061686292f5de259b3c73f522b7e68ad', class: {
+        return (h(Host, { key: '6695fd4b486d4b288b42768e8c6105376d49f580', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '835be0936fff17c41eaab9d83c8a8c47e1e46242', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8864dfed64b384b2072959d113f743d19afdbfa4', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '8fe7c5f6f736b485aa668ff399115915e0471b62', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '90dd887f8b0aabbc32ed1c46331f03a99d138fc9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9f18b3e1673e394ed83bba81f7e5856fecc11721', name: "label-info" })), h("div", { key: '67969623d8da0c088f4ec42dc64a4caf21c34bc0', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '01e1f0ff09a55c25c5639c40440057787c2abdc4', show: this.hasError }, h("slot", { key: '8dca4a4c3e54ec6fcdbba8020e0b2c63fa16439c', name: "error" })), h(GuxFormFieldHelp, { key: '888bf437590462938b230ca6aa7ed073e5b9e223', show: !this.hasError && this.hasHelp }, h("slot", { key: 'aa56799737605b7f9876da1d8d32f94a583287c4', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '648c0a85f4470ba9f7e47e4218caeda3cde59f83', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fd6dbd89b6e073c2f684ef908dc065e84463cf1a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9a0c9a674bd536c26bd07b38ac8577ca5f2c7814', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a52555014c784f3dc06553017d9610cee840c5de', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0cb195c1e75ce2b546c65d51fc7826b859c1a409', name: "label-info" })), h("div", { key: '5986de20e72287a20d2ebf6a1879f7bcdff4143e', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '8ee1d349e59c05a6f72129a970fc5f1c3f717b9f', show: this.hasError }, h("slot", { key: '0e35a28b75c8678306a54e6f10df456472708602', name: "error" })), h(GuxFormFieldHelp, { key: '7a0dd4bdd6e8b0fdf0e0dff9b014ed7d2dc035f7', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd1e2cb2e267de30eed1807afda20c58a3d9bc54b', 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

@@ -94,13 +94,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '8152e1ae2c5c1b251ed772f1f9fb3a18bb555c5f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7dc32a21c2710d1447e29f43947df8a0eb791c14', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'adf0ee44d1e27181c3d00095842d9b8b2511899e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'dee1312b6a2eb5c9f6243159dcbcfdbe119b0c0d', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c054040394accb1183c2f1b79470727f473b3c6e', name: "label-info" })), h("div", { key: '99b529c9e2c01a632bf658fd4beeeff1dd3bc8c4', class: "gux-input-and-error-container" }, h("div", { key: 'c9ab64b4e7ff1df2f1e2dce86f4c030a033a7d1f', class: {
+        return (h(GuxFormFieldContainer, { key: 'bcc392b9e5609a8cefaf27f648464bd914926970', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c32d7400e70a6b54599fc68a028d805170315c72', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b60103e03f34eb2b3d2e4184eea46c0109313601', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '84e72233ecf03f155e10963af3a3f0bd4992e3c6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '233b51e2a6ada55327689f98d50124a6cb502b77', name: "label-info" })), h("div", { key: '5a832c4eee08d4c62bdd7519ce29bd0d5811274d', class: "gux-input-and-error-container" }, h("div", { key: '8f7da4e839037b4ac190ef80dc29e7d42818866d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '452a3c888104d0bfbd7767d1d515bdd9e88199e3', class: {
+            } }, h("div", { key: '61c4a490e631ee03c990a7720fc681367d6bb5e7', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '53704b99ddd2736c6969ccb09a6cf5cc0a40cff3', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '2ff4f0f5b93c7b2378ac1204483789ec65b0c4c1', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '839f106121c904735efde2529a4f0e7f5d27c655', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '64a49222812ee8594e788e0246f6bf8a67f4de8b', show: this.hasError }, h("slot", { key: '2414647b3472aed8611afcbb8e299529162507c1', name: "error" })), h(GuxFormFieldHelp, { key: '485f1027550adf270a64c775576a6b07e86a26c7', show: !this.hasError && this.hasHelp }, h("slot", { key: '8156afa4ed4786629181d83b2dde8d5e6e75ebf3', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '18da3ab3f7ebe493bf2d35bdd86957252a192400', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '8699e5c14090b44ba8cd4ee0964350bbd1f33906', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '8570c3f7382a0c2daed6b231cd19058dbfc8ec8a', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '1cc02a6fb8f4b3d17b66a83b306f3525793d3b3c', show: this.hasError }, h("slot", { key: 'fd587d3858fcaf5c0866d70137c3c46e30e3566c', name: "error" })), h(GuxFormFieldHelp, { key: 'b31d5c66a15f36165479304c6a8074a500f5ba46', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a1381f6e916fcb8ab31242f5b17afd71333d65f9', 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

@@ -84,13 +84,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '3cbb0b2cd86b780c3ac1eee19f91c8605f262ecd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '684e4f178fddb93759b1e259e36e5f2b1cdd37dc', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '89c463f43ecf9c8e27ae843e4e28ce710766b1b5', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b28db90f3e903d88fcb4f54087d01f6aae279d72', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ccc6ffbb285c07621fbd2e340b7adabe9efe8027', name: "label-info" })), h("div", { key: '719e9e9b1aa8e1d7aca89ea87bacbe6abd3e77d7', class: "gux-input-and-error-container" }, h("div", { key: '5f9597c864d60e25cf7333675903555aac2380f7', class: {
+        return (h(GuxFormFieldContainer, { key: '139f5144ca810c61c1532627d11daad6e2b268b3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f274f51db7dcf6292b7dcfab21166f114469cfb0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '92263b142afc3454c46cbb8c52e6f46563fae194', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6fc056af93901303593034b9d74044b884477021', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6b6f595c89b86ce1dc885858334ebfd9ac2181aa', name: "label-info" })), h("div", { key: 'ff2d15b3d288bc325d94600e9e36420a0e3d4dd0', class: "gux-input-and-error-container" }, h("div", { key: '788bfe3b693495704c574807abaf1bc22c4df017', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '5f749b6bbf4dd3c631d139dbeeae8ef547564d4c', class: {
+            } }, h("div", { key: '77396f21a267dbe525705ae41a0b25ce6123f605', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'a08a4319094361b0f010d5b7ba84234f0b4fa6c3', name: "input" }), h("gux-icon", { key: '3b92ca6e08c57c60dc518acf9f5ab1cc1a8b48ec', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: 'e61d8a0a58b6e7a3eb3c70d86b2dafc1f14045e8', show: this.hasError }, h("slot", { key: '6aa16e27cb6b251dd5e90b46f8ad1a68c6ffc342', name: "error" })), h(GuxFormFieldHelp, { key: 'ee4da5bd97ca45957780494770cb123f9f6ad7a2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f18ac75f67036af17b0db63eddb554e8f64fe65d', name: "help" })))));
+            } }, h("slot", { key: 'a1594aa24d805ef8a44926c8f795cbd383b45ab8', name: "input" }), h("gux-icon", { key: 'ec9d918e3986869fbd650a211d382ceaf457082a', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '582de1ac7c91dc71ccf00e93d49b7c3cd8d29bae', show: this.hasError }, h("slot", { key: '50465a4e19a0006881672f45c66c274497b6cc1b', name: "error" })), h(GuxFormFieldHelp, { key: 'e25e2669b945f5d6896bbd371c6b231f0333fc27', show: !this.hasError && this.hasHelp }, h("slot", { key: '42975bf6c2d4c9f8941a255c83cbb80500f4238b', 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

@@ -112,15 +112,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '2430be7b76b2f8f3d3b71523e0c88c85a2198182', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '82e38c45ee42c3d2efb2ce7598b060d018979f67', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'e43980dc7ff93409757ba55203b414d0c108c217', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '582e61c95bfdffd344cdf420d73b6b8d3a7ed484', variant: this.indicatorMark, required: this.required }), h("slot", { key: '619eb1804cfb5fa9c2c1d37ad51f6433760fcf0f', name: "label-info" })), h("div", { key: '19644290edd8cfdb82bd07b1dd82331c3537aecf', class: "gux-input-and-error-container" }, h("div", { key: 'c92d4ca6042025f7cb68dc75b214b2e36e4add07', class: {
+        return (h(GuxFormFieldContainer, { key: '9cf0d8cdcb743aefb389bdfac835c2bf004e6c6e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a5353955d4be04c46d7c251b11084b3f4c3e07c3', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a4f796744756df06dc7a39d8597047b8eba6eac4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '04852e7fdc0663c522ac8b08e7f481de4a382963', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a7222bab8d6fa3d165c5121224e68b14d88684eb', name: "label-info" })), h("div", { key: 'bb016817dda043bfd151847d70aa0336dc84e96c', class: "gux-input-and-error-container" }, h("div", { key: '80cf6edc654586f6d07ad7eab749aa792e6ead9b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '252f449565a7df542d6e1afadc333efbe3d9d541', class: {
+            } }, h("div", { key: '1683555b14817ac54ff31e3197b5ad9656c82997', 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: '44abbe244c4f17f4d651798a9e23a24e89d85261', name: "prefix" }), h("slot", { key: '296c7672974d6df6e769f6bde91b2799d99d0271', name: "input" }), this.renderRadialLoading(), h("slot", { key: '104b7cae7c3d388602626b3595ac5f73e82b32a5', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '79fefcf4621e55a3fa7af93aa00b00805614d9d5', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'f7357ef14b18cb4b1a4caa842d026f833d345a8e', show: this.hasError }, h("slot", { key: '08d672a9d97e9124cab7158d7f1f7369f11ab5b6', name: "error" })), h(GuxFormFieldHelp, { key: '7f5d8c7476ec6acb109153e10e27c3e560e294c3', show: !this.hasError && this.hasHelp }, h("slot", { key: '40409374c8e749c95a89d01a8a5216c30418d737', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'd7bd6a4ca72b4dc7c65b20b9219ef121b2e712db', name: "prefix" }), h("slot", { key: 'c6fd8bb5a113244a32715b775a2717549805ffef', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'b77bfe217b456ac9a3b28462c38d50a2c5ed2261', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '0da69238645ed44eb3d0472454746b1cd336836f', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '1dba5afb79e032cf7aa69c71514aed98587ea49d', show: this.hasError }, h("slot", { key: 'dcecdcc6252f70b584abdf9edafaae9b36fb43cd', name: "error" })), h(GuxFormFieldHelp, { key: '20956660e7e70579877200488e5443c151edc004', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e9265c67ad26603eda3ed2c2218bba8a2651a189', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -88,12 +88,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '27c6dfcb0466cdab5080eae8afd8275029809303', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '9ee5f53c22004a667be8861ce14155b29947d1e6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '19daf0de1320f63c3f11fa0bbc3c993157eea2ee', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c885e0ea7518cf2bfbd8f08f4603aeb96c8c1b33', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1a5112160adc0e60bada1a69026819602f796431', name: "label-info" })), h("div", { key: '5870184e681c0194cb6494278ad02475a9d2ee76', class: "gux-input-and-error-container" }, h("div", { key: 'e140ae4439cc282314e21e92b7c81b93113657a5', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: 'aad745af5d3e252045c4bd99db487934c97c06d1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '583b7746bf1acfaf6cba1aaf55dd3e9280dfd36e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4beb7f25d027c723416a3131253c53fa56f29ea9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '565d5970db9280de0a569e213263af7900d83066', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c167dcee89f75a0048ac693739e6b09cf48b5e80', name: "label-info" })), h("div", { key: '0de5472bc896e30ebd88f87eeca8b186b95ed381', class: "gux-input-and-error-container" }, h("div", { key: '7a0b6605d130e191f672379ea36aed1519c4ce9b', 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: '8156f3e56c71be24add16f23f4644787951bb6bb', name: "input" })), h(GuxFormFieldError, { key: '7804626dc6a8787f0da7225bec263b532f9c1efa', show: this.hasError }, h("slot", { key: '6d22f2c9c20b1b6865c2574e1eed5ff8256f8af0', name: "error" })), h(GuxFormFieldHelp, { key: '9b30e9f59decf564e5349aefc2b76c43f3702285', show: !this.hasError && this.hasHelp }, h("slot", { key: 'eae30f25c6648f831a77d7cf976eb00aacb9ad0e', name: "help" })))));
+            } }, h("slot", { key: '2928032a0fae4a223bf3c9b493d11fa22d798310', name: "input" })), h(GuxFormFieldError, { key: '49ab143d3724b2b94981c51bb808c88791dfe29a', show: this.hasError }, h("slot", { key: '3fe6baccc2e17571fad8940e2f61a411aa4d32e9', name: "error" })), h(GuxFormFieldHelp, { key: '213f3c09d637a625d38cb9d23dcf579db804da75', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e862b410818acb231f7710d755561cc9711b348e', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -93,14 +93,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '8b6e52363f8144e7655191ec7aa179a9eac1e005', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '0b899c631e99078eae3b60e33a500075444c378a' }, (_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: '1645e6a6ec05741085c5151ed2ce95cd230dae71', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '948584cf7adb1f112f6e8924ab5238613127632d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c030ae86e8bfd9f0fb6b39dc24874f1aca75df8e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '795364ccfa8cf191a1fe761a4d81ffc0fc33f856', name: "label-info" })), h("div", { key: 'a2e3774e0f2ed3c3032e623a388175c139a28e89', class: "gux-input-and-error-container" }, h("div", { key: 'a6869c8ccac7b8f0f368f0b8e2492ea74f13999f', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '450994fbedbfeee5763f239a3f1e5f9b4255ed00', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '963bc427a2b69a51a718e1a6534b4f24e98566af' }, (_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: '0574ac939e2e33cf1df9302f27335414c5357ca8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9fdab62befa5980008edac416548458db8e94d1e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5a315df3345268b021726e7db5585b1ba51b6a0f', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c23a6853b454092eb9a136307c21f0209d8bab9b', name: "label-info" })), h("div", { key: 'ab7b85d88572f3429b7f63ce0ca38d9739b9d85f', class: "gux-input-and-error-container" }, h("div", { key: '4efc8f99ea61b126547eefe96d4241c4fe65bf6d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '7e7c33702663fa0787508928e68a006f7e80b82f', class: {
+            } }, h("div", { key: '3d8399addee15a4e278e755848c68ae7bed93a4c', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '4d714c2cf747c906c85bf2f4c6e01b3f7cfe0ed5' }))), h(GuxFormFieldError, { key: '804e7416295d233824a40423288f5e3d6c2034c1', show: this.hasError }, h("slot", { key: '9e3ce482d09ebc55e4c9ba88ffa056c135a1a628', name: "error" })), h(GuxFormFieldHelp, { key: '7ab1f6683d785834ee0fa9874fc740b53a83d1f7', show: !this.hasError && this.hasHelp }, h("slot", { key: '6950ec9b0c14b2123d02a5e9b6fd61b592e4932e', name: "help" })))));
+            } }, h("slot", { key: '8178d0aafbfe59d907bffee3ef8be637d2fa7a6d' }))), h(GuxFormFieldError, { key: '0fcd7708aab3229a24ff7700ca7ce7670c5a540b', show: this.hasError }, h("slot", { key: 'bca9aa20d2f3d6db13a5f1e120acebc05497952a', name: "error" })), h(GuxFormFieldHelp, { key: 'a531126990dd133b267c3758c19b06246f7e8004', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b1c11ca1663bf2541d8e9b9062e63cf3a030def3', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -94,13 +94,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '3f2dfc9d2e67b5dc37d7ac29900862801994a343', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '4a6b54bb731fde4da6301a9eb148468280260b27' }, (_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: 'cd4f9ddd59d639fff65d098d7500f719cbafd6e9', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e819d2c6df8e357fda36634c79898b148e8c7d76', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '75f3e7699379f857aff9098d11c261a5e8efe0ba', variant: this.indicatorMark, required: this.required }), h("slot", { key: '10e694aca53b8ba92c2532e5df8c7137e06499b9', name: "label-info" })), h("slot", { key: '6649ba29ebcfa563d8cf38278e77e40e0462a666', name: "label-info" }), h("div", { key: '44124ddee5deefb8cf0fb04af681059e8b3a689a', class: "gux-input-and-error-container" }, h("div", { key: 'ba6e67965b8c31a17397abf549247a979bf61ca0', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '5f2df40d248001de13b06b010c1d5c3d74ea9533', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '73f08b4cf28c4c0fab6f1586a61ee8ec5704fe2d' }, (_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: 'fc0e5b062656e8c9aa61b0e4d205a610cdbd9bde', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1fd86cac4a73a2eaf92fbffb70f68b6a1bba1d8d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9de2e1d3fd41888d9ac994f3f843024cc3c4a625', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dae5e33362c8b6cddeed25384d6215d8a833268e', name: "label-info" })), h("slot", { key: '753c4bc210fda0027e18348dd4ef0342ffe3133c', name: "label-info" }), h("div", { key: 'a93210ee6b1a145235bd7ce62a37d091558f3235', class: "gux-input-and-error-container" }, h("div", { key: '0883effe367d2ced9624fabe30bca32b68239793', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '01a98eead8b8649493776d609dbc91d82a4eee45' })), h(GuxFormFieldError, { key: 'b811a8b4e3d9565430e518b16e4337b7abeda02e', show: this.hasError }, h("slot", { key: '7d2072af01037d7d596d9f7f250db97b77a2a637', name: "error" })), h(GuxFormFieldHelp, { key: '1d243a3ea6187b26da020fa34c96f3f7323a389f', show: !this.hasError && this.hasHelp }, h("slot", { key: '584be70c04dba39501c386e4468b7921253e5559', name: "help" })))));
+            } }, h("slot", { key: '32a739793bb222e72b1976562b559e004c281b94' })), h(GuxFormFieldError, { key: '894e2d14a16fae861d53e58c85376041512052eb', show: this.hasError }, h("slot", { key: '34864e9e621d4e5e803463f94e98adbceb49c8e7', name: "error" })), h(GuxFormFieldHelp, { key: 'e64f0907c6cfa047fb29d89715b355cda94ec4a8', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c364f2aa010ed15851137999b0efc57fc1c2b2d7', 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: 'b5b94d87c03b0d107deaa84152efe497f325f7ef', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'cc698d5d3bce00c1c8175686d2162522d3463dae', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: '2d85df6d5b7c2a2d5bf34a93b203ed828c0e1204', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '7b49d619a8a7f7eaa4245e9b6b9e99aec217be9c', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }