genesys-spark-components 4.99.0 → 4.101.0

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

@@ -29,7 +29,7 @@ const GuxListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '60b9d5f42f679e73eda025a3ec38050decbd39ec', role: "listitem" }, index.h("button", { key: '2e86096457d40c79a0999f10db4fa764c8648445', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: 'a6e401dc24bf42ef5b4621c75a8fa0f2de156265' }))));
+        return (index.h(index.Host, { key: '5c9772e0ce49cb0bb2adc3b590a60225906e9c63', role: "listitem" }, index.h("button", { key: '8489c5d13c15b75dbfd0d6209808e2fff7010e3b', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: 'db2ecd4ffa1c33a35f45ecdf338625c0f54d45b1' }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
 const GuxListStyle0 = guxListCss;
@@ -60,7 +60,7 @@ const GuxList = class {
         return (index.h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (index.h(index.Host, { key: '8dda1596a60cfa1ffc6317c924da116372a774a4', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '80b5c8de70335c1c1c473045124c42792b392eeb' })));
+        return (index.h(index.Host, { key: '6d9c37ce532bc0e0117aea9f8bac84361f11826a', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: 'de8f0dd65bab3db63416d724d33ede5030464622' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -7,7 +7,7 @@ const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
 const index$1 = require('./index-16a4179e.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -33,6 +33,7 @@ const GuxListboxMulti = class {
         this.textInput = '';
         this.filterType = 'none';
         this.emptyMessage = undefined;
+        this.disabled = false;
         this.listboxOptions = [];
         this.allListboxOptionsFiltered = undefined;
         this.hasExactMatch = false;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 
 const guxLoadingMessageCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-inline-size: var(--gse-ui-progressAndLoading-loadingState-large-width);\n  color: var(--gse-ui-progressAndLoading-textColor);\n  text-align: center;\n}\n\n@container (width > 400px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-large-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-large-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n  }\n}\n@container (width > 200px) and (width <=400px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-medium-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-medium-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n  }\n}\n@container (width <=200px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-small-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-small-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n  }\n}";
 const GuxLoadingMessageStyle0 = guxLoadingMessageCss;
@@ -16,7 +16,7 @@ const GuxLoadingMessage = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: 'd491ad428c7f67a9d12fd10df7da200cd985f63b', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '75b1fb22d1b072870a87a3a8cf062bf453f54167', class: "gux-progress" }, index.h("slot", { key: '7eb286e717930968714dfe85e1af1d8eb088ffd5', name: "progress" })), index.h("div", { key: 'c14740882fc72e0e4e7cf7f73f78a6fb70d75138', class: "gux-primary-message" }, index.h("slot", { key: '3a9e39fd9eb526b1eeb91a743aafb0136357a07a', name: "primary-message" })), index.h("div", { key: 'ed45f9f9e4db8ad196e5d456d861598642b293a1', class: "gux-additional-guidance" }, index.h("slot", { key: '604b6ef856a4d658b59d0a2017d038d93632a592', name: "additional-guidance" }))));
+        return (index.h("div", { key: '9510f8f3d9e7fbfbb5a1943e8249a90c370f2675', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '1a2a6c95427dc8f2e47c4aeb2d6ca284dc5124fa', class: "gux-progress" }, index.h("slot", { key: '5b6812589ae9f3a127c229774cdacc21339213d4', name: "progress" })), index.h("div", { key: '38358d59aec706a0e635ba5125f318c1a0b3a935', class: "gux-primary-message" }, index.h("slot", { key: 'f682056ff344de762a8f22c99c42d1852071073d', name: "primary-message" })), index.h("div", { key: 'f1ce616fe69d1b8b59d02474f39549815544af8f', class: "gux-additional-guidance" }, index.h("slot", { key: '5adf18ae00ab8afbca5f85e3c886777c4b6a41ec', name: "additional-guidance" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -36,7 +36,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (index.h("button", { key: '58b39fca81c74ee7fc14386324b2f19a19168cb9', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: 'a09ddbc672e40ea94709f1298653067a2ac35e51', class: "gux-menu-option-button-text" }, index.h("slot", { key: '3cc30136309add7f2735efda0229e3b169d2ca5b' }))));
+        return (index.h("button", { key: '6551af0f5854f91a8b3a783334bbdbc6cab3834d', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: 'f8805f854e7ed22b805e5b555d65c35c84731154', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'e1051c028748193f22836c20ee063772fb79b865' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const GuxMenu = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '7505ed4e4b1b399ad69e231862100a9c006246ef', role: "menu" }, index.h("slot", { key: '092d7d38155896885e7cc93c4ad6cd5f247b4fde' })));
+        return (index.h(index.Host, { key: '072b54393b153a6d9725fca4b029fa930c4b5797', role: "menu" }, index.h("slot", { key: 'b752db7c2715b15704921878c54fabae68a6fb56' })));
     }
 };
 GuxMenu.style = GuxMenuStyle0;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-offsetY) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding:0 var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding:0 var(--gse-ui-modal-padding)}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalLegacyStyle0 = guxModalLegacyCss;
@@ -46,10 +46,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("div", { key: '0b7bf1803a27712de1d2ce1e2864dc9c49e9004f', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'ab479c087a1af922272b5c7a6ed333c4b880e904', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: '187bccef5bd926618c5674c18c2b33de87612de3', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '8a35d0336b0df7cbfa1f3965594ff9c00e7332b3', name: "title" }))), index.h("gux-dismiss-button", { key: 'ccfcb15e7380b3838f602e30aabca386c5203b8b', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'f2d4711d6492ece45af28c3d25a4d470dba54152', class: {
+        return (index.h("div", { key: '7a943954edd102cd24a11874d50abe663e06cc87', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '9b7cf9cc2baec0a35dcc5b0357f1a8c3ac92e43e', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: '456bfe750706c395febbb4c96118e31ff3e1c52e', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '783b8718ea3ea02dd2811f91ef33146d765a0c02', name: "title" }))), index.h("gux-dismiss-button", { key: '69eed2fcf8332f8fbb196a873a0ad172358c0df5', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '9352d439b16722dce40341909ba3973e6d98c7b0', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: 'a53a92c0acaa5b9c561961937d40ed36da098c12' }, index.h("slot", { key: 'bd56c58ad6bf1ced890577ea660de3375f0f50ec', name: "content" }))), hasFooterButtons && (index.h("div", { key: '6b4ba6636c4ec443e02bcf1af00783ea20523ea5', class: "gux-button-footer" }, index.h("div", { key: '42ff0cdd27d1c25a6fdba0d90f440a474ad26c0c', class: "gux-left-align-buttons" }, index.h("slot", { key: '21c3373d83ecd0325643f482337c3d4e95c5aea4', name: "left-align-buttons" })), index.h("div", { key: 'da00f46b200b01eaf88cbc6674a5b24e12e82e2c', class: "gux-right-align-buttons" }, index.h("slot", { key: 'd58bf5c5f8ee524acaa366c2b8fec817257124bc', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: '0055481b84e464e9f99d70217e0ac114149fdcf2' }, index.h("slot", { key: '12dd0d0b9327f0586ab2f69756aba55d2b5aacc3', name: "content" }))), hasFooterButtons && (index.h("div", { key: 'e5e2f768762dc20049637b8d55ca49acf4a5db1f', class: "gux-button-footer" }, index.h("div", { key: '3df016757d97dafeab0f2b15317d60eb3962733a', class: "gux-left-align-buttons" }, index.h("slot", { key: '0a7298eb91522626559564a2b7121368b2e320ab', name: "left-align-buttons" })), index.h("div", { key: 'd605b78e41e4aa20ae291ad81d0173fc3480731d', class: "gux-right-align-buttons" }, index.h("slot", { key: '714fadd6525b0375d149413a55b3854d61f0cd55', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 const hasSlot = require('./has-slot-3edae188.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;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-offsetY) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column}: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}: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%}}";
@@ -78,7 +78,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '5b9d643639023d108dc7ea3ab780005226be4ac6', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '8e16ffede5d8ad0ecfaf97f0fd85c8807277f606', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'cfe7ee7a752d8f893e92b46eb482c298f514068d', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '87eefb834f4c8007a77cdf96bd253c4adf124db0', class: "gux-modal-content" }, index.h("p", { key: '78fcfcaff6f6ec181adaa2a27f9c863058f229a3' }, index.h("slot", { key: '7cd83adaed12e3071259e053373ffb7cce5348cd', name: "content" }))), this.renderFooter())));
+        return (index.h("dialog", { key: '18b524133b010f522686b88c1f4e724ae5f1b457', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '48f6b6972c30e015617a02b1e2a39d80d8b35b52', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '205df2e00149e2e56993c2a06f83e309f271c9b1', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '0c5e50d2f555e941a60fec204349979172221307', class: "gux-modal-content" }, index.h("p", { key: '7f5ae94c9de4fba07c0476110ce718502b8453e5' }, index.h("slot", { key: '07495e05a2e9bbd77ac7eb6d39138b640a2d0490', 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

@@ -179,7 +179,7 @@ const GuxMonthCalendar = class {
         return (index.h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (index.h("div", { key: '1bf08b790a5cdb3279809536c22f21f25febdbc0', class: {
+        return (index.h("div", { key: '9caf15653919c98d027292a800265c18ad663ed6', class: {
                 'gux-hidden': !this.expanded,
                 'gux-month-calendar': true
             } }, this.renderHeader(), this.renderMonths()));

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

@@ -47,7 +47,7 @@ const GuxMonthList = class {
         guxList_service.first(this.root, validFocusableItems);
     }
     render() {
-        return (index.h(index.Host, { key: 'e166432f0a713540f4c1d23e48e0d843adb7161d', role: "list" }, index.h("slot", { key: 'a378cb4ca462756dccb95f15c991c215d8d436d0' })));
+        return (index.h(index.Host, { key: '73337930f8168b2cf3ea19e758840c4d73ede824', role: "list" }, index.h("slot", { key: '4cb56de3a3999f681f8706eecf1a8311d9aca3f0' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -80,7 +80,7 @@ const GuxMonthListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0c1de73e9c85b6f2fc0bdd201a7c488d9be4e012', role: "listitem", value: this.value }, index.h("div", { key: 'c04537773800e63a7968b7f7d64da46a2c3da07e', class: "gux-container" }, index.h("button", { key: '4caac77c98d9d7aefb2262b2c5d365fe763fca08', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: 'ccb35f53997ac2d353df127d8dd6208ab2d07727' })))));
+        return (index.h(index.Host, { key: '83c6451801cc01f11916968c5a7fbf8268e7fdaa', role: "listitem", value: this.value }, index.h("div", { key: 'd60137a28ca16e4cbb4750d7e4352da99645b146', class: "gux-container" }, index.h("button", { key: '2087bf628ae2c59cf72b4507ce1bba3deaf5484b', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '2271fc3159882a272ca830df30ec18b521867b11' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
 const index$1 = require('./index-16a4179e.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
@@ -219,7 +219,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: '6d0e344fb180a8d62bc065e373629c47dc097ae5', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '3e874f28af6bae4dd53e4f805751401fa48b2fb3', 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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-semantic-heading-sm-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-sm-bold-fontSize);line-height:var(--gse-semantic-heading-sm-bold-lineHeight);font-weight:var(--gse-semantic-heading-sm-bold-fontWeight)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -18,7 +18,7 @@ const GuxNotificationToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: '81e1f0e6f5c908fc2f34d79870e3d0a968de4bf6' }, index.h("div", { key: '3bb0a7e11448c7d33a918cc90ef2e090a1b69687', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '26a5be9802c834fc3a51dcbfda55c0edaac82a94', name: "icon" })), index.h("div", { key: 'fc94a9cc95a742eed4954281081ee4874c4639e0', class: "gux-content" }, index.h("gux-truncate", { key: '716c86b33f2370dc82ad5be6e80950fdf5d216ac', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: 'eaaaace3c7e6817286c09ec79f3610f72204c991', name: "title" })), index.h("gux-truncate", { key: '3049cf588bd4a5885f2dbe15a60dcb2eddcf89c1', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '1ba40d062fa1dc59fd67d067dba56cf3c7d6bc77', name: "message" }))), index.h("gux-dismiss-button", { key: '57ab0ad1ee764784351e6cad120c6b0482b8c194', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '57855bd523d8094976b2432321e2e6ce5c2c55d8' }, index.h("div", { key: '7ba34b2ff5b35c136566fd7ccb0ad3e95eed5201', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '51dbe884721af6e752d9639119d5ae7b8ff1eef0', name: "icon" })), index.h("div", { key: 'ba8b02229cb19ebd6f4e840053f07f54ba3f48d2', class: "gux-content" }, index.h("gux-truncate", { key: '0640385628f1350805f4d9f7540b49166ec6a1de', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '62a05d4c570593a19f579556c7d59865233e7740', name: "title" })), index.h("gux-truncate", { key: 'a5faf6e12b5bc643024c67fd08d5759863af2c87', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'cda23674fdd22d2453c7777b81f0fe7283833bf2', name: "message" }))), index.h("gux-dismiss-button", { key: '3be6658f04b7a271dfb7964e94af768bbe643acb', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -54,7 +54,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'aa6e6565419c297413e489334421d1045cead446', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '1c419e41f09f6d14e9cc789814b5e042615366a6', class: "gux-option-group" }, index.h("div", { key: '6a58d51aa59eb5177d86bdfc6ccd444545fc8be9', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: 'f5c4a08cce966b2899770da946f6f7fbb011e72a', role: "group" }, index.h("slot", { key: 'db2b1678a96ee679fe030f04f9da55b18c56648b' })), this.renderDivider())));
+        return (index.h(index.Host, { key: 'ee7c3cea56afdf18b23482e3b5e5277b2b33abb2', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '5b00d8958249542925fd204400e8b6c60611b642', class: "gux-option-group" }, index.h("div", { key: '2b5a182a3b02e6af88aebdc3d2516714838dbd3b', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '928bda9948fcdaf8203ffdaaadd60d12718c44b6', role: "group" }, index.h("slot", { key: '66f6d1df4259b68af5e34e22d2377a75b5a58482' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
+const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
@@ -51,6 +52,10 @@ const GuxOptionIcon = class {
         }
         return this.selected ? 'true' : 'false';
     }
+    hasDisabledParent() {
+        const parentListbox = getClosestElement.getClosestElement('gux-listbox', this.root);
+        return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
+    }
     render() {
         let iconStyle = null;
         // If the icon color is set and we don't have a background highlight that
@@ -58,14 +63,14 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (index.h(index.Host, { key: 'a37e3996a0fa02f68489f926398a01eed55609e5', role: "option", class: {
+        return (index.h(index.Host, { key: 'a93ddb9897f8c116a49ee759889fecf8a6ca6d15', role: "option", class: {
                 'gux-active': this.active,
-                'gux-disabled': this.disabled,
+                '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() }, index.h("gux-icon", { key: 'e6356601e53a460710e05c22420a7bdc31e7a433', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: '439607ae1ae29d6dd9dbfbc53264cf822e55ebf6', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '82327ab30a57aede195a602576795a36e9f5e6c0', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '590e99a33093f775534f22373b2568c6eb5f14f0' })), index.h("slot", { key: '3a181be71c319f20fad3795545bda8946ab95b71', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: 'fab630aa9a1585fc9379195a4db1cc480f037cd9', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: 'ae9273d21bbc9163c740eb4f6937aa340b115b60', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'dd9f7ebf739126258bb3289b016bb3f5aee60c3b', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'd66cd9e96402168a93ba3017a617c6637920a71f' })), index.h("slot", { key: 'deff50eaa2f2ad0f36122820921828ca7c94067e', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
+const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const index$1 = require('./index-16a4179e.js');
 const hasSlot = require('./has-slot-3edae188.js');
-require('./get-closest-element-9e41d6b9.js');
 
 const removeCustomElementInstructions = ", unselecting this custom option will remove it from the list";
 const translationResources = {
@@ -54,6 +54,10 @@ const GuxOptionMulti = class {
     onSubtextChange() {
         this.hasSubtext = hasSlot.hasSlot(this.root, 'subtext');
     }
+    hasDisabledParent() {
+        const parentListbox = getClosestElement.getClosestElement('gux-listbox-multi', this.root);
+        return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
+    }
     // SVGs must be in DOM for tokenization to work
     renderSVGCheckbox() {
         return this.selected
@@ -66,13 +70,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'eec6051043d8db73046c348c835f0d57c4979bd7', role: "option", class: {
+        return (index.h(index.Host, { key: '175f5e800f401c0b7a222b3cdc9ec3fde5964c24', role: "option", class: {
                 'gux-active': this.active,
-                'gux-disabled': this.disabled,
+                '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: '859f0f20db170430d32d7bc84ef7b4fd13a449ab', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '92f8ba55177ed5bc575e63eabcfea64117ffac49', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'd79b47e5e65e9eae9ef9e7ed75b02cc97abf653d' })), index.h("slot", { key: '336241daab41a6e206c0f645a56f9547aeed9773', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: 'cfa2c1bbd1ef8107121f4317382bb49fe71e8a57', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'c9d8304ef91e4b9058f4b48edf429c39372d0d6f', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '3e3a22e7f0566f6f358e9eb9f8b9b5cbb4a36398' })), index.h("slot", { key: '93b4fceeda2d11d607bbf7c64ac083ca77e4130d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -17,7 +17,7 @@ const GuxPageLoadingSpinner = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-radial-loading", { key: '7ed360828c70a0a9fa060a5201db6950c21cf19c', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: '1f79cfddfa134a9e7c226512d54929510c331ea8', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -189,7 +189,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (index.h("div", { key: '1002a9f57b994f82d4c55fe8bd44ac81aec86e05', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '0db29d47bbe35069be34418b6219bf65597c0c87', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'd09492d423a68a907c62cf8997ea6e4b82cb3d99', accent: "ghost" }, index.h("button", { key: '73e893c511d07567c5d0e2eca9b32e9e79e03dcf', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '0a2f5b667a98526bc9fd1468223db8a1188eb046', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'c89f1a7ae0c076858cd333f5c9dce5d81d829cb2', accent: "ghost" }, index.h("button", { key: '84659747522156ef703047d71c1248495b7083a8', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '23ae006cdb96db54b7bf175c4f19004ea52e3fa6', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '817ea0b515203e1b4cb06bc8d72386d1e8ebf8b1', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'd6fb04ae44b07f1cfd056f4f4e847b057e760b64', accent: "ghost" }, index.h("button", { key: 'dad95f95adc33bf6cc9e8a8d6725af4ac5f095a8', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '93d95803fb291740747dc31280e106c9e7651930', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'b6cbebbde660a985128f227ee2ef0d313358d040', accent: "ghost" }, index.h("button", { key: 'a1c5fdf80c4706ca5b12d0de91d555ea9924b03a', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '706f0d4e1ac7ef44297f8bbdb5c92f5f676a3e5e', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '63f25242d8f57533e0472cc7b2dde6343f9cc461', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '69f6fa72263132acf189416eda2ba0eec746126e', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'a6df3a314c823bc710e6b631bd58216e9e37f098', accent: "ghost" }, index.h("button", { key: 'f67ed197ecac37fde86f1c35dc05f879d5e44e2d', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'ac087e56dc8985d4caae009f77cbb37dcc47739c', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'e3f46f270f2420b563f61023be4ce0c729b870cc', accent: "ghost" }, index.h("button", { key: '092511af1995070a3276fe927234f0ebdc81968e', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'd4f2f403bb776ec4fc7db62e99e0a94fa6d2d015', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '53171cb1a79c4546af339f58b33717144eae4b86', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'f22becc2f8cd95ef0c16b4702d44c98d2ad69ee0', accent: "ghost" }, index.h("button", { key: '3e67ffdd6f4dcecdc5df5f43271ebeeee8763815', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'd7ab04a202d803f8095df59f276205d7c0d76d4d', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '8b1b19b39688d6e7e47486a2e0a5ef1631e03290', accent: "ghost" }, index.h("button", { key: 'b975116faa3edb01d80083dbc7563c8e76e8ad4a', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '235ed5444b79ce05e92221c6fccda9f8f764ef66', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -228,10 +228,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (index.h("div", { key: '843dfc2f4a9499f00a2e4d38bdf62886a78c673b', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'f7774f33eb83edd54a7563b4c069156c75271656', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: 'e07678f89cd0ad68035a44cc0bb188845c4aadf3', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '0ad495a7e4935c4ca9c39ec413b541f577372517', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: 'ae705898bcc17e844c47b79dd22bb1ca926e5443' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: '0ec25b4413086c37f148cd94800438baaf83b0ee' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return index.getElement(this); }
 };
@@ -269,7 +269,7 @@ const GuxPaginationItemsPerPageLegacy = class {
             }) }, index.h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, index.h("gux-option", { value: "25" }, "25"), index.h("gux-option", { value: "50" }, "50"), index.h("gux-option", { value: "75" }, "75"), index.h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (index.h("div", { key: '58cb24562a200013ad3845004fda14082166405e', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '2744abf9a220717e71f6d0579a7fecc6476044fc', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '145a514daf02bd9692b637f6ed4f432392e8b5b6', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '0189325ebbf1469d4e95a3df1a3ce96839e0366e', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '48a9e130c47efa5f0a1d42d075d5ffc81db26c4c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '01dced62d3184e62bb85eee7952eee2527ff1ddc', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -224,7 +224,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h("div", { key: '64159b3d10fb46b0a6998d1170bd70d28d79883c', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '143395915504f40af65b9f8a8eee36b7a817d768', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'adc8e93915d7232bb25cce6ae9f65558bbb83ede', accent: "ghost", "icon-only": true }, index.h("button", { key: '7b647a3d54f82e5fcc5a19554eeefbbb32322154', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'e68c2567a4ba6bdb395ff77926ce6b1284986294', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'a18182b2452300ccfcf89d0ef54f2b74ccdd784e', accent: "ghost", "icon-only": true }, index.h("button", { key: '5b1557f8c362e7fcbf10f60ad3d08ef0a24113b9', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '793af9d0b0261272339e42a8c985a6c0c8d1bd4d', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: 'b5f8b9edd06e3b35da14aed49640494d2b2d0bd4', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'de142300488678bcdbd78dd1d519bd1921d600a3', accent: "ghost", "icon-only": true }, index.h("button", { key: '3451184f8a8c1cfd1ca5bc4f92605945f68192a0', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'd3933e4c76912ab8d5b90dc4ce445335bcfd9472', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'c28913f8d1ece846e017371287100d3f6b81a62d', accent: "ghost", "icon-only": true }, index.h("button", { key: 'ab3971de7a64ef8d239aff379965035df5437e47', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '344e87ec6f9be5d4be13e374c43bd170f14738fd', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '6038b566e7434b1dfe75d9585d102be8330e6d37', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'f378ac949b9df0e4f2ce0542e530244aa566da5c', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '4b2913b96a5ef893d4295725b1dfe11bad53acd7', accent: "ghost", "icon-only": true }, index.h("button", { key: '3c2597528ae4829eaa7f0f03a678b9c6d2530431', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '4689c35eb4a392e23e531872c2a02387a3e219f3', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '89d5b36b5278a141c54171673f419bf65bdf3a05', accent: "ghost", "icon-only": true }, index.h("button", { key: '3be3381e56788ab44d2d07b997a1c956d3867eb9', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '8483f44cb5522733ab1f756c218bbd9fb3122a9d', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: 'b684cbf63da37df3b9739d4ffaebb25bab4ffeb9', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '860b70019031eee43edb76e077fb109878621634', accent: "ghost", "icon-only": true }, index.h("button", { key: '021687a7091d5e68279117cfbbbc3212b86b6c30', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'a79c25f4ca6bf4c3aa0b1a954d8731fb4ff793ae', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'd66629a9569eacbf0bd4534b10ca7ebf432b0b90', accent: "ghost", "icon-only": true }, index.h("button", { key: '21a34dad8a8e36654f21f6f99af9940b5b38c4f1', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '28152c969217f462d6e086e1e0c22248c775ed8f', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -268,10 +268,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (index.h("div", { key: '9ccf227e4743a81fdca1db7c181141fe0d981328', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '71d81935af25ba2d392169b12c605252aa194077', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '80df58e5ca1a8c1858817406eb51923d9f929172', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'c05c2c0f69b506c93fe652ef4ce5020a6ec40964', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: 'a67fa61ebb5f890009011bccf9b65a8934066ad7', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), index.h("span", { key: '78c61c85a734abfe2de628c670fa754bdfaa532f', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 const index$1 = require('./index-16a4179e.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -39,7 +39,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: 'bfef0ae16862acba1a3d32e0cd4d7f909ab5ba3f', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '403a739d7e7da29826ce7c4f2e714fe28fae7918', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '78a0b7027eb5b0179caf967820c1cbf58b83816d', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '08e5ce0609666d54c7a448465344ea4c334f03fd', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '6f044851b41f439951c99067ad467de3eca5a322', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'bdd1f7475285da682a2d70b18a8e611eb5f640d6', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 
 const guxPaginationLegacyCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 const GuxPaginationLegacyStyle0 = guxPaginationLegacyCss;
@@ -68,7 +68,7 @@ const GuxPaginationLegacy = class {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (index.h("div", { key: '5b21f2debbbadf6bebe3dfe94103e4e4bf55c462', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '4018afbdd1fd11843e8c72ae889531bfae857f12', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: 'be9c5c3501163de425e8ab14be9b25818f2d7d03', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '22b47645b61ca44ddccd36980f79af2596f2601f', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '3ce9e0fe6b3bfdeeb71c86e6926845a90bf0192c', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '81b6ea9789fb6c1f0be8d5bd9f8d9bb5a6f8b57b', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.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}";
 const GuxPaginationStyle0 = guxPaginationCss;
@@ -94,7 +94,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (index.h("div", { key: 'dfd9eacd7f35c1e982479b5d3ad68f318e904f8f', class: "gux-pagination-container" }, index.h("div", { key: '413ef5f8d7b9dfc7bc850a6654cc8b1ea2bed55a', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '0b077d1778a73611346db5288936f090e090a7e0', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: 'db36289447852722d08149c57aeae497b458e002', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: 'b2b58b66c91449c63c0c457e0d2a836d4201109b', class: "gux-pagination-spacer" }), index.h("div", { key: 'eef9c7be0ceba82cc9852a390a6850fb47835cd9', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '6b36cfbec6adabd27709244f592314e695120f84', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: 'c7dbcd2c12157475615ff706d7b2f6ce77ad4a01', class: "gux-pagination-container" }, index.h("div", { key: 'b40161335eef3abc80ea07dcba6262184e883576', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '4a9908419b26c2e75cb490d2b4efa2558d1dd855', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: '22ec649851e86caf9b9e819583bc179d1a5f6132', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: 'b21aa28c167c86516dd2980cb2b256b3c60b9d40', class: "gux-pagination-spacer" }), index.h("div", { key: '7432e11e278a22c12b27ad03d90509f0fec5ec87', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '9fc009e059a809b071a6bacf7e13c1098fd5ff4e', 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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 const index$1 = require('./index-16a4179e.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
@@ -2345,7 +2345,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: '54e66bedfdede08e3aafa707cd56d996d164b138', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '88fda2068da55381d5ac83f0853463c623d79c4a', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-0b237e01.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 const getSlot = require('./get-slot-676aebf2.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 
@@ -203,10 +203,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'bb924b7ec748a448f35fc84fbfaa9be6814a5e0e', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '0956debf6d168a53d2392a9097d1021a40db81ed', ref: (el) => (this.popupElement = el), class: {
                 'gux-popover-wrapper': true,
                 'gux-hidden': !this.isOpen
-            }, "data-placement": true, popover: "manual" }, index.h("div", { key: '4bb8c5278696777fdaf21fe3e749d005e5c4bb66', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '93d4446390addd4fc5ad9aa25f1933a054406e59', class: "gux-arrow-caret" })), index.h("div", { key: 'f62bd0ca8e5c08ca98a774a1a2c96885010a3212', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: 'cfd17eef87bfe09fb4ceaf43f66f24ccad134a81', name: "title" }), this.renderDismissButton()), index.h("div", { key: '98f22281a61d8e167e77fe4cab2b38bf1ccc8f49', class: "gux-popover-content" }, index.h("slot", { key: '5f6d2de55a5ddfc4e49ba73c4d537d75ab794431' }))));
+            }, "data-placement": true, popover: "manual" }, index.h("div", { key: '8ac78e31d4225d15a19cb213340b43894421d401', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'e763e9f6aaadb4e6746227948e4565dcb9ad5da8', class: "gux-arrow-caret" })), index.h("div", { key: '89e0769e83e1275f6c59d83a8aec84ac781f0139', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '1f81a0750b248977353e6ee1071e053b8b4e1f00', name: "title" }), this.renderDismissButton()), index.h("div", { key: '01b627cce8e37043bbd65b34f1a60c1104edfd93', class: "gux-popover-content" }, index.h("slot", { key: 'b19b3f19dc701ea048b8d14460d743b215a1da63' }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-0b237e01.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-popover-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";
@@ -134,10 +134,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'cea604c908df05372fb7545d45e2ad87db8a3908', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '814c70f6444a2dde7fa80ec928928d0146052162', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '938bfe8ec1dfad9c0d350fb25866db0a83985577', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'c603b1a39b3d22fa3da5f101268755863f48cbdf', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'a96fd5f86254ec280ae32c78c0862ab70b1b21ac', class: "gux-popover-content" }, index.h("slot", { key: '47724f55cd50afffb589cb22af84f3ba6c831ecd' }))));
+            }, "data-placement": true }, index.h("div", { key: 'cb6180994b17ad483cbeb77a519380ba3a141245', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'a730876ff5e4eca4070376c784e074498fb9e0d4', onClick: this.dismiss.bind(this) })), index.h("div", { key: '2ac827242eba3b5a6399b649a871e0e157afa970', class: "gux-popover-content" }, index.h("slot", { key: '8f05c3ddd9eab887186e5ef6579391dca6490cd2' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -110,13 +110,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (index.h("div", { key: '9a88fde4d1576ea9d34959fbb46be13bf6486c8f', class: {
+        return (index.h("div", { key: '9e57ab3226b238f4e9acf928c32bf57697236c0a', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: 'e5d03a6da381d4a7a4e15b1569bf213283bce38e', name: "target" }), index.h("div", { key: '356135cffa483793c5f51a7df56a4582dc789d41', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: 'f037a5a0fbd6208f7438ba88f7d3899db0f5f208', name: "target" }), index.h("div", { key: '63a24bc8f0fd5a0ed071ee06257d1ee142ebbb9e', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: 'b404b4a53febd0f542457593a7cd3b50aa272a72', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '14cce33656443ae157dadf20f43d30a14b088cbd', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]