genesys-spark-components 4.122.0 → 4.124.0

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-bdf54f32.js');
+const usage = require('./usage-e7656f4f.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;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}: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%}}";
+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%}}";
 const GuxModalStyle0 = guxModalCss;
 
 const GuxModal = class {
@@ -78,7 +78,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: 'e58052c46fedc67ad499ccac3a34c00a77073528', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '9fefcc48a27ad42ac4055f7b98007f95b1171e3a', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '64e934dac10e4063ffe0dd3349622264ee23ec23', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '68e1695869903a4a09bca4edae55e630776926da', class: "gux-modal-content" }, index.h("p", { key: 'c7707aaa07ee3b31c35f118efc1218e173166522' }, index.h("slot", { key: 'b41f36419641719dc58987bf0ab1e54dadeaee4d', name: "content" }))), this.renderFooter())));
+        return (index.h("dialog", { key: '21897759cd4ec962408451a2fdcdf2fb76a7fcb0', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'bac191d2c8484a27507e3e2e036520a74e290548', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '3c12f84d2ef4384067e367bbfd2463189a6ae585', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'ee041befe4913a099434d9ce39e7bc2cbb0966c8', class: "gux-modal-content" }, index.h("p", { key: 'faf2629874af248e6bdc9565332b64d9afd9f356' }, index.h("slot", { key: '389eabb524cccc6fbb81da8e78b807f1cb4955f2', 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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const index$1 = require('./index-8194d25c.js');
+const index = require('./index-8f08a5ed.js');
+const index$1 = require('./index-c5d18923.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-bdf54f32.js');
-const onClickOutside = require('./on-click-outside-2faf7467.js');
-const index$1 = require('./index-8194d25c.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-e7656f4f.js');
+const onClickOutside = require('./on-click-outside-18d3c600.js');
+const index$1 = require('./index-c5d18923.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-bdf54f32.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-e7656f4f.js');
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-semantic-heading-sm-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-sm-bold-fontSize);line-height:var(--gse-semantic-heading-sm-bold-lineHeight);font-weight:var(--gse-semantic-heading-sm-bold-fontWeight)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -18,7 +18,7 @@ const GuxNotificationToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: 'bd858e59d02b2ae65a0079fb38688b3906220e8e' }, index.h("div", { key: '3eee51c5ee55b2c61200ea93ae4307e512bd8afa', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'c3cc41208c2a0e3aac9cf08e61db2119830f0bac', name: "icon" })), index.h("div", { key: '9ddfe233b519aff20773eb794643d5691399a861', class: "gux-content" }, index.h("gux-truncate", { key: '9d97fbfa97a4e33b6673043e12b5166367dcf821', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '40c1d83e822a7f000276f762e79432823da55f53', name: "title" })), index.h("gux-truncate", { key: '9190f8ff373400a4fc15e588594ad5973b106829', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '246382e3578cc1b090f4bd173f3a4fafa7272976', name: "message" }))), index.h("gux-dismiss-button", { key: '6824395ab9e4601f48d80024a7333294ae1a5a65', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '31e9d1b812aea4314b9dfaa4c2a3e252e324a8c0' }, index.h("div", { key: 'f0fe4675274088eb834b1c946aed3527bfb77780', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'c94d0824c69f4ea5164be7a7c362af1d51d5a98a', name: "icon" })), index.h("div", { key: 'a93e779e920540296d3de38fbdfd904d7a7f10a1', class: "gux-content" }, index.h("gux-truncate", { key: 'edbaa098abd38aaa50b154b6f178b45a7371e893', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: 'e3c7ff5f9c3d8826d1ccaf251cb7d2e2b9283482', name: "title" })), index.h("gux-truncate", { key: '15dfcece149016c5d9e0b78db79cb40ac9f5240e', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '7a1626df4daa2ec965b0d8e9e467d07f51b20678', name: "message" }))), index.h("gux-dismiss-button", { key: '5be640091276fa92d671182f87c0d899e4e08221', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const onMutation = require('./on-mutation-d800434a.js');
 
 const guxOptionGroupCss = ".gux-option-group{display:block;flex:1 1 auto;align-self:auto}.gux-option-group .gux-option-group-label{display:block;padding:var(--gse-ui-menu-groupedMenu-title-padding);color:var(--gse-ui-menu-groupedMenu-title-foregroundColor);font-family:var(--gse-semantic-heading-overline-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-overline-fontSize);line-height:var(--gse-semantic-heading-overline-lineHeight);text-transform:var(--gse-semantic-heading-overline-textCase);letter-spacing:var(--gse-semantic-heading-overline-letterSpacing);font-weight:var(--gse-semantic-heading-overline-fontWeight)}:host(.gux-filtered){display:none}";
@@ -54,7 +54,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '677c582dc1fe234a90061d8233a8a92fa48eb18e', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: 'c2627937b767bc5d70a4dc8c54559a8337328c6f', class: "gux-option-group" }, index.h("div", { key: '460d2c2b92ad720ef44420a1bedf5440dff482d1', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '3e6790a4cf9d6edb93af39d88ec6fa37d5209802', role: "group" }, index.h("slot", { key: '7a7997cebb871f790d522ad449fe539e87b96ba5' })), this.renderDivider())));
+        return (index.h(index.Host, { key: 'e1efc13975907d8d0efb7780e9a01bf8bf32034e', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '62eba4916504de3fdae4539a146cc8dfb78b442f', class: "gux-option-group" }, index.h("div", { key: 'ba0b59cf658d1c6e2c9158ce9515eae0472618b6', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '0a24351131954e25346507244a2afdc045f4e9cd', role: "group" }, index.h("slot", { key: '54fafac457a9235241a83aee7c3b148f51de73be' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
-const guxOptionIconCss = ":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{inline-size:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px;border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}:host(.gux-show-subtext){place-content:stretch flex-start;block-size:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}:host gux-icon{flex-shrink:0;inline-size:var(--gse-ui-menu-option-startIcon-width);block-size:var(--gse-ui-menu-option-startIcon-height)}:host .gux-option-wrapper{min-inline-size:0}";
+const guxOptionIconCss = ":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{inline-size:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px;border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}:host(.gux-show-subtext){place-content:stretch flex-start;block-size:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}:host gux-icon{flex-shrink:0}:host .gux-option-wrapper{min-inline-size:0}";
 const GuxOptionIconStyle0 = guxOptionIconCss;
 
 const GuxOptionIcon = class {
@@ -67,17 +67,17 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (index.h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }));
+        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: '54a7a89512eb16132089bc26d5a27304dfb4956b', role: "option", class: {
+        return (index.h(index.Host, { key: '902601346eab9956082b32dc60d6cf7511d4c6bf', 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: 'ecae8b634d1780366f1eb0743ae1c93d113237c2', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '3f316d223c37ffc2506de124c2d2945de56c9481', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '605f677e79c46de8df6920d90839030b3eab1035' })), index.h("slot", { key: '587127a854131ba1684e228c2bd991a8e40e08f5', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), index.h("div", { key: 'eb6fc0aa8f3034eab1ee3bfbcf843526d2ff8eab', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'cdef17281f541da5f3f0826b2a82a8e10d31c0b7', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'd52c436545d39e43e993b99cfdbf6577284fbebb' })), index.h("slot", { key: '23672ca4c866810ec28ca3e288fe0d2642a01d2a', 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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const index$1 = require('./index-8194d25c.js');
+const index$1 = require('./index-c5d18923.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const removeCustomElementInstructions = ", unselecting this custom option will remove it from the list";
@@ -70,13 +70,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '01f53b1d822807d4776f72e08d2493657d0fed94', role: "option", class: {
+        return (index.h(index.Host, { key: 'ed850a35be6944fdf451b06f6ac6da28d1576435', 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: '804cec77b92c08a9319f1e344e4db7d19b7a774b', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '951fc1c83aa7b3c96695869fd2d33ea2bdb49bc5', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'd01a74b9802f6010f1bf8b3de72dc4b5a7d8283e' })), index.h("slot", { key: 'fc34bed8a8c52739790d5b3da53bcd98c331f437', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: '20f9ad2c26485c6edd7d9be14290a69da35231e9', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'cb3ab45d14e31f1f7c443d503f0b6ada20dfdd51', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'da03321ce4f9a769544f2396bce1a55215a07c85' })), index.h("slot", { key: 'eb742f9a556dfb3dc3c0f3e7055d02544d39283f', 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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-bdf54f32.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-e7656f4f.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: '8f35e923ef892b33e0071adc2f8468219cc2d4e6', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: '0a1ecda47fc13b251333b915d4d372fe5cc7d7e0', 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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const index$1 = require('./index-8194d25c.js');
+const index = require('./index-8f08a5ed.js');
+const index$1 = require('./index-c5d18923.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: '02e225cc747b05e7620cca7cf781dc32eb2dc20b', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'a4b95d7b01c768bf22d19c2a3dd01ee36f88bd1a', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '76df04ab3210bdf33bca5316604c192431832e5d', accent: "ghost" }, index.h("button", { key: '56c5aa4577d26484ab183ef0a3af428b8e563055', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'df4b8156255d36744d1d4155c02ae98b43da426c', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'c61febd35086ce7ecea4274cc14fe74356d2f545', accent: "ghost" }, index.h("button", { key: '5bb93d100ec55881dbd6dd13be6e28426b7532db', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '2581fd7fb1a61799b9d4aeb7e74293409913c7ba', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: 'ca9d527093b445a8bbabb936ae5592d3c8a8c57b', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '28fe7492e64a31ed1518a60ec97c311df7590fe3', accent: "ghost" }, index.h("button", { key: '9e6dc8905743cfc9858b96fc81ddfabffa3a7348', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'a1d5fc160f64161b8dbae630028ece855c5e8942', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '706655f3e299d2222a7bbeed5390da52b34c424f', accent: "ghost" }, index.h("button", { key: '67f93b4c3fbfc8ef18c551c61340e754afc04663', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'dad0d41593b3ba802e2c99e661b251ffb36bdc13', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '35c275d1a2608b85a7141ef1dc510ab8e594743f', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '2d4c1520162d6f9bc72580d1f5ba6c7b4a5240a1', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'f0f3767a986cb7f6ce60664db50320e4a1e20b8b', accent: "ghost" }, index.h("button", { key: '490294626a841f56b522dcd39215805bb77a6bc4', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '96fe0d712051d6677bbd18ee7b93dd58073be3fb', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '38b5ad9d621040245e3ea1c9ce07081deb300128', accent: "ghost" }, index.h("button", { key: 'cc587c7c3985f18e6fb62f826f1e41a873caf4bf', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'd6f1d435bd95634171b3692bc6e1c82ad5bf995b', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: 'e09200135440513915c0961e585d800e97d48d77', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '7db272bd5f4a2ffa3c640887d828d0b682991868', accent: "ghost" }, index.h("button", { key: 'c73a8c9fe0fa79a3529a4d957df7a204d6e9eb60', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '09f913cf5962fc38ba10b6c12d62b351efbe8a43', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '857857ea037260e024bd5b66ce4b5fd2f9b2a497', accent: "ghost" }, index.h("button", { key: 'd626cca53cc515c79a1b10b4eae8e97c2703bb77', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'b7afbfb871db77f39b1a136124cf23b85dac98be', 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: '7409beacbcc84005ee3e85ebc4766d48a45b7fb0', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '3b7f37cc0935347ef5191bc3f88655ab0523f575', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '2fcfb5a0eed431432f1fc6ba906375ad86d10658', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '82248452c368ee1031eddabfd0edea44fa58022a', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '1db48dbff49cd646a97f9aebb1a05bc8aa82abc1' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: '38f6da2da9a4f6caeaafebbe323eed7b4e00105c' }, 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: '8cc8d4db80703f18502c9414160e236a93c576e7', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'd60b4b3a899c9c110350b3b38454b679fdb5176b', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'd977d4271382983899c8f417862e556c4d7add24', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '7a95dcb6e8a98371c25189e82cedeffd0dcba6af', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'b059c43814c8e9d4efc6eb99f5fd7443936be897', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '064d597f189ed48a16d4105bc09c94822bf9f597', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const index$1 = require('./index-8194d25c.js');
+const index = require('./index-8f08a5ed.js');
+const index$1 = require('./index-c5d18923.js');
 const en = require('./en-66d2b744.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -224,7 +224,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h("div", { key: '0bd91b28670056a49054093a49db3c3825a4d92b', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '7d0145ea809555b43885c1822a263a6c64c66b20', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '4f1cf8b32c0e21988d5e8b7b1affc6c211092e90', accent: "ghost", "icon-only": true }, index.h("button", { key: '014cd2cf78d8392be975264441d001a47f8051e2', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '2e5a4826afbb6ed9c53b6bcd196d893fce6a2040', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '7370ea7494372740400c80d2af2faad549609f7f', accent: "ghost", "icon-only": true }, index.h("button", { key: '1755aeaef12cea857b5025639a04f529945693ac', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'c1455ad9ebd8de0ec47f5197bbc4f751f27c09b8', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '2b1ec867e04913a13d6e3b56bb630846fb578066', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '4e6a5aa953241a0f4554504fa97843e9b0ff63f9', accent: "ghost", "icon-only": true }, index.h("button", { key: '7262b8a87e38fd173cfe738051f16225fb16dba0', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '0a871f148918ec17c446796fbb46380b7cb474d5', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '4b7cc842b30e6278931662a523493ba699661489', accent: "ghost", "icon-only": true }, index.h("button", { key: 'b461999f7ef787e0efa01b41ababf261b331fc7c', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '7592cbc0e1e26e56465de9fd6cc814a618a3e33e', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '39f1c5eb5fc54d4d64a8f2ffa5f60635b8397332', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '19091a23b75cb029549435b9a158441d1e0b4d9d', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '3276cdb33a4335061621102b2112c3f0d2b307a2', accent: "ghost", "icon-only": true }, index.h("button", { key: '9f39024f7c175f4efed5ec6dba29ad4c0a8c0e45', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '02c1991859f02704e3c97e38d1e69fb8aefb6954', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '6b12072517bc7ae25abdb137d0e85513d47637d3', accent: "ghost", "icon-only": true }, index.h("button", { key: '1a658e56e1541949a9a2d7bb58fc37ee4c08ca7f', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'a4a5e5950e2fd244f290b4295f12185adfdc6a08', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: 'f9d118f6c74bfd34f775bc14ad88d91636c5000a', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'f30a1f91fb26d46939702892f44e50436b93e1d2', accent: "ghost", "icon-only": true }, index.h("button", { key: '9c71b7f6fe2ac9d19b4d9a0ce11b71c1bc0a16de', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'a11c2b1e0d24e75862266692b8a3b87e948b27e4', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '4b171ae9736eadfb2681f103f0a0f41fe9c21f39', accent: "ghost", "icon-only": true }, index.h("button", { key: '744f7b35f9c860ed6baf90c30c13606693a02f64', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '1ff11eefedbcfb363000aff2dddfdbb6ac4ff2f8', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -268,10 +268,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (index.h("div", { key: '58c5fbaff6e58d094188a264ee3293a967761af1', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '074bd769a03fc8514a946c2593636b5e634bca73', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '9efa083c1c310f0bca85b3d0a23befe236133663', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'ad06f05c45571c2b2fae1048d338a9dd75328bf6', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '185cb9d934e226caaebf680a6f3cbd91c3197661', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), index.h("span", { key: '11623c632f0d19f28c8775691dc3543b306c1047', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-bdf54f32.js');
-const index$1 = require('./index-8194d25c.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-e7656f4f.js');
+const index$1 = require('./index-c5d18923.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const previous = "Previous";
@@ -14,7 +14,7 @@ const translationResources = {
 	next: next
 };
 
-const guxPaginationCursorCss = ":host{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;padding:var(--gse-ui-dataTableItems-tablePagination-padding);font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);font-weight:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontWeight);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor);border-block-start:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}:host .gux-pagination-button-container{display:flex;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);align-content:center}:host .gux-button-align-content{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-button-gap);align-content:center;align-items:center}:host .gux-button-align-content>*{flex:0 1 auto;align-self:auto;order:0}:host gux-icon{display:flex;inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}";
+const guxPaginationCursorCss = ":host{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;padding:var(--gse-ui-dataTableItems-tablePagination-padding);font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);font-weight:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontWeight);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor);border-block-start:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}:host .gux-pagination-button-container{display:flex;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);align-content:center}:host .gux-button-align-content{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-button-gap);align-content:center;align-items:center}:host .gux-button-align-content>*{flex:0 1 auto;align-self:auto;order:0}:host gux-icon{display:flex}";
 const GuxPaginationCursorStyle0 = guxPaginationCursorCss;
 
 const GuxPaginationCursor = class {
@@ -43,12 +43,12 @@ const GuxPaginationCursor = class {
     }
     renderSimpleLayout() {
         return [
-            index.h("nav", { "aria-label": this.label, class: "gux-pagination-button-container" }, index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, index.h("gux-icon", { iconName: "custom/chevron-left-small-regular", "screenreader-text": this.i18n('previous') }))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, index.h("gux-icon", { iconName: "custom/chevron-right-small-regular", "screenreader-text": this.i18n('next') }))))
+            index.h("nav", { "aria-label": this.label, class: "gux-pagination-button-container" }, index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, index.h("gux-icon", { iconName: "custom/chevron-left-small-regular", "screenreader-text": this.i18n('previous'), size: "small" }))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, index.h("gux-icon", { iconName: "custom/chevron-right-small-regular", "screenreader-text": this.i18n('next'), size: "small" }))))
         ];
     }
     renderAdvancedLayout() {
         return [
-            index.h("nav", { "aria-label": this.label, class: "gux-pagination-button-container" }, index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, index.h("div", { class: "gux-button-align-content" }, index.h("gux-icon", { decorative: true, iconName: "custom/chevron-left-small-regular" }), index.h("span", null, this.i18n('previous'))))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, index.h("div", { class: "gux-button-align-content" }, index.h("span", null, this.i18n('next')), index.h("gux-icon", { decorative: true, iconName: "custom/chevron-right-small-regular" }))))),
+            index.h("nav", { "aria-label": this.label, class: "gux-pagination-button-container" }, index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, index.h("div", { class: "gux-button-align-content" }, index.h("gux-icon", { decorative: true, iconName: "custom/chevron-left-small-regular", size: "small" }), index.h("span", null, this.i18n('previous'))))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, index.h("div", { class: "gux-button-align-content" }, index.h("span", null, this.i18n('next')), index.h("gux-icon", { decorative: true, iconName: "custom/chevron-right-small-regular", size: "small" }))))),
             this.renderItemsPerPage()
         ];
     }

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const index$1 = require('./index-8194d25c.js');
+const index = require('./index-8f08a5ed.js');
+const index$1 = require('./index-c5d18923.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const perPage = "per page";
@@ -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: 'd0e5bc9d9619a43f456ad70acc9ba384e352333b', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '46759db13c3916632ff064747c8b213523cca366', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '33d5be73628a54afce37fbb2b703540e9d076df4', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'e546eda4401964d6de83383acebdedaebe13e7d2', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '8b2fe99b27692e3dbab6ef3d7975122b0908fb32', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'd6c1ec2f39b2efed90a947079da35bba09b9991c', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-bdf54f32.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-e7656f4f.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: 'f78ea61450c103185a8c4920e02ec85739b7cf97', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: 'e909eb0474dce545649bf983fded21102f1184ea', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '9a694cbd80e955a2edcf41ba09288d47ad61ec22', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '339a3aad6956314eb4d13446d84519b584646dca', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '2b7c577864a6d452895055a804c6c781adf3e403', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '968098cc4bbfcd35475f1fe6ea36653d4235babd', 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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-bdf54f32.js');
+const usage = require('./usage-e7656f4f.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;
@@ -94,7 +94,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (index.h("div", { key: 'f2ac1b919a6705ee92c3c24e847add02782b50af', class: "gux-pagination-container" }, index.h("div", { key: 'bbae5135827feec349279d5b943b0ff66b53662d', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '79edd327ea30099279868bf84791849eea72297b', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: 'f7a5b9eebcb2fb115da99c816bb376becbaf33ca', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '1cb849238fa611e8dd2b9e00550923e926555503', class: "gux-pagination-spacer" }), index.h("div", { key: '69c636c0f7d825a1a9d499057b4b5d48d18bdaac', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '923fc2a4263696742d9e9dd156d9a7fe6fa0a1dd', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '96b42e7ff8b649551a0787e5b609b977bde58a3f', class: "gux-pagination-container" }, index.h("div", { key: 'c6bf845840b3d608ff5ee0e0eea065850fb5663b', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '0b3c1652fa9211e313888f16d5cbe68caf45a88c', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: 'f6bf5f2ec70d82a1b0833e35632b6633893fab9c', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: 'db42cf10e4aac6245b509ebe7b96a14de41f0b40', class: "gux-pagination-spacer" }), index.h("div", { key: '58b6ac129bc89bf6e80695e777ce3944325683ef', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '4286362b84b3fe0fb8ed4219bcb9c550cf50bfc4', 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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-bdf54f32.js');
-const index$1 = require('./index-8194d25c.js');
-const onClickOutside = require('./on-click-outside-2faf7467.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-e7656f4f.js');
+const index$1 = require('./index-c5d18923.js');
+const onClickOutside = require('./on-click-outside-18d3c600.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
 const logError = require('./log-error-7b9d4b57.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
-const onClickOutside = require('./on-click-outside-2faf7467.js');
-const usage = require('./usage-bdf54f32.js');
+const onClickOutside = require('./on-click-outside-18d3c600.js');
+const usage = require('./usage-e7656f4f.js');
 const getSlot = require('./get-slot-676aebf2.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const onClickOutside = require('./on-click-outside-2faf7467.js');
-const usage = require('./usage-bdf54f32.js');
+const onClickOutside = require('./on-click-outside-18d3c600.js');
+const usage = require('./usage-e7656f4f.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)}";

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
-const onClickOutside = require('./on-click-outside-2faf7467.js');
-const usage = require('./usage-bdf54f32.js');
+const onClickOutside = require('./on-click-outside-18d3c600.js');
+const usage = require('./usage-e7656f4f.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 
 const guxPopoverListCss = ".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;background-color:var(--gse-ui-popover-backgroundColor);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)}";
@@ -134,10 +134,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (index.h("div", { key: '577dd7af20f432ff6fb952e0b2ab574e835df57a', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '470e65690b64a810a594af7eaa66e1849bd0b56b', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '137e434be59aa2c2f8c6dd3cdf3c1277b97bf0c8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'a6484d2ecbede6d5b8d68c2e9576e44dd571fb41', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'f681f07103ceb17db8cbb5a21c2117458eaac482', class: "gux-popover-content" }, index.h("slot", { key: '56724526ced528ae8be3996c20e6cbe9a731031b' }))));
+            }, "data-placement": true }, index.h("div", { key: '161410435476b12186c574b09bac019f09833161', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '6900494608564ca5464c0b828121b965de76dea3', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'd83b181f27b7ec17a9dc6595aeac4c8041ea617a', class: "gux-popover-content" }, index.h("slot", { key: '2a0d0d1edd221e121816bdd64e3f4af98fb3d97a' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 
 const guxPopupCss = ".gux-target-container.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-popup-container{position:fixed;z-index:var(--gse-semantic-zIndex-popup);visibility:hidden;inline-size:max-content;background-color:var(--gse-ui-menu-backgroundColor)}.gux-popup-container.gux-expanded{visibility:visible}.gux-sr-only-clip:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}";
@@ -110,13 +110,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (index.h("div", { key: '75b7acc0b6d09b5f8c2e9a37a15207e1e8ce3850', class: {
+        return (index.h("div", { key: '0eea4403321a74c7068b49043ba237c2149f53e2', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '1578de69396d1e942e0bca75dcec8c42f0f69696', name: "target" }), index.h("div", { key: '216c0db2f6276b6d0d72ad59f4a6525594c4ba58', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '4f8ce47279fe5b6610434ae0fa9bcc45fa8923f9', name: "target" }), index.h("div", { key: '744b3daf92557877bfb29088e49ee5e4bbeda7bc', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '2339a564f4dbf669cd4da50fb074e6e4bf075a21', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '587be95d77f6e799be6c763083d52657ecd0bf6a', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const index$1 = require('./index-8194d25c.js');
-const usage = require('./usage-bdf54f32.js');
+const index = require('./index-8f08a5ed.js');
+const index$1 = require('./index-c5d18923.js');
+const usage = require('./usage-e7656f4f.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -45,7 +45,7 @@ const GuxRadialLoading = class {
         this.getI18nValue = await index$1.buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (index.h(GuxSpinnerState, { key: '87cb49f2232efc761e9a1d183a724efdefc6253b', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: '45a21de33b10cdcb56358c304fecf87f033b07b3', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-radial-progress.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-bdf54f32.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-e7656f4f.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large