genesys-spark-components 4.198.0 → 4.199.1

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

@@ -46,10 +46,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: '67116e4eb3942df84634acee5e9ce953775a5d73', class: {
+        return (h(Host, { key: 'cc6a04d4435bfbfca304beb4769bcd330bbdf514', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '823c51daa536c9f4d74e079e389e23ca2b329e29', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '31167f841d8682b44d28107f9f8ba4dce9d24d36', class: "gux-input-label" }, h("div", { key: 'b41e9dc80b1ceedb5e86b9d4840885e8845c6e7a', class: "gux-input" }, h("slot", { key: '7abc5d9b92c977b3fe9c2e972dac49c23ae00f17', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '753be796e830557b7c9673a4daad39276ed6f48e', class: "gux-label" }, h("slot", { key: '031994e319d909cd095ff008e95e80e28ae4429d', name: "label" }))), h("div", { key: 'ab4d5bc0a67cb0674bb42f5c68e088a7548c1b0c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'f299e1eb9508216270b46408b2264cae2aaa44e3', show: this.hasError }, h("slot", { key: '3dc59aec8fa8d4faf52d8424e870a6ce44cbf18e', name: "error" })), h(GuxFormFieldHelp, { key: 'bfd5e8b55d213fa5296742b756874f40d884f718', show: !this.hasError && this.hasHelp }, h("slot", { key: '769394d7fed56cd0bb7de8e77df1d7637684e6c0', name: "help" }))))));
+            } }, h("div", { key: '4ae84c4e5d60358eb997f129b8c088a1f0ae5f10', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'd942e12836b2bc5ab4c204cf6213eb842dd92fbf', class: "gux-input-label" }, h("div", { key: 'd1657d6c7fa5aca36d25787c99ff7c9ce15f2750', class: "gux-input" }, h("slot", { key: 'eff047b0f6106620d33517a5e3bc26b06c0d9d86', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '7a4bf9ad866dd55887c8374d3b45cf0e13578fbd', class: "gux-label" }, h("slot", { key: '4e169d9f2012f3e9f783a25acb26acbd76001b7e', name: "label" }))), h("div", { key: '969e9e6130e9da8fcdcd1582aa0b561515156b05', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'cb5dd92f7334c02c7658b4d4c588b2255e95834a', show: this.hasError }, h("slot", { key: '88a2ca3252fa17b8a550f230bd2b54350f716bd7', name: "error" })), h(GuxFormFieldHelp, { key: '299d15016018ca89c22a6cb14f70147642604c18', show: !this.hasError && this.hasHelp }, h("slot", { key: 'da2c41a1dc738427a769ae79af28f4063a26cb16', 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

@@ -124,8 +124,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '1dddf22be29f710fca6ba6ce98b0dbe1faf032f9', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '14f39be31f723aa8d45addf90e70361e1473a8ca' }, (_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: 'e1b406b2f4641ff77792d3379cbedabad581cec2', position: "above", required: this.required }, h("slot", { key: '822237035b64c334efc7a3949ef079b64653142c', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bc3ea838afc780927e61b23b85240da795c9d512', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1ab538015e21dec0a12be8006097f259e96c87dc', name: "group-label-info" })), h("slot", { key: 'db77e8d6c5af8a3e1bbca49449fd250604682a49' }), h(GuxFormFieldError, { key: '4e92f44b08b08733bfa61ab18b1e8a5422c9dcd1', show: this.hasGroupError }, h("slot", { key: '0b2846006c3eb88ae795ffa7bdf46fe19e7838fe', name: "group-error" })), h(GuxFormFieldHelp, { key: 'e883b50237c419f86fd9bded37bc8facb4ed995c', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'b778e4b03942129d6b5670707f261a1ceb428017', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '064878acc06694359eac83ea971398e7dde5eca6', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '45cac8e655a3879c2e413c483fe3a842b15569d2' }, (_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: '02983c33307a2e495bbfbc13e4b9c5a95a70c9eb', position: "above", required: this.required }, h("slot", { key: '6115a27910af173207d57d4d19e27dbc6d0a762e', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '28a5d2eb175c842367d1bb2dc1e22e9d628d08d2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '074821371b9fbb2fc62c57d6877a213292174b36', name: "group-label-info" })), h("slot", { key: 'ea9d5891081645fc731ef2e02ffcf0d6d5351cdb' }), h(GuxFormFieldError, { key: '1941202beb7c274ffc6aa5e4b0a5da768c225fdc', show: this.hasGroupError }, h("slot", { key: '84bc65865c84649fd31ecf7fcf313f8d99295edc', name: "group-error" })), h(GuxFormFieldHelp, { key: 'e6817262317f6cfc5ee06bd57c37f0ecab3baf82', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '95adb1fbec549329e2478e8375430ef752395f49', 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 GuxFormFieldRange {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: 'a6f22a9e582ec638d9f6309313c920356e1bb630', class: {
+        return (h(Host, { key: '9619f39516089dec1af3add943c647616d6a206c', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '160c53d5399debe101c82e188b5c46f47b84cce1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4527048ac90fb4442efd0d1073c682bd03ca6461', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f2da62566c5ba9a271d9ff0d671d6dbed37f88a3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6f57048aee9b0389a4cdb96b007d27511eac1fe5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '659d2f15e5914c8b257f61fce0945c0a750de459', name: "label-info" })), h("div", { key: '3d6c2f68312721c4e3a79bea2d76c9a123812241', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '380b1076a454b286534d3b9a1d687fe59df10e3c', show: this.hasError }, h("slot", { key: 'c4e0bd4ab15ac54623ca8f7295e590b717c3a5e8', name: "error" })), h(GuxFormFieldHelp, { key: '032ad62e730d205a65a05d952202cb42912cd304', show: !this.hasError && this.hasHelp }, h("slot", { key: '224729f7c5c00f411b7348ce3d591fa84ff2a893', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '55bb9b7123d8b56d82ed16ec936bb8c822065e90', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cf035065a70bf185c39838e54458d8f2fd8e7a4b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2376af0a20104ab59db2df3188ecc96267cf777b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'abb34b53fd55306a49d1ee1c47714cbbaee443f8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '23bd81b67c8621ae098f7e653abd0ef7dede782a', name: "label-info" })), h("div", { key: '70a9ad941f868cd1fdaf6376d287d6854380dfc5', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '2f4d79036c7b295b1f74b78701534a4a2345a8f2', show: this.hasError }, h("slot", { key: 'fd856f1a5e020881ce54473a1fb67ecb7d4949f2', name: "error" })), h(GuxFormFieldHelp, { key: '485ce0bf3a37dba85b7413b8ca556a7d607186da', show: !this.hasError && this.hasHelp }, h("slot", { key: 'adfc74111011054ddb56c07b1c9fed6fc82a5b19', 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

@@ -99,13 +99,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '6507ce14649f45316af15c20184d610b5cfba20a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '87cd402400bb26ea4ce621d0898dee78f644d6f7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4913517e08d245dc3e2ff4ec3de1b3ec675c5507', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '22b5fa6aefd1185ae0bede4e8b9457ab3eee5193', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1415a0d73398c3aee5ab10c5e1cba8bbe2f43d57', name: "label-info" })), h("div", { key: '4d1a634b508b4891c6c977d047af50e0667977d7', class: "gux-input-and-error-container" }, h("div", { key: '1b5e492b7f653b0bec71247ffd83678b7d46d861', class: {
+        return (h(GuxFormFieldContainer, { key: '29b59df9fb4b700ab144d7d5a4f4751b76985ff8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '63121bf73a0059cd543e1cfc436e0f9cdee8aa69', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'cd413ade3e1583cdb46d46890d4fba8a4a2f515f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '800eb4bf8c204e54891270e5c10d43cf74f09767', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4ecd777e2c5efcb0ffec0477c033cc677393b9aa', name: "label-info" })), h("div", { key: 'a410526dfb1af30c9195764509237e6450433c8f', class: "gux-input-and-error-container" }, h("div", { key: '197e1a1b08e4570bf32899de7f22ce1e03c1d86d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '8b97da4a7c0de0954934555426d50de4c5a031a5', class: {
+            } }, h("div", { key: 'b6fee2f89c0ef01aada923cc56619f34080fa086', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'b38376b0f79e187a38501230dee96ca0bb4cea6f', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: 'd98ce658d611bad649645350bd44b13f7a37d49b', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '3cb5ce32805749636cbf5334d45884635f0e1e26', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'bccad44237fe2e71f50197c1a55f89736a8621b1', show: this.hasError }, h("slot", { key: '0a62fba69aae92493020a49636315b9ad076b858', name: "error" })), h(GuxFormFieldHelp, { key: '263c386c65e8dd1705e0ccafd0b71487802b09d1', show: !this.hasError && this.hasHelp }, h("slot", { key: '6507f8559f672d99bfc75d92a3d843a44397e13e', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '1bb545531deb946096774175558d26741f4fa120', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '65a20e02bd472bf21992854b13300faa9e5d2f64', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '44d426c7a0dd4c8541c1c1308f63a4ac26163ec6', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '0366df7203d470467e0df99a8f13d43bbf8f730e', show: this.hasError }, h("slot", { key: '127b81417379054338d15a2fc3bec7078409cb8d', name: "error" })), h(GuxFormFieldHelp, { key: '582b4031ea679ecfc197fbf289c466b290b63ac2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b4fa4f8f444899782adf53188027690693f0bf79', 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

@@ -89,13 +89,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '95b1307ae83899f5978ddaf34054191201f66c51', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'db8a4a35beb1dd0c413c35bc62cc2194222dddd7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a805817a5220c93d18d62a7f3adb9ab56150f398', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '419d709c54c8228ff85d4f684c013098a6c16744', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b1344f130052784e29dac48241b1e895e14cc6e3', name: "label-info" })), h("div", { key: 'bc55fa3bdd47cb7a0d76dad4fc15c62fab2fe1ad', class: "gux-input-and-error-container" }, h("div", { key: 'a04f7cedf8ae05aef94cbe64747c5ddcf750b401', class: {
+        return (h(GuxFormFieldContainer, { key: '28357f6d18b35cbe1b62ec9d7e02ef04a822ab68', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a2b5bde275327e7ca88299319ffa1cee6777c9d0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '01de425157db781a55ace8168c312a9285416fd7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9ebf52c54223194f1014bc1a70041d6365909fb7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1695b0d4e9c12042c63ff381d57ba737f8f749c3', name: "label-info" })), h("div", { key: '203c55784147e1dca931abdbf7d2729bab1b4e84', class: "gux-input-and-error-container" }, h("div", { key: '584c2abb9210b783c5a4893b15df94787f53970c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '2730d639d0f62854440ee43a2b0761abfbdf6c92', class: {
+            } }, h("div", { key: '95e98d853744d4516c0f40e191bd805e19b05c09', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'fd0ca6b699de87bced903bb678a562b38b49fe01', name: "input" }), h("gux-icon", { key: '0db4a6a9f4b387f1ca366a6dd164cb5ccb751bf0', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'f2b6f167158037f6027790a94a2b1d439175f009', show: this.hasError }, h("slot", { key: '0014171582ed20fdaa79d498526307d6bff2f993', name: "error" })), h(GuxFormFieldHelp, { key: 'ea68634f4529ace457f236ccd3d296aa129a020a', show: !this.hasError && this.hasHelp }, h("slot", { key: '04f367c56b52dcda0dcc439b721366ab60e4f1c5', name: "help" })))));
+            } }, h("slot", { key: '301cf81dc4e152195be4015fb6ce2b13c56dcabd', name: "input" }), h("gux-icon", { key: '0b6e4b26b58f5cc1cc44af0d5d46096651db7c14', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '895fce78e62929770b6468333cf22eff18bb5d6e', show: this.hasError }, h("slot", { key: '12aef346f03b6ba72d31614155f2f8fc6f81f98e', name: "error" })), h(GuxFormFieldHelp, { key: 'ed9fc46e8ce3809944a5671796bac3cb4026c32c', show: !this.hasError && this.hasHelp }, h("slot", { key: '37ae1c1d8e94ebae17cb419fc9920c3bb6f8a2a7', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -93,12 +93,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '9d4a14eecf131a8949928deb7d1341b8fd7aa6cb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8f3f9aad9aaf77e13964916b6b72270f0dcbd1a4', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6ae871001183b1eb908a2505bc4f94445ed87711', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9c5b545896d669cf19f0a7c738076f555c3a4517', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9a3e6985da7354c2e73e0ab8dec2e93c3eba6b10', name: "label-info" })), h("div", { key: 'ef9a4d8eb3ba37b9bba43cf7bef3c85688662bde', class: "gux-input-and-error-container" }, h("div", { key: '24f5b080cd8efba1885482ef2b94d6ca2c1f5c38', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '2a365f9b1d447674235bd9ffddf98967d5b8fae4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '49a6b8ee2a03c41c743e7fd2d2e8e5d5f4bc47d8', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '8cc074b8079ac81b2b98a4859fe90a86bdcb21c2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '61a95740d7664c80eba7efd5311ff6f1e5b1a80c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '987228befabf0916554deca27d065d7585495ab6', name: "label-info" })), h("div", { key: '19302986d05d9a4d6ef58488861954c32d33d0e0', class: "gux-input-and-error-container" }, h("div", { key: 'bae0c384922fae381e7321bf5daccdd9b30b5215', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'bbba06d3e1c30eff82c73f7639f7b804e1e4aa30', name: "input" })), h(GuxFormFieldError, { key: 'b258457525950e755e23c165cc5d60ef6e1dc9ee', show: this.hasError }, h("slot", { key: 'faf677c38681fa0dcabf911680d48027bde696b4', name: "error" })), h(GuxFormFieldHelp, { key: 'b74295df0254d41d8dbfe8814316c9994ed4144a', show: !this.hasError && this.hasHelp }, h("slot", { key: '13648cef817f3c5104d6c13fb0648570aa9e7c0f', name: "help" })))));
+            } }, h("slot", { key: 'be421f029fede53fb56e2625ddbc155a85a383b1', name: "input" })), h(GuxFormFieldError, { key: '7539f848c1efc9ed993f227ab6bd4309040746af', show: this.hasError }, h("slot", { key: 'c93372c511eeb2c8461f6241c7c2a76f6d11bfca', name: "error" })), h(GuxFormFieldHelp, { key: '90359ce1f49f6f181f7fe635afba6ff2d53c260c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b5ec14693a86c09e7638fe7881bb048cf2fa8dd3', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -98,14 +98,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'db8247513641d3f1216c7649f858c1537b7c4af9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '3624f298a8ad748a22c1e807338185b25c5f6dc3' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '8fd8e91f29eeaf7d041d5b3d86b6fa5ddae0a260', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'b37eb164f76dacf6ef1d977dbccc35458419852c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e02c192b5c26df6ea26f85b313dcd19fa4cff4df', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6b515d4c947954b9235290022f45f12da8a661f7', name: "label-info" })), h("div", { key: '13f16c11bba6d4ac7956660bb12f6388e45c8bfd', class: "gux-input-and-error-container" }, h("div", { key: '2199a4b191750fc8f733badecfe0ede9654231bb', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '2cea88ed3d3c818948d14e3ab8747f05591f1612', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '9c3bff809a6ae95dd5996d9da6bbcf4f9ec4619a' }, (_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: 'ba71037edbb6da6cf4a2348cbfd949265510a7b3', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '867bac691af76b2cdba7574d79c94bd9f8b60379', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '218814930b592c33376215605967e42ed7532ee9', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f303ce6a2d20b74c7fd26b9c6125fa858edb21a9', name: "label-info" })), h("div", { key: 'f868f0a7ed8740098261116cab52e079903ecd0b', class: "gux-input-and-error-container" }, h("div", { key: '55c97fc474d870176218c53b09a5314d30a4398b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '48926099c83ea49273a2470d6a7c2a9da5b5e11b', class: {
+            } }, h("div", { key: '77e2d7b4621072b2066587423fde7b53b3c23052', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '167417194f8b109842f3a948c187b1caad8b8037' }))), h(GuxFormFieldError, { key: '3c2c5c61d490da2526cdb307dd99446305cec31e', show: this.hasError }, h("slot", { key: '8acfe75ff992b935ada1f6091de5e3b0e9ccaf93', name: "error" })), h(GuxFormFieldHelp, { key: '08b16a6c3a8ff7a94f6f85e06ac98fffa1105f5e', show: !this.hasError && this.hasHelp }, h("slot", { key: '2d8831e69a1580c1663a55f6a2de67cf19d7dcac', name: "help" })))));
+            } }, h("slot", { key: 'ff26139c10224df0a335588bb2c2422dfb3bf21b' }))), h(GuxFormFieldError, { key: 'db56ce699f9389cb04eeac2fc8a8960d447eed21', show: this.hasError }, h("slot", { key: '8ebfbb53a7a3531b5df2397b1cb66362fe193ab5', name: "error" })), h(GuxFormFieldHelp, { key: 'a932a6cde47974cf2473aba724228db17b38679a', show: !this.hasError && this.hasHelp }, h("slot", { key: '0cad9ed59d779c64f150ca5ed0303296a43fda3a', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -99,13 +99,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '698a03f7203710e51df8a4c63fd0847500d3fa9c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'cd7cdb03a86e7927ec27fd349da16c1fda31c154' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'adf54b2fa3a4650554d1d084b176ce41807f6152', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ee407db2b4175f92011d5839005ec5b78a0853ad', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b5809be679379648fdb79ca1803af38c9c20e634', variant: this.indicatorMark, required: this.required }), h("slot", { key: '52509ba3cf65d8885645b19b61d526fe2cb848a1', name: "label-info" })), h("slot", { key: 'e62a6928d1cb82f8ba10e6c1eaf1a1087dd961de', name: "label-info" }), h("div", { key: '2a11b0692e8f73257f85c1a7bf5f5e2a82e62a50', class: "gux-input-and-error-container" }, h("div", { key: '1cc573fba25e36a8f96f61361c327a671dc165a7', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '8dfac8230f4ce8c861992e9904d097709c6182d9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '71831c32360d9c1eb1017e98fb32138a9c2ac6de' }, (_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: 'b0a9cbddc5dc81b597e825036c132ac6dbcc01d6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '79b360377f3ceb4b6a4258fac723f0ada0c54f4e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b6e13f8b858425eb0c08213268105774e5bc85c5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '463701646c4fb4c93c5cec63268ca3f015d8ed39', name: "label-info" })), h("slot", { key: '2f84a3466390bbfb97f75f6e3e54d39626c183f9', name: "label-info" }), h("div", { key: 'f211474b13b3480a8a67bca79445c0ba0f6c4379', class: "gux-input-and-error-container" }, h("div", { key: '73b41b4b265fe9b1363172fe19d5506113a942f3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '00fadf06ee72e4118171be3de9b47b03fc6a4302' })), h(GuxFormFieldError, { key: '9c7dca3236e4b9cd6cd52af93a53c98ba427d5ea', show: this.hasError }, h("slot", { key: 'bfd7cf78218f8235c6a8754ea78fe253db92b39c', name: "error" })), h(GuxFormFieldHelp, { key: '3185acd1efc2d620e4b992fdbb8c01d050995013', show: !this.hasError && this.hasHelp }, h("slot", { key: '659851ed78c895b5bc4a6f23251166252af4d68a', name: "help" })))));
+            } }, h("slot", { key: '3f141d4c147e9073ce9918b4653f89d51c5fe7e1' })), h(GuxFormFieldError, { key: 'd98fe6b47afba5e527f24567fc5e1e6d74072dcf', show: this.hasError }, h("slot", { key: 'e5ddaae04b68f9a8b33e9c2f8dafc9b8f3b572e9', name: "error" })), h(GuxFormFieldHelp, { key: '13d2819ef4f236870cfc86cb21ab0bab20d5b56b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f914a03c60c30ddbec7d821ccd503c2006eb494a', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/helper-components/gux-form-field-input-clear-button/gux-form-field-input-clear-button.js

@@ -8,7 +8,7 @@ export class GuxFormFieldInputClearButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '779b8e00c708e767fcae1e8d8458a7b38c6aa310', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '2986d3a8ffbe6e38bcb59d3713a2f8c09708795b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '468add6065638c3abcdfd35fd7a6cb7c2b7c00a2', "visual-only": true }, h("div", { key: '24e172e461f7f7378af010946a6cfb7ccaac3f13', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: 'd767eeb75f1d8e250573451480cf1658d595640e', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '55472e3853a8fc5c309db8a5e2181ef0b189b297', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '63a327f0dd1b4bf47cda108eee0a4403c8d6ee68', "visual-only": true }, h("div", { key: '40fb239275e0e48f770283d1fefd8f8e804e00fb', slot: "content" }, this.i18n('clear')))));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }