genesys-spark-components 4.105.5 → 4.107.0

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.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-offsetX) var(--gse-ui-modal-boxShadow-offsetY) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column}:host dialog .gux-modal-container.gux-small{inline-size:var(--gse-ui-modal-small-width);max-block-size:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{inline-size:min(var(--gse-ui-modal-medium-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{inline-size:min(var(--gse-ui-modal-large-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-inline-size:calc(100vw - 48px);max-block-size:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-block-size:none}:host dialog .gux-modal-container .gux-modal-header{padding-block-start:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-lineHeight);color:var(--gse-ui-modal-headerColor)}:host dialog .gux-modal-container .gux-modal-content{max-block-size:432px;padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}:host dialog .gux-modal-container footer{padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{inline-size:100%;block-size:100%}}";
@@ -78,7 +78,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '62ce228cb99fe52b4f9d1b108da11c59bf494084', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '7986092a5aa4d908f3f22cb57a17fa5852b825b8', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'c26391c43c7f7777cea2e611b2f13c1a2c9057f4', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'be85d8c105aa1b367411503ee5ea5a802068e7f2', class: "gux-modal-content" }, index.h("p", { key: '96caa7e29cfae1cf98ab5a54a21c44f422c25298' }, index.h("slot", { key: 'cc23b697d36fe06e954ab8f49514223338bbb266', name: "content" }))), this.renderFooter())));
+        return (index.h("dialog", { key: 'c0501cff8f424b5a55410df00c8aaf3253245fd6', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '94802cf3554b266ef2f6ab2cf71fbe9c849cbd7e', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'f165b887e117fd1820a4903328f71ab136b1702e', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'f580cbc123e426631f443d20fcdd4341fc7e9f10', class: "gux-modal-content" }, index.h("p", { key: '1278d1b719a81de1ccbdefffe7b46f6231392d68' }, index.h("slot", { key: 'ffa4eba5ba0d6365ac77bbf81e82b57ff1c208a3', 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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.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');
@@ -179,7 +179,7 @@ const GuxMonthCalendar = class {
         return (index.h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (index.h("div", { key: '9caf15653919c98d027292a800265c18ad663ed6', class: {
+        return (index.h("div", { key: '483d249a808cbd5d6e073ba12f0650cb5597f734', 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: '73337930f8168b2cf3ea19e758840c4d73ede824', role: "list" }, index.h("slot", { key: '4cb56de3a3999f681f8706eecf1a8311d9aca3f0' })));
+        return (index.h(index.Host, { key: 'c134a4b9abc1d870e010a86857f9933012216737', role: "list" }, index.h("slot", { key: '343ffdf8fd2978166a9ef2a13748534fa5aaf1a9' })));
     }
     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: '83c6451801cc01f11916968c5a7fbf8268e7fdaa', role: "listitem", value: this.value }, index.h("div", { key: 'd60137a28ca16e4cbb4750d7e4352da99645b146', class: "gux-container" }, index.h("button", { key: '2087bf628ae2c59cf72b4507ce1bba3deaf5484b', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '2271fc3159882a272ca830df30ec18b521867b11' })))));
+        return (index.h(index.Host, { key: '9926fc852f8d9d32a5870cce6531d79c65886f33', role: "listitem", value: this.value }, index.h("div", { key: '554da394b223e1940ec31c22cc2a0f1640c4b1dc', class: "gux-container" }, index.h("button", { key: '7b7147ed8676d54702728769eb83bcbaf6d766dc', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '59592a31eaef4f03df031cc655209d3c570021ca' })))));
     }
     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-79505d14.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.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');
@@ -219,7 +219,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: '3e874f28af6bae4dd53e4f805751401fa48b2fb3', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '974641d1f4e0867788a64f41fc72a76688260f37', 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-79505d14.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.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: 'f297c56319dfc9f4895fdf5a1b08b4065c721db5' }, index.h("div", { key: '40c8c0f65cb3bfd8f5c916e75702f74f74abedec', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '46134600bb228490827cfecc90dfbcefb86e33eb', name: "icon" })), index.h("div", { key: 'a2deeaf2e36d6fd5e5971ff3ef46e9ae285d90a0', class: "gux-content" }, index.h("gux-truncate", { key: '89317a1a0b8b9f86f5868c0531c98db64c28d0eb', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '3d4e934f981ffbf8a75ece185586a64e1000da6d', name: "title" })), index.h("gux-truncate", { key: '088e5d0ea116c418cdaae85335d0511d3b3971b1', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '9d01e51a12423b8bb0b155aaf9093377b49283e1', name: "message" }))), index.h("gux-dismiss-button", { key: '5e2eeffd5093411d30ffc5d704fc12a3145ef979', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '31d0c5d681802c64a1e749b9cc949295d68afd51' }, index.h("div", { key: '389db0e03b54d217b56bdc4cd3a48958d426b835', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '145296993a81312a71ca52cea0c3147c57bcc8fa', name: "icon" })), index.h("div", { key: 'fc891d72f38af203b80e58203fcf64fab30b6ee0', class: "gux-content" }, index.h("gux-truncate", { key: 'ccdfb33c8b032c1677145c549776cedd2ca893a8', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: 'a0348791c2dca5229c3f3ea4e24bd1e4ebca4638', name: "title" })), index.h("gux-truncate", { key: '04ae61deae7908e60c509ee0b4e338666a9e9230', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '89656871688dbf65aec6d9099630e44fa8c123dd', name: "message" }))), index.h("gux-dismiss-button", { key: '3ee8b89c9f091f33454d18880c0a3006e4e94dce', 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: 'ee295b806a4b4684d07ddb8050ac68078e7081fb', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: 'c5d2e233f9fa85e8298d021d63c901d29c27e1dd', class: "gux-option-group" }, index.h("div", { key: 'd687f2ee801f05322e619fc7b88395bea4c5c1ca', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '8b9eb79c0f9b416686b9a6a8fb14697ff531c5a2', role: "group" }, index.h("slot", { key: '1dc003e175f8235226e4201bd7aa39223f1f0ff1' })), this.renderDivider())));
+        return (index.h(index.Host, { key: 'bca647e58d74e7467e9079fde409ea578117d0bb', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: 'f3075e33f5c57b4cad8ba65c816e45ef2b09130b', class: "gux-option-group" }, index.h("div", { key: '90c311310df4a3dc3310aa6cfebfc7e54aa33981', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: 'dbba07f02aac560f8b7be7a10e1de9f78f5ee294', role: "group" }, index.h("slot", { key: '55ab3a740365629cb415ec87f1342a4a86320977' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -63,14 +63,14 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (index.h(index.Host, { key: 'd06bcea5d7c70c36774f03a7cd66306daac39d49', role: "option", class: {
+        return (index.h(index.Host, { key: '10add6d7002533d2591f3efdb374dd43c3c46b31', 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() }, index.h("gux-icon", { key: '90a2eb77040c87448eaffe2be2d936a19ae619cb', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: '5cbfba15082263285e391cf0832146f932badd59', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '4865d9da21aa19a6ea2e45b2f7aee3489f2f2bef', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '15241b89cbdfc0c812f6470a6e65316f13087fcc' })), index.h("slot", { key: '2988840ddb55c9d627f27950b1fcddb828f327a0', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: 'c024e6235da12b00e1d9f56c5043401e34402215', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: 'e9260a4251577ee13044172fcc4af748e0339a91', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '00c4117867cdd9277b0e9bc0ec3c6957b8b060b7', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '7fe997952d9a9f65b18cb6415f5f96d12c8bba44' })), index.h("slot", { key: '36451668502b06f3cd717ce65a9d852ba5c6a9e2', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.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: 'a12903f7963e118b818b089eac34ff2afe62b64b', role: "option", class: {
+        return (index.h(index.Host, { key: '6d5378c2e2a1e2721f1b3f822aab1e450b8eea6f', 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: '23a592975ef957bc82279cf04259592e0d0dab06', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'ab6704ea332207891eaf9d31710be7eb9067cc7a', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '922a520a910f020647830866a1700fd555e76c5b' })), index.h("slot", { key: 'a35588c66a83e614b92601a5887b5f95e50f8de3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: '2265d61a2894633e19f1d3c874263de9899cb87f', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'aae2b70f061dfe4a6fea45d2c284b9faaa32b29d', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '926f3d5753c64cb5fcb3b275b9bb7c3bd7ff755c' })), index.h("slot", { key: '4f05856cd8645779f5863ad9286c7b2cf7b1a3c9', 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-79505d14.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.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: 'a5a26b54bd335539a6b99e34033aff3eb631e9ae', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: '297fc377b0080a63bce840dd932082caed920800', 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-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.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: '1e5c5b2a72af2944a3a14745fc9082f333f5e517', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'f934bdb6eb50eff65da1b9de484240d58594c698', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '17e58810c4484a3f7e3afdf3f3e6bc9e4069b92b', accent: "ghost" }, index.h("button", { key: '1de61001603db04572b8de8fb836104da4a85554', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'e358f879cb0fc61b650b7190a1cadaaa9db47ea7', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'a3b5ce6dc1ff697fdc2271a9b606680f8c765fd8', accent: "ghost" }, index.h("button", { key: 'c8fa9837a13a2c73884639603516362ca5c59b22', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '02d4c4184a2754eaaf322b118adfadd6b3f3b162', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '3732720aa26a1e936f1459888c5e94d82511a1ad', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'bb18de93354b00b15d65b6a77eeec34a557608e5', accent: "ghost" }, index.h("button", { key: '06b5906d24f4cd38586328fbe539fea6f7924bf6', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'b411ffc0d8d516dd896f1df83bb596d308f93dfd', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'ca15f46d8d5fbd55a3461b59560ee680b70645a5', accent: "ghost" }, index.h("button", { key: '4ad0e3b8e8e150c8965b0ee8271b7f7386437d34', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '5ce7805f596be04c4e9bc40c161d359e42f91a52', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: 'f39f10361d66d9c309d32ac2aba1fb4e2fd1b134', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '76edc2ee36e9de7b2cd4103adb16bd25df871cca', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '696021251277e5b6ec456584bf32d605c1857d9d', accent: "ghost" }, index.h("button", { key: 'cbbeeb85657534e2043e146e8783e36b75235fd5', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'ef8b8b9f5024ecc51e96d35ec394aaf229fbd991', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '09e05fa8ceadea0989a04ad2d2bdf67dbab1e832', accent: "ghost" }, index.h("button", { key: 'cca3029ee096aaeac52fa9fc977f93369b835e7f', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'b2559b6704da0832e8f7b2cf89806c08de9e825e', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '92a011f46c811e0f3a726418107a16dbe61ef58a', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '024d52a8f859fa2ed2782449bae1130cffe6f018', accent: "ghost" }, index.h("button", { key: '2a5783cadf131fc80a7bc21dc9b259f5afd73539', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '93b6f2791dc5756fd3ab8dd5d98315223a001b8c', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '13d38a876115838e1d081873b7abfba4c1cc75b9', accent: "ghost" }, index.h("button", { key: '7cfc10702afa3f3e1ef6e5d70a06f4657e0e41f2', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '46849c18e990d1464e0f98190e287466c1aa4b09', 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: '53604aed7721b62395e6eee2a3658b750cd6080c', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '0b498502bcf3a6e3271d47fc0c4c3a04f29e60e7', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: 'b884a3c5a783eec13b00896998b839df9ae0872c', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '6a35e9fc607abfe5bf65f8ad1011b939f5cfd403', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: 'c52b058ab08122ef54db772c215b1df4a29c6d4a' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: '2e7dfee4cd840dff1e75196a8fa8f5cb6e484c21' }, 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: '57cc57dd92345cfc43dbe46a349777e31dac5c3a', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'ca34a03a34faabaa54abd545cbf16febe1f95331', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '50199ccd3c887fd695433a71476deed2fa7e9bfa', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'c57046ad9ddf63bc4b209806380f369d83df316c', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'a07d5c6aaba0c862859b58ceebb9b2eef208275a', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '4465c707fb1f8474941671de84f09fd4ccd47cbe', 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-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.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: '72b66db1cbc26688e815dc782b0b5a28b759879d', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '17bc0dc108aa05afac2c3050e45017bc1fc69cbd', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '969ca6e7227dae0669d99fea285fbf375492b02f', accent: "ghost", "icon-only": true }, index.h("button", { key: '3662f442b719187fc86446016b27cafb22ce494c', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '6e03327be2a73b32ca6c544b1b3b246a3f161ea1', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'f3d9835f8aa4b3fa68f246736370c72d1b390a1a', accent: "ghost", "icon-only": true }, index.h("button", { key: '4ea8c4df47a919397b4b1373e7651a28bc5e6378', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'bd86ff2eac3caf867bcd1b8c3f005a363c6bad1a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '35ba6f5915d4370c89111e74e8eeba70b0c4ea03', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '2b0e96ba9184c98f8330f4bac7bba3be60a760b1', accent: "ghost", "icon-only": true }, index.h("button", { key: '934b6d5ea44d4379d5c11d54f93a1837155b6ab8', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'f4b31131e7a6a9b8fa7f784125625f75651b2a0a', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'fec4b9d51505922b372590d1a662ccbd77ab29fb', accent: "ghost", "icon-only": true }, index.h("button", { key: '6977753e1fa976906af6165ef1f512c5bc3b92a8', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '8de80526c818f209fc6fe42aa74d363e1ed60aed', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '14e2cb197b8f3a1703d6333eeb7ff8417bcefab3', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'ae06b3ef2b3bb4a750707ada7b2b006e2da08f84', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '4acc6a849ec328f1ee87d46904e81131fde51ae7', accent: "ghost", "icon-only": true }, index.h("button", { key: '20d2a336f9c6b41806dd408b1ccae46f2ec320be', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '025c7fb0362a36a399d4adbe99c4b5c39b3b0067', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '0d132964ff31001ddd3e4f20083ec7ba359b3b65', accent: "ghost", "icon-only": true }, index.h("button", { key: '30217658c71785063f1eeaf91c8b6871671b84c0', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '63492bebd681d7511522d9364f5544d46d03de96', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '1ada7b9ad943d2bbb738f0ebbdddfad4b2920b8d', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '3c683c3d73a07f7cbdb4db057512b07f8aa8ff61', accent: "ghost", "icon-only": true }, index.h("button", { key: '4e34b6fe95628a03cc820279ac4702d1f75a0ba5', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'b8864e980129846584356d13739743378f32e0f3', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '8a7f66ddae73f9ddfa09f90da9cdffefc856729a', accent: "ghost", "icon-only": true }, index.h("button", { key: 'f9194a9b13674a987ca2b95f80a2c4e185366792', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'ee3943f6e5cc0da3d9e8a45db4e050789ec9af63', 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: '3074bfecfee49de818823df5699d7ea4043c0a2a', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'd8335788be0aacfe6461a2f8af1e7fd5130b2653', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '044293b0a682f391853ae27c5e9f9e8ffbd21707', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'b69fddec13c6e23301a27e740fff918a3f22d6d5', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '9457155bbf26b5def8c1533e8361bbddcca761f7', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), index.h("span", { key: '689cc9a803488c967bee5009be885fdfd847c357', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-43072083.js');
-const index$1 = require('./index-16a4179e.js');
+const usage = require('./usage-86f0618f.js');
+const index$1 = require('./index-643c40f5.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-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.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: 'b1c4429c9e9eeb70b4e29b1b2ba32a92c528c23c', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '98be76765673793cdeac00ba6fa7b2f01dc1342e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'a620038a974e3ca72f7c510258018aa90bf58896', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '9643a2c4d28712a2de1e62b15503a6106b6471c2', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '9a7796264866788bcb2fa818e7c7aebed9882fc1', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '12785493c3b5174b10a7a1e7e49b7ed81517a47d', 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-79505d14.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.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: '8602516dee10463971c9dcd18588e5ae59220461', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '35b0b2c623b2adfd697d2233e650fd123da83c35', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: 'd0341a4f877d4d8f8d4a5fb460b521ddd78aa906', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: 'd6c03ef698ab13d8f0dcbf044462aaf24c1e86d4', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: 'ba58e1096bb6dcc20f0fe24acb444e2ed936099b', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '5c8ba4cb17c85bf335d86b41c51e0753317a0fca', 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-79505d14.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.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: '79c47b75477edcb39a51d98b29d83d9c5e06ee1f', class: "gux-pagination-container" }, index.h("div", { key: 'f9666c062ab80b17eb79b32cc7fb6c693cf538f6', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '3fce8053ae451d66574e58ab6185c9437dc8e655', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: 'b08e55067cd9b13de58e7789e1e0b1b68562df68', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '6597bb0de33af5558e3163972fab3a87833859a2', class: "gux-pagination-spacer" }), index.h("div", { key: '5caea6763b35c8cf89ce750fb369b92315d1274f', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '2bd9e8b602a2be355f05880cb912a57ff7f97b35', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '361ceaf6693c424bae10aa61798b0acac93c5e42', class: "gux-pagination-container" }, index.h("div", { key: '0d427c60e7010b510490fb0d0a25c3e021ddd6bc', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: 'ce8dec2525b01766163e54176e5d816e9126d360', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: 'cfbb91e75acfd69383540d1c948f029ae590a3a4', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: 'e67a3e34889a8c7aed71e6fe511d11518edbd14c', class: "gux-pagination-spacer" }), index.h("div", { key: 'd7696ff702f3cc254497891ec5cc2081d87b3a52', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '3594f78147f8e32531bfb3ba8b1304810c40e4be', 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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-43072083.js');
-const index$1 = require('./index-16a4179e.js');
+const usage = require('./usage-86f0618f.js');
+const index$1 = require('./index-643c40f5.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
 const logError = require('./log-error-7b9d4b57.js');
@@ -1985,7 +1985,7 @@ function getRegionObjects(locale, i18n, phoneUtil) {
     return regionObjects;
 }
 
-const guxPhoneInputCss = ":host{display:block;color:var(--gse-ui-formControl-input-populatedColor)}.gux-phone-text-input{flex:1 1 auto;align-self:auto;order:0;inline-size:100%;margin-inline-start:4px;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);color:var(--gse-ui-formControl-input-populatedColor);text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}.gux-phone-text-input.gux-disabled{-webkit-user-select:none;user-select:none}.target-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;inline-size:100%;block-size:var(--gse-ui-phoneInput-dropdown-height);padding-block:0;padding-inline:0 8px;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.target-container .gux-input{flex:1;align-content:center;block-size:100%;cursor:text}.target-container.gux-error{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.target-container:focus-within{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-field{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-phoneInput-dropdown-gap);align-items:center;inline-size:100%;block-size:100%;padding:var(--gse-ui-phoneInput-dropdown-padding);font-family:inherit;font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;border-radius:var(--gse-ui-formControl-input-borderRadius) 0 0 var(--gse-ui-formControl-input-borderRadius)}.gux-field.gux-disabled{padding:var(--gse-ui-phoneInput-dropdown-disabled-padding)}.gux-field .gux-field-content{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0}.gux-field .gux-field-content .gux-selected-option{display:flex;justify-content:center;inline-size:var(--gse-ui-phoneInput-dropdown-flag-width);overflow:hidden}.gux-field .gux-field-content .gux-selected-option gux-icon{position:relative;color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;inline-size:var(--gse-ui-phoneInput-dropdown-icon-width);block-size:var(--gse-ui-phoneInput-dropdown-icon-height);color:var(--gse-ui-phoneInput-dropdown-foregroundColor)}.gux-field-button{box-sizing:border-box;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;border-radius:var(--gse-ui-formControl-input-borderRadius) 0 0 var(--gse-ui-formControl-input-borderRadius);outline:none}.gux-field-button.gux-expanded{background-color:var(--gse-ui-phoneInput-dropdown-active-backgroundColor)}.gux-field-button.gux-expanded .gux-expand-icon{transform:rotate(180deg)}.gux-field-button:hover{background-color:var(--gse-ui-phoneInput-dropdown-hover-backgroundColor)}.gux-listbox-container{box-sizing:border-box;inline-size:fit-content;min-inline-size:var(--gse-ui-phoneInput-dropdown-menu-minWidth);margin:0}.gux-option-content{display:grid;grid-template-columns:36px 1fr;align-items:center;inline-size:100%}.gux-option-content .gux-country-code{text-align:end}.gux-option-content gux-icon{position:relative;inset-inline-start:4px;inline-size:var(--gse-ui-phoneInput-dropdown-icon-width);block-size:var(--gse-ui-phoneInput-dropdown-icon-height);color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-region-select{block-size:100%;border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-region-select:focus-within{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset)}";
+const guxPhoneInputCss = ":host{display:block;color:var(--gse-ui-formControl-input-populatedColor)}.gux-phone-text-input{flex:1 1 auto;align-self:auto;order:0;inline-size:100%;margin-inline-start:4px;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);color:var(--gse-ui-formControl-input-populatedColor);text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}.gux-phone-text-input.gux-disabled{-webkit-user-select:none;user-select:none}.target-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;inline-size:100%;block-size:var(--gse-ui-phoneInput-dropdown-height);padding-block:0;padding-inline:0 8px;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.target-container .gux-input{flex:1;align-content:center;block-size:100%;cursor:text}.target-container.gux-error{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.target-container:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-field{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-phoneInput-dropdown-gap);align-items:center;inline-size:100%;block-size:100%;padding:var(--gse-ui-phoneInput-dropdown-padding);font-family:inherit;font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;border-radius:var(--gse-ui-formControl-input-borderRadius) 0 0 var(--gse-ui-formControl-input-borderRadius)}.gux-field.gux-disabled{padding:var(--gse-ui-phoneInput-dropdown-disabled-padding)}.gux-field .gux-field-content{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0}.gux-field .gux-field-content .gux-selected-option{display:flex;justify-content:center;inline-size:var(--gse-ui-phoneInput-dropdown-flag-width);overflow:hidden}.gux-field .gux-field-content .gux-selected-option gux-icon{position:relative;color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;inline-size:var(--gse-ui-phoneInput-dropdown-icon-width);block-size:var(--gse-ui-phoneInput-dropdown-icon-height);color:var(--gse-ui-phoneInput-dropdown-foregroundColor)}.gux-field-button{box-sizing:border-box;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;border-radius:var(--gse-ui-formControl-input-borderRadius) 0 0 var(--gse-ui-formControl-input-borderRadius);outline:none}.gux-field-button.gux-expanded{background-color:var(--gse-ui-phoneInput-dropdown-active-backgroundColor)}.gux-field-button.gux-expanded .gux-expand-icon{transform:rotate(180deg)}.gux-field-button:hover{background-color:var(--gse-ui-phoneInput-dropdown-hover-backgroundColor)}.gux-listbox-container{box-sizing:border-box;inline-size:fit-content;min-inline-size:var(--gse-ui-phoneInput-dropdown-menu-minWidth);margin:0}.gux-option-content{display:grid;grid-template-columns:36px 1fr;align-items:center;inline-size:100%}.gux-option-content .gux-country-code{text-align:end}.gux-option-content gux-icon{position:relative;inset-inline-start:4px;inline-size:var(--gse-ui-phoneInput-dropdown-icon-width);block-size:var(--gse-ui-phoneInput-dropdown-icon-height);color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-region-select{block-size:100%;border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-region-select:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";
 const GuxPhoneInputBetaStyle0 = guxPhoneInputCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -2345,7 +2345,7 @@ const GuxPhoneInput = class {
         return (index.h("div", { slot: "popup", class: "gux-listbox-container" }, index.h("gux-listbox", { "aria-label": this.i18n('regionDropdown'), value: this.region ? this.region.alpha2Code : '' }, this.regionOptions)));
     }
     render() {
-        return (index.h("gux-popup", { key: '88fda2068da55381d5ac83f0853463c623d79c4a', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '9486015223b4b9033b10c67fce3f2178c9041912', 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-popover-beta.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-0b237e01.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.js');
 const getSlot = require('./get-slot-676aebf2.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 
@@ -203,10 +203,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: '0956debf6d168a53d2392a9097d1021a40db81ed', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '5e481cf437fbeeb2b9a504cbab1bc379dbe7fba6', ref: (el) => (this.popupElement = el), class: {
                 'gux-popover-wrapper': true,
                 'gux-hidden': !this.isOpen
-            }, "data-placement": true, popover: "manual" }, index.h("div", { key: '8ac78e31d4225d15a19cb213340b43894421d401', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'e763e9f6aaadb4e6746227948e4565dcb9ad5da8', class: "gux-arrow-caret" })), index.h("div", { key: '89e0769e83e1275f6c59d83a8aec84ac781f0139', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '1f81a0750b248977353e6ee1071e053b8b4e1f00', name: "title" }), this.renderDismissButton()), index.h("div", { key: '01b627cce8e37043bbd65b34f1a60c1104edfd93', class: "gux-popover-content" }, index.h("slot", { key: 'b19b3f19dc701ea048b8d14460d743b215a1da63' }))));
+            }, "data-placement": true, popover: "manual" }, index.h("div", { key: '1ef55c5205040fabe293a146b07e5a1f56468657', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '4527d7f23a405d8d937c5bb5150ae7b88286b946', class: "gux-arrow-caret" })), index.h("div", { key: '877961881a63783b4fa19387badb63cac0701540', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '8ab06c20228f35f0925abd7f125b237ddaa2cdac', name: "title" }), this.renderDismissButton()), index.h("div", { key: '71eec119b566ee0093dc0f0ac4b4406d2d17ba78', class: "gux-popover-content" }, index.h("slot", { key: '4794c27cb2eca72bf18132ff1daae35369576a71' }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-0b237e01.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.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-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-popover-boxShadow-color);}.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)}";
@@ -150,10 +150,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'f42b52fb101ae28228a43b1b63380786c96e0ae7', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '2cbd8677025be6ba4dfef8c1165149a16d0acd2a', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true, popover: "manual" }, index.h("div", { key: '4c56c1d765988e6ab6d780f3531f5268ff8edac1', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '5b57ef382386c628ce0f0f94e1cf6853c73f9331', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'f97d9ab45434408704a6371cafa24899fd151500', class: "gux-popover-content" }, index.h("slot", { key: 'b363ec66ffaaf1e8995d7338097a52de3cc37d38' }))));
+            }, "data-placement": true, popover: "manual" }, index.h("div", { key: '7c8f422379a975dd8dc50ebcda8daa8d3c268c4f', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'fec3a9253c4a9d99997ddd0bcee5e18baee45c27', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'eca980665fa52dbb091f4feb814df0aecabc6b9a', class: "gux-popover-content" }, index.h("slot", { key: '5b5224973fc71787a27f37661f4a0fe0a349fdee' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-0b237e01.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.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-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-popover-boxShadow-color)}.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: '1b02a01f621c02ead2e7e7f50f7dc8ff4075da8c', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '4365357f070d653d27906fd322bb10613f5eda61', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: 'b7e1b6a96eab5bdf499f09f5bba7a2b879755eaa', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'c6b2b9666fa5bb0960a8deec40d9ad3a23d449ae', onClick: this.dismiss.bind(this) })), index.h("div", { key: '4ec65a1e7c0e8eaa149abaeb6e9afae5e3306337', class: "gux-popover-content" }, index.h("slot", { key: '430a10c1a7007e442f854dbcfbce8160046c0bd0' }))));
+            }, "data-placement": true }, index.h("div", { key: 'a52166eb4517ce70b4b58a2bbf4eeec549a1b5a2', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '6989f4b125db15a9fed242a3e5cd17ecbceaf6dd', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'a27b7bc15dffeff356853d8d167b737133c289e8', class: "gux-popover-content" }, index.h("slot", { key: 'bfc8cfc0f9f8555c8383ba64f149e67006f7843b' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -110,13 +110,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (index.h("div", { key: '0f088e297f3f94a7391aad49bdd07f6aec47dade', class: {
+        return (index.h("div", { key: 'e65eba8bf2ea21b2c75e5d7219e8d4ce847f14cf', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: 'dae472fe22e9774dd5e6c859fbe20388340ca935', name: "target" }), index.h("div", { key: '301bf56aef78a42ef8edb98696b03facf445fb5b', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '10a5ee61912e0f0155e566fa0d8a71b8dc673958', name: "target" }), index.h("div", { key: 'f45ed6fe78f16164e6141fedd8b0dd59878cf3fa', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: 'b369d17d7fc08f60c4452812cfb3959a91c6ccaf', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '04965afccbb522397d745370c3c83fa3b20c8e9b', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-43072083.js');
+const index$1 = require('./index-643c40f5.js');
+const usage = require('./usage-86f0618f.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: 'a717d08f30176cd1face7f2a96a8bc82d3e7b2f8', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: '16fb3b949cb308eb7f78ec2cfeccb490af187593', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const clamp = require('./clamp-e86a226e.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.js');
 const logError = require('./log-error-7b9d4b57.js');
 
-const guxRatingCss = ":host{display:inline-block;min-inline-size:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-sm-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset);box-shadow:0 0 0 1px var(--gse-semantic-border-focus)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;inline-size:var(--gse-ui-rating-size);block-size:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";
+const guxRatingCss = ":host{display:inline-block;min-inline-size:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);box-shadow:0 0 0 1px var(--gse-semantic-border-focus)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;inline-size:var(--gse-ui-rating-size);block-size:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";
 const GuxRatingStyle0 = guxRatingCss;
 
 const GuxRating = class {
@@ -55,10 +55,12 @@ const GuxRating = class {
         const increment = this.increment === 'half' ? 0.5 : 1;
         switch (event.key) {
             case 'ArrowUp':
+            case 'ArrowRight':
                 event.preventDefault();
                 this.updateRatingValue(this.value + increment);
                 break;
             case 'ArrowDown':
+            case 'ArrowLeft':
                 event.preventDefault();
                 this.updateRatingValue(this.value - increment);
                 break;
@@ -108,7 +110,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '45411c1655a6a9732c340ac435bd006971b21445', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: '0bc889c9cfd3275304c20f296925f147074e05c4', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: '7a1f7dd943fd797480d21133fe1ee6237dfc257e', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: 'fe8a2ceb34c2d514f7ecffd0e1d3c8675aee515d', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));