genesys-spark-components 4.201.0 → 4.201.1

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: 'fb31ce3117f1c2e3d7427b1379b9a95401b90953', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '278c9e24468cdf7d30536454ef45f85a3dbccc60', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'c0cb80d09da5180cfc37f6029a9ccc79f75a2f97', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '124103892ed8e8110c5aabcf4c4bb3b4c9a17d45', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '4db666a74aa886e3f131afe45848d44ede027ab6', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'a5e3372cc40a6e0688a873613a64b68151290439', 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-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.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: '67b85207ddadf7acc368f95982b0fb3b8e28b5b2', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '6c412cafcc3051685b3b2d5593cd01bb7014668f', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '947f72612e62d306ed501832b8875f4962a7d4d5', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '32e9413d8e4b79ca22164ccad6b5374cb0f83500', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '44529dd5b38b23da308ba92469a3873ef5a59f93', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '4d4b55cef0bff61d1041e180e5b685c591f41ab1', 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-BGHWOXcN.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.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: 'be5a0776f4a931c44242abbb20428d1a905dbbcd', class: "gux-pagination-container" }, index.h("div", { key: '9570fb3d5579f26c03cbe95ea130a275f5e92a11', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: 'c7a536c877fa18347dc3cc1ecada68e736e67c78', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: 'f9ff37ab727ec5a1ad65b8214ea2a55d351ba3a9', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '1c3a96ec3866a6632d9d0dda73ccbf4801e061c9', class: "gux-pagination-spacer" }), index.h("div", { key: '043a3b305c1d495f534294671727972f9d5b615d', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '72588d92f9ffeeb3bc20cc7a7d65323f212c6b55', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '0931754d28ffc2969840d6d042f226fe50c7343d', class: "gux-pagination-container" }, index.h("div", { key: '55008a4cbfc890d22852e724a785d3849a00a1c0', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '7029351c4d8e4ef808ec29a8e08be6e4b1a06ae3', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: '20b485e55ee6a7df07376ea800fb003b77f64dd9', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: 'dfce25c1ecbbcb8d53e3e4a0376b228095e91c17', class: "gux-pagination-spacer" }), index.h("div", { key: '8b72375fb0b3dc822745b0fa60477bd0f05cb29f', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: 'd9856c059e3370b66bd3ed53da1054c53c5be2bc', 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-BGHWOXcN.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var index$1 = require('./index-CIoLTj6_.js');
 var onClickOutside = require('./on-click-outside-P0KtJaXL.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');

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

@@ -3,7 +3,7 @@
 var index = require('./index-BGHWOXcN.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var onClickOutside = require('./on-click-outside-P0KtJaXL.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var getSlot = require('./get-slot-EZYuUuno.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');
 

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

@@ -4,7 +4,7 @@ var index = require('./index-BGHWOXcN.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var onClickOutside = require('./on-click-outside-P0KtJaXL.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.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)}";

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

@@ -3,7 +3,7 @@
 var index = require('./index-BGHWOXcN.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var onClickOutside = require('./on-click-outside-P0KtJaXL.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.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: '7f6697da3c7a20b57033ce6a9b4b818614650c9b', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: 'bfb226424d33bd5910d84d66cabf5f68f1457015', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: 'c87f0ae4fc5782c47ca37f3d1340015ccd59c455', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'c685a6276464dee1a2b283a50351f2218505809f', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'dfe53edfb9300114e15bb6e42d029a7eb058e764', class: "gux-popover-content" }, index.h("slot", { key: '4f3f0b0a9c84c2f5aa5634d661830cee5f0ad167' }))));
+            }, "data-placement": true }, index.h("div", { key: 'c7bc065b478aaab65707390c7abd7db1188bdf19', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'f06da16ae44e5adb4cb6d5a0bb0794a1cdf1ae33', onClick: this.dismiss.bind(this) })), index.h("div", { key: '5f8ab58c0b461396ba741d48df6a67cd075d10b0', class: "gux-popover-content" }, index.h("slot", { key: 'f3cdbf85ddf218f6331340ec220e695bd4ef0c6c' }))));
     }
     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: '33db9eb1aa9164eab7adf1dd8b7cc82c75ddebb0', class: {
+        return (index.h("div", { key: '97195d844489bca959eca0d36ccbeb0958ef9c45', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '1d6e598550fd61872e6bd08349e8d42222f8cc19', name: "target" }), index.h("div", { key: 'f226c57d62f07f4d1995033c9ac582220f2497fe', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '555c2837a2d5b1990386b7c03a5d00aab4596763', name: "target" }), index.h("div", { key: '7bfc66381ef9afa3b2e73ed5290961f3f8fbeecd', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: 'ff7a901a9bb3cded185a02588cee3cfa48cbf5a6', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '80fcfd54b0e7ce3873e591584bade544208e0e39', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var index$1 = require('./index-CIoLTj6_.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BGHWOXcN.js');
 var index$1 = require('./index-CIoLTj6_.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.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: '484fea12837ec624dc2475b47cc7ed00f6669a90', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: '46cab6bc72d82c486bf76bb86bd12c96a11a056b', 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-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.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-BGHWOXcN.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var clamp = require('./clamp-BlDLYO0F.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var index$1 = require('./index-CIoLTj6_.js');
 var onClickOutside = require('./on-click-outside-P0KtJaXL.js');
@@ -178,7 +178,7 @@ const GuxRating = class {
         return this.getRatingStarElements();
     }
     render() {
-        return (index.h(index.Host, { key: 'f3802f442c590385b96a5c5a10b6f58299562749', 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: '25812912366e47fb98fa50de5407d6ac0422a7a6', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: '6cf25f4e002b0941a4cb0f062c93c8d0f24b34b0', 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: '335d4e82e05df4e41f001d7177c91f6538d4d54a', 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,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var index$1 = require('./index-CIoLTj6_.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: '5a2344074e7200e3be3eeca0249788982cc96f40', class: {
+        return (index.h("div", { key: '4ccb2ad0884b94d2fa3394b885f23f92d03fc069', class: {
                 'gux-highlight': true,
                 [`gux-${this.highlight}`]: true
-            }, role: "listitem" }, index.h("button", { key: 'b120c1fc0146eaf762c030efe81b29fffcc8beb6', type: "button", "aria-label": this.i18n(`${this.highlight}`), tabIndex: -1, disabled: this.disabled }), this.renderTooltip()));
+            }, role: "listitem" }, index.h("button", { key: '87f18ed7675e62390595b1aedbd710c9948ca929', 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-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
 var index$1 = require('./index-CIoLTj6_.js');
 var en = require('./en-ChMBIoFc.js');
@@ -9,6 +9,7 @@ var onClickOutside = require('./on-click-outside-P0KtJaXL.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var guxRichTextEditor_service = require('./gux-rich-text-editor.service-Czmja0Kl.js');
+var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var guxList_service = require('./gux-list.service-CecJpxVa.js');
 require('./get-closest-element-BiXbQTqL.js');
@@ -39,7 +40,7 @@ const GuxRichStyleListItem = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '073f1a713eedbf0f79cecf846519eba9d63be891', role: "listitem" }, index.h("button", { key: '5fe1ac4ac3af43bc9dd865b1d827b59d7b091658', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("gux-truncate", { key: 'c7260c88cc074fc28d18f3856294a7c42740a0ac', "max-lines": 1 }, index.h("slot", { key: '760a19e1dfbfc42103792acdfbaa180e0bda8b79' })))));
+        return (index.h(index.Host, { key: '113ee845a70065b9086a1d933fbf48c4cff7792f', role: "listitem" }, index.h("button", { key: '3b6d9ea2fbf9afe63344e1887c33303d6dcf9632', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("gux-truncate", { key: 'e64d94543f8df6f4050c3ca3c2d48211ccf1554a', "max-lines": 1 }, index.h("slot", { key: '973d9d5e24e4ce1061b61e7507c0703b3e972b1d' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -61,6 +62,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxRichTextEditorMenu = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.buttonId = randomHtmlId.randomHTMLId('gux-rich-text-editor-menu');
         this.isOpen = false;
     }
     onClickOutside() {
@@ -136,14 +138,14 @@ const GuxRichTextEditorMenu = class {
         });
     }
     renderTooltip() {
-        return (index.h("gux-tooltip-beta", null, index.h("div", { slot: "content" }, this.i18n('additionalActions'))));
+        return (index.h("gux-tooltip-beta", { for: this.buttonId }, index.h("div", { slot: "content" }, this.i18n('additionalActions'))));
     }
     async componentWillLoad() {
         usage.trackComponent(this.root);
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: 'e34009a4385a0446bf095a7559edff1247763bc9' }, index.h("gux-popup", { key: 'bfbc010f300df505a02db08ebad1fde49991ee82', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '1a47ca9444eb4407c049527675ef91cc7b3ace84', slot: "target" }, index.h("gux-button-slot", { key: '4b64cc11d3bdda7771ab2c578f375b811f2f4e3d', accent: "ghost" }, index.h("button", { key: '21603eaed0080a53fc8f43dd1624bdc5e4802322', 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: 'a5699eeb6a64dbc6582e9b9e0be7ff0cb515ee64', "icon-name": "fa/ellipsis-vertical-regular", decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: '1b799758016c5ba5fbef790d34d1505042dd5583' }, this.i18n('additionalActions'))), this.renderTooltip())), index.h("div", { key: '225280addd952e07dd3abac2224f43e0fbbf0032', slot: "popup", class: "gux-list-container" }, index.h("gux-rich-text-editor-list", { key: '817c09c76acb404f9ba8a20d583b60656299811d', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'cfd985a0537fa83d48419ec090b97ab9b910fabf' }))))));
+        return (index.h(index.Host, { key: '7df5365dd8c1a1bfedfe84ea8dec73d66f9f3a85' }, index.h("gux-popup", { key: 'fcb327ac26e58e177724e1a4c0c3ed7623245578', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: 'f5182b139a90d8530e1386cdfca898420a903e1c', slot: "target" }, index.h("gux-button-slot", { key: '59db6f1b655c4b2210f7f644446ff80c8cbb4302', accent: "ghost" }, index.h("button", { key: '96cc45c4e0c2aeff7c2452079de15b5d5c07694a', 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: '7fc7620c5dd84c4335808afbe543e21f8db60804', "icon-name": "fa/ellipsis-vertical-regular", decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: 'c5334f151f374211c29707f46461ba2f660c0b30' }, this.i18n('additionalActions')))), this.renderTooltip()), index.h("div", { key: '9a85126ed56b95d02431d23188274c134cc1f9e3', slot: "popup", class: "gux-list-container" }, index.h("gux-rich-text-editor-list", { key: 'ad5a86b37a5e91af27f051dcbf0c645acbd40e42', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '2d547ff89b80cea0df4a736d1e8c748ee7afae73' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -280,13 +282,13 @@ const GuxRichTextEditorSubList = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '5b586b5e562cdda041c95d898d78056f74543640' }, index.h("button", { key: '354bef3327359c376c0510a017fcdd9e6bc6f2bf', type: "button", class: {
+        return (index.h(index.Host, { key: 'e5a91f3e49070fb3397a76aeb44cdbabd1c3afed' }, index.h("button", { key: 'c520806adfeb5b54a2ec9bcb91c90098c840d68c', 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: 'd6f1324df45316a4cdea9f482d33a442849503d2', class: "gux-sub-list-button-text" }, this.label), index.h("gux-icon", { key: '4e7c5055b1d0641e6675203cbd98a771303ca066', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '637714ebb439287c1adcc7d5d031327b48a8303b', 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: 'd8e05e863dd84e9d079f6a7d22c0e9531a34f68d', class: "gux-sub-list-button-text" }, this.label), index.h("gux-icon", { key: 'a26328eabb9db0d6cca5f47f2f19b9bf1b107bb8', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: 'e8b6cd630ce4ab08091d2e6adf17a21b3174cac4', ref: el => (this.subListElement = el), class: {
                 'gux-sub-list-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: 'e0dfd8fdd245c984aa4c226df59f9d46b7cacbfd', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, index.h("slot", { key: 'c6dac3bed04e0188c43cc63101cf929e0d1db973' })))));
+            } }, index.h("div", { key: '4c08ff8469aa2bfb3dcc254bcf8af563f7dee5f5', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, index.h("slot", { key: '4a3bb27c316f37a5fae8a7006a007d4365af3284' })))));
     }
     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: '1f3f1bd9e18fe770c6881762aee4483410bf2044' }, index.h("div", { key: '015b8cf6ff30f865cd88059217255d4013517d0b', class: "gux-action-group-container" }, index.h("slot", { key: '6b65fc8093cd93084d3139152f5ef3c9e837318d' })), this.renderActionGroupDivider()));
+        return (index.h(index.Host, { key: '94d324a0c3eafa480b6a4a56eff1569ee42c656e' }, index.h("div", { key: '17ef921a615722688884ce88ec275a802a07f404', class: "gux-action-group-container" }, index.h("slot", { key: '5a4c2af98a7a77601f640b7afcacb8a8281598b1' })), 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-BGHWOXcN.js');
 var onClickOutside = require('./on-click-outside-P0KtJaXL.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var index$1 = require('./index-CIoLTj6_.js');
 var en = require('./en-ChMBIoFc.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
@@ -106,13 +106,13 @@ const GuxRichTextEditorActionLink = class {
     }
     renderTooltip() {
         if (!this.disabled) {
-            return (index.h("gux-tooltip-beta", null, index.h("div", { slot: "content" }, this.i18n('link'))));
+            return (index.h("gux-tooltip-beta", { for: "popover-target" }, index.h("div", { slot: "content" }, this.i18n('link'))));
         }
     }
     render() {
-        return (index.h(index.Host, { key: '717174c811afcc6af41196f326ad4a6c65433ca9' }, index.h("gux-button-slot", { key: 'c7bb594b725fa78d6f815e24da04c211249d7cc8', accent: "ghost", "icon-only": true }, index.h("button", { key: 'ad4ab94fdec613871a071ad00b53494bcea0a52b', id: "popover-target", class: {
+        return (index.h(index.Host, { key: '7a936b531a5cb0f8cabacc8130822bd272a7ab5a' }, index.h("gux-button-slot", { key: '46a0c892756d4e0c81974d057306b056daea3e6c', accent: "ghost", "icon-only": true }, index.h("button", { key: '5ed71bb7160ba931437e36752afcaf039fcac91f', 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: '3f5073f30f56d5b0313b8d6683a26102ad6c2ce7', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), index.h("gux-popover", { key: '27728205f7e852c00d44dd6cf7205a5aa5c379ac', "is-open": this.isOpen, for: "popover-target" }, index.h("div", { key: '1c3897d16c35441f25dfecfa718014e543f4eb23', class: "gux-popover-content-wrapper" }, index.h("gux-form-field-text-like", { key: '4c5a8d4ffae582d2ddac5598e79c503b1f591181' }, index.h("input", { key: 'b04ac07b8b643f821993daead069a99df94b55f5', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), index.h("label", { key: 'd43391dc87cacfcedfa8cef074008ab42d841bb2', slot: "label" }, this.i18n('textToDisplay'))), index.h("gux-form-field-text-like", { key: 'f4fafffe12944564f21b9ea5a520172f0af7a076' }, index.h("input", { key: '516661c325f55d1d36bb5aacbd79272399685429', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), index.h("label", { key: '7c088bfb4cdde3ff44989ae66e397fc3dcf3b9e9', slot: "label" }, this.i18n('linkAddress'))), index.h("gux-cta-group", { key: '9f7d9211f5e05f87b9a1dc8a1dd17e923778b7ce', align: "end" }, index.h("gux-button", { key: 'c91d7ced7cde2fa9a1f25e6b8fa59e83589a51c3', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), index.h("gux-button", { key: 'bca1007b650aa9ade866dc76a47a8068a71d9f44', onClick: () => this.togglePopover(), slot: "dismiss" }, this.i18n('cancel')))))));
+            }, 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: 'fca6641a7872036dcfebb4ccb4c2879ff5aef077', size: "small", "icon-name": "fa/link-simple-regular", decorative: true }))), index.h("gux-popover", { key: '30ef24abc7cb069948419a2759c09dce69ef2864', "is-open": this.isOpen, for: "popover-target" }, index.h("div", { key: '5c9942c3b3539d418cae124643f5259fa0551144', class: "gux-popover-content-wrapper" }, index.h("gux-form-field-text-like", { key: '2eb5d50fbfd3f8b815e0cf60585997e72185b6e0' }, index.h("input", { key: '91ce9f756f26903410486b5f6b45a9ade162f9a8', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), index.h("label", { key: 'abe54fc5426cd6dc742adf58d5dae3b20b5fd2c3', slot: "label" }, this.i18n('textToDisplay'))), index.h("gux-form-field-text-like", { key: '6cd3a36e0d7f234c68db3c169bd7fd21a3d1540b' }, index.h("input", { key: 'ee0ca8ee8ab5b56540577f00a553e19d8c0517c6', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), index.h("label", { key: 'dda0d9480bceb9d275653a7adbcb5783d068c267', slot: "label" }, this.i18n('linkAddress'))), index.h("gux-cta-group", { key: '9ca4c2e669c406987e8f7b23cf320748ed9a99d7', align: "end" }, index.h("gux-button", { key: '3aaadb1c31f433e7f079aaee54536509a3777d59', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), index.h("gux-button", { key: 'e9bb11e0b56c25367a409fa4edf937b1984f04eb', onClick: () => this.togglePopover(), slot: "dismiss" }, this.i18n('cancel'))))), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,12 +1,13 @@
 'use strict';
 
 var index = require('./index-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var guxRichTextEditor_service = require('./gux-rich-text-editor.service-Czmja0Kl.js');
 var onClickOutside = require('./on-click-outside-P0KtJaXL.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var index$1 = require('./index-CIoLTj6_.js');
 var en = require('./en-ChMBIoFc.js');
+var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 require('./get-closest-element-BiXbQTqL.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -25,6 +26,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxRichTextEditorActionRichStyle = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.buttonId = randomHtmlId.randomHTMLId('gux-rich-text-editor-action-rich-style');
         this.expanded = false;
         this.disabled = false;
     }
@@ -145,7 +147,7 @@ const GuxRichTextEditorActionRichStyle = class {
     }
     renderTooltip() {
         if (!this.disabled && !this.expanded) {
-            return (index.h("gux-tooltip-beta", null, index.h("div", { slot: "content" }, this.i18n('richStyle'))));
+            return (index.h("gux-tooltip-beta", { for: this.buttonId }, index.h("div", { slot: "content" }, this.i18n('richStyle'))));
         }
     }
     onActionButtonClick() {
@@ -172,10 +174,10 @@ const GuxRichTextEditorActionRichStyle = class {
         return (index.h("div", { class: "gux-list-container", slot: "popup" }, index.h("gux-rich-text-editor-list", { ref: el => (this.listElement = el), onClick: e => this.onListClick(e) }, index.h("slot", null))));
     }
     renderTarget() {
-        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()));
+        return (index.h("gux-button-slot", { accent: "ghost", slot: "target", "icon-only": true }, index.h("button", { id: this.buttonId, 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())));
     }
     render() {
-        return (index.h("gux-popup", { key: 'ab1909c635f4da9100bf2addd36d51672ba846bb', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (index.h(index.Host, { key: '28981ac1d6398c81891637da0bcf24a42e09cff4' }, index.h("gux-popup", { key: '7a728a1786b0be5c7034f4b6fb4ff4f29eb61be5', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -2,13 +2,14 @@
 
 var index = require('./index-BGHWOXcN.js');
 var onClickOutside = require('./on-click-outside-P0KtJaXL.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var index$1 = require('./index-CIoLTj6_.js');
 var en = require('./en-ChMBIoFc.js');
 var guxRichTextEditor_service = require('./gux-rich-text-editor.service-Czmja0Kl.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var eventIsFrom = require('./event-is-from-D62oX3Ld.js');
+var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./get-closest-element-BiXbQTqL.js');
 
@@ -28,6 +29,7 @@ const GuxRichTextEditorActionTextHighlight = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.noHighlightAction = index.createEvent(this, "noHighlightAction", 7);
+        this.buttonId = randomHtmlId.randomHTMLId('gux-rich-text-editor-action-text-highlight');
         this.disabled = false;
         this.active = false;
         this.expanded = false;
@@ -101,7 +103,7 @@ const GuxRichTextEditorActionTextHighlight = class {
     }
     renderTooltip() {
         if (!this.disabled && !this.expanded) {
-            return (index.h("gux-tooltip-beta", null, index.h("div", { slot: "content" }, this.i18n('textHighlight'))));
+            return (index.h("gux-tooltip-beta", { for: this.buttonId }, index.h("div", { slot: "content" }, this.i18n('textHighlight'))));
         }
     }
     renderPopup() {
@@ -125,12 +127,12 @@ const GuxRichTextEditorActionTextHighlight = class {
         this.actionButton.focus();
     }
     renderTarget() {
-        return (index.h("gux-button-slot", { accent: "ghost", "icon-only": true, slot: "target" }, index.h("button", { type: "button", ref: el => (this.actionButton = el), onClick: () => this.togglePopup(), disabled: this.disabled || guxRichTextEditor_service.hasDisabledParent(this.root), class: {
+        return (index.h("gux-button-slot", { accent: "ghost", "icon-only": true, slot: "target" }, index.h("button", { id: this.buttonId, type: "button", ref: el => (this.actionButton = el), onClick: () => this.togglePopup(), disabled: this.disabled || guxRichTextEditor_service.hasDisabledParent(this.root), class: {
                 'gux-is-pressed': this.active || this.expanded
-            }, "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-icon", { size: "small", "icon-name": "fa/highlighter-line-regular", decorative: true }), index.h("gux-screen-reader-beta", null, this.i18n('textHighlight'))), this.renderTooltip()));
+            }, "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-icon", { size: "small", "icon-name": "fa/highlighter-line-regular", decorative: true }), index.h("gux-screen-reader-beta", null, this.i18n('textHighlight')))));
     }
     render() {
-        return (index.h("gux-popup", { key: '03cee5bbb32ebc04b16df373209c7d5a7b874663', disabled: this.disabled, expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (index.h(index.Host, { key: '4ce2a060c9d475b24f0d84a7cae248ef42c92d7f' }, index.h("gux-popup", { key: '90a353522d773406eae77376e94a9a95e4c5076a', disabled: this.disabled, expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,10 +1,11 @@
 'use strict';
 
 var index = require('./index-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var index$1 = require('./index-CIoLTj6_.js');
 var en = require('./en-ChMBIoFc.js');
 var guxRichTextEditor_service = require('./gux-rich-text-editor.service-Czmja0Kl.js');
+var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./get-closest-element-BiXbQTqL.js');
 
@@ -13,6 +14,7 @@ const guxRichTextEditorActionCss = ":host{display:block}gux-button-slot{inline-s
 const GuxRichTextEditorAction = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.buttonId = randomHtmlId.randomHTMLId('gux-rich-text-editor-action');
         this.disabled = false;
         this.active = false;
     }
@@ -32,7 +34,7 @@ const GuxRichTextEditorAction = class {
     }
     renderTooltip() {
         if (!this.disabled) {
-            return (index.h("gux-tooltip-beta", null, index.h("div", { slot: "content" }, this.i18n(this.action))));
+            return (index.h("gux-tooltip-beta", { for: this.buttonId }, index.h("div", { slot: "content" }, this.i18n(this.action))));
         }
     }
     isToggleAction() {
@@ -45,7 +47,7 @@ const GuxRichTextEditorAction = class {
         return !nonToggleActions.includes(this.action);
     }
     renderActionButton() {
-        return (index.h("gux-button-slot", { accent: "ghost", "icon-only": true }, index.h("button", { type: "button", disabled: this.disabled || guxRichTextEditor_service.hasDisabledParent(this.root), class: { 'gux-is-pressed': this.active }, "aria-pressed": this.isToggleAction() && this.active.toString() }, index.h("gux-icon", { "icon-name": guxRichTextEditor_service.returnActionTypeIcon(this.action), decorative: true, size: "small" }), index.h("gux-screen-reader-beta", null, this.i18n(this.action))), this.renderTooltip()));
+        return (index.h(index.Host, null, index.h("gux-button-slot", { accent: "ghost", "icon-only": true }, index.h("button", { id: this.buttonId, type: "button", disabled: this.disabled || guxRichTextEditor_service.hasDisabledParent(this.root), class: { 'gux-is-pressed': this.active }, "aria-pressed": this.isToggleAction() && this.active.toString() }, index.h("gux-icon", { "icon-name": guxRichTextEditor_service.returnActionTypeIcon(this.action), decorative: true, size: "small" }), index.h("gux-screen-reader-beta", null, this.i18n(this.action)))), this.renderTooltip()));
     }
     render() {
         return this.renderActionButton();

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

@@ -3,7 +3,7 @@
 var index = require('./index-BGHWOXcN.js');
 var onResize = require('./on-resize-q832igpu.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var guxRichTextEditor_service = require('./gux-rich-text-editor.service-Czmja0Kl.js');
 var index$1 = require('./index-CIoLTj6_.js');
 var en = require('./en-ChMBIoFc.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var guxList_service = require('./gux-list.service-CecJpxVa.js');
 
 const guxRichTextEditorListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
@@ -100,7 +100,7 @@ const GuxRichTextEditorList = class {
         guxList_service.last(this.root, validFocusableItems);
     }
     render() {
-        return (index.h(index.Host, { key: 'cf5b21e168eb2eba17b43a504ba4dd6ac1a491dc', role: "list" }, index.h("slot", { key: 'fd1297d32092894c3d5efbfa98d06589ae982dd2', onSlotchange: () => this.setListItems() })));
+        return (index.h(index.Host, { key: '1c96fa4cd4baaeef11eb077712f4e36cdc33969b', role: "list" }, index.h("slot", { key: '82f5fab9e15e0a84fe4c9222a6b800f6fe3b650b', onSlotchange: () => this.setListItems() })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-row-select.cjs.entry.js

@@ -24,9 +24,9 @@ const GuxRowSelect = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources, 'gux-table');
     }
     render() {
-        return (index.h("gux-form-field-checkbox", { key: 'be5f06e78bd89af830cf411f4b886e91eea9d9ee', "label-position": "screenreader" }, index.h("input", { key: '3ea7d1e96ccd252642219b56e7b2ac4ed737db15', ref: el => (this.inputElement = el), class: this.selected
+        return (index.h("gux-form-field-checkbox", { key: 'eda6e69d153c3e5dc50f36942cf64cdbec0cd7db', "label-position": "screenreader" }, index.h("input", { key: 'c12d39c8923f9a6fd2f9409a90bbb2bc7ef12054', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: 'e782472fe0c140bd156506a7af172bbc0b4b540a', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '4902182c9b432159f4b95a1da81331525779548f' }, this.label ? this.label : this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '2f5c73f2b0da433cccdfc554b5728cc0278a4053', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '9db9b935352d23a6325170b61589676f920f748a' }, this.label ? this.label : this.i18n('selectTableRow')))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-screen-reader-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 
 const guxScreenReaderCss = ":host{display:contents}.gux-sr-only{}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}";
 
@@ -18,7 +18,7 @@ const GuxScreenReader = class {
     }
     render() {
         const ElementType = this.blockLevel ? 'div' : 'span';
-        return (index.h(ElementType, { key: '0ce3290f4535c5d7a72d81faef43993922ddba07', class: "gux-sr-only" }, index.h("slot", { key: '41754facbb2d6cc61e960556d4e6d5a0919f73d6' })));
+        return (index.h(ElementType, { key: '0888828c647f6fa1dfec634a715daa5eb5343113', class: "gux-sr-only" }, index.h("slot", { key: '0ac38a1b27a87052500de55c101f04ca218e278e' })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-segmented-control-beta.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-BGHWOXcN.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex;block-size:var(--gse-ui-segmentedControl-height);padding:var(--gse-ui-segmentedControl-padding);background-color:var(--gse-ui-segmentedControl-container-background);border:var(--gse-ui-segmentedControl-border-width) var(--gse-ui-segmentedControl-border-style) var(--gse-ui-segmentedControl-border-color);border-radius:var(--gse-ui-segmentedControl-borderRadius)}";
 
@@ -38,7 +38,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '8ea8809e4a53ec87c8aa91be3156df962528b77d', role: "group" }, index.h("slot", { key: '2b9e71e2d44d39d726c684a2cf7fcce19c4b5eab', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: '76945fb221fe5d580e0e42a4e5c562ba8b962905', role: "group" }, index.h("slot", { key: '97c79653015e47197daae03e42a805f42fa3c4b9', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-segmented-control-divider.cjs.entry.js

@@ -9,7 +9,7 @@ const GuxSegmentedControlDivider = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '7a1564369ac2198a7a3201cd6b85fd4370170e7b', role: "presentation" }, index.h("div", { key: '05171e5c67063e95f29605d9a89dc92b968f47eb', class: "gux-segmented-control-divider" })));
+        return (index.h(index.Host, { key: 'c167b43705d502cce1d82c86cce9d98196f68884', role: "presentation" }, index.h("div", { key: '1fcd8ca4098f32ac0c754d7d5a7aeb1dfa48c85c', class: "gux-segmented-control-divider" })));
     }
 };
 GuxSegmentedControlDivider.style = guxSegmentedControlDividerCss;

package/dist/cjs/gux-segmented-control-item.cjs.entry.js

@@ -40,17 +40,17 @@ const GuxSegmentedControlItem = class {
     }
     render() {
         return [
-            index.h("button", { key: '180d260f9a82e9c0db63426c3135934dcb1221a0', class: {
+            index.h("button", { key: '803762ffdd283c9eb163840d32da392b7d3d0d6e', class: {
                     'gux-segmented-control-item': true,
                     'gux-icon-only': this.iconOnly,
                     'gux-selected': this.selected,
                     'gux-parent-disabled': this.hasDisabledParent()
-                }, type: "button", id: this.id, "aria-current": this.selected ? 'true' : 'false', disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), index.h("span", { key: 'e9512fe3cf090caf7d7e9a4fbea87f5a98699460', class: {
+                }, type: "button", id: this.id, "aria-current": this.selected ? 'true' : 'false', disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), index.h("span", { key: '4b9c72b53c971e644f9b98b5ac31c94c78dacff4', class: {
                     'gux-text': true,
                     'gux-icon-only': this.iconOnly
-                } }, index.h("slot", { key: '68164abd9268ed5ae4b503f5e3ca89f5a8db1ce1', name: "text" }))),
+                } }, index.h("slot", { key: '6a309ccd51da01cf24ec3e7609eccc8e2e9ba275', name: "text" }))),
             this.renderTooltip(),
-            index.h("gux-segmented-control-divider", { key: '413a2aeee44a82ca5148b9fb1406466c9d4dd66a' })
+            index.h("gux-segmented-control-divider", { key: '3bfa840d556e1d87660958143f5155e55b5d0225' })
         ];
     }
     static get delegatesFocus() { return true; }