genesys-spark-components 4.82.0 → 4.83.1

package/dist/collection/components/stable/gux-dismiss-button/gux-dismiss-button.js

@@ -11,7 +11,7 @@ export class GuxDismissButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: '072a9f9c10c220256fdc5ad105ade15d6c7e2824', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: 'a2d8829820d4c32485e9ca546884d6dd8389ca42', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'b491b6bf95e0ed06a0b395f88d3338065f22f420', class: "gux-icon-container" }, h("gux-icon", { key: '50c0336f7c2f4016d8daf5a374668f85fab5b68c', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+        return (h("gux-button-slot", { key: 'acc049d31e2efc63d4ece892ffbfe77521e7230d', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: '81425f02a895318c7290a2c085f6e079701711e5', type: "button", title: this.i18n('dismiss') }, h("div", { key: '6b617d141e15b37bffc1ad5602f3be95f3b04266', class: "gux-icon-container" }, h("gux-icon", { key: 'd00b410f511675117b77199f48ef1e33454a895c', "icon-name": "fa/xmark-large-regular", decorative: true })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -306,7 +306,7 @@ export class GuxDropdown {
             const subtext = option.querySelector('[slot=subtext]');
             optionText = optionText.substring(0, optionText.length - subtext.textContent.length);
         }
-        return (h("gux-truncate", { ref: el => (this.truncateElement = el) }, optionText));
+        return (h("gux-truncate", { ref: el => (this.truncateElement = el), dir: "auto" }, optionText));
     }
     renderIconOption(iconOption) {
         let iconStyle = null;
@@ -317,7 +317,7 @@ export class GuxDropdown {
     }
     renderFilterInputField() {
         if (this.expanded && this.isFilterable()) {
-            return (h("div", { class: "gux-field gux-input-field" }, h("div", { class: "gux-field-content" }, h("div", { class: "gux-filter" }, h("div", { class: "gux-filter-display" }, h("span", { class: "gux-filter-text" }, this.filter), h("span", { class: "gux-filter-suggestion" }, this.getTypeaheadText(this.filter))), h("div", { class: "input-and-dropdown-button" }, h("input", { onClick: this.fieldButtonClick.bind(this), class: "gux-filter-input", type: "text", "aria-label": this.i18n('filterResults'), ref: el => (this.filterElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), disabled: this.disabled }))))));
+            return (h("div", { class: "gux-field gux-input-field", dir: "auto" }, h("div", { class: "gux-field-content" }, h("div", { class: "gux-filter" }, h("div", { class: "gux-filter-display" }, h("span", { class: "gux-filter-text" }, this.filter), h("span", { class: "gux-filter-suggestion" }, this.getTypeaheadText(this.filter))), h("div", { class: "input-and-dropdown-button" }, h("input", { onClick: this.fieldButtonClick.bind(this), class: "gux-filter-input", type: "text", "aria-label": this.i18n('filterResults'), ref: el => (this.filterElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), disabled: this.disabled }))))));
         }
     }
     renderPopup() {
@@ -346,7 +346,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'd4bd47da0efa5780c86a2c3e6da3f17636f1768e', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '46113b9a83f7ce1f2342d1cc869178ddb6e889ff', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -29,7 +29,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '4164c80fb74c3923bf4d6eacc0ace5aa86f200d9', class: {
+        return (h("div", { key: '0bf042a664f27a0729b708a8d204453ca4da7234', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

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

@@ -374,7 +374,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '252235b33caf2c2e8d4d5a83bd5928e08d2c3778', class: "gux-dropdown-container" }, h("gux-popup", { key: 'ebb0cb64b46f878c2bbbcf67a8c62eda2f443c06', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: 'e9204d3c0e513dc95e4b4d8b4a19e3a6fdef6e57', class: "gux-dropdown-container" }, h("gux-popup", { key: 'c7c579291174ea2eac5e16e93aea1235a296a584', 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: '98954d39709206fb3a688940dfba59e45e65f951', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'ebcc1d72965f1b589b892c17bc3cc564e448765b', ref: el => (this.targetElement = el) }, h("slot", { key: '6857f784f3e295d09544a57398ba552108846049', name: "target" })), h("div", { key: 'eaba7913c1f1d1233e05f22c9e73f3077c9d1579', class: {
+        return (h(Host, { key: 'c2f6001232d954e29726684f845d8da1d451a76a', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'a0ef27fd279fe08b50feb68e45d4bb2d1c7d7d9e', ref: el => (this.targetElement = el) }, h("slot", { key: '3c6e1bd9354790eb35522308ee7533ee04d2b4f5', name: "target" })), h("div", { key: '650eb47121ad269379dcc9c6acb6bfac55373b56', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '0057297de59c8eb7f236034ef0853db443020120', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '30bf6af55aea626e56243f29a5c247adcb489ab5', class: "gux-arrow-caret" })), h("slot", { key: 'ce422d6f2c5ab1bf7c2208a0424f775eaede96b2', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '3a1f34289951371763ae63bb2bfb8df3e0077560', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '30ec61b70a778dc2de7fa694c340e16404dafdaa', class: "gux-arrow-caret" })), h("slot", { key: '8b0fc1b85e7661dd8b8aeb5b42d6ead1abfb65e4', name: "menu" }))));
     }
     static get is() { return "gux-flyout-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: '06210e30af48e1ec177a495924670d20fe6875f0', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'cbd98af95f329343c88456cb87f1194001d61efd', class: "gux-menu-option-button-text" }, h("slot", { key: 'b5e6d021b9c66616f172cb1fb36e7c8d2a3a73e3' }))));
+        return (h("button", { key: '084c6fdf56b4b99b20c82ce5a9109fff82bcc355', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'f417a73295ab8629d57918729beedd1fd3bc1961', class: "gux-menu-option-button-text" }, h("slot", { key: '82de312db527b65536c4a823e4797a73bcae58a1' }))));
     }
     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: 'd1cb1065ce1326e6381942e4b2946a2694449c8b', role: "menu" }, h("slot", { key: '814774738b4f286bb43d5b50cba6303dd20c2d9a' })));
+        return (h(Host, { key: '8e868c6ed7b6030a102505a823fff51de51e565c', role: "menu" }, h("slot", { key: '3cb6a3d1e31b7e420a58a509759cade453520d55' })));
     }
     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: '785a7d7fc228431781f80e78be5ea27b6f922b50' }, h("button", { key: '2418bd71a19ce456a0826f43a36dce5514e2b9ee', type: "button", class: {
+        return (h(Host, { key: '60ffacb6efa8bd471369be0f5b56a9f9a8e59d10' }, h("button", { key: '57cfa9e70d5f9f9a23cf9caa5c6cee1172879cac', 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: 'f81b332fe3200126f7bf6f3024967e5015d39db1', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '5d64d10850e0d498e3fbb0d5597564e27f50db37', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'b359b5156857f456b6468bf6f2c515c690f2d9e8', 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: '026be3ad33cc8fdef5091ad3ae29e50db46552f0', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'a758c574032419801685c806330cc71cc7b72b06', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '11bf82ac8147d7c060c0901f12a12d1ec7fc4a59', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'ac0cdba4681a3cac1ecbee6e54576d4f4a961037', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '98ddeff3082445608c8827369749279e932205bf' })))));
+            } }, h("div", { key: 'b7e9829f0803496eb71f992fece9f6661d21f015', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'c3c69ab551f09b0ddb05c39786cd2caf2ed90c5e' })))));
     }
     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: 'f8e07dcdc6178dac8469a373e7fc9f1e8f89fa2c', class: {
+        return (h(Host, { key: 'f5d20d98c22ac698bad67693c5db7adad45fc484', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '4ae6689a6fc1a858590718119c487449793e024e', class: "gux-form-field-container" }, h("div", { key: '1ac2613ffcc3f0d36dda677bd842a4071428160a', class: "gux-input-label" }, h("div", { key: '1fcab62fb4fbee25db937968903bb210f9b5ae72', class: "gux-input" }, h("slot", { key: '508ef0139fbbdb70f5a8a24770bec702710cead5', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '130dbb64399341cec6646991555c556b32a9ff61', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'dab4781b5eb6f1a10ca162235d59bea844510642', name: "label" }))), h("div", { key: '34a2f5460c3a2d1eb54d87ce41d573ff066625db', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '59a2dfd40d166c56c1bb07b3160694b92d3baaeb', show: this.hasError }, h("slot", { key: '886825073dbbdaaacf6edf8fc78ace33a0f116f9', name: "error" })), h(GuxFormFieldHelp, { key: 'f8fbad0a38ebbb03ead3726c018cc365eacb4b1c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd798fe0c5fcfb93c616be39031d2b38abca1240b', name: "help" }))))));
+            } }, h("div", { key: '29ba725d2864d6e740d6742ee9f2fc2a85f4d026', class: "gux-form-field-container" }, h("div", { key: 'fd809950de0a938ce2ac03026786d858d1bba2f9', class: "gux-input-label" }, h("div", { key: '67b905de811d7723de96b907df7bf152fb92c608', class: "gux-input" }, h("slot", { key: 'b7d0e493e505612196dbcd99479caea0da6f0e79', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '2036e55553e13322760add08a4edabd186b0cbca', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '32eb7d321e15f817b53b09101a17e7e582ff945a', name: "label" }))), h("div", { key: '7fa805fbd8c0d74e56450efe6bb48d05a69629d4', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '4b1095674129a10ce108bcdd32dae5715546c788', show: this.hasError }, h("slot", { key: '5c93afe494e13b9634174899e9f38337bfc1e23b', name: "error" })), h(GuxFormFieldHelp, { key: '4f9bae1bccb704dbfa21404c18091fd4094cad84', show: !this.hasError && this.hasHelp }, h("slot", { key: '7787802e47891d074c87a0a750c337852fc2352b', 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: 'b96de07ea2f50db414428a1c0da6d7519dc63fb5', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '5649fb46d2ad3401c0f91cd6e8e889d01d3436c6' }, (_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: 'e762a3109d33b1ca19d6b2f5395b03594645dd04', position: "above", required: this.required }, h("slot", { key: 'ba73fb9147fa3d105c648a8e74556ed05102efeb', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0eb14d155d544de04ef8a106f7966f58bae81e46', variant: this.indicatorMark, required: this.required }), h("slot", { key: '32853c9e842657f9e083649fb420e9168ecb304a', name: "group-label-info" })), h("slot", { key: 'da729ba2f72b8159d3f8a724a2c6b595bc750563', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '42db37ca5abcb91df01cedc085772c75db3c66d7', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'ec47fa90926b5116b72d6d819795da5b0f54b6d6', show: this.hasGroupError }, h("slot", { key: '3ca8db2694e3f29318eaf00f940564ca8b7459f4', name: "group-error" })), h(GuxFormFieldHelp, { key: 'f95e241b6a334bde7aed19696a1c406a94c66a64', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '1c597d9b240c5f926f6b618d5ccf1634cb4246ce', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'eb6d5e1264e56e8a73a4356d623aba7c6b60b62c', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'e7ec8f166db0159eb0b6a81ae9b45e7fdc96bf63' }, (_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: '02e7158a843ee19d2908abbe13bf2f9968fc6a10', position: "above", required: this.required }, h("slot", { key: '369538468330536f02de1b417b3fb08cc40fc322', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6ca1f850095b8a582d70c761887e8de424786d54', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1100f9634cfcc3ca55060e2101ac2d1db34425d7', name: "group-label-info" })), h("slot", { key: '98981d04dc1b5a369755ac1ff1ac4d75e178a623', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '852c9507202d6964939a42e63ab688d3b9895fef', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '14aacf9247177a4397c34a95ffb00c84ba5b88d6', show: this.hasGroupError }, h("slot", { key: 'd56702ee50afa28e0ae42ccbd35dcdbab214255d', name: "group-error" })), h(GuxFormFieldHelp, { key: '8877722e11c20246e99c41844e541cc1a6b8be9b', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '5e17244f6bb475afb21645b4a7c6d169ab4e825f', 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: '13d8df11f215ab673e3877a7e27b02dace4e5451', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a1703b8d1c64982145823f7af4eac4366a37cb7c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '62d91eff172f5fe3ad223996e2a67864999f0468', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '836d29db382f1b91795c28a038140f503c154c3b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ad3021b9c3aa48ebf9f0f41906bacf1b468f1ea8', name: "label-info" })), h("div", { key: '07164a69a9396d6a6829c11dbd2c033426273c34', class: "gux-input-and-error-container" }, h("div", { key: 'ace65a2240bccd0ddb7ce3a334bb8726cba8f19a', class: {
+        return (h(GuxFormFieldContainer, { key: 'bffb48ffc891f5ee3f946aaa98ebc113e455911c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd797d8a95fb9746131a5a30ca8697a3496d3840e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '8a87981c5ae36338bcf92223f781d9381d4d3435', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd88e939341d482a4550268a421cf2dec8325beb2', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f8e5c7fe81d2a0b7931d781c107959851e9d0c56', name: "label-info" })), h("div", { key: '0fc3b7df8694740a7f8fd56969034a8e8a8c89f7', class: "gux-input-and-error-container" }, h("div", { key: 'bfafbb89e81b05187f7ef5228f9d8d9a22472509', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '9c3968ad741c91f5767a1767cff4a0b8f2192dde', class: {
+            } }, h("div", { key: '6287062f02784c6999acb35c9c4bd7bb9e097a17', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'cc917e7cc4678f4d60db7f586f193c665306e213', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '2ac291486589741d20d4f3d64c1081211afeb4a0', show: this.hasError }, h("slot", { key: 'a32fdaee781a0f06e75fdd3ab569545f1f71dd23', name: "error" })), h(GuxFormFieldHelp, { key: 'a6a05b82d95fe56d25ba275730a63c28f7a2e106', show: !this.hasError && this.hasHelp }, h("slot", { key: '1b1aa28ef3236bf8351f502dad47fda8253cc39a', name: "help" })))));
+            } }, h("slot", { key: 'db22af17d7e9f8b094773d94aff017cd0725ce53', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'c8222e8eba56fb15ba02f359253bef24fbc02c6f', show: this.hasError }, h("slot", { key: 'c39e694244391d5480058c97b61539db03ec29fe', name: "error" })), h(GuxFormFieldHelp, { key: '5038c1d3b848f41a69b1293731b5c2e91576de41', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd310790e690634a236e014c7beae3ec7f14204db', 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: 'c1c74c5bb31b6f97d9ebfe1db1258a812a21ebf8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '6b0e80e8a464c0f4e5adff21d847e4e1b66c4b89' }, (_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: '81f7da2241b8997d4008bf2321763b3ff6d0db58', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f42e82c18a0b7c9529f812e80a302e97f3bba3fb', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2934265dfe189091fb2800c977d53522966952d7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '403c228edf1b4079cf92dde048a4d92fcc4f2dec', name: "label-info" })), h("div", { key: '7bc0892cd358d11a7dd7e153e060e05330e03d31', class: "gux-input-and-error-container" }, h("div", { key: 'e3170fc3c536f37ffff8c5c8f037f401e3e4777c', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '05f743f8b31c5f7be63ce04a1af696019f62230c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '96a4f9f605ee7a9349d5903195ac8e19de101a84' }, (_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: 'e5bded99855de379d8c87aba28981fcf10047a1e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd4b9025dd894cd533f1a8a1534b4c467c1c7aae9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '17817b36c0761e616b63ab59ab317dc6342d7ccd', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bbcdfb344232f625f7e6c029b2b3412ff28162f6', name: "label-info" })), h("div", { key: '35666437eb110b95d8ca01b3c727241aa98c827c', class: "gux-input-and-error-container" }, h("div", { key: '4ea57170359c454f33b394d4a6afe7f486b922e8', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '123eb80791e65217f2c8384bf05c0cd24399c142' })), h(GuxFormFieldError, { key: 'a43eb2cce1f8c80b321c111985d5468c8e4e2ce9', show: this.hasError }, h("slot", { key: '80d3fb9a48214610e6ebab1cc9e89a9c8208e401', name: "error" })), h(GuxFormFieldHelp, { key: 'd998d3b1685f86785595b34b51950bc4abf543c3', show: !this.hasError && this.hasHelp }, h("slot", { key: '9da58f97015a80e0d1cee3f50dc2000586b28c82', name: "help" })))));
+            } }, h("slot", { key: '94ac4b6cf8a9282454ac19adfa04261fe670d1ce' })), h(GuxFormFieldError, { key: 'cf4bdfb6bcfd6edd214b65fef47900460c199b4e', show: this.hasError }, h("slot", { key: '4196d3ca2b92e3c6b08ac7f745b335b5fd0fe0a6', name: "error" })), h(GuxFormFieldHelp, { key: 'faab07493e51e3736d2fdd51c0e42109efc42411', show: !this.hasError && this.hasHelp }, h("slot", { key: '3ae9f6495a12c782c29cc255a76c66d3697390a5', 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: '02b253ca15761a3f942dff46fee31701687b4448', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '874303c861645b74bca40a9081fa5c40bd663210', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6a6c8d788f7527304b40452fd7deab46e6c4500d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b787c16459b39df19e22f8fcd34d0c1818afc488', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'af84f811a6afed45f9a9837ce8676bd80efff91e', name: "label-info" })), h("div", { key: 'ddea7c195b46989b1b00527d92ad5bb382c432c0', class: "gux-input-and-error-container" }, h("slot", { key: 'd0c3ce56d0ccb4848f9a3b943cfe5f66163e2519', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '2612ef8ca6b34375be544e2adad168c040cc8256', show: this.hasError }, h("slot", { key: 'c99d71cef51302a13e421466752e4af684c7089e', name: "error" })), h(GuxFormFieldHelp, { key: '6b90f6a97692520a35675d6eaa0f99f3b2c800ef', show: !this.hasError && this.hasHelp }, h("slot", { key: '69ba3bc76e2ad3e56200a303b10f5db65a2d292e', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '7e0dc0beaa1fa180d4b8a59d9dfe00b4e0653d34', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '75a05ef6673d3c547cc60859b5f87f82dd980915', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '5004592368bc828d63d236db313b4683d9e2ab60', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e27c8b29a246528c3982de11d17f1fd7d64c5f41', variant: this.indicatorMark, required: this.required }), h("slot", { key: '36570c844c35f6636c7c2f83dca491b2c00f3033', name: "label-info" })), h("div", { key: '50414e470aa19d81ad392073246e1e2089edd488', class: "gux-input-and-error-container" }, h("slot", { key: 'd6bd9fe4e908c75d9d63605e7c3eaf2d45982951', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '120319afc4826e7c212008967af9899dea298acb', show: this.hasError }, h("slot", { key: 'fba07ff53d46d3561942dbb88a42b5afb6c4fbd1', name: "error" })), h(GuxFormFieldHelp, { key: '51a1f46d7920b826b528fb38161915faa5eda096', show: !this.hasError && this.hasHelp }, h("slot", { key: '7e262e73e07aeb3fb8665acb7f306dba65ad90c1', name: "help" })))));
     }
     static get is() { return "gux-form-field-file"; }
     static get encapsulation() { return "shadow"; }

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

@@ -101,14 +101,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: 'df4b8a0d67f9346f94f919bae2ce8a89f5fe1727', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ff3557152601cab46977a21cd8e9a801d4add136', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7374695cd022df657d0d2b377cbda0865b6db6ab', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8f016e8a96739777af319345eba72b027a64bc4a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0c513673d8646dc7fb7d1662003e08b52353abe2', name: "label-info" })), h("div", { key: 'acde65f1e052116c5d25d823cfc8057cd7cc96c4', class: "gux-input-and-error-container" }, h("div", { key: '995ff2b1bf1d16c3f733cab26ecc0964af1372e5', class: {
+        return (h(GuxFormFieldContainer, { key: '1404ed256b0c59730a6b52a8eb8511b966697af3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '06b4f7b5550e608958e6c097c619f2afe6c614ac', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b7315fb4f8498f5308d39dfe0e70eaad42644108', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4fb64e295f6a03dc874ef4844c3fecac10d09fb9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6655ae39155c1c790b90f6d93afcd2bd6d0bbcf9', name: "label-info" })), h("div", { key: '70790da5948a776ce78c951933c3f8cffb1e9a68', class: "gux-input-and-error-container" }, h("div", { key: 'e4bfd871ccb296f87dc618db9fa317122475b41e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '3314defc9a659839e2b5882fc57f97d96656ae2f', class: {
+            }, part: "input-section" }, h("div", { key: '34b340aab242ec746ccd7a2484f7c76e2914b5c0', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'e69306c0f92b42aa3039b2586c95c1e55b324b29', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '3458e120ecd9db5467e3dada2735a52675a3b79e', show: this.hasError }, h("slot", { key: 'd4f8a9fdbe5510dcbbaf0cc540b3aefaa06d11d1', name: "error" })), h(GuxFormFieldHelp, { key: '0255c2a4cf5cc3e0f76aea89508ca6a397c3b4f1', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f50abf2bbf55c015a1593c01ed47a46d9c696c00', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '8facf47db9e586d88ec222feeb973c220dd583b0', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'de94c88e51c29f0f237f12b033b13fed44c34289', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'c92070f61573177f3b516eafa60f579eeaca0a05', show: this.hasError }, h("slot", { key: 'a3aece9dae599c68abedb58ed692f5d0fafdac4b', name: "error" })), h(GuxFormFieldHelp, { key: '0bbc8260400e4c3b0b9bffbca5526a931c3416b2', show: !this.hasError && this.hasHelp }, h("slot", { key: '0dbba9e894f1653ac359293d2a6e109828ca63ea', 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: '8d7f86bb76e7c3ff4a798917a45bc5b2d42e646c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '9e2f637de0442d809253042f9675a7dd51081ff0' }, (_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: '052b1a003849260bf9d24055dbb38ed6b7b5e927', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'af8d9f5a0685e29be66bfeb80d288f05db995307', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b1d42a9e55588cbf576c8bc5681481b53ad25393', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd283281313e4d9bdde10ef78ac9a212db58a1fef', name: "label-info" })), h("div", { key: '0e15d073c9f4c41f51d36c9686a3a01feee51b04', class: "gux-input-and-error-container" }, h("div", { key: '5c163aa47d9ba7b760980d3cc55cef37a7161b09', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '9dbe4366a2d00911db5fd095472d8bc4bf878997', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '8940819968c84d1b2197b244b36c5a73e994395b' }, (_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: '791af08872c28ab6feb8de6f8a143db5f5b53b39', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '44fd8715522535dc58ab19489b154253acbede5e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '602156daa4d6c2c09b41b6b3144af91269e08597', variant: this.indicatorMark, required: this.required }), h("slot", { key: '832b2d04ace14f42a3d44bc1f562f80b603cadbd', name: "label-info" })), h("div", { key: '759588e7dbb139e628217a50d233b215562c3777', class: "gux-input-and-error-container" }, h("div", { key: '4af0b4dffd50d83a7ca28e15bd12c4264a205ace', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'fcfd85402c8eab92a35b0e9d37efd577b401539f', class: {
+            } }, h("div", { key: '33d1ad8cab0845f0748c5297812f5abda2137933', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '7431b1ab677bdf5d7983f83618ef1411e607e411' }))), h(GuxFormFieldError, { key: '8e31c0f6bc1e2eef0aa387de006cbded084e62e1', show: this.hasError }, h("slot", { key: '5cd157c3acd3579757b1b09cf1b3726e2be7f407', name: "error" })), h(GuxFormFieldHelp, { key: 'df5cd3f96afb6afe80cdcbef5df5aefe2a2bc737', show: !this.hasError && this.hasHelp }, h("slot", { key: '51cbf62e1b70dc72a5a5773fd49acc95d6bc2dd6', name: "help" })))));
+            } }, h("slot", { key: 'fb907d77d82201d2cee730f5f54546d39cfe0106' }))), h(GuxFormFieldError, { key: '7d79f77be59c9651ce9a9cd461bbf9f3ae736d5a', show: this.hasError }, h("slot", { key: '7f9de545626b3cd12b3b7f1e7639fd43b1d8e426', name: "error" })), h(GuxFormFieldHelp, { key: 'f87d4ae89adda04ad13482c465984b9c637360b8', show: !this.hasError && this.hasHelp }, h("slot", { key: '774a6aac20d8a963d4e9c936800074164cefe804', 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: 'b75d0ff902ced5a1a8cdb9966d8c6690503d0130', class: {
+        return (h(Host, { key: '1f9058b9cba8e25009df7188a833dc7c77dee10a', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'f5854c0daf214cfd159cf4d96e35794e9e609e93', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '2e4c86e4443d2c701400747f3f119752984b1a74', class: "gux-input-label" }, h("div", { key: '68c21e8b945ebfde73d97e368ee950b0ec97760e', class: "gux-input" }, h("slot", { key: '3476024fddfa218fa102044f02f0b19947b8997c', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '293aec0463e0f137d91fe606323f2689554f93fa', class: "gux-label" }, h("slot", { key: 'f77833ddca1595534c3ce5a2a63abb242b58e9c6', name: "label" }))), h("div", { key: 'baa6ee62cc4c0ebecd9b22366e08f6166a99242c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '2bef63243a37098461d311f23077e962d750cbaa', show: this.hasError }, h("slot", { key: '7c74813d8cb1bf5ba6252872b6478b87764a8063', name: "error" })), h(GuxFormFieldHelp, { key: '495509e86a0e32a761ea2babcfc16865945d9e6b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b38a0df20bbacb819bae14fa29fa8bc235871e54', name: "help" }))))));
+            } }, h("div", { key: '21095dca5c246e05c643ae085742a77c0692456a', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '6c17a8f7ca09a54dba861774b94042b8f01cb77b', class: "gux-input-label" }, h("div", { key: '13745ab315bd98fd6cfac51b84f8640bfd4c54fa', class: "gux-input" }, h("slot", { key: '06f3a11d98078e33f7e52e1420f4926f1d4cccb7', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'c097d66257e43c90e1136f0c59fe36c2893cd3fe', class: "gux-label" }, h("slot", { key: 'bcfe31b19828e0778d9d572bec97f435389142f7', name: "label" }))), h("div", { key: '4f1eeb5be7d495e8f1624dd6036e5cad42726968', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'dcdf2c760f97879c2e8f096e8696ee69be1207e2', show: this.hasError }, h("slot", { key: '2fce9a4267950b027dd59e17d3f47903f569db4f', name: "error" })), h(GuxFormFieldHelp, { key: '59e804c39c6d66c7a82e17214953e1c1e269910d', show: !this.hasError && this.hasHelp }, h("slot", { key: '1a9acd8b48a6d3b80c64e05375ef3eae8b25f49d', 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: 'be6bea2872562a80d2918e40f9ae29e1e0de408a', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '8b75141efe648ccb79ef1e5c04fc8a69c0411549' }, (_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: '2574e55c2c2067ba94a1307800aaf47509af001c', position: "above", required: this.required }, h("slot", { key: '01953b33bc8d4373ad075b9f4c1a0344b9051f1d', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8d0bb4f8955c09c22c0bc8550d7600dc76ab50eb', variant: this.indicatorMark, required: this.required }), h("slot", { key: '60a9300f0641039bcd35da1b3bfd8d926a1d9daa', name: "group-label-info" })), h("slot", { key: 'b4515fcf05a79464d23eca1b68ccd391202e1e55' }), h(GuxFormFieldError, { key: 'aa2557b09e3117dae22eaf36697413c2af5eef1f', show: this.hasGroupError }, h("slot", { key: '9935bf900a741735f424531f04d28a4daeedb737', name: "group-error" })), h(GuxFormFieldHelp, { key: '216a409fd9732458bfbf061f71c81a19c0a5d0ae', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f9d90029ab126b653759d65dedb3ffb373b8836c', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '6a76d4ad97902956286b049e84fefd22aed40034', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'ab6bfad55bfd7956298e3b7417760ca2749edc53' }, (_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: '36c778682f287a5a4d328eebc778bbe7cb6682c6', position: "above", required: this.required }, h("slot", { key: 'eeb8abc240492c8ff0e1416616449bdc72b76ea1', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '923f209fb70fe3c8d79ab01054ad38632f516e02', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7770e201f043a6633e6322df518ad263cbfa95d6', name: "group-label-info" })), h("slot", { key: '79a883b74ce4b05767a19516561493bd41a6b439' }), h(GuxFormFieldError, { key: '546a10e352ad5f836a627b77cbba681d7385e892', show: this.hasGroupError }, h("slot", { key: '9b3cbc4e4d8a63156aac2d11bf97f3663006f2b4', name: "group-error" })), h(GuxFormFieldHelp, { key: 'e1ac75ec7b9c446141b949fc23dda9a166747468', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '04fe13870a936ece3a9489224352b3462f23c6dd', 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: '74058ce7c75b770a4e248ad97588a61f7ea30d7c', class: {
+        return (h(Host, { key: '0b2a0ac59a1df20216c07cf3b5d776076652f419', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'a481f3ffb50e558c9dd30c76b3b1e47fe5762485', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '3797514aca8070d73dd2c055f319e6cb78a3da42', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '52bb376ef8f1f3c7a489f63819d9f250bac72886', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '71b1ad7b8270e8247a8117e5a73726037798bd85', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a87ff423e9614036241ebd3aa41c3f8a01c84adc', name: "label-info" })), h("div", { key: 'b641c74a0220b112706f988f9613ada2324a84e2', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'd8874481e8d469c80af23c1bac422a27226274c2', show: this.hasError }, h("slot", { key: '87a5acef2b8cc817f82bbca3f8dda1519bea6754', name: "error" })), h(GuxFormFieldHelp, { key: '552098d2ed885c59fcfa200e63758dc0ec50a4b8', show: !this.hasError && this.hasHelp }, h("slot", { key: '05983248089044389b96eb9506fb59cd7bddf4d4', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: 'b30204ef473dc608ab1938cc9322d983c09162cd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ea2b43f91152b537a67f361faf3db593ec147e8b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '97bbb28a1cbb26ac31e14237667ea08494c4873f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '763dd478ce01d5a875453e46aa98d508b3ca2e12', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dbf54d1c841ce5e6fb09f8f2d28612b68f6ba607', name: "label-info" })), h("div", { key: '0bc87a2c456146133114820dbd7247aa03725d8b', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '6624f8459a84bb6e97199c6c17dff76b033b216d', show: this.hasError }, h("slot", { key: 'a507edab5a2cfce56eda8ea00067081d591a0566', name: "error" })), h(GuxFormFieldHelp, { key: '5f5b31313a833c0c8d435b2c7efa3026bca2b1b9', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c92b67441b93640998d8a1fbabbece8653b04590', 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: '6b8df5e83e706d08322519e9e6f55bf51ef11530', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a4b230d8a823a9584fe5225afc2ad769d2a927be', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'd8bd8c59374138c1461ce4b77ede7585f81161ce', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4f9bf8bd1a1364ab1aed336d243ad507de48d11c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '05fe9085c8213c8365df4f63ed670042547fcf02', name: "label-info" })), h("div", { key: '39f1515ae751de616730a589f34ba9d6096c28de', class: "gux-input-and-error-container" }, h("div", { key: 'c1cf057108a368c4db4b9b37ed5f845d5d2c7551', class: {
+        return (h(GuxFormFieldContainer, { key: 'ee1ba845e3e069d33a4f843941433087966a9530', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fc30f907dd13e00a0965e0b43132d3ba189f664b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4ac5c5d7bf05b63fd72f03144c6b108a0b6367c2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6ecfc440ec3c70f27ee196bed53e7a0cfe484b56', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2084f698c1828fb1f678148308ae0f1aa1f65e6d', name: "label-info" })), h("div", { key: 'd18ed366dee72e7f8b8afcda6c03043b400b4f13', class: "gux-input-and-error-container" }, h("div", { key: 'cd80766d00e138306674e01e60d24a4e9fe978fd', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '74136ae5dcc0eb4f8e2315670a36f4b39df1a4ed', class: {
+            } }, h("div", { key: 'a41e48e5b4e57c816af4a8a1b0081d5afb669f90', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '681b7b5f311115eb86465cee4aa9000e021bc5e3', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '65a673a135cc0d39d9630688f51f58337c89f966', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '17d36dd782da9efc15a70ed91af0ae54d0cb4ecf', show: this.hasError }, h("slot", { key: 'b0d7e381ef35bbcf95eaa102a68f0e5a02f2285a', name: "error" })), h(GuxFormFieldHelp, { key: '6e2a4209380837330ba7345e9937e86d72b61486', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fd4231681034a0381357fcfd37a0b7a386f215e6', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'ba401019fff62d4a024e631e888b9c63b3eff925', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '8be37fdfe79e838e66e76bd2db4239d3a1b4a88f', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '81f511295f00b69a4c4910b514a692293bbf577c', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '873888e1206a7c292a26a94a1dc37cf3bd20cf14', show: this.hasError }, h("slot", { key: '4e2f93f89f8ef47653247aebf03dc833860e71ac', name: "error" })), h(GuxFormFieldHelp, { key: 'fd65d4b252d260a0e738bb600c79d2f6d1720216', show: !this.hasError && this.hasHelp }, h("slot", { key: '61779b9bafbb1c4671f49373cbb9c8968d642cf2', 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: '760bfeba50d1752e5fe40b8f9c960ea36389636b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '860f5c6100f4c65e5dd72d6a511211712c776eb9', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '171e431f5b48e9fde083e054544bd07300725a65', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '16eed4eb22cd41463cea6a49400a58c63abdaccb', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b59a673e219a0db5da308491ad224de57389c8da', name: "label-info" })), h("div", { key: '4bae5cf7f7ceb0e8113be855ca622aac5a4b2198', class: "gux-input-and-error-container" }, h("div", { key: '2e83a3a204825960a49a71a598553c445f8328f7', class: {
+        return (h(GuxFormFieldContainer, { key: 'a891d746f1e196c085401687a23d8e082db62558', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '111051fdcd79a931c5e4fbb54f0f8dc858df324d', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9fc7b6d5768b4c2783e9d5bb9ed606e89eda6cfd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'aa2355ad7107bbf7cc3ffc196328b71b9097a532', variant: this.indicatorMark, required: this.required }), h("slot", { key: '64e182139cf6ba85f444e50a386dd4776f921364', name: "label-info" })), h("div", { key: '063a815a8f0b490f434f22e5eca46151c60870da', class: "gux-input-and-error-container" }, h("div", { key: '6d98a4f02855f4dedc72c3ef16fc4853b0edfda5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '989d82b59d10a6c9994f65b54ab51b75ee66b6b5', class: {
+            } }, h("div", { key: '77c7a76e45c4b99254ca8ff0b6d9d476d83e6fc9', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '7f95689539d778051a6e3ea722608395f860c07e', name: "input" }), h("gux-icon", { key: '1d0cb2955a5d02ad4e9b09a9448b9649e8c7dc63', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '2f9df215c2078bb51ff5c970ef5269d3ac4ca624', show: this.hasError }, h("slot", { key: 'e2efb30eae0c20206017d4b21677d88ef884135b', name: "error" })), h(GuxFormFieldHelp, { key: 'ed56813acf59677afe5db14ed67f779f517ca840', show: !this.hasError && this.hasHelp }, h("slot", { key: '70d7ea0ce9dc7bb0bc4871a9ae504b06aa30a398', name: "help" })))));
+            } }, h("slot", { key: 'a6b83dcf94d3ba5d18593fc7ca5c363fa1a76343', name: "input" }), h("gux-icon", { key: '37d692a4d81936dfc3359e720c0c3ec2342f3a58', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: 'e7ac6050685cc4d6e591001428e0bfeb4c3d3a4b', show: this.hasError }, h("slot", { key: 'b0de1db0a8b8b1036284a7749dcd6063baf08a29', name: "error" })), h(GuxFormFieldHelp, { key: '07256c1cf58f785aa2069ce16b87e32bb372ec5c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c09f0d5e5cdb02ea8d5a75f4a469f407d2168578', 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: '1779562f547674ce4bd3120168ac52c57f99c5ee', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b91268b0f10d96ce64888ddd606787b9c19c8dfd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f90afc8ab539ccabf0660ef009619d1b78bafb0d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f762ca76d1625cb116a65bd344304eab968a1ce3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3955f043536b4c7fed7e778e75d2174c01bb3938', name: "label-info" })), h("div", { key: 'a08df9773be12991bfe5b22e9f4f331d211f12b1', class: "gux-input-and-error-container" }, h("div", { key: '911bb461d2b4391744beada4c4f05eb8be134007', class: {
+        return (h(GuxFormFieldContainer, { key: '8542dbf3586a4954e599b474075d2223412a26f3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0b62b512499c8ef97761e2704f3b737cf06f968d', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5935577524f196d395cf644f49814f7766a09fd6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ab1777e7bf925e04e1bf7427aa2c49e2cd0ad5c6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '713b9725d03a6f121397db9bd4f77bb0cfe13c4f', name: "label-info" })), h("div", { key: '85b87e18390636999776496f487ec0c0cf25b0e5', class: "gux-input-and-error-container" }, h("div", { key: 'dac2fb06f90b9db78f46e632f234a7a41456d6d6', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'acc18c9291551ddcc91b461a511dbfd4dc1babd0', class: {
+            } }, h("div", { key: '3465925d047570189a19f07a93989a60eb8becff', 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: 'dd7f8dc6dd4fa557807b8710f90c197635a1a67b', name: "prefix" }), h("slot", { key: 'c52191fdaee64130282c2f06347cbbe54986753a', name: "input" }), this.renderRadialLoading(), h("slot", { key: '26087930b92c8c22bd9761bd338438511b12c433', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '4a8fc41ba69758049510736e1163165dba55a382', show: this.hasError }, h("slot", { key: 'a5979dd32cc4855dc82bb7baeb4630e862b9c987', name: "error" })), h(GuxFormFieldHelp, { key: '30aee1f6ae34a8eaf405cb6b7a849ca2f020e807', show: !this.hasError && this.hasHelp }, h("slot", { key: '8bbbb135cb6c3fceb4db9faf7a7b123230318bd6', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '252b146258530413117f35e3462e1c468ed1d508', name: "prefix" }), h("slot", { key: 'ce315116d279a9a7e2839e3f6ba6a3f973efa8b8', name: "input" }), this.renderRadialLoading(), h("slot", { key: '516b7df929a370f62e91f5918e5828ab268e856b', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '22ad01e5c3a63f23ed2cc066a758f704de050222', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '218838c17bf35f44a04cfd16974e6cb34b298da4', show: this.hasError }, h("slot", { key: '4996092e4483018fa7053601b765dfd53ae5af22', name: "error" })), h(GuxFormFieldHelp, { key: '2e2f5d71b0f59528c40a79d6411417814358476f', show: !this.hasError && this.hasHelp }, h("slot", { key: '32e2373d4ff0238fd7dbae1c9c113003ad93cb15', 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: '18cc1eed0c9625b9bb82c2348e8313d68d7f1cfb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd056aedc764431ceed695834c12077353c10a603', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'e1072d653f2c2309f46e9235f98c2af6d4d276c2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6df8ed6f70d2140a88fd476e532895c4b0727d50', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4b5e3f0e6d5b0df3230d7841d681edc3690c5012', name: "label-info" })), h("div", { key: '5009300428dbc2422bb042cf29fa4665f8102434', class: "gux-input-and-error-container" }, h("div", { key: 'b6a47e7ba3743a683c52c58a40496d40f43ed326', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '2df8e8c0180df0cc9ccc6aa2cebc48705925b2e4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '9772db76e39f4642f7ab05f660dc516dc0467ebf', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'abb7ea432242cf62d860caf1c9c0a2d3a9691744', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fd8256a8d319cc0b49a7c950ac5c6513de00bd42', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0b579b3ee118d7c85944193ff5b3cb4c943aec9c', name: "label-info" })), h("div", { key: '5aa038f7173b329bde1dd5452924b472b6dc5429', class: "gux-input-and-error-container" }, h("div", { key: 'da0492cf401dedf4ce4634a4e8b543a125bca2b1', 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: 'db9b67cbd35956c79b933baffec591f01a514330', name: "input" })), h(GuxFormFieldError, { key: 'd0291412581c75eaf53eaefc12f882828bf3ba6d', show: this.hasError }, h("slot", { key: '43919cbc9349192e193ee227818c9a67fcd0d54c', name: "error" })), h(GuxFormFieldHelp, { key: 'a869861b244f7ae4450bd5fe3e2bcd532663ea34', show: !this.hasError && this.hasHelp }, h("slot", { key: '7031721d0c3ac8b9b7d21b4844e7f16a77b2e30e', name: "help" })))));
+            } }, h("slot", { key: '4d8f6336f444db1ece5f794a10f44d642a8ad684', name: "input" })), h(GuxFormFieldError, { key: '73a719a285cc1eb1c53943834231fe876d6b6053', show: this.hasError }, h("slot", { key: '1962caac9f235239eeec00c2767ada47c9bba4e4', name: "error" })), h(GuxFormFieldHelp, { key: '89fabd0537049dd567095190180b61b6a1426257', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ab914b417d16a31090c77485bcad9be32e82e250', 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: 'ef197d6ceac19ecc05792c759dca2d8f11dd8735', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '8292a878a3665bd139970ccd1d390fb5c3ba52dd' }, (_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: '7053e78a8af7dbd13e14be87fbefc4b4d9fda1dc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fa8b5271f5d8f2eecf68ada0d943d3f61fd16619', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '59039cb7e40b0ce6bd8c2c231ab89191d6628482', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1549fd9647ae6ed5a8f48821a83e204193933163', name: "label-info" })), h("div", { key: 'd5d615e3bdaa6aafeeda39ea9d859959883004a9', class: "gux-input-and-error-container" }, h("div", { key: 'd480abe368ba70aa99621b144e5f6490b83bced7', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '99e5a1a568c15e6cbb374a82670141611bef77bb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'dd14dbcd65f247beb94bd5453aff013f90fa292c' }, (_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: '5381652c00e6ffb9617b132a3d83a312e01d28e7', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ac571f6ecba8c635b0d1ca060b0c3bf18856ce49', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4e365115b94f2e8a1a9b9a2eb0c083e5514022b7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '736042e117bf95af0bec592e0971591879cebea9', name: "label-info" })), h("div", { key: 'ab7c25cc058b84f6f6a9157dbabe707fc6e44022', class: "gux-input-and-error-container" }, h("div", { key: '3174841e91268f62b402e943fd568b24b5464e69', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '91b562258e66c59fbf1cd21a9ac72ce0813f57c3', class: {
+            } }, h("div", { key: '070e8ae58e76f026d01b3bccf96258237c3dfd77', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '4b332f7b6e3ef18fdf9f22f10341fbb91d92ef9e' }))), h(GuxFormFieldError, { key: 'a870dabc3e409072f8ba2c47ebaa4960e79f9b6c', show: this.hasError }, h("slot", { key: '98605d4c0de336a2412b52d0d1e9e15f6e78e8e4', name: "error" })), h(GuxFormFieldHelp, { key: '7fcae16fe04bb3b119b340def276b420d7d786cc', show: !this.hasError && this.hasHelp }, h("slot", { key: '3fd1dcdffdb46da72c805f0c2894a64a8806796d', name: "help" })))));
+            } }, h("slot", { key: '3c850e19772bbace5060af078500da64922cd2b4' }))), h(GuxFormFieldError, { key: '6f657e4ef8a097efa41cf4974f2af81d22fae7b1', show: this.hasError }, h("slot", { key: '33039502283c755dc3edf831f23738e6f595a7fc', name: "error" })), h(GuxFormFieldHelp, { key: '2851dfd95ccf73b9b0dfd64a5cd82b2b61cc94cf', show: !this.hasError && this.hasHelp }, h("slot", { key: '4c0e2b86f132bba0c1e3165e0557e6064cf28b01', 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: 'e984fd95cec80503fbc2fa91e691ddfdb2fa0a82', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'a61ea3ee961797d7661d4d961bbec3be94539ad2' }, (_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: '85a7eacb8448dde570afa847009d83d58cc41c96', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3249a818b31ef7b68fc5160ade03fde5cd9d1a66', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c8bf6c7f1600f687ce363a614bf1f807fab0c842', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6fdf1fc2813962fa812bdb41363c89f209f1c13a', name: "label-info" })), h("slot", { key: '518b3ce692bea06d70bf002bfe2229b1376b0078', name: "label-info" }), h("div", { key: '3b5fd7abb5fa13bf4d86457cda1c82e0f6b40a6d', class: "gux-input-and-error-container" }, h("div", { key: '62e0ee146abf7e9dcd5815a16c577fd1e620b679', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'cad29676080233a809bd6d3c5dca50dd04d921a2', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '3b6c3d7a218c2d1bdcb8fd17970499b4b8cff1a9' }, (_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: '7ad702a194192691090aa5afe2530f92305fc175', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ff793f022bbb9fccb76e12f9c5cd33841a0f9c8f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b4dabe7124c400e9754fc5140c36796a780d7239', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9db41be734b00d67644f1324edb38900076b7392', name: "label-info" })), h("slot", { key: '7ab81d750ba76da7614bb482c6b22496af2efab8', name: "label-info" }), h("div", { key: '98990959c2fdc92b9bf8047d355ed673034dc18b', class: "gux-input-and-error-container" }, h("div", { key: 'd9fed80602110c474cbbd4b6bd8049cb7189f5c8', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'cfd48f756e21b8d48cf34dae7d4aa3910769a44c' })), h(GuxFormFieldError, { key: 'bd029518931ac05ae9bc3d8cb34469c267b74daf', show: this.hasError }, h("slot", { key: '342c9df2811dfb12b4127c5620e56c4b815e0ab5', name: "error" })), h(GuxFormFieldHelp, { key: '1d4d4c199b001662375a4e8d11ea3583794a9dc1', show: !this.hasError && this.hasHelp }, h("slot", { key: '5089f1a0783693b0d7b94e1f1f19ba10462ecd45', name: "help" })))));
+            } }, h("slot", { key: '937623c81273c30d67175d57d76408e3e55aa46e' })), h(GuxFormFieldError, { key: 'a4ea74c31599388f712619ba31c5a57452060241', show: this.hasError }, h("slot", { key: '3f51a30a87a41bff3f15853b2ebddd75b847a48c', name: "error" })), h(GuxFormFieldHelp, { key: 'd47eff0ab977dd70d3114ca8689e73bffa8b00d7', show: !this.hasError && this.hasHelp }, h("slot", { key: '7adb9a57d397057a9f533915c78a36619b38109f', 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: 'af10e2cd45d2db167289ee3381dcdf5efd7336d6', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '0cf9598e236da8ba7443be2aed6a74824f9c95a6', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: '7d6f8c70d0e1d0b989b2d50fbd25ea3a2f73142f', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '2915976047bd900f4e96b4eb3a214236e5001c7f', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '12f313f435c627de5adcda3a961bb2d5ed610e3d', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '469550b17dbff3ba890d8fd1903039fa34aadda7', 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: 'cf3d7fae0693d346baf6571b16ca9988ed820e0c', class: {
+        return (h("div", { key: 'fde2dfb461f4f9cca557bba7cc7c26e68e089bf2', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: 'c90e3f69d545cef3ef05d775b1fb7fdee473c6f9', class: "gux-message-wrapper" }, h("gux-icon", { key: '76267a5138aa5c3a2e50aec8c8ef104b3fdd1d0e', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'a6da2516f698acf0df74c083b514ac7f8d3e809b', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: 'fe522a25ef788f532a626d810d3cd576622e5827', class: "gux-content" }, h("slot", { key: 'df87850d2a59afe1f0f05d9481b3821c26e2ebe6', name: "content" }, h("slot", { key: '7c5eb14d589f29b409248d0ba540bdd04d7a11ce' }))))));
+            } }, h("div", { key: 'f605755387c01f481873d88b47ae005d4d8ff45f', class: "gux-message-wrapper" }, h("gux-icon", { key: '351c47da96232211a4ffca7a924dee89cda1ff62', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '0f7d7dd6f360e3ba2d1049b389b4a689f22dca18', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '8adedf88e6c7858b894b587dd15514f8efeb66a6', class: "gux-content" }, h("slot", { key: '6fbd601f20f23b7d5d75e8a0ad8afd7d6be65297', name: "content" }, h("slot", { key: '944f478762d7dd9f71009816c26560734de2bbf3' }))))));
     }
     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: '8b74788960cb48998d4c45b13bbf169afee953fe', role: "presentation" }));
+        return (h(Host, { key: '350ede1a420ac1457665bb88929b2563678950cb', role: "presentation" }));
     }
     static get is() { return "gux-list-divider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,7 +23,7 @@ export class GuxListItem {
         }
     }
     render() {
-        return (h(Host, { key: '228e7aaa169b6d32278420ef4226cb66eed680fb', role: "listitem" }, h("button", { key: '587a70dc3b66f4ca0420a9d76cb61b669fc4a736', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '1f9e09bfd16aba3ef049507060175b3815410973' }))));
+        return (h(Host, { key: 'fee0e4774e56d8f92d359fa440b692d91c6fc698', role: "listitem" }, h("button", { key: '9559265528fffb857a5b494a0cbb94a169d768c6', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '3b5093f8771af67724eae1f373f7dfc7d8594435' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class GuxList {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: '2282a3944bdb0fccbe2d989d7957c83faff1d2a7', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'e888901be4dd107001981bcf295ff393ad6b1058' })));
+        return (h(Host, { key: 'ad961f6ed0eb29a5359534c174d2fad033948d77', role: "list" }, this.renderFocusTarget(), h("slot", { key: '2dd732f57f7770db60a5fc81a1a7f4aba7b7dfeb' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,7 +48,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: 'ef624d9a4655967326d4af04a49d6834d9e82d6e', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'a53a62e3575da9321c7c58ed45622120a74580b8', class: "gux-option-group" }, h("div", { key: '86e38732669ce25150c2bb0a35534e25e120a00b', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '4e09a0ef6b5c1fd5ee65a66821d5009a3c6dd936', role: "group" }, h("slot", { key: '9777441ef6ec2c2d1fed54f2c5f3da4455c7184a' })), this.renderDivider())));
+        return (h(Host, { key: '337395bb996aa1d1748dba716e951da4ace55a8b', class: { 'gux-filtered': this.filtered } }, h("div", { key: '585742862e99cd3862acb627b125114392d5d2de', class: "gux-option-group" }, h("div", { key: '9b11d410957cf000af02fd27ac47e50a0e5e7a55', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '172f01d14f4316daa18460926adb75203cf4415c', role: "group" }, h("slot", { key: 'd8565e733b5955bcf4fdcf1fddfc951f7c4b7f19' })), this.renderDivider())));
     }
     static get is() { return "gux-option-group-beta"; }
     static get encapsulation() { return "shadow"; }