genesys-spark-components 4.99.0 → 4.101.0

package/dist/collection/components/stable/gux-copy-to-clipboard/gux-copy-to-clipboard.js

@@ -57,7 +57,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: 'ee0725581dcd843b2cda8c70fadb114e74d2b088', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'ca283083449ba5091db249331a77eba68223058f', class: "gux-copy-content" }, h("slot", { key: '060eca2849611996b01f506fc6c9e1a2ec1c60c7', name: "content" }), h("gux-icon", { key: '2422107ddae26934620f39a9713bd54ef75d5fc5', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '5f51b7c0b0a6e248292cd3a60ac6c6cb983b68ff', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '8a70318d238c51f984d0f55db83a7e41f27d4576', class: "gux-copy-content" }, h("slot", { key: 'fe9d2dcc8727108718b58af6f9670d8f83294b30', name: "content" }), h("gux-icon", { key: '708916de60bbc67c68eafd477e0b1ea64602e158', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     static get is() { return "gux-copy-to-clipboard"; }
     static get encapsulation() { return "shadow"; }

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

@@ -510,7 +510,7 @@ export class GuxDatepicker {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (h("div", { key: '948f4ec8fae414cefda6fd372ceca25706f02cd8', class: {
+        return (h("div", { key: 'b55b7c398e32e216ea4cb77d56aa3ba5deef6f56', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -12,10 +12,10 @@ export class GuxDismissButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: '4e8ebe278ad9e5304af781a1f5c4e2c0bf7f272a', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '1ab8d7df683a55241b5573a100887a33034ece27', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: 'bb4cbb723c8b3f807d54bcc59802e93674dbb97f', type: "button", title: this.i18n('dismiss') }, h("div", { key: '1075bed042fe32044bef311f00c3dc348e06001a', class: "gux-icon-container" }, h("gux-icon", { key: '96ea41cee8ad232ae4e6f48df9e83de9c313b1a3', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+            } }, h("button", { key: 'df1bda5ad532ab1404b5dddf1b27ee4e0a5474f7', type: "button", title: this.i18n('dismiss') }, h("div", { key: '9b9f1467e03118843668b8a681379463bc153481', class: "gux-icon-container" }, h("gux-icon", { key: 'a629950cccb648ca7ba386d977d25dc23faa6e76', "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

@@ -346,7 +346,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'c28981951152a2a85876cfb8ba57aa0ba30e4d54', 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: '556c41ea361cc69f433f7a28437c4fbd70bb1687', 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

@@ -11,10 +11,11 @@ export class GuxDropdownMultiTag {
         switch (event.key) {
             case 'Backspace':
             case 'Delete':
-                this.removeTag();
+                this.removeTag(event);
         }
     }
-    removeTag() {
+    removeTag(event) {
+        event.stopPropagation();
         if (this.disabled) {
             return;
         }
@@ -29,7 +30,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '01fbdf29eca021829a83da21aac987f7ebde2840', class: {
+        return (h("div", { key: '0e479cd0dac0a60fd4fea8314060bc9183bdef93', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));
@@ -60,7 +61,7 @@ export class GuxDropdownMultiTag {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Tag is removable."
+                    "text": "Tag is disabled."
                 },
                 "attribute": "disabled",
                 "reflect": false,

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

@@ -374,7 +374,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '773ac07c744d9579a3dc854949e2ced537fb24de', class: "gux-dropdown-container" }, h("gux-popup", { key: '0b7d1fdbff153bf7f58b6c217566837d8daec643', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: 'd53e2adb1eae3250f2febd31a60eca219a57789f', class: "gux-dropdown-container" }, h("gux-popup", { key: '0040e946640d1f009e4b4027f1b4a8bb6b81d7e3', 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: 'd86d4c442d946c2fa9f5cf725ec39dc10419a6d4', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '92d3f356b45a15c73249e205bf694d79420576c3', ref: el => (this.targetElement = el) }, h("slot", { key: '8e25f72c9ec985396c7f176bce82a5c11a85d791', name: "target" })), h("div", { key: 'f0bfbf68c0716bf3e8ba906cbb59e3717df7f508', class: {
+        return (h(Host, { key: '7dea05db3e9f579dc4c6af22e30dfd4055a25e50', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '57c1c328e4ebc32e3136324b2bdd6f939291ddf6', ref: el => (this.targetElement = el) }, h("slot", { key: 'f43beb0a6d7d86caf01c833fd7ad40bf2053e1d1', name: "target" })), h("div", { key: 'cbfd2b537f45ac2407aeb03a98ead29693c6d57f', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'bbb86b05d87ed0ea5cbf0aaa54cbf87a8d09ae0e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '9857e64331213769ef13463c908a70c24f6e4d24', class: "gux-arrow-caret" })), h("slot", { key: '7fc0218dd92d69243861aeb864695ae4978cf5f4', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'e03654eac0b85dbd74e6e02049ab40dedf32ccfd', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'e6a1dbf12c096d7b53cc4d7fc6b94cca63c96797', class: "gux-arrow-caret" })), h("slot", { key: '5b5368516e58fe8832ebbd4bc48523646e8f2251', 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: '58b39fca81c74ee7fc14386324b2f19a19168cb9', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'a09ddbc672e40ea94709f1298653067a2ac35e51', class: "gux-menu-option-button-text" }, h("slot", { key: '3cc30136309add7f2735efda0229e3b169d2ca5b' }))));
+        return (h("button", { key: '6551af0f5854f91a8b3a783334bbdbc6cab3834d', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'f8805f854e7ed22b805e5b555d65c35c84731154', class: "gux-menu-option-button-text" }, h("slot", { key: 'e1051c028748193f22836c20ee063772fb79b865' }))));
     }
     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: '7505ed4e4b1b399ad69e231862100a9c006246ef', role: "menu" }, h("slot", { key: '092d7d38155896885e7cc93c4ad6cd5f247b4fde' })));
+        return (h(Host, { key: '072b54393b153a6d9725fca4b029fa930c4b5797', role: "menu" }, h("slot", { key: 'b752db7c2715b15704921878c54fabae68a6fb56' })));
     }
     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: 'a4143a341b3545327854eaf11c6397ca7fd7d48e' }, h("button", { key: 'bd9f07eb13501fc00a581168cbe98088a05c8704', type: "button", class: {
+        return (h(Host, { key: '901b8f8bd57bf6b576cd3ba3d4b09080b4393f21' }, h("button", { key: 'a2bf651ce8bad7ca0d4918d7c0ff67f647f949a1', 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: '135c5bf0045d6a46a1a19903794c659a15e9c2c0', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '878d00043d57e44acfa41de49851519a9258d291', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '4585cdcee9c9c0613d5dd363d134ee4891655fb5', 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: '5799969b7ccdd73dcae197147ad82376b8921da6', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '874ce9dd7d6f4f8ee473264ebd38e0bb6bdb5f8a', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'ccd8036e0178191d5d2d31be16f31880d493f2e9', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'b846d6aa7ba96e9bde27b5608d8849c8a0900f86', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '9bd601e3eeed7e455195d438a1c68632f4c69693' })))));
+            } }, h("div", { key: '10b0534d755bc56f438fc1597593759068ad84b9', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'a16e2a52a7cb9f0299ad04b27c9c0b31a71dc152' })))));
     }
     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: 'f4a1e6de33d48daa5dad312da21e819eb51acd4d', class: {
+        return (h(Host, { key: 'e80fe6b5419f22a729e00a58a77d22b2163a0c39', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'f89c4233354957c8bc9fcf92f4e29595de1fc2ad', class: "gux-form-field-container" }, h("div", { key: '652ca624ca6edd629b697628ffaebaf301dc3724', class: "gux-input-label" }, h("div", { key: '088adb1eba9c9de950de4a155406a678f23ca29f', class: "gux-input" }, h("slot", { key: '00b38b2cff1939043f43c1489aabef07b7fcc86a', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'df090f4c8ee6661cfdaee8eb6695b7b1d015b984', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'f39c6ad73085d6941a827cb0e98e284d051c9df1', name: "label" }))), h("div", { key: '47e866420e629df1b8aec82f77534fe5a6164785', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'f5263f5b0cb31b093d9edd82a5fbcdaf04a0111a', show: this.hasError }, h("slot", { key: '0af4cf4479560b95419ff03720c3b7ef40b1421e', name: "error" })), h(GuxFormFieldHelp, { key: 'e467277bc989a37d7894cae7be7c9fb50d8544e6', show: !this.hasError && this.hasHelp }, h("slot", { key: '8898d7225da96d13847b56d3fbe5d4b29735ad1c', name: "help" }))))));
+            } }, h("div", { key: 'd49f172b18363847ae706a6b32a384468ad982f2', class: "gux-form-field-container" }, h("div", { key: '779c8beb65042ef3e650862c7bd885489c3e4bac', class: "gux-input-label" }, h("div", { key: 'bd0be57f77f6d63dbbf56f5651f5ab44b4c75a20', class: "gux-input" }, h("slot", { key: '9e9d0347e10a0f5d7a4527849a6af26da7400b0a', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '36b978ca5bb28d03b0b5147d3af1bed250003eb3', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '6b576243eb85d715458e4a74492a2e7f037c577c', name: "label" }))), h("div", { key: 'a289c739a3f6764fc15b090c7f048033899a32e8', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '2d20cf20640ac5e4b4fe30e165d2ed698bdecd38', show: this.hasError }, h("slot", { key: '092c2d49600d979b103aea61e01086eda5a1726c', name: "error" })), h(GuxFormFieldHelp, { key: 'ea898d09eee708a0c348d9bb092f9be36932c704', show: !this.hasError && this.hasHelp }, h("slot", { key: '19ec44f50e88646249510a4595304bc56a620dbc', 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: '8f55ad1173ccf1d605a535e70af9bb579adfa530', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'de316ec0c9ebf54fd1e8d48d79076a47bfbd3351' }, (_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: 'e8cfa0e5d18a5d456048832292c7d1c59fa00ba0', position: "above", required: this.required }, h("slot", { key: 'e783d4e45723b8333bc16f9da40a6ccbab451047', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7b03b21b6294b30401e70b3b10535fac431043f7', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ae75490c17d708d2c0e99443882d33f0a4bdfd97', name: "group-label-info" })), h("slot", { key: 'bf90272aba606ba0e52f748609a4df420ef2f2bb', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '997837966dbf62648d6565f99bfca4f199659c6f', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'fd337dcd075fca6e936570ccf3013cd6c23e094a', show: this.hasGroupError }, h("slot", { key: 'e2c6945534e3e6803af195f78a54cf19b1566713', name: "group-error" })), h(GuxFormFieldHelp, { key: 'b6f7a4f12ac3629060690e8c7f4c050cd7fb2719', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'cb18a32eb4313288f6033073fcce2fc085268f1d', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'e8b22aba85f03b3bddbb41d55bf590d30ec3db24', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'a347a418cf1da6a94f625fd492d965d59648ca29' }, (_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: '134bdfddc24a4a71a4e9ec61429f3925724c96f9', position: "above", required: this.required }, h("slot", { key: '74fb108eab84d08d787c8a823d7ebd544434e6d4', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8ec1e6618dfbf72a7bbdb95e49b14e4444070c7c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1f3546ef01c82618c421b5f8718023e43cf0fd00', name: "group-label-info" })), h("slot", { key: '84c412109b2d06b85d5736322c5f349133413b4e', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'f417cf13cdf9be8cb7e078ca6985cf22c1d1570c', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'f448118f5d7dfee53be999bc3770914fa885e95f', show: this.hasGroupError }, h("slot", { key: '4e0a67835226bb632a71d6a403dc2747ebf1342b', name: "group-error" })), h(GuxFormFieldHelp, { key: '187137e33e71c106b984de644de3e93e2cb41967', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '5ce985140ed074319270f7f1b72f6ce2d7487ae9', 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: '804d8c6ddc4e627829a50b9cf30c835c206d1d4b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8b4d024b7c766092328dbf1f3d696a217ee7b142', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '864f6cfdecb9c9031480006e41119921335b4cc0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b8343af6b4366c448981c6ce06a4472398085277', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'df6e214499509a59a5d712954d7667ee1b158f94', name: "label-info" })), h("div", { key: '589acda62dd6477198a6e870560d316dbcccf88e', class: "gux-input-and-error-container" }, h("div", { key: '0ea8b90d11a47dc60164a31d1de8259683b58896', class: {
+        return (h(GuxFormFieldContainer, { key: '86b97e7877929d8bbed7546fc1dd59a198db048d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a546e208437faab331a2247f530a2f5ddade4969', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'e17d99ae810ba2cd5d7dc43e0e927ce974ef94d8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd2d10a99b347dc985815820334fd43c9d34b2cff', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6354ea45e3685dd913738477713acc67ea80870d', name: "label-info" })), h("div", { key: 'ed676d17810bc105f459107d8f5eaa73430e5a45', class: "gux-input-and-error-container" }, h("div", { key: '452a6f0b1f12dea2e051cbf51fa0c8107d35e12d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '5167a28c3d19f903b35d88bc1251f9a1ba65a2ed', class: {
+            } }, h("div", { key: '177fdf419cceb48c995cbc3a3236cc90b0ad7753', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '4243b68df6d115b7cfdaad76abc8d807b12e3066', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '47f6e0787d5b76665f4f06167ca46fe902ec52eb', show: this.hasError }, h("slot", { key: 'd24918e34727bcdb643da7f06e7cf384252fcf27', name: "error" })), h(GuxFormFieldHelp, { key: '96b93264882515d13acac05786f9951cb8836c82', show: !this.hasError && this.hasHelp }, h("slot", { key: '6d4b36aadd5979a009c0630dcef5119f4aae902a', name: "help" })))));
+            } }, h("slot", { key: '14d132e2df147a15c6fd01ee1a10381a9cf1984a', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '72bb95794fe3a864c0bf3c2e2332e5d3c0358ba4', show: this.hasError }, h("slot", { key: 'f46c4643abe59e308eba8f1369e14012c03be8fe', name: "error" })), h(GuxFormFieldHelp, { key: 'f26fef0ad96ea8308e9a374c49dd71447c5ab4ca', show: !this.hasError && this.hasHelp }, h("slot", { key: '231daa860188ae1931cc30b915a65c64472c4294', 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: '71d122e7f63efadd0177ac2d5115307a7ca55655', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '128d9afb9cd4bb99334ce1553928a2fff4e48e5f' }, (_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: '46249dc3f4cfb3f8850f6a4dea6279124cc8d97a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'eb1d16840148a2ce1c3ddb57612ec87a9c238977', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9e514be44918e06a3c2c2a9c2279ffbdad83f934', variant: this.indicatorMark, required: this.required }), h("slot", { key: '85b57a28545124662757cfec1eea3098e68584cf', name: "label-info" })), h("div", { key: 'cca308d129104e98001fbf676f42f9f871032fd7', class: "gux-input-and-error-container" }, h("div", { key: 'f5647350f001915b57b19e2cf77e43868d4a2740', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '0dfe54fda7c3e69dd67e7d9e9358e01ec3a91a55', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '11f81cfffe38feac3cdcdb39628127440e557001' }, (_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: 'fa56f48c519dfe26f7a6c961cecde535f3b53a34', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '016521a55ce10a78034b86c89f837b250aa01994', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3a9385d16719e4aff446799168229fab58769012', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0dc2e0f4f3163d686e83951e58250ee901d71651', name: "label-info" })), h("div", { key: '251cedd28aa073e8181db453c1c3297936f5a256', class: "gux-input-and-error-container" }, h("div", { key: '3f706edac6aa073bf613cdd0edd2cbe0f62a6bf7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '48476a28744c71b6607f25d324e4bf72a69a20b7' })), h(GuxFormFieldError, { key: 'dcfdd5dbe07d422e00809468d060f1b26cae9733', show: this.hasError }, h("slot", { key: '674cdc408c212d7b41f70c3c413b07d04ac755d5', name: "error" })), h(GuxFormFieldHelp, { key: '16ad4cea0bf33f07fbd19d16cb6a3b8b2ca17a24', show: !this.hasError && this.hasHelp }, h("slot", { key: '579ceb927dcf8bafa7543fd69c639faa1131f2fb', name: "help" })))));
+            } }, h("slot", { key: '73f43b33f28141823b5be137dd2730a39d61b49a' })), h(GuxFormFieldError, { key: '8dc5856793f283e4509a3541d1cc4a328cd1b84a', show: this.hasError }, h("slot", { key: '51ffde57ba6dd602c5c6f8ce0b2462edae89653d', name: "error" })), h(GuxFormFieldHelp, { key: 'efabeacc3e957fe754f21a3f1c5e41940ccd05ef', show: !this.hasError && this.hasHelp }, h("slot", { key: '2dadbc75d6d304594cfee2d3bab1b9b54e8a9dc4', 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: '371e24052a1873479a10e87a963060e4a8b27e0e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '06bb78edcb73e72bdb115843c90215832b20b07b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6c962c3e36a3ecce7748455a59c2f34a4e5391e1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6d27acaf1b331ffe527474597bd4d10eb90cde40', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ab5ddb29daa89fa4fbf4787669f545919671b7b5', name: "label-info" })), h("div", { key: '271c47964a416a3b8a6cf8bcaa5415cb6dc0c098', class: "gux-input-and-error-container" }, h("slot", { key: '7e669e609f173e8e08985b44be1db0be9f28da40', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'ae27696df89beb4b432da276eef4350cc7e283e1', show: this.hasError }, h("slot", { key: 'e30df293b32215ae4eb7115e562a42f65c5d880d', name: "error" })), h(GuxFormFieldHelp, { key: '7bf9b1da25cf6d4ac12bfb79a7f5e30695c2e753', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e7c1cdccfe5335d5580522e4356e13efcbeb9b07', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '5e390e4630bd8558127235e0bde0bc978c664887', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '3ecc8ef985b2e3d8c32cb2a2f3c87ff56c891640', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '76826ea9ddba26ba7b100375534db1da99b55800', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '231dcd82c9459f6013c34191fa377fd766ddfdf5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5417b9f476225e03bd070c1d6deb4782c207f424', name: "label-info" })), h("div", { key: 'e1c30bfa412edfd92ab9efa8db86bf77220bdd7f', class: "gux-input-and-error-container" }, h("slot", { key: 'aa52c2c0e1d545c0b4c8006becfa7d4078b6f06a', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '0c1c8c316aa64da8be5fdd5c3ec83b5501953c8e', show: this.hasError }, h("slot", { key: '9e2ccb780d81e3d20f09d157563fea47becd2a8c', name: "error" })), h(GuxFormFieldHelp, { key: '405e69e76ede2d7b59730a00c5b35af7f233e020', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fe8999deeff4c58da33d1e8990e045b808a48f84', 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: 'a6975f2ccc9ebc627c1bd9834610d959927470a8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'baaf4824a30107d90482bcf45ad325bb1fdfe6da', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b85cbfd083bf6333544f8996dfc37d85bff78823', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '74cb9e08c6398568e4e1cd335f1c6f69628b698d', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'db10a5a9bf276c8eed34e7ea0777d979bacabffe', name: "label-info" })), h("div", { key: 'be3460aee46864ef603b03cc5f6bd08a003067e6', class: "gux-input-and-error-container" }, h("div", { key: '370f44da6ed92c76d6b5d527345d72637ba6cdae', class: {
+        return (h(GuxFormFieldContainer, { key: 'bbeb26fc0f47322c0c223943739cd5e442fdd3ad', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a22681aaaa5c548beb644b8448ff047005ebdfb1', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '210e406fc65360fa9d5cdb871462cf3cae5fa9c7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e9b66709fb17f2a5f59a970aa594c78fe97a2f9f', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7171533a2cdea6cb8cf9bf4c99c70d1e0b8cd65f', name: "label-info" })), h("div", { key: '6029091f68446c39e946b5242f4872ca39973692', class: "gux-input-and-error-container" }, h("div", { key: '71bc029e88a250c8781a248bcfb5020271547672', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'e328018753240e3143fe0834783da8748be6a535', class: {
+            }, part: "input-section" }, h("div", { key: '8ada535103e9131c4c076d1b48c481bd3f84885c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '8c84afe164de2d35f3a850c22f74f2d73d2bdf76', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '755b3bf35889dcbe7e2330decd8c7d987368d7ec', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '5acece33b9cdf12d462c25d72340892003f798c6', show: this.hasError }, h("slot", { key: '41d08228d4aff1ae43bcaa136156e7555b80f2ec', name: "error" })), h(GuxFormFieldHelp, { key: '110a9d65eb368f6badca06e500dff312a1ba1530', show: !this.hasError && this.hasHelp }, h("slot", { key: '40a4d0d3357a0b0715688c53fc0f29bfeabec84f', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '87f2fff194f28c22e71a9d20b46f7304aceea569', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '55491eb32e6f4c3c07ac03a3fb0ed7f66315291e', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'a1569ce252e9b95608836e504dcec9dc610b6146', show: this.hasError }, h("slot", { key: '93478b2fd259cfa44447a8e4609736d3d5c2c47e', name: "error" })), h(GuxFormFieldHelp, { key: 'ef3c99ced7f64d644c8f6955cd6fc49f0b97840e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd4682b3814be6f9619ab9060e2ca842bf552e2c8', 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: '17a915b5df63da75b1ff79a4572b9ebbfccb9e18', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '4b34382d9fc9c945e0d511e89659853559925999' }, (_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: 'dd8ded591e4e26de9fcc19992eb614d563ff5c94', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd41179a86ad1a444fb11ba988a0976c8a4e2f15c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '077b0c3b6940874faf744e1a34492ffa22a53219', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f5be6e2a547875d953b78bc84522e08b887d7688', name: "label-info" })), h("div", { key: '9c20375fbb32cf8db35481bc751494f9f992a793', class: "gux-input-and-error-container" }, h("div", { key: '0af3a7af66dcef5bee06303435b6a46ac9ff8594', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'b9cfae1b0f530f6307434aa2ef5f77826e9b4a06', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'aac3f09bdb9efaed286e1b416826d4a1a5da431d' }, (_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: '97a4771ea9172144d47105656d9bffc6c133b948', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '76f7432cce0d7075d2868d7935518770045669af', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9bc3d2d7de98391b689190b2fba35b925d9b1c56', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a87a0ba538a5e6fa5b3d3db3e692df48a161d6d4', name: "label-info" })), h("div", { key: '70969783b3b73f199ecb4b8f6782385bf0c488fb', class: "gux-input-and-error-container" }, h("div", { key: 'be58058a07066b79a7585de47d872aea25066173', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'f2af70610e53ce198a589a934e770e110471304a', class: {
+            } }, h("div", { key: '4c16617086d2ebed26b4435bf8f1c81f8cd46120', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '35be2c5d111161cfcf20046a66312f9f7e03476e' }))), h(GuxFormFieldError, { key: '5997f3f3b7fdb44ee8bb4a30d33094f232c2d72e', show: this.hasError }, h("slot", { key: '94ea6b8fbaa3027893c5b3bcb9e5fcdea2416ac0', name: "error" })), h(GuxFormFieldHelp, { key: 'ed1c1485c38cb052b06e69c66a1c07d6cf462872', show: !this.hasError && this.hasHelp }, h("slot", { key: 'de3602f05399f4d5881eaf01b85cacb60e8e3fb1', name: "help" })))));
+            } }, h("slot", { key: '3822a28f80b3980297307d3ba0d9d3b251193dde' }))), h(GuxFormFieldError, { key: '53505be7f1c4ff32be19d971d0cd0c89fa24d038', show: this.hasError }, h("slot", { key: '67dac2fc7c120428623e5404544c308948c670d0', name: "error" })), h(GuxFormFieldHelp, { key: 'f301a1f4ef7d06a9d3b8a59999caefa2d78a5c6c', show: !this.hasError && this.hasHelp }, h("slot", { key: '927c4471e1a679cc112f606636cc5b28ba14cd09', 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: '62befe849e25f178f21efa89dec7e3e782aa07ba', class: {
+        return (h(Host, { key: '3fedb6ac7e3380d2b3663b83c3b87cd26c4e2f35', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'dacc626017ab6620c230fef96a5fb6b4bdb06c08', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'fe12cd8ae276b1b1efabf1fb045129520e956a3a', class: "gux-input-label" }, h("div", { key: 'c97409ecb00d5d3b2d4a814739b37868a46c5916', class: "gux-input" }, h("slot", { key: '010d4a8be5ee421e5c93e75845a57949cd9fc324', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'c22bbe288933a23e8e6a7bf23c559e27acc88f53', class: "gux-label" }, h("slot", { key: 'bb6dee73c3ff3d46f8c71a99ff3405ca1c1f38fc', name: "label" }))), h("div", { key: 'c7caf6664f1342a9166b21c8e1c4fc4886a1f97e', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '1757163a29b12ef7681b67646f59a66b1d112c35', show: this.hasError }, h("slot", { key: 'fdbac0d615b13fad9c470f1a2fe71258d876f01a', name: "error" })), h(GuxFormFieldHelp, { key: 'd746a8b9fc441f6d21c29dfc7ae03baa39b673f6', show: !this.hasError && this.hasHelp }, h("slot", { key: '66cac6ffc458a370948af0de45f2cdd4fcd50068', name: "help" }))))));
+            } }, h("div", { key: '66f6c96a9b7ecdc50910ef3c88a2b10cd9c477a2', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'aeeba2e6dfb13f0d441b141d8292ea054eaad9e8', class: "gux-input-label" }, h("div", { key: 'bed8d43aa3c615c6d9def0934a0e7d1613566cb0', class: "gux-input" }, h("slot", { key: '65dab5edce681898c401c259ca769e6008db5b21', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '8c893ed733eb9aa3c06a6a6b223476ba7833b73e', class: "gux-label" }, h("slot", { key: '9fb7f71e37985f972254ac9d7fbfcc0870ce2786', name: "label" }))), h("div", { key: 'fcea3b42629d881916ff5fd2acb5e26e414426c3', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '35855d6ec082b40893b37f3384559594076d58bb', show: this.hasError }, h("slot", { key: '0e68f5c30d9cf2a73bc01508554f76a5a48b76a2', name: "error" })), h(GuxFormFieldHelp, { key: 'd2e20cfe8c6fcb6b0655a0049d841277456cd4d2', show: !this.hasError && this.hasHelp }, h("slot", { key: '3e793592719983b61af2ae5ecf3b21c3457dbcbc', 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: 'bd134909b88d6d4934fb175cb6cb61b30d2a9b8f', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '00cd7e2c60c0e8fe08f7befdc622513119a4c692' }, (_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: '5262dbb2b5dda66e1c60d55b484e96acb267cbf2', position: "above", required: this.required }, h("slot", { key: 'a04c9728451dd7999c43b9acacb95458c57f7b42', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd0ff4b08f156785c2437a3f2de5682d6cf08baa4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '424200007c4635adf9daa3ed88b898351953fedf', name: "group-label-info" })), h("slot", { key: '14138a13de11976c6c97074590eb22968b2eac7c' }), h(GuxFormFieldError, { key: 'c73478e38095fccf2f5d4ebd9e329d3df48da83e', show: this.hasGroupError }, h("slot", { key: 'ac523240051e9f75da2d6c80808c76278cc2bddf', name: "group-error" })), h(GuxFormFieldHelp, { key: '899aba695144be758d73acdbcf50f411cc249572', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '965d5e0b7c42fd1c14bc880f8b2e94da4ff52a1e', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '1a3687c372fb894ff8d144ce5d46234f9038622b', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'a65f7f80e7bf3d8685626155518e72963dce491d' }, (_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: '675852f4c212b888f81fc1f69b22112de004fa7b', position: "above", required: this.required }, h("slot", { key: '54752438d4b8a18dc3893e8a29969a969d9eea43', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'da81216ad0aac38e185f7275b74490d521306c04', variant: this.indicatorMark, required: this.required }), h("slot", { key: '86fd41cc0fa352204452efa6d504788eede6229f', name: "group-label-info" })), h("slot", { key: '07e8e738687159472f6a4892bda8b79151289a85' }), h(GuxFormFieldError, { key: '99d531fc134fa3d990e51a53d9b747d6266f9e59', show: this.hasGroupError }, h("slot", { key: 'd6e0550f23eb5295fab41d73b3b97a8bb7f42cb0', name: "group-error" })), h(GuxFormFieldHelp, { key: 'e6f954a1a149ea40742255dec2653bbe72cf4ca9', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'badcd5245cd93402c218b45b9c100e46912ca267', 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: '32324364fbfa38acd4435a252bb129698c6b26e6', class: {
+        return (h(Host, { key: '4cbea9af89ce92268449b2f0cfd48ccd3c6e2e15', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '57055247699edfa348923fb6df6c844130d3166c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c0efd2605f1b43591329adc687b85b8a36fb2f86', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '51586dbbf542dcc665cc639a88d40864fe92dcfb', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '920517c2a7f219b3ff861c24b291df13792f9c56', variant: this.indicatorMark, required: this.required }), h("slot", { key: '821e19ca7fc0fc23d598ef4e69b2a54e30d8d5ef', name: "label-info" })), h("div", { key: 'f03523fa5e6e6d182802eac78ae387fb23433d52', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '47e22411ca72144a8078b16b461ecbf84d127bf3', show: this.hasError }, h("slot", { key: 'fe1dc513e6a99f9a89ca83da982019c8621ef36c', name: "error" })), h(GuxFormFieldHelp, { key: '16da91902190f61a50c7af4a3f214cd18e2dddfc', show: !this.hasError && this.hasHelp }, h("slot", { key: '1c03c46a10561577030a16b78cb498e85b44f07e', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: 'cf15e707a87bb032f08cb2c4954509ffad05b62a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '101fcbbdd80a793c21ebc1acec2f2542de55a01b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '8e49f451d6a4ebd06c6aa27ba0ef31a161c436dc', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a1ad4a1bd434b2a50cef7c3483d2090bc3d5d1f7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1797399d476b7484da805c8969686c3cc9e46811', name: "label-info" })), h("div", { key: '19d5801782e5a74dac5708882278684c6ff7154b', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '0f83900103315c3ee8ca1613dd7d88ea73951cbe', show: this.hasError }, h("slot", { key: '2b0f0ffea8ec8069adc4578643a0107863a2e9df', name: "error" })), h(GuxFormFieldHelp, { key: 'b5fc5e6cbed42dc90fef77b4ead2392e3cd34d1b', show: !this.hasError && this.hasHelp }, h("slot", { key: '02ad028abf2de26a0871b6fb3b302c589f8a5a83', 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: '65aa4e1ab94a3d9fed3fc240cf3664058acfffce', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '336a275ef7e20c14417b7de5d159033d74fc4bee', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3acb487508298f5e5e6c666891c05c71cea9cc64', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5b3d5b19fa0a658a8e1b30805d930a76ca1284b8', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fa19f7918ba300988a3c9f0b5e8a1fb18cec1385', name: "label-info" })), h("div", { key: 'ee5bbbb211d1f5909313719c7f7753eb558e0bd7', class: "gux-input-and-error-container" }, h("div", { key: '7c4f85d077b2c637e16b86bdc996745e0377e1b5', class: {
+        return (h(GuxFormFieldContainer, { key: '336198e812230607deb37f71ee3019bf65b15846', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '650a13f56a30bcb414c3540aa065375b16b0553e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '05344f9c7db0c1988d2a8e72a671065bfb1911b3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0f36d4975e9dc6e5880bf1d9a2bf5a7b73364765', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7c528650d6fae72a5c36b38184a5777cfefce6fc', name: "label-info" })), h("div", { key: '0e9a6b1d2b1eb5ca216b964dc7f2629a4ea09fb8', class: "gux-input-and-error-container" }, h("div", { key: 'ea347e041715619c75ecf9908dea0c3d7e530044', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd3768122c095620a9c687cd07a488a3b67912bd5', class: {
+            } }, h("div", { key: '41abb1425cf977cba199122726bc03c12901f6be', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'ebdbe8731ed31bd70f2f60bc9e62c54ce63cf87a', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '153414f1ae2b76357f02082bccff9c67887f8118', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'ae71b160a99c9c65c1b5adbb98d569cd2253016f', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '7e33136b448c7167791b64d1867189c18ca66b4d', show: this.hasError }, h("slot", { key: 'bf916379078fdab74b6feac63fff9d49ccf3a1c5', name: "error" })), h(GuxFormFieldHelp, { key: '0a90444179f5d545ab07cdf42353ea396820ee41', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f8d1dca7098a652b9443a36d60dd01df9613a464', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '9e10333c422ec8c28d44444e89a860b5556063df', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: 'ceb217ddefc8f7e30de20f558dfd4a950ddeaeef', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '5dd6798a369da28b8c4b0a1528913a88dd530897', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '64d55ef65bb858ad646aee3d3e4c7002ce923506', show: this.hasError }, h("slot", { key: '5c35edfb121c90a8504bf3b011d0c8ccfb88d2b6', name: "error" })), h(GuxFormFieldHelp, { key: 'e52a4ccf5bf365d3f414e61d23c3121f57c98263', show: !this.hasError && this.hasHelp }, h("slot", { key: '89de32c7f404bffa6fd9be545bbc0dd394737a13', 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: '9b6b114954e536d97e4c40a8707d146a27a48458', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'aa0d5cb56a5bf5a0cdb11e1c342bbc5e1ce1093e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b586c527a481174be577c771e8bad2afd11e0664', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '09d52ad2400ff3d05183c0ea6fe381577ec25502', variant: this.indicatorMark, required: this.required }), h("slot", { key: '87dbe98122b35a654c0169ceaa1328e6796a0c53', name: "label-info" })), h("div", { key: '7a04c5cd1cb25215b8752d1a114b009897558387', class: "gux-input-and-error-container" }, h("div", { key: '9299d7922a8ca6cde9c643e7458aa8b0ac596c21', class: {
+        return (h(GuxFormFieldContainer, { key: 'ad09c3d46b844b01afba5cdce4c29252359da968', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c6e1e799e6bd5faf6dfe9a21884ea43c428413ca', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6dbedf8abd80ace7a19ccdc7654ed0a7c386cb34', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a0f752aa9907241645413641a4f23149af4378c5', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b6a2f4ac3c3b8d21143e55e2b117c0e21a433f7a', name: "label-info" })), h("div", { key: 'da5830e41f7612122ef1bdd2afbfe4da2a1b3048', class: "gux-input-and-error-container" }, h("div", { key: '1b2e9e03f9af53e9c7a7dca2783de3f15c05cc1d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '324d14ad223bec3df290f7aaa2a06bac829ae37b', class: {
+            } }, h("div", { key: '31074c07ac12f0d4e92eb4a56b8cd0d3576cc0d5', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '55bbd6b35f40cc5400d1331be763c3dfd2f337ad', name: "input" }), h("gux-icon", { key: 'b0d2ed0c699ae59185510e33047316cea00ce670', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '4b8bdddb2b0f78f7ae6d5bef69a1284e6e94ba16', show: this.hasError }, h("slot", { key: 'ee7e8bb94696c7f496d0bd4830407eb5caa0efb3', name: "error" })), h(GuxFormFieldHelp, { key: 'e4467ada462c0a0d5aa2da4e1afbdf10f4dca247', show: !this.hasError && this.hasHelp }, h("slot", { key: '754fcaa2b279977654e09a6c5891a88d2eeb4d06', name: "help" })))));
+            } }, h("slot", { key: '201f803832d45b43569daf34108d98d4408d801a', name: "input" }), h("gux-icon", { key: '3612f9af25f7c6e1f64ca2f77d03d22ca9088f91', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: 'bc78abd5cb50937d6087de6877e403e8855c5b09', show: this.hasError }, h("slot", { key: '3dd7eefaec7b04812277624f075e0f24a7438aca', name: "error" })), h(GuxFormFieldHelp, { key: '8fb2062a9fa187f8b1160581a982a12694b3380a', show: !this.hasError && this.hasHelp }, h("slot", { key: '446152428e1b865c14f25f4e397ba33aeee6c2e1', 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: '4d2e69548a09606670ed9368393495a08d0a90fc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0439c70fb68fa89aaa86d96459d360bb2660aea7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3c08f1c433aec02b50aa3d00a412b73e705a26f0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a2a9190d7a5145f8393d54c1606d7838a4080781', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e0c464608b97b7be178656b162f5fd574e1550e6', name: "label-info" })), h("div", { key: 'e27c3b2ad205e393223996c0f196c18725892d85', class: "gux-input-and-error-container" }, h("div", { key: 'b0b53abe87ec11858723e6963a2d5bf93f4e6511', class: {
+        return (h(GuxFormFieldContainer, { key: '0801dc0976b6992ce33189632c95d34a32c73d88', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0d315cddaf8f3ed713f8cb912da9d9b419353da6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'e9f6546d8510e314c9443bac13fe7f136c9252ed', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '591d6f075d6d54b87f61b26e3982cdbe6ce91a12', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5d41e47e38e0fc8a97d5b0e4e9f5fb7e4498df72', name: "label-info" })), h("div", { key: 'd76267c472d927f7107ffa700310648bf08ddd82', class: "gux-input-and-error-container" }, h("div", { key: '9f94b6b8e60c62e61ae6f4ed509093eeaf5c0e97', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'acfd7e700b08be1a70d38c2f5efb735f73d868b3', class: {
+            } }, h("div", { key: '66bab3cd80e3ca99fa88ea2ee4a078369f8f3e33', 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: '572e1b3a011ccd1c9394a44ef37be39e1a0004ea', name: "prefix" }), h("slot", { key: '7e04478ace2c88c4e14ecc4997cb7123921dd321', name: "input" }), this.renderRadialLoading(), h("slot", { key: '3a0b7bed3f5df00f2734204a3f363dd6d1ed14c2', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'ee93db1a6f1a61c38bef1b1ed458c315099b2fdc', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '06f55ee7a78d63598b4f1f7773a3432042498253', show: this.hasError }, h("slot", { key: '02281ba74b7a44981b054a33238dfd82a6ce588f', name: "error" })), h(GuxFormFieldHelp, { key: '1cc41032e01847e7bb4b9b56457d5193f3bf8657', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f82d722c50650a2caebe692586e82ef1ef8aefe0', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '2d34f3a3b3debc7ff01d70bb17c5c9bf2f331045', name: "prefix" }), h("slot", { key: '7292cf3937ce9273979fdb9e495913a822a33841', name: "input" }), this.renderRadialLoading(), h("slot", { key: '7b80a68281b17d6b0dd947550fbdae797bb8fbb4', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'b728dc6bac9e8426163b26b137518ce463e3ef6c', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '5a9665570d1efd017d3f1eb9d786676bc1c2c0b9', show: this.hasError }, h("slot", { key: 'e4b592e8b92255788c24f1c4dc1ecb7adc89bba4', name: "error" })), h(GuxFormFieldHelp, { key: '88c62aafca29ca45c333da744dad779593745f5f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a814ea6d9f2cf62b205393a145088682da17673a', 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: '53ca13b6428df3c18ff4c4cdf808c31b555f9f15', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c31b9901354642a4b0b48704a10809e10011c1bd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a62c1cc862ae9bf4645f1611d076423bbc967461', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c799a352b271837004065a8e2c20bac0c70e1f6a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a14c6eea226ffcd367a166cf32142d4af9108119', name: "label-info" })), h("div", { key: '28c05101abaf3b27c372f69091486ef0d89dd0cd', class: "gux-input-and-error-container" }, h("div", { key: '04db30121d579c2bd50b59e84aa6ad64a72a23a5', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '16880260cfbed0da3f7f5c287587b34f141acaac', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7c48b5aab47d4d8089b333b729c267d4e3185bf8', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f166a74f0b7449469cbd7cc5250cc4dcdca585e8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3a948ead9e6b197ba592b414f818535e84d4d540', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2a22a6071ce3246af7ba1707e6ee0205772e135e', name: "label-info" })), h("div", { key: 'e3b0e38e4c39189fa3309144c6c208c2c372bc25', class: "gux-input-and-error-container" }, h("div", { key: 'd31cc4b45178cdb375bd99c9a12a52e4ed0a0866', 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: '2871157843b702efc74e895bdd447731d642f0af', name: "input" })), h(GuxFormFieldError, { key: '806a984e974573d72b2604be4faeb8e254b90227', show: this.hasError }, h("slot", { key: '9175d2407d6dd950daf3830420c06e5f14d9c276', name: "error" })), h(GuxFormFieldHelp, { key: 'b96e82218628fc36e09dc550cfca3b0dd059de5f', show: !this.hasError && this.hasHelp }, h("slot", { key: '342e0ade32e2536e26b3c6ea03075919ba219e7d', name: "help" })))));
+            } }, h("slot", { key: '568d26476e4f30d0e418bb6f2cc7383c8e0291fe', name: "input" })), h(GuxFormFieldError, { key: '368bc28368b7722b08464966e5395e90dd6f410f', show: this.hasError }, h("slot", { key: '7d7ef7ef1507c1b4d493c14015481f30d8cbe2df', name: "error" })), h(GuxFormFieldHelp, { key: '6f8b93bc4e0e8ea137ec12fbc2a2124ca0485177', show: !this.hasError && this.hasHelp }, h("slot", { key: '1e26b50df1754573973a795430a2b8967e5d9898', 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: 'e23af5068443266522090bdd8f56a367df5cc1e8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '91fcfb41f275a7ece8e048b53a190dea484e37cb' }, (_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: '3481b9ac6539c8e0e9be0f0331bd843285185cad', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd504abf2e84f0193b11ec2baafce5a5beae10f26', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '49e8d2f6b9d0d7c055a717515adfaff06e2585a6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4adc5736e73a04202f46d1c6776dfef08737faa4', name: "label-info" })), h("div", { key: '735245fb2c3da94b6a8edf1a5c544328b3adcd99', class: "gux-input-and-error-container" }, h("div", { key: '6080535a23371f874fcd49783617b564c4931a9c', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'c5151fcf21f75e13167797d084e6f40f428d2233', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '4805fad164b65182e6f8f17a807d84905b65bda2' }, (_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: 'c67474c50e62eb7c085642b1144b7c332a4734de', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '41255e87be54d361250a4fae220ef409eff535ef', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '76c05c34fd2001a9a12c31c7f4454b53e6a003e6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6bfaa131dd27fa54fe1da21882cde7b490750e2a', name: "label-info" })), h("div", { key: '5b5490a0b499e14a3d91690fd6b8b3c024ca1a41', class: "gux-input-and-error-container" }, h("div", { key: '73c81acf62a4c7f622c4fcef5e20623128be37d3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '3feb72cba6d0e2a7ec5e52369026c3a9711dd80e', class: {
+            } }, h("div", { key: '31c61b6682f8b0c29189a0b6cf9bae17780abb9f', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '59358806b129d9fb7b2f413270986332cff4b455' }))), h(GuxFormFieldError, { key: '88cf26143e9a12b8857629a63f339d1e9fa22669', show: this.hasError }, h("slot", { key: '5569413cb6acb425554ae583662b95799aa85d72', name: "error" })), h(GuxFormFieldHelp, { key: '9b1d996159719e4e8dca452c64fbddb8e895a7db', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a4e2a0d43eaea42ae29f09090d3b2c35e0667974', name: "help" })))));
+            } }, h("slot", { key: 'fe7b204ae953a249b01a751dff04244e1be94b19' }))), h(GuxFormFieldError, { key: '1fb9c471d7203330cc798658b389628d5de19d94', show: this.hasError }, h("slot", { key: '257cfbe7fa854359fd6f015a6a6fb6b07d085876', name: "error" })), h(GuxFormFieldHelp, { key: '19f29b20cc30c4ece653b7730a0571dea3ea1f51', show: !this.hasError && this.hasHelp }, h("slot", { key: 'efcea016a930897d7458a8190c5e151f6e7a7011', 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: '0af85925b029fecde3aa6970eac0ffaf163c2b8e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '2fd3ae6666cca7da1d6f398f85c557b58d65b0c8' }, (_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: '6f5febf7c7d4eb269186c71ba84ab07dd1ef92ce', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a4513266715e15bbe5fa8a135d9b9a096b54b294', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '96b7d8f0224a97dd29c1cd5bbe31fb2bdc12823d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '856371eddb543a914eded57b77492895f9a0d3bf', name: "label-info" })), h("slot", { key: '340462e5233453f5ca8bba5d483bc334a363779c', name: "label-info" }), h("div", { key: 'c08a96d8687fad8f47409a93f24079961f91023d', class: "gux-input-and-error-container" }, h("div", { key: 'efab2ff7a7f2a5539c2b69def65c85a01a0527ae', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '71b3f0e0ec9f31cd7e6a18d1ff940385a7c394e3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1af9cc3bfa1c3cac1d03ab74154c7382167c37bc' }, (_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: '6ee4304176454cc7a81d110cb5bd5bdf6707d89e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'bec4ad17ec4278e503c8ece53a41369aaca42da3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3fcbc1fbd18661e1cfd68d511c799a289505f07f', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5e5dc8148321a3fac532a55a653b6a625e0f6392', name: "label-info" })), h("slot", { key: '0e8d8ac143ebc07b27b0fd3f0645795a4d2e4093', name: "label-info" }), h("div", { key: '64521f80dd729eeb420feb9a1bcad868f5a7c8e9', class: "gux-input-and-error-container" }, h("div", { key: '38eb8a93e60d90c2512b003be421c500b57fa955', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'cae6fd4465ba89460a0fbb77408bd3d0dc0df11c' })), h(GuxFormFieldError, { key: '7afdc4538ef3c373c617f5a8fa295c6e280189c4', show: this.hasError }, h("slot", { key: 'fddebabad461cc1ac0fb3df84bc28cfe5e490f10', name: "error" })), h(GuxFormFieldHelp, { key: '0765d2f5c11f8f85964eb378880160655e5c9bf8', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e5e2f6fab5eeea9d4524d9fc0d8deee4c5efda34', name: "help" })))));
+            } }, h("slot", { key: '3a97f36dfa4c17261ac13cbb74ac9cf38c0f207c' })), h(GuxFormFieldError, { key: '43d83e1cf7e3331599f6d26471b7c945b29a9a1b', show: this.hasError }, h("slot", { key: '40cf85454b8b4d1c87d646ef7a15119964a40dc4', name: "error" })), h(GuxFormFieldHelp, { key: '386c39bbe6f5a37d93b16f1fb5ae52f060bd0c18', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cae7e7ec9e17bd798267dbff61c3fe377e50b5e2', 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: '4e874df908895334e9a0b2d05b5fe561c7aebec6', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '721264db0fa3006cb762c33f5bd119bfbd926b17', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: '970956e1c4c181cd77d0c2e23e8613837ba2a15a', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'c5f0604870868b6e3de1fd7dad554635a3fa162b', "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: '331d5e5042089530faa81ff7c4a5cb9511a982bd', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '229e60bf4e71245ef83e86174db07f07d3cb8457', 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: '5ce1b1139bcf9a4ca0236eda6eb8b052763c0b15', class: {
+        return (h("div", { key: 'e6950f55ea19e3f4b87036bec0d5e6ecb0b51213', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '667c7918b9085e3e1073608fb79ae60ab7395887', class: "gux-message-wrapper" }, h("gux-icon", { key: '89cff8d8c2a92aea2cc72cbb938dc22f80ee9b50', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'ff6f2a45ab15c709a6f61702bb8d37e6c88fd359', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: 'a9835f81342cbdb39455c12f20cee94176076fac', class: "gux-content" }, h("slot", { key: 'dd54c84622abe6c5d2f6efdc8be419146b829ceb', name: "content" }, h("slot", { key: 'a39e61793dc7771abf2ffb0ef5589da573951499' }))))));
+            } }, h("div", { key: '92e795abc0b39f6649a1a832f720eee6fc39d558', class: "gux-message-wrapper" }, h("gux-icon", { key: '8bb76a6afee5a722a29844c7a7e10e1265416943', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'd25d7bd5952f5146335e3474eda2aff41abd5f0e', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '4b054312f13d249752ba7176b2d9bac25907a436', class: "gux-content" }, h("slot", { key: 'b493d80805361e4bc49b0b3ff64938fcc9729006', name: "content" }, h("slot", { key: 'd4d52feab9da149eb470afe889564186bc4229e7' }))))));
     }
     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: '56e33e66317185680fcea7741c574989875dac63', role: "presentation" }));
+        return (h(Host, { key: '0c5584e36db607e8d4221e9475e0e77d4ada908c', 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: '60b9d5f42f679e73eda025a3ec38050decbd39ec', role: "listitem" }, h("button", { key: '2e86096457d40c79a0999f10db4fa764c8648445', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'a6e401dc24bf42ef5b4621c75a8fa0f2de156265' }))));
+        return (h(Host, { key: '5c9772e0ce49cb0bb2adc3b590a60225906e9c63', role: "listitem" }, h("button", { key: '8489c5d13c15b75dbfd0d6209808e2fff7010e3b', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'db2ecd4ffa1c33a35f45ecdf338625c0f54d45b1' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }