genesys-spark-components 4.59.0 → 4.60.0

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
 import { l as last, n as next, f as first, p as previous, b as byId, c as byClosestId } from './gux-list.service-5da368db.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
 const GuxListStyle0 = guxListCss;
@@ -56,7 +56,7 @@ const GuxList = class {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: 'bdb9996d72473e2a49dab3273a593516d4b72314', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'b90c7de53d03eea4ebe8bee5d36be19f353a8ed1' })));
+        return (h(Host, { key: '99291b87f24f730948663237e24e203ac2ab2c97', role: "list" }, this.renderFocusTarget(), h("slot", { key: '0f35ae3b243d6ef003df8c57aa9a92a40f6159f8' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -3,7 +3,7 @@ import { c as clearActiveOptions, h as hasActiveOption, s as setInitialActiveOpt
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
 
 const guxLoadingMessageCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-width: var(--gse-ui-progressAndLoading-loadingState-large-width);\n  color: var(--gse-ui-progressAndLoading-textColor);\n  text-align: center;\n}\n\n@container (width > 400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-large-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-large-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n  }\n}\n@container (width > 200px) and (width <=400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n  }\n}\n@container (width <=200px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-small-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-small-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n  }\n}";
 const GuxLoadingMessageStyle0 = guxLoadingMessageCss;
@@ -12,7 +12,7 @@ const GuxLoadingMessage = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'a744b87932a4a5e88e0f19e2cbd341d046396ea7', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '3ab7653d5b85f45a6ced6fd1c65e401c97dcbc9b', class: "gux-progress" }, h("slot", { key: 'ed5ba826e77da142fae518882927ffb1eac81987', name: "progress" })), h("div", { key: 'd3448aba8b83e829521245278eb0334b65d4a27d', class: "gux-primary-message" }, h("slot", { key: 'dfd717bc9d2e9cb66dcb6a3bd0b7cff30cac3ad1', name: "primary-message" })), h("div", { key: '57f483458611569e2d4ca8b525c41231e9ffe64a', class: "gux-additional-guidance" }, h("slot", { key: '9e06c4882e7ef61af8ab47afeea62bc1c946382b', name: "additional-guidance" }))));
+        return (h("div", { key: 'ffecc5f96e59fd484e0203bc14ea2e1a0bcba847', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '05cdf94661a3982005096eefbffb23e6c9b9df12', class: "gux-progress" }, h("slot", { key: 'bd58bb0a13ffdc01beffd19c028207d05033a467', name: "progress" })), h("div", { key: 'a872a464bd067ec17229f158d6562c6a236f6651', class: "gux-primary-message" }, h("slot", { key: 'a1f8848e0efa77365e374ce7331659395628e670', name: "primary-message" })), h("div", { key: '2249cc1e2e8e48e2795fb744fde062acf8922210', class: "gux-additional-guidance" }, h("slot", { key: 'a8a3c5ab7b95170686961c6d0f6055483e2a8bb6', name: "additional-guidance" }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -32,7 +32,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (h("button", { key: 'b003a3e44980a4480e4ff9c024604506cfd8f435', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'b05f4b43f625d0b41703c184a3701e4695a0aff7', class: "gux-menu-option-button-text" }, h("slot", { key: 'f553dbfd815a3fd105fb117c893dc8e7602f422a' }))));
+        return (h("button", { key: 'ac8ea23303f5089f7c2d56472dffc63d00457f5f', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'c2d1ff7e89e8607517824ee4be06a633fff6b635', class: "gux-menu-option-button-text" }, h("slot", { key: 'ca0610c34b2bdcdb674e1424089172acc2a429d4' }))));
     }
     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: '546d8afd062cdb90cf4c6fcaf7009ff653e2c640', role: "menu" }, h("slot", { key: 'ceee6230860aa9eca534be786ad828ed6c06fd26' })));
+        return (h(Host, { key: '50356084eb65059628148b0070b8b36e32bdbf8e', role: "menu" }, h("slot", { key: 'ce1e2974c0a4ee1db57a4a6d8f2f232087fdeea3' })));
     }
 };
 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-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-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:#2e394c;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);background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}: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{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);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;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}@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;
@@ -42,10 +42,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: 'd91d95351455ee8293ed7318c3ab1d242bb8f29a', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '6e527ccf06bffea22893f3809ecca0169e5b2aab', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" }))), h("gux-dismiss-button", { key: '7f3c1ef928d1c568a42a11d0a6f273afae08027d', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '8d82c7322519e836dd359be99ebb1095a2294631', class: {
+        return (h("div", { key: '3daad0ffabba648d738f54b040b904fd1ee55627', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '6327b850582b671096469837f42bb83bca21c9bc', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" }))), h("gux-dismiss-button", { key: '733bf40eef00a7a6670232d65d3884f67fde36d4', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'b1cb4e2e26e5740b386d056e271adf66e1ebf5c1', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '007dde1f8b470a4075596daab19b53d28d5e0f26' }, h("slot", { key: 'f03229b360af8b25b8a28132650d03c7ee535034', name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '0f392adf40c71849062c9bd59e1d787dcbaffab2' }, h("slot", { key: '71b43af6aa19a21e091c886610dda186921195b6', name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { 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.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-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;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column;padding-top:var(--gse-ui-modal-padding);padding-bottom:var(--gse-ui-modal-padding)}:host dialog .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host dialog .gux-modal-container .gux-modal-header{padding-right:var(--gse-ui-modal-padding);padding-left: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);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host dialog .gux-modal-container .gux-modal-content{max-height:432px;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}@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{width:100%;height:100%}}";
 const GuxModalStyle0 = guxModalCss;
@@ -65,7 +65,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '53f6d914d65f271ac1592dff7b6edef420cc93b1', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '57f8fea63709f3de3db552cf569037b65cf419ac', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'fc10374b75fc64f320e42af7246a2c69f970f1c8', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '175fa76b3838f74c3436c2443a8d025350973b47', class: "gux-modal-content" }, h("p", { key: '59301763462a573fa6addd5c9700b7075cf89b50' }, h("slot", { key: '93f1599c0282c560fadec6f956749e8dbb036349', name: "content" }))), this.renderButtonFooter())));
+        return (h("dialog", { key: '20f220c650f4da3a60d1afe4597b50c60a4b4deb', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'b6794da5404560adc9a26c8857086f1184f6dc0a', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '12ffcc0aead029035b5864f1e25dd8ccbd2c3c97', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '88b1d03a14b5bac70a4f95ac99dda9ad2a21c9d1', class: "gux-modal-content" }, h("p", { key: '98f4eef566be188688f8d2b8345a672200592379' }, h("slot", { key: '7b0ddab83ffbec56edcbe250edb830525ab66388', name: "content" }))), this.renderButtonFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

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

@@ -136,7 +136,7 @@ const GuxMonthCalendar = class {
         return (h("span", { onFocus: () => this.doFocusTrap(), tabindex: "0" }));
     }
     render() {
-        return (h("div", { key: 'a2ec84632e69c6e7005796a8ff6edb5fd1ba4b7f', class: "gux-month-calendar" }, this.renderHeader(), this.renderMonths(), this.renderTrapFocusEl()));
+        return (h("div", { key: '7779da6a0844737396b0275636f38d2cea6e49e4', class: "gux-month-calendar" }, this.renderHeader(), this.renderMonths(), this.renderTrapFocusEl()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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: '3a21309c58f73ea7bfdac59a945a4a107d938219', role: "list" }, h("slot", { key: '0e9d862171ce091b513b72e8f6aa81d6e0ba9d7a' })));
+        return (h(Host, { key: '98c8984c53ebbc2b5cc5c51420565e4559abff78', role: "list" }, h("slot", { key: '5abeb539983936671adbd78b4876aa06e30cfc1b' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -74,7 +74,7 @@ const GuxMonthListItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '1318dfd3ecd31ec2d792b7f0aaa04af6e2d2588a', role: "listitem", value: this.value }, h("div", { key: 'ac39e1e4a73a946a4b06392c6d11ec88a3545228', class: "gux-container" }, h("button", { key: '9b1c74b547c78b50ec88e42398f617c3f3b6aeaf', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '35a3642488917660657784d2a38406a88ae6997f' })))));
+        return (h(Host, { key: 'e9c6b86867d88fa44b26d36a97d4d25d4dc7cf2d', role: "listitem", value: this.value }, h("div", { key: '520ca63e02ee81721a24b4ae36c62a5deec3e9d4', class: "gux-container" }, h("button", { key: '0dd40d84e2390042a04d3b72d64ee611f7c8efef', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '47a91af6a384fcac1e45e1b5fa65379f596eac1a' })))));
     }
     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-da21b737.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
 import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-3f1e5ba8.js';
 import { u as useRegionalDates, a as determineDisplayLocale } from './use-regional-dates-a47e74e6.js';
@@ -208,7 +208,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: '2ebbd58561728576b2c322260ebfeb16d4464e8b', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '0cec690f0cf6289c761678fe22bea1ee16de27d6', 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-da21b737.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-1aefeb10.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:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#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;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.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-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:#2e394c}.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-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-sm-fontSize);line-height:var(--gse-core-typography-heading-sm-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -14,7 +14,7 @@ const GuxNotificationToast = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'bd8a270f2322145efd47a4a0429ec39441cce3b3' }, h("div", { key: 'f2cee9d8c49bf5de901656079c15d5f8a6883a8e', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '18bd1fb7735bac84d561a47beb6b8a8c521332cc', name: "icon" })), h("div", { key: '025bd08a417a8c08d965229cd67de0f5afc7be30', class: "gux-content" }, h("gux-truncate", { key: '5fced15d7039c95e97c8481baacb9128120af666', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'a34822a4dd2d470f7194a586ea42e60369e638ee', name: "title" })), h("gux-truncate", { key: '48ea7569f8e0124e5a687ac62a08cb0d031880b3', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'aa7fe35de219a0466807364e9c529b83d138f4b3', name: "message" }))), h("gux-dismiss-button", { key: 'af6ee86d9c42f4a132e0c0de6ad61ed4b90e2508', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'dd3f82e5f6d3e30f6274a7d8516e14e54bfddd77' }, h("div", { key: '45c42bac3cfc491412264e04896ad49d85742674', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'f339419ee8a2b3efea0b5d3606b378411a326bdc', name: "icon" })), h("div", { key: 'f60970d8f351033ab5d7187ef3f2d65acdec57db', class: "gux-content" }, h("gux-truncate", { key: 'f00c78bed1662a5ae09b974376de008e5ffe867e', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'ea6459822ee0e0ac7d2a6a676b29fa26f052d308', name: "title" })), h("gux-truncate", { key: '7fe8347095376531e50834066cb4b7ed6e27c70d', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'e7d8b71c77714363595d516eb51bec01184cfd22', name: "message" }))), h("gux-dismiss-button", { key: 'b2ffdcd5b20f6ccfccedf10b6f992fadb452a3be', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -50,7 +50,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: '00518aa9772bfe7571278684cb7461f097f5be87', class: { 'gux-filtered': this.filtered } }, h("div", { key: '5f900a6e065e359412cfc67785f85db0cc988cd2', class: "gux-option-group" }, h("div", { key: '68d93d2e3fa43c8762c6e32817b818217627c0fb', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'd2103e79fdc050ff607ed4a69ca6848a8265bdf9', role: "group" }, h("slot", { key: '96fd6a7f8b7add40164c9d0dfba633568582c0c9' })), this.renderDivider())));
+        return (h(Host, { key: '9c2e3431b77d45760ea329e9d44df20f8eaba888', class: { 'gux-filtered': this.filtered } }, h("div", { key: '55f01060f7e5822f4489d71f8738319527cbdb39', class: "gux-option-group" }, h("div", { key: 'b74880e7d3c3d331437152a138268d5d145d596c', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '3e239c1c3aa9cdcbd47456a77717e6f3329d069a', role: "group" }, h("slot", { key: '3bd3fd24263c5ea7fb185bdc41574c4f8ff3168d' })), this.renderDivider())));
     }
     get root() { return getElement(this); }
 };

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

@@ -54,14 +54,14 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: '10744194aedd070df10fe477029e189f49ba830b', role: "option", class: {
+        return (h(Host, { key: '59aff8c98c8cfde6ee21ef401431ceea51d9cc2d', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 '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() }, h("gux-icon", { key: '3e39b1b3a086f8e469be3ce6663ea204688e7748', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: '057b13fd1d4558e740c5cdca4923caf568a3db7e', class: "gux-option-wrapper" }, h("gux-truncate", { key: '088fe2e95d23eb890dec33b5ca1bb041b172f43d', ref: el => (this.truncateElement = el) }, h("slot", { key: '26b802e93f0c82cd8f1bff5684bd624625382052' })), h("slot", { key: '08b6e6ab697399c90226f6290dbf85e704c457ca', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'c5033a3d25c57635d50231c91a6b2da05cace359', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: '30d9ed8400a979bd463182b1914fb6a13554fcd3', class: "gux-option-wrapper" }, h("gux-truncate", { key: '5faccb1f2880db690afa2f3ceb09a00978553df2', ref: el => (this.truncateElement = el) }, h("slot", { key: 'dc7e70a8d7b453c8c88862fd3cf14eb0ec5223f5' })), h("slot", { key: '7fa351ac58391774c1bd2103e0b51edc9deb54dd', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -62,13 +62,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (h(Host, { key: 'de44ef79bd1aa9d34f67e1bdba6243ff6ee0a037', role: "option", class: {
+        return (h(Host, { key: '13617ec6f657e0cfbe107a4a94f5e47e52a6cb19', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 '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: 'a2923ecf6673036f902c9bfb8e3d75362801a9f6', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c98342d5ddee499ef9f3d9ffe7ce746810eacb11', ref: el => (this.truncateElement = el) }, h("slot", { key: 'b3e82c457e9e157cc1ac51515ea12b898f43efa1' })), h("slot", { key: '27abe30082ae332378e6a3c3297f9bf7197e474e', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '7856b48111c3471f4f6c33a387d022e29719240b', class: "gux-option-wrapper" }, h("gux-truncate", { key: '818443317377072e83967c4bfc64943421c4bf68', ref: el => (this.truncateElement = el) }, h("slot", { key: '048f3087c6e4f0c2544134b899b133563c44045d' })), h("slot", { key: 'd17f2f6a5e01d94c2e630bd16d77df93f6764a6b', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -13,7 +13,7 @@ const GuxPageLoadingSpinner = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '7d9e090d3911a1eefe3d56cf0864ec3bdac53ab4', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '965c1d191ed200f6b06d9e86aeb64f442772735f', 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

@@ -185,7 +185,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (h("div", { key: '5099400e7b6401a0f1d2d34c68d29d01dd787009', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '92050aa3026373d37161af47a22774c432ad2d07', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4d10e5c63772c25bef1ed14b831ce6adf01ddcb6', accent: "ghost" }, h("button", { key: 'f30eb55ec8e90098b6699249e0361373e9177d21', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '66a44d12cf2a5192748947d5b04b80e7ef8b082f', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '71d9d139814069ad6232223586820a4e42def88b', accent: "ghost" }, h("button", { key: '351c4efc0c858671139eb305f0a71d7269f4fafa', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'b3685bff9790c1840466945724369640753e5a46', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'b84f0661f6a4ebeeeb7c5c1e6d4901c04cadcdd3', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'b8d28e3ff658d53eaaae613a5df4b53af7aa393b', accent: "ghost" }, h("button", { key: 'b514c5734a270275c8185b359b3959c5c16c55db', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '751de87aecf534a0e4eaced6a481b47c80545d30', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '120a92813c188e4bedab5b2228f5e8b2d5497e37', accent: "ghost" }, h("button", { key: '1bed52c60238a86c333218af72da78e4030e156e', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '1888abc2703b729f982d0ef3706a0163f8cab3df', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '3f12800f230f04b4d03969d3962bc1e256d6fed7', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '655e8c81f5885547b7341e019d95a31a85363bb9', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '915d7eaf5af5c1e084a354301e0acb93022506f3', accent: "ghost" }, h("button", { key: '880914c04b06a46ba4f8ed6756a6bc1f6b339c50', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '17db6836528f34b06a9f32a559960acb4dc612c8', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '49924d632b320d4fb44ef7ac6fcbbe9a179bebde', accent: "ghost" }, h("button", { key: '24e0df793d20e37710a264c10797e58450d52e10', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '32edd56fc0741da86ba8dac60752779fa7ad778b', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '75c0f5d3dc53f9fe19943c6fd5b0190fb9c126b7', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '350ca54bbd358ab772a663e5a88fb7c066b48191', accent: "ghost" }, h("button", { key: '62fff40eff9224ae26ff7865a29627fa29615c33', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'aea6936702016935909b3690a8d6ce39677e2db2', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '90c618887e133a6f864d86cf8554d32fb95ff7aa', accent: "ghost" }, h("button", { key: '663afe7cdb1e0af649552284a6ea986282a1306d', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '6dca995db947eaca51b19b2fba22c2455222c2de', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -224,10 +224,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (h("div", { key: 'a66faf176870d6c40fd34d358ac75e0848832289', class: "gux-pagination-item-counts-container" }, h("span", { key: '73c4c7b3d579d557d41386e014b8260a621965f6', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'a920e6de26c2cb94db1a74e82e30b4a5c45006f0', class: "gux-pagination-item-counts-container" }, h("span", { key: '37b5872aa3333a989778873027add3730f3318e0', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '5ea057c417a4742a1439f296029275c537122006' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: 'f628030166c19861f28bee6c59d37f3fd285d358' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return getElement(this); }
 };
@@ -265,7 +265,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: '76e365ddf4be6dd9004a6e2ca60c422379770351', class: "gux-pagination-items-per-page-container" }, h("div", { key: '9ba325d9b7f776396c03da65220ec266b34394f9', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '44658ff6c7501152f1d83e297199e47a3efeca1b', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '23d3d353904b22710db219a38c6ce9e944dc297e', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'cabb6c7c2b22c983ade100c97643a162c33a78f9', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '7ea4c7573fbbfdc59f6aa3a14e86a9388c1ffd3a', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return getElement(this); }
 };

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

@@ -200,7 +200,7 @@ const GuxPaginationButtons = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'f5ad17d1189b5bd704aab404eda447281fd093a0', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '5920abaea9fa130c3b180b11722ea92e6c2dd44c', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'c6fad6d8674aff92adb067a9d34bcd1364976c44', accent: "ghost" }, h("button", { key: '2f74a571f36816025a798c9e1bb47a53bc16b680', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '25893cde735607d26f26c08760246598f1a41b2e', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '69542ecd39dd41e9d71eb7a59086e8aed481c298', accent: "ghost" }, h("button", { key: '1d695a81cba86ab1c756327415ee235b3dd58e2f', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'eec4f17fc929f74d1f77f1bf1a2884505977eea7', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'fdc9e9f6051c858773eff9bddcfe8c2b7dd912c2', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'dfddfb9199ae14a2bfcbcb262452dc18ad66ebd5', accent: "ghost" }, h("button", { key: '1b78191aa9f2107b9e7d67723e9bf5d3183db0ba', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c9896f06edbc16e847199435924a0beb0643e1b7', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '810a5eda432193095d7af0ca75e17c38dcde0d35', accent: "ghost" }, h("button", { key: '2ddf13a5c3e3cae5fb98b4952c9e9af003eb8736', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '99575811854373493db16c31a64c62fd1cb1d4d7', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '1767becba8f4d43ddce0d6362041e86794909285', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'f1fd014e2db8a11dd80056547e4896b9eaafb9e9', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '98023efe0335a0ec164ff9852f55e85e143aaffc', accent: "ghost" }, h("button", { key: '0b9d4502b172788e84972a86f34418542b405e50', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e13068be2f6f0c44f7446e7c8ea2f501df4896a9', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '0796bba2ff42362afc08201d8001125dd38a2a20', accent: "ghost" }, h("button", { key: '5f57d960f6061103d0bcdfc48f2c5103b5b62fb0', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'e04b9baba464c2d9bd7e688d7b5b9e3563abb79c', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'fe050b6119adc2e98c697139c56fab708ce3ac3b', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '71ff6181739e3c94af76ee16f0ff10eaf9e723ac', accent: "ghost" }, h("button", { key: 'b1c95efcb39a4b0d333b2978b1588161beafb35a', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '93a13a7c02c903f41a24705bbf81f0dd90d444ef', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'a0340c2772d5dc91aa92feadc9c1d6ce33f35294', accent: "ghost" }, h("button", { key: 'd7126d9b302e2dd9173d97bcdaa4d269509be663', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'c306fa2ad3c51fdd3a12146344e1dff2cebe5598', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -244,7 +244,7 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (h("div", { key: '8d7f56b9200b1768ed0f53f0a34f54b67e8dacd5', class: "gux-pagination-item-counts-container" }, h("span", { key: '644c3ff70cdd27183a02bc39a39832ecab96914f', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '2300642cfeabda5d5ad993851c61d047ca17539c', class: "gux-pagination-item-counts-container" }, h("span", { key: '2cfcda11a6687c37974309370e8206e3044a1868', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

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-da21b737.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -34,7 +34,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: 'cb696727e90cfc5e21dd6bfbe09625a0dd9c0783', class: "gux-pagination-items-per-page-container" }, h("div", { key: '46b01489fc6e0b08ff816b8e72258ad6623b9466', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '50d81239769388122722e4fda3d16eae284c1fd4', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '068548c8668b51e640bb9225273814df4b056823', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'a5c0e84b414b3298c6aa1666ab1a346bb596cdbe', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '6f1006831a0abd977c860bed05c378c407fc6fcd', 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-da21b737.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-1aefeb10.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: '1662e94d93c9dd5d4cf4812348e50e9174f440e6', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '4740b42635a41019e7304cec56c8d0c63bef4c5f', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '894d5b7acc7b1cba2634abd91671707c1e31d883', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '19ae9528d07f352fb7dd79694e9c1d0f2f7b056c', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '47d05ca16f337e2a6f23694957cea6a65f8bf296', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '3619df0b9643f75e841077134a2339e32e5a5e0e', 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-da21b737.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
 
 const guxPaginationCss = ":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: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-left:0}";
 const GuxPaginationStyle0 = guxPaginationCss;
@@ -89,7 +89,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (h("div", { key: 'e7bc57cf1765b0a60284ae0d70e18a53a549f0d6', class: "gux-pagination-container" }, h("div", { key: 'ec00a85fd970f7f310f78bc61da567d32d278f8d', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '7558dbcdeed7cfb49a908381b9b09aaf5d7e46d2', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'f419cfd120a467ba8a6859639c620db395552515', class: "gux-pagination-spacer" }), h("div", { key: 'd2000c8da3e57da112136acee75322d2a07ed22d', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'c741fae15eae4fa6db83e5f00a5579bbbac9e213', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '5e4727876835bcacc1712601fd2b672aaafcebcd', class: "gux-pagination-container" }, h("div", { key: '6137a51fe430512e1c1a44ccc83f99f084657464', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '1c49d09f381c91d615cc4d486ab028ea2bb3027d', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '8dcf0a9a7d7cfd363f59741758012c721956d36d', class: "gux-pagination-spacer" }), h("div", { key: 'a6926c55bba3ba6dc74a5baed1f04ab4d6debc8f', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '7f95c803b9efc6fe8992f42d5189eab75a3da563', 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-da21b737.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-3f1e5ba8.js';
 import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
@@ -2320,7 +2320,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: 'b294342bee9d5a6843ed245f080fa05e8d357e1c', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'd757a933268055f0d21c970964bc4f95b136bec5', 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-list.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.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-8b93f9de.js';
 import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";
@@ -129,10 +129,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (h("div", { key: '480969db2d1f4ec576e256b911ca04b0082eb96d', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '3b0847bf52461f3e550f8a1d7ea86874d186cd25', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'c7e5f6c4109bba71ebc0f34041876e3079689d00', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: 'e444658c1ace6cea7a3b1311967814bc6beaffc8', class: "gux-popover-content" }, h("slot", { key: '16b8f336f475f1a282229b03be98eddcc43d5654' }))));
+            }, "data-placement": true }, h("div", { key: '504ac399c275f06633bd56c482cab527da9b139f', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: '219ff707cadf8b3d2bbb792d02ea054b186b96e6', class: "gux-popover-content" }, h("slot", { key: '4caf1e61b1177aff73f636e3445eb0f64958537a' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -90,13 +90,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (h("div", { key: 'c2c320dad6001e391d0f3198fbcca1309b489942', class: {
+        return (h("div", { key: '5bb2919df210a0b9061f15c37ae401d0e897c4b7', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '475c6ce707fea5679f381459f1b6d5fb2753b7f4', name: "target" }), h("div", { key: 'c9d3f64f9bcc5514f3672d8f222f3e0494bacb3b', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '51a0e428356cae28b57a083b3cccbc3fe542465b', name: "target" }), h("div", { key: '358cf989b7b958adb14ceb69a7fdf161602eb048', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '06ae5919d9048f10a06e143b41eacb39d33874cd', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '0e97ee013f0ce4501a33cf2eb951732654efc436', 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-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-1aefeb10.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: 'ab2cd5b84f63bb476c293d2de9855f681925905a', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: 'd36b44da4adb4821556577ee12b6dfd27e110f8b', 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-da21b737.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-1aefeb10.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-da21b737.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-3f863b2c.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 
 const guxRatingCss = ":host{display:inline-block;min-width:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);outline-offset:var(--gse-semantic-focusRing-offset);box-shadow:0 0 0 1px var(--gse-semantic-focusRing-small-border-style)}.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;width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";
@@ -104,7 +104,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (h(Host, { key: '67755ffe2c0ded62f7c60d5bdf5aee9d0ef6fcd2', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '4325bf652b0ed662d53a4719cb840fc2103f71fa', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '33894ad4c0eae0488ce541d988b50a202fe6978f', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '3724dc952032ff2c71e9e893943c0a8ad90101e3', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

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

@@ -24,7 +24,7 @@ const GuxRowSelect = class {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'afd1edf8a18a978716aa78c749fe2e71fab83168', "label-position": "screenreader" }, h("input", { key: '3ba5007d634c632324daf0d5634b122a69760642', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '7808387d1beca753769f648d77e73a068d681886', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '56508879ef2710e713a089a3b3029fc1fd471b2f' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: 'b2223c1a765251ab3251a6512c003717370e9cbe', "label-position": "screenreader" }, h("input", { key: 'f577a43199e029946c86137ead9c05f7590d0394', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'c44239bfed79a317719f379e5d0478b228c5825d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'f70b30bb682140041c8f02f25277ebaf176e37ee' }, 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-da21b737.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
 
 const guxScreenReaderCss = ".gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
 const GuxScreenReaderBetaStyle0 = guxScreenReaderCss;
@@ -12,7 +12,7 @@ const GuxScreenReader = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("span", { key: 'ab62b771828b0d44468c7220b0f4985ba82457bc', class: "gux-sr-only" }, h("slot", { key: '37ab3b9a95d91260ea10e940180045693451c5b4' })));
+        return (h("span", { key: 'a1984ab57adde238791ceedbf7b53924268dd044', class: "gux-sr-only" }, h("slot", { key: '7aa8337a58af16c329b365b9acfcbdb2735005dc' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -32,7 +32,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (h(Host, { key: '94f6ef5226c14619ca405c342abb086ffeb483f1', role: "group" }, h("slot", { key: 'a367904d82d5e70e4b54186e903f146279486672', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'd053abfb3d9593e45ce22e0944d2452c4a48cfa6', role: "group" }, h("slot", { key: '956a75cb66ba7e29f6cec555ee098eda205c905c', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return getElement(this); }
 };

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

@@ -46,18 +46,18 @@ const GuxSegmentedControlItem = class {
         }
     }
     render() {
-        return (h("div", { key: '99ca10f1505b6c7febda6f8a728450d3e47bddc4', class: {
+        return (h("div", { key: '0566c417db56e075b7515a3102f24f852d30d689', class: {
                 'gux-container': true,
                 'gux-start': this.isInStartPosition(this.root),
                 'gux-end': this.isInEndPosition(this.root)
-            } }, h("button", { key: '0ec79b3df9b6d395dd01b7cf5acbc7b88debf789', class: {
+            } }, h("button", { key: '6859728b3f9bf1fc8bf15f361795d6d1f728b3f1', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: '6c520a2b9dbdb5894d3f9a233730a19d4c850950', class: {
+            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: '3879c5709da14e7d66f97611b4491a38460b5519', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: 'ff26f8670d4b066d7999c020798913e4642b6042', name: "text" }))), this.renderTooltip()));
+            } }, h("slot", { key: 'e97a25af91f85b8e8212d7f34c480d6fe7597b28', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }