genesys-spark-components 4.94.0 → 4.96.0

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

@@ -21,10 +21,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: 'cf290aff2724cdfd5183459eb92f71040b14376b', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '112135920ebd9b9553cd726b9b4ab5741ae5134f', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle }, h("slot", { key: '414c446fca7f50db6445a0abacfed52b44cd0b16', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle }, h("slot", { key: 'e8954669d08aed5650fba904cea4c2fcd407201e', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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

@@ -103,7 +103,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '8e419baad644a9be505b21e035aad20bc12329e0', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '42661fad38d139edcc9a1047295f4585039a92f0', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '075dcab6ce9658ff658e3dbda228af8d4be7467f', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '1977e4a4b32038b7865a314146ac62daf56fb928', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'd3d2fb4d9234fbee37dc305bb9fc44f95d80b18b', name: "title" }), h("gux-icon", { key: '8375ddf3638ff596d60bdec30b64c74c1234d8de', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '2e892d919b075cd97e45cdb7c39221b111de29dc', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '347bab5c297ccf54baf433e5a9fa5d882056faf1', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'fcdabae8844cfcc18a38d100d7a67e87ba7947a3' })))));
+        return (h("gux-popup", { key: '1f3d49ed9c3e09fafe5973c2a3e4bf1f813b2b64', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'b0517695eec933f7a3aec7b07455cfed4d4f436e', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'c66c8494c7e2d788604afd99d159a4832421a811', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'a9b110c9d29bff9a8ffef9462113488cfd98a9d6', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '3dcfe9e069d868c8cefa1dd1a2080b9e0eb1ced7', name: "title" }), h("gux-icon", { key: '2aaabf67a9d00b82f7117ec377b485340a92cf54', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '43d6a96117ba991f796f974691945d0ccea6a0fd', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'b09477b16f270a59a3d80b78be183d451d14d290', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '8c18173ddb6bbf292f0eabe93db8991068487d2f' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,7 +32,7 @@ export class GuxButtonSlot {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '97327f6adb2afbf3f3964ac7088fe5144252f852', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '38f6916560f245944646846aa9e9e2cf78a9fb1e' })));
+        return (h(Host, { key: 'd84164b74b103465321f873ad09255a578d0448e', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'f0c85449d81234971deb1c7e676a465fcf58d5b0' })));
     }
     static get is() { return "gux-button-slot"; }
     static get encapsulation() { return "shadow"; }

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

@@ -322,7 +322,7 @@ export class GuxCalendar {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '50e4c8fa12b58729f64382043e68142b2a6bff39', class: "gux-calendar" }, h("div", { key: '79524dce607d1a2d8e63cd9ab85d688493afb547', class: "gux-header" }, h("button", { key: 'a09787131208775edcb9e670f2c0aa1ed6ccdf1c', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '217f95a36e44378abaec97921f2851708be77648', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '4b484360c1d4c905d6c24f1eeee2a201e72e6fe5', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'ee922f97949c7a2897bca65fd7093eb1224d2082', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '7b3c7da612a2aa066ffed6425c982502dededaa2', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '36c95de4cca1f03386fdaac6bef3fe44046d7b44', class: "gux-calendar" }, h("div", { key: 'a12387d7c66109b3a44f305ebfc07562e1436bf9', class: "gux-header" }, h("button", { key: '3237f74318b99a8c79a1386697afecc80f241969', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '8c1487f42ebe30163ec439e9e1020158924e4f82', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'b3fc232c8f6565015d67d566b6219e25e98c129e', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'e1d1461d10c04a36e21afb305fb2173faa26110a', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'cc0ddcf3ecc6622267fbafccbc9493204d437702', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     static get is() { return "gux-calendar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,10 +11,10 @@ export class GuxCard {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '5e84b027dcff30a7cbdf502f0266e6ce1fafa063', class: {
+        return (h("div", { key: 'c677ce6c60588dec91e3d3079517d225438ef461', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'c4b5f89a0f7e66c6a29da8f295972b0f8d04fb6f' })));
+            } }, h("slot", { key: '6dc3850d28e26c0738764193283620e71e947b18' })));
     }
     static get is() { return "gux-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -128,14 +128,14 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '5f78448224d699382c613e4967793af115acee53', draggable: "true" }, h("div", { key: 'bfb206922c32cfc86e1ab9d58bbfbd964993fe38', class: {
+        return (h(Host, { key: '4c3adbaf002b3c77b6bcee79d2dc65dd0caeab40', draggable: "true" }, h("div", { key: 'd33cae023e88327ab85d4686b7a80a1cbceb277f', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '29f9dec15ed10934894afba83f66f0fba94d1ba2', class: {
+            } }, h("button", { key: '13e88cf118b942d7c47ac528562286cf1a3d516f', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '8a86b73119466abf7b9bdf44ff6d8cbc6c07fb44', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '688e1ee0d67223800d062c6f0a2782e527e63968', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '4c915195cc11d21d657ebf4f76f0e30cd20e7f3b', class: "gux-select" }, h("slot", { key: 'd5e0e53225d2c9264b3acc1c4c276e69eb54ba47', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '3a3a5d6d8167f3000d248d9ce4de9fb084bc5080', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '9a4a8e708799d74f578f90914d0948d150461086', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '73e87e8e8c7a47d708126dc75a5e8a2cc6fd91de', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '677264acbd151a782f3d0943cf3111593ec2692a', class: "gux-select" }, h("slot", { key: 'e13ba6b6139b81508492f573c0a16b6c7a216a96', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '43b741e3a0dbdd9e5f9d4e2440e2ed193f521577', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     static get is() { return "gux-column-manager-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -89,7 +89,7 @@ export class GuxColumnManager {
         return (h("div", null, h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), h("span", { class: "gux-sr-only" }, count === total ? (h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (h("div", { key: 'daf90d23ce5f11f2d370bfc9d83fbdeeb29a0889', class: "gux-container" }, h("div", { key: '8fd77ca38f5903d81897a705a4466edf676da481', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'b5cbabcf5999a3f566b0425bd0531713bbb671d6', class: "gux-search" }, h("gux-content-search", { key: '59a0b2c694434ce42b3a193a85966942e42a5848', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'b741c081072bb2a0576d1dba0d24729d0e5ac85e', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'eadfc9285283da226b33cbbe039e33ead748e030', class: "gux-select" }, h("gux-form-field-checkbox", { key: '3de970296c09ad4b0e5b2df9f494189083f82d39' }, h("input", { key: '45825441d53b786122917f935c8fabc0aaaa5347', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '985cb6788363595904c56e444abf96458da5e4b6', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'b77c01091b9ea5792bd772539b3b80d1100f8def', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'e79a7e4c9609f4a776f73391661310294f9ce77a', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'aab5f007f481e3c158ba3c5f677a1692dcfd5968', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '7a2fb5da9bf353f289678ea3d31c69985d237679', class: "gux-container" }, h("div", { key: '0fe3885be7eb5ce7a7f5e650d4d05fd326ab12e0', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'b65b9580d3c816e732c97869f1f06aec8afbbbb2', class: "gux-search" }, h("gux-content-search", { key: '4d97928e864b54d1442abbe1d4c1427a18eac6c2', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'e482fb38bd7f6afe13910b08e651b45c5d71892a', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '2d3d033045ffc926014609fbdda1aad96c429bfd', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'ffad2ed291e6441e3592f537d84636a765563916' }, h("input", { key: '66c50ca3553f49b30efa89258bf422f3fc734922', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '8b2d12cc48589b778842306a594f27a163845958', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'd31119ccf4923ebf5e808d2e48fce4417a7c9c28', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'c731681040873ce38dc8a5e73a72d9235d4e8d56', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'bd8f2a20db666db00723b0a9101c6c3fb7557877', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-column-manager"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,10 +46,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: 'fef06863d22d958f0f8f480676e367f12318b19c', class: {
+        return (h("div", { key: '98a21accd36df296a3de19efb8607fc3cd124e93', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'fb6d1378037b6afe85c8308f1c627e87a692b66d', class: "gux-search-icon" }, h("gux-icon", { key: '7b4a0a4c06f32a5f5a6745ae7d389263aafdb011', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'c2025793b2211750d0274f4f55d20f7de9fb6b3f' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '07b2a35f85c355c68f92f129227e8d50c0ac6c92', class: "gux-search-icon" }, h("gux-icon", { key: 'a7f64b274e2921a003b355740b15668295f0c3d4', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '32bc643467c5da13cea7829553f42496ca52303a' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -107,8 +107,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '77a15f64c03a59b3b1d019fcafd38ebcbb5e530d' }, h("gux-popup", { key: '29475f2535fbaf1bdb4b6cfbbfcc7543ef16b8aa', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'ce880d5a7ab2da29687748cbcb63a4076496dc22', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '0cedacad52253441dcae2b26859c8c5640b35750', accent: "ghost" }, h("button", { key: '542c161191b5d5057af2f0a2b49d4280a2c2293f', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: 'ff66a2c99687cb244b443cf1fc4646904629f843', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '121c12498c435aff8a99a4a2858dba22876466a6', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '9982173f4aafbcf12780d2a46aaa2040695839fb', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '46dfd69b18277889c391bef912321aba190ba51e' }))))));
+        return (h(Host, { key: '02132e9383bf974dab4ea7448ed55db0e72923e2' }, h("gux-popup", { key: '21ae4ab85204ff2ff075b7449183b1ada2033814', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'bf0e4aac4fc76b6aec77d34dfcc2112522954eb1', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '3a93ae70bdcbdb15dc1d8abc44fa9f985649ef73', accent: "ghost" }, h("button", { key: '98be35f5b557f7d87dd45433d2248d31949f1da2', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '06e40b3727dcd83357f66bc8ddfd989cb72c2273', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'c050df937c036c6f59fa7f6f53f661808259b30f', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '7d459eb66915c6547397075064033550a96568a6', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e821238cd1ce4256186fd492611813a953ccb333' }))))));
     }
     static get is() { return "gux-context-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -57,7 +57,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '2ea788bc0ff0b0791252b8d846da09b556d5769d', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '675bb9f59defacdf9efaf538754e13e683dd912d', class: "gux-copy-content" }, h("slot", { key: 'c15a08a26b41d20bf00aa76c4f43e26a73456ec7', name: "content" }), h("gux-icon", { key: 'a98c4fa80888cef74ec3ce2062b2da7923de844a', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '1812ce7a467a37e57fa1f56ee417d9a5f929fff1', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'f19134475548a67ed55f9e314893a41def1f6381', class: "gux-copy-content" }, h("slot", { key: 'cfcacc932096390b17d540a74178e70515e3593b', name: "content" }), h("gux-icon", { key: '2686fa1ea0a76e62c5d8ee9f4879bc131f39ccfe', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     static get is() { return "gux-copy-to-clipboard"; }
     static get encapsulation() { return "shadow"; }

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

@@ -510,7 +510,7 @@ export class GuxDatepicker {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (h("div", { key: 'cc656645e09bab453bd0184d5b0cb2f127a914be', class: {
+        return (h("div", { key: 'a4044a37be6fd13a7323c7035e40a51b2cb7bcdc', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -12,10 +12,10 @@ export class GuxDismissButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: 'd8a8bd3bf77c2c0f086253eeff26a7b3a911e409', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: 'c1bbf5311a28141ed32fc7d6f29a07af45c0c6d2', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: 'ca9181f31a72ac835e60dca94b67c58fde9003c0', type: "button", title: this.i18n('dismiss') }, h("div", { key: '5d738b933349e835ccc386d5e9c2abe4087dbb61', class: "gux-icon-container" }, h("gux-icon", { key: '350247e07ccb8013b395c6e10ee2a8b9a1e19e97', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+            } }, h("button", { key: 'ec90e4376667532d4b7ea889dfcebb5a46fa9f47', type: "button", title: this.i18n('dismiss') }, h("div", { key: '931ba49d77721863e19cd9da2ef5371d2e89585e', class: "gux-icon-container" }, h("gux-icon", { key: '3307926bb8d93ce6e01e8bc17056c000e3a80c80', "icon-name": "fa/xmark-large-regular", decorative: true })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -346,7 +346,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '46113b9a83f7ce1f2342d1cc869178ddb6e889ff', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'a528253169412f76d742c08d724b6e5a9611c2ba', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -29,7 +29,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '0bf042a664f27a0729b708a8d204453ca4da7234', class: {
+        return (h("div", { key: 'f3b3df6271a0df1c5257ee922a637b2a9c84ee8d', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

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

@@ -374,7 +374,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: 'e9204d3c0e513dc95e4b4d8b4a19e3a6fdef6e57', class: "gux-dropdown-container" }, h("gux-popup", { key: 'c7c579291174ea2eac5e16e93aea1235a296a584', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '8d328027d92264d9e4aed9e99df5dd576c5ad7a5', class: "gux-dropdown-container" }, h("gux-popup", { key: 'eedce350551c3292a9c3bba188371dfb6e1fbc65', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

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

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

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

@@ -171,10 +171,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: 'c2f6001232d954e29726684f845d8da1d451a76a', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'a0ef27fd279fe08b50feb68e45d4bb2d1c7d7d9e', ref: el => (this.targetElement = el) }, h("slot", { key: '3c6e1bd9354790eb35522308ee7533ee04d2b4f5', name: "target" })), h("div", { key: '650eb47121ad269379dcc9c6acb6bfac55373b56', class: {
+        return (h(Host, { key: '4ea4be237bdf7bca1995a99d955e15def63df537', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'a6580c8fbf62a0bde92e627e649647e5c8fb1165', ref: el => (this.targetElement = el) }, h("slot", { key: '443a7d11b49d0b4eaf632c76a2da80c736791958', name: "target" })), h("div", { key: '4c1d655e7bc5773884928b954669db63036e1e25', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '3a1f34289951371763ae63bb2bfb8df3e0077560', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '30ec61b70a778dc2de7fa694c340e16404dafdaa', class: "gux-arrow-caret" })), h("slot", { key: '8b0fc1b85e7661dd8b8aeb5b42d6ead1abfb65e4', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '668fca26c77de02c5c6d9f4e764b084cc00ff406', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '9d6e78bc31ab6d00ea93abee3daac126c5fc6e90', class: "gux-arrow-caret" })), h("slot", { key: '9b16035c7a711401d7059db1378b1d02b36bdd2d', name: "menu" }))));
     }
     static get is() { return "gux-flyout-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: '084c6fdf56b4b99b20c82ce5a9109fff82bcc355', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'f417a73295ab8629d57918729beedd1fd3bc1961', class: "gux-menu-option-button-text" }, h("slot", { key: '82de312db527b65536c4a823e4797a73bcae58a1' }))));
+        return (h("button", { key: '7b49ff2285e3f56a40b3eb59a750982dae4fdc88', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '3b73c1d7b95a3c3ab25ddf3994a700e4d4e3d186', class: "gux-menu-option-button-text" }, h("slot", { key: '22a6596fe9dc4f88b77846e71339bee11607fc5e' }))));
     }
     static get is() { return "gux-menu-option"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class GuxMenu {
     render() {
-        return (h(Host, { key: '8e868c6ed7b6030a102505a823fff51de51e565c', role: "menu" }, h("slot", { key: '3cb6a3d1e31b7e420a58a509759cade453520d55' })));
+        return (h(Host, { key: 'd899f6d7787a1fe6190bc3929af74321831ce66f', role: "menu" }, h("slot", { key: '3d01d48a938b189d1bd650cefa3ad1879b282ed9' })));
     }
     static get is() { return "gux-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -140,13 +140,13 @@ export class GuxSubmenu {
         }
     }
     render() {
-        return (h(Host, { key: '53c90da1a2ff67dd9adac2793b2d8e7415fb8968' }, h("button", { key: 'd3b0e3c853c907921653f077de1466414c605eab', type: "button", class: {
+        return (h(Host, { key: 'e8693c4c366dba88c612c2f90a119df237b6fdea' }, h("button", { key: '5bc31acd66e7e73189e200a0c35599a41b787095', type: "button", class: {
                 'gux-submenu-button': true,
                 'gux-submenu-button-active': this.isShown
-            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: 'cabe95d17b34c8b3614e684219f3491951e1203e', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'd9c43c088229efaff2089df39e6949d0451c335c', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'b87bb5adfab410d1ff3665fb172984fe1b6ae820', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '008f2716d5e128d507f85e2c0844f728bdb5567a', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '103c031112a3c2e2316af24e9cc85589d81ed78e', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '89aec540f5a3d5201f361b880abe922e3a563643', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'fbaff62b6b8122b8c7547f11e3569753285071b2', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '89e8db8baea2429b691a37f8a8f1873b63bae4bf' })))));
+            } }, h("div", { key: 'ca49b671b97930ae14d519a787a71305abaed253', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'f584b906fcc99a4ee38d32b09c8694e77c5675fc' })))));
     }
     static get is() { return "gux-submenu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,10 +48,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: 'f5d20d98c22ac698bad67693c5db7adad45fc484', class: {
+        return (h(Host, { key: '7a43078ad95c5f7f625e5d0d2bf8da876c82f33e', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '29ba725d2864d6e740d6742ee9f2fc2a85f4d026', class: "gux-form-field-container" }, h("div", { key: 'fd809950de0a938ce2ac03026786d858d1bba2f9', class: "gux-input-label" }, h("div", { key: '67b905de811d7723de96b907df7bf152fb92c608', class: "gux-input" }, h("slot", { key: 'b7d0e493e505612196dbcd99479caea0da6f0e79', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '2036e55553e13322760add08a4edabd186b0cbca', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '32eb7d321e15f817b53b09101a17e7e582ff945a', name: "label" }))), h("div", { key: '7fa805fbd8c0d74e56450efe6bb48d05a69629d4', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '4b1095674129a10ce108bcdd32dae5715546c788', show: this.hasError }, h("slot", { key: '5c93afe494e13b9634174899e9f38337bfc1e23b', name: "error" })), h(GuxFormFieldHelp, { key: '4f9bae1bccb704dbfa21404c18091fd4094cad84', show: !this.hasError && this.hasHelp }, h("slot", { key: '7787802e47891d074c87a0a750c337852fc2352b', name: "help" }))))));
+            } }, h("div", { key: '1a020cfdaeae047f1fa1187030e9a6c5ff5b1e24', class: "gux-form-field-container" }, h("div", { key: '998b70c3097f8b15b82b8404fcdf341ec62e8c6e', class: "gux-input-label" }, h("div", { key: '0fb3a76c0a20fd9595c179eddbb8900d9f102099', class: "gux-input" }, h("slot", { key: '6775ed1860252007ceacd4ab1324b9fc12928d14', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'a4bf7a2d60556cfc6318d8128f30ff16b8bade61', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '72dd8602d8154e5b4059f0ad5bbf8f1d0946f3cd', name: "label" }))), h("div", { key: '1edcc23c81af2687471dac9943c6c05b147f906a', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'a1e4d8ad0ab2d2aed461671d4567c191cff590fb', show: this.hasError }, h("slot", { key: 'caca83f11ef790ee682628e56ec950c838d923c6', name: "error" })), h(GuxFormFieldHelp, { key: 'b55a101f1c3c65359c04305d87bec4747ca4623a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a1794c130f165f856a4efad1f28824c91dc6ddac', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -133,8 +133,8 @@ export class GuxFormFieldCheckboxGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'eb6d5e1264e56e8a73a4356d623aba7c6b60b62c', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'e7ec8f166db0159eb0b6a81ae9b45e7fdc96bf63' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '02e7158a843ee19d2908abbe13bf2f9968fc6a10', position: "above", required: this.required }, h("slot", { key: '369538468330536f02de1b417b3fb08cc40fc322', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6ca1f850095b8a582d70c761887e8de424786d54', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1100f9634cfcc3ca55060e2101ac2d1db34425d7', name: "group-label-info" })), h("slot", { key: '98981d04dc1b5a369755ac1ff1ac4d75e178a623', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '852c9507202d6964939a42e63ab688d3b9895fef', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '14aacf9247177a4397c34a95ffb00c84ba5b88d6', show: this.hasGroupError }, h("slot", { key: 'd56702ee50afa28e0ae42ccbd35dcdbab214255d', name: "group-error" })), h(GuxFormFieldHelp, { key: '8877722e11c20246e99c41844e541cc1a6b8be9b', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '5e17244f6bb475afb21645b4a7c6d169ab4e825f', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '94723cdf2f5f034f5019d60c0423655eab66c831', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'c16118b4a4df96b29e41ba925f07abb2b1345a07' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'a8ff855fbae684aae1064bbff2353a6a4f60d421', position: "above", required: this.required }, h("slot", { key: '5cd4cab481f2f36e7aee8621c68889f18e4667d4', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b28e53cab373e3855c8cdb7ed7952675f570dd80', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd42a9d66dbb184aa42438d07d28734221c59a7d5', name: "group-label-info" })), h("slot", { key: 'bc1a499a9b572feee068325705cb3a76ec011387', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'c41d586f505ca19062e168c296e8009f4a5ce978', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'e0300cedfed98fbd1b1e5a4e2a947fea385177bb', show: this.hasGroupError }, h("slot", { key: '5cecd1fe7425511f1e8c7e4a9ecb9a7378184771', name: "group-error" })), h(GuxFormFieldHelp, { key: '1bce0893c4b38659fd7f4d662c4da32fdce9f546', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '99f3e57b2ed2fc6a81e397d9c849e6d55bd3c354', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -84,13 +84,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'bffb48ffc891f5ee3f946aaa98ebc113e455911c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd797d8a95fb9746131a5a30ca8697a3496d3840e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '8a87981c5ae36338bcf92223f781d9381d4d3435', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd88e939341d482a4550268a421cf2dec8325beb2', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f8e5c7fe81d2a0b7931d781c107959851e9d0c56', name: "label-info" })), h("div", { key: '0fc3b7df8694740a7f8fd56969034a8e8a8c89f7', class: "gux-input-and-error-container" }, h("div", { key: 'bfafbb89e81b05187f7ef5228f9d8d9a22472509', class: {
+        return (h(GuxFormFieldContainer, { key: '73fc77183b0f728debfb2744124a76d1b508563f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c353e6f750a2fe13f25a081ca66667bbf6866b14', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'aaa632e789d924f04c881cc42cd224f60b2280c4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e0f0c4bc1ea92829247606d2014dd3948b0bfa8c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4db6cd3cbd015550a42b3cc729eb25f1305b02d0', name: "label-info" })), h("div", { key: 'fc422bdc71e532a1d98317be9c924a64fd5fa6fc', class: "gux-input-and-error-container" }, h("div", { key: '66358ca1f246b5c916517caa1f87167631d8ad32', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '6287062f02784c6999acb35c9c4bd7bb9e097a17', class: {
+            } }, h("div", { key: 'ab897bab896a48a36be26dc82909acdc7926cb41', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'db22af17d7e9f8b094773d94aff017cd0725ce53', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'c8222e8eba56fb15ba02f359253bef24fbc02c6f', show: this.hasError }, h("slot", { key: 'c39e694244391d5480058c97b61539db03ec29fe', name: "error" })), h(GuxFormFieldHelp, { key: '5038c1d3b848f41a69b1293731b5c2e91576de41', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd310790e690634a236e014c7beae3ec7f14204db', name: "help" })))));
+            } }, h("slot", { key: '244feb69ae89ffbae9d4d20923e94fc721213542', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '5dbe93d228edba754ab03ae7e6086e2727440b35', show: this.hasError }, h("slot", { key: '2feb325ef51bbbe9a501cfd90a0d80ef708ae0eb', name: "error" })), h(GuxFormFieldHelp, { key: '7e4eee7128e0f7cf6961cf779b8be329f19564b3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fbb0fc779d28c82d60e4f135e6b975192f4f64c6', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -96,11 +96,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '05f743f8b31c5f7be63ce04a1af696019f62230c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '96a4f9f605ee7a9349d5903195ac8e19de101a84' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'e5bded99855de379d8c87aba28981fcf10047a1e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd4b9025dd894cd533f1a8a1534b4c467c1c7aae9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '17817b36c0761e616b63ab59ab317dc6342d7ccd', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bbcdfb344232f625f7e6c029b2b3412ff28162f6', name: "label-info" })), h("div", { key: '35666437eb110b95d8ca01b3c727241aa98c827c', class: "gux-input-and-error-container" }, h("div", { key: '4ea57170359c454f33b394d4a6afe7f486b922e8', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'e40030f0e983ba955fc2cb2390f882593564eba5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1f396a3244f469abf4b2fe6458ca97fd08004e3e' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '59f5a574d115228f70459f6b429e4f0fd630035f', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4d22d4a01087504596c5d0bc8708f1a6b1a963d3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ec2d2a8a5512e5d6af49e5d6be3103fa607d29d8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7563858582bbe1ae21f72070a6f820a15be956ff', name: "label-info" })), h("div", { key: 'd03f4ec755c3f454c0d1835f9d4936169a091731', class: "gux-input-and-error-container" }, h("div", { key: '71f5727f6b17c8ac465c80f0f696d2bb1dd513f4', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '94ac4b6cf8a9282454ac19adfa04261fe670d1ce' })), h(GuxFormFieldError, { key: 'cf4bdfb6bcfd6edd214b65fef47900460c199b4e', show: this.hasError }, h("slot", { key: '4196d3ca2b92e3c6b08ac7f745b335b5fd0fe0a6', name: "error" })), h(GuxFormFieldHelp, { key: 'faab07493e51e3736d2fdd51c0e42109efc42411', show: !this.hasError && this.hasHelp }, h("slot", { key: '3ae9f6495a12c782c29cc255a76c66d3697390a5', name: "help" })))));
+            } }, h("slot", { key: '3f8017044eb4c67b3e0aface01d7648e62ca0e31' })), h(GuxFormFieldError, { key: '0e16b517213b75e130827b0f815ff5828108b5c7', show: this.hasError }, h("slot", { key: '6aa89e429d06abddcd17ef8a9e2cdbf7ff4747b9', name: "error" })), h(GuxFormFieldHelp, { key: '01202b0cbf2beebe042d40bb3c379e7c621d8d43', show: !this.hasError && this.hasHelp }, h("slot", { key: '05b130d850052d841a63fd8a9fa5bc989fa63849', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -98,7 +98,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '7e0dc0beaa1fa180d4b8a59d9dfe00b4e0653d34', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '75a05ef6673d3c547cc60859b5f87f82dd980915', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '5004592368bc828d63d236db313b4683d9e2ab60', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e27c8b29a246528c3982de11d17f1fd7d64c5f41', variant: this.indicatorMark, required: this.required }), h("slot", { key: '36570c844c35f6636c7c2f83dca491b2c00f3033', name: "label-info" })), h("div", { key: '50414e470aa19d81ad392073246e1e2089edd488', class: "gux-input-and-error-container" }, h("slot", { key: 'd6bd9fe4e908c75d9d63605e7c3eaf2d45982951', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '120319afc4826e7c212008967af9899dea298acb', show: this.hasError }, h("slot", { key: 'fba07ff53d46d3561942dbb88a42b5afb6c4fbd1', name: "error" })), h(GuxFormFieldHelp, { key: '51a1f46d7920b826b528fb38161915faa5eda096', show: !this.hasError && this.hasHelp }, h("slot", { key: '7e262e73e07aeb3fb8665acb7f306dba65ad90c1', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '03b52b5c171eed7db4789139a7f4e261f67607ee', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd4ede0b30efcd4539218a6c112a4818bf137e5ae', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6693168ad52a06f63b1ae3407eda0506a082677c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e648d299468bb54bf42de5c18463ae8b01556d5d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '29165a90f5f57aea16585c69340b89b298ec357b', name: "label-info" })), h("div", { key: '1b2e81f8aab096f72068e39cef3955fe6359c161', class: "gux-input-and-error-container" }, h("slot", { key: '5b5a783b63104543369f55133b2364edb07a2c57', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'f53c23dcb4bfc36d4c7bf7cf8d2a58e6427a1ba5', show: this.hasError }, h("slot", { key: '81a52ddbc2bbd17cf018e7a95f961dab96261372', name: "error" })), h(GuxFormFieldHelp, { key: 'bbbcde2ad94994a0092d4718fe2535c2c4e3faa2', show: !this.hasError && this.hasHelp }, h("slot", { key: '984e604b0bb0c47726e7313573ffec8e68dad22a', name: "help" })))));
     }
     static get is() { return "gux-form-field-file"; }
     static get encapsulation() { return "shadow"; }

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

@@ -101,14 +101,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '1404ed256b0c59730a6b52a8eb8511b966697af3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '06b4f7b5550e608958e6c097c619f2afe6c614ac', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b7315fb4f8498f5308d39dfe0e70eaad42644108', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4fb64e295f6a03dc874ef4844c3fecac10d09fb9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6655ae39155c1c790b90f6d93afcd2bd6d0bbcf9', name: "label-info" })), h("div", { key: '70790da5948a776ce78c951933c3f8cffb1e9a68', class: "gux-input-and-error-container" }, h("div", { key: 'e4bfd871ccb296f87dc618db9fa317122475b41e', class: {
+        return (h(GuxFormFieldContainer, { key: '3004d1fb760b2df63465340c08b4ad957a7720a7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7dfb26c04bec0911883fbd48ecf57685ab3c94ee', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5fa22327a6ef85f8ae466d0ee440c0b5ed524f6d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd801b13b0622628955aa2bcd48fb50ae54e68d65', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1511b51a2d23a83f51a199732831219df2e88a4c', name: "label-info" })), h("div", { key: '59942106060f0308ecac53674a2a341fb7b62195', class: "gux-input-and-error-container" }, h("div", { key: 'f240dcf81673e576be7811174c9da2e98d510c32', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '34b340aab242ec746ccd7a2484f7c76e2914b5c0', class: {
+            }, part: "input-section" }, h("div", { key: 'b6d055f198d692b7b4a1ee2257e2245f8f556cdf', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '8facf47db9e586d88ec222feeb973c220dd583b0', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'de94c88e51c29f0f237f12b033b13fed44c34289', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'c92070f61573177f3b516eafa60f579eeaca0a05', show: this.hasError }, h("slot", { key: 'a3aece9dae599c68abedb58ed692f5d0fafdac4b', name: "error" })), h(GuxFormFieldHelp, { key: '0bbc8260400e4c3b0b9bffbca5526a931c3416b2', show: !this.hasError && this.hasHelp }, h("slot", { key: '0dbba9e894f1653ac359293d2a6e109828ca63ea', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '124084c38252855178ccb345521ef5e337141665', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '5bc79a734818af72070bd82ce4275f1233edeb7c', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'cdd574eafecc0a68265b7f319c4e258d5fd40e42', show: this.hasError }, h("slot", { key: 'be75190667c870278c5e9bd8658c9cf4bf27bd85', name: "error" })), h(GuxFormFieldHelp, { key: '5bddbb010f4e3cd9ef276110b8fb37a1e3db1a73', show: !this.hasError && this.hasHelp }, h("slot", { key: '82ae4ba91cfc869f614675c5d184b52b99820841', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -92,14 +92,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '9dbe4366a2d00911db5fd095472d8bc4bf878997', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '8940819968c84d1b2197b244b36c5a73e994395b' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '791af08872c28ab6feb8de6f8a143db5f5b53b39', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '44fd8715522535dc58ab19489b154253acbede5e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '602156daa4d6c2c09b41b6b3144af91269e08597', variant: this.indicatorMark, required: this.required }), h("slot", { key: '832b2d04ace14f42a3d44bc1f562f80b603cadbd', name: "label-info" })), h("div", { key: '759588e7dbb139e628217a50d233b215562c3777', class: "gux-input-and-error-container" }, h("div", { key: '4af0b4dffd50d83a7ca28e15bd12c4264a205ace', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'f8ec11b18c0c4e2f0ee75ff202e15658afcacc8a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '01877df6c72e7ed62266f5106d702c8c14c5e55e' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '2c557c1750a87fd233f1ca51b1599edbee542bd3', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '876a1f437fc48d1384f5b16b4b642abd982caed0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f1c0b013326afd5804cbb8967b372e83b803bd10', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a4462e9f22930501b03333e12a7b35e6a42ee45c', name: "label-info" })), h("div", { key: 'f6ef394ac6c17430e49e87783388fc9bd8ed17c8', class: "gux-input-and-error-container" }, h("div", { key: 'fa351316737f23aa85206c4f71512d7304cf45c3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '33d1ad8cab0845f0748c5297812f5abda2137933', class: {
+            } }, h("div", { key: 'c58934454a2765659b1e3d1d7d8fdc0cbee94d30', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'fb907d77d82201d2cee730f5f54546d39cfe0106' }))), h(GuxFormFieldError, { key: '7d79f77be59c9651ce9a9cd461bbf9f3ae736d5a', show: this.hasError }, h("slot", { key: '7f9de545626b3cd12b3b7f1e7639fd43b1d8e426', name: "error" })), h(GuxFormFieldHelp, { key: 'f87d4ae89adda04ad13482c465984b9c637360b8', show: !this.hasError && this.hasHelp }, h("slot", { key: '774a6aac20d8a963d4e9c936800074164cefe804', name: "help" })))));
+            } }, h("slot", { key: '15e7597a12de5167e26f9604d6c05afdf755f767' }))), h(GuxFormFieldError, { key: '656198c4e9b3fb21d8ad69daed8fc94452ef16e1', show: this.hasError }, h("slot", { key: 'f8df594cf3c7aca049c0dd23eca14b69dcb5921c', name: "error" })), h(GuxFormFieldHelp, { key: 'fb7afd9c57f61cab1ebb0a545b186b8714811654', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fc4fe2aab5273e048690a1e7f2caa0f852ff6193', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -47,10 +47,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: '1f9058b9cba8e25009df7188a833dc7c77dee10a', class: {
+        return (h(Host, { key: '1007330d2d1bd0432959d6779cb9153ce24b823e', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '21095dca5c246e05c643ae085742a77c0692456a', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '6c17a8f7ca09a54dba861774b94042b8f01cb77b', class: "gux-input-label" }, h("div", { key: '13745ab315bd98fd6cfac51b84f8640bfd4c54fa', class: "gux-input" }, h("slot", { key: '06f3a11d98078e33f7e52e1420f4926f1d4cccb7', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'c097d66257e43c90e1136f0c59fe36c2893cd3fe', class: "gux-label" }, h("slot", { key: 'bcfe31b19828e0778d9d572bec97f435389142f7', name: "label" }))), h("div", { key: '4f1eeb5be7d495e8f1624dd6036e5cad42726968', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'dcdf2c760f97879c2e8f096e8696ee69be1207e2', show: this.hasError }, h("slot", { key: '2fce9a4267950b027dd59e17d3f47903f569db4f', name: "error" })), h(GuxFormFieldHelp, { key: '59e804c39c6d66c7a82e17214953e1c1e269910d', show: !this.hasError && this.hasHelp }, h("slot", { key: '1a9acd8b48a6d3b80c64e05375ef3eae8b25f49d', name: "help" }))))));
+            } }, h("div", { key: 'e865127161e33a23564df3b7658e98d5c15d787f', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '7168722d1846daffdc37a73ede577a56f0a4984b', class: "gux-input-label" }, h("div", { key: '492608ca60a49254869b74f523f1646ce49840a4', class: "gux-input" }, h("slot", { key: '9dcb1fbb80bf02efa18eef70b86024d510f87acb', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'f82d33f93f817dd22e672afa9d22d85332760030', class: "gux-label" }, h("slot", { key: '2a4c1cf42c51903626240dbcf9355c4f34e385b4', name: "label" }))), h("div", { key: 'cae621b85cc2205ec3e4bd274cc1a78f53d63f3c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '0ee7846e5933b9c6ae78027cba7a85371ee433af', show: this.hasError }, h("slot", { key: '4a89abea0a3a5ffd87e4b11b61a9492f752f633d', name: "error" })), h(GuxFormFieldHelp, { key: 'a0691c11d576394b2ae24f460774871017ba9c11', show: !this.hasError && this.hasHelp }, h("slot", { key: 'eac90062bd312cd07b0207bf37fec5c33640f533', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -104,8 +104,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '6a76d4ad97902956286b049e84fefd22aed40034', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'ab6bfad55bfd7956298e3b7417760ca2749edc53' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '36c778682f287a5a4d328eebc778bbe7cb6682c6', position: "above", required: this.required }, h("slot", { key: 'eeb8abc240492c8ff0e1416616449bdc72b76ea1', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '923f209fb70fe3c8d79ab01054ad38632f516e02', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7770e201f043a6633e6322df518ad263cbfa95d6', name: "group-label-info" })), h("slot", { key: '79a883b74ce4b05767a19516561493bd41a6b439' }), h(GuxFormFieldError, { key: '546a10e352ad5f836a627b77cbba681d7385e892', show: this.hasGroupError }, h("slot", { key: '9b3cbc4e4d8a63156aac2d11bf97f3663006f2b4', name: "group-error" })), h(GuxFormFieldHelp, { key: 'e1ac75ec7b9c446141b949fc23dda9a166747468', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '04fe13870a936ece3a9489224352b3462f23c6dd', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '5f2de0767c6d109ec92916eaa4ee37aa94905ce8', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '6609e4ec170d72b411b8db0d08af555d374bb538' }, (_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: '2d08f8ce4811671c168f83c520e1a842587e098c', position: "above", required: this.required }, h("slot", { key: 'efe1dd9c3bc201d6c78e142ad71f8992758ffecc', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5f1701c9319550e7c3a703cb422b35c7b8d579e6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4040e2da5612e756a0b3eb585570d8ae9e90bc5b', name: "group-label-info" })), h("slot", { key: 'f2a1bf78ae2358507408da4e546aea6b28d9f5f2' }), h(GuxFormFieldError, { key: 'a3019ab6f661d369fa6e2d83871e61e7a05c522e', show: this.hasGroupError }, h("slot", { key: '92e9badc94f995999cbb343b5b726992caf30221', name: "group-error" })), h(GuxFormFieldHelp, { key: '2d4915e6fd8a4b98ccf210c1e8cc35f60caee285', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'd340c2f5d29e80eb2003e1048a74cf519ee65180', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -114,9 +114,9 @@ export class GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '0b2a0ac59a1df20216c07cf3b5d776076652f419', class: {
+        return (h(Host, { key: '0c5200095bc30ed766aefb7230f7d36e38da0b47', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'b30204ef473dc608ab1938cc9322d983c09162cd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ea2b43f91152b537a67f361faf3db593ec147e8b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '97bbb28a1cbb26ac31e14237667ea08494c4873f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '763dd478ce01d5a875453e46aa98d508b3ca2e12', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dbf54d1c841ce5e6fb09f8f2d28612b68f6ba607', name: "label-info" })), h("div", { key: '0bc87a2c456146133114820dbd7247aa03725d8b', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '6624f8459a84bb6e97199c6c17dff76b033b216d', show: this.hasError }, h("slot", { key: 'a507edab5a2cfce56eda8ea00067081d591a0566', name: "error" })), h(GuxFormFieldHelp, { key: '5f5b31313a833c0c8d435b2c7efa3026bca2b1b9', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c92b67441b93640998d8a1fbabbece8653b04590', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: 'c188ac3ea3431f667a14716919455e49a3b39fe8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f9d54c26828629951f8bcef369f6f9d4a7ee3781', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6ca8713a5e6e35836e6f85fb1a586d036c469cc6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'baaa3425f49e5abb2300fd967e766b0afbf8128c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '715f74771087325a93268b902ba72140a5559a35', name: "label-info" })), h("div", { key: '0d4f7b7968a44533d78b1b12dfb8c520f3d6b1e4', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '1595f5480b5b1a2f6c126b93629b566696ab8fb1', show: this.hasError }, h("slot", { key: '4f66cea2ab1b665d7e8bead022af7d5a053ed26a', name: "error" })), h(GuxFormFieldHelp, { key: '73b488cfb8badec729d020ff436c77db7d3b15be', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a3185925d00c074336ef2d6a5ea716a50947b14e', 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

@@ -94,13 +94,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'ee1ba845e3e069d33a4f843941433087966a9530', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fc30f907dd13e00a0965e0b43132d3ba189f664b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4ac5c5d7bf05b63fd72f03144c6b108a0b6367c2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6ecfc440ec3c70f27ee196bed53e7a0cfe484b56', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2084f698c1828fb1f678148308ae0f1aa1f65e6d', name: "label-info" })), h("div", { key: 'd18ed366dee72e7f8b8afcda6c03043b400b4f13', class: "gux-input-and-error-container" }, h("div", { key: 'cd80766d00e138306674e01e60d24a4e9fe978fd', class: {
+        return (h(GuxFormFieldContainer, { key: '7405bf78d92ed1bdf1ac2c6e1c3c9ddde88acc57', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ca4a460c86e67a01dfd7fab5e721431fc36194e7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '53ef034b13e04e68265146499da04ffc075711f8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '365e48d76ca75a981c8ca5f65d47031a3ebcc21a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '10ac3d5512e78436bcc8708761c0b59e284c30ae', name: "label-info" })), h("div", { key: '956a7b5be1ea256e40da24ae7b6e94f3813a5039', class: "gux-input-and-error-container" }, h("div", { key: 'a4aac2179612e037e9e8857d7c914bb3d3f7e324', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'a41e48e5b4e57c816af4a8a1b0081d5afb669f90', class: {
+            } }, h("div", { key: '4efb76589e49acc7d890938f679afa6dd6f5b56f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'ba401019fff62d4a024e631e888b9c63b3eff925', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '8be37fdfe79e838e66e76bd2db4239d3a1b4a88f', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '81f511295f00b69a4c4910b514a692293bbf577c', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '873888e1206a7c292a26a94a1dc37cf3bd20cf14', show: this.hasError }, h("slot", { key: '4e2f93f89f8ef47653247aebf03dc833860e71ac', name: "error" })), h(GuxFormFieldHelp, { key: 'fd65d4b252d260a0e738bb600c79d2f6d1720216', show: !this.hasError && this.hasHelp }, h("slot", { key: '61779b9bafbb1c4671f49373cbb9c8968d642cf2', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '697512405df38336225bb3909d60eb43fef5158e', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '5fd45f10348ac6cf5c9f02c415c37501665253d2', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '99e9a5e433ba002a51f11960ebc47fc513f9a963', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '6f021e04d45d020030600343e47afe245a447fce', show: this.hasError }, h("slot", { key: 'a8f5ffe057171d6f96a586e7c21fdde23f05f85b', name: "error" })), h(GuxFormFieldHelp, { key: 'f7875711423f5f28097cd65e8081e55cf470e987', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b04fb5662440b2902f8f13151bf14edfb1a9f8b9', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -84,13 +84,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'a891d746f1e196c085401687a23d8e082db62558', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '111051fdcd79a931c5e4fbb54f0f8dc858df324d', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9fc7b6d5768b4c2783e9d5bb9ed606e89eda6cfd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'aa2355ad7107bbf7cc3ffc196328b71b9097a532', variant: this.indicatorMark, required: this.required }), h("slot", { key: '64e182139cf6ba85f444e50a386dd4776f921364', name: "label-info" })), h("div", { key: '063a815a8f0b490f434f22e5eca46151c60870da', class: "gux-input-and-error-container" }, h("div", { key: '6d98a4f02855f4dedc72c3ef16fc4853b0edfda5', class: {
+        return (h(GuxFormFieldContainer, { key: '6a8581aa0d7ebcc584aad4e1aaf7e9fa2a3f6078', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a2ac5c213264150a4b7f2d62c2b76c8f964930e6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4a1c5254db4026d5bbc9e2193573139f36e555f1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b222ce994952ae631c2edcdfbb09ac26b1c886f9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4d8cd2800fceb7937ea7caf71101246e3518dfdb', name: "label-info" })), h("div", { key: 'c7772e0c9cfe35858c200652cadbd1a71866dba6', class: "gux-input-and-error-container" }, h("div", { key: '795c4e2672aecd3f7ea7efd36a944c8ca2200423', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '77c7a76e45c4b99254ca8ff0b6d9d476d83e6fc9', class: {
+            } }, h("div", { key: '97c0082e17a2eb03fa9ddd0704f69f830fabe7ca', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'a6b83dcf94d3ba5d18593fc7ca5c363fa1a76343', name: "input" }), h("gux-icon", { key: '37d692a4d81936dfc3359e720c0c3ec2342f3a58', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: 'e7ac6050685cc4d6e591001428e0bfeb4c3d3a4b', show: this.hasError }, h("slot", { key: 'b0de1db0a8b8b1036284a7749dcd6063baf08a29', name: "error" })), h(GuxFormFieldHelp, { key: '07256c1cf58f785aa2069ce16b87e32bb372ec5c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c09f0d5e5cdb02ea8d5a75f4a469f407d2168578', name: "help" })))));
+            } }, h("slot", { key: '320f5716c492fc38fadee6854fa4e88f2d36aa78', name: "input" }), h("gux-icon", { key: '0e4001a0b2f0eff81a560e137e0139a73752e2a8', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '2f34779d19eb3cacd2bc65d618d0eea2c31caf75', show: this.hasError }, h("slot", { key: '0de05f2f06ffd1851c9d71cb391810ec22cc88c9', name: "error" })), h(GuxFormFieldHelp, { key: '43a86cce865e095d9eb80edd963084305ea81959', show: !this.hasError && this.hasHelp }, h("slot", { key: '44c4ce4b1b4e161ecb44544cefb9a48c65797b01', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition