genesys-spark-components 4.99.0 → 4.101.0

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control.js

@@ -7,6 +7,7 @@ import { trackComponent } from "../../../utils/tracking/usage";
 export class GuxSegmentedControl {
     constructor() {
         this.value = undefined;
+        this.disabled = false;
         this.items = [];
     }
     onClick(e) {
@@ -30,7 +31,7 @@ export class GuxSegmentedControl {
         });
     }
     render() {
-        return (h(Host, { key: 'e716082dfafef434da5976ce6b92d24a52ebc13a', role: "group" }, h("slot", { key: 'f1aae22a88628ab70dfcb4ea13a84dc0650aa442', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '1952a10a27ff6ad93d8d711d0d9071268d02cad7', role: "group" }, h("slot", { key: '01161b8c664e5331e200d48acc8ef0d159e5d314', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-segmented-control-beta"; }
     static get encapsulation() { return "shadow"; }
@@ -62,6 +63,24 @@ export class GuxSegmentedControl {
                 },
                 "attribute": "value",
                 "reflect": false
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disabled",
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

package/dist/collection/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.js

@@ -50,11 +50,11 @@ export class GuxSelectorCard {
         }
     }
     render() {
-        return (h("div", { key: '8d1fbba6192ca0a41d87d798d8a2ccc1ba1611ca', class: {
+        return (h("div", { key: 'e1eba4d4cff38b06b9fdd9129ee7921af161167f', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '969fbb14f401d400c95c87ff4a26dfb660ffb162', class: "gux-content" }, h("div", { key: '4288c5c8d252e632d3ed6d4356973839beb93897', class: "gux-icon" }, h("slot", { key: '2f0a59c6652a3113a675651c56eba4101f61789c', name: "icon" })), h("div", { key: '046bcd334dcbede5c2aa1d8903c2f033e2e11785', class: "gux-label-container" }, h("slot", { key: '6988c4825800b7f7e289058477a243f22651bd66', name: "label" })), h("slot", { key: '051809cb3ce91a438ce99c1a0ec6e7783d7764fe', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, h("div", { key: '948053b1bdd37ced09ce5420d9c314a9108bbb7d', class: "gux-content" }, h("div", { key: '30d43b5616912e6bcac064e6a9b0f0a256d59798', class: "gux-icon" }, h("slot", { key: 'd91dcf98ae0fb5946963b991e6d8c8e7b332a78c', name: "icon" })), h("div", { key: '71e9c985bad98ffbe4ff9f1a1f4539a778f9f47b', class: "gux-label-container" }, h("slot", { key: '8653b677ed5ab4f935e4ea51adb143e414109ff3', name: "label" })), h("slot", { key: 'eb6d511e381ac945979128b8ddc76388af07f5ce', name: "input" }), this.renderDescription(), this.renderBadge())));
     }
     static get is() { return "gux-selector-card-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-selector-cards/gux-selector-cards.js

@@ -8,7 +8,7 @@ export class GuxSelectorCards {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'b02f3566386dec3f2dfc060a91386f32db39ac4c', class: "gux-selector-cards" }, h("slot", { key: '6334e361281bdc64fd3cd15f387bb7303927819b' })));
+        return (h("div", { key: '9d3133901881d869194d763fb34b7f42a4c00127', class: "gux-selector-cards" }, h("slot", { key: 'a61a8c6998dcde294198684d628a13ca8330a0b9' })));
     }
     static get is() { return "gux-selector-cards-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time/gux-time.js

@@ -38,7 +38,7 @@ export class GuxTime {
         }
     }
     render() {
-        return (h(Host, { key: '82b5cf6c605bde7b302d0a73deb452a34e15118a' }, this.renderTime()));
+        return (h(Host, { key: '6432f5c8e6362fbf9cf973d0a10af4b1d2079b18' }, this.renderTime()));
     }
     static get is() { return "gux-time-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time-zone/gux-time-zone.js

@@ -31,7 +31,7 @@ export class GuxTimeZoneBeta {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '18323c24483d93e5697275ff91ea8f8b25e21b5f' }, this.renderZoneDisplay()));
+        return (h(Host, { key: '0f182bfb6955009e9f6b0ca8fb09baf1f50f4984' }, this.renderZoneDisplay()));
     }
     static get is() { return "gux-time-zone-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time-zone-picker/gux-time-zone-picker.js

@@ -151,11 +151,11 @@ export class GuxTimeZonePickerBeta {
         return (h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (h("gux-dropdown", { key: '193500b9a5fafaa68f2c553f48968d0ea81bfdb2', class: {
+        return (h("gux-dropdown", { key: '9a8977bd6dcd0435ab027fee2b5a14586a634606', class: {
                 'has-defaults': !!this.workspaceDefault ||
                     !!this.localDefault ||
                     !!this.customDefault
-            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: '2855646613b22f351792e137314c3e1d0dc277ce', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
+            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: '363bbc22f7e454bbc51a77ce3c3db38a009d8a9f', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
     }
     static get is() { return "gux-time-zone-picker-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tooltip-base/gux-tooltip-base.js

@@ -123,10 +123,10 @@ export class GuxTooltipBase {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '1ee9387e1c24fb277126461fa2babeebaa53a420', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: 'b788e2bc87e9721ccd408a56f4086095e6647370', class: {
+        return (h(Host, { key: 'fe5a55694aa89aa47535e6123df49abc821e79b2', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: 'eba12e9121d51cc2fea5f3c65eb263ab288aeaf6', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'e8cf1aa777998c6f206e06ce59ab33b09a6189da', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: '1be0f1bb77bacf2f1e3e84b11800e0269c88a37c', name: "content" }))));
     }
     static get is() { return "gux-tooltip-base-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tooltip-beta/gux-tooltip.js

@@ -72,7 +72,7 @@ export class GuxTooltip {
         }
     }
     render() {
-        return (h(Host, { key: 'f2ebdfbd5fb382d6df0dd6fabd2f3c2eaa6f9151', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'e5bf22d96ef93ea9a92e3513bbf2b4402cc3b316', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: 'f142e0d4ed78a9baba60ad5e62cbfde574a7a1c9', slot: "content" }, h("slot", { key: 'cc4c38ecb502b49c12e9d7e27f349b0c8be36170', name: "content" }, h("slot", { key: 'fa21cef8bd4692de0c637f62e3b3487002d8efeb' }))))));
+        return (h(Host, { key: '7d7bae7b81ba9af26eda2d2fff931c6abbb11c20', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'd568293cb39955822bb1c9a3a3b00234a918262c', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: 'f5965423967f9167d2a1eec62a4f49d1fc3fa5f7', slot: "content" }, h("slot", { key: '69305099094fb46797b54ab75813f7930ab79135', name: "content" }, h("slot", { key: 'e28e74106bac620730a20e395d72ee425aed6b75' }))))));
     }
     static get is() { return "gux-tooltip-beta"; }
     static get encapsulation() { return "shadow"; }

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: '39eea09a880ff581d57632782b631454d9344270' }, h("div", { key: '90137f100aff969a621e74be16a3ad1122ecc9f8', class: "gux-header" }, h("div", { key: '2b7aef705c8fd9cea541edf5fdd2de23f29bf12f', class: "gux-icon" }, h("slot", { key: '51062898df1646258a76fcd286f64ccc6102bdcb', name: "icon" })), h("div", { key: 'bbc9322af84778571014f59e0b03f8afaf958039', class: "gux-title" }, h("slot", { key: 'e2b3ca1557bbb46fe3ae3cd598c1c09afbf3e985', name: "title" }))), h("div", { key: 'ee968a9d48cfff9d48a82b67e2f553990139d532', class: "gux-message" }, h("slot", { key: '9087bf84e77ac1b314610772471f9cc2a0291e38', name: "message" })), h("div", { key: '229143a88629fb346cfeb9fd6ab33593486cae75', class: "gux-action-buttons" }, h("div", { key: '82c89befd5e68037733173cf0121de8ff8f63b23', class: "gux-positive-button" }, h("slot", { key: 'fb4a59a75a6f3edf4e53b7cb636e5accc524a1af', name: "positive-button" })), h("div", { key: 'af0c49681fb382304fe47d63277d88cb1aedccbf', class: "gux-negative-button" }, h("slot", { key: '9707d14de8db9eb424d19e1ccf7d72436c2a991c', name: "negative-button" })))));
+        return (h(Host, { key: 'e910c2091671903ba6678bc8c9c7df7cc81b8e4e' }, h("div", { key: 'bea9fbda05d91817d859c9b2dbf5ba8e57de8cf5', class: "gux-header" }, h("div", { key: 'fa91a5df005ce407d89be95eba0cf82e33e51eb9', class: "gux-icon" }, h("slot", { key: '76e757532b23e273e7a3141c8b3941145a45e254', name: "icon" })), h("div", { key: '51a5fb4275acd1b6c03e27e5ee2393735651c46e', class: "gux-title" }, h("slot", { key: '809978e3312625578c012838be621543655c28db', name: "title" }))), h("div", { key: '9ff1aabb3e01ea9ea65129aea2dc0e4a34a12123', class: "gux-message" }, h("slot", { key: '6611226bca9cbd51552787159611fbbc05c231ba', name: "message" })), h("div", { key: '028538d3f12b2359c2b43f448eb81f77a1361b06', class: "gux-action-buttons" }, h("div", { key: '1060b432dc6ee520a70e05a01e0a3448b2af7e72', class: "gux-positive-button" }, h("slot", { key: '0b8829d395a7637d3a831e1f1c083e7799de85f6', name: "positive-button" })), h("div", { key: 'cf79a83bb53e071378804f91728f33667b1a7ac7', class: "gux-negative-button" }, h("slot", { key: 'e156acc6355467568ba53b21ec8fe7ebcb611816', 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

@@ -58,7 +58,7 @@ export class GuxDropdownOption {
         };
     }
     render() {
-        return (h("div", { key: 'f5992bc9725a305c4ce379aafb8f899a9ff8467c', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '1c8a172832ff159bac312d8cffcad1d9e4b0225b', 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

@@ -70,9 +70,9 @@ export class GuxAdvancedDropdownLegacy {
         }
     }
     render() {
-        return (h("gux-popup", { key: '137082491e948a61be16aab243a27e588b518548', expanded: this.opened, disabled: this.disabled }, h("div", { key: '0593f7f38a551a234f53adcd6a66ef3ddd8685eb', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '79126386705c8096e4c994df0f477548db6f7a77', 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: '9c416bf93781cb18cc4599b3418d5f014abb1859', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '8504fe8469b5b1dc011e47d46b4024a085d2de63', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'fdf502465849a0e4f7468a2d200a08a1f91e3289', class: "gux-icon-wrapper" }, h("gux-icon", { key: '53f93df36c182692971bd9f96cd500ee9feec712', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '5d95bd99bf9d1145599f1d345892d2a06473a663', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '7eb520651c465d6c93e71a7a0b0516ce660f8f5f', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'b55c179c839ae9211b86f52b90fa8beae41e8745', "label-position": "screenreader" }, h("label", { key: '67a6c6cdd4520e43a0c1390223e0c8e3f45fddae', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'f3b4f1b4e33b3512b8bda8638e29bd410af87d63', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: '4166eb7fbbfea786ce8e1b5baaf83674ba95248f', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'c5a4be5999a5c99bbe17732a60584432061fea08', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '6cb0759f595dbcb60fff7c99eedf8b53878a4c68', 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: 'eb8a7638dccac8a049eec486c56c54d1a5719829', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: 'b90a25c704ef87a7e91e350334ebae60a9388808', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'd2bc8729c1276c717c69e1f761cef1ea1d19f28b', class: "gux-icon-wrapper" }, h("gux-icon", { key: '6b89a96a30a7ab66e3e459523fe11c0e392f5467', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'fbbfdbf4c72f4db7bfa7fc2c547ffe75a3463920', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'dd6cbbbe2e56509627e6568d807ff3ed58644d23', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '4bdaaec0094554b748457879fa620ac8a087f3dd', "label-position": "screenreader" }, h("label", { key: '600fdded20c0f4ee37c55e1d752b0f20ea17b91c', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'cedc871ffb53fff5bd78e37f115a049d793fe80d', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: 'df6df0b8d2bba10bf469c4e78b4bd698dffc05e8', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '85696e7589d49552962371ab41243cade0bebae1' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: 'cf6467ed42dbebe12928107eb16af05370e489d7', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '146cd86c93dc3ea4fd6107bc8f6d1f76b4f7a7ea' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

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

@@ -38,10 +38,10 @@ export class GuxDisclosureButtonLegacy {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: '3e012aa285ba44d1bafa866f76fe75f106c46bec', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'a2f08d3d7c45fa5c46029bac455528a65d712aee', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '5f92ab8708b876b5dc830ddee317bccd1d91f01d', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '6507cf0d514cfce18c5bceffed5e13b2b36c3316', id: this.panelId, class: {
+        return (h("div", { key: '380bf93e1ab0b7afe053d76c51e17fe04ad55c5f', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'b7ee2cce68baa350ca54bd250178dc47108c33bf', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '7d782bb3c8fc59c2c607414734032b3468373b3a', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '8299192dc83ccc26d9f0a5b7c9c502c1e2e16771', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '0152f2061ee1cf6ad211d2c949bf99a1426a7921', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '289522bbb7a1828b2c0bfdcf9b6c4e8e54d389fb', name: "panel-content" }))));
     }
     static get is() { return "gux-disclosure-button-legacy"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,10 +42,10 @@ export class GuxModalLegacy {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: '0b7bf1803a27712de1d2ce1e2864dc9c49e9004f', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'ab479c087a1af922272b5c7a6ed333c4b880e904', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '187bccef5bd926618c5674c18c2b33de87612de3', class: "gux-modal-header", id: titleID }, h("slot", { key: '8a35d0336b0df7cbfa1f3965594ff9c00e7332b3', name: "title" }))), h("gux-dismiss-button", { key: 'ccfcb15e7380b3838f602e30aabca386c5203b8b', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'f2d4711d6492ece45af28c3d25a4d470dba54152', class: {
+        return (h("div", { key: '7a943954edd102cd24a11874d50abe663e06cc87', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '9b7cf9cc2baec0a35dcc5b0357f1a8c3ac92e43e', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '456bfe750706c395febbb4c96118e31ff3e1c52e', class: "gux-modal-header", id: titleID }, h("slot", { key: '783b8718ea3ea02dd2811f91ef33146d765a0c02', name: "title" }))), h("gux-dismiss-button", { key: '69eed2fcf8332f8fbb196a873a0ad172358c0df5', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '9352d439b16722dce40341909ba3973e6d98c7b0', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: 'a53a92c0acaa5b9c561961937d40ed36da098c12' }, h("slot", { key: 'bd56c58ad6bf1ced890577ea660de3375f0f50ec', name: "content" }))), hasFooterButtons && (h("div", { key: '6b4ba6636c4ec443e02bcf1af00783ea20523ea5', class: "gux-button-footer" }, h("div", { key: '42ff0cdd27d1c25a6fdba0d90f440a474ad26c0c', class: "gux-left-align-buttons" }, h("slot", { key: '21c3373d83ecd0325643f482337c3d4e95c5aea4', name: "left-align-buttons" })), h("div", { key: 'da00f46b200b01eaf88cbc6674a5b24e12e82e2c', class: "gux-right-align-buttons" }, h("slot", { key: 'd58bf5c5f8ee524acaa366c2b8fec817257124bc', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '0055481b84e464e9f99d70217e0ac114149fdcf2' }, h("slot", { key: '12dd0d0b9327f0586ab2f69756aba55d2b5aacc3', name: "content" }))), hasFooterButtons && (h("div", { key: 'e5e2f768762dc20049637b8d55ca49acf4a5db1f', class: "gux-button-footer" }, h("div", { key: '3df016757d97dafeab0f2b15317d60eb3962733a', class: "gux-left-align-buttons" }, h("slot", { key: '0a7298eb91522626559564a2b7121368b2e320ab', name: "left-align-buttons" })), h("div", { key: 'd605b78e41e4aa20ae291ad81d0173fc3480731d', class: "gux-right-align-buttons" }, h("slot", { key: '714fadd6525b0375d149413a55b3854d61f0cd55', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

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

@@ -13,7 +13,7 @@ export class GuxNotificationToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '81e1f0e6f5c908fc2f34d79870e3d0a968de4bf6' }, h("div", { key: '3bb0a7e11448c7d33a918cc90ef2e090a1b69687', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '26a5be9802c834fc3a51dcbfda55c0edaac82a94', name: "icon" })), h("div", { key: 'fc94a9cc95a742eed4954281081ee4874c4639e0', class: "gux-content" }, h("gux-truncate", { key: '716c86b33f2370dc82ad5be6e80950fdf5d216ac', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'eaaaace3c7e6817286c09ec79f3610f72204c991', name: "title" })), h("gux-truncate", { key: '3049cf588bd4a5885f2dbe15a60dcb2eddcf89c1', class: "gux-message", "max-lines": 2 }, h("slot", { key: '1ba40d062fa1dc59fd67d067dba56cf3c7d6bc77', name: "message" }))), h("gux-dismiss-button", { key: '57ab0ad1ee764784351e6cad120c6b0482b8c194', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '57855bd523d8094976b2432321e2e6ce5c2c55d8' }, h("div", { key: '7ba34b2ff5b35c136566fd7ccb0ad3e95eed5201', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '51dbe884721af6e752d9639119d5ae7b8ff1eef0', name: "icon" })), h("div", { key: 'ba8b02229cb19ebd6f4e840053f07f54ba3f48d2', class: "gux-content" }, h("gux-truncate", { key: '0640385628f1350805f4d9f7540b49166ec6a1de', class: "gux-title", "max-lines": 1 }, h("slot", { key: '62a05d4c570593a19f579556c7d59865233e7740', name: "title" })), h("gux-truncate", { key: 'a5faf6e12b5bc643024c67fd08d5759863af2c87', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'cda23674fdd22d2453c7777b81f0fe7283833bf2', name: "message" }))), h("gux-dismiss-button", { key: '3be6658f04b7a271dfb7964e94af768bbe643acb', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -71,7 +71,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '1002a9f57b994f82d4c55fe8bd44ac81aec86e05', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '0db29d47bbe35069be34418b6219bf65597c0c87', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'd09492d423a68a907c62cf8997ea6e4b82cb3d99', accent: "ghost" }, h("button", { key: '73e893c511d07567c5d0e2eca9b32e9e79e03dcf', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '0a2f5b667a98526bc9fd1468223db8a1188eb046', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'c89f1a7ae0c076858cd333f5c9dce5d81d829cb2', accent: "ghost" }, h("button", { key: '84659747522156ef703047d71c1248495b7083a8', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '23ae006cdb96db54b7bf175c4f19004ea52e3fa6', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '817ea0b515203e1b4cb06bc8d72386d1e8ebf8b1', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'd6fb04ae44b07f1cfd056f4f4e847b057e760b64', accent: "ghost" }, h("button", { key: 'dad95f95adc33bf6cc9e8a8d6725af4ac5f095a8', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '93d95803fb291740747dc31280e106c9e7651930', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'b6cbebbde660a985128f227ee2ef0d313358d040', accent: "ghost" }, h("button", { key: 'a1c5fdf80c4706ca5b12d0de91d555ea9924b03a', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '706f0d4e1ac7ef44297f8bbdb5c92f5f676a3e5e', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '63f25242d8f57533e0472cc7b2dde6343f9cc461', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '69f6fa72263132acf189416eda2ba0eec746126e', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'a6df3a314c823bc710e6b631bd58216e9e37f098', accent: "ghost" }, h("button", { key: 'f67ed197ecac37fde86f1c35dc05f879d5e44e2d', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'ac087e56dc8985d4caae009f77cbb37dcc47739c', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'e3f46f270f2420b563f61023be4ce0c729b870cc', accent: "ghost" }, h("button", { key: '092511af1995070a3276fe927234f0ebdc81968e', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'd4f2f403bb776ec4fc7db62e99e0a94fa6d2d015', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '53171cb1a79c4546af339f58b33717144eae4b86', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f22becc2f8cd95ef0c16b4702d44c98d2ad69ee0', accent: "ghost" }, h("button", { key: '3e67ffdd6f4dcecdc5df5f43271ebeeee8763815', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'd7ab04a202d803f8095df59f276205d7c0d76d4d', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '8b1b19b39688d6e7e47486a2e0a5ef1631e03290', accent: "ghost" }, h("button", { key: 'b975116faa3edb01d80083dbc7563c8e76e8ad4a', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '235ed5444b79ce05e92221c6fccda9f8f764ef66', 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: '843dfc2f4a9499f00a2e4d38bdf62886a78c673b', class: "gux-pagination-item-counts-container" }, h("span", { key: 'f7774f33eb83edd54a7563b4c069156c75271656', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'e07678f89cd0ad68035a44cc0bb188845c4aadf3', class: "gux-pagination-item-counts-container" }, h("span", { key: '0ad495a7e4935c4ca9c39ec413b541f577372517', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'ae705898bcc17e844c47b79dd22bb1ca926e5443' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '0ec25b4413086c37f148cd94800438baaf83b0ee' }, 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: '58cb24562a200013ad3845004fda14082166405e', class: "gux-pagination-items-per-page-container" }, h("div", { key: '2744abf9a220717e71f6d0579a7fecc6476044fc', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '145a514daf02bd9692b637f6ed4f432392e8b5b6', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '0189325ebbf1469d4e95a3df1a3ce96839e0366e', class: "gux-pagination-items-per-page-container" }, h("div", { key: '48a9e130c47efa5f0a1d42d075d5ffc81db26c4c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '01dced62d3184e62bb85eee7952eee2527ff1ddc', 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: '5b21f2debbbadf6bebe3dfe94103e4e4bf55c462', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '4018afbdd1fd11843e8c72ae889531bfae857f12', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'be9c5c3501163de425e8ab14be9b25818f2d7d03', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '22b47645b61ca44ddccd36980f79af2596f2601f', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '3ce9e0fe6b3bfdeeb71c86e6926845a90bf0192c', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '81b6ea9789fb6c1f0be8d5bd9f8d9bb5a6f8b57b', 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: 'f504de9049874db1ef706c042175bed36d423b29' }, h("div", { key: '803640396d7fec743592784adf5493fe22e68e0b', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '0b68c6cf8e77354ae526bdcdcea5fdd812889a12', name: "icon" })), h("gux-truncate", { key: 'e8d7271eae9498077c3b5d59c0032e281db51f84', class: "gux-message", "max-lines": 2 }, h("slot", { key: '365a98768b8399f4cdafc97a306c915d0c8fce36', name: "message" })), h("gux-dismiss-button", { key: '73fee5a9c5c07c3ee40829bf277000ef71776f47', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '91a7b9d2b40a814fba37e659cbb32e74b328b497' }, h("div", { key: 'a3566d34608e319b302a92a64a58e92e055bff89', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '56b8a5cf3b867cfd9314af9e281e50f336f5d8f2', name: "icon" })), h("gux-truncate", { key: 'b3228d05b1900cd02f52469004e6c20a38633850', class: "gux-message", "max-lines": 2 }, h("slot", { key: '98a05ff8453bbbf851a6f67224fc4c46af6f6992', name: "message" })), h("gux-dismiss-button", { key: 'b35400665b335f55a70b5bc3913b88ecb12cb868', 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: 'ae34392f0292d4d2cc8728911337e787d993b89d', class: { 'gux-selected': this.selected } }, h("button", { key: '5a04666a3758787567515f886ec21fdbaa6fec16', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '8b193776a94310ca90d3a1628f88fde7067a414c' }))));
+        return (h(Host, { key: '7e82f731781d671c963bab0d647644c48bd21489', class: { 'gux-selected': this.selected } }, h("button", { key: 'd77441bb5e773d2e761c436f8aa0e00589436376', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '592db68e2e893455ad74bfd9c270351d38596695' }))));
     }
     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: '5867673a98f3970fba12df7e8e447043462747a0', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '014692f4ce3ebe92883d1db66869b00c5c9eb331', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '01b1ed0a1e77c1244f4a2b24358c49a11b3ce299', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '0349e5719f7e8fe19c7d25980da0720950b804de', 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: '004d8bfe8e4b4b5893a1139c1313d2ac2b781278', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'ee920ec8cb33d05e4e42ae0ec10f92436496fd5c', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '43193e92ce61aef0aba9eef1dea4f6f33a7b98b0', class: {
+        return (h("section", { key: '7cd9c9c4f3d04e724708e251ce538278c1036498', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'a9689ab37be501c30e7cbb31a0bd1f7d60a92487', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '3d5de577b7f6c6dda314ca49d19a6ca73093e802', 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: '9f7153eea96aa5d84824bdb1d6c60b09f524ec35', name: "icon" }), h("div", { key: '297fbc5e3bfaf05a2ced887999b7801e40d2a1e5', 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: 'fae71ec230fd48bf6a897050b390190bbbc166ee', name: "icon" }), h("div", { key: 'e20f9f0f3720527c9eb1b1c1e83b4eed762451ac', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '1ff173c152f6c86810bbfe2fee97c742246181d4', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '462b59b9b3622032601d26a055f485fde266da33', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '464f784a9e9305eb2f55685baa0ca33053a92d0e', class: {
+            } }, h("slot", { key: '4a94805c7cdde6940cec177463ad2ca76ff2f2ea', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '9935d25bb4f814dffb504dd53e5f82de0955b7cd', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '037e88e6fe6bccb9c9ac16aee2a50728bdaf46df', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: 'fc3f1e2cb6c71c2735f91116d67062c8c8d0f832', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '5cca845a8f661f0528ce13db646d5bd7298506d9', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '34bf86145df6ce937a9d62efb856c32940a72e19', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'c5655f0f897a7dafcb8718e40727deff41d1d453', 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: '83ae687d11eccdb0767a72acc85647c9f46e2332', name: "content" }))));
+            } }, h("slot", { key: '8738841c1fe89cb5fbe6ff12fe34382d94f755eb', 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: '905614240ce3096c84de9fb4f4e4fae9939a0564' }));
+        return (h("slot", { key: 'a1a871552d6af352c92a9171a7825856ccbe7c57' }));
     }
     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: 'ecb21d18f959703ef11a3629010b5be4342c9a6b', class: "gux-action-button-container" }, h("gux-popup", { key: '33808b5af5d204fe34dc30ce2666908e16cb1aa2', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '81c0f63d7de85120a2ee81cf59bedfb9e3597523', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '5a69c36753de2e6ea96ab6016fde9f2e54e96840', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '6f253a2c575c2a2526cfcf1940820bbcbcf33428', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '7014754ed1e8fe3237bb3fa71a404eda46cf278f', name: "title" }))), h("gux-button-slot", { key: '1f649e5f4aa40a63a090361b40794f4857a48c38', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'df9c163e08b30c291f18b3956f9109cbc7dea766', 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: '02973eb6bdbf740cd2ee5de433a8c907863dfe0a', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '8096eff3ac184ede6c86b9c194fb2fd6e713e5bb', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '9746e480d72de3d0d1f8abd0ecad62c9e84f7bd1', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '275778ed277dd0ad04a5b01edad914e59a2f0f9a' }))))));
+        return (h("div", { key: 'be411256366466d820261dbd39fc0023d0601819', class: "gux-action-button-container" }, h("gux-popup", { key: 'b5afd57bf1d4370250f421b28319897852ec7071', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '9112d3c8b1f32306f072548a859dc2b5e30c3c19', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'd2d8cc0b00af8cbda04635afe32bd38e782413c1', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '0b5a42cd86494ed9c9747de269fb12844b101b56', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '8b458ae032ffaf64a4cc73d6bbdcabe9867a8841', name: "title" }))), h("gux-button-slot", { key: 'f33e911359cda9970ad76cc85e22b91a1ffc0ec5', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '54112ef2045a2f139f166ed0c5b8118cb445b69b', 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: '52636a719b2926a1269b10e19df71d03ce3c6e5a', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '1377dddb3a5476adfbfcb2f06191b8b3289d8626', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '50dc3256bf0be1acbed04115b1bf5e22f9ae6f2c', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '1212f94542c3fb04aa8acd9c2333e6cdd7a7a52d' }))))));
     }
     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: '5fc960eb430a50086414b163fafa6b83453ed906', class: {
+        return (h("div", { key: '427e31d40cd404ff2e6cd09c3e07157ab7401206', 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: 'd7a374fba7bf2276d60e757747581c3f678900a6', class: "gux-container" }, h("div", { key: 'a5ba82976c62b5f8a60f7b49ae3be6677e83c0f8', class: "gux-image" }, h("slot", { key: 'dd3e11431228fe7cc4fe6680aad0f4a31753830b', name: "image" })), h("div", { key: 'bb861a504449b3dbe91996c8e9f4cfac7d75d0ba', class: "gux-message" }, h("slot", { key: '0aa5aaccba5908523e8116c0bb25ee657d02d386', name: "primary-message" })), h("div", { key: '51ec1cbca17278dd5371810854c601f3b3541039', class: "gux-guidance" }, h("slot", { key: '14c903826dfbae78e465354ff1f59eb79971289c', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: 'da4daf57378c6ea876ff7a06382b2f0ca600c2ae', class: "gux-container" }, h("div", { key: 'f9ab7e0078164d39f9c73e4b9ce4ec05eeaba349', class: "gux-image" }, h("slot", { key: '9647c4def38370b3f88ddfd2288c2b1d944308f3', name: "image" })), h("div", { key: '78d9fb4089a00b1f09ac7e150bf2a6a6a3dd948b', class: "gux-message" }, h("slot", { key: '3c577518c38f5b513d00281d036fc2e155fb43a8', name: "primary-message" })), h("div", { key: 'ed604d49f469184d4e252d0d7621107c191583ea', class: "gux-guidance" }, h("slot", { key: '9acfe74e449579d0d8e5b7c21373e64ba18f646f', 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: '00640efd0fa323997da7831cb579d1e3e58579e2', role: "listitem" }, h("span", { key: '699f9836bf99f5d2e8c90e0171b85f386455883a', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (h(Host, { key: 'c80d058bdb89277fc18eda59bb80791d2cffaff8', role: "listitem" }, h("span", { key: 'adfc997b6e21d64507a8d4ed1e5a6709356d6b7d', 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: '815984d970d60bf73659738741cc5775a296a38a', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '58416920345d700a080713702db5c1e02acc3579' }, h("slot", { key: 'ef39dbc56031ac0ad49d7d80c6b9a77cb54b43c0', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'cc549ab3eb08cbe1d387705b1872f7702727025c', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '493368ccaa36d35378c0e5f3cffc2457ec5b67ff' }, h("slot", { key: 'bd026725e60e6cbb8cae9c4938f00358991f8d73', 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: '4ca1a41ea28337644473c23da384e2f77c72ff7a', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '89fb5403854c3f59ab6825a764e097a13c8c9443', 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: 'a7899a696b9e23cf9e5b7cb88565a7ff5e41c295', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle }, h("slot", { key: '70d13d0da92334aab6f45e38eb7099632472aa12', 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: 'b3fd44285760c652c886ca7c909dc9556ec5a2c6', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'f782a49b23e784139c96de9193365ced69d2a3b5', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'becc8aedfb89d28f6d57500231a7a006007a1638', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'aa46fa6659ec58213bd58d26ab0bfcc910d95d25', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'cb021513267a01d10efa2b7a4152df26f37a74f3', name: "title" }), h("gux-icon", { key: 'fe0a15ab86637a89d5426982aee605bdc2c2f84b', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '9b9107fbc13a0405776e0a9988e84ba1468dc6d0', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'fa751c4d99500eb79c853d947eb7758fd56155e6', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'ac8e1b00fb591dacbf330109da33bd6034619b57' })))));
+        return (h("gux-popup", { key: 'bb23476c36a40425b655aee3e05c19146e7916ed', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'e2dc210ee3587b88c102e8b027c51a64369019a5', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '6d8e7222ed640e3ac35cd448ed14b78e0887fab5', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '12ad1b6b0b657c71d401b0a10bf3a20d083024a2', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'efdb482bcf2544643ddf48e79443f21b2faae1da', name: "title" }), h("gux-icon", { key: '75405f5715f71d1792b3e66f33347ea1badf2476', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '9773239205ae10976799558f3abe80d285b3ecaa', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'f4ea49b5154268ea2bbe2b78cf388a538643cefc', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '4171bcd26e3ad64ebb7976288b8b5bed045e6c12' })))));
     }
     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: '7b22aeb8d158c7e52aec372a3eeca1d8765b7071', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'be3cecab96bfb18dbf0bfa1c1b751f2a24eb912d' })));
+        return (h(Host, { key: '4f6df33c30d8ab507ec79e3de85935f394f81694', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '1693df0a6d24652e1b15aa2e824921cfb0743e0e' })));
     }
     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: '8e20e6de7b55e6fbd6d569cb3fa7e7fe4f213ca6', class: "gux-calendar" }, h("div", { key: '8081d217943c18ab9104bdb2df84dedc5e1ba1c3', class: "gux-header" }, h("button", { key: '27befcbc963c3d769f1bd38e6764d985d049eb00', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'd6c29f6e6a130fbfda8d8aa1fba0e57bb52526e2', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'a19d7e3749fcbae78a8016bb68052530a9bd1662', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'a70ca94c7964c90976bf9dd4b35e9c1a2d3c52b5', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'b9f588b3774e837927dc2c44cc1a18f2f1bf066d', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '175a3122ae0ed90efdbb481b41658a5c0117423f', class: "gux-calendar" }, h("div", { key: '08cf40ff2f7188dd308963ede8f701099abf186d', class: "gux-header" }, h("button", { key: 'cac7ce105159c7d642b183506262db01c9a3cee7', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'f774b0e45a2e4bbccae6b7298339ff1b64d5356f', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'bba031759d2af4de337acd267c22f5ec509dbdc3', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'dce30885a18da46919908902b46be51dde00e3fb', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '566c905ec6431675978ce220e38bfc523461b4e6', 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: '7c23d8f0ca08b028335f7c48a340c1330de41a36', class: {
+        return (h("div", { key: '90b29aab22e6f84524c9773daa4ace7bd2023ec7', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '5df0b315d67bf77a9b4c385f95fc46d4cb6a339d' })));
+            } }, h("slot", { key: '00e3e3fca9f4fb33462ba7616dff958ef0f42263' })));
     }
     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: '067d491ecdf86105eda6a7f721ace35dbf842ea2', draggable: "true" }, h("div", { key: '0fec664a64e8eceab56a96db9994478e7f3e6c3d', class: {
+        return (h(Host, { key: 'd9ae9d0819dea054283a5c2272f9e8f9475a7ff4', draggable: "true" }, h("div", { key: '15cd47cf8f284f333b0a129eb068e1d46e73f9c3', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '4c9c29d31f2bc89da627e4d2ee722b17c603e04e', class: {
+            } }, h("button", { key: 'd256ad9a45514599d236407257a2c02039833466', 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: '4fa6ebf1c5c1b9744ea51f4857f2de5e781cdd4b', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: 'a2e1513d39c8f6239ba6611425b5b6c8ff344ba5', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '674995d6606e69f68acf4244991e0a8f4571b0a5', class: "gux-select" }, h("slot", { key: '8b75d052252a973cd2059d69d13ba7644dadb87b', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '28cf235ff87aa8c7bcb99dcb366dcb996095d6b6', 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: '376e365c7846456cdb97a76e9da0a953803cea69', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '8361a9c791d815780d9fecf4bcefc552e87da1dd', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '8e4f21cbd2e7605ef67db952ae3e7a16730885fe', class: "gux-select" }, h("slot", { key: 'ef238bec81037f9ed558dff3627a14d23d354644', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'baeae7e843ce8bd194dafa0dddced63ee2f25a3c', 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: '370da0d53ba19a3962029a84bd3e4403650fa16e', class: "gux-container" }, h("div", { key: 'b4b5af423240af2935fece94358cb81435b7da03', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '06a1115bdfd1e896b73d96babe64cd1b7b367f40', class: "gux-search" }, h("gux-content-search", { key: '40891b227f07691f44762da822a651302ff0c4fe', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '56444c1709807bcf6a10cca0257f4f8be502eac1', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'a08a0c08261932a6d3d79f0cca950dda8445922c', class: "gux-select" }, h("gux-form-field-checkbox", { key: '43d06ed614919b23855e576223e6ee7d51b62ab6' }, h("input", { key: '1bca66fcf1d0225a3c602a3c7a6512e60f5cbdb4', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'ae1433366f63f568e2ba19adaad99aa6daa64ba9', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '69841e2c8fcfbfc7ec523cec1833f3c19bd029d5', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '5651c3c5c3a958e1bb37d0184cde0e5bd6f30a37', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '82f8554cf144b56e0f0d5bf0f4008afd109335be', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '5d30225bbc4be4b3e08179da5f9445486f9e40b3', class: "gux-container" }, h("div", { key: '2b8edc7871dd76804845dcaf47404f6e5c374b45', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '91eb2a24628d06048925060a8bfde8f13e7ce3c6', class: "gux-search" }, h("gux-content-search", { key: '968490f771ab703a0e9c42b89af38d14e6bdcba5', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'c6b5eeb0279d30f9a8e93d1f2c67b52bd264ecdd', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '512258a39fd046332f10a67e36b9338345140c1f', class: "gux-select" }, h("gux-form-field-checkbox", { key: '34c59a23807267d358b2285b6f44c0bc9745e6c1' }, h("input", { key: 'ed4eaee9f025cf688146180f7d1b831870591c26', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '195913863439df56ac9e2e6712155012c47ff2a3', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '7287092206fe2a32f718b8bbc955983e3e67cb93', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'bc8c72014afc76522583b338bcd134afa5a4966b', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'c6873f2b23c35972f1416f2c5786a255638fab10', 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: '70fa2ec67705b1c6efa6d9e03a300637cfab5e87', class: {
+        return (h("div", { key: '05ab7428ec6ed2cd9ebe18be60846f9c3e593fdd', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '166de23a57ab17100aa5fbe5405bbf47a32d2b00', class: "gux-search-icon" }, h("gux-icon", { key: '94f504f42b6c86a498c7556f2e40b95d5640dceb', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '3d26220534f78971587071f2ffd5112970bdba13' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'daa1a1c80ed175957353ed4136cb1dac664f4fe9', class: "gux-search-icon" }, h("gux-icon", { key: 'a6c9f06dc89b5b8e690909ed69537c4397931c6a', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '88f9e837012eb172864f39cff80b9efd68b383fd' }), 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: '38be5a145ece46ef106d958cd344742ab113ccda' }, h("gux-popup", { key: 'e35c3e51bcf49d4018a10e00198082f81e31d43a', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '0925f76f39d7e9feda8913f52a06303f864fe9c4', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '6a36c3e7105928634dc5c4b81da9ef4629451e01', accent: "ghost" }, h("button", { key: '7b1f32cc9adc0bc96bf176f6e75c10ff6e7ac72d', 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: '37ff1e28050e20832a06c70008b6491aa33d0cec', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'e0e1ea634fc99b892dabb1ec5c3e5c064aaef5ab', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '67f51f74515cf53bc0a972ac66e5eedb4e6ac877', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '480973e3af6eae12ab39d6015bc8d5c5e7af5cc8' }))))));
+        return (h(Host, { key: '95a0b9a1b4dd3293612747d84884ab1024555005' }, h("gux-popup", { key: '44f36c2688903b62b934196b5b79761b5d4233e2', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '68cbc7c250297161f6eca477e5777184a5720adc', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '73dd34369a0821bbcf008129fe818b3008b1a4ab', accent: "ghost" }, h("button", { key: 'f824c95c6770291287dbd34a000def633f73aec8', 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: '659d87a1a62fda256b5793486444512e6c161ad4', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '753bb69233da5bc81c6fbac0b06c563757f94f1e', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '01833dbf242c9c9a1c5df6d64c7dbf7a7edee82f', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '3903e9e99a4e25f4a52e6dd2019416bc8ce06c02' }))))));
     }
     static get is() { return "gux-context-menu"; }
     static get encapsulation() { return "shadow"; }