genesys-spark-components 4.103.1 → 4.104.0

package/dist/cjs/gux-option-icon.cjs.entry.js

@@ -63,14 +63,14 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (index.h(index.Host, { key: 'caf6140c4f3bd1cb7937232d5da18cb477a9bb42', role: "option", class: {
+        return (index.h(index.Host, { key: 'd06bcea5d7c70c36774f03a7cd66306daac39d49', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: 'c451119440c9e14db7b00ffb1f268985d2635aca', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: 'cd9a420efae272076678980d02cbf6424c504d55', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'a0acf6bec4b98e3c375f088a03408fa05b66eba3', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '7067d5a163379c26173e82af7daba11555d8ae7f' })), index.h("slot", { key: 'b28595b22e2ae03bbe50f71b697f63861c0e7169', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: '90a2eb77040c87448eaffe2be2d936a19ae619cb', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: '5cbfba15082263285e391cf0832146f932badd59', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '4865d9da21aa19a6ea2e45b2f7aee3489f2f2bef', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '15241b89cbdfc0c812f6470a6e65316f13087fcc' })), index.h("slot", { key: '2988840ddb55c9d627f27950b1fcddb828f327a0', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -70,13 +70,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '077e3986bf9d56a29f0bbf0e626ef5601526e3d7', role: "option", class: {
+        return (index.h(index.Host, { key: 'a12903f7963e118b818b089eac34ff2afe62b64b', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: 'b29416f19ed0b35e6c56983ba506e7db87f0f333', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '43ccf577a866a4801031530c0b7fa3a665c434f7', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '54e26110733f24dfba9dabd50b72908aba173fdb' })), index.h("slot", { key: 'ceef331db213a0e9e4b09c011726617e506c0f1c', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: '23a592975ef957bc82279cf04259592e0d0dab06', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'ab6704ea332207891eaf9d31710be7eb9067cc7a', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '922a520a910f020647830866a1700fd555e76c5b' })), index.h("slot", { key: 'a35588c66a83e614b92601a5887b5f95e50f8de3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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: '5e81dd34144765af059317bc44efca388260d59e', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: 'a5a26b54bd335539a6b99e34033aff3eb631e9ae', 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: '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" }))))));
+        return (index.h("div", { key: '1e5c5b2a72af2944a3a14745fc9082f333f5e517', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'f934bdb6eb50eff65da1b9de484240d58594c698', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '17e58810c4484a3f7e3afdf3f3e6bc9e4069b92b', accent: "ghost" }, index.h("button", { key: '1de61001603db04572b8de8fb836104da4a85554', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'e358f879cb0fc61b650b7190a1cadaaa9db47ea7', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'a3b5ce6dc1ff697fdc2271a9b606680f8c765fd8', accent: "ghost" }, index.h("button", { key: 'c8fa9837a13a2c73884639603516362ca5c59b22', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '02d4c4184a2754eaaf322b118adfadd6b3f3b162', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '3732720aa26a1e936f1459888c5e94d82511a1ad', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'bb18de93354b00b15d65b6a77eeec34a557608e5', accent: "ghost" }, index.h("button", { key: '06b5906d24f4cd38586328fbe539fea6f7924bf6', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'b411ffc0d8d516dd896f1df83bb596d308f93dfd', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'ca15f46d8d5fbd55a3461b59560ee680b70645a5', accent: "ghost" }, index.h("button", { key: '4ad0e3b8e8e150c8965b0ee8271b7f7386437d34', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '5ce7805f596be04c4e9bc40c161d359e42f91a52', 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: '3f3ede0c37facac2b9cf46c686f0818bd3d0e0bb', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '4170e69c54e1bd437241315e286ae4e98d0bec52', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '53604aed7721b62395e6eee2a3658b750cd6080c', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '0b498502bcf3a6e3271d47fc0c4c3a04f29e60e7', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '3cd0b26ce6195e8ad0712c7f3391b6af44edcaa6' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: 'c52b058ab08122ef54db772c215b1df4a29c6d4a' }, 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: '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'))));
+        return (index.h("div", { key: '57cc57dd92345cfc43dbe46a349777e31dac5c3a', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'ca34a03a34faabaa54abd545cbf16febe1f95331', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '50199ccd3c887fd695433a71476deed2fa7e9bfa', 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: '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" }))))));
+        return (index.h("div", { key: '72b66db1cbc26688e815dc782b0b5a28b759879d', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '17bc0dc108aa05afac2c3050e45017bc1fc69cbd', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '969ca6e7227dae0669d99fea285fbf375492b02f', accent: "ghost", "icon-only": true }, index.h("button", { key: '3662f442b719187fc86446016b27cafb22ce494c', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '6e03327be2a73b32ca6c544b1b3b246a3f161ea1', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'f3d9835f8aa4b3fa68f246736370c72d1b390a1a', accent: "ghost", "icon-only": true }, index.h("button", { key: '4ea8c4df47a919397b4b1373e7651a28bc5e6378', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'bd86ff2eac3caf867bcd1b8c3f005a363c6bad1a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '35ba6f5915d4370c89111e74e8eeba70b0c4ea03', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '2b0e96ba9184c98f8330f4bac7bba3be60a760b1', accent: "ghost", "icon-only": true }, index.h("button", { key: '934b6d5ea44d4379d5c11d54f93a1837155b6ab8', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'f4b31131e7a6a9b8fa7f784125625f75651b2a0a', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'fec4b9d51505922b372590d1a662ccbd77ab29fb', accent: "ghost", "icon-only": true }, index.h("button", { key: '6977753e1fa976906af6165ef1f512c5bc3b92a8', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '8de80526c818f209fc6fe42aa74d363e1ed60aed', 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: '5941c81fc8c0716cefa09a5bc06f67a43c814231', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '68d9f8d7f62364b29d72123760a95c813a469216', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '3074bfecfee49de818823df5699d7ea4043c0a2a', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'd8335788be0aacfe6461a2f8af1e7fd5130b2653', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '31631c326ecb00ebc9f6ddabe3582aa55129cf95', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), index.h("span", { key: '9457155bbf26b5def8c1533e8361bbddcca761f7', 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-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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: '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'))));
+        return (index.h("div", { key: 'b1c4429c9e9eeb70b4e29b1b2ba32a92c528c23c', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '98be76765673793cdeac00ba6fa7b2f01dc1342e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'a620038a974e3ca72f7c510258018aa90bf58896', 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-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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: '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) }))));
+        return (index.h("div", { key: '8602516dee10463971c9dcd18588e5ae59220461', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), index.h("div", { key: '35b0b2c623b2adfd697d2233e650fd123da83c35', class: "gux-pagination-change" }, index.h("gux-pagination-buttons-legacy", { key: 'd0341a4f877d4d8f8d4a5fb460b521ddd78aa906', 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-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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: '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) }))));
+        return (index.h("div", { key: '79c47b75477edcb39a51d98b29d83d9c5e06ee1f', class: "gux-pagination-container" }, index.h("div", { key: 'f9666c062ab80b17eb79b32cc7fb6c693cf538f6', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '3fce8053ae451d66574e58ab6185c9437dc8e655', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: 'b08e55067cd9b13de58e7789e1e0b1b68562df68', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '6597bb0de33af5558e3163972fab3a87833859a2', class: "gux-pagination-spacer" }), index.h("div", { key: '5caea6763b35c8cf89ce750fb369b92315d1274f', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '2bd9e8b602a2be355f05880cb912a57ff7f97b35', 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-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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

@@ -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-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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)}";

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-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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: '62c840b648ec05931c79732c2474a09f60151150', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '1b02a01f621c02ead2e7e7f50f7dc8ff4075da8c', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "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' }))));
+            }, "data-placement": true }, index.h("div", { key: 'b7e1b6a96eab5bdf499f09f5bba7a2b879755eaa', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'c6b2b9666fa5bb0960a8deec40d9ad3a23d449ae', onClick: this.dismiss.bind(this) })), index.h("div", { key: '4ec65a1e7c0e8eaa149abaeb6e9afae5e3306337', class: "gux-popover-content" }, index.h("slot", { key: '430a10c1a7007e442f854dbcfbce8160046c0bd0' }))));
     }
     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: 'd7bab8d4e2a64fcb4d135121bcdc2676758bd104', class: {
+        return (index.h("div", { key: '0f088e297f3f94a7391aad49bdd07f6aec47dade', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: 'fc53ee9991e1482dd01ed9a6d1839e3d16042aef', name: "target" }), index.h("div", { key: 'c36558b87567526942788b590439ceac5e19b7a0', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: 'dae472fe22e9774dd5e6c859fbe20388340ca935', name: "target" }), index.h("div", { key: '301bf56aef78a42ef8edb98696b03facf445fb5b', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '95783709a3f0597265941aa1493cbf162b5229a3', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: 'b369d17d7fc08f60c4452812cfb3959a91c6ccaf', 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-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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: 'a1fa21a59bf982056154e4169c23eea4d83cff50', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: 'a717d08f30176cd1face7f2a96a8bc82d3e7b2f8', 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-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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: '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: {
+        return (index.h(index.Host, { key: '45411c1655a6a9732c340ac435bd006971b21445', 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: '0bc889c9cfd3275304c20f296925f147074e05c4', 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.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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-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: '9e49a0496ca642837a732ac24f2852859f590abd', "label-position": "screenreader" }, index.h("input", { key: '6a4fa87b050a4585721b6c9071476a1170080f68', ref: el => (this.inputElement = el), class: this.selected
+        return (index.h("gux-form-field-checkbox", { key: '38c8474f7763fc8dbcc30dc588e72d7b32830cfd', "label-position": "screenreader" }, index.h("input", { key: 'c493923b686215553042a195dee749419adeb9cd', 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: 'f7288865c1c2384a713ff156dd21f98ece6b55d1', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '39d82a8218e82153780d28b3e144e29929043e88' }, 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: '074583a60849a9304cb846cde86dc60c167fe474', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '6cb20a25161faac32069f88b4548b97d9fb5152e' }, 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-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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;

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-f61fe564.js');
+const usage = require('./usage-a4ec0c78.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;

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-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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');

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-f61fe564.js');
+const usage = require('./usage-a4ec0c78.js');
 
 const guxSelectorCardsCss = ".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";
 const GuxSelectorCardsBetaStyle0 = guxSelectorCardsCss;

package/dist/cjs/gux-side-panel-beta.cjs.entry.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-79505d14.js');
+const usage = require('./usage-a4ec0c78.js');
+const hasSlot = require('./has-slot-3edae188.js');
+
+const guxSidePanelCss = ":host{display:block;inline-size:fit-content;block-size:100%}:host([size=large]){max-inline-size:50%}.gux-side-panel{position:relative;display:flex;flex-direction:column;inline-size:calc(100vw - var(--gse-ui-sidePanel-shoud-minWidth));block-size:inherit;background-color:var(--gse-ui-sidePanel-backgroundColor);box-shadow:var(--gse-ui-sidePanel-boxShadow-offsetX) var(--gse-ui-sidePanel-boxShadow-offsetY) var(--gse-ui-sidePanel-boxShadow-blur) var(--gse-ui-sidePanel-boxShadow-spread) var(--gse-ui-sidePanel-boxShadow-color)}.gux-side-panel.gux-side-panel-small{max-inline-size:var(--gse-ui-sidePanel-widthSize-sm)}.gux-side-panel.gux-side-panel-medium{max-inline-size:var(--gse-ui-sidePanel-widthSize-md)}.gux-side-panel.gux-side-panel-large{max-inline-size:var(--gse-ui-sidePanel-widthSize-lg)}.gux-side-panel>header{position:relative;padding:var(--gse-ui-sidePanel-header-padding);border-block-end:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel>header gux-dismiss-button{position:absolute;inset-block-start:calc(var(--gse-ui-sidePanel-header-dismiss-padding) - var(--gse-ui-modal-dismissButton-paddingTop));inset-inline-end:calc(var(--gse-ui-modal-dismissButton-paddingRight) - var(--gse-ui-sidePanel-header-dismiss-padding));display:block}.gux-side-panel .gux-side-panel-description{margin:var(--gse-ui-sidePanel-description-padding) !important}.gux-side-panel .gux-side-panel-content{display:flex;flex:1 1 100%;padding:var(--gse-ui-sidePanel-body-padding);overflow-y:auto;font-family:var(--gse-ui-sidePanel-description-text-fontFamily);font-size:var(--gse-ui-sidePanel-description-text-fontSize);font-weight:var(--gse-ui-sidePanel-description-text-fontWeight);line-height:var(--gse-ui-sidePanel-description-text-lineHeight);color:var(--gse-ui-sidePanel-descriptionColor)}.gux-side-panel>footer{flex:0 0 auto;padding:var(--gse-ui-sidePanel-footer-padding);border-block-start:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel-description ::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
+const GuxSidePanelBetaStyle0 = guxSidePanelCss;
+
+const GuxSidePanel = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.sidePanelDismiss = index.createEvent(this, "sidePanelDismiss", 7);
+        this.size = 'small';
+    }
+    onDismissHandler() {
+        this.sidePanelDismiss.emit();
+    }
+    componentWillLoad() {
+        usage.trackComponent(this.root, { variant: this.size });
+    }
+    renderDescription() {
+        if (hasSlot.hasSlot(this.root, 'description')) {
+            return (index.h("div", { class: "gux-side-panel-description" }, index.h("slot", { name: "description" })));
+        }
+        return null;
+    }
+    render() {
+        return (index.h("div", { key: '07e34d61e328ca7d29b2405edff8a51d4b91d62b', class: {
+                'gux-side-panel': true,
+                [`gux-side-panel-${this.size}`]: true
+            } }, index.h("header", { key: '61024628df2d0f2b89668e3abeeaa5047aa60164' }, index.h("gux-dismiss-button", { key: '25db410c7c7eb671c34b1a211cde19920ffb4dbf', position: "inherit", onClick: this.onDismissHandler.bind(this) }), index.h("slot", { key: '3c0b85f9d5cf9184ac99139dd649ae83c5599773', name: "heading" })), this.renderDescription(), index.h("div", { key: '9e70a18b4876be722d5e542b3db8052e1e47640d', class: "gux-side-panel-content" }, index.h("slot", { key: 'b59de7fa06f20042f5e6abfb1bd914fa5839cda5', name: "content" })), index.h("footer", { key: 'bb66cb613ed9d379290ce700ffcd9a044f1c44b6' }, index.h("slot", { key: 'e6b36a71976aab45d69ffc277a0fde4e1b41fae2', name: "footer" }))));
+    }
+    get root() { return index.getElement(this); }
+};
+GuxSidePanel.style = GuxSidePanelBetaStyle0;
+
+exports.gux_side_panel_beta = GuxSidePanel;

package/dist/cjs/gux-side-panel-heading.cjs.entry.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-79505d14.js');
+const usage = require('./usage-a4ec0c78.js');
+
+const guxSidePanelHeadingCss = ":host{display:block}h1,h2,h3,h4,h5,h6{display:flex;flex:0 0 auto;gap:var(--gse-ui-sidePanel-header-iconGap);align-items:center;inline-size:100%;padding:0;margin:0;font-family:var(--gse-ui-sidePanel-heading-text-fontFamily);font-size:var(--gse-ui-sidePanel-heading-text-fontSize);font-weight:var(--gse-ui-sidePanel-heading-text-fontWeight);line-height:var(--gse-ui-sidePanel-heading-text-lineHeight);color:var(--gse-ui-sidePanel-headerColor)}";
+const GuxSidePanelHeadingStyle0 = guxSidePanelHeadingCss;
+
+const GuxSidePanelHeading = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.level = 1;
+        this.iconName = undefined;
+    }
+    componentWillLoad() {
+        usage.trackComponent(this.root);
+        this.headingTag = `h${this.level}`;
+    }
+    render() {
+        return (index.h(this.headingTag, { key: '22b9bcffb02db315742634ad1e527de00b46d92e' }, this.iconName && (index.h("gux-icon", { key: 'ca114da4d13b3057686ce38231fa4b295b6fd5c1', decorative: true, size: "medium", "icon-name": this.iconName })), index.h("gux-truncate", { key: '0f801e2c62860b332fd390ce41f8ec936b29383e' }, index.h("slot", { key: '9c093f438dcd26ba9faae83e0ea80ddeea8bb02a' }))));
+    }
+    get root() { return index.getElement(this); }
+};
+GuxSidePanelHeading.style = GuxSidePanelHeadingStyle0;
+
+exports.gux_side_panel_heading = GuxSidePanelHeading;

package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-f61fe564.js');
+const usage = require('./usage-a4ec0c78.js');
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 const GuxSimpleToastLegacyStyle0 = guxSimpleToastCss;
@@ -18,7 +18,7 @@ const GuxSimpleToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: 'db2c740647d7a8a67532e31718e0a62d7cd8c27e' }, index.h("div", { key: '7ea3dea9fa72a9db1359a6d38a03cdfb17c8567a', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '1383078dee16fc5e9ea9b4f0681f6fa1ecabcc2b', name: "icon" })), index.h("gux-truncate", { key: 'd9d448b6796b1846d0a4c3f3895ee44b2ae7822b', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'dfd7532ea190c9fefefbfd7014252727d4f69332', name: "message" })), index.h("gux-dismiss-button", { key: '1c541ed4eaba2bab5421a0931af71582e6f27611', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: 'f8afded47dd5d8aa1e06d12fc5a8e132bef8c914' }, index.h("div", { key: 'ee392128cd1ce75f6dda9dec608ba2094e9984ad', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '9bff6a2b1bfce3baf96896408fa91e01abbecbe7', name: "icon" })), index.h("gux-truncate", { key: 'd1e617b3f2bceaa4ee8df7622b8e6f0e9f669cad', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '547784600e9746065fb781a47a8cec7ed7583ea4', name: "message" })), index.h("gux-dismiss-button", { key: 'b3cd1efe52992185bb10355012ddc7f681b2ed42', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/cjs/gux-skip-navigation-item.cjs.entry.js

@@ -12,7 +12,7 @@ const GuxSkipNavigationItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '3cf239bac6ef3eba065bd98932ac78068ea4682f', role: "listitem" }, index.h("slot", { key: 'a6af5106df3bfcb31e98641ee76e6b92ae042986' })));
+        return (index.h(index.Host, { key: 'a8b0b7347eac62652b13c9338888aab1d7894252', role: "listitem" }, index.h("slot", { key: '3f62e9008a9a40e9a83c84c6ff950dcbc71e4d0e' })));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/cjs/gux-skip-navigation-list.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-f61fe564.js');
+const usage = require('./usage-a4ec0c78.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const navigationName = "Skip links navigation";
@@ -24,7 +24,7 @@ const GuxSkipNavigationList = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '9abc91504e4e79581481f7f71cd3d1c7f3fa3a9b', class: "gux-container" }, index.h("nav", { key: '2d6f7122c6ab0dd69df810be080e19714a80001d', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '2341f3691b1ca3fb85553b52eaab343a013d01e0', role: "list" }, index.h("slot", { key: '3f3f0432dfd21f30cd105bd325dde75a1c21fef2' })))));
+        return (index.h("div", { key: '4df452a56a43d87e1cf8838f45c48b270db5b9a1', class: "gux-container" }, index.h("nav", { key: 'fc919e9b56aa696dea3e788ecd0623cfe2281bb6', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '260e45a4936e39e5b5ad81f27fd66379f34e850f', role: "list" }, index.h("slot", { key: '8d8e2ccdd9dfd4e862a2ba2a71137add4bb903fe' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-sort-control.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-f61fe564.js');
+const usage = require('./usage-a4ec0c78.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const onMutation = require('./on-mutation-d800434a.js');
 const en = require('./en-807a354e.js');
@@ -108,13 +108,13 @@ const GuxSortControl = class {
         }
     }
     render() {
-        return (index.h("div", { key: '33a69ff4039ba50b83b4b3ceea8730d89bff1bc5', class: "gux-container" }, index.h("button", { key: 'f8599746413422b2bd01866b29c7ed415ecb6f52', class: {
+        return (index.h("div", { key: 'b5c31b76f0650c99660b82ba7e138c2ffe73d862', class: "gux-container" }, index.h("button", { key: 'ddc6555222b297512fa7fcbf56dd84ba3606b5e7', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: 'eeabfbe9a6cdddd036d608160b9194c05e14ff03', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: 'de397bdbc0d505b29c5d4d2be63055230acb013e', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '0eef282751a202b8e5b244d90a0bd5786b3e4358', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: 'ba4556d977a969d7b07e362373a020b8614b1bb8', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -146,13 +146,13 @@ const GuxSubmenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '3bf5bd2a023b20151c61bc3760e2acb74763378a' }, index.h("button", { key: '6243e772096b2add4600fa8021707106386c5de2', type: "button", class: {
+        return (index.h(index.Host, { key: 'eab7a3616ec0b1f59b526674466eb1329aa163ee' }, index.h("button", { key: '941e9461e99b14a6cfe379049fdfcaea7db69ca0', type: "button", class: {
                 'gux-submenu-button': true,
                 'gux-submenu-button-active': this.isShown
-            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: 'c108d3332766be36b480ae807ca2efe92e8e5b79', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '0eb542761f30daef77e56e2b6de3a24196414fa0', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '9f7e7d13a7f526abbbed057b292c41928bbf0e76', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: '726ed8a7db7dc1d1d993a42978017516b0b24fa7', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '6447bf5b5b941539ffc7fd2ede2c193ccc94c8a7', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: 'b5099f4dfd9462a93ef267788f9224fd9948bd2f', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: 'e693eb0aad3f58230f3783063b788612ea623171', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'ba7183759f74accc328c7f028ebab4525a9124f6' })))));
+            } }, index.h("div", { key: 'eaa64209b6c04de5cfd0983a805637c92f383346', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'f77cd8a4af7fc8e0050ce82ae083bae96320780b' })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-switch-item.cjs.entry.js

@@ -20,7 +20,7 @@ const GuxSwitchItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'dfec7f615a7355fdad50c1e5cd6e8c78a05cf3fd', class: { 'gux-selected': this.selected } }, index.h("button", { key: '70ca8f456fcfd5655cf46f34d64f014e000542a8', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '7b837c5be672d9323e5a08f4f80ef6f56d5bd654' }))));
+        return (index.h(index.Host, { key: '133d94047c697ca14556e11b7fff787464f4a35f', class: { 'gux-selected': this.selected } }, index.h("button", { key: '765a3a84a4481fb8a0b13138248ef2c802c13307', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '1656c412e5a4ab60c0dd0375a539a8da63e68f2b' }))));
     }
 };
 GuxSwitchItem.style = GuxSwitchItemStyle0;