genesys-spark-components 4.112.0 → 4.113.0

package/dist/esm/gux-option-multi.entry.js

@@ -66,13 +66,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (h(Host, { key: '1d7aa3f1dcc11679352673ffce40ed00e4d8f8fc', role: "option", class: {
+        return (h(Host, { key: '3a5cdff42434e2e37079e01b408bafbef12e8e82', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '5f02fc2c8c4ea121a627e5d1181d6f8f68cf6d71', class: "gux-option-wrapper" }, h("gux-truncate", { key: '7ecb8bf43bb026ea2cc4bf401a556c5723f34047', ref: el => (this.truncateElement = el) }, h("slot", { key: 'c0744710fdbc5aad62307fe003fc8e5922046749' })), h("slot", { key: 'bde8e3cadc2effbb73c7cc2b30540dead354616e', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '5c1e549be823e0d3c5d833a98b3c71d8d99441a8', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'a0ca685b6bd660d92655a0e448aa029a2f66f6f4', ref: el => (this.truncateElement = el) }, h("slot", { key: 'bcb67b50e599b0c8061d61e1b4c126f125aba6cd' })), h("slot", { key: 'e9ee25d566bcfd83e5b317b18129ceac5cfc7f7c', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-page-loading-spinner.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -13,7 +13,7 @@ const GuxPageLoadingSpinner = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '07d87cc87fce507101879e7603c768eef7365eff', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: 'd77b0ffcae5f95ad988a21332b6c902e743ec1c0', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return getElement(this); }
 };

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

@@ -185,7 +185,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (h("div", { key: 'd10ee2507f132111c566aa1d6512158a61476656', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '002178c1aaf470c3d9a118e98f1d49ab44f2c7fa', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'eb6123866755f06c37ae0838da295edf47a80218', accent: "ghost" }, h("button", { key: '518d64a884e9805023fbaf5df36c86edacf05985', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'c33cb5ce83b89fccaca1a9923d0420976052b1cf', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '2f6e8181f46a5389b4514307a4215a6a2cda3c45', accent: "ghost" }, h("button", { key: '0a7a34a01753d8d282cc61a15adae5dd774c3a25', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '3c0bb188fe3bef17086607d36ecad853f5208868', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'cd1e3bfce9c50548ee770b907de3adcca4b07958', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '9bab187fa47ee1360d9f32aba7126d87ce5ba98c', accent: "ghost" }, h("button", { key: 'd7c6b1f9c7f6f58ea4f5c631f94370a3ec9c516c', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c7bab95ba855b60d551115489cf1ce41492e32d2', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'a8570f2f11e3ee4129fc8f309b951d59c8ed1a97', accent: "ghost" }, h("button", { key: '21748d1dd568ab99a4ae7a6e6c71add0d9b141fa', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '7773f658570e13f10e224068e5f25ae49fc8b0c9', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '557e3312c0152bd3654b28e6574fb741015e382c', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'fd835e1137e8736f609c8164d697b63ded852897', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '061444e9654c31aa2a012e03465500f03a3b1ca1', accent: "ghost" }, h("button", { key: '2da2393ea5079c930b7318d8c66ae9e4443ab15f', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '38e7d295fa218fe90b787fc46b644671d3993065', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '717e500afcb575faa741b65ee215a6817392326f', accent: "ghost" }, h("button", { key: '57de16c874a2ff91c9a0fc3f6b162c27665532da', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '99fe82ca76d03a9b67e1307b2915808ab48b1507', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'da2fc88c6ecfeecf6707a2f13836d07abaf80afc', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '88bbffdb9c5f1f513191949b7d26dfa1b9eccbb9', accent: "ghost" }, h("button", { key: 'ecdae67eb330e77188c2cc9db64698003e0ec801', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'b6d2c5f2732a16e036bb8924a64bc957cb3e4e3c', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'f47c7603b8d18724d2c7135ceed76d52d5db1913', accent: "ghost" }, h("button", { key: 'd096eedbb9620f27bee548deee00ddfb7a703957', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'b4c87b2bd8075540f3032acea4895f11dfb04bf2', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -224,10 +224,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (h("div", { key: '080d2600265fd24a93db0c31fc53050c08f97af8', class: "gux-pagination-item-counts-container" }, h("span", { key: '04e201ed3950906a12dcf60df94d913605a1003f', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'b1aa6d30e61142f6272a3e03b7659b90e33ef0c8', class: "gux-pagination-item-counts-container" }, h("span", { key: '3dca5b0d3e857662c0ffaa0d6e8ec92f20289107', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'b2de21a75473203efe7c5f314110b1b5a21a6eb2' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: 'cd33418cd86dd09a03834b988dc74ac6807f0db5' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return getElement(this); }
 };
@@ -265,7 +265,7 @@ const GuxPaginationItemsPerPageLegacy = 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: '4333b98272bde4dacdb4383330b1b1aaa15eaaa7', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'e93aba3b701c60f2ed45a06683724239c04fc3ac', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '8154c84aadf01fa9649879350ae1cecc16da96ba', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '7c562c72c13371778551e6bfd16b9931dc614926', class: "gux-pagination-items-per-page-container" }, h("div", { key: '944d0f6d03ebc6f8dafd0702731510ebb0bdcca6', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '96c6dab81456fcfa6c04b32be732a47134aa7d52', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return getElement(this); }
 };

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

@@ -220,7 +220,7 @@ const GuxPaginationButtons = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '027881e358a58ea4c1264b7972af5c1a6223938e', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '552ee18fa52cd9997757b75039a1443e3f203b41', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3143b8e60f8dcbac94a237f771f6e54794139aa4', accent: "ghost", "icon-only": true }, h("button", { key: '973dd2dc2702740d3a7450eb6631e1d95d8c7dce', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'fe4925c63146238d5b2c0559d2a8feb87eac7399', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '4213d70714388c863b97922ab66e13716da6ca3f', accent: "ghost", "icon-only": true }, h("button", { key: '7c7491aa55b3ee6014553e47fb90f10d7229d72b', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '3f268219cbd6c9cf88ae2a317a5952eb84a4fccb', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'cefc1d9eb37c15de59ed1699b90a7c42f8bfa781', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'c61cf6229e0e0dff99ee629a54b7a6b0e256956c', accent: "ghost", "icon-only": true }, h("button", { key: '345d941390b3d12ecb23216da6885fe342d0405b', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c6878a66fb637d4755e2f6fd59d0f6e69d272b52', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '2885faa05cab550857af7e0d7bf837ad2d8ffbec', accent: "ghost", "icon-only": true }, h("button", { key: '19dc8a3aa306eb34b5a1570961589769c4c0e54a', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'c08ccc987e1994d14e224cff805c6b14aa04b380', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'f2c6663b60d31128f7bd6dd20adb5b82c7f80ca7', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '0d952945c1b387b454d33036fc4f71806c4d0ddf', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '0ba6e5b7aba9f5801125bcecb41cd965272a20a8', accent: "ghost", "icon-only": true }, h("button", { key: '19441927825cff37a22d5e6b7d43b9ac54099c0d', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '402639e46592e97a4e060c046893c98164ae0fe8', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '463786ba7dcd23d58cbb1a51b10648c8bacd8740', accent: "ghost", "icon-only": true }, h("button", { key: '5310d013e36fb4cfa0bec4309576163bdb2dd7b3', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'e96beda65d0f4001d53a16ab84268e6f59b8d686', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '344801696017036161d2335433b1d2b5edc1955a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '8b5c4b1699edcb0cf5881af6d868c419eae51836', accent: "ghost", "icon-only": true }, h("button", { key: 'eac8bdb213a9ea6a604957e156ff247adcd555c4', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '28d31e5861870a84d0bbf530efe33bf86b230cb7', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '2d1b16f127176b7412a2757d29584cf1b944cc5d', accent: "ghost", "icon-only": true }, h("button", { key: '8d7676989232c08d7bd28d1aa81da4292591dcda', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'a036f94822cb04e34b7afbc3623815864e788c1e', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -264,10 +264,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (h("div", { key: 'a8a5a199b4281491abdf02d052725c8870ae67fb', class: "gux-pagination-item-counts-container" }, h("span", { key: '4e2f9b3a500d06e03d2cb0a11e8703af0f1b756c', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'ef15f586fd2b9f522a421132e30da5358c166754', class: "gux-pagination-item-counts-container" }, h("span", { key: 'c6a0351bdeff34ea22ee621d14a206b4d4f1df0b', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '24fae2bdf5c40fb35d880283711d4bbe48bb38e1', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: 'b4a8ad027230d070044e2f1a1e8c5885065857cd', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -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: '1108f8b39706925ec9be07ce81fb896b16439b0a', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'd00d1d593e84f67362dd1cfcda626aa50511b92f', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'ad1cae1b03cd5e1f577615f46e40cea1d1074559', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '82f472102660eb5d25a1ab027c354b29cc6b3aac', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'cc25e03a52bb8ac1eb693c36ab55f8b44d02b92c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'fe559cf402fb9d2bc5b4f0287295dc77b7b27f5c', 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-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.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: '83e43389597c948a11b775a05728961ff5d22768', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'fe413cec42ab63694dee7abbcab061e5a8411d41', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '1aa5f8927c2466ba0d270fad2fe1df45802111da', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '5afda97d8b2a6835ea609ec114df490ced743adb', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '1963aa3608ceee1b8e60afebf19a5deb7c92314e', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '42bf68ac8d182cbca942feb3f0a5c160f560b05d', 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-feb7be20.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.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: '91708f0aff287549bff14b1b7b0b96057d81f8fa', class: "gux-pagination-container" }, h("div", { key: 'cc6550efa9e41c9a1640df7e58dbaf9c56e77b1b', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'f49ac58f93d07c28a6ad419ead86a01e9da8e5e9', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '3f9222e71bc9e47108e53b4e6b4c531f52f3439a', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '0b831657f7868a929da4b0a2bdeeeadc6726b944', class: "gux-pagination-spacer" }), h("div", { key: '84213d0309f85965ebfb8796821973cd6086a1ff', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '3b0912d4fdd9a31ae24d8cdbd9cfc229f63c7c7d', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'e94db1c6fc90ae99d8d147b94df3271f8f020ecd', class: "gux-pagination-container" }, h("div", { key: '0bb4bc3146bba257bafeead3a6a14f13385aa919', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '247bc8058a8e24f61f8c985a30df28b685eb763c', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'ef88ec353b85b64b3106132d4c10366ff9370302', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '30440491b98485cad8ec3475981364aee80a024d', class: "gux-pagination-spacer" }), h("div", { key: '20222153a596fde35984a70809788c725114e53a', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'fe3899d7cecf708767ecbca06462a7c65f9137c3', 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,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-6fa3d266.js';
 import { O as OnClickOutside } from './on-click-outside-4688e1f9.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.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-feb7be20.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-02309983.js';
 import { O as OnClickOutside } from './on-click-outside-4688e1f9.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, h as hide, b as arrow } from './floating-ui.dom.esm-02309983.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { O as OnClickOutside } from './on-click-outside-4688e1f9.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.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-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-popover-boxShadow-color);}.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-feb7be20.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-02309983.js';
 import { O as OnClickOutside } from './on-click-outside-4688e1f9.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.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-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-popover-boxShadow-color)}.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: '5a85e0e55bafb075e64397041efbf4d92e4b15cd', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'bb0ef104623c9103065ae7e664aace8d06272438', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'f02cac440ab0f16e46f80e7e4eabc79097fbaffa', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'fd0ddcb404f8ee9bf44c253e0e0d414f4391b21b', onClick: this.dismiss.bind(this) })), h("div", { key: '6907311341d28c60ea7d512cf12282d253bae1d6', class: "gux-popover-content" }, h("slot", { key: 'e346678d0445a1083dbbe13ff8b90884b14754ad' }))));
+            }, "data-placement": true }, h("div", { key: 'b3d53dd273c130fcccb3a862f8458604245da9fe', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '764e5778b5ebc2b77ce4aa6414411bddf46b9539', onClick: this.dismiss.bind(this) })), h("div", { key: '27a5b754cf91b27c15fac0a4fb4d66269091a3a6', class: "gux-popover-content" }, h("slot", { key: '5ea293a9aa43b9954335b10b00fd201f8e5207e2' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -106,13 +106,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (h("div", { key: '1b92d910b7270a7311ce6f0c867296696b5aa53e', class: {
+        return (h("div", { key: '434e98eb9eb69a483d49ecc2319aa2ed62db1caa', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '104e101a4166b5ff16e61abe26c42958f09a8e58', name: "target" }), h("div", { key: '588aeec5afcf85827af3b2ff6b229dd87acbab88', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'dd69fd4e088ab217174ef12c505083c13b0d073e', name: "target" }), h("div", { key: '184394e2eabd8b5fbb19ecfd5ae8a9b2868179ad', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '40af0f011cb01e4f196042e24d2567589990a13e', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '07398f562f6a1c8b2fc6524f32840c3023a54adb', 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-feb7be20.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.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: '73e5fee9c707dbbf980a5a556eabda267a0ea61f', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '451a244e392ca3a5e14f6ff82bf3cb02d5cda7e4', 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-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.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-feb7be20.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-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.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: 'b893aad3e3efe3e3d2ab903834a1656badb4f3eb', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '5532203c7b2c5106ef5fa9c210496ec74b340bfc', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '1afb046220e86167aad3e14b3cdb1fab9bd309bf', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '2a215e81ba97973c67079e9c8d6a1e2bac08a6ce', 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

@@ -0,0 +1,52 @@
+import { r as registerInstance, h, g as getElement } from './index-feb7be20.js';
+import { t as trackComponent } from './usage-f19643b5.js';
+import { b as buildI18nForComponent } from './index-6fa3d266.js';
+import { t as translationResources } from './en-d5a4e07d.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}";
+const GuxRichHighlightListItemStyle0 = guxRichHighlightListItemCss;
+
+const GuxRichHighlightListItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.disabled = false;
+        this.highlight = 'orange';
+        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
+            });
+        }
+    }
+    async componentWillLoad() {
+        trackComponent(this.root, { variant: this.highlight });
+        this.i18n = await buildI18nForComponent(this.root, translationResources);
+    }
+    renderTooltip() {
+        if (!this.disabled && this.highlight !== 'inherit') {
+            return (h("gux-tooltip-beta", null, h("div", { slot: "content" }, this.i18n(`${this.highlight}`))));
+        }
+    }
+    render() {
+        return (h("div", { key: 'c30f320ff38c903e13eb69fc493ba73815153579', class: {
+                'gux-highlight': true,
+                [`gux-${this.highlight}`]: true
+            }, role: "listitem" }, h("button", { key: '58ba38a6ba5ca8a9f256e055e7217670e87e7d10', type: "button", "aria-label": this.i18n(`${this.highlight}`), tabIndex: -1, disabled: this.disabled }), this.renderTooltip()));
+    }
+    static get delegatesFocus() { return true; }
+    get root() { return getElement(this); }
+};
+GuxRichHighlightListItem.style = GuxRichHighlightListItemStyle0;
+
+export { GuxRichHighlightListItem as gux_rich_highlight_list_item };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.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;background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1)}button:focus-visible:not(:disabled){border-radius:var(--gse-semantic-focusOutline-sm-borderRadius);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)}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}";
@@ -30,7 +30,7 @@ const GuxRichStyleListItem = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'af744c66eb3866b1cf836f50b80ed6e007aa34ab', role: "listitem" }, h("button", { key: '41f5dadc863d655861ff6518502b78ce05761ff2', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '97b2e06d8f911c647c343ee79cfff9dc01697468' }))));
+        return (h(Host, { key: '4a15b295e8a77a8760dd96c780a34b67a8301d94', role: "listitem" }, h("button", { key: '3c7a10f99083a85d960da1b686ade1c67ddf78e9', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '7b5cb370a7064593b28952969e50baf59e021bca' }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -14,7 +14,7 @@ const GuxRichTextEditorActionGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: '0854c1dbf047acb7ee764df705e94ea0934fd6cc' }, h("div", { key: '44565eea9cef0736eb93863208d25d3ab949d2d5', class: "gux-action-group-container" }, h("slot", { key: 'fefffb53d382c325e9f426d266bc9b391638e35b' })), this.renderActionGroupDivider()));
+        return (h(Host, { key: '0b8535ac364ff932423814854e72b91e9c85c3bd' }, h("div", { key: '6894ddec02c878e577d54a67a78d7614c1074976', class: "gux-action-group-container" }, h("slot", { key: 'd437c37fd5ff3b10b009eb69e4c11f8616209361' })), this.renderActionGroupDivider()));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-feb7be20.js';
 import { O as OnClickOutside } from './on-click-outside-4688e1f9.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
-import { t as translationResources } from './en-44ed612e.js';
+import { t as translationResources } from './en-d5a4e07d.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import './get-closest-element-728b9f18.js';
 
@@ -24,6 +24,7 @@ const GuxRichTextEditorActionLink = class {
         registerInstance(this, hostRef);
         this.linkOptions = createEvent(this, "linkOptions", 7);
         this.disabled = false;
+        this.isActive = false;
         this.isOpen = false;
     }
     onClickOutside() {
@@ -76,11 +77,11 @@ const GuxRichTextEditorActionLink = class {
     }
     renderTooltip() {
         if (!this.disabled) {
-            return (h("gux-tooltip", null, h("div", { slot: "content" }, this.i18n('link'))));
+            return (h("gux-tooltip-beta", null, h("div", { slot: "content" }, this.i18n('link'))));
         }
     }
     render() {
-        return (h(Host, { key: '657301a7faf85aa25acae1b6a16692c7bde53417' }, h("gux-button-slot", { key: '83efbe923b7c3910a17b820c3a421c5974f32227', accent: "ghost", "icon-only": true }, h("button", { key: 'b153398c55047fd061c72b5cfb64ff9ceaed37be', id: "popover-target", class: { 'gux-is-pressed': 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() }, h("gux-icon", { key: 'd8f8592e6baef13c13cfca7784c255ed761f7e1d', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), h("gux-popover", { key: '97b0362a929e8218127ad7c42b968ab69829d80b', "is-open": this.isOpen, for: "popover-target" }, h("div", { key: 'd61f714c6b084b1b7e13aba06c78221f1b79a973', class: "gux-popover-content-wrapper" }, h("gux-form-field-text-like", { key: 'b28fa73876de72d9dbc30f2fd975290ae555aacb' }, h("input", { key: '5c0ef8e8c58203bc5615e674f6a2f590203a9bc3', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), h("label", { key: '5015f51fc85a640376a9539012fb01df0fed83f7', slot: "label" }, this.i18n('textToDisplay'))), h("gux-form-field-text-like", { key: '96dece32aa2071222089eab5bd8f197a565d398b' }, h("input", { key: 'cfe957fe482c800445f8b63e9353e50150172b50', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), h("label", { key: 'd21ac7fbcf560f5010dea5f419444ad50842c5f9', slot: "label" }, this.i18n('linkAddress'))), h("gux-cta-group", { key: 'fd5e05f0e7dc46a2b7368a15b8efbe4625f6e80e', align: "end" }, h("gux-button", { key: '93d26feeaf9c4838a6c2b9ebf8fecc1e7d46f95f', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), h("gux-button", { key: 'e9442173d5d905de013a9e904455d682963ff263', onClick: () => this.togglePopover(), slot: "dismiss" }, this.i18n('cancel')))))));
+        return (h(Host, { key: 'c51c67c1063f35575b11db91781763b1a54f9bb1' }, h("gux-button-slot", { key: '921372b56a841e108352fe26722d3455e3fcf799', accent: "ghost", "icon-only": true }, h("button", { key: '1fad4601444c237ae0931950b0bbe031ed265d7f', 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: 'aed90b615e1e1c4ff08113cfa08a08ee2289f663', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), h("gux-popover", { key: '4bf2e0f0c8d8e4b55b814fb45f654cc3a4aea66d', "is-open": this.isOpen, for: "popover-target" }, h("div", { key: '1238ca6fe3ca06e12d822a4d4e83e91181e8a44a', class: "gux-popover-content-wrapper" }, h("gux-form-field-text-like", { key: 'bd7adba7b234b2ee11fd48429757c5e4b8e4cbac' }, h("input", { key: '4e04b841b194fb92674af30148c9e6d843caaf56', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), h("label", { key: '239b6f659d59a85db2137691c9a4d7a05c003b83', slot: "label" }, this.i18n('textToDisplay'))), h("gux-form-field-text-like", { key: 'fe15940a60b7e196f24d578d101f1ef5caf0650c' }, h("input", { key: 'ad8a588ed0433b112929bbac1ee3a9371a467671', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), h("label", { key: 'ed65192ef701827a4ed60579c51164aa1e4f15dd', slot: "label" }, this.i18n('linkAddress'))), h("gux-cta-group", { key: '6369a6d6bd4a5268c955d12a81b05de28a974f63', align: "end" }, h("gux-button", { key: '468ccc4f482e7a622d2ca3b4fee2b1aae413d831', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), h("gux-button", { key: '8f46d9f041a70f747a56f398eaa62d346b86559f', 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,10 +1,10 @@
 import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { h as hasDisabledParent } from './gux-rich-text-editor.service-144f4651.js';
 import { O as OnClickOutside } from './on-click-outside-4688e1f9.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
-import { t as translationResources } from './en-44ed612e.js';
+import { t as translationResources } from './en-d5a4e07d.js';
 import './get-closest-element-7b2f7d5b.js';
 import './get-closest-element-728b9f18.js';
 
@@ -138,6 +138,11 @@ const GuxRichTextEditorActionRichStyle = class {
     renderListItem(item) {
         return (h("gux-truncate", { "max-lines": 1 }, item.textContent));
     }
+    renderTooltip() {
+        if (!this.disabled && !this.expanded) {
+            return (h("gux-tooltip-beta", null, h("div", { slot: "content" }, this.i18n('richStyle'))));
+        }
+    }
     onActionButtonClick() {
         this.expanded = !this.expanded;
         if (this.expanded) {
@@ -162,12 +167,12 @@ 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", { "icon-name": this.expanded
+        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') }))));
+                : 'custom/chevron-down-small-regular', "screenreader-text": this.i18n('richStyleDropdown') })), this.renderTooltip()));
     }
     render() {
-        return (h("gux-popup", { key: '982817e6cf8a9db8b3dfce776ae369027bc6aa13', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '40e3c24df747dea627240ba4604c7d7c595a83b5', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -0,0 +1,128 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-feb7be20.js';
+import { O as OnClickOutside } from './on-click-outside-4688e1f9.js';
+import { t as trackComponent } from './usage-f19643b5.js';
+import { b as buildI18nForComponent } from './index-6fa3d266.js';
+import { t as translationResources } from './en-d5a4e07d.js';
+import { h as hasDisabledParent } from './gux-rich-text-editor.service-144f4651.js';
+import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
+import { b as afterNextRender } from './after-next-render-07a41f53.js';
+import { e as eventIsFrom } from './event-is-from-60a4bc72.js';
+import './get-closest-element-728b9f18.js';
+import './get-closest-element-7b2f7d5b.js';
+
+const guxRichTextEditorActionTextHighlightCss = ":host{display:block}.gux-text-highlight-popup{display:flex;flex-direction:column;gap:var(--gse-ui-rte-colorPalette-gap);inline-size:104px;padding:12px;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-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-text-highlight-popup gux-rich-text-editor-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gse-ui-rte-colorPalette-gap);align-items:flex-start;justify-content:flex-start;padding:0}.gux-text-highlight-popup gux-button-slot{align-self:center;block-size:var(--gse-ui-rte-menuButton-height)}.gux-text-highlight-popup gux-button-slot button{block-size:var(--gse-ui-rte-menuButton-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 GuxRichTextEditorActionTextHighlightStyle0 = guxRichTextEditorActionTextHighlightCss;
+
+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 GuxRichTextEditorActionTextHighlight = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.noHighlightAction = createEvent(this, "noHighlightAction", 7);
+        this.disabled = false;
+        this.isActive = false;
+        this.expanded = false;
+    }
+    onClickOutside() {
+        this.expanded = false;
+    }
+    watchDisabled(disabled) {
+        if (disabled) {
+            this.expanded = false;
+        }
+    }
+    handleKeydown(event) {
+        const isHighlightItemEvent = eventIsFrom('gux-rich-highlight-list-item', event);
+        const composedPath = event.composedPath();
+        switch (event.key) {
+            case 'Escape':
+                this.expanded = false;
+                this.actionButton.focus();
+                break;
+            case 'ArrowDown':
+            case 'Enter':
+                if (composedPath.includes(this.actionButton)) {
+                    event.preventDefault();
+                    this.expanded = true;
+                    this.focusNoHighlightActionButton();
+                }
+                break;
+            case 'Tab':
+                if (event.shiftKey) {
+                    return;
+                }
+                if (isHighlightItemEvent) {
+                    this.expanded = false;
+                }
+                break;
+        }
+    }
+    async componentWillLoad() {
+        trackComponent(this.root);
+        this.i18n = await buildI18nForComponent(this.root, translationResources);
+    }
+    togglePopup() {
+        this.expanded = !this.expanded;
+        if (this.expanded) {
+            this.focusNoHighlightActionButton();
+        }
+        else {
+            this.actionButton.focus();
+        }
+    }
+    focusNoHighlightActionButton() {
+        afterNextRender(() => {
+            this.noHighlightActionButton.focus();
+        });
+    }
+    renderTooltip() {
+        if (!this.disabled && !this.expanded) {
+            return (h("gux-tooltip-beta", null, h("div", { slot: "content" }, this.i18n('textHighlight'))));
+        }
+    }
+    renderPopup() {
+        return (h("div", { class: "gux-text-highlight-popup", slot: "popup" }, this.renderNoHighlightAction(), this.renderTextHighlightColors()));
+    }
+    renderNoHighlightAction() {
+        return (h("gux-button-slot", { accent: "tertiary" }, h("button", { type: "button", ref: el => (this.noHighlightActionButton = el), onClick: () => this.emitNoHighlightAction() }, h("gux-truncate", { "max-lines": 1 }, this.i18n('noHighlight')))));
+    }
+    onListClick(event) {
+        whenEventIsFrom('gux-rich-highlight-list-item', event, () => {
+            this.expanded = false;
+            this.actionButton.focus();
+        });
+    }
+    renderTextHighlightColors() {
+        return (h("gux-rich-text-editor-list", { onClick: (e) => this.onListClick(e) }, h("slot", null)));
+    }
+    emitNoHighlightAction() {
+        this.noHighlightAction.emit();
+        this.expanded = false;
+        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: { 'gux-is-pressed': this.isActive || this.expanded }, "aria-haspopup": "true", "aria-expanded": this.expanded.toString(), "aria-pressed": this.isActive.toString() }, h("gux-icon", { size: "small", "icon-name": "fa/highlighter-line-regular", "screenreader-text": this.i18n('textHighlight') })), this.renderTooltip()));
+    }
+    render() {
+        return (h("gux-popup", { key: '5ab33be4e0c45633f0e14de414429c818b81e6ed', disabled: this.disabled, expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+    }
+    static get delegatesFocus() { return true; }
+    get root() { return getElement(this); }
+    static get watchers() { return {
+        "disabled": ["watchDisabled"]
+    }; }
+};
+__decorate([
+    OnClickOutside({ triggerEvents: 'mousedown' })
+], GuxRichTextEditorActionTextHighlight.prototype, "onClickOutside", null);
+GuxRichTextEditorActionTextHighlight.style = GuxRichTextEditorActionTextHighlightStyle0;
+
+export { GuxRichTextEditorActionTextHighlight as gux_rich_text_editor_action_text_highlight };

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-0a3bab03.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
-import { t as translationResources } from './en-44ed612e.js';
+import { t as translationResources } from './en-d5a4e07d.js';
 import { h as hasDisabledParent, r as returnActionTypeIcon } from './gux-rich-text-editor.service-144f4651.js';
 import './get-closest-element-728b9f18.js';
 import './get-closest-element-7b2f7d5b.js';