genesys-spark-components 4.231.2 → 4.232.1

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-D63QQ8rP.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CW7z6RPd.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 
 const guxModalCss = () => `::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;overflow:hidden;background-color:var(--gse-ui-modal-backgroundColor);border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host dialog::backdrop{background:var(--gse-ui-modal-shroudColor)}:host dialog .gux-modal-container{display:flex;flex-direction:column}:host dialog .gux-modal-container.gux-small{inline-size:var(--gse-ui-modal-small-width);max-block-size:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{inline-size:min(var(--gse-ui-modal-medium-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{inline-size:min(var(--gse-ui-modal-large-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-inline-size:calc(100vw - 48px);max-block-size:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-block-size:none}:host dialog .gux-modal-container .gux-modal-header{padding-block-start:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-lineHeight);color:var(--gse-ui-modal-headerColor)}:host dialog .gux-modal-container .gux-modal-content{max-block-size:432px;padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap);overflow-y:auto;color:var(--gse-semantic-foreground-container-highEmphasis)}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}:host dialog .gux-modal-container footer{padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{inline-size:100%;block-size:100%}}`;
@@ -85,7 +85,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '7003692c1bb53982deb998d589165387c2c72706', onClick: this.onDialogClick.bind(this), onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '512b244f8081b55f934bf87a2d3609da07117923', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'e7e89c537ee3cef01ef0c84109d8c0c6c8206e8a', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '7e70a4cea782284b5552119f137c1100f5453c14', class: "gux-modal-content" }, h("p", { key: 'a82661846a498cc8b8fadfa2ea6b05d34ed1bef9' }, h("slot", { key: '691fe10529d34163734cc1b4d769505d7cb4faa7', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '5f8de101c9a9446681cf999b9831350c7be3d40a', onClick: this.onDialogClick.bind(this), onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '54f9fcd0ead8679c38dde930fce17fab41f6c731', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '2fb8c80001c6fe3cdfa29e1d09fda9cbb0dd4352', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '7ca01f8266e926897245c410177f86d85bc4714c', class: "gux-modal-content" }, h("p", { key: '0075f14a29452b92aabbc92a463b97452a763419' }, h("slot", { key: 'f8ee73a85dfd958656f5a4af2a3730e5273e5b38', 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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, a as getElement } from './index-D63QQ8rP.js';
-import { b as buildI18nForComponent, g as getDesiredLocale } from './index-BaLo2k_8.js';
+import { r as registerInstance, h, a as getElement } from './index-CW7z6RPd.js';
+import { b as buildI18nForComponent, g as getDesiredLocale } from './index-DV83JT5I.js';
 import { a as determineDisplayLocale } from './spark-intl-CJJbLxeY.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
@@ -173,7 +173,7 @@ const GuxMonthCalendar = class {
         return (h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (h("div", { key: '4756bde119993704c9f34cf5b2e04ff210a09722', class: {
+        return (h("div", { key: '0a43dea2ce909b120779172eab10cabcae9bced0', class: {
                 'gux-hidden': !this.expanded,
                 'gux-month-calendar': true
             } }, this.renderHeader(), this.renderMonths()));

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-D63QQ8rP.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
 import { l as last, f as first, n as next, p as previous, c as focusMove } from './gux-list.service-BebXX5IS.js';
 
 const guxMonthListCss = () => `:host{display:flex;flex-direction:row;flex-wrap:wrap;padding:var(--gse-ui-calendarMenu-monthBody-padding);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius);box-shadow:var(--gse-ui-calendarMenu-boxShadow)}`;
@@ -41,7 +41,7 @@ const GuxMonthList = class {
         first(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: 'de29e43c0fb6431c18adee09011268a4c160adb8', role: "list" }, h("slot", { key: 'c90a6e637cfb981a622082ba19bbed874e976d74' })));
+        return (h(Host, { key: '902e973ce15f37ecb554a5c4e10a268b08eea775', role: "list" }, h("slot", { key: '073f2b7d62941f282bf1da63c96bbda5db4949d4' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -57,7 +57,7 @@ const GuxMonthListItem = class {
         this.selected = false;
     }
     render() {
-        return (h(Host, { key: '0b35c3603224af6f3b8f2709d1c97f9f62f6d02e', role: "listitem", value: this.value }, h("div", { key: '75deda8f5a6639c33e698d25e299341312fde7e5', class: "gux-container" }, h("button", { key: '9bc397f67a03e8e9caa81f663ee3af02f69f367c', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '9be8b78463d6534035c8742394c6d1acadd90f85' })))));
+        return (h(Host, { key: 'b068e7b36de0ab71051c8145911a6fa6755c7b8f', role: "listitem", value: this.value }, h("div", { key: '2924ec6a4c15b963134fd35b602927c7f366f573', class: "gux-container" }, h("button", { key: '20a1388f4a0f3fe7067456d43792c9fa0af4bdea', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '1c0a73b385330e542d05c27deb9ce5cf76cae7ff' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, a as getElement } from './index-D63QQ8rP.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
-import { O as OnClickOutside } from './on-click-outside-EUgJi7Nq.js';
-import { b as buildI18nForComponent, g as getDesiredLocale } from './index-BaLo2k_8.js';
+import { r as registerInstance, h, a as getElement } from './index-CW7z6RPd.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
+import { O as OnClickOutside } from './on-click-outside-DGKD-rDs.js';
+import { b as buildI18nForComponent, g as getDesiredLocale } from './index-DV83JT5I.js';
 import { a as determineDisplayLocale } from './spark-intl-CJJbLxeY.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
@@ -211,7 +211,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: '8bdf3172eb79c129ac4287c2a41fd51ae5038234', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'ce511b4540e49654b11cef3bbdb61db49be50680', 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-indicator-beta.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, a as getElement } from './index-D63QQ8rP.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
+import { r as registerInstance, h, a as getElement } from './index-CW7z6RPd.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 
 function getCountText(overflow, count) {
@@ -54,7 +54,7 @@ const GuxNotificationIndicator = class {
     render() {
         const countText = getCountText(this.overflow, this.count);
         const hasIcon = hasSlot(this.root, 'icon');
-        return (h("div", { key: 'bcec7a7c1f8a317385a6d8c7b377b44e2099b7cb', class: {
+        return (h("div", { key: '830de5b98849f9c02c34e6682c643bf6ae425296', class: {
                 'gux-container': true,
                 [`gux-${this.size}`]: true,
                 [`gux-digits-${countText.length}`]: !hasIcon,

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-D63QQ8rP.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 
 const guxNotificationToastCss = () => `:host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:var(--gse-ui-toast-success-foregroundColor);background:var(--gse-ui-toast-success-backgroundColor);border:1px solid var(--gse-ui-card-default-border-color);border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:var(--gse-ui-toast-error-iconColor)}.gux-icon.gux-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-icon.gux-positive{color:var(--gse-ui-toast-success-iconColor)}.gux-icon.gux-neutral{color:var(--gse-ui-toast-info-iconColor)}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:var(--gse-ui-toast-success-foregroundColor)}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-semantic-heading-sm-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-sm-bold-fontSize);line-height:var(--gse-semantic-heading-sm-bold-lineHeight);font-weight:var(--gse-semantic-heading-sm-bold-fontWeight)}`;
 
@@ -16,7 +16,7 @@ const GuxNotificationToast = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'fa169e8e261baea3d4f78c7255d9f9278a65aa12' }, h("div", { key: '489563ddfc059331f07f35c1e2de68a860304c9e', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '2431b45932693c2f6098488812a59e1c891ed1b9', name: "icon" })), h("div", { key: '5979f800a4be54bd337d6fb231370b20086ba9e9', class: "gux-content" }, h("gux-truncate", { key: '278b496a343dd24781261f27fac79e877371fba3', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'bd66898327edeaccce89a0356f92096d9f6e7e9b', name: "title" })), h("gux-truncate", { key: '86e069f165501b8f1461dae85fae1976b7e7aba7', class: "gux-message", "max-lines": 2 }, h("slot", { key: '7fe74abdf1a469c786067b7775fc06cf052bd0f6', name: "message" }))), h("gux-dismiss-button", { key: '6a5cd5bb060a34bae669b07bcde69cb7c74a1ddf', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'a86d780464060aed2d567819ccf542be23a5ff42' }, h("div", { key: '7619d59c7ca306733ece154cf574e1ec1f072cff', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '60d9d338d2a932f5dd46817c71c0194097cca57f', name: "icon" })), h("div", { key: 'ad2759c9cbb2a0caed1c4c30aa9d36802862bf04', class: "gux-content" }, h("gux-truncate", { key: '1c4cee3dca39ca4c70e3a90b8bc0594350793da0', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'ae60a6bba9a803ce9d4bf6ee9704227632fa5436', name: "title" })), h("gux-truncate", { key: '831b084e747004fd0fd5eeaeca1e94cb1854aa75', class: "gux-message", "max-lines": 2 }, h("slot", { key: '7275e0bed17eee4f8de2a012da20789c679c5f6a', name: "message" }))), h("gux-dismiss-button", { key: '26141b8746e0d23991a7e181d0a300bfe0461ef2', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-D63QQ8rP.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
 import { o as onMutation } from './on-mutation-CF55kYjc.js';
 
 const guxOptionGroupCss = () => `.gux-option-group{display:block;flex:1 1 auto;align-self:auto}.gux-option-group .gux-option-group-label{display:block;padding:var(--gse-ui-menu-groupedMenu-title-padding);color:var(--gse-ui-menu-groupedMenu-title-foregroundColor);font-family:var(--gse-semantic-heading-overline-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-overline-fontSize);line-height:var(--gse-semantic-heading-overline-lineHeight);text-transform:var(--gse-semantic-heading-overline-textCase);letter-spacing:var(--gse-semantic-heading-overline-letterSpacing);font-weight:var(--gse-semantic-heading-overline-fontWeight)}:host(.gux-filtered){display:none}`;
@@ -51,7 +51,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: 'c42e2122cffb3343e542c81b4e5c1712e0254aec', class: { 'gux-filtered': this.filtered } }, h("div", { key: '368f664ff13b343aefd149a5c5cb7904797d2ec7', class: "gux-option-group" }, h("div", { key: '0824f2208bff67b8ffdf4963c52b197ea0b43ca8', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '50d02dc4ffec2e8c67ff00fa24e1f555d53cbffa', role: "group" }, h("slot", { key: 'deccfed9f56594aad4ee538026556ee833a87733' })), this.renderDivider())));
+        return (h(Host, { key: 'bac1b66252e9044e40a27c762146ccb609271a65', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'e41986c788cf524692726c569499655b2b3ec808', class: "gux-option-group" }, h("div", { key: 'b62c2652a37f18e18972e4a2462e31dee08b0b05', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '6a582285f26a62e52a69b5865a8933181c92c8d5', role: "group" }, h("slot", { key: 'dd7fc27413b48c9b2e18ca1f2892699114da99db' })), this.renderDivider())));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-D63QQ8rP.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
 import { b as booleanString } from './boolean-string-CK42c8Uy.js';
 import { g as getClosestElement } from './get-closest-element-Cd4R0amv.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
@@ -62,14 +62,14 @@ const GuxOptionIcon = class {
         return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (h(Host, { key: 'd513937b06abebe08506dc183c75ae09cc88b72d', role: "option", class: {
+        return (h(Host, { key: 'bca0af0ae4a207222331dcf0bf15f7cb2b7c82df', 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": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderMaybeIcon('start'), h("div", { key: '38b1a3ffbe53aec18bd0baf864003319aa3a0c93', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'e53821b8d75a9282f6fdf892123b4497d5dcd580', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '32bdc8476efb6407eb7175e8502e0ec4e2bc9516' })), h("slot", { key: 'e76a33d9088773fd511494d9236ce036315b6947', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderMaybeIcon('start'), h("div", { key: '84344625222237abb0801e4011ea0b63bd84a444', class: "gux-option-wrapper" }, h("gux-truncate", { key: '915f5f24f69c48a4b363d0b5af177b6416cf2151', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'd4f77fea4b63b3d5073b832f322e3eeb33782fee' })), h("slot", { key: 'af9c18e197c36e1e934b7085a7064f1e080decf8', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-D63QQ8rP.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
 import { b as booleanString } from './boolean-string-CK42c8Uy.js';
 import { g as getClosestElement } from './get-closest-element-Cd4R0amv.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { b as buildI18nForComponent } from './index-BaLo2k_8.js';
+import { b as buildI18nForComponent } from './index-DV83JT5I.js';
 
 const removeCustomElementInstructions = ", unselecting this custom option will remove it from the list";
 var translationResources = {
@@ -66,13 +66,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (h(Host, { key: '13d26f36d7d3003d0c01aeb5cde2521583602411', role: "option", class: {
+        return (h(Host, { key: '2e6180b6eac56550c14ec051a7d0217ccc3a542c', 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": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderSVGCheckbox(), h("div", { key: 'b34fd722ad8f90a35e7f4ce29e5ee549aef09778', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'a125f320289967413996d04ce38c73f2076eaa23', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '40efc7d7723a77347d8f25a407fc03d06b3c0e4b' })), h("slot", { key: '986fc81fb2c6d6d61aa31a23779d6c78328fd0cc', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderSVGCheckbox(), h("div", { key: 'c6db1e60d0be1392153e6ae4201ef1c95273b2ea', class: "gux-option-wrapper" }, h("gux-truncate", { key: '1a3d7ae43dfce6ccbbe141d5266eafc48d03ece4', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'af891aab45087f58a54bb7e83eaa5fa3f4b7cdbe' })), h("slot", { key: '53f7a95db94a166f6ce718bb545d92a8c3f8c7a5', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-D63QQ8rP.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CW7z6RPd.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import { g as getClosestElement } from './get-closest-element-Cd4R0amv.js';
 
@@ -35,11 +35,11 @@ const GuxOptionStatus = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: 'e23eb0c9e5074d7ae1f37620b030b70798cd810f', role: "option", class: {
+        return (h(Host, { key: '43cb1a3b9c62b1fa04374152e43feaec245036cb', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-selected': this.selected
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '0fcae0c2e5ada47ee22034c60ccbdc0b7313fa91', class: "gux-status-indicator" }, h("span", { key: '367895eef4aab0d6117fbeeb736e453283c2e46b', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: 'b81877e428d8080627503df484b5450a0948d6bb', class: "gux-status-indicator-text" }, h("gux-truncate", { key: '2bcd7bca7ca08ddfc096a060a0bef4517a7f43b2', ref: el => (this.truncateElement = el) }, h("slot", { key: '6b62402050957a55f40aa78f3895bded0075a5af' }))))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '59ea5609771c3a1cab8ef2398b474b6675161133', class: "gux-status-indicator" }, h("span", { key: '510815aebe4990e43e139262525f10b96a62ab23', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: '53a4a90c4f0999ca429f65c9be9d25f16148c1b4', class: "gux-status-indicator-text" }, h("gux-truncate", { key: 'e4ca51b7c7f48ff5fb2e16bcf242cd864d2d6bfe', ref: el => (this.truncateElement = el) }, h("slot", { key: 'ae4d16b8fbb0769c34c2a8ac792ea3aaee2a4568' }))))));
     }
     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, a as getElement } from './index-D63QQ8rP.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
+import { r as registerInstance, h, a as getElement } from './index-CW7z6RPd.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 
 const guxPageLoadingSpinnerCss = () => `:host{display:flex}.gux-spinner{margin:auto}`;
 
@@ -11,7 +11,7 @@ const GuxPageLoadingSpinner = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '36286d60de55f15007d198c25a18d0f961ebf635', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '107d872e88cc213e72507f90bfc2be3e9b0c39f0', 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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-D63QQ8rP.js';
-import { b as buildI18nForComponent } from './index-BaLo2k_8.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CW7z6RPd.js';
+import { b as buildI18nForComponent } from './index-DV83JT5I.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const page = "Page";
@@ -182,7 +182,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (h("div", { key: 'a17ddcc50c603c47b4c52310a1899e77b8196e35', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '7a24100ee08bca0bdfa8194e15f7fc3f7e94c159', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'd0e0dac9089eccd163f4c8214e1276082e4bd786', accent: "ghost" }, h("button", { key: '7a6c32733af74bfba8fa9b2eb78f958c1cbb3082', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '59d55d8dbe9ef4af16a55389d52ed1a706ee7170', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '7792f536b562baf71f9fab64307b190bc19cb0d1', accent: "ghost" }, h("button", { key: 'b4609a7cd1304db6a05a1ca00703d9000cfd60f7', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '508db6dc47a2c0cf46a88240b4164366604b0b7f', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'b5c9a280c8eda204f59bc0a94d61a3a4e6156614', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4378486535fde585b1cfc7a036947fd0eb8b4fbb', accent: "ghost" }, h("button", { key: '5425d9d4f1bad36dee54ab652ec25497b46dae1a', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'db2cf7a0594fb6c40f37de3d6eaf8877921cdeba', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '07eb6ad28ff313f56af5d1372dc4bfbce20718da', accent: "ghost" }, h("button", { key: '8add4e3406f41dd6e3cf2383e9955f94b7967dd0', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '1765b2853f276d459d46350d7e8941d49d76cb46', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'c31a131a34f59d801d217f5d685ac9ad9e78ad55', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'd483874080a4e56c77d0b0235a51a601cbef27eb', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f3a3942a20027919e25d3ecbc30ae2095e084605', accent: "ghost" }, h("button", { key: '4de3a0b6ea4c22c505da99336dc49ae6059efbe6', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '69ea5e48f20a85321824e3f4afeda8d8a98d56bf', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '5ae8b8143800c022dc3f71108e1f569e356724df', accent: "ghost" }, h("button", { key: 'e85bf1100eb510757f63b47a7e640e6a050d7861', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '987b14f7ed0cbcbbbc072921bdf31eab85ef15a6', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '8f1e3bdafa5958c1169b3a856d02193890d397ef', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'edf6fa6a2f34a9c38c4f6f7341ec623c11303134', accent: "ghost" }, h("button", { key: '068fa3957ed99d12834e3f3189a7ea66c1cdea9e', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c972ed4973d81081c932452f82652c82975cd547', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'ec0352d99b3f6e2c6c9274e6440988dd2a06993e', accent: "ghost" }, h("button", { key: '60ccb63addd7e23364ca6d0b5bfd730bbe6ad399', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '3efc6195cad81ee1cb94ec913b4c53c91f695827', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -220,10 +220,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (h("div", { key: '637fe756cbe77ef181bd8fe212794d7b16c0dd4d', class: "gux-pagination-item-counts-container" }, h("span", { key: 'e4c1ed928045d1641bf5e5a24c7050810dd4ba88', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '28d2e497cceae3b7da81faefdedc46aa1278713e', class: "gux-pagination-item-counts-container" }, h("span", { key: '418cd89eee199b3207cf12e30da2dc10d6a005b5', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'bd103bc2f75c5c41d191d36cd85266515c6fcfad' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '255a14697154165f5c83885cc7d7b6f5f0d89abe' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return getElement(this); }
 };
@@ -260,7 +260,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: 'b2a085d054fec9c2eb76c50a63cff0a556761416', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'a23af6a6bc68af50b5d05094785c5f711cef6801', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '309e62936d577969cf20ff9af0153a2e4c576f7d', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '3c08fc71ca11792ba6154c6b308ac9c6d7fbf7c5', class: "gux-pagination-items-per-page-container" }, h("div", { key: '03157166ab368e7f49ce01949bc290767b4bf9ea', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'bb5fb93e6c1581a1a270a2a38eadc8233775c2b2', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-D63QQ8rP.js';
-import { b as buildI18nForComponent } from './index-BaLo2k_8.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CW7z6RPd.js';
+import { b as buildI18nForComponent } from './index-DV83JT5I.js';
 import { t as translationResources } from './en-BFMPPR7N.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -216,7 +216,7 @@ const GuxPaginationButtons = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '872b69837dd1d9db8fcbe20817f019e36edd0905', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'c35c138399d6b98afc212487a054f3c5fb20e20d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '1000d3256bd23430d6099d483b443de687560087', accent: "ghost", "icon-only": true }, h("button", { key: 'fbfa41f18c4d0b0f4571debfdc22708e3b049c3e', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'ebd791e314894ceea958c88916b369b4690d1a26', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'c57351392c52de174c8a4609abd83c5b2cb182b4', accent: "ghost", "icon-only": true }, h("button", { key: '1ae345cdf879137a791af0f3f63ab9c7bab6a5e8', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'e29e6c26135fe883117923c49f3fd51ca1e30017', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '5829e124f8a36123adae3a0006e9a5981c3d1dea', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '224d596dc66068f4b7bdf9ba021e7278976a8715', accent: "ghost", "icon-only": true }, h("button", { key: '633ec2ecf0314b4ae004d34c50ddf221c6d5dcdb', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c3895e85a2c7beda4325970011e5b385805014e1', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '4c798c7fd0e86ffb8de19de4a822d3efe4912663', accent: "ghost", "icon-only": true }, h("button", { key: 'ad446b3d26b2aabf4b5cfe4a5680e931085fe33d', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '9cb664bd468b5a00751d1e650de7c5bbdaf2bd2b', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '2f2ee6cec2f72b039cb9d85a48a2e4ae66fad17d', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '4d7af4709ab45c9faa2dc85f9d1ba59675d156f2', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7d10af5f4d52f2ab5084fdeaa960582145868e96', accent: "ghost", "icon-only": true }, h("button", { key: '29d0592992f79db88e4427ff023f1886a67a6293', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '8f4cd4d188cfcbebce1b48e029176ed8dd5ca4c3', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'f6495e0278e1f8043a76bbf9145c4e89f1f53a57', accent: "ghost", "icon-only": true }, h("button", { key: 'c9b8618db387fad318da1bfec7ef6fcefffaf1e1', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'db0a5ee753898bfeca083297b5af05ed3c1e0bb8', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'f78bb0f0cb00879d35d0a1ff8031c75baeaeac3d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '95f87a0af66edefec14f49bfd2370299b9dbd6eb', accent: "ghost", "icon-only": true }, h("button", { key: 'e8e666cc42efabd74189b9b094ae338fbf069560', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'ff5c2989ba9afc1e14231f07a87d19011fbdc119', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '897e66fee0964137ee2935e13dd35cf51b203350', accent: "ghost", "icon-only": true }, h("button", { key: '8a684cec7120d81f23a0acc1422e4706e554d0a2', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'f3e07d5babd8c49954da3370401757d524941af6', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -259,10 +259,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (h("div", { key: '8ba6d5d98ff8b19abe5b2720cb8656bde209585e', class: "gux-pagination-item-counts-container" }, h("span", { key: '9f93953b58c165b455de0781cf43ae0d7ee6ce6d', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '374d68b3e9a489b58fcef53c4cf48514e6e6069c', class: "gux-pagination-item-counts-container" }, h("span", { key: 'e63b85320580498808c3936fd43a1da18d9d5a23', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '9167fe6854cccb31d3de1afb946480f3059ada83', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '2993400123aecf87254da5a95f4b2e26a5a92d50', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-D63QQ8rP.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
-import { b as buildI18nForComponent } from './index-BaLo2k_8.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CW7z6RPd.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
+import { b as buildI18nForComponent } from './index-DV83JT5I.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const previous = "Previous";

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-D63QQ8rP.js';
-import { b as buildI18nForComponent } from './index-BaLo2k_8.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CW7z6RPd.js';
+import { b as buildI18nForComponent } from './index-DV83JT5I.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const perPage = "per page";
@@ -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: '84bf94723638368594eb740e44182f2cb829342b', class: "gux-pagination-items-per-page-container" }, h("div", { key: '5c950be27041c83a2bdf4ee638413bfc5ca54800', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '46c25021612270d6bed75129918075df33fe55c0', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '016163a1fab2d079e2de5e899d5c921725634ba7', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'e42daf4d3efccab5312142e0bc3176ad207bba62', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c82e992ded6b66c2557c594eeaae01b5746050cf', 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, a as getElement } from './index-D63QQ8rP.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CW7z6RPd.js';
+import { t as trackComponent } from './usage-DJF3J0o5.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}`;
 
@@ -74,7 +74,7 @@ const GuxPaginationLegacy = class {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: 'aa7ab2d5f4bef48c6f8620bc0b45ae76293ced2d', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'ca5aee75c730fa49b767d7125e014afbe3ebd01d', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'f403b78c1a0f5731cc1d8e8e2817542da4cc8346', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '11c1698b094f46638243c72e45faf5b8618b472d', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'f12db0852e510334f5b039d646a67cef70f52875', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'aa91700745c9b97a606573293b50896e25507d3c', 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, a as getElement } from './index-D63QQ8rP.js';
+import { r as registerInstance, c as createEvent, d as readTask, h, a as getElement } from './index-CW7z6RPd.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
+import { t as trackComponent } from './usage-DJF3J0o5.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}`;
 
@@ -104,7 +104,7 @@ const GuxPagination = class {
     }
     render() {
         var _a;
-        return (h("div", { key: 'ed0a8ce079554a63c5494b5ae06781fde2b96ae4', class: "gux-pagination-container" }, h("div", { key: 'df988d3b79bbddf5506185f8071b00c48f57f8b4', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'fb36af8c15efa72dd02317175ceb60ef11f99306', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), ((_a = this.showItemsPerPage) !== null && _a !== void 0 ? _a : this.displayedLayout === 'advanced') && (h("gux-pagination-items-per-page", { key: '12b591384db37c473c40cbc8697862d5b6dbac13', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'ffe83d05eb34235d0fddfbc9209da74f5ac2fa2d', class: "gux-pagination-spacer" }), h("div", { key: '74bd0f4bdb22bccfb6064e63c2e5328eb986340f', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '13477fd98f37978b0ee00806d94b81ac2a36ff66', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'aff73521b29fcafc73ce87cb7798fc0745164b5d', class: "gux-pagination-container" }, h("div", { key: 'adfd12ec2a6687b657d92c22bbb3ef74ea8b2e27', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'aab1f413cde27415a851f633bc7df7ecc412a9a2', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), ((_a = this.showItemsPerPage) !== null && _a !== void 0 ? _a : this.displayedLayout === 'advanced') && (h("gux-pagination-items-per-page", { key: '716cb8efda374652ed163f5c40e854c35ce590ee', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '454345dfe4901a179fd3faaa1ac92d8de36d32e5', class: "gux-pagination-spacer" }), h("div", { key: 'df9ad6137910cd1f21561404fa498b57848b515c', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '562987cec97742412059eac5fe764876277eff37', 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,8 +1,8 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, a as getElement } from './index-D63QQ8rP.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, a as getElement } from './index-CW7z6RPd.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
-import { b as buildI18nForComponent, g as getDesiredLocale } from './index-BaLo2k_8.js';
-import { O as OnClickOutside } from './on-click-outside-EUgJi7Nq.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
+import { b as buildI18nForComponent, g as getDesiredLocale } from './index-DV83JT5I.js';
+import { O as OnClickOutside } from './on-click-outside-DGKD-rDs.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-PYfNAK8p.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
@@ -2362,11 +2362,11 @@ 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("div", { key: '989a51b3487ea0b1245b08fb91a9a15e5684d6f4', class: {
+        return (h("div", { key: '9f23723277e377bc164a8216e4f84c6b60b1833a', class: {
                 'gux-target-container': true,
                 'gux-error': this.hasError,
                 'gux-phone-input': true
-            } }, h("gux-popup", { key: '9e0ea9a2a2e4bc284745ca617a30e601bda94106', expanded: this.expanded, disabled: this.disabled, exceedTargetWidth: true }, this.renderTarget(), this.renderPopup()), this.renderInput()));
+            } }, h("gux-popup", { key: '2d09ad7bfee89a084977e2133319461bc78c18a6', expanded: this.expanded, disabled: this.disabled, exceedTargetWidth: true }, this.renderTarget(), this.renderPopup()), this.renderInput()));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-D63QQ8rP.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CW7z6RPd.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-8w8ltg_h.js';
-import { O as OnClickOutside } from './on-click-outside-EUgJi7Nq.js';
-import { t as trackComponent } from './usage-Dr0IUVkV.js';
+import { O as OnClickOutside } from './on-click-outside-DGKD-rDs.js';
+import { t as trackComponent } from './usage-DJF3J0o5.js';
 import { g as getSlot } from './get-slot-BBpQG81s.js';
 import { f as findElementById } from './find-element-by-id-Cr5bTKWF.js';
 
-const guxPopoverCss = () => `:popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;padding:var(--gse-ui-popover-padding);overflow:hidden;color:var(--gse-semantic-foreground-container-highEmphasis);background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper{}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}.gux-popover-wrapper .gux-popover-footer{padding-block-start:var(--gse-ui-popover-gap)}`;
+const guxPopoverCss = () => `:popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;padding:var(--gse-ui-popover-padding);overflow:hidden;color:var(--gse-semantic-foreground-container-highEmphasis);background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper:focus-visible{outline:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper{}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}.gux-popover-wrapper .gux-popover-footer{padding-block-start:var(--gse-ui-popover-gap)}`;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -41,7 +41,9 @@ const GuxPopover = class {
     }
     updateForElement() {
         this.forElement = this.getForElement();
-        this.forElement.setAttribute('aria-haspopup', 'true');
+        if (this.forElement) {
+            this.forElement.setAttribute('aria-haspopup', 'true');
+        }
     }
     handleIsOpenChange(newValue) {
         if (!this.popupElement) {
@@ -61,7 +63,9 @@ const GuxPopover = class {
     onKeyDown(event) {
         switch (event.key) {
             case 'Escape':
-                this.forElement.focus();
+                if (this.forElement) {
+                    this.forElement.focus();
+                }
                 break;
         }
     }
@@ -121,8 +125,12 @@ const GuxPopover = class {
         if (this.cleanupUpdatePosition) {
             this.cleanupUpdatePosition();
         }
+        const forElement = findElementById(this.root, this.for);
+        if (!forElement || !this.popupElement) {
+            return;
+        }
         if (this.root.isConnected) {
-            this.cleanupUpdatePosition = autoUpdate(findElementById(this.root, this.for), this.popupElement, () => this.updatePosition(), {
+            this.cleanupUpdatePosition = autoUpdate(forElement, this.popupElement, () => this.updatePosition(), {
                 ancestorScroll: true,
                 elementResize: true,
                 animationFrame: true,
@@ -228,6 +236,9 @@ const GuxPopover = class {
     connectedCallback() {
         this.updateForElement();
         trackComponent(this.root, { variant: this.position });
+        if (!this.forElement) {
+            return;
+        }
         const keydownHandler = this.onKeydown.bind(this);
         this.forElement.addEventListener('keydown', keydownHandler);
         const mouseupHandler = this.onMouseup.bind(this);
@@ -248,13 +259,15 @@ const GuxPopover = class {
         if (this.cleanupUpdatePosition) {
             this.cleanupUpdatePosition();
         }
-        this.disconnect();
+        if (this.disconnect) {
+            this.disconnect();
+        }
     }
     render() {
-        return (h("div", { key: 'd4ada6e687e3ec24bd2b2dd75df0edda46169e60', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '6cf1eb4c706d9386f7c57a91f3522dace32ecc3e', ref: (el) => (this.popupElement = el), class: {
                 'gux-popover-wrapper': true,
                 'gux-hidden': !this.isOpen
-            }, "data-placement": true, popover: "manual", tabindex: "-1" }, h("div", { key: 'ca6295f6240a9c8749d41e41504cf73fcf402bd7', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '261a3fc1e0bce03e475eca06a881e001cbabf062', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '4eac0847d2f453cd62bc5ddb7744ce4ae167b666', onClick: this.dismiss.bind(this) })), h("div", { key: '437f28e2fa536aba69542b12cf2edd9461e3cafd', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '52e6fe303cbb5d8fab99682b9c8d78d34aa5510b', name: "title" })), h("div", { key: 'e857fc52f663add391a8655042f8903e0be3a53c', class: "gux-popover-content" }, h("slot", { key: '7f173cf2017197e7ac826faaa36eee148700798c' })), h("div", { key: '4000e8dd6cd84d8baed1c72c9f0b30ae89f6d3cc', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: '0eeebf75cbeebfd6abf9a5518a2c1d9a2aede85b', name: "footer" }))));
+            }, "data-placement": true, popover: "manual", tabindex: "-1" }, h("div", { key: '70b5cbf0acaea99cf36e0d35cf5151046d2687cd', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '9f87fab500c2e67d9cabd0705d42eed11511cd17', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: 'e9f980afd88ad20738c0fd791d87529b4ad6a44d', onClick: this.dismiss.bind(this) })), h("div", { key: '6b280f82f11681635aa2fd56137647073d4dcb5f', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '486a7c62ee2cbfa33f5aa20fb2799d2bba43bdfa', name: "title" })), h("div", { key: '4e4d0d8c2d974efd940ce4540633f2dd75de62c8', class: "gux-popover-content" }, h("slot", { key: 'd1a59ec65293bae341b36ccd5fdc007a03b6080f' })), h("div", { key: '2f13d9734f644b249d94fc9ad3642f519cd32586', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: 'a50a175d8ab518aa20c5870e22209528529940c0', name: "footer" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {