genesys-spark-components 4.137.1 → 4.138.0

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 
 const page = "Page";
@@ -118,8 +118,6 @@ const GuxPaginationButtonsLegacy = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.internalcurrentpagechange = createEvent(this, "internalcurrentpagechange", 3);
-        this.currentPage = undefined;
-        this.totalPages = undefined;
         this.layout = 'full';
     }
     get onFirstPage() {
@@ -185,7 +183,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (h("div", { key: 'd8c81c219ac05bc53adb30f145ae963fcfcc32c2', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '8e885c3c6a8faaa84848eb50224dd7480b4dccb8', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7fcea3d2f0278a6a79f1ab2574effe6a1c2e4e7e', accent: "ghost" }, h("button", { key: '6d7d3e30c99c3b5e8cc211cc1f4c0b030251188c', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'a9ecd35be4e3ab14eddd4cebbab05f96c45dc84a', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'a51237614face62ae69ab1c834ba0bc486324d30', accent: "ghost" }, h("button", { key: '31c7817937aa6730886e8f17f63a7dca79c8921f', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'b55f173a1ac205741ae649381f89606f7589d82e', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '39e50e104d0e8c9924deaebec2d338893c8286ff', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7c65c3c5a1e373b6d3c12dc7bb64a3cb4674b217', accent: "ghost" }, h("button", { key: '712b22788b90bb251807f95eb775cd1c1dabf358', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'bb75fa24ff0f240a57627f0faeba7f2f9182aac8', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '3335aedc8c13bc0384c4095f38355b7a9636a5d2', accent: "ghost" }, h("button", { key: '0eafffbba4c710d54e23400fb017c50f9ad4340d', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '9ed3f45ee34f10a779bc24ff9e952134d4e0c2ca', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '94e78129a0eab8031622b92ed8fe5f392a6495b0', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '5c1a04dc93ae0fd25c4f0b1121d633fe9b951b2c', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '6cbc04a2b7e1bfb448894c8895ac3232648e5fc3', accent: "ghost" }, h("button", { key: '7e05c92cd3e4fff399ce9dbbff8e6f97e4c45147', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '6f8f9d39f5124c98221b90b840557f79d1bd206a', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '36ea45dfcb84f21e0968dd47f11e56296596ade3', accent: "ghost" }, h("button", { key: 'e3f613c72ab8a52b831bd02d8467a446d72fd767', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'be79fa6701289fe96cba8dd9c50772159c56de5c', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '3152b124bf97384c1d0bc4b9412e0c112a4d6812', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '74f2c533370dab51946d1fd639382c57cfb4435c', accent: "ghost" }, h("button", { key: '10765d3f555991bde133be3fade1fba2185bb7cc', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '454302ddb2294af9922116255aa3f60eace8edf0', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'f4fc51a9e28351e111813f10b09a7aa5bc04d985', accent: "ghost" }, h("button", { key: '05e9a24f9c28995d8876ee2f76ab351a6e271830', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '718c22f69a257dfa66d7c13256d8dca985cca2d9', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -224,10 +222,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (h("div", { key: '3969b1af65c90c8567a902566de629ffac63d0ca', class: "gux-pagination-item-counts-container" }, h("span", { key: '0bd93fccccfd9f95c077d1ae7a0088a9fc7b4022', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'adc625e79d3bc3b2cee319fd36e01a6a7b55e2f0', class: "gux-pagination-item-counts-container" }, h("span", { key: 'ae0af79204b86e5902722892101fa644a8705a18', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '7c8ab21a8206d034d482dab298f225bfb6bc1efa' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '98a27d3f011a9766d9fb69be3b1f47bb45e7a408' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return getElement(this); }
 };
@@ -265,7 +263,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: '454327fa8b75606eddaba6090d2761a27b7c9439', class: "gux-pagination-items-per-page-container" }, h("div", { key: '9cacb03bd2d17176a1ae60b970d600fd3c51957c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'e345e541a007cff06b04c4cbcb8180ab4f99e097', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'e601a72a600861196a6ef6ccdd5f55f43d6eee03', class: "gux-pagination-items-per-page-container" }, h("div", { key: '907d9f76dc84110cad4d4e52a23b8e675ab36f0f', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'ec10de58cb9cfdbb2b75cae02a414cd8e79f924c', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { t as translationResources } from './en-25a315a0.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import './get-closest-element-728b9f18.js';
@@ -165,8 +165,6 @@ const GuxPaginationButtons = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.internalcurrentpagechange = createEvent(this, "internalcurrentpagechange", 3);
-        this.currentPage = undefined;
-        this.totalPages = undefined;
         this.layout = 'advanced';
         this.disabled = false;
     }
@@ -220,7 +218,7 @@ const GuxPaginationButtons = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '19348e41b1b5079d5326d9650144dcad1f7f79ad', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'a8cea9837f51fabe8c5acaf7e043cb3524729040', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f88feae362e6bee92b986d6ff15dc9ab1527ab28', accent: "ghost", "icon-only": true }, h("button", { key: 'ac851cd227f509c0b606dd20da5d459c84b68bb2', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '99382b372c35a0d0ac1b1e0bc118d606d4725207', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '4c60cf789aa89525fc89fa68159223d8855ee511', accent: "ghost", "icon-only": true }, h("button", { key: 'e8c99c90a15dbaae1af85665e41a4f9af6111a69', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '246be5ce4ce53215091f1e98a6c3b1fd38c5ae32', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '84031c4145984c3f199266d5cbc7447905538fb3', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'dadd2185efe906e2ba33e93e84cbf44921e0e09e', accent: "ghost", "icon-only": true }, h("button", { key: 'b359290771917607b4cb758b44c849dc7c4281ca', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c104d4d80bd962711b9c950abf937de3d7f8d9ac', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '10312bfa94c58b63c60f9f9e21fa1fe9992a13ab', accent: "ghost", "icon-only": true }, h("button", { key: '16b4cd5e0845015ac0d41e09c3b1e05ad8a6d541', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '61d28b070612e95a7ed624fee7777c6614da71e8', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '2adf432e5c8561b88b47d64651419539faeaacdb', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'fe8298d4f799e7492132fd918ad8a14c31c39e9c', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '607b0df667dc90c5e1aea01917a84d802e88b1e7', accent: "ghost", "icon-only": true }, h("button", { key: 'd72f33998b80efd44b59810674ec8baf8c8b48c3', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '47a7aea9eea057e7799c8d361ae3d664da4018c1', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'ff72d4e40c0614d548229f789db35c079d77679e', accent: "ghost", "icon-only": true }, h("button", { key: '76ee67311429e3343530922bad3ec2d98c9260c9', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'beb59b0a8e1812c18c9e8400912431bb1a9f746e', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '2b6ec10a6a777fac2a1ad1b2742d56b7c83f5425', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3515d6107c5a65b6a044ca5aa12adc06223086db', accent: "ghost", "icon-only": true }, h("button", { key: '3579ead5a7abab3ef4575c7aec7d49d088b6bb12', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'a71bda9da92ddb4047b899156c278fdf3431187f', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '71eb9a560a4fab1182cb78131508a2841bb73a2d', accent: "ghost", "icon-only": true }, h("button", { key: '185d069f2424e873b521593bd4c5befbf2d5b05f', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'f4b756e0c76c7071dc98f62493c0807143853280', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -264,10 +262,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (h("div", { key: 'bffcf790cc3d9578c7cc74ec65f627fcc5c553cc', class: "gux-pagination-item-counts-container" }, h("span", { key: '63cb44e29d3812bf4889e0bf0858c4770b75e722', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '325a05d29604b38315f1a95318a691daad41d412', class: "gux-pagination-item-counts-container" }, h("span", { key: '4c6e277325a88e839ece1ef0ce21f638c7810dbb', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '353452700945c384bb4a868fd2d4c3cfb95ea7e2', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '7c670909cd37292ef639c1fa993c8782c0ffc8d9', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 
 const previous = "Previous";
@@ -20,8 +20,6 @@ const GuxPaginationCursor = class {
         this.guxitemsperpagechange = createEvent(this, "guxitemsperpagechange", 7);
         this.hasPrevious = false;
         this.hasNext = false;
-        this.label = undefined;
-        this.itemsPerPage = undefined;
         this.layout = 'simple';
     }
     handleInternalitemsperpagechange(event) {

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-21889d5d.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.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: '70404290e2847bfaf687084b2d546ecb3234c275', class: "gux-pagination-items-per-page-container" }, h("div", { key: '66300de9d20076b38ccbe17a3b528603834c6ae6', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '25da00635a3fc880b3f21f50795eb89e3fcb132d', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '56e33dac3f981827817fb7269ca2800806ec7f28', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'f2314d4e85a4075d034443ab4f90e17dd36b628c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c4e0d414394824783edd508c800797fe073ea294', 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-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.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;
@@ -8,11 +8,22 @@ const GuxPaginationLegacy = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.guxpaginationchange = createEvent(this, "guxpaginationchange", 7);
+        /**
+         * The currently select page. Changes are watched by the component.
+         */
         this.currentPage = 1;
+        /**
+         * The total number of items in the data set. Used to calculate total page count
+         */
         this.totalItems = 0;
+        /**
+         * The max number of items on a page. Used to calculate total page count
+         */
         this.itemsPerPage = 25;
+        /**
+         * The pagination component can have different layouts to suit the available space
+         */
         this.layout = 'full';
-        this.totalPages = undefined;
     }
     setPage(page) {
         if (page <= 0) {
@@ -64,7 +75,7 @@ const GuxPaginationLegacy = class {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: 'a58ffb8af89a9a703d06e4d71eedace7124ceba0', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '36447ac1277e986ddc5d8ebd63b5b45c2173a803', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '99ec98ab5d28bd4507fc71e694dbb888dc07f9c4', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '9fb7768816e0454d90373f6a01ab55569763ec1a', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '24c5f9d3d51777b64071d9ebf14ba61ad930788b', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '162dd6ade2c6aba07a3810d3ca26908c706cc630', 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-21889d5d.js';
+import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-1f4f2f77.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.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;
@@ -11,13 +11,23 @@ const GuxPagination = class {
         registerInstance(this, hostRef);
         this.guxpaginationchange = createEvent(this, "guxpaginationchange", 7);
         this.reinstateLayoutBreakpoint = 0;
+        /**
+         * The pagination component can have different layouts to suit the available space
+         */
         this.layout = 'advanced';
+        /**
+         * The currently select page. Changes are watched by the component.
+         */
         this.currentPage = 1;
+        /**
+         * The total number of items in the data set. Used to calculate total page count
+         */
         this.totalItems = 0;
+        /**
+         * The max number of items on a page. Used to calculate total page count
+         */
         this.itemsPerPage = 25;
         this.disabled = false;
-        this.totalPages = undefined;
-        this.displayedLayout = undefined;
     }
     setPage(page) {
         if (page <= 0) {
@@ -90,7 +100,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (h("div", { key: '1e116e5d5d9475ef4784dc50358a18601293c624', class: "gux-pagination-container" }, h("div", { key: '02b5f66ce1c292fd3ed11c72956a67708743526c', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '28321ee35300aa8b6c81f22bb8f362e45f697011', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'f3505fc560fecfee1f851f15e7812806c62f115b', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '6769a8f9a1f3245514431b1f94b3101083347e39', class: "gux-pagination-spacer" }), h("div", { key: 'e134a6182d26e38a3a82e942d5165ec0b924f7c1', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'f8ee9a262dc6c36188f72d942043b84389a04765', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '9847ec11f3d6ce2701b45e37609a04a0cd817a1b', class: "gux-pagination-container" }, h("div", { key: 'dd201c74a25ec351b7c2135df3a78c1afa188a04', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '8fa2f803d855138268436e80406b387b7b6d46b1', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '7a9a67683d8f886b0bb4f746a859c9b453bfe9f7', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '9cb7c65b1dfb7fbb7e0c982c4ab85b2ca29de9bd', class: "gux-pagination-spacer" }), h("div", { key: '7611f183470ff573eea93ccb51d43f4f135e791b', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'e322b2e19a780b3bf769591bfd3913a758b022f3', 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,8 +1,8 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-1f4f2f77.js';
 import { g as getDefaultExportFromCjs, c as commonjsGlobal, a as commonjsRequire } from './_commonjsHelpers-c9e3b764.js';
-import { t as trackComponent } from './usage-66b031b6.js';
-import { b as buildI18nForComponent, g as getDesiredLocale } from './index-0faa8b4b.js';
-import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
+import { b as buildI18nForComponent, g as getDesiredLocale } from './index-4f1356d9.js';
+import { O as OnClickOutside } from './on-click-outside-6c2e399b.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';
@@ -1998,12 +1998,12 @@ const GuxPhoneInput = class {
         this.regionObjects = [];
         this.displayType = libphonenumber$1.exports.PhoneNumberType.FIXED_LINE;
         this.value = '';
-        this.defaultRegion = undefined;
-        this.labelId = undefined;
         this.hasError = false;
         this.disabled = false;
         this.required = false;
+        // Display only. This chooses how to format the number within the input.
         this.phoneNumberFormat = 'NATIONAL';
+        // Display only. This chooses the type of example number as the placeholder within the input.
         this.phoneNumberType = 'FIXED_LINE';
         this.regionOptions = [];
         this.expanded = false;

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.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-ae4fe543.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { g as getSlot } from './get-slot-41f866aa.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 
-const guxPopoverCss = ":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;padding:var(--gse-ui-popover-padding);overflow: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-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}.gux-popover-wrapper gux-dismiss-button{float:inline-end}";
+const guxPopoverCss = ":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;padding:var(--gse-ui-popover-padding);overflow: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-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}";
 const GuxPopoverBetaStyle0 = guxPopoverCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -22,13 +22,23 @@ const GuxPopover = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.guxdismiss = createEvent(this, "guxdismiss", 7);
-        this.disconnect = undefined;
-        this.for = undefined;
+        /**
+         * Indicate position of popover element arrow (follow floating ui placement attribute api)
+         */
         this.position = 'bottom';
+        /**
+         * Indicate if the dismiss button is displayed
+         */
         this.displayDismissButton = false;
+        /**
+         * Close popover when the user clicks outside of its bounds
+         */
         this.closeOnClickOutside = false;
+        /**
+         * Controls hiding and showing the popover
+         */
         this.isOpen = false;
-        this.forElement = undefined;
+        this.disconnect = undefined;
     }
     updateForElement() {
         this.forElement = this.getForElement();

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-21889d5d.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.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-ae4fe543.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
+import { t as trackComponent } from './usage-82f4ed22.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)}";
@@ -22,12 +22,19 @@ const GuxPopoverList = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.guxdismiss = createEvent(this, "guxdismiss", 7);
-        this.disconnect = undefined;
-        this.for = undefined;
+        /**
+         * Indicate position of popover element arrow (follow floating ui placement attribute api)
+         */
         this.position = 'bottom';
-        this.displayDismissButton = undefined;
+        /**
+         * Close popover when the user clicks outside of its bounds
+         */
         this.closeOnClickOutside = false;
+        /**
+         * Controls hiding and showing the popover
+         */
         this.isOpen = false;
+        this.disconnect = undefined;
     }
     onKeyDown(event) {
         switch (event.key) {

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-21889d5d.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.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-ae4fe543.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
+import { t as trackComponent } from './usage-82f4ed22.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)}";
@@ -21,10 +21,17 @@ const GuxPopoverList = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.guxdismiss = createEvent(this, "guxdismiss", 7);
-        this.for = undefined;
+        /**
+         * Indicate position of popover element arrow (follow floating ui placement attribute api)
+         */
         this.position = 'bottom';
-        this.displayDismissButton = undefined;
+        /**
+         * Close popover when the user clicks outside of its bounds
+         */
         this.closeOnClickOutside = false;
+        /**
+         * Controls hiding and showing the popover
+         */
         this.isOpen = false;
     }
     onKeyDown(event) {
@@ -130,10 +137,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (h("div", { key: '7f97c35d8987a6290ff223ed6b1ebf02fd925a1d', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'c94e3a9d29972dd7de07153cf21370bf7009adb0', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'e21c9edcea3fd896296891650c94babdcfa4c32d', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '1d9d4c800339db334afe20d99b8a9e6bb6a7a4d4', onClick: this.dismiss.bind(this) })), h("div", { key: 'b669ffdd4249569da4e2573cc4d907701f0b7899', class: "gux-popover-content" }, h("slot", { key: 'efd63a8385e1111c092a5a888b95f4e044c8f899' }))));
+            }, "data-placement": true }, h("div", { key: 'f0d18e1a7f180e7776eafeba0ebc7c8acf038385', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'df6952abca5ca57368311073e26d65f186304c09', onClick: this.dismiss.bind(this) })), h("div", { key: 'd530b83e81b9e62529ba2125f1d824a658f08778', class: "gux-popover-content" }, h("slot", { key: 'f8c9ced9b756e1d7c879a581792e33dc2f9e941f' }))));
     }
     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-21889d5d.js';
+import { r as registerInstance, c as createEvent, h } from './index-1f4f2f77.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%)}";
@@ -9,10 +9,19 @@ const GuxPopup = class {
         registerInstance(this, hostRef);
         this.internalexpanded = createEvent(this, "internalexpanded", 7);
         this.internalcollapsed = createEvent(this, "internalcollapsed", 7);
+        /**
+         * Placement of the popup. Default is bottom-start
+         */
         this.placement = 'bottom-start';
         this.expanded = false;
         this.disabled = false;
+        /**
+         * Number of pixels the popup is offset from the target.
+         */
         this.offset = 2;
+        /**
+         * set if parent component design allows for popup exceeding target width
+         */
         this.exceedTargetWidth = false;
     }
     runUpdatePosition() {
@@ -106,13 +115,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (h("div", { key: 'ed6cd73816a75d4d7e0b6586d70e6c5682636ff3', class: {
+        return (h("div", { key: '8b457686247f595bc6fda8a16fa6878e1baf6d44', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '78c2e67ade4a878e75815f527378b591268de354', name: "target" }), h("div", { key: '94273bc83e548889d00d176ab8f1fe786a23b8a3', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '415230f7029ab2ba2bc12ccc4fdca6bb6683fac1', name: "target" }), h("div", { key: 'a9c084eed9bb2664f8e75ec4383e3437c2316ef7', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '00f5555359bd6393f590b130d6a8f90291b38947', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '84b4949477da973f148a47214fa0a64f0ca0c01a', 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-21889d5d.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { h, r as registerInstance, g as getElement } from './index-1f4f2f77.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import './get-closest-element-728b9f18.js';
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -33,7 +33,14 @@ const GuxRadialLoadingStyle0 = guxRadialLoadingCss;
 const GuxRadialLoading = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * The display context the component is in.
+         */
         this.context = 'modal';
+        /**
+         * Localized text to provide an accessible label for the component.
+         * If no screenreader text is provided, the localized string "Loading" will be used by default.
+         */
         this.screenreaderText = '';
     }
     async componentWillLoad() {
@@ -41,7 +48,7 @@ const GuxRadialLoading = class {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '1027951003a51fee7349f1df278317c1b6b278ca', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '6fd3f8e5101d5accb9be4e26e13118764a49831c', 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-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { h, r as registerInstance, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -30,8 +30,13 @@ const GuxRadialProgressStyle0 = guxRadialProgressCss;
 const GuxRadialProgress = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.value = undefined;
+        /**
+         * The max value of the progress spinner
+         */
         this.max = 100;
+        /**
+         * Required localized text to provide an accessible label for the component
+         */
         this.screenreaderText = '';
     }
     componentWillLoad() {

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.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-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.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;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: 'c932377bf1415bb03e7282c257bc34c82e16772b', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '302a7f8aa560178d6878485193cfa2da535563cc', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'ff9593ff50916c8eb9bd5a749712d2c232b66ac1', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'e73bb89716b389959d264e7344d55aa543cb9018', 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,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { t as translationResources } from './en-abdadc27.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.js';
 
@@ -12,7 +12,6 @@ const GuxRichHighlightListItem = class {
         registerInstance(this, hostRef);
         this.disabled = false;
         this.highlight = 'orange';
-        this.value = undefined;
     }
     onMouseUp() {
         this.focusParentList();

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { t as translationResources } from './en-abdadc27.js';
-import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
+import { O as OnClickOutside } from './on-click-outside-6c2e399b.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';
@@ -18,7 +18,6 @@ const GuxRichStyleListItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.disabled = false;
-        this.value = undefined;
     }
     onMouseUp() {
         this.focusParentList();
@@ -160,7 +159,6 @@ const GuxRichTextEditorSubListStyle0 = guxRichTextEditorSubListCss;
 const GuxRichTextEditorSubList = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.label = undefined;
         this.isShown = false;
     }
     onKeydown(event) {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 
 const guxRichTextEditorActionGroupCss = ":host{display:flex;flex-direction:row}:host(.gux-hidden) .gux-divider{display:none}:host(.gux-hidden) ::slotted(:not(gux-rich-text-editor-action-link)){display:none}.gux-action-group-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-rte-toolbarBtnGroup-gap);align-items:flex-start;justify-content:flex-start}.gux-divider{inline-size:var(--gse-ui-rte-divider-width);block-size:var(--gse-ui-rte-divider-height);margin:var(--gse-ui-rte-toolbar-divider-margin);background-color:var(--gse-ui-rte-toolbar-divider-color)}";
 const GuxRichTextEditorActionGroupStyle0 = guxRichTextEditorActionGroupCss;

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
-import { t as trackComponent } from './usage-66b031b6.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f4f2f77.js';
+import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.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';

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { h as hasDisabledParent } from './gux-rich-text-editor.service-dcce5e51.js';
-import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
+import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { t as translationResources } from './en-abdadc27.js';
 import './get-closest-element-7b2f7d5b.js';
 import './get-closest-element-728b9f18.js';
@@ -24,7 +24,6 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxRichTextEditorActionRichStyle = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.value = undefined;
         this.expanded = false;
         this.disabled = false;
     }