genesys-spark-components 4.121.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: 'eb5167c31fccdd7d84ebc4a94228404f18027965', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '016b80603997293cdef58742516958685765d5fc', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b3ada7a58c3d46ae2e41ff12215b0d28c60b05a9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '70245fa42b86f0bb1db34722f68942ec04311da0', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6dfcb4faf9144a85c7458db49670fd92512241f1', name: "label-info" })), h("div", { key: '1057e6f945c033a8334319cb968d82aa9679b5fb', class: "gux-input-and-error-container" }, h("div", { key: 'ae4bd61d9ca718a938ac24ea1246152b59fd15a4', 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: '4454e9a6152b00d3a0ee2d49c53012ff73d22546', class: {
+            } }, h("div", { key: '29e3884c40bb051ded5857cafbfe87f85fd38b81', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '389cfccf2d5f364996388b426d006b32bcfff54a', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '3b2f40aa97d1702ad76ee8113d8839bb5b5cf18a', show: this.hasError }, h("slot", { key: '8bb94fe63bdf80b4437eeb14f3fc24a23f92568d', name: "error" })), h(GuxFormFieldHelp, { key: 'f83ffce79ac863b0089beea206dad9f89fc46926', show: !this.hasError && this.hasHelp }, h("slot", { key: '498f9663f15081c36699100bfe9916c54932bc42', 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: '24c11cf76b967caf723bc0d50034ca1982450201', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1f8350bee643311a6bbfb11bec30b5af63c3caa5' }, (_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: 'db64a853d9a3e9b85eddd28affb3b920abe11cbc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '37761aefe67dbbb28dafd2485044dfeea87a0b1c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7c49f9df2354223d7005c22e7b09dd5aa564bbfa', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0e23cb5b0f860cd0711125b13e55a7eaadc0e09a', name: "label-info" })), h("div", { key: 'e3fa2afdd90d98729cab0d816d9f80803d457c40', class: "gux-input-and-error-container" }, h("div", { key: '7238001ff7984c82ebe800529359c10e9074ca8d', 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: '7c9f77db11bf52459a2277525447fca26643fd6d' })), h(GuxFormFieldError, { key: '4dba038e763c2d0e96cb611f1786fa0c160bc924', show: this.hasError }, h("slot", { key: '4d7a0a2167e494b4fefa444f4ef527a842c1fa0c', name: "error" })), h(GuxFormFieldHelp, { key: '2ee006ae770e3af278c4056f4b7fa6fdce490170', show: !this.hasError && this.hasHelp }, h("slot", { key: '0532bc69d0be05d01716b89147d6e461405b473c', 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: '82b7f546e302726bf3da20fb203f65d39f518357', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8d6ea028da8b4b69a775e1db3458fb8d502b453a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '855456190313c3de0b580b01d1e9f52e3de5ed28', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '55daca20526e32d7d42ecfb28ebe19f2244bd9fa', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e3fc2009e70ef3e1e34fddf871dc054c9295ae16', name: "label-info" })), h("div", { key: 'a2f4c0707797b559d3706dbdfb7b0d0c02e327bd', class: "gux-input-and-error-container" }, h("slot", { key: '4772369244195fc256a943d080f37d6339e17dd0', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '9fb36778f5b95c8f838c4cad28ca732f7ab02197', show: this.hasError }, h("slot", { key: '02eddf03b82dba489b2b1739d7f33ab0745f2fe6', name: "error" })), h(GuxFormFieldHelp, { key: '162bc657dfdd99bb609849cd328bed2941075575', show: !this.hasError && this.hasHelp }, h("slot", { key: '8b47d8af375b171573edc232fcacaf31ef31cb11', 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: '8c7de21311c7efcc6b3ee95dfe5224ffaea9ed2f', class: {
+        return (h("div", { key: 'f45c9a8fd63502fc11f7b335556beb2d70acb49b', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'e7c5b0957f52222c50c7599f69a4145e9f67ab74', class: "gux-info" }, h("gux-truncate", { key: 'a095b2528c551c7aafe85efb9a06dc5a1e357e41' }, h("span", { key: '81732c744cd8230d5bcde46a39bf99c4a6b526bf', 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: '00c36efa4405c0b5a91f862cb01ec2b8a71046ec', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '70256247ed84be23f88ae9bb38c49269b171ccf8', position: "above", required: this.required }, h("slot", { key: 'd533077057b2e9ba5a7d93db92227b370ca01958', name: "label" }), h("gux-form-field-label-indicator", { key: 'e97db53e8a57d4788e362145ead6edf1d06c6856', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3404533998a709fe4de78b3d4acaf769892ae6a0', name: "label-info" })), h("div", { key: 'a76911d55098f00f1d3ad972aab42d9a4670328f', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '97d13f4d962563a6128a18f06d70b5adc830d0ee', show: this.hasHelp }, h("slot", { key: '15db9f5259d63b803cf34cb8d82974e79f2c7328', name: "help" })), this.renderInputSlot(), this.renderFileList(), h(GuxFormFieldError, { key: '7160af25b00b911a46598cc694c27abf9cddef9f', show: this.hasError }, h("slot", { key: '9cad5228cefbff40f83f7a3657927421d64900ee', 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: 'ac43d3e00fd5df500e494d87e7324698acd4e0d3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '97ba50cd5cea0ea57ed638b4abbf0b6edf9d193f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '584c04853deedafd0cdd8621defeca51fef4cc5d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b4e9f91216e8a327a0e25f9dc8ae65a1f3e3e02a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b011385f1fbaf8f825fab9a67f477ce20a42392a', name: "label-info" })), h("div", { key: '6ae1d9c9007f0cb6058aed17887e4d42260b7e65', class: "gux-input-and-error-container" }, h("div", { key: '5d41e8f121ac8272a0475d11e0d8b97a3b5fcdd3', 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: '44320059d441eca83c239358cfe0a87f1fa413e9', 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: 'bfc922e0c92a8827fa06e1f58a17a69c94a5a20b', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '7e124f97a6e4f71882cb7ecf2696d6fa78ea9793', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '983f0c0a61491972c37a1bdf96852da45374296a', show: this.hasError }, h("slot", { key: '681c52116a4f3f38a122528f55026889decec2c2', name: "error" })), h(GuxFormFieldHelp, { key: '8c85f169d647fe851ad214cf7bd6c5d516f45798', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b8ad7cfa8e5ddd3655118905fc4877dbd5bd88db', 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: 'c93531f34fd250f1eb87a3648985015bb8c47c28', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'a91c9df2dc59a24499b5a180251f9dfbb4967a09' }, (_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: '35480b4f84ecb8f1d75c728280e2aa4954678d20', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '88e910a85326f24d17a9d3238ed152de4f07794d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '633fa98eeb2b3be9d31316ff0a8583e67a2f9b27', variant: this.indicatorMark, required: this.required }), h("slot", { key: '97505c8a83c10c7a235b6b847ff2a6d71a401be2', name: "label-info" })), h("div", { key: '4dda89cb69f96b795f394f6507e0f9df9a169d6a', class: "gux-input-and-error-container" }, h("div", { key: 'f20777a0d251c8c18686ea3d8a7be3c0fa514d43', 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: 'e70478460b99c1810436761d1a7ee9b83fe158db', class: {
+            } }, h("div", { key: '2e169ccb413b996fda8edd13807419584ed73667', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '7a663e8dcf1eefdd1568e0e81baff975360c50c0' }))), h(GuxFormFieldError, { key: 'bf3c57ac3b1fcfe7ba368b3a3ff81ef125a62a24', show: this.hasError }, h("slot", { key: 'a0678cc8d2900f3c46ae748009f6c4950cbf73db', name: "error" })), h(GuxFormFieldHelp, { key: '309a6b11b3e6cd88711a561d17d6788699426ffc', show: !this.hasError && this.hasHelp }, h("slot", { key: 'bc3114fdf65b8d052004896c30f816973dc2af2d', 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: '6666752113d7cc54d93ecc03e39f4ae79c4b4c3e', class: {
+        return (h(Host, { key: '0358f43c3ff844db4a6897205ae43d5b82a01270', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '37d807601e261fb975067c3a34ff7cd5d4d35960', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '963f0c694f739cc0471150d520b5bb3bc589ca60', class: "gux-input-label" }, h("div", { key: '9f169688ec401f48256058cdca76fc7d57cd4e81', class: "gux-input" }, h("slot", { key: '648e1c0ad77e044a705893b1f8bd5e01cf15f3f9', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'ef20edaffa3add8f3346742b1a1c67407260c243', class: "gux-label" }, h("slot", { key: '5d872e8a456876ccd3a7146f423528791e59befc', name: "label" }))), h("div", { key: '6d9b6bcc13aabeea73c2569e5c75cded2187ac20', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'b4d6736b16687aa8c6c068faec518966a86f6f4d', show: this.hasError }, h("slot", { key: '7fb8a2e55e86292f0a484511942bf2eb6a0359a3', name: "error" })), h(GuxFormFieldHelp, { key: '2ef7e15ee387b4955a43238cb272d374c3717e82', show: !this.hasError && this.hasHelp }, h("slot", { key: '727179c2ccdadbae131825b613c42140a8783a56', 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: 'c7d14a27a6f4c2695e9c04de9403db6899b727f2', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '3fced6220650dce263ff4c6225e8f858e3ade718' }, (_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: '5b7fc368bf6b1f793816e7f2c2b0ccb6ec0a70c4', position: "above", required: this.required }, h("slot", { key: '2b0cba5e51e8ae3c34313c587b03d22223d801b6', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5bb4b22f9dc73924b01b70a636e1337945ff3090', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'de06c0f5e0e94d84726cfb7acb1bff3e095d7b2b', name: "group-label-info" })), h("slot", { key: 'cb0850aab6e295d74abb35cfaa3f31b09e104de0' }), h(GuxFormFieldError, { key: 'f22cb70df0e5b738278176f79f70384d09c3d6bf', show: this.hasGroupError }, h("slot", { key: '4116b53dcbd33c54e8e272a5dee2f1ebea89f5d2', name: "group-error" })), h(GuxFormFieldHelp, { key: '97b2cf259a1c983819dc124bf3bc876a9ab271e8', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '398190b7d563d24b5db92c21f97f2c3aafb0666c', 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: 'c99e1a14767177104ac7f733f5f6ca6d150e0eff', class: {
+        return (h(Host, { key: '6695fd4b486d4b288b42768e8c6105376d49f580', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '870297b7670bf5ba072454ae1eaf83521410c508', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f9681cf3541f38478509061b65095db9c2bd7d18', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b7996687ffcf1f9c94563f6312742f46b72577d6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ad6a38c825b8d809b2af5555e4475cabf16af971', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'cdd67828c38e5d584a59f0e708763644e830bba2', name: "label-info" })), h("div", { key: 'c5d63608d0a64fede86505309d48dddc02dd1a72', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '551d86777213d48f1a57353ba7f9cae7493a5321', show: this.hasError }, h("slot", { key: 'fb87d31e460c0a70a9c8538ae4550d4ad57f30ec', name: "error" })), h(GuxFormFieldHelp, { key: 'fa41ac1ca1b8deb473191b7feaeab75dfeefea14', show: !this.hasError && this.hasHelp }, h("slot", { key: '594f71fa1ac41b1d4e0a9892decd54535c827f94', 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: 'a2336e7651a6f5ff3820c3e2563a7c90c3874c08', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '6e097e2824de2fddc0a82bdf8e80cbb3657dcd14', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '242a597a2fea8220c73d8b75c0587d25301d5f75', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6fa3c4a77948a92e97ce7c67cf4cc48ac6f1939b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '110f0db57d97eb5eb3a34a2ad9801a6afafb650c', name: "label-info" })), h("div", { key: '3fe4dafec0206dca0a83202086751e5269309b7a', class: "gux-input-and-error-container" }, h("div", { key: '786847c177cbe89d548008faf92cd6c506a443da', 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: '3eb4d02673dc99dbb421ae0c362e15cdc1f67972', class: {
+            } }, h("div", { key: '61c4a490e631ee03c990a7720fc681367d6bb5e7', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '3ba253edcb34ab1f074302cad02676e1ae0791df', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '070b82abdc3bd54a946a99e62ad03beac74a097a', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '6a0d7bf586fd25c55a2de4c043b1625126306af8', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '4466425ff65f008288e9d3fba5a9e208a2a1c6a1', show: this.hasError }, h("slot", { key: '3b5e6dd26e7024f7a4154eb5aefb1dc51d396cc4', name: "error" })), h(GuxFormFieldHelp, { key: '4b062ea601c2d5fc9b0bf234870f520264ced92e', show: !this.hasError && this.hasHelp }, h("slot", { key: '11cf3ac8d19f9609d968b555bd468f138d1da4a3', 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: 'bc2c490c7ad6a1fd9fb35fe7c17720ae0434d353', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1d9d352c69498c7c18b0af044919c0353aa99916', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '32c9ba5e2a27c5b867bbcfbbbabe0ccb22c90a1f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4b7a813d4f844e4e81d47ed8a1015a368e15d53c', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b1ecdf7980f691819057bf5d9235709315bfaa7d', name: "label-info" })), h("div", { key: '0e433faf1800d4155488c7ccb7410e07281a2274', class: "gux-input-and-error-container" }, h("div", { key: '51783b00b2f96fd486ddceaaaa86f6f44deee720', 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: 'c2e8f32366a97e19cddc0c88ff95c4c938e9f957', class: {
+            } }, h("div", { key: '77396f21a267dbe525705ae41a0b25ce6123f605', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '9255c1eb21a504e0ce4a8f6262b24d949e0b57de', name: "input" }), h("gux-icon", { key: '781da46b1bafae98554a1a734c1d4b0a4e1d1dd9', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '0e5b86d31fbc2d7ca0a2336b880feff6b8ad3395', show: this.hasError }, h("slot", { key: '2ca26adcb51cf8d14f701065eec4186424c0fe55', name: "error" })), h(GuxFormFieldHelp, { key: '9c17f9bf58289bac8626a4f5d1df003d30953598', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd224d3b3b65864305ee0dc4d0a13f12722905d02', 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: '2e0d8747c6927180ef49b1eac1d64296b982464b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '624b2e5099934813fb278ac00009c71039edc431', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b8881080efecb0dfbcb4ecc26b83643204cf56ae', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a465e8cd7ebe65b1ea1f07a22da0ebc89d60ab63', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6685d45c39e7bdc6a1f0c214795a9274f9f0a38b', name: "label-info" })), h("div", { key: '0e2df797e7ab8c05ed68f3a3a7ce0b45e3609dcc', class: "gux-input-and-error-container" }, h("div", { key: '7f0e8628b09d4c182c004cdab545e4e328ec7548', 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: '5ab627e91ea691e1bd11bd0bb7bcad3e1a51ab55', 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: 'a8e4382f8da9b7a105d5444d11364f3b62e266db', name: "prefix" }), h("slot", { key: '5908030a07318e385469929a678806dd36b05a89', name: "input" }), this.renderRadialLoading(), h("slot", { key: '60733eb1bee7bff7cf725c68c90dca0b6263c232', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '7c65de9fd0a36d1736bc8c61899384c32d3a9f7b', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'c8a7d89141fc276f3b8c9224c4b27d239686aad6', show: this.hasError }, h("slot", { key: 'bebbad18b49e8492fe2d1b2b1424c0c7a643dd7f', name: "error" })), h(GuxFormFieldHelp, { key: '57a10f42f42e1f23c263645aa5eec2f5b394458e', show: !this.hasError && this.hasHelp }, h("slot", { key: '083667934a809c79bed03d4b39da290207c83508', 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: 'ff1116e958e1f4014e7b6d7b64be67fe9553b4e3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2b8585aece1242a77a09d3c7e6be911cfafdf2ef', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4bdc31c30e46b6992551674313bdc71ce3433813', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '774e5db50ddb91302eaecc1cb6ac37b589275b9d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '93ac6b4edb3c526a4fc8713b4b70e833c154b5d1', name: "label-info" })), h("div", { key: '7398484c3e0cd708cda2a585d49e1f4b878e8442', class: "gux-input-and-error-container" }, h("div", { key: '6e89f5a2942bd719be32e109a06bb9ef500ea784', 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: '05b9db97c55a3a7d23a614478365ee04dec6324c', name: "input" })), h(GuxFormFieldError, { key: '3f092b502db804352a8b2934f6004572ab8dde20', show: this.hasError }, h("slot", { key: '63ade17e80798d9f3127282aff876c61cfcdb9b8', name: "error" })), h(GuxFormFieldHelp, { key: '7c23febf13fc9779645305345afd0f807c778bcb', show: !this.hasError && this.hasHelp }, h("slot", { key: 'df027b22b429b5e66ffa793b821a009ba83d45c9', 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: '77e2c0943e7272c6fbbe52b3adab449bb512c513', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '0b39d9949ba357fcfa9e2a1a9bf33cb81d1be667' }, (_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: '46f3707d010640790e3006114d23ec3dd5df2cd8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '2335950ed4cec90514d2eabd9d59e2f50d43e72b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f1aece84688d725294a36e6cda698e575b340b4d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2fde31adaee52c6fafba3b18d4db5d40b1ba0c03', name: "label-info" })), h("div", { key: '0ee6ba3b352c5beb35f0d95a6c38e6625fc03cb4', class: "gux-input-and-error-container" }, h("div", { key: '0743186871c68411d99928e7ca7b3a3a14dec12a', 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: '051f19db07e991faeed2d59a2c379694b200b601', class: {
+            } }, h("div", { key: '3d8399addee15a4e278e755848c68ae7bed93a4c', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'fefc9a6e557c5dbdc081a4500f34165d88b6e1c2' }))), h(GuxFormFieldError, { key: '0d2cf8504149894e2f7ede9577962e260ea8ef73', show: this.hasError }, h("slot", { key: '3b23e77c4bfc93e481aca214f7bd80406ac5cb41', name: "error" })), h(GuxFormFieldHelp, { key: '03bd3a4b2ddb1c5133546cfa99818cdfe5f1b95e', show: !this.hasError && this.hasHelp }, h("slot", { key: '14cae8dddd882d321e72e2a2704b69091fb1a8e0', 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: '19192d779ade1990f8f31b8a26694437adc42178', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '9d801a214b2b122b1629fa9eb3964064a07ee6c3' }, (_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: 'b94dd2ca3eb70fe5377396ce6cbac1b19c0ee312', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e91c96cbf70c5cdf8d763c968b6bce30ac4428bf', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1e0f2e9bf72f3385ca79ced4fafe66922db45b3b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2dbc4d8b89f03b95bbc9b7bd8d1507606e5e9832', name: "label-info" })), h("slot", { key: '7dfc108e0f2a2eaffb69c7406c778eb8e4f2ef02', name: "label-info" }), h("div", { key: '465f5fa78969aa22dd9a9d746aff935754da1e3b', class: "gux-input-and-error-container" }, h("div", { key: '525d5a66df7030826fdd9dbeb4d341d195da393d', 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: 'b1980fe19fc3a6be66d6836452da3adad7c2f045' })), h(GuxFormFieldError, { key: '64ba87e5497aba4057aea0ce3ec8b8ce8a57dea1', show: this.hasError }, h("slot", { key: '38009295306f8a75e4ce458641c6ceca9fa99925', name: "error" })), h(GuxFormFieldHelp, { key: '3f131b0bbc2d66b420c72cc9d3a041fe7412364c', show: !this.hasError && this.hasHelp }, h("slot", { key: '9309d35afb6735c3644ff4bff36fc97ab1e8c575', 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: '6e86e3de8c890587307feea9fb87fcf126e61b2c', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'd46f7ad0760b695fb26cce1d1db27f0c7674c58c', "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"; }