genesys-spark-components 4.38.0 → 4.40.0

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: 'd4285771fdf06b8c7713fed2369cd1e53d2c07be', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '339063e1ff388686b30d024c94f85850cb6031f1', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'bdb7fd89985d8e8a6fd22d1596a3fb006bab9c81', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '654d8b6445ec7f27e3339a10cd3f74d8224da2c4', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'ccbc94f4667addf83eb2b2b1a0e087e811a8dcdd', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '632c3fe1d662df021ad61361d68c7803aba41246', 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: 'bbfcdff4fb0154e14fa6037e781bd59a2eba5a81' }, h("div", { key: '74406999a20a3d58be13a9d4398c91c0a92fc314', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '084c6f8e6fc802081c14c0e6c76c7bb050ff1518', name: "icon" })), h("gux-truncate", { key: '9e29a25246b3b8621e83e5e29eae0dfe6e0b4654', class: "gux-message", "max-lines": 2 }, h("slot", { key: '63127bc7595801452ab8a77b03406dd055b1a74c', name: "message" })), h("gux-dismiss-button", { key: '97cfe5d517e0d7bd035c6442043c3a06cc316a53', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'e3d5a50f9457ac5fe0051315cba067f0fcf55600' }, h("div", { key: 'a787292f250ca8481c72dc464952e3922526f95e', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'e5cb25f9d167e64a7cc1fcf830fa30c970b035d8', name: "icon" })), h("gux-truncate", { key: '0808642ce2e9bcfd5f4a8d1f9c33f00d9af77810', class: "gux-message", "max-lines": 2 }, h("slot", { key: '3afc276b94624fe8bfba201f49c02ac7d1117850', name: "message" })), h("gux-dismiss-button", { key: '5ba90a53f7b73015b0b3caede819bd4d328967c3', 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: '56f068990fb4efa7d9bcf4bdfc804566f0278eaa', class: { 'gux-selected': this.selected } }, h("button", { key: 'e7b404cfef82ca41c150b49ebc6d91adde938a71', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '3d2bd71d34aa0c48301a229a0b1c396b714f9e93' }))));
+        return (h(Host, { key: '8ee74fa80afa8fad5f174c2f54fe9de9a164b612', class: { 'gux-selected': this.selected } }, h("button", { key: 'b0674cc0fd5c77da2554ed3aaecad71723a0d0c6', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '8c1ad177f06e1209e91a582f3d3feb793e0257f8' }))));
     }
     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: 'fe49b66fbc5afe91686a3953d62449e80a9a7399', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '5bc85c04e73c8d8f03c70701d84785ad43473c9f', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '77fc78ce09692a225ed38bffee0e0fc76aad8dd4', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '90776482a08f73ff646f11b5794148c843913b5f', 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: '2a58e71a34e93adb6380fce13b699c87419bf2fe', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'a2d93a2a87dd23feeb984228d376e9067b8d1e1f', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '60353998f0e53d0a658b508166cc83b441106528', class: {
+        return (h("section", { key: 'e43843ed0b1d4dc279897e720f408a3e35759e22', class: { 'gux-disabled': this.disabled } }, h("div", { key: '79278fd4c91ef78ad194526e6b36f66ef0b277ea', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '7689f7d1b90ae0d33b7ba96dc700e5b7395e30c5', 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", { name: "icon" }), h("div", { key: 'c5fe127c874da335faf416e8c1f05bc07252a934', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { name: "icon" }), h("div", { key: 'd3ab61eea55160d9f91929a69b89ddaf3536ae9c', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '54238e218ed6d794afaf712a0cc00b9cb14e7b25', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'a6255e3e57addc3c676c60377585d5d0fdd23b4a', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '76145948b8ce5004e3588461a830f04e312492b2', class: {
+            } }, h("slot", { key: '3ebdd62963080f97250f01f8bfa4d0efbaac71f2', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '502ea605f332eb2aa341ce5907d66e949ab8bbcc', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '180a027a206f5738e161f4b6e4980a8baa4271a9', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: 'ae4ab9ac042737319f254309e72f3ca7ff5917d7', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '6bcd2a3374a9a67e741f54f4bdf5de5a0e402304', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: 'e48bb166b5c7372cf9a2495f9aa370a1a366668f', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '3479f22b7fb24dfdeb41effc9d00acc970d0c226', 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: '805ae7653ba1c319535fef0cb456a219c2cf0df4', name: "content" }))));
+            } }, h("slot", { key: '732d94ade390d3b5760696c7dfe403fa069bf154', 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: '7ba0238eebc78708ce6b64f67907fa69168709c2' }));
+        return (h("slot", { key: '43e6a7d1a5825bf06252ac82887d63877806184f' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -115,7 +115,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: 'e7489e1fcadb95fc8be95415a488dad2644c8ac1', class: "gux-action-button-container" }, h("gux-popup", { key: '2c290d7713ac342c1e0929a2c6459e7b4a15caaf', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '39cc821dc7dcc8cc12d6d98c111b4a193077a500', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '719d63daee738017925e0b98562b65abb36f2872', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '6ff029bf9bf8cf00356221f7c70281cf6775eba4', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '07033bd406e3de131c61f841fdf0bc883d756dfa', name: "title" }))), h("gux-button-slot", { key: '6c5159f6b99a26be534798a2090cf53d3da0e82f', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'b4f587ceb080d8b0574c5c9c7f059c4892ac94bb', 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: '52cd97748631e2cf5966c226aaab6e00a7588b3b', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '4a6abb8d75fa76c73ac2b5edd882d640ed85f020', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'e90fa813c243166bd22e0414377a9e817569ba57', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '7fcca2ad8cc4bb8c1a2e97d5c5ab89e7b2e5dfd4' }))))));
+        return (h("div", { key: 'a1837c065065e2d7037b19fde9efdd12effa3081', class: "gux-action-button-container" }, h("gux-popup", { key: '4a2497dbd0a73cb176063b312e40f7e39ae525da', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '869db3148b2dfc045af9cb511f9dd26795ec242c', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'd824c17a91f0d006dbf65631d08a39d5e021dfce', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'f6e9ed0cb230d1853ba33bd73843479272437c4d', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '81b1be1de27553e823fc54fa0c91bf85bc34a0a6', name: "title" }))), h("gux-button-slot", { key: 'ec9e576f5253b72b93bbac31b4f4874abe1741e7', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '059f720a1d29ccf902292c5ae47cf5d9e6ed7b1f', 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: '5cd20c37b078a415a38b01d8319dbace42fca903', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'bd6a7fd8e9d3a1ba47ac3e33562803e71ed32730', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '3721879da1e60308ad2adf0c3d008feb0ced62e1', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'df23d68e019dd0adbf5e4f3562bad6cf949e2968' }))))));
     }
     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: '3d557667e967a596e4e75b8533165e258527cd1c', class: {
+        return (h("div", { key: 'cda45b02e1f7a3f7cb72d428107cf948da895119', 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: '558c595cac56331b358e2000f59ea1a8813b3f0c', class: "gux-container" }, h("div", { key: 'd8381bd65aa8eef3a8ae857a6ea09f0ef92feab7', class: "gux-image" }, h("slot", { key: '491dbfc72fb00b6edcf47da9e8465da3a8af2c77', name: "image" })), h("div", { key: 'c5ff21d5dfa5c504e9450a88bcebe4c8bb8a9b6b', class: "gux-message" }, h("slot", { key: '090228f6db992683402690d88ac34b878608743a', name: "primary-message" })), h("div", { key: 'b9b4a195852198d95bdd395c2769b4d4c1854592', class: "gux-guidance" }, h("slot", { key: '9297efe0cd3f7ef5e3fee31c76db8c072ec95a45', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: '71bbbc1b66bbd1541ba74cd2579b4d9ffd94b792', class: "gux-container" }, h("div", { key: '1a2c94bd372ab59509290d513e7f69e54ecacb5a', class: "gux-image" }, h("slot", { key: 'd73c464adbfb5c852eb73790eea67f0b8558b9b0', name: "image" })), h("div", { key: '4a8ef385130d7afd84a8b4651bdd906413e48d44', class: "gux-message" }, h("slot", { key: 'ca854de16902fcb6b9d7236d89804379bab2f2f2', name: "primary-message" })), h("div", { key: '92f99271c721d378bd53dd8988366a9b4627a6ba', class: "gux-guidance" }, h("slot", { key: '7051cbd78bd69a06013e6ffc3cdb22657c3fd246', 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: 'c4bef08db6c5758cacc2b3d8daa16b9e177f4b78', role: "listitem" }, h("span", { key: '1b8a9b6abb738c711dd525c7591f277b7e19e671', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (h(Host, { key: 'fd2be524d4f7daa30f902ae764764dd255c8f40d', role: "listitem" }, h("span", { key: 'e0aa9e0efed5c62b8c15e176093165918eb4ce82', 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: 'f7f16704239e33f36312d8692e07ced61c679a38', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'cb77ce2687d73ea14e15a183be0cef4f9a67214f' }, h("slot", { key: '8c177dab8c8d8bfe78c3b84be9c17230eb2e5cb1', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '608e54715a572a810997b4b5f4a603c4ca4964b4', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '0aa2dadede15eae739c52e509ae433acd41da906' }, h("slot", { key: '4db94ec1eee99cf04f25ceb4e62823b116cc924f', 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

@@ -18,10 +18,10 @@ export class GuxButton {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("button", { key: 'ea22224a9e2b1afd2e3bd2f131433ad3c24c3bca', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
+        return (h("button", { key: '1b96afabe4c1a626fa72e0103f1aded1ed0f7e9f', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
                 [`gux-${this.accent}`]: true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: '4e64a953ce07a1fda2f16f4d9d92391dd49abca0', onSlotchange: this.slotChanged.bind(this) })));
+            } }, h("slot", { key: '6ada1c9f3489543dd61b32ee0728a2b91cef2709', onSlotchange: this.slotChanged.bind(this) })));
     }
     stopEventIfDisabled(event) {
         if (this.disabled) {

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

@@ -103,7 +103,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '6d6f408a63ea3b791d452a00e07791cdec234f21', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '53b0edb9b3d24c26230634a9b93b9883a9099a16', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'a44046c13a17b433d35139a7e4f7a2f2a3afffae', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '5dfaf1d3d4e68668d4d04037fb1d8eef6b630f0e', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'ca3eb44eddcc425497b7acb413e11a4e9a380c3a', name: "title" }), h("gux-icon", { key: 'f17a4112682e721daf21654bd2c6d2ef2b6a8db0', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'f765db8a1292818f287c8062de15797a20cc40d4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '0777c00b23e5cf15abad9361969b9a50bce55842', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '7228eb47952b48e8dec94e1457ffc7b1a6c85506' })))));
+        return (h("gux-popup", { key: 'd3416cdcdef104d577b7a1d63ff54d704888dc02', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'b02602ac5e292a705b7d56c8488514131a9e40ad', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '613acbc4e472f489217fe6adbcaf6b9a51519b9f', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '4849033c3bac67dbd99d2161c68bb35ec1acb944', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '9f1e46dcad2241013b95efcb3ae3e51a04767c21', name: "title" }), h("gux-icon", { key: '33e535e641cfc9b131031f231d99f7e573672dbe', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'c3891f3a65036c93198033d93902c15f9342ac44', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '5c3000bcaebb4875054b24b6a0fcb5384e427267', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'c30faaa6927f754b3536c8cc85994a2327aa77db' })))));
     }
     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: 'a8cfbead6d0ebd8b4c51f0dee576fc52bba51f41', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '4806c2106db005c3051588f30428c2702e3919fe' })));
+        return (h(Host, { key: '2b87c9edc5966c7ec671f4d5c9d40208eef18b5e', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '29bd66b4df4be01fdc718b642b773c7c36b8b5ae' })));
     }
     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: 'e2414503c83b324857a1307f32098be9bbb203e0', class: "gux-calendar" }, h("div", { key: '4af1fc5d24e7d9684276560f73f86e49fb0dddad', class: "gux-header" }, h("button", { key: '11f298ba8f97c15d366f6c4e7fd5dbcf589667ec', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'd15ade96df543edba941f278457caaf372e3c855', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '1c44186abe63edd6073f56e146a3193c29cbccef', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '4be370280857b3cd2291c6992383517b510c5dc7', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '855c8fe7901e43d00aa518da6c356e66ed07fdb7', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: 'fdb66f9c9001233c551cc713975fb03bbf7c329c', class: "gux-calendar" }, h("div", { key: '9f7b27d786bff99443cefc719918ef3f0852610a', class: "gux-header" }, h("button", { key: 'c26743ded590131da4dd42deb4db41aa88135c09', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'f3bc9dea97ef2c24fa25c9583404164203f53d80', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'b916098786e80af0ffc8021c5fa0a2f3efd1fecb', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'd71086601c65b90dd8eb7eae49dce3b8f518e5ec', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '266207d49fb850d57ae4b05f99f78431180decb4', 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: 'b84fbe6776b384375e30951a8ab2869de31ebce9', class: {
+        return (h("div", { key: '0d27561ac8006f1cc0f2518522accb8b65e626a1', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'b20a4f68c4a3d66e96d1cba8547f83555b3d61bf' })));
+            } }, h("slot", { key: '8ff16124b72ec1226b3e472905abeb216aaf7250' })));
     }
     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: 'f8f5f862f7f66fa2e460b3a092dcb95841dbd591', draggable: "true" }, h("div", { key: '8086b1ccee8c509cd05bae2a98d3a36b26da089d', class: {
+        return (h(Host, { key: '239dbe5bb1216da232a78c598c8e3c39ef7d9544', draggable: "true" }, h("div", { key: '63627889cfa3c16b1a41b3a579cbb7f89f26ab36', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: 'b383d445f243ec562670176c434af73555b649c4', class: {
+            } }, h("button", { key: '388327b0cebba89d1f7aab0a675e7c689019603c', 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: '39cccaffdaa51f56faeb35299e948a5bdca9d95e', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '9a9ea8f77831de1c0a8433acc221feef9ff8864a', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'ac64fde66af91dfb959d36cfd92de067bbb3477f', class: "gux-select" }, h("slot", { key: '9993d5664cf14a5597b190c3e6cd17cdd413cd2e', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '4d1129ae88a6cfbe9d8c55a4300b2b4003f70161', 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: 'dc5f00c81e60090e3b13329e56a94d4ce1fc6200', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '07143e8210d78e4cd4b59455517f5a3ab7d0fa16', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '1635da3c62c4f002e9c66ce714492c0bf4da352f', class: "gux-select" }, h("slot", { key: 'ed8246b7c87fa42c59101a883114f61bf467eb3d', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '881a0bfe491faeb4da33f1f7c7cdd4e332fd1e89', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     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: '8d82266d374edd4eb33182037e177c90f2145faf', class: "gux-container" }, h("div", { key: '23fd11224c510896079914a36f91ec22dd1072bd', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'ac5d0220e8fe0bf429b3ca41e8353d5714f59e56', class: "gux-search" }, h("gux-content-search", { key: '94ece55f012535aebbb359e33798ffe25e394fd7', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '961603f9a2791b99f625173681326aed4ad6bac2', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '2b675503caf6e0f7f459bee18b1bbbca7ce63bff', class: "gux-select" }, h("gux-form-field-checkbox", { key: '5a6469d504207e0f041a4f09d8eaa8509dbd8822' }, h("input", { key: '5c42aed702e472dfb8a3ed35d724bb7a132e46a2', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '9ddd01c649b91ed2bbc6e08195b777e356b73ee0', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '4b9b1797e5f097b845b9b36c35c4222871610552', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '0e16dba06dcc44142619230dd71d76e67e061af3', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '1897bf802e8449ae627074c0478b536f3cd827e4', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '0028f87bea8d5962d551710199c95cfb6e0ed0fb', class: "gux-container" }, h("div", { key: '25090ac71a783bee05c4cef141c2bb51193e0783', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'ba0e6c46ce5c2af64eca40cb2624fb45182dde9a', class: "gux-search" }, h("gux-content-search", { key: '229b81ca309dd493d3fa130759e56fdb503b2e25', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '48448ef55e008db2744be11bc87f054c89ed5836', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '2795ea2054f4482a8a6d846d2b756eb42379cffe', class: "gux-select" }, h("gux-form-field-checkbox", { key: '4baa86b40e99b8b537c62daa81c941e9b6b11358' }, h("input", { key: '087038e4b616d17600a7f41d088ea181d0813319', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '8dfd4a8c3e0e03e403cd23ef67acc6af618cee84', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '0a9ce0f17b6166180ee64af8715999dcde44cdc8', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '337c5218ff2c5df14049e0e8e17565aeae9e4819', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'f78760b3855321190508368081b98383d1b328b2', ref: el => (this.announceElement = el) })));
     }
     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: '2486d4f685573a7279a04784f05d08a5edf02449', class: {
+        return (h("div", { key: '3a1ff88775801b255d7035397f67c28a7e17bcb4', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'c2e501fafb01e4dedfe6301ac18a91402a2d3c50', class: "gux-search-icon" }, h("gux-icon", { key: '60091cc0b3026b85139ad66bc42bcd10e557ee4f', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '404c1be7a832c8314bd8e83c9de5a14449aa8727' }), this.getNavigationPanel()));
+            } }, h("div", { key: 'b584b8c8529ae5e728346467fd1f56575436034b', class: "gux-search-icon" }, h("gux-icon", { key: 'ecff7d207365163d26ad5fad6bbcd97478d24964', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '6dd03e8bd7cd587681e444ae3098999f65717de7' }), this.getNavigationPanel()));
     }
     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: '9c5aa00b0dc99d9fcc82769918ad25af3bae3651' }, h("gux-popup", { key: '60b9d40cf5aff082b8f226969f955189d5a10cc4', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '114c244dbc4aee5f2134c432a15531718a534522', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '6033c70fac2af4faa7490b4bed9c30e234bd9783', accent: "ghost" }, h("button", { key: 'eac5c4cbb2fe069e3f81ea636ced8f76028a7006', 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: '1b7bb6394da2677b27e10b9fb25c5872a719ecbb', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'eb5f2778f26010a6f944c9fa60adf976eebcf1dc', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '923756c2d70e5caee990ba18c84d8daeee463a9e', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '30a0c0675ee3d31b55b47a1f2cc3a747663e00ff' }))))));
+        return (h(Host, { key: '0d7a170037cf75787431afd98aca5531f1f82547' }, h("gux-popup", { key: '2cc047c2a0d82e58e2257f86f37c1c5a3c4c1107', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '26f10b2c2795df0d8e3a9ed69661dd03894edfb2', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'f90f9828f8af73b02e4f2f984f6bff956ebf7db4', accent: "ghost" }, h("button", { key: '02e8dce61304bc99d9d5b733691e8bbc0433b32e', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '02f655b7d2fd4e9ad0bd77fb7d95ef047062f8a8', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '25ab6470d234434365f0a0afff138143f2ac5d29', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '5089427192d2f764c339aca3a0f77d5c1417257d', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'b4f3ca1ae74f43abb9b1dc125300d0789dd3c483' }))))));
     }
     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: '8879314938c1f7ade8b9ed587911fdb496156ec0', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'e78c285f297ec1f69d5fe1fe99388cf3944eb854', class: "gux-copy-content" }, h("slot", { key: '9be394319dbfc83dae8a5b77e66094ef0b4c5a23', name: "content" }), h("gux-icon", { key: 'd1c5912ebd803c0a1dc7071904aeaa8cea44ae97', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '999ee07a48cd3d9d1369d204af767997c73f16be', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '27bd5e847b21682aa2ebe939844db4d36daa764a', class: "gux-copy-content" }, h("slot", { key: '51b127d5a83ee1868f4ecf43009b1950cf06c26c', name: "content" }), h("gux-icon", { key: '22d9e44fe2864e5aaeb0d28b7e726da385b373bb', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
     }
     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: 'c3a04e7186125e88c23647484ba81fd646d57e03', class: {
+        return (h("div", { key: '5d0d6160f9357c8d56c3a149dccab47c3d0489aa', 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: '09f9627dc86c100480ac2006250294363b1df755', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: 'b5ff7f967e395bf534cf5e12368e2713ffc2afcb', type: "button", title: this.i18n('dismiss') }, h("div", { key: '87273ad16040eaa9b6848536808aaa2ef6053de8', class: "gux-icon-container" }, h("gux-icon", { key: '76d62d5cf70a570760ca4d439f2e8ce5de2e27c7', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+        return (h("gux-button-slot", { key: 'b28ff8d18a4827884ffb2096b640d05ec939b2f6', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: '8c078c4d5cb54bbf1407ab262df72683671dd1bf', type: "button", title: this.i18n('dismiss') }, h("div", { key: '69f0671d9a5c72de15b351b633d298f1dffa1135', class: "gux-icon-container" }, h("gux-icon", { key: '38533d23d86f3c6ee8597de747cce46133cf1040', "icon-name": "fa/xmark-large-regular", decorative: true })))));
     }
     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: 'f50028637e8b6be16548bd34df0b613f7b7a9579', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'e472adf706a6ade11a7cef0055457dc5329d962d', 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: 'c0d9f108c25f4725e8a09717fe1869c078633db5', class: {
+        return (h("div", { key: '09a25c5a93afc76d984406f3ec76c91cdffa56c1', 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: '0529967b995b81bf56d765ccaf32f69a0a868d6d', class: "gux-dropdown-container" }, h("gux-popup", { key: 'a4e6bab757f9f777d2012fe778ad6763685184aa', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '38d98aae2b91518227f9986995274730c1d56fd0', class: "gux-dropdown-container" }, h("gux-popup", { key: '86b9d2c5d3d683cb51e911554a8e288563b2f146', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
         ];
     }
     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: '5d982f690ed14d115cf6ae6fb6ac5208c4a76fdc', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '01499adba00e6ffea4338a78f4f11ca285d3efea', ref: el => (this.targetElement = el) }, h("slot", { key: 'f2442cd52a7e97080c384d8bb9bbb448d30a04d0', name: "target" })), h("div", { key: 'ca71fe3a6b75b5a30caa06cb315dde74b115fb18', class: {
+        return (h(Host, { key: '724eaac55fee35307fd11681fb4149036a560410', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'dee17196e2a2f49205271b5ac835d94ba32b9f39', ref: el => (this.targetElement = el) }, h("slot", { key: 'ce121553a803b3db7ec8c922e87f25d1161ac309', name: "target" })), h("div", { key: '86f09819503e60f83884b890b0bc82b62f5180e8', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '60a0467f9f9d48b489374711007b8448a93f6913', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("slot", { key: 'ae599d0eab9c435776dcb071374784011aa82687', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'd582f8fc0bd35663748f5f3caf1b2c9c81b98e9e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("slot", { key: 'ba3dd93e400a3333073bbe6cb3a56a6bb46e5fcb', 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: 'acf52d28ed9e01b5c82b0bce75db4dd65a196f4f', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '1ad606f9356214e9bb85a61d2838b90da8becd61', class: "gux-menu-option-button-text" }, h("slot", { key: '2eb72e2b68ca3ed76b37d39887a5133fc0d5de9f' }))));
+        return (h("button", { key: 'f7ed1ef17c2f8e76fb9e97b3f1be4bc52ce4e498', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '68e2322bcce7de4e8ec83e26228a187896a9847b', class: "gux-menu-option-button-text" }, h("slot", { key: '405e4f3454739bf7fa790c5c31ffad32bae438e9' }))));
     }
     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: '366027e68a0987d48b2a98a0af6dc800c59ec1c6', role: "menu" }, h("slot", { key: 'f84ff79a19fdbafd77493591681e18a4a712afa9' })));
+        return (h(Host, { key: 'caf1aa99644b71f9854d7f10b4057fda34bbea4c', role: "menu" }, h("slot", { key: 'ffe33eeca3614fbae5f9b5b9d2a81c4d641c0b64' })));
     }
     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: '94a979913c252bbd84b979ff5bb8e5ccc17e96ed' }, h("button", { key: '472c30adc0547602f093d1544b7092336600ea51', type: "button", class: {
+        return (h(Host, { key: '06e91179795fd44dfb968bb77edb9114f2ef75ab' }, h("button", { key: '174d7336d8ab207d196d463435729a31de8d4e7e', 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: '9b435406dd274bec318b902097d23ec48cdbc449', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '07d9f631eb30f6ce316a544cb9e60e1bab8cf36a', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '0a2afd388778cbdad5d4851aa3f301d9f513753a', 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: '79579beafd7b23d8431d4c434e21a64667e019b7', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '5f26638bf16d44df48f6f6f2806a4fe876bec763', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '58ff762c15c58571bf8e45eee189922867b7bce2', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '29a9b9a22641e72822b605224cb0feed4a0478ef', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '51e747b8129890f318dbfb4fbcf6d1f20d05a331' })))));
+            } }, h("div", { key: '852723e913dab6b00f32251c7a6c640850346045', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '882e08c9a1e99b1d82903eb863576201836e15ba' })))));
     }
     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: 'c944ed30ee1726d48c61dfb8c8995221d388ab95', class: {
+        return (h(Host, { key: '498059b32cd38f579ee9f806d43faa576e0d08c4', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'a3a2a739ac3d3af3a6de9f6107b8cbcef76543f8', class: "gux-form-field-container" }, h("div", { key: 'cc5e855c2426f316dc421868058ee1731e4491dd', class: "gux-input-label" }, h("div", { key: 'ad20e5b369bb23a6aabb17eda256f0c250f491b8', class: "gux-input" }, h("slot", { key: 'c82762d4ebc58f9ffaa94f05e2847e8e98d8db2e', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'e926dfb129ca7c81cb8bde984cbb96253564f79e', class: `gux-label-${this.labelPosition}` }, h("slot", { key: '78d443621066e3a99f3408003d4b4008d89d845a', name: "label" }), h(GuxFormFieldError, { key: '983c572dcd7cf8543c07e55dd325e030674145e3', show: this.hasError }, h("slot", { key: 'b7b992ae1ba433aa3f02f0435872c7ee7cee40c4', name: "error" })), h(GuxFormFieldHelp, { key: '2234a4627121d8ffed0f4186d7cb4603d6a6f907', show: !this.hasError && this.hasHelp }, h("slot", { key: '4e3b6749c1ab24b42c8c7e5fd1ac830b503965d4', name: "help" })))))));
+            } }, h("div", { key: 'b5034b3d051aa62be14c1e4235bdbbf79ce6e115', class: "gux-form-field-container" }, h("div", { key: '0580a9d3343673ca24b3f592adb77186075193e2', class: "gux-input-label" }, h("div", { key: '9db86cd78f4d801cdb2216ca3ab013449c2ef39d', class: "gux-input" }, h("slot", { key: '0b6e8e16fbf5cc8a884bc4af19af1ce04646b83f', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'be750c1fdeb509c5b5b13d857a3e284494124eb1', class: `gux-label-${this.labelPosition}` }, h("slot", { key: 'dd8665a0129da11925d6b850ea02e159651e0cab', name: "label" }), h(GuxFormFieldError, { key: '8a7af33d43a30bf475be7a0afdad4cde0ed9393e', show: this.hasError }, h("slot", { key: '1f68295ce67a0196e786b4fc4a0573e240d765f3', name: "error" })), h(GuxFormFieldHelp, { key: 'ee53a9bdd261c7c990edace0a6d93c82f83805ac', show: !this.hasError && this.hasHelp }, h("slot", { key: '04888d3115b8c6b903f0690d652556347a89ad8a', name: "help" })))))));
     }
     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: '7b1c6bffcad99df1ffab0f0795df6967e2ffd3f8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f21da809607e67e991b6f052f9e4637709472ac7', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '2664a72930a0e7101887bfbc91d07f926aae8907', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '9a74c7aaa0a9d86b3af895a8fe7b9a6e248f34ad', class: "gux-input-and-error-container" }, h("div", { key: 'fcf2c032c248e19d36ee579e10e2396aeeff37a2', class: {
+        return (h(GuxFormFieldContainer, { key: '0c1a690a11037b67bbf23ec40ee27170181e02ff', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'dac320aabbc9cd3a3b899253150f7ef24977763e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '358bbdacaf7eb7a54e50ae9e3bece8bbde0e64ca', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '56879b9d3e88b020028e4792117601028405fedd', class: "gux-input-and-error-container" }, h("div", { key: '685359fc45e9af4d6f2e7551a5aef8aed8b7fa89', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '40492ebd85670f4c638f893e80c01c3e400f811e', class: {
+            } }, h("div", { key: '97d61d652b68f8774e5a603e88f68af1e18eecdf', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'e018cfd198cf21f0f341e07c1fb01cf1a9ec3ef8', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '182144a2259d046fe44857c80d2bf5d39e077782', show: this.hasError }, h("slot", { key: '20773d184457f6386fea02b0aac50e4ec1398b97', name: "error" })), h(GuxFormFieldHelp, { key: '2b294cf69a8a4c1409d4b5bda214eec4ca157e66', show: !this.hasError && this.hasHelp }, h("slot", { key: '4536e0ea0a753943f88d3698eacb02b71dd0f293', name: "help" })))));
+            } }, h("slot", { key: '3239a900d6356a09031aec24bc2b73ca8a874e16', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'd2711f3c98eb142e758dbdaff3009f921d54c7aa', show: this.hasError }, h("slot", { key: '624693443856b65b4da07e940170159fd6a49dea', name: "error" })), h(GuxFormFieldHelp, { key: '23b76d817c4c306494ff1b3e6e220464bfb7a14b', show: !this.hasError && this.hasHelp }, h("slot", { key: '6a777f78883e2af16fb2de135ac63a98fe2fce0b', name: "help" })))));
     }
     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: 'b64514b60efd94e36bb05a6b58ddd3fc67bdf930', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '42191d368d88b2974485ea09571ce6ee5e6332bc', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '76ec0b73c3e139e1d3c0ffccf32f3c128d2fda01', 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: '5b6054fc005355d5f9fc27657314c97356c00303', class: "gux-input-and-error-container" }, h("div", { key: 'a815afcd663b7aeb77fb9b3fabdb3791c0c7434c', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'b6795f760c878fec170807360855c19a3cf86c34', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '3ab1b5ff4edb22646bc7988e89e71f9107295c5d', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '33f7bd3e8fe6a9090fbfe666df1c91ccae732d7a', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderScreenReaderText(getSlotTextContent(this.root, 'help'), this.hasHelp)), h("div", { key: '9f40bcf396c553b508c5d9b053b014afb21fc21b', class: "gux-input-and-error-container" }, h("div", { key: 'cc6a593a3e2b8b6931f127f3cb768b244637e6b2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'ac86ff423cacc7214a4b5514201ba0c4856d36fb' })), h(GuxFormFieldError, { key: 'a81dfaf9c77926277162d6d3afd64f4787ea099f', show: this.hasError }, h("slot", { key: '67fd1328c46fda168acc7855ba9ab3a4ed3c68f8', name: "error" })), h(GuxFormFieldHelp, { key: '4b8dbd662db12cc572dadc8b8fc391965114ad12', show: !this.hasError && this.hasHelp }, h("slot", { key: 'afcb901edd8e0e2701391f13f95a3b0961fb494a', name: "help" })))));
+            } }, h("slot", { key: 'cf4a935215026a57f9f66e0aa55b64003554b223' })), h(GuxFormFieldError, { key: '1fa254b89897d637622332789ad6eaa0f5f83fae', show: this.hasError }, h("slot", { key: '8c15e70d21f2e709c80d34052e49a6ecc11c7ddd', name: "error" })), h(GuxFormFieldHelp, { key: '00c58d2c3a03bf6d016fc2d1f621b7703e2ae2ce', show: !this.hasError && this.hasHelp }, h("slot", { key: '7896c8464a0be2e4072bc1e31484b4fca69bc540', name: "help" })))));
     }
     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: '3bccd8043ddb250e8f40637b494e34debd73b817', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ba636b58278fb46edc3bc3c77bdef9717acf9b70', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'bb0facdeb8535a40d130bc4021108a375dafd035', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '0c087b09a172d1d185df038fa909b9419c04293f', class: "gux-input-and-error-container" }, h("div", { key: 'cf2a88b8c77b4388605674177020e8b84223eedc', class: {
+        return (h(GuxFormFieldContainer, { key: 'feeabc781adfb0fd9030d8a76743c31ea64e8d76', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4400af252249fa580fb4ca395eed8806153e3ff5', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '8864aefbdc97e8906242b3fdeb0a2ba3fc705245', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '966b4a919efeca4e4c085326967ba3bf4a3588cc', class: "gux-input-and-error-container" }, h("div", { key: '4c92937f061f678cff9af4719d8cb958e35a3c5e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '268b1a328008ba368837a6218afa1f19966c8559', class: {
+            }, part: "input-section" }, h("div", { key: '19e2f5e9856d4bdfde619f95c6c27e7ee87f6a18', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            } }, h("slot", { key: 'fb1d0b95d53bf0c3b7e3e2b5fde9b629c21bf135', 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: '1fea1070b52acea88b61beef1b99d9a5f5787732', show: this.hasError }, h("slot", { key: 'cff95a06005b48601b1a0c6b2ee6a21b4338ad16', name: "error" })), h(GuxFormFieldHelp, { key: 'b40563bd805a4ffea95008218b23d31d5de8525f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'de4a7c55dc4e6af39bda4392e9bdcc86bdb47582', name: "help" })))));
+            } }, h("slot", { key: 'cce60afdfecda90b88e29117738e65d7398fd6fb', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'd8418fafe5ab22e81e0b4faf2dad671309cded81', show: this.hasError }, h("slot", { key: 'bf7081e104af51fdba6f6ddfdd23b92812e41d4e', name: "error" })), h(GuxFormFieldHelp, { key: '9ceadb455f53579b0761cfc6fe6fd438831b4422', show: !this.hasError && this.hasHelp }, h("slot", { key: '193219e3f90c7957b6edaad735b6e7d5e0a9c939', name: "help" })))));
     }
     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: '261d989ea3e277ea0ce02e3d5c07f06fa6d235c6', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '561899806b6c42b323a25c253dd5bd72d451b0ca', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '0bbc046f8c5138245ca9693eb724ee77940f5f76', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '43f446b7a0f71333ada0241057a6cbe3ef57d8da', class: "gux-input-and-error-container" }, h("div", { key: 'b156b31b2e3e7c841ab2ee0dab8acef48cba7056', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '2af846c9e82251c8bc2ddeb13459eb2500701014', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'e4bee930190d0e53fda032af3c7f045abdb998df', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'b54d6f71f2c52383705814413dd523ab6789baa1', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '145ef25318f4d328218cc96f150b649755040ac1', class: "gux-input-and-error-container" }, h("div", { key: '03883064b641906109b00555ae6ca388f3e1b749', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd772c1b9c36b2c6c9ee57f7e21fd7480fa8e8fa5', class: {
+            } }, h("div", { key: 'cedc8d5d6541125f5570350a19cecf4a74866805', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '1329083c024cb7d3da47b7e4ce65690ae14ed1a2' }))), h(GuxFormFieldError, { key: '2895dd8068e25c349b4be32c68eacf50083e8676', show: this.hasError }, h("slot", { key: 'b57c7d04b0b8b5de60594076ab18c6483afa8d89', name: "error" })), h(GuxFormFieldHelp, { key: '15207e0903bf700bd38af101efb8590aec04ca26', show: !this.hasError && this.hasHelp }, h("slot", { key: '24e33a6cd89d656cb07e7352bc4c3776e8698427', name: "help" })))));
+            } }, h("slot", { key: '8dfedd2efaec8bb1a69d96496c157fc2e54dae87' }))), h(GuxFormFieldError, { key: '8d4aa24ff49eb9ff3861fb6eb7ed61f412a2f243', show: this.hasError }, h("slot", { key: 'ac9de25b22dee2e4a4e5411229eb9cf3691ed4b9', name: "error" })), h(GuxFormFieldHelp, { key: '55fdc67eadd5922082a91b8ac5bf9e878e90c1dc', show: !this.hasError && this.hasHelp }, h("slot", { key: '9fc216565e0fa779819df4048d37bb82b85a184e', name: "help" })))));
     }
     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: '68383e72cc5da3051fc5c2899b4e4de83cd23c81', class: {
+        return (h(Host, { key: 'a732953664a7d3bb4aad3819f3bc91cfb542959c', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'ca9728d2abd9149e46d3646adc4de5e3f19906ea', class: "gux-form-field-container" }, h("div", { key: '2d6da742d4ad2ee25dc117c91467c2f7452a55f0', class: "gux-input-label" }, h("div", { key: 'edefc46b964301b4224581c251dcad6144239e86', class: "gux-input" }, h("slot", { key: 'ee2f1d59abc6f2793f9bcd8ec72495394a5d4a9d', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'ed147a50716367b568ddc3e9fee6e81c039ced20', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '6f549790fb11fd3d4731af5615e75c2172246636', name: "label" }), h(GuxFormFieldError, { key: 'adccfeedc43e0acd66e244abf7d0d3b149252a4b', show: this.hasError }, h("slot", { key: '5caebf1e236552a4cbfebb999c269f2c9badedc0', name: "error" })), h(GuxFormFieldHelp, { key: 'ce9e88771bc9b84fec6532aec5a94d3ef86c356e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f1734cd1b6b9f7568ee5268830b0a263d492050f', name: "help" })))))));
+            } }, h("div", { key: '2734679d96c190c3d53ace05ce19d025277ff8a3', class: "gux-form-field-container" }, h("div", { key: 'd6f3ddb7f1fe6601e2f93b29f3dadc69be3dda43', class: "gux-input-label" }, h("div", { key: '7c507fb6844488bd65b533e6ccd9bfa166f334ca', class: "gux-input" }, h("slot", { key: 'b0aec1017ca6e16f138e5667aa05991908412f8a', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '5620a9cdbbc45e00ce60daa20eee7b308ba985eb', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'fba3a170eb34e062c3823f196f326c4f4dfd8402', name: "label" }), h(GuxFormFieldError, { key: 'c5678610e687d55427a48bb0504eacc29d7455a6', show: this.hasError }, h("slot", { key: '1d343ea04a274d7c588f713716d12b726cc6fce5', name: "error" })), h(GuxFormFieldHelp, { key: 'a3ea40aa2b1718916adf306b2d473ddb54a48d9e', show: !this.hasError && this.hasHelp }, h("slot", { key: '98d2ffbabbac698bf210adb75193a0a191072780', name: "help" })))))));
     }
     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: '187429d2a25a316f6245d9f1a2351e8f8d5d8058', class: {
+        return (h(Host, { key: '19f5810ea8f73b055f46f3a8b969669d9707415f', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'feef75fd616db48ecc2778e9683e24d4a5df4552', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '656c8a0e8a008491ffdaf6947cb547415efe0d01', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c2843c4aa5677b1a7b19c5eb795295e5735694a8', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '11be810fecb1943fdb1a827623f057cae65e1d90', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'b981b79d35e12c100c752f69a4f9888089c6cd3e', show: this.hasError }, h("slot", { key: 'b2169aac95fd5075a6c5cf45cd7a01371bdb0857', name: "error" })), h(GuxFormFieldHelp, { key: 'e66fb80c6a4754c3a4688da1c2d14ff311777269', show: !this.hasError && this.hasHelp }, h("slot", { key: '9ba55559ce3d0a1508b2706b9541a537edec732b', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '246ce9e053cbf2a50e351ea4173d2bdde33923dc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '56eaab0972a668e7dee2d17df83d2edb876402d0', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '59b3ff1a9a66bb9ce728b3cc6e8f704935ae1b10', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'fda26c8ba627a552f07c48ce68b48b67e9311a19', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '6e3e43e8172a6fc81f448942beed5c997775a3cc', show: this.hasError }, h("slot", { key: '1e5801770cc08517d4f91b5491a1297b8334174b', name: "error" })), h(GuxFormFieldHelp, { key: '1435be7bcaef80c1122adee4aa211c6208a8f5bc', show: !this.hasError && this.hasHelp }, h("slot", { key: 'caa9bff21e2c05c88253bad45108f43ce3f0abec', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';