genesys-spark-components 4.59.0 → 4.60.1

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

@@ -44,20 +44,20 @@ export class GuxAccordionSection {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: '0efcbc307a5f1cc70d25cda2e85d79e3c8be2281', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'cb2253c84e4395d99947442d78142e5f4b1bd66c', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'a7d83b9bd6578c4ebf590c5e41fa9de4b1cd3ad0', class: {
+        return (h("section", { key: '52f477f44f3f0cfbd7fccc2b80a741cffc72cf1b', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'fa6c61e8c0b2492095f833891ea93a3a1c1fc86a', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '60f0fe4ff0a2dfdb570445c6470c977ff8df1df6', 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", { name: "icon" }), h("div", { key: 'e8268c6c030d42999150bfefbefa6a9f761309c5', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { name: "icon" }), h("div", { key: '4425072c876b8f5b6c63807e9a378a3817acdf7f', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: 'a6cb3a0e6235df3bb7df697aa9b9649908f1b086', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '80c11fdb91a243d65e5fac0156569b186ecd3d09', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'ae4326fc493cb7247b9b76dcde7ba10d181ce2d1', class: {
+            } }, h("slot", { key: '92a7ac9dfff36be7c9ce7d36158f24f32a85a691', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '2b6e06962d21a8e58cd035e6471f1de9197d0bc8', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '2238b4ef84a191e9dd4a0701785beea98b09abac', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '8dc40d24d7819d95bf65aef4f493525ac363c665', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '389e93ad7d3e53aaedabc75acf1f8c1db5a8b3f1', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: 'd70bb0323a784c6fce25793f97a18a3f59d2d729', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '75a4e79e64233146c83b6974988f32eb39cdece4', 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: '6aa0500da1620663e307dabcd815ef0055f885e4', name: "content" }))));
+            } }, h("slot", { key: '3604b0862f13fb8dfe3d3280c4ec5304303f9228', 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: '6e4ff96d79f6c28011aaa426b7036642b54940dd' }));
+        return (h("slot", { key: '82f13c02f56c09f639ce95c12b462d250ff146c0' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -115,7 +115,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '08972d689a1817cc91172f6533b1fb74530523c9', class: "gux-action-button-container" }, h("gux-popup", { key: '74f6600a74f8e7eea46ce7b775a1e654d8f48d56', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '3da6551dd638aca194f6a2e9ff55d822df943af6', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'ab396c2624339082cb252da8c0e29422ed4762d6', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '8c4592673f8ef879c0e54f96933ec1509e690f60', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '5caedc4257a731942247fd0dae9c1f8d71a58ce8', name: "title" }))), h("gux-button-slot", { key: '4a276d31123ab36d7f19f0422f6879e9f25866eb', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'b1795e7331fe2f9df58182c65054b3cf30fafd89', 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: '7c452639deee781f6a1193644ffbe7d4c18d7bb5', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '1a1aec229e30fa3f4522eaf05afae830709a7379', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'fbac7650566eefe998bbf256bac38a030d871e68', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'c4e6451967674348177232a92c61382f904d3fa5' }))))));
+        return (h("div", { key: '0cd7beefebe16c498525f8e4e3480c50e3e49c9f', class: "gux-action-button-container" }, h("gux-popup", { key: '0d4397ff6e5f654f7ed28f6035ff674f4d635dcc', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'fd4494b21cd332ecb2a86b821540dae6edb82c22', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'bc8c314442ea33ee3ac247bfe4fa56a7bab22501', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '13f21d5e008d1006c9c5fac49ea7901c0d6428e4', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '8adb116e8c7a97f87453e45f4f39fbe52427563b', name: "title" }))), h("gux-button-slot", { key: '32d826f3a791589cba410b4c6d58e8e4defbb585', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '00b77b9065ca6bc5280aa3cb16ea4f617e161e9d', 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: 'c2d3e68f420809e861827e936668e46cb18e9e43', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '2a1b5272b5ab3c2129df81d71cde1fbd8d919f74', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'f89b27e882bbc4afe23b1e0d02041a51f785f280', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '0e3d86f2f9e45f898cd7f8bbf30bc7e16875d0ed' }))))));
     }
     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: '16c83387840636e586c8fbbd2c7ad389fb071c6d', class: {
+        return (h("div", { key: '774207fe1f24db3b46eba2f0218cd20f60c46c6f', 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: '6bfa460f60ad6a1c1026d661736eda71f10656b6', class: "gux-container" }, h("div", { key: '5bcc8b7408a06aa2b0aba633334de1ed37465d40', class: "gux-image" }, h("slot", { key: 'dcf46711bca4126eeaea21fe9c9757db1ddac73f', name: "image" })), h("div", { key: '672f691fe4c5b1894a013286ce274e292d1def49', class: "gux-message" }, h("slot", { key: '8a867df57d8ee1077d0ed3e30879f33e8733a483', name: "primary-message" })), h("div", { key: 'b673273103a133cdca81531b5386fa5145bd94ac', class: "gux-guidance" }, h("slot", { key: '15ce6a77e95a3580ad78f1acec8839aec71422c8', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: '575ca29cba9f2d617b8b2c65bb054204e7aa411c', class: "gux-container" }, h("div", { key: '6e327d20d21eef32f6f24bb63473340091e3deab', class: "gux-image" }, h("slot", { key: '7b5d67578ea392eac4a5ff9c18939cdc790f42a7', name: "image" })), h("div", { key: 'd932ec19493d5a7507f664427250ee7118ecfa16', class: "gux-message" }, h("slot", { key: 'eced123b60f15a4fa026f7d15a42ef623aeb22e1', name: "primary-message" })), h("div", { key: '813c7f55583a0d75473f7a2c0d6b8a7cec08a4f0', class: "gux-guidance" }, h("slot", { key: 'eb2a777a3cdfad4ca6d32f3641fb601df3184664', 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: '66ee8bce17089c37271db89b445da6c9f2da1a8c', role: "listitem" }, h("span", { key: '55c9ea1b26a57b59bbdc4c3880bba33371f421fe', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (h(Host, { key: 'a8e349dc55879b82d93e8b86f9c0988818fbb3b3', role: "listitem" }, h("span", { key: '97d40bb321b6f189868ef4659801822e9a32886c', 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: '19f69fe1bb775c02fdd4dc4ec8819edad150be55', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '30a6d4e02bfbc74f52f5ddf2915c685403b61b1a' }, h("slot", { key: '3fd24dda38782a59abf35e479504f99c2a48cc3f', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '75e6b2e53e8d86ab51ac9bcb0e38a99a48389af2', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'c33bae4bcfc95304ea23bd28cad07145ae42f6fe' }, h("slot", { key: '0d5734f0e43c84a63567733f37ede37aa5753b22', 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

@@ -18,10 +18,10 @@ export class GuxButton {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("button", { key: 'f2fb5ec34c0d0c2106560bcbf721bb65ac207bfc', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
+        return (h("button", { key: '3373bf55091be961c26a60500a6b25ca63893251', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
                 [`gux-${this.accent}`]: true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: '1f818f57edc0c88d6474f2da3fb7f9b1acc8b6f2', onSlotchange: this.slotChanged.bind(this) })));
+            } }, h("slot", { key: 'f97d2ffd0dd867827409974cb28609c3c618d3f3', onSlotchange: this.slotChanged.bind(this) })));
     }
     stopEventIfDisabled(event) {
         if (this.disabled) {

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: '3b853dc7cb29ad89defe15cce07c1f76f4d0afbf', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '085284c347c349953c9b0ffef778afd1da893e45', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '843ee350e5217212ba0e21660458b52a216bbe5d', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '30d5a534ac7ca3f18643978e29a27f898af6f6d5', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '8f39af0a3668b0b2b1a1254b4f6482ec7fdce633', name: "title" }), h("gux-icon", { key: 'b677230f7cbe7f192a5fb1e80bb05a37f7817f57', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'ff0a05768f1eb31d3feb6f9bec3e24b911c76fc4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '32d8be5e01c1df65e4649c9418a1a09273b52eec', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'fcda52cd7bc4a01c38bda2c7d6d5eae54b855ed3' })))));
+        return (h("gux-popup", { key: 'd11ee46bdc394e449948a990c3392e67561b5440', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '9bcee7ee324bfe28f2a4b3f54350da517e213e5e', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '078262dda15c7d90b8ebd5ea4eeeba54135bdbd5', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '0226c6123fd6f41457a2a59fc79b5eb6856ada7c', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '8c3ff11aa93a3bc3a7aa532f3883ec1e1e34e786', name: "title" }), h("gux-icon", { key: 'cb3f3e29dc0d7aa677dfc4a51fb7481d47bff5b7', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '0fc02de7d793f0b72e8356dda71630a84e54b894', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '3b65d94364a7491e611d752b3652ebcedeb3da8e', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '4ea6256473eb88b0d029becc3d00a1a0d3b0f187' })))));
     }
     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: '134965d5b37ddf423d3910f44250ba9442efc00b', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '5c548197de637423a210b42b9a7cdbb8db4e8800' })));
+        return (h(Host, { key: '3c9175c6a12ed3d91ff4418f802fa3a717f79418', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '8c2c8cfc67ed5944057fdd78b1edc87a98c5cb36' })));
     }
     static get is() { return "gux-button-slot"; }
     static get encapsulation() { return "shadow"; }

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

@@ -100,6 +100,7 @@
 .gux-calendar .gux-content {
   display: flex;
   align-items: flex-start;
+  height: var(--gse-ui-calendarMenu-height);
   padding: var(--gse-ui-calendarMenu-dateBody-padding);
   color: var(--gse-ui-calendarMenu-month-default-foregroundColor);
   background-color: var(--gse-ui-calendarMenu-backgroundColor);

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: 'b82550835383b3ffd80d13da7510e8e781e7b8d1', class: "gux-calendar" }, h("div", { key: '7c191964ff7d917f0d7a5b67afb08bc92163538c', class: "gux-header" }, h("button", { key: '11860e63df40c1ddc686b90e6b045fb696bfae01', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '28a93841800e06f17135882eb231c54ae2aebc7f', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '23e16a300ab5a1b8de3178bf88a2b4a6326bdf95', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '925d29f22112259fe5082d2051546d58aee7c789', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'dbc45c6c17eee5770e7c77856c10bd4f35a0b59c', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '16221a149dfe8fac67eb2b4c38f84775f04e6122', class: "gux-calendar" }, h("div", { key: '9d2984e7852a9012ad1bce4803d132e1779eafd1', class: "gux-header" }, h("button", { key: 'f0b75de22c5df1ba52a9b731cf5bc114c6fa0edc', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'e200f6e4a419091ba09d79e6cd411dac342a0bd8', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '1509ebeb10278bd9c124577040b22cbf523b8b35', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'f6e8ea3aa272de7187d70dd3694b4afff76aeb72', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '4bace72796459b7064d365285a09c70042dc852c', 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: 'ef986dfeb651244c08e8cef8bb9a4e4983f0601c', class: {
+        return (h("div", { key: 'c5c221ea7b8707264a00609dcb8adb17d26bae8b', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '316a79ac9fca43aa9d276619b099f68902c3cf19' })));
+            } }, h("slot", { key: 'f12ceb174a2ad7fd32ec5853eb7c3888c59f2ede' })));
     }
     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: '3b9b8631c8b17b8cb6700e18684ece19af459a62', draggable: "true" }, h("div", { key: 'ff9937f842c7c4ee74f976083e8adf318d6b466b', class: {
+        return (h(Host, { key: '4b4c3ef355c0d140730fc90e635cba61e82e077e', draggable: "true" }, h("div", { key: 'b7108b987d42d6447701b3db59a23455a85b5554', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '5837c9958ea78defc832dad36c7d255da2a6aa36', class: {
+            } }, h("button", { key: '3d66a05cf5655bd5f0d8dbfa566167be5bceb681', 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: 'f3dc52c9ac8a9ebe1a2b8516f99c0a045b00770e', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: 'b3e03ed1481f5b4fdfd639efa87aca80a6328785', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '35ea3d0421ba845bb2a393d44ead54971a7bca62', class: "gux-select" }, h("slot", { key: '0f5cfeff81a32018f07347434aac76c9cb609aef', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '8ec79bc87d2ae402a9eae6a4895fa7a60ce563dd', 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: 'feea2baefd6ba7128d8eb1d7fbbe48f241c5f788', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '6828baaeb877ec32bac9c78d96cceecb1becc79d', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'e3d3148a61099acb4707f5cb66a40c1dbefc3789', class: "gux-select" }, h("slot", { key: 'fad304e29274cdf9fa15a679ba7d6009c68868b8', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'a4012488bdd5f6a979283768710e69c4f62188ea', 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: 'c1551c6850d4d173f5a9cbc8adae0885ee7e5df8', class: "gux-container" }, h("div", { key: 'bdaf9e69423f7beb33ffd9734c7522c48558f9ab', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '84b5c8a87cc3e5752495d19b099636e6132d2dc1', class: "gux-search" }, h("gux-content-search", { key: 'cca98637873563774b81ddd102440836aaca7564', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '982e53695e89bfeda825a488e2d5cc9551595bdc', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'aa6745e6f96354799f6861f2df7713744e4cfebf', class: "gux-select" }, h("gux-form-field-checkbox", { key: '337494ff41542178c1f38d2dc3d34d7a17b4052a' }, h("input", { key: 'a1aa3115e15585983ef0deb81128692ce9356119', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'e89b5065386f82b76ff72fb2a50ebccce32c1a50', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'f1e2fd15bdbddc18e8102285f91f1b58e652c16f', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '8df83f63b0c1b0b2df45401373563f6ed61def24', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'f17ebac39e35a6b47dd4bbfbcd2f9dbe67041c09', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '235c27899f7907107d12ec4d7651443ca763de03', class: "gux-container" }, h("div", { key: 'a67dd33d227868fd49bb75cbd089c51945f204fc', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '62d80474abfdb828efaf3d68663db230fd6acb04', class: "gux-search" }, h("gux-content-search", { key: 'a0104c41a58927e5b5441fe682312d83923ac65b', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'f6b653b05402b950c0b187e3cbea9098dda33b04', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'a1c6a894e9355394556a354a5ad4517c47ea48cb', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'ef7523a6686227c4a9bb999cb68e377912d8ce42' }, h("input", { key: '14d3438c585c61ac2423f2bbc4a674340b2a0134', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '5fa1c2a35b48dfcbe8bf83380951219e41d15244', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'c2fe9d9e9289e1708f5a39ebaf5de9c1c6143f20', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'd1a6b7b13c7e61039d1849ae50376f5183b8484c', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '1b810acfb1b38167c55029865dc4c6aed8cfc845', 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

@@ -45,10 +45,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: '28dcbebdc2360acbcc470d7350cd44af98372248', class: {
+        return (h("div", { key: '486f3b73154fa3ab5fdbc2b08a3814b2963f9e2a', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'b9b0c36c865ff44311a4dd0aa4953e2ab84eab52', class: "gux-search-icon" }, h("gux-icon", { key: '157cf2905e8f8fde53e8d5caa8fc49c9731f03d9', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '3ec070473db086bf83e2379f882ab6b841e76f8c' }), this.getNavigationPanel()));
+            } }, h("div", { key: '5e763b1f39a341e0cfa6f3b37b1fdf91680ff1be', class: "gux-search-icon" }, h("gux-icon", { key: 'cdabebb4eff1a8c9d4aacaae16d81a2681ec8910', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '7e60dd512c15f41dd2256da0a776cd42945e645b' }), 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: 'e5a8ef05536ad0144351352dba6289518940d432' }, h("gux-popup", { key: '671b4c5916f31c44cdd418a4428a3f04d74d008e', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '7427e4ed69434d272253f38e21633c2636024342', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'c314a68680d76e86e3fe5dc5460bf322e754681d', accent: "ghost" }, h("button", { key: 'ee4757c8808bc1fde39a0a277b2f6277aac938cb', 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: 'b0ac125633ac29e07290aaf06125fb2a350aa17a', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'b2a4ade081f6b19d104053f460e9e2410c8b5fbe', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '99318c7629f840625f9475070fb73c5107e17013', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '5ff855679e19f7123295a819e150b424c7f749af' }))))));
+        return (h(Host, { key: 'f0541f7bb22b271ab0ac4adb09dc274162fc6b3b' }, h("gux-popup", { key: 'f140a6e82a37ade87baec7536fee2990f28c460b', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '459323b0c1742b8eddead8961e4355c96801397a', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'ed3d5016dcfc5f203df91bf6b2a1488c1c6c36e5', accent: "ghost" }, h("button", { key: 'a2925a0822e9085b6c285496b4a8eec958badb6f', 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: 'e56609d43adfb8a8c56553987bc43489b03367fb', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '7eab593cc6438bd1afb0bf4a17504c066e011da7', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'edeab18b640d37bb32b68ca6cb452d2fcf6e014d', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'b57bcc824d35ffc462edbdefad489eecc4501e88' }))))));
     }
     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: '44a5d72f48a5ae3f61efdd8fb0d5a6b4a94cca01', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'efb174d98e3f69e2c599703e44e4074598663070', class: "gux-copy-content" }, h("slot", { key: 'e287d43bcac5f3a09ef4bce02ef0dfb0ca9472e5', name: "content" }), h("gux-icon", { key: '6ee5929df43b450919a3c9bed98ab863712d24df', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: 'bcf305b03de3913b37007b0c7e168d378f3dfa77', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '3c9dcc89b7c3a009b0e3cf6d995809955e9f3f96', class: "gux-copy-content" }, h("slot", { key: 'bfd5176e554d9eccad5a996b5c871643bc3c9d1a', name: "content" }), h("gux-icon", { key: '878cf9bb0024df96d9ae40e154859bcd38c41315', "icon-name": "fa/copy-regular", 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

@@ -508,7 +508,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: '971821436eaaaedb24e0e71b8b22f91b4e04110b', class: {
+        return (h("div", { key: '1c33a3aca622516c61cbdd4d5bac4242cfbad49c', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -11,7 +11,7 @@ export class GuxDismissButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: 'f37941f11b5f39da8b93ea818da75397b09675b4', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: '21742d1a2563353a27849c6908142e4ab64f78d1', type: "button", title: this.i18n('dismiss') }, h("div", { key: '94a37b687290a4f5136d62e0eb3181e7ff7eb3cf', class: "gux-icon-container" }, h("gux-icon", { key: 'bbe176b8060f51e0ba6ca2186ca066d3fc3c7238', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+        return (h("gux-button-slot", { key: 'a80b309ee71fe9ebfd9370ed9ae9776070c87832', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: 'f086d6337c65be4865dce6f7b5eafc818170d16b', type: "button", title: this.i18n('dismiss') }, h("div", { key: '95380421d453c9d300647dbcdd35145440ebf497', class: "gux-icon-container" }, h("gux-icon", { key: '72191ec2b236d3acbd30cd6a0ab0fd45598dc9d8', "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

@@ -340,7 +340,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '7a689c692b6e62f66f48ede110b835d69d03114f', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '1bf630a1efca19cd958d15746bebfbc53d442f67', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, 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: 'c8f43d501cd619c5446c89adb95fe1645aa3b7ac', class: {
+        return (h("div", { key: 'f88f924246234b9db6aef37db2fb3f6bedd24532', 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

@@ -368,7 +368,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: 'ba41dafd5ced8e6767878faca31fd01e4a716018', class: "gux-dropdown-container" }, h("gux-popup", { key: '84815a80e632f272932c33a93992312f452d0569', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '475be896246091f798a81ff2bfc027b41a31c4df', class: "gux-dropdown-container" }, h("gux-popup", { key: '02da36e1506eecd9343291e1e45fa7eebef11b2c', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

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

@@ -166,10 +166,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: '8a3b4316363e73958482b413203b08f66206549a', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'a9772e22b70e868749e59616664dd9dbbb76c46c', ref: el => (this.targetElement = el) }, h("slot", { key: 'b76eb71a2fc5b448382b498d0c316984762fdfa0', name: "target" })), h("div", { key: '7297940e13a8c218e4fb6208474d233222f25d6c', class: {
+        return (h(Host, { key: '668923463417deedda3ef75f60c3577d33e4ac0f', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '1e69b6c6e005bde4508fb6743e3bdfba162771a6', ref: el => (this.targetElement = el) }, h("slot", { key: 'fc9c5449e11af4171845c0b20e4b3f6dee653710', name: "target" })), h("div", { key: '94eaf16316a15fa306ba1df5f8384f289e3d422b', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'edfa76b5d150ecdb45a9179df6c13b8099bb0647', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("slot", { key: 'fc8a94f41c6ad4fa987e4a1572173fd58bd37cfb', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '63d74ae8897f706ead076c45b9149204c1694243', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("slot", { key: 'a76dabe861b1b2ba9861b87eb30d3a8967ea9fc4', 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: 'b003a3e44980a4480e4ff9c024604506cfd8f435', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'b05f4b43f625d0b41703c184a3701e4695a0aff7', class: "gux-menu-option-button-text" }, h("slot", { key: 'f553dbfd815a3fd105fb117c893dc8e7602f422a' }))));
+        return (h("button", { key: 'ac8ea23303f5089f7c2d56472dffc63d00457f5f', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'c2d1ff7e89e8607517824ee4be06a633fff6b635', class: "gux-menu-option-button-text" }, h("slot", { key: 'ca0610c34b2bdcdb674e1424089172acc2a429d4' }))));
     }
     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: '546d8afd062cdb90cf4c6fcaf7009ff653e2c640', role: "menu" }, h("slot", { key: 'ceee6230860aa9eca534be786ad828ed6c06fd26' })));
+        return (h(Host, { key: '50356084eb65059628148b0070b8b36e32bdbf8e', role: "menu" }, h("slot", { key: 'ce1e2974c0a4ee1db57a4a6d8f2f232087fdeea3' })));
     }
     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: 'c6d578ef28c638d8eb6ff9a045a3f3687c452f6c' }, h("button", { key: '9533baadd6a001df14d54f41392dbc878b282d57', type: "button", class: {
+        return (h(Host, { key: '7e642bf815750185f8ed4c3629acfdd5fce06db1' }, h("button", { key: 'd383df46f57de9aec3dd18fefde5dd6f369fb7f9', 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: '0000fe314ccf0492c064db2299cce925eeb17801', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '5260763fffbf5fd8377d894cc6f8ae42a49ab0d1', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '0e851a7df5d5e5cda84501971af0fe94b1100202', 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: '2a86ac278b7e3066bf60bbe7911ec2baf43a05a0', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '3f0f05fd374f17c1d457af8b70836170a5a09e08', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'ad5bb371fb46c2635aa251c739bb953c5d653d58', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '823b0ae4a3f108b4acfb6091cbd56190a7c685fc', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '3c69f4292ab70e8cc7f5af5461a59ae7afc9a173' })))));
+            } }, h("div", { key: '8ec9163990d5244a36d17ec848d3af0abbb93e45', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'b12468fb757f0135b25a389894e3ae3a4601c037' })))));
     }
     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

@@ -46,10 +46,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: '0785cbd054e135fba2b2081762c23dbc4ddb96df', class: {
+        return (h(Host, { key: 'e8c625f6d0687c707e5cefbf0dde2a487faced25', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'dc90464bfba7e28080a13e29af0c6ff25bc98258', class: "gux-form-field-container" }, h("div", { key: '8672e079535aaaa77491616561602df596922237', class: "gux-input-label" }, h("div", { key: 'e49f0a1d602a5ec989871ec3a90f99e1757b7ac0', class: "gux-input" }, h("slot", { key: 'ab397ae52b464ef5afe3b1974b07b0a55d70a980', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '13f9dd71621769b546e66913b637d6341160e80c', class: `gux-label-${this.labelPosition}` }, h("slot", { key: 'b1ef2f39d234072936f84b870faf2df4c50bcc5b', name: "label" }), h(GuxFormFieldError, { key: 'f12ae3d745997d6f166cb5c0111c6236d1e6d525', show: this.hasError }, h("slot", { key: 'ba82f51995bc62942d083347750e9a8560abd66c', name: "error" })), h(GuxFormFieldHelp, { key: 'f919293dded6a0e574aad3e963ed4b578dddd889', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cc5bb5ba98c87c4b864a3984f375e8cde34458f6', name: "help" })))))));
+            } }, h("div", { key: '4bc7a46bea73ad5f38b90b47554cb6f330c1f639', class: "gux-form-field-container" }, h("div", { key: 'fa879e9b2b58afb8039fcfe75d453773a9c7e936', class: "gux-input-label" }, h("div", { key: '22620b8d78150ca51fc35596215a66c12f83cbad', class: "gux-input" }, h("slot", { key: '10975f45e08b2c4dea53d7f47c79635cade0593b', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'a43b0e44790171037bf32d2a168d630b20dc69b7', class: `gux-label-${this.labelPosition}` }, h("slot", { key: '8e6e825334b3b1257c4a74bac694c1d507a40ba4', name: "label" }), h(GuxFormFieldError, { key: '86efc704457cef828d87b85cd25613724e089820', show: this.hasError }, h("slot", { key: '54c814526388b8a0454a11fb32e144dc4e2b9ccf', name: "error" })), h(GuxFormFieldHelp, { key: 'e669522ef60de3a7fc4f0de374000dea30e34075', show: !this.hasError && this.hasHelp }, h("slot", { key: '4b60f28d27909334be5ed72d048f93359c8101bb', name: "help" })))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -53,13 +53,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'e45de896c85521bc05c7af70d4fe1328e7f9f734', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f3c801104d56dbd333a4ec56d74adc8e869cf1a2', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ed6380218a1baa734bbc7948c2ff0f82c185f945', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'd0ae690039df9381ad5e5bd0b190511368a4ea4a', class: "gux-input-and-error-container" }, h("div", { key: '15c57746d8e2c0ec53d7048e4219f0db40b4b427', class: {
+        return (h(GuxFormFieldContainer, { key: 'e5a0b01d4c3b3235814e1850f4327bb98001768a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cbca4a107c820820234cd14320c556a9df736891', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '836415e3ea29a91506f0c26948a390d42c6590be', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'b0b8b99ef9c3e3c02928e5de3030f35419d28d0b', class: "gux-input-and-error-container" }, h("div", { key: '9fa939e177ce359c583ce7a6088e67d2c1ee14bf', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '2673865c6436cec4e81ecd1156a3ace254b946b8', class: {
+            } }, h("div", { key: '2f875ebd3c88a1ae62628d76ced82c09505c9679', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '7bc352e38c21f04405636b9593ddccc56998b3ec', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '259d8c9e2bb44017236e6bc83685862290754fde', show: this.hasError }, h("slot", { key: '4d85c62dee945f688e717cfab84928af23c395ce', name: "error" })), h(GuxFormFieldHelp, { key: '60b16a907729029227acba25567b6d0576d63c0d', show: !this.hasError && this.hasHelp }, h("slot", { key: '0f90a7ac5c4561997fb55a9b472051c9a6c3fbb2', name: "help" })))));
+            } }, h("slot", { key: '1f902f2c55c5ba07cf30506e7bd549641ae26b99', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'b708dd10f62032024f25c0a066c8973ed3f48f8c', show: this.hasError }, h("slot", { key: '5b2e92e9c7d4134ab6c9eefb9af12ea9045e55db', name: "error" })), h(GuxFormFieldHelp, { key: '14dc8c938b39bc4b0ad2b09fac79bf9f5fa65fe7', show: !this.hasError && this.hasHelp }, h("slot", { key: 'bdba018565b235c9bd740560557b83aabfe9ef29', 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

@@ -63,10 +63,10 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'f46d74411e26cf1c9c03c97fac347bf5dc788ab5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'e371f01108821c7baad0edb1e8e1a46f05073788', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'a3c0a06a605aa12b1a297730c9f65bd1cbf87e4a', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderScreenReaderText(getSlotTextContent(this.root, 'help'), this.hasHelp)), h("div", { key: '9955be931b630d95d9e7e5948897bb9661bb1b43', class: "gux-input-and-error-container" }, h("div", { key: 'c05ea07ab13a20adf3c55e6eded59118fd1a65ae', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'aeeb2cefebcb8d38190eea1e1e52dfbd463b33dd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '03966c108b6c4f04ca31ccd142dcd613421d6128', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '3236ab6bb37fdc86691aa665c27ca4c14dd123bb', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderScreenReaderText(getSlotTextContent(this.root, 'help'), this.hasHelp)), h("div", { key: '901c931ba1947da0d9b7bcea78721a2d495fd497', class: "gux-input-and-error-container" }, h("div", { key: '285c36b81b6ad581bdade9534c7e20d0fdc37927', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'dbd770b3a4f698c9e7fbf292b9ff6c3956f892f0' })), h(GuxFormFieldError, { key: '7946e209f2047d2d55b4c5f8f7e4127a1551fe75', show: this.hasError }, h("slot", { key: '0e63501224440e94a44e0860f9dd4224bd96cb4f', name: "error" })), h(GuxFormFieldHelp, { key: 'd4b22cd40da1f353a303df3b1fa83fbe66091d0a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c4da27eb02ad0c7a0466278cea429de827261e19', name: "help" })))));
+            } }, h("slot", { key: 'a0967efa3bba07617ec208515444741ec176e3ad' })), h(GuxFormFieldError, { key: '5784c1e5bf572ef0d45778111587eaa208d999a3', show: this.hasError }, h("slot", { key: 'ed5bc11a0c9fc5f388d990c9cf741f14acfe4048', name: "error" })), h(GuxFormFieldHelp, { key: '18028294ee321de7da6bc79f176122bf45df833f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dfc36754247417129c808d2398ef5859a21e1be5', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -69,14 +69,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: 'a9a06a2ad9a0b1fb90f9c08e39e412b56724b5e8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '48428576ad89dbeef84489a4457548b1eb6fbe89', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4df79bf4e59801c57f7333414d615ac9afb75f6d', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'ebc55fafb330cdfd68d4c582806887c90b497507', class: "gux-input-and-error-container" }, h("div", { key: 'f47ff506665012da5edd9f798cebde2b1e339740', class: {
+        return (h(GuxFormFieldContainer, { key: 'f8a6263300721fabed1598de265f03f057838f74', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'e32c773c643108d62c37d418f9cc6beba83e0e36', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'efc3fef4d86af9b7790cb230b3a27a11d4d6b907', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '2acd69ecc8a21a92936bd585f9e9a4b621231bd9', class: "gux-input-and-error-container" }, h("div", { key: '233fd1e290da8bf45d0e77a0ca43a88677e6cf0a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'cdc4e655e611a6742538ab5f4eac014a959e6fc8', class: {
+            }, part: "input-section" }, h("div", { key: '7930f9f5df29d0c836d9f4abdc8887b8c3d1cfc2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            } }, h("slot", { key: 'aa5b10586faa8e06051477bb6d7dacbad348988a', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '1f169dd7cce45f773f094db4ce3da5ef32dda8e5', show: this.hasError }, h("slot", { key: 'eff3e2766fd1881e52c5bfcad5a4e184ac6754d6', name: "error" })), h(GuxFormFieldHelp, { key: '60f31cc749482b4fba9d5d62ca1387869d72399e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cd49807bb8ef4719e8170445301360185357f758', name: "help" })))));
+            } }, h("slot", { key: '8d33ab29cbea52b965970e80567c0a7c5b70caab', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '14856b89f418274dbbd30b39e043c0adfcbe5b99', show: this.hasError }, h("slot", { key: 'a485d17c2c0edb3e4d6c47e9d1989f7de3c1e9d4', name: "error" })), h(GuxFormFieldHelp, { key: '9e5ad524d3593c58845d5d0c9fc2fffb984043b2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f215b7c1df4b4824bba6e9294eb4360de5a7ef1c', 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

@@ -60,13 +60,13 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '8ff85b3c03219e2b844e7b061551381e38bba1c8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'dec197eec3d5b8ec3302a86c05b4324f596040cf', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'a746bf762e53618f705dd499e606b66266c80a6b', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: 'f5fb5c07bc8e4976a388fa0ee3bb1a4937a9a728', class: "gux-input-and-error-container" }, h("div", { key: 'c83de5abdb4de589d6aeafa77b9e77e5996ee640', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '6f3dcc2df1e049772e8fa25a9165092bbcb7e37a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '5c0ce7b6b7b76052811481e8c0d110600571d176', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'ce266647a05aa9ea122186d6eae6317756aed01f', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '5f01ad183044592ddf5141d6109f347a97fae0d3', class: "gux-input-and-error-container" }, h("div", { key: '20dd9d00ffe2aa659ba2d62334454c5feb29c7e9', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'f502626469f903e2d5b869097dedb04d2883d9d5', class: {
+            } }, h("div", { key: 'e53e678ece01ed35a0d30f8f5634180d7db1daf2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '3febd3428004a50b99957c42b8dc553912d1d009' }))), h(GuxFormFieldError, { key: '3b43636a5fcc5e36650fb74d0d134f5c013b6d5b', show: this.hasError }, h("slot", { key: '6eafb872935baf54f0b200f7f646cad1188d0867', name: "error" })), h(GuxFormFieldHelp, { key: 'e0a8e0ab155267823fcf382431c99d2a4b314985', show: !this.hasError && this.hasHelp }, h("slot", { key: '0790b4c83d57f68ed0a33f404d1293470ec402d0', name: "help" })))));
+            } }, h("slot", { key: '1a01971423a7a0a5bedd726ce946c37d4f8a7952' }))), h(GuxFormFieldError, { key: '526dbfac1bfcda733f72816852ee529da891207e', show: this.hasError }, h("slot", { key: '04bb439b88d010b43d312b6bf5f95eddb476a216', name: "error" })), h(GuxFormFieldHelp, { key: 'a7f8f06b605800b4d03a9519e053a92cbd4e485c', show: !this.hasError && this.hasHelp }, h("slot", { key: '8242387ab7a043766c6ec74cf20352ca0ed7fa67', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         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: 'b335309d70bc8ab06267c50f4c623ca519238199', class: {
+        return (h(Host, { key: 'e17456ce9b8015838eacb38cd698f3f4877b1a99', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '97e99ea3fa5d83000ea819cd1713800f4a96e4f9', class: "gux-form-field-container" }, h("div", { key: '15a44ed431873990b2aa9209979b6dd2951ba042', class: "gux-input-label" }, h("div", { key: 'e9e37654772a1b0e365903bdf7f5eab42b620c8e', class: "gux-input" }, h("slot", { key: '6ea9b85433af15c9f0a527fcff3460f529322507', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '7b10f8f0a65b77d793fb7ff14ccaae564340e394', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '5794f7de875016c01c815f6a54a851d1df6e3e34', name: "label" }), h(GuxFormFieldError, { key: '35f92edfc585f98332726aefcde59f5a48dab422', show: this.hasError }, h("slot", { key: '857177e5d2dc47933e268e0e63cbb2a83def05e2', name: "error" })), h(GuxFormFieldHelp, { key: '41e71c3fb43f56bb8bff20476e690a342c0a02f5', show: !this.hasError && this.hasHelp }, h("slot", { key: '044b3a68741d85c3bcab3ab247257fc551fc9bf4', name: "help" })))))));
+            } }, h("div", { key: 'fe8d1587dc9d4fc8f018820c71c732744953f207', class: "gux-form-field-container" }, h("div", { key: '808758ed100a768166f5293516deda32a0e43a76', class: "gux-input-label" }, h("div", { key: 'bf76f380a1eef45ddad060fc329692191d8975a7', class: "gux-input" }, h("slot", { key: '50b92448e54b4f8657d6635776797051640797cb', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '96c770f17e7f9b64a321eedf688b494ff7d21934', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '95a58e33847a0f69581dbdb7c5daf85c1f94d920', name: "label" }), h(GuxFormFieldError, { key: 'a55afaef6dce712f6642f32f5062b3390f39bd76', show: this.hasError }, h("slot", { key: '4aa4107d5024de21aa285af17d50be5855636309', name: "error" })), h(GuxFormFieldHelp, { key: '7e01a45a1f0e6d8ee1f72ecf90e890b35ebf3b99', show: !this.hasError && this.hasHelp }, h("slot", { key: '970ad77bfd7ff17c5d48f0786aa23c6af45cb9e2', 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

@@ -67,7 +67,7 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'a343c90310cf28500ed7af2a5d3a825f3be74b4f', labelPosition: "above" }, h(GuxFormFieldLegendLabel, { key: 'a9256282d2effa1a337bbd59c96cbe066a390af7', position: "above", required: false, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'c08396feebf1cde91f19b6d8bc5b399976301c45', name: "group-label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderScreenReaderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp)), h("slot", { key: '20d0194275ab1a61b042169b344210bc0f816930' }), h(GuxFormFieldError, { key: '9e9e3a9607c3762e1c937bbe9e02f659b53a93f1', show: this.hasGroupError }, h("slot", { key: 'd43287ea4f5b354ac51b791b693cd8806552595b', name: "group-error" })), h(GuxFormFieldHelp, { key: '382f3c667023926fa717b3c4371234249759906d', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '69c18b00b4290b1c2ec478ba066e9a2894d18d1e', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '8f54b265084eb1c2da7fe3283746c5d7be789492', labelPosition: "above" }, h(GuxFormFieldLegendLabel, { key: 'd3589e14418dea8366238f3c51b9fe733c04ea68', position: "above", required: false, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '388c245f668ab9bdf799c6796f2dfd0ec1f3fa6e', name: "group-label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderScreenReaderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp)), h("slot", { key: '05ab0e89cb8796d91e744d527fce8f27af0a1707' }), h(GuxFormFieldError, { key: 'cea0ae86c19cf0de7c9606ef53b9371a6cc6311a', show: this.hasGroupError }, h("slot", { key: 'b58ebc4dad34f9b7dc5b3c0c513910e2dc2301ce', name: "group-error" })), h(GuxFormFieldHelp, { key: '567d7d9da1dca56dab2e8611bff268736b2c251c', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'ebaa33bca1a7e949e570556da99fe95977446a86', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="label"]');

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

@@ -82,9 +82,9 @@ export class GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '452a88b472a77083f5878406b9b1f84a54e2941b', class: {
+        return (h(Host, { key: 'ab84b7a0a6ffe60550f76789f435a86e32850874', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '4ca11339451208acf905fd0f2c7a4e8551b04c18', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5d17e46afa81209b5e3c60ff94e8dd546fb631b3', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '00115f8167fde4e5631dda50554fb86b75b82149', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'bf6f36a21065b4c932f1efd32d06c62c9f284534', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'bf91840ef34f3e67ea38000a21956c0bafa4d7f6', show: this.hasError }, h("slot", { key: '0c7ce3f52902ec67d64efc1b804640abef240b72', name: "error" })), h(GuxFormFieldHelp, { key: 'a90199cbc3cf58b7c5693dc9fe98342867cf134b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a63394f60f0820320b89e61b2d856bf6b068b61b', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '7e37db581de411b3c8548ef9142e11362c59ff41', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '81bfda9e439bcdf6d4a444cd53ae80cb6d186d60', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f1536b5af281b9051919c5c11d18a7e5633d9603', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '0868eb6e6af3efe69db3b3d3c5324a6450f7eb73', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '91130872a632988e5cde9765dd74a27a8a0cc4f7', show: this.hasError }, h("slot", { key: '3081f22e9dfc5d58cc42bd6075fa225fb4dbe036', name: "error" })), h(GuxFormFieldHelp, { key: '0e3d8cf3afc0773f369f19257916c919dd6c8ca2', show: !this.hasError && this.hasHelp }, h("slot", { key: '02b487e1c73af225d7227b56d9fc1bb9da51498e', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -62,13 +62,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'eae9c8659ddb5471f4cc13d8033ebce2e159efdb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7e5d682b6952513634bc8789ade7630f012b6bce', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'eb6428c53a2c5f8a3159c925fd6e3797473987aa', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '0ad6c809bcd37ca397cce65ef7a38c2567b7d12f', class: "gux-input-and-error-container" }, h("div", { key: '78b59a3f13a75474f930587c8bb5c309e3b96ace', class: {
+        return (h(GuxFormFieldContainer, { key: '42779f1c2d0cab45b38f18e6ae50166f70f257f7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '080fb3751b41d43042a65ac6a2bbf666d25f0be4', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c6ffd706741bb8daeb959b720daa0c03a44a27e5', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '525766420143a047d9f7ed56ce06399f100931a2', class: "gux-input-and-error-container" }, h("div", { key: '83073128ad9ed6c7a168e77c690ee4792900a4f2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '915b59490d2c95d8276f43b6087a01be58c52cd3', class: {
+            } }, h("div", { key: '5ba45dde5c2aab840675dca2ff37272527793d01', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("gux-icon", { key: '9d9e1565619b3902931afcba8bbff66c99e32015', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: 'ecc5fe01557818ae02c52dd9b4beb9e2eb474cb8', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'e74de993184468a668f9d7f087980582dd13b53a', show: this.hasError }, h("slot", { key: '20277ecb11cf72797d0dc8d8457be3324e200b33', name: "error" })), h(GuxFormFieldHelp, { key: 'd1a78b8009dfab3af50999a38a4cfd276106b6c5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c938fc9efec79d50f30dcd139ec344dfbf4743e7', name: "help" })))));
+            } }, h("gux-icon", { key: 'f673d51be68a9a3ca29d75e71fc78b87bfc6e588', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '317c0dab47ae69fece7829507aa3800e4f08a384', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '897ae0159c0abfe24724897b079d631e878c00a5', show: this.hasError }, h("slot", { key: '5ec68b0692c98b2154f2d7baefb109b1de6ad5f9', name: "error" })), h(GuxFormFieldHelp, { key: '1f457eae9906f50809f53510e36b9aa799294772', show: !this.hasError && this.hasHelp }, h("slot", { key: '5acac15b6f1306fe62398ff136cfb487b35e2be0', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition