genesys-spark-components 4.47.0 → 4.48.1

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: '85c28fc7e23553e59ceed2d3c6df7a01484ece43', class: {
+        return (h("div", { key: 'ef986dfeb651244c08e8cef8bb9a4e4983f0601c', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'c7c49050f468116a6837365543c0d31adc7e42df' })));
+            } }, h("slot", { key: '316a79ac9fca43aa9d276619b099f68902c3cf19' })));
     }
     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: '19e04ad673a04b589d5a6a5a47d0e3b1c60cc106', draggable: "true" }, h("div", { key: '07f33956d45d21bf6e364a5672ffc838540e173c', class: {
+        return (h(Host, { key: '3b9b8631c8b17b8cb6700e18684ece19af459a62', draggable: "true" }, h("div", { key: 'ff9937f842c7c4ee74f976083e8adf318d6b466b', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '128d146619325aa29b98eaeff0f58860c464e98f', class: {
+            } }, h("button", { key: '5837c9958ea78defc832dad36c7d255da2a6aa36', 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: '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 })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: 'f3dc52c9ac8a9ebe1a2b8516f99c0a045b00770e', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: 'b3e03ed1481f5b4fdfd639efa87aca80a6328785', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '35ea3d0421ba845bb2a393d44ead54971a7bca62', class: "gux-select" }, h("slot", { key: '0f5cfeff81a32018f07347434aac76c9cb609aef', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '8ec79bc87d2ae402a9eae6a4895fa7a60ce563dd', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     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: '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) })));
+        return (h("div", { key: 'c1551c6850d4d173f5a9cbc8adae0885ee7e5df8', class: "gux-container" }, h("div", { key: 'bdaf9e69423f7beb33ffd9734c7522c48558f9ab', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '84b5c8a87cc3e5752495d19b099636e6132d2dc1', class: "gux-search" }, h("gux-content-search", { key: 'cca98637873563774b81ddd102440836aaca7564', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '982e53695e89bfeda825a488e2d5cc9551595bdc', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'aa6745e6f96354799f6861f2df7713744e4cfebf', class: "gux-select" }, h("gux-form-field-checkbox", { key: '337494ff41542178c1f38d2dc3d34d7a17b4052a' }, h("input", { key: 'a1aa3115e15585983ef0deb81128692ce9356119', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'e89b5065386f82b76ff72fb2a50ebccce32c1a50', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'f1e2fd15bdbddc18e8102285f91f1b58e652c16f', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '8df83f63b0c1b0b2df45401373563f6ed61def24', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'f17ebac39e35a6b47dd4bbfbcd2f9dbe67041c09', ref: el => (this.announceElement = el) })));
     }
     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: 'eccc1f48dc7f667f0492f89eb15da3855877221a', class: {
+        return (h("div", { key: '28dcbebdc2360acbcc470d7350cd44af98372248', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            } }, 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()));
+            } }, h("div", { key: 'b9b0c36c865ff44311a4dd0aa4953e2ab84eab52', class: "gux-search-icon" }, h("gux-icon", { key: '157cf2905e8f8fde53e8d5caa8fc49c9731f03d9', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '3ec070473db086bf83e2379f882ab6b841e76f8c' }), this.getNavigationPanel()));
     }
     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: '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' }))))));
+        return (h(Host, { key: 'e5a8ef05536ad0144351352dba6289518940d432' }, h("gux-popup", { key: '671b4c5916f31c44cdd418a4428a3f04d74d008e', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '7427e4ed69434d272253f38e21633c2636024342', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'c314a68680d76e86e3fe5dc5460bf322e754681d', accent: "ghost" }, h("button", { key: 'ee4757c8808bc1fde39a0a277b2f6277aac938cb', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: 'b0ac125633ac29e07290aaf06125fb2a350aa17a', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'b2a4ade081f6b19d104053f460e9e2410c8b5fbe', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '99318c7629f840625f9475070fb73c5107e17013', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '5ff855679e19f7123295a819e150b424c7f749af' }))))));
     }
     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: '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()));
+        return (h("button", { key: 'f5625826126c249bd9a72d25932114287b6d34b8', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '58b397ebef31117597a142eb981c0eedefa62542', class: "gux-copy-content" }, h("slot", { key: '9a981366d109a3553131b204095bbef5a7209bfa', name: "content" }), h("gux-icon", { key: '7be0b55c634f057336ff459e2febc5740635bfab', "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: '327ae0465bb0b771554474c77cb73e145e3f7405', class: {
+        return (h("div", { key: '971821436eaaaedb24e0e71b8b22f91b4e04110b', 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: '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 })))));
+        return (h("gux-button-slot", { key: 'f37941f11b5f39da8b93ea818da75397b09675b4', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: '21742d1a2563353a27849c6908142e4ab64f78d1', type: "button", title: this.i18n('dismiss') }, h("div", { key: '94a37b687290a4f5136d62e0eb3181e7ff7eb3cf', class: "gux-icon-container" }, h("gux-icon", { key: 'bbe176b8060f51e0ba6ca2186ca066d3fc3c7238', "icon-name": "fa/xmark-large-regular", decorative: true })))));
     }
     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: 'c949ccda49dea1fd7ddf878b4516aa633cd66653', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '96400dabdf6038a4c8a245512e1032b7b704cfbd', 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: '26e1cb4417fb5939d78cf84642065cdc7d915a95', class: {
+        return (h("div", { key: 'c8f43d501cd619c5446c89adb95fe1645aa3b7ac', 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: 'fe300e1a15427c0353e143c1246745d2ad4b1dcd', class: "gux-dropdown-container" }, h("gux-popup", { key: '92f6cf7714aebdc97866fd1a24e40610cfe65c62', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: 'ba41dafd5ced8e6767878faca31fd01e4a716018', class: "gux-dropdown-container" }, h("gux-popup", { key: '84815a80e632f272932c33a93992312f452d0569', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
         ];
     }
     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: '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: {
+        return (h(Host, { key: '8a3b4316363e73958482b413203b08f66206549a', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'a9772e22b70e868749e59616664dd9dbbb76c46c', ref: el => (this.targetElement = el) }, h("slot", { key: 'b76eb71a2fc5b448382b498d0c316984762fdfa0', name: "target" })), h("div", { key: '7297940e13a8c218e4fb6208474d233222f25d6c', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '8b47e03397e410555ccfcee953b309cb89aa16b8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("slot", { key: 'aa8d2d19bd5da16f8daa6cf90014a77884f44500', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'edfa76b5d150ecdb45a9179df6c13b8099bb0647', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("slot", { key: 'fc8a94f41c6ad4fa987e4a1572173fd58bd37cfb', 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: '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' }))));
+        return (h("button", { key: 'b003a3e44980a4480e4ff9c024604506cfd8f435', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'b05f4b43f625d0b41703c184a3701e4695a0aff7', class: "gux-menu-option-button-text" }, h("slot", { key: 'f553dbfd815a3fd105fb117c893dc8e7602f422a' }))));
     }
     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: 'a6ca74e84dfd5795253501b4049fb2b5f4b56df4', role: "menu" }, h("slot", { key: 'a60b73097051c7d2333f9ce8391930b1e8796353' })));
+        return (h(Host, { key: '546d8afd062cdb90cf4c6fcaf7009ff653e2c640', role: "menu" }, h("slot", { key: 'ceee6230860aa9eca534be786ad828ed6c06fd26' })));
     }
     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: '7c4c963a28028e0ee62e294d7467c0c12983fd33' }, h("button", { key: '1b2feacb1de6dcf3206f79a5fafde4398e75eb67', type: "button", class: {
+        return (h(Host, { key: 'c6d578ef28c638d8eb6ff9a045a3f3687c452f6c' }, h("button", { key: '9533baadd6a001df14d54f41392dbc878b282d57', 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: '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: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '0000fe314ccf0492c064db2299cce925eeb17801', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '5260763fffbf5fd8377d894cc6f8ae42a49ab0d1', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '0e851a7df5d5e5cda84501971af0fe94b1100202', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '9a001da7d9c727ceb7323fa587a87c845c403bc5', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'dd468443d28e7be29a5ab965516158e996477a73' })))));
+            } }, h("div", { key: '823b0ae4a3f108b4acfb6091cbd56190a7c685fc', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '3c69f4292ab70e8cc7f5af5461a59ae7afc9a173' })))));
     }
     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: '96fff4b1513189f94c3692b5c22e77be7e504232', class: {
+        return (h(Host, { key: '0785cbd054e135fba2b2081762c23dbc4ddb96df', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, 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" })))))));
+            } }, h("div", { key: 'dc90464bfba7e28080a13e29af0c6ff25bc98258', class: "gux-form-field-container" }, h("div", { key: '8672e079535aaaa77491616561602df596922237', class: "gux-input-label" }, h("div", { key: 'e49f0a1d602a5ec989871ec3a90f99e1757b7ac0', class: "gux-input" }, h("slot", { key: 'ab397ae52b464ef5afe3b1974b07b0a55d70a980', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '13f9dd71621769b546e66913b637d6341160e80c', class: `gux-label-${this.labelPosition}` }, h("slot", { key: 'b1ef2f39d234072936f84b870faf2df4c50bcc5b', name: "label" }), h(GuxFormFieldError, { key: 'f12ae3d745997d6f166cb5c0111c6236d1e6d525', show: this.hasError }, h("slot", { key: 'ba82f51995bc62942d083347750e9a8560abd66c', name: "error" })), h(GuxFormFieldHelp, { key: 'f919293dded6a0e574aad3e963ed4b578dddd889', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cc5bb5ba98c87c4b864a3984f375e8cde34458f6', name: "help" })))))));
     }
     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: '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: {
+        return (h(GuxFormFieldContainer, { key: 'e45de896c85521bc05c7af70d4fe1328e7f9f734', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f3c801104d56dbd333a4ec56d74adc8e869cf1a2', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ed6380218a1baa734bbc7948c2ff0f82c185f945', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'd0ae690039df9381ad5e5bd0b190511368a4ea4a', class: "gux-input-and-error-container" }, h("div", { key: '15c57746d8e2c0ec53d7048e4219f0db40b4b427', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '1392fc7e81e1287133599507532e4e3b0628757e', class: {
+            } }, h("div", { key: '2673865c6436cec4e81ecd1156a3ace254b946b8', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("slot", { key: '7bc352e38c21f04405636b9593ddccc56998b3ec', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '259d8c9e2bb44017236e6bc83685862290754fde', show: this.hasError }, h("slot", { key: '4d85c62dee945f688e717cfab84928af23c395ce', name: "error" })), h(GuxFormFieldHelp, { key: '60b16a907729029227acba25567b6d0576d63c0d', show: !this.hasError && this.hasHelp }, h("slot", { key: '0f90a7ac5c4561997fb55a9b472051c9a6c3fbb2', name: "help" })))));
     }
     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: '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: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'f46d74411e26cf1c9c03c97fac347bf5dc788ab5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'e371f01108821c7baad0edb1e8e1a46f05073788', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'a3c0a06a605aa12b1a297730c9f65bd1cbf87e4a', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderScreenReaderText(getSlotTextContent(this.root, 'help'), this.hasHelp)), h("div", { key: '9955be931b630d95d9e7e5948897bb9661bb1b43', class: "gux-input-and-error-container" }, h("div", { key: 'c05ea07ab13a20adf3c55e6eded59118fd1a65ae', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, 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" })))));
+            } }, h("slot", { key: 'dbd770b3a4f698c9e7fbf292b9ff6c3956f892f0' })), h(GuxFormFieldError, { key: '7946e209f2047d2d55b4c5f8f7e4127a1551fe75', show: this.hasError }, h("slot", { key: '0e63501224440e94a44e0860f9dd4224bd96cb4f', name: "error" })), h(GuxFormFieldHelp, { key: 'd4b22cd40da1f353a303df3b1fa83fbe66091d0a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c4da27eb02ad0c7a0466278cea429de827261e19', name: "help" })))));
     }
     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: '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: {
+        return (h(GuxFormFieldContainer, { key: 'a9a06a2ad9a0b1fb90f9c08e39e412b56724b5e8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '48428576ad89dbeef84489a4457548b1eb6fbe89', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4df79bf4e59801c57f7333414d615ac9afb75f6d', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'ebc55fafb330cdfd68d4c582806887c90b497507', class: "gux-input-and-error-container" }, h("div", { key: 'f47ff506665012da5edd9f798cebde2b1e339740', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'c3fc5dbea16686fc48b2e4848c076310bf3bd73c', class: {
+            }, part: "input-section" }, h("div", { key: 'cdc4e655e611a6742538ab5f4eac014a959e6fc8', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            } }, 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" })))));
+            } }, h("slot", { key: 'aa5b10586faa8e06051477bb6d7dacbad348988a', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '1f169dd7cce45f773f094db4ce3da5ef32dda8e5', show: this.hasError }, h("slot", { key: 'eff3e2766fd1881e52c5bfcad5a4e184ac6754d6', name: "error" })), h(GuxFormFieldHelp, { key: '60f31cc749482b4fba9d5d62ca1387869d72399e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cd49807bb8ef4719e8170445301360185357f758', name: "help" })))));
     }
     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: '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: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '8ff85b3c03219e2b844e7b061551381e38bba1c8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'dec197eec3d5b8ec3302a86c05b4324f596040cf', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'a746bf762e53618f705dd499e606b66266c80a6b', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: 'f5fb5c07bc8e4976a388fa0ee3bb1a4937a9a728', class: "gux-input-and-error-container" }, h("div", { key: 'c83de5abdb4de589d6aeafa77b9e77e5996ee640', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '1f36188ec01f54bdb1d4f817353842cd2c295084', class: {
+            } }, h("div", { key: 'f502626469f903e2d5b869097dedb04d2883d9d5', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("slot", { key: '3febd3428004a50b99957c42b8dc553912d1d009' }))), h(GuxFormFieldError, { key: '3b43636a5fcc5e36650fb74d0d134f5c013b6d5b', show: this.hasError }, h("slot", { key: '6eafb872935baf54f0b200f7f646cad1188d0867', name: "error" })), h(GuxFormFieldHelp, { key: 'e0a8e0ab155267823fcf382431c99d2a4b314985', show: !this.hasError && this.hasHelp }, h("slot", { key: '0790b4c83d57f68ed0a33f404d1293470ec402d0', name: "help" })))));
     }
     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: '28c836ab0ee2e8f2f1c8f29370c3aea7ef6df159', class: {
+        return (h(Host, { key: 'd2daead3becf9dfc99d48fd75b4184a0f17a575d', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, 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" })))))));
+            } }, h("div", { key: '836a7e83f8f954e4f175979720da3c069c90c66a', class: "gux-form-field-container" }, h("div", { key: '6d8ae39bf560ebcda1998ced209624d5509e6e8e', class: "gux-input-label" }, h("div", { key: '7ed914a1e4c76eaf90f0d49c445b0ede8412a727', class: "gux-input" }, h("slot", { key: '2117ece053b32ad43fbf7aadf343acd1f583b91e', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'ac2008218c656bb24828cb465b0e4ecaafb93899', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '8f95b8edbcb04cb2635c29b07ad67c6c46159ccd', name: "label" }), h(GuxFormFieldError, { key: 'f613802f6316ff517f24b39a2123afde96b403ed', show: this.hasError }, h("slot", { key: '4947bb510a3423a3e5922ee65f3a3d9ba2c256e5', name: "error" })), h(GuxFormFieldHelp, { key: '6f661b21afb70d1b80cd13c0119016c49a35aa5b', show: !this.hasError && this.hasHelp }, h("slot", { key: '6020ad3b02091f2c485328945be9e87dd2bf435a', 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: 'd106ba7b1e32d5773b44f026a0440d2acc4b030c', class: {
+        return (h(Host, { key: 'f6e3915cb942511008c37f877f136bf9fd3556e3', class: {
                 'gux-active': this.active
-            } }, 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" }))))));
+            } }, h(GuxFormFieldContainer, { key: 'f01df73d2706a27f1bd79517e80129d015be9f83', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b63c5b4683977385ec66cfd305d3787406874821', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '21ec96f66320f1ca51cad635333201a770273bea', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'ae19a718a32a2a1316f8bab27470b6c2d88d173e', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '5ebbfe83db1319cc818b1c1ef525b17d96f568df', show: this.hasError }, h("slot", { key: '6c2128ae9ccfa2d4bb59effb312b8709ee377982', name: "error" })), h(GuxFormFieldHelp, { key: '899f946a19fae07206d637b5b6c8ad3cb814327c', show: !this.hasError && this.hasHelp }, h("slot", { key: '93be28cc012997c736d0fdd880bce2be479ce945', 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: '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: {
+        return (h(GuxFormFieldContainer, { key: 'cc4ddf4554a3170d2b63552c31381c9bd0defddf', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '95415f4ef625a1aa2de0c27b4bff3f9f71cba452', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4fd148a5e4cbcbc7db5213f96662e1164c512be9', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'aafd0448d7845dfd784dd8174f80a675fd8aca11', class: "gux-input-and-error-container" }, h("div", { key: '264cd6b96b0f69bf0b2e2036a1e971dcbb232a77', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '099cf65d76baff73e0b55d962429922d466d30fe', class: {
+            } }, h("div", { key: '5bd3fd5ac4a9f38e929fcd077b62cca43a1aae70', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("gux-icon", { key: 'a71d0ae281a9b9a4d3110cc7d0524cf7af8baaa6', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '959fb60d5e3a7debf9a54dc7929705bc9d8ea9db', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'e8f336eb8ce7abe755670a50b806ed427eaf8254', show: this.hasError }, h("slot", { key: '98aac5c59dbe1ae93ea490a3ad27b8d8c5f5b5e9', name: "error" })), h(GuxFormFieldHelp, { key: '197f16c081cd844f5cde3c285459c0a06b5ef21b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a0ba4381b562ab69c3db102f14b213825f2e90d5', 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: '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: {
+        return (h(GuxFormFieldContainer, { key: 'b6d615322b4665e220cd056b7ddc269b1e6acf76', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ac5df58df2f5936cea1c3e4b3c90df66e3536f00', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '041304f77f5ad972b85fbfde9d19a3e50d38471e', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'bb07f72d3dd643757d703ff48b439b813c12200f', class: "gux-input-and-error-container" }, h("div", { key: 'c64707b087cc48e30ef822f300f5a50a119dd71c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '444b9144fed905cae3ef8ec3d057df0b6de703aa', class: {
+            } }, h("div", { key: 'baacc8768dc47af622c6dea486711495ba2b402a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("slot", { key: 'd56e4b407b17c9b0d72fe3907deaab936e30c1d3', name: "input" }), h("gux-icon", { key: 'f7801ad158649c466c7a7bbdd68b11ca9afdf5fe', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '533c1fc74e0052a38796efb480f4c42c775372c1', show: this.hasError }, h("slot", { key: '9234e675667b39c2f32ef087615fc9f98d4d005f', name: "error" })), h(GuxFormFieldHelp, { key: 'be26e942e42e68c093fdbb29ccfb2dae299421f7', show: !this.hasError && this.hasHelp }, h("slot", { key: '0fcd9d8efa6253bd6ea233f1f5b26b3ab0e14ed1', 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: '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: {
+        return (h(GuxFormFieldContainer, { key: '31d901d8eb74880635835b24c1170639de41dd07', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '6a7cf6ebe553906aebfdff553451be781aa91ff4', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '33483280309581609f4346e678b0ea3fdaaff2d4', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'ed8493e2a749caebb2d10d47aa6669303bd50009', class: "gux-input-and-error-container" }, h("div", { key: 'ca5bf5c393573822d3a09ddc4e1ea7c7c1f0f680', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '6b7dff7086bade928cd08663b22919cc85b64b9a', class: {
+            } }, h("div", { key: '7aefdc2e126f29753fc9240e16bd44169f603158', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            } }, 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" })))));
+            } }, h("slot", { key: '28430db859b8834f0468734b910490cb175593d9', name: "prefix" }), h("slot", { key: '2fff82d35dcb63d3020da2c8258e5f3f610ee7b5', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'bd2bf3447f52947db7d292d3caa37de8a3aa0a07', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '60f62b68271f01de02e14b3fbada16805f203709', show: this.hasError }, h("slot", { key: 'a0e1911c34fe75dbc312e752cbbf6ae2ba003e8a', name: "error" })), h(GuxFormFieldHelp, { key: '9cdec572ca90604f8ed1f04b512fceefb4012cac', show: !this.hasError && this.hasHelp }, h("slot", { key: '717b5dbdfe1df684c1c98ad7a3c28453ea411cc7', 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: '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: {
+        return (h(GuxFormFieldContainer, { key: '6593436e544045a488bc45bacfef0853ed294c26', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0f6125b263b93e1dae58c1e4ddae04aef75f5a3e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'bb4d1106e443bef1b0497a72d3a9a12ff1eb5fc0', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'a2301cbdcfc1c6f6c29231954b13ed6175c9dee5', class: "gux-input-and-error-container" }, h("div", { key: '30ee81e751f72c7c5d399e387fd1f3679207ad11', 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: '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" })))));
+            } }, h("slot", { key: '7a9a6423690e30d972f71015bd61f983037fd6c6', name: "input" })), h(GuxFormFieldError, { key: '2cfadea783445a7376831407a1309853fc0243aa', show: this.hasError }, h("slot", { key: 'dfaa9a2fe5e87af43a87eaadb81871c7a782bec8', name: "error" })), h(GuxFormFieldHelp, { key: 'a4d2178c5862ba9132acb551c3776121b032781c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b4ac570b98dd9ceca915aff9bccbb13137db65a8', 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: '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: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '95020038fca4e39446f63d759008055f74368cc8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '009e300862c0f0ecb0131d40be71073734464231', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '645d7bc64a258ada05793b66280ddff36bdc468b', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '67e394357c955ea072c05618c8193c59628073f3', class: "gux-input-and-error-container" }, h("div", { key: '2bbb28ee1e81b1f929c9174788b1738d1fd7b8bd', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'fbafbca9ee75ef20ecbd9a312399998285367f25', class: {
+            } }, h("div", { key: '097fd4601c7363b394ef8910b1d7e4d93967e6e2', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("slot", { key: '78d142411812126a518cf6b87f0e572b672c02f7' }))), h(GuxFormFieldError, { key: 'c6144e5164cac92910f761c00839db6dfea5a97b', show: this.hasError }, h("slot", { key: 'e1d0a01c6ef55734bf884249063dfcb4b8eaea67', name: "error" })), h(GuxFormFieldHelp, { key: 'd22cd2f3451c400b33732a9da073a97c527f9439', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e08f3ed06594191406eaac53e380a8d2e41f2807', 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: '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: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '85bb9f285de4cd00694713b301dc2adfd28e8984', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'f739520121334450a14e77ba3c6ca242f37a1e58', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '22b31c76b41619552aad0e7814a697f886a6addf', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: 'a69a76166eb91d58b6a742e20ab139f60e787bc7', class: "gux-input-and-error-container" }, h("div", { key: '8409b08f18ee5d60240f3b871f511d1be0a2241b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("slot", { key: '602f45d26e9b291556afb2bd77100afc1135ad36' })), h(GuxFormFieldError, { key: '6c6fe3090a4d2d4a2d949312da32ea25d65ef646', show: this.hasError }, h("slot", { key: '26fabdbc87c948541c980577cfe33268fc3d4d6c', name: "error" })), h(GuxFormFieldHelp, { key: '0c9afa80f404476b686e21920f1f69d4cf48ab49', show: !this.hasError && this.hasHelp }, h("slot", { key: '863206de4186c1d90e6dfd711e3eba2651200e90', 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: 'e25dfcaa89bf0ea1010090ab80d4ecfc2d22c422', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'a7ae73193221ebbc9d3aae75ff3b53107e3e0908', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: '0c0332679ab95514e045ffe45c8859585deab429', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'f3ee13ea9fc4643f88909327f3c82a1011b5e78f', "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: '78f4fcfef073edb176334060c2a1d308e85404de', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '9fd45bbcc6dcdd3fabc148ca1481d9ee8c2faae7', 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: 'cccf80869f2a94daea7e959776183394529ec9c5', class: {
+        return (h("div", { key: 'c8c031e22a83d1168eae967e7fb8324682f00a18', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, 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' }))))));
+            } }, h("div", { key: 'df990f14f0061ea8d07d0d46be3734b3e31cdc94', class: "gux-message-wrapper" }, h("gux-icon", { key: 'ebbec5ab4b7f34f1e185f4ac6eba8b4eada7c3cf', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '5797579326c0e87028d144c89e131486893bf100', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: 'fc3d8361f8b791220c995a724981bc26132eee14', class: "gux-content" }, h("slot", { key: 'fd0547fe4a83ec26bdfcc24a8982efc3aa464b68', name: "content" }, h("slot", { key: '01b1f7bc0c011fe8ab975a2eff683fbe475667a5' }))))));
     }
     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: 'fb586573e0599986833c87cb0e1d2b5d403a3ed7', role: "presentation" }));
+        return (h(Host, { key: '5e66f7f5c16880d8f92c2b05ee8f617cfef3aed1', 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: '90bc73361f80b0433076a224fadda8db28d9ba2d', role: "listitem" }, h("button", { key: '1d6cc4905d34248d43b95e05e11e93df4c2ffcf7', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '081f96e9fcbc2a26fefb1a54b97e756cc0c45f5b' }))));
+        return (h(Host, { key: 'fe5e1bdf165b641c47aca53896ee115761879f73', role: "listitem" }, h("button", { key: '165e85944d8914d0448d53a48039e80ff380f103', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'cbfbb7d5f45c3d9f38b5a2f408c5ea8f74f85d0e' }))));
     }
     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: '2bee81661464d225aa3e2a80390b34c1ffcc13d2', role: "list" }, this.renderFocusTarget(), h("slot", { key: '15960bc74695c41275e4b23d60e330b87e72a5a4' })));
+        return (h(Host, { key: 'bdb9996d72473e2a49dab3273a593516d4b72314', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'b90c7de53d03eea4ebe8bee5d36be19f353a8ed1' })));
     }
     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: '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())));
+        return (h(Host, { key: '00518aa9772bfe7571278684cb7461f097f5be87', class: { 'gux-filtered': this.filtered } }, h("div", { key: '5f900a6e065e359412cfc67785f85db0cc988cd2', class: "gux-option-group" }, h("div", { key: '68d93d2e3fa43c8762c6e32817b818217627c0fb', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'd2103e79fdc050ff607ed4a69ca6848a8265bdf9', role: "group" }, h("slot", { key: '96fd6a7f8b7add40164c9d0dfba633568582c0c9' })), this.renderDivider())));
     }
     static get is() { return "gux-option-group-beta"; }
     static get encapsulation() { return "shadow"; }