genesys-spark-components 4.262.2 → 4.262.3

package/dist/collection/components/beta/gux-stepper/gux-step/gux-step.js

@@ -43,14 +43,14 @@ export class GuxStep {
         }
     }
     render() {
-        return (h("div", { key: '1b2d8089e04c0cd647215a3a8218593c2a68f5f0', class: {
+        return (h("div", { key: '5e9a704843dbc134b41946279e37a031eda5ca77', class: {
                 'gux-stepper': true,
                 [`gux-step-${this.status}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-active': this.active
-            }, "aria-current": assignAriaBoolean(this.active), "aria-disabled": assignAriaBoolean(this.disabled) }, h("gux-icon", { key: 'db3dd7b92dfbfd71eb28661f0859be5683ac7d5d', size: "small", "icon-name": this.active
+            }, "aria-current": assignAriaBoolean(this.active), "aria-disabled": assignAriaBoolean(this.disabled) }, h("gux-icon", { key: '22139168a5046ca87ce7b8c46e797f8505aa8e3f', size: "small", "icon-name": this.active
                 ? 'fa/circle-half-stroke-regular'
-                : this.getStatusIcon(this.status), decorative: true }), h("div", { key: 'a1fc5b1ba36fa6d916eb7a8778f8c1961793ba90', class: "gux-step-information" }, h("slot", { key: 'eaa9fb021a4a92876d5bf1e00b879ae6f42491e3', name: "title" }), h("gux-truncate", { key: '7354b84fd5405c3385a8f3dd6674230477677140', maxLines: 2 }, h("slot", { key: '45fa190d26c972eb28f52cab1a1334d9d15f6a01', name: "helper" })))));
+                : this.getStatusIcon(this.status), decorative: true }), h("div", { key: 'f6e10e5d2046f74d0ce4ab29a4b03e7b20db9dd7', class: "gux-step-information" }, h("slot", { key: '503f71070f139ed9092aadbc3c2ffaa805754d1e', name: "title" }), h("gux-truncate", { key: 'bbee57b3f489698b9fe455a5f08d9e78836d46d8', maxLines: 2 }, h("slot", { key: '7433eb229f4d65d35a4c93d19a6b58c04085c190', name: "helper" })))));
     }
     static get is() { return "gux-step"; }
     static get encapsulation() { return "shadow"; }

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

@@ -41,10 +41,10 @@ export class GuxStepper {
         this.stepList = slot.assignedElements();
     }
     render() {
-        return (h("div", { key: '821fcc944ef24e52d697ec4cac7022ce25fa7a60', class: {
+        return (h("div", { key: 'faceff2cd04d8b356d7f046a1948de55e0ce3787', class: {
                 'gux-stepper': true,
                 [`gux-stepper-${this.orientation}`]: true
-            } }, h("slot", { key: 'c89168001ecb401b874c1f2300d601deff6a6e52', onSlotchange: this.onSlotChange.bind(this) })));
+            } }, h("slot", { key: '4ff883d599ed5e952961274adf2e23c1b5e9fce7', onSlotchange: this.onSlotChange.bind(this) })));
     }
     static get is() { return "gux-stepper-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,7 +51,7 @@ export class GuxTime {
         }
     }
     render() {
-        return (h(Host, { key: '4b993bb7a4d62bbbd67f78c2aaa5422417f63fc6' }, this.renderTime()));
+        return (h(Host, { key: 'e4c45319148d5a623387bb8446a0893da6d7d3ca' }, 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

@@ -25,7 +25,7 @@ export class GuxTimeZoneBeta {
         this.i18n = await buildI18nForComponent(this.root, translationResources, 'gux-time-zone-picker');
     }
     render() {
-        return (h(Host, { key: 'ae28e64d1e0c2e940d6c5bf62f04bcd05488fcdb' }, this.renderZoneDisplay()));
+        return (h(Host, { key: 'f554f277c6d0dc5ee8b37241bfe6069da8610203' }, 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

@@ -149,11 +149,11 @@ export class GuxTimeZonePickerBeta {
         return (h("gux-option-group-beta", { label: this.i18n('all') }, this.renderTimeZones(this.timeZoneList)));
     }
     render() {
-        return (h("gux-dropdown", { key: '1fd7a96a77f151866d9f6147de62920b53147e68', class: {
+        return (h("gux-dropdown", { key: '4f1fc81df0514d9afa333669e83208b3641aefd2', 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: 'db386000587f66f340c0200b3826f2377b67ac62', "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: '5fae3357541a72afed0f1ca1899bd5b743989f9e', "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

@@ -226,11 +226,11 @@ export class GuxTooltipBase {
         return 'tooltip';
     }
     render() {
-        return (h(Host, { key: 'a7aab34da88ebfcf52b763e18d608defc0dd400d', id: this.tooltipId ? undefined : this.id, role: this.getRole(), class: { 'gux-show': this.isShown }, "aria-hidden": assignAriaBoolean(this.visualOnly) }, h("div", { key: 'f18667c9e99d37b1fb70ef59a5f3cf500eef41d6', class: {
+        return (h(Host, { key: '76cf3b4a7ddfdaeaf95d159bc18430dee3784dbe', id: this.tooltipId ? undefined : this.id, role: this.getRole(), class: { 'gux-show': this.isShown }, "aria-hidden": assignAriaBoolean(this.visualOnly) }, h("div", { key: '4f30ec2beed3d2f9791c9b5c2a97c57da0384d4e', class: {
                 'gux-container': true,
                 [`gux-${this.contrast}`]: true,
                 [`gux-contrast-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '45c69b24ab73d43f05800901bb0fe35cfa7748db', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: '2e26b5d2f6fecc834de9d626a365ef0ef4549025', 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

@@ -88,7 +88,7 @@ export class GuxTooltip {
         }
     }
     render() {
-        return (h(Host, { key: 'a06e09b399dffa27da11b302d3a207ebc1fa501c', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '2d6db4b6d6c61402a87f27f82b726de20fed2dce', forElement: this.forElement, placement: this.placement, accent: this.accent, contrast: this.contrast, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '3eea1af793d74c5803fcb6fa1a3aaef4bbd0020f', slot: "content" }, h("slot", { key: '5773e43af27236f862935069e37fc808323eb23c', name: "content" }, h("slot", { key: '00a03ae32fde98e7153e718aa0ffe90dc62746be' }))))));
+        return (h(Host, { key: '57460049a4feff3def0d7301122e5463080741ea', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '70327d0198542d5598164dc4024ad197e89c1250', forElement: this.forElement, placement: this.placement, accent: this.accent, contrast: this.contrast, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: 'a9b7fee99aff26228c746c1640dbd880b841c18f', slot: "content" }, h("slot", { key: 'da9127a113419c5f661ce271ee8194f67f47442a', name: "content" }, h("slot", { key: '9f14eaac86c0fb18bd935d23f8faad43931974ad' }))))));
     }
     static get is() { return "gux-tooltip-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -77,7 +77,7 @@ export class GuxTooltipPointer {
         }
     }
     render() {
-        return (h(Host, { key: '88b30712e468054a54826bf76b2caadfc7430d8a', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '5429997ff144e014223804e42ef5be8b7e492a7b', forElement: this.forElement, placement: this.placement, accent: this.accent, contrast: this.contrast, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el), followMouse: true }, h("span", { key: 'ecdd89bc87961d78ee9e68988ddf8c62f440a993', slot: "content" }, h("slot", { key: '36f3aa2301acbde93100c8296cf672a2f80fd920', name: "content" }, h("slot", { key: '86a0b0ba248cc262ed9ae0caf0ae983dc246ca9a' }))))));
+        return (h(Host, { key: 'd4fa12fade091e839fcc99c1c177ff68640e18a3', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '8977120e236b2304edca2d11cbcd789203dbdc6b', forElement: this.forElement, placement: this.placement, accent: this.accent, contrast: this.contrast, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el), followMouse: true }, h("span", { key: '79249b771dcbd3ad95f3036c92bf34ac89d4afff', slot: "content" }, h("slot", { key: '59666747ce6665e2dc79ef97f2b0ebefd8518780', name: "content" }, h("slot", { key: '5eda24081f19206f191ae0e52b7c30265cbc647a' }))))));
     }
     static get is() { return "gux-tooltip-pointer-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tree/gux-branch/gux-branch.js

@@ -52,7 +52,7 @@ export class GuxBranch {
         }
     }
     render() {
-        return (h("div", { key: '30d32644675ae53420b319f5f601834023dce45b', class: {
+        return (h("div", { key: 'db7677032f97483579d14d23d669a9ea8de91e7a', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
@@ -60,7 +60,7 @@ export class GuxBranch {
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected,
                 'gux-child-selected': hasChildSelected(this.root)
-            } }, h("div", { key: '2b8da5937158297f7783fafc13fc992cfa4c3a64', class: "gux-node" }, h("div", { key: '468e919b835558f6cd54ced78836d30d1d09d585', class: "gux-selected-bookmark" }), h("div", { key: '91d29a127452be2d316a223d4194e099a7d5702a', class: "gux-tree-item" }, this.renderBranchIndicator('start'), h("div", { key: '39320df4387c649dd6f79915ca0d9147e691e367', class: "gux-selection-target" }, h("div", { key: '1d3b1d1c378178eb567ebef6844249664be16414', class: "gux-icon" }, h("slot", { key: '469ad1a456ee63e6682351427cf235681729a0ad', name: "icon" })), h("gux-truncate", { key: '396deb520be04a0a3364c17dfa88e641bd5d38a5', ref: el => (this.truncateElement = el) }, h("slot", { key: '7c6de0fcf5879ba799fbbe9f38f184388178ebfe', name: "label" }))), this.renderBranchIndicator('end'))), h("div", { key: 'd062067a9138176044f040da42c358b9e38a8c85', role: "group", class: "gux-treeitems" }, h("slot", { key: '5822935b78c04264d37c58b49b8d22ecd46e88dd' }))));
+            } }, h("div", { key: '9908fb0a007dd6c0b4aa9c6ddca749383a40affd', class: "gux-node" }, h("div", { key: 'b268ddab7d16dbf27ed4f23f3807830622dd1d72', class: "gux-selected-bookmark" }), h("div", { key: '82c151fe42b89e5a4bf8755562638261e7514113', class: "gux-tree-item" }, this.renderBranchIndicator('start'), h("div", { key: '98c039e399fb85a57593ad63c94c6cb978861d4d', class: "gux-selection-target" }, h("div", { key: 'a1da158a2cfb5a16f54409ff8895b8f7b56fc6b7', class: "gux-icon" }, h("slot", { key: '1c1a275bebf7b26ccfc2a0add0b9fcd405057ebe', name: "icon" })), h("gux-truncate", { key: '9e93b77586dc36637bb3565b416f1ff7ad8c9afd', ref: el => (this.truncateElement = el) }, h("slot", { key: '17fbe6b987b5850a4cb71e9cbef4f1ab66a8dbe9', name: "label" }))), this.renderBranchIndicator('end'))), h("div", { key: '9cbb7d7b1dcd226128e498885eb8d9651ab8a303', role: "group", class: "gux-treeitems" }, h("slot", { key: 'd1e1047a1757fdbf70f5b9b5b4e28b2b8395a0e7' }))));
     }
     static get is() { return "gux-branch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tree/gux-leaf/gux-leaf.js

@@ -44,13 +44,13 @@ export class GuxLeaf {
         this.root.setAttribute('aria-selected', String(this.selected));
     }
     render() {
-        return (h("div", { key: '67451f6b5c5afa34ae6cd05814c0f605bb7a5b81', class: {
+        return (h("div", { key: 'ccfa0635a78ecf97fab8ed4792a4c776ff310fea', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected
-            } }, h("div", { key: '8bef879689fc59458c9b3d7df7eabb9bba013ac6', class: "gux-node" }, h("div", { key: '8823324f900065c9ebd4777021953b14ecef8438', class: "gux-selected-bookmark" }), h("div", { key: 'df6bd464988dc6d7a48c161446e694756b72f3ad', class: "gux-tree-item" }, h("div", { key: '73b8d9ec7f07aafe7ff555f0962ce488897b2c72', class: "gux-selection-target" }, h("div", { key: '49e5afaef0a862dfda793506aa503a0a1207172a', class: "gux-icon" }, h("slot", { key: '24315562f5032b2a073ebf4ab9cb228482a25e11', name: "icon" })), h("gux-truncate", { key: 'b276da9d69421268266d792b453a777c402572c4', ref: el => (this.truncateElement = el) }, h("slot", { key: '59d07c302975fffa6ab6f4ab15773698c79773a7', name: "label" })))))));
+            } }, h("div", { key: 'f4d49bb77c9e5604c5063f4d1b0cef64c3bb03af', class: "gux-node" }, h("div", { key: '140c80012f003a980656582c001dfad80562e706', class: "gux-selected-bookmark" }), h("div", { key: '7b37864d35dbbb04628fdee7fad34f73c3ce796a', class: "gux-tree-item" }, h("div", { key: '874381befedbf3083074142d966fb6ad50e4f4df', class: "gux-selection-target" }, h("div", { key: 'f50e8b2c1a4da515998c4c7d86ba002a72d5adab', class: "gux-icon" }, h("slot", { key: 'd957b27f702d9e74155a32b9214aa0befa7f6780', name: "icon" })), h("gux-truncate", { key: '7e372927dd9b137f422942143f35874fca1152a2', ref: el => (this.truncateElement = el) }, h("slot", { key: '04ee8824757ea9f4558c726714fd852fe6aa4964', name: "label" })))))));
     }
     static get is() { return "gux-leaf"; }
     static get encapsulation() { return "shadow"; }

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

@@ -179,10 +179,10 @@ export class GuxTree {
         forceUpdate(this.root);
     }
     render() {
-        return (h(Host, { key: '6f4242875a9ed9f01065d28aafd0a4ebed3f60cc', class: {
+        return (h(Host, { key: '90c0c559b51ac73eef089eb68ed0c47e59e5af57', class: {
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end'
-            }, "aria-disabled": assignAriaBoolean(this.disabled) }, h("slot", { key: 'b7890e6b8a4d8bb39cc94a532712f84ac6c4dc95', onSlotchange: () => this.onDefaultSlotchange() })));
+            }, "aria-disabled": assignAriaBoolean(this.disabled) }, h("slot", { key: '61cabe850ba89c77d1143b9c24a47821daefac9e', onSlotchange: () => this.onDefaultSlotchange() })));
     }
     static get is() { return "gux-tree-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tree-dropdown/gux-tree-dropdown.js

@@ -168,7 +168,7 @@ export class GuxTreeDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'a4bfb3add9f19eb2cfa493f3a83cf0fbcf42dbd3', expanded: this.expanded, disabled: this.disabled || this.loading }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '1fc24e1160fa53a2743b05aecc605a358e4c16b1', expanded: this.expanded, disabled: this.disabled || this.loading }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-tree-dropdown-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tree-multi/gux-branch-multi/gux-branch-multi.js

@@ -50,7 +50,7 @@ export class GuxBranchMulti {
         }
     }
     render() {
-        return (h("div", { key: 'e1f48fef945fb7e142a01058beefb041c52f21e9', class: {
+        return (h("div", { key: '48e430635bf4021e9f9c3a6a65c6886ba9ed3fa2', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
@@ -58,11 +58,11 @@ export class GuxBranchMulti {
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected,
                 'gux-child-selected': hasChildSelected(this.root)
-            } }, h("div", { key: 'ef18b8932b9bd0e17e2c3d92acd9502fa20e990a', class: "gux-node" }, h("div", { key: '07a556b182cee89dc4c249a6ba1342b792250ba6', class: "gux-selected-bookmark" }), h("div", { key: 'a9a5b3315eaf642352aab8e4efe211838b8a0753', class: "gux-tree-item" }, this.renderBranchIndicator('start'), h("div", { key: 'a6f9f8be83a70f99d54d52a27de9c73a880d6b20', class: "gux-selection-target" }, h("div", { key: '5a0533f4b4c445c0d47bc153878a575a76d0bbda', class: "gux-checkbox-container" }, h("input", { key: '8eb09e67f400e03f7621fbe35c0de73e93739f61', type: "checkbox", tabIndex: -1, checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId, ref: el => {
+            } }, h("div", { key: '2232fd47c5e049f925f49f3cc4c9cf68b61b8456', class: "gux-node" }, h("div", { key: 'db017d721560858ede6b2920712874acdbd74967', class: "gux-selected-bookmark" }), h("div", { key: '6f2714e4df1dc3b3a13093f12625d9160f231727', class: "gux-tree-item" }, this.renderBranchIndicator('start'), h("div", { key: '9b92d4805021d2231d068f954f2b488579b4ffd9', class: "gux-selection-target" }, h("div", { key: '1b6406c6eb59711bb631ef13c119fa065058e2c8', class: "gux-checkbox-container" }, h("input", { key: '5ce988e58c869cfd204c13ef9b24caa1bbbd9c29', type: "checkbox", tabIndex: -1, checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId, ref: el => {
                 if (el) {
                     el.indeterminate = this.indeterminate;
                 }
-            } })), h("div", { key: '4b3975d541ac0683c534cbae2f4bc6111bd02451', class: "gux-icon" }, h("slot", { key: 'e2353f33d493e1439fdbda0baa4fb86a9af03754', name: "icon" })), h("div", { key: '2d91e454bf88dadd2e3af8e88c671e5d89a2b99e', class: "gux-label", id: this.labelId }, h("slot", { key: 'a44bca422c0a01110140786e918e0d9506647888', name: "label" }))), this.renderBranchIndicator('end'))), h("div", { key: '085aca2d49c6e178e8db700d1e153c22767aa706', role: "group", class: "gux-treeitems" }, h("slot", { key: '92d779054e6ca8618590d226955aea0174878c63' }))));
+            } })), h("div", { key: '32ccd9b89e88ea784408ce5a787f784b3a90047e', class: "gux-icon" }, h("slot", { key: 'f39395c8c526f5c31f88475bf26b3abfea4ddb48', name: "icon" })), h("div", { key: 'f136c3917babb1ad682fd982b7569ef7be3d0a45', class: "gux-label", id: this.labelId }, h("slot", { key: '5e81a6c64963b12b346044f50ee1062ae4e88694', name: "label" }))), this.renderBranchIndicator('end'))), h("div", { key: 'f0b924d20df793abbe14a367fe42296a4d32519a', role: "group", class: "gux-treeitems" }, h("slot", { key: '0d3deee78098341fa9cf2d67735dffd83198be2c' }))));
     }
     static get is() { return "gux-branch-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tree-multi/gux-leaf-multi/gux-leaf-multi.js

@@ -41,13 +41,13 @@ export class GuxLeafMulti {
         this.root.setAttribute('aria-selected', String(this.selected));
     }
     render() {
-        return (h("div", { key: 'd68b62b8c47991bc1f9c38cef75903fd363af0a2', class: {
+        return (h("div", { key: 'c7f9ba636b66799f11b4dba2554038e60ee2ff73', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected
-            } }, h("div", { key: 'cf5a078c6e8a875719be3473f299a5f725378205', class: "gux-node" }, h("div", { key: 'b251fa8282161cc3ee6339bf5953b48254378bd9', class: "gux-selected-bookmark" }), h("div", { key: '64709ba1136c07eb0f78b9a56cbb96c5859d3ff7', class: "gux-tree-item" }, h("div", { key: '6c89842cccddfc32da20f2dc027d5d5e32d9ad1d', class: "gux-selection-target" }, h("div", { key: '111d993c7cff468ed778b6925436a2440cb58def', class: "gux-checkbox-container" }, h("input", { key: '41a632dd23d89386c892c8f4533021b81088e5d0', tabIndex: -1, type: "checkbox", checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId })), h("div", { key: '9c939c820d34843aae49e4c46387acf51c6dbe9c', class: "gux-icon" }, h("slot", { key: '5340e090958ae9573ef04244db499111f87ad202', name: "icon" })), h("div", { key: '33e81743082b40446436f8caa0d9c15f0dd45d44', class: "gux-label", id: this.labelId }, h("slot", { key: '5e55728289757e7931d35d78141e3e6a6ec9f76c', name: "label" })))))));
+            } }, h("div", { key: 'cbf71f65db2c041b29f026b603d78aa195ae56c3', class: "gux-node" }, h("div", { key: '94a839d850c3c6e8367165cd97f1f3d52d0d4106', class: "gux-selected-bookmark" }), h("div", { key: '2b74883b885ba7efb0476996ff0160c9fa4e975e', class: "gux-tree-item" }, h("div", { key: '14ca3fd982fdd38baa900c9ca300a99eb58577f3', class: "gux-selection-target" }, h("div", { key: '31483a62b9c3575a495e652d2930ba7cb0370624', class: "gux-checkbox-container" }, h("input", { key: 'fd00ad4f55e2057d1c4b988ae36c713dde406008', tabIndex: -1, type: "checkbox", checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId })), h("div", { key: '86f2160c95e92d9d61c0bdcab8a1e951b47e5430', class: "gux-icon" }, h("slot", { key: 'ef99cba5533e0a1e6498285b51adeab3fe2c5f9f', name: "icon" })), h("div", { key: '2e3c959276df5c1beed6d2e43fc56cf7768ede5a', class: "gux-label", id: this.labelId }, h("slot", { key: 'a0c5f18e5412cc5c7e4b062708cde3c80d7fa5c3', name: "label" })))))));
     }
     static get is() { return "gux-leaf-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tree-multi/gux-tree-multi.js

@@ -195,10 +195,10 @@ export class GuxTreeMulti {
         });
     }
     render() {
-        return (h(Host, { key: '95826c7f1cc8dba70c52126820e1f797ed79cb6d', class: {
+        return (h(Host, { key: '7fd203e90bebd9a361d7781144c297137feaaa98', class: {
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end'
-            }, "aria-disabled": assignAriaBoolean(this.disabled) }, h("slot", { key: 'eea2c32ac5a2fc845e8aa980e1cf54000d82f19a', onSlotchange: () => this.onDefaultSlotchange() })));
+            }, "aria-disabled": assignAriaBoolean(this.disabled) }, h("slot", { key: '8d7e2eb89585dd4f534e2224cf8b78177ff1ae00', onSlotchange: () => this.onDefaultSlotchange() })));
     }
     static get is() { return "gux-tree-multi-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: '4b4646740c6ce3ea7c52bb74aba9f5130e1d8252' }, h("div", { key: '221e47e3b0fe3dbc573e3ae1df6c085f0438843f', class: "gux-header" }, h("div", { key: '185dd45493c2dedd1855cdd3f3b25e72a2404fed', class: "gux-icon" }, h("slot", { key: '5ae3b0c2f9f426bdd19c458a3f0082efdbc440dc', name: "icon" })), h("div", { key: 'b378af592e926bddeda6abe813af5eb6678f6a25', class: "gux-title" }, h("slot", { key: 'afe2d11cc606adc8ed253b7858cd2b588febe2f4', name: "title" }))), h("div", { key: 'd8b6cb0ffb46a6dad998ce7ff65c55c1df5768bb', class: "gux-message" }, h("slot", { key: '74a18ff41e9568f0692d6fb9610c16c1e2f36ae6', name: "message" })), h("div", { key: '1159b387b56293653d65d4bfa095d25e5b155ea4', class: "gux-action-buttons" }, h("div", { key: '6586c87c16b42f59b5e557afc7f0ed98603621d3', class: "gux-positive-button" }, h("slot", { key: 'cbb19e6ec6969bead47838d4815eddf82c112688', name: "positive-button" })), h("div", { key: 'b101dd0589ab179428423fcd5a1d0758d563a803', class: "gux-negative-button" }, h("slot", { key: 'c5b2e248069c6e0033a3aa04add87cedbc791761', name: "negative-button" })))));
+        return (h(Host, { key: 'dd819c4adfca23d388597d0f52e8c6d52c987c59' }, h("div", { key: '81b8d7a6d4825e8a22d953926709f3b16b36e987', class: "gux-header" }, h("div", { key: 'ebb97465fc694c00397f26cf6abccb3b79db3f9b', class: "gux-icon" }, h("slot", { key: 'ddc5ce3dc913e85e8806e19544d3aad2aa698692', name: "icon" })), h("div", { key: '35ab1ea08b2eb46e8fd34f3603b878189994db76', class: "gux-title" }, h("slot", { key: 'f136f9f489eaab07398ba7ab71f8c26f4d31117a', name: "title" }))), h("div", { key: 'e14c23e0242663ebc6fe5c686f19b39899ce566e', class: "gux-message" }, h("slot", { key: 'c9ca00b728c9f7500c195ffc19102ccd4ce94238', name: "message" })), h("div", { key: '02a11f5d9b7ac634c00aae20f8d3be35053dc78e', class: "gux-action-buttons" }, h("div", { key: 'ed35e7bb795f88c47157704105819e48f097b6a6', class: "gux-positive-button" }, h("slot", { key: '06d77dfceecbb6c88ef371ebc03b0a0fef326c13', name: "positive-button" })), h("div", { key: '025fbfc5ce886c2b753239b3f9254fcfa0f27860', class: "gux-negative-button" }, h("slot", { key: '3febb8f9689a073d00f4366cd13ea6ffcff0188b', 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

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

@@ -79,9 +79,9 @@ export class GuxAdvancedDropdownLegacy {
         }
     }
     render() {
-        return (h("gux-popup", { key: '952e9b0497ef3c10ca5a379bd085d80b8947fc58', expanded: this.opened, disabled: this.disabled }, h("div", { key: '8b498d1dab6e3005b0c8832571087e0e3f8963ff', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '17483e68248f7228ff99a87c3d72abb401f0133c', 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: '522cacade8541847aa30886c5d8ca681a3dcb151', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '07c93e5fd416c8c386ef1c1f7f668937104fce00', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '03a7e87211bdf983e9b1342940d46536c7fce480', class: "gux-icon-wrapper" }, h("gux-icon", { key: '517a6830a9c29607d011ecfcff8809a084b2f04b', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '51171aa0e254179552e6dfb827668882994a8813', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'ca03d8835744b0ddfb0ea4f597003f72a40881a6', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'af3ae0bc4f20ab0a06b7ff053b753eb85fb61bae', "label-position": "screenreader" }, h("label", { key: '8a285b95b4b74cf62d933c49572abb4434f208b8', slot: "label" }, this.i18n('searchAria')), h("input", { key: '96d5d36788fd8f66f69678549e88bd34761ee4ff', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: 'f45d2fc459abe71e8e1c425631e8f9983a420344', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'bd2d5b2db1d4ed94958933c37ecca5d9f15a95dc', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'd0acbdd2d2de108fea05ef09ce8c66fb96ca7564', 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: '255fe8f93ff9fee49abb276c4884f83c52c3769a', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '2cb072d7bc4d828fddae5f34e9a02618fc78f736', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '282bf4ae365a3e38f1746bd5af46d4a222f53311', class: "gux-icon-wrapper" }, h("gux-icon", { key: '7e5b7e5358bcd9e2e7734e5dd48a2c28b67c33b0', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '7a9a5226f96508e25f48260b86296e4add07d5d3', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '6a378b8f3e444eb7bb9be7d5867b79e2d0573b28', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'ed68645fb5d8412c73163d778d27671ec5b2fb6d', "label-position": "screenreader" }, h("label", { key: '3f6dd0b994bc142ce3854dbf50442a6ce56a80c8', slot: "label" }, this.i18n('searchAria')), h("input", { key: '0d86ce1b1895c3771501f2b1b77f33fa61af260f', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: 'b1632faabc93dfba17effd707ca0803544c6e53c', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '50d8e65d0386af5161f495873baaa057624b4843' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: 'eecb040f99e79a843442977e72d81295f8115586', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '5a55d6c8eb35670a7c1bc8ae91dce7a30d4b41b7' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

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

@@ -47,10 +47,10 @@ export class GuxDisclosureButtonLegacy {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: '9123580521c08d0643c3e553ecc5fd7de9629b50', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'd5dd6dae816d4e61c6d01fe96d3a1bbdd90bb610', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": assignAriaStateBoolean(this.isOpen), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, h("gux-icon", { key: '48787c269995cbb74deb59bbc10b8a2da9be4494', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '4396c7ffe83a81d2fdc85b004f60597fc5ae8a4a', id: this.panelId, class: {
+        return (h("div", { key: '25fa8a02abe3afddb43b33c73f7ade727e9bcb74', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '74640d6a18a6283d82f65fd8ea44acc52914c731', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": assignAriaStateBoolean(this.isOpen), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, h("gux-icon", { key: 'e8d3824a274b5b3b838af04daea5db9b03906ac0', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'ec22363bc728a24791a7a4eaf7aa67bf484ed12e', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: 'b0189d71ae25e10a08707a1ba9cea52c68cea75a', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: 'd66efe604e223302e028a2cc14c7109ef3315b9e', 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

@@ -45,10 +45,10 @@ export class GuxModalLegacy {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: '86e560c0bd4aa07971f11192400bfd6b7dccf091', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'e90af02a20e60a09ba648a6fb5364ff6cd71f053', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '0170355dd0f880c219d1ae6ffffac1182a239a2e', class: "gux-modal-header", id: titleID }, h("slot", { key: 'ca2e1cd9354099c1300defae325634954ddd85b4', name: "title" }))), h("gux-dismiss-button", { key: 'f3334903dd5b9b7f19813a507ef4805218a1658a', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '6e35bfb24c64289283a8027792a255d5df1766a3', class: {
+        return (h("div", { key: 'c03310ec448048e7e423b55d4e81e9c2f7d994b5', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '18fe3dd55f9db826ca133aea526a8ffb50178a46', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '68d609a08dae0dae3cff240e40665a57e9715a8e', class: "gux-modal-header", id: titleID }, h("slot", { key: '78866f45000960221bbfd6a75cb4110acb62d9a8', name: "title" }))), h("gux-dismiss-button", { key: 'f26dbaa79a42b2b1a57b7f51eefc7eaba2c5736b', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'cab860dac317c9c09902b739e3ccfbb8b6973b81', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: 'ec557933d63993597bdea567a4f9b2098febca21' }, h("slot", { key: 'd78f491ec59c2f1132b225b16f0c9081c4364a9e', name: "content" }))), hasFooterButtons && (h("div", { key: '7a8d0f486cfcf1e620f3fde6582d317f27ff6a95', class: "gux-button-footer" }, h("div", { key: 'b5be4facec53434e076b94abcb47b198badb486d', class: "gux-left-align-buttons" }, h("slot", { key: '3a56d8931259c248067c673cf8f3258a6a915a8a', name: "left-align-buttons" })), h("div", { key: '0ede80f875413165858d6c4c315f322060dc23e5', class: "gux-right-align-buttons" }, h("slot", { key: 'a2f60424df5ffa3e37d95c137590661b3624ef8f', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: 'f019e816bb41b064bc00529eb0d6e07c4f117129' }, h("slot", { key: '11c2aac98d559314e5ac53b3e1bb22a41fd5a4a5', name: "content" }))), hasFooterButtons && (h("div", { key: 'ced06e0ba6bdcff6c6df60020b66deaed63288be', class: "gux-button-footer" }, h("div", { key: '20c16e2fb411f46d8af296b83bb796e7264d4a54', class: "gux-left-align-buttons" }, h("slot", { key: 'ce078520c6ad999f48335be599f3d2608038b265', name: "left-align-buttons" })), h("div", { key: '020e9b79e7e886d255c435148d05d4a7124a2ded', class: "gux-right-align-buttons" }, h("slot", { key: '65972d024013a69c74e6655aba7d7170b8827df2', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

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

@@ -16,7 +16,7 @@ export class GuxNotificationToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '21025c1d808532e0b4a17265ce7439f472f93082' }, h("div", { key: 'd08c7ddc29e3398b728c43025ac87692b3e0ff15', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'ada8f816ab75e12b7ea3115dc9fbc34675ea9ad0', name: "icon" })), h("div", { key: 'a843ae25c8fc286adc4028b9929fafa79ae19825', class: "gux-content" }, h("gux-truncate", { key: '21adcff805e9120d3d7b3f01be7295df900f93a7', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'a5bff9f34a772509576d5ddcf055c1af55a77da6', name: "title" })), h("gux-truncate", { key: '2d79945d2073a0eabbf79061ff700db678f9d024', class: "gux-message", "max-lines": 2 }, h("slot", { key: '1a708b7f31ece3dc3adda99c08c859d5dee60ca1', name: "message" }))), h("gux-dismiss-button", { key: '6168ba7095b6c01a6aade1a3779bf2c36b0e3011', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'e486f0bfedc321e087ab5b321be49bdb3f79ce45' }, h("div", { key: 'c25b87577a3c845889f28683b60a2f0c6a11ac39', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'f89300f35fc806518d89eebdb070bfdcf9e6647d', name: "icon" })), h("div", { key: '7d259f17f24f8902a27829beb4edb87f46df760c', class: "gux-content" }, h("gux-truncate", { key: 'd12f4622e70b4ffe7e20c381dc0cfa9c2b537d55', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'ac75ade06f38c3b58b8ad5f0b133020d8c5465f2', name: "title" })), h("gux-truncate", { key: '924800a835985725ec62b381f1e85fd2be6af7ef', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'f3fd4fa6a9c4f407d48ad3aed76bd2b8518586f9', name: "message" }))), h("gux-dismiss-button", { key: '1e31136c0729b326868c9232b293e927933dc2d0', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -69,7 +69,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'bbb183f186f49e13eca769f183cd79f8fb6eb9e7', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '709bc164bfd1a3f70201ebf6bf673fa8b9ba229a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '5d2ca4023552de06515ff48f0a8ffdd41ab7f3de', accent: "ghost" }, h("button", { key: 'de03fb2915691e748ec3ed69fb46417bdb07b0e7', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '93bbcfc9a110accbf661994eddf08492d4ef7d7d', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '8cf540021cea3ad708d106f915259aa8968a4773', accent: "ghost" }, h("button", { key: 'dbf08e2b121ae66f6f754014468e16f7772972a8', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '35028f2b88363f511d82334d4053f5445eb3426c', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '384036457315abc95205397df033865bf42ca603', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'e77ebbe870f2031efc88f259ddc30f6e62e640b5', accent: "ghost" }, h("button", { key: '57b34ad0b6c5a74d0c50998e6de12f9481e7f8df', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '879b8b9c58850e283be1824ab16842b9bd0d1590', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'dde81c27aa07b2b14c05bcc674ecaf07177044bf', accent: "ghost" }, h("button", { key: 'd2d7fa4077143fb3ef56062c544a94b71d2de0f2', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '384d9adebfa5f8c403369f4f4dd859dc04d054f3', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '9674edd241dd0b3c13c97b55c9115ef659cb58a7', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '63b106e9e034742616c84d69c517a43320adc51a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '9600250a0256358e19103c59229c276cf5f0619e', accent: "ghost" }, h("button", { key: 'c6a8865ea1d0fe7c160313fcd7de97fecfab9b4b', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'd288cf20d5830196a691af8f3e55ceebb5312458', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '0850d03ff537c3d540356ac25cc7daa71e982b52', accent: "ghost" }, h("button", { key: '1a9cab0654161bc4a6d44c2a82a26c86f56676a7', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'b15022271657322d9a33adb32bddd9e3b96ece51', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'e9d59204fae7a135b6ac8e60ed851240fd1fb7ec', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '999cf4159fd1debaa03ff92cc3a11368fc3240e2', accent: "ghost" }, h("button", { key: '08f99c59a1c5a5f2b9a8597d2e3f5c7e778a9e42', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '9f8be63e42012be9fc349320556301786ab0311f', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '534d1f16a58eacf71ec4d143a999b624a565db40', accent: "ghost" }, h("button", { key: '9a0ebee94ed94103b3bfac39e59dd055e3a8dc94', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '97d1fff59bb34c490627ce3649c07d783e84d8db', 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: '1418d0a75d5eb98f00025b98c8b1377ffd129c2e', class: "gux-pagination-item-counts-container" }, h("span", { key: 'c34f007272b43c8400e7aec118f133a0d70e45c1', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '9ccf59838906b4caa5d46a2b1f57adf4ba29bb4f', class: "gux-pagination-item-counts-container" }, h("span", { key: 'ff9d9268352834b67d2fc118c201a8b5b9b10169', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'fb1e05074539cdf36b237e5fc6f109105804620f' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '3f09992e60b139ee67bd1786260a9c24c3da092c' }, 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: '62e1b9bacfc9e4f122de3766096321c7d20ae9ca', class: "gux-pagination-items-per-page-container" }, h("div", { key: '7dffa9f9018409dbf278e4d51ed6eb4d0eda0146', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'ff4863be5a0cb748811998e34e2b8621e30523b4', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'cd909240dfbcf9cf400d3d58202dc03547443224', class: "gux-pagination-items-per-page-container" }, h("div", { key: '0b4c8a32c42e520c6b248a62db251f803e4fb278', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'b251bd6d519d783bdf69f7f61cdffb7294fdc74a', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page-legacy"; }
     static get originalStyleUrls() {

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

@@ -69,7 +69,7 @@ export class GuxPaginationLegacy {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: 'ae7cd2b35ebb8a4d9aaee353c43a24f5693a2fef', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '22d7b8ea944d575d6208e328619b4fdc906fec30', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'c260978cdbd62c904c94ff4aa76d616518f81f18', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '20e8771e8eee7658f001a1b5a26d21cb0e0156d5', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '3dd9397838b28fe5127ced48d8f36c3c299b16da', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '3e49aec00d120555b35c53b318aae9d5c1a2ed5e', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination-legacy"; }
     static get encapsulation() { return "shadow"; }

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

@@ -15,7 +15,7 @@ export class GuxSimpleToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'ba0535c8eb04003fe76f3001c1b80c76e6e13257' }, h("div", { key: '3c2e784ece72f7f598d4844fd19314da4b31e924', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '9b34f959d4a635396a0d5e725e476ddda5b537dc', name: "icon" })), h("gux-truncate", { key: '65933709c7fa94ae5f062d4dbdbe7bf224679246', class: "gux-message", "max-lines": 2 }, h("slot", { key: '0ee192404d9bf71874738fdc7a270c5ee608240d', name: "message" })), h("gux-dismiss-button", { key: '4c9b1630305db2c98378e497ab0b5af61492857d', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '574a9379457891e38f95ee4cf60d9d397786d1d9' }, h("div", { key: '9d96b74d0e8b78c1bbe53fa25d93ef683e2b27d6', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '3cce501b35197079564942da4478e25ddd02fe64', name: "icon" })), h("gux-truncate", { key: '43dcacbbf5725932cf42fb626aa8a89115de078f', class: "gux-message", "max-lines": 2 }, h("slot", { key: '51b26e88316223c60548c51f4abff3cc93732d80', name: "message" })), h("gux-dismiss-button", { key: 'b22c97f44b886df675bb86f543ea9a4b0ba3f3c9', 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: 'a4c3f576ad115e668c5a1dd18caf7a145bac995a', class: { 'gux-selected': this.selected } }, h("button", { key: 'd662ad2b3d09e031625bce131a1feeb83973f931', "aria-current": assignAriaBoolean(this.selected), type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '1bbb60ec1eae7463c07ccf75d0e71c1cff80c010' }))));
+        return (h(Host, { key: '3bda716aa3e550dbf1d946bb5df604edf0e1333e', class: { 'gux-selected': this.selected } }, h("button", { key: '168db83feba09f4b481d76d38b9911fdec231859', "aria-current": assignAriaBoolean(this.selected), type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '74f6d1c45fec8fcebe35d8a15c99d87f9c451b6a' }))));
     }
     static get is() { return "gux-switch-item"; }
     static get originalStyleUrls() {

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

@@ -30,7 +30,7 @@ export class GuxSwitch {
         });
     }
     render() {
-        return (h(Host, { key: 'd99912305b09b3e5ef6bef1f1f94c3889bbea151', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '56d44f412acfc51068b2ffdb0632f214beeb157b', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'e1784248442e5db1c61f21b33ac494deec5fd84e', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'dca9d3cf6ee6fcc7d46931241be02ce8818f3a2b', 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

@@ -51,20 +51,20 @@ export class GuxAccordionSection {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: '4f3013e3cd2d78b21a8c962682c29aa9bbf4fc76', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'aa5b7d12eb0f7d801d7f6c341315ce0851f91b30', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '5ab47360ee7dc2c53ba82af985e2dba4e6e9ef45', class: {
+        return (h("section", { key: '63d0869e70ceda2a595766d054aacbbefc61c1a2', class: { 'gux-disabled': this.disabled } }, h("div", { key: '8093943a09fddf25272b339252f80af021c1ef63', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'f959a09e1db7e02f61ae9d5361da8618a6f71e89', class: {
                 'gux-header': true,
                 'gux-reverse-headings': this.reverseHeadings
-            }, type: "button", "aria-expanded": assignAriaStateBoolean(this.open), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: 'cb81e509d8c297719e832eaa6eb71d3241eda7ec', name: "icon" }), h("div", { key: '7050ed5c30a9f9de78c47b0403875262fa6a69c4', class: {
+            }, type: "button", "aria-expanded": assignAriaStateBoolean(this.open), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: '249e6376437c358dc8641c648741f9fafc1e9b84', name: "icon" }), h("div", { key: 'ac8e7e91cdfe96d9bad298eef00988016b4ec99b', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: 'fd7598ad830fcebe4b67bc4103f3ac179c286f1f', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '9308e8a6c8f450cdc4ef71e102fd17dbddeb6558', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'f92e5d82aff43f16c4a80dab9a9ccd410f368443', class: {
+            } }, h("slot", { key: '1437931ea4fb3438104b4fc7fc132caf3b02af65', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '2d2a0625afdd6cd035912b8e852f74575e60efff', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'b16ba5c0e7ba8667bd7a1bff2dd688ce3c844f2e', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: 'a438cec0ab959432569c31cb6ab1b1f8af9cef3a', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '3aab8b7fb99285435d5dcf5c174c6981d9f47375', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '80e64333429034dccd7c6ad08a13789caa5703c5', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '68eae47ab7b72bf6d60784e6ee75f17fb80d8110', 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: 'ba849a0c85a4383d20382a875f3193595da7c747', name: "content" }))));
+            } }, h("slot", { key: '981b731bc3af157726d1344d511b5450197542cb', 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: '9e41e58056caa4cc7715f35af60d089d9ab9e23a' }));
+        return (h("slot", { key: '7624424eccbda8b298e789450ffb5285cefe9b2d' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -139,7 +139,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '4d7b0a7520dd8e5a825419f2352ebd31b5c2360f', class: "gux-action-button-container" }, h("gux-popup", { key: '75e731c4f0dc46078dd942687735b1238e5fb6ea', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '0741c87eaefcc98d2397ed6dbe3de87de2781e37', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '9368a3a0b9829ac9e8f91f8b7781e3d4c4144802', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '3e3b68024b3a73fe913dbe3b0df7cd4ba7e2ea25', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '1ff47e4cfb3384af726e0dd8341ffba775292335', name: "title" }))), h("gux-button-slot", { key: '9fe13b0d36fc66b47cc6477794e60e8b2837c804', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '160e6e550259432bc33e70b4e766c29126861371', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": assignAriaStateBoolean(this.isOpen), "aria-label": this.i18n('moreOptions'), "data-testid": "dropdown-button" }, h("gux-icon", { key: 'a5e2ff49bd47fb38de2d88bd265f74d39b36f304', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '2930c9b4b51428cba7e8137dc3b13ea49ea6c964', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '846adda1da18abeb125a2843863d3c7bcfcbe9e6', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'fbddef750bccf0752530b2a48cf7d241e5cd4475' }))))));
+        return (h("div", { key: '89c8442c0825fde5381aee0477ec532db7784df8', class: "gux-action-button-container" }, h("gux-popup", { key: 'd0e11e9c52ba585720b15364cbcca221d7a18a66', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '0508d1acba88b1352670ed9698b27a98d73c4ee5', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'd06ce99510801c91bf730fb644f9574b2ae58234', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'a2305c26f5fd0a352cd1c3ad6c4f34f1c4f7f543', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '7f945513d1a25e5cc300556a68b1e552cec3e79e', name: "title" }))), h("gux-button-slot", { key: '8195a4e8bd5c10b71ac9a7ffa0c635185c8b4517', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '5c2283e325131aa93333e6824d298b836696fd0f', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": assignAriaStateBoolean(this.isOpen), "aria-label": this.i18n('moreOptions'), "data-testid": "dropdown-button" }, h("gux-icon", { key: '81253601a647be611d76013ef075c7b08aab9c7b', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'b99471e2ab692a67977d5f6273d4f69a51e61121', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '22f135c085841f01fc14dd0d31e9aaa622eea787', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e68464633cdbd53471192f7a4da9e7ad48614406' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -43,7 +43,7 @@ export class GuxBlankState {
         this.hasGuidance = hasSlot(this.root, 'additional-guidance');
     }
     render() {
-        return (h("div", { key: 'a47d40a3472c5cb723f9e812babb90de9bce279a', class: "gux-container" }, h("div", { key: 'eccf49a76581159876e6d7c08a92e5be026dea58', class: "gux-image" }, h("slot", { key: '2b87978f8bceaf769a215f129788a7331681abc2', name: "image" })), h("div", { key: '1a12f1e02a74335d76ff29adff58c85493f28eec', class: "gux-message" }, h("slot", { key: '53cc3e0d95480670575f0de680e5d53e1e67e436', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (h("div", { key: 'd863f88c54e6219b6e5f748edea11a39722694a5', class: "gux-container" }, h("div", { key: '59c14d3fed7c3ef8c1893eddff7260e1b45d74d2', class: "gux-image" }, h("slot", { key: '16e2192c5f19062bd814ce094a200427acacfcb3', name: "image" })), h("div", { key: 'd6feb61ea675df16298dc53c227f38ece5a4e738', class: "gux-message" }, h("slot", { key: 'aae18f75e98de7c9092b9e8751fc40a87ddca8c9', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
     }
     static get is() { return "gux-blank-state"; }
     static get encapsulation() { return "shadow"; }

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

@@ -35,7 +35,7 @@ export class GuxBreadcrumbItem {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: 'e03fbc6c4134051190e4ef2294a8030ebec9ab20', role: "listitem" }, h("span", { key: 'f1c2182e910f479e6f35736ad258e65df39a2163', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '1b3454f9c6ebe388719dba995ade1fdfc8bc06ef', role: "listitem" }, h("span", { key: '5e868e3fe41c2267486e2acc6bb39bdb759eac76', 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: '24b18c4859d0e89eac8b273b86e46be51a01595f', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'b0fa4ede0fee11f8adf40dc574f47eb83a941047' }, h("slot", { key: 'e2356eb5ba71d750fcd7d152efff3ff9430601e1', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '10b2d98634dfe0558ec6854c46fe1bdede01fecd', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '6932af7b8c1e6b7cca93b3a43001bd01c25e8bd0' }, h("slot", { key: '6cf020138d0ad8210087a732a832acd3c1bfeb4e', 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

@@ -32,10 +32,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: 'a8ced7e052be8932c70a12276c7f272d570b4e21', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '254945a51e4d1a3c478b5c6ba06890df238f606d', 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: '1430a35ae6cd2099e2e0829e8b2232067aaec313', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '767003609e0a042022530f7726e48bdae7686039', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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

@@ -127,7 +127,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: 'b561cb8f180cbb87e9c920251649e69e587074ec', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'ca56c6f514722f66b6791c3d0fc2b24c8bd26abb', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '6b018bb6eea039f9029ad231464b0efc5aa0cd9b', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '690b0e102cc724eb9da42268510f0d34d1fa9d66', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": assignAriaStateBoolean(this.isOpen), "aria-label": this.guxAriaLabel }, h("slot", { key: 'ed2b8ff79dad57925c627ac617e7d5fbd72bf529', name: "title" }), h("gux-icon", { key: '1a2d6ca811b5004b2beafb5d6d5d36f8194b084e', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'ec4bf7d1f6267b45b84bdb0ea9e83eac1a82e217', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'e91b83b193ed0bb432c4dfee91bb87bf793936ee', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '854f856266ed8aef24c2dfc83af3cc34074302e5' })))));
+        return (h("gux-popup", { key: 'ab623852f3c4d5a6b6c760a79ffa77f0827b3f7e', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'c6ceb35bc0314f798251df26f631f1dc3fda9e59', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '4ec4ce180c4b5f161ea11ea7f870e6bbf42cfd6e', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '07c70d6cf63c7dcfb0f3b51f56280a15a628a42c', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": assignAriaStateBoolean(this.isOpen), "aria-label": this.guxAriaLabel }, h("slot", { key: '1209992feedf539db21950045f45c77b79388485', name: "title" }), h("gux-icon", { key: '31a4941668fad79187816298adcc284137ebec4f', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '3ba724c3a0bc9ab47cbe6f113722bc172dc7d543', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'b578b267a6ea88b91309872794a500c7bbbf3bcc', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'f3130e2ceef6491613f5f0d63a1c92da87287361' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }