genesys-spark-components 4.153.1 → 4.154.1

package/dist/cjs/gux-inline-alert.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const info = "Information alert with message";
@@ -45,10 +45,10 @@ const GuxAlert = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: 'e38a052abde5bdb85f668e7a56d3735704755f03', class: {
+        return (index.h("div", { key: '69e880ee8f904c9bb4d01aa2ba99b7e8ec2f4a0e', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: '3685211e79104b9158b6d373998c77f2476f5a95', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '3b332a38888504f9dfa1c05de9886c094ef9e183', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: 'c7718994a9bd5b94e6d2bddadfe7bb3a6996733f' }, this.i18n(this.accent)), index.h("div", { key: 'd0a29d8e5a44d2d18b480b75fcfa426a99067b55', class: "gux-content" }, index.h("slot", { key: '162d617ab2c483968f6118ffb9ad043333695bbf', name: "content" }, index.h("slot", { key: 'e0b6e888bdc70bf18e6271c18993c30f532be7e9' }))))));
+            } }, index.h("div", { key: '1fdb2c236af59594e491a4b6a9f5c030bc98aea1', class: "gux-message-wrapper" }, index.h("gux-icon", { key: 'a9000aef06c03a453ebfa27e11f931eaf0994fac', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: '5455006c3a01582cf3afc183ed78c9027b62cd6c' }, this.i18n(this.accent)), index.h("div", { key: 'd540c25d46efbdb3d3f166f7cd5da0e45e38d871', class: "gux-content" }, index.h("slot", { key: '686b1b7bb92f77b1848c0e77c9ecd2fd22be3603', name: "content" }, index.h("slot", { key: '4e1e141d9c56866646a25295c9e5b92750047a5e' }))))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-inline-dropdown-beta.cjs.entry.js

@@ -7,7 +7,7 @@ const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const index$1 = require('./index-aa48ea67.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const onMutation = require('./on-mutation-6d71ec1a.js');
 const guxListbox_service = require('./gux-listbox.service-700ba659.js');
 const hasSlot = require('./has-slot-3edae188.js');

package/dist/cjs/gux-label-info-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxLabelInfoCss = ".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";

package/dist/cjs/gux-link-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 
 const guxLinkCss = ":host{padding-block:var(--gse-ui-links-inLine-padding)}:host ::slotted(a){inline-size:fit-content;font-family:var(--gse-ui-links-inLine-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);color:var(--gse-ui-links-default-foregroundColor) !important;border-radius:var(--gse-ui-links-focusOutline-borderRadius) !important}:host ::slotted(a:hover){color:var(--gse-ui-links-hover-foregroundColor) !important}:host ::slotted(a:active){color:var(--gse-ui-links-active-foregroundColor) !important}:host ::slotted(a:visited){color:var(--gse-ui-links-visited-foregroundColor) !important}:host ::slotted(a:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}:host([size=small]) ::slotted(a){font-family:var(--gse-ui-links-inLine-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight)}:host([standalone]){display:block;padding-block:var(--gse-ui-links-standalone-padding)}:host([standalone]) ::slotted(a){display:flex;gap:var(--gse-ui-links-standalone-gap);align-items:center;inline-size:fit-content;font-family:var(--gse-ui-links-standalone-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-text-fontSize);font-weight:var(--gse-ui-links-standalone-medium-text-fontWeight);line-height:var(--gse-ui-links-standalone-medium-text-lineHeight);text-decoration:none !important}:host([standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-medium-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-medium-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-medium-underlinedText-textDecoration) !important}:host([standalone]) ::slotted(a:active){text-decoration:none !important}:host([size=small][standalone]) ::slotted(a){font-family:var(--gse-ui-links-standalone-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-text-fontSize);font-weight:var(--gse-ui-links-standalone-small-text-fontWeight);line-height:var(--gse-ui-links-standalone-small-text-lineHeight)}:host([size=small][standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-small-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-small-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-small-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-small-underlinedText-textDecoration) !important}:host([standalone][class=gux-breadcrumb-link]){padding:0}";

package/dist/cjs/gux-list-divider.cjs.entry.js

@@ -12,7 +12,7 @@ const GuxListDivider = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'ba070e6345303b885411921d2862a67734bc11b1', role: "presentation" }));
+        return (index.h(index.Host, { key: '832a958e798918e5a855e468b849cd7f37227764', role: "presentation" }));
     }
 };
 GuxListDivider.style = GuxListDividerStyle0;

package/dist/cjs/gux-list-item.cjs.entry.js

@@ -13,7 +13,7 @@ const GuxListItem = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'f55b7ab9bb6afab9f46c88a8c7c0d0f87d20a6ef', role: "listitem" }, index.h("button", { key: '0a33f2ae39db550777bd0c0abfe5f1ff6beac441', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, index.h("slot", { key: '16558c77a87d106e95ced77195376994a45f97cb' }))));
+        return (index.h(index.Host, { key: '431a816cf504da6c5d15e43254b3d26a73e81bb1', role: "listitem" }, index.h("button", { key: '9f77f42138d9ab3e08df8360e235e92498c4d0b3', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, index.h("slot", { key: 'a6bc27b892b8f356aad4d9e1947d59080cdb9277' }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
 const GuxListStyle0 = guxListCss;
@@ -57,7 +57,7 @@ const GuxList = class {
         guxList_service.last(this.root, validFocusableItems);
     }
     render() {
-        return (index.h(index.Host, { key: '4645a18e635b14651b82d84fde98c61099e12a70', tabindex: "-1", role: "list" }, index.h("slot", { key: '22a08227bb9ecad9277e0153a362bbad5cdbd7e6' })));
+        return (index.h(index.Host, { key: '769e96008978c3c427f6ac6657289d3a86167b45', tabindex: "-1", role: "list" }, index.h("slot", { key: 'd8130d172a4589d8dc362fef2299fbc136119598' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -7,7 +7,7 @@ const guxListbox_service = require('./gux-listbox.service-700ba659.js');
 const index$1 = require('./index-aa48ea67.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const onMutation = require('./on-mutation-6d71ec1a.js');
 require('./get-closest-element-9e41d6b9.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.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;
@@ -16,7 +16,7 @@ const GuxLoadingMessage = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '70a1f38dabb0b81325300cf8d9b3ac6992b0eda7', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: 'd404fed4ae8e9cfc825c0f71c78177a43bd3af9e', class: "gux-progress" }, index.h("slot", { key: 'cdc6631eda3b12ae30d68de764d5ed6144d61a62', name: "progress" })), index.h("div", { key: 'a0afed75afb859cbc001b51024323b17be002e18', class: "gux-primary-message" }, index.h("slot", { key: 'cb0d650c97439f3f17ab25915699a7d3913814e4', name: "primary-message" })), index.h("div", { key: 'cce443b19801997783ead52f3a8eb56ea9423c7c', class: "gux-additional-guidance" }, index.h("slot", { key: '6d7a23a11048e128a8cc7382c2b1d7b36b469819', name: "additional-guidance" }))));
+        return (index.h("div", { key: '632e008bd66070e80a69251b2d9e535ddea3491a', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: 'c37e9330ac2815693acc56e9ac447e407e969678', class: "gux-progress" }, index.h("slot", { key: '6c662bc8a2777ba08a2b848d80ecb77266434387', name: "progress" })), index.h("div", { key: 'aaaf10b091eb4ae8b7f73308f85c3c6618e9acb2', class: "gux-primary-message" }, index.h("slot", { key: '9dddb86790587fa3d40ac111de05df3e0891260b', name: "primary-message" })), index.h("div", { key: 'b3087a2f89c78c9b83a683511f8760708791c238', class: "gux-additional-guidance" }, index.h("slot", { key: '84a1bf57007fbe2c3999723db6d9d7e087719ba2', name: "additional-guidance" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -46,7 +46,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (index.h("button", { key: '4b065ce574fe36728b28d769da26d1d5eb7e7143', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '3c8cd5af00d1df520e074b16cde9d787ca43d3d0', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'f1d189749e2f670e42772f5c48b14e99aacf350b' }))));
+        return (index.h("button", { key: 'fc5e2ae86d85268375b5f094ad65c294f00201d7', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: 'c4eaea811ff06a313d4bf7f1332aef39cf66d6db', class: "gux-menu-option-button-text" }, index.h("slot", { key: '13fd8e22f088521621bcda49f52ff4a847d4a3ac' }))));
     }
     static get formAssociated() { return true; }
     get root() { return index.getElement(this); }

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

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

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:var(--gse-semantic-foreground-container-highEmphasis);background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid var(--gse-semantic-border-container-edges-default);border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding:0 var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding:0 var(--gse-ui-modal-padding)}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalLegacyStyle0 = guxModalLegacyCss;
@@ -48,10 +48,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("div", { key: '031ff7a58553125d01cf7fd6f42c5be903149b5c', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '123628751d97390036422179ca73d2dba021d9a8', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: 'fdb3c7c38ea79a0069797f0d3482a86256bb4676', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '95186647f351f4dbc6a4a2638ed8b81ebc929235', name: "title" }))), index.h("gux-dismiss-button", { key: 'a45d8854a38ea724dfa5986d40f40c2aab68c1e2', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '295de0752cf87d420d37a8d510cf7b8644ae7d83', class: {
+        return (index.h("div", { key: 'eb19b6f4d5e706e5f631af65788790b4b6a28988', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'e87022164421cddbfe8b27a38b8e239e14033b23', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: 'b5cd2c9a126417ef21c94e860643f66d5dcc87e9', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '770edea87c19561922dd3f8431c091e67712ebf1', name: "title" }))), index.h("gux-dismiss-button", { key: '3a976273e3565189fc9c23a28d86d77da6782172', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '63f5ff17b14028cf92dcd8abad21ba8c44909d86', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: 'ac0fb8ebd4a6d063bc1186ccbbf3919468330dc4' }, index.h("slot", { key: '2ae6de8a8b5375034b79b21d6fbfc84127888c66', name: "content" }))), hasFooterButtons && (index.h("div", { key: 'e3554d6aa17546638b88e8ac98ef8ebc8fa789cb', class: "gux-button-footer" }, index.h("div", { key: '340f525af22095d6854b9f9ef2e062582bfca1d8', class: "gux-left-align-buttons" }, index.h("slot", { key: 'ef9d1bf333171f64c1240355fb6559c456b24cb5', name: "left-align-buttons" })), index.h("div", { key: '90bfd9fdf40b0789dc8ce252bad24bb207f834d7', class: "gux-right-align-buttons" }, index.h("slot", { key: '972a396e077178093f9a23710ded2f8e111c62a3', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: 'dcac66f03f3c1c0bf8aa5f2ac47de7985654d5d4' }, index.h("slot", { key: '0d458479ea3a41f540569229df9ad362b49fbd6c', name: "content" }))), hasFooterButtons && (index.h("div", { key: 'bc59458c481d65841cec791c1d49f6ebfdf6da2c', class: "gux-button-footer" }, index.h("div", { key: 'cc598c263f762d22574b6c36e0a6c64e708ca265', class: "gux-left-align-buttons" }, index.h("slot", { key: 'c0f5c6b565059278216be874d0f8b1801e6141eb', name: "left-align-buttons" })), index.h("div", { key: 'a7908faf1ab3801ea531a3429ee4c4f3a3be0b95', class: "gux-right-align-buttons" }, index.h("slot", { key: '3a63cdb61c930d575b8673dd4fbef51c538de1af', 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/cjs/gux-modal-side-panel-beta.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 
 const guxModalSidePanelCss = "dialog{inset-inline-start:auto;block-size:100%;min-block-size:100%;padding:0;margin:unset;border:none}dialog::backdrop{background:var(--gse-ui-sidePanel-shroudColor);opacity:var(--gse-ui-sidePanel-shroud-opacity)}slot[name=description]::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
 const GuxModalSidePanelBetaStyle0 = guxModalSidePanelCss;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const hasSlot = require('./has-slot-3edae188.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%}}";
@@ -86,7 +86,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '4b61b7e4e7c9d059732c1933f9784dda0e90cdbe', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '66a7ac7efa0210ead6e402bf7420380439e03373', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '46161b5e3471dbe6f9575e4077ab4c6a20d68bfc', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'a3598b51fe5ed50f1754e0d1d9b745dac6d8210e', class: "gux-modal-content" }, index.h("p", { key: '4ea4feae5814a7cd369f2588b0604766cb0c0c9e' }, index.h("slot", { key: 'd68607a3d8b03f2ad152b5f978f923b0a2f20ee7', name: "content" }))), this.renderFooter())));
+        return (index.h("dialog", { key: '235c8ccc02e2421ee1431dfb3ee3c313f0d9219e', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '4da6ae302be4b983afc798b546b70461d8eb0da1', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '02ae31920b555056baccf13bff1b74806088aff6', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '28fcdd63377d25dc04b1c0ac4cbee19fb9211ab0', class: "gux-modal-content" }, index.h("p", { key: '705a26a5bcdc479d65ce09255b47894ad44f8868' }, index.h("slot", { key: 'ff005455111c619d28ca6de3a4e601227fabf07b', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" })));

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

@@ -161,13 +161,13 @@ const GuxMonthCalendar = class {
         return new Date(Number(year), Number(month) - 1).toLocaleDateString(this.locale, { month: 'short' });
     }
     renderHeader() {
-        return (index.h("div", { class: "gux-year-header" }, index.h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(-1), disabled: this.isPreviousYearLessThanMinYear(this.year, this.min), ref: (el) => (this.previousYearElement = el) }, index.h("gux-icon", { "icon-name": "custom/chevron-left-small-regular", "screenreader-text": this.i18n('changeYear', {
-                currentYear: parseInt(this.year),
-                changeYear: parseInt(this.year) - 1
-            }), size: "small" })), index.h("div", null, this.getYearLabel(this.year)), index.h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(1), disabled: this.isNextYearGreaterThanMaxYear(this.year, this.max), ref: (el) => (this.nextYearElement = el), onBlur: this.nextYearElementOnBlur.bind(this) }, index.h("gux-icon", { "icon-name": "custom/chevron-right-small-regular", "screenreader-text": this.i18n('changeYear', {
-                currentYear: parseInt(this.year),
-                changeYear: parseInt(this.year) + 1
-            }), size: "small" }))));
+        return (index.h("div", { class: "gux-year-header" }, index.h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(-1), disabled: this.isPreviousYearLessThanMinYear(this.year, this.min), ref: (el) => (this.previousYearElement = el) }, index.h("gux-icon", { "icon-name": "custom/chevron-left-small-regular", decorative: true, size: "small" }), index.h("gux-screen-reader-beta", null, this.i18n('changeYear', {
+            currentYear: parseInt(this.year),
+            changeYear: parseInt(this.year) - 1
+        }))), index.h("div", null, this.getYearLabel(this.year)), index.h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(1), disabled: this.isNextYearGreaterThanMaxYear(this.year, this.max), ref: (el) => (this.nextYearElement = el), onBlur: this.nextYearElementOnBlur.bind(this) }, index.h("gux-icon", { "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" }), index.h("gux-screen-reader-beta", null, this.i18n('changeYear', {
+            currentYear: parseInt(this.year),
+            changeYear: parseInt(this.year) + 1
+        })))));
     }
     renderMonths() {
         const monthButtons = Array.from(new Array(12), (_, i) => String(i + 1).padStart(2, '0')).map(month => {
@@ -177,7 +177,7 @@ const GuxMonthCalendar = class {
         return (index.h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (index.h("div", { key: '783ca1adbd1aceb9d82973da550d3b97fbea1411', class: {
+        return (index.h("div", { key: 'c01e8936a230019dc5977e94445f970f696372ec', class: {
                 'gux-hidden': !this.expanded,
                 'gux-month-calendar': true
             } }, this.renderHeader(), this.renderMonths()));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const index$1 = require('./index-aa48ea67.js');
 const intl = require('./intl-ed89316c.js');
@@ -207,7 +207,7 @@ const GuxMonthPicker = class {
         return (index.h("button", { class: {
                 'gux-popup-toggle': true,
                 'gux-expanded': this.expanded
-            }, ref: (el) => (this.calendarToggleButtonElement = el), type: "button", onClick: () => this.toggleCalendar(), disabled: this.disabled }, index.h("gux-icon", { "icon-name": "fa/calendar-regular", "screenreader-text": this.i18n('toggleCalendar'), size: "small" })));
+            }, ref: (el) => (this.calendarToggleButtonElement = el), type: "button", onClick: () => this.toggleCalendar(), disabled: this.disabled }, index.h("gux-icon", { "icon-name": "fa/calendar-regular", decorative: true, size: "small" }), index.h("gux-screen-reader-beta", null, this.i18n('toggleCalendar'))));
     }
     renderTarget() {
         return (index.h("div", { class: "gux-target", slot: "target" }, this.renderSpinnerButtons(), this.renderCalendarToggleButton()));
@@ -216,7 +216,7 @@ const GuxMonthPicker = class {
         return (index.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 (index.h("gux-popup", { key: '81b8d5b716a6e5f71250cdb9363e07120398847e', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '26805430e6effefb8295ac3f69d23180369f74d1', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:var(--gse-ui-toast-success-foregroundColor);background:var(--gse-ui-toast-success-backgroundColor);border:1px solid var(--gse-ui-card-default-border-color);border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:var(--gse-ui-toast-error-iconColor)}.gux-icon.gux-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-icon.gux-positive{color:var(--gse-ui-toast-success-iconColor)}.gux-icon.gux-neutral{color:var(--gse-ui-toast-info-iconColor)}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:var(--gse-ui-toast-success-foregroundColor)}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-semantic-heading-sm-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-sm-bold-fontSize);line-height:var(--gse-semantic-heading-sm-bold-lineHeight);font-weight:var(--gse-semantic-heading-sm-bold-fontWeight)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -21,7 +21,7 @@ const GuxNotificationToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: '5915414bcc468b818b63e6c8aad41742ac018559' }, index.h("div", { key: '9228e8dcdc3d4c3c0b50c97b6a07aa78a4502769', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '29d9f4b32101e12e8de80f1f0b33de887106ef4d', name: "icon" })), index.h("div", { key: '9f49449d82064ea163b805306c3dcb12f3124296', class: "gux-content" }, index.h("gux-truncate", { key: 'b45c29a9d5e13f11770ceb831d9509540fd92ec8', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: 'c37210ec2f9c967d4c549a686057953c5bd529ec', name: "title" })), index.h("gux-truncate", { key: '62f5ac015e944a799cb5d297e16808589d68d5a1', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'abcb41009c9a30e8c558514e3a9b9be05045af15', name: "message" }))), index.h("gux-dismiss-button", { key: '2f15c435e27868efea224a01189a52c3b0a8f586', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: 'e49229eae063064416b3aa771ea42bbf576cc89d' }, index.h("div", { key: 'e9d17ba196fd3d42bf71b79daaef314460d8fa16', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'b148bc51252ec6598cb09d3890c8ac741006fd49', name: "icon" })), index.h("div", { key: '38b5547befdfe2d723114ded494279969fa5b9a6', class: "gux-content" }, index.h("gux-truncate", { key: '7075cb4f27361e6a89a8cefec06001cc82687430', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: 'c18aa4bab6040b54033b7d4d71ffbdeb888188e9', name: "title" })), index.h("gux-truncate", { key: 'c131d90b96d47d15070344570ca95c892efff77a', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'a4952c02699ad006853adb5713abe3b18cfa4c97', name: "message" }))), index.h("gux-dismiss-button", { key: 'eaa16b6a0643038103f734689333c1ae1b64ae5f', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -56,7 +56,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '5f4e30bd479da79689b5cdc577b5a8cef08cb467', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '9193d830d92f950d2ef2d8faad02434cadaad09f', class: "gux-option-group" }, index.h("div", { key: '969ed69ea2cc95d2337616cd42e5360e0b61092a', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '97eda0e5c5765ad320945c46b3adff56f9246ab2', role: "group" }, index.h("slot", { key: '6891b2f100538841eb2aac4be2b9c915e70bf4bb' })), this.renderDivider())));
+        return (index.h(index.Host, { key: 'c840d62ada3e45597bce575ac5964558cbc02dcf', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: 'd7afc055fe0be77c6b1911ff85d5439757906659', class: "gux-option-group" }, index.h("div", { key: '7a037eb4cc1cfbb9aa81f36e5283cb3077b2e0fa', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '47b2614cdd42789782c7e7f123946b13b7994095', role: "group" }, index.h("slot", { key: '02e69681127a8e660c62b0aff288606bebc311b1' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -66,14 +66,14 @@ const GuxOptionIcon = class {
         return (index.h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (index.h(index.Host, { key: '00f722cf8d9c534238cf5d2e11c93f80745aad03', role: "option", class: {
+        return (index.h(index.Host, { key: '37aef2f5b177df6b6591f6f7c39515ee540b312b', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), index.h("div", { key: 'be2e4e44c6fd636f16d48dfc37a5c5a3364d9cae', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '0bf8b783a696e197181468b888c94a38611a97f5', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '1bf08c9890567b3a0376819013f28dcecace9c57' })), index.h("slot", { key: 'd297f77cfc3fea8d41f9b782143c5f21cab4d083', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), index.h("div", { key: '3a819d77109a5b81c5396147cb3f07ae87e62da2', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '65cfc8baea33e75f84841d057560cfc16201476b', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '3d0bf2e6013aa6829d5c8c0ec83565aa4a68b2c4' })), index.h("slot", { key: '2622c09b9aec78d3a0bf8756654d2cfe502e07e3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -69,13 +69,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '2b6eed0e49be4399f6cdecaf66e3a6e63c86bfa2', role: "option", class: {
+        return (index.h(index.Host, { key: '162462d46174ae1c95ab206a45dd16733586973a', 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(), index.h("div", { key: '4e7cd620ca6615aaa9a3f92b80e2182a244eb6e7', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '12e3104da04cc16ea23361e687ed05941b029743', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'de53a68f939034e20d6c8a4e85e08e35bd99687b' })), index.h("slot", { key: '984f40f30d42b60118e1f1387afa8ccab15ffd17', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: '47cfb63001dd337e815c961b1b95585ecb5523a7', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'd30b965f30418ce2f6b516cf7467493667dc7ec6', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '66347aac70923d2fd7a7c1c318cd15ea29d4e6ff' })), index.h("slot", { key: 'd8159a0a5f14475bb57bec29b001a4d7ce6ab7f3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -16,7 +16,7 @@ const GuxPageLoadingSpinner = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-radial-loading", { key: '4ee189150f20e750923b74f5c21b0fa66cfa8000', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: '7adbcbf7088ada82ffa08e01a14830acafa941f0', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -187,7 +187,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (index.h("div", { key: 'e52c1b7f45e53ed347e956686990c7d0b6c0ad60', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'a3d0b1e27d98b40f541decbce0b4c08baf4adbba', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'd34c3040f79ea7de6dc6c9e99996c5d5884b43de', accent: "ghost" }, index.h("button", { key: '9e9f38cbfd4fec6bb07638278b02558d96b0510c', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'e3c722c240aa275e959285b580c854f3ef927751', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '979883c625c2b1d45c314206f423816d9538884d', accent: "ghost" }, index.h("button", { key: '1eed7bc83163a1e3b7a6c73688f620aeb6b5ed88', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '9e2ba89f56a250f264a870dcbd0a32079604bcb9', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: 'ea10d472aba3fcc9ad748cab6ec5763f25309bdf', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '6331a09206f40d35ce1ab4c73cfd6519ec70b996', accent: "ghost" }, index.h("button", { key: 'b8611bcd8a78ead2a5a2cf1d9e15911f40e4460f', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '6cf625a3aa3ac6b8b1fa6988ffa1281b2dfd1709', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '7cb39e734d464bd80a49895763117405b787ed83', accent: "ghost" }, index.h("button", { key: 'ad79df1004d2ce953688d9111cc69a68e28ed677', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '369fa53f81abd9b1a8d1cb68e4eebad9188dfad5', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '5e26b4c88c75858004872520573e4e9a24f38520', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'd69821705a27f94c4076b3a52cd33fae7d2a59bb', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '81c2988010ddc9dbf4f0dc95d2d77c91a68a31e8', accent: "ghost" }, index.h("button", { key: 'a464a8047dc67ca58a78bfe8b88c0c61e85cb134', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '4e1c2c529cc99124ba8c4760296db50930805f79', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'fdb430cf0997fb1cd11eb4d514471f80fd3d3d22', accent: "ghost" }, index.h("button", { key: 'e003ad9f868619f41987312bbf368865fe93688c', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '6093b0a5112efe3b1e48a189ec91859e7fe3a472', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '7b50ddbd7bfca49ea34cbbda850000125fb466d6', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '238a6a4ddb27edd4562d6c3cc28d59a45038a0eb', accent: "ghost" }, index.h("button", { key: '3bbdeda74c0459640895b9b1f6109b405e1b2f34', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '2fd99e8e2ae2b058a61e7d200a898245118990c9', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '07af0468c68c533bfeae77130b7ae0a5d8ab8527', accent: "ghost" }, index.h("button", { key: '4f1033f47d62708c38a621454037f575f3e0b2fc', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '73e2c027239e5861875c99a72e370ddce12a52b9', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -226,10 +226,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (index.h("div", { key: '5f1ff31bbacbf183b175f15ff297f615c29587e1', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '92a48f4e8955038e594abb5fb9517e09c9e4b53b', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: 'a194f602611450321c1ca072500eed6dbd051400', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'b05780de885df7f9690450f52a5ab319fda268db', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '60e30d9c59896ebb9e3b32e4be40ecae2caeaef5' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: 'd5507dcfb2a71b761fca1e6149edf720573771cf' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return index.getElement(this); }
 };
@@ -267,7 +267,7 @@ const GuxPaginationItemsPerPageLegacy = class {
             }) }, index.h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, index.h("gux-option", { value: "25" }, "25"), index.h("gux-option", { value: "50" }, "50"), index.h("gux-option", { value: "75" }, "75"), index.h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (index.h("div", { key: 'd2bf5f6979bb5a55d46da794c086535605f66aab', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '27a2eedd7b90ecdc1417bcea6d9408fd60991c2e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '0251e86d96c80dc7bc6ce3e1378f115a85ef1a5c', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'e1a57ac40499540ef858b15900dc9224cad95c9c', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '3b7f866b9ccb83f659323f1a968951bb7021efcf', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '4bb3b1b71d6ca80b09c049461533c669e22d95ed', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -222,7 +222,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h("div", { key: '718c8c0b98dbb3530ffc3c7396cef692d87c3df5', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'eb803916bf3f1b62cc4236ed69106358ad947bb1', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '95849c41be723efbb337516c8d7e08e9874bf943', accent: "ghost", "icon-only": true }, index.h("button", { key: 'b0c63b3397256054f1880e9c477cbf858b4ec037', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'e9e0702ed4dd284ac44166ce06a21a8d9e9897e4', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '68af0a2f4b8c879007b1d4f3988fd2fe88209d28', accent: "ghost", "icon-only": true }, index.h("button", { key: 'd61bec3e79825e096c00050ab6325200d39ed228', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'a2d14c077aea2dae6151d1e8a37e28f1ba9bba9b', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '5ea2f5ef35e84d37dfd12c9844ad164d734076b4', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'b655123fb2815384a9f94ddee81b3eef10d7553a', accent: "ghost", "icon-only": true }, index.h("button", { key: '4eed0d1b1ff3e3c7eced4d93ddf88753ae61998e', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '40d8b196eaa9c3fe79f8ae88d405bfa2ea57481c', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '0b36b1ba989943c47ea5af87cb7ce93aa094ede2', accent: "ghost", "icon-only": true }, index.h("button", { key: 'a7628b8d39dd73d22d9d57951aa8c5cd8f6b40b2', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'a6b5842af3d553dc3015bdb02e006769c90c63a1', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: 'ac3ba167dcfbd7a6e218a5fd87d7dd720c6dfd69', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '721bc3da1728e9a14b44fdeb1c8448f235ef7641', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '8a7a5cc6ade74aedb65a5f42e4c6bc37b54ffd87', accent: "ghost", "icon-only": true }, index.h("button", { key: '4795d7520e667f9bc3a05007a36d73e6d59f35a9', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'f3634a3e56219c2540c7790898cf2fd2296cd2d6', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'aba139922dcf8a74d70f483585db2e083a7ff447', accent: "ghost", "icon-only": true }, index.h("button", { key: 'fabaf8623d2e2bce0e76037c5f7c87e90455d0ee', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '809cece316e09bee8606395c734cd793136048ed', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: 'b4dbdf909678a791b1307cb002390956e32a95e2', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '8ab559179ff42f581ebe35cf13723a453014610d', accent: "ghost", "icon-only": true }, index.h("button", { key: '2c40aee76604374cbb67e8dee1172275484ea418', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '8dfcfb78bcebdba5c844c808c7622f3e3f9ee310', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '7d9cef2171c7ce1ac400883b0954cefe8dc46e4c', accent: "ghost", "icon-only": true }, index.h("button", { key: '4f26be829cab3ac05bdffc653c179fff0696c665', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'f8325a587b08409ab70a8bb9441aff4ca8f0bbed', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -266,10 +266,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'b5659cc5ca52e43f93ef929a1ded3f974bbf7c34', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '7abd6b3074b4fbb0ad1dccf6d12b3e41e791f9fc', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '9a2277d465141c57adc41f5b3bea86db3f846e84', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '128510d9b6249747981a1e97759d47042c5396eb', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '6eae95d96c331bdeda10e496e995f7755b9b8c52', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), index.h("span", { key: 'e31b2cf7b5129ce9fce616d0b20888612a5c8a47', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -39,7 +39,7 @@ const GuxPaginationItemsPerPage = class {
             }) }, index.h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, index.h("gux-option", { value: "25" }, "25"), index.h("gux-option", { value: "50" }, "50"), index.h("gux-option", { value: "75" }, "75"), index.h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (index.h("div", { key: '55272ff3223e23cdfc47d0d2da4889df0d4461df', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '467a93f0f43922cadbb8594c73351a3037112c71', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'ec96ac2f66e5ef75a59eb9309444fb9d3bde0832', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'd4b6d3b53190b9796c0b5edc3c2ab448d62fcdff', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '7712e916af6f5bf41c86f102f3012cd191182859', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'c75f920e13cace02d7bc09369dafce632408a240', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.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;
@@ -79,7 +79,7 @@ const GuxPaginationLegacy = class {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (index.h("div", { key: '873a1636c6a2f43692d048a3d51f4a1013a827f8', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: 'b3a8f4a438f284368ce6be78eab4fbc9e5833e7b', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: 'e591bca5a8bbb8d1150ef9405a8c516e1e6576c4', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '259162b87542bc6c5a4b9489684d23d076123529', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '25ff155574383798c6045fb9de65f8af6d880df8', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: 'b61c3ba34b335d25bbc5ac10ce8f08cb47bd1a87', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.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;
@@ -104,7 +104,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (index.h("div", { key: 'ab236770fc3daed11ad6f789b875376c77a30a25', class: "gux-pagination-container" }, index.h("div", { key: '2682ad1b06a71e7f387d81206d9b00045a9bd143', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: 'c61aad694a7318224341e6c078c58a29b751af74', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: '266e0a925a72009d2c7ed198c2e65ab2ec63f154', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: 'fd38a04e91c10b94fd54de5d37a66ecf19aab55e', class: "gux-pagination-spacer" }), index.h("div", { key: '0c3cae06b3b0cc381407127b1be3f429d111bd92', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '265afcc77e276d6cf9a77a34340d2c5637b70ba3', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '2632e765f678d0b2209c6edabaeb39f6a4947a8c', class: "gux-pagination-container" }, index.h("div", { key: '284fa15020d0ad7654c482cde60a1490e06bf685', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: 'c47f73c6195fbd8bc65b78b9981a7792c7718673', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: '12b0075fa4631602dde5c94ce2173d002cf2679d', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '919ab355b5dd2412986ca7ce20cad2a8a728a57a', class: "gux-pagination-spacer" }), index.h("div", { key: '2582c1db81d6ce48e47a8510e1e29c94577d2120', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '92b3b60ce7a5f48bb9dff68f20a64831f22673da', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const _commonjsHelpers = require('./_commonjsHelpers-0192c5b3.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const index$1 = require('./index-aa48ea67.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-a0754e1a.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const getSlot = require('./get-slot-4fedce9f.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 

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

@@ -6,7 +6,7 @@ const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-a0754e1a.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 
 const guxPopoverListCss = ":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;overflow-y:hidden;background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow);}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";