genesys-spark-components 4.111.6 → 4.112.0

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: 'ddc0f601ad1df38bdbac35b0a300bab98a9dfc63', draggable: "true" }, h("div", { key: '4f3f5d862a1fb3c2e8b54bee5453f40ad1eba44a', class: {
+        return (h(Host, { key: 'fafcff84c00a5ef0c5424e430941f76210bd744a', draggable: "true" }, h("div", { key: '16ac741d2daed6264f38fd8dd03eeb163ac7dd4d', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '1dbcc6575d8b180c2af4efef9df114ea7ce7ae8b', class: {
+            } }, h("button", { key: 'e55e17c2a9e468ecffd5b0b2b68d9fbdfb955951', 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: '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 })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '6fe7d676aa123e5e87468388f76488fad2801c05', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '629c142177ea24b1c41e0288372b62d4f4793d92', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '0052179ee1778c6c9cbe82c2395250edefeca4ff', class: "gux-select" }, h("slot", { key: '855e2aa27702aa0758605f7abe15b8cbb89102ed', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '52c83368ef4b20a1b75e99395a4ffec4f3ce09a3', 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: '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) })));
+        return (h("div", { key: '791f69bd3f39d4d4a6b285cbb42de8049cb8f113', class: "gux-container" }, h("div", { key: '1410e1f0c23f639b836507d9a7c70f1278c39ad8', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '3b27b7752420d4fde1652ca9bfc1661a4aa5579c', class: "gux-search" }, h("gux-content-search", { key: 'ab3ae26813b5d746410a9ee82675a7bebf3140b9', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'e755a3ae15f7dc85f598c6da1fc59c0983df8be3', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '8213aeb04810a59f51ac86b84251add5e4114c2e', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'b21ca31ec2d33c359414c61d07f275e1c7dccaf1' }, h("input", { key: '8cb7b744a8038d55acbe8ce687334f794c6c19fd', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '0b4e9ced66436d2179c5e341bea7ca7e7f8061eb', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'bec2d31966ed62b047243b1d5a623211049782aa', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '1670ddb41e9f8b5027132651c7011338d1754e7a', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '3dc91ac2ca6a740a15e19ce5b1590989b07b30da', 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: 'f92c07b3fcc3fde5904db8874d3cd9f2a46cbcb3', class: {
+        return (h("div", { key: 'c677f35b38b7761866cce6f52c6bf70a39efa87b', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '339f115cecc425b8a09826acedc108c306fae865', class: "gux-search-icon" }, h("gux-icon", { key: '7a4a4352158877dcc16a9792c1d92360e2cf17cb', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '8e2d7791bd8a1cf5ef957258ab67005f5d72577a' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '50f3e9a582347e1d24a50c765f5dd63c37d5341c', class: "gux-search-icon" }, h("gux-icon", { key: '2ed0aefa3e93edef285808e336fe5897b078fd8e', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '95257371d6a06235c2c0b7358afcbd408949230f' }), 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: '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: '8d01243662612d31d93690d1c4d17b3b2e822d84', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: '410c1d472fe6b61d18242ffd0c16455c8f282b32', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'b83a409aea7d7152f4610bc26668cd8a179fca1b', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'fa9e6a729be8824bf97246a0e26f38900a3e92e9' }))))));
+        return (h(Host, { key: '194e9a18eaf58654cd45527aa95dc68c5559af46' }, h("gux-popup", { key: 'a92927b14c97e848a98f3fd3885c0568d076ece3', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '397efdadb4369691d684bf9acb33e98254b6e059', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '993efdc7e2b9d773776a12849f9894855b7a9c96', accent: "ghost" }, h("button", { key: 'd825f9e55515a125dc39a61654e5117a33e4f0f8', 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: '5ec0fd4f34b790429b127286f2b64b99b2b23b13', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: 'de7feb2cd3e65333e8001e1d22add25440244be8', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '39987d740aefe82febc597c3700af22b6448b984', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '15a9091a836f9217bfb2aaa214bbca0365123814' }))))));
     }
     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: '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()));
+        return (h("button", { key: '1f22d1671641887bbc0eb38575cb36f614800d5a', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '58b346a165dd6db43dacf9e93375ee5e4bdd4cd0', class: "gux-copy-content" }, h("slot", { key: 'c61843695c721e376ca8c858595307134f104e67', name: "content" }), h("gux-icon", { key: '6a0736266451f2b5702ad9b1e0a417a7649cfb13', "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: '5a7275f7e66e78ac2af5af3838bf0e72637604f8', class: {
+        return (h("div", { key: 'af2a22d53c2bc721f52aa9340a9a52f63671f5ba', 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: 'a54d9fe7d1873b24d2b99899ba228440cb223c09', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '752feb0398a667f08f9ab6eedc4bbeaceb3e5f0f', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '6fb35f13046effebabe116064b07583ec31ada44', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'a8f8ce5b1964f7d9388eb74cb8054a16a72d53b9', class: "gux-icon-container" }, h("gux-icon", { key: 'f446db743bbd8e2bfe8cae64be982fabb40fcf7f', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: '26801d3be916d0cf2ddee38059ccd6da9245197d', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'a8cd1712d613296b9ff84afcd30b4de95d39d35c', class: "gux-icon-container" }, h("gux-icon", { key: '1801568c4e57cb7830c40da1416da81c73639d6a', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -349,7 +349,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '63653fbb52b7249c6a2267f8f12a9c54a6483e26', 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: '6eef6544d82af165c88d8f6009b3eec02f70da9e', 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: '4a6d9b72248b78bbdf6980173abfb0d63649fd7a', class: {
+        return (h("div", { key: '2967af24bf413f1bf154318ecc2fd546692d6d7f', 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: '43bef4525072d2990327e96ff0e4843540aec084', class: "gux-dropdown-container" }, h("gux-popup", { key: 'aa0523da31cb267d9a387cfdbe2726496f2baf7f', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '1f8990c9e2be6f7b2d8fb8e7c2998fcac1358cd8', class: "gux-dropdown-container" }, h("gux-popup", { key: '5602788af72f17d5b1b75786b10519b319f82340', 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: 'b3d3cac1af9c246ad1b5d674a917ea9a791a50cb', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '5acf723eef337b444eca0ead4af9168709f47636', ref: el => (this.targetElement = el) }, h("slot", { key: '19336c7b779004bb3c7220b2fa9b38643ecd969e', name: "target" })), h("div", { key: '5753c04aa3dabb536e037fc56b440b3e6ffd2f19', class: {
+        return (h(Host, { key: 'e697db0a95c445d37e219834cac68563c3908c71', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '36a1189956602bf432dbf893caf627da5aae61f7', ref: el => (this.targetElement = el) }, h("slot", { key: 'c0cc138fe827d6cf7ea4ac4dfe0366b991a2a33c', name: "target" })), h("div", { key: '91a50d9b88c593091b530b3c01448ba91bb781be', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '480c3587da9a85f78a4a9d095fcdeac35c7ab274', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '4ad4674ac42ac1fd51e3171392cbe7001171abd1', class: "gux-arrow-caret" })), h("slot", { key: '0d4e50dfe985fa318bb6942813728afb5fd79e0a', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'ee86e3e4f078391d172b6af5b136a977681ae73e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '478d2666ae5cb9dc3a91806161cdb81b49f0df9b', class: "gux-arrow-caret" })), h("slot", { key: 'fdde4c2e39513b0d1569ff50bbba12a6b2e1c8e9', 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: 'bce268abfbd7b364865bdc458158228da6212c8b', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'ae5a68137e1b5c73569e302459911ba6d65e776b', class: "gux-menu-option-button-text" }, h("slot", { key: '4005c5d25e5c8d3c28fef4fe67460b81312fb3a3' }))));
+        return (h("button", { key: '8b2fef439f2e1d099f4f5418661ab10e11fb47fc', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '41321a02d7ce5f09e8a8eb88f417e49aac6fb822', class: "gux-menu-option-button-text" }, h("slot", { key: 'e6c4323d85deabdecc64b9e8025e535637e44485' }))));
     }
     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: '1f6a40b02c043d1cf3d9e9a79d0000823021f544', role: "menu" }, h("slot", { key: 'ee049e4f8889392cb927dc924625a57988389890' })));
+        return (h(Host, { key: '5bc89d1092da16dd5dc445295763db2f94b88ac2', role: "menu" }, h("slot", { key: '6ded0a3a542135ffd6ac8bd326df50d331fde613' })));
     }
     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: '625e1b3c4f9c0c92d2b2ff71b7bcce7091c4ebaf' }, h("button", { key: '855e1bd204fd867c90e13b75b382eafd15832676', type: "button", class: {
+        return (h(Host, { key: '37554bdbd5cda270ee692781c16d9cf4e88eee5f' }, h("button", { key: '6ff5813ccf2954164223f91b5dd9751278e45ac7', 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: '455f9a3673222bc69ee01938aa0d1c202bb70c0e', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '38964f5d522a61caee905d1f6a77bced76165f3a', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'f2e61dcd3c5652f48b3314ba6f5e69ad5a10f736', 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: '8dbb3254bb9f4af7ed4b44a807b442bc49fbcc6a', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'c155723afcd5a52c3917f7d2eb1f7a3e0d7c46c9', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'ac66eb504c60a7745f66ea65926378c4fb75e030', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '59cb761bc21d9f68db5606f1aa434f2c834b03d5', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'a5472a86ed6fa30dd586cedb362a1e8685f7bb4b' })))));
+            } }, h("div", { key: 'e019e00a09313a5da7eb74199e1f471d4a2e95b0', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '079239f688e2a4cfd15382b76fab089361fddce0' })))));
     }
     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: '07d3726b97fa4209d5686acdb68200261c8e663d', class: {
+        return (h(Host, { key: '8caa48a2062d9215ca83ed9c32a99e8d127b2e65', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '78c4607299907e842ab6559a7482fba6e535865c', class: "gux-form-field-container" }, h("div", { key: 'c56af4e07ce06ccf2ced1a18b80bdaf9798f1ce5', class: "gux-input-label" }, h("div", { key: 'a597be66d3a8a2a8ab4a570f0f453cb81b1c9e9f', class: "gux-input" }, h("slot", { key: 'bff7904998701cc122095720356171bf464894fc', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '5a3e93a6de74b5ff8ff9dab50ce7395b2653251a', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '3988b5f0aee358e560332815902655ded47dd07f', name: "label" }))), h("div", { key: '49504b92b60c8ea481df1bbdd1d8b6a0e0a588d8', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '01fb004440f4e353852b5600438765aef2013ccc', show: this.hasError }, h("slot", { key: '29206452dc440dab0a4fb99dfdf9f28eea7e4d6d', name: "error" })), h(GuxFormFieldHelp, { key: '8287aae4b5a6768cf8ff2f4a03eaf1cafb87c708', show: !this.hasError && this.hasHelp }, h("slot", { key: '528fc01df5a77f2b6b1472f45432716672662f5d', name: "help" }))))));
+            } }, h("div", { key: 'de9eaffaa82f2a4c2c71a8284e69dc2d9b21db69', class: "gux-form-field-container" }, h("div", { key: '74b8a5c75320a4fbecb56133c76496ff969c3a71', class: "gux-input-label" }, h("div", { key: '7ef1f708533822f77be11c6863e314718305f959', class: "gux-input" }, h("slot", { key: '514f440dfafb6d66c1d43d016e4af97b612e6f5b', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'eac246880b46a6811f7f4b742a36cd8736e8d863', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '7b49eba6f52e02ad6ac1bbe657a376df1d0036c7', name: "label" }))), h("div", { key: '351f9c954f1eaf8f73db23988e1c3fa7ba868e55', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '32c8b7e4c5aba307f604c0840f13879ab1a048b8', show: this.hasError }, h("slot", { key: '510bbcfcb6440230fa42d9a4f2a83ee7aefd0b7e', name: "error" })), h(GuxFormFieldHelp, { key: '989d53d3926b2d762175d3c235e4985c1a565d28', show: !this.hasError && this.hasHelp }, h("slot", { key: '1cae7e12a865d65aa3a53e5e266150e14e62debe', 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: '0cc9b3908cf431dac18e6bbb9c69e16fa9266b29', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'bbd84167ea318acfe739888d3181f8813ff853b7' }, (_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: 'c4acac2683785e0b178dfcd3ca123bc7dc4e73c2', position: "above", required: this.required }, h("slot", { key: 'eac9e38aea665fcf1416741e8622333d58243fc0', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ca4719da3ccb12e9efaf74e51650d199d702ee19', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dfc3ee61f7deddc958d0691fc0be280629d8283b', name: "group-label-info" })), h("slot", { key: '8b6adbdcd21c0101e473ff63efb5a7337fc86bd3', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '2570c2da7e12226e4fe6bc0183b6754970c67504', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '5fc53617ff14b4990abfaa7ab6bf6c7dc67c09ed', show: this.hasGroupError }, h("slot", { key: 'db6c0f5d057151b74a1d76c16c31d26381c25814', name: "group-error" })), h(GuxFormFieldHelp, { key: '9eb911f64eec0f0b14381ba8f5be8b54ba8e742e', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'e8cc21449c5a85d9a9bc5fefba514a3bc11baa0a', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '21f4256a8e698d0c29c1146983d7053489b4599a', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '2a62a74c4279b6055ae3d2afbffd1859ae230df1' }, (_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: '3d779e1cf8d86bd97f1aba07f1eef48cc1b3b24d', position: "above", required: this.required }, h("slot", { key: '32ee01013424fd7e06f01791fba893315d1b7e2d', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3d7bf7bdcd7265ea8ee7dfbcdb5113a046eb7be2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8e3dc8413f650697b20cd17df15737abad1d4fad', name: "group-label-info" })), h("slot", { key: '6274b0107fd8ff70a16dcd511ed87b0fcea575e8', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'ef16b0485640a6dc19556199c9a6505a3a2303b8', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '6d7573efa09ba00faa217bb90e902de9f7d0f8a6', show: this.hasGroupError }, h("slot", { key: 'f5f373d1f52814ba6a8ad518ce98417acd9377ab', name: "group-error" })), h(GuxFormFieldHelp, { key: '9e3790eb8a1cc6069a1b9f843eae503a8c45e5e3', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '464a4527f57b43ee0025e4657ec74ee9d0c7d044', 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: 'ddd4e92466da1ff85c1e37394e8e1dea3717f4c9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fb87a80f5762de1c4e79f5701f8d859fb82831c1', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6087b8e6a96ed1a6d6b4dcfe9bda9dc87717162a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b964c7727d0748fbc985eacee89caeb88df55cab', variant: this.indicatorMark, required: this.required }), h("slot", { key: '457541d5c6d17fc1916a38d29c220e260c6f70ac', name: "label-info" })), h("div", { key: 'c3ea7b8efedeafdbf76f1517374060dae49d30c2', class: "gux-input-and-error-container" }, h("div", { key: '1f7939085298012bd988264002c0eaf61bdac619', class: {
+        return (h(GuxFormFieldContainer, { key: '4f2d5c81c27a6b294ec1da732a05dcbe2e0f757a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8c2a3fea7d5f3688ecf94c09f304e45e78cc52b9', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2eb688d2ea844db29abc6480d7f99deca5c0f759', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd1a74c1ed23c43c9cd529cbf31647b6d846a71f2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '00ef98a5c07dfb79f8394dee89a7d39726b7ce69', name: "label-info" })), h("div", { key: '50a9bb5afb7b0a7fb494cdc6837d5f48878773f0', class: "gux-input-and-error-container" }, h("div", { key: '3b728c52323763e676e82215b2751d97cf6aa020', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ee95a2c23f49e3dc050f7ed4f1f3f8fc4e3771ac', class: {
+            } }, h("div", { key: '7383a4e3f2b6b31607e149f81d0675f8088ac4f7', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'c5de40eb44540d23000d84d7de69fca97874b420', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '94bcd357527458d756e8239b759af9fec80fd166', show: this.hasError }, h("slot", { key: '2ac19f0d433bc736adee4c17c5bce8ad1788c263', name: "error" })), h(GuxFormFieldHelp, { key: 'e2bce846cc98500397f3ffd640ec387b42d90f7b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ff45d87bd2a67ef1da69b33911c58a6f809c72db', name: "help" })))));
+            } }, h("slot", { key: '4bea8d3fed0381008958f2050f93623740a41282', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '1ce3513b1a5d95a78954a172780382b4d3a4fd5c', show: this.hasError }, h("slot", { key: '461ed1f61b72f88ed143807107a6ef7f2a19654f', name: "error" })), h(GuxFormFieldHelp, { key: 'b5d3641ce84f47f5b29f0056752d7d57edc29cca', show: !this.hasError && this.hasHelp }, h("slot", { key: '3326ea75f8c1a3adb491209bf669405ad8f33c46', 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: 'b2e7d87889e05f1ae5f6ca00dbcd9fd817e71a4f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '69b424189b6db30900fe2ac5911b0933b536b7e3' }, (_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: '9252794ff34a92db29973a470fb58bb8c367df38', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a78f00207da568284ef53f9831f712522f207fd4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c57bdd09b495bfa2e478718d60f589bd685ced01', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f0cc4d4ce18def318e414d89b84e8977576961cc', name: "label-info" })), h("div", { key: 'b99d05a88910935c7b203cc3fc47ca1a8aee836e', class: "gux-input-and-error-container" }, h("div", { key: 'a560d26b087090f9f823b12e1a16c3f333e70a7d', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '2f3eb650abd7b65bea2e9065d17219f027dba3fb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '08f95e46239e74cb5e4c4ddc424d521a1ad01844' }, (_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: '504dad52cc166c2692a35c121fb9da8289b0a8b6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f1e976ff4d16227ff4e456783f8a48b6a8dfe89f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9795a4548ccd3b8eb393aef038e690a29df27882', variant: this.indicatorMark, required: this.required }), h("slot", { key: '70522620562edda7d198d89fa0221963b2bed3be', name: "label-info" })), h("div", { key: '0f4643ad4e3fbdadf3689752c46c6326e47cbb1d', class: "gux-input-and-error-container" }, h("div", { key: '8972cd0a5cd1a9f4d0ba3a6cc70c2530eef4c981', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '74c34b2e18987659c39115904ca22080d867b04d' })), h(GuxFormFieldError, { key: '17ea66768ec888616585e953234a8e6d5daf5116', show: this.hasError }, h("slot", { key: '438c966e466fd1cb2c1254d99bd4173993fd2715', name: "error" })), h(GuxFormFieldHelp, { key: '03e74fcc6afd58e989858c07af5fca8a8756df30', show: !this.hasError && this.hasHelp }, h("slot", { key: '66427274fe187427ce579b6dc1a22bd967db3627', name: "help" })))));
+            } }, h("slot", { key: '281c93df50e1529e244eef3bcfbcc7e95aec374f' })), h(GuxFormFieldError, { key: '0b2a3429e24b2a321e41d9a472a6ea82f6524ec5', show: this.hasError }, h("slot", { key: '90cfc1c8ead0a08689e74e6d1fcdcd169ecbc4be', name: "error" })), h(GuxFormFieldHelp, { key: 'bf3923393671a312ee0bc509e6bb2a0c5d5e77be', show: !this.hasError && this.hasHelp }, h("slot", { key: '3db202feefdf6ea50c0fe4158ee9357d34344853', 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: 'ecdd8777d32db60aa14e4f835441b56773b888dc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '94daaa86f4d520f8240d28098ee30b5b11029c51', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd32f2a9aa37c4d113eaecda713bfe6dbf54a85fe', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c8b87645a8434a11850562c13e385fafab036dfd', variant: this.indicatorMark, required: this.required }), h("slot", { key: '69d783e5f348a361a5dc3b79150f9a84979967f1', name: "label-info" })), h("div", { key: '9492d49b0b06d1561d3ef40b57f6ed17fc60b8e3', class: "gux-input-and-error-container" }, h("slot", { key: 'a8c7e6c2fb1a60f35a554152da531c5f6f8298e0', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '55c5ec81902471255af9dd14b2e95e03d53eed17', show: this.hasError }, h("slot", { key: 'a71b3802642a1bd0013464f5bd8af42063d25087', name: "error" })), h(GuxFormFieldHelp, { key: 'f411df77305841065210151ce9e065d067f7cb12', show: !this.hasError && this.hasHelp }, h("slot", { key: '1bbae2c7bc926810e0d6843c6a499695aa780556', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '0f8a6e0c91cbcadb884e19def722434d3bb91fde', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'bc72ca400167d977d779a527587bb4ed4d50014f', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '86bd49f60278e1e35694565e24ef8861d23dbd9f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6a2447ab73b548a8ee28a4dab2d04797e991e75b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5cdcd5a70ce1bca9a7bd7d00b8fab4ef712365fc', name: "label-info" })), h("div", { key: 'f160e8727f1120f255ea9ed8d4a1a90918610ae8', class: "gux-input-and-error-container" }, h("slot", { key: 'd5a54809e695323d3037652bea4770cfb6d2d7dd', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '3744d40c9ed26578a9fd6e5d75aa9cdf230975bf', show: this.hasError }, h("slot", { key: 'b44b1cb5992043697d28d049b4fd1fda26ac590a', name: "error" })), h(GuxFormFieldHelp, { key: '658e0653ec811676c6f695111fa9315048368c0c', show: !this.hasError && this.hasHelp }, h("slot", { key: '0eb70015eac6a8094e30e1d2f7d87986107d32a0', 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: '9130606d82f93896ef88f3487080054e283de111', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4bd5e3c71628b945a50a468d6fc7aa7afabd624e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4383c95fe83fec6e6ae94c2c7afe8d3ab859a5b3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9bb2de3331e4977313ef7dd047e8ef4780b2f1df', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f4f3d3c172301bfadb156183a5ca02fe48dce92e', name: "label-info" })), h("div", { key: '7bf94ce9b4fd7a3cc5d6f5ab68f9d43e581e433f', class: "gux-input-and-error-container" }, h("div", { key: '35883426da3b8b5ceb7fa61cfc137f23e4b3c75a', class: {
+        return (h(GuxFormFieldContainer, { key: '10899f683134e7949d9d3ef60759300efda6560b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c4c8018c21ffaad4adafe64ef09eb803b738d1bd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'd9f5ada771dfc2eed2dd820e27db9b42ce9b8765', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fee5da61b7211c1f8fa2de8e965e55adc75dd714', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7d37cbbe3717975bf8664acc96fee96f72a922af', name: "label-info" })), h("div", { key: 'cd700b93a55a201b636dc7edbee668e5811f1eec', class: "gux-input-and-error-container" }, h("div", { key: 'b4c2aa8ca0adb5d82b020d58ac7cae4b7f0c871e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'a3ff727dbfc4abde0b284b270ee9d068953573ba', class: {
+            }, part: "input-section" }, h("div", { key: '96853730c0f12249818cca264493b3ec82178143', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '9616ca55da9df60b1dd821d1561ee2e1ceb03722', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '8d0d4acf4ec59c2895fe9a80cca45b517734106a', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'd34205cf5be5d6815608bf7a2791e7c159cd2166', show: this.hasError }, h("slot", { key: '213e706a54a8651c3bb7cdcaf94f00a9f30aafe6', name: "error" })), h(GuxFormFieldHelp, { key: 'b55428378780dece7d43fcf879dda30415b5ed91', show: !this.hasError && this.hasHelp }, h("slot", { key: '4a0b845c87da629bd806f76011e917fc8def2b92', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'c8c96bf60da2feff48f86e0123bc1e4e75a7bc1f', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '94a106fd095572497a235d9c6e6806f6319d18ac', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '1cb123ac507b5fe8f9f6e28af757211b89225797', show: this.hasError }, h("slot", { key: '5c4817ca0b44c92fca9a82bb214a49e0e6c10804', name: "error" })), h(GuxFormFieldHelp, { key: '2d8522e78f42ff0c8e074a5d56d657a1020dad48', show: !this.hasError && this.hasHelp }, h("slot", { key: '9330ae9bb786e366de5c272b5442c157d16d54a6', 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: 'b4ab6ded3d06cdbe6013533fe6e66fb8a0d7e959', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '7e8770fe64aa2ccad7f39abba8779c48ff4c9ce2' }, (_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: 'ed26f0594ee1620528280279c0224a8dec16e8f8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '28d1172b152fd9a23e1a67c3f5548908169a0f67', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '078b0061f4b2bd2b645723685ea5544cc241e1be', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bfe2d61ab954d3db6db9325e0c0b5fe737da8e57', name: "label-info" })), h("div", { key: '2f72143c66756d7b62de182e703e413f72c676c6', class: "gux-input-and-error-container" }, h("div", { key: '49fb490b08a621c5e6c8952c0f4e9ed6825e02b2', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '2faf2285935664e9c280134387a706a1c1a944bd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ec23a5300f9e8c80238e0cdaa6a85e7c3f9ea99a' }, (_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: '5330332f537b8a995bc51446d8a6cc31a8310439', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '027707b7360d78f80578421139beb0139f5e8dd7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '597b43ae4ba13036f30a48842dd91e8b9887652f', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4700b0137ef46b7b426c69ef58a70e736358ea93', name: "label-info" })), h("div", { key: 'a51dfbf4a9a859b7e74dc5f90b6f0bc3c06405bd', class: "gux-input-and-error-container" }, h("div", { key: '6d18358edd54d2d9b102c6dba7c546b0688a1723', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '2b531ea8e07b950bd47394baf0cf7a03750a050a', class: {
+            } }, h("div", { key: '705a88162290a982c53eb525ad09709fd72b81f2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '83e25848d17cc1140a9ba017818eaeb74bb15f6f' }))), h(GuxFormFieldError, { key: '4e2812c595f717faff7c77c7ea157588d863c85f', show: this.hasError }, h("slot", { key: '0313ae1d6ad56a14d00563c1f154dfad3e2c8d40', name: "error" })), h(GuxFormFieldHelp, { key: '23ca0fd41588a0543cd1aba80a314461c739e25f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ba096bf423d9ae62ec17662bf2d35dd3f4aac4f1', name: "help" })))));
+            } }, h("slot", { key: 'fc1b8087722c654ce08985e3a287d7acd17d1eac' }))), h(GuxFormFieldError, { key: '8d0df77c0fd84213ba45c0138e149f97763bcc9f', show: this.hasError }, h("slot", { key: '612b08bfb7389bc9f2f8635c19871c2fed54c919', name: "error" })), h(GuxFormFieldHelp, { key: '57f241314207da4d7ec5d764bf6c6454386e452e', show: !this.hasError && this.hasHelp }, h("slot", { key: '761b87a8721f60bf917ef2a37304ccd093c9e97a', 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: 'fed96c8c49406e71ae3bb7b116afb2c0591f6b81', class: {
+        return (h(Host, { key: 'fb3d9c54fed410c8abdf127195d8e1f8d9225b78', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '2914da86215007f985b046af492ca8314a081c84', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '24b4774de5f4fd92202bd97d06a01c6b47a48d4b', class: "gux-input-label" }, h("div", { key: '52c2cd0df939bb58fcdb45c05f7bf22b02693874', class: "gux-input" }, h("slot", { key: '416b6efb605f2ef8818cd836b4d1ea41d457101a', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '7773dcff902ee4c96c67c37c348b031f6c12a67a', class: "gux-label" }, h("slot", { key: '38784500d1703c5766657214c1a05312f004bd3b', name: "label" }))), h("div", { key: '3251d742977c72cbcdd62702faeaa45d840ce8fd', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '90220712c3b8ec0a63b7fff0502ccdd086a21033', show: this.hasError }, h("slot", { key: '8dc4388036c1800950c438af3dc337aef6ee7ba0', name: "error" })), h(GuxFormFieldHelp, { key: '7f9741c57918a12c8342a45a79d27462ed00ffab', show: !this.hasError && this.hasHelp }, h("slot", { key: '40c2560f8cc8fbc733e881d0307e465efa5bff7a', name: "help" }))))));
+            } }, h("div", { key: '401e0f3a5751e025066180e6283f07009dabc03d', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '9d3f8ded8332853838047fd636c4ab1030f4267a', class: "gux-input-label" }, h("div", { key: '96d50560144d5a93e8fa47175fb7006e0fbd2a0c', class: "gux-input" }, h("slot", { key: 'bdd20154c500c867c60f472a0d999804285bd32f', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'cb33289fa8ecd145e5a20e49449d8d88732e37c6', class: "gux-label" }, h("slot", { key: '87e5b690d46888750ca0df79d0025bf824a459c6', name: "label" }))), h("div", { key: 'e445df0b2d5e8780375f6657f49e6c0deb3fd4f3', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '1ff9b1cc620ba590414e2dfecd8b6aec1b809d12', show: this.hasError }, h("slot", { key: '8a65f8bdb03f17fe8a8cd662571c990db99cd084', name: "error" })), h(GuxFormFieldHelp, { key: 'd7363a4941529425ab349196e31b079cb601a51c', show: !this.hasError && this.hasHelp }, h("slot", { key: '63fa3e674fbee4b7bdfa8309b12e98f41b4e0ad3', 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: '8646d0b536f9fa77a62cb72d22a574132c569d76', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '1b328bd383b62b0f0776bc15b5ec16472ec468bd' }, (_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: '19d74f17c38c7e10c3aea107f9c0111874bcc918', position: "above", required: this.required }, h("slot", { key: 'c4bf7222ed7c1607257baa0a81d2e565a280a644', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bab75d7afa7348004d0448a6e994aa4ec05dd958', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2e0de2aa4c82f1533bac8087f6c5f186f33251af', name: "group-label-info" })), h("slot", { key: '2331499f77ea40ba7ef38ff275840718ce28c0fa' }), h(GuxFormFieldError, { key: '91bfd5f14aed331e7c5543bda4b318541ba390fa', show: this.hasGroupError }, h("slot", { key: '4ec2134e3b722b51cc00ca4fad8979237ffc42cd', name: "group-error" })), h(GuxFormFieldHelp, { key: 'a5c27963c7bcefd352e312660b6c8ef23b8d0096', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '7517b64af6c049abc4081eb2f4dea1d043e88e71', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '3b4c6e42b8ce97b5cdee3ef91e78cbc7a63edb7b', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '37f5386961b4c46c53e53c0926afe293dc47e0ac' }, (_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: '78c16ad10a53caf2356fec070fa3cd09134598e3', position: "above", required: this.required }, h("slot", { key: 'c7aa140614bf894a9141048ffe2064d4d3532962', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1b0b6ef495fe1f4c4b71757104a9f6de0c8167c2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2f465750afba08333fb43a9b8effb428a9c79f99', name: "group-label-info" })), h("slot", { key: 'b5d3aae02917653bd5600b34c61e7df4406076c1' }), h(GuxFormFieldError, { key: 'c38c240fd998c2ba0d700314da730676ce1d089c', show: this.hasGroupError }, h("slot", { key: '7aded3170e6e3668525d813caf66360b040530c2', name: "group-error" })), h(GuxFormFieldHelp, { key: '4f1231350282aaed75d25b70fe38fd21ef2f8061', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '52ce42b5dca6faa646394ef72528ce69658f03f0', 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: '02099beaaeb4945b00855e08ebf2fa454ae4afee', class: {
+        return (h(Host, { key: '8a9523dae1db9fda4ccebcadf9f0e1f820c3e887', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'f4489a7dd9336025587ce549b071f5573d43e5db', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '15fc734b4e3ae3f6bc8d4c64e71a86138d244491', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f7e238bbb6024496fe86b8be6aaf253072504a10', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b6d29541f18996f54a031df06dc1978aa73997d8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6deee026027198297109bf4b9330c8b7f3808156', name: "label-info" })), h("div", { key: '236a128611adab8603ca027a3e4f1ab6c981fb96', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '90984e8e3e4505ded924b06fee25becd1b8b83d8', show: this.hasError }, h("slot", { key: 'a220b4b923acee2e436bb9dfc06f70b5ec4a9ea1', name: "error" })), h(GuxFormFieldHelp, { key: 'dbbc319d2ef70283687cf108e65a8d9c0ff215ed', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b6f51b36cf7192450981b6fa65cd36d92be49185', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '21858f51eb894fb106b810b4a76ee1b322b3cfaa', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1487098d5649f37c1a03513a42f85ac4a7e348ca', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a1cda3f401f4df1ab221c6678bdd43b512451202', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'dd56d02d2803117ca3209ccbccf05f21709747e3', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b01aa3205ad590ca88fa87e6e562f91b4b649e6e', name: "label-info" })), h("div", { key: '2c5e1e6e8ddb631e6d0f30b570e3674c34ee8a99', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'd195bca17e0c59f36d9120f9b4fce23fdf0247d7', show: this.hasError }, h("slot", { key: '848f948edf4edca7c4c251ecf01e090cf5a19989', name: "error" })), h(GuxFormFieldHelp, { key: 'f81fb5f7a1eb0d5624d75c95917c5b53d2614965', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f06b21b4aaae607ed48274e17e4a97ee21b709d9', 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: '1a4242f3b735fc0d5cd819f42c47b629d97442b4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '04d15a249db7ed6f8cc1bd742a281248e675f467', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '231ecc5e1d442068a32785ffc72830a8d017cb00', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f2d923c0a0114c75b2ad90f80b7775ffe93b6f24', variant: this.indicatorMark, required: this.required }), h("slot", { key: '929c36b2473641e4049679c77266e83b1ee0e138', name: "label-info" })), h("div", { key: 'ad0a4389b375d749a42eb068a3544c5aa25877a7', class: "gux-input-and-error-container" }, h("div", { key: 'f5b1c31aeafce11a66b9ba3525677b45ddf7207c', class: {
+        return (h(GuxFormFieldContainer, { key: '931fca4f5380e5f31e34a01058ed9b8a8d8b1b65', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '676a77eac2d9cc6a3ea5bc93028493f9bab45716', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '34fcea2123a6a29cf5469e8b31ba2db4cb190774', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '28cfe03680b2a4d8d310b97e170277603636ecfc', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd3d56dbab4c83bc800681c46d3bde4dd42abf0cb', name: "label-info" })), h("div", { key: '08c7c047de54e3ee678c50c7c51e90498768f441', class: "gux-input-and-error-container" }, h("div", { key: '0c2e9c8dc507f67c345c58407b6a0d1d5ae2668f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'cff2837d655fde12182fccf58997d734e30941f3', class: {
+            } }, h("div", { key: '2d38148f79e9a208e0392ba4d5af516be21e1640', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'd349b5ea69f440c1b63a99e4678fab3f67aaea47', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '2b31ffb30dffc2baa771033bc0832365e754851d', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '9306432483b8017a0baa5ffa212c5d8dafddee51', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '09e84078aaa9ee132a295a38567352e677cd28a9', show: this.hasError }, h("slot", { key: 'd7db374229d352d3fca1e5fd5153a7037817c44e', name: "error" })), h(GuxFormFieldHelp, { key: '7284f02292dd146a12daf28f0ba36ac2a5c17978', show: !this.hasError && this.hasHelp }, h("slot", { key: '087be384f47d40659191dc5e82a36ceac9e7bf6c', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'eec64f90d4615dac9b78b38b027ecfffa7af1b14', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: 'b36a384abfe34572223e4f8a878bb4b6440440f7', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '0445794b6870c9199a311ab4a2022e2fdf949e08', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'a40f3f5a730bf1cc0d4e8b1caee2c26298a3b613', show: this.hasError }, h("slot", { key: 'dd0f776db153e891dbac203964163042bdd28677', name: "error" })), h(GuxFormFieldHelp, { key: 'c8a01cef7a4a2ee0716feed165178c6ff547a81d', show: !this.hasError && this.hasHelp }, h("slot", { key: '012262ee7b5a21ae09cf4142013379b50a58c5e5', 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: '797587c3df23fbcdfa8057399915683ff4c83e0a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c3127414aa313f2f69b17166a4fbb02140646c71', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9a821346a11df2e01111912ba2ff6469478fe1d0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '34ef7dc053274eb6e6d13a83d947f4c534f87b75', variant: this.indicatorMark, required: this.required }), h("slot", { key: '139768502d5fa8a95eb232ee31e9cd4925cb3296', name: "label-info" })), h("div", { key: 'f647a57c95e3744e36e81fe3c0f2a649c5e5342e', class: "gux-input-and-error-container" }, h("div", { key: 'fdfbc4d44aa46694928aa26839519bdf0fd08c69', class: {
+        return (h(GuxFormFieldContainer, { key: '086f94554cc94ce655aa1083708f97bc83d75ed6', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b8515b9f8c8382a202a5ac30f5eae5e288cdeb52', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ea43112f7e622412a636c95b7601d56064d28c78', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '422d82dbd3381ad949ea780821cfcd6719ca1835', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'cff566124c69a959d660c23832ddd4bf9d0b3e5a', name: "label-info" })), h("div", { key: 'a20233d0ad5e5223c724391ffd95b2180caadc42', class: "gux-input-and-error-container" }, h("div", { key: 'a9f8202ab46901ab3ca4ecb38f8e2747829127cd', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd8a672ae13c1b23876cf62f77127d6b9a1f5f372', class: {
+            } }, h("div", { key: 'c1f93a7b3e0df9b6a30cff9b0af75ae1760007cb', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '8b4c9ed83fb78e472f5dad00c6b4497528249769', name: "input" }), h("gux-icon", { key: '73bdba1572f9f648f2563169a35a7e41f6dafeac', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: 'b456395f95f07a0e2277c3561f3e1e0fa866b237', show: this.hasError }, h("slot", { key: '3672109e8950e05ad2a4df7f6e7191e63a2e55f1', name: "error" })), h(GuxFormFieldHelp, { key: 'fd815ad74300866113603ed10bf11f16b8428d4c', show: !this.hasError && this.hasHelp }, h("slot", { key: '13744e182709909834074d4f00c17b95e0d6dcec', name: "help" })))));
+            } }, h("slot", { key: '53ef4beb70900c92f0c510dbc519649994398b24', name: "input" }), h("gux-icon", { key: 'abb59499a43a1f83e55a6e6f4500cefce237c4fb', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '2dfa065ff1456ef6392ae96572d34123a1e709af', show: this.hasError }, h("slot", { key: '668a502bd761e56e758072f46be63c8a1b4d6bd1', name: "error" })), h(GuxFormFieldHelp, { key: '37f904190593dcd3c7e5d375ef740faec3dfb98a', show: !this.hasError && this.hasHelp }, h("slot", { key: '840b8d497e514d30685dee61907e1a556c02f62b', 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: '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: {
+        return (h(GuxFormFieldContainer, { key: 'eb65b1e228963afd7f22fb4098823055fa8634dd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2b623a078763c4b41d38e8310477e346098f1f9c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7dd6af3f6c889db7d56c727440bd9b1218cd0567', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f063e640d1df3f7b4d1085b2c37b8610ba0343c1', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ec80d0a05c1583cbd5e7931ff0551c62dca1d93a', name: "label-info" })), h("div", { key: '8d1e0d8115227f4a40153702767cc0d0fd0e0726', class: "gux-input-and-error-container" }, h("div", { key: '5b0bb8d1a7aa67b6de0c8c3687b285f6cb092c7b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd449698a1223c5d827a07761385d16c72cbdd89a', class: {
+            } }, h("div", { key: '6dd3d21343e32eda36f5b31ec3eab53cb793bfa1', 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: '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" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '2320172968ac50afa8d3b3b7ba5b77148267c7af', name: "prefix" }), h("slot", { key: 'd65c48c22462a4426093ed0c7a0a5d674a36a691', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'b60cf1e7247ad55684f13cc6df761f2768a62fa9', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '61d72d5aa0049221e71a474ab292064a20c07751', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'b989e81d672845febcdfdcb60da496fc0a51418c', show: this.hasError }, h("slot", { key: 'fe8587b14c72600e93762fc1a84dc632781aa6a7', name: "error" })), h(GuxFormFieldHelp, { key: '18ba41a18ebb7021b8dba24dddcbbcfff2c50982', show: !this.hasError && this.hasHelp }, h("slot", { key: 'db458840a9b6b80b670224a4a04fa1649257685d', 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: '71c1de67f1dad119124c1ea356bde10e1ffb4db0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8aaa07ae0d057d127da790e50de4c0137a245e12', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ef0ecd2bb3ea150200fecf39e5b0b7cb1642ed66', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '29c6d2afff6c7c609847ee8a5041f20213418b4d', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ff98ef2722dae089385c3077e31284295f0a6109', name: "label-info" })), h("div", { key: '8cd8ec697f2146824987c2abdac1b0ad899dde68', class: "gux-input-and-error-container" }, h("div", { key: '79400572c06fd09c9be0f7a4b369d07d3378f23f', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '82780c903667b4814ceec9dc25d2d34b5663b3fe', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4c5b7ce12d02fb533347f844854c4fb9078bf582', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f6e41775b6d26b1ec29a95878eb7af01adcf6f0d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'cc39c01a7db48789e9116a58807ffab38a34d42b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f7f04d0f998d0007de0c0e32be655e989e292ed2', name: "label-info" })), h("div", { key: '646abeb48ba64e6b7603fcacb3fe83d5f4a25b4c', class: "gux-input-and-error-container" }, h("div", { key: '95b051aace745d3af607526e5283bce10414a2d9', 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: '2ed962f8388a011018e8ba93ba6ee5fec6a48470', name: "input" })), h(GuxFormFieldError, { key: '3747d415a3c4995c0b6eaed34b89090b9c16344f', show: this.hasError }, h("slot", { key: 'f98acba360c20d9dc59a8f90a51aa3bbdfa06cbc', name: "error" })), h(GuxFormFieldHelp, { key: '277819ef5cabb623ab5fd4d1d051f7d076e44abf', show: !this.hasError && this.hasHelp }, h("slot", { key: 'bd9e7d80cee978682a679254c712451bdec390fe', name: "help" })))));
+            } }, h("slot", { key: '4df23892973a4d6e4aa3842904b6ea49fad433c1', name: "input" })), h(GuxFormFieldError, { key: '1a1cf0b245cb6f085a53bf3401cf9298c631427b', show: this.hasError }, h("slot", { key: '3c7879fd695468dc83bf98b0e0a5d059b3442b73', name: "error" })), h(GuxFormFieldHelp, { key: 'ff08e57307dcd97bd1b4a1ded984c919f12b98b6', show: !this.hasError && this.hasHelp }, h("slot", { key: '7c58d48c945eebe4b74811c86bc7eeb47adfffa3', 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: '05621a679b25141ff91bb3d7ff3ca4cac027078a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ba4177cf79d77a641a5f9b687b09cff6c544f45d' }, (_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: '169c24a296e2f9dc100bcf3b5305912aa9bce7d0', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ea7ddcac1cc2736eca597d4b165ad1c69860aa36', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e72016b0d3c2d00b4906c76e0b2f41afdd933df3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '501f4c28dcad1f70144d7d3fa53f7d2047be446f', name: "label-info" })), h("div", { key: '6aeb95debef3d5e92c8f863c2898377a9c8a6ea7', class: "gux-input-and-error-container" }, h("div", { key: '109c62b4a4b99f70367d07d8fd9bfccabdd9c8b3', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'f02bc99729db2a0ff68bd38ff05b442b256a14c0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'bca63e7a92f02fc252cbcccdfa06ed5ee5fcbade' }, (_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: '86460468fe10700ec02b62b62d5f840e0706e1af', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '45975751536943ad4797aee6e9b6e6a13fab3e84', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7b40141af30b9071da9845553a9542d3063aec43', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bdbe58990ef38c5b088dc1ca7290a229db331719', name: "label-info" })), h("div", { key: '454ac1e3811f843fa9367c89e6d2d24028de8152', class: "gux-input-and-error-container" }, h("div", { key: '6076fb16999519381afc482cfaba5ccfed0ebb49', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '972de3bd25423f7e916d9d582fab90f2a3a3b88c', class: {
+            } }, h("div", { key: 'ffe0b77446ed64ba3b02508a52f06e8469f04897', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '2b7a9076c3979b02f332a408573e610b93b96920' }))), h(GuxFormFieldError, { key: 'a88874caef02df2d1feeaf38c6e421deb46b1f03', show: this.hasError }, h("slot", { key: 'f52be1d006a3e58c26381457b121876e73b51811', name: "error" })), h(GuxFormFieldHelp, { key: '65a5f764e7cd5177551217cd784f620d7592e4c0', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd10b7047d800d06e120cbf505b07ea1ec015890f', name: "help" })))));
+            } }, h("slot", { key: 'f952cd9965e6990ef553074a08cf990f0a533f47' }))), h(GuxFormFieldError, { key: '5857e5b66898608a716d7964c444083af61a2834', show: this.hasError }, h("slot", { key: '79abce56257c8b9915a2201d714b5647a5c4f152', name: "error" })), h(GuxFormFieldHelp, { key: 'ed966a931c04afc8180bb49a5bdc668f89ebba9d', show: !this.hasError && this.hasHelp }, h("slot", { key: '77488bbb3fee20ee87cc6b0fb68caa10186b9138', 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: '739e2daf47f38a3b444c1a2d95f0688f79f4de93', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '7aee616ec9404b9d369c3a4426f8fe4daa405821' }, (_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: '0599733c667124c80585ef4c097078aaa3268696', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fd9c9f7ad9db9976168eed1e7f68077977ea48d8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3b26c346ea33f06fcf627ce170d30f949893fc5e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '468fb1d5b1580da198df87143e2ec2f71daa0534', name: "label-info" })), h("slot", { key: 'fa7e2062cdb39431e9e1a0924113fc50a979fa08', name: "label-info" }), h("div", { key: '4a1838556a8f74acbc111d0b93e4f8e5899fc392', class: "gux-input-and-error-container" }, h("div", { key: '9843c68884b1c41c0f692a73883cab8f3b33766c', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'f25bade05bf916dba9da8948de1f67b4ea2dd082', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'f72938ba510dab66f0963f373259eddc75d01a95' }, (_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: '3054de5eaa4949c20a65e77e9567877f835f3fed', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '2d96d55e578e056f83d30509b10491e94995c1f2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2185d21c1aa516a65412d3b15582cab859b9d237', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9cdc2561a81afd0b7211888d227b6be5357b4c7a', name: "label-info" })), h("slot", { key: '79eb00803a471b40702649e6f6ca2b3f8d75397f', name: "label-info" }), h("div", { key: 'c4846b453c9b20a67c60703b67bab1425319d8d1', class: "gux-input-and-error-container" }, h("div", { key: '60146b60b8432681f0a26576c12b5aa6adf699ac', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '0e1e90a20a1ef09c7b9896ca432f6fcd0497d610' })), h(GuxFormFieldError, { key: '7597af53d6c9553d763d1319ea8a1fdc3e5c7656', show: this.hasError }, h("slot", { key: '5c65d4f8d917106ac9b3ad828667a1f332de3e0f', name: "error" })), h(GuxFormFieldHelp, { key: '94cf527ca9e4b6b034abccf0d16ee2fa19716c7a', show: !this.hasError && this.hasHelp }, h("slot", { key: '06d0741e83404835d773e989f104b263d841573f', name: "help" })))));
+            } }, h("slot", { key: '2452f96cb0e6cd104bd00d4f25ceb20d25960745' })), h(GuxFormFieldError, { key: '7f624198e67885dcb31aef431882479273e7f6d0', show: this.hasError }, h("slot", { key: '781842452ae109482dfe4caed505f350e89fd9a0', name: "error" })), h(GuxFormFieldHelp, { key: '7270747869358342d8e0adbc674a6a03af46cc9a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e4249335ef06274404972931546dadb883fdc6a5', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {