genesys-spark-components 4.71.0 → 4.72.0

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-e635215d.js');
+const usage = require('./usage-6426963f.js');
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding);background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalLegacyStyle0 = guxModalLegacyCss;
@@ -46,10 +46,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("div", { key: '77fc74b786057ebb6149abfd46a49e928640b9c4', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '36b916d9151212710ae60d78b23fcc10268a482a', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" }))), index.h("gux-dismiss-button", { key: '0a72154aed65dfc7c712a4edc4fb658119f462ba', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '09252332710631002af73e1e1fdc4dd62446f2d1', class: {
+        return (index.h("div", { key: '9a16807e6e0c105a71d9a6beae23f0b6cf8562ab', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '9bffe5f595358ea8b8d2ba6da3d395b79bffb540', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" }))), index.h("gux-dismiss-button", { key: 'e3c64ff9a89bd4d4aa0bb9fb23f829c2ef4acb62', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '8b087f57d3d764b90e51cded53d9b664e5cdf144', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: '73fa02a2a43dbea545c5f0cbc834e5c467f2d198' }, index.h("slot", { key: '6bd97279379e90a57f4cfddceb4da78df019b31f', name: "content" }))), hasFooterButtons && (index.h("div", { class: "gux-button-footer" }, index.h("div", { class: "gux-left-align-buttons" }, index.h("slot", { name: "left-align-buttons" })), index.h("div", { class: "gux-right-align-buttons" }, index.h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: 'adbb48bc1fad4234f0e537cd5ef56d13ee003081' }, index.h("slot", { key: 'e38a4dc040385ad162ce8a79e04c8b69dd98968a', name: "content" }))), hasFooterButtons && (index.h("div", { class: "gux-button-footer" }, index.h("div", { class: "gux-left-align-buttons" }, index.h("slot", { name: "left-align-buttons" })), index.h("div", { class: "gux-right-align-buttons" }, index.h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-e635215d.js');
+const usage = require('./usage-6426963f.js');
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column;padding-top:var(--gse-ui-modal-padding);padding-bottom:var(--gse-ui-modal-padding)}:host dialog .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host dialog .gux-modal-container .gux-modal-header{padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host dialog .gux-modal-container .gux-modal-content{max-height:432px;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalStyle0 = guxModalCss;
@@ -69,7 +69,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: 'b21f66fea97ad825220bf1f7cb607c2b028530cb', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '6f9f15215b90d95674356b3183f1cb73695500df', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'b2cf8c0bbc3a35fe922187395bdc9a14c566be9f', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'b6be54d55a19922d444f43c83f8daa60b91cc299', class: "gux-modal-content" }, index.h("p", { key: 'c68709bfa8c21e50e8e10fe382843a0dda63beae' }, index.h("slot", { key: '1e6316fd283c5822b0cb77e00a9f7fa3134770d3', name: "content" }))), this.renderButtonFooter())));
+        return (index.h("dialog", { key: 'cc85caa876e0e2fc620e4214592b55d9c74b9566', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'dbec361b43bbdb54216089fc89f7e7d17220005e', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '05e5e9c4f7d9cacd2211b51d712d3b02b6b7de43', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'ab136993dc831cbc2f985c486135632c36042951', class: "gux-modal-content" }, index.h("p", { key: '0132c588a4ad7bfc0a51422f31c4e76c7ce208be' }, index.h("slot", { key: '9e22336a5a65f8d16aa3913404846a87eed98714', name: "content" }))), this.renderButtonFooter())));
     }
     renderTitle(titleID) {
         return (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" })));

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

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-e635215d.js');
+const usage = require('./usage-6426963f.js');
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-sm-fontSize);line-height:var(--gse-core-typography-heading-sm-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -18,7 +18,7 @@ const GuxNotificationToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: '0bc313de21af1a183397a7dc1d94c3eade04717f' }, index.h("div", { key: '3c905009c80a0252c3da38d517074c4aa1bdd6b8', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '66ff04aba2077e88dfdb4556305eef3f40649aed', name: "icon" })), index.h("div", { key: 'be7901838930d5f1f2cee6c0033a3e4979bafa90', class: "gux-content" }, index.h("gux-truncate", { key: '514fedddbf39d5cdce2150dba72f72a8cb4b5f14', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: 'bc154f35ebc48ddbe204324674e9b2410152092d', name: "title" })), index.h("gux-truncate", { key: '384149f5d063e1831896d935c4873fb0f70510f7', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '726a59aa75ad571363e08aea67b7e49d37032132', name: "message" }))), index.h("gux-dismiss-button", { key: 'a1e4145c7be48dc64ad1b3b35083cc983c3ce02a', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '978b1d23bcd30f574551b2e58b63cccfffc097d3' }, index.h("div", { key: '7f5dfd3ee78527cb320bcdde8fec800f0127a5fa', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '8a0f5e9e1551804fe77405705f5c4f88d9b2c58a', name: "icon" })), index.h("div", { key: '97ca93fc9cdc7381c86f43b92b3628e353158886', class: "gux-content" }, index.h("gux-truncate", { key: 'abd6c01f9bf95b85b0f7dc21bcbd4511cbc8a85c', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '139d028b7826aba19a05df7894234879ef8469de', name: "title" })), index.h("gux-truncate", { key: '47a96015b193db99af78974cc072d21c38b86eac', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '7368f74d15255824fcd7cb8ea547d08a8ac808c4', name: "message" }))), index.h("gux-dismiss-button", { key: '21088f5d0d3bcfd8510ae85b268c2b46ad749f7a', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -54,7 +54,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1c3da15d9ec8a6787b80c0a80e12442d0cede4a7', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '706f033518c24c9358748dab4d152a6789698c91', class: "gux-option-group" }, index.h("div", { key: '5d657b64e1ee84453dd9db16fa75d67288055c88', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '05c34d586310fb5b3e9088572cf05e023ac14c1b', role: "group" }, index.h("slot", { key: '18f556017e313057673cd4611f5d8bb07af8feab' })), this.renderDivider())));
+        return (index.h(index.Host, { key: '50097429d09aa1ee2a198e5221b05e0589b68f43', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '0b9e477b7b8626dc71bd809e1f75a9e777e9d592', class: "gux-option-group" }, index.h("div", { key: '29656e0706e792dd64e7777d1be13aa617806cec', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '094a97df8ea2faea1dae94ef50b1dd1c8ed60b37', role: "group" }, index.h("slot", { key: '345c50437cd32012d5734207290d24cd6f2184f4' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

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

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

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

@@ -66,13 +66,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '26f74ac330d738ac01119c81505f4a472dee3711', role: "option", class: {
+        return (index.h(index.Host, { key: 'c0ee80a1e887bce0a0a793df494fd429ddb4a60c', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: '91646c7ee2054f8dbabdd0a9df8a655386d2f1d8', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '4ef49a5f4d0e4b8672f5b806f1b01a0e171c986a', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '43aadbe104fa7f9e6991b276bc3bab20c09931f3' })), index.h("slot", { key: 'cc9a573d680b1979acce992d7a28ddb01d2a933d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: 'da6a8e6cf621311a22d870ce16969909561e4834', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '1f3c00b576ea51da0df4343f7e240f30ae86216f', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'c3eaf571850d783cc475707a0f7ce6c6683a3226' })), index.h("slot", { key: 'f8e8ea760065b9d1125e5e0bda6c84d273e135a4', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-e635215d.js');
+const usage = require('./usage-6426963f.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -17,7 +17,7 @@ const GuxPageLoadingSpinner = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-radial-loading", { key: '5f31bcc969ca3437d020f601e939b56c416f69a4', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: 'b9fabf7ea1289ea5c8bfeb35c2963e1197dfda0b', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -189,7 +189,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (index.h("div", { key: '49ab4be37df89bd3512403abfe8e7398f07e4138', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'f4ae7a227d4dc37ce4d2bd97ce0786014da4bae2', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'dda711ca7357e01082a7ea825e9eae7d9db026ae', accent: "ghost" }, index.h("button", { key: '9f85e75d863dfb8d5890380ad8a943d5b79d5c3d', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '7f07c56d6e18b696859ef222bd54ad3d5e138e91', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '7b3b1b73e8c0e48af6820e458edf4f1cbc11d072', accent: "ghost" }, index.h("button", { key: 'f99a481f76caf9844cd4bd29a6e160d9caa74d28', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '217118b022913ee846414cc2a24774a676a5688b', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '10ddc2ace4378104e2c9891d8d5c3ec23dcccf55', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '17c978b7988493bcc8f879c025dafbc56c05a33f', accent: "ghost" }, index.h("button", { key: 'ac5c57c0909fde6d1980c8ea51487673a4d99dd2', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'c99771c3329f55e156444d6f796a76482845bf88', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '8a1648e574848d11b6a44ff78e5cbac316ee45c1', accent: "ghost" }, index.h("button", { key: '3795dcc80978d7e510b679935d05375aea36959e', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'd5c14110c729a940a1883d0c848efbd015c27de3', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '1ba9d8787e480c7021c17300467bd8439cfaebb2', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '1ee5bb3e2077867292f78d04a62fa9e1e7a31305', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '45ceb944e2c801b924c83e10ff9877cf7656278f', accent: "ghost" }, index.h("button", { key: '4abc9326de1c1ee2e61425a6c7af95812d1e0f99', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'bd76234d0a1624fad7f573aef2db43a7080ef810', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'ddda5017fa14cab941d75134a7b9afba2151173f', accent: "ghost" }, index.h("button", { key: '641d7f306ce8a1b6a4ec27a98c46cbc5db21ac11', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'd1dd39d206038d611a4c3ddc4ad057f9a2544964', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '940f377147a7e686d497145caacff2bc8230deec', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '7014ee3ca1e09d9e696f933559d4b392dc396733', accent: "ghost" }, index.h("button", { key: 'b49f45246377101d3a2cd8bafb5aa81791ac296c', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '6e865485f7294c4514ac0acdb0f466af1f333029', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'b54fe3061e234266558b6819bb0f46ccd23988d6', accent: "ghost" }, index.h("button", { key: '049fbe63c206697a3d963229260d36672b5c3e1c', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'efa7910f4c07919e48505d8f3fbf97dd60591790', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -228,10 +228,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (index.h("div", { key: '61f77a270fcc719cb1a87508fa3d10cee807d4ce', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'c6b98e5db13b0964088f5cba85dfaacf18bf9496', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '9304ff0a9db8b65d2511944cad916bcba67d4376', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '3da01bf6c035582d09f55a8d92d00da25ce4d175', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '8d0f28820382ce99699b9417883bf0ec2625255a' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: '1350e0c3bd2a3511794bd2deca9d7a028406a09f' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return index.getElement(this); }
 };
@@ -269,7 +269,7 @@ const GuxPaginationItemsPerPageLegacy = class {
             }) }, index.h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, index.h("gux-option", { value: "25" }, "25"), index.h("gux-option", { value: "50" }, "50"), index.h("gux-option", { value: "75" }, "75"), index.h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (index.h("div", { key: '9b35345b5930b3eb6618be869d1c71109ad987e0', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '1ca2a511d1ee5f75bbdc8abe2eb2c9bc1c0170e3', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '69c4f9a36fa198e37bfa368c4ebfcff55db27df1', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'c3377da39459bbc3d6004183e9d89440da52cc9f', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '0b78effdcc262e2a36ed9329f704e2166dfe2197', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '481648a816b2fb47f80c3991e1937141e06b2965', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -204,7 +204,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h("div", { key: 'fff0cf262b9c1bb44ea53fe9a000085b3bef3638', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'efd4ad576ae28db57058c5bf09f1bc3cc62a8e70', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '3bf855a6ab89defbb74b34fb44698754ef089f69', accent: "ghost" }, index.h("button", { key: 'adb7b226b7b45569b330e17202da8401015522d0', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'a5336a58ff01300b1f78e46a3fc511d7da262939', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '23270e5a2e0cced675581690cae4e12e00ea2c79', accent: "ghost" }, index.h("button", { key: '332b43a4cdb6c59a06b6bca31ebc2d59bda67bd2', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '112db61c6fcb73233d01ff89456f5cbbe7c7e22e', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: 'a780c379e89ae73afd4fe00c014f7d3795006cc5', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '23150e772b34852ae3927be5b1c62c84804e5ad1', accent: "ghost" }, index.h("button", { key: 'dc0fed5842c2046fa0b491144bc5ef0189e28041', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '4c51072f7ef5066f62c8f74b9c7052fbf7e27bce', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '1d74ba84367677727c6e26a6b75fbffc961f8400', accent: "ghost" }, index.h("button", { key: 'a6a8a25686a77e41b1bb116dc5bbca419943aaeb', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '1667a1ab84afcf4969e04abb0c05d62ea1952ef9', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '6077d5d7a8733173f0f458f672d1ae622fcda538', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'e6ba6b2fd910d3c196ae828d4622b48ba8dc4242', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '753a27b3808ce25cee8b4a678a765563aee6462a', accent: "ghost" }, index.h("button", { key: '1bd15187bdd31d6e3458ecd729ea3a00e7483f8f', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '791045bc36f07ce5747390789faf8da13c6790c0', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'f00ab41911e14e137a2ff9a66a09a8050eac2638', accent: "ghost" }, index.h("button", { key: 'eb883910d0b70db059ed81583cc48ca7fe1aa40c', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'f83cdcc9ba7e2b84583ff77a8d174f54cdf6b48d', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '8af4fe8e7168b7ee48239e2cf7f86ada87dbaa31', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '235bd8445521917cc9b33e1b487b5da062e8147f', accent: "ghost" }, index.h("button", { key: '8e485f7cc90b2a605caa7befd9b88a27d8e84626', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'd653525bbe00637361a53c09c14168d7c815482c', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'cbbd38d427e9e0a3a8913a38ad4e2b8cd43eee59', accent: "ghost" }, index.h("button", { key: '5ed3c37b5daaef588ed9972c21bd498bcbb9fd5f', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '68a1ebde96f853dcd2c5d38d7b0bff60e654173b', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -248,7 +248,7 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'cc214c663bea74f291e97a9a8b41416696b17fee', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'c7863d7e06bb7c9d5185c1bdbd052dc87754c050', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '00856d47739f72098dbe2581336758981248a6a4', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'e8c23da59eefd22743d6ac0374c5e9f22458912a', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-e635215d.js');
+const usage = require('./usage-6426963f.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -38,7 +38,7 @@ const GuxPaginationItemsPerPage = class {
             }) }, index.h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, index.h("gux-option", { value: "25" }, "25"), index.h("gux-option", { value: "50" }, "50"), index.h("gux-option", { value: "75" }, "75"), index.h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (index.h("div", { key: '0d75571f0a46feebad6603b7abc75ccf4f8d285a', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'b2c4417a1a39dff20c07215e9ccb2f14e59663fb', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '86bb4316e5702ca0c98c00d320bfce7bfd3115b7', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'f3fb8a72fb7620c5d46eacccedd8e9511ef06cd9', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '9c44139f927c1f5bef9f99642b43e690e36ebb49', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'fda6f5c630de1138f2f3100ebb5fc35bad127dde', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-e635215d.js');
+const usage = require('./usage-6426963f.js');
 
 const guxPaginationLegacyCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 const GuxPaginationLegacyStyle0 = guxPaginationLegacyCss;
@@ -68,7 +68,7 @@ const GuxPaginationLegacy = class {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (index.h("div", { key: 'b687e986fb86a5e7f0b6178bc07e97c7335846e0', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '18b70ca5fa00b391766e1f6f9c336a6617f18b73', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '2bebbd4cffcb517883d297b9a8c781dda8008e02', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '3abd9cd00f35121bb9d6b54830ad8d022fdc585e', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '61b560aeaba8051bd9db516307751245a58dd9ba', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: 'eb450dcca3fda823374277c3e0f93c25fa36ac39', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-e635215d.js');
+const usage = require('./usage-6426963f.js');
 
 const guxPaginationCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 const GuxPaginationStyle0 = guxPaginationCss;
@@ -93,7 +93,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (index.h("div", { key: 'a9c135d289ced1d1652d4903661b5457a73b4d82', class: "gux-pagination-container" }, index.h("div", { key: '3cae00b7cb4d53acdd1ad03e7feadfa521090451', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '21ae33ba6ced409092abc69505d6bbfb476c19f3', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: 'bda75173e7bd3b50d1fb28df57bad6bc72404940', class: "gux-pagination-spacer" }), index.h("div", { key: '7e029f98e38d1f4cc46ff9460c4bc3b294700992', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '2a589657711bf2ef9968f774f2cda18cdb66301b', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: 'e2032a3195b4224a6276d890ad6718a621d33b6b', class: "gux-pagination-container" }, index.h("div", { key: '23f74ff86c371bf0435b80442e56e136066a9d4e', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '2542142e8c326b0f646ff8beb93a679dd42263f2', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '3ec6a22c4f864c702240ce5566f22c332e4ec5a8', class: "gux-pagination-spacer" }), index.h("div", { key: 'c61dbf8128d5b8ca4f7f8453b54fab282b72a9eb', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '7bcb53c640ceac841259dda8b20dd3272fa97e2d', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-e635215d.js');
+const usage = require('./usage-6426963f.js');
 const index$1 = require('./index-a1a48d79.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
 const logError = require('./log-error-7b9d4b57.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
+const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./get-closest-element-9e41d6b9.js');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -1985,7 +1986,7 @@ function getRegionObjects(locale, i18n, phoneUtil) {
     return regionObjects;
 }
 
-const guxPhoneInputCss = ":host{display:block;color:var(--gse-ui-formControl-input-populatedColor)}.gux-phone-text-input{flex:1 1 auto;align-self:auto;order:0;width:100%;margin-inline-start:var(--gse-core-spacing-4xs);overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);color:var(--gse-ui-formControl-input-populatedColor);text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}.gux-phone-text-input.gux-disabled{-webkit-user-select:none;user-select:none}.target-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-phoneInput-dropdown-height);padding:0 var(--gse-core-spacing-3xs) 0 0;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.target-container.gux-error{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.target-container:focus-within{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-field{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-phoneInput-dropdown-gap);align-items:center;width:100%;height:100%;padding:var(--gse-ui-phoneInput-dropdown-padding);font-family:inherit;font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;border-radius:var(--gse-ui-formControl-input-borderRadius) 0 0 var(--gse-ui-formControl-input-borderRadius)}.gux-field.gux-disabled{padding:var(--gse-ui-phoneInput-dropdown-disabled-padding)}.gux-field .gux-field-content{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-width:0}.gux-field .gux-field-content .gux-selected-option{display:flex;justify-content:center;width:var(--gse-ui-phoneInput-dropdown-flag-width);overflow:hidden}.gux-field .gux-field-content .gux-selected-option gux-icon{position:relative;color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-phoneInput-dropdown-icon-width);height:var(--gse-ui-phoneInput-dropdown-icon-height);color:var(--gse-ui-phoneInput-dropdown-foregroundColor)}.gux-field-button{box-sizing:border-box;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;border-radius:var(--gse-ui-formControl-input-borderRadius) 0 0 var(--gse-ui-formControl-input-borderRadius);outline:none}.gux-field-button.gux-expanded{background-color:var(--gse-ui-phoneInput-dropdown-active-backgroundColor)}.gux-field-button.gux-expanded .gux-expand-icon{transform:rotate(180deg)}.gux-field-button:hover{background-color:var(--gse-ui-phoneInput-dropdown-hover-backgroundColor)}.gux-listbox-container{box-sizing:border-box;width:fit-content;min-width:var(--gse-ui-phoneInput-dropdown-menu-minWidth);margin:0}.gux-option-content{display:grid;grid-template-columns:36px 1fr;align-items:center;width:100%}.gux-option-content .gux-country-code{text-align:right}.gux-option-content gux-icon{position:relative;inset-inline-start:4px;width:var(--gse-ui-phoneInput-dropdown-icon-width);height:var(--gse-ui-phoneInput-dropdown-icon-height);color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-region-select{height:100%;border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-region-select:focus-within{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}";
+const guxPhoneInputCss = ":host{display:block;color:var(--gse-ui-formControl-input-populatedColor)}.gux-phone-text-input{flex:1 1 auto;align-self:auto;order:0;width:100%;margin-inline-start:var(--gse-core-spacing-4xs);overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);color:var(--gse-ui-formControl-input-populatedColor);text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}.gux-phone-text-input.gux-disabled{-webkit-user-select:none;user-select:none}.target-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;width:100%;height:var(--gse-ui-phoneInput-dropdown-height);padding:0 var(--gse-core-spacing-3xs) 0 0;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.target-container .gux-input{flex:1;align-content:center;height:100%;cursor:text}.target-container.gux-error{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.target-container:focus-within{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-field{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-phoneInput-dropdown-gap);align-items:center;width:100%;height:100%;padding:var(--gse-ui-phoneInput-dropdown-padding);font-family:inherit;font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;border-radius:var(--gse-ui-formControl-input-borderRadius) 0 0 var(--gse-ui-formControl-input-borderRadius)}.gux-field.gux-disabled{padding:var(--gse-ui-phoneInput-dropdown-disabled-padding)}.gux-field .gux-field-content{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-width:0}.gux-field .gux-field-content .gux-selected-option{display:flex;justify-content:center;width:var(--gse-ui-phoneInput-dropdown-flag-width);overflow:hidden}.gux-field .gux-field-content .gux-selected-option gux-icon{position:relative;color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-phoneInput-dropdown-icon-width);height:var(--gse-ui-phoneInput-dropdown-icon-height);color:var(--gse-ui-phoneInput-dropdown-foregroundColor)}.gux-field-button{box-sizing:border-box;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;border-radius:var(--gse-ui-formControl-input-borderRadius) 0 0 var(--gse-ui-formControl-input-borderRadius);outline:none}.gux-field-button.gux-expanded{background-color:var(--gse-ui-phoneInput-dropdown-active-backgroundColor)}.gux-field-button.gux-expanded .gux-expand-icon{transform:rotate(180deg)}.gux-field-button:hover{background-color:var(--gse-ui-phoneInput-dropdown-hover-backgroundColor)}.gux-listbox-container{box-sizing:border-box;width:fit-content;min-width:var(--gse-ui-phoneInput-dropdown-menu-minWidth);margin:0}.gux-option-content{display:grid;grid-template-columns:36px 1fr;align-items:center;width:100%}.gux-option-content .gux-country-code{text-align:right}.gux-option-content gux-icon{position:relative;inset-inline-start:4px;width:var(--gse-ui-phoneInput-dropdown-icon-width);height:var(--gse-ui-phoneInput-dropdown-icon-height);color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-region-select{height:100%;border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-region-select:focus-within{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}";
 const GuxPhoneInputBetaStyle0 = guxPhoneInputCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -2304,10 +2305,10 @@ const GuxPhoneInput = class {
     }
     renderInput() {
         var _a;
-        return (index.h("input", { id: 'tel-input', class: {
+        return (index.h("div", { class: "gux-input", onClick: () => focusInputElement.focusInputElement(this.inputElement) }, index.h("input", { id: 'tel-input', class: {
                 'gux-phone-text-input': true,
                 'gux-disabled': this.disabled
-            }, type: "tel", placeholder: this.phoneUtil.format(this.phoneUtil.getExampleNumber(((_a = this.region) === null || _a === void 0 ? void 0 : _a.alpha2Code) || this.defaultRegionCode || 'US'), this.displayFormat), value: this.value, disabled: this.disabled }));
+            }, type: "tel", placeholder: this.phoneUtil.format(this.phoneUtil.getExampleNumber(((_a = this.region) === null || _a === void 0 ? void 0 : _a.alpha2Code) || this.defaultRegionCode || 'US'), this.displayFormat), value: this.value, disabled: this.disabled })));
     }
     renderTarget() {
         return (index.h("div", { class: {
@@ -2324,7 +2325,7 @@ const GuxPhoneInput = class {
         return (index.h("div", { slot: "popup", class: "gux-listbox-container" }, index.h("gux-listbox", { "aria-label": this.i18n('regionDropdown'), value: this.region ? this.region.alpha2Code : '' }, this.regionOptions)));
     }
     render() {
-        return (index.h("gux-popup", { key: '59b03638af1cf17ea4ca3f39da446242b2e91fcd', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: 'c1edd43526574f70ee9e1633fddef63a53c9c806', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
-const usage = require('./usage-e635215d.js');
+const usage = require('./usage-6426963f.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";
@@ -133,10 +133,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (index.h("div", { key: '32312d0a95b355418abfa3c6d89f9d0b9a0190fd', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: 'aaf42b8c22597ff3b58f779a8259ed428261c089', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: 'b43bf7778333eb8292720cc873fe1513712f0308', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), index.h("div", { key: 'f77f2d7f90526b996b5cb47fa7991cc5ea4f23b9', class: "gux-popover-content" }, index.h("slot", { key: '8dbb8b2e5f25e48d5c82831bee3c6d09ba21df7f' }))));
+            }, "data-placement": true }, index.h("div", { key: 'b0bfa89ad58df922acdab9615ff19c8deeda9009', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), index.h("div", { key: 'b911a03f1ce6c6210547418b10c37517132b5aa0', class: "gux-popover-content" }, index.h("slot", { key: 'c1af835f23cd6169695eadca8f5f6381aea2f338' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -94,13 +94,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'f385c4140f4eccd1fd7a84a613df049e2a272e64', class: {
+        return (index.h("div", { key: 'f2cdca4cfdd937a9d3cf8682574a5f76621b937b', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: 'bfe0fe177d904e6c3edb6da07e13683f82048f09', name: "target" }), index.h("div", { key: 'fecab29baa929c7fa63258a125f14804f6bff0c0', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: 'c7ae5a9f78c505c045d7bec68ad6578ca0190f9d', name: "target" }), index.h("div", { key: '72402d0085c3c58b8caa84c878e654407e8971df', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '97f0063ed493f5de9f62f8e8cb59628c3dfe6ba2', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '1926718edb2c1900f576a83a86a265f7348ec8e2', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-e635215d.js');
+const usage = require('./usage-6426963f.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -45,7 +45,7 @@ const GuxRadialLoading = class {
         this.getI18nValue = await index$1.buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (index.h(GuxSpinnerState, { key: '0f87d6fcaa745d2dd26ce30af8fa60dbd9be8e2e', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: '2a2332ab38a9ee04e608d4e7b5bbd5c873f82a55', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     get root() { return index.getElement(this); }
 };

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

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

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const clamp = require('./clamp-e86a226e.js');
-const usage = require('./usage-e635215d.js');
+const usage = require('./usage-6426963f.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const guxRatingCss = ":host{display:inline-block;min-width:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);outline-offset:var(--gse-semantic-focusRing-offset);box-shadow:0 0 0 1px var(--gse-semantic-focusRing-small-border-style)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";
@@ -108,7 +108,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e185108c89248b7ff1bf90687b11ec7d6614952a', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: '18972a9af1512e1e6ddc48161b2dc3ddc0c7d824', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: 'eab4a285de4ad24fda7e039e4dcfcdf866d77c8c', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: '390929f2cfbb4abb5d663dfe6e80bdce85ade733', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

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

@@ -28,7 +28,7 @@ const GuxRowSelect = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources, 'gux-table');
     }
     render() {
-        return (index.h("gux-form-field-checkbox", { key: 'e8d0d60a271567a74d32a78aa7da97226776efbd', "label-position": "screenreader" }, index.h("input", { key: 'c6fa597e81785c9bdfde74de7c445162cdeb7b76', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '187b2bf7041b45468109c0b3fcd7744d1a8974eb', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '5a460829db64a69c8deb49988615982f95a91e1a' }, this.i18n('selectTableRow')))));
+        return (index.h("gux-form-field-checkbox", { key: 'ee79925440b7aee35f222c1fb08e77a7c5b9adc3', "label-position": "screenreader" }, index.h("input", { key: '643e6e83fbd1081dec1c009d04abc796fa425fce', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '4d506e1dda6121c6bf4f539d739e76e3ecbd3937', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '6855726afce26f49f6051fa1ab2018cfc827f28f' }, this.i18n('selectTableRow')))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-e635215d.js');
+const usage = require('./usage-6426963f.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 
@@ -72,7 +72,7 @@ const GuxTooltip = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '660ddca0b8cce1fcbc792209b807bfc14fe47317', id: this.id, role: "tooltip" }, index.h("gux-tooltip-base-beta", { key: '6e9ae0b5ee46a1152c815c8eecd964d82a8ff3b0', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, index.h("span", { key: '2837735c42b05aece55dbfe1d886b266c22c3fa8', slot: "content" }, index.h("slot", { key: '8224e2af7702dbc5b5f550b67bd49ff526496e22', name: "content" }, index.h("slot", { key: '108a619b07b172289f1a93eae04243c519b8f39e' }))))));
+        return (index.h(index.Host, { key: 'b5178ebf17e5693ab8db31a7f28b4fbe52bd22b9', id: this.id, role: "tooltip" }, index.h("gux-tooltip-base-beta", { key: 'b02dc1fdf2963b08dc9c62367dc9256527c0b93d', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, index.h("span", { key: '11dbf20035dc599ab12b7ee8b511077c254f244d', slot: "content" }, index.h("slot", { key: '3d97868478eae5d2f8737df2f7eac3ce4e509c22', name: "content" }, index.h("slot", { key: 'c56094a3a632234f557e6fb571e6082e1faeb550' }))))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

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

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

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-e635215d.js');
+const usage = require('./usage-6426963f.js');
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 const GuxSimpleToastLegacyStyle0 = guxSimpleToastCss;
@@ -18,7 +18,7 @@ const GuxSimpleToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: 'bdf6285454181f2234d3378bc67e55b09dfb05ba' }, index.h("div", { key: 'c81a071a3d734f5fcee7a58e702ce18609298306', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '5eeedfd225d6898188cdada28b13828fec879705', name: "icon" })), index.h("gux-truncate", { key: '654dac6a3dac67cd20d559d57158b42e2f0ccc40', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '6720023511d47f7e88bb828e08790a1ca64aefcd', name: "message" })), index.h("gux-dismiss-button", { key: 'cf638fa12c95c2651d200326647b8264a2ecff1f', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '552a467ee600a8568d77cf04a85c88bb6617197b' }, index.h("div", { key: '03a52eb88b0d2c301b6d3305cc79e25a3a65683d', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '73eee5be7add47429c4b602121807e37249f6e1b', name: "icon" })), index.h("gux-truncate", { key: '14799c29f059d238523c8d938912f80ff2c51d4c', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'd247671efca8f06989f6effded3878ec93db7d48', name: "message" })), index.h("gux-dismiss-button", { key: 'c8f2b116e2d53355ac89e54f80e8dc0c98538bac', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -12,7 +12,7 @@ const GuxSkipNavigationItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '007d9a9f343d3586c97ae507a7b25567cd8dd391', role: "listitem" }, index.h("slot", { key: '07a7133be97eaf59a044c4173d4a2561add2a043' })));
+        return (index.h(index.Host, { key: 'ac7eb1ca4103db9ceb87bb2253de834545eec67c', role: "listitem" }, index.h("slot", { key: '601d4bda3c38f9c5a0328e297ebe53e91288e72f' })));
     }
     static get delegatesFocus() { return true; }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-e635215d.js');
+const usage = require('./usage-6426963f.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const navigationName = "Skip links navigation";
@@ -24,7 +24,7 @@ const GuxSkipNavigationList = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '861cfb0779160bf2870c91b5a75c1d4552c2f329', class: "gux-container" }, index.h("nav", { key: '751dbffe6e3c318fdf8f2b5d4ec902e51d117e33', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '354ad26e8cc020472ec884e46af41cc3c911f5da', role: "list" }, index.h("slot", { key: '12059a5b3efada13b60542cbc172cd8d2f6812ae' })))));
+        return (index.h("div", { key: '3978590d77fd2434fff4438be8eab23c171fa481', class: "gux-container" }, index.h("nav", { key: '251418bdbd8f7b2ebedf9ecf13c6b5bf49f0df36', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '21423b041708188886ab7fa1ec5e624184bf98b5', role: "list" }, index.h("slot", { key: '829d83bb4302c6a84ce3818483f375978e7f0724' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }