genesys-spark-components 4.100.0 → 4.101.1

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-d0d62e3d.js';
+import { t as trackComponent } from './usage-d89b2df9.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-inline-size: 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-block-start: 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-block-start: 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-block-start: 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-block-start: 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-block-start: 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-block-start: 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: 'd491ad428c7f67a9d12fd10df7da200cd985f63b', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '75b1fb22d1b072870a87a3a8cf062bf453f54167', class: "gux-progress" }, h("slot", { key: '7eb286e717930968714dfe85e1af1d8eb088ffd5', name: "progress" })), h("div", { key: 'c14740882fc72e0e4e7cf7f73f78a6fb70d75138', class: "gux-primary-message" }, h("slot", { key: '3a9e39fd9eb526b1eeb91a743aafb0136357a07a', name: "primary-message" })), h("div", { key: 'ed45f9f9e4db8ad196e5d456d861598642b293a1', class: "gux-additional-guidance" }, h("slot", { key: '604b6ef856a4d658b59d0a2017d038d93632a592', name: "additional-guidance" }))));
+        return (h("div", { key: 'e425758f0e1cf3c2220a05b87a4ac1ce32598b5e', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'b483ae2b330450a5a8d467efb28ded3a2aa53dea', class: "gux-progress" }, h("slot", { key: '02110561bb21428bb847029b885c73c5d59846bc', name: "progress" })), h("div", { key: '82b54f2a4881b6c092775257079f783d92dc36fb', class: "gux-primary-message" }, h("slot", { key: 'f657a9f2da92a47dbb6d8aef1d162913e0875565', name: "primary-message" })), h("div", { key: '57dc1fec80b7ef84057d25541aec7eecfe1424dd', class: "gux-additional-guidance" }, h("slot", { key: '6a94255ec56e110bd443c1e060cb64119277acef', 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: '58b39fca81c74ee7fc14386324b2f19a19168cb9', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'a09ddbc672e40ea94709f1298653067a2ac35e51', class: "gux-menu-option-button-text" }, h("slot", { key: '3cc30136309add7f2735efda0229e3b169d2ca5b' }))));
+        return (h("button", { key: 'df908d4f161e3d96700f7a3ad03444080c0a21f5', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '1907469b9746b6071ff57bcb71bdca674ba21e51', class: "gux-menu-option-button-text" }, h("slot", { key: 'fd34cd0135dffdf900a87567a3a451af8f6b7b89' }))));
     }
     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: '7505ed4e4b1b399ad69e231862100a9c006246ef', role: "menu" }, h("slot", { key: '092d7d38155896885e7cc93c4ad6cd5f247b4fde' })));
+        return (h(Host, { key: '6a3f9c9bd91af32ca7e5499fbc87fc6a5b37e431', role: "menu" }, h("slot", { key: 'a27049f78e258c114eba09b0cc408d771dfa25e2' })));
     }
 };
 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-b6ca2adc.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-d0d62e3d.js';
+import { t as trackComponent } from './usage-d89b2df9.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:#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) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-offsetY) 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{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;
@@ -42,10 +42,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: '0b7bf1803a27712de1d2ce1e2864dc9c49e9004f', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'ab479c087a1af922272b5c7a6ed333c4b880e904', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '187bccef5bd926618c5674c18c2b33de87612de3', class: "gux-modal-header", id: titleID }, h("slot", { key: '8a35d0336b0df7cbfa1f3965594ff9c00e7332b3', name: "title" }))), h("gux-dismiss-button", { key: 'ccfcb15e7380b3838f602e30aabca386c5203b8b', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'f2d4711d6492ece45af28c3d25a4d470dba54152', class: {
+        return (h("div", { key: '78318ff7517eb4e8d7723167cf5bfb2f62598cd5', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '38048b1f03a923fd678c41bf939afbe104fbb1ed', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '154187832ecb9b475ccc9860d1943429b0a0e9d1', class: "gux-modal-header", id: titleID }, h("slot", { key: 'f1bca427b206395585c14291434120ed1aebff05', name: "title" }))), h("gux-dismiss-button", { key: 'b546ac58db12248c2e69c1e0046e75436cedae9f', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'd94b6ef59e3b6f9e8a090ccb3a827abfa737ca8c', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: 'a53a92c0acaa5b9c561961937d40ed36da098c12' }, h("slot", { key: 'bd56c58ad6bf1ced890577ea660de3375f0f50ec', name: "content" }))), hasFooterButtons && (h("div", { key: '6b4ba6636c4ec443e02bcf1af00783ea20523ea5', class: "gux-button-footer" }, h("div", { key: '42ff0cdd27d1c25a6fdba0d90f440a474ad26c0c', class: "gux-left-align-buttons" }, h("slot", { key: '21c3373d83ecd0325643f482337c3d4e95c5aea4', name: "left-align-buttons" })), h("div", { key: 'da00f46b200b01eaf88cbc6674a5b24e12e82e2c', class: "gux-right-align-buttons" }, h("slot", { key: 'd58bf5c5f8ee524acaa366c2b8fec817257124bc', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '9e71b599f0cf0567ddd4514972ec7754e9c3283e' }, h("slot", { key: '351553dbd96f1918a85f6e3e4e0299a149185aa6', name: "content" }))), hasFooterButtons && (h("div", { key: '747f3ec8e449c0223832e43e50768fe8e2a396b9', class: "gux-button-footer" }, h("div", { key: '7a4cf92dca609b61f15569733b855a9cb0cbb3f5', class: "gux-left-align-buttons" }, h("slot", { key: 'eb18c891e7ac8225aaa4afa3e4d72d85c68c07f5', name: "left-align-buttons" })), h("div", { key: 'd4a185542b3b82076788d26041cf233aa8accffe', class: "gux-right-align-buttons" }, h("slot", { key: '86c40e3424c1a4996fb3e3cd2b81a94c71aed05d', 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-b6ca2adc.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-d0d62e3d.js';
+import { t as trackComponent } from './usage-d89b2df9.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;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-offsetY) 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}: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}: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%}}";
@@ -74,7 +74,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '5b9d643639023d108dc7ea3ab780005226be4ac6', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '8e16ffede5d8ad0ecfaf97f0fd85c8807277f606', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'cfe7ee7a752d8f893e92b46eb482c298f514068d', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '87eefb834f4c8007a77cdf96bd253c4adf124db0', class: "gux-modal-content" }, h("p", { key: '78fcfcaff6f6ec181adaa2a27f9c863058f229a3' }, h("slot", { key: '7cd83adaed12e3071259e053373ffb7cce5348cd', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: 'd7df673d81455961804f164e42b58a47994422ad', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '8dbec5e428e88e76ca7c8b4be05dd04727d74a72', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '64194ab51dd402e9f60b83f8812e4e488c3f31e7', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '8a956269e4a5d33bc4443eafbd44020915b4f543', class: "gux-modal-content" }, h("p", { key: 'fe6254ec17356c33f5fc53f64cac1f633acba27e' }, h("slot", { key: '8da2de1e0c08493fdd91b51baed72e9fafc02f15', 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

@@ -175,7 +175,7 @@ const GuxMonthCalendar = class {
         return (h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (h("div", { key: '1bf08b790a5cdb3279809536c22f21f25febdbc0', class: {
+        return (h("div", { key: '9caf15653919c98d027292a800265c18ad663ed6', 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: 'e166432f0a713540f4c1d23e48e0d843adb7161d', role: "list" }, h("slot", { key: 'a378cb4ca462756dccb95f15c991c215d8d436d0' })));
+        return (h(Host, { key: '73337930f8168b2cf3ea19e758840c4d73ede824', role: "list" }, h("slot", { key: '4cb56de3a3999f681f8706eecf1a8311d9aca3f0' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -76,7 +76,7 @@ const GuxMonthListItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '0c1de73e9c85b6f2fc0bdd201a7c488d9be4e012', role: "listitem", value: this.value }, h("div", { key: 'c04537773800e63a7968b7f7d64da46a2c3da07e', class: "gux-container" }, h("button", { key: '4caac77c98d9d7aefb2262b2c5d365fe763fca08', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'ccb35f53997ac2d353df127d8dd6208ab2d07727' })))));
+        return (h(Host, { key: '83c6451801cc01f11916968c5a7fbf8268e7fdaa', role: "listitem", value: this.value }, h("div", { key: 'd60137a28ca16e4cbb4750d7e4352da99645b146', class: "gux-container" }, h("button", { key: '2087bf628ae2c59cf72b4507ce1bba3deaf5484b', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '2271fc3159882a272ca830df30ec18b521867b11' })))));
     }
     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-b6ca2adc.js';
-import { t as trackComponent } from './usage-d0d62e3d.js';
+import { t as trackComponent } from './usage-d89b2df9.js';
 import { O as OnClickOutside } from './on-click-outside-edcae419.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-44765751.js';
 import { u as useRegionalDates, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
@@ -215,7 +215,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: '6d0e344fb180a8d62bc065e373629c47dc097ae5', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '3e874f28af6bae4dd53e4f805751401fa48b2fb3', 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-b6ca2adc.js';
-import { t as trackComponent } from './usage-d0d62e3d.js';
+import { t as trackComponent } from './usage-d89b2df9.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-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;
@@ -14,7 +14,7 @@ const GuxNotificationToast = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '81e1f0e6f5c908fc2f34d79870e3d0a968de4bf6' }, h("div", { key: '3bb0a7e11448c7d33a918cc90ef2e090a1b69687', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '26a5be9802c834fc3a51dcbfda55c0edaac82a94', name: "icon" })), h("div", { key: 'fc94a9cc95a742eed4954281081ee4874c4639e0', class: "gux-content" }, h("gux-truncate", { key: '716c86b33f2370dc82ad5be6e80950fdf5d216ac', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'eaaaace3c7e6817286c09ec79f3610f72204c991', name: "title" })), h("gux-truncate", { key: '3049cf588bd4a5885f2dbe15a60dcb2eddcf89c1', class: "gux-message", "max-lines": 2 }, h("slot", { key: '1ba40d062fa1dc59fd67d067dba56cf3c7d6bc77', name: "message" }))), h("gux-dismiss-button", { key: '57ab0ad1ee764784351e6cad120c6b0482b8c194', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '29bd409866dc6a10696ef0fd10e7f5ffc84f97fd' }, h("div", { key: 'a9a5478c3645949605102e8bb782b1a6ee509b34', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '8e6fd5cca1352e95f825bb7ef8f361866695329a', name: "icon" })), h("div", { key: '1c77c88ed189344e878c53a00258a2859b99b4cc', class: "gux-content" }, h("gux-truncate", { key: '00a7784536788409f7c3bb5ff630b73d13a52fe2', class: "gux-title", "max-lines": 1 }, h("slot", { key: '79e4108e851cc46da3e69d3818f03487e3498d79', name: "title" })), h("gux-truncate", { key: '8464d829b48626ee2a5bb63bf3081752c20c4181', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'b07aa706db328d15f4880955dc4fa6daab0897f2', name: "message" }))), h("gux-dismiss-button", { key: '81de69967382c3e97ddb0129ab94043ba6e3cffa', 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: 'aa6e6565419c297413e489334421d1045cead446', class: { 'gux-filtered': this.filtered } }, h("div", { key: '1c419e41f09f6d14e9cc789814b5e042615366a6', class: "gux-option-group" }, h("div", { key: '6a58d51aa59eb5177d86bdfc6ccd444545fc8be9', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'f5c4a08cce966b2899770da946f6f7fbb011e72a', role: "group" }, h("slot", { key: 'db2b1678a96ee679fe030f04f9da55b18c56648b' })), this.renderDivider())));
+        return (h(Host, { key: 'e6e6416f335370bcc097be4e9c0ab102e6a292a9', class: { 'gux-filtered': this.filtered } }, h("div", { key: '30a2b83dc8dc9989767ac200f10bca4e906e333c', class: "gux-option-group" }, h("div", { key: '0eb678d42fcaa872f0a1213c41eab2f815de2d76', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '95398f9adecd344c7699eb8132b945a5bed7a628', role: "group" }, h("slot", { key: '2f7b3081404e6a51329b8a458592088f44c462d4' })), this.renderDivider())));
     }
     get root() { return getElement(this); }
 };

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

@@ -3,7 +3,7 @@ import { g as getClosestElement } from './get-closest-element-728b9f18.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
-const guxOptionIconCss = ":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){border-radius:var(--gse-semantic-focusOutline-sm-borderRadius);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}: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 gux-icon{flex-shrink:0;inline-size:var(--gse-ui-menu-option-startIcon-width);block-size:var(--gse-ui-menu-option-startIcon-height)}";
+const guxOptionIconCss = ":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){border-radius:var(--gse-semantic-focusOutline-sm-borderRadius);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}: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 gux-icon{flex-shrink:0;inline-size:var(--gse-ui-menu-option-startIcon-width);block-size:var(--gse-ui-menu-option-startIcon-height)}:host .gux-option-wrapper{min-inline-size:0}";
 const GuxOptionIconStyle0 = guxOptionIconCss;
 
 const GuxOptionIcon = class {
@@ -59,14 +59,14 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: '169d8b4b1d8ff0825e35bc1034f3736a8922b3e7', role: "option", class: {
+        return (h(Host, { key: 'caf6140c4f3bd1cb7937232d5da18cb477a9bb42', 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() }, h("gux-icon", { key: '94269ea0062a823033701e115718f89d68350727', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'acd2951fe5ac321d36b1c88421f4bd785f4032d2', class: "gux-option-wrapper" }, h("gux-truncate", { key: '84da6e0dd5c5c73c55b810506a58a2bdea8400bb', ref: el => (this.truncateElement = el) }, h("slot", { key: 'c73a1654897b5fd7c00b1ba0dc1fc473bcdbab28' })), h("slot", { key: '10a9ee373b0b0e61db82e03b60b78feadd70e38c', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'c451119440c9e14db7b00ffb1f268985d2635aca', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'cd9a420efae272076678980d02cbf6424c504d55', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'a0acf6bec4b98e3c375f088a03408fa05b66eba3', ref: el => (this.truncateElement = el) }, h("slot", { key: '7067d5a163379c26173e82af7daba11555d8ae7f' })), h("slot", { key: 'b28595b22e2ae03bbe50f71b697f63861c0e7169', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -66,13 +66,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (h(Host, { key: '754e0f2737dd7b307e7798bcd082add939a4df56', role: "option", class: {
+        return (h(Host, { key: '077e3986bf9d56a29f0bbf0e626ef5601526e3d7', 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: '8f27be34a58cba1e2b551a222aaba2f9b1d989d0', class: "gux-option-wrapper" }, h("gux-truncate", { key: '09937ca01eacb357dc079e977989591958b3b915', ref: el => (this.truncateElement = el) }, h("slot", { key: 'c73ce0efdf1b3ee010935bb12c1d6d73befa964f' })), h("slot", { key: '34acc92da3aaf9e7b81a59853bc1d79c657b3bbc', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'b29416f19ed0b35e6c56983ba506e7db87f0f333', class: "gux-option-wrapper" }, h("gux-truncate", { key: '43ccf577a866a4801031530c0b7fa3a665c434f7', ref: el => (this.truncateElement = el) }, h("slot", { key: '54e26110733f24dfba9dabd50b72908aba173fdb' })), h("slot", { key: 'ceef331db213a0e9e4b09c011726617e506c0f1c', 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-b6ca2adc.js';
-import { t as trackComponent } from './usage-d0d62e3d.js';
+import { t as trackComponent } from './usage-d89b2df9.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: '7ed360828c70a0a9fa060a5201db6950c21cf19c', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '5e81dd34144765af059317bc44efca388260d59e', 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: '1002a9f57b994f82d4c55fe8bd44ac81aec86e05', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '0db29d47bbe35069be34418b6219bf65597c0c87', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'd09492d423a68a907c62cf8997ea6e4b82cb3d99', accent: "ghost" }, h("button", { key: '73e893c511d07567c5d0e2eca9b32e9e79e03dcf', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '0a2f5b667a98526bc9fd1468223db8a1188eb046', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'c89f1a7ae0c076858cd333f5c9dce5d81d829cb2', accent: "ghost" }, h("button", { key: '84659747522156ef703047d71c1248495b7083a8', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '23ae006cdb96db54b7bf175c4f19004ea52e3fa6', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '817ea0b515203e1b4cb06bc8d72386d1e8ebf8b1', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'd6fb04ae44b07f1cfd056f4f4e847b057e760b64', accent: "ghost" }, h("button", { key: 'dad95f95adc33bf6cc9e8a8d6725af4ac5f095a8', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '93d95803fb291740747dc31280e106c9e7651930', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'b6cbebbde660a985128f227ee2ef0d313358d040', accent: "ghost" }, h("button", { key: 'a1c5fdf80c4706ca5b12d0de91d555ea9924b03a', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '706f0d4e1ac7ef44297f8bbdb5c92f5f676a3e5e', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'd9cc666f5fb3fcd3a50cc652fdd033b6a40cd859', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '7fd62ec74d1a57ea094e37109cbfa10aa0aa66cb', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'de99a54442c3168eeea963c2c98134c2f08a800f', accent: "ghost" }, h("button", { key: 'da6954b497578ae1c9eea0f1b5000ed3bfd2a1ff', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '6462633c14d25669e981d514d6ddc0372d1af827', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '036263cc6bf8a52d4d29e6c257559d6f1596264f', accent: "ghost" }, h("button", { key: '72ca07d538cbc942b63cc35fc5e869002466193f', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'e8e8f955c76dfcea3e76256f68232afb951380dc', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'c1b05177d96e60c8dbab40f21cc13d6d2ba871c8', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'aea0884e9f8b66002893ee6c94f58e46bd345c08', accent: "ghost" }, h("button", { key: '27c7f68777a0aba912d4a8fb75bb66f37175ba80', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '06bac85862fb54c72d37594c9a514782334cf418', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'c2671535419aae0d93df96efb99ccb9f6225f01e', accent: "ghost" }, h("button", { key: 'bda0dcc81536c91cf92bf16c6f4d1b906a65aa88', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'b8e7eaf54b223fffea373f080fc0c06740ef25b5', 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: '843dfc2f4a9499f00a2e4d38bdf62886a78c673b', class: "gux-pagination-item-counts-container" }, h("span", { key: 'f7774f33eb83edd54a7563b4c069156c75271656', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '3f3ede0c37facac2b9cf46c686f0818bd3d0e0bb', class: "gux-pagination-item-counts-container" }, h("span", { key: '4170e69c54e1bd437241315e286ae4e98d0bec52', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'ae705898bcc17e844c47b79dd22bb1ca926e5443' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '3cd0b26ce6195e8ad0712c7f3391b6af44edcaa6' }, 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: '58cb24562a200013ad3845004fda14082166405e', class: "gux-pagination-items-per-page-container" }, h("div", { key: '2744abf9a220717e71f6d0579a7fecc6476044fc', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '145a514daf02bd9692b637f6ed4f432392e8b5b6', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '74b3f06f813b32bf87a1b4a8605f5d7dc0715613', class: "gux-pagination-items-per-page-container" }, h("div", { key: '8ebf3086e976e6465801d1ca94d1f7e260ebbc28', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'b95fa0ff2bc01b62bfed3670752ef46ca5e1810c', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return getElement(this); }
 };

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

@@ -220,7 +220,7 @@ const GuxPaginationButtons = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '64159b3d10fb46b0a6998d1170bd70d28d79883c', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '143395915504f40af65b9f8a8eee36b7a817d768', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'adc8e93915d7232bb25cce6ae9f65558bbb83ede', accent: "ghost", "icon-only": true }, h("button", { key: '7b647a3d54f82e5fcc5a19554eeefbbb32322154', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e68c2567a4ba6bdb395ff77926ce6b1284986294', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'a18182b2452300ccfcf89d0ef54f2b74ccdd784e', accent: "ghost", "icon-only": true }, h("button", { key: '5b1557f8c362e7fcbf10f60ad3d08ef0a24113b9', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '793af9d0b0261272339e42a8c985a6c0c8d1bd4d', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'b5f8b9edd06e3b35da14aed49640494d2b2d0bd4', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'de142300488678bcdbd78dd1d519bd1921d600a3', accent: "ghost", "icon-only": true }, h("button", { key: '3451184f8a8c1cfd1ca5bc4f92605945f68192a0', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'd3933e4c76912ab8d5b90dc4ce445335bcfd9472', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'c28913f8d1ece846e017371287100d3f6b81a62d', accent: "ghost", "icon-only": true }, h("button", { key: 'ab3971de7a64ef8d239aff379965035df5437e47', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '344e87ec6f9be5d4be13e374c43bd170f14738fd', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '215f6452455944dc92e64bd69fa59c18c7f03286', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'f26a409e1779bcdb8c69d70df1c11fe395794dc7', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4996576ac981d15a86fb051d6d375ce90266123b', accent: "ghost", "icon-only": true }, h("button", { key: 'ec1c23357a2a9a6cb390a1a2fad3feb0bc6fe4b6', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'd6f0e691719109ea29b51f896eeca5d5f0a78848', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '04e795d1e564692e57f7704f14099d6a989af7c7', accent: "ghost", "icon-only": true }, h("button", { key: '06abe5147642fa47a4992a6749807c34e79ffd64', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '56c9162e93a1fd3ff48bb1030f7665df28669e57', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '4ec49a30e220b7efc22341e2ea0facd4abc9690d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '5ec790317f8996d366dde369f1f6ae5ecbb41e2d', accent: "ghost", "icon-only": true }, h("button", { key: 'fc1f81ddf3af40f1b83b866d967c2749efce71d3', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '1adac8d5d5b6365e908dc79263461485baf3e7e7', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'd3fb971a312bc30181fb1e2771a8e95b7450e8cf', accent: "ghost", "icon-only": true }, h("button", { key: '103c17575c525e63731cdea86ef74d75d09744b5', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '42eb9ebdbf237659dea921e0641cc50645b523f5', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -264,10 +264,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (h("div", { key: '9ccf227e4743a81fdca1db7c181141fe0d981328', class: "gux-pagination-item-counts-container" }, h("span", { key: '71d81935af25ba2d392169b12c605252aa194077', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '5941c81fc8c0716cefa09a5bc06f67a43c814231', class: "gux-pagination-item-counts-container" }, h("span", { key: '68d9f8d7f62364b29d72123760a95c813a469216', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'a67fa61ebb5f890009011bccf9b65a8934066ad7', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '31631c326ecb00ebc9f6ddabe3582aa55129cf95', 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-b6ca2adc.js';
-import { t as trackComponent } from './usage-d0d62e3d.js';
+import { t as trackComponent } from './usage-d89b2df9.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import './get-closest-element-728b9f18.js';
 
@@ -10,7 +10,7 @@ const translationResources = {
 	next: next
 };
 
-const guxPaginationCursorCss = ":host{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;padding:var(--gse-ui-dataTableItems-tablePagination-padding);font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);font-weight:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontWeight);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor);border-block-start:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}:host .gux-pagination-button-container{display:flex;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);align-content:center}:host .gux-button-align-content{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-button-gap);align-content:center;align-items:center}:host .gux-button-align-content>*{flex:0 1 auto;align-self:auto;order:0}:host gux-icon{inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}";
+const guxPaginationCursorCss = ":host{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;padding:var(--gse-ui-dataTableItems-tablePagination-padding);font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);font-weight:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontWeight);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor);border-block-start:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}:host .gux-pagination-button-container{display:flex;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);align-content:center}:host .gux-button-align-content{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-button-gap);align-content:center;align-items:center}:host .gux-button-align-content>*{flex:0 1 auto;align-self:auto;order:0}:host gux-icon{display:flex;inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}";
 const GuxPaginationCursorStyle0 = guxPaginationCursorCss;
 
 const GuxPaginationCursor = class {

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: 'bfef0ae16862acba1a3d32e0cd4d7f909ab5ba3f', class: "gux-pagination-items-per-page-container" }, h("div", { key: '403a739d7e7da29826ce7c4f2e714fe28fae7918', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '78a0b7027eb5b0179caf967820c1cbf58b83816d', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'd81a71c55197b1508de24ba0683cb8f54025b613', class: "gux-pagination-items-per-page-container" }, h("div", { key: '1ff291719f3a6a169e099dc95191ead9b153e6f2', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'eac9cf29038d422bca08bfdd101d27619ce1b736', 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-b6ca2adc.js';
-import { t as trackComponent } from './usage-d0d62e3d.js';
+import { t as trackComponent } from './usage-d89b2df9.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: '5b21f2debbbadf6bebe3dfe94103e4e4bf55c462', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '4018afbdd1fd11843e8c72ae889531bfae857f12', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'be9c5c3501163de425e8ab14be9b25818f2d7d03', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'a9e64f7b69b564109f8af1afb6ea858c643f3691', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '51ac851eeb00b918c664e8d7b3ebc2bfea5be93f', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '67e8ac6fe84a7d7a793a253cd8023efee8f2e760', 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-b6ca2adc.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-d0d62e3d.js';
+import { t as trackComponent } from './usage-d89b2df9.js';
 
 const guxPaginationCss = ":host{display:block;block-size:var(--gse-ui-dataTableItems-cell-tablePagination-height);border-block-start:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-inline-start:0}";
 const GuxPaginationStyle0 = guxPaginationCss;
@@ -90,7 +90,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (h("div", { key: 'dfd9eacd7f35c1e982479b5d3ad68f318e904f8f', class: "gux-pagination-container" }, h("div", { key: '413ef5f8d7b9dfc7bc850a6654cc8b1ea2bed55a', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '0b077d1778a73611346db5288936f090e090a7e0', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'db36289447852722d08149c57aeae497b458e002', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'b2b58b66c91449c63c0c457e0d2a836d4201109b', class: "gux-pagination-spacer" }), h("div", { key: 'eef9c7be0ceba82cc9852a390a6850fb47835cd9', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '6b36cfbec6adabd27709244f592314e695120f84', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'c6e84477b806ed604c5dfaabcf510d8983f6c761', class: "gux-pagination-container" }, h("div", { key: 'e590dad728d7882ce7f87a5b98f51ac0e8540ac6', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '1ef5aa578e747d2fb5c9c454f6847d2b5694e5cf', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '80f813aa9e4a8c03dd45849012f5707eb60f43df', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'c466eaa7733e27d1d8c799a75e5136741532f37f', class: "gux-pagination-spacer" }), h("div", { key: '17e17a725bf007f7c17977ee330542f0de6275a6', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '2559aa1d3a75c83b324b9b4be7eccc701b25f050', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-d0d62e3d.js';
+import { t as trackComponent } from './usage-d89b2df9.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-44765751.js';
 import { O as OnClickOutside } from './on-click-outside-edcae419.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
@@ -2341,7 +2341,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: '54e66bedfdede08e3aafa707cd56d996d164b138', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '88fda2068da55381d5ac83f0853463c623d79c4a', 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-b6ca2adc.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-6db51a37.js';
 import { O as OnClickOutside } from './on-click-outside-edcae419.js';
-import { t as trackComponent } from './usage-d0d62e3d.js';
+import { t as trackComponent } from './usage-d89b2df9.js';
 import { g as getSlot } from './get-slot-c26d3ab0.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 
@@ -199,10 +199,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: 'bb924b7ec748a448f35fc84fbfaa9be6814a5e0e', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '0956debf6d168a53d2392a9097d1021a40db81ed', ref: (el) => (this.popupElement = el), class: {
                 'gux-popover-wrapper': true,
                 'gux-hidden': !this.isOpen
-            }, "data-placement": true, popover: "manual" }, h("div", { key: '4bb8c5278696777fdaf21fe3e749d005e5c4bb66', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '93d4446390addd4fc5ad9aa25f1933a054406e59', class: "gux-arrow-caret" })), h("div", { key: 'f62bd0ca8e5c08ca98a774a1a2c96885010a3212', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'cfd17eef87bfe09fb4ceaf43f66f24ccad134a81', name: "title" }), this.renderDismissButton()), h("div", { key: '98f22281a61d8e167e77fe4cab2b38bf1ccc8f49', class: "gux-popover-content" }, h("slot", { key: '5f6d2de55a5ddfc4e49ba73c4d537d75ab794431' }))));
+            }, "data-placement": true, popover: "manual" }, h("div", { key: '8ac78e31d4225d15a19cb213340b43894421d401', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'e763e9f6aaadb4e6746227948e4565dcb9ad5da8', class: "gux-arrow-caret" })), h("div", { key: '89e0769e83e1275f6c59d83a8aec84ac781f0139', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '1f81a0750b248977353e6ee1071e053b8b4e1f00', name: "title" }), this.renderDismissButton()), h("div", { key: '01b627cce8e37043bbd65b34f1a60c1104edfd93', class: "gux-popover-content" }, h("slot", { key: 'b19b3f19dc701ea048b8d14460d743b215a1da63' }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {