genesys-spark-components 4.136.0 → 4.137.0

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

@@ -1,5 +1,5 @@
 import { a as getAssetPath, r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
+import { t as trackComponent } from './usage-b2b2ecf9.js';
 import { l as logError } from './log-error-274efeb7.js';
 
 const legacyIconNames = [
@@ -546,7 +546,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '0a7b50082c3341de766e28cec4ff94917493139f', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '04797721e406217511c2289dc434345d5877346d', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return getElement(this); }

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent } from './index-99f8b2e2.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
+import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { t as trackComponent } from './usage-b2b2ecf9.js';
 import './get-closest-element-728b9f18.js';
 
 const info = "Information alert with message";
@@ -41,10 +41,10 @@ const GuxAlert = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'ae8a4947967cdb2140eb1285ec4269afab370756', class: {
+        return (h("div", { key: '8900cdeae0e581280f0846c56cc92e8452539b40', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '4c555a26efb77f38c09afcca25ede1941ff51db0', class: "gux-message-wrapper" }, h("gux-icon", { key: 'd01f370b7fc66cff9d135875ba3f04177e11017b', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'ded0d6add0be2281ea86fa902a61a36436172138' }, this.i18n(this.accent)), h("div", { key: '74c216d76bc3f03e40307f9ffb418427804701a0', class: "gux-content" }, h("slot", { key: '0152bf0132965ebdb8e70f1d0d550ed4440832b1', name: "content" }, h("slot", { key: 'efa26adc0f8320b8e218992a34e6ed6417ae8b14' }))))));
+            } }, h("div", { key: 'e1c0afd90284293fe3421c486ff121d5dc1c2f7e', class: "gux-message-wrapper" }, h("gux-icon", { key: '9ca1c4f75689594be17c40bf2b1bc0708718a40c', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '60bf7e1e776a246730fde618f79df01808094651' }, this.i18n(this.accent)), h("div", { key: 'c7fd0b5e27b66c44f3748e0a66c7d7f3cf18ba7f', class: "gux-content" }, h("slot", { key: '12ab06f0b719cecfc805048cff6135a9980ba2f7', name: "content" }, h("slot", { key: 'fdaa311d2038a47a6957d3a8a4a39ae424ca934e' }))))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
+import { t as trackComponent } from './usage-b2b2ecf9.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 
 const guxLabelInfoCss = ".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";
@@ -32,7 +32,7 @@ const GuxLabelInfo = class {
         return await this.tooltipElement.hideTooltip();
     }
     render() {
-        return (h("div", { key: '61c9218e6577b4836f5326dbe1810e38bd326ed3', class: "gux-label-info" }, h("gux-screen-reader-beta", { key: '3cf9c2a55b8c7999a929cdb779d8b788f3963c89' }, getSlotTextContent(this.root, 'content')), h("gux-icon", { key: '59597212b0fedcab0229cfcaabe25aa4dca7f20c', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), h("gux-tooltip-beta", { key: '6e853294fdca7244a480d7cf9bbe5a9c9d67dbd5', placement: this.placement, ref: el => (this.tooltipElement = el) }, h("slot", { key: 'b30c8327689ef3db24ec6192f05b4222358b5ed1', name: "content" }))));
+        return (h("div", { key: '56d47ce5f2b632072104e8cd5e9367d9abb73097', class: "gux-label-info" }, h("gux-screen-reader-beta", { key: 'a720884b1bb912502416c10087878d16885e6431' }, getSlotTextContent(this.root, 'content')), h("gux-icon", { key: 'd998e3257efcfe68159cd3bbe1ea5fedac6d56f2', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), h("gux-tooltip-beta", { key: 'bb243c88b2c7ad7217cf88c156f7a7e01617b38c', placement: this.placement, ref: el => (this.tooltipElement = el) }, h("slot", { key: 'c15c6233b298c2f03cb0a6a9d4b6c3d62c062a2a', name: "content" }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
+import { t as trackComponent } from './usage-b2b2ecf9.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.js';
 
 const guxLinkCss = ":host{padding-block:var(--gse-ui-links-inLine-padding)}:host ::slotted(a){inline-size:fit-content;font-family:var(--gse-ui-links-inLine-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);color:var(--gse-ui-links-default-foregroundColor) !important;border-radius:var(--gse-ui-links-focusOutline-borderRadius) !important}:host ::slotted(a:hover){color:var(--gse-ui-links-hover-foregroundColor) !important}:host ::slotted(a:active){color:var(--gse-ui-links-active-foregroundColor) !important}:host ::slotted(a:visited){color:var(--gse-ui-links-visited-foregroundColor) !important}:host ::slotted(a:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}:host([size=small]) ::slotted(a){font-family:var(--gse-ui-links-inLine-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight)}:host([standalone]){display:block;padding-block:var(--gse-ui-links-standalone-padding)}:host([standalone]) ::slotted(a){display:flex;gap:var(--gse-ui-links-standalone-gap);align-items:center;inline-size:fit-content;font-family:var(--gse-ui-links-standalone-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-text-fontSize);font-weight:var(--gse-ui-links-standalone-medium-text-fontWeight);line-height:var(--gse-ui-links-standalone-medium-text-lineHeight);text-decoration:none !important}:host([standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-medium-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-medium-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-medium-underlinedText-textDecoration) !important}:host([standalone]) ::slotted(a:active){text-decoration:none !important}:host([size=small][standalone]) ::slotted(a){font-family:var(--gse-ui-links-standalone-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-text-fontSize);font-weight:var(--gse-ui-links-standalone-small-text-fontWeight);line-height:var(--gse-ui-links-standalone-small-text-lineHeight)}:host([size=small][standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-small-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-small-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-small-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-small-underlinedText-textDecoration) !important}:host([standalone][class=gux-breadcrumb-link]){padding:0}";
@@ -20,7 +20,7 @@ const GuxLink = class {
         return !!getClosestElement('.gux-breadcrumb-generation', this.root);
     }
     render() {
-        return (h(Host, { key: '00fb819da91bc989af860aa2fc72ea1466849577', size: this.size, standalone: this.standalone, class: { 'gux-breadcrumb-link': this.checkBreadcrumbParent() } }, h("slot", { key: '1810b066455a6fa3138ac51b8401b29f3c9d671e' })));
+        return (h(Host, { key: '996dc79252fa45084deaeab08b443c48af84dd61', size: this.size, standalone: this.standalone, class: { 'gux-breadcrumb-link': this.checkBreadcrumbParent() } }, h("slot", { key: '1732fcfa0f80733efc1d62cdce523e5b070808f1' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -8,7 +8,7 @@ const GuxListDivider = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '1e32adf35da5206c780edf84ee47af6f9976c0f3', role: "presentation" }));
+        return (h(Host, { key: 'da0dad0a1e78fa76ba5b621aa6397adc23d24e82', role: "presentation" }));
     }
 };
 GuxListDivider.style = GuxListDividerStyle0;

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

@@ -25,7 +25,7 @@ const GuxListItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '29cc1978becaed42eda4937f6f24ee2e27ebf306', role: "listitem" }, h("button", { key: '145b0e5d9aef7c6463b046f8d47576ca7b4696c7', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'cb334706241289d6101fca59ec2fcee7643551b7' }))));
+        return (h(Host, { key: 'f74aa739418fdc2970a81767f450edd6a64b5142', role: "listitem" }, h("button", { key: '2dff3b905c7bd23438d76d367f5a85386719b236', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '5b81509c42ef11a71a95922fa3d89069a9952ada' }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
 import { l as last, n as next, f as first, p as previous, b as byId, c as byClosestId } from './gux-list.service-5da368db.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
+import { t as trackComponent } from './usage-b2b2ecf9.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;
@@ -56,7 +56,7 @@ const GuxList = class {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: '05eb1f68282aa13676301dd41387461be16192fb', role: "list" }, this.renderFocusTarget(), h("slot", { key: '34c64d0376f741abe329118fe129fa6b8db32972' })));
+        return (h(Host, { key: '0334ddac16810c77e82d2465ee7af76352f2d62c', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'ae4d5b87ccaa780f8bc1e337a511563e83cbef31' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-21889d5d.js';
 import { b as clearActiveOptions, h as hasActiveOption, s as setInitialActiveOption, d as setLastOptionActive, e as setFirstOptionActive, f as hasPreviousOption, i as setPreviousOptionActive, j as hasNextOption, k as setNextOptionActive, l as actOnActiveOption, m as goToOption, c as convertValueToArray, a as getOptionDefaultSlot, o as onClickedOption } from './gux-listbox.service-1b2f1a6e.js';
-import { b as buildI18nForComponent } from './index-99f8b2e2.js';
+import { b as buildI18nForComponent } from './index-0faa8b4b.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
+import { t as trackComponent } from './usage-b2b2ecf9.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
+import { t as trackComponent } from './usage-b2b2ecf9.js';
 
 const guxLoadingMessageCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-inline-size: var(--gse-ui-progressAndLoading-loadingState-large-width);\n  color: var(--gse-ui-progressAndLoading-textColor);\n  text-align: center;\n}\n\n@container (width > 400px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-large-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-large-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n  }\n}\n@container (width > 200px) and (width <=400px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-medium-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-medium-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n  }\n}\n@container (width <=200px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-small-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-small-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n  }\n}";
 const GuxLoadingMessageStyle0 = guxLoadingMessageCss;
@@ -12,7 +12,7 @@ const GuxLoadingMessage = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '6f87842cf585d49bf35bde269d05d2a9b291de68', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'e6dd8b3cb5ac0693196a4a660edec735a53d4246', class: "gux-progress" }, h("slot", { key: 'd169e7f1d27877a46b59607c8430607674b9b94c', name: "progress" })), h("div", { key: '52b10f99bf03d5657ca48085e63a4f47a439142c', class: "gux-primary-message" }, h("slot", { key: 'afe619e24b1ccdfe7bd2f42a75154a4ae023b0c7', name: "primary-message" })), h("div", { key: '1d0559c5eb005a2f3b935a116ac0675aeafe293f', class: "gux-additional-guidance" }, h("slot", { key: 'b932512e533820dc29acfbea5c856a99423c72fa', name: "additional-guidance" }))));
+        return (h("div", { key: 'a0f919c9d9422db46ceff101fcb7657a5ec5f105', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'f6d1cd9e522ff7dcd91da8bb510894bf8efed10b', class: "gux-progress" }, h("slot", { key: '5c5cac5f3755f387566459dd92378e667dd36d60', name: "progress" })), h("div", { key: '889196a26a8c386a3f3ac4cc12b1fefee41763de', class: "gux-primary-message" }, h("slot", { key: 'b25af0aead5d6f059541bde953060fc76c5a6d6c', name: "primary-message" })), h("div", { key: 'e5c6d760224366439b444280c8c4611a695d905c', class: "gux-additional-guidance" }, h("slot", { key: '5f99d39dffdbfeb68f5ef5158cba2106c476e5dc', name: "additional-guidance" }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -42,7 +42,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (h("button", { key: 'd23ed2b18eb1c5d127a5f9178ac0615bb899de51', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'a405173bc016c8f415128e9868445627a660bd38', class: "gux-menu-option-button-text" }, h("slot", { key: '67b4798b8a4311acaf9dd2abcb8fbbaeb3f47053' }))));
+        return (h("button", { key: 'eda74dd6106bbf06c9520a586d6f8f94c1296942', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'c996ce6c6ac54651dededd7650cc00261e0f096c', class: "gux-menu-option-button-text" }, h("slot", { key: 'dfa4c8bece9414e6beb454da738e862f47354084' }))));
     }
     static get formAssociated() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-menu.entry.js

@@ -8,7 +8,7 @@ const GuxMenu = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '219a89a3774fb80a2b19c57f890e2883b102a668', role: "menu" }, h("slot", { key: '28c1b65a600f42ed8bf78ae2f8b824301f11453a' })));
+        return (h(Host, { key: '548a8f78fd7533f6063a6d1cd1883e6630e8f30b', role: "menu" }, h("slot", { key: '07efb8534d740683b2853655b6f2b0b44ab8fed4' })));
     }
 };
 GuxMenu.style = GuxMenuStyle0;

package/dist/esm/gux-modal-legacy.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
+import { t as trackComponent } from './usage-b2b2ecf9.js';
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding:0 var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding:0 var(--gse-ui-modal-padding)}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalLegacyStyle0 = guxModalLegacyCss;
@@ -42,10 +42,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: 'cbb7033a32fc4731d29fd53c5fbdda9841eb62bd', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'a04bb4a942a82d5510d80e19c0f0bbcbda3a2e4a', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '7187978e04360410ce75cb03992344e8608078c5', class: "gux-modal-header", id: titleID }, h("slot", { key: '62807294a0c5e6a87921768b6e8ba37c1e745902', name: "title" }))), h("gux-dismiss-button", { key: '4f9ef794e1eab16baf2ed2d24e83c2b24dbb7e7f', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'd533e1e8919ce49002e241e6c412061e8a0e9816', class: {
+        return (h("div", { key: '03f3345c7976259d303e5a90cef1f90e9ed945f8', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '6d996bf71389945c20620588f63b97bae1adcf0f', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '087b55478498c89f537af3777c1beab4d903e063', class: "gux-modal-header", id: titleID }, h("slot", { key: '03421a7218bdba8a3daf898575cfda9a1e6793a7', name: "title" }))), h("gux-dismiss-button", { key: '5d9a4cf25bfca9a421782178292478f798362cc4', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '8d659e428a5f711e9a6b8c5874a37b82a492eac8', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: 'aba93cee1b1827c8931efa8fcef277343ee943b9' }, h("slot", { key: '74f8e6920f16eba66ffd2d7030893207410e02b0', name: "content" }))), hasFooterButtons && (h("div", { key: '8afe0581fa777708dd8daa1576797c4bc79db659', class: "gux-button-footer" }, h("div", { key: '3997fa6457bce071b70e2a3869c5dd1d2f616afd', class: "gux-left-align-buttons" }, h("slot", { key: 'c2796e0fe34c961aec79139c315f08733ccd7c79', name: "left-align-buttons" })), h("div", { key: '0d4f0e75cfe8c06f6bc81d077902de7b7d78b3c1', class: "gux-right-align-buttons" }, h("slot", { key: '82f39a85ce86c9b60931429e056b09940e11a998', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '162fc85dc6aa8c27136aa62c0e6b85e598c408f9' }, h("slot", { key: '3e0dd4c8dc4223b015e76e9ad242c4bfbcdc74ff', name: "content" }))), hasFooterButtons && (h("div", { key: 'd907a2c3dfe55c8433e23696b1b978f23f425b76', class: "gux-button-footer" }, h("div", { key: '46980f01b328f8bc6edc3efbbd3198ea8d086d04', class: "gux-left-align-buttons" }, h("slot", { key: '87643cd1528b294f25ec41a1e286149b094a7f9f', name: "left-align-buttons" })), h("div", { key: '293e4349fda8a877f9d084104f55a46dd7c44674', class: "gux-right-align-buttons" }, h("slot", { key: 'c7d087a32f336a97a8e8c8becdf27886f83c5739', 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/esm/gux-modal-side-panel-beta.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
+import { t as trackComponent } from './usage-b2b2ecf9.js';
 
 const guxModalSidePanelCss = "dialog{inset-inline-start:auto;block-size:100%;min-block-size:100%;padding:0;margin:unset;border:none}dialog::backdrop{background:var(--gse-ui-sidePanel-shroudColor);opacity:var(--gse-ui-sidePanel-shroud-opacity)}slot[name=description]::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
 const GuxModalSidePanelBetaStyle0 = guxModalSidePanelCss;
@@ -52,7 +52,7 @@ const GuxModalSidePanel = class {
     }
     render() {
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '2100a9c7898113bd29233bc6c3a4cc0eec8dc30b', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, h("gux-side-panel-beta", { key: 'd6ca646b3d694c253d3b37381ed36330acbfcefe', size: this.size }, h("div", { key: '12ec81a252926a3d26bdaec44ed7649e3fb6b29c', slot: "heading", id: titleID }, h("slot", { key: 'e9cb8603bf6b01b12c1f0deb745e7b8bcf1005fa', name: "heading" })), hasSlot(this.root, 'description') && (h("div", { key: '1f4595d87401581adee540a0c1f4fac2ce2d5bc9', slot: "description" }, h("slot", { key: 'aa6762650d518ee4b15c6f6acf2cc2c38746d75a', name: "description" }))), h("div", { key: 'd2aaa697f8dc04abdd1f5870050771375e78df51', slot: "content" }, h("slot", { key: '4617a40358540f247be4a004fbb014f5f8b17bca', name: "content" })), h("div", { key: 'd1012d4e4012ae8921775595d8da2e867acbd7a8', slot: "footer" }, h("slot", { key: '1a6f7976ad363b6965af6797964eb63f7b7071ca', name: "footer" })))));
+        return (h("dialog", { key: 'eea0c737e4c43a0d621fee32ff4dad60bd784151', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, h("gux-side-panel-beta", { key: '11156f4073f0db092f01db1175fa3ca7c91d60a8', size: this.size }, h("div", { key: 'ea76626936c93f966c7593f3040a165f8a540359', slot: "heading", id: titleID }, h("slot", { key: '436910dde97d5b06676c8b16d2f727d371dbf9a5', name: "heading" })), hasSlot(this.root, 'description') && (h("div", { key: 'f251f7fff64fbcc70d69d0e9a6ac107cc02b619b', slot: "description" }, h("slot", { key: 'f8bf46aa948c66e33a18b5b1cee6243f98085b0c', name: "description" }))), h("div", { key: '6951c9381dd820845cb677742ab4901bd43b9504', slot: "content" }, h("slot", { key: 'fce1aac4a2799c90cfa2a0d26116f48c13563117', name: "content" })), h("div", { key: 'b0497481f705825507f461acaaf8eefc8f8e7959', slot: "footer" }, h("slot", { key: 'd7c224fd5279bb3ecf749a0610f71313061a5be1', name: "footer" })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
+import { t as trackComponent } from './usage-b2b2ecf9.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;overflow:hidden;background-color:var(--gse-ui-modal-backgroundColor);border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host dialog::backdrop{background:var(--gse-ui-modal-shroudColor)}:host dialog .gux-modal-container{display:flex;flex-direction:column}:host dialog .gux-modal-container.gux-small{inline-size:var(--gse-ui-modal-small-width);max-block-size:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{inline-size:min(var(--gse-ui-modal-medium-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{inline-size:min(var(--gse-ui-modal-large-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-inline-size:calc(100vw - 48px);max-block-size:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-block-size:none}:host dialog .gux-modal-container .gux-modal-header{padding-block-start:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-lineHeight);color:var(--gse-ui-modal-headerColor)}:host dialog .gux-modal-container .gux-modal-content{max-block-size:432px;padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap);overflow-y:auto;color:var(--gse-semantic-foreground-container-highEmphasis)}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}:host dialog .gux-modal-container footer{padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{inline-size:100%;block-size:100%}}";
@@ -74,7 +74,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '6344d29ac7553ac6a04ba67cc31c3b129a6d0e45', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '2cb96e031387c9f0cc6b0d03b2f1c90effff1c84', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'f0fd8c5379710a74cf004eb1090bd6fd9a3e226e', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '61014e6e82c5380fea4825736624fc9d1fe7151c', class: "gux-modal-content" }, h("p", { key: 'e2b3eb8ca300295e4676c9436f41133f3f0c7048' }, h("slot", { key: 'b6b9a7aa906e325d42ea1c57e9e28807da6f90a7', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: 'd1368b100df8c4f61051ebcac537d36d43278d74', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '7f5ee271ea35a294130509cb9dc20af6b38f355b', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '88de18df327f2b2af73d1ec2b93a99ea8a7f1ab5', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'b1c69c683dfbf6a7ed8a670ed85612aa7f702a4c', class: "gux-modal-content" }, h("p", { key: '6b4be7e849019eb6f2b1bdd45343827672a85886' }, h("slot", { key: '8fb86081bb9285faeb8db3b818a3ccdb3f642c98', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

package/dist/esm/gux-month-calendar.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent, g as getDesiredLocale } from './index-99f8b2e2.js';
-import { u as useRegionalDates, a as determineDisplayLocale } from './use-regional-dates-62a9be70.js';
+import { b as buildI18nForComponent, g as getDesiredLocale } from './index-0faa8b4b.js';
+import { a as determineDisplayLocale } from './intl-93dbfa3b.js';
+import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { g as getYearMonthObject, b as getCurrentISOYearMonth, a as getISOYearMonth } from './year-month-values-7461d213.js';
@@ -175,7 +176,7 @@ const GuxMonthCalendar = class {
         return (h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (h("div", { key: '082c9985cfd1d22c4b20f66f2056deff6ff3741c', class: {
+        return (h("div", { key: '6e159334e362c87889cf465e6bde266b303f9a53', class: {
                 'gux-hidden': !this.expanded,
                 'gux-month-calendar': true
             } }, this.renderHeader(), this.renderMonths()));

package/dist/esm/gux-month-list_2.entry.js

@@ -43,7 +43,7 @@ const GuxMonthList = class {
         first(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: 'bab1846c9707a25137b0b3f760125a8bdd102b9b', role: "list" }, h("slot", { key: 'ffe20edc8e3ca8ea17043e78e6dcefa13e16458f' })));
+        return (h(Host, { key: '532a418da8953f9781ce344f364c151173ad3416', role: "list" }, h("slot", { key: '12b8a2ffd6b4e462a2a5d53a3ad77bcfacbf36fd' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -76,7 +76,7 @@ const GuxMonthListItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '90cb0b35ca8e6035a50ed43239eecf86d1a1fce9', role: "listitem", value: this.value }, h("div", { key: 'a39bbdd5d6269bf8e562c52a223bdbd1c5b1bfcf', class: "gux-container" }, h("button", { key: 'f9411a2f3587578713ea7d93cb0767a92b15ecbd', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'df046e9c86e79b40d273a665eb7080eefb0ef5cc' })))));
+        return (h(Host, { key: '3df9e758a5cd82c9872b8aa040f79a3af5b4b84a', role: "listitem", value: this.value }, h("div", { key: 'a8e7eecc797fd129218278ab0f4114d409d749cb', class: "gux-container" }, h("button", { key: '9eca92c255e0dd7aa1d12fe8550cdaf933e1d239', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '915d6dd2d5e2850f1cbac423a2a23c3389853dbb' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,8 +1,9 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
+import { t as trackComponent } from './usage-b2b2ecf9.js';
 import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
-import { b as buildI18nForComponent, g as getDesiredLocale } from './index-99f8b2e2.js';
-import { u as useRegionalDates, a as determineDisplayLocale } from './use-regional-dates-62a9be70.js';
+import { b as buildI18nForComponent, g as getDesiredLocale } from './index-0faa8b4b.js';
+import { a as determineDisplayLocale } from './intl-93dbfa3b.js';
+import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { g as getYearMonthObject, a as getISOYearMonth, b as getCurrentISOYearMonth } from './year-month-values-7461d213.js';
@@ -215,7 +216,7 @@ const GuxMonthPicker = class {
         return (h("gux-month-calendar", { slot: "popup", ref: (el) => (this.monthCalendarElement = el), onInput: () => this.onMonthCalendarInput(), value: this.value, min: this.min, max: this.max }));
     }
     render() {
-        return (h("gux-popup", { key: '48c10e24b1c5527fbb624bfd4f7d9d253ff51d0a', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '93f458de2b8abca0b8c5d9356cb06450ed93e26f', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
+import { t as trackComponent } from './usage-b2b2ecf9.js';
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-semantic-heading-sm-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-sm-bold-fontSize);line-height:var(--gse-semantic-heading-sm-bold-lineHeight);font-weight:var(--gse-semantic-heading-sm-bold-fontWeight)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -14,7 +14,7 @@ const GuxNotificationToast = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '5e188ce217e4cada21aa6a0cebd4b27494d6182b' }, h("div", { key: '1dcb0d42c4cf65a30549376a58a6d8ec88575107', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '7d733f62e76c33612676f95644c53b2ff582f495', name: "icon" })), h("div", { key: '6b5fd4ed61a8e91259e0455391e6def0706ffbd3', class: "gux-content" }, h("gux-truncate", { key: '81c65e9d2f5017e9b8d6c3eb74411bc7087888e0', class: "gux-title", "max-lines": 1 }, h("slot", { key: '17f3ded65b42e9d6282646fef0ef2ecc9d2f8227', name: "title" })), h("gux-truncate", { key: 'f20c82791a07925b35fcca03e754ca79d70c7c40', class: "gux-message", "max-lines": 2 }, h("slot", { key: '78f92bf23d08e089dd87071814b452e629c7052e', name: "message" }))), h("gux-dismiss-button", { key: 'b12da6be4e1aa16e322d24fba9320bbe12febd2c', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '47a33ed4de5228de0e187987869c27b07e0d5787' }, h("div", { key: '361fb8c114bfbe51c8d16a8de214bdd723c0a6f7', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'bd3a78f5a5f05a0cf5098266766789ef8cc0a8f3', name: "icon" })), h("div", { key: 'dc19ff38c0c039b8296749f418cf6fcb06159ad9', class: "gux-content" }, h("gux-truncate", { key: 'ea408eb0806dd5f58bceeb9a7b8fbaef9e702fb4', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'c6830def6d5e01d3761f7b5a187cf5a52866a0aa', name: "title" })), h("gux-truncate", { key: '319a9a3e695163d12a869577b88a4c84afbf1713', class: "gux-message", "max-lines": 2 }, h("slot", { key: '789ff5fb32b7da6408d2ee31328e2a39d3d6bd86', name: "message" }))), h("gux-dismiss-button", { key: '2abc520e1b95ccc419209202de06265398542179', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -50,7 +50,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: 'e3497d2293b66e36b6cf417ce5be30229dd94899', class: { 'gux-filtered': this.filtered } }, h("div", { key: '5e31c898f13d32bce0240081b7c3106a568327ec', class: "gux-option-group" }, h("div", { key: 'd97c1859b85797ef3e187f5dec8f560930e3e49e', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '3e31baaeee844547f4fc6064cc743e66f204ccdb', role: "group" }, h("slot", { key: '958abbf9a683193a9ce13199c8363b9e0279bd72' })), this.renderDivider())));
+        return (h(Host, { key: '92a57a5773bd073cb41b756da693c4c8e12ce822', class: { 'gux-filtered': this.filtered } }, h("div", { key: '4293739a1fa16f40b88aea607f8ba83b67b7f83d', class: "gux-option-group" }, h("div", { key: '244c4353d043b2dff331565be9f6b43c9870115b', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '9358a657681bf26d8f2088db5f7627e21c480a80', role: "group" }, h("slot", { key: '09dee6935996dddd6ef735aa64b02c61d1b47bae' })), this.renderDivider())));
     }
     get root() { return getElement(this); }
 };

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

@@ -66,14 +66,14 @@ const GuxOptionIcon = class {
         return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (h(Host, { key: '0444aad5f6e1f3ac786893d9d3e357573db8f71a', role: "option", class: {
+        return (h(Host, { key: '7a5d5be1105975a441d3f609c3127db6f6fa52de', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: '865e3c7d66798c33592164b6a7e21d164415f7a6', class: "gux-option-wrapper" }, h("gux-truncate", { key: '5576950148c1d46a35be5aefe70afa4d5b3a4200', ref: el => (this.truncateElement = el) }, h("slot", { key: '53e2f824d1a7230e236261fa3ce6d213a8d2ef91' })), h("slot", { key: '9e206a367b89b00427210fd49eb71fee75660399', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: '7892394b1aa37e6cc16e49806fea7a6f61fd2632', class: "gux-option-wrapper" }, h("gux-truncate", { key: '57a8a73bd57101721a8ec8790b2e4730e37d14ec', ref: el => (this.truncateElement = el) }, h("slot", { key: 'b1512adf5143e6f82c9b1bbc2a6f85eeb2643332' })), h("slot", { key: '5a45e4780c9f45fb2474e03ea1066ae08605490c', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-21889d5d.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { b as buildI18nForComponent } from './index-99f8b2e2.js';
+import { b as buildI18nForComponent } from './index-0faa8b4b.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
 const removeCustomElementInstructions = ", unselecting this custom option will remove it from the list";
@@ -66,13 +66,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (h(Host, { key: '149063eb51d3c2de141e69e862ff683df0b2d4be', role: "option", class: {
+        return (h(Host, { key: 'e162eef5448cea304e276f802f5b8e4a29e02db2', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'ef4ddd06237a00a4058c5a077d4254ec4de73d9e', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'f70873349b7f76e4154dba0694e49f087697406f', ref: el => (this.truncateElement = el) }, h("slot", { key: '141978da695ba25b1733912a1ecc7b413516974b' })), h("slot", { key: '4c9dc5389738d9762e9bc08893573c64b043f020', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'b5ce95d76851e11762f7382cf48a7bcfb9e91e41', class: "gux-option-wrapper" }, h("gux-truncate", { key: '44df5adfb3d53de46dfb939c25ef571bd65813b6', ref: el => (this.truncateElement = el) }, h("slot", { key: '734bd3478b4fe68389770ccd7694d5a25f2c288f' })), h("slot", { key: '8a5910f16bf8363d2edd4dee1e7d033579a9a29d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-page-loading-spinner.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
+import { t as trackComponent } from './usage-b2b2ecf9.js';
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -13,7 +13,7 @@ const GuxPageLoadingSpinner = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '0d4ca2add38e62428137de8b072523da164e620f', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '29f39a19219294a605f3785056a0f8c9f7348410', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-pagination-buttons-legacy_3.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent } from './index-99f8b2e2.js';
+import { b as buildI18nForComponent } from './index-0faa8b4b.js';
 import './get-closest-element-728b9f18.js';
 
 const page = "Page";
@@ -185,7 +185,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (h("div", { key: 'abd4479dc85d6e29c69392f016d183a1641881a7', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '3c670832d6e9950ecd939d3c04cefd13ffb8e5be', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '49d432be3eb2e5c60ed43f481444794b1a5a75ab', accent: "ghost" }, h("button", { key: '465d8406072d3ed4caa9ec8777221dd8e0fde717', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '06ea7f1d28920bc0218db53152c0a3883bab206d', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '332fd069ee566220828d19f0816099a0e467f365', accent: "ghost" }, h("button", { key: 'fcd5a8ac4b5d19a5de428129a511172df49fedfe', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'd7dc6b58158f72bf139d42c9e9652d209853575a', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '7c53ae7710942814a9d937f2efe8951a82951c88', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'd4d1240015d221191e88a9528c02fdca704bd95d', accent: "ghost" }, h("button", { key: '78c0a8c9a4518ddc0c9ad74202e7a3eeb2b4ba3d', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '0180aa302d8a7573d41c114ab27d70636ca8ff7a', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'e1b68c2ba127f9ae273b0344d4c3fbdc00d03084', accent: "ghost" }, h("button", { key: '9818369377240ea3ab1bee9ccaa045cd48afdc0d', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'e6deb4767bb3ae4b21d129a023c77abf4e6d6cba', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'd8c81c219ac05bc53adb30f145ae963fcfcc32c2', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '8e885c3c6a8faaa84848eb50224dd7480b4dccb8', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7fcea3d2f0278a6a79f1ab2574effe6a1c2e4e7e', accent: "ghost" }, h("button", { key: '6d7d3e30c99c3b5e8cc211cc1f4c0b030251188c', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'a9ecd35be4e3ab14eddd4cebbab05f96c45dc84a', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'a51237614face62ae69ab1c834ba0bc486324d30', accent: "ghost" }, h("button", { key: '31c7817937aa6730886e8f17f63a7dca79c8921f', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'b55f173a1ac205741ae649381f89606f7589d82e', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '39e50e104d0e8c9924deaebec2d338893c8286ff', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7c65c3c5a1e373b6d3c12dc7bb64a3cb4674b217', accent: "ghost" }, h("button", { key: '712b22788b90bb251807f95eb775cd1c1dabf358', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'bb75fa24ff0f240a57627f0faeba7f2f9182aac8', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '3335aedc8c13bc0384c4095f38355b7a9636a5d2', accent: "ghost" }, h("button", { key: '0eafffbba4c710d54e23400fb017c50f9ad4340d', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '9ed3f45ee34f10a779bc24ff9e952134d4e0c2ca', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -224,10 +224,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (h("div", { key: 'bdb856142d130ef4f66c11222fc2d7c20955ad24', class: "gux-pagination-item-counts-container" }, h("span", { key: '8b2fb35cd6b4dba518efa45efce46a1eebb795f1', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '3969b1af65c90c8567a902566de629ffac63d0ca', class: "gux-pagination-item-counts-container" }, h("span", { key: '0bd93fccccfd9f95c077d1ae7a0088a9fc7b4022', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '26096d8772396d8fd2c30652869b0026a228a4ce' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '7c8ab21a8206d034d482dab298f225bfb6bc1efa' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return getElement(this); }
 };
@@ -265,7 +265,7 @@ const GuxPaginationItemsPerPageLegacy = class {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '85e1a42192338d6c7247f597b10f4ac5cfaff98e', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'e9cb98b15f3fcd716e2905dcecbb8459b25db2e6', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '3c5ec76bde947bbc2433cdda1caa758f69a80280', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '454327fa8b75606eddaba6090d2761a27b7c9439', class: "gux-pagination-items-per-page-container" }, h("div", { key: '9cacb03bd2d17176a1ae60b970d600fd3c51957c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'e345e541a007cff06b04c4cbcb8180ab4f99e097', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent } from './index-99f8b2e2.js';
+import { b as buildI18nForComponent } from './index-0faa8b4b.js';
 import { t as translationResources } from './en-25a315a0.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import './get-closest-element-728b9f18.js';
@@ -220,7 +220,7 @@ const GuxPaginationButtons = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'ecbcfa38cdc31137318ebda5dde074108df863b5', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '4ae9b7611af7df408ed656b38783aef6e3d7ac2d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'ae39349f1e770eda86ffe8be930bb1fed02f793b', accent: "ghost", "icon-only": true }, h("button", { key: 'a57a7211c713e814aef7a3ba8ab15174a81166d0', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '837871733d7749b97bd502992032e298a09f5648', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '1666b2b951ad1e792e46f088ba414ba585e5722b', accent: "ghost", "icon-only": true }, h("button", { key: 'f2afa0b41c61cd783cc089438bced941f9ac9bee', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'b50913d82e12f2627316036c3238fdd2468edaa7', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'ae031e14e2228a6aff4ba9d3c19e53b4f51ce7ea', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '1fd2483765c6c14ea6179b57bce0abdfda91bd6d', accent: "ghost", "icon-only": true }, h("button", { key: '2d12cf20b84808d5f2f47e762f8ddefa800a85d8', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '9a66b0d11b9aba0a60001c8ad262121dde9b64a2', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '570147753eff6f3e4868e862493d8b5853913d71', accent: "ghost", "icon-only": true }, h("button", { key: '7a26f5131b11a8e052449d7caae53ff873d3c7a0', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '02a1100be68ff247b2676786dc78054c2b341cbe', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '19348e41b1b5079d5326d9650144dcad1f7f79ad', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'a8cea9837f51fabe8c5acaf7e043cb3524729040', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f88feae362e6bee92b986d6ff15dc9ab1527ab28', accent: "ghost", "icon-only": true }, h("button", { key: 'ac851cd227f509c0b606dd20da5d459c84b68bb2', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '99382b372c35a0d0ac1b1e0bc118d606d4725207', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '4c60cf789aa89525fc89fa68159223d8855ee511', accent: "ghost", "icon-only": true }, h("button", { key: 'e8c99c90a15dbaae1af85665e41a4f9af6111a69', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '246be5ce4ce53215091f1e98a6c3b1fd38c5ae32', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '84031c4145984c3f199266d5cbc7447905538fb3', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'dadd2185efe906e2ba33e93e84cbf44921e0e09e', accent: "ghost", "icon-only": true }, h("button", { key: 'b359290771917607b4cb758b44c849dc7c4281ca', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c104d4d80bd962711b9c950abf937de3d7f8d9ac', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '10312bfa94c58b63c60f9f9e21fa1fe9992a13ab', accent: "ghost", "icon-only": true }, h("button", { key: '16b4cd5e0845015ac0d41e09c3b1e05ad8a6d541', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '61d28b070612e95a7ed624fee7777c6614da71e8', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -264,10 +264,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (h("div", { key: 'fcb54c155ce1ca49552444be46ceebda31fcfc91', class: "gux-pagination-item-counts-container" }, h("span", { key: '413846eac18d72b10c77605b2b2b203bab8c2bc3', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'bffcf790cc3d9578c7cc74ec65f627fcc5c553cc', class: "gux-pagination-item-counts-container" }, h("span", { key: '63cb44e29d3812bf4889e0bf0858c4770b75e722', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '55910f109bd8939fd47dcf883ad438e9f2f701c3', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '353452700945c384bb4a868fd2d4c3cfb95ea7e2', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
-import { b as buildI18nForComponent } from './index-99f8b2e2.js';
+import { t as trackComponent } from './usage-b2b2ecf9.js';
+import { b as buildI18nForComponent } from './index-0faa8b4b.js';
 import './get-closest-element-728b9f18.js';
 
 const previous = "Previous";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent } from './index-99f8b2e2.js';
+import { b as buildI18nForComponent } from './index-0faa8b4b.js';
 import './get-closest-element-728b9f18.js';
 
 const perPage = "per page";
@@ -35,7 +35,7 @@ const GuxPaginationItemsPerPage = class {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '6bd639086dc53fb6234593c3a82467ab93a5bc19', class: "gux-pagination-items-per-page-container" }, h("div", { key: '485e6e9de754a3ca64061cee830fe7d22c942c41', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '948b530c5a586ec39ee902413f803fd91a4bf9fb', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '70404290e2847bfaf687084b2d546ecb3234c275', class: "gux-pagination-items-per-page-container" }, h("div", { key: '66300de9d20076b38ccbe17a3b528603834c6ae6', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '25da00635a3fc880b3f21f50795eb89e3fcb132d', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-pagination-legacy.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
+import { t as trackComponent } from './usage-b2b2ecf9.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;
@@ -64,7 +64,7 @@ const GuxPaginationLegacy = class {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: 'f16832269d2f7c04dada306f5909c72f85138b7c', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '5f7d48a8bfaf4f8b9507d879bb6c2d90c1fc7d2f', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '8f53a84289263891436e5f12a6e7e8cc198b60f0', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'a58ffb8af89a9a703d06e4d71eedace7124ceba0', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '36447ac1277e986ddc5d8ebd63b5b45c2173a803', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '99ec98ab5d28bd4507fc71e694dbb888dc07f9c4', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };