genesys-spark-components 4.199.1 → 4.200.0

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var usage = require('./usage-DMdlKJnN.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;overflow:hidden;background-color:var(--gse-ui-modal-backgroundColor);border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host dialog::backdrop{background:var(--gse-ui-modal-shroudColor)}:host dialog .gux-modal-container{display:flex;flex-direction:column}:host dialog .gux-modal-container.gux-small{inline-size:var(--gse-ui-modal-small-width);max-block-size:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{inline-size:min(var(--gse-ui-modal-medium-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{inline-size:min(var(--gse-ui-modal-large-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-inline-size:calc(100vw - 48px);max-block-size:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-block-size:none}:host dialog .gux-modal-container .gux-modal-header{padding-block-start:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-lineHeight);color:var(--gse-ui-modal-headerColor)}:host dialog .gux-modal-container .gux-modal-content{max-block-size:432px;padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap);overflow-y:auto;color:var(--gse-semantic-foreground-container-highEmphasis)}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}:host dialog .gux-modal-container footer{padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{inline-size:100%;block-size:100%}}";
@@ -83,7 +83,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '92f0f077df97b644f7da4a32c66bb08f98afe165', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '2cc343816355a89ec93411655a75ae08cee7a040', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '27c52d51864c0719c26cd6a006afb885fd0d5953', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '9963d374059c8924a92259459887621f8ceec46a', class: "gux-modal-content" }, index.h("p", { key: 'aef0e0a783c6cfa30d2f4842f2cedfba7f0d6109' }, index.h("slot", { key: '39bcdbb2c3bbba2a8384a0d8d2406bce94ea894d', name: "content" }))), this.renderFooter())));
+        return (index.h("dialog", { key: '30f2ef71960523a077d916462b8ddc0169e432f6', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '3f856eafab224757ec09e8493710de439795704f', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '8a91fd7873ba6ed2da23849ff5e6bd72698e217d', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'f7ce68d63b2a1e00419a8e2f6665ccbae2df0382', class: "gux-modal-content" }, index.h("p", { key: '00e6418805bb45ab03e7ec51cadca623b59c62f7' }, index.h("slot", { key: '78710ccc7341bb4ece460ae794a9b5655e5cfac5', 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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
-var index$1 = require('./index-ZbfXD2eC.js');
-var sparkIntl = require('./spark-intl-DbMn-aKP.js');
+var index = require('./index-CJEUJwB7.js');
+var index$1 = require('./index-DqhFjElJ.js');
+var sparkIntl = require('./spark-intl-cfvEjiOP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 var guxList_service = require('./gux-list.service-CecJpxVa.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-C0Jt1SGJ.js');
-var onClickOutside = require('./on-click-outside-8ywyMNsB.js');
-var index$1 = require('./index-ZbfXD2eC.js');
-var sparkIntl = require('./spark-intl-DbMn-aKP.js');
+var index = require('./index-CJEUJwB7.js');
+var usage = require('./usage-DMdlKJnN.js');
+var onClickOutside = require('./on-click-outside-B_0pncNB.js');
+var index$1 = require('./index-DqhFjElJ.js');
+var sparkIntl = require('./spark-intl-cfvEjiOP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var index = require('./index-CJEUJwB7.js');
+var usage = require('./usage-DMdlKJnN.js');
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:var(--gse-ui-toast-success-foregroundColor);background:var(--gse-ui-toast-success-backgroundColor);border:1px solid var(--gse-ui-card-default-border-color);border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:var(--gse-ui-toast-error-iconColor)}.gux-icon.gux-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-icon.gux-positive{color:var(--gse-ui-toast-success-iconColor)}.gux-icon.gux-neutral{color:var(--gse-ui-toast-info-iconColor)}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:var(--gse-ui-toast-success-foregroundColor)}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-semantic-heading-sm-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-sm-bold-fontSize);line-height:var(--gse-semantic-heading-sm-bold-lineHeight);font-weight:var(--gse-semantic-heading-sm-bold-fontWeight)}";
 
@@ -18,7 +18,7 @@ const GuxNotificationToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: '6daa191820002bec49323dee38e53c514331a6d7' }, index.h("div", { key: 'dd6e6e6b7921a01f1ea96a508808c35776655c2b', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'a6a26085aac2f7dae2ddd22fd0d1ae026d9e780d', name: "icon" })), index.h("div", { key: '1e24f7347557f5e49cecfd53c6d104175fcf5bdc', class: "gux-content" }, index.h("gux-truncate", { key: 'e5cf7c12b2a87ca82759b70d79c6642fbbc152b1', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '584a3c5705d4d47deb6bf39580779f22fc58fc24', name: "title" })), index.h("gux-truncate", { key: '6672987849e0ce4e6650915ea6962aa382577d9f', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '3aff6689d3b6688e152ccb24539b6334a5a686a0', name: "message" }))), index.h("gux-dismiss-button", { key: '974b0c24254c7a9baad50540cf20aed1b4be8526', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: 'c51154ad7199d5cd7ad187791a778b6c5b009f6c' }, index.h("div", { key: '9464911b087eae17af3e2869bdfc5340811ef7f3', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'd786365a3fc451e78beb09839f17813a5b0dfbe6', name: "icon" })), index.h("div", { key: 'ce7b1adc5f511724d9716609ada00dfce17ade39', class: "gux-content" }, index.h("gux-truncate", { key: '4edee71e6769ea8c059751afdf877f58301f1849', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '00ec24675b1b8c0cc7ab60dfc03a213203208ff4', name: "title" })), index.h("gux-truncate", { key: 'a6bf67717956a4af16d32c035ddc7f93fe8b0c9e', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '481a362b5c0a95d3118509f9fae4509bdb85fa85', name: "message" }))), index.h("gux-dismiss-button", { key: '42437403b32248e283d07e75bbf9e27afe171afe', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 var onMutation = require('./on-mutation-MIY4v9bf.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}";
@@ -53,7 +53,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'bf2264fad5ccaa3d3d885ddcb00ace36acda818f', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '833836658495be364285015ccd02d7f0cca00d38', class: "gux-option-group" }, index.h("div", { key: '51409c34282375f34255a56551a0c32de08aa899', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '3d081524b65f73004e1f69f2cb9fc3bf84ef72b6', role: "group" }, index.h("slot", { key: '45179640a98fc95894209ddd48ac2090d82223e0' })), this.renderDivider())));
+        return (index.h(index.Host, { key: '09c3f56d626dbe64bbd35193ec590fd0ebc94b06', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '38f09d8d52cc298889c5f5decd623cb87b3953dd', class: "gux-option-group" }, index.h("div", { key: '177f1266b88a5d26d7fd9431587d340803a7e718', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '463b5c686c7dcf602b2d3618dc61eb702ca973c8', role: "group" }, index.h("slot", { key: 'dcea8f4fad1b3709e1d6144f4b467bca6f7759bf' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 var booleanString = require('./boolean-string-D-xbzBO7.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
@@ -64,14 +64,14 @@ const GuxOptionIcon = class {
         return (index.h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (index.h(index.Host, { key: 'cb40e6e9db3a150b24d779f5801201d7034482b7', role: "option", class: {
+        return (index.h(index.Host, { key: '1068d1f0f436b632985d1fc34baedcae532fb16d', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString.booleanString(this.disabled || this.hasDisabledParent()) }, this.renderMaybeIcon('start'), index.h("div", { key: '4738cb8ff649e71f891e526f3b7e65e1b6ecd1f9', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '1e23fbcd5b56864ceac352f74057d610a99d4038', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'f79049af5816cc211f0f26738ca916859a0f4c1d' })), index.h("slot", { key: '3d5a875166cd6021649e552e4558811f272490c2', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString.booleanString(this.disabled || this.hasDisabledParent()) }, this.renderMaybeIcon('start'), index.h("div", { key: 'b625d6efe6382323cb0470daae78b6c6f10af987', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '4b193caacf57b6382a7f00a6287d3a9f1d1c9d55', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '1373b5c30a53fc60ce113f3aa5057661de4bc29c' })), index.h("slot", { key: '36a691705831fd1e7d0ebfc7e9204e8b6a7e8571', 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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 var booleanString = require('./boolean-string-D-xbzBO7.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var index$1 = require('./index-ZbfXD2eC.js');
+var index$1 = require('./index-DqhFjElJ.js');
 
 const removeCustomElementInstructions = ", unselecting this custom option will remove it from the list";
 var translationResources = {
@@ -68,13 +68,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'abf4485d68fda4dcbd70c9e40b2773fc9354338d', role: "option", class: {
+        return (index.h(index.Host, { key: '832db3f02de1b66a5302c0365785b1a15a969c74', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": booleanString.booleanString(this.disabled || this.hasDisabledParent()) }, this.renderSVGCheckbox(), index.h("div", { key: '595f722356cb1b8bcdc7eb1ad7615098854d9d5a', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'd1789f25e09da7ae6f175644d2d2d2a18abae0ad', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '9e22fa35ce5c074e8220a6a52d6389aaf4a24b9d' })), index.h("slot", { key: '38b9f04c81e3241628ee2e7fd638684652edac14', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": booleanString.booleanString(this.disabled || this.hasDisabledParent()) }, this.renderSVGCheckbox(), index.h("div", { key: 'c4d4fb43ba511d6b43d8a804eeb1df334c5dec09', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '945be15d5bcf51342f430c9a06c09b1a30d5797d', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'ee7c5adb35764dc4fff585221f4920580e2c24ff' })), index.h("slot", { key: '56ded69f8ec00d648cfceafe9ecd70de3e89c36a', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var index = require('./index-CJEUJwB7.js');
+var usage = require('./usage-DMdlKJnN.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 
@@ -13,7 +13,7 @@ const GuxPageLoadingSpinner = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-radial-loading", { key: '68ac2d2c8ade1f89bce562c4160234244c0cf3df', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: 'd62fbea7aa39eb04eb780c886ce062c347362910', 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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
-var index$1 = require('./index-ZbfXD2eC.js');
+var index = require('./index-CJEUJwB7.js');
+var index$1 = require('./index-DqhFjElJ.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const page = "Page";
@@ -184,7 +184,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (index.h("div", { key: '65792575a578ebd97495220d61d301f9a59041f4', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '2b38e21a1a55cfc93eb355cfaa9ab75be3bfa7f2', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '44a5758883dc58e9ba759168c60ba19c03a808e9', accent: "ghost" }, index.h("button", { key: '34e669862c9ae135bb7c457d4c45537dcc215ee3', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '5adf918b92b59f8a2367c7d495ef92c3a5aaadd9', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '6c5ed0bc819db193ca5450625ad6a9ef17495814', accent: "ghost" }, index.h("button", { key: '73363f269b66ce2e44cb709a983f96050f039dba', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '68727697f2b5a61a7fc3eaf2421a170c098b7786', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '7b15fbac4877812fcaa2d3b9b9146aa9dfd25dc9', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '9843858241adc47ac5a500c6c3837671d61dc3c9', accent: "ghost" }, index.h("button", { key: '5f753b96ac491d56078dd1fe4796d43eb2825253', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'b632559c6309820e7a71f1de2716b470494474c8', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '9daa5f379d44eaadab76c1060bcc1a0c3979ffc4', accent: "ghost" }, index.h("button", { key: '9d38ade2d68ad8146e882d68b92e3cbed62935b1', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'b0e5098e8e2ecb75fdbd7fcd7c9de6b4b2b2e20d', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '35768f2fce06a1c9171685667446cd85c04373c8', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '9967f29b97db3843711b4a28e8f3f6b4b1aa7336', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '1605b567f42dc647de70682b0cc85ec1441073ef', accent: "ghost" }, index.h("button", { key: '847482805ba0e40cb3fcdcbfe2e4f25f3ea8d6c5', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '3498d9f65841c6247a143b9638563f45915b2eee', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'db884e8e62b42dd4d97328e69519cfccdf0f5371', accent: "ghost" }, index.h("button", { key: '3b5d995d2318cff67d36c1cdd93e74ba46ab950a', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '4a54c434f5cfdc283a2b6f8cc5bf5de71aaef5a3', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '864faf4c58059ab662d85502a1f459f4762a1c69', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '41b97fe0c5dd8a09688997f3f5d28ef56219f755', accent: "ghost" }, index.h("button", { key: 'cfe4b065f37d6a97558ad007e73ff809fc77a7bc', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '982ac32c2467b6b5e25948fb2562e6a34b0336db', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '6a8c337d59bce08bab00692be270084bc7ae9604', accent: "ghost" }, index.h("button", { key: 'f4f51c0f77ac504b9c86ba806d8f4946692fbb33', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '2fca58f49d109b9c886a1f9e3b62317ab19a0873', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -222,10 +222,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (index.h("div", { key: 'ff3df2a0bc3d4d2f9a190a9496d69b08a0da5ba7', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'cf0e54b9774a88bcbd034bf2b55b7b7146432ffc', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: 'efc9f4c80da3148b9a86cc3b375d31bf94c40dc4', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '5375e5e9e75f55b291472fa5ce08988c2d38d474', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '9914721896c2053bf6c08d1f9b37485366fda101' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: 'b972eb99cdf2878ffb3493428e9bbfba61777871' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return index.getElement(this); }
 };
@@ -262,7 +262,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: '6c6097f50c306c405511d10754b8f2e561b7e21b', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '9a71906fb95d919d88c4c125759dba87de0c7360', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'dca4c2e9270b9c21413181d901d8f9d4cf5f2827', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '30e2fe510472873882207154692b087bcbce65b5', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '61cfc4367bdd23dae8c224875e2b9124ee5f7a74', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'c36117b155f0eecd5da415ad40b4963eda2a47fb', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
-var index$1 = require('./index-ZbfXD2eC.js');
+var index = require('./index-CJEUJwB7.js');
+var index$1 = require('./index-DqhFjElJ.js');
 var en = require('./en-0H0Z_nRu.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 require('./get-closest-element-CfyZl7i7.js');
@@ -219,7 +219,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h("div", { key: '47f6e2ba69104138f2255d2b5898a9ed78737ee6', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '7d1f2d67f25b9d3289a3181d66bcb8c778f46fac', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'b54843a967f03b7a9c791e6057646c369f4003bd', accent: "ghost", "icon-only": true }, index.h("button", { key: 'cef23624e59fc7a82e2f6dd35e18acd241e4e619', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '79c954e162cb8cff6ab6cf6b170d50f586705513', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '99341206745b6aa1cd0b474b6018904f3e3d3a89', accent: "ghost", "icon-only": true }, index.h("button", { key: '88b1a83e44d5ac3f56b4c7a262cc4080db074b66', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '3b8b492763cc2eb5c8db779c5eddc5d9649a7251', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '1c52792a1eb1eb6e6fb18e44709d70196104a0d8', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'b0f816206db6c8f35d05dd30069468be042e8efb', accent: "ghost", "icon-only": true }, index.h("button", { key: '6dc98d7cef11d4165d2ddaaba422c00cdad2aba2', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'b850a34ba4bc84aa47e3b0feec8d72950114ae39', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'fcf0191b625328089b534b2142b7fd93f2e97c5e', accent: "ghost", "icon-only": true }, index.h("button", { key: 'ededd66699f69c3dacc58f1e3a62d81f31aacdb6', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '1dff7fd595c67cd2f26e44e1fab00e29b0b13a9b', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: 'e26d11e9bd23006b07a146e3409e14e351c940cc', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '499780ca8ac612e98011fd7e931157004588563e', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '2b1d97007832a825186b9bb2ddb53e47400023d5', accent: "ghost", "icon-only": true }, index.h("button", { key: 'b7883f38b4707cb23b2cce6027480e5d0a376a17', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '989d8699e6ae5fb774e606410653d772ba68089f', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'e6a0e3ce36de38bf54fb49e86733e885db666bb0', accent: "ghost", "icon-only": true }, index.h("button", { key: 'e842949080b0c4dfa646aa1e5bc3a96f2b81830e', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '0a7e478c7c2b5cc679e2afc946ffe617d346d778', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: 'beb94fad08853ab3f29e8688ef87a580f6cde32f', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '27c06da179d60e595f2409892c967c56f4eea141', accent: "ghost", "icon-only": true }, index.h("button", { key: 'e6b02f809fca4ea6e7f2bcdda417888c2ee0a97c', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '0cdcebbfd70e5acab11013509209acd6349662cf', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '50e4d00fc5928629545586698d7a3452d4cb499e', accent: "ghost", "icon-only": true }, index.h("button", { key: '89467a024900b2b41fbb25ad9983bb5f24d9d9fb', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '017bf437504406ff20b18f654784fe973dd6a6dd', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -262,10 +262,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'c3dc8f9db0f2dbe27bd11e5d4ffaa67ac29ad894', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '5c2692dc81a425b30afcb56af407341514fc8f39', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: 'd2403e7deddd25071890695d3b79029cebf7c0e9', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'd631cc135b8e56ad1fc0f7a1b93e6039a3c2822a', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '5d702cf5878ff6ca9466c7c94828e0a877e58b7a', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), index.h("span", { key: 'df62f74c86b37ec52f64729ee851860aa5d48bc7', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-C0Jt1SGJ.js');
-var index$1 = require('./index-ZbfXD2eC.js');
+var index = require('./index-CJEUJwB7.js');
+var usage = require('./usage-DMdlKJnN.js');
+var index$1 = require('./index-DqhFjElJ.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const previous = "Previous";
@@ -22,11 +22,15 @@ const GuxPaginationCursor = class {
         this.hasPrevious = false;
         this.hasNext = false;
         this.layout = 'simple';
+        this.disabled = false;
     }
     handleInternalitemsperpagechange(event) {
         this.guxitemsperpagechange.emit(event.detail);
     }
     onButtonClick(paginationDetail) {
+        if (this.disabled) {
+            return;
+        }
         if ((paginationDetail === 'previous' && this.hasPrevious) ||
             (paginationDetail === 'next' && this.hasNext)) {
             this.guxPaginationCursorchange.emit(paginationDetail);
@@ -38,18 +42,19 @@ 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", decorative: true, size: "small" }), index.h("gux-screen-reader-beta", null, 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", decorative: true, size: "small" }), index.h("gux-screen-reader-beta", null, 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.disabled || !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, index.h("gux-icon", { iconName: "custom/chevron-left-small-regular", decorative: true, size: "small" }), index.h("gux-screen-reader-beta", null, this.i18n('previous')))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { class: "gux-simple-button", type: "button", disabled: this.disabled || !this.hasNext, onClick: () => this.onButtonClick('next') }, index.h("gux-icon", { iconName: "custom/chevron-right-small-regular", decorative: true, size: "small" }), index.h("gux-screen-reader-beta", null, this.i18n('next')))))
         ];
     }
     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", 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" }))))),
+            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.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.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()
         ];
     }
     renderItemsPerPage() {
-        return (this.itemsPerPage &&
-            (index.h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) })));
+        if (this.itemsPerPage) {
+            return (index.h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, disabled: this.disabled, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }));
+        }
     }
     render() {
         return this.layout === 'advanced'

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
-var index$1 = require('./index-ZbfXD2eC.js');
+var index = require('./index-CJEUJwB7.js');
+var index$1 = require('./index-DqhFjElJ.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const perPage = "per page";
@@ -36,7 +36,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: '3f41b848d118567d55cea69cbb21f5b5948aa95e', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '15fc67b2b46724549563e55806de603052a77d73', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '7de04c826fa8f00389c6e01e5013283484e2607e', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'fb31ce3117f1c2e3d7427b1379b9a95401b90953', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '278c9e24468cdf7d30536454ef45f85a3dbccc60', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'c0cb80d09da5180cfc37f6029a9ccc79f75a2f97', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var index = require('./index-CJEUJwB7.js');
+var usage = require('./usage-DMdlKJnN.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}";
 
@@ -76,7 +76,7 @@ const GuxPaginationLegacy = class {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (index.h("div", { key: '754599f052104e0447451b2d066af671882af23c', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '97373c90315fdc27b23948d2b13f4e288a330de1', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '8defcc8a710ae8f0521424acd8de8274c456d086', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '67b85207ddadf7acc368f95982b0fb3b8e28b5b2', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '6c412cafcc3051685b3b2d5593cd01bb7014668f', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '947f72612e62d306ed501832b8875f4962a7d4d5', 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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var usage = require('./usage-DMdlKJnN.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}";
 
@@ -101,7 +101,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (index.h("div", { key: '6e6a006db9b25cb2950774843680fbb6736ebe21', class: "gux-pagination-container" }, index.h("div", { key: '19af8033a4ede7b0c009aa00866a491fc59c32f1', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '590aaf55cc1d334b2c0617b3c82f20527d12b204', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: '41bd0930fe7d88760bd80594cda5d9b493ecc9cd', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '3b03389adfb70ca9f83a736a025ce11883f4330d', class: "gux-pagination-spacer" }), index.h("div", { key: 'bae00961ea358b309323f85de8de5de58008bf88', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: 'fa794adb861f86054dcf43964b2ba615b9aba45e', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: 'be5a0776f4a931c44242abbb20428d1a905dbbcd', class: "gux-pagination-container" }, index.h("div", { key: '9570fb3d5579f26c03cbe95ea130a275f5e92a11', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: 'c7a536c877fa18347dc3cc1ecada68e736e67c78', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: 'f9ff37ab727ec5a1ad65b8214ea2a55d351ba3a9', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '1c3a96ec3866a6632d9d0dda73ccbf4801e061c9', class: "gux-pagination-spacer" }), index.h("div", { key: '043a3b305c1d495f534294671727972f9d5b615d', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '72588d92f9ffeeb3bc20cc7a7d65323f212c6b55', 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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
-var usage = require('./usage-C0Jt1SGJ.js');
-var index$1 = require('./index-ZbfXD2eC.js');
-var onClickOutside = require('./on-click-outside-8ywyMNsB.js');
+var usage = require('./usage-DMdlKJnN.js');
+var index$1 = require('./index-DqhFjElJ.js');
+var onClickOutside = require('./on-click-outside-B_0pncNB.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
@@ -1999,7 +1999,7 @@ function getRegionObjects(locale, i18n, phoneUtil) {
     return regionObjects;
 }
 
-const guxPhoneInputCss = ":host{display:block;color:var(--gse-ui-formControl-input-populatedColor)}.gux-phone-text-input{display:inline-flex;flex:1 1 0%;align-self:auto;order:0;margin-inline-start:4px;overflow:hidden;text-overflow:ellipsis;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);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border: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;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;border-radius:var(--gse-ui-formControl-input-borderRadius)}.target-container .gux-input:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.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)}.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-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);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;color:var(--gse-ui-phoneInput-dropdown-foregroundColor)}.gux-field-button{box-sizing:border-box;outline:none;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)}.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;border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}.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;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 guxPhoneInputCss = ":host{display:block;color:var(--gse-ui-formControl-input-populatedColor)}.gux-phone-input{display:flex;flex:1 1 0%}gux-popup{display:inline-flex;block-size:100%}gux-popup .gux-country-code-container{block-size:100%}.gux-phone-text-input{margin-inline-start:4px;overflow:hidden;text-overflow:ellipsis;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);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}.gux-phone-text-input.gux-disabled{-webkit-user-select:none;user-select:none}.gux-phone-text-input:focus-visible{outline:none}.gux-input-container{flex:1;align-content:center}.gux-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;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)}.gux-target-container .gux-input{display:inline-flex;flex:1;align-content:center;align-self:auto;block-size:100%;cursor:text;border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-target-container .gux-input:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-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)}.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-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);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;color:var(--gse-ui-phoneInput-dropdown-foregroundColor)}.gux-field-button{box-sizing:border-box;outline:none;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)}.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;border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}.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;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)}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -2342,10 +2342,7 @@ const GuxPhoneInput = class {
             }, type: "tel", placeholder: this.phoneUtil.format(this.getExampleNumber(), this.displayFormat), value: this.value, disabled: this.disabled })));
     }
     renderTarget() {
-        return (index.h("div", { class: {
-                'target-container': true,
-                'gux-error': this.hasError
-            }, slot: "target" }, this.renderCountryButton(), this.renderInput()));
+        return (index.h("div", { slot: "target", class: "gux-country-code-container" }, this.renderCountryButton()));
     }
     getRegionOptions() {
         return [
@@ -2356,7 +2353,11 @@ 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: '62585e20d6b6c973cc8e1aec5393da033fb8f03b', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("div", { key: '420f6fa4559943b28bbafd0e76a855efae426d4e', class: {
+                'gux-target-container': true,
+                'gux-error': this.hasError,
+                'gux-phone-input': true
+            } }, index.h("gux-popup", { key: '0378b9ceade47d851bdac55592e3ba8163797bb1', expanded: this.expanded, disabled: this.disabled, exceedTargetWidth: true }, this.renderTarget(), this.renderPopup()), this.renderInput()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
-var onClickOutside = require('./on-click-outside-8ywyMNsB.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var onClickOutside = require('./on-click-outside-B_0pncNB.js');
+var usage = require('./usage-DMdlKJnN.js');
 var getSlot = require('./get-slot-EZYuUuno.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');
 
@@ -249,10 +249,10 @@ const GuxPopover = class {
         this.disconnect();
     }
     render() {
-        return (index.h("div", { key: 'cd717fc4a2b65715f4f49c10a1274502282a894f', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: 'd6a1890a61e1a666c28b14ad74e998340d5b259b', ref: (el) => (this.popupElement = el), class: {
                 'gux-popover-wrapper': true,
                 'gux-hidden': !this.isOpen
-            }, "data-placement": true, popover: "manual", tabindex: "-1" }, index.h("div", { key: 'd2d06500668de250f49aa2cc6b1aa6d07df1e4dc', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '540364567f012dea062b750d887f774585516ee6', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'd61812519b776adbaeaa8a6d6f35758874b38647', onClick: this.dismiss.bind(this) })), index.h("div", { key: '8ec9002b6f6cf1e458496977a3a83edf8d1e93b8', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '37d4523d4bd57d183efb57649967fea5e991e75f', name: "title" })), index.h("div", { key: 'd32982d010cfea393481f20c05dff7aa344a01b8', class: "gux-popover-content" }, index.h("slot", { key: 'a34bb09839a0572215f57b50f44f96fc44fe9780' })), index.h("div", { key: '01208a17b032946f5730c15d3b9fed4817905df6', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, index.h("slot", { key: '9f8f0bb5f42cd6279e220912bec61c26eb293425', name: "footer" }))));
+            }, "data-placement": true, popover: "manual", tabindex: "-1" }, index.h("div", { key: '56641905a98a881c0a96ff9a76d1f03fed3a5ae7', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '61e6c12e87534480ea3e3be5fb0757dce0988925', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '51771037d8b15165d0c945f3ee2bb88b7acc157a', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'a8c715bfb834f8dfbd9ba3918896e5eeded171e8', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '1dbc007ef80667c0a862ec7bff1375c1b4d6edb7', name: "title" })), index.h("div", { key: 'fd339b9fa62478a42c61995bd7b06d3ef04bda06', class: "gux-popover-content" }, index.h("slot", { key: '6084604268241242e63893e01c2c9305aca5f82e' })), index.h("div", { key: 'c0b0a908435ca113e2674eda0ceac3286b6b620c', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, index.h("slot", { key: '90fcd3ccd686399aa773f0559ef4c1c6df6fd7ff', name: "footer" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var onClickOutside = require('./on-click-outside-8ywyMNsB.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var onClickOutside = require('./on-click-outside-B_0pncNB.js');
+var usage = require('./usage-DMdlKJnN.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.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-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)}";
@@ -188,10 +188,10 @@ const GuxPopoverList = class {
         this.disconnect();
     }
     render() {
-        return (index.h("div", { key: '63b4e66cb85d4dbb5cd20c8dacc637627c0923bd', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '682251185e6f32beb97872f37dd907258f128fd1', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true, popover: "manual" }, index.h("div", { key: 'fc139f800d358f2696dbda83aaf849899c1309f6', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '080adc5b895253320afdf653d8618be7e37a57e6', onClick: this.dismiss.bind(this) })), index.h("div", { key: '6fb282a75774c7ea2995ffeee509bf4679daa191', class: "gux-popover-content" }, index.h("slot", { key: 'dba367e3c325563b169014505d59ec5040901d42' }))));
+            }, "data-placement": true, popover: "manual" }, index.h("div", { key: '916ef425eca77e7b8ade3362aa4402937e5eea94', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'c119b772dfef635245fd810268971eff89b27aed', onClick: this.dismiss.bind(this) })), index.h("div", { key: '98a854390cbf20e1966ab9214fdd4b92f822a4eb', class: "gux-popover-content" }, index.h("slot", { key: '2e7b21cec327e1a8d46320d4e9860f03ba77c13d' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
-var onClickOutside = require('./on-click-outside-8ywyMNsB.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var onClickOutside = require('./on-click-outside-B_0pncNB.js');
+var usage = require('./usage-DMdlKJnN.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.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)}";
@@ -139,10 +139,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'cdbcd953d8d7b459d0537c9e2da3dc1cbc812203', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '7f6697da3c7a20b57033ce6a9b4b818614650c9b', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '176116d63eb17e89a8511ecbe32dbc7d3f2334a9', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '9d604a92e374f426445b252ee9fe7b4a4c50490e', onClick: this.dismiss.bind(this) })), index.h("div", { key: '1e5c482816d97f0cc00ba4dd8b3bdfc5161342f6', class: "gux-popover-content" }, index.h("slot", { key: 'cbadf3bf10c5d2f6411c5f9a67ddd154aac9d627' }))));
+            }, "data-placement": true }, index.h("div", { key: 'c87f0ae4fc5782c47ca37f3d1340015ccd59c455', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'c685a6276464dee1a2b283a50351f2218505809f', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'dfe53edfb9300114e15bb6e42d029a7eb058e764', class: "gux-popover-content" }, index.h("slot", { key: '4f3f0b0a9c84c2f5aa5634d661830cee5f0ad167' }))));
     }
     get root() { return index.getElement(this); }
 };