genesys-spark-components 4.157.4 → 4.157.6

package/dist/cjs/genesys-webcomponents.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
+var index = require('./index-CgQ-0vgX.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*

package/dist/cjs/{get-valid-timezone-lbHos2nh.js → get-valid-timezone-DK06Ha3V.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-wowCoGVg.js');
+var index = require('./index-M1quu1eh.js');
 
 /**
  * @class A class that implements the method needed to format dates and times depending on locales

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
+var index = require('./index-CgQ-0vgX.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var logError = require('./log-error-nWO_o1C3.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var usage = require('./usage-DJyeNLrp.js');
+var index = require('./index-CgQ-0vgX.js');
+var usage = require('./usage-DnB0SGVt.js');
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var onClickOutside = require('./on-click-outside-BtDgbM7G.js');
+var index = require('./index-CgQ-0vgX.js');
+var onClickOutside = require('./on-click-outside-BUPvXb5H.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-DJyeNLrp.js');
-var index$1 = require('./index-wowCoGVg.js');
+var usage = require('./usage-DnB0SGVt.js');
+var index$1 = require('./index-M1quu1eh.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const moreOptions = "More options";
@@ -80,6 +80,13 @@ const GuxActionButton = class {
                     this.focusFirstItemInPopupList();
                 }
                 break;
+            case 'ArrowUp':
+                if (composedPath.includes(this.dropdownButton)) {
+                    event.preventDefault();
+                    this.isOpen = true;
+                    this.focusLastItemInPopupList();
+                }
+                break;
         }
     }
     handleKeyup(event) {
@@ -132,6 +139,11 @@ const GuxActionButton = class {
             void this.listElement.guxFocusFirstItem();
         });
     }
+    focusLastItemInPopupList() {
+        afterNextRender.afterNextRenderTimeout(() => {
+            void this.listElement.guxFocusLastItem();
+        });
+    }
     onActionClick() {
         if (!this.disabled) {
             this.isOpen = false;
@@ -149,7 +161,7 @@ const GuxActionButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (index.h("div", { key: '4da7d8a0c914ab01fbf55648853e5395acc3fb9c', class: "gux-action-button-container" }, index.h("gux-popup", { key: '2a31afb0fd3a4783296ad0ef4562f2ed9e56eabd', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, index.h("div", { key: '05b9e305486e9ec823a89649b2314e0439065576', slot: "target", class: "gux-action-button-container" }, index.h("gux-button-slot", { key: '535b2aa6c8d28c5bcf80b1602751d7b76dc021f7', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, index.h("button", { key: 'bf41618e2f793b845a6401f9bd9e300554431fd9', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, index.h("slot", { key: '5771cd844278554826511c97468d20bfb19564ca', name: "title" }))), index.h("gux-button-slot", { key: '2b045592818a8de2800fbea8c0e4280fa425584d', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, index.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" }, index.h("gux-icon", { key: '7f9a38457b9283ed91f7a15f6b238cce6351ff6f', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), index.h("div", { key: '2da7b1ecc8b1df98de2322c01160a8c3553e8db0', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '5eeca955aee607c56fb03047b93230ab180dace8', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '8520dea29445f8ce384f072f5eb2cc9eabbc478e' }))))));
+        return (index.h("div", { key: 'f14d323f9c10b003797a9de4b18af7dcac6fcf7e', class: "gux-action-button-container" }, index.h("gux-popup", { key: '714da05054cf5b53dcfa00d35a820eaa742225d8', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, index.h("div", { key: 'f5154cfbf4d41bb0ba8955d6f9e52978d28d6e17', slot: "target", class: "gux-action-button-container" }, index.h("gux-button-slot", { key: 'ca2510f0946954e9af16c61390b744bab208083d', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, index.h("button", { key: '3b39ea4b471dca0aad9049a78ce783e52902f9c6', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, index.h("slot", { key: '2e03cf69a0308100b41dccb4f04b25711d63a8bb', name: "title" }))), index.h("gux-button-slot", { key: 'e8ff491d344751fbd3aad8a4883d218540fd8053', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, index.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" }, index.h("gux-icon", { key: 'dfb75af52b0817f9b54125e28c990fefdf150957', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), index.h("div", { key: '1165c634704e0436e67eea3801e8650325c496ef', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'ec0c603e4fce250e05494b6c3e310c695676bf4d', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'e3882349fc5ae5c7fe6c2e4979c8b9eb4297190d' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var usage = require('./usage-DJyeNLrp.js');
+var index = require('./index-CgQ-0vgX.js');
+var usage = require('./usage-DnB0SGVt.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/cjs/gux-advanced-dropdown-legacy.cjs.entry.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
+var index = require('./index-CgQ-0vgX.js');
 var onMutation = require('./on-mutation-MIY4v9bf.js');
-var onClickOutside = require('./on-click-outside-BtDgbM7G.js');
+var onClickOutside = require('./on-click-outside-BUPvXb5H.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-DJyeNLrp.js');
-var index$1 = require('./index-wowCoGVg.js');
+var usage = require('./usage-DnB0SGVt.js');
+var index$1 = require('./index-M1quu1eh.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const searchAria = "Search";

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var index$1 = require('./index-wowCoGVg.js');
+var index = require('./index-CgQ-0vgX.js');
+var index$1 = require('./index-M1quu1eh.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var en = require('./en-BCiQgP2I.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var usage = require('./usage-DJyeNLrp.js');
+var index = require('./index-CgQ-0vgX.js');
+var usage = require('./usage-DnB0SGVt.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

package/dist/cjs/gux-avatar-beta.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var usage = require('./usage-DJyeNLrp.js');
+var index = require('./index-CgQ-0vgX.js');
+var usage = require('./usage-DnB0SGVt.js');
 var logError = require('./log-error-nWO_o1C3.js');
-var index$1 = require('./index-wowCoGVg.js');
+var index$1 = require('./index-M1quu1eh.js');
 var guxAvatar_service = require('./gux-avatar.service-DgavlIib.js');
 require('./get-closest-element-CfyZl7i7.js');
 

package/dist/cjs/gux-avatar-change-photo-beta.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
+var index = require('./index-CgQ-0vgX.js');
 var logError = require('./log-error-nWO_o1C3.js');
-var index$1 = require('./index-wowCoGVg.js');
-var usage = require('./usage-DJyeNLrp.js');
+var index$1 = require('./index-M1quu1eh.js');
+var usage = require('./usage-DnB0SGVt.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const changePhoto = "Change profile photo";

package/dist/cjs/gux-avatar-focusable-beta.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
+var index = require('./index-CgQ-0vgX.js');
 var logError = require('./log-error-nWO_o1C3.js');
 
 const GuxAvatarFocusable = class {

package/dist/cjs/gux-avatar-group-add-item-beta_3.cjs.entry.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var usage = require('./usage-DJyeNLrp.js');
+var index = require('./index-CgQ-0vgX.js');
+var usage = require('./usage-DnB0SGVt.js');
 var guxAvatarGroup_service = require('./gux-avatar-group.service-BdqLlCpg.js');
-var index$1 = require('./index-wowCoGVg.js');
+var index$1 = require('./index-M1quu1eh.js');
 var floatingUi_dom = require('./floating-ui.dom-CFIqWljW.js');
-var onClickOutside = require('./on-click-outside-BtDgbM7G.js');
+var onClickOutside = require('./on-click-outside-BUPvXb5H.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var guxAvatar_service = require('./gux-avatar.service-DgavlIib.js');

package/dist/cjs/gux-avatar-group-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var usage = require('./usage-DJyeNLrp.js');
+var index = require('./index-CgQ-0vgX.js');
+var usage = require('./usage-DnB0SGVt.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var guxAvatarGroup_service = require('./gux-avatar-group.service-BdqLlCpg.js');
 require('./get-closest-element-CfyZl7i7.js');

package/dist/cjs/gux-avatar-group-item-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var usage = require('./usage-DJyeNLrp.js');
+var index = require('./index-CgQ-0vgX.js');
+var usage = require('./usage-DnB0SGVt.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var guxAvatarGroup_service = require('./gux-avatar-group.service-BdqLlCpg.js');
 var guxAvatar_service = require('./gux-avatar.service-DgavlIib.js');

package/dist/cjs/gux-badge.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var usage = require('./usage-DJyeNLrp.js');
-var index$1 = require('./index-wowCoGVg.js');
-var onMutation = require('./on-mutation-DArlmRrN.js');
+var index = require('./index-CgQ-0vgX.js');
+var usage = require('./usage-DnB0SGVt.js');
+var index$1 = require('./index-M1quu1eh.js');
+var onMutation = require('./on-mutation-Cd_eSilo.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const info = "badge with label: {label}, accent: info";

package/dist/cjs/gux-blank-state.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var usage = require('./usage-DJyeNLrp.js');
-var onMutation = require('./on-mutation-DArlmRrN.js');
+var index = require('./index-CgQ-0vgX.js');
+var usage = require('./usage-DnB0SGVt.js');
+var onMutation = require('./on-mutation-Cd_eSilo.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 
 const guxBlankStateCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: var(--gse-ui-blankState-padding);\n  color: var(--gse-ui-blankState-foregroundColor);\n}\n.gux-container .gux-image {\n  padding-block-end: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n  padding-block-end: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n  padding-block-end: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n  inline-size: var(--gse-ui-blankState-icon-size-lg);\n  block-size: var(--gse-ui-blankState-icon-size-lg);\n  color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n\n@container (width < 570px) {\n  .gux-container ::slotted(gux-icon) {\n    inline-size: var(--gse-ui-blankState-icon-size-sm);\n    block-size: var(--gse-ui-blankState-icon-size-sm);\n  }\n  .gux-container slot[name=primary-message] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n  }\n  .gux-container slot[name=additional-guidance] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n  }\n}";

package/dist/cjs/gux-breadcrumb-item.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
+var index = require('./index-CgQ-0vgX.js');
 var logError = require('./log-error-nWO_o1C3.js');
 
 const guxBreadcrumbItemCss = ".gux-breadcrumb-generation{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;min-block-size:var(--gse-ui-breadcrumbs-secondary-height)}.gux-breadcrumb-generation .gux-breadcrumb-content{font-family:var(--gse-ui-links-inLine-small-text-fontFamily);font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight);text-decoration:none;color:var(--gse-ui-links-default-foregroundColor);pointer-events:none}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-active{color:var(--gse-ui-links-active-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-separator{padding:var(--gse-ui-breadcrumbs-secondary-separator-padding);font-family:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontFamily);font-size:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontSize);font-weight:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontWeight);line-height:var(--gse-ui-breadcrumbs-secondary-separator-typography-lineHeight);color:var(--gse-ui-breadcrumbs-separator-color)}.gux-breadcrumb-generation.gux-primary{min-block-size:var(--gse-ui-breadcrumbs-primary-height)}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-content{font-family:var(--gse-ui-links-inLine-medium-text-fontFamily);font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);text-decoration:none}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-separator{padding:var(--gse-ui-breadcrumbs-primary-separator-padding);font-family:var(--gse-ui-breadcrumbs-primary-separator-typography-fontFamily);font-size:var(--gse-ui-breadcrumbs-primary-separator-typography-fontSize);font-weight:var(--gse-ui-breadcrumbs-primary-separator-typography-fontWeight);line-height:var(--gse-ui-breadcrumbs-primary-separator-typography-lineHeight)}";

package/dist/cjs/gux-breadcrumbs.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var index$1 = require('./index-wowCoGVg.js');
-var usage = require('./usage-DJyeNLrp.js');
+var index = require('./index-CgQ-0vgX.js');
+var index$1 = require('./index-M1quu1eh.js');
+var usage = require('./usage-DnB0SGVt.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const breadcrumbs = "Breadcrumbs";

package/dist/cjs/gux-button-multi.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var onClickOutside = require('./on-click-outside-BtDgbM7G.js');
+var index = require('./index-CgQ-0vgX.js');
+var onClickOutside = require('./on-click-outside-BUPvXb5H.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-DJyeNLrp.js');
+var usage = require('./usage-DnB0SGVt.js');
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -59,6 +59,21 @@ const GuxButtonMulti = class {
                 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) {
@@ -108,6 +123,11 @@ const GuxButtonMulti = class {
             void this.listElement.guxFocusFirstItem();
         });
     }
+    focusLastItemInPopupList() {
+        afterNextRender.afterNextRenderTimeout(() => {
+            void this.listElement.guxFocusLastItem();
+        });
+    }
     onListClick(event) {
         whenEventIsFrom.whenEventIsFrom('gux-list-item', event, () => {
             this.isOpen = false;
@@ -118,7 +138,7 @@ const GuxButtonMulti = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("gux-popup", { key: '57814107beadac1071db9409a1aaee3a6fe8751d', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: 'd12042cde57a3159a1a035add7f2f2f5b6332b3b', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: '4ee0c1e045e54f2995fe83c1870a3b2d68421b0b', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.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 }, index.h("slot", { key: 'c4d1074a7b98bed4dcee67ea6260ff3ed3ff9493', name: "title" }), index.h("gux-icon", { key: '0658fcdbc14ee5acf6b6fc3f0ab9841ce25d5e8a', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: 'f37ad04b5fd8bbe683016e29840f28b36add78fa', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '7e4c249dcd3d52d72f033947e464443fd753273d', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'e661e1589177c78983e2f87e9f89b8d1c9c0188c' })))));
+        return (index.h("gux-popup", { key: '1de80e87fb808e2c1c67f11069ff854b3c8bb594', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: 'ec449bb3cb5a07b22aa19a1cfbe7bad390348c58', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: '59a02ac2a0617c39bdee504aec91325e5fa6b011', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.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 }, index.h("slot", { key: '18b5e98f45e5b7f4b4644e55417575f88d240d21', name: "title" }), index.h("gux-icon", { key: '625f150aebd9cb9c87214c200309e1c76c7ed372', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: '3f328498971bffd3d0c79d2dc01e6cca83079af4', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '8263e75953b2091c4af783245e89b5abfabedfe5', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '2eebad343f088ea4f234ba23c9758d24d082daed' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-button-slot.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var usage = require('./usage-DJyeNLrp.js');
+var index = require('./index-CgQ-0vgX.js');
+var usage = require('./usage-DnB0SGVt.js');
 var logError = require('./log-error-nWO_o1C3.js');
 
 const guxButtonSlotCss = ":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-links-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";

package/dist/cjs/gux-button_2.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var usage = require('./usage-DJyeNLrp.js');
+var index = require('./index-CgQ-0vgX.js');
+var usage = require('./usage-DnB0SGVt.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var floatingUi_dom = require('./floating-ui.dom-CFIqWljW.js');
-var onClickOutside = require('./on-click-outside-BtDgbM7G.js');
+var onClickOutside = require('./on-click-outside-BUPvXb5H.js');
 var getSlot = require('./get-slot-EZYuUuno.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');
 

package/dist/cjs/gux-calendar-beta.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
+var index = require('./index-CgQ-0vgX.js');
 var index_esm = require('./index.esm-CO-IlDkX.js');
-var index$1 = require('./index-wowCoGVg.js');
+var index$1 = require('./index-M1quu1eh.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');

package/dist/cjs/gux-calendar.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
+var index = require('./index-CgQ-0vgX.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var isoDates = require('./iso-dates-B-hZmvim.js');
-var usage = require('./usage-DJyeNLrp.js');
-var index$1 = require('./index-wowCoGVg.js');
+var usage = require('./usage-DnB0SGVt.js');
+var index$1 = require('./index-M1quu1eh.js');
 var capitalizeFirstLetter = require('./capitalize-first-letter-mZPrUEI2.js');
 var intl = require('./intl-CN825h6c.js');
 var useRegionalDates = require('./use-regional-dates-qjhuD9Ak.js');

package/dist/cjs/gux-card.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var usage = require('./usage-DJyeNLrp.js');
+var index = require('./index-CgQ-0vgX.js');
+var usage = require('./usage-DnB0SGVt.js');
 
 const guxCardCss = ":host{display:block;inline-size:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";
 

package/dist/cjs/gux-column-manager-item.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var index$1 = require('./index-wowCoGVg.js');
+var index = require('./index-CgQ-0vgX.js');
+var index$1 = require('./index-M1quu1eh.js');
 var guxColumnManager_service = require('./gux-column-manager.service-BdAzD8uK.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./clamp-BlDLYO0F.js');

package/dist/cjs/gux-column-manager.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var index$1 = require('./index-wowCoGVg.js');
-var usage = require('./usage-DJyeNLrp.js');
+var index = require('./index-CgQ-0vgX.js');
+var index$1 = require('./index-M1quu1eh.js');
+var usage = require('./usage-DnB0SGVt.js');
 var guxColumnManager_service = require('./gux-column-manager.service-BdAzD8uK.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./clamp-BlDLYO0F.js');

package/dist/cjs/gux-content-search.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var usage = require('./usage-DJyeNLrp.js');
-var index$1 = require('./index-wowCoGVg.js');
+var index = require('./index-CgQ-0vgX.js');
+var usage = require('./usage-DnB0SGVt.js');
+var index$1 = require('./index-M1quu1eh.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 require('./get-closest-element-CfyZl7i7.js');

package/dist/cjs/gux-context-menu.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
+var index = require('./index-CgQ-0vgX.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-DJyeNLrp.js');
-var index$1 = require('./index-wowCoGVg.js');
-var onClickOutside = require('./on-click-outside-BtDgbM7G.js');
+var usage = require('./usage-DnB0SGVt.js');
+var index$1 = require('./index-M1quu1eh.js');
+var onClickOutside = require('./on-click-outside-BUPvXb5H.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 require('./get-closest-element-CfyZl7i7.js');

package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var usage = require('./usage-DJyeNLrp.js');
-var index$1 = require('./index-wowCoGVg.js');
+var index = require('./index-CgQ-0vgX.js');
+var usage = require('./usage-DnB0SGVt.js');
+var index$1 = require('./index-M1quu1eh.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 require('./get-closest-element-CfyZl7i7.js');
 

package/dist/cjs/gux-create-option.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
+var index = require('./index-CgQ-0vgX.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var index$1 = require('./index-wowCoGVg.js');
+var index$1 = require('./index-M1quu1eh.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const createCustomOptionInstructions = ", select to create a new custom option";

package/dist/cjs/gux-cta-group.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
+var index = require('./index-CgQ-0vgX.js');
 var logError = require('./log-error-nWO_o1C3.js');
 
 const guxCtaGroupCss = ":host{display:block}.gux-cta-group{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-ctaGroup-gap);justify-content:start}.gux-cta-group.gux-end-align{flex-direction:row-reverse;justify-content:end}.gux-cta-group ::slotted(gux-button){flex:0 1 auto;min-inline-size:0}";

package/dist/cjs/gux-date-beta.cjs.entry.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var usage = require('./usage-DJyeNLrp.js');
-var getValidTimezone = require('./get-valid-timezone-lbHos2nh.js');
+var index = require('./index-CgQ-0vgX.js');
+var usage = require('./usage-DnB0SGVt.js');
+var getValidTimezone = require('./get-valid-timezone-DK06Ha3V.js');
 var intl = require('./intl-CN825h6c.js');
 var useRegionalDates = require('./use-regional-dates-qjhuD9Ak.js');
-var index$1 = require('./index-wowCoGVg.js');
+var index$1 = require('./index-M1quu1eh.js');
 require('./get-closest-element-CIMI0Cx4.js');
 require('./get-closest-element-CfyZl7i7.js');
 

package/dist/cjs/gux-date-time-beta.cjs.entry.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var usage = require('./usage-DJyeNLrp.js');
-var getValidTimezone = require('./get-valid-timezone-lbHos2nh.js');
+var index = require('./index-CgQ-0vgX.js');
+var usage = require('./usage-DnB0SGVt.js');
+var getValidTimezone = require('./get-valid-timezone-DK06Ha3V.js');
 var intl = require('./intl-CN825h6c.js');
 var useRegionalDates = require('./use-regional-dates-qjhuD9Ak.js');
-var index$1 = require('./index-wowCoGVg.js');
+var index$1 = require('./index-M1quu1eh.js');
 require('./get-closest-element-CIMI0Cx4.js');
 require('./get-closest-element-CfyZl7i7.js');
 

package/dist/cjs/gux-datepicker.cjs.entry.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
+var index = require('./index-CgQ-0vgX.js');
 var floatingUi_dom = require('./floating-ui.dom-CFIqWljW.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var isoDates = require('./iso-dates-B-hZmvim.js');
-var onClickOutside = require('./on-click-outside-BtDgbM7G.js');
-var usage = require('./usage-DJyeNLrp.js');
-var index$1 = require('./index-wowCoGVg.js');
+var onClickOutside = require('./on-click-outside-BUPvXb5H.js');
+var usage = require('./usage-DnB0SGVt.js');
+var index$1 = require('./index-M1quu1eh.js');
 var intl = require('./intl-CN825h6c.js');
 var useRegionalDates = require('./use-regional-dates-qjhuD9Ak.js');
 require('./get-closest-element-CfyZl7i7.js');

package/dist/cjs/gux-day-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var index$1 = require('./index-wowCoGVg.js');
+var index = require('./index-CgQ-0vgX.js');
+var index$1 = require('./index-M1quu1eh.js');
 var intl = require('./intl-CN825h6c.js');
 var index_esm = require('./index.esm-CO-IlDkX.js');
 require('./get-closest-element-CfyZl7i7.js');

package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
+var index = require('./index-CgQ-0vgX.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-DJyeNLrp.js');
-var index$1 = require('./index-wowCoGVg.js');
+var usage = require('./usage-DnB0SGVt.js');
+var index$1 = require('./index-M1quu1eh.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const defaultLabel = "Disclosure button";

package/dist/cjs/gux-dismiss-button.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
-var usage = require('./usage-DJyeNLrp.js');
-var index$1 = require('./index-wowCoGVg.js');
+var index = require('./index-CgQ-0vgX.js');
+var usage = require('./usage-DnB0SGVt.js');
+var index$1 = require('./index-M1quu1eh.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const dismiss = "Dismiss";