genesys-spark-components 4.165.0 → 4.166.0

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

@@ -138,7 +138,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '53eb4a4ffa83a2a1d9506bfac9c61dce6f101b6c', class: "gux-action-button-container" }, h("gux-popup", { key: '5d09b93080d59a8112014e13ca515576786df16c', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '727d3ec06b98c5454c7dcb2eaa20de7fed9dc994', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'e856dc6a18be47445f35d3c742a82226cb91c965', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '745aeefe1094809c8cfab25ae31eb3aacb96637a', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '407b5601a4caa52d50b9da03f5daff0bd6f49b33', name: "title" }))), h("gux-button-slot", { key: '8ea6d8bd123dbb15e6bac16da4f576f4dde91243', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '346c31e8a72a09b5cf3de660a71611f5767536e6', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions'), "data-testid": "dropdown-button" }, h("gux-icon", { key: 'd474dc7b197f4b1c1f359791bcc54cc2bf2af55b', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'fd181cd9355f17bcde91c7ee5d035f840812e8f4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'cd2180c12b3c9aa42c7ea0d2c26ff0a4534ed430', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '89925cbedf1d78b4475c5741f0e261f5e4a86712' }))))));
+        return (h("div", { key: '5df60e7be8cbe5c1a71617e76b6d8e3aaa5154cc', class: "gux-action-button-container" }, h("gux-popup", { key: '92188e4fb560de386ae430d7cd67975832f17e1f', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'd47c50a95814ac12d5e68334b17eee6ad007cf9c', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'ef244b3415f9c87dd24ba4fef3f43a9f96be6e83', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '9cd1542a97200997f60b2a28565e8741e81ac58b', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '036af66fabf480b82b3655fb20e7eea0c67e2a8e', name: "title" }))), h("gux-button-slot", { key: '81055f21f5d6d26c7945668c9ef0b61eb73492de', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '86c46e0289686bfe9d8587f5718c62e4196205e0', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions'), "data-testid": "dropdown-button" }, h("gux-icon", { key: 'a7fef18f7fa68b5d13f19b2d3b14e0582ba59417', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '8fc84887b2f897bf90b76c8146d74099a20dfaa8', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '1f092194e7744e9e5b66b8781e96509df4db2dce', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'fcdcf808d519c4eaec9a2fb189c62b30ba347b28' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -52,7 +52,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '8a90506ee9f114ad699ce846f33d9a695daab9f8', class: {
+        return (h("div", { key: '8952844a550f02ea7c15b784a9ca0d611557576c', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

package/dist/collection/components/stable/gux-blank-state/gux-blank-state.js

@@ -43,7 +43,7 @@ export class GuxBlankState {
         this.hasGuidance = hasSlot(this.root, 'additional-guidance');
     }
     render() {
-        return (h("div", { key: '139c7338fbd18f8c0530269a5449f3c7ade7efd2', class: "gux-container" }, h("div", { key: 'dcb6dcb5c7449c8096479680733e24a486b7bc4d', class: "gux-image" }, h("slot", { key: '37d99fedacb438620dc078ea972da24e0d2854e0', name: "image" })), h("div", { key: '06d4ff2d74235deae4c95567882d50f2e6d75f61', class: "gux-message" }, h("slot", { key: '8c174a69f1a32a2d49190dc7528b1fccd3469b8c', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (h("div", { key: '78927632c700a71df25acab3b09ba3622b479441', class: "gux-container" }, h("div", { key: 'a43905c846832ad28936733ccbb5244f74ec42a2', class: "gux-image" }, h("slot", { key: '4a99b872cc3a6df62d38e1c6e17ebe9a42ec218e', name: "image" })), h("div", { key: '9309e89f6f4c72fd5e4f7b204c45ddb2982305d5', class: "gux-message" }, h("slot", { key: '75eabf530cdf78bb8be1846adb0e067bc161d4c3', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
     }
     static get is() { return "gux-blank-state"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-breadcrumbs/breadcrumb-item/gux-breadcrumb-item.js

@@ -35,7 +35,7 @@ export class GuxBreadcrumbItem {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '0f964c879ddb049332578d18bea864ebf2ac0fb3', role: "listitem" }, h("span", { key: '9a3c36da7a340316390205180a23e904092a94e2', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '7b5d4c63c122dd42bc9c981b2c9721bea33f0de3', role: "listitem" }, h("span", { key: 'c2ba5b396b6da88b84d54dda5119a6a6aef1cb81', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
     }
     static get is() { return "gux-breadcrumb-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class GuxBreadcrumbs {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: '168049642e68fbc56c6f3580a50b8139c5defa65', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '1a03009c00c013594c290bfa597d85f69d7c8688' }, h("slot", { key: 'ea256a1e6b868904a1568f57dd83f1d8f2865249', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'b491b4f303a036c22340fcd581c10c6f5ca23e0e', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '60428b5e13701ec0f28c78f3a50696c3fa303904' }, h("slot", { key: '8f9ca0ab78254e4ed887dcbfe04a2576165f9097', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     static get is() { return "gux-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -26,10 +26,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: '134f5c031ca4eb4e87fb218a06214c8892fa1742', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: 'af4a9e9f92774b29a3fe122805ca24cb79c6d0ac', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'a575a090724849aaa0b2ed74e71388243d3e5765', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '4b0039c4c0d47018962d44faa89236377224aa42', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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

@@ -126,7 +126,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '68f575cd942b0e72e40e5c452f0ec78603b616f5', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'da8ac00e3f2d3dcd6e99c27d1942e1817d473c5d', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'f965ba4d8708b0846f42a26f4fcecea10e4e78d4', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '5400cb11fcaa878e4c9dc5e2a3839ed39169f9f4', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: '28f463760494866349e25eb539a8479470bebaa2', name: "title" }), h("gux-icon", { key: '173414e8dc9382703d8aca6cec7a1014ed859b32', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '4e5874006f6652d87939ec20550066636fbedacb', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'c6a2a7f0d6285d1ea89316d636101642730e9ee0', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '23f70874aeebe4baf213565ddb2544fdfb9f5dba' })))));
+        return (h("gux-popup", { key: 'b0306d8a18569fef8747b27ecc7919abee6485a3', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'e51517f0b63c6ca26749fd7a182918e9a9713ada', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '3dc7694690e160f509e77b835630f51c70974b3f', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '33fd8678672016a2b0211f7cac46ddeb9044a446', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: '451cebcd2e615c1e79f5f2e8ed7ab69a1126a9c7', name: "title" }), h("gux-icon", { key: '39291d3e6ad291a2e8ec69bf81f057b3c7fcf969', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '455cb0698f730781a7a8700792a13b7c78be003b', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'c17d8076f01dd8295460d061e4db9233f8110847', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '20413297ba0d093bf41855e6112cf39f72860e04' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class GuxButtonSlot {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '8819f437fd5f475a7b55e77095db784813a96423', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '5a5db86c9369c6d0e97f13fa810a4e3c5bf2af92' })));
+        return (h(Host, { key: 'cedf1ee61bd0713a3ce0a8fb8b88016ef3a0d0b1', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '12e152c94d7001f80dbaded950a142764a5f7150' })));
     }
     static get is() { return "gux-button-slot"; }
     static get encapsulation() { return "shadow"; }

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

@@ -344,7 +344,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: 'a4e06e2ba0c7af5321f69647da18f93be474b4db', class: "gux-calendar" }, h("div", { key: '782e30f3f1fe6eff43168a5dd775f1104915c0a4', class: "gux-header" }, h("button", { key: '88a45290016c9ecd7d37853f62c9fa755b009673', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '7314f5231b877889b5afe690a7dc7f0e0908458a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'b0e09dfeac5392b9df2bc61eb0c935a85cd3867e', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: '70d37b77b5be479ce47573d54f9fb13ae24d4b89', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '37a51061a40b1c26067d714dbe65c8acc2ce96bf', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '3d02e47d7a0c4b568cc649ee28e302e826e0ade2', class: "gux-calendar" }, h("div", { key: 'aace629948952fde8b8b6f13628645c614906414', class: "gux-header" }, h("button", { key: '1d81134f9fa956a99529faf9c86a67f33ca5bf67', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '4dacd2ef86e37aa9f97335315a38e2790e589c27', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '248be9d1b53a8ed404e6a81aa8b3261ee1871b48', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: '947287a738c0fed8a8da0720a27eb79178a0db3d', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'ed467dbe25d8a3d5c0bfae22a3b6a20ada90fc32', 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

@@ -14,10 +14,10 @@ export class GuxCard {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '8531803bf5aed7589ee6d93d1fc3fdf05530e2e0', class: {
+        return (h("div", { key: '4ab8b0f22bbbc0b9f9211bff8896c0e6b29f18c8', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '5886c4c10b3153226b13a59f7d7b85dd0d16e136' })));
+            } }, h("slot", { key: 'e40b8479e18291315e2555672a9c91e2ec236484' })));
     }
     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

@@ -124,14 +124,14 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '367c36061a556b2e8a01b97588534933287690d8', draggable: "true" }, h("div", { key: '1d208d949bda74e4d875dab973c17e511dc2f847', class: {
+        return (h(Host, { key: '75146d3e13f40dc2bff39d20b4978dda142cf7a2', draggable: "true" }, h("div", { key: '0b83eb0c921e76ee096d232d30b5a106212c5a62', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '8b07b8235afe8cd1f29e99107748cff8ab08308b', class: {
+            } }, h("button", { key: 'dc386da053e205fad701cd719791cc904a67eca9', 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: 'cbcae4d3eeb2caa02ce2f255d3613fe0af576a88', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'a257610ac76e61b8003e71244b7e5287b316660e', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'a4e4ee44deb6a4c3898e32c926aabc3c14fefc16', class: "gux-select" }, h("slot", { key: 'bc505575ec260c8867f634ac87aab7f08d1c874a', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '98d4bce92703929555b0e2bb2912b3fea9ac9559', 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: 'ecca917ce8437280169e08f18b3294b722c55dd8', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '6a3d15e4f04d8264fd77be6059c119200432b058', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '6eb93dc4b42805b5c8a836e3d6d10609671b6c32', class: "gux-select" }, h("slot", { key: 'ae7fff4f2c730cbb7e3a77781f8df5d607956e07', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '87c1ddb45f1fe957677d6829ae94481bbf22e232', 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: 'b7ce08137190957a0ae80c7e66c4288131dd4f2c', class: "gux-container" }, h("div", { key: '5df3a55b48913d08428a7a10fd530ffb9cf25937', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '072149f544d9d87ab86a6b4243a1c5ab4aa4a1a7', class: "gux-search" }, h("gux-content-search", { key: 'be840fda9b3fc8381357f781c6e8b1e506942a90', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '07d2b1f590afa5ffec5400ac227209345fd2843d', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'd664b78531dbdaf72f7184958a6d728d671e34b6', class: "gux-select" }, h("gux-form-field-checkbox", { key: '05a893101d162f76f3df3e636bf4f9268262eebf' }, h("input", { key: '52b42d034cad321280c74eeb237bc3434a231c7e', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'e8e992aa237a198eb05305de304aeb55db704ecf', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '6ef21dc5844b0d40cc12c1e52f482b27f223f6c8', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'a00730a6820a3abba1504d61c50e36b3cb6298ec', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '1fc59cd7e1abf4f0d12c85c63f8a8362657dfbcc', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: 'f0dbc0f1b501b179dce025a887d6d9b88626ecb0', class: "gux-container" }, h("div", { key: 'f18fabb02accfbf94bb4b3e68486438110bdecb2', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'e51842e94b7dd07ae55c63c140a002173dec8973', class: "gux-search" }, h("gux-content-search", { key: '308df505c26dd6f935b789ae6c1d7f9d79245520', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'c34f84f7480e17217cc6bc19e67286aae048cc13', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '70aa5ef6e6b04af04da4be05e5fea43651aa7b91', class: "gux-select" }, h("gux-form-field-checkbox", { key: '1c9349112407df086b246c1503f81cac2a298236' }, h("input", { key: '993e4746508e8014826f877351d0ea5c5e1d2f07', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '2a8966ef7544794d026dce0d07468f90e06a2e29', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '12795ce87acedd1c2f5a1c27618248b5737f7f8a', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '10fba008ea1af1c7d86f37e8845bfeec17a2fcd3', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'cdb1ed0ed77f19cbd3fda169f40c0009634c9ebb', 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: '847f1e89ae0d2ef04b4347485db960375bfac09f', class: {
+        return (h("div", { key: '81535f6f425a38dc8dc1c2ec2c6b1b4f0ed61dfc', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '48798bdc9bb5d2fa98b0a46a427be3f90903420d', class: "gux-search-icon" }, h("gux-icon", { key: '34f8958715d07f3abaf9e588dca5f33e665b53e8', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '697b8d07ba2414ce430dab8f6fa7faf454848dca' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '4fb46c8f189824298d76f4319e12104649995015', class: "gux-search-icon" }, h("gux-icon", { key: '2be994a10f7edc5ae846eb78e6d2276df7b9b3f9', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '94478b5efb33df4e9bb57732754e542d10206e5e' }), 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: '2cd16ddacbd191b173f7b6ac85bff7082b1ff12a' }, h("gux-popup", { key: '2ed454552b5a5abeecfbcb838732bf96380293c3', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '5e418025847444e31ab811d887cb530b1e87b06e', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '1445177695751d83364174ac0bac202f0044eaea', accent: "ghost" }, h("button", { key: 'ee9fca2db917b058df0c3f2a79201a33bfbbc62b', 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: '4968e9b16bbd99bd6778ba6e294c6ec51783e793' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: 'ad7e3f2674909c15148efae876346a2000374475', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: 'd71c8d89dd9a2269140a6ad86c59da0b7bec99d8', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '89b70b521d2166e2672431a31cd6b1bc0b8269c7', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '97795e018bb37a1ccaa488d8be41cfc2e7907f37' }))))));
+        return (h(Host, { key: 'f53ad00a61d8b69fec7d473414f9c9ee990d8b70' }, h("gux-popup", { key: 'de1134b6a02aac5bec5f3b22627e8f63883a2c8a', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '71a2bbca8e5aa94a6224185ca1b47245bbd5fdd4', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '2bc54ea5297c49f9588ff785983f3edc430d1c61', accent: "ghost" }, h("button", { key: 'e21ce309516607acacdef676f17a42e697f6cc89', 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: '99eb639663b91e3553abea8ae4ac2880664ccf3d' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '8e8675aa5d80674495565cc1c025d6bf5c26db36', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '24e4969f1deed9b56fe5c4370b953df5bb945e02', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '7069c3e497b2f6665e660b99a7ab8767c43e25d4', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '7d987a1276a0f80459875f2e7508e4fc05513aa8' }))))));
     }
     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

@@ -52,7 +52,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: 'ff79d0dc9a4a559bb66dcaf0e5ef40f2ef6c62b4', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '22eca5f105d5a53fb8459919ca2fc733ef5edc1a', class: "gux-copy-content" }, h("slot", { key: '746a05864bba540aa70f40acfc2f205c674ea97c', name: "content" }), h("gux-icon", { key: 'aab2498fcdc725d37c2e44effbfd091350fb49de', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '75252f50be4e791f0fc2ca787438412283ce2d11', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '5a0ecfff5c8d9d2f69d4299b86b64082269cda70', class: "gux-copy-content" }, h("slot", { key: '7d18008f1daa91cde33154c9362217e3835b0f25', name: "content" }), h("gux-icon", { key: '7e815130102c689d9b77f6af6e5a094210a9d388', "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

@@ -538,7 +538,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: '31bcd6b65eac76aad4d68723e2308cbf6f55d8bc', class: {
+        return (h("div", { key: 'd77f5674c431b55ae0dbc505d0b7e08c8a3109fc', 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: 'a42976c1081623a502264f40087c0832e86cd37c', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '3d722ad509cb66b26e0e66e4d33d8bb6f3e3aaf3', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: 'de941be5548f25d721caaf43613cd0503932ac4d', type: "button", title: this.i18n('dismiss') }, h("div", { key: '7f55c0a2220d228e01246b1eeca8c56b30561ac8', class: "gux-icon-container" }, h("gux-icon", { key: '65da72a2702d705a233e9a0e47b6ed1ac01430e2', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: '392aab6336c518e300dada1ccbc66fd5e07848a9', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'c5d26cd1eb1ac51679e9e765a359d6d37d618e00', class: "gux-icon-container" }, h("gux-icon", { key: 'ccce93cda7b09ae750db8d74e6100e1056fa5e35', "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

@@ -371,7 +371,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '49c7e8f06f4de5511cf7d70953d281fb2b7326de', 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: '66bbe80f63a2d5e6e7d96a57d94e49b9485417ed', 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: '974b5a86160b5aacae364e031e274067a8c49aaf', class: {
+        return (h("div", { key: 'cb92f9034fb3dd14eb7dbeb1b8e566914046ebcd', 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

@@ -417,7 +417,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '6d52aa3af5b64d5f38f4ebca4bef6260a0453a74', class: "gux-dropdown-container" }, h("gux-popup", { key: 'd25c447e474aeed977e3782e8eab607dc89f34fa', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: 'b5e8cc00f6c8c18c1f74df675ffd98ddc9d4bf8f', class: "gux-dropdown-container" }, h("gux-popup", { key: '8246e600c62b48c52b2615504e422ebfe7020107', 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

@@ -183,10 +183,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: '6cf59014f90870cbe8d838110c2aa096543a114b', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: '1695c676fccd04b1f329a03ebf07887236ef08f3', ref: el => (this.announceElement = el) }), h("span", { key: '0e5f007704cf3ceee5e6de231a417eed53c72d57', ref: el => (this.targetElement = el) }, h("slot", { key: '0dbf1fe885215ab2e70266ae2c09be958ae48657', name: "target" })), h("div", { key: '6e475181c87066e81feda5ce432c75bf700f17a6', class: {
+        return (h(Host, { key: '4a209808a8457f1331c5ad2ab2c885fe4d7540eb', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: 'feb68706749e9be8bb93cca403401bd125b8c778', ref: el => (this.announceElement = el) }), h("span", { key: 'ea558303dac269016c07b98598741654e43714f0', ref: el => (this.targetElement = el) }, h("slot", { key: '2dc83d32adb950cee379c710766fca03e3bf07bb', name: "target" })), h("div", { key: 'd5acea6285dfe3060372d304b9331571366220d9', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '4026a9def2ebdfde26aa0e5300673e5a8c1b9c1c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '2cbd5a5d8ebc4726dacebf764a4a33465fa34b1e', class: "gux-arrow-caret" })), h("slot", { key: '46ac2c59463c9ee24f3c931ba4aeed791291bd98', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'c9c6d1dd5ac6e6b52edf3946f35784b9a1eafe24', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '5d99dc66d7d20a289df437b189435a2ab2db5c95', class: "gux-arrow-caret" })), h("slot", { key: '95d1b125906347868b1a6494daa4a486c08c9bbd', 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: 'e2015bcc33546750074b4a3534103c69b62e9b50', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '91a724efb57a0f0ba34a9963aec8e28c47aa2952', class: "gux-menu-option-button-text" }, h("slot", { key: 'a13f5c4d6c79f95f47724a764b9aaaf85d27ced7' }))));
+        return (h("button", { key: 'ecced16d4f3ecd3c2e5d4a42103a657601e77acd', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'a44a598a504c27650751ff533ea052bf83445f7e', class: "gux-menu-option-button-text" }, h("slot", { key: 'aea473f1e713c017159dcb8daf2e634e47e46fcc' }))));
     }
     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: '3dd5718ab15b76897fdce21ff09f870b87bff8f9', role: "menu" }, h("slot", { key: 'eaa9274b7fa89faaed30f93ac1a82aa346097be1' })));
+        return (h(Host, { key: 'c5c7b8dcd10f686755314ee5dab41d70819ccb10', role: "menu" }, h("slot", { key: '724189f8e7e0b4e107657143fd3b8ee49f29b6fb' })));
     }
     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

@@ -142,13 +142,13 @@ export class GuxSubmenu {
         }
     }
     render() {
-        return (h(Host, { key: '27965e4e4f85b48f970fb6483304c642b94e5f4e' }, h("button", { key: 'd43d582fb7705d47e890d9035f34694463fe7a04', type: "button", class: {
+        return (h(Host, { key: 'd7491559f986e63b0ad1f231c5337c77f03a4176' }, h("button", { key: '710f94179cece5e9329a8133c3826d5e09ac1171', 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: 'f38245fbb3da327a731cb0dd5bb5b06611750d0f', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'f395df960996fc4318bf59e5acf4491890c2e4d5', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: 'da54d4d56dd582f64b3bbf82e67962325d35ec13', 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: '0569d6b9ca436453cc7834dcc5e1410969d08048', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '665b9c21b4a7526f9111cfdc8f8faa9d8da31f18', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: 'e95d6f7e5330d469186811b789eced6f9d3b116b', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '59704a49050ba1d941fd5b52e43bdb6eef95f331', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'ae62f3e1a397322d09ff811104a3ce78bb32ff4c' })))));
+            } }, h("div", { key: 'ef2d509cfec9a1b0a7a652f36f053496ded98b0e', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '5b683a4e7e656fd30fdba26be6e0a4174460d4ba' })))));
     }
     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: '8581778dc168bd68805734f4f1a1d96935327f4b', class: {
+        return (h(Host, { key: 'c00f001885ec8656276903332d04cc08eaef7541', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '4c63f70ff1db923a238e21f456bab8f29a72781b', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '38e009c001bf831543477875ba840e8862c44f48', class: "gux-input-label" }, h("div", { key: 'f7f71142b086d18d54cac7bb6e4362b6d9ca2401', class: "gux-input" }, h("slot", { key: '2e318e7cc9c99514508dae735501a5c3c541f5d9', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '6c65b22cb643656764009eb9dc70e9aefca1e208', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'c5cd085547086688333042b5876f1a9401c012b9', name: "label" }))), h("div", { key: 'ad15e5dce7b496eff018ed618c317aad85b1b6c0', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '7906a5bd3d48c8b48beedc24a1116564357cc847', show: this.hasError }, h("slot", { key: 'd7b98fe8e361f77bdaee472f8de50a252103bf41', name: "error" })), h(GuxFormFieldHelp, { key: '810453eeb0afef16b13d7af52232560678980523', show: !this.hasError && this.hasHelp }, h("slot", { key: '71d2c1db3e2b9c964b125bdb93992a485d86960c', name: "help" }))))));
+            } }, h("div", { key: '1558a76367cb8bf4684cda3ede1cafaa32bf9c35', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'ca069c47033d3fd85c270141cd8bc72741ef5e68', class: "gux-input-label" }, h("div", { key: 'f2e8f012a2e2242fa866e95ebacce52a58ce6e0d', class: "gux-input" }, h("slot", { key: 'c2e52e50ec58c0e62d14482cf862387840dcc445', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'd3a75bce0f7fb239cdf1b3e5e63e084d233386e0', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'd5a2de7f427be31f6007880b11a0c26c2a504f6d', name: "label" }))), h("div", { key: '136d9cc9b33021167a7e9dc5dd9df2f5446ead52', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '7565f75e3b73081d8f64bf4014a1ae3bb9ba6f84', show: this.hasError }, h("slot", { key: 'efbc268aa74fda1005db996fa40cc59efa5922d2', name: "error" })), h(GuxFormFieldHelp, { key: '29c36c7cb9eb274c83db496906050afa2192de2e', show: !this.hasError && this.hasHelp }, h("slot", { key: '87f513c4d208b08a8b5356884252cb7afad98e7d', 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: '1bd55cd30c1d66f866ff614711307af7b2753049', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '53c77e1bab69f3b770f6a7b0a8b12aa0dcf29a74' }, (_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: '3232b20676b1951a6f8b47d6bb557d3debae43e5', position: "above", required: this.required }, h("slot", { key: '6a87a0c77c616b89be18115ec37ca270fa26cc12', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fdf1091895b1a02a6575e563e0778798d6a15fb2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '40e09a0c533ff7b39d5d31e7c0f6b515783589d8', name: "group-label-info" })), h("slot", { key: '4e9debc65762b8e86889c08c8a897caa49160198', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'f0efc758f04c597f1d45902794423bfc35326595', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '942ca8456bed376cb8ea987d422acdda34fa5167', show: this.hasGroupError }, h("slot", { key: '126c1015d36a535c8e88eb729840831c3738f5e9', name: "group-error" })), h(GuxFormFieldHelp, { key: '4764c245a4f74de1e23b811605a16f8a56c344d3', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f48dd8183237c169b655fca54749a89424d30dca', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '75ad9063b47aa50bb31ff916728450ba7ecbfcf6', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'c2fe018edb9658d2bced7e10d92bff9aac2996e7' }, (_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: '7d4c2abbb3081b5814a6da254752ed7c05c2d642', position: "above", required: this.required }, h("slot", { key: 'e1c3577cd10944df0c19542232430a1a0871d5ec', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e3d446e7768bff522db318a82155aa7ecca297aa', variant: this.indicatorMark, required: this.required }), h("slot", { key: '25b2fab1e3d9b79394d0d57f740d8f4558e2f5d8', name: "group-label-info" })), h("slot", { key: '04372320ce11c81caf77b6a1150863cf21c2e92e', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'd2fb195fcce3ae947778a679ec9a28ffa5888312', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'efa3e7045ac73b3903519cf92cd0a010bfe7dac8', show: this.hasGroupError }, h("slot", { key: '87213a2477200da6c1a13c118432b0b8ed9f5620', name: "group-error" })), h(GuxFormFieldHelp, { key: '8137531358e3c5c8499dd025fa80f1edd78b61f5', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'd55d18940de96509569ccc2ebc6cbf4503f3e5af', 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: '545246d9da1c49969b9a9d27cde862b01bdb188f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '928e5e60935b41818ff2b60542c838120c4516b4', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b2bbf26060dca87fd94e57e86e81aae1c4a3fac9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '17bc94c09d012c9f2a8bb9463b8b83a29b4b3a1e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1fdf0abf89df7cb6cac5ad6b0b4984e3d03413c6', name: "label-info" })), h("div", { key: 'daa1acf1cfae60f89fcd62449b9c940c36dca4cf', class: "gux-input-and-error-container" }, h("div", { key: '2646e6dbf2548d6a34c7ce33edf8585de8315db8', class: {
+        return (h(GuxFormFieldContainer, { key: '8fd4ee70be5f37050f00812a7c4c9aaeba703c32', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '94f4a87ea73c42bcd83f0f6a853f4146d9bce7f4', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f17e3bec992eff92306277e2c5825cb2ec79e664', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '556f9e1afd9dd250b81d694aa9a687390c4f121d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '26a484e2fe6b42c2c5772a5307a3da6f5c886a1d', name: "label-info" })), h("div", { key: 'c53b78811062d2869dab2e82134e03d60e7e28f0', class: "gux-input-and-error-container" }, h("div", { key: 'fa0dca42155e281dc6a2822d125c9764878410fd', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'fee91e931225b2a0376b0bd1c368bd18979449e8', class: {
+            } }, h("div", { key: '1aa0cbb15a18743c183b53050f1a82eb7ef669c2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'e4bc50afcc9a4d5dc84fe73d36adfe32f318628d', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'ba46aae96078cbd4cb8e2c4a7e8f0ecf88ffe96b', show: this.hasError }, h("slot", { key: '0b86d27ae8c5748a5f3c47911047baae5fdd379a', name: "error" })), h(GuxFormFieldHelp, { key: '4bec11ed658bb83deb9e396338cff69af2c2fdc1', show: !this.hasError && this.hasHelp }, h("slot", { key: 'abdd45619889cdddade102f5589ad0f0168db166', name: "help" })))));
+            } }, h("slot", { key: 'ce54a077e56dec6314f19594116d5e9c928755dc', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '2dc27b6eec120b78226a6a456283df47ad23557c', show: this.hasError }, h("slot", { key: '3766a2f37d27e25fc7733d9a8361cd63b046c45f', name: "error" })), h(GuxFormFieldHelp, { key: '031c9a6aa3985da4f658c1183c8dc24b003e0fed', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a39894f847288956ac60a509a5b71ed8da657341', 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: '596bb0a9daaafca0972f9a6b85b20f8b934dfe09', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '31ff833828ec9d6ada68a1ed2212762cab337c9f' }, (_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: '1876dbd7c222526cbd793382c33a4a5cf6313f22', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '57176f9da8cc8e51c9eb8e0e73c8d6b25bd36513', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2eda5ae93db8bac0f6760fab263b3d3204bc918b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f151bbc8a07a7cb3ae1e034c440279f927a5538c', name: "label-info" })), h("div", { key: '341a3ee72c67e6fb6039152bbe4641175c51d0d5', class: "gux-input-and-error-container" }, h("div", { key: 'd49d5d689935c59450b9c45108d476087f1ec769', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '4889112d951c545dfb914f5ae76b3e62d3ba2d61', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1fefe16e027fd8e29e4842d286eb7deca479dab7' }, (_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: '942f2e46b86a36265870a2a5e570217486382f6c', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a0cee127a577e96e36c65516c2ec7edee23a5436', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f31e500a692f22b4170031532e847f7623a0b010', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bb8dfe2207939300aeee619a32e0f3d82c00fc92', name: "label-info" })), h("div", { key: '7ca7fc77779cec49c881289524dc1c158d5580df', class: "gux-input-and-error-container" }, h("div", { key: '59d23144501403d28056f44a2521401c29f88a73', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '7e17c222eeb244ae7c250f47dc58a5bc4ae4ffbb' })), h(GuxFormFieldError, { key: 'dc95fd03d59f87d4664c2eb6f13c5936dd60b945', show: this.hasError }, h("slot", { key: '2dbc4edeb102145a556b910a05413d9b274e6f35', name: "error" })), h(GuxFormFieldHelp, { key: '0e508b39d190fce5609540bb6eaefdaacc887f16', show: !this.hasError && this.hasHelp }, h("slot", { key: '23c6cbd1bef40176dcf070eaea4ba55140094ae1', name: "help" })))));
+            } }, h("slot", { key: 'ccd7ef0eb8749f8af5be7ab434783475067e39a4' })), h(GuxFormFieldError, { key: '099ff9307c1546d81f1bd9d44980e1bf2f964d7c', show: this.hasError }, h("slot", { key: '0a6a596045b39414b8688deb6dba2164e29678d4', name: "error" })), h(GuxFormFieldHelp, { key: 'dc773c2be1a3f1ff1704dd90da7e7e533605301e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fefed479c81e01c345de74f82535649b04c13dd7', 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: 'afbe0d255c886bdb7ef76136ba1a0266ce02928f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4150a02f330208c2f79b0e7df5112614ba24b7d3', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '963c1669469579e49ce6702649d1c5469cef7322', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b5d67f2ba79201a15c885d66ecdf6570b63be400', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b3531081795eaf2f954dc0e42340986b4b00696a', name: "label-info" })), h("div", { key: '09ac2a78594f80c404297404e535bc10159290b4', class: "gux-input-and-error-container" }, h("slot", { key: 'feccb4c1f2526d8400f2253114573bd159dd3c14', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '5f1191145e144f3ab6da99c66adf1eb578136214', show: this.hasError }, h("slot", { key: '28980350a36385b61fa21f79f71facc4fe953b71', name: "error" })), h(GuxFormFieldHelp, { key: '50eac306bde1f09eed4197bcd8f0767f3aad1ef2', show: !this.hasError && this.hasHelp }, h("slot", { key: '89683766e4e0486175a6e1416d8dc239107720da', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '27dd2de78b88fb40db7b761bf364f04832522555', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'edb9c36a92fcea697c889854ba6cf3de70a535e2', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '7119fe6b49f9200e7618681c29cbf8bc8c5ab53b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5e167740132a32b6c25b09707995af567609ffa2', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd03c0d0602692efdd67289bb0abff12e11d74d73', name: "label-info" })), h("div", { key: '129d69060392f8011008bfe2dcd21a01ba16a16f', class: "gux-input-and-error-container" }, h("slot", { key: 'a66e1efae450e0d474de80fd1bb85acd2d0c50c7', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '66cffc17fad1b8f37f4666c961b74f8ff28d139a', show: this.hasError }, h("slot", { key: '08ad8342f1feaeaa71c6e16dcd7f37fd8d8835a9', name: "error" })), h(GuxFormFieldHelp, { key: 'e32a09fe7b371da5580999b16f87309e51e81b8a', show: !this.hasError && this.hasHelp }, h("slot", { key: '2b9f2221790c69609ab9d28a49bfaad321aff90a', 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: 'd49c0767377da03e5365273f91a39bad62062500', class: {
+        return (h("div", { key: '439256c7744cf64876857a1b5fcdedc83bcfc661', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'a33471c150928e030a4c05dff3d702588641a1e9', class: "gux-info" }, h("gux-truncate", { key: 'dc3765ded0e84e51262359a7d0bc64ca62dac65d' }, h("span", { key: '6aecdc1894a57119fbecdea686e2e2d5a0a5f6d5', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '86fad544c8b9f2e22c36fa6e5394d36e6abdf3da', class: "gux-info" }, h("gux-truncate", { key: '878369fc0ff217135ee5a42cafb5a857e9ead77c' }, h("span", { key: '6680e9d62b2f8257c62e97753b92535022384757', 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: 'b9023b70ad5ff7522f61bb41925f5a5ae7b56890', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '351a0f61a4f37ae17336c2235e7ec5e78e8c2f1a', position: "above", required: this.required }, h("slot", { key: 'fabb6eca3ee70511de095f242aaeef09f3bcf189', name: "label" }), h("gux-form-field-label-indicator", { key: 'f9af4d8e81d64c5d1e7d05b4e5ac70519f6e766c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9fd5f19b6815f393c0b36efb6b1e6a61396c0b0c', name: "label-info" })), h("div", { key: 'a19837c2d873443682fa1908a246456471c4f787', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'df5cdae8921bd3f0b47e79249e729d4c76b6600c', show: this.hasHelp }, h("slot", { key: '5ccc21f83e3a012eb863a00ec58e9462ad5ff02e', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: 'bc0c10fde130a357f9e8978ed8b5b5f17de3045b', show: this.hasError }, h("slot", { key: '26456e741cd563033b52ad5cc1f5abf24189d041', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: '6df9705a2c3b198ad8cb0183380d4ac68a200021', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'babec682f95ce7b7dfc8f96e61ae9ab302c43ae8', position: "above", required: this.required }, h("slot", { key: '6460de9275dae0cc09a97417b3c317644d6a7e39', name: "label" }), h("gux-form-field-label-indicator", { key: '6687263a131d43add3ca2d6a8ea55a883dd1f121', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0c4cfc5a8108d2bccc5a63d324b026bcedc786c7', name: "label-info" })), h("div", { key: '91845abee3a2b51128d3d2fe3ed18afbfb91a5cb', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '002b03627d81d279c21a2b69c2eb326ee9eba289', show: this.hasHelp }, h("slot", { key: '45ba38775b7edc7e5ab9036595b1c1f36013d7e0', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '61f20455874587c477c6b9014297688014c2ad4f', show: this.hasError }, h("slot", { key: 'c4c392e2a3e5c378bb0d101ddf7f6d66269a9edf', 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: '7b28edd43bc818d8f1498486c396e7f9f9aee678', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '017d5eeaf123163fc06f3f3da23691ad863c9960', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '0e4ba199221759c31601b3e95dc333fcace3efd5', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f929df4b73135f282a69cdaab59c7dc21ba5601d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7422744e0637c50382a085fbf8c23b6ee31549f3', name: "label-info" })), h("div", { key: '06613d1746aca0caa7527a60b37d2fe50056e8a1', class: "gux-input-and-error-container" }, h("div", { key: 'bb85a923c23b32711b277335f361a885644914c9', class: {
+        return (h(GuxFormFieldContainer, { key: 'a61293ae9833b20b2893d1c2f869b8b33b1a82c1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ffc85ffd7fc52e5e5e320d9e5363cee3c255b953', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '354a72c8d0508a2e954ba4d12f4a5b1654ed67fb', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e922292aff40c1222ea4b4a058e85f8d0b0951d8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '849dde1789ad4fe290b8a78a3522b38371c02061', name: "label-info" })), h("div", { key: '476166012961046e6b450b51eb68cbf206915251', class: "gux-input-and-error-container" }, h("div", { key: 'b9ab118e46131fad6fb93a797234d6259ccc2be8', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '0a4119d2dd03b289d96abf142ac49f9e173bf5a2', class: {
+            }, part: "input-section" }, h("div", { key: 'ba1a55e1667545efcf917eb2aa9fa433c2e36e40', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '024dd3b3d7301fda75af59a9b871f84ebaf11773', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'ce023e6cc138081233dda3c254e7c330419b4474', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '6fd65820dd73e0716a9deda87d083b7dbdf368e4', show: this.hasError }, h("slot", { key: 'a3e0ae95fe2f96d1f6c6938a718a01bb2b422fa3', name: "error" })), h(GuxFormFieldHelp, { key: '9b03426a3901e9e40f8bf78da47939df67ad4b8e', show: !this.hasError && this.hasHelp }, h("slot", { key: '9670369675c0700943a6e9b3c3e66205240fdf0e', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '7cb860f92d8d7331b91b6b6e66666a86e7d98c5c', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '4220d8efaa47227e48db4c9fe946e9e756b292a9', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'cca2e4e8f257203d32c7e87ace22ad81ef12b901', show: this.hasError }, h("slot", { key: '30ef376921af4186adb997694c8eac9f8f79080d', name: "error" })), h(GuxFormFieldHelp, { key: '87736f4f75655854fc8d3b24ffdf6676bf2b2167', show: !this.hasError && this.hasHelp }, h("slot", { key: 'eaa21eb7b7a3bc5f7d4f81abd57e8be35be13861', 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: '6d6bb87376f707dcbca3fa8acdb804bc3f27ff8a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'a57866c2b0a2d6e934c85d3ab748651249d8516a' }, (_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: '96d9d56ff4c3281bf0f12125ebbf35348af38783', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fa79113bc2e0979feeb863692bc45cb0c8668b4d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a41fa1fe3559d93d5eedb1b06230cfe17e95d29b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '920d7aa1dd49ff53efdccfd50f5988880e154348', name: "label-info" })), h("div", { key: '44a4574b847810c6ee309a231a55aad133a9e9c3', class: "gux-input-and-error-container" }, h("div", { key: '335e198d51279ee6ddbc83b0bea4a6a6f72ef705', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'aadbf8148763bf3ce3df41b830aa26775eb8eac1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'f809343a40702c5240a1adc9ae9ab1f3e6641834' }, (_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: 'ae4b540388b0d1746d7483e0df86927d73b92a17', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '83c20b8ae2c5dc944b70e431f4c82ca6d4cd40b8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '793a05a460b0a1a09c324186084b38748338a76e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '34584587e4d99c5cb7eba24b915776fd92505f2d', name: "label-info" })), h("div", { key: '6915ee8d23612880bda5fb08cc02bbcfa9a33bb6', class: "gux-input-and-error-container" }, h("div", { key: '8fb01b0909d6011a78764f005ad2c5894da2995e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '6c0208ba28179b72d39fb1789fa92db0e91a447a', class: {
+            } }, h("div", { key: '5dcd426c6449cdd22998e4968d5132e2909b498f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '0b45742c85ec5c7fab69a48066e4088536473dc9' }))), h(GuxFormFieldError, { key: '2e2b2af70208bf36133f8e1ec3e0dc887dec1f35', show: this.hasError }, h("slot", { key: 'ffb20ed836f2ff03f9bc1d41b32774cdc4d427b4', name: "error" })), h(GuxFormFieldHelp, { key: '68826c18d750dedecb55929a76cd97f324b02022', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e2befac8788e1cdb6acb815886fa4ea33cf019ab', name: "help" })))));
+            } }, h("slot", { key: 'f6ef9943a678e76598864d38de05adefa37042b8' }))), h(GuxFormFieldError, { key: 'd1918bd858f0114915ab6efbd30591e3f133841b', show: this.hasError }, h("slot", { key: '7956d2ba03568291386000c9aa80c43ea897ba3d', name: "error" })), h(GuxFormFieldHelp, { key: '2da7d907e4ad76538877839926c6692b23c9f555', show: !this.hasError && this.hasHelp }, h("slot", { key: '048826b20010b3523d745d9ea71a91654e4864d9', 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: '0fc87bd8939fa7756405779b81bab2afc11918b0', class: {
+        return (h(Host, { key: 'fe01cc2a012379e66e08f12f4316d7bab9ad0d19', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '3533a71ee0de82b20c4af4563ae1f9f41f8221bf', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '1fb60e41be82ce62401e255123173735cab93405', class: "gux-input-label" }, h("div", { key: 'e8d6805b1317aae71ffaeedf7806329a45aaf506', class: "gux-input" }, h("slot", { key: '95e6be748f354157e1a87b5d6bf5351b9f9296f0', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '1e7a1e337c3cf8664e032650dc21962f47dfba35', class: "gux-label" }, h("slot", { key: '8dcf4029d96767701a5853f16c3abe51c0731b8f', name: "label" }))), h("div", { key: '3c152b4b9b2e0f121df1c6ba9f30e19c71277838', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '8aa688ff3ea75c07dd210e0d4b9e70629db64beb', show: this.hasError }, h("slot", { key: 'd8b4195b2eb40afc8f93678746f8031e3df17b7a', name: "error" })), h(GuxFormFieldHelp, { key: 'dd89a3c1fdf31dba1cd91e39f83f281116bb7d56', show: !this.hasError && this.hasHelp }, h("slot", { key: '7930fafbd92062eaa6a9e7d55bb23bf4ca27f514', name: "help" }))))));
+            } }, h("div", { key: 'c331d10f1fc71311755cd3ab7175aa4e8b5f1bb0', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '9feffbe18008d963d849f433b5001ac8b030e019', class: "gux-input-label" }, h("div", { key: 'a51264047c674f4e90b242ae217cd38b3790bde5', class: "gux-input" }, h("slot", { key: 'bac7ed0c057b682624f6d763755701697e9a0ee8', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '017c5999b135c65e0844366d7e11d61fee2d64d4', class: "gux-label" }, h("slot", { key: 'd742871f6aa9524c846ab181dce68e2846c246bb', name: "label" }))), h("div", { key: '4d216547505907de832cbcd75f87d1323ab275d1', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'c3296ab6c04b67ac27c8a263fd77c067577a6501', show: this.hasError }, h("slot", { key: 'd51128c4679a02371809d9253c0f5008c2192040', name: "error" })), h(GuxFormFieldHelp, { key: '733643ad44636a4b3bcfdc93415f9ad635cf50a5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e79678e14165866046c651bbc0be7313519641f9', 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: 'b48e98393a2f14f772c9ebbae8819e33b6761013', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '41e06e4fbf992e7eda41e94995dbab1e4b5aeede' }, (_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: '37f4c6a4366d0791612bd2e2ba1e323b9e003104', position: "above", required: this.required }, h("slot", { key: '5cb0627366019750c9e44ef14e21d57e34af0cb7', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '04f3c53e0c5589cc8f97d8a25eb242ce14b87cdb', variant: this.indicatorMark, required: this.required }), h("slot", { key: '64ba1ac4e0e02df1ca97958656b0efab3909b40b', name: "group-label-info" })), h("slot", { key: 'd29d92c2a46559a11265bf074145578c685b090c' }), h(GuxFormFieldError, { key: '80a102f2762fbffc31f11dbea75f26c12f59749c', show: this.hasGroupError }, h("slot", { key: 'c3679a1330676e89b32f6d867338a1e46a59c6e6', name: "group-error" })), h(GuxFormFieldHelp, { key: '8e922cb4385a18798336ca4f93d9ac18e464b339', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '4d43e0a2de8711ac7c7ece2a0489414303b6cb9d', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '91cdd27ad535e139b75572aae868b90f9fdcaaaa', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '6d962d837d922d7f5b15275ffa0c8c967b37eec2' }, (_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: '5b267666f09366d6ab89abbd9573b9914ce30741', position: "above", required: this.required }, h("slot", { key: '8a9d800c170ff51571281fd277a92a85703bb340', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'df84cf925ecff32d5bc69020fc877d9f0ed13cc7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2c2347d3af70473e33ee18a2f16505969364280a', name: "group-label-info" })), h("slot", { key: '3dc1785c0d4d70fdae9fa9ce8460e3d2d3df5dbd' }), h(GuxFormFieldError, { key: 'b3c745dfcd865d0e09af6491add6dee2d75771a0', show: this.hasGroupError }, h("slot", { key: 'f8a623e60295876e8953de61186f7f7d05c5201a', name: "group-error" })), h(GuxFormFieldHelp, { key: 'fee571caab68e141352edfc4fc7ae6a10fe12db4', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '89b9a2081f8f92f757d1b6ca4c869f9502f432ca', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');