genesys-spark-components 4.231.2 → 4.232.0

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CBglYKJO.js');
-var index$1 = require('./index-DVtwB70Y.js');
+var index = require('./index-npRUdf7N.js');
+var index$1 = require('./index-D5gbJ1qH.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const perPage = "per page";
@@ -36,7 +36,7 @@ const GuxPaginationItemsPerPage = class {
             }) }, index.h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, index.h("gux-option", { value: "25" }, "25"), index.h("gux-option", { value: "50" }, "50"), index.h("gux-option", { value: "75" }, "75"), index.h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (index.h("div", { key: '84bf94723638368594eb740e44182f2cb829342b', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '5c950be27041c83a2bdf4ee638413bfc5ca54800', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '46c25021612270d6bed75129918075df33fe55c0', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '016163a1fab2d079e2de5e899d5c921725634ba7', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'e42daf4d3efccab5312142e0bc3176ad207bba62', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'c82e992ded6b66c2557c594eeaae01b5746050cf', 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-CBglYKJO.js');
-var usage = require('./usage-CWS5rSpe.js');
+var index = require('./index-npRUdf7N.js');
+var usage = require('./usage-CXG6kbqB.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: 'aa7ab2d5f4bef48c6f8620bc0b45ae76293ced2d', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: 'ca5aee75c730fa49b767d7125e014afbe3ebd01d', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: 'f403b78c1a0f5731cc1d8e8e2817542da4cc8346', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '11c1698b094f46638243c72e45faf5b8618b472d', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: 'f12db0852e510334f5b039d646a67cef70f52875', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: 'aa91700745c9b97a606573293b50896e25507d3c', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CBglYKJO.js');
+var index = require('./index-npRUdf7N.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-CWS5rSpe.js');
+var usage = require('./usage-CXG6kbqB.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}`;
 
@@ -106,7 +106,7 @@ const GuxPagination = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: 'ed0a8ce079554a63c5494b5ae06781fde2b96ae4', class: "gux-pagination-container" }, index.h("div", { key: 'df988d3b79bbddf5506185f8071b00c48f57f8b4', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: 'fb36af8c15efa72dd02317175ceb60ef11f99306', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), ((_a = this.showItemsPerPage) !== null && _a !== void 0 ? _a : this.displayedLayout === 'advanced') && (index.h("gux-pagination-items-per-page", { key: '12b591384db37c473c40cbc8697862d5b6dbac13', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: 'ffe83d05eb34235d0fddfbc9209da74f5ac2fa2d', class: "gux-pagination-spacer" }), index.h("div", { key: '74bd0f4bdb22bccfb6064e63c2e5328eb986340f', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '13477fd98f37978b0ee00806d94b81ac2a36ff66', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: 'aff73521b29fcafc73ce87cb7798fc0745164b5d', class: "gux-pagination-container" }, index.h("div", { key: 'adfd12ec2a6687b657d92c22bbb3ef74ea8b2e27', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: 'aab1f413cde27415a851f633bc7df7ecc412a9a2', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), ((_a = this.showItemsPerPage) !== null && _a !== void 0 ? _a : this.displayedLayout === 'advanced') && (index.h("gux-pagination-items-per-page", { key: '716cb8efda374652ed163f5c40e854c35ce590ee', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '454345dfe4901a179fd3faaa1ac92d8de36d32e5', class: "gux-pagination-spacer" }), index.h("div", { key: 'df9ad6137910cd1f21561404fa498b57848b515c', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '562987cec97742412059eac5fe764876277eff37', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-CBglYKJO.js');
+var index = require('./index-npRUdf7N.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
-var usage = require('./usage-CWS5rSpe.js');
-var index$1 = require('./index-DVtwB70Y.js');
-var onClickOutside = require('./on-click-outside-Z81yLXW0.js');
+var usage = require('./usage-CXG6kbqB.js');
+var index$1 = require('./index-D5gbJ1qH.js');
+var onClickOutside = require('./on-click-outside-JPx_Y2im.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
@@ -2364,11 +2364,11 @@ 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("div", { key: '989a51b3487ea0b1245b08fb91a9a15e5684d6f4', class: {
+        return (index.h("div", { key: '9f23723277e377bc164a8216e4f84c6b60b1833a', class: {
                 'gux-target-container': true,
                 'gux-error': this.hasError,
                 'gux-phone-input': true
-            } }, index.h("gux-popup", { key: '9e0ea9a2a2e4bc284745ca617a30e601bda94106', expanded: this.expanded, disabled: this.disabled, exceedTargetWidth: true }, this.renderTarget(), this.renderPopup()), this.renderInput()));
+            } }, index.h("gux-popup", { key: '2d09ad7bfee89a084977e2133319461bc78c18a6', expanded: this.expanded, disabled: this.disabled, exceedTargetWidth: true }, this.renderTarget(), this.renderPopup()), this.renderInput()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-CBglYKJO.js');
+var index = require('./index-npRUdf7N.js');
 var floatingUi_dom = require('./floating-ui.dom-CMUN3LzO.js');
-var onClickOutside = require('./on-click-outside-Z81yLXW0.js');
-var usage = require('./usage-CWS5rSpe.js');
+var onClickOutside = require('./on-click-outside-JPx_Y2im.js');
+var usage = require('./usage-CXG6kbqB.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-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)}`;
+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:focus-visible{outline:none}.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-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;
@@ -43,7 +43,9 @@ const GuxPopover = class {
     }
     updateForElement() {
         this.forElement = this.getForElement();
-        this.forElement.setAttribute('aria-haspopup', 'true');
+        if (this.forElement) {
+            this.forElement.setAttribute('aria-haspopup', 'true');
+        }
     }
     handleIsOpenChange(newValue) {
         if (!this.popupElement) {
@@ -63,7 +65,9 @@ const GuxPopover = class {
     onKeyDown(event) {
         switch (event.key) {
             case 'Escape':
-                this.forElement.focus();
+                if (this.forElement) {
+                    this.forElement.focus();
+                }
                 break;
         }
     }
@@ -123,8 +127,12 @@ const GuxPopover = class {
         if (this.cleanupUpdatePosition) {
             this.cleanupUpdatePosition();
         }
+        const forElement = findElementById.findElementById(this.root, this.for);
+        if (!forElement || !this.popupElement) {
+            return;
+        }
         if (this.root.isConnected) {
-            this.cleanupUpdatePosition = floatingUi_dom.autoUpdate(findElementById.findElementById(this.root, this.for), this.popupElement, () => this.updatePosition(), {
+            this.cleanupUpdatePosition = floatingUi_dom.autoUpdate(forElement, this.popupElement, () => this.updatePosition(), {
                 ancestorScroll: true,
                 elementResize: true,
                 animationFrame: true,
@@ -230,6 +238,9 @@ const GuxPopover = class {
     connectedCallback() {
         this.updateForElement();
         usage.trackComponent(this.root, { variant: this.position });
+        if (!this.forElement) {
+            return;
+        }
         const keydownHandler = this.onKeydown.bind(this);
         this.forElement.addEventListener('keydown', keydownHandler);
         const mouseupHandler = this.onMouseup.bind(this);
@@ -250,13 +261,15 @@ const GuxPopover = class {
         if (this.cleanupUpdatePosition) {
             this.cleanupUpdatePosition();
         }
-        this.disconnect();
+        if (this.disconnect) {
+            this.disconnect();
+        }
     }
     render() {
-        return (index.h("div", { key: 'd4ada6e687e3ec24bd2b2dd75df0edda46169e60', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '6cf1eb4c706d9386f7c57a91f3522dace32ecc3e', 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: 'ca6295f6240a9c8749d41e41504cf73fcf402bd7', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '261a3fc1e0bce03e475eca06a881e001cbabf062', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '4eac0847d2f453cd62bc5ddb7744ce4ae167b666', onClick: this.dismiss.bind(this) })), index.h("div", { key: '437f28e2fa536aba69542b12cf2edd9461e3cafd', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '52e6fe303cbb5d8fab99682b9c8d78d34aa5510b', name: "title" })), index.h("div", { key: 'e857fc52f663add391a8655042f8903e0be3a53c', class: "gux-popover-content" }, index.h("slot", { key: '7f173cf2017197e7ac826faaa36eee148700798c' })), index.h("div", { key: '4000e8dd6cd84d8baed1c72c9f0b30ae89f6d3cc', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, index.h("slot", { key: '0eeebf75cbeebfd6abf9a5518a2c1d9a2aede85b', name: "footer" }))));
+            }, "data-placement": true, popover: "manual", tabindex: "-1" }, index.h("div", { key: '70b5cbf0acaea99cf36e0d35cf5151046d2687cd', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '9f87fab500c2e67d9cabd0705d42eed11511cd17', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'e9f980afd88ad20738c0fd791d87529b4ad6a44d', onClick: this.dismiss.bind(this) })), index.h("div", { key: '6b280f82f11681635aa2fd56137647073d4dcb5f', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '486a7c62ee2cbfa33f5aa20fb2799d2bba43bdfa', name: "title" })), index.h("div", { key: '4e4d0d8c2d974efd940ce4540633f2dd75de62c8', class: "gux-popover-content" }, index.h("slot", { key: 'd1a59ec65293bae341b36ccd5fdc007a03b6080f' })), index.h("div", { key: '2f13d9734f644b249d94fc9ad3642f519cd32586', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, index.h("slot", { key: 'a50a175d8ab518aa20c5870e22209528529940c0', name: "footer" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-CBglYKJO.js');
+var index = require('./index-npRUdf7N.js');
 var floatingUi_dom = require('./floating-ui.dom-CMUN3LzO.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var onClickOutside = require('./on-click-outside-Z81yLXW0.js');
-var usage = require('./usage-CWS5rSpe.js');
+var onClickOutside = require('./on-click-outside-JPx_Y2im.js');
+var usage = require('./usage-CXG6kbqB.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-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)}`;
@@ -37,6 +37,9 @@ const GuxPopoverList = class {
         this.isOpen = false;
         this.disconnect = undefined;
     }
+    handleForChange() {
+        this.setupForElement();
+    }
     handleIsOpenChange(newValue) {
         if (!this.popupElement) {
             return;
@@ -59,7 +62,9 @@ const GuxPopoverList = class {
                 break;
             case 'Escape':
                 this.dismiss();
-                this.forElement.focus();
+                if (this.forElement) {
+                    this.forElement.focus();
+                }
                 break;
         }
     }
@@ -77,8 +82,12 @@ const GuxPopoverList = class {
         if (this.cleanupUpdatePosition) {
             this.cleanupUpdatePosition();
         }
+        const forElement = findElementById.findElementById(this.root, this.for);
+        if (!forElement || !this.popupElement) {
+            return;
+        }
         if (this.root.isConnected) {
-            this.cleanupUpdatePosition = floatingUi_dom.autoUpdate(findElementById.findElementById(this.root, this.for), this.popupElement, () => this.updatePosition(), {
+            this.cleanupUpdatePosition = floatingUi_dom.autoUpdate(forElement, this.popupElement, () => this.updatePosition(), {
                 ancestorScroll: true,
                 elementResize: true,
                 animationFrame: true,
@@ -91,7 +100,7 @@ const GuxPopoverList = class {
     }
     updatePosition() {
         const forElement = findElementById.findElementById(this.root, this.for);
-        if (this.popupElement) {
+        if (this.popupElement && forElement) {
             void floatingUi_dom.computePosition(forElement, this.popupElement, {
                 strategy: 'fixed',
                 placement: this.position,
@@ -168,10 +177,15 @@ const GuxPopoverList = class {
         this.isOpen = !this.isOpen;
         this.runUpdatePosition();
     }
-    connectedCallback() {
-        usage.trackComponent(this.root, { variant: this.position });
-        this.listElement = this.root.querySelector('gux-list');
+    setupForElement() {
+        if (this.disconnect) {
+            this.disconnect();
+            this.disconnect = undefined;
+        }
         this.forElement = findElementById.findElementById(this.root, this.for);
+        if (!this.forElement) {
+            return;
+        }
         this.forElement.setAttribute('aria-haspopup', 'true');
         const keydownHandler = this.onKeydown.bind(this);
         this.forElement.addEventListener('keydown', keydownHandler);
@@ -182,6 +196,11 @@ const GuxPopoverList = class {
             this.forElement.removeEventListener('mouseup', mouseupHandler);
         };
     }
+    connectedCallback() {
+        usage.trackComponent(this.root, { variant: this.position });
+        this.listElement = this.root.querySelector('gux-list');
+        this.setupForElement();
+    }
     componentDidLoad() {
         this.handleIsOpenChange(this.isOpen);
     }
@@ -189,16 +208,21 @@ const GuxPopoverList = class {
         if (this.cleanupUpdatePosition) {
             this.cleanupUpdatePosition();
         }
-        this.disconnect();
+        if (this.disconnect) {
+            this.disconnect();
+        }
     }
     render() {
-        return (index.h("div", { key: '641d4eaf5c9e9eeadf1fe5005ced829545edaf50', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '75b8d2555dd5fff64e2b2fd3539239eecc8d7cc0', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true, popover: "manual" }, index.h("div", { key: 'bbbb54171623926685fe4baa96425bde4734813e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '3ac508850e35dc5bd41f96d92b32d851572d4a2c', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'fe3757c9f4e40ef42425cb7bc5e9075c22b7ec29', class: "gux-popover-content" }, index.h("slot", { key: 'b046ef0a1568b7eb54a318f53cc81e19ad3954ff' }))));
+            }, "data-placement": true, popover: "manual" }, index.h("div", { key: '14515d5831ecf18aebf76924cc00c01c4a373faf', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '02aeae7c415c7718efe31ebe72e8132e83343908', onClick: this.dismiss.bind(this) })), index.h("div", { key: '620f089c80dd03488417e1cad4d2ee4bebd692c5', class: "gux-popover-content" }, index.h("slot", { key: 'e018c38dcfcd7790ef40356fc90773e85ef21dca' }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {
+        "for": [{
+                "handleForChange": 0
+            }],
         "isOpen": [{
                 "handleIsOpenChange": 0
             }]

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-CBglYKJO.js');
+var index = require('./index-npRUdf7N.js');
 var floatingUi_dom = require('./floating-ui.dom-CMUN3LzO.js');
-var onClickOutside = require('./on-click-outside-Z81yLXW0.js');
-var usage = require('./usage-CWS5rSpe.js');
+var onClickOutside = require('./on-click-outside-JPx_Y2im.js');
+var usage = require('./usage-CXG6kbqB.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');
 
 const guxPopoverListCss = () => `.gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:var(--gse-core-spacing-3xs);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-height);padding-block-end:var(--gse-core-spacing-4xs);overflow:hidden}.gux-popover-wrapper .gux-arrow .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))}`;
@@ -151,10 +151,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'cc45bd2a0b6a185200eec72f489ea7b4162a11dd', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '9e99529f43597f38cda0cf5414cf9e1586a359e6', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '6d1126556a34e23975df636d8e75fd9a86464ba4', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '0a1d84d74f2d23289ff53f840bc93004d61a8080', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '16e5769b90a560b30edd336201c55e4895b600e8', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'cfedc53c7a87699b599520421f8e3826cc321df2', class: "gux-popover-content" }, index.h("slot", { key: '364b269d6d1abc3cbc71f806586f013ec7f5f150' }))));
+            }, "data-placement": true }, index.h("div", { key: '9c2a5559df72fb5a0ae74e837c8ece166cc18064', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '3d085ad65397705ac5c2d068a91ae990ba2f70d1', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '757dff760b9e66d4c6f2902c0968020559c23800', onClick: this.dismiss.bind(this) })), index.h("div", { key: '71f1714f90a76d7a4f153966cd43c03d2285de49', class: "gux-popover-content" }, index.h("slot", { key: '04d19c0c8991ca5eb509f9443e9c8b904391d40a' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CBglYKJO.js');
+var index = require('./index-npRUdf7N.js');
 var floatingUi_dom = require('./floating-ui.dom-CMUN3LzO.js');
 
 const guxPopupCss = () => `.gux-target-container.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-popup-container{position:fixed;z-index:var(--gse-semantic-zIndex-popup);visibility:hidden;inline-size:max-content;background-color:var(--gse-ui-menu-backgroundColor)}.gux-popup-container.gux-expanded{visibility:visible}.gux-sr-only-clip{}.gux-sr-only-clip:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}`;
@@ -119,13 +119,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (index.h("div", { key: '22a8493170d17185eeca86d04995f6fd52d4c4f7', class: {
+        return (index.h("div", { key: '4371eab4ee35813fab44dd87b372d96a948dbb6f', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '84f0c57b7eec788e21fdf6dfe8f2ab9e2b78845a', name: "target" }), index.h("div", { key: 'f453230afff3fcdab4e1ef4d17c02fb7ca2cf3f2', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '888394ec51927122e3e8d31dde9f7fe2761a314d', name: "target" }), index.h("div", { key: '711644d5c8de1a9501bace7a5691c09355563e0e', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '57a00d5dd3e20bbae16759533643c76f92f85dca', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: 'e9152734284d359b4a7cdd1e9597d0ed989bc599', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": [{

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CBglYKJO.js');
-var usage = require('./usage-CWS5rSpe.js');
-var index$1 = require('./index-DVtwB70Y.js');
+var index = require('./index-npRUdf7N.js');
+var usage = require('./usage-CXG6kbqB.js');
+var index$1 = require('./index-D5gbJ1qH.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const inputPlaceholder = "Ask Genesys AI";
@@ -75,9 +75,9 @@ const GuxPromptInputBeta = class {
         return (index.h("gux-button-slot", { accent: "danger" }, index.h("button", { type: "button", class: "gux-generate-cancel", onClick: () => this.stopGeneration(), "data-testid": "stop-generation" }, index.h("gux-icon", { "icon-name": "fa/square-regular", size: "small", decorative: true }))));
     }
     render() {
-        return (index.h("div", { key: '6a7a165f3bbfadf8b682f5c7c2cf5431e407589c', class: "gux-prompt-input-container" }, index.h("div", { key: '76d1490464a596212369add699894d395c6cacfc', class: "gux-input-container" }, index.h("div", { key: 'b3c35b461c6582a6713d3b6a2cd035c81a6afd97', class: "gux-grow-wrap" }, index.h("textarea", { key: 'acc68abcf5d024dd364fbf3c2b21d90b4d6b4a1f', rows: 1, class: "gux-input", ref: el => (this.inputElement = el), placeholder: this.placeholder || this.i18n('inputPlaceholder'), onInput: this.handleInput.bind(this), "data-testid": "prompt-input" })), this.isGenerating
+        return (index.h("div", { key: '2bd2a2c8fa8b9698b246dc68d5a31f38f9be8e3d', class: "gux-prompt-input-container" }, index.h("div", { key: '62255f7ba0d96df17886e863beb1cb0febeb7532', class: "gux-input-container" }, index.h("div", { key: '14ecccdc1fd71c90618522472c76837a814b2f6b', class: "gux-grow-wrap" }, index.h("textarea", { key: '43fbcc5891661efae24847414eee5f44758211f8', rows: 1, class: "gux-input", ref: el => (this.inputElement = el), placeholder: this.placeholder || this.i18n('inputPlaceholder'), onInput: this.handleInput.bind(this), "data-testid": "prompt-input" })), this.isGenerating
             ? this.renderStopButton()
-            : this.renderSubmitButton()), index.h("div", { key: '63d371ff5016c0c7361c5639038787655eb0bd75', class: "caution-message" }, index.h("span", { key: '69c6a66eb4804d73fafd3c269f062f06d31106ab' }, this.i18n('cautionMessage')), index.h("div", { key: 'de1f2049089cf6242192fcbb809a8fd7bef510cc' }, index.h("a", { key: 'be8fab11670bf812af9f2c5163c9162460ce4483', class: "link", href: `${this.i18n('privacyTermsLink')}`, target: "_blank" }, this.i18n('cautionMessageLink'))))));
+            : this.renderSubmitButton()), index.h("div", { key: 'c48716ae695a670d6aa6520defe2bd0609bb38ac', class: "caution-message" }, index.h("span", { key: 'ed1fb6f45162452afb95c8bcd96d2e89c15a23ec' }, this.i18n('cautionMessage')), index.h("div", { key: 'b70cd016c852fcb6cece1f6be2f037d7af80f0be' }, index.h("a", { key: 'fb18f2a41aa8e551d4111177091d9715af234c56', class: "link", href: `${this.i18n('privacyTermsLink')}`, target: "_blank" }, this.i18n('cautionMessageLink'))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CBglYKJO.js');
-var index$1 = require('./index-DVtwB70Y.js');
-var usage = require('./usage-CWS5rSpe.js');
+var index = require('./index-npRUdf7N.js');
+var index$1 = require('./index-D5gbJ1qH.js');
+var usage = require('./usage-CXG6kbqB.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -45,7 +45,7 @@ const GuxRadialLoading = class {
         this.getI18nValue = await index$1.buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (index.h(GuxSpinnerState, { key: 'b7f1db2f3762438116b2bb892e1bf6c67a7e0236', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: '2980cfcf2f0fca81a3a403eb1c93c2466cdc8bcf', 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-CBglYKJO.js');
-var usage = require('./usage-CWS5rSpe.js');
+var index = require('./index-npRUdf7N.js');
+var usage = require('./usage-CXG6kbqB.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

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-CBglYKJO.js');
+var index = require('./index-npRUdf7N.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var clamp = require('./clamp-BlDLYO0F.js');
-var usage = require('./usage-CWS5rSpe.js');
+var usage = require('./usage-CXG6kbqB.js');
 var logError = require('./log-error-nWO_o1C3.js');
-var index$1 = require('./index-DVtwB70Y.js');
-var onClickOutside = require('./on-click-outside-Z81yLXW0.js');
+var index$1 = require('./index-D5gbJ1qH.js');
+var onClickOutside = require('./on-click-outside-JPx_Y2im.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const editRating = "Edit Rating";
@@ -178,7 +178,7 @@ const GuxRating = class {
         return this.getRatingStarElements();
     }
     render() {
-        return (index.h(index.Host, { key: '84ac7f8701c655ccb4dfa0a7186fcfa3307dc941', 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: '90c11a8774dbe9e6fb31900010b3ea229d5250c0', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: '84ee4ab687eaa0723df24da549325d2ad2c476c9', 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: '6d941f672e8f3c032fc654a62cf17bcf4715afd6', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled,
                 'gux-compact': this.compact

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CBglYKJO.js');
-var usage = require('./usage-CWS5rSpe.js');
-var index$1 = require('./index-DVtwB70Y.js');
+var index = require('./index-npRUdf7N.js');
+var usage = require('./usage-CXG6kbqB.js');
+var index$1 = require('./index-D5gbJ1qH.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const blue = "Azure Blue";
@@ -50,11 +50,11 @@ const GuxRichHighlightListItem = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'b599ef56f31f58ebaa36e575de61c1722f50490b', class: {
+        return (index.h("div", { key: '9ba7fb8bd4bd0cc016864d876735bc30a3e0a17f', class: {
                 'gux-highlight': true,
                 [`gux-${this.highlight}`]: true,
                 'gux-disabled': this.disabled
-            }, role: "listitem" }, index.h("button", { key: 'e3dfcd5b057f0cea4fb01e873f14dff38c7b8aaf', type: "button", "aria-label": this.i18n(`${this.highlight}`), tabIndex: -1, disabled: this.disabled }), this.renderTooltip()));
+            }, role: "listitem" }, index.h("button", { key: '5dad29c2e19dca4b22028240948676077d71790f', 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,10 +1,10 @@
 'use strict';
 
-var index = require('./index-CBglYKJO.js');
-var usage = require('./usage-CWS5rSpe.js');
-var index$1 = require('./index-DVtwB70Y.js');
+var index = require('./index-npRUdf7N.js');
+var usage = require('./usage-CXG6kbqB.js');
+var index$1 = require('./index-D5gbJ1qH.js');
 var guxRichTextEditor_service = require('./gux-rich-text-editor.service-dc3baziB.js');
-var onClickOutside = require('./on-click-outside-Z81yLXW0.js');
+var onClickOutside = require('./on-click-outside-JPx_Y2im.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
@@ -24,7 +24,7 @@ const GuxRichStyleListItem = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '348a3996889c98feba9d2e84606ebff716d78fd5', role: "listitem" }, index.h("button", { key: '5416a3ef2492bd2b18c222af4a270a1d9d23300c', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("gux-truncate", { key: 'd7edc9b61b9659cdf61a5dd2cc016a10eeb302e3', "max-lines": 1 }, index.h("slot", { key: '109843cd074b6937364abae007ce6efd98976e7c' })))));
+        return (index.h(index.Host, { key: '5a5c7f08d2d8f14220e245c0bd9426a2001f0c89', role: "listitem" }, index.h("button", { key: '0bfa1311736c87a33b04348af845eaa1ae0e809d', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("gux-truncate", { key: 'dc664695056c25df050f3c2bcf88d62d6a0b8df5', "max-lines": 1 }, index.h("slot", { key: '4ed3579cf405f88e79c4f10cc4ce8fd2a74577cc' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -129,7 +129,7 @@ const GuxRichTextEditorMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, guxRichTextEditor_service.translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '795d3ecdeeecbc6452d42dd5dab4ec07b83be576' }, index.h("gux-popup", { key: 'b013baff5186fb22e38b1be475178fd72e172990', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '6811cb7bee757fa0255d85300d1a15869be4ae65', slot: "target" }, index.h("gux-button-slot", { key: '3e98c1a12c07208024273aee67a72c30bb368b68', accent: "ghost" }, index.h("button", { key: '81260e294c82649079a9421b960137af88c09e7b', id: this.buttonId, 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: '0d463a6d0444c6e2fe575ab3071a831efa573e42', "icon-name": "fa/ellipsis-vertical-regular", decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: '9fa79f12138e752175b896cf933962010de9fc31' }, this.i18n('additionalActions')))), this.renderTooltip()), index.h("div", { key: 'a3a887d56d3a7c90ea1ac9da65ac8937f28177f7', slot: "popup", class: "gux-list-container" }, index.h("gux-rich-text-editor-list", { key: '046a95add41ee42413e34573e9e279c672cdfaeb', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'fafcccfd1743bbca6774842292fdb69f9f7baf57' }))))));
+        return (index.h(index.Host, { key: '31c8cec018c19896a0010b3fb8d3370d79ea3a09' }, index.h("gux-popup", { key: '6c8dadd4b2bda315c36396f8302273bf2c9eb083', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: 'a8c07fdcfa505b6d074e0b3063f6f614308ae0d8', slot: "target" }, index.h("gux-button-slot", { key: '037eff182271836df3bef6e0f5c57c2e1dbf75fc', accent: "ghost" }, index.h("button", { key: 'a9a7933e9fe28e394ccdaac611227c0416e02ad3', id: this.buttonId, 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: 'b05d0cafd757ec2e2d89564e88f9675c04691f6f', "icon-name": "fa/ellipsis-vertical-regular", decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: '954744e4bada02370f19a3eeb4d2f72a11964c17' }, this.i18n('additionalActions')))), this.renderTooltip()), index.h("div", { key: 'f46625b4420cb650f3d931a1a0df7f77b9a96618', slot: "popup", class: "gux-list-container" }, index.h("gux-rich-text-editor-list", { key: 'eaa3409975762a2cf7962749c6a4b838ead4c672', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '1d1666062ebe2f287e12ee9364794c3425464ebf' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -267,13 +267,13 @@ const GuxRichTextEditorSubList = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '3e8b103c4807f860e53c0228edeafe7492afc4b8' }, index.h("button", { key: 'ac23a80739bd441b6fe1be753d19c199ac529e83', type: "button", class: {
+        return (index.h(index.Host, { key: '89391d5064f22d5e1ede7c0682a984f857942954' }, index.h("button", { key: '08bb5753a9b4e098c515e1d154530a68b6cd388f', 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(), disabled: this.disabled }, index.h("span", { key: '8ae50f5a027617430f424c3595bed5842a7ff02d', class: "gux-sub-list-button-text" }, this.label), index.h("gux-icon", { key: '50e67962e43b65ab5bf25aef3c50fae1d4e40863', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: 'e452254b53b18d5c960a66735605c478afd0ca05', ref: el => (this.subListElement = el), class: {
+            }, tabIndex: -1, role: "listitem", ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString(), disabled: this.disabled }, index.h("span", { key: 'e843f368b77e486f85eb2db1c218f82630da8f94', class: "gux-sub-list-button-text" }, this.label), index.h("gux-icon", { key: 'd54dac2a1b437551c2530f929341aaafde8a5e31', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '5cbd1b31aa9178d6608102f0875f0f9f9bde4650', ref: el => (this.subListElement = el), class: {
                 'gux-sub-list-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: 'c541ba856dd98aa9b869b35a67b75b2ea6b6c9bd', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, index.h("slot", { key: '62fa59a3c644516b45088fa9038293e41aac3215' })))));
+            } }, index.h("div", { key: '1216c466c5e50927d4a0516b62571d5a9b883ee7', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, index.h("slot", { key: '79e3a076132ada6ad7f0fc719140711fcf7f67ee' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CBglYKJO.js');
+var index = require('./index-npRUdf7N.js');
 
 const guxRichTextEditorActionGroupCss = () => `:host{display:flex;flex-direction:row}:host(.gux-hidden) .gux-divider{display:none}:host(.gux-hidden) ::slotted(:not(gux-rich-text-editor-action-link)){display:none}.gux-action-group-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-rte-toolbarBtnGroup-gap);align-items:flex-start;justify-content:flex-start}.gux-disabled{pointer-events:none;cursor:default;user-select:none;opacity:var(--gse-semantic-opacity-disabled)}.gux-divider{inline-size:var(--gse-ui-rte-divider-width);block-size:var(--gse-ui-rte-divider-height);margin:var(--gse-ui-rte-toolbar-divider-margin);background-color:var(--gse-ui-rte-toolbar-divider-color)}`;
 
@@ -16,10 +16,10 @@ const GuxRichTextEditorActionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b8b13db273739c96cb3c231f90dd3e3a5ff662c7' }, index.h("div", { key: '6e2a02af595d3dedd0efdaa7906def69e1ddf79b', class: {
+        return (index.h(index.Host, { key: '8c526990f9d3b9a355b2b64d898c80e39f844554' }, index.h("div", { key: 'b7eb91e626e4ff6d1350315f9ebab01f68404fa7', class: {
                 'gux-action-group-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '2c5e2b55e9be6dffc61a911e60c3f92cb5cf1d05' })), this.renderActionGroupDivider()));
+            } }, index.h("slot", { key: '4e0ad1f062bed7a01b9b0f081f081561ab86e968' })), this.renderActionGroupDivider()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-CBglYKJO.js');
-var onClickOutside = require('./on-click-outside-Z81yLXW0.js');
-var usage = require('./usage-CWS5rSpe.js');
-var index$1 = require('./index-DVtwB70Y.js');
+var index = require('./index-npRUdf7N.js');
+var onClickOutside = require('./on-click-outside-JPx_Y2im.js');
+var usage = require('./usage-CXG6kbqB.js');
+var index$1 = require('./index-D5gbJ1qH.js');
 var guxRichTextEditor_service = require('./gux-rich-text-editor.service-dc3baziB.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 require('./get-closest-element-CfyZl7i7.js');
@@ -107,9 +107,9 @@ const GuxRichTextEditorActionLink = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '52218b5d13279a63ee30138b67b1f31cc7291eb3' }, index.h("gux-button-slot", { key: '766458729c1d293e15277f13be0223a2d7692766', accent: "ghost", "icon-only": true }, index.h("button", { key: '23b2a160f4a1ba705e3e72145987c6dd2de03aea', id: "popover-target", class: {
+        return (index.h(index.Host, { key: '40e1614eda41e024e7116e719e6dd9f5802365c7' }, index.h("gux-button-slot", { key: 'c53d7ce2768fc793f8771e01844054f83a045104', accent: "ghost", "icon-only": true }, index.h("button", { key: 'd0c938d33897e930dfaa27059d04ce5abe052b1f', id: "popover-target", class: {
                 'gux-is-pressed': this.active || 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() }, index.h("gux-icon", { key: '5178ac3c4df33bf98a0f3fbaf393dcc371ab39f0', size: "small", "icon-name": "fa/link-simple-regular", decorative: true }))), index.h("gux-popover", { key: '11be36dcceaf014fa8c036921f51aa72afa3de1b', "is-open": this.isOpen, for: "popover-target" }, index.h("div", { key: '458a2bec975e7eab7ceba24fd589906c936394bd', class: "gux-popover-content-wrapper" }, index.h("gux-form-field-text-like", { key: 'bde1ee4b1c51af4ab0222bcac67a3c69c92f9ef4' }, index.h("input", { key: '862a767c6672f8a929b9217380767c3da168830e', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), index.h("label", { key: 'fe425544e7516c80da679a6844a4f3ff114a1ccd', slot: "label" }, this.i18n('textToDisplay'))), index.h("gux-form-field-text-like", { key: '16a6c259e0fdb8c5d3d4a80194314026a82cbd4c' }, index.h("input", { key: 'c958d457e3abd8c02658a00626bf294cf5b45c32', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), index.h("label", { key: 'ce778761433f01a6842af23b23d3618d67f31334', slot: "label" }, this.i18n('linkAddress'))), index.h("gux-cta-group", { key: '8b30536bc402d7ed5411d71381c8ac5b0b6a35d1', align: "end" }, index.h("gux-button", { key: 'c2dcd967bbf4a6fab8368a75d5cecf65dcd8eaa5', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), index.h("gux-button", { key: '22f856b5cc83875994946f02cefd74fe471f2c7e', ref: el => (this.dismissButtonElement = el), onClick: () => this.togglePopover(), slot: "dismiss" }, this.i18n('cancel'))))), this.renderTooltip()));
+            }, 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() }, index.h("gux-icon", { key: '3877d7e1b12bcf1019ce59ce7fb55534f71ecfe1', size: "small", "icon-name": "fa/link-simple-regular", decorative: true }))), index.h("gux-popover", { key: '5385391cbb3c71c36c47559f72582955c5cddef2', "is-open": this.isOpen, for: "popover-target" }, index.h("div", { key: '36338e51d8103ef23a0e5f6d42ec66e0dd0a0382', class: "gux-popover-content-wrapper" }, index.h("gux-form-field-text-like", { key: '83055ad6ba8f49e2933f63b2ff5052c91e040767' }, index.h("input", { key: '4497a41c32b83bf1c84d88952894c97519410254', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), index.h("label", { key: 'd4ed8f1d36f20f671c0798dbb6b169982fb766d9', slot: "label" }, this.i18n('textToDisplay'))), index.h("gux-form-field-text-like", { key: '89801bcc3423f7f4cb952235afbc8b66f88cf1b9' }, index.h("input", { key: 'a3f0b2563b451ca6ea75709da62942e64785e43f', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), index.h("label", { key: 'f0a6c16a65f111bbe002e127e21ed10ace15c26e', slot: "label" }, this.i18n('linkAddress'))), index.h("gux-cta-group", { key: 'c089d5e51b5f34b2dafc4d1280da1227297bac7a', align: "end" }, index.h("gux-button", { key: '0c645a88ecb42d44296549fd76005bfa738fb918', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), index.h("gux-button", { key: '2aeb81c3b1079a7ef960e07146d5e6640f6b37c7', ref: el => (this.dismissButtonElement = el), onClick: () => this.togglePopover(), slot: "dismiss" }, this.i18n('cancel'))))), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };