genesys-spark-components 4.57.0 → 4.59.0

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-088b9526.js');
+const usage = require('./usage-e56cf78b.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const legacyIconNames = [
@@ -543,7 +543,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (index.h("div", { key: '9fd45bbcc6dcdd3fabc148ca1481d9ee8c2faae7', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: '77650cbcabc6a74191d4e8c99083dd4f25dfe730', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return index.getElement(this); }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-088b9526.js');
+const usage = require('./usage-e56cf78b.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: 'c8c031e22a83d1168eae967e7fb8324682f00a18', class: {
+        return (index.h("div", { key: '4063506229e1f54f7637b6acc39aed0526877ad0', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: 'df990f14f0061ea8d07d0d46be3734b3e31cdc94', class: "gux-message-wrapper" }, index.h("gux-icon", { key: 'ebbec5ab4b7f34f1e185f4ac6eba8b4eada7c3cf', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: '5797579326c0e87028d144c89e131486893bf100', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: 'fc3d8361f8b791220c995a724981bc26132eee14', class: "gux-content" }, index.h("slot", { key: 'fd0547fe4a83ec26bdfcc24a8982efc3aa464b68', name: "content" }, index.h("slot", { key: '01b1f7bc0c011fe8ab975a2eff683fbe475667a5' }))))));
+            } }, index.h("div", { key: '77912ed939e95a6a36b0ab9daf0cf4dbbd6b8742', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '10586c5a8b3c2fe506db1524c93045f2191a0110', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: 'a177d833a00fbac94d3b8c3d062d289d186901f0', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: '685443900e683e788e4deddebc1b74c92a64ae7e', class: "gux-content" }, index.h("slot", { key: '087128f818f84e18655d045fd0b357a4157b4fbb', name: "content" }, index.h("slot", { key: '2dd1a056b3eaa3c9fe61f7b7a899e6c526c6e65d' }))))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
-const usage = require('./usage-088b9526.js');
+const usage = require('./usage-e56cf78b.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-a91f8bd2.js');
 const index$1 = require('./index-a1a48d79.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-088b9526.js');
