genesys-spark-components 4.29.1-beta.0 → 4.30.0

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: 'cd0b8f306d519d0eb6bf85df6895d2d83bf2c223', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '47c187626fbf87b913648727370a62900c35b797' })));
+        return (h(Host, { key: 'c9c856083b2beb757b71004065148dc5eaa74d52', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '695e5527f3bdafdafb67195b9bc1a929f14cb2f9' })));
     }
     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: 'f881d308fa3ebd243a2f3b407c8e3876e326fbae', class: "gux-calendar" }, h("div", { key: '5347c62b0f74550c43f1b4290a3ed74517528f02', class: "gux-header" }, h("button", { key: 'ff9073d487f8fbcf07e66b6346d63f20b03e0c7f', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '8caff3ad8ff84e39dcea819130576e3fa0bc9869', decorative: true, "icon-name": "chevron-small-left" })), this.renderMonthHeader(), h("button", { key: 'c225f43a7dffe632496e75d3ff708c6051f92ec4', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '8e31f6b933ff7355df9d291a29c4d6163b4350f6', decorative: true, "icon-name": "chevron-small-right" }))), h("div", { key: '2e903ebfcde9688191f0b667db6c6ae64746bd4d', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '6cdaafb2a5eaa47bc700ec6241381d52d820db33', class: "gux-calendar" }, h("div", { key: 'ecfa0f53ecb5d29a202f3db7a4f693cb047bd8b7', class: "gux-header" }, h("button", { key: '3f6141b2afd96fc89781cb698b488e19905e4693', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'cf049e65bd2737af45d819bcf3ddae910fc43bd3', decorative: true, "icon-name": "chevron-small-left" })), this.renderMonthHeader(), h("button", { key: '9c943056eae92181036f172b2c7799685b54317d', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '876c1dd6c7b3c7a9f1de28e88b300a38e3fd4217', decorative: true, "icon-name": "chevron-small-right" }))), h("div", { key: '1e47abe5c85fdefb834e1d596d73d67549b4fd4d', 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: 'f11557950e9016dd7055b96466e16673f393c349', class: {
+        return (h("div", { key: 'a9b03481523ddd2a8689558b50da4633f5c049d2', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'e2ad7c457a4da3c3efb1fd027912da9d4e0aa9f3' })));
+            } }, h("slot", { key: '2cc95a5205840c038dc8d70dd5ad467dd05ce243' })));
     }
     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: '2e6036ce62295305c9f2ce122dbf96a64b01d3ac', draggable: "true" }, h("div", { key: 'a50454cf1c74ce6d362c52b0aeb74819fd663afe', class: {
+        return (h(Host, { key: 'e7cb0456cdc63c36b12b84a6fc8b04e23ef9ac41', draggable: "true" }, h("div", { key: 'ab853bb9c91354d62a53e6a9385d31876bcf0de9', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '48e18dd9d872cdf5ea88267aceba3d5a7619d9ab', class: {
+            } }, h("button", { key: '86b752c952d7d5b22cce7ac720cf7eadbdee2592', 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: '198b9ed8d7e54c27f7302163742c2a77fc653c2e', "icon-name": "grab-vertical", decorative: true }), h("span", { key: 'ed386384b692bb94923a3dd7f0dcd7b8c639bbd1', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '191a214d11d3305728e6b854d77eb1084db93fdf', class: "gux-select" }, h("slot", { key: '5e3ad52036cba74bbcb6e791c6c77f72b762e164', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '068f74d48f0eea344a53b88ccafbb5bd2f78d79b', 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: '5a062d29e3468607057bc2d19164f339eef61dd2', "icon-name": "grab-vertical", decorative: true }), h("span", { key: '9409796ccfe03a2a60a6d21f877780bf085abd36', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '9cb6d4b0c04b963ebd6a0088be63e3d84a349b5f', class: "gux-select" }, h("slot", { key: '85d445d17dbd08b74e2efc93344630b212a59f87', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '63e4752fa9189f8a782a36c19b0d17aade783687', 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: '3742571bd0c7bab7234029ceb8500f4b6c4d1dc7', class: "gux-container" }, h("div", { key: '31e0fd83fabe23012f2e0bd0bf68c47f22ce1dc4', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '147db15465fc72989269b30083baf509733bc336', class: "gux-search" }, h("gux-content-search", { key: '7c618c11f2d6406d15b7941be3715b432884fb1f', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'ec506ba4978c395150bfc84c0e62244b4120b796', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '08d559cc550885aeeb91c27b01df996577aae96c', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'fde8a773f706e7f5b5d65b743e9f3abd2643408f' }, h("input", { key: '5233f5f8c8bc36641030b04f8e1c98ea521564bd', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'af897414d7fdc7a2c4d31b00b0cd24cf3a2d59df', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '99df009248e4ab1b5554b7bfc2cd71a79fc88ed0', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '260514ab3a1ca904cc24d680fc9497a0e7dcf27c', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'a23ee71df379804fd652e91b4cf2f1b05b93a33b', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '9503f7dacb275c894d3ba157dbf1a8e75f923c1f', class: "gux-container" }, h("div", { key: '8c22d9e0459606c010cc782e90c7eb4ce84550e1', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '697f9bd8bd79e1ffd9d112e7b9f25d0ad0119439', class: "gux-search" }, h("gux-content-search", { key: '0955fedec73d446d8863a0b1b22551dd501387e6', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'b24470c33acdc7f7447b8ce45ceab80e3b701e1e', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '716b5ed689f3d02ad1667cac1f45f2326bf042e0', class: "gux-select" }, h("gux-form-field-checkbox", { key: '2468fa9584859f8e2c2b0529490cebd1dfea7a49' }, h("input", { key: 'a59752e36a0a2beb60f85401a2f983e622a360b2', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '129071db1777d9c011d0cd5f80bb6c0454f898e6', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '72fea5393a72ecd0c507e021fec10b3df73c8f8b', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '3b67278503f48b34c93e2e9d4eab47cd7a8e3b20', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '4fce43062fb49045706ae55be7b72991fe9233e6', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-column-manager"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,10 +45,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: '1877397fb569c3482c0bc8c93bae1bc3310ffb1e', class: {
+        return (h("div", { key: '7f59a720c59e512815adb39378ac6e821f820845', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '704155bcf1d7d53d6892977ca3887b257004da4b', class: "gux-search-icon" }, h("gux-icon", { key: 'c4b2ec238dbb1423363a2c124a7d74012aca51ca', decorative: true, "icon-name": "search" })), h("gux-truncate", { key: 'e9fff396d5eb2b40856009dfcea05dbe8b6a18b2', "max-lines": "1" }, h("slot", { key: 'd571b5abc5997fe21a76ad278717486d24badcbd' })), this.getNavigationPanel()));
+            } }, h("div", { key: '43d17425e7a64696ecff3360aec97f5e9c5cb7f0', class: "gux-search-icon" }, h("gux-icon", { key: '2660a96539730ed8fa9705e2fbd676e57e626d64', decorative: true, "icon-name": "search" })), h("gux-truncate", { key: 'ec9eff770ecf37975aca76edd72667ad73ebef9c', "max-lines": "1" }, h("slot", { key: '70f50f90d2a8fbc6b077ae27a23fb100ad2a2c44' })), 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: '63f520be2d59958b0f633f2ef84504df511a84e7' }, h("gux-popup", { key: '5ba8f4f26320b7bd82414701d84ad5898e257920', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '5c19a5ce3f72809522b08938a4c18a3b47de2666', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '7aa8ab17950d8d8f87ad79f3eb9167e254695b72', accent: "ghost" }, h("button", { key: '715fb03a6b9b806cd928df35edccddfcfd6952a2', 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: '32f6b67396aa255c372e35d2c1f9b28d52893264', "icon-name": "menu-kebab-vertical", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '46b535b72697c780a4a523c0df012d1cdbc29f5a', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'd99c0a1ea7cd6b6555c616bb266cbe200bb03cea', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'bf8ca64f67b3e79c173bf8611f081c54d99c3dbb' }))))));
+        return (h(Host, { key: 'f78e967950ecbe08165dfdf04b2d8c955c30d331' }, h("gux-popup", { key: '8b6a158b74b030f8ef0dec41b14a9639c41d4558', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'b1a2f01fff46a264300c3d812dd915312cefb443', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'c967a4611821bb8093b85eab64dcce072e11aa48', accent: "ghost" }, h("button", { key: 'e552d0e0f6db5425cf0d98756ce327640d84acfd', 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: '2ee801974642ed0359ea5c0bcf41b1b921e2a7de', "icon-name": "menu-kebab-vertical", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'ea83b5a77d586251814277249a9f2497646782a5', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '0f2915e48af34a4f7aa020b3835156947b3dabb9', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '8d262d9b74876f870dc97a094b655c52bcbdc217' }))))));
     }
     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: '26b39fba27a6ddf32d4c289a4bc10a1ae1549283', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '0bf3d5e14558b68a3831d28748eac830dc8e1b0d', class: "gux-copy-content" }, h("slot", { key: '42697ce02ccca2a33cd6707e4385e8184b973f41', name: "content" }), h("gux-icon", { key: '4d2791bcc2f55eb13c6c956c83a56d3eb8cade8c', "icon-name": "copy", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: 'ada63bc9a03fd3304691048d427751baa2aac47a', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'b30852b50fbd085821b5b46cf9ea82d808cc16e1', class: "gux-copy-content" }, h("slot", { key: '2be97148dc2b10bfdb48a6a9eab582d18ca9605a', name: "content" }), h("gux-icon", { key: '7179197bdf4d761753ba77d894dc9ae9fcd54742', "icon-name": "copy", decorative: true })), this.renderTooltip()));
     }
     static get is() { return "gux-copy-to-clipboard"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -11,7 +11,7 @@ export class GuxDismissButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: '3bbb394758e88d98acb171a8cdf9aa70f1b27021', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: '7145acc36de55c00392f2416747aa9d6efdc4a54', type: "button", title: this.i18n('dismiss') }, h("div", { key: '8ed99bd23d259c383acb8b39d03852f5364f840a', class: "gux-icon-container" }, h("gux-icon", { key: '3acbdbcea86e6195bbf2b52026b2380501086a00', "icon-name": "close", decorative: true })))));
+        return (h("gux-button-slot", { key: '5870577c1528513eec24954eee1d7c005f7d0c7a', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: '6135c1d86c03cdbcb1b3deb74e7ce4c37a7ac95b', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'a069f0e58314da0c59a16d2b6e8aee702649c3f3', class: "gux-icon-container" }, h("gux-icon", { key: 'ee451b79135da83609f6c1c97d0f63f7118368ee', "icon-name": "close", decorative: true })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

@@ -368,7 +368,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: 'e8cad6a11da54d4180fc99a793f8a64d2b314990', class: "gux-dropdown-container" }, h("gux-popup", { key: '0b4441fe0ab16c87117fcb905a5b0762aed22f5c', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '6665aa1a8573ec525b5dcf585c2bc46bca7042e8', class: "gux-dropdown-container" }, h("gux-popup", { key: 'e3191659a393e1751efea051ab99436e016a3197', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

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

@@ -166,10 +166,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: 'e11949e06cf3c44ea6ff5f85ca2eb8dec8866f49', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '8352ee9dc7120a1ff1a38c1df7b53f6218e20c39', ref: el => (this.targetElement = el) }, h("slot", { key: '43860e5a015cffd72cd840e0884e0be889a2d56a', name: "target" })), h("div", { key: '1838c16e7bbe154a8a7f1d0a1479ceefe4a1b3b6', class: {
+        return (h(Host, { key: '7ae20c419ffc87a65ed86fe29f7a002c9542b274', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '860d889aaa6427eb94a61436bbc7d794c4eed55b', ref: el => (this.targetElement = el) }, h("slot", { key: '5b4f9c21e25be336b65d1a3084cb9cbd9fb7ca6a', name: "target" })), h("div", { key: '7f41cc02a62809848e1aaae59235e55964e82668', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '0768b95dcbf3fa0bd17171866a7718c46a45df72', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("slot", { key: 'cece0e808468f83f15290311d7487b03fe18faaa', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'a33bc1da79a8d2e196addbbaca21970cb2ab1bd6', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("slot", { key: '8cf49cda26b4d22286bfa3603db27135c8450b37', 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: '81bca1eeb08d4bfae5906d3339775424832c6956', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '016c8cc2ceec6c46b1a641bf78879c5d2d673a9d', class: "gux-menu-option-button-text" }, h("slot", { key: 'cb387f50192702632f6c86bb0e35a2cc6beb812d' }))));
+        return (h("button", { key: '5ed4c640b897919d7bec94fe088be94ede2e3ceb', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '13a0787715ea1dd26f08aeaa361710dd7b7a5b5c', class: "gux-menu-option-button-text" }, h("slot", { key: 'd4240de1290608cec7928aa77eab0ed66ee0a6e7' }))));
     }
     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: '3b52abccf17fd176bab7f4f537cdde3846568bb2', role: "menu" }, h("slot", { key: '391e5ccb4d43335a382e718e400844265e060d20' })));
+        return (h(Host, { key: '597ba3a24a319a224819e9b11e7b0f51c3aff473', role: "menu" }, h("slot", { key: '8379dbca2868188684b659fe9f30cd17e37c21b2' })));
     }
     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: '8cb904ce38ceff40ceef005598c49e5c9989caeb' }, h("button", { key: '2f577f72340b4ce93aa09ce487ad43fad15a2d2e', type: "button", class: {
+        return (h(Host, { key: 'dc3ddb2dd3780bf0d8285b082f0d19a457009549' }, h("button", { key: '606cefec63eafd32e2bfe551a0570429a65e3bc7', 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: '729cfd90f407a8c16b0fc502f34e94bfd8199368', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '01e4239eaf3b659016346eca3949c3b70dab228f', class: "gux-submenu-open-icon", "icon-name": "chevron-small-right", decorative: true })), h("div", { key: '32b7c50039254071194842e04e5d09f4a5e3858a', 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: '19fc35d447e1a6ff4ee0857931c00b8bd76ba3f0', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'cb1e585686c3ffa5290e86b3df4eb6774474ec23', class: "gux-submenu-open-icon", "icon-name": "chevron-small-right", decorative: true })), h("div", { key: '8574a40502af97818f9a9cf7ffb628ebe5e2bbe0', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'f93a611f5caadd1c7a7fc15dd6261d252c51d35e', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '5b634eee31a7a74a75ea658cff474fd7f9fd3689' })))));
+            } }, h("div", { key: '167a6e76414a8b7b4ef5b4ac089a989d25bc8d00', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '95f48e0a52b532a7913efc9e6e42e16a1a9af187' })))));
     }
     static get is() { return "gux-submenu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,10 +46,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: '7dc13dd03b4729df3eb09588e1ce01cddea983a8', class: {
+        return (h(Host, { key: '6fdce66eab67098846c2de6dce1f5bc12b46503e', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '406b44fd812ec3d051bcab89dd5ab6a6938f79ca', class: "gux-form-field-container" }, h("div", { key: '4c42bc4a1282cf6519439411f04a3bbdcecb75b3', class: "gux-input-label" }, h("div", { key: '331ea023f9225f4a69b0571d55a5d899cea60b13', class: "gux-input" }, h("slot", { key: 'd27ef7e45fb15ab49050569bb88695a75d952b56', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'd396688e77ee70ef453a32be4bfac66f3d666b5a', class: `gux-label-${this.labelPosition}` }, h("slot", { key: 'ae4760f971f2a4a31985671d4e4b691b37fb558f', name: "label" }), h(GuxFormFieldError, { key: 'd9a67860384ff11c8def636dea10af3b72637532', show: this.hasError }, h("slot", { key: '4234b39ea6ba614d6d1844234481ec9afa3d6450', name: "error" })), h(GuxFormFieldHelp, { key: 'e16c293abb15bbe883923bb3b64c5e7261f2ff2d', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b26197479646716f5c5dbd627f846c0e24e76801', name: "help" })))))));
+            } }, h("div", { key: 'e1b8410e85b7b6a27a1a781559822050918dab37', class: "gux-form-field-container" }, h("div", { key: '39dd564ad40322e549142a10cac16e7273ae71b5', class: "gux-input-label" }, h("div", { key: 'f82a028bf05eb57bd4464ae9a599a6d05193f3fd', class: "gux-input" }, h("slot", { key: 'efb18c85be03ee2ed9fc7f4c8f97386200c440d5', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '4cd084abc2ab9cc699f5fe12c5faaef51d809814', class: `gux-label-${this.labelPosition}` }, h("slot", { key: '45a7947ea26acf0551fc3740ba905f6c3fd62ce8', name: "label" }), h(GuxFormFieldError, { key: 'f8dc26572d8b43910b1a847dd7bdebf10e0de117', show: this.hasError }, h("slot", { key: '1ea176ad4dad2ae36c032adbbafb46290083b101', name: "error" })), h(GuxFormFieldHelp, { key: 'c5a58cc6578458b03b92c77f6cfc842086ca3f31', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cfd376ebbee33a99ab59ff10a88ef886ca0c4672', name: "help" })))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -53,13 +53,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '9b70f40b697826a00821d1228f5dad623e61996b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '35c7d19a34d305296cc42143f8d30f2b70e02bfc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '92484ff661df352824035dad4b500aa391f37e33', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'c4a2f287f883f090142f07fe8d7f9a510530933c', class: "gux-input-and-error-container" }, h("div", { key: '468b00b74d8055dc5f934cfcab3857aeb567d078', class: {
+        return (h(GuxFormFieldContainer, { key: '4de620211facd43c134203a1dc50c5f150957597', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '51880dbfb55e9526ffa27ef0b52f8818e5a4fc72', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ddc42dc57993fd2dd7161ffdae9ebd7d4c89e923', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '87df88d355566b52bc9e621ceb4cd6c08c5bc574', class: "gux-input-and-error-container" }, h("div", { key: '1722f9f84471661ffafb7ac2acce89558a0251e0', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '38a8f73ed5ec4bd63c9cf46db9bfef138a7f5544', class: {
+            } }, h("div", { key: '91fa6e5ce4f654c4937ed7544a10cb638cf96d9f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'd8090b53065edf0bb95382575bbcc03bea09d5d2', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'd18d864adaa84999f828c1efae6ad8983f6dbc83', show: this.hasError }, h("slot", { key: '36e8b4610b35f00990c6e862eef0a695c76c0f27', name: "error" })), h(GuxFormFieldHelp, { key: 'c7f4e2f243e1e224d9ab0893045d844d9d603a40', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c60336d650a586eb08e21cd6339639e4f127919e', name: "help" })))));
+            } }, h("slot", { key: '7f6b77d7753329b57f6781e6a12284fad54b19a4', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'b4cdc6d9f9b201a58f03e81b200b9182723776fd', show: this.hasError }, h("slot", { key: 'd3c699cb10d387d80459d1bcde3c956c040c4b78', name: "error" })), h(GuxFormFieldHelp, { key: '26f1fcc907f399707d4ab7433251908bbac4bd2e', show: !this.hasError && this.hasHelp }, h("slot", { key: '5a596d8702e84a4062b8de525a0e21d274573d5a', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -63,10 +63,10 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'd5e3a4c2a4e23affbb2e634502b53cccd63a7499', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'fc856311f81ab31cdf6c862628fce91b23e8a14f', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '55cd8d2d10acb3c81e1300c37534b41dcc505fdf', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderScreenReaderText(getSlotTextContent(this.root, 'help'), this.hasHelp)), h("div", { key: 'dd9ee0ee93ccc8720bdd72c07166c08655a00ef1', class: "gux-input-and-error-container" }, h("div", { key: '78ae908a960ed18013990fd408b4785440432982', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '2c92b0e5d66f3a786f08e0994b3e6a632b318ad8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '760eb54b506e407dae2fe487f8c5d0a9e944395c', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '9eb91e20041ced36f416582ac765eb3372d7c491', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderScreenReaderText(getSlotTextContent(this.root, 'help'), this.hasHelp)), h("div", { key: '93b28e308f361239bc2a8dd2506d9af070476d32', class: "gux-input-and-error-container" }, h("div", { key: 'b2ed0cbba2c078cca7bff6958e59414161f526ce', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '31497817dd322d36df141be274cff89a8e641bd4' })), h(GuxFormFieldError, { key: '205fefa53f98be43095f9dd93c883708da6c2533', show: this.hasError }, h("slot", { key: '73329ef3def8c43252dcbd85fc72aa3a3291799e', name: "error" })), h(GuxFormFieldHelp, { key: 'e5803c8a035c4df146e60a7f9d0687a2053f57e5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b4813498a954f594cca0737e1d47fd79dea9e931', name: "help" })))));
+            } }, h("slot", { key: '46750b1ca70325c876278135d56c4d71b901f5cd' })), h(GuxFormFieldError, { key: '7fff6cea44cebbea573ecc873e638346b347bf63', show: this.hasError }, h("slot", { key: 'a913b6adc15cad8ecfd76905e6047e3e51cecbc4', name: "error" })), h(GuxFormFieldHelp, { key: '4760b20addb518f1e371a4d14e3cd8db31ecfde7', show: !this.hasError && this.hasHelp }, h("slot", { key: '54ab99019222cee8985a18699d111e4e17c6ece1', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -69,14 +69,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '140f251656aac72e6bdf129b4a9408a287799906', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '081843f21d4688d65e1ded305a1ee3c4392425ec', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '0e18f68fef439eb6d83459b47d99749f856dea50', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '4775b7b1498c847f3dae07e49231fa5d7074d343', class: "gux-input-and-error-container" }, h("div", { key: '5d913e0fa93027dc1a58ad340b1497d0654891c8', class: {
+        return (h(GuxFormFieldContainer, { key: 'a72a518c99304afad79117dfc7e7f0ad0a30614f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8ea9761ba508e33ef8f80d0a3b2a0d3dfe8e804c', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e68b5ef8ce44e35e6616d22a268778cc1294648a', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'a183c111739eef8a8278e0da7705562d418c14ce', class: "gux-input-and-error-container" }, h("div", { key: '292360785449a2745f71931b16c0ffc45b610629', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '571cef33da2115fd9221a936f611fbd5b35a2c35', class: {
+            }, part: "input-section" }, h("div", { key: 'acf6205307b53e9518e55863e1aff9ecec80272c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            } }, h("slot", { key: '0e562691d11ea156f490e42f5bd25b64fcbda49c', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '61c095314733e553d1cc3f1f0679e7a84ec83f64', show: this.hasError }, h("slot", { key: 'adf2293e262f9a3906ca827fcb2b717e9bda1c5d', name: "error" })), h(GuxFormFieldHelp, { key: '1b6aa97aa2d2607ccf736734d6b913a597296843', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b045551a5f988f8e97915e656f8b1eadcd75c376', name: "help" })))));
+            } }, h("slot", { key: '5e8105e9b2018b5b3af00b6e6cd71fa944404a4d', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '2b581ae84f4bebde30842fcfcb8eef42a7f962cc', show: this.hasError }, h("slot", { key: '04f8b7e60f599f0c3d443c009a02d792b1a841ff', name: "error" })), h(GuxFormFieldHelp, { key: 'a091c240b493f9dace93da80f237bd96925765ef', show: !this.hasError && this.hasHelp }, h("slot", { key: '5611099af87f6f2bf037a168946e4f9ebfd27381', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -60,13 +60,13 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '1c97db05461b448ed774d1b3286afd3b2703e85b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '61d4e0288a6388d3f964b3cc10090c003108736f', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '07cb1b379a20655ad7732b41f54c2798ed12719e', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: 'b9bc37dbd8d4fc16036132002eb5a2a7288d929b', class: "gux-input-and-error-container" }, h("div", { key: '3bdf82b8df04a62acaaee7767268e57cb10de2fc', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '3fa169d0606c345b34dd3d1ea0c6a97fcac527c2', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '759b4fdf526b0f00fd31338dd339ccaba7030025', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '2cb5f8037a0dd6af278d38003d7e8430d04e28b1', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '5b43ee2a6a26f7508140c125123d7a60a45a2820', class: "gux-input-and-error-container" }, h("div", { key: '6488007b2d7ae11a87dec8bb63f3304e25450bd4', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '06b2fc3193e793bff248d744d770c48c488bdfb1', class: {
+            } }, h("div", { key: '6161c983bba8b62e3fdc94fad188310e144a101f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '056df5cc40820ed784761be3219d4d530c525bcd' }))), h(GuxFormFieldError, { key: '8d2c3f93da78b6776681c6fb4e98b3ab9586dcf7', show: this.hasError }, h("slot", { key: '6b0e896646fb8f732f2d62901ed2a313355fa41c', name: "error" })), h(GuxFormFieldHelp, { key: 'b135698c3fefc12b92089cff7d4962ae751b83d6', show: !this.hasError && this.hasHelp }, h("slot", { key: '39f1e5a5cb0f9e053fc025f2710a5ff0ea06fa21', name: "help" })))));
+            } }, h("slot", { key: '54b5ad837c3fe5504a82d1f99e78d02328ac1f33' }))), h(GuxFormFieldError, { key: '0bfbae7a934efc9d251cc816c0900d27ab3f41d3', show: this.hasError }, h("slot", { key: 'dce39a35bcf06a467ee4416370298460e1f075d9', name: "error" })), h(GuxFormFieldHelp, { key: '736ff141c3eadf6246733d4704a2aa796e821b58', show: !this.hasError && this.hasHelp }, h("slot", { key: '2caea58e949c93c153264db170dcce02bf27f0c7', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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

@@ -45,10 +45,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: 'f72e288a6f831e5439778a6005d01c7094adffd8', class: {
+        return (h(Host, { key: 'ff5bb7aee48f8c26d69ce040b7d0880193c1d1f4', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '1af8837211b75d62ca3b1b303ddc310225da9bc6', class: "gux-form-field-container" }, h("div", { key: '6d2998bcc82fedb54761c240c3d8ed835421e633', class: "gux-input-label" }, h("div", { key: 'ceb208dbd53366be1b5c295add0d4e0358384c88', class: "gux-input" }, h("slot", { key: '086c7b822f29c03a3cf8e6b9443e582f14571b8d', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'e86ac65433df765859ef08e691e010879d7ee1ba', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'aec6d171182e67180f5aaafc7fd01d778f713c5d', name: "label" }), h(GuxFormFieldError, { key: 'ff63180701da1917c12f75f374492b167d7cb6a2', show: this.hasError }, h("slot", { key: '764bd91229915d738eab6a9f054bbfc2a50d71e1', name: "error" })), h(GuxFormFieldHelp, { key: '69ffe6e33652fc820f64bb74790c52a8cceff776', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ecf28c9e7cfd1b7eedebd76715728d19464d0835', name: "help" })))))));
+            } }, h("div", { key: '0a2973afecf805180f01ff035bb3efadcb560918', class: "gux-form-field-container" }, h("div", { key: 'a3eb10c6eb04a3fe742e5aec78055eff15301aa3', class: "gux-input-label" }, h("div", { key: 'ae559b10664706a61ee43f51a749091a54282465', class: "gux-input" }, h("slot", { key: '71364447e2ba1107058dd3755a4168a6028f9dea', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '7b986ac97cb8276386be21822bf49130cdc730b5', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'e83779de807bbf3904a3f51d0d4a9f6993a73136', name: "label" }), h(GuxFormFieldError, { key: 'db41a36f94db6213bd60e788faee54a7938c70ea', show: this.hasError }, h("slot", { key: '8bc9040e14e6acf87716e106ca91098c9cc29f23', name: "error" })), h(GuxFormFieldHelp, { key: 'ad35318870b5ee04da24e5744e4de10adc62d111', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e9d4a3de99307cde1a9ad5f9a52e623104b7750b', 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-range/gux-form-field-range.js

@@ -82,9 +82,9 @@ export class GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: 'cd5a411b6bc2f55576b102c21b7231e742b6d55c', class: {
+        return (h(Host, { key: 'a06c09930ac7d04efdec9fad9cf5380e6f5e60e4', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'da93fa3bfd1dfc09071d61f0b817b3751ef21ea5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '78466505b11fbe51fb09d2c259e5f35c2e6b831b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3babdde16c310fd693725b5b34a53c559bf9c9d6', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '85bab02888fd0246227eb21fa27a2f8f4c276101', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '34a72530f212668fe9f8d75632f0fb86c1ab09e0', show: this.hasError }, h("slot", { key: '99938ac13a147af887445d0ac967096bd4c0903c', name: "error" })), h(GuxFormFieldHelp, { key: '5f7d87453df5c4c8c3f76cc14dfab5b702ee8df2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e474171d7e470679ce73d3faa35856e46383dc77', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '73cd8f81b1587524e3e968c1efbe2ad9892eb7fa', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '923ea623d9da975829de1d00af40e5a49d82ec8e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9b2b46dd49997d1254ce7c5262ba6c0cd611649c', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'e582ca1f33efdd83cf25718ef3c98eda4be9e824', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '9c80fdd698c1f19a7da8ea276bf1bd1a3b09e27d', show: this.hasError }, h("slot", { key: '1245b4a390981b0e28cb719fc545cb67a2f58b2b', name: "error" })), h(GuxFormFieldHelp, { key: '5a9f56db32ce54ee049c752e96cb47b8f2f4ca36', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a49edfcab3c085d692f5ca81c5f9d68755e0034d', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -62,13 +62,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '9b6fcaaf87128437f2a9dafda11959b6015f30c9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '10f37d725c600a9fe23dfab1fdd17c91d4aa52ec', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9e4f4b0e5cc5d6fe985c4e63695faaa2e04e4a43', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '44816b3c4dc4cef57a2c4c11efe45658784cd220', class: "gux-input-and-error-container" }, h("div", { key: '7a941a606fa9225958beea6c03bcc251b92deec5', class: {
+        return (h(GuxFormFieldContainer, { key: '65b3f503b144dd29da530fa69d461b644ae68753', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '9813f479c1eccf8191be7f244ef7da43f5bbd0ea', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '5dd92710f9729202adfa25724d147873df1403ae', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '268362984a3027ab2d11aa399e9ce9b2d5fbd571', class: "gux-input-and-error-container" }, h("div", { key: '67d53623ae4c00a632a94809f4fd6880740b4f5b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ed4ac1c6e96c585bd201dbb9b8875f8f82f816e6', class: {
+            } }, h("div", { key: 'd9723406cbb7e17e8a3d47116e512108992f3fa6', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("gux-icon", { key: '5824f76c43b0a98ac0687a9d71427514b537b384', "icon-name": "search", decorative: true }), h("slot", { key: 'c8f4fedc593b65609886d5a262a21903c5b5b190', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '92e8f14671da0afaa3e7911a0589007a6d5b4aeb', show: this.hasError }, h("slot", { key: '3c4d39ef55f5fa6fb9a209570db055ac1b8ce9d3', name: "error" })), h(GuxFormFieldHelp, { key: '4a8ab14a6870257eeb60698a843d736a4625331b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd31bd419c31ea46cbb402ff2437eec902964e519', name: "help" })))));
+            } }, h("gux-icon", { key: '07da4b466e0bee3e153ebb08959b808323268746', "icon-name": "search", decorative: true }), h("slot", { key: 'cb2ed28e6721aa89f6d9539d2846e7d59ac50630', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '2ac5c61d0d639458a29d8d9714aecb251b36bea5', show: this.hasError }, h("slot", { key: '37cd2042c5f779ad9203276d06eb4fbdc07d9a7a', name: "error" })), h(GuxFormFieldHelp, { key: 'aa6c0b8524353f76d4644c1d3ecdf3f8fd5684be', show: !this.hasError && this.hasHelp }, h("slot", { key: '3002ff75e68a96a968f367ee1ef9305aab55eabe', 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

@@ -53,13 +53,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '5de6c4b7dadf5c5413cc5eb1c714bfa309de9f7a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd8c2668d92a59f938b6716809b3818b79cc8381b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'cbc5638431c6de2d460bf5f556d24f5a9b860fea', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '57b712b205b93e7802b6fc0b68f86f75a556ceda', class: "gux-input-and-error-container" }, h("div", { key: '0c95ddf34e5a91e7bca5569f007003fdccdf7097', class: {
+        return (h(GuxFormFieldContainer, { key: '1ca1764a66cf8cdaeee68289c1b6796be811c73b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '10f41774a0353c71657954a30cb1dbc29e42d604', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '33372030326f623b69fbbf8441584b60e87b57d6', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'be7fa0dd4b4a7ccf0dcfba43be1cb7d1d96582fc', class: "gux-input-and-error-container" }, h("div", { key: '63939c91c2c4d97c0eb115fcedbe70cfe8a873d2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '96bf718581a1f3a3600cac37b9b234113db6a4e8', class: {
+            } }, h("div", { key: 'a3968cf70d9bc7f0cdd949346e87cb3743df91cb', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'f9e3ba2148d1dbe21d76381f0ebe120ae87a077b', name: "input" }), h("gux-icon", { key: '01b0093bf3e519cd535d8c1fc2deb3abf37d5a3a', "icon-name": "chevron-small-down", decorative: true }))), h(GuxFormFieldError, { key: 'e720e6da23f29976cca7e5430568e8f0ed87237b', show: this.hasError }, h("slot", { key: '58c670c88ecce44d7bd4b3e71ac0cf67aca5cc2b', name: "error" })), h(GuxFormFieldHelp, { key: '89726cf7a86e81a0d8b87ace001d03948813b3e7', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ec453c765f7370c2e1b31f9830dfa8d362764c6d', name: "help" })))));
+            } }, h("slot", { key: '5a074e55b7f2313763dfe35cba166f750a5dd959', name: "input" }), h("gux-icon", { key: '6b03edbf7a3958cdb2eaf4ae644cab68948478bc', "icon-name": "chevron-small-down", decorative: true }))), h(GuxFormFieldError, { key: '09fa9ae2421e36a4817ba17742fa8036fe8b4cdd', show: this.hasError }, h("slot", { key: '79d810c3b3fece1c06a829a6aa0665e1133d9ca7', name: "error" })), h(GuxFormFieldHelp, { key: 'd11bdaaa1c0b8efb4a45953ae3606220cc334d6b', show: !this.hasError && this.hasHelp }, h("slot", { key: '4e0143f3550f3bf1a2d130d529358fd3e615aed6', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -80,15 +80,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '1b539f28d93fb3d83bb9b9916e99db01d365dcb8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '10c8175037a431fbd41d1a55cb7de1c853f47899', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6420cf7ea31534f1ae1be97293728d90930c7f35', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '5953dca426f431d67536a828da54d933db8a06d6', class: "gux-input-and-error-container" }, h("div", { key: 'cb70dbb052ac96b304cec8967af79a70f99b2955', class: {
+        return (h(GuxFormFieldContainer, { key: '47208463e724cb78857e69704f455d49c76e77fe', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '29aab8cfeb9826eb0979cfa6cb0853d01bccd97a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c14abb7afa496a8484a095adaf7380b4f767d884', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '9cf99ca28832b273fa70e1bc43a3fbb3ff6006cc', class: "gux-input-and-error-container" }, h("div", { key: '2f4a3409dac229a7d48331cd9c2356a4daa4dbbd', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'b5bcc50eec9abf8f71a99cac0c4fc1383451d423', class: {
+            } }, h("div", { key: 'a5bcf8d7ac7c8fa258eb28d7653a67126ffac859', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            } }, h("slot", { key: '0c0f46212f0193abc836d7528a8a1519c82b05e8', name: "prefix" }), h("slot", { key: 'bccba0e8ee54d25b62b242ca77a52be19c6bec41', name: "input" }), this.renderRadialLoading(), h("slot", { key: '03843207037a3c58f329525d0f1caa7c99bb1233', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '4a1e53f704a610273234f6b27867711a733acbf3', show: this.hasError }, h("slot", { key: 'b6159f476b77bcb2029b6d1ac369bc31fce55020', name: "error" })), h(GuxFormFieldHelp, { key: '325df110dbb96e9bdd7281ab1f2be251254fb54f', show: !this.hasError && this.hasHelp }, h("slot", { key: '88b377e85c3fc2723f497c1326d51c94e37d7e29', name: "help" })))));
+            } }, h("slot", { key: 'a5160e2c567799b9d06ed1ba64d426ee3055d22e', name: "prefix" }), h("slot", { key: '2c71826b1487a6dab13c6cfe21cb2a7e9883dea3', name: "input" }), this.renderRadialLoading(), h("slot", { key: '80d52201bf8cf3e9cd9641344eac08bb0bda7544', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'bc3363cad1b877316f832b66eec3eb7e543aceaa', show: this.hasError }, h("slot", { key: 'cc5ddd2a97f25e11d687b5b5ea91abcd5c24d051', name: "error" })), h(GuxFormFieldHelp, { key: 'abfd5dc6fe0717f885884ae25805339f4c10eebd', show: !this.hasError && this.hasHelp }, h("slot", { key: '1894199f1fa24f16b51c81de2321e28ef8187527', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -57,12 +57,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'fa6b3297a50339ab8184f4538b6be8ffb2aeaac0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'db119d2241a81038bf50d551c1b8855d03d6eb84', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fede5f2a55e59075998eba3fb8289f8091527da6', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'f663ed56ab469d71a57b5f2185f72b1380b02573', class: "gux-input-and-error-container" }, h("div", { key: '08c68003185c1ab9a0c6f963db529504652da394', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '21edc7521eeff08c9a4a4986f07963d9fadb3455', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5e105f5eae919ea0b34bef6106494bc7bfd97bde', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '2791528431c16d10b8083476aaaa13f6a6b52967', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'd07a4d2231a071bbf227fe6ccd9b291480a840f4', class: "gux-input-and-error-container" }, h("div", { key: '543ec5ce1c04df05c8a65a80f34a2282c1746141', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '7c7ee9c362d036e1ab2ad00f2b1661fb44693b4b', name: "input" })), h(GuxFormFieldError, { key: 'c3fdc65d0deddd79937f7d443add5bfb1ac45f1a', show: this.hasError }, h("slot", { key: 'e10508d9c7b0e9240fd771064934117a85364082', name: "error" })), h(GuxFormFieldHelp, { key: '1c80d984cab3cc38b214729db74bf16bdac1acd7', show: !this.hasError && this.hasHelp }, h("slot", { key: '0896e503cfc3bfaab9a7ba1374740cc9cc79063a', name: "help" })))));
+            } }, h("slot", { key: 'bf926ab7ba621ba5a84c9aa4a096db74d1dbed52', name: "input" })), h(GuxFormFieldError, { key: '0b267e5dbbcf4b5b16cc8ec981e1771da41a9e41', show: this.hasError }, h("slot", { key: 'ae00b3e5b0b6240baf48eab2e6ec6e5f8367baef', name: "error" })), h(GuxFormFieldHelp, { key: '4d6e8e0bf8bcc120606beeeef6a8af08c184f4d2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'da563c211fd9674f5d00a74561327db186486508', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -61,13 +61,13 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'cb5afd1c70e22ea2fb322d0dbfb6c4952fdca4c0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '5a708464f62da04af944d276070d1005d5b3aff4', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '18e42258f67f8a917b35acdd9fa8fd41a203728f', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '6d5d751ed61d1b54df2db0f856d7e1d2b312bf11', class: "gux-input-and-error-container" }, h("div", { key: 'e499be6891a67781daec67d7cbfc035b3ee10e46', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '45ba1e5d3250f76d768824144a89f6543e71e44c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '54395c59424113d4046562b31d4d6d56a91ce605', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '0972e27dbc5556249150f8ab057c7b588c260eed', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '01e88cb683d60e1de8c9c3bd2aaea95b83b08f3c', class: "gux-input-and-error-container" }, h("div", { key: '29534269b676c46cfc20e60f32159d03d582eb7e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '3fa4adfc24bb765f995b83a91083cd1c484904a1', class: {
+            } }, h("div", { key: 'c0d4e03c651e76d20edc94ace2442c86a16ab5d8', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'a31011bad7d1e7cce3206e1c22c17da6338b798c' }))), h(GuxFormFieldError, { key: '81e519461c2ad8572ded22152e9c9272d054612b', show: this.hasError }, h("slot", { key: 'fe7ed9a58e9e24bcc01863fe46de37883e2a4b68', name: "error" })), h(GuxFormFieldHelp, { key: '3ce1cc9c78db409a8c89ae541f4f3d88f1827b81', show: !this.hasError && this.hasHelp }, h("slot", { key: '382462a2c9592915ec320be97e21c315e9c64107', name: "help" })))));
+            } }, h("slot", { key: '700b70106a36e05782a6a06be07e40f925602435' }))), h(GuxFormFieldError, { key: '29b2a44db8be179bdacaf4d2d38070b0dcd80a5f', show: this.hasError }, h("slot", { key: '581747dd1b38672cb79d04024f2dbf4c7327fc18', name: "error" })), h(GuxFormFieldHelp, { key: '2c83a2641cf78d92b421a1f2e9663cbb31592d3c', show: !this.hasError && this.hasHelp }, h("slot", { key: '081a12d7095e5fd867789c244c3beb91bc7ea4e8', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-zone-picker/gux-form-field-time-zone-picker.js

@@ -61,12 +61,12 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'e05df8de7283be9ed92faf95406024fc6ec078ee', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '3098ae67f889d7c5c34fc18f3cc2f358ab5a798e', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '5b7ed447abdbbb97c477885d9a3dcd744ffa5982', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: 'c0096de371b5ccdee13483835d2abdfac1ca0bc1', class: "gux-input-and-error-container" }, h("div", { key: '693e2e0dc7d5f0b78bf211a9c51ae96ad87c894c', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '028e13eb4ee7cc02d1fd96353e9202d693efcb5d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'e7ba848fb878de1e221f429fe7e5aec007c77c74', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '014159b691a78386fb4eaa14f035c57a43f6ca03', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '8c831ca5a902f8f57bdde269744fc91a0d4c0446', class: "gux-input-and-error-container" }, h("div", { key: 'f5cc83af07b80e166fdfdd05e42e9bb8f0c6a3c1', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'e2d3641582fba167959bd3b5364da9465512a92b' })), h(GuxFormFieldError, { key: '99decd7cd71f92be5b91df09820a6439cc29b013', show: this.hasError }, h("slot", { key: 'c5bda40502474b8ee5eaa2c831ffe5e76ef59bfc', name: "error" })), h(GuxFormFieldHelp, { key: '4d6bc0c6bb642cc71577a71a0471d027c7033d47', show: !this.hasError && this.hasHelp }, h("slot", { key: '501479b64b1672a146441de768489e095534ba13', name: "help" })))));
+            } }, h("slot", { key: '14c9c8202cd660cb73fca0ceb0090c3212e3f08f' })), h(GuxFormFieldError, { key: 'd9b44d9f01d063e735f11437c04829c4cacba55b', show: this.hasError }, h("slot", { key: '9d6c8c4a72b2be7476fecd440cd151edf60652a8', name: "error" })), h(GuxFormFieldHelp, { key: 'bcb78d59eb2172509c9b6ad420b7de8c52591cb7', show: !this.hasError && this.hasHelp }, h("slot", { key: '2222f2004fdb836780945574555c940aa0468008', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/helper-components/gux-form-field-input-clear-button/gux-form-field-input-clear-button.js

@@ -8,7 +8,7 @@ export class Gux {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '220253eba191932c3e80c1fae4f272120b31520e', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '70e3bce1f6cf701b50e8f5f7c97a4d5be8006dac', "icon-name": "close", decorative: true })));
+        return (h("button", { key: 'e2ddc7fac03bba68060631a91400c4ee134c58ff', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '3bc3e10414bd8d6db784e0e3201c5d8c7aecb29e', "icon-name": "close", decorative: true })));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -57,7 +57,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: 'b733e0652ab1bff5ed2c0247641d0ed49c2b5945', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '563fd7836a8dee2368f79f876fd7dde3b1aee7d6', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get is() { return "gux-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-inline-alert/gux-inline-alert.js

@@ -28,10 +28,10 @@ export class GuxAlert {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '884626902b91ce75205b672281fa808d7ac7267e', class: {
+        return (h("div", { key: 'f91ab9a2f27298d64b9bb129bde693bfae717258', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("gux-icon", { key: 'ac696664c4c8addab8f529b78e1a9f3038ac9e3d', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '1834d7cd87f76fed456351e810587fdb25c1da4c', class: "gux-message-wrapper" }, h("div", { key: '73b77795b421f77d680d11f6a3fd3ce7191840e1', class: "gux-sr-only" }, this.i18n(this.accent)), h("slot", { key: '88bc321031aa3a6df0552a7454c759e03577c320' }))));
+            } }, h("gux-icon", { key: '3833fff501ea94dab2d133e49c8a7c88d37c2659', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'dab46d5908f75422123ec4b29dfb5dfad75bd7c3', class: "gux-message-wrapper" }, h("div", { key: 'c379c1ad3e7f681cad4e1e58ed1479ad6cf372ac', class: "gux-sr-only" }, this.i18n(this.accent)), h("slot", { key: '5e678920fde88c954441e594759904b6866ac902' }))));
     }
     static get is() { return "gux-inline-alert"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-list/gux-list-divider/gux-list-divider.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class GuxListDivider {
     render() {
-        return (h(Host, { key: '02e5588b1b1a3d1a4faa8f76db94d869b3290c75', role: "presentation" }));
+        return (h(Host, { key: '989b43b27752d851310e38358e9f2e336830c171', role: "presentation" }));
     }
     static get is() { return "gux-list-divider"; }
     static get encapsulation() { return "shadow"; }