genesys-spark-components 4.93.2 → 4.95.0

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: '6ddcba4924dfedc3214c34ff2b1b0c02b896aa89', class: "gux-action-button-container" }, h("gux-popup", { key: 'e0ec31739c588fd5406a250fb1dd55926debb322', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '78d08a590d6a22d5c0bfaca1d05f6bfbc149e4cb', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'a49f468fa8b7e5942cafd1dfd5930cfb0270299f', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '93b1c251d3ca226ac809f47100ed211c48313980', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'e688794838173c12210ed0af28c216544f7e7158', name: "title" }))), h("gux-button-slot", { key: 'ca63abb681212fb721eaacef3831a1945a05a26c', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '2b69b963ac164128df0dec4de997ae1e348b49c9', 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: '89819f60a6f61d35ca2668cbba60d8b61a1d838a', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '6733338ac23a0f88a3d31defc9e17e12fe57d5ef', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '1e649cf1a770bfa59dde175a8bbcd25857a9d3d7', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '9eda4b80054a2fd335d4727e526ee8a3d02e7d03' }))))));
+        return (h("div", { key: 'b82e35ada64dfbd263a38a336e3cf964f61d897c', class: "gux-action-button-container" }, h("gux-popup", { key: '0e934ab8fd9d74aac438de0440e81a3d697c4f4a', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '1bf8d42e7ba68b9ae5b524a96a864becdaf77d6e', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '355b76f14bf94f7fd91ab19fd3dca8eabb5a0d51', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '39ef8e456c3a265f17949cf25faf61867a750378', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'f6e9f9f6853152200a72acf7b457fee60fc10913', name: "title" }))), h("gux-button-slot", { key: '84faaa7e994bd9bc9486db7bb2f7023616a82c6f', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '52d3d4a041f5e858d21761a6d03c9a9eb6c920b5', 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: '2553e456e997e63d4de8d7a56de2c456fc6c389d', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'a075a3de9bf8a6927c728f2f8900bc0b1724c345', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '47e4765768dca19a62707e0d992ea80ca4227451', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '7d96563a2987d21d6002f9e65995a27eb6f3931e' }))))));
     }
     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: '3155274a9d8cb85f35b0b4b02095cad8b0025afb', class: {
+        return (h("div", { key: 'e02b47704eb8f1c9068d417b8d3b64b38d646523', 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: '254441873ee0abf26d07d86c0ff8d5088e20af3e', class: "gux-container" }, h("div", { key: '20407d4a5b30eb1eaf708fca4e2ff88c42b675ad', class: "gux-image" }, h("slot", { key: 'c4cf1bf58136803b63dd1a5b84a4b2be0fc54f03', name: "image" })), h("div", { key: 'eff3d73f052dc07a3102b0b135d2109cc39c7d6d', class: "gux-message" }, h("slot", { key: '75dc59294d001562307f4cbd9989fdbb34acfe3f', name: "primary-message" })), h("div", { key: 'c886609987a4837739b4de66b8300b107909328f', class: "gux-guidance" }, h("slot", { key: 'a797a544aba20ad2d3c123d9c746f3a004dff711', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: 'f9c346a7d6a4554c68de1cedab7a71cf1fdfb595', class: "gux-container" }, h("div", { key: 'ab30eba8bf97acd68cdb7d1b8fd928e5d2aad5aa', class: "gux-image" }, h("slot", { key: 'bf804e33d7fff08fd4b432100f66b00ddc9a40af', name: "image" })), h("div", { key: 'f4d41f9f2713fde39a78e05bb5a9a6062232f2a1', class: "gux-message" }, h("slot", { key: 'b1496161d0f830dd8e1414bfc11efdd8bf4b786a', name: "primary-message" })), h("div", { key: '5eb78a40732e49e0b29a63481d427d2aadc9a7c7', class: "gux-guidance" }, h("slot", { key: 'd4fa93ddf4382c8892c5d7701ae2c823c39340b6', 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: '62b04f1d5f6081415b79e232248b56cf5bb138f0', role: "listitem" }, h("span", { key: '32486b4280826d41e4397c0452683038c011aae5', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (h(Host, { key: 'b956457540727e928f07908a9d8a8e746b327f61', role: "listitem" }, h("span", { key: 'e543d1d89edef90fb23294eb0ff221032860ea97', 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: '3263182d9af07fd63e2103fd1b075d404d109c3e', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '887ad432cd8024d589449252c07d575c2d8362f0' }, h("slot", { key: '3f8b7efac73e4f54b741cc95bb2788033069c515', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '920720193f3f4131752380b28350a48b4b79ae9b', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'bce3c9897eb4c1555f3cf653b2c9f34f537b6351' }, h("slot", { key: '866d3d4b9a8053513f87b0058eee1ea83535c412', 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: 'cf290aff2724cdfd5183459eb92f71040b14376b', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: 'a687ade3798b851e82884ac583847fd78f59b992', 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: '414c446fca7f50db6445a0abacfed52b44cd0b16', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle }, h("slot", { key: 'f8ca5f2ee5defb9b2a74f2b06a29e437da2ad138', 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: '8e419baad644a9be505b21e035aad20bc12329e0', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '42661fad38d139edcc9a1047295f4585039a92f0', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '075dcab6ce9658ff658e3dbda228af8d4be7467f', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '1977e4a4b32038b7865a314146ac62daf56fb928', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'd3d2fb4d9234fbee37dc305bb9fc44f95d80b18b', name: "title" }), h("gux-icon", { key: '8375ddf3638ff596d60bdec30b64c74c1234d8de', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '2e892d919b075cd97e45cdb7c39221b111de29dc', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '347bab5c297ccf54baf433e5a9fa5d882056faf1', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'fcdabae8844cfcc18a38d100d7a67e87ba7947a3' })))));
+        return (h("gux-popup", { key: '4d4da07e015378f871eb3d5a8d9a253f8af04425', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '0be5e778356b45863dba62fc589e9373743ee338', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'aeed49fe42f2006cfebafcf7f0cb9260af067ced', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '166cea510803fbc876f497ae5f8c198fdc6246a9', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '702e4f6db164e3238831c84ed840f90148a00205', name: "title" }), h("gux-icon", { key: '1d06553d330a594554bdf60aab774f7430cdc7ba', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'eadfe356a8fe897d7eb3e948ae289c36ad29a2ea', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'f323d391f48785c05a9e3749b280fcb46d523cf4', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '07a1881d28d13b2625661add8769aa3b752cef79' })))));
     }
     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: '97327f6adb2afbf3f3964ac7088fe5144252f852', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '38f6916560f245944646846aa9e9e2cf78a9fb1e' })));
+        return (h(Host, { key: 'c8e535fc5ce3cdee111582126fc737d718cf7d8c', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'e9b08d4eadbdf4a236a3a2a32907f337c328e0ff' })));
     }
     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: '50e4c8fa12b58729f64382043e68142b2a6bff39', class: "gux-calendar" }, h("div", { key: '79524dce607d1a2d8e63cd9ab85d688493afb547', class: "gux-header" }, h("button", { key: 'a09787131208775edcb9e670f2c0aa1ed6ccdf1c', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '217f95a36e44378abaec97921f2851708be77648', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '4b484360c1d4c905d6c24f1eeee2a201e72e6fe5', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'ee922f97949c7a2897bca65fd7093eb1224d2082', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '7b3c7da612a2aa066ffed6425c982502dededaa2', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: 'ebe156611cc67a8f9242d8a2eebc9788d6f6882f', class: "gux-calendar" }, h("div", { key: '42867ceedb5a06e510d50e415360738bdb793046', class: "gux-header" }, h("button", { key: 'e7ea1e15a87c7a33d0a52055170f4da4a4282f7a', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'a0568afbe8b9daf67702edeb2a99122f3d0d08e3', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '4095c437a1b4c89da8daff63a8a8bcab2e4c3a59', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '28fbcc1ec855f752859a764171ea872873c9cdaf', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '0ac8df6c8f3514c00a10b442bf8517583d09c04c', 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: '5e84b027dcff30a7cbdf502f0266e6ce1fafa063', class: {
+        return (h("div", { key: '43a2b095912446efb6273bb9a32a6f795977b19c', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'c4b5f89a0f7e66c6a29da8f295972b0f8d04fb6f' })));
+            } }, h("slot", { key: '641978238aa3c77c749128f7b4deee3bf849ee54' })));
     }
     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: '5f78448224d699382c613e4967793af115acee53', draggable: "true" }, h("div", { key: 'bfb206922c32cfc86e1ab9d58bbfbd964993fe38', class: {
+        return (h(Host, { key: 'd21cb04f3fd70d25b8e6a27c8fad5c8606d93879', draggable: "true" }, h("div", { key: '132822127884e13786d1b7e3ac9635fd9abf7c2d', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '29f9dec15ed10934894afba83f66f0fba94d1ba2', class: {
+            } }, h("button", { key: '2e11863bc193c7118549470c1663ab10c6d01c8f', 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: '8a86b73119466abf7b9bdf44ff6d8cbc6c07fb44', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '688e1ee0d67223800d062c6f0a2782e527e63968', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '4c915195cc11d21d657ebf4f76f0e30cd20e7f3b', class: "gux-select" }, h("slot", { key: 'd5e0e53225d2c9264b3acc1c4c276e69eb54ba47', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '3a3a5d6d8167f3000d248d9ce4de9fb084bc5080', 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: 'd3b388d64bc890323c8f94b8d3f3a54068651ff0', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '138f15a3a0bcdb5ae5c18c22c831fcf9110afad6', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'b835637f15dcfcec89effd9d8ba551595fb6abd1', class: "gux-select" }, h("slot", { key: '9b7573139a5e0491a1c1052ddf14d6e37d8b7180', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '3983b26b3018f12b9ec8b654a957f3416aebe6b3', 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: 'daf90d23ce5f11f2d370bfc9d83fbdeeb29a0889', class: "gux-container" }, h("div", { key: '8fd77ca38f5903d81897a705a4466edf676da481', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'b5cbabcf5999a3f566b0425bd0531713bbb671d6', class: "gux-search" }, h("gux-content-search", { key: '59a0b2c694434ce42b3a193a85966942e42a5848', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'b741c081072bb2a0576d1dba0d24729d0e5ac85e', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'eadfc9285283da226b33cbbe039e33ead748e030', class: "gux-select" }, h("gux-form-field-checkbox", { key: '3de970296c09ad4b0e5b2df9f494189083f82d39' }, h("input", { key: '45825441d53b786122917f935c8fabc0aaaa5347', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '985cb6788363595904c56e444abf96458da5e4b6', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'b77c01091b9ea5792bd772539b3b80d1100f8def', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'e79a7e4c9609f4a776f73391661310294f9ce77a', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'aab5f007f481e3c158ba3c5f677a1692dcfd5968', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '0c2fcabdbecaa2ad5a7c53597ad24cc5548399d0', class: "gux-container" }, h("div", { key: '1625b6257b5ce2593cdddc011b68d9ec8ee37793', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '38fd230b957c35aac265b7036d1749b1953335b4', class: "gux-search" }, h("gux-content-search", { key: '1e02d0582c972f6933edb574b83ae9245f8535d0', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'b28d5b8e8463ead00c1214ecbb70a2b91433071b', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '0b12443d065776aba76c6b2a94915583071e5af7', class: "gux-select" }, h("gux-form-field-checkbox", { key: '036976cf51f9e3c2f5e85d83ba3ee684b0749ae4' }, h("input", { key: '798f929ee9fc579c47dd95bda776d44b4be49fbb', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '15cfbaa4578ae290be913eb9bfc9614eb879204f', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'fa1afb1c94a48e69fc2dd0631d3fb4a714e8da3c', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '686c4ec6a9ffd5fd159a2b1628c0d4ec706412e0', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '0cf560b062e3c814cf65d3130db4c454bac6fa61', 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: 'fef06863d22d958f0f8f480676e367f12318b19c', class: {
+        return (h("div", { key: 'd7007380272235324613611f8ed59de3dafd5c28', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'fb6d1378037b6afe85c8308f1c627e87a692b66d', class: "gux-search-icon" }, h("gux-icon", { key: '7b4a0a4c06f32a5f5a6745ae7d389263aafdb011', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'c2025793b2211750d0274f4f55d20f7de9fb6b3f' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '218cb132a49992ad15e489d5ecd0df51b415ec14', class: "gux-search-icon" }, h("gux-icon", { key: 'c1323895fb7ba1043f368cd3d92d2c4cf745f2dd', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '15a304658a18d46699624ee358fbdcbff621a1f6' }), 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: '77a15f64c03a59b3b1d019fcafd38ebcbb5e530d' }, h("gux-popup", { key: '29475f2535fbaf1bdb4b6cfbbfcc7543ef16b8aa', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'ce880d5a7ab2da29687748cbcb63a4076496dc22', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '0cedacad52253441dcae2b26859c8c5640b35750', accent: "ghost" }, h("button", { key: '542c161191b5d5057af2f0a2b49d4280a2c2293f', 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: 'ff66a2c99687cb244b443cf1fc4646904629f843', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '121c12498c435aff8a99a4a2858dba22876466a6', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '9982173f4aafbcf12780d2a46aaa2040695839fb', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '46dfd69b18277889c391bef912321aba190ba51e' }))))));
+        return (h(Host, { key: '6e453e7b6807d12410d59f6b06757e3f60682e58' }, h("gux-popup", { key: 'b452625859c94a627f0e6d4b98f499e85ff8279c', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '6593eb7ef798343835531a672d0707b9432894ae', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '83dc6c36f285dd588ac3aa9f1cc7a8dbaf6cb09a', accent: "ghost" }, h("button", { key: '0caa129a0c9fa22d0cda0e0bcb196dd678954103', 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: '4a118b478774fac05c7fb4d1a898ace684055ced', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'ae1bfb10b5d83ea7785b84385153bd1387e83bba', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'c3e766f9e97d2b0ce5952fc5347518e6f760d500', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '134d65517ba6a3b52999fdf76687a13eb7a37016' }))))));
     }
     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: '2ea788bc0ff0b0791252b8d846da09b556d5769d', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '675bb9f59defacdf9efaf538754e13e683dd912d', class: "gux-copy-content" }, h("slot", { key: 'c15a08a26b41d20bf00aa76c4f43e26a73456ec7', name: "content" }), h("gux-icon", { key: 'a98c4fa80888cef74ec3ce2062b2da7923de844a', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: 'e38531c189577cfedc4a33a63beacdf53811be8b', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'e1c39557f0024de4b91888b91bc73ed40f80c381', class: "gux-copy-content" }, h("slot", { key: '1407b8cc01725266196aa5e997f810e7fbbffe1e', name: "content" }), h("gux-icon", { key: '5934ad501fb17c19e1688e6134ac384e128cd2bb', "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: 'cc656645e09bab453bd0184d5b0cb2f127a914be', class: {
+        return (h("div", { key: 'b5abeaaa7c7ee64d4c6eb546b7acbacc8eb36f4b', 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: 'd8a8bd3bf77c2c0f086253eeff26a7b3a911e409', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '0e385029f9ae016c209a7a437dab813ae93bb8a1', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: 'ca9181f31a72ac835e60dca94b67c58fde9003c0', type: "button", title: this.i18n('dismiss') }, h("div", { key: '5d738b933349e835ccc386d5e9c2abe4087dbb61', class: "gux-icon-container" }, h("gux-icon", { key: '350247e07ccb8013b395c6e10ee2a8b9a1e19e97', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+            } }, h("button", { key: '20d47447395160fa15fa691023370270d58326b7', type: "button", title: this.i18n('dismiss') }, h("div", { key: '5d6042a3ce51053ae813779b108f4758868d3516', class: "gux-icon-container" }, h("gux-icon", { key: '25c19cca16e132c56d347d04a3324865d8fa46b8', "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: '46113b9a83f7ce1f2342d1cc869178ddb6e889ff', 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: '40a711002606ef898dbcf119890f90b0981c342f', 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: '0bf042a664f27a0729b708a8d204453ca4da7234', class: {
+        return (h("div", { key: '2218930574eb1629c66b24922beefbbb3043a007', 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: 'e9204d3c0e513dc95e4b4d8b4a19e3a6fdef6e57', class: "gux-dropdown-container" }, h("gux-popup", { key: 'c7c579291174ea2eac5e16e93aea1235a296a584', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '05b2c7f797aa93e0f4f176ec9ed03d52eea60e7c', class: "gux-dropdown-container" }, h("gux-popup", { key: 'caf6a733b5a7b5ee2771c5642f23fc733c322f52', 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.css

@@ -33,7 +33,7 @@
 .gux-flyout-menu-content .gux-arrow-caret {
   width: 0;
   height: 0;
-  filter: drop-shadow(var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-tooltip-boxShadow-color));
+  filter: drop-shadow(var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-popover-boxShadow-color));
   border-top: calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);
   border-right: calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;
   border-left: calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;

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

@@ -171,10 +171,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: 'c2f6001232d954e29726684f845d8da1d451a76a', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'a0ef27fd279fe08b50feb68e45d4bb2d1c7d7d9e', ref: el => (this.targetElement = el) }, h("slot", { key: '3c6e1bd9354790eb35522308ee7533ee04d2b4f5', name: "target" })), h("div", { key: '650eb47121ad269379dcc9c6acb6bfac55373b56', class: {
+        return (h(Host, { key: 'da2fd09812808132f23d8ac8ba35b14cee888ecc', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '5965dd44b1e06ed5ec9343f4d1c7f3777df19305', ref: el => (this.targetElement = el) }, h("slot", { key: '7dc1e9c37f8e244405592ef3da59ce99324ca55d', name: "target" })), h("div", { key: '4b031d66e12c2996fce21a252ce35c490bd8ace0', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '3a1f34289951371763ae63bb2bfb8df3e0077560', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '30ec61b70a778dc2de7fa694c340e16404dafdaa', class: "gux-arrow-caret" })), h("slot", { key: '8b0fc1b85e7661dd8b8aeb5b42d6ead1abfb65e4', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '2e34c12a77eb4c03351b521883c2c1e832b38a9a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'c8a32749533b51cd575fa505747a852d6c11fe20', class: "gux-arrow-caret" })), h("slot", { key: 'b66987185d2cf82fc3cb0747930ebc495aa97a35', 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: '084c6fdf56b4b99b20c82ce5a9109fff82bcc355', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'f417a73295ab8629d57918729beedd1fd3bc1961', class: "gux-menu-option-button-text" }, h("slot", { key: '82de312db527b65536c4a823e4797a73bcae58a1' }))));
+        return (h("button", { key: 'fcee9f5c6ba513c0611fb0645b7eca4deb2126cf', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'ea52acc32d90dfeca5d1a880ed7a61139d78e027', class: "gux-menu-option-button-text" }, h("slot", { key: '99395f921076008b0b3797067d06b81eb18c072e' }))));
     }
     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: '8e868c6ed7b6030a102505a823fff51de51e565c', role: "menu" }, h("slot", { key: '3cb6a3d1e31b7e420a58a509759cade453520d55' })));
+        return (h(Host, { key: 'a21aabdada3702c67a4f7e46964287475092104e', role: "menu" }, h("slot", { key: '99835945b5aa6ca109eaefe698cf6c63acc58281' })));
     }
     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: '53c90da1a2ff67dd9adac2793b2d8e7415fb8968' }, h("button", { key: 'd3b0e3c853c907921653f077de1466414c605eab', type: "button", class: {
+        return (h(Host, { key: 'b641e26370379f34ec3b5acea983106f17e38096' }, h("button", { key: '52dd14bd0efa68b6fb81a07e6d94f7234a979245', 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: 'cabe95d17b34c8b3614e684219f3491951e1203e', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'd9c43c088229efaff2089df39e6949d0451c335c', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'b87bb5adfab410d1ff3665fb172984fe1b6ae820', 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: 'bec224f7661e6edc33e3d43121bed2693bc936d9', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'e2a30bf17bcbf25248297c0b4efb79561567e466', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'e038e6909dfecb44bad87b12e4b96cf35cf66388', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'fbaff62b6b8122b8c7547f11e3569753285071b2', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '89e8db8baea2429b691a37f8a8f1873b63bae4bf' })))));
+            } }, h("div", { key: '004293f918e0c6719495c1495e3b64d0ddac527a', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '1edef86e36eeebe7279f085171dfdeb602ad83c9' })))));
     }
     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: 'f5d20d98c22ac698bad67693c5db7adad45fc484', class: {
+        return (h(Host, { key: '9e2c774e33a2704abb3db2d4adf334307ede6a92', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '29ba725d2864d6e740d6742ee9f2fc2a85f4d026', class: "gux-form-field-container" }, h("div", { key: 'fd809950de0a938ce2ac03026786d858d1bba2f9', class: "gux-input-label" }, h("div", { key: '67b905de811d7723de96b907df7bf152fb92c608', class: "gux-input" }, h("slot", { key: 'b7d0e493e505612196dbcd99479caea0da6f0e79', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '2036e55553e13322760add08a4edabd186b0cbca', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '32eb7d321e15f817b53b09101a17e7e582ff945a', name: "label" }))), h("div", { key: '7fa805fbd8c0d74e56450efe6bb48d05a69629d4', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '4b1095674129a10ce108bcdd32dae5715546c788', show: this.hasError }, h("slot", { key: '5c93afe494e13b9634174899e9f38337bfc1e23b', name: "error" })), h(GuxFormFieldHelp, { key: '4f9bae1bccb704dbfa21404c18091fd4094cad84', show: !this.hasError && this.hasHelp }, h("slot", { key: '7787802e47891d074c87a0a750c337852fc2352b', name: "help" }))))));
+            } }, h("div", { key: '79088a606a723328b92330c08014c7f4324a2cbb', class: "gux-form-field-container" }, h("div", { key: 'c9689cd6260152117b723550443d881dd40cb3a2', class: "gux-input-label" }, h("div", { key: 'a9fccde12c79fe725d23a264aa036608a842a650', class: "gux-input" }, h("slot", { key: '17ccb4dbbe199e973b581e1622b6f8dfc801dfcf', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'f46a3b11a932b3cd0b4326e41fd84bcc63a0e94c', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '797871590ccb0da46dd3733dcaae3bd9a93a2d88', name: "label" }))), h("div", { key: 'c3107d0eb5707682da2878fa294fca6f8e08472e', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'ced119551b10a2527bc7c080f6e99a284180da2b', show: this.hasError }, h("slot", { key: 'a75c70ab691d591322fec2b8836b6192f0855f7f', name: "error" })), h(GuxFormFieldHelp, { key: '0cdae38743372069043f1bf052b13a83a94c23dd', show: !this.hasError && this.hasHelp }, h("slot", { key: '05e64ffe0b84096faa96528bba03edfc5321844a', 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: 'eb6d5e1264e56e8a73a4356d623aba7c6b60b62c', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'e7ec8f166db0159eb0b6a81ae9b45e7fdc96bf63' }, (_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: '02e7158a843ee19d2908abbe13bf2f9968fc6a10', position: "above", required: this.required }, h("slot", { key: '369538468330536f02de1b417b3fb08cc40fc322', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6ca1f850095b8a582d70c761887e8de424786d54', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1100f9634cfcc3ca55060e2101ac2d1db34425d7', name: "group-label-info" })), h("slot", { key: '98981d04dc1b5a369755ac1ff1ac4d75e178a623', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '852c9507202d6964939a42e63ab688d3b9895fef', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '14aacf9247177a4397c34a95ffb00c84ba5b88d6', show: this.hasGroupError }, h("slot", { key: 'd56702ee50afa28e0ae42ccbd35dcdbab214255d', name: "group-error" })), h(GuxFormFieldHelp, { key: '8877722e11c20246e99c41844e541cc1a6b8be9b', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '5e17244f6bb475afb21645b4a7c6d169ab4e825f', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '8a6eb5b41e42b84cae5fa91ad423e561294a101d', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '07307ede7ca3bff8be0c4083e1f53cb112bc6963' }, (_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: 'e60b54cc64107f4cfbd1ab2b9764f9780841d657', position: "above", required: this.required }, h("slot", { key: '6f6fa2a3a8e905bbcc71f4ee4231e85a70f7e15b', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e4d33bcbc59ecaf863c34260b13b18569652b588', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd013ca93b2d1ea4fb989e918279dd8e3733b2cdb', name: "group-label-info" })), h("slot", { key: '985b44bb90b1dd6167dbdaa3d12f217d385357f0', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'f7cfa917ddf5ca24f8058f2d0e15bd03ca962ed7', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '4fdd7de8fc7b6ffabc09e4183898d99cb77a593c', show: this.hasGroupError }, h("slot", { key: '57313849062f1aeb18691009d3915c9a80abd496', name: "group-error" })), h(GuxFormFieldHelp, { key: '126de805cee5df0bd1b34d79c1192fc56a1b6e03', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '3a2fc8dba511558f910c70cb700e3ec071d9fa3c', 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: 'bffb48ffc891f5ee3f946aaa98ebc113e455911c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd797d8a95fb9746131a5a30ca8697a3496d3840e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '8a87981c5ae36338bcf92223f781d9381d4d3435', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd88e939341d482a4550268a421cf2dec8325beb2', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f8e5c7fe81d2a0b7931d781c107959851e9d0c56', name: "label-info" })), h("div", { key: '0fc3b7df8694740a7f8fd56969034a8e8a8c89f7', class: "gux-input-and-error-container" }, h("div", { key: 'bfafbb89e81b05187f7ef5228f9d8d9a22472509', class: {
+        return (h(GuxFormFieldContainer, { key: 'c4b4004c89f4081c0b93ca2251470cac7893bdd7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5b851ffa5ed3cc0b11b456ee9a554359a40a69e5', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '80bc96bc0459f72434c56746e607100b81acb7bd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '16c03af978b3c81863f37d3feacaed7cdfec506e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9f66fcad03688ee86c02a6c04076ba79683f969a', name: "label-info" })), h("div", { key: 'f26dfc39c93b8aa86a39dbc89243ce6cd6e3d0ae', class: "gux-input-and-error-container" }, h("div", { key: '0d4d709a5bdfc9cd32332a998b290871a736e803', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '6287062f02784c6999acb35c9c4bd7bb9e097a17', class: {
+            } }, h("div", { key: '15898d7de11d588c93e04470db5fd4ddc772ad46', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'db22af17d7e9f8b094773d94aff017cd0725ce53', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'c8222e8eba56fb15ba02f359253bef24fbc02c6f', show: this.hasError }, h("slot", { key: 'c39e694244391d5480058c97b61539db03ec29fe', name: "error" })), h(GuxFormFieldHelp, { key: '5038c1d3b848f41a69b1293731b5c2e91576de41', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd310790e690634a236e014c7beae3ec7f14204db', name: "help" })))));
+            } }, h("slot", { key: 'cef323993860610e0457102b741b129240e38522', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '7b11839828e070d4bc63aaff7d9f4edea9c33737', show: this.hasError }, h("slot", { key: '5c257eb60bb66a51404e94502ee63899a7a73394', name: "error" })), h(GuxFormFieldHelp, { key: '43d638dfd3a464e48d96a0435218fef160d80e5e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'be93ac819999c2a893a1c1216c24e505969087df', 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: '05f743f8b31c5f7be63ce04a1af696019f62230c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '96a4f9f605ee7a9349d5903195ac8e19de101a84' }, (_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: 'e5bded99855de379d8c87aba28981fcf10047a1e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd4b9025dd894cd533f1a8a1534b4c467c1c7aae9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '17817b36c0761e616b63ab59ab317dc6342d7ccd', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bbcdfb344232f625f7e6c029b2b3412ff28162f6', name: "label-info" })), h("div", { key: '35666437eb110b95d8ca01b3c727241aa98c827c', class: "gux-input-and-error-container" }, h("div", { key: '4ea57170359c454f33b394d4a6afe7f486b922e8', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '902919c084666a32be9af98a2c0433790c97788e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'f4383881dad540fd67fe3e9ad10a7a0bc72b6f2c' }, (_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: '22d4866414f9a2857a1d12c9cd0336fb7210739e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '888fca676c73a73ebe0d56d92ffdb9fe68b58193', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6126c8f82cc3d521caa04092831476983f252f67', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dedac15f4314f4c8dd725013accdb66840ad31c8', name: "label-info" })), h("div", { key: '85e3e85994bfadcaa861d5d9fde5f49698032d22', class: "gux-input-and-error-container" }, h("div", { key: 'b8dfdbc31f01744400c9086b411b1a497905e920', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '94ac4b6cf8a9282454ac19adfa04261fe670d1ce' })), h(GuxFormFieldError, { key: 'cf4bdfb6bcfd6edd214b65fef47900460c199b4e', show: this.hasError }, h("slot", { key: '4196d3ca2b92e3c6b08ac7f745b335b5fd0fe0a6', name: "error" })), h(GuxFormFieldHelp, { key: 'faab07493e51e3736d2fdd51c0e42109efc42411', show: !this.hasError && this.hasHelp }, h("slot", { key: '3ae9f6495a12c782c29cc255a76c66d3697390a5', name: "help" })))));
+            } }, h("slot", { key: 'a4af1d0c3b227ee7babb77e6f4a45a9a2e84c989' })), h(GuxFormFieldError, { key: 'f07c287ca66b3bc935894912b3f3b44d185096d1', show: this.hasError }, h("slot", { key: 'a9679db294bea298394cbcb9abf754f2c14b582b', name: "error" })), h(GuxFormFieldHelp, { key: '24116c787a13aff398ce681c3b74f578adefd586', show: !this.hasError && this.hasHelp }, h("slot", { key: '4f4fc9367aac4d57825fd8a0255751aa0c9b86ec', 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: '7e0dc0beaa1fa180d4b8a59d9dfe00b4e0653d34', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '75a05ef6673d3c547cc60859b5f87f82dd980915', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '5004592368bc828d63d236db313b4683d9e2ab60', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e27c8b29a246528c3982de11d17f1fd7d64c5f41', variant: this.indicatorMark, required: this.required }), h("slot", { key: '36570c844c35f6636c7c2f83dca491b2c00f3033', name: "label-info" })), h("div", { key: '50414e470aa19d81ad392073246e1e2089edd488', class: "gux-input-and-error-container" }, h("slot", { key: 'd6bd9fe4e908c75d9d63605e7c3eaf2d45982951', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '120319afc4826e7c212008967af9899dea298acb', show: this.hasError }, h("slot", { key: 'fba07ff53d46d3561942dbb88a42b5afb6c4fbd1', name: "error" })), h(GuxFormFieldHelp, { key: '51a1f46d7920b826b528fb38161915faa5eda096', show: !this.hasError && this.hasHelp }, h("slot", { key: '7e262e73e07aeb3fb8665acb7f306dba65ad90c1', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: 'ec8be0e586c3b52c50ef63810e1f84e51042a1f9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ae77e4d4cb7b54f0e8a1a171723fee09bfe2ff91', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fb03cfdbc9e3d2f688dc8ee0b5d616a4472431f7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a1cd7341099504ce9cd1caa6fe2ebd7b09ad3ed5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '057d483533431f9e0aba5aa2195d2bbbe3cb1e5b', name: "label-info" })), h("div", { key: '0142401d9f88421e21d74fc3beb1966b3b3d7c97', class: "gux-input-and-error-container" }, h("slot", { key: 'a1ef1cb2c04b694adc03daf61c1417f497583cca', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'ae5dddf7f46fa681982c52ae5aa5a6fbc5a93933', show: this.hasError }, h("slot", { key: 'ef2d86dcde1cfe6ed6a166cd3867c273cfdeac6a', name: "error" })), h(GuxFormFieldHelp, { key: '96292e3289aa82f137338f50190a10bd345177ac', show: !this.hasError && this.hasHelp }, h("slot", { key: '9cd503cdbb37781b6485102f4f8492b927c6e78b', 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: '1404ed256b0c59730a6b52a8eb8511b966697af3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '06b4f7b5550e608958e6c097c619f2afe6c614ac', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b7315fb4f8498f5308d39dfe0e70eaad42644108', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4fb64e295f6a03dc874ef4844c3fecac10d09fb9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6655ae39155c1c790b90f6d93afcd2bd6d0bbcf9', name: "label-info" })), h("div", { key: '70790da5948a776ce78c951933c3f8cffb1e9a68', class: "gux-input-and-error-container" }, h("div", { key: 'e4bfd871ccb296f87dc618db9fa317122475b41e', class: {
+        return (h(GuxFormFieldContainer, { key: '7fb5202f53150f9bc6ab46eb123318ecab9f6db3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ec3c739c269f4071d03d5bff108087d0490bb367', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4562704fcbf00fa54799d9336b68451619c62457', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e780a85808c026988e68c4e50b5886f8855f9420', variant: this.indicatorMark, required: this.required }), h("slot", { key: '21c9e71f83bf5b6c7f7bb1ba3a7ca401cb3eafe8', name: "label-info" })), h("div", { key: '58cda9714e708448ad8c9ad61308e2b211f9dae2', class: "gux-input-and-error-container" }, h("div", { key: 'eabb92deee405ecae18f85147266e5bb957dde00', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '34b340aab242ec746ccd7a2484f7c76e2914b5c0', class: {
+            }, part: "input-section" }, h("div", { key: 'e97a8b13f8432ed89b1aef3b550bf908c873b6d6', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '8facf47db9e586d88ec222feeb973c220dd583b0', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'de94c88e51c29f0f237f12b033b13fed44c34289', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'c92070f61573177f3b516eafa60f579eeaca0a05', show: this.hasError }, h("slot", { key: 'a3aece9dae599c68abedb58ed692f5d0fafdac4b', name: "error" })), h(GuxFormFieldHelp, { key: '0bbc8260400e4c3b0b9bffbca5526a931c3416b2', show: !this.hasError && this.hasHelp }, h("slot", { key: '0dbba9e894f1653ac359293d2a6e109828ca63ea', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '15e7a696913e13b93ac72faab98489046694a195', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'dfe87f2da8d9366d9c6a9fe1a93a5fc6672700c5', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'd39a973309e9a293586128422ea6a0ee23dd13d0', show: this.hasError }, h("slot", { key: 'e4106badcf7fe9eb89956135fddf63bf3c0cf58c', name: "error" })), h(GuxFormFieldHelp, { key: '7ec9d32bcde91b0d8dbc2ff83c82193105f6e457', show: !this.hasError && this.hasHelp }, h("slot", { key: '9ca171b4c94090451832aca5b62e4e4aa13f0e40', 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: '9dbe4366a2d00911db5fd095472d8bc4bf878997', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '8940819968c84d1b2197b244b36c5a73e994395b' }, (_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: '791af08872c28ab6feb8de6f8a143db5f5b53b39', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '44fd8715522535dc58ab19489b154253acbede5e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '602156daa4d6c2c09b41b6b3144af91269e08597', variant: this.indicatorMark, required: this.required }), h("slot", { key: '832b2d04ace14f42a3d44bc1f562f80b603cadbd', name: "label-info" })), h("div", { key: '759588e7dbb139e628217a50d233b215562c3777', class: "gux-input-and-error-container" }, h("div", { key: '4af0b4dffd50d83a7ca28e15bd12c4264a205ace', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'dbde8cad293355dccea2772363302122ddc66b19', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '90cc4152a2e6adff78a668cd3593f92c2b34cce3' }, (_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: '6aff06b0eaf9b08c40b3196fc98f24cf5858d4c9', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c228bc1fb84d16e33463b6cb599cdfaea0846341', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '73fddb07bd73ede299442a70441973b4a02a33f4', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fcd61155d6223486258f2a345d92723ea88dd6e7', name: "label-info" })), h("div", { key: '40c9db6d2f24462b79db483171ea9a885a1b7097', class: "gux-input-and-error-container" }, h("div", { key: '1c87c45c8267e76210273bdae5d20a59a4b5d355', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '33d1ad8cab0845f0748c5297812f5abda2137933', class: {
+            } }, h("div", { key: '91dc86d9da2aeee21912b0e8cfe53d4c1f869d71', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'fb907d77d82201d2cee730f5f54546d39cfe0106' }))), h(GuxFormFieldError, { key: '7d79f77be59c9651ce9a9cd461bbf9f3ae736d5a', show: this.hasError }, h("slot", { key: '7f9de545626b3cd12b3b7f1e7639fd43b1d8e426', name: "error" })), h(GuxFormFieldHelp, { key: 'f87d4ae89adda04ad13482c465984b9c637360b8', show: !this.hasError && this.hasHelp }, h("slot", { key: '774a6aac20d8a963d4e9c936800074164cefe804', name: "help" })))));
+            } }, h("slot", { key: '28c2186f85c2683794c2e6a57bf21b6e6835cde2' }))), h(GuxFormFieldError, { key: '7d3cfc37084fc1d038d3eae27773e2f49bfeecdc', show: this.hasError }, h("slot", { key: '9597cf3700f9dba1233f3f4b534684aff5fe6ffd', name: "error" })), h(GuxFormFieldHelp, { key: 'bb7e04bbaf49d6fbe6bf45d3010624aeae7e02d3', show: !this.hasError && this.hasHelp }, h("slot", { key: '7ebc9bb8aec539874c03f1ad4870c9626d404109', 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: '1f9058b9cba8e25009df7188a833dc7c77dee10a', class: {
+        return (h(Host, { key: 'bdd5bb62a05c306e10c675d2cd317831938d6849', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '21095dca5c246e05c643ae085742a77c0692456a', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '6c17a8f7ca09a54dba861774b94042b8f01cb77b', class: "gux-input-label" }, h("div", { key: '13745ab315bd98fd6cfac51b84f8640bfd4c54fa', class: "gux-input" }, h("slot", { key: '06f3a11d98078e33f7e52e1420f4926f1d4cccb7', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'c097d66257e43c90e1136f0c59fe36c2893cd3fe', class: "gux-label" }, h("slot", { key: 'bcfe31b19828e0778d9d572bec97f435389142f7', name: "label" }))), h("div", { key: '4f1eeb5be7d495e8f1624dd6036e5cad42726968', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'dcdf2c760f97879c2e8f096e8696ee69be1207e2', show: this.hasError }, h("slot", { key: '2fce9a4267950b027dd59e17d3f47903f569db4f', name: "error" })), h(GuxFormFieldHelp, { key: '59e804c39c6d66c7a82e17214953e1c1e269910d', show: !this.hasError && this.hasHelp }, h("slot", { key: '1a9acd8b48a6d3b80c64e05375ef3eae8b25f49d', name: "help" }))))));
+            } }, h("div", { key: 'cedda2630fac50680d9c78d3880c818b70d844c5', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '8b50e84df3f9d0edb1b30e1b7af9f6861dbecd09', class: "gux-input-label" }, h("div", { key: '0d65e81dd241d493df880871efa88665caefd22d', class: "gux-input" }, h("slot", { key: '49bf5935d0211c7308562a3c22d98983cfa79d1e', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '1cee92e44eea39d61be671af55721a76db1edabe', class: "gux-label" }, h("slot", { key: '6db40d2e3f714d8aebcd3ebd5cae44323eeb53d2', name: "label" }))), h("div", { key: '1478321e1f2e24bef80a3c3aadee856ca624be50', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '1b4449c4d4bb2f03d97326ae6e8f1ea23aeabcf3', show: this.hasError }, h("slot", { key: 'c48dd11248d9bce2478d554dfd8919fb0472ae0e', name: "error" })), h(GuxFormFieldHelp, { key: '96630e13f5bc940349240033a28feb789835dad3', show: !this.hasError && this.hasHelp }, h("slot", { key: '5d0ea49f3678b6b6e6f24c097591efcc75a0db9f', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -104,8 +104,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '6a76d4ad97902956286b049e84fefd22aed40034', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'ab6bfad55bfd7956298e3b7417760ca2749edc53' }, (_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: '36c778682f287a5a4d328eebc778bbe7cb6682c6', position: "above", required: this.required }, h("slot", { key: 'eeb8abc240492c8ff0e1416616449bdc72b76ea1', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '923f209fb70fe3c8d79ab01054ad38632f516e02', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7770e201f043a6633e6322df518ad263cbfa95d6', name: "group-label-info" })), h("slot", { key: '79a883b74ce4b05767a19516561493bd41a6b439' }), h(GuxFormFieldError, { key: '546a10e352ad5f836a627b77cbba681d7385e892', show: this.hasGroupError }, h("slot", { key: '9b3cbc4e4d8a63156aac2d11bf97f3663006f2b4', name: "group-error" })), h(GuxFormFieldHelp, { key: 'e1ac75ec7b9c446141b949fc23dda9a166747468', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '04fe13870a936ece3a9489224352b3462f23c6dd', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '3edfd34f7668c2c888437c1f206a7baa21522c65', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'd06ff4e41e24027a9c509a43e8644aed17d23478' }, (_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: '0bb934174f7232628fd89c5fbb061397c9eb9ed3', position: "above", required: this.required }, h("slot", { key: '72e74b3ded76fe0683b7e22a381ac22cb1056810', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e452dfdcbc8fc51f0f87076fd307995ad34cfb4f', variant: this.indicatorMark, required: this.required }), h("slot", { key: '50f5101f6e98eea190184cd1cbe0b35a4dc2ad47', name: "group-label-info" })), h("slot", { key: '622b08ff4b73d294550f807e61171f4702c44ab2' }), h(GuxFormFieldError, { key: '4a5be5687edde8278d61b8cfd1e130538ee6e048', show: this.hasGroupError }, h("slot", { key: '1c9e9dabe4b62fd1cbfd17d43bed6499ac043473', name: "group-error" })), h(GuxFormFieldHelp, { key: 'd236699c119ee203aa59c29813db4582caf165b3', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '61b3ce846d6908e63f234a11008029ca20f6013f', 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-range/gux-form-field-range.js

@@ -114,9 +114,9 @@ export class GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '0b2a0ac59a1df20216c07cf3b5d776076652f419', class: {
+        return (h(Host, { key: '24bad458d09424cb27b90d72ec1d4462df968f5f', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'b30204ef473dc608ab1938cc9322d983c09162cd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ea2b43f91152b537a67f361faf3db593ec147e8b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '97bbb28a1cbb26ac31e14237667ea08494c4873f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '763dd478ce01d5a875453e46aa98d508b3ca2e12', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dbf54d1c841ce5e6fb09f8f2d28612b68f6ba607', name: "label-info" })), h("div", { key: '0bc87a2c456146133114820dbd7247aa03725d8b', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '6624f8459a84bb6e97199c6c17dff76b033b216d', show: this.hasError }, h("slot", { key: 'a507edab5a2cfce56eda8ea00067081d591a0566', name: "error" })), h(GuxFormFieldHelp, { key: '5f5b31313a833c0c8d435b2c7efa3026bca2b1b9', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c92b67441b93640998d8a1fbabbece8653b04590', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: 'fdfcf4450bfc811ffc8cb36f485d4821b5ff4791', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fce4be4a7b54e87b577762ff69369362da4af446', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9832f6def25ec6597ee337d6b3a9b540667694f2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5185727c8b7493e055b53567a4af45beb218f78f', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'da710f17135ee689043e716243eb7daa59c6a0f0', name: "label-info" })), h("div", { key: '5eb6e8ef5745690c36924e683e9820a897cd3629', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '375ca9d8bffa053c3bd65ad9f68854085f83609a', show: this.hasError }, h("slot", { key: 'f211f49dcf3c53bfc0f88c95e72b7d805c44cebc', name: "error" })), h(GuxFormFieldHelp, { key: '8bc7a0d543afbe96097554560df90dff8086d4ee', show: !this.hasError && this.hasHelp }, h("slot", { key: '08267bc8656c5bfa2d50d3ee679ada9bee3216ca', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';