genesys-spark-components 4.71.1 → 4.72.0

package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js

@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-bf86cba7.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -104,13 +104,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'aaed04625be46bf1c196187a9ab2650ae15d6d63', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '95cdcaa339f2459b5f55e1d516b28fded340ec54' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'ca9d26b09254bcf1c10f85eca465f06d672c69ca', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '9c4d98a79533c66cabbce393f6f2fb6ba2243858', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '872419e46229275b793a8e44cc5137054e62809c', variant: "required", required: this.required }), index.h("slot", { key: '8f5fcbbda9de2037df6fe4c233ff0d59b8767b77', name: "label-info" })), index.h("slot", { key: '7ab3cb49085ec078386e47d33be85e4862a56e8a', name: "label-info" }), index.h("div", { key: 'e0d3c3d5445c9a94d75d070a4bf724b201b06d44', class: "gux-input-and-error-container" }, index.h("div", { key: 'ba25e6cefde4e777afa7e0e9f60c2be7e4956aa6', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '5ecc8ac72d7e5228b769822c8a95a5cb08617a8a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '76c3f3de71b2c2ae3c2745a06e3dcc6fdca1e403' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'a9728f2b5c0f4489e7abc42fde4541b6bcb5ec26', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'ad2991e2583d2ce992ae3676d5248ab4deac01aa', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '2013e893e4f67f165f99ffe85b0762a42ab0a191', variant: "required", required: this.required }), index.h("slot", { key: '212479f9a5a8df0668c16f00764a6784a8071de2', name: "label-info" })), index.h("slot", { key: 'e72de942358d617738857c1a8eb9dc41a5f0d71b', name: "label-info" }), index.h("div", { key: '2bc9186a753716cb24024cf68bccb3f7949c6997', class: "gux-input-and-error-container" }, index.h("div", { key: 'c93c6400659b86de793a3158353f81d4f3777cd1', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '2fa5abb19ef77dd31c72726f59eb1e3fe55700f5' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '8ebcdee23d8ea6a7088031ec16bb571a67f9ae77', show: this.hasError }, index.h("slot", { key: '7ea86ffc59c1af8f4a355ea0a6788b47c1eb4659', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '649c1eb4580438bc8f7349ec77b13cbfe530b1b0', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '8cbf41877937041046c62a9648982b420a2dfbcc', name: "help" })))));
+            } }, index.h("slot", { key: '141e377d5046a94a252fae3636c1f568a949e83f' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'cb623eae001f2b4fcbf39e8ce3f94fa443716fbd', show: this.hasError }, index.h("slot", { key: '93814cf4f166b973eb6272a46371f89647eff116', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '2255a62f3d23dd5494c9ebb02bba98a3aa89c855', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '13116c871a16e95259a887b5cd73ccdafc414a6c', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/cjs/gux-form-footer.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 
 const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;padding:var(--gse-semantic-forms-formFooter-verticalPadding) var(--gse-semantic-forms-margin);margin-top:var(--gse-semantic-forms-formBody-paddingBottom);border-top:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}:host(.gux-form-footer-modal-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);justify-content:flex-end;padding:var(--gse-ui-formFooter-modal-desktop-topPadding) var(--gse-ui-formFooter-modal-desktop-horizontalPadding) var(--gse-ui-formFooter-modal-desktop-bottomPadding) var(--gse-ui-formFooter-modal-desktop-horizontalPadding)}";
 const GuxFormFooterStyle0 = guxFormFooterCss;

package/dist/cjs/gux-icon-tooltip-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxIconTooltipCss = ".gux-icon-tooltip{width:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{color:var(--gse-ui-formControl-label-tooltipTrigger-optionalColor);vertical-align:bottom}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const legacyIconNames = [
@@ -549,7 +549,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (index.h("div", { key: '11e42c61e6b6a268d4f3202b85587865a2777469', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: 'fdaed8279e654d61223d21363ea96aa68a8a32e6', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return index.getElement(this); }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.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: '95faeba1aaab0d904b76e35881843a0545d12ed1', class: {
+        return (index.h("div", { key: '7a158860eaff795c39f9b433c17933eacf48b64c', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: 'f1cff94c3340682fa4f9b731b861246d2e5a95fd', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '541abfc392b63e7cce5282a549118487490de8e9', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: 'f6f39c9cdba87b0d42ec68e53a2b404181f1b6d9', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: 'b8dd49744c9cf3a960aefce0218737eb3e7bbdef', class: "gux-content" }, index.h("slot", { key: 'c499e3f7f7db4ca0dc4118785c9fbf23daa99781', name: "content" }, index.h("slot", { key: '2e45fa9242e98ca1ea5a9408df89593238fe2106' }))))));
+            } }, index.h("div", { key: '1e683ba49866a3c4cbccdfd4f35334b7633f8c4c', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '674c0b2b72cea5ae668a249823a770347101299c', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: '08dd101eac9236d6963535d9cbf229e440bc7c2b', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: 'bdbc2e803c43ad12b804f3c3e7e327ff7a76f8a3', class: "gux-content" }, index.h("slot", { key: 'de96732c5bc296031d0714d26a198a4d64a58628', name: "content" }, index.h("slot", { key: '4c28b32683fbacfa290cd7c3bff88fb7d1206ff7' }))))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxLabelInfoCss = ".gux-label-info{width: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{color:var(--gse-ui-formControl-label-tooltipTrigger-optionalColor);vertical-align:bottom}";

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: '8beda4b11721cb284a8c56523299a8bc413d0499', role: "presentation" }));
+        return (index.h(index.Host, { key: '249d522cd8c5c0583154d900b21795030814af6e', role: "presentation" }));
     }
 };
 GuxListDivider.style = GuxListDividerStyle0;

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

@@ -29,7 +29,7 @@ const GuxListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c8a719f4050cff60a334b822e2451abfdc8b8b27', role: "listitem" }, index.h("button", { key: '1cd3d6d13ab45e1c63b0961e0964681a584e8109', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '40b64c6675c898a536fbd38848518a47bc305e27' }))));
+        return (index.h(index.Host, { key: 'a73a8500f64a41b283d04839822596be7951947d', role: "listitem" }, index.h("button", { key: '44139a45c1b776f48a6a4e01831f0b84496f6661', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '1a60d18f8d999c2fba4bbbb880733b8acff02f6e' }))));
     }
     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-7fb02c8c.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.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;
@@ -60,7 +60,7 @@ const GuxList = class {
         return (index.h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (index.h(index.Host, { key: 'b45097132ad7c6a08b47dde9dbb303ab590543ce', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '4387406713febefac8de4aa79bf700e463f8db1e' })));
+        return (index.h(index.Host, { key: '275ba18ca6a67097ce38d16e6b12ae7c2b19d5fb', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '324346580a4007be1eee22b0603bc5e31ac5d2a7' })));
     }
     static get delegatesFocus() { return true; }
     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-a91f8bd2.js');
 const index$1 = require('./index-a1a48d79.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.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-7fb02c8c.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.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-width: 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-top: 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-top: 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-top: 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-top: 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-top: 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-top: 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: '2a6b29d75ee80df549e6f16231aba1665d3ca154', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '45c224c9caac4f211a30f89dca30645cf3c68cef', class: "gux-progress" }, index.h("slot", { key: '99c7399f7575ca1d63a354b6c2ed6b8c0e5c6728', name: "progress" })), index.h("div", { key: 'fb7eadb66e7be740661ea040eae4614f21109d93', class: "gux-primary-message" }, index.h("slot", { key: 'fc31e49622c5f1b581f17df0da1f0de3cea9132c', name: "primary-message" })), index.h("div", { key: 'cc876268b8c22ab58c548201c076cf58519df58a', class: "gux-additional-guidance" }, index.h("slot", { key: '8fae572e194d58167a55c68c6b9db4a9eada969f', name: "additional-guidance" }))));
+        return (index.h("div", { key: '04790e8d07ec5cbacfc444ee552ed49e20afeff8', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: 'dc60ffc869aea8cfe9128ff25e48cb46b16ac49f', class: "gux-progress" }, index.h("slot", { key: '0f97321aa247438b6598a07b43870996fe17e1ab', name: "progress" })), index.h("div", { key: '09d4649f701e6ffc72d1c1420e2883bc295a7e85', class: "gux-primary-message" }, index.h("slot", { key: 'b328b196770ceb4663c31a54c083932bccc447e2', name: "primary-message" })), index.h("div", { key: 'e13fc16f700ac912da01fa69873281768c332111', class: "gux-additional-guidance" }, index.h("slot", { key: '640cca8758fd53549871a6d4bf40ac6b8702c473', name: "additional-guidance" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -36,7 +36,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (index.h("button", { key: '0b8ab4835145bf20fbfc50bad3b032ea6ee33716', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '88d7518f7f17013442c64e015564ec2b80a9a88a', class: "gux-menu-option-button-text" }, index.h("slot", { key: '05eacb7de85ef5298cd604cc6bf0c3166b852928' }))));
+        return (index.h("button", { key: 'e79faabef6b54fe1009610ace99549a13917aa2a', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: 'daf0064c5b7692af88365aefd72bec4eda3fec79', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'd50cd034a9df228ac3dd9a927a8b590ca2979012' }))));
     }
     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: 'bb330d93d085ae23c8f3593ecebee84336497a13', role: "menu" }, index.h("slot", { key: '62467f75e67e266fc1962c52616004dd80fcbcee' })));
+        return (index.h(index.Host, { key: '64297942dd3b8ce9c499e5007f93ce32d50b8ca6', role: "menu" }, index.h("slot", { key: '6e9dc876bd2373ea4134fd997960ed83dd848090' })));
     }
 };
 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-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-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);background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}: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{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);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;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}@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: '77fc74b786057ebb6149abfd46a49e928640b9c4', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '36b916d9151212710ae60d78b23fcc10268a482a', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" }))), index.h("gux-dismiss-button", { key: '0a72154aed65dfc7c712a4edc4fb658119f462ba', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '09252332710631002af73e1e1fdc4dd62446f2d1', class: {
+        return (index.h("div", { key: '9a16807e6e0c105a71d9a6beae23f0b6cf8562ab', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '9bffe5f595358ea8b8d2ba6da3d395b79bffb540', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" }))), index.h("gux-dismiss-button", { key: 'e3c64ff9a89bd4d4aa0bb9fb23f829c2ef4acb62', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '8b087f57d3d764b90e51cded53d9b664e5cdf144', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: '73fa02a2a43dbea545c5f0cbc834e5c467f2d198' }, index.h("slot", { key: '6bd97279379e90a57f4cfddceb4da78df019b31f', name: "content" }))), hasFooterButtons && (index.h("div", { class: "gux-button-footer" }, index.h("div", { class: "gux-left-align-buttons" }, index.h("slot", { name: "left-align-buttons" })), index.h("div", { class: "gux-right-align-buttons" }, index.h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: 'adbb48bc1fad4234f0e537cd5ef56d13ee003081' }, index.h("slot", { key: 'e38a4dc040385ad162ce8a79e04c8b69dd98968a', name: "content" }))), hasFooterButtons && (index.h("div", { class: "gux-button-footer" }, index.h("div", { class: "gux-left-align-buttons" }, index.h("slot", { name: "left-align-buttons" })), index.h("div", { class: "gux-right-align-buttons" }, index.h("slot", { 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.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-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;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column;padding-top:var(--gse-ui-modal-padding);padding-bottom:var(--gse-ui-modal-padding)}:host dialog .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host dialog .gux-modal-container .gux-modal-header{padding-right:var(--gse-ui-modal-padding);padding-left: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);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host dialog .gux-modal-container .gux-modal-content{max-height:432px;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}@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{width:100%;height:100%}}";
 const GuxModalStyle0 = guxModalCss;
@@ -69,7 +69,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: 'b21f66fea97ad825220bf1f7cb607c2b028530cb', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '6f9f15215b90d95674356b3183f1cb73695500df', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'b2cf8c0bbc3a35fe922187395bdc9a14c566be9f', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'b6be54d55a19922d444f43c83f8daa60b91cc299', class: "gux-modal-content" }, index.h("p", { key: 'c68709bfa8c21e50e8e10fe382843a0dda63beae' }, index.h("slot", { key: '1e6316fd283c5822b0cb77e00a9f7fa3134770d3', name: "content" }))), this.renderButtonFooter())));
+        return (index.h("dialog", { key: 'cc85caa876e0e2fc620e4214592b55d9c74b9566', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'dbec361b43bbdb54216089fc89f7e7d17220005e', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '05e5e9c4f7d9cacd2211b51d712d3b02b6b7de43', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'ab136993dc831cbc2f985c486135632c36042951', class: "gux-modal-content" }, index.h("p", { key: '0132c588a4ad7bfc0a51422f31c4e76c7ce208be' }, index.h("slot", { key: '9e22336a5a65f8d16aa3913404846a87eed98714', name: "content" }))), this.renderButtonFooter())));
     }
     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-7fb02c8c.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
 const index$1 = require('./index-a1a48d79.js');
 const useRegionalDates = require('./use-regional-dates-34243a86.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-7fb02c8c.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.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-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-sm-fontSize);line-height:var(--gse-core-typography-heading-sm-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -18,7 +18,7 @@ const GuxNotificationToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: '0bc313de21af1a183397a7dc1d94c3eade04717f' }, index.h("div", { key: '3c905009c80a0252c3da38d517074c4aa1bdd6b8', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '66ff04aba2077e88dfdb4556305eef3f40649aed', name: "icon" })), index.h("div", { key: 'be7901838930d5f1f2cee6c0033a3e4979bafa90', class: "gux-content" }, index.h("gux-truncate", { key: '514fedddbf39d5cdce2150dba72f72a8cb4b5f14', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: 'bc154f35ebc48ddbe204324674e9b2410152092d', name: "title" })), index.h("gux-truncate", { key: '384149f5d063e1831896d935c4873fb0f70510f7', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '726a59aa75ad571363e08aea67b7e49d37032132', name: "message" }))), index.h("gux-dismiss-button", { key: 'a1e4145c7be48dc64ad1b3b35083cc983c3ce02a', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '978b1d23bcd30f574551b2e58b63cccfffc097d3' }, index.h("div", { key: '7f5dfd3ee78527cb320bcdde8fec800f0127a5fa', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '8a0f5e9e1551804fe77405705f5c4f88d9b2c58a', name: "icon" })), index.h("div", { key: '97ca93fc9cdc7381c86f43b92b3628e353158886', class: "gux-content" }, index.h("gux-truncate", { key: 'abd6c01f9bf95b85b0f7dc21bcbd4511cbc8a85c', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '139d028b7826aba19a05df7894234879ef8469de', name: "title" })), index.h("gux-truncate", { key: '47a96015b193db99af78974cc072d21c38b86eac', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '7368f74d15255824fcd7cb8ea547d08a8ac808c4', name: "message" }))), index.h("gux-dismiss-button", { key: '21088f5d0d3bcfd8510ae85b268c2b46ad749f7a', 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: '1c3da15d9ec8a6787b80c0a80e12442d0cede4a7', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '706f033518c24c9358748dab4d152a6789698c91', class: "gux-option-group" }, index.h("div", { key: '5d657b64e1ee84453dd9db16fa75d67288055c88', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '05c34d586310fb5b3e9088572cf05e023ac14c1b', role: "group" }, index.h("slot", { key: '18f556017e313057673cd4611f5d8bb07af8feab' })), this.renderDivider())));
+        return (index.h(index.Host, { key: '50097429d09aa1ee2a198e5221b05e0589b68f43', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '0b9e477b7b8626dc71bd809e1f75a9e777e9d592', class: "gux-option-group" }, index.h("div", { key: '29656e0706e792dd64e7777d1be13aa617806cec', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '094a97df8ea2faea1dae94ef50b1dd1c8ed60b37', role: "group" }, index.h("slot", { key: '345c50437cd32012d5734207290d24cd6f2184f4' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -58,14 +58,14 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (index.h(index.Host, { key: '6f429152e15139e30a50e90ac06ed48f7c555673', role: "option", class: {
+        return (index.h(index.Host, { key: 'f6d97334b6ac9e4847f0f77f30f95ebe28088bbe', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: '134da8e01132119c5bbc1454d49ab62e7d84acb5', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: 'e380e11a047a8f972641236036e6567fc1d93c60', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'f49a005a360ed05bc81959bfd2a70e111be7aea4', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '447ab05d6c47d252ad1a0c69638fef8c05ef0d56' })), index.h("slot", { key: '5a628c675c0ac1797bdf65488d32f976ec33aaae', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: 'de90edc0af36ba92f23aae43612e54694daddbc3', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: 'aabe07b93b704361cc89b56b8da2fcd72245ab27', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '6fcbe44baa62b77d41fafb97568e70821f3f582a', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '95e9a1262dd1bcd3fc55d1ceafc9366d3627d49c' })), index.h("slot", { key: 'e4f07670f12dbfc93cee212bdf701118981c61c5', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -66,13 +66,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '26f74ac330d738ac01119c81505f4a472dee3711', role: "option", class: {
+        return (index.h(index.Host, { key: 'c0ee80a1e887bce0a0a793df494fd429ddb4a60c', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 '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: '91646c7ee2054f8dbabdd0a9df8a655386d2f1d8', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '4ef49a5f4d0e4b8672f5b806f1b01a0e171c986a', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '43aadbe104fa7f9e6991b276bc3bab20c09931f3' })), index.h("slot", { key: 'cc9a573d680b1979acce992d7a28ddb01d2a933d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: 'da6a8e6cf621311a22d870ce16969909561e4834', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '1f3c00b576ea51da0df4343f7e240f30ae86216f', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'c3eaf571850d783cc475707a0f7ce6c6683a3226' })), index.h("slot", { key: 'f8e8ea760065b9d1125e5e0bda6c84d273e135a4', 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-7fb02c8c.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.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: '5f31bcc969ca3437d020f601e939b56c416f69a4', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: 'b9fabf7ea1289ea5c8bfeb35c2963e1197dfda0b', 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: '49ab4be37df89bd3512403abfe8e7398f07e4138', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'f4ae7a227d4dc37ce4d2bd97ce0786014da4bae2', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'dda711ca7357e01082a7ea825e9eae7d9db026ae', accent: "ghost" }, index.h("button", { key: '9f85e75d863dfb8d5890380ad8a943d5b79d5c3d', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '7f07c56d6e18b696859ef222bd54ad3d5e138e91', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '7b3b1b73e8c0e48af6820e458edf4f1cbc11d072', accent: "ghost" }, index.h("button", { key: 'f99a481f76caf9844cd4bd29a6e160d9caa74d28', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '217118b022913ee846414cc2a24774a676a5688b', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '10ddc2ace4378104e2c9891d8d5c3ec23dcccf55', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '17c978b7988493bcc8f879c025dafbc56c05a33f', accent: "ghost" }, index.h("button", { key: 'ac5c57c0909fde6d1980c8ea51487673a4d99dd2', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'c99771c3329f55e156444d6f796a76482845bf88', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '8a1648e574848d11b6a44ff78e5cbac316ee45c1', accent: "ghost" }, index.h("button", { key: '3795dcc80978d7e510b679935d05375aea36959e', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'd5c14110c729a940a1883d0c848efbd015c27de3', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '1ba9d8787e480c7021c17300467bd8439cfaebb2', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '1ee5bb3e2077867292f78d04a62fa9e1e7a31305', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '45ceb944e2c801b924c83e10ff9877cf7656278f', accent: "ghost" }, index.h("button", { key: '4abc9326de1c1ee2e61425a6c7af95812d1e0f99', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'bd76234d0a1624fad7f573aef2db43a7080ef810', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'ddda5017fa14cab941d75134a7b9afba2151173f', accent: "ghost" }, index.h("button", { key: '641d7f306ce8a1b6a4ec27a98c46cbc5db21ac11', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'd1dd39d206038d611a4c3ddc4ad057f9a2544964', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '940f377147a7e686d497145caacff2bc8230deec', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '7014ee3ca1e09d9e696f933559d4b392dc396733', accent: "ghost" }, index.h("button", { key: 'b49f45246377101d3a2cd8bafb5aa81791ac296c', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '6e865485f7294c4514ac0acdb0f466af1f333029', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'b54fe3061e234266558b6819bb0f46ccd23988d6', accent: "ghost" }, index.h("button", { key: '049fbe63c206697a3d963229260d36672b5c3e1c', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'efa7910f4c07919e48505d8f3fbf97dd60591790', 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: '61f77a270fcc719cb1a87508fa3d10cee807d4ce', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'c6b98e5db13b0964088f5cba85dfaacf18bf9496', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '9304ff0a9db8b65d2511944cad916bcba67d4376', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '3da01bf6c035582d09f55a8d92d00da25ce4d175', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '8d0f28820382ce99699b9417883bf0ec2625255a' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: '1350e0c3bd2a3511794bd2deca9d7a028406a09f' }, 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: '9b35345b5930b3eb6618be869d1c71109ad987e0', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '1ca2a511d1ee5f75bbdc8abe2eb2c9bc1c0170e3', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '69c4f9a36fa198e37bfa368c4ebfcff55db27df1', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'c3377da39459bbc3d6004183e9d89440da52cc9f', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '0b78effdcc262e2a36ed9329f704e2166dfe2197', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '481648a816b2fb47f80c3991e1937141e06b2965', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -204,7 +204,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h("div", { key: 'fff0cf262b9c1bb44ea53fe9a000085b3bef3638', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'efd4ad576ae28db57058c5bf09f1bc3cc62a8e70', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '3bf855a6ab89defbb74b34fb44698754ef089f69', accent: "ghost" }, index.h("button", { key: 'adb7b226b7b45569b330e17202da8401015522d0', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'a5336a58ff01300b1f78e46a3fc511d7da262939', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '23270e5a2e0cced675581690cae4e12e00ea2c79', accent: "ghost" }, index.h("button", { key: '332b43a4cdb6c59a06b6bca31ebc2d59bda67bd2', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '112db61c6fcb73233d01ff89456f5cbbe7c7e22e', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: 'a780c379e89ae73afd4fe00c014f7d3795006cc5', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '23150e772b34852ae3927be5b1c62c84804e5ad1', accent: "ghost" }, index.h("button", { key: 'dc0fed5842c2046fa0b491144bc5ef0189e28041', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '4c51072f7ef5066f62c8f74b9c7052fbf7e27bce', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '1d74ba84367677727c6e26a6b75fbffc961f8400', accent: "ghost" }, index.h("button", { key: 'a6a8a25686a77e41b1bb116dc5bbca419943aaeb', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '1667a1ab84afcf4969e04abb0c05d62ea1952ef9', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '6077d5d7a8733173f0f458f672d1ae622fcda538', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'e6ba6b2fd910d3c196ae828d4622b48ba8dc4242', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '753a27b3808ce25cee8b4a678a765563aee6462a', accent: "ghost" }, index.h("button", { key: '1bd15187bdd31d6e3458ecd729ea3a00e7483f8f', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '791045bc36f07ce5747390789faf8da13c6790c0', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'f00ab41911e14e137a2ff9a66a09a8050eac2638', accent: "ghost" }, index.h("button", { key: 'eb883910d0b70db059ed81583cc48ca7fe1aa40c', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'f83cdcc9ba7e2b84583ff77a8d174f54cdf6b48d', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '8af4fe8e7168b7ee48239e2cf7f86ada87dbaa31', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '235bd8445521917cc9b33e1b487b5da062e8147f', accent: "ghost" }, index.h("button", { key: '8e485f7cc90b2a605caa7befd9b88a27d8e84626', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'd653525bbe00637361a53c09c14168d7c815482c', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'cbbd38d427e9e0a3a8913a38ad4e2b8cd43eee59', accent: "ghost" }, index.h("button", { key: '5ed3c37b5daaef588ed9972c21bd498bcbb9fd5f', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '68a1ebde96f853dcd2c5d38d7b0bff60e654173b', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -248,7 +248,7 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'cc214c663bea74f291e97a9a8b41416696b17fee', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'c7863d7e06bb7c9d5185c1bdbd052dc87754c050', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '00856d47739f72098dbe2581336758981248a6a4', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'e8c23da59eefd22743d6ac0374c5e9f22458912a', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -38,7 +38,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: '0d75571f0a46feebad6603b7abc75ccf4f8d285a', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'b2c4417a1a39dff20c07215e9ccb2f14e59663fb', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '86bb4316e5702ca0c98c00d320bfce7bfd3115b7', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'f3fb8a72fb7620c5d46eacccedd8e9511ef06cd9', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '9c44139f927c1f5bef9f99642b43e690e36ebb49', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'fda6f5c630de1138f2f3100ebb5fc35bad127dde', 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-7fb02c8c.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.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: 'b687e986fb86a5e7f0b6178bc07e97c7335846e0', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '18b70ca5fa00b391766e1f6f9c336a6617f18b73', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '2bebbd4cffcb517883d297b9a8c781dda8008e02', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '3abd9cd00f35121bb9d6b54830ad8d022fdc585e', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '61b560aeaba8051bd9db516307751245a58dd9ba', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: 'eb450dcca3fda823374277c3e0f93c25fa36ac39', 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-7fb02c8c.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 
 const guxPaginationCss = ":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: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-left:0}";
 const GuxPaginationStyle0 = guxPaginationCss;
@@ -93,7 +93,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (index.h("div", { key: 'a9c135d289ced1d1652d4903661b5457a73b4d82', class: "gux-pagination-container" }, index.h("div", { key: '3cae00b7cb4d53acdd1ad03e7feadfa521090451', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '21ae33ba6ced409092abc69505d6bbfb476c19f3', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: 'bda75173e7bd3b50d1fb28df57bad6bc72404940', class: "gux-pagination-spacer" }), index.h("div", { key: '7e029f98e38d1f4cc46ff9460c4bc3b294700992', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '2a589657711bf2ef9968f774f2cda18cdb66301b', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: 'e2032a3195b4224a6276d890ad6718a621d33b6b', class: "gux-pagination-container" }, index.h("div", { key: '23f74ff86c371bf0435b80442e56e136066a9d4e', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '2542142e8c326b0f646ff8beb93a679dd42263f2', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '3ec6a22c4f864c702240ce5566f22c332e4ec5a8', class: "gux-pagination-spacer" }), index.h("div", { key: 'c61dbf8128d5b8ca4f7f8453b54fab282b72a9eb', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '7bcb53c640ceac841259dda8b20dd3272fa97e2d', 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-7fb02c8c.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 const index$1 = require('./index-a1a48d79.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
-const usage = require('./usage-17692cb5.js');
+const usage = require('./usage-6426963f.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";
@@ -133,10 +133,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (index.h("div", { key: '32312d0a95b355418abfa3c6d89f9d0b9a0190fd', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: 'aaf42b8c22597ff3b58f779a8259ed428261c089', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: 'b43bf7778333eb8292720cc873fe1513712f0308', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), index.h("div", { key: 'f77f2d7f90526b996b5cb47fa7991cc5ea4f23b9', class: "gux-popover-content" }, index.h("slot", { key: '8dbb8b2e5f25e48d5c82831bee3c6d09ba21df7f' }))));
+            }, "data-placement": true }, index.h("div", { key: 'b0bfa89ad58df922acdab9615ff19c8deeda9009', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), index.h("div", { key: 'b911a03f1ce6c6210547418b10c37517132b5aa0', class: "gux-popover-content" }, index.h("slot", { key: 'c1af835f23cd6169695eadca8f5f6381aea2f338' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -94,13 +94,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'f385c4140f4eccd1fd7a84a613df049e2a272e64', class: {
+        return (index.h("div", { key: 'f2cdca4cfdd937a9d3cf8682574a5f76621b937b', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: 'bfe0fe177d904e6c3edb6da07e13683f82048f09', name: "target" }), index.h("div", { key: 'fecab29baa929c7fa63258a125f14804f6bff0c0', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: 'c7ae5a9f78c505c045d7bec68ad6578ca0190f9d', name: "target" }), index.h("div", { key: '72402d0085c3c58b8caa84c878e654407e8971df', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '97f0063ed493f5de9f62f8e8cb59628c3dfe6ba2', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '1926718edb2c1900f576a83a86a265f7348ec8e2', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]