genesys-spark-components 4.109.0 → 4.110.0

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

@@ -36,7 +36,7 @@ export class GuxAccordion {
         }
     }
     render() {
-        return (h("slot", { key: '4017ce14f8b1adc8d3c07fe2d0f62a120e69e89b' }));
+        return (h("slot", { key: 'b98791da53f8ffe9bd50f39b7b379c1c69a519a9' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -117,7 +117,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '57959478afa5d25041e1d5e53e253af8d07fd925', class: "gux-action-button-container" }, h("gux-popup", { key: '2edb2fa0e834e0763963dd3745478f5755cb5e7e', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '2840dbe4e0e997bdafaaa4c5c4af1e338080419f', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '9525ad10b2e0fc99b4d29b51841dbc322e2caddf', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'a37bf72ea6e091c58530a3d44c23573d08d7c4c7', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'ff6afabc294ad981f2908cde50e5a38efcab4c40', name: "title" }))), h("gux-button-slot", { key: '4def09df0ee263fa071c0987865f837468476f97', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '3e990115a1430df63e6182f7f2574c9ecf308421', 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') }, h("gux-icon", { key: 'c7af94d74303d7f360985bd62618eab3ad9cde28', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'af1b78dd86dcb46be8ae88878b6e52f899b9fccb', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '5c3602b5af51132a2b97016f60a2c250a562f911', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '1a0e2c7fd56054e66947c06a5ab186a5eb3521e9' }))))));
+        return (h("div", { key: '88ce9d80a1419711e5ce9275eae436d667dd3da9', class: "gux-action-button-container" }, h("gux-popup", { key: 'ee7c3d53d74929be37d6d46f1d7dd646201c6e21', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'b316451cf695d9df6b7b0f22e33a7d42a5b815ab', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '2cf4ab77e5b6ebc1d6a1497c93cf4d3f37a905a5', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '4aaa914bcad1a69311cc9fffbfc6223271d952cb', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '215abbf9563ed38b34865286d9da3a25a6fb25b9', name: "title" }))), h("gux-button-slot", { key: '9af9d7f65973b3f22c35fd39c0ce048b859890ea', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'ac90a2a82484c33185beba650dee2359086801f2', 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') }, h("gux-icon", { key: '3528f2a14a38e01e0cbeffc5a59e52c328a7e966', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '49484768f95f095dac25fb017fa16a224fd15dbb', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'a3a65a94f2d26048119b9ac992597dde5b10b57f', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '794ccff88f0f744fff1bd231cd42d10c683191ff' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,7 +39,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '088eda14e26867dd7b63ae5c5191fdfb905bbf4c', class: {
+        return (h("div", { key: '647320e4db9893f221b3b8bb99d9b090d7837d61', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

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

@@ -35,7 +35,7 @@ export class GuxBlankState {
         this.hasCallToAction = hasSlot(this.root, 'call-to-action');
     }
     render() {
-        return (h("div", { key: 'cf994ca65cb0ef1e9cfb707ddd42d41d80a80451', class: "gux-container" }, h("div", { key: '2e6217992ed8e80053c3fbf4c696afbc8b6471c4', class: "gux-image" }, h("slot", { key: 'd401a8b329302b758480778f1f29c8c69edd3ad3', name: "image" })), h("div", { key: 'c862e4bd6f1af85fdc465d21968b9ca5aa269396', class: "gux-message" }, h("slot", { key: 'fc777e259ced2deb5ac899fdd9df4c4887b96878', name: "primary-message" })), h("div", { key: 'de2aaf37e53b99162e0c688fee98d41e20b5043b', class: "gux-guidance" }, h("slot", { key: '56021565b8ffbb6b7fb6fdac6d98125a2eff2b6e', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: 'e0628d9ef55d8fa3426b38430badf3101fbde541', class: "gux-container" }, h("div", { key: '969a0e63592b70ba3a6811479fdd7da14107bb6b', class: "gux-image" }, h("slot", { key: 'd4e1d398541c72d2e12916363d44074b7faf3f07', name: "image" })), h("div", { key: '3005b7deddd32fcabf46d33016538acefe1a1bf7', class: "gux-message" }, h("slot", { key: 'c7e9bbf5fc2bad5cb4fafea86289d44e2347f683', name: "primary-message" })), h("div", { key: '3f19b0a5e14f338f2d87a0cc6eb866d813c0dcea', class: "gux-guidance" }, h("slot", { key: '5e11d90e072cd83d348ff2ea6ed443d2585dcc55', name: "additional-guidance" })), 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

@@ -38,7 +38,7 @@ export class GuxBreadcrumbItem {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '6ab548f108375f82868773e85c3d3c67823a770a', role: "listitem" }, h("span", { key: '919eb454009208296318bd05f1522df270da9b02', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '3cb0fc71079bb297438cf8097fb603ffaea32ab3', role: "listitem" }, h("span", { key: '6b234449ad078ee665a8c330e5d195ce54279bd3', 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: 'd465de206b51c598f3686261b6d60f295d37f44e', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '223e45249ccb39f9d53b37291480effacc5a4d4f' }, h("slot", { key: 'a51465700d9d015985c30af4eadbcb9905c439c7', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '5afd74dc10dd0adc6cd46e3e9a0b6b77d79c0b5d', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'beadf863a24399bd6ce6c3daa49a5936c5f864cb' }, h("slot", { key: 'a7e00b34840416c06a51052021d779e38e86fc74', 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

@@ -11,6 +11,7 @@ export class GuxButton {
         this.guxTitle = undefined;
         this.disabled = false;
         this.accent = 'secondary';
+        this.autofocus = false;
         this.iconOnly = undefined;
     }
     connectedCallback() {
@@ -21,10 +22,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: 'd146c87036f53d21c9936f3c8704f89975acb10d', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: 'edee64cd82d1d2c4a05478a67fc4a129a6f965c4', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle }, h("slot", { key: 'ea93ad931802e11cc5186a2b6ecda0e4cec95476', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '52137af109ad90aaf6fc493678238e99bb4a935c', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -162,6 +163,24 @@ export class GuxButton {
                 "attribute": "accent",
                 "reflect": false,
                 "defaultValue": "'secondary'"
+            },
+            "autofocus": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "autofocus",
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

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

@@ -104,7 +104,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '693efb3f2600c66988b74c283245f3520ffa190a', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '24d21b8a5703f33923a6901eab3dc6e3112f2dff', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '81fa4655b704c371966422aa768b1a578c187db2', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '7d53e94c27c54ebd9fbf799903395c98b816a474', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'fb663f2ce2ca2185ab8ee2f594dfd00d892cc48f', name: "title" }), h("gux-icon", { key: '314251cc5a13581ca1ae6ed58f738123f959dc1f', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '9ec229ea3da75a20d04919e551409d969de4ed18', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '18fd1e106103a7f04f99bacca6e1ae977d3f8778', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '87dbae40771e242971204b0f826b207e1faf83ce' })))));
+        return (h("gux-popup", { key: '10d1528af7efd00e7c4415726bc57c352ef5284b', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'c7de7004a3f4aa2d9659bbc022173da8ec10c97e', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'de8a229b7291253e8cfb2534228ee4bcf60d326c', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '90afedc920703e2f9e63f50548d22d993ddf9ecc', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '0f6cd99b832d3bc9550a6615133b6662dd931170', name: "title" }), h("gux-icon", { key: 'd398494d0407efc12ff34df6cc18b6f3d65cf9ff', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '5fc305712b22a4b0bad98fb834f99fe1c8cc3a1e', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'f552de451f28c23ef13c24697033655acb70c474', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '3406e7b6dee062b03fa8f089e4c8434d2fe9631e' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,7 +32,7 @@ export class GuxButtonSlot {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '4699b0c94c1438b438d3d0af3a619eed470d972a', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'bbaafbfd06069ef30b06c2e2454a1bd1aa82ce8a' })));
+        return (h(Host, { key: '7db719be511ad4cebf0f36159ce7c2ccfb89bb13', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '274e551e90e870ae178d9f0d241711eca7658653' })));
     }
     static get is() { return "gux-button-slot"; }
     static get encapsulation() { return "shadow"; }

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

@@ -322,7 +322,7 @@ export class GuxCalendar {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '1081675c937bc86f2ac5fc23146305305e1393c5', class: "gux-calendar" }, h("div", { key: '47fd67422c1a627c37f48b7053cd7052835378f1', class: "gux-header" }, h("button", { key: 'b5e9a93cf23b6834e673d0eaca72820cbf9639e1', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '408ad65782ceb75bfd1917b9cf173eea5129ba79', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '0c4cbc33ee1318472440c3127f43f4e13d37e317', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '7b1a3691f3047b6fb21e528e41626701a36f9fd9', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '1d93725fddadd36cc89d28effd2b5d15cfdead8c', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '9bbc75e2c3765e37a075ce0d2b85dfcc66de6766', class: "gux-calendar" }, h("div", { key: '8a23859bd12b81147a126f662b5d7d5c79c0b6a7', class: "gux-header" }, h("button", { key: '1a4969d0fa5df455a5a589365e32dc474279ac47', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'b81a50a65e47739143c12cbc2bb726f15c9b32eb', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '60cafb513fb1954760894aa377ea5ac71b1d14df', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '34bce7f7c4a4cf407e59ca6f3dfce3856769ee16', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '7a3751a545428f2192391f88deb943941f4b822f', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     static get is() { return "gux-calendar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,10 +11,10 @@ export class GuxCard {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '10dd232bf731c61aa431999f32a7a8aa68a4f51f', class: {
+        return (h("div", { key: '69a40130e9d4f45a97697b76a87b4e3cda072d89', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '897f58d36d1f391e54da8098aa6d5fe2e4dd7aa9' })));
+            } }, h("slot", { key: '0f8e6dc787edbd827a60ee916c75486b9d09f8ff' })));
     }
     static get is() { return "gux-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -128,14 +128,14 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '892af3387d4bb3c378206b5e8eaf880787c0fc17', draggable: "true" }, h("div", { key: 'efc8b9402edd0683ccbdbf9ea44ef9c2bc2a19a5', class: {
+        return (h(Host, { key: 'ddc0f601ad1df38bdbac35b0a300bab98a9dfc63', draggable: "true" }, h("div", { key: '4f3f5d862a1fb3c2e8b54bee5453f40ad1eba44a', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '4c21051caa7741bef3485f049f1d4c42cde4dbc7', class: {
+            } }, h("button", { key: '1dbcc6575d8b180c2af4efef9df114ea7ce7ae8b', 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: '9ce0c62992afeb0f73117e7b2192681a7eb40712', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'edb4f5c83a06ba3ce0f674dc9d9db77217f8852b', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '226952a3f77da5087f0979dba76609f4063e11fa', class: "gux-select" }, h("slot", { key: '36710273617251c6e8bfd2cbe83ec2278352ca0e', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'cad46d36bc3e86d0db36e04c05c8c2ef226ce4f5', 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: '521a27ab27504e5255028a2eb1fcb237d29bed83', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '65f4557165b4a2bca5402b1e8e200878cf6c8fa2', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '40f8e02a76386e4141b46fa8d64935a3b3916a51', class: "gux-select" }, h("slot", { key: 'f2e2853f8adc0b8086c6f545b399634a1b9dbf00', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '4f3e7757e212ff79c61d92dc49f278853a468def', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     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: 'cab3928e7e032c29aa09bd6d82320685dca6613d', class: "gux-container" }, h("div", { key: '6516e2799e02c4b17f614005572efc7f01e4408f', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '1126784248c21042c9c151a5cdc1b39c4407e97a', class: "gux-search" }, h("gux-content-search", { key: 'd1ecd06bc846b16ba5ad772e9f6ca049d9a2ff37', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'ace557a59adad774ecb47fbb63374e45d6f58ded', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '9fbf026de4e479fd5ea4b9bc16cec4ab4913f793', class: "gux-select" }, h("gux-form-field-checkbox", { key: '3411d77733038640a7d494babc409ee5a104cf20' }, h("input", { key: 'b7aeb9ad3b34d67a22775dd0ced09caed487f24c', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '66e66bb5873e5c6f5cd67fcceba9827c1ef67f37', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '6948b31d070f1e251366451c333820cb7b8b346e', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'eafebaf4eaf4f7ff1210fe6a1bda0ce8bbc0b424', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '4c2de44fb81a9acb3b01868918716b1151f15736', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '6b8ad63e16a2b7599ead4bf2b052195a19e9b7ab', class: "gux-container" }, h("div", { key: '295a03f07363f34244744570b6c6d1bf0b65f3a6', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '828b08e835158483f2a2c325feedb88d0ead0a75', class: "gux-search" }, h("gux-content-search", { key: 'dc3680ff146935b9ab42d7a02feff242474fbed1', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'd9c01975c81ba898814cad001f004bb543920d18', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'f857e0301541539ae17b726b765879953b308528', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'f5b7c59fabd1f4557f6c443b231dfa99e5bcf7df' }, h("input", { key: '2c15b4a4e8af82d5b710370637256040dc6d4998', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '83b2de5c2f43c31efb8de13651400a9981fd319c', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'b8f75a6f309b4792d12ba9821cc66c4b0dedf9cf', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'bbcb598d15219bd9d07fa7ef678223c8110132ac', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '599a4ac3ad97969355ee71fe09d12f955f07fb2c', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-column-manager"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-content-search/gux-content-search.js

@@ -46,10 +46,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: '5dc7e4559bfa5daf0027cd672fec75bc9e2c2795', class: {
+        return (h("div", { key: 'f92c07b3fcc3fde5904db8874d3cd9f2a46cbcb3', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '432c498645ffda373751954064ca4854091732a6', class: "gux-search-icon" }, h("gux-icon", { key: '27b6eda62cbb7363054c761ec65905938ea944f2', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '5bf2081b6bf607d80ec599acd6e6e717116f8618' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '339f115cecc425b8a09826acedc108c306fae865', class: "gux-search-icon" }, h("gux-icon", { key: '809dc13d39dcfde0b2f26e0a0317c7307f0c950d', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'd2b0566ab5910055da0ffda28fd890bf9290983c' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -107,8 +107,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '30d3effa7f34773087052996e02adc07d613d297' }, h("gux-popup", { key: '0199d1690de78d1658bfd4c65a8332ac220d8c96', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '252cd6f0d516574a62b92578101e3ad0e14bccfb', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '2a51266d55cf2f976112b05ceef9406165913992', accent: "ghost" }, h("button", { key: 'c4d4460fbd6524b17a97f0afc4d43054cfeacaf0', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: 'cf2aa92ccb96271392fb176d60fb9abd35a2c11c', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'db85b74d05e15961bab03be97cbd784bdb5a93e6', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '447097c037726eea44da16c519219650aadab1b2', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '7fd25310dc677d9444a229f0ff252b30cb34bac9' }))))));
+        return (h(Host, { key: 'ffc6e8ca1e45223814cb5e7ff3d53cabd860cdeb' }, h("gux-popup", { key: '91439f5aebbcb2c2509b7120633ad79c6e9a9ba0', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '02afa66639be9de0b32b487c4ad542b337386db4', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '4f756627c056ef4423d2354aeb0e1cd794b2f092', accent: "ghost" }, h("button", { key: 'c83f00e7819228da19e6a3801e2ae0788e45af31', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: 'fbc97061fa98ab2eab9169efb0493760e477d7cd', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '12fc7618ce8a6c5658fc6564c8d52ddd97877839', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'd08420eb4b2e4ad22068a699a8a1ccf97d05e028', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '819b32c1b10b27fd6e898c7b9c99485ea3f320d1' }))))));
     }
     static get is() { return "gux-context-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-copy-to-clipboard/gux-copy-to-clipboard.js

@@ -51,7 +51,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '6b2eb35c396be1e4e4e91f87d7777cea062639fa', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'b575dd3d1bdea5ef122fd4f9d861338a53cbe0e5', class: "gux-copy-content" }, h("slot", { key: '926a620cc7d3b10e37419c07284288e2709ddef8', name: "content" }), h("gux-icon", { key: 'c54c1d77f0b53864e4dc0aad5d5a68cbdca7154e', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '8708931a89e20be48131001c9eb929be1a0f34e9', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '76460f7bb0d4e1cbc19705530c10929d78fc3c0b', class: "gux-copy-content" }, h("slot", { key: 'e647b5368a0a7e00eedac3d5e3850b9750fa3105', name: "content" }), h("gux-icon", { key: '2250fa380607b08648574bcc11903a7242144621', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     static get is() { return "gux-copy-to-clipboard"; }
     static get encapsulation() { return "shadow"; }

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

@@ -510,7 +510,7 @@ export class GuxDatepicker {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (h("div", { key: 'b912b4873f671ebdc1256f926092c28df1eee5f2', class: {
+        return (h("div", { key: '6d4ebf976b21e17ff568bd205bd77f7bc35250cf', 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: '32600b1fc687ea39563ecc88aec4f5c385777827', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: 'a54d9fe7d1873b24d2b99899ba228440cb223c09', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: 'c013386d96d15ccc2aaa6f7e41a602414fa57453', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'b7905d9d5f95d4aa888ee70d68925fd5d1421a29', class: "gux-icon-container" }, h("gux-icon", { key: '3d1647facc518a50c589a99cfe957fa40f64624f', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+            } }, h("button", { key: '6fb35f13046effebabe116064b07583ec31ada44', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'a8f8ce5b1964f7d9388eb74cb8054a16a72d53b9', class: "gux-icon-container" }, h("gux-icon", { key: 'df3c509cd84781826587b712d25fba8d0356af4d', "icon-name": "fa/xmark-large-regular", decorative: true })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -155,8 +155,12 @@
 
 .gux-selected-icon {
   display: flex;
+  flex-direction: row;
   align-items: center;
 }
+.gux-selected-icon.gux-icon-position-end {
+  flex-direction: row-reverse;
+}
 .gux-selected-icon gux-icon {
   inline-size: var(--gse-ui-formControl-input-inputIcon-size);
   block-size: var(--gse-ui-formControl-input-inputIcon-size);

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

@@ -313,7 +313,10 @@ export class GuxDropdown {
         if (iconOption.iconColor !== null) {
             iconStyle = { color: iconOption.iconColor };
         }
-        return (h("span", { class: "gux-selected-icon" }, h("gux-icon", { "icon-name": iconOption.iconName, style: iconStyle, decorative: true }), h("gux-truncate", { ref: el => (this.truncateElement = el) }, iconOption.textContent)));
+        return (h("span", { class: {
+                'gux-selected-icon': true,
+                'gux-icon-position-end': iconOption.iconPosition === 'end'
+            } }, h("gux-icon", { "icon-name": iconOption.iconName, style: iconStyle, decorative: true }), h("gux-truncate", { ref: el => (this.truncateElement = el) }, iconOption.textContent)));
     }
     renderFilterInputField() {
         if (this.expanded && this.isFilterable()) {
@@ -346,7 +349,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '48056955c3ec1e1b1305c460ea9b79a95f711146', 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: '8435baa8a31d934303386e198443e832f2734cb6', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '635499c202da270d0657b975548e1d22f8a1a655', class: {
+        return (h("div", { key: '03eb4b5b125e59ff73526d0d12f50b10c2e09937', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

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

@@ -374,7 +374,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: 'e85394a7eabc1be47706bb296782a3ac679067fc', class: "gux-dropdown-container" }, h("gux-popup", { key: '4456949ce752fdcfdb203332a7c8312d09f909c2', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: 'fa62f2b9076bdc86b557cee8d78b5aaed87e35b4', class: "gux-dropdown-container" }, h("gux-popup", { key: '97e2a04ccddd0c7164e918cd57ec230e12ef5385', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

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

@@ -171,10 +171,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: 'c940328eac819940681e1b86f7bb35c99923faa4', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '2122493b46c79b488c607d727fc683931cc7fde4', ref: el => (this.targetElement = el) }, h("slot", { key: 'fd3336d2ba41aafe99a7bf852e1771fbe105ae38', name: "target" })), h("div", { key: '8a81f8f6435ccf25ea090f0e60240aa3e76b1a63', class: {
+        return (h(Host, { key: 'b3d3cac1af9c246ad1b5d674a917ea9a791a50cb', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '5acf723eef337b444eca0ead4af9168709f47636', ref: el => (this.targetElement = el) }, h("slot", { key: '19336c7b779004bb3c7220b2fa9b38643ecd969e', name: "target" })), h("div", { key: '5753c04aa3dabb536e037fc56b440b3e6ffd2f19', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '17019eea390c225a2f2c8fed4cec1c8f82c0ffdf', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '973b60c5425f369b5f2804e2d1252d6d4cb27a0e', class: "gux-arrow-caret" })), h("slot", { key: 'c4589dfae296f13346c03e7ab0892ba58daaa5a1', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '480c3587da9a85f78a4a9d095fcdeac35c7ab274', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '4ad4674ac42ac1fd51e3171392cbe7001171abd1', class: "gux-arrow-caret" })), h("slot", { key: '0d4e50dfe985fa318bb6942813728afb5fd79e0a', name: "menu" }))));
     }
     static get is() { return "gux-flyout-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: '98d60a5773a526df8bbe40992c292faf6ea64fec', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '979fbec602630bf375659f28bf206fcf6995d3ca', class: "gux-menu-option-button-text" }, h("slot", { key: '5ba41bc43f96a2e941c8f5378a0ad2f5433ce642' }))));
+        return (h("button", { key: 'bce268abfbd7b364865bdc458158228da6212c8b', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'ae5a68137e1b5c73569e302459911ba6d65e776b', class: "gux-menu-option-button-text" }, h("slot", { key: '4005c5d25e5c8d3c28fef4fe67460b81312fb3a3' }))));
     }
     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: 'f1845a190e1b54ad6cfd1f371e70b819c1613ecc', role: "menu" }, h("slot", { key: '45fa4c2c63ca630d8fd518fa1394948d03e50587' })));
+        return (h(Host, { key: '1f6a40b02c043d1cf3d9e9a79d0000823021f544', role: "menu" }, h("slot", { key: 'ee049e4f8889392cb927dc924625a57988389890' })));
     }
     static get is() { return "gux-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -140,13 +140,13 @@ export class GuxSubmenu {
         }
     }
     render() {
-        return (h(Host, { key: '1bb30d8045366579b327f32f954d64c3360efa11' }, h("button", { key: '250c1b657beb520885a0493710e8d95f77f5b665', type: "button", class: {
+        return (h(Host, { key: '625e1b3c4f9c0c92d2b2ff71b7bcce7091c4ebaf' }, h("button", { key: '855e1bd204fd867c90e13b75b382eafd15832676', 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: 'f90df17dd3319c396dfc2e8f534b593e705155ae', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '8f160feb2f71d3dc81d85fda8a69b0c96501919d', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '14ce7670127c3fedbd84495d2aa30b16a20ecee4', 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: '455f9a3673222bc69ee01938aa0d1c202bb70c0e', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '38964f5d522a61caee905d1f6a77bced76165f3a', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'f2e61dcd3c5652f48b3314ba6f5e69ad5a10f736', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'a10887b4f33703674550e3c68a03e11492dd55cb', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'd4d85a52e5d24b1afc5a86de8a6f8044de2e63f0' })))));
+            } }, h("div", { key: '59cb761bc21d9f68db5606f1aa434f2c834b03d5', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'a5472a86ed6fa30dd586cedb362a1e8685f7bb4b' })))));
     }
     static get is() { return "gux-submenu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,10 +48,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: '05c00ed0b3fa12078541dd219c37f64570123cc0', class: {
+        return (h(Host, { key: '07d3726b97fa4209d5686acdb68200261c8e663d', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '5d293faed05d1566f02df5f734f5882e04257410', class: "gux-form-field-container" }, h("div", { key: 'd19c766e092906acf472631827a8912a7f789d3f', class: "gux-input-label" }, h("div", { key: '0b91fc52fe3eb5f6a3f919398b3b7019b78f8a1c', class: "gux-input" }, h("slot", { key: '1e58cfad1e2d0c8f76bb0c3f01dea2b682e13811', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '1af0dda64c1ad3d37c22c05a1cbc4f8e3a1d5524', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'df85c91e38c0f97cfd1c17c1cc3749c780a7e6cd', name: "label" }))), h("div", { key: '40f81a7cb035d763cff75f05924e865d998f182c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '7256f02711410ee9fb0e5659f93c630d96dd5b1c', show: this.hasError }, h("slot", { key: '49fd3673ef6ce2f588c3511b27ded3b6b6fbfa62', name: "error" })), h(GuxFormFieldHelp, { key: '1e5baff59db571263e847fc1ad155062698567d5', show: !this.hasError && this.hasHelp }, h("slot", { key: '6f8b54c2e3a099da695a8c3203a3da2dcd803982', name: "help" }))))));
+            } }, h("div", { key: '78c4607299907e842ab6559a7482fba6e535865c', class: "gux-form-field-container" }, h("div", { key: 'c56af4e07ce06ccf2ced1a18b80bdaf9798f1ce5', class: "gux-input-label" }, h("div", { key: 'a597be66d3a8a2a8ab4a570f0f453cb81b1c9e9f', class: "gux-input" }, h("slot", { key: 'bff7904998701cc122095720356171bf464894fc', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '5a3e93a6de74b5ff8ff9dab50ce7395b2653251a', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '3988b5f0aee358e560332815902655ded47dd07f', name: "label" }))), h("div", { key: '49504b92b60c8ea481df1bbdd1d8b6a0e0a588d8', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '01fb004440f4e353852b5600438765aef2013ccc', show: this.hasError }, h("slot", { key: '29206452dc440dab0a4fb99dfdf9f28eea7e4d6d', name: "error" })), h(GuxFormFieldHelp, { key: '8287aae4b5a6768cf8ff2f4a03eaf1cafb87c708', show: !this.hasError && this.hasHelp }, h("slot", { key: '528fc01df5a77f2b6b1472f45432716672662f5d', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -133,8 +133,8 @@ export class GuxFormFieldCheckboxGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'af39533927494f13991bbcaef9b1822f36dca1a7', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '6748324a9c7e1272d8431d559c74ae7d8a0b40d8' }, (_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: '7736549a306bbc1ef79443aa079969dd1cab9a13', position: "above", required: this.required }, h("slot", { key: '32467534d6285e52fc872e2c95b6f22c2779a492', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c3b61aaeae673c01b60f1489ee0c06683e56f4b3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '571adb5471717e4f0b6015c08716c2ed8869e0d3', name: "group-label-info" })), h("slot", { key: 'c9f254821b75645bf819eac7bc3ddd64f059e85f', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'e05f9ed3d293877fc03f6951ccf4f247fd7a1294', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'b7b10b2567fec76011bade5bc1cf280e38ae2ec5', show: this.hasGroupError }, h("slot", { key: 'e3d0eb1b9d9694bacfff93f5b43b508ae5b10d40', name: "group-error" })), h(GuxFormFieldHelp, { key: '26965305e2c33ebd01c874afcd7c69d0bcfb8b8f', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '09e8d3a0c412ccc1033a63fd91965ae2df8bb10a', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '0cc9b3908cf431dac18e6bbb9c69e16fa9266b29', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'bbd84167ea318acfe739888d3181f8813ff853b7' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'c4acac2683785e0b178dfcd3ca123bc7dc4e73c2', position: "above", required: this.required }, h("slot", { key: 'eac9e38aea665fcf1416741e8622333d58243fc0', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ca4719da3ccb12e9efaf74e51650d199d702ee19', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dfc3ee61f7deddc958d0691fc0be280629d8283b', name: "group-label-info" })), h("slot", { key: '8b6adbdcd21c0101e473ff63efb5a7337fc86bd3', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '2570c2da7e12226e4fe6bc0183b6754970c67504', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '5fc53617ff14b4990abfaa7ab6bf6c7dc67c09ed', show: this.hasGroupError }, h("slot", { key: 'db6c0f5d057151b74a1d76c16c31d26381c25814', name: "group-error" })), h(GuxFormFieldHelp, { key: '9eb911f64eec0f0b14381ba8f5be8b54ba8e742e', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'e8cc21449c5a85d9a9bc5fefba514a3bc11baa0a', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -84,13 +84,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '1945f9b71295f2055ca38047c1fa0cab667d3fba', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c422954f9e68f045f074a53684b57d6efeb7e8df', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7d433ce2453909cce245ca0271dfa3d7c05d5191', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3b16b288ef80aa5c6b752b1572ade855fd88136f', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3004c01a24982810f1058060874025eb4c70a05a', name: "label-info" })), h("div", { key: '23dc638a8370cec9b055313a4c7b7f8bfabd287d', class: "gux-input-and-error-container" }, h("div", { key: 'e56f699ae341f5105deabe9ec287640a673ef35f', class: {
+        return (h(GuxFormFieldContainer, { key: 'ddd4e92466da1ff85c1e37394e8e1dea3717f4c9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fb87a80f5762de1c4e79f5701f8d859fb82831c1', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6087b8e6a96ed1a6d6b4dcfe9bda9dc87717162a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b964c7727d0748fbc985eacee89caeb88df55cab', variant: this.indicatorMark, required: this.required }), h("slot", { key: '457541d5c6d17fc1916a38d29c220e260c6f70ac', name: "label-info" })), h("div", { key: 'c3ea7b8efedeafdbf76f1517374060dae49d30c2', class: "gux-input-and-error-container" }, h("div", { key: '1f7939085298012bd988264002c0eaf61bdac619', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'c82c19d37c7d5c7acec5c54b5e46af73912b8c0f', class: {
+            } }, h("div", { key: 'ee95a2c23f49e3dc050f7ed4f1f3f8fc4e3771ac', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'd29d1edbac8d92246e13562b1738569e94fe21b5', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '56775bbf353ddedb70d503700f18d50734d15d23', show: this.hasError }, h("slot", { key: 'aca81af05335223cd3c2163269a9f078fd40cf2b', name: "error" })), h(GuxFormFieldHelp, { key: '8a002384b5b9604b85836ad6eb8043470d7c7296', show: !this.hasError && this.hasHelp }, h("slot", { key: '85cd019e10448a1e70bf8ea7ed057d2f29e74857', name: "help" })))));
+            } }, h("slot", { key: 'c5de40eb44540d23000d84d7de69fca97874b420', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '94bcd357527458d756e8239b759af9fec80fd166', show: this.hasError }, h("slot", { key: '2ac19f0d433bc736adee4c17c5bce8ad1788c263', name: "error" })), h(GuxFormFieldHelp, { key: 'e2bce846cc98500397f3ffd640ec387b42d90f7b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ff45d87bd2a67ef1da69b33911c58a6f809c72db', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -96,11 +96,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '3c5dc914f3c76b4f137f712fa8409460d93171f5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ec9e39fcb78f48527bc10f66969a114accb89c2a' }, (_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: '1e4b0c9501ea80dc64a1af8619601647d4930ba7', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a20bd54b9b03ecd7283d04bade1546eb79a1bfff', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e58d88a1a9e9e18feced6b7185bcd47df7fd4a45', variant: this.indicatorMark, required: this.required }), h("slot", { key: '22dad7ea55ab30b4a2d7692bb8a5d6ff3f33f1ea', name: "label-info" })), h("div", { key: '060f5c62aa09b3206bb5b731d697882676578d62', class: "gux-input-and-error-container" }, h("div", { key: 'd23895c211aaf7880525f376edb9ba744757d500', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'b2e7d87889e05f1ae5f6ca00dbcd9fd817e71a4f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '69b424189b6db30900fe2ac5911b0933b536b7e3' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '9252794ff34a92db29973a470fb58bb8c367df38', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a78f00207da568284ef53f9831f712522f207fd4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c57bdd09b495bfa2e478718d60f589bd685ced01', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f0cc4d4ce18def318e414d89b84e8977576961cc', name: "label-info" })), h("div", { key: 'b99d05a88910935c7b203cc3fc47ca1a8aee836e', class: "gux-input-and-error-container" }, h("div", { key: 'a560d26b087090f9f823b12e1a16c3f333e70a7d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'a9be0fda5bab9330de38bcd573af201af20ce816' })), h(GuxFormFieldError, { key: '2ce73f1bb6c1670f1b0a14a28587932151290db3', show: this.hasError }, h("slot", { key: 'c9e2e14424a9a78b49e6bcdcd9e692901f397604', name: "error" })), h(GuxFormFieldHelp, { key: '3beeb950e03f32a493dc81e3696500e8acf38658', show: !this.hasError && this.hasHelp }, h("slot", { key: '4175b1c26dece146f2718fd89773f51cbd188f8b', name: "help" })))));
+            } }, h("slot", { key: '74c34b2e18987659c39115904ca22080d867b04d' })), h(GuxFormFieldError, { key: '17ea66768ec888616585e953234a8e6d5daf5116', show: this.hasError }, h("slot", { key: '438c966e466fd1cb2c1254d99bd4173993fd2715', name: "error" })), h(GuxFormFieldHelp, { key: '03e74fcc6afd58e989858c07af5fca8a8756df30', show: !this.hasError && this.hasHelp }, h("slot", { key: '66427274fe187427ce579b6dc1a22bd967db3627', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -98,7 +98,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '9ca93f24d44dea238cbe5677aa0b73472b2d64b6', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'dec25a32fc276d5488068617bde432a27b28c70c', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'af0eae1f9b7b03f1bebcff17f071a1c84e0f8a43', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a44f39119b3233ca0b5192dce72dcae94c4bde02', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3307d4d6fc47145d02da9f97de180c99eacbd415', name: "label-info" })), h("div", { key: 'f3fd418c38e9d77c2e8e88a7adc778a74d04feec', class: "gux-input-and-error-container" }, h("slot", { key: '32ca9120b2f99d577360a9c57fcca72637c9cdee', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'f30dab2e5c7554e6bf914dc8c0a2804b9bb26b98', show: this.hasError }, h("slot", { key: '7ebe986a1cfd90857e04e99cd7fdb72b2ae27508', name: "error" })), h(GuxFormFieldHelp, { key: 'ff5019f55ccf11be847ac58813565a3220f0da3b', show: !this.hasError && this.hasHelp }, h("slot", { key: '5161a236c6567be3641375c9bc4ad4b3ba61ef4e', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: 'ecdd8777d32db60aa14e4f835441b56773b888dc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '94daaa86f4d520f8240d28098ee30b5b11029c51', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd32f2a9aa37c4d113eaecda713bfe6dbf54a85fe', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c8b87645a8434a11850562c13e385fafab036dfd', variant: this.indicatorMark, required: this.required }), h("slot", { key: '69d783e5f348a361a5dc3b79150f9a84979967f1', name: "label-info" })), h("div", { key: '9492d49b0b06d1561d3ef40b57f6ed17fc60b8e3', class: "gux-input-and-error-container" }, h("slot", { key: 'a8c7e6c2fb1a60f35a554152da531c5f6f8298e0', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '55c5ec81902471255af9dd14b2e95e03d53eed17', show: this.hasError }, h("slot", { key: 'a71b3802642a1bd0013464f5bd8af42063d25087', name: "error" })), h(GuxFormFieldHelp, { key: 'f411df77305841065210151ce9e065d067f7cb12', show: !this.hasError && this.hasHelp }, h("slot", { key: '1bbae2c7bc926810e0d6843c6a499695aa780556', name: "help" })))));
     }
     static get is() { return "gux-form-field-file"; }
     static get encapsulation() { return "shadow"; }

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

@@ -101,14 +101,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '49ed3e1102b18b0afd80fa7f2dbdbe650183d7b5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '49b896abc67f8daf23f39cfdb538bd0bfd24f5a3', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '07b6bb0098735cdb93670bdd4239f70c87a4c403', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2846f8347b8bfb90982fb7c8a286f9dc28db6db8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5ff63629608ee4c64b5c93b8ea2f591ed992403b', name: "label-info" })), h("div", { key: 'a63425de0f0116dc85790e8377e45605273ce18b', class: "gux-input-and-error-container" }, h("div", { key: 'd67c396e117112b44e028d189ba6b6a45e2142b1', class: {
+        return (h(GuxFormFieldContainer, { key: '9130606d82f93896ef88f3487080054e283de111', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4bd5e3c71628b945a50a468d6fc7aa7afabd624e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4383c95fe83fec6e6ae94c2c7afe8d3ab859a5b3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9bb2de3331e4977313ef7dd047e8ef4780b2f1df', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f4f3d3c172301bfadb156183a5ca02fe48dce92e', name: "label-info" })), h("div", { key: '7bf94ce9b4fd7a3cc5d6f5ab68f9d43e581e433f', class: "gux-input-and-error-container" }, h("div", { key: '35883426da3b8b5ceb7fa61cfc137f23e4b3c75a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '7ecb0947167b2c51672754448517d757238047d6', class: {
+            }, part: "input-section" }, h("div", { key: 'a3ff727dbfc4abde0b284b270ee9d068953573ba', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '56ca0045044f88985e4505ce00627fadbe816291', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '2ada074e5e27e541104a746d2b1e55c2dfee850b', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '8e3b2c7c8f93b4a2e9eaaa57872876541b938f75', show: this.hasError }, h("slot", { key: 'fe815006fe7e240c834d021e3c0058fe7bcb2688', name: "error" })), h(GuxFormFieldHelp, { key: '0a648c9e9a1b238439f414ec7977f7e2b307f382', show: !this.hasError && this.hasHelp }, h("slot", { key: '7c39e14dd4d8715b99fa8f07bf44157e24f61e04', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '9616ca55da9df60b1dd821d1561ee2e1ceb03722', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '8d0d4acf4ec59c2895fe9a80cca45b517734106a', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'd34205cf5be5d6815608bf7a2791e7c159cd2166', show: this.hasError }, h("slot", { key: '213e706a54a8651c3bb7cdcaf94f00a9f30aafe6', name: "error" })), h(GuxFormFieldHelp, { key: 'b55428378780dece7d43fcf879dda30415b5ed91', show: !this.hasError && this.hasHelp }, h("slot", { key: '4a0b845c87da629bd806f76011e917fc8def2b92', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -92,14 +92,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '33fe0fc8c809b55349fa51aa7d80a285a2788edd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'eb56dd16bd5820f58481ac506e9aa5001ec470f7' }, (_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: '074c11f16f051c6f00198989c73e265fbc76e28f', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e8fc15414ce78419b8f5556b25575799eab4501c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '075f6120f5985fcbac369b15e6d4d3890547022b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c08bbf1c0247f0cec8f13d7dbfc8a1f189c17c58', name: "label-info" })), h("div", { key: '4f73ec6078aa6cf796b9c9d8fcbe23bed8a39c72', class: "gux-input-and-error-container" }, h("div", { key: 'f9b6da0b9a11f8af494846f09b0d3640e1919112', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'b4ab6ded3d06cdbe6013533fe6e66fb8a0d7e959', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '7e8770fe64aa2ccad7f39abba8779c48ff4c9ce2' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'ed26f0594ee1620528280279c0224a8dec16e8f8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '28d1172b152fd9a23e1a67c3f5548908169a0f67', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '078b0061f4b2bd2b645723685ea5544cc241e1be', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bfe2d61ab954d3db6db9325e0c0b5fe737da8e57', name: "label-info" })), h("div", { key: '2f72143c66756d7b62de182e703e413f72c676c6', class: "gux-input-and-error-container" }, h("div", { key: '49fb490b08a621c5e6c8952c0f4e9ed6825e02b2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '9ed48adf358623e4175e30e32b00c59be6df02bd', class: {
+            } }, h("div", { key: '2b531ea8e07b950bd47394baf0cf7a03750a050a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '9d648cc3ae68f9cb2f7ab93e1fc829cbe083ad06' }))), h(GuxFormFieldError, { key: '22296a416c1da45479a209608c1f48ccbd529244', show: this.hasError }, h("slot", { key: '5deb14f2838dcaaca697cfd3aa091bc263c8128e', name: "error" })), h(GuxFormFieldHelp, { key: '47c4d90105b9b46c8a856173b41a61b9d00ef19f', show: !this.hasError && this.hasHelp }, h("slot", { key: '039f3beaa6aebf7415c1d16be0a633ac406f4b17', name: "help" })))));
+            } }, h("slot", { key: '83e25848d17cc1140a9ba017818eaeb74bb15f6f' }))), h(GuxFormFieldError, { key: '4e2812c595f717faff7c77c7ea157588d863c85f', show: this.hasError }, h("slot", { key: '0313ae1d6ad56a14d00563c1f154dfad3e2c8d40', name: "error" })), h(GuxFormFieldHelp, { key: '23ca0fd41588a0543cd1aba80a314461c739e25f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ba096bf423d9ae62ec17662bf2d35dd3f4aac4f1', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -47,10 +47,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: '49ef8bdb9e7268f6ed72d138596e30d2942df483', class: {
+        return (h(Host, { key: 'fed96c8c49406e71ae3bb7b116afb2c0591f6b81', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '6a26a205570eb6ff11e77f81d01d44261d21e072', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'b77bc44125eaa97141430489ac2eb184ba7df709', class: "gux-input-label" }, h("div", { key: 'd4186aef6e7b7a0ebfe645344d5a745e16cc9614', class: "gux-input" }, h("slot", { key: '2fc89568cc4659ff4838799e5278baa273085d2a', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '61ff648660ef9c6c37ebdea28bbb35d7f6c14d0e', class: "gux-label" }, h("slot", { key: '6ff9554ebb06ff5c11b68b784b24a834dc7837e5', name: "label" }))), h("div", { key: 'ac51eb19dfe44b8069ce7e29edb9e97073d8c75f', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '6d27501b269cad64a8c4f1fb78545a5c6e512254', show: this.hasError }, h("slot", { key: 'bada69224c02868f8541a2895218fb392cc46d59', name: "error" })), h(GuxFormFieldHelp, { key: 'a3d3221e309a5c891ac5beb1c50ed3f8cddfbb86', show: !this.hasError && this.hasHelp }, h("slot", { key: '7794ca8ee2cc4b82d761c37e2868ff0a776864cd', name: "help" }))))));
+            } }, h("div", { key: '2914da86215007f985b046af492ca8314a081c84', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '24b4774de5f4fd92202bd97d06a01c6b47a48d4b', class: "gux-input-label" }, h("div", { key: '52c2cd0df939bb58fcdb45c05f7bf22b02693874', class: "gux-input" }, h("slot", { key: '416b6efb605f2ef8818cd836b4d1ea41d457101a', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '7773dcff902ee4c96c67c37c348b031f6c12a67a', class: "gux-label" }, h("slot", { key: '38784500d1703c5766657214c1a05312f004bd3b', name: "label" }))), h("div", { key: '3251d742977c72cbcdd62702faeaa45d840ce8fd', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '90220712c3b8ec0a63b7fff0502ccdd086a21033', show: this.hasError }, h("slot", { key: '8dc4388036c1800950c438af3dc337aef6ee7ba0', name: "error" })), h(GuxFormFieldHelp, { key: '7f9741c57918a12c8342a45a79d27462ed00ffab', show: !this.hasError && this.hasHelp }, h("slot", { key: '40c2560f8cc8fbc733e881d0307e465efa5bff7a', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');