genesys-spark-components 4.98.1 → 4.100.0

package/dist/collection/components/legacy/gux-switch-legacy/gux-switch.js

@@ -31,7 +31,7 @@ export class GuxSwitch {
         });
     }
     render() {
-        return (h(Host, { key: 'd28caa04ab22d360ba591b7e3ec8aa84baa04c57', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '565a0086497b99043cddb3eafa20d724cd41c02d', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '5867673a98f3970fba12df7e8e447043462747a0', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '014692f4ce3ebe92883d1db66869b00c5c9eb331', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-switch-legacy"; }
     static get encapsulation() { return "shadow"; }

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

@@ -44,20 +44,20 @@ export class GuxAccordionSection {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: 'c33acb6d303948eeda3f65a8cd20f4ca66855ae9', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'bd66b7f428b9f0ad5b31cb6f41b3d370b65d4b6f', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '1512dca09f8d4d42da3e3b8879aa8bfe2e761b23', class: {
+        return (h("section", { key: '004d8bfe8e4b4b5893a1139c1313d2ac2b781278', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'ee920ec8cb33d05e4e42ae0ec10f92436496fd5c', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '43193e92ce61aef0aba9eef1dea4f6f33a7b98b0', class: {
                 'gux-header': true,
                 'gux-reverse-headings': this.reverseHeadings
-            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: 'd5bee0b95641a13d250ec2fb058533ac4cc10ad1', name: "icon" }), h("div", { key: '90fe4d09962000cd58e82a29ab636419f143e0b0', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: '9f7153eea96aa5d84824bdb1d6c60b09f524ec35', name: "icon" }), h("div", { key: '297fbc5e3bfaf05a2ced887999b7801e40d2a1e5', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '433f33f914ed5900256f300c00c4983af9043b4c', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '7c8df6869e09e4609b59dab3639db0299d43d05e', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '38976899a132ea13915a4cac0f7fd96a2eb72934', class: {
+            } }, h("slot", { key: '1ff173c152f6c86810bbfe2fee97c742246181d4', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '462b59b9b3622032601d26a055f485fde266da33', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '464f784a9e9305eb2f55685baa0ca33053a92d0e', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '30491c75e91bc11ccd9838bfb1c35e38b4b20800', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '24e573cdbae1bd5eceff7fad880d80703710fc94', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: 'fc3f1e2cb6c71c2735f91116d67062c8c8d0f832', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '5cca845a8f661f0528ce13db646d5bd7298506d9', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
                 'gux-content': true,
                 'gux-expanded': this.open,
                 'gux-text-content-layout': this.contentLayout === 'text'
-            } }, h("slot", { key: '0793394ca7b28483c51e1fc5c3779fb971ec458b', name: "content" }))));
+            } }, h("slot", { key: '83ae687d11eccdb0767a72acc85647c9f46e2332', name: "content" }))));
     }
     static get is() { return "gux-accordion-section"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -116,7 +116,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: 'd9060faa5bd3fe1e0e8afca0ab801758028669d3', class: "gux-action-button-container" }, h("gux-popup", { key: '115bcfde626ba30fb63ee623ca5a685e9397d629', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '83035160e0216c92e92f1db257bda013447304ab', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '99e10dc66c62aff894c81d4179b5bab464adba50', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '8415344a4e9cf48e49ab36c3ecf85a96907fb4b9', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '5369ae7eb85f4598afaabb7002f82e8b0e4434fe', name: "title" }))), h("gux-button-slot", { key: '1ad1e508ebe6503aaf090c1f4208de0b8a5a683d', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '26c91a4f060c6b64bd9183daf7f775c45238e766', 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: 'e752f4953745a9b76d506bc284d48127c0672bd5', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '8627c9d41cfe82390206ae32777d727a96de69fc', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'debd47bef276a4227a1392ed4fa94b405be1f4cb', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '4e7c9bfadd10b43d732e92c1695d2c7337531100' }))))));
+        return (h("div", { key: 'ecb21d18f959703ef11a3629010b5be4342c9a6b', class: "gux-action-button-container" }, h("gux-popup", { key: '33808b5af5d204fe34dc30ce2666908e16cb1aa2', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '81c0f63d7de85120a2ee81cf59bedfb9e3597523', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '5a69c36753de2e6ea96ab6016fde9f2e54e96840', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '6f253a2c575c2a2526cfcf1940820bbcbcf33428', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '7014754ed1e8fe3237bb3fa71a404eda46cf278f', name: "title" }))), h("gux-button-slot", { key: '1f649e5f4aa40a63a090361b40794f4857a48c38', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'df9c163e08b30c291f18b3956f9109cbc7dea766', 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: '02973eb6bdbf740cd2ee5de433a8c907863dfe0a', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '8096eff3ac184ede6c86b9c194fb2fd6e713e5bb', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '9746e480d72de3d0d1f8abd0ecad62c9e84f7bd1', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '275778ed277dd0ad04a5b01edad914e59a2f0f9a' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,7 +33,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '1258217f32ccfd99d298a81f89a74672fb059324', class: {
+        return (h("div", { key: '5fc960eb430a50086414b163fafa6b83453ed906', 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: '24cd9e0dc134c6df9532bd0cbc8670a3c17d6090', class: "gux-container" }, h("div", { key: '67f2a6704b38fbb0dc3742b09f0ec326942437b1', class: "gux-image" }, h("slot", { key: '62100e3caef04d45a9844c00909293e1004524cc', name: "image" })), h("div", { key: '208ea8b7961f9c6cd14202cd936b24e56d5425aa', class: "gux-message" }, h("slot", { key: 'c616ba4fcb9a847b5da5f3f3e74f2b1b9b0e51b4', name: "primary-message" })), h("div", { key: 'b0c6560fa70f92487d25364817a70ddf5688bb31', class: "gux-guidance" }, h("slot", { key: 'd1633da5220f82b358faa02d1ebd76526bbe2dfa', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: 'd7a374fba7bf2276d60e757747581c3f678900a6', class: "gux-container" }, h("div", { key: 'a5ba82976c62b5f8a60f7b49ae3be6677e83c0f8', class: "gux-image" }, h("slot", { key: 'dd3e11431228fe7cc4fe6680aad0f4a31753830b', name: "image" })), h("div", { key: 'bb861a504449b3dbe91996c8e9f4cfac7d75d0ba', class: "gux-message" }, h("slot", { key: '0aa5aaccba5908523e8116c0bb25ee657d02d386', name: "primary-message" })), h("div", { key: '51ec1cbca17278dd5371810854c601f3b3541039', class: "gux-guidance" }, h("slot", { key: '14c903826dfbae78e465354ff1f59eb79971289c', 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: '02be8b25219f72cdd40447e500bf5e40f46685cc', role: "listitem" }, h("span", { key: 'a69eed8530b06af14aecef1b8a534b7a2ddb1215', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (h(Host, { key: '00640efd0fa323997da7831cb579d1e3e58579e2', role: "listitem" }, h("span", { key: '699f9836bf99f5d2e8c90e0171b85f386455883a', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), 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: 'b9006e984e5bf6d3e71aa29e10bf11311b6ef184', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'f1f244e8496e990f1de0d96fb39e15075f7c25cb' }, h("slot", { key: 'ab74b94efc7e33fdc7b8a1d449a5a018dfc4451a', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '815984d970d60bf73659738741cc5775a296a38a', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '58416920345d700a080713702db5c1e02acc3579' }, h("slot", { key: 'ef39dbc56031ac0ad49d7d80c6b9a77cb54b43c0', 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

@@ -21,10 +21,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: '112135920ebd9b9553cd726b9b4ab5741ae5134f', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '4ca1a41ea28337644473c23da384e2f77c72ff7a', 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: 'e8954669d08aed5650fba904cea4c2fcd407201e', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle }, h("slot", { key: 'a7899a696b9e23cf9e5b7cb88565a7ff5e41c295', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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

@@ -103,7 +103,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '1f3d49ed9c3e09fafe5973c2a3e4bf1f813b2b64', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'b0517695eec933f7a3aec7b07455cfed4d4f436e', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'c66c8494c7e2d788604afd99d159a4832421a811', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'a9b110c9d29bff9a8ffef9462113488cfd98a9d6', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '3dcfe9e069d868c8cefa1dd1a2080b9e0eb1ced7', name: "title" }), h("gux-icon", { key: '2aaabf67a9d00b82f7117ec377b485340a92cf54', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '43d6a96117ba991f796f974691945d0ccea6a0fd', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'b09477b16f270a59a3d80b78be183d451d14d290', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '8c18173ddb6bbf292f0eabe93db8991068487d2f' })))));
+        return (h("gux-popup", { key: 'b3fd44285760c652c886ca7c909dc9556ec5a2c6', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'f782a49b23e784139c96de9193365ced69d2a3b5', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'becc8aedfb89d28f6d57500231a7a006007a1638', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'aa46fa6659ec58213bd58d26ab0bfcc910d95d25', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'cb021513267a01d10efa2b7a4152df26f37a74f3', name: "title" }), h("gux-icon", { key: 'fe0a15ab86637a89d5426982aee605bdc2c2f84b', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '9b9107fbc13a0405776e0a9988e84ba1468dc6d0', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'fa751c4d99500eb79c853d947eb7758fd56155e6', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'ac8e1b00fb591dacbf330109da33bd6034619b57' })))));
     }
     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: 'd84164b74b103465321f873ad09255a578d0448e', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'f0c85449d81234971deb1c7e676a465fcf58d5b0' })));
+        return (h(Host, { key: '7b22aeb8d158c7e52aec372a3eeca1d8765b7071', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'be3cecab96bfb18dbf0bfa1c1b751f2a24eb912d' })));
     }
     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: '36c95de4cca1f03386fdaac6bef3fe44046d7b44', class: "gux-calendar" }, h("div", { key: 'a12387d7c66109b3a44f305ebfc07562e1436bf9', class: "gux-header" }, h("button", { key: '3237f74318b99a8c79a1386697afecc80f241969', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '8c1487f42ebe30163ec439e9e1020158924e4f82', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'b3fc232c8f6565015d67d566b6219e25e98c129e', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'e1d1461d10c04a36e21afb305fb2173faa26110a', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'cc0ddcf3ecc6622267fbafccbc9493204d437702', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '8e20e6de7b55e6fbd6d569cb3fa7e7fe4f213ca6', class: "gux-calendar" }, h("div", { key: '8081d217943c18ab9104bdb2df84dedc5e1ba1c3', class: "gux-header" }, h("button", { key: '27befcbc963c3d769f1bd38e6764d985d049eb00', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'd6c29f6e6a130fbfda8d8aa1fba0e57bb52526e2', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'a19d7e3749fcbae78a8016bb68052530a9bd1662', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'a70ca94c7964c90976bf9dd4b35e9c1a2d3c52b5', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'b9f588b3774e837927dc2c44cc1a18f2f1bf066d', 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: 'c677ce6c60588dec91e3d3079517d225438ef461', class: {
+        return (h("div", { key: '7c23d8f0ca08b028335f7c48a340c1330de41a36', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '6dc3850d28e26c0738764193283620e71e947b18' })));
+            } }, h("slot", { key: '5df0b315d67bf77a9b4c385f95fc46d4cb6a339d' })));
     }
     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: '4c3adbaf002b3c77b6bcee79d2dc65dd0caeab40', draggable: "true" }, h("div", { key: 'd33cae023e88327ab85d4686b7a80a1cbceb277f', class: {
+        return (h(Host, { key: '067d491ecdf86105eda6a7f721ace35dbf842ea2', draggable: "true" }, h("div", { key: '0fec664a64e8eceab56a96db9994478e7f3e6c3d', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '13e88cf118b942d7c47ac528562286cf1a3d516f', class: {
+            } }, h("button", { key: '4c9c29d31f2bc89da627e4d2ee722b17c603e04e', 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: '9a4a8e708799d74f578f90914d0948d150461086', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '73e87e8e8c7a47d708126dc75a5e8a2cc6fd91de', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '677264acbd151a782f3d0943cf3111593ec2692a', class: "gux-select" }, h("slot", { key: 'e13ba6b6139b81508492f573c0a16b6c7a216a96', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '43b741e3a0dbdd9e5f9d4e2440e2ed193f521577', 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: '4fa6ebf1c5c1b9744ea51f4857f2de5e781cdd4b', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: 'a2e1513d39c8f6239ba6611425b5b6c8ff344ba5', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '674995d6606e69f68acf4244991e0a8f4571b0a5', class: "gux-select" }, h("slot", { key: '8b75d052252a973cd2059d69d13ba7644dadb87b', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '28cf235ff87aa8c7bcb99dcb366dcb996095d6b6', 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: '7a2fb5da9bf353f289678ea3d31c69985d237679', class: "gux-container" }, h("div", { key: '0fe3885be7eb5ce7a7f5e650d4d05fd326ab12e0', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'b65b9580d3c816e732c97869f1f06aec8afbbbb2', class: "gux-search" }, h("gux-content-search", { key: '4d97928e864b54d1442abbe1d4c1427a18eac6c2', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'e482fb38bd7f6afe13910b08e651b45c5d71892a', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '2d3d033045ffc926014609fbdda1aad96c429bfd', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'ffad2ed291e6441e3592f537d84636a765563916' }, h("input", { key: '66c50ca3553f49b30efa89258bf422f3fc734922', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '8b2d12cc48589b778842306a594f27a163845958', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'd31119ccf4923ebf5e808d2e48fce4417a7c9c28', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'c731681040873ce38dc8a5e73a72d9235d4e8d56', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'bd8f2a20db666db00723b0a9101c6c3fb7557877', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '370da0d53ba19a3962029a84bd3e4403650fa16e', class: "gux-container" }, h("div", { key: 'b4b5af423240af2935fece94358cb81435b7da03', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '06a1115bdfd1e896b73d96babe64cd1b7b367f40', class: "gux-search" }, h("gux-content-search", { key: '40891b227f07691f44762da822a651302ff0c4fe', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '56444c1709807bcf6a10cca0257f4f8be502eac1', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'a08a0c08261932a6d3d79f0cca950dda8445922c', class: "gux-select" }, h("gux-form-field-checkbox", { key: '43d06ed614919b23855e576223e6ee7d51b62ab6' }, h("input", { key: '1bca66fcf1d0225a3c602a3c7a6512e60f5cbdb4', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'ae1433366f63f568e2ba19adaad99aa6daa64ba9', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '69841e2c8fcfbfc7ec523cec1833f3c19bd029d5', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '5651c3c5c3a958e1bb37d0184cde0e5bd6f30a37', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '82f8554cf144b56e0f0d5bf0f4008afd109335be', 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: '98a21accd36df296a3de19efb8607fc3cd124e93', class: {
+        return (h("div", { key: '70fa2ec67705b1c6efa6d9e03a300637cfab5e87', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '07b2a35f85c355c68f92f129227e8d50c0ac6c92', class: "gux-search-icon" }, h("gux-icon", { key: 'a7f64b274e2921a003b355740b15668295f0c3d4', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '32bc643467c5da13cea7829553f42496ca52303a' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '166de23a57ab17100aa5fbe5405bbf47a32d2b00', class: "gux-search-icon" }, h("gux-icon", { key: '94f504f42b6c86a498c7556f2e40b95d5640dceb', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '3d26220534f78971587071f2ffd5112970bdba13' }), 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: '02132e9383bf974dab4ea7448ed55db0e72923e2' }, h("gux-popup", { key: '21ae4ab85204ff2ff075b7449183b1ada2033814', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'bf0e4aac4fc76b6aec77d34dfcc2112522954eb1', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '3a93ae70bdcbdb15dc1d8abc44fa9f985649ef73', accent: "ghost" }, h("button", { key: '98be35f5b557f7d87dd45433d2248d31949f1da2', 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: '06e40b3727dcd83357f66bc8ddfd989cb72c2273', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'c050df937c036c6f59fa7f6f53f661808259b30f', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '7d459eb66915c6547397075064033550a96568a6', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e821238cd1ce4256186fd492611813a953ccb333' }))))));
+        return (h(Host, { key: '38be5a145ece46ef106d958cd344742ab113ccda' }, h("gux-popup", { key: 'e35c3e51bcf49d4018a10e00198082f81e31d43a', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '0925f76f39d7e9feda8913f52a06303f864fe9c4', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '6a36c3e7105928634dc5c4b81da9ef4629451e01', accent: "ghost" }, h("button", { key: '7b1f32cc9adc0bc96bf176f6e75c10ff6e7ac72d', 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: '37ff1e28050e20832a06c70008b6491aa33d0cec', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'e0e1ea634fc99b892dabb1ec5c3e5c064aaef5ab', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '67f51f74515cf53bc0a972ac66e5eedb4e6ac877', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '480973e3af6eae12ab39d6015bc8d5c5e7af5cc8' }))))));
     }
     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

@@ -57,7 +57,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '1812ce7a467a37e57fa1f56ee417d9a5f929fff1', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'f19134475548a67ed55f9e314893a41def1f6381', class: "gux-copy-content" }, h("slot", { key: 'cfcacc932096390b17d540a74178e70515e3593b', name: "content" }), h("gux-icon", { key: '2686fa1ea0a76e62c5d8ee9f4879bc131f39ccfe', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: 'ee0725581dcd843b2cda8c70fadb114e74d2b088', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'ca283083449ba5091db249331a77eba68223058f', class: "gux-copy-content" }, h("slot", { key: '060eca2849611996b01f506fc6c9e1a2ec1c60c7', name: "content" }), h("gux-icon", { key: '2422107ddae26934620f39a9713bd54ef75d5fc5', "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: 'a4044a37be6fd13a7323c7035e40a51b2cb7bcdc', class: {
+        return (h("div", { key: '948f4ec8fae414cefda6fd372ceca25706f02cd8', 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: 'c1bbf5311a28141ed32fc7d6f29a07af45c0c6d2', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '4e8ebe278ad9e5304af781a1f5c4e2c0bf7f272a', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: 'ec90e4376667532d4b7ea889dfcebb5a46fa9f47', type: "button", title: this.i18n('dismiss') }, h("div", { key: '931ba49d77721863e19cd9da2ef5371d2e89585e', class: "gux-icon-container" }, h("gux-icon", { key: '3307926bb8d93ce6e01e8bc17056c000e3a80c80', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+            } }, h("button", { key: 'bb4cbb723c8b3f807d54bcc59802e93674dbb97f', type: "button", title: this.i18n('dismiss') }, h("div", { key: '1075bed042fe32044bef311f00c3dc348e06001a', class: "gux-icon-container" }, h("gux-icon", { key: '96ea41cee8ad232ae4e6f48df9e83de9c313b1a3', "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.js

@@ -346,7 +346,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'a528253169412f76d742c08d724b6e5a9611c2ba', 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: 'c28981951152a2a85876cfb8ba57aa0ba30e4d54', 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

@@ -29,7 +29,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'f3b3df6271a0df1c5257ee922a637b2a9c84ee8d', class: {
+        return (h("div", { key: '01fbdf29eca021829a83da21aac987f7ebde2840', 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: '8d328027d92264d9e4aed9e99df5dd576c5ad7a5', class: "gux-dropdown-container" }, h("gux-popup", { key: 'eedce350551c3292a9c3bba188371dfb6e1fbc65', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '773ac07c744d9579a3dc854949e2ced537fb24de', class: "gux-dropdown-container" }, h("gux-popup", { key: '0b7d1fdbff153bf7f58b6c217566837d8daec643', 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: '4ea4be237bdf7bca1995a99d955e15def63df537', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'a6580c8fbf62a0bde92e627e649647e5c8fb1165', ref: el => (this.targetElement = el) }, h("slot", { key: '443a7d11b49d0b4eaf632c76a2da80c736791958', name: "target" })), h("div", { key: '4c1d655e7bc5773884928b954669db63036e1e25', class: {
+        return (h(Host, { key: 'd86d4c442d946c2fa9f5cf725ec39dc10419a6d4', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '92d3f356b45a15c73249e205bf694d79420576c3', ref: el => (this.targetElement = el) }, h("slot", { key: '8e25f72c9ec985396c7f176bce82a5c11a85d791', name: "target" })), h("div", { key: 'f0bfbf68c0716bf3e8ba906cbb59e3717df7f508', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '668fca26c77de02c5c6d9f4e764b084cc00ff406', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '9d6e78bc31ab6d00ea93abee3daac126c5fc6e90', class: "gux-arrow-caret" })), h("slot", { key: '9b16035c7a711401d7059db1378b1d02b36bdd2d', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'bbb86b05d87ed0ea5cbf0aaa54cbf87a8d09ae0e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '9857e64331213769ef13463c908a70c24f6e4d24', class: "gux-arrow-caret" })), h("slot", { key: '7fc0218dd92d69243861aeb864695ae4978cf5f4', 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: '7b49ff2285e3f56a40b3eb59a750982dae4fdc88', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '3b73c1d7b95a3c3ab25ddf3994a700e4d4e3d186', class: "gux-menu-option-button-text" }, h("slot", { key: '22a6596fe9dc4f88b77846e71339bee11607fc5e' }))));
+        return (h("button", { key: '58b39fca81c74ee7fc14386324b2f19a19168cb9', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'a09ddbc672e40ea94709f1298653067a2ac35e51', class: "gux-menu-option-button-text" }, h("slot", { key: '3cc30136309add7f2735efda0229e3b169d2ca5b' }))));
     }
     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: 'd899f6d7787a1fe6190bc3929af74321831ce66f', role: "menu" }, h("slot", { key: '3d01d48a938b189d1bd650cefa3ad1879b282ed9' })));
+        return (h(Host, { key: '7505ed4e4b1b399ad69e231862100a9c006246ef', role: "menu" }, h("slot", { key: '092d7d38155896885e7cc93c4ad6cd5f247b4fde' })));
     }
     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: 'e8693c4c366dba88c612c2f90a119df237b6fdea' }, h("button", { key: '5bc31acd66e7e73189e200a0c35599a41b787095', type: "button", class: {
+        return (h(Host, { key: 'a4143a341b3545327854eaf11c6397ca7fd7d48e' }, h("button", { key: 'bd9f07eb13501fc00a581168cbe98088a05c8704', 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: '008f2716d5e128d507f85e2c0844f728bdb5567a', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '103c031112a3c2e2316af24e9cc85589d81ed78e', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '89aec540f5a3d5201f361b880abe922e3a563643', 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: '135c5bf0045d6a46a1a19903794c659a15e9c2c0', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '878d00043d57e44acfa41de49851519a9258d291', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '4585cdcee9c9c0613d5dd363d134ee4891655fb5', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'ca49b671b97930ae14d519a787a71305abaed253', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'f584b906fcc99a4ee38d32b09c8694e77c5675fc' })))));
+            } }, h("div", { key: 'b846d6aa7ba96e9bde27b5608d8849c8a0900f86', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '9bd601e3eeed7e455195d438a1c68632f4c69693' })))));
     }
     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: '7a43078ad95c5f7f625e5d0d2bf8da876c82f33e', class: {
+        return (h(Host, { key: 'f4a1e6de33d48daa5dad312da21e819eb51acd4d', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '1a020cfdaeae047f1fa1187030e9a6c5ff5b1e24', class: "gux-form-field-container" }, h("div", { key: '998b70c3097f8b15b82b8404fcdf341ec62e8c6e', class: "gux-input-label" }, h("div", { key: '0fb3a76c0a20fd9595c179eddbb8900d9f102099', class: "gux-input" }, h("slot", { key: '6775ed1860252007ceacd4ab1324b9fc12928d14', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'a4bf7a2d60556cfc6318d8128f30ff16b8bade61', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '72dd8602d8154e5b4059f0ad5bbf8f1d0946f3cd', name: "label" }))), h("div", { key: '1edcc23c81af2687471dac9943c6c05b147f906a', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'a1e4d8ad0ab2d2aed461671d4567c191cff590fb', show: this.hasError }, h("slot", { key: 'caca83f11ef790ee682628e56ec950c838d923c6', name: "error" })), h(GuxFormFieldHelp, { key: 'b55a101f1c3c65359c04305d87bec4747ca4623a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a1794c130f165f856a4efad1f28824c91dc6ddac', name: "help" }))))));
+            } }, h("div", { key: 'f89c4233354957c8bc9fcf92f4e29595de1fc2ad', class: "gux-form-field-container" }, h("div", { key: '652ca624ca6edd629b697628ffaebaf301dc3724', class: "gux-input-label" }, h("div", { key: '088adb1eba9c9de950de4a155406a678f23ca29f', class: "gux-input" }, h("slot", { key: '00b38b2cff1939043f43c1489aabef07b7fcc86a', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'df090f4c8ee6661cfdaee8eb6695b7b1d015b984', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'f39c6ad73085d6941a827cb0e98e284d051c9df1', name: "label" }))), h("div", { key: '47e866420e629df1b8aec82f77534fe5a6164785', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'f5263f5b0cb31b093d9edd82a5fbcdaf04a0111a', show: this.hasError }, h("slot", { key: '0af4cf4479560b95419ff03720c3b7ef40b1421e', name: "error" })), h(GuxFormFieldHelp, { key: 'e467277bc989a37d7894cae7be7c9fb50d8544e6', show: !this.hasError && this.hasHelp }, h("slot", { key: '8898d7225da96d13847b56d3fbe5d4b29735ad1c', 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: '94723cdf2f5f034f5019d60c0423655eab66c831', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'c16118b4a4df96b29e41ba925f07abb2b1345a07' }, (_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: 'a8ff855fbae684aae1064bbff2353a6a4f60d421', position: "above", required: this.required }, h("slot", { key: '5cd4cab481f2f36e7aee8621c68889f18e4667d4', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b28e53cab373e3855c8cdb7ed7952675f570dd80', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd42a9d66dbb184aa42438d07d28734221c59a7d5', name: "group-label-info" })), h("slot", { key: 'bc1a499a9b572feee068325705cb3a76ec011387', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'c41d586f505ca19062e168c296e8009f4a5ce978', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'e0300cedfed98fbd1b1e5a4e2a947fea385177bb', show: this.hasGroupError }, h("slot", { key: '5cecd1fe7425511f1e8c7e4a9ecb9a7378184771', name: "group-error" })), h(GuxFormFieldHelp, { key: '1bce0893c4b38659fd7f4d662c4da32fdce9f546', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '99f3e57b2ed2fc6a81e397d9c849e6d55bd3c354', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '8f55ad1173ccf1d605a535e70af9bb579adfa530', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'de316ec0c9ebf54fd1e8d48d79076a47bfbd3351' }, (_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: 'e8cfa0e5d18a5d456048832292c7d1c59fa00ba0', position: "above", required: this.required }, h("slot", { key: 'e783d4e45723b8333bc16f9da40a6ccbab451047', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7b03b21b6294b30401e70b3b10535fac431043f7', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ae75490c17d708d2c0e99443882d33f0a4bdfd97', name: "group-label-info" })), h("slot", { key: 'bf90272aba606ba0e52f748609a4df420ef2f2bb', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '997837966dbf62648d6565f99bfca4f199659c6f', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'fd337dcd075fca6e936570ccf3013cd6c23e094a', show: this.hasGroupError }, h("slot", { key: 'e2c6945534e3e6803af195f78a54cf19b1566713', name: "group-error" })), h(GuxFormFieldHelp, { key: 'b6f7a4f12ac3629060690e8c7f4c050cd7fb2719', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'cb18a32eb4313288f6033073fcce2fc085268f1d', 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: '73fc77183b0f728debfb2744124a76d1b508563f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c353e6f750a2fe13f25a081ca66667bbf6866b14', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'aaa632e789d924f04c881cc42cd224f60b2280c4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e0f0c4bc1ea92829247606d2014dd3948b0bfa8c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4db6cd3cbd015550a42b3cc729eb25f1305b02d0', name: "label-info" })), h("div", { key: 'fc422bdc71e532a1d98317be9c924a64fd5fa6fc', class: "gux-input-and-error-container" }, h("div", { key: '66358ca1f246b5c916517caa1f87167631d8ad32', class: {
+        return (h(GuxFormFieldContainer, { key: '804d8c6ddc4e627829a50b9cf30c835c206d1d4b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8b4d024b7c766092328dbf1f3d696a217ee7b142', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '864f6cfdecb9c9031480006e41119921335b4cc0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b8343af6b4366c448981c6ce06a4472398085277', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'df6e214499509a59a5d712954d7667ee1b158f94', name: "label-info" })), h("div", { key: '589acda62dd6477198a6e870560d316dbcccf88e', class: "gux-input-and-error-container" }, h("div", { key: '0ea8b90d11a47dc60164a31d1de8259683b58896', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ab897bab896a48a36be26dc82909acdc7926cb41', class: {
+            } }, h("div", { key: '5167a28c3d19f903b35d88bc1251f9a1ba65a2ed', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '244feb69ae89ffbae9d4d20923e94fc721213542', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '5dbe93d228edba754ab03ae7e6086e2727440b35', show: this.hasError }, h("slot", { key: '2feb325ef51bbbe9a501cfd90a0d80ef708ae0eb', name: "error" })), h(GuxFormFieldHelp, { key: '7e4eee7128e0f7cf6961cf779b8be329f19564b3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fbb0fc779d28c82d60e4f135e6b975192f4f64c6', name: "help" })))));
+            } }, h("slot", { key: '4243b68df6d115b7cfdaad76abc8d807b12e3066', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '47f6e0787d5b76665f4f06167ca46fe902ec52eb', show: this.hasError }, h("slot", { key: 'd24918e34727bcdb643da7f06e7cf384252fcf27', name: "error" })), h(GuxFormFieldHelp, { key: '96b93264882515d13acac05786f9951cb8836c82', show: !this.hasError && this.hasHelp }, h("slot", { key: '6d4b36aadd5979a009c0630dcef5119f4aae902a', 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: 'e40030f0e983ba955fc2cb2390f882593564eba5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1f396a3244f469abf4b2fe6458ca97fd08004e3e' }, (_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: '59f5a574d115228f70459f6b429e4f0fd630035f', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4d22d4a01087504596c5d0bc8708f1a6b1a963d3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ec2d2a8a5512e5d6af49e5d6be3103fa607d29d8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7563858582bbe1ae21f72070a6f820a15be956ff', name: "label-info" })), h("div", { key: 'd03f4ec755c3f454c0d1835f9d4936169a091731', class: "gux-input-and-error-container" }, h("div", { key: '71f5727f6b17c8ac465c80f0f696d2bb1dd513f4', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '71d122e7f63efadd0177ac2d5115307a7ca55655', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '128d9afb9cd4bb99334ce1553928a2fff4e48e5f' }, (_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: '46249dc3f4cfb3f8850f6a4dea6279124cc8d97a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'eb1d16840148a2ce1c3ddb57612ec87a9c238977', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9e514be44918e06a3c2c2a9c2279ffbdad83f934', variant: this.indicatorMark, required: this.required }), h("slot", { key: '85b57a28545124662757cfec1eea3098e68584cf', name: "label-info" })), h("div", { key: 'cca308d129104e98001fbf676f42f9f871032fd7', class: "gux-input-and-error-container" }, h("div", { key: 'f5647350f001915b57b19e2cf77e43868d4a2740', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '3f8017044eb4c67b3e0aface01d7648e62ca0e31' })), h(GuxFormFieldError, { key: '0e16b517213b75e130827b0f815ff5828108b5c7', show: this.hasError }, h("slot", { key: '6aa89e429d06abddcd17ef8a9e2cdbf7ff4747b9', name: "error" })), h(GuxFormFieldHelp, { key: '01202b0cbf2beebe042d40bb3c379e7c621d8d43', show: !this.hasError && this.hasHelp }, h("slot", { key: '05b130d850052d841a63fd8a9fa5bc989fa63849', name: "help" })))));
+            } }, h("slot", { key: '48476a28744c71b6607f25d324e4bf72a69a20b7' })), h(GuxFormFieldError, { key: 'dcfdd5dbe07d422e00809468d060f1b26cae9733', show: this.hasError }, h("slot", { key: '674cdc408c212d7b41f70c3c413b07d04ac755d5', name: "error" })), h(GuxFormFieldHelp, { key: '16ad4cea0bf33f07fbd19d16cb6a3b8b2ca17a24', show: !this.hasError && this.hasHelp }, h("slot", { key: '579ceb927dcf8bafa7543fd69c639faa1131f2fb', 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: '03b52b5c171eed7db4789139a7f4e261f67607ee', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd4ede0b30efcd4539218a6c112a4818bf137e5ae', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6693168ad52a06f63b1ae3407eda0506a082677c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e648d299468bb54bf42de5c18463ae8b01556d5d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '29165a90f5f57aea16585c69340b89b298ec357b', name: "label-info" })), h("div", { key: '1b2e81f8aab096f72068e39cef3955fe6359c161', class: "gux-input-and-error-container" }, h("slot", { key: '5b5a783b63104543369f55133b2364edb07a2c57', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'f53c23dcb4bfc36d4c7bf7cf8d2a58e6427a1ba5', show: this.hasError }, h("slot", { key: '81a52ddbc2bbd17cf018e7a95f961dab96261372', name: "error" })), h(GuxFormFieldHelp, { key: 'bbbcde2ad94994a0092d4718fe2535c2c4e3faa2', show: !this.hasError && this.hasHelp }, h("slot", { key: '984e604b0bb0c47726e7313573ffec8e68dad22a', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '371e24052a1873479a10e87a963060e4a8b27e0e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '06bb78edcb73e72bdb115843c90215832b20b07b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6c962c3e36a3ecce7748455a59c2f34a4e5391e1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6d27acaf1b331ffe527474597bd4d10eb90cde40', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ab5ddb29daa89fa4fbf4787669f545919671b7b5', name: "label-info" })), h("div", { key: '271c47964a416a3b8a6cf8bcaa5415cb6dc0c098', class: "gux-input-and-error-container" }, h("slot", { key: '7e669e609f173e8e08985b44be1db0be9f28da40', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'ae27696df89beb4b432da276eef4350cc7e283e1', show: this.hasError }, h("slot", { key: 'e30df293b32215ae4eb7115e562a42f65c5d880d', name: "error" })), h(GuxFormFieldHelp, { key: '7bf9b1da25cf6d4ac12bfb79a7f5e30695c2e753', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e7c1cdccfe5335d5580522e4356e13efcbeb9b07', 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: '3004d1fb760b2df63465340c08b4ad957a7720a7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7dfb26c04bec0911883fbd48ecf57685ab3c94ee', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5fa22327a6ef85f8ae466d0ee440c0b5ed524f6d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd801b13b0622628955aa2bcd48fb50ae54e68d65', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1511b51a2d23a83f51a199732831219df2e88a4c', name: "label-info" })), h("div", { key: '59942106060f0308ecac53674a2a341fb7b62195', class: "gux-input-and-error-container" }, h("div", { key: 'f240dcf81673e576be7811174c9da2e98d510c32', class: {
+        return (h(GuxFormFieldContainer, { key: 'a6975f2ccc9ebc627c1bd9834610d959927470a8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'baaf4824a30107d90482bcf45ad325bb1fdfe6da', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b85cbfd083bf6333544f8996dfc37d85bff78823', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '74cb9e08c6398568e4e1cd335f1c6f69628b698d', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'db10a5a9bf276c8eed34e7ea0777d979bacabffe', name: "label-info" })), h("div", { key: 'be3460aee46864ef603b03cc5f6bd08a003067e6', class: "gux-input-and-error-container" }, h("div", { key: '370f44da6ed92c76d6b5d527345d72637ba6cdae', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'b6d055f198d692b7b4a1ee2257e2245f8f556cdf', class: {
+            }, part: "input-section" }, h("div", { key: 'e328018753240e3143fe0834783da8748be6a535', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '124084c38252855178ccb345521ef5e337141665', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '5bc79a734818af72070bd82ce4275f1233edeb7c', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'cdd574eafecc0a68265b7f319c4e258d5fd40e42', show: this.hasError }, h("slot", { key: 'be75190667c870278c5e9bd8658c9cf4bf27bd85', name: "error" })), h(GuxFormFieldHelp, { key: '5bddbb010f4e3cd9ef276110b8fb37a1e3db1a73', show: !this.hasError && this.hasHelp }, h("slot", { key: '82ae4ba91cfc869f614675c5d184b52b99820841', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '8c84afe164de2d35f3a850c22f74f2d73d2bdf76', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '755b3bf35889dcbe7e2330decd8c7d987368d7ec', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '5acece33b9cdf12d462c25d72340892003f798c6', show: this.hasError }, h("slot", { key: '41d08228d4aff1ae43bcaa136156e7555b80f2ec', name: "error" })), h(GuxFormFieldHelp, { key: '110a9d65eb368f6badca06e500dff312a1ba1530', show: !this.hasError && this.hasHelp }, h("slot", { key: '40a4d0d3357a0b0715688c53fc0f29bfeabec84f', 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: 'f8ec11b18c0c4e2f0ee75ff202e15658afcacc8a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '01877df6c72e7ed62266f5106d702c8c14c5e55e' }, (_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: '2c557c1750a87fd233f1ca51b1599edbee542bd3', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '876a1f437fc48d1384f5b16b4b642abd982caed0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f1c0b013326afd5804cbb8967b372e83b803bd10', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a4462e9f22930501b03333e12a7b35e6a42ee45c', name: "label-info" })), h("div", { key: 'f6ef394ac6c17430e49e87783388fc9bd8ed17c8', class: "gux-input-and-error-container" }, h("div", { key: 'fa351316737f23aa85206c4f71512d7304cf45c3', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '17a915b5df63da75b1ff79a4572b9ebbfccb9e18', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '4b34382d9fc9c945e0d511e89659853559925999' }, (_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: 'dd8ded591e4e26de9fcc19992eb614d563ff5c94', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd41179a86ad1a444fb11ba988a0976c8a4e2f15c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '077b0c3b6940874faf744e1a34492ffa22a53219', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f5be6e2a547875d953b78bc84522e08b887d7688', name: "label-info" })), h("div", { key: '9c20375fbb32cf8db35481bc751494f9f992a793', class: "gux-input-and-error-container" }, h("div", { key: '0af3a7af66dcef5bee06303435b6a46ac9ff8594', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'c58934454a2765659b1e3d1d7d8fdc0cbee94d30', class: {
+            } }, h("div", { key: 'f2af70610e53ce198a589a934e770e110471304a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '15e7597a12de5167e26f9604d6c05afdf755f767' }))), h(GuxFormFieldError, { key: '656198c4e9b3fb21d8ad69daed8fc94452ef16e1', show: this.hasError }, h("slot", { key: 'f8df594cf3c7aca049c0dd23eca14b69dcb5921c', name: "error" })), h(GuxFormFieldHelp, { key: 'fb7afd9c57f61cab1ebb0a545b186b8714811654', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fc4fe2aab5273e048690a1e7f2caa0f852ff6193', name: "help" })))));
+            } }, h("slot", { key: '35be2c5d111161cfcf20046a66312f9f7e03476e' }))), h(GuxFormFieldError, { key: '5997f3f3b7fdb44ee8bb4a30d33094f232c2d72e', show: this.hasError }, h("slot", { key: '94ea6b8fbaa3027893c5b3bcb9e5fcdea2416ac0', name: "error" })), h(GuxFormFieldHelp, { key: 'ed1c1485c38cb052b06e69c66a1c07d6cf462872', show: !this.hasError && this.hasHelp }, h("slot", { key: 'de3602f05399f4d5881eaf01b85cacb60e8e3fb1', 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: '1007330d2d1bd0432959d6779cb9153ce24b823e', class: {
+        return (h(Host, { key: '62befe849e25f178f21efa89dec7e3e782aa07ba', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'e865127161e33a23564df3b7658e98d5c15d787f', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '7168722d1846daffdc37a73ede577a56f0a4984b', class: "gux-input-label" }, h("div", { key: '492608ca60a49254869b74f523f1646ce49840a4', class: "gux-input" }, h("slot", { key: '9dcb1fbb80bf02efa18eef70b86024d510f87acb', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'f82d33f93f817dd22e672afa9d22d85332760030', class: "gux-label" }, h("slot", { key: '2a4c1cf42c51903626240dbcf9355c4f34e385b4', name: "label" }))), h("div", { key: 'cae621b85cc2205ec3e4bd274cc1a78f53d63f3c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '0ee7846e5933b9c6ae78027cba7a85371ee433af', show: this.hasError }, h("slot", { key: '4a89abea0a3a5ffd87e4b11b61a9492f752f633d', name: "error" })), h(GuxFormFieldHelp, { key: 'a0691c11d576394b2ae24f460774871017ba9c11', show: !this.hasError && this.hasHelp }, h("slot", { key: 'eac90062bd312cd07b0207bf37fec5c33640f533', name: "help" }))))));
+            } }, h("div", { key: 'dacc626017ab6620c230fef96a5fb6b4bdb06c08', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'fe12cd8ae276b1b1efabf1fb045129520e956a3a', class: "gux-input-label" }, h("div", { key: 'c97409ecb00d5d3b2d4a814739b37868a46c5916', class: "gux-input" }, h("slot", { key: '010d4a8be5ee421e5c93e75845a57949cd9fc324', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'c22bbe288933a23e8e6a7bf23c559e27acc88f53', class: "gux-label" }, h("slot", { key: 'bb6dee73c3ff3d46f8c71a99ff3405ca1c1f38fc', name: "label" }))), h("div", { key: 'c7caf6664f1342a9166b21c8e1c4fc4886a1f97e', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '1757163a29b12ef7681b67646f59a66b1d112c35', show: this.hasError }, h("slot", { key: 'fdbac0d615b13fad9c470f1a2fe71258d876f01a', name: "error" })), h(GuxFormFieldHelp, { key: 'd746a8b9fc441f6d21c29dfc7ae03baa39b673f6', show: !this.hasError && this.hasHelp }, h("slot", { key: '66cac6ffc458a370948af0de45f2cdd4fcd50068', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');