genesys-spark-components 4.95.0 → 4.96.1

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: 'cf9d1aa327e567e66d5d58c370c5fc0565311f66', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'b8808505a73122dd425dc300086a05d32b38ae5a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '170043ded744b166397c1b099d78accd7c38cb0e', accent: "ghost" }, h("button", { key: 'f23c7fd0d3f6924dbe46d14fb3a3068bae46819a', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '30b642045bf347188515e968343ce66747a3bc09', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'e9d43e7ae07446cfc9527a43146d8d881c9be336', accent: "ghost" }, h("button", { key: '209f23b5f0005cbc7a26ff1c67590bed30a87e55', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'ddb87a37cae0960a4728c48f4dd611c21ea6291c', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '70e2025a238b1c23ce924284eb0ff2aa9f72fece', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4dc694410a72f6154fdc9b4230686593e8ebfebe', accent: "ghost" }, h("button", { key: '24151099dfd916c9e9c21c3d9de2aa7420fc24f8', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '48e4dc0b96359b2eb2550fe85da861dd421ecd6d', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'b8fc59dd06fcfe6c9a4ba2054c5760bb9535cd9c', accent: "ghost" }, h("button", { key: 'b4de28572d94f0601cb8984aea3566e2a8e29837', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '01cc7c574e250995b4f213994078b120b68e4195', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '0b69d5b10bf1a96f25df81efc2e983bf043faed1', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '4435e8b36ecee3491a3a1fafaf8f203c3aa8bf7f', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '353ab5c3ad056dfabb306b4f9afed4607e0472fd', accent: "ghost" }, h("button", { key: '57b76a54ff7678d1968d8020e28653d703712a2c', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'd291ac0c3e69ef71394d28385083d823b6267d46', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '98d9439a820726f71d5c3cdda00d67a372383405', accent: "ghost" }, h("button", { key: '32af0791cc1318dfa22ef1e6fc6ce7a652f76012', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'a8c2e57f9220fc2702006a2b0676b711a5d8f998', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '404dc356e99b6e0315911fc507ef7f41ac06b76e', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '2a263413bd65e2f2ca15f7b18b217b9e91d7a29b', accent: "ghost" }, h("button", { key: 'c0e696b318212333f78f850340169fcf1edb5ba3', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'd9d6dba17a7adc83bf639d700da05dbdb2b79aa2', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '3ce6bdea50340103d865b495a8d3b459418969ae', accent: "ghost" }, h("button", { key: 'e47a2063cba8b8d91e05d6b99640b2be77b747ae', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '86adbe15ac45d7adde0fea025a43077a63c41061', 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: '90ef90546222d12af59d21ed93a0a8adc32fa0d5', class: "gux-pagination-item-counts-container" }, h("span", { key: '1d6ca0ba95cd81ddae42c24064a435b4dc550a55', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '18c769f1060224ffd67629c4e51d1226ec25155c', class: "gux-pagination-item-counts-container" }, h("span", { key: '796072285432136d960c17f4db74119fe6c27891', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '3c2169002b5b8ae47f11502626ee19148911d3a3' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: 'a5a600f60894153fd1f30118d505b56097a97b2c' }, 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: 'a3684f7a45180e5242ed847536ce951d32b4a114', class: "gux-pagination-items-per-page-container" }, h("div", { key: '8d8f09fa8c0759a9a292a8fe488024a724cd36ac', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '851730b1a021e907a9a8acd40e40ec3004e96025', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '7df667f146c16ddf76de3c0407ad5e6a0aa10252', class: "gux-pagination-items-per-page-container" }, h("div", { key: '82e83d9aa8b27c0044e5fc5e642c1e4bc9f6a44e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '69bb3f0d14fae439cdba3c7c5c27103607375cca', 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: '06f25d9a1bd5e7dff491f97443ccafe7aedbc77c', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '730fc84ecd17032eda0c17b237c8e223d729791b', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'ebf17a5d4e899d5aadd9d2953040f55e1f348a7c', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '79450755765b35044a39f45e8214f4b9f1a04b4e', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '1bf63c813df44b2eb622b2cac0ddcd15f6335d7d', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'acdba6e6ebacf3f31f75fb50441fe2ad56c620d9', 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: 'dfecd2f12bd23315876634dee83edd5e796abcbd' }, h("div", { key: 'deab3d4065b4b8f20a0dee2fd619d2fa5eb4b44b', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '2bb878268d53b5807fb6f9b1601ab38913486a93', name: "icon" })), h("gux-truncate", { key: 'bd8b37abc0270c6fc44ece12ac2e85217dff610e', class: "gux-message", "max-lines": 2 }, h("slot", { key: '8189aa5199fd3057af47d6d8f31d6046ac0f341c', name: "message" })), h("gux-dismiss-button", { key: '344653867fef5264468c2cf91bab6f30eb2fff48', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '25121cb61bea23511d7d6be1b8edc3604a83f993' }, h("div", { key: '927aae1436f6bcae529195d8e2b93c8ef0fda0f8', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '1a1da0bcf07f441c36acd1c98f43d1829c11ae84', name: "icon" })), h("gux-truncate", { key: '075f28ca8032ba31a38da7e852ac40c140bb3d22', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'ddb1ca729b67b482abf6c9efb8291ff2587a3b28', name: "message" })), h("gux-dismiss-button", { key: '1a5702f57280dfdfa46f886500d5086f6d3fddda', 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: '8664571691ba02d34d6a5b7d1edad8c88a4cde79', class: { 'gux-selected': this.selected } }, h("button", { key: 'fc12f3f71af60b44cd14c9d873551a15aff4def4', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '8400d14caf75e56641f8638e220dfdd8bff14516' }))));
+        return (h(Host, { key: '0426d13853008338b3403eeec5b1c838191ac2c2', class: { 'gux-selected': this.selected } }, h("button", { key: 'efb35769b9e9a6f46bdb8a20ad62296ae877030a', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '025987f009297692f742939f620d45ee33596c4e' }))));
     }
     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: '6b77fe6a118544d683fb9cba196c5b272f99ed39', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '53b5b6596a523d7b6bd4397c66b501f82353a21b', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'd28caa04ab22d360ba591b7e3ec8aa84baa04c57', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '565a0086497b99043cddb3eafa20d724cd41c02d', 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: '0e8522085b4696a045927aeae0f22e532cfc8898', class: { 'gux-disabled': this.disabled } }, h("div", { key: '2b0f643d1ce0be09c15f1b7a6c0339dd2230b6de', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'd88bcbc86d00e36cb0372096aad610b79e1d0a53', class: {
+        return (h("section", { key: 'c33acb6d303948eeda3f65a8cd20f4ca66855ae9', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'bd66b7f428b9f0ad5b31cb6f41b3d370b65d4b6f', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '1512dca09f8d4d42da3e3b8879aa8bfe2e761b23', 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: 'c4abff8cedecb75431b22e5ee22fe440c0f14c2e', name: "icon" }), h("div", { key: 'fbc138693ebdbd92dfcae9bbaf099a4e1b745b05', 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: 'd5bee0b95641a13d250ec2fb058533ac4cc10ad1', name: "icon" }), h("div", { key: '90fe4d09962000cd58e82a29ab636419f143e0b0', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '6a2951239c6b18677b49d4a747a793ef4927fdee', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '60db1594be165470d0b20f54a97ebf16af2f4ef3', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'e6e02afedbda79b8cb92cdcc6a5c5bbdbb81386a', class: {
+            } }, h("slot", { key: '433f33f914ed5900256f300c00c4983af9043b4c', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '7c8df6869e09e4609b59dab3639db0299d43d05e', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '38976899a132ea13915a4cac0f7fd96a2eb72934', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: 'e4e12d3e31ab59e93e376444838e895212ddbb9f', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'deb1f5d7e8ce97c2d2e15a6802363d64bdd27951', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '30491c75e91bc11ccd9838bfb1c35e38b4b20800', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '24e573cdbae1bd5eceff7fad880d80703710fc94', 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: 'a86a49a6091b3f74b78da3947714200e1e73f072', name: "content" }))));
+            } }, h("slot", { key: '0793394ca7b28483c51e1fc5c3779fb971ec458b', 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: '28040b2043bfe4e262c15529afc4d9c052677982' }));
+        return (h("slot", { key: '160c93a1c18f316b83aa14959ccaea44debdd1f6' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -116,7 +116,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: 'b82e35ada64dfbd263a38a336e3cf964f61d897c', class: "gux-action-button-container" }, h("gux-popup", { key: '0e934ab8fd9d74aac438de0440e81a3d697c4f4a', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '1bf8d42e7ba68b9ae5b524a96a864becdaf77d6e', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '355b76f14bf94f7fd91ab19fd3dca8eabb5a0d51', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '39ef8e456c3a265f17949cf25faf61867a750378', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'f6e9f9f6853152200a72acf7b457fee60fc10913', name: "title" }))), h("gux-button-slot", { key: '84faaa7e994bd9bc9486db7bb2f7023616a82c6f', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '52d3d4a041f5e858d21761a6d03c9a9eb6c920b5', 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: '2553e456e997e63d4de8d7a56de2c456fc6c389d', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'a075a3de9bf8a6927c728f2f8900bc0b1724c345', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '47e4765768dca19a62707e0d992ea80ca4227451', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '7d96563a2987d21d6002f9e65995a27eb6f3931e' }))))));
+        return (h("div", { key: 'd9060faa5bd3fe1e0e8afca0ab801758028669d3', class: "gux-action-button-container" }, h("gux-popup", { key: '115bcfde626ba30fb63ee623ca5a685e9397d629', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '83035160e0216c92e92f1db257bda013447304ab', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '99e10dc66c62aff894c81d4179b5bab464adba50', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '8415344a4e9cf48e49ab36c3ecf85a96907fb4b9', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '5369ae7eb85f4598afaabb7002f82e8b0e4434fe', name: "title" }))), h("gux-button-slot", { key: '1ad1e508ebe6503aaf090c1f4208de0b8a5a683d', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '26c91a4f060c6b64bd9183daf7f775c45238e766', 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: 'e752f4953745a9b76d506bc284d48127c0672bd5', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '8627c9d41cfe82390206ae32777d727a96de69fc', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'debd47bef276a4227a1392ed4fa94b405be1f4cb', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '4e7c9bfadd10b43d732e92c1695d2c7337531100' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,7 +33,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'e02b47704eb8f1c9068d417b8d3b64b38d646523', class: {
+        return (h("div", { key: '1258217f32ccfd99d298a81f89a74672fb059324', 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: 'f9c346a7d6a4554c68de1cedab7a71cf1fdfb595', class: "gux-container" }, h("div", { key: 'ab30eba8bf97acd68cdb7d1b8fd928e5d2aad5aa', class: "gux-image" }, h("slot", { key: 'bf804e33d7fff08fd4b432100f66b00ddc9a40af', name: "image" })), h("div", { key: 'f4d41f9f2713fde39a78e05bb5a9a6062232f2a1', class: "gux-message" }, h("slot", { key: 'b1496161d0f830dd8e1414bfc11efdd8bf4b786a', name: "primary-message" })), h("div", { key: '5eb78a40732e49e0b29a63481d427d2aadc9a7c7', class: "gux-guidance" }, h("slot", { key: 'd4fa93ddf4382c8892c5d7701ae2c823c39340b6', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: '24cd9e0dc134c6df9532bd0cbc8670a3c17d6090', class: "gux-container" }, h("div", { key: '67f2a6704b38fbb0dc3742b09f0ec326942437b1', class: "gux-image" }, h("slot", { key: '62100e3caef04d45a9844c00909293e1004524cc', name: "image" })), h("div", { key: '208ea8b7961f9c6cd14202cd936b24e56d5425aa', class: "gux-message" }, h("slot", { key: 'c616ba4fcb9a847b5da5f3f3e74f2b1b9b0e51b4', name: "primary-message" })), h("div", { key: 'b0c6560fa70f92487d25364817a70ddf5688bb31', class: "gux-guidance" }, h("slot", { key: 'd1633da5220f82b358faa02d1ebd76526bbe2dfa', 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: 'b956457540727e928f07908a9d8a8e746b327f61', role: "listitem" }, h("span", { key: 'e543d1d89edef90fb23294eb0ff221032860ea97', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (h(Host, { key: '02be8b25219f72cdd40447e500bf5e40f46685cc', role: "listitem" }, h("span", { key: 'a69eed8530b06af14aecef1b8a534b7a2ddb1215', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
     }
     static get is() { return "gux-breadcrumb-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class GuxBreadcrumbs {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: '920720193f3f4131752380b28350a48b4b79ae9b', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'bce3c9897eb4c1555f3cf653b2c9f34f537b6351' }, h("slot", { key: '866d3d4b9a8053513f87b0058eee1ea83535c412', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'b9006e984e5bf6d3e71aa29e10bf11311b6ef184', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'f1f244e8496e990f1de0d96fb39e15075f7c25cb' }, h("slot", { key: 'ab74b94efc7e33fdc7b8a1d449a5a018dfc4451a', 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: 'a687ade3798b851e82884ac583847fd78f59b992', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '112135920ebd9b9553cd726b9b4ab5741ae5134f', 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: 'f8ca5f2ee5defb9b2a74f2b06a29e437da2ad138', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle }, h("slot", { key: 'e8954669d08aed5650fba904cea4c2fcd407201e', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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

@@ -103,7 +103,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '4d4da07e015378f871eb3d5a8d9a253f8af04425', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '0be5e778356b45863dba62fc589e9373743ee338', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'aeed49fe42f2006cfebafcf7f0cb9260af067ced', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '166cea510803fbc876f497ae5f8c198fdc6246a9', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '702e4f6db164e3238831c84ed840f90148a00205', name: "title" }), h("gux-icon", { key: '1d06553d330a594554bdf60aab774f7430cdc7ba', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'eadfe356a8fe897d7eb3e948ae289c36ad29a2ea', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'f323d391f48785c05a9e3749b280fcb46d523cf4', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '07a1881d28d13b2625661add8769aa3b752cef79' })))));
+        return (h("gux-popup", { key: '1f3d49ed9c3e09fafe5973c2a3e4bf1f813b2b64', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'b0517695eec933f7a3aec7b07455cfed4d4f436e', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'c66c8494c7e2d788604afd99d159a4832421a811', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'a9b110c9d29bff9a8ffef9462113488cfd98a9d6', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '3dcfe9e069d868c8cefa1dd1a2080b9e0eb1ced7', name: "title" }), h("gux-icon", { key: '2aaabf67a9d00b82f7117ec377b485340a92cf54', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '43d6a96117ba991f796f974691945d0ccea6a0fd', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'b09477b16f270a59a3d80b78be183d451d14d290', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '8c18173ddb6bbf292f0eabe93db8991068487d2f' })))));
     }
     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: 'c8e535fc5ce3cdee111582126fc737d718cf7d8c', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'e9b08d4eadbdf4a236a3a2a32907f337c328e0ff' })));
+        return (h(Host, { key: 'd84164b74b103465321f873ad09255a578d0448e', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'f0c85449d81234971deb1c7e676a465fcf58d5b0' })));
     }
     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: 'ebe156611cc67a8f9242d8a2eebc9788d6f6882f', class: "gux-calendar" }, h("div", { key: '42867ceedb5a06e510d50e415360738bdb793046', class: "gux-header" }, h("button", { key: 'e7ea1e15a87c7a33d0a52055170f4da4a4282f7a', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'a0568afbe8b9daf67702edeb2a99122f3d0d08e3', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '4095c437a1b4c89da8daff63a8a8bcab2e4c3a59', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '28fbcc1ec855f752859a764171ea872873c9cdaf', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '0ac8df6c8f3514c00a10b442bf8517583d09c04c', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '36c95de4cca1f03386fdaac6bef3fe44046d7b44', class: "gux-calendar" }, h("div", { key: 'a12387d7c66109b3a44f305ebfc07562e1436bf9', class: "gux-header" }, h("button", { key: '3237f74318b99a8c79a1386697afecc80f241969', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '8c1487f42ebe30163ec439e9e1020158924e4f82', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'b3fc232c8f6565015d67d566b6219e25e98c129e', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'e1d1461d10c04a36e21afb305fb2173faa26110a', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'cc0ddcf3ecc6622267fbafccbc9493204d437702', 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: '43a2b095912446efb6273bb9a32a6f795977b19c', class: {
+        return (h("div", { key: 'c677ce6c60588dec91e3d3079517d225438ef461', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '641978238aa3c77c749128f7b4deee3bf849ee54' })));
+            } }, h("slot", { key: '6dc3850d28e26c0738764193283620e71e947b18' })));
     }
     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: 'd21cb04f3fd70d25b8e6a27c8fad5c8606d93879', draggable: "true" }, h("div", { key: '132822127884e13786d1b7e3ac9635fd9abf7c2d', class: {
+        return (h(Host, { key: '4c3adbaf002b3c77b6bcee79d2dc65dd0caeab40', draggable: "true" }, h("div", { key: 'd33cae023e88327ab85d4686b7a80a1cbceb277f', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '2e11863bc193c7118549470c1663ab10c6d01c8f', class: {
+            } }, h("button", { key: '13e88cf118b942d7c47ac528562286cf1a3d516f', 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: 'd3b388d64bc890323c8f94b8d3f3a54068651ff0', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '138f15a3a0bcdb5ae5c18c22c831fcf9110afad6', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'b835637f15dcfcec89effd9d8ba551595fb6abd1', class: "gux-select" }, h("slot", { key: '9b7573139a5e0491a1c1052ddf14d6e37d8b7180', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '3983b26b3018f12b9ec8b654a957f3416aebe6b3', 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: '9a4a8e708799d74f578f90914d0948d150461086', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '73e87e8e8c7a47d708126dc75a5e8a2cc6fd91de', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '677264acbd151a782f3d0943cf3111593ec2692a', class: "gux-select" }, h("slot", { key: 'e13ba6b6139b81508492f573c0a16b6c7a216a96', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '43b741e3a0dbdd9e5f9d4e2440e2ed193f521577', 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: '0c2fcabdbecaa2ad5a7c53597ad24cc5548399d0', class: "gux-container" }, h("div", { key: '1625b6257b5ce2593cdddc011b68d9ec8ee37793', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '38fd230b957c35aac265b7036d1749b1953335b4', class: "gux-search" }, h("gux-content-search", { key: '1e02d0582c972f6933edb574b83ae9245f8535d0', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'b28d5b8e8463ead00c1214ecbb70a2b91433071b', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '0b12443d065776aba76c6b2a94915583071e5af7', class: "gux-select" }, h("gux-form-field-checkbox", { key: '036976cf51f9e3c2f5e85d83ba3ee684b0749ae4' }, h("input", { key: '798f929ee9fc579c47dd95bda776d44b4be49fbb', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '15cfbaa4578ae290be913eb9bfc9614eb879204f', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'fa1afb1c94a48e69fc2dd0631d3fb4a714e8da3c', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '686c4ec6a9ffd5fd159a2b1628c0d4ec706412e0', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '0cf560b062e3c814cf65d3130db4c454bac6fa61', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '7a2fb5da9bf353f289678ea3d31c69985d237679', class: "gux-container" }, h("div", { key: '0fe3885be7eb5ce7a7f5e650d4d05fd326ab12e0', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'b65b9580d3c816e732c97869f1f06aec8afbbbb2', class: "gux-search" }, h("gux-content-search", { key: '4d97928e864b54d1442abbe1d4c1427a18eac6c2', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'e482fb38bd7f6afe13910b08e651b45c5d71892a', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '2d3d033045ffc926014609fbdda1aad96c429bfd', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'ffad2ed291e6441e3592f537d84636a765563916' }, h("input", { key: '66c50ca3553f49b30efa89258bf422f3fc734922', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '8b2d12cc48589b778842306a594f27a163845958', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'd31119ccf4923ebf5e808d2e48fce4417a7c9c28', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'c731681040873ce38dc8a5e73a72d9235d4e8d56', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'bd8f2a20db666db00723b0a9101c6c3fb7557877', 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: 'd7007380272235324613611f8ed59de3dafd5c28', class: {
+        return (h("div", { key: '98a21accd36df296a3de19efb8607fc3cd124e93', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '218cb132a49992ad15e489d5ecd0df51b415ec14', class: "gux-search-icon" }, h("gux-icon", { key: 'c1323895fb7ba1043f368cd3d92d2c4cf745f2dd', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '15a304658a18d46699624ee358fbdcbff621a1f6' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '07b2a35f85c355c68f92f129227e8d50c0ac6c92', class: "gux-search-icon" }, h("gux-icon", { key: 'a7f64b274e2921a003b355740b15668295f0c3d4', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '32bc643467c5da13cea7829553f42496ca52303a' }), 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: '6e453e7b6807d12410d59f6b06757e3f60682e58' }, h("gux-popup", { key: 'b452625859c94a627f0e6d4b98f499e85ff8279c', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '6593eb7ef798343835531a672d0707b9432894ae', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '83dc6c36f285dd588ac3aa9f1cc7a8dbaf6cb09a', accent: "ghost" }, h("button", { key: '0caa129a0c9fa22d0cda0e0bcb196dd678954103', 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: '4a118b478774fac05c7fb4d1a898ace684055ced', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'ae1bfb10b5d83ea7785b84385153bd1387e83bba', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'c3e766f9e97d2b0ce5952fc5347518e6f760d500', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '134d65517ba6a3b52999fdf76687a13eb7a37016' }))))));
+        return (h(Host, { key: '02132e9383bf974dab4ea7448ed55db0e72923e2' }, h("gux-popup", { key: '21ae4ab85204ff2ff075b7449183b1ada2033814', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'bf0e4aac4fc76b6aec77d34dfcc2112522954eb1', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '3a93ae70bdcbdb15dc1d8abc44fa9f985649ef73', accent: "ghost" }, h("button", { key: '98be35f5b557f7d87dd45433d2248d31949f1da2', 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: '06e40b3727dcd83357f66bc8ddfd989cb72c2273', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'c050df937c036c6f59fa7f6f53f661808259b30f', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '7d459eb66915c6547397075064033550a96568a6', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e821238cd1ce4256186fd492611813a953ccb333' }))))));
     }
     static get is() { return "gux-context-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-copy-to-clipboard/gux-copy-to-clipboard.js

@@ -57,7 +57,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: 'e38531c189577cfedc4a33a63beacdf53811be8b', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'e1c39557f0024de4b91888b91bc73ed40f80c381', class: "gux-copy-content" }, h("slot", { key: '1407b8cc01725266196aa5e997f810e7fbbffe1e', name: "content" }), h("gux-icon", { key: '5934ad501fb17c19e1688e6134ac384e128cd2bb', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '1812ce7a467a37e57fa1f56ee417d9a5f929fff1', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'f19134475548a67ed55f9e314893a41def1f6381', class: "gux-copy-content" }, h("slot", { key: 'cfcacc932096390b17d540a74178e70515e3593b', name: "content" }), h("gux-icon", { key: '2686fa1ea0a76e62c5d8ee9f4879bc131f39ccfe', "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: 'b5abeaaa7c7ee64d4c6eb546b7acbacc8eb36f4b', class: {
+        return (h("div", { key: 'a4044a37be6fd13a7323c7035e40a51b2cb7bcdc', 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: '0e385029f9ae016c209a7a437dab813ae93bb8a1', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: 'c1bbf5311a28141ed32fc7d6f29a07af45c0c6d2', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '20d47447395160fa15fa691023370270d58326b7', type: "button", title: this.i18n('dismiss') }, h("div", { key: '5d6042a3ce51053ae813779b108f4758868d3516', class: "gux-icon-container" }, h("gux-icon", { key: '25c19cca16e132c56d347d04a3324865d8fa46b8', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+            } }, h("button", { key: 'ec90e4376667532d4b7ea889dfcebb5a46fa9f47', type: "button", title: this.i18n('dismiss') }, h("div", { key: '931ba49d77721863e19cd9da2ef5371d2e89585e', class: "gux-icon-container" }, h("gux-icon", { key: '3307926bb8d93ce6e01e8bc17056c000e3a80c80', "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: '40a711002606ef898dbcf119890f90b0981c342f', 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: 'a528253169412f76d742c08d724b6e5a9611c2ba', 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

@@ -29,7 +29,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '2218930574eb1629c66b24922beefbbb3043a007', class: {
+        return (h("div", { key: 'f3b3df6271a0df1c5257ee922a637b2a9c84ee8d', 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: '05b2c7f797aa93e0f4f176ec9ed03d52eea60e7c', class: "gux-dropdown-container" }, h("gux-popup", { key: 'caf6a733b5a7b5ee2771c5642f23fc733c322f52', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '8d328027d92264d9e4aed9e99df5dd576c5ad7a5', class: "gux-dropdown-container" }, h("gux-popup", { key: 'eedce350551c3292a9c3bba188371dfb6e1fbc65', 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: 'da2fd09812808132f23d8ac8ba35b14cee888ecc', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '5965dd44b1e06ed5ec9343f4d1c7f3777df19305', ref: el => (this.targetElement = el) }, h("slot", { key: '7dc1e9c37f8e244405592ef3da59ce99324ca55d', name: "target" })), h("div", { key: '4b031d66e12c2996fce21a252ce35c490bd8ace0', class: {
+        return (h(Host, { key: '4ea4be237bdf7bca1995a99d955e15def63df537', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'a6580c8fbf62a0bde92e627e649647e5c8fb1165', ref: el => (this.targetElement = el) }, h("slot", { key: '443a7d11b49d0b4eaf632c76a2da80c736791958', name: "target" })), h("div", { key: '4c1d655e7bc5773884928b954669db63036e1e25', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '2e34c12a77eb4c03351b521883c2c1e832b38a9a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'c8a32749533b51cd575fa505747a852d6c11fe20', class: "gux-arrow-caret" })), h("slot", { key: 'b66987185d2cf82fc3cb0747930ebc495aa97a35', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '668fca26c77de02c5c6d9f4e764b084cc00ff406', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '9d6e78bc31ab6d00ea93abee3daac126c5fc6e90', class: "gux-arrow-caret" })), h("slot", { key: '9b16035c7a711401d7059db1378b1d02b36bdd2d', 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: 'fcee9f5c6ba513c0611fb0645b7eca4deb2126cf', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'ea52acc32d90dfeca5d1a880ed7a61139d78e027', class: "gux-menu-option-button-text" }, h("slot", { key: '99395f921076008b0b3797067d06b81eb18c072e' }))));
+        return (h("button", { key: '7b49ff2285e3f56a40b3eb59a750982dae4fdc88', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '3b73c1d7b95a3c3ab25ddf3994a700e4d4e3d186', class: "gux-menu-option-button-text" }, h("slot", { key: '22a6596fe9dc4f88b77846e71339bee11607fc5e' }))));
     }
     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: 'a21aabdada3702c67a4f7e46964287475092104e', role: "menu" }, h("slot", { key: '99835945b5aa6ca109eaefe698cf6c63acc58281' })));
+        return (h(Host, { key: 'd899f6d7787a1fe6190bc3929af74321831ce66f', role: "menu" }, h("slot", { key: '3d01d48a938b189d1bd650cefa3ad1879b282ed9' })));
     }
     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: 'b641e26370379f34ec3b5acea983106f17e38096' }, h("button", { key: '52dd14bd0efa68b6fb81a07e6d94f7234a979245', type: "button", class: {
+        return (h(Host, { key: 'e8693c4c366dba88c612c2f90a119df237b6fdea' }, h("button", { key: '5bc31acd66e7e73189e200a0c35599a41b787095', 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: 'bec224f7661e6edc33e3d43121bed2693bc936d9', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'e2a30bf17bcbf25248297c0b4efb79561567e466', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'e038e6909dfecb44bad87b12e4b96cf35cf66388', 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: '008f2716d5e128d507f85e2c0844f728bdb5567a', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '103c031112a3c2e2316af24e9cc85589d81ed78e', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '89aec540f5a3d5201f361b880abe922e3a563643', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '004293f918e0c6719495c1495e3b64d0ddac527a', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '1edef86e36eeebe7279f085171dfdeb602ad83c9' })))));
+            } }, h("div", { key: 'ca49b671b97930ae14d519a787a71305abaed253', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'f584b906fcc99a4ee38d32b09c8694e77c5675fc' })))));
     }
     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: '9e2c774e33a2704abb3db2d4adf334307ede6a92', class: {
+        return (h(Host, { key: '7a43078ad95c5f7f625e5d0d2bf8da876c82f33e', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '79088a606a723328b92330c08014c7f4324a2cbb', class: "gux-form-field-container" }, h("div", { key: 'c9689cd6260152117b723550443d881dd40cb3a2', class: "gux-input-label" }, h("div", { key: 'a9fccde12c79fe725d23a264aa036608a842a650', class: "gux-input" }, h("slot", { key: '17ccb4dbbe199e973b581e1622b6f8dfc801dfcf', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'f46a3b11a932b3cd0b4326e41fd84bcc63a0e94c', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '797871590ccb0da46dd3733dcaae3bd9a93a2d88', name: "label" }))), h("div", { key: 'c3107d0eb5707682da2878fa294fca6f8e08472e', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'ced119551b10a2527bc7c080f6e99a284180da2b', show: this.hasError }, h("slot", { key: 'a75c70ab691d591322fec2b8836b6192f0855f7f', name: "error" })), h(GuxFormFieldHelp, { key: '0cdae38743372069043f1bf052b13a83a94c23dd', show: !this.hasError && this.hasHelp }, h("slot", { key: '05e64ffe0b84096faa96528bba03edfc5321844a', name: "help" }))))));
+            } }, h("div", { key: '1a020cfdaeae047f1fa1187030e9a6c5ff5b1e24', class: "gux-form-field-container" }, h("div", { key: '998b70c3097f8b15b82b8404fcdf341ec62e8c6e', class: "gux-input-label" }, h("div", { key: '0fb3a76c0a20fd9595c179eddbb8900d9f102099', class: "gux-input" }, h("slot", { key: '6775ed1860252007ceacd4ab1324b9fc12928d14', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'a4bf7a2d60556cfc6318d8128f30ff16b8bade61', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '72dd8602d8154e5b4059f0ad5bbf8f1d0946f3cd', name: "label" }))), h("div", { key: '1edcc23c81af2687471dac9943c6c05b147f906a', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'a1e4d8ad0ab2d2aed461671d4567c191cff590fb', show: this.hasError }, h("slot", { key: 'caca83f11ef790ee682628e56ec950c838d923c6', name: "error" })), h(GuxFormFieldHelp, { key: 'b55a101f1c3c65359c04305d87bec4747ca4623a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a1794c130f165f856a4efad1f28824c91dc6ddac', 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: '8a6eb5b41e42b84cae5fa91ad423e561294a101d', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '07307ede7ca3bff8be0c4083e1f53cb112bc6963' }, (_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: 'e60b54cc64107f4cfbd1ab2b9764f9780841d657', position: "above", required: this.required }, h("slot", { key: '6f6fa2a3a8e905bbcc71f4ee4231e85a70f7e15b', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e4d33bcbc59ecaf863c34260b13b18569652b588', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd013ca93b2d1ea4fb989e918279dd8e3733b2cdb', name: "group-label-info" })), h("slot", { key: '985b44bb90b1dd6167dbdaa3d12f217d385357f0', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'f7cfa917ddf5ca24f8058f2d0e15bd03ca962ed7', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '4fdd7de8fc7b6ffabc09e4183898d99cb77a593c', show: this.hasGroupError }, h("slot", { key: '57313849062f1aeb18691009d3915c9a80abd496', name: "group-error" })), h(GuxFormFieldHelp, { key: '126de805cee5df0bd1b34d79c1192fc56a1b6e03', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '3a2fc8dba511558f910c70cb700e3ec071d9fa3c', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '94723cdf2f5f034f5019d60c0423655eab66c831', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'c16118b4a4df96b29e41ba925f07abb2b1345a07' }, (_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: 'a8ff855fbae684aae1064bbff2353a6a4f60d421', position: "above", required: this.required }, h("slot", { key: '5cd4cab481f2f36e7aee8621c68889f18e4667d4', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b28e53cab373e3855c8cdb7ed7952675f570dd80', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd42a9d66dbb184aa42438d07d28734221c59a7d5', name: "group-label-info" })), h("slot", { key: 'bc1a499a9b572feee068325705cb3a76ec011387', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'c41d586f505ca19062e168c296e8009f4a5ce978', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'e0300cedfed98fbd1b1e5a4e2a947fea385177bb', show: this.hasGroupError }, h("slot", { key: '5cecd1fe7425511f1e8c7e4a9ecb9a7378184771', name: "group-error" })), h(GuxFormFieldHelp, { key: '1bce0893c4b38659fd7f4d662c4da32fdce9f546', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '99f3e57b2ed2fc6a81e397d9c849e6d55bd3c354', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -84,13 +84,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'c4b4004c89f4081c0b93ca2251470cac7893bdd7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5b851ffa5ed3cc0b11b456ee9a554359a40a69e5', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '80bc96bc0459f72434c56746e607100b81acb7bd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '16c03af978b3c81863f37d3feacaed7cdfec506e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9f66fcad03688ee86c02a6c04076ba79683f969a', name: "label-info" })), h("div", { key: 'f26dfc39c93b8aa86a39dbc89243ce6cd6e3d0ae', class: "gux-input-and-error-container" }, h("div", { key: '0d4d709a5bdfc9cd32332a998b290871a736e803', class: {
+        return (h(GuxFormFieldContainer, { key: '73fc77183b0f728debfb2744124a76d1b508563f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c353e6f750a2fe13f25a081ca66667bbf6866b14', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'aaa632e789d924f04c881cc42cd224f60b2280c4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e0f0c4bc1ea92829247606d2014dd3948b0bfa8c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4db6cd3cbd015550a42b3cc729eb25f1305b02d0', name: "label-info" })), h("div", { key: 'fc422bdc71e532a1d98317be9c924a64fd5fa6fc', class: "gux-input-and-error-container" }, h("div", { key: '66358ca1f246b5c916517caa1f87167631d8ad32', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '15898d7de11d588c93e04470db5fd4ddc772ad46', class: {
+            } }, h("div", { key: 'ab897bab896a48a36be26dc82909acdc7926cb41', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'cef323993860610e0457102b741b129240e38522', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '7b11839828e070d4bc63aaff7d9f4edea9c33737', show: this.hasError }, h("slot", { key: '5c257eb60bb66a51404e94502ee63899a7a73394', name: "error" })), h(GuxFormFieldHelp, { key: '43d638dfd3a464e48d96a0435218fef160d80e5e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'be93ac819999c2a893a1c1216c24e505969087df', name: "help" })))));
+            } }, h("slot", { key: '244feb69ae89ffbae9d4d20923e94fc721213542', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '5dbe93d228edba754ab03ae7e6086e2727440b35', show: this.hasError }, h("slot", { key: '2feb325ef51bbbe9a501cfd90a0d80ef708ae0eb', name: "error" })), h(GuxFormFieldHelp, { key: '7e4eee7128e0f7cf6961cf779b8be329f19564b3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fbb0fc779d28c82d60e4f135e6b975192f4f64c6', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -96,11 +96,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '902919c084666a32be9af98a2c0433790c97788e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'f4383881dad540fd67fe3e9ad10a7a0bc72b6f2c' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '22d4866414f9a2857a1d12c9cd0336fb7210739e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '888fca676c73a73ebe0d56d92ffdb9fe68b58193', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6126c8f82cc3d521caa04092831476983f252f67', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dedac15f4314f4c8dd725013accdb66840ad31c8', name: "label-info" })), h("div", { key: '85e3e85994bfadcaa861d5d9fde5f49698032d22', class: "gux-input-and-error-container" }, h("div", { key: 'b8dfdbc31f01744400c9086b411b1a497905e920', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'e40030f0e983ba955fc2cb2390f882593564eba5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1f396a3244f469abf4b2fe6458ca97fd08004e3e' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '59f5a574d115228f70459f6b429e4f0fd630035f', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4d22d4a01087504596c5d0bc8708f1a6b1a963d3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ec2d2a8a5512e5d6af49e5d6be3103fa607d29d8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7563858582bbe1ae21f72070a6f820a15be956ff', name: "label-info" })), h("div", { key: 'd03f4ec755c3f454c0d1835f9d4936169a091731', class: "gux-input-and-error-container" }, h("div", { key: '71f5727f6b17c8ac465c80f0f696d2bb1dd513f4', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'a4af1d0c3b227ee7babb77e6f4a45a9a2e84c989' })), h(GuxFormFieldError, { key: 'f07c287ca66b3bc935894912b3f3b44d185096d1', show: this.hasError }, h("slot", { key: 'a9679db294bea298394cbcb9abf754f2c14b582b', name: "error" })), h(GuxFormFieldHelp, { key: '24116c787a13aff398ce681c3b74f578adefd586', show: !this.hasError && this.hasHelp }, h("slot", { key: '4f4fc9367aac4d57825fd8a0255751aa0c9b86ec', name: "help" })))));
+            } }, h("slot", { key: '3f8017044eb4c67b3e0aface01d7648e62ca0e31' })), h(GuxFormFieldError, { key: '0e16b517213b75e130827b0f815ff5828108b5c7', show: this.hasError }, h("slot", { key: '6aa89e429d06abddcd17ef8a9e2cdbf7ff4747b9', name: "error" })), h(GuxFormFieldHelp, { key: '01202b0cbf2beebe042d40bb3c379e7c621d8d43', show: !this.hasError && this.hasHelp }, h("slot", { key: '05b130d850052d841a63fd8a9fa5bc989fa63849', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition