genesys-spark-components 4.171.5 → 4.172.0

package/dist/cjs/gux-logomark-beta.cjs.entry.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var index = require('./index-gVzZ5kek.js');
+var usage = require('./usage-fwWC7NoA.js');
+var index$1 = require('./index-DhB3FBd-.js');
+require('./get-closest-element-CfyZl7i7.js');
+
+const genesysLogomark = "Genesys Logomark";
+var translationResources = {
+	genesysLogomark: genesysLogomark
+};
+
+const guxLogomarkCss = ":host{display:inline-block}svg{inline-size:100%;block-size:100%;fill:var(--gse-core-color-transparent)}svg .gux-foreground-fill{fill:var(--gse-ui-logo-brand-logomark-primary)}svg.gux-neutral .gux-foreground-fill{fill:var(--gse-ui-logo-brand-logomark-neutral)}svg.gux-outlined .gux-foreground-fill{fill:var(--gse-core-color-transparent)}svg.gux-outlined .gux-foreground-outline{stroke:var(--gse-ui-logo-brand-logomark-outlined);stroke-width:1.5}";
+
+const GuxLogomark = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.variant = 'primary';
+    }
+    async componentWillLoad() {
+        this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
+        usage.trackComponent(this.root, { variant: this.variant });
+    }
+    render() {
+        return (index.h("svg", { key: 'd74e0f13cf97b292abd2d370ca55ae035cfb6cb0', class: `gux-${this.variant}`, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 50", "aria-label": this.i18n('genesysLogomark'), role: "img", focusable: "false" }, index.h("path", { key: 'eb207eca3c6c8f89fb99df04d5818ea057ba4496', class: "gux-foreground-fill", d: "M21.7947 34.7408H16.7148C14.6475 34.7408 12.6648 35.5446 11.203 36.9754C9.74117 38.4061 8.91992 40.3466 8.91992 42.37C8.91992 44.3933 9.74117 46.3338 11.203 47.7645C12.6648 49.1953 14.6475 49.9991 16.7148 49.9991H21.7947C23.862 49.9991 25.8447 49.1953 27.3065 47.7645C28.7683 46.3338 29.5896 44.3933 29.5896 42.37C29.5896 40.3466 28.7683 38.4061 27.3065 36.9754C25.8447 35.5446 23.862 34.7408 21.7947 34.7408Z" }), index.h("path", { key: '8aacb1576d43ef3eb3a14cadb72f5c934bbb1efc', class: "gux-foreground-fill", d: "M21.3004 15.0225H8.38053C6.15787 15.0225 4.02625 15.8881 2.4546 17.4289C0.882946 18.9697 0 21.0594 0 23.2384C0 25.4174 0.882946 27.5072 2.4546 29.048C4.02625 30.5888 6.15787 31.4544 8.38053 31.4544H21.3004C22.401 31.4544 23.4907 31.2419 24.5075 30.829C25.5243 30.4161 26.4481 29.8109 27.2264 29.048C28.0046 28.2851 28.6219 27.3793 29.043 26.3825C29.4642 25.3857 29.681 24.3174 29.681 23.2384C29.681 22.1595 29.4642 21.0911 29.043 20.0943C28.6219 19.0975 28.0046 18.1918 27.2264 17.4289C26.4481 16.6659 25.5243 16.0608 24.5075 15.6479C23.4907 15.235 22.401 15.0225 21.3004 15.0225Z" }), index.h("path", { key: '3eeb2192aa93ff274ecb64c0e7a95035266ac8b8', class: "gux-foreground-fill", d: "M17.8403 5.8683C17.8403 2.62719 20.4678 -0.000244141 23.7089 -0.000244141C26.95 -0.000244141 29.5774 2.62719 29.5774 5.8683C29.5774 9.10941 26.95 11.7368 23.7089 11.7368C20.4678 11.7368 17.8403 9.10941 17.8403 5.8683Z" }), index.h("path", { key: '42e982dde094743b4e6b10ae8e87f56be956fb96', class: "gux-foreground-outline", d: "M16.7153 35.5144H21.7954C23.6628 35.5145 25.4506 36.2406 26.7661 37.5281C28.0811 38.815 28.8168 40.5572 28.8169 42.3699C28.8169 44.1826 28.081 45.9247 26.7661 47.2117C25.4506 48.4992 23.6628 49.2253 21.7954 49.2253H16.7153C14.8478 49.2253 13.0602 48.4992 11.7446 47.2117C10.4297 45.9247 9.69385 44.1826 9.69385 42.3699C9.6939 40.5572 10.4297 38.815 11.7446 37.5281C13.0602 36.2406 14.8479 35.5144 16.7153 35.5144Z" }), index.h("path", { key: '26c281e35673dcd450972d75139f09fb8aba8901', class: "gux-foreground-outline", d: "M8.38086 15.7959H21.3008C22.3017 15.7959 23.2928 15.9891 24.2168 16.3643C25.1408 16.7395 25.9789 17.2897 26.6846 17.9814C27.3902 18.6733 27.949 19.4937 28.3301 20.3955C28.7111 21.2973 28.9072 22.2631 28.9072 23.2383C28.9072 24.2134 28.7111 25.1793 28.3301 26.0811C27.949 26.9829 27.3902 27.8043 26.6846 28.4961C25.979 29.1877 25.1406 29.7371 24.2168 30.1123C23.2928 30.4875 22.3017 30.6806 21.3008 30.6807H8.38086C6.35857 30.6807 4.42154 29.8934 2.99609 28.4961C1.57115 27.0991 0.773438 25.2071 0.773438 23.2383C0.773476 21.2695 1.57126 19.3784 2.99609 17.9814C4.42156 16.584 6.35846 15.7959 8.38086 15.7959Z" }), index.h("path", { key: '52b24c91beaf5a17acf3bd777253fe83e370f9ee', class: "gux-foreground-outline", d: "M23.7085 0.773193C26.5223 0.773193 28.804 3.05419 28.8042 5.86792C28.8042 8.68182 26.5224 10.9636 23.7085 10.9636C20.8948 10.9634 18.6138 8.68169 18.6138 5.86792C18.614 3.05432 20.8949 0.773399 23.7085 0.773193Z" })));
+    }
+    get root() { return index.getElement(this); }
+};
+GuxLogomark.style = guxLogomarkCss;
+
+exports.gux_logomark_beta = GuxLogomark;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bg06NSGr.js');
+var index = require('./index-gVzZ5kek.js');
 var guxMenu_common = require('./gux-menu.common-B8_9UAPe.js');
 
 const guxMenuOptionCss = ":host{display:block;flex:1 1 auto;align-self:auto}:host .gux-menu-option-button{all:unset;box-sizing:border-box;inline-size:var(--gse-ui-flyoutMenu-width);block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);background-color:var(--gse-ui-menu-option-default-backgroundColor)}:host .gux-menu-option-button:focus-within,:host .gux-menu-option-button:hover{background-color:var(--gse-ui-menu-option-hover-backgroundColor)}:host .gux-menu-option-button:enabled{cursor:pointer}:host .gux-menu-option-button .gux-menu-option-button-text{display:block;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}";
@@ -43,7 +43,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (index.h("button", { key: '2de491d39c836b2f319b6c96b87b31e408b3ecee', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: 'ec9cfa62ddd1a747a7121a22f1de50acbde01fe7', class: "gux-menu-option-button-text" }, index.h("slot", { key: '6557fc3a2b2c38890e3e8ee8304f9e5b05a09f46' }))));
+        return (index.h("button", { key: 'de6b2b45f6db056357c7ec8a06a80ecb914ecf62', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '13be260cfd6ef36d14b4a98154842df445815118', class: "gux-menu-option-button-text" }, index.h("slot", { key: '0efda4cdc25113c87bad6c98926a1705712b0623' }))));
     }
     static get formAssociated() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bg06NSGr.js');
+var index = require('./index-gVzZ5kek.js');
 
 const guxMenuCss = ":host{flex-direction:column;inline-size:fit-content;padding:var(--gse-ui-menu-padding);background-color:var(--gse-ui-flyoutMenu-backgroundColor);border:none;border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";
 
@@ -9,7 +9,7 @@ const GuxMenu = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'cdb799dedd8b4e21a5d201b09a66cf7e58e33cbc', role: "menu" }, index.h("slot", { key: 'df78d0a5df60760b818c32898e70d9a0aeab9033' })));
+        return (index.h(index.Host, { key: 'b7e5613a9ae29f06d1fa275ff98c9d830d17c82b', role: "menu" }, index.h("slot", { key: 'aad227eaa4618650645ba06579f9046031c04817' })));
     }
 };
 GuxMenu.style = guxMenuCss;

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-Bg06NSGr.js');
+var index = require('./index-gVzZ5kek.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-CpCTK2p7.js');
+var usage = require('./usage-fwWC7NoA.js');
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:var(--gse-semantic-foreground-container-highEmphasis);background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid var(--gse-semantic-border-container-edges-default);border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding:0 var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding:0 var(--gse-ui-modal-padding)}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 
@@ -45,10 +45,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("div", { key: 'eb19b6f4d5e706e5f631af65788790b4b6a28988', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'e87022164421cddbfe8b27a38b8e239e14033b23', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: 'b5cd2c9a126417ef21c94e860643f66d5dcc87e9', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '770edea87c19561922dd3f8431c091e67712ebf1', name: "title" }))), index.h("gux-dismiss-button", { key: '3a976273e3565189fc9c23a28d86d77da6782172', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '63f5ff17b14028cf92dcd8abad21ba8c44909d86', class: {
+        return (index.h("div", { key: '7b494ec1f94b00283ce2a11901c7ff331d35e130', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '2ea6c04de942130555316a38e76bc11b0c6bf5b3', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: 'ec346d5def602698a06d51419631d03b89201c49', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '1570f63b8fbc10451e486492efc9713c21f06bea', name: "title" }))), index.h("gux-dismiss-button", { key: '59b6875de06c1f46d1f20557955347c775742237', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'a99f8346cb73018789e2f3ecb9d0bc2f74fea16b', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: 'dcac66f03f3c1c0bf8aa5f2ac47de7985654d5d4' }, index.h("slot", { key: '0d458479ea3a41f540569229df9ad362b49fbd6c', name: "content" }))), hasFooterButtons && (index.h("div", { key: 'bc59458c481d65841cec791c1d49f6ebfdf6da2c', class: "gux-button-footer" }, index.h("div", { key: 'cc598c263f762d22574b6c36e0a6c64e708ca265', class: "gux-left-align-buttons" }, index.h("slot", { key: 'c0f5c6b565059278216be874d0f8b1801e6141eb', name: "left-align-buttons" })), index.h("div", { key: 'a7908faf1ab3801ea531a3429ee4c4f3a3be0b95', class: "gux-right-align-buttons" }, index.h("slot", { key: '3a63cdb61c930d575b8673dd4fbef51c538de1af', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: '5048c00f243cf34b0327af9218050198f4f66ef1' }, index.h("slot", { key: 'b1d772338076a1cfc0737a1a37c3aaef4215bdb1', name: "content" }))), hasFooterButtons && (index.h("div", { key: 'dc7914559269eff4a4770a2ad71b93a6bea6e6de', class: "gux-button-footer" }, index.h("div", { key: 'b890737c5d150aade109bb6a65f68582cff6dbf9', class: "gux-left-align-buttons" }, index.h("slot", { key: '890dfd26c875da22404aeba6fe0b3662160c5fa6', name: "left-align-buttons" })), index.h("div", { key: '09ebe9070192e85e9c5c4580d00a8d180c70b0ae', class: "gux-right-align-buttons" }, index.h("slot", { key: 'b778b6885c39bd64857109395b9a181d3712e21b', 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-side-panel-beta.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-Bg06NSGr.js');
+var index = require('./index-gVzZ5kek.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-CpCTK2p7.js');
+var usage = require('./usage-fwWC7NoA.js');
 
 const guxModalSidePanelCss = "dialog{inset-inline-start:auto;block-size:100%;min-block-size:100%;padding:0;margin:unset;border:none;transform:translateX(100%);transition:transform 0.2s ease-in-out}dialog.gux-open{transform:translateX(0%)}dialog::backdrop{background:var(--gse-ui-sidePanel-shroudColor);opacity:var(--gse-ui-sidePanel-shroud-opacity)}::slotted(footer){flex:0 0 auto;padding:var(--gse-ui-sidePanel-footer-padding);border-block-start:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}::slotted(gux-side-panel-header){border-block-end:none}";
 
@@ -52,7 +52,7 @@ const GuxModalSidePanel = class {
     }
     render() {
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: 'beeb5b33a1094ba4f6a81c9d85dc265d7847bfe1', ref: el => (this.dialogElement = el), "aria-labelledby": titleID, class: { 'gux-open': this.open } }, index.h("gux-side-panel-beta", { key: '928792bce4dbc30f363292c843d147855d2bbc67', size: this.size }, index.h("div", { key: 'df6baa45f497fe42ff05de929f001bc0ec22b747', slot: "header", id: titleID }, index.h("slot", { key: '07f3a639dd7dedfb141f472919a1f02bb345823c', name: "header" })), index.h("div", { key: '1a3219bd52d788869d59ebe709119a5bed42d7ac', slot: "content" }, index.h("slot", { key: 'c160ae4571b682a65dd7138b8802fbf25b059d08', name: "content" })), index.h("div", { key: '5c65bf0b9c5033e7cdbc75787bb06db3679606c1', slot: "footer" }, index.h("slot", { key: '2ac083ab34d610575bbdba51305a680185684edc', name: "footer" })))));
+        return (index.h("dialog", { key: '36618305c1377668f59db9a398c009c4720f1419', ref: el => (this.dialogElement = el), "aria-labelledby": titleID, class: { 'gux-open': this.open } }, index.h("gux-side-panel-beta", { key: 'ecc8066bb1033f3721c5ab828799c99633b8a4aa', size: this.size }, index.h("div", { key: '54361c7bf9a65049d17e1cb9941b5487cc511341', slot: "header", id: titleID }, index.h("slot", { key: '2aaee440996027f5d05d469375851b467203385c', name: "header" })), index.h("div", { key: '512be6d2c9e0cf1958985c4e360c6dba65c7c4c9', slot: "content" }, index.h("slot", { key: 'b6efd8b97961609dd13723b3416adc847f94cd6f', name: "content" })), index.h("div", { key: 'ac6eadb0bd26e142ab21823439c1d9dccb996475', slot: "footer" }, index.h("slot", { key: '3306129ced12fd3cda618a1b93eb1934ec6f9c78', name: "footer" })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-Bg06NSGr.js');
+var index = require('./index-gVzZ5kek.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-CpCTK2p7.js');
+var usage = require('./usage-fwWC7NoA.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;overflow:hidden;background-color:var(--gse-ui-modal-backgroundColor);border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host dialog::backdrop{background:var(--gse-ui-modal-shroudColor)}:host dialog .gux-modal-container{display:flex;flex-direction:column}:host dialog .gux-modal-container.gux-small{inline-size:var(--gse-ui-modal-small-width);max-block-size:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{inline-size:min(var(--gse-ui-modal-medium-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{inline-size:min(var(--gse-ui-modal-large-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-inline-size:calc(100vw - 48px);max-block-size:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-block-size:none}:host dialog .gux-modal-container .gux-modal-header{padding-block-start:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-lineHeight);color:var(--gse-ui-modal-headerColor)}:host dialog .gux-modal-container .gux-modal-content{max-block-size:432px;padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap);overflow-y:auto;color:var(--gse-semantic-foreground-container-highEmphasis)}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}:host dialog .gux-modal-container footer{padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{inline-size:100%;block-size:100%}}";
@@ -83,7 +83,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: 'd1e7ba1706383d2496df01d38fc20e77a56ef9ba', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '4255f6c119d7ea2b4724ba013fead06f255d5757', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '35e1c4f59b1899d7ecc0a4ffc517f8f86fb55ffb', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '4e077c74a448e69eac40449d27106ce9904bc65b', class: "gux-modal-content" }, index.h("p", { key: '3731c38f4661849d1fba5053d9edd35540d5f810' }, index.h("slot", { key: '0ed7995f992abc448fdb6e789f19de105f2e95c5', name: "content" }))), this.renderFooter())));
+        return (index.h("dialog", { key: '564973bbc56b7fc8e5a8105b8145f266e5d75946', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '8617e67bca651f1c16a78afd5a0f10165f39bea7', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '36abd49a4810468ed3e49a6a86159673b6f15a18', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'f1ac3e703c4a91f823136f125d1a4f3b4581183c', class: "gux-modal-content" }, index.h("p", { key: '9e7d93974ac35318f132d74e3f1202c20c008db8' }, index.h("slot", { key: '6bc1cf64c2dbf6fd30da11250523b91c6d20b108', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" })));

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Bg06NSGr.js');
-var index$1 = require('./index-B70cj_mt.js');
+var index = require('./index-gVzZ5kek.js');
+var index$1 = require('./index-DhB3FBd-.js');
 var intl = require('./intl-CN825h6c.js');
 var useRegionalDates = require('./use-regional-dates-qjhuD9Ak.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
@@ -174,7 +174,7 @@ const GuxMonthCalendar = class {
         return (index.h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (index.h("div", { key: '4a11c173e29d72a614fef638df5cc3c4a4ce0348', class: {
+        return (index.h("div", { key: '4cfaf9f4af7c3cc812574ac9bc8acfbd01bef5e4', class: {
                 'gux-hidden': !this.expanded,
                 'gux-month-calendar': true
             } }, this.renderHeader(), this.renderMonths()));

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bg06NSGr.js');
+var index = require('./index-gVzZ5kek.js');
 var guxList_service = require('./gux-list.service-CecJpxVa.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
 
@@ -44,7 +44,7 @@ const GuxMonthList = class {
         guxList_service.first(this.root, validFocusableItems);
     }
     render() {
-        return (index.h(index.Host, { key: 'b5df0b626c793ae5930ac65714aaaba6a90b1ce8', role: "list" }, index.h("slot", { key: '9dea65e2038a8f1dc325792ac82e2df1462d5acb' })));
+        return (index.h(index.Host, { key: '533fe017229986c0e266fdb624b04d8826beb484', role: "list" }, index.h("slot", { key: '9eeb5dfc7950539de7f08ada0189d8bdb17db8cb' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -75,7 +75,7 @@ const GuxMonthListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '4efcd330bf11de04d4a3d98a53cbe7a1af5add36', role: "listitem", value: this.value }, index.h("div", { key: '73e87e967f4093114cc6457b1a2226b7eed49c42', class: "gux-container" }, index.h("button", { key: '56f774cb1d98c724bafb4d01ce095536d8f550d3', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: 'c6c605d5f0b08f3cf3ff25cfc116d05c86b781e6' })))));
+        return (index.h(index.Host, { key: '9ae7bacd1bc7398c02ecf33612b00be589578114', role: "listitem", value: this.value }, index.h("div", { key: '2694ca6e653cd7b4f8652147d864db2e942bd646', class: "gux-container" }, index.h("button", { key: 'f9f29576af38892a136e2b20e737f1701b13813f', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '994bb91ce4bf47c7bf553054731cb88408b3013b' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-Bg06NSGr.js');
-var usage = require('./usage-CpCTK2p7.js');
-var onClickOutside = require('./on-click-outside-C7QzaY-U.js');
-var index$1 = require('./index-B70cj_mt.js');
+var index = require('./index-gVzZ5kek.js');
+var usage = require('./usage-fwWC7NoA.js');
+var onClickOutside = require('./on-click-outside-BUY2tdwU.js');
+var index$1 = require('./index-DhB3FBd-.js');
 var intl = require('./intl-CN825h6c.js');
 var useRegionalDates = require('./use-regional-dates-qjhuD9Ak.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
@@ -213,7 +213,7 @@ const GuxMonthPicker = class {
         return (index.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 (index.h("gux-popup", { key: '26805430e6effefb8295ac3f69d23180369f74d1', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '251867ede43634e2b710af3ae9b3da9dabf32d0d', 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-notification-toast-legacy.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Bg06NSGr.js');
-var usage = require('./usage-CpCTK2p7.js');
+var index = require('./index-gVzZ5kek.js');
+var usage = require('./usage-fwWC7NoA.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:var(--gse-ui-toast-success-foregroundColor);background:var(--gse-ui-toast-success-backgroundColor);border:1px solid var(--gse-ui-card-default-border-color);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:var(--gse-ui-toast-error-iconColor)}.gux-icon.gux-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-icon.gux-positive{color:var(--gse-ui-toast-success-iconColor)}.gux-icon.gux-neutral{color:var(--gse-ui-toast-info-iconColor)}.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:var(--gse-ui-toast-success-foregroundColor)}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-semantic-heading-sm-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-sm-bold-fontSize);line-height:var(--gse-semantic-heading-sm-bold-lineHeight);font-weight:var(--gse-semantic-heading-sm-bold-fontWeight)}";
 
@@ -18,7 +18,7 @@ const GuxNotificationToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: 'e49229eae063064416b3aa771ea42bbf576cc89d' }, index.h("div", { key: 'e9d17ba196fd3d42bf71b79daaef314460d8fa16', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'b148bc51252ec6598cb09d3890c8ac741006fd49', name: "icon" })), index.h("div", { key: '38b5547befdfe2d723114ded494279969fa5b9a6', class: "gux-content" }, index.h("gux-truncate", { key: '7075cb4f27361e6a89a8cefec06001cc82687430', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: 'c18aa4bab6040b54033b7d4d71ffbdeb888188e9', name: "title" })), index.h("gux-truncate", { key: 'c131d90b96d47d15070344570ca95c892efff77a', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'a4952c02699ad006853adb5713abe3b18cfa4c97', name: "message" }))), index.h("gux-dismiss-button", { key: 'eaa16b6a0643038103f734689333c1ae1b64ae5f', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '573734c5d1cd19b45211f3dc45d9622b254574ad' }, index.h("div", { key: '68f5a632ababb60af7c8947c3e5e632d0db222c3', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '9d065164cfc34332ab1ba91a2472d3006bb4c011', name: "icon" })), index.h("div", { key: '3d3312b47b577649d01a5e5ffcb822dc2af1b483', class: "gux-content" }, index.h("gux-truncate", { key: '6665c8e2ae07581016b5adba584976fc3de9f5f6', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: 'c5ba59e50a18b161602c7ef8317aa8d5db35a35f', name: "title" })), index.h("gux-truncate", { key: '0639745b2296204cd5a9d2cba2cc0d936c7b3459', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'e4f4a2ec2e217d7db77737ed4e2342f320b0b0b7', name: "message" }))), index.h("gux-dismiss-button", { key: 'f882f12e0e0504291e723a1fe5dafd7f5cfacc99', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bg06NSGr.js');
+var index = require('./index-gVzZ5kek.js');
 var onMutation = require('./on-mutation-MIY4v9bf.js');
 
 const guxOptionGroupCss = ".gux-option-group{display:block;flex:1 1 auto;align-self:auto}.gux-option-group .gux-option-group-label{display:block;padding:var(--gse-ui-menu-groupedMenu-title-padding);color:var(--gse-ui-menu-groupedMenu-title-foregroundColor);font-family:var(--gse-semantic-heading-overline-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-overline-fontSize);line-height:var(--gse-semantic-heading-overline-lineHeight);text-transform:var(--gse-semantic-heading-overline-textCase);letter-spacing:var(--gse-semantic-heading-overline-letterSpacing);font-weight:var(--gse-semantic-heading-overline-fontWeight)}:host(.gux-filtered){display:none}";
@@ -53,7 +53,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c840d62ada3e45597bce575ac5964558cbc02dcf', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: 'd7afc055fe0be77c6b1911ff85d5439757906659', class: "gux-option-group" }, index.h("div", { key: '7a037eb4cc1cfbb9aa81f36e5283cb3077b2e0fa', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '47b2614cdd42789782c7e7f123946b13b7994095', role: "group" }, index.h("slot", { key: '02e69681127a8e660c62b0aff288606bebc311b1' })), this.renderDivider())));
+        return (index.h(index.Host, { key: '099d14b9d2216f76312ed6580ca65f16fbfaed64', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: 'a93e24dea5e9dc2802c0622d33b2d9f77675a44f', class: "gux-option-group" }, index.h("div", { key: '896f7672af849a4617dfe19368fea9e27891bec7', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '501258845a0de697274020da8c50a4a1fcccf5ec', role: "group" }, index.h("slot", { key: '32ad856103cf4e7aa206e2ad4d071366f9ccb8b4' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bg06NSGr.js');
+var index = require('./index-gVzZ5kek.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
@@ -63,14 +63,14 @@ const GuxOptionIcon = class {
         return (index.h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (index.h(index.Host, { key: '37aef2f5b177df6b6591f6f7c39515ee540b312b', role: "option", class: {
+        return (index.h(index.Host, { key: '2cf492c71e5bb88ea00a91cd0f47f3ded4a66391', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), index.h("div", { key: '3a819d77109a5b81c5396147cb3f07ae87e62da2', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '65cfc8baea33e75f84841d057560cfc16201476b', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '3d0bf2e6013aa6829d5c8c0ec83565aa4a68b2c4' })), index.h("slot", { key: '2622c09b9aec78d3a0bf8756654d2cfe502e07e3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), index.h("div", { key: 'd8d5399a69980f0278d30c9f12be5187b392c21b', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'd355b17a1c5d94377d5501e261dca5df5a32d1b2', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'feeda1bcbbc40a1360dbcd46febe30bc345fe226' })), index.h("slot", { key: '14a15111b2c059b3bb855cfe2a2f4844ed594b36', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-Bg06NSGr.js');
+var index = require('./index-gVzZ5kek.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var index$1 = require('./index-B70cj_mt.js');
+var index$1 = require('./index-DhB3FBd-.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 
 const removeCustomElementInstructions = ", unselecting this custom option will remove it from the list";
@@ -66,13 +66,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '162462d46174ae1c95ab206a45dd16733586973a', role: "option", class: {
+        return (index.h(index.Host, { key: 'efa6d1b703963ecda2f9767981ca0a98254c16c5', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: '47cfb63001dd337e815c961b1b95585ecb5523a7', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'd30b965f30418ce2f6b516cf7467493667dc7ec6', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '66347aac70923d2fd7a7c1c318cd15ea29d4e6ff' })), index.h("slot", { key: 'd8159a0a5f14475bb57bec29b001a4d7ce6ab7f3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: '52eec7558e6ebd411c84289de145c0a757e40663', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '1f6de63e76297e765dc7480234dc44eb1eea01f7', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '28c5b1364a90c42c95bb305b694bc345deb15c70' })), index.h("slot", { key: '3e257191bd3635182389f1a6a26aabb952604046', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bg06NSGr.js');
+var index = require('./index-gVzZ5kek.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
 
@@ -37,11 +37,11 @@ const GuxOptionStatus = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (index.h(index.Host, { key: '63ae08c2ed117bef2f23b320fe71d20547137722', role: "option", class: {
+        return (index.h(index.Host, { key: '456d9d1266c2d87d9847600a8320e77178af8775', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-selected': this.selected
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: 'be18420ee4530a1be4e0c03fa2562044c985468c', class: "gux-status-indicator" }, index.h("span", { key: 'b29a62bfc9b5d0d2738ee3bb22ec856b582fd924', class: `gux-status-icon gux-status-icon-${this.accent}` }), index.h("div", { key: '792923ae02a7142d628d489fbec528408a1d0507', class: "gux-status-indicator-text" }, index.h("gux-truncate", { key: '0f7c6a4d550740c3e43b5363e1e49837135a6dd1', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '7f6f3ce673c28e939a407038e8d4fd0fc4cfce0d' }))))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: '1b99a2762d20ca4af9ee52b5199919e6f6a512a1', class: "gux-status-indicator" }, index.h("span", { key: '919afbe9c271008eb96caa2af108c8391b6bc353', class: `gux-status-icon gux-status-icon-${this.accent}` }), index.h("div", { key: '703e9d6686ea43c845052532948fd75575d5425a', class: "gux-status-indicator-text" }, index.h("gux-truncate", { key: '5444888ec1de42d314dcc8ac6149b7251efc0b08', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'a9c6f466c8b06e7d35a1da1c653c2d775d05baba' }))))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Bg06NSGr.js');
-var usage = require('./usage-CpCTK2p7.js');
+var index = require('./index-gVzZ5kek.js');
+var usage = require('./usage-fwWC7NoA.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 
@@ -13,7 +13,7 @@ const GuxPageLoadingSpinner = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-radial-loading", { key: '067796ed12d160b8a80796b369ba0c22f3a80a3c', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: '674b2669a742131d825587ef1fafefa71dc44dc2', 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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Bg06NSGr.js');
-var index$1 = require('./index-B70cj_mt.js');
+var index = require('./index-gVzZ5kek.js');
+var index$1 = require('./index-DhB3FBd-.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const page = "Page";
@@ -184,7 +184,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (index.h("div", { key: '5e26b4c88c75858004872520573e4e9a24f38520', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'd69821705a27f94c4076b3a52cd33fae7d2a59bb', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '81c2988010ddc9dbf4f0dc95d2d77c91a68a31e8', accent: "ghost" }, index.h("button", { key: 'a464a8047dc67ca58a78bfe8b88c0c61e85cb134', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '4e1c2c529cc99124ba8c4760296db50930805f79', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'fdb430cf0997fb1cd11eb4d514471f80fd3d3d22', accent: "ghost" }, index.h("button", { key: 'e003ad9f868619f41987312bbf368865fe93688c', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '6093b0a5112efe3b1e48a189ec91859e7fe3a472', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '7b50ddbd7bfca49ea34cbbda850000125fb466d6', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '238a6a4ddb27edd4562d6c3cc28d59a45038a0eb', accent: "ghost" }, index.h("button", { key: '3bbdeda74c0459640895b9b1f6109b405e1b2f34', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '2fd99e8e2ae2b058a61e7d200a898245118990c9', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '07af0468c68c533bfeae77130b7ae0a5d8ab8527', accent: "ghost" }, index.h("button", { key: '4f1033f47d62708c38a621454037f575f3e0b2fc', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '73e2c027239e5861875c99a72e370ddce12a52b9', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '6bfe9934da12338fb2079bf12b709178b204cb04', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '3b4b70a7b293b9ccfa216b652760c628c0439f11', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '0f858bc9edb6d94cbef14cbe22b04c9535b48be0', accent: "ghost" }, index.h("button", { key: 'e7a98217c45d94b0e513a5261199400a362f84f3', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'bcf31dd3f99f7a5360749c0fbf82ee028777e029', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'c0fd7151f5aaa3ddd0b1456be7b2e03cb713b1f9', accent: "ghost" }, index.h("button", { key: '96434284e1f850fd1ac5cd2115609e22bb768fae', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '8de80332d22e23165a101042ec359c070dc21e4b', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '0b5af87d767c97f6e68293c853f9414548a132d7', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '92f4a0b97a636e4f1cb4f8ed95c1d086d09b33b7', accent: "ghost" }, index.h("button", { key: '5d00559acacf87acc96d0adea82f85719f45831d', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '87229d76cca7649f9167f9ab50212f476b57694c', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '31a88acea931076ab3ad9e2b6c6a1be58f72867b', accent: "ghost" }, index.h("button", { key: '61e056bef24d87a70294cfeb7b6f7c79bbb19ed1', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'dba41b0b95a37e60757abad289079f380a9fef98', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -222,10 +222,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (index.h("div", { key: 'a194f602611450321c1ca072500eed6dbd051400', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'b05780de885df7f9690450f52a5ab319fda268db', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '52a55df1d822e6d2f0e8d43b127fc3331059dcee', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '49f22f7b71a5e23a5e66ee9f04b3016c7fac9d68', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: 'd5507dcfb2a71b761fca1e6149edf720573771cf' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: '981d9efbf53346d2b0eddd03d80dc54d18a03a3a' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return index.getElement(this); }
 };
@@ -262,7 +262,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: 'e1a57ac40499540ef858b15900dc9224cad95c9c', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '3b7f866b9ccb83f659323f1a968951bb7021efcf', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '4bb3b1b71d6ca80b09c049461533c669e22d95ed', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '7531aa0b47bd1ed05092058e9eef5908807d0f73', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '623ea4b20eb5a59bbe39b577ca2cd6cb2af8b42f', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '25cf6bccb26bda557cda5278a963b8e7c458a9c0', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Bg06NSGr.js');
-var index$1 = require('./index-B70cj_mt.js');
+var index = require('./index-gVzZ5kek.js');
+var index$1 = require('./index-DhB3FBd-.js');
 var en = require('./en-0H0Z_nRu.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 require('./get-closest-element-CfyZl7i7.js');
@@ -219,7 +219,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h("div", { key: '60f97d7dfd559c636256681ded712f77f2efdc83', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'ecd0054f7cf42334151263c49eacd9ed8bf22bf7', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '619654784dcf7c5a9b6840b9b3519e55db3475ec', accent: "ghost", "icon-only": true }, index.h("button", { key: '8876fea0d79cec9136e2d58c4ffdf5c1e3b40ba2', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'b624ffa2d3bb0b729f0cfc8590ae9bc2c5c8ac1e', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '146abf1b5513e91d75ac53b471465cd5860645b6', accent: "ghost", "icon-only": true }, index.h("button", { key: '66dca712b20d66c1cb525c98a4d22bae15496183', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'd488b206cc100a1efb396f4e927eae3f1d33f892', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '14a7cd51324045e758b6ec85a8fc4e22b2a6bdd7', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '722e07ad3e738654f5f9cb1dd81097b4b99609f4', accent: "ghost", "icon-only": true }, index.h("button", { key: '1e8f9a96869f500fa27548f0bcbd11bb982c9fbf', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '96277edf6a962dd30cffad2a1a3365f12602dbcc', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '8206bdf5ed92fc83cc615d96d6afff3743901fd2', accent: "ghost", "icon-only": true }, index.h("button", { key: '5d42af899fbe776437ef5b4142a20c6037a13f5a', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '5ee1dda6b6413260ac80ce00c3c7889cf23bdff2', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '8d45849fc23c0611589d9d90cfcc704c0a9b10c9', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '2835669cc709c7f56e014c68bf7da14e7398b0b0', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '4060f977ee2cab5ef50ecedf3fb5e83a2d9dc0c2', accent: "ghost", "icon-only": true }, index.h("button", { key: '3849b23b8579e71d7dc5ba2a6348b0d383cd6127', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'a0b4b0b5bf3eea2fb7a7a436b27b160f4642236f', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '280f298e648fc7e9d1dc85a954f2d548e4636a50', accent: "ghost", "icon-only": true }, index.h("button", { key: 'd231ba320b01dd98b3734f30164d7b70c3f185d1', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'ba677412ff5ddf6f2a4ff10fe3ac40bee1fc2b3f', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: 'cca8338ff3d9fb888bfa4e94a620816fcb168a9a', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '386f1488cf36c8838e9ee84d84eebdc91b9aa74b', accent: "ghost", "icon-only": true }, index.h("button", { key: 'ec2a7f0874dc0a7356cfc7ca860e416a0fb0dbe2', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'a40bcb0c9e4e613bf926c37f49ccbdbc5c10da92', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'caa2e9314727890633399268c483a52f406d2830', accent: "ghost", "icon-only": true }, index.h("button", { key: 'b8cf64624b7092cfafc05b14505e13045658f1e2', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'b42ccfb3dffd24d3f5209176e06925f6128fdd23', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -262,10 +262,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (index.h("div", { key: '0b327e1a3253ac25f9e556b7a11f8c3628fe846c', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '1db9a20e4b8fa015aae8c9836758b4cceecd354b', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: 'fd534bbbb7ddca2660ed413189470f58f2e9c961', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'ecc5aa9ef62c0a00639b9760cdc022f1f0c33ebc', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '82c84a6f34c678d3ae3abe484cf5e6f9c34159ee', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), index.h("span", { key: '86c953f8a3ffe21993a1dd14b45401a210924904', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-Bg06NSGr.js');
-var usage = require('./usage-CpCTK2p7.js');
-var index$1 = require('./index-B70cj_mt.js');
+var index = require('./index-gVzZ5kek.js');
+var usage = require('./usage-fwWC7NoA.js');
+var index$1 = require('./index-DhB3FBd-.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const previous = "Previous";

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Bg06NSGr.js');
-var index$1 = require('./index-B70cj_mt.js');
+var index = require('./index-gVzZ5kek.js');
+var index$1 = require('./index-DhB3FBd-.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const perPage = "per page";
@@ -36,7 +36,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: '4645f1093119c12fea6dd169c4a0409f64ccc627', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '9307fac7f774bc9b7b6cd04ac904e617202a0537', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '2071f940199b9eb8a5bc9b080d6401f0f8bdc253', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'e6a004a7e53ab0611876ecbe43d066200891b51a', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '9350988b6af82b88cbfeb818e020c343f2c87a82', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'af629ade1935dda69691d56dffb3a0c5547fda42', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Bg06NSGr.js');
-var usage = require('./usage-CpCTK2p7.js');
+var index = require('./index-gVzZ5kek.js');
+var usage = require('./usage-fwWC7NoA.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}";
 
@@ -76,7 +76,7 @@ const GuxPaginationLegacy = class {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (index.h("div", { key: '259162b87542bc6c5a4b9489684d23d076123529', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '25ff155574383798c6045fb9de65f8af6d880df8', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: 'b61c3ba34b335d25bbc5ac10ce8f08cb47bd1a87', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '26e3a619fb233d844e67a879b1a0e77c924fd4a8', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '3c9c3ceb9a04a9d543056a8b8636553f2da0df3a', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '42179a5af805ed97533739a475274080fd47648a', 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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-Bg06NSGr.js');
+var index = require('./index-gVzZ5kek.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-CpCTK2p7.js');
+var usage = require('./usage-fwWC7NoA.js');
 
 const guxPaginationCss = ":host{display:block;block-size:var(--gse-ui-dataTableItems-cell-tablePagination-height);border-block-start: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;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-inline-start:0}";
 
@@ -101,7 +101,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (index.h("div", { key: '5d554086341d0a1a4c5e114dae8ff1e01d5a44c5', class: "gux-pagination-container" }, index.h("div", { key: '6fb4cc0186e243987d59d39c56e71817333f7386', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: 'fd99e490e30527848491ce17be1adef7c1f65482', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: 'f6aa9c10e588bcc0404f37c3be786480db9e47cc', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '65c79da711cddaed988f4aae4db86550ff8f1dd5', class: "gux-pagination-spacer" }), index.h("div", { key: 'b37111fe53095f6a3780cdfe24f34d8fdc6aa0bf', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: 'ac20edbf4542f3f4e7c29ca5e6eeb49116fcdeef', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '61d8861a84c7e9c7e937a264636f078621e2b718', class: "gux-pagination-container" }, index.h("div", { key: '42670468b7be1991f313b9dd600c43afc7c3d066', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '19e35e5caeb7589cc9b86b36825a757b5f36e94b', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: 'c81f0b5fe3ebf8e67e540335276a04ed3b6083ce', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: 'fbbf7e18194f6d8ccbd2a4a9e9d8c48c0b128c31', class: "gux-pagination-spacer" }), index.h("div", { key: 'f348f7f6c897fb0e8f4362d9367bfc08127a64bf', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: 'e2a76bf95b87b85ad0f3193b91d18b9684453496', disabled: this.disabled, 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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-Bg06NSGr.js');
+var index = require('./index-gVzZ5kek.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
-var usage = require('./usage-CpCTK2p7.js');
-var index$1 = require('./index-B70cj_mt.js');
-var onClickOutside = require('./on-click-outside-C7QzaY-U.js');
+var usage = require('./usage-fwWC7NoA.js');
+var index$1 = require('./index-DhB3FBd-.js');
+var onClickOutside = require('./on-click-outside-BUY2tdwU.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
@@ -2351,7 +2351,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: '48b85016cbad67170edb573edcdccafeb6e099fb', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '7c1f9bcd66fdb5bcd59acbc4d6cec683e0c16f6b', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {