genesys-spark-components 4.157.3 → 4.157.5

package/dist/cjs/{index-CVjLXR7K.js → index-DP2VDWYI.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Gqcl3QkY.js');
+var index = require('./index-DDE6jbUX.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
 
 /******************************************************************************

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Gqcl3QkY.js');
+var index = require('./index-DDE6jbUX.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/cjs/{on-click-outside-CkUEEjsp.js → on-click-outside-jG6zfbeC.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Gqcl3QkY.js');
+var index = require('./index-DDE6jbUX.js');
 
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-unsafe-return */

package/dist/cjs/{on-mutation-CeVhJ4lu.js → on-mutation-Cqkjzx-P.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Gqcl3QkY.js');
+var index = require('./index-DDE6jbUX.js');
 
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-unsafe-return */

package/dist/cjs/{on-resize-Xyx02Kqw.js → on-resize-Iwi9mXVg.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Gqcl3QkY.js');
+var index = require('./index-DDE6jbUX.js');
 
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-unsafe-return */

package/dist/cjs/{time-zone-Jr2qXWjO.js → time-zone-D9oxRpEx.js}

@@ -2663,12 +2663,12 @@ var rawTimeZones = [
 		mainCities: [
 			"St. John's",
 			"Mount Pearl",
-			"Corner Brook",
-			"Conception Bay South"
+			"Paradise",
+			"Corner Brook"
 		],
 		rawOffsetInMinutes: -210,
 		abbreviation: "NST",
-		rawFormat: "-03:30 Newfoundland Time - St. John's, Mount Pearl, Corner Brook, Conception Bay South"
+		rawFormat: "-03:30 Newfoundland Time - St. John's, Mount Pearl, Paradise, Corner Brook"
 	},
 	{
 		name: "America/Argentina/Buenos_Aires",
@@ -4542,12 +4542,12 @@ var rawTimeZones = [
 		mainCities: [
 			"Kigali",
 			"Gisenyi",
-			"Butare",
-			"Gitarama"
+			"Nyagatare",
+			"Butare"
 		],
 		rawOffsetInMinutes: 120,
 		abbreviation: "CAT",
-		rawFormat: "+02:00 Central Africa Time - Kigali, Gisenyi, Butare, Gitarama"
+		rawFormat: "+02:00 Central Africa Time - Kigali, Gisenyi, Nyagatare, Butare"
 	},
 	{
 		name: "Africa/Blantyre",

package/dist/cjs/{usage-BKWvyBkX.js → usage-B7w5FMVp.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const version = "4.157.3";
+const version = "4.157.5";
 var packageInfo = {
 	version: version};
 

package/dist/collection/collection-manifest.json

@@ -178,7 +178,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.35.3",
+    "version": "4.36.0",
     "typescriptVersion": "5.5.4"
   },
   "collections": [],

package/dist/collection/components/beta/gux-avatar-group/gux-avatar-overflow/gux-avatar-overflow-item/tests/gux-avatar-overflow-item.common.js

@@ -0,0 +1,4 @@
+export const renderConfig = {
+    description: 'Should render as expected default with name',
+    html: `<div role="menu"><gux-avatar-overflow-item-beta name="John Doe"></gux-avatar-overflow-item-beta></div>`
+};

package/dist/collection/components/beta/gux-popover-beta/tests/gux-popover.common.js

@@ -0,0 +1,12 @@
+export const renderConfig = {
+    description: 'renders',
+    html: `<div lang="en">
+        <div id="popover-target">
+          Example Element
+        </div>
+        <gux-popover-beta position="top" for="popover-target" is-open>
+          <span slot="title">Title</span>
+          <div>popover content</div>
+          </gux-popover-beta>
+        </div>`
+};

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

@@ -0,0 +1,4 @@
+export const renderConfig = {
+    html: `<gux-time-zone-picker-beta value="Etc/GMT+1">
+         </gux-time-zone-picker-beta>`
+};

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

@@ -57,6 +57,13 @@ export class GuxActionButton {
                     this.focusFirstItemInPopupList();
                 }
                 break;
+            case 'ArrowUp':
+                if (composedPath.includes(this.dropdownButton)) {
+                    event.preventDefault();
+                    this.isOpen = true;
+                    this.focusLastItemInPopupList();
+                }
+                break;
         }
     }
     handleKeyup(event) {
@@ -109,6 +116,11 @@ export class GuxActionButton {
             void this.listElement.guxFocusFirstItem();
         });
     }
+    focusLastItemInPopupList() {
+        afterNextRenderTimeout(() => {
+            void this.listElement.guxFocusLastItem();
+        });
+    }
     onActionClick() {
         if (!this.disabled) {
             this.isOpen = false;
@@ -126,7 +138,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '4da7d8a0c914ab01fbf55648853e5395acc3fb9c', class: "gux-action-button-container" }, h("gux-popup", { key: '2a31afb0fd3a4783296ad0ef4562f2ed9e56eabd', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '05b9e305486e9ec823a89649b2314e0439065576', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '535b2aa6c8d28c5bcf80b1602751d7b76dc021f7', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'bf41618e2f793b845a6401f9bd9e300554431fd9', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '5771cd844278554826511c97468d20bfb19564ca', name: "title" }))), h("gux-button-slot", { key: '2b045592818a8de2800fbea8c0e4280fa425584d', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'd187108586ac6a9208fe86259df51b88df87a475', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions'), "data-testid": "dropdown-button" }, h("gux-icon", { key: '7f9a38457b9283ed91f7a15f6b238cce6351ff6f', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '2da7b1ecc8b1df98de2322c01160a8c3553e8db0', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '5eeca955aee607c56fb03047b93230ab180dace8', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '8520dea29445f8ce384f072f5eb2cc9eabbc478e' }))))));
+        return (h("div", { key: 'f14d323f9c10b003797a9de4b18af7dcac6fcf7e', class: "gux-action-button-container" }, h("gux-popup", { key: '714da05054cf5b53dcfa00d35a820eaa742225d8', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'f5154cfbf4d41bb0ba8955d6f9e52978d28d6e17', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'ca2510f0946954e9af16c61390b744bab208083d', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '3b39ea4b471dca0aad9049a78ce783e52902f9c6', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '2e03cf69a0308100b41dccb4f04b25711d63a8bb', name: "title" }))), h("gux-button-slot", { key: 'e8ff491d344751fbd3aad8a4883d218540fd8053', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '806b5b458454bc12104f8dedb46a8e75c9bef212', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions'), "data-testid": "dropdown-button" }, h("gux-icon", { key: 'dfb75af52b0817f9b54125e28c990fefdf150957', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '1165c634704e0436e67eea3801e8650325c496ef', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'ec0c603e4fce250e05494b6c3e310c695676bf4d', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e3882349fc5ae5c7fe6c2e4979c8b9eb4297190d' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -47,6 +47,21 @@ export class GuxButtonMulti {
                 this.isOpen = false;
                 break;
             }
+            case 'Enter':
+            case 'ArrowDown':
+                if (composedPath.includes(this.dropdownButton)) {
+                    event.preventDefault();
+                    this.isOpen = true;
+                    this.focusFirstItemInPopupList();
+                }
+                break;
+            case 'ArrowUp':
+                if (composedPath.includes(this.dropdownButton)) {
+                    event.preventDefault();
+                    this.isOpen = true;
+                    this.focusLastItemInPopupList();
+                }
+                break;
         }
     }
     handleKeyup(event) {
@@ -96,6 +111,11 @@ export class GuxButtonMulti {
             void this.listElement.guxFocusFirstItem();
         });
     }
+    focusLastItemInPopupList() {
+        afterNextRenderTimeout(() => {
+            void this.listElement.guxFocusLastItem();
+        });
+    }
     onListClick(event) {
         whenEventIsFrom('gux-list-item', event, () => {
             this.isOpen = false;
@@ -106,7 +126,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '57814107beadac1071db9409a1aaee3a6fe8751d', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'd12042cde57a3159a1a035add7f2f2f5b6332b3b', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '4ee0c1e045e54f2995fe83c1870a3b2d68421b0b', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '5fd1f12a34522e36c1537c7301d2237e53501e54', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: 'c4d1074a7b98bed4dcee67ea6260ff3ed3ff9493', name: "title" }), h("gux-icon", { key: '0658fcdbc14ee5acf6b6fc3f0ab9841ce25d5e8a', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'f37ad04b5fd8bbe683016e29840f28b36add78fa', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '7e4c249dcd3d52d72f033947e464443fd753273d', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e661e1589177c78983e2f87e9f89b8d1c9c0188c' })))));
+        return (h("gux-popup", { key: '1de80e87fb808e2c1c67f11069ff854b3c8bb594', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'ec449bb3cb5a07b22aa19a1cfbe7bad390348c58', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '59a02ac2a0617c39bdee504aec91325e5fa6b011', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '8e774e6ff321588c41ffe731c1967752dc5ca622', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: '18b5e98f45e5b7f4b4644e55417575f88d240d21', name: "title" }), h("gux-icon", { key: '625f150aebd9cb9c87214c200309e1c76c7ed372', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '3f328498971bffd3d0c79d2dc01e6cca83079af4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '8263e75953b2091c4af783245e89b5abfabedfe5', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '2eebad343f088ea4f234ba23c9758d24d082daed' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,194 @@
+export const renderConfigs = [
+    {
+        description: 'should render default button',
+        html: '<gux-button-slot><button type="button"accent="primary">Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render primary button',
+        html: '<gux-button-slot accent="primary"><button type="button"accent="primary">Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render secondary button',
+        html: '<gux-button-slot accent="secondary"><button type="button"accent="primary">Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render tertiary button',
+        html: '<gux-button-slot accent="tertiary"><button type="button"accent="primary">Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render ghost button',
+        html: '<gux-button-slot accent="ghost"><button type="button"accent="primary">Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render danger button',
+        html: '<gux-button-slot accent="danger"><button type="button"accent="primary">Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render inline button',
+        html: '<gux-button-slot accent="inline"><button type="button"accent="primary">Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render invalid button',
+        html: '<gux-button-slot accent="invalid"><button type="button"accent="primary">Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled default button',
+        html: '<gux-button-slot><button type="button"accent="primary" disabled>Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled primary button',
+        html: '<gux-button-slot accent="primary"><button type="button"accent="primary" disabled>Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled secondary button',
+        html: '<gux-button-slot accent="secondary"><button type="button"accent="primary" disabled>Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled tertiary button',
+        html: '<gux-button-slot accent="tertiary"><button type="button"accent="primary" disabled>Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled ghost button',
+        html: '<gux-button-slot accent="ghost"><button type="button"accent="primary" disabled>Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled danger button',
+        html: '<gux-button-slot accent="danger"><button type="button"accent="primary" disabled>Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled inline button',
+        html: '<gux-button-slot accent="inline"><button type="button"accent="primary" disabled>Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render button with invalid accent',
+        html: '<gux-button-slot accent="invalid"><button type="button"accent="primary">Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render default input[type=button]',
+        html: '<gux-button-slot><input type="button"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render primary input[type=button]',
+        html: '<gux-button-slot accent="primary"><input type="button"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render secondary input[type=button]',
+        html: '<gux-button-slot accent="secondary"><input type="button"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render tertiary input[type=button]',
+        html: '<gux-button-slot accent="tertiary"><input type="button"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render ghost input[type=button]',
+        html: '<gux-button-slot accent="ghost"><input type="button"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render danger input[type=button]',
+        html: '<gux-button-slot accent="danger"><input type="button"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render inline input[type=button]',
+        html: '<gux-button-slot accent="inline"><input type="button"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render invalid input[type=button]',
+        html: '<gux-button-slot accent="invalid"><input type="button"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled default input[type=button]',
+        html: '<gux-button-slot><input type="button"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled primary input[type=button]',
+        html: '<gux-button-slot accent="primary"><input type="button"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled secondary input[type=button]',
+        html: '<gux-button-slot accent="secondary"><input type="button"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled tertiary input[type=button]',
+        html: '<gux-button-slot accent="tertiary"><input type="button"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled ghost input[type=button]',
+        html: '<gux-button-slot accent="ghost"><input type="button"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled danger input[type=button]',
+        html: '<gux-button-slot accent="danger"><input type="button"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled inline input[type=button]',
+        html: '<gux-button-slot accent="inline"><input type="button"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render input[type=button] with invalid accent',
+        html: '<gux-button-slot accent="invalid"><input type="button"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render default input[type=submit]',
+        html: '<gux-button-slot><input type="submit"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render primary input[type=submit]',
+        html: '<gux-button-slot accent="primary"><input type="submit"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render secondary input[type=submit]',
+        html: '<gux-button-slot accent="secondary"><input type="submit"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render tertiary input[type=submit]',
+        html: '<gux-button-slot accent="tertiary"><input type="submit"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render ghost input[type=submit]',
+        html: '<gux-button-slot accent="ghost"><input type="submit"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render danger input[type=submit]',
+        html: '<gux-button-slot accent="danger"><input type="submit"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render inline input[type=submit]',
+        html: '<gux-button-slot accent="inline"><input type="submit"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render invalid input[type=submit]',
+        html: '<gux-button-slot accent="invalid"><input type="submit"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled default input[type=submit]',
+        html: '<gux-button-slot><input type="submit"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled primary input[type=submit]',
+        html: '<gux-button-slot accent="primary"><input type="submit"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled secondary input[type=submit]',
+        html: '<gux-button-slot accent="secondary"><input type="submit"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled tertiary input[type=submit]',
+        html: '<gux-button-slot accent="tertiary"><input type="submit"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled ghost input[type=submit]',
+        html: '<gux-button-slot accent="ghost"><input type="submit"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled danger input[type=submit]',
+        html: '<gux-button-slot accent="danger"><input type="submit"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled inline input[type=submit]',
+        html: '<gux-button-slot accent="inline"><input type="submit"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render input[type=submit] with invalid accent',
+        html: '<gux-button-slot accent="invalid"><input type="submit"accent="primary" value="Button"/></gux-button-slot>'
+    }
+];

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

@@ -0,0 +1,39 @@
+export const renderConfig = {
+    description: 'Should render as expected menu with submenus',
+    html: `
+  <gux-flyout-menu>
+      <span slot="target">Example Target Element</span>
+      <gux-menu slot="menu" id="target-menu">
+        <gux-menu-option>Option One</gux-menu-option>
+        <gux-submenu label="Submenu Two">
+          <gux-menu-option>Option One</gux-menu-option>
+          <gux-submenu id="submenu-two" label="Submenu Two">
+            <gux-menu-option>Option One</gux-menu-option>
+            <gux-menu-option>Option Two</gux-menu-option>
+            <gux-menu-option>Option Three</gux-menu-option>
+          </gux-submenu>
+          <gux-menu-option>Option Three</gux-menu-option>
+        </gux-submenu>
+        <gux-menu-option>Option Three</gux-menu-option>
+        <gux-menu-option>Option Four</gux-menu-option>
+        <gux-submenu label="Submenu Five">
+          <gux-menu-option>Option One</gux-menu-option>
+          <gux-menu-option>Option Two</gux-menu-option>
+          <gux-submenu label="Submenu Three">
+            <gux-menu-option>Option One</gux-menu-option>
+            <gux-submenu label="Submenu Two">
+              <gux-menu-option>Option One</gux-menu-option>
+              <gux-submenu label="Submenu Two">
+                <gux-menu-option>Option One</gux-menu-option>
+                <gux-menu-option>Option Two</gux-menu-option>
+                <gux-menu-option>Option Three</gux-menu-option>
+              </gux-submenu>
+              <gux-menu-option>Option Three</gux-menu-option>
+            </gux-submenu>
+            <gux-menu-option>Option Three</gux-menu-option>
+          </gux-submenu>
+        </gux-submenu>
+      </gux-menu>
+    </gux-flyout-menu>
+  `
+};

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-action/gux-table-toolbar-action.css

@@ -1,3 +1,6 @@
-:host([disabled]) {
+:host {
+  display: inline-block;
+}
+:host[disabled] {
   pointer-events: none;
 }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-action/tests/gux-table-toolbar-action.common.js

@@ -0,0 +1,30 @@
+export const renderConfigs = [
+    {
+        description: 'should render delete toolbar-action',
+        html: '<gux-table-toolbar-action action="delete"></gux-table-toolbar-action>'
+    },
+    {
+        description: 'should render export toolbar-action',
+        html: '<gux-table-toolbar-action action="export"></gux-table-toolbar-action>'
+    },
+    {
+        description: 'should render refresh toolbar-action',
+        html: '<gux-table-toolbar-action action="refresh"></gux-table-toolbar-action>'
+    },
+    {
+        description: 'should render revert toolbar-action',
+        html: '<gux-table-toolbar-action action="revert"></gux-table-toolbar-action>'
+    },
+    {
+        description: 'should render import toolbar-action',
+        html: '<gux-table-toolbar-action action="import"></gux-table-toolbar-action>'
+    },
+    {
+        description: 'should render a primary toolbar-action',
+        html: '<gux-table-toolbar-action slot="primary-action" accent="primary" action="export"></gux-table-toolbar-action>'
+    },
+    {
+        description: 'should render a disabled toolbar-action',
+        html: '<gux-table-toolbar-action disabled action="export"></gux-table-toolbar-action>'
+    }
+];

package/dist/esm/genesys-webcomponents.js

@@ -1,8 +1,8 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-D2IgeQXY.js';
-export { s as setNonce } from './index-D2IgeQXY.js';
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-DcVoMbQk.js';
+export { s as setNonce } from './index-DcVoMbQk.js';
 
 /*
- Stencil Client Patch Browser v4.35.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.36.0 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {

package/dist/esm/{get-valid-timezone-Bu4Z2fqV.js → get-valid-timezone-Dp_p2UpI.js}

@@ -1,4 +1,4 @@
-import { l as locales } from './index-BSXZNFjn.js';
+import { l as locales } from './index-DVH1Bs_b.js';
 
 /**
  * @class A class that implements the method needed to format dates and times depending on locales

package/dist/esm/gux-accordion-section.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-D2IgeQXY.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DcVoMbQk.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import { a as logError } from './log-error-DxtJDeL9.js';
 

package/dist/esm/gux-accordion.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, a as getElement } from './index-D2IgeQXY.js';
-import { t as trackComponent } from './usage-CZC7Zm_b.js';
+import { r as registerInstance, h, a as getElement } from './index-DcVoMbQk.js';
+import { t as trackComponent } from './usage-DR0CF8GF.js';
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 

package/dist/esm/gux-action-button.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-D2IgeQXY.js';
-import { O as OnClickOutside } from './on-click-outside-DGkZbvxg.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DcVoMbQk.js';
+import { O as OnClickOutside } from './on-click-outside-D9N-de43.js';
 import { w as whenEventIsFrom } from './when-event-is-from-kLXvN2m9.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-CZC7Zm_b.js';
-import { b as buildI18nForComponent } from './index-BSXZNFjn.js';
+import { t as trackComponent } from './usage-DR0CF8GF.js';
+import { b as buildI18nForComponent } from './index-DVH1Bs_b.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const moreOptions = "More options";
@@ -78,6 +78,13 @@ const GuxActionButton = class {
                     this.focusFirstItemInPopupList();
                 }
                 break;
+            case 'ArrowUp':
+                if (composedPath.includes(this.dropdownButton)) {
+                    event.preventDefault();
+                    this.isOpen = true;
+                    this.focusLastItemInPopupList();
+                }
+                break;
         }
     }
     handleKeyup(event) {
@@ -130,6 +137,11 @@ const GuxActionButton = class {
             void this.listElement.guxFocusFirstItem();
         });
     }
+    focusLastItemInPopupList() {
+        afterNextRenderTimeout(() => {
+            void this.listElement.guxFocusLastItem();
+        });
+    }
     onActionClick() {
         if (!this.disabled) {
             this.isOpen = false;
@@ -147,7 +159,7 @@ const GuxActionButton = class {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '4da7d8a0c914ab01fbf55648853e5395acc3fb9c', class: "gux-action-button-container" }, h("gux-popup", { key: '2a31afb0fd3a4783296ad0ef4562f2ed9e56eabd', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '05b9e305486e9ec823a89649b2314e0439065576', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '535b2aa6c8d28c5bcf80b1602751d7b76dc021f7', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'bf41618e2f793b845a6401f9bd9e300554431fd9', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '5771cd844278554826511c97468d20bfb19564ca', name: "title" }))), h("gux-button-slot", { key: '2b045592818a8de2800fbea8c0e4280fa425584d', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'd187108586ac6a9208fe86259df51b88df87a475', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions'), "data-testid": "dropdown-button" }, h("gux-icon", { key: '7f9a38457b9283ed91f7a15f6b238cce6351ff6f', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '2da7b1ecc8b1df98de2322c01160a8c3553e8db0', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '5eeca955aee607c56fb03047b93230ab180dace8', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '8520dea29445f8ce384f072f5eb2cc9eabbc478e' }))))));
+        return (h("div", { key: 'f14d323f9c10b003797a9de4b18af7dcac6fcf7e', class: "gux-action-button-container" }, h("gux-popup", { key: '714da05054cf5b53dcfa00d35a820eaa742225d8', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'f5154cfbf4d41bb0ba8955d6f9e52978d28d6e17', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'ca2510f0946954e9af16c61390b744bab208083d', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '3b39ea4b471dca0aad9049a78ce783e52902f9c6', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '2e03cf69a0308100b41dccb4f04b25711d63a8bb', name: "title" }))), h("gux-button-slot", { key: 'e8ff491d344751fbd3aad8a4883d218540fd8053', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '806b5b458454bc12104f8dedb46a8e75c9bef212', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions'), "data-testid": "dropdown-button" }, h("gux-icon", { key: 'dfb75af52b0817f9b54125e28c990fefdf150957', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '1165c634704e0436e67eea3801e8650325c496ef', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'ec0c603e4fce250e05494b6c3e310c695676bf4d', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e3882349fc5ae5c7fe6c2e4979c8b9eb4297190d' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-action-toast-legacy.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-D2IgeQXY.js';
-import { t as trackComponent } from './usage-CZC7Zm_b.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DcVoMbQk.js';
+import { t as trackComponent } from './usage-DR0CF8GF.js';
 
 const guxActionToastCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:var(--gse-ui-toast-success-foregroundColor);background:var(--gse-ui-toast-success-backgroundColor);border:1px solid var(--gse-ui-card-default-border-color);border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:var(--gse-core-colorLegacy-secondary-aquaGreen)}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";
 

package/dist/esm/gux-advanced-dropdown-legacy.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-D2IgeQXY.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DcVoMbQk.js';
 import { o as onMutation } from './on-mutation-CF55kYjc.js';
-import { O as OnClickOutside } from './on-click-outside-DGkZbvxg.js';
+import { O as OnClickOutside } from './on-click-outside-D9N-de43.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-CZC7Zm_b.js';
-import { b as buildI18nForComponent } from './index-BSXZNFjn.js';
+import { t as trackComponent } from './usage-DR0CF8GF.js';
+import { b as buildI18nForComponent } from './index-DVH1Bs_b.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const searchAria = "Search";

package/dist/esm/gux-all-row-select.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-D2IgeQXY.js';
-import { b as buildI18nForComponent } from './index-BSXZNFjn.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DcVoMbQk.js';
+import { b as buildI18nForComponent } from './index-DVH1Bs_b.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import { t as tableResources } from './en-BIx814vt.js';
 import './get-closest-element-Cd4R0amv.js';

package/dist/esm/gux-announce-beta.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-D2IgeQXY.js';
-import { t as trackComponent } from './usage-CZC7Zm_b.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DcVoMbQk.js';
+import { t as trackComponent } from './usage-DR0CF8GF.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";