genesys-spark-components 4.124.0 → 4.125.0

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

@@ -322,7 +322,7 @@ export class GuxCalendar {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '87e73553fcc7c2282a180fba1cfe69e7ed0cc984', class: "gux-calendar" }, h("div", { key: 'fbe9fe152395145271013e078fbaac78baf3589e', class: "gux-header" }, h("button", { key: 'd924b0f9ac32b2144a4ab3cb3c838b72a2cc094e', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '66d03f5493c79df81789b9975c6c52b75cdadbf2', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '329d8bbe52c6847c48e2de89b122fa33b5076191', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '674e637d4d9f7eb7bb1c2dd35a9c225016388a0d', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '7479cc357b3a18d98125cc5cb961041a34bc4584', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '9756cfb11cbf1a5e63ca85915b8c15c39e4d3ccc', class: "gux-calendar" }, h("div", { key: '2d49f9cedd837018d0046e9113dab75cb8a815c2', class: "gux-header" }, h("button", { key: 'b63c42a8d52d7afa94e0f9363a973acbea6e9269', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'e21cf4b6c2ff9d73f12f01911596e6cb9186fd4a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '7e6e248f327cced7dee6dba7661c844625b1f8a7', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'edcbc1a62574b62e1c0c611bdb5c35ecc300ac9e', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '621ed70abfb997d502bb521fe797f98abf36aade', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     static get is() { return "gux-calendar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,10 +11,10 @@ export class GuxCard {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '719b7b2cc21e5d16f2143d49b5f9584fd2a8eed7', class: {
+        return (h("div", { key: '711321ab19eb090bcf3f113ef04e221e87ceb7f1', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '5ad48940cad9d25f3969c63c6e650091ba38451c' })));
+            } }, h("slot", { key: '27f8d86f140965871db17e4497821cb30a91b320' })));
     }
     static get is() { return "gux-card"; }
     static get encapsulation() { return "shadow"; }

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: '7f0eb000d20a905316cd68165eb66a334a174158', draggable: "true" }, h("div", { key: 'a0e134e68ddedaaf1afbab7a8da79ad482ab63bc', class: {
+        return (h(Host, { key: 'ce1e492fa59d2528c1f46eb6ef374b08c45f1cab', draggable: "true" }, h("div", { key: '865de5c7b735d616c69af0fe78abf436249bedd1', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: 'efa4ed1a77c1fa68f00df058652a0348765b92e5', class: {
+            } }, h("button", { key: '0b3cee32eb1ee396e8415b9d832d1e229ace7d94', 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: '71530f7d9fc252f5635627c1a065584f41584f7f', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'c3c51447013b5d280bf367f1462f8f42e0e00771', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'c1d1268c9790958286d4adc4069c1eaa4ced5fe4', class: "gux-select" }, h("slot", { key: '8dcae2468ecea9542c2240fdd5c4d4fe8a9feaf0', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'fd6859289326baae92ebcf8da6de591a785440ca', 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: 'a5f81dca5e9cab01720344772feab18a004940b5', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '6ebd4d11790a6ef4e966e63fe08f9cfc23ca7faa', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'b5ec685bd8ca953222d7cd77a15b5b5661085d53', class: "gux-select" }, h("slot", { key: 'cbf50779742ef28d8d8a1416e0ab86cc74bca45c', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '603a44c15bdd4f75ce3f3aca231b6dc6a43f105d', 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: '83f8c56f7b40274f4c90a19ff85f56eb0b9f0c1b', class: "gux-container" }, h("div", { key: 'cd0a19859d0475b7e92b9bbc06d0889943c7802b', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '092d37573ab5991e38db44f0c2a81e2c34806d3f', class: "gux-search" }, h("gux-content-search", { key: '7cab45a1358fbd2fe8646b90fd8afc4b29a973b5', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '3523482ff7a71159d0a651be41b8fda04c1485f3', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '50dd1066c38088bd7c457cfc355007c37d075602', class: "gux-select" }, h("gux-form-field-checkbox", { key: '9a2bbaa79781ad1b416328970aa01676cef39cf0' }, h("input", { key: '9e3057496b6edeb25b33c5d96642e9dd83e5abc1', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'c79b45b9957847d59753bf51de17066850438489', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '3690576a14aacca46bd638588b071b8e38e74c87', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '397e963311bb6d94231235625b8d9e65b9a1bd48', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '10cb64eeeb4a03e0e5d94d09b21103b1e3094654', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '0cc23598dde034cb03cc6c6fc5a381c91acf657f', class: "gux-container" }, h("div", { key: '40fed526bb4ad40001eab9e5d74f8dfa32d098d1', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '57f05475c912e324f62d909bbb2b75b92e3524b7', class: "gux-search" }, h("gux-content-search", { key: 'c39d2b109726a4b105a27d8aa032ad546c10d5f7', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '4f3f97e1c3affc85d51d67fe4a63c3ba490b65f9', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'f7472f9d153b8de1c9ef3158309890c0bcf1a974', class: "gux-select" }, h("gux-form-field-checkbox", { key: '774c0f4e7a50db67ba3f55a75ceaf0f94644cdf7' }, h("input", { key: '874352997ab778da3488b8eea6553d0f476acbb3', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'a3a9b95f4df52b3d6caee07b4223e7aca4758dee', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'bd8454187eae0e01a2634cb514d885eec8285c4f', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '26cd7ff48db01eb192d1a31946145cd50d54613f', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '2140cb7ad8ce976b41b106274c3bb7a7f7eb27b8', 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: 'b1dce1f7aa5e42b1f72bc78a282edccf350d40b1', class: {
+        return (h("div", { key: 'd85d17c24ead428597f2c973644b080e2b778466', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '702e0c26122e5d518cd3884cfead0d86fee2e513', class: "gux-search-icon" }, h("gux-icon", { key: '596191bbf3977b96de332021c6b57a40af9ab6bd', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '6483f37646aa35eb410195df959b7fa60f434cd8' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '3119e47e3da9276359ad9b2c0ae9215f712aded2', class: "gux-search-icon" }, h("gux-icon", { key: 'ef796175a494bc30d234cc2a79b4ab24c85c7510', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '98855be493a40b519cbe9f4366eb8ade53297e54' }), 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: '707229019c12c10652cdfc34a433a3b43e4769b5' }, h("gux-popup", { key: '8951e4d5bb390f8c6286ee3dc5c88b3752218a54', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '1efe6466297b12dd808515b48a6b9568f65dfdeb', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '9758cd30423c8c591bf59b476c74f1646d3faa76', accent: "ghost" }, h("button", { key: 'e01f3224547a9ae4d3cc6273df599aa40e2a7c75', 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: 'a7743dd2c6ae301665259bf70415268e41902e34', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: 'fc04961270a3a8931cd94929b71c1c8931f4f10a', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '488f7571e7832496150cd4d40d7d961c6d3ccb98', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '4a6c881c12188ad1e546c0f1a41b4e26314a0919' }))))));
+        return (h(Host, { key: 'b191c422bc7f399b8124d7a151d18ed13f54d0c2' }, h("gux-popup", { key: '870757febfec9a70a5fa30334687c77891abe3b1', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '788045750569a15d4657afa9cbb4de8bfc20b625', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'c72dbf0647ff64f6609802f48a6b38bff9040854', accent: "ghost" }, h("button", { key: '143fe2240fdc722ce2dd6d41d0084fa2324f2874', 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: '0a218befa8f176c73ae1eada6c75713fb48b6f05', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: 'b89ed6447b3d462ba1f17d5da40c48bd13849a5d', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '9f24962dd20f6f7b6ec9bc8b718f432a121a0436', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e15de5777f867c5e221cfc01db925c3b6c154fc6' }))))));
     }
     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: '616be04f124067f824a7b6a03e3fc617fd6e7599', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'd0dd3e636ffd72a9be5853cc03788c8afe37fb2c', class: "gux-copy-content" }, h("slot", { key: '795079745fdba8d5aa7d48b73ce8e885fac2d19d', name: "content" }), h("gux-icon", { key: '75ce4aa82603b90725c91630d799af4a887f35ed', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '844989a98e1c490e20f2ec1ae4d3f24b2a917178', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '0cf08a655bef7d85fba772004b6c6ce4f583fb11', class: "gux-copy-content" }, h("slot", { key: '5591ea04e2a25294e921a3ca75b8e5d23db15bb1', name: "content" }), h("gux-icon", { key: '910e8b4e9ce9299ce0016ab10d0049ac4d716326', "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: '8f4fb3c6d75c099911fee07b2ec3f3315776e4ce', class: {
+        return (h("div", { key: '8b92ad844aa8d78ec04cfdbf28382c997689b07f', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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: 'f9db9ba78c3cfa1e1bc0b825d04fc96afa6cca58', class: {
+        return (h("div", { key: '771af7820748344052a47add3ca4e4a8a34d82ef', 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

@@ -396,7 +396,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '719f8bbeae8ae940b9e413c9568f88369026d8af', class: "gux-dropdown-container" }, h("gux-popup", { key: 'd1e8815725519674a1d52505b7f31efcb8ff3a95', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '5b338deb97e0eb12f203fd47f1affe8f2447afad', class: "gux-dropdown-container" }, h("gux-popup", { key: '7ec10e6179cc0bc50b847b38541950277c8551ee', 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: '9b7c076d26067de1a1f0bfc8394d434e169f7b42', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '88e983ea52f9c71d96dadd3b89d49574f01a328a', ref: el => (this.targetElement = el) }, h("slot", { key: 'e9c941c341f55aa351024689a4e91a20f0474c2a', name: "target" })), h("div", { key: '02628fb1b9069e3af39401bd688bf3f1b3bade2a', class: {
+        return (h(Host, { key: '2f43a8a4f68baa65ae5243c93653f050f389cfc5', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'f37dce70300774ccaff040decd82b96336b5c1ad', ref: el => (this.targetElement = el) }, h("slot", { key: 'f768cd8f491727ba8e03f1b6e80df3e5edd1990a', name: "target" })), h("div", { key: '20c820e00f9ab4ecd9f6ac9b99eff8dd55ecc5e5', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '78ade05f92a1463ebb4caa202c0782f25575e4b8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '304999e540bca8136b6f597d5caa3ae46d169c5f', class: "gux-arrow-caret" })), h("slot", { key: 'ff85260ab68d522c402cf01dc2d3cde3f1de1d78', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '7456e5e494845697fd39d2922e8f8299da99f871', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '2fe41ab16d311cc710c7fee50991313c60c7a298', class: "gux-arrow-caret" })), h("slot", { key: '902ed6e25c797d59df13edf6463f262ad3a2647e', 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: 'c84810ffda019785adf64b6e303f0ed202670a39', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '84d64e0776633f943bacadbfe0438a73d9e308ea', class: "gux-menu-option-button-text" }, h("slot", { key: '06fd5620e50a5fcd7517cbc3b66e304cd80e1a42' }))));
+        return (h("button", { key: '35e9baba83eea27742e9b83b93194b92edc086da', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '72b5095ff8edb6359f8962636bb66cc485e0228e', class: "gux-menu-option-button-text" }, h("slot", { key: 'fe365d3460fd945c6723ddf937165583d4ac9832' }))));
     }
     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: 'd418ab33495892865a07160fb86d9b8c2e136220', role: "menu" }, h("slot", { key: 'c59d1b1899f6fe0f01ca487e729e80d29302b029' })));
+        return (h(Host, { key: '86b5478ab9c5f86aff881473938634459155c642', role: "menu" }, h("slot", { key: '843845a05ede6ad42dc9e557369106a71d3299f6' })));
     }
     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: '12814e160602ea43624fae1ef46702f62720f594' }, h("button", { key: '9d18b590dabbddd230235ebd0fc3de25d0721ce0', type: "button", class: {
+        return (h(Host, { key: '504d4135ed5325d8c0913d72918c954d7b023603' }, h("button", { key: '561aa02cf5b3860abaef001734e3d62176b0238d', 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: '1e94cae73a3cf65cb443ae79fcfa535f6e5d5517', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '53f31724b642052791eaec8be6faf83f5755f62c', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '3efa37acf97f9dbc63b72d2542432a2d7c230f8b', 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: 'fe2dfdb4272c477fdf61d88f755e862193207171', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '50af2da13eb58ee22d5c98b2e070c969130f7fc8', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: 'ded58a0eede25820b5b2d955d2bceb185e8df69a', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'b3b329ce717d2b0024a69bfbec7a6f484dc3abc5', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'ecc2fb240881fcd9071e6c08bbb8bece3006d807' })))));
+            } }, h("div", { key: '87d536d09daa0a8f60fcb88f0338b09f15fcfcb2', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '9beeebc7c9ce19058a2f834c3b120e8ef95c3501' })))));
     }
     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: '3952a4199d3438da06a849e6999f6c9d4a3ba14b', class: {
+        return (h(Host, { key: 'e8836c17124b8cdbba54da54a6958d2191b63726', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '82ea66460bdff18a363dbfbc3b0b5be5bfcd4a5b', class: "gux-form-field-container" }, h("div", { key: 'f255f120d3fa9458c665188eb1b74e2c292e1444', class: "gux-input-label" }, h("div", { key: '0f2a6b127c0fc617cb3f3067e567bf78afd33da2', class: "gux-input" }, h("slot", { key: 'e9e8c4bdfe5559fb0e828d9231c92c9dfc8efb29', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'a9c0497816f802058b620fbab3ff151f49e20215', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '2b76e7bf0d7f21641999e5b4137c5f490a1eb636', name: "label" }))), h("div", { key: '8bfa3a196caa49ef7efd5286e192c30a677921e8', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'c1aeed2f735e5d11c318a7103169d1b0aa7560c5', show: this.hasError }, h("slot", { key: '62060ed5631396da5b3accf25ea61a67ae79f1c4', name: "error" })), h(GuxFormFieldHelp, { key: '25239cf4b2442ce5634beb204d40f7504e23fe7f', show: !this.hasError && this.hasHelp }, h("slot", { key: '56b20ef7431c0d940876063f1a7890d8723882a5', name: "help" }))))));
+            } }, h("div", { key: '59e502ecb66c96f104d2c43ba1569d9e46ce8276', class: "gux-form-field-container" }, h("div", { key: '284aae1fbcb3c45dce5ee3425b0016dfc8095b77', class: "gux-input-label" }, h("div", { key: '8418ef06dcfe66c915f65894f9a9d1af7a8a2411', class: "gux-input" }, h("slot", { key: 'e486f71e6ba37002b5f5e499c9cb6c39d1d56e5c', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'ebbded085086c62279d7725ac75baffca514dea1', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'b74acffc5dd4171aae269a310d1069b6474a5552', name: "label" }))), h("div", { key: 'dd3579570d94015e6ece1fabfb4f8ee824fc1ab1', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '2423a193c6d87698c5230fc11a8352f11b63c791', show: this.hasError }, h("slot", { key: 'f6e4770954fe3c97ce42bd2804fc9fc2da39acec', name: "error" })), h(GuxFormFieldHelp, { key: '4e6cadfa6301ba23968b4b0f6ff81756f7b3bd72', show: !this.hasError && this.hasHelp }, h("slot", { key: '32eb3b58143e9b1ff14ae63a0a74d0a44de89644', 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: 'dcc8baf6b7aec9d0c163248db152f33077f16030', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '330565c82fc9e84f2d650b7174f70de3d196ae52' }, (_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: '0e288e6928e47cd573bc446859e7f03bcec02e89', position: "above", required: this.required }, h("slot", { key: '1c13c9d16754ab4088bf7920bcd15e4624bd8e67', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e669cd956a2b40a2223e2066aae7c369f8d5b58d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '64d2a3e0ebdb2935fa61871c5a9a7398ed54f630', name: "group-label-info" })), h("slot", { key: 'd9f736f80fa727df3f0b40adcb8264ba55525282', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '4757232fb1b8dffa71ae6ec7037b632e731d07d1', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '4cd89ae989176f2855c0d653c6c548f2a20dcd78', show: this.hasGroupError }, h("slot", { key: '890d563778b6ba4ce25839c6df490dc3b535d71b', name: "group-error" })), h(GuxFormFieldHelp, { key: 'bbf1eab46289303b01740026842c64e0d810cdf3', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f1845a7088a05c73e2c9eeed856d4d74efbd7495', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '4c5a63c6a52397fe7265f2395c65f013e4aa8a95', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '77276067a01869834a6382976d6dc94992ab8d60' }, (_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: '511a7aa3534088a53d95bd1175066aec54670b61', position: "above", required: this.required }, h("slot", { key: '6234a6ec65c4ff11c19e25842e289b8c3a012d4c', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e70bcc8e4c9b7b7b8139c9ad3436b4ba6582cb80', variant: this.indicatorMark, required: this.required }), h("slot", { key: '64e42eaf7a619f0559b81977ba9dcfab6b186254', name: "group-label-info" })), h("slot", { key: 'd179128afefa5e3c3f994416f2eefbfa8a83c140', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'bed4fef0135b9404e2fc36bf1de7003f701e9cfb', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '94ea9497133308920f91684c307d72530031329f', show: this.hasGroupError }, h("slot", { key: '285fc5c130cb2f27a32dce028f34a652fdd39352', name: "group-error" })), h(GuxFormFieldHelp, { key: 'c908c41d58d3ba70621205072da2a59ad9c112ad', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'c52f44999bac204169961b476ae77b9268ed1808', 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: '07d044e47711b028ded90b9ffd393eb276b060db', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '249e72d3656074279b7e6870239b54f44d5d7567', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5b7cb890506fcff2d6ec307ed36ce72941668754', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '89ba185cd75462b462a38f5a12b1106a0b19681d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '25c15bb03bfd830194ce2349445acd358bf4ba3e', name: "label-info" })), h("div", { key: 'f2d0ec4ccc8e8a84913e48cf7a44223717591af9', class: "gux-input-and-error-container" }, h("div", { key: 'c3d1badb9997476a8dedf60d846e752549557756', class: {
+        return (h(GuxFormFieldContainer, { key: '4e37c2be3da8a3afa03c57fe911cba011b27e748', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '9647b1d22e706b8f4892ab16151849678a4c9c1e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'd6b7e328e54fc50507531f9ca662cfbae763a6dd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1f12ce513f8126b3c94d8c8dffeace8ae84852ef', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e330a6a178705e1f8b674769baaca884803b5604', name: "label-info" })), h("div", { key: '626c44eab58e8c30a0e75529916697d6ecd38806', class: "gux-input-and-error-container" }, h("div", { key: '4f9de4b94c9134c43621a323e1844642db18ce23', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '29e3884c40bb051ded5857cafbfe87f85fd38b81', class: {
+            } }, h("div", { key: '24c29cc3f858ca4605091ec9e511043eb27cab3d', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'd424d15842987a746161f35c144a8df138bda123', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '4539fe29e0af49e460fbe782bdcda64fea276cf6', show: this.hasError }, h("slot", { key: '9c58570aa945d480f4401c73b1af737844a7314c', name: "error" })), h(GuxFormFieldHelp, { key: '572afeb9a117e9149479692f264b70ad43c62ac0', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f2e34e4a6acad402a3c10748f38bc062350b3f0e', name: "help" })))));
+            } }, h("slot", { key: 'b1e2a3a529c4e8b75521590af6b6ea201dd72733', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'a4bcf4ea048ed8f6597adfd859bb1eff3fe2f00d', show: this.hasError }, h("slot", { key: '8031a6bfdb1ae67510f64704ec64195c5f1d3dd1', name: "error" })), h(GuxFormFieldHelp, { key: '9bfb53e582a935814c0928f68c661c5643fb7a71', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dc98a52e194be0ba2c5e655147009cf76d036082', 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: 'a6ee83b742d61c65e50db07030e05765be7b60bc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'fc88941e8fa8b0294d7d76ed135d6c155aef04dd' }, (_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: '5fa7cce54e89bc2a11920b9ef8f850f9e4de9e99', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'eff8293c62bbfe8603b1b1e183c87ce503e2c6fd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd5f4ed4eab557af0378ed4c3bedcbd8c79059c60', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'aa1bf3390df959bea596d3f59ac4bfcfcb81f679', name: "label-info" })), h("div", { key: 'c9b9f33ea316bed06d6978056baee1500726ebe0', class: "gux-input-and-error-container" }, h("div", { key: 'd3a29cf1b5439c00e1791c8927d8b8023f0ba58d', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '407596d4d5155948a198ccfc01c18df9983170c6', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '315ad3a04c7e6887359177b32cf536baf3d0c77c' }, (_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: 'b4af4b3542ce6ef371835640d8166427bf3079cd', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '923503c8d04c9d58599b624dc3dc95becc04c9d4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3d6029e71ac98941a4636b38dc998f8ed0cbe570', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7ff996afe12119a5068410f558487aa3d2550d87', name: "label-info" })), h("div", { key: '993901c5907e35364723241450523f70220700d5', class: "gux-input-and-error-container" }, h("div", { key: '39254fe1aa4cf2042e9abce425a92fc75d9aab1e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '6cb72e0b7b25f144a5fb28784139843a9aa98a2a' })), h(GuxFormFieldError, { key: 'a153d5e5d848f3b7232dfd2695f1bb373d325423', show: this.hasError }, h("slot", { key: '5b30ac581ed93f216ca73339d50c3f470a2cdcfe', name: "error" })), h(GuxFormFieldHelp, { key: 'df0450d718e3b1aab2b1c691d0f91e1adc1002ae', show: !this.hasError && this.hasHelp }, h("slot", { key: '063dbd0e0dbdeb8bf36c1660576b0f0ac0a8aa08', name: "help" })))));
+            } }, h("slot", { key: '11db2bb6955169ee5feb0174a04e3c1c1128de60' })), h(GuxFormFieldError, { key: '058c99ab06e9dcd2a3ffea5172d3bae87de8f776', show: this.hasError }, h("slot", { key: '9d530630ed7603a542e755d80a55f70414f3820e', name: "error" })), h(GuxFormFieldHelp, { key: '12b4e1e1a804b0ddd9379a5cd67fb7acb2f7e904', show: !this.hasError && this.hasHelp }, h("slot", { key: '9567de9828fcfebcbfa435186c74d588c981fdfd', 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: 'b4979c91b509011952b95cef5d259857cf76e6c1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5f48c85f8e8605b9aae03d21893cdb08860d12e6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '616f0bc4eecdd2c811917508aa4b5aa088a5d391', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7f7a137786883f86f74e214438a21f961d375c25', variant: this.indicatorMark, required: this.required }), h("slot", { key: '89590dc1113c88aeb0de99bd91935b48576b4853', name: "label-info" })), h("div", { key: '5fa096f225b34670fc3d9c6b57338e5dc5c13590', class: "gux-input-and-error-container" }, h("slot", { key: '26c82efe9f980b18c11d9408e55cc2e564867028', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '7a2a52d8c23fcb5882c51df48fea669e70d6a2b6', show: this.hasError }, h("slot", { key: 'e3895126f0568980f1be45a852913f20f6237cbf', name: "error" })), h(GuxFormFieldHelp, { key: '0173b8bb2db7ecc54454c1cb496f29c5d091a5c7', show: !this.hasError && this.hasHelp }, h("slot", { key: '40b1d3fb225a2e41a41b7572d510cc6a4c8f53ab', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '0582501ab3e6a756a14dbbd274e26908d2c549f8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4b294d2f3d6c388bc7066e3c4f666a1c16dc7c96', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'aa0593d2f1e7490d70d74475dc22c26d1c9ca01b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '49181f480fe19e6a3069a6a5f5655594679e92a3', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd1da16d29c778840261f5f9c41f6472cade95129', name: "label-info" })), h("div", { key: '966cb02fe182ff26866900d5c147730a4ee4c012', class: "gux-input-and-error-container" }, h("slot", { key: '21719c9b003e9758503769b86dc1333de12bc273', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '1499d5895086079f45617d6a0c0d69483dbc250e', show: this.hasError }, h("slot", { key: '87e547b8082c485127f4b346326169e9715706a9', name: "error" })), h(GuxFormFieldHelp, { key: '55177ab898cca6c3b0b0a520dd9ee1a27d97d80c', show: !this.hasError && this.hasHelp }, h("slot", { key: '60a69dd5dffc9aa69d9f07248c052b150e5d91d6', 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

@@ -14,11 +14,11 @@ export class GuxFileListItem {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'f45c9a8fd63502fc11f7b335556beb2d70acb49b', class: {
+        return (h("div", { key: '3a2e436b710705f65b693b7a5d9dcfbdf3a0f036', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '86bafb60a2b20e14e0e6ef5bd38fee47d0ea3096', class: "gux-info" }, h("gux-truncate", { key: 'f4f841214860f392ed88741b44139dcf8a3e18c2' }, h("span", { key: 'f23791db1fe4fe023f1809376658882635ec1d91', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '210ab577a899ac3596a181ff5192799a9eefeb2e', class: "gux-info" }, h("gux-truncate", { key: '50d20b56f716d6ad219c9c86b4cf4534de0bf8d3' }, h("span", { key: '707ac3629ba48c98375aed98010ad129494e67dc', 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

@@ -85,7 +85,7 @@ export class GuxFormFieldFileBeta {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '1fe256a52a5afe4adaa1206bb7facc912f8feef9', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '9ffdb4cd13b4b901dc72be9a0f1afcbcbd1702c7', position: "above", required: this.required }, h("slot", { key: '9189c449cd4522b16abdaf9b637cea9673630693', name: "label" }), h("gux-form-field-label-indicator", { key: '093191ddb1df0466f7a2ebce53e53ac135e03ac3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '93c66fcee587c739317f77143f55d00271c8aa0a', name: "label-info" })), h("div", { key: 'c02ed85d99dc15c93e1e59066bb0ed9cea2bfef0', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '0eed67d08b8a92a07ae7eee1947c9c8181c7934a', show: this.hasHelp }, h("slot", { key: '3baa46080c9e58dc4683daa4d291c6f6b5446455', name: "help" })), this.renderInputSlot(), this.renderFileList(), h(GuxFormFieldError, { key: '0c47f4fa737ef84e2da18b873b5c7f52f64ac540', show: this.hasError }, h("slot", { key: '22fde6b4eb08b4c97c715adefd942e628f70da37', name: "error" })))));
+        return (h(GuxFormFieldContainer, { key: 'bec805f439d8baaffb1bdf26fde903890df6a701', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '7116bf118efd75d586218435c99e915c1ec2d0d2', position: "above", required: this.required }, h("slot", { key: '98292ca6442192f8c6fb28c3794b971fca5f3f0f', name: "label" }), h("gux-form-field-label-indicator", { key: 'e0e7e7131ea944df30766c1620448de57c11d841', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5c29c04ea353aec4e516015c6198af258e2fe460', name: "label-info" })), h("div", { key: '08af8bc7b068858fa0097a91fb31c89c8f2b5cc0', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '2700e339143a6cf407f823af17cc88c1d0d9b546', show: this.hasHelp }, h("slot", { key: 'ef389e8c2cbf9f9a65a67dba05030df4abed3f21', name: "help" })), this.renderInputSlot(), this.renderFileList(), h(GuxFormFieldError, { key: '832b2a2992d9e568e41e73b262bee1141265f332', show: this.hasError }, h("slot", { key: '0b8990ee0296aad54ad91dde9aba28ddabed759f', name: "error" })))));
     }
     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

@@ -101,14 +101,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '13afe422f642ba16e4857ecf9e892dfb04b2fdfc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c51102e1f37223ea40c28a3cea3984fa941ceb88', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'cdda6da6b27dd3050bd62ab96b27282b2ce896f5', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7e6799c85fbfb9aec78e580624ef004427106385', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8e2603f682330e09f19d4bf193f066558aa0e5fc', name: "label-info" })), h("div", { key: '09dc4e40a2f1e6ced84f7802867606304ca70643', class: "gux-input-and-error-container" }, h("div", { key: '6ead414d68a59cfb4aa9826bf49276168031ae86', class: {
+        return (h(GuxFormFieldContainer, { key: 'c99c914f830b61c908f13e5ce36954b4f3bd9c67', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '238333b0f6d90c605444499b0be9a98a53f1928c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9dfa0bfbb40b0698ef914599848d558078681d06', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '38ae86001b4472a8bf9c9468b67c5d5057873a58', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ff254a92ec5ab3872ea7408e4d4922bdb43a11fe', name: "label-info" })), h("div", { key: 'd2aec32380add4537162bbfd0c02ddd02f9d6565', class: "gux-input-and-error-container" }, h("div", { key: 'd30cf52e81e1a69934f6bde76665af33ce952bc5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'd340997a36a661978124bccba8b171b160345671', class: {
+            }, part: "input-section" }, h("div", { key: '4c92c1eeb2be3ab53c69c955031097a29184b211', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '638416f9ee4a3f40f48529536656563d79aaed8a', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'c9355e0b289ecd4f3658a45c6d488b26f85974b0', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'fbb6480b1c69042af3d5f6485cd1371607c94a76', show: this.hasError }, h("slot", { key: '7d46cc8782108319b94df06142f93207397faee5', name: "error" })), h(GuxFormFieldHelp, { key: '5d12b7543a51b32fc15594ba4a2d0870e9884e78', show: !this.hasError && this.hasHelp }, h("slot", { key: '39e96aa71e408886eb675506e4cb2c90d69d2d33', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '1eb0f0ae666f55ad099b095f6e58395f7a4a639b', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '2e3d68d7c330b499fae6ca6c5166e440e32a509e', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '670ad78ef6a7a8fca3f2ef0785fbdf86568b587a', show: this.hasError }, h("slot", { key: 'd659f9ce0a6869db5f93136a5592a3c99574f08e', name: "error" })), h(GuxFormFieldHelp, { key: 'ae400235b861a8e73a516c8182ba300eb59fb87f', show: !this.hasError && this.hasHelp }, h("slot", { key: '7e5e8b3c039b16395cef0c7f662838e0027c1900', 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: 'cb22a38e15f35369c2779681f14fe3c7af6eb36c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '010ae6c520b894eb03c47577092b0d04464bf5c3' }, (_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: '1675cc82868b0a45203ec2d39bb7d42dca73eb34', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3ef3a280d0fa1fa4b93a9d676eb7644eeb34e124', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '37c68ec4a291fa3f9e54d7b63d8aea4798c436cb', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8a47e9994a19d868fcddeb4942246e1c5bb16be5', name: "label-info" })), h("div", { key: 'dfb0e686a3ec393b1baf6e819834fa7e9166f7bd', class: "gux-input-and-error-container" }, h("div", { key: '27c65f48ed2beca9587a36222ca99ec6b9508dd3', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'aab1dab0badf3cdfd2d2de48bc0d22b24d47a950', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '82ec47058a20292f6131a81ef7007b75d99b1c51' }, (_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: 'b317c963152e1883fe1266d27a6ce52e9a529233', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1f2a52e8c9b69e50ed59815ba50a76f59a745627', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '39c7983144f32ea42335456a4325e1cfba6ec738', variant: this.indicatorMark, required: this.required }), h("slot", { key: '805f28ff82c24db041efe15e067319a3fd85daac', name: "label-info" })), h("div", { key: 'b6c25f2afabc820edd730a01c11e19c86aba47ae', class: "gux-input-and-error-container" }, h("div", { key: '815dd30a9c909f8c8da4d8d21a621058ba1aa33e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '2e169ccb413b996fda8edd13807419584ed73667', class: {
+            } }, h("div", { key: '1e1a6f88e1c8c58cc87b003ba4210f740c78de93', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '790b1c844cc701b8b158544c26a0eb185e4da5b7' }))), h(GuxFormFieldError, { key: '4d5a81451da174070035596798167a6d6ee5f98f', show: this.hasError }, h("slot", { key: '46e13e3d51e81ffdfb3c739d576182fee5b2a733', name: "error" })), h(GuxFormFieldHelp, { key: '51717e9d2379d70812cdabc3fdd888b9e5de96dd', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e6736ba533b244ca9fbaeab76ef098cba57af072', name: "help" })))));
+            } }, h("slot", { key: '37eb03fab7a8b3626ddb0dfa46dbf1aea498e244' }))), h(GuxFormFieldError, { key: 'e5c3a9e2f07afaa939873ff34ec6e2f1ae02a0f5', show: this.hasError }, h("slot", { key: '7810e0906f93f79fc9f84557857f132afab9ebc6', name: "error" })), h(GuxFormFieldHelp, { key: '5f5bb2374466f7f0761f06c3e8ad6a5933bd45c1', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ad5b9c0014ad9ab43ef42d8c1c49dcbbf34f9651', 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: '0358f43c3ff844db4a6897205ae43d5b82a01270', class: {
+        return (h(Host, { key: '7868d5b3589350c106bdd66583d0210f1bc07abd', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'f52e0d74f3eaec5c56ca931780d73c769923d3cf', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '435e3853638aae6404452885c1b1d31d7b175ddd', class: "gux-input-label" }, h("div", { key: '9ca2be4268e5774f5e513e17667d0af5c82fd2d7', class: "gux-input" }, h("slot", { key: '267b6dfa2cf566497adff2c1aa75925be3c35bb4', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'dca5100fb8c8d98a051ba4b4ec6d86e36f840edb', class: "gux-label" }, h("slot", { key: '1ac72d2086c0ec22d702172a194c9173247a85b6', name: "label" }))), h("div", { key: 'c82844f84efab44dfd0d05b3d892a40da7529496', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'f67380664bb9bfbfe0b73372f03abdb04478cdc9', show: this.hasError }, h("slot", { key: '39cb75ad0d332d4f5cf966e8405b069d77ef5940', name: "error" })), h(GuxFormFieldHelp, { key: 'c608f3b4e7dfb9f92d5303e05457a16a34520f02', show: !this.hasError && this.hasHelp }, h("slot", { key: '03db82507903bf091edcc0753c75a79bbc1e86e8', name: "help" }))))));
+            } }, h("div", { key: 'fb0c2550cc27cb33863de850d1be6ddc03e1107c', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '33e03e7eb337a46710af4256bae2290dac93018d', class: "gux-input-label" }, h("div", { key: '965fb67435e404298036fa8d357818e723e9e022', class: "gux-input" }, h("slot", { key: 'ed93091ef00481143fb25adc0d3e32c4d6e907e2', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'a7a67237ed324b43fb6d4663c81f92ecc99f4ed7', class: "gux-label" }, h("slot", { key: '2659c63e9c04b6f318e18e02c9fb3b0ddbaf868f', name: "label" }))), h("div", { key: 'de613d8d9b3de1e62677d09843b0638824ba09a4', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'f6b54c5aa093a6aaa017327f223fb7651fd19c85', show: this.hasError }, h("slot", { key: '316b2da1fec3fc472ef7a22d6e48692bb6581e51', name: "error" })), h(GuxFormFieldHelp, { key: '273b226e5260b9f946748cd7774ab97c6c85267a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cca68cffecf10564da10855f364993119637781d', 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: '2eb182ced11f796f8a0524fcf7790d88ca7fca9e', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '8ce290e6964ee5f609f3253659c317ce19b176b0' }, (_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: '7bdbcff0095157f6a122ffd2fdf6613ebc9bd091', position: "above", required: this.required }, h("slot", { key: '19016758f3bf890b18439bf3ddf85ac5149e142a', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '72a6b19db5c8f42109f22f03d18ec64f4d381d5d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4f21b3646beca70b8751707387db85862bc66566', name: "group-label-info" })), h("slot", { key: 'acee53340e2fb41fe667e6f862e1b5a9d020e2e2' }), h(GuxFormFieldError, { key: '5585e3fa5e0134f2a5867739f16e69563aa73f82', show: this.hasGroupError }, h("slot", { key: 'c5271ceca928c159b35a44d57d78717b21ef1688', name: "group-error" })), h(GuxFormFieldHelp, { key: 'eb7221b200a431c6d04d7342253a9b188c94d02d', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'b56818ff33713d6a87e346f126de29c37ba52da5', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '67e013d68c8972e7262e3092a3b28e5783bf9816', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'd1deefdefa4ace07c0239aed219dfe892de45f23' }, (_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: '6a29f81e617b158e5471d605321ccea8460bd4e1', position: "above", required: this.required }, h("slot", { key: '98967f3f48835321b353d269868f292c0acb4979', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2969e018e18d6ce122c05de206225ded3fc9fff9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '570fc242e737b7fb0be4ddc7610cbbc0cf64d5b4', name: "group-label-info" })), h("slot", { key: 'a1f2d1608a23b1f005573cd89d9dcb6f40a7047b' }), h(GuxFormFieldError, { key: 'c044434c7c3675929c288dd5cef20e983e838122', show: this.hasGroupError }, h("slot", { key: '2b92c8eab9b2a05a359748b5e283ae65ec4f51a4', name: "group-error" })), h(GuxFormFieldHelp, { key: '80a77ffe1a01179cf9762905ca7c00ad3d4ebbb2', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'a24bb76ddeee69936435fc23877d2494d04a80a5', 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: '6695fd4b486d4b288b42768e8c6105376d49f580', class: {
+        return (h(Host, { key: 'fe79f33334d3af25840635fc74dbb8ae28cc99b7', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '648c0a85f4470ba9f7e47e4218caeda3cde59f83', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fd6dbd89b6e073c2f684ef908dc065e84463cf1a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9a0c9a674bd536c26bd07b38ac8577ca5f2c7814', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a52555014c784f3dc06553017d9610cee840c5de', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0cb195c1e75ce2b546c65d51fc7826b859c1a409', name: "label-info" })), h("div", { key: '5986de20e72287a20d2ebf6a1879f7bcdff4143e', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '8ee1d349e59c05a6f72129a970fc5f1c3f717b9f', show: this.hasError }, h("slot", { key: '0e35a28b75c8678306a54e6f10df456472708602', name: "error" })), h(GuxFormFieldHelp, { key: '7a0dd4bdd6e8b0fdf0e0dff9b014ed7d2dc035f7', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd1e2cb2e267de30eed1807afda20c58a3d9bc54b', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: 'cce4bd14cad858df715628ca20ec9e24461bccc2', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '737b3f4f14335784d2ae2de079267b5eba876128', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3462da632cbec8c52702030f68d47dba27c28d8d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7a5b2f8d979cf2365f355b60d5c7f6362cb2b0b7', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a67625082f3042d533c59a83ee0037fcca1e5e1e', name: "label-info" })), h("div", { key: '510cee16c2ef097f23da13112466541f507438f7', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '406be020703ae0e70fc7156ff11097ae29aa2649', show: this.hasError }, h("slot", { key: '20cf1b98a8dfe48cc1959e9ea7a4178b34cc6376', name: "error" })), h(GuxFormFieldHelp, { key: 'c868fbd022f0386774f9048dbc90789a8cd540d2', show: !this.hasError && this.hasHelp }, h("slot", { key: '490d52edcf83c9bdd4dc36435f454fbc3820a426', 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: 'bcc392b9e5609a8cefaf27f648464bd914926970', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c32d7400e70a6b54599fc68a028d805170315c72', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b60103e03f34eb2b3d2e4184eea46c0109313601', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '84e72233ecf03f155e10963af3a3f0bd4992e3c6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '233b51e2a6ada55327689f98d50124a6cb502b77', name: "label-info" })), h("div", { key: '5a832c4eee08d4c62bdd7519ce29bd0d5811274d', class: "gux-input-and-error-container" }, h("div", { key: '8f7da4e839037b4ac190ef80dc29e7d42818866d', class: {
+        return (h(GuxFormFieldContainer, { key: '36bdecaa1cf11fb7c5de36e90ef8023aeacf9479', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'bd17b714ec1de5cb6191b979e4d1956d1bd13d2e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2dc98ed1973547a6630ac9635bd6c6a4470f3184', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '451d0efd0bf2ccda4306f05015e040273c510239', variant: this.indicatorMark, required: this.required }), h("slot", { key: '22e765d02ffa796fb361636d04997146bc9c0722', name: "label-info" })), h("div", { key: 'dc2d47843ebcb77e9d6dd3160eab33c6e07ff576', class: "gux-input-and-error-container" }, h("div", { key: '208ea5d2c66c91d44ebddeb520f78425160487b4', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '61c4a490e631ee03c990a7720fc681367d6bb5e7', class: {
+            } }, h("div", { key: '6df3b8f02ee43dfb415f0dbe6bc1674f87d1290d', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '1bb9e1c9530699076f24e768c3b73083115b4e6c', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '8006a1a9ac071f7028eed3198359cb107efd654b', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '698c47aabbc2638a97477ba740ef68b9215f25da', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'f9e623c99a9fd95bf3c55dd3e339d59f525748ed', show: this.hasError }, h("slot", { key: 'cc9dff08ed517aa2d2375fa58df46aef091d71e1', name: "error" })), h(GuxFormFieldHelp, { key: '479137114272657d24da0cced06c1476fc1d00d5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c820d5b629abb9d6bb8f5f1af2e3a8223f94734e', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '64d1194547ca5ad3230662c64fbfdd4be86815cd', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '3bd0beaf3c51b004368203d9b94be7403c92f2ba', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '0ebbdd36770c2c2b3b8535b9d4248bb5c232bcb4', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '9e28d18be850778d65a3ecf82f6d9a601d194936', show: this.hasError }, h("slot", { key: '678cd98f9333cf85d6df22c72758dd4b2b075c22', name: "error" })), h(GuxFormFieldHelp, { key: '21947dce2c491bdc077054ea894acaf89c871a5c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a667eeb5a493a9c15616dfed3ebece5b10e56c70', 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: '139f5144ca810c61c1532627d11daad6e2b268b3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f274f51db7dcf6292b7dcfab21166f114469cfb0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '92263b142afc3454c46cbb8c52e6f46563fae194', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6fc056af93901303593034b9d74044b884477021', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6b6f595c89b86ce1dc885858334ebfd9ac2181aa', name: "label-info" })), h("div", { key: 'ff2d15b3d288bc325d94600e9e36420a0e3d4dd0', class: "gux-input-and-error-container" }, h("div", { key: '788bfe3b693495704c574807abaf1bc22c4df017', class: {
+        return (h(GuxFormFieldContainer, { key: '0f7e5d23f35dcd6d07d3bbbf22c21970d1cdb098', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd545181f1d071ec6b017925aaacfa98188510f87', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f0eb14e27b895c69e20927557ad06193bc15648d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8ce6f4a89268e0a0e072b88baae78df688fade08', variant: this.indicatorMark, required: this.required }), h("slot", { key: '00862d6eff89248bc04d2b6fcf5af72480430901', name: "label-info" })), h("div", { key: '36d142cf5e480f845428bab255a8256d4e314f07', class: "gux-input-and-error-container" }, h("div", { key: '6773aacc6c3576505c41985aba122f419e9650e7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '77396f21a267dbe525705ae41a0b25ce6123f605', class: {
+            } }, h("div", { key: '36d5bc41c4135ebe74c1e0756dc902600f4121c2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'a1594aa24d805ef8a44926c8f795cbd383b45ab8', name: "input" }), h("gux-icon", { key: '1d0511bd268ab77717a5a066110ed895a50cc78e', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'a3f2ac0d6b3de2462a7b97b2aa7e441b491c1ea4', show: this.hasError }, h("slot", { key: '3b4945da050c0f8ae0f5fe1e1d05422d14e8748d', name: "error" })), h(GuxFormFieldHelp, { key: 'bbc1a628c244b36c79887d020f5c08129d6fc7d6', show: !this.hasError && this.hasHelp }, h("slot", { key: '36d7c7a7d5dfb909c355ce7931601a084b8c44a9', name: "help" })))));
+            } }, h("slot", { key: 'c2a98d04868de2313c66a4dda2913ebe71747c4a', name: "input" }), h("gux-icon", { key: '4df5d30232e881f50a4b4d9aa124cf5cb49e14fc', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '553e4f62889b0302ae8581a544b04efe75f1c4c1', show: this.hasError }, h("slot", { key: 'bcb4fd0ec8013e99991d69adacc82ee2cf8d1c36', name: "error" })), h(GuxFormFieldHelp, { key: 'fb5e374752526885949ebd1ea65e75851acf3fb9', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c63b07a69361331c445c33ec7c2c2e52fcb7f645', 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: 'aad745af5d3e252045c4bd99db487934c97c06d1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '583b7746bf1acfaf6cba1aaf55dd3e9280dfd36e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4beb7f25d027c723416a3131253c53fa56f29ea9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '565d5970db9280de0a569e213263af7900d83066', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c167dcee89f75a0048ac693739e6b09cf48b5e80', name: "label-info" })), h("div", { key: '0de5472bc896e30ebd88f87eeca8b186b95ed381', class: "gux-input-and-error-container" }, h("div", { key: '7a0b6605d130e191f672379ea36aed1519c4ce9b', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: 'a355259332c53a2e1dbfcf9244d7a1171b8ec036', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '62ebbacf71ddfec8d3bd9bb137003ce4237092e3', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7078e464a48bf8980922fe0e29372b90bc9edc02', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f0ff7fde885a3a76be1a29533499178a921c94d4', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a310569087774f6a61aaf74a96c30f21e0be87a2', name: "label-info" })), h("div", { key: '837f9547ca3bf835cdc64e854f147462ef2329f6', class: "gux-input-and-error-container" }, h("div", { key: 'a46684af32e402fb37f44df057fbc83b31df8512', 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: '2928032a0fae4a223bf3c9b493d11fa22d798310', name: "input" })), h(GuxFormFieldError, { key: '49ab143d3724b2b94981c51bb808c88791dfe29a', show: this.hasError }, h("slot", { key: '3fe6baccc2e17571fad8940e2f61a411aa4d32e9', name: "error" })), h(GuxFormFieldHelp, { key: '213f3c09d637a625d38cb9d23dcf579db804da75', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e862b410818acb231f7710d755561cc9711b348e', name: "help" })))));
+            } }, h("slot", { key: '892cb714353773e6ad5fad8d43da6c72b72adb77', name: "input" })), h(GuxFormFieldError, { key: '784a6dce762a3b618ac29650737f4b735b90a3e5', show: this.hasError }, h("slot", { key: 'cc79c40318f52d3fc7a73324b04405a6e7fbe254', name: "error" })), h(GuxFormFieldHelp, { key: 'b4705ecacbcbeb00bf0f86cb026123ff57b5081d', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f576d6f0fa72c85a702d50bb13bdd068e44df8d2', 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: '450994fbedbfeee5763f239a3f1e5f9b4255ed00', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '963bc427a2b69a51a718e1a6534b4f24e98566af' }, (_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: '0574ac939e2e33cf1df9302f27335414c5357ca8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9fdab62befa5980008edac416548458db8e94d1e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5a315df3345268b021726e7db5585b1ba51b6a0f', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c23a6853b454092eb9a136307c21f0209d8bab9b', name: "label-info" })), h("div", { key: 'ab7b85d88572f3429b7f63ce0ca38d9739b9d85f', class: "gux-input-and-error-container" }, h("div", { key: '4efc8f99ea61b126547eefe96d4241c4fe65bf6d', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '3b353896bdccb956c5c5828f992eb95868a1df08', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'e59b57ee270868372eae871866a237495108397c' }, (_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: '4dc18ca69597d90e935dc50998e9a834c814b6ef', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9537bb33648ea5affbf6c0c6eaed9dba04a62a74', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '32e0e5e3589895a8194702387616d7e4acc0a601', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c25ed62e8fc3d6a1b610572f08727d37ca8cd854', name: "label-info" })), h("div", { key: '736b5304d80093257224049f28882c81144cecb6', class: "gux-input-and-error-container" }, h("div", { key: '00e14df3a31911840fd8c20db1629b49fb4659e8', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '3d8399addee15a4e278e755848c68ae7bed93a4c', class: {
+            } }, h("div", { key: '2af1d0b3410954ee5fe4d2030b20e1715bc4cdc5', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '8178d0aafbfe59d907bffee3ef8be637d2fa7a6d' }))), h(GuxFormFieldError, { key: '0fcd7708aab3229a24ff7700ca7ce7670c5a540b', show: this.hasError }, h("slot", { key: 'bca9aa20d2f3d6db13a5f1e120acebc05497952a', name: "error" })), h(GuxFormFieldHelp, { key: 'a531126990dd133b267c3758c19b06246f7e8004', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b1c11ca1663bf2541d8e9b9062e63cf3a030def3', name: "help" })))));
+            } }, h("slot", { key: '9bd52913c7071bfca9dbddb7b9999c404bde7d30' }))), h(GuxFormFieldError, { key: '6bad53deb321fbb28d3d43400558060f5eb6ad6f', show: this.hasError }, h("slot", { key: '9ee9c938c34a85ed9d724fea784f26491e9f3095', name: "error" })), h(GuxFormFieldHelp, { key: 'd050961e794f3dbda011a4270c4fb0f14b6d86ea', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e240cb0cbec5833c9bf4b4f1f2cd244d7e218eca', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {