genesys-spark-components 4.111.6 → 4.113.0

package/dist/collection/components/beta/gux-side-panel/components/gux-side-panel-heading/gux-side-panel-heading.js

@@ -13,7 +13,7 @@ export class GuxSidePanelHeading {
         this.headingTag = `h${this.level}`;
     }
     render() {
-        return (h(this.headingTag, { key: 'ff53c59d253918dfbcd0cce3753b685848219228' }, this.iconName && (h("gux-icon", { key: '8afa45c317bc351515410454d9df2521c0c4ed2d', decorative: true, size: "medium", "icon-name": this.iconName })), h("gux-truncate", { key: 'a8fc9bcca8822d879120ba30ce5f10b3781293b8' }, h("slot", { key: '94b3a0995967f7cd135448f5d42ba53e4b9dd6a5' }))));
+        return (h(this.headingTag, { key: '47d23d1a3be238352e2ae4ff212f64dd60b6feb3' }, this.iconName && (h("gux-icon", { key: '4b642ba678b527d3b5484ff42bc637f013a69d85', decorative: true, size: "medium", "icon-name": this.iconName })), h("gux-truncate", { key: 'e33010961d0b994342eba916d1127b78d2b53d4f' }, h("slot", { key: '8ad7d7fee07aa2853719b0077962280c364c13d1' }))));
     }
     static get is() { return "gux-side-panel-heading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-side-panel/gux-side-panel.js

@@ -24,10 +24,10 @@ export class GuxSidePanel {
         return null;
     }
     render() {
-        return (h("div", { key: 'af77c2638a4012bb9014eb781e4f1ddbeb470524', class: {
+        return (h("div", { key: '57b407cfe2e84ea6b951e141aebbf530f612e9bf', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, h("header", { key: 'bf503719a742bcbfdf413d5484b642bf94aa01da' }, h("gux-dismiss-button", { key: 'b2c863f556557fb9610506914704db7df3aa1aa4', position: "inherit", onClick: this.onDismissHandler.bind(this) }), h("slot", { key: 'fec67433e32f8a04d0967c01e428fc3cd685956f', name: "heading" })), this.renderDescription(), h("div", { key: '84a5ce20f69e6c72d6720b9d9f23e45f5319f9ed', class: "gux-side-panel-content" }, h("slot", { key: '385b27ec2ff15d5600bc6e3cfe5e8b3ba74bc3f0', name: "content" })), h("footer", { key: '6f68ecac5d92194128ac63cb25cfe9fea08417ef' }, h("slot", { key: '74cba793bd0ed40eb39033691c74b220852ba86f', name: "footer" }))));
+            } }, h("header", { key: 'd3fcabb1691d927364ccb34d37fd1be467511893' }, h("gux-dismiss-button", { key: '353bb0e5806f0528ca0f67ab3e9d9b864039a61e', position: "inherit", onClick: this.onDismissHandler.bind(this) }), h("slot", { key: 'ab3775392ab44d8ca086d2bdfd2b0d966f6f3628', name: "heading" })), this.renderDescription(), h("div", { key: '50fcbb0c2ba3e786eb378567eb7d81d4f1abacc6', class: "gux-side-panel-content" }, h("slot", { key: 'e74c5df75f1a338a9b677152c4a043c0feaa6a95', name: "content" })), h("footer", { key: '0be81160f37eac32e60a311f1702a853ea1c97bd' }, h("slot", { key: '6e848313a8c01e537eda3726f47ec4c0d5ff5aa1', name: "footer" }))));
     }
     static get is() { return "gux-side-panel-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: '43c7c866135cbebace2970bbebe11b05441c3ee4' }, this.renderTime()));
+        return (h(Host, { key: '9f15bcc087c164b5a1d74c0ed9ffd928757500aa' }, 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: '5eafcc1916f6da3125bc00954fb3da7fc56b176a' }, this.renderZoneDisplay()));
+        return (h(Host, { key: '17e41884ee83d41db7a2b6436693da9b863835f3' }, 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: '33641a828f459deffb7975c9929945fe90aec792', class: {
+        return (h("gux-dropdown", { key: 'f46178768053d9ff9d951d8a497b6681667ffb7c', 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: 'b00d07842824650a0e067a6efc7398f10d6a839d', "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: 'ae3a2e30d97f516bbffc032daa104643fb25950b', "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: 'ccd91353ad277bb3b4b96086b4cbe9e7ca8e9ed3', 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: '84b6c22e2c8a11cf713550fa673ebd6898297d34', class: {
+        return (h(Host, { key: '268001423213ce578dffcff3311505f6fb3de012', 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: '574b792c9ff1668b32fad2fdf9314eb64e1e57ba', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '3c20323b2eed951d4040722100405ad3d6c985f6', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: 'c3d4cf2c5879e2ab1b845327b31fc274414219f6', 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: '08e49dbbbb3c16871d42e52ef97e5daeeb17cadc', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'e11aeaa54f8ce949f3ea26c8d990c996f01ab99d', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '1f7b298af19124e2f7036371bb289fff08e83ac5', slot: "content" }, h("slot", { key: '87fe210b8ad3f6655da9054e7ffd62c6d9b401ea', name: "content" }, h("slot", { key: 'cd4fb634e795dfaf0aa7a38514396493d185638f' }))))));
+        return (h(Host, { key: '30b4306234011996e56e73179df457cab4580097', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '7cd729fe08ae89b339e709f166383591b715683e', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '4a4f61468ea54050213898d8b29f2ac1f4be4f2f', slot: "content" }, h("slot", { key: 'c593d4f870a671e61de732d8c6467ac4f5036032', name: "content" }, h("slot", { key: 'a0415bb667e0a8e45844f8e9d6edbbed1ad6f78d' }))))));
     }
     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: '16c9cc58c496d07996b88b75124124cf4ad3c8e3' }, h("div", { key: '729211a7883e24826eb283de47b544a7fd9726ab', class: "gux-header" }, h("div", { key: '99ba7dc18707da73876d2a2b6058573197248c7c', class: "gux-icon" }, h("slot", { key: '324967fd8298060778b38098d741d7456df6ebde', name: "icon" })), h("div", { key: 'ee0fef0f4ae34a129b59987323ce784aeafa35c7', class: "gux-title" }, h("slot", { key: '3d9979ce64c6e95ef2c77b40e28337889db27f99', name: "title" }))), h("div", { key: '3e01f41428f38259a956da3f47efe65cc0ce973c', class: "gux-message" }, h("slot", { key: 'a69c103b51f9826c7cea71a106d4ec2c9c834d19', name: "message" })), h("div", { key: 'b7079ca3d1229733172caaaea98ff532630c27d3', class: "gux-action-buttons" }, h("div", { key: '53adbf1158a767836c3f82fc198b92f4acdc57f6', class: "gux-positive-button" }, h("slot", { key: 'a3e754c1df3cdbe58dbdbe12e53cde292e0e1e96', name: "positive-button" })), h("div", { key: 'dcfd5e5290fb5d3e314523c969f1aa28f09b45e3', class: "gux-negative-button" }, h("slot", { key: '2790d9a4794ecb7d65ea1543fe3b37aa11081d0f', name: "negative-button" })))));
+        return (h(Host, { key: '54b7d179801377d6fa5dfbad68b1e8f1d2aeac53' }, h("div", { key: '347a1f691e6f57566ef8bdbf67ba3db3842cb804', class: "gux-header" }, h("div", { key: '536ac9803517161d55387934e08a89a07d228bf4', class: "gux-icon" }, h("slot", { key: 'cd7c4935e378075a49b73bb459986ef08a3a1039', name: "icon" })), h("div", { key: '9a8e91296edac6763bab666c4c5a80bcc7be0430', class: "gux-title" }, h("slot", { key: 'f664760f004faf01406b593dffc288e0c8bb7fb2', name: "title" }))), h("div", { key: 'bc048e87370f3151573dac1c45914bc6ed00245f', class: "gux-message" }, h("slot", { key: '7ebeb9eccef844ca86d55ea244c86138d57c4294', name: "message" })), h("div", { key: '95500ab9653068b833cee324ff2a3eac94b7b526', class: "gux-action-buttons" }, h("div", { key: '17da0bcd449d91a1692cadb272daafa161a50181', class: "gux-positive-button" }, h("slot", { key: 'ffe1be21ef77de25d093d7bd033c9f657e434253', name: "positive-button" })), h("div", { key: 'f5b8c51a922fe9ac56097626aa774045b4b5881b', class: "gux-negative-button" }, h("slot", { key: '65c3137c50ece9c9b81c2a05e41ba21f59b536f7', 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: '889ab6c9eb5920f4dd8cba42bf598374e79300c6', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '00d0a6e34a1cc2eda62041edc64ae50644ead58b', 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: 'ee664d613ac151f1184ed0f196a4a935c94639a6', expanded: this.opened, disabled: this.disabled }, h("div", { key: '74ccf017080969f4fc5735e9324f61da6f47d5db', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'c413b625c4955edd99a7612f160e1368c3bc1c03', 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: 'ca1cd3d5c8fd84d27b16956d0777ad32e28258d1', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '53dca66bf1240bbd3b270d95a7654ac4b70df7bb', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '6e350da6793c01d2eddb15b45d92e30145b4b6cd', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'a919112c2726de5495bd1c1026c743ff2243939f', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '98309cd1d77c14578bfa0ea6154c6a302f697502', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'f244db5f7e0f6d7ea4bed6b993d2b012e3ee7021', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'c9d5c36058c383126615de15701d7ab154fba219', "label-position": "screenreader" }, h("label", { key: '6f7f3f50d19e283321e9d8c6ed829e6584f452d3', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'c8d3b8cf735c2e77ecbac9c841947173c2df471d', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: 'f4f70c22bbee2600c7e90abb8b0e91d8500ee0dc', expanded: this.opened, disabled: this.disabled }, h("div", { key: '0d95fba338cb6dcb02d4e81c6f9d87680eba5174', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '15d68741be283df4301b3b2fed5ee4e1c5065361', 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: '21c3a514da4df5fb802e23d2eb3e490dada26ccf', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '6e250d6b0d6f7c80ca7f6535d29cbe4c12ef32e9', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'bc71a1cda21168a948d1edb7bede5e838d75902a', class: "gux-icon-wrapper" }, h("gux-icon", { key: '81f43b931e2556d21ede2c32dd8427f2aa109139', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'df59a76c7ea8b769424a04e794ce3486d47add23', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '3b553f35084b5931abd4bfd1e2b69186d0737ba3', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '4c009d5d6eefa19b0615692a5bca926077f4028a', "label-position": "screenreader" }, h("label", { key: '94d2d1d1bbcd3a8bf6ac08f0f93ece0b0cedadbd', slot: "label" }, this.i18n('searchAria')), h("input", { key: '8fc8203ef22b7516d05f69ca0e8ff125db4f680d', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '993903a1d88b873595356b1d980e13e575d72b9c', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'a5a3e6e66c701193bbc7d9409c62e90bf0a3c643' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: '16ca535be1a105ee1ae375ed64cf59bbfafd3d95', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '0ef1b9573e68f2de1d67e936c2c33a4729fd950d' }))))));
     }
     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: 'b645434ad05b389023a0899d7ef978e788ea1416', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '35bf94deb9b03fd5acfdcaa358cf55ae65591cb8', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '62b47ce345b5b96eae415e2858ed6867ff30ee3a', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'fdf4ad47994422aa3fc27fdfc386afd119fd52cd', id: this.panelId, class: {
+        return (h("div", { key: '12d9ad893e1226b25102bbdd4430452f86459685', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '6c24ca871d720b53cd976e90191f30da78b520d1', 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: 'aa90e57056dbd73625defccb9d9043a8765be18b', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '5d1ee4d76e30bd3f1d501bef468976c28d904453', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '78c10387d9a7106d9390d57243857072e77e1b8c', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '1f1b49bba27c0cf9d7e69a21c6febbb5a869b90d', 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: 'eaae3d027ff2b1314c3c6d908e816066553700e5', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'bacd0a0a27b0a3d1a27cd68c5ca67b0dc066d08b', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '3bee386ab001311941d3bfead54ab479a6ac931f', class: "gux-modal-header", id: titleID }, h("slot", { key: '21c919f92ef76ca5df2d062965014482f4db361a', name: "title" }))), h("gux-dismiss-button", { key: '8ed3553bf27eb05adcda1dfb537db8b0a414cace', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'c09cf3055650c509e8f09008ec0c355020693a0a', class: {
+        return (h("div", { key: 'fac4bdd98541a650b3f450bf489bcb2426785125', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'a7ad8dd77f0dc7d57b3220c50fc2bbed931fe079', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: 'f09d729c1e39234ac7d01e1672681ea5a8af6da7', class: "gux-modal-header", id: titleID }, h("slot", { key: '1f8d6bd0cf8af490480dbd810fd8f0f1177b4437', name: "title" }))), h("gux-dismiss-button", { key: '70800804dc8de2e348aa07da04fd7302d944b56f', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'a317e49686564298ab0501db9fc426e863d27507', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: 'd74fe135f19a93bcfc4a459730706d553d3ab692' }, h("slot", { key: 'b77e4c21a4e9edfb77e5882b90bcb975aefff210', name: "content" }))), hasFooterButtons && (h("div", { key: 'afe99d7aa7daf1a4574e8641845e1340b568f5df', class: "gux-button-footer" }, h("div", { key: '9fac5fb1025e9649498c82ea3d8eb717994af927', class: "gux-left-align-buttons" }, h("slot", { key: '8157a225e0a27bf6ae0b02252838b71aa05625df', name: "left-align-buttons" })), h("div", { key: '5b10ffe3a26d275afacded21701a8e56bf13a4ac', class: "gux-right-align-buttons" }, h("slot", { key: 'a44422f4ded57f03c318fa9fd31f5db0329b7aff', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: 'cdbbc90cae0d0493eefa751b4aefc58f21e76153' }, h("slot", { key: '893343f260d2661a37f77b16e0bb5aa9e94f1383', name: "content" }))), hasFooterButtons && (h("div", { key: '6ea142fbc0892cab7bda9dda3123485c5ef9e23c', class: "gux-button-footer" }, h("div", { key: '1d67accea5d546f9c9b272ba96f65835912bb8d0', class: "gux-left-align-buttons" }, h("slot", { key: '7c182f7a3e4c3a351fa0354a0c1635643f2fa122', name: "left-align-buttons" })), h("div", { key: '59fc56ba6471dbea69ccccda2c75cb0bbb29336b', class: "gux-right-align-buttons" }, h("slot", { key: '04f2343a7bbc49b73e07e59e2f5860c7e4591984', 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: '33d359780243876e2f51c3b02a3aaee55ee9c365' }, h("div", { key: '8cc8012cb88e54d1f52fd74659f269eabff6fb12', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '66963e36d3e7b4d394c734b2b0bbbfbac4b5847f', name: "icon" })), h("div", { key: '24162748c68b78bdb1ee0f17ec2a58f5b533065d', class: "gux-content" }, h("gux-truncate", { key: '31a5876a10e4600e8fea903f7b08f12f59db3a5c', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'b0ff23b2b70fef69d2a42f644ac2f89feae366ed', name: "title" })), h("gux-truncate", { key: '55dacfe0f14df4832c799f96b0b67ef84c4e1259', class: "gux-message", "max-lines": 2 }, h("slot", { key: '61f893b6cd88585bb23f260ba0d8a8c6ecc6d581', name: "message" }))), h("gux-dismiss-button", { key: 'f50d78cb4f25d427cc5f824fd01a16e2e7dc0d0a', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '4b60b5f552987f4d07c4e7bd0e08dcbfc96d669c' }, h("div", { key: 'd58d8f067ed5ee94057f19b4b3cc30fc39b74e76', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'e94bd9fcc694868754cb1ab9573c57f5e718734a', name: "icon" })), h("div", { key: '986586f6df4d407d256475e5ad38ec00120929d1', class: "gux-content" }, h("gux-truncate", { key: 'f816a640100a359626c31debd35a29f3efc07015', class: "gux-title", "max-lines": 1 }, h("slot", { key: '325aaa5c6a78c2d601627a33b04b1856ba420072', name: "title" })), h("gux-truncate", { key: 'd8c952b034064bc37ca561af0601a0c25b643af8', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'a291030dece0b7168eb878de34830b512ec1d300', name: "message" }))), h("gux-dismiss-button", { key: '9fbbcf2c019cc5d178ae3a5b7f1f0a55f5898a96', 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: '9f2bd9649f9dbf1adad5c2e5af2ae4cc517e7b0b', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '784acf253d8110f96ce36216a7f3ed60769f5c26', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '2139a1acc7bdc41b8f5506f50864e473f6ee5c52', accent: "ghost" }, h("button", { key: 'ac642652b7b15e214e51fdf25ff36156776640a2', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '5c2c571d8a39f434155ff71e0e3a22ceb2515116', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '68aa9a87fcf3affd4a4b8111e543f8bf502dce56', accent: "ghost" }, h("button", { key: '841e0e44daffd0b28ae66df8d72f159334e4ebba', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'd71bc0104eedb84b08a993211f92e37cc45b354a', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '7aa70c174d4fd2746011887cacacfd8901c09511', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'be952617540e24a113b21152bc09a348dcc15b3a', accent: "ghost" }, h("button", { key: 'e328a6ae3f1bf760089efa72b8e37259b761c402', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '95289e49f374425aec8eb83b192df5df51c52d48', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'a82ce1f47ba4b3f9e618dd8e8227b7d5236acd53', accent: "ghost" }, h("button", { key: '21952e434281d5a6c458f9b94217b5042331c4e4', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'b9d1beab1f81d6554fb331f2d0ebb31ae2552a37', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '557e3312c0152bd3654b28e6574fb741015e382c', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'fd835e1137e8736f609c8164d697b63ded852897', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '061444e9654c31aa2a012e03465500f03a3b1ca1', accent: "ghost" }, h("button", { key: '2da2393ea5079c930b7318d8c66ae9e4443ab15f', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '38e7d295fa218fe90b787fc46b644671d3993065', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '717e500afcb575faa741b65ee215a6817392326f', accent: "ghost" }, h("button", { key: '57de16c874a2ff91c9a0fc3f6b162c27665532da', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '99fe82ca76d03a9b67e1307b2915808ab48b1507', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'da2fc88c6ecfeecf6707a2f13836d07abaf80afc', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '88bbffdb9c5f1f513191949b7d26dfa1b9eccbb9', accent: "ghost" }, h("button", { key: 'ecdae67eb330e77188c2cc9db64698003e0ec801', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'b6d2c5f2732a16e036bb8924a64bc957cb3e4e3c', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'f47c7603b8d18724d2c7135ceed76d52d5db1913', accent: "ghost" }, h("button", { key: 'd096eedbb9620f27bee548deee00ddfb7a703957', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'b4c87b2bd8075540f3032acea4895f11dfb04bf2', 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: '186d0333cabb408b04b55af543ed8524521a8319', class: "gux-pagination-item-counts-container" }, h("span", { key: '2f7388cc5aa3f7430ce2176b1228917e2ea531f2', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'b1aa6d30e61142f6272a3e03b7659b90e33ef0c8', class: "gux-pagination-item-counts-container" }, h("span", { key: '3dca5b0d3e857662c0ffaa0d6e8ec92f20289107', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'ea59f281231bbb159e1c41e8d3bc0f191ed859be' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: 'cd33418cd86dd09a03834b988dc74ac6807f0db5' }, 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: 'd7ac2f5b5d16d16051ddb415f5d0a8ee8198ce32', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'b0ed2f2d4209b6ae9135a1889a30be358a51f21e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '489251a5f5ebb706944cc9dabdc2e6169a85fc56', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '7c562c72c13371778551e6bfd16b9931dc614926', class: "gux-pagination-items-per-page-container" }, h("div", { key: '944d0f6d03ebc6f8dafd0702731510ebb0bdcca6', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '96c6dab81456fcfa6c04b32be732a47134aa7d52', 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: '2f948e0514aca2b83c360e201e9a3f5c6630ec53', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'd2c35f56284d8f75d4af89531b8a42209d59775a', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'e63ded3325eef567010e039d6707b46709049be0', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '5afda97d8b2a6835ea609ec114df490ced743adb', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '1963aa3608ceee1b8e60afebf19a5deb7c92314e', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '42bf68ac8d182cbca942feb3f0a5c160f560b05d', 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: 'f78b00d5665f300cc2adc698b7f131cea9223600' }, h("div", { key: '2cd61b35ccc4fcda835ea3f1d27a4ac7c46627be', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'be49762bc22596f08eb5a068a0d065e380ea79b1', name: "icon" })), h("gux-truncate", { key: 'efce6ca5575e2bef8b477bd8073dedc5e6bc3438', class: "gux-message", "max-lines": 2 }, h("slot", { key: '62458d2641d4c386ea9b7b3c4ddfb2703f8e2e9f', name: "message" })), h("gux-dismiss-button", { key: 'b2dec7283745e1d1902271c182062b620a60e119', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'cd12b491d684eb81457698877ce95c28b38c0e7d' }, h("div", { key: '38c6178c912e8ba8e6ba2f0e568ff7839ae39bcf', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '2d9a870749e1d07dfb4e6046c6016b40aa4e0e53', name: "icon" })), h("gux-truncate", { key: '55dc46c17c39f744fadee4239d7d2c85a8f0d23a', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'f2bf7698cc8ee194826b73054a3afde88b1c1cd8', name: "message" })), h("gux-dismiss-button", { key: 'c98371ac3aacfa923f2b5a5e4c07f548835d32bc', 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: 'f0f8474ef9bddb773e90e8c879ebc0e27f3f9ee2', class: { 'gux-selected': this.selected } }, h("button", { key: '012bff5620455922b4e00bf246b87389bfba1ec6', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'f39959ad567d39b0d0b1b23b800b9857a2080978' }))));
+        return (h(Host, { key: '2ed33e7c7c9bc10a95fe58ddac40aa92d3baf6fc', class: { 'gux-selected': this.selected } }, h("button", { key: '18dd54fc6020bc33af1fdb3291ed467ce24c337c', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'ed50cc2aed32e97a7340496f303493967f03708b' }))));
     }
     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: '5856554397a75d72228eb20182287793c2c6c6bb', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '2f8d76a1c7e3450b3052ee8597166432b7f3113f', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '2a5f7a42ae51622f621083945722d55b21c61c95', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'ad155fd665ccca61c80cf77cd5da7e5ab45f899b', 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: 'be2099dcc3608f60dd8b4e6db68e048d544dbf2b', class: { 'gux-disabled': this.disabled } }, h("div", { key: '047eff2d0b67c8259748089b2b9b1874c77bcb5a', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '63630baa8d2f4eff2fe29328664f08c6ec8ac0ac', class: {
+        return (h("section", { key: 'd010859104eb61287b50452027502d8b45bb97a1', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'ef3e10d59e72041ab201ebe4237d2002cdd424b6', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '48d14b1238dd5a8cda1bb397e22d03017e4d42e9', 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: 'dc646c6e2b316765a4f3fc1aa13d5d1840fc4150', name: "icon" }), h("div", { key: '83b7fdd7dbb859f3aa37ad9779aecd815dd7a820', 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: '9d7df0c288b8d31f42e605d98a7235b5bfcad1f3', name: "icon" }), h("div", { key: '310515c0a8243811e9126641691f19092f06c00b', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: 'ab6ae2506eb7f00cf1167ec74030861635b1b091', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'c297a364a95dfa3af3ca953d4b5e66c2f8ad4aba', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'e70506cf22060d89862a76c3c0802700898c072a', class: {
+            } }, h("slot", { key: 'abb2ac57412ddd1984b1057f34a6a1cf8ab69c11', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '091a96c1a6fcd05544beaf5bbd499629e0131d61', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '8fca0530223a93e1f1cf064c9f5af2665543de84', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '472ae3b19fe6426d3759b40d7f5a30a034ec9526', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '9148d1249f8003d6eac0b157d2d06fff38610ec2', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: 'f0718a400246a057f618ea7b31d5bf41546b7cd9', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'f90a2fda46aee4e75338f560388ac175842eba9a', 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: '573310bda4fde101f7777b80bd4fd1235817794e', name: "content" }))));
+            } }, h("slot", { key: '963ee01329e2877b05e9fc52d8d268ffd4b6946a', 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: 'b98791da53f8ffe9bd50f39b7b379c1c69a519a9' }));
+        return (h("slot", { key: '2bd07707cf323ba6568223a125cec4b24d6197d5' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -117,7 +117,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '88ce9d80a1419711e5ce9275eae436d667dd3da9', class: "gux-action-button-container" }, h("gux-popup", { key: 'ee7c3d53d74929be37d6d46f1d7dd646201c6e21', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'b316451cf695d9df6b7b0f22e33a7d42a5b815ab', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '2cf4ab77e5b6ebc1d6a1497c93cf4d3f37a905a5', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '4aaa914bcad1a69311cc9fffbfc6223271d952cb', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '215abbf9563ed38b34865286d9da3a25a6fb25b9', name: "title" }))), h("gux-button-slot", { key: '9af9d7f65973b3f22c35fd39c0ce048b859890ea', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'ac90a2a82484c33185beba650dee2359086801f2', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '8f1e58ab99fb43087dbe7607bba021daa6b4cf6f', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'a7559a6fe83382e19b0abc833921e78c2bc8c7f3', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'a7f46daf8b8cb67d43110631832a4c33e00ded16', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'b84cfe2bfb437694aa37a36d79c7353e4e37bd64' }))))));
+        return (h("div", { key: '01844aea07004b55a12d1e722300049f8108d6d9', class: "gux-action-button-container" }, h("gux-popup", { key: '339ec282d5b932c9086d90592a401f9dceaed8d4', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'd2b8baa66af0545779ca753efdf99aef16dfaa0a', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '3949872f533e25ddd64347d6f2ce8cfff34c66c7', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '44a9f5d9a758c42d383a475d950624c13476b292', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'dca6257158a8a6c57284839e0294c6fd4065667d', name: "title" }))), h("gux-button-slot", { key: '93e5b097582eeeed9cd5389e38abd4a45803fd37', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '56227811b8f541048d8510ae6862887aa18c92a2', 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: '127864b062cbcb777a85dfb15bea33c94ad33779', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'e07f57ddf92bb76ecd88eab8306000817b5d88d6', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '567cef20863d6fd4a6d56a01419609bacb68e877', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '9faf3538d626d574e5090251afd6883e2e880428' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,7 +39,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '647320e4db9893f221b3b8bb99d9b090d7837d61', class: {
+        return (h("div", { key: 'd61c4e2e2353b3385d8fbcdc06813fcac52d3105', 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: 'e0628d9ef55d8fa3426b38430badf3101fbde541', class: "gux-container" }, h("div", { key: '969a0e63592b70ba3a6811479fdd7da14107bb6b', class: "gux-image" }, h("slot", { key: 'd4e1d398541c72d2e12916363d44074b7faf3f07', name: "image" })), h("div", { key: '3005b7deddd32fcabf46d33016538acefe1a1bf7', class: "gux-message" }, h("slot", { key: 'c7e9bbf5fc2bad5cb4fafea86289d44e2347f683', name: "primary-message" })), h("div", { key: '3f19b0a5e14f338f2d87a0cc6eb866d813c0dcea', class: "gux-guidance" }, h("slot", { key: '5e11d90e072cd83d348ff2ea6ed443d2585dcc55', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: 'a812183308ce82399d1dafa36e8ae80f40298505', class: "gux-container" }, h("div", { key: '737ee62ee9f2b669070cd8a18924bd22ff9d86b3', class: "gux-image" }, h("slot", { key: '4380b94f11a96e94178e5407ae29246ac2278e7c', name: "image" })), h("div", { key: '6c7ac6b33dd5873a83bcf05fef4fc980a858b6d9', class: "gux-message" }, h("slot", { key: 'a4a61cf10544e1966a6e7a63439ee137798f8aca', name: "primary-message" })), h("div", { key: '5f874e0c18a3065b9b02ab4e4aafb90e931443cf', class: "gux-guidance" }, h("slot", { key: '53b008ec660295789193b71139dc727d2df7948e', 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: '3cb0fc71079bb297438cf8097fb603ffaea32ab3', role: "listitem" }, h("span", { key: '6b234449ad078ee665a8c330e5d195ce54279bd3', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: 'f58448179219988872aef9743467bd8faea585d9', role: "listitem" }, h("span", { key: 'ac86e1fd271d24f82d382cf4a9692f97effcdc5c', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
     }
     static get is() { return "gux-breadcrumb-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class GuxBreadcrumbs {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: '5afd74dc10dd0adc6cd46e3e9a0b6b77d79c0b5d', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'beadf863a24399bd6ce6c3daa49a5936c5f864cb' }, h("slot", { key: 'a7e00b34840416c06a51052021d779e38e86fc74', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '47b29436439aeec2d6d3db2c9b5d29f23a6a1ab0', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '30534f46660ef40e401ccd40f4d1a71f66e916dc' }, h("slot", { key: '3f5a37c1cc6ab74400269d676db0998aa81297ed', 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

@@ -22,10 +22,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: 'edee64cd82d1d2c4a05478a67fc4a129a6f965c4', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: 'f336746777fa318e2cc8ac18a77c44b0f52da0cd', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '52137af109ad90aaf6fc493678238e99bb4a935c', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '82cfa0f55e0684131d6ab3b752411587d7fab276', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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

@@ -104,7 +104,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '10d1528af7efd00e7c4415726bc57c352ef5284b', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'c7de7004a3f4aa2d9659bbc022173da8ec10c97e', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'de8a229b7291253e8cfb2534228ee4bcf60d326c', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '90afedc920703e2f9e63f50548d22d993ddf9ecc', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '0f6cd99b832d3bc9550a6615133b6662dd931170', name: "title" }), h("gux-icon", { key: '950eaf6afd882dd38acaf6d4b609731384cdb6bd', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '2609713522b28c3a69bb4718f543adce3afad2cf', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'd9514712693d016ed0f11bbdbcd8d438401e8a28', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '006fa1bf3cf0e1635d20343eb4b187a5b40f8680' })))));
+        return (h("gux-popup", { key: 'b8596319885e7c95ab16882d4b654900f8c0815c', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '179a8c80db85ea06faa32a01738b6e7fcd97c316', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '6f08208a86815d6a3fb82676dad7c813e4ba6965', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'f2a6b35c316dd11da3b449246bc06a8ac15bbb1c', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'dff54155dd6bf5b8d5486fc824ce31e4e15923e0', name: "title" }), h("gux-icon", { key: 'd03cd4149f57c5df9d9cb6b76b402838a8899a16', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'e8922f45c61a59cd201d0604c4d68c38598910de', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'cdb06eff80dcc656d99ddcecc5abb995e268c3ed', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '98b8f47e1a44c137b330107981cadb7ea1f01ba3' })))));
     }
     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: '7db719be511ad4cebf0f36159ce7c2ccfb89bb13', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '274e551e90e870ae178d9f0d241711eca7658653' })));
+        return (h(Host, { key: 'e6bbc2d0af4e87622578d8c08042e4ed52b1e505', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '85281c21e359f1c635e6235a1ad62b84227f4ddb' })));
     }
     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: '9bbc75e2c3765e37a075ce0d2b85dfcc66de6766', class: "gux-calendar" }, h("div", { key: '8a23859bd12b81147a126f662b5d7d5c79c0b6a7', class: "gux-header" }, h("button", { key: '1a4969d0fa5df455a5a589365e32dc474279ac47', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '4cf69dac10bb9696cb2f2d99f2a9c071a0509550', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '3397936d9e5e0c907e689dddb7d4edee45f6bab2', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '11758779c91528272790e8963b7788e499c25e5d', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'cd1acead3b41837e70f0aec2a1f7092905864206', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '608100a47650aa8c7408cb72b41bdf610375cfc2', class: "gux-calendar" }, h("div", { key: 'e064a53e54b55478085a77e65d84eb752103dc83', class: "gux-header" }, h("button", { key: '4e258899ed52b4c21d86ed865313b679313391c5', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'aac6049449bdcfc0696b1bcd4d8d6efebdab520d', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'a13722dc99f56373ade9c3107900d9524a82dd92', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'df253ddcc563541ab79b8550daed55e8ea9ac3a0', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'cb5bf8914175a52ee1374ccd288e9c04b9d5b8af', 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: '69a40130e9d4f45a97697b76a87b4e3cda072d89', class: {
+        return (h("div", { key: 'fddfeabae96f3dceb718f2e81f787a607806626c', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '0f8e6dc787edbd827a60ee916c75486b9d09f8ff' })));
+            } }, h("slot", { key: '1a47ff002ceb544b37882c381dadc09386d69531' })));
     }
     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: 'ddc0f601ad1df38bdbac35b0a300bab98a9dfc63', draggable: "true" }, h("div", { key: '4f3f5d862a1fb3c2e8b54bee5453f40ad1eba44a', class: {
+        return (h(Host, { key: '4b62f8a4e6987662a4442eb64b46503c7b846832', draggable: "true" }, h("div", { key: '379821764f92352f40a5784fab4b410629248b36', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '1dbcc6575d8b180c2af4efef9df114ea7ce7ae8b', class: {
+            } }, h("button", { key: '900c686eba727645339be71d8d4d6dd633b16512', 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: '521a27ab27504e5255028a2eb1fcb237d29bed83', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '65f4557165b4a2bca5402b1e8e200878cf6c8fa2', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '40f8e02a76386e4141b46fa8d64935a3b3916a51', class: "gux-select" }, h("slot", { key: 'f2e2853f8adc0b8086c6f545b399634a1b9dbf00', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '4f3e7757e212ff79c61d92dc49f278853a468def', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: 'f89e7db5f9fab521b3c12cc900df57c9577c7091', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '0fd4aa2424b7a5f86c55a2d25b69bcb97bd2c54a', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '2ef6bb1398919a63ac26037ae065001a2a5db766', class: "gux-select" }, h("slot", { key: '47dececc3e186ff4e87939b09e7b1942dbed1ac4', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '9e5b15098cc39242e5efb94285c46c938b7f379d', 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: '6b8ad63e16a2b7599ead4bf2b052195a19e9b7ab', class: "gux-container" }, h("div", { key: '295a03f07363f34244744570b6c6d1bf0b65f3a6', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '828b08e835158483f2a2c325feedb88d0ead0a75', class: "gux-search" }, h("gux-content-search", { key: 'dc3680ff146935b9ab42d7a02feff242474fbed1', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'd9c01975c81ba898814cad001f004bb543920d18', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'f857e0301541539ae17b726b765879953b308528', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'f5b7c59fabd1f4557f6c443b231dfa99e5bcf7df' }, h("input", { key: '2c15b4a4e8af82d5b710370637256040dc6d4998', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '83b2de5c2f43c31efb8de13651400a9981fd319c', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'b8f75a6f309b4792d12ba9821cc66c4b0dedf9cf', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'bbcb598d15219bd9d07fa7ef678223c8110132ac', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '599a4ac3ad97969355ee71fe09d12f955f07fb2c', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '90472c14aff4241a12a67e599f4eb4575766f64d', class: "gux-container" }, h("div", { key: '6708dbf297e838ff3a39c0d3eb0d2166bd82b603', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'e81f51fa16667552b12defa722fdb4e2570fa31e', class: "gux-search" }, h("gux-content-search", { key: 'd4f6ba75ce8c93142efde59730391ac93fc3b137', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '6ccd29773587b71fd08d47d7c89cd7242f4b4c3e', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'd521b953340ef6ef42656a8dadef2a2afe53eb3c', class: "gux-select" }, h("gux-form-field-checkbox", { key: '9d11c72ed14a1c87cfac5037880f220e679bc522' }, h("input", { key: 'adf6a87ed983216e59b38888fff529d665aa22b3', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '19e2f8f14b119c8a73728a62edb38dabdb21447e', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '3b9164ab9d5f245f76b8d19afd5e5ddb8f005442', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'f87a0f01ba201238d5695d0c436343cead0c52a5', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '23888d1c0878856edadbb8bdb611ac6d803d9f71', 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: 'f92c07b3fcc3fde5904db8874d3cd9f2a46cbcb3', class: {
+        return (h("div", { key: 'c13e18adcc7893bd09918918011f06a6c631b690', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '339f115cecc425b8a09826acedc108c306fae865', class: "gux-search-icon" }, h("gux-icon", { key: '7a4a4352158877dcc16a9792c1d92360e2cf17cb', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '8e2d7791bd8a1cf5ef957258ab67005f5d72577a' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '9ba14b3d49298ebda817fb6d600dbad6dfa63713', class: "gux-search-icon" }, h("gux-icon", { key: '2146014de1e824adcb11d8a0d61d12604c9b3206', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'ea3eb44b3235e9cfc0bb3f3afd7c0b3c81864332' }), 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: 'ffc6e8ca1e45223814cb5e7ff3d53cabd860cdeb' }, h("gux-popup", { key: '91439f5aebbcb2c2509b7120633ad79c6e9a9ba0', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '02afa66639be9de0b32b487c4ad542b337386db4', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '4f756627c056ef4423d2354aeb0e1cd794b2f092', accent: "ghost" }, h("button", { key: 'c83f00e7819228da19e6a3801e2ae0788e45af31', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '8d01243662612d31d93690d1c4d17b3b2e822d84', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: '410c1d472fe6b61d18242ffd0c16455c8f282b32', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'b83a409aea7d7152f4610bc26668cd8a179fca1b', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'fa9e6a729be8824bf97246a0e26f38900a3e92e9' }))))));
+        return (h(Host, { key: '6ec72e40159292c148c53dd5739fa21b45710f30' }, h("gux-popup", { key: 'b60d4e27776f9bcff8dd81767b5d4fe83abdeb31', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '46c37f1bcd37e728ae260978edcd2d25aec33efb', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '52355dc84b4b2c6df125906dca42b54f314e8e2b', accent: "ghost" }, h("button", { key: 'd051f5aa1443d0b3f25868d650696ea35552b1ff', 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: '350ba0aa9ba35950e14c05d5baf0a2b3eff78bad', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: '5468877b13a689cd2dc0c0bc5050eea6a090cbc1', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'ae649d83d0722f5614dcb66122f1f7a87a78ab47', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e00d0df7d2a0bec67de19b11134dcfe5218fb589' }))))));
     }
     static get is() { return "gux-context-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,7 +51,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '8708931a89e20be48131001c9eb929be1a0f34e9', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '76460f7bb0d4e1cbc19705530c10929d78fc3c0b', class: "gux-copy-content" }, h("slot", { key: 'e647b5368a0a7e00eedac3d5e3850b9750fa3105', name: "content" }), h("gux-icon", { key: '2250fa380607b08648574bcc11903a7242144621', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '4843d7c055d6d34758fdea75f67d4a24bd95d7d5', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '7f503d10ec5f1f31754661f518d60f9606055001', class: "gux-copy-content" }, h("slot", { key: 'b6f200fb75dae908cf65584a32650e03e0c22295', name: "content" }), h("gux-icon", { key: '8bbb7a6dfd579ed9a2c21b15c75395c167af5864', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     static get is() { return "gux-copy-to-clipboard"; }
     static get encapsulation() { return "shadow"; }

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

@@ -510,7 +510,7 @@ export class GuxDatepicker {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (h("div", { key: '5a7275f7e66e78ac2af5af3838bf0e72637604f8', class: {
+        return (h("div", { key: '70cbb2cd6fbcd3a770d50258f90d07d833e0da05', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -12,10 +12,10 @@ export class GuxDismissButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: 'a54d9fe7d1873b24d2b99899ba228440cb223c09', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '5ceaedf6208b7fc7277d65e76afe34da93b75b6b', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '6fb35f13046effebabe116064b07583ec31ada44', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'a8f8ce5b1964f7d9388eb74cb8054a16a72d53b9', class: "gux-icon-container" }, h("gux-icon", { key: 'f446db743bbd8e2bfe8cae64be982fabb40fcf7f', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: 'b3fbaaa681b6164182336f30ea67caac83e64561', type: "button", title: this.i18n('dismiss') }, h("div", { key: '439ba2827dcf7246ac076ba2e1911a0fc600ec8e', class: "gux-icon-container" }, h("gux-icon", { key: 'd05b7eeb8a2612f3052e4ebc7647db3841f4241f', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }