genesys-spark-components 4.65.1 → 4.66.0

package/dist/collection/components/beta/gux-phone-input/gux-phone-input.js

@@ -342,7 +342,7 @@ export class GuxPhoneInput {
         return (h("div", { slot: "popup", class: "gux-listbox-container" }, h("gux-listbox", { "aria-label": this.i18n('regionDropdown'), value: this.region ? this.region.alpha2Code : '' }, this.regionOptions)));
     }
     render() {
-        return (h("gux-popup", { key: 'd757a933268055f0d21c970964bc4f95b136bec5', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '59b03638af1cf17ea4ca3f39da446242b2e91fcd', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-phone-input-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-screen-reader/gux-screen-reader.js

@@ -8,7 +8,7 @@ export class GuxScreenReader {
         trackComponent(this.root);
     }
     render() {
-        return (h("span", { key: 'a1984ab57adde238791ceedbf7b53924268dd044', class: "gux-sr-only" }, h("slot", { key: '7aa8337a58af16c329b365b9acfcbdb2735005dc' })));
+        return (h("span", { key: '22e14d7bc908e91d683586319c21935d1062d4a0', class: "gux-sr-only" }, h("slot", { key: 'd287096bf0d0c6b686ca7f4a3aff8d183668cd73' })));
     }
     static get is() { return "gux-screen-reader-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,18 +45,18 @@ export class GuxSegmentedControlItem {
         }
     }
     render() {
-        return (h("div", { key: '0566c417db56e075b7515a3102f24f852d30d689', class: {
+        return (h("div", { key: '203dd1bba9f383c4081176a17cf2b0b42dc9bad7', class: {
                 'gux-container': true,
                 'gux-start': this.isInStartPosition(this.root),
                 'gux-end': this.isInEndPosition(this.root)
-            } }, h("button", { key: '6859728b3f9bf1fc8bf15f361795d6d1f728b3f1', class: {
+            } }, h("button", { key: '2836a544324a0606be01a36e19bfb67c3939bb52', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: '3879c5709da14e7d66f97611b4491a38460b5519', class: {
+            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: '90abc8d1be2947227a565a243f903423d694f906', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: 'e97a25af91f85b8e8212d7f34c480d6fe7597b28', name: "text" }))), this.renderTooltip()));
+            } }, h("slot", { key: '3419f2a12c570f02412473e8cf8a8000fbb5acec', name: "text" }))), this.renderTooltip()));
     }
     static get is() { return "gux-segmented-control-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class GuxSegmentedControl {
         });
     }
     render() {
-        return (h(Host, { key: 'd053abfb3d9593e45ce22e0944d2452c4a48cfa6', role: "group" }, h("slot", { key: '956a75cb66ba7e29f6cec555ee098eda205c905c', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'bdd4c0d659f1008fa65ee9d2988a9c542b647987', role: "group" }, h("slot", { key: 'b4a966abae830574f615e90366b8357e2dbaab06', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-segmented-control-beta"; }
     static get encapsulation() { return "shadow"; }

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: '4341262b9567224c6278912198bfbe8ea5ccab5b', class: {
+        return (h("div", { key: 'ed773aa0e465771404a81c1fe175d9af75fa3b94', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            }, onClick: () => this.input.setAttribute('checked', 'true') }, h("div", { key: '8d63394652e97233cde356ab4898881cab25b479', class: "gux-content" }, h("div", { key: '64f38300cea7bd53fd06033081fe977356f3e05f', class: "gux-icon" }, h("slot", { key: '9cbf9165b0e0b64aa67f70a2b59c1c349d8b8f26', name: "icon" })), h("gux-truncate", { key: '852cb669b67911566842b842146ecbb2987a86f6', class: "gux-label", "max-lines": 2 }, h("slot", { key: '438abf80a7a27c480dba5d247e7e9680aff69a3a', name: "label" })), h("slot", { key: 'ec2a2007157c2149f0e23c3ed5601bcae4735635', name: "input" }), this.renderDescription(), this.renderBadge())));
+            }, onClick: () => this.input.setAttribute('checked', 'true') }, h("div", { key: '70c22bd552888f43a35601fed008cb15bb103f7e', class: "gux-content" }, h("div", { key: 'd6359d59ee5661f36bce0e9907062b46da860ccd', class: "gux-icon" }, h("slot", { key: '2707997b2531da69425c25f9e72261fed9b9f8f4', name: "icon" })), h("gux-truncate", { key: 'c05001a3226ffcbd7d7f7a9575af370dfb124141', class: "gux-label", "max-lines": 2 }, h("slot", { key: 'a8222025c779ca81805dfbd14a0f6d0d36d5a631', name: "label" })), h("slot", { key: '5e21cd21812ed3892d84a73e8e000fe375e65523', 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: 'f8b46d99477c52ac38d9f720e56dff88d00c3c50', class: "gux-selector-cards" }, h("slot", { key: '8e17104d749dfc32fc86db35ddb678c7accc57bb' })));
+        return (h("div", { key: '207e4b59ecc9b56c2ecd9ab3edba4689872462d2', class: "gux-selector-cards" }, h("slot", { key: '7d3fcd1c660f78538376fbb0ef92c799b204df50' })));
     }
     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: 'c76b712d05bf133d62da352d69234a84ed950fc8' }, this.renderTime()));
+        return (h(Host, { key: '1ce453ad0ae38e360844f859c7c12363e6d4cc11' }, this.renderTime()));
     }
     static get is() { return "gux-time-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -149,11 +149,11 @@ export class GuxTimeZonePickerBeta {
         return (h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (h("gux-dropdown", { key: '9aba84a9b3bb4f69ef40d8ea6f01030805b0c5b3', class: {
+        return (h("gux-dropdown", { key: 'a53d35958224e45956079f8373a3a001b46cab7d', 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: '32c95df400ad0ecd2c350793067ddb131ef54361', "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: '6cdfd9f42835c70df92b1992dddc0fe277bd5b69', "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

@@ -113,10 +113,10 @@ export class GuxTooltipBase {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: 'a2e45b563971c95f0e37e54ff7762c3ba3974dbc', id: this.tooltipId ? undefined : this.id, role: this.tooltipId ? undefined : 'tooltip', class: { 'gux-show': this.isShown } }, h("div", { key: 'f34102cfb85e5b5853e89c37831a84ecd5634e7d', class: {
+        return (h(Host, { key: '13fd60f21e1f4d7aa097b00eff2be7236708eebe', id: this.tooltipId ? undefined : this.id, role: this.tooltipId ? undefined : 'tooltip', class: { 'gux-show': this.isShown } }, h("div", { key: 'a2c163353db94c7c33afee6a18c26982b6d16c7b', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'ec4e87b9a141c6c4709e4dfe1c0c1a787d0a3dcf', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: 'dbbe379e4f410b29e36cdc69512eb95ae55703bd', 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

@@ -52,7 +52,7 @@ export class GuxTooltip {
         }
     }
     render() {
-        return (h(Host, { key: '033659dd2131163ef7e2e785b7c0913dcadc63cb', id: this.id, role: "tooltip" }, h("gux-tooltip-base-beta", { key: 'b212954a9046c1a68925bce619ae3998c9279423', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, h("span", { key: 'f4aa6a1ef2d61e7cc9b36adcc455150702cbc09f', slot: "content" }, h("slot", { key: 'fa6f543369de03166f34985f1c0ae8a2c0224cef', name: "content" }, h("slot", { key: 'ff72e008ef3bb24184a0b386dc6d695dfa0d7181' }))))));
+        return (h(Host, { key: '660ddca0b8cce1fcbc792209b807bfc14fe47317', id: this.id, role: "tooltip" }, h("gux-tooltip-base-beta", { key: '6e9ae0b5ee46a1152c815c8eecd964d82a8ff3b0', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, h("span", { key: '2837735c42b05aece55dbfe1d886b266c22c3fa8', slot: "content" }, h("slot", { key: '8224e2af7702dbc5b5f550b67bd49ff526496e22', name: "content" }, h("slot", { key: '108a619b07b172289f1a93eae04243c519b8f39e' }))))));
     }
     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: '57f38300fffab4419c9a753efe743d202809cbb7' }, h("div", { key: 'f16f68c58d37f8f20b7a3bf45fcd84862018044a', class: "gux-header" }, h("div", { key: 'c5b52b07ab320280624b2775ef92289a27e44c22', class: "gux-icon" }, h("slot", { key: 'a9a8a183d8f8bb352443beaf41761a2851b7b2fb', name: "icon" })), h("div", { key: '4b26d426c07cb5193bacb9d18ded4a954ebe4d8a', class: "gux-title" }, h("slot", { key: 'b70271fd9475c858b6811efc369c2968832cb038', name: "title" }))), h("div", { key: '729ef9be2c7bb61e00cbab7f58f9f74edf0a6458', class: "gux-message" }, h("slot", { key: '233db2929092118ffdb8fa84aaa58651f5f09742', name: "message" })), h("div", { key: 'cc99ab8c945f4fe49c922252af04401a29024b30', class: "gux-action-buttons" }, h("div", { key: '81451056ee5c4922fe3ee9c7d03b727c36d4384c', class: "gux-positive-button" }, h("slot", { key: 'c1486c7fab07990b4119ed854afb061c7cbd4ac8', name: "positive-button" })), h("div", { key: '50b8d126d158e8811fa0cde14326fa970bdcda4c', class: "gux-negative-button" }, h("slot", { key: '37d1f81807d5b28b5ef6714c8c15d184974a9461', name: "negative-button" })))));
+        return (h(Host, { key: 'b2a01eabeea2041fb9d56176aab6890f7012c163' }, h("div", { key: 'bbf60d36e217a09baa579df1a0c49167258a895f', class: "gux-header" }, h("div", { key: 'ca88617f6df6327a0e29c2dbf5f787dfa5aaadd8', class: "gux-icon" }, h("slot", { key: '7a4761b88fa65a516f3a25c343af1fa1b15c1949', name: "icon" })), h("div", { key: 'dc08079f12498b5533aa3a53171f1b3377fdd1ea', class: "gux-title" }, h("slot", { key: 'b211d5ae6dff2e58cfdaac70baa31cc8fd6a948f', name: "title" }))), h("div", { key: '1d1df27745ca08a1409093687dbe1bafb54e6338', class: "gux-message" }, h("slot", { key: 'ef4c84331adfe77834a301f0e4002e1690141421', name: "message" })), h("div", { key: 'b66e336f22d65cb709bb0479b18c0bda7325015f', class: "gux-action-buttons" }, h("div", { key: 'dd6efee25cd4dd6f058777fb8873e6d957a8e4c8', class: "gux-positive-button" }, h("slot", { key: '21798cd99abbe206dc605cfe1f041d2386f3902e', name: "positive-button" })), h("div", { key: '3987bdfeeb2e588975a5d4d794d6d174238d1409', class: "gux-negative-button" }, h("slot", { key: '1dc3cde4c346c1703e9ab6e5f8ca86c6a9960ec6', 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: '388c35f13069f7f54bff75ea298f730862ca39fb', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '921a3bd8b7343fd388107b5092f72c891345837b', 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: '2c5de5f92f4dce1dd951db895a0ab512547985c8', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'c14dafe787022b47f07aa8d737b7760472a191bd', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '3d0ec0564f68b994c679e42065d28a575a85a3ec', 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", { class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '13dcc9e0862e703cf1234da0fe6ad0e4c28f9af8', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'ce3c4d155fcff7cf9d6d4db5cf6f117597206c26', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '1fcdd802c23dfa44314e0bc59cd80aabeefca46a', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'bc04ecfec978b27cba974f1c15925a20cfd687b7', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'ce05782596e319c58f2c3241b00a85337e8315ec', "label-position": "screenreader" }, h("label", { key: '2149aa815abf753ef1148eafd820028f463615b3', slot: "label" }, this.i18n('searchAria')), h("input", { key: '1c74a3fef26208f9a4150736f8b17eb8922c496e', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: '73ca103ae75bd8f96e2e73eafb69727e7e3dfbaa', expanded: this.opened, disabled: this.disabled }, h("div", { key: '2cdb88414ddc108551c97e8c4200b24d97acb78e', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '536260dc78ea60bc60093eacfd45df58c31fa0c8', 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", { class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '191f89a3cc9f1a4123b075a4ffc4438cd7176261', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'bc3a031179285a7696a63dc1cd698b58f523f699', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '5a05915bf767d528959e088fb2df0d1278ba0f6f', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '473f430e34a02d325b765e1745fbc074e7a4acce', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '42c8bcfa8f17c208b55fd70d3e999db6fa2db724', "label-position": "screenreader" }, h("label", { key: '00cb5a6f433f46a6449a4b35fe6716f1a33abd18', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'eb92df39617e899e7d91fac7a098af4c0437ad63', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '6c1da64b7dd06cf8ccd8b16434d16f55ac4392c2', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'ca6a7bbc4924788bddc39aa2007d471430915829' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: '40662d8773df3abee6b521b09aa17ce4a6d8947c', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'ce42b9663e2d9a1ce0be5439da2137900c682ad6' }))))));
     }
     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: '7606631f49c7f3c4eb291776879d022712bd1fa5', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'a55988eeba61599f745f9bf47350a3ef50770052', 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: '284b5cb243896fbd272a21f2180e5f1d76791851', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'e89f0a42b9d414a641f9464b20591376bd5c4efe', id: this.panelId, class: {
+        return (h("div", { key: '3e0cec4da3fcbe22702a372034596c769a63c052', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'a3129b4a3dfb84979cfdc5772e449585dead1df5', 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: 'aa450a99d69e424c249485c254adeb82eb8192df', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '967b812694ef10822af970c373700480b6f96096', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '1b30aea14f5fd8941bdf67aeb4f567ee3ffe86be', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '538d391baef455af4da22b59baf68b54d7e73363', 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: '3daad0ffabba648d738f54b040b904fd1ee55627', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '6327b850582b671096469837f42bb83bca21c9bc', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" }))), h("gux-dismiss-button", { key: '733bf40eef00a7a6670232d65d3884f67fde36d4', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'b1cb4e2e26e5740b386d056e271adf66e1ebf5c1', class: {
+        return (h("div", { key: '77fc74b786057ebb6149abfd46a49e928640b9c4', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '36b916d9151212710ae60d78b23fcc10268a482a', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" }))), h("gux-dismiss-button", { key: '0a72154aed65dfc7c712a4edc4fb658119f462ba', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '09252332710631002af73e1e1fdc4dd62446f2d1', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '0f392adf40c71849062c9bd59e1d787dcbaffab2' }, h("slot", { key: '71b43af6aa19a21e091c886610dda186921195b6', name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '73fa02a2a43dbea545c5f0cbc834e5c467f2d198' }, h("slot", { key: '6bd97279379e90a57f4cfddceb4da78df019b31f', name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { 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: 'dd3f82e5f6d3e30f6274a7d8516e14e54bfddd77' }, h("div", { key: '45c42bac3cfc491412264e04896ad49d85742674', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'f339419ee8a2b3efea0b5d3606b378411a326bdc', name: "icon" })), h("div", { key: 'f60970d8f351033ab5d7187ef3f2d65acdec57db', class: "gux-content" }, h("gux-truncate", { key: 'f00c78bed1662a5ae09b974376de008e5ffe867e', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'ea6459822ee0e0ac7d2a6a676b29fa26f052d308', name: "title" })), h("gux-truncate", { key: '7fe8347095376531e50834066cb4b7ed6e27c70d', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'e7d8b71c77714363595d516eb51bec01184cfd22', name: "message" }))), h("gux-dismiss-button", { key: 'b2ffdcd5b20f6ccfccedf10b6f992fadb452a3be', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '0bc313de21af1a183397a7dc1d94c3eade04717f' }, h("div", { key: '3c905009c80a0252c3da38d517074c4aa1bdd6b8', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '66ff04aba2077e88dfdb4556305eef3f40649aed', name: "icon" })), h("div", { key: 'be7901838930d5f1f2cee6c0033a3e4979bafa90', class: "gux-content" }, h("gux-truncate", { key: '514fedddbf39d5cdce2150dba72f72a8cb4b5f14', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'bc154f35ebc48ddbe204324674e9b2410152092d', name: "title" })), h("gux-truncate", { key: '384149f5d063e1831896d935c4873fb0f70510f7', class: "gux-message", "max-lines": 2 }, h("slot", { key: '726a59aa75ad571363e08aea67b7e49d37032132', name: "message" }))), h("gux-dismiss-button", { key: 'a1e4145c7be48dc64ad1b3b35083cc983c3ce02a', 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: '3f12800f230f04b4d03969d3962bc1e256d6fed7', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '655e8c81f5885547b7341e019d95a31a85363bb9', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '915d7eaf5af5c1e084a354301e0acb93022506f3', accent: "ghost" }, h("button", { key: '880914c04b06a46ba4f8ed6756a6bc1f6b339c50', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '17db6836528f34b06a9f32a559960acb4dc612c8', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '49924d632b320d4fb44ef7ac6fcbbe9a179bebde', accent: "ghost" }, h("button", { key: '24e0df793d20e37710a264c10797e58450d52e10', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '32edd56fc0741da86ba8dac60752779fa7ad778b', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '75c0f5d3dc53f9fe19943c6fd5b0190fb9c126b7', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '350ca54bbd358ab772a663e5a88fb7c066b48191', accent: "ghost" }, h("button", { key: '62fff40eff9224ae26ff7865a29627fa29615c33', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'aea6936702016935909b3690a8d6ce39677e2db2', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '90c618887e133a6f864d86cf8554d32fb95ff7aa', accent: "ghost" }, h("button", { key: '663afe7cdb1e0af649552284a6ea986282a1306d', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '6dca995db947eaca51b19b2fba22c2455222c2de', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '49ab4be37df89bd3512403abfe8e7398f07e4138', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'f4ae7a227d4dc37ce4d2bd97ce0786014da4bae2', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'dda711ca7357e01082a7ea825e9eae7d9db026ae', accent: "ghost" }, h("button", { key: '9f85e75d863dfb8d5890380ad8a943d5b79d5c3d', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '7f07c56d6e18b696859ef222bd54ad3d5e138e91', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '7b3b1b73e8c0e48af6820e458edf4f1cbc11d072', accent: "ghost" }, h("button", { key: 'f99a481f76caf9844cd4bd29a6e160d9caa74d28', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '217118b022913ee846414cc2a24774a676a5688b', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '10ddc2ace4378104e2c9891d8d5c3ec23dcccf55', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '17c978b7988493bcc8f879c025dafbc56c05a33f', accent: "ghost" }, h("button", { key: 'ac5c57c0909fde6d1980c8ea51487673a4d99dd2', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c99771c3329f55e156444d6f796a76482845bf88', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '8a1648e574848d11b6a44ff78e5cbac316ee45c1', accent: "ghost" }, h("button", { key: '3795dcc80978d7e510b679935d05375aea36959e', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'd5c14110c729a940a1883d0c848efbd015c27de3', 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: 'a920e6de26c2cb94db1a74e82e30b4a5c45006f0', class: "gux-pagination-item-counts-container" }, h("span", { key: '37b5872aa3333a989778873027add3730f3318e0', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '61f77a270fcc719cb1a87508fa3d10cee807d4ce', class: "gux-pagination-item-counts-container" }, h("span", { key: 'c6b98e5db13b0964088f5cba85dfaacf18bf9496', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'f628030166c19861f28bee6c59d37f3fd285d358' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '8d0f28820382ce99699b9417883bf0ec2625255a' }, 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: '23d3d353904b22710db219a38c6ce9e944dc297e', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'cabb6c7c2b22c983ade100c97643a162c33a78f9', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '7ea4c7573fbbfdc59f6aa3a14e86a9388c1ffd3a', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '9b35345b5930b3eb6618be869d1c71109ad987e0', class: "gux-pagination-items-per-page-container" }, h("div", { key: '1ca2a511d1ee5f75bbdc8abe2eb2c9bc1c0170e3', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '69c4f9a36fa198e37bfa368c4ebfcff55db27df1', 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: '19ae9528d07f352fb7dd79694e9c1d0f2f7b056c', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '47d05ca16f337e2a6f23694957cea6a65f8bf296', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '3619df0b9643f75e841077134a2339e32e5a5e0e', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'b687e986fb86a5e7f0b6178bc07e97c7335846e0', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '18b70ca5fa00b391766e1f6f9c336a6617f18b73', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '2bebbd4cffcb517883d297b9a8c781dda8008e02', 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: 'd1b9fd4e8555b82e21ba84cc63998b8283880352' }, h("div", { key: 'e1f0c28cbd4f1f96c454ec3e62e299360440c8ec', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'bbe3395bad2328877b9592abc42e0a472028547d', name: "icon" })), h("gux-truncate", { key: 'a90bbb9cf6efbd33897c632caf66e101dedf98cc', class: "gux-message", "max-lines": 2 }, h("slot", { key: '2996e99ed8a2ad6266d93cb87e846772dfbd6050', name: "message" })), h("gux-dismiss-button", { key: '1fff86b6a3d00af7f52b5626ac59dc9a3cd28fe2', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'bdf6285454181f2234d3378bc67e55b09dfb05ba' }, h("div", { key: 'c81a071a3d734f5fcee7a58e702ce18609298306', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '5eeedfd225d6898188cdada28b13828fec879705', name: "icon" })), h("gux-truncate", { key: '654dac6a3dac67cd20d559d57158b42e2f0ccc40', class: "gux-message", "max-lines": 2 }, h("slot", { key: '6720023511d47f7e88bb828e08790a1ca64aefcd', name: "message" })), h("gux-dismiss-button", { key: 'cf638fa12c95c2651d200326647b8264a2ecff1f', 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: '5f75235b66a67bb7b015e00c25965b15d680d3c5', class: { 'gux-selected': this.selected } }, h("button", { key: '73ec71061b78f5a8e3bb22995f69dc8088c88fa7', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'c16a8dd34b01e1f162a7d8efc05a3a123f17fe0d' }))));
+        return (h(Host, { key: 'a971cf18da34c6fcf8ad4e9d1271a3487f15bef8', class: { 'gux-selected': this.selected } }, h("button", { key: '1f0f62e3762de85aeeafec9f51d084e7e65f8da1', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '4ba0885a3237c169345e9cf9f83d123aa25f0612' }))));
     }
     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: 'aed53e15fa09febbae8cf3950b5687110499f4db', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '608249166a81119c4d4939c404dc9b85c4987d37', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '8c75416ab7f49fd93de25dfabd0f8ddf0a089feb', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '5de5fba70c8965cb903ccff5dbca6db5af806546', 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: '52f477f44f3f0cfbd7fccc2b80a741cffc72cf1b', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'fa6c61e8c0b2492095f833891ea93a3a1c1fc86a', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '60f0fe4ff0a2dfdb570445c6470c977ff8df1df6', class: {
+        return (h("section", { key: '6bc2dbce6318f397d8d3f0eb509a3ace92556dcc', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'b6596099f2cf404fb1bc7eab29d34c7c5567f98f', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'abb10a97b4b33ac91a13c2c79b8b0419cdca0239', 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", { name: "icon" }), h("div", { key: '4425072c876b8f5b6c63807e9a378a3817acdf7f', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { name: "icon" }), h("div", { key: 'b6aebd9e087a3ea62f2238b7e64edf151b20ff08', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '92a7ac9dfff36be7c9ce7d36158f24f32a85a691', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '2b6e06962d21a8e58cd035e6471f1de9197d0bc8', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '2238b4ef84a191e9dd4a0701785beea98b09abac', class: {
+            } }, h("slot", { key: 'c19088779fbf0c5177f4be750da19de9ee2a8457', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'b500c02a671db3831f5351ea77dacff1949449c8', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'c90e3bd6cfc6c8135d4abd000c7f3cd47bf0f56d', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: 'd70bb0323a784c6fce25793f97a18a3f59d2d729', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '75a4e79e64233146c83b6974988f32eb39cdece4', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '995bcb3dc7db952ba469505552e2f689e354bcff', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '1cf06a1ae7e171f4cb5e0bf7666cb8a73b0de23d', 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: '3604b0862f13fb8dfe3d3280c4ec5304303f9228', name: "content" }))));
+            } }, h("slot", { key: 'c0d0a8215c9751f1847b699321a55ab009f53b2d', 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: '82f13c02f56c09f639ce95c12b462d250ff146c0' }));
+        return (h("slot", { key: '4c045aa71769a45acc49beeab9bf818c55ff5a29' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -115,7 +115,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '0cd7beefebe16c498525f8e4e3480c50e3e49c9f', class: "gux-action-button-container" }, h("gux-popup", { key: '0d4397ff6e5f654f7ed28f6035ff674f4d635dcc', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'fd4494b21cd332ecb2a86b821540dae6edb82c22', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'bc8c314442ea33ee3ac247bfe4fa56a7bab22501', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '13f21d5e008d1006c9c5fac49ea7901c0d6428e4', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '8adb116e8c7a97f87453e45f4f39fbe52427563b', name: "title" }))), h("gux-button-slot", { key: '32d826f3a791589cba410b4c6d58e8e4defbb585', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '00b77b9065ca6bc5280aa3cb16ea4f617e161e9d', 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: 'c2d3e68f420809e861827e936668e46cb18e9e43', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '2a1b5272b5ab3c2129df81d71cde1fbd8d919f74', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'f89b27e882bbc4afe23b1e0d02041a51f785f280', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '0e3d86f2f9e45f898cd7f8bbf30bc7e16875d0ed' }))))));
+        return (h("div", { key: '236aa22b99fc42fff46e0d7db7a788db7c19cff9', class: "gux-action-button-container" }, h("gux-popup", { key: '08dcec7fdfc5aefb6c6b32c8dc069a4b0f08e12a', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'c094b186e7ca2b02205e343d44713918435d0ad6', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '31219740445d3fab33d1ad7cd58ef7c491e25e4c', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '0c049554f8175b729172202a75a898103afa6115', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '3a15d00ed18857c22a740dce49eb03c08299cf62', name: "title" }))), h("gux-button-slot", { key: '7ebf577f31e04241e3450dc331f6d392888faa47', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '5d440d3bb3c99b5aa57439d3d1f6616ce5400b35', 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: '6ec521623b1bc73882e62204ade561bb9fbe2488', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '53f0b149489de2f3aced0bae3ffc3e572d490c6e', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'ed6eb4962dcf4d6b7cfd76ee12a87611a39040b2', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'a1be18034b62a0295026707fb18c51112058ca6c' }))))));
     }
     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: '774207fe1f24db3b46eba2f0218cd20f60c46c6f', class: {
+        return (h("div", { key: '255622c77e97499f91576807adffc0fb5e170888', 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: '575ca29cba9f2d617b8b2c65bb054204e7aa411c', class: "gux-container" }, h("div", { key: '6e327d20d21eef32f6f24bb63473340091e3deab', class: "gux-image" }, h("slot", { key: '7b5d67578ea392eac4a5ff9c18939cdc790f42a7', name: "image" })), h("div", { key: 'd932ec19493d5a7507f664427250ee7118ecfa16', class: "gux-message" }, h("slot", { key: 'eced123b60f15a4fa026f7d15a42ef623aeb22e1', name: "primary-message" })), h("div", { key: '813c7f55583a0d75473f7a2c0d6b8a7cec08a4f0', class: "gux-guidance" }, h("slot", { key: 'eb2a777a3cdfad4ca6d32f3641fb601df3184664', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: '6a5e9203be09fab0959f0dec947bf8ab69a26e5a', class: "gux-container" }, h("div", { key: 'c4511e0db2f9605e23f055275dd813103d58aeae', class: "gux-image" }, h("slot", { key: 'd73e935433d963002c4fd106b6156f058af95451', name: "image" })), h("div", { key: '3e5cead9db6e0de250218644a298746cfa519e4f', class: "gux-message" }, h("slot", { key: '91da6b28888872d8b7c01a989bc81e0ac0986ebb', name: "primary-message" })), h("div", { key: '7ddddc9f53283b61cbf6a412a9dbba0980f7ae77', class: "gux-guidance" }, h("slot", { key: 'd5018c40313612891f0a93041dc0086d9fc51b2e', 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: 'a8e349dc55879b82d93e8b86f9c0988818fbb3b3', role: "listitem" }, h("span", { key: '97d40bb321b6f189868ef4659801822e9a32886c', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (h(Host, { key: '20473ef24aa216223040e739c20038412f90aa54', role: "listitem" }, h("span", { key: '8772afe0bf03f5e34ff4fa8703b40bcd65947898', 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: '75e6b2e53e8d86ab51ac9bcb0e38a99a48389af2', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'c33bae4bcfc95304ea23bd28cad07145ae42f6fe' }, h("slot", { key: '0d5734f0e43c84a63567733f37ede37aa5753b22', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'd924dd5f1391fd1451dfda482fb9e99c5e90d1b3', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '0742dbb730e495d4d046dad103431238a1db7357' }, h("slot", { key: '9c08113326d2f4e4a94629c1a8a8348dfe19816d', 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

@@ -18,10 +18,10 @@ export class GuxButton {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("button", { key: '3373bf55091be961c26a60500a6b25ca63893251', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
+        return (h("button", { key: 'c31bb1879557d9dcb1a5fc8c16cb83bb7420da4a', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
                 [`gux-${this.accent}`]: true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: 'f97d2ffd0dd867827409974cb28609c3c618d3f3', onSlotchange: this.slotChanged.bind(this) })));
+            } }, h("slot", { key: 'b9413a30294f833a8b16cb8278b332064375c0d1', onSlotchange: this.slotChanged.bind(this) })));
     }
     stopEventIfDisabled(event) {
         if (this.disabled) {

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: 'd11ee46bdc394e449948a990c3392e67561b5440', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '9bcee7ee324bfe28f2a4b3f54350da517e213e5e', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '078262dda15c7d90b8ebd5ea4eeeba54135bdbd5', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '0226c6123fd6f41457a2a59fc79b5eb6856ada7c', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '8c3ff11aa93a3bc3a7aa532f3883ec1e1e34e786', name: "title" }), h("gux-icon", { key: 'cb3f3e29dc0d7aa677dfc4a51fb7481d47bff5b7', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '0fc02de7d793f0b72e8356dda71630a84e54b894', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '3b65d94364a7491e611d752b3652ebcedeb3da8e', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '4ea6256473eb88b0d029becc3d00a1a0d3b0f187' })))));
+        return (h("gux-popup", { key: 'f959df581f8d80a65cb12aa9e449bd301f5da5dc', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '9cbd29c2f65792eb98a93d2490be18d697b857e8', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '56aa59da27857926ae4e4760ee47372abcc7526b', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '5fd1fc9b3daa59d58224a6385a60667a64872a98', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'ac67bfb1fb381826b4c87244f5d0b64aeb6f647b', name: "title" }), h("gux-icon", { key: '921ff95852321adacdccddcb2eeafc925dc772cc', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'c95809a5e93d3199d28ac1db429ad6b670ab4cc2', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'd0a0cb6c695cd90c2f40bb4ae9c51b5a390ff4c9', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'f40772b63daac6d0bf88aff8ac02ea5fa9f7bd8d' })))));
     }
     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: '3c9175c6a12ed3d91ff4418f802fa3a717f79418', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '8c2c8cfc67ed5944057fdd78b1edc87a98c5cb36' })));
+        return (h(Host, { key: 'badbad6874dc17bd715793d474be91a98dcc2151', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'c9052094c37609ce84b371387c33312e0c4e3ce2' })));
     }
     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: '16221a149dfe8fac67eb2b4c38f84775f04e6122', class: "gux-calendar" }, h("div", { key: '9d2984e7852a9012ad1bce4803d132e1779eafd1', class: "gux-header" }, h("button", { key: 'f0b75de22c5df1ba52a9b731cf5bc114c6fa0edc', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'e200f6e4a419091ba09d79e6cd411dac342a0bd8', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '1509ebeb10278bd9c124577040b22cbf523b8b35', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'f6e8ea3aa272de7187d70dd3694b4afff76aeb72', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '4bace72796459b7064d365285a09c70042dc852c', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '4a276aef1eebfd772d72c89a7045cdfa32d4cb68', class: "gux-calendar" }, h("div", { key: 'df59ceb11b7cbf7d9479908448740164082f96d3', class: "gux-header" }, h("button", { key: '4442b2517beb58274fc40512e45451bfa6c8759e', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '831b9ba2c759171aae07c8ed82913f5a5a9c951a', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'a19d13d912774ff4e9906259860cdccf66ea3206', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'ed01c461b9e2b03b8fcee6e6e869063e97511edd', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '8862931ddc372b822e98978482d33fd703664c37', 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: 'c5c221ea7b8707264a00609dcb8adb17d26bae8b', class: {
+        return (h("div", { key: 'bda10128007a9ec19db6d2518f78e1f3c7c5f654', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'f12ceb174a2ad7fd32ec5853eb7c3888c59f2ede' })));
+            } }, h("slot", { key: '8c12d21d641848c2d687b1babf4b30b5b801776e' })));
     }
     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: '4b4c3ef355c0d140730fc90e635cba61e82e077e', draggable: "true" }, h("div", { key: 'b7108b987d42d6447701b3db59a23455a85b5554', class: {
+        return (h(Host, { key: 'b74f37e716db481c6b347f661a44acd98584a7ce', draggable: "true" }, h("div", { key: '7136a764a87980dde4d12ece6c945eddbb782fd5', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '3d66a05cf5655bd5f0d8dbfa566167be5bceb681', class: {
+            } }, h("button", { key: 'b3aaa1940f978e79b6ef574298605a1e441ad74e', 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: 'feea2baefd6ba7128d8eb1d7fbbe48f241c5f788', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '6828baaeb877ec32bac9c78d96cceecb1becc79d', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'e3d3148a61099acb4707f5cb66a40c1dbefc3789', class: "gux-select" }, h("slot", { key: 'fad304e29274cdf9fa15a679ba7d6009c68868b8', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'a4012488bdd5f6a979283768710e69c4f62188ea', 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: 'ee1cbb421d88192f1e895573e754ebb5b5e8c084', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: 'b23fb70be4e7d2e5ed24c075ea3917b1422e92f5', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'e791a411ef99b04105cb377dc1f9eb957e1b6925', class: "gux-select" }, h("slot", { key: '8edbab865af1ddcdbafe0dc724aba57c8a81fc9c', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'ce28da1b61549a5627c1aca2647db7b9150ab561', 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: '235c27899f7907107d12ec4d7651443ca763de03', class: "gux-container" }, h("div", { key: 'a67dd33d227868fd49bb75cbd089c51945f204fc', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '62d80474abfdb828efaf3d68663db230fd6acb04', class: "gux-search" }, h("gux-content-search", { key: 'a0104c41a58927e5b5441fe682312d83923ac65b', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'f6b653b05402b950c0b187e3cbea9098dda33b04', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'a1c6a894e9355394556a354a5ad4517c47ea48cb', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'ef7523a6686227c4a9bb999cb68e377912d8ce42' }, h("input", { key: '14d3438c585c61ac2423f2bbc4a674340b2a0134', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '5fa1c2a35b48dfcbe8bf83380951219e41d15244', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'c2fe9d9e9289e1708f5a39ebaf5de9c1c6143f20', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'd1a6b7b13c7e61039d1849ae50376f5183b8484c', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '1b810acfb1b38167c55029865dc4c6aed8cfc845', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '0dfee136e2857b3b18cbfec5c401cac3b2650112', class: "gux-container" }, h("div", { key: 'bf006dc5df4daaf2b72cbaf205cea2c574c9245f', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'f1361f98b055db3911db03046b0a365b395afc51', class: "gux-search" }, h("gux-content-search", { key: '50de7d3f92261462420929e34e70eba056d25326', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '60e99d1997295f28538243115db96426cb0fd981', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '178cb2cfe4979beb88c74d606c5a921ec8e94f20', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'e967983c21804db72fe77de71f3f59a557680d7a' }, h("input", { key: '934dad0a49c4782330c19d2edac3cfac7f8b9fe5', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '9a127776276ac832f23140bf04bacca0426f73a8', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '39eb9f66ca7638ab356431b3e43187ae189d279a', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '3e0d2375a486629333d0a905fd4dfae18c37e80e', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '9d7de46749ac925399f18d54ffd21a432d05874e', 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

@@ -45,10 +45,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: '486f3b73154fa3ab5fdbc2b08a3814b2963f9e2a', class: {
+        return (h("div", { key: 'e68c5657440c08a681454e3997f017b1b0605c2e', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '5e763b1f39a341e0cfa6f3b37b1fdf91680ff1be', class: "gux-search-icon" }, h("gux-icon", { key: 'cdabebb4eff1a8c9d4aacaae16d81a2681ec8910', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '7e60dd512c15f41dd2256da0a776cd42945e645b' }), this.getNavigationPanel()));
+            } }, h("div", { key: 'f85e519ae144209d22acd0b2bbf3953f1e2dbb2e', class: "gux-search-icon" }, h("gux-icon", { key: 'd57f62dc071fec39c72b31548f3675b801d4b6de', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '053bf32638f622a428b2976c55d37fb6e9b3613c' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {