genesys-spark-components 4.201.0 → 4.202.0

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

@@ -1,12 +1,13 @@
-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 { r as registerInstance, h, H as Host, a as getElement } from './index-8p-S7f9X.js';
+import { t as trackComponent } from './usage-B9HnE3QT.js';
 import { g as getClosestElement } from './get-closest-element-Cd4R0amv.js';
-import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
+import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
 import { t as translationResources } from './en-DN3YAdAX.js';
-import { O as OnClickOutside } from './on-click-outside-BdeJzE16.js';
+import { O as OnClickOutside } from './on-click-outside-C4sPDi_Z.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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-C1fW4ajX.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-8p-S7f9X.js';
 
 const guxRichTextEditorActionGroupCss = ":host{display:flex;flex-direction:row}:host(.gux-hidden) .gux-divider{display:none}:host(.gux-hidden) ::slotted(:not(gux-rich-text-editor-action-link)){display:none}.gux-action-group-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-rte-toolbarBtnGroup-gap);align-items:flex-start;justify-content:flex-start}.gux-divider{inline-size:var(--gse-ui-rte-divider-width);block-size:var(--gse-ui-rte-divider-height);margin:var(--gse-ui-rte-toolbar-divider-margin);background-color:var(--gse-ui-rte-toolbar-divider-color)}";
 
@@ -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,7 +1,7 @@
-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 { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-8p-S7f9X.js';
+import { O as OnClickOutside } from './on-click-outside-C4sPDi_Z.js';
+import { t as trackComponent } from './usage-B9HnE3QT.js';
+import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
 import { t as translationResources } from './en-DN3YAdAX.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import { h as hasDisabledParent } from './gux-rich-text-editor.service-B2Ts-zZ9.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-8p-S7f9X.js';
+import { t as trackComponent } from './usage-B9HnE3QT.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 { O as OnClickOutside } from './on-click-outside-C4sPDi_Z.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
-import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
+import { b as buildI18nForComponent } from './index-HMDSHwTB.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 { O as OnClickOutside } from './on-click-outside-BdeJzE16.js';
-import { t as trackComponent } from './usage-7uJ-gUB2.js';
-import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-8p-S7f9X.js';
+import { O as OnClickOutside } from './on-click-outside-C4sPDi_Z.js';
+import { t as trackComponent } from './usage-B9HnE3QT.js';
+import { b as buildI18nForComponent } from './index-HMDSHwTB.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 { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-8p-S7f9X.js';
+import { t as trackComponent } from './usage-B9HnE3QT.js';
+import { b as buildI18nForComponent } from './index-HMDSHwTB.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,12 +1,12 @@
-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 { r as registerInstance, c as createEvent, d as readTask, h, a as getElement } from './index-8p-S7f9X.js';
+import { O as OnResize } from './on-resize-tAIZJucq.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-B9HnE3QT.js';
 import { g as getActionsFromGroup } from './gux-rich-text-editor.service-B2Ts-zZ9.js';
-import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
+import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
 import { t as translationResources } from './en-DN3YAdAX.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { O as OnMutation } from './on-mutation-DkNnZcKZ.js';
+import { O as OnMutation } from './on-mutation-CLlHAZCW.js';
 import './get-closest-element-DCZG2J0G.js';
 import './get-closest-element-Cd4R0amv.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 { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-8p-S7f9X.js';
+import { t as trackComponent } from './usage-B9HnE3QT.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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-C1fW4ajX.js';
-import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-8p-S7f9X.js';
+import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import { t as tableResources } from './en-BIx814vt.js';
 import './get-closest-element-Cd4R0amv.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 { r as registerInstance, h, a as getElement } from './index-8p-S7f9X.js';
+import { t as trackComponent } from './usage-B9HnE3QT.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 { r as registerInstance, f as forceUpdate, h, H as Host, a as getElement } from './index-8p-S7f9X.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-B9HnE3QT.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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-C1fW4ajX.js';
+import { r as registerInstance, h, H as Host } from './index-8p-S7f9X.js';
 
 const guxSegmentedControlDividerCss = ".gux-segmented-control-divider{inline-size:var(--gse-ui-segmentedControl-divider-width);block-size:var(--gse-ui-segmentedControl-dividerLine);margin-inline:var(--gse-ui-segmentedControl-dividerComponent-margin);background-color:var(--gse-ui-segmentedControl-divider-color);border-radius:var(--gse-ui-segmentedControl-borderRadius)}";
 
@@ -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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as getElement } from './index-C1fW4ajX.js';
+import { r as registerInstance, h, a as getElement } from './index-8p-S7f9X.js';
 import { g as getClosestElement } from './get-closest-element-Cd4R0amv.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.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

@@ -1,5 +1,5 @@
-import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-C1fW4ajX.js';
-import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
+import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-8p-S7f9X.js';
+import { b as buildI18nForComponent } from './index-HMDSHwTB.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const allOptions = "All options";
@@ -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 { r as registerInstance, h, a as getElement } from './index-8p-S7f9X.js';
+import { t as trackComponent } from './usage-B9HnE3QT.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 { r as registerInstance, h, a as getElement } from './index-8p-S7f9X.js';
+import { t as trackComponent } from './usage-B9HnE3QT.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 { r as registerInstance, c as createEvent, h, a as getElement } from './index-8p-S7f9X.js';
+import { t as trackComponent } from './usage-B9HnE3QT.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); }
 };

package/dist/esm/gux-side-panel-header.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 { r as registerInstance, h, a as getElement } from './index-8p-S7f9X.js';
+import { t as trackComponent } from './usage-B9HnE3QT.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 
 const guxSidePanelHeaderCss = ":host{display:block;padding:var(--gse-ui-sidePanel-header-padding)}.title-block{display:flex;gap:var(--gse-ui-sidePanel-header-titleBlock-iconGap);padding:var(--gse-ui-sidePanel-header-titleBlock-padding)}.icon{flex:0 0 auto;align-content:center}.gux-title-description{flex:1 1 auto;inline-size:1px;font-family:var(--gse-ui-sidePanel-description-text-fontFamily);font-size:var(--gse-ui-sidePanel-description-text-fontSize);font-weight:var(--gse-ui-sidePanel-description-text-fontWeight);line-height:var(--gse-ui-sidePanel-description-text-lineHeight);color:var(--gse-ui-sidePanel-descriptionColor)}.badge{flex:0 0 auto;align-content:center}";
@@ -30,7 +30,7 @@ const GuxSidePanelHeader = class {
         this.internals.role = 'banner';
     }
     render() {
-        return (h("div", { key: 'dd93abc51ad278fcab5fdf7e8d7d225ff3e4aa21', class: "title-block" }, this.renderSlot('icon'), this.renderTitleDesc(), this.renderSlot('badge')));
+        return (h("div", { key: '77781ff051e138b9147c4e39dc09511e1e6f8682', class: "title-block" }, this.renderSlot('icon'), this.renderTitleDesc(), this.renderSlot('badge')));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-side-panel-heading.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 { r as registerInstance, h, a as getElement } from './index-8p-S7f9X.js';
+import { t as trackComponent } from './usage-B9HnE3QT.js';
 
 const guxSidePanelHeadingCss = ":host{display:block}h1,h2,h3,h4,h5,h6{display:flex;flex:0 0 auto;gap:var(--gse-ui-sidePanel-header-iconGap);align-items:center;inline-size:100%;padding:0;margin:0;color:var(--gse-ui-sidePanel-headerColor)}h1.default,h2.default,h3.default,h4.default,h5.default,h6.default{font-family:var(--gse-ui-sidePanel-heading-mdText-fontFamily);font-size:var(--gse-ui-sidePanel-heading-mdText-fontSize);font-weight:var(--gse-ui-sidePanel-heading-mdText-fontWeight);line-height:var(--gse-ui-sidePanel-heading-mdText-lineHeight)}h1.large,h2.large,h3.large,h4.large,h5.large,h6.large{font-family:var(--gse-ui-sidePanel-heading-lgText-fontFamily);font-size:var(--gse-ui-sidePanel-heading-lgText-fontSize);font-weight:var(--gse-ui-sidePanel-heading-lgText-fontWeight);line-height:var(--gse-ui-sidePanel-heading-lgText-lineHeight)}";
 
@@ -17,7 +17,7 @@ const GuxSidePanelHeading = class {
         this.headingTag = `h${this.level}`;
     }
     render() {
-        return (h(this.headingTag, { key: '681947842dcf50cf892ef72fb7140e6c904ef0ff', class: this.size }, h("gux-truncate", { key: 'fec1c42605b050bcbc3e322973f8166dc4c2ae94' }, h("slot", { key: 'a5a76b508e8e9edd4baafea7ffd162a9d835d246' }))));
+        return (h(this.headingTag, { key: 'a79b3395c7abd4ee5b0c79ec961398852ec71395', class: this.size }, h("gux-truncate", { key: '1db6a5ed1917101f65dd26977fc1fc314f9bf919' }, h("slot", { key: '9bf6f1d1b470b3846b5b51368793cc0605c76854' }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-simple-toast-legacy.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 { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-8p-S7f9X.js';
+import { t as trackComponent } from './usage-B9HnE3QT.js';
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;margin-bottom:4px;color:var(--gse-ui-toast-success-foregroundColor);background:var(--gse-ui-toast-success-backgroundColor);border:1px solid var(--gse-ui-card-default-border-color);border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:var(--gse-ui-toast-error-iconColor)}.gux-icon.gux-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-icon.gux-positive{color:var(--gse-ui-toast-success-iconColor)}.gux-icon.gux-neutral{color:var(--gse-ui-toast-info-iconColor)}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 
@@ -16,7 +16,7 @@ const GuxSimpleToast = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '6e5d6b0ada417ba744c37b1f83d1983493742f3c' }, h("div", { key: '30f01cc352b326edefd1c18d10943dd1c2d69e53', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '04c0fb6606edf3b01d0b3c0c5af462cb38ff235a', name: "icon" })), h("gux-truncate", { key: '3b7554d2062f82f24db5b9dfe067927160a42459', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'b03eb29e6ef246fbf8161293c78500ab6040f189', name: "message" })), h("gux-dismiss-button", { key: '516ed174c5faec1483333f31974b3b818d40ffaa', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '8d492fa10643719bebe76be258fe7c5497ad686c' }, h("div", { key: '1024b2709c572a67145de82eecdf84cb8f131021', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'fa652745ae1b9a0d8c00d15bb4e81fcd9812725f', name: "icon" })), h("gux-truncate", { key: 'f183f4bfd4296ed958f44316adef766b17889193', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'c73881d394f67b51b2f03ba6ad412be790b2fec4', name: "message" })), h("gux-dismiss-button", { key: 'f7acb184a4a73abd55596c7878958ca2dc71eb07', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/esm/gux-skip-navigation-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-C1fW4ajX.js';
+import { r as registerInstance, h, H as Host } from './index-8p-S7f9X.js';
 
 const guxSkipNavigationItemCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit}::slotted(a){padding:12px;font-size:2rem;background-color:var(--gse-semantic-background-container-elevated-default)}";
 
@@ -7,7 +7,7 @@ const GuxSkipNavigationItem = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'c8863d64f92b084a4471c96ef39b1704597e103d', role: "listitem" }, h("slot", { key: '37e3b36d5d62fd62fbfb77c3a237a6c03549c11d' })));
+        return (h(Host, { key: 'ecacdc9ea569b41c9a8cb984465a2acfafb600a6', role: "listitem" }, h("slot", { key: 'a0fb25cdf5ba97af524f6d5d268e281be362be9b' })));
     }
     static get delegatesFocus() { return true; }
 };