genesys-spark-components 4.171.6 → 4.173.0

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: 'b86da02a9ae67308fc5c9ac6aa0b7a1f7a747ae0', class: {
+        return (h("div", { key: '32114bcb2f163054a2dcaff3a8089d99dfa43f0f', 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: 'e7c20863e2a8e957ec8e3b0d8c796bb6e250f817', class: "gux-container" }, h("div", { key: '33e2d205db3d81db81490c4a1986adf25f815878', class: "gux-image" }, h("slot", { key: '1ad4172b9e9b82e026ff1527727c2c3e83115b8c', name: "image" })), h("div", { key: 'c189af637773ec5b19fa5a8bf29c302ea37bb109', class: "gux-message" }, h("slot", { key: 'd0933deb27de1c4565e4a0c41c2631c7e7efd037', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (h("div", { key: 'd1d9e6dda33ff6c8d842041a0d71a3d095acb6c4', class: "gux-container" }, h("div", { key: 'ad67ff6c35b695b2abc9dae51fcd1f305d38317b', class: "gux-image" }, h("slot", { key: '0fbd6c1246c1fb1c07fce178a936c3c033539e6d', name: "image" })), h("div", { key: '48563f8683ef511bbb672b4360bd959122dd6be0', class: "gux-message" }, h("slot", { key: '86a9de560ef82df5b8a6422a6abb6181afbbb16b', 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: '9864718c7a85867dc8ae13c77b71ee2d47595345', role: "listitem" }, h("span", { key: '321aa9a3d13bc88107c1f4296b8acbb0194ebb2b', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '1f2825289f611798842e1bbd6e9e9185ab063b8e', role: "listitem" }, h("span", { key: '84b62296f7581ca92889e5e2518a6cfbc5fb356b', 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: '97573bc551ca35d0f29c2f77f3cae221a7dbb532', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'b35d243aeb4bce30d1d5145a1efb62bfcc7e3806' }, h("slot", { key: '9f03f2e162e635d107284f73483f2bcd0405337f', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'e5a11fbfcfd9205f4a5ff4ec4ac54972e9d21a9f', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '6839aa6f10a47c237a885c20a956d39ba668272c' }, h("slot", { key: '19975699c393dd4f3ecbaceef71143ed5e2aa9f6', 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: '24dbbdfe3e039dea0cbdc2d452cb0cf5da7f9d9b', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '9b341a080ad9ede866c03283b2939b32094f2a9a', 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: '3cdf6222d210ad14536037885d5d6b54f684a209', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'c06d798086112b51b04ed31b57461be53a074836', 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: '1de80e87fb808e2c1c67f11069ff854b3c8bb594', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'ec449bb3cb5a07b22aa19a1cfbe7bad390348c58', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '59a02ac2a0617c39bdee504aec91325e5fa6b011', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '8e774e6ff321588c41ffe731c1967752dc5ca622', 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: '18b5e98f45e5b7f4b4644e55417575f88d240d21', name: "title" }), h("gux-icon", { key: '625f150aebd9cb9c87214c200309e1c76c7ed372', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '3f328498971bffd3d0c79d2dc01e6cca83079af4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '8263e75953b2091c4af783245e89b5abfabedfe5', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '2eebad343f088ea4f234ba23c9758d24d082daed' })))));
+        return (h("gux-popup", { key: '52ad777f01760b4ac5994c5fbf38b550075feca6', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'abdaedeec31d0a9324ab40888241638902451ec0', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '483b3e5fcfaf4cf2211cf8825b376a2c0ab6893d', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '424db87118e6aad3dc878f66b2260e86576a524a', 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: 'ac7d024897d02a9baf5f00b05068a9f47ae5f0e8', name: "title" }), h("gux-icon", { key: '138a500f5f07ea4587e3b11920fa3095a2e06fe0', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'ef3a979bf39b1965a57f13b2624d127ac0669bc6', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '470fee384dd0db9599f39768f43239aac6093d41', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '7d6b13d9e7789c45da7418c9fb2d1a76dbe6ea73' })))));
     }
     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: '2f0d21a41e3f692f1f5f64a096e69c2c39feac8f', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '1f7173b22404bc2e7e56cd25873dac40d1c803a6' })));
+        return (h(Host, { key: '2037431d7676744e33dcc65c468266fcde5d5556', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '95b754712c6c2b20cb7fd00b0215e5a84872e98c' })));
     }
     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: '0c55a401066c6b0187e748aa283250a0b1241319', class: "gux-calendar" }, h("div", { key: '5a74b7258882a980360239957794b1c2ae89f26f', class: "gux-header" }, h("button", { key: '74a80f686c61660c3dacb46c3ea39254b175767f', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: 'e6591ea5f66819d5d28628fd1eec2fbcaf29bd7a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '4cd50eea789472a67ea8dab48160f9d372f22633', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: 'c70331f456b7af4a5df486c555d7a38ed06ff5a4', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '5ec1b7c7032ab13ed4c2e1fc55a861695d3ec7de', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: 'c51efb3d028a1f1cde67b73a45ac3bef6ed8cdeb', class: "gux-calendar" }, h("div", { key: '43374fcd8668bc32a6a1980875d1852108cdcaae', class: "gux-header" }, h("button", { key: '5137af4c0a0c4aceac2a128ff80cd0bd99e286f3', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '8af0c734ac2a821921bf44cce758b86ebb82615e', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '1fddace228e1b8c9ef100de46be121ebce045335', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: 'bfa9eb3d0f63bb858da0a94794dedba1aed9562e', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'be493aec6f129e041e026e486992860be3a667ba', 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: '363ba6f0a883e4e2f4a056f6d4d441efb0b3ea2c', class: {
+        return (h("div", { key: 'bc2bb7347826de5373435e505fbebe378169ea60', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'e36c2a015923aa961bd1c0a308f2066b702e6272' })));
+            } }, h("slot", { key: 'c665bd5da52773cc5ff1abe3efb546b1d3d7311f' })));
     }
     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: 'e6013e498a0c7f257528ace4073d8172583d08f8', draggable: "true" }, h("div", { key: '49ab2eb77431ae3133b5aa34697fc85139a146b6', class: {
+        return (h(Host, { key: '3db4d18c3513fa2f0461f69cc0663678e6f188ce', draggable: "true" }, h("div", { key: '36d290e735fbb0a7bc2cdaf6f4ab8a940e768e99', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '50c716123ee00cba66bd2f6fc8b15779113b4f47', class: {
+            } }, h("button", { key: '156fee9ed31cc504e5fa39ee260f04b98eeccd51', 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: '97863cb76d1bf28dfa079c77a1c99eed6664972b', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '6bd0d410c9d3d0c7772abfa40fae34987e3d41b4', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'edf779e93542edcd8704fee84f330939460776de', class: "gux-select" }, h("slot", { key: '84f0bc882c16a3e478ea6a0e76f85bbe63b23686', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '6e4e27282db27295a16cba27d063fe0f682f4901', 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: 'd1dcf32301fd2a5c8ccecee528d306fb7b9bc3be', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '65f5a4a087f806a23b7c0fd485cff4c54aee3118', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'b917c17ef5d19bb77da44606882e1afcbfa106bb', class: "gux-select" }, h("slot", { key: '83417c8e82830e7d58e2523a37a1b30105c12b78', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '207ac0f1826d4dc31e73deb56e08ab9e2709b3bf', 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: '62daef53138e926a9cbfae1719232de3f3e7f9b2', class: "gux-container" }, h("div", { key: 'e3a79e55e8cbe501bdb26935385ba313cd4927ee', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '76a55f638c25df7ceb4d38b53be63102889b9aa8', class: "gux-search" }, h("gux-content-search", { key: 'be60a7fdfe003135a386d313bd3fecbbd52c853f', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '19af360a04d7d4df522dc76676897363fe35c1a4', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '261035c713eb6c548bf5cf3f0c2cfd8337446c4f', class: "gux-select" }, h("gux-form-field-checkbox", { key: '7067d7cece7c16d05a45e6b01fa46c245a450eea' }, h("input", { key: 'bef6b7f2804bc0f8006901195a694f725dd6c14f', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '2135cd8bbc8421a4cae0fb46f93728245d5d670f', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '58b6db75ebf6d37d15beabf2a6e572d863f01fd4', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '3e2cdf0655d9dfbd380495eccd7cdaf23470b7d3', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'da70374436f1c5fd2746e327a7eb7709efb770ef', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: 'e25980b0574b06cda13a00324a68c9e1560a83b0', class: "gux-container" }, h("div", { key: '22cd01ef039ca1acc952f7d858c41f21e16269ed', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '29cfa06de232ae3edd57f605ffa353edfbbb7ec8', class: "gux-search" }, h("gux-content-search", { key: 'fa3367796b94656dab71ac71d0c31fd89660f871', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'ce088e81b8e23c5d62dcfdc6820ca9b3f9448725', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'a2f74111e803a8a1dc6116e810266041b5617203', class: "gux-select" }, h("gux-form-field-checkbox", { key: '1778d957f892eca5380352ea38bbd961ab6d9286' }, h("input", { key: '766d1032ca7b5e7676efe4f174be28fd8fcb8a8d', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '0d5e9289646c0406792fd5f178cd47864d900701', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '10ce02eab90acc7198480a3e5959415e1055f796', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'ead3d3be357238e2a08de36c1df768adcd3ab3a2', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '4c422899c8b2cf4ad20fd54ed195ca7e95c8d32a', 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: '005b8a6387ab8fe85d2568dadd131d23cad52d66', class: {
+        return (h("div", { key: '32431ee233c0db5f0d5bdf330c9c656b8090fde4', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '101221eef9d32157c62232694a25117102c3fa39', class: "gux-search-icon" }, h("gux-icon", { key: 'ef6aba3306001c5992c549e7bcb8e7383405e9a4', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '66f162a8e996e5f99df6e38bd2b53f8e33c0569a' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '3fdd6ef2b2212c7b34c3a5b2ef28d275ac271251', class: "gux-search-icon" }, h("gux-icon", { key: '2c96251d2cd8469d45a8b854df50bebd41b8eace', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'c1ce20c547c1f065de5225639e331d8d1e1bc14c' }), 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: '712766726f51496b197f8bc8b4b078eba95fc78b' }, h("gux-popup", { key: 'd63eae63f446631b86e15e5da66211a5b1da8973', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '5803d9588cc254405d81b47676bb522556852298', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '37464d05fcadc2488eb2d7a500ec26fecd5b5eed', accent: "ghost" }, h("button", { key: 'f9a9a599eb1e7659db8d122b73167abade6a5efc', 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: '97e212d1c9c63ad3cda3ef0d233be328255f1586' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '56dd9ae5702f22b70b87ff208e6c378ea751b37c', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '205236163d67bc004d3f1d9cbe13d8a87ee10953', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '0723738aafe999061236b5551055759ae057975b', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '06661fe6110f934663f64654eada07524bd0cc5f' }))))));
+        return (h(Host, { key: 'c4770d1881b4e7ab459b7739c8cb97a55aad863c' }, h("gux-popup", { key: '32fe7d95c93151e2808de68b995c04a9b9ccf96d', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'fc319d9a8534cee4b7662a182bf0404bd59f71e8', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '98ef960c680bd29786e1573eb2dd66daa3452998', accent: "ghost" }, h("button", { key: '6cbb88334f64626c8d7fd7e850ab94de50ea4575', 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: 'cf2d185cb73691af155919d4baad7465c7563c4f' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '79bb071c68efda53d7c59fb47d03d905b4c61fe0', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: 'd945e4239602697422cb4a9b991d21689334faed', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'a3979f582cd830d9affdeecfc0c0d65ad90e40ac', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '1556e5dc27c0aa7e8d7a08e486ba7ccdbc2e91e5' }))))));
     }
     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: '743c477dce108f8bc377e764794fa06f6331b60a', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '0d64efa090fa1204f90ae3fd91370889e02a7e48', class: "gux-copy-content" }, h("slot", { key: 'a67e11585ad450ff94b8fc037a342996211564e3', name: "content" }), h("gux-icon", { key: '8c0f272c28636ca675bc901dbaa5407302f0501d', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: 'a9767c852490c997e2bd065bd22735207b93b536', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '3bc0a4b44f52ab25e44549f50ce9d5bce931a5db', class: "gux-copy-content" }, h("slot", { key: 'c3df0f4e629b775aff5b61d7f295b0a6638b8d6c', name: "content" }), h("gux-icon", { key: '394d0f89bfd345c09f35f2cc36b29e4671a94ba1', "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: '8bf19a961f4cd2d4b66e75d6088b93ea72a13879', class: {
+        return (h("div", { key: '964add5da00248a406910349337e751462722389', 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: '699c5876801bf26edbae2803ca5f7ba7d047b27e', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '2fa1ce4c98697480460bfe454bb34e422b528208', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: 'de66227205545b4dbf92210167fa4d5ca1ca4a48', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'f9284ac02c27e32ea3646718efcad36954099ce6', class: "gux-icon-container" }, h("gux-icon", { key: 'fc37236b5f832358416119d97e8aa6cc3612a825', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: 'ff1aac5aeea781fc1579ec57e1d192c71b895608', type: "button", title: this.i18n('dismiss') }, h("div", { key: '29450eaee154db161aa360efb8ee854ff71996df', class: "gux-icon-container" }, h("gux-icon", { key: '61d479c2d4505d44e6394b5cd704bd63afe8b2ff', "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: 'f6ecbd888d9b224251e3d3f4584f222493ccad0c', 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: '7845e7c6ac35672947d15818efb3c105b837a3cb', 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

@@ -17,6 +17,9 @@ export class GuxDropdownMultiTag {
                 this.removeTag(event);
         }
     }
+    onFocusin(event) {
+        event.stopPropagation();
+    }
     removeTag(event) {
         event.stopPropagation();
         if (this.disabled) {
@@ -33,7 +36,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '736f46e03112b67563ab34cff27d60a81b74d06f', class: {
+        return (h("div", { key: '31a0002fbbe030c55899b261d2914dba60928e73', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));
@@ -125,6 +128,12 @@ export class GuxDropdownMultiTag {
                 "target": undefined,
                 "capture": false,
                 "passive": false
+            }, {
+                "name": "focusin",
+                "method": "onFocusin",
+                "target": undefined,
+                "capture": false,
+                "passive": false
             }];
     }
 }

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

@@ -181,6 +181,7 @@ export class GuxDropdownMulti {
     onFocusin(event) {
         this.stopPropagationOfInternalFocusEvents(event);
         if (this.isFilterable() &&
+            (event === null || event === void 0 ? void 0 : event.relatedTarget) &&
             !this.root.contains(event === null || event === void 0 ? void 0 : event.relatedTarget)) {
             this.textInputElement.focus();
         }
@@ -417,7 +418,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '2b80e284c77b3bc8c188ae174b63abf78d38e5a2', class: "gux-dropdown-container" }, h("gux-popup", { key: 'f36c515e5d88f3f46fbee21f3e55da5143d06d53', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '1f49ca6084ee4143a6862c2e772cde96bcdd0183', class: "gux-dropdown-container" }, h("gux-popup", { key: '3d391398940edf2285fe222063ee50606ac10c94', 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: '7ad3efd714c201938298cf87b5acc6e86a4618c0', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: 'f2c96a97da0e807e8a0506b12b01e7d9dc4e03f1', ref: el => (this.announceElement = el) }), h("span", { key: '92702bfb121a185695edac754f6bc29371b7f635', ref: el => (this.targetElement = el) }, h("slot", { key: '6b6e3221ea75d5f498466c178e1229f1eb27e675', name: "target" })), h("div", { key: '701eb459b5a0f71395b55c5785f549bef720d23d', class: {
+        return (h(Host, { key: '7063a610531204ad0c1965d67bf78e16f1845059', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: '00cacf47e84e37d99123f66594018fe9ebcdf343', ref: el => (this.announceElement = el) }), h("span", { key: '0de9db332da5f137fd39885427ebef304c9307d6', ref: el => (this.targetElement = el) }, h("slot", { key: '3cce21666f3a89743e9f6dfd153052a6d5d2e274', name: "target" })), h("div", { key: 'eb49b4d2be707405fdac0d7cc92b7e6371fc9b79', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'acf809c3553c47e9c7807695dd4598251268ed7a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'efea8e265eee0be91e5a95867b869fe0d7c92f6d', class: "gux-arrow-caret" })), h("slot", { key: '7ab7ae4ec3ade19ff50e2eec0d0fc1b20d3d7c93', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '701c68dfa3afbeeca8570c88c7e49cd18d64aed6', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '75f8878bc9bdace74c109c2671894f8719f423bc', class: "gux-arrow-caret" })), h("slot", { key: 'cbe4dab5682449ead5dbaedb9515b63f59152a81', 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: 'a6e20affe6260ec5c17148cefdbfebe4a53ad9c6', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '446395c2040c00b76ea1ce85e5f5599cae769aa7', class: "gux-menu-option-button-text" }, h("slot", { key: '4cd4228be9a88d2c02e9ec1431eb3128b72c02e5' }))));
+        return (h("button", { key: 'de6b2b45f6db056357c7ec8a06a80ecb914ecf62', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '13be260cfd6ef36d14b4a98154842df445815118', class: "gux-menu-option-button-text" }, h("slot", { key: '0efda4cdc25113c87bad6c98926a1705712b0623' }))));
     }
     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: '0e69a50f9eaaed2e1ed5b8d9f612101dad7d7282', role: "menu" }, h("slot", { key: '37cb104c320d31ddf8770b323a9c72ff3e7bdf53' })));
+        return (h(Host, { key: 'b7e5613a9ae29f06d1fa275ff98c9d830d17c82b', role: "menu" }, h("slot", { key: 'aad227eaa4618650645ba06579f9046031c04817' })));
     }
     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: '6b7e91ec42d7960b344d59407c9a89ea8666e32a' }, h("button", { key: 'e5b59a39c084eff76454799bdc799b05aca52959', type: "button", class: {
+        return (h(Host, { key: '60f9d8ec9d6ec0b42382786b2137f35665d22d15' }, h("button", { key: '2cb308267b5fb8cb617d30e68f667bd5df5e5927', 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: '63c7252401b34b26ecd67994c590edcbbb18776b', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '7b3ac1e4a44b6e2e0d827d458ab5a9f6ba9daa3e', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '0678dc9499e9b927f4a0212832407bbe06785bba', 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: '8abb42a4ac2b235ce5b8d9cbbe9197b0bd46a191', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '021706d4fe68dfbb925be736ea25404a3f475d24', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: 'b5530ea5e296a5768dd68da5040780c9238b6806', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '0e361310e24daaecfa946fce6b06696a06a43d7c', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '19f8cd9928b11e23a103f8f6cb91a496fe4e77b5' })))));
+            } }, h("div", { key: 'bb65d6d92706bcee503654df4183dbd40b085f46', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'd43a8e4d5ccf2ef33a197135ad3dc6a5b2ca7c14' })))));
     }
     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: '9b37ae14b5aa5d2904c22ffcf8393a2d845dc4d4', class: {
+        return (h(Host, { key: '92f784c60de719c2d44a6c6c1d287e28543ce94a', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '88dcd1250fae77eb5dce53948b529bdbf7d2a305', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'f1286e98b0c3e00b42c97f171f9e0050d5b13ee4', class: "gux-input-label" }, h("div", { key: '1884ee7889b14035720aee337ddf9de0d9d1d1b4', class: "gux-input" }, h("slot", { key: 'cc7e9eb9a01cb65e48b93d1acd53f0aeba2b3d4d', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '8427792713aa87fd81f71ec3d206cb1723083f77', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '378f25400af0eb3243918c677435746e41035576', name: "label" }))), h("div", { key: '5af392b1b7a9f2340deda557b9b4c8cb44c80623', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '2f04e17d935c9368401fc6bb6521a070b646910b', show: this.hasError }, h("slot", { key: 'cc324117414007141e0205fad334897811c5f80b', name: "error" })), h(GuxFormFieldHelp, { key: '4f918830189307a41cbfa00893015102ca5136f4', show: !this.hasError && this.hasHelp }, h("slot", { key: '1b464e2b2ea883e46cf2ff7b4d12baef04f2d444', name: "help" }))))));
+            } }, h("div", { key: '7168f00ba8c45b565c4f0f68025d4d124d063747', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '593ced10f42cb62d076273b20399daf27c5a68e6', class: "gux-input-label" }, h("div", { key: '0396631b15546678143d2f2bb7e4bc69ae883002', class: "gux-input" }, h("slot", { key: 'fb45f22677adb94dac13a9eb093cdb66c921ca10', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'e744b97454039996f0591704cc0701a7507ea941', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '59644c11ca82a7be7a24b518d38804b558fa7e12', name: "label" }))), h("div", { key: '16c3775e2e4ab2cd60e6e3938c65f9ffe22baa1b', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '1b873a626c1cd6bdf55a519ce867be7559462664', show: this.hasError }, h("slot", { key: '200aa4ba8a1f270a62d152db881b901b242f951f', name: "error" })), h(GuxFormFieldHelp, { key: 'fe69885fbe6cb786119351c224023b4b0a815f35', show: !this.hasError && this.hasHelp }, h("slot", { key: '4545ebb7cdb42f3798caf6746d62490c178afe76', 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: 'e510f0c0fcf9fd76c3c391bd66ec2fef75b7be9a', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'bc4bb057d2d535f204cefe85ad27d9b6217dec46' }, (_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: '5e5164adc2563d6d3bab22188a5d75440c572e27', position: "above", required: this.required }, h("slot", { key: '0906ef1243947d52d9c3d2618c0c88a62b94b945', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '19e888030a5c2078c38dab9b5685e6c8e4dcb4f9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5dd452934445d8269cd667ae910f1533aee27f75', name: "group-label-info" })), h("slot", { key: '4155cf7d2f092ffe73188f573c04b62a50aacdc2', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '34ef875c9dc46ff37eb3574ef94b065e44199c21', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'e367804623750343279f24afbb6030c7405f0360', show: this.hasGroupError }, h("slot", { key: 'e140d2c5cf27f58464cabc70f7f49023061696ec', name: "group-error" })), h(GuxFormFieldHelp, { key: '6828d92569eee8d5fdadbe1fbcd93910091ae9b0', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '2b5e8829043e90f7f55c13ec14842436ce6dfa29', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'baf620387f0eadeead439e43b419e36f83ba8e99', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '09929ff284a3567f435988749c80c699fbd2d687' }, (_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: '9c1c28b15c436a93a526bc7e77f5b908588a3d15', position: "above", required: this.required }, h("slot", { key: 'b51c883c68032d9ba4f9cd013a95b9c8a8881b80', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0182c24a93a2783e0530ea2a9b4babcabd1ba6e2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8f7a0677eb8936f4335b5b1156faf66e437e7528', name: "group-label-info" })), h("slot", { key: 'b81dc8fe59a493a4bdd39bd51856abe068288e4f', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '5cf224861365e570a69942e06cb52c2de5e3f16b', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '69a6552e617649c13532e2bf9a62bc366143c285', show: this.hasGroupError }, h("slot", { key: 'f64e7ecdf6b837ee07101ff58b65a8b3d2071b48', name: "group-error" })), h(GuxFormFieldHelp, { key: '31aa07854103a0cd858c0f2880771fc745220fa5', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '0c33f5fa9a64759473da9d8147e846c30e1c5c8e', 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: '9bb0ee43e91d6bc55f14c79bf205615caef36b6f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '94e0d29db2d749880f35701ce99aa22015d23325', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '97a0e24aea02d952179317e1453cea220738733e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9efa9064b0e6270f48f756de90d71e5081b6eb3a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ea8cce3efc4e54fbb18ca9b498f684457f16166d', name: "label-info" })), h("div", { key: '85730bcafa56972ec24edfff30b7cba3e22e4f7d', class: "gux-input-and-error-container" }, h("div", { key: 'b64c5aaea6f3f16dc9dd05aaca7e4ba4e558a55e', class: {
+        return (h(GuxFormFieldContainer, { key: 'ac80892f6aa823c95c4bf9eb8fa6cc1b78433cf8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '88a49dc596d70952086d7bef3561ae1201af05ea', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3199eefadb885cb5a361c0132b7d7b46748f2a9b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '64aacb9eca39b48fe36c161fc4bc36682468bcf1', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6732d92d22d99dc933e52e2e66a6c52da192b909', name: "label-info" })), h("div", { key: '610d4b7eab39a6c2eb234e0dfc3939c7c928088f', class: "gux-input-and-error-container" }, h("div", { key: 'c6f5a2648520e8255855a1712ff1936a753e2613', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '41c6dcd864d396fd51ef29c381ffe6d157a950c8', class: {
+            } }, h("div", { key: 'f17fdaa76d2b4e28aec176ea73988c8ce4545bf8', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '0b967d0efd9eca208a40369679725389f4feccb9', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '03c36ee06dc975ee41dbe176e4c225cf520d3145', show: this.hasError }, h("slot", { key: '5f39c0b374eab15bdc51bcc8d4b66d8099a1bae2', name: "error" })), h(GuxFormFieldHelp, { key: '308153f1fa7f016ea9e724626e335a48171b8722', show: !this.hasError && this.hasHelp }, h("slot", { key: '13d012116faf9688ba1d98b080c545c286d3cb6c', name: "help" })))));
+            } }, h("slot", { key: '4f1249926032dea07312c138db496294bbce3dce', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '3e2a59ec6e6f345d1600826716f0af2ec800a427', show: this.hasError }, h("slot", { key: 'b9b616bf65d30039db8c86b6475a2cbe2199810e', name: "error" })), h(GuxFormFieldHelp, { key: '3944eb6504e4ff41d7444281b51b19c298b80722', show: !this.hasError && this.hasHelp }, h("slot", { key: '0480745a070e31cc407006b552519ead961830c5', 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: '9020a7db668f3cb5c6ef3db9a230e008ace4bed1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '52a423218fba63fa959e8563b323e23316da0ea2' }, (_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: '61d0d48c3ed153d93c4973615b1285dabc474847', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'cf6a6a962503f69bc33bb8fe4dbe633561e29985', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9d529f92d0fc5977033217a41faf43dcb57bdaf4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5a93d1502c8337f4037c65fa06870c1244f574ec', name: "label-info" })), h("div", { key: '19ee8d6085059cc637cb46ffee99279c2481ddb8', class: "gux-input-and-error-container" }, h("div", { key: '179346ac87f748081e7a591612f5a69de233e9f1', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '30762a1d8b8b8221b55708b08be89d7d0c650c91', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '6a6f8aa475a5bd5a77abd5e9a385fabfcec49aae' }, (_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: 'c4dbd22f2f8c06ac6a3cb98ade328dbf34cad0c9', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '43541880e224753c1ccbe30c6bb5b6964c49cc0d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fa1ee9bde28251f0f3de0fad80a96f42da3ea0a4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8fb9206ceb9a7f91344bb8df721df2d1496bb34c', name: "label-info" })), h("div", { key: '017bd8d9281c1bb8e20ec817e74ff40a4f3a79fa', class: "gux-input-and-error-container" }, h("div", { key: 'd232e6bc921beae293872770c869dd8afae0c872', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '7a91ec18082348fc7334733f22a36738d74b6d0b' })), h(GuxFormFieldError, { key: 'bb4687aed62b3ba2246967125884897861afdc03', show: this.hasError }, h("slot", { key: '1a7d9292bb9afdfef87cadfd73c042f4ca223ecf', name: "error" })), h(GuxFormFieldHelp, { key: '600311438afad613d07e99aced9b948809b430ae', show: !this.hasError && this.hasHelp }, h("slot", { key: '7590cb2f825a03586d6b4375479cd7c25abbf620', name: "help" })))));
+            } }, h("slot", { key: '688553f86ab1b096b28f7b2c1b19d96759b879ca' })), h(GuxFormFieldError, { key: '58f84ca599a685026099a3eeec368969f3edfa37', show: this.hasError }, h("slot", { key: '7488cb905aba13a355b8762f37bde335805b46c4', name: "error" })), h(GuxFormFieldHelp, { key: '48a94ec8beed63d67177727e831fbdcd3ce4c661', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f4389ef1cbe8c7388d31092f22542d7076ccf502', 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: 'c81fbfa48e90ff635a168d726efb0317912e8eec', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'df4978a1e3d8b36f15f6a38194513a4dc3608a38', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'bcb8e39bf89e2a56ae2863d9fdececb28450aa29', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '27fe84a8081016d09788b5f054fa37cda4f5673b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'faffd8212a5705085e9c279cd8b5dc209bc95b67', name: "label-info" })), h("div", { key: '92e9275b73d2952e66e0409ebc9dbe933b591c1c', class: "gux-input-and-error-container" }, h("slot", { key: '976de47774150f01eab0302f77818917fcc8c5a6', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '73113ae0f0e5447df7466f0cfb77ced4d9177078', show: this.hasError }, h("slot", { key: 'c55abb34569f8e1ac336698613f8846df65a35f7', name: "error" })), h(GuxFormFieldHelp, { key: '89df5ee890bffc28be97e4181e5450bfdb97bd91', show: !this.hasError && this.hasHelp }, h("slot", { key: '0f5a5a4124ae5bfbf8988ecd3710dd66428416cf', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '7d68b9bbec8ccf5e986a111ec85d1aef75b7fd42', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2e0b11577ac70752c097da38130edd347b6f10c8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'df652b90869ccc1215a25ba8b961611b9164aa99', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4ab5bebf69016e58ad1584b3b4846d0d916da234', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6666d6a44106d9c69d02b7c396216cb006024437', name: "label-info" })), h("div", { key: 'c44beba0c012e28508ff28745fba63d8449c3789', class: "gux-input-and-error-container" }, h("slot", { key: 'e6f22580d2828e5744743bf9aa99d8383377390f', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'df3444583701a27d740c93472a0b9bb89f0a4969', show: this.hasError }, h("slot", { key: '0d3dd48b257ceeb9da5836db0e542f2123346813', name: "error" })), h(GuxFormFieldHelp, { key: 'd18290acb7b1533bac3b461e309be94e209313cf', show: !this.hasError && this.hasHelp }, h("slot", { key: '20542d67c17398fe9ffaef9a010d0bdc89a43378', 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: '5e66c9e3f12904c4f3fc4b50ef4c9713e94b1eb6', class: {
+        return (h("div", { key: 'bd60a5d901971683dd8c07deaa1d5f13067bf8e3', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '85339b24f0b196ab66ccf66e83abc2bdfaec6507', class: "gux-info" }, h("gux-truncate", { key: 'aadebaee1fd0a4db112e8c28462c5ef322e13a77' }, h("span", { key: '633c5789d7f70fcff9158ae5062ae00d39becbda', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '0820dde771242058df1655e17c01c57813f69eb7', class: "gux-info" }, h("gux-truncate", { key: 'cd34287cbe755b4bdacdec4bca6bba418c192815' }, h("span", { key: 'c17b494d04f95a4bc093c4069cb1284737966d42', 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: '8451c2a30bb00d14fad89e1fbb993a1c5058ad5a', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '3dcf64d426c989bb005eddb277411e8bea6b1852', position: "above", required: this.required }, h("slot", { key: '3ea96a58a420162f051ffaeb07cc0e3697cf695a', name: "label" }), h("gux-form-field-label-indicator", { key: '924a17317d4b72fc4c69e5cfb38cf384db936b79', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b381194dade9716256eb6fab4e52d6916a5c275b', name: "label-info" })), h("div", { key: '6226c9f869e8ecef880151f338bc97fcb55869a4', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'ffac960d9eecf25043264127195d89d22d789c79', show: this.hasHelp }, h("slot", { key: 'a11355486ece569db8df0933ac7924792e891ef9', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '276793d8e2fde30fddcd52ced436aeab2e056c17', show: this.hasError }, h("slot", { key: 'ea31b2604bfc7e070d857659b43badcc70fd3afc', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: 'df3e2e37aaece000d3b1145bef244ba721700319', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '4f51e23e5c625d771919b59baa8481d91951bb56', position: "above", required: this.required }, h("slot", { key: '07174882e4bc06b0e6647edc17cb424369591ae7', name: "label" }), h("gux-form-field-label-indicator", { key: '078864f03672ce4e6105e58e0841ff7f69c3c537', variant: this.indicatorMark, required: this.required }), h("slot", { key: '192a3d80b3d9d5c13ed271a99e9c1b6c91317a08', name: "label-info" })), h("div", { key: '9c5b29e1a63f0f2320ffa6855a235b41390ffaeb', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '641cf8ad73760c3d9ddcfd2962d12060be38ad58', show: this.hasHelp }, h("slot", { key: '3df43f343973c841bdcf12aa3ce6b030e8ad5b88', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '9bdca612cfe36495ea88211de6ef2e1b0aa7643b', show: this.hasError }, h("slot", { key: '91b31b4655f45c03bcaf33308533628720fa9410', 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: 'edb6b56da16df96351ddb058dddb8d9b14e14392', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f6ea1699ba8db6572769e468fd1c97b8d305f28a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'cdb3dc75c64bbfcadc13def9dab2d310e392d8fa', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c49ba227f4d66e5418b0c21f9e7f5c1bb6e48212', variant: this.indicatorMark, required: this.required }), h("slot", { key: '55aa21efa1f278a0e816e5c27ee99ce926dca80b', name: "label-info" })), h("div", { key: '73d9ce4436dd94c458c281ac9a288b6c101cbac9', class: "gux-input-and-error-container" }, h("div", { key: 'ef7d9d1f4e5be99d839ad69b6be888a208eed405', class: {
+        return (h(GuxFormFieldContainer, { key: '9cf095b76f7cdc99390ab4971125d767c8551d10', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a8b1cb9d70f6933f91ae99d59fcea559d4e57666', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b1afae41a51de6e93fa7051f1232479b53818d29', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5a6e9f047957d8fad8a18ace19594e6e9fd0d352', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'cd6874af1325d6f20e47aac9d0acc09385d809b6', name: "label-info" })), h("div", { key: 'db2c064b017b5cf3eba8a02b22015195ee07fd6d', class: "gux-input-and-error-container" }, h("div", { key: 'ccf1e5d24c5e65280d5e36ac72e91b1815e87ea8', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '2611ee74b88f36ea13e737a9ca2628ce239c2723', class: {
+            }, part: "input-section" }, h("div", { key: 'd699d997f4647c661b97df82a29fbc95d28c479a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'ce295da6ddf992d86bd463ddf8145bdfdfb67788', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '7b2083a27f83ab12bca4dc3f9741029d03ab09eb', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'e319a958a910322f1e5ea30eba226cd50fbf494e', show: this.hasError }, h("slot", { key: '60bbbecb56a2c6e97e85f2a032853f561e946c9c', name: "error" })), h(GuxFormFieldHelp, { key: '33279665977b056a4d17a515cfdfb11b7fd45016', show: !this.hasError && this.hasHelp }, h("slot", { key: 'eb112d1eacfd8b341a8ef72a2e1e4b673f6e6ff9', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '8675e9dbb15ef98d6ee1bb34a48ba7c0bb856882', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'fe341ab8fb43483ef48e62f0e0fab0600282ab21', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '6abd61e734347f9254b57855a87139ac8457f29e', show: this.hasError }, h("slot", { key: 'b41b4a9b94143c5a1c4977d577bd99667eeb9df7', name: "error" })), h(GuxFormFieldHelp, { key: '23f85373ddcfcb3120373eb254ebd3827228b8f7', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c49098160ee433db6f5d83d271743fcd59ad424a', 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: '84fb36ddae824e95b57ed1bd01658a94a3b6647b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'b9054d4ab45c67a347abcff39f938ce98c93e252' }, (_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: 'bc002ae72821d78a90bd2c2585908b0e54e08538', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6e5b2bed76416bbcc247f9263df9f40141c436f8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '147c97654d5598e45b84f32c3d8a9e3bf794ecca', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd915277d0a0a7f6ef7b57158f7fd3ef1e3397004', name: "label-info" })), h("div", { key: '20aa48151cd584bb3f932639d2e2c5cf6d0fb1aa', class: "gux-input-and-error-container" }, h("div", { key: '301d5dddcd2557cfabfa637556c8dad695d780e5', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '6f53fd250dab5760a16e87288a4fa237ef3efd05', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '17020052af1bdc5b05f73da760457b1de568b86a' }, (_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: '25138989474d7f6c95f8b7712afee494c0cffedf', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4daea60d103c2ba64a4da990e3c3df3bdee16677', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b005f0e380dd789d7d2c59071bafc2b1883b5e3e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '054bb471075577bdf2c0465e7e036feb250be3b8', name: "label-info" })), h("div", { key: '69b6f61f6d9d3cdc16b2e2b3a21eec877067ca78', class: "gux-input-and-error-container" }, h("div", { key: 'bab1a4e4522677c7981eb9d9011ae8901c3a04d3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '02ceeccbe07de8777c292d5dc6fcfc4243009eef', class: {
+            } }, h("div", { key: '0c37dd636828246ca0ca9d2a03a78c7b769204c0', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '2b40a34bfd3da43d81e5ba8b2c98be33a3bb631b' }))), h(GuxFormFieldError, { key: 'defff04d82a5caf40dd2adca0eb74861618a14f9', show: this.hasError }, h("slot", { key: '8bbfb9bf2dc1938027f97c163ce4940d641ff692', name: "error" })), h(GuxFormFieldHelp, { key: '4b9ada38eaffa65c80a24c2e035447f01c04e04a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'bb45642d29768d246dca2ce61e9121cc4aa34206', name: "help" })))));
+            } }, h("slot", { key: '7d914db58e44733a120ad838913c9308dc816821' }))), h(GuxFormFieldError, { key: 'd5b96e0f686244bd2544b539e073f6701c2c8270', show: this.hasError }, h("slot", { key: '291d309f864ab81e5298259bcecd9dabc3ad5984', name: "error" })), h(GuxFormFieldHelp, { key: '2005a3df0d1d43ba2f640ef3d823c2681f0efc2b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a7d4055ff4379a7eee4e64c06c58a35071e50d05', 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: 'e9b9c79eb41ac2d19d0bcc932f7ec95a199b9903', class: {
+        return (h(Host, { key: 'e0e0d98ab38896c5d4cbcf90498ccf440123e40b', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '1da2143e7a310bcbc1516e59e15c9b4fd9f26fdd', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '93853b97a827184389f35d5b280d11977c099ca8', class: "gux-input-label" }, h("div", { key: '8f0c0905566540f255a83de16db9a89b3421876a', class: "gux-input" }, h("slot", { key: '946aeb85de8bc850756baf6a60e72dc05eff2de6', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '5b4cdf94ddff3cc059fe5ac76abfa52ca4db01e1', class: "gux-label" }, h("slot", { key: 'aab275c888fc44566fdbeae133e1950addbff70e', name: "label" }))), h("div", { key: '5b06a11563515764b09ce8d66f9c9ed8600f63ba', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'db447c98e56b06fca8a73c5db54b7a2af8ff0a3c', show: this.hasError }, h("slot", { key: '372a75fe6ac5a8144b5a516049de6d334b4dff44', name: "error" })), h(GuxFormFieldHelp, { key: '1aecda0403524cbf79fa34e572d83d22a9cab2a9', show: !this.hasError && this.hasHelp }, h("slot", { key: '221aae6237ca1072200759a0ee0fe75c0e227e8b', name: "help" }))))));
+            } }, h("div", { key: 'f4c382c5aebe033e75fc3f0113e70535cb2f0138', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'd46e9122cd209f3a42e99289a1a5d0307bacec7e', class: "gux-input-label" }, h("div", { key: '694d91da674a396ad1e52b21b4ac25ad74671939', class: "gux-input" }, h("slot", { key: 'a8b00eb84744b96156921c82d037cf827ca49aa3', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'a8c08c5b73e6de6478972115f746840cbf01c3c9', class: "gux-label" }, h("slot", { key: 'b73bbbc54ebbd541cba58637e615b22d843447ae', name: "label" }))), h("div", { key: 'b1de4a63d91b5e831140a7fb921dfbb5358df959', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'b4d8844ab494c9299c82d439b77b4a633e3dd7b0', show: this.hasError }, h("slot", { key: '3d8e245398d7c828a425b1822454e9359090edc9', name: "error" })), h(GuxFormFieldHelp, { key: '778983543df8acaaf063a7557a3c4fe17d3bc217', show: !this.hasError && this.hasHelp }, h("slot", { key: '7f3090775f8a178b7cc4275aeb01e04f00dd4eb8', 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: 'fad484fb7fa8ec26abc118586b82c66b5952915c', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'e8446de191e32faf08297a3baaa710caceda7290' }, (_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: 'ee8f1870612c16fd90dfa7ae69155abdd0768013', position: "above", required: this.required }, h("slot", { key: '6b20419b25b7b7381740834b42d6f057db18ad2a', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'de00848bbb489b3db197dfd92328940f529cc85c', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd1bd07ac555ca287b40a850458b212f0ea13728d', name: "group-label-info" })), h("slot", { key: '525f68e3742ae671bdf928c8578581893eddca07' }), h(GuxFormFieldError, { key: '46e74e1785062aab209be58ac7a34d4f9041353f', show: this.hasGroupError }, h("slot", { key: '41824728fe7ae908f4428147f3f3696c7d139c5e', name: "group-error" })), h(GuxFormFieldHelp, { key: '1e3c4ab5237c81ed55d6d075f5d0c6983c04dbd7', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'b89ae47b91befcb31fbca744ea3a5768ffe40060', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'bfac95292d8a298d959c975aa8afdc09c10f93d1', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '8887396048474c3fa6f3c95bbf03d3ff094d834e' }, (_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: '61623ff48ccd197b231bb6f69fe48915c76307f6', position: "above", required: this.required }, h("slot", { key: '1c5fe95bf6c9734c395796aa5d5adbb5ac67a37d', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8b50ab385c0b542a520aa63d854065026c8c3b57', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2c68efcbbd7ccce19df0a33da30e4d95302d329a', name: "group-label-info" })), h("slot", { key: '5084d14f3f8266d8624d1434dace1855945368b4' }), h(GuxFormFieldError, { key: '6dadd7d13148cfd29989a5dc6ad43beeca4b2d22', show: this.hasGroupError }, h("slot", { key: 'adde29609a84f7ad17f6289190935a3b8d0fa5c4', name: "group-error" })), h(GuxFormFieldHelp, { key: '0b9da735c9f7768565defbd5c2aedc7cf3ac6cef', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'e55001e85aef7d227607f269b82d0ac41a7bd975', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');