genesys-spark-components 4.120.0 → 4.122.0

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

@@ -7,7 +7,7 @@ const guxListbox_service = require('./gux-listbox.service-01e82389.js');
 const index$1 = require('./index-8194d25c.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 
 const guxLoadingMessageCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-inline-size: var(--gse-ui-progressAndLoading-loadingState-large-width);\n  color: var(--gse-ui-progressAndLoading-textColor);\n  text-align: center;\n}\n\n@container (width > 400px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-large-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-large-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n  }\n}\n@container (width > 200px) and (width <=400px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-medium-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-medium-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n  }\n}\n@container (width <=200px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-small-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-small-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n  }\n}";
 const GuxLoadingMessageStyle0 = guxLoadingMessageCss;
@@ -16,7 +16,7 @@ const GuxLoadingMessage = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: 'a6882e944f1d689dfb4adcecd30f3688cbbfba40', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '1dac8dd5f9d6d9a44e439f2282f8b18484383c59', class: "gux-progress" }, index.h("slot", { key: '07eb149c4869b33d7380d40464ff246f97581621', name: "progress" })), index.h("div", { key: '04b0414180f916aba67f104c080291ad02563ad1', class: "gux-primary-message" }, index.h("slot", { key: '3cd25f31f296f7c7071371fb9838a62e18e3d8ba', name: "primary-message" })), index.h("div", { key: '928eb0eee649385cde2ef2177b9635e762d6e306', class: "gux-additional-guidance" }, index.h("slot", { key: '240e84224ca76ee01ec0bbde1f3c1ba4669172ce', name: "additional-guidance" }))));
+        return (index.h("div", { key: '3546f3901af1c7808498ad1b0eec80549a253fc8', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: 'ae7f90fa8549c4f5415defefadaca7ec6c79a9f2', class: "gux-progress" }, index.h("slot", { key: '7ce0df34d0cc241391db1dd2928dfcd2642d95bf', name: "progress" })), index.h("div", { key: '3488b5e3944de3000c3cc6c55d788270ce0c16b2', class: "gux-primary-message" }, index.h("slot", { key: '589d53b42d2fcfdc27601422a42c24878da9cd34', name: "primary-message" })), index.h("div", { key: '501efcd1e8bdca64b0299ee71355074afcb715b1', class: "gux-additional-guidance" }, index.h("slot", { key: '66363dd92f59562552a880067f84835811f2d0d0', name: "additional-guidance" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -46,7 +46,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (index.h("button", { key: 'e6ecda816b03b740867041f0598d52b54bd6f2b6', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '9ee25dd181aa82386e3703332d7fbed339593e84', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'e0a974404686e14ff9b078b2e367738f3dab69ce' }))));
+        return (index.h("button", { key: 'b4fe7d30f29d7cc564e9539f3b70775470643377', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '78ba56833071e37751fdf025776deb7c8be7599e', class: "gux-menu-option-button-text" }, index.h("slot", { key: '5ae3379e9398d2b5819990a36680eff323c3fbec' }))));
     }
     static get formAssociated() { return true; }
     get root() { return index.getElement(this); }

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

@@ -12,7 +12,7 @@ const GuxMenu = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '2d74355f99f30a0a767a6c10f8488358dc32d31d', role: "menu" }, index.h("slot", { key: 'cbc4501e25efdca1ac97ba654356b49a9a4ba644' })));
+        return (index.h(index.Host, { key: '3ac1a87c8b75506c6e47967afef71506f54ca47d', role: "menu" }, index.h("slot", { key: '311f9fcc4f7d6e13c6f9c6df07a569d97f57ad48' })));
     }
 };
 GuxMenu.style = GuxMenuStyle0;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding:0 var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding:0 var(--gse-ui-modal-padding)}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalLegacyStyle0 = guxModalLegacyCss;
