genesys-spark-components 4.186.1 → 4.187.0

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

@@ -43,7 +43,7 @@ export class GuxBlankState {
         this.hasGuidance = hasSlot(this.root, 'additional-guidance');
     }
     render() {
-        return (h("div", { key: '029f0c6dfffc6396393ce69af30f4e426b8534d5', class: "gux-container" }, h("div", { key: '67e6a1625a80432a3dcb7b73d904b022c2728c20', class: "gux-image" }, h("slot", { key: '249b5e49bc3c176e88c5d4acd4268c75e3bea6be', name: "image" })), h("div", { key: 'd81484ecb3e482caa1de9d35e30c7914051bef17', class: "gux-message" }, h("slot", { key: 'a59823e9f73c58dde4a8ffa4ee358cf139fc6297', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (h("div", { key: 'e0b4592db9432b7d81863d0dbd9f5520d3b695dc', class: "gux-container" }, h("div", { key: '4f7c1f730096c27c0e356d92976f78a499f2cc74', class: "gux-image" }, h("slot", { key: '4c1a86ce0c49c0a17688bec2f26e61952ca0448b', name: "image" })), h("div", { key: '2ee832ec2d5d5a299582824617264e77a84e3dc0', class: "gux-message" }, h("slot", { key: 'eb97d58adfb206c09360028a81b49c75dc224447', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
     }
     static get is() { return "gux-blank-state"; }
     static get encapsulation() { return "shadow"; }

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

@@ -35,7 +35,7 @@ export class GuxBreadcrumbItem {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '357d0819c8848eee39f617f5618d94e1ad3f6777', role: "listitem" }, h("span", { key: 'd741cd79b32a7caf22ec3fd1c15777e45cf93f05', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '84ef978533d902cabc1264d4641a17a52da1ac61', role: "listitem" }, h("span", { key: '7afb53b4249c8c194a65472a50b817265351afc3', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
     }
     static get is() { return "gux-breadcrumb-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class GuxBreadcrumbs {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: '9c5f5a9f99b9d45af99bf1eb8016881f387d904c', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '7b8232f93afdf54cfef667dc9457edc269ec285b' }, h("slot", { key: '3c06ad7d0d7fe0b5f0b96903036951e707bfae94', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'f88e1453059c33d40490b89dd34cc3a8e33ea923', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '26b822edbc6d93eabb4dc97db340e4155ad02678' }, h("slot", { key: '2fab33cf5d08f62d8b4b215a3484094b2afef601', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     static get is() { return "gux-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -26,10 +26,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: '45e0647c35e44a15d33a7491b1a5748317b91c3e', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: 'a655b1884a2e2114d912ac8af0310d106c546a80', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'd6a726b5e60186346d8755d1cd2821299d584a11', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'c5a9a2400f8cc04a2074e5e76cc4a2f7fe1dddbb', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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

@@ -126,7 +126,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '0fe548008674fb471b4649a1cdf9d40e2199509b', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'c135a999850eb1a8979006c68e93db2084b92726', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '97deeb0b96dd9475d3ed60a5e7b8c58a39fca924', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '8f44a4bd2467c39c40a9974fd71940b36713d74c', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: '93627529753698fad726e17b31e9c08acbe432a4', name: "title" }), h("gux-icon", { key: 'dcc4e9f1cc0b881c530022faa07b579cc9a0cfa3', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'e2555a57679a2eb6e0dedcc20d265064ba55a3a0', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'd982c02c29f7a2f147dbbca9d0ca8bd414ee6874', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'bc6da95f60f3cba8bb9d8161c9208c67aada56ad' })))));
+        return (h("gux-popup", { key: '81151ec4803c66a856f2ae63a4abd1fd914e9c18', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '763aa8765d6456ced163b16392f28152cdfbec5b', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'a0d770793d6a522e9d11ebfe4869bb9fc2166f06', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '16ed22bf8400f1813c205bf690b8527e10083243', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: 'b8a1d7d212b3aa69b9d2707a5f268d4ef047f68e', name: "title" }), h("gux-icon", { key: 'a0c2d0ffb219e64bcfb5d9cb89a75e489a322619', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'c8df9601b7a0ca07a6a66688ec7f5b8689d96533', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '58768f2f58d1d1099c199efedf94aac619617077', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'ce515bb2d9336172e274e7fbcdf8930a8032322b' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class GuxButtonSlot {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '31ca4b09af9bb76bd9a4a15f7fd2ee9e640c759a', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '16ee328a47ab75d0d4ccecf70c57f373d83c3d92' })));
+        return (h(Host, { key: '837210124f055e9ba137a070bbbf62f9b6546e73', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'eccd0b293d0b86e1733d8abff4cb07f6e37b1600' })));
     }
     static get is() { return "gux-button-slot"; }
     static get encapsulation() { return "shadow"; }

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

@@ -344,7 +344,7 @@ export class GuxCalendar {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '0306246dfcce32aabad2d001c20669cbe69fe280', class: "gux-calendar" }, h("div", { key: 'e5324dfe443431f5a28ddd5420625d664c24b0e3', class: "gux-header" }, h("button", { key: '8c55a02accf37620a169b0cf3f879a61945d8d58', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '392607efecf36bab5a3efcba1c1f3059d5a6aa59', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '62efa4a387829b89452430c48772ab412aa6d1f7', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: '1b2991888a3d39799f0994b9d4594405632871bd', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '288d3d25c4c9a4b97b07de9a5273932892689d30', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '067cd81bad66f5a4dba8242370a3bae746ed77e8', class: "gux-calendar" }, h("div", { key: 'f903f7f60cccc0a3f6623e466fd0e124d3b093de', class: "gux-header" }, h("button", { key: '87ebd73f2815a7057c6f06864a32544ea8a91729', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: 'ba43661694f71dc600850afe21f78b96bed476d7', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'cdcddaf9162eab54a9263295dfd54d7a0cdbb87a', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: 'e0a2b4cd4b4454fe2fca83ebdb94a67cdeceacf2', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '8c3009f3e688993ba95bd8f96ecb79188ad04d98', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     static get is() { return "gux-calendar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,10 +14,10 @@ export class GuxCard {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '6a95ced5f017e5981bc34d8b78e0d0a7430878df', class: {
+        return (h("div", { key: '551f8cf1bdf66e559a5d5b69e0f81f9b66781efe', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '3d8fa3f0b2586a8a4aff7b3995905f66ca506919' })));
+            } }, h("slot", { key: 'd5839084d0fb89fc99a50a9edba6395deea8a455' })));
     }
     static get is() { return "gux-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -124,14 +124,14 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '6d9407f9a83665ad211578bd71092c8819bcb399', draggable: "true" }, h("div", { key: '7de5359beff1e462dd133d31a4c778204b0a3f5f', class: {
+        return (h(Host, { key: 'f2cd78c117f774e87a90de253a607ce1176ea52b', draggable: "true" }, h("div", { key: '828474c457c8c2603e8797afc13d47c3ce951458', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '6dfe4fc21eada9b5374ccb94cdb2473e52256b22', class: {
+            } }, h("button", { key: '0783664045ca9999af0f767e635acbb2460f2f4b', 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: 'cddbf4d959270062c6b43190eed5c6124484253a', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '28875a8fcf4d8e03734afbac8379be76916ac236', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'c2c96def2a01df9922a2a5009fad8fec49442775', class: "gux-select" }, h("slot", { key: '1cbae9f6ab0aa51925b5a96300d3e88f92ce067b', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'b8e550c27b37e7fda2abf7e74489b8d72058fd91', 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: 'd6ae4ffe0dcc6be631da62f60a701a47836ea8e0', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'dcc7e788afd52e66291cdd925455f0a4d005f7eb', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '417c1440be57c011c1badc6daf3784e3aa8e1bf9', class: "gux-select" }, h("slot", { key: 'da570867c0909992d5f00c06ffd2c3717dd94198', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '8a42e0702ccb7df121c1c8f98a26ed9d92d842a8', 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: '40b00dccbbc3b9dd2d79f0a7e558a592e7a647c3', class: "gux-container" }, h("div", { key: 'b5fb241078d0acb83118b016e3b667fc54e2f31b', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '2eb3f96dc3f109dcca02466eff1d9038ea2dceae', class: "gux-search" }, h("gux-content-search", { key: '8c86cce49bb3ef53bc548c60bd80d1ca648f1a11', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '3d9a303ef7e13e3bf049009616d78ac03fd268f3', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '2fe55a8bc3f231ee7901723912c6e2f439ea27f6', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'd5460b9363adb42f5a59b03771850aecdfa9ae08' }, h("input", { key: '93d46d6f32a95b9e38046e95ac419b238ce0cec2', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '2bf04216379485802176367913dfb3943a7f7aaf', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '77332327dddcdbd52f4d4fdfd7779b2eb86dd347', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '1afc970e4de08ab42a607d790a3ad25c4f816c8b', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '5923c285545fe76641d276e51e7f257914912b7a', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '0b2c8f0a66cca67325c3d58f325d1a2f5365612a', class: "gux-container" }, h("div", { key: '7bf3280cb92a91ca35a95e89ede8f3b622169a7d', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'b54577048da6aaff0b13847761df5a01b6cbc2e2', class: "gux-search" }, h("gux-content-search", { key: '0a762fdeffef88877252832b6a6c342836c6c24c', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'b1dd9eaf293f4f6493b55977970a27b677b9951b', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'd13677890f61d9c2acfd205b9c5fcb637fbaa4e5', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'd8d2c203dab6ada51ff810404e7d2c5234f7b8b0' }, h("input", { key: 'a9bae443ea1e263e71f76c806c4f8f97a03711c7', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '906214e2ccd42eb232b3e0a709984eb361e28afe', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '484e7774568e0122aeafdee59d452dc47838e4a2', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'a7632a59deb498f81d5f51a1a6e7596e167d4c53', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'b839ad07457d0404e3fe7d007fbd4437ce3a30b7', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-column-manager"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,10 +50,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: '63572ad234bac3b3b9f681995e91adf7eb54f414', class: {
+        return (h("div", { key: '7aaeebd634cc4867e69b12a05c509e876e65f74f', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '3cd33bc529e14d1ffbbadcbdcab3f26a7195033f', class: "gux-search-icon" }, h("gux-icon", { key: 'c1b2f73a5bbc7e8e860f5dfa7738c61ff08d023c', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'b2b977e60fb69886ff85be6911d212513cc3afd1' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '359b4f7bab27f2405f921c1dd0c0a7b906f300c5', class: "gux-search-icon" }, h("gux-icon", { key: 'b2c55637d3cb011938208976fef8db8e24da5fcf', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '7032861829a3edd04d7d527415b447112e1747c7' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -124,8 +124,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'bd1eaa8a09307fe0b60382908b6979863bab69a7' }, h("gux-popup", { key: 'b421a91f27fc08d60b560bc25f5a5a003257c9b4', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, h("div", { key: '123af2600cfa9c9a75fc58be7c660b66bd38aaf1', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '5057daf882f0fb9e9c1c68f58ee0508322b75df0', accent: "ghost" }, h("button", { key: '82fe5034eb87923ec8be7e0bfbc87a0f55f392ef', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-screen-reader-beta", { key: '14793aafd38222372bc11ae85a08a259b6e35cd3' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: 'e18167df43a3c760b67f0333f1ab22cf94141f1f', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '26e208572fbc62b91feab22d7e77e7365105c6a0', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '282dcf2e475722ce1612ac45ad371cc0618f164c', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'a2d238931c1e69fb371fa1bcf31cba104dfe7833' }))))));
+        return (h(Host, { key: 'ec21cee5229d03d954215fa1cd9c7d4b0d13bc5c' }, h("gux-popup", { key: '9a7913e35b2d0d589b17450e8351670927d2be37', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, h("div", { key: '3e3e37be9a5c16bf503aacdd1f33d8fcc2e8b10d', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'ff699d4e303a6792ab4c943255c10d30f732501e', accent: "ghost" }, h("button", { key: 'a64f24c3a96e547fc3922f965ac55895397f83e1', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-screen-reader-beta", { key: 'ad3cba0c48dd03055f0c421aa1c579b6a8f9f141' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '355308539f9feb0272213912070a5a83b67ff3c8', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '8dcc7575c24e8fa73f54929da55ad607c483f568', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'de92533b2acffee5b5cff4842be78210a29bfd40', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '4eb78e3b5e73f013ecbda35005fafba6d5e93dd6' }))))));
     }
     static get is() { return "gux-context-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -52,7 +52,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '54619cdcafae85606ec0bc28e26e4412c1fe0449', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: 'bdda0698b53008fcb128607fb9d48439223fe15c', class: "gux-copy-content" }, h("slot", { key: 'eec8dea065427cebfc089d5e9a02f4cdc9ed882a', name: "content" }), h("gux-icon", { key: '464b0f7be9ac164d1da7b9d76ed0e6fd01ebdf28', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: 'e4ab87600485394543ac4e08917231bc6199a9d1', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '792fdd6405f84d3812701cb3c5858136aaaeef10', class: "gux-copy-content" }, h("slot", { key: '61acedea804d404d08ec6802f6f632d66c556f5b', name: "content" }), h("gux-icon", { key: '0e4960438dce436f33bba049e6bdb6509d23d5ed', "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

@@ -539,7 +539,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: '83d40dc06ae31ac587af06be521dc77740eec320', class: {
+        return (h("div", { key: 'e44976f9fc47f907642306ee3caa6a5426756c20', 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: '1a7708b59c70c79ed919e2873fd4f153ce901c10', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '4dd36dc32b0affd8026366ae45220e9e2b4bcb33', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '08fa407f754962c86794799450e3f45a38f97fd2', type: "button", title: this.i18n('dismiss') }, h("div", { key: '32fc71dfe0fdbe09451cde2cdb44b976ab8d9ebe', class: "gux-icon-container" }, h("gux-icon", { key: '0c1750a285a74832382a28c85b889d166b53bd0b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: '44e2ba7d724cce5d899af0b64bba18ededfbac2e', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'a12e9252fc5d7740a431e93a47c1559b7ab9150a', class: "gux-icon-container" }, h("gux-icon", { key: '6c95aeb37174259a4dd9cf6b13db5d6418bedc0b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -368,7 +368,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'c2672a5985e694e0e6ed7789efe0282619cfb56f', 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: '2bb3ff99d9c209b939208b34e0b1ce31085deb6e', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -416,7 +416,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '0e869259af3b4f43473cb563f169784269dec749', class: "gux-dropdown-container" }, h("gux-popup", { key: 'ca1c40874385c904dbb3f97f1cd7f4f953e2a4cc', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '49ec4d58b2ba018871c575ed610666305957df7a', class: "gux-dropdown-container" }, h("gux-popup", { key: '2aca6903d81aec24795163038b47812a2214fb89', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

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

@@ -183,10 +183,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: 'd893f20c48ecbc0c53f9319f8deadf3a428414cf', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: '35d32a4b15afd7c0fb996a97c1f68b7db8f40555', ref: el => (this.announceElement = el) }), h("span", { key: 'a34f3e5d8fc034acd1ffc90abc46d508f85a0f60', ref: el => (this.targetElement = el) }, h("slot", { key: '4ecf54d39a0d05cdec319e5025b92c39358d9b99', name: "target" })), h("div", { key: '05383a9bb129a126c92b74840685a1585244c763', class: {
+        return (h(Host, { key: 'f44087172d523b19565862d887af62c87703d195', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: '3c7a54c210b50b5d865ae63ce946ad1cea19f4d8', ref: el => (this.announceElement = el) }), h("span", { key: '5b993a7d3d0b5ecb0de0c7775a102a5ff48e4f13', ref: el => (this.targetElement = el) }, h("slot", { key: 'fd2317898eeace1aace1e1100d7c4cb62cccaf08', name: "target" })), h("div", { key: '33fef6a19029d6f52e0b751bae14001ab43ea3ac', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'daa499414605600957060b3837a0a2b743d85834', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '8c38119f8a339a3d4bef713fdb663a5ee2071891', class: "gux-arrow-caret" })), h("slot", { key: 'e34b4d2b8d82f78ca3b6121626f511c6209ab209', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '9124f04d2e45a8def507545d4d85c923ad63851e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '0ec8d0aa4c296241ca7849f787b39de7988c6e58', class: "gux-arrow-caret" })), h("slot", { key: '88c0caad6367e10633cb003f2e6f2c974e88a77a', name: "menu" }))));
     }
     static get is() { return "gux-flyout-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: '8afb09f7d2b4f932a8f99f375d16b2d2fa846a45', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'fdbf0bd3eb32a26af04514aad91e2561a010a126', class: "gux-menu-option-button-text" }, h("slot", { key: '2f9cf18af45914086bff86912e3de57b42aec965' }))));
+        return (h("button", { key: 'e6ec763d330e9da50cf5321d10efae5174af3381', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '275da6535150198315e468ba91450bde2c4016f3', class: "gux-menu-option-button-text" }, h("slot", { key: '8cea69595400d9816d44f59304c5a7673d9a230a' }))));
     }
     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: '88ef2c8361e137d3b8da7f930146507fb80867aa', role: "menu" }, h("slot", { key: '45debe814faf4bb0d6a9009a797c847eb0f379d7' })));
+        return (h(Host, { key: 'bb81539879dc73c57147da46f8064b71a7594ef3', role: "menu" }, h("slot", { key: '5b10b8e5ff51b6bfd6c6515498138122aabf4fdd' })));
     }
     static get is() { return "gux-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -142,13 +142,13 @@ export class GuxSubmenu {
         }
     }
     render() {
-        return (h(Host, { key: '4684c393e9e08b9d1b661486df976bcd0d34d369' }, h("button", { key: '77fafa569ed358f41fcfd33bd343cf01c3a9665c', type: "button", class: {
+        return (h(Host, { key: '5fb3dc0d18d4f8a88c37939e0387adf35e459dc2' }, h("button", { key: '93f347efa2bfd52c72d1312560dd88a8d748ee71', 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: '6c91e66a1a123d3cbbe3159b7d637d3fb76e6ea1', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '4cc6e1d896f81f270dfbd7ddde28c84edbba028f', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '68664f5ed95500750e761dd99543d65f0963dcf6', 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: 'bbdcd28b6b3651b2b4e64d5c5b75ada3bded1784', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'ba71bc755f7b881a960426583d57467a09d40bf0', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '3b07734d1f4b3f2f16fca3ad4a501a30de9a8549', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '8774718456ba008315d10ed8a100f7591d24cd32', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'c3735395f3b40ce38334ea6064da228c5554aa56' })))));
+            } }, h("div", { key: '53522fcdaa4c1644d051323f6218f4fe42313e5c', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'a547264bf7d542b9c75d1d8e22ddf4708e4ecafd' })))));
     }
     static get is() { return "gux-submenu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -47,10 +47,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: 'ac4c350f3740263e087855405893c8591473a343', class: {
+        return (h(Host, { key: '4d9630ede06fb0989481b0f589def995c272d4a4', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '9023cfe2c3a229ee02eb17400be384f4cbf3233b', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '50a2e44fa492a7ec498a9bdba632b6218a7417c1', class: "gux-input-label" }, h("div", { key: 'b05f4cff4e554ec83c54e25bffde8069d78e5415', class: "gux-input" }, h("slot", { key: '56084fd218eb3abd754c5895651f6810d6896d21', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '3ece0f8d2c67e58e4bc94f712feb99078169387c', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'c3aef0651560c3e59249f858151b0853471f631f', name: "label" }))), h("div", { key: 'a18261d9885b2d5c47446e1622e7d900763c2d71', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '24254244b3e22931e9ea21f018427edfc4abb9df', show: this.hasError }, h("slot", { key: 'ec6bc633e1b9ee7fbd8c4f93291a6ac8ab3021a3', name: "error" })), h(GuxFormFieldHelp, { key: 'db3d45cde0904532a1e1167005ede49b34037836', show: !this.hasError && this.hasHelp }, h("slot", { key: '593347068a3eea028e92ad19d29f82c0e0bf872e', name: "help" }))))));
+            } }, h("div", { key: '092cf0d03dcfec769c442a2ae0ae839fd51e23a0', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'a70e4938842857fa1197e0e27fde900531931c53', class: "gux-input-label" }, h("div", { key: '56a26456c1874e6b95e8a9bcebd24ad00c81cba3', class: "gux-input" }, h("slot", { key: '1977afce7fe112fa5fd9fffdd932b0e9726463d7', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'a2c123ddbe72a247009b57f3165db8b5999a8df4', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '7953cee6f008f3b4e7d5b26efe0055447c21d48d', name: "label" }))), h("div", { key: 'fc6601d65352a4c5b3c51cb868f38272950808e2', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '3a41894d1e687f8349caf6ce97e5db98dc85156a', show: this.hasError }, h("slot", { key: 'c7c0c4b9c87e86ccf49c1f0f88e53b7f7bb3ddf8', name: "error" })), h(GuxFormFieldHelp, { key: '40d43775a46cbc809b4f9ec1cee434a3f033924b', show: !this.hasError && this.hasHelp }, h("slot", { key: '7285032fe39638e54f10166670f0262103b41866', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -150,8 +150,8 @@ export class GuxFormFieldCheckboxGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '8b23a6004b0b565409f77c8d8f76268777e4a46a', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '8db961d61792294a029105c59e6c6899cc0f824a' }, (_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: '122b2a5e72978b9270d18250deca99aeab059964', position: "above", required: this.required }, h("slot", { key: '672ea692498842082ce1280e14b73e076985873d', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2c1265810dd5e1493c16d6d38e6c649eb211adc4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '21198558848aa14c73100f96f5d24e0174e34ca8', name: "group-label-info" })), h("slot", { key: '24253f95315f0c3772af65205841142f24f55c3f', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '454967df941b0b97105fc9b0d9570e068123eb6c', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '2f202060aef97b2a3b0102141208519de48e2fcc', show: this.hasGroupError }, h("slot", { key: '9218a8634edc62dc2858c7a5fae894884e86d3fa', name: "group-error" })), h(GuxFormFieldHelp, { key: 'c8f856367bf01b0549c4d85f767daf4904b61e32', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '88d4a2a31f3900876ddfedf0e159bf483058e388', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '0008f4306145c9b51e9d946841c2ca1eeef7717a', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '3cb512f031a686e2b7dbbea0e53cf2e97f36602a' }, (_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: '016ad5f0eae620e3a7303fc54425ed36d69bfd32', position: "above", required: this.required }, h("slot", { key: '5a311e17c633931176d3cd58f8db53fc17da5b34', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6547086df5b74d8c3d8d87be3ea47cb5d6e004d9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '81b27b9717495e267b11f5dec0d8723c46d6e7ce', name: "group-label-info" })), h("slot", { key: '584266bcedb775c2c9b27dedecde891a90b91992', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '86eb6597cb91cde530d564c99f6d971f600eeb0c', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'c875b2f283b6040e19cd0fa245db6ad160ebbb84', show: this.hasGroupError }, h("slot", { key: 'c421bad73080cf0156215ae3caa225fe7bfafc5a', name: "group-error" })), h(GuxFormFieldHelp, { key: '7bff612fbfe739d91631d2c810df2c2672151b6d', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '5d23155a3bbb4edec3cf985bc19c88ba3d924544', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -88,13 +88,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '009071e57535069390977cf3fa16634c6cfec3b1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a0fd7c2dc428b51420691343018640756785f4fc', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'db59300b54ae433e79aebd5ef1fc8e4550923c19', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bb7b218d7a69c2259daeeec531b416dc06bd9d39', variant: this.indicatorMark, required: this.required }), h("slot", { key: '64839ceb647c9d3ab4ee253fbce623c34e30667e', name: "label-info" })), h("div", { key: '733b26f89217daa7ccd6e1f0b1389c693f9f55ac', class: "gux-input-and-error-container" }, h("div", { key: '19edb2af7d6a25f417aa1630f4dd3e34bd361d8d', class: {
+        return (h(GuxFormFieldContainer, { key: 'b0dff68fe51e564a03de305463201bda9b0e6a02', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '63047e23a939942a6c8c052b304c4e9c97f05ecd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3dc3778704883f80e9c9095bff6e9eeb44b9b557', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'dc90b7fa687fde89265ce7f831aa0dc203bb5260', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0985e952104b7b4eb671d7e2d8694cba80de5d2d', name: "label-info" })), h("div", { key: '3dbdee93b27211f1cdadf3cabb8b41ed9c651105', class: "gux-input-and-error-container" }, h("div", { key: '1c93f6789571d4015631cd45bcd137333316c116', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd247bade16d24fbde33c611f4c7fe51fdce8985d', class: {
+            } }, h("div", { key: '18d1bbbaf82b756aa81a0412da7ea6ab1eb4a420', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'bd3b018e1071a311102ea243511a19e0982005bb', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'b03b984c0b3feaef0803a5f571afc56a3c37fcde', show: this.hasError }, h("slot", { key: '57801109ad4729741e45f1cb72cd2ba9fd54206c', name: "error" })), h(GuxFormFieldHelp, { key: '9200f9e6c13fe5157cd03f1125de77936dc328f0', show: !this.hasError && this.hasHelp }, h("slot", { key: '93e90b066b4c0aa6132361133af439d0bf962c0c', name: "help" })))));
+            } }, h("slot", { key: '7f8a5b88d5f593a05d272c69deebbf57ecb46139', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'b457a9c40422980f9f3f82b28ac8e5bbdfa286ef', show: this.hasError }, h("slot", { key: 'c46ba6ed3a74062df00e9c15ac0c1ddab1df7351', name: "error" })), h(GuxFormFieldHelp, { key: '166ad2fbd5e9a4e52da024143686f86acd6a49bc', show: !this.hasError && this.hasHelp }, h("slot", { key: '4c9ff51d12dd65b521cad5fda710a1463f534a93', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -102,11 +102,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '9133ae32d20ad4a621a0bbb7a94dc2f9e8ac613b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '71e21aa4cd76a7912b1a134da24b6eeca7613afd' }, (_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: '1082853d5b066488e3fa4fd967fced44a630bd36', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c485afd80404797870c381d2c7bc4874a38780e2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4bf6fe4371dea4ca230c06d5fa92f515397631dd', variant: this.indicatorMark, required: this.required }), h("slot", { key: '82a497f939b66fd5e02c603418cddb2a1ff45998', name: "label-info" })), h("div", { key: 'b58671aff9f09554d4e787d20a68b459bcb27024', class: "gux-input-and-error-container" }, h("div", { key: 'cf6c229fe7eaacc9846171dcd8ab8efb22c25dd3', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '9b8e6f530c3b896b9a177f39a86dd342ad0fc88e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '031877e650e52579b04c750a86f1381e8b700311' }, (_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: '8f60ccb8842ade0059c9998f881b1001ef2fb346', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c1c402deebbf59c0977b0ddefefc27ac905ca3bd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '359e75b7f0559b66d23da4ffb7564227be74a73c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '356139fb417dae95e36187d8535b485a075cd198', name: "label-info" })), h("div", { key: '74355f1c441d776bbdf7066b66333d3258e29e8a', class: "gux-input-and-error-container" }, h("div", { key: '74964d2a08702dafcd6e65143c555629150441bf', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '7626416d34c71ffd354e5648731bab5262c26c15' })), h(GuxFormFieldError, { key: '10e61c6dc2062a99e6a5f56341b7736f5672be60', show: this.hasError }, h("slot", { key: '7f82f3c3c0594aa3c70aaa25b8ea665ae5fc03f1', name: "error" })), h(GuxFormFieldHelp, { key: '54f1c9da9894d8a6405e8f985ee174a6a9dc528e', show: !this.hasError && this.hasHelp }, h("slot", { key: '83ef12a54c7dd12750f980a8cad7627d0f1969fd', name: "help" })))));
+            } }, h("slot", { key: 'ae25e5ca93f4829c3454214a901fed8ff5491d4f' })), h(GuxFormFieldError, { key: '0bc8594363370e78b6253133c0753a5deda48ed4', show: this.hasError }, h("slot", { key: '0ee66b41925aac4e6471b7558df0317a9f2178fe', name: "error" })), h(GuxFormFieldHelp, { key: '0602a0988288d08558c9953b50fcb47cc9045dd6', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ef1bdf9597df3d19c6f065127a832abb2acff611', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -105,7 +105,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'e0bf36a5846108b782d45d69d546df7968c27be1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1e38a2db5962d0594b9c4c24b5cbfeec54e10a9e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'cadd228e2193bfd3dc6fc683567798585a43a970', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '274ff710fcaa93a43c8745733ea8b6ad7fc17886', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a3769af19bd4ac5ba366b2665b94b2aecb52e6e2', name: "label-info" })), h("div", { key: '369144c92e017294e9239a789512f33cea2ef30c', class: "gux-input-and-error-container" }, h("slot", { key: 'c3404649dff37d36d99f3ee0e0fabeec595e56c6', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'a611431c330b59cc6c3f10a3f61ece178d025c12', show: this.hasError }, h("slot", { key: '29a75e190160ee14011b962724ba9f79913e938a', name: "error" })), h(GuxFormFieldHelp, { key: '34871d72bea59b39c5c582134c5cc9a44ccb448c', show: !this.hasError && this.hasHelp }, h("slot", { key: '69868bad03f1cb80e040723946677e476bd15efc', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '87fd01d5f4f842e4a60a3fd8903b1f47a25fa87c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '768146a270b2f9c795818e50eb346e9ef4c0f18e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '41d509f25e61218e8ff44205e0066efc9871c48b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b18a6439eb3e331eadc8befe7d4a6625e5a2fe78', variant: this.indicatorMark, required: this.required }), h("slot", { key: '019080783c0879090b3b20df3c34a82fee01366f', name: "label-info" })), h("div", { key: '09756ffd657327ec2bc2a8ae5e39b2a5cf33ecda', class: "gux-input-and-error-container" }, h("slot", { key: 'ff1bffdc217f9eff4caead89b0ec19179e9c0669', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '7623a79ff314b2286cdcf03c00e964e317627414', show: this.hasError }, h("slot", { key: '1b29ff15208bec388a11900e21f81e5b60300211', name: "error" })), h(GuxFormFieldHelp, { key: '4fc70bf6a7764f229f4a46bba5cf4ec3e0f5394a', show: !this.hasError && this.hasHelp }, h("slot", { key: '42030254f9c567f2b9aa7aaee0a5458cb08583d7', name: "help" })))));
     }
     static get is() { return "gux-form-field-file"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,11 +11,11 @@ export class GuxFileListItem {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '74a67e3eb8594b03e2e51107ba5d253bf6cdc358', class: {
+        return (h("div", { key: 'b47aba3e75a09821c83dcc3499298ab6a98b38ed', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '982761871ea387f92c3f4043029a17e829e6d0da', class: "gux-info" }, h("gux-truncate", { key: '7ec0bc6695144d62d316e1be0947be6991310661' }, h("span", { key: 'da1dc4d9381b52ed0d837fa343225b80b5fdbd2a', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: 'b36058c180ead4995b4bc14ac607f59b979cf75d', class: "gux-info" }, h("gux-truncate", { key: 'd8683f76ea7ec4f85f81b5e369bf344ef4c112a6' }, h("span", { key: '080063807fb5d76643be9d75614fcff140183695', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

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

@@ -94,7 +94,7 @@ export class GuxFormFieldFileBeta {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '02dcf74825ace95fbe008f9c0bc27110e70cbd3b', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'ce34c0744dfb380228e8f85b49bfd34e6b9c46af', position: "above", required: this.required }, h("slot", { key: 'e6b0be9ab1d522dbfadaf52a2a616e477d536eff', name: "label" }), h("gux-form-field-label-indicator", { key: 'c728afc13e494f18d65404f835ef0e8093fedede', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7af682a968e63b01393a4effa5b1741834c7cd79', name: "label-info" })), h("div", { key: '9e8c1a5709bbdcc3c94ac6ea31b56a13387fb293', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'e5e7e5a204be705f7554d2f5934c5d1349fde81e', show: this.hasHelp }, h("slot", { key: '859d83bbfa4feac37b7778a7f91f234fb36c609b', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '458d699dba91973c48c544eac9b7e42bb7b753c6', show: this.hasError }, h("slot", { key: '7d3adfeccd61ad7148ed8bd363f73416c56c3079', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: 'ba38fda53131cdb2eeee7f2373c79ce06d437dfa', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '3aa225ef2b476e13565ec227a88b2a765e703304', position: "above", required: this.required }, h("slot", { key: '897b7e8e9a445ff71d2c7771ba80a7507ced4112', name: "label" }), h("gux-form-field-label-indicator", { key: '27af774a5a6b8f57a03a302c9e47aa37085adce5', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a764e9b5f5e41b5577faa39817b231bb1a7a4816', name: "label-info" })), h("div", { key: '07a739ceefce691a6fb1fabfa7387a541810aabf', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '6313af94988ede0ca0d93e5f0d9f0921200b0724', show: this.hasHelp }, h("slot", { key: '90b799ab83fb1f358a0018479279679f240d4526', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: 'e5365d0a9baf0f49e6a48995efe38c00269bc59d', show: this.hasError }, h("slot", { key: 'dd23717f4779bbfe80c34d5434aee22d3bc35cf4', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="file"][slot="input"]');

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

@@ -105,14 +105,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '90d5e16c6ef7e2a2e7abddc91bf5713c688d7441', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1796e128b658cef62715939694a50c71563adf1f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '74b756eea647e50e0ec1f5b9b8ef196ff0baf919', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '41c513200de88aeea159bdc06ec72ba4eef7d0ec', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bbead0e0878d01a6c5b5c2080fd379bfe280781c', name: "label-info" })), h("div", { key: 'd29c19a7659f7c6256d04f30c559f7a250db8d59', class: "gux-input-and-error-container" }, h("div", { key: '348f1bd39cce8cb55808e575edce407a9de787c5', class: {
+        return (h(GuxFormFieldContainer, { key: '40d793883c8f040b7e3399f5dfdda555c0e7972a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1b604aa8139b9362e4f787500ebb3838bd6e9cf0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '50064a567caa548d4cefff7e5963d41b5a4680dd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '65d9d8b7e703e86ef01302dbf0fa4b7d45550d94', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ac085c68d1768253901ee34c7c820db90e1b5e4d', name: "label-info" })), h("div", { key: 'b2b70118cd411ff4bec29d713d8245401bb275e6', class: "gux-input-and-error-container" }, h("div", { key: 'bd3e135957ea883d7a57542ce5331646372265f5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'f5f0a64ecc9cdccad10aa53c736af6a58c64ad8c', class: {
+            }, part: "input-section" }, h("div", { key: '6c32d2d104f8ddaa794f54c8a0fc96b62eac436c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '98f09b4410b331d1b6e3be20339cabe5e4ed7dac', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '154a6d749eefe9b4e9a560665d6899c842d9cf88', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '5595b19ff59894584333bb86b26626430e452d9f', show: this.hasError }, h("slot", { key: 'e3d9f931279d74a70d33249f8a91501ffdb6d5ef', name: "error" })), h(GuxFormFieldHelp, { key: '01fead16f03e86758a9a0a678297566b2942af5f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a527b88629e7eb040ab000a6e6f3db8044c8c3cb', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '87a517880ad729b124482492b042e99a0feed57b', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'd80d8f20482130340656cdde698fc64e21644e55', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'da6c9f11abef8a656e9a38e20b0b9f2747ef9338', show: this.hasError }, h("slot", { key: 'f1ba52ae2d311e30774ac2f595988c546118d8c4', name: "error" })), h(GuxFormFieldHelp, { key: '326888d9072b6c9fcc50d5a300195d1282282b4e', show: !this.hasError && this.hasHelp }, h("slot", { key: '9d28cede3745ca43c5e6a7ede988d96748af41b3', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -98,14 +98,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'd02acc2ecd285af4097c4f8e0650304ecb698666', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'b87c20f8aae8c7ac95a0d4ae146c7814515a5b3b' }, (_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: '83d33ef98ffc592a170447e96ecabedd4125d256', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '75caecc8381787fb2751bc83fce11c65616c1d7a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b5738ff7cf2ce709943d6908293eacc2a6ddb645', variant: this.indicatorMark, required: this.required }), h("slot", { key: '33752d449da92a9101bb15c8c465fcb2901b69f6', name: "label-info" })), h("div", { key: '16ecb114cc8328b0e03657d6f8ad21dc824db150', class: "gux-input-and-error-container" }, h("div", { key: 'e03f1e808f07138f7d7a1fa706d4b0ae5857c9f6', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'ccc05278387f583f278a1af063e2234c5cc66699', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '7eec5a9d053f21763b1e2fe11d52875a265c20a7' }, (_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: 'dd37237c4d19e662a0f945431418fcfa43bd3c50', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '75e77484d80eb3e198890734811bb24c3251ca33', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fa00972433ef32046c523360100586fada13057b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e15ff5d4cf10d719c7cccc7eba360b3a817d083b', name: "label-info" })), h("div", { key: '8fb56c247cb13d703d5e4ffd49e557868ebd5726', class: "gux-input-and-error-container" }, h("div", { key: '6c4fd1b64e733d45fd31dc616f8f233a41812505', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'cf3ed1da0bc6a6267faacbc72552603caa5a582c', class: {
+            } }, h("div", { key: '365930372df8b1ba9909b376b19aae9c854d85f9', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '9c46324d327fb4d7f572ad88ca1aa611442df87d' }))), h(GuxFormFieldError, { key: '3db40106986120504499cd2fc90f40fc2f8cc08b', show: this.hasError }, h("slot", { key: 'f8f4142753a77fcfef3837ac3f7cb0146a9472c5', name: "error" })), h(GuxFormFieldHelp, { key: '7bb84e4970d97b8d5551cf9cc2c193555f90b8f1', show: !this.hasError && this.hasHelp }, h("slot", { key: '8ae10776979cc9bbce58d3043d7749a8a6a913d2', name: "help" })))));
+            } }, h("slot", { key: '311392aa0da1f89d65b96939c614800a7f46eb44' }))), h(GuxFormFieldError, { key: '7619af087aa2ee49fcb1e6f384dcef9bb87bf95b', show: this.hasError }, h("slot", { key: 'db1d0b5f8c3615f2544cd9e9154d0aa9a4e5dc99', name: "error" })), h(GuxFormFieldHelp, { key: 'd5bacc4b63fd46800286bdc70749bfdc0a90d6b3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fd637eb6f5697ed1bbb21f358596fe9c27cb08be', 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

@@ -46,10 +46,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: 'ffa91c4980dedf6966d07728fac70af8dd3c0342', class: {
+        return (h(Host, { key: '2a07ccdfa483bedb9bd7317bd5dc6bd1529f081a', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '350a11e6b8ceea7db7421b4038ad3e92c42cbe20', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '4bdc2ab3f55b39ae4b3ce241d0a2155ce5699dfd', class: "gux-input-label" }, h("div", { key: '6ecd24d59520df35e1f959dec3811bcdc0ec813b', class: "gux-input" }, h("slot", { key: '9ea6fe772d5a3c9ec0adb84a9ebfc268ebe10f25', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '2157e39470641f4cfd1aaaa286bfd52967e07168', class: "gux-label" }, h("slot", { key: 'e6cdd130bd4e88fa354f5dae02f9fa151e19a52b', name: "label" }))), h("div", { key: 'a70f211ac223b25c8ca8eed0c5ebedbeaa0c470d', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '44f0c9d809c6151d78d1ba83240348c5c4f13267', show: this.hasError }, h("slot", { key: '21b3d86da75c6242de82e59dbf8a9459ac0b36f3', name: "error" })), h(GuxFormFieldHelp, { key: '718a97a372c910e03201818251a4b147b188f095', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b7c158cf60bf8646ca70c3348c55e13604a39058', name: "help" }))))));
+            } }, h("div", { key: 'c8a3bdf5ee71bbe4991d3a5e3cd9ee61dd06a290', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '332b5681500d15e60b9310c3cb802150e55dc7ba', class: "gux-input-label" }, h("div", { key: '72203629b351ccbba635c919ef76f6dc328d7403', class: "gux-input" }, h("slot", { key: 'abeae9fb7b1203eb8c240fa08dc9e4d7cc934996', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'bbf5041bf73d34bc4dd14a4218f02b9b1a6a6963', class: "gux-label" }, h("slot", { key: 'a967102925864849bc62718fbaa834e93364ff78', name: "label" }))), h("div", { key: '7a62d57b6b56a20c0c38402508e19e643b9b2877', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '22c26e650b61d4e7f0d4b56adaaddf83438d5d54', show: this.hasError }, h("slot", { key: '767a2b5bc7ae8346503371df88f0bdcd655dc8b0', name: "error" })), h(GuxFormFieldHelp, { key: 'e7d2f365b35ff06030147c66f296fc96362509c4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd7b71e1858e4981ef423f763ef4e6533cd3ef9e3', 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

@@ -124,8 +124,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'd59d42b7ac017dae65bdb39848d5d34e6cc15155', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '8c4c4493d85abb8085f04b0dd0aa31aa4d9c1ee3' }, (_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: '977aa8619c01ac312ef2867af0d2b5035bffada6', position: "above", required: this.required }, h("slot", { key: '363436360629d4870983e06b63ff66d4916dfabf', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a417bf7381dd2b035d1a7b6a8cbe8d5be755bccd', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2a4d491c1d101eced26da978adf3b9534bb8b87e', name: "group-label-info" })), h("slot", { key: '5cb9c24b82a7f95bfc42cd5234080bf3fbf60ba3' }), h(GuxFormFieldError, { key: '8aab8df8ea8220afd790231e34e9c40028481876', show: this.hasGroupError }, h("slot", { key: 'aa26defba2616e0e541e6d8338f15c3f97d52028', name: "group-error" })), h(GuxFormFieldHelp, { key: '93c099443c2d59f555f84cdb51645a8de2f80bc7', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '2c11dbfc0399c3d8f48edca6eebf9f13e632f1b8', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '4288c75c8191f7c518409e656d1cab8edc3efc38', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '91fba3a14fd52bbd6bdf9ec14ed378cfc73855a9' }, (_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: 'f691e439da63a711b445f0110fba95b30301cc6c', position: "above", required: this.required }, h("slot", { key: '1850c5b1ebdf52ce51bdacd8ebc7274df0f8ae6a', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f191d05863dfc4085c27352ea20ec707b1d40632', variant: this.indicatorMark, required: this.required }), h("slot", { key: '77d6916be028046c37efdce209f81543a06caf07', name: "group-label-info" })), h("slot", { key: '8a4109f8f473d88d2ad2bc2ccd0f628bf7619c8e' }), h(GuxFormFieldError, { key: '4a66a8e514adc56c883626548be7081a0c0fbab7', show: this.hasGroupError }, h("slot", { key: '12c882b3cae12f559fb4567860902fecaafd55b5', name: "group-error" })), h(GuxFormFieldHelp, { key: '7a49d205aa562ee0f4eb137c597b21ce3423a57e', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '322ed1d4386ce76d6e42c1ede36e1b15d78b2968', 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 GuxFormFieldRange {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '92ec1ee133a77d92f78c9202b871279a128a53bf', class: {
+        return (h(Host, { key: 'bc17164c8473b7fdf04e2bbfdfb6580ef14b1aa5', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'd71760f210098f07fce8cdd7534f1a28c2e23e34', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '91e96fbb01462269dde8c4002a99ba6bc01b0ca0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'faedc0d452b980a1a31ee866528f11478c0b30d6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd5dd35d8531b413aa9d7070a3c6f9445dbafb906', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5a88aedcaefd6194d1efdb3e505e4368ca01227c', name: "label-info" })), h("div", { key: '186590723bbc1dd4fc3e3b5df51e4ac8b9d364d3', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '3f9bf15506edae92c99c6ef2253fcac88f5f6efd', show: this.hasError }, h("slot", { key: '87142fe9eaea7022f303a96c964251adc4e696bd', name: "error" })), h(GuxFormFieldHelp, { key: '4c104fe413acd07a3c6bca04fbb5c07616e63925', show: !this.hasError && this.hasHelp }, h("slot", { key: '67049f23c3d2f7a4b752e3204927aed9610fbe33', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '3d1822229e53b3753c486c35c0bc4f63206adcde', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c3bb26e77789bfba19bed7d1f4885f84a19d1d57', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '1cdfa1597694762bc753b2f24f92497620e3bf32', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '98dbeff398d089a6840083072fd2337372001a65', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bf723a251796ce6d07f401ae83ba8c0d17a4c3f4', name: "label-info" })), h("div", { key: '23c49e029982a5a78023c4e05558dde97f9917b9', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '82e313cb42b83c40b758accd2596631068a3ea49', show: this.hasError }, h("slot", { key: '42847d83952fdc18764a117e209a07a008a63f36', name: "error" })), h(GuxFormFieldHelp, { key: 'adab703b517deb2c01d475ff6515e26eabdab680', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f2123fda5b0ab320bec4cc53e4ee775905fb2072', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';