genesys-spark-components 4.139.0 → 4.140.0

package/dist/esm/gux-menu-option.entry.js

@@ -42,7 +42,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (h("button", { key: '9ce49328409af89cd7a1c6b94ac6007b59456824', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '654d588f7bcbf38138ae543c03c3f89cad7102d5', class: "gux-menu-option-button-text" }, h("slot", { key: '2494d0b57c69ee80fd24b52cb97abf74fba868c3' }))));
+        return (h("button", { key: '4b065ce574fe36728b28d769da26d1d5eb7e7143', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '3c8cd5af00d1df520e074b16cde9d787ca43d3d0', class: "gux-menu-option-button-text" }, h("slot", { key: 'f1d189749e2f670e42772f5c48b14e99aacf350b' }))));
     }
     static get formAssociated() { return true; }
     get root() { return getElement(this); }

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

@@ -8,7 +8,7 @@ const GuxMenu = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '7e4f1568e688d0b8011da0ff05391e306324fecf', role: "menu" }, h("slot", { key: 'ee2398acd2b5542994a7d142ecf3d5a06b36b66e' })));
+        return (h(Host, { key: '19c52f15d965c7aa60ce0e67ed4abd249a272acf', role: "menu" }, h("slot", { key: '21552d0d24e41b7030f51e69543246d017c2f21a' })));
     }
 };
 GuxMenu.style = GuxMenuStyle0;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:var(--gse-semantic-foreground-container-highEmphasis);background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid var(--gse-semantic-border-container-edges-default);border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding:0 var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding:0 var(--gse-ui-modal-padding)}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalLegacyStyle0 = guxModalLegacyCss;
@@ -44,10 +44,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: '2d18a0bb73e802287f7276f624620318c58cf240', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'f9a6082c0d4472e6cbf484221ed41d287c119683', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '63ce16a375f2d5d374df0efaf65f026333f054f3', class: "gux-modal-header", id: titleID }, h("slot", { key: 'c8c78b89fd771fe39a7bbc513385ee11b7da474e', name: "title" }))), h("gux-dismiss-button", { key: '2b6e4165d02dca606879da5a6dd947dbeef8533c', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'b37f23a11378eb9ce1264bd81b79a0726d6eed10', class: {
+        return (h("div", { key: 'b77a732864c86ebcae03af05ae0ef397d4490ed6', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '5a24f48ac7da1f40bd7d84084e4c8226efbafcb9', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '681568d7abf31705c4a7764e1ff22300532b4719', class: "gux-modal-header", id: titleID }, h("slot", { key: '15de5d20625efa25956d73ad7a271f480144404a', name: "title" }))), h("gux-dismiss-button", { key: 'fe03afc6b74e298513ab2d38b24ede83fb9d8e10', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '6a29fbab6fd5772f2aac70974108361d32b72cd0', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '30f622b062ed43b6fef5e7e2bbf68ac56bf98730' }, h("slot", { key: 'dc09cef7c9d6ec04ea7a3f896e0e7ddf3ed5cac0', name: "content" }))), hasFooterButtons && (h("div", { key: '6f67c283914532196a52369fb1b84cd4e948f462', class: "gux-button-footer" }, h("div", { key: '3299634c7f06b9e41ee607d383df3bb1b2e7c93b', class: "gux-left-align-buttons" }, h("slot", { key: '3890a90f49ab497b9713f5e20086e5adfdb0cc9c', name: "left-align-buttons" })), h("div", { key: '101d214018e9f8da983b074d5aeaa2c81d096912', class: "gux-right-align-buttons" }, h("slot", { key: '9e353e0aad1df37cfeee2bc944285308294a44c2', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '19a127ab0f7e22919908a54a9b5024973c6a38c7' }, h("slot", { key: 'bdd59bfa68e9697e0768c81720f030a803cb0e87', name: "content" }))), hasFooterButtons && (h("div", { key: '3e310ebdcadfb4d47d9c97d71f76f12c6faf9fb8', class: "gux-button-footer" }, h("div", { key: 'cc76bed3bacad99b0d41cb053f4849accac87f94', class: "gux-left-align-buttons" }, h("slot", { key: '6b41add8283be84a314a0106836071494ab393b5', name: "left-align-buttons" })), h("div", { key: '18bfaeecfa3e77c2c9fe8759359fd1d51fc048c0', class: "gux-right-align-buttons" }, h("slot", { key: '5cbb524146d92efc70cdfd3ce1efa9c6efb8282e', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 
 const guxModalSidePanelCss = "dialog{inset-inline-start:auto;block-size:100%;min-block-size:100%;padding:0;margin:unset;border:none}dialog::backdrop{background:var(--gse-ui-sidePanel-shroudColor);opacity:var(--gse-ui-sidePanel-shroud-opacity)}slot[name=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}";
 const GuxModalSidePanelBetaStyle0 = guxModalSidePanelCss;
@@ -52,7 +52,7 @@ const GuxModalSidePanel = class {
     }
     render() {
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'eea0c737e4c43a0d621fee32ff4dad60bd784151', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, h("gux-side-panel-beta", { key: '11156f4073f0db092f01db1175fa3ca7c91d60a8', size: this.size }, h("div", { key: 'ea76626936c93f966c7593f3040a165f8a540359', slot: "heading", id: titleID }, h("slot", { key: '436910dde97d5b06676c8b16d2f727d371dbf9a5', name: "heading" })), hasSlot(this.root, 'description') && (h("div", { key: 'f251f7fff64fbcc70d69d0e9a6ac107cc02b619b', slot: "description" }, h("slot", { key: 'f8bf46aa948c66e33a18b5b1cee6243f98085b0c', name: "description" }))), h("div", { key: '6951c9381dd820845cb677742ab4901bd43b9504', slot: "content" }, h("slot", { key: 'fce1aac4a2799c90cfa2a0d26116f48c13563117', name: "content" })), h("div", { key: 'b0497481f705825507f461acaaf8eefc8f8e7959', slot: "footer" }, h("slot", { key: 'd7c224fd5279bb3ecf749a0610f71313061a5be1', name: "footer" })))));
+        return (h("dialog", { key: '5942094702a7d5bae430507f6e09e9a630253996', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, h("gux-side-panel-beta", { key: 'cb9581b8714a4f91a478dbbfb3059230905ff641', size: this.size }, h("div", { key: 'a7febca3dcd0efdcb29cd7406171690dfcd0976b', slot: "heading", id: titleID }, h("slot", { key: 'a2a77354ae8689e446e9e5c314f5c9344e8c5bbc', name: "heading" })), hasSlot(this.root, 'description') && (h("div", { key: '4f5db854a6b9680ed2b75198785971a2d83491c6', slot: "description" }, h("slot", { key: '7df7f2873a7bb805d544efa75998559c30e24ce4', name: "description" }))), h("div", { key: 'b8034484bf051d7a701545655b51b599397833cd', slot: "content" }, h("slot", { key: 'b98853b74adac243248fbb13939b6270c3dafa62', name: "content" })), h("div", { key: '2a15fcdba494b6aacb3faf341ef8239a64bc37c5', slot: "footer" }, h("slot", { key: '18e176956b6c3c0df2ee425d21ed004dc91ab5f1', name: "footer" })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;overflow:hidden;background-color:var(--gse-ui-modal-backgroundColor);border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host dialog::backdrop{background:var(--gse-ui-modal-shroudColor)}:host dialog .gux-modal-container{display:flex;flex-direction:column}:host dialog .gux-modal-container.gux-small{inline-size:var(--gse-ui-modal-small-width);max-block-size:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{inline-size:min(var(--gse-ui-modal-medium-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{inline-size:min(var(--gse-ui-modal-large-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-inline-size:calc(100vw - 48px);max-block-size:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-block-size:none}:host dialog .gux-modal-container .gux-modal-header{padding-block-start:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-lineHeight);color:var(--gse-ui-modal-headerColor)}:host dialog .gux-modal-container .gux-modal-content{max-block-size:432px;padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap);overflow-y:auto;color:var(--gse-semantic-foreground-container-highEmphasis)}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}:host dialog .gux-modal-container footer{padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{inline-size:100%;block-size:100%}}";
@@ -82,7 +82,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'bab5ac656e94ff0937fd128c414ed9f1cae8b46c', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'b6080248a5a89f5c9e8cb5110358b65d6ef043d0', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'd28c34313e211024a1ad97a4b3be79bcedf52437', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '8ef94027f690c637df01edcc97639cb28b12f013', class: "gux-modal-content" }, h("p", { key: 'c3055a822887fa16f11fa3d38747b116dd26ea90' }, h("slot", { key: '951d14406c48af76ba8bc0efd277eabc7a0744b7', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '4b61b7e4e7c9d059732c1933f9784dda0e90cdbe', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '66a7ac7efa0210ead6e402bf7420380439e03373', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '46161b5e3471dbe6f9575e4077ab4c6a20d68bfc', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'a3598b51fe5ed50f1754e0d1d9b745dac6d8210e', class: "gux-modal-content" }, h("p", { key: '4ea4feae5814a7cd369f2588b0604766cb0c0c9e' }, h("slot", { key: 'd68607a3d8b03f2ad152b5f978f923b0a2f20ee7', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

package/dist/esm/gux-month-calendar.entry.js

@@ -173,7 +173,7 @@ const GuxMonthCalendar = class {
         return (h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (h("div", { key: '6e159334e362c87889cf465e6bde266b303f9a53', class: {
+        return (h("div", { key: '783ca1adbd1aceb9d82973da550d3b97fbea1411', class: {
                 'gux-hidden': !this.expanded,
                 'gux-month-calendar': true
             } }, this.renderHeader(), this.renderMonths()));

package/dist/esm/gux-month-list_2.entry.js

@@ -43,7 +43,7 @@ const GuxMonthList = class {
         first(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: '532a418da8953f9781ce344f364c151173ad3416', role: "list" }, h("slot", { key: '12b8a2ffd6b4e462a2a5d53a3ad77bcfacbf36fd' })));
+        return (h(Host, { key: 'b5df0b626c793ae5930ac65714aaaba6a90b1ce8', role: "list" }, h("slot", { key: '9dea65e2038a8f1dc325792ac82e2df1462d5acb' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -75,7 +75,7 @@ const GuxMonthListItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '3df9e758a5cd82c9872b8aa040f79a3af5b4b84a', role: "listitem", value: this.value }, h("div", { key: 'a8e7eecc797fd129218278ab0f4114d409d749cb', class: "gux-container" }, h("button", { key: '9eca92c255e0dd7aa1d12fe8550cdaf933e1d239', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '915d6dd2d5e2850f1cbac423a2a23c3389853dbb' })))));
+        return (h(Host, { key: '4efcd330bf11de04d4a3d98a53cbe7a1af5add36', role: "listitem", value: this.value }, h("div", { key: '73e87e967f4093114cc6457b1a2226b7eed49c42', class: "gux-container" }, h("button", { key: '56f774cb1d98c724bafb4d01ce095536d8f550d3', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'c6c605d5f0b08f3cf3ff25cfc116d05c86b781e6' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-month-picker-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-4f1356d9.js';
 import { a as determineDisplayLocale } from './intl-93dbfa3b.js';
@@ -212,7 +212,7 @@ const GuxMonthPicker = class {
         return (h("gux-month-calendar", { slot: "popup", ref: (el) => (this.monthCalendarElement = el), onInput: () => this.onMonthCalendarInput(), value: this.value, min: this.min, max: this.max }));
     }
     render() {
-        return (h("gux-popup", { key: '93f458de2b8abca0b8c5d9356cb06450ed93e26f', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '81b8d5b716a6e5f71250cdb9363e07120398847e', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;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-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:var(--gse-ui-toast-error-iconColor)}.gux-icon.gux-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-icon.gux-positive{color:var(--gse-ui-toast-success-iconColor)}.gux-icon.gux-neutral{color:var(--gse-ui-toast-info-iconColor)}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:var(--gse-ui-toast-success-foregroundColor)}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-semantic-heading-sm-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-sm-bold-fontSize);line-height:var(--gse-semantic-heading-sm-bold-lineHeight);font-weight:var(--gse-semantic-heading-sm-bold-fontWeight)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -17,7 +17,7 @@ const GuxNotificationToast = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '05fb3239ed8a7b3b97cc88b6a613cc8b2669bf6e' }, h("div", { key: 'b5c97740a392fb8bf6dd10dfc17717ba9b236c1f', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'd8d9b5bdbc05665dee31bd29244870ff07df9078', name: "icon" })), h("div", { key: '2ea8b352598f85ad7747d86b073c96202ae05423', class: "gux-content" }, h("gux-truncate", { key: '780143649c27a9a3df52ba03624923972b20c927', class: "gux-title", "max-lines": 1 }, h("slot", { key: '763979ada598277bd68461c15685570ec37f8f58', name: "title" })), h("gux-truncate", { key: 'a87f67cde3759bcc6fa673580b2e2820ab48ba94', class: "gux-message", "max-lines": 2 }, h("slot", { key: '9c1e1d712dfc9ed9527934474c66b28caf8bb471', name: "message" }))), h("gux-dismiss-button", { key: 'ac4562e6830355aa38569035621936aa7b8bbce2', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '5915414bcc468b818b63e6c8aad41742ac018559' }, h("div", { key: '9228e8dcdc3d4c3c0b50c97b6a07aa78a4502769', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '29d9f4b32101e12e8de80f1f0b33de887106ef4d', name: "icon" })), h("div", { key: '9f49449d82064ea163b805306c3dcb12f3124296', class: "gux-content" }, h("gux-truncate", { key: 'b45c29a9d5e13f11770ceb831d9509540fd92ec8', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'c37210ec2f9c967d4c549a686057953c5bd529ec', name: "title" })), h("gux-truncate", { key: '62f5ac015e944a799cb5d297e16808589d68d5a1', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'abcb41009c9a30e8c558514e3a9b9be05045af15', name: "message" }))), h("gux-dismiss-button", { key: '2f15c435e27868efea224a01189a52c3b0a8f586', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -52,7 +52,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: '747fb28263d3d054fbb6b880c044e93d6336e690', class: { 'gux-filtered': this.filtered } }, h("div", { key: '745c60fecde53593ed07ea3642b01110fd1ab40d', class: "gux-option-group" }, h("div", { key: '2fa7a88de2cb2d23f857707fac9544a2c9f1c4ac', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '73f8be85b27a71255d9b0a615fb0aa80af5882d7', role: "group" }, h("slot", { key: 'f102ec73ac02c14f8910e904f985dd5828297b69' })), this.renderDivider())));
+        return (h(Host, { key: '5f4e30bd479da79689b5cdc577b5a8cef08cb467', class: { 'gux-filtered': this.filtered } }, h("div", { key: '9193d830d92f950d2ef2d8faad02434cadaad09f', class: "gux-option-group" }, h("div", { key: '969ed69ea2cc95d2337616cd42e5360e0b61092a', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '97eda0e5c5765ad320945c46b3adff56f9246ab2', role: "group" }, h("slot", { key: '6891b2f100538841eb2aac4be2b9c915e70bf4bb' })), this.renderDivider())));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-option-icon.entry.js

@@ -62,14 +62,14 @@ const GuxOptionIcon = class {
         return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (h(Host, { key: '6d6dbc917e7de11fa224f2af2c599b0cedc62d3c', role: "option", class: {
+        return (h(Host, { key: '00f722cf8d9c534238cf5d2e11c93f80745aad03', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: '414651d27890b11df246a66b5643b83e2b4cfffd', class: "gux-option-wrapper" }, h("gux-truncate", { key: '310b1eced06895d3679f022de4615cc1d6345b81', ref: el => (this.truncateElement = el) }, h("slot", { key: 'bf902548d96fea4f8f07609de12e86de50a67f94' })), h("slot", { key: '23ad8e88113870a3e707f2c6dfbf821a994c3d11', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: 'be2e4e44c6fd636f16d48dfc37a5c5a3364d9cae', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c448187250a816f85d03732c1f0c3a02f3712044', ref: el => (this.truncateElement = el) }, h("slot", { key: '1a3ddc12c336456801ba07dd610da78f0ef6f23e' })), h("slot", { key: '62f51b0c10a820762ddd9f323929a11f2aa8baf3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -65,13 +65,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (h(Host, { key: '30c9dd90df8fb1bee4fa88b4e06c8a55f48acf6d', role: "option", class: {
+        return (h(Host, { key: '2b6eed0e49be4399f6cdecaf66e3a6e63c86bfa2', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '134c09ce054f544cd6c18b75247e683e1f707705', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'd9156d87787f1c6eee96dd44461eff300700f513', ref: el => (this.truncateElement = el) }, h("slot", { key: '19ec692e09cf8f92ecfc3d34fc3d3a8639038f7c' })), h("slot", { key: '700b3f58200b16ad18547a2000bf634eca88581d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '4e7cd620ca6615aaa9a3f92b80e2182a244eb6e7', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'e7a99a4e0dbe35f631bd2f6a19781415ad22fb67', ref: el => (this.truncateElement = el) }, h("slot", { key: 'e155d9b080eb93b3f987418c9259f45112b81f18' })), h("slot", { key: 'cbf899cb89471e60303f9b2ada6d4815d95c4c54', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-option-status-beta.entry.js

@@ -0,0 +1,52 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
+import { r as randomHTMLId } from './random-html-id-81ac821b.js';
+import { g as getClosestElement } from './get-closest-element-728b9f18.js';
+
+const guxOptionStatusCss = ":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{inline-size:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px;border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}:host(.gux-show-subtext){place-content:stretch flex-start;block-size:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}:host{justify-content:flex-start}.gux-status-indicator{display:inline-flex;gap:var(--gse-ui-dataTableItems-statusIndicator-gap);align-items:center}.gux-status-icon{display:inline-flex}.gux-status-icon::before{content:\"\"}.gux-status-icon-info::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);background:var(--gse-ui-statusGlyph-information)}.gux-status-icon-warning::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6.16516 0.749268C6.49521 0.749268 6.80275 0.921791 6.97527 1.21434L12.0386 9.8407C12.2111 10.1332 12.2111 10.4933 12.0386 10.7783C11.8735 11.0709 11.5585 11.2509 11.2285 11.2509H1.10186C0.764303 11.2509 0.456764 11.0709 0.291738 10.7783C0.126712 10.4858 0.126712 10.1257 0.291738 9.8407L5.35504 1.21434C5.52757 0.929292 5.8276 0.749268 6.16516 0.749268Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6.16516 0.749268C6.49521 0.749268 6.80275 0.921791 6.97527 1.21434L12.0386 9.8407C12.2111 10.1332 12.2111 10.4933 12.0386 10.7783C11.8735 11.0709 11.5585 11.2509 11.2285 11.2509H1.10186C0.764303 11.2509 0.456764 11.0709 0.291738 10.7783C0.126712 10.4858 0.126712 10.1257 0.291738 9.8407L5.35504 1.21434C5.52757 0.929292 5.8276 0.749268 6.16516 0.749268Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-neutral)}.gux-status-icon-error::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M0.236102 6.88C-0.0787008 6.33785 -0.0787008 5.66215 0.236102 5.12L2.36477 1.38C2.67957 0.837853 3.24922 0.5 3.87133 0.5H8.12867C8.75078 0.5 9.32043 0.837853 9.63523 1.38L11.7639 5.12C12.0787 5.66215 12.0787 6.33785 11.7639 6.88L9.63523 10.62C9.32043 11.1621 8.75078 11.5 8.12867 11.5H3.87133C3.24922 11.5 2.67957 11.1621 2.36477 10.62L0.236102 6.88Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M0.236102 6.88C-0.0787008 6.33785 -0.0787008 5.66215 0.236102 5.12L2.36477 1.38C2.67957 0.837853 3.24922 0.5 3.87133 0.5H8.12867C8.75078 0.5 9.32043 0.837853 9.63523 1.38L11.7639 5.12C12.0787 5.66215 12.0787 6.33785 11.7639 6.88L9.63523 10.62C9.32043 11.1621 8.75078 11.5 8.12867 11.5H3.87133C3.24922 11.5 2.67957 11.1621 2.36477 10.62L0.236102 6.88Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-negative)}.gux-status-icon-success::before{inline-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);block-size:var(--gse-ui-dataTableItems-statusIndicator-label-fontSize);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' %3E%3Cpath d='M6 0C7.59 0 9.12 0.629997 10.245 1.755C11.37 2.88 12 4.41 12 6C12 7.59 11.37 9.12 10.245 10.245C9.12 11.37 7.59 12 6 12C4.41 12 2.88 11.37 1.755 10.245C0.629997 9.12 0 7.59 0 6C0 4.41 0.629997 2.88 1.755 1.755C2.88 0.629997 4.41 0 6 0Z' /%3E%3C/svg%3E\");background:var(--gse-ui-statusGlyph-positive)}";
+const GuxOptionStatusBetaStyle0 = guxOptionStatusCss;
+
+const GuxOptionStatus = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.active = false;
+        this.selected = false;
+        this.disabled = false;
+        this.accent = 'info';
+    }
+    handleActive(active) {
+        var _a, _b;
+        if (active) {
+            void ((_a = this.truncateElement) === null || _a === void 0 ? void 0 : _a.setShowTooltip());
+        }
+        else {
+            void ((_b = this.truncateElement) === null || _b === void 0 ? void 0 : _b.setHideTooltip());
+        }
+    }
+    componentWillLoad() {
+        this.root.id = this.root.id || randomHTMLId('gux-option-status');
+    }
+    getAriaSelected() {
+        if (this.disabled) {
+            return false;
+        }
+        return this.selected ? 'true' : 'false';
+    }
+    hasDisabledParent() {
+        const parentListbox = getClosestElement('gux-listbox', this.root);
+        return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
+    }
+    render() {
+        return (h(Host, { key: '63ae08c2ed117bef2f23b320fe71d20547137722', role: "option", class: {
+                'gux-active': this.active,
+                'gux-disabled': this.disabled || this.hasDisabledParent(),
+                'gux-selected': this.selected
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'be18420ee4530a1be4e0c03fa2562044c985468c', class: "gux-status-indicator" }, h("span", { key: 'b29a62bfc9b5d0d2738ee3bb22ec856b582fd924', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: '792923ae02a7142d628d489fbec528408a1d0507', class: "gux-status-indicator-text" }, h("gux-truncate", { key: '0f7c6a4d550740c3e43b5363e1e49837135a6dd1', ref: el => (this.truncateElement = el) }, h("slot", { key: '7f6f3ce673c28e939a407038e8d4fd0fc4cfce0d' }))))));
+    }
+    get root() { return getElement(this); }
+    static get watchers() { return {
+        "active": ["handleActive"]
+    }; }
+};
+GuxOptionStatus.style = GuxOptionStatusBetaStyle0;
+
+export { GuxOptionStatus as gux_option_status_beta };

package/dist/esm/gux-page-loading-spinner.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -12,7 +12,7 @@ const GuxPageLoadingSpinner = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '309e160531c6d7333185bdf8197b0ad15098c56a', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '4ee189150f20e750923b74f5c21b0fa66cfa8000', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return getElement(this); }
 };

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

@@ -183,7 +183,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (h("div", { key: '94e78129a0eab8031622b92ed8fe5f392a6495b0', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '5c1a04dc93ae0fd25c4f0b1121d633fe9b951b2c', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '6cbc04a2b7e1bfb448894c8895ac3232648e5fc3', accent: "ghost" }, h("button", { key: '7e05c92cd3e4fff399ce9dbbff8e6f97e4c45147', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '6f8f9d39f5124c98221b90b840557f79d1bd206a', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '36ea45dfcb84f21e0968dd47f11e56296596ade3', accent: "ghost" }, h("button", { key: 'e3f613c72ab8a52b831bd02d8467a446d72fd767', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'be79fa6701289fe96cba8dd9c50772159c56de5c', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '3152b124bf97384c1d0bc4b9412e0c112a4d6812', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '74f2c533370dab51946d1fd639382c57cfb4435c', accent: "ghost" }, h("button", { key: '10765d3f555991bde133be3fade1fba2185bb7cc', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '454302ddb2294af9922116255aa3f60eace8edf0', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'f4fc51a9e28351e111813f10b09a7aa5bc04d985', accent: "ghost" }, h("button", { key: '05e9a24f9c28995d8876ee2f76ab351a6e271830', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '718c22f69a257dfa66d7c13256d8dca985cca2d9', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'e52c1b7f45e53ed347e956686990c7d0b6c0ad60', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'a3d0b1e27d98b40f541decbce0b4c08baf4adbba', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'd34c3040f79ea7de6dc6c9e99996c5d5884b43de', accent: "ghost" }, h("button", { key: '9e9f38cbfd4fec6bb07638278b02558d96b0510c', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e3c722c240aa275e959285b580c854f3ef927751', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '979883c625c2b1d45c314206f423816d9538884d', accent: "ghost" }, h("button", { key: '1eed7bc83163a1e3b7a6c73688f620aeb6b5ed88', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '9e2ba89f56a250f264a870dcbd0a32079604bcb9', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'ea10d472aba3fcc9ad748cab6ec5763f25309bdf', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '6331a09206f40d35ce1ab4c73cfd6519ec70b996', accent: "ghost" }, h("button", { key: 'b8611bcd8a78ead2a5a2cf1d9e15911f40e4460f', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '6cf625a3aa3ac6b8b1fa6988ffa1281b2dfd1709', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '7cb39e734d464bd80a49895763117405b787ed83', accent: "ghost" }, h("button", { key: 'ad79df1004d2ce953688d9111cc69a68e28ed677', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '369fa53f81abd9b1a8d1cb68e4eebad9188dfad5', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -222,10 +222,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (h("div", { key: 'adc625e79d3bc3b2cee319fd36e01a6a7b55e2f0', class: "gux-pagination-item-counts-container" }, h("span", { key: 'ae0af79204b86e5902722892101fa644a8705a18', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '5f1ff31bbacbf183b175f15ff297f615c29587e1', class: "gux-pagination-item-counts-container" }, h("span", { key: '92a48f4e8955038e594abb5fb9517e09c9e4b53b', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '98a27d3f011a9766d9fb69be3b1f47bb45e7a408' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '60e30d9c59896ebb9e3b32e4be40ecae2caeaef5' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return getElement(this); }
 };
@@ -263,7 +263,7 @@ const GuxPaginationItemsPerPageLegacy = 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: 'e601a72a600861196a6ef6ccdd5f55f43d6eee03', class: "gux-pagination-items-per-page-container" }, h("div", { key: '907d9f76dc84110cad4d4e52a23b8e675ab36f0f', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'ec10de58cb9cfdbb2b75cae02a414cd8e79f924c', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'd2bf5f6979bb5a55d46da794c086535605f66aab', class: "gux-pagination-items-per-page-container" }, h("div", { key: '27a2eedd7b90ecdc1417bcea6d9408fd60991c2e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '0251e86d96c80dc7bc6ce3e1378f115a85ef1a5c', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return getElement(this); }
 };

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

@@ -218,7 +218,7 @@ const GuxPaginationButtons = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '2adf432e5c8561b88b47d64651419539faeaacdb', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'fe8298d4f799e7492132fd918ad8a14c31c39e9c', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '607b0df667dc90c5e1aea01917a84d802e88b1e7', accent: "ghost", "icon-only": true }, h("button", { key: 'd72f33998b80efd44b59810674ec8baf8c8b48c3', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '47a7aea9eea057e7799c8d361ae3d664da4018c1', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'ff72d4e40c0614d548229f789db35c079d77679e', accent: "ghost", "icon-only": true }, h("button", { key: '76ee67311429e3343530922bad3ec2d98c9260c9', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'beb59b0a8e1812c18c9e8400912431bb1a9f746e', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '2b6ec10a6a777fac2a1ad1b2742d56b7c83f5425', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3515d6107c5a65b6a044ca5aa12adc06223086db', accent: "ghost", "icon-only": true }, h("button", { key: '3579ead5a7abab3ef4575c7aec7d49d088b6bb12', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'a71bda9da92ddb4047b899156c278fdf3431187f', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '71eb9a560a4fab1182cb78131508a2841bb73a2d', accent: "ghost", "icon-only": true }, h("button", { key: '185d069f2424e873b521593bd4c5befbf2d5b05f', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'f4b756e0c76c7071dc98f62493c0807143853280', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '718c8c0b98dbb3530ffc3c7396cef692d87c3df5', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'eb803916bf3f1b62cc4236ed69106358ad947bb1', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '95849c41be723efbb337516c8d7e08e9874bf943', accent: "ghost", "icon-only": true }, h("button", { key: 'b0c63b3397256054f1880e9c477cbf858b4ec037', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e9e0702ed4dd284ac44166ce06a21a8d9e9897e4', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '68af0a2f4b8c879007b1d4f3988fd2fe88209d28', accent: "ghost", "icon-only": true }, h("button", { key: 'd61bec3e79825e096c00050ab6325200d39ed228', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'a2d14c077aea2dae6151d1e8a37e28f1ba9bba9b', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '5ea2f5ef35e84d37dfd12c9844ad164d734076b4', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'b655123fb2815384a9f94ddee81b3eef10d7553a', accent: "ghost", "icon-only": true }, h("button", { key: '4eed0d1b1ff3e3c7eced4d93ddf88753ae61998e', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '40d8b196eaa9c3fe79f8ae88d405bfa2ea57481c', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '0b36b1ba989943c47ea5af87cb7ce93aa094ede2', accent: "ghost", "icon-only": true }, h("button", { key: 'a7628b8d39dd73d22d9d57951aa8c5cd8f6b40b2', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'a6b5842af3d553dc3015bdb02e006769c90c63a1', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -262,10 +262,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (h("div", { key: '325a05d29604b38315f1a95318a691daad41d412', class: "gux-pagination-item-counts-container" }, h("span", { key: '4c6e277325a88e839ece1ef0ce21f638c7810dbb', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'b5659cc5ca52e43f93ef929a1ded3f974bbf7c34', class: "gux-pagination-item-counts-container" }, h("span", { key: '7abd6b3074b4fbb0ad1dccf6d12b3e41e791f9fc', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '7c670909cd37292ef639c1fa993c8782c0ffc8d9', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '6eae95d96c331bdeda10e496e995f7755b9b8c52', 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-1f4f2f77.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.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: '56e33dac3f981827817fb7269ca2800806ec7f28', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'f2314d4e85a4075d034443ab4f90e17dd36b628c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c4e0d414394824783edd508c800797fe073ea294', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '55272ff3223e23cdfc47d0d2da4889df0d4461df', class: "gux-pagination-items-per-page-container" }, h("div", { key: '467a93f0f43922cadbb8594c73351a3037112c71', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'ec96ac2f66e5ef75a59eb9309444fb9d3bde0832', 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-1f4f2f77.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.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;
@@ -75,7 +75,7 @@ const GuxPaginationLegacy = class {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: '9fb7768816e0454d90373f6a01ab55569763ec1a', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '24c5f9d3d51777b64071d9ebf14ba61ad930788b', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '162dd6ade2c6aba07a3810d3ca26908c706cc630', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '873a1636c6a2f43692d048a3d51f4a1013a827f8', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'b3a8f4a438f284368ce6be78eab4fbc9e5833e7b', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'e591bca5a8bbb8d1150ef9405a8c516e1e6576c4', 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-1f4f2f77.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.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;
@@ -100,7 +100,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (h("div", { key: '9847ec11f3d6ce2701b45e37609a04a0cd817a1b', class: "gux-pagination-container" }, h("div", { key: 'dd201c74a25ec351b7c2135df3a78c1afa188a04', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '8fa2f803d855138268436e80406b387b7b6d46b1', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '7a9a67683d8f886b0bb4f746a859c9b453bfe9f7', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '9cb7c65b1dfb7fbb7e0c982c4ab85b2ca29de9bd', class: "gux-pagination-spacer" }), h("div", { key: '7611f183470ff573eea93ccb51d43f4f135e791b', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'e322b2e19a780b3bf769591bfd3913a758b022f3', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'ab236770fc3daed11ad6f789b875376c77a30a25', class: "gux-pagination-container" }, h("div", { key: '2682ad1b06a71e7f387d81206d9b00045a9bd143', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'c61aad694a7318224341e6c078c58a29b751af74', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '266e0a925a72009d2c7ed198c2e65ab2ec63f154', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'fd38a04e91c10b94fd54de5d37a66ecf19aab55e', class: "gux-pagination-spacer" }), h("div", { key: '0c3cae06b3b0cc381407127b1be3f429d111bd92', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '265afcc77e276d6cf9a77a34340d2c5637b70ba3', 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,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-1f4f2f77.js';
 import { g as getDefaultExportFromCjs, c as commonjsGlobal, a as commonjsRequire } from './_commonjsHelpers-c9e3b764.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-4f1356d9.js';
 import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
@@ -2335,7 +2335,7 @@ const GuxPhoneInput = class {
         return (h("div", { slot: "popup", class: "gux-listbox-container" }, h("gux-listbox", { "aria-label": this.i18n('regionDropdown'), value: this.region ? this.region.alpha2Code : '' }, this.regionOptions)));
     }
     render() {
-        return (h("gux-popup", { key: '4f69a33950446f9ddaa6dd5df56a99b9d2c38329', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '48b85016cbad67170edb573edcdccafeb6e099fb', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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-1f4f2f77.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-6c2e399b.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import { g as getSlot } from './get-slot-41f866aa.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 
@@ -239,10 +239,10 @@ const GuxPopover = class {
         this.disconnect();
     }
     render() {
-        return (h("div", { key: '3d295a2cd9cbbaca23458d0acbd0da77fce7cde7', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'b62c7bb78e66d894edf9fa43fb811a2bdcddf250', ref: (el) => (this.popupElement = el), class: {
                 'gux-popover-wrapper': true,
                 'gux-hidden': !this.isOpen
-            }, "data-placement": true, popover: "manual", tabindex: "-1" }, h("div", { key: 'f8d97e6964555fd9d69888f4842a9594aff0be5a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'e3010c401e83c01626c8755aec7fd4834edec69b', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '46047744a3f18b46ef0af1d8d4553831cbeb87f5', onClick: this.dismiss.bind(this) })), h("div", { key: 'c43b179d660b63c924b7136dcdd0861f9b66d7d1', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '03bc8460bf8d02fcf9e0da2bf7d8c50adc648988', name: "title" })), h("div", { key: 'adc2d299aa60c34042029314d2258d316f13c53e', class: "gux-popover-content" }, h("slot", { key: '87a1583dcb96c58d3beb81f40e0e5aa5001f7a34' }))));
+            }, "data-placement": true, popover: "manual", tabindex: "-1" }, h("div", { key: '1d244eb98a653097b583efb2ea02319f0692dc42', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'dfd569f3243bf230c496076ee58db8670a69ea17', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: 'cd5454707fac1dbf43b7683fc0ad30c1054eef47', onClick: this.dismiss.bind(this) })), h("div", { key: '30410be47ab010f1ee883843d6b6fdf101f609c0', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '542624837df7391d4da4b7fae458fb9d6f32ca2b', name: "title" })), h("div", { key: '12ecf5122660da87b15e8aaaaafce3a0d1b4f497', class: "gux-popover-content" }, h("slot", { key: 'aaff051f25493d29b08f8d071e85fd9c9d6ad71a' }))));
     }
     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-6c2e399b.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.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)}";
@@ -186,10 +186,10 @@ const GuxPopoverList = class {
         this.disconnect();
     }
     render() {
-        return (h("div", { key: 'e637eb411cef322a9e0c94ca21896ff8018ca802', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'cd9b2fff6f3e1ef94c9264cc15e5e4a4bd4b9e5e', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true, popover: "manual" }, h("div", { key: '709fb045aa41fbc038d12d637700b8ff9f9aafb0', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'dacf558946523086ba3ad4060897d47be8e5ba03', onClick: this.dismiss.bind(this) })), h("div", { key: 'e9547a9915f690e1c604d107fe661beecd4bfed2', class: "gux-popover-content" }, h("slot", { key: '3604d873f66e5da9d0eaddf61efbc7879423129c' }))));
+            }, "data-placement": true, popover: "manual" }, h("div", { key: 'ce18a01f5a480ba20721f8b66fc23999f0e5bf5b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'ae8652aee94f000e8f3fd11873a58efa671fced2', onClick: this.dismiss.bind(this) })), h("div", { key: '92912743edf979dc23808a584310e1508ffa7393', class: "gux-popover-content" }, h("slot", { key: '66aac2d941ef4194a1e0b2c74baf985a48911f24' }))));
     }
     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-1f4f2f77.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-6c2e399b.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-86a3ca46.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)}";
@@ -137,10 +137,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (h("div", { key: 'c94e3a9d29972dd7de07153cf21370bf7009adb0', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '6604aa2106d37be2770336256e0be3eb13f0ff77', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'f0d18e1a7f180e7776eafeba0ebc7c8acf038385', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'df6952abca5ca57368311073e26d65f186304c09', onClick: this.dismiss.bind(this) })), h("div", { key: 'd530b83e81b9e62529ba2125f1d824a658f08778', class: "gux-popover-content" }, h("slot", { key: 'f8c9ced9b756e1d7c879a581792e33dc2f9e941f' }))));
+            }, "data-placement": true }, h("div", { key: '1e9f7b4df8e15817c506d1645c5117f2ac22be5a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '6aa1489b360ff5bc7f2bf6c71c60bb6df8b02662', onClick: this.dismiss.bind(this) })), h("div", { key: 'ef61f16f180a0b36661216b8fb7687d45a571066', class: "gux-popover-content" }, h("slot", { key: 'f35da15f9db666f2ffbcb5b0d800231a707f645e' }))));
     }
     get root() { return getElement(this); }
 };