@@ -46,10 +46,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("div", { key: 'fac4bdd98541a650b3f450bf489bcb2426785125', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'a7ad8dd77f0dc7d57b3220c50fc2bbed931fe079', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: 'f09d729c1e39234ac7d01e1672681ea5a8af6da7', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '1f8d6bd0cf8af490480dbd810fd8f0f1177b4437', name: "title" }))), index.h("gux-dismiss-button", { key: '70800804dc8de2e348aa07da04fd7302d944b56f', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'a317e49686564298ab0501db9fc426e863d27507', class: {
+        return (index.h("div", { key: 'a0a1c68c27bb77e9285032d99b9dbb0fd291613b', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '307aa8fefe6b7270cb8c98fe0502917a5e751e78', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: 'e5c778d172ed7b3ee10d3e0a25297fe355d61948', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '2cccc3bdfe2ccc266c68336a7573607604c8eb36', name: "title" }))), index.h("gux-dismiss-button", { key: '4a8093ca3422136365913052295d1df10765b45d', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'fe6e66c363c4744619a873cd6c4bb9acc139a081', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: 'cdbbc90cae0d0493eefa751b4aefc58f21e76153' }, index.h("slot", { key: '893343f260d2661a37f77b16e0bb5aa9e94f1383', name: "content" }))), hasFooterButtons && (index.h("div", { key: '6ea142fbc0892cab7bda9dda3123485c5ef9e23c', class: "gux-button-footer" }, index.h("div", { key: '1d67accea5d546f9c9b272ba96f65835912bb8d0', class: "gux-left-align-buttons" }, index.h("slot", { key: '7c182f7a3e4c3a351fa0354a0c1635643f2fa122', name: "left-align-buttons" })), index.h("div", { key: '59fc56ba6471dbea69ccccda2c75cb0bbb29336b', class: "gux-right-align-buttons" }, index.h("slot", { key: '04f2343a7bbc49b73e07e59e2f5860c7e4591984', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: '56406d5b6098adea8b42cf7179574494abf7fd4c' }, index.h("slot", { key: '5b107a55cbb4c6848487c28491a10e4e809c67db', name: "content" }))), hasFooterButtons && (index.h("div", { key: '5264a4a99204c481cd08c31832fa2280a24df243', class: "gux-button-footer" }, index.h("div", { key: '1529fdb01227a68a1789530eb2b23859ac110207', class: "gux-left-align-buttons" }, index.h("slot", { key: 'cf9537bd6192274a0729731efb9a70d2eeb3c196', name: "left-align-buttons" })), index.h("div", { key: 'c4c85d7ad09e0ec83c77a174743b8773ac34705d', class: "gux-right-align-buttons" }, index.h("slot", { key: 'bfe4791ae99765ae8a3ae7b472a6b280d1b1a666', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

package/dist/cjs/gux-modal-side-panel-beta.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-77202cdc.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 
 const guxModalSidePanelCss = "dialog{inset-inline-start:auto;block-size:100%;min-block-size:100%;padding:0;margin:unset;border:none}dialog::backdrop{background:var(--gse-ui-sidePanel-shroudColor);opacity:var(--gse-ui-sidePanel-shroud-opacity)}slot[name=description]::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
 const GuxModalSidePanelBetaStyle0 = guxModalSidePanelCss;
@@ -50,7 +50,7 @@ const GuxModalSidePanel = class {
     }
     render() {
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '34c80eaee9baf7ce57e6b2be5fd89110fdcd9c94', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, index.h("gux-side-panel-beta", { key: '6600729b45885b675c9e0f616d6a0093682de095', size: this.size }, index.h("div", { key: '55b1ff1f68212734944d034b97d2a748b1aa601a', slot: "heading", id: titleID }, index.h("slot", { key: '3f26e81930bd086ae4ed6d4307dd16727f0eddb3', name: "heading" })), hasSlot.hasSlot(this.root, 'description') && (index.h("div", { key: '5baccca5a3e34e9572e202c2ff8a123b6c8033aa', slot: "description" }, index.h("slot", { key: '4f80ab3460adc54565a48c06c058ea955b371bcc', name: "description" }))), index.h("div", { key: '6d5bc823ac3eeaf7ba0973886c6b50d138a00c1f', slot: "content" }, index.h("slot", { key: '2fec75da7efb18f7e51df706dc34689448beb8db', name: "content" })), index.h("div", { key: 'ee9fd140e4796e54f06214d49ef823e6af85c0a8', slot: "footer" }, index.h("slot", { key: '27a2b723f3d2eaf03a3d9620954996caecfe1c2d', name: "footer" })))));
+        return (index.h("dialog", { key: '2543125d6dbeec92a65bdd9244b5598758338140', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, index.h("gux-side-panel-beta", { key: 'f1f4648c81a16ac77aa63e223e8f66de37c74816', size: this.size }, index.h("div", { key: '980bded69d812d9b56063a94c45b7873b45d3242', slot: "heading", id: titleID }, index.h("slot", { key: '8f5dc879687237f06fe8903d7f013e9631b83048', name: "heading" })), hasSlot.hasSlot(this.root, 'description') && (index.h("div", { key: 'e2ce14f038fc263b244552143fbcb0f90c48ca55', slot: "description" }, index.h("slot", { key: 'e0926d6c43ff22b9f62e178361c1df45dc27120b', name: "description" }))), index.h("div", { key: 'e8cb6da170feee2098556af248e4ab3195bb35e2', slot: "content" }, index.h("slot", { key: 'c53e874bccbeeb3871a47a8209a6ff1451a0fb5b', name: "content" })), index.h("div", { key: '04399feeae63a4badbfb50abaf8f24025772730c', slot: "footer" }, index.h("slot", { key: '45eebb105329bf25800da83c6eba115690055de7', name: "footer" })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;overflow:hidden;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host dialog::backdrop{background:var(--gse-ui-modal-shroudColor)}:host dialog .gux-modal-container{display:flex;flex-direction:column}:host dialog .gux-modal-container.gux-small{inline-size:var(--gse-ui-modal-small-width);max-block-size:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{inline-size:min(var(--gse-ui-modal-medium-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{inline-size:min(var(--gse-ui-modal-large-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-inline-size:calc(100vw - 48px);max-block-size:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-block-size:none}:host dialog .gux-modal-container .gux-modal-header{padding-block-start:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-lineHeight);color:var(--gse-ui-modal-headerColor)}:host dialog .gux-modal-container .gux-modal-content{max-block-size:432px;padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}:host dialog .gux-modal-container footer{padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{inline-size:100%;block-size:100%}}";
@@ -78,7 +78,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '1ba76225c1eff0ea18b0174139b292e80b4e410f', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '341b8338d682b64460e913a40bde62ce5a608501', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'e2c44589e3e05caf3226e292ac8057ede5694112', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '5cd0a5ce5d10cdf63a209937572711594d1baf89', class: "gux-modal-content" }, index.h("p", { key: '444bae638a018a71c1cff61d0e44e2f6dccb722c' }, index.h("slot", { key: '04099bbf6b4a77aafd7b66fb47a09b96e9157ff4', name: "content" }))), this.renderFooter())));
+        return (index.h("dialog", { key: 'e58052c46fedc67ad499ccac3a34c00a77073528', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '9fefcc48a27ad42ac4055f7b98007f95b1171e3a', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '64e934dac10e4063ffe0dd3349622264ee23ec23', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '68e1695869903a4a09bca4edae55e630776926da', class: "gux-modal-content" }, index.h("p", { key: 'c7707aaa07ee3b31c35f118efc1218e173166522' }, index.h("slot", { key: 'b41f36419641719dc58987bf0ab1e54dadeaee4d', name: "content" }))), this.renderFooter())));
     }
     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

@@ -179,7 +179,7 @@ const GuxMonthCalendar = class {
         return (index.h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (index.h("div", { key: '84a2981890cf379e96d4b2d43d9371ea939d5806', class: {
+        return (index.h("div", { key: '082c9985cfd1d22c4b20f66f2056deff6ff3741c', 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: 'd9ab73cd1531fff0d46e179303b22ccceb8926d7', role: "list" }, index.h("slot", { key: '3748b9606d4e258d3e0f78211df88b8cde89bfd0' })));
+        return (index.h(index.Host, { key: 'bab1846c9707a25137b0b3f760125a8bdd102b9b', role: "list" }, index.h("slot", { key: 'ffe20edc8e3ca8ea17043e78e6dcefa13e16458f' })));
     }
     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: 'ad0ecf6d8957eb96eb4ab0b7934e777dd15142a1', role: "listitem", value: this.value }, index.h("div", { key: '81ad4c6a4cf0993cb2aa7b321eda7bb7d2d1ced9', class: "gux-container" }, index.h("button", { key: 'c4db6ec6902fb0d0baa62ccd7097d0ff2b4cfd53', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: 'bf7f8e72ffc4a57669a3eb1ff713b5a37064073f' })))));
+        return (index.h(index.Host, { key: '90cb0b35ca8e6035a50ed43239eecf86d1a1fce9', role: "listitem", value: this.value }, index.h("div", { key: 'a39bbdd5d6269bf8e562c52a223bdbd1c5b1bfcf', class: "gux-container" }, index.h("button", { key: 'f9411a2f3587578713ea7d93cb0767a92b15ecbd', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: 'df046e9c86e79b40d273a665eb7080eefb0ef5cc' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const onClickOutside = require('./on-click-outside-2faf7467.js');
 const index$1 = require('./index-8194d25c.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.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: 'd86acaf580192ffb933f1bddd919ceb60f6c8064', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '48c10e24b1c5527fbb624bfd4f7d9d253ff51d0a', 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-77202cdc.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.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: '4b60b5f552987f4d07c4e7bd0e08dcbfc96d669c' }, index.h("div", { key: 'd58d8f067ed5ee94057f19b4b3cc30fc39b74e76', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'e94bd9fcc694868754cb1ab9573c57f5e718734a', name: "icon" })), index.h("div", { key: '986586f6df4d407d256475e5ad38ec00120929d1', class: "gux-content" }, index.h("gux-truncate", { key: 'f816a640100a359626c31debd35a29f3efc07015', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '325aaa5c6a78c2d601627a33b04b1856ba420072', name: "title" })), index.h("gux-truncate", { key: 'd8c952b034064bc37ca561af0601a0c25b643af8', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'a291030dece0b7168eb878de34830b512ec1d300', name: "message" }))), index.h("gux-dismiss-button", { key: '9fbbcf2c019cc5d178ae3a5b7f1f0a55f5898a96', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: 'bd858e59d02b2ae65a0079fb38688b3906220e8e' }, index.h("div", { key: '3eee51c5ee55b2c61200ea93ae4307e512bd8afa', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'c3cc41208c2a0e3aac9cf08e61db2119830f0bac', name: "icon" })), index.h("div", { key: '9ddfe233b519aff20773eb794643d5691399a861', class: "gux-content" }, index.h("gux-truncate", { key: '9d97fbfa97a4e33b6673043e12b5166367dcf821', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '40c1d83e822a7f000276f762e79432823da55f53', name: "title" })), index.h("gux-truncate", { key: '9190f8ff373400a4fc15e588594ad5973b106829', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '246382e3578cc1b090f4bd173f3a4fafa7272976', name: "message" }))), index.h("gux-dismiss-button", { key: '6824395ab9e4601f48d80024a7333294ae1a5a65', onClick: this.onDismissClickHandler.bind(this) })));
     }
     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: 'f0f857309199da75a1d746f1c64df5d03cf1482c', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '8fd2f7bcf54e3b49dc2ca49ad7b85ba24bb00473', class: "gux-option-group" }, index.h("div", { key: '0a95e5c1d6b1085f743a6873ccf4d470c6f638e6', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: 'a5844feac9804a678c0487ff097ede61c378b630', role: "group" }, index.h("slot", { key: '5ce6fda569654b65579a5d68d267da52494bdf3f' })), this.renderDivider())));
+        return (index.h(index.Host, { key: '677c582dc1fe234a90061d8233a8a92fa48eb18e', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: 'c2627937b767bc5d70a4dc8c54559a8337328c6f', class: "gux-option-group" }, index.h("div", { key: '460d2c2b92ad720ef44420a1bedf5440dff482d1', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '3e6790a4cf9d6edb93af39d88ec6fa37d5209802', role: "group" }, index.h("slot", { key: '7a7997cebb871f790d522ad449fe539e87b96ba5' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -70,14 +70,14 @@ const GuxOptionIcon = class {
         return (index.h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }));
     }
     render() {
-        return (index.h(index.Host, { key: '267528cc8adc479f9ef7cfa4129ad9481ba87610', role: "option", class: {
+        return (index.h(index.Host, { key: '54a7a89512eb16132089bc26d5a27304dfb4956b', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), index.h("div", { key: 'f59f5d5337f4fab5e7de8b16b62cd78722cfe6bf', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '4d569376dc6169157ddbad47f618dd61dae4a89e', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'eb190d66c1bab906436ce8c89b5e7872f2f2ab5d' })), index.h("slot", { key: '48b4e651063a8af33fd177876d14137081d3f3ee', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), index.h("div", { key: 'ecae8b634d1780366f1eb0743ae1c93d113237c2', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '3f316d223c37ffc2506de124c2d2945de56c9481', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '605f677e79c46de8df6920d90839030b3eab1035' })), index.h("slot", { key: '587127a854131ba1684e228c2bd991a8e40e08f5', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -70,13 +70,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '3a5cdff42434e2e37079e01b408bafbef12e8e82', role: "option", class: {
+        return (index.h(index.Host, { key: '01f53b1d822807d4776f72e08d2493657d0fed94', 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: '5c1e549be823e0d3c5d833a98b3c71d8d99441a8', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'a0ca685b6bd660d92655a0e448aa029a2f66f6f4', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'bcb67b50e599b0c8061d61e1b4c126f125aba6cd' })), index.h("slot", { key: 'e9ee25d566bcfd83e5b317b18129ceac5cfc7f7c', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: '804cec77b92c08a9319f1e344e4db7d19b7a774b', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '951fc1c83aa7b3c96695869fd2d33ea2bdb49bc5', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'd01a74b9802f6010f1bf8b3de72dc4b5a7d8283e' })), index.h("slot", { key: 'fc34bed8a8c52739790d5b3da53bcd98c331f437', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     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-77202cdc.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.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: '773c451d05b6f6c9d97f279c5961c77c0717d7c6', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: '8f35e923ef892b33e0071adc2f8468219cc2d4e6', 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

@@ -189,7 +189,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (index.h("div", { key: '557e3312c0152bd3654b28e6574fb741015e382c', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'fd835e1137e8736f609c8164d697b63ded852897', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '061444e9654c31aa2a012e03465500f03a3b1ca1', accent: "ghost" }, index.h("button", { key: '2da2393ea5079c930b7318d8c66ae9e4443ab15f', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '38e7d295fa218fe90b787fc46b644671d3993065', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '717e500afcb575faa741b65ee215a6817392326f', accent: "ghost" }, index.h("button", { key: '57de16c874a2ff91c9a0fc3f6b162c27665532da', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '99fe82ca76d03a9b67e1307b2915808ab48b1507', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: 'da2fc88c6ecfeecf6707a2f13836d07abaf80afc', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '88bbffdb9c5f1f513191949b7d26dfa1b9eccbb9', accent: "ghost" }, index.h("button", { key: 'ecdae67eb330e77188c2cc9db64698003e0ec801', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'b6d2c5f2732a16e036bb8924a64bc957cb3e4e3c', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'f47c7603b8d18724d2c7135ceed76d52d5db1913', accent: "ghost" }, index.h("button", { key: 'd096eedbb9620f27bee548deee00ddfb7a703957', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'b4c87b2bd8075540f3032acea4895f11dfb04bf2', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '02e225cc747b05e7620cca7cf781dc32eb2dc20b', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'a4b95d7b01c768bf22d19c2a3dd01ee36f88bd1a', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '76df04ab3210bdf33bca5316604c192431832e5d', accent: "ghost" }, index.h("button", { key: '56c5aa4577d26484ab183ef0a3af428b8e563055', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'df4b8156255d36744d1d4155c02ae98b43da426c', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'c61febd35086ce7ecea4274cc14fe74356d2f545', accent: "ghost" }, index.h("button", { key: '5bb93d100ec55881dbd6dd13be6e28426b7532db', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '2581fd7fb1a61799b9d4aeb7e74293409913c7ba', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: 'ca9d527093b445a8bbabb936ae5592d3c8a8c57b', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '28fe7492e64a31ed1518a60ec97c311df7590fe3', accent: "ghost" }, index.h("button", { key: '9e6dc8905743cfc9858b96fc81ddfabffa3a7348', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'a1d5fc160f64161b8dbae630028ece855c5e8942', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '706655f3e299d2222a7bbeed5390da52b34c424f', accent: "ghost" }, index.h("button", { key: '67f93b4c3fbfc8ef18c551c61340e754afc04663', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'dad0d41593b3ba802e2c99e661b251ffb36bdc13', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     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: 'b1aa6d30e61142f6272a3e03b7659b90e33ef0c8', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '3dca5b0d3e857662c0ffaa0d6e8ec92f20289107', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '7409beacbcc84005ee3e85ebc4766d48a45b7fb0', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '3b7f37cc0935347ef5191bc3f88655ab0523f575', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: 'cd33418cd86dd09a03834b988dc74ac6807f0db5' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: '1db48dbff49cd646a97f9aebb1a05bc8aa82abc1' }, 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: '7c562c72c13371778551e6bfd16b9931dc614926', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '944d0f6d03ebc6f8dafd0702731510ebb0bdcca6', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '96c6dab81456fcfa6c04b32be732a47134aa7d52', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '8cc8d4db80703f18502c9414160e236a93c576e7', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'd60b4b3a899c9c110350b3b38454b679fdb5176b', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'd977d4271382983899c8f417862e556c4d7add24', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -224,7 +224,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h("div", { key: 'd83469035eeded8e0e9e43ad632a564326cc7267', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '349f34efcac7bf8b38f1a7509337909d8e6e2554', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'e03fa70c64be34f818253bcb611394d232291fe5', accent: "ghost", "icon-only": true }, index.h("button", { key: 'c30a650f7dd1c0fdf6c20022037d118901dfd0ed', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'e6311a534f265c5a870cf7aba74b208fd86b6e52', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'fe7557f4efbc11ce0bd8d4a1cd765b7053c2d382', accent: "ghost", "icon-only": true }, index.h("button", { key: '7d7429cb043d49e6b1aa762d76e511bd3cbf07bd', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '2680079a109b68ae368b53f432dd35d45e45507b', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: 'e842ce956375c6a58e27a786e8f34d8384c46974', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '86baca4da1dffc91d23abb0cc697064218f4946f', accent: "ghost", "icon-only": true }, index.h("button", { key: '33bf2b4a8c0f9c4f097dc75727a639dc4e1b3a25', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '385500eeb888d9aa7c6bb802351bf4a661a267c7', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '120a77d969dd73ca65cfd3d063829917e618b3b8', accent: "ghost", "icon-only": true }, index.h("button", { key: '0a5ca811355b17bd049a555cae7590a7a4ca686a', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '6875dfad4581d3c169cbff7870bcde87c1bbdd41', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '0bd91b28670056a49054093a49db3c3825a4d92b', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '7d0145ea809555b43885c1822a263a6c64c66b20', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '4f1cf8b32c0e21988d5e8b7b1affc6c211092e90', accent: "ghost", "icon-only": true }, index.h("button", { key: '014cd2cf78d8392be975264441d001a47f8051e2', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '2e5a4826afbb6ed9c53b6bcd196d893fce6a2040', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '7370ea7494372740400c80d2af2faad549609f7f', accent: "ghost", "icon-only": true }, index.h("button", { key: '1755aeaef12cea857b5025639a04f529945693ac', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'c1455ad9ebd8de0ec47f5197bbc4f751f27c09b8', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '2b1ec867e04913a13d6e3b56bb630846fb578066', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '4e6a5aa953241a0f4554504fa97843e9b0ff63f9', accent: "ghost", "icon-only": true }, index.h("button", { key: '7262b8a87e38fd173cfe738051f16225fb16dba0', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '0a871f148918ec17c446796fbb46380b7cb474d5', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '4b7cc842b30e6278931662a523493ba699661489', accent: "ghost", "icon-only": true }, index.h("button", { key: 'b461999f7ef787e0efa01b41ababf261b331fc7c', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '7592cbc0e1e26e56465de9fd6cc814a618a3e33e', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -268,10 +268,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (index.h("div", { key: '86ce3669f099d893194f5514e5092ba0ba21ebb1', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '6b40aefa48a449f05d885a2570461a12e9273cdf', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '58c5fbaff6e58d094188a264ee3293a967761af1', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '074bd769a03fc8514a946c2593636b5e634bca73', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '269a8a3de2e3e4f1ff7d29ccc1fd5850a552399d', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), index.h("span", { key: '185cb9d934e226caaebf680a6f3cbd91c3197661', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const index$1 = require('./index-8194d25c.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -39,7 +39,7 @@ const GuxPaginationItemsPerPage = class {
             }) }, index.h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, index.h("gux-option", { value: "25" }, "25"), index.h("gux-option", { value: "50" }, "50"), index.h("gux-option", { value: "75" }, "75"), index.h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (index.h("div", { key: 'e5a4e433be719e153fc008c979fe32f33443845d', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '0027b19cf51f8c0b862bdc0d5486c70c926e5be6', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '4f726b00770675862cc1ac98762e7983114a992b', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'd0e5bc9d9619a43f456ad70acc9ba384e352333b', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '46759db13c3916632ff064747c8b213523cca366', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '33d5be73628a54afce37fbb2b703540e9d076df4', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     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-77202cdc.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.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: '5afda97d8b2a6835ea609ec114df490ced743adb', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '1963aa3608ceee1b8e60afebf19a5deb7c92314e', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '42bf68ac8d182cbca942feb3f0a5c160f560b05d', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: 'f78ea61450c103185a8c4920e02ec85739b7cf97', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: 'e909eb0474dce545649bf983fded21102f1184ea', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '9a694cbd80e955a2edcf41ba09288d47ad61ec22', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     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-77202cdc.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.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: 'b4c1f6b7a2793dc5774a8043473758f96bf54bc7', class: "gux-pagination-container" }, index.h("div", { key: 'b1aabb990f06551bf31c36911018cdce361fe68f', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: 'd9bf9ed6ef230f518354834e5bb3f5e76f3048a6', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: '394066a448ea66e240e52a94ae4eefe64cba25ec', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: 'dcb8379f8dfc9bd71c6164689a6d1e65e6ad5265', class: "gux-pagination-spacer" }), index.h("div", { key: 'ad0be2dedfeec3f92de5346316ed1c6a615f698c', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '21c989752e10803d347e5c1d79ce651ae383d953', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: 'f2ac1b919a6705ee92c3c24e847add02782b50af', class: "gux-pagination-container" }, index.h("div", { key: 'bbae5135827feec349279d5b943b0ff66b53662d', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '79edd327ea30099279868bf84791849eea72297b', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: 'f7a5b9eebcb2fb115da99c816bb376becbaf33ca', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '1cb849238fa611e8dd2b9e00550923e926555503', class: "gux-pagination-spacer" }), index.h("div", { key: '69c636c0f7d825a1a9d499057b4b5d48d18bdaac', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '923fc2a4263696742d9e9dd156d9a7fe6fa0a1dd', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const index$1 = require('./index-8194d25c.js');
 const onClickOutside = require('./on-click-outside-2faf7467.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
@@ -2350,7 +2350,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: '7a4cf36b39c5bdd966ce1e55dbbdd53e97b53c90', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: 'e75a29991abf7b968f8c227f9b23b44176ac98f4', 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-77202cdc.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const onClickOutside = require('./on-click-outside-2faf7467.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.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: '37097ff16c78960e146808147fc29da4b0381693', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '5c0a4e04803ba62ac2fe04225f748681b56ceb2e', ref: (el) => (this.popupElement = el), class: {
                 'gux-popover-wrapper': true,
                 'gux-hidden': !this.isOpen
-            }, "data-placement": true, popover: "manual" }, index.h("div", { key: 'd351ddc5005bc742d78a3d3421be9d17e5269671', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '4269fca2eaa5072b4797fbc8f7f76e637d4f425c', class: "gux-arrow-caret" })), index.h("div", { key: '7997ad6bc0a9ce3e5e05f21c532bd309ca71c8bf', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: 'd7561c283fed7d1e1412e77b9123e2184c4645d7', name: "title" }), this.renderDismissButton()), index.h("div", { key: '35ff91d63e2364a3a00656814bb22eaf6da3f9a1', class: "gux-popover-content" }, index.h("slot", { key: '48623dcb0f8bec52b3c17bf1ceb2a587f32a818b' }))));
+            }, "data-placement": true, popover: "manual" }, index.h("div", { key: '23f086b8e6475fdfc0d5d2539d86002d0ed5e974', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '79d7ff0a5504d1bb3008f09184b518fdfc9366d4', class: "gux-arrow-caret" })), index.h("div", { key: 'b0fcdbffca433d2b97018901361749c3e2c4092d', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: 'e11d988a199d469e941d8d17a7bb497b2e2d6fd9', name: "title" }), this.renderDismissButton()), index.h("div", { key: 'feaba80659bf542b2414ad7f0ac79ee76086bd07', class: "gux-popover-content" }, index.h("slot", { key: 'd8db74249d39796cfc760aff0a2eae9b56421632' }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -6,7 +6,7 @@ const index = require('./index-77202cdc.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const onClickOutside = require('./on-click-outside-2faf7467.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 
 const guxPopoverListCss = ":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;overflow-y:hidden;background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow);}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";
@@ -166,10 +166,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (index.h("div", { key: '9294234dfdacafbca88968ce1b952c6f6124ade7', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '652a19f549d3996c22056d3e1a02f50db25d68f6', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true, popover: "manual" }, index.h("div", { key: 'eb9daf084e2a447cc22f36284e2e7d9d9c930d2c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'ed5f74d0e04152a8be18bfa72c187ce66e3066bb', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'f4856c1a0890bb05f680c5a039f2fbb1294b0a8b', class: "gux-popover-content" }, index.h("slot", { key: 'a0dd537f9acddd6939ee254385d5739019eb30ec' }))));
+            }, "data-placement": true, popover: "manual" }, index.h("div", { key: '7530607de76b8b9c235d499906835b40ae799b41', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '796531bcc220e95d31e6da4ce1ba8125f1a6fed4', onClick: this.dismiss.bind(this) })), index.h("div", { key: '7b6ad026fb1f8386ed5d63c62ab3fd50f4074f10', class: "gux-popover-content" }, index.h("slot", { key: 'f8e1bf1e1e35314831a64754172a5a8d770a67fc' }))));
     }
     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-77202cdc.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const onClickOutside = require('./on-click-outside-2faf7467.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";
@@ -134,10 +134,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'b9075514cd8bf91fa7ee346e541bf4fa65de3b45', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '577dd7af20f432ff6fb952e0b2ab574e835df57a', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '2ab2d6aa339e31ee8f86ad77f9e38a38d055922e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '0745a0efeefd5bfc252715088d8ebec2fa45a95e', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'b6d05de93e84b2d028fbe9adb94409cbfa153cdc', class: "gux-popover-content" }, index.h("slot", { key: 'ab0575ca09aaf35ba48d20228be94905a2b77fb7' }))));
+            }, "data-placement": true }, index.h("div", { key: '137e434be59aa2c2f8c6dd3cdf3c1277b97bf0c8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'a6484d2ecbede6d5b8d68c2e9576e44dd571fb41', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'f681f07103ceb17db8cbb5a21c2117458eaac482', class: "gux-popover-content" }, index.h("slot", { key: '56724526ced528ae8be3996c20e6cbe9a731031b' }))));
     }
     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: '86661e9a1ffebb0288baca4f7de135fbad546f94', class: {
+        return (index.h("div", { key: '75b7acc0b6d09b5f8c2e9a37a15207e1e8ce3850', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '1bebbdd4662c7936552ff386d546a2132e533cd7', name: "target" }), index.h("div", { key: 'ea9d72d6a89cec3d8eec15414ba0983482091702', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '1578de69396d1e942e0bca75dcec8c42f0f69696', name: "target" }), index.h("div", { key: '216c0db2f6276b6d0d72ad59f4a6525594c4ba58', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '70d5b808259f11ad8e3930f1daf1773353dffbf2', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '2339a564f4dbf669cd4da50fb074e6e4bf075a21', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
 const index$1 = require('./index-8194d25c.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.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: '5050acbcec37447b77f8f28a2adb5338f53f852c', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: '87cb49f2232efc761e9a1d183a724efdefc6253b', 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-77202cdc.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large