genesys-spark-components 4.108.3 → 4.109.1

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: '121eb5004265d470d90959c35544124b08e37d86', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'c71e8cc822865d788150d95468dfba7d2357ac89', 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: 'd37c9c6544f531986ead7cb3cc50d964c6e97ff5', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'f91f879967bf1c4207d4fe7a2aa3a3498a026138', id: this.panelId, class: {
+        return (h("div", { key: 'b645434ad05b389023a0899d7ef978e788ea1416', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '35bf94deb9b03fd5acfdcaa358cf55ae65591cb8', 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: '62b47ce345b5b96eae415e2858ed6867ff30ee3a', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'fdf4ad47994422aa3fc27fdfc386afd119fd52cd', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '3ee8faa9f4f5cb02e2c724cab5e176d276b47d0b', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '78c10387d9a7106d9390d57243857072e77e1b8c', 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: 'fcb5c9825a80078a9bedb17241205d713a1c1518', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '5e27267cb945432824ec55af62f34d797251000d', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '1f228f537574196b590c93c7827e34bc4b0349a6', class: "gux-modal-header", id: titleID }, h("slot", { key: '16529cf4bcc18842f35c0685dbba801d9fbc651d', name: "title" }))), h("gux-dismiss-button", { key: 'ed3d9a9875699383dcec3dc0ef3a665acc95d47d', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '5e58352aeae39a7df42069a120b19ee0b4d30c42', class: {
+        return (h("div", { key: 'eaae3d027ff2b1314c3c6d908e816066553700e5', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'bacd0a0a27b0a3d1a27cd68c5ca67b0dc066d08b', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '3bee386ab001311941d3bfead54ab479a6ac931f', class: "gux-modal-header", id: titleID }, h("slot", { key: '21c919f92ef76ca5df2d062965014482f4db361a', name: "title" }))), h("gux-dismiss-button", { key: '8ed3553bf27eb05adcda1dfb537db8b0a414cace', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'c09cf3055650c509e8f09008ec0c355020693a0a', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '6f843e6ba16704d67215260e170fad8af74f4d7e' }, h("slot", { key: '31239c69e4b06313f81e8c1439801723969f1693', name: "content" }))), hasFooterButtons && (h("div", { key: 'a47c6992faf31e19b1ecaadaec3970803e050028', class: "gux-button-footer" }, h("div", { key: '9d53a6d0464f6f06e8fd9603281a0d35de0e29ad', class: "gux-left-align-buttons" }, h("slot", { key: '642e3ab4adf79b9bfa90c972ed1dd0d18e102ee0', name: "left-align-buttons" })), h("div", { key: '53a4a8e4f2d826c68f6dc0994fe9b8081dac8cd7', class: "gux-right-align-buttons" }, h("slot", { key: '19bacae31bd9230d7babd550ed22874c2546a572', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: 'd74fe135f19a93bcfc4a459730706d553d3ab692' }, h("slot", { key: 'b77e4c21a4e9edfb77e5882b90bcb975aefff210', name: "content" }))), hasFooterButtons && (h("div", { key: 'afe99d7aa7daf1a4574e8641845e1340b568f5df', class: "gux-button-footer" }, h("div", { key: '9fac5fb1025e9649498c82ea3d8eb717994af927', class: "gux-left-align-buttons" }, h("slot", { key: '8157a225e0a27bf6ae0b02252838b71aa05625df', name: "left-align-buttons" })), h("div", { key: '5b10ffe3a26d275afacded21701a8e56bf13a4ac', class: "gux-right-align-buttons" }, h("slot", { key: 'a44422f4ded57f03c318fa9fd31f5db0329b7aff', 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: '31d0c5d681802c64a1e749b9cc949295d68afd51' }, h("div", { key: '389db0e03b54d217b56bdc4cd3a48958d426b835', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '145296993a81312a71ca52cea0c3147c57bcc8fa', name: "icon" })), h("div", { key: 'fc891d72f38af203b80e58203fcf64fab30b6ee0', class: "gux-content" }, h("gux-truncate", { key: 'ccdfb33c8b032c1677145c549776cedd2ca893a8', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'a0348791c2dca5229c3f3ea4e24bd1e4ebca4638', name: "title" })), h("gux-truncate", { key: '04ae61deae7908e60c509ee0b4e338666a9e9230', class: "gux-message", "max-lines": 2 }, h("slot", { key: '89656871688dbf65aec6d9099630e44fa8c123dd', name: "message" }))), h("gux-dismiss-button", { key: '3ee8b89c9f091f33454d18880c0a3006e4e94dce', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '33d359780243876e2f51c3b02a3aaee55ee9c365' }, h("div", { key: '8cc8012cb88e54d1f52fd74659f269eabff6fb12', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '66963e36d3e7b4d394c734b2b0bbbfbac4b5847f', name: "icon" })), h("div", { key: '24162748c68b78bdb1ee0f17ec2a58f5b533065d', class: "gux-content" }, h("gux-truncate", { key: '31a5876a10e4600e8fea903f7b08f12f59db3a5c', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'b0ff23b2b70fef69d2a42f644ac2f89feae366ed', name: "title" })), h("gux-truncate", { key: '55dacfe0f14df4832c799f96b0b67ef84c4e1259', class: "gux-message", "max-lines": 2 }, h("slot", { key: '61f893b6cd88585bb23f260ba0d8a8c6ecc6d581', name: "message" }))), h("gux-dismiss-button", { key: 'f50d78cb4f25d427cc5f824fd01a16e2e7dc0d0a', 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: 'f39f10361d66d9c309d32ac2aba1fb4e2fd1b134', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '76edc2ee36e9de7b2cd4103adb16bd25df871cca', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '696021251277e5b6ec456584bf32d605c1857d9d', accent: "ghost" }, h("button", { key: 'cbbeeb85657534e2043e146e8783e36b75235fd5', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'ef8b8b9f5024ecc51e96d35ec394aaf229fbd991', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '09e05fa8ceadea0989a04ad2d2bdf67dbab1e832', accent: "ghost" }, h("button", { key: 'cca3029ee096aaeac52fa9fc977f93369b835e7f', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'b2559b6704da0832e8f7b2cf89806c08de9e825e', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '92a011f46c811e0f3a726418107a16dbe61ef58a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '024d52a8f859fa2ed2782449bae1130cffe6f018', accent: "ghost" }, h("button", { key: '2a5783cadf131fc80a7bc21dc9b259f5afd73539', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '93b6f2791dc5756fd3ab8dd5d98315223a001b8c', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '13d38a876115838e1d081873b7abfba4c1cc75b9', accent: "ghost" }, h("button", { key: '7cfc10702afa3f3e1ef6e5d70a06f4657e0e41f2', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '46849c18e990d1464e0f98190e287466c1aa4b09', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '9f2bd9649f9dbf1adad5c2e5af2ae4cc517e7b0b', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '784acf253d8110f96ce36216a7f3ed60769f5c26', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '2139a1acc7bdc41b8f5506f50864e473f6ee5c52', accent: "ghost" }, h("button", { key: 'ac642652b7b15e214e51fdf25ff36156776640a2', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '5c2c571d8a39f434155ff71e0e3a22ceb2515116', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '68aa9a87fcf3affd4a4b8111e543f8bf502dce56', accent: "ghost" }, h("button", { key: '841e0e44daffd0b28ae66df8d72f159334e4ebba', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'd71bc0104eedb84b08a993211f92e37cc45b354a', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '7aa70c174d4fd2746011887cacacfd8901c09511', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'be952617540e24a113b21152bc09a348dcc15b3a', accent: "ghost" }, h("button", { key: 'e328a6ae3f1bf760089efa72b8e37259b761c402', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '95289e49f374425aec8eb83b192df5df51c52d48', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'a82ce1f47ba4b3f9e618dd8e8227b7d5236acd53', accent: "ghost" }, h("button", { key: '21952e434281d5a6c458f9b94217b5042331c4e4', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'b9d1beab1f81d6554fb331f2d0ebb31ae2552a37', 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: 'b884a3c5a783eec13b00896998b839df9ae0872c', class: "gux-pagination-item-counts-container" }, h("span", { key: '6a35e9fc607abfe5bf65f8ad1011b939f5cfd403', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '186d0333cabb408b04b55af543ed8524521a8319', class: "gux-pagination-item-counts-container" }, h("span", { key: '2f7388cc5aa3f7430ce2176b1228917e2ea531f2', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '2e7dfee4cd840dff1e75196a8fa8f5cb6e484c21' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: 'ea59f281231bbb159e1c41e8d3bc0f191ed859be' }, 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: 'c57046ad9ddf63bc4b209806380f369d83df316c', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'a07d5c6aaba0c862859b58ceebb9b2eef208275a', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '4465c707fb1f8474941671de84f09fd4ccd47cbe', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'd7ac2f5b5d16d16051ddb415f5d0a8ee8198ce32', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'b0ed2f2d4209b6ae9135a1889a30be358a51f21e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '489251a5f5ebb706944cc9dabdc2e6169a85fc56', 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: 'd6c03ef698ab13d8f0dcbf044462aaf24c1e86d4', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'ba58e1096bb6dcc20f0fe24acb444e2ed936099b', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '5c8ba4cb17c85bf335d86b41c51e0753317a0fca', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '2f948e0514aca2b83c360e201e9a3f5c6630ec53', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'd2c35f56284d8f75d4af89531b8a42209d59775a', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'e63ded3325eef567010e039d6707b46709049be0', 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: '79e000bdc7f93c85b0efd8023dc666c62f76640f' }, h("div", { key: 'ae22030cf22f888a83f6037ff31a885f348d1dba', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'c558459e87e8e04cd42d75c7b4cf35b9e492dec2', name: "icon" })), h("gux-truncate", { key: 'e841e88fc4f3c3e2ea8d02517238a7aa46afc910', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'ef7c92db91c54b6c8d59b38a591780b720ac8b06', name: "message" })), h("gux-dismiss-button", { key: 'cc251bac923a15905fd9d347874db738d96c0488', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'f78b00d5665f300cc2adc698b7f131cea9223600' }, h("div", { key: '2cd61b35ccc4fcda835ea3f1d27a4ac7c46627be', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'be49762bc22596f08eb5a068a0d065e380ea79b1', name: "icon" })), h("gux-truncate", { key: 'efce6ca5575e2bef8b477bd8073dedc5e6bc3438', class: "gux-message", "max-lines": 2 }, h("slot", { key: '62458d2641d4c386ea9b7b3c4ddfb2703f8e2e9f', name: "message" })), h("gux-dismiss-button", { key: 'b2dec7283745e1d1902271c182062b620a60e119', 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: 'a370b8e9fd77aff200f82238359e6f94bc3afe65', class: { 'gux-selected': this.selected } }, h("button", { key: '3f8466bd5898cd5be1acce818c47473a25ef78c1', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '2a73895bb45d7b4e061105903151b8356faab372' }))));
+        return (h(Host, { key: 'f0f8474ef9bddb773e90e8c879ebc0e27f3f9ee2', class: { 'gux-selected': this.selected } }, h("button", { key: '012bff5620455922b4e00bf246b87389bfba1ec6', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'f39959ad567d39b0d0b1b23b800b9857a2080978' }))));
     }
     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: '0d02d7d3e6ff12674619c15f3b8a3804ee51ef3f', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'ad81b29af5e086d3aae3ba97cdf350763703120f', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '5856554397a75d72228eb20182287793c2c6c6bb', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '2f8d76a1c7e3450b3052ee8597166432b7f3113f', 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: 'b11cf9247918cee3ee0e0e40ca73f6654de0c462', class: { 'gux-disabled': this.disabled } }, h("div", { key: '58912ea558af3b42583d904b1146b549058a2c19', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '23834f623990240fbde35d4216d0e4f3c26aab95', class: {
+        return (h("section", { key: 'be2099dcc3608f60dd8b4e6db68e048d544dbf2b', class: { 'gux-disabled': this.disabled } }, h("div", { key: '047eff2d0b67c8259748089b2b9b1874c77bcb5a', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '63630baa8d2f4eff2fe29328664f08c6ec8ac0ac', 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: '4640f4f7d87b98790d9225a6a092e37faa18ec2c', name: "icon" }), h("div", { key: '6336199e798d04e6032480c4cbceeccfa7f5bae0', 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: 'dc646c6e2b316765a4f3fc1aa13d5d1840fc4150', name: "icon" }), h("div", { key: '83b7fdd7dbb859f3aa37ad9779aecd815dd7a820', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: 'b4afc9eb11656337febddfbb33d0f3249d295cde', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'cfde821a2db9018d0320991ee84e3323519db26c', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '275702816abef08f68d433b8364c9db6eefbf105', class: {
+            } }, h("slot", { key: 'ab6ae2506eb7f00cf1167ec74030861635b1b091', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'c297a364a95dfa3af3ca953d4b5e66c2f8ad4aba', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'e70506cf22060d89862a76c3c0802700898c072a', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '6b3669eebfaa9bbbca21aa2d31c54a9589c80f6f', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '5f4d9aea80e2d376ea5928f2072f45978c0fb733', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '2f9e7ffc3c7e8e7795ed657ce5f9f4d2fb078fac', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '406f671e27bc979369ce9d1d6ff8f9e17c68c64f', 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: 'f959e9bb2daedddf3f92343e6c29708c2ef3cf83', name: "content" }))));
+            } }, h("slot", { key: 'bebe2c5d0cb3a1d85d7801956b9e151d880a7cac', 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: '4017ce14f8b1adc8d3c07fe2d0f62a120e69e89b' }));
+        return (h("slot", { key: 'b98791da53f8ffe9bd50f39b7b379c1c69a519a9' }));
     }
     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: '57959478afa5d25041e1d5e53e253af8d07fd925', class: "gux-action-button-container" }, h("gux-popup", { key: '2edb2fa0e834e0763963dd3745478f5755cb5e7e', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '2840dbe4e0e997bdafaaa4c5c4af1e338080419f', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '9525ad10b2e0fc99b4d29b51841dbc322e2caddf', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'a37bf72ea6e091c58530a3d44c23573d08d7c4c7', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'ff6afabc294ad981f2908cde50e5a38efcab4c40', name: "title" }))), h("gux-button-slot", { key: '4def09df0ee263fa071c0987865f837468476f97', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '3e990115a1430df63e6182f7f2574c9ecf308421', 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: 'c7af94d74303d7f360985bd62618eab3ad9cde28', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'af1b78dd86dcb46be8ae88878b6e52f899b9fccb', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '5c3602b5af51132a2b97016f60a2c250a562f911', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '1a0e2c7fd56054e66947c06a5ab186a5eb3521e9' }))))));
