genesys-spark-components 4.201.0 → 4.201.1

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-C1fW4ajX.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, h as hide, b as arrow } from './floating-ui.dom-C8aV-TzO.js';
 import { O as OnClickOutside } from './on-click-outside-BdeJzE16.js';
-import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
 import { g as getSlot } from './get-slot-BBpQG81s.js';
 import { f as findElementById } from './find-element-by-id-Cr5bTKWF.js';
 

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, a as getElement } from './i
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, h as hide, b as arrow } from './floating-ui.dom-C8aV-TzO.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
 import { O as OnClickOutside } from './on-click-outside-BdeJzE16.js';
-import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
 import { f as findElementById } from './find-element-by-id-Cr5bTKWF.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/esm/gux-popover-list.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-C1fW4ajX.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom-C8aV-TzO.js';
 import { O as OnClickOutside } from './on-click-outside-BdeJzE16.js';
-import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
 import { f as findElementById } from './find-element-by-id-Cr5bTKWF.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)}";
@@ -137,10 +137,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (h("div", { key: '7f6697da3c7a20b57033ce6a9b4b818614650c9b', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'bfb226424d33bd5910d84d66cabf5f68f1457015', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'c87f0ae4fc5782c47ca37f3d1340015ccd59c455', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'c685a6276464dee1a2b283a50351f2218505809f', onClick: this.dismiss.bind(this) })), h("div", { key: 'dfe53edfb9300114e15bb6e42d029a7eb058e764', class: "gux-popover-content" }, h("slot", { key: '4f3f0b0a9c84c2f5aa5634d661830cee5f0ad167' }))));
+            }, "data-placement": true }, h("div", { key: 'c7bc065b478aaab65707390c7abd7db1188bdf19', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'f06da16ae44e5adb4cb6d5a0bb0794a1cdf1ae33', onClick: this.dismiss.bind(this) })), h("div", { key: '5f8ab58c0b461396ba741d48df6a67cd075d10b0', class: "gux-popover-content" }, h("slot", { key: 'f3cdbf85ddf218f6331340ec220e695bd4ef0c6c' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -117,13 +117,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (h("div", { key: '33db9eb1aa9164eab7adf1dd8b7cc82c75ddebb0', class: {
+        return (h("div", { key: '97195d844489bca959eca0d36ccbeb0958ef9c45', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '1d6e598550fd61872e6bd08349e8d42222f8cc19', name: "target" }), h("div", { key: 'f226c57d62f07f4d1995033c9ac582220f2497fe', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '555c2837a2d5b1990386b7c03a5d00aab4596763', name: "target" }), h("div", { key: '7bfc66381ef9afa3b2e73ed5290961f3f8fbeecd', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'ff7a901a9bb3cded185a02588cee3cfa48cbf5a6', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '80fcfd54b0e7ce3873e591584bade544208e0e39', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-C1fW4ajX.js';
-import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
 import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
 import './get-closest-element-Cd4R0amv.js';
 

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

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, a as getElement } from './index-C1fW4ajX.js';
 import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
-import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -47,7 +47,7 @@ const GuxRadialLoading = class {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '484fea12837ec624dc2475b47cc7ed00f6669a90', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '46cab6bc72d82c486bf76bb86bd12c96a11a056b', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, a as getElement } from './index-C1fW4ajX.js';
-import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-C1fW4ajX.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import { c as clamp } from './clamp-CcCycvZh.js';
-import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
 import { O as OnClickOutside } from './on-click-outside-BdeJzE16.js';
@@ -176,7 +176,7 @@ const GuxRating = class {
         return this.getRatingStarElements();
     }
     render() {
-        return (h(Host, { key: 'f3802f442c590385b96a5c5a10b6f58299562749', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '25812912366e47fb98fa50de5407d6ac0422a7a6', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '6cf25f4e002b0941a4cb0f062c93c8d0f24b34b0', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, 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/esm/gux-rich-highlight-list-item.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-C1fW4ajX.js';
-import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
 import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
 import { t as translationResources } from './en-DN3YAdAX.js';
 import { g as getClosestElement } from './get-closest-element-Cd4R0amv.js';
@@ -37,10 +37,10 @@ const GuxRichHighlightListItem = class {
         }
     }
     render() {
-        return (h("div", { key: '5a2344074e7200e3be3eeca0249788982cc96f40', class: {
+        return (h("div", { key: '4ccb2ad0884b94d2fa3394b885f23f92d03fc069', class: {
                 'gux-highlight': true,
                 [`gux-${this.highlight}`]: true
-            }, role: "listitem" }, h("button", { key: 'b120c1fc0146eaf762c030efe81b29fffcc8beb6', type: "button", "aria-label": this.i18n(`${this.highlight}`), tabIndex: -1, disabled: this.disabled }), this.renderTooltip()));
+            }, role: "listitem" }, 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 getElement(this); }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-C1fW4ajX.js';
-import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
 import { g as getClosestElement } from './get-closest-element-Cd4R0amv.js';
 import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
 import { t as translationResources } from './en-DN3YAdAX.js';
@@ -7,6 +7,7 @@ import { O as OnClickOutside } from './on-click-outside-BdeJzE16.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import { w as whenEventIsFrom } from './when-event-is-from-kLXvN2m9.js';
 import { h as hasDisabledParent } from './gux-rich-text-editor.service-B2Ts-zZ9.js';
+import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift } from './floating-ui.dom-C8aV-TzO.js';
 import { n as next, p as previous } from './gux-list.service-BebXX5IS.js';
 import './get-closest-element-DCZG2J0G.js';
@@ -37,7 +38,7 @@ const GuxRichStyleListItem = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '073f1a713eedbf0f79cecf846519eba9d63be891', role: "listitem" }, h("button", { key: '5fe1ac4ac3af43bc9dd865b1d827b59d7b091658', type: "button", tabIndex: -1, disabled: this.disabled }, h("gux-truncate", { key: 'c7260c88cc074fc28d18f3856294a7c42740a0ac', "max-lines": 1 }, h("slot", { key: '760a19e1dfbfc42103792acdfbaa180e0bda8b79' })))));
+        return (h(Host, { key: '113ee845a70065b9086a1d933fbf48c4cff7792f', role: "listitem" }, h("button", { key: '3b6d9ea2fbf9afe63344e1887c33303d6dcf9632', type: "button", tabIndex: -1, disabled: this.disabled }, h("gux-truncate", { key: 'e64d94543f8df6f4050c3ca3c2d48211ccf1554a', "max-lines": 1 }, h("slot", { key: '973d9d5e24e4ce1061b61e7507c0703b3e972b1d' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -59,6 +60,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxRichTextEditorMenu = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.buttonId = randomHTMLId('gux-rich-text-editor-menu');
         this.isOpen = false;
     }
     onClickOutside() {
@@ -134,14 +136,14 @@ const GuxRichTextEditorMenu = class {
         });
     }
     renderTooltip() {
-        return (h("gux-tooltip-beta", null, h("div", { slot: "content" }, this.i18n('additionalActions'))));
+        return (h("gux-tooltip-beta", { for: this.buttonId }, h("div", { slot: "content" }, this.i18n('additionalActions'))));
     }
     async componentWillLoad() {
         trackComponent(this.root);
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'e34009a4385a0446bf095a7559edff1247763bc9' }, h("gux-popup", { key: 'bfbc010f300df505a02db08ebad1fde49991ee82', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '1a47ca9444eb4407c049527675ef91cc7b3ace84', slot: "target" }, h("gux-button-slot", { key: '4b64cc11d3bdda7771ab2c578f375b811f2f4e3d', accent: "ghost" }, h("button", { key: '21603eaed0080a53fc8f43dd1624bdc5e4802322', type: "button", onClick: () => this.onActionClick(), ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: hasDisabledParent(this.root) }, h("gux-icon", { key: 'a5699eeb6a64dbc6582e9b9e0be7ff0cb515ee64', "icon-name": "fa/ellipsis-vertical-regular", decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '1b799758016c5ba5fbef790d34d1505042dd5583' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '225280addd952e07dd3abac2224f43e0fbbf0032', slot: "popup", class: "gux-list-container" }, h("gux-rich-text-editor-list", { key: '817c09c76acb404f9ba8a20d583b60656299811d', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'cfd985a0537fa83d48419ec090b97ab9b910fabf' }))))));
+        return (h(Host, { key: '7df5365dd8c1a1bfedfe84ea8dec73d66f9f3a85' }, h("gux-popup", { key: 'fcb327ac26e58e177724e1a4c0c3ed7623245578', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'f5182b139a90d8530e1386cdfca898420a903e1c', slot: "target" }, h("gux-button-slot", { key: '59db6f1b655c4b2210f7f644446ff80c8cbb4302', accent: "ghost" }, 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: hasDisabledParent(this.root) }, h("gux-icon", { key: '7fc7620c5dd84c4335808afbe543e21f8db60804', "icon-name": "fa/ellipsis-vertical-regular", decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'c5334f151f374211c29707f46461ba2f660c0b30' }, this.i18n('additionalActions')))), this.renderTooltip()), h("div", { key: '9a85126ed56b95d02431d23188274c134cc1f9e3', slot: "popup", class: "gux-list-container" }, h("gux-rich-text-editor-list", { key: 'ad5a86b37a5e91af27f051dcbf0c645acbd40e42', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '2d547ff89b80cea0df4a736d1e8c748ee7afae73' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -278,13 +280,13 @@ const GuxRichTextEditorSubList = class {
         }
     }
     render() {
-        return (h(Host, { key: '5b586b5e562cdda041c95d898d78056f74543640' }, h("button", { key: '354bef3327359c376c0510a017fcdd9e6bc6f2bf', type: "button", class: {
+        return (h(Host, { key: 'e5a91f3e49070fb3397a76aeb44cdbabd1c3afed' }, 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() }, h("span", { key: 'd6f1324df45316a4cdea9f482d33a442849503d2', class: "gux-sub-list-button-text" }, this.label), h("gux-icon", { key: '4e7c5055b1d0641e6675203cbd98a771303ca066', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), 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() }, h("span", { key: 'd8e05e863dd84e9d079f6a7d22c0e9531a34f68d', class: "gux-sub-list-button-text" }, this.label), h("gux-icon", { key: 'a26328eabb9db0d6cca5f47f2f19b9bf1b107bb8', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'e8b6cd630ce4ab08091d2e6adf17a21b3174cac4', ref: el => (this.subListElement = el), class: {
                 'gux-sub-list-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'e0dfd8fdd245c984aa4c226df59f9d46b7cacbfd', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, h("slot", { key: 'c6dac3bed04e0188c43cc63101cf929e0d1db973' })))));
+            } }, h("div", { key: '4c08ff8469aa2bfb3dcc254bcf8af563f7dee5f5', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, h("slot", { key: '4a3bb27c316f37a5fae8a7006a007d4365af3284' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -13,7 +13,7 @@ const GuxRichTextEditorActionGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: '1f3f1bd9e18fe770c6881762aee4483410bf2044' }, h("div", { key: '015b8cf6ff30f865cd88059217255d4013517d0b', class: "gux-action-group-container" }, h("slot", { key: '6b65fc8093cd93084d3139152f5ef3c9e837318d' })), this.renderActionGroupDivider()));
+        return (h(Host, { key: '94d324a0c3eafa480b6a4a56eff1569ee42c656e' }, h("div", { key: '17ef921a615722688884ce88ec275a802a07f404', class: "gux-action-group-container" }, h("slot", { key: '5a4c2af98a7a77601f640b7afcacb8a8281598b1' })), this.renderActionGroupDivider()));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-C1fW4ajX.js';
 import { O as OnClickOutside } from './on-click-outside-BdeJzE16.js';
-import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
 import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
 import { t as translationResources } from './en-DN3YAdAX.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
@@ -104,13 +104,13 @@ const GuxRichTextEditorActionLink = class {
     }
     renderTooltip() {
         if (!this.disabled) {
-            return (h("gux-tooltip-beta", null, h("div", { slot: "content" }, this.i18n('link'))));
+            return (h("gux-tooltip-beta", { for: "popover-target" }, h("div", { slot: "content" }, this.i18n('link'))));
         }
     }
     render() {
-        return (h(Host, { key: '717174c811afcc6af41196f326ad4a6c65433ca9' }, h("gux-button-slot", { key: 'c7bb594b725fa78d6f815e24da04c211249d7cc8', accent: "ghost", "icon-only": true }, h("button", { key: 'ad4ab94fdec613871a071ad00b53494bcea0a52b', id: "popover-target", class: {
+        return (h(Host, { key: '7a936b531a5cb0f8cabacc8130822bd272a7ab5a' }, h("gux-button-slot", { key: '46a0c892756d4e0c81974d057306b056daea3e6c', accent: "ghost", "icon-only": true }, 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 || hasDisabledParent(this.root), "aria-label": this.i18n('link'), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '3f5073f30f56d5b0313b8d6683a26102ad6c2ce7', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), h("gux-popover", { key: '27728205f7e852c00d44dd6cf7205a5aa5c379ac', "is-open": this.isOpen, for: "popover-target" }, h("div", { key: '1c3897d16c35441f25dfecfa718014e543f4eb23', class: "gux-popover-content-wrapper" }, h("gux-form-field-text-like", { key: '4c5a8d4ffae582d2ddac5598e79c503b1f591181' }, h("input", { key: 'b04ac07b8b643f821993daead069a99df94b55f5', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), h("label", { key: 'd43391dc87cacfcedfa8cef074008ab42d841bb2', slot: "label" }, this.i18n('textToDisplay'))), h("gux-form-field-text-like", { key: 'f4fafffe12944564f21b9ea5a520172f0af7a076' }, h("input", { key: '516661c325f55d1d36bb5aacbd79272399685429', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), h("label", { key: '7c088bfb4cdde3ff44989ae66e397fc3dcf3b9e9', slot: "label" }, this.i18n('linkAddress'))), h("gux-cta-group", { key: '9f7d9211f5e05f87b9a1dc8a1dd17e923778b7ce', align: "end" }, h("gux-button", { key: 'c91d7ced7cde2fa9a1f25e6b8fa59e83589a51c3', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), 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 || hasDisabledParent(this.root), "aria-label": this.i18n('link'), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'fca6641a7872036dcfebb4ccb4c2879ff5aef077', size: "small", "icon-name": "fa/link-simple-regular", decorative: true }))), h("gux-popover", { key: '30ef24abc7cb069948419a2759c09dce69ef2864', "is-open": this.isOpen, for: "popover-target" }, h("div", { key: '5c9942c3b3539d418cae124643f5259fa0551144', class: "gux-popover-content-wrapper" }, h("gux-form-field-text-like", { key: '2eb5d50fbfd3f8b815e0cf60585997e72185b6e0' }, h("input", { key: '91ce9f756f26903410486b5f6b45a9ade162f9a8', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), h("label", { key: 'abe54fc5426cd6dc742adf58d5dae3b20b5fd2c3', slot: "label" }, this.i18n('textToDisplay'))), h("gux-form-field-text-like", { key: '6cd3a36e0d7f234c68db3c169bd7fd21a3d1540b' }, h("input", { key: 'ee0ca8ee8ab5b56540577f00a553e19d8c0517c6', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), h("label", { key: 'dda0d9480bceb9d275653a7adbcb5783d068c267', slot: "label" }, this.i18n('linkAddress'))), h("gux-cta-group", { key: '9ca4c2e669c406987e8f7b23cf320748ed9a99d7', align: "end" }, h("gux-button", { key: '3aaadb1c31f433e7f079aaee54536509a3777d59', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), h("gux-button", { key: 'e9bb11e0b56c25367a409fa4edf937b1984f04eb', onClick: () => this.togglePopover(), slot: "dismiss" }, this.i18n('cancel'))))), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,10 +1,11 @@
-import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-C1fW4ajX.js';
-import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host, a as getElement } from './index-C1fW4ajX.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
 import { h as hasDisabledParent } from './gux-rich-text-editor.service-B2Ts-zZ9.js';
 import { O as OnClickOutside } from './on-click-outside-BdeJzE16.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
 import { t as translationResources } from './en-DN3YAdAX.js';
+import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import './get-closest-element-DCZG2J0G.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -23,6 +24,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxRichTextEditorActionRichStyle = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.buttonId = randomHTMLId('gux-rich-text-editor-action-rich-style');
         this.expanded = false;
         this.disabled = false;
     }
@@ -143,7 +145,7 @@ const GuxRichTextEditorActionRichStyle = class {
     }
     renderTooltip() {
         if (!this.disabled && !this.expanded) {
-            return (h("gux-tooltip-beta", null, h("div", { slot: "content" }, this.i18n('richStyle'))));
+            return (h("gux-tooltip-beta", { for: this.buttonId }, h("div", { slot: "content" }, this.i18n('richStyle'))));
         }
     }
     onActionButtonClick() {
@@ -170,10 +172,10 @@ const GuxRichTextEditorActionRichStyle = class {
         return (h("div", { class: "gux-list-container", slot: "popup" }, h("gux-rich-text-editor-list", { ref: el => (this.listElement = el), onClick: e => this.onListClick(e) }, h("slot", null))));
     }
     renderTarget() {
-        return (h("gux-button-slot", { accent: "ghost", slot: "target", "icon-only": true }, h("button", { type: "button", ref: el => (this.actionButton = el), class: { 'gux-is-pressed': this.expanded }, onClick: () => this.onActionButtonClick(), disabled: this.disabled || hasDisabledParent(this.root), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, this.renderMenu()), this.renderTooltip()));
+        return (h("gux-button-slot", { accent: "ghost", slot: "target", "icon-only": true }, h("button", { id: this.buttonId, type: "button", ref: el => (this.actionButton = el), class: { 'gux-is-pressed': this.expanded }, onClick: () => this.onActionButtonClick(), disabled: this.disabled || hasDisabledParent(this.root), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, this.renderMenu())));
     }
     render() {
-        return (h("gux-popup", { key: 'ab1909c635f4da9100bf2addd36d51672ba846bb', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (h(Host, { key: '28981ac1d6398c81891637da0bcf24a42e09cff4' }, 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 getElement(this); }

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

@@ -1,12 +1,13 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-C1fW4ajX.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-C1fW4ajX.js';
 import { O as OnClickOutside } from './on-click-outside-BdeJzE16.js';
-import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
 import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
 import { t as translationResources } from './en-DN3YAdAX.js';
 import { h as hasDisabledParent } from './gux-rich-text-editor.service-B2Ts-zZ9.js';
 import { w as whenEventIsFrom } from './when-event-is-from-kLXvN2m9.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import { e as eventIsFrom } from './event-is-from-C6ZfOd6U.js';
+import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import './get-closest-element-Cd4R0amv.js';
 import './get-closest-element-DCZG2J0G.js';
 
@@ -26,6 +27,7 @@ const GuxRichTextEditorActionTextHighlight = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.noHighlightAction = createEvent(this, "noHighlightAction", 7);
+        this.buttonId = randomHTMLId('gux-rich-text-editor-action-text-highlight');
         this.disabled = false;
         this.active = false;
         this.expanded = false;
@@ -99,7 +101,7 @@ const GuxRichTextEditorActionTextHighlight = class {
     }
     renderTooltip() {
         if (!this.disabled && !this.expanded) {
-            return (h("gux-tooltip-beta", null, h("div", { slot: "content" }, this.i18n('textHighlight'))));
+            return (h("gux-tooltip-beta", { for: this.buttonId }, h("div", { slot: "content" }, this.i18n('textHighlight'))));
         }
     }
     renderPopup() {
@@ -123,12 +125,12 @@ const GuxRichTextEditorActionTextHighlight = class {
         this.actionButton.focus();
     }
     renderTarget() {
-        return (h("gux-button-slot", { accent: "ghost", "icon-only": true, slot: "target" }, h("button", { type: "button", ref: el => (this.actionButton = el), onClick: () => this.togglePopup(), disabled: this.disabled || hasDisabledParent(this.root), class: {
+        return (h("gux-button-slot", { accent: "ghost", "icon-only": true, slot: "target" }, h("button", { id: this.buttonId, type: "button", ref: el => (this.actionButton = el), onClick: () => this.togglePopup(), disabled: this.disabled || hasDisabledParent(this.root), class: {
                 'gux-is-pressed': this.active || this.expanded
-            }, "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { size: "small", "icon-name": "fa/highlighter-line-regular", decorative: true }), h("gux-screen-reader-beta", null, this.i18n('textHighlight'))), this.renderTooltip()));
+            }, "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { size: "small", "icon-name": "fa/highlighter-line-regular", decorative: true }), h("gux-screen-reader-beta", null, this.i18n('textHighlight')))));
     }
     render() {
-        return (h("gux-popup", { key: '03cee5bbb32ebc04b16df373209c7d5a7b874663', disabled: this.disabled, expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (h(Host, { key: '4ce2a060c9d475b24f0d84a7cae248ef42c92d7f' }, 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 getElement(this); }

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

@@ -1,8 +1,9 @@
-import { r as registerInstance, h, a as getElement } from './index-C1fW4ajX.js';
-import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-C1fW4ajX.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
 import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
 import { t as translationResources } from './en-DN3YAdAX.js';
 import { h as hasDisabledParent, r as returnActionTypeIcon } from './gux-rich-text-editor.service-B2Ts-zZ9.js';
+import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import './get-closest-element-Cd4R0amv.js';
 import './get-closest-element-DCZG2J0G.js';
 
@@ -11,6 +12,7 @@ const guxRichTextEditorActionCss = ":host{display:block}gux-button-slot{inline-s
 const GuxRichTextEditorAction = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.buttonId = randomHTMLId('gux-rich-text-editor-action');
         this.disabled = false;
         this.active = false;
     }
@@ -30,7 +32,7 @@ const GuxRichTextEditorAction = class {
     }
     renderTooltip() {
         if (!this.disabled) {
-            return (h("gux-tooltip-beta", null, h("div", { slot: "content" }, this.i18n(this.action))));
+            return (h("gux-tooltip-beta", { for: this.buttonId }, h("div", { slot: "content" }, this.i18n(this.action))));
         }
     }
     isToggleAction() {
@@ -43,7 +45,7 @@ const GuxRichTextEditorAction = class {
         return !nonToggleActions.includes(this.action);
     }
     renderActionButton() {
-        return (h("gux-button-slot", { accent: "ghost", "icon-only": true }, h("button", { type: "button", disabled: this.disabled || hasDisabledParent(this.root), class: { 'gux-is-pressed': this.active }, "aria-pressed": this.isToggleAction() && this.active.toString() }, h("gux-icon", { "icon-name": returnActionTypeIcon(this.action), decorative: true, size: "small" }), h("gux-screen-reader-beta", null, this.i18n(this.action))), this.renderTooltip()));
+        return (h(Host, null, h("gux-button-slot", { accent: "ghost", "icon-only": true }, h("button", { id: this.buttonId, type: "button", disabled: this.disabled || hasDisabledParent(this.root), class: { 'gux-is-pressed': this.active }, "aria-pressed": this.isToggleAction() && this.active.toString() }, h("gux-icon", { "icon-name": returnActionTypeIcon(this.action), decorative: true, size: "small" }), h("gux-screen-reader-beta", null, this.i18n(this.action)))), this.renderTooltip()));
     }
     render() {
         return this.renderActionButton();

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, d as readTask, h, a as getElement } from './index-C1fW4ajX.js';
 import { O as OnResize } from './on-resize-C6aTOc9Y.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
 import { g as getActionsFromGroup } from './gux-rich-text-editor.service-B2Ts-zZ9.js';
 import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
 import { t as translationResources } from './en-DN3YAdAX.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-C1fW4ajX.js';
-import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
 import { n as next, p as previous, l as last, f as first } from './gux-list.service-BebXX5IS.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)}";
@@ -98,7 +98,7 @@ const GuxRichTextEditorList = class {
         last(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: 'cf5b21e168eb2eba17b43a504ba4dd6ac1a491dc', role: "list" }, h("slot", { key: 'fd1297d32092894c3d5efbfa98d06589ae982dd2', onSlotchange: () => this.setListItems() })));
+        return (h(Host, { key: '1c96fa4cd4baaeef11eb077712f4e36cdc33969b', role: "list" }, h("slot", { key: '82f5fab9e15e0a84fe4c9222a6b800f6fe3b650b', onSlotchange: () => this.setListItems() })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -22,9 +22,9 @@ const GuxRowSelect = class {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'be5f06e78bd89af830cf411f4b886e91eea9d9ee', "label-position": "screenreader" }, h("input", { key: '3ea7d1e96ccd252642219b56e7b2ac4ed737db15', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: 'eda6e69d153c3e5dc50f36942cf64cdbec0cd7db', "label-position": "screenreader" }, 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 }), h("label", { key: 'e782472fe0c140bd156506a7af172bbc0b4b540a', slot: "label", htmlFor: this.id }, "\u200B", 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 }), h("label", { key: '2f5c73f2b0da433cccdfc554b5728cc0278a4053', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '9db9b935352d23a6325170b61589676f920f748a' }, this.label ? this.label : this.i18n('selectTableRow')))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-C1fW4ajX.js';
-import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { t as trackComponent } from './usage-DB6Bny-2.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%)}";
 
@@ -16,7 +16,7 @@ const GuxScreenReader = class {
     }
     render() {
         const ElementType = this.blockLevel ? 'div' : 'span';
-        return (h(ElementType, { key: '0ce3290f4535c5d7a72d81faef43993922ddba07', class: "gux-sr-only" }, h("slot", { key: '41754facbb2d6cc61e960556d4e6d5a0919f73d6' })));
+        return (h(ElementType, { key: '0888828c647f6fa1dfec634a715daa5eb5343113', class: "gux-sr-only" }, h("slot", { key: '0ac38a1b27a87052500de55c101f04ca218e278e' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, a as getElement } from './index-C1fW4ajX.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
-import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { t as trackComponent } from './usage-DB6Bny-2.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)}";
 
@@ -36,7 +36,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (h(Host, { key: '8ea8809e4a53ec87c8aa91be3156df962528b77d', role: "group" }, h("slot", { key: '2b9e71e2d44d39d726c684a2cf7fcce19c4b5eab', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '76945fb221fe5d580e0e42a4e5c562ba8b962905', role: "group" }, h("slot", { key: '97c79653015e47197daae03e42a805f42fa3c4b9', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

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

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

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

package/dist/esm/gux-select-all.entry.js

@@ -68,13 +68,13 @@ const GuxSelectAll = class {
         return (h("svg", { class: "gux-checkbox-container", xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: paths[pathKey] })));
     }
     render() {
-        return (h("div", { key: 'c3e075ee55b9693e25c899aa1545af0127cbf172', role: "option", "aria-selected": this.selected.toString(), class: {
+        return (h("div", { key: '49fda83185cf5f4fcbad9df6d948a626cc732ea8', role: "option", "aria-selected": this.selected.toString(), class: {
                 'gux-select-all-container': true,
                 'gux-active': this.active,
                 'gux-selected': this.selected,
                 'gux-indeterminate': this.indeterminate,
                 'gux-has-scrolled': this.hasScrolled
-            } }, h("div", { key: '5f3b6b5121310dcf5998e8902056bbcda6be0ee4', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'f7c411260319bef9416b479f676b880f06945654', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'be28a1ea88efaaea8e2dc2bfd2c4758b494c4a68', "max-lines": 1 }, h("span", { key: '3a063d95ffa95c26a16eba6fc31711a82f1a2f9a' }, h("span", { key: '482ad2d605e7a594edff87ebefd8cd585cd3f7b8' }, h("slot", { key: '71ddd8a58537e4f90d3c719d1bcedc4f0e1ecce0' }, this.i18n('allOptions'))), "\u00A0", h("span", { key: '5286af59b331e0435131080920954ceb35321992', class: "gux-counter-label" }, this.getCounterText())))))));
+            } }, h("div", { key: '514fa0fce73d3adcdb9b3c84cb25f33b5f107eea', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: '2dcc74cf9eccc27c17e5bb73a5809d98c08484ea', class: "gux-option-wrapper" }, h("gux-truncate", { key: '51eb9e18a6d6d5b33074c4a3e05bbcc1cb5b1bb4', "max-lines": 1 }, h("span", { key: '3f46eed8146419f0a15d31d03538ffb33a2f048a' }, h("span", { key: 'fed2d90d2a5bb3ab51168a6cf47bd1a29e210203' }, h("slot", { key: '4c3b66509c6c859706d115a2892be206973eb9c4' }, this.i18n('allOptions'))), "\u00A0", h("span", { key: '46247f3c85bc546c663d2f45ec30bfa93c4f2f00', class: "gux-counter-label" }, this.getCounterText())))))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-selector-card-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-C1fW4ajX.js';
-import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
 import { g as getSlottedInput, s as setSlotAriaDescribedby, v as validateFormIds } from './gux-form-field.service-Nq3AAQGS.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-PYfNAK8p.js';
@@ -48,11 +48,11 @@ const GuxSelectorCard = class {
         }
     }
     render() {
-        return (h("div", { key: '9b529b85d07f3b6e0ab6f7e705c59630bb6c9eda', class: {
+        return (h("div", { key: '1effa3dfb2d93d1f0440958f63a9a8a1cde155b7', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '26abc6abdb436855c1ef1fedd27104e4ae2a38b9', class: "gux-content" }, h("div", { key: '15c8de3bb255cdfa935c90c9be58ca9156a7ba05', class: "gux-icon" }, h("slot", { key: '4dfd58d61e0f061e1f557012dddb44ec3e436b5d', name: "icon" })), h("div", { key: '22f04b2ea584a4ccf2535b63e143c37448e472ee', class: "gux-label-container" }, h("slot", { key: 'f6113c885d1b391f2663a31592722c0dfabde3d4', name: "label" })), h("slot", { key: '182ea2d5ca9cc442c2585bc5af40a536ef3879ad', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, h("div", { key: 'ace9c883219eb13a82a5dc05ae93c937c64501f9', class: "gux-content" }, h("div", { key: '272f94c3b977daa230554d5c0c5fe824e668681d', class: "gux-icon" }, h("slot", { key: '1e0198ad73973b0fb41f0d3069929ce79196a88c', name: "icon" })), h("div", { key: 'e7992b67518572848e9f4d1fce2b8a0192d4f4d3', class: "gux-label-container" }, h("slot", { key: 'b2863340917252b85d59eb5c022c92b2f1444939', name: "label" })), h("slot", { key: '961489f694298ea5a51298e65ad4bfe4e87d3b8d', name: "input" }), this.renderDescription(), this.renderBadge())));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-selector-cards-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-C1fW4ajX.js';
-import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
 
 const guxSelectorCardsCss = ".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";
 
@@ -11,7 +11,7 @@ const GuxSelectorCards = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '18cdbf7284a12425c8d3c2a34492084dbd5aee6c', class: "gux-selector-cards" }, h("slot", { key: '4ba7aaf21f47b8fda0eb2c565f5bf41345db3dab' })));
+        return (h("div", { key: '8167f7a93c8a908562d5848dd3986481e71492dd', class: "gux-selector-cards" }, h("slot", { key: 'f4fce7becb5befd63f1daed19d8cb752fb6278f9' })));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-side-panel-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-C1fW4ajX.js';
-import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 
 const guxSidePanelCss = ":host{display:block;inline-size:fit-content;block-size:100%}:host([size=large]){max-inline-size:50%}.gux-side-panel{position:relative;display:flex;flex-direction:column;inline-size:calc(100vw - var(--gse-ui-sidePanel-shoud-minWidth));block-size:inherit;background-color:var(--gse-ui-sidePanel-backgroundColor);box-shadow:var(--gse-ui-sidePanel-boxShadow)}.gux-side-panel.gux-side-panel-small{max-inline-size:var(--gse-ui-sidePanel-widthSize-sm)}.gux-side-panel.gux-side-panel-medium{max-inline-size:var(--gse-ui-sidePanel-widthSize-md)}.gux-side-panel.gux-side-panel-large{max-inline-size:var(--gse-ui-sidePanel-widthSize-lg)}.gux-side-panel .gux-side-panel-content-wrapper{flex:1 1 100%;overflow-y:auto}.gux-side-panel .gux-side-panel-content{padding:var(--gse-ui-sidePanel-body-padding);border-block-start:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}::slotted(footer){flex:0 0 auto;padding:var(--gse-ui-sidePanel-footer-padding);border-block-start:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}";
@@ -54,10 +54,10 @@ const GuxSidePanel = class {
         return null;
     }
     render() {
-        return (h("section", { key: 'aabbea7a2a767c881102dcda1072226726836de7', class: {
+        return (h("section", { key: 'bfb25a43417bb99d760c0013e1053007044a4f8d', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, this.renderHeader(), h("gux-dismiss-button", { key: '9f65de1efed1db9fd4930837e6b7fc397c804e79', onClick: this.onDismissHandler.bind(this) }), h("div", { key: '3b95f89f0c6f8e2e73236125c0d653918b0c9481', class: "gux-side-panel-content-wrapper" }, this.renderTabs(), this.renderContent()), this.renderFooter()));
+            } }, this.renderHeader(), h("gux-dismiss-button", { key: '94a85011754b0056bfa843c2d878feeb46594dd9', onClick: this.onDismissHandler.bind(this) }), h("div", { key: 'cb5050201d638ada1b9c4b3c0d37f9b79fa15fdf', class: "gux-side-panel-content-wrapper" }, this.renderTabs(), this.renderContent()), this.renderFooter()));
     }
     get root() { return getElement(this); }
 };