genesys-spark-components 4.137.2 → 4.138.1

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

@@ -124,14 +124,14 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '6c8e5fcc8db5fef7206d9fa0ef242193510176fd', draggable: "true" }, h("div", { key: '6a86294a3967b055efa4f7941cb729ca2ad6ff38', class: {
+        return (h(Host, { key: '4f4f1a2d4ef6e37442a02b323727002ebc2d229d', draggable: "true" }, h("div", { key: '527ed6cf7479c6d274b1bf76c55d99f0b926a046', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '263aee0c0b8ee4ad206d2379d5d49f434ea08de2', class: {
+            } }, h("button", { key: 'a73b7f9161cb0959742a56c53c68e9b1780a70cf', 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: '61a93f4d8e2a4d44087e784f35e50d54d944f1b1', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'c4b716f92af579583dc68bde3cb03af6a7af6f82', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '2a9c592fe0b6b01353c7ccadf2fc14d006e7323e', class: "gux-select" }, h("slot", { key: '4b564b91bc4d749dff4f88562331a225a92c2970', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '33826b1c83dd8a0a44bb88045f628f5001078d70', 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: 'db34f0e74744edb74f6e358decb1a687a522915f', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '359c2ee8967c29f17cf8a70861554591a525ac05', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '9ef98b9772735fe121f883c54f30aa390a7b1518', class: "gux-select" }, h("slot", { key: 'e6cf19d37b7e2c3012ff5d3d344a816ec7dd7223', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '725aff67ee64a30f085e177710e8a9a75c1a82da', 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: '09b07ae08433a4b54d85ce32a9f604a7c3f8513c', class: "gux-container" }, h("div", { key: '34fce7dcd5dcb133b71559ebe4e5c75f42c60700', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '0e058155fa679758afd9bc879f75934bfe122df3', class: "gux-search" }, h("gux-content-search", { key: '6fd3f75fec6c7d956889c6fbe81423fe5c9a21a4', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '2066c68128ad535f2cb5c589937e1f1e4b50dab4', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '2b7cb63207a14bc61b881e645c4e1fd199b79be5', class: "gux-select" }, h("gux-form-field-checkbox", { key: '1fe46fa770293ac507cc98cba574889766f36b5f' }, h("input", { key: '1dc07407ee41dc8629589b22152000a9dd2d0b57', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '239356e4df1eb0099debfb1188ccbe3917a39984', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '3b4b6d7f5eabad6a287a4b22e7d89bb09316ae7d', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'c3366dc4c09a86c926850eda2335068ad50f7b67', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'ee671033f2db7f3afd644ddf77880ae120d121d5', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: 'b20a8b3d869c89e5d0a7df788c9216beb2606734', class: "gux-container" }, h("div", { key: 'cf85ab01ddc65cd36cb2fbcf9d8a1a5641bdb73a', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '4eb733de66dd8d8cad50af3593edc9b9cea06517', class: "gux-search" }, h("gux-content-search", { key: 'd2bd59c36f8e9316e890aab2c58a4f8eaffc21a5', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '13d6d09461238dc320975957601069c0c0305326', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '196a7c4732665f9441a1da32a233a77065c657fe', class: "gux-select" }, h("gux-form-field-checkbox", { key: '59fec0d1351a8d29fb9c52e8d86f2a6e07082242' }, h("input", { key: '410e3c478f528af3ad2b7fb755f57b398d6f00de', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '437c750238f88906d24c996dfc8343ae9d4000cc', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '635052c617e778535a15916a10f50ebc19c681b6', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '4cccb7e62bb22f23132fbf5858264d1b8beef801', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '9268a564c81ea817eb4d7967a47399fa17f3e205', 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

@@ -50,10 +50,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: 'c5ad299cf0e2f1ed000be6ffa40ca104633c8df4', class: {
+        return (h("div", { key: 'dcb6954c7a1dfe5eaa09537f822c0fe1fedad428', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'b95c53ba01916a6c1f99c62cdf8d8022ba6eb01e', class: "gux-search-icon" }, h("gux-icon", { key: '37ddbf8a24c5aaa01340420860105bc85a7fec42', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'f1234d5ba895dd9cfffa59fa9ab91a9cc7ad7318' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '738339b0abcfb1fc67e366271045fdd6e5cc5bb4', class: "gux-search-icon" }, h("gux-icon", { key: '5caddb780225556dbb10ea0f88d735fb1efba780', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '3519f441eb8cada75bdf3c1fc21c4f1bffbf7c8b' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -125,8 +125,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '5a4c210aa7fa86899cf70f1a49f46d06e475cab9' }, h("gux-popup", { key: '5454cb497b689fb2655d8b18c4c7175b95d6f1fd', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'ba4d809aefe94a5861163e088c77642d7b9c6928', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'b22fcb340fd9924ea7ced201368bb980e216bc42', accent: "ghost" }, h("button", { key: 'a6c637e941d95606d50fb13b22e6115e17834f7d', 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-screen-reader-beta", { key: '249be4cb7b42f823839b14af794a473d4f122e10' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '84d230804dcbb5f16c80590863ff8b9e698ab32e', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '874bd829b23882a82769068e002ae7e167e0a3a4', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'd37906bebb6ef0c0d0c2785cd4514ca71985ae65', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '9e9966e7627d04765ebc41a2767e5a7487b4920d' }))))));
+        return (h(Host, { key: 'fbeb395dcd997e46dabb8dee1d4dd71aa7e973a4' }, h("gux-popup", { key: '1fa5fc5fd9c6f29e9ef3dac05a57d46bdbfc5216', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '6dba4965728f08e74fcb5c97de15c65098f479e4', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '07d0f540d71554595b95f80d3761289e8cea8d80', accent: "ghost" }, h("button", { key: 'd03776600b914eebf84a2c778bf6342197027a06', 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-screen-reader-beta", { key: '13a892661c665a98f8db2b497f8b24fe343a00f2' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '04235a7dad3b948d3b625ec9401997660916bd5c', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '33ea3a235089329b796aff39e3f2be74dc32ce43', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '13950efa372613ecd95bca4203364e7d754028f5', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e9b2f596b5c4b976a17dc9342879f8662a32eef0' }))))));
     }
     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: '3772c9e7700f792ed5fa25656409d7e44338d109', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'b3544026dc29cc9b43a9fbf7a18174e4b769ecf2', class: "gux-copy-content" }, h("slot", { key: '864cff66ffdb80fb476d1798417921b49dc5a62d', name: "content" }), h("gux-icon", { key: '370c64646be2989aedcf5f5637c79cb4230ff573', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '402c877cac07124174c54c374b9ac3d1fdc7c538', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'e92c093e1df2111acaca09e1497af6234b22cb20', class: "gux-copy-content" }, h("slot", { key: '106a6cae849ff8f21533bbb9a2c5474ca81fb471', name: "content" }), h("gux-icon", { key: '99661a03966909eea40f77fa3df3e80c1a1101c3', "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

@@ -535,7 +535,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: 'e33b64b569a9f8efe6e66cffde0cf6f4ff21bd62', class: {
+        return (h("div", { key: '9b6737412b9c14de513320e17ba00e815802f069', 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: 'efe5ae1b6c0250e4bad7130e431b5a92814f6bd3', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: 'a4f5661d7690d55be83e54a0da40f5b87d1f8c44', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: 'f83bc1ba475a57223afeab9d92d75ffc3cb13870', type: "button", title: this.i18n('dismiss') }, h("div", { key: '2f011eb4ee09def0c15859b4ca22c341abc361b3', class: "gux-icon-container" }, h("gux-icon", { key: '3765fa6ea27c572633c5cbccc610027c4089f762', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: '2223786156e5c59b39b9364f5c83129dd71f714d', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'cc8e1cfdedeb7dafffcf7875f938a9501e20eaae', class: "gux-icon-container" }, h("gux-icon", { key: '1b72196d75de63a1de10f949464f891750c4efcb', "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

@@ -316,13 +316,18 @@ export class GuxDropdown {
     }
     renderIconOption(iconOption) {
         let iconStyle = null;
+        let optionText = iconOption.textContent;
         if (iconOption.iconColor !== null) {
             iconStyle = { color: iconOption.iconColor };
         }
+        if (hasSlot(iconOption, 'subtext')) {
+            const subtext = iconOption.querySelector('[slot=subtext]');
+            optionText = optionText.replace(subtext.textContent, '');
+        }
         return (h("span", { class: {
                 'gux-selected-icon': true,
                 'gux-icon-position-end': iconOption.iconPosition === 'end'
-            } }, h("gux-icon", { "icon-name": iconOption.iconName, style: iconStyle, decorative: true, size: "small" }), h("gux-truncate", { ref: el => (this.truncateElement = el) }, iconOption.textContent)));
+            } }, h("gux-icon", { "icon-name": iconOption.iconName, style: iconStyle, decorative: true, size: "small" }), h("gux-truncate", { ref: el => (this.truncateElement = el) }, optionText)));
     }
     renderFilterInputField() {
         if (this.expanded && this.isFilterable()) {
@@ -355,7 +360,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '07ede31225e8012a77bf595a3069962c9a872434', 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: '7f6430f2180754b70740792d665cd91d11f46b88', 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

@@ -33,7 +33,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '4a56d3835b20a2e72ce370301c44b43bbe68572d', class: {
+        return (h("div", { key: 'e563ee84dd6888a8ef01ca609bf130afb40065d0', 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

@@ -398,7 +398,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '8e8a842e62c684da34b111bf376535cc6d1d8e40', class: "gux-dropdown-container" }, h("gux-popup", { key: '67cbfb0d09c5f7e5f64bc6e0b67a1fe9850a7070', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '355124f96b66e4de493455af50af902a167a2672', class: "gux-dropdown-container" }, h("gux-popup", { key: '4e67cf4314d7eaaf3715dbf6b562864dbef5307a', 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: '5d2506656122999d90e47dd627e9758fddba5182', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'bf8ec57f397c84930fd14d639b63819f700f66c9', ref: el => (this.targetElement = el) }, h("slot", { key: '1666e8fa04f1f70e1c8687809bb3fcfb8885442e', name: "target" })), h("div", { key: 'f9150b0b29187f9694c0ff24e92d2f134a12a224', class: {
+        return (h(Host, { key: 'fa1d610e066e43e6a025b4a9301ebd079a1a0459', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '326c7ff30a22066eabce87d3b7a8d4f7218a90c0', ref: el => (this.targetElement = el) }, h("slot", { key: '9c0296a10351beadb7b244bac865a6bf8f22317a', name: "target" })), h("div", { key: 'f08abd040753a89b68d09fdd5b41de488e2127b0', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '563767f81a11721fdc395c748ea27bde09f2c132', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'c7e83a27b3c196b6505cdecc1e805cf76d11f8f2', class: "gux-arrow-caret" })), h("slot", { key: '1dd00eb8b087ef265e457bfb52706d3115f9ea06', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'c2012c91e07d8096d67dce88517278a482648499', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'a96a744afb7f76549f4213651aa1f04d294b5141', class: "gux-arrow-caret" })), h("slot", { key: 'f65fff57bc2b65fa7f358d08d400cd9e638f7505', name: "menu" }))));
     }
     static get is() { return "gux-flyout-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: '0c5b20a5caeb0a6023376c4bd95e62be2586737a', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'fd87491483ff6f7e709030520d8c9122cdc48947', class: "gux-menu-option-button-text" }, h("slot", { key: 'd7481f0d3504721ee126f73d9806fd65739d8540' }))));
+        return (h("button", { key: '9ce49328409af89cd7a1c6b94ac6007b59456824', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '654d588f7bcbf38138ae543c03c3f89cad7102d5', class: "gux-menu-option-button-text" }, h("slot", { key: '2494d0b57c69ee80fd24b52cb97abf74fba868c3' }))));
     }
     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: '0c1d47dce0aeef43ffe4721292b3b4dd7d9e161a', role: "menu" }, h("slot", { key: 'c5fe0372438218ab3b3ffe1c3b1dbd5eec415da2' })));
+        return (h(Host, { key: '7e4f1568e688d0b8011da0ff05391e306324fecf', role: "menu" }, h("slot", { key: 'ee2398acd2b5542994a7d142ecf3d5a06b36b66e' })));
     }
     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

@@ -139,13 +139,13 @@ export class GuxSubmenu {
         }
     }
     render() {
-        return (h(Host, { key: '3c235cd04205d0da9450053acbd9fad27322362c' }, h("button", { key: 'b01cde6ee93a58c18cb602eb3ebe14b275405f56', type: "button", class: {
+        return (h(Host, { key: 'b4af9416d548675308b2ced222f8c6c37c4b0cc3' }, h("button", { key: 'c261b82aab8068622218ab619367b05eda7b91aa', 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: '3ffb44c36ec66ecd4703ec74e42229236b92cc2d', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'e9ed7e6b291c9f8778a0e24f4e79c13a7b1c3540', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: 'f54f2716918d62f282a6e2738c2f5039fb1dbd94', 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: '8abd43324654cf93b9574d2389d6c4dc2e07b2d5', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'a3bf92107e1ca54cf05dd3d85ee7da993b6d3ccc', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '0878b74e5cec7a5d918edbaf305ad67243f9f218', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '98da547b24a1c06f0afa5dac85fe31ee9300716d', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '1bb609f8d79c2df94e51b54f16df8e580da054da' })))));
+            } }, h("div", { key: 'a41ae635619905f43c23a667119626b0dcc5241b', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'f7d7f96fb6172b06078472654c8a9e70ddc3a2ca' })))));
     }
     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

@@ -47,10 +47,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: '639b269a63f8ff6fd456b05dc86cd4132b9994fb', class: {
+        return (h(Host, { key: '0c2e94a0639b7a9a0d33da50bd3061c7f7e2d7b7', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '3f7787757480a6be3020038ab9509209e3959798', class: "gux-form-field-container" }, h("div", { key: '0e85c9379a97ac4c7cc7c312984f768565a6370b', class: "gux-input-label" }, h("div", { key: '2db4a184f02c50c3f93e282e3dc3f9df525c68a2', class: "gux-input" }, h("slot", { key: 'dc2d6e9a329db45fb02918aef9d5f6b08a2e1320', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'f316225f3494efb27df9097e2cae8ff985522720', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'e6250444241adba6734b692fcccee852896741a3', name: "label" }))), h("div", { key: '30631b9f4360fd7d7aaf8ec5fd7148cd8a8835b3', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '32aae8bf2fb2b478e728b88ae27a1ee6565e38d8', show: this.hasError }, h("slot", { key: '28a664f929a565fc686c16412cc28bd781042f38', name: "error" })), h(GuxFormFieldHelp, { key: '8199757bdb0a6d2d7382bb365ecb2828cde59a60', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f4787f5371847fc51f93153d5cf94e95f3681051', name: "help" }))))));
+            } }, h("div", { key: 'f0e07d2cca513c52f20a6fb67cc394059733ec41', class: "gux-form-field-container" }, h("div", { key: '89ac566d1648fcd48b3fce1fe31600e282020360', class: "gux-input-label" }, h("div", { key: '7aaac55e931fbfc26dbcf4018009879005878b60', class: "gux-input" }, h("slot", { key: '9c93787dc7d0464e848780ae34a76ff69c43eec8', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '1864d76877c5a710262df6acf00a9108bf887d81', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'ac092d51b91c6568ffb708387529c8a46ea68cec', name: "label" }))), h("div", { key: '320fd3438c3be63936113ec3a141b3b9d0a3568c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '5bbe724e9768404d6ed538c863cb001c5366593f', show: this.hasError }, h("slot", { key: '2fe8cb4c939bbe76194893fe61633ca4fa7df62f', name: "error" })), h(GuxFormFieldHelp, { key: 'c4fb397bf418dab936527aaf8bda72d2c898fd31', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ee99d4774ad72f4ed796088c45f6f7d91c26a10a', 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

@@ -150,8 +150,8 @@ export class GuxFormFieldCheckboxGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '1dc17c532f182956a8ffa70712cbf166b31b2666', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '4d5d71fbc3661aabf71dc71e98bb4b3f051b7ef1' }, (_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: 'eebc62a923ae61de14f8dd16fc13bc891a80fcd1', position: "above", required: this.required }, h("slot", { key: '1abd0e41db769e4c10f94deb8eb4af8b87c98925', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ab12571e61fdf469d0574be7b72f18843ad1f3de', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3f1a707edefadebd89e17f3936a38eacfe95dd32', name: "group-label-info" })), h("slot", { key: 'f505224fa9dc249b1900d4a5d4090a29f2693542', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'f28ce37b5c8eb099357b76bd50191f6c2404e650', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '7d7f8c8261df86b2b6a739eca9e518862f63531b', show: this.hasGroupError }, h("slot", { key: '8d0d54d32400c699eab5fc49aee223338c7dd759', name: "group-error" })), h(GuxFormFieldHelp, { key: '137ec76aa938cf5f66d7c0840b3d824c09ce357f', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'fa44fea0c87d26f0ec64cb88a85878e81e6fa526', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '3b33199d0852a92df23c59b5843f5f48282a136f', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'd6933ee5c5fdc1e76876e13ba26c1659c9112971' }, (_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: 'a3831908a9f0c3c36e37d0b0a780c7c92f7c1dce', position: "above", required: this.required }, h("slot", { key: 'deed6591b098259b1f8890a1a3da8031aec1191f', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd4848d9b2733dc0000b911d28b4e09a6b0e382f6', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'db792150cc8c6b4436b557933250beb231a717fa', name: "group-label-info" })), h("slot", { key: 'a60e9d4d0ccc580b5752ba871a33a953d27fd41c', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '3efd3470ff4da294d814ea367261921e5d8d3017', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'fc6db71f68f2763d88208b9b9550cbbbbfb45068', show: this.hasGroupError }, h("slot", { key: 'a9ffb37ace5fea4c8f47e73693efbeea58b76ada', name: "group-error" })), h(GuxFormFieldHelp, { key: '0e03a0d08e8af6215c3e793688a6db90c02a4a4d', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'a5e7d149c584db70e9b7ad3dc87c1258e461bb60', 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

@@ -85,13 +85,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '5a49fab74eb011fdc50954f049f9af6a335b377e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '29b1cef9f351e892befa1ac98c41db04725052ac', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5bcffab9a407fd66c3520d5b484f85fd2909b1e8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '934d4dbe8748c24fc24987764f8708148379403f', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4f939dcf7905938f44dab13728a3e6839e3ca5c5', name: "label-info" })), h("div", { key: '91b7cadb38b912f5b620b61a21ec8e74e2760522', class: "gux-input-and-error-container" }, h("div", { key: 'f3c01d3c77eeeb6bb13e013f679d692570a731ca', class: {
+        return (h(GuxFormFieldContainer, { key: '50b798eab2ffec2de253631cc955735822fb1af9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '243f5f76c6be675bcce6d1a77d4127d27d62c509', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'c2e698839a5b377d3ace2598e73bce4f4511feef', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'cf4eca811a47ad397fb7b223012c0e9765b06b54', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bba4efb9c91106cbcccb28425081b766ef0773ff', name: "label-info" })), h("div", { key: 'bd8e56487b500d1a93f4fd51126b624dc507d11e', class: "gux-input-and-error-container" }, h("div", { key: '09050e3d83cb9d2b6463cc250db56c91004c4de4', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '34d83e263e298a1757214dfd1ebb549579311f0f', class: {
+            } }, h("div", { key: '768582927565bbe1df7111f1582d984fbcbefac6', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'f67f50b3625ac066ac915f3629ae924b5f27acb7', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '82ebcd33a40fbb1fe73bcce31bb7dd529e760c58', show: this.hasError }, h("slot", { key: 'ad7dd4997b318b2224cbafe8eb2cdb77b3239b07', name: "error" })), h(GuxFormFieldHelp, { key: '8fb21884b27e907b08122a3227da45a3f5495307', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e31974b102d9b3a57494cc4b6d141668bc0eb19d', name: "help" })))));
+            } }, h("slot", { key: '2b9b68cf05c516ea01caf971317bbed6a876c792', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'c0901866c04c9ff738324b36870bcb0e3be62e79', show: this.hasError }, h("slot", { key: '3ad27f64c30686b62d11735feaae817eb11c8b61', name: "error" })), h(GuxFormFieldHelp, { key: 'b9077472ee08d0708c0e20b2de93f44000a475da', show: !this.hasError && this.hasHelp }, h("slot", { key: '32578a641faf50d6392577305e929a63ca4524e2', 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

@@ -99,11 +99,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '897fc8dc3d3eee90fca873e0d22a5ef842d175ec', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'fcbde4fabc0044b71b522a86512ae17d6e42a9af' }, (_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: '3328ee6ef7dddedab7c9f2f88da9aaf77b05e435', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '0f8803dc56293ea5259c804cff2cb1036b8c1457', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '588d5eed8a6121983ce142865936efd2e5d2809a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '093d2e0ea2fc3c660099d1f20a5b4240f1d2cd81', name: "label-info" })), h("div", { key: 'f8113c8ad3381a5a1e37ae97acec39473354b160', class: "gux-input-and-error-container" }, h("div", { key: '5dd0a261163014d422111efeb619284a87768fa7', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '4caa607e6f52c90a77986ff7a6edf13984db3245', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'd9793de4036bd153a491e15bf0de314efa0d8a61' }, (_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: '698ed26015f7a62ba80a3c27d9b3aec008bd852c', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '86c036453fae43c9d18ddc87cad4858b6c76e254', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '06d251db205e0a291c553c2cbf4b1ae3f2e3fe31', variant: this.indicatorMark, required: this.required }), h("slot", { key: '952f0d59f587e67561b93ee2659ed16a0c55e29e', name: "label-info" })), h("div", { key: 'db32cfdcaa0c081b053f0e828198c03eef6e1e76', class: "gux-input-and-error-container" }, h("div", { key: '4fd4aafc19f0cf122a9a8d32d17d171812029342', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'fc542c1d3116d3d13fba811b5a3b770c036ec026' })), h(GuxFormFieldError, { key: '8ae9b254d87e3ae9aa6279e55dff2d1cbdd1ec7b', show: this.hasError }, h("slot", { key: '6d3c6bcfc4d8f34809550b687f30746bd3f6e9eb', name: "error" })), h(GuxFormFieldHelp, { key: 'c13d246baac40074cbe418e3060dd9abf877f402', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a39e1c43c57f54000c12110866a378230fcb25b5', name: "help" })))));
+            } }, h("slot", { key: 'd2fed5431a315a019a6f6d93e47e68f7075f6358' })), h(GuxFormFieldError, { key: '368eb5e214e7d4963d9723df8ec0ec021e6dd581', show: this.hasError }, h("slot", { key: 'd061d9c878960c3ab36ee426c616168a277c4ac2', name: "error" })), h(GuxFormFieldHelp, { key: 'f7c475fe48499cf1565833015a0e994e5e793a99', show: !this.hasError && this.hasHelp }, h("slot", { key: '7817cb51713b84bab801d4254805523d135f9710', 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

@@ -102,7 +102,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '877804d59c58c9a050cd1d636f4395708e9a2f42', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f0154b4b77a7e04a583aa86ff8574b1342bbc4dc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '27356a3c9e4d6ebab84406073ce9fe2a5d29083d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fc4f1b44dd4f60329a44b4dc4bf618d8315c9d88', variant: this.indicatorMark, required: this.required }), h("slot", { key: '59386251e1ad41b0a25b7976e3d3723925c1b6e8', name: "label-info" })), h("div", { key: '61569d6c302cd993072ce3f093caacaed5b70c0b', class: "gux-input-and-error-container" }, h("slot", { key: '2bd237f6da809bf83dca1806573c690689cce028', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '50bfabca74c52c987f8899c7815b1ddd518cd4bd', show: this.hasError }, h("slot", { key: 'e9d33291e4d50cef0c5dc0142ddca2d98c901564', name: "error" })), h(GuxFormFieldHelp, { key: '114fb5aca262e20269cba27aae9c59a81dd717e3', show: !this.hasError && this.hasHelp }, h("slot", { key: '932e5afc9e4026ac331c678289a6894c742def81', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '81a76e19d2642450f6700473fbf980e991a2cc2f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ae087d7a1287e9ef62d5ecb58135cb4ef62bf364', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '0fde915ee6993a85f70cff079bc2bbc317b13f8e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '36dfd2da6ed5728d7255b12098e3ab5f49320d0e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '806f91102853273d48b484ee806a0ed700b27a49', name: "label-info" })), h("div", { key: '582f7cf93e0befe3f5ff66217af574128c11307d', class: "gux-input-and-error-container" }, h("slot", { key: 'c1d06dfc8938b86a4d34776c16ccafe33a97a4e7', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '17ab9fee479aadd9db3a3c5e4f07c66364231476', show: this.hasError }, h("slot", { key: '7aaa8bebe1a8d4a80387d36af4cf4a1f748c510c', name: "error" })), h(GuxFormFieldHelp, { key: '37df349655001e8542aec879c6da1d2962c4b0eb', show: !this.hasError && this.hasHelp }, h("slot", { key: '40d12e88fc9aceae27428d06be4426a58d9cc8ac', name: "help" })))));
     }
     static get is() { return "gux-form-field-file"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,11 +11,11 @@ export class GuxFileListItem {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '979d277099e91d9e21bf1ad1720c0bea6dcf9ab7', class: {
+        return (h("div", { key: 'adc1fc4c0986aacfb1b7ff7d5b9d110eee437b02', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '94faef6450bab3841067039ecbc07497b384e9b6', class: "gux-info" }, h("gux-truncate", { key: 'a7b18a8d7d42ed8081fac0def50b448824fbf271' }, h("span", { key: '103fbb8527cdab2a8ff303f9ec540c1f5787210c', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '25228b827081d159ad0b9b097a96ae3e8184fa4e', class: "gux-info" }, h("gux-truncate", { key: '978271a70a0a446b2af8e4bbdc925af0fe4bb61d' }, h("span", { key: '47b975f62cf9b52477e0cf9b92ddb65f09f72c06', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

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

@@ -91,7 +91,7 @@ export class GuxFormFieldFileBeta {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '1a8780895dd3dedfd1ec2bba42e839b28d075d19', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '75ffafcf66aeae8c87894a74fdb3f2f48b1ac453', position: "above", required: this.required }, h("slot", { key: '50fde614ef9abdfe5d0d0425b5e522bd5196735c', name: "label" }), h("gux-form-field-label-indicator", { key: '229a17ee898871e22e765b506639f26ec38a4279', variant: this.indicatorMark, required: this.required }), h("slot", { key: '42718ebe158e745a0bb3a443b2edaddc61c74fe2', name: "label-info" })), h("div", { key: '6131472e8cbba029538da3f66dbad02a4eb60234', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '25f7f64a051c40b8523308d87f75b8a23be2b9e0', show: this.hasHelp }, h("slot", { key: 'ad978153191b29caa3d7c3753fa7eef5895a522e', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '4f4f38987d103d96674e409074e2dacb6e35004a', show: this.hasError }, h("slot", { key: 'd4d849e00fb78dab4c020acbd777dedc8f68f53b', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: '9d887e6c4512a8391dde9846c231bf4e22187e84', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '492fa13142a4be8adb255ed97a2c2f3c8c5873c5', position: "above", required: this.required }, h("slot", { key: '7e5b0a6e5d16df5d61091e591d736e3c9b70757e', name: "label" }), h("gux-form-field-label-indicator", { key: '3093588796cfa6f643351d922886606afd8d9f85', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8f114a5c512df1976c51f41c5d17b55e14559338', name: "label-info" })), h("div", { key: 'f903f9374864c2a92de3e41d6ef1f63531a8af30', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '4a8ad0368308fdd0e95463b239bcd4bef60a2ace', show: this.hasHelp }, h("slot", { key: '2f61a4eaef1b9e29079fa562b42a00117951e117', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '835ba7fc9d59bb8f6b13a354eb98236d25bbf967', show: this.hasError }, h("slot", { key: 'e77e38555dd9f11f8fc97e6d0f85b079acb86a1d', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="file"][slot="input"]');

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

@@ -102,14 +102,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '3000454f7163bc2d71140e570f0427c21e144c78', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '930bb91ad8ee4bf6060559173834783234349766', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'e872c94c40e37e2819f6d4663285cf5fff4149c6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3706efb0add513877c359493c5bbe980ef0348ad', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'be213351061cc55c8f8526871f8256af8f3c23be', name: "label-info" })), h("div", { key: 'e91d01f8c42cd3ec1cdd7d9e7b0151be515a365d', class: "gux-input-and-error-container" }, h("div", { key: '34f77fc4c94c6422f275c52b4acf6c19ce5d38ba', class: {
+        return (h(GuxFormFieldContainer, { key: '12dc2779919b1b02ffa27892b0dd0a618fbe11a7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '687d9ab3416d421cef725504497650b179143827', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '22a8650e52351a1fd9d55b644975f435b78e5f23', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '42a582daaa9d37ed3abd22ca00757ff5f0b40119', variant: this.indicatorMark, required: this.required }), h("slot", { key: '31fdad12b44a87f24c8c139ba8c4aeadaf879228', name: "label-info" })), h("div", { key: '7933d9233db513e5c370b0d25fffebcae3f62d98', class: "gux-input-and-error-container" }, h("div", { key: '77ccdb3e33e3b52c6685028ff2ef5d585a5460a5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '48c835822b4d70ae7eff6aae67f26d7c757aa7ef', class: {
+            }, part: "input-section" }, h("div", { key: '8d7b02afda8b8dbe83bb1397a2af6e5e3a3aa826', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '0a50c2d251527ae1f12544ea484b8302196be2c7', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '5839d1f1ac277ce5b317cf9d3a49222e001e0f71', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'ac2e22955aac9073920bdb0a8595326fcd158411', show: this.hasError }, h("slot", { key: '6d5004bae7f4310d8687243c6680e5ea3acb69c8', name: "error" })), h(GuxFormFieldHelp, { key: 'e154d88547f0950c7141d3ecac66d777367b4430', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f16953d49c0a9ad3819031ddb6d04c7e74931d92', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '50df4de53dd69305bf3104f0f741b8236c9d62f2', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '8437b6e737c34f18308195eeb60ae0eade8f5cb1', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'bfefc2accf2de30da422472da670cbd5b25804dd', show: this.hasError }, h("slot", { key: '4e2bfc741b61f5e5bfe4fe8bb2f1106376c69220', name: "error" })), h(GuxFormFieldHelp, { key: '80177d9422eeb189d1a6a2b90b1bb6dfc8d824f6', show: !this.hasError && this.hasHelp }, h("slot", { key: '917ef57b398d13e25aebf5d34bb91cbcde943151', 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

@@ -95,14 +95,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'a6bb890ce996586fb1adce09c175347efc9baf62', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '117789899d73edaa492da369e542c5c9077ed3e5' }, (_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: '95da1ef1d08ffd7617526b131650c17ad390acad', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '32d4b14111e9586738cd5a03a3742c494f68aed4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '661059d79b8fe9dc893d368110015b762e43e4b8', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c68d3e06f70583f3cd2ae23cfebc3e6ab1428d25', name: "label-info" })), h("div", { key: '4b58c0283caf7b31bad29fff96171e11d951af7d', class: "gux-input-and-error-container" }, h("div", { key: '5e7db8a1c38ef7d22697668de964eb7bda9c2fa4', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '4cf726af903c7be3b333f632330a91f543ef6684', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '3362298599464d52a448a4ad5e73e47e0b162a48' }, (_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: 'a53166b5171edfd9db4a9fca89f9fcab58797ee8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a58e3699c16daf7a302c610e443b12b207cc53fa', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'cb7097d5a031f680624bc2dcea9181247b1fa3c3', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a0dc10a0c043e891f226c16c88c7cb866b7c80b9', name: "label-info" })), h("div", { key: '4a5308add4085fe534b2d6bba3c61b370a29f4f1', class: "gux-input-and-error-container" }, h("div", { key: '7b325104e32aea1dc06673a0bee9a2f62c96e326', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'a57e7daf3b33fd6c67fc5ee377530d808ae03f33', class: {
+            } }, h("div", { key: '4878c0512fc9cae7bad1201aafac835ceb07e644', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'ac0c9bfd9c7524eed09ad75b371fcf5087ed569e' }))), h(GuxFormFieldError, { key: '8236ac255675f48f6e336ccd572d628965d4f2be', show: this.hasError }, h("slot", { key: '5637417ef8222da8526b08752eef1336367731e2', name: "error" })), h(GuxFormFieldHelp, { key: '9debaa8122515f9ef035da6d16db5c3227a99c17', show: !this.hasError && this.hasHelp }, h("slot", { key: '6d671c936e76de94d66dc7656ec51177ec256c3a', name: "help" })))));
+            } }, h("slot", { key: '0f64e70da67a4289fb0d609defc6418e74733928' }))), h(GuxFormFieldError, { key: 'dab561c39953b59676ed2d5664dae2667c271a8d', show: this.hasError }, h("slot", { key: 'cdc5539e17a8700b0aa23b4c963c5835bde680d0', name: "error" })), h(GuxFormFieldHelp, { key: 'f2953b9d4935909b3eca68b4d8a41b9c418f6ca5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a18968d4a0106583b2f2724b4da0f5b9d3ac876d', 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

@@ -46,10 +46,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: '766a26cbcc6e831b8d258689005a1d4eb89d03f7', class: {
+        return (h(Host, { key: 'de3fda5119a9a1e3f7667003a707cebfe8481215', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'fcbb32736fbc9d9e2241a2424cba556f61e06a9a', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '3e644aea2e01a9a690cf7782bd4e32d9170ebf4f', class: "gux-input-label" }, h("div", { key: '0fc5239c7658514511a7144a71bdddef36a851d2', class: "gux-input" }, h("slot", { key: '42d48c2691b7cdadc52ea28787d1222940574148', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'aa4a96cbfc63e49100c9791909f3c4ca0ff9ba59', class: "gux-label" }, h("slot", { key: 'a7472a7a5e5a87424c714bbe662b718a6e4d1c45', name: "label" }))), h("div", { key: '830a0245fa57c7b8f67092b94efc8bbbc13e6cdb', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '3d893de181ebaf5c22a5db5b4a9f9012d5ea4734', show: this.hasError }, h("slot", { key: '541b80bb586289631b076e425eef78a188e982f6', name: "error" })), h(GuxFormFieldHelp, { key: '225be95c558cb0c39d9369283da5216c19b50a88', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fbd944101fd44e0341aa48da13a8f97329dc9236', name: "help" }))))));
+            } }, h("div", { key: 'a5c8d934b0a667721719a1a0120f3011851cc8e0', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '7a7d083af4f8dcf7176138a58fa65f8ab3b8960d', class: "gux-input-label" }, h("div", { key: 'cd988f3a382584509dc07579e5b55af3b1bca069', class: "gux-input" }, h("slot", { key: 'd70eb9b526acda2e6aa329cbd2afb64114a95cc1', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'b886e8225d37901f994ddd3fb27c55605eaed0e1', class: "gux-label" }, h("slot", { key: '21beb636f226754b437756d817b3f4ad5b640e8b', name: "label" }))), h("div", { key: 'a9ed50aeef9a4bc393d9d2c1c92aae83e859b346', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '19b981342e9606b7e9ac33bc3bc32ea7e1e6be0a', show: this.hasError }, h("slot", { key: '79673efcd02248572efd601f23bb2b801eb70cd2', name: "error" })), h(GuxFormFieldHelp, { key: '766fc93ebffacf73434969b7cb3ea56f187b431d', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f32e6c16543de2cc803fa8a5d92e5b7e430b4782', 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

@@ -121,8 +121,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '5903432a75aa81484303a397d5efb109813787e0', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '2a5855bb7c7548729b3ed741f84c019b2bc984d7' }, (_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: '98aac51acb042aca88c3cce55ce34148c8f7314d', position: "above", required: this.required }, h("slot", { key: 'bbcd7dfad86710e97360b6174b2311e32f56aa75', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '101378db5ec6a4a6396f70674703c9cf4e5bbc7a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f6e0269969c777943443f2e720c8b2891fc3a9c2', name: "group-label-info" })), h("slot", { key: '4f6919f2af281932e239ba58a8db25d4894cb762' }), h(GuxFormFieldError, { key: '2401d859d24ad131733365cb092444697d40f789', show: this.hasGroupError }, h("slot", { key: 'b41c6ce74adc6110e58c8adc858f07c0ead09a8a', name: "group-error" })), h(GuxFormFieldHelp, { key: '09fb9597d17b00d91fd8acbb22391acba4c1d53e', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '1cb3867e2d9720eca8471860ca9a512b91bca49b', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '12920ed99ce2bd020a897c6eea58785df8fc779b', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'f7c1856b28de15c908df6f91be94dd1e3b86a4b9' }, (_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: '6f54d0fe8f4e27ecc0bd1d9134514a480a713cf7', position: "above", required: this.required }, h("slot", { key: 'f69daa28114e54034e432c760b9291d32a518313', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1c00517fe33f530efb570ff6afc99a2d74357bb5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '246bb0c1c0cf6bdb697495c16688f322c269b4eb', name: "group-label-info" })), h("slot", { key: '62916504d6420b1b83e5e3c425bfe9a545f8bd43' }), h(GuxFormFieldError, { key: '323d318b6cbc5b2ab124be46abfecf4b13d50bc6', show: this.hasGroupError }, h("slot", { key: '0aae7dc9d143e24faacac5ddb965fd69c7801eb2', name: "group-error" })), h(GuxFormFieldHelp, { key: '39509edbe845e7b287971431637cbcf424c306a0', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'cb6121726662f6eb07470df359373c3a6edb0d07', 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

@@ -111,9 +111,9 @@ export class GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '3a9d86ae24f4417515b07a36a91b5868c21275f5', class: {
+        return (h(Host, { key: 'dbc20f30e3bdb90b5897e9beb17f386aa6be098a', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '6053fc7c06ca39eb8a2ac69258a8180db1ecd437', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd7debbf04d8a1213ed52f2254c30962c8d48e47d', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '750d165668195613298789a2f63baadfd68dbe28', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4200fda2a2fd1d180fff1b80f49085d13b3690e4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '01a6ec7dfb8024587409e26174442bcd37a542c2', name: "label-info" })), h("div", { key: 'e50938cf1ba30669a1cc07bedaa8c757281b3d8a', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'f1460b2e803bfb65ad9f2cc03266e4b2e972966b', show: this.hasError }, h("slot", { key: '696a642fede834abc471078f156cc2fb1cf71bc0', name: "error" })), h(GuxFormFieldHelp, { key: '039e98a56edbf1bd012f9f85ef5d01194d2a7247', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd15a52ed513a2cfaceab033b1d852b7cad264fcb', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '0c4b66113ecc2655befeeb1f980b32a3175c63c8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'e17c1e83ea6f690fb1fd8a5d8b3fda962197377f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ef15f9874779f3433884b4a2188cd73414d2f39e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2969055d3844e7abb13fc60174fbce0829520836', variant: this.indicatorMark, required: this.required }), h("slot", { key: '47b2762f35f3019b3ebb4ca2a782d39799e08257', name: "label-info" })), h("div", { key: '9ce16c2b4cb80a3d2d3898a58a81fdd67c2ca6d4', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '2a1cd04249e5930ea6fac78ef7ff8d95d0169afe', show: this.hasError }, h("slot", { key: 'f5f13beef1573176c6ae505af40fa7f25255501f', name: "error" })), h(GuxFormFieldHelp, { key: 'e8920cece2d26bce657a0675f0aa411373a83b53', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b59416266cd30e01d6b3b673a7e25b013f214bc3', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';
@@ -146,7 +146,7 @@ export class GuxFormField {
         return (h("div", { class: {
                 'gux-range-input-container': true,
                 'gux-disabled': this.disabled
-            }, ref: el => (this.containerElement = el) }, h("div", { class: "gux-range" }, h("div", { class: "gux-track" }, h("div", { class: "gux-progress", ref: el => (this.progressElement = el) })), h("slot", { name: "input" }), this.valueInTooltip && (h("gux-tooltip-base-beta", { ref: el => (this.tooltipElement = el), forElement: this.containerElement, offsetY: -10, placement: "top" }, h("span", { slot: "content" }, this.getDisplayValue())))), h("div", { class: {
+            }, ref: el => (this.containerElement = el) }, h("div", { class: "gux-range" }, h("div", { class: "gux-track" }, h("div", { class: "gux-progress", ref: el => (this.progressElement = el) })), h("slot", { name: "input" }), this.valueInTooltip && (h("gux-tooltip-base-beta", { ref: el => (this.tooltipElement = el), forElement: this.containerElement, offsetY: 10, placement: "top" }, h("span", { slot: "content" }, this.getDisplayValue())))), h("div", { class: {
                 'gux-display': true,
                 'gux-hidden': this.valueInTooltip
             } }, this.getDisplayValue())));

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

@@ -96,13 +96,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '02a98cf6a190bfc15fc1ffaa904cb38866fd3e27', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8241849f1b97e66348652ae0d2326cd7652b8d5b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'c0588bc76c446340ae233dea2e1f3bb672fa2a4a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fefbe1c3f4546a3c9e1c7af62accd36145559d8b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '922ac20008472591b167081503028a0aa04f94de', name: "label-info" })), h("div", { key: '2167d6ab07fda81062647a8f00c0c6803bbb65fe', class: "gux-input-and-error-container" }, h("div", { key: '59ab49e86987088af0a92cf8ada8314b3e5e73e3', class: {
+        return (h(GuxFormFieldContainer, { key: 'd21f47e4158e59f11cc18bfc62f2cd19d9940e24', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '22fe759769a4fa9c403863ab4a5ba7be08340309', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3f236d73ea44814cb72c5a8e5a52fb20bbe22773', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '896993f043090714466313b4539cb7ba237e78d7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '281fffdbad31a072ca3d6d108a088fa390af7aa7', name: "label-info" })), h("div", { key: 'f41c6d4ee5fceb465944e16c16faed671a2dc03e', class: "gux-input-and-error-container" }, h("div", { key: '693527c71e04622714b3e64acf728fdafa22276c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd265cadc2df16421dd6645f0d182c40955aac151', class: {
+            } }, h("div", { key: 'a5eb2409440cba119537ba4772318144f5d66688', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'c403c4b95eba3969a25d863f0627e07b529c573a', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '738ab2ebddd9b661dc8bd6f1da81cfeddf451544', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '2c32ab342ad0eb3c0b453f0d01fa1b7c10b4c060', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '6c96a752bd156463252b265c7a4c0fffc0756a98', show: this.hasError }, h("slot", { key: '9c3160d36bb24e1f947249da719c679a55c36d12', name: "error" })), h(GuxFormFieldHelp, { key: '13cf3e1b888b5bb72b8397cd294a163a86c8955d', show: !this.hasError && this.hasHelp }, h("slot", { key: '5a8bc3fa86f01c10c43f8f8469ee5e3f44bb3fa8', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '5ca4d4208a06bddf0e9c8e0fea0a65a18908260f', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '882532bcc88a3e6ef3717830bbc8c6765d85e165', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '75d3ae2eb0ac068d0e9c7c49b912cd05656dcfad', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'bfb2321a37d5e69873fc3535c4f9d19acd97f2b9', show: this.hasError }, h("slot", { key: '640f29901bb289db2e4fd96db23360936080be67', name: "error" })), h(GuxFormFieldHelp, { key: '59f102e5ffdf520f1fc78a6d28767dbdd6e2bafe', show: !this.hasError && this.hasHelp }, h("slot", { key: '2aa34602b6bdaaa24298e2921ef4b3319bacd853', 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

@@ -86,13 +86,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '9fee0c2c1df9d82e975af0b4b260903e0a4ba42c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '348644ef543e26f545444f4b3882e0e0c9e9aeb3', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7f84651d608c15ed6246a320463ec14615096838', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'be63b221bdd832314e9f8ac8b93754422fe954ab', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'db385708c266251a9952d5ed035898d54a8570d6', name: "label-info" })), h("div", { key: 'b0eafaeb8e89b42e440d14107866fe62455254a6', class: "gux-input-and-error-container" }, h("div", { key: '03ec6e69c5a9c20ddc8382b5b4c23111e565c392', class: {
+        return (h(GuxFormFieldContainer, { key: '8fab666ed9dd8dfb34c3c9169b0318cb85ae886c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '67c189b8e8ae3c38c5d7600e92aaa931b73fe3c7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5931134fe8b4b588213f17c3a073e300d6ad380d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '164f4bacb16425c76face2e8c8d030ab9be6c1e6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '69f66ea9a268e95d7e7db80ab86d1fa9eea27374', name: "label-info" })), h("div", { key: 'f50f9c67182be19f1f9d73d3577b2f5c8edb0d70', class: "gux-input-and-error-container" }, h("div", { key: '38fb0fb812dca5f250a743edcf77c6f7a44006f7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '827b651af97a9f9356ae2f9c6bcd620bb71d7e70', class: {
+            } }, h("div", { key: 'ce68e4c39d3bf617c406387857777775f8efa7b6', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'a7a0b2205741fca7cdc38e834e96fbc69ba4f000', name: "input" }), h("gux-icon", { key: '906755cd1b09d590e257b7b88c53133d9d2cd397', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'f94253f45135b2cde468c483d56e7ffe4a265e48', show: this.hasError }, h("slot", { key: '8a4035e1769683372585215c52e3580e519aea4a', name: "error" })), h(GuxFormFieldHelp, { key: '7dce9f919d26c64f0c8089f740b9e44df88e76cb', show: !this.hasError && this.hasHelp }, h("slot", { key: '6e46f3fa8182a4d586f34f069523cfc671c27138', name: "help" })))));
+            } }, h("slot", { key: '90cbaae24a5863e6d6bb65ec3e34cb09a2895ec0', name: "input" }), h("gux-icon", { key: 'bcfb3024085f44651148d515befb45c3da39926e', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'cec22eac2942c4f37bcf10a5ea148a69ea128a46', show: this.hasError }, h("slot", { key: 'b884778e478663e3e4cff9b07fc48dcd97ea05f1', name: "error" })), h(GuxFormFieldHelp, { key: 'd373a37aec09d91e33e837fde1425dc2a35a64b4', show: !this.hasError && this.hasHelp }, h("slot", { key: '7d9c3445f573e585989aeb5ed5ff7ff8fb341e0d', 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

@@ -83,7 +83,7 @@ export class GuxFormFieldTextLike {
     }
     renderRadialLoading() {
         if (this.loading) {
-            return (h("gux-radial-loading", { context: "input" }));
+            return (h("div", { role: "status" }, h("gux-radial-loading", { context: "input" })));
         }
     }
     componentWillLoad() {
@@ -111,15 +111,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '4744482b739f41cbec612c82118220a5143959af', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '02d26f310ff8cf3723a389b74d5e337a95967cf0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5574364c6e1990e65fc83b789784914e5ca8b1bc', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '94cc5ba0bc2dacad9cd1beff735dc0523cd28a62', variant: this.indicatorMark, required: this.required }), h("slot", { key: '16af93a6da63e97bb45a96f06cfa18ab6a11e3a3', name: "label-info" })), h("div", { key: 'e0b90ae187bac1dac4d1a22e5c2a2acacb6e35e9', class: "gux-input-and-error-container" }, h("div", { key: '19d512614d5096538485c924719a0d65a1fc7882', class: {
+        return (h(GuxFormFieldContainer, { key: '6f7a9f8a3ec92ca86df73ffab6bd9b40cb0f7a8f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '96191f5ca8707b314ab42ac2e3120ca52c6c6c69', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6beba272f10dade4a734645ce876fe5024f15d16', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f27b6373cc5f6a588197809efee724365b572c16', variant: this.indicatorMark, required: this.required }), h("slot", { key: '23d41cb4d9d5dbaf8d51d47c7a9a9bc6165748cb', name: "label-info" })), h("div", { key: '48759dc437355ad2a97a43444566fe0f3a1bde72', class: "gux-input-and-error-container" }, h("div", { key: 'bc303813eb586bbf6a9e2650dcf6daeff42ac9b4', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '24e97fdeb8d8a7dbf46d54ac8d3e70b77728bcb0', class: {
+            } }, h("div", { key: '670c179a68ae3e5c1840676dc9f7f46890ab8cb7', 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: '4597cee527f45e9526d4efebe89c11c5c81b4f9d', name: "prefix" }), h("slot", { key: '67193a8fcf47f34f5ce41e9fef73a8bc5c774943', name: "input" }), this.renderRadialLoading(), h("slot", { key: '7a90a31843daf532ba82cdabc1cc19792b2d0de1', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'c593f41a5e14a34333b2490744c4e223b832830a', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '5fde949fc8cf18fcdf24b04908a521e307f5f3e1', show: this.hasError }, h("slot", { key: '28c5d332257c7e83f1f84172889bc914a29c624a', name: "error" })), h(GuxFormFieldHelp, { key: '9563bc64926cd89dc3f8dd8faf76a2a7a4848f78', show: !this.hasError && this.hasHelp }, h("slot", { key: '0bffa6de4fc080948362c2bdc7fcf6ba5f78e300', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'cb0cf1684c668e8ea25bfd812d323745189c0be6', name: "prefix" }), h("slot", { key: 'f15b23f4f5e7f3ab7d981187d08e5f12b5e50f3a', name: "input" }), this.renderRadialLoading(), h("slot", { key: '5eb3800f612c6d6f0956c3b1e870efc63668fd45', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '57c3f7261ce04b35770f6765a1720931d32c0edc', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '6ea192428b68257cbf22bc9f18becf20ed1da63c', show: this.hasError }, h("slot", { key: '43cd676200cf4f8cc0b20200c4de9357e76e8f76', name: "error" })), h(GuxFormFieldHelp, { key: '61efc18915d47c7f5aa495700964f226e79f00d4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f083af53789e074a95b219909a63dba25e2259d3', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition