genesys-spark-components 4.109.0 → 4.109.1

package/dist/collection/components/stable/gux-column-manager/gux-column-manager-item/gux-column-manager-item.js

@@ -128,14 +128,14 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '892af3387d4bb3c378206b5e8eaf880787c0fc17', draggable: "true" }, h("div", { key: 'efc8b9402edd0683ccbdbf9ea44ef9c2bc2a19a5', class: {
+        return (h(Host, { key: 'ddc0f601ad1df38bdbac35b0a300bab98a9dfc63', draggable: "true" }, h("div", { key: '4f3f5d862a1fb3c2e8b54bee5453f40ad1eba44a', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '4c21051caa7741bef3485f049f1d4c42cde4dbc7', class: {
+            } }, h("button", { key: '1dbcc6575d8b180c2af4efef9df114ea7ce7ae8b', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '9ce0c62992afeb0f73117e7b2192681a7eb40712', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'edb4f5c83a06ba3ce0f674dc9d9db77217f8852b', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '226952a3f77da5087f0979dba76609f4063e11fa', class: "gux-select" }, h("slot", { key: '36710273617251c6e8bfd2cbe83ec2278352ca0e', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'cad46d36bc3e86d0db36e04c05c8c2ef226ce4f5', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '521a27ab27504e5255028a2eb1fcb237d29bed83', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '65f4557165b4a2bca5402b1e8e200878cf6c8fa2', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '40f8e02a76386e4141b46fa8d64935a3b3916a51', class: "gux-select" }, h("slot", { key: 'f2e2853f8adc0b8086c6f545b399634a1b9dbf00', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '4f3e7757e212ff79c61d92dc49f278853a468def', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     static get is() { return "gux-column-manager-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-column-manager/gux-column-manager.js

@@ -89,7 +89,7 @@ export class GuxColumnManager {
         return (h("div", null, h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), h("span", { class: "gux-sr-only" }, count === total ? (h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (h("div", { key: 'cab3928e7e032c29aa09bd6d82320685dca6613d', class: "gux-container" }, h("div", { key: '6516e2799e02c4b17f614005572efc7f01e4408f', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '1126784248c21042c9c151a5cdc1b39c4407e97a', class: "gux-search" }, h("gux-content-search", { key: 'd1ecd06bc846b16ba5ad772e9f6ca049d9a2ff37', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'ace557a59adad774ecb47fbb63374e45d6f58ded', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '9fbf026de4e479fd5ea4b9bc16cec4ab4913f793', class: "gux-select" }, h("gux-form-field-checkbox", { key: '3411d77733038640a7d494babc409ee5a104cf20' }, h("input", { key: 'b7aeb9ad3b34d67a22775dd0ced09caed487f24c', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '66e66bb5873e5c6f5cd67fcceba9827c1ef67f37', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '6948b31d070f1e251366451c333820cb7b8b346e', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'eafebaf4eaf4f7ff1210fe6a1bda0ce8bbc0b424', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '4c2de44fb81a9acb3b01868918716b1151f15736', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '6b8ad63e16a2b7599ead4bf2b052195a19e9b7ab', class: "gux-container" }, h("div", { key: '295a03f07363f34244744570b6c6d1bf0b65f3a6', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '828b08e835158483f2a2c325feedb88d0ead0a75', class: "gux-search" }, h("gux-content-search", { key: 'dc3680ff146935b9ab42d7a02feff242474fbed1', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'd9c01975c81ba898814cad001f004bb543920d18', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'f857e0301541539ae17b726b765879953b308528', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'f5b7c59fabd1f4557f6c443b231dfa99e5bcf7df' }, h("input", { key: '2c15b4a4e8af82d5b710370637256040dc6d4998', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '83b2de5c2f43c31efb8de13651400a9981fd319c', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'b8f75a6f309b4792d12ba9821cc66c4b0dedf9cf', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'bbcb598d15219bd9d07fa7ef678223c8110132ac', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '599a4ac3ad97969355ee71fe09d12f955f07fb2c', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-column-manager"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-content-search/gux-content-search.js

@@ -46,10 +46,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: '5dc7e4559bfa5daf0027cd672fec75bc9e2c2795', class: {
+        return (h("div", { key: 'f92c07b3fcc3fde5904db8874d3cd9f2a46cbcb3', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '432c498645ffda373751954064ca4854091732a6', class: "gux-search-icon" }, h("gux-icon", { key: '27b6eda62cbb7363054c761ec65905938ea944f2', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '5bf2081b6bf607d80ec599acd6e6e717116f8618' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '339f115cecc425b8a09826acedc108c306fae865', class: "gux-search-icon" }, h("gux-icon", { key: '809dc13d39dcfde0b2f26e0a0317c7307f0c950d', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'd2b0566ab5910055da0ffda28fd890bf9290983c' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -107,8 +107,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '30d3effa7f34773087052996e02adc07d613d297' }, h("gux-popup", { key: '0199d1690de78d1658bfd4c65a8332ac220d8c96', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '252cd6f0d516574a62b92578101e3ad0e14bccfb', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '2a51266d55cf2f976112b05ceef9406165913992', accent: "ghost" }, h("button", { key: 'c4d4460fbd6524b17a97f0afc4d43054cfeacaf0', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: 'cf2aa92ccb96271392fb176d60fb9abd35a2c11c', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'db85b74d05e15961bab03be97cbd784bdb5a93e6', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '447097c037726eea44da16c519219650aadab1b2', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '7fd25310dc677d9444a229f0ff252b30cb34bac9' }))))));
+        return (h(Host, { key: 'ffc6e8ca1e45223814cb5e7ff3d53cabd860cdeb' }, h("gux-popup", { key: '91439f5aebbcb2c2509b7120633ad79c6e9a9ba0', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '02afa66639be9de0b32b487c4ad542b337386db4', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '4f756627c056ef4423d2354aeb0e1cd794b2f092', accent: "ghost" }, h("button", { key: 'c83f00e7819228da19e6a3801e2ae0788e45af31', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: 'fbc97061fa98ab2eab9169efb0493760e477d7cd', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '12fc7618ce8a6c5658fc6564c8d52ddd97877839', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'd08420eb4b2e4ad22068a699a8a1ccf97d05e028', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '819b32c1b10b27fd6e898c7b9c99485ea3f320d1' }))))));
     }
     static get is() { return "gux-context-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,7 +51,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '6b2eb35c396be1e4e4e91f87d7777cea062639fa', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'b575dd3d1bdea5ef122fd4f9d861338a53cbe0e5', class: "gux-copy-content" }, h("slot", { key: '926a620cc7d3b10e37419c07284288e2709ddef8', name: "content" }), h("gux-icon", { key: 'c54c1d77f0b53864e4dc0aad5d5a68cbdca7154e', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '8708931a89e20be48131001c9eb929be1a0f34e9', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '76460f7bb0d4e1cbc19705530c10929d78fc3c0b', class: "gux-copy-content" }, h("slot", { key: 'e647b5368a0a7e00eedac3d5e3850b9750fa3105', name: "content" }), h("gux-icon", { key: '2250fa380607b08648574bcc11903a7242144621', "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: 'b912b4873f671ebdc1256f926092c28df1eee5f2', class: {
+        return (h("div", { key: '6d4ebf976b21e17ff568bd205bd77f7bc35250cf', 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: '32600b1fc687ea39563ecc88aec4f5c385777827', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: 'a54d9fe7d1873b24d2b99899ba228440cb223c09', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: 'c013386d96d15ccc2aaa6f7e41a602414fa57453', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'b7905d9d5f95d4aa888ee70d68925fd5d1421a29', class: "gux-icon-container" }, h("gux-icon", { key: '3d1647facc518a50c589a99cfe957fa40f64624f', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+            } }, h("button", { key: '6fb35f13046effebabe116064b07583ec31ada44', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'a8f8ce5b1964f7d9388eb74cb8054a16a72d53b9', class: "gux-icon-container" }, h("gux-icon", { key: 'df3c509cd84781826587b712d25fba8d0356af4d', "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: '48056955c3ec1e1b1305c460ea9b79a95f711146', 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: '2dcf0ff136db9f4ba53395551d7a0c0bee867d23', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '635499c202da270d0657b975548e1d22f8a1a655', class: {
+        return (h("div", { key: '8bde86b366ab061abcbaca0db6a95b56f080fc3e', 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: 'e85394a7eabc1be47706bb296782a3ac679067fc', class: "gux-dropdown-container" }, h("gux-popup", { key: '4456949ce752fdcfdb203332a7c8312d09f909c2', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '630a844bfda376392ac74ad23a88df4f5cc5a665', class: "gux-dropdown-container" }, h("gux-popup", { key: 'e9584ef961d006264fdaeb9a66723b4b79131fdb', 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: 'c940328eac819940681e1b86f7bb35c99923faa4', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '2122493b46c79b488c607d727fc683931cc7fde4', ref: el => (this.targetElement = el) }, h("slot", { key: 'fd3336d2ba41aafe99a7bf852e1771fbe105ae38', name: "target" })), h("div", { key: '8a81f8f6435ccf25ea090f0e60240aa3e76b1a63', class: {
+        return (h(Host, { key: '4486e9663808ce4c16733a662745750fa509bd28', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '08b4f7e58e343e1e68c15a24f25cbd610cdd27c6', ref: el => (this.targetElement = el) }, h("slot", { key: '18162cd547857c3cf9a5aca49ba846101cb4fbf6', name: "target" })), h("div", { key: '88b0e57b328ce96f2660eb2a5174415dc1a6c04c', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '17019eea390c225a2f2c8fed4cec1c8f82c0ffdf', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '973b60c5425f369b5f2804e2d1252d6d4cb27a0e', class: "gux-arrow-caret" })), h("slot", { key: 'c4589dfae296f13346c03e7ab0892ba58daaa5a1', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '34883ffad00a79b26c09949a549726175a6c2ce8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'eb279ba54fe4df576fefa691a219bb2dca759151', class: "gux-arrow-caret" })), h("slot", { key: '58ed7aa3c5db38625de0e4054f4fa08a49ddad7d', 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: '98d60a5773a526df8bbe40992c292faf6ea64fec', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '979fbec602630bf375659f28bf206fcf6995d3ca', class: "gux-menu-option-button-text" }, h("slot", { key: '5ba41bc43f96a2e941c8f5378a0ad2f5433ce642' }))));
+        return (h("button", { key: '76424597e8566687209f9344e0bd43ebadac87fa', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '3e3722b03d2a88679eef2aa1ea264dfedb6d3bb7', class: "gux-menu-option-button-text" }, h("slot", { key: 'ca078a98830dce7486156d28e46af332327bac83' }))));
     }
     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: 'f1845a190e1b54ad6cfd1f371e70b819c1613ecc', role: "menu" }, h("slot", { key: '45fa4c2c63ca630d8fd518fa1394948d03e50587' })));
+        return (h(Host, { key: '706bb2954a711ab17aee8080966ac6d37e4b48fe', role: "menu" }, h("slot", { key: 'b66a8fc779b5f89a74794287a26e3810ac1a5311' })));
     }
     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: '1bb30d8045366579b327f32f954d64c3360efa11' }, h("button", { key: '250c1b657beb520885a0493710e8d95f77f5b665', type: "button", class: {
+        return (h(Host, { key: '972de471505bf0371beb2e42a8afebf75850d91c' }, h("button", { key: 'ea269a2be165239555d9b16e0011fd03edd24acd', 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: 'f90df17dd3319c396dfc2e8f534b593e705155ae', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '8f160feb2f71d3dc81d85fda8a69b0c96501919d', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '14ce7670127c3fedbd84495d2aa30b16a20ecee4', 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: '333d2572ae820b4d79ac2dbbb539120649a64a50', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '82aa35dd82c3d1a4e7866ce70ad5b214121a71d2', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '9fd8ea4e49062b1d117a4fd6dbbb0c46fb0d077b', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'a10887b4f33703674550e3c68a03e11492dd55cb', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'd4d85a52e5d24b1afc5a86de8a6f8044de2e63f0' })))));
+            } }, h("div", { key: '50f6306dcccb89cf8c7421361bff733a49a8f90d', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'ccaa8f26da01edcaf2956e92c3f67aa3e0fad1f5' })))));
     }
     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: '05c00ed0b3fa12078541dd219c37f64570123cc0', class: {
+        return (h(Host, { key: 'a2a30b782a8ff6a80f64b63b68e9240f195a1dcf', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '5d293faed05d1566f02df5f734f5882e04257410', class: "gux-form-field-container" }, h("div", { key: 'd19c766e092906acf472631827a8912a7f789d3f', class: "gux-input-label" }, h("div", { key: '0b91fc52fe3eb5f6a3f919398b3b7019b78f8a1c', class: "gux-input" }, h("slot", { key: '1e58cfad1e2d0c8f76bb0c3f01dea2b682e13811', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '1af0dda64c1ad3d37c22c05a1cbc4f8e3a1d5524', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'df85c91e38c0f97cfd1c17c1cc3749c780a7e6cd', name: "label" }))), h("div", { key: '40f81a7cb035d763cff75f05924e865d998f182c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '7256f02711410ee9fb0e5659f93c630d96dd5b1c', show: this.hasError }, h("slot", { key: '49fd3673ef6ce2f588c3511b27ded3b6b6fbfa62', name: "error" })), h(GuxFormFieldHelp, { key: '1e5baff59db571263e847fc1ad155062698567d5', show: !this.hasError && this.hasHelp }, h("slot", { key: '6f8b54c2e3a099da695a8c3203a3da2dcd803982', name: "help" }))))));
+            } }, h("div", { key: '2fd1c4e7bf4319350602458c472cfd424fceb19c', class: "gux-form-field-container" }, h("div", { key: 'e63e1c1d076066bf0a19b7e90abacebe65dc7bc6', class: "gux-input-label" }, h("div", { key: '155e8ded464891ac21ac71f9d01ccc34c397b095', class: "gux-input" }, h("slot", { key: '81556a48f4990db7a5c2437ac08de179c18d8ed5', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'cb658fabd78aece1716ae870d48c8e704b9267d7', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '4d330608b1353cfc3200f68bd67c3fbf3438ea89', name: "label" }))), h("div", { key: '374f0694accce4111cb42f70d0de26e6155d41c1', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '567dff053bc356433fd7e1685f3b33c6d47d77e2', show: this.hasError }, h("slot", { key: '6e012aa1f920c1a21c132370988c0fbbdd1d9f46', name: "error" })), h(GuxFormFieldHelp, { key: '043feaaa1b4dc622f8244a55e3111403126fe3d0', show: !this.hasError && this.hasHelp }, h("slot", { key: '3eb8fad2ea08a645051353d1fcf82972b1578802', 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: 'af39533927494f13991bbcaef9b1822f36dca1a7', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '6748324a9c7e1272d8431d559c74ae7d8a0b40d8' }, (_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: '7736549a306bbc1ef79443aa079969dd1cab9a13', position: "above", required: this.required }, h("slot", { key: '32467534d6285e52fc872e2c95b6f22c2779a492', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c3b61aaeae673c01b60f1489ee0c06683e56f4b3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '571adb5471717e4f0b6015c08716c2ed8869e0d3', name: "group-label-info" })), h("slot", { key: 'c9f254821b75645bf819eac7bc3ddd64f059e85f', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'e05f9ed3d293877fc03f6951ccf4f247fd7a1294', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'b7b10b2567fec76011bade5bc1cf280e38ae2ec5', show: this.hasGroupError }, h("slot", { key: 'e3d0eb1b9d9694bacfff93f5b43b508ae5b10d40', name: "group-error" })), h(GuxFormFieldHelp, { key: '26965305e2c33ebd01c874afcd7c69d0bcfb8b8f', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '09e8d3a0c412ccc1033a63fd91965ae2df8bb10a', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'cac76afe18dbc4017379c27ba9d3cecf6908c9d8', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '09f9490343cc4c39a61ac24dc6ec4afcb9c1f218' }, (_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: 'e1ece3dc1eda47296f61e5cde4fb5168fe9f3346', position: "above", required: this.required }, h("slot", { key: '00c3c2b93fea299ad99f69b92b6b722d107cf0ec', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '30eff5f45414437f668fe9b4a57dba843a1903da', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd377a951796897e47fd8511606ce381011744c0d', name: "group-label-info" })), h("slot", { key: '703c8802fdd1b9d9e074c3bd021f953df359d30a', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'a761d2709174f8346a6ede556147db3236a00499', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'd2b0f5ec27507d0e031d1071ba9b6907e8b751d3', show: this.hasGroupError }, h("slot", { key: '23dc8e60b891a1c3c8c7eb4501c59de14ce8a374', name: "group-error" })), h(GuxFormFieldHelp, { key: 'cac4c8bdba3fc6c00a992733a6a416213fee016f', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'a85cd3c84ad88b5cf8287a1af8755b94ca8a9a3e', 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: '1945f9b71295f2055ca38047c1fa0cab667d3fba', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c422954f9e68f045f074a53684b57d6efeb7e8df', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7d433ce2453909cce245ca0271dfa3d7c05d5191', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3b16b288ef80aa5c6b752b1572ade855fd88136f', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3004c01a24982810f1058060874025eb4c70a05a', name: "label-info" })), h("div", { key: '23dc638a8370cec9b055313a4c7b7f8bfabd287d', class: "gux-input-and-error-container" }, h("div", { key: 'e56f699ae341f5105deabe9ec287640a673ef35f', class: {
+        return (h(GuxFormFieldContainer, { key: 'c98e04077abbe89a43f948edd69423cba9b9557a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '25ff0fb83aea2228207b50fafc51f66e0cab6424', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '62bf642cb0f9b345163d9204b56b337521a1e9c6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ca6df000fea3afbaab1b08fd27393166f798b25a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'eb92808c7a7562f7a37b98ba0312e119d7f384c5', name: "label-info" })), h("div", { key: 'c68824e8740129946bac41c3ec875f481c25d998', class: "gux-input-and-error-container" }, h("div", { key: '5aa54e9f95eb8c4a7bee55d9740cad2b588883c3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'c82c19d37c7d5c7acec5c54b5e46af73912b8c0f', class: {
+            } }, h("div", { key: '952310677fa0cd42aaa8c229775e5b28533b8bfe', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'd29d1edbac8d92246e13562b1738569e94fe21b5', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '56775bbf353ddedb70d503700f18d50734d15d23', show: this.hasError }, h("slot", { key: 'aca81af05335223cd3c2163269a9f078fd40cf2b', name: "error" })), h(GuxFormFieldHelp, { key: '8a002384b5b9604b85836ad6eb8043470d7c7296', show: !this.hasError && this.hasHelp }, h("slot", { key: '85cd019e10448a1e70bf8ea7ed057d2f29e74857', name: "help" })))));
+            } }, h("slot", { key: '71a92c0dad57c545aba0854a5aeba8ac496f2133', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '5b86d579ec31b8df6d08b84ea638f1a91c13b036', show: this.hasError }, h("slot", { key: '9374b612836789a102dd5709939e8dd4d24ab643', name: "error" })), h(GuxFormFieldHelp, { key: '85747437a0eca0d454ebe1366fd485151d2c4db3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'aeca2769ba1b9673611df3b8417a873a4c089402', 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: '3c5dc914f3c76b4f137f712fa8409460d93171f5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ec9e39fcb78f48527bc10f66969a114accb89c2a' }, (_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: '1e4b0c9501ea80dc64a1af8619601647d4930ba7', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a20bd54b9b03ecd7283d04bade1546eb79a1bfff', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e58d88a1a9e9e18feced6b7185bcd47df7fd4a45', variant: this.indicatorMark, required: this.required }), h("slot", { key: '22dad7ea55ab30b4a2d7692bb8a5d6ff3f33f1ea', name: "label-info" })), h("div", { key: '060f5c62aa09b3206bb5b731d697882676578d62', class: "gux-input-and-error-container" }, h("div", { key: 'd23895c211aaf7880525f376edb9ba744757d500', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'dd0425be8a1009528c957aa77e6ed231ffa707c8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ccd648e9166cc2d2a3d9ac39dec71352863d4401' }, (_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: 'f2cc3ca90c9fd6cd5c960eb7e4da2f0f6b806e75', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'da29b5df62d4c331b92fda65795505451af2ade7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8c8dc237c7ec3d81fdebacffa790d6399c0738f9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '87f135ff4352e83da77a4dffdb7a74d9adfec785', name: "label-info" })), h("div", { key: '53fea5549adb6361ddfc9365fbcf37d0f10af165', class: "gux-input-and-error-container" }, h("div", { key: '52463d5578a5ce0188efb52b646f8f5ea2913ce8', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'a9be0fda5bab9330de38bcd573af201af20ce816' })), h(GuxFormFieldError, { key: '2ce73f1bb6c1670f1b0a14a28587932151290db3', show: this.hasError }, h("slot", { key: 'c9e2e14424a9a78b49e6bcdcd9e692901f397604', name: "error" })), h(GuxFormFieldHelp, { key: '3beeb950e03f32a493dc81e3696500e8acf38658', show: !this.hasError && this.hasHelp }, h("slot", { key: '4175b1c26dece146f2718fd89773f51cbd188f8b', name: "help" })))));
+            } }, h("slot", { key: '441a975498bb7da5634550143313850743686346' })), h(GuxFormFieldError, { key: '24bf1c82bf13320517f7d99ea03ad473d30951f8', show: this.hasError }, h("slot", { key: '62dd3d257a85347422165ff3f3f55fe781a1be33', name: "error" })), h(GuxFormFieldHelp, { key: '48b66744db5cda996360e4871882a99e1b439cf5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ac3cdb67240c3de0525414162a2235b8566bd683', 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: '9ca93f24d44dea238cbe5677aa0b73472b2d64b6', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'dec25a32fc276d5488068617bde432a27b28c70c', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'af0eae1f9b7b03f1bebcff17f071a1c84e0f8a43', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a44f39119b3233ca0b5192dce72dcae94c4bde02', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3307d4d6fc47145d02da9f97de180c99eacbd415', name: "label-info" })), h("div", { key: 'f3fd418c38e9d77c2e8e88a7adc778a74d04feec', class: "gux-input-and-error-container" }, h("slot", { key: '32ca9120b2f99d577360a9c57fcca72637c9cdee', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'f30dab2e5c7554e6bf914dc8c0a2804b9bb26b98', show: this.hasError }, h("slot", { key: '7ebe986a1cfd90857e04e99cd7fdb72b2ae27508', name: "error" })), h(GuxFormFieldHelp, { key: 'ff5019f55ccf11be847ac58813565a3220f0da3b', show: !this.hasError && this.hasHelp }, h("slot", { key: '5161a236c6567be3641375c9bc4ad4b3ba61ef4e', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '251b539bfd1c36a441b62f5f03d72fbc6f4e54d4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '92295dd72a54aa34756c9591d1237cc51b84d4f5', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e57819ebad6742d7e29aa14bb34c1f48e89b4bd1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '82e0b4adddd1bee4952b3adceae619b76286931d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1e0d3026f51092eeb5ec81ccfce511df7a2a16a4', name: "label-info" })), h("div", { key: 'cf1c518b9b37daea717ac9b8dcb662b8f9e41e10', class: "gux-input-and-error-container" }, h("slot", { key: '45371796664ef2f8e705fa3701e050a0a8c1cb72', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '6c5f33bafa1caa726dbcee4ad8f9eacabbbe49b2', show: this.hasError }, h("slot", { key: '75beeb6fca64aafb3a1de5743fd66e8499b44707', name: "error" })), h(GuxFormFieldHelp, { key: '6b64d159988dae34045209abee69b3c6db9d1ffe', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e16fccd69e3d7f0b28e41be46990bcb47ff6930b', 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: '49ed3e1102b18b0afd80fa7f2dbdbe650183d7b5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '49b896abc67f8daf23f39cfdb538bd0bfd24f5a3', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '07b6bb0098735cdb93670bdd4239f70c87a4c403', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2846f8347b8bfb90982fb7c8a286f9dc28db6db8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5ff63629608ee4c64b5c93b8ea2f591ed992403b', name: "label-info" })), h("div", { key: 'a63425de0f0116dc85790e8377e45605273ce18b', class: "gux-input-and-error-container" }, h("div", { key: 'd67c396e117112b44e028d189ba6b6a45e2142b1', class: {
+        return (h(GuxFormFieldContainer, { key: '2dca8aa2abb0497f5090a714028ba6d1fa630088', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f4c17fcc0ae2f19f45dd55fa6c097d78a476f4ff', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'e6dc3fabe7a640a0093f22dd2733cc857732a7b6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '069e3a4d7e94cea66162a16b970afcc958dd8402', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9d88d18f741c6138aa307cb1f84501d52a2773dc', name: "label-info" })), h("div", { key: '75ba061e437806f3f2aa2fbf4eaad335108de757', class: "gux-input-and-error-container" }, h("div", { key: '17ef4d8e144a27d7d354cf5145714e3f62d9e58f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '7ecb0947167b2c51672754448517d757238047d6', class: {
+            }, part: "input-section" }, h("div", { key: '92962c0ffc9a051adaa57644230831827151091b', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '56ca0045044f88985e4505ce00627fadbe816291', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '2ada074e5e27e541104a746d2b1e55c2dfee850b', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '8e3b2c7c8f93b4a2e9eaaa57872876541b938f75', show: this.hasError }, h("slot", { key: 'fe815006fe7e240c834d021e3c0058fe7bcb2688', name: "error" })), h(GuxFormFieldHelp, { key: '0a648c9e9a1b238439f414ec7977f7e2b307f382', show: !this.hasError && this.hasHelp }, h("slot", { key: '7c39e14dd4d8715b99fa8f07bf44157e24f61e04', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'c241cc42c48cd5d34158f6fa1c2192ca3c70ba17', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '8cfab4c1ec5250e9f48428d4fd1a1edb6a2e10d6', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '90a29f49e15ec2bdee95b677b1a8b68059ac8de1', show: this.hasError }, h("slot", { key: '8f59274c1bb04ec269b4b697661c3a2a8eb0cc25', name: "error" })), h(GuxFormFieldHelp, { key: 'a29417b5568b8291bb90c789a1cd8f1e2e6779f7', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd885ba710032f61db188caa0c0a5692eb8283b47', 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: '33fe0fc8c809b55349fa51aa7d80a285a2788edd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'eb56dd16bd5820f58481ac506e9aa5001ec470f7' }, (_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: '074c11f16f051c6f00198989c73e265fbc76e28f', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e8fc15414ce78419b8f5556b25575799eab4501c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '075f6120f5985fcbac369b15e6d4d3890547022b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c08bbf1c0247f0cec8f13d7dbfc8a1f189c17c58', name: "label-info" })), h("div", { key: '4f73ec6078aa6cf796b9c9d8fcbe23bed8a39c72', class: "gux-input-and-error-container" }, h("div", { key: 'f9b6da0b9a11f8af494846f09b0d3640e1919112', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'bf0f99c7fb1988270aac46885f05056acfb5ace3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '3a2ed1f594e510a0893a1b6cf2875f569e3b214b' }, (_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: 'a418ea46f52c128efae5b8052ffd7263758f4b74', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '746b564401c7f95082efa8a57c021a9b5274fd91', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '419a8cf07f877224feaeee135eb8b5f875f08673', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0c875513bb322b176e338009e0b0f822f6de01af', name: "label-info" })), h("div", { key: 'edc690502abbbaef94ed27c7286bebb0e0854146', class: "gux-input-and-error-container" }, h("div", { key: '823636811f866f2f3dbdc5dda1f7c06ce87c8a73', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '9ed48adf358623e4175e30e32b00c59be6df02bd', class: {
+            } }, h("div", { key: '7ff6839b8e9fa38a57cd1f8bc6cdfeda7118f9ed', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '9d648cc3ae68f9cb2f7ab93e1fc829cbe083ad06' }))), h(GuxFormFieldError, { key: '22296a416c1da45479a209608c1f48ccbd529244', show: this.hasError }, h("slot", { key: '5deb14f2838dcaaca697cfd3aa091bc263c8128e', name: "error" })), h(GuxFormFieldHelp, { key: '47c4d90105b9b46c8a856173b41a61b9d00ef19f', show: !this.hasError && this.hasHelp }, h("slot", { key: '039f3beaa6aebf7415c1d16be0a633ac406f4b17', name: "help" })))));
+            } }, h("slot", { key: 'b6eda7d48027904a51e6837b38ecdc96b37275a0' }))), h(GuxFormFieldError, { key: 'a9dbe2bc290803a4d984b099fc1e3831094bf09d', show: this.hasError }, h("slot", { key: '9eea544b091d3a8e8d0bffd43ee4015f0dd6ea12', name: "error" })), h(GuxFormFieldHelp, { key: 'c1d8557481352e50a0c925e6b544c6d2a119fb72', show: !this.hasError && this.hasHelp }, h("slot", { key: '50dd1b9097809d6e98eee330b1ced249cf06e48b', 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: '49ef8bdb9e7268f6ed72d138596e30d2942df483', class: {
+        return (h(Host, { key: '5829a29503922aa840a6c86d25c4634a45c6738e', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '6a26a205570eb6ff11e77f81d01d44261d21e072', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'b77bc44125eaa97141430489ac2eb184ba7df709', class: "gux-input-label" }, h("div", { key: 'd4186aef6e7b7a0ebfe645344d5a745e16cc9614', class: "gux-input" }, h("slot", { key: '2fc89568cc4659ff4838799e5278baa273085d2a', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '61ff648660ef9c6c37ebdea28bbb35d7f6c14d0e', class: "gux-label" }, h("slot", { key: '6ff9554ebb06ff5c11b68b784b24a834dc7837e5', name: "label" }))), h("div", { key: 'ac51eb19dfe44b8069ce7e29edb9e97073d8c75f', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '6d27501b269cad64a8c4f1fb78545a5c6e512254', show: this.hasError }, h("slot", { key: 'bada69224c02868f8541a2895218fb392cc46d59', name: "error" })), h(GuxFormFieldHelp, { key: 'a3d3221e309a5c891ac5beb1c50ed3f8cddfbb86', show: !this.hasError && this.hasHelp }, h("slot", { key: '7794ca8ee2cc4b82d761c37e2868ff0a776864cd', name: "help" }))))));
+            } }, h("div", { key: '392320cdc23d1d7b7b3e29a6b387047c1b0d7da1', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '7b6c4325955bfee9bbe80e0355a34925d22d0385', class: "gux-input-label" }, h("div", { key: 'eddd63e27d578211eedc5f19a99aafe46d46cdbc', class: "gux-input" }, h("slot", { key: '3e15b66aa91b62bbd2df984620aeb8e0e978c16e', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'eeaf32695daf81da1e9dd080763e022ceb2ba314', class: "gux-label" }, h("slot", { key: '9b40dd274ca11305fafe9c41192a97017d9e53a3', name: "label" }))), h("div", { key: '0e4236ae2b2bb6b398ef237b0551773a9715c988', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '0623cb317fb2057b41d591970801aaff99956b04', show: this.hasError }, h("slot", { key: '4a5999da8179383db795fc71b2a17cd840c5c450', name: "error" })), h(GuxFormFieldHelp, { key: 'a15a295f957e2e3be96f6b98f4146c8d5f5c88d0', show: !this.hasError && this.hasHelp }, h("slot", { key: '8dee0e2237865934da855624f51ff811f4b310cc', 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: '901bbf005bca412c1a435e535583155725ed5296', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '1d6bf900cc576bfee106b073afe09f0a97022d87' }, (_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: '21ee4f534fff08e51dae8030faa8a1d78226f2fb', position: "above", required: this.required }, h("slot", { key: '0afa63140278375301a0de0263055195008662f9', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'dd422f39ad5e082ab184350265f37c678cf06b68', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3b2fe0b59bdd8591a08ea076280aa57a28c10b3a', name: "group-label-info" })), h("slot", { key: 'ee6540334797f3c1982f5af98e445c5b0a7c4531' }), h(GuxFormFieldError, { key: '0158fec3eee96f854076c57bb20b9f893697d6e7', show: this.hasGroupError }, h("slot", { key: '8c2a42b6fc072fe4d16d25d2f4f79c9f7dffed45', name: "group-error" })), h(GuxFormFieldHelp, { key: '9a40da4a5449db9784e3fd656b9611c31c9f7fea', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '7c2cbec4c5e3bc907eb3782f2af38a24589cab29', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '742135aff98e36413891ad18dbb15c090675f23f', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '30635ac86b7863480fef9cf7f37a606dc1b4f4fc' }, (_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: '7b9c845ae16bc9a1beee4da9ec7523df00e8755d', position: "above", required: this.required }, h("slot", { key: '85ebd77341d7da78299ced98dd3e061c4f88d134', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2de99230cc040d17c733834a4280525815247e91', variant: this.indicatorMark, required: this.required }), h("slot", { key: '74631a79c1cc64610db5bce90acc46212f68cd9e', name: "group-label-info" })), h("slot", { key: '9e106a4bc8ae0081e95e5f6b5115687f49bb49a3' }), h(GuxFormFieldError, { key: '4acdd6b77538b5e750a293b68f32ab56a043dcea', show: this.hasGroupError }, h("slot", { key: '33be5090281cd1c4651bab821d6945a94682340f', name: "group-error" })), h(GuxFormFieldHelp, { key: '4f1ee1bfb25b698b3ec8cd0429dbec324d8eb703', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f92d62095d17d51a4e7f383750e78112a679fa75', 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: '10dc378e629a8849da1a892210e7958a8470ce43', class: {
+        return (h(Host, { key: 'ef7f5f4e578f3300a3d50455cf13502b18db197a', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '9d46076ea44be2971e14250654b2f40cd0df0677', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c55006d31378d6a1643f039f2cfa4bd55311bea9', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'e48fdca477e8261992afc9430d0f4f005d0746b7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a75ef1657cd9618109dcfebc0130feb99897c17a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '43cfbcbfa92a4a05b2686ddc214e1807b7cd721a', name: "label-info" })), h("div", { key: 'd43b71f759820db1bf395db7c22e304c5c8d268e', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '2c250ef63c41033ab24925ab4d24b2492c9d2927', show: this.hasError }, h("slot", { key: '4ecfa3f9770e5f483d3676f32b631f814025d35d', name: "error" })), h(GuxFormFieldHelp, { key: 'acfe671b39a300314b9fd8d139ab028a20495b29', show: !this.hasError && this.hasHelp }, h("slot", { key: '2b220e6169e6ec487705a6047137f2c7536be970', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '6d1a08b443afa21aad87a4e3bf08ee099a700cc8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '21c729f31a0c0a6d5daf0f2d19af7f51d219d98f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b9ff63bfd18deb65229ac12a595368d91b9fb5a4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bf68bcd9cf4f2e140abd4dba68ba945700a0ec51', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f7c2314979b81e97f36e6ac8e1a5ce7d206eee3a', name: "label-info" })), h("div", { key: 'ec4abb76b38879bc5332b9d008ac2084d5aed76f', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'e90fc6505581c5fc53bd38e765c83253ca16c414', show: this.hasError }, h("slot", { key: '021df5dbbe4892d500ff706dca44e2c0c9aa7923', name: "error" })), h(GuxFormFieldHelp, { key: '5a428db334f7a07fef43e7c9d11838d269664c80', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fe23748ec9fe1efc05275c6af81a8b03be147e6c', 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: '4a9ef410dae67b430409d3ecd7143f779d5d6d76', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '23f4292311d8d4d09cc9abd8ea410c564189feb6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '0a8392e9de5c4c107219340946c5d986b14a0e79', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a5485bcf989d6cee36f56f38df6e3779097b3c9b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3bd66abfbaabd6154769732b10ec2a0234e168f6', name: "label-info" })), h("div", { key: '0824538640f07a080d7feabb9bd380d08fee6fec', class: "gux-input-and-error-container" }, h("div", { key: '7b56736d1214a53dd52d9f71bf5557a1e212144d', class: {
+        return (h(GuxFormFieldContainer, { key: '7bec4add10bbe1198348e515d7f94010d5ff696c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ecf79409780b4ace9146efa04f23d7766110d1c8', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '71a8801fc3f2a5f153888118cdabb167f7ed1331', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5e4e040cebc2ed53e4afbe21ad63a30d8905cd71', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fb1f57f3a8a828c7335acd368b14e8fe38e4759f', name: "label-info" })), h("div", { key: '93b1c819fdae53a41f1f282654fd3121d323fdd0', class: "gux-input-and-error-container" }, h("div", { key: 'cf4f4dc142ab086fcbc299621934984d8eec2161', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'a34519a64680d176ea13b2084b394f807021ca44', class: {
+            } }, h("div", { key: 'ec2d3615952e770ab4315f05bcd81453ad74dccc', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '6609df36d361839721fb45ab6252664697587cef', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '99167c46f703671d1d9985100e39e8d9844a28ce', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '9f31a3d43b814c8d150d2a0b7a6bd829e953d163', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'adf9c25f7529abbd1138ba954905ea6365c13f1b', show: this.hasError }, h("slot", { key: '88533ba9ae394f9d3d61213d8d1856abd370850b', name: "error" })), h(GuxFormFieldHelp, { key: '775b434f3eb50601ab4379ba3fae1fa28cbc3f08', show: !this.hasError && this.hasHelp }, h("slot", { key: '79df589a292ea5da8a717fecd029085e445625ff', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'b557d0aa914ce07cbc79ddec522d3f1c97106bc9', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '6a9717b43d217991f1d8049a1af8eee7faa9ea4a', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '99a100ed958a7a88fbc48d2cb2be1cbd3fc9fd94', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '5a22ccf008831c793ef6e3bd88c48cda54783bbc', show: this.hasError }, h("slot", { key: '8b5d65d5da1744243d9e3bfb07131b6aae948dae', name: "error" })), h(GuxFormFieldHelp, { key: '48515debb5e75c62988b3cd8e85ac3d3a5abd5ca', show: !this.hasError && this.hasHelp }, h("slot", { key: '8124c307378e5e34bd6384f8a753ef69d33aa583', 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: 'b928031f683999046e3cc9bed38ad760c236e9e9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'e07c87117a539fecf347b8edb8ca56fa1dd54a7e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7289cde4c59f1fe8b1e28356d9cb721305ae8fe9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '205d12d026049867610b2bf5a700aa6a1c1d35c2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '07d62929f16393fde084434f488889ef97ffeca5', name: "label-info" })), h("div", { key: '542540171c3e6ce101e974707c36d44b827884cd', class: "gux-input-and-error-container" }, h("div", { key: '9486afc4de383775409ec2b9d126798a03deda29', class: {
+        return (h(GuxFormFieldContainer, { key: 'c15ab0395de23384134e2dc43b74eafc8e68ea2a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '23532015d31f5bcbab28b2b57c308ac1691180fd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2a18ab75ead6d769bf781e2b108a87601817dd9b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '892f003c7374cc9f46fd6de2f12824c1d575add6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1348fe6e39643e583d683a1aa0aaea6684ad5c69', name: "label-info" })), h("div", { key: 'c46ac0c7b45155504b633717fe33cb7e7b5c498e', class: "gux-input-and-error-container" }, h("div", { key: '81ac871570edbe781d0bf1dbf5214d0efaf89791', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '6a05e35a061b711b3edb8bec261223aa0a4ae335', class: {
+            } }, h("div", { key: '9cae3297e8db17669c58dfeffed20d72a932bcca', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '7d2a610b542a165fac36caf3f737c38b1af844b2', name: "input" }), h("gux-icon", { key: '15be1be18f83f14f23555df075a4c2f35f52d813', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '751b065232ef2e12cc98b897fc6cf07edafdfb11', show: this.hasError }, h("slot", { key: '4ff01e5d20eb7fcc1079116bc813fd4d2d0d18c2', name: "error" })), h(GuxFormFieldHelp, { key: '2d78511124551d897983bc577cf0f0da3cef02f3', show: !this.hasError && this.hasHelp }, h("slot", { key: '14890b954cea5d3452bf1a1352224ee6d36a5324', name: "help" })))));
+            } }, h("slot", { key: '2e86072aba8f4026f5d10ffc018067c7e9871698', name: "input" }), h("gux-icon", { key: '8bf6384b6c96fa6e7d67fc6c96696faff22c542c', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '85619d945103f146957c4074fe0caf8a63b81579', show: this.hasError }, h("slot", { key: '2e95b049dbb5d3df73ba048f4019543810a742e1', name: "error" })), h(GuxFormFieldHelp, { key: '59585203e681fc154bd64e8b8b2904e150e38517', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b7447f0a5ca5c7bd62de473d4adbae36d9e2da12', 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: '4bfc2c90ceda36b591173fb005c270f212c519f4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '6cb86ea988e2381b54fd73c257702b4cb4833393', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6aae331a3446da315706bf381a6943fbceed9695', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6c13dbbd39696396243fc84221d24f8adb612d88', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd7d696dd7029f2ef13b571434ff2e2c4b9ae44ee', name: "label-info" })), h("div", { key: '4adebc576047a0b0df4bec53e8d0e520c28caccc', class: "gux-input-and-error-container" }, h("div", { key: 'b3c47ca1858946defb5c5bf0a5e96eefc45bb287', class: {
+        return (h(GuxFormFieldContainer, { key: '1ca223257c2c32f7d9b4916ba256271dd5b1d078', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '891622b154066f89ef432137514222bdb0c7b8cd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '07ebbf4da32bfb7c043bae5db05a3a0d86117873', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2cf8c5e3c5f12d028ece1309a7817f667b06c265', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1f9b6aaf0a37c44792af82940545e92c97834c64', name: "label-info" })), h("div", { key: 'fb69f8031c90def7c837b9d78742bcbf61550c27', class: "gux-input-and-error-container" }, h("div", { key: 'ff2d9d7e483c05e625893a0f5850982cdd92c55b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '66923b721b025485284a666eeabda9d8ddf38a8f', class: {
+            } }, h("div", { key: 'd449698a1223c5d827a07761385d16c72cbdd89a', 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: '6d30e93d1772b718346d6335e23e9f38b812419a', name: "prefix" }), h("slot", { key: '449f84eb06fa74a0fd1acaa33ff016b1ec45f550', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'b3b67a15ecf829a143f052f51f1c95fb2d3e04ce', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'c8869108f24091264f38748e2d3f41846cd7291d', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'ad45607c9fd01891cd0023959a5b5de5213e741f', show: this.hasError }, h("slot", { key: '52f46539c187533b54522b185bb5ba084c52e70a', name: "error" })), h(GuxFormFieldHelp, { key: 'f91d1eb88f117e1cbe451b23565921b9dad0710b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c907e53165909fea45e0d4cca3aed992dada7a6b', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '7cdc2f7fa447aef0e718d3dea1c217b05738fec0', name: "prefix" }), h("slot", { key: 'e54caf74962d08fcdddaff8b8608c3d6e943bbdd', name: "input" }), this.renderRadialLoading(), h("slot", { key: '05332b5ca75369f96ee6ebbd57a3f44a6050c3fa', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'dbcef6499ddde4169e89c920c5a021dc1a375362', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '5527c143efb4e9e4bb97ffbd52d407c7c86b3864', show: this.hasError }, h("slot", { key: '532d5e81c1a39cab499766e7fc5951195c092dd5', name: "error" })), h(GuxFormFieldHelp, { key: '7f7e8243c8b23da439f373250e2d86f030774433', show: !this.hasError && this.hasHelp }, h("slot", { key: '633bccea0610149a1efdb19c9ec7098f33412eb7', name: "help" })))));
     }
     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: '5b34e63a46e08d10f6ebeb0adffc4abd6c5a3316', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '41d08e265a0c6686565b73954a8ff3ef32bc7ada', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'eea924a17613c05b476eed2ab63f8d14300cc194', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4aab859ba4d3aa0d14515088c952b6143c09e967', variant: this.indicatorMark, required: this.required }), h("slot", { key: '06917fe2c3762228680974025a7f5e96f3aeaef8', name: "label-info" })), h("div", { key: '1e8a15c09b26292e96ba0383b9394f84e34c1783', class: "gux-input-and-error-container" }, h("div", { key: '25642be5f42cf493be10d5f4605498709c52e43b', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '01bef1490b74cfc0573527f20fbe41886c81cad1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4dd3c20e4c7fd0e08c8ed78f98b4d978f7351fca', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '56956cd3dbc29f34a3eabe4f8cfe9340e866cbe7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f86a5006a49118e4057c73376025cfac784732ad', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c64f7d90b550c65b715fb1c7d1fed0f73317364a', name: "label-info" })), h("div", { key: 'a5481ba72ef7f47de843a03d53dddcdf61ff8c3b', class: "gux-input-and-error-container" }, h("div", { key: '7ef26ac30117405ac72de88d362ed6aae6525bb8', 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: '1e26b96af64062705a868d7f955329f88476bab9', name: "input" })), h(GuxFormFieldError, { key: '20110fdd5362b4609e174e4b06a160a67279e705', show: this.hasError }, h("slot", { key: '2576e35ea5b98b138dd26d48aa4014fcd7b9de9a', name: "error" })), h(GuxFormFieldHelp, { key: '4064c18cec6fb21db59a8198e387cd729b0a53a0', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b7e2865905fc2c37dbc8f84d7a1406756cf0458c', name: "help" })))));
+            } }, h("slot", { key: '0674de8316eaf0926887854defbe49c4c35bef2f', name: "input" })), h(GuxFormFieldError, { key: '84d25ef2bf84e2994c47777a02b34bdc3d1cafaf', show: this.hasError }, h("slot", { key: 'a14d5c5108d774c252d3b62df03e3517a869c319', name: "error" })), h(GuxFormFieldHelp, { key: '380322397f97cf0952adb31c5cd610f436da4a8e', show: !this.hasError && this.hasHelp }, h("slot", { key: '1073edf152ede2aae06c1e55b8edf38c8f30f3fa', 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: 'e0d005546fc236e48253b7a60ba7f2f06a87e01f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'af36d71fc2935031209502122e62d3abfea194e4' }, (_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: 'e2f28c1ce391f60927935424b19b4b3efa3092d3', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1d14f473ba0b168308e4477d776fe0ae387810e3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3138164f5645e1cad9ab99985875c5dd86c9837f', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fb893658b774944a45287f6ffc3ec6aaf52eabc1', name: "label-info" })), h("div", { key: '3a067b1088e58ccdc7a69eed3caac2968fcee041', class: "gux-input-and-error-container" }, h("div", { key: '77d0a872f46fb8d14e35c8524053ccede8d5db94', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'eda1dd81cd04bdd89447915e676f18ca10815dbb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ee035b1d1652d44ba6bca554c2d08634c5422c4b' }, (_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: '9ee5c2c79410273410eff6b452517fc2ca70154a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '54ef83b00194548c8613736d9f2389c7f9634b0f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3df58519075f48bc04f24a8e1952d7ff260e6763', variant: this.indicatorMark, required: this.required }), h("slot", { key: '52e0c164133845d66ad6c40e3a8693c021240254', name: "label-info" })), h("div", { key: 'ae9f161b2a206f6408534f3a8af3fb2998917e63', class: "gux-input-and-error-container" }, h("div", { key: '94d3663ef475b11f4f9cb2b4b9b277c7d2116aa8', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'cad69e2af1d02afd89d5b62499795cff2b096390', class: {
+            } }, h("div", { key: 'add3567a77a2e4467cc327414e4b69f8387a46e1', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '01334d392a9a831356dd8214ff166cccd98657c9' }))), h(GuxFormFieldError, { key: '1bd038f5ba05f3b5f47cafe712bf053851495a2b', show: this.hasError }, h("slot", { key: '4acc3c861298a007455eaa49d29999da5a0d0d75', name: "error" })), h(GuxFormFieldHelp, { key: '8f773c3a3e35f431aaaedae563f0e2568fc8404c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ba238f4f3007537411dfe30d57eee0ec307e37a1', name: "help" })))));
+            } }, h("slot", { key: '6f21d12547c976616ab18d85d91327239fdee521' }))), h(GuxFormFieldError, { key: 'b133de407bdd2e7db110faa61fe02874fbcd0e68', show: this.hasError }, h("slot", { key: '826a45c3855bb275d1c8b9e10bde036a36529c7a', name: "error" })), h(GuxFormFieldHelp, { key: 'f5501f9922164999e55b16780aae18f0bd758d5c', show: !this.hasError && this.hasHelp }, h("slot", { key: '76d4b1075561bd32991d951d349ee7db939c9fbf', 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: '42f7ebc381db15071fa8e6faad227a5f02393d3f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '51c7f93eb094716bcc457a1eaf7f3bb7d7d3287b' }, (_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: 'ad28ec82848231933e86796157bd789cb9dbf5dd', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '7609740404e43588769075e27e7754e3d1408c38', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '459ffa4c5f903d951a92b408d1ebd006a5958ad1', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2f1806a66fa82be3129499f11b956ba18bbdcd70', name: "label-info" })), h("slot", { key: '89eedb5f9d37f38b8f7d8cb363c88c5f30a49705', name: "label-info" }), h("div", { key: 'b6b72691ea2882e3c305e083e1381063b92756fe', class: "gux-input-and-error-container" }, h("div", { key: '3d389c68f5307b677f76ddeda7c4b2031f3285a2', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '54d05ac5281c25fc1b4fd7503f55e7a194b43894', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '079cc18b8b3cbaee2535664d5d2629c2e34e715b' }, (_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: 'eac7bbe779cc226ab1e2733f1372d2fc9aa37b7f', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '28d94f19ee7211c3ddcd6e52eede7300f2f78908', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e98ac7bfcfb14500cb59ce0c38ce2ad7709426d1', variant: this.indicatorMark, required: this.required }), h("slot", { key: '26c52b69aa513a5b72b930a33c9645a81c8d7339', name: "label-info" })), h("slot", { key: '0d3ee1b9a54ebc20850070a661a02201613d8a71', name: "label-info" }), h("div", { key: '89e9a1a2bdc22af7c4d27ea700142cf7a976fb13', class: "gux-input-and-error-container" }, h("div", { key: '635ffdff9cc4056c5738229737a6167decf93369', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'f201693077d200cbea7c323454a6bced4368f01a' })), h(GuxFormFieldError, { key: '2180d2e795377b53b65c7fdc23eb6562747c2a96', show: this.hasError }, h("slot", { key: 'c6be8739f12fd2fb7c2aa206d459044cf4b40e36', name: "error" })), h(GuxFormFieldHelp, { key: '7df6b7566d1396b6771096cfeecc0826b7477bdd', show: !this.hasError && this.hasHelp }, h("slot", { key: '8da0b676330cdc738214557bdceaadacea88f7e6', name: "help" })))));
+            } }, h("slot", { key: 'ba205b80cb374bb242abd83d027ed823c5137b9e' })), h(GuxFormFieldError, { key: '35bf770d670cb5401478529ff752750dd04610a8', show: this.hasError }, h("slot", { key: 'f85ab182d91aa10eba0e7d9dcb99f8a70aa44bb1', name: "error" })), h(GuxFormFieldHelp, { key: '370990f813ab2d4218826d87bb3756be2e0ce462', show: !this.hasError && this.hasHelp }, h("slot", { key: '7383559941872249ebff59c82e827f6e3ed452b8', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {