genesys-spark-components 4.65.1 → 4.66.0

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

@@ -0,0 +1,41 @@
+import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
+import { t as trackComponent } from './usage-dd9c1784.js';
+import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
+
+const guxLabelInfoCss = ".gux-label-info{width:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{color:var(--gse-ui-formControl-label-tooltipTrigger-optionalColor);vertical-align:bottom}";
+const GuxLabelInfoBetaStyle0 = guxLabelInfoCss;
+
+const GuxLabelInfo = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.variant = 'info';
+        this.placement = 'right';
+    }
+    componentWillLoad() {
+        trackComponent(this.root, { variant: this.variant });
+    }
+    getVariantIcon(variant) {
+        return variant === 'question'
+            ? 'fa/circle-question-regular'
+            : 'fa/circle-info-regular';
+    }
+    /*
+     * Show tooltip
+     */
+    async showTooltip() {
+        return await this.tooltipElement.showTooltip();
+    }
+    /*
+     * Hide tooltip
+     */
+    async hideTooltip() {
+        return await this.tooltipElement.hideTooltip();
+    }
+    render() {
+        return (h("div", { key: 'f56fdc67d5b30e7c016c639866ae6d5f40ec471d', class: "gux-label-info" }, h("gux-screen-reader-beta", { key: 'ded370a046fb9d44e8f52b33ba01fcc6d4d87eda' }, h("slot", { key: '2c6f1f2169b4c2ef33d44775f528bad18b0ee56f', name: "content" })), h("gux-icon", { key: 'c9a6804917af87db6b31e176bb959f4069c3cc8b', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), h("gux-tooltip-beta", { key: '02ad7525239d5b8d3f8586e51e09ff1fcc9c4afd', placement: this.placement, ref: el => (this.tooltipElement = el) }, h("div", { key: 'e05d2217932b1f9bb1472a19225808a0cabe0b5b', slot: "content" }, getSlotTextContent(this.root, 'content')))));
+    }
+    get root() { return getElement(this); }
+};
+GuxLabelInfo.style = GuxLabelInfoBetaStyle0;
+
+export { GuxLabelInfo as gux_label_info_beta };

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

@@ -8,7 +8,7 @@ const GuxListDivider = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'afb8a02891446c21b8f96ae006fb508b8500d323', role: "presentation" }));
+        return (h(Host, { key: '8beda4b11721cb284a8c56523299a8bc413d0499', 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: 'e37174b73e9c2259ddd2e3c72c1b8ed47253855c', role: "listitem" }, h("button", { key: 'e0ae42e776f5adb848d0708737a8ad79ee6c06f4', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'ab2ecdbde9d9370bf993d3c2922a6d25a3df0263' }))));
+        return (h(Host, { key: 'c8a719f4050cff60a334b822e2451abfdc8b8b27', role: "listitem" }, h("button", { key: '1cd3d6d13ab45e1c63b0961e0964681a584e8109', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '40b64c6675c898a536fbd38848518a47bc305e27' }))));
     }
     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-da21b737.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-09e4c7d9.js';
+import { t as trackComponent } from './usage-dd9c1784.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: '99291b87f24f730948663237e24e203ac2ab2c97', role: "list" }, this.renderFocusTarget(), h("slot", { key: '0f35ae3b243d6ef003df8c57aa9a92a40f6159f8' })));
+        return (h(Host, { key: 'b45097132ad7c6a08b47dde9dbb303ab590543ce', role: "list" }, this.renderFocusTarget(), h("slot", { key: '4387406713febefac8de4aa79bf700e463f8db1e' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -3,7 +3,7 @@ import { c as clearActiveOptions, h as hasActiveOption, s as setInitialActiveOpt
 import { b as buildI18nForComponent } from './index-3f1e5ba8.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-09e4c7d9.js';
+import { t as trackComponent } from './usage-dd9c1784.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-da21b737.js';
-import { t as trackComponent } from './usage-09e4c7d9.js';
+import { t as trackComponent } from './usage-dd9c1784.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;
@@ -12,7 +12,7 @@ const GuxLoadingMessage = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '33277af46593927d8973743ddcbded04e4b4783a', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '68bbcba983f3ac24cf94fcc6605b6dc41dbf5b73', class: "gux-progress" }, h("slot", { key: 'e3f43dd8df60f685f870c62de67c615276cd52fc', name: "progress" })), h("div", { key: '0c8feb14ba005c1a3805bbf71167d7d7ab155ab1', class: "gux-primary-message" }, h("slot", { key: '083bbe256926363be8fc00f094ab8f31e048d717', name: "primary-message" })), h("div", { key: '2852d9fbc9623912ff43259a499d81a14d29bbef', class: "gux-additional-guidance" }, h("slot", { key: '3ba735caeb77b462151e71c1652fdfdc064c2a13', name: "additional-guidance" }))));
+        return (h("div", { key: 'c65e377f8b666a8693d3af1a4b7aeead5543c1da', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '294c3b9db4d7b6a640bf47fb4ef67ed15a78a3c3', class: "gux-progress" }, h("slot", { key: '604778080f30fffece0a877de04102a6ff324d9c', name: "progress" })), h("div", { key: '5f5b14263b0ff0d4e194827a311dd214d2b99ded', class: "gux-primary-message" }, h("slot", { key: '90f1d2278a6334268e8b7c84e4dd61bdac9a0075', name: "primary-message" })), h("div", { key: '631070cdb3d4e4c7daf0d035d540ac6293f6e6e1', class: "gux-additional-guidance" }, h("slot", { key: '9ef13d691d3cdf9c50af001c40bb34854d8d60e7', name: "additional-guidance" }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -32,7 +32,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (h("button", { key: 'ac8ea23303f5089f7c2d56472dffc63d00457f5f', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'c2d1ff7e89e8607517824ee4be06a633fff6b635', class: "gux-menu-option-button-text" }, h("slot", { key: 'ca0610c34b2bdcdb674e1424089172acc2a429d4' }))));
+        return (h("button", { key: '7eaa2c60009f7124629c80433eb9e06b59c3269e', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '5558db7a9a4baceed7fe02227f9d566b997b0c14', class: "gux-menu-option-button-text" }, h("slot", { key: 'dffb8a6afbf64593926a60f744d538c38d73c412' }))));
     }
     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: '50356084eb65059628148b0070b8b36e32bdbf8e', role: "menu" }, h("slot", { key: 'ce1e2974c0a4ee1db57a4a6d8f2f232087fdeea3' })));
+        return (h(Host, { key: '06abf6932fb8b2be9d9fa983a94c422e199c4241', role: "menu" }, h("slot", { key: '50b3ddd9c2447c92f253db00ab3b9e7507cb36e1' })));
     }
 };
 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-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-09e4c7d9.js';
+import { t as trackComponent } from './usage-dd9c1784.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;
@@ -42,10 +42,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: '3daad0ffabba648d738f54b040b904fd1ee55627', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '6327b850582b671096469837f42bb83bca21c9bc', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" }))), h("gux-dismiss-button", { key: '733bf40eef00a7a6670232d65d3884f67fde36d4', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'b1cb4e2e26e5740b386d056e271adf66e1ebf5c1', class: {
+        return (h("div", { key: '77fc74b786057ebb6149abfd46a49e928640b9c4', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '36b916d9151212710ae60d78b23fcc10268a482a', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" }))), h("gux-dismiss-button", { key: '0a72154aed65dfc7c712a4edc4fb658119f462ba', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '09252332710631002af73e1e1fdc4dd62446f2d1', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '0f392adf40c71849062c9bd59e1d787dcbaffab2' }, h("slot", { key: '71b43af6aa19a21e091c886610dda186921195b6', name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '73fa02a2a43dbea545c5f0cbc834e5c467f2d198' }, h("slot", { key: '6bd97279379e90a57f4cfddceb4da78df019b31f', name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-09e4c7d9.js';
+import { t as trackComponent } from './usage-dd9c1784.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;
@@ -65,7 +65,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '66b7450c9c38cc5f603467019298f72b5d14e492', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'e2e631b581883a894de6b346cc0f660bd1325f31', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'b37df71b42ac758cd0453d0a40d3c3830eaebf1c', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'd35158e367ab833f9aa69ebbb233a936cd917f07', class: "gux-modal-content" }, h("p", { key: 'a5a1d2c2323cfd0d4774e342dec073ea813e4dbc' }, h("slot", { key: 'd8254893056105c3fd6e5e480d580d3315e4e80d', name: "content" }))), this.renderButtonFooter())));
+        return (h("dialog", { key: '24ae7dd6de4f4ba26b35c995b1f42490cf375d21', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '38df4baaa7fe2cd14ca1e92765e24d4ee32ba28e', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '0526938327e68d8f9bb9a271b0abdb08e5aa2fca', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'c5d3c90d1d98f298bb0e0493b5966a65eb3adc21', class: "gux-modal-content" }, h("p", { key: '92a64eca59ce6708743f92194c55026e50a2ce73' }, h("slot", { key: 'e59e65ca1d17a64ff85641018c9ed17171279ca7', name: "content" }))), this.renderButtonFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

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

@@ -136,7 +136,7 @@ const GuxMonthCalendar = class {
         return (h("span", { onFocus: () => this.doFocusTrap(), tabindex: "0" }));
     }
     render() {
-        return (h("div", { key: '7779da6a0844737396b0275636f38d2cea6e49e4', class: "gux-month-calendar" }, this.renderHeader(), this.renderMonths(), this.renderTrapFocusEl()));
+        return (h("div", { key: '387aadfc1d099c08f72a36b417dc0db683e38b29', class: "gux-month-calendar" }, this.renderHeader(), this.renderMonths(), this.renderTrapFocusEl()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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: '98c8984c53ebbc2b5cc5c51420565e4559abff78', role: "list" }, h("slot", { key: '5abeb539983936671adbd78b4876aa06e30cfc1b' })));
+        return (h(Host, { key: 'f583b2aa07f86a63396a76a4b21e77a22a1fbc9d', role: "list" }, h("slot", { key: '2d5f9e86f85332b8e1f6107f2fe29dc02e765840' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -74,7 +74,7 @@ const GuxMonthListItem = class {
         }
     }
     render() {
-        return (h(Host, { key: 'e9c6b86867d88fa44b26d36a97d4d25d4dc7cf2d', role: "listitem", value: this.value }, h("div", { key: '520ca63e02ee81721a24b4ae36c62a5deec3e9d4', class: "gux-container" }, h("button", { key: '0dd40d84e2390042a04d3b72d64ee611f7c8efef', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '47a91af6a384fcac1e45e1b5fa65379f596eac1a' })))));
+        return (h(Host, { key: '20264b60771afe08d5639262ac2d79b75cd105d0', role: "listitem", value: this.value }, h("div", { key: '78e37c338c9057276be144db17138fa9e049b0ad', class: "gux-container" }, h("button", { key: '45ac3509d341a2b649e92a00e685e3b56a8f0610', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'c6e7143b18d0ec51d171f99c24e9cd6c87929fc5' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-09e4c7d9.js';
+import { t as trackComponent } from './usage-dd9c1784.js';
 import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-3f1e5ba8.js';
 import { u as useRegionalDates, a as determineDisplayLocale } from './use-regional-dates-a47e74e6.js';
@@ -208,7 +208,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: '0cec690f0cf6289c761678fe22bea1ee16de27d6', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '8b81b04549dcaee143f159327745e7eab0008f91', 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-da21b737.js';
-import { t as trackComponent } from './usage-09e4c7d9.js';
+import { t as trackComponent } from './usage-dd9c1784.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;
@@ -14,7 +14,7 @@ const GuxNotificationToast = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'dd3f82e5f6d3e30f6274a7d8516e14e54bfddd77' }, h("div", { key: '45c42bac3cfc491412264e04896ad49d85742674', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'f339419ee8a2b3efea0b5d3606b378411a326bdc', name: "icon" })), h("div", { key: 'f60970d8f351033ab5d7187ef3f2d65acdec57db', class: "gux-content" }, h("gux-truncate", { key: 'f00c78bed1662a5ae09b974376de008e5ffe867e', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'ea6459822ee0e0ac7d2a6a676b29fa26f052d308', name: "title" })), h("gux-truncate", { key: '7fe8347095376531e50834066cb4b7ed6e27c70d', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'e7d8b71c77714363595d516eb51bec01184cfd22', name: "message" }))), h("gux-dismiss-button", { key: 'b2ffdcd5b20f6ccfccedf10b6f992fadb452a3be', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '0bc313de21af1a183397a7dc1d94c3eade04717f' }, h("div", { key: '3c905009c80a0252c3da38d517074c4aa1bdd6b8', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '66ff04aba2077e88dfdb4556305eef3f40649aed', name: "icon" })), h("div", { key: 'be7901838930d5f1f2cee6c0033a3e4979bafa90', class: "gux-content" }, h("gux-truncate", { key: '514fedddbf39d5cdce2150dba72f72a8cb4b5f14', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'bc154f35ebc48ddbe204324674e9b2410152092d', name: "title" })), h("gux-truncate", { key: '384149f5d063e1831896d935c4873fb0f70510f7', class: "gux-message", "max-lines": 2 }, h("slot", { key: '726a59aa75ad571363e08aea67b7e49d37032132', name: "message" }))), h("gux-dismiss-button", { key: 'a1e4145c7be48dc64ad1b3b35083cc983c3ce02a', 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: '9c2e3431b77d45760ea329e9d44df20f8eaba888', class: { 'gux-filtered': this.filtered } }, h("div", { key: '55f01060f7e5822f4489d71f8738319527cbdb39', class: "gux-option-group" }, h("div", { key: 'b74880e7d3c3d331437152a138268d5d145d596c', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '3e239c1c3aa9cdcbd47456a77717e6f3329d069a', role: "group" }, h("slot", { key: '3bd3fd24263c5ea7fb185bdc41574c4f8ff3168d' })), this.renderDivider())));
+        return (h(Host, { key: '1c3da15d9ec8a6787b80c0a80e12442d0cede4a7', class: { 'gux-filtered': this.filtered } }, h("div", { key: '706f033518c24c9358748dab4d152a6789698c91', class: "gux-option-group" }, h("div", { key: '5d657b64e1ee84453dd9db16fa75d67288055c88', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '05c34d586310fb5b3e9088572cf05e023ac14c1b', role: "group" }, h("slot", { key: '18f556017e313057673cd4611f5d8bb07af8feab' })), this.renderDivider())));
     }
     get root() { return getElement(this); }
 };

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

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

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

@@ -62,13 +62,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (h(Host, { key: '13617ec6f657e0cfbe107a4a94f5e47e52a6cb19', role: "option", class: {
+        return (h(Host, { key: '26f74ac330d738ac01119c81505f4a472dee3711', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '7856b48111c3471f4f6c33a387d022e29719240b', class: "gux-option-wrapper" }, h("gux-truncate", { key: '818443317377072e83967c4bfc64943421c4bf68', ref: el => (this.truncateElement = el) }, h("slot", { key: '048f3087c6e4f0c2544134b899b133563c44045d' })), h("slot", { key: 'd17f2f6a5e01d94c2e630bd16d77df93f6764a6b', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '91646c7ee2054f8dbabdd0a9df8a655386d2f1d8', class: "gux-option-wrapper" }, h("gux-truncate", { key: '4ef49a5f4d0e4b8672f5b806f1b01a0e171c986a', ref: el => (this.truncateElement = el) }, h("slot", { key: '43aadbe104fa7f9e6991b276bc3bab20c09931f3' })), h("slot", { key: 'cc9a573d680b1979acce992d7a28ddb01d2a933d', 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-da21b737.js';
-import { t as trackComponent } from './usage-09e4c7d9.js';
+import { t as trackComponent } from './usage-dd9c1784.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: '1d60866b1067b1b1465987a97545688fddb6061c', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '9cfc3fbe02c8eb0de549b010cd7d0d6173d6b7f9', 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

@@ -185,7 +185,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (h("div", { key: '3f12800f230f04b4d03969d3962bc1e256d6fed7', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '655e8c81f5885547b7341e019d95a31a85363bb9', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '915d7eaf5af5c1e084a354301e0acb93022506f3', accent: "ghost" }, h("button", { key: '880914c04b06a46ba4f8ed6756a6bc1f6b339c50', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '17db6836528f34b06a9f32a559960acb4dc612c8', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '49924d632b320d4fb44ef7ac6fcbbe9a179bebde', accent: "ghost" }, h("button", { key: '24e0df793d20e37710a264c10797e58450d52e10', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '32edd56fc0741da86ba8dac60752779fa7ad778b', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '75c0f5d3dc53f9fe19943c6fd5b0190fb9c126b7', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '350ca54bbd358ab772a663e5a88fb7c066b48191', accent: "ghost" }, h("button", { key: '62fff40eff9224ae26ff7865a29627fa29615c33', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'aea6936702016935909b3690a8d6ce39677e2db2', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '90c618887e133a6f864d86cf8554d32fb95ff7aa', accent: "ghost" }, h("button", { key: '663afe7cdb1e0af649552284a6ea986282a1306d', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '6dca995db947eaca51b19b2fba22c2455222c2de', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '49ab4be37df89bd3512403abfe8e7398f07e4138', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'f4ae7a227d4dc37ce4d2bd97ce0786014da4bae2', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'dda711ca7357e01082a7ea825e9eae7d9db026ae', accent: "ghost" }, h("button", { key: '9f85e75d863dfb8d5890380ad8a943d5b79d5c3d', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '7f07c56d6e18b696859ef222bd54ad3d5e138e91', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '7b3b1b73e8c0e48af6820e458edf4f1cbc11d072', accent: "ghost" }, h("button", { key: 'f99a481f76caf9844cd4bd29a6e160d9caa74d28', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '217118b022913ee846414cc2a24774a676a5688b', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '10ddc2ace4378104e2c9891d8d5c3ec23dcccf55', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '17c978b7988493bcc8f879c025dafbc56c05a33f', accent: "ghost" }, h("button", { key: 'ac5c57c0909fde6d1980c8ea51487673a4d99dd2', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c99771c3329f55e156444d6f796a76482845bf88', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '8a1648e574848d11b6a44ff78e5cbac316ee45c1', accent: "ghost" }, h("button", { key: '3795dcc80978d7e510b679935d05375aea36959e', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'd5c14110c729a940a1883d0c848efbd015c27de3', 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: 'a920e6de26c2cb94db1a74e82e30b4a5c45006f0', class: "gux-pagination-item-counts-container" }, h("span", { key: '37b5872aa3333a989778873027add3730f3318e0', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '61f77a270fcc719cb1a87508fa3d10cee807d4ce', class: "gux-pagination-item-counts-container" }, h("span", { key: 'c6b98e5db13b0964088f5cba85dfaacf18bf9496', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'f628030166c19861f28bee6c59d37f3fd285d358' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '8d0f28820382ce99699b9417883bf0ec2625255a' }, 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: '23d3d353904b22710db219a38c6ce9e944dc297e', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'cabb6c7c2b22c983ade100c97643a162c33a78f9', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '7ea4c7573fbbfdc59f6aa3a14e86a9388c1ffd3a', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '9b35345b5930b3eb6618be869d1c71109ad987e0', class: "gux-pagination-items-per-page-container" }, h("div", { key: '1ca2a511d1ee5f75bbdc8abe2eb2c9bc1c0170e3', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '69c4f9a36fa198e37bfa368c4ebfcff55db27df1', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return getElement(this); }
 };

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

@@ -200,7 +200,7 @@ const GuxPaginationButtons = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'a62a2ddbb82684c0f95133d445b42a9bd4761bc6', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '9b628625b68a9f1276a83cc3154fe5875db33866', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'd4d032a628bc5835e776c9a30cdf12e78b721eda', accent: "ghost" }, h("button", { key: 'd3bfbe7f47e9206105f05679073be7ef2b4611f9', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '63ad2d2b39cbdda52f4ccf31edeeb498e5f02e0b', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '5e76cf87eae25cc8956dda7fc89cdb27610c0717', accent: "ghost" }, h("button", { key: '041ea06d6601a53613c42eea50097c681b668b83', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'c07e481bdd1099bef5a12afe1842a62ec39af080', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'c407c42856a2fbf3ebbf174c3797207bb44f42f5', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '85d819b258a309e0fb7d9364ebb11ac937080938', accent: "ghost" }, h("button", { key: '86ed1715028f5392458b5414af27f2a06946eb44', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '20bf233420db85b469d60f7a7187c391bac6e37a', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'b6bae828197b1ac3b2cb0c6f7f08fabb448b7473', accent: "ghost" }, h("button", { key: '9b21c1a1365fc7b51a7ab8d9b17ca1ed75cf9ae7', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '48a2db0be7ed29f491ac1d3711358a9281c1c2cf', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'afd5c69563ecd18ceedb0be55ea27da084b81aed', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '5b65cd866891468a21827a8ae42748e39b73c4cf', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '0b1054a00b1cde94a29d68ee1213b32537e4fdb9', accent: "ghost" }, h("button", { key: '74f0eca7fc3f1cf9ab1bd52bd737a93e5364fb27', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'ed2bdfe308c6705785b506b102a97e6f46827210', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'c2e415706d4f09e44cbc861f9a94d290f9a86730', accent: "ghost" }, h("button", { key: 'bb449419be72d2eacf70ba8b000e937cb9550bd5', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'd9e50cb1b298595c5eaf18f6b028c0645db08f25', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '04718018a71be3555e1388765261f23d22dc5eff', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '270c7c031af0ebbaa374ddb770051123f387a1f1', accent: "ghost" }, h("button", { key: '6b551c7502490ce3703dc45ba23ad2a63a0e26c1', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '9c0bb24889e941f9061b1b2236612517026c7331', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'cdffb13b9fc010047d8adf0465d8271f9479f3a8', accent: "ghost" }, h("button", { key: 'bac45a0e6f67dd2991e721cb0aad93bbe69e3da5', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '2b81edc1d29ac48e7d76970c294536d9d197333b', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -244,7 +244,7 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (h("div", { key: '305425d6543b5352e31bcf785f03ccb510b894ce', class: "gux-pagination-item-counts-container" }, h("span", { key: '338ad32793641597370b894b73bb1b93c305ff78', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'cec231d8e47fc02144bc0e82303182b3ee0bd56b', class: "gux-pagination-item-counts-container" }, h("span", { key: 'fea8f41ac89259d62d2605271ad2cf21cf3fd82e', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-09e4c7d9.js';
+import { t as trackComponent } from './usage-dd9c1784.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -34,7 +34,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: '98caa9cf26b2cce5600fa6bf4056d366ca7ca5b3', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'c4d415f767374600bf73541f39ceb058b87449c2', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '7c1f141e8834dbb6d718d51f3febd5d00acc3c6c', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '0dd4d098679e4d835d8401b1679ceaeb2a624230', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'bd82c2056b6524f10bed245f6925eeaf4ef1b372', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '4fb2345d121064f372616b67949407d327eba093', 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-da21b737.js';
-import { t as trackComponent } from './usage-09e4c7d9.js';
+import { t as trackComponent } from './usage-dd9c1784.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: '19ae9528d07f352fb7dd79694e9c1d0f2f7b056c', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '47d05ca16f337e2a6f23694957cea6a65f8bf296', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '3619df0b9643f75e841077134a2339e32e5a5e0e', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'b687e986fb86a5e7f0b6178bc07e97c7335846e0', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '18b70ca5fa00b391766e1f6f9c336a6617f18b73', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '2bebbd4cffcb517883d297b9a8c781dda8008e02', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-da21b737.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-09e4c7d9.js';
+import { t as trackComponent } from './usage-dd9c1784.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;
@@ -89,7 +89,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (h("div", { key: '137f34e5a3e9cb1851657cafcdc9d88ec10ba3b0', class: "gux-pagination-container" }, h("div", { key: '289f6cbf30d4b36c957b5e88e046587bc759bb9d', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'edee289f4a0760c2e5267ce382e609f98a1afe7d', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '7e005b264f8a35c8f8b931c78e8d3634d1d5c099', class: "gux-pagination-spacer" }), h("div", { key: 'ed7485608a4d398832613c7cf95cf810492f8518', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'd1ad309e99ec1c8fb5e0cf69d7e771d96f356278', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '69c6d6d77bf241d3dd513fe0326da6657296785c', class: "gux-pagination-container" }, h("div", { key: 'd9c6ae28755bebd48d71e801319a8c7a543a59e9', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'c416daf33a5deb42695c45993af18a970c1ba3b4', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'a527ca29260e82de9d84027cd7fa19edd68a2bd1', class: "gux-pagination-spacer" }), h("div", { key: '342af2e84b80e3a1a792ed8d807cec42a99ba64e', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '3b7a6c4e422736e91fe3d742d282802ab2fcf40f', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-09e4c7d9.js';
+import { t as trackComponent } from './usage-dd9c1784.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-3f1e5ba8.js';
 import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
@@ -2320,7 +2320,7 @@ const GuxPhoneInput = class {
         return (h("div", { slot: "popup", class: "gux-listbox-container" }, h("gux-listbox", { "aria-label": this.i18n('regionDropdown'), value: this.region ? this.region.alpha2Code : '' }, this.regionOptions)));
     }
     render() {
-        return (h("gux-popup", { key: 'd757a933268055f0d21c970964bc4f95b136bec5', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '59b03638af1cf17ea4ca3f39da446242b2e91fcd', 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-popover-list.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-8b93f9de.js';
 import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
-import { t as trackComponent } from './usage-09e4c7d9.js';
+import { t as trackComponent } from './usage-dd9c1784.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.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)}";
@@ -129,10 +129,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (h("div", { key: '0292a9de51ac8fd4d7cec1ca787ac1675c19d1f1', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '6386cd6a7deb7cb91c0f7391521a2e0337d91014', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '414b8f7ad8cd56db7d0e96b3fa95b999ca7b2492', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: 'c2c3677bad48d4e0826d362d20337a680f23262d', class: "gux-popover-content" }, h("slot", { key: 'f9486cc0a38dcddade357886293c2697e132d33f' }))));
+            }, "data-placement": true }, h("div", { key: '7f85c0da09bb13d74cf2b2fbba398cf18e6d81e8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: '5775ee19dffddfc028bae3c0dea63bef5d996afa', class: "gux-popover-content" }, h("slot", { key: 'b03f47ed7d2a25a6c30623de5cd08e0b36b6ecc3' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -90,13 +90,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (h("div", { key: '2194e8499b7d574c4387729c71ca6444a90f3d97', class: {
+        return (h("div", { key: 'c54a9bf9deff3f90c635ec70b403dec5e2852430', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'd4297e9512421463f0b04ca9f2e53e77541e924c', name: "target" }), h("div", { key: '12fc7fda177f95a1b7213befbb3aa318964c4490', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'b88e446596967cb7bc8935a6fd0848bee2be5bd8', name: "target" }), h("div", { key: '3e28d7b2961e9c15ecf08a71c9e861fbc00c100e', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'b0cb9c0ea13eda8a351cd01de0cbc6e203cc9638', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '01f700be2103e361ab985a65dc68984778c7b299', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]

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

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, g as getElement } from './index-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-09e4c7d9.js';
+import { t as trackComponent } from './usage-dd9c1784.js';
 import './get-closest-element-728b9f18.js';
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -41,7 +41,7 @@ const GuxRadialLoading = class {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '66fa53ac1712fef188c120a20f2e1f46922ea596', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '2044d43ad0a5e1661918f2de4cc5791392763b50', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-09e4c7d9.js';
+import { t as trackComponent } from './usage-dd9c1784.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { c as clamp } from './clamp-1fc36648.js';
-import { t as trackComponent } from './usage-09e4c7d9.js';
+import { t as trackComponent } from './usage-dd9c1784.js';
 import { a as logWarn } from './log-error-274efeb7.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)}";
@@ -104,7 +104,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (h(Host, { key: 'e443a8d144ae63c24153d403c5dedd87feaaa01c', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '51302b2383245a470a5e57051797b8e37e8a6db4', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '8c45a3e67a8475372e8db0905980883f4c697b43', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '77712593c169f1d207339c5f64d470bb75449332', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

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

@@ -24,7 +24,7 @@ const GuxRowSelect = class {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '4bc5469546c8931c07d6bf167a6c28450336aecc', "label-position": "screenreader" }, h("input", { key: '6465ebfc0d7207efdaf44970ea979632d0ac2174', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '3d8441abcae6acaf91f13d6d2302893d9c272cdc', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '67ad57e8e0cfa61930d33d3bba910e0fb4705ca0' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: '04b29a74ef241b861f1a99ca237169c819aeb5c5', "label-position": "screenreader" }, h("input", { key: '4fb549cf638c669d35a2472b09e42e5dcd56fac0', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '7fcb02ac29eca8fb5c0e5c67b5155729c572285a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'c4515b6bcf3e1d4974e98eed8875171475cc5896' }, this.i18n('selectTableRow')))));
     }
     get root() { return getElement(this); }
 };