genesys-spark-components 4.154.3 → 4.154.5

package/dist/cjs/gux-inline-alert.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const info = "Information alert with message";
@@ -45,10 +45,10 @@ const GuxAlert = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '69e880ee8f904c9bb4d01aa2ba99b7e8ec2f4a0e', role: "alert", class: {
+        return (index.h("div", { key: '8a5e70c86aa68ce6e990cd3f20b8454e7e2b9a5d', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: '1fdb2c236af59594e491a4b6a9f5c030bc98aea1', class: "gux-message-wrapper" }, index.h("gux-icon", { key: 'a9000aef06c03a453ebfa27e11f931eaf0994fac', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: '5455006c3a01582cf3afc183ed78c9027b62cd6c' }, this.i18n(this.accent)), index.h("div", { key: 'd540c25d46efbdb3d3f166f7cd5da0e45e38d871', class: "gux-content" }, index.h("slot", { key: '686b1b7bb92f77b1848c0e77c9ecd2fd22be3603', name: "content" }, index.h("slot", { key: '4e1e141d9c56866646a25295c9e5b92750047a5e' }))))));
+            } }, index.h("div", { key: 'f88e90735561d0a9c2d6f5d159261ecff51d5fc1', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '822611269610bf3f0905d03341df046912be7bee', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: 'b7f0018ab169b98a2874e897b752da0d9e846a1c' }, this.i18n(this.accent)), index.h("div", { key: '169d62570d3b60aa355135ff3fb7f9eeef6e5e9e', class: "gux-content" }, index.h("slot", { key: '341b789ad6c1757a8d2bae752eb6ba0f6a339855', name: "content" }, index.h("slot", { key: '119830a50fa33365906049e25c61f278612f4283' }))))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-inline-dropdown-beta.cjs.entry.js

@@ -7,7 +7,7 @@ const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const index$1 = require('./index-aa48ea67.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.js');
 const onMutation = require('./on-mutation-6d71ec1a.js');
 const guxListbox_service = require('./gux-listbox.service-700ba659.js');
 const hasSlot = require('./has-slot-3edae188.js');

package/dist/cjs/gux-label-info-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxLabelInfoCss = ".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 
 const guxLinkCss = ":host{padding-block:var(--gse-ui-links-inLine-padding)}:host ::slotted(a){inline-size:fit-content;font-family:var(--gse-ui-links-inLine-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);color:var(--gse-ui-links-default-foregroundColor) !important;border-radius:var(--gse-ui-links-focusOutline-borderRadius) !important}:host ::slotted(a:hover){color:var(--gse-ui-links-hover-foregroundColor) !important}:host ::slotted(a:active){color:var(--gse-ui-links-active-foregroundColor) !important}:host ::slotted(a:visited){color:var(--gse-ui-links-visited-foregroundColor) !important}:host ::slotted(a:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}:host([size=small]) ::slotted(a){font-family:var(--gse-ui-links-inLine-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight)}:host([standalone]){display:block;padding-block:var(--gse-ui-links-standalone-padding)}:host([standalone]) ::slotted(a){display:flex;gap:var(--gse-ui-links-standalone-gap);align-items:center;inline-size:fit-content;font-family:var(--gse-ui-links-standalone-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-text-fontSize);font-weight:var(--gse-ui-links-standalone-medium-text-fontWeight);line-height:var(--gse-ui-links-standalone-medium-text-lineHeight);text-decoration:none !important}:host([standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-medium-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-medium-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-medium-underlinedText-textDecoration) !important}:host([standalone]) ::slotted(a:active){text-decoration:none !important}:host([size=small][standalone]) ::slotted(a){font-family:var(--gse-ui-links-standalone-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-text-fontSize);font-weight:var(--gse-ui-links-standalone-small-text-fontWeight);line-height:var(--gse-ui-links-standalone-small-text-lineHeight)}:host([size=small][standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-small-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-small-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-small-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-small-underlinedText-textDecoration) !important}:host([standalone][class=gux-breadcrumb-link]){padding:0}";

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

@@ -12,7 +12,7 @@ const GuxListDivider = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '832a958e798918e5a855e468b849cd7f37227764', role: "presentation" }));
+        return (index.h(index.Host, { key: '3746ba873e6e1a8553b4a38859f549713f2e369f', role: "presentation" }));
     }
 };
 GuxListDivider.style = GuxListDividerStyle0;

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

@@ -13,7 +13,7 @@ const GuxListItem = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '431a816cf504da6c5d15e43254b3d26a73e81bb1', role: "listitem" }, index.h("button", { key: '9f77f42138d9ab3e08df8360e235e92498c4d0b3', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, index.h("slot", { key: 'a6bc27b892b8f356aad4d9e1947d59080cdb9277' }))));
+        return (index.h(index.Host, { key: '58b4b87f804d304bc00e519f35f31476bcd5fd4d', role: "listitem" }, index.h("button", { key: '22a7f84a96bd64ad8005075625273a8879d6ee29', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, index.h("slot", { key: '774aecf35cddf804daab45b2ccd2fec333670307' }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.js');
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
 const GuxListStyle0 = guxListCss;
@@ -57,7 +57,7 @@ const GuxList = class {
         guxList_service.last(this.root, validFocusableItems);
     }
     render() {
-        return (index.h(index.Host, { key: '769e96008978c3c427f6ac6657289d3a86167b45', tabindex: "-1", role: "list" }, index.h("slot", { key: 'd8130d172a4589d8dc362fef2299fbc136119598' })));
+        return (index.h(index.Host, { key: '53331bf67691b223922f5f855e2513a2390b1cc0', tabindex: "-1", role: "list" }, index.h("slot", { key: 'f34a9ff8b70dad57c71c701931ce58a193e07a4a' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -7,7 +7,7 @@ const guxListbox_service = require('./gux-listbox.service-700ba659.js');
 const index$1 = require('./index-aa48ea67.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const onMutation = require('./on-mutation-6d71ec1a.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-e321455d.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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: '632e008bd66070e80a69251b2d9e535ddea3491a', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: 'c37e9330ac2815693acc56e9ac447e407e969678', class: "gux-progress" }, index.h("slot", { key: '6c662bc8a2777ba08a2b848d80ecb77266434387', name: "progress" })), index.h("div", { key: 'aaaf10b091eb4ae8b7f73308f85c3c6618e9acb2', class: "gux-primary-message" }, index.h("slot", { key: '9dddb86790587fa3d40ac111de05df3e0891260b', name: "primary-message" })), index.h("div", { key: 'b3087a2f89c78c9b83a683511f8760708791c238', class: "gux-additional-guidance" }, index.h("slot", { key: '84a1bf57007fbe2c3999723db6d9d7e087719ba2', name: "additional-guidance" }))));
+        return (index.h("div", { key: 'f1cc2ae7ad4adbba0585492ddb510d0c6e5eebec', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '8e07c75e9ce20ed3b7791ed5896b37f10d8dfb88', class: "gux-progress" }, index.h("slot", { key: '9ce54e9d0df89954603f7e627828eea749561c6d', name: "progress" })), index.h("div", { key: 'ba6a1a0e4908946351fc63cf28b796cfe8cca4f1', class: "gux-primary-message" }, index.h("slot", { key: '318a82e74471d776bb1421870fce0d51b1edd4b3', name: "primary-message" })), index.h("div", { key: '6b91b1dc2c3a6f6f0ed3ad096c47f75be7e3092c', class: "gux-additional-guidance" }, index.h("slot", { key: '96564203a3f6aeea8255eb049a7c3ce8e70a6d2f', 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: 'fc5e2ae86d85268375b5f094ad65c294f00201d7', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: 'c4eaea811ff06a313d4bf7f1332aef39cf66d6db', class: "gux-menu-option-button-text" }, index.h("slot", { key: '13fd8e22f088521621bcda49f52ff4a847d4a3ac' }))));
+        return (index.h("button", { key: '2de491d39c836b2f319b6c96b87b31e408b3ecee', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: 'ec9cfa62ddd1a747a7121a22f1de50acbde01fe7', class: "gux-menu-option-button-text" }, index.h("slot", { key: '6557fc3a2b2c38890e3e8ee8304f9e5b05a09f46' }))));
     }
     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: '7deb2bf2ca469efecb3655efe36e56e739374eb0', role: "menu" }, index.h("slot", { key: 'e6c2a810aba11f19dec4126051ccef0990598159' })));
+        return (index.h(index.Host, { key: 'cdb799dedd8b4e21a5d201b09a66cf7e58e33cbc', role: "menu" }, index.h("slot", { key: 'df78d0a5df60760b818c32898e70d9a0aeab9033' })));
     }
 };
 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-e321455d.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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:var(--gse-semantic-foreground-container-highEmphasis);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 var(--gse-semantic-border-container-edges-default);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;
@@ -48,10 +48,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("div", { key: 'eb19b6f4d5e706e5f631af65788790b4b6a28988', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'e87022164421cddbfe8b27a38b8e239e14033b23', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: 'b5cd2c9a126417ef21c94e860643f66d5dcc87e9', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '770edea87c19561922dd3f8431c091e67712ebf1', name: "title" }))), index.h("gux-dismiss-button", { key: '3a976273e3565189fc9c23a28d86d77da6782172', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '63f5ff17b14028cf92dcd8abad21ba8c44909d86', class: {
+        return (index.h("div", { key: 'cf42f13044a776e9737d6e4eb116679e1f1def36', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'f943a8f753e5a6543c81bafe7d6ed08ac9e63fa0', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: '5f0b9552741d7a94eead287d580ba06a7090d941', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '15acab823d68f5c933a045beb99387105d07759f', name: "title" }))), index.h("gux-dismiss-button", { key: '1781b8dea0a20bcb6a5882e7592b83fd47551292', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '12c81a0e0958952d89a55c17e9899e301e5b3bc2', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: 'dcac66f03f3c1c0bf8aa5f2ac47de7985654d5d4' }, index.h("slot", { key: '0d458479ea3a41f540569229df9ad362b49fbd6c', name: "content" }))), hasFooterButtons && (index.h("div", { key: 'bc59458c481d65841cec791c1d49f6ebfdf6da2c', class: "gux-button-footer" }, index.h("div", { key: 'cc598c263f762d22574b6c36e0a6c64e708ca265', class: "gux-left-align-buttons" }, index.h("slot", { key: 'c0f5c6b565059278216be874d0f8b1801e6141eb', name: "left-align-buttons" })), index.h("div", { key: 'a7908faf1ab3801ea531a3429ee4c4f3a3be0b95', class: "gux-right-align-buttons" }, index.h("slot", { key: '3a63cdb61c930d575b8673dd4fbef51c538de1af', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: 'b8a99c68306f05cc843cf2569d6689a4eedc5e9b' }, index.h("slot", { key: '5c88dabaea5f7ff2ce152907c41f41980474997d', name: "content" }))), hasFooterButtons && (index.h("div", { key: 'a57a2c1ec660b8e9b0e662bfed969f6696992772', class: "gux-button-footer" }, index.h("div", { key: '67e3268b76c15ebec134a0881de4cdca4ef38ab2', class: "gux-left-align-buttons" }, index.h("slot", { key: 'd311983951eadfbb6028edfd1a92d682f746a378', name: "left-align-buttons" })), index.h("div", { key: '1ce03d9d93028232807f0dd6c5148e80fa98f3d3', class: "gux-right-align-buttons" }, index.h("slot", { key: '3f4ffa188878a61224ba47701453cb298e0b5db7', 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-e321455d.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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;
@@ -56,7 +56,7 @@ const GuxModalSidePanel = class {
     }
     render() {
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '5942094702a7d5bae430507f6e09e9a630253996', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, index.h("gux-side-panel-beta", { key: 'cb9581b8714a4f91a478dbbfb3059230905ff641', size: this.size }, index.h("div", { key: 'a7febca3dcd0efdcb29cd7406171690dfcd0976b', slot: "heading", id: titleID }, index.h("slot", { key: 'a2a77354ae8689e446e9e5c314f5c9344e8c5bbc', name: "heading" })), hasSlot.hasSlot(this.root, 'description') && (index.h("div", { key: '4f5db854a6b9680ed2b75198785971a2d83491c6', slot: "description" }, index.h("slot", { key: '7df7f2873a7bb805d544efa75998559c30e24ce4', name: "description" }))), index.h("div", { key: 'b8034484bf051d7a701545655b51b599397833cd', slot: "content" }, index.h("slot", { key: 'b98853b74adac243248fbb13939b6270c3dafa62', name: "content" })), index.h("div", { key: '2a15fcdba494b6aacb3faf341ef8239a64bc37c5', slot: "footer" }, index.h("slot", { key: '18e176956b6c3c0df2ee425d21ed004dc91ab5f1', name: "footer" })))));
+        return (index.h("dialog", { key: 'ecf03e299a46bc5fe8c69c3a45c4ee082678ca54', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, index.h("gux-side-panel-beta", { key: '80fd9bc4c0b2a0ff8a5329eb5b882e0c3b7598ef', size: this.size }, index.h("div", { key: 'f8c7caadaeb21468617dd03dd4892f4e3efb83c3', slot: "heading", id: titleID }, index.h("slot", { key: 'aca70b21b54b4cfcf9db2ce7f6b67db5321ee753', name: "heading" })), hasSlot.hasSlot(this.root, 'description') && (index.h("div", { key: 'c9bc9620a4374a3b5d1c3d25ef85d378fdcbf305', slot: "description" }, index.h("slot", { key: 'e50e0d1e6e8571108c6ca564c50a1e7c5e0a7a68', name: "description" }))), index.h("div", { key: 'bad2c534e47b59dfe0f1c83047eba1395a1c2ff9', slot: "content" }, index.h("slot", { key: '1d3d8a04686e7c18a1dedbf064b889eab7c96615', name: "content" })), index.h("div", { key: 'c8ecb56faec61bda9d39e3f25358968221740721', slot: "footer" }, index.h("slot", { key: '45c9673d168477550f2055115620c112dcc6620f', 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-e321455d.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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;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%}}";
@@ -86,7 +86,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '235c8ccc02e2421ee1431dfb3ee3c313f0d9219e', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '4da6ae302be4b983afc798b546b70461d8eb0da1', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '02ae31920b555056baccf13bff1b74806088aff6', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '28fcdd63377d25dc04b1c0ac4cbee19fb9211ab0', class: "gux-modal-content" }, index.h("p", { key: '705a26a5bcdc479d65ce09255b47894ad44f8868' }, index.h("slot", { key: 'ff005455111c619d28ca6de3a4e601227fabf07b', name: "content" }))), this.renderFooter())));
+        return (index.h("dialog", { key: 'f3889c81a92b660d158a6ccfb65ca546d5c6e7b6', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '6ba7afa02e72b5299e58a5135454db09b9e4fb9a', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'f8601f90fc13fc7c1728f7aa26cb2b3d87f6a96c', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '984f25ca3fb4d43bd7c2cd48c881ff17c1a13be3', class: "gux-modal-content" }, index.h("p", { key: 'b151c66c1cb5071b315812ce7f579d700ab5f7f2' }, index.h("slot", { key: 'c617e8eede9dfa0e0569409bda624db3043755dc', 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-picker-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const index$1 = require('./index-aa48ea67.js');
 const intl = require('./intl-ed89316c.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -21,7 +21,7 @@ const GuxNotificationToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: 'e49229eae063064416b3aa771ea42bbf576cc89d' }, index.h("div", { key: 'e9d17ba196fd3d42bf71b79daaef314460d8fa16', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'b148bc51252ec6598cb09d3890c8ac741006fd49', name: "icon" })), index.h("div", { key: '38b5547befdfe2d723114ded494279969fa5b9a6', class: "gux-content" }, index.h("gux-truncate", { key: '7075cb4f27361e6a89a8cefec06001cc82687430', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: 'c18aa4bab6040b54033b7d4d71ffbdeb888188e9', name: "title" })), index.h("gux-truncate", { key: 'c131d90b96d47d15070344570ca95c892efff77a', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'a4952c02699ad006853adb5713abe3b18cfa4c97', name: "message" }))), index.h("gux-dismiss-button", { key: 'eaa16b6a0643038103f734689333c1ae1b64ae5f', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '1028ea02235e685a46434682add681629d81ed1c' }, index.h("div", { key: 'a9100ef51dbd153d3b93df43cfc45229da6d1b35', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'f83911f9ef15beecfe1efa5a445f571c6333df53', name: "icon" })), index.h("div", { key: '6b642b1effb289db65b2dabf3b684fddc5db0f52', class: "gux-content" }, index.h("gux-truncate", { key: 'aa35891a528aaa9d1fa20332fc3b7e1c153751e5', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '2ef932f47926407f0e0e6bdc2541494029926d0b', name: "title" })), index.h("gux-truncate", { key: '210594c7defbd0eadeef4b06c89aeb9f028e19e5', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '71778069ab9c775f1118628c27ffa5bf48e9f32e', name: "message" }))), index.h("gux-dismiss-button", { key: 'ef00664ff6305872049296977a8092ae4b0c829d', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -56,7 +56,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c840d62ada3e45597bce575ac5964558cbc02dcf', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: 'd7afc055fe0be77c6b1911ff85d5439757906659', class: "gux-option-group" }, index.h("div", { key: '7a037eb4cc1cfbb9aa81f36e5283cb3077b2e0fa', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '47b2614cdd42789782c7e7f123946b13b7994095', role: "group" }, index.h("slot", { key: '02e69681127a8e660c62b0aff288606bebc311b1' })), this.renderDivider())));
+        return (index.h(index.Host, { key: 'd9e11e6d18f276576a4f7c935dd7aec903cfab7a', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '248400d1b8dee6df27cc3033273436eb600b4c4c', class: "gux-option-group" }, index.h("div", { key: '262994ef17a5b1b07a32865df907cfc66d940c61', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '096d8807a3246c8a884104ebecdf420c823ed8f8', role: "group" }, index.h("slot", { key: 'abe716d70cd0964e69a07aef07d346c0ccb24015' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -66,14 +66,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: '37aef2f5b177df6b6591f6f7c39515ee540b312b', role: "option", class: {
+        return (index.h(index.Host, { key: '7f26c292345951dff79122bac08f2b3629382701', 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: '3a819d77109a5b81c5396147cb3f07ae87e62da2', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '65cfc8baea33e75f84841d057560cfc16201476b', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '3d0bf2e6013aa6829d5c8c0ec83565aa4a68b2c4' })), index.h("slot", { key: '2622c09b9aec78d3a0bf8756654d2cfe502e07e3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), index.h("div", { key: '3c6f0d146fb3ac83f204ae35e4beabf2f310a988', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '384177cb96af49bc8adbae6c328b7e0e29c7b69a', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '2479d98605eda40e572cb5381dd3791ab0c2742e' })), index.h("slot", { key: '3682267ba448c0ae3064497bc5d5806bdfc2e129', 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

@@ -69,13 +69,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '162462d46174ae1c95ab206a45dd16733586973a', role: "option", class: {
+        return (index.h(index.Host, { key: '2325e784623a05a6198fbc59ce712d6873392a2e', 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: '47cfb63001dd337e815c961b1b95585ecb5523a7', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'd30b965f30418ce2f6b516cf7467493667dc7ec6', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '66347aac70923d2fd7a7c1c318cd15ea29d4e6ff' })), index.h("slot", { key: 'd8159a0a5f14475bb57bec29b001a4d7ce6ab7f3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: 'c9ad4deb95e260d63d0e374ce65b3ef0b6f4431b', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'b53c8fd041a7571a76febd5a854c259ae393ebe4', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '268f2160228d379739fcbe337daeb9c58fd757b6' })), index.h("slot", { key: '902f3a78b3c378f000e2a6ad8a5406e1b54a5ecd', 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-e321455d.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -16,7 +16,7 @@ const GuxPageLoadingSpinner = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-radial-loading", { key: '7adbcbf7088ada82ffa08e01a14830acafa941f0', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: '7f0ca49b0d4a565b137e3832bdc4da80eb2393d6', 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

@@ -187,7 +187,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (index.h("div", { key: '5e26b4c88c75858004872520573e4e9a24f38520', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'd69821705a27f94c4076b3a52cd33fae7d2a59bb', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '81c2988010ddc9dbf4f0dc95d2d77c91a68a31e8', accent: "ghost" }, index.h("button", { key: 'a464a8047dc67ca58a78bfe8b88c0c61e85cb134', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '4e1c2c529cc99124ba8c4760296db50930805f79', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'fdb430cf0997fb1cd11eb4d514471f80fd3d3d22', accent: "ghost" }, index.h("button", { key: 'e003ad9f868619f41987312bbf368865fe93688c', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '6093b0a5112efe3b1e48a189ec91859e7fe3a472', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '7b50ddbd7bfca49ea34cbbda850000125fb466d6', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '238a6a4ddb27edd4562d6c3cc28d59a45038a0eb', accent: "ghost" }, index.h("button", { key: '3bbdeda74c0459640895b9b1f6109b405e1b2f34', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '2fd99e8e2ae2b058a61e7d200a898245118990c9', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '07af0468c68c533bfeae77130b7ae0a5d8ab8527', accent: "ghost" }, index.h("button", { key: '4f1033f47d62708c38a621454037f575f3e0b2fc', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '73e2c027239e5861875c99a72e370ddce12a52b9', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '0d4772429868e48f1f1f5496fd610261b05dce01', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '980bbda1f84c6d6b5610cafdb8c3f176ff0a0298', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '3d6b26301edee8387d38a1fc38f5c7cc38afc4d5', accent: "ghost" }, index.h("button", { key: '4eee3435dcb62d77d1ec6997d164714f472e69fc', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '0a5eb67869460a7ae52acaf03abccb495406447c', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '8e5f0c069ec74111e4f72b8bf4255d557db1264e', accent: "ghost" }, index.h("button", { key: '2dc2323f66220aa6d075cd368b037ab4be497eb8', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'da5d20f1efbe2f4a6c69b98d1d65544d122915c3', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '17a601fb01be437563764834129f10854e2c6910', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '444a86967aa34b651bbfc83a144947b850c76beb', accent: "ghost" }, index.h("button", { key: 'c3d00613c5e8ec8c42a9e94f4da8957f8696954e', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '736e70db0bfd031cb578a9818dbe92c3d823c14b', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '7471cb3d2f5616c60c5403c716679753f7a79cb3', accent: "ghost" }, index.h("button", { key: 'e1954b39e68a59ded7daab7a6a5d20c55615f0af', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '5662ea67d264c5879f21c4810e70958a81bbb1e2', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -226,10 +226,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (index.h("div", { key: 'a194f602611450321c1ca072500eed6dbd051400', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'b05780de885df7f9690450f52a5ab319fda268db', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: 'c1eb5d511624530037247147d21131e6d4179467', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '95e6e2896e3b8df06478156c4bc471a6a4e963cf', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: 'd5507dcfb2a71b761fca1e6149edf720573771cf' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: 'e932b57232dddb43cff4c187b05af0fedf4ef31a' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return index.getElement(this); }
 };
@@ -267,7 +267,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: 'e1a57ac40499540ef858b15900dc9224cad95c9c', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '3b7f866b9ccb83f659323f1a968951bb7021efcf', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '4bb3b1b71d6ca80b09c049461533c669e22d95ed', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'd6fde66a0dda82512ce40a51a0853b85d3f40166', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '7e8f0da433f68b8db632d5c0f09e36c5ea36836a', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'b863d991f439ff7200b3b8712f5c9456abe74919', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -222,7 +222,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h("div", { key: 'ac3ba167dcfbd7a6e218a5fd87d7dd720c6dfd69', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '721bc3da1728e9a14b44fdeb1c8448f235ef7641', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '8a7a5cc6ade74aedb65a5f42e4c6bc37b54ffd87', accent: "ghost", "icon-only": true }, index.h("button", { key: '4795d7520e667f9bc3a05007a36d73e6d59f35a9', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'f3634a3e56219c2540c7790898cf2fd2296cd2d6', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'aba139922dcf8a74d70f483585db2e083a7ff447', accent: "ghost", "icon-only": true }, index.h("button", { key: 'fabaf8623d2e2bce0e76037c5f7c87e90455d0ee', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '809cece316e09bee8606395c734cd793136048ed', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: 'b4dbdf909678a791b1307cb002390956e32a95e2', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '8ab559179ff42f581ebe35cf13723a453014610d', accent: "ghost", "icon-only": true }, index.h("button", { key: '2c40aee76604374cbb67e8dee1172275484ea418', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '8dfcfb78bcebdba5c844c808c7622f3e3f9ee310', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '7d9cef2171c7ce1ac400883b0954cefe8dc46e4c', accent: "ghost", "icon-only": true }, index.h("button", { key: '4f26be829cab3ac05bdffc653c179fff0696c665', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'f8325a587b08409ab70a8bb9441aff4ca8f0bbed', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '4ba612a8f987d7f48ef8fc83de55e75398068cb7', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '70417a9af92f81fc9d870c953e7e889d4df76bc0', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'e7452e6c4674db0de54210913ffe693d46f6e772', accent: "ghost", "icon-only": true }, index.h("button", { key: 'e369561b47d9ed2cf1eb27f7c15f00c4a15119a4', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '1921f866f74b115b3cc3195aed7d9a403fc1440b', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '43cab0d7b2e744a43299208680bb925691eebf76', accent: "ghost", "icon-only": true }, index.h("button", { key: '212807643e83512e4643b5d1cd4195cfc405339a', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '0b2e853dae3a7cc28af0f6addbf6914912a79f13', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: 'a4b2592d15f2c18ce0dac19c941f286de8704124', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '1d341c607224aa6f251f9b4c5206b4da4d5fe67d', accent: "ghost", "icon-only": true }, index.h("button", { key: 'bd53bef3f334494f04947df935fe55b7a9c140fa', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '0d9de0f539b159d3f52faf5692b53a6f0c19ee47', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'b20fc1b50d8da2d9ddf4dc9ccc4f87cf4b24e545', accent: "ghost", "icon-only": true }, index.h("button", { key: '5fbebac0c64ca8cee0aaf57f522b33a520dca5bc', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '6ccf5f8232e5c372646c6333442ceacd156de426', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -266,10 +266,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (index.h("div", { key: '9a2277d465141c57adc41f5b3bea86db3f846e84', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '128510d9b6249747981a1e97759d47042c5396eb', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: 'dde821c2d38de4d218161e1b6fe0f072daa22a92', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '8c692247c3f2fd41a880a168dd9061af715809bb', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: 'e31b2cf7b5129ce9fce616d0b20888612a5c8a47', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), index.h("span", { key: '26486c3133559f536ec911fa69783b7db3d5b69d', 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-e321455d.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.js');
 const index$1 = require('./index-aa48ea67.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: 'd4b6d3b53190b9796c0b5edc3c2ab448d62fcdff', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '7712e916af6f5bf41c86f102f3012cd191182859', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'c75f920e13cace02d7bc09369dafce632408a240', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '68543c831b833fa2cb62b7f4169a8f792c64b191', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '893dcddb14c1f3b19def176fd2f7498c626e2f2b', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '7eb6534f81474716396b0bd294b192ad79049d35', 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-e321455d.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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;
@@ -79,7 +79,7 @@ const GuxPaginationLegacy = class {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (index.h("div", { key: '259162b87542bc6c5a4b9489684d23d076123529', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '25ff155574383798c6045fb9de65f8af6d880df8', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: 'b61c3ba34b335d25bbc5ac10ce8f08cb47bd1a87', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: 'b107dfd919c1e04795f6239de7b2c7f56ba61a83', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: 'cdd5c4b9d60e291e732fa8d9058f0c0f3bdeb52d', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '6be7e5ce93f5b9ea10e54eb520df2667e2a8ffe8', 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-e321455d.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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;
@@ -104,7 +104,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (index.h("div", { key: '2632e765f678d0b2209c6edabaeb39f6a4947a8c', class: "gux-pagination-container" }, index.h("div", { key: '284fa15020d0ad7654c482cde60a1490e06bf685', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: 'c47f73c6195fbd8bc65b78b9981a7792c7718673', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: '12b0075fa4631602dde5c94ce2173d002cf2679d', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '919ab355b5dd2412986ca7ce20cad2a8a728a57a', class: "gux-pagination-spacer" }), index.h("div", { key: '2582c1db81d6ce48e47a8510e1e29c94577d2120', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '92b3b60ce7a5f48bb9dff68f20a64831f22673da', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '936d60bd9e154e2028c1054b8feada2d70853437', class: "gux-pagination-container" }, index.h("div", { key: '56ab91c756bd4448bbbc940ee1c293ae4c0b6b28', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '6eebd691ccada4c71486f51ab82dd18fe19c9ae3', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: '3c0dd88b7ce8f6a3d517bfa84da208871b9c99c8', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '3a3a1d82003ac4c995ec1568becd793b4f00ec62', class: "gux-pagination-spacer" }), index.h("div", { key: 'f4144a788f5d732401448c2f39ed54dad58a5363', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: 'f435378462aa052d37780cdc331d512afdaa59ac', 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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const _commonjsHelpers = require('./_commonjsHelpers-0192c5b3.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.js');
 const index$1 = require('./index-aa48ea67.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-a0754e1a.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.js');
 const getSlot = require('./get-slot-4fedce9f.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 

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

@@ -6,7 +6,7 @@ const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-a0754e1a.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 
 const guxPopoverListCss = ":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;overflow-y:hidden;background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow);}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-a0754e1a.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
-const usage = require('./usage-8ddd1965.js');
+const usage = require('./usage-4a70e9e3.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)}";
@@ -141,10 +141,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (index.h("div", { key: '7961504cbd9bcc9251e0108f50b00f05c75257ee', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '06027493c41f6307c87a1fbdd356e5b0bb3cd4ef', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: 'cc904362a902bfbf4ac5183f1b44c68c06c8c77f', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '078f44190426a8c90add63b0baeb65db48e46321', onClick: this.dismiss.bind(this) })), index.h("div", { key: '3903368f21964263fe6319d4a58ad382bb05a69c', class: "gux-popover-content" }, index.h("slot", { key: '9e3ad5de2dd4792c53f5c96a4b3e59efad795fc9' }))));
+            }, "data-placement": true }, index.h("div", { key: 'bbd4037c60d7d4b83ca8d5ac4a371f0f607f1c1a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '5cc31a0d2193f99acc41136cc86d485f0decff8b', onClick: this.dismiss.bind(this) })), index.h("div", { key: '8eeb6788c5e65b7c6bd44b8a79d7271532816db4', class: "gux-popover-content" }, index.h("slot", { key: '272d95c0af2160f0ab06c489cfa91c641451a2c5' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -120,13 +120,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (index.h("div", { key: '89454862e98a0651408c6dbc65c775c303b423c2', class: {
+        return (index.h("div", { key: '425c3fe4d308bc7a405c855fd339a079e9d05d06', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: 'f7a221a5e83d68a3b9fe109873d2165ded618668', name: "target" }), index.h("div", { key: '1eb84ed2d6c23dd90e6d53a396b57b9281877298', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '538bd99671e2f1a66e6b77f559f284d82353d9ca', name: "target" }), index.h("div", { key: '9dd4b9ce304c79b243c0e1f0a1a10b6993e7c162', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '84138680b54deabe48f8d183c0ddc059c391ffbe', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: 'bf99c8e91bde2cecb2a86e7baa030fa3b3bcfcb5', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]