genesys-spark-components 4.101.0 → 4.102.0

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -17,7 +17,7 @@ const GuxPageLoadingSpinner = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-radial-loading", { key: '1f79cfddfa134a9e7c226512d54929510c331ea8', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: '5e81dd34144765af059317bc44efca388260d59e', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -189,7 +189,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (index.h("div", { key: '63f25242d8f57533e0472cc7b2dde6343f9cc461', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '69f6fa72263132acf189416eda2ba0eec746126e', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'a6df3a314c823bc710e6b631bd58216e9e37f098', accent: "ghost" }, index.h("button", { key: 'f67ed197ecac37fde86f1c35dc05f879d5e44e2d', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'ac087e56dc8985d4caae009f77cbb37dcc47739c', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'e3f46f270f2420b563f61023be4ce0c729b870cc', accent: "ghost" }, index.h("button", { key: '092511af1995070a3276fe927234f0ebdc81968e', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'd4f2f403bb776ec4fc7db62e99e0a94fa6d2d015', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '53171cb1a79c4546af339f58b33717144eae4b86', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'f22becc2f8cd95ef0c16b4702d44c98d2ad69ee0', accent: "ghost" }, index.h("button", { key: '3e67ffdd6f4dcecdc5df5f43271ebeeee8763815', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'd7ab04a202d803f8095df59f276205d7c0d76d4d', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '8b1b19b39688d6e7e47486a2e0a5ef1631e03290', accent: "ghost" }, index.h("button", { key: 'b975116faa3edb01d80083dbc7563c8e76e8ad4a', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '235ed5444b79ce05e92221c6fccda9f8f764ef66', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: 'd9cc666f5fb3fcd3a50cc652fdd033b6a40cd859', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '7fd62ec74d1a57ea094e37109cbfa10aa0aa66cb', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'de99a54442c3168eeea963c2c98134c2f08a800f', accent: "ghost" }, index.h("button", { key: 'da6954b497578ae1c9eea0f1b5000ed3bfd2a1ff', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '6462633c14d25669e981d514d6ddc0372d1af827', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '036263cc6bf8a52d4d29e6c257559d6f1596264f', accent: "ghost" }, index.h("button", { key: '72ca07d538cbc942b63cc35fc5e869002466193f', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'e8e8f955c76dfcea3e76256f68232afb951380dc', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: 'c1b05177d96e60c8dbab40f21cc13d6d2ba871c8', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'aea0884e9f8b66002893ee6c94f58e46bd345c08', accent: "ghost" }, index.h("button", { key: '27c7f68777a0aba912d4a8fb75bb66f37175ba80', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '06bac85862fb54c72d37594c9a514782334cf418', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'c2671535419aae0d93df96efb99ccb9f6225f01e', accent: "ghost" }, index.h("button", { key: 'bda0dcc81536c91cf92bf16c6f4d1b906a65aa88', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'b8e7eaf54b223fffea373f080fc0c06740ef25b5', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -228,10 +228,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (index.h("div", { key: 'e07678f89cd0ad68035a44cc0bb188845c4aadf3', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '0ad495a7e4935c4ca9c39ec413b541f577372517', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '3f3ede0c37facac2b9cf46c686f0818bd3d0e0bb', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '4170e69c54e1bd437241315e286ae4e98d0bec52', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '0ec25b4413086c37f148cd94800438baaf83b0ee' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: '3cd0b26ce6195e8ad0712c7f3391b6af44edcaa6' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return index.getElement(this); }
 };
@@ -269,7 +269,7 @@ const GuxPaginationItemsPerPageLegacy = class {
             }) }, index.h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, index.h("gux-option", { value: "25" }, "25"), index.h("gux-option", { value: "50" }, "50"), index.h("gux-option", { value: "75" }, "75"), index.h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (index.h("div", { key: '0189325ebbf1469d4e95a3df1a3ce96839e0366e', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '48a9e130c47efa5f0a1d42d075d5ffc81db26c4c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '01dced62d3184e62bb85eee7952eee2527ff1ddc', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '74b3f06f813b32bf87a1b4a8605f5d7dc0715613', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '8ebf3086e976e6465801d1ca94d1f7e260ebbc28', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'b95fa0ff2bc01b62bfed3670752ef46ca5e1810c', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -224,7 +224,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h("div", { key: '6038b566e7434b1dfe75d9585d102be8330e6d37', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'f378ac949b9df0e4f2ce0542e530244aa566da5c', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '4b2913b96a5ef893d4295725b1dfe11bad53acd7', accent: "ghost", "icon-only": true }, index.h("button", { key: '3c2597528ae4829eaa7f0f03a678b9c6d2530431', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '4689c35eb4a392e23e531872c2a02387a3e219f3', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '89d5b36b5278a141c54171673f419bf65bdf3a05', accent: "ghost", "icon-only": true }, index.h("button", { key: '3be3381e56788ab44d2d07b997a1c956d3867eb9', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '8483f44cb5522733ab1f756c218bbd9fb3122a9d', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: 'b684cbf63da37df3b9739d4ffaebb25bab4ffeb9', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '860b70019031eee43edb76e077fb109878621634', accent: "ghost", "icon-only": true }, index.h("button", { key: '021687a7091d5e68279117cfbbbc3212b86b6c30', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'a79c25f4ca6bf4c3aa0b1a954d8731fb4ff793ae', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'd66629a9569eacbf0bd4534b10ca7ebf432b0b90', accent: "ghost", "icon-only": true }, index.h("button", { key: '21a34dad8a8e36654f21f6f99af9940b5b38c4f1', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '28152c969217f462d6e086e1e0c22248c775ed8f', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '215f6452455944dc92e64bd69fa59c18c7f03286', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'f26a409e1779bcdb8c69d70df1c11fe395794dc7', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '4996576ac981d15a86fb051d6d375ce90266123b', accent: "ghost", "icon-only": true }, index.h("button", { key: 'ec1c23357a2a9a6cb390a1a2fad3feb0bc6fe4b6', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'd6f0e691719109ea29b51f896eeca5d5f0a78848', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '04e795d1e564692e57f7704f14099d6a989af7c7', accent: "ghost", "icon-only": true }, index.h("button", { key: '06abe5147642fa47a4992a6749807c34e79ffd64', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '56c9162e93a1fd3ff48bb1030f7665df28669e57', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '4ec49a30e220b7efc22341e2ea0facd4abc9690d', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '5ec790317f8996d366dde369f1f6ae5ecbb41e2d', accent: "ghost", "icon-only": true }, index.h("button", { key: 'fc1f81ddf3af40f1b83b866d967c2749efce71d3', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '1adac8d5d5b6365e908dc79263461485baf3e7e7', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'd3fb971a312bc30181fb1e2771a8e95b7450e8cf', accent: "ghost", "icon-only": true }, index.h("button", { key: '103c17575c525e63731cdea86ef74d75d09744b5', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '42eb9ebdbf237659dea921e0641cc50645b523f5', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -268,10 +268,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (index.h("div", { key: '80df58e5ca1a8c1858817406eb51923d9f929172', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'c05c2c0f69b506c93fe652ef4ce5020a6ec40964', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '5941c81fc8c0716cefa09a5bc06f67a43c814231', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '68d9f8d7f62364b29d72123760a95c813a469216', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '78c61c85a734abfe2de628c670fa754bdfaa532f', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), index.h("span", { key: '31631c326ecb00ebc9f6ddabe3582aa55129cf95', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 const index$1 = require('./index-16a4179e.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -14,7 +14,7 @@ const translationResources = {
 	next: next
 };
 
-const guxPaginationCursorCss = ":host{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;padding:var(--gse-ui-dataTableItems-tablePagination-padding);font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);font-weight:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontWeight);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor);border-block-start:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}:host .gux-pagination-button-container{display:flex;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);align-content:center}:host .gux-button-align-content{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-button-gap);align-content:center;align-items:center}:host .gux-button-align-content>*{flex:0 1 auto;align-self:auto;order:0}:host gux-icon{inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}";
+const guxPaginationCursorCss = ":host{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;padding:var(--gse-ui-dataTableItems-tablePagination-padding);font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);font-weight:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontWeight);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor);border-block-start:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}:host .gux-pagination-button-container{display:flex;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);align-content:center}:host .gux-button-align-content{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-button-gap);align-content:center;align-items:center}:host .gux-button-align-content>*{flex:0 1 auto;align-self:auto;order:0}:host gux-icon{display:flex;inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}";
 const GuxPaginationCursorStyle0 = guxPaginationCursorCss;
 
 const GuxPaginationCursor = class {

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

@@ -39,7 +39,7 @@ const GuxPaginationItemsPerPage = class {
             }) }, index.h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, index.h("gux-option", { value: "25" }, "25"), index.h("gux-option", { value: "50" }, "50"), index.h("gux-option", { value: "75" }, "75"), index.h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (index.h("div", { key: '08e5ce0609666d54c7a448465344ea4c334f03fd', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '6f044851b41f439951c99067ad467de3eca5a322', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'bdd1f7475285da682a2d70b18a8e611eb5f640d6', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'd81a71c55197b1508de24ba0683cb8f54025b613', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '1ff291719f3a6a169e099dc95191ead9b153e6f2', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'eac9cf29038d422bca08bfdd101d27619ce1b736', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.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;
@@ -68,7 +68,7 @@ const GuxPaginationLegacy = class {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (index.h("div", { key: '22b47645b61ca44ddccd36980f79af2596f2601f', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '3ce9e0fe6b3bfdeeb71c86e6926845a90bf0192c', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '81b6ea9789fb6c1f0be8d5bd9f8d9bb5a6f8b57b', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: 'a9e64f7b69b564109f8af1afb6ea858c643f3691', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '51ac851eeb00b918c664e8d7b3ebc2bfea5be93f', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: '67e8ac6fe84a7d7a793a253cd8023efee8f2e760', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.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;
@@ -94,7 +94,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (index.h("div", { key: 'c7dbcd2c12157475615ff706d7b2f6ce77ad4a01', class: "gux-pagination-container" }, index.h("div", { key: 'b40161335eef3abc80ea07dcba6262184e883576', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '4a9908419b26c2e75cb490d2b4efa2558d1dd855', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: '22ec649851e86caf9b9e819583bc179d1a5f6132', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: 'b21aa28c167c86516dd2980cb2b256b3c60b9d40', class: "gux-pagination-spacer" }), index.h("div", { key: '7432e11e278a22c12b27ad03d90509f0fec5ec87', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '9fc009e059a809b071a6bacf7e13c1098fd5ff4e', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: 'c6e84477b806ed604c5dfaabcf510d8983f6c761', class: "gux-pagination-container" }, index.h("div", { key: 'e590dad728d7882ce7f87a5b98f51ac0e8540ac6', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '1ef5aa578e747d2fb5c9c454f6847d2b5694e5cf', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: '80f813aa9e4a8c03dd45849012f5707eb60f43df', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: 'c466eaa7733e27d1d8c799a75e5136741532f37f', class: "gux-pagination-spacer" }), index.h("div", { key: '17e17a725bf007f7c17977ee330542f0de6275a6', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '2559aa1d3a75c83b324b9b4be7eccc701b25f050', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 const index$1 = require('./index-16a4179e.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-0b237e01.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 const getSlot = require('./get-slot-676aebf2.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 

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

@@ -0,0 +1,165 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-79505d14.js');
+const floatingUi_dom_esm = require('./floating-ui.dom.esm-0b237e01.js');
+const onClickOutside = require('./on-click-outside-31073d32.js');
+const usage = require('./usage-b9fd8f10.js');
+const findElementById = require('./find-element-by-id-fde17c92.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)}";
+const GuxPopoverListBetaStyle0 = guxPopoverListCss;
+
+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 GuxPopoverList = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.guxdismiss = index.createEvent(this, "guxdismiss", 7);
+        this.for = undefined;
+        this.position = 'bottom';
+        this.displayDismissButton = undefined;
+        this.closeOnClickOutside = false;
+        this.isOpen = false;
+    }
+    onKeyDown(event) {
+        switch (event.key) {
+            case 'Tab':
+            case 'Escape':
+                this.dismiss();
+                break;
+        }
+    }
+    checkForClickOutside(event) {
+        const clickPath = event.composedPath();
+        const forElement = findElementById.findElementById(this.root, this.for);
+        const clickedForElement = clickPath.includes(forElement);
+        if ((this.closeOnClickOutside || !this.displayDismissButton) &&
+            this.isOpen &&
+            !clickedForElement) {
+            this.dismiss();
+        }
+        if (clickedForElement) {
+            this.popupElement.togglePopover();
+            this.isOpen = !this.isOpen;
+            this.runUpdatePosition();
+        }
+    }
+    runUpdatePosition() {
+        if (this.root.isConnected) {
+            this.cleanupUpdatePosition = floatingUi_dom_esm.autoUpdate(findElementById.findElementById(this.root, this.for), this.popupElement, () => this.updatePosition(), {
+                ancestorScroll: true,
+                elementResize: true,
+                animationFrame: true,
+                ancestorResize: true
+            });
+        }
+        else {
+            this.disconnectedCallback();
+        }
+    }
+    updatePosition() {
+        const forElement = findElementById.findElementById(this.root, this.for);
+        // This is 13 because this makes the arrow look aligned
+        const arrowLen = 13;
+        if (this.popupElement) {
+            void floatingUi_dom_esm.computePosition(forElement, this.popupElement, {
+                strategy: 'fixed',
+                placement: this.position,
+                middleware: [
+                    floatingUi_dom_esm.offset(2),
+                    floatingUi_dom_esm.flip(),
+                    floatingUi_dom_esm.shift(),
+                    floatingUi_dom_esm.hide(),
+                    floatingUi_dom_esm.arrow({
+                        element: this.arrowElement,
+                        padding: 16
+                    })
+                ]
+            }).then(({ x, y, middlewareData, placement }) => {
+                Object.assign(this.popupElement.style, {
+                    left: `${x}px`,
+                    top: `${y}px`
+                });
+                const side = placement.split('-')[0];
+                const staticSide = {
+                    top: 'bottom',
+                    right: 'left',
+                    bottom: 'top',
+                    left: 'right'
+                }[side];
+                // TODO: COMUI-3210 - Arrow currently does not show
+                if (middlewareData.arrow) {
+                    const { x, y } = middlewareData.arrow;
+                    this.popupElement.setAttribute('data-placement', placement);
+                    Object.assign(this.arrowElement.style, {
+                        left: x != null ? `${x}px` : '',
+                        top: y != null ? `${y}px` : '',
+                        right: '',
+                        bottom: '',
+                        [staticSide]: `${-arrowLen / 2}px`,
+                        transform: 'rotate(45deg)'
+                    });
+                }
+                if (middlewareData.hide) {
+                    Object.assign(this.popupElement.style, {
+                        visibility: middlewareData.hide.referenceHidden
+                            ? 'hidden'
+                            : 'visible'
+                    });
+                }
+            });
+        }
+    }
+    dismiss() {
+        const dismissEvent = this.guxdismiss.emit();
+        if (!dismissEvent.defaultPrevented) {
+            this.isOpen = false;
+            this.popupElement.togglePopover();
+        }
+    }
+    connectedCallback() {
+        usage.trackComponent(this.root, { variant: this.position });
+    }
+    componentDidLoad() {
+        if (this.isOpen) {
+            this.popupElement.togglePopover();
+            this.runUpdatePosition();
+        }
+    }
+    componentDidUpdate() {
+        if (this.isOpen) {
+            this.runUpdatePosition();
+        }
+        else if (this.cleanupUpdatePosition) {
+            this.cleanupUpdatePosition();
+        }
+    }
+    disconnectedCallback() {
+        if (this.cleanupUpdatePosition) {
+            this.cleanupUpdatePosition();
+        }
+    }
+    render() {
+        return (index.h("div", { key: 'f42b52fb101ae28228a43b1b63380786c96e0ae7', ref: (el) => (this.popupElement = el), class: {
+                'gux-hidden': !this.isOpen,
+                'gux-popover-wrapper': true
+            }, "data-placement": true, popover: "manual" }, index.h("div", { key: '4c56c1d765988e6ab6d780f3531f5268ff8edac1', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '5b57ef382386c628ce0f0f94e1cf6853c73f9331', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'f97d9ab45434408704a6371cafa24899fd151500', class: "gux-popover-content" }, index.h("slot", { key: 'b363ec66ffaaf1e8995d7338097a52de3cc37d38' }))));
+    }
+    get root() { return index.getElement(this); }
+};
+__decorate([
+    onClickOutside.OnClickOutside({ triggerEvents: 'mousedown' })
+], GuxPopoverList.prototype, "checkForClickOutside", null);
+GuxPopoverList.style = GuxPopoverListBetaStyle0;
+
+exports.gux_popover_list_beta = GuxPopoverList;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-0b237e01.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 const findElementById = require('./find-element-by-id-fde17c92.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)}";
@@ -134,10 +134,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (index.h("div", { key: '814c70f6444a2dde7fa80ec928928d0146052162', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '62c840b648ec05931c79732c2474a09f60151150', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: 'cb6180994b17ad483cbeb77a519380ba3a141245', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'a730876ff5e4eca4070376c784e074498fb9e0d4', onClick: this.dismiss.bind(this) })), index.h("div", { key: '2ac827242eba3b5a6399b649a871e0e157afa970', class: "gux-popover-content" }, index.h("slot", { key: '8f05c3ddd9eab887186e5ef6579391dca6490cd2' }))));
+            }, "data-placement": true }, index.h("div", { key: '637eb98eccdb62c740222c79d0dd199c283fc180', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '97cd860cf1ae0c327b2887098db5a9b62f09de57', onClick: this.dismiss.bind(this) })), index.h("div", { key: '5e66f330e3e36b46c6e681a56dea5b7fb2a44adc', class: "gux-popover-content" }, index.h("slot", { key: 'da476056dc52941208f09794d6eb81d3d09deb9c' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -110,13 +110,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (index.h("div", { key: '9e57ab3226b238f4e9acf928c32bf57697236c0a', class: {
+        return (index.h("div", { key: 'd7bab8d4e2a64fcb4d135121bcdc2676758bd104', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: 'f037a5a0fbd6208f7438ba88f7d3899db0f5f208', name: "target" }), index.h("div", { key: '63a24bc8f0fd5a0ed071ee06257d1ee142ebbb9e', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: 'fc53ee9991e1482dd01ed9a6d1839e3d16042aef', name: "target" }), index.h("div", { key: 'c36558b87567526942788b590439ceac5e19b7a0', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '14cce33656443ae157dadf20f43d30a14b088cbd', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '95783709a3f0597265941aa1493cbf162b5229a3', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -45,7 +45,7 @@ const GuxRadialLoading = class {
         this.getI18nValue = await index$1.buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (index.h(GuxSpinnerState, { key: '1430cf90d2f33949e6b5cd4af6efd58160c8a255', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: 'a1fa21a59bf982056154e4169c23eea4d83cff50', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const clamp = require('./clamp-e86a226e.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const guxRatingCss = ":host{display:inline-block;min-inline-size:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-sm-borderWidth);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)}";
@@ -108,7 +108,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '39d2de144499a1da3e45e8f0ee6d2b93b98e365c', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: 'a1a537db7d74ee356c8503116cd00e0241f16961', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: '8e199f0246360309a67e4ae98f733aacc6a022ee', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: '1821e45b1283b173f6ef1f633fcec13310b9a280', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

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

@@ -18,7 +18,7 @@ const GuxRichTextEditorActionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7e7b13628134491dc96164750ce686c8f1a5307d' }, index.h("div", { key: 'cee69f74aead704128f52f646677ae1fe77b9b4d', class: "gux-action-group-container" }, index.h("slot", { key: 'b9c30070198e8b7bc67eb13a5e22697cf7702e8c' })), this.renderActionGroupDivider()));
+        return (index.h(index.Host, { key: '031a1f2892b46409c272804d96d320fdce1b8776' }, index.h("div", { key: '8966532264cd6124fd123a05ebb429e7a97f8c41', class: "gux-action-group-container" }, index.h("slot", { key: '00a35806cdf7e5e98dec58147262400e7ac59db4' })), this.renderActionGroupDivider()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 const index$1 = require('./index-16a4179e.js');
 const getClosestElement = require('./get-closest-element-26170ce0.js');
 require('./get-closest-element-9e41d6b9.js');

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

@@ -35,10 +35,10 @@ const GuxRichTextEditor = class {
         return this.renderSlot('global-action', 'gux-global-action-container');
     }
     render() {
-        return (index.h("div", { key: '23c2fbfcc6ebbb5533b1220440d2b0667dec07e6', class: {
+        return (index.h("div", { key: '6fc5d8f521df5df2178ad338a8d91d339378c74c', class: {
                 'gux-rich-text-editor-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '6fc00023659d263ae0de23bfba03bb7feb394183', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalAction()), index.h("slot", { key: '59700c2d73f3ac5c20223cb24dded4149f807077', name: "editor" })));
+            } }, index.h("div", { key: 'eb0173d434352148e9def109cab57539b5768543', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalAction()), index.h("slot", { key: '2337bf2949d055f3987ab5a8916df139102b7251', name: "editor" })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -28,9 +28,9 @@ const GuxRowSelect = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources, 'gux-table');
     }
     render() {
-        return (index.h("gux-form-field-checkbox", { key: '45a55fd8caee65d5cc2f2b2b3545896b0b2e604d', "label-position": "screenreader" }, index.h("input", { key: '6f6185eb82fd3e3889ac7fbad2f0114ed48ba145', ref: el => (this.inputElement = el), class: this.selected
+        return (index.h("gux-form-field-checkbox", { key: '9e49a0496ca642837a732ac24f2852859f590abd', "label-position": "screenreader" }, index.h("input", { key: '6a4fa87b050a4585721b6c9071476a1170080f68', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '93040142830bc742ae90ca5f85bf2ee4803da0f3', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '04dff5a173b02eea2e3a55cdf0f7387a1c73d76b' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: 'f7288865c1c2384a713ff156dd21f98ece6b55d1', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '39d82a8218e82153780d28b3e144e29929043e88' }, this.i18n('selectTableRow')))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 
 const guxScreenReaderCss = ".gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
 const GuxScreenReaderBetaStyle0 = guxScreenReaderCss;
@@ -16,7 +16,7 @@ const GuxScreenReader = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("span", { key: '0d9fa88365514e8f07545990008398a539a9fda1', class: "gux-sr-only" }, index.h("slot", { key: '50a7fad51d81ba2484b607ee83de3f0c0a7782ec' })));
+        return (index.h("span", { key: '99e4b6ac03358bf032ad441c05fae657e45ee221', class: "gux-sr-only" }, index.h("slot", { key: 'de31dc9f2ca539eff7d97714f6d32b803c664d85' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -37,7 +37,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '1952a10a27ff6ad93d8d711d0d9071268d02cad7', role: "group" }, index.h("slot", { key: '01161b8c664e5331e200d48acc8ef0d159e5d314', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: 'ce2a752e70599cae1a95d16712b28b1b067d07a4', role: "group" }, index.h("slot", { key: '783879e721aad7497229b07333bdeb12df7ea29b', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -53,19 +53,19 @@ const GuxSegmentedControlItem = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'c2d36dae08d9d2262a104da36db66f646acd6b7a', class: {
+        return (index.h("div", { key: 'aefda8d25da23ee129efbb54a49c058e0d5ec04e', class: {
                 'gux-container': true,
                 'gux-parent-disabled': this.hasDisabledParent(),
                 'gux-start': this.isInStartPosition(),
                 'gux-end': this.isInEndPosition()
-            } }, index.h("button", { key: 'd44f43beff655a8a7bdb58e1198016fc31ad8d84', class: {
+            } }, index.h("button", { key: '6f23fcc416eec9b564b646bb269c5f1524db2e10', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), index.h("div", { key: 'e8f7ed22abddccec02bed82091466283f4b3bc39', class: {
+            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), index.h("div", { key: 'b98be18ff7f99f52c1fb32890c24f87603c12f0c', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, index.h("slot", { key: '47565f55434b6dc98b40bbe40f607e22a2ccc521', name: "text" }))), this.renderTooltip()));
+            } }, index.h("slot", { key: '641b8fb994d4238b5c32c29b5a10b8cdccf49991', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
@@ -54,11 +54,11 @@ const GuxSelectorCard = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'e1eba4d4cff38b06b9fdd9129ee7921af161167f', class: {
+        return (index.h("div", { key: 'b91fc84d1ce6c64879e00b4a6c1403b44fa35ff4', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '948053b1bdd37ced09ce5420d9c314a9108bbb7d', class: "gux-content" }, index.h("div", { key: '30d43b5616912e6bcac064e6a9b0f0a256d59798', class: "gux-icon" }, index.h("slot", { key: 'd91dcf98ae0fb5946963b991e6d8c8e7b332a78c', name: "icon" })), index.h("div", { key: '71e9c985bad98ffbe4ff9f1a1f4539a778f9f47b', class: "gux-label-container" }, index.h("slot", { key: '8653b677ed5ab4f935e4ea51adb143e414109ff3', name: "label" })), index.h("slot", { key: 'eb6d511e381ac945979128b8ddc76388af07f5ce', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, index.h("div", { key: 'd135d3f37784619d316aa0fa126528e670663051', class: "gux-content" }, index.h("div", { key: 'c42a0ce13b448436a368e3fbf116800e818e8c08', class: "gux-icon" }, index.h("slot", { key: 'd5c7485de055122b2899a3fbc45c48c9f35c9817', name: "icon" })), index.h("div", { key: '153e15767f8fe6887fb0c1917c7f87c1bc3787da', class: "gux-label-container" }, index.h("slot", { key: '452fdce6225a5e912b9bc42d47ddd2eb27a1e77b', name: "label" })), index.h("slot", { key: 'f46300c3bc21ac82c0f4076da7868aa4a3fd3784', name: "input" }), this.renderDescription(), this.renderBadge())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 
 const guxSelectorCardsCss = ".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";
 const GuxSelectorCardsBetaStyle0 = guxSelectorCardsCss;
@@ -16,7 +16,7 @@ const GuxSelectorCards = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '9d3133901881d869194d763fb34b7f42a4c00127', class: "gux-selector-cards" }, index.h("slot", { key: 'a61a8c6998dcde294198684d628a13ca8330a0b9' })));
+        return (index.h("div", { key: 'f03b6a29a045a76215af8578416743e0287ecd0f', class: "gux-selector-cards" }, index.h("slot", { key: 'd2f29e773aac82a43e511f7e67cbef0f7c20f262' })));
     }
     get root() { return index.getElement(this); }
 };