genesys-spark-components 4.109.1 → 4.110.0

package/dist/cjs/gux-month-picker-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.js');
 const index$1 = require('./index-d7208697.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.js');
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#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;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.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-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-semantic-heading-sm-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-sm-bold-fontSize);line-height:var(--gse-semantic-heading-sm-bold-lineHeight);font-weight:var(--gse-semantic-heading-sm-bold-fontWeight)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;

package/dist/cjs/gux-option-group-beta.cjs.entry.js

@@ -54,7 +54,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '78ede61d65e0a92177b52f15a6df69727fefa4bf', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: 'a50bdad2c02234ddc2455bf9347bf2bd52c8784b', class: "gux-option-group" }, index.h("div", { key: 'f9b25388e6cfbc9cd361fb55ba4a0c182a7ae2d7', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '1044d6cf5b2b93eff8d52acb72665a1ecee310bd', role: "group" }, index.h("slot", { key: '3b1d6033a6c89dec4f4c2df6bd52ba6b9434af69' })), this.renderDivider())));
+        return (index.h(index.Host, { key: '2c97646f685d130588c66ef8ceaadeb5b31e44cf', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: 'c46fc8ba1d4b29ccd18e54e67c342a469cc38e78', class: "gux-option-group" }, index.h("div", { key: 'c8e3b1ff5645df759cfbdeeae6f4ffda0829f85a', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '200e869d5e6f0cd7b26f0bb4ce95978068ef3bd4', role: "group" }, index.h("slot", { key: '57c0370e2637b8a43fdde4c5484391b1c1d01897' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -17,6 +17,7 @@ const GuxOptionIcon = class {
         this.iconName = undefined;
         this.iconSrText = undefined;
         this.iconColor = undefined;
+        this.iconPosition = 'start';
         this.active = false;
         this.selected = false;
         this.disabled = false;
@@ -56,21 +57,27 @@ const GuxOptionIcon = class {
         const parentListbox = getClosestElement.getClosestElement('gux-listbox', this.root);
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
-    render() {
+    renderMaybeIcon(position) {
+        if (position !== this.iconPosition) {
+            return null;
+        }
         let iconStyle = null;
         // If the icon color is set and we don't have a background highlight that
         // might cause contrast problems, set the color style.
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (index.h(index.Host, { key: '6a354dde42fe74081f2f5790d45c057f664a9549', role: "option", class: {
+        return (index.h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }));
+    }
+    render() {
+        return (index.h(index.Host, { key: '307cbb465ac143c57af4011285f5b87956a63197', 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: 'd06b945e633e96d24e00113f35d75c5cfe38bd39', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: '82c255c51361f68eb37985b055fbc34fa754a34c', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '226656bfee639af210dfaa13d7046e0c858240e6', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '1ac8f25b27a33b0c718db045c8e726e606fddc08' })), index.h("slot", { key: 'fc33785258cc1ffd4488fdfb7b511555ba8a1ffa', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), index.h("div", { key: '9167eb409778763f03d174a00ae8ed2746b9ec62', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '075b924c37d00e84234fb177d6864a7d23c45c7e', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '2001e50d8c1efd8588edff586c15d7681bbef071' })), index.h("slot", { key: '6772193db724a76ff120675c05aa2f3d3ce4c339', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     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: '292965492111e8eb245a1757faefa83d9360fe22', role: "option", class: {
+        return (index.h(index.Host, { key: '8cee7569143c309dc362cde7135a71eca7bdd51c', 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: 'a2fc75365c60061ce98aaea408010e92aed83475', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '884fbcaf39deaa8ebc7e3bdc84ebaf5362fb8453', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '5a4e7613aa24072c16683d4be7098f11c3f6d607' })), index.h("slot", { key: '5d77e53570b86e9d4119c78038e0777c8b6ffe28', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: 'ec405cda31136ed71ff94d81ad1c426aee8cf3a0', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'fbfc158180b34707262c69cb2deefff654f39c8c', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '764dd3b80592ee6059715c6e5c8b6a96999cfc7f' })), index.h("slot", { key: 'cc6acc6a3c7fdd8fd9a88b0f798b00046f7c1aa3', 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-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.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: '733888e2a735b0a2593a3aa97f0032cfb3b0487d', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: '882da68c212015e00af497dd89f43f076e5b3426', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     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: 'f136efc5e4e2428917e020f009bcc27012829863', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'a50a02b462cc8af3aeb465af1ed5470fcdf55335', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '1672afcbbd87b321259f35efcd7624cf4cc24a41', accent: "ghost", "icon-only": true }, index.h("button", { key: '809be8325727b9f99b2430bce9f72461ca76b0bb', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '38e26da6b076685f3cb3c180cf2732ae4f4658c1', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '2301f9b6e0088f41ab453e9b3a34d0c87ca87229', accent: "ghost", "icon-only": true }, index.h("button", { key: '121b3c0869d91170cb3853cd1d2d97a9b162ffaa', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '86958703102b1d1931551e441dbd4c7136b9b6b2', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '96d12c7c39919f4160a153d3c1d81d009edd6194', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '09226d2024970aa0a4e9fadb075a57c2e97f539a', accent: "ghost", "icon-only": true }, index.h("button", { key: '647cee752a388d32b4986c9d79ae4a1b9592b66b', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'ea3492cc608e6a7d02fd9d8225f686d1dd395632', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '2009b594d3e1edebf92d9a490529ab1cd1ac94b9', accent: "ghost", "icon-only": true }, index.h("button", { key: '8929f393068a199b1d1d92e656707501a7f9978b', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '971845b5c71d211c23b427289117a16dfd36cdd9', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: 'e958f863864c98607597510cf6b4e432a45a31d2', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '27bfa108d79a10bb806232a347022fc5b547661c', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '99bb42559fb7ab1cd27de2127f98b4974f0deb8c', accent: "ghost", "icon-only": true }, index.h("button", { key: '4e99f57c620cf5abf5fa7d46cfedda0261c1c945', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'bf46b12786f4c455f02c181381f41e43b698539d', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '4a1f95fb3a269310583e77200f4eb4b32e1ed790', accent: "ghost", "icon-only": true }, index.h("button", { key: 'b4ac9c982e1393174254126ea24b3a58830b6e8f', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '22ae2ba09eadc22bdd9892f7cb9a1e31d40b5db2', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: 'ae1422a5952ff74b6807521e697ef99d6e943142', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '7ebac34047c6327240c173da59b46f91855c6e3f', accent: "ghost", "icon-only": true }, index.h("button", { key: 'f4a8717e80eb554ee19ac2a6909cb379d5547151', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '2a3fb9830cd8f69802712406308b91ad19b601e8', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '1577095c8a2fceeb3ce2261a476f67fb6804717b', accent: "ghost", "icon-only": true }, index.h("button", { key: '16d87cbe7a43455a4899a70c24003d9e14c452a5', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '5bb465b65d24bb60318dd5a3cdd68e6472c36b79', 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: '273d594267806e03cf5c4741a6ec6bcf4b9273d0', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'cdb9d9be956f536e1d481df968ca6811bcac480d', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '3c8f3194e69eda12fc73beecc31cbf6c42cd1950', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'f386c71a2adc3388f0b386c69e1df1e02913fe49', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '06e75dc14233846a839a37f55d45897da42aee9b', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), index.h("span", { key: '9367ca1b143ccf3880e18ec23deb33976abe380d', 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-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.js');
 const index$1 = require('./index-d7208697.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: '958de6096cf113efd66d0fb2c88f8166dbf6ee20', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'b6b9bf11a5aa2115abe9df1de3f6b5939f8bb61b', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '960a64d02e86fe9f1de1912f156f344dcb164fd8', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '491addd72506d7e29114939d7793da435371cf02', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'bab279a619dc9c2dccc90f75a78bab6408834466', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '2328aa27aa49839581b99943b42d8a3077e03387', 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-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.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;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.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: 'be12920abc01a4a44051d34edc6fbe15a07676c1', class: "gux-pagination-container" }, index.h("div", { key: '91f471e0a75330cb4d2baef489a750b78c689a46', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '2170c17f5d035afc8d6bc8ac41480db1248c6709', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: 'c8e73291cc304f606ec9924033aab0ba35444d40', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '5813ef2976ed208aafb7747ede5ac62f725f1c3d', class: "gux-pagination-spacer" }), index.h("div", { key: '1b031d4437ae606d2d072bed55d01446befb683b', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '3fe848fa448bf83dc80899d899a038b3da7a8a66', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '7c5ae79cc39730d42fbaa8b19eeeaf70cd4578e7', class: "gux-pagination-container" }, index.h("div", { key: '1cfd5b3b683ade18ecef2a9dec77573dd15b50ee', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: 'bb9daa0d0521b3b19155daa3d67264a650d7bfb9', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { key: 'b58742e8ed402eefbecbcb2d1e2f561ef20b3882', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '78758134142cca16789650536546562c562ce70a', class: "gux-pagination-spacer" }), index.h("div", { key: '9424a101076f242270ee3905b934232c8442bc6c', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: 'a8e667edafead07814e40699c76fbea1f98f8556', 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-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.js');
 const index$1 = require('./index-d7208697.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.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-2dd05ef3.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.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-2dd05ef3.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.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-2dd05ef3.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.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: '11e9a3b04ca4c769b305870092a5041f8c24788c', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '7c14760b77840270bfc43392f8b2849e33b31f18', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '79fdb2a8492dafbb4db05864bd048d98b13398de', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '2c4c24b15512cc3a8284b10671bd00b328d02da4', onClick: this.dismiss.bind(this) })), index.h("div", { key: '2ce728be1b4b4ee4ee609fcc33de5c8c157fc200', class: "gux-popover-content" }, index.h("slot", { key: '843cb6736e7aafa2ace2750c1b57512ab0d30603' }))));
+            }, "data-placement": true }, index.h("div", { key: 'f41b82e2e8fcc1087792c2fc3b721a4cde7e2be5', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'ce6482380b566b7fdf9c39ef8f85ae093fdf0c20', onClick: this.dismiss.bind(this) })), index.h("div", { key: '500329594e4561e7ed808386bccfd158fd63ab5f', class: "gux-popover-content" }, index.h("slot", { key: 'aae65d1129b1492de6e5060b9aae3abcd5cad59c' }))));
     }
     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: '5ff6a1f11cf913825847d5e006f1bf37ac79ff59', class: {
+        return (index.h("div", { key: '5432544dc7eb13578d1dcc56669830be0cce03b9', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '9d317a53c23ab8bdc5a2d37abc0345c654efab73', name: "target" }), index.h("div", { key: 'ad57f7b776df7fab24c879fb3e0364e2ab0790c0', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '1de0af3ad7e87825fbbcc2fe64290832749d0ae9', name: "target" }), index.h("div", { key: 'd19ebb0ef9d8cd0d6fe307b0cfe0dd2227b0ab05', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: 'dd4a4a412c052b98badc6e959aa3e63ccd297754', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '003e4c8f8224907bcf6e264d830df72007c31d09', 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-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.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: '46455e27b880aa20c9cad0376a277b1d4792c3c1', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: '301d5771e8a7cac678f3c8ec94a50326cbe25310', 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-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.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-2dd05ef3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const clamp = require('./clamp-e86a226e.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.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-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);box-shadow:0 0 0 1px var(--gse-semantic-border-focus)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;inline-size:var(--gse-ui-rating-size);block-size:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";
@@ -110,7 +110,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '9763d733e7aa0fca0a892d0dddef951b718e0656', 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: 'ef7494d5507aa22d54165fd7399a6cfe9bee3600', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: '70f75fc4fbc1b8228353d5077a3e1d476d2cc818', 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: '5ba5361adc667d8911254d3ad3a90e50f776ab13', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 
 const guxRichStyleListItemCss = ":host{inline-size:100%;text-align:start;outline:none}:host([disabled]){pointer-events:none}:host([disabled=false]){pointer-events:auto}::slotted(gux-icon){inline-size:var(--gse-ui-menu-option-startIcon-height);block-size:var(--gse-ui-menu-option-startIcon-height);margin-inline-end:var(--gse-ui-menu-option-gap);vertical-align:middle}button{all:unset;box-sizing:border-box;inline-size:100%;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer;background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1)}button:focus-visible:not(:disabled){border-radius:var(--gse-semantic-focusOutline-sm-borderRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color)}button:hover:not(:disabled){background:var(--gse-ui-menu-option-hover-backgroundColor)}button:active:not(:disabled){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}button:disabled{cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}::slotted(*){margin:0}";

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.js');
 const index$1 = require('./index-d7208697.js');
 const en = require('./en-93832113.js');
 const afterNextRender = require('./after-next-render-162425fe.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.js');
 const guxRichTextEditor_service = require('./gux-rich-text-editor.service-fd5edfcf.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.js');
 const afterNextRender = require('./after-next-render-162425fe.js');

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-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.js');
 const index$1 = require('./index-d7208697.js');
 const en = require('./en-93832113.js');
 const guxRichTextEditor_service = require('./gux-rich-text-editor.service-fd5edfcf.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
 
 const guxRichTextEditorListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";

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: 'd87a7629a8573335bf4ae7a6ea11fe7dd6005132', "label-position": "screenreader" }, index.h("input", { key: '789065522f11db7a5f0116bdb0b5cef51de339c6', ref: el => (this.inputElement = el), class: this.selected
+        return (index.h("gux-form-field-checkbox", { key: '1f2d87cc59ffc24eafa3e7baccc965dee3eea0d1', "label-position": "screenreader" }, index.h("input", { key: '07931cc1dbf5040210c1b76b08dbfe4dd244adae', 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: 'b070b7bf182156e362fc5eb976a15a8129932d73', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'b4c51b40fc69df81e59cdb84da70e7f22e1d0fce' }, 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: '1316c55d43b132eb216dbb279c2b57ab4185ea2d', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'da6ea49692acbe96531eb37f1e1b6d220db93cc5' }, 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-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.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-2dd05ef3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.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-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.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-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.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}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.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;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.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;

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: 'fdfcff7991bc9d88f306dc45367dc49de3bf5141', role: "listitem" }, index.h("slot", { key: 'd1f631b5ad0a7f155bd9f13f6965ff0a51463e3d' })));
+        return (index.h(index.Host, { key: 'ef70bd3877e5cfb77ad8b5168ae0698616dbb33a', role: "listitem" }, index.h("slot", { key: 'f214f9afeb9f25f1b111ba8dfe7ad13d8c217725' })));
     }
     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-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.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: '897b3958807aea2864e18301f894027d9fef4b79', class: "gux-container" }, index.h("nav", { key: '6bce1d6fef087db8bfe845f17bfce304d44e49e3', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '084c8b674e44cc8256d4c5d1f9a8a9fe468da45e', role: "list" }, index.h("slot", { key: '9fd0d2c79241f81ebe5e69a2e589b8be64b4a2b1' })))));
+        return (index.h("div", { key: '7652e11f7dc3b9743c872007c1ba51b1f2fd7ab6', class: "gux-container" }, index.h("nav", { key: 'fdfeda3734364ddce3a91503be54221f8d7d3d43', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '5c004a96f12ba8a8f1ad3de094e00dc6f685a87c', role: "list" }, index.h("slot", { key: 'b24323868de0fc2319bc6d0bbfd868290ac6c872' })))));
     }
     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-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.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: '39501c7e885e084bbb2a12d441f5c835c3bdf7a6', class: "gux-container" }, index.h("button", { key: '44c06aceace45fa2b6f5097e7d89851bdb3f47ac', class: {
+        return (index.h("div", { key: '8ab9f64c50cefd9099eb51890591925232c6e255', class: "gux-container" }, index.h("button", { key: '26b063fafb21d08aa433119075e3fb6e612fc211', 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: 'a9928472843ce17b8d9a2e80c72d78d24fbfa2af', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: 'eb62e21cd33928e73a2d23c5d9e7a4313403ba71', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '2ba487ef285696ff0d37b882b8f1bcf15c7609a3', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '1e8c1aaf3e40c3c8a10ee975ba0fb49c300dbcf1', 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: '972de471505bf0371beb2e42a8afebf75850d91c' }, index.h("button", { key: 'ea269a2be165239555d9b16e0011fd03edd24acd', type: "button", class: {
+        return (index.h(index.Host, { key: '625e1b3c4f9c0c92d2b2ff71b7bcce7091c4ebaf' }, index.h("button", { key: '855e1bd204fd867c90e13b75b382eafd15832676', 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: '333d2572ae820b4d79ac2dbbb539120649a64a50', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '82aa35dd82c3d1a4e7866ce70ad5b214121a71d2', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '9fd8ea4e49062b1d117a4fd6dbbb0c46fb0d077b', 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: '455f9a3673222bc69ee01938aa0d1c202bb70c0e', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '38964f5d522a61caee905d1f6a77bced76165f3a', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: 'f2e61dcd3c5652f48b3314ba6f5e69ad5a10f736', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: '50f6306dcccb89cf8c7421361bff733a49a8f90d', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'ccaa8f26da01edcaf2956e92c3f67aa3e0fad1f5' })))));
+            } }, index.h("div", { key: '59cb761bc21d9f68db5606f1aa434f2c834b03d5', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'a5472a86ed6fa30dd586cedb362a1e8685f7bb4b' })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-76b231fd.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 const GuxSwitchLegacyStyle0 = guxSwitchCss;

package/dist/cjs/gux-tab-advanced-list.cjs.entry.js

@@ -3091,7 +3091,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            index$1.h("div", { key: '77dd6596f2f68dc20bcb570cebff2ca0bb68a87e', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '28408317d5408090a251ac8d422294bfe4dde50f', class: "gux-scrollable-section" }, index$1.h("div", { key: 'f03f8c2fcaefb85dbe0a41979516f449634e1c97', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: '5fe2247c66e6bdc3a0b856d0f0bfa43d5abdab94' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            index$1.h("div", { key: '0d1097696ffe2dc56e402401b8f597e6a355fb84', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: 'db8ab979c8560a8348860f53a44016e198d06e0a', class: "gux-scrollable-section" }, index$1.h("div", { key: 'e6a3da3cde9f435ed4de5f39d8779ed46fdea72f', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'bd8871ade0881531e8960516c33a0ddec1c06495' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {

package/dist/cjs/gux-tab-advanced-panel.cjs.entry.js

@@ -24,7 +24,7 @@ const GuxTabAdvancedPanel = class {
         }
     }
     render() {
-        return (index.h("div", { key: '96a1a30ff8612b62dfc8de02eb0266dbc9c20759', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, index.h("slot", { key: '79c17d26aaba4fea10a9c06caf3b4dd8b9c3a364' })));
+        return (index.h("div", { key: '9396fe3be2f04c75017697e7c999acdb08c8339d', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, index.h("slot", { key: 'd46460ca893b7b0399ca32fa0d0aa2714e131871' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]