genesys-spark-components 4.47.0 → 4.48.1

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-f9a0cbb5.js');
+const usage = require('./usage-f519cca9.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: '8e57584f7da6d2df8173df0f92086963c8d8066c', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '0d8cfd1f1b9d43b4d44ec40523942d458b9cdf32', class: "gux-progress" }, index.h("slot", { key: 'c42dd6bd738341175aa9a1a7e155bb5a22cfea41', name: "progress" })), index.h("div", { key: '81148665ffbaf8441c1b8ce969045b5841ed3871', class: "gux-primary-message" }, index.h("slot", { key: 'b4b613f5cda7bc1f4e32265cbb006ae8737fc183', name: "primary-message" })), index.h("div", { key: 'c798028124cda04883fdaaad6d2f25be62f2f241', class: "gux-additional-guidance" }, index.h("slot", { key: '09c0c35eb7ee0241cdfba67c33a5ae7b49eea6ee', name: "additional-guidance" }))));
+        return (index.h("div", { key: '4c1d327a33afdc357be1bc3acee4fc00e60e7e64', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '554844f7832d1ad881b21a86fef84bd9e0215bfc', class: "gux-progress" }, index.h("slot", { key: '33c76e3e1354b3a64f81ef7f1463215f6ffcee7a', name: "progress" })), index.h("div", { key: '805a73048b087e1ec9958b4af80417cada58ad76', class: "gux-primary-message" }, index.h("slot", { key: 'b15a399171d6cdc621960c626291d39041ff8829', name: "primary-message" })), index.h("div", { key: '6aaf50c2ab13019bc0ad701996acfd5ad3ba43a3', class: "gux-additional-guidance" }, index.h("slot", { key: 'cfff6d416cddfd1f12fed8504b746560c0ac0340', 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: '9efedaf2edce7ffa682d12bd4b1d04a96095f07c', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '9f0bd53f2ce08b60b0793adde7cb44f876aa6a66', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'aebece604a60889fdb6666fa25ae2177ea329a13' }))));
+        return (index.h("button", { key: 'b003a3e44980a4480e4ff9c024604506cfd8f435', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: 'b05f4b43f625d0b41703c184a3701e4695a0aff7', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'f553dbfd815a3fd105fb117c893dc8e7602f422a' }))));
     }
     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: 'a6ca74e84dfd5795253501b4049fb2b5f4b56df4', role: "menu" }, index.h("slot", { key: 'a60b73097051c7d2333f9ce8391930b1e8796353' })));
+        return (index.h(index.Host, { key: '546d8afd062cdb90cf4c6fcaf7009ff653e2c640', role: "menu" }, index.h("slot", { key: 'ceee6230860aa9eca534be786ad828ed6c06fd26' })));
     }
 };
 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-f9a0cbb5.js');
+const usage = require('./usage-f519cca9.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: 'c980adab186293713c0fdb71eb6f3782d4f167c5', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '861621bcc869e69aa125d9e8b8019541334ec286', 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: '4a90406ef2acc256d5c2717be2aa681eba450411', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '8c8ac66b8d1547a9bed135a075bcec9bba770b8b', class: {
+        return (index.h("div", { key: 'd91d95351455ee8293ed7318c3ab1d242bb8f29a', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '6e527ccf06bffea22893f3809ecca0169e5b2aab', 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: '7f3c1ef928d1c568a42a11d0a6f273afae08027d', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '8d82c7322519e836dd359be99ebb1095a2294631', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: 'dd5f3cbd3e79dca9e230c6abcf7b0e47b86247d0' }, index.h("slot", { key: 'fe9f430bf61e41a3dec025b5dc5916c15411d652', 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: '007dde1f8b470a4075596daab19b53d28d5e0f26' }, index.h("slot", { key: 'f03229b360af8b25b8a28132650d03c7ee535034', 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-f9a0cbb5.js');
+const usage = require('./usage-f519cca9.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);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}: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)}@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;
@@ -67,10 +67,10 @@ const GuxModal = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: 'bfcb9faa7744acd2ec1567ff3391ebe67da171a0', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'bd689a24881222662a6a08655188fa278f8d7c61', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '81a6312e41709b6f00bfeab8cccfbd980472aa52', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'cd9c321fa7d71b8a6b7d657d45bf4bc812d8ca0c', class: {
+        return (index.h("dialog", { key: '26d5277c5f4873955b21cd4d14d0bd12cfbe8d2a', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '0a8f664358fca4bc4ffa434b2e5c2dd7e5644fb0', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '59323a947e1f0c8d007cd61708962e89023aa25a', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '0206c7b2fd10730ff08f6b25b43824666159e6dc', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: '5fe1716d1e7f328f0e64157b439e5c33659823a0' }, index.h("slot", { key: 'e1514e725b8a36ef3dc7ac14cbbde5bf4b1355d5', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
+            } }, index.h("p", { key: 'a7a514847b4e1c6275d92fe0e0f4f984fd224ff3' }, index.h("slot", { key: 'f2c88de369d5b35122251bba209ad6dd46be5bdb', name: "content" }))), hasFooterButtons && 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-f9a0cbb5.js');
+const usage = require('./usage-f519cca9.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.js');
 const index$1 = require('./index-a1a48d79.js');
 const useRegionalDates = require('./use-regional-dates-7be0e7b5.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-f9a0cbb5.js');
+const usage = require('./usage-f519cca9.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: '212fe6638a0f93771cc1a1da65ad92c71e61a387' }, index.h("div", { key: '8dd88b2a9d265237a8b7573b3e4f2c983e96de7a', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'd6335d9ed2f06e560dac0c4e1ab0a17337de60bf', name: "icon" })), index.h("div", { key: 'a1706bdb1a113edb76af850b033269b7235c0409', class: "gux-content" }, index.h("gux-truncate", { key: '9224fd0177d4c95ed25e0ce51f4d8ec17550fb70', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '4a5ebe9877a52f0c4ced14b854a78116740a2103', name: "title" })), index.h("gux-truncate", { key: '7e14e98d5b0f78293caa91f5b47cc4ba1d08afa2', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'd966e9bef8f463d3d1efebc7cae7c62365cb34db', name: "message" }))), index.h("gux-dismiss-button", { key: '81f5654ecadf038f7c27c8371bb2a3ffc35b2f7f', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: 'bd8a270f2322145efd47a4a0429ec39441cce3b3' }, index.h("div", { key: 'f2cee9d8c49bf5de901656079c15d5f8a6883a8e', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '18bd1fb7735bac84d561a47beb6b8a8c521332cc', name: "icon" })), index.h("div", { key: '025bd08a417a8c08d965229cd67de0f5afc7be30', class: "gux-content" }, index.h("gux-truncate", { key: '5fced15d7039c95e97c8481baacb9128120af666', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: 'a34822a4dd2d470f7194a586ea42e60369e638ee', name: "title" })), index.h("gux-truncate", { key: '48ea7569f8e0124e5a687ac62a08cb0d031880b3', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'aa7fe35de219a0466807364e9c529b83d138f4b3', name: "message" }))), index.h("gux-dismiss-button", { key: 'af6ee86d9c42f4a132e0c0de6ad61ed4b90e2508', 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: '8c5e9ee996a36b86fbc46f312c1704a535a918b9', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '143772d5608c486f95792df2515b168f6c9475f3', class: "gux-option-group" }, index.h("div", { key: '59e8c3d0a51121f9c092dc9ebd7dbc0d5f25007f', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '365833f43a43a93011c38a0b163ed7d0001b9074', role: "group" }, index.h("slot", { key: 'ba6537536fcf68de3306858adc8de2b7eccf2b59' })), this.renderDivider())));
+        return (index.h(index.Host, { key: '00518aa9772bfe7571278684cb7461f097f5be87', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '5f900a6e065e359412cfc67785f85db0cc988cd2', class: "gux-option-group" }, index.h("div", { key: '68d93d2e3fa43c8762c6e32817b818217627c0fb', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: 'd2103e79fdc050ff607ed4a69ca6848a8265bdf9', role: "group" }, index.h("slot", { key: '96fd6a7f8b7add40164c9d0dfba633568582c0c9' })), 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: 'aaf5ea30565455066f67e63e1f2524569815f47d', role: "option", class: {
+        return (index.h(index.Host, { key: '10744194aedd070df10fe477029e189f49ba830b', 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: '3e230880bf14e8dca94c958202ccfb56d3f9045b', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: '56b8220fc819f9d4f41897988d2b8383f95e4cc5', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'f7fd8f62fdadefe2d4a94b84b298b19fe83044af', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '634d010bcba97bc49d5a1aeb4e9a0cdd57381066' })), index.h("slot", { key: 'c2c214fbc7027ce0515307c250cbf4813b56a529', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: '3e39b1b3a086f8e469be3ce6663ea204688e7748', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: '057b13fd1d4558e740c5cdca4923caf568a3db7e', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '088fe2e95d23eb890dec33b5ca1bb041b172f43d', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '26b802e93f0c82cd8f1bff5684bd624625382052' })), index.h("slot", { key: '08b6e6ab697399c90226f6290dbf85e704c457ca', 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: '44cce2cf160fdf0f3451d23ad29f52c020defbe2', role: "option", class: {
+        return (index.h(index.Host, { key: 'de44ef79bd1aa9d34f67e1bdba6243ff6ee0a037', 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: 'aa4d2b4786fc86dbeadda3784b765abe1c2e95ac', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '4b8bd5cf5531f5cc500d2704100b61ee59a96e69', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '691ba00ed35e4c53714050dc31df4123a3d9e2fa' })), index.h("slot", { key: '1ad22ad0833bfca8c4e86b5bfbd382084689c832', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: 'a2923ecf6673036f902c9bfb8e3d75362801a9f6', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'c98342d5ddee499ef9f3d9ffe7ce746810eacb11', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'b3e82c457e9e157cc1ac51515ea12b898f43efa1' })), index.h("slot", { key: '27abe30082ae332378e6a3c3297f9bf7197e474e', 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-f9a0cbb5.js');
+const usage = require('./usage-f519cca9.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: '10b7ce0c48797bbed17d8e88ba11d90fc75e4a2d', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: 'f1d8f0c081b4690abea87368d89ac1754524478d', 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: 'fc665cebb91e0af649339eb9f2b099af7db3ebea', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '763ab7099f3f3c6a0e1607c10aeced9ad2b7037d', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'b91d596f29160686eed3ef05dbbc8e6fb4e20b99', accent: "ghost" }, index.h("button", { key: 'c025a7ae92496838c1e0a2029bd05a3adeddb04e', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '70ba05313e4834c313f9e647e20be310916a76b7', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '115790ca7f9b2194366340bc11ff7496bdaa3a4d', accent: "ghost" }, index.h("button", { key: '6fe3bb39adb88c1bc5f8b7deb89dc84b444469ca', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '2d9f2e9bae8fecbab892cb720e02a15520631a41', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '792f1d358f524a44d48c046acd326270d936111d', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'c4e3162163bf3f45a713e855d3b359c2bbd2f230', accent: "ghost" }, index.h("button", { key: '4b1445138385d23b501021127bc20b7101864bbc', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '5cc1d09bc4c9b5683e1f4d1328f75ed21b3a1ed1', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '4dc01f3eb4dea63f8cc7dfee4c7f3979a197bbab', accent: "ghost" }, index.h("button", { key: '2965bc99d2ebb82c6c3bc4ae416fbbacd6b3b0b0', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '6c338cb19ea9269023cb16231bad1beb336e5f53', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '5099400e7b6401a0f1d2d34c68d29d01dd787009', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '92050aa3026373d37161af47a22774c432ad2d07', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '4d10e5c63772c25bef1ed14b831ce6adf01ddcb6', accent: "ghost" }, index.h("button", { key: 'f30eb55ec8e90098b6699249e0361373e9177d21', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '66a44d12cf2a5192748947d5b04b80e7ef8b082f', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '71d9d139814069ad6232223586820a4e42def88b', accent: "ghost" }, index.h("button", { key: '351c4efc0c858671139eb305f0a71d7269f4fafa', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'b3685bff9790c1840466945724369640753e5a46', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: 'b84f0661f6a4ebeeeb7c5c1e6d4901c04cadcdd3', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'b8d28e3ff658d53eaaae613a5df4b53af7aa393b', accent: "ghost" }, index.h("button", { key: 'b514c5734a270275c8185b359b3959c5c16c55db', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '751de87aecf534a0e4eaced6a481b47c80545d30', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '120a92813c188e4bedab5b2228f5e8b2d5497e37', accent: "ghost" }, index.h("button", { key: '1bed52c60238a86c333218af72da78e4030e156e', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '1888abc2703b729f982d0ef3706a0163f8cab3df', 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: '2c711a994a3b0e96b0caf53a61fff92dfb4b6167', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '0c67854ddb39a259a52db5a4de3ebf141f7e82e7', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: 'a66faf176870d6c40fd34d358ac75e0848832289', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '73c4c7b3d579d557d41386e014b8260a621965f6', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: 'e94b8eed7e75aafe075278c7fb398959cb753e22' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: '5ea057c417a4742a1439f296029275c537122006' }, 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: '6a59e7c7523d8d0e753be1c8d1897826219de3f9', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '93d1afb2e9f75ff5652fba5dd3eeef896bdb578b', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '606ac244050351656c134a82dca75d71782e7e54', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '76e365ddf4be6dd9004a6e2ca60c422379770351', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '9ba325d9b7f776396c03da65220ec266b34394f9', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '44658ff6c7501152f1d83e297199e47a3efeca1b', 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: '8fda4f61ee839971632fdeecb40b9b585bcfe81c', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'a784aa4e5ea7e5516c4a0b47ee6467540df9955d', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '68a8814ef6a7ddf2e0bbce58a4180f07b29aa1da', accent: "ghost" }, index.h("button", { key: '3a2ae39eb7ec9df036af2ca7af888961c3692e95', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'e15b143670061c96d841206faea596a091af92c8', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '755f368607689299cc11c9d4c8b4e65fca980026', accent: "ghost" }, index.h("button", { key: '7f16c5e4c7fef7544669e6c5b121b8ab7d595f15', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '42512a8929787d7c269f98733b8c3487c3111e23', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '5d31adfa127dcce47c4cfa25ec3f0f3cecf2885a', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'd5c0b3b4f3a7f8338549bec7c96338bdb84748cc', accent: "ghost" }, index.h("button", { key: '50ccd3111a08f98a4b56a7c0f33d03ae35d8f459', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '219c9f94ba65da66ec3f6f81ea147105bacc27f4', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '66ec4a6f0107dd1eda060ea4700d84712e8d9d39', accent: "ghost" }, index.h("button", { key: '7fe4f0c847402973b330457099bae342519803c2', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'f8c835eea0173bf051ec74c9d5f7a9270b54ae1f', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '3857372a99186229ec3e298b82c401bc31941fd0', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '16d04f43cfcc2a451f5354a277f0238a36f70421', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '6f81ff303dcd68958c69f5e4bef0342ba704df53', accent: "ghost" }, index.h("button", { key: 'bbd2882b6bd7239735b8df78696f61a57a898ffc', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '6d564f68610b87ac978ead7423420968ddd531a7', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'eca4ce239e6c8fb53f272841dd8eac750cd17e36', accent: "ghost" }, index.h("button", { key: 'ceb4f71700d1cdac17d25e9c060b05816bf63743', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '2f9e20ee6e98c77aa0ceb04cb77f8d626fe4d68a', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '7410a5875a87ca14a02d52164e86b767b53b92eb', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'c704a1ab74d2d6045f2a4356e37d15d6e3635f1b', accent: "ghost" }, index.h("button", { key: 'de041f3e4f5fef052fc312c37bf0dc05a8520600', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '4ece5a227ae20afbbac1d82b2ac6d072789217ad', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '1c038f1f6cbe3d55493b0d236aee783543e3032f', accent: "ghost" }, index.h("button", { key: '3955235a33f2f54e372eeafffeb9af414799be40', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '7565654b79230d0f5e1ec5bbe43c066ae5305923', 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: '5cb0b4bc0edc143155e20cb7bb6eccc55bb899a2', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '93c089b17e05ee584d7368856cc63fdb6ee4592b', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: 'f4398ee2d8d7ca6873eff4d05a8e2f18f0d05723', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '563ca9b8a7a726cc83922af84d2183de6d8f7814', 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-f9a0cbb5.js');
+const usage = require('./usage-f519cca9.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: '895cb6a282f12f048118f2b0ee06f3f27ccd7a2c', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'efe27887ab6207146a2282c028ac8f3b8d6141ff', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '27c79b833fae57999ef0596b337acc4c3ed79ffd', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'c4502412829ea603167742d74ec0535a1897ffa6', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'e2c95e3ba45c052537e8e6d6f617e1b75a10209d', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '9c5dc9f8ba0010794021f07be64746a8ed045d34', 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-f9a0cbb5.js');
+const usage = require('./usage-f519cca9.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: '6100b4e228f31f22e362db752978601cdfcbf241', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '04a5b0cff615287f21df23970a8f5d06bedbdf3b', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: 'dc3b2664d62811c14f038b252418e5689ee9ef53', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '1662e94d93c9dd5d4cf4812348e50e9174f440e6', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '4740b42635a41019e7304cec56c8d0c63bef4c5f', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '894d5b7acc7b1cba2634abd91671707c1e31d883', 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-f9a0cbb5.js');
+const usage = require('./usage-f519cca9.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: 'c7c3915960c3dafddf79ee640ca9a049ebe61039', class: "gux-pagination-container" }, index.h("div", { key: 'de22fa414e96dccaa5a3d520e20eb6950fd3f713', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: 'b98c68a33c44addc45b9eca809029443cebaf957', "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: '46a48e202556646d5072b4aee8508bc141750de9', class: "gux-pagination-spacer" }), index.h("div", { key: 'c61362dd9b15af7d926d25301e6dad890df862c5', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '69d88a6b99eafa119fa4c51b362612c3d9857aa7', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: 'ddd82ec02eca04922bedeac265ae2cd09d7e2abb', class: "gux-pagination-container" }, index.h("div", { key: 'c2b82b1f86c2b33f9334537b1162a89de88e3d67', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '2c0d335026e043cff6b9f5750381d38a5d9146b2', "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: 'eac28d8674ed9e700ae95e62e88ee438af17d84a', class: "gux-pagination-spacer" }), index.h("div", { key: 'ddd0e499dd948c742d6b14eb3665d602a2d1a402', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '15cbac351b367edbf7b48165fed47fd27c1098f8', 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-f9a0cbb5.js');
+const usage = require('./usage-f519cca9.js');
 const index$1 = require('./index-a1a48d79.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.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-f7acdd1d.js');
-const usage = require('./usage-f9a0cbb5.js');
+const usage = require('./usage-f519cca9.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: 'a70670f34c5a1f86182cec9a671465c92e38eb87', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '4b22830c9691287be3680ce64fc6a96e2ab7b832', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '629ebc4d026617d21b95b71f12c3465953cfc419', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), index.h("div", { key: '50e2873dd9142f1e4a7bbf6f178b3ce89b9864b3', class: "gux-popover-content" }, index.h("slot", { key: 'c7c49abeabd1dd5555de0de48767f352dc616091' }))));
+            }, "data-placement": true }, index.h("div", { key: '7a59fc5797068f3f8aa48e91d831526371430f12', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), index.h("div", { key: '42baad2bbe3cc57010d48ff284257e2382975f47', class: "gux-popover-content" }, index.h("slot", { key: 'bde18d210dcd0c3889ad55fdfc4e6a6e9b89f49a' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -96,13 +96,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (index.h("div", { key: '686608487e2a5c7e0a6b758ea29421204cdd6736', class: {
+        return (index.h("div", { key: '18794d9d8b14859efc6d78c285acf9d28d85ab6e', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: 'c691087946652226558161a61481f623d2e5332d', name: "target" }), index.h("div", { key: '4e8cb46c6ec47d60163369c72fe5db97fa548d02', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: 'd30465b0718ba7770892b466349b89e37476889f', name: "target" }), index.h("div", { key: '8d923e571ed44c599eebe8f48776dd06ed76f664', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '47bf88102cb5ae4240bbb62f3d524d3433d27113', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: 'c20c24e3f91118cc3ff72f3622eeb24ebcd0d199', 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-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-f9a0cbb5.js');
+const usage = require('./usage-f519cca9.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: '07b89d292bc909012096c338722e63196c368a82', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: 'eb7b2fd11fe4302cd48acb030cb779058e73e22d', 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-7fb02c8c.js');
-const usage = require('./usage-f9a0cbb5.js');
+const usage = require('./usage-f519cca9.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-7fb02c8c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const clamp = require('./clamp-e86a226e.js');
-const usage = require('./usage-f9a0cbb5.js');
+const usage = require('./usage-f519cca9.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const guxRatingCss = ":host{display:inline-block;min-width:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);outline-offset:var(--gse-semantic-focusRing-offset);box-shadow:0 0 0 1px var(--gse-semantic-focusRing-small-border-style)}.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;width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";
@@ -108,7 +108,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '97099761620a9e768c9f4e52e2ece540c096bc6d', 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: '5571b2b397c0457913a75f47b31d44004ad9982d', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: '6b4a6bea9a678cc02dd93a948bb1f5a780b64c53', 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: 'e12d9c8e2e24cdc8d594bb7adf35ac2227e398a3', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

package/dist/cjs/gux-row-select.cjs.entry.js

@@ -28,7 +28,7 @@ const GuxRowSelect = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources, 'gux-table');
     }
     render() {
-        return (index.h("gux-form-field-checkbox", { key: '6772dfe5ad1a2d99fb646b3e1fbd0ad2d566314a', "label-position": "screenreader" }, index.h("input", { key: '95d9456812a5620c51a2d207be0dc87c9fef0ad3', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: 'a511b91abc1d291e5f8c73997a8e7a7d8c2bf88c', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '57680ef59d0a54a9cd993dc8477ec93a98cf4b44' }, this.i18n('selectTableRow')))));
+        return (index.h("gux-form-field-checkbox", { key: '4e9e4c71299e67af02676087c96964ccbcab7044', "label-position": "screenreader" }, index.h("input", { key: 'eca849449c8e40d4406027544f046c4cb76d7cf9', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '67dd47e2eaf823ea8fb2be15526a0a86716fe065', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '616e76ffc87224582c46089ad168662e3e1ee6e9' }, this.i18n('selectTableRow')))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-screen-reader-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-f9a0cbb5.js');
+const usage = require('./usage-f519cca9.js');
 
 const guxScreenReaderCss = ".gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
 const GuxScreenReaderBetaStyle0 = guxScreenReaderCss;

package/dist/cjs/gux-segmented-control-beta.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-f9a0cbb5.js');
+const usage = require('./usage-f519cca9.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;