genesys-spark-components 4.43.0 → 4.45.0

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: '239dbe5bb1216da232a78c598c8e3c39ef7d9544', draggable: "true" }, h("div", { key: '63627889cfa3c16b1a41b3a579cbb7f89f26ab36', class: {
+        return (h(Host, { key: '19e04ad673a04b589d5a6a5a47d0e3b1c60cc106', draggable: "true" }, h("div", { key: '07f33956d45d21bf6e364a5672ffc838540e173c', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '388327b0cebba89d1f7aab0a675e7c689019603c', class: {
+            } }, h("button", { key: '128d146619325aa29b98eaeff0f58860c464e98f', 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: 'dc5f00c81e60090e3b13329e56a94d4ce1fc6200', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '07143e8210d78e4cd4b59455517f5a3ab7d0fa16', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '1635da3c62c4f002e9c66ce714492c0bf4da352f', class: "gux-select" }, h("slot", { key: 'ed8246b7c87fa42c59101a883114f61bf467eb3d', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '881a0bfe491faeb4da33f1f7c7cdd4e332fd1e89', 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: '2b4eda9f6491167dd33dc6d332e4fd39a1919557', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '706f0eea0b56cdb3f75d571e8777f3ac847220b4', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '5ac36eb4c29956d4e819a5de1247ff042ff8b2c9', class: "gux-select" }, h("slot", { key: 'e336631b5dab80b251ba6893012f0feb1addfb63', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'df463e7bbb64088bea9ff105d074661b7ee495d0', 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: '0028f87bea8d5962d551710199c95cfb6e0ed0fb', class: "gux-container" }, h("div", { key: '25090ac71a783bee05c4cef141c2bb51193e0783', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'ba0e6c46ce5c2af64eca40cb2624fb45182dde9a', class: "gux-search" }, h("gux-content-search", { key: '229b81ca309dd493d3fa130759e56fdb503b2e25', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '48448ef55e008db2744be11bc87f054c89ed5836', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '2795ea2054f4482a8a6d846d2b756eb42379cffe', class: "gux-select" }, h("gux-form-field-checkbox", { key: '4baa86b40e99b8b537c62daa81c941e9b6b11358' }, h("input", { key: '087038e4b616d17600a7f41d088ea181d0813319', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '8dfd4a8c3e0e03e403cd23ef67acc6af618cee84', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '0a9ce0f17b6166180ee64af8715999dcde44cdc8', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '337c5218ff2c5df14049e0e8e17565aeae9e4819', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'f78760b3855321190508368081b98383d1b328b2', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '9e1f26db2435caa8d5296db7158514684ec7dcf4', class: "gux-container" }, h("div", { key: 'dde308417a67d62bd864216a2ba174cd54b65681', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '3b9432eb853c7d50ca312850945eb08d4af69d73', class: "gux-search" }, h("gux-content-search", { key: '3b00f9c9d0bb2c97cef119502040cc736ac82428', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '1a3bfbd4aebbd3d2fada56bb626e9dbaa3368d5d', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '614d197c44335c9b25279712145d1da65bf98e13', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'd71186290ebbccc8736b4dce8f89d46fa4e595f3' }, h("input", { key: '95f8406c17d50838641be426c5c6f4f6b0f49d3a', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '50252c685aca4ec17a3f01f30e6182d91d642180', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'c13bdddd46573b8184673f6e44bb20a50d3ad394', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '7b2052d98a33aac03b05ccb02733eb68746ccedd', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'cf288b8c131da4b8343ada68c93c11c2671589ba', 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: '3a1ff88775801b255d7035397f67c28a7e17bcb4', class: {
+        return (h("div", { key: 'eccc1f48dc7f667f0492f89eb15da3855877221a', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'b584b8c8529ae5e728346467fd1f56575436034b', class: "gux-search-icon" }, h("gux-icon", { key: 'ecff7d207365163d26ad5fad6bbcd97478d24964', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '6dd03e8bd7cd587681e444ae3098999f65717de7' }), this.getNavigationPanel()));
+            } }, h("div", { key: '197f06268af175aefa6cb44e0c0282cb34fb7f4d', class: "gux-search-icon" }, h("gux-icon", { key: 'd9747d2b0c45d22045998eefdd12061cbffc5dd2', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '39641fb0fb6f9d14b3907b78cf19c3427ddd0cc2' }), 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: '0d7a170037cf75787431afd98aca5531f1f82547' }, h("gux-popup", { key: '2cc047c2a0d82e58e2257f86f37c1c5a3c4c1107', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '26f10b2c2795df0d8e3a9ed69661dd03894edfb2', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'f90f9828f8af73b02e4f2f984f6bff956ebf7db4', accent: "ghost" }, h("button", { key: '02e8dce61304bc99d9d5b733691e8bbc0433b32e', 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: '02f655b7d2fd4e9ad0bd77fb7d95ef047062f8a8', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '25ab6470d234434365f0a0afff138143f2ac5d29', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '5089427192d2f764c339aca3a0f77d5c1417257d', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'b4f3ca1ae74f43abb9b1dc125300d0789dd3c483' }))))));
+        return (h(Host, { key: 'f602a3217882eacf9b230c985bc708cc423a20c0' }, h("gux-popup", { key: 'b917ef1ff7dce073e603a63736398a06f167f27d', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'f0a393b3a46816f57d497d258498c3b153f592bc', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'a099bb616c8305688edb0ee15536bc8cf0755b78', accent: "ghost" }, h("button", { key: '285e1e8a43bb160416103778ab6f595e277f5c4b', 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: 'b0ab119928b0a2cd16385bc2a3b5f5f25e2f4d42', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '2019a801e2471d3f83edf591a66a21cdb2755a0e', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '7f61963b9ade46c6e645e6528b01073929c15ac7', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'b927659947b3edb14c55494b2ccbba16a7352d22' }))))));
     }
     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: '999ee07a48cd3d9d1369d204af767997c73f16be', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '27bd5e847b21682aa2ebe939844db4d36daa764a', class: "gux-copy-content" }, h("slot", { key: '51b127d5a83ee1868f4ecf43009b1950cf06c26c', name: "content" }), h("gux-icon", { key: '22d9e44fe2864e5aaeb0d28b7e726da385b373bb', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: 'f379ffe50cad2bbe1ffc661fe4d0155a4a9e12fd', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '595c0f4c4b86c93b05bb73a85a43a24b13bd7a3f', class: "gux-copy-content" }, h("slot", { key: 'a39d63a8aad5c9ccb33b0a82ee785063b00fbff0', name: "content" }), h("gux-icon", { key: '4ef0e3546e56b52d3e376cc3b244c08edd5f0a93', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
     }
     static get is() { return "gux-copy-to-clipboard"; }
     static get encapsulation() { return "shadow"; }

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

@@ -508,7 +508,7 @@ export class GuxDatepicker {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (h("div", { key: '5d0d6160f9357c8d56c3a149dccab47c3d0489aa', class: {
+        return (h("div", { key: '327ae0465bb0b771554474c77cb73e145e3f7405', 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: 'b28ff8d18a4827884ffb2096b640d05ec939b2f6', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: '8c078c4d5cb54bbf1407ab262df72683671dd1bf', type: "button", title: this.i18n('dismiss') }, h("div", { key: '69f0671d9a5c72de15b351b633d298f1dffa1135', class: "gux-icon-container" }, h("gux-icon", { key: '38533d23d86f3c6ee8597de747cce46133cf1040', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+        return (h("gux-button-slot", { key: '7431cc65db5f0a1cfc4406cfb7666f39b1509e6a', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: 'ce8c82345ed631a8a09a50d5eedd22d8122cfdd8', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'cf19680cedd830127816fa68647639656203d760', class: "gux-icon-container" }, h("gux-icon", { key: '23e58712f8eacebc481d7c1d1ce472a6b78a7037', "icon-name": "fa/xmark-large-regular", decorative: true })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -331,7 +331,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'e472adf706a6ade11a7cef0055457dc5329d962d', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'c949ccda49dea1fd7ddf878b4516aa633cd66653', 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: '09a25c5a93afc76d984406f3ec76c91cdffa56c1', class: {
+        return (h("div", { key: '26e1cb4417fb5939d78cf84642065cdc7d915a95', 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: '38d98aae2b91518227f9986995274730c1d56fd0', class: "gux-dropdown-container" }, h("gux-popup", { key: '86b9d2c5d3d683cb51e911554a8e288563b2f146', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: 'fe300e1a15427c0353e143c1246745d2ad4b1dcd', class: "gux-dropdown-container" }, h("gux-popup", { key: '92f6cf7714aebdc97866fd1a24e40610cfe65c62', 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: '724eaac55fee35307fd11681fb4149036a560410', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'dee17196e2a2f49205271b5ac835d94ba32b9f39', ref: el => (this.targetElement = el) }, h("slot", { key: 'ce121553a803b3db7ec8c922e87f25d1161ac309', name: "target" })), h("div", { key: '86f09819503e60f83884b890b0bc82b62f5180e8', class: {
+        return (h(Host, { key: '17043d7a047a8ebbdab805b396bbe1445304f226', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'a90938c99fb2e65078fde978efcecc625c2ff502', ref: el => (this.targetElement = el) }, h("slot", { key: '5335f732a257e1c15327d90e4cf35ef9a061890a', name: "target" })), h("div", { key: 'f2f866bea3a764e3d79a87e30e5239022f6f55ab', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'd582f8fc0bd35663748f5f3caf1b2c9c81b98e9e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("slot", { key: 'ba3dd93e400a3333073bbe6cb3a56a6bb46e5fcb', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '8b47e03397e410555ccfcee953b309cb89aa16b8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("slot", { key: 'aa8d2d19bd5da16f8daa6cf90014a77884f44500', 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: 'f7ed1ef17c2f8e76fb9e97b3f1be4bc52ce4e498', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '68e2322bcce7de4e8ec83e26228a187896a9847b', class: "gux-menu-option-button-text" }, h("slot", { key: '405e4f3454739bf7fa790c5c31ffad32bae438e9' }))));
+        return (h("button", { key: '9efedaf2edce7ffa682d12bd4b1d04a96095f07c', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '9f0bd53f2ce08b60b0793adde7cb44f876aa6a66', class: "gux-menu-option-button-text" }, h("slot", { key: 'aebece604a60889fdb6666fa25ae2177ea329a13' }))));
     }
     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: 'caf1aa99644b71f9854d7f10b4057fda34bbea4c', role: "menu" }, h("slot", { key: 'ffe33eeca3614fbae5f9b5b9d2a81c4d641c0b64' })));
+        return (h(Host, { key: 'a6ca74e84dfd5795253501b4049fb2b5f4b56df4', role: "menu" }, h("slot", { key: 'a60b73097051c7d2333f9ce8391930b1e8796353' })));
     }
     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: '06e91179795fd44dfb968bb77edb9114f2ef75ab' }, h("button", { key: '174d7336d8ab207d196d463435729a31de8d4e7e', type: "button", class: {
+        return (h(Host, { key: '7c4c963a28028e0ee62e294d7467c0c12983fd33' }, h("button", { key: '1b2feacb1de6dcf3206f79a5fafde4398e75eb67', 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: '79579beafd7b23d8431d4c434e21a64667e019b7', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '5f26638bf16d44df48f6f6f2806a4fe876bec763', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '58ff762c15c58571bf8e45eee189922867b7bce2', 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: '2485e6e32b5c36fdaf02572584cd6c77e677ae0f', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '11948144bec2b9b4bdaaa1520a60d9ea8ae0f936', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '54d0b93093b38a15d87deeb4937c7c87bd6104ce', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '852723e913dab6b00f32251c7a6c640850346045', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '882e08c9a1e99b1d82903eb863576201836e15ba' })))));
+            } }, h("div", { key: '9a001da7d9c727ceb7323fa587a87c845c403bc5', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'dd468443d28e7be29a5ab965516158e996477a73' })))));
     }
     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: '498059b32cd38f579ee9f806d43faa576e0d08c4', class: {
+        return (h(Host, { key: '96fff4b1513189f94c3692b5c22e77be7e504232', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'b5034b3d051aa62be14c1e4235bdbbf79ce6e115', class: "gux-form-field-container" }, h("div", { key: '0580a9d3343673ca24b3f592adb77186075193e2', class: "gux-input-label" }, h("div", { key: '9db86cd78f4d801cdb2216ca3ab013449c2ef39d', class: "gux-input" }, h("slot", { key: '0b6e8e16fbf5cc8a884bc4af19af1ce04646b83f', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'be750c1fdeb509c5b5b13d857a3e284494124eb1', class: `gux-label-${this.labelPosition}` }, h("slot", { key: 'dd8665a0129da11925d6b850ea02e159651e0cab', name: "label" }), h(GuxFormFieldError, { key: '8a7af33d43a30bf475be7a0afdad4cde0ed9393e', show: this.hasError }, h("slot", { key: '1f68295ce67a0196e786b4fc4a0573e240d765f3', name: "error" })), h(GuxFormFieldHelp, { key: 'ee53a9bdd261c7c990edace0a6d93c82f83805ac', show: !this.hasError && this.hasHelp }, h("slot", { key: '04888d3115b8c6b903f0690d652556347a89ad8a', name: "help" })))))));
+            } }, h("div", { key: 'bbb75648e1bbbb1c8874c0db1d104b97f213fd3d', class: "gux-form-field-container" }, h("div", { key: '52f58decb8b614620d0ad938102e612bf40641ef', class: "gux-input-label" }, h("div", { key: 'd41d0da867592a776de9d89e599f267132c72e1a', class: "gux-input" }, h("slot", { key: '505e32836f2a2898f6970fa08f5cbc2899156cdc', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '461c4ec05c0750e3dad7f2bc1b76ed7359623c50', class: `gux-label-${this.labelPosition}` }, h("slot", { key: '8e848948354415a959fe03288b47a5bf34db2c06', name: "label" }), h(GuxFormFieldError, { key: 'ae66b8a54a66e20db14b7feaf86a664efca0562a', show: this.hasError }, h("slot", { key: '50be51561facb7217290478231682f22e085acf3', name: "error" })), h(GuxFormFieldHelp, { key: 'f2ff184fb0801dc56d4fdce757aa9c35864c3abd', show: !this.hasError && this.hasHelp }, h("slot", { key: '5e03cb37e7fa21ca776f4f43b3c7bc84dbfae1f9', 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: '0c1a690a11037b67bbf23ec40ee27170181e02ff', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'dac320aabbc9cd3a3b899253150f7ef24977763e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '358bbdacaf7eb7a54e50ae9e3bece8bbde0e64ca', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '56879b9d3e88b020028e4792117601028405fedd', class: "gux-input-and-error-container" }, h("div", { key: '685359fc45e9af4d6f2e7551a5aef8aed8b7fa89', class: {
+        return (h(GuxFormFieldContainer, { key: '3f795869960ada33259048d5a593c89d6ebcde9e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '57df598023f7973c26b94a9f0deefd2f95356598', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '5ebf072111e0d5a7dd27ae310b5ccb2872d08c8e', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '2d33fbd10607a56bec6fce9190d0eee56651711c', class: "gux-input-and-error-container" }, h("div", { key: '8634c1ce815f8a6e609cdd3c7b4986a60f02eeba', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '97d61d652b68f8774e5a603e88f68af1e18eecdf', class: {
+            } }, h("div", { key: '1392fc7e81e1287133599507532e4e3b0628757e', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '3239a900d6356a09031aec24bc2b73ca8a874e16', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'd2711f3c98eb142e758dbdaff3009f921d54c7aa', show: this.hasError }, h("slot", { key: '624693443856b65b4da07e940170159fd6a49dea', name: "error" })), h(GuxFormFieldHelp, { key: '23b76d817c4c306494ff1b3e6e220464bfb7a14b', show: !this.hasError && this.hasHelp }, h("slot", { key: '6a777f78883e2af16fb2de135ac63a98fe2fce0b', name: "help" })))));
+            } }, h("slot", { key: '5e35a48643fb9806f8cc5d250acf697d17708e06', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '80d6ee82ce0c72ecdb730c2badecd13763956adc', show: this.hasError }, h("slot", { key: '726ea064e2aea06a9d0655a5a55fdb1bea31e6bf', name: "error" })), h(GuxFormFieldHelp, { key: '9b6851c027e7b92857cd92ee70466ded6bde76d0', show: !this.hasError && this.hasHelp }, h("slot", { key: '4d61d70c7b9e80b7c642a38ef934e8cd958cb1d8', 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: 'b6795f760c878fec170807360855c19a3cf86c34', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '3ab1b5ff4edb22646bc7988e89e71f9107295c5d', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '33f7bd3e8fe6a9090fbfe666df1c91ccae732d7a', 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: '9f40bcf396c553b508c5d9b053b014afb21fc21b', class: "gux-input-and-error-container" }, h("div", { key: 'cc6a593a3e2b8b6931f127f3cb768b244637e6b2', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'd9f6cfe54aa13cccbf20499ce1893c7116d24dc8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '058bf253b04d8d7eda414a18cb3483b4640ecd8b', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'fc391e45e3b50648f25ab7165b356c929236cda8', 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: '67bdd9490d0f53609dca951c486d6a0fef8103ac', class: "gux-input-and-error-container" }, h("div", { key: '9f50acdb8cc710ef857821e2498460ebd7fac2e9', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'cf4a935215026a57f9f66e0aa55b64003554b223' })), h(GuxFormFieldError, { key: '1fa254b89897d637622332789ad6eaa0f5f83fae', show: this.hasError }, h("slot", { key: '8c15e70d21f2e709c80d34052e49a6ecc11c7ddd', name: "error" })), h(GuxFormFieldHelp, { key: '00c58d2c3a03bf6d016fc2d1f621b7703e2ae2ce', show: !this.hasError && this.hasHelp }, h("slot", { key: '7896c8464a0be2e4072bc1e31484b4fca69bc540', name: "help" })))));
+            } }, h("slot", { key: '3ffa1597a2916cd0d4be7084fc0c1bc361f229f4' })), h(GuxFormFieldError, { key: 'fb87ace7946bb9e1b9a90babd0aaf151d7b93696', show: this.hasError }, h("slot", { key: '66c529044a60b60edf8bca2c1cdd26ebb21224f1', name: "error" })), h(GuxFormFieldHelp, { key: '9dd7fff46335719b8455050c78179db94a41a300', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c33ef884e7cbfe5d7043c2868412538757e82c3c', 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: 'feeabc781adfb0fd9030d8a76743c31ea64e8d76', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4400af252249fa580fb4ca395eed8806153e3ff5', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '8864aefbdc97e8906242b3fdeb0a2ba3fc705245', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '966b4a919efeca4e4c085326967ba3bf4a3588cc', class: "gux-input-and-error-container" }, h("div", { key: '4c92937f061f678cff9af4719d8cb958e35a3c5e', class: {
+        return (h(GuxFormFieldContainer, { key: '1b23d969ab096d9b58e474a744f75bab108e468d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ed5b8944c2d68cef8a5e0bfc5f52fb6121f325e0', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '947c009c1d2ddf13434bcc9b212846cfc1bf7f76', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '45d905548b66c4484fbebe19f9a5230dd9704247', class: "gux-input-and-error-container" }, h("div", { key: 'bb77b85e62a4112fc249aba45694e221e38d2abe', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '19e2f5e9856d4bdfde619f95c6c27e7ee87f6a18', class: {
+            }, part: "input-section" }, h("div", { key: 'c3fc5dbea16686fc48b2e4848c076310bf3bd73c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            } }, h("slot", { key: 'cce60afdfecda90b88e29117738e65d7398fd6fb', 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: 'd8418fafe5ab22e81e0b4faf2dad671309cded81', show: this.hasError }, h("slot", { key: 'bf7081e104af51fdba6f6ddfdd23b92812e41d4e', name: "error" })), h(GuxFormFieldHelp, { key: '9ceadb455f53579b0761cfc6fe6fd438831b4422', show: !this.hasError && this.hasHelp }, h("slot", { key: '193219e3f90c7957b6edaad735b6e7d5e0a9c939', name: "help" })))));
+            } }, h("slot", { key: '974ef79884445b71101f5223268c87bf14617350', 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: '4d7d2c9350db33e4dacc1fc25035cda9293c90e2', show: this.hasError }, h("slot", { key: '0bc724484282c488a86a051dca3aa0417bd07197', name: "error" })), h(GuxFormFieldHelp, { key: 'ffce7fc2a881de2dcc01ec379bc2123ad1ac1f5a', show: !this.hasError && this.hasHelp }, h("slot", { key: '9452d7ee174a8786ba4f4778967d5ec2633ca77e', 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: '2af846c9e82251c8bc2ddeb13459eb2500701014', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'e4bee930190d0e53fda032af3c7f045abdb998df', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'b54d6f71f2c52383705814413dd523ab6789baa1', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '145ef25318f4d328218cc96f150b649755040ac1', class: "gux-input-and-error-container" }, h("div", { key: '03883064b641906109b00555ae6ca388f3e1b749', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '6affd84b369755acbdb345ba1bbf0df8743f354c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '2f6c21bb019a326a05a8fc633cf287243bbdb85e', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '4e27c6a54ae3cafec0c3b1f6b65367174fc4d8f1', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '3e45489dbbacd6fcce986f529ad36a4d38c170a4', class: "gux-input-and-error-container" }, h("div", { key: 'ebf4f827fbdbbfb50d69a6777e1c0ce2d2a720ab', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'cedc8d5d6541125f5570350a19cecf4a74866805', class: {
+            } }, h("div", { key: '1f36188ec01f54bdb1d4f817353842cd2c295084', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '8dfedd2efaec8bb1a69d96496c157fc2e54dae87' }))), h(GuxFormFieldError, { key: '8d4aa24ff49eb9ff3861fb6eb7ed61f412a2f243', show: this.hasError }, h("slot", { key: 'ac9de25b22dee2e4a4e5411229eb9cf3691ed4b9', name: "error" })), h(GuxFormFieldHelp, { key: '55fdc67eadd5922082a91b8ac5bf9e878e90c1dc', show: !this.hasError && this.hasHelp }, h("slot", { key: '9fc216565e0fa779819df4048d37bb82b85a184e', name: "help" })))));
+            } }, h("slot", { key: 'ac12e6827d24e67285d77c1b9ac860e8b08e8687' }))), h(GuxFormFieldError, { key: '2273fc8feaa403a59e2e532a694fee1679037ff0', show: this.hasError }, h("slot", { key: 'b6af51fc18256eecf402845a3fe4258925921551', name: "error" })), h(GuxFormFieldHelp, { key: '7864c1a75a6e2aa91f8177bbd3e9d43077f1521b', show: !this.hasError && this.hasHelp }, h("slot", { key: '34c67369ba1d977639332f9050745fe6b4f74b43', 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: 'a732953664a7d3bb4aad3819f3bc91cfb542959c', class: {
+        return (h(Host, { key: '28c836ab0ee2e8f2f1c8f29370c3aea7ef6df159', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '2734679d96c190c3d53ace05ce19d025277ff8a3', class: "gux-form-field-container" }, h("div", { key: 'd6f3ddb7f1fe6601e2f93b29f3dadc69be3dda43', class: "gux-input-label" }, h("div", { key: '7c507fb6844488bd65b533e6ccd9bfa166f334ca', class: "gux-input" }, h("slot", { key: 'b0aec1017ca6e16f138e5667aa05991908412f8a', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '5620a9cdbbc45e00ce60daa20eee7b308ba985eb', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'fba3a170eb34e062c3823f196f326c4f4dfd8402', name: "label" }), h(GuxFormFieldError, { key: 'c5678610e687d55427a48bb0504eacc29d7455a6', show: this.hasError }, h("slot", { key: '1d343ea04a274d7c588f713716d12b726cc6fce5', name: "error" })), h(GuxFormFieldHelp, { key: 'a3ea40aa2b1718916adf306b2d473ddb54a48d9e', show: !this.hasError && this.hasHelp }, h("slot", { key: '98d2ffbabbac698bf210adb75193a0a191072780', name: "help" })))))));
+            } }, h("div", { key: '27f76ad5558e3fd09d481c2b2af0a3c80c38e721', class: "gux-form-field-container" }, h("div", { key: '7469a60c3bd46491b4c1ef05f2dd054676ec6abb', class: "gux-input-label" }, h("div", { key: 'c31b65a701ee08dd4c68731c4b4dd69ba5b58fe9', class: "gux-input" }, h("slot", { key: 'ce09e0f8e1056cb21a6b0aa144714bae8e981503', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'ed217abc020868dc6a5eca71fdf84f2d270ef115', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '30428682f186ceb7441bf1ef05f162fd8a405a2d', name: "label" }), h(GuxFormFieldError, { key: '9f59d5286aa67af156cc6551bc556673815a81c2', show: this.hasError }, h("slot", { key: '2735b8d1910c83073253a76416e0e8e390092571', name: "error" })), h(GuxFormFieldHelp, { key: '4511c94dfce56488a0a6d05861fd39d5cf245f53', show: !this.hasError && this.hasHelp }, h("slot", { key: '216fd54ab7bd211eca63e0019a92ccc5424a6e9e', 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: '19f5810ea8f73b055f46f3a8b969669d9707415f', class: {
+        return (h(Host, { key: 'd106ba7b1e32d5773b44f026a0440d2acc4b030c', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '246ce9e053cbf2a50e351ea4173d2bdde33923dc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '56eaab0972a668e7dee2d17df83d2edb876402d0', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '59b3ff1a9a66bb9ce728b3cc6e8f704935ae1b10', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'fda26c8ba627a552f07c48ce68b48b67e9311a19', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '6e3e43e8172a6fc81f448942beed5c997775a3cc', show: this.hasError }, h("slot", { key: '1e5801770cc08517d4f91b5491a1297b8334174b', name: "error" })), h(GuxFormFieldHelp, { key: '1435be7bcaef80c1122adee4aa211c6208a8f5bc', show: !this.hasError && this.hasHelp }, h("slot", { key: 'caa9bff21e2c05c88253bad45108f43ce3f0abec', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '7f3c78051a807f410d61cef6cabe23694b0b8290', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '01e543a73da28c9cae99d37cf469a42ef7de9b05', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a6535225438e845c01d0ca319e40973a599f631a', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'e195e858dff0216a240e923d01d06c358f6e11eb', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '60fe2010cd30e615858598d791adecabf6b7a33b', show: this.hasError }, h("slot", { key: 'b7f60d30ccf2e181eb4a67d0e7e7daebd1f1824e', name: "error" })), h(GuxFormFieldHelp, { key: 'd68aec504ad633beb4949eca4e2939784495df6c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e95cb0d5fd538442559abe36a62cf897cbc56f27', 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: '58c06b70fa0c0914647cdc867d863b666b893ed3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '80e35b2e1029815f0e13ae7d9a8b46c53fbf018c', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '96a2707dfc53b46950076154c77e2b7cb9ec3bea', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '55cfc1f52cb60b46a1852f2db6709c28f37ac2d1', class: "gux-input-and-error-container" }, h("div", { key: '416a6683857cfa850c531f631b71a915839dae4d', class: {
+        return (h(GuxFormFieldContainer, { key: '5081b97b6633daef74de93c86464d864dafa4b44', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7c2c6dbc3264a345ad3b0aee1954c066f9707abd', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '54342ab897574197e795e838f3244a9bc6f5b402', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'e6dca15410ecfa75984d4e8f5209a37c6ae236ff', class: "gux-input-and-error-container" }, h("div", { key: '4306d88d4441f8a2f5bb86eecb84fcda76521350', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'b76bcc1d3dd8c4004f05f4d6777a0766dc0d2389', class: {
+            } }, h("div", { key: '099cf65d76baff73e0b55d962429922d466d30fe', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("gux-icon", { key: 'fb9a66805ffde4ba97e14c2d396d098d4380b0f0', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '08f781d16f8c0988a88c5dbdc9ed3be3aeee194e', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '0a418826020e8ff21b8545492c7d5eebd31692c5', show: this.hasError }, h("slot", { key: '75c35edcc3ca3efdd0016714457171b354cf1b86', name: "error" })), h(GuxFormFieldHelp, { key: '305d8def2a97282b6069b7a976be25e28c9deca4', show: !this.hasError && this.hasHelp }, h("slot", { key: '494163366813a80c117639bb6a2c030ba192e5ca', name: "help" })))));
+            } }, h("gux-icon", { key: '2492abd9eb251d81cdc4ef6507b84ab77fecf019', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '40115a2df912ff908b7e6309bdffbaf1003eb1a1', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'b9076694fc0193859cce09869ff3c11085af29d6', show: this.hasError }, h("slot", { key: '8c79f3e8f005285113bada2211e647d4b3b817e8', name: "error" })), h(GuxFormFieldHelp, { key: '83607e1cac369c2293903462046d105f71d61309', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cce01be9010f0a07c3a0101c9a852e0a771af730', 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: 'baab7dd21e156bfb27319ff8a999b4c7a0dd70a2', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '40a33a912c507da585c10b5f4ad138015bbe8a59', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'b82d353125d8ad20e37e449f19e2575962611a9e', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'd82ccb9f69e242b9fcee871bd47a8716d07e20b6', class: "gux-input-and-error-container" }, h("div", { key: 'd614e581925fcfb86ccd4fce07c092eaa50c3512', class: {
+        return (h(GuxFormFieldContainer, { key: '00b1fb32c5bed5c60ff34426c51ab50872cd582a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '048b61bbc5fad4d07ac5a02292b12922ac0d0112', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3d1e02deac0a3488571da6a634e9faeba150ebb9', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'dc23a33b44f49cf82fef584c92fe3d15bfd24e52', class: "gux-input-and-error-container" }, h("div", { key: '359ffd1f9c78b3b166f09eac180be848fcecb309', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'dfbbdf8d93f6a7f9f2b7a4bad3b8687d7a7ea379', class: {
+            } }, h("div", { key: '444b9144fed905cae3ef8ec3d057df0b6de703aa', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'd457be1be7a7954ef691c39408ac256f260d9f4e', name: "input" }), h("gux-icon", { key: 'be9def4d0fa60f3324e721631e4f8816ef5fcf8b', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '38aae01a5b3f59279ad162177843183c6804a393', show: this.hasError }, h("slot", { key: '00ad175eb8ceff6eac2f40c4e8d1a8d2c6a80cde', name: "error" })), h(GuxFormFieldHelp, { key: '2eeca9caa8a051909388623db696e026c6d892d3', show: !this.hasError && this.hasHelp }, h("slot", { key: '6c4fe025017da98a30d191870f41922818774ad7', name: "help" })))));
+            } }, h("slot", { key: 'b7690f4d5c33ad8f127ff0f4c526707df2b383b4', name: "input" }), h("gux-icon", { key: '399d742a725f07037993d65057f472e91283fe6a', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '56eea40adb1b3914e8e5d55795794fc085343798', show: this.hasError }, h("slot", { key: 'd66343cecb40804671737e05ee091c38e3a93395', name: "error" })), h(GuxFormFieldHelp, { key: '3fc2bd54173472e4815a36e64508b6c6b321ea70', show: !this.hasError && this.hasHelp }, h("slot", { key: '6257448567632d324c9868a8c5b6d21980ad092b', 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: '55a6cf8bc3e719c0f3a0e79ea2cb2126cdf89426', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5f8fe6205739b0d1e92c80bf4240ee16f02a8146', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '72ca7f9e8f9946fcaf2d8c25c367476e20648b25', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '0168bf7fdf030ef6c59d635814b16565c5bc4bfa', class: "gux-input-and-error-container" }, h("div", { key: '74d073de52d28d38c27719b34a58fc3a8bce8b18', class: {
+        return (h(GuxFormFieldContainer, { key: 'a1e361d7735682c672ea37285ba9074741fb9294', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a82502fd2b76ea9a23602bdf1dfedb78d45dbbb0', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f2618437db42ed9fdfb6775437fdbaad9fdccdc9', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'cdc9435838f24392560af01749de704e891b5976', class: "gux-input-and-error-container" }, h("div", { key: 'af977b0a1e2c691220d528bf1636963d30dc8a63', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '61dc9d10ac90dad8d966ebfde013856c84b9f038', class: {
+            } }, h("div", { key: '6b7dff7086bade928cd08663b22919cc85b64b9a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            } }, h("slot", { key: '285a292cbb1a04f007f084f44a77b0d993be3aab', name: "prefix" }), h("slot", { key: 'c8cb79face98b1c9ab838b10258d06f5ef2d2cc7', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'b97da9467c217b7643c522dca4a2c36de2b4b395', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'd9c47e139b0f23fd349f8b62be786af3babadd7a', show: this.hasError }, h("slot", { key: '9ebc0ea955879b70cacf001d299763c7e4c2e6c0', name: "error" })), h(GuxFormFieldHelp, { key: '8e0757c1363b5e7a5da501b4e52847993f6a3ce4', show: !this.hasError && this.hasHelp }, h("slot", { key: '50af9326c84242ce67e9196f12a0c273de538197', name: "help" })))));
+            } }, h("slot", { key: 'c13edfa38d72d1c9ce9854f774d6725183a37b77', name: "prefix" }), h("slot", { key: '2408f9e2926d8cf3ee1f8a326914b1fe9470015b', name: "input" }), this.renderRadialLoading(), h("slot", { key: '0d185123a159ba22ee3372a4c42c3d3f6c9c7a49', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'ed7f2326a2e63da22dadb873b04e3145ae91bad2', show: this.hasError }, h("slot", { key: '0d4bbb6f54c9ff48f2eb6befb21499ec10b0bacb', name: "error" })), h(GuxFormFieldHelp, { key: 'd9c23685e62a16adc3251be08a0ad444d018c1dc', show: !this.hasError && this.hasHelp }, h("slot", { key: '73c186e24ec5980a14859dd91443c84cc111da73', 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: '494682f4ac2098c5771eef06dc0a778e66182635', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f0b218f8974dbb90f1f3e570738d79379e963533', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd46087bcd856fe9372b3a6a8fde277970ecb0d02', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '3ece84df8eb602d83f4688caf00ccaefb9e447fa', class: "gux-input-and-error-container" }, h("div", { key: '2dcd28afcdd0a1f96e93792e74700b43472b167c', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '11ece4734590df5dbc3dd57a25396dbae6c356fb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fd49c1716f36edd989e7ad8317d2d9805ae936c6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '27f500f0e73bad522721c36244f20be0d7b11415', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '58848d83f118763cf9eb2472a432b17cfa5da114', class: "gux-input-and-error-container" }, h("div", { key: '1dd0fc6b6ac1f8de54b5627e3f0fe2b3dd87f13d', 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: '15eec3f490ff8ece0e654933460e800516dc4a0c', name: "input" })), h(GuxFormFieldError, { key: '0d3129e289b6ce134a031df09cc3f2e31e7ebfc6', show: this.hasError }, h("slot", { key: '11e32e54979c6e0590598e90722b626857045241', name: "error" })), h(GuxFormFieldHelp, { key: 'aafcca51d6122af87162d83e3bc88c6616e9d8d5', show: !this.hasError && this.hasHelp }, h("slot", { key: '7f13240605fb68bfa7796c1c32563c135224c723', name: "help" })))));
+            } }, h("slot", { key: '32dbc6311403f984cf919ecd65ba25365bd316a2', name: "input" })), h(GuxFormFieldError, { key: '02b7a46d01a3da2406c5fbb3f2b355b401dd0ca3', show: this.hasError }, h("slot", { key: '581a3c77300e8742b3b048a1f885441ce8d9b146', name: "error" })), h(GuxFormFieldHelp, { key: 'f176631e209a4077dbf133652c8100d0c7f56b54', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ac6121c1025518648e5873d40c1460917d14d2c3', 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: 'ae4709aaff5ee2e057a54a3a5910b0bbbc9ebc06', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '5ee1f0147dcdb554d2d921b66f0b2afc2d6ab139', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'fa722b21f1b7cd9a5b2f0243f2cd489137d9996d', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '232bde02c1cea41b2d50948919645d8d8b484c1e', class: "gux-input-and-error-container" }, h("div", { key: 'f102981af86be2542014700a04e2fff362ef662a', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '2c4aa38b0077b02ac436d7ae2416e798410451f6', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'f179f8f2f27e34cdf2f3a1883283e914beb57de9', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '5e40f38fd6c40f946a48c1c4084ea850826f4ddf', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '0b85674bcabd466f530847e1fece1ec922464689', class: "gux-input-and-error-container" }, h("div", { key: 'ced84fc0e19298b46cc9f3d83b97ff40512640d2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '3cd0a101d2c74beed6ac37bca4cc0f14494da62a', class: {
+            } }, h("div", { key: 'fbafbca9ee75ef20ecbd9a312399998285367f25', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'f6dcbaf31b7dded9a7c3e5d14ae3e7125964345e' }))), h(GuxFormFieldError, { key: '14ed5f69aac4f5dd0dbe545a429a6620f4bae9b3', show: this.hasError }, h("slot", { key: 'd7a0445b647d33fb41f841ab33888db209c2253e', name: "error" })), h(GuxFormFieldHelp, { key: 'edce8c2c7f40f3f266cff656c04f9511f3b25b22', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ca292da1fcbf617694952a51268da98c300f9e24', name: "help" })))));
+            } }, h("slot", { key: 'ba1095c38f9191d5f83f0c36bcde7e1019d4f0a9' }))), h(GuxFormFieldError, { key: 'e212decaf9f764d05a4d0991b69c3536fd55d74e', show: this.hasError }, h("slot", { key: 'ddb43aa4fcb2b95a5f857cbf745fae4a69f88be7', name: "error" })), h(GuxFormFieldHelp, { key: '658b7d869e8b5542f5c0f9cb8ea60b21e675bd6f', show: !this.hasError && this.hasHelp }, h("slot", { key: '35cc61cb53a60869b96dc7b57b467f04ed89d325', 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: '221339c9cdc5b5aad8ce193a06eeea61fed8015b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '872f50bb406b15ab6076e155cf8c2ad20319c4fb', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'caacd633f6fbc1b831bb4bf61f9f2f9fec894d63', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '117e568a0c3157e72f6869f42bacb8b7f203fbcc', class: "gux-input-and-error-container" }, h("div", { key: '5598ced3dadb1a0adcc68a0a24700ab31212fdcd', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '25b3485ca0ffe0c1976416408c9f246ceddbdddb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '6751438df8065382f5730f9734562f54475c7ea0', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '27f468b620b5b5778b182404da7c2907ea2844cc', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '10db7a8255f72cdb8dcf7908e7c47ff99103de2b', class: "gux-input-and-error-container" }, h("div", { key: 'dd9c0740448bfe714028ad49822ef426632dc1a0', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '36d4c79ddc4c3ffe16c1be66590b7e29ec1a995a' })), h(GuxFormFieldError, { key: 'cecadba80ef25836dec00dc6a49722b59b21d659', show: this.hasError }, h("slot", { key: '1e14a287e7725a50535d89a400cfe102da714e96', name: "error" })), h(GuxFormFieldHelp, { key: 'b5e53038e69e460e79200cff900cc2d98ad3a07a', show: !this.hasError && this.hasHelp }, h("slot", { key: '29b847bb2eeaa521377984d9ea148189d722f55e', name: "help" })))));
+            } }, h("slot", { key: '18787fda0dab208b535a6abfdab3e34a4e0844de' })), h(GuxFormFieldError, { key: '9bf97849602ecfa044e7ff035f66e4199a1619b6', show: this.hasError }, h("slot", { key: '54ca621f58c523e495ed2d1d083e8f772bc091f5', name: "error" })), h(GuxFormFieldHelp, { key: '28b723280b51b4095cb14841500feaf473a62173', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f188c9e2b6ff20e6442ef7771ab529a3ee19032a', 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 GuxFormFieldInputClearButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: 'f1ab8c5efbad04d34dffeb79d653e4fd7cb8b7c7', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '147a375dd9cefa4660dd60f518e6a582533006d1', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: 'e25dfcaa89bf0ea1010090ab80d4ecfc2d22c422', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'a7ae73193221ebbc9d3aae75ff3b53107e3e0908', "icon-name": "fa/xmark-large-regular", 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: '01317365fb9db76a0abee670c75282e6bbb98462', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '78f4fcfef073edb176334060c2a1d308e85404de', 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: '8f1c2675361123ef077ac967f67c13595df68712', class: {
+        return (h("div", { key: 'cccf80869f2a94daea7e959776183394529ec9c5', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '4859a6e04af19e79fde53b6377b408e157586e25', class: "gux-message-wrapper" }, h("gux-icon", { key: '83ff44c71e588ac2707fa1c5cd9455991239fb7d', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'b4eaaab4472ceffda8f0fe78f3a1195ce1185874', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '37bf0b6cf74d8368f50c442f3031b44cb3e64367', class: "gux-content" }, h("slot", { key: '4995a6a8c848aed4edf1364ceea108c7be94c474', name: "content" }, h("slot", { key: '3e895c3db8efa071761afbbcb249b74b54d4ff80' }))))));
+            } }, h("div", { key: '87e8c73f8b8bbe5d44044f4a30a61ce659503573', class: "gux-message-wrapper" }, h("gux-icon", { key: '0bf8011155623143519a597e9cf72ad6b2b7aaf5', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'efecfdccf27ed71a1c90b09e1f4394943bafcffe', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '30b3980ba9d34a739c16a6ca41d72840fdf73735', class: "gux-content" }, h("slot", { key: 'efd51916e3f999d7ef8d6884f7d193a4b525973a', name: "content" }, h("slot", { key: '0fc771af0f31c22548f74289e5191568812dd86a' }))))));
     }
     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: '121c18946744d78cb333349b7f2da12521dfabfb', role: "presentation" }));
+        return (h(Host, { key: 'fb586573e0599986833c87cb0e1d2b5d403a3ed7', role: "presentation" }));
     }
     static get is() { return "gux-list-divider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,7 +23,7 @@ export class GuxListItem {
         }
     }
     render() {
-        return (h(Host, { key: '07e02f4322355ed477335c6a1359849bbf32970a', role: "listitem" }, h("button", { key: '5afcf21dbb31945868d5f8bf021063f253dbb1ee', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '4c84a80132ee7346e0ac7e7ec9881f758d89c334' }))));
+        return (h(Host, { key: '90bc73361f80b0433076a224fadda8db28d9ba2d', role: "listitem" }, h("button", { key: '1d6cc4905d34248d43b95e05e11e93df4c2ffcf7', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '081f96e9fcbc2a26fefb1a54b97e756cc0c45f5b' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class GuxList {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: 'c1dc1a17c6718a7f30b17816d85903ba1864827d', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'f903f960866b459d147450e3cd35d429f090d2e8' })));
+        return (h(Host, { key: '2bee81661464d225aa3e2a80390b34c1ffcc13d2', role: "list" }, this.renderFocusTarget(), h("slot", { key: '15960bc74695c41275e4b23d60e330b87e72a5a4' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/option-group/gux-option-group.js

@@ -48,7 +48,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '906d2423640361cf8100aaab29e85336f06d2e5c', class: { 'gux-filtered': this.filtered } }, h("div", { key: '8c3a03179d2c9923058a9a6313f85289a3b7db97', class: "gux-option-group" }, h("div", { key: 'af6224706fec9bb94c2f86eb4844a3f428281c7b', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '0a38f4370a03497c524960bc49751971c44d30fd', role: "group" }, h("slot", { key: 'e0101bcb0d957321109e0b4d4605ae456c06d5dd' })), this.renderDivider())));
+        return (h(Host, { key: '8c5e9ee996a36b86fbc46f312c1704a535a918b9', class: { 'gux-filtered': this.filtered } }, h("div", { key: '143772d5608c486f95792df2515b168f6c9475f3', class: "gux-option-group" }, h("div", { key: '59e8c3d0a51121f9c092dc9ebd7dbc0d5f25007f', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '365833f43a43a93011c38a0b163ed7d0001b9074', role: "group" }, h("slot", { key: 'ba6537536fcf68de3306858adc8de2b7eccf2b59' })), this.renderDivider())));
     }
     static get is() { return "gux-option-group-beta"; }
     static get encapsulation() { return "shadow"; }