genesys-spark-components 4.188.4 → 4.189.0

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

@@ -50,20 +50,20 @@ export class GuxAccordionSection {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: 'b374497e0ceee45209dbed4d39febd573c0cd0be', class: { 'gux-disabled': this.disabled } }, h("div", { key: '6f4322cacb5e5b5ee2af163bf1e2334e5022469e', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'a92d246a81bba4f1d9929c7e8b268ccf50af0c98', class: {
+        return (h("section", { key: '5f6fbfed6b1749839798955d3ff9b47b1540cc7f', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'e4279506105630d808901c7eb638d3e97c2442d9', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '5d1a5ef4a257f581a2267767f92d6f5390ec2254', 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: 'bab1490521d84ae80528d819d1e877258bfe6113', name: "icon" }), h("div", { key: '8cbdf0514910e0b12f91292cfbd72a2f864b7d2c', 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: '7b6c53f3a7d869e461434ab41e3e0daaac42f329', name: "icon" }), h("div", { key: 'ab82e1c8c6d17d99f93da0347ffcf3b50aadffe6', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '816f4e1f44f2f858e29dfecad0e4cd38dc0e31fe', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '7bbf3a98b27e5419e78519c80dd92ee3fd6deb7e', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '19470636e36c8b16df37356c6376621e16128f7d', class: {
+            } }, h("slot", { key: '9851b6acac5b60c2378b71d2409051e69da5ca2e', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '4b761c850e50ef9b73daba6043b78b22ae89f743', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '72834a00027374ab2cccdda2e89af435e801f54f', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '512c012c6ffe1ecc6ffd98410cf6e745256d4a96', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '0a32f02f73792fb204f728006fc9f9726722e99f', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '67b4447d2cbe2678ea172250b3c387f69eb0811b', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'd40e94866149954a8e664c3aec588b74e6b89ed6', 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: '02e2dec94565f5ba3b84ad21de8403bf60b8a97f', name: "content" }))));
+            } }, h("slot", { key: 'd39cbee9166f563135c04e3cb52ae467f077d563', 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: '717e4ba52882dd91b842c1630d2bc402b7dc4117' }));
+        return (h("slot", { key: '32ee82840ce880c41184207782dfeffab71c83bd' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -138,7 +138,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: 'e3e1f58714572a4cbf8f13c532498a7b3c331e2b', class: "gux-action-button-container" }, h("gux-popup", { key: '7d0aad36c614d5e16adeae24840a5c1904b4b43f', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'b46a80b6cb8526333dd9b344416ee6e1c003a64b', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '1d57c027889d717d47884b33e77ef2faddb61838', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '446c05f5640fbba081eee9eca781a4d0443a4e8b', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '47c67c1a5c4ec59776cce559bed2d91831951774', name: "title" }))), h("gux-button-slot", { key: 'e4e60c315e37b46a0aff461183a50f7d42d241b2', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '47d94aa4fea744c41917d6c384957735ca07853a', 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'), "data-testid": "dropdown-button" }, h("gux-icon", { key: 'efb58a73e063cc28144851d806246d9a08ab177e', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'e0daccc34af424e95b49fddd3d193c70c52babc7', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'c25ca540d02426cedd6577de0e1dea043c4c1584', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '642210713ee3359616804bc99dfb786c80d5d643' }))))));
+        return (h("div", { key: 'ab6651632d8c2c2053edded32302773689fbae3b', class: "gux-action-button-container" }, h("gux-popup", { key: '3a4f2a3ee0e74a29891a75b9b54980d902fb18ef', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'ab21d19adc79227f6cd77025941ef257a3ad8202', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '5daeb543bcd4bd4b5fee0f4834c3d7030cd9841d', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'a34e7510d3d05b51c7a17f5e65e4d1a381c22974', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '60ff4588b12a00f89f8aacfcf599031108ba5b76', name: "title" }))), h("gux-button-slot", { key: '0295bb3572c175166668f51c9d61b3b7136db617', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'ffe8eb7d4ea57866c01002f6219c0ea0e9bb9745', 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'), "data-testid": "dropdown-button" }, h("gux-icon", { key: '0d4286835f820099d577f2b7461937c2263b4e1c', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'f5ab23c3e725a03b0629292b20d0ad5f63ae7262', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '75d5285b1c6f0841bf455cd72da14b00388d4e9e', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '42af4c5512d8e9e519321081c0e4bc9a6d0e3c70' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -43,7 +43,7 @@ export class GuxBlankState {
         this.hasGuidance = hasSlot(this.root, 'additional-guidance');
     }
     render() {
-        return (h("div", { key: '683a0c3934e93944a33c99970a4fa7318fed26c0', class: "gux-container" }, h("div", { key: 'bb343ca67e3944d32fb329feedaf81796740c099', class: "gux-image" }, h("slot", { key: '45b9078d202038b7b7ebb06950c1616ab10e6b21', name: "image" })), h("div", { key: 'b294647eac6f7d2a8cff4b5223a4f3ef85963ffc', class: "gux-message" }, h("slot", { key: '8fa259f3fb3aa7b9ab2407082e40197a63b4024a', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (h("div", { key: '7b2a305d3f96bc2ee89f0abb95e612f1d6cf63ad', class: "gux-container" }, h("div", { key: '1eb9e116c0ed3878c791f168b135fb1407b4b6f0', class: "gux-image" }, h("slot", { key: '2b42ea2ffd57b17045dc4b3144b17c1ee8db0866', name: "image" })), h("div", { key: '7eea5000800e7b2f21c8a065fec8ab0dc1258a2d', class: "gux-message" }, h("slot", { key: '7938cbcb0d2e37c8fc19113cdd81a47956916bda', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
     }
     static get is() { return "gux-blank-state"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-breadcrumbs/breadcrumb-item/gux-breadcrumb-item.js

@@ -35,7 +35,7 @@ export class GuxBreadcrumbItem {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '08a2ab77825d9b7e8dc635f2fc219824a719815b', role: "listitem" }, h("span", { key: '931a6a0215b4f2d8e1a9114c50ebf09631a3811f', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: 'da70ca582d1e1643780fa1f1f35cce1381459d65', role: "listitem" }, h("span", { key: 'eab47a10ad0666b7013b961668ff36fe71cbabe1', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
     }
     static get is() { return "gux-breadcrumb-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class GuxBreadcrumbs {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: '4f155cd06ee821c6dfeac4eecb72186c19456995', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '69868d13dedc6854e220531b046074de108fad1f' }, h("slot", { key: 'ec6cc7fe5f828ee2a19e5077c83f20b38b165188', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '82732dd5fcdd18158bcee8b8bdf9fd35652cb712', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '57711a2233a7b7a77b5f88f9f6a812102a9e7ece' }, h("slot", { key: '19753c53e76e74c6fb83cf33bca8ba0a80b5b872', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     static get is() { return "gux-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -26,10 +26,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: 'a20c8073f7148b0c626153e8e16470e9d6d69131', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '5dd72d4f34446bc522c5627ed1799d17adacbed1', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '88dd609637beec3f7eb1008dde3876e63d26f64a', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '15e82ba7e44507807c4db0a0635abc72fb4d7185', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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

@@ -126,7 +126,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '5a81a67cffefdeb82aa5237f1b518b86a20015a0', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '4b177bf7b5a3bfe97c51340c4b3c9a4cdf939136', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'a8d9b7b16913346bf9f8c89d108a0691842d60b9', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '8f96eb500ca6848b1159eb0ef8e3270e228d9f8f', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: '3b219746c2b37f9ef93d5dfe02f3c6acb7fad5f2', name: "title" }), h("gux-icon", { key: 'c4f1926e05d996327424b9d9669ac863d9b1b4d2', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '3db9d56b02ea2446796f270af5da05b8d1c1755e', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'add4f255a32ceb2b7c12ef86b898bc476ba6a940', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '83a4ae7d4615e2c38b6c9d899a7ae3f47092eb7a' })))));
+        return (h("gux-popup", { key: 'ba05fdc3f9a8f0ca73acfeb8f28a710a3ab4e984', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '5272ebe9d1a123e90980e8de8b410a02b8e25c2f', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '6cea1c008395653142b45e34587f0c627cc297ca', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '27d9e8e9077aa02d1f6e07829d6602ae3555a848', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: 'b43987ca80023b12d7c6748cbd4a7772dd9ba1ec', name: "title" }), h("gux-icon", { key: '3d6595a0e6549f7abbb707b3047c433d866edeee', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '316fd58cf88dafb1e358d9cbc8d084af22670886', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '938f1fb7bba1d82d3e559b7468a1515d9fe2beaf', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '90daa2a1c2d3945ced077c659555bbe2d6dc080b' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class GuxButtonSlot {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '516d620dbc99148e7162537a5a5059b26ed117da', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'f43b4a24c07bcd0ac2e603e9ca07246c7590fe72' })));
+        return (h(Host, { key: '012a2b88a20562e85b4714d987f7d54d541cd4a7', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '59a9dfb5a068b0fd3922b6a2739a212f8839c9c3' })));
     }
     static get is() { return "gux-button-slot"; }
     static get encapsulation() { return "shadow"; }

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

@@ -344,7 +344,7 @@ export class GuxCalendar {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("gux-screen-reader-beta", null, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '83e2bf1d63dfff98fb1abc5e248fad40953be775', class: "gux-calendar" }, h("div", { key: 'f984561485cb8df8a1cc795cfee175dd1950e05a', class: "gux-header" }, h("button", { key: '8d79c3c1a1ae551943cb2c10b631f254ede94f32', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '12db13577479867f4b67aa02b4875736a3828b3b', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'de27bc29ec593f78579d08162be1462008c846e7', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: '5788924e9fdd6ce8c50d0b7c52218934df0a447f', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'ab6209cdff81571ac9f2ed21bf2895bb75202d83', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: 'c49e026383fdaa7336ddb1108752e0d04647bd1d', class: "gux-calendar" }, h("div", { key: '09605bb71ea5864b3c971a571db18898aa72280d', class: "gux-header" }, h("button", { key: '9f04a6723891ae93f0ada14fdd524c776e2facb7', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '8d25e532e0778ee93998fea97a753dea8a3c515f', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '0d0b85170e5053128a991da371fd5b0ff29fe0a6', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: '36f7a2c49e54c56ff68244b18bac61840308cc35', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '9d135c3f15c968f16abe7b1a3d032a041cbe91ac', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     static get is() { return "gux-calendar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,10 +14,10 @@ export class GuxCard {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '6bbef26e9e9ca15bd440c8f02a03375a89425237', class: {
+        return (h("div", { key: 'b19df85238b29f2e108993a054d94f4be9fb4e62', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '124428d20cbd2a341b817b1df4d5146f38cb4032' })));
+            } }, h("slot", { key: '67b57a5f325665ed97c19f92b23bfaccb7390a75' })));
     }
     static get is() { return "gux-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -124,14 +124,14 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '5458ae3a58afe2441d65d8a7d42dea8912baf9f7', draggable: "true" }, h("div", { key: 'e5c1bc702a475b54d340dbfb5511788f1526c4b4', class: {
+        return (h(Host, { key: 'c4644ca5164ec369a59167e08bf2d7ccf904dd5c', draggable: "true" }, h("div", { key: 'a22ec6e9754c86ac9b4c059a1575f029b939e7fc', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: 'b1f2ea7ab19bc6e45fdd28bb1e8fe3888335725f', class: {
+            } }, h("button", { key: '531d80b8dfe792fdab304fe05b1643ff17c6efdb', 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: '1c73013a7a2e092617d04689bc15dc3e7010a3d0', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '12fd2660372338d4d149388aa3332a5670214eac', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '216c0a88517ba5a4dd167363dba7b4e9bcb1c6af', class: "gux-select" }, h("slot", { key: 'ebce045e7812aad5aad2d92491f5f28bb4a75be5', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '7f6d10667962cd4a6f22aafe5bcd73794ead4c35', 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: 'c2456c6de8139918277539be187fe99145907e10', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '0d3ccf76522a62897816a0429c52fdbbc586eac9', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'a938435ad12c89b88fd3a17934da3153ba827cfc', class: "gux-select" }, h("slot", { key: '324f0edb0a59ce34306bb83d13ae98cc28f73f5d', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '2c6bb9a76732ae4c9b11962dc16a67d54cd892ca', 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: '745ad6b0f7c7183994d85c187d938563112fcd49', class: "gux-container" }, h("div", { key: '92ef46ad4ce5b1eff3f5d2e417e06fbca4f7f072', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '835b3fe8ef95b3ab924821452cde75c6f46cd208', class: "gux-search" }, h("gux-content-search", { key: '8378e7af68f3958120b1b35e4029845870a38faf', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'ef2f3805bc855786a4f8cfbcc911f8664f61533d', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '551a3c2f477e8cdb976994d30c0f2cc47ee7c537', class: "gux-select" }, h("gux-form-field-checkbox", { key: '5faff47522f0b775bf1d12aa7376424a7f3d3f13' }, h("input", { key: 'a72e514759b10d454ddf22e377601d08197a1575', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '76ad520746c69e2ab377a124785fefaddcb4aa94', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '75b6348fa3c03a2b8533ff0a6e907d1faca40eb8', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '079e2e2cefac3290c9de4705e230ce0ae74a19f2', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '325662b008ef07f58fdc22a6911fb3b3d3a64b52', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '2c921109fff656c68797b89f717f088b7610eae0', class: "gux-container" }, h("div", { key: 'f165dc6744955b92e56a1d623bcac956ea3477d1', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '9d6385896cb91ef815793de707f4452831011076', class: "gux-search" }, h("gux-content-search", { key: '909663c50d813ecee59aa1c40317ffbd3b80a2a4', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'c96f890eb9d7d536f2a7852c40593f75d17aba88', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '38a52108dceb46ce7bc43c9cc84f1579cd61aeea', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'a8ed8086763e8d9bc2f4129b50e4dcf03e57973c' }, h("input", { key: '57047f82b637763aa0f3e9abfb82d56b114fa8fd', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '85bc0fb26794a36e6f2445a4e02679c8327d6799', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'a4f5161f6cbb1e05d23712f375c04f079a19b9f5', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'b8b1a36cf3a6e9c56e6c15c865c64da3a3bac482', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'aaa29073a04385354a587c2032a27668bb222e4f', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-column-manager"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,10 +50,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: 'cc9842daf419bb3b94574f6f4303c2b9ca27c7a2', class: {
+        return (h("div", { key: '5b904d01b64d7bcb7c194a9590c5eb63eb8d9bf8', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'b66801cb421066d3f628fee37363b3767580a6f3', class: "gux-search-icon" }, h("gux-icon", { key: '6fbc9231fadec9aa7d9bcea47a05c01d5e094f15', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '551094d373c87c63424bb7b5de1545af3c3b922d' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'fc40b4f3719ac86668fed256e546ab4a77b713ad', class: "gux-search-icon" }, h("gux-icon", { key: '9a5ef4a51342d6d6ed1c27baf864f7eb5036adfc', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '6b07026a7e86dd99e6577b7c227eff8c7857cdb8' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -124,8 +124,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'b293086fd9606996f1441f5795ce3f2c0ce46502' }, h("gux-popup", { key: '3f018bb52789b95f17f8596d099374d63f54668d', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, h("div", { key: '6822a8af68e110ea7228e81014eaa6bd97693f4e', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '6062d13a61124da311c79aad2f85a66f20dff087', accent: "ghost" }, h("button", { key: '42a25deeeb6ff9e1bc5a3942c41155ae09cf33ab', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-screen-reader-beta", { key: '389f1d5cef19ca9bcefa99f011cb5f49df4a4f9d' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '83d2a3023e0489a0d9de451de2208cf697f6c060', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '03a73c6e6d4dca43dc0fbef16067e882df92cbfb', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'bf14f3cef076081157073a392ab4306f2599b37d', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '0c99c540fcb222c1e9b9451defed472c39bf0e9d' }))))));
+        return (h(Host, { key: 'acfcdcce5a55c4ffaacf0c335daba7cd09b6f79c' }, h("gux-popup", { key: 'c93602f43f149290730d27e940f4cb7498835eac', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, h("div", { key: '610fb201e3597cdeb40312b134c2e5bbef29e886', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '12cf07e91bbcdf9c33de1e9fa2689838deffbb75', accent: "ghost" }, h("button", { key: '2b6df04450e778944046419b233840185cbdb693', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-screen-reader-beta", { key: 'de978ddc36cd76e2eb19febc78a177ccc0c7cb2a' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '01ae25a413fbc60e3e9614e714b6630585234ab4', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: 'adf6db6a4065a33f00e6d8a55a738194f24be008', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'a649c8f29856553b64a708da1f869219f90ffbf6', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'ea23dbea00ef83fe84b3c60d52a5cee052354590' }))))));
     }
     static get is() { return "gux-context-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -52,7 +52,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '8a0c33cfb9cdbadf58f7d973e37ea55201d57889', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '50122ee2295834fb541a2b8c4bf0c19bec5f0efc', class: "gux-copy-content" }, h("slot", { key: '5ebbd22fb3691411789997bc39e5f73804de5817', name: "content" }), h("gux-icon", { key: '45980c305a0c124618277dd5cf75959b6cc95f4f', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: 'dc4b4fb114f297d9335b440f0a5036e510ff2907', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '156eb5ad95b8ea0498c3879f8207c39052ad7ee0', class: "gux-copy-content" }, h("slot", { key: '2974fd7b3e36230fcc5cd742186245d80ffc12ba', name: "content" }), h("gux-icon", { key: '378811d48803292dcfb919ca63486f156da820dc', "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

@@ -555,7 +555,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: 'f87e2f70d811273912f9b59f92ff80e883967d8b', class: {
+        return (h("div", { key: '6ffd8cafaa0e5338fc6e0ac756ee7403e8224e64', 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: 'a8ffb4b56976c567f5ca5a1ec87227b52cedf758', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: 'b7d20fcf144d85a77a59cd9e455de8be64a8ce8a', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: 'bc4c58debb7724169393a3190b86897e00624a91', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'd364a25af3774c9a5b1b875f67b5c079e9896ce6', class: "gux-icon-container" }, h("gux-icon", { key: '19a11178f5af1077843821b011c10f15004bc474', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: '8e0c9014d7277227156b8a7512d1d6acf93fef89', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'f6c1e74884c6c924f945ad274973a9553d937b11', class: "gux-icon-container" }, h("gux-icon", { key: 'c61ce0393b4827a3526cf0980fc8b6f48d1c9d3b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -368,7 +368,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '1132809cbe653cbcc917a87ce921448e6e135bdc', 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: 'e4781f02c135aac0d306241af4ff14ee576ef4b2', 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

@@ -36,7 +36,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '70d16b8aca11082c935a127018de2c3c54d302f1', class: {
+        return (h("div", { key: '0b79d5a7b47eb6227605b18fcf0b45399ddd3c36', 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

@@ -416,7 +416,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: 'f5ca87adabe2ec8c38a542715a05b5ca321cf355', class: "gux-dropdown-container" }, h("gux-popup", { key: '82e9617130869c5c16d90a932be883a48684cb44', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '31656f799ca75d11e47d975e23e09db9376d5049', class: "gux-dropdown-container" }, h("gux-popup", { key: '5b47b02dd50e621798a141416045ff51a46ac947', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

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

@@ -183,10 +183,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: '976af61e41e04fa4991059a2cff61f2333aa009a', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: 'deccb510fcf0dcb5c2910e2741681a5cac689468', ref: el => (this.announceElement = el) }), h("span", { key: 'ef5b926ab0c1ebb68ecf8df32f456a0503651bf3', ref: el => (this.targetElement = el) }, h("slot", { key: 'bf3905fd588df60fee5e1aace7fe1df0c13ab659', name: "target" })), h("div", { key: '32b3b2bedd306db986e467309bd907d34fd85a0f', class: {
+        return (h(Host, { key: '50c5feac34a065e8308ab8ffd4c3576466f12e07', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: '53906aba810762b75d31e26bcb388f67e918e472', ref: el => (this.announceElement = el) }), h("span", { key: 'f90591e2cb74cee3e5d0ecd3af8f6745b1e26127', ref: el => (this.targetElement = el) }, h("slot", { key: '32ab82b5fe229deeaeec086627f525a7590e2d87', name: "target" })), h("div", { key: 'b3e216e5773d287add993669b3865133f6ddedc0', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '2dcf06347bd9d3cc0b8fc57c5656902d1935ddc3', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '8b9d3a515368fb529f454474b8cfed25394b25d4', class: "gux-arrow-caret" })), h("slot", { key: '6f3425cbe68e0bf79e954f2f845a920ca8da9bc6', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '60e2c5bc206607a04248744b555b99e27ba66835', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '4b75d38702616a4b65d03e6f64289f37ebbcbd60', class: "gux-arrow-caret" })), h("slot", { key: 'fce6f3a9dc46ba0d2c34fc9cad1223d1ba45ae61', name: "menu" }))));
     }
     static get is() { return "gux-flyout-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: 'f28e3b83454bfbeae570614736047b5db7900f9d', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'f6264ac936c07ef2e3f9cade2c9f7747ca4e9cd1', class: "gux-menu-option-button-text" }, h("slot", { key: 'b6accd26700be2996c4ac86931a68c8187b0c476' }))));
+        return (h("button", { key: 'a33cf2aaf26e28ff8addd7571582566dcf0a87bb', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '3e1464dc5ca44cc6575f038f295914f3772c2c46', class: "gux-menu-option-button-text" }, h("slot", { key: '64e8c6d28b80487daa8b0d23d8474f09a423edbd' }))));
     }
     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: '3ba0c4964f9277ac4fd0d9a1970dfa22487248f8', role: "menu" }, h("slot", { key: 'ab49d841e627c348b63c5fdee84a6c7f31c70673' })));
+        return (h(Host, { key: 'cd3d710134b2cc4696289e3997eae22eb2bd22f1', role: "menu" }, h("slot", { key: 'b5799a9bdbda141f5680b65dbbfd72ae1dd7d973' })));
     }
     static get is() { return "gux-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -142,13 +142,13 @@ export class GuxSubmenu {
         }
     }
     render() {
-        return (h(Host, { key: 'c61815bf174fe4b45f1e8d7b8d33ed9a449de24d' }, h("button", { key: '83526742a9350db5e8e682d08a63cde990fb467d', type: "button", class: {
+        return (h(Host, { key: '84ac6faabde0b447eb8c09b92d4a0dd23c60929e' }, h("button", { key: '60fc0a732e60c6929c28eb0549257b5dd5e19121', 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: 'd0708197fc7a9f20209ee674d7e312f6343b2a62', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '81198db6d37cbf58c3e5cb5c717a814fbd76548a', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '9885360d93de22475c95202cb2cfddd4e74f4558', 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: '605779605a81342508c8789a71fc01fe4e530b36', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '84a9de0a56a92322cdea5434352299a0d5606da3', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '6033ade2de06d26eac3d637ac36bfa73d8a6903a', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '5239e9a7942fb41dca3652f57598462f75fa36c2', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '4492bfd5fb5bf962d3dfbfeea3353ab28e93275e' })))));
+            } }, h("div", { key: '441f1d1c8aeead410ad885bb28bdc8e65a0cf94f', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'd3dff76f4953681a0f0931f0cb4050c624d49abb' })))));
     }
     static get is() { return "gux-submenu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -47,10 +47,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: '5f3785649f75c7a2e2638548b05d55024cd80c38', class: {
+        return (h(Host, { key: 'f3ee03f85fd8b0c0cc6c6dea848b7ec784899f3f', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '7a1c8456e16e188895d1b43e075030fc8a7562fb', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '17f6993bf2c457c397a33df428d835942f2a6f44', class: "gux-input-label" }, h("div", { key: '4eeca51ec3a6fcf71b7b646c476f8353c6aaf750', class: "gux-input" }, h("slot", { key: '7bca8844ad94595d9e59ad17d7f9d20697b598d6', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '8250484b80ade7447d156cbf69971c15ad4ec92d', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '8d86952fd4f5f9ed72cb24cfccecd8eee04682dd', name: "label" }))), h("div", { key: 'a481af37f9cb672bbdb2a58c56f85dfbffa1f42f', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '8db617175bdb15e6176df86da61fe8d859ca8859', show: this.hasError }, h("slot", { key: 'ef8a5d0379f6f35676bdabee5ece0fc516638c06', name: "error" })), h(GuxFormFieldHelp, { key: '7721d0b1c62d3741134693034822a5546c048c62', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e00bd909e58a0de48e030f4526ab4cf7b93e0ee6', name: "help" }))))));
+            } }, h("div", { key: 'f7e315c092c47f89ec0608f7cc0b1f545bf03018', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '12c0119369f66090ac050085dc1b996827285ed0', class: "gux-input-label" }, h("div", { key: '0ab3f6b8cffae4fa54506215fcc92e787099153c', class: "gux-input" }, h("slot", { key: '3e682dd24124254a6c2c017b3054d2b9901ee47b', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'd3915ba819ba13879a2389eaeedeb823e0d5c9c4', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'a271dab20e31017654e81f53b4439c0521d69557', name: "label" }))), h("div", { key: 'b62854e3667a9ccc4937b1028ae72241557b7002', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '4d7211f0a9d54b7e7c070926a59518f8afd63616', show: this.hasError }, h("slot", { key: 'cc7eaceef271abba3d6d0caef3eede476ae21570', name: "error" })), h(GuxFormFieldHelp, { key: 'e185bd75c1fca4cced04b3db74188727440b21e4', show: !this.hasError && this.hasHelp }, h("slot", { key: '01a2219d9114c2a0d87d5dd9a475999117d699e5', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -150,8 +150,8 @@ export class GuxFormFieldCheckboxGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '39d089b1a29281e4548047282d0c21ced0664238', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '1dc0f41fcf3f05bf44c3527b1ca837b39b7ae75e' }, (_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: 'ff0df059eedea0671156605427e5e6ae53db86a9', position: "above", required: this.required }, h("slot", { key: '42cdb1d413e349e40757f61cf5a901897b1c64c0', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '96e6c9fcfa22513d122d09a22855d549f3c2e5f8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6959da0cdd600fc35a202238693fcffeedb5dba5', name: "group-label-info" })), h("slot", { key: 'e6ec34d9152b1cb78454dd62dce3bc1f8396f9ed', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '06ffdaf1284b74a6350ce91cdd420c18d3015287', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'd0a1f5fafa32b6be3c55c9c18e3909136331b661', show: this.hasGroupError }, h("slot", { key: '773cba21d4b1131425cc1875b6e36da27feeb053', name: "group-error" })), h(GuxFormFieldHelp, { key: '94ba36e3faf7603179706bb2cb3937310e1d27e2', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '7d816fdd3f3fa7a4a209da146a55645cc0cb635d', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '92a844e6b459fb565b325714f3d5f6ed23732482', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '89cefa37c45059fbdce83afae13e983fbf05245e' }, (_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: 'b0240912912abacb44a18efc4c1e8641938f7e00', position: "above", required: this.required }, h("slot", { key: '317093d695fe364541b04415cf5aed1ade800dca', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '61bfcb1509c7d1ffe63ae960adc142095f9ea962', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1510300f79f8b03f35ab737866f3b1335ac57957', name: "group-label-info" })), h("slot", { key: '0694c5420af5762b9727b7db75c1ab72777cd743', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'a6d6d49ca5844ef86aa1ab7e2ebf2478f6c03464', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '2ee5482888822666d0451cddc3f604a78d32420c', show: this.hasGroupError }, h("slot", { key: 'da96d3430ad950ce1eba527973617e2b12eff57d', name: "group-error" })), h(GuxFormFieldHelp, { key: 'fb3264c8f5dba8e4acd2dbd47271bdf7e166f86c', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '0b5fcd43da00bcc2883f1e651271bed69f3d4fb6', 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

@@ -88,13 +88,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'ad5e3507b19363da0013dec594572db85875e92c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fa6da12edc56db3ac2712630135c1e3760ab5760', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ebdf3ac3cefeb5b917601564fbf1bd004b045f9e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '227f23f679f9f263a909afb47114f27d85fa7455', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e86b485705cfe0593ef907cf924efb083716f702', name: "label-info" })), h("div", { key: '744e7c8e61469efcaed3551339bcfeea5112aa9e', class: "gux-input-and-error-container" }, h("div", { key: '3d29474352a8110976c82499b913a85868255cb6', class: {
+        return (h(GuxFormFieldContainer, { key: '7ae46b24ae3151ab80b14bea6c449b94f9f3d0af', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2621b92ad1a11a36e23b6b8b752c3f3e9db64733', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '97100d4c6a6e22d0c1fb0dc13ab18e8885810f50', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '11cf8407ed1c1a2b7891da4f36affb4da45e30e8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '79c7005dfa407e9951085b78eb9e38d638a80c2e', name: "label-info" })), h("div", { key: '9f268ec512da2faf2cc21303d6971d4bc84582f6', class: "gux-input-and-error-container" }, h("div", { key: '54e1400eec5b010eda2c5a1793caf45b87b17584', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '42d5c9b830926af6b5a9774b225d984fd44e16d6', class: {
+            } }, h("div", { key: 'c9536bf3c1d2b013a99fbe926ffaa23e105c658e', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '3e66617a006fc577dfa7d36b9ac11cd9d91775e6', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '237a375286d99b1cfb1c097672f36508f42d80ec', show: this.hasError }, h("slot", { key: 'a5f54be3d51be6cc967ca6af6671546183b44ce1', name: "error" })), h(GuxFormFieldHelp, { key: 'a389ea72e7f7af73d0a8c614e584211a4b20c4b1', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f9a6298f22871598ca89d317fa76162b3a6eed5a', name: "help" })))));
+            } }, h("slot", { key: '1f27963e69948292c5e81992723533a6ea39f77f', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '1abdb89e7442e3d0fcf16db6c7ef6e92de6987e0', show: this.hasError }, h("slot", { key: '7faa5a9c50cebe60440e2287e41f4a968407d3a2', name: "error" })), h(GuxFormFieldHelp, { key: '6cc55324a81e01db245e369235a22d3f33760a50', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f6a356d08459075bd1735ec4318d48e13906ff72', 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

@@ -102,11 +102,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'c55506028075010580036cf430008af29b73b2a0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '40b6eb605168484203272a582c504f9b8a7c9425' }, (_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: '4604a5488d1f73dee58fa9da4a66d847fa612e07', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6fdb7a2dd39f243fe3732773e82fc64d63a6cffa', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e334bb065680c63c8cd10797d3e4f070eec332fa', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7485b99a3d4163858479c0b92df2f0f58a72af91', name: "label-info" })), h("div", { key: '84566ab5a944b5267274f09bb3fc50a5a1d63ab7', class: "gux-input-and-error-container" }, h("div", { key: '28ade6dff038c4d9ab63baf834bb2ad150e4de32', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'bd5a9b56b2b463bbcd47b0d848e8fcaec15d7bae', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'c42d702abbe91566650575edca6aee30956f8ec3' }, (_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: '30451157ece2c841eb63ff1ec17c45e12dda2ae2', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '62d3807d6eaec6817a691edc9efa52c961954392', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a967b1d2f7558f052efd7b5058edd94e43b636a6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7ac30a844a6073be2ad2ded6b0393d262c2894f6', name: "label-info" })), h("div", { key: 'b2683a7e75d91508871a997d40a1f6165417a505', class: "gux-input-and-error-container" }, h("div", { key: '1e32cd4a36b3d78dc8ade9b277730c6c426de3cc', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'dd6e549d5c284aeaaa69345ad036bfab7a059e8f' })), h(GuxFormFieldError, { key: '388ad2e687697ea0cecf9b6010c4a69371c2d16f', show: this.hasError }, h("slot", { key: '1553e292accc1072a74f267f315641f3832ce18c', name: "error" })), h(GuxFormFieldHelp, { key: '2f79e47073f8359740087f34bc3d01d0b8b240b2', show: !this.hasError && this.hasHelp }, h("slot", { key: '85976402223662223286dc862b6d6b3d202ef374', name: "help" })))));
+            } }, h("slot", { key: '8c98c697edcd4eed3cace93a085c4b539dd486c5' })), h(GuxFormFieldError, { key: '05c226f6cb719b8d9101114dfa46608d827d600f', show: this.hasError }, h("slot", { key: 'd0cf4cce0b8f158ee334552bcca07746d01de98e', name: "error" })), h(GuxFormFieldHelp, { key: 'a8f8a6efbe78e5bf88416cab4f2fdcd5287851b4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b857156a70d1cec9207efbff4fda1a44e262ce56', 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

@@ -105,7 +105,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '0388360b8ffd364cb113edad7bbd2cd417aa0738', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0eea04bc0700ff76a37dfc1d8c642bb319cc7583', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1fe4e4f8f9e178b4db023452c8fef586c20fd639', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '850a5ea4ea31aed7ec8a2d24b97833e0c6651d87', variant: this.indicatorMark, required: this.required }), h("slot", { key: '90e0fc3ab8cb27d1b907f41fcfdfe53d73512d68', name: "label-info" })), h("div", { key: '9cbc089ee1182d873a4da96c77a03a8fba01f0fc', class: "gux-input-and-error-container" }, h("slot", { key: '2fdaacde8ab249e618b86072e66dd291c4790157', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '3f6e546494f001ee6dddef3c3bf65837939e4fc4', show: this.hasError }, h("slot", { key: '547e941bb527ef5c23e68170fdbf584307ae107b', name: "error" })), h(GuxFormFieldHelp, { key: '49565bfbe9981f787951385891f2aafbbcf55684', show: !this.hasError && this.hasHelp }, h("slot", { key: '9d46b39b1296b7d9a2248f51df19bdc42f036bf3', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '800706efb32a5fc069785e68b17af6ce353cc2e9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '061505ad88782106a3cd218fbcfd65462d61178a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd2e8a671d2b4758311179c996d967bec81d04e5d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8cd22242c1a53d632c461dcc93ea77a31d2b6e9c', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e4ecdf92ed980fc8dd74f3812e4ea32e148e4542', name: "label-info" })), h("div", { key: 'f0bd99e4bf8c7d1d0d64f0f8bb1b00a9df8108fa', class: "gux-input-and-error-container" }, h("slot", { key: '151f007b4f7f21ee46a3ea0dd653cd6facd4c009', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'd9f70eed956e54821bb9008b932f135951373e57', show: this.hasError }, h("slot", { key: '762675f3a42171715d844475bcbedbea1413fa30', name: "error" })), h(GuxFormFieldHelp, { key: '650c387520aea7172343587f601b975bbe13a8ff', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b6eb0b7b9c44c29e38f85a483684f81c92538d32', name: "help" })))));
     }
     static get is() { return "gux-form-field-file"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,11 +11,11 @@ export class GuxFileListItem {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'c92ad88787a05315f94720369e9e3489c9cce64a', class: {
+        return (h("div", { key: '7b4586249fb2b75a920744514d7431fa3cc0a815', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '2d7b6ca9ab12d2adb75aa72ad233d4b9954000b9', class: "gux-info" }, h("gux-truncate", { key: '9126db2eedd2a9e26f37f28e1546348bb5375f91' }, h("span", { key: '27e75690e5ede1b2309f79dc02ec12f854ab4e9a', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '5cea930f837fd6a900c811c27fafe955a8532cc7', class: "gux-info" }, h("gux-truncate", { key: '93bfd717b2a5e39f01eb3f8a8ba36f9fa458b072' }, h("span", { key: 'c39f2eb0bf67c1a93946a3ec5b7f9288d40c001a', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

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

@@ -94,7 +94,7 @@ export class GuxFormFieldFileBeta {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'e6168b89ec2e7e319eafd52f850440c7c8611baf', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'c43bbd379ce7088f1b229e0759aeb650e540e749', position: "above", required: this.required }, h("slot", { key: '076818f70f0b4d576d0c29c589d65365f9922196', name: "label" }), h("gux-form-field-label-indicator", { key: '8d40c98ce91d58f80ee19a0f2cc56a8b7b0da22b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5a55650d45ff8d7867e5a5137d4da1c5d971405d', name: "label-info" })), h("div", { key: '89117ae5350897d66668b85b49c5253b4c714881', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '7951b8ff1b3cbedaec1616cd0d3e9c93cb0e0274', show: this.hasHelp }, h("slot", { key: 'e47262515b64ccdf3f76b79afbbba7f653636cd9', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '4504a6087b27a3d7e42251a17974a7bc2985a4ca', show: this.hasError }, h("slot", { key: '7b80111adbbc9febb6f4b3446c60fa040d5b17ba', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: '9e9bbaec5bbd3c926e973305ec996df8adf1d9b1', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '074a8887189ea9303211036f73f2d3695eda49b3', position: "above", required: this.required }, h("slot", { key: '88e8c37a8e03e160dde9dc543faf34fecae6d4f0', name: "label" }), h("gux-form-field-label-indicator", { key: 'b9b0af8ea039d0511eb0e7bfa51a044d50c094fa', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bd40cd0bf61b433329f9b672c6d61e635fcab493', name: "label-info" })), h("div", { key: 'b408fc16579d909a809de5757c81b714a5e440b6', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '789502c9e47879284a9928727a098666a3172206', show: this.hasHelp }, h("slot", { key: 'bffe0ae64f217682edf3e01bdfe1a6c0545805d5', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '49a5992a62e699cd1a998fe7c07689bdc4ab4940', show: this.hasError }, h("slot", { key: 'cc68b2d9bdb53022dd8e4d3250b635cbe155aa34', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="file"][slot="input"]');

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

@@ -105,14 +105,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '1e07c3f124e8707f6261b4df25690d812c9c7dd1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c4d3286b441ffc8b976ecab571420ef3f9f5731a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'dd3eb099e1b96030198fa1d5980327b9b37372b9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9299e783143e6d5d3ed8e2654f388182bceecd09', variant: this.indicatorMark, required: this.required }), h("slot", { key: '26742f9f77b85ec871c12b8069d188685b1c1bd6', name: "label-info" })), h("div", { key: 'f76998d3d2b4f6cd9ecc21be8283a07dad189f0c', class: "gux-input-and-error-container" }, h("div", { key: 'db694b9aa71dfae2b1ac0df8988838f9c44ff559', class: {
+        return (h(GuxFormFieldContainer, { key: 'd88272608c3c44dd4c41dd7f9f27d7071052d5f0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '646c8d389f0c1daec8f94abdbfa3780efbac8ce6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '460fa9e923a62bbb5f446b25ed56a0ae3c3d5a52', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0481ddbcb399a37fa612a96f3b122f02ae019aee', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd551ece17180743af858643e62a2f7191e849c40', name: "label-info" })), h("div", { key: 'fa228d7aa77bd7ccd876507ad35dcfbef70c74d5', class: "gux-input-and-error-container" }, h("div", { key: 'a045ff10ac5f13037225b9ae1a334f1b56277dfa', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'e10e9afd527017c32e2784409c6fba2211cf099f', class: {
+            }, part: "input-section" }, h("div", { key: 'f095f3f0fb65f5722fe935902966de14f3afe883', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '6850be66b8b17f1c2cf0c4f7328aebcf3ba30690', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'c74281f4423eda417f7c79380d6dde369a2af1e7', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'f28cc3e3fb7e49fd1da638376046d2d1fcfe051c', show: this.hasError }, h("slot", { key: '92a20e2c9b9c8988b86b3bf84f7ed3ee53504940', name: "error" })), h(GuxFormFieldHelp, { key: '884b1ccd768b8da7ab2de002c323dc768ca56160', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cc86c01124eb1c7975649d1c2d516bd8193f52f6', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'f4a9b34f49a17bb8dc11492f906d06a61ca2cf09', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'fd9f30731600f8043168aa845d02f7cc21bc4d74', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'cb15ff195d4a8f39c6337f2d4fa14400da9680f9', show: this.hasError }, h("slot", { key: 'dae90fc5cb02237eca77413b56d686dbc514bf49', name: "error" })), h(GuxFormFieldHelp, { key: '0339801198b4ea90c07c7c03467e463d6170cd27', show: !this.hasError && this.hasHelp }, h("slot", { key: 'db794cf65f774ebb43fb8cc89ebe007f3675493a', 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

@@ -98,14 +98,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '613378ec2b9693daa0d18c873bd38194adcc8d4a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '714b94c9baea910a5557478a175af7b484d419f4' }, (_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: 'f5cd6e7de34d23b88af5a5c28d7249e1d3cc9ca5', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'dd43169118d9b259d1e264393e00d25ea21345f9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '61b7d9650aa32bc485eec34b7b2c96dca71bbc39', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3f159b032cc9ac1a8592d1e8c7a46c8f01a02ed4', name: "label-info" })), h("div", { key: 'a255777cea26f2ebc3584c008fdef471470979b7', class: "gux-input-and-error-container" }, h("div", { key: 'a3efa67c24b78802d2eda00d5d18e19104c537aa', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '39a407208d3376eff32481d80fd7cd885f8879f7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '845c687f78775c6f6cfe24dbf267520ce19f2b46' }, (_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: '7f10639eb517a75ea7460cdbd8a846ffdd75bb76', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '225815c06ff37df869c3124059338f0ab10d7aa3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e691e8e73d381e21d327ac8ea14b0ea82ccf5710', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'aa0c807c18732462724b170feb164746affbd39d', name: "label-info" })), h("div", { key: '71747507e15078f43f045820156a2f001ae15880', class: "gux-input-and-error-container" }, h("div", { key: '30295fbb1c3219edba2424b29fe9bce9dc7a7af5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '24f51dd5ce104bba05b99dbec535787f38605e9c', class: {
+            } }, h("div", { key: 'd7ae0f45b6bba0984cad385da8a9cbeaf265f158', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'b113dede3ddca50431087a10f334a68fa42c3705' }))), h(GuxFormFieldError, { key: '6257297b31c53af850adb599dbda8a79678055fe', show: this.hasError }, h("slot", { key: '53a58ab2005a598ffa97ab16f894e642e8dc6884', name: "error" })), h(GuxFormFieldHelp, { key: '34abd49c63cc0617f0f940be16dad10525a8f42f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ac6905a7b49d47dab653ce3ad3d0c5899f2ca5f1', name: "help" })))));
+            } }, h("slot", { key: '6e8536d0a24dc0a50c756b0a9f97c2d6dc86a318' }))), h(GuxFormFieldError, { key: 'c7f083797d4f68730ef17268a3bf14155b4fbf58', show: this.hasError }, h("slot", { key: '8942b4457ec833f4e80985e812ea9d5ecaa3af69', name: "error" })), h(GuxFormFieldHelp, { key: '278ffdc44a4b6d4c335a75ed07bd726ff6e87901', show: !this.hasError && this.hasHelp }, h("slot", { key: '9ddda671e1422f1e9d952f12a5d9bb2a494b8916', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {