genesys-spark-components 4.171.6 → 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-BPYtg8zZ.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: 'a6e20affe6260ec5c17148cefdbfebe4a53ad9c6', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '446395c2040c00b76ea1ce85e5f5599cae769aa7', class: "gux-menu-option-button-text" }, index.h("slot", { key: '4cd4228be9a88d2c02e9ec1431eb3128b72c02e5' }))));
+        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-BPYtg8zZ.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: '0e69a50f9eaaed2e1ed5b8d9f612101dad7d7282', role: "menu" }, index.h("slot", { key: '37cb104c320d31ddf8770b323a9c72ff3e7bdf53' })));
+        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-BPYtg8zZ.js');
+var index = require('./index-gVzZ5kek.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-ClOOURqe.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: 'cf42f13044a776e9737d6e4eb116679e1f1def36', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'f943a8f753e5a6543c81bafe7d6ed08ac9e63fa0', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: '5f0b9552741d7a94eead287d580ba06a7090d941', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '15acab823d68f5c933a045beb99387105d07759f', name: "title" }))), index.h("gux-dismiss-button", { key: '1781b8dea0a20bcb6a5882e7592b83fd47551292', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '12c81a0e0958952d89a55c17e9899e301e5b3bc2', 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: 'b8a99c68306f05cc843cf2569d6689a4eedc5e9b' }, index.h("slot", { key: '5c88dabaea5f7ff2ce152907c41f41980474997d', name: "content" }))), hasFooterButtons && (index.h("div", { key: 'a57a2c1ec660b8e9b0e662bfed969f6696992772', class: "gux-button-footer" }, index.h("div", { key: '67e3268b76c15ebec134a0881de4cdca4ef38ab2', class: "gux-left-align-buttons" }, index.h("slot", { key: 'd311983951eadfbb6028edfd1a92d682f746a378', name: "left-align-buttons" })), index.h("div", { key: '1ce03d9d93028232807f0dd6c5148e80fa98f3d3', class: "gux-right-align-buttons" }, index.h("slot", { key: '3f4ffa188878a61224ba47701453cb298e0b5db7', 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-BPYtg8zZ.js');
+var index = require('./index-gVzZ5kek.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-ClOOURqe.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: '4edad052958445e69786248709eb1bf01375a506', ref: el => (this.dialogElement = el), "aria-labelledby": titleID, class: { 'gux-open': this.open } }, index.h("gux-side-panel-beta", { key: '91e0d516d918655abda0184dcddd9188e8713b03', size: this.size }, index.h("div", { key: '794878321547cc6c97a927ee4f213f2e1926b3c6', slot: "header", id: titleID }, index.h("slot", { key: 'b1c9c5b8b94b9c094c1bbba9225bd2cedb9ed7cf', name: "header" })), index.h("div", { key: 'f63950a3d61f2ae3c9cfd80144fc140d7e3351cd', slot: "content" }, index.h("slot", { key: '13b4ad9f8ff79045e819347c0bff2d380334091e', name: "content" })), index.h("div", { key: '783d98bdfbfbb1957e1ff5491570ceb288caf037', slot: "footer" }, index.h("slot", { key: '5764782ae2e37d5efc7851378de19872503ff61e', 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-BPYtg8zZ.js');
+var index = require('./index-gVzZ5kek.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-ClOOURqe.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: '5077f0a687e81c8985f2c80673b171464bfd4f6a', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '0210520f377532aed0bf62609b85a90d0812c7e5', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'a4bd189b4e1c681144fcfc77ff5be3900b0b5bee', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'bb691b147a21bf73c66174064d98bb416d748541', class: "gux-modal-content" }, index.h("p", { key: 'c7304bb01757ab4e712c45fb2ed64f8d43edf811' }, index.h("slot", { key: '0f26152e93ce394752ee77f1f8157e84e077406b', 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-BPYtg8zZ.js');
-var index$1 = require('./index-Dcidr21y.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-BPYtg8zZ.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-BPYtg8zZ.js');
-var usage = require('./usage-ClOOURqe.js');
-var onClickOutside = require('./on-click-outside-BtpoMvTz.js');
-var index$1 = require('./index-Dcidr21y.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-BPYtg8zZ.js');
-var usage = require('./usage-ClOOURqe.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: '1028ea02235e685a46434682add681629d81ed1c' }, index.h("div", { key: 'a9100ef51dbd153d3b93df43cfc45229da6d1b35', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'f83911f9ef15beecfe1efa5a445f571c6333df53', name: "icon" })), index.h("div", { key: '6b642b1effb289db65b2dabf3b684fddc5db0f52', class: "gux-content" }, index.h("gux-truncate", { key: 'aa35891a528aaa9d1fa20332fc3b7e1c153751e5', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '2ef932f47926407f0e0e6bdc2541494029926d0b', name: "title" })), index.h("gux-truncate", { key: '210594c7defbd0eadeef4b06c89aeb9f028e19e5', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '71778069ab9c775f1118628c27ffa5bf48e9f32e', name: "message" }))), index.h("gux-dismiss-button", { key: 'ef00664ff6305872049296977a8092ae4b0c829d', 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-BPYtg8zZ.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: 'd9e11e6d18f276576a4f7c935dd7aec903cfab7a', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '248400d1b8dee6df27cc3033273436eb600b4c4c', class: "gux-option-group" }, index.h("div", { key: '262994ef17a5b1b07a32865df907cfc66d940c61', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '096d8807a3246c8a884104ebecdf420c823ed8f8', role: "group" }, index.h("slot", { key: 'abe716d70cd0964e69a07aef07d346c0ccb24015' })), 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-BPYtg8zZ.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: '7f26c292345951dff79122bac08f2b3629382701', 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: '3c6f0d146fb3ac83f204ae35e4beabf2f310a988', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '384177cb96af49bc8adbae6c328b7e0e29c7b69a', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '2479d98605eda40e572cb5381dd3791ab0c2742e' })), index.h("slot", { key: '3682267ba448c0ae3064497bc5d5806bdfc2e129', 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-BPYtg8zZ.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-Dcidr21y.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: '2325e784623a05a6198fbc59ce712d6873392a2e', 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: 'c9ad4deb95e260d63d0e374ce65b3ef0b6f4431b', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'b53c8fd041a7571a76febd5a854c259ae393ebe4', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '268f2160228d379739fcbe337daeb9c58fd757b6' })), index.h("slot", { key: '902f3a78b3c378f000e2a6ad8a5406e1b54a5ecd', 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-BPYtg8zZ.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-BPYtg8zZ.js');
-var usage = require('./usage-ClOOURqe.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: '2f65fee96ad84602de6b2aa16d5b8f1425e12f28', 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-BPYtg8zZ.js');
-var index$1 = require('./index-Dcidr21y.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: '0d4772429868e48f1f1f5496fd610261b05dce01', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '980bbda1f84c6d6b5610cafdb8c3f176ff0a0298', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '3d6b26301edee8387d38a1fc38f5c7cc38afc4d5', accent: "ghost" }, index.h("button", { key: '4eee3435dcb62d77d1ec6997d164714f472e69fc', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '0a5eb67869460a7ae52acaf03abccb495406447c', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '8e5f0c069ec74111e4f72b8bf4255d557db1264e', accent: "ghost" }, index.h("button", { key: '2dc2323f66220aa6d075cd368b037ab4be497eb8', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'da5d20f1efbe2f4a6c69b98d1d65544d122915c3', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '17a601fb01be437563764834129f10854e2c6910', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '444a86967aa34b651bbfc83a144947b850c76beb', accent: "ghost" }, index.h("button", { key: 'c3d00613c5e8ec8c42a9e94f4da8957f8696954e', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '736e70db0bfd031cb578a9818dbe92c3d823c14b', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '7471cb3d2f5616c60c5403c716679753f7a79cb3', accent: "ghost" }, index.h("button", { key: 'e1954b39e68a59ded7daab7a6a5d20c55615f0af', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '5662ea67d264c5879f21c4810e70958a81bbb1e2', 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: 'c1eb5d511624530037247147d21131e6d4179467', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '95e6e2896e3b8df06478156c4bc471a6a4e963cf', 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: 'e932b57232dddb43cff4c187b05af0fedf4ef31a' }, 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: 'd6fde66a0dda82512ce40a51a0853b85d3f40166', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '7e8f0da433f68b8db632d5c0f09e36c5ea36836a', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'b863d991f439ff7200b3b8712f5c9456abe74919', 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-BPYtg8zZ.js');
-var index$1 = require('./index-Dcidr21y.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: '39482546d5cd5d24b52082a98f3cb836fb16e592', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'd86f7fa36520f3db68ea47711c82b396c9266a98', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '52d9a710044697efd9b45c2457030f01d4e50149', accent: "ghost", "icon-only": true }, index.h("button", { key: '5075ed510265ac7a0a7fddd0512f7ba0128f5189', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'c94778dd94aacad59480c62c78e4af7f219ab190', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '1df7ea4cb71eb48422902483ac041df5f3633f94', accent: "ghost", "icon-only": true }, index.h("button", { key: '38249329af8044bc82efb61590a244568cb35c2d', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '2965a7a39bd1c9dad0917b442dd4a24d26d7a659', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '3290f22e1f3b772252c09df8886d127afe8786d5', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'f07ee245e5cb68ace61b1ca30f315fc38e8a6df5', accent: "ghost", "icon-only": true }, index.h("button", { key: '30e53e8aca2ac23ea6fe09aebc80d79d197a3211', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '792cdebe04dab706451cb2e684e92fd3cae0b624', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'c6c6a425d6316ee05c8158a7bb8c147c6479c70a', accent: "ghost", "icon-only": true }, index.h("button", { key: '0f88276a172574810e685fd4403ab7835d3ce43b', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'd09379c94dce703750dbae6d8142d19beae706ed', 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: '3f90b138e1c8590200b6e9de6975ce8397757408', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '63f1abd638c0d5c2bebf567038d17d846aad90c0', 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: '80ac54ee1509ef450b172f76ec101125b29e10fc', 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-BPYtg8zZ.js');
-var usage = require('./usage-ClOOURqe.js');
-var index$1 = require('./index-Dcidr21y.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-BPYtg8zZ.js');
-var index$1 = require('./index-Dcidr21y.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: '8192a10e0e41a773cef585a4b7e7b062ddfd7e8a', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'f0265fc20e04a2ef7d6a8f3b8ca6be669a7edb86', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '8f1c5e4c2a3a1d2200806a6121eb9530804d9ede', 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-BPYtg8zZ.js');
-var usage = require('./usage-ClOOURqe.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: 'b107dfd919c1e04795f6239de7b2c7f56ba61a83', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: 'cdd5c4b9d60e291e732fa8d9058f0c0f3bdeb52d', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '6be7e5ce93f5b9ea10e54eb520df2667e2a8ffe8', 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-BPYtg8zZ.js');
+var index = require('./index-gVzZ5kek.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-ClOOURqe.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: '075391f06ef9d96119a45663ee2a26b767118fee', class: "gux-pagination-container" }, index.h("div", { key: '63ee9bc1c8331d458e1e2787a7462443c8a48b75', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: 'fbf300bb820824cd4253564341c4ada205a615e2', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: 'e31152de6a1744978388bc832dc329324b0a0944', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '2f65c4755140014324964dd35a49ef0a40546c5e', class: "gux-pagination-spacer" }), index.h("div", { key: 'c97dd23c5341df4585fe23095b2c9e04bf82511a', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '672fafeb01590d7a2bac11f12acb82a14cabfda7', 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-BPYtg8zZ.js');
+var index = require('./index-gVzZ5kek.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
-var usage = require('./usage-ClOOURqe.js');
-var index$1 = require('./index-Dcidr21y.js');
-var onClickOutside = require('./on-click-outside-BtpoMvTz.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 {