genesys-spark-components 4.126.0 → 4.128.0

package/dist/esm/gux-pagination-buttons_2.entry.js

@@ -220,7 +220,7 @@ const GuxPaginationButtons = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '144dd5ba861ec6629d760b4f834175d260f0d160', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'cd4bf9336287ad6a7efd9307ca00db02a909504a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f703c23a31f90d8b226aef669700e940e6c169aa', accent: "ghost", "icon-only": true }, h("button", { key: 'bcacb426bee7ff610a2782c7bf8d748be9d193b9', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '59c923b7c3ad87e1bddd8c264f45d28319376927', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '491de9f90bea4cc7e1563935317a57ec00e6778c', accent: "ghost", "icon-only": true }, h("button", { key: '3bd04ac740853feda65d11e1a44c7adb9512d655', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '46b98adaff437843e0c03e793126e19be12850c3', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '2565572fc676b7bf505aca4cea19fedfa4bb2324', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f7e06598859b74cdb9e41806e2ea242a022e2617', accent: "ghost", "icon-only": true }, h("button", { key: '306c9ce421f7301cc1ab99eb927982cc47c80fc5', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '0213106392befcbeb396ae879491e69569b7e892', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'c506d0c4fda7a7a7727337c7c08506e75ca8c0b9', accent: "ghost", "icon-only": true }, h("button", { key: 'cda5085b075c24d402253b893e2926b0252d5983', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '8e4ea05c515cf1a568a9d81711f1a3e9ef559a02', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'ecbcfa38cdc31137318ebda5dde074108df863b5', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '4ae9b7611af7df408ed656b38783aef6e3d7ac2d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'ae39349f1e770eda86ffe8be930bb1fed02f793b', accent: "ghost", "icon-only": true }, h("button", { key: 'a57a7211c713e814aef7a3ba8ab15174a81166d0', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '837871733d7749b97bd502992032e298a09f5648', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '1666b2b951ad1e792e46f088ba414ba585e5722b', accent: "ghost", "icon-only": true }, h("button", { key: 'f2afa0b41c61cd783cc089438bced941f9ac9bee', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'b50913d82e12f2627316036c3238fdd2468edaa7', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'ae031e14e2228a6aff4ba9d3c19e53b4f51ce7ea', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '1fd2483765c6c14ea6179b57bce0abdfda91bd6d', accent: "ghost", "icon-only": true }, h("button", { key: '2d12cf20b84808d5f2f47e762f8ddefa800a85d8', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '9a66b0d11b9aba0a60001c8ad262121dde9b64a2', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '570147753eff6f3e4868e862493d8b5853913d71', accent: "ghost", "icon-only": true }, h("button", { key: '7a26f5131b11a8e052449d7caae53ff873d3c7a0', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '02a1100be68ff247b2676786dc78054c2b341cbe', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -264,10 +264,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (h("div", { key: '3fa0138d8dff0e54c72deb8310898b8cd29d811e', class: "gux-pagination-item-counts-container" }, h("span", { key: '9a0935fdaaf35a9183a2d83e33e68853613dfb34', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'fcb54c155ce1ca49552444be46ceebda31fcfc91', class: "gux-pagination-item-counts-container" }, h("span", { key: '413846eac18d72b10c77605b2b2b203bab8c2bc3', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'eb6852944573ae1e4ac957ff60e916fcb9ba59db', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '55910f109bd8939fd47dcf883ad438e9f2f701c3', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-pagination-cursor.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import './get-closest-element-728b9f18.js';
 

package/dist/esm/gux-pagination-items-per-page.entry.js

@@ -35,7 +35,7 @@ const GuxPaginationItemsPerPage = class {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '8ce253b5b00367bd5f24b57fb6e28a317c9f8314', class: "gux-pagination-items-per-page-container" }, h("div", { key: '470ba363bea3d6a3bbbfe6eb83033d388e5bdc34', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '29bc362534aea3b7d5b6ec9bec2a4840ddf08134', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '6bd639086dc53fb6234593c3a82467ab93a5bc19', class: "gux-pagination-items-per-page-container" }, h("div", { key: '485e6e9de754a3ca64061cee830fe7d22c942c41', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '948b530c5a586ec39ee902413f803fd91a4bf9fb', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-pagination-legacy.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 
 const guxPaginationLegacyCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 const GuxPaginationLegacyStyle0 = guxPaginationLegacyCss;
@@ -64,7 +64,7 @@ const GuxPaginationLegacy = class {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: '339a3aad6956314eb4d13446d84519b584646dca', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '2b7c577864a6d452895055a804c6c781adf3e403', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '968098cc4bbfcd35475f1fe6ea36653d4235babd', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'f16832269d2f7c04dada306f5909c72f85138b7c', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '5f7d48a8bfaf4f8b9507d879bb6c2d90c1fc7d2f', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '8f53a84289263891436e5f12a6e7e8cc198b60f0', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-21889d5d.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 
 const guxPaginationCss = ":host{display:block;block-size:var(--gse-ui-dataTableItems-cell-tablePagination-height);border-block-start:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-inline-start:0}";
 const GuxPaginationStyle0 = guxPaginationCss;
@@ -90,7 +90,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (h("div", { key: 'ec6c20fae5dd514e4aced6f4fc1d06df00de1293', class: "gux-pagination-container" }, h("div", { key: '2ad08c2e9a373e51d47ee6e4ef4597cb4ee19c84', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '24e001a9fe6299421264f7fbf11745c0c9349083', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '8340a00c890aa3cf80b179bc0a0a3b12413f9efd', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '90a5210acc6b3b7b8b8ec62120a84ee525822572', class: "gux-pagination-spacer" }), h("div", { key: '19bca0f2edef52b8747dd7abdba7506f96b21ca7', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '7e1cfd4af5d5a0a2875be819e784f9f984538537', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'ab80ebee1af46479f8eae973af6679c79405da16', class: "gux-pagination-container" }, h("div", { key: '4c6aeb301b42afa7bc14a7de6790120751c9671e', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'c035fcffebb711015c1e5ffa6b8b9cc86fb5f644', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '35215fa57042ce0a78edb2f0719f3f6911da6d26', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '9e87a9952a7c644ce1f6b2b95d627cc42008c35a', class: "gux-pagination-spacer" }), h("div", { key: '3b14239802f226ea45cfb08ed0de2528726e9223', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '1f7a5dce93ecb7797ee34a83a779c44ed563ccea', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-phone-input-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-99f8b2e2.js';
 import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, h as hide, b as arrow } from './floating-ui.dom.esm-17bec7ce.js';
 import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { g as getSlot } from './get-slot-c26d3ab0.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 
@@ -22,6 +22,7 @@ const GuxPopover = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.guxdismiss = createEvent(this, "guxdismiss", 7);
+        this.disconnect = undefined;
         this.for = undefined;
         this.position = 'bottom';
         this.displayDismissButton = undefined;
@@ -31,11 +32,12 @@ const GuxPopover = class {
     }
     updateForElement() {
         this.forElement = this.getForElement();
+        this.forElement.setAttribute('aria-haspopup', 'true');
     }
     onKeyDown(event) {
         switch (event.key) {
             case 'Escape':
-                this.dismiss();
+                this.forElement.focus();
                 break;
         }
     }
@@ -57,11 +59,6 @@ const GuxPopover = class {
             !clickedForElement) {
             this.dismiss();
         }
-        if (clickedForElement) {
-            this.popupElement.togglePopover();
-            this.isOpen = !this.isOpen;
-            this.runUpdatePosition();
-        }
     }
     get titleSlot() {
         return getSlot(this.root, 'title');
@@ -78,6 +75,15 @@ const GuxPopover = class {
             this.logForAttributeError();
         }
     }
+    focusPopup() {
+        const autofocusElement = this.root.querySelector('[autoFocus]');
+        if (autofocusElement) {
+            autofocusElement === null || autofocusElement === void 0 ? void 0 : autofocusElement.focus();
+        }
+        else {
+            this.popupElement.focus();
+        }
+    }
     runUpdatePosition() {
         if (this.root.isConnected) {
             this.cleanupUpdatePosition = autoUpdate(findElementById(this.root, this.for), this.popupElement, () => this.updatePosition(), {
@@ -166,9 +172,33 @@ const GuxPopover = class {
             console.error(`gux-popover: invalid element supplied to 'for': "${this.for}"`);
         }
     }
+    onKeydown(event) {
+        switch (event.key) {
+            case 'Enter':
+            case ' ':
+                this.popupElement.togglePopover();
+                this.isOpen = !this.isOpen;
+                this.runUpdatePosition();
+                this.focusPopup();
+                break;
+        }
+    }
+    onMouseup() {
+        this.popupElement.togglePopover();
+        this.isOpen = !this.isOpen;
+        this.runUpdatePosition();
+    }
     connectedCallback() {
         this.updateForElement();
         trackComponent(this.root, { variant: this.position });
+        const keydownHandler = this.onKeydown.bind(this);
+        this.forElement.addEventListener('keydown', keydownHandler);
+        const mouseupHandler = this.onMouseup.bind(this);
+        this.forElement.addEventListener('mouseup', mouseupHandler);
+        this.disconnect = () => {
+            this.forElement.removeEventListener('keydown', keydownHandler);
+            this.forElement.removeEventListener('mouseup', mouseupHandler);
+        };
     }
     componentDidLoad() {
         if (!this.forElement) {
@@ -192,6 +222,7 @@ const GuxPopover = class {
         if (this.cleanupUpdatePosition) {
             this.cleanupUpdatePosition();
         }
+        this.disconnect();
     }
     renderDismissButton() {
         if (this.displayDismissButton) {
@@ -199,10 +230,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: '5c0a4e04803ba62ac2fe04225f748681b56ceb2e', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'b749dcb6d627f45f152ba09cac9811f6da5b13b7', ref: (el) => (this.popupElement = el), class: {
                 'gux-popover-wrapper': true,
                 'gux-hidden': !this.isOpen
-            }, "data-placement": true, popover: "manual" }, h("div", { key: '23f086b8e6475fdfc0d5d2539d86002d0ed5e974', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '79d7ff0a5504d1bb3008f09184b518fdfc9366d4', class: "gux-arrow-caret" })), h("div", { key: 'b0fcdbffca433d2b97018901361749c3e2c4092d', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'e11d988a199d469e941d8d17a7bb497b2e2d6fd9', name: "title" }), this.renderDismissButton()), h("div", { key: 'feaba80659bf542b2414ad7f0ac79ee76086bd07', class: "gux-popover-content" }, h("slot", { key: 'd8db74249d39796cfc760aff0a2eae9b56421632' }))));
+            }, "data-placement": true, popover: "manual", tabindex: "-1" }, h("div", { key: '247d7093a0ef96d6375aa855fcb267a5647bd35b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'e3f41577d6b5569b6e6f1552ba5527186334c676', class: "gux-arrow-caret" })), h("div", { key: '9a1c885eb3add0e1141179261f9bcfd6ba16fdd9', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '8a040e914d618796d8d900d2d93435d74a7e8e4f', name: "title" }), this.renderDismissButton()), h("div", { key: '4e3343245a4f82a758696c9c647a03131b4d6b54', class: "gux-popover-content" }, h("slot", { key: 'e432bfb3cbd60905dde350c00f2e884ebf017324' }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-popover-list-beta.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, h as hide, b as arrow } from './floating-ui.dom.esm-17bec7ce.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 
 const guxPopoverListCss = ":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;overflow-y:hidden;background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow);}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";
@@ -22,6 +22,7 @@ const GuxPopoverList = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.guxdismiss = createEvent(this, "guxdismiss", 7);
+        this.disconnect = undefined;
         this.for = undefined;
         this.position = 'bottom';
         this.displayDismissButton = undefined;
@@ -31,8 +32,11 @@ const GuxPopoverList = class {
     onKeyDown(event) {
         switch (event.key) {
             case 'Tab':
+                this.dismiss();
+                break;
             case 'Escape':
                 this.dismiss();
+                this.forElement.focus();
                 break;
         }
     }
@@ -124,23 +128,35 @@ const GuxPopoverList = class {
             void this.listElement.guxFocusFirstItem();
         });
     }
+    onKeydown(event) {
+        switch (event.key) {
+            case 'Enter':
+            case ' ':
+                this.popupElement.togglePopover();
+                this.isOpen = !this.isOpen;
+                this.runUpdatePosition();
+                this.focusFirstItemInPopupList();
+                break;
+        }
+    }
+    onMouseup() {
+        this.popupElement.togglePopover();
+        this.isOpen = !this.isOpen;
+        this.runUpdatePosition();
+    }
     connectedCallback() {
         trackComponent(this.root, { variant: this.position });
         this.listElement = this.root.querySelector('gux-list');
-        const forElement = findElementById(this.root, this.for);
-        forElement.addEventListener('keydown', (event) => {
-            this.popupElement.togglePopover();
-            this.isOpen = !this.isOpen;
-            this.runUpdatePosition();
-            if ((this.isOpen && event.key == 'Enter') || event.key == ' ') {
-                this.focusFirstItemInPopupList();
-            }
-        });
-        forElement.addEventListener('mouseup', () => {
-            this.popupElement.togglePopover();
-            this.isOpen = !this.isOpen;
-            this.runUpdatePosition();
-        });
+        this.forElement = findElementById(this.root, this.for);
+        this.forElement.setAttribute('aria-haspopup', 'true');
+        const keydownHandler = this.onKeydown.bind(this);
+        this.forElement.addEventListener('keydown', keydownHandler);
+        const mouseupHandler = this.onMouseup.bind(this);
+        this.forElement.addEventListener('mouseup', mouseupHandler);
+        this.disconnect = () => {
+            this.forElement.removeEventListener('keydown', keydownHandler);
+            this.forElement.removeEventListener('mouseup', mouseupHandler);
+        };
     }
     componentDidLoad() {
         if (this.isOpen) {
@@ -160,12 +176,13 @@ const GuxPopoverList = class {
         if (this.cleanupUpdatePosition) {
             this.cleanupUpdatePosition();
         }
+        this.disconnect();
     }
     render() {
-        return (h("div", { key: '652a19f549d3996c22056d3e1a02f50db25d68f6', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'cdea9ebee6b85deab6bbcfc44ca8a9626e8ef8f2', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true, popover: "manual" }, h("div", { key: '7530607de76b8b9c235d499906835b40ae799b41', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '796531bcc220e95d31e6da4ce1ba8125f1a6fed4', onClick: this.dismiss.bind(this) })), h("div", { key: '7b6ad026fb1f8386ed5d63c62ab3fd50f4074f10', class: "gux-popover-content" }, h("slot", { key: 'f8e1bf1e1e35314831a64754172a5a8d770a67fc' }))));
+            }, "data-placement": true, popover: "manual" }, h("div", { key: '6e59da2b8f942a46f41b6d57b7ea2b393d881571', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '6ded178ca872ba0fab15967d4eb2583191e2632b', onClick: this.dismiss.bind(this) })), h("div", { key: 'cb33cdb1975874d5d4cfd069357ec2129965ee06', class: "gux-popover-content" }, h("slot", { key: '3398bff040d97a76c937f259872652f869e76469' }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-popover-list.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-17bec7ce.js';
 import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";
@@ -130,10 +130,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (h("div", { key: 'bdd5dc87dfaef8fe7191e5fd02db47ca281c28eb', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'd6ee47cae973e3e1ba99d60c9a4a85743d605173', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '6b1380f07ccef415303b83ec729bce4a7c9d7c9d', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'e8a3b4f902fd30794b58eb8b0533d9223c2403d7', onClick: this.dismiss.bind(this) })), h("div", { key: '137a1bd756dae3e9e7885d561eedee0d797e705a', class: "gux-popover-content" }, h("slot", { key: 'e817387c205b6fd4e9f53bd60363191fba2c80dd' }))));
+            }, "data-placement": true }, h("div", { key: 'b820ee3f645654ab71151507d26c005163cb5555', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '965025fc250ddde80494b5b40fd9aa539deaec04', onClick: this.dismiss.bind(this) })), h("div", { key: '2bc3f9e2bdbdb47a1fdeeb6e2b2c6c706699a2d3', class: "gux-popover-content" }, h("slot", { key: 'ffd8067e481b81120f57ad89c22e54092dd5b0f4' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -106,13 +106,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (h("div", { key: '632ca21ef759758b62d1392fd26f9722fb233957', class: {
+        return (h("div", { key: '26e14de1fdc138741ba3ebd70ea3efdbde9e3556', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '1dfaf505ca415aebd889a4d29eabf6e7284e45cb', name: "target" }), h("div", { key: '03f8a8ec176ab4514f598b2abfe217a670c5a264', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '86bb7b4f7cb9786cb2cc854734357ffea57bd10e', name: "target" }), h("div", { key: '20ef4c5ad555f916f8fb0f0dd3975f15402cce95', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'ff4ca226734db75194e67f8840ee268afd2c64b9', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '7b7b3d130134e642b58b879a5a0a916429564f16', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]

package/dist/esm/gux-radial-loading.entry.js

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, g as getElement } from './index-21889d5d.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import './get-closest-element-728b9f18.js';
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -41,7 +41,7 @@ const GuxRadialLoading = class {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '86c19ab1ad15d1a6d540e88a8685ba3f09fcefb4', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '51ff04e0e4feeb02670b7345f7ebc225419c7e51', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-radial-progress.entry.js

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { c as clamp } from './clamp-1fc36648.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 
 const guxRatingCss = ":host{display:inline-block;min-inline-size:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);box-shadow:0 0 0 1px var(--gse-semantic-border-focus)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";
@@ -106,7 +106,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (h(Host, { key: '8b6d6bd8a86c5421c488ef205f29aa258711832f', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '7088e09189873d496e640e449f3f391f23cc2d29', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'da1cb281ba3b06d90b42c824bef9106f7e01b508', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'afa4299f663d44eb841c0497132027dba28a352e', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

package/dist/esm/gux-rich-highlight-list-item.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import { t as translationResources } from './en-abdadc27.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.js';

package/dist/esm/gux-rich-style-list-item_3.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import { t as translationResources } from './en-abdadc27.js';

package/dist/esm/gux-rich-text-editor-action-link.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-21889d5d.js';
 import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import { t as translationResources } from './en-abdadc27.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';

package/dist/esm/gux-rich-text-editor-action-rich-style.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { h as hasDisabledParent } from './gux-rich-text-editor.service-dcce5e51.js';
 import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';

package/dist/esm/gux-rich-text-editor-action-text-highlight.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
 import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import { t as translationResources } from './en-abdadc27.js';
 import { h as hasDisabledParent } from './gux-rich-text-editor.service-dcce5e51.js';

package/dist/esm/gux-rich-text-editor-action.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import { t as translationResources } from './en-abdadc27.js';
 import { h as hasDisabledParent, r as returnActionTypeIcon } from './gux-rich-text-editor.service-dcce5e51.js';

package/dist/esm/gux-rich-text-editor-beta.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-21889d5d.js';
 import { O as OnResize } from './on-resize-3558b8d8.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { g as getActionsFromGroup } from './gux-rich-text-editor.service-dcce5e51.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import { t as translationResources } from './en-abdadc27.js';

package/dist/esm/gux-rich-text-editor-list.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { p as previous, n as next, f as first, l as last } from './gux-list.service-5da368db.js';
 
 const guxRichTextEditorListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";

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

@@ -24,9 +24,9 @@ const GuxRowSelect = class {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '5c6f4b7010c4506e8cf436e2708988243f1ad787', "label-position": "screenreader" }, h("input", { key: 'ef6eb5c1f754f21aad8a97f81781aa2829b0b608', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: 'd8736ad0aafc8b328fbef64f4b1e75d1afe56285', "label-position": "screenreader" }, h("input", { key: 'd3709dc1605a73762778e8b6f79b777d1777af80', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '75e5844d7fe5434311103644ed6666a69142757a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '199472eca3600a79d083acbc9d90a6bd85bf6ba4' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '8b8e8fc0d3901f8304deefb715e07381686386e4', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '4a0a176f1d6ce0347479aee0114179566bd6dd87' }, this.i18n('selectTableRow')))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-screen-reader-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 
 const guxScreenReaderCss = ":host{position:relative}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}";
 const GuxScreenReaderBetaStyle0 = guxScreenReaderCss;

package/dist/esm/gux-segmented-control-beta.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-21889d5d.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;

package/dist/esm/gux-selector-card-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { g as getSlottedInput, b as setSlotAriaDescribedby, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';

package/dist/esm/gux-selector-cards-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 
 const guxSelectorCardsCss = ".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";
 const GuxSelectorCardsBetaStyle0 = guxSelectorCardsCss;

package/dist/esm/gux-side-panel-beta.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-21889d5d.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
 const guxSidePanelCss = ":host{display:block;inline-size:fit-content;block-size:100%}:host([size=large]){max-inline-size:50%}.gux-side-panel{position:relative;display:flex;flex-direction:column;inline-size:calc(100vw - var(--gse-ui-sidePanel-shoud-minWidth));block-size:inherit;background-color:var(--gse-ui-sidePanel-backgroundColor);box-shadow:var(--gse-ui-sidePanel-boxShadow)}.gux-side-panel.gux-side-panel-small{max-inline-size:var(--gse-ui-sidePanel-widthSize-sm)}.gux-side-panel.gux-side-panel-medium{max-inline-size:var(--gse-ui-sidePanel-widthSize-md)}.gux-side-panel.gux-side-panel-large{max-inline-size:var(--gse-ui-sidePanel-widthSize-lg)}.gux-side-panel>header{position:relative;padding:var(--gse-ui-sidePanel-header-padding);border-block-end:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel>header gux-dismiss-button{position:absolute;inset-block-start:calc(var(--gse-ui-sidePanel-header-dismiss-padding) - var(--gse-ui-modal-dismissButton-paddingTop));inset-inline-end:calc(var(--gse-ui-modal-dismissButton-paddingRight) - var(--gse-ui-sidePanel-header-dismiss-padding));display:block}.gux-side-panel .gux-side-panel-description{margin:var(--gse-ui-sidePanel-description-padding) !important}.gux-side-panel .gux-side-panel-content{flex:1 1 100%;padding:var(--gse-ui-sidePanel-body-padding);overflow-y:auto;font-family:var(--gse-ui-sidePanel-description-text-fontFamily);font-size:var(--gse-ui-sidePanel-description-text-fontSize);font-weight:var(--gse-ui-sidePanel-description-text-fontWeight);line-height:var(--gse-ui-sidePanel-description-text-lineHeight);color:var(--gse-ui-sidePanel-descriptionColor)}.gux-side-panel>footer{flex:0 0 auto;padding:var(--gse-ui-sidePanel-footer-padding);border-block-start:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel-description ::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
@@ -24,10 +24,10 @@ const GuxSidePanel = class {
         return null;
     }
     render() {
-        return (h("div", { key: '52804e75ca5299186e8278f361610f82ea72e8bf', class: {
+        return (h(Host, { key: 'c78af402e53107a0e47cb67edb69af4017a4e2ea', role: "complementary" }, h("div", { key: '1005a6ef0b1f127a877365d9396c8ad8683b23f3', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, h("header", { key: 'dd6a952982e14db1c0aba338c5505cf6f2e83029' }, h("gux-dismiss-button", { key: '80a9bb2fa1328180520795125e06c660ece1d7f3', position: "inherit", onClick: this.onDismissHandler.bind(this) }), h("slot", { key: '0baa8c088c4d90c63e17f66b3edc60bf4a5720ad', name: "heading" })), this.renderDescription(), h("div", { key: '88035024dca52ab7029c0cabcc1588651d7bf41e', class: "gux-side-panel-content" }, h("slot", { key: 'de29b892996f9baca6e9dd96f5b429741da49928', name: "content" })), h("footer", { key: '180727058265a6e8828a3be73a63385f42a9e962' }, h("slot", { key: 'b95b44cbb3d4a49669c3d6a3090461f21806aac1', name: "footer" }))));
+            } }, h("header", { key: '36dc5da3534c0cbccab76d34ea8e384c98709ce0' }, h("gux-dismiss-button", { key: '6d2892fcf0e5d49a317f61da19494007cd649321', position: "inherit", onClick: this.onDismissHandler.bind(this) }), h("slot", { key: 'ab1a58418087a6bbbe688330c38da8ccc74f1675', name: "heading" })), this.renderDescription(), h("div", { key: '521fa908fd0bb1cd025ab668c3f3abc08296575c', class: "gux-side-panel-content" }, h("slot", { key: 'dab174b319e12b5d5936ab23064a040ba6b329e6', name: "content" })), h("footer", { key: '6606da19098d8ef8606dc1ea95a4caf8bbcca7c0' }, h("slot", { key: '290ad7e0dac93c0b0f863cdb92ae070193854644', name: "footer" })))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-side-panel-heading.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 
 const guxSidePanelHeadingCss = ":host{display:block}h1,h2,h3,h4,h5,h6{display:flex;flex:0 0 auto;gap:var(--gse-ui-sidePanel-header-iconGap);align-items:center;inline-size:100%;padding:0;margin:0;font-family:var(--gse-ui-sidePanel-heading-text-fontFamily);font-size:var(--gse-ui-sidePanel-heading-text-fontSize);font-weight:var(--gse-ui-sidePanel-heading-text-fontWeight);line-height:var(--gse-ui-sidePanel-heading-text-lineHeight);color:var(--gse-ui-sidePanel-headerColor)}";
 const GuxSidePanelHeadingStyle0 = guxSidePanelHeadingCss;
@@ -15,7 +15,7 @@ const GuxSidePanelHeading = class {
         this.headingTag = `h${this.level}`;
     }
     render() {
-        return (h(this.headingTag, { key: 'ce6bbaff86615d00a48661bb23b1783b5e019ddc' }, this.iconName && (h("gux-icon", { key: 'f7af9e1575bc822344ac094bef1d5a10fd0ddfa7', decorative: true, size: "medium", "icon-name": this.iconName })), h("gux-truncate", { key: 'fa067c9326ec149f51592673e14688a78d91d0d1' }, h("slot", { key: 'b44e3a118822173be502213d82b6a95365917b41' }))));
+        return (h(this.headingTag, { key: '422419513d4d2c42940745e4dbe2658564e55410' }, this.iconName && (h("gux-icon", { key: '685cbbcb366c996672ac4c7857d302ecdedb7dae', decorative: true, size: "medium", "icon-name": this.iconName })), h("gux-truncate", { key: '60e2822ed0a52be80884e28d5970bcde35342df2' }, h("slot", { key: '8dcb1487fe19013ae929adbe88c906aa8e58fb0d' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 const GuxSimpleToastLegacyStyle0 = guxSimpleToastCss;
@@ -14,7 +14,7 @@ const GuxSimpleToast = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '2853a0394e80823ec23cfd235d18ce61fcb23dc9' }, h("div", { key: 'c8e60b609e9aed4f0a2d4494c7852aa3ec4492f0', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '292d2c66f83d5a7fecd35fdffbdb44d54dab2230', name: "icon" })), h("gux-truncate", { key: '534595189892b09407e233758f72adddd6fcf727', class: "gux-message", "max-lines": 2 }, h("slot", { key: '5196d360662853f04709aae09dd2ca17a8613893', name: "message" })), h("gux-dismiss-button", { key: '1900232f3d21bea2ab19311f6b05672788ae7736', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '82f85009757bcc21d848dca74a964614e54559c8' }, h("div", { key: 'f20f31689ddd942b860850bfb8dd86bfb0bad6c5', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '438bb5a8e7519e5c7958b7bd367055671aa52fe1', name: "icon" })), h("gux-truncate", { key: 'b427404316a6932acc86fbd4f19520554fb4f061', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'b9606055a5a381873758f71a9f9b10a299c4c9fe', name: "message" })), h("gux-dismiss-button", { key: '16f9821411d888f54c08f415bbb6f5bf324cdc83', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/esm/gux-skip-navigation-item.entry.js

@@ -8,7 +8,7 @@ const GuxSkipNavigationItem = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '588d6ff12221dc7af146e3605f1af158d93407e3', role: "listitem" }, h("slot", { key: '5b7aded9f7e3387e2de8f96898c1c2b8f4abee92' })));
+        return (h(Host, { key: 'be91b9117a871ea04ef6f3b7b82087e60d609445', role: "listitem" }, h("slot", { key: '78e62bfba21782506f66afd0cca270c5995f7449' })));
     }
     static get delegatesFocus() { return true; }
 };