genesys-spark-components 4.157.4 → 4.157.6

package/dist/collection/components/stable/gux-table/gux-sort-control/tests/gux-sort-control.common.js

@@ -0,0 +1,284 @@
+export const renderConfigs = [
+    {
+        description: 'should render sort control in unsorted state',
+        html: `
+<gux-table resizable-columns id="sortable-table">
+  <table slot="data">
+    <thead>
+      <tr>
+        <th data-column-name="name">Name <gux-sort-control /></th>
+        <th data-column-name="last-name">
+          Last name
+        </th>
+        <th data-column-name="age" data-cell-numeric>
+          Age
+        </th>
+        <th data-column-name="action" data-cell-action>Action</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>Adam</td>
+        <td>Ant</td>
+        <td data-cell-numeric>25</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+      <tr>
+        <td>Billy</td>
+        <td>Bat</td>
+        <td data-cell-numeric>28</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+      <tr>
+        <td>Cathy</td>
+        <td>Cat</td>
+        <td data-cell-numeric>31</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+      <tr>
+        <td>Debbie</td>
+        <td>Dog</td>
+        <td data-cell-numeric>33</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+    </tbody>
+  </table>
+</gux-table>
+    `
+    },
+    {
+        description: 'should render sort control in ascending state',
+        html: `
+<gux-table resizable-columns id="sortable-table">
+  <table slot="data">
+    <thead>
+      <tr>
+        <th data-column-name="name" aria-sort="ascending">Name <gux-sort-control /></th>
+        <th data-column-name="last-name">
+          Last name
+        </th>
+        <th data-column-name="age" data-cell-numeric>
+          Age
+        </th>
+        <th data-column-name="action" data-cell-action>Action</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>Adam</td>
+        <td>Ant</td>
+        <td data-cell-numeric>25</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+      <tr>
+        <td>Billy</td>
+        <td>Bat</td>
+        <td data-cell-numeric>28</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+      <tr>
+        <td>Cathy</td>
+        <td>Cat</td>
+        <td data-cell-numeric>31</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+      <tr>
+        <td>Debbie</td>
+        <td>Dog</td>
+        <td data-cell-numeric>33</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+    </tbody>
+  </table>
+</gux-table>
+    `
+    },
+    {
+        description: 'should render sort control in descending state',
+        html: `
+<gux-table resizable-columns id="sortable-table">
+  <table slot="data">
+    <thead>
+      <tr>
+        <th data-column-name="name" aria-sort="descending">Name <gux-sort-control /></th>
+        <th data-column-name="last-name">
+          Last name
+        </th>
+        <th data-column-name="age" data-cell-numeric>
+          Age
+        </th>
+        <th data-column-name="action" data-cell-action>Action</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>Adam</td>
+        <td>Ant</td>
+        <td data-cell-numeric>25</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+      <tr>
+        <td>Billy</td>
+        <td>Bat</td>
+        <td data-cell-numeric>28</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+      <tr>
+        <td>Cathy</td>
+        <td>Cat</td>
+        <td data-cell-numeric>31</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+      <tr>
+        <td>Debbie</td>
+        <td>Dog</td>
+        <td data-cell-numeric>33</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+    </tbody>
+  </table>
+</gux-table>
+    `
+    },
+    {
+        description: 'should render sort control with include-unsorted enabled',
+        html: `
+<gux-table resizable-columns id="sortable-table">
+  <table slot="data">
+    <thead>
+      <tr>
+          <th data-column-name="name">Name <gux-sort-control include-unsorted /></th>
+        <th data-column-name="last-name">
+          Last name
+        </th>
+        <th data-column-name="age" data-cell-numeric>
+          Age
+        </th>
+        <th data-column-name="action" data-cell-action>Action</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>Adam</td>
+        <td>Ant</td>
+        <td data-cell-numeric>25</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+      <tr>
+        <td>Billy</td>
+        <td>Bat</td>
+        <td data-cell-numeric>28</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+      <tr>
+        <td>Cathy</td>
+        <td>Cat</td>
+        <td data-cell-numeric>31</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+      <tr>
+        <td>Debbie</td>
+        <td>Dog</td>
+        <td data-cell-numeric>33</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+    </tbody>
+  </table>
+</gux-table>
+    `
+    },
+    {
+        description: 'should render sort control in numeric column',
+        html: `
+<gux-table resizable-columns id="sortable-table">
+  <table slot="data">
+    <thead>
+      <tr>
+         <th data-column-name="age" data-cell-numeric>Age <gux-sort-control /></th>
+        <th data-column-name="last-name">
+          Last name
+        </th>
+        <th data-column-name="age" data-cell-numeric>
+          Age
+        </th>
+        <th data-column-name="action" data-cell-action>Action</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>Adam</td>
+        <td>Ant</td>
+        <td data-cell-numeric>25</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+      <tr>
+        <td>Billy</td>
+        <td>Bat</td>
+        <td data-cell-numeric>28</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+      <tr>
+        <td>Cathy</td>
+        <td>Cat</td>
+        <td data-cell-numeric>31</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+      <tr>
+        <td>Debbie</td>
+        <td>Dog</td>
+        <td data-cell-numeric>33</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+    </tbody>
+  </table>
+</gux-table>
+    `
+    },
+    {
+        description: 'should render sort control in action column',
+        html: `
+<gux-table resizable-columns id="sortable-table">
+  <table slot="data">
+    <thead>
+      <tr>
+        <th data-column-name="actions" data-cell-action>Actions <gux-sort-control /></th>
+        <th data-column-name="last-name">
+          Last name
+        </th>
+        <th data-column-name="age" data-cell-numeric>
+          Age
+        </th>
+        <th data-column-name="action" data-cell-action>Action</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>Adam</td>
+        <td>Ant</td>
+        <td data-cell-numeric>25</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+      <tr>
+        <td>Billy</td>
+        <td>Bat</td>
+        <td data-cell-numeric>28</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+      <tr>
+        <td>Cathy</td>
+        <td>Cat</td>
+        <td data-cell-numeric>31</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+      <tr>
+        <td>Debbie</td>
+        <td>Dog</td>
+        <td data-cell-numeric>33</td>
+        <td data-cell-action>Delete</td>
+      </tr>
+    </tbody>
+  </table>
+</gux-table>
+    `
+    }
+];

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,5 +1,5 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-BbwXkJbD.js';
-export { s as setNonce } from './index-BbwXkJbD.js';
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-DsBM9ipf.js';
+export { s as setNonce } from './index-DsBM9ipf.js';
 
 /*
  Stencil Client Patch Browser v4.36.0 | MIT Licensed | https://stenciljs.com

package/dist/esm/{get-valid-timezone-DUhDFCPP.js → get-valid-timezone-BOsuv_r0.js}

@@ -1,4 +1,4 @@
-import { l as locales } from './index-Cxt490UP.js';
+import { l as locales } from './index-DpvjDZBY.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-BbwXkJbD.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DsBM9ipf.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-BbwXkJbD.js';
-import { t as trackComponent } from './usage-Da2R6UO_.js';
+import { r as registerInstance, h, a as getElement } from './index-DsBM9ipf.js';
+import { t as trackComponent } from './usage-DmyA5Orv.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-BbwXkJbD.js';
-import { O as OnClickOutside } from './on-click-outside-DAPeZvLq.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DsBM9ipf.js';
+import { O as OnClickOutside } from './on-click-outside-DiPeew9h.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-Da2R6UO_.js';
-import { b as buildI18nForComponent } from './index-Cxt490UP.js';
+import { t as trackComponent } from './usage-DmyA5Orv.js';
+import { b as buildI18nForComponent } from './index-DpvjDZBY.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-BbwXkJbD.js';
-import { t as trackComponent } from './usage-Da2R6UO_.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DsBM9ipf.js';
+import { t as trackComponent } from './usage-DmyA5Orv.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-BbwXkJbD.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DsBM9ipf.js';
 import { o as onMutation } from './on-mutation-CF55kYjc.js';
-import { O as OnClickOutside } from './on-click-outside-DAPeZvLq.js';
+import { O as OnClickOutside } from './on-click-outside-DiPeew9h.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-Da2R6UO_.js';
-import { b as buildI18nForComponent } from './index-Cxt490UP.js';
+import { t as trackComponent } from './usage-DmyA5Orv.js';
+import { b as buildI18nForComponent } from './index-DpvjDZBY.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-BbwXkJbD.js';
-import { b as buildI18nForComponent } from './index-Cxt490UP.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DsBM9ipf.js';
+import { b as buildI18nForComponent } from './index-DpvjDZBY.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-BbwXkJbD.js';
-import { t as trackComponent } from './usage-Da2R6UO_.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DsBM9ipf.js';
+import { t as trackComponent } from './usage-DmyA5Orv.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}";

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

@@ -1,7 +1,7 @@
-import { h, r as registerInstance, a as getElement } from './index-BbwXkJbD.js';
-import { t as trackComponent } from './usage-Da2R6UO_.js';
+import { h, r as registerInstance, a as getElement } from './index-DsBM9ipf.js';
+import { t as trackComponent } from './usage-DmyA5Orv.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
-import { b as buildI18nForComponent } from './index-Cxt490UP.js';
+import { b as buildI18nForComponent } from './index-DpvjDZBY.js';
 import { a as generateInitials, g as getAvatarAccentClass } from './gux-avatar.service-BV03_Ljp.js';
 import './get-closest-element-Cd4R0amv.js';
 

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BbwXkJbD.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DsBM9ipf.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
-import { b as buildI18nForComponent } from './index-Cxt490UP.js';
-import { t as trackComponent } from './usage-Da2R6UO_.js';
+import { b as buildI18nForComponent } from './index-DpvjDZBY.js';
+import { t as trackComponent } from './usage-DmyA5Orv.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const changePhoto = "Change profile photo";

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BbwXkJbD.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DsBM9ipf.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 
 const GuxAvatarFocusable = class {

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BbwXkJbD.js';
-import { t as trackComponent } from './usage-Da2R6UO_.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DsBM9ipf.js';
+import { t as trackComponent } from './usage-DmyA5Orv.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-DMpkGO63.js';
-import { b as buildI18nForComponent } from './index-Cxt490UP.js';
+import { b as buildI18nForComponent } from './index-DpvjDZBY.js';
 import { a as autoUpdate, c as computePosition, o as offset } from './floating-ui.dom-C_pVuars.js';
-import { O as OnClickOutside } from './on-click-outside-DAPeZvLq.js';
+import { O as OnClickOutside } from './on-click-outside-DiPeew9h.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
 import { g as getAvatarAccentClass, a as generateInitials } from './gux-avatar.service-BV03_Ljp.js';

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BbwXkJbD.js';
-import { t as trackComponent } from './usage-Da2R6UO_.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DsBM9ipf.js';
+import { t as trackComponent } from './usage-DmyA5Orv.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { s as setFocusTarget, r as resetFocusableSibling } from './gux-avatar-group.service-DMpkGO63.js';
 import './get-closest-element-Cd4R0amv.js';

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BbwXkJbD.js';
-import { t as trackComponent } from './usage-Da2R6UO_.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DsBM9ipf.js';
+import { t as trackComponent } from './usage-DmyA5Orv.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-DMpkGO63.js';
 import { g as getAvatarAccentClass, a as generateInitials } from './gux-avatar.service-BV03_Ljp.js';

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, a as getElement } from './index-BbwXkJbD.js';
-import { t as trackComponent } from './usage-Da2R6UO_.js';
-import { b as buildI18nForComponent } from './index-Cxt490UP.js';
-import { O as OnMutation } from './on-mutation-YNE7qXVf.js';
+import { r as registerInstance, h, a as getElement } from './index-DsBM9ipf.js';
+import { t as trackComponent } from './usage-DmyA5Orv.js';
+import { b as buildI18nForComponent } from './index-DpvjDZBY.js';
+import { O as OnMutation } from './on-mutation-CUFfU3Co.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const info = "badge with label: {label}, accent: info";

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, a as getElement } from './index-BbwXkJbD.js';
-import { t as trackComponent } from './usage-Da2R6UO_.js';
-import { O as OnMutation } from './on-mutation-YNE7qXVf.js';
+import { r as registerInstance, h, a as getElement } from './index-DsBM9ipf.js';
+import { t as trackComponent } from './usage-DmyA5Orv.js';
+import { O as OnMutation } from './on-mutation-CUFfU3Co.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.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/esm/gux-breadcrumb-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BbwXkJbD.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DsBM9ipf.js';
 import { a as logError } from './log-error-DxtJDeL9.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/esm/gux-breadcrumbs.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-BbwXkJbD.js';
-import { b as buildI18nForComponent } from './index-Cxt490UP.js';
-import { t as trackComponent } from './usage-Da2R6UO_.js';
+import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-DsBM9ipf.js';
+import { b as buildI18nForComponent } from './index-DpvjDZBY.js';
+import { t as trackComponent } from './usage-DmyA5Orv.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const breadcrumbs = "Breadcrumbs";

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BbwXkJbD.js';
-import { O as OnClickOutside } from './on-click-outside-DAPeZvLq.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DsBM9ipf.js';
+import { O as OnClickOutside } from './on-click-outside-DiPeew9h.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-Da2R6UO_.js';
+import { t as trackComponent } from './usage-DmyA5Orv.js';
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -57,6 +57,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) {
@@ -106,6 +121,11 @@ const GuxButtonMulti = class {
             void this.listElement.guxFocusFirstItem();
         });
     }
+    focusLastItemInPopupList() {
+        afterNextRenderTimeout(() => {
+            void this.listElement.guxFocusLastItem();
+        });
+    }
     onListClick(event) {
         whenEventIsFrom('gux-list-item', event, () => {
             this.isOpen = false;
@@ -116,7 +136,7 @@ const GuxButtonMulti = class {
         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 delegatesFocus() { return true; }
     get root() { return getElement(this); }