genesys-spark-components 4.231.2 → 4.232.0

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

@@ -423,7 +423,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '1a9f9e76a264bd490ff6f03b2713a7ca6ba4a904', class: "gux-dropdown-container" }, h("gux-popup", { key: '1f453602a3271d00bf1fb9318d1c3077ecb54b5b', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '8218431fc220e7712c78a3149a1411f580a0bafc', class: "gux-dropdown-container" }, h("gux-popup", { key: '4cc022881fff6f407fce2f92d5cdf7b086077a29', 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

@@ -183,10 +183,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: 'f9d26b8567c1436d5966aec6c6c06d4031064382', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: 'e46c3eee790e63e50957e0d36537665c961a490b', ref: el => (this.announceElement = el) }), h("span", { key: '99eec923e9e9edcc7a0442eb55eb936ea318df8d', ref: el => (this.targetElement = el) }, h("slot", { key: '9a1b5750acb2ca61b830f84c37009a6cc808c342', name: "target" })), h("div", { key: 'e2b97287b64e5eec9b63f21d646e89766f3afd18', class: {
+        return (h(Host, { key: 'f4c90d9741fdb7203ef33e0013b1b13e78ca5922', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: '419d0075631175d863163e992dab85cf504de112', ref: el => (this.announceElement = el) }), h("span", { key: '3033273e3cc690202fb4d8bf71408507acfc3f2d', ref: el => (this.targetElement = el) }, h("slot", { key: '9d1dac9d7fc35d5f33d29952c071f0b237061fdb', name: "target" })), h("div", { key: '864059aa6470236dd411ee3e8b592732cc4c5b28', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '77fa03106ef57bfb59dae0239199c5a93f0cf376', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '3a624af2d215ca1d188397f79dbed8d33423698b', class: "gux-arrow-caret" })), h("slot", { key: '3a58a1f1723edec46a054039f8ec377c93aecc7b', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'dd1ba5b8062d6f4f15a84d3e3dfb36933b9bb67d', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '602eb988123efc466fd67e452c28efec1238fb08', class: "gux-arrow-caret" })), h("slot", { key: 'f4beff6d4dc46547e663725307358a94add992af', 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

@@ -31,7 +31,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: '541966d45e648f2d5ca0016d3d7577aaaf2759d0', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '85d7fb6b853df1c3c13cb336531eb5071c465609', class: "gux-menu-option-button-text" }, h("slot", { key: 'e169b0ac1d3f1a48e2ebf3b45cc8a9e8d918bc56' }))));
+        return (h("button", { key: '7015bf728a51518f603779f91aaf4807ebeb133d', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'c5abbec3d255d701c2d222bb0de819ad61061bfe', class: "gux-menu-option-button-text" }, h("slot", { key: '0d5de06d093526e850076d4722d7264474ba8a52' }))));
     }
     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: '75e8631555dfe278af8a68cffbd3dbeb04d3c9c4', role: "menu" }, h("slot", { key: '8515dcd7a6479bf036dd6ea1caf693a7097c16bd' })));
+        return (h(Host, { key: 'eb1a4edff554ff5573cb17f3819a0b89c3df8bb3', role: "menu" }, h("slot", { key: '3e544f1baa2089b93b3aa40a2627307b715a3be0' })));
     }
     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

@@ -142,13 +142,13 @@ export class GuxSubmenu {
         }
     }
     render() {
-        return (h(Host, { key: 'de18bd08c3c3b32f6c3bb8d2950f11e38f645d8c' }, h("button", { key: '51243bd6547e8ce0c888e8facf2514f1a0a45bf5', type: "button", class: {
+        return (h(Host, { key: '867135ae873f1af6a10bf5e1884360ca1fb67f61' }, h("button", { key: 'b1acccee12248250272e1fb19912b4a9555aa16a', 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: '7228c78ac8ffa14062eaa2aaeaa6b0c6a0d5e741', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '58766c2d4ad11f89e24ec8e235a41e78fe266e6c', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '2553db28058e35d7c7c4d8f636fbead6ca8926e3', 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: '2d7184fd10255e9ee23f5feab54c5f82aba49e03', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'aa7dc34898e1bbb5871178dd72a24a7a8982b758', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '4e5b472864f147d4e91f0f886432dced68630136', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '2de0b5ee9b51fa4661fd7fac38003c558784e5e7', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '2d02ac07c49b83d26874a92be149fc43173aaf28' })))));
+            } }, h("div", { key: 'bcab67a7e7ed0b3a7cb33390a554775fbf1f3f7e', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'dae79f1c37ea072c8b9a8dd0603db561a90aa0b4' })))));
     }
     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

@@ -51,10 +51,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: '6be5724c6d7f353f7a938e62081613b969633dc9', class: {
+        return (h(Host, { key: '1aefdc84296829f5ecb45726289a57900a8e82c0', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '72f528325f9ddcbfc3d30b2e7567c176be4f9ab0', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '41cec804cb725b17e74d6c2c8f49265337d06b64', class: "gux-input-label" }, h("div", { key: '8feb33f771d8a1357f9760a7c763c92bd84d52c4', class: "gux-input" }, h("slot", { key: 'e89f30cc0d588d7a6971acf79276782dad3afdf3', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '35c75c4845c4c7262157f07374083a251939c648', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '3b75912596bde38531fab54cd962c61c020ece43', name: "label" }))), h("div", { key: 'f3dfa4e1823143792e07a8c5dd03dbb54cdad284', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '318ef061ef7929732a2ab63b54e6bef16cea55e0', show: this.hasError }, h("slot", { key: '7b1ad0b47fdf6169381f06cd3d768cfffbfe2e93', name: "error" })), h(GuxFormFieldHelp, { key: '5bfe1b649709845b10e29e30286bc14807ee5301', show: !this.hasError && this.hasHelp }, h("slot", { key: '482298addc616faf1baf2a7b41cf76683a013653', name: "help" }))))));
+            } }, h("div", { key: '9397e34df74404156f52654082c6e518c48cca52', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'f583148dc05329f2e7180eebe472c075cc4976b2', class: "gux-input-label" }, h("div", { key: '85386940896925c453a654ddb620b6920cfe4ce8', class: "gux-input" }, h("slot", { key: '2c913278d1aa3335ac2371a4c489236acaf03a60', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'd8e24ad74e18b981456abc7ced8c2ad4baf2ba85', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '5fee8bf3e1a1bde92a34bac86169a6f71589e472', name: "label" }))), h("div", { key: '30943828d1e9e7873e8ed6fb474ce8e65265173f', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '0201b2ce5b516a1fddeedbc22d762a51b0312417', show: this.hasError }, h("slot", { key: '6aea5f57764f866d2bf87b0a09d68911bf5ebde5', name: "error" })), h(GuxFormFieldHelp, { key: '4eab8a81f4e0e0ae5989a99147b5e43a979230e6', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c492ba0bee665efe56f49b277648e5d49637ae5b', 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

@@ -154,8 +154,8 @@ export class GuxFormFieldCheckboxGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '5b6e707b17bafdcab6c907815b1c461668ebefd5', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'fb23cba36a60545e2e278b4b0830be6b2f9d2cf4' }, (_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: 'becbcbc1768106b886059dd5660dab27ed4e580b', position: "above", required: this.required }, h("slot", { key: '6f3ad4d484c4f869dbad54ae2ed50007c54cabdf', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e8ab7767262b6d097dc72a557f1519f11df06cb2', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f1a7a2b4d3fc013ae6b23668556e950f8c8a1fe7', name: "group-label-info" })), h("slot", { key: '6e9b0e4546bbce9c9782114fa5a183191dd43720', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '4f6f63889f32078e7cb954fc933be35ad08e2add', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'cc2e03876364f7aa0e14c5af45f669fff8af0af5', show: this.hasGroupError }, h("slot", { key: '928c87cb8a084d1562318f74d83ac0f71fac6255', name: "group-error" })), h(GuxFormFieldHelp, { key: '78009fc037e5354babe8ef543ecfb9592bd20922', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '472d4c2c67cfcb166726821a47511e7b92f8ed0f', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '60f18cfe8373a9414a78715a4a906c04ff1c4915', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '8c98698b3f4041fa1d64cfa0bef2f44e769c0f07' }, (_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: '89fe73ff9c4d41ce42a4ae5f3c0e526f4bd63b74', position: "above", required: this.required }, h("slot", { key: '818e93d883540f758169f9345163d9593fa12613', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9cec2969a3b901a6c9a6b89810667a07912f091c', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ba7b81204b7ef2c0b8273cd95e6949a1cc46ecf5', name: "group-label-info" })), h("slot", { key: 'd14a2781f4fa7b7cba10d40ecaa7aaa2110a36fe', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'f32b310d6ee22de2c404ffa99919c075a6461bf0', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '3c9f8d6533a03a2a476f83f01668f66dc4397afa', show: this.hasGroupError }, h("slot", { key: '8cb29288a2163deef3d4d76bd07784bf7fe35bb8', name: "group-error" })), h(GuxFormFieldHelp, { key: 'aef3c9a01bfc98e02229c734b40e9458430530af', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'a7b0d7876bf79720384a8c30d742e6c2d37116ed', 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

@@ -11,6 +11,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { forceUpdate, h } from "@stencil/core";
 import { calculateInputDisabledState } from "../../../../../utils/dom/calculate-input-disabled-state";
 import { onInputDisabledStateChange } from "../../../../../utils/dom/on-input-disabled-state-change";
+import { onInputValueChange } from "../../../../../utils/dom/on-input-value-change";
 import { OnMutation } from "../../../../../utils/decorator/on-mutation";
 import { onRequiredChange } from "../../../../../utils/dom/on-attribute-change";
 import { preventBrowserValidationStyling } from "../../../../../utils/dom/prevent-browser-validation-styling";
@@ -49,6 +50,10 @@ export class GuxFormFieldColor {
         // Trigger re-render when input value changes
         forceUpdate(this.root);
     }
+    handleChange() {
+        // Trigger re-render when input value changes programmatically
+        forceUpdate(this.root);
+    }
     handleKeyup(event) {
         var _a, _b;
         switch (event.key) {
@@ -106,13 +111,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '03da50fc2dd75b8fa11fd24fa931686cf9c6ffb2', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cd136f3469a771cc4fcebc0f8b5776bffb9f8a3e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a562e070a8863266e4adc1ee05a84174e52a74ee', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fa35f0814863a9a134068bdfece39eb9c8f59ce3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4a9e9d31b5c5e311e13dba6d321f1af4efece5b9', name: "label-info" })), h("div", { key: '705bf98a58485669bac80a17d247c22ab5118a49', class: "gux-input-and-error-container" }, h("div", { key: 'e00ad006c83ba355371341c15ed8fbfe38a41625', class: {
+        return (h(GuxFormFieldContainer, { key: '22731ec8b3582e60ea9cdabbc101f6ef60b0fd1f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '06949fed7716a0eaa45fb3f3a8086d1b0b7f36ab', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7385e436877d65d2aab1546e7f2f405bb9127cea', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2b41de5051abf6be0903bd0e0e0ccfbece25cd7f', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7ef8e11ca1f7571603e8c2af9fb9e33e03a045d2', name: "label-info" })), h("div", { key: '6bc29a166a510778cf78bbbb9fc5f9fafabaf059', class: "gux-input-and-error-container" }, h("div", { key: 'ef431d82c936ea957f7aaa7c7498902db5c35305', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '7b50ce52e74f979b43458725c7a45c1ad302f0cf', class: {
+            } }, h("div", { key: '0bfc60c7d39b90269eb5bb37f5fb701fc29af18a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '70275667fc0304d22fe0375cc5a4367bb76e121b', name: "input", onSlotchange: () => this.setInput() })), this.showHexCode && this.input && (h("span", { key: 'c99da4e60bc4bd9bceec8cd1abeb18a11429b6f4', class: "gux-hex-display", role: "status", "aria-live": "polite" }, h("gux-screen-reader-beta", { key: 'd00866dc1bfc0f9fbd2f6475727d21de23e0a532' }, "Selected color:", ' '), this.input.value))), h(GuxFormFieldError, { key: 'b264147281833b9c33806d2b4ac5ae61f667581e', show: this.hasError }, h("slot", { key: '25242b105ecf14258ba4cae79a509b0497c3ca7c', name: "error" })), h(GuxFormFieldHelp, { key: 'd939d8cc211229bf2b4be63b056055994aed071d', show: !this.hasError && this.hasHelp }, h("slot", { key: '7dab8da2318c7badfc223e31d50de9f04d633fe3', name: "help" })))));
+            } }, h("slot", { key: '5ccf7f7d94e010283c76225042243d9c3ef379b6', name: "input", onSlotchange: () => this.setInput() })), this.showHexCode && this.input && (h("span", { key: '9b9e8059d716d85d9c9229976505a5adb888aceb', class: "gux-hex-display", role: "status", "aria-live": "polite" }, h("gux-screen-reader-beta", { key: '3f72b11b8bff88f6624bc0f682ce7ae102019a65' }, "Selected color:", ' '), this.input.value))), h(GuxFormFieldError, { key: '1851f3dd0d546f9caa0ad442267b9d1de6051648', show: this.hasError }, h("slot", { key: 'b779897f71b1d26f1cbcb3e9e69d86f8fc0d340a', name: "error" })), h(GuxFormFieldHelp, { key: '1376fa7f3db8617c97bee8f12163f1d6ea568188', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a9123a8c523b9fc3a487f0254ef07738bf8e2ce9', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';
@@ -128,6 +133,9 @@ export class GuxFormFieldColor {
         this.requiredObserver = onRequiredChange(this.input, (required) => {
             this.required = required;
         });
+        onInputValueChange(this.input, () => {
+            forceUpdate(this.root);
+        });
         validateFormIds(this.root, this.input);
     }
     setLabel() {
@@ -261,6 +269,12 @@ export class GuxFormFieldColor {
                 "target": undefined,
                 "capture": false,
                 "passive": false
+            }, {
+                "name": "change",
+                "method": "handleChange",
+                "target": undefined,
+                "capture": false,
+                "passive": false
             }, {
                 "name": "keyup",
                 "method": "handleKeyup",

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

@@ -106,11 +106,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'fda29cfcb1fe9a359097dba13029edca368634cb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '5bb6943c78b6732db40cfa324d9027e9d9e6e6d4' }, (_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: '5db68e06b5ea03d32df27aa4bc751fe861d0861e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '576e0563563e5a84b5a786b66ce2dee969804c42', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd476af73598415421d7ca4f5fe50ba0d73ae3c49', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b47ce0c9da368f7bedd84444facaa0796b429177', name: "label-info" })), h("div", { key: 'd253db9819a49a8285d3a6c37ab5a9de3cb6c3c0', class: "gux-input-and-error-container" }, h("div", { key: '560dc0f68e0944def6d8607de1e8faa6b2d0b26b', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'b01965068cf59175e6f5e7392e31ff0e6aff389f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '7e9b9776b487e2fd48e4b76ea32b4c264bc089ec' }, (_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: '8a4cb37933f112613e2772ebe0ecbf3cca4e4d31', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'cb7c431f9903b66e9397631ca5c066f8018f6f16', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '91d5befc7b4f818c117296ef579e1bc0154d8dfd', variant: this.indicatorMark, required: this.required }), h("slot", { key: '56d2513d6e728ebf8211c50d8ba61b952607345d', name: "label-info" })), h("div", { key: '50812ca048b07dc35b192feab2b88ec5fad68783', class: "gux-input-and-error-container" }, h("div", { key: 'c7c276d3b2896151632032d82855107949d1ddff', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '5e9f5bc643b92e5acb1f6711f066e36f8bb9f829' })), h(GuxFormFieldError, { key: 'a092f7cea1500e455f7a07a671a1b51185751c22', show: this.hasError }, h("slot", { key: '37a395aee40f1ea23fcd1803f992f60f0a808478', name: "error" })), h(GuxFormFieldHelp, { key: 'e375a00d6f22d6ba15926baf6aae8052e07f6624', show: !this.hasError && this.hasHelp }, h("slot", { key: '2d3708cf7f2b5f451b5b50ab9b216c85aa786d8d', name: "help" })))));
+            } }, h("slot", { key: '322f9dc24ea62313e75a092d837bac674870339d' })), h(GuxFormFieldError, { key: '4f5da9e2a78c5fcb1c7b01c43290a81d5ba1bf68', show: this.hasError }, h("slot", { key: '3683882aa43dfe2e895ec13e7d88b489fc489828', name: "error" })), h(GuxFormFieldHelp, { key: '3ca707791fdc95365c34a1535784e726303c6cab', show: !this.hasError && this.hasHelp }, h("slot", { key: '5530f2bba8dca9fdbe6975945d40be9a85acdfee', 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

@@ -109,7 +109,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '2657ca7fd5af94ff8583a2ac86c1a857c52000e5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f361372bc0a5acde833e821459df8f82ffe88180', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '866a2412f178f157bb913f7ad18e24568c39fe85', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8cb226da4f46706cbda4eba151d035ebd59a6ae3', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'da11cc01f47cf98763ef67248e6e3aa80daaaa89', name: "label-info" })), h("div", { key: '109c08631a44d1edc926d5fc38e45f3b2627b72b', class: "gux-input-and-error-container" }, h("slot", { key: 'f7f840011b812da1efdfdc4e5839ccfcab071a7f', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'd5f991fb90d8c89be333a29635bca62d58385554', show: this.hasError }, h("slot", { key: '6d2e40cd6fff44ce35b68e67e1ad8cb4055e9336', name: "error" })), h(GuxFormFieldHelp, { key: '69933d8faf3f0e9a1a2e4d01d450bab40a29eeff', show: !this.hasError && this.hasHelp }, h("slot", { key: '2fdcdf4c9aee6f5bde10aa3f3bfd0077a9ee01e2', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '946ca3ed713bc301e03b3f697b2d10ff9ec8d29d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '3121543962f5d5a9cd9eb4064a1278832a315479', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4e108ee2dc0a2797a26093f97a94f1104ef28855', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a803956c31eb0668a36c2d1ab439b4488cfa10ea', variant: this.indicatorMark, required: this.required }), h("slot", { key: '600042e3437bb2bd24daa44b2ec11b79d7a9e6aa', name: "label-info" })), h("div", { key: 'ce797d4dbb627eeac298d4df19bffdafb738f27a', class: "gux-input-and-error-container" }, h("slot", { key: '776c62619f8e8efb38219e6bc41e328338c1c850', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '01eef6540004541b3afc6d536fd02a8384246846', show: this.hasError }, h("slot", { key: 'e68ea6a90e777ff43f519c83f520020318fe76e0', name: "error" })), h(GuxFormFieldHelp, { key: 'b712e097abf6c7ab98fc7a2794bdfa1a0ba1dfb5', show: !this.hasError && this.hasHelp }, h("slot", { key: '98cd41b98056f9c9d04d29e33af0c810ebd4e9fd', name: "help" })))));
     }
     static get is() { return "gux-form-field-file"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,11 +11,11 @@ export class GuxFileListItem {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '2d1e97c2ac6825c1dab903b8a48eb1441bff08f3', class: {
+        return (h("div", { key: '0328161fecdfac516d93b290bf80aa20164bb7b4', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '7a66ae5e04bf8163490ac07621ee87b8784ab787', class: "gux-info" }, h("gux-truncate", { key: '915968c4566c17b0fe5e81b88ea6987e1128aa6c' }, h("span", { key: '33484629960329adc81dc43bd586a216ed863671', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '65f0b9fb80b042ab77d78755558b76b65d0f4f85', class: "gux-info" }, h("gux-truncate", { key: '3d5e10a298214534d8fc2ee112415e47c485410f' }, h("span", { key: 'ca45c730913d3045378d760b12ba860d105afb99', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

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

@@ -98,7 +98,7 @@ export class GuxFormFieldFileBeta {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'd7d64c8b03576ee5518724c01e95c05ca0fc5a68', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '36fb0604711034cf5e2fb0c0dc620feb6892750f', position: "above", required: this.required }, h("slot", { key: 'd773eebe174d917c71dd4e276eed43ffdc17eefa', name: "label" }), h("gux-form-field-label-indicator", { key: '2a49a514994162fffe5365bf930d69c631de3ef0', variant: this.indicatorMark, required: this.required }), h("slot", { key: '23fcb43e38333d2ff5efa97a8fcd4d3a41206a35', name: "label-info" })), h("div", { key: '94c5945e962afbe1960094e0fcd369a11098ba4d', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'd2e8ad845e4a6986699fd30bc053451f5327983c', show: this.hasHelp }, h("slot", { key: '05778f50b7ee18e7a27ebdaf644ada4298198339', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '06797d7f784baf36f7162494c97fe3c0ca5e0d4c', show: this.hasError }, h("slot", { key: '9cc5baf9c61c82b7dacf4441d005ef3ffc989000', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: '57ef2ebae8a59bde41790307e690af0ea366dc87', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '32bbb73c4028a67b2db38685ec2ab150b01ea0e7', position: "above", required: this.required }, h("slot", { key: '4fc7fb52cebadcf6a97ec0cdcb896415a6ae1c8f', name: "label" }), h("gux-form-field-label-indicator", { key: '30c9b5cfd742079fd5bfef468d714f115a6b32d9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3fd8cc3fb2388a1008c9f3cb154a4caa398140fe', name: "label-info" })), h("div", { key: '26f61d3621010a62a822c128a1a503ceed94f215', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '1e126747c0d20eb5df369fdcc8a790e03ffd5e84', show: this.hasHelp }, h("slot", { key: '24febdd6b3e572a6fc4794dacb87bfa0591ae98f', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '2f92f1a346ec1b90eed6be65beafdc9a93510542', show: this.hasError }, h("slot", { key: '590e66f07b0753608751a596876f486c670e5d02', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="file"][slot="input"]');

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

@@ -110,14 +110,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '30ccedb0410670dd00b60a2994d7fdceab057943', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7ad80ebae23cc90f614b6dfeec78e9be1d0ffd61', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '12bb7ac7eb7805d43a42d85728f80a22919f1f5f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '99079e3be06cd3aff07a261e7f1e2b2d1f69e24f', variant: this.indicatorMark, required: this.required }), h("slot", { key: '83cdfffba8ee539293340b3af0977564dd6f4475', name: "label-info" })), h("div", { key: '2ddd3f312c26cd61e1165fd2367182c11623d4ed', class: "gux-input-and-error-container" }, h("div", { key: '87c82e329d275d96230a7bd23ab9b1f52dee4159', class: {
+        return (h(GuxFormFieldContainer, { key: 'de06df74a05d0f1dd916a45cf94597e4e531231f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1e82b7f19353a96a9a0a1595ddc6eddafee57832', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b13110e6304132d8f29be5b2444e7ae40f4749d8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '061479ca8ed2f61755ca234dfa6724fb25cf4aed', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2d4e7febeecb9f1183677363f4013bbc23ff96c0', name: "label-info" })), h("div", { key: '0728e03f72cf25d6bfa00b96ee4bdbfc8a5471e1', class: "gux-input-and-error-container" }, h("div", { key: '0be14868fcaab85c38411fe0de914301734c82b1', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'cb9f3caa4bee458184f6d86e7901ac575c9316f5', class: {
+            }, part: "input-section" }, h("div", { key: '2f9960e8390b7aba362a7851c20c6c3f8fe5015b', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, style: { '--gux-text-align': this.textAlign }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '7c609bd96f508afd175197839b04d330a70e01e6', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'c89cbdabc32e1ec9502540f667ca2b7b28e66ef9', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '6795b9e4169614c16b76de20aff58af9eebd8ee1', show: this.hasError }, h("slot", { key: '746735ea57bab8b92441e2b0d82e12deeccf75a9', name: "error" })), h(GuxFormFieldHelp, { key: '92573bfc40e1f1d25263bf001d8dca8113a62890', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f38f6dcb12189bf99db0491c4d0d0fe598533f64', name: "help" })))));
+            }, style: { '--gux-text-align': this.textAlign }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'ea33dcffd3ad17f3f97611cb028e2313cb2d5084', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '4180f0abd151eb69d120779e31e94d0aa3a4cfbe', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '469c97891693319a1b59916eec0de5559a514035', show: this.hasError }, h("slot", { key: '7be997b3817cdb8218be272ed5aaa585ad7dcc0b', name: "error" })), h(GuxFormFieldHelp, { key: '8dc8513b09e102190352ae1173e82e8dd2f612ab', show: !this.hasError && this.hasHelp }, h("slot", { key: '20c8f48560b1e06849c4fea650878fb886b4184a', 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

@@ -102,14 +102,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '8f92b4c162732fdd102e3484ad95347cf85cbd4d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '2918fd9eaa84c174a224591af981594d8776f333' }, (_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: '9843f5c9d5d3d2bfb6a0ce0cacd433d580c99050', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a767b06ccedd8309bf32caa6d095ee40f7050fc5', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ddf037b49283edf6cb0ca5932e55af5c44387c32', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3749df58dd4bba3588ae38fd39809266406c246d', name: "label-info" })), h("div", { key: '810efb14672e887375a789c8659a7004ecdd3c8e', class: "gux-input-and-error-container" }, h("div", { key: '294fb5fcdb193d0374d196c0bf59ea7636bb7c58', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '5b370494ee9af166252b48dd9a9437410502282b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'fb2eaf1752dab953091d2274fc4c32c43216b034' }, (_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: '40107bdf69a8689d0d960e03b83bc4fa0c98b859', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'feb9e2a06f68c729dba07bf1696fbfb8d8685226', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'db628cf71f6fba698c8bf296eaf4719fc1a41243', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fb23dd4c2d6b55dfe07bea665b377d492271cce1', name: "label-info" })), h("div", { key: 'd50d163dcd1637fca4e4d0e75341c5de227b8ebb', class: "gux-input-and-error-container" }, h("div", { key: 'd26d4aa428823690c708109606aae854d8cb5ecd', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '791b695ddf035ec4a6a7b8b5e204806914a510fa', class: {
+            } }, h("div", { key: '6d970a4b699e927478a23df7ea1811b1fb96f443', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'a1b66b34ce40a023ed48ebea8a9c1e0e0586c150' }))), h(GuxFormFieldError, { key: 'a8a90798b88dd2b078c42799fe86fad7c78ae0d7', show: this.hasError }, h("slot", { key: 'e06edea2e02c0ba4b2fcb04479147bdfe338a298', name: "error" })), h(GuxFormFieldHelp, { key: '079cdbec46e48078bcb83d357b7a6c22c3d4ea24', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fe2db6c4e3daf41c82e149c8ca79ad6721b591fe', name: "help" })))));
+            } }, h("slot", { key: 'b122ca6be5be3b24cd1102e2ff443ebf66535f27' }))), h(GuxFormFieldError, { key: '3913732c0b825fa775a9af0785724f1316cec375', show: this.hasError }, h("slot", { key: '3afca86c44bf859ba31f10e7c4e1858b05fe1f9a', name: "error" })), h(GuxFormFieldHelp, { key: 'ed752f2c2085fca40905423141a033f46509a442', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd44ee0b36a131b21b08c3a34c2ad3d13581c7f74', 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

@@ -50,10 +50,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: '831df696d7f637d5439038e78fdb31816805a73e', class: {
+        return (h(Host, { key: 'c8294062dcb6689dc257784cd2f426d6e993fcb2', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '75ede9fb1177b3e352194870b715ea5963a9315f', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '6db2fe485e1d9c43c74f3a8fafcf2379b27d03d9', class: "gux-input-label" }, h("div", { key: 'e3f5325c3a1520eebd41fdb1a1eecd6d64142753', class: "gux-input" }, h("slot", { key: '0ef62a67573dd13fd06f3bc37d14f0cd23d0b0e6', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '2ddee2454551a09e358ff3d294916405e425a9a0', class: "gux-label" }, h("slot", { key: '205833cfe9c25b99c8659dd0307a7cc3107e2d83', name: "label" }))), h("div", { key: '13971c0240c66e36485b83aad835551638350c6b', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'a2f8a8463e3fe1b2dc3e15b91e7987bf2f1ad936', show: this.hasError }, h("slot", { key: '9caaa538ded65777ea1beaea06602fbe991459bb', name: "error" })), h(GuxFormFieldHelp, { key: 'e6a336479554b26021892080c88451e09d96d704', show: !this.hasError && this.hasHelp }, h("slot", { key: '073fa8836e665790199768c2af3ea7b4089ea488', name: "help" }))))));
+            } }, h("div", { key: '2987a6c4778d8e72dc573d5d241a1b3d65096ed2', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '60bee0977dff72c3508bd6b2fbdb48833efb7d0b', class: "gux-input-label" }, h("div", { key: '79b3d988644e71e6c867614f9eb88f5a4d4d0c90', class: "gux-input" }, h("slot", { key: '45041794f0b3f84f394af55d91851c25fca9476b', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '4838cdb6e6d3e0273ffadbe3a106d861ceaf3f60', class: "gux-label" }, h("slot", { key: '1d49706814e8f3264acf1b6642aa8c431306e3bd', name: "label" }))), h("div", { key: '644bd1caf109c16c7691738bd29a52558a6a4797', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'e3b1e0874f05d177685e77c123a7ece727388185', show: this.hasError }, h("slot", { key: '6f22bcfc15528ad6ab188464bba816d695d92fd8', name: "error" })), h(GuxFormFieldHelp, { key: 'f5ac9c53a219ff79f6a6abb6fe5cee8047b07d20', show: !this.hasError && this.hasHelp }, h("slot", { key: 'afa8dd42a20cf0a7ec100df369307988b08e39ee', 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

@@ -129,8 +129,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'af9e7e69b891fdafd937f5b90a04a7fcf7d9db95', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'd55e904a200425e4b3322476d01dc2b5a4e9beeb' }, (_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: '46ed5df897e8f213fb1f6205da80e47d22047911', position: "above", required: this.required }, h("slot", { key: 'c013e51be7262456aa961303559bca8bc2208bbb', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8fba248650ce8c5bc8bc3c35e8b36a10a31aa1f6', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f0f884136dbd74cf4dce78eb61bf5447109dd590', name: "group-label-info" })), h("slot", { key: '05a7718cde3132bb20084e5551a2d0f4270ed5bc' }), h(GuxFormFieldError, { key: '2faece6d0d5c6865586674d200f2ca2ad0b6bfd4', show: this.hasGroupError }, h("slot", { key: '90b3eafdbb485dcddb0bdb566d4db8691035fdf0', name: "group-error" })), h(GuxFormFieldHelp, { key: 'dc63a3b23fc0cd0a9e1052171c3cbe2685947bdf', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '300039e56e64bcc8ed49c77343193f3d0d3d5070', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '1c42ca72d194077372f5227497e51b36b29554c0', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '2b8af11f007ee58bcb341c228c02d47ee57924ec' }, (_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: 'e8ff8e8469f41e4a036fa07be0b97725db8dd5be', position: "above", required: this.required }, h("slot", { key: 'c5eb15be21ab22fc21a9843a36a19c4288eff8bd', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f085e2bb9bb8e5dafce0c7d168d45dcde1d9307c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '78f8842ee7e07259a8d6cbb99e2779a16b84a1aa', name: "group-label-info" })), h("slot", { key: 'a8a642a236633d7616cceeccf65a300302dc8b64' }), h(GuxFormFieldError, { key: '4a78c7142d50e409dfdbf56123e83541540a46b1', show: this.hasGroupError }, h("slot", { key: 'b264e2842d4043b7969a015f6fc083a6d6a22e9d', name: "group-error" })), h(GuxFormFieldHelp, { key: '30e8179352dde94fd7dcd4c5ec9ef20a2f842881', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '3ae8db0254d9885a94db7f8c63e4e08832c1e21d', 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

@@ -118,9 +118,9 @@ export class GuxFormFieldRange {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: 'ab18019f231fb1c1da4223eba6e96e2bda08704a', class: {
+        return (h(Host, { key: 'a2feeed7a32b6b151ff0c81998d00fbd0bb6bb15', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'a5f8c4d2db7a04357b54fc54acb66970f5e1e0f3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f2e11c3739b9f9621ef6dc4241b3e8c096f8e2a5', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2718a6417745f676cfc9189b36699be88250e2fc', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4458a2dc2e01caaa2d71b9037fddf4c43dbdd9de', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd961ea642b3729babcbc510cfa0e4ea3129d54a5', name: "label-info" })), h("div", { key: '6de78662729adede4019b75b7fdcb3b466441196', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'a6e21be30b81a2a399da2bcd8defbe92dbb2624d', show: this.hasError }, h("slot", { key: '52f269ba7e1e6330198b9ab6118add33b2ff0470', name: "error" })), h(GuxFormFieldHelp, { key: '10b81dd0a755d3d580229127c6b9c801a4cbd16b', show: !this.hasError && this.hasHelp }, h("slot", { key: '87d747278f77634f375e88a45f3264d798d74044', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '39ae435923939fb7edb813ea2acb4b7c0819a1fd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1e56c980f600272e4deb1290c69c8cc1b3a49505', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '725d8f3b6503aa2f6f1b07606a001ae5a8bca2b6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '404a79109e1feda6bb745fc0b7b256f5dd3ecb80', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1fcaed74edce210c70b40df9efbfa40448497486', name: "label-info" })), h("div", { key: 'ce060481dee44892c033803e591c61149f51d746', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '9714a9ab923b3b40661c82291a06e4f200efa3ac', show: this.hasError }, h("slot", { key: '8eba53ee92834c9b7ea361ce14535abd881af0f0', name: "error" })), h(GuxFormFieldHelp, { key: '7554db2cc1c384c786dc05ecce136604a28e98ff', show: !this.hasError && this.hasHelp }, h("slot", { key: '979b8f37e3930fba55736496c11beba84ec09f7b', 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

@@ -103,13 +103,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'e8e33d5e6f92e196963739ffebde50d81d700b5d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c5b10c48380ac917646464c23097ccd49215e2d6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9a77d630279cfe16f16bb5524c536eb5ab47614c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6fa057335709880a2e28aa459b352181f5d53e2b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'faf5d6631169ef611e8b9006c080802115472a31', name: "label-info" })), h("div", { key: '276017f5d4d797ee47945200d200e677bd757a1b', class: "gux-input-and-error-container" }, h("div", { key: 'd203ccdd757753eeebdd9808ba8ecf296af99f76', class: {
+        return (h(GuxFormFieldContainer, { key: '5327b40774c9d5e90ecf607cd413bb9d82125caa', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cbd7b30ec7f3cfbdf4933495f9b193af7ea4b85c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2de3fd2daf32453eb36281b06a392556bc57d185', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3a4d8b7451457993f42d38450e9b5d97ee22bf1e', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bc592a77abb22b9086486324cebf0d4426e5f06e', name: "label-info" })), h("div", { key: 'ccd14adc575915083f0512ca0036d81eace704a3', class: "gux-input-and-error-container" }, h("div", { key: '2528bbf0a05e64431068b558abc63387a01a6ec2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '143161c656dda601159ff6a3c84d8a1414d7c0ae', class: {
+            } }, h("div", { key: 'dd191dca5ddf1b86d05b7e56cdd5317d5db3b51b', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'c8db8753d204fb85587bae389a967f7db1469f93', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: 'f41c0754a720a4af3065fd35e88aa683a3685a50', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'eadcd73133ff3485dbb43b10137f2240a3ce301a', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'cc770d430a74097b151d572b63bf533be43c96a2', show: this.hasError }, h("slot", { key: 'bfd1a8f1e3638b527d4ec5b8fac56444cf1e2ba3', name: "error" })), h(GuxFormFieldHelp, { key: 'e514fe17812eeb872047780267b5750a77941a5c', show: !this.hasError && this.hasHelp }, h("slot", { key: '6c75527f71ca7b4cef762dc78d4e6c7c0839cc99', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '6581e04612926872e7582a04738eed93be858f94', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '6cb73ce986a7241238afe27db1898390903e1f70', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '16a5bc8abd862b3e86cd895f13dc57505390aff0', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '3553a5ae0b040bccf6c4042c63d5f3333b5459eb', show: this.hasError }, h("slot", { key: '4848838cae9ea521ca7286fa8ff276bd9e807bd0', name: "error" })), h(GuxFormFieldHelp, { key: '6ad82ab2b2d447f5af79fed65008588afb42143d', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c9ef52ef295d474788630dae05df86918a56f4eb', 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

@@ -93,13 +93,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'be48504bd5eddccb010000dc273b27664a5b1010', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ad18db6d1bc0f608835dcbe8dbc6ca3e79ceac02', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '84d7b195e21c263eb8bbe7f1c05e40ab4798db91', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '59e2edbc2d6e24fa8e3a16ef81975bd8633f0c33', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8c57c4f4b29b9011f6b889120dc080258b3f3870', name: "label-info" })), h("div", { key: '796b25fa30a0b6cb1e29a0a7f328b734491e2e0e', class: "gux-input-and-error-container" }, h("div", { key: '9b3a5df43aa4c57b283b76026790cd4d49c185d0', class: {
+        return (h(GuxFormFieldContainer, { key: 'ad793ccbfed3bd8639f28adee44e0fa96791c077', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8cc90ce0663004a74aadf207512ad00249fafec0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'caa01765085990bb60de99879adf7182baec969a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd479d243340b2e124d58ec7fccc12e45dfb2d40e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0e53ef63eaa5961246df00800f18d17272d42f21', name: "label-info" })), h("div", { key: '2cdca99f221bd98b61ce2c68ac464f3d37a2c802', class: "gux-input-and-error-container" }, h("div", { key: 'eed85f7ae2b58129e8b12fe339bff8fc7d330119', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '4e8684033f1cb8283903f9663526bb8615eb7257', class: {
+            } }, h("div", { key: 'f00466411df22f727640a116e83d4f9b6d5f537d', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '735599b2e5d6c8270f87a361f4845ec958bbec18', name: "input" }), h("gux-icon", { key: 'b9fd56bee66442a0abcf59c705f07fb8a7488254', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '857420d6c27ae25af88431a3e90ebf8468f841ff', show: this.hasError }, h("slot", { key: '0d9d41c2d4c16f7b9886ffc9217e46a33370634a', name: "error" })), h(GuxFormFieldHelp, { key: '9b27371d5e42442242faa3a7bd20e76ee2bc61e0', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f15f28de84ac47f0c1fad4874cf33bb16573d7d9', name: "help" })))));
+            } }, h("slot", { key: 'cb244f7d755571f52e2bfbbf3a572c19eed786e8', name: "input" }), h("gux-icon", { key: 'eb2e35a744bc64bdede1e534a08d76af026bd9c9', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '381aa9c45db46234c753034c936ddd4d9c1e00fb', show: this.hasError }, h("slot", { key: '6b8e04b2b24376d016c5bf9b6725dbbff87eac65', name: "error" })), h(GuxFormFieldHelp, { key: '3e94798e95c53727b6a6a0c7d54027b48c457bbb', show: !this.hasError && this.hasHelp }, h("slot", { key: '907524347ae8462dc9247b977146b16d07c5677b', 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

@@ -149,15 +149,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '19507753492ac541ac3e2f78397e42dc39e51980', labelPosition: this.computedLabelPosition, characterLimit: this.characterLimit }, this.renderCharacterCount(), h(GuxFormFieldLabel, { key: '999b5d75401b949ee64268f9ea5413b9bde445b6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3e291c0569287b4fa9b14f4be984ec36c6f78a1b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5f343d6b34bbc753d63d8753172d89b15dd54499', variant: this.indicatorMark, required: this.required }), h("slot", { key: '770c2103d6855ce3c844c5715d9423fcbd7c4490', name: "label-info" })), h("div", { key: 'c8b6821aa665ea16ba301f5e7e452a17fb283800', class: "gux-input-and-error-container" }, h("div", { key: 'def9e2688c969510147f6adac9457abdfabef462', class: {
+        return (h(GuxFormFieldContainer, { key: '54f478dab0e45dc3efb156e9dad965823d697142', labelPosition: this.computedLabelPosition, characterLimit: this.characterLimit }, this.renderCharacterCount(), h(GuxFormFieldLabel, { key: 'e35eb1052c0d557eee144ba38b1816fa604b44d7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ed1e4e6d559032736dc33e4b892aaf940eb9b92c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7a8fd45e5ceea884025f99f7db466a05a02187e1', variant: this.indicatorMark, required: this.required }), h("slot", { key: '67c39e022a9da3a8f75ccfa15249ea5c8cd8873b', name: "label-info" })), h("div", { key: '9228ae0c610a42cee8023248086ba93991ea70e6', class: "gux-input-and-error-container" }, h("div", { key: 'b16ef72f6d37515dd75d8d105b23ad51eb3fcb56', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError || this.charactersExceeding
-            } }, h("div", { key: 'ee810405b9cdfb36eea44544859badb9a0f39dc9', class: {
+            } }, h("div", { key: '5b35de154169a5156e250368fb59e04dcfbe6d52', 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: 'f16c34cf3cdeabfba06bdb8de60fa21728b97230', name: "prefix" }), h("slot", { key: 'fc95419d20170cec05d38b2a56e27f43b548cdf7', name: "input" }), this.renderRadialLoading(), h("slot", { key: '860885d720aee7cc913d06b2a4b09e85f26fbbb5', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'e153370599ca80ece34f175b169150e1ef078a08', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'd69610a54a733d003bccbfe5e07584bde93517fe', show: this.hasError }, h("slot", { key: '6300e5fec96d18458911c9fc6c2390add6d8cb95', name: "error" })), h(GuxFormFieldHelp, { key: '72d90956219d8fa0d7e142b5dc079273156c73e2', show: !this.hasError && this.hasHelp }, h("slot", { key: '6f733423617f9655f195e4b74b713170f08976f1', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '414d14434e78f53c60ed6a848ff480cc1a68ceeb', name: "prefix" }), h("slot", { key: '02439dc0de64d46424f3ca9f6204907068880ef4', name: "input" }), this.renderRadialLoading(), h("slot", { key: '764b47c1c92236f2ed9202fd1a1366c7c65a47cf', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '498b9980be2675ed774e9f8b522d0bbebe772127', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'e7f599a692bb32129e4d0f928792145825ec148f', show: this.hasError }, h("slot", { key: '0793fd2e095d43d3ee735c9a862acfc0a03567f9', name: "error" })), h(GuxFormFieldHelp, { key: '0730b3990836f489372a6eb56d600d1542b2220a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f04d4b50de99a1e0ed9ebae1f63116907f32a986', 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

@@ -97,12 +97,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '93ec5df389255fe9c0717cc6118634599a45b836', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '51aa720314e97ad193533d06bce14e2a9dcc646c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '150e5bee7e2893f55eec99299bc1c92a0fbf469b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '93a475656d505967b056ba1f28dd55ff9805332c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8a3efde40d205943514a43c292110dc2aa36f92e', name: "label-info" })), h("div", { key: 'd6dfe705770b6337c6b41813696a40e3d2b17a5d', class: "gux-input-and-error-container" }, h("div", { key: '76a360c79b209e2cf8012de78ad96f406a136f3f', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '722954a835efdce0c0c011633cd01b07e36299d4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '9bdb9adec4c6b5f36866cd55c3ba6df8e9ca322f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '65412b24ea0257da33ef92f38bf85dcf0e9d4761', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1e17a44042e29484818e39eeff38ff35dc35bad6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '172571cb3b79326bc4772c88ac91a945ddf252e6', name: "label-info" })), h("div", { key: 'c69b8d80fa6e1c1fa6d1baf365bb9a91ee3e6214', class: "gux-input-and-error-container" }, h("div", { key: '27c69e1bdba6cf73eccdef0ee90f432f74e79252', 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: 'c1da98d416e3621e8cfe5fac0dc9f8cb8836c92c', name: "input" })), h(GuxFormFieldError, { key: 'db97364c65b2a253a54815d869df15bafd52693f', show: this.hasError }, h("slot", { key: '15e599ad5108f91db34c654b7778718fc385ed6a', name: "error" })), h(GuxFormFieldHelp, { key: '8b2290f0aa2c8678ccfde5b9f66d888a461a4482', show: !this.hasError && this.hasHelp }, h("slot", { key: '4e7e935b01e3e1f295a493fa4da16b3160fdd0c3', name: "help" })))));
+            } }, h("slot", { key: '3354320b3579ad47ed30155a179ab00e649b46a7', name: "input" })), h(GuxFormFieldError, { key: '3aae26fec5a70756720875fbd60a492a3ba5ef90', show: this.hasError }, h("slot", { key: '1ccfe7af52ab155d94b12f22dc712e8ed82fc6d6', name: "error" })), h(GuxFormFieldHelp, { key: '59c6e92d0ac2e49855543291cdd0fd0ee43fb742', show: !this.hasError && this.hasHelp }, h("slot", { key: '98bea039d5bc0c32e36aef4f508927c95ae45dc7', 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

@@ -102,14 +102,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '7019d79857574e102ae83578af234583fef5c4cc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ca6ab1858b36a3712e8b1343c5cba56afe92d393' }, (_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: '3646b518f28a4dd590a6c0712d48570262da3c6e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6e85afa4e8b9f5f4b827b1b04dc494bb531c1dc9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1d314c70db1247b999ebe5c8b7ca7ec7f2294d96', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dbae02b448d9e551bd190ae2c8a97f89ac56b0c7', name: "label-info" })), h("div", { key: 'acfd6a90fe613a5cf50d9a65db5a5adb5d9761c4', class: "gux-input-and-error-container" }, h("div", { key: '9e91fceb3d37b067b99254548396bed4079e253f', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'df2f888f7d245b7aad008b25d975720d14be45b0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '0a5a9699717209008e608b07ba8bab0150319352' }, (_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: 'abf18c23dc2a568e92d2b039592cb62361ca3f58', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '8d776efb91321364ea310efe891ede414a0211a9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '766c67a1801b885155cda3af44c41e3bb38b3eee', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e41567d722a81f2bd4ae7cd2ad163819f87dd598', name: "label-info" })), h("div", { key: '253ffada21061c14d85c6ee5599b70d60170c153', class: "gux-input-and-error-container" }, h("div", { key: 'bfdf4f6c3ed623c770cc21b8f66272f7634c5ecc', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd8435e7e590a2065c793ae6d061beabd16d813df', class: {
+            } }, h("div", { key: 'dcab57df9821db880d7dca7836cb8828d4610f89', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'a7c25fc2b4bc63d9be3b5de16b1c3cf0c80a5c2c' }))), h(GuxFormFieldError, { key: 'cc8289fa371510b008b36697da84ffa9ba379c97', show: this.hasError }, h("slot", { key: '8611df87a1ecf2a02bdf3ac7cd78368e076890df', name: "error" })), h(GuxFormFieldHelp, { key: '12136cef33810f1d1464e8d9b8a15c340955bd30', show: !this.hasError && this.hasHelp }, h("slot", { key: '370b021a5a6dac80279ae6a522178a57c37c6c9d', name: "help" })))));
+            } }, h("slot", { key: 'a55064f49af14ad72fab89846cc25d2109102566' }))), h(GuxFormFieldError, { key: '0ff852bb1724dbc99a00c1c0736bcab083d5603f', show: this.hasError }, h("slot", { key: 'ac738fa87ccf64416e198459220334401ccb200e', name: "error" })), h(GuxFormFieldHelp, { key: '38b30e2f6c0f3282116714d8f4e8661c3c9eed7b', show: !this.hasError && this.hasHelp }, h("slot", { key: '07ba42a588ceb5d308a66dbdaf0437c3fad2ab64', 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

@@ -103,13 +103,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '400555fe5fdcb338925b45f0a14247548d2eb2a9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '679b7b5b95eaf8bbc0ca9697855a4bc7c907a4f3' }, (_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: '92c9cc30be4792e1e62ed4a6383fb82db78551f8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '127a7ec26d4e27acf4e8be3632600a68b4a18aed', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '82dd5b42eb1c8e68c1290925bc83a1276614a798', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e8e948d6a4eaadb9a7808822762258c9429d4905', name: "label-info" })), h("slot", { key: 'fb16edc7bbab95c929d42d5fa5204f4fbefdf531', name: "label-info" }), h("div", { key: 'de2cc2060137df4d3b6e37750bfb297dc0bb012c', class: "gux-input-and-error-container" }, h("div", { key: '706fe7b1992ad90cfafe3b736c9309453e89b527', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '9ddd1b23adc3a5ce9b136fbb3cd640cfbc474afb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '158dff71338a76665008467a8a327eaa326a9094' }, (_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: 'cb0d352a36294ba6a4b506c6398425000f6a315e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e4df1694ba848485e295656a325e4c55551cb49d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3d6a93bfd2ee85e8708a84739f203442b400a600', variant: this.indicatorMark, required: this.required }), h("slot", { key: '95e4f9b6ac848776d0614c64f1eb389fe77334ae', name: "label-info" })), h("slot", { key: '3b61586dcf2b365c3384157abef7c1f8c956946a', name: "label-info" }), h("div", { key: '5ac09f4bb3facbb3d3541e0398bcdcacbb902d2c', class: "gux-input-and-error-container" }, h("div", { key: '366def6617ab446368a0f2b8262c0c40b4de6442', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '2199a19fbb18fadea4d374221e2d2292b2d8db46' })), h(GuxFormFieldError, { key: 'd96b2e119e1d5decd7c81ac257888c859a1f01d9', show: this.hasError }, h("slot", { key: 'b01c3b8c24c183bb28e9ad16fb151d9c82b165f2', name: "error" })), h(GuxFormFieldHelp, { key: 'e8f8fba63a5a7951431efb490df34fc69f4addde', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd090dacf666e3f878857d13ac7886e819d0b1aa0', name: "help" })))));
+            } }, h("slot", { key: 'ccbcb1e8ee92ab07db75c38bc320810883d4139f' })), h(GuxFormFieldError, { key: '6249ad6f7d255ef2c172c8ff6e82b0d128ba25c9', show: this.hasError }, h("slot", { key: 'f8525e30effb936f2551691392c2d697bf3d47b9', name: "error" })), h(GuxFormFieldHelp, { key: '0f5d11ca8212960743e83f0d2e1752461eec76db', show: !this.hasError && this.hasHelp }, h("slot", { key: '53f25f132cb83a85d3af7efcd5deffdea094e252', 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: 'bddbf6035d83170348954ca5f8b3194a75e6b87a', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: 'a029311ffbd1cbd1ff64224a2dcb4d06194c35b1', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '4ac24916f8f5cfdc70dbcc66d509064d908d6643', "visual-only": true }, h("div", { key: '21dc3fdc29c1f7534db2d1c63064f7f0eddd403d', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: '13dfaf1c82176ed025a8b845d743642230af430f', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '7080c2be46786a295956eaf4edfee2d87a57b9f7', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '815da91dece23fbeff4b1241b46c81d20823e4c4', "visual-only": true }, h("div", { key: '9f14462252cc928f5564d220594905c2e48765cb', slot: "content" }, this.i18n('clear')))));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -73,7 +73,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '88d1bb67e1a7bd3a654d47eb068e22172bd392bb', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '45d058e63ea86457a74e48f7a4b1b5ebb5f81aed', 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: 'b9e9c6340a61a3d7045a136e7100714033830e9b', role: "alert", class: {
+        return (h("div", { key: '969a92ee6910ec77be93484ecebd88ce21f874f6', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '6ee2c8646a819df1b824c745a577faebf05dd690', class: "gux-message-wrapper" }, h("gux-icon", { key: 'c5e7758d33c130240b96feab210fc2823c2e1045', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '41a6973d76256d5529a35829b486300dd7f23b96' }, this.i18n(this.accent)), h("div", { key: 'e25c9a13ae54e8966daba6b0376866026630f98a', class: "gux-content" }, h("slot", { key: '036df6a4136d3ba5653db7a5c1fbb0ff35e92cbc', name: "content" }, h("slot", { key: '79040495ed4e7c859814e374a431affe614b60cc' }))))));
+            } }, h("div", { key: '2ab411c879cdf03541ab42236e82ea402d1a008e', class: "gux-message-wrapper" }, h("gux-icon", { key: 'd7a35292369cf1553d2f11d633245d83b52af9fd', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '72cb9adbe5dc3af47fbf963378870d3d104a19df' }, this.i18n(this.accent)), h("div", { key: 'd9a66ca11e8aeac5258c6cc424796c273f401ee5', class: "gux-content" }, h("slot", { key: 'ce59652e959b6312e1e62126ef62e2eb3d30829f', name: "content" }, h("slot", { key: '5da4ab4a49764f1bae4795ca865fbff873bc47ab' }))))));
     }
     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: 'c819f7ab4c147562119eceb6f76f2028222794c2', role: "presentation" }));
+        return (h(Host, { key: '0123153a3238b6be9f3a71106981dfc89839b014', role: "presentation" }));
     }
     static get is() { return "gux-list-divider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class GuxListItem {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: 'df9e512b56a614b611ef55109b2a608e18b6bf60', role: "listitem" }, h("button", { key: 'e8a6e6e4d5249b145d7ac9ae437faf8ce79f693b', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: '7a55468db0b8fd4dc603de4d79e38a1ccd92e60d' }))));
+        return (h(Host, { key: 'a162035542adcde3f3d4d26b65afdfaf9accdfc8', role: "listitem" }, h("button", { key: '79204fb9e875dfe9af2613e91a315552dfd4b949', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: 'ad757e3178079007f3bfa7a660b1b3390bca5c30' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,7 +46,7 @@ export class GuxList {
         last(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: '2a824483d8bf6e16187d023f38fb5b6b06a0e128', tabindex: "-1", role: "list" }, h("slot", { key: 'b58bbd0b39fe129efb813620944851d8a75fea90' })));
+        return (h(Host, { key: '2b53e8363ee850f55596b88375ee6b65f5afe5c9', tabindex: "-1", role: "list" }, h("slot", { key: 'c263dbce30c01a6bb8b528c5b1689b772f3330e1' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }