genesys-spark-components 4.30.0 → 4.31.0

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: '300c16072737b60fe130464cb6b6d8e3f7d79637', class: "gux-pagination-items-per-page-container" }, h("div", { key: '7089fe269dad1dbdb012f6a11dcf0c039a79e4d7', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c87aea336d97b81e47946202e737cfb7ede4059d', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '97ddfc030e9feb9a045e82b8273f1bb53eda4d3e', class: "gux-pagination-items-per-page-container" }, h("div", { key: '45852579787a3236094372cbe3f48b1ace391fcd', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '31d162be583a31d2b2c4859ee37f91ff2be8b69a', 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: '130e0f61147a5c8775bf968324e43a1fd02e8078', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'ac6df04b3fd86a0dc402e4cb0ec5018a4b8c0d2d', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '82b81ac3bd8f0702b872d0e0c6da034dd53816e2', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        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) }))));
     }
     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: '6aca3dca0f8c7e0be7a8b6defa69a81d16939fa4' }, h("div", { key: 'f43cb3dbac6cb1da498af192bb133179d34d94d4', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '510a7ab6577955ae4633c73468e5e78c1450d608', name: "icon" })), h("gux-truncate", { key: '4fb31d95b4881ad16a9718f3edd582288763a8b4', class: "gux-message", "max-lines": 2 }, h("slot", { key: '2fb4ba71d983148ef60cb4154d98ba961b48aa90', name: "message" })), h("gux-dismiss-button", { key: 'ec016e1c9b84d19bde8e03fa6ae4a3a6f5cca128', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        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) })));
     }
     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: '0c6796d7900526ef7fb54a4667806a73981c748c', class: { 'gux-selected': this.selected } }, h("button", { key: '708dd57a13c5049f37a56bb2c37a4f6d45f7989e', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '75836a1a690f993732a8c68c0e50c6bd9cc9fc99' }))));
+        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' }))));
     }
     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: 'c10ef991e1f4ded371bfa0be043911115b8cf2d8', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'e0ab07ec896af9f114887420d74ca216aec741a1', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'fe49b66fbc5afe91686a3953d62449e80a9a7399', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '5bc85c04e73c8d8f03c70701d84785ad43473c9f', 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: '003d34ef4da6a07380219fb19a00607c561c4000', class: { 'gux-disabled': this.disabled } }, h("div", { key: '6c548967f4c455fad8d815b59fa44498248a68fd', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '2c23feec7bd009eb1a2331ef48e0c73248dbc0d8', class: {
+        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: {
                 '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: 'ca04f1e14f41a7e54474be05bd73f2f88ac4c0aa', 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: 'c5fe127c874da335faf416e8c1f05bc07252a934', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '8336ef2c6d280c44f333f7d83f4035445f4d0ac5', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'ab492a1fc9665d6a6dbf48804165855a76edb368', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '9ee51f7b7fa7061526cad863fd435fbfaec3cf37', class: {
+            } }, 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: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '9bc04db8ed98fc6002ad41864fd4369dc08c7d8d', decorative: true, "icon-name": "chevron-small-down" })))), h("div", { key: 'fec04f2961b7b0fd479621b01dc088eb353dbc4f', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: 'c4c55775320d8381f30f620c2ebf1127478c0666', decorative: true, "icon-name": "chevron-small-down" })))), h("div", { key: '02d0cad854972af9a7ecfdb5534c2589f1502937', 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: 'ad8eef37b3a116ed86207c7a057754e1468daf9a', name: "content" }))));
+            } }, h("slot", { key: '816524e5f64351de08633ac841b72ea843544ad2', 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: '04be6bd82e3683eaeee034922e20fdfd6ba7ae34' }));
+        return (h("slot", { key: '7ba0238eebc78708ce6b64f67907fa69168709c2' }));
     }
     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: '6144ff3ed47535253a8fb70990d27868a1b662b1', class: "gux-action-button-container" }, h("gux-popup", { key: '4789447bc0a07bd26c65a7ee0e2cc0c7e79c213e', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '2374bf5174fca9582fe5f7db561e9eca9b1e7cf7', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'ecedf7c6b17bf70f95c38ccb37acf2e371560c36', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'aad85acd33ffa2bf7029b599b48a798fec1bb2cc', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '89780a1bcf700cd32aadfdaed2b712e4bf679781', name: "title" }))), h("gux-button-slot", { key: '4487c28aac94fce990c30696cd8ca476515eacaa', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '5d19437c1b96f2a98d6c004ceaac11ccd39dec5e', 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: '8ef0c8d9fb06ee107a7d048fc3390215ef62819c', decorative: true, "icon-name": "chevron-small-down" })))), h("div", { key: 'b2c0e6e5f46bbffc2c43bdb632e2e914857a3de2', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '5621ed7a4b4fc95bb297d15da46acf9ec4029d73', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'd75bc14dc3bb4c36adbd345357e0c9a7fde90064' }))))));
+        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: '631125577189d130afc4f804dcc1fd0a397784ee', decorative: true, "icon-name": "chevron-small-down" })))), h("div", { key: 'a165dceeaad3a6269610a3ffc12e9e1063e669c1', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '96bee11d7bcb9fec5eb07868e4150cbdd561e3c5', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'f2e246b850e175757772f8bc271c59b8625798b3' }))))));
     }
     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: 'a00b343e42ff033eb50c95079aad00ab91ff4be7', class: {
+        return (h("div", { key: '3d557667e967a596e4e75b8533165e258527cd1c', 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: '6fe6f46651a0eae76c68428ed95f04f1fc9a8af6', class: "gux-container" }, h("div", { key: '30ef153aa9116b0d8625d007b221386ae30d6f81', class: "gux-image" }, h("slot", { key: '37f48d8e0f2b53de07cd196f0d336f017c7b5b24', name: "image" })), h("div", { key: '249cfb016c814d58e1145bf1e8f1a04b88989d67', class: "gux-message" }, h("slot", { key: 'b8d238adf8e1e32ca533f8701333b2f42247a112', name: "primary-message" })), h("div", { key: 'd48f4baf8b1a61356961bfdd8fc4ebddb1c2478c', class: "gux-guidance" }, h("slot", { key: '17b52d610a1a455c2ce02f305d984bcbcba55e2c', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        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()));
     }
     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: '21d36436f68da4859fffb671ee028cb00ac411a6', role: "listitem" }, h("span", { key: 'd6708a0b251216e8af6190bdf1cf9a96923a65d5', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (h(Host, { key: 'c4bef08db6c5758cacc2b3d8daa16b9e177f4b78', role: "listitem" }, h("span", { key: '1b8a9b6abb738c711dd525c7591f277b7e19e671', 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: '91213d574e341b2ca20914e96a91d83665c760a1', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '27f4d7d551b38114101c4cd2746e15d488e4b177' }, h("slot", { key: 'c47d21f9942bb76d00189a99b25ee8b628668670', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'f7f16704239e33f36312d8692e07ced61c679a38', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'cb77ce2687d73ea14e15a183be0cef4f9a67214f' }, h("slot", { key: '8c177dab8c8d8bfe78c3b84be9c17230eb2e5cb1', 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: 'a9f07f606b63a24caf990b7169022aa0262c91cd', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
+        return (h("button", { key: 'ea22224a9e2b1afd2e3bd2f131433ad3c24c3bca', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
                 [`gux-${this.accent}`]: true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: '37cd0668963b540bd40e2eab624f16ca1a8e3e4d', onSlotchange: this.slotChanged.bind(this) })));
+            } }, h("slot", { key: '4e64a953ce07a1fda2f16f4d9d92391dd49abca0', 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: '0f65cfd6eab2d55d46059404ebc6cbf5663ecb31', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '91e85f4c804e4dfae0239c1cc80046734986f8e2', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '3b5ec36f3d726fd15f1330308d3abcc0c84071b6', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'eb772ea23fb679e6c4165fb0c393bf6a78a1d233', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'bc545e18784a69800b84f6544ccea312e49451c5', name: "title" }), h("gux-icon", { key: 'c20219167d7bc6167a22631d18ad7e11a7c6e363', decorative: true, "icon-name": "chevron-small-down" })))), h("div", { key: 'bc4e356f581dcb3bd1cceb6614c8731a92e3f61e', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '5c0c6f75829209cf5ccdb6693845608667ea41a6', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '96a7290765b413ee63ed9c59bb65f5ab2602b51a' })))));
+        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: 'dd3c54d169e8b37780155d417b34e7d4dea08b0d', decorative: true, "icon-name": "chevron-small-down" })))), h("div", { key: '96f777e40427ab2b24c3e6b78d6ef50a65ebaa2f', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'a19c439872b134568927fcbc4e2cbc24f291b9a1', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'a3ec97bbb8297b5575e4eb80eeb5f67adf73f06c' })))));
     }
     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: 'c9c856083b2beb757b71004065148dc5eaa74d52', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '695e5527f3bdafdafb67195b9bc1a929f14cb2f9' })));
+        return (h(Host, { key: 'a8cfbead6d0ebd8b4c51f0dee576fc52bba51f41', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '4806c2106db005c3051588f30428c2702e3919fe' })));
     }
     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: '6cdaafb2a5eaa47bc700ec6241381d52d820db33', class: "gux-calendar" }, h("div", { key: 'ecfa0f53ecb5d29a202f3db7a4f693cb047bd8b7', class: "gux-header" }, h("button", { key: '3f6141b2afd96fc89781cb698b488e19905e4693', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'cf049e65bd2737af45d819bcf3ddae910fc43bd3', decorative: true, "icon-name": "chevron-small-left" })), this.renderMonthHeader(), h("button", { key: '9c943056eae92181036f172b2c7799685b54317d', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '876c1dd6c7b3c7a9f1de28e88b300a38e3fd4217', decorative: true, "icon-name": "chevron-small-right" }))), h("div", { key: '1e47abe5c85fdefb834e1d596d73d67549b4fd4d', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        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: '98b0ff804cfbc165ddc7ff79617ee339fe258e7b', decorative: true, "icon-name": "chevron-small-left" })), this.renderMonthHeader(), h("button", { key: '9efb434a65902feaed5cc48a503b18002ef11602', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '548a8f78b4f8306535e936b83514d1f770cdbd9d', decorative: true, "icon-name": "chevron-small-right" }))), h("div", { key: '1fd1099529098499d71e6cad5409a9899cf9f961', 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: 'a9b03481523ddd2a8689558b50da4633f5c049d2', class: {
+        return (h("div", { key: 'b84fbe6776b384375e30951a8ab2869de31ebce9', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '2cc95a5205840c038dc8d70dd5ad467dd05ce243' })));
+            } }, h("slot", { key: 'b20a4f68c4a3d66e96d1cba8547f83555b3d61bf' })));
     }
     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: 'e7cb0456cdc63c36b12b84a6fc8b04e23ef9ac41', draggable: "true" }, h("div", { key: 'ab853bb9c91354d62a53e6a9385d31876bcf0de9', class: {
+        return (h(Host, { key: 'f8f5f862f7f66fa2e460b3a092dcb95841dbd591', draggable: "true" }, h("div", { key: '8086b1ccee8c509cd05bae2a98d3a36b26da089d', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '86b752c952d7d5b22cce7ac720cf7eadbdee2592', class: {
+            } }, h("button", { key: 'b383d445f243ec562670176c434af73555b649c4', 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: '5a062d29e3468607057bc2d19164f339eef61dd2', "icon-name": "grab-vertical", decorative: true }), h("span", { key: '9409796ccfe03a2a60a6d21f877780bf085abd36', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '9cb6d4b0c04b963ebd6a0088be63e3d84a349b5f', class: "gux-select" }, h("slot", { key: '85d445d17dbd08b74e2efc93344630b212a59f87', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '63e4752fa9189f8a782a36c19b0d17aade783687', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: 'f9a8ba084f0e81f03a33864d0a86054c53a48937', "icon-name": "grab-vertical", decorative: true }), h("span", { key: 'a488d2269557f1f9f815ea3597dbaa7739cc5dd1', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '2ea12f2d4b5281df6ab101af26cbde2ad5621156', class: "gux-select" }, h("slot", { key: '4b9974e277372dc34386f8bc0e014eed75729e95', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '2e7646de2ca2e2145861e83cd35eb5ab720b00fd', 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: '9503f7dacb275c894d3ba157dbf1a8e75f923c1f', class: "gux-container" }, h("div", { key: '8c22d9e0459606c010cc782e90c7eb4ce84550e1', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '697f9bd8bd79e1ffd9d112e7b9f25d0ad0119439', class: "gux-search" }, h("gux-content-search", { key: '0955fedec73d446d8863a0b1b22551dd501387e6', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'b24470c33acdc7f7447b8ce45ceab80e3b701e1e', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '716b5ed689f3d02ad1667cac1f45f2326bf042e0', class: "gux-select" }, h("gux-form-field-checkbox", { key: '2468fa9584859f8e2c2b0529490cebd1dfea7a49' }, h("input", { key: 'a59752e36a0a2beb60f85401a2f983e622a360b2', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '129071db1777d9c011d0cd5f80bb6c0454f898e6', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '72fea5393a72ecd0c507e021fec10b3df73c8f8b', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '3b67278503f48b34c93e2e9d4eab47cd7a8e3b20', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '4fce43062fb49045706ae55be7b72991fe9233e6', ref: el => (this.announceElement = el) })));
+        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) })));
     }
     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: '7f59a720c59e512815adb39378ac6e821f820845', class: {
+        return (h("div", { key: '2486d4f685573a7279a04784f05d08a5edf02449', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '43d17425e7a64696ecff3360aec97f5e9c5cb7f0', class: "gux-search-icon" }, h("gux-icon", { key: '2660a96539730ed8fa9705e2fbd676e57e626d64', decorative: true, "icon-name": "search" })), h("gux-truncate", { key: 'ec9eff770ecf37975aca76edd72667ad73ebef9c', "max-lines": "1" }, h("slot", { key: '70f50f90d2a8fbc6b077ae27a23fb100ad2a2c44' })), this.getNavigationPanel()));
+            } }, h("div", { key: 'c2e501fafb01e4dedfe6301ac18a91402a2d3c50', class: "gux-search-icon" }, h("gux-icon", { key: 'a6bcb3588b1c3a1fbdadbde3e3eceb2b14e861bd', decorative: true, "icon-name": "search" })), h("gux-truncate", { key: '64730a899b6023e41b5730edb51ec848f3ab6f52', "max-lines": "1" }, h("slot", { key: 'b37ec70a121c9fe2602e0dc8dd338e958179042b' })), 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: 'f78e967950ecbe08165dfdf04b2d8c955c30d331' }, h("gux-popup", { key: '8b6a158b74b030f8ef0dec41b14a9639c41d4558', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'b1a2f01fff46a264300c3d812dd915312cefb443', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'c967a4611821bb8093b85eab64dcce072e11aa48', accent: "ghost" }, h("button", { key: 'e552d0e0f6db5425cf0d98756ce327640d84acfd', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '2ee801974642ed0359ea5c0bcf41b1b921e2a7de', "icon-name": "menu-kebab-vertical", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'ea83b5a77d586251814277249a9f2497646782a5', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '0f2915e48af34a4f7aa020b3835156947b3dabb9', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '8d262d9b74876f870dc97a094b655c52bcbdc217' }))))));
+        return (h(Host, { key: '133a2f813af1163f54ebcde8fbff2f257f080df9' }, h("gux-popup", { key: 'fd8240f8e6e7c62daabd49cf3a0eddd5e8157312', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '38e71e614a49550c57444b9440ff71b079fef280', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'f9a3d3ec596c438d41ed9e798c68dc239b3a5adc', accent: "ghost" }, h("button", { key: '0898765f4b4eeb4f1af845b2e0d1590c75f6c1de', 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: '9001656fcf3cd2b7c9581d0f773bcfe9543b89b5', "icon-name": "menu-kebab-vertical", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'b1e5a31b9e9b8e38462b47e0d472749cbce57a89', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '31263aa59c8e69fb850bc88c3f9030deea74946b', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'f31957f8d664a01f2b17b06835addd97b7cab3ee' }))))));
     }
     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: 'ada63bc9a03fd3304691048d427751baa2aac47a', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'b30852b50fbd085821b5b46cf9ea82d808cc16e1', class: "gux-copy-content" }, h("slot", { key: '2be97148dc2b10bfdb48a6a9eab582d18ca9605a', name: "content" }), h("gux-icon", { key: '7179197bdf4d761753ba77d894dc9ae9fcd54742', "icon-name": "copy", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '416b6b71765b98f5d1962cfb8804fba3538c8d0b', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '17ff0c705da123ce14d053208f0c5662b4d0bfbc', class: "gux-copy-content" }, h("slot", { key: 'c92b82e90aa8913f49ca0165745251f4eb5cf89a', name: "content" }), h("gux-icon", { key: '7d6ccc0837fda3faeed6920ffe76be521e487854', "icon-name": "copy", decorative: true })), this.renderTooltip()));
     }
     static get is() { return "gux-copy-to-clipboard"; }
     static get encapsulation() { return "shadow"; }

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

@@ -508,7 +508,7 @@ export class GuxDatepicker {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (h("div", { key: 'c7a97f65d500b5a7a5229298dd89257abce2ecc7', class: {
+        return (h("div", { key: '9a5133ae23cc05e38037189fc68e04a6bff4e66d', 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: '5870577c1528513eec24954eee1d7c005f7d0c7a', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: '6135c1d86c03cdbcb1b3deb74e7ce4c37a7ac95b', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'a069f0e58314da0c59a16d2b6e8aee702649c3f3', class: "gux-icon-container" }, h("gux-icon", { key: 'ee451b79135da83609f6c1c97d0f63f7118368ee', "icon-name": "close", decorative: true })))));
+        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: 'd4070762f52af366609dd2cdb647270b42ad8b7f', "icon-name": "close", decorative: true })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -329,7 +329,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'e6e4700f25ea9b999de2f010681ba38cc31b3810', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '4f1176555389775664bcd912c3384eeffe7502c1', 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: '43f10bdaf3b95e6ae9b267cc8fadce6f9a082359', class: {
+        return (h("div", { key: '803a49271669c35c488496c5eeb58e078a287248', 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: '6665aa1a8573ec525b5dcf585c2bc46bca7042e8', class: "gux-dropdown-container" }, h("gux-popup", { key: 'e3191659a393e1751efea051ab99436e016a3197', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: 'a56ff37c913a03d6e3cb69541c6b920e40733cf8', class: "gux-dropdown-container" }, h("gux-popup", { key: '9801d928d3b0e5eb45635ee52e4c003616985629', 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: '7ae20c419ffc87a65ed86fe29f7a002c9542b274', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '860d889aaa6427eb94a61436bbc7d794c4eed55b', ref: el => (this.targetElement = el) }, h("slot", { key: '5b4f9c21e25be336b65d1a3084cb9cbd9fb7ca6a', name: "target" })), h("div", { key: '7f41cc02a62809848e1aaae59235e55964e82668', class: {
+        return (h(Host, { key: '713c203b6f20eceefc29e4ed737ed801811dd640', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'ac2e9dc4d16f47abf1b50042d3d27ff825576f81', ref: el => (this.targetElement = el) }, h("slot", { key: '58a78780537a8d25395f386df0a6047937cc1718', name: "target" })), h("div", { key: '043a936717670712d21cc8f23f0d38a46eb42fa8', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'a33bc1da79a8d2e196addbbaca21970cb2ab1bd6', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("slot", { key: '8cf49cda26b4d22286bfa3603db27135c8450b37', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '6a592dd1053b026784bb91f75925f4f9aab8bf92', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("slot", { key: 'f59e86b6692ec758d21e797081a6e6a92062f41c', 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: '5ed4c640b897919d7bec94fe088be94ede2e3ceb', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '13a0787715ea1dd26f08aeaa361710dd7b7a5b5c', class: "gux-menu-option-button-text" }, h("slot", { key: 'd4240de1290608cec7928aa77eab0ed66ee0a6e7' }))));
+        return (h("button", { key: '1b395fc5e7073357b6316bf99cabad74535b0c36', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'efa69f35bb0c7baba9aad7c674514a3e28409220', class: "gux-menu-option-button-text" }, h("slot", { key: '418009c28a50b85706c83ce3fa6b22c3e52dfbaf' }))));
     }
     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: '597ba3a24a319a224819e9b11e7b0f51c3aff473', role: "menu" }, h("slot", { key: '8379dbca2868188684b659fe9f30cd17e37c21b2' })));
+        return (h(Host, { key: '90be348799df39d3034239987ebf28f9be427efc', role: "menu" }, h("slot", { key: '3f22ac2f08a881b984327e4312f85748a1aefda6' })));
     }
     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: 'dc3ddb2dd3780bf0d8285b082f0d19a457009549' }, h("button", { key: '606cefec63eafd32e2bfe551a0570429a65e3bc7', type: "button", class: {
+        return (h(Host, { key: '4142e0cff0ea139614f938c8cec8633f390c1c26' }, h("button", { key: '9f3d67a9aab1dec4e0c40cb9aed97f77b0dbfc61', 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: '19fc35d447e1a6ff4ee0857931c00b8bd76ba3f0', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'cb1e585686c3ffa5290e86b3df4eb6774474ec23', class: "gux-submenu-open-icon", "icon-name": "chevron-small-right", decorative: true })), h("div", { key: '8574a40502af97818f9a9cf7ffb628ebe5e2bbe0', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '6a91e6a3c40ad50fa3798ca1d42ffada376fa1f2', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '144fd3f334f1e12036926aa97a2ec786a24ad028', class: "gux-submenu-open-icon", "icon-name": "chevron-small-right", decorative: true })), h("div", { key: '95ec9921f7c9ae74bacbcf0ab9fdf0282d7d56c7', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '167a6e76414a8b7b4ef5b4ac089a989d25bc8d00', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '95f48e0a52b532a7913efc9e6e42e16a1a9af187' })))));
+            } }, h("div", { key: '1412cf3cbf46869ee20fb71516fc127b7097ab8b', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '9ef475ccb46900cb83e415f7f64a2d7ce4220420' })))));
     }
     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: '6fdce66eab67098846c2de6dce1f5bc12b46503e', class: {
+        return (h(Host, { key: '7ca886f97a2dec4ede297a7e6d8f27d77a6e9e54', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'e1b8410e85b7b6a27a1a781559822050918dab37', class: "gux-form-field-container" }, h("div", { key: '39dd564ad40322e549142a10cac16e7273ae71b5', class: "gux-input-label" }, h("div", { key: 'f82a028bf05eb57bd4464ae9a599a6d05193f3fd', class: "gux-input" }, h("slot", { key: 'efb18c85be03ee2ed9fc7f4c8f97386200c440d5', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '4cd084abc2ab9cc699f5fe12c5faaef51d809814', class: `gux-label-${this.labelPosition}` }, h("slot", { key: '45a7947ea26acf0551fc3740ba905f6c3fd62ce8', name: "label" }), h(GuxFormFieldError, { key: 'f8dc26572d8b43910b1a847dd7bdebf10e0de117', show: this.hasError }, h("slot", { key: '1ea176ad4dad2ae36c032adbbafb46290083b101', name: "error" })), h(GuxFormFieldHelp, { key: 'c5a58cc6578458b03b92c77f6cfc842086ca3f31', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cfd376ebbee33a99ab59ff10a88ef886ca0c4672', name: "help" })))))));
+            } }, h("div", { key: '6c8b0e5c8c833b2bef206ffe8da86475fe1b6336', class: "gux-form-field-container" }, h("div", { key: '2c60aa0249b111c650f9b7caa7a8d3beeca6d87d', class: "gux-input-label" }, h("div", { key: '61e2ea029da28f8003646b1d43b47a0af3cb7b88', class: "gux-input" }, h("slot", { key: 'd093ca1cb73fe632c763f6cef78f205ab2eeab8e', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'b486ec75e47e60156810c49ff7bd5c3a81842fb2', class: `gux-label-${this.labelPosition}` }, h("slot", { key: '51492887b0ed75efd99cead2861ab14fa8ebc8c5', name: "label" }), h(GuxFormFieldError, { key: '3b12799223f3f4f648bbd9170f7bb357fabb72a9', show: this.hasError }, h("slot", { key: 'b2d24a5e739e9b0ed81c0e057f51f1f860d84fae', name: "error" })), h(GuxFormFieldHelp, { key: '55e477fc79560c628f18769b470c2f82f34acf36', show: !this.hasError && this.hasHelp }, h("slot", { key: '47842632658ccc44e4cfed513a8e653ea1794094', 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: '4de620211facd43c134203a1dc50c5f150957597', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '51880dbfb55e9526ffa27ef0b52f8818e5a4fc72', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ddc42dc57993fd2dd7161ffdae9ebd7d4c89e923', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '87df88d355566b52bc9e621ceb4cd6c08c5bc574', class: "gux-input-and-error-container" }, h("div", { key: '1722f9f84471661ffafb7ac2acce89558a0251e0', class: {
+        return (h(GuxFormFieldContainer, { key: '0a267056f6e0254583b68671cc16c3f8921255eb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ef83637c2a1371569d008f958a1913352c6e7c8b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '8e853e3f9ef3083017252ff8f8a7c800bdb0deab', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '2505466fb6c8523ae4e5d3e384de387efa37589e', class: "gux-input-and-error-container" }, h("div", { key: 'c10d57b1fe3e45c4a1385178ffc6eaf8fa6e9eb6', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '91fa6e5ce4f654c4937ed7544a10cb638cf96d9f', class: {
+            } }, h("div", { key: '9f1f0cf7b2e1bee2530b0e63d772dec14e601e3b', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '7f6b77d7753329b57f6781e6a12284fad54b19a4', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'b4cdc6d9f9b201a58f03e81b200b9182723776fd', show: this.hasError }, h("slot", { key: 'd3c699cb10d387d80459d1bcde3c956c040c4b78', name: "error" })), h(GuxFormFieldHelp, { key: '26f1fcc907f399707d4ab7433251908bbac4bd2e', show: !this.hasError && this.hasHelp }, h("slot", { key: '5a596d8702e84a4062b8de525a0e21d274573d5a', name: "help" })))));
+            } }, h("slot", { key: 'b7cbe50e2e969589509dbc00151ed6500bda098a', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '50cf5117bad4e53fc00c462a385beb42d0a45339', show: this.hasError }, h("slot", { key: 'f8857bf5cd6753b309673a39fde0d8bfd16b0692', name: "error" })), h(GuxFormFieldHelp, { key: 'a07860ed85ae753c957ca0dec6e6e9f9362231e5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'eaef97368f5b1b7a884e88911d7db38cebb147a9', 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: '2c92b0e5d66f3a786f08e0994b3e6a632b318ad8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '760eb54b506e407dae2fe487f8c5d0a9e944395c', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '9eb91e20041ced36f416582ac765eb3372d7c491', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderScreenReaderText(getSlotTextContent(this.root, 'help'), this.hasHelp)), h("div", { key: '93b28e308f361239bc2a8dd2506d9af070476d32', class: "gux-input-and-error-container" }, h("div", { key: 'b2ed0cbba2c078cca7bff6958e59414161f526ce', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '6eeadf1d4f7aa84403909bbd300fd0457df25965', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'af9c0056c3d0fd127938acf90df84013d08a94d7', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'cbf696e35d6e0f6501e6653d51a7169d28f1aea2', 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: '453b8c3722885047b793a83e4236a0efdbcc6624', class: "gux-input-and-error-container" }, h("div", { key: 'fb58031156c464e26de0a08ddc00725ae64ab81a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '46750b1ca70325c876278135d56c4d71b901f5cd' })), h(GuxFormFieldError, { key: '7fff6cea44cebbea573ecc873e638346b347bf63', show: this.hasError }, h("slot", { key: 'a913b6adc15cad8ecfd76905e6047e3e51cecbc4', name: "error" })), h(GuxFormFieldHelp, { key: '4760b20addb518f1e371a4d14e3cd8db31ecfde7', show: !this.hasError && this.hasHelp }, h("slot", { key: '54ab99019222cee8985a18699d111e4e17c6ece1', name: "help" })))));
+            } }, h("slot", { key: 'caf3374d9d5786f2fcd8ae42b26f719aae58ab16' })), h(GuxFormFieldError, { key: '24b1b954b8973221d9b509112c0cedcc505742db', show: this.hasError }, h("slot", { key: 'a843de0674b118f04f1b2fb7def6072b79fad36e', name: "error" })), h(GuxFormFieldHelp, { key: 'c6f35f83e459fcc2de00ada2df43027518febb44', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c87b011caebc07bdb74ca6e89a612fb306afd05c', 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.css

@@ -177,7 +177,7 @@
   padding: 0;
   color: var(--gse-ui-formControl-input-inputIcon-defaultColor);
   background: transparent;
-  border: none;
+  border: var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent;
 }
 .gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible, .gux-step-buttons-container .gux-step-button:not(:disabled):hover {
   cursor: pointer;

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: 'a72a518c99304afad79117dfc7e7f0ad0a30614f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8ea9761ba508e33ef8f80d0a3b2a0d3dfe8e804c', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e68b5ef8ce44e35e6616d22a268778cc1294648a', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'a183c111739eef8a8278e0da7705562d418c14ce', class: "gux-input-and-error-container" }, h("div", { key: '292360785449a2745f71931b16c0ffc45b610629', class: {
+        return (h(GuxFormFieldContainer, { key: 'e7e0f810ffb787325a1fed5a68d58906a3a01b84', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '68a5584152dc3ec8e673265b7aededac6f0292cc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'bac13572e3e534a12599ab43cda179e3838263e3', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '4cf2d41286d48bc45a1cface25ee5ba51ef95f2e', class: "gux-input-and-error-container" }, h("div", { key: '849a0db84bd945508e94fa16e00e29d9c0dd1549', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'acf6205307b53e9518e55863e1aff9ecec80272c', class: {
+            }, part: "input-section" }, h("div", { key: 'b6ed3de9bd5eeb505863112c2c8bcfadcd02b463', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            } }, h("slot", { key: '5e8105e9b2018b5b3af00b6e6cd71fa944404a4d', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '2b581ae84f4bebde30842fcfcb8eef42a7f962cc', show: this.hasError }, h("slot", { key: '04f8b7e60f599f0c3d443c009a02d792b1a841ff', name: "error" })), h(GuxFormFieldHelp, { key: 'a091c240b493f9dace93da80f237bd96925765ef', show: !this.hasError && this.hasHelp }, h("slot", { key: '5611099af87f6f2bf037a168946e4f9ebfd27381', name: "help" })))));
+            } }, h("slot", { key: '21824a477b0b26e6925dd51747ea0023c74232aa', 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: '315a25714840051627acaa4f926b61f6de6f589e', show: this.hasError }, h("slot", { key: '1283e755f38ce3bc46d50084d3ae5619e43c625d', name: "error" })), h(GuxFormFieldHelp, { key: '56d1b8063cafe8416982fb57a6cfdc2f8a9f6b6e', show: !this.hasError && this.hasHelp }, h("slot", { key: '76e8f17069fec173b73e683a7f48a80d7414a97e', 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: '3fa169d0606c345b34dd3d1ea0c6a97fcac527c2', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '759b4fdf526b0f00fd31338dd339ccaba7030025', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '2cb5f8037a0dd6af278d38003d7e8430d04e28b1', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '5b43ee2a6a26f7508140c125123d7a60a45a2820', class: "gux-input-and-error-container" }, h("div", { key: '6488007b2d7ae11a87dec8bb63f3304e25450bd4', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'aa099738226cb230f0840a0e1e6615b33f2f1e08', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '039ba6268299ae6a219268a260250f78d2518fe1', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'a5b4ddcebe54959215023bf8628a8b61904d3dd2', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '9ebe34b182e41461c50b8015c8e48af4f404b734', class: "gux-input-and-error-container" }, h("div", { key: 'b0eba7357d020f9c6d04d709caf9ee5ec78b85e2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '6161c983bba8b62e3fdc94fad188310e144a101f', class: {
+            } }, h("div", { key: '3efd59cda87aa33594499d0c10adea4e31af2d73', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '54b5ad837c3fe5504a82d1f99e78d02328ac1f33' }))), h(GuxFormFieldError, { key: '0bfbae7a934efc9d251cc816c0900d27ab3f41d3', show: this.hasError }, h("slot", { key: 'dce39a35bcf06a467ee4416370298460e1f075d9', name: "error" })), h(GuxFormFieldHelp, { key: '736ff141c3eadf6246733d4704a2aa796e821b58', show: !this.hasError && this.hasHelp }, h("slot", { key: '2caea58e949c93c153264db170dcce02bf27f0c7', name: "help" })))));
+            } }, h("slot", { key: '21f7ccabe004e25ab6197cea79bd7a1f6e266455' }))), h(GuxFormFieldError, { key: '0b6c6333ebefcb2f5cfe5ca2953d86633908d1ce', show: this.hasError }, h("slot", { key: 'e2cd7265b2703855b095fc3e77d40b25597c4b47', name: "error" })), h(GuxFormFieldHelp, { key: '7e80453580965e82153ac94da8f0c0cc5cdec0d6', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ad376f0cf533fcbe5252bedb05ac30e8e3fc1615', 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: 'ff5bb7aee48f8c26d69ce040b7d0880193c1d1f4', class: {
+        return (h(Host, { key: '2316fcf30820a7164adefd30118fb15bfcc57d6f', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '0a2973afecf805180f01ff035bb3efadcb560918', class: "gux-form-field-container" }, h("div", { key: 'a3eb10c6eb04a3fe742e5aec78055eff15301aa3', class: "gux-input-label" }, h("div", { key: 'ae559b10664706a61ee43f51a749091a54282465', class: "gux-input" }, h("slot", { key: '71364447e2ba1107058dd3755a4168a6028f9dea', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '7b986ac97cb8276386be21822bf49130cdc730b5', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'e83779de807bbf3904a3f51d0d4a9f6993a73136', name: "label" }), h(GuxFormFieldError, { key: 'db41a36f94db6213bd60e788faee54a7938c70ea', show: this.hasError }, h("slot", { key: '8bc9040e14e6acf87716e106ca91098c9cc29f23', name: "error" })), h(GuxFormFieldHelp, { key: 'ad35318870b5ee04da24e5744e4de10adc62d111', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e9d4a3de99307cde1a9ad5f9a52e623104b7750b', name: "help" })))))));
+            } }, h("div", { key: '6ac179a6b25f91eeb91c7f9e17f0c4b9cf7b29c9', class: "gux-form-field-container" }, h("div", { key: '132b391a50876060bb1e2ee8fa3d36b714e8e3c7', class: "gux-input-label" }, h("div", { key: 'f8452c3495851fb218f483ab0c9321583141102c', class: "gux-input" }, h("slot", { key: '41dc059248ff0c1169ce584e12ad9b9fe99868ee', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'ebb1c083611daf83eff7eb6a68fd78f6c48f4123', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'c138b06f73e4c50a01a6100453f9d2e60584a319', name: "label" }), h(GuxFormFieldError, { key: '15124eb6f2992766c25c8a2aa4a28c02c8af58d1', show: this.hasError }, h("slot", { key: '02bcb7dbaab53d25a7626668720a4732a8526a92', name: "error" })), h(GuxFormFieldHelp, { key: '58fa3e1e04431c27a5c6fcb556381e9f61c09a7d', show: !this.hasError && this.hasHelp }, h("slot", { key: 'edd699db3516cfafb77247c78aca8d18647c43fd', name: "help" })))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');