genesys-spark-components 4.109.1 → 4.110.1

package/dist/cjs/{time-zone-e774c9f7.js → time-zone-7ad4a25c.js}

@@ -2271,11 +2271,12 @@ const rawTimeZones = [
 		countryName: "Saint Vincent and the Grenadines",
 		countryCode: "VC",
 		mainCities: [
-			"Kingstown"
+			"Kingstown",
+			"Calliaqua"
 		],
 		rawOffsetInMinutes: -240,
 		abbreviation: "AST",
-		rawFormat: "-04:00 Atlantic Time - Kingstown"
+		rawFormat: "-04:00 Atlantic Time - Kingstown, Calliaqua"
 	},
 	{
 		name: "America/Kralendijk",
@@ -2882,21 +2883,24 @@ const rawTimeZones = [
 		rawFormat: "-03:00 Uruguay Time - Montevideo, Salto, Paysandú, Las Piedras"
 	},
 	{
-		name: "America/Scoresbysund",
-		alternativeName: "East Greenland Time",
+		name: "America/Nuuk",
+		alternativeName: "America/Nuuk",
 		group: [
-			"America/Scoresbysund"
+			"America/Nuuk",
+			"America/Scoresbysund",
+			"America/Godthab"
 		],
 		continentCode: "NA",
 		continentName: "North America",
 		countryName: "Greenland",
 		countryCode: "GL",
 		mainCities: [
+			"Nuuk",
 			"Scoresbysund"
 		],
 		rawOffsetInMinutes: -120,
-		abbreviation: "EGT",
-		rawFormat: "-02:00 East Greenland Time - Scoresbysund"
+		abbreviation: "GMT-2",
+		rawFormat: "-02:00 America/Nuuk - Nuuk, Scoresbysund"
 	},
 	{
 		name: "America/Noronha",
@@ -2933,24 +2937,6 @@ const rawTimeZones = [
 		abbreviation: "GST",
 		rawFormat: "-02:00 South Georgia Time - Grytviken"
 	},
-	{
-		name: "America/Nuuk",
-		alternativeName: "West Greenland Time",
-		group: [
-			"America/Nuuk",
-			"America/Godthab"
-		],
-		continentCode: "NA",
-		continentName: "North America",
-		countryName: "Greenland",
-		countryCode: "GL",
-		mainCities: [
-			"Nuuk"
-		],
-		rawOffsetInMinutes: -120,
-		abbreviation: "WGT",
-		rawFormat: "-02:00 West Greenland Time - Nuuk"
-	},
 	{
 		name: "Atlantic/Azores",
 		alternativeName: "Azores Time",
@@ -3094,11 +3080,11 @@ const rawTimeZones = [
 			"Dakar",
 			"Pikine",
 			"Touba",
-			"Thiès"
+			"Guédiawaye"
 		],
 		rawOffsetInMinutes: 0,
 		abbreviation: "GMT",
-		rawFormat: "+00:00 Greenwich Mean Time - Dakar, Pikine, Touba, Thiès"
+		rawFormat: "+00:00 Greenwich Mean Time - Dakar, Pikine, Touba, Guédiawaye"
 	},
 	{
 		name: "America/Danmarkshavn",
@@ -4532,12 +4518,12 @@ const rawTimeZones = [
 		mainCities: [
 			"Khartoum",
 			"Omdurman",
-			"Nyala",
-			"Port Sudan"
+			"Khartoum North",
+			"Nyala"
 		],
 		rawOffsetInMinutes: 120,
 		abbreviation: "CAT",
-		rawFormat: "+02:00 Central Africa Time - Khartoum, Omdurman, Nyala, Port Sudan"
+		rawFormat: "+02:00 Central Africa Time - Khartoum, Omdurman, Khartoum North, Nyala"
 	},
 	{
 		name: "Africa/Kigali",
@@ -4611,13 +4597,13 @@ const rawTimeZones = [
 		countryCode: "ZM",
 		mainCities: [
 			"Lusaka",
-			"Ndola",
 			"Kitwe",
+			"Ndola",
 			"Chipata"
 		],
 		rawOffsetInMinutes: 120,
 		abbreviation: "CAT",
-		rawFormat: "+02:00 Central Africa Time - Lusaka, Ndola, Kitwe, Chipata"
+		rawFormat: "+02:00 Central Africa Time - Lusaka, Kitwe, Ndola, Chipata"
 	},
 	{
 		name: "Africa/Maputo",
@@ -5012,11 +4998,11 @@ const rawTimeZones = [
 			"Johannesburg",
 			"Cape Town",
 			"Durban",
-			"Soweto"
+			"Pretoria"
 		],
 		rawOffsetInMinutes: 120,
 		abbreviation: "SAST",
-		rawFormat: "+02:00 South Africa Time - Johannesburg, Cape Town, Durban, Soweto"
+		rawFormat: "+02:00 South Africa Time - Johannesburg, Cape Town, Durban, Pretoria"
 	},
 	{
 		name: "Africa/Mbabane",
@@ -5154,12 +5140,12 @@ const rawTimeZones = [
 		mainCities: [
 			"Jeddah",
 			"Riyadh",
-			"Mecca",
-			"Medina"
+			"Makkah",
+			"Madinah"
 		],
 		rawOffsetInMinutes: 180,
 		abbreviation: "AST",
-		rawFormat: "+03:00 Arabian Time - Jeddah, Riyadh, Mecca, Medina"
+		rawFormat: "+03:00 Arabian Time - Jeddah, Riyadh, Makkah, Madinah"
 	},
 	{
 		name: "Asia/Aden",
@@ -5294,12 +5280,12 @@ const rawTimeZones = [
 		mainCities: [
 			"Dar es Salaam",
 			"Mwanza",
-			"Arusha",
-			"Mbeya"
+			"Dodoma",
+			"Zanzibar"
 		],
 		rawOffsetInMinutes: 180,
 		abbreviation: "EAT",
-		rawFormat: "+03:00 East Africa Time - Dar es Salaam, Mwanza, Arusha, Mbeya"
+		rawFormat: "+03:00 East Africa Time - Dar es Salaam, Mwanza, Dodoma, Zanzibar"
 	},
 	{
 		name: "Africa/Djibouti",
@@ -5333,13 +5319,13 @@ const rawTimeZones = [
 		countryCode: "UG",
 		mainCities: [
 			"Kampala",
-			"Gulu",
-			"Lira",
-			"Mbarara"
+			"Nansana",
+			"Kira",
+			"Bunamwaya"
 		],
 		rawOffsetInMinutes: 180,
 		abbreviation: "EAT",
-		rawFormat: "+03:00 East Africa Time - Kampala, Gulu, Lira, Mbarara"
+		rawFormat: "+03:00 East Africa Time - Kampala, Nansana, Kira, Bunamwaya"
 	},
 	{
 		name: "Indian/Mayotte",
@@ -5444,11 +5430,11 @@ const rawTimeZones = [
 			"Minsk",
 			"Homyel'",
 			"Hrodna",
-			"Mahilyow"
+			"Vitebsk"
 		],
 		rawOffsetInMinutes: 180,
 		abbreviation: "MSK",
-		rawFormat: "+03:00 Moscow Time - Minsk, Homyel', Hrodna, Mahilyow"
+		rawFormat: "+03:00 Moscow Time - Minsk, Homyel', Hrodna, Vitebsk"
 	},
 	{
 		name: "Europe/Moscow",
@@ -5565,13 +5551,13 @@ const rawTimeZones = [
 		countryCode: "AM",
 		mainCities: [
 			"Yerevan",
-			"Gyumri",
-			"Vanadzor",
-			"Vagharshapat"
+			"Malatia-Sebastia",
+			"Shengavit",
+			"Nor Nork"
 		],
 		rawOffsetInMinutes: 240,
 		abbreviation: "AMT",
-		rawFormat: "+04:00 Armenia Time - Yerevan, Gyumri, Vanadzor, Vagharshapat"
+		rawFormat: "+04:00 Armenia Time - Yerevan, Malatia-Sebastia, Shengavit, Nor Nork"
 	},
 	{
 		name: "Asia/Baku",
@@ -5756,27 +5742,6 @@ const rawTimeZones = [
 		abbreviation: "AFT",
 		rawFormat: "+04:30 Afghanistan Time - Kabul, Herāt, Mazār-e Sharīf, Kandahār"
 	},
-	{
-		name: "Asia/Almaty",
-		alternativeName: "East Kazakhstan Time",
-		group: [
-			"Asia/Almaty",
-			"Asia/Qostanay"
-		],
-		continentCode: "AS",
-		continentName: "Asia",
-		countryName: "Kazakhstan",
-		countryCode: "KZ",
-		mainCities: [
-			"Almaty",
-			"Shymkent",
-			"Karagandy",
-			"Taraz"
-		],
-		rawOffsetInMinutes: 300,
-		abbreviation: "ALMT",
-		rawFormat: "+05:00 East Kazakhstan Time - Almaty, Shymkent, Karagandy, Taraz"
-	},
 	{
 		name: "Indian/Kerguelen",
 		alternativeName: "French Southern & Antarctic Time",
@@ -5914,13 +5879,15 @@ const rawTimeZones = [
 		rawFormat: "+05:00 Uzbekistan Time - Tashkent, Namangan, Samarkand, Andijon"
 	},
 	{
-		name: "Asia/Aqtobe",
+		name: "Asia/Almaty",
 		alternativeName: "West Kazakhstan Time",
 		group: [
+			"Asia/Almaty",
 			"Asia/Aqtau",
 			"Asia/Aqtobe",
 			"Asia/Atyrau",
 			"Asia/Oral",
+			"Asia/Qostanay",
 			"Asia/Qyzylorda"
 		],
 		continentCode: "AS",
@@ -5928,14 +5895,14 @@ const rawTimeZones = [
 		countryName: "Kazakhstan",
 		countryCode: "KZ",
 		mainCities: [
+			"Almaty",
+			"Shymkent",
 			"Aktobe",
-			"Kyzylorda",
-			"Oral",
-			"Atyrau"
+			"Karagandy"
 		],
 		rawOffsetInMinutes: 300,
 		abbreviation: "AQTT",
-		rawFormat: "+05:00 West Kazakhstan Time - Aktobe, Kyzylorda, Oral, Atyrau"
+		rawFormat: "+05:00 West Kazakhstan Time - Almaty, Shymkent, Aktobe, Karagandy"
 	},
 	{
 		name: "Asia/Yekaterinburg",

package/dist/cjs/{usage-069a2035.js → usage-9270d8bf.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "genesys-spark-components";
-const version = "4.109.1";
+const version = "4.110.1";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";
@@ -62,8 +62,8 @@ const config = {
 const types = "dist/types/index.d.ts";
 const dependencies = {
 	"@floating-ui/dom": "^1.6.13",
-	"@vvo/tzdb": "6.146.0",
-	"google-libphonenumber": "3.2.38",
+	"@vvo/tzdb": "6.157.0",
+	"google-libphonenumber": "3.2.40",
 	"intl-messageformat": "10.7.0",
 	"requestanimationframe-timer": "3.0.3",
 	sortablejs: "1.15.6"

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: '024641a03e2e31df6a9ad60542eb1332b38e5e87', 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: '5b4c4fdf1c247faecb93f9b41ffb8984de8e9a53', 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-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: '2dcf0ff136db9f4ba53395551d7a0c0bee867d23', 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: '8bde86b366ab061abcbaca0db6a95b56f080fc3e', 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: '630a844bfda376392ac74ad23a88df4f5cc5a665', class: "gux-dropdown-container" }, h("gux-popup", { key: 'e9584ef961d006264fdaeb9a66723b4b79131fdb', 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: '4486e9663808ce4c16733a662745750fa509bd28', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '08b4f7e58e343e1e68c15a24f25cbd610cdd27c6', ref: el => (this.targetElement = el) }, h("slot", { key: '18162cd547857c3cf9a5aca49ba846101cb4fbf6', name: "target" })), h("div", { key: '88b0e57b328ce96f2660eb2a5174415dc1a6c04c', 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: '34883ffad00a79b26c09949a549726175a6c2ce8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'eb279ba54fe4df576fefa691a219bb2dca759151', class: "gux-arrow-caret" })), h("slot", { key: '58ed7aa3c5db38625de0e4054f4fa08a49ddad7d', 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: '76424597e8566687209f9344e0bd43ebadac87fa', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '3e3722b03d2a88679eef2aa1ea264dfedb6d3bb7', class: "gux-menu-option-button-text" }, h("slot", { key: 'ca078a98830dce7486156d28e46af332327bac83' }))));
+        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: '706bb2954a711ab17aee8080966ac6d37e4b48fe', role: "menu" }, h("slot", { key: 'b66a8fc779b5f89a74794287a26e3810ac1a5311' })));
+        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: '972de471505bf0371beb2e42a8afebf75850d91c' }, h("button", { key: 'ea269a2be165239555d9b16e0011fd03edd24acd', 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: '333d2572ae820b4d79ac2dbbb539120649a64a50', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '82aa35dd82c3d1a4e7866ce70ad5b214121a71d2', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '9fd8ea4e49062b1d117a4fd6dbbb0c46fb0d077b', 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: '50f6306dcccb89cf8c7421361bff733a49a8f90d', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'ccaa8f26da01edcaf2956e92c3f67aa3e0fad1f5' })))));
+            } }, 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: 'a2a30b782a8ff6a80f64b63b68e9240f195a1dcf', class: {
+        return (h(Host, { key: '07d3726b97fa4209d5686acdb68200261c8e663d', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '2fd1c4e7bf4319350602458c472cfd424fceb19c', class: "gux-form-field-container" }, h("div", { key: 'e63e1c1d076066bf0a19b7e90abacebe65dc7bc6', class: "gux-input-label" }, h("div", { key: '155e8ded464891ac21ac71f9d01ccc34c397b095', class: "gux-input" }, h("slot", { key: '81556a48f4990db7a5c2437ac08de179c18d8ed5', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'cb658fabd78aece1716ae870d48c8e704b9267d7', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '4d330608b1353cfc3200f68bd67c3fbf3438ea89', name: "label" }))), h("div", { key: '374f0694accce4111cb42f70d0de26e6155d41c1', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '567dff053bc356433fd7e1685f3b33c6d47d77e2', show: this.hasError }, h("slot", { key: '6e012aa1f920c1a21c132370988c0fbbdd1d9f46', name: "error" })), h(GuxFormFieldHelp, { key: '043feaaa1b4dc622f8244a55e3111403126fe3d0', show: !this.hasError && this.hasHelp }, h("slot", { key: '3eb8fad2ea08a645051353d1fcf82972b1578802', 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: 'cac76afe18dbc4017379c27ba9d3cecf6908c9d8', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '09f9490343cc4c39a61ac24dc6ec4afcb9c1f218' }, (_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: 'e1ece3dc1eda47296f61e5cde4fb5168fe9f3346', position: "above", required: this.required }, h("slot", { key: '00c3c2b93fea299ad99f69b92b6b722d107cf0ec', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '30eff5f45414437f668fe9b4a57dba843a1903da', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd377a951796897e47fd8511606ce381011744c0d', name: "group-label-info" })), h("slot", { key: '703c8802fdd1b9d9e074c3bd021f953df359d30a', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'a761d2709174f8346a6ede556147db3236a00499', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'd2b0f5ec27507d0e031d1071ba9b6907e8b751d3', show: this.hasGroupError }, h("slot", { key: '23dc8e60b891a1c3c8c7eb4501c59de14ce8a374', name: "group-error" })), h(GuxFormFieldHelp, { key: 'cac4c8bdba3fc6c00a992733a6a416213fee016f', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'a85cd3c84ad88b5cf8287a1af8755b94ca8a9a3e', 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: 'c98e04077abbe89a43f948edd69423cba9b9557a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '25ff0fb83aea2228207b50fafc51f66e0cab6424', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '62bf642cb0f9b345163d9204b56b337521a1e9c6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ca6df000fea3afbaab1b08fd27393166f798b25a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'eb92808c7a7562f7a37b98ba0312e119d7f384c5', name: "label-info" })), h("div", { key: 'c68824e8740129946bac41c3ec875f481c25d998', class: "gux-input-and-error-container" }, h("div", { key: '5aa54e9f95eb8c4a7bee55d9740cad2b588883c3', 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: '952310677fa0cd42aaa8c229775e5b28533b8bfe', class: {
+            } }, h("div", { key: 'ee95a2c23f49e3dc050f7ed4f1f3f8fc4e3771ac', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '71a92c0dad57c545aba0854a5aeba8ac496f2133', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '5b86d579ec31b8df6d08b84ea638f1a91c13b036', show: this.hasError }, h("slot", { key: '9374b612836789a102dd5709939e8dd4d24ab643', name: "error" })), h(GuxFormFieldHelp, { key: '85747437a0eca0d454ebe1366fd485151d2c4db3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'aeca2769ba1b9673611df3b8417a873a4c089402', 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: 'dd0425be8a1009528c957aa77e6ed231ffa707c8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ccd648e9166cc2d2a3d9ac39dec71352863d4401' }, (_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: 'f2cc3ca90c9fd6cd5c960eb7e4da2f0f6b806e75', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'da29b5df62d4c331b92fda65795505451af2ade7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8c8dc237c7ec3d81fdebacffa790d6399c0738f9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '87f135ff4352e83da77a4dffdb7a74d9adfec785', name: "label-info" })), h("div", { key: '53fea5549adb6361ddfc9365fbcf37d0f10af165', class: "gux-input-and-error-container" }, h("div", { key: '52463d5578a5ce0188efb52b646f8f5ea2913ce8', 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: '441a975498bb7da5634550143313850743686346' })), h(GuxFormFieldError, { key: '24bf1c82bf13320517f7d99ea03ad473d30951f8', show: this.hasError }, h("slot", { key: '62dd3d257a85347422165ff3f3f55fe781a1be33', name: "error" })), h(GuxFormFieldHelp, { key: '48b66744db5cda996360e4871882a99e1b439cf5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ac3cdb67240c3de0525414162a2235b8566bd683', 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: '251b539bfd1c36a441b62f5f03d72fbc6f4e54d4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '92295dd72a54aa34756c9591d1237cc51b84d4f5', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e57819ebad6742d7e29aa14bb34c1f48e89b4bd1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '82e0b4adddd1bee4952b3adceae619b76286931d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1e0d3026f51092eeb5ec81ccfce511df7a2a16a4', name: "label-info" })), h("div", { key: 'cf1c518b9b37daea717ac9b8dcb662b8f9e41e10', class: "gux-input-and-error-container" }, h("slot", { key: '45371796664ef2f8e705fa3701e050a0a8c1cb72', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '6c5f33bafa1caa726dbcee4ad8f9eacabbbe49b2', show: this.hasError }, h("slot", { key: '75beeb6fca64aafb3a1de5743fd66e8499b44707', name: "error" })), h(GuxFormFieldHelp, { key: '6b64d159988dae34045209abee69b3c6db9d1ffe', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e16fccd69e3d7f0b28e41be46990bcb47ff6930b', 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: '2dca8aa2abb0497f5090a714028ba6d1fa630088', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f4c17fcc0ae2f19f45dd55fa6c097d78a476f4ff', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'e6dc3fabe7a640a0093f22dd2733cc857732a7b6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '069e3a4d7e94cea66162a16b970afcc958dd8402', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9d88d18f741c6138aa307cb1f84501d52a2773dc', name: "label-info" })), h("div", { key: '75ba061e437806f3f2aa2fbf4eaad335108de757', class: "gux-input-and-error-container" }, h("div", { key: '17ef4d8e144a27d7d354cf5145714e3f62d9e58f', 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: '92962c0ffc9a051adaa57644230831827151091b', 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: 'c241cc42c48cd5d34158f6fa1c2192ca3c70ba17', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '8cfab4c1ec5250e9f48428d4fd1a1edb6a2e10d6', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '90a29f49e15ec2bdee95b677b1a8b68059ac8de1', show: this.hasError }, h("slot", { key: '8f59274c1bb04ec269b4b697661c3a2a8eb0cc25', name: "error" })), h(GuxFormFieldHelp, { key: 'a29417b5568b8291bb90c789a1cd8f1e2e6779f7', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd885ba710032f61db188caa0c0a5692eb8283b47', 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: 'bf0f99c7fb1988270aac46885f05056acfb5ace3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '3a2ed1f594e510a0893a1b6cf2875f569e3b214b' }, (_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: 'a418ea46f52c128efae5b8052ffd7263758f4b74', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '746b564401c7f95082efa8a57c021a9b5274fd91', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '419a8cf07f877224feaeee135eb8b5f875f08673', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0c875513bb322b176e338009e0b0f822f6de01af', name: "label-info" })), h("div", { key: 'edc690502abbbaef94ed27c7286bebb0e0854146', class: "gux-input-and-error-container" }, h("div", { key: '823636811f866f2f3dbdc5dda1f7c06ce87c8a73', 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: '7ff6839b8e9fa38a57cd1f8bc6cdfeda7118f9ed', class: {
+            } }, h("div", { key: '2b531ea8e07b950bd47394baf0cf7a03750a050a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'b6eda7d48027904a51e6837b38ecdc96b37275a0' }))), h(GuxFormFieldError, { key: 'a9dbe2bc290803a4d984b099fc1e3831094bf09d', show: this.hasError }, h("slot", { key: '9eea544b091d3a8e8d0bffd43ee4015f0dd6ea12', name: "error" })), h(GuxFormFieldHelp, { key: 'c1d8557481352e50a0c925e6b544c6d2a119fb72', show: !this.hasError && this.hasHelp }, h("slot", { key: '50dd1b9097809d6e98eee330b1ced249cf06e48b', 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: '5829a29503922aa840a6c86d25c4634a45c6738e', class: {
+        return (h(Host, { key: 'fed96c8c49406e71ae3bb7b116afb2c0591f6b81', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '392320cdc23d1d7b7b3e29a6b387047c1b0d7da1', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '7b6c4325955bfee9bbe80e0355a34925d22d0385', class: "gux-input-label" }, h("div", { key: 'eddd63e27d578211eedc5f19a99aafe46d46cdbc', class: "gux-input" }, h("slot", { key: '3e15b66aa91b62bbd2df984620aeb8e0e978c16e', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'eeaf32695daf81da1e9dd080763e022ceb2ba314', class: "gux-label" }, h("slot", { key: '9b40dd274ca11305fafe9c41192a97017d9e53a3', name: "label" }))), h("div", { key: '0e4236ae2b2bb6b398ef237b0551773a9715c988', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '0623cb317fb2057b41d591970801aaff99956b04', show: this.hasError }, h("slot", { key: '4a5999da8179383db795fc71b2a17cd840c5c450', name: "error" })), h(GuxFormFieldHelp, { key: 'a15a295f957e2e3be96f6b98f4146c8d5f5c88d0', show: !this.hasError && this.hasHelp }, h("slot", { key: '8dee0e2237865934da855624f51ff811f4b310cc', 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"]');