genesys-spark-components 4.154.3 → 4.154.5

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

@@ -12,7 +12,7 @@ export class GuxActionToast {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '1506992246aa83217b6d73cfdd0e8c85631e8278' }, h("div", { key: 'e51d40ec1cc3650da7a8c56b44886e19af8f5c82', class: "gux-header" }, h("div", { key: 'b82beceef04d6c3826865501295278cdd42eb59b', class: "gux-icon" }, h("slot", { key: '113bdb46f8e908f2ba692c61cbd004bd1dbcd68e', name: "icon" })), h("div", { key: 'd82f9009a6dc984f4b510f2afff51baacc7ad262', class: "gux-title" }, h("slot", { key: '572c9821793787350bf4794cdafa52578178e873', name: "title" }))), h("div", { key: 'bb9fdfeb5cc2c5e0b6ce799ae5c73f44e0377e99', class: "gux-message" }, h("slot", { key: '4b5224ff6c9b8d9d89599fb3844764caa02977a5', name: "message" })), h("div", { key: 'cb928aaca6ee3b28daef8650359d9fe081e53a2e', class: "gux-action-buttons" }, h("div", { key: '3031f0c0b5111bac18d42cd65c4086a26838fc15', class: "gux-positive-button" }, h("slot", { key: 'dde475930730886bea30537ace45997f091ca576', name: "positive-button" })), h("div", { key: '99c2f76f71099fce3a21e40fc51f920305d2a1aa', class: "gux-negative-button" }, h("slot", { key: '9ab48c1cbc8c92087b7427aedba720cd60eb2073', name: "negative-button" })))));
+        return (h(Host, { key: '86c7d4b10a2b6aff27aefc4b301600d37d3a2b95' }, h("div", { key: 'c91122959f04e871256924658943d42e3efa086d', class: "gux-header" }, h("div", { key: '197997e4491ecfef4eae36be626625d63e5cafe6', class: "gux-icon" }, h("slot", { key: '42299d9477f16ead474126a0eb6c18dec4e51ba5', name: "icon" })), h("div", { key: '79aa729ba27becac9f95ac5278d105e14ed69211', class: "gux-title" }, h("slot", { key: '59b6d808b0c56b6e0468ec59598326039758074d', name: "title" }))), h("div", { key: 'b1e73ea83c95fd1e17f0f1657ab8aa5b9b7deb14', class: "gux-message" }, h("slot", { key: 'e16d6521334acf2997d594c62589662b65eba647', name: "message" })), h("div", { key: '4c72959e5ac48709d03f49ed00d3af1e0b9241bb', class: "gux-action-buttons" }, h("div", { key: '6d451a966ff94fa805f78462215ca3858d6bcc11', class: "gux-positive-button" }, h("slot", { key: '5e7f6901f414700e0dacff47fc2bb4ea591bbedb', name: "positive-button" })), h("div", { key: '6a51a2a92c669756d643655487e3deeabdd94e04', class: "gux-negative-button" }, h("slot", { key: '3194513f90919ad3f4f4f2d0c50f4fedd92bb6c0', name: "negative-button" })))));
     }
     static get is() { return "gux-action-toast-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/dropdown-option/gux-dropdown-option.js

@@ -50,7 +50,7 @@ export class GuxDropdownOption {
         };
     }
     render() {
-        return (h("div", { key: 'f725c7472c496316e8d7bf04a94dda49a1ae5c0f', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '5e04a1dcfcfc30f675e15113f6d6bb61c1d90b51', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/gux-advanced-dropdown.js

@@ -77,9 +77,9 @@ export class GuxAdvancedDropdownLegacy {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'f35ff963ea0936273394396e3433763ab1133aeb', expanded: this.opened, disabled: this.disabled }, h("div", { key: '1e34ff4b82be18a74ffd1f37233012e43f7fc18f', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'd49396581273df932ad86c71cc69d4ece2de0f5a', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: '0f56eb0c5b7939573073b35aef386399e4c05bf9', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '6a93a48248890c16faf8a570786547d312f3118c', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '876190acca853f1a7e1c01c1a4776c3f79096a61', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'a8003e1eeebcc46fe533067a172a229518298326', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'eb4a9ba587e2c8495eaf8606cd1f9fbfc82b8a62', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'c189b3f246e2e28ce4c0f44102e05b1deecdb4fa', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '249a443171cfa09a43f5a1fec2866fb96dba28dd', "label-position": "screenreader" }, h("label", { key: '270c3b22e776955348e945596f879ebaa71bd17f', slot: "label" }, this.i18n('searchAria')), h("input", { key: '0ec79593819d6196ffe1a4edf8fb0a583101d097', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: 'd41f1a7e46667e03d7aea00cf76e41f0bc5cea80', expanded: this.opened, disabled: this.disabled }, h("div", { key: '244e5e3fc340a4d1d7e901589dd979e2349a8490', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '10d8b3ffc2b8fb20657a787e9ad4279ea4c827ff', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: '5b1f9d9730c645274f78c873005bd348e13ec915', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '737e474d88c6d6e1784d7ddb09c6bc4767d93f21', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'ba4e4c852695a8de28c01e68fb433c5458372e1b', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'baebb260e06c027a8966d8e9d4f1a9e363389348', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '20f5635cc8b7cbe68154fa756f493ae4f555bf03', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'b4bfdd196c7a46161d084ebb350ed2709fcee346', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '9f3a8c05391065246fd0f58c1245fd7a2cec7b0d', "label-position": "screenreader" }, h("label", { key: '68908618c59e9f4bf27ffc46f263c5468e5f10fb', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'c8ca819f3bbeb8daadc46795fbb6a0745d9e6591', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '42703d008e5454a339e46aa2c46c8306133f8f67', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'efd0d1d6d48d81da4ef16acf1ff29c6bbb2d24be' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: 'dfc60a1e40be71ce841d33bf24fb587d89d6d648', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '0f51073ffc5e046975d74902fb4bff45a05a3352' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

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

@@ -46,10 +46,10 @@ export class GuxDisclosureButtonLegacy {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: '747050bec6ca0ca70b51fe1f8efb1950bb4067e7', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '9777b416941be9663138cc389a511140b9b5029b', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, h("gux-icon", { key: 'ed8712e407c36294c3fccc057276bc798f56c1fd', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '08749b4054704a5b117d5441f521a6b76e2e5ba7', id: this.panelId, class: {
+        return (h("div", { key: 'c96d5f177492ff489747baca32b70f93adaf1bf5', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'f71f8d93c8146fa3367acdab0c4c116197abbba7', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, h("gux-icon", { key: '7bbf022e573cd8f16fde788be416c6b93b76f203', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '53f88d45530817e81c91f130f083307e4b166bbe', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '5537e7e7ec37df16faff2c47ba1d69894b892812', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '3e234ddc4164e3da3aaf9d430d57f016d031068d', 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

@@ -44,10 +44,10 @@ export class GuxModalLegacy {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: 'eb19b6f4d5e706e5f631af65788790b4b6a28988', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'e87022164421cddbfe8b27a38b8e239e14033b23', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: 'b5cd2c9a126417ef21c94e860643f66d5dcc87e9', class: "gux-modal-header", id: titleID }, h("slot", { key: '770edea87c19561922dd3f8431c091e67712ebf1', name: "title" }))), h("gux-dismiss-button", { key: '3a976273e3565189fc9c23a28d86d77da6782172', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '63f5ff17b14028cf92dcd8abad21ba8c44909d86', class: {
+        return (h("div", { key: 'cf42f13044a776e9737d6e4eb116679e1f1def36', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'f943a8f753e5a6543c81bafe7d6ed08ac9e63fa0', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '5f0b9552741d7a94eead287d580ba06a7090d941', class: "gux-modal-header", id: titleID }, h("slot", { key: '15acab823d68f5c933a045beb99387105d07759f', name: "title" }))), h("gux-dismiss-button", { key: '1781b8dea0a20bcb6a5882e7592b83fd47551292', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '12c81a0e0958952d89a55c17e9899e301e5b3bc2', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: 'dcac66f03f3c1c0bf8aa5f2ac47de7985654d5d4' }, h("slot", { key: '0d458479ea3a41f540569229df9ad362b49fbd6c', name: "content" }))), hasFooterButtons && (h("div", { key: 'bc59458c481d65841cec791c1d49f6ebfdf6da2c', class: "gux-button-footer" }, h("div", { key: 'cc598c263f762d22574b6c36e0a6c64e708ca265', class: "gux-left-align-buttons" }, h("slot", { key: 'c0f5c6b565059278216be874d0f8b1801e6141eb', name: "left-align-buttons" })), h("div", { key: 'a7908faf1ab3801ea531a3429ee4c4f3a3be0b95', class: "gux-right-align-buttons" }, h("slot", { key: '3a63cdb61c930d575b8673dd4fbef51c538de1af', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: 'b8a99c68306f05cc843cf2569d6689a4eedc5e9b' }, h("slot", { key: '5c88dabaea5f7ff2ce152907c41f41980474997d', name: "content" }))), hasFooterButtons && (h("div", { key: 'a57a2c1ec660b8e9b0e662bfed969f6696992772', class: "gux-button-footer" }, h("div", { key: '67e3268b76c15ebec134a0881de4cdca4ef38ab2', class: "gux-left-align-buttons" }, h("slot", { key: 'd311983951eadfbb6028edfd1a92d682f746a378', name: "left-align-buttons" })), h("div", { key: '1ce03d9d93028232807f0dd6c5148e80fa98f3d3', class: "gux-right-align-buttons" }, h("slot", { key: '3f4ffa188878a61224ba47701453cb298e0b5db7', 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

@@ -16,7 +16,7 @@ export class GuxNotificationToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'e49229eae063064416b3aa771ea42bbf576cc89d' }, h("div", { key: 'e9d17ba196fd3d42bf71b79daaef314460d8fa16', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'b148bc51252ec6598cb09d3890c8ac741006fd49', name: "icon" })), h("div", { key: '38b5547befdfe2d723114ded494279969fa5b9a6', class: "gux-content" }, h("gux-truncate", { key: '7075cb4f27361e6a89a8cefec06001cc82687430', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'c18aa4bab6040b54033b7d4d71ffbdeb888188e9', name: "title" })), h("gux-truncate", { key: 'c131d90b96d47d15070344570ca95c892efff77a', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'a4952c02699ad006853adb5713abe3b18cfa4c97', name: "message" }))), h("gux-dismiss-button", { key: 'eaa16b6a0643038103f734689333c1ae1b64ae5f', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '1028ea02235e685a46434682add681629d81ed1c' }, h("div", { key: 'a9100ef51dbd153d3b93df43cfc45229da6d1b35', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'f83911f9ef15beecfe1efa5a445f571c6333df53', name: "icon" })), h("div", { key: '6b642b1effb289db65b2dabf3b684fddc5db0f52', class: "gux-content" }, h("gux-truncate", { key: 'aa35891a528aaa9d1fa20332fc3b7e1c153751e5', class: "gux-title", "max-lines": 1 }, h("slot", { key: '2ef932f47926407f0e0e6bdc2541494029926d0b', name: "title" })), h("gux-truncate", { key: '210594c7defbd0eadeef4b06c89aeb9f028e19e5', class: "gux-message", "max-lines": 2 }, h("slot", { key: '71778069ab9c775f1118628c27ffa5bf48e9f32e', name: "message" }))), h("gux-dismiss-button", { key: 'ef00664ff6305872049296977a8092ae4b0c829d', 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

@@ -69,7 +69,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '5e26b4c88c75858004872520573e4e9a24f38520', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'd69821705a27f94c4076b3a52cd33fae7d2a59bb', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '81c2988010ddc9dbf4f0dc95d2d77c91a68a31e8', accent: "ghost" }, h("button", { key: 'a464a8047dc67ca58a78bfe8b88c0c61e85cb134', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '4e1c2c529cc99124ba8c4760296db50930805f79', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'fdb430cf0997fb1cd11eb4d514471f80fd3d3d22', accent: "ghost" }, h("button", { key: 'e003ad9f868619f41987312bbf368865fe93688c', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '6093b0a5112efe3b1e48a189ec91859e7fe3a472', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '7b50ddbd7bfca49ea34cbbda850000125fb466d6', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '238a6a4ddb27edd4562d6c3cc28d59a45038a0eb', accent: "ghost" }, h("button", { key: '3bbdeda74c0459640895b9b1f6109b405e1b2f34', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '2fd99e8e2ae2b058a61e7d200a898245118990c9', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '07af0468c68c533bfeae77130b7ae0a5d8ab8527', accent: "ghost" }, h("button", { key: '4f1033f47d62708c38a621454037f575f3e0b2fc', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '73e2c027239e5861875c99a72e370ddce12a52b9', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '0d4772429868e48f1f1f5496fd610261b05dce01', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '980bbda1f84c6d6b5610cafdb8c3f176ff0a0298', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3d6b26301edee8387d38a1fc38f5c7cc38afc4d5', accent: "ghost" }, h("button", { key: '4eee3435dcb62d77d1ec6997d164714f472e69fc', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '0a5eb67869460a7ae52acaf03abccb495406447c', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '8e5f0c069ec74111e4f72b8bf4255d557db1264e', accent: "ghost" }, h("button", { key: '2dc2323f66220aa6d075cd368b037ab4be497eb8', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'da5d20f1efbe2f4a6c69b98d1d65544d122915c3', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '17a601fb01be437563764834129f10854e2c6910', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '444a86967aa34b651bbfc83a144947b850c76beb', accent: "ghost" }, h("button", { key: 'c3d00613c5e8ec8c42a9e94f4da8957f8696954e', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '736e70db0bfd031cb578a9818dbe92c3d823c14b', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '7471cb3d2f5616c60c5403c716679753f7a79cb3', accent: "ghost" }, h("button", { key: 'e1954b39e68a59ded7daab7a6a5d20c55615f0af', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '5662ea67d264c5879f21c4810e70958a81bbb1e2', 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: 'a194f602611450321c1ca072500eed6dbd051400', class: "gux-pagination-item-counts-container" }, h("span", { key: 'b05780de885df7f9690450f52a5ab319fda268db', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'c1eb5d511624530037247147d21131e6d4179467', class: "gux-pagination-item-counts-container" }, h("span", { key: '95e6e2896e3b8df06478156c4bc471a6a4e963cf', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'd5507dcfb2a71b761fca1e6149edf720573771cf' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: 'e932b57232dddb43cff4c187b05af0fedf4ef31a' }, 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: 'e1a57ac40499540ef858b15900dc9224cad95c9c', class: "gux-pagination-items-per-page-container" }, h("div", { key: '3b7f866b9ccb83f659323f1a968951bb7021efcf', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '4bb3b1b71d6ca80b09c049461533c669e22d95ed', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'd6fde66a0dda82512ce40a51a0853b85d3f40166', class: "gux-pagination-items-per-page-container" }, h("div", { key: '7e8f0da433f68b8db632d5c0f09e36c5ea36836a', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'b863d991f439ff7200b3b8712f5c9456abe74919', 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

@@ -69,7 +69,7 @@ export class GuxPaginationLegacy {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: '259162b87542bc6c5a4b9489684d23d076123529', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '25ff155574383798c6045fb9de65f8af6d880df8', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'b61c3ba34b335d25bbc5ac10ce8f08cb47bd1a87', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'b107dfd919c1e04795f6239de7b2c7f56ba61a83', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'cdd5c4b9d60e291e732fa8d9058f0c0f3bdeb52d', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '6be7e5ce93f5b9ea10e54eb520df2667e2a8ffe8', 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

@@ -15,7 +15,7 @@ export class GuxSimpleToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'fcedc51276036598daebdb655e739f7ef4f62b45' }, h("div", { key: '60c846e5a15400cbef1e1827d1a549c51903b9c5', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '1171cf31e5573d3485b338e0fcb430664e500fde', name: "icon" })), h("gux-truncate", { key: '41e9b1c8048684f7c0ae32e32789c95eb9e9be28', class: "gux-message", "max-lines": 2 }, h("slot", { key: '1e43240a28a3d7b857b03207a7276acbe5b42230', name: "message" })), h("gux-dismiss-button", { key: '6ec76bb9de5815f5c9f8c4c1a594cfd23f6a1e06', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '370cbfe91752486a47623dcad3cb690383c9be20' }, h("div", { key: '9ee2b7c1de15d6cd522396d30890fb5273668e76', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'c07d623d41fbf26feba320240c89d44dc2b2ea70', name: "icon" })), h("gux-truncate", { key: 'dca0b0fb9b1a20ef990ad89140418412f48224a9', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'bab604744d2170b0bf01d5a6f572c3aa05bc2f69', name: "message" })), h("gux-dismiss-button", { key: 'f21ee0c87e36d92e9d0c6289da860112b2d94ddf', 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

@@ -13,7 +13,7 @@ export class GuxSwitchItem {
         }
     }
     render() {
-        return (h(Host, { key: '473d91b23d91706de57cd54e5bbb4cf37643aeda', class: { 'gux-selected': this.selected } }, h("button", { key: 'f58a58c514b009a5ed077419e8d0823e0f77344a', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'd74ea185cf5091f069309b0172a8719d5a810130' }))));
+        return (h(Host, { key: 'bbec0575109e6efd87682732b7663341876738a9', class: { 'gux-selected': this.selected } }, h("button", { key: '30ddf040c97d4b052ff3c3ebc6b5a8731691a613', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'a5413e54bce99afc3cf4b1ae1d150241d5a32776' }))));
     }
     static get is() { return "gux-switch-item"; }
     static get originalStyleUrls() {

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

@@ -30,7 +30,7 @@ export class GuxSwitch {
         });
     }
     render() {
-        return (h(Host, { key: '636ba23f9f730f26792bbbe606ec742967b678eb', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'd0d8b7103c7d91457e7a195eecaaaa0c154719c0', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '88b86e36c2c9083bf79172dea82fbdd6b5040d4b', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '6ac3e68b902ea94c0647b2161b11bbe423b54b12', 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

@@ -49,20 +49,20 @@ export class GuxAccordionSection {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: '1baf83ef5cc7bc4e6ecd1c29e9ea251f62b91473', class: { 'gux-disabled': this.disabled } }, h("div", { key: '97796a68fbebe47e612b351c8b6ff667f98f4121', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'c401cedd99f720def6f03cbddc9e6af5b7a6242c', class: {
+        return (h("section", { key: '3765c4293ee1fdc5f75f07277d820ec9d5871967', class: { 'gux-disabled': this.disabled } }, h("div", { key: '9a9207383819bd0be449bf8104a31335545df575', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '77d207e1acb954fa2c387dfdd4b9b8492387e500', 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: 'a1ceab9f1216f46ee53e861ece33226238b306c4', name: "icon" }), h("div", { key: 'd9f4d67e24623a46f06c83e6797d3446d2057569', 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: '28230527d95c7eb843a6e1f33d2b264f9d495058', name: "icon" }), h("div", { key: '21d830d8af1d91bab939821d345b9bd8c6f061e4', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: 'c0b525f2cedb97a85a75ffaff7ce69e73252c3cf', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '61b25a658527fd99eea659491431fc555aa73114', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'a8791ea7b0098a08c9af7ae982fb15ffb43834d4', class: {
+            } }, h("slot", { key: 'c22fe63adf59baf9540879bc1cd5d2d03c02909d', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'dcc41180d4e782545efac487fe313ea524373dc7', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '501aa97d9f8159cd80f485c223ec98a78cc17218', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '4f3364688f6d3e41c737f5eacdec3db06f1567f8', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '8e9db51c2abf55d2711d6520caace02540a3b1f2', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '1dea926f1b7a8c099fe13da17ad40f713904faf0', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '229552d710d8ffcc922a197d84adbb84e0bb14a6', 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: 'b9126e002b8b94ad663ed4d0f47369e47c56b770', name: "content" }))));
+            } }, h("slot", { key: '3d7b3f85ddafde05e8f90e5e10ed08b786fb2e04', 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: '40c10eb6df635f2f67aedef0880d2a2575d7e4be' }));
+        return (h("slot", { key: 'eaaefcd1cca70e95575f2a04c632021ccc93787a' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -126,7 +126,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '5cb48a10e70d19c3a9ca2b192811969d4d6dcf4e', class: "gux-action-button-container" }, h("gux-popup", { key: '04230410d20a8719d3e73d8aa50080605203e2b9', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '7f2ecee96315724a13ee06216683026f10bd8a63', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '18e2de61d310a809c36a9967aa9f7bfcf813b230', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'c286ed3c33cfcacc218945ef3b962cd82c3ef819', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '5489e4dd73c8eae59d7995136e39bc997ad6c0bb', name: "title" }))), h("gux-button-slot", { key: '29ef3ee9e685f2331c938517e0214c59f768cfb8', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'ecf4ca0c933ba476d219962cd3a4cd2aa917d356', 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'), "data-testid": "dropdown-button" }, h("gux-icon", { key: '578727ccecfda25c5a1258ce2c314d8941f1b4f3', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'd1ad42ce1e7ded21f293af7f803a8f139fa18a6a', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '743386c04341936db338ade614fbfe1733400bb2', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '4b955147a76ad026b298ee98b7fd1c10eaff980b' }))))));
+        return (h("div", { key: '4da7d8a0c914ab01fbf55648853e5395acc3fb9c', class: "gux-action-button-container" }, h("gux-popup", { key: '2a31afb0fd3a4783296ad0ef4562f2ed9e56eabd', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '05b9e305486e9ec823a89649b2314e0439065576', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '535b2aa6c8d28c5bcf80b1602751d7b76dc021f7', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'bf41618e2f793b845a6401f9bd9e300554431fd9', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '5771cd844278554826511c97468d20bfb19564ca', name: "title" }))), h("gux-button-slot", { key: '2b045592818a8de2800fbea8c0e4280fa425584d', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'd187108586ac6a9208fe86259df51b88df87a475', 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'), "data-testid": "dropdown-button" }, h("gux-icon", { key: '7f9a38457b9283ed91f7a15f6b238cce6351ff6f', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '2da7b1ecc8b1df98de2322c01160a8c3553e8db0', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '5eeca955aee607c56fb03047b93230ab180dace8', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '8520dea29445f8ce384f072f5eb2cc9eabbc478e' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,7 +38,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '2df75f468fee8768dc10601f839adaecf35e489e', class: {
+        return (h("div", { key: 'c377004cf6542bb7804eaee850290a778ced77e2', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

package/dist/collection/components/stable/gux-blank-state/gux-blank-state.js

@@ -43,7 +43,7 @@ export class GuxBlankState {
         this.hasGuidance = hasSlot(this.root, 'additional-guidance');
     }
     render() {
-        return (h("div", { key: '552956046140956fafb09eef24724eedca205f2c', class: "gux-container" }, h("div", { key: '7085f843ea70d6e20f1fd114aaa0f916e78702f8', class: "gux-image" }, h("slot", { key: '31dec09402b2ca8f0ab388466d534706783fe900', name: "image" })), h("div", { key: '86be542b754b1cf257f01a0842f2777238b83f3b', class: "gux-message" }, h("slot", { key: '1809ba5287c136a995e5ec882327a94cb4e40599', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (h("div", { key: 'e7c20863e2a8e957ec8e3b0d8c796bb6e250f817', class: "gux-container" }, h("div", { key: '33e2d205db3d81db81490c4a1986adf25f815878', class: "gux-image" }, h("slot", { key: '1ad4172b9e9b82e026ff1527727c2c3e83115b8c', name: "image" })), h("div", { key: 'c189af637773ec5b19fa5a8bf29c302ea37bb109', class: "gux-message" }, h("slot", { key: 'd0933deb27de1c4565e4a0c41c2631c7e7efd037', name: "primary-message" })), this.renderGuidanceSlot(), 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

@@ -35,7 +35,7 @@ export class GuxBreadcrumbItem {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: 'dc776ce73d09cdc31397017a03c56b7612a896ba', role: "listitem" }, h("span", { key: '9e6106e96f4e83cc5c1ff26135f50f293ef06afe', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '9864718c7a85867dc8ae13c77b71ee2d47595345', role: "listitem" }, h("span", { key: '321aa9a3d13bc88107c1f4296b8acbb0194ebb2b', 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: '28e89b70724e2fee7aed501bdb7876c26e62436d', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '288ad6b8a76170a489b17bbe53c983a6c084e15c' }, h("slot", { key: '1278e0feda4ab8d38e0f9a53ca2c4212199e9b20', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '97573bc551ca35d0f29c2f77f3cae221a7dbb532', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'b35d243aeb4bce30d1d5145a1efb62bfcc7e3806' }, h("slot", { key: '9f03f2e162e635d107284f73483f2bcd0405337f', 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

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

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

@@ -106,7 +106,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '55381bdc8514d119ece1ccdf437b23259dfde9f5', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '9e501831416c60a1a6cfdacd22aef9a478adc0d8', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'f2939a2c1299a200de699ff71b4ab61c96e1dc0e', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '03802ae5f7885f4a4a18d7d94ae55ca15b53c356', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: 'eca59158d6046945d7e6fc99a49a21b1cd36e94e', name: "title" }), h("gux-icon", { key: '03850f04446a4c6207812ea7412e670552294f7c', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'ce636adf962609dc76e646624b70177e294d614c', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '4cd052768ed06698e2e13c661f7ffa56c2de7461', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '3404468ea5f1a4e8934c7200e920eb3e3a1e0ad9' })))));
+        return (h("gux-popup", { key: '57814107beadac1071db9409a1aaee3a6fe8751d', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'd12042cde57a3159a1a035add7f2f2f5b6332b3b', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '4ee0c1e045e54f2995fe83c1870a3b2d68421b0b', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '5fd1f12a34522e36c1537c7301d2237e53501e54', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: 'c4d1074a7b98bed4dcee67ea6260ff3ed3ff9493', name: "title" }), h("gux-icon", { key: '0658fcdbc14ee5acf6b6fc3f0ab9841ce25d5e8a', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'f37ad04b5fd8bbe683016e29840f28b36add78fa', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '7e4c249dcd3d52d72f033947e464443fd753273d', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e661e1589177c78983e2f87e9f89b8d1c9c0188c' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class GuxButtonSlot {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '1820b416e8c54da3570d3784266eedc5933efbc0', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '66f3850cef58ba9df05d432ab522e60b28280d90' })));
+        return (h(Host, { key: '2f0d21a41e3f692f1f5f64a096e69c2c39feac8f', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '1f7173b22404bc2e7e56cd25873dac40d1c803a6' })));
     }
     static get is() { return "gux-button-slot"; }
     static get encapsulation() { return "shadow"; }

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

@@ -344,7 +344,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: 'e7078b80ee2b85e0fe1c83f96e60a7964939545b', class: "gux-calendar" }, h("div", { key: 'f1e5fe1d328ef32158989cc9e20909f9e3139a67', class: "gux-header" }, h("button", { key: 'aae4da818ac5081ef787c16c812a7c0bc680a32d', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '823f261e39e0b061ead849afb82f5e0a2c5d55e4', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'd1d9ebc762d7278b19964ec38d00296b47f98b78', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: 'a7bf63b4506e7c55f691d3aaad430f18edf0623a', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'b1cd35692c38c748363d6a0edd9c3f8d866d944e', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '0c55a401066c6b0187e748aa283250a0b1241319', class: "gux-calendar" }, h("div", { key: '5a74b7258882a980360239957794b1c2ae89f26f', class: "gux-header" }, h("button", { key: '74a80f686c61660c3dacb46c3ea39254b175767f', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: 'e6591ea5f66819d5d28628fd1eec2fbcaf29bd7a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '4cd50eea789472a67ea8dab48160f9d372f22633', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: 'c70331f456b7af4a5df486c555d7a38ed06ff5a4', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '5ec1b7c7032ab13ed4c2e1fc55a861695d3ec7de', 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

@@ -14,10 +14,10 @@ export class GuxCard {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: 'cf65846810dd24ade44d0c3400f9d16c1876746b', class: {
+        return (h("div", { key: '363ba6f0a883e4e2f4a056f6d4d441efb0b3ea2c', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '4a241e4cc99530464998917f75093f565542dd7f' })));
+            } }, h("slot", { key: 'e36c2a015923aa961bd1c0a308f2066b702e6272' })));
     }
     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

@@ -124,14 +124,14 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '87e64ab19cc75a34e27b0da4a3883b4fc03bdfe4', draggable: "true" }, h("div", { key: '852ceec945260e57f0366ba8dd4067a36cad1815', class: {
+        return (h(Host, { key: 'e6013e498a0c7f257528ace4073d8172583d08f8', draggable: "true" }, h("div", { key: '49ab2eb77431ae3133b5aa34697fc85139a146b6', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: 'b871cd2344b5df464276ac3b3ef46fd13d491d17', class: {
+            } }, h("button", { key: '50c716123ee00cba66bd2f6fc8b15779113b4f47', 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: '5ae5841dc9fea7a4c2915c103206aa7cfc96b939', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'd33b39c970e321e6216875363cc3fed45a8dfbeb', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'a047de4fd93b7e742b1b70a31061750478f1c224', class: "gux-select" }, h("slot", { key: '6b3a439c12c4ee9f3dca44e7802f691fae62e003', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'd64a6d6a97f3d8fecf40a92f7ed8d27f1ef6320f', 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: '97863cb76d1bf28dfa079c77a1c99eed6664972b', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '6bd0d410c9d3d0c7772abfa40fae34987e3d41b4', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'edf779e93542edcd8704fee84f330939460776de', class: "gux-select" }, h("slot", { key: '84f0bc882c16a3e478ea6a0e76f85bbe63b23686', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '6e4e27282db27295a16cba27d063fe0f682f4901', 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: '5634246ba2c88484b06021a8865c9566401d069d', class: "gux-container" }, h("div", { key: '331e79feaa5c41b17162af720b679948de0fc5a4', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'f3fdd3580c20b6e72d9d9fbb16bcd57f53c233c1', class: "gux-search" }, h("gux-content-search", { key: '7fd12c67d493f5b8df537c44902492308b81d7b2', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'fe70e4da7358e2c413cf535c301d8d688dca0459', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'f334f3aeedb3d06980fb3db7fddbc2c94b83b7ab', class: "gux-select" }, h("gux-form-field-checkbox", { key: '7b3587652fd0ee01cf4ce12e05f4d154cd9b5eb0' }, h("input", { key: '86e8bac0b754e2f6d8040dc7c632a1e7dacfb7b1', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'd5c984dcfe510e346d5dd7d4e8d76e2515ad72a4', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '290e31ddb2ed344dd96d0088185fd5ece7301f7e', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '9c50c0a680be1c7adf023facf2186b5fa0aef5ac', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '29fee5ffde0698cda242795a20d4fde8fcda791e', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '62daef53138e926a9cbfae1719232de3f3e7f9b2', class: "gux-container" }, h("div", { key: 'e3a79e55e8cbe501bdb26935385ba313cd4927ee', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '76a55f638c25df7ceb4d38b53be63102889b9aa8', class: "gux-search" }, h("gux-content-search", { key: 'be60a7fdfe003135a386d313bd3fecbbd52c853f', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '19af360a04d7d4df522dc76676897363fe35c1a4', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '261035c713eb6c548bf5cf3f0c2cfd8337446c4f', class: "gux-select" }, h("gux-form-field-checkbox", { key: '7067d7cece7c16d05a45e6b01fa46c245a450eea' }, h("input", { key: 'bef6b7f2804bc0f8006901195a694f725dd6c14f', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '2135cd8bbc8421a4cae0fb46f93728245d5d670f', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '58b6db75ebf6d37d15beabf2a6e572d863f01fd4', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '3e2cdf0655d9dfbd380495eccd7cdaf23470b7d3', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'da70374436f1c5fd2746e327a7eb7709efb770ef', 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

@@ -50,10 +50,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: 'ef4715513267f640e3146f356942998a1d7f9e8e', class: {
+        return (h("div", { key: '005b8a6387ab8fe85d2568dadd131d23cad52d66', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '2f2a5f82d513ca4c1c09e74c83854986a85806f7', class: "gux-search-icon" }, h("gux-icon", { key: 'd0dffb2cfa01e19729d43c4f8560288ca97c3af0', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '830f23a720ef5d477402fb6666da5b9503c453e7' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '101221eef9d32157c62232694a25117102c3fa39', class: "gux-search-icon" }, h("gux-icon", { key: 'ef6aba3306001c5992c549e7bcb8e7383405e9a4', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '66f162a8e996e5f99df6e38bd2b53f8e33c0569a' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -125,8 +125,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '71daff89e2c9308fabfe2a72711ee5c6f58febe8' }, h("gux-popup", { key: '1524aa95d9b12ce39377f970a8aa1f88dbb1a96f', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '0e081fd58aac0ed9514684e7956c3bc987ca9a02', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '59ea669fb9a29dd7eaed40ece717cebb64c65b78', accent: "ghost" }, h("button", { key: '4c62d98299bf658e7a97481ca587d080861a1818', 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-screen-reader-beta", { key: '4e6ce2bc70530d13fff98bbf8aed059c7e4928a9' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '6fcaea725f16c37a9f47fd840e6bb4854b6c6d81', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '7af3d8d59460ece729264bd3e8e0c5924e5ac060', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'ed9fe6c367aa9ebbc8d499a27bc0d71ffe63a115', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'fd3b7b86d7eff0e47938440a029b7005add215c4' }))))));
+        return (h(Host, { key: '5c6fcdb16aca67d10d68a84a74ed9e882366594f' }, h("gux-popup", { key: 'a058fa9045b1ea9bf7baf6e7bd7acb20316021a1', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'b39b560341aff900fbfa5b0bf0927b1c4b9dbc33', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '70e97e654db145292fc372398101cfb7c26dce08', accent: "ghost" }, h("button", { key: '8cb5ca88159f66d55870701b463f7db5144989c9', 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-screen-reader-beta", { key: '3a6f2b1215ae7fc383bacb7264f74cbd03b342a0' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '882669bc46a37800d7b9ced560de2e9d41105c4b', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: 'b29801fdedc5ed27bbc0e3159749ec514d441a22', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '5fc919f53286974f3d9a38a069592227ce185103', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '184fa8c0df6a3f7fd91bbf2ad78f734c7b2654cf' }))))));
     }
     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: '14de6400815472a848c3a0bd9570211b835e5d3d', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '7cf5c98f49b471284453d0707a30fa6e5fd4821b', class: "gux-copy-content" }, h("slot", { key: '93c62a0ec398406c4f592329d12c00cc3dd08d3c', name: "content" }), h("gux-icon", { key: '2848aa46ed1c48237a41852df02763ae3526b50b', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '30088ac8e910bb4519c3a3e8a89a10395164cd94', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'a70cfe959192d8296676adad6283f5a9073630a7', class: "gux-copy-content" }, h("slot", { key: '13894c275336cb6209c27d47454a7d039f00eb5c', name: "content" }), h("gux-icon", { key: '6e0fc0b658e29fae6a64c9ea0e400a6d8d10c8dc', "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

@@ -535,7 +535,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: '89d01f637b19ee72e82eb020abbd23e1f805d8ab', class: {
+        return (h("div", { key: 'b8ac62b13ada393e6e80482f4e10da8eafd03bb6', 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: 'ab4d4415b6534ff0bf1b123ca26d51cc28ebe9c5', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '699c5876801bf26edbae2803ca5f7ba7d047b27e', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '3a7f9528fca9183623b19082d34b51dd853ae615', type: "button", title: this.i18n('dismiss') }, h("div", { key: '7310d0b8879ec530ecfcd7432e89cbfd41e953fc', class: "gux-icon-container" }, h("gux-icon", { key: '0883e5154696a9fa8f06cf58bbda345aad7daa4a', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: 'de66227205545b4dbf92210167fa4d5ca1ca4a48', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'f9284ac02c27e32ea3646718efcad36954099ce6', class: "gux-icon-container" }, h("gux-icon", { key: 'fc37236b5f832358416119d97e8aa6cc3612a825', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -368,7 +368,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '4dc5bc89637d04a587748f7f8a99e42e4b0cc015', 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: 'ffefed5e0a9f2860826dd80690aa9d36ae91fe30', 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

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

@@ -407,7 +407,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: 'd9a2849dd2af70fea0b94a23ac5fa1de9c16c663', class: "gux-dropdown-container" }, h("gux-popup", { key: '80871f9a99b8a0d6ad333a08f2f1efb6195b0c4f', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '21470eb5abc8ce97d749c5b4199c97c3209b63d4', class: "gux-dropdown-container" }, h("gux-popup", { key: 'a46922d1410cd946f8a8c4d873dfb26fe61de9c3', 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: '1e467e8cfa6f535785855280e17d34a7c2ec417f', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'baeb9203d6ccb6d8f920f77e398ef5b8a9913949', ref: el => (this.targetElement = el) }, h("slot", { key: '7983d609dac40d85f1c0e7d1d47a50b0b4f9fded', name: "target" })), h("div", { key: 'aa4d34c15170c14e4316ba44cc0ce62de75216e9', class: {
+        return (h(Host, { key: 'c5c84e99ea3294192a198c02e15c469d462f4513', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '167f018586ec86c5fffcec46d21e7dae68b78857', ref: el => (this.targetElement = el) }, h("slot", { key: 'cb675622f4400180090210192b7159724fb120b8', name: "target" })), h("div", { key: '67e553bafdcb8d3fefbb0f8a6c3fbf4a7029426d', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '768d033f05a4517d5399673436e0e10db7bc1a34', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'f792bbaf9bec3e02f2dd409edc4a941a048850da', class: "gux-arrow-caret" })), h("slot", { key: 'f47bedd287b17ddc9cd665529ef470e7d85102f4', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '53ef18570bd6ca8c086f993a5d4901b8619d94d0', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'fd6bafab02455a7f0007cdbbb860dec625b2a5c2', class: "gux-arrow-caret" })), h("slot", { key: 'fe9427b13c803d1cddb97b0f5cbaadbbcfef08c4', name: "menu" }))));
     }
     static get is() { return "gux-flyout-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: 'fc5e2ae86d85268375b5f094ad65c294f00201d7', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'c4eaea811ff06a313d4bf7f1332aef39cf66d6db', class: "gux-menu-option-button-text" }, h("slot", { key: '13fd8e22f088521621bcda49f52ff4a847d4a3ac' }))));
+        return (h("button", { key: '2de491d39c836b2f319b6c96b87b31e408b3ecee', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'ec9cfa62ddd1a747a7121a22f1de50acbde01fe7', class: "gux-menu-option-button-text" }, h("slot", { key: '6557fc3a2b2c38890e3e8ee8304f9e5b05a09f46' }))));
     }
     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: '7deb2bf2ca469efecb3655efe36e56e739374eb0', role: "menu" }, h("slot", { key: 'e6c2a810aba11f19dec4126051ccef0990598159' })));
+        return (h(Host, { key: 'cdb799dedd8b4e21a5d201b09a66cf7e58e33cbc', role: "menu" }, h("slot", { key: 'df78d0a5df60760b818c32898e70d9a0aeab9033' })));
     }
     static get is() { return "gux-menu"; }
     static get encapsulation() { return "shadow"; }