genesys-spark-components 4.127.0 → 4.129.0

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

@@ -7,11 +7,11 @@
   position: relative;
 }
 
-.gux-error.gux-target-container-collapsed .gux-field-combobox, .gux-error.gux-target-container-expanded {
+.gux-error.gux-target-container-collapsed .gux-field-button, .gux-error.gux-target-container-expanded {
   border: var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color);
 }
 
-.gux-disabled.gux-target-container-collapsed .gux-field-combobox, .gux-disabled.gux-target-container-expanded {
+.gux-disabled.gux-target-container-collapsed .gux-field-button, .gux-disabled.gux-target-container-expanded {
   user-select: none;
   border: var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color);
 }
@@ -40,7 +40,7 @@
   padding: var(--gse-ui-formControl-input-padding);
 }
 
-.gux-target-container-collapsed .gux-field-combobox:hover,
+.gux-target-container-collapsed .gux-field-button:hover,
 .gux-target-container-expanded:hover {
   border: var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color);
 }
@@ -138,7 +138,7 @@
   outline: none;
   border: none;
 }
-.gux-target-container-expanded .gux-field-combobox {
+.gux-target-container-expanded .gux-field-button {
   inline-size: auto;
   block-size: var(--gse-ui-formControl-input-contentText-lineHeight);
   margin: 0;
@@ -147,19 +147,19 @@
   border: none;
   box-shadow: none;
 }
-.gux-target-container-expanded .gux-field-combobox:focus {
+.gux-target-container-expanded .gux-field-button:focus {
   outline: none;
 }
 
-.gux-target-container-collapsed .gux-field-combobox {
+.gux-target-container-collapsed .gux-field-button {
   border: var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);
   border-radius: var(--gse-ui-formControl-input-borderRadius);
 }
-.gux-target-container-collapsed .gux-field-combobox:focus-visible {
+.gux-target-container-collapsed .gux-field-button:focus-visible {
   outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
 }
-.gux-target-container-collapsed .gux-field-combobox:focus-within:has(:focus-visible) {
+.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible) {
   outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
 }

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

@@ -18,13 +18,11 @@ import { trackComponent } from "../../../utils/tracking/usage";
 import translationResources from "./i18n/en.json";
 import { getSearchOption, setInitialActiveOption, getOptionDefaultSlot } from "../gux-listbox/gux-listbox.service";
 import { OnMutation } from "../../../utils/decorator/on-mutation";
-import { randomHTMLId } from "../../../utils/dom/random-html-";
 /**
  * @slot - for a gux-listbox-multi containing gux-option-multi children
  */
 export class GuxDropdownMulti {
     constructor() {
-        this.uniquePopupID = randomHTMLId('gux-popup');
         this.value = undefined;
         this.disabled = false;
         this.required = false;
@@ -371,7 +369,7 @@ export class GuxDropdownMulti {
         }
     }
     renderPopup() {
-        return (h("div", { slot: "popup", id: this.uniquePopupID, class: "gux-listbox-container" }, h("slot", null)));
+        return (h("div", { slot: "popup", class: "gux-listbox-container" }, h("slot", null)));
     }
     renderTarget() {
         return (h("div", { class: {
@@ -380,7 +378,7 @@ export class GuxDropdownMulti {
                 'gux-target-container-collapsed': !(this.expanded && this.hasTextInput()),
                 'gux-error': this.hasError,
                 'gux-disabled': this.disabled
-            }, slot: "target" }, this.renderFilterInputField(), h("div", { class: "gux-field gux-field-combobox", role: "combobox", "aria-disabled": this.disabled, onClick: this.fieldButtonClick.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString(), "aria-controls": this.uniquePopupID, tabIndex: this.disabled ? -1 : 0 }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), h("gux-icon", { class: {
+            }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: this.fieldButtonClick.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), h("gux-icon", { class: {
                 'gux-expand-icon': true
             }, size: "small", "screenreader-text": this.i18n('dropdown'), iconName: "custom/chevron-down-small-regular" }))));
     }
@@ -396,7 +394,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '5b338deb97e0eb12f203fd47f1affe8f2447afad', class: "gux-dropdown-container" }, h("gux-popup", { key: '7ec10e6179cc0bc50b847b38541950277c8551ee', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '5afc0ce07a9b456fcc8953f7b82adcb3681b1e4a', class: "gux-dropdown-container" }, h("gux-popup", { key: '9a52a74db158d53c41fa64ebec31695814037539', 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: '2f43a8a4f68baa65ae5243c93653f050f389cfc5', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'f37dce70300774ccaff040decd82b96336b5c1ad', ref: el => (this.targetElement = el) }, h("slot", { key: 'f768cd8f491727ba8e03f1b6e80df3e5edd1990a', name: "target" })), h("div", { key: '20c820e00f9ab4ecd9f6ac9b99eff8dd55ecc5e5', class: {
+        return (h(Host, { key: 'e0e87dcbc0e81430953a35574fd9f862b07c1101', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'b7b9d8fbe2098856e11018f5ceb93b731805997c', ref: el => (this.targetElement = el) }, h("slot", { key: '57d0d57f5d0eb0d04ae134becf5bffc328b197b7', name: "target" })), h("div", { key: '8276005357e605c2d6cf44bfe06114ffe873dd48', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '7456e5e494845697fd39d2922e8f8299da99f871', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '2fe41ab16d311cc710c7fee50991313c60c7a298', class: "gux-arrow-caret" })), h("slot", { key: '902ed6e25c797d59df13edf6463f262ad3a2647e', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '594abbff53dd689c7b422e8e7259e4d690c06399', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'e8fc80d09735955dba0aacc945165a785b2c749a', class: "gux-arrow-caret" })), h("slot", { key: '70cfea075556e24c7052aeedf08160725cd19a4b', 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: '35e9baba83eea27742e9b83b93194b92edc086da', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '72b5095ff8edb6359f8962636bb66cc485e0228e', class: "gux-menu-option-button-text" }, h("slot", { key: 'fe365d3460fd945c6723ddf937165583d4ac9832' }))));
+        return (h("button", { key: 'd23ed2b18eb1c5d127a5f9178ac0615bb899de51', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'a405173bc016c8f415128e9868445627a660bd38', class: "gux-menu-option-button-text" }, h("slot", { key: '67b4798b8a4311acaf9dd2abcb8fbbaeb3f47053' }))));
     }
     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: '86b5478ab9c5f86aff881473938634459155c642', role: "menu" }, h("slot", { key: '843845a05ede6ad42dc9e557369106a71d3299f6' })));
+        return (h(Host, { key: '219a89a3774fb80a2b19c57f890e2883b102a668', role: "menu" }, h("slot", { key: '28c1b65a600f42ed8bf78ae2f8b824301f11453a' })));
     }
     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: '504d4135ed5325d8c0913d72918c954d7b023603' }, h("button", { key: '561aa02cf5b3860abaef001734e3d62176b0238d', type: "button", class: {
+        return (h(Host, { key: 'd7590509ad10bf2c0f8944737a209fe43e3c85e4' }, h("button", { key: '3b62ace076911820bc389dfbe28a352041045d93', 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: 'fe2dfdb4272c477fdf61d88f755e862193207171', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '50af2da13eb58ee22d5c98b2e070c969130f7fc8', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: 'ded58a0eede25820b5b2d955d2bceb185e8df69a', 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: 'ca6fa4928de0b761df7ddd1c1ab3291489a124b6', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '17ca191ac71e0b58f8d1fd83c75363d8be686a18', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '452c90ef8ad7aa767a0da6a9b8b8d50ff0b3b942', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '87d536d09daa0a8f60fcb88f0338b09f15fcfcb2', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '9beeebc7c9ce19058a2f834c3b120e8ef95c3501' })))));
+            } }, h("div", { key: 'd069a15a1b61bad3425947077f4ee76fdcfe0770', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '94cc1d3aaf4556d6a8456cda30e60227bfca4b35' })))));
     }
     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: 'e8836c17124b8cdbba54da54a6958d2191b63726', class: {
+        return (h(Host, { key: 'e40400dce6b34387deee6b6244aa527877532230', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '59e502ecb66c96f104d2c43ba1569d9e46ce8276', class: "gux-form-field-container" }, h("div", { key: '284aae1fbcb3c45dce5ee3425b0016dfc8095b77', class: "gux-input-label" }, h("div", { key: '8418ef06dcfe66c915f65894f9a9d1af7a8a2411', class: "gux-input" }, h("slot", { key: 'e486f71e6ba37002b5f5e499c9cb6c39d1d56e5c', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'ebbded085086c62279d7725ac75baffca514dea1', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'b74acffc5dd4171aae269a310d1069b6474a5552', name: "label" }))), h("div", { key: 'dd3579570d94015e6ece1fabfb4f8ee824fc1ab1', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '2423a193c6d87698c5230fc11a8352f11b63c791', show: this.hasError }, h("slot", { key: 'f6e4770954fe3c97ce42bd2804fc9fc2da39acec', name: "error" })), h(GuxFormFieldHelp, { key: '4e6cadfa6301ba23968b4b0f6ff81756f7b3bd72', show: !this.hasError && this.hasHelp }, h("slot", { key: '32eb3b58143e9b1ff14ae63a0a74d0a44de89644', name: "help" }))))));
+            } }, h("div", { key: 'a0aaca6ebd8de03d38e4d3ab28487d8b98e4c14a', class: "gux-form-field-container" }, h("div", { key: '39ebc72af0115c16b391f178d14c9cf108d048a6', class: "gux-input-label" }, h("div", { key: '5f60fbe50d21b90b39e2110ca3764d0fd495964f', class: "gux-input" }, h("slot", { key: '83549d1dd5cac6cd3e5b1f96197635a7bbde25b0', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'dd82b4c70ed37e156ad8ffb71218aa811296f8d3', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '4a88b290a5de26a75963cc637173a39026ac1177', name: "label" }))), h("div", { key: 'aa8a2a00294a6d7131d7073eb823a1685bf7a4a4', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '0f49ae8b132bc53cd850ec4eb31752e4ed5f754b', show: this.hasError }, h("slot", { key: 'd61465e5408f9ff62397e250259049432ad19e14', name: "error" })), h(GuxFormFieldHelp, { key: '9bca8004303189e323b5288eacaf750feeb7339a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f58224e0319a71ed4b8dd45ec969e5876a728007', 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: '4c5a63c6a52397fe7265f2395c65f013e4aa8a95', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '77276067a01869834a6382976d6dc94992ab8d60' }, (_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: '511a7aa3534088a53d95bd1175066aec54670b61', position: "above", required: this.required }, h("slot", { key: '6234a6ec65c4ff11c19e25842e289b8c3a012d4c', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e70bcc8e4c9b7b7b8139c9ad3436b4ba6582cb80', variant: this.indicatorMark, required: this.required }), h("slot", { key: '64e42eaf7a619f0559b81977ba9dcfab6b186254', name: "group-label-info" })), h("slot", { key: 'd179128afefa5e3c3f994416f2eefbfa8a83c140', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'bed4fef0135b9404e2fc36bf1de7003f701e9cfb', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '94ea9497133308920f91684c307d72530031329f', show: this.hasGroupError }, h("slot", { key: '285fc5c130cb2f27a32dce028f34a652fdd39352', name: "group-error" })), h(GuxFormFieldHelp, { key: 'c908c41d58d3ba70621205072da2a59ad9c112ad', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'c52f44999bac204169961b476ae77b9268ed1808', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'bdff584bfa28838ac5f22ee2fb56eb99b81586fb', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '4f2c5e0564c03e61a3be4b9cb4b8a334664875da' }, (_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: 'cbc565eae0e217a3b3b367be5192f077d5b3958d', position: "above", required: this.required }, h("slot", { key: '6ed37e9f4d9af18cb318c66b6bbd54191977424f', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ddfc3f8d09fc4b2eff492368286a99f179ad7451', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c3e34134c4aae83e750b02976348e8b0e2bf2c55', name: "group-label-info" })), h("slot", { key: 'ee29f1f5648c53dc10de5a5ded9d023b4a89f193', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '779914da2c3068ccc19fb4b17b2ac5d36e3305b7', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'ba8cc3662f98291a26bd1259cb35ab04213eaa77', show: this.hasGroupError }, h("slot", { key: 'cd9eae0f6bc250dd85051b54f12cbb4ef72727e7', name: "group-error" })), h(GuxFormFieldHelp, { key: 'b695f5205b39df95fa7be9d2b9126e7aa52ca419', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f004236fb164c2854d961b8c40280f85a62719b8', 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: '4e37c2be3da8a3afa03c57fe911cba011b27e748', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '9647b1d22e706b8f4892ab16151849678a4c9c1e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'd6b7e328e54fc50507531f9ca662cfbae763a6dd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1f12ce513f8126b3c94d8c8dffeace8ae84852ef', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e330a6a178705e1f8b674769baaca884803b5604', name: "label-info" })), h("div", { key: '626c44eab58e8c30a0e75529916697d6ecd38806', class: "gux-input-and-error-container" }, h("div", { key: '4f9de4b94c9134c43621a323e1844642db18ce23', class: {
+        return (h(GuxFormFieldContainer, { key: 'a1254a49bdd604a780ca5b763f02c79688e9992e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '32161cd724db17bef0bf705da6f3c5eb8ac19d10', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ed670d24f28a5e574c0167c0ad5d81c9217e0cce', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7a65e197887a516aaa1211593a1b3fda759a7fd7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6588bd1ea2438f820792a375243ccb018b3f1171', name: "label-info" })), h("div", { key: 'aed16d69981cd73f533b3a18441da39fffa6e342', class: "gux-input-and-error-container" }, h("div", { key: 'c4c39122edd56132e5af7c654bd5537853f4daef', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '24c29cc3f858ca4605091ec9e511043eb27cab3d', class: {
+            } }, h("div", { key: '879870ea86f8dec322abe44459700174a96ace39', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'b1e2a3a529c4e8b75521590af6b6ea201dd72733', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'a4bcf4ea048ed8f6597adfd859bb1eff3fe2f00d', show: this.hasError }, h("slot", { key: '8031a6bfdb1ae67510f64704ec64195c5f1d3dd1', name: "error" })), h(GuxFormFieldHelp, { key: '9bfb53e582a935814c0928f68c661c5643fb7a71', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dc98a52e194be0ba2c5e655147009cf76d036082', name: "help" })))));
+            } }, h("slot", { key: '9836fff073443e27d583abe07d2f067a62e9e4b3', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '0ee00f0511f21cf535469dda23f13fd48fdae4cd', show: this.hasError }, h("slot", { key: 'c619397a5468f3b88eb54d0cf29c0339b0c187c4', name: "error" })), h(GuxFormFieldHelp, { key: '61cc149f1b2050615568908e3d6222941eccddf8', show: !this.hasError && this.hasHelp }, h("slot", { key: '80803b18f1530e2ef41f65f98f5a84eac7319c8a', 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: '407596d4d5155948a198ccfc01c18df9983170c6', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '315ad3a04c7e6887359177b32cf536baf3d0c77c' }, (_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: 'b4af4b3542ce6ef371835640d8166427bf3079cd', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '923503c8d04c9d58599b624dc3dc95becc04c9d4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3d6029e71ac98941a4636b38dc998f8ed0cbe570', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7ff996afe12119a5068410f558487aa3d2550d87', name: "label-info" })), h("div", { key: '993901c5907e35364723241450523f70220700d5', class: "gux-input-and-error-container" }, h("div", { key: '39254fe1aa4cf2042e9abce425a92fc75d9aab1e', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'c347276833025035bd90243a90ad27df0ba46afe', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '68c9b0694e33feb3135dbdc798c9bb78d6e0700d' }, (_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: 'c48026033fbb870564f74f6547d63a6c66cd0a03', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f6f514e63bfa5703d1a5a4242c82fae77933db90', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '56b87b0b1c5c042b59842ea107a52a391771ecd9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3625460474664c9aae79fd05dba547855d5d9a00', name: "label-info" })), h("div", { key: '6491fcf755e265f03885759d30d5512f4c32dac1', class: "gux-input-and-error-container" }, h("div", { key: '4cefae842dfad33fa668311567f69acbefc6d51f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '11db2bb6955169ee5feb0174a04e3c1c1128de60' })), h(GuxFormFieldError, { key: '058c99ab06e9dcd2a3ffea5172d3bae87de8f776', show: this.hasError }, h("slot", { key: '9d530630ed7603a542e755d80a55f70414f3820e', name: "error" })), h(GuxFormFieldHelp, { key: '12b4e1e1a804b0ddd9379a5cd67fb7acb2f7e904', show: !this.hasError && this.hasHelp }, h("slot", { key: '9567de9828fcfebcbfa435186c74d588c981fdfd', name: "help" })))));
+            } }, h("slot", { key: '11b191191dca3d285e419a3a5ef5d0ff6198386c' })), h(GuxFormFieldError, { key: 'e431ada8c3e1c1793b1551c19caf70509065bb8a', show: this.hasError }, h("slot", { key: '298268ccfae738d9d0caa9b4c9dd4f450fd8040b', name: "error" })), h(GuxFormFieldHelp, { key: 'f5be92964411367c052ea9617e5b7d5f6bd3ddc4', show: !this.hasError && this.hasHelp }, h("slot", { key: '8eb333fa890b97e92906210ac68a34b5b6db3697', 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: '0582501ab3e6a756a14dbbd274e26908d2c549f8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4b294d2f3d6c388bc7066e3c4f666a1c16dc7c96', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'aa0593d2f1e7490d70d74475dc22c26d1c9ca01b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '49181f480fe19e6a3069a6a5f5655594679e92a3', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd1da16d29c778840261f5f9c41f6472cade95129', name: "label-info" })), h("div", { key: '966cb02fe182ff26866900d5c147730a4ee4c012', class: "gux-input-and-error-container" }, h("slot", { key: '21719c9b003e9758503769b86dc1333de12bc273', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '1499d5895086079f45617d6a0c0d69483dbc250e', show: this.hasError }, h("slot", { key: '87e547b8082c485127f4b346326169e9715706a9', name: "error" })), h(GuxFormFieldHelp, { key: '55177ab898cca6c3b0b0a520dd9ee1a27d97d80c', show: !this.hasError && this.hasHelp }, h("slot", { key: '60a69dd5dffc9aa69d9f07248c052b150e5d91d6', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '0423fa1c0c58d00aba86ce7b3ed17f44cd245e30', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f773acda2d2bc4f72cf6851a62bf5d2811b7a463', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '8b21e7c92c52f3b5bdd63f6bd262cb95b4df561a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a1d97d672751a6c2676ef627c56fb0f219bbfa20', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f354bd7a90fd27c951c51c14b3ee340acba912e1', name: "label-info" })), h("div", { key: '8ef1daf6686a0019af863647df60a4c763943ad0', class: "gux-input-and-error-container" }, h("slot", { key: 'e700c0d4959a12314e935820be741b21b5b81d0f', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'e1b0d99c77199d74a5a442c523e421729df83fd6', show: this.hasError }, h("slot", { key: '17ded4cae02f8d415092154d9bc6dfb3dfcf17ac', name: "error" })), h(GuxFormFieldHelp, { key: '05465ca6379635fb9783609aa8dd6aba8432c259', show: !this.hasError && this.hasHelp }, h("slot", { key: '5e2e0568b00b706831ed115b552219f29012cf5b', name: "help" })))));
     }
     static get is() { return "gux-form-field-file"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,11 +14,11 @@ export class GuxFileListItem {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '3a2e436b710705f65b693b7a5d9dcfbdf3a0f036', class: {
+        return (h("div", { key: '32750112acc6a02b04ea5c0caf00c3a519f0315d', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '210ab577a899ac3596a181ff5192799a9eefeb2e', class: "gux-info" }, h("gux-truncate", { key: '50d20b56f716d6ad219c9c86b4cf4534de0bf8d3' }, h("span", { key: '707ac3629ba48c98375aed98010ad129494e67dc', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: 'd39565238f275c009daa29c42bcf01e1d3e18a2b', class: "gux-info" }, h("gux-truncate", { key: '7fbce9dfeb303ba05edcddd9869c75d52fa9ac5b' }, h("span", { key: '5e7f18d0efd6a33696a515f299714e7d55bf0530', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

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

@@ -85,7 +85,7 @@ export class GuxFormFieldFileBeta {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'bec805f439d8baaffb1bdf26fde903890df6a701', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '7116bf118efd75d586218435c99e915c1ec2d0d2', position: "above", required: this.required }, h("slot", { key: '98292ca6442192f8c6fb28c3794b971fca5f3f0f', name: "label" }), h("gux-form-field-label-indicator", { key: 'e0e7e7131ea944df30766c1620448de57c11d841', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5c29c04ea353aec4e516015c6198af258e2fe460', name: "label-info" })), h("div", { key: '08af8bc7b068858fa0097a91fb31c89c8f2b5cc0', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '2700e339143a6cf407f823af17cc88c1d0d9b546', show: this.hasHelp }, h("slot", { key: 'ef389e8c2cbf9f9a65a67dba05030df4abed3f21', name: "help" })), this.renderInputSlot(), this.renderFileList(), h(GuxFormFieldError, { key: '832b2a2992d9e568e41e73b262bee1141265f332', show: this.hasError }, h("slot", { key: '0b8990ee0296aad54ad91dde9aba28ddabed759f', name: "error" })))));
+        return (h(GuxFormFieldContainer, { key: 'e311adf5e3291789c5ee1efbc8c5be13141d5176', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '8f6c26c92f5d68eda4dc4ce4431ecb3820233060', position: "above", required: this.required }, h("slot", { key: '3983cfd7548aac4e5ed84a365b494751785eb64d', name: "label" }), h("gux-form-field-label-indicator", { key: 'f27c7ab879e7a9e04fdab00bee17eec07920d667', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a12e349812831a51cbfe93757b41edea07d61d37', name: "label-info" })), h("div", { key: '676dd6da295c7723f0caa55e1288c0b8e8ed2455', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '1a827fecccd5585ee80081383e10f2929b6db1b4', show: this.hasHelp }, h("slot", { key: 'edc2aa238893d9f5b610c4226f3685bcf3b5e34b', name: "help" })), this.renderInputSlot(), this.renderFileList(), h(GuxFormFieldError, { key: 'ada71e0f898458a6dd597dafab53d9a2cb3f4ec0', show: this.hasError }, h("slot", { key: 'c224741aaa2763ad4986513d7dd14afb11e809c6', name: "error" })))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="file"][slot="input"]');

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

@@ -101,14 +101,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: 'c99c914f830b61c908f13e5ce36954b4f3bd9c67', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '238333b0f6d90c605444499b0be9a98a53f1928c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9dfa0bfbb40b0698ef914599848d558078681d06', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '38ae86001b4472a8bf9c9468b67c5d5057873a58', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ff254a92ec5ab3872ea7408e4d4922bdb43a11fe', name: "label-info" })), h("div", { key: 'd2aec32380add4537162bbfd0c02ddd02f9d6565', class: "gux-input-and-error-container" }, h("div", { key: 'd30cf52e81e1a69934f6bde76665af33ce952bc5', class: {
+        return (h(GuxFormFieldContainer, { key: 'bd883165e64e876ceeee22e71394f24c140b30e4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '6c53c51e482aa8c9afabfe6bc55af13c4f590f20', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '21fb24d7f0f2d8725a05f6942ced28ee618ee804', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '426cacda6e9fb11794a330658879ac2ab186d146', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3a83ff17af8315e537dd85528530882027797658', name: "label-info" })), h("div", { key: 'bc8af0f8d8be8a09a6bc77da80230eb0c2d30ef9', class: "gux-input-and-error-container" }, h("div", { key: '2324554a3618247ffc24ce17a15d790b4c89355e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '4c92c1eeb2be3ab53c69c955031097a29184b211', class: {
+            }, part: "input-section" }, h("div", { key: '01e45b79be14d100ece4d89ef442fccbd9b1258a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '1eb0f0ae666f55ad099b095f6e58395f7a4a639b', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '2e3d68d7c330b499fae6ca6c5166e440e32a509e', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '670ad78ef6a7a8fca3f2ef0785fbdf86568b587a', show: this.hasError }, h("slot", { key: 'd659f9ce0a6869db5f93136a5592a3c99574f08e', name: "error" })), h(GuxFormFieldHelp, { key: 'ae400235b861a8e73a516c8182ba300eb59fb87f', show: !this.hasError && this.hasHelp }, h("slot", { key: '7e5e8b3c039b16395cef0c7f662838e0027c1900', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'edeecc422f2bcf8c3ad5bedec624f8ddf104a237', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'dd3985b2f5009055443bcda9b7bc296cbc07937c', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '2e69d595ba7d3b0381a3878384b1908999fe7b94', show: this.hasError }, h("slot", { key: 'dba2c7dc9604de4f58a0c80715bb422881df4bec', name: "error" })), h(GuxFormFieldHelp, { key: '835fe60137f35040b05e17e9deb9a07f1ff0a62f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cd421b5266370b9267948608d0ea9daf3df7a066', 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: 'aab1dab0badf3cdfd2d2de48bc0d22b24d47a950', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '82ec47058a20292f6131a81ef7007b75d99b1c51' }, (_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: 'b317c963152e1883fe1266d27a6ce52e9a529233', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1f2a52e8c9b69e50ed59815ba50a76f59a745627', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '39c7983144f32ea42335456a4325e1cfba6ec738', variant: this.indicatorMark, required: this.required }), h("slot", { key: '805f28ff82c24db041efe15e067319a3fd85daac', name: "label-info" })), h("div", { key: 'b6c25f2afabc820edd730a01c11e19c86aba47ae', class: "gux-input-and-error-container" }, h("div", { key: '815dd30a9c909f8c8da4d8d21a621058ba1aa33e', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '087189f3361114ed4f13434e822a81a8b59b8b20', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'd8affd28b8eda3915f971608b658b6d953d65383' }, (_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: '94c00f283bde270bcbbcfc2062553a290fee4b3d', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9833cb45b61a37a6205e6d2c306bb1c244ad8483', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c52319e2464390e6fe0b8d400d7a4f8efcfd4b15', variant: this.indicatorMark, required: this.required }), h("slot", { key: '23bced1f69ff8aa40fa099fb8a375bcdb6cff7be', name: "label-info" })), h("div", { key: 'e6a6769c9aad15b22064d8d7e98c822a73ddd245', class: "gux-input-and-error-container" }, h("div", { key: '9b56dec4803a50348ad009ab606dd140e56eeaf0', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '1e1a6f88e1c8c58cc87b003ba4210f740c78de93', class: {
+            } }, h("div", { key: '453bfe88e66a785030f601dd536a092e5429ede7', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '37eb03fab7a8b3626ddb0dfa46dbf1aea498e244' }))), h(GuxFormFieldError, { key: 'e5c3a9e2f07afaa939873ff34ec6e2f1ae02a0f5', show: this.hasError }, h("slot", { key: '7810e0906f93f79fc9f84557857f132afab9ebc6', name: "error" })), h(GuxFormFieldHelp, { key: '5f5bb2374466f7f0761f06c3e8ad6a5933bd45c1', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ad5b9c0014ad9ab43ef42d8c1c49dcbbf34f9651', name: "help" })))));
+            } }, h("slot", { key: 'e65235dc28fc42e119149cc856f7d52fbf9b17ee' }))), h(GuxFormFieldError, { key: '52517e1615e9de2aa3059c7bd6fe056b2de956b3', show: this.hasError }, h("slot", { key: '590f11da0b8a968d691dc57160ea0cc8e5b880d6', name: "error" })), h(GuxFormFieldHelp, { key: '810c7fb5f43e9ffe0b36d26a09a2b27da6ee077d', show: !this.hasError && this.hasHelp }, h("slot", { key: '1a0f19b8dd00f83f6ad5e392637af5a61f7e9a05', 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: '7868d5b3589350c106bdd66583d0210f1bc07abd', class: {
+        return (h(Host, { key: '2644d850310c01f0e9c150ded3ce20f47a365a0c', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'fb0c2550cc27cb33863de850d1be6ddc03e1107c', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '33e03e7eb337a46710af4256bae2290dac93018d', class: "gux-input-label" }, h("div", { key: '965fb67435e404298036fa8d357818e723e9e022', class: "gux-input" }, h("slot", { key: 'ed93091ef00481143fb25adc0d3e32c4d6e907e2', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'a7a67237ed324b43fb6d4663c81f92ecc99f4ed7', class: "gux-label" }, h("slot", { key: '2659c63e9c04b6f318e18e02c9fb3b0ddbaf868f', name: "label" }))), h("div", { key: 'de613d8d9b3de1e62677d09843b0638824ba09a4', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'f6b54c5aa093a6aaa017327f223fb7651fd19c85', show: this.hasError }, h("slot", { key: '316b2da1fec3fc472ef7a22d6e48692bb6581e51', name: "error" })), h(GuxFormFieldHelp, { key: '273b226e5260b9f946748cd7774ab97c6c85267a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cca68cffecf10564da10855f364993119637781d', name: "help" }))))));
+            } }, h("div", { key: 'fe8c4a22526fdb3f0e44cd5325d5822cd62ad069', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '40f8c9b2268382307c50dc6f5eba917554bcec57', class: "gux-input-label" }, h("div", { key: 'd9d3cd046012d138a56be5a31118f16e1406dce7', class: "gux-input" }, h("slot", { key: 'b0d8bc34f778a3d86c111f3b44a1b5ac6eee32ea', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '1c9a13d93da41adce8ecb7e6646b7ece7c2eae23', class: "gux-label" }, h("slot", { key: 'c2917cd7e29e4648712acc7f17d4b93124eaa645', name: "label" }))), h("div", { key: '83dcee62fc37e3218768dfcab088d7c7b6ad102a', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '76580811e586a9cdafa5fa4da07a5b0726f9b5a3', show: this.hasError }, h("slot", { key: '5b26a80b1053c03f313adbdce961e283821cb1f5', name: "error" })), h(GuxFormFieldHelp, { key: '9198f91b10cba18c1d51bd39cc282b6a7338737e', show: !this.hasError && this.hasHelp }, h("slot", { key: '2a4172af46bdd301b09ff7c0eda3e41cc30edad1', 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: '67e013d68c8972e7262e3092a3b28e5783bf9816', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'd1deefdefa4ace07c0239aed219dfe892de45f23' }, (_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: '6a29f81e617b158e5471d605321ccea8460bd4e1', position: "above", required: this.required }, h("slot", { key: '98967f3f48835321b353d269868f292c0acb4979', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2969e018e18d6ce122c05de206225ded3fc9fff9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '570fc242e737b7fb0be4ddc7610cbbc0cf64d5b4', name: "group-label-info" })), h("slot", { key: 'a1f2d1608a23b1f005573cd89d9dcb6f40a7047b' }), h(GuxFormFieldError, { key: 'c044434c7c3675929c288dd5cef20e983e838122', show: this.hasGroupError }, h("slot", { key: '2b92c8eab9b2a05a359748b5e283ae65ec4f51a4', name: "group-error" })), h(GuxFormFieldHelp, { key: '80a77ffe1a01179cf9762905ca7c00ad3d4ebbb2', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'a24bb76ddeee69936435fc23877d2494d04a80a5', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '7e50ad9e03f8daa4d4948d3ac57271dd309eb7b0', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '5cbd6303d0bd85e160d9bc12039dc8391b3f2e84' }, (_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: 'd56f0b2f60489258d4c080c2497a6fc2f96da392', position: "above", required: this.required }, h("slot", { key: '965db1425f0019661dad213a378287587de98354', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bb33d495d3e13c42bb6e9946e4dae4bfd8190769', variant: this.indicatorMark, required: this.required }), h("slot", { key: '349b17a1832d31951ac5eb308766da74664715c6', name: "group-label-info" })), h("slot", { key: 'c610888099a640750848677b85dbddf86431701b' }), h(GuxFormFieldError, { key: 'c75fa80a5af97fc9a95bde0cfd0a757b8ce0016c', show: this.hasGroupError }, h("slot", { key: '8fc449fe09bf4c731953374bf4266f209314ce85', name: "group-error" })), h(GuxFormFieldHelp, { key: 'a4ca02ce2425a1353cf25c1da9d1da607dce7e36', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '040f8e24394398513a694404b61c3d5c88d34ff0', 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: 'fe79f33334d3af25840635fc74dbb8ae28cc99b7', class: {
+        return (h(Host, { key: 'fe6897dc2177b110b0204d1699f7283ca4ee867c', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'cce4bd14cad858df715628ca20ec9e24461bccc2', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '737b3f4f14335784d2ae2de079267b5eba876128', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3462da632cbec8c52702030f68d47dba27c28d8d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7a5b2f8d979cf2365f355b60d5c7f6362cb2b0b7', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a67625082f3042d533c59a83ee0037fcca1e5e1e', name: "label-info" })), h("div", { key: '510cee16c2ef097f23da13112466541f507438f7', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '406be020703ae0e70fc7156ff11097ae29aa2649', show: this.hasError }, h("slot", { key: '20cf1b98a8dfe48cc1959e9ea7a4178b34cc6376', name: "error" })), h(GuxFormFieldHelp, { key: 'c868fbd022f0386774f9048dbc90789a8cd540d2', show: !this.hasError && this.hasHelp }, h("slot", { key: '490d52edcf83c9bdd4dc36435f454fbc3820a426', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '84b82790791943d40761b019f84222a3b967e129', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '18ab67bad7756a4f35254591b9c3a9d03924f7b1', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a4c254f56d69f6130cff3501a1a934bdce050164', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3dbc8974c8bd31f8e871b4ae016a7d34512a927c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '57bc576b43a85cf539c442858944fbf39babd6dc', name: "label-info" })), h("div", { key: '3f6e6eb109306af0c250e19e8e626574d3b6dbd2', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '464b92b9a8651767b22885cf3c8e391dce419336', show: this.hasError }, h("slot", { key: 'f0e458ffa085a4c71d57213d9cbaf078fa87b8dd', name: "error" })), h(GuxFormFieldHelp, { key: '35bcc5ecc4b98c776f87b1c1da6d37fd04dac280', show: !this.hasError && this.hasHelp }, h("slot", { key: '27eab5315d584bd6d1a02cb487c196a50b66d726', 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: '36bdecaa1cf11fb7c5de36e90ef8023aeacf9479', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'bd17b714ec1de5cb6191b979e4d1956d1bd13d2e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2dc98ed1973547a6630ac9635bd6c6a4470f3184', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '451d0efd0bf2ccda4306f05015e040273c510239', variant: this.indicatorMark, required: this.required }), h("slot", { key: '22e765d02ffa796fb361636d04997146bc9c0722', name: "label-info" })), h("div", { key: 'dc2d47843ebcb77e9d6dd3160eab33c6e07ff576', class: "gux-input-and-error-container" }, h("div", { key: '208ea5d2c66c91d44ebddeb520f78425160487b4', class: {
+        return (h(GuxFormFieldContainer, { key: '03416cdc34423238d95134899d4f445a3c67a87d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7971e0d598b03140133e07ca64079a6e69eb17ac', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ec7d1faaa28904ae4e63d9ffda2d4fe0e76627ce', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4a2b54972b3afc0b6f771b48f57431917401cb13', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fc780b683bdc3bcfac1523dd4db4788eaed4dbf0', name: "label-info" })), h("div", { key: '585019d9bbf71877b53e9e584daeeb5fb500141f', class: "gux-input-and-error-container" }, h("div", { key: 'ee419c78414f254428142df54de135efa0791d3d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '6df3b8f02ee43dfb415f0dbe6bc1674f87d1290d', class: {
+            } }, h("div", { key: '3041753eb55399c69c0984dcc74d7383f1eee3c2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '64d1194547ca5ad3230662c64fbfdd4be86815cd', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '3bd0beaf3c51b004368203d9b94be7403c92f2ba', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '0ebbdd36770c2c2b3b8535b9d4248bb5c232bcb4', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '9e28d18be850778d65a3ecf82f6d9a601d194936', show: this.hasError }, h("slot", { key: '678cd98f9333cf85d6df22c72758dd4b2b075c22', name: "error" })), h(GuxFormFieldHelp, { key: '21947dce2c491bdc077054ea894acaf89c871a5c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a667eeb5a493a9c15616dfed3ebece5b10e56c70', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'c98611bddcdd3396b93b8052dee8bda9786f0e7d', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '07617332ef01a284640cc9f30f28d4377e760d73', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'b4df760da83cea80f4ac4ce60eb631e370b87bbf', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'c93b0821210a1ffa60eef1c6b02b187142f3b0b3', show: this.hasError }, h("slot", { key: 'b951d168977855b2c400c7d461e2842a1c7b5098', name: "error" })), h(GuxFormFieldHelp, { key: '6f5fe5ce5321bdcf6733ed42fdbae2b7de8ecaf3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'db702c42abd46578059e3ec74bcf8a79c5bdd391', 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: '0f7e5d23f35dcd6d07d3bbbf22c21970d1cdb098', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd545181f1d071ec6b017925aaacfa98188510f87', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f0eb14e27b895c69e20927557ad06193bc15648d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8ce6f4a89268e0a0e072b88baae78df688fade08', variant: this.indicatorMark, required: this.required }), h("slot", { key: '00862d6eff89248bc04d2b6fcf5af72480430901', name: "label-info" })), h("div", { key: '36d142cf5e480f845428bab255a8256d4e314f07', class: "gux-input-and-error-container" }, h("div", { key: '6773aacc6c3576505c41985aba122f419e9650e7', class: {
+        return (h(GuxFormFieldContainer, { key: '97db3aa11308cf2342fff3b0759930ed8d776162', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b2e9554be1593230a50514998eb66baafabb52e5', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '12ebc5abff1e8fadd40e592493b6031a180e9750', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '33ad5618859f7e4b52e78e6cb05cb454c0f4f4ec', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1fc20f9e0ec7df1524e8c0af07b7b6c4649d1b42', name: "label-info" })), h("div", { key: '671352f56e8faf44241e5ee538116fbfd5ea1155', class: "gux-input-and-error-container" }, h("div", { key: '8975f96d4c559c69dcc0075c9533bf2085d381ae', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '36d5bc41c4135ebe74c1e0756dc902600f4121c2', class: {
+            } }, h("div", { key: '455c0586be2c84ae7fb9ddfda4e912cdbb698e42', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'c2a98d04868de2313c66a4dda2913ebe71747c4a', name: "input" }), h("gux-icon", { key: '4df5d30232e881f50a4b4d9aa124cf5cb49e14fc', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '553e4f62889b0302ae8581a544b04efe75f1c4c1', show: this.hasError }, h("slot", { key: 'bcb4fd0ec8013e99991d69adacc82ee2cf8d1c36', name: "error" })), h(GuxFormFieldHelp, { key: 'fb5e374752526885949ebd1ea65e75851acf3fb9', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c63b07a69361331c445c33ec7c2c2e52fcb7f645', name: "help" })))));
+            } }, h("slot", { key: 'e7f8eb5c9fa68df1f7a4e2d067f77a6a08b4ebc5', name: "input" }), h("gux-icon", { key: '91782a3dd9d1a93a057ddb30ada8882bcf9220a3', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '87000a35e72efabf70f92d212415596f198684b1', show: this.hasError }, h("slot", { key: '6e62dc2a26c2c084f63fb7fd54486f118787bd7c', name: "error" })), h(GuxFormFieldHelp, { key: '8ed39a541af38efd45b00bb4becf4286ee277f9c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f70807af78d3b958b4900d3d5ac97713fe8bbbee', 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: '9cf0d8cdcb743aefb389bdfac835c2bf004e6c6e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a5353955d4be04c46d7c251b11084b3f4c3e07c3', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a4f796744756df06dc7a39d8597047b8eba6eac4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '04852e7fdc0663c522ac8b08e7f481de4a382963', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a7222bab8d6fa3d165c5121224e68b14d88684eb', name: "label-info" })), h("div", { key: 'bb016817dda043bfd151847d70aa0336dc84e96c', class: "gux-input-and-error-container" }, h("div", { key: '80cf6edc654586f6d07ad7eab749aa792e6ead9b', class: {
+        return (h(GuxFormFieldContainer, { key: '68e00776c9d7aa3da3127a45afd1c41e489789c5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'bd9e5d11020da48bc1d68d4db5bfd91d8e45fd3b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'af4288db1d595dc4d3dba7fa9531daa6aeedeef3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4d61f084f9798e2269150fe6c04f7cfaef648bd5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0039a71e4fe7f4c9188f570476075e6b8efaa8b3', name: "label-info" })), h("div", { key: 'cd8c5cc2353be18d79c074986113316b5066eb27', class: "gux-input-and-error-container" }, h("div", { key: '9d48e7469cd2e7cd571d6667aa29858190cbc6fd', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '1683555b14817ac54ff31e3197b5ad9656c82997', class: {
+            } }, h("div", { key: '373307a838f545d62af649e2b2832c38ec771027', 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: 'd7bd6a4ca72b4dc7c65b20b9219ef121b2e712db', name: "prefix" }), h("slot", { key: 'c6fd8bb5a113244a32715b775a2717549805ffef', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'b77bfe217b456ac9a3b28462c38d50a2c5ed2261', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '0da69238645ed44eb3d0472454746b1cd336836f', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '1dba5afb79e032cf7aa69c71514aed98587ea49d', show: this.hasError }, h("slot", { key: 'dcecdcc6252f70b584abdf9edafaae9b36fb43cd', name: "error" })), h(GuxFormFieldHelp, { key: '20956660e7e70579877200488e5443c151edc004', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e9265c67ad26603eda3ed2c2218bba8a2651a189', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'c41c80f86071eb9efdef094d4121063453f53a1c', name: "prefix" }), h("slot", { key: 'da1b8631d91dbb0675397742ff7f049f454a25d8', name: "input" }), this.renderRadialLoading(), h("slot", { key: '504da3e4370b177d91e8b35055109c42058b3a5d', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '62612f269755b0fa31d2ea80ac6feddb16656784', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'e88b34fc940e53852ae06989b57624d8b39dced7', show: this.hasError }, h("slot", { key: 'f0dd772baf89ae7a32ca1c8a88bf4fbe94a3f491', name: "error" })), h(GuxFormFieldHelp, { key: 'b1106c14dfa41ff32866ef21b6e8885715ad4ba7', show: !this.hasError && this.hasHelp }, h("slot", { key: '0a08c63fcbd379c95f72dcd812bde1344730942a', 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: 'a355259332c53a2e1dbfcf9244d7a1171b8ec036', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '62ebbacf71ddfec8d3bd9bb137003ce4237092e3', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7078e464a48bf8980922fe0e29372b90bc9edc02', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f0ff7fde885a3a76be1a29533499178a921c94d4', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a310569087774f6a61aaf74a96c30f21e0be87a2', name: "label-info" })), h("div", { key: '837f9547ca3bf835cdc64e854f147462ef2329f6', class: "gux-input-and-error-container" }, h("div", { key: 'a46684af32e402fb37f44df057fbc83b31df8512', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: 'c5b5f2c76770f7de820ac04d19f670641c137dd0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '402d62344e49a4e179803458c3948792bd372091', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3ac4e764eb4a65036492b9abfc69b8cbd5620cd2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f45090c8bd3179ec61cc03701a4d20cbc922ab00', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ca31ba27aaa0f5b037b2e66c2249a4542416d48d', name: "label-info" })), h("div", { key: '5ce4720668ae31b8ba8e93d3713191a22a08a3c1', class: "gux-input-and-error-container" }, h("div", { key: 'eeda9864438b992ddaa9799a1f59fa148fd1f1ea', 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: '892cb714353773e6ad5fad8d43da6c72b72adb77', name: "input" })), h(GuxFormFieldError, { key: '784a6dce762a3b618ac29650737f4b735b90a3e5', show: this.hasError }, h("slot", { key: 'cc79c40318f52d3fc7a73324b04405a6e7fbe254', name: "error" })), h(GuxFormFieldHelp, { key: 'b4705ecacbcbeb00bf0f86cb026123ff57b5081d', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f576d6f0fa72c85a702d50bb13bdd068e44df8d2', name: "help" })))));
+            } }, h("slot", { key: 'bd94d3ac1c702eb0a2e295d2e90dd72e0adf82e9', name: "input" })), h(GuxFormFieldError, { key: 'f8bf75a032e41364e49ead96f80a8456d818c507', show: this.hasError }, h("slot", { key: 'e27e837fe675f92dc8837891cc710dea09fc9a7e', name: "error" })), h(GuxFormFieldHelp, { key: '44d6cf7c7f620aa77d865a1e5197b9dd0d5f2fa6', show: !this.hasError && this.hasHelp }, h("slot", { key: '3170afdbd0729047beb20f9fe37c18ee218ea1b2', 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: '3b353896bdccb956c5c5828f992eb95868a1df08', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'e59b57ee270868372eae871866a237495108397c' }, (_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: '4dc18ca69597d90e935dc50998e9a834c814b6ef', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9537bb33648ea5affbf6c0c6eaed9dba04a62a74', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '32e0e5e3589895a8194702387616d7e4acc0a601', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c25ed62e8fc3d6a1b610572f08727d37ca8cd854', name: "label-info" })), h("div", { key: '736b5304d80093257224049f28882c81144cecb6', class: "gux-input-and-error-container" }, h("div", { key: '00e14df3a31911840fd8c20db1629b49fb4659e8', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'c38bfbff08a601e900769ee681c2874f2af225c6', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1130ebc694a8cc69ccad2265e9763e092751890e' }, (_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: '7a0e064acf3b6f2f544e57f98db4195f4209cb40', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1961a34ec0d8281d49ebfed22228848cf5cd4d07', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0426b98e393ceab2af571a6a5dfe78ebc565e4f5', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd0248505d9f1e446b196bccde4b1475f19544d79', name: "label-info" })), h("div", { key: '601ac0a0395e2e375cbf306e6c1fd2ca16888aa6', class: "gux-input-and-error-container" }, h("div", { key: 'e521ad39ef48cfe7123dd7c63452bb76417884be', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '2af1d0b3410954ee5fe4d2030b20e1715bc4cdc5', class: {
+            } }, h("div", { key: 'a84e8290ed7925c89cbbcd8461a75020967e3a3d', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '9bd52913c7071bfca9dbddb7b9999c404bde7d30' }))), h(GuxFormFieldError, { key: '6bad53deb321fbb28d3d43400558060f5eb6ad6f', show: this.hasError }, h("slot", { key: '9ee9c938c34a85ed9d724fea784f26491e9f3095', name: "error" })), h(GuxFormFieldHelp, { key: 'd050961e794f3dbda011a4270c4fb0f14b6d86ea', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e240cb0cbec5833c9bf4b4f1f2cd244d7e218eca', name: "help" })))));
+            } }, h("slot", { key: '9a0c8e86be17ac12b5ed9f81e81b0305a02e9f1d' }))), h(GuxFormFieldError, { key: '3d25b8d67e74f0d9f834cb03b55692ad01bb0911', show: this.hasError }, h("slot", { key: 'da9ec6787b11fffcef7e3d25245e3159f65c5e38', name: "error" })), h(GuxFormFieldHelp, { key: 'b02920a4529779e37714a857572062317470370a', show: !this.hasError && this.hasHelp }, h("slot", { key: '357226d6497e712490f591b185e582c5724eca25', 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: '66a014cad81d2af714850d1c37ec186ce1415680', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'a6ab842025eb22c211e3ff951e4ba3bd3f9e7f61' }, (_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: '912d486ecceb54680b9e758203df2628e7d910da', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a7d6b452c7eb662de59726d9cfcfdb20e7e5b422', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e40d96c624781cf589bd516f536b16c3b125e2a8', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd449ed819d6ec7fb134d7307aa42fa5befce43ef', name: "label-info" })), h("slot", { key: 'd4d8aa2aa5cb5dee2728c4a01aff85139b2cf189', name: "label-info" }), h("div", { key: '13c061701448190670a396eeaa5be216a5492ff4', class: "gux-input-and-error-container" }, h("div", { key: '2c8aaf4baf87590b8d22416ee7957dadefa9ac90', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'a32ace89878f056a017d7f896b4efa7956bfb615', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'c0e1296f08bc3c01aaea069f8af8f722801d87f4' }, (_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: '01ec5c95d5a08305a4117bdae008be7232cd29e7', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4aca39b857f7496f1a7ba5f7941e3aa6609163ab', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a2cb93dba985f12a474bd1063e4216a2b67e4e5b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b0d12e52fc1dba8d92819600397236bdd709cfbc', name: "label-info" })), h("slot", { key: 'ec6cc2ebfa00a9c9573e30830134dd4dd8447cb2', name: "label-info" }), h("div", { key: '31a25b49fb35a0a367a0741ecc170b09bf5e3810', class: "gux-input-and-error-container" }, h("div", { key: '3c7d3ccf799089e6889a0f85f33c34eb73f73288', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '2cada6805c6409643ff0a32f35590e2e27a3c75b' })), h(GuxFormFieldError, { key: 'ae9d6501d875df48e511d8124c73a2da47e34e05', show: this.hasError }, h("slot", { key: 'd3fa45ca8be0a0afcca79562285d1433d8ead4e8', name: "error" })), h(GuxFormFieldHelp, { key: 'efbd80611f40852bc833f7caab19873e0d2fc5ff', show: !this.hasError && this.hasHelp }, h("slot", { key: '154dc0e44d32f2b43f1249f062de7412f0ac251e', name: "help" })))));
+            } }, h("slot", { key: '19fe425dfc37baaeca7350605aac45dff3c9c404' })), h(GuxFormFieldError, { key: '31128ee35a1e4bbc23de1a736d8f1367ff4d8f98', show: this.hasError }, h("slot", { key: '97c8792da4951f134e335761048d9a4fbb5ec032', name: "error" })), h(GuxFormFieldHelp, { key: 'e7f4e97964c77b7c71a1d722b1006530faed0377', show: !this.hasError && this.hasHelp }, h("slot", { key: '5cb09d619fc7ad1438fd29bcc748f92f189887e8', 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: 'a407a6ed4a3d2f1e37a4d7f4a4a0f697fb1f0adc', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '2b682655688eb2746040f2f6b9bf7a963f613975', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
+        return (h("button", { key: '500db590703c90de1425f14e61e90755f5900dc9', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '2c7b1bdcbec8eca95932e83c0f622cc65acfdcf7', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }