genesys-spark-components 4.122.0 → 4.124.0

package/dist/collection/components/legacy/gux-disclosure-button-legacy/gux-disclosure-button.js

@@ -38,10 +38,10 @@ export class GuxDisclosureButtonLegacy {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: '2c75a8124f72fe3bcf1c8d541bee3f332230b331', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'ceef97d15cd6e37201544f251f904b1ebac799e4', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '684dc8cc902e931e948ae1f77ed67232e061f86d', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '7afc1d6d432711fc475ba6f776ccb90b985843b8', id: this.panelId, class: {
+        return (h("div", { key: '4be9b356b96e450e9ccb141ca50a93570f5e170c', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'd075920e2fab1235e2e5583acf798f148ba217cc', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: 'b5237741f4291a2624debf00b41ceaf0ff0ed332', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'eee918f444b222b1d93af3fd1bfc18c91e2353be', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: 'd1a526b263c28886802e858a9d074ccc29bc8fa7', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '0abd8a6a557d84f372b55b3ee1f9abe81198b8db', name: "panel-content" }))));
     }
     static get is() { return "gux-disclosure-button-legacy"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,10 +42,10 @@ export class GuxModalLegacy {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: 'a0a1c68c27bb77e9285032d99b9dbb0fd291613b', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '307aa8fefe6b7270cb8c98fe0502917a5e751e78', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: 'e5c778d172ed7b3ee10d3e0a25297fe355d61948', class: "gux-modal-header", id: titleID }, h("slot", { key: '2cccc3bdfe2ccc266c68336a7573607604c8eb36', name: "title" }))), h("gux-dismiss-button", { key: '4a8093ca3422136365913052295d1df10765b45d', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'fe6e66c363c4744619a873cd6c4bb9acc139a081', class: {
+        return (h("div", { key: '90d19ea1edfa47d33e03d5e6ebe9739e278e08ab', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '456e55fb853359662828a7250c52d6bc3c3a1a5f', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: 'dd013211811f36d7e7e0d9594f32e5bac43b0c7a', class: "gux-modal-header", id: titleID }, h("slot", { key: 'b3f9f07f7ced3177111b6756a354d4c71c75dcaa', name: "title" }))), h("gux-dismiss-button", { key: '25d6efb5adb3609d3944d701f86b2a3d771ef28e', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'c8d4c6db275b26056799ecb1356f92ee1aa8930a', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '56406d5b6098adea8b42cf7179574494abf7fd4c' }, h("slot", { key: '5b107a55cbb4c6848487c28491a10e4e809c67db', name: "content" }))), hasFooterButtons && (h("div", { key: '5264a4a99204c481cd08c31832fa2280a24df243', class: "gux-button-footer" }, h("div", { key: '1529fdb01227a68a1789530eb2b23859ac110207', class: "gux-left-align-buttons" }, h("slot", { key: 'cf9537bd6192274a0729731efb9a70d2eeb3c196', name: "left-align-buttons" })), h("div", { key: 'c4c85d7ad09e0ec83c77a174743b8773ac34705d', class: "gux-right-align-buttons" }, h("slot", { key: 'bfe4791ae99765ae8a3ae7b472a6b280d1b1a666', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '9967ae16f68f751b0b94cdbb5adf141586b34258' }, h("slot", { key: 'b87861dbd80eae5135c3c1f0d667d84058e0442e', name: "content" }))), hasFooterButtons && (h("div", { key: '830a6bd41cfc38110987e99d28703e30d7f115e3', class: "gux-button-footer" }, h("div", { key: '25629d5d9981f9171f38a2f203c483b8ab4b31b4', class: "gux-left-align-buttons" }, h("slot", { key: 'cde5e44461fdca4edd0c8e8dbfa1b148c1ecb9c8', name: "left-align-buttons" })), h("div", { key: '4c5af8e9f5db1b49927f59ea29be8cfdaa670d00', class: "gux-right-align-buttons" }, h("slot", { key: 'd9c01a24b770c7b556c73f4436a74d7e6d499f72', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

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

@@ -13,7 +13,7 @@ export class GuxNotificationToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'bd858e59d02b2ae65a0079fb38688b3906220e8e' }, h("div", { key: '3eee51c5ee55b2c61200ea93ae4307e512bd8afa', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'c3cc41208c2a0e3aac9cf08e61db2119830f0bac', name: "icon" })), h("div", { key: '9ddfe233b519aff20773eb794643d5691399a861', class: "gux-content" }, h("gux-truncate", { key: '9d97fbfa97a4e33b6673043e12b5166367dcf821', class: "gux-title", "max-lines": 1 }, h("slot", { key: '40c1d83e822a7f000276f762e79432823da55f53', name: "title" })), h("gux-truncate", { key: '9190f8ff373400a4fc15e588594ad5973b106829', class: "gux-message", "max-lines": 2 }, h("slot", { key: '246382e3578cc1b090f4bd173f3a4fafa7272976', name: "message" }))), h("gux-dismiss-button", { key: '6824395ab9e4601f48d80024a7333294ae1a5a65', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '31e9d1b812aea4314b9dfaa4c2a3e252e324a8c0' }, h("div", { key: 'f0fe4675274088eb834b1c946aed3527bfb77780', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'c94d0824c69f4ea5164be7a7c362af1d51d5a98a', name: "icon" })), h("div", { key: 'a93e779e920540296d3de38fbdfd904d7a7f10a1', class: "gux-content" }, h("gux-truncate", { key: 'edbaa098abd38aaa50b154b6f178b45a7371e893', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'e3c7ff5f9c3d8826d1ccaf251cb7d2e2b9283482', name: "title" })), h("gux-truncate", { key: '15dfcece149016c5d9e0b78db79cb40ac9f5240e', class: "gux-message", "max-lines": 2 }, h("slot", { key: '7a1626df4daa2ec965b0d8e9e467d07f51b20678', name: "message" }))), h("gux-dismiss-button", { key: '5be640091276fa92d671182f87c0d899e4e08221', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -71,7 +71,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '02e225cc747b05e7620cca7cf781dc32eb2dc20b', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'a4b95d7b01c768bf22d19c2a3dd01ee36f88bd1a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '76df04ab3210bdf33bca5316604c192431832e5d', accent: "ghost" }, h("button", { key: '56c5aa4577d26484ab183ef0a3af428b8e563055', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'df4b8156255d36744d1d4155c02ae98b43da426c', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'c61febd35086ce7ecea4274cc14fe74356d2f545', accent: "ghost" }, h("button", { key: '5bb93d100ec55881dbd6dd13be6e28426b7532db', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '2581fd7fb1a61799b9d4aeb7e74293409913c7ba', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'ca9d527093b445a8bbabb936ae5592d3c8a8c57b', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '28fe7492e64a31ed1518a60ec97c311df7590fe3', accent: "ghost" }, h("button", { key: '9e6dc8905743cfc9858b96fc81ddfabffa3a7348', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'a1d5fc160f64161b8dbae630028ece855c5e8942', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '706655f3e299d2222a7bbeed5390da52b34c424f', accent: "ghost" }, h("button", { key: '67f93b4c3fbfc8ef18c551c61340e754afc04663', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'dad0d41593b3ba802e2c99e661b251ffb36bdc13', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '35c275d1a2608b85a7141ef1dc510ab8e594743f', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '2d4c1520162d6f9bc72580d1f5ba6c7b4a5240a1', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f0f3767a986cb7f6ce60664db50320e4a1e20b8b', accent: "ghost" }, h("button", { key: '490294626a841f56b522dcd39215805bb77a6bc4', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '96fe0d712051d6677bbd18ee7b93dd58073be3fb', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '38b5ad9d621040245e3ea1c9ce07081deb300128', accent: "ghost" }, h("button", { key: 'cc587c7c3985f18e6fb62f826f1e41a873caf4bf', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'd6f1d435bd95634171b3692bc6e1c82ad5bf995b', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'e09200135440513915c0961e585d800e97d48d77', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7db272bd5f4a2ffa3c640887d828d0b682991868', accent: "ghost" }, h("button", { key: 'c73a8c9fe0fa79a3529a4d957df7a204d6e9eb60', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '09f913cf5962fc38ba10b6c12d62b351efbe8a43', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '857857ea037260e024bd5b66ce4b5fd2f9b2a497', accent: "ghost" }, h("button", { key: 'd626cca53cc515c79a1b10b4eae8e97c2703bb77', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'b7afbfb871db77f39b1a136124cf23b85dac98be', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons-legacy"; }
     static get originalStyleUrls() {

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

@@ -23,10 +23,10 @@ export class GuxPaginationItemCountsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '7409beacbcc84005ee3e85ebc4766d48a45b7fb0', class: "gux-pagination-item-counts-container" }, h("span", { key: '3b7f37cc0935347ef5191bc3f88655ab0523f575', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '2fcfb5a0eed431432f1fc6ba906375ad86d10658', class: "gux-pagination-item-counts-container" }, h("span", { key: '82248452c368ee1031eddabfd0edea44fa58022a', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '1db48dbff49cd646a97f9aebb1a05bc8aa82abc1' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '38f6da2da9a4f6caeaafebbe323eed7b4e00105c' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     static get is() { return "gux-pagination-item-counts-legacy"; }
     static get originalStyleUrls() {

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

@@ -19,7 +19,7 @@ export class GuxPaginationItemsPerPageLegacy {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '8cc8d4db80703f18502c9414160e236a93c576e7', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'd60b4b3a899c9c110350b3b38454b679fdb5176b', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'd977d4271382983899c8f417862e556c4d7add24', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '7a95dcb6e8a98371c25189e82cedeffd0dcba6af', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'b059c43814c8e9d4efc6eb99f5fd7443936be897', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '064d597f189ed48a16d4105bc09c94822bf9f597', 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: 'f78ea61450c103185a8c4920e02ec85739b7cf97', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'e909eb0474dce545649bf983fded21102f1184ea', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '9a694cbd80e955a2edcf41ba09288d47ad61ec22', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '339a3aad6956314eb4d13446d84519b584646dca', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '2b7c577864a6d452895055a804c6c781adf3e403', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '968098cc4bbfcd35475f1fe6ea36653d4235babd', 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: 'da07a992640a0db76f9423ae0d1383b053056c8f' }, h("div", { key: '470263e84639ae51777b13a35a11613c58545133', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '3ec7ec589cefb08dfa4030787c7878a20b092351', name: "icon" })), h("gux-truncate", { key: '75ce7fe40b5c8fd0932c4024e20ddfd53fd1da14', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'f41d0ae31ea9000bac4c4eb1327c68cb8c842321', name: "message" })), h("gux-dismiss-button", { key: '4b0b3bf5e00cc6c2e3cf4de6a2543516166ea15b', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '2853a0394e80823ec23cfd235d18ce61fcb23dc9' }, h("div", { key: 'c8e60b609e9aed4f0a2d4494c7852aa3ec4492f0', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '292d2c66f83d5a7fecd35fdffbdb44d54dab2230', name: "icon" })), h("gux-truncate", { key: '534595189892b09407e233758f72adddd6fcf727', class: "gux-message", "max-lines": 2 }, h("slot", { key: '5196d360662853f04709aae09dd2ca17a8613893', name: "message" })), h("gux-dismiss-button", { key: '1900232f3d21bea2ab19311f6b05672788ae7736', 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: 'd5b280ba1119cae6da0fe1a533bf16792489d28f', class: { 'gux-selected': this.selected } }, h("button", { key: 'a72dab11df7253877c5b57fad126887dd32436bb', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '9223e26d35099c79260e6a11787266444aee9d74' }))));
+        return (h(Host, { key: '84bb0f1979045ddd063a5670740e5675a12365fc', class: { 'gux-selected': this.selected } }, h("button", { key: 'dac59c32fff9f5a7abe6beac6a7f4fec74f77b25', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'e07daf52c16fc950789b2ef2661893cab1efcf7a' }))));
     }
     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: '1e1c9ad790a962a498613cb3d51968b073ccadf2', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '6d5d3212464cd761dd22785ea54c8e50093d31ce', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'c47290ba5da930291c1f6d1375242cf16ab6b7fa', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'fae8885a93dc942556e44e229e3e98cfcecca316', 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: '786d627dae3c8ba98f9837f08f63ae7e21bd2c5d', class: { 'gux-disabled': this.disabled } }, h("div", { key: '740bf624d7ff10ce5e48c8c22c566dbf3aa70bdb', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '2b589469a7367988e6b672e73d1e6eee7c797efc', class: {
+        return (h("section", { key: '2305475e51f562a30b1246ce5d1d1ec0954eab5e', class: { 'gux-disabled': this.disabled } }, h("div", { key: '744e300976932f9078fd6a410a57c2a1f5f3932f', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '6383d7ddaffe8e2a1e84ff7513ed544d82c73aaa', class: {
                 'gux-header': true,
                 'gux-reverse-headings': this.reverseHeadings
-            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: '24d99448a3984adc095cf40d907ab02a5592c5b9', name: "icon" }), h("div", { key: '1fbfb0695e9c512087c38b14b5194089050e5f80', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: 'f915b86168677bdda21bc25fe038f56906882495', name: "icon" }), h("div", { key: 'd8e83083c047ad459c997684851d89fae5f4c01c', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: 'ac0f49477577aed4d920ecdb9930c97c0a14efbb', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '30a8379cb5e2c3828e28545f04d151ad2b2c16f9', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '8fd478c58e5cc1dc65b132f45e72ca6ff51848d3', class: {
+            } }, h("slot", { key: '36b4dc4ac67478ac022bcdc36097706293a9082e', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'c9e9d5a8bd2c2d42ed5b68949897f2a435cf20cc', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'fc9a334d32e72d377111e85b620ae47420d96434', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '91bfc5a3fc1ba1986f3c4473df42845bc72200f3', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '38f5637347de3dab2ce48e0f389f56976eee32d5', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: 'b34445a85f3bd9af9f718755a9f84742fe1bca18', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'cadc569961f8d9497e2a4ee27d1e8e4a318bfc09', 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: '646fcd2b842509fe33a59b3aa5b3bd6859fb6fd9', name: "content" }))));
+            } }, h("slot", { key: '52e4adb0ba63433b4c7ee33c11f0d2c5a2c0d79c', 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: '6da12a034a2413f705a3242978bccf634b58fa25' }));
+        return (h("slot", { key: '3ae9c26587b4e858dc9b99802dc0b9fdc524f328' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -117,7 +117,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '11f7c3e5acd6829fe353fc620d39cf323a5660d5', class: "gux-action-button-container" }, h("gux-popup", { key: '93f19604d339583b4c2a631204da3570cb5c2532', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '95f42f2f1b5ff9e7a301b08d1f01f724ad6f2ee2', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'f09eddfe45a4ffb3d8c8cfd11480f8054e5e1f01', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'f67b55090575445c1873fcc4ae0283ad69ea1a2a', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '96ff98c3112a6f0b78d122e10c52b1d58587d05e', name: "title" }))), h("gux-button-slot", { key: 'b0ada537ef60d69dc50ac3ef9816eea7b3504df3', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '36dd83583d1790c6a76d63e353638427ae15dff9', 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: '38b8d87a8a77715186e1ecc7910f5e15de6d6ebe', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '150dad3473523a949f5b0918ef664253d16303e6', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '55e8da3babd597b9fbcc205707066fd575d42439', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '119295d3147499c32502aaaa80ee93c0d01655d8' }))))));
+        return (h("div", { key: '89fd4be8f1273c162804dd23300b4864121c5ac4', class: "gux-action-button-container" }, h("gux-popup", { key: '4cd48945f00592a1262a88051201ff2092293582', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '9fe6750d29e5d868023a73537c74bff65eba6b44', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '27f2f05a2283f659f17bdff6f6688480adba342b', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '56e31ba2181ffc5a32ed3f958bb9aea1d085f645', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'badbe7763a696be1c1e2856765dbc34a6371beb8', name: "title" }))), h("gux-button-slot", { key: 'b87dc8eb56871ba638a777b0bed2a8c9291f68b5', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'bfa61a4734f307924606b190812994f143409a2f', 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: '6cfbd1ed584fb1c655190637a82c582b3cec8e8f', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '8892145f30e1d3772bd6bd2a909839f04019eb39', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '058359e5b95d40601857fc2294084d040bc212de', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e3c30d28795358c6eb2b27445e73eb980482b26f' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,7 +39,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'f58ba918787f055b239aca0f7076e3521be35053', class: {
+        return (h("div", { key: 'ea08be4080713b30a014ad3726a80d793ec87211', 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: 'cde6aa1089fd28a1fa3886dd55175bddf7438832', class: "gux-container" }, h("div", { key: 'e86169c91f616a9691b5e8ee43551743144cf92b', class: "gux-image" }, h("slot", { key: '7f51aa33d62dcf4e55da8a5468a8b5430f555e89', name: "image" })), h("div", { key: 'e828f67eafcd1973e1bdc894e027518c126827a3', class: "gux-message" }, h("slot", { key: '7ea4c7b68df6eaef26f15e332a1fc053e4315380', name: "primary-message" })), h("div", { key: 'd09a12632405ce6e54fd206668fc72fa7133a6a0', class: "gux-guidance" }, h("slot", { key: 'd3cfca7561ebd67960922d77fcc76faab5049769', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: '35698c8da560149df181c3467e861a440c513d6c', class: "gux-container" }, h("div", { key: '334ac98587b5ffe56423a930fc3f4ce67a063ef3', class: "gux-image" }, h("slot", { key: 'e370ad5eae0d0e0c65baa6ad9ad20f38cddf81ee', name: "image" })), h("div", { key: 'bfafa2bb9299a9365e23706c1519d9e1e61b8474', class: "gux-message" }, h("slot", { key: 'f831a637f82d32b21257e5c922197d17e0c67bcb', name: "primary-message" })), h("div", { key: 'a35a64ca91ad73b3eef62b6f0a92d4d47ac68b8e', class: "gux-guidance" }, h("slot", { key: '5f676f8550d376b8c3309db69b80932d823050ed', 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: '11f7521a9667d09523e23b2e7afe4d81f2d0a6a4', role: "listitem" }, h("span", { key: 'da935c3713d500d0f9ad01ab60e7c68a74371ffa', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '46d9dc8487d2e53ca8d10290528859a42e904569', role: "listitem" }, h("span", { key: '811ef0f12364243d014a18cc2164d49f4ac5a440', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), 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: 'ea6c25ebfd5858e0736fd427eb72422a187f293a', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '84863092e412993739e6a0af414b89d8445d8765' }, h("slot", { key: 'cc4495754bb42b94c3693a9e9ef3798fcad31d55', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '99c29e1402bc2c4cbfae39b1411725fa646b1692', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '2e8c77a45d7ab3d59f16fffcf3a0dafdc6c84f66' }, h("slot", { key: '59d5c55cc6036358273c58402fa4563f3d0f9e14', 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

@@ -22,10 +22,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: 'abb493ee85bcfdc518784bf593b3afe7c3a15fce', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '9c064f7a47d8a4b4deaa4e60af5756a030d716af', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'ed943237a31b0227d1d295e2f092083f24984862', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'ee0e8501a4cd24a1fac1cb4c29c452b03bf434bf', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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

@@ -96,7 +96,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '12f5a802d4b2143b53d257d73ceab98a90784103', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'b5d3c9255f69e79abcfcb7669e61f18f7dd6836a', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '665d22455bf0360dfcb8e06fb76d79747101dc1f', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '1e61fd22caff151322d5f66d1e3b2b7ee83b4fde', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '74124b9f00a560cb3f65112a266cdde878cb6065', name: "title" }), h("gux-icon", { key: '198fd2d236936afb5f31884cc77cea9d62faabca', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '1b8a663f77bc6c15b6913649323ace481be05d2b', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '62f318608a347e92b44b48f7f4defe71efed441d', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'bbe8d996414785303bd5b221aa33bc079ba554d1' })))));
+        return (h("gux-popup", { key: '0150ce34f146cbd02a853a1b7b664577d438e42e', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '214f9626778f46aa1d81610f49ad888c3dc57eb2', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'ebb5ae83653799df0637ace95d15eecf9cb66b6d', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'e4fcbb74249be8c736632b939fa8d754772785ef', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'a0e75116de34fc97a864dfce68c5f3cb33b2d55b', name: "title" }), h("gux-icon", { key: '68d9f87e413e0469a43db944164546430bb14feb', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'cf5bf0f5a2b9fc9d4e396b5bae66969070dd4154', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'df9ab31623cc322b614900d6c57d28b4be9dfd99', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'd9a936937ce7e3f43cdee58931d2d56949bce8b5' })))));
     }
     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: '20a58cb5c60c129e26c8147d908f8fac0b10373a', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '75971e7e739dc2964398ffb9673f5473fa3c09d1' })));
+        return (h(Host, { key: '9a891811762f4fa8c9019a89f65c6ee5e4987dd0', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '3a1aeaf096df87239ff780f96d5b73cbedcd687c' })));
     }
     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: '8eef32017815d3a9991df30f9367fe577a076724', class: "gux-calendar" }, h("div", { key: '9af530182f8a3f19626e227a03f69c75924d6d33', class: "gux-header" }, h("button", { key: 'b11bf4a64cf27093820606c4ad9eee1197fcfa9f', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '526857a7a7423887067d385dacc786c66acffc23', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '6b73f9e4a29d00d3317023e84ce2b3446dca64a4', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '8814bbd30a56b7a00c9b0b8a323a565c35f15d75', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'abc9c3e39be6e7527fe361a3d9088f276e3fea16', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '87e73553fcc7c2282a180fba1cfe69e7ed0cc984', class: "gux-calendar" }, h("div", { key: 'fbe9fe152395145271013e078fbaac78baf3589e', class: "gux-header" }, h("button", { key: 'd924b0f9ac32b2144a4ab3cb3c838b72a2cc094e', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '66d03f5493c79df81789b9975c6c52b75cdadbf2', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '329d8bbe52c6847c48e2de89b122fa33b5076191', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '674e637d4d9f7eb7bb1c2dd35a9c225016388a0d', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '7479cc357b3a18d98125cc5cb961041a34bc4584', 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: '7960d166fb22cecbd69470b9a533a963496a70d8', class: {
+        return (h("div", { key: '719b7b2cc21e5d16f2143d49b5f9584fd2a8eed7', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'e3d5e5aa8c1830855197b22c6a750b3bb9e01eeb' })));
+            } }, h("slot", { key: '5ad48940cad9d25f3969c63c6e650091ba38451c' })));
     }
     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: '2b847dce74096c35cc157d86227bfe2250453b7a', draggable: "true" }, h("div", { key: '7f1c45e045063f490cdce3a4c19d0a90aa9b8a92', class: {
+        return (h(Host, { key: '7f0eb000d20a905316cd68165eb66a334a174158', draggable: "true" }, h("div", { key: 'a0e134e68ddedaaf1afbab7a8da79ad482ab63bc', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '7c0634a4315fe5f34194ce368ee256e72acd6831', class: {
+            } }, h("button", { key: 'efa4ed1a77c1fa68f00df058652a0348765b92e5', 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: '0f8c101b730dd450c4796c5c8bd6005d773bd671', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'adaf9a439fb518cd0179bb2b79d88d893447827d', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '1e8254d24ca0e5080b396e8d8402510e2f52fd73', class: "gux-select" }, h("slot", { key: 'ca3ecfabe5939f5d624824febbebfdcbf40b9098', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '0cda2ec75c5f6ebaf14e7cdc67a5a55923be66e9', 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: '71530f7d9fc252f5635627c1a065584f41584f7f', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'c3c51447013b5d280bf367f1462f8f42e0e00771', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'c1d1268c9790958286d4adc4069c1eaa4ced5fe4', class: "gux-select" }, h("slot", { key: '8dcae2468ecea9542c2240fdd5c4d4fe8a9feaf0', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'fd6859289326baae92ebcf8da6de591a785440ca', 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: '6d868fedc7cbcc175c27d99aed857be111b66383', class: "gux-container" }, h("div", { key: '4396666a70da06b166491e04ac6337f001453844', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '2fb37b21ba764da3044828702beb75c1d2284e82', class: "gux-search" }, h("gux-content-search", { key: '20e9d4741f888b88fa47cc0bf507706ac88a121b', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '0d85ca9bc4d5bf7701fd617ef2621394c25ac21f', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '494db5819be47cc0671ec21ec8a3af592078991a', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'f4ec73eaba92d68037b69c28a0b078f0ede521d3' }, h("input", { key: '55ae9c76c5f8a3f24d96f8fee16ebbdec7fed385', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '27566d59de986d29833c8243e5e3b461d2a5d391', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '18f6969f6e8318e4a5f988759e07f700453816fd', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'cea1f7b82035c23208942e97a5b863ce7179df3e', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '86b81887bca36d7b58c07bb12334412db47b3b81', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '83f8c56f7b40274f4c90a19ff85f56eb0b9f0c1b', class: "gux-container" }, h("div", { key: 'cd0a19859d0475b7e92b9bbc06d0889943c7802b', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '092d37573ab5991e38db44f0c2a81e2c34806d3f', class: "gux-search" }, h("gux-content-search", { key: '7cab45a1358fbd2fe8646b90fd8afc4b29a973b5', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '3523482ff7a71159d0a651be41b8fda04c1485f3', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '50dd1066c38088bd7c457cfc355007c37d075602', class: "gux-select" }, h("gux-form-field-checkbox", { key: '9a2bbaa79781ad1b416328970aa01676cef39cf0' }, h("input", { key: '9e3057496b6edeb25b33c5d96642e9dd83e5abc1', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'c79b45b9957847d59753bf51de17066850438489', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '3690576a14aacca46bd638588b071b8e38e74c87', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '397e963311bb6d94231235625b8d9e65b9a1bd48', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '10cb64eeeb4a03e0e5d94d09b21103b1e3094654', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-column-manager"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,10 +46,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: '90297d9839ce2a2725f5f6000e12349e2f768021', class: {
+        return (h("div", { key: 'b1dce1f7aa5e42b1f72bc78a282edccf350d40b1', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '2988d6010d9378ab73e2ffc4f7b61906f5f12750', class: "gux-search-icon" }, h("gux-icon", { key: 'b33de08d6a0be6caa610d27bcb73bd9fb50c0e9b', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'adf4ba4825e751f7af8a59aecc36a311bd79a5db' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '702e0c26122e5d518cd3884cfead0d86fee2e513', class: "gux-search-icon" }, h("gux-icon", { key: '596191bbf3977b96de332021c6b57a40af9ab6bd', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '6483f37646aa35eb410195df959b7fa60f434cd8' }), 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: '3eb0557c9030580eb2438f733516cbb1531376e7' }, h("gux-popup", { key: 'aac6dd689c10acc91286136f375f185310357ed0', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '9e2c3d5dda35d81b89543508c1482f597844c7d8', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '5b6ad2c841351fb7702b5a98a034626a5a1d5f62', accent: "ghost" }, h("button", { key: 'da286e8b0b9398548f28b855cd5431853fc35500', 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: '1acc9584468d2f72cb5fcf5fe814334fa28fec05', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: '632c9205c311d3643d28577109a9813ae959ca5b', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '7fd46369b3736c76d0be4e84dbec5c379be609c9', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '9fbd52e44827fb653604c60364e3e4c0190870ac' }))))));
+        return (h(Host, { key: '707229019c12c10652cdfc34a433a3b43e4769b5' }, h("gux-popup", { key: '8951e4d5bb390f8c6286ee3dc5c88b3752218a54', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '1efe6466297b12dd808515b48a6b9568f65dfdeb', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '9758cd30423c8c591bf59b476c74f1646d3faa76', accent: "ghost" }, h("button", { key: 'e01f3224547a9ae4d3cc6273df599aa40e2a7c75', 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: 'a7743dd2c6ae301665259bf70415268e41902e34', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: 'fc04961270a3a8931cd94929b71c1c8931f4f10a', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '488f7571e7832496150cd4d40d7d961c6d3ccb98', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '4a6c881c12188ad1e546c0f1a41b4e26314a0919' }))))));
     }
     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

@@ -51,7 +51,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: 'e326b6c909136bf5e09cf286da6e8849f5af9a54', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'afbce6a3de1f413af4f534036a6f9f250c2ec357', class: "gux-copy-content" }, h("slot", { key: 'b9120459d62af3d29454afd38af25d81028fcf52', name: "content" }), h("gux-icon", { key: '869fc9434a8cfe2d2617fec0d3ed698f7e6d16ca', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '616be04f124067f824a7b6a03e3fc617fd6e7599', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'd0dd3e636ffd72a9be5853cc03788c8afe37fb2c', class: "gux-copy-content" }, h("slot", { key: '795079745fdba8d5aa7d48b73ce8e885fac2d19d', name: "content" }), h("gux-icon", { key: '75ce4aa82603b90725c91630d799af4a887f35ed', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     static get is() { return "gux-copy-to-clipboard"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -12,10 +12,10 @@ export class GuxDismissButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: '953bbb409a1a951fd847d5091aa3d188d4a9749c', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '83e590c3dd6a82a034577c8c233052d7ab6e76dd', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '0b7998dfdfd5662fe92c32bbdc88e1ee85629764', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'b4af062105a26a9e7b9c16ead23c65c168cbd33f', class: "gux-icon-container" }, h("gux-icon", { key: '4948240d2fc18b870b9a6f3ab08b9eecd3f35b72', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: 'e2dc6b2620862068d2866092b8cdf40a1962cb5a', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'e558ddde8ef4479975de80033604adc6ba8c448c', class: "gux-icon-container" }, h("gux-icon", { key: 'c7a41e77dfa8b1040ba638a76277b2fe6c17440a', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -30,7 +30,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'f8ec2bc6ef464aa684b499b3eebe872f6d64a143', class: {
+        return (h("div", { key: 'f9db9ba78c3cfa1e1bc0b825d04fc96afa6cca58', 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

@@ -396,7 +396,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: 'ec3af81d43ccad571fa9e6be678a819015e793be', class: "gux-dropdown-container" }, h("gux-popup", { key: '206a86a2aa4270aa1278ca1079f4b802f8c0f211', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '719f8bbeae8ae940b9e413c9568f88369026d8af', class: "gux-dropdown-container" }, h("gux-popup", { key: 'd1e8815725519674a1d52505b7f31efcb8ff3a95', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

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

@@ -171,10 +171,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: '02f90d5af9f42688dbab74ec7a51ca9b67ed1d3f', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '1575e5d56530c650858918848f0b5e71dfa630f7', ref: el => (this.targetElement = el) }, h("slot", { key: 'da87bb6185349d87cb33ebe5393e53eddb904924', name: "target" })), h("div", { key: '45b8dcd5883e4dd97b2f3b83063fcc636ed22a32', class: {
+        return (h(Host, { key: '9b7c076d26067de1a1f0bfc8394d434e169f7b42', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '88e983ea52f9c71d96dadd3b89d49574f01a328a', ref: el => (this.targetElement = el) }, h("slot", { key: 'e9c941c341f55aa351024689a4e91a20f0474c2a', name: "target" })), h("div", { key: '02628fb1b9069e3af39401bd688bf3f1b3bade2a', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'bf2411aeacde36dd207a3e0b2568887c33f124bf', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'cb6f6f6a4fc6f4d4ae47e4da48d96a1d14858133', class: "gux-arrow-caret" })), h("slot", { key: 'fdf674822844d59d8ea8ef21a15286c167580efb', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '78ade05f92a1463ebb4caa202c0782f25575e4b8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '304999e540bca8136b6f597d5caa3ae46d169c5f', class: "gux-arrow-caret" })), h("slot", { key: 'ff85260ab68d522c402cf01dc2d3cde3f1de1d78', 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

@@ -31,7 +31,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: 'b4fe7d30f29d7cc564e9539f3b70775470643377', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '78ba56833071e37751fdf025776deb7c8be7599e', class: "gux-menu-option-button-text" }, h("slot", { key: '5ae3379e9398d2b5819990a36680eff323c3fbec' }))));
+        return (h("button", { key: 'c84810ffda019785adf64b6e303f0ed202670a39', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '84d64e0776633f943bacadbfe0438a73d9e308ea', class: "gux-menu-option-button-text" }, h("slot", { key: '06fd5620e50a5fcd7517cbc3b66e304cd80e1a42' }))));
     }
     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: '3ac1a87c8b75506c6e47967afef71506f54ca47d', role: "menu" }, h("slot", { key: '311f9fcc4f7d6e13c6f9c6df07a569d97f57ad48' })));
+        return (h(Host, { key: 'd418ab33495892865a07160fb86d9b8c2e136220', role: "menu" }, h("slot", { key: 'c59d1b1899f6fe0f01ca487e729e80d29302b029' })));
     }
     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.css

@@ -39,8 +39,6 @@
   flex: 0 0 auto;
   align-self: auto;
   order: 0;
-  inline-size: var(--gse-ui-menu-option-startIcon-width);
-  block-size: var(--gse-ui-menu-option-startIcon-height);
 }
 :host .gux-submenu-wrapper {
   position: fixed;

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: '9f8947d3d3421fc16a6189aef3b5fbab1eed7f16' }, h("button", { key: 'e7bf084d37698c3315dc3291e9ed1f661db14c78', type: "button", class: {
+        return (h(Host, { key: '12814e160602ea43624fae1ef46702f62720f594' }, h("button", { key: '9d18b590dabbddd230235ebd0fc3de25d0721ce0', 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: '6e660cf0a72c13299c8c314471cbd1cee62ad416', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'b5918cea4f4b27bed7409d5832f7b0fb1abe0d53', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'd744f9ee1b0a1db817678774e644ea27c834511d', 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: '1e94cae73a3cf65cb443ae79fcfa535f6e5d5517', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '53f31724b642052791eaec8be6faf83f5755f62c', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '3efa37acf97f9dbc63b72d2542432a2d7c230f8b', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '03d47d6d9cd6c237e4f033a1e1dbda2ecf774ed8', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '8553e38c55d676401811e3df4b5a9876e150d1ea' })))));
+            } }, h("div", { key: 'b3b329ce717d2b0024a69bfbec7a6f484dc3abc5', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'ecc2fb240881fcd9071e6c08bbb8bece3006d807' })))));
     }
     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.css

@@ -17,8 +17,6 @@
 .gux-form-field-error gux-icon {
   flex: 0 1 auto;
   order: 0;
-  min-inline-size: var(--gse-ui-icon-small-size);
-  min-block-size: var(--gse-ui-icon-small-size);
   color: var(--gse-ui-formControl-helper-errorColor);
 }
 .gux-form-field-error .gux-message {

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

@@ -48,10 +48,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: '05463e1dc299bc6b617377c3efc0f12b881bae22', class: {
+        return (h(Host, { key: '3952a4199d3438da06a849e6999f6c9d4a3ba14b', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '9b3688789bc0f7b1a71f7e885bcde548c307c017', class: "gux-form-field-container" }, h("div", { key: '399706bf3335ad7323263b200254d67f5397b8d4', class: "gux-input-label" }, h("div", { key: '5780bbcfda45cf8a63d3b22cbbcac86a13287648', class: "gux-input" }, h("slot", { key: 'c03b78b92291bfbdadc9c045e28a498462dc42aa', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '3c95367561e9a0ea66ac2f41295be853f57996ca', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'c4cda2c50944daf8ff38e53745d6e8d435474499', name: "label" }))), h("div", { key: '9cce188eb629f2cb97fe5d841288d2cfd2dfee47', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '2869a534a332505c4d17810f77b931dccebcb0ee', show: this.hasError }, h("slot", { key: '4fbd028896fe718448351bc97cdbf3f948a551ee', name: "error" })), h(GuxFormFieldHelp, { key: 'a339e9b66939b57f31aa6f7f416d779a4bc7f7a0', show: !this.hasError && this.hasHelp }, h("slot", { key: '8b7d03fc93bed6d9bec5c9a469d0095fd1634c17', name: "help" }))))));
+            } }, h("div", { key: '82ea66460bdff18a363dbfbc3b0b5be5bfcd4a5b', class: "gux-form-field-container" }, h("div", { key: 'f255f120d3fa9458c665188eb1b74e2c292e1444', class: "gux-input-label" }, h("div", { key: '0f2a6b127c0fc617cb3f3067e567bf78afd33da2', class: "gux-input" }, h("slot", { key: 'e9e8c4bdfe5559fb0e828d9231c92c9dfc8efb29', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'a9c0497816f802058b620fbab3ff151f49e20215', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '2b76e7bf0d7f21641999e5b4137c5f490a1eb636', name: "label" }))), h("div", { key: '8bfa3a196caa49ef7efd5286e192c30a677921e8', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'c1aeed2f735e5d11c318a7103169d1b0aa7560c5', show: this.hasError }, h("slot", { key: '62060ed5631396da5b3accf25ea61a67ae79f1c4', name: "error" })), h(GuxFormFieldHelp, { key: '25239cf4b2442ce5634beb204d40f7504e23fe7f', show: !this.hasError && this.hasHelp }, h("slot", { key: '56b20ef7431c0d940876063f1a7890d8723882a5', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();