genesys-spark-components 4.124.0 → 4.125.0

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f08a5ed.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 
 const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--gse-semantic-formControl-formBody-paddingBottom);border-block-start: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-block:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-desktop-horizontalPadding) 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-block:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-mobile-horizontalPadding) 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-block:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-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-8f08a5ed.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxIconTooltipCss = ".gux-icon-tooltip{inline-size: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{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f08a5ed.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const legacyIconNames = [
@@ -550,7 +550,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (index.h("div", { key: '07b503f973117949462547aa19626825d8ef5ccb', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: '0a58368b3e37d3c2503947ea8cd507b22785d99b', 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-8f08a5ed.js');
 const index$1 = require('./index-c5d18923.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.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: '37c95e73d07b1041e869c0576529f9ab312979a3', class: {
+        return (index.h("div", { key: '51b9b8dd9ba619e232e4e0a8ac876d52c4d96af9', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: '6e2e50e1ceefc17ec4898916408946cfc8f3b96c', class: "gux-message-wrapper" }, index.h("gux-icon", { key: 'c1eb87ac02f1f5d406ac417e9aead0a9e55c2130', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: '95bbe343fc1cdf34a3ff10aa376ae9a66a6c2d11' }, this.i18n(this.accent)), index.h("div", { key: '9ca46df0c33fc5f00df0729538930c37628cca21', class: "gux-content" }, index.h("slot", { key: 'a29d2193dfbbd3925aa806af18b92eec3b654771', name: "content" }, index.h("slot", { key: '3b2d6bc554766c31d3363ef4e05da99ba72ffde1' }))))));
+            } }, index.h("div", { key: '56a33f0558724575709b5a338701c583e655c8d2', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '9b68a92947e93e5723587979778a6da9931fa7de', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: 'f70c59e1f52987c0b6658648035c6594b131842b' }, this.i18n(this.accent)), index.h("div", { key: '8add842420526ae6de0fa9b04829e5721756d6c7', class: "gux-content" }, index.h("slot", { key: '47bca6c221364d49391eab36033aea11cca9676d', name: "content" }, index.h("slot", { key: '30ae8819e3327c7a28d4a63daf34ce13cdc096f7' }))))));
     }
     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-8f08a5ed.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.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-8f08a5ed.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.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.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f08a5ed.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.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;

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

@@ -7,7 +7,7 @@ const guxListbox_service = require('./gux-listbox.service-01e82389.js');
 const index$1 = require('./index-c5d18923.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.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-8f08a5ed.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.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: 'bec01bcb41c1d7c67b327a06c4004fd69610cb3a', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '61fd1c41cd84bc3170b485409fc1f875cfae53b4', class: "gux-progress" }, index.h("slot", { key: '162770be6b1e4ddac98ba43d1cde295d8812beb1', name: "progress" })), index.h("div", { key: 'ce41002cfbdafe06cf7e596879dedbf0569e78d3', class: "gux-primary-message" }, index.h("slot", { key: '969c00afc1f9441e046f64c9f335f6212531c15d', name: "primary-message" })), index.h("div", { key: '30566e826ddf339d1bf65ce475cab14af48942d5', class: "gux-additional-guidance" }, index.h("slot", { key: '7f0c15ff42391a285379a7af5ae34d2a25ef48c1', name: "additional-guidance" }))));
+        return (index.h("div", { key: 'b2caa7a95ff1ba98716878a0581a3f2aa949dcf6', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '9b0bfafa872b239bae390ed9febcc6edd0c22277', class: "gux-progress" }, index.h("slot", { key: '03a676c0c79e3f64ab4faa7e7576fbce57d94ec8', name: "progress" })), index.h("div", { key: '7e95095555953213e46c6b0b019bafeedea57f81', class: "gux-primary-message" }, index.h("slot", { key: '3a1b4ac1113396c0af48aa566a081ef36497f3fe', name: "primary-message" })), index.h("div", { key: 'bcb563fc8e17b48570ca6689ec74b668f5afc70a', class: "gux-additional-guidance" }, index.h("slot", { key: 'eb1bac8cd1eeb559d1a29ca50c8df2304731dda9', 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: 'c84810ffda019785adf64b6e303f0ed202670a39', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '84d64e0776633f943bacadbfe0438a73d9e308ea', class: "gux-menu-option-button-text" }, index.h("slot", { key: '06fd5620e50a5fcd7517cbc3b66e304cd80e1a42' }))));
+        return (index.h("button", { key: '35e9baba83eea27742e9b83b93194b92edc086da', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '72b5095ff8edb6359f8962636bb66cc485e0228e', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'fe365d3460fd945c6723ddf937165583d4ac9832' }))));
     }
     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: 'd418ab33495892865a07160fb86d9b8c2e136220', role: "menu" }, index.h("slot", { key: 'c59d1b1899f6fe0f01ca487e729e80d29302b029' })));
+        return (index.h(index.Host, { key: '86b5478ab9c5f86aff881473938634459155c642', role: "menu" }, index.h("slot", { key: '843845a05ede6ad42dc9e557369106a71d3299f6' })));
     }
 };
 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-8f08a5ed.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding:0 var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding:0 var(--gse-ui-modal-padding)}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalLegacyStyle0 = guxModalLegacyCss;

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-8f08a5ed.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.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;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f08a5ed.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.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%}}";
@@ -78,7 +78,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '21897759cd4ec962408451a2fdcdf2fb76a7fcb0', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'bac191d2c8484a27507e3e2e036520a74e290548', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '3c12f84d2ef4384067e367bbfd2463189a6ae585', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'ee041befe4913a099434d9ce39e7bc2cbb0966c8', class: "gux-modal-content" }, index.h("p", { key: 'faf2629874af248e6bdc9565332b64d9afd9f356' }, index.h("slot", { key: '389eabb524cccc6fbb81da8e78b807f1cb4955f2', name: "content" }))), this.renderFooter())));
+        return (index.h("dialog", { key: 'e70ba90b07c3c27861574aa5c6496ae2d329df49', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '306dd1984109212d7c8b56f0922bac42b75e5557', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '0de4f38407fc5dc098e7bc5bbcb858c8646d8fa9', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'b75a4b6182e1a935f713c203587bd5e482ff1760', class: "gux-modal-content" }, index.h("p", { key: '2e29db8f3ac4ce211e9f7a04f997c9108931870e' }, index.h("slot", { key: '5434a2eebedc0b658e022f5044a8ad61786f9486', 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-8f08a5ed.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const onClickOutside = require('./on-click-outside-18d3c600.js');
 const index$1 = require('./index-c5d18923.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.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-8f08a5ed.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-semantic-heading-sm-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-sm-bold-fontSize);line-height:var(--gse-semantic-heading-sm-bold-lineHeight);font-weight:var(--gse-semantic-heading-sm-bold-fontWeight)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;

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

@@ -54,7 +54,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e1efc13975907d8d0efb7780e9a01bf8bf32034e', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '62eba4916504de3fdae4539a146cc8dfb78b442f', class: "gux-option-group" }, index.h("div", { key: 'ba0b59cf658d1c6e2c9158ce9515eae0472618b6', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '0a24351131954e25346507244a2afdc045f4e9cd', role: "group" }, index.h("slot", { key: '54fafac457a9235241a83aee7c3b148f51de73be' })), this.renderDivider())));
+        return (index.h(index.Host, { key: '250a68a43903f4d50871f97d73223c220af96de9', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: 'e6495a1d3b99359827aebc23b9dcb27ae215e66e', class: "gux-option-group" }, index.h("div", { key: '93b2fcb938e548ba55868a91eb9ad446adc320b3', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: 'bf365cf13379fedb3a141e2ff85cd39959c899eb', role: "group" }, index.h("slot", { key: 'a68ba73f48b63663bda936211c69b00cc054ab3f' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -70,14 +70,14 @@ const GuxOptionIcon = class {
         return (index.h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (index.h(index.Host, { key: '902601346eab9956082b32dc60d6cf7511d4c6bf', role: "option", class: {
+        return (index.h(index.Host, { key: '57ea0f30bab9cbbf08cd8d6c68ee1de285bd979e', 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: 'eb6fc0aa8f3034eab1ee3bfbcf843526d2ff8eab', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'cdef17281f541da5f3f0826b2a82a8e10d31c0b7', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'd52c436545d39e43e993b99cfdbf6577284fbebb' })), index.h("slot", { key: '23672ca4c866810ec28ca3e288fe0d2642a01d2a', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), index.h("div", { key: 'b8203db12a20c4b74f5520d021efd59ef80c6432', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '2a16d859f1911ac5bafa0d6c0084657cc2064d29', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'c7896b178c4070a4c43b59c2c66f4ee39bf852d0' })), index.h("slot", { key: '9808edc2a18f0f16a61afde0d9cb307533ca2a3d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -70,13 +70,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ed850a35be6944fdf451b06f6ac6da28d1576435', role: "option", class: {
+        return (index.h(index.Host, { key: '80aac9598e569077de3ae22b1c02e68766844015', 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: '20f9ad2c26485c6edd7d9be14290a69da35231e9', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'cb3ab45d14e31f1f7c443d503f0b6ada20dfdd51', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'da03321ce4f9a769544f2396bce1a55215a07c85' })), index.h("slot", { key: 'eb742f9a556dfb3dc3c0f3e7055d02544d39283f', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: 'fa4a90252b87e5e6f96e83d3eff99ec6bb0f54f5', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'fa8f8ceb36a61d3d042d67b16a1852808509408b', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '77ed823cb8cbd099ced7b1cf6f72ad8dfc86da47' })), index.h("slot", { key: 'b5bf94e34b50de84286cedf180d3c4d09f806539', 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-8f08a5ed.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.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: '0a1ecda47fc13b251333b915d4d372fe5cc7d7e0', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: '3490cd0fe2f819fecf307115038b4bada10b6d4c', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -224,7 +224,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h("div", { key: '39f1c5eb5fc54d4d64a8f2ffa5f60635b8397332', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '19091a23b75cb029549435b9a158441d1e0b4d9d', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '3276cdb33a4335061621102b2112c3f0d2b307a2', accent: "ghost", "icon-only": true }, index.h("button", { key: '9f39024f7c175f4efed5ec6dba29ad4c0a8c0e45', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '02c1991859f02704e3c97e38d1e69fb8aefb6954', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '6b12072517bc7ae25abdb137d0e85513d47637d3', accent: "ghost", "icon-only": true }, index.h("button", { key: '1a658e56e1541949a9a2d7bb58fc37ee4c08ca7f', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'a4a5e5950e2fd244f290b4295f12185adfdc6a08', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: 'f9d118f6c74bfd34f775bc14ad88d91636c5000a', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'f30a1f91fb26d46939702892f44e50436b93e1d2', accent: "ghost", "icon-only": true }, index.h("button", { key: '9c71b7f6fe2ac9d19b4d9a0ce11b71c1bc0a16de', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'a11c2b1e0d24e75862266692b8a3b87e948b27e4', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '4b171ae9736eadfb2681f103f0a0f41fe9c21f39', accent: "ghost", "icon-only": true }, index.h("button", { key: '744f7b35f9c860ed6baf90c30c13606693a02f64', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '1ff11eefedbcfb363000aff2dddfdbb6ac4ff2f8', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '144dd5ba861ec6629d760b4f834175d260f0d160', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'cd4bf9336287ad6a7efd9307ca00db02a909504a', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'f703c23a31f90d8b226aef669700e940e6c169aa', accent: "ghost", "icon-only": true }, index.h("button", { key: 'bcacb426bee7ff610a2782c7bf8d748be9d193b9', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '59c923b7c3ad87e1bddd8c264f45d28319376927', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '491de9f90bea4cc7e1563935317a57ec00e6778c', accent: "ghost", "icon-only": true }, index.h("button", { key: '3bd04ac740853feda65d11e1a44c7adb9512d655', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '46b98adaff437843e0c03e793126e19be12850c3', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '2565572fc676b7bf505aca4cea19fedfa4bb2324', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'f7e06598859b74cdb9e41806e2ea242a022e2617', accent: "ghost", "icon-only": true }, index.h("button", { key: '306c9ce421f7301cc1ab99eb927982cc47c80fc5', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '0213106392befcbeb396ae879491e69569b7e892', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'c506d0c4fda7a7a7727337c7c08506e75ca8c0b9', accent: "ghost", "icon-only": true }, index.h("button", { key: 'cda5085b075c24d402253b893e2926b0252d5983', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '8e4ea05c515cf1a568a9d81711f1a3e9ef559a02', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -268,10 +268,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (index.h("div", { key: '9efa083c1c310f0bca85b3d0a23befe236133663', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'ad06f05c45571c2b2fae1048d338a9dd75328bf6', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '3fa0138d8dff0e54c72deb8310898b8cd29d811e', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '9a0935fdaaf35a9183a2d83e33e68853613dfb34', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '11623c632f0d19f28c8775691dc3543b306c1047', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), index.h("span", { key: 'eb6852944573ae1e4ac957ff60e916fcb9ba59db', 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-8f08a5ed.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const index$1 = require('./index-c5d18923.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: 'e546eda4401964d6de83383acebdedaebe13e7d2', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '8b2fe99b27692e3dbab6ef3d7975122b0908fb32', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'd6c1ec2f39b2efed90a947079da35bba09b9991c', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '8ce253b5b00367bd5f24b57fb6e28a317c9f8314', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '470ba363bea3d6a3bbbfe6eb83033d388e5bdc34', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '29bc362534aea3b7d5b6ec9bec2a4840ddf08134', 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-8f08a5ed.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.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;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f08a5ed.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 
 const guxPaginationCss = ":host{display:block;block-size:var(--gse-ui-dataTableItems-cell-tablePagination-height);border-block-start:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-inline-start:0}";
 const GuxPaginationStyle0 = guxPaginationCss;
@@ -94,7 +94,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (index.h("div", { key: '96b42e7ff8b649551a0787e5b609b977bde58a3f', class: "gux-pagination-container" }, index.h("div", { key: 'c6bf845840b3d608ff5ee0e0eea065850fb5663b', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '0b3c1652fa9211e313888f16d5cbe68caf45a88c', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: 'f6bf5f2ec70d82a1b0833e35632b6633893fab9c', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: 'db42cf10e4aac6245b509ebe7b96a14de41f0b40', class: "gux-pagination-spacer" }), index.h("div", { key: '58b6ac129bc89bf6e80695e777ce3944325683ef', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '4286362b84b3fe0fb8ed4219bcb9c550cf50bfc4', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: 'ec6c20fae5dd514e4aced6f4fc1d06df00de1293', class: "gux-pagination-container" }, index.h("div", { key: '2ad08c2e9a373e51d47ee6e4ef4597cb4ee19c84', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '24e001a9fe6299421264f7fbf11745c0c9349083', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: '8340a00c890aa3cf80b179bc0a0a3b12413f9efd', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '90a5210acc6b3b7b8b8ec62120a84ee525822572', class: "gux-pagination-spacer" }), index.h("div", { key: '19bca0f2edef52b8747dd7abdba7506f96b21ca7', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '7e1cfd4af5d5a0a2875be819e784f9f984538537', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f08a5ed.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const index$1 = require('./index-c5d18923.js');
 const onClickOutside = require('./on-click-outside-18d3c600.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
@@ -2114,6 +2114,7 @@ const GuxPhoneInput = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, countryResources);
         this.regionObjects = getRegionObjects(index$1.getDesiredLocale(this.root), this.i18n, this.phoneUtil);
         this.initialValueParse();
+        usage.trackComponent(this.root);
     }
     componentDidRender() {
         if (!this.listboxElement) {
@@ -2124,9 +2125,6 @@ const GuxPhoneInput = class {
         this.setInput();
         this.setListBox();
     }
-    componentWillRender() {
-        usage.trackComponent(this.root);
-    }
     initialValueParse() {
         var _a;
         this.setDisplayFormat(this.phoneNumberFormat);
@@ -2350,7 +2348,7 @@ const GuxPhoneInput = class {
         return (index.h("div", { slot: "popup", class: "gux-listbox-container" }, index.h("gux-listbox", { "aria-label": this.i18n('regionDropdown'), value: this.region ? this.region.alpha2Code : '' }, this.regionOptions)));
     }
     render() {
-        return (index.h("gux-popup", { key: 'e75a29991abf7b968f8c227f9b23b44176ac98f4', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '0ba3519efdbb295619afae6b5502679f0a6c5473', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-8f08a5ed.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const onClickOutside = require('./on-click-outside-18d3c600.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const getSlot = require('./get-slot-676aebf2.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-8f08a5ed.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const onClickOutside = require('./on-click-outside-18d3c600.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.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-8f08a5ed.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const onClickOutside = require('./on-click-outside-18d3c600.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";
@@ -134,10 +134,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (index.h("div", { key: '470e65690b64a810a594af7eaa66e1849bd0b56b', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: 'bdd5dc87dfaef8fe7191e5fd02db47ca281c28eb', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '161410435476b12186c574b09bac019f09833161', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '6900494608564ca5464c0b828121b965de76dea3', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'd83b181f27b7ec17a9dc6595aeac4c8041ea617a', class: "gux-popover-content" }, index.h("slot", { key: '2a0d0d1edd221e121816bdd64e3f4af98fb3d97a' }))));
+            }, "data-placement": true }, index.h("div", { key: '6b1380f07ccef415303b83ec729bce4a7c9d7c9d', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'e8a3b4f902fd30794b58eb8b0533d9223c2403d7', onClick: this.dismiss.bind(this) })), index.h("div", { key: '137a1bd756dae3e9e7885d561eedee0d797e705a', class: "gux-popover-content" }, index.h("slot", { key: 'e817387c205b6fd4e9f53bd60363191fba2c80dd' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -110,13 +110,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (index.h("div", { key: '0eea4403321a74c7068b49043ba237c2149f53e2', class: {
+        return (index.h("div", { key: '632ca21ef759758b62d1392fd26f9722fb233957', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '4f8ce47279fe5b6610434ae0fa9bcc45fa8923f9', name: "target" }), index.h("div", { key: '744b3daf92557877bfb29088e49ee5e4bbeda7bc', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '1dfaf505ca415aebd889a4d29eabf6e7284e45cb', name: "target" }), index.h("div", { key: '03f8a8ec176ab4514f598b2abfe217a670c5a264', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '587be95d77f6e799be6c763083d52657ecd0bf6a', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: 'ff4ca226734db75194e67f8840ee268afd2c64b9', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f08a5ed.js');
 const index$1 = require('./index-c5d18923.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -45,7 +45,7 @@ const GuxRadialLoading = class {
         this.getI18nValue = await index$1.buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (index.h(GuxSpinnerState, { key: '45a21de33b10cdcb56358c304fecf87f033b07b3', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: '86c19ab1ad15d1a6d540e88a8685ba3f09fcefb4', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     get root() { return index.getElement(this); }
 };

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

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

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-8f08a5ed.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const clamp = require('./clamp-e86a226e.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const guxRatingCss = ":host{display:inline-block;min-inline-size:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);box-shadow:0 0 0 1px var(--gse-semantic-border-focus)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";
@@ -110,7 +110,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0063a230bae95418463861634d21e7861221adcc', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: '6cd8e226f8ca9facaa03a2f6c52c3e9d657337a1', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: '8b6d6bd8a86c5421c488ef205f29aa258711832f', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: '7088e09189873d496e640e449f3f391f23cc2d29', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f08a5ed.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const index$1 = require('./index-c5d18923.js');
 const en = require('./en-63e86478.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');

package/dist/cjs/gux-rich-style-list-item_3.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f08a5ed.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const index$1 = require('./index-c5d18923.js');
 const en = require('./en-63e86478.js');

package/dist/cjs/gux-rich-text-editor-action-link.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f08a5ed.js');
 const onClickOutside = require('./on-click-outside-18d3c600.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const index$1 = require('./index-c5d18923.js');
 const en = require('./en-63e86478.js');
 const afterNextRender = require('./after-next-render-162425fe.js');