+        return (h("div", { key: '88ce9d80a1419711e5ce9275eae436d667dd3da9', class: "gux-action-button-container" }, h("gux-popup", { key: 'ee7c3d53d74929be37d6d46f1d7dd646201c6e21', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'b316451cf695d9df6b7b0f22e33a7d42a5b815ab', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '2cf4ab77e5b6ebc1d6a1497c93cf4d3f37a905a5', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '4aaa914bcad1a69311cc9fffbfc6223271d952cb', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '215abbf9563ed38b34865286d9da3a25a6fb25b9', name: "title" }))), h("gux-button-slot", { key: '9af9d7f65973b3f22c35fd39c0ce048b859890ea', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'ac90a2a82484c33185beba650dee2359086801f2', 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: '3528f2a14a38e01e0cbeffc5a59e52c328a7e966', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '49484768f95f095dac25fb017fa16a224fd15dbb', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'a3a65a94f2d26048119b9ac992597dde5b10b57f', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '794ccff88f0f744fff1bd231cd42d10c683191ff' }))))));
     }
     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: '088eda14e26867dd7b63ae5c5191fdfb905bbf4c', class: {
+        return (h("div", { key: '647320e4db9893f221b3b8bb99d9b090d7837d61', 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: 'cf994ca65cb0ef1e9cfb707ddd42d41d80a80451', class: "gux-container" }, h("div", { key: '2e6217992ed8e80053c3fbf4c696afbc8b6471c4', class: "gux-image" }, h("slot", { key: 'd401a8b329302b758480778f1f29c8c69edd3ad3', name: "image" })), h("div", { key: 'c862e4bd6f1af85fdc465d21968b9ca5aa269396', class: "gux-message" }, h("slot", { key: 'fc777e259ced2deb5ac899fdd9df4c4887b96878', name: "primary-message" })), h("div", { key: 'de2aaf37e53b99162e0c688fee98d41e20b5043b', class: "gux-guidance" }, h("slot", { key: '56021565b8ffbb6b7fb6fdac6d98125a2eff2b6e', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: 'e0628d9ef55d8fa3426b38430badf3101fbde541', class: "gux-container" }, h("div", { key: '969a0e63592b70ba3a6811479fdd7da14107bb6b', class: "gux-image" }, h("slot", { key: 'd4e1d398541c72d2e12916363d44074b7faf3f07', name: "image" })), h("div", { key: '3005b7deddd32fcabf46d33016538acefe1a1bf7', class: "gux-message" }, h("slot", { key: 'c7e9bbf5fc2bad5cb4fafea86289d44e2347f683', name: "primary-message" })), h("div", { key: '3f19b0a5e14f338f2d87a0cc6eb866d813c0dcea', class: "gux-guidance" }, h("slot", { key: '5e11d90e072cd83d348ff2ea6ed443d2585dcc55', 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: '6ab548f108375f82868773e85c3d3c67823a770a', role: "listitem" }, h("span", { key: '919eb454009208296318bd05f1522df270da9b02', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '3cb0fc71079bb297438cf8097fb603ffaea32ab3', role: "listitem" }, h("span", { key: '6b234449ad078ee665a8c330e5d195ce54279bd3', 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: 'd465de206b51c598f3686261b6d60f295d37f44e', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '223e45249ccb39f9d53b37291480effacc5a4d4f' }, h("slot", { key: 'a51465700d9d015985c30af4eadbcb9905c439c7', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '5afd74dc10dd0adc6cd46e3e9a0b6b77d79c0b5d', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'beadf863a24399bd6ce6c3daa49a5936c5f864cb' }, h("slot", { key: 'a7e00b34840416c06a51052021d779e38e86fc74', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     static get is() { return "gux-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -21,10 +21,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: 'd146c87036f53d21c9936f3c8704f89975acb10d', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '024641a03e2e31df6a9ad60542eb1332b38e5e87', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle }, h("slot", { key: 'ea93ad931802e11cc5186a2b6ecda0e4cec95476', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle }, h("slot", { key: '5b4c4fdf1c247faecb93f9b41ffb8984de8e9a53', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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

@@ -104,7 +104,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '693efb3f2600c66988b74c283245f3520ffa190a', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '24d21b8a5703f33923a6901eab3dc6e3112f2dff', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '81fa4655b704c371966422aa768b1a578c187db2', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '7d53e94c27c54ebd9fbf799903395c98b816a474', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'fb663f2ce2ca2185ab8ee2f594dfd00d892cc48f', name: "title" }), h("gux-icon", { key: '314251cc5a13581ca1ae6ed58f738123f959dc1f', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '9ec229ea3da75a20d04919e551409d969de4ed18', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '18fd1e106103a7f04f99bacca6e1ae977d3f8778', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '87dbae40771e242971204b0f826b207e1faf83ce' })))));
+        return (h("gux-popup", { key: '10d1528af7efd00e7c4415726bc57c352ef5284b', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'c7de7004a3f4aa2d9659bbc022173da8ec10c97e', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'de8a229b7291253e8cfb2534228ee4bcf60d326c', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '90afedc920703e2f9e63f50548d22d993ddf9ecc', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '0f6cd99b832d3bc9550a6615133b6662dd931170', name: "title" }), h("gux-icon", { key: 'd398494d0407efc12ff34df6cc18b6f3d65cf9ff', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '5fc305712b22a4b0bad98fb834f99fe1c8cc3a1e', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'f552de451f28c23ef13c24697033655acb70c474', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '3406e7b6dee062b03fa8f089e4c8434d2fe9631e' })))));
     }
     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: '4699b0c94c1438b438d3d0af3a619eed470d972a', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'bbaafbfd06069ef30b06c2e2454a1bd1aa82ce8a' })));
+        return (h(Host, { key: '7db719be511ad4cebf0f36159ce7c2ccfb89bb13', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '274e551e90e870ae178d9f0d241711eca7658653' })));
     }
     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: '1081675c937bc86f2ac5fc23146305305e1393c5', class: "gux-calendar" }, h("div", { key: '47fd67422c1a627c37f48b7053cd7052835378f1', class: "gux-header" }, h("button", { key: 'b5e9a93cf23b6834e673d0eaca72820cbf9639e1', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '408ad65782ceb75bfd1917b9cf173eea5129ba79', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '0c4cbc33ee1318472440c3127f43f4e13d37e317', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '7b1a3691f3047b6fb21e528e41626701a36f9fd9', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '1d93725fddadd36cc89d28effd2b5d15cfdead8c', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '9bbc75e2c3765e37a075ce0d2b85dfcc66de6766', class: "gux-calendar" }, h("div", { key: '8a23859bd12b81147a126f662b5d7d5c79c0b6a7', class: "gux-header" }, h("button", { key: '1a4969d0fa5df455a5a589365e32dc474279ac47', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'b81a50a65e47739143c12cbc2bb726f15c9b32eb', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '60cafb513fb1954760894aa377ea5ac71b1d14df', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '34bce7f7c4a4cf407e59ca6f3dfce3856769ee16', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '7a3751a545428f2192391f88deb943941f4b822f', 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: '10dd232bf731c61aa431999f32a7a8aa68a4f51f', class: {
+        return (h("div", { key: '69a40130e9d4f45a97697b76a87b4e3cda072d89', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '897f58d36d1f391e54da8098aa6d5fe2e4dd7aa9' })));
+            } }, h("slot", { key: '0f8e6dc787edbd827a60ee916c75486b9d09f8ff' })));
     }
     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: '892af3387d4bb3c378206b5e8eaf880787c0fc17', draggable: "true" }, h("div", { key: 'efc8b9402edd0683ccbdbf9ea44ef9c2bc2a19a5', class: {
+        return (h(Host, { key: 'ddc0f601ad1df38bdbac35b0a300bab98a9dfc63', draggable: "true" }, h("div", { key: '4f3f5d862a1fb3c2e8b54bee5453f40ad1eba44a', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '4c21051caa7741bef3485f049f1d4c42cde4dbc7', class: {
+            } }, h("button", { key: '1dbcc6575d8b180c2af4efef9df114ea7ce7ae8b', 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: '9ce0c62992afeb0f73117e7b2192681a7eb40712', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'edb4f5c83a06ba3ce0f674dc9d9db77217f8852b', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '226952a3f77da5087f0979dba76609f4063e11fa', class: "gux-select" }, h("slot", { key: '36710273617251c6e8bfd2cbe83ec2278352ca0e', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'cad46d36bc3e86d0db36e04c05c8c2ef226ce4f5', 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: '521a27ab27504e5255028a2eb1fcb237d29bed83', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '65f4557165b4a2bca5402b1e8e200878cf6c8fa2', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '40f8e02a76386e4141b46fa8d64935a3b3916a51', class: "gux-select" }, h("slot", { key: 'f2e2853f8adc0b8086c6f545b399634a1b9dbf00', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '4f3e7757e212ff79c61d92dc49f278853a468def', 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: 'cab3928e7e032c29aa09bd6d82320685dca6613d', class: "gux-container" }, h("div", { key: '6516e2799e02c4b17f614005572efc7f01e4408f', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '1126784248c21042c9c151a5cdc1b39c4407e97a', class: "gux-search" }, h("gux-content-search", { key: 'd1ecd06bc846b16ba5ad772e9f6ca049d9a2ff37', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'ace557a59adad774ecb47fbb63374e45d6f58ded', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '9fbf026de4e479fd5ea4b9bc16cec4ab4913f793', class: "gux-select" }, h("gux-form-field-checkbox", { key: '3411d77733038640a7d494babc409ee5a104cf20' }, h("input", { key: 'b7aeb9ad3b34d67a22775dd0ced09caed487f24c', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '66e66bb5873e5c6f5cd67fcceba9827c1ef67f37', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '6948b31d070f1e251366451c333820cb7b8b346e', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'eafebaf4eaf4f7ff1210fe6a1bda0ce8bbc0b424', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '4c2de44fb81a9acb3b01868918716b1151f15736', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '6b8ad63e16a2b7599ead4bf2b052195a19e9b7ab', class: "gux-container" }, h("div", { key: '295a03f07363f34244744570b6c6d1bf0b65f3a6', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '828b08e835158483f2a2c325feedb88d0ead0a75', class: "gux-search" }, h("gux-content-search", { key: 'dc3680ff146935b9ab42d7a02feff242474fbed1', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'd9c01975c81ba898814cad001f004bb543920d18', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'f857e0301541539ae17b726b765879953b308528', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'f5b7c59fabd1f4557f6c443b231dfa99e5bcf7df' }, h("input", { key: '2c15b4a4e8af82d5b710370637256040dc6d4998', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '83b2de5c2f43c31efb8de13651400a9981fd319c', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'b8f75a6f309b4792d12ba9821cc66c4b0dedf9cf', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'bbcb598d15219bd9d07fa7ef678223c8110132ac', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '599a4ac3ad97969355ee71fe09d12f955f07fb2c', 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: '5dc7e4559bfa5daf0027cd672fec75bc9e2c2795', class: {
+        return (h("div", { key: 'f92c07b3fcc3fde5904db8874d3cd9f2a46cbcb3', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '432c498645ffda373751954064ca4854091732a6', class: "gux-search-icon" }, h("gux-icon", { key: '27b6eda62cbb7363054c761ec65905938ea944f2', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '5bf2081b6bf607d80ec599acd6e6e717116f8618' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '339f115cecc425b8a09826acedc108c306fae865', class: "gux-search-icon" }, h("gux-icon", { key: '809dc13d39dcfde0b2f26e0a0317c7307f0c950d', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'd2b0566ab5910055da0ffda28fd890bf9290983c' }), 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: '30d3effa7f34773087052996e02adc07d613d297' }, h("gux-popup", { key: '0199d1690de78d1658bfd4c65a8332ac220d8c96', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '252cd6f0d516574a62b92578101e3ad0e14bccfb', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '2a51266d55cf2f976112b05ceef9406165913992', accent: "ghost" }, h("button", { key: 'c4d4460fbd6524b17a97f0afc4d43054cfeacaf0', 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: 'cf2aa92ccb96271392fb176d60fb9abd35a2c11c', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'db85b74d05e15961bab03be97cbd784bdb5a93e6', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '447097c037726eea44da16c519219650aadab1b2', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '7fd25310dc677d9444a229f0ff252b30cb34bac9' }))))));
+        return (h(Host, { key: 'ffc6e8ca1e45223814cb5e7ff3d53cabd860cdeb' }, h("gux-popup", { key: '91439f5aebbcb2c2509b7120633ad79c6e9a9ba0', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '02afa66639be9de0b32b487c4ad542b337386db4', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '4f756627c056ef4423d2354aeb0e1cd794b2f092', accent: "ghost" }, h("button", { key: 'c83f00e7819228da19e6a3801e2ae0788e45af31', 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: 'fbc97061fa98ab2eab9169efb0493760e477d7cd', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '12fc7618ce8a6c5658fc6564c8d52ddd97877839', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'd08420eb4b2e4ad22068a699a8a1ccf97d05e028', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '819b32c1b10b27fd6e898c7b9c99485ea3f320d1' }))))));
     }
     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: '6b2eb35c396be1e4e4e91f87d7777cea062639fa', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'b575dd3d1bdea5ef122fd4f9d861338a53cbe0e5', class: "gux-copy-content" }, h("slot", { key: '926a620cc7d3b10e37419c07284288e2709ddef8', name: "content" }), h("gux-icon", { key: 'c54c1d77f0b53864e4dc0aad5d5a68cbdca7154e', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '8708931a89e20be48131001c9eb929be1a0f34e9', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '76460f7bb0d4e1cbc19705530c10929d78fc3c0b', class: "gux-copy-content" }, h("slot", { key: 'e647b5368a0a7e00eedac3d5e3850b9750fa3105', name: "content" }), h("gux-icon", { key: '2250fa380607b08648574bcc11903a7242144621', "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: 'b912b4873f671ebdc1256f926092c28df1eee5f2', class: {
+        return (h("div", { key: '6d4ebf976b21e17ff568bd205bd77f7bc35250cf', 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: '32600b1fc687ea39563ecc88aec4f5c385777827', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: 'a54d9fe7d1873b24d2b99899ba228440cb223c09', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: 'c013386d96d15ccc2aaa6f7e41a602414fa57453', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'b7905d9d5f95d4aa888ee70d68925fd5d1421a29', class: "gux-icon-container" }, h("gux-icon", { key: '3d1647facc518a50c589a99cfe957fa40f64624f', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+            } }, h("button", { key: '6fb35f13046effebabe116064b07583ec31ada44', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'a8f8ce5b1964f7d9388eb74cb8054a16a72d53b9', class: "gux-icon-container" }, h("gux-icon", { key: 'df3c509cd84781826587b712d25fba8d0356af4d', "icon-name": "fa/xmark-large-regular", decorative: true })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -346,7 +346,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '48056955c3ec1e1b1305c460ea9b79a95f711146', 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: '2dcf0ff136db9f4ba53395551d7a0c0bee867d23', 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: '635499c202da270d0657b975548e1d22f8a1a655', class: {
+        return (h("div", { key: '8bde86b366ab061abcbaca0db6a95b56f080fc3e', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

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

@@ -374,7 +374,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: 'e85394a7eabc1be47706bb296782a3ac679067fc', class: "gux-dropdown-container" }, h("gux-popup", { key: '4456949ce752fdcfdb203332a7c8312d09f909c2', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '630a844bfda376392ac74ad23a88df4f5cc5a665', class: "gux-dropdown-container" }, h("gux-popup", { key: 'e9584ef961d006264fdaeb9a66723b4b79131fdb', 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: 'c940328eac819940681e1b86f7bb35c99923faa4', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '2122493b46c79b488c607d727fc683931cc7fde4', ref: el => (this.targetElement = el) }, h("slot", { key: 'fd3336d2ba41aafe99a7bf852e1771fbe105ae38', name: "target" })), h("div", { key: '8a81f8f6435ccf25ea090f0e60240aa3e76b1a63', class: {
+        return (h(Host, { key: '4486e9663808ce4c16733a662745750fa509bd28', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '08b4f7e58e343e1e68c15a24f25cbd610cdd27c6', ref: el => (this.targetElement = el) }, h("slot", { key: '18162cd547857c3cf9a5aca49ba846101cb4fbf6', name: "target" })), h("div", { key: '88b0e57b328ce96f2660eb2a5174415dc1a6c04c', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '17019eea390c225a2f2c8fed4cec1c8f82c0ffdf', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '973b60c5425f369b5f2804e2d1252d6d4cb27a0e', class: "gux-arrow-caret" })), h("slot", { key: 'c4589dfae296f13346c03e7ab0892ba58daaa5a1', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '34883ffad00a79b26c09949a549726175a6c2ce8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'eb279ba54fe4df576fefa691a219bb2dca759151', class: "gux-arrow-caret" })), h("slot", { key: '58ed7aa3c5db38625de0e4054f4fa08a49ddad7d', 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: '98d60a5773a526df8bbe40992c292faf6ea64fec', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '979fbec602630bf375659f28bf206fcf6995d3ca', class: "gux-menu-option-button-text" }, h("slot", { key: '5ba41bc43f96a2e941c8f5378a0ad2f5433ce642' }))));
+        return (h("button", { key: '76424597e8566687209f9344e0bd43ebadac87fa', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '3e3722b03d2a88679eef2aa1ea264dfedb6d3bb7', class: "gux-menu-option-button-text" }, h("slot", { key: 'ca078a98830dce7486156d28e46af332327bac83' }))));
     }
     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: 'f1845a190e1b54ad6cfd1f371e70b819c1613ecc', role: "menu" }, h("slot", { key: '45fa4c2c63ca630d8fd518fa1394948d03e50587' })));
+        return (h(Host, { key: '706bb2954a711ab17aee8080966ac6d37e4b48fe', role: "menu" }, h("slot", { key: 'b66a8fc779b5f89a74794287a26e3810ac1a5311' })));
     }
     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: '1bb30d8045366579b327f32f954d64c3360efa11' }, h("button", { key: '250c1b657beb520885a0493710e8d95f77f5b665', type: "button", class: {
+        return (h(Host, { key: '972de471505bf0371beb2e42a8afebf75850d91c' }, h("button", { key: 'ea269a2be165239555d9b16e0011fd03edd24acd', 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: 'f90df17dd3319c396dfc2e8f534b593e705155ae', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '8f160feb2f71d3dc81d85fda8a69b0c96501919d', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '14ce7670127c3fedbd84495d2aa30b16a20ecee4', 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: '333d2572ae820b4d79ac2dbbb539120649a64a50', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '82aa35dd82c3d1a4e7866ce70ad5b214121a71d2', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '9fd8ea4e49062b1d117a4fd6dbbb0c46fb0d077b', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'a10887b4f33703674550e3c68a03e11492dd55cb', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'd4d85a52e5d24b1afc5a86de8a6f8044de2e63f0' })))));
+            } }, h("div", { key: '50f6306dcccb89cf8c7421361bff733a49a8f90d', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'ccaa8f26da01edcaf2956e92c3f67aa3e0fad1f5' })))));
     }
     static get is() { return "gux-submenu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,10 +48,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: '05c00ed0b3fa12078541dd219c37f64570123cc0', class: {
+        return (h(Host, { key: 'a2a30b782a8ff6a80f64b63b68e9240f195a1dcf', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '5d293faed05d1566f02df5f734f5882e04257410', class: "gux-form-field-container" }, h("div", { key: 'd19c766e092906acf472631827a8912a7f789d3f', class: "gux-input-label" }, h("div", { key: '0b91fc52fe3eb5f6a3f919398b3b7019b78f8a1c', class: "gux-input" }, h("slot", { key: '1e58cfad1e2d0c8f76bb0c3f01dea2b682e13811', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '1af0dda64c1ad3d37c22c05a1cbc4f8e3a1d5524', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'df85c91e38c0f97cfd1c17c1cc3749c780a7e6cd', name: "label" }))), h("div", { key: '40f81a7cb035d763cff75f05924e865d998f182c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '7256f02711410ee9fb0e5659f93c630d96dd5b1c', show: this.hasError }, h("slot", { key: '49fd3673ef6ce2f588c3511b27ded3b6b6fbfa62', name: "error" })), h(GuxFormFieldHelp, { key: '1e5baff59db571263e847fc1ad155062698567d5', show: !this.hasError && this.hasHelp }, h("slot", { key: '6f8b54c2e3a099da695a8c3203a3da2dcd803982', name: "help" }))))));
+            } }, h("div", { key: '2fd1c4e7bf4319350602458c472cfd424fceb19c', class: "gux-form-field-container" }, h("div", { key: 'e63e1c1d076066bf0a19b7e90abacebe65dc7bc6', class: "gux-input-label" }, h("div", { key: '155e8ded464891ac21ac71f9d01ccc34c397b095', class: "gux-input" }, h("slot", { key: '81556a48f4990db7a5c2437ac08de179c18d8ed5', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'cb658fabd78aece1716ae870d48c8e704b9267d7', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '4d330608b1353cfc3200f68bd67c3fbf3438ea89', name: "label" }))), h("div", { key: '374f0694accce4111cb42f70d0de26e6155d41c1', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '567dff053bc356433fd7e1685f3b33c6d47d77e2', show: this.hasError }, h("slot", { key: '6e012aa1f920c1a21c132370988c0fbbdd1d9f46', name: "error" })), h(GuxFormFieldHelp, { key: '043feaaa1b4dc622f8244a55e3111403126fe3d0', show: !this.hasError && this.hasHelp }, h("slot", { key: '3eb8fad2ea08a645051353d1fcf82972b1578802', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -133,8 +133,8 @@ export class GuxFormFieldCheckboxGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'af39533927494f13991bbcaef9b1822f36dca1a7', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '6748324a9c7e1272d8431d559c74ae7d8a0b40d8' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '7736549a306bbc1ef79443aa079969dd1cab9a13', position: "above", required: this.required }, h("slot", { key: '32467534d6285e52fc872e2c95b6f22c2779a492', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c3b61aaeae673c01b60f1489ee0c06683e56f4b3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '571adb5471717e4f0b6015c08716c2ed8869e0d3', name: "group-label-info" })), h("slot", { key: 'c9f254821b75645bf819eac7bc3ddd64f059e85f', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'e05f9ed3d293877fc03f6951ccf4f247fd7a1294', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'b7b10b2567fec76011bade5bc1cf280e38ae2ec5', show: this.hasGroupError }, h("slot", { key: 'e3d0eb1b9d9694bacfff93f5b43b508ae5b10d40', name: "group-error" })), h(GuxFormFieldHelp, { key: '26965305e2c33ebd01c874afcd7c69d0bcfb8b8f', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '09e8d3a0c412ccc1033a63fd91965ae2df8bb10a', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'cac76afe18dbc4017379c27ba9d3cecf6908c9d8', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '09f9490343cc4c39a61ac24dc6ec4afcb9c1f218' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'e1ece3dc1eda47296f61e5cde4fb5168fe9f3346', position: "above", required: this.required }, h("slot", { key: '00c3c2b93fea299ad99f69b92b6b722d107cf0ec', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '30eff5f45414437f668fe9b4a57dba843a1903da', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd377a951796897e47fd8511606ce381011744c0d', name: "group-label-info" })), h("slot", { key: '703c8802fdd1b9d9e074c3bd021f953df359d30a', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'a761d2709174f8346a6ede556147db3236a00499', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'd2b0f5ec27507d0e031d1071ba9b6907e8b751d3', show: this.hasGroupError }, h("slot", { key: '23dc8e60b891a1c3c8c7eb4501c59de14ce8a374', name: "group-error" })), h(GuxFormFieldHelp, { key: 'cac4c8bdba3fc6c00a992733a6a416213fee016f', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'a85cd3c84ad88b5cf8287a1af8755b94ca8a9a3e', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');