genesys-spark-components 4.160.1 → 4.162.0

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-bhm3ZgMN.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-DmoeBTQR.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: '5244d52662f2618bb1a5886d97cc6277a9b01427', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'b67be300995b1c85f22782f55aca56b22d6a847d', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '1efe65d8759750804f00e5af9d50dd47804b7b5d', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '183ad0b0e68fc486be24aa0a31a22b0315bea72e', class: "gux-modal-content" }, index.h("p", { key: '09cee736a70168dfefe86abc560813ceeb25fc03' }, index.h("slot", { key: 'cdf4d5222f21c229c6a7d0bd02cd96512e005e8e', name: "content" }))), this.renderFooter())));
+        return (index.h("dialog", { key: '51d8a5212c134b8290ec9c5951739885ede7a8bd', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '5a2d9781b08fdc88e1365a060ff68a3963b5f4dc', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '4bcf0d5afc0cb087d690ae3da170eaf9e66a0250', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '7ee4d440bd8726d28314bfbadcdd486b1af80811', class: "gux-modal-content" }, index.h("p", { key: '0eba08013d6b79e48d942da8a9db68c08ed96e59' }, index.h("slot", { key: '038c0dc943c92254e4cbfe3ba566786c539f260c', 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-picker-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-bhm3ZgMN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-DmoeBTQR.js');
 var onClickOutside = require('./on-click-outside-B3wBBwlG.js');
 var index$1 = require('./index-Cu12q3Jc.js');
 var intl = require('./intl-CN825h6c.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-bhm3ZgMN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-DmoeBTQR.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: 'd95bf79f22fc086102bf7577aa33614a4c5ea555' }, index.h("div", { key: '516018e8037bd1ccc176aac11ee39bd1f4c1a076', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '727b6b6e70f96d9d72d7676ebe146541d9e6a007', name: "icon" })), index.h("div", { key: '5896bd6e50d0bb1e0b5a91996d5477a8ec2409aa', class: "gux-content" }, index.h("gux-truncate", { key: 'bf19bfc08aa47b9479ccd00d22d0736e306c6ccd', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '308da96f2b4af3db7e10392be932465555522666', name: "title" })), index.h("gux-truncate", { key: 'cf8fd19df32d47edad230537422f85d041a54b62', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '96e98992ecb3e8eb3210d15d7117937da2c10dab', name: "message" }))), index.h("gux-dismiss-button", { key: '4e67c6a0e3a0929870f11b9d41ff1cd90c27caf0', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -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: '9bed5f69135580e48cd346237ec6ee3a3d170a86', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: 'dd4a9c8dc1d0268db3a4b814b6fc4e3f5410ed10', class: "gux-option-group" }, index.h("div", { key: 'f8ed474032c17a35cf90749d3d99f1b0ac963bad', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: 'd6ab2fa6fe9978a1af00eb736cbc21d2d0875b4b', role: "group" }, index.h("slot", { key: '184dc5ac4728703bdb90f0c6520f42051303b7dc' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-option-icon.cjs.entry.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: 'fe14e8a7307fe2c59a8c6bc56acadbb0de3308b6', 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: 'c44f25c0ba0a3d095dedd51fbec43292d5ffd197', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '755161289796b2848495c334f4488cad858bcf80', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '78fc27128d3f51158e8dd05031ca58d353dce59a' })), index.h("slot", { key: 'ffa3355a356944a18d4908dcaeffb71831654d3c', 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

@@ -66,13 +66,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '2325e784623a05a6198fbc59ce712d6873392a2e', role: "option", class: {
+        return (index.h(index.Host, { key: 'd934ab3fcab0a3301177c235e52ea37aab193444', 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: '02cb6e4b3002aba46fabac610c51f635b31c2e3f', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '8815e8f3259a9852acc8046fc0ec9a836c7b7165', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'bf4160fea4ca54d03435e620d5ba2cf5041dbbe4' })), index.h("slot", { key: '854139cd3300be6926722fa6e3d41819c5be25d4', 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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-bhm3ZgMN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-DmoeBTQR.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: 'c7b94a36199c69318067bb31917d17a951bed4ad', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: 'd7b2182c20755a6a9102c6c095bbb55dd3ff2568', 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

@@ -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: '80c00a7ff34dba988d902631f01d8e6227db8f69', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '7b509ca5673aa3bec3a70e1fc34b8b49267d4dc9', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '3e93bf0476564a89c44a6ae4e48a7ad6873ac0d6', accent: "ghost" }, index.h("button", { key: '1835f5720a23cc52fd3df60aac5327de917dbd61', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '78fd37caa8a43ae701de437f276313a5eca6c448', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'aa33bba1eb29c067d1dd0ba93b3fa33298720738', accent: "ghost" }, index.h("button", { key: '6f739104fc57b0d7c81bfb1263d22be90257ed39', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '6671b74c08c878be9d8076257e40823574de792f', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: 'd36d4de07f66dcd143a1102a1b6cf705a8066845', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '6597f7cb8392524c338a214ce81be009d7dc724b', accent: "ghost" }, index.h("button", { key: 'fd77f34780de9e3bc8e0b1dc8f575e9669d30cbb', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'c4f76653e16c9f2af3e093ca1db10303d764038c', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'e6c2cf4559fe833f796bbae3574453324a73c822', accent: "ghost" }, index.h("button", { key: 'd054b7fdf541f4bdc27f86ae7ae3bd2b6053f613', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '8086a51ecfa6f192251a48334a8ca1668c25f7e7', 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: 'b0a63bcd8a9e355a83efd72e10544d4da4312a47', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '3cc991b47dafe3e7c28ef6683e2a47546609205a', 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: '42faca7bfc85845cabd5a93633c3b2a69ca0108b' }, 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: '03d942e910a9cbd86f5fe78c0dd7b9f990ac5f61', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'f0ad4799bf7b2be33634ab7714f42034f486a9e5', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'ad9702c0894ca3db8fe52fcfe74eff1be60398ee', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -219,7 +219,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h("div", { key: '99d79cba0e16a1b74e914e4d0f0c02c3b4a73d0e', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'efe76116dd1478094927617059457f681d0bd6c7', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'dceec181beb25f217be3d8a0a720a9370c342510', accent: "ghost", "icon-only": true }, index.h("button", { key: '5f0466be061263ff91d0866f23eb21e5a708cbc8', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'd538e9965f9d1066722ae31f536ee10b60b868e9', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'f53bb6a0577856540f9c09482a7600a2ee28a46f', accent: "ghost", "icon-only": true }, index.h("button", { key: '53ae1dc112b8c4084cd73d54ff3efe2ea97df3d6', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'b57b1ca6a1a8789fbc928aa1bd57bc2cb1aa029b', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: 'da0251b955fec752c91a3f70f5deed1147aa9628', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '311c7e2c1912981031123ebb5ef3b252e09c8024', accent: "ghost", "icon-only": true }, index.h("button", { key: 'c1b788b8e3598ff03eaeff1d1387d675c55e3692', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'e124103cf66f28053f0ea8e98a69a15fee145ca4', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '1fc691395a2e8c512c565f8809fb1c3c282a2e2b', accent: "ghost", "icon-only": true }, index.h("button", { key: '776866e1d667ee62ea65177c479227fa5f33d79c', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '1a937000dcf86f0fb5323fae3053e210c7f58086', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: 'a44d7b6d817228dd8dcf3ecc87242a84efd1da00', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '958a47f0aaade347fc27046646c108961578475f', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '8591b7f8c29591106705ad5e59413f38f6b11088', accent: "ghost", "icon-only": true }, index.h("button", { key: '7ea8cbb10031af6cdf86306bb29c4497a80190e4', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'f067b5b8397c6b162b4b996306306f58f88d1c73', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '1c79e92457a2992ab36a80c422f7fb5535df435e', accent: "ghost", "icon-only": true }, index.h("button", { key: 'a981dcddf17385d8892a57649232131dfeac8719', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '261d3b1a0709ec90ddf58beb7b2df474df890fd7', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: 'f562ba2f326a7c89ed578555d4007fcbc038dd76', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '9c540e45e88487e7e68616de5185a7262b33d33d', accent: "ghost", "icon-only": true }, index.h("button", { key: 'ce96c4459e59e877753b1a1823ff68772fe39a80', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'b08813252f71a6c8cfe81ecec40dc8f3cde5d375', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '5c1de002fd7b253c0a2c8594da93547184758925', accent: "ghost", "icon-only": true }, index.h("button", { key: 'a673145234cd8201179b928e5039c5064ad67e81', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'ed5e0c88e0f3677d02e0a328ba8a97e89b0ec2d1', 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: '93d9be77bfd0298fe1fcff5c283aee2b68968d61', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '2b57a6eabd3be23e3e76b4bd6fb8f6ab6fe0b81b', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '202afbcddaae1a982df49afd098f73421801421b', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '64b43f4845260fb74a84a7428f74d9e0260a1808', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '80b886d6e84a37792490231cbb87a4936c4c9929', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), index.h("span", { key: 'a7c8afc21cb89ed6c76c9fb8eb10bcaab7306482', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-bhm3ZgMN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-DmoeBTQR.js');
 var index$1 = require('./index-Cu12q3Jc.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -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: '01d977b62514ab6b16ec88caf74918fff37558b0', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '7536dc6a93b49cf4cfedc665a980ba96a1eee168', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '1e5134d36a1312b59b48ce4eee1d36f437580100', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '2d9198b423a6b17f2d9023f5d193bb8dc98f3a52', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '352b44e6eab58fbf9646fdf7f2bf011b4fd72b8a', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'f3091de59a0e889d165be5180727bfab05762429', 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-bhm3ZgMN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-DmoeBTQR.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: '9c7e3a85a0b6921d3a8e5925a65076068b2c55aa', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: 'bf317b395044f415388fb6dc297e7147e457158a', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: 'c8197778d64ddf559837eb18b16e1793a4149cb6', 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

@@ -2,7 +2,7 @@
 
 var index = require('./index-bhm3ZgMN.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-DmoeBTQR.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: 'd5e8052ee365f5925afd4e09ab5fea26137b6600', class: "gux-pagination-container" }, index.h("div", { key: 'e032223958899b83e73ae8e30d134f0ab619600d', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: 'b0fb1f1ed6fc6caf72cffff2cf7b511b41d22150', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: '8c32b9bb5afc9bd7313a6bc0c2bcc26ba2e211eb', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: 'f68268db452ab5901cbb8aa4e6b4de312905fd4c', class: "gux-pagination-spacer" }), index.h("div", { key: '18a5657a0b3cc0c76a1304b6e29552aeb9cb089d', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '6d5d03e9df4c4add8dea0c70b0446167887af369', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: 'b65e60a0d9374fbe0c2458eafd568416bbbf7345', class: "gux-pagination-container" }, index.h("div", { key: '0adf2c44a65d33e46064081506e9e7ed6ca39d6d', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '3797509556e02ff25d58377ba32e16c105dabc7a', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: 'fcf8ccc0e76a8b8efdab2fde4620d48bfc3f240e', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '42b266fb88a29c7edf9347de8686a2cfd93d7acf', class: "gux-pagination-spacer" }), index.h("div", { key: '986a423537eedf082dc76e8ab5177ebd3eac1b6d', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '7a4553ddf04f3d806aa4f4b52fe2e992f8c64307', 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

@@ -2,7 +2,7 @@
 
 var index = require('./index-bhm3ZgMN.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-DmoeBTQR.js');
 var index$1 = require('./index-Cu12q3Jc.js');
 var onClickOutside = require('./on-click-outside-B3wBBwlG.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');

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

@@ -3,11 +3,11 @@
 var index = require('./index-bhm3ZgMN.js');
 var floatingUi_dom = require('./floating-ui.dom-CFIqWljW.js');
 var onClickOutside = require('./on-click-outside-B3wBBwlG.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-DmoeBTQR.js');
 var getSlot = require('./get-slot-EZYuUuno.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');
 
-const guxPopoverCss = ":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;padding:var(--gse-ui-popover-padding);overflow:hidden;color:var(--gse-semantic-foreground-container-highEmphasis);background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow);}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}";
+const guxPopoverCss = ":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;padding:var(--gse-ui-popover-padding);overflow:hidden;color:var(--gse-semantic-foreground-container-highEmphasis);background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow);}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}.gux-popover-wrapper .gux-popover-footer{padding-block-start:var(--gse-ui-popover-gap)}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -80,6 +80,9 @@ const GuxPopover = class {
     get titleSlot() {
         return getSlot.getSlot(this.root, 'title');
     }
+    get footerSlot() {
+        return getSlot.getSlot(this.root, 'footer');
+    }
     getForElement() {
         if (this.for) {
             const forElement = findElementById.findElementById(this.root, this.for);
@@ -246,10 +249,10 @@ const GuxPopover = class {
         this.disconnect();
     }
     render() {
-        return (index.h("div", { key: '8d7f83d40ec47eba70837dda4b8af711162bae9c', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '307ffafb5625573dd3ff754d89de6c6a2359bb5a', ref: (el) => (this.popupElement = el), class: {
                 'gux-popover-wrapper': true,
                 'gux-hidden': !this.isOpen
-            }, "data-placement": true, popover: "manual", tabindex: "-1" }, index.h("div", { key: '062bb23ef7eed982668c26a4c0bf38e3974037e2', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'e5f759bed459e9e84d16ac4de1e5fd6e7b437464', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '90a55b7c84eb3562837c5e42d2dcac4375d98ca4', onClick: this.dismiss.bind(this) })), index.h("div", { key: '3e19328fc53d18384f29f8e8d1b63be22593ae64', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '66501ea759026d7276ffbd6db5ca63197e5ab8be', name: "title" })), index.h("div", { key: '7ee447eb8770043c1ffafaf76e23f09ebf1b522d', class: "gux-popover-content" }, index.h("slot", { key: 'dab1da74aa194d3c9f2cdde204c626378c0615ea' }))));
+            }, "data-placement": true, popover: "manual", tabindex: "-1" }, index.h("div", { key: 'aa3e9941301806193c7f8fcf8e63eeab858ad8ab', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'dca4c63c184f4178903cd7e1275c0879bcab8248', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'bdc73d2bac765eef75cd3c02b513de77497278b8', onClick: this.dismiss.bind(this) })), index.h("div", { key: '81c493185802958d6db396e46f561d07b5cfb0cb', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: 'f31e61448e5a647b3a6bffc36be5805bb6017e49', name: "title" })), index.h("div", { key: '4eb8714865cd273cdff5bf18dc34fc2257b67e44', class: "gux-popover-content" }, index.h("slot", { key: 'c212d211090bc57633cdaadea3270e415b986b8b' })), index.h("div", { key: 'eaed2c049b0478709dc4f6609de19a74ce7e8039', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, index.h("slot", { key: 'ed94c31023c30a08f0fe1ba3014d6729a4cd566a', name: "footer" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4,7 +4,7 @@ var index = require('./index-bhm3ZgMN.js');
 var floatingUi_dom = require('./floating-ui.dom-CFIqWljW.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var onClickOutside = require('./on-click-outside-B3wBBwlG.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-DmoeBTQR.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');
 
 const guxPopoverListCss = ":popover-open{position:absolute;inset:unset}.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;overflow-y:hidden;background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow);}.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)}";
@@ -188,10 +188,10 @@ const GuxPopoverList = class {
         this.disconnect();
     }
     render() {
-        return (index.h("div", { key: '6e8a7aedef7c765741027e160fc33bd742998108', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '7157de0f39ff04d575ff7d6fdcb0c68fed76afbb', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true, popover: "manual" }, index.h("div", { key: '07052e7958ca90f582d699839c122a46b12da7b6', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'c5559ac16b0a8b48729c5f9c8672ce3c5a25768f', onClick: this.dismiss.bind(this) })), index.h("div", { key: '34d370a8e31db4884b611471a26eb8f1bf04a166', class: "gux-popover-content" }, index.h("slot", { key: '2c5a0052e1a764bd615317155f48f998537ce5a3' }))));
+            }, "data-placement": true, popover: "manual" }, index.h("div", { key: 'fb6abf3a83874214cb3915ad37c29dd43ebea8ae', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'd0ad86ba5e87126e36ebe1bc6c28d88a87a7fad4', onClick: this.dismiss.bind(this) })), index.h("div", { key: '28118899363e88b4366238db70c7356d115c1cce', class: "gux-popover-content" }, index.h("slot", { key: '0612ddeb60613c1bf83807821b0bf49a47d7b128' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 var index = require('./index-bhm3ZgMN.js');
 var floatingUi_dom = require('./floating-ui.dom-CFIqWljW.js');
 var onClickOutside = require('./on-click-outside-B3wBBwlG.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-DmoeBTQR.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.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)}.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)}";
@@ -139,10 +139,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (index.h("div", { key: '8962f4692a2fccb086dd6aa88b134b14fa95ec47', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '1a56d594e6c1d4b974037f992d3cdc3baaf8d1e9', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '3031cc1ef0d94f8741efb27392a02d37a910ba74', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '3836fcd7268853f628b7b759ef1acbe5856ad001', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'd7a7bbdb819ceee350877c2ea44a70e7b55f220a', class: "gux-popover-content" }, index.h("slot", { key: '70610547aa180a30a93c273d03a4b94de3a9d9b4' }))));
+            }, "data-placement": true }, index.h("div", { key: 'ee9c6003dbc6cecdf4dfdcf2df3750e4f87c1a91', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '478bcc998734733fc3d9cc0daea910dac9838984', onClick: this.dismiss.bind(this) })), index.h("div", { key: '172cfb05fdd764b9decdb0adc57f19fa9438127f', class: "gux-popover-content" }, index.h("slot", { key: '909931dfb7dd9bd4c5a3386873170b964748a1dd' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -119,13 +119,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (index.h("div", { key: '819dae1406daa2fd628032b4d9928904a1b91c27', class: {
+        return (index.h("div", { key: '0a59e3e4406bc71b5c8019f5150841bd313023b7', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '129ccebfc2224dcbd3f79be7d17f6260d31fa7ea', name: "target" }), index.h("div", { key: '00fce897eb9ae9e34cc1fabdda1411077b4e7ea4', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '94023bc4feb2d4465819a755e54de5af96ead789', name: "target" }), index.h("div", { key: 'daf80367213677ef1c1baf3ddad8495a7c58d414', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '0965f03d6c86d64be6f4cb6ac31d961e86e7d574', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: 'c4d18d76a0b03bf2fa71d3e5d152e177fe22be19', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-bhm3ZgMN.js');
 var index$1 = require('./index-Cu12q3Jc.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-DmoeBTQR.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -49,7 +49,7 @@ const GuxRadialLoading = class {
         this.getI18nValue = await index$1.buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (index.h(GuxSpinnerState, { key: '998485d0f304fc0fd84dfaef872b9346455ef19f', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: '8518a47083f730e7337755e53eb340a94df2d83f', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-bhm3ZgMN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-DmoeBTQR.js');
 var logError = require('./log-error-nWO_o1C3.js');
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

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

@@ -3,7 +3,7 @@
 var index = require('./index-bhm3ZgMN.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var clamp = require('./clamp-BlDLYO0F.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-DmoeBTQR.js');
 var logError = require('./log-error-nWO_o1C3.js');
 
 const guxRatingCss = ":host{display:inline-block;min-inline-size:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);box-shadow:0 0 0 1px var(--gse-semantic-border-focus)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";
@@ -107,7 +107,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'd22ed4f6c5c2307405398ada32c9f0e97f074f36', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: 'dfd8c8054e8019305f9fb9a2db43b2c11ddba799', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: 'aa6c2b50e84baab3f3a56b30db8a68c6be835b6d', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: '9eee036960d279c4c0c193194c06e78d3af1642a', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-bhm3ZgMN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-DmoeBTQR.js');
 var index$1 = require('./index-Cu12q3Jc.js');
 var en = require('./en-ChMBIoFc.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
@@ -39,10 +39,10 @@ const GuxRichHighlightListItem = class {
         }
     }
     render() {
-        return (index.h("div", { key: '50c3810ca3ad7f64567098681c701703eb4d7922', class: {
+        return (index.h("div", { key: 'f4c60991427a3c6076c3d8ab24f4a6f1c91ef325', class: {
                 'gux-highlight': true,
                 [`gux-${this.highlight}`]: true
-            }, role: "listitem" }, index.h("button", { key: '5d2c996348c87453395739b2c28267cadc7a74c6', type: "button", "aria-label": this.i18n(`${this.highlight}`), tabIndex: -1, disabled: this.disabled }), this.renderTooltip()));
+            }, role: "listitem" }, index.h("button", { key: '743ff20c8d752d65613ec0e2e8c4b316eae700aa', type: "button", "aria-label": this.i18n(`${this.highlight}`), tabIndex: -1, disabled: this.disabled }), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-rich-style-list-item_3.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-bhm3ZgMN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-DmoeBTQR.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
 var index$1 = require('./index-Cu12q3Jc.js');
 var en = require('./en-ChMBIoFc.js');
@@ -39,7 +39,7 @@ const GuxRichStyleListItem = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '41a3af25f4d4ca67bb03e36953d04622413b5cde', role: "listitem" }, index.h("button", { key: 'f3657ff8470ab0bc24bb72fcd21116a736612894', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("gux-truncate", { key: '4b9627629b04d68cce683829149eaef973da78ae', "max-lines": 1 }, index.h("slot", { key: 'cd0b368cef0a503eddcb738b9386800fcf1e4686' })))));
+        return (index.h(index.Host, { key: 'd473733979132472c973dce743e849d2df83190f', role: "listitem" }, index.h("button", { key: '197b6f434ad612443ace70c3ca21c0412c025f5f', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("gux-truncate", { key: '5597ea2519a5f652838be889342893d3074cac60', "max-lines": 1 }, index.h("slot", { key: 'df9ebfbff53007e80b8566985e85d5fa4f814ab1' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -143,7 +143,7 @@ const GuxRichTextEditorMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '87963618481ff58c090023c17beab8d53a9b073a' }, index.h("gux-popup", { key: 'bda2cc0cc677fdd9c879c89743e66f933bfaefa6', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: 'ecce9e9fce1bb889e36ef7f785b8d93cef132842', slot: "target" }, index.h("gux-button-slot", { key: '92f988d6ea66dc95a4e5f67a552ea2ff5c36cd6e', accent: "ghost" }, index.h("button", { key: '8cd5d5dff2e6041c76e5b6d8e71e99d670b68068', type: "button", onClick: () => this.onActionClick(), ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: guxRichTextEditor_service.hasDisabledParent(this.root) }, index.h("gux-icon", { key: '6b2f6de7e1ea240023bd21343674c3932c0666ca', "icon-name": "fa/ellipsis-vertical-regular", decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: '690c884ce0424d98f227385dc63920af27926efa' }, this.i18n('additionalActions'))), this.renderTooltip())), index.h("div", { key: '24e6a9160a117a401779d0dc73842326e4930435', slot: "popup", class: "gux-list-container" }, index.h("gux-rich-text-editor-list", { key: '64787b9c585a0ccfbe17faf0370f1001ce50ba6e', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '2a5161bb4ac3c07d89636a69aad5746ed55fc6e7' }))))));
+        return (index.h(index.Host, { key: 'ebbc2ca62ba00edff087797bca8354112837a71e' }, index.h("gux-popup", { key: '55b33fd0cd3f223409159be8595d3ae5a44897f2', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: 'a7c8bf185e8c3585ca8cba543173a4a67703459a', slot: "target" }, index.h("gux-button-slot", { key: 'c45bb891dd792e60c6ef1b281ba3681f14ba99ef', accent: "ghost" }, index.h("button", { key: '1642b42d32010102a6c56db65d08a728b2f91501', type: "button", onClick: () => this.onActionClick(), ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: guxRichTextEditor_service.hasDisabledParent(this.root) }, index.h("gux-icon", { key: '482c006df2d70ab5075d33782a9258be89897509', "icon-name": "fa/ellipsis-vertical-regular", decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: '8f7b72c39e79efc43cbec63e8dd30fdbc4dbf2a3' }, this.i18n('additionalActions'))), this.renderTooltip())), index.h("div", { key: 'b7bb5bda5122d1022e828b6524cb7b988d7d4c5e', slot: "popup", class: "gux-list-container" }, index.h("gux-rich-text-editor-list", { key: '77d6c627ab5dfe3a100e62a28473b1957524cdde', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '2eeb030450cfc6b4cf8a1437dd68c088418b071d' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -277,13 +277,13 @@ const GuxRichTextEditorSubList = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '6c04828b2b70f3fb9501dc149fccf906666a9b9a' }, index.h("button", { key: '23cc870a28a4f7ede901e4977ddbe727967c50b0', type: "button", class: {
+        return (index.h(index.Host, { key: 'f371fabd6a0a15e8662c64f00254bec42a3a47c1' }, index.h("button", { key: 'ee0a6654065981ee64e2bb8fea0607df9b261eb6', type: "button", class: {
                 'gux-sub-list-button': true,
                 'gux-sub-list-button-active': this.isShown
-            }, tabIndex: -1, role: "listitem", ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: 'fcb2655ea9302ae41b18712cffdb77705b48f0ff', class: "gux-sub-list-button-text" }, this.label), index.h("gux-icon", { key: 'a550b458c0afa42304563a328f88640ff90f5450', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '440e3e6c1a621789e057905ee827b7a44f5f8822', ref: el => (this.subListElement = el), class: {
+            }, tabIndex: -1, role: "listitem", ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: '7a3ffb0039a482f960a40f9b1d1575d0352a8214', class: "gux-sub-list-button-text" }, this.label), index.h("gux-icon", { key: '50c1a22f97972fac434f393342eb538aeb8fee60', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '32f6ae0c830d1d0509c282e5668ca860c0afd499', ref: el => (this.subListElement = el), class: {
                 'gux-sub-list-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: '8c754de0755b60681b218b992430bbe48df95928', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, index.h("slot", { key: '78820afe906ef501b240082c6f105cc3f117da81' })))));
+            } }, index.h("div", { key: '067d628c2f4a9dc1ab87dbaaf5e1b5315165fe47', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, index.h("slot", { key: '71a442ce2e793cd39913f7da6f5544d91650851c' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-rich-text-editor-action-group.cjs.entry.js

@@ -15,7 +15,7 @@ const GuxRichTextEditorActionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ae6eedd0bacc0a7b8c07e48a0dcf24bfa65fae32' }, index.h("div", { key: '5c96762b070a13265e3635f68722854afa305341', class: "gux-action-group-container" }, index.h("slot", { key: '3a43e2691131b24f25ec64385b325e6fdf89731d' })), this.renderActionGroupDivider()));
+        return (index.h(index.Host, { key: '46401848df625c1d89c92d28c884582e12bd1804' }, index.h("div", { key: 'f6c6ccc1ed3079760fa766d839046547676c63d8', class: "gux-action-group-container" }, index.h("slot", { key: 'c7f787ef2f544dd074991e48285ff8fb41497270' })), this.renderActionGroupDivider()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-rich-text-editor-action-link.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-bhm3ZgMN.js');
 var onClickOutside = require('./on-click-outside-B3wBBwlG.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-DmoeBTQR.js');
 var index$1 = require('./index-Cu12q3Jc.js');
 var en = require('./en-ChMBIoFc.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
@@ -84,7 +84,7 @@ const GuxRichTextEditorActionLink = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7cf1282de26e3435355bd1e56082a6bf82c8ee41' }, index.h("gux-button-slot", { key: 'a3989e6cf8045e14a692bcd6794adeb495c8eb52', accent: "ghost", "icon-only": true }, index.h("button", { key: 'fa0f503c88a30d0a33ec290ac74496e14dca317f', id: "popover-target", class: { 'gux-is-pressed': this.isActive || this.isOpen }, onClick: () => this.togglePopover(), ref: el => (this.actionButton = el), type: "button", disabled: this.disabled || guxRichTextEditor_service.hasDisabledParent(this.root), "aria-label": this.i18n('link'), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-pressed": this.isActive.toString() }, index.h("gux-icon", { key: '7e15018402b7837cb4a956cc0b93c1cca0464a61', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), index.h("gux-popover", { key: 'ec30b2f47af90d979eed841792d38fc6e6a0e16f', "is-open": this.isOpen, for: "popover-target" }, index.h("div", { key: 'f8a3175a12fb9cf43222b65427b5d61fa20340f9', class: "gux-popover-content-wrapper" }, index.h("gux-form-field-text-like", { key: 'ae81694b4b7eacd3149946dbd3ce689c1e09f62c' }, index.h("input", { key: '8d362954344ea9816221bb61b5dc9fb91375bf22', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), index.h("label", { key: '37df778fed4a89f12db534a36bed2aa9ab8ed0d0', slot: "label" }, this.i18n('textToDisplay'))), index.h("gux-form-field-text-like", { key: '669a4e47dbe0bbc16fa81ddd612a9d4d3639e84e' }, index.h("input", { key: 'c17e684a83dfdd16213022f8caa8147d2d9885a5', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), index.h("label", { key: '41be8853cddd956df0a0d9bf0654fe7de1c183ce', slot: "label" }, this.i18n('linkAddress'))), index.h("gux-cta-group", { key: '36ded973565793d7fb723bc59cdbe34e0b6c0de9', align: "end" }, index.h("gux-button", { key: '018ece746fc3629506b948efeb530a50595a25dc', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), index.h("gux-button", { key: '9ec7fad709478eaeafeb86a65d3e64a859196607', onClick: () => this.togglePopover(), slot: "dismiss" }, this.i18n('cancel')))))));
+        return (index.h(index.Host, { key: '1c7ce86dacba351001fa15beb4860780ad076489' }, index.h("gux-button-slot", { key: '9d201d0659ec29c31f5c5aeaea4e0391d4d657b9', accent: "ghost", "icon-only": true }, index.h("button", { key: 'e0f3b721c86bb274f6b22796d70978ff95bb373b', id: "popover-target", class: { 'gux-is-pressed': this.isActive || this.isOpen }, onClick: () => this.togglePopover(), ref: el => (this.actionButton = el), type: "button", disabled: this.disabled || guxRichTextEditor_service.hasDisabledParent(this.root), "aria-label": this.i18n('link'), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-pressed": this.isActive.toString() }, index.h("gux-icon", { key: '9ad99a66f65c69fe7eaebf3fa855c91d401a2e92', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), index.h("gux-popover", { key: '5c12eabd2a9cab256f080976c37505673f5e18b9', "is-open": this.isOpen, for: "popover-target" }, index.h("div", { key: '81d5bf934cdcf0f7a7be6a665f63ca10d786d62b', class: "gux-popover-content-wrapper" }, index.h("gux-form-field-text-like", { key: '3df48266bb1514449c0845a6c0a39102bd134198' }, index.h("input", { key: 'b89943f39edd130e8b4ae53406d0088bc4b57cf4', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), index.h("label", { key: '38112f97376954a13b2fe3190063eb815dc51c6c', slot: "label" }, this.i18n('textToDisplay'))), index.h("gux-form-field-text-like", { key: 'de17c93c8cfc07bc2f8574cc68ed0d84fd425da2' }, index.h("input", { key: '649a80704a9368e07cb48274b5b059f55d0b78e0', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), index.h("label", { key: '36172255858dc846fe8cbd6c4b662916eb1fc1ff', slot: "label" }, this.i18n('linkAddress'))), index.h("gux-cta-group", { key: 'cfad5b94ec330e26bad366b794ffe585688ffdc7', align: "end" }, index.h("gux-button", { key: '13eda37568a4a6285f5602e190840b4538eb884d', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), index.h("gux-button", { key: 'ed334b90e68b3e62be10dc43bdc21af24058ab15', onClick: () => this.togglePopover(), slot: "dismiss" }, this.i18n('cancel')))))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-rich-text-editor-action-rich-style.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-bhm3ZgMN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-DmoeBTQR.js');
 var guxRichTextEditor_service = require('./gux-rich-text-editor.service-DvQrMYXi.js');
 var onClickOutside = require('./on-click-outside-B3wBBwlG.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
@@ -175,7 +175,7 @@ const GuxRichTextEditorActionRichStyle = class {
         return (index.h("gux-button-slot", { accent: "ghost", slot: "target", "icon-only": true }, index.h("button", { type: "button", ref: el => (this.actionButton = el), class: { 'gux-is-pressed': this.expanded }, onClick: () => this.onActionButtonClick(), disabled: this.disabled || guxRichTextEditor_service.hasDisabledParent(this.root), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, this.renderMenu()), this.renderTooltip()));
     }
     render() {
-        return (index.h("gux-popup", { key: 'a3acff488d05a0c81e3e877015c8ccf90f901479', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: 'e4a29ba68c7972405949d7b743b09c8a10ffe243', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }