genesys-spark-components 4.95.0 → 4.96.0

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: 'cf9d1aa327e567e66d5d58c370c5fc0565311f66', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'b8808505a73122dd425dc300086a05d32b38ae5a', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '170043ded744b166397c1b099d78accd7c38cb0e', accent: "ghost" }, index.h("button", { key: 'f23c7fd0d3f6924dbe46d14fb3a3068bae46819a', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '30b642045bf347188515e968343ce66747a3bc09', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'e9d43e7ae07446cfc9527a43146d8d881c9be336', accent: "ghost" }, index.h("button", { key: '209f23b5f0005cbc7a26ff1c67590bed30a87e55', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'ddb87a37cae0960a4728c48f4dd611c21ea6291c', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '70e2025a238b1c23ce924284eb0ff2aa9f72fece', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '4dc694410a72f6154fdc9b4230686593e8ebfebe', accent: "ghost" }, index.h("button", { key: '24151099dfd916c9e9c21c3d9de2aa7420fc24f8', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '48e4dc0b96359b2eb2550fe85da861dd421ecd6d', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'b8fc59dd06fcfe6c9a4ba2054c5760bb9535cd9c', accent: "ghost" }, index.h("button", { key: 'b4de28572d94f0601cb8984aea3566e2a8e29837', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '01cc7c574e250995b4f213994078b120b68e4195', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '0b69d5b10bf1a96f25df81efc2e983bf043faed1', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '4435e8b36ecee3491a3a1fafaf8f203c3aa8bf7f', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '353ab5c3ad056dfabb306b4f9afed4607e0472fd', accent: "ghost" }, index.h("button", { key: '57b76a54ff7678d1968d8020e28653d703712a2c', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'd291ac0c3e69ef71394d28385083d823b6267d46', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '98d9439a820726f71d5c3cdda00d67a372383405', accent: "ghost" }, index.h("button", { key: '32af0791cc1318dfa22ef1e6fc6ce7a652f76012', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'a8c2e57f9220fc2702006a2b0676b711a5d8f998', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '404dc356e99b6e0315911fc507ef7f41ac06b76e', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '2a263413bd65e2f2ca15f7b18b217b9e91d7a29b', accent: "ghost" }, index.h("button", { key: 'c0e696b318212333f78f850340169fcf1edb5ba3', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'd9d6dba17a7adc83bf639d700da05dbdb2b79aa2', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '3ce6bdea50340103d865b495a8d3b459418969ae', accent: "ghost" }, index.h("button", { key: 'e47a2063cba8b8d91e05d6b99640b2be77b747ae', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '86adbe15ac45d7adde0fea025a43077a63c41061', 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: '90ef90546222d12af59d21ed93a0a8adc32fa0d5', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '1d6ca0ba95cd81ddae42c24064a435b4dc550a55', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '18c769f1060224ffd67629c4e51d1226ec25155c', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '796072285432136d960c17f4db74119fe6c27891', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '3c2169002b5b8ae47f11502626ee19148911d3a3' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: 'a5a600f60894153fd1f30118d505b56097a97b2c' }, 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: 'a3684f7a45180e5242ed847536ce951d32b4a114', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '8d8f09fa8c0759a9a292a8fe488024a724cd36ac', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '851730b1a021e907a9a8acd40e40ec3004e96025', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '7df667f146c16ddf76de3c0407ad5e6a0aa10252', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '82e83d9aa8b27c0044e5fc5e642c1e4bc9f6a44e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '69bb3f0d14fae439cdba3c7c5c27103607375cca', 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: 'ad49608b2ea02a57f41724891f68ccfeb8c7b5e0', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '6e643e0caeffbd06398927ef2a31464dd22c7dd5', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '824bb6ba6cf9a66a7299bd1b6e53e4d067ac4c5a', accent: "ghost", "icon-only": true }, index.h("button", { key: '7583965f2973fe64ca19f492aa8c9909d354d0e1', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'ed414f342691a2057e48614b225a672063ff5268', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '04b5d4a065a073dd589372907c50b3ad40b08704', accent: "ghost", "icon-only": true }, index.h("button", { key: '78a6d67254bb359b354f19f87b723792ca60f2af', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '3f0209c358dcbd7e88554eaa834d7e32c5b1b004', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '034813608d18a7479376bcda17c552c1844ac421', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '215bb2bb8bc5474a3391ced80181c6c3a608b1db', accent: "ghost", "icon-only": true }, index.h("button", { key: 'b7c0e5c224cea90a0b1c3149567e21e1684fe731', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'c19c1be4e6af1279cba0793d3910e92e7fa4bf48', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '962d729f13f125060b004363eb8270ef6f3e084c', accent: "ghost", "icon-only": true }, index.h("button", { key: '058ee93145ce11d55d2cfb62c91edbd9be765636', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'b8f887fceb1f301118dee9b7a719857612c9f858', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: 'b952c4e31b202553a16b90bcc19d002f578c6542', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '370290db7475ae95cefe1cbfb5f6055c641afb95', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'bb7fdbfbd4a594c40a2d69a2a6efb0f4ec06b4c8', accent: "ghost", "icon-only": true }, index.h("button", { key: '0c5876e559c9ec1aac03feba1145f5288beb14d6', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '85efe9217bd9c1bf21a48a0be01aef8004030938', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '12d97fb88b464b109399d24318db8e8a3184d4bd', accent: "ghost", "icon-only": true }, index.h("button", { key: '609647b156e22f7ed497f559ea3494aadffe748f', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '936da1deb961e5d3c783e98265a73e39f69a5500', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '91e82d3cf6ed8cf0f5567ff585ff4223a061b65e', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '9e74913ef314c5c3890e4a58c9a9e1e0824eee9c', accent: "ghost", "icon-only": true }, index.h("button", { key: '240736ebf7dcf2c6bb4c9d2454628c44c9d8bcff', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'cba0c07811627ce62d55cbdcaf9d6c87c754b99c', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '943ce7038ac7cb018369f0635812800484f2bf48', accent: "ghost", "icon-only": true }, index.h("button", { key: '56fcaed1e7b4d44764d9864eed2899b3fb045a16', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '932bfafcdc1f86a3e8ffc37a2577534db4a2078a', 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: 'b043a4388aa0484d7c5512d72e74bf1ba7f3a1e0', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '9c046fa30823211990425bac7bc43be6a900c1f4', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '3cd160bf18fac085a65877246c4425626a2d5655', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'b2d2a5941688c5d50c4245d635a7b427198b9c2d', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: 'ea3b4611c390e6ff669a28a01ecdcc2d43b6e71a', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), index.h("span", { key: '7004e25837f5233341e7870a16dfdb4af1e638a7', 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-5a5bc23d.js');
+const usage = require('./usage-33975b92.js');
 const index$1 = require('./index-16a4179e.js');
 require('./get-closest-element-9e41d6b9.js');
 

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: '3ddfe4aa794271ffe873da851d8471f08033b9a9', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'd9b19dec9c231b55d2a4044334dc34edb89c76d1', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '7c8ccb0a9df636675d6d76da5a0e15905509dfe8', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '90030397903afe20d13202559729d51c29d65160', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'e9d11af64a4c878750183e626af2a6918b42c17e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '2703346134649a760c6531e85f2f56bdbc7e492a', 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-5a5bc23d.js');
+const usage = require('./usage-33975b92.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: '06f25d9a1bd5e7dff491f97443ccafe7aedbc77c', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '730fc84ecd17032eda0c17b237c8e223d729791b', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: 'ebf17a5d4e899d5aadd9d2953040f55e1f348a7c', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '79450755765b35044a39f45e8214f4b9f1a04b4e', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '1bf63c813df44b2eb622b2cac0ddcd15f6335d7d', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: 'acdba6e6ebacf3f31f75fb50441fe2ad56c620d9', 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-5a5bc23d.js');
+const usage = require('./usage-33975b92.js');
 
 const guxPaginationCss = ":host{display:block;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);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;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-left:0}";
 const GuxPaginationStyle0 = guxPaginationCss;
@@ -94,7 +94,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (index.h("div", { key: '023b61228931881b67fa4e3aebca22931c3a13ce', class: "gux-pagination-container" }, index.h("div", { key: 'c2e19af81605e7a4037abbd171c9dd031d7fd099', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '14d22e92567986078b40cb319fde6028c2f07222', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: '29f7fbac76fb22cf1a9ce858c80030d1a1418047', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '9e085123bd8ae74f23cbcd75780a42088b86cb4b', class: "gux-pagination-spacer" }), index.h("div", { key: 'd00ae54367898621c03fd27629f51f83dccac42f', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '2842ffe1c90e8cd150a0300fcb66eb61d26137f9', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: 'c212e0c8707b2e92a89435bb343cda33beae6dc4', class: "gux-pagination-container" }, index.h("div", { key: '48e3e35673fceeacbed050de622f03cf30eebf58', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '9065c19128d6f5f4d1e5ff520965fbd67c93ed25', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: 'a230b99ce6bce6f7368d4929ff64ab0cf7ead81a', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: 'c8074a09276813a5dc1656a0780db42e1641ab08', class: "gux-pagination-spacer" }), index.h("div", { key: '7e540f154abedfd84e7498bbee80b01c9d2efe97', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '32fb448ddceeacfe1f0df1b102056ebea0575788', 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-5a5bc23d.js');
+const usage = require('./usage-33975b92.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

@@ -0,0 +1,221 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-79505d14.js');
+const floatingUi_dom_esm = require('./floating-ui.dom.esm-973d8a45.js');
+const onClickOutside = require('./on-click-outside-31073d32.js');
+const usage = require('./usage-33975b92.js');
+const getSlot = require('./get-slot-676aebf2.js');
+const findElementById = require('./find-element-by-id-fde17c92.js');
+
+const guxPopoverCss = ":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;min-inline-size:280px;padding:var(--gse-ui-popover-gap);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-x, var(--gse-ui-popover-boxShadow-offsetX)) var(--gse-ui-popover-boxShadow-y, var(--gse-ui-popover-boxShadow-offsetY)) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);}.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;filter:drop-shadow(var(--gse-ui-popover-boxShadow-x, --gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-y, --gse-ui-popover-boxShadow-offsetY) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-tooltip-boxShadow-color));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}.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 GuxPopoverBetaStyle0 = guxPopoverCss;
+
+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 GuxPopover = 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;
+        this.forElement = undefined;
+    }
+    updateForElement() {
+        this.forElement = this.getForElement();
+    }
+    onKeyDown(event) {
+        switch (event.key) {
+            case 'Escape':
+                this.dismiss();
+                break;
+        }
+    }
+    onFocusout(event) {
+        if (!this.closeOnClickOutside && this.displayDismissButton) {
+            return;
+        }
+        const focusIsOutsidePopover = event.relatedTarget && !this.root.contains(event.relatedTarget);
+        if (focusIsOutsidePopover) {
+            this.dismiss();
+        }
+    }
+    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();
+        }
+    }
+    get titleSlot() {
+        return getSlot.getSlot(this.root, 'title');
+    }
+    getForElement() {
+        if (this.for) {
+            const forElement = findElementById.findElementById(this.root, this.for);
+            if (!forElement) {
+                this.logForAttributeError();
+            }
+            return forElement;
+        }
+        else {
+            this.logForAttributeError();
+        }
+    }
+    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);
+        if (this.popupElement && forElement) {
+            void floatingUi_dom_esm.computePosition(forElement, this.popupElement, {
+                placement: this.position,
+                middleware: [
+                    floatingUi_dom_esm.offset(7),
+                    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];
+                const arrowRotation = {
+                    top: 0,
+                    right: 90,
+                    bottom: 180,
+                    left: -90
+                }[side];
+                // This is 13 because this makes the arrow look aligned when horizontal
+                // or 15 if vertical due to extra padding needed to show the shadow.
+                const arrowLen = side === 'left' || side === 'right' ? 15 : 13;
+                if (middlewareData.arrow) {
+                    let x = middlewareData.arrow.x;
+                    const y = middlewareData.arrow.y;
+                    if (side === 'left' || side === 'right') {
+                        x = x + 4;
+                    }
+                    this.popupElement.setAttribute('data-placement', placement);
+                    // TODO: COMUI-3210 - Arrow currently does not show
+                    Object.assign(this.arrowElement.style, {
+                        left: x != null ? `${x}px` : '',
+                        top: y != null ? `${y}px` : '',
+                        right: '',
+                        bottom: '',
+                        [staticSide]: `${-arrowLen}px`,
+                        transform: `rotate(${arrowRotation}deg)`
+                    });
+                }
+                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();
+        }
+    }
+    logForAttributeError() {
+        if (this.root.isConnected) {
+            console.error(`gux-popover: invalid element supplied to 'for': "${this.for}"`);
+        }
+    }
+    connectedCallback() {
+        this.updateForElement();
+        usage.trackComponent(this.root, { variant: this.position });
+    }
+    componentDidLoad() {
+        if (!this.forElement) {
+            return;
+        }
+        this.forElement.popoverTargetElement = this.popupElement;
+        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();
+        }
+    }
+    renderDismissButton() {
+        if (this.displayDismissButton) {
+            return (index.h("gux-dismiss-button", { onClick: this.dismiss.bind(this), position: "inherit" }));
+        }
+    }
+    render() {
+        return (index.h("div", { key: 'aa737a1566ca572ee66663bf93f81d0dcb2ab54a', ref: (el) => (this.popupElement = el), class: {
+                'gux-popover-wrapper': true,
+                'gux-hidden': !this.isOpen
+            }, "data-placement": true, popover: "manual" }, index.h("div", { key: '141277d4fc16931fbd2ce4215db969c8e4cbbd78', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '1f4076917f0f571a418c2c81473169915d9291ec', class: "gux-arrow-caret" })), index.h("div", { key: '0c85ed77802e827622dac9d51d9655018109248b', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '20498249bda585885a11d9dabcbb84068620bb4f', name: "title" }), this.renderDismissButton()), index.h("div", { key: 'dbef79c1b5844410788a8099a7eb8b1873af48bd', class: "gux-popover-content" }, index.h("slot", { key: 'dfe962454dadc3b1b7a1456cffae656ddebe7ff4' }))));
+    }
+    get root() { return index.getElement(this); }
+    static get watchers() { return {
+        "for": ["updateForElement"]
+    }; }
+};
+__decorate([
+    onClickOutside.OnClickOutside({ triggerEvents: 'mousedown' })
+], GuxPopover.prototype, "checkForClickOutside", null);
+GuxPopover.style = GuxPopoverBetaStyle0;
+
+exports.gux_popover_beta = GuxPopover;

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-973d8a45.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
-const usage = require('./usage-5a5bc23d.js');
+const usage = require('./usage-33975b92.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:fixed;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 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;width:var(--gse-ui-popover-anchor-width);height: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: '942cdc77e366d69a5e18d004630454a80f5cd72d', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: 'd40217d896d54115c9ebcd029518d1931295f4b3', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: 'd79638b2b0fd4492694b78b64fc366f53e247174', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '7b221e18cce12600da0e536f46df6cf854983c7f', onClick: this.dismiss.bind(this) })), index.h("div", { key: '9c1ffcd0c9e94d0e630f684146783b721f5f87d1', class: "gux-popover-content" }, index.h("slot", { key: '39f19975e08a9172d11c826cf2db5112482f0e38' }))));
+            }, "data-placement": true }, index.h("div", { key: 'df0b6457d972eaf1734e556261bfefba4f2d57f0', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'd51eaa971f007209c3d33a4e28d982db9dad29ea', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'f783fe66ae1cdb4e99acc91d4f04f1f4738a22d2', class: "gux-popover-content" }, index.h("slot", { key: '122a7e6636ba3453055c5990fdbc20022f479912' }))));
     }
     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: '6e814f683b6f9b2d596c26c3b50d56c3af71008a', class: {
+        return (index.h("div", { key: '2118b5c51c045d81d9cbffe7cb83a3f3dfd3f694', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '612113a9aa91257c0c1d11a0b2493008046262b1', name: "target" }), index.h("div", { key: '1f629ddce3a2ace528a8d59455cda76481bbea8d', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '2ae80bb71738bf6603155633c6d8eb82c62e173f', name: "target" }), index.h("div", { key: '76a829687678ae3ad3de3ff0f9c8096e26f0098d', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: 'c7cc27e3f1432f8b053d3fb878574dfdd6293e20', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: 'dbaf8b0a26bf52a4fea90f1e8619aee978a7b9ae', 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-5a5bc23d.js');
+const usage = require('./usage-33975b92.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: 'a2cc651b0fb979751d897b6bac27eea6413451d0', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: '0fc0bb1598dbf863e468e813603bad04bba48125', 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-5a5bc23d.js');
+const usage = require('./usage-33975b92.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-5a5bc23d.js');
+const usage = require('./usage-33975b92.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const guxRatingCss = ":host{display:inline-block;min-width: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;width:var(--gse-ui-rating-size);height: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: '94e7534f125946fbc1134f543146c2fd0fedaa79', 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: '69bc5d95a2a64eb82c18570866884435beccd035', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: '228676971abfdcd7a2985ce942ef12f696f26371', 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: '1074566e6788a45511c60c8a859ba520d74dc277', 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

@@ -24,7 +24,7 @@ const GuxRichTextEditorActionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '71f1f627972a0fe4506b8a855debc8d33d33a9c9' }, index.h("div", { key: '5a74851c3855d4632b585f0d75fc0d3398ddff69', class: "gux-action-group-container" }, index.h("slot", { key: '0f5d4503a0e1743f26cbea14b4a1bdafae3cee81' })), this.renderActionGroupDivider()));
+        return (index.h(index.Host, { key: 'a5e18d4a8720c312e815ddf55114cef0b4e2e306' }, index.h("div", { key: '0554a4949eacc8b108b581db576ce4f65ea98f6e', class: "gux-action-group-container" }, index.h("slot", { key: '89e6d6befcb318cf7ad6ea1c5793da91022f278e' })), 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-5a5bc23d.js');
+const usage = require('./usage-33975b92.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-actions', 'gux-global-actions-container');
     }
     render() {
-        return (index.h("div", { key: 'd2f0c7e3760d33d1a162e25091fb38600b551713', class: {
+        return (index.h("div", { key: 'c8b7d0e895d041a9365af8e9fc7bb50bb5917213', class: {
                 'gux-rich-text-editor-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '6cb5313df385ff2eaf578d1f04f90160165446d4', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalActions()), index.h("slot", { key: '34b06313c8c5fc7c0d1aca06fab3e222688c8a78', name: "editor" })));
+            } }, index.h("div", { key: 'c12eb84731abc0392bc7f8beed93f6e8d682d555', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalActions()), index.h("slot", { key: '4be2b4e5e259e2f5510c4bdb64da8505e5a009f1', name: "editor" })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -28,7 +28,7 @@ const GuxRowSelect = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources, 'gux-table');
     }
     render() {
-        return (index.h("gux-form-field-checkbox", { key: 'a7f932cb28e264ed7ef52de679a4ce15bb8547df', "label-position": "screenreader" }, index.h("input", { key: '9e3ba2d0ac10ca7d63de2afe8cc0dfa11264c49b', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: 'd53bf44f3486b99f6287ead2ce55136d0c445f52', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'daa20f2fee0514ec67d4738a6e4a937eb51374fe' }, this.i18n('selectTableRow')))));
+        return (index.h("gux-form-field-checkbox", { key: 'da272e5e8512d2ee689e6bf0e5f077b221b43b7c', "label-position": "screenreader" }, index.h("input", { key: 'a9fbcf5076077e89c5adf4153ee42576111691eb', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: 'f9fa7849c5abb31eb19cc3719f3cba55f668c11b', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '1d6e594323a71f9a87f89dfee6cbea2c09e423dd' }, 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-5a5bc23d.js');
+const usage = require('./usage-33975b92.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: '5faa66e55e3ebc5882090df54f1588aaf80d5979', class: "gux-sr-only" }, index.h("slot", { key: 'f6d6c305eef26c0f6f78e072b55e7cc1511fe3ac' })));
+        return (index.h("span", { key: '8fb432d7388caa1a6cd218f8912e0ebf2a5740a2', class: "gux-sr-only" }, index.h("slot", { key: 'e45f4cbc43482f66d29d413625e2c85e64d34240' })));
     }
     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-5a5bc23d.js');
+const usage = require('./usage-33975b92.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -36,7 +36,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '734e7af66b54ad7ec3ea4ebbff4c112776ea7640', role: "group" }, index.h("slot", { key: 'c1ed62ed43011977f22a7847feec542f1e054148', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: 'd92279de25eca923eb4a937b43285e72fe01e6db', role: "group" }, index.h("slot", { key: 'b31f4db1c171864b25aa09fa3b771f170ebd1862', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -50,18 +50,18 @@ const GuxSegmentedControlItem = class {
         }
     }
     render() {
-        return (index.h("div", { key: '62adb0bf4159700506cd14b99153260f784cb551', class: {
+        return (index.h("div", { key: 'dc46906606d50c91ab22416895539fee3c4b2aad', class: {
                 'gux-container': true,
                 'gux-start': this.isInStartPosition(this.root),
                 'gux-end': this.isInEndPosition(this.root)
-            } }, index.h("button", { key: '18af6a0c4c057a307374e40cdde031234c67603a', class: {
+            } }, index.h("button", { key: 'd523cd1a0bffee8bd4089a4818f89c59f8730e65', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), index.h("div", { key: '082eeacb9d0298b9eef16d9d6d6e7f1744208d85', class: {
+            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), index.h("div", { key: '14fa53716ca35297ada5a9123df90b450ced14c9', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, index.h("slot", { key: 'c4ceb7a0b24bd0157dd40e025ea3d5626a4c2942', name: "text" }))), this.renderTooltip()));
+            } }, index.h("slot", { key: 'cabd8871458da9377daa62dea1d31662721f82f7', 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-5a5bc23d.js');
+const usage = require('./usage-33975b92.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: '5b60d7ada3e594a681fd3f68e9f0cc2c731e0d93', class: {
+        return (index.h("div", { key: '36e9854a9b1596985a14344e5d382a70b26a3865', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '9e139a97ef02724adfc45b71f76ff9074e9aee00', class: "gux-content" }, index.h("div", { key: '0b37efa740903195268a61ec36ca7b32cf5b9ec9', class: "gux-icon" }, index.h("slot", { key: 'f794d384a4037f67b1e8038a97116d122fe20306', name: "icon" })), index.h("div", { key: '392b31d49762af5949c300d88e7254571fb8e3e1', class: "gux-label-container" }, index.h("slot", { key: '13d20dfc17e19b98d8e837e7f3e9ce7fa2d6d371', name: "label" })), index.h("slot", { key: '469ac58ab46d2e1c746f2f593c812f48d0d7b467', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, index.h("div", { key: 'd5c1f7a75deb3cd6e53d29cb8522f69553250fd0', class: "gux-content" }, index.h("div", { key: '97cc1be3d41db54b76c27f3e243b842efb6915d1', class: "gux-icon" }, index.h("slot", { key: '260bef000e3a08d67a89aa1cd684df2a06ffec0f', name: "icon" })), index.h("div", { key: 'adbdd6b5f7149cda9cf5c42dd77e1f6b41a7c68a', class: "gux-label-container" }, index.h("slot", { key: '1ee7d7e8b6957ba13eaf1c6a573601cdabfe5654', name: "label" })), index.h("slot", { key: 'd0e27ba586008b9e3bd1fbb970ccf9fabb24b838', name: "input" }), this.renderDescription(), this.renderBadge())));
     }
     get root() { return index.getElement(this); }
 };