+const usage = require('./usage-e56cf78b.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-088b9526.js');
+const usage = require('./usage-e56cf78b.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: '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" }))));
+        return (index.h("div", { key: 'a744b87932a4a5e88e0f19e2cbd341d046396ea7', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '3ab7653d5b85f45a6ced6fd1c65e401c97dcbc9b', class: "gux-progress" }, index.h("slot", { key: 'ed5ba826e77da142fae518882927ffb1eac81987', name: "progress" })), index.h("div", { key: 'd3448aba8b83e829521245278eb0334b65d4a27d', class: "gux-primary-message" }, index.h("slot", { key: 'dfd717bc9d2e9cb66dcb6a3bd0b7cff30cac3ad1', name: "primary-message" })), index.h("div", { key: '57f483458611569e2d4ca8b525c41231e9ffe64a', class: "gux-additional-guidance" }, index.h("slot", { key: '9e06c4882e7ef61af8ab47afeea62bc1c946382b', name: "additional-guidance" }))));
     }
     get root() { return index.getElement(this); }
 };

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-088b9526.js');
+const usage = require('./usage-e56cf78b.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;

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-088b9526.js');
+const usage = require('./usage-e56cf78b.js');
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column;padding-top:var(--gse-ui-modal-padding);padding-bottom:var(--gse-ui-modal-padding)}:host dialog .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host dialog .gux-modal-container .gux-modal-header{padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host dialog .gux-modal-container .gux-modal-content{max-height:432px;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalStyle0 = guxModalCss;
@@ -69,7 +69,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: 'ac1115c2f1f82756df5d91c3d5659fa3d5dd781a', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'bfcfd0f73112b008ef2cf3202076598a87de3f26', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '200698852414120c36c9ec52edde4674fa78c66b', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '6b0fbadcd779f6b71e919a8e1e09bf6a1cbb8bd2', class: "gux-modal-content" }, index.h("p", { key: '9a526f2eadad360a889850a1f0e4bda2d7c88997' }, index.h("slot", { key: '2c11aa392f022ba9752c783d309bbb04dd91c46b', name: "content" }))), this.renderButtonFooter())));
+        return (index.h("dialog", { key: '53f6d914d65f271ac1592dff7b6edef420cc93b1', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '57f8fea63709f3de3db552cf569037b65cf419ac', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'fc10374b75fc64f320e42af7246a2c69f970f1c8', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '175fa76b3838f74c3436c2443a8d025350973b47', class: "gux-modal-content" }, index.h("p", { key: '59301763462a573fa6addd5c9700b7075cf89b50' }, index.h("slot", { key: '93f1599c0282c560fadec6f956749e8dbb036349', name: "content" }))), this.renderButtonFooter())));
     }
     renderTitle(titleID) {
         return (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" })));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-088b9526.js');
+const usage = require('./usage-e56cf78b.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
 const index$1 = require('./index-a1a48d79.js');
 const useRegionalDates = require('./use-regional-dates-34243a86.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-088b9526.js');
+const usage = require('./usage-e56cf78b.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;

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-088b9526.js');
+const usage = require('./usage-e56cf78b.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: 'f1d8f0c081b4690abea87368d89ac1754524478d', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: '7d9e090d3911a1eefe3d56cf0864ec3bdac53ab4', 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

@@ -204,7 +204,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        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" }))))));
+        return (index.h("div", { key: 'f5ad17d1189b5bd704aab404eda447281fd093a0', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '5920abaea9fa130c3b180b11722ea92e6c2dd44c', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'c6fad6d8674aff92adb067a9d34bcd1364976c44', accent: "ghost" }, index.h("button", { key: '2f74a571f36816025a798c9e1bb47a53bc16b680', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '25893cde735607d26f26c08760246598f1a41b2e', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '69542ecd39dd41e9d71eb7a59086e8aed481c298', accent: "ghost" }, index.h("button", { key: '1d695a81cba86ab1c756327415ee235b3dd58e2f', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'eec4f17fc929f74d1f77f1bf1a2884505977eea7', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: 'fdc9e9f6051c858773eff9bddcfe8c2b7dd912c2', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'dfddfb9199ae14a2bfcbcb262452dc18ad66ebd5', accent: "ghost" }, index.h("button", { key: '1b78191aa9f2107b9e7d67723e9bf5d3183db0ba', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'c9896f06edbc16e847199435924a0beb0643e1b7', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '810a5eda432193095d7af0ca75e17c38dcde0d35', accent: "ghost" }, index.h("button", { key: '2ddf13a5c3e3cae5fb98b4952c9e9af003eb8736', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '99575811854373493db16c31a64c62fd1cb1d4d7', 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: '0405f2cb234fc32e8bc39f68f0e0565ed22fb88c', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '22a37b896e4868d7a1de646c1a51beaefd0f9088', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '8d7f56b9200b1768ed0f53f0a34f54b67e8dacd5', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '644c3ff70cdd27183a02bc39a39832ecab96914f', 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-088b9526.js');
+const usage = require('./usage-e56cf78b.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: '67c09cd61fc1fb7b8235efdac9203baea373995e', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '362a8df1b349f2e7ea3feaff922a703454219691', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'c1f30f957e7f7da2c907c64548e6617e8f870db7', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'cb696727e90cfc5e21dd6bfbe09625a0dd9c0783', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '46b01489fc6e0b08ff816b8e72258ad6623b9466', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '50d81239769388122722e4fda3d16eae284c1fd4', 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-088b9526.js');
+const usage = require('./usage-e56cf78b.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-7fb02c8c.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-088b9526.js');
+const usage = require('./usage-e56cf78b.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: '3ca140e19c9944991c25ee39f9017be3b0321931', class: "gux-pagination-container" }, index.h("div", { key: '322cf7df7259d28eccac10a2deff6f42a25a6a09', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '3ccb192e564398ad35a6fc4c5e4b7da46bdec988', "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: '8ccde3fe5b7f3926702c5ae0d3378b9358e3e99c', class: "gux-pagination-spacer" }), index.h("div", { key: 'bf75e97264e6f32125cd4ddd288018560f902109', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: 'c6cd69ca92448ac9d7c06c79444523fe56c769d7', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: 'e7bc57cf1765b0a60284ae0d70e18a53a549f0d6', class: "gux-pagination-container" }, index.h("div", { key: 'ec00a85fd970f7f310f78bc61da567d32d278f8d', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '7558dbcdeed7cfb49a908381b9b09aaf5d7e46d2', "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: 'f419cfd120a467ba8a6859639c620db395552515', class: "gux-pagination-spacer" }), index.h("div", { key: 'd2000c8da3e57da112136acee75322d2a07ed22d', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: 'c741fae15eae4fa6db83e5f00a5579bbbac9e213', 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-088b9526.js');
+const usage = require('./usage-e56cf78b.js');
 const index$1 = require('./index-a1a48d79.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
-const usage = require('./usage-088b9526.js');
+const usage = require('./usage-e56cf78b.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: '424ec49a8df793d4e3ef4c68aaca9794c761248e', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '480969db2d1f4ec576e256b911ca04b0082eb96d', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '3273e0f5b407ebecfe67dff9d44340d83e15cf24', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), index.h("div", { key: 'a3a3ef85f2a84a285d68f94def1e8a4bb72a009e', class: "gux-popover-content" }, index.h("slot", { key: '36427e39777c5734ebcfffe4812172ff755661ea' }))));
+            }, "data-placement": true }, index.h("div", { key: 'c7e5f6c4109bba71ebc0f34041876e3079689d00', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), index.h("div", { key: 'e444658c1ace6cea7a3b1311967814bc6beaffc8', class: "gux-popover-content" }, index.h("slot", { key: '16b8f336f475f1a282229b03be98eddcc43d5654' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -94,13 +94,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (index.h("div", { key: '2f558a1132cf93a5192238af0d3dd32bc6d83a39', class: {
+        return (index.h("div", { key: 'c2c320dad6001e391d0f3198fbcca1309b489942', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '4ab83f3d355097544e1bf8d1c2c14df88f64e5c8', name: "target" }), index.h("div", { key: 'b1c8e2b4b7244b2f37db5027fc8b2295319f9f72', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '475c6ce707fea5679f381459f1b6d5fb2753b7f4', name: "target" }), index.h("div", { key: 'c9d3f64f9bcc5514f3672d8f222f3e0494bacb3b', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '138306e10d99a02247b9dc1764969af14f0fe047', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '06ae5919d9048f10a06e143b41eacb39d33874cd', 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-088b9526.js');
+const usage = require('./usage-e56cf78b.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: 'd161bde7c2650393d25832c93afe72563ee0b173', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: 'ab2cd5b84f63bb476c293d2de9855f681925905a', 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-088b9526.js');
+const usage = require('./usage-e56cf78b.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-088b9526.js');
+const usage = require('./usage-e56cf78b.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: '624f8d79c2dc38f29d4236a12cd6c2489f497cf8', 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: '7a272f8c57ad78f2836e4e86a76c7ed6f0cc190c', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: '67755ffe2c0ded62f7c60d5bdf5aee9d0ef6fcd2', 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: '4325bf652b0ed662d53a4719cb840fc2103f71fa', 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: 'e846e98dfe0776f353fa146f9af2dc7bae801e12', "label-position": "screenreader" }, index.h("input", { key: 'cb7d663fcaa75a2b9e8b4cf89477d8c7547f539c', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '34355147abc791e7aba05f026b87582e23ec3712', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '65bf384e39261e06214bf40845d827b964bdcbb8' }, this.i18n('selectTableRow')))));
+        return (index.h("gux-form-field-checkbox", { key: 'afd1edf8a18a978716aa78c749fe2e71fab83168', "label-position": "screenreader" }, index.h("input", { key: '3ba5007d634c632324daf0d5634b122a69760642', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '7808387d1beca753769f648d77e73a068d681886', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '56508879ef2710e713a089a3b3029fc1fd471b2f' }, 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-088b9526.js');
+const usage = require('./usage-e56cf78b.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-088b9526.js');
+const usage = require('./usage-e56cf78b.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;

package/dist/cjs/gux-selector-card-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-088b9526.js');
+const usage = require('./usage-e56cf78b.js');
 const guxFormField_service = require('./gux-form-field.service-f5697509.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');

package/dist/cjs/gux-selector-cards-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-088b9526.js');
+const usage = require('./usage-e56cf78b.js');
 
 const guxSelectorCardsCss = ".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";
 const GuxSelectorCardsBetaStyle0 = guxSelectorCardsCss;

package/dist/cjs/gux-simple-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-088b9526.js');
+const usage = require('./usage-e56cf78b.js');
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #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;padding:8px 12px 8px 16px;margin:2px 0}.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-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 const GuxSimpleToastLegacyStyle0 = guxSimpleToastCss;

package/dist/cjs/gux-skip-navigation-item.cjs.entry.js

@@ -12,7 +12,7 @@ const GuxSkipNavigationItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '5394ed7959d46e0134f1629285e8109d18a227a0', role: "listitem" }, index.h("slot", { key: 'c9f02719eeb6fe344acec077022d471a83f58699' })));
+        return (index.h(index.Host, { key: '870a7cd6846a9d1bae239c2d09be4d56980fe7cc', role: "listitem" }, index.h("slot", { key: 'b8484f2e7550a348fa60964ecbb2a9b018e817ab' })));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/cjs/gux-skip-navigation-list.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-088b9526.js');
+const usage = require('./usage-e56cf78b.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const navigationName = "Skip links navigation";
@@ -24,7 +24,7 @@ const GuxSkipNavigationList = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: 'ddcdcd8ed1cd480c0a9be1a624c5a125c9f35646', class: "gux-container" }, index.h("nav", { key: 'df1b23ccef8f13de493324fb7db74c706ca6b34f', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: 'a32bac57ef8cfb718efa563c20af6d5adb13529a', role: "list" }, index.h("slot", { key: 'f860149204467c0054b42b4dc471f0cc4c78608f' })))));
+        return (index.h("div", { key: 'cb1c0a03a24d6faca31b0bb006a2923507fa6812', class: "gux-container" }, index.h("nav", { key: '9598acfa0add8b414e180498214ec806efe0147a', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '0aa88bd80e7255c6a6b52fb2f7a59bd9b9478b28', role: "list" }, index.h("slot", { key: 'f3aca9bac5d75b4538b2fad2bdb9dfa7c8232e54' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-sort-control.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-088b9526.js');
+const usage = require('./usage-e56cf78b.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const onMutation = require('./on-mutation-d800434a.js');
 const en = require('./en-807a354e.js');
@@ -108,13 +108,13 @@ const GuxSortControl = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'a74522b0ba919a9ddaa905b85c680ebb88ece5e4', class: "gux-container" }, index.h("button", { key: '0c0d61408cd40819f15f4d916331027f38735dcc', class: {
+        return (index.h("div", { key: '5101ec40d3c109f5b6e1be7e993c08ebbdc1229a', class: "gux-container" }, index.h("button", { key: 'f19b48a97ea5fe76eb89072911f2e8a55721da43', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '2398a4a52a6a81bcbbb5a2c9fc97387fe74cf5b1', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '6b0e9f1649ad837fd7c49c2131ff00773a2eddd9', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: 'adb974d9904147c205649739a12ef915a5a80e53', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '9f9a59626c9534b0aaf0cf05ad9d96f1df7c8816', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-switch-legacy.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-088b9526.js');
+const usage = require('./usage-e56cf78b.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 const GuxSwitchLegacyStyle0 = guxSwitchCss;

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

@@ -3075,7 +3075,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            index$1.h("div", { key: '4c4e62b684eba501d5a91190e0eda52f1647a946', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '43afc578c9b3515041c4a2eb405649954fcde533', class: "gux-scrollable-section" }, index$1.h("div", { key: '6175bff88220d8d77edeecd651591a37610dfa54', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'f067ce87eebb94b28b46ac02e28c34e0ce982157' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            index$1.h("div", { key: '952e74d73977ae31f49a8e99ae86bcc271bcce6a', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: 'b02e7cdfd9cdcf9a2c9f86ecf358872430f300c1', class: "gux-scrollable-section" }, index$1.h("div", { key: '10ab04df0e4f0f277a054f035d672be18f830222', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'bac3727c2f8c85afa2b381390eed5d47ebf5e78e' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {

package/dist/cjs/gux-tab-advanced-panel.cjs.entry.js

@@ -24,7 +24,7 @@ const GuxTabAdvancedPanel = class {
         }
     }
     render() {
-        return (index.h("div", { key: '5c01f8a8ec766db2af1c1a29d6303b4c4ee81cd6', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, index.h("slot", { key: 'e6a43463a96d3e1856177a83c31479e567805f11' })));
+        return (index.h("div", { key: '13d71b5c99af57ad301954e5519f59879a2fcc08', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, index.h("slot", { key: '88bced750a990c9c6f0c780cf903cba3bce4892a' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

package/dist/cjs/gux-tab-advanced.cjs.entry.js

@@ -159,12 +159,12 @@ const GuxTabAdvanced = class {
     }
     render() {
         return [
-            index.h("div", { key: '5287a3db6fb129563c880e47a4b3bb0c88b88610', class: {
+            index.h("div", { key: '8ce2a7832751b7e14ad780769e4996d7b813551f', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: '1cda409079a706255b1cd13750d8bc8509c976c7', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '1ad7b3eb49d3954c88b0fa87a5c6a3030d540f76', class: "gux-divider" }))
+                } }, index.h("div", { key: 'e29bf585d3857f7d1d8e025c64bec980e853057a', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '42c7cad5b01838056140fe7168c9ee480805b541', class: "gux-divider" }))
         ];
     }
     get root() { return index.getElement(this); }

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

@@ -267,9 +267,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (index.h("div", { key: '39c11953bfb55bdc833468bdba8b24ee05013b5e', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: 'a86e51bc317389e3fd1fd12593387f2bc8a23ebc', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: 'd01a78ab5f6f9080b3b373183bbde61a6f74656e', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '97039e9a3679f4ca15d483e248b07df3e44df295' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: '7449ca2750f3aa017868acfb20bdc76dc57ad6f8', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '92070c378610ac4f8f9cf4911576f05152620b58' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

package/dist/cjs/gux-tab-panel.cjs.entry.js

@@ -24,7 +24,7 @@ const GuxTabPanel = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'd98eb2a903bcc431686570c4153a7689d1d0458a', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '7644ffd8eef7e9ab8fc82f3655d4aa509f0c70ab' })));
+        return (index.h(index.Host, { key: '10dc3f89f857b6c2e044ccf7e649c4c42b069bc3', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: 'ba2127b71bf2abda642402e20b0421240a3c5405' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -41,11 +41,11 @@ const GuxTab = class {
         return this.active;
     }
     render() {
-        return (index.h("button", { key: '0a1d15ecf3de66664d4f236ac78797947e1a6e6d', class: {
+        return (index.h("button", { key: 'c4c2b6dba4b8527d0a4aef578e47cb2d613e3cc9', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, index.h("gux-tooltip-title", { key: 'f06987cc3d5c715137b27c77431378f372757ca0', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'c5148a47f7ba2ef902b2e6c13da5645a3260b16c' }, index.h("slot", { key: 'fb2dbb314e885dedb6c801ea6d8d8775d089a65e' })))));
+            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, index.h("gux-tooltip-title", { key: 'a443b281aa1ca64d6fefc5b0f77026534e14b580', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '7d5ba034aae2cccb7479a7f3570b504f4d46846b' }, index.h("slot", { key: '3e69d74c36f435705fca680d75b2bec480e89583' })))));
     }
 };
 GuxTab.style = GuxTabStyle0;

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

@@ -77,7 +77,7 @@ const GuxTableSelectMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '9c88819fd54c1c443eedf6afcaf76936eb37b5e5' }, index.h("slot", { key: 'fba3e3e5048e14b0628a61929104690c0fa5a8b2' }), this.renderSelectDropdown()));
+        return (index.h(index.Host, { key: '4fe494e22ee95bea30af322ec726a4b02b024277' }, index.h("slot", { key: 'bcf256510c7801b842ad6a921ab2267a45aaac83' }), this.renderSelectDropdown()));
     }
     get root() { return index.getElement(this); }
 };