genesys-spark-components 4.81.3 → 4.82.0

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-294d5ea4.js');
+const usage = require('./usage-b92ab3f5.js');
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding);background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalLegacyStyle0 = guxModalLegacyCss;
@@ -46,10 +46,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("div", { key: '9a16807e6e0c105a71d9a6beae23f0b6cf8562ab', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '9bffe5f595358ea8b8d2ba6da3d395b79bffb540', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" }))), index.h("gux-dismiss-button", { key: 'e3c64ff9a89bd4d4aa0bb9fb23f829c2ef4acb62', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '8b087f57d3d764b90e51cded53d9b664e5cdf144', class: {
+        return (index.h("div", { key: '8715204fccf960ca1fb74d27fe003e87f8af4ce3', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'b43fd1c8c63da830dbbf189a826bcabb3afd4356', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" }))), index.h("gux-dismiss-button", { key: '3ffdbf03ab11c6cb9ac7521edc26284079d1e30a', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'e1aab231363e27889e0f78f77894ae99ada050f9', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: 'adbb48bc1fad4234f0e537cd5ef56d13ee003081' }, index.h("slot", { key: 'e38a4dc040385ad162ce8a79e04c8b69dd98968a', name: "content" }))), hasFooterButtons && (index.h("div", { class: "gux-button-footer" }, index.h("div", { class: "gux-left-align-buttons" }, index.h("slot", { name: "left-align-buttons" })), index.h("div", { class: "gux-right-align-buttons" }, index.h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: '6325a62add1685bd8ff5c0463c509f3b5630a82a' }, index.h("slot", { key: '7eb7a6c260f8f33a4ec63d1d5f12be16e2e35d15', name: "content" }))), hasFooterButtons && (index.h("div", { class: "gux-button-footer" }, index.h("div", { class: "gux-left-align-buttons" }, index.h("slot", { name: "left-align-buttons" })), index.h("div", { class: "gux-right-align-buttons" }, index.h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-294d5ea4.js');
+const usage = require('./usage-b92ab3f5.js');
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;overflow:hidden;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column}:host dialog .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host dialog .gux-modal-container .gux-modal-header{padding-top:var(--gse-ui-modal-padding);padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-lineHeight);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing)}:host dialog .gux-modal-container .gux-modal-content{max-height:432px;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-right:var(--gse-ui-modal-padding);padding-bottom:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalStyle0 = guxModalCss;
@@ -69,7 +69,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: 'e6053f042065f32a73aa833b684a5963ee9d15f0', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'bd3dda03b733d751dd03f021a3851809c68e8552', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'bc41ba8e49d2cd8de1be12e2392967c0a3b092f1', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'a63862b65648ce1607b419f8865c51072c945e92', class: "gux-modal-content" }, index.h("p", { key: '7255b0a005ad374f49d1c54c3f113238856ba8fd' }, index.h("slot", { key: '2553c414b2589cc10f5cebaff5b31f50910ba994', name: "content" }))), this.renderButtonFooter())));
+        return (index.h("dialog", { key: 'a7002547df63a1da234cee48d35d1b524fdeabda', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '39fc8c87eb460427d663ec736afa044df1ddd1e4', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '5bb984c29318465f0357bfa121c89e26a6b3c139', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '79247fdd630c4762e4252806490fa4691b53955c', class: "gux-modal-content" }, index.h("p", { key: '0e50379ace7726c8b778fe4c8d20bb0bc2a9f590' }, index.h("slot", { key: 'f13b5376f11dbcd96e76cd35ddb064307c173df4', name: "content" }))), this.renderButtonFooter())));
     }
     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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const index$1 = require('./index-71d01472.js');
+const index$1 = require('./index-f9d85787.js');
 const useRegionalDates = require('./use-regional-dates-34243a86.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -178,7 +178,7 @@ const GuxMonthCalendar = class {
         return (index.h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (index.h("div", { key: '0bbfbdb60b695dc23ece405737e8b30d01a602c9', class: {
+        return (index.h("div", { key: '677921c9dde412710726338267e591ad25860551', class: {
                 'gux-hidden': !this.expanded,
                 'gux-month-calendar': true
             } }, this.renderHeader(), this.renderMonths()));

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

@@ -47,7 +47,7 @@ const GuxMonthList = class {
         guxList_service.first(this.root, validFocusableItems);
     }
     render() {
-        return (index.h(index.Host, { key: 'f583b2aa07f86a63396a76a4b21e77a22a1fbc9d', role: "list" }, index.h("slot", { key: '2d5f9e86f85332b8e1f6107f2fe29dc02e765840' })));
+        return (index.h(index.Host, { key: 'a547b8cb470a7954273b8bb225c1fbbc0d6068fe', role: "list" }, index.h("slot", { key: '184656f93c75eb43590a0db3086960e2a020d9b5' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -80,7 +80,7 @@ const GuxMonthListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '399c371cbf542f3bfb2e07c62fd3365bfdd918ae', role: "listitem", value: this.value }, index.h("div", { key: 'c8ba9f281cb4b7ece5ac84865d6b86747ed11733', class: "gux-container" }, index.h("button", { key: '9ad2ae86f46193a1a719dfaaf57ef407cd5b7080', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '3776855e08f42d947d1dad9c5c43ad666534560b' })))));
+        return (index.h(index.Host, { key: '81219ec153e7c466b7a2b9ebe614d691c576595c', role: "listitem", value: this.value }, index.h("div", { key: 'eccb4ec0999c329e1c70561930e629f362c1a064', class: "gux-container" }, index.h("button", { key: 'cf8e11ed5f104a44796877a19964969d5e74bbd5', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '06ac363b8ecc1d20445af10bae4fc176a48e0aa7' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-294d5ea4.js');
+const usage = require('./usage-b92ab3f5.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
-const index$1 = require('./index-71d01472.js');
+const index$1 = require('./index-f9d85787.js');
 const useRegionalDates = require('./use-regional-dates-34243a86.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -218,7 +218,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: '5302613a82060ef4d3018cdf3756fcced9be0ee4', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: 'dbb99af69d5607c7b3110919c0da6ca433dd6abf', 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-7fb02c8c.js');
-const usage = require('./usage-294d5ea4.js');
+const usage = require('./usage-b92ab3f5.js');
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-sm-fontSize);line-height:var(--gse-core-typography-heading-sm-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -18,7 +18,7 @@ const GuxNotificationToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: '978b1d23bcd30f574551b2e58b63cccfffc097d3' }, index.h("div", { key: '7f5dfd3ee78527cb320bcdde8fec800f0127a5fa', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '8a0f5e9e1551804fe77405705f5c4f88d9b2c58a', name: "icon" })), index.h("div", { key: '97ca93fc9cdc7381c86f43b92b3628e353158886', class: "gux-content" }, index.h("gux-truncate", { key: 'abd6c01f9bf95b85b0f7dc21bcbd4511cbc8a85c', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '139d028b7826aba19a05df7894234879ef8469de', name: "title" })), index.h("gux-truncate", { key: '47a96015b193db99af78974cc072d21c38b86eac', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '7368f74d15255824fcd7cb8ea547d08a8ac808c4', name: "message" }))), index.h("gux-dismiss-button", { key: '21088f5d0d3bcfd8510ae85b268c2b46ad749f7a', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '42fea12c624cff99eb32eb97d0d8988af0710b7c' }, index.h("div", { key: '079a2d0b0520749cf037d821de2df7aa472fdb99', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'd20bffc4c8f4b0c327357ce1593c32e6f14b9745', name: "icon" })), index.h("div", { key: 'd673d8c93885462bae7fc8dd27d5331e587ec475', class: "gux-content" }, index.h("gux-truncate", { key: '4fe6dae7089867487080a991a77b45aa92217ab3', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: 'eff754d04bfd86d23f38a8a5b189609ef620a0d3', name: "title" })), index.h("gux-truncate", { key: 'ba0de748f9cd7d4db724559e8a36d4b2814315b7', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'b9e086c92cab5e12e3b41e5d3ea00af628115517', name: "message" }))), index.h("gux-dismiss-button", { key: '4fc79b884d9262f2965b97e8410e3cb24e234ef1', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -54,7 +54,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '50097429d09aa1ee2a198e5221b05e0589b68f43', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '0b9e477b7b8626dc71bd809e1f75a9e777e9d592', class: "gux-option-group" }, index.h("div", { key: '29656e0706e792dd64e7777d1be13aa617806cec', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '094a97df8ea2faea1dae94ef50b1dd1c8ed60b37', role: "group" }, index.h("slot", { key: '345c50437cd32012d5734207290d24cd6f2184f4' })), this.renderDivider())));
+        return (index.h(index.Host, { key: 'ef624d9a4655967326d4af04a49d6834d9e82d6e', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: 'a53a62e3575da9321c7c58ed45622120a74580b8', class: "gux-option-group" }, index.h("div", { key: '86e38732669ce25150c2bb0a35534e25e120a00b', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '4e09a0ef6b5c1fd5ee65a66821d5009a3c6dd936', role: "group" }, index.h("slot", { key: '9777441ef6ec2c2d1fed54f2c5f3da4455c7184a' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -58,14 +58,14 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (index.h(index.Host, { key: 'f6d97334b6ac9e4847f0f77f30f95ebe28088bbe', role: "option", class: {
+        return (index.h(index.Host, { key: '5b25ef0b9d931263d80a5310553ef537e0275a06', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: 'de90edc0af36ba92f23aae43612e54694daddbc3', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: 'aabe07b93b704361cc89b56b8da2fcd72245ab27', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '6fcbe44baa62b77d41fafb97568e70821f3f582a', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '95e9a1262dd1bcd3fc55d1ceafc9366d3627d49c' })), index.h("slot", { key: 'e4f07670f12dbfc93cee212bdf701118981c61c5', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: '78dda54f4f1b3408417f47d1ff5678610c0ea5e3', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: 'abcfeaeffc78ecbe28f23152dd7db3415dcc4af6', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'c177d0d53732faef8ad03c7da51031d08be8872d', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'ddd1a9ac65ce87a8ea0448758171080120776fc2' })), index.h("slot", { key: '1d6875e1088f49a148df88d64f3cfd9014105f85', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const index$1 = require('./index-71d01472.js');
+const index$1 = require('./index-f9d85787.js');
 const hasSlot = require('./has-slot-3edae188.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -66,13 +66,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c0ee80a1e887bce0a0a793df494fd429ddb4a60c', role: "option", class: {
+        return (index.h(index.Host, { key: '5ba18edba35d77d344037918ef76332f527a90b7', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: 'da6a8e6cf621311a22d870ce16969909561e4834', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '1f3c00b576ea51da0df4343f7e240f30ae86216f', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'c3eaf571850d783cc475707a0f7ce6c6683a3226' })), index.h("slot", { key: 'f8e8ea760065b9d1125e5e0bda6c84d273e135a4', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: '30a3bda9d6e4e2f215d7eb0f58eaaea891c2a8de', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'c487db112557a761793578096333520118ccd4a1', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '6c44f2e2720501327f7d24ba75710b85319832cc' })), index.h("slot", { key: '10493ec5a98aafd4a79d3b3f63da70e308e5deb3', 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-7fb02c8c.js');
-const usage = require('./usage-294d5ea4.js');
+const usage = require('./usage-b92ab3f5.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -17,7 +17,7 @@ const GuxPageLoadingSpinner = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-radial-loading", { key: '306d60a9219045954fa0b35703fb19591104b917', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: '66cdedf30d64f3bebb46be41b3a8c6d7463ad918', 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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const index$1 = require('./index-71d01472.js');
+const index$1 = require('./index-f9d85787.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const page = "Page";
@@ -189,7 +189,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (index.h("div", { key: '1ba9d8787e480c7021c17300467bd8439cfaebb2', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '1ee5bb3e2077867292f78d04a62fa9e1e7a31305', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '45ceb944e2c801b924c83e10ff9877cf7656278f', accent: "ghost" }, index.h("button", { key: '4abc9326de1c1ee2e61425a6c7af95812d1e0f99', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'bd76234d0a1624fad7f573aef2db43a7080ef810', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'ddda5017fa14cab941d75134a7b9afba2151173f', accent: "ghost" }, index.h("button", { key: '641d7f306ce8a1b6a4ec27a98c46cbc5db21ac11', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'd1dd39d206038d611a4c3ddc4ad057f9a2544964', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '940f377147a7e686d497145caacff2bc8230deec', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '7014ee3ca1e09d9e696f933559d4b392dc396733', accent: "ghost" }, index.h("button", { key: 'b49f45246377101d3a2cd8bafb5aa81791ac296c', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '6e865485f7294c4514ac0acdb0f466af1f333029', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'b54fe3061e234266558b6819bb0f46ccd23988d6', accent: "ghost" }, index.h("button", { key: '049fbe63c206697a3d963229260d36672b5c3e1c', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'efa7910f4c07919e48505d8f3fbf97dd60591790', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: 'b036026ff72525276d1eb0e2df07c000e9f5d863', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '6e7f043b1fe89016cd35a38725175ccfa72ed253', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '6558b856ecffa0ef1dccc9520d008b6413b8f100', accent: "ghost" }, index.h("button", { key: '9b9f9a006e5123f8ebb8b01fde6084ef984840a9', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '7564b44a62bc5dcf663d28cbca5111b45da2264a', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'a7f27315bc115c75d5431e8b130db20df060bd85', accent: "ghost" }, index.h("button", { key: '5b4b745275d438ba13a3ef57b5cbb885832fbf75', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'ab7d7733d7936aef3d60aa536be821659849b287', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: 'dbdae4b43c9c6798141db7ce8101f6e8eb82f109', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'ca798410745fc72d5b2398ceda482bafac50c83a', accent: "ghost" }, index.h("button", { key: 'a7d2d4feda3ca47014b4a87ae0031c40cefffc88', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '097f29b2116826ea0cefc7371406d8e3f5e9db0a', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '485c6d3aa4d1669a14828ad8aaabb6e85b405496', accent: "ghost" }, index.h("button", { key: '12338829bd92a26245e468b41feed4551424c65f', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'f876f23ce79afe65d6e08232a6a80555b081971c', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -228,10 +228,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (index.h("div", { key: '9304ff0a9db8b65d2511944cad916bcba67d4376', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '3da01bf6c035582d09f55a8d92d00da25ce4d175', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '2c7d13fd51d69ef65362cd29b5ede371327387e1', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '2e3cb6b7ec77f7952d6470af1a4344e29daa9417', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '1350e0c3bd2a3511794bd2deca9d7a028406a09f' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: '4ce24baee89c605ee14c5b9b3a6706b09ab6a78b' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return index.getElement(this); }
 };
@@ -269,7 +269,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: 'c3377da39459bbc3d6004183e9d89440da52cc9f', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '0b78effdcc262e2a36ed9329f704e2166dfe2197', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '481648a816b2fb47f80c3991e1937141e06b2965', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'db8c98910bdeb152b4fa5e594479bb7a9c3387d4', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'e528d038f86fa49e207dc3d057ec5518b8ccdf00', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'ff93a0fd45313fb520a66fd1ef4e8656a191cc4b', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const index$1 = require('./index-71d01472.js');
+const index$1 = require('./index-f9d85787.js');
 const en = require('./en-66d2b744.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -204,7 +204,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h("div", { key: '2315c7e3eb52584894323e23683a5e326aa92937', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '0e1f9edb026f513834430d7e1521278d535a2810', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '812b9e153087c30c0bb4b8f1752a49726935cb77', accent: "ghost" }, index.h("button", { key: 'e8a30e1df9ead8783d32d36162b5f8a077bf2505', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'af5aa1ce256d73b46ca8166ec7128c8163923f52', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'e2bcef18d214405f2961e48f1f3f846f06050e77', accent: "ghost" }, index.h("button", { key: 'dec33a851a230c19063c0d0580b9df0812749e5c', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '8dcfe6c80a54fa34afefb39aadadde76a27836b3', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '0116a2f91a6e70bcfe04ca485cad9679fae40b97', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '69995951810e2512497bac219c9d7fc3f7351096', accent: "ghost" }, index.h("button", { key: 'ed5ee27b51d3b9a59a33c26f9920a1626da1630a', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'ed0a2a6dc3c0fe9d1bc99b97fbf0045b8026dd81', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'c5dc7e9bb824b60c8d30e428ec64de34e9798efe', accent: "ghost" }, index.h("button", { key: '1ee595989fddcd483feebb50253cfafb46e50ca0', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'ab3a566069727764605e7f4cf34583bf443149a5', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '387c780af0dec1fed98e8d4debc94e055fd0302c', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '54ec7f65a4687d5727bcc6a2b0c3ae3c70c9a17f', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '61f9347b6d9c1e45d9a3a3671d15809275e74039', accent: "ghost" }, index.h("button", { key: '17e6b7d51571abd07f3bf35b45deed0973b35931', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'ed41028f4d79655b8de2a7d6887d14783d31cefe', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'db6a965fe029739f3be02becc3a664c551b80fab', accent: "ghost" }, index.h("button", { key: 'c73e4f8c4f580b114eb3f14754670bb5ddf96aba', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '6150f9c20954219373c056b23ca7956398745380', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: 'd4f4bd6972cb9e7c6b52693141f08bb236a2e4f5', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '1c293acb56e07162563297123b9a04700fe2b4b8', accent: "ghost" }, index.h("button", { key: 'd85685a5ea699724f44c4639496826d30572ae6b', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '094cfd3b75b1c0771d8a5e733c9f144a3b1adc01', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '583123687f1c61b8287037ffae8e0e8a1b4e5e6e', accent: "ghost" }, index.h("button", { key: 'e90ea9e062a0b65e1bd197aa08aae74eda8ff8d5', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'f2b44c27f57ff1c51d4c29e956183efecfde1cda', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -248,7 +248,7 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'f08d505bdd5c1e6f24577b37d905e0836fceafa8', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '7182128798a4d10c819e9cc29f0328f0435d8264', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '0593a448b17c08ef188586040d17daa2e1ee343e', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '69a6c9bfabd22d19e974663f1e6337f4a99323e2', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-294d5ea4.js');
-const index$1 = require('./index-71d01472.js');
+const usage = require('./usage-b92ab3f5.js');
+const index$1 = require('./index-f9d85787.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const previous = "Previous";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const index$1 = require('./index-71d01472.js');
+const index$1 = require('./index-f9d85787.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const perPage = "per page";
@@ -38,7 +38,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: 'cea537794b5b1a55626c7bbc8ed1573a801ea415', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '553a0867b0cfcb95eae7561e975bee6c55b64f57', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '4680bb2d980db9d65d715ed0b50efc2097ec55f3', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '3190be8e4580319a9a90ea8a7fb23a14dacd1b97', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '2a162c8ca98487e50b6581aed3e8eb1bc63a731d', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'af8f4b470cef18fb89326dd0c5b785d84aebf9af', 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-7fb02c8c.js');
-const usage = require('./usage-294d5ea4.js');
+const usage = require('./usage-b92ab3f5.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;
@@ -68,7 +68,7 @@ const GuxPaginationLegacy = class {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (index.h("div", { key: '3abd9cd00f35121bb9d6b54830ad8d022fdc585e', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '61b560aeaba8051bd9db516307751245a58dd9ba', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: 'eb450dcca3fda823374277c3e0f93c25fa36ac39', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: 'afd2b6bdf755622ce2b739c8219c2af5e98ba267', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '1728291802784bb609b715fecefa457a13f02342', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '3d110fb951d3375da338fec1a70e334b55bce849', 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-7fb02c8c.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-294d5ea4.js');
+const usage = require('./usage-b92ab3f5.js');
 
 const guxPaginationCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 const GuxPaginationStyle0 = guxPaginationCss;
@@ -93,7 +93,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (index.h("div", { key: '3577a6fdb512eb72b2115a72e1dde3e9af23f472', class: "gux-pagination-container" }, index.h("div", { key: 'ff66e0e27f4d7071e4c73b7b5e7f7da33dce869f', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: 'bc983187abac498b7722edd197b296318e0d28b7', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '1562302c201dac233cab29e6932a1b700511c7c5', class: "gux-pagination-spacer" }), index.h("div", { key: '53d36d5c1a88949d8c6bc10b09f9db2b395c06bf', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '713734be6c0ffad2df6cc36076c1bd85069fbc8c', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '20efeb98ba27a76e7af91a6d2ff60b5d311ea1f3', class: "gux-pagination-container" }, index.h("div", { key: 'adfa1340ea3a686701e2cc530c1f029a02f14c84', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: 'a28e08c6cf74ab1dde9f195d132d4da0e9ce7994', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '01c7f0e6aeb4c7d03fc6339e3baa11b25eabe926', class: "gux-pagination-spacer" }), index.h("div", { key: 'd076556e9dc78ff34b6851f490e7b1bb2f3e1742', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: 'eeecdb5927ae2ad1e2f0ccb372b4172f59a00329', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };