genesys-spark-components 4.103.1 → 4.104.0

package/dist/collection/components/legacy/gux-notification-toast-legacy/gux-notification-toast.js

@@ -13,7 +13,7 @@ export class GuxNotificationToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '29bd409866dc6a10696ef0fd10e7f5ffc84f97fd' }, h("div", { key: 'a9a5478c3645949605102e8bb782b1a6ee509b34', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '8e6fd5cca1352e95f825bb7ef8f361866695329a', name: "icon" })), h("div", { key: '1c77c88ed189344e878c53a00258a2859b99b4cc', class: "gux-content" }, h("gux-truncate", { key: '00a7784536788409f7c3bb5ff630b73d13a52fe2', class: "gux-title", "max-lines": 1 }, h("slot", { key: '79e4108e851cc46da3e69d3818f03487e3498d79', name: "title" })), h("gux-truncate", { key: '8464d829b48626ee2a5bb63bf3081752c20c4181', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'b07aa706db328d15f4880955dc4fa6daab0897f2', name: "message" }))), h("gux-dismiss-button", { key: '81de69967382c3e97ddb0129ab94043ba6e3cffa', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'f297c56319dfc9f4895fdf5a1b08b4065c721db5' }, h("div", { key: '40c8c0f65cb3bfd8f5c916e75702f74f74abedec', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '46134600bb228490827cfecc90dfbcefb86e33eb', name: "icon" })), h("div", { key: 'a2deeaf2e36d6fd5e5971ff3ef46e9ae285d90a0', class: "gux-content" }, h("gux-truncate", { key: '89317a1a0b8b9f86f5868c0531c98db64c28d0eb', class: "gux-title", "max-lines": 1 }, h("slot", { key: '3d4e934f981ffbf8a75ece185586a64e1000da6d', name: "title" })), h("gux-truncate", { key: '088e5d0ea116c418cdaae85335d0511d3b3971b1', class: "gux-message", "max-lines": 2 }, h("slot", { key: '9d01e51a12423b8bb0b155aaf9093377b49283e1', name: "message" }))), h("gux-dismiss-button", { key: '5e2eeffd5093411d30ffc5d704fc12a3145ef979', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-buttons-legacy/gux-pagination-buttons.js

@@ -71,7 +71,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'd9cc666f5fb3fcd3a50cc652fdd033b6a40cd859', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '7fd62ec74d1a57ea094e37109cbfa10aa0aa66cb', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'de99a54442c3168eeea963c2c98134c2f08a800f', accent: "ghost" }, h("button", { key: 'da6954b497578ae1c9eea0f1b5000ed3bfd2a1ff', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '6462633c14d25669e981d514d6ddc0372d1af827', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '036263cc6bf8a52d4d29e6c257559d6f1596264f', accent: "ghost" }, h("button", { key: '72ca07d538cbc942b63cc35fc5e869002466193f', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'e8e8f955c76dfcea3e76256f68232afb951380dc', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'c1b05177d96e60c8dbab40f21cc13d6d2ba871c8', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'aea0884e9f8b66002893ee6c94f58e46bd345c08', accent: "ghost" }, h("button", { key: '27c7f68777a0aba912d4a8fb75bb66f37175ba80', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '06bac85862fb54c72d37594c9a514782334cf418', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'c2671535419aae0d93df96efb99ccb9f6225f01e', accent: "ghost" }, h("button", { key: 'bda0dcc81536c91cf92bf16c6f4d1b906a65aa88', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'b8e7eaf54b223fffea373f080fc0c06740ef25b5', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '1e5c5b2a72af2944a3a14745fc9082f333f5e517', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'f934bdb6eb50eff65da1b9de484240d58594c698', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '17e58810c4484a3f7e3afdf3f3e6bc9e4069b92b', accent: "ghost" }, h("button", { key: '1de61001603db04572b8de8fb836104da4a85554', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e358f879cb0fc61b650b7190a1cadaaa9db47ea7', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'a3b5ce6dc1ff697fdc2271a9b606680f8c765fd8', accent: "ghost" }, h("button", { key: 'c8fa9837a13a2c73884639603516362ca5c59b22', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '02d4c4184a2754eaaf322b118adfadd6b3f3b162', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '3732720aa26a1e936f1459888c5e94d82511a1ad', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'bb18de93354b00b15d65b6a77eeec34a557608e5', accent: "ghost" }, h("button", { key: '06b5906d24f4cd38586328fbe539fea6f7924bf6', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'b411ffc0d8d516dd896f1df83bb596d308f93dfd', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'ca15f46d8d5fbd55a3461b59560ee680b70645a5', accent: "ghost" }, h("button", { key: '4ad0e3b8e8e150c8965b0ee8271b7f7386437d34', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '5ce7805f596be04c4e9bc40c161d359e42f91a52', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons-legacy"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-item-counts-legacy/gux-pagination-item-counts.js

@@ -23,10 +23,10 @@ export class GuxPaginationItemCountsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '3f3ede0c37facac2b9cf46c686f0818bd3d0e0bb', class: "gux-pagination-item-counts-container" }, h("span", { key: '4170e69c54e1bd437241315e286ae4e98d0bec52', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '53604aed7721b62395e6eee2a3658b750cd6080c', class: "gux-pagination-item-counts-container" }, h("span", { key: '0b498502bcf3a6e3271d47fc0c4c3a04f29e60e7', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '3cd0b26ce6195e8ad0712c7f3391b6af44edcaa6' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: 'c52b058ab08122ef54db772c215b1df4a29c6d4a' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     static get is() { return "gux-pagination-item-counts-legacy"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-items-per-page-legacy/gux-pagination-items-per-page.js

@@ -19,7 +19,7 @@ export class GuxPaginationItemsPerPageLegacy {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '74b3f06f813b32bf87a1b4a8605f5d7dc0715613', class: "gux-pagination-items-per-page-container" }, h("div", { key: '8ebf3086e976e6465801d1ca94d1f7e260ebbc28', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'b95fa0ff2bc01b62bfed3670752ef46ca5e1810c', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '57cc57dd92345cfc43dbe46a349777e31dac5c3a', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'ca34a03a34faabaa54abd545cbf16febe1f95331', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '50199ccd3c887fd695433a71476deed2fa7e9bfa', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page-legacy"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination.js

@@ -58,7 +58,7 @@ export class GuxPaginationLegacy {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: 'a9e64f7b69b564109f8af1afb6ea858c643f3691', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '51ac851eeb00b918c664e8d7b3ebc2bfea5be93f', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '67e8ac6fe84a7d7a793a253cd8023efee8f2e760', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '8602516dee10463971c9dcd18588e5ae59220461', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '35b0b2c623b2adfd697d2233e650fd123da83c35', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'd0341a4f877d4d8f8d4a5fb460b521ddd78aa906', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-simple-toast-legacy/gux-simple-toast.js

@@ -12,7 +12,7 @@ export class GuxSimpleToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'db2c740647d7a8a67532e31718e0a62d7cd8c27e' }, h("div", { key: '7ea3dea9fa72a9db1359a6d38a03cdfb17c8567a', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '1383078dee16fc5e9ea9b4f0681f6fa1ecabcc2b', name: "icon" })), h("gux-truncate", { key: 'd9d448b6796b1846d0a4c3f3895ee44b2ae7822b', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'dfd7532ea190c9fefefbfd7014252727d4f69332', name: "message" })), h("gux-dismiss-button", { key: '1c541ed4eaba2bab5421a0931af71582e6f27611', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'f8afded47dd5d8aa1e06d12fc5a8e132bef8c914' }, h("div", { key: 'ee392128cd1ce75f6dda9dec608ba2094e9984ad', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '9bff6a2b1bfce3baf96896408fa91e01abbecbe7', name: "icon" })), h("gux-truncate", { key: 'd1e617b3f2bceaa4ee8df7622b8e6f0e9f669cad', class: "gux-message", "max-lines": 2 }, h("slot", { key: '547784600e9746065fb781a47a8cec7ed7583ea4', name: "message" })), h("gux-dismiss-button", { key: 'b3cd1efe52992185bb10355012ddc7f681b2ed42', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/legacy/gux-switch-legacy/gux-switch-item/gux-switch-item.js

@@ -14,7 +14,7 @@ export class GuxSwitchItem {
         }
     }
     render() {
-        return (h(Host, { key: 'dfec7f615a7355fdad50c1e5cd6e8c78a05cf3fd', class: { 'gux-selected': this.selected } }, h("button", { key: '70ca8f456fcfd5655cf46f34d64f014e000542a8', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '7b837c5be672d9323e5a08f4f80ef6f56d5bd654' }))));
+        return (h(Host, { key: '133d94047c697ca14556e11b7fff787464f4a35f', class: { 'gux-selected': this.selected } }, h("button", { key: '765a3a84a4481fb8a0b13138248ef2c802c13307', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '1656c412e5a4ab60c0dd0375a539a8da63e68f2b' }))));
     }
     static get is() { return "gux-switch-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-switch-legacy/gux-switch.js

@@ -31,7 +31,7 @@ export class GuxSwitch {
         });
     }
     render() {
-        return (h(Host, { key: 'd31601a61d149eb26c14c6bc184fd33de5da5f6a', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'f743ee37bec5f414c7b06f9145dc42cc8fee4fee', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'a6ffdebe3ee02f5020d9a8c8deeb6079b500ed52', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '0c648e6832cdb40a1328f4b3c745ce7b2cdfb60d', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-switch-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.js

@@ -44,20 +44,20 @@ export class GuxAccordionSection {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: '3924b85f31a66bca17c7f378567014f8078ff648', class: { 'gux-disabled': this.disabled } }, h("div", { key: '5c267b42b7d2ac73ddf1f6bb1e9638a7b5f52c53', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'b633f331ba6a3929cc25ecb16a36aee8640d5561', class: {
+        return (h("section", { key: '0806bc2ae1a703a9b0e27161f86e46f61aafbcf0', class: { 'gux-disabled': this.disabled } }, h("div", { key: '01d0d237ca843ea530ea6053f46351beeeb830a1', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'addb3b9510a058dbc6661824212e33523e3ba05b', class: {
                 'gux-header': true,
                 'gux-reverse-headings': this.reverseHeadings
-            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: '3aaa4cdf784767603482c5925fe5f4d2adceea58', name: "icon" }), h("div", { key: 'd3c4cb470b61c031b68076e5369e075a2170f6c8', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: 'c0de756ac270cff40a82fbfefaacbeb464010776', name: "icon" }), h("div", { key: '81d82e5eea57686db7e154737a28908fd80130f5', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: 'd363747b9debcc3a64ed635c1f6b7f9ca21a3e14', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'f6de0e09e2b4121a96d543387628c1d0755a5b8f', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'c436794e348b57af52b374f0522fdd30ba400b04', class: {
+            } }, h("slot", { key: '9ea3dddf66fdc2ae01f9dd32921ef6421ff8ca21', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '4add8feab6367ceb34d9f7c019f1bdfd2b263206', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'ef8a867c28424758ca61d399dbf156cda08765ef', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '2d21f68607c3768177e87d05be85a8e6460fb2f8', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '0a5bb8327a7ac65132c8c920509410630908499b', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '5f503be61884eab6a11689f998168efed2a83f84', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'ccfad732276a62607a504cfe1360e08f6210e10a', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
                 'gux-content': true,
                 'gux-expanded': this.open,
                 'gux-text-content-layout': this.contentLayout === 'text'
-            } }, h("slot", { key: 'c8b8af566de38e258e6a17b49ffaa35926a4f890', name: "content" }))));
+            } }, h("slot", { key: '6db7b97fa5af5cd74efa0d52ced882a3aa634448', name: "content" }))));
     }
     static get is() { return "gux-accordion-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -36,7 +36,7 @@ export class GuxAccordion {
         }
     }
     render() {
-        return (h("slot", { key: '4185a5f15b4c1aa8a98bc76e2f12230b09b714b1' }));
+        return (h("slot", { key: 'dc73f232f41a4cc7561dc9cdaf25fb04b8acfae3' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -116,7 +116,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '3b3d36a4a20de345981d69fa2dd381ff526738d0', class: "gux-action-button-container" }, h("gux-popup", { key: 'ca936f4bdc087463d0084c38aa68798da52f3b30', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '4e77b6dfd56c9ab772504881dccd7ec7fb361a29', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '3b49bd8e86e1b1ddae53c0cebade1632da5fa04e', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '428d4485d4c400789a63d03d562241f8bac603a4', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '1a332eb224ef03d07f7375ae862a2f197e079cac', name: "title" }))), h("gux-button-slot", { key: 'ab0e02ec002cf95b805de1664328d1065b167cad', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '0d1f1f1f12ab724deaa2cc4db09d24d8ddbd2f88', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: 'b0f3a4ad766c34e516a0b2798c659b8c2834db86', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '2d663a85df56d364a998d8ea0ccb7e91603f32e3', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '730a2870a8f91f7ecd9a1bef7a9152f8b5e7afc5', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '81a1f17b77d7de92ce0f63c35363841ac2cda67a' }))))));
+        return (h("div", { key: '77025759333a7cef0c3d5bd5d2fe2b8ac73439a4', class: "gux-action-button-container" }, h("gux-popup", { key: '617e3ec060410649d10d627c96eb552782285eca', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '45401bc142ffc0efe94fdbcae4fe5d69e123a94e', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '5d12900de81f31a6e135b95a2ca40b6ef8edebe1', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '799c79d1bd0a9433382c67343ad47388924af706', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '9554d16784687fd1f02e73e4327c7e27c766073e', name: "title" }))), h("gux-button-slot", { key: '50b94069c88ee0e0cbf143d82c31441469785f3e', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'da346cd031aaefcdea6667ed5f0424178b91d644', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '326f91058aab97a8f89a942ae4b5c916e3c5089d', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '8a51e8b04cdc41ee4527dda9e8587f083a3b4d6e', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '1cd2be52d715bf1ce5fd06d42c94e1b48bcda034', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '760d2875fdf79a9df01fc86f110c29dda56ea42a' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,7 +33,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '17d30c6044045a4e59c920b125f8c8d12dc35e68', class: {
+        return (h("div", { key: '1ce49d065b855a937d6062c7c1e0e844065df5c3', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

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

@@ -35,7 +35,7 @@ export class GuxBlankState {
         this.hasCallToAction = hasSlot(this.root, 'call-to-action');
     }
     render() {
-        return (h("div", { key: '720bf86660322e37ae260210e059e2f8d28c61d8', class: "gux-container" }, h("div", { key: '7fbcfe6ae42e0c2a57ceca368411ac24492a68e3', class: "gux-image" }, h("slot", { key: 'f4208f0968048fbdf39c5d75225d65814aaeb38f', name: "image" })), h("div", { key: 'adf383084fb748b77f9a27d06b9b5acd54f4bdb3', class: "gux-message" }, h("slot", { key: 'e552bd00acf6e4cf3bce6056632abf28ce411b49', name: "primary-message" })), h("div", { key: '143f1c247e9d0d83ea91025ef2ac9e34a4552072', class: "gux-guidance" }, h("slot", { key: 'a3e8ddc3599db6707a1192b7b6eba783387654b4', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: '2daa954b880e05720d253b5d9493849e312a7cc1', class: "gux-container" }, h("div", { key: 'a9791212615bb716c3425878f35e546a88c0068d', class: "gux-image" }, h("slot", { key: 'fcac7024bd14b53bc4b89b3c2f73bd2de8d3a9dc', name: "image" })), h("div", { key: '52fa7ba2756263eec8dbc035022393afea99773c', class: "gux-message" }, h("slot", { key: '9599c214446e98a1b36f5eed6ecbd2c222852da3', name: "primary-message" })), h("div", { key: 'f22762b576c5f0ffbb41f3309e6af3a62779dda6', class: "gux-guidance" }, h("slot", { key: '916448a8e536b76b211772939de48be45fe3654a', name: "additional-guidance" })), this.renderCallToActionSlot()));
     }
     static get is() { return "gux-blank-state"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,7 +38,7 @@ export class GuxBreadcrumbItem {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '2cb194409dd8dd1fd0468a7596d0996e50de5a99', role: "listitem" }, h("span", { key: 'e991eeab845c8ad11a02eab64d895145a129dba2', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (h(Host, { key: '791a7a75b4c62e094b0434d6b41f4cea450b180d', role: "listitem" }, h("span", { key: '616caad073f0658056d2d9d12dc57a8bccf21672', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
     }
     static get is() { return "gux-breadcrumb-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class GuxBreadcrumbs {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: '64ddce7ab9c013ab39b78a9627c8138205cc401f', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'd0a265a874c6cdce39b005151234e709f781a24f' }, h("slot", { key: '829365142e4830d91c2aaab34336751ce70b57ad', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'f5769aedf82faca026a12e7c2541e9e0ae7932fc', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '698acb022dd77e1a9b8ad2e810621269d455d2f7' }, h("slot", { key: 'dc1a815e052129fcc91befb3eb548ef2361a19a0', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     static get is() { return "gux-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -21,10 +21,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: '4c7f98866c71bd8dd65500cd9b33402efae9b58f', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '12210a0c4552359ba40fa3eadc84c1ae9e73db25', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle }, h("slot", { key: '7c2d98b8269a4ddfed2ea39270bfb8569cd60630', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle }, h("slot", { key: '63c98885b95820843c89af0e259fc88549901e11', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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

@@ -104,7 +104,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '744452bbf7629f12216221e67ed9129fa66dfc4e', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'e9be2e00020170c980e36d0caa970d4279f2b4aa', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '159405c2940b1e892c43594e15bf808915afec5d', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'acd30534936a5911de12d3947be09776a057a564', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '0385aa2d19fe46ee7d060577ec46c3f20e03d51e', name: "title" }), h("gux-icon", { key: '3f35269673852bfc15e6a39f9e8ddf7ed410aabf', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '4334d3de344b9e2d30c0137be36ea5d38e1ed64b', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'a0bdb07b667582dd6af42adae50a180126eb7714', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '1e62bbb4462d1f036cc29a5c3bfc4d999da54d6d' })))));
+        return (h("gux-popup", { key: '8c41d551ae693edc1937f51f1949227aa385d353', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '43ab558d781d3171e0707e112b6978f1a75bbbf7', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'f867b5116e05b7c1e9a704b23c189a5ed5cf5c34', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'fe10450696f73f6503ceb44b26ea6f147920e033', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'e0601bbc2ceb98d13c9f3366205e0299b030f6c5', name: "title" }), h("gux-icon", { key: 'd64efeace5792a6c2a92e92af42b967376f445d3', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'e9868c6e1bb10f20fd253a6cd7ebaa35016c06a9', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'fffdb8a6dd00f4e0c18255a659fec4bbdb2651c5', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '8294c06dbc706f1c33cb614dab6d4762f17c4986' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,7 +32,7 @@ export class GuxButtonSlot {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '20302ae93bb33075aea394d763b0ed37d7426701', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '95ce95697b8a78bfe4dffd107ef6576863a305e1' })));
+        return (h(Host, { key: '10e7d27d0574eec6e2d388fa050300b53758d8aa', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '600b25d04fe7de3ac879c1aa5c03cb838ff7aa1c' })));
     }
     static get is() { return "gux-button-slot"; }
     static get encapsulation() { return "shadow"; }

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

@@ -322,7 +322,7 @@ export class GuxCalendar {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: 'a7920619780239b450f56c9c2c04774eec648807', class: "gux-calendar" }, h("div", { key: 'af8ecec27ab49ad3526b88c822cb61cac24d2d98', class: "gux-header" }, h("button", { key: '1ee8c3b7d351c7fbee2935cad620077d69e958ef', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'b5b857a1e4979011c0280223d50e311cc75b6b7d', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '204a2f23232ae0ae600a7b2884da87891a59ff13', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'cf27f0b363a895b77cbcbb84cecac31d6c1b7562', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '6f3106adfbf43b8d7d79b0f1e9033ce3e7f5ca0d', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: 'd3dcdcdbb9e10c287322be124420eac5f18d9098', class: "gux-calendar" }, h("div", { key: 'b2cabe10bc824f1b894dbf0c1c1fa20c16849689', class: "gux-header" }, h("button", { key: '2b619e938756b804459f4b3b78c79d7b86c6f6b3', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '36bf5f3c6e4475b5812acc689e17de373063df46', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'e31ee4fe2e5909549222da39639ab6dca2341f39', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '0d28d29a5a16921f08c034e1959079ba4bffc387', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '6a43e658ac95cf0af6b0a329fca6851f5fe0bbfe', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     static get is() { return "gux-calendar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,10 +11,10 @@ export class GuxCard {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '64303827daaae1f83871641536569c405edc41e6', class: {
+        return (h("div", { key: 'b3cd41d0628aa3810cb86a87563102572eaebe27', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'd85770e5a8738c8a6b382c072439d3fdc6731c12' })));
+            } }, h("slot", { key: '961411eb67625b6326c5a46ba6bc13e48d3c4605' })));
     }
     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: 'c19d1592c2c8ca8d150562afaf097135e7c2f38b', draggable: "true" }, h("div", { key: '88cc88a462da0d16e43b39fd90b14ae384e516e4', class: {
+        return (h(Host, { key: '5dc6f7ed7b4519cfb0de84c7256b14e428581f55', draggable: "true" }, h("div", { key: '79a1c858dcdf36333aff6fee4565399acb2664a3', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '4181ddeb7ce21528a62324c5752a5f1ab74f92ad', class: {
+            } }, h("button", { key: 'd93341dbd8b97a47f9345afa070ad8a4451ccac7', 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: '72fb29f6727fc950318efc813a8b04f5f903f6f1', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '365cf6763ca55551a2c618d0e3a9024d89d6f06e', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '1df8b80774f7fcdf13a65286903ab30c9ff8b5c1', class: "gux-select" }, h("slot", { key: 'c262e35e4f2a5a8e090f7108c3fb68d1767f4249', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '7c966668dca1ff3da30303fc5efc307fbad18534', 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: '183cfc4b9af0da0c05232f8a4f8636ad255594ed', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '3bd5898e5e994db4e4c96111f0f02abcb812166b', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'b2c2fa955c139666cb557d5db7e11100abd94b74', class: "gux-select" }, h("slot", { key: 'cf7485c4d7ddd3c835e87e5a8e072259ec9166b9', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'ce5d20268a8dabc32c1f0695739fea6ce00010bb', 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: '698df157fd006f40fee9bb5c2770c2e54474881d', class: "gux-container" }, h("div", { key: '8bfd775a613960a153829d86fc83eb42e711a494', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '465fa034b308d7df5590e22411a4c70436367af3', class: "gux-search" }, h("gux-content-search", { key: '2ac0d737a4ce2d4f33d8e5552166c05840bab681', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'ba5f910324d18148c9da03bcb4feb8d430955fad', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '9cbe6311a85ebea73fb095c33966e154f164326b', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'c15ef271d2d03f64bf6da8b4f5af4a63b798c2c6' }, h("input", { key: 'a49bc04f50fdb36bcc877b04f7f2ce0a92cce803', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'a8adbc1a752f5a22c1f3a2c8f511d0378050fc1f', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '6c1d751144aa413b8f8f5d8baa6f17af2df74634', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '98e7a2e5b4dae8e49619f6f95bce9c457cff4de6', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '46e2041bb701cbdbd845a4e2dc751bb43af8989e', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '5d2379b2779ef315e6aebe99440a9c7de885a33b', class: "gux-container" }, h("div", { key: '84aee51a7b8cfc0efbd6c45ee7aba13adb2a1a0c', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '5d3b183b751b9e6b93b7d5ccb89e40d491bf4317', class: "gux-search" }, h("gux-content-search", { key: 'f61c1871ef70be9e2f65e76c8d0de0272e767316', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'a25f9159c18f06d034a3dd9cf68e70c31dc7ac30', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'fd2e2b6c1ec8085ef079bc4f2a426952e897c534', class: "gux-select" }, h("gux-form-field-checkbox", { key: '6a6ff508ecfbf15fab71237123e9db74a64754c1' }, h("input", { key: '4a1bff9f2ef916cea3a1665e9c020f0b72c38df5', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '39c5c0dbdd6da3537eb3a72c3d0a07288949c5aa', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '893fcdd57ed481e34a7f5688b076a5a28ad2a116', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '9fea231f3efc3bc1292efef9534cdc33e91ba786', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '0e0451becdeec7d7ae0bf51dcfded6762d9411ef', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-column-manager"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,10 +46,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: '151163e5fa2f4c807b7e9c91cdabc2bb417af3f4', class: {
+        return (h("div", { key: '0aea0845cbe9caa7b3e178e38592ec356b79d9d4', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '8fb62e249a8bcc22fa5a865ed1f8416f2a497c45', class: "gux-search-icon" }, h("gux-icon", { key: '24bf8049f8ddcc491f87d4a784342e1a5b0fb3cb', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '3d23a628a514d700c6f93c9c679f50460ca639ba' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '1baa20bf6e2fcf60950a042e9461dac55a64804c', class: "gux-search-icon" }, h("gux-icon", { key: '053f94c32a0f7807394d926b0182da6e7e75579f', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'f03de63d874eb65a68bb38557daa9d0d6266f5b7' }), 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: '3e609c9ab34af745384ec9a39bf8a2044ca33dea' }, h("gux-popup", { key: '6957db56d9e5925278eec225885b5011d11c3158', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'e5bd111a1a1cec9b0eeecc9f439c8b91faefa323', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'c3a49d518cfb535219bd9e2d1094c911357186b0', accent: "ghost" }, h("button", { key: 'c9603e026cab5c6b7637b396711b3bf108dca898', 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: '4f728ee43be3f78a62432edd8d3c33d4a52c64ef', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '385a691fd2b114f8cf57893e73826cbf01bec147', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'b9272daf9b61dc860ebb11fcabf80f2951b9d29c', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '85a9f0647367477016f74f09fd263fc40c0d19d7' }))))));
+        return (h(Host, { key: 'dfd3618ebf7c142a0597dfb34e44673a9f3ef4fa' }, h("gux-popup", { key: '4f047a9706898a6b33fda61c4ac867a7f594ba4a', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '57a4a20d2f53200db206f6716d178388e37c7c54', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '0d0762b28cbac04a57bb08f6f9482dfc1d7c34c7', accent: "ghost" }, h("button", { key: 'a83ddc1b121318f92b1f90459b9d8175c0f6b29a', 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: '82ec6e3d272ac1dd957727e6ec5097a18d68e878', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'e76befbef4f43252ff3cd2e5e780fd0ae992cb64', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '358c5014aaf990e2e593a68f54cb2373883832a0', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '8534997c8624516bf51040f615c97568f5b52bf0' }))))));
     }
     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: '8857dc7be33e1b0e1e1ead9aad01f8c26bd74863', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'f09bb7a4b6849f474d3d259139e50cf44990172c', class: "gux-copy-content" }, h("slot", { key: 'a796b5bcf17b0affdfb1e83f723cafd91d3a8315', name: "content" }), h("gux-icon", { key: '07f2010207eaed38718c4b1e1b02b966d80b0b33', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '5177d75ff19ee55342ec5c8ab68822ffa894a9dd', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'c3f0fea866ae03896c877367563f2c1db86ef066', class: "gux-copy-content" }, h("slot", { key: 'a916a6268eeeb44458f6d036ad10b7ffc9d15d9f', name: "content" }), h("gux-icon", { key: '5bae255cbaa043986dea5a2094c3bd16733ce56c', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     static get is() { return "gux-copy-to-clipboard"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -12,10 +12,10 @@ export class GuxDismissButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: '57ce580a71a847685262fa75de02cf6bfdc8e1d2', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '0ed2dc546114563cc7533125e6176fff808c0eae', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '2cf06bcbdc331384c332220a8a0558d8ab16f0ee', type: "button", title: this.i18n('dismiss') }, h("div", { key: '8160a49a288b917831da77be341dfa5bea236c1a', class: "gux-icon-container" }, h("gux-icon", { key: '9fa80faaf90d89c1faf6eb8aa178329158f43e1f', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+            } }, h("button", { key: 'af7db36c3f066d7b4702db239e5bdcc503d71af5', type: "button", title: this.i18n('dismiss') }, h("div", { key: '0b1341014d35b983176cb7500697aff09c266a2e', class: "gux-icon-container" }, h("gux-icon", { key: 'ca90774f917be8f15a48b37ce2de1f686fc2395a', "icon-name": "fa/xmark-large-regular", decorative: true })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

@@ -374,7 +374,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '3565d39bbc9a0066fcf5ffedf823995a155fdcbe', class: "gux-dropdown-container" }, h("gux-popup", { key: 'e0d5283b397f1349486b5aa37b1ee702d1d31505', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '45d64d06582aeee2e0c405e0b3416f21bd7b008f', class: "gux-dropdown-container" }, h("gux-popup", { key: '4301e5da8de71d48975aae612be3278315a83886', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

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

@@ -171,10 +171,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: '88ed53b522a66b55f020e3c6e20d507526928b7a', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '683b9f2a45dd2ca74c50c3b5d288323bfb8b9978', ref: el => (this.targetElement = el) }, h("slot", { key: '7c53405c911dc369e372ef683b2d435add478ad9', name: "target" })), h("div", { key: 'ef0844f1c0650f0824ba0aa8b5e96ad75c342502', class: {
+        return (h(Host, { key: '9a6a30ef5a6da68ef8f2ba84bef0452235e2f9b1', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '2fcda7143a3030cee15e4525e6e35e8be3bda451', ref: el => (this.targetElement = el) }, h("slot", { key: 'de096c562a11f6315f88524ea5b96cd7cd6a3c8b', name: "target" })), h("div", { key: '896f1b86873f4fa0c127af915bdb42c23b295117', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '19ae22ea5360bb795a781df450b1591452dc00ec', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '88280de18d9134958d0e8e02cccf7f223b2384e7', class: "gux-arrow-caret" })), h("slot", { key: '0e8f47e3938416388e171e521708da4b0ccecc39', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '1d9ca95d7da3928254149eb1455b87c4e2b287f8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '0bd0fbe389e6213247dd5dd54ec4b00d09ca0616', class: "gux-arrow-caret" })), h("slot", { key: '03d6fc598c56d14fb284ae5fed39825de44940f0', 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: 'df908d4f161e3d96700f7a3ad03444080c0a21f5', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '1907469b9746b6071ff57bcb71bdca674ba21e51', class: "gux-menu-option-button-text" }, h("slot", { key: 'fd34cd0135dffdf900a87567a3a451af8f6b7b89' }))));
+        return (h("button", { key: '2e52fa99bda1e8f36a98912b9bdbd163f5c71ebd', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '686bfb87087f9724f6392f4baf5cf762751a00a2', class: "gux-menu-option-button-text" }, h("slot", { key: 'f44322c5ff7c4f269ef1a0932437a846bbd22b76' }))));
     }
     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: '6a3f9c9bd91af32ca7e5499fbc87fc6a5b37e431', role: "menu" }, h("slot", { key: 'a27049f78e258c114eba09b0cc408d771dfa25e2' })));
+        return (h(Host, { key: '5601f1b2d378a742ffa1008dd4ff5b80f3a16e92', role: "menu" }, h("slot", { key: '1bc149fc20a308903962de2e11631b5a23807db4' })));
     }
     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: '3bf5bd2a023b20151c61bc3760e2acb74763378a' }, h("button", { key: '6243e772096b2add4600fa8021707106386c5de2', type: "button", class: {
+        return (h(Host, { key: 'eab7a3616ec0b1f59b526674466eb1329aa163ee' }, h("button", { key: '941e9461e99b14a6cfe379049fdfcaea7db69ca0', 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: 'c108d3332766be36b480ae807ca2efe92e8e5b79', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '0eb542761f30daef77e56e2b6de3a24196414fa0', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '9f7e7d13a7f526abbbed057b292c41928bbf0e76', 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: '726ed8a7db7dc1d1d993a42978017516b0b24fa7', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '6447bf5b5b941539ffc7fd2ede2c193ccc94c8a7', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'b5099f4dfd9462a93ef267788f9224fd9948bd2f', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'e693eb0aad3f58230f3783063b788612ea623171', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'ba7183759f74accc328c7f028ebab4525a9124f6' })))));
+            } }, h("div", { key: 'eaa64209b6c04de5cfd0983a805637c92f383346', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'f77cd8a4af7fc8e0050ce82ae083bae96320780b' })))));
     }
     static get is() { return "gux-submenu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,10 +48,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: '5d767953bbea3206abd4e9f781ee5b64a0d3979b', class: {
+        return (h(Host, { key: '6e24631ab78d1e2d2ffbd723dd0d5be2ec972118', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'a25f8e6b1c2682c7ad12f5814cf7f2b43ebc6209', class: "gux-form-field-container" }, h("div", { key: '988f8be912e5c9588a39ef4ae011b14051e8fec3', class: "gux-input-label" }, h("div", { key: 'e62fd47fd4f8867e9ac86e0dd099fb4bd8854604', class: "gux-input" }, h("slot", { key: '13f18635f260fdedbb9119f28959b7351fc2afb6', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '83f7f54c1b38fe2a9757276b53a92df5b291a95a', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '83a136b533be53ad7c057c0d61daa6e7df331927', name: "label" }))), h("div", { key: '872a455218617a53fa79f608774f9458da8cde8f', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '1ce7ec5e90dd590fdc397002915cca18e9cc8670', show: this.hasError }, h("slot", { key: 'f8742184329e27006a2b0bf8fcb0b277e2ba7236', name: "error" })), h(GuxFormFieldHelp, { key: 'e12b2c8dd23429e5509167634ea9c3c5a7fc7230', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f29f12ab0b460a13e25448fd8881e7d10e08cfdf', name: "help" }))))));
+            } }, h("div", { key: 'cb2f342121a92bcb4b864c226f3541ca93dd6117', class: "gux-form-field-container" }, h("div", { key: 'b5244a54141d8c7835034056de6121279b2687ab', class: "gux-input-label" }, h("div", { key: '77291159d219a512f437d427c74111bfa208b9e8', class: "gux-input" }, h("slot", { key: '02ab5f2457b04a5bd49d4c2562429bdbc5f92149', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '0b86cf32736488a1349fbbf40469d5c9a5c0b5c6', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '695f928f6eb9b875f0bc4ff51050a61845ef58f2', name: "label" }))), h("div", { key: 'd1da496151ed6b164e1fe663a44ff81440761eab', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '565fc30e683f8f39acc4471117ba9078630ae24c', show: this.hasError }, h("slot", { key: '8e6f425cfcad80b2c32c0228ef509ed2bc973db4', name: "error" })), h(GuxFormFieldHelp, { key: '5ede43184e69cfc05fac9d22c33ead7b51faee56', show: !this.hasError && this.hasHelp }, h("slot", { key: '7281c12a69d18e8a18d7649ef3898019cc1cbd1b', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -133,8 +133,8 @@ export class GuxFormFieldCheckboxGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '9b8bc7a99b6b4822796ebd91a62279e54a3bc174', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '7a6cf434494473dea5522c7e9d4da18ff97353ab' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'bbc61c65ca1d55bd46697c61440960e8228ee465', position: "above", required: this.required }, h("slot", { key: '309a663c1461ff1787f45db5b6f2ff0048da4293', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4a76e19fa94d4f5893f87ddf8e6ea3e393cbd7c2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '43d5fdd86f44ed2a1146371cad4f1ff9343f806f', name: "group-label-info" })), h("slot", { key: '51d6be4a336b89ed00cc9694f949cf329d67af96', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'cb1275193515f7e9da80758ef077ca86b2675dc9', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '35d9b5301c2610aacabb00e5254e7decb53c9ca1', show: this.hasGroupError }, h("slot", { key: '268af956cbfd18cea2c8430bd2af1ff27221a729', name: "group-error" })), h(GuxFormFieldHelp, { key: '4b2910bc223218ce567ecc1b66738acbe20382c4', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'cf0a77d9df22e3785dd0d44d890429f949d081a4', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'ea614a5edd0268c4244fa95e4951a4b9e5e28a4b', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'ae16809949bbe7e012a27a03bd9db20a4af39b67' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'b3cfbdc7689fb274a6c450890d6750f19560b772', position: "above", required: this.required }, h("slot", { key: 'a6c4e90156028c7c65ef9a05b265afa03b32875c', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '15aefe493c5264b45d8961e5664b87308c3e2072', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4f297fc3c9342101fd3cfb8fb826df00a90533e2', name: "group-label-info" })), h("slot", { key: '2ae8c9d719ac003d766deec31b86f28cadc29f75', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '2c4f9d1b60ca0bbf901c56640cdb85c365681e17', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'b5818cc604860127767cd543a06ebd930c5f77db', show: this.hasGroupError }, h("slot", { key: '88411427c80155f3232110ce1fdfaac16f5bc39e', name: "group-error" })), h(GuxFormFieldHelp, { key: '367953539533a8bcf54c1a65ae8458ddff793946', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '0f22c44a1f74b77b750b0af6ecbd9369668f42f4', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -84,13 +84,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'd5e26e4a4745cf37ef3c9a64c314c8afa3955611', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '67e3e73ac9c34591ca05137a7e1a7e787b9d9dcb', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '1bdb99d26aee0272b5f73a6ec6d0620167edfd0a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '22a6d1301b6c5e1daa17a9f81f7bb04d88f950fb', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9ed89620ddd703c7990af9031df2be93053bd7d3', name: "label-info" })), h("div", { key: '711a6cca3de99a609c94075383c50c8929c9b1d7', class: "gux-input-and-error-container" }, h("div", { key: '726d0d6e8dccf3c0b70f4c69bdb43e5cdd4fa569', class: {
+        return (h(GuxFormFieldContainer, { key: '4590568eeed0d4db672427ad6b59b20af9feef06', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a73bc98079227cebf18fec6d7e7ddfe415491625', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b0a58f69f45442b48d8d30f69e4f8ce33fa606f9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4df86809076a2f0a0efae6f49f3abe20c9d307c9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6f0c38db16e89d7df83196241c2e149bdd75abb4', name: "label-info" })), h("div", { key: '00a8aa91d362c83b24b1249cf804b6bfbde2da90', class: "gux-input-and-error-container" }, h("div", { key: '04fb436aa93780e3e23249856eda5b79e6773958', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '192eb1c1199868a6fd28bde0254680242e53e17f', class: {
+            } }, h("div", { key: '394b2c914cbf48c0ba682b1cf9a71d4de5225b62', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'ec91c8193cd7edd8a7cb55216df2ac736e7f89a4', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '88f7af880c97797a18a46c8338128e7fbaa40576', show: this.hasError }, h("slot", { key: '6f84acacf443616d713d979e3cae0a6f1cd36215', name: "error" })), h(GuxFormFieldHelp, { key: '402383fbb5e625b074f5b85bbc3d73dfbaaff9e1', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ba6ba99fd6daf6e4d032ed8d2e372172fd11c852', name: "help" })))));
+            } }, h("slot", { key: '714b10d1c242b9388512c56b76297af5b3f39700', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'e0675636471a06bd321ba3ad2ff4ca52d033a3ea', show: this.hasError }, h("slot", { key: 'c2d911fe0442f513a67ec5f33d3293443a62c8f8', name: "error" })), h(GuxFormFieldHelp, { key: '8a4689ec5b8acef4ffbe54d4800ba12701ea1bf1', show: !this.hasError && this.hasHelp }, h("slot", { key: '6866b34bd6c2464a812b29a73dff1dbdc7c279a6', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -96,11 +96,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '113246095f4dc28340db42b5032299c1426d55fc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'd10c94782bf256f3e15fedd6bd9215259ecebfd6' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '101746ab3dda9dc30ad23a457afd806cc88ecd0b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd203457aed8fc4abfd2eb6d7d11188a6c3b1409c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1c3cd3f833984cda0984ab48189c7e1a0a297d30', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e2d99d73109f4c9b58cb7e59a903d0838503df66', name: "label-info" })), h("div", { key: '5cc9a661055aac3b1576ec2c4677c68f0f2e916d', class: "gux-input-and-error-container" }, h("div", { key: 'c937399787b435baf1a7dd21849f7dd373b1e940', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '8a79c00d83c6ad296200a9895d125db1e407acca', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'c88099ac197d255a43fefd24337243fbc4d30d18' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '3c80e46ab7fd5d602bffe6315b6cf7e29754c617', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e04e2c3bf3646e7c68bbd0044133de9303d5bb62', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5a77d2b78e4b104a074bd29b7c008101e8cf5abc', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e0e241b8be9fb3f9abca1b4eecd067c985629372', name: "label-info" })), h("div", { key: 'eaee8ec08bfbd78a5ba6e8720feff32d12a64365', class: "gux-input-and-error-container" }, h("div", { key: '0f5810dc9894aca6b8db30f65902a4746465aed5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'c332fcff933af2dd9eae2a8cada13060da444bf0' })), h(GuxFormFieldError, { key: '0d522953044def2c9bd098f7f279a50ac64bb98f', show: this.hasError }, h("slot", { key: '371acba14d417d47ca9fa71a1860a745c03e4980', name: "error" })), h(GuxFormFieldHelp, { key: '893141adf545f159df5e57f9240e49c0c9f84f87', show: !this.hasError && this.hasHelp }, h("slot", { key: '8f67a962550c84c71678d4021965d8924c958133', name: "help" })))));
+            } }, h("slot", { key: '1ed1538a977e7a0709262856e80b34757f8ebb83' })), h(GuxFormFieldError, { key: 'ea6f1c08a8025475fee59df01b7b1aeadebdfa9c', show: this.hasError }, h("slot", { key: '64e2850f42aa7bbfc6862803d0622d920f7eba8b', name: "error" })), h(GuxFormFieldHelp, { key: 'f79958c35b041c6abc4ce0ad453be6178773029e', show: !this.hasError && this.hasHelp }, h("slot", { key: '7f7dd1d8a5f9be624edec6745d3b2f1da3196173', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition