genesys-spark-components 4.122.0 → 4.123.0

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-91950719.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
 import './get-closest-element-728b9f18.js';
 
 const perPage = "per page";
@@ -35,7 +35,7 @@ const GuxPaginationItemsPerPage = class {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: 'd0e5bc9d9619a43f456ad70acc9ba384e352333b', class: "gux-pagination-items-per-page-container" }, h("div", { key: '46759db13c3916632ff064747c8b213523cca366', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '33d5be73628a54afce37fbb2b703540e9d076df4', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'e546eda4401964d6de83383acebdedaebe13e7d2', class: "gux-pagination-items-per-page-container" }, h("div", { key: '8b2fe99b27692e3dbab6ef3d7975122b0908fb32', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'd6c1ec2f39b2efed90a947079da35bba09b9991c', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-pagination-legacy.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 
 const guxPaginationLegacyCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 const GuxPaginationLegacyStyle0 = guxPaginationLegacyCss;
@@ -64,7 +64,7 @@ const GuxPaginationLegacy = class {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: 'f78ea61450c103185a8c4920e02ec85739b7cf97', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'e909eb0474dce545649bf983fded21102f1184ea', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '9a694cbd80e955a2edcf41ba09288d47ad61ec22', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '339a3aad6956314eb4d13446d84519b584646dca', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '2b7c577864a6d452895055a804c6c781adf3e403', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '968098cc4bbfcd35475f1fe6ea36653d4235babd', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-91950719.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 
 const guxPaginationCss = ":host{display:block;block-size:var(--gse-ui-dataTableItems-cell-tablePagination-height);border-block-start:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-inline-start:0}";
 const GuxPaginationStyle0 = guxPaginationCss;
@@ -90,7 +90,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (h("div", { key: 'f2ac1b919a6705ee92c3c24e847add02782b50af', class: "gux-pagination-container" }, h("div", { key: 'bbae5135827feec349279d5b943b0ff66b53662d', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '79edd327ea30099279868bf84791849eea72297b', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'f7a5b9eebcb2fb115da99c816bb376becbaf33ca', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '1cb849238fa611e8dd2b9e00550923e926555503', class: "gux-pagination-spacer" }), h("div", { key: '69c636c0f7d825a1a9d499057b4b5d48d18bdaac', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '923fc2a4263696742d9e9dd156d9a7fe6fa0a1dd', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '96b42e7ff8b649551a0787e5b609b977bde58a3f', class: "gux-pagination-container" }, h("div", { key: 'c6bf845840b3d608ff5ee0e0eea065850fb5663b', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '0b3c1652fa9211e313888f16d5cbe68caf45a88c', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'f6bf5f2ec70d82a1b0833e35632b6633893fab9c', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'db42cf10e4aac6245b509ebe7b96a14de41f0b40', class: "gux-pagination-spacer" }), h("div", { key: '58b6ac129bc89bf6e80695e777ce3944325683ef', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '4286362b84b3fe0fb8ed4219bcb9c550cf50bfc4', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-d372c506.js';
-import { b as buildI18nForComponent, g as getDesiredLocale } from './index-5a5cba3c.js';
-import { O as OnClickOutside } from './on-click-outside-fe48b6ef.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { b as buildI18nForComponent, g as getDesiredLocale } from './index-6de381c6.js';
+import { O as OnClickOutside } from './on-click-outside-25728f99.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-91950719.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.esm-17bec7ce.js';
-import { O as OnClickOutside } from './on-click-outside-fe48b6ef.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { O as OnClickOutside } from './on-click-outside-25728f99.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import { g as getSlot } from './get-slot-c26d3ab0.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-91950719.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.esm-17bec7ce.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { O as OnClickOutside } from './on-click-outside-fe48b6ef.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { O as OnClickOutside } from './on-click-outside-25728f99.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 
 const guxPopoverListCss = ":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;overflow-y:hidden;background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow);}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-91950719.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-17bec7ce.js';
-import { O as OnClickOutside } from './on-click-outside-fe48b6ef.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { O as OnClickOutside } from './on-click-outside-25728f99.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.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)}";
@@ -130,10 +130,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (h("div", { key: '577dd7af20f432ff6fb952e0b2ab574e835df57a', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '470e65690b64a810a594af7eaa66e1849bd0b56b', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '137e434be59aa2c2f8c6dd3cdf3c1277b97bf0c8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'a6484d2ecbede6d5b8d68c2e9576e44dd571fb41', onClick: this.dismiss.bind(this) })), h("div", { key: 'f681f07103ceb17db8cbb5a21c2117458eaac482', class: "gux-popover-content" }, h("slot", { key: '56724526ced528ae8be3996c20e6cbe9a731031b' }))));
+            }, "data-placement": true }, h("div", { key: '161410435476b12186c574b09bac019f09833161', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '6900494608564ca5464c0b828121b965de76dea3', onClick: this.dismiss.bind(this) })), h("div", { key: 'd83b181f27b7ec17a9dc6595aeac4c8041ea617a', class: "gux-popover-content" }, h("slot", { key: '2a0d0d1edd221e121816bdd64e3f4af98fb3d97a' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-46ac98b8.js';
+import { r as registerInstance, c as createEvent, h } from './index-91950719.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, d as size, s as shift, h as hide } from './floating-ui.dom.esm-17bec7ce.js';
 
 const guxPopupCss = ".gux-target-container.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-popup-container{position:fixed;z-index:var(--gse-semantic-zIndex-popup);visibility:hidden;inline-size:max-content;background-color:var(--gse-ui-menu-backgroundColor)}.gux-popup-container.gux-expanded{visibility:visible}.gux-sr-only-clip:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}";
@@ -106,13 +106,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (h("div", { key: '75b7acc0b6d09b5f8c2e9a37a15207e1e8ce3850', class: {
+        return (h("div", { key: '0eea4403321a74c7068b49043ba237c2149f53e2', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '1578de69396d1e942e0bca75dcec8c42f0f69696', name: "target" }), h("div", { key: '216c0db2f6276b6d0d72ad59f4a6525594c4ba58', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '4f8ce47279fe5b6610434ae0fa9bcc45fa8923f9', name: "target" }), h("div", { key: '744b3daf92557877bfb29088e49ee5e4bbeda7bc', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '2339a564f4dbf669cd4da50fb074e6e4bf075a21', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '587be95d77f6e799be6c763083d52657ecd0bf6a', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]

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

@@ -1,6 +1,6 @@
-import { h, r as registerInstance, g as getElement } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { h, r as registerInstance, g as getElement } from './index-91950719.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import './get-closest-element-728b9f18.js';
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -41,7 +41,7 @@ const GuxRadialLoading = class {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '87cb49f2232efc761e9a1d183a724efdefc6253b', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '45a21de33b10cdcb56358c304fecf87f033b07b3', 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, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { h, r as registerInstance, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import { a as logWarn } from './log-error-274efeb7.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, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { c as clamp } from './clamp-1fc36648.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 
 const guxRatingCss = ":host{display:inline-block;min-inline-size:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);box-shadow:0 0 0 1px var(--gse-semantic-border-focus)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;inline-size:var(--gse-ui-rating-size);block-size:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";
@@ -106,7 +106,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (h(Host, { key: '379e8c084db06189f1dfd2b66b6ddf26b43c7ea8', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '1ba33d3f2c3f1d30c77bdd639f7c5f2b73235d37', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'a2eedfafb0f2a77b61eaaf0fda86b6eec4898dec', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '454cdcac6c51eccc50c319042f42df05ef2aeaa1', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-d372c506.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { t as translationResources } from './en-d5a4e07d.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { t as translationResources } from './en-abdadc27.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.js';
 
 const guxRichHighlightListItemCss = ":host{display:block;border-radius:var(--gse-ui-button-borderRadius)}.gux-highlight{inline-size:var(--gse-ui-rte-colorSwatch-width);block-size:var(--gse-ui-rte-colorSwatch-height);border-radius:var(--gse-ui-button-borderRadius)}.gux-highlight button{all:unset;inline-size:100%;block-size:100%;cursor:pointer}.gux-highlight button:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}.gux-highlight.gux-orange{background-color:var(--gse-ui-rte-colorSwatch-orange-default)}.gux-highlight.gux-coral{background-color:var(--gse-ui-rte-colorSwatch-coral-default)}.gux-highlight.gux-pear{background-color:var(--gse-ui-rte-colorSwatch-pear-default)}.gux-highlight.gux-raspberry{background-color:var(--gse-ui-rte-colorSwatch-raspberry-default)}.gux-highlight.gux-mango{background-color:var(--gse-ui-rte-colorSwatch-mango-default)}.gux-highlight.gux-blue{background-color:var(--gse-ui-rte-colorSwatch-azure-default)}.gux-highlight.gux-mineral{background-color:var(--gse-ui-rte-colorSwatch-mineral-default)}.gux-highlight.gux-island{background-color:var(--gse-ui-rte-colorSwatch-island-default)}.gux-highlight.gux-inherit{color:inherit;background-color:inherit}";

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

@@ -0,0 +1,293 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { g as getClosestElement } from './get-closest-element-728b9f18.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { t as translationResources } from './en-abdadc27.js';
+import { O as OnClickOutside } from './on-click-outside-25728f99.js';
+import { b as afterNextRender } from './after-next-render-07a41f53.js';
+import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
+import { h as hasDisabledParent } from './gux-rich-text-editor.service-dcce5e51.js';
+import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift } from './floating-ui.dom.esm-17bec7ce.js';
+import { n as next, p as previous } from './gux-list.service-5da368db.js';
+import './get-closest-element-7b2f7d5b.js';
+
+const guxRichStyleListItemCss = ":host{inline-size:100%;text-align:start;outline:none}:host([disabled]){pointer-events:none}:host([disabled=false]){pointer-events:auto}::slotted(gux-icon){inline-size:var(--gse-ui-menu-option-startIcon-height);block-size:var(--gse-ui-menu-option-startIcon-height);margin-inline-end:var(--gse-ui-menu-option-gap);vertical-align:middle}button{all:unset;box-sizing:border-box;inline-size:100%;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1);background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none}button:focus-visible:not(:disabled){outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button:hover:not(:disabled){background:var(--gse-ui-menu-option-hover-backgroundColor)}button:active:not(:disabled){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}button:disabled{cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}::slotted(*){margin:0}";
+const GuxRichStyleListItemStyle0 = guxRichStyleListItemCss;
+
+const GuxRichStyleListItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.disabled = false;
+        this.value = undefined;
+    }
+    onMouseUp() {
+        this.focusParentList();
+    }
+    onMouseOver() {
+        this.focusParentList();
+    }
+    focusParentList() {
+        const parentList = getClosestElement('gux-rich-text-editor-list', this.root);
+        if (parentList && parentList.shadowRoot.activeElement === null) {
+            this.root.blur();
+            parentList.focus({
+                preventScroll: true
+            });
+        }
+    }
+    componentWillLoad() {
+        trackComponent(this.root);
+    }
+    render() {
+        return (h(Host, { key: 'f2d80e9cf8d1bf69014227cf2f8b4bb13dded203', role: "listitem" }, h("button", { key: '969f6af3077c1efa32f9716358ff0d5b5cd42ee8', type: "button", tabIndex: -1, disabled: this.disabled }, h("gux-truncate", { key: 'c04cb2acc8c21dba949be2287748bb5b348840fe', "max-lines": 1 }, h("slot", { key: 'e567c7d7443cc743d3c96a1dd14715f591c6ad2d' })))));
+    }
+    static get delegatesFocus() { return true; }
+    get root() { return getElement(this); }
+};
+GuxRichStyleListItem.style = GuxRichStyleListItemStyle0;
+
+const guxRichTextEditorMenuCss = ":host{display:block;max-inline-size:fit-content;white-space:normal}button{block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-paddingIconOnly);border-radius:var(--gse-ui-button-borderRadius)}.gux-list-container{inline-size:var(--gse-ui-contextMenu-menu-width);max-block-size:var(--gse-ui-contextMenu-menu-maxHeight);margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";
+const GuxRichTextEditorMenuStyle0 = guxRichTextEditorMenuCss;
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const GuxRichTextEditorMenu = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.isOpen = false;
+    }
+    onClickOutside() {
+        this.isOpen = false;
+    }
+    handleKeyDown(event) {
+        const isListEvent = event.composedPath().includes(this.listElement);
+        const isButtonEvent = event.composedPath().includes(this.button);
+        switch (event.key) {
+            case 'Escape': {
+                if (isListEvent) {
+                    event.preventDefault();
+                    this.isOpen = false;
+                    this.button.focus();
+                }
+                break;
+            }
+            case 'Tab': {
+                this.isOpen = false;
+                break;
+            }
+            case 'ArrowDown':
+            case 'Enter': {
+                if (isButtonEvent && !this.isOpen) {
+                    event.preventDefault();
+                    this.isOpen = true;
+                    this.focusFirstListItem();
+                }
+                break;
+            }
+            case 'ArrowUp': {
+                if (isButtonEvent && !this.isOpen) {
+                    event.preventDefault();
+                    this.isOpen = true;
+                    this.focusLastListItem();
+                }
+                break;
+            }
+        }
+    }
+    handleKeyup(event) {
+        switch (event.key) {
+            case ' ': {
+                if (event.composedPath().includes(this.button)) {
+                    event.preventDefault();
+                    this.isOpen = true;
+                    this.focusFirstListItem();
+                }
+                break;
+            }
+        }
+    }
+    focusFirstListItem() {
+        afterNextRender(() => {
+            void this.listElement.guxFocusFirstItem();
+        });
+    }
+    focusLastListItem() {
+        afterNextRender(() => {
+            void this.listElement.guxFocusLastItem();
+        });
+    }
+    onActionClick() {
+        this.isOpen = !this.isOpen;
+        if (this.isOpen) {
+            this.focusFirstListItem();
+        }
+    }
+    onListClick(event) {
+        whenEventIsFrom('gux-rich-style-list-item', event, () => {
+            this.isOpen = false;
+            this.button.focus();
+        });
+    }
+    renderTooltip() {
+        return (h("gux-tooltip-beta", null, h("div", { slot: "content" }, this.i18n('additionalActions'))));
+    }
+    async componentWillLoad() {
+        trackComponent(this.root);
+        this.i18n = await buildI18nForComponent(this.root, translationResources);
+    }
+    render() {
+        return (h(Host, { key: '9555548af8d6018a798769fee5de94c9aa926075' }, h("gux-popup", { key: '75b7bcb30d5d84deceeb9fb5b5078dc55ab51f40', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '6ef03b61b7f9a6ee89ddb07d0d9aabc3167e819b', slot: "target" }, h("gux-button-slot", { key: '6da7e330d95f1c382061226fcc3dd7d7724d2385', accent: "ghost" }, h("button", { key: '2e7d1b21ed2c7793b7a44ee8daf664bd43528174', 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: '12c1d235ed9c4b98f7f86b0a1001183fdbf08fb3', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.i18n('additionalActions'), size: "small" })), this.renderTooltip())), h("div", { key: '648b925078ebf267993e7783201c09a7efaf6ef5', slot: "popup", class: "gux-list-container" }, h("gux-rich-text-editor-list", { key: '53292dad2651fbf74c8b1e510f099e6f786d9335', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '2871d3f817c5e393cd37917f849673a50a8e6c5d' }))))));
+    }
+    static get delegatesFocus() { return true; }
+    get root() { return getElement(this); }
+};
+__decorate([
+    OnClickOutside({ triggerEvents: 'click' })
+], GuxRichTextEditorMenu.prototype, "onClickOutside", null);
+GuxRichTextEditorMenu.style = GuxRichTextEditorMenuStyle0;
+
+const guxRichTextEditorSubListCss = ":host{inline-size:100%;text-align:start;outline:none}:host([disabled]){pointer-events:none}:host([disabled=false]){pointer-events:auto}::slotted(gux-icon){inline-size:var(--gse-ui-menu-option-startIcon-height);block-size:var(--gse-ui-menu-option-startIcon-height);margin-inline-end:var(--gse-ui-menu-option-gap);vertical-align:middle}button{all:unset;box-sizing:border-box;inline-size:100%;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1);background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none}button:focus-visible:not(:disabled){outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button:hover:not(:disabled){background:var(--gse-ui-menu-option-hover-backgroundColor)}button:active:not(:disabled){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}button:disabled{cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}::slotted(*){margin:0}button.gux-sub-list-button{display:flex;flex-direction:row;justify-content:space-between}button gux-icon{align-self:center;color:var(--gse-ui-menu-option-parentIcon-selected-foregroundColor)}.gux-sub-list-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;visibility:hidden;flex-direction:column;inline-size:130px;padding:var(--gse-ui-menu-padding);margin:0;background-color:var(--gse-ui-menu-backgroundColor);border:none;border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-offsetX) var(--gse-ui-menu-boxShadow-offsetY) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}.gux-sub-list-wrapper.gux-shown{visibility:visible}";
+const GuxRichTextEditorSubListStyle0 = guxRichTextEditorSubListCss;
+
+const GuxRichTextEditorSubList = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.label = undefined;
+        this.isShown = false;
+    }
+    onKeydown(event) {
+        switch (event.key) {
+            case 'Enter':
+                event.stopPropagation();
+                this.focusOnSubList();
+                break;
+            case 'ArrowUp':
+                if (!(this.root === event.target)) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    previous(this.root, ['gux-rich-style-list-item']);
+                }
+                break;
+            case 'ArrowDown':
+                if (!(this.root === event.target)) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    next(this.root, ['gux-rich-style-list-item']);
+                }
+                break;
+            case 'ArrowRight':
+                event.stopPropagation();
+                this.show();
+                this.focusOnSubList();
+                break;
+            case 'ArrowLeft':
+            case 'Escape':
+                if (!(this.root === event.target)) {
+                    event.stopPropagation();
+                }
+                this.buttonElement.focus();
+                break;
+        }
+    }
+    onMouseEnter() {
+        this.show();
+    }
+    onMouseLeave() {
+        this.hide();
+    }
+    onClick(event) {
+        if (event.target.nodeName === 'GUX-RICH-STYLE-LIST-ITEM') {
+            this.hide();
+            return;
+        }
+    }
+    onFocusIn() {
+        this.show();
+    }
+    onFocusOut() {
+        this.hide();
+    }
+    componentDidLoad() {
+        if (this.isShown) {
+            this.runUpdatePosition();
+        }
+    }
+    componentDidUpdate() {
+        if (this.isShown) {
+            this.runUpdatePosition();
+        }
+        else if (this.cleanupUpdatePosition) {
+            this.cleanupUpdatePosition();
+        }
+    }
+    disconnectedCallback() {
+        if (this.cleanupUpdatePosition) {
+            this.cleanupUpdatePosition();
+        }
+    }
+    focusOnSubList() {
+        if (this.subListContentElement.contains(document.activeElement)) {
+            return;
+        }
+        const listItems = Array.from(this.root.children);
+        const nextFocusableElement = listItems[0];
+        void nextFocusableElement.focus();
+    }
+    show() {
+        this.isShown = true;
+    }
+    hide() {
+        if (this.isShown) {
+            this.isShown = false;
+        }
+    }
+    runUpdatePosition() {
+        if (this.root.isConnected) {
+            this.cleanupUpdatePosition = autoUpdate(this.buttonElement, this.subListElement, () => this.updatePosition(), {
+                ancestorScroll: true,
+                elementResize: true,
+                animationFrame: true,
+                ancestorResize: true
+            });
+        }
+        else {
+            this.disconnectedCallback();
+        }
+    }
+    updatePosition() {
+        if (this.subListElement) {
+            void computePosition(this.buttonElement, this.subListElement, {
+                placement: 'right-start',
+                strategy: 'fixed',
+                middleware: [offset(4), flip(), shift()]
+            }).then(({ x, y }) => {
+                Object.assign(this.subListElement.style, {
+                    left: `${x}px`,
+                    top: `${y}px`
+                });
+            });
+        }
+    }
+    render() {
+        return (h(Host, { key: '7deaeb8403bc4d3387465109f394c5b94735289a' }, h("button", { key: '092cc834b5320deda9548b44f306877be2145227', 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: 'db24795cdd7d2f486c4fd7891f3098c08c1114a5', class: "gux-sub-list-button-text" }, this.label), h("gux-icon", { key: '4e5cab880869b185f9220d90e6501baf625e3b55', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '52f98219440f57cab0de72417632769cf96f248d', ref: el => (this.subListElement = el), class: {
+                'gux-sub-list-wrapper': true,
+                'gux-shown': this.isShown
+            } }, h("div", { key: '38e81a94cfc2ef6e5cb8460507412ade83254de1', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, h("slot", { key: '27f2f932530bd1abaedccb992bf5cd75afc5277e' })))));
+    }
+    static get delegatesFocus() { return true; }
+    get root() { return getElement(this); }
+};
+GuxRichTextEditorSubList.style = GuxRichTextEditorSubListStyle0;
+
+export { GuxRichStyleListItem as gux_rich_style_list_item, GuxRichTextEditorMenu as gux_rich_text_editor_menu, GuxRichTextEditorSubList as gux_rich_text_editor_sub_list };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
 
-const guxRichTextEditorActionGroupCss = ":host{display:flex;flex-direction:row}.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)}";
+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)}";
 const GuxRichTextEditorActionGroupStyle0 = guxRichTextEditorActionGroupCss;
 
 const GuxRichTextEditorActionGroup = class {

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

@@ -1,10 +1,12 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-46ac98b8.js';
-import { O as OnClickOutside } from './on-click-outside-fe48b6ef.js';
-import { t as trackComponent } from './usage-d372c506.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { t as translationResources } from './en-d5a4e07d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-91950719.js';
+import { O as OnClickOutside } from './on-click-outside-25728f99.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { t as translationResources } from './en-abdadc27.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
+import { h as hasDisabledParent } from './gux-rich-text-editor.service-dcce5e51.js';
 import './get-closest-element-728b9f18.js';
+import './get-closest-element-7b2f7d5b.js';
 
 const guxRichTextEditorActionLinkCss = ":host{display:block}gux-popover div.gux-popover-content-wrapper{display:flex;flex-direction:column;gap:var(--gse-ui-popover-gap)}gux-button-slot{inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height)}gux-button-slot button.gux-is-pressed{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}";
 const GuxRichTextEditorActionLinkStyle0 = guxRichTextEditorActionLinkCss;
@@ -81,7 +83,7 @@ const GuxRichTextEditorActionLink = class {
         }
     }
     render() {
-        return (h(Host, { key: '94bdf15540e0c281f8bbedf0fa3e2e6cf1f0866f' }, h("gux-button-slot", { key: '414b8e189df98ebae5f1be6b4b8b0ff7b7e62a25', accent: "ghost", "icon-only": true }, h("button", { key: 'f42a1e60d9832127ef4ab75b8a412af99fa105c7', id: "popover-target", class: { 'gux-is-pressed': this.isActive || this.isOpen }, onClick: () => this.togglePopover(), ref: el => (this.actionButton = el), type: "button", disabled: this.disabled, "aria-label": this.i18n('link'), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-pressed": this.isActive.toString() }, h("gux-icon", { key: '868265d64f20319df97abadf49262e8b7f506d30', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), h("gux-popover", { key: '71ebeaf803c10a3b1d0b91d2e4cee831b20343b8', "is-open": this.isOpen, for: "popover-target" }, h("div", { key: 'ce666c0b7cffb907548de50bb964ceea831be70b', class: "gux-popover-content-wrapper" }, h("gux-form-field-text-like", { key: '5bf31136e8685920cd9b42fc9854ac1568e1e744' }, h("input", { key: '8e15d9e21dae82d253b44a4a4fcf6dd27810b25f', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), h("label", { key: '483b2cc1139878f75efd16074b5f370d5c4da2b1', slot: "label" }, this.i18n('textToDisplay'))), h("gux-form-field-text-like", { key: 'b635808f7a1682562c13e30a94950f1de4c439d7' }, h("input", { key: '9d029946109dc236f5f198df9ce81b88e200a2fe', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), h("label", { key: '0aeeef599426776c2cd3812b73ee7d78326dcb22', slot: "label" }, this.i18n('linkAddress'))), h("gux-cta-group", { key: '57f9449e54776c0d979464ed39bd8ccd6da593f3', align: "end" }, h("gux-button", { key: 'c5b10ef5bfe8107f386f626ee578e8fac55403df', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), h("gux-button", { key: 'ca73e46aa2efa6345a9117f8fc3e025db6168728', onClick: () => this.togglePopover(), slot: "dismiss" }, this.i18n('cancel')))))));
+        return (h(Host, { key: 'a52d8e6349d4b6fc33f9b45e14aee9818589a56b' }, h("gux-button-slot", { key: '01932efb7f846d04279bbef7425c8c420e11226a', accent: "ghost", "icon-only": true }, h("button", { key: 'ceee1786a52a0cf6c8ac79433d0c5a0b9375bea8', id: "popover-target", class: { 'gux-is-pressed': this.isActive || 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(), "aria-pressed": this.isActive.toString() }, h("gux-icon", { key: '3356d333fc7b6f2cda7d72b97196648af125f3ed', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), h("gux-popover", { key: '0ab02cd9b64fdd8d16379041d054457a65c5f9ae', "is-open": this.isOpen, for: "popover-target" }, h("div", { key: 'e7832a550bce5968ab722f9c7a67599d2b73924d', class: "gux-popover-content-wrapper" }, h("gux-form-field-text-like", { key: '97ecdbdb6b2e03bc4d187088b5f7196d437d47d6' }, h("input", { key: '39e5ad15e4c18074e5a90fcedfef76bb29730469', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), h("label", { key: 'd87abf3d276e9243251714c1e8b4e1dfe5c8cda6', slot: "label" }, this.i18n('textToDisplay'))), h("gux-form-field-text-like", { key: 'c87795f31d0d954fe0c7cb740acbd8460c710728' }, h("input", { key: '78bcbcefe6a2c1a9fcd5c6796beb6d50176eb69e', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), h("label", { key: '632ba33b6ae356917bca3b60d1ca00668a1ed60c', slot: "label" }, this.i18n('linkAddress'))), h("gux-cta-group", { key: '2008fabff6da53e39b5d4fcfe1a7b17b529a3aec', align: "end" }, h("gux-button", { key: '028dee824f38d29abd96c891797ca78f682373ac', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), h("gux-button", { key: '670e16d66a2294a61f9e6e96eb35d08067778aba', onClick: () => this.togglePopover(), slot: "dismiss" }, this.i18n('cancel')))))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,14 +1,14 @@
-import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-d372c506.js';
-import { h as hasDisabledParent } from './gux-rich-text-editor.service-144f4651.js';
-import { O as OnClickOutside } from './on-click-outside-fe48b6ef.js';
+import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { h as hasDisabledParent } from './gux-rich-text-editor.service-dcce5e51.js';
+import { O as OnClickOutside } from './on-click-outside-25728f99.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { t as translationResources } from './en-d5a4e07d.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { t as translationResources } from './en-abdadc27.js';
 import './get-closest-element-7b2f7d5b.js';
 import './get-closest-element-728b9f18.js';
 
-const guxRichTextEditorActionRichStyleCss = ":host{display:block}gux-button-slot button{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:center}gux-button-slot button.gux-is-pressed{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}.gux-list-container{inline-size:214px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";
+const guxRichTextEditorActionRichStyleCss = ":host{display:block}gux-button-slot button .gux-target-display{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:center}gux-button-slot button.gux-is-pressed{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}.gux-list-container{inline-size:214px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";
 const GuxRichTextEditorActionRichStyleStyle0 = guxRichTextEditorActionRichStyleCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -135,6 +135,11 @@ const GuxRichTextEditorActionRichStyle = class {
             }
         }
     }
+    renderMenu() {
+        return (h("div", { class: "gux-target-display" }, this.renderTargetDisplay(), h("gux-icon", { "icon-name": this.expanded
+                ? 'custom/chevron-up-small-regular'
+                : 'custom/chevron-down-small-regular', "screenreader-text": this.i18n('richStyleDropdown') })));
+    }
     renderListItem(item) {
         return (h("gux-truncate", { "max-lines": 1 }, item.textContent));
     }
@@ -167,12 +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" }, 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.renderTargetDisplay(), h("gux-icon", { size: "small", "icon-name": this.expanded
-                ? 'custom/chevron-up-small-regular'
-                : 'custom/chevron-down-small-regular', "screenreader-text": this.i18n('richStyleDropdown') })), this.renderTooltip()));
+        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()));
     }
     render() {
-        return (h("gux-popup", { key: '5c9d973231193777d18724ab5f9148678e23407a', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'a0ab8d22aeefe6381bc2aa164aa88719f83ae884', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }