genesys-spark-components 4.111.6 → 4.113.0

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

@@ -349,7 +349,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '63653fbb52b7249c6a2267f8f12a9c54a6483e26', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'e65a43af8097df089756d19fa6d09f54d265b71b', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.js

@@ -30,7 +30,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '4a6d9b72248b78bbdf6980173abfb0d63649fd7a', class: {
+        return (h("div", { key: '80bf22ee8cbb16ae1af046a5ca3821396a8a3acb', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi.js

@@ -374,7 +374,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '43bef4525072d2990327e96ff0e4843540aec084', class: "gux-dropdown-container" }, h("gux-popup", { key: 'aa0523da31cb267d9a387cfdbe2726496f2baf7f', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '4c12f474e5aa49348caa1cd9046632f989f1e329', class: "gux-dropdown-container" }, h("gux-popup", { key: '4325f25fc057fd5b7488de52c11660ac4e14138b', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-flyout-menu.js

@@ -171,10 +171,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: 'b3d3cac1af9c246ad1b5d674a917ea9a791a50cb', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '5acf723eef337b444eca0ead4af9168709f47636', ref: el => (this.targetElement = el) }, h("slot", { key: '19336c7b779004bb3c7220b2fa9b38643ecd969e', name: "target" })), h("div", { key: '5753c04aa3dabb536e037fc56b440b3e6ffd2f19', class: {
+        return (h(Host, { key: '3fd4266f454403289736c713c1d3788cd0ae4430', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'd45e79a74c93ead8f2674337bfeb9290854c061c', ref: el => (this.targetElement = el) }, h("slot", { key: 'ac3c9d9f38d0e861771b76bd77f79410da8944c4', name: "target" })), h("div", { key: '83e13292bdf43fb6a661e4c4369fa6db5d536446', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '480c3587da9a85f78a4a9d095fcdeac35c7ab274', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '4ad4674ac42ac1fd51e3171392cbe7001171abd1', class: "gux-arrow-caret" })), h("slot", { key: '0d4e50dfe985fa318bb6942813728afb5fd79e0a', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'e03bf57ba4308052a71b6b45e28af4763a08f8e7', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '18a28ca0abde38c0ab77b7d021e062f172442cb7', class: "gux-arrow-caret" })), h("slot", { key: '4254349a9cf551d08e0784d30e5dacaadca91270', name: "menu" }))));
     }
     static get is() { return "gux-flyout-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu-option/gux-menu-option.js

@@ -28,7 +28,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: 'bce268abfbd7b364865bdc458158228da6212c8b', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'ae5a68137e1b5c73569e302459911ba6d65e776b', class: "gux-menu-option-button-text" }, h("slot", { key: '4005c5d25e5c8d3c28fef4fe67460b81312fb3a3' }))));
+        return (h("button", { key: 'd81250109838495e524e57ea27c7f951fdcca597', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '6b2d586f14d586dd5d66125ffc855877442d9469', class: "gux-menu-option-button-text" }, h("slot", { key: 'a2196725016fcf5d7fb041df88aa5f1f6d74d63e' }))));
     }
     static get is() { return "gux-menu-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu.js

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class GuxMenu {
     render() {
-        return (h(Host, { key: '1f6a40b02c043d1cf3d9e9a79d0000823021f544', role: "menu" }, h("slot", { key: 'ee049e4f8889392cb927dc924625a57988389890' })));
+        return (h(Host, { key: '2d74355f99f30a0a767a6c10f8488358dc32d31d', role: "menu" }, h("slot", { key: 'cbc4501e25efdca1ac97ba654356b49a9a4ba644' })));
     }
     static get is() { return "gux-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-submenu/gux-submenu.js

@@ -140,13 +140,13 @@ export class GuxSubmenu {
         }
     }
     render() {
-        return (h(Host, { key: '625e1b3c4f9c0c92d2b2ff71b7bcce7091c4ebaf' }, h("button", { key: '855e1bd204fd867c90e13b75b382eafd15832676', type: "button", class: {
+        return (h(Host, { key: '73451d05dd8ab24de76795663c9406f1be70b9ea' }, h("button", { key: '043ad200c28c4fa9f476488e3789e43859af5f0c', type: "button", class: {
                 'gux-submenu-button': true,
                 'gux-submenu-button-active': this.isShown
-            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '455f9a3673222bc69ee01938aa0d1c202bb70c0e', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '38964f5d522a61caee905d1f6a77bced76165f3a', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'f2e61dcd3c5652f48b3314ba6f5e69ad5a10f736', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '4f8522dde576ae710c435b2bba48e2849719c23e', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '1a71c1fea4aaa8f08a4f091e6ae6d71f0b6b7c2c', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '7269a1ff721903054b32e754f60b68541a864e50', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '59cb761bc21d9f68db5606f1aa434f2c834b03d5', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'a5472a86ed6fa30dd586cedb362a1e8685f7bb4b' })))));
+            } }, h("div", { key: '1961d7534de93f3f9a13df268da591cc19debd07', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'dbdf8e962df400f3a8aaddd46cffde5d92675db4' })))));
     }
     static get is() { return "gux-submenu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,10 +48,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: '07d3726b97fa4209d5686acdb68200261c8e663d', class: {
+        return (h(Host, { key: '067f89ff8cc4f7de2b316ce0d472819f03b75fae', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '78c4607299907e842ab6559a7482fba6e535865c', class: "gux-form-field-container" }, h("div", { key: 'c56af4e07ce06ccf2ced1a18b80bdaf9798f1ce5', class: "gux-input-label" }, h("div", { key: 'a597be66d3a8a2a8ab4a570f0f453cb81b1c9e9f', class: "gux-input" }, h("slot", { key: 'bff7904998701cc122095720356171bf464894fc', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '5a3e93a6de74b5ff8ff9dab50ce7395b2653251a', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '3988b5f0aee358e560332815902655ded47dd07f', name: "label" }))), h("div", { key: '49504b92b60c8ea481df1bbdd1d8b6a0e0a588d8', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '01fb004440f4e353852b5600438765aef2013ccc', show: this.hasError }, h("slot", { key: '29206452dc440dab0a4fb99dfdf9f28eea7e4d6d', name: "error" })), h(GuxFormFieldHelp, { key: '8287aae4b5a6768cf8ff2f4a03eaf1cafb87c708', show: !this.hasError && this.hasHelp }, h("slot", { key: '528fc01df5a77f2b6b1472f45432716672662f5d', name: "help" }))))));
+            } }, h("div", { key: '88543aa3adb303a4edafdb12b16fc7a7243c5a6f', class: "gux-form-field-container" }, h("div", { key: 'c24ec13522c4fea24a56a12383d4f1875148efaf', class: "gux-input-label" }, h("div", { key: '28ce882c01a02a34961a2f1741c59e31e4025411', class: "gux-input" }, h("slot", { key: '47af0056364dbec633d30dd67e609d38a2068fc1', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'c799fa60591717fa0445fdb55d01757504e284d3', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'bd7f2c57a5f1c2eb929b0a5f701533bd286ef4fa', name: "label" }))), h("div", { key: 'b374ad8d8c0e44a2ade98dad93eecab4e6e3e921', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'd5a82479c64610063911d45dee568bedca04bee9', show: this.hasError }, h("slot", { key: 'ea5a86149c204e10112000d6cebc42fd11bbba33', name: "error" })), h(GuxFormFieldHelp, { key: '7f6793fd9f1418db983a1f67f08ba8a23d159202', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fb7cfd1d99a99385c1e7581e12f108badbbcb4c7', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -133,8 +133,8 @@ export class GuxFormFieldCheckboxGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '0cc9b3908cf431dac18e6bbb9c69e16fa9266b29', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'bbd84167ea318acfe739888d3181f8813ff853b7' }, (_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: 'c4acac2683785e0b178dfcd3ca123bc7dc4e73c2', position: "above", required: this.required }, h("slot", { key: 'eac9e38aea665fcf1416741e8622333d58243fc0', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ca4719da3ccb12e9efaf74e51650d199d702ee19', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dfc3ee61f7deddc958d0691fc0be280629d8283b', name: "group-label-info" })), h("slot", { key: '8b6adbdcd21c0101e473ff63efb5a7337fc86bd3', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '2570c2da7e12226e4fe6bc0183b6754970c67504', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '5fc53617ff14b4990abfaa7ab6bf6c7dc67c09ed', show: this.hasGroupError }, h("slot", { key: 'db6c0f5d057151b74a1d76c16c31d26381c25814', name: "group-error" })), h(GuxFormFieldHelp, { key: '9eb911f64eec0f0b14381ba8f5be8b54ba8e742e', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'e8cc21449c5a85d9a9bc5fefba514a3bc11baa0a', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '016ba0fbfb61b207e8321b6f293befe02b8e20d7', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '8a3cfd265b557ecf0d3a0c72ef3f34fcafd36096' }, (_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: '6c71ddad3a7dfa4c683851e84769ae17e6c786ae', position: "above", required: this.required }, h("slot", { key: 'c7483941443cec196820bcf352a4aa0ef629dfdc', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f47c76e0de709eef2ba827d4202adf768ae7f461', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f36c6951128863714f6d4e58f32b3856ca677805', name: "group-label-info" })), h("slot", { key: '475c3de3cf644d77e664231e07f00968d050e289', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'f1ff46cf13a0b01d57bafbfa00712fcdff2f1a0b', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'e00317549fc4c75fe5183e804f5a43cc456ec06a', show: this.hasGroupError }, h("slot", { key: '5de293b3687e5249524a167b988837c6a8e0e546', name: "group-error" })), h(GuxFormFieldHelp, { key: 'de36271470d7f76aa653d98fff3bc4ad8500ab15', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '161c8132d48f8e761e821c18a780221f870011d5', 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-color/gux-form-field-color.js

@@ -84,13 +84,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'ddd4e92466da1ff85c1e37394e8e1dea3717f4c9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fb87a80f5762de1c4e79f5701f8d859fb82831c1', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6087b8e6a96ed1a6d6b4dcfe9bda9dc87717162a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b964c7727d0748fbc985eacee89caeb88df55cab', variant: this.indicatorMark, required: this.required }), h("slot", { key: '457541d5c6d17fc1916a38d29c220e260c6f70ac', name: "label-info" })), h("div", { key: 'c3ea7b8efedeafdbf76f1517374060dae49d30c2', class: "gux-input-and-error-container" }, h("div", { key: '1f7939085298012bd988264002c0eaf61bdac619', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ee95a2c23f49e3dc050f7ed4f1f3f8fc4e3771ac', class: {
+            } }, h("div", { key: '4454e9a6152b00d3a0ee2d49c53012ff73d22546', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'c5de40eb44540d23000d84d7de69fca97874b420', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '94bcd357527458d756e8239b759af9fec80fd166', show: this.hasError }, h("slot", { key: '2ac19f0d433bc736adee4c17c5bce8ad1788c263', name: "error" })), h(GuxFormFieldHelp, { key: 'e2bce846cc98500397f3ffd640ec387b42d90f7b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ff45d87bd2a67ef1da69b33911c58a6f809c72db', name: "help" })))));
+            } }, 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" })))));
     }
     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: 'b2e7d87889e05f1ae5f6ca00dbcd9fd817e71a4f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '69b424189b6db30900fe2ac5911b0933b536b7e3' }, (_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: '9252794ff34a92db29973a470fb58bb8c367df38', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a78f00207da568284ef53f9831f712522f207fd4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c57bdd09b495bfa2e478718d60f589bd685ced01', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f0cc4d4ce18def318e414d89b84e8977576961cc', name: "label-info" })), h("div", { key: 'b99d05a88910935c7b203cc3fc47ca1a8aee836e', class: "gux-input-and-error-container" }, h("div", { key: 'a560d26b087090f9f823b12e1a16c3f333e70a7d', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '74c34b2e18987659c39115904ca22080d867b04d' })), h(GuxFormFieldError, { key: '17ea66768ec888616585e953234a8e6d5daf5116', show: this.hasError }, h("slot", { key: '438c966e466fd1cb2c1254d99bd4173993fd2715', name: "error" })), h(GuxFormFieldHelp, { key: '03e74fcc6afd58e989858c07af5fca8a8756df30', show: !this.hasError && this.hasHelp }, h("slot", { key: '66427274fe187427ce579b6dc1a22bd967db3627', name: "help" })))));
+            } }, 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" })))));
     }
     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: 'ecdd8777d32db60aa14e4f835441b56773b888dc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '94daaa86f4d520f8240d28098ee30b5b11029c51', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd32f2a9aa37c4d113eaecda713bfe6dbf54a85fe', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c8b87645a8434a11850562c13e385fafab036dfd', variant: this.indicatorMark, required: this.required }), h("slot", { key: '69d783e5f348a361a5dc3b79150f9a84979967f1', name: "label-info" })), h("div", { key: '9492d49b0b06d1561d3ef40b57f6ed17fc60b8e3', class: "gux-input-and-error-container" }, h("slot", { key: 'a8c7e6c2fb1a60f35a554152da531c5f6f8298e0', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '55c5ec81902471255af9dd14b2e95e03d53eed17', show: this.hasError }, h("slot", { key: 'a71b3802642a1bd0013464f5bd8af42063d25087', name: "error" })), h(GuxFormFieldHelp, { key: 'f411df77305841065210151ce9e065d067f7cb12', show: !this.hasError && this.hasHelp }, h("slot", { key: '1bbae2c7bc926810e0d6843c6a499695aa780556', name: "help" })))));
+        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" })))));
     }
     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-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: '9130606d82f93896ef88f3487080054e283de111', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4bd5e3c71628b945a50a468d6fc7aa7afabd624e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4383c95fe83fec6e6ae94c2c7afe8d3ab859a5b3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9bb2de3331e4977313ef7dd047e8ef4780b2f1df', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f4f3d3c172301bfadb156183a5ca02fe48dce92e', name: "label-info" })), h("div", { key: '7bf94ce9b4fd7a3cc5d6f5ab68f9d43e581e433f', class: "gux-input-and-error-container" }, h("div", { key: '35883426da3b8b5ceb7fa61cfc137f23e4b3c75a', class: {
+        return (h(GuxFormFieldContainer, { key: '9fe2d60e7ae731e094c68998d51a5a2099a80cd5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '3ceafc7cacdb3d46ca1f4b2d0446677cc8c7e46e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'fcad7e7a18ab32c48cdf39fe63fe11d0669ebd66', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6db058d0c69764d20cc4203a6335213349dc0a0a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd7aebaabd6b3deb33683abe8b7ca8b59dd066273', name: "label-info" })), h("div", { key: '3aecafbafe1f545e4de2caa9027b1923fc303900', class: "gux-input-and-error-container" }, h("div", { key: '68d6777d215ca7be80462a655912065c9436e888', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'a3ff727dbfc4abde0b284b270ee9d068953573ba', class: {
+            }, part: "input-section" }, h("div", { key: 'e5a8bb31f04c76d5513dae6180719a26ce9b029c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '9616ca55da9df60b1dd821d1561ee2e1ceb03722', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '8d0d4acf4ec59c2895fe9a80cca45b517734106a', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'd34205cf5be5d6815608bf7a2791e7c159cd2166', show: this.hasError }, h("slot", { key: '213e706a54a8651c3bb7cdcaf94f00a9f30aafe6', name: "error" })), h(GuxFormFieldHelp, { key: 'b55428378780dece7d43fcf879dda30415b5ed91', show: !this.hasError && this.hasHelp }, h("slot", { key: '4a0b845c87da629bd806f76011e917fc8def2b92', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '7bd49d7eb743604cccf1a1f67d46ca2aa5ff37d8', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'c0c085810b2b48ab3998e4bf6cf6899645e758bc', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'd8d284916a98589e15c2fba272ade4fa85997c5d', show: this.hasError }, h("slot", { key: '1fb61143cc901e56c8d9fbad4acf11e3425e5af4', name: "error" })), h(GuxFormFieldHelp, { key: '832dd5c8568a4e84dd1505d1d6517648769b58ed', show: !this.hasError && this.hasHelp }, h("slot", { key: '36cf83fa87f92081c9e1db7bf8f0aaea43a0d81b', 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: 'b4ab6ded3d06cdbe6013533fe6e66fb8a0d7e959', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '7e8770fe64aa2ccad7f39abba8779c48ff4c9ce2' }, (_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: 'ed26f0594ee1620528280279c0224a8dec16e8f8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '28d1172b152fd9a23e1a67c3f5548908169a0f67', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '078b0061f4b2bd2b645723685ea5544cc241e1be', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bfe2d61ab954d3db6db9325e0c0b5fe737da8e57', name: "label-info" })), h("div", { key: '2f72143c66756d7b62de182e703e413f72c676c6', class: "gux-input-and-error-container" }, h("div", { key: '49fb490b08a621c5e6c8952c0f4e9ed6825e02b2', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '4033587ecc7f9d14a95c6388b5240fc000b35362', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '0dbe6f44f64c58b277c504978926a0c189ec69b6' }, (_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: '4212361a7da48e80fb6644e91227475548ceb16d', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4a39db24b9c62b9b287f8f20246eef3e37b79910', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'eef893fe39ecb9d43cc47c1dc20b20b698ccc65c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8318a51d01a4cf48b01652d0604b2f006072025a', name: "label-info" })), h("div", { key: 'a34e3bf2a60b418cbacafd3fc921eb57917b8eeb', class: "gux-input-and-error-container" }, h("div", { key: '3c5730f1d80484789345645fd4b216c4502d110b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '2b531ea8e07b950bd47394baf0cf7a03750a050a', class: {
+            } }, h("div", { key: '0946b1e552926c2abe69b26f5c8d7c93f80829a7', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '83e25848d17cc1140a9ba017818eaeb74bb15f6f' }))), h(GuxFormFieldError, { key: '4e2812c595f717faff7c77c7ea157588d863c85f', show: this.hasError }, h("slot", { key: '0313ae1d6ad56a14d00563c1f154dfad3e2c8d40', name: "error" })), h(GuxFormFieldHelp, { key: '23ca0fd41588a0543cd1aba80a314461c739e25f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ba096bf423d9ae62ec17662bf2d35dd3f4aac4f1', name: "help" })))));
+            } }, h("slot", { key: '1651c44bda8d5983564143412363207a47d45465' }))), h(GuxFormFieldError, { key: '45bcb523d3ce076f9c2b92f876812aa08e2ed063', show: this.hasError }, h("slot", { key: '75f98de65f93eb22d561c3a6186a6db0f18c16d0', name: "error" })), h(GuxFormFieldHelp, { key: '828b128b8457969838561683d2fc98de260105ff', show: !this.hasError && this.hasHelp }, h("slot", { key: '555d9a314841611b848c3e6fa89f811587871de0', 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: 'fed96c8c49406e71ae3bb7b116afb2c0591f6b81', class: {
+        return (h(Host, { key: '560cbdecf43e08dadab6931c24ccbfc911d54d3e', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '2914da86215007f985b046af492ca8314a081c84', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '24b4774de5f4fd92202bd97d06a01c6b47a48d4b', class: "gux-input-label" }, h("div", { key: '52c2cd0df939bb58fcdb45c05f7bf22b02693874', class: "gux-input" }, h("slot", { key: '416b6efb605f2ef8818cd836b4d1ea41d457101a', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '7773dcff902ee4c96c67c37c348b031f6c12a67a', class: "gux-label" }, h("slot", { key: '38784500d1703c5766657214c1a05312f004bd3b', name: "label" }))), h("div", { key: '3251d742977c72cbcdd62702faeaa45d840ce8fd', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '90220712c3b8ec0a63b7fff0502ccdd086a21033', show: this.hasError }, h("slot", { key: '8dc4388036c1800950c438af3dc337aef6ee7ba0', name: "error" })), h(GuxFormFieldHelp, { key: '7f9741c57918a12c8342a45a79d27462ed00ffab', show: !this.hasError && this.hasHelp }, h("slot", { key: '40c2560f8cc8fbc733e881d0307e465efa5bff7a', name: "help" }))))));
+            } }, h("div", { key: 'aad62148a263916930f601bbe743d389d44d0317', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'e6c669679198fb93b26d971df6f7951f592b7ee1', class: "gux-input-label" }, h("div", { key: '86146038e32e4b835a231bf46d8c6f8f5a623b87', class: "gux-input" }, h("slot", { key: 'ff0f31a8c14331d32e52d64c55d8ff78ce973dcd', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'd36e8bd01ff2eeb30e2978ed297d301daa347869', class: "gux-label" }, h("slot", { key: '893da0327de98f89e133b23fcf2c7f6c9f1da830', name: "label" }))), h("div", { key: '8acc4f27e6a035ef674b5fe4f5642218a5b97674', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '90b93cf7c6f6249cfff5317cccc9a363ec19debb', show: this.hasError }, h("slot", { key: '81e6e7aec500c69489331f64ebef22e21f2b99f8', name: "error" })), h(GuxFormFieldHelp, { key: 'b0dc0a5a71b40cacb0987c382c4a7854323cbfb8', show: !this.hasError && this.hasHelp }, h("slot", { key: '1d7772ca5ac735bf5af51d3e983a03fd1b50d664', 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: '8646d0b536f9fa77a62cb72d22a574132c569d76', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '1b328bd383b62b0f0776bc15b5ec16472ec468bd' }, (_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: '19d74f17c38c7e10c3aea107f9c0111874bcc918', position: "above", required: this.required }, h("slot", { key: 'c4bf7222ed7c1607257baa0a81d2e565a280a644', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bab75d7afa7348004d0448a6e994aa4ec05dd958', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2e0de2aa4c82f1533bac8087f6c5f186f33251af', name: "group-label-info" })), h("slot", { key: '2331499f77ea40ba7ef38ff275840718ce28c0fa' }), h(GuxFormFieldError, { key: '91bfd5f14aed331e7c5543bda4b318541ba390fa', show: this.hasGroupError }, h("slot", { key: '4ec2134e3b722b51cc00ca4fad8979237ffc42cd', name: "group-error" })), h(GuxFormFieldHelp, { key: 'a5c27963c7bcefd352e312660b6c8ef23b8d0096', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '7517b64af6c049abc4081eb2f4dea1d043e88e71', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'dbfd1fbf7433197bd3fa3c0916c83179cd7f6126', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '1ac4adb29e5864803e3091d87ba2d87f3e490490' }, (_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: '68b80b835359d30d034ad53bb20a7134a45c0231', position: "above", required: this.required }, h("slot", { key: 'e1bd8a17e79cc7d1a5c89b6acd439b736526c980', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0d4da7437e97244c1fd1bb64cf983e76838b5736', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f0982ea5528442ff241ba7c670d476e976704826', name: "group-label-info" })), h("slot", { key: 'c819d8ef5b4c3ea70c85f8c044e2d06bbe5dbd73' }), h(GuxFormFieldError, { key: '70d2b7e13b963713f9419482790bc2d6c796c6db', show: this.hasGroupError }, h("slot", { key: '7bc7db9d77b25c051f699b65e227246d76c9b034', name: "group-error" })), h(GuxFormFieldHelp, { key: '95edee33353f037864f08980dd6ca0cf650a4f6f', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '2128cd99862d7b9ca1b98830e549fbf70a9fec1f', 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: '02099beaaeb4945b00855e08ebf2fa454ae4afee', class: {
+        return (h(Host, { key: 'efdec5b05dc939ae35c8be76a32e1a007d7308ea', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'f4489a7dd9336025587ce549b071f5573d43e5db', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '15fc734b4e3ae3f6bc8d4c64e71a86138d244491', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f7e238bbb6024496fe86b8be6aaf253072504a10', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b6d29541f18996f54a031df06dc1978aa73997d8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6deee026027198297109bf4b9330c8b7f3808156', name: "label-info" })), h("div", { key: '236a128611adab8603ca027a3e4f1ab6c981fb96', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '90984e8e3e4505ded924b06fee25becd1b8b83d8', show: this.hasError }, h("slot", { key: 'a220b4b923acee2e436bb9dfc06f70b5ec4a9ea1', name: "error" })), h(GuxFormFieldHelp, { key: 'dbbc319d2ef70283687cf108e65a8d9c0ff215ed', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b6f51b36cf7192450981b6fa65cd36d92be49185', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '04666e490c17816bea66d37f8e3477f8f6442840', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'be72f865c14fa0ad765087c38749916aaf8caa6b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6fe99fc9e1cad0bc1eb458b0ea2b7fd30214c743', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5be7bc89b2619867b7d2de8765256e4381eb08ae', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fb8c186f81cbe84ff54136f5700fbef1bedac972', name: "label-info" })), h("div", { key: 'eed009174352e28030bfaca0dc5fc9a588206011', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '3bf2a9583bb6e7004a49f8185c843043e9fa7b37', show: this.hasError }, h("slot", { key: '5a3cbbe0b35b318a7ac62bb2dbd6ba79e5d5136d', name: "error" })), h(GuxFormFieldHelp, { key: 'ca0cf1aeb0ed8c508fd4298c62e92221998e7ca7', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cd787b966f3662e8af1a4e3b7cdcc6c0e9bfc4ec', 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: '1a4242f3b735fc0d5cd819f42c47b629d97442b4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '04d15a249db7ed6f8cc1bd742a281248e675f467', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '231ecc5e1d442068a32785ffc72830a8d017cb00', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f2d923c0a0114c75b2ad90f80b7775ffe93b6f24', variant: this.indicatorMark, required: this.required }), h("slot", { key: '929c36b2473641e4049679c77266e83b1ee0e138', name: "label-info" })), h("div", { key: 'ad0a4389b375d749a42eb068a3544c5aa25877a7', class: "gux-input-and-error-container" }, h("div", { key: 'f5b1c31aeafce11a66b9ba3525677b45ddf7207c', class: {
+        return (h(GuxFormFieldContainer, { key: 'fae9d2bde3b9f15520d7cf963352a9cb315ddacc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c2dfab5ed0dc314a7dd6aa866747375ceae599df', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ce66cd8e59f0e21d9d55319a468effac53af1af3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7c6fbdcfc0c2144ce4c93b2f1dc3730f45f00ef5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3d382bee6d91e00f76dea6053012b0ea890871f6', name: "label-info" })), h("div", { key: '2710be721228743cbc5864865dd4a7307ba86cf6', class: "gux-input-and-error-container" }, h("div", { key: '9d895f5095c690d9042dae6a0c6506575e59c082', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'cff2837d655fde12182fccf58997d734e30941f3', class: {
+            } }, h("div", { key: '4a340e271b02549be901f60b9cfa85c044a5d1d9', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'd349b5ea69f440c1b63a99e4678fab3f67aaea47', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '2b31ffb30dffc2baa771033bc0832365e754851d', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '9306432483b8017a0baa5ffa212c5d8dafddee51', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '09e84078aaa9ee132a295a38567352e677cd28a9', show: this.hasError }, h("slot", { key: 'd7db374229d352d3fca1e5fd5153a7037817c44e', name: "error" })), h(GuxFormFieldHelp, { key: '7284f02292dd146a12daf28f0ba36ac2a5c17978', show: !this.hasError && this.hasHelp }, h("slot", { key: '087be384f47d40659191dc5e82a36ceac9e7bf6c', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '4a2f32b34255decaf73aaf32ecb5d5520ad935b2', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: 'b3e0aad95f7af9617fff5718e9a17e3c666d57ed', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'be4c68fa3184f04bdb3e7f1b5c6dda9ea9e6921f', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'a18b0950fe0a6814da3e4f25e5b5ae9841bf0e94', show: this.hasError }, h("slot", { key: '90359f820a41b241e16a596e8c37273ecfd61781', name: "error" })), h(GuxFormFieldHelp, { key: 'f9a40baa4a08a153e5dda5b542712822956698f4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a135a1a2e80cad4e8c287a357a5290f735a33e4d', 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: '797587c3df23fbcdfa8057399915683ff4c83e0a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c3127414aa313f2f69b17166a4fbb02140646c71', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9a821346a11df2e01111912ba2ff6469478fe1d0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '34ef7dc053274eb6e6d13a83d947f4c534f87b75', variant: this.indicatorMark, required: this.required }), h("slot", { key: '139768502d5fa8a95eb232ee31e9cd4925cb3296', name: "label-info" })), h("div", { key: 'f647a57c95e3744e36e81fe3c0f2a649c5e5342e', class: "gux-input-and-error-container" }, h("div", { key: 'fdfbc4d44aa46694928aa26839519bdf0fd08c69', class: {
+        return (h(GuxFormFieldContainer, { key: 'cf9b60de02dc645231b392ab46e91408ae937d76', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5cc32d72c253c9b38954824d36815b58c590865e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '125fc6ba3deeedc3676a9cd8e0c3697f75ad9e81', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '74f88c1305203e9032c0402de011b4610ff3d928', variant: this.indicatorMark, required: this.required }), h("slot", { key: '64b6cbc9be3a8aa617cbf1cbc3db883854c16b1d', name: "label-info" })), h("div", { key: '8c0d65ae4e05ae5be03744e7baedb19cb4198ddb', class: "gux-input-and-error-container" }, h("div", { key: '75ad79a390b93b54cb0ee21c426d908c9f096803', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd8a672ae13c1b23876cf62f77127d6b9a1f5f372', class: {
+            } }, h("div", { key: 'a65f1b161716ea1d29752c7625f8f8314656f5e3', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '8b4c9ed83fb78e472f5dad00c6b4497528249769', name: "input" }), h("gux-icon", { key: '73bdba1572f9f648f2563169a35a7e41f6dafeac', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: 'b456395f95f07a0e2277c3561f3e1e0fa866b237', show: this.hasError }, h("slot", { key: '3672109e8950e05ad2a4df7f6e7191e63a2e55f1', name: "error" })), h(GuxFormFieldHelp, { key: 'fd815ad74300866113603ed10bf11f16b8428d4c', show: !this.hasError && this.hasHelp }, h("slot", { key: '13744e182709909834074d4f00c17b95e0d6dcec', name: "help" })))));
+            } }, h("slot", { key: 'ebe490e4ef8acd982ecfc0dd82835b193e003945', name: "input" }), h("gux-icon", { key: '8f024b3621a087cde0871f5587942618254e59c6', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '3dcd33346761e4faec0f006bb931cd599d62c496', show: this.hasError }, h("slot", { key: '38ff107bff216be2ef6dca3a109ca1c44564db85', name: "error" })), h(GuxFormFieldHelp, { key: 'd549c71211e2dcc0fb3d59dd0da56be6a6fa58c2', show: !this.hasError && this.hasHelp }, h("slot", { key: '982cdba7d61099fcf99f9e70747459d2da71ac9b', 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: '1ca223257c2c32f7d9b4916ba256271dd5b1d078', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '891622b154066f89ef432137514222bdb0c7b8cd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '07ebbf4da32bfb7c043bae5db05a3a0d86117873', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2cf8c5e3c5f12d028ece1309a7817f667b06c265', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1f9b6aaf0a37c44792af82940545e92c97834c64', name: "label-info" })), h("div", { key: 'fb69f8031c90def7c837b9d78742bcbf61550c27', class: "gux-input-and-error-container" }, h("div", { key: 'ff2d9d7e483c05e625893a0f5850982cdd92c55b', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd449698a1223c5d827a07761385d16c72cbdd89a', class: {
+            } }, h("div", { key: '5ab627e91ea691e1bd11bd0bb7bcad3e1a51ab55', 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: '7cdc2f7fa447aef0e718d3dea1c217b05738fec0', name: "prefix" }), h("slot", { key: 'e54caf74962d08fcdddaff8b8608c3d6e943bbdd', name: "input" }), this.renderRadialLoading(), h("slot", { key: '05332b5ca75369f96ee6ebbd57a3f44a6050c3fa', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'dbcef6499ddde4169e89c920c5a021dc1a375362', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '5527c143efb4e9e4bb97ffbd52d407c7c86b3864', show: this.hasError }, h("slot", { key: '532d5e81c1a39cab499766e7fc5951195c092dd5', name: "error" })), h(GuxFormFieldHelp, { key: '7f7e8243c8b23da439f373250e2d86f030774433', show: !this.hasError && this.hasHelp }, h("slot", { key: '633bccea0610149a1efdb19c9ec7098f33412eb7', name: "help" })))));
+            }, 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" })))));
     }
     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: '71c1de67f1dad119124c1ea356bde10e1ffb4db0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8aaa07ae0d057d127da790e50de4c0137a245e12', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ef0ecd2bb3ea150200fecf39e5b0b7cb1642ed66', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '29c6d2afff6c7c609847ee8a5041f20213418b4d', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ff98ef2722dae089385c3077e31284295f0a6109', name: "label-info" })), h("div", { key: '8cd8ec697f2146824987c2abdac1b0ad899dde68', class: "gux-input-and-error-container" }, h("div", { key: '79400572c06fd09c9be0f7a4b369d07d3378f23f', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '911413e5bc044254be5302c018a9ec464edd40ff', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a01e54a6b6df5cc0c5046dcfb39e30a12193d67a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9f8759c55ce2b7958506dbb666b8311f04594848', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fcd7a77bc13727fe5b6417d6fced16a7dc07cd3a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6bd8a95ec0392ab106a52ee1f2ebafc665e754f9', name: "label-info" })), h("div", { key: '36d50195f5a9db72fa4823a75a8665ed7ba30e26', class: "gux-input-and-error-container" }, h("div", { key: '3183ab5a87a464be3f30ecad6abcfc09a0d35cf3', 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: '2ed962f8388a011018e8ba93ba6ee5fec6a48470', name: "input" })), h(GuxFormFieldError, { key: '3747d415a3c4995c0b6eaed34b89090b9c16344f', show: this.hasError }, h("slot", { key: 'f98acba360c20d9dc59a8f90a51aa3bbdfa06cbc', name: "error" })), h(GuxFormFieldHelp, { key: '277819ef5cabb623ab5fd4d1d051f7d076e44abf', show: !this.hasError && this.hasHelp }, h("slot", { key: 'bd9e7d80cee978682a679254c712451bdec390fe', name: "help" })))));
+            } }, h("slot", { key: '28d2a79fec541d0b583a4f9bad0e4b703e11a2a8', name: "input" })), h(GuxFormFieldError, { key: 'c7f87321ecc5cce01cfe170ffd930a2776d342bd', show: this.hasError }, h("slot", { key: '976c7e01fd76cea875de287bc7ebc822f3ab2e02', name: "error" })), h(GuxFormFieldHelp, { key: 'b60e636ff3995288651e32b8e2dae51219457c54', show: !this.hasError && this.hasHelp }, h("slot", { key: '8e34f88cbbb2b841f07c02097f5becca3f4d6698', 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: '05621a679b25141ff91bb3d7ff3ca4cac027078a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ba4177cf79d77a641a5f9b687b09cff6c544f45d' }, (_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: '169c24a296e2f9dc100bcf3b5305912aa9bce7d0', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ea7ddcac1cc2736eca597d4b165ad1c69860aa36', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e72016b0d3c2d00b4906c76e0b2f41afdd933df3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '501f4c28dcad1f70144d7d3fa53f7d2047be446f', name: "label-info" })), h("div", { key: '6aeb95debef3d5e92c8f863c2898377a9c8a6ea7', class: "gux-input-and-error-container" }, h("div", { key: '109c62b4a4b99f70367d07d8fd9bfccabdd9c8b3', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '9839a81242957d26fc4cfdf4259cce5fde19f0d3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '2072a981ab6d294a824e9a44de60bc24ae1a29a5' }, (_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: '82c92692e8af7e0204e27cf10c9ff0b246764d9d', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'b28a54402595193929bd63d02df7d4c35eb6b60e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0a2e728f15ae683fb433c31bfbd427fa19a0e9fc', variant: this.indicatorMark, required: this.required }), h("slot", { key: '13349d0fdc95f6f8f2a9e742f46a61970dae49ea', name: "label-info" })), h("div", { key: '295edae2f84802e60dfa2ef8b6e55775957c4b9c', class: "gux-input-and-error-container" }, h("div", { key: '60dbdde3dead379dec5de8b0293099135b8c7fbd', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '972de3bd25423f7e916d9d582fab90f2a3a3b88c', class: {
+            } }, h("div", { key: '44d985ac66713d319ffe47822c76a5600f72c5a7', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '2b7a9076c3979b02f332a408573e610b93b96920' }))), h(GuxFormFieldError, { key: 'a88874caef02df2d1feeaf38c6e421deb46b1f03', show: this.hasError }, h("slot", { key: 'f52be1d006a3e58c26381457b121876e73b51811', name: "error" })), h(GuxFormFieldHelp, { key: '65a5f764e7cd5177551217cd784f620d7592e4c0', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd10b7047d800d06e120cbf505b07ea1ec015890f', name: "help" })))));
+            } }, h("slot", { key: '07224398bdd05a0f1712a0a562ea397a78c83ad1' }))), h(GuxFormFieldError, { key: '6d938a490272639331ef4ac09740aa33d5667651', show: this.hasError }, h("slot", { key: 'a64bb658e1f87b02ca7ddb499c39d4884cfb38c4', name: "error" })), h(GuxFormFieldHelp, { key: 'ad7047072925e0ac0f4cd8362896241a4ce44f84', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dfba72d1672e6dff3418253a0a7b354f13441cda', 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: '739e2daf47f38a3b444c1a2d95f0688f79f4de93', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '7aee616ec9404b9d369c3a4426f8fe4daa405821' }, (_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: '0599733c667124c80585ef4c097078aaa3268696', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fd9c9f7ad9db9976168eed1e7f68077977ea48d8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3b26c346ea33f06fcf627ce170d30f949893fc5e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '468fb1d5b1580da198df87143e2ec2f71daa0534', name: "label-info" })), h("slot", { key: 'fa7e2062cdb39431e9e1a0924113fc50a979fa08', name: "label-info" }), h("div", { key: '4a1838556a8f74acbc111d0b93e4f8e5899fc392', class: "gux-input-and-error-container" }, h("div", { key: '9843c68884b1c41c0f692a73883cab8f3b33766c', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '6bde060a328af586722db911d3ad5ab6502e4756', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'c32a32aaffe423a4575dd7c82485442593a5db99' }, (_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: '0e2af65bb582e4946130ee5e078084d73211f5d6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '10cedcd933f48e0f0eb432ce229a5361e7eb1c52', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5b95c0f732f981d6387edebdfa27e94e01006b42', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a0c642fc33df5e0a5622c3f9d233037da814b4e5', name: "label-info" })), h("slot", { key: '99ffbe7cc9577d9a08bb6e7b4a0a3cd16ed049c1', name: "label-info" }), h("div", { key: '2d286fa92753c7c1328ffad05f959ce67f72652f', class: "gux-input-and-error-container" }, h("div", { key: 'adb527b91f027bfa108407476e088abb59c26579', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '0e1e90a20a1ef09c7b9896ca432f6fcd0497d610' })), h(GuxFormFieldError, { key: '7597af53d6c9553d763d1319ea8a1fdc3e5c7656', show: this.hasError }, h("slot", { key: '5c65d4f8d917106ac9b3ad828667a1f332de3e0f', name: "error" })), h(GuxFormFieldHelp, { key: '94cf527ca9e4b6b034abccf0d16ee2fa19716c7a', show: !this.hasError && this.hasHelp }, h("slot", { key: '06d0741e83404835d773e989f104b263d841573f', name: "help" })))));
+            } }, h("slot", { key: '1929397c9133380704741419afd457574da3a848' })), h(GuxFormFieldError, { key: 'f53b73c96ad31c1c6843f9ec1632af09701e3e50', show: this.hasError }, h("slot", { key: '06d29e0b3a2e27c9fae31b65c2ef8dd237eeea02', name: "error" })), h(GuxFormFieldHelp, { key: '5813b697d21cec657b9f9f099eaa3a2da216f749', show: !this.hasError && this.hasHelp }, h("slot", { key: '7691d0bfd5b082a20f594e27167fe2353a55c21f', 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: '0d3ed1ad679b3c227f53bd60330cedf0d1c368ae', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'b32b2881eb03661dd2d0ed2b06b123da8ebdf9b3', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: '7b3bf8233b3811ff21eb4be651d224e077c37ba7', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '80b20642d65c087f39d5efd9a41a3eab2cb54c5a', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-icon/gux-icon.js

@@ -63,7 +63,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: 'a8a1c753edde229f260ee17885f435b18b61bf97', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '7a634196359e46561639f5680848dc3226eddf19', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get is() { return "gux-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-inline-alert/gux-inline-alert.js

@@ -28,10 +28,10 @@ export class GuxAlert {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '2c8abf29af3da009e6d4f197df4e49a47587cbda', class: {
+        return (h("div", { key: 'c2e1200e3ef4af39476ad26fa0c2c8dc067d26ad', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '7b8745a5ec0d98ecbe417dd065431f5df6efdbf3', class: "gux-message-wrapper" }, h("gux-icon", { key: 'cc643d5c1dbfa85e331eee8c052671ca622bdc40', "icon-name": this.getIcon(this.accent), decorative: true }), h("gux-screen-reader-beta", { key: '48401042e5ef698dd0f2810c1b2c4f4e02364983' }, this.i18n(this.accent)), h("div", { key: '7bc3e3ef08e5fc9b51af0bb16cda0f737d3ed14c', class: "gux-content" }, h("slot", { key: 'feaebd15f9ca0e266d3e1d15229fadfaf2bcb66e', name: "content" }, h("slot", { key: '5e667e10f98eef645544a5d3e5c62038a9a1c80d' }))))));
+            } }, h("div", { key: 'a35a6e7da12afc651122a041fbe20877e9c7730d', class: "gux-message-wrapper" }, h("gux-icon", { key: '47b82561a694a76f91c8be7068bf7bb456115a81', "icon-name": this.getIcon(this.accent), decorative: true }), h("gux-screen-reader-beta", { key: '4ba783f50fd1bdb3d0804abae3145307d3db69a4' }, this.i18n(this.accent)), h("div", { key: '4a2b15ca94284dddf5bea6c40ef72146e2977ecc', class: "gux-content" }, h("slot", { key: '77fa55f18a45cd15df480803472d657e4e2d2905', name: "content" }, h("slot", { key: '655138f31fc50b927279fa8e57569672fcc5eb9b' }))))));
     }
     static get is() { return "gux-inline-alert"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-list/gux-list-divider/gux-list-divider.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class GuxListDivider {
     render() {
-        return (h(Host, { key: '99ab618bc89b46fff8379275840bdd3cccd73e31', role: "presentation" }));
+        return (h(Host, { key: 'a0f9286731bb209ca9320ae7c403cd95891fe23f', role: "presentation" }));
     }
     static get is() { return "gux-list-divider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-list/gux-list-item/gux-list-item.js

@@ -23,7 +23,7 @@ export class GuxListItem {
         }
     }
     render() {
-        return (h(Host, { key: '64cfb1bab3d1a1eb5b45efd78df2a5c2016a2573', role: "listitem" }, h("button", { key: 'e4555ac230d4556d84e9f9cdef6b70d54ed6d278', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '8972f84901e6f817e1c8d53831d900ba7ca4d651' }))));
+        return (h(Host, { key: '14263554c78c1d20a17e70c7dee16acf2ef9d2a7', role: "listitem" }, h("button", { key: '9822818801c5d78a8ff2ca65dede2e8b0ddf0706', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '152c1348327f72a0ca509cd5c1db1ab82c864d9d' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-list/gux-list.js

@@ -49,7 +49,7 @@ export class GuxList {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: 'ca079dbbf47d931b2eb12fc82a70c1c6f37ba03a', role: "list" }, this.renderFocusTarget(), h("slot", { key: '90e341958351a216f8d21a8af1ed4d7c98319e4b' })));
+        return (h(Host, { key: '1f9c4c3bb8aa71a2c242d0e76fe4207e5bd8496a', role: "list" }, this.renderFocusTarget(), h("slot", { key: '9c3b6aecd98e9cd82e6fe2d0cefe1adbd133c26a' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/option-group/gux-option-group.js

@@ -48,7 +48,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '2c97646f685d130588c66ef8ceaadeb5b31e44cf', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'c46fc8ba1d4b29ccd18e54e67c342a469cc38e78', class: "gux-option-group" }, h("div", { key: 'c8e3b1ff5645df759cfbdeeae6f4ffda0829f85a', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '200e869d5e6f0cd7b26f0bb4ce95978068ef3bd4', role: "group" }, h("slot", { key: '57c0370e2637b8a43fdde4c5484391b1c1d01897' })), this.renderDivider())));
+        return (h(Host, { key: 'f0f857309199da75a1d746f1c64df5d03cf1482c', class: { 'gux-filtered': this.filtered } }, h("div", { key: '8fd2f7bcf54e3b49dc2ca49ad7b85ba24bb00473', class: "gux-option-group" }, h("div", { key: '0a95e5c1d6b1085f743a6873ccf4d470c6f638e6', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'a5844feac9804a678c0487ff097ede61c378b630', role: "group" }, h("slot", { key: '5ce6fda569654b65579a5d68d267da52494bdf3f' })), this.renderDivider())));
     }
     static get is() { return "gux-option-group-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/options/gux-option/gux-option.js

@@ -42,13 +42,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: '8c4add4d6fa16439db972a504768ab8738c69224', role: "option", class: {
+        return (h(Host, { key: '5a0f0e76a9a7d6c47bec3962f8fd928e99bcf90e', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '5e0dc0460c85a5b80a51c99af86ba7c68ea60dd6', class: "gux-option-wrapper" }, h("gux-truncate", { key: '9a530744dc7172908a03166f5af3db317ced8fbb', ref: el => (this.truncateElement = el) }, h("slot", { key: '6407fff22315b03eb78de767fdd9f4f68215f945' })), h("slot", { key: '4d3075a2ffa8fb5d99a6234b0bde3bc698f871ae', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '0333df4572e7e8e96719311e9f4adb822ed72268', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'a42db761ef58e2be2d05b11455b9223f211cd0c7', ref: el => (this.truncateElement = el) }, h("slot", { key: '07afbb2319d63f0fb6e0b45d27e78c3d76ba3020' })), h("slot", { key: 'b1b61159e41c756763d4a2060523af62ee8d9590', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.js

@@ -65,14 +65,14 @@ export class GuxOptionIcon {
         return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }));
     }
     render() {
-        return (h(Host, { key: '307cbb465ac143c57af4011285f5b87956a63197', role: "option", class: {
+        return (h(Host, { key: '267528cc8adc479f9ef7cfa4129ad9481ba87610', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: '9167eb409778763f03d174a00ae8ed2746b9ec62', class: "gux-option-wrapper" }, h("gux-truncate", { key: '075b924c37d00e84234fb177d6864a7d23c45c7e', ref: el => (this.truncateElement = el) }, h("slot", { key: '2001e50d8c1efd8588edff586c15d7681bbef071' })), h("slot", { key: '6772193db724a76ff120675c05aa2f3d3ce4c339', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: 'f59f5d5337f4fab5e7de8b16b62cd78722cfe6bf', class: "gux-option-wrapper" }, h("gux-truncate", { key: '4d569376dc6169157ddbad47f618dd61dae4a89e', ref: el => (this.truncateElement = el) }, h("slot", { key: 'eb190d66c1bab906436ce8c89b5e7872f2f2ab5d' })), h("slot", { key: '48b4e651063a8af33fd177876d14137081d3f3ee', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     static get is() { return "gux-option-icon"; }
     static get encapsulation() { return "shadow